/* import CSS for compliant browsers */
/* ------------------------------------------------------------------------------ */
@import url(reset.css);
@import url(typography.css);

/* stops the horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

/* overrule basic.css styles */


body {
	margin: 0;
	text-align: center;
	background-color: #e2e6ef;
	background-image:none;
}


#wrapper{
	width: 950px;
	background: #fff;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	padding: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


span.clearer{
	display: block;
	height: 1px;
	clear: both;
}
#main-content span.clearer{background: #fff;}
#main-nav span.clearer{background: #E3E3E3;}

/* Added by Madhu

/* leftcol */

.clear { clear: both; }
.brd { border: 1px solid #000; }
.leftcol { width: 460px; float: left; margin-top: 20px; }
.rightcol {width: 250px; float: left; margin-top: 20px; }

span.frm { width: 80px; display: block; float: left; margin-top: 10px; font-weight: bold; }
select.frm { width: 160px; float: left; margin-top: 10px; }

.leftcol select { border: none; background: #efefef; height: 22px; }
.rightcol select { border: none; background: #efefef; height: 22px; }


/* Calender */
#calendar { width: 250px; float: left; margin-top: 20px; }
table.calendar { font-size: 10px; color: #565656 }
table.calendar tr td,table.calendar tr th { text-align: center; }
table.calendar tr { height: 26px; }
table.calendar tr td.openday { background: #009A7B; }
table.calendar tr td.interview { background: #bdc3cf; }
table.calendar tr td.events { background: #1A4696; }
/*.month_year { background: #eff2f8; height: 24px; font-size: 12px; font-weight: bold; color: #000;}*/
.month_year { background: #d9e0ee; height: 24px; font-size: 12px; font-weight: bold; color: #000;}
.month_year a { color: #000; }
.event-found-1 { background: #009A7B; } /*open days*/
.event-found-2 { background: #bdc3cf; } /*interview*/
.event-found-3 { background: #1A4696; } /*events*/
.event-found-1 a { color:#000; } /*open days*/
.event-found-2 a { color:#ffffff; } /*interview*/
.event-found-3 a { color:#ffffff; } /*events*/

#event_viewer { width: 725px; float: left; margin-top: 20px; padding-bottom: 50px; }
#event_viewer ul { width: 100%; float: left; }
#event_viewer ul.head { height: 30px; background: #d9e0ee; font-weight: bold; }
#event_viewer ul.head li { height: 30px; color: #174494; }
#event_viewer ul.txt_content { height: 80px; border-bottom: 2px solid #FFF; }
/*#event_viewer ul.odd { background: #f9fafc; }
#event_viewer ul.even { background: #eff2f8; }*/
#event_viewer ul.odd { background: #eff2f8; }
#event_viewer ul.even { background: #d9e0ee; }
#event_viewer ul.txt_content li { height: 60px; }
#event_viewer ul li { float: left; padding: 10px; }
#event_viewer ul li h4 { padding: 0; margin: 0; }
#event_viewer ul.head li.first, #event_viewer ul.head li.second, #event_viewer ul.head li.third, #event_viewer ul.head li.forth { padding-bottom: 0; } 

#event_viewer ul li.first { width: 190px; float: left; font-weight: bold; }
#event_viewer ul li.second { width: 190px; float: left; font-weight: bold; }
#event_viewer ul li.third { width: 170px; float: left; font-weight: bold;}
#event_viewer ul li.forth { width: 80px; float: left;}
#event_viewer ul li.forth span a { width: 80px; height: 30px; display: block; background: #d9e0ee; color: #02338b; text-align: center; line-height: 30px; float: left; } 
#color { clear: left; width: 250px; float: left;} 
#color ul { width: 100%; float: left; padding-bottom: 20px; }
#color ul li { float: left; margin: 10px 0 0 0; width: 110px;  font-weight: bold;}
#color ul li span { width: 22px; height: 22px; display: block; float: left; margin-right: 10px; }
#color ul li span.open { background: #009A7B; }
#color ul li span.events { background: #1A4696; }
#color ul li span.interview { background: #bdc3cf; }

ul.frm_ul { width: 710px; float: left; }
ul.frm_ul li { width: 100%; float: left; margin-top: 10px; }
ul.frm_ul li span { display: block; float: left; }
ul.frm_ul li span.item { width: 140px; font-size: 13px; float: left;}
ul.frm_ul li span.info { width: 240px; float: left;}
ul.frm_ul li span.icon { width: 26px; height: 30px; }
ul.frm_ul li span.info input { width: 230px; border: none; background: #E8ECF5; height: 20px; border-collapse: collapse; float: left; }
ul.frm_ul li span.info select { width: 230px; border: none; background: #E8ECF5; height: 20px; border-collapse: collapse; float: left; }
ul.frm_ul li span.info_radio { width: 30px; float: left; margin-left: 10px; height: 18px;}
ul.frm_ul li span.info_date { width: 230px; float: left; height: 18px; font-size: 13px;}

/*h3.frm_h3 { width: 700px; float: left; background: #eff2f8; padding: 7px 10px 7px 15px; margin-top: 10px; font-size: 14px; background: #EFF2F8; display: inline; margin-left: -15px;}*/

h3.frm_h3 { width: 360px; float: left; padding: 7px 10px 7px 15px; margin-top: 15px; margin-bottom:15px; font-size: 14px; background: #d9e0ee; display: inline; margin-left: -15px; color:#000000}

p a { text-decoration: underline; }
.btn {  width: 80px; height: 30px; background: #d9e0ee; color: #02338b; text-align: center; line-height: 30px; border: none; border-collapse: collapse; cursor: pointer; margin: 0; padding: 0; font-size: 11px; border: 1px solid #FFF; }

/* End of section created by Madhu */




/* HEADER */


/* ------------------------------------------------------------------------------ */
#main-header{
	padding-top: 0px;
}
#home #image-header{
	background-image:url(/images/jobs-banner/home.jpg);	
	background-repeat: no-repeat;
}

#hiring #main-header{
	background-image:url(/images/jobs-banner/hiring-process.jpg);	
	background-repeat: no-repeat;
}
#benefits #image-header{
	background-image:url(/images/jobs-banner/benefitsCom-header.jpg);	
	
	background-repeat: no-repeat;
}
 #browse #image-header{ 
	background-image:url(/images/jobs-banner/browse-jobs.jpg);	
	background-repeat: no-repeat;
}
 #lifestyle #main-header{ 
	background-image:url(/images/jobs-banner/lifestyle-header.jpg);
	background-repeat: no-repeat;
}
 #news #image-header{ 
	background-image:url(/images/jobs-banner/news-events.jpg);
	background-repeat: no-repeat;
}
 #contact #image-header{ 
	background-image:url(/images/jobs-banner/contact-header.jpg);
	background-repeat: no-repeat;
}
 #about #image-header{ 
	background-image:url(/images/jobs-banner/about-saudiAramco.jpg);
	background-repeat: no-repeat;
}
 #drilling #image-header{ 
    background-image:url(/images/jobs-banner/dillingWorkover.jpg);
	background-repeat: no-repeat;
}
 #administration #image-header{ 
    background-image:url(/images/jobs-banner/admin-header.jpg);
	background-repeat: no-repeat;
}

#main-header h1#aramco-logo{
	width: 199px;
	height: 78px;

	text-indent: -5000px;
	margin: 0 22px 40px 0;
	float: right;
}
#main-header h1#aramco-logo a{
	display: block;
	width: 199px;
	height: 78px;
	text-decoration: none;
}

#main-header #image-header{
	display: block;
	width: 951px;
	height: 198px;
	
}

/* MAIN NAV */
/* ------------------------------------------------------------------------------ */
#main-header #main-nav{
	background: #F9F9F9 url(/images/backgrounds/nav-bg-fade.png) 0 0 repeat-x;
	clear: both;
	border-top: 1px solid #E3E3E3;
	display: table;
	width: 951px;
	border-spacing: 0;
	border-collapse: collapse;
}
#main-header #main-nav ul{
	margin: 0;
	text-align: center;
	display: table-row;	
}
#main-header #main-nav ul li{
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	font-weight: 900;
	display: table-cell;
	text-align: center;
	background-image: url(../images/backgrounds/nav-fade.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#main-header #main-nav ul li#nav-home{
	min-width: 45px;
}
#main-header #main-nav ul li#nav-contact{
	border-right: none;
}
#main-header #main-nav ul li a{
	display: block;
	padding: 8px 0;
	text-align: center;
}

body#home li#nav-home, body#browse li#nav-browse, body#hiring li#nav-hiring, body#benefits li#nav-benefits, body#lifestyle li#nav-lifestyle, body#about li#nav-about, body#news li#nav-news, body#contact li#nav-contact{background: #445EA8 url(../images/backgrounds/nav-selected.png) repeat-x;}


body#home li#nav-home a, body#browse li#nav-browse a, body#hiring li#nav-hiring a, body#benefits li#nav-benefits a, body#lifestyle li#nav-lifestyle a, body#about li#nav-about a, body#news li#nav-news a, body#contact li#nav-contact a{color: #009a7b;}

/* BREAD CRUMBS */
/* ------------------------------------------------------------------------------ */
#bread-crumbs{
	height: 40px;
	padding: 15px;
}


/* SIDE NAV */
/* ------------------------------------------------------------------------------ */
#side-nav{
	float: left;
	background: #E8ECF5;
	width: 200px;
	padding-bottom: 20px;
}
#side-nav ul{
	margin: 0 0 0 20px;
}
#side-nav ul li{
	background: #D9E0EE;
	border-bottom: 1px solid #F1F4F9;
}
#side-nav ul li a{
	padding: 4px 8px;
	display: block;
	border-left: 3px solid #1A4696;
}
#side-nav ul li a:hover{
	border-left: 3px solid #009A7B;
}
#side-nav ul li ul{
	margin-left: 0;
}
#side-nav ul li ul li{
	background: #E8ECF5;
}
#side-nav ul li ul li a{
	border-left: none;
	background: url(/images/backgrounds/bullet-arrow.gif) left center no-repeat;
	padding-left: 11px;
	border-bottom: 1px solid #F1F4F9;
}
#side-nav ul li ul li a:hover{
	border-left: none;
	background: #F1F4F9 url(/images/backgrounds/bullet-arrow.gif) left center no-repeat;
}

/* MAIN CONTENT */
/* ------------------------------------------------------------------------------ */
#main-content{
	margin-left: 225px;
	width: 720px;
	padding-bottom: 40px;
}
.graphic-header img{
	position: absolute; bottom: 0; right: 0;
}
.blue-box-breakout{
	color: #000;
	margin-bottom: 20px;
	background-image: url(../images/backgrounds/bluebox.jpg);
	background-repeat: repeat-x;
	width: 700px;
	height: 233px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.wide-image-content{
	width: 378px;
	float: left;
	margin-bottom: 20px;
	background-image: none;
	background-repeat: no-repeat;
	height: 200px;
}
.wide-image-content img{
	padding: 0 0 12px 0;
}
.small-content-list{
	width: 320px;
	background: #F5F4F2;
	float: right;
}

ul.content-list{
	padding: 8px 10px 12px 11px;
}
ul.content-list li{
	padding: 5px 0px;
}
ul.content-list li a{
	padding-left: 11px;
	background: #F1F4F9 url(../images/backgrounds/bullet-arrow.gif) left center no-repeat;
}

.three-column-feature{
	display: block;
	background: url(/images/backgrounds/feature-bg.gif) 0 0 repeat-y;
	margin-bottom: 20px;
}
.feature-item{
	width: 228px;
}
.feature-item img{
	padding: 0 0 12px 0;
}
.feature-item.left{
	float: left;
}
.feature-item.center{
	float: left;
	margin-left: 18px;
}
.feature-item.right{
	margin-left: 492px;
}

/* BROWSE JOBS */
.graphic-header{
	color: #fff;
	margin-bottom: 0px;
	position: relative;
	height: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.graphic-header img{
	position: absolute; bottom: 0; right: 0;
}
.browse-items{
	padding-bottom: 20px;
}
.browse-item{
	display: block;
	background: #F5F4F2;
	position: relative;
	height: 200px;
	margin-bottom: 15px;
}
.browse-item img{
	float: left;
}
.browse-item-inner{
	width: 540px;
	float: left;
}

/* JOBS */
.left-link-list{
	/*width: 185px;*/
	width: 235px;
	background: #F5F4F2;
	float: left;
	margin-bottom: 20px;
}

ul.link-list{
	padding: 8px 10px 12px 11px;
}
ul.link-list li{
	padding: 5px 0px;
}
ul.link-list li a{
	/*padding-left: 11px;*/
	/*background: #F1F4F9 url(../images/backgrounds/bullet-arrow.gif) left center no-repeat;*/
}
.jobs-content{
	padding: 8px 20px 8px 20px;
	/*width: 490px;*/
	width: 440px;
	float: left;
	margin-bottom: 20px;
}
.jobs-images{
	display: block;
	clear: both;
	margin: 20px 0;
}
.jobs-images img{
	float: left;
	margin-right: 15px;
}

/* HIRING */
.full-content {
	padding: 0 0 0 15px;
	margin-bottom: 20px;
}
.right-images{
	width: 310px;
	float: right;
	padding: 0 0 20px 20px;
	background: #fff;
}

.adddress{ width: 180px; float: left; }


.right-images img{
	display: block;
	margin-top: 0;
	margin-right: 0;
	/*margin-bottom: 30px;*/
	margin-bottom: 57px;
	margin-left: 0;
}
.right-lifestyle img{
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.video-holder{
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}
.stages-content{
	width: 700px;
	padding: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	
}
.stages-content.full-width{
	width: 100%;
}
.stage-item{
	margin: 0 ;
	padding: 0;
}
.stage-item p{
	margin: 0 ;
	padding: 0 20px 20px 0;
}

/* PEOPLE SAY */

.graphic-header{
	color: #fff;
	margin-bottom: 0px;
	position: relative;
	height: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.graphic-header img{
	position: absolute;
	bottom: 20px;
	right: 7px;
}
.people-items{
	padding-bottom: 20px;
}
.people-item{
	display: block;
	background: #F5F4F2;
	position: relative;
	height: 160px;
	margin-bottom: 15px;
}
.people-item img{
	float: left;
}
.people-item-inner{
	width: 545px;
	float: left;
}


/* ARTICLE */
.article-content{
	width: auto;
	margin-bottom: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
.stages-content.full-width{
	width: 100%;
}

img.floatLeft {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}
img.floatright {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
/* More */
/* ------------------------------------------------------------------------------ */
#more{
	height: 15px;
	padding: 15px;
}

/* MAIN FOOTER */
/* ------------------------------------------------------------------------------ */
#main-footer{
	display: block;
	background: #EFF2F8 url(/images/backgrounds/footer-bg.png) 0 0 no-repeat;
	border-top: 1px solid #E3E3E3;
	padding-bottom: 100px;
}


.greenbox {
	background-color: #120C50;
	background-repeat: repeat-y;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.greenbox2 {
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #009976;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
#home .wide-image-content .speech1 {
	margin-left: 20px;
	margin-top: 20px;
}
#speech1 {
	right: 7px;
	bottom: 10px;
}
#home .wide-image-content table tr td img {
	float: right;
}
#home .blue-box-breakout #rightbox {
	float: right;
}
#home .blue-box-breakout .rightimage {
	float: right;
}
#home #rightimage {
	float: right;
	background-image: url(../images/backgrounds/graphic%20header.jpg);
	height: 255px;
	width: 230px;
}
.wide-content-rightDing {
	background-image: url(../images/backgrounds/speech2.jpg);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	background-position: center;
	top: 23px;
	bottom: 23px;
	clear: none;
	margin-top: 90px;
	margin-right: 45px;
}
.wide-content-leftDing {
	background-image: url(../images/backgrounds/speech1.jpg);
	height: 22px;
	width: 24px;
	margin-left: 30px;
	margin-top: 0px;
	float: left;
}
.wide-content-middleDing {
	margin-left: 30px;
	margin-right: 40px;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.wide-content-middleDing .speech2 {
	background-image: url(../images/backgrounds/speech1.jpg);
	height: 22px;
	width: 24px;
	margin-left: 250px;
	padding-bottom: 10px;
}
.read-testimonals {
	margin-left: 200px;
}
#ticker {
	margin-left: 280px;
}


#back-to-top
{
	padding:20px;
	padding-left:0px;
	padding-right:0px;
	float:right;
	font-size: 11px;
}

#share
{
	padding: 20px 5px 20px 20px;
	float:right;
	font-size: 11px;
}

.error { color: red; }