/* content styling */
@import url("content/areeba-markup.css");

/* form styles */
@import url("forms/standard-forms.css");
@import url("forms/two-column-forms.css");

* {font-size: 100.01%;}
html{
    font-size: 62.5%; 
    background: url(../images/html-repeat.gif) 
}
body{
	margin:0 0 80px;
	background:#fff url(../images/bg-body.gif) repeat-x 0 100%;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#666;
	min-width:978px;
	border-top:9px solid #b0b7bb;
}
img{border:none;}
a{
	color:#666;
	text-decoration:none;
}
a:hover,
a:focus{text-decoration:underline;}
input, textarea, select{
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* header */
#header{display:table-header-group;}
.header-holder{
	height:1%;
	padding:0 15px 0 35px;
	margin:22px 0 0;
}
.header-holder:after{
	content:"";
	display:block;
	clear:both;
}
#header .logo{
	float:left;
	background: url(../images/logo.gif) no-repeat;
	width:129px;
	height:83px;
	text-indent:-9999px;
	overflow:hidden;
	margin:14px 0 0;
}
#header .logo a{
	display:block;
	height:100%;
}
.logo-print{
	width:0;
	height:0;
	position:absolute;
	top:-9999px;
	left:0;
}
.header-frame{
	float:right;
	width:790px;
}
* html .header-frame{margin-right:-8px;}
#header .login-box{
	margin:0 0 37px;
	float:right;
}
#header .search-form{
	float:left;
	width:247px;
	font-size:12px;
	margin-left:17px;
	display:inline;
}
#header .search-form .text{
	background: url(../images/bg-input-text.gif) no-repeat;
	float:left;
	width:206px;
}
#header .search-form .text input{
	border:none;
	float:left;
	background:none;
	font-style:italic;
	padding:8px 16px 7px;
	width:174px;
	color:#666;
	outline:none;
}
#header .search-form .submit{float:left;}
#header .menu{
	margin:8px 0 0;
	padding:0;
	list-style:none;
	float:left;
	font-weight:bold;
	overflow:hidden;
}
#header .menu li{
	float:left;
	border-left:1px solid #d3d3d3;
	padding:0 13px;
	margin:0 1px 0 -1px;
}
#header .menu a{
	float:left;
}
#header .menu .home{
	background: url(../images/bg-home.gif) no-repeat;
	width:17px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
}
* html #header .menu .home{padding:0 13px 0 0;}
#wrapper{
	width:978px;
	margin:0 auto;
	z-index:1;
	display:table;
}
/*nav */
#nav{
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 23px;
	list-style:none;
	width:780px;
	font-size:12px;
}
#nav li{
	float:left;
	padding:11px 25px 12px;
	background: url(../images/separator-nav.gif) no-repeat 100% 4px;
	position:relative;
}
#nav li.last{
	padding:11px 34px 12px;
}
#nav li:hover,
#nav li.hover{position:relative;}
#nav li:hover .drop,
#nav li.hover .drop{display:block;}
#nav a{
	color:#666;
	position:relative;
}
#nav .active ul li a  {
    color: #666; 
} 
#nav .active a,
#nav a:hover{
	color:#bb5100;
	text-decoration:none;
}
/* dropdown */
#nav .drop{
	width:231px;
	position:absolute;
	left:0;
	top:37px;
	z-index:100;
	display:none;
}
#nav .drop .t{
	background: url(../images/bg-drop-t.png) no-repeat;
	overflow:hidden;
	height:4px;
}
#nav .drop .c{
	background: url(../images/bg-drop-c.png) repeat-y;
	height:1%;
	overflow:hidden;
}
#nav .drop .b{
	background: url(../images/bg-drop-b.png) no-repeat;
	overflow:hidden;
	height:4px;
}
#nav .drop ul{
	margin:0;
	padding:4px 1px 12px;
	list-style:none;
	width:229px;
	line-height:19px;
}
#nav .drop ul:after{
	content:"";
	clear:both;
	display:block;
}
#nav .drop ul li{
	padding:0;
	background: url(../images/bg-drop-li.gif) repeat-x 0 100%;
	border:none;
	height:1%;
	overflow:hidden;
	vertical-align:middle;
	float:none;
	border:none;
}
#nav .drop ul a{
	display:block;
	vertical-align:top;
	height:1%;
	padding:7px 11px 8px 26px;
	position:relative;
	cursor:pointer;
}
#nav .drop ul a:hover{
	background:#e67219 url(../images/bg-drop-hover.gif) repeat-x 0 100%;
	color:#fff;
	text-decoration:none;
}
#nav .drop .active a,
#nav .drop .active a:hover{
	background:#fbe6d7;
	display:block;
	color:#666;
}
/* main */
#main{display:table-footer-group;}
.main-holder{
	height:1%;
	overflow:hidden;
	padding:25px 16px 20px 20px;
}
* html .main-holder{padding-top:47px;}
*+html .main-holder{padding-top:47px;}
/* content */
#content{
	float:left;
	width:645px;
	min-height: 400px; 
	_height: 400px; 
}
#content h1{
	margin:0 0 7px;
	font-size:2.5em;
	line-height:1.2em;
	font-style:italic;
	color:#003f5e;
}
#content .text-holder h1{
	font-size:2.3em;
}
#content .info-box{
	margin:0 0 19px;
}
#content .info-box .t{
	background: url(../images/bg-info-box-t.png) no-repeat;
	height:7px;
	overflow:hidden;
}
#content .info-box .c{
	background: url(../images/bg-info-box-c.png) repeat-y;
	width:643px;
}
#content .info-box .c:after{
	display:block;
	clear:both;
	content:"";
}
#content .info-box .c1{
	float:left;
	position:relative;
	margin:0 0 -309px 0;
	padding:8px 18px 0;
}
#content .info-box .b{
	background: url(../images/bg-info-box-b.png) no-repeat;
	height:293px;
	overflow:hidden;
}
#content .info-box .text-holder{
	padding:10px 0 32px;
	height:1%;
	overflow:hidden;
}
#content .text-holder p{margin:0;}
#content .img-box{
	width:380px;
	float:left;
}
#content .img-box .t{
	background: url(../images/bg-img-box-t.png) no-repeat;
	height:6px;
	overflow:hidden;
}
#content .img-box .c{
	background: url(../images/bg-img-box-c.png) repeat-y;
	padding:2px 8px 1px 7px;
	width:337px;
}
#content .img-box .img-holder{
	float:left;
	margin:0 0 -32px 0;
	position:relative;
	z-index:2;
	width:100%;
}
#content .img-box .next{
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/bg-next1.png) no-repeat;
	position:absolute;
	bottom:-64px;
	right:-32px;
	width:65px;
	height:94px;
	cursor:pointer;
}
* html #content .img-box .next{
	right:-33px;
	bottom:-65px;
}
#content .img-box .c:after{
	content:"";
	clear:both;
	display:block;
}
#content .img-box .b{
	background: url(../images/bg-img-box-b.png) no-repeat;
	height:71px;
	margin-left:-19px;
	position:relative;
	overflow:hidden;
}
#content .img-box .b:after{
	content:"";
	clear:both;
	display:block;
}
#content .img-box img{
	display:block;
}
#content .block{
	width:643px;
	overflow:hidden;
}
#content .block .t{
	background: url(../images/bg-block-t.png) no-repeat;
	height:24px;
	overflow:hidden;
}
#content .block .c{
	background: url(../images/bg-block-c.gif) repeat-y;
	height:1%;
	overflow:hidden;
	margin:0 0 0 1px;
}
#content .block .boxes{
	width:680px;
	overflow:hidden;
}
#content .block .b{
	background: url(../images/bg-block-b.png) no-repeat;
	height:21px;
	overflow:hidden;
}
#content .block .row{
	height:1%;
	margin:0 0 13px;
}
#content .block .row:after{
	content:"";
	clear:both;
	display:block;
}
#content .block .box{
	width:170px;
	padding:6px 22px 0 21px;
	line-height:14px;
	float:left;
}
#content .block .box h3{
	margin:0 0 0 7px;
	font-size:1em;
}
#content .block .img-frame{
	background: url(../images/bg-img-frame.gif) no-repeat;
	padding:5px 8px 16px;
	position:relative;
	margin:0 -15px -9px 0;
	width:168px;
}
#content .block .img-frame img{display:block;}
#content .block .box h3 a{color:#003f5e;}
#content .block .box .next-link{
	position:absolute;
	bottom:-10px;
	right:9px;
	background: url(../images/bg-next.png) no-repeat;
	width:33px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#content .block .box .text-place{
    padding:0 3px 0 5px;
    position:relative;
}
#content .block .box p{margin:0;}
/* aside */
.aside{
	float:right;
	width:281px;
	overflow:hidden;
	padding:0 8px;
	margin:1px -8px 0 -8px;
	display:inline;
}
.position-box{background: url(../images/bg-position-box-c.gif) repeat-y;}
.position-box .holder{background: url(../images/bg-position-box-t.gif) no-repeat;}
.position-box .frame{
	background: url(../images/bg-position-box-b.gif) no-repeat 0 100%;
	padding:5px 20px 21px 14px;
	height:1%;
}
.position-box .frame:after{
	content:"";
	clear:both;
	display:block;
}
.position-box .frame h2{
	margin:0 -18px 0 -13px;
	background:#fcfdfc url(../images/bg-title.gif) repeat-x 0 100%;
	padding:10px 5px 19px 21px;
	font-size:1.5em;
}
.position-box .frame h2 a{color:#003f5e;}
.position-box .frame h2 a:hover{
	border-bottom:1px solid #003f5e;
	text-decoration:none;
}
.aside .search-form{
	margin:24px 0 0;
	background: url(../images/bg-row.gif) repeat-x 0 100%;
	padding:0 0 17px;
	font-size:12px;
}
.aside .search-form .text{
	background: url(../images/bg-input-text.gif) no-repeat;
	float:left;
	width:206px;
}
.aside .search-form .text input{
	border:none;
	float:left;
	background:none;
	font-style:italic;
	padding:8px 16px 6px;
	width:174px;
	font-size:14px;
	color:#666;
	outline:none;
}
.aside .search-form .submit{float:left;}
/* job-list */
.jobs-list{
	margin:0 -10px 0;
	padding:0 0 13px;
	list-style:none;
	position:relative;
	width:276px;
}
.jobs-list li{
	height:1%;
	vertical-align:middle;
	background: url(../images/bg-row.gif) repeat-x 0 100%;
	margin:0 22px -1px 17px;
}
.jobs-list li:after {
	content:"";
	display:block;
	clear:both;
}
.jobs-list a{
	display:block;
	padding:12px 20px 16px 31px;
	cursor:pointer;
	position:relative;
	width:256px;
	margin:0 -20px 0 -29px;
}
.jobs-list a:after{
	content:"";
	clear:both;
	display:block;
}
.jobs-list li.active a,
.jobs-list a:hover{
	background:#b33a09 url(../images/bg-jobs-hover.gif) repeat-x;
	border:1px solid #b55b17;
	text-decoration:none;
	color:#fff;
	padding:12px 5px 14px 31px;
}
.jobs-list span{float:left;}
.jobs-list .title{
	width:135px;
	margin:0 17px 0 0;
}
.jobs-list .country{width:65px;}
.jobs-list li.active a .bullet,
.jobs-list a:hover .bullet{
	background: url(../images/bullet2.gif) no-repeat 100% 50%;
	display:block;
	padding:0 32px 0 0;
}
.jobs-list li.active a em,
.jobs-list a:hover em {
	background:url(../images/corner-jobs-list.gif) no-repeat;
	width:9px;
	height:6px;
	position:absolute;
	bottom:-7px;
	left:-1px;
	overflow:hidden;
}
.aside .more-link{
	float:right;
	color:#003f5e;
	font-weight:bold;
	background: url(../images/bullet1.gif) no-repeat 100% 0;
	padding:0 25px 0 0;
	margin:0;
}
.aside .heading{
	height:1%;
	overflow:hidden;
	background: url(../images/bg-row.gif) repeat-x 0 100%;
	padding:16px 9px 13px;
	color:#2b2b2b;
}
.aside .heading span{float:left;}
.aside .heading .title{
	width:135px;
	margin:0 17px 0 0;
}
.aside .heading .country{width:82px;}
/* main-holder */
.main-holder-t{
	background: url(../images/bg-main-holder-t.png) no-repeat;
	height:7px;
	overflow:hidden;
}
.main-holder-c{
	background: url(../images/bg-main-holder-c.png) repeat-y;
	padding:0 41px 42px 16px;
	height:1%;
	overflow:hidden;
}
.main-holder-b{
	background: url(../images/bg-main-holder-b.png) no-repeat;
	height:8px;
	overflow:hidden;
}
/*sidebar */
#sidebar{
	float:left;
	width:196px;
	padding:19px 0 0;
}
#sidebar h2{
	margin:0 0 22px 21px;
	color:#003f5e;
	font-size:1.6em;
}
/*sub-nav */
.sub-nav{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.9em;
	height:1%;
	overflow:hidden;
	border-top: 1px dotted #CCC;
}
.sub-nav li{
	height:1%;
	vertical-align:middle;
	display: block;
}
.sub-nav a{
	padding:10px 20px 13px 24px;
	display:block;
	cursor:pointer;
	position:relative;
	background-color: #FFF;
	border-bottom: 1px dotted #CCC;
}
.sub-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sub-nav ul li a{
    padding-left: 30px;
}
.sub-nav ul a span{
	padding:0 0 0 18px;
	background: url(../images/bullet5.gif) no-repeat 0 50%;
	display:block;
}
.sub-nav ul li ul li a{
    padding-left: 40px;
}
.sub-nav ul li ul li ul li a{
    padding-left: 50px;
}
.sub-nav a:hover{
	background:#b33a09 url(../images/bg-sub-nav-hover.gif) repeat-x;
	color:#FFF;
	text-decoration:none;
}

/* level 1 */
ul.sub-nav li a { background-color: #FFF; }
ul.sub-nav li.active a { background-color: #FEEFE3; color:#666; }
ul.sub-nav li a:hover { background-color: #b33a09; color:#FFF; }

/* level 2 */
#wrapper ul.sub-nav li ul li a { background-color: #FFF; }
#wrapper ul.sub-nav li ul li.active a { background-color: #FEEFE3; color:#666; }
#wrapper ul.sub-nav li ul li a:hover { background-color: #b33a09; color:#FFF; }

/* level 3 */
#wrapper #main ul.sub-nav li ul li ul li a { background-color: #FFF; }
#wrapper #main ul.sub-nav li ul li ul li.active a { background-color: #FEEFE3; color:#666; }
#wrapper #main ul.sub-nav li ul li ul li a:hover { background-color: #b33a09; color:#FFF; }

/* level 4 */
#wrapper #main #sidebar ul.sub-nav li ul li ul li ul li a { background-color: #FFF; }
#wrapper #main #sidebar ul.sub-nav li ul li ul li ul li.active a { background-color: #FEEFE3; color:#666; }
#wrapper #main #sidebar ul.sub-nav li ul li ul li ul li a:hover { background-color: #b33a09; color:#FFF; }

#main .content-inner{
	float:right;
	width:660px;
	padding:18px 0 0;
	line-height:1.5em;
	position:relative;
}
/* breadcrumbs */
.breadcrumbs{
	margin:0 0 27px;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.breadcrumbs .first{
	margin-left:-12px;
	display:inline;
}
.breadcrumbs li{
	float:left;
	background: url(../images/bg-breadcrumbs.gif) no-repeat 0 5px;
	padding:0 0 0 11px;
}
.breadcrumbs li:first-child{
	background:none;
}
.breadcrumbs a{
	padding:0 10px 0 0;
}
/* content-inner */
#main .content-inner h1{
	/*margin:0 0 19px;*/
}
#main .content-inner p{
    margin: 10px 0;
    /*display:block;*/
}
.content-inner a,
.content-inner a:visited{text-decoration:underline;}
.content-inner a:hover{
	text-decoration:underline;
	color:#333;
}
.content-inner .info{margin:0 0 22px;}
.content-inner h2{
	/*margin:0 0 18px;*/
	font-size:1.6em;
	line-height:1em;
	color:#003f5e;
}
.content-inner h3{
	/*margin:0 0 -2px;*/
	font:bold italic 1.33em "Times New Roman", Times, serif;
	color:#3e3e3e;
}
.content-inner h4{
	/*margin:0 0 8px;*/
	font:bold italic 1.2em "Times New Roman", Times, serif;
	color:#3e3e3e;
}
.content-inner h5{
	/*margin:0 0 9px;*/
	font:italic 1.2em "Times New Roman", Times, serif;
	color:#3e3e3e;
}
.content-inner h6{
	/*margin:0 0 7px;*/
	font:italic 1em "Times New Roman", Times, serif;
	color:#3e3e3e;
}
/* list-table */
.list-table{
	border-collapse:collapse;
	margin:11px 0 37px;
}
.list-table td{
	padding:0;
	width:337px;
}
.list-table p{
	padding:0 0 3px;
	display:block;
}
.list-table ul,
.list-table ol{
	margin:0;
	padding:0;
	list-style:none;
	line-height:22px;
}
.list-table ul li{
	background: url(../images/bullet3.gif) no-repeat 0 7px;
	padding:0 0 0 19px;
}
.list-table ul ul{
	margin:0 0 0 11px;
	padding:0;
	list-style:none;
}
.list-table ul ul ul li{background: url(../images/bullet4.gif) no-repeat 0 7px;}
.list-table ol{margin:0 0 0 23px;}
.list-table ol li{list-style-type:decimal;}
.list-table ol ol li{list-style-type:lower-alpha;}
.list-table ol ol ol li{list-style-type: lower-roman;}
.list-table ol ol ol li span{padding-right:9px;}
#main .content-inner  .list-table ul a{
	text-decoration:none;
	color:#666;
}
#main .content-inner  .list-table ul a:hover{text-decoration:underline;}
/* data table */
.data-table{
	border-collapse:collapse;
	width:580px;
	background:url(../images/bg-data-table.gif) repeat-x;
	margin:0 0 36px;
}
.data-table th{
	color:#333;
	width:128px;
	text-align:left;
	font-weight:normal;
	padding:9px 7px 6px 10px;
	background:#e7e7e7 url(../images/bg-data-table.gif) repeat-x 0 100%;
}
.data-table td{
	padding:9px 7px 6px 10px;
	background: url(../images/bg-data-table.gif) repeat-x 0 100%;
}
/* post-blocks */
.post-blocks{
	width:635px;
	overflow:hidden;
	margin:0 0 6px;
	padding:0;
	list-style:none;
}
.post-blocks li{
	width:100%;
	overflow:hidden;
	padding:0 0 22px;
}
#content .post-blocks li img {
	float:left;
	margin:0 19px 0 0;
	padding: 0;
}
.post-blocks .head{
	background: url(../images/bg-data-table.gif) repeat-x;
	height:1%;
	overflow:hidden;
	padding:1px 0 0;
}
.post-blocks .post-info{
	background:#e7e7e7 url(../images/bg-data-table.gif) repeat-x 0 100%;
	height:1%;
	overflow:hidden;
	color:#333;
	padding:9px 9px 7px;
	margin:0 0 9px;
}
.post-blocks .post-info em{
	float:left;
	font-style:normal;
	width:125px;
}
.post-blocks .post-info h4{
	margin:0;
	overflow:hidden;
	height:1%;
	font:1.1em Arial, Helvetica, sans-serif !important;
}
.post-blocks .post-info h4 a{
	text-decoration:none !important;
}
.post-blocks .entry-content{
	padding:0 5px 1px 12px;
	line-height:16px;
	background: url(../images/bg-data-table.gif) repeat-x 0 100%;
	overflow:hidden;
	height:1%;
}
#main .entry-content p{margin:0 0 10px;}
/*pagination */
ul.pagination {
	margin:0;
	padding:0 25px 0 0;
	list-style:none;
	height:1%;
	overflow:hidden;
	text-align:right;
	font-size:1.3em;
}
ul.pagination  li{
	display:inline;
	padding-left:9px;
}
ul.pagination a{
	text-decoration:none !important;
	color:#bb5100;
}
ul.pagination a:hover,
ul.pagination .active a{
	color:#454545;
	text-decoration:none;
}
/* footer */
#footer{
	font-size:0.9em;
	width:978px;
	margin:0 auto;
	color:#6b6b6b;
	line-height:1.2em;
}
.footer-t{
	background: url(../images/bg-footer-t.png) no-repeat;
	height:7px;
	overflow:hidden;
}
.footer-c{
	background: url(../images/bg-footer-c.png) repeat-y;
	padding:9px 38px 6px 44px;
	height:1%;
	overflow:hidden;
}
#footer img{
	float:left;
	margin:0 4px 0 0;
}
#footer .text-box{
	float:right;
	width:440px;
	text-align:right;
	margin:5px 0 0;
}
#footer .text-box p{margin:0;}
#footer ul{
	margin:3px 0 0;
	padding:0;
	list-style:none;
	font-weight:bold;
}
#footer ul li{
	display:inline;
	border-left:1px solid #d3d3d3;
	padding:0 13px;
}
#footer ul li:first-child{border-left:none;}
#footer ul a{color:#515050;}
.footer-b{
	background: url(../images/bg-footer-b.png) no-repeat;
	height:19px;
	overflow:hidden;
}
.attention-box {
    margin-top:20px;
    background:#F3F3F3 none repeat scroll 0 0;
	padding: 10px;
}
.attention-box .default {
    height:35px;
    margin-top:20px;
}

/************************
 * image padding
 ************************/
.main-holder-c img {
     padding: 10px;
 }

/************************
 * Country page styling 
 ************************/
#country-image {
    float: left; 
    display: inline; 
    width: 350px;
}

#country-image img {
    padding: 0;
}

#country-job-list {
    float: right; 
    display: inline; 
    width: 290px;
}

/************************
 * News item page styling 
 ************************/
#news-image {
    float: left; 
    display: inline; 
    width: 250px;
    padding: 0 10px 10px 0;
}

#news-image img {
  padding: 0;
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
	* html .clearfix {
		_height: 0;
	}
	
	.clearfix {
		display: block;
	}
}