/* Project : Aramco Overseas Document : styles-main Created on : 11-Jan-2011, 16:56:52 Author : Giedrius Kudzinskas Description: Master stylesheet */ /* base setters */ html, body, p, dl, dd,dt ,blockquote,table,th, td, ul, ol, li, form, img , fieldset, caption, legend, textarea,h1,h2,h3,h4,h5,h6,address { margin:0; padding:0; vertical-align:baseline; line-height:1em;} h1,h2,h3,h4,h5,h6,address,pre,p,span,th,td { font-style:normal; font-weight:normal; font-size:1em; } a, a:link, a:visited, a:hover, a:active { text-decoration:none; color:inherit } a img, img, object { border:0; } :focus { outline:0px dotted; } ol, ul, li { list-style-type:none; } li { list-style-position:outside; } li li, li p, li a, p a{ font-size:100%; } table { border-collapse: collapse; border-spacing:0; table-layout:auto; } blockquote, q{ quotes:"" "" } blockquote:before, q:before, blockquote:after, q:after { content:''; } blockquote p { padding-left:0px; padding-bottom:0em; margin:0 0 0.5em;} html { font-size:100%; height:100.1% } body { height:100.1% } table>tr { vertical-align:baseline;} th{ text-align:left; } /* font faces */ /* MPlus fonts */ @font-face { font-family: 'M+1cthin'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-thin-webfont.eot); src: local('?'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-thin-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-thin-webfont.svg#webfontZBrOhi4U) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1c'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-regular-webfont.eot); src: local('?'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-regular-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-regular-webfont.svg#webfontqbmUFwlU) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1cmedium'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-medium-webfont.eot); src: local('?'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-medium-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-medium-webfont.svg#webfontYZ0y5lMM) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1cheavy'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-heavy-webfont.eot); src: local('?'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-heavy-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-heavy-webfont.svg#webfontEr55I1z1) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1cbold'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-bold-webfont.eot); src: local('?'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-bold-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-bold-webfont.svg#webfontp9QB9FKs) format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'M+1cblack'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-black-webfont.eot); src: local('?'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-black-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-black-webfont.svg#webfontIopxGPGd) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'M+1clight'; src: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-light-webfont.eot); src: local('?'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-light-webfont.woff) format('woff'), url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/fonts/mplus/mplus1c-light-webfont.svg#webfont5gE3NZnS) format('svg'); font-weight: normal; font-style: normal; } /* basic styles */ body{ font-family: Arial, Helvatica, sans-serif; font-size:62.5%; color:#6c6e70; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg_pattern.jpg) no-repeat scroll top center; } a,p,dd,td,th,li { font-size:1.2em; line-height:130%; } a, a:link, a:visited, a:active { color:#008982;text-decoration:none;} a.underlined{text-decoration:underline;} /* added underline class RA */ a:hover {text-decoration:none; /* line-height:1.5em; */ } p{ margin-bottom:1em; } h1, h2,h3, h5, h6 { color:#213a51; font-family:Arial, Helvatica, sans-serif;} h1 { text-transform:uppercase;} h2 { font-size:1.6em; font-weight:normal; margin-bottom:10px; text-transform: uppercase;font-weight:bold;} h3 { font-weight:normal; font-size:1.4em; text-transform:uppercase;font-weight:bold;} h4 { font-size:1.3em; font-family: Arial, Helvatica, sans-serif; font-weight:bold; color:#213a51;} h5 { font-size:0.9em; font-family: Arial, Helvatica, sans-serif; font-weight:bold; color:#213a51; } /*Added new heading style RA*/ h3.skyblue { color:#6CBBE8; } h3.grey { color:#545454; } h3.yellow { color:#FFCE4C!important;} h3.red {margin-bottom:5px;font-size:1.2em!important;} h3.red a {color:#6392BF!important;} h3.blue { color:#005E9B; } h3.underlined { border-bottom:1px solid #D0D7DA; padding: 5px 0; } /* master layouts */ #sitepage { width:960px; margin:0 auto; position:relative;} #quick-access-nav { position:absolute; top:-9999px; left:-9999px;} #masthead{ margin-top:23px; height:140px; position:relative;} #logo { margin-left:715px;} #global-nav { position:absolute; top:0; left:0; /*right:0;*/} #global-nav li { float:left; font-size:1.2em;} #global-nav a {color:#466890; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bar-global-nav.gif) no-repeat scroll center right; /*border-right:1px solid #7292B3;*/ padding:0 5px; } /*update nav color property RA*/ #global-nav .last a{ background-image:none;} #global-nav a:hover {text-decoration:underline;} #search-nav {width:500px; height:24px; position:absolute; top:73px; left:0; } #search-nav li { float:left;} #lang-selector { height:22px; /* background:#e8e5de; */ margin-right:0px; color:#666; font-size:1em; } #lang-selector option { color:#666; font-size:1em; padding:2px 5px; } #lang-selected { color:#666; font-weight:bold; font-size:1.1em; } #search-text, #re-search-text { border:1px solid #c9c9c9; font-size:1.1em; color:#999; display:inline-block; padding:2px 5px; } .noBorder {border:none!important;padding:0!important;} #gosubmit, #re-gosubmit, #gochange { border:none; cursor:pointer; width:30px; height:18px; text-indent:-9999px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-blue-on-trans.gif) no-repeat scroll 7px 1px; overflow:hidden; /*padding-left:30px;*/font-size:1px;} #gosubmit, #gochange { line-height:0;} #gosubmit.hvr, #re-gosubmit.hvr, #gochange.hvr { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-green-on-trans.gif) no-repeat scroll 6px 0px;; } #re-search-form{ border:2px solid #fff; background-color:#fefbf9; padding:5px; } #re-search-form label { font-size:1.4em; font-weight:bold; color:#83303D; margin-right:10px;vertical-align:middle; } #re-search-text { width:225px;} #top-nav {width:960px; height:28px; overflow:visible; background:#788697 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-top-nav.jpg) repeat-x scroll top left; margin-top:10px; } #top-nav li { float:left; } #top-nav a { display:block; padding:6px 38px 6px 38px; font-family:Arial, Helvetica,sans-serif; text-transform:uppercase; color:#fff; font-weight:bold;text-shadow: 0px 1px 1px #545e6a;} /*update text-shadow property and padding property RA*/ #top-nav #navId87 a {padding: 6px 30px;} #top-nav a:hover,#top-nav a.selected , #top-nav .sel a{ text-decoration:none; background:#4f5b6c url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-top-nav-on.jpg) repeat-x scroll top left; } /* styles for getting the drop down in same line as the text box in IE7 */ #lang-selector { margin-top:1px; } #lang-selected { float:left; line-height:22px; vertical-align: middle; padding-right:5px; } #gochange { *background-position:7px 3px; } /* styling fix ends */ #container { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-container-for-content-page.png) no-repeat scroll top left; } #container .full-width { width:960px; } #content { width: 788px; float:right;} #main-content { padding-bottom:1px; } #main-content h1 { color:#6392bf;font-size:2.4em; margin-bottom:5px; } /*updated color property RA*/ #main-content h1.regular { text-transform:none; } #sidebar { width:172px; float:left; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-sidebar-top111111111.png) no-repeat scroll top left; padding-top:60px; position:relative;} #sidebar h3 { font-family:"M+1cmedium","Myriad", "Myriad Pro", Arial, Helvatica, sans-serif; font-size:2em; font-weight:normal; color:#213a51; text-transform:uppercase; margin-bottom:5px; padding-right:25px;} #leftnav a { color:#466790; display:block; height:1%; line-height:120%;} /* updated color property RA */ #leftnav a:hover {text-decoration:underline;} #leftnav a.selected { color:#1F3951; font-weight: bold;} /* updated font-weight property RA */ #leftnav ul { padding-right:25px;margin-top:10px;} #leftnav li { margin-bottom:8px;} #leftnav li li a { padding-left:10px; } #leftnav li li a.selected { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-left-nav-on-trans.gif) no-repeat scroll 0 6px; } #footer { margin-bottom:50px; } #misc-hold { padding:20px 20px 0; } #site-info {width:475px; float:left; margin-bottom:20px;} #site-info a:hover {text-decoration:underline;} #site-info p { font-size:1.1em; color:#6c6e70;} #key-areas { float:left; margin:0 0 20px 160px; width:145px; } #site-tools { float:left; margin:0 0 20px 35px; width:105px;} p.copyright { clear:both; display:block; border-top:5px solid #eef0f2; padding-top:5px; color:#B1B2B0; font-size:1.1em;} #footer h4 { color:#4c4d4a; font-size:1.3em; margin-bottom:5px;} #footer li { font-size:1em;} #footer li a { color:#617f9f; font-size:1.1em; padding-left:10px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-grey-on-trans.gif) no-repeat scroll 0 4px; } #footer li a:hover {text-decoration:underline;} /* homepage */ .type-home #main-content { background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-fullwidth-banner.jpg) no-repeat scroll top left; padding-top:15px } .accordion-title { cursor:pointer; color:#427DB4; font-size:14px; font-weight:normal; padding:6px 25px 6px 10px; text-transform:uppercase; border:1px solid #D0D7DA; border-width:1px 1px 0px; background:#e8ebf0 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-featured-accordion-title.gif)no-repeat scroll center right; margin-bottom:0;} .accordion-body { display:none; } .accordion .open .accordion-title{ border-width:1px; color:#fff; background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-accordion-title-open.jpg) no-repeat scroll top left} .accordion .open .accordion-body{ display:block;} .accordion .last { height:35px; /* border-bottom:1px solid #D0D7DA; */ background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-last-highlight-title.jpg) no-repeat scroll bottom left; } .accordion .open.last { height:auto; padding-bottom:10px;} .accordion-body { background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-featured-accordion-body.jpg) repeat-x scroll top left;padding-top:1px;} .type-home .accordion-body { height:206px; } .type-content .accordion-body { padding:10px;} .items-row { border:1px solid #fff; height:170px; margin:13px 19px 18px; display:block; } .home-4-col{ width:228px; border:1px solid #fff; height:168px;} .items-row .w2of4 { width:458px;} .items-row .gridbox .text { width: 208px; } .items-row .gridbox h3 { font-size:1.2em; margin-bottom:5px;} /* landing pages */ .type-landing #main-content,#newspub-wrap { background:#ECEEF1 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-landing-content.jpg) no-repeat scroll top left; padding-top:22px } .type-content .full-width #main-content { width:748px; } .type-landing #intro-text { padding-left:20px; padding-bottom:1px; padding-right:20px;/*width:558px*/; } .type-landing #intro-text h1 {font-size:1.9em;text-transform:none !important;font-family:"Myriad Pro", Arial, Helvatica, sans-serif!important;} .type-landing #flash-banner{ margin-left:20px; margin-bottom:20px;} #banner { position:relative;} #banner-text-container {position:absolute; right:0; top:25px; width:403px; padding-bottom:0px!important; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-shadow-banner.png) repeat-x scroll bottom left; display:none;} #banner-text .headline { font-size:2.4em; font-family:"M+1clight","Myriad", "Myriad Pro", Arial, Helvatica, sans-serif; margin-bottom:0; line-height:1em; text-transform:uppercase; margin-bottom:5px; color:#545454;} /*updated line-height property RA*/ #banner-text { background-color:#fff; padding:10px 10px 19px 10px; } #banner-text .brief { color:#545454;margin-bottom:0.75em; } #banner-text-link {float:left;left:10px;} #banner-text-link a {display:block;padding:2px 6px;font-weight:900;color:#fff;} #banner-text-link a {background-color:#008b82;text-decoration:none;} #banner-text-link a:hover {background-color:#21409a;} #intro-text { margin-bottom:20px; } #intro-text p { font-size:1.4em; color:#333; } .grid3col { border:1px solid #fff; margin:0 23px 20px 19px; } .grid3col .w1col { width: 246px; border:1px solid #fff;} .grid3col .w2col { width:494px;border:1px solid #fff;} .grid3col .w5col { width:99px;border:0px solid #fff;} .grid3col .fullh { height: 184px;background:transparent;} .grid3col .halfh { height:91px;display:block;} .grid3col li .w1colt {width: 236px;height:71px;} .grid3col li .w2colt { width:447px; } .grid3col h3 { font-size:1.175em; font-weight:bold; text-transform:uppercase;} .grid3col p { color:#333;} .grid3col p.white {font-size:1em;color:#ffffff;} .gridbox { float:left; background: #fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y scroll top left; position:relative;} .gridbox{ background:url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y scroll left top #FFFFFF; padding-left:0; } .gridbox .text li{ padding-left:0; background-image:none;} .gridbox .text { /* width:104px; */position:absolute; z-index:1;left:10px;margin:0px 0 0 0;} .bfoto { position:absolute; right:0; top:0; } .gridbox p { margin-bottom:0px;margin-top:5px;} .gridbox li { margin-bottom:5px; } .gridbox li a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 4px; padding-left:10px; display:block; line-height:110%; } .gridbox.hvr {background: #D4DEE8;} /*updated background RA*/ more-links {margin:0px;} p.more-link, p.home-more-link {margin:0px;position:relative;} .w2col p.more-link { width:200px;} .more-link a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 4px; padding-left:10px; display:block;margin-left:10px;} .home-more-link a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 4px; padding-left:10px; display:block;} .more-link a.white { color:#fff; background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif); } .businessLink {margin-top:40px;} .whatLink {margin-top:75px;} .atLink {margin-top:60px;} #last { background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-last-highlight-title.jpg) no-repeat scroll left bottom #F4F4F4; padding-bottom: 8px; } /* content page*/ .type-content #content { background: #eeeff1;} /* changed background from graphic to colour RA*/ .type-content #main-content{ width: 536px; padding:0 20px 30px; float:left; background:#EEEFF1; /*#F0F2F4*/} .type-content #main-content-new{padding:0 20px 30px;background:#EEEFF1; /*#F0F2F4*/} .type-landing #main-content.no-banner { padding-top:0; background-image:none; } .type-content .full-width #content { background-color:#EEEFF1; background-image:none; } /* content page elements */ #breadcrumb { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-top-breadcrumb.jpg) no-repeat scroll top left; width:748px; padding:15px 20px 25px;} #crumb-list { width:556px;} #crumb-list li { float:left; font-size:1.1em; font-weight:bold; } #crumb-list a {display:block; font-size:100%; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-breadcrumb.gif) no-repeat scroll center right; padding-right:10px; margin-right:5px; } #crumb-list a:hover {text-decoration:underline;} #utility-bar { float:right; margin-right:20px;} #utility-bar li { float:left; font-size:1.1em; } #utility-bar a { display:block; font-size:100%; color:#7292b3; margin-left:5px; padding-left:17px; } #print a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-print.gif) no-repeat scroll left center; } #share a { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-share.gif) no-repeat scroll left center; } #print a:hover, #share a:hover {text-decoration:underline;} .full-width #breadcrumb { background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-top-breadcrumb-full-width.jpg) no-repeat scroll top left;} .type-content h3{ margin-bottom:15px;} .type-content h3.text-large { font-family:"M+1clight","Myriad","Myriad pro",arial,helvatica,sans-serif; font-size:2.4em; line-height:130%; } .type-content h3.left{float: left; margin: 0 0 0 20px;} .type-content h3.right{float: right; margin: 0 55px 0 0;} .type-content h4 { margin-bottom:15px} .data p { margin-bottom:10px;} .data ul { /* padding:15px 0; border-top:1px solid #ccc; */ padding-bottom:15px;} .data ul.topbar{ padding:15px 0; border-top:1px solid #ccc; } .data li { padding-left: 20px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bullet-green.gif) no-repeat scroll 5px 5px;} ul.no-bullets { border-top:0; padding:0; } ul.no-bullets li { background-image:none; padding:0; margin-bottom:15px; } #main-content ul.notopbar { border-top:none;} ul.half { width:280px;} .nobm { margin-bottom:0 !important; } #related-content { width:212px;float:left; background-color:none; } /*removed background-color property RA*/ .backto { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans-backto.gif) no-repeat scroll 0 4px; padding-left:10px;} /* inline images */ .inline-image-left { float:left; width:234px; margin:5px 15px 1px 0;} .inline-image-right{ float:right; width:234px; margin:5px 0px 1px 15px; } /* quotes */ .inline-image-left blockquote, .inline-image-right blockquote{ display:block; padding:26px 0px 0px 30px ; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-open-on-white.gif) no-repeat scroll top left;} .inline-image-left blockquote p, .inline-image-right blockquote p{ display:block; margin:0; padding:0 30px 26px 0; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-close-on-white.gif) no-repeat scroll bottom right; font-style: italic;} blockquote .person { display:block;} blockquote.blue { background-color:#213A51; margin-bottom:20px; display:block; padding:35px 0px 0px 35px ; background:#213A51 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-open-on-blue.gif) no-repeat scroll top left; } blockquote.blue p{ display:block; margin:0; font-size:1.6em; padding:0 35px 35px 0; background:#213A51 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-close-on-blue.gif) no-repeat scroll bottom right; font-style: italic; color:#fff; } blockquote.blue .person{ font-size:.8125em;} .whitebox { background:#fff; padding:15px 0 0 ; margin-bottom:20px;} .whitebox h3 { text-transform:uppercase; color:#545454; font-weight:normal; margin:0 15px 15px } .whitebox li { padding-left:35px; background-position:15px 6px;} .profileImg { border: 1px solid #FFFFFF;} .no-banner #intro-text{ margin-bottom:10px; } #main-content .page-body { padding:0 20px 20px;} /* tables */ #main-content div.jobTitle {background-color:#D8E1E9;color: #213A51;font-size: 1.3em;font-weight: bold;padding: 10px;vertical-align: top;border: 1px solid #D0D7DA;line-height: 130%;} #main-content div.jobEntry {background-color:#F2F4F5;color: #213A51;font-size: 1.3em;font-weight: bold;padding: 10px;vertical-align: top;border-right:1px solid #D0D7DA;border-left:1px solid #D0D7DA;border-bottom:1px solid #D0D7DA;line-height: 130%;font-size: 1.2em;} #main-content div.jobEntryColor {background-color:#ECEEF1;color: #213A51;font-size: 1.3em;font-weight: bold;padding: 10px;vertical-align: top;border-right:1px solid #D0D7DA;border-left:1px solid #D0D7DA;border-bottom:1px solid #D0D7DA;line-height: 130%;font-size: 1.2em;} .apply {text-align:right;margin-right:60px;font-weight:normal;float:right;font-size: 1.2em;} .jobEntryColor .pdf, .jobEntry .pdf{float:left;} .jobEntryColor, .jobEntry {clear:both;display:block;height:20px;} table.style1 {border:1px solid #D0D7DA;width:100%; } table.style1 th, table.style1 td { padding:10px; vertical-align:top; border-bottom:1px solid #D0D7DA; } table.style1 th { background-color:#D8E1E9; font-weight:bold; color:#213a51; font-size:1.3em;} table.style1 td { background-color:#F2F4F5;} table.style1 .even, table.style1 .even td { background-color:#ECEEF1; } table.style1 tr:hover,table.style1 .hvr td, table.style1 .hvr th{ background-color:#D0D7DA;} /* highlights list */ ul.hlist { border-top:none; padding:0;} ul.hlist li { border-bottom:1px solid #D0D7Da; padding:1px 15px 15px; background-image:none; margin-bottom:15px; } ul.hlist li.last { border-bottom:0; margin-bottom:0; } .hlist-thumbnail { float:left; /*width:79px; height:56px;*/ border:1px solid #fff;} .hlist-text { margin-left:95px; min-height:56px; width:410px; } .hlist-text h4{ margin-bottom:0px; font-size:1.2em; font-weight:normal;} .hlist-text p { margin-bottom:10px;} /* box colors */ .lightbluebox { background:#c8D6E4; padding:15px; margin-bottom:20px;} .darkbluebox { background-color:#213a51; padding:15px; margin-bottom:20px; } /* inside story */ .darkbluebox h3{ margin-bottom:10px; } .inside-story { min-height:100px; } .inside-story-text { width:315px; float:left} .inside-story-text h3{ margin-bottom:10px; color:#fff; font-family: "M+1clight", "Myriad", "Myriad pro", arial, helvatica, sans-serif; font-weight:normal; font-size:1.7em; } .inside-story-text p { color:#fff;} .darkbluebox .inside-story-text a { color: #4fded5; } .inside-story-image { float:left; margin-left:10px; } .inside-story-image img{ border:1px solid #fff;} .inside-story-image-caption { font-size:0.8em; color:#fff; float:left; width:178px; margin:10px 0 0 10px} .darkbluebox li { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bullet-white.gif)} /* timeline */ .timeline h3 { color:#83303D; margin-bottom:5px;} /* quickfact */ .quickfact-box { width:315px; border-top:1px solid #6c859b; float:left; padding:10px 0 0;} p.quickfact { font-size:2.1em; font-family:"M+1cbold", "Myriad", "Myriad pro", arial, helvatica, sans-serif; color:#fff; margin-bottom:0px; text-transform:uppercase; } .quickfact-box h3{ color:#fff; margin-bottom:5px; } .white a { color:#fff !important;display:block;width:236px;margin-left:1px;position:absolute;z-index:20!important;} .white { color:#fff !important;} /* tabs */ .tabs { margin-bottom:20px;} .tabheads { margin-top:10px; height:25px; width:536px;} .type-content .tabheads { padding:0; border-top-width:0;} .tabheads li{ float:left; background-image:none; padding-left:0; display:block; } .tabheads li a { display:block; display:inline-block; padding:5px 10px; border:2px solid #fff; background:#f0f2f5; border-width:2px 0 0 2px; font-size:14px; font-weight:bold; color:#b0b1b5; font-family:"FrutigerBold", "Myriad", "Myriad Pro", Arial, Helvatica, sans-serif; } .tabheads a span { display:inline-block; font-weight:bold; color:#333; cursor:pointer;} .tabheads a.on { background:#f0f2f5 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-tab-on.jpg) no-repeat scroll top left; border-width:0; position:relative; z-index:1; margin-top:-3px; margin-right:-10px; padding:0 0 0 10px; color:#83303d;} .tabheads a.on:hover { color:#83303d; } .tabheads a.on span { background: #f0f2f5 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-tab-on.jpg) no-repeat scroll top right; padding:10px 20px 5px 0; color:#83303d;} .tabheads a:hover { text-decoration:none; color:#b0b1b5;} .tabheads a:hover span { color:#b0b1b5; } .tabheads .last { border-width:2px 2px 0 2px; } .tabheads a.last.on span { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-tab-on-last.jpg); border-right:0;} .tabheads a.last span {border-width:2px 2px 2px 2px; } .tabbody { background:#fff; clear:left;} .tabdata { padding:15px;} /* offices */ .data .offices { min-height:1px; border-top:1px solid #ccc; padding:15px 0;} .data ul.notopline { border-top:0; padding-top:0;} ul.offices p { margin-bottom:0;} .offices address { /*height:100px;*/ } ul.offices li { background-image:none; padding-left:0; width:178px; float:left; margin-bottom:15px;} .country-name{ font-weight:bold;} .tel .type { width:30px; display:inline-block;} /* where we operate */ #flash-world-map-container { margin:10px 0;} /* job descriptions */ .job-description .data h3{ margin-bottom:5px; } .job-description .data ul { border-top:0; } /* search results */ .search-results h4{ font-size:1.1em; font-weight:bold; font-family: arial, helvatica, sans-serif; margin-bottom:1px;} .search-results p { margin-bottom:0} /* paginators */ .paginator { color:#6C6E70; margin-bottom:10px; } .paginator a { color:#6C6E70; padding:0 3px;} .paginator a.current { color:#000; } /* press releases */ ul.pr-list { border-top:0; padding:0;} ul.pr-list li { background-image:none; padding:0 0 15px 0; } .pr-list li p { margin-bottom:0; font-size:0.925em;} .pr-list .pr-title-link { font-size:0.9em; color:#427db4; /* font-weight:bold; */} .pr-title-link a { color:#427db4;font-size:1.4em; } .ccm-page-list {font-size:1.2em;} .tonyRssLink table td.label {text-align:right;} /* news and publications */ #latest-news, #latest-publications { height:161px;border:2px solid #fff; background:#fff url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y scroll left top; padding:10px 10px 0px;_height:167px;} #latest-news h3{ color:#83303D;margin-bottom:10px;} #feature-news { /*font-size:1.1em; */ } .items-row .item{ width:460px; float:left; } #feature-news #latest-news { width:436px; height:156px; margin-bottom:0;} #feature-news #latest-news h3 { margin-bottom:10px; font-size:1.2em; } #feature-news ul.pr-list li { padding-bottom:5px;} #feature-news ul.pr-list .last { background:none; height:auto;} #latest-publications { width:436px;height:153px;_height:155px;margin-bottom:0; } #latest-publications .last { background:none; } #latest-publications .no-thumb { width: 180px!important;} #latest-publications .bfoto{ right:5px; } #latest-publications .publ-item{ height:146px;} #latest-publications { padding-bottom:10px;_padding-bottom:12px;} #latest-publications h3{color:#83303D!important;} #latest-publications .publ-item { background-image:none; padding:0; width:256px; float:left; height:160px; position:relative; } #latest-publications .publ-item h3 {color:#427DB4; font-size:1.2em; margin-bottom:5px; } #latest-publications .more-link { margin-bottom:0; padding: 0 0 5px; width:130px; } #latest-publications .bfoto { top:0; right:20px; position:absolute;} #latest-publications .text { width:140px; position:relative; z-index:1; padding:0; } #latest-publications p {margin-bottom:10px;} #latest-publications .pdf{ padding: 0 0 0 20px; } #latest-publications .pdf a{ background-image:none; padding:3px 4px; } #npHolder {margin: 13px 19px 18px;border: 1px solid #FFFFFF;} #npleft {float:left;width:465px;height:170px;} #npright {float:right;width:455px;height:175px;} #latest_story {width:175px;} .reports {width:180px;float:left;} .reports h3, .issueTxt h3 {color: #427DB4;} #latestIssues {width:256px;float:right;} .issueTxt {float:left;width:140px;} #latestIssues img {margin-left:55px;_margin-left:50px;} #latest_story a {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_bang.jpg) no-repeat;} #latest_story a:hover {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bigbang_story.jpg) no-repeat;} /* Latest Story CN */ #latest_story_cn a {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_cn.jpg) no-repeat;} #latest_story_cn a:hover {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_bang_cn.jpg) no-repeat;} /* Latest Story JP */ #latest_story_jp a {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_bang_jp.jpg) no-repeat;} #latest_story_jp a:hover {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_jp.jpg) no-repeat;} /* Latest Story KO */ #latest_story_ko a {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_bang_ko.jpg) no-repeat;} #latest_story_ko a:hover {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_ko.jpg) no-repeat;} /* Latest Story HI */ #latest_story_hi a {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_story_bang_hi.jpg) no-repeat;} #latest_story_hi a:hover {width:456px;height:176px;display:block;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/feature_bang_hi.jpg) no-repeat;} /* publications */ .data .publications { border-top:0; padding-top:0; } .publications li { background-image:none; padding-left:0; margin-bottom:5px;} li.publication-item { background-color:#fff; padding:15px 0 0 15px; margin-bottom:15px; } .publication-image { float:left;} .publication-image .thumbnail { border:1px solid #a6a8a7;} .publication-details { margin-left:95px; width:426px; min-height:128px;} .publication-details h3 { margin-bottom:2px; font-size:1.2em; font-weight:bold; padding-right:10px} .publication-details p { padding-right:10px; } .media-links { border-top:1px solid #ccc; padding:15px 0;} .media-links li { float:left; width:200px; padding-right:10px; } .media-links a { background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 6px transparent; padding-left:10px; display:inline-block; } /*RA ADDED STYLES*/ .image-titles h2 {margin: 0 0 5px 20px; padding: 0;} /* big green button */ .data .green-button { margin:0 0 5px 0; height:35px; } .data .green-button a{ background:#c8D6E4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-green-btn.gif) no-repeat scroll top right; padding:0 25px 0 0; margin:0; display:inline-block;} .green-button span { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-green-btn.gif) no-repeat scroll top left; margin:0; padding:9px 0 0px 30px; font-size:13px; font-weight:bold; text-transform:uppercase; color:#fff; text-shadow:0px 0px 1px #FFFFFF; height:28px; display:inline-block;} .green-button a:hover { text-decoration:none; background-position: 100% -61px; } .green-button a:hover span{ text-decoration:none; background-position: 0 -61px; } /* form buttns */ .button { margin:0 0 5px; height:25px;} .button a { padding:0 10px 0 0; margin:0; display:inline-block; background:#EdEEF2 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-grey-btn-small.gif) no-repeat scroll top right;} .button a span { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-grey-btn-small.gif) no-repeat scroll top left; margin:0; padding:5px 0 0px 18px; font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff; height:25px; display:inline-block; } .button a:hover { text-decoration:none; background-position:100% -60px;} .button a:hover span { text-decoration:none; background-position:0 -60px;} .button.green a, .button.green a span { background-image:url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-green-btn-small.gif);} /* icon styles */ .pdf, .media-links a.pdf {font-weight:normal; padding:2px 0 2px 22px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-pdf.gif) no-repeat scroll 0 0; } .xls { font-weight:normal; padding:2px 0 2px 22px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-xls.gif) no-repeat scroll 0 0; } .xls-list li { background-image:none; padding:0 0 10px 0; } .jobEntryColor .pdf {} /* sidelets */ .sidelet { width:172px; margin:0px 0 20px 20px; padding:1px 0 10px;} .sidelet h3{ text-transform:uppercase; margin:15px 0 5px} .sidebox { background-color:#eaedf2; margin-bottom:0; } div.sidebox h3 { text-transform: uppercase; margin:15px 11px 10px;} .sidebox p { margin:0px 11px; font-size:1.1em;} .sidebox p strong { font-size:1.1em; } .sidebox p.underline { border-bottom:1px solid #c4c9cd; padding-bottom:8px; margin-bottom:8px; } .sidebox ul {margin:0px 11px 8px;} .sideletimage { margin-bottom:8px; } .sidelet .figure { font-size:8.6em; font-weight:normal; color:#008982; line-height:1em; padding:0; margin-bottom:0;} .sidelet .figuremedium {font-size:5em; font-weight:normal; color:#008982; line-height:1em; padding:0; margin-bottom:5px; } .sidelet .figure .unit {font-size:32px; line-height:1em;} .sidelet li a { background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-small-green-on-trans.gif) no-repeat scroll 0 6px; padding-left:10px; display:inline-block;} .sidelet li a:hover {text-decoration:underline;} .box-blue li a { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif);} .box-blue h4.rss { margin:0 11px 2px; padding:2px 0 2px 20px; color:#fff; font-weight:normal; font-size:1.3em; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-rss.gif) no-repeat scroll top left; } .firstone { margin-top:70px; } .text-lightyellow { color:#ffd557; } .text-brightyellow { color:#ffce4c; } .text-darkblue { color:#005e9b;} .text-lightblue { color:#6cbbe8; } .text-lightgreen { color:#c3db35; } .text-darkgreen { color:#008982; /*#007261;*/} .text-red{ color:#83303d;} .text-brown{ color:#83471f;} /* .text-blue { color:#427db4;} - related links */ .box-blue { background-color:#427db4; } .box-blue p, .box-blue a, .box-blue li, .box-yellow p, .box-yellow a, .box-yellow li { color:#fff; } div.box-blue p.underline { border-bottom:1px solid #cfdce5; } div.box-yellow p.underline { border-bottom:1px solid #fff; } .box-yellow { background-color:#ffce4c; padding-top:0;} .box-green { background-color:#008982; background-image:none;} .box-red { background-color:#83303d; background-image:none;float:right;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/earthwatch_long_promo.jpg) no-repeat;} .up { margin-top:-93px;} /* sitemap */ .sitemap { /*background-color:#f4f5f7;*/ } .map-col { width:149px; float:left;} #main-content .map-col ul { border-top:0; padding:0;} #main-content .map-col li { background-image:none; padding:0 10px 0 0;} .col-title { height:70px; display:table-cell; vertical-align:bottom;; position:relative; } #main-content .map-col li li { padding-left:15px; } #main-content .sitemap li a { color:#7292B3; font-weight:bold; } /* what we do */ #what-we-do h3 {margin-bottom:5px; font-size:1em; color:#427db4;} #what-we-do p {font-size: 0.8em; color: #6C6E70;} #what-we-do ul { border:1px solid #fff;} .grid4col{ width:744px;} .wwd-grid2col{ width:372px;} .wwd-grid3col{ width:558px;} #what-we-do li {width:184px;padding:0; border:1px solid #fff; float:left; position:relative; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg_4colGrid.jpg) repeat-y scroll top left;} #what-we-do .text { padding:10px; min-height:110px; height:110px} #what-we-do ul.hvr { background-image:url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient-hvr.jpg);} /* Our 5 values */ ul.fivevalues {padding-top:10px;} ul.fivevalues li {padding:0;background-color:#fff;margin-bottom:10px;list-style-type:none !important;} ul.fivevalues li img {float: left;margin-right:10px;} ul.fivevalues li h3 {font-size:1.7em;color:#6392BF;padding-top:10px;margin-bottom:8px;} /* faq */ #faq li { padding-left:0; background-image:none; } #faq li.open{ height:auto;} #faq .last { background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/shadow-accordion-last-item.jpg); } #faq .open .accordion-title { background:#F4F4F4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-faq-title.jpg) no-repeat scroll top right; } #faq .open.last { padding-bottom:5px;} #faq .accordion-title { text-transform:none; padding-bottom:10px; font-family:"M+1c","Myriad","Myriad Pro",Arial,Helvatica,sans-serif; } /* forms */ .aocform { padding:15px 0; margin-bottom:15px; /*border:1px solid #d1d6d9; border-width:1px 0;*/} .aocform label { color:#213a51; font-size:1.3em; font-weight:bold; margin-bottom:8px;} .aocform .row { padding:5px 0; } .aocform .half { width:265px; float:left; } .aocform .hidden { visibility:hidden; } .aocform .field { border:0px solid #f00; } .aocform label { display:block; } .aocform select, .aocform input { display:block; background-color:#f4f5f7; border:1px solid #d1d7d7; height:22px; width:254px;} .aocform textarea { width:534px; display:block; background-color:#f4f5f7; border:1px solid #d1d7d7; } .aocform p { margin-bottom:2px;} .aocform p.msg { display:none;} .aocform div.error p { margin-bottom:5px; color:#d00; display:block} .aocform div.error input, .aocform div.error textarea, .aocform div.error select { border:1px solid #d00;} .aocform .alertbox { padding:15px 15px 15px 35px ; background:#ffcccb url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/icon-alert.gif) no-repeat scroll 10px 55%; color:#d00; margin-bottom:15px; } .aocform input.checkbox { display:inline; width:20px} .aocform .accordion .last {padding-bottom:5px; } .aocform .accordion input { height:auto; } /* corousal */ .carousal-module{margin:0 18px 20px 20px; position:relative;} .carousal-module h2 {font-size:1.6em; } #carousal{ position:relative; width:746px;} #viewframe { width:744px; height:129px; overflow:hidden; position:relative; border:1px solid #fff; } #carousal .previous{ top:40% ; left:-15px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:33px; height:33px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-previous.png) no-repeat scroll top left; z-index:30; } #carousal .previous.on { background-image :url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-previous-on.png);} #carousal .next{ top:40%; right:-15px; position:absolute; cursor:pointer; width:10px; text-indent:-9999px; width:33px; height:33px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-next.png) no-repeat scroll top left; } #carousal .next.on { background-image :url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/btn-next-on.png);} #carousal ul.slider-belt { list-style:none; width: 746px; position:absolute; top:0; left:0; height: 129px} #carousal ul.slider-belt li{ float:left; ; width: 184px; border:1px solid #fff; } #carousal .status-counter { position:absolute; top:10px; right:30px;} #carousal .box { position:relative;} #carousal .box h3 { position:absolute; top:0; left:0; padding:5px; color:#fff; font-size:1.2em; text-transform: uppercase; z-index:20;} #carousal .fomore{ /*position:absolute;*/ color:#fff; display:block; bottom:0; right:0; width:184px; background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-grey-transl.png) no-repeat scroll top left; margin:0;} #carousal .fomore:hover { text-decoration:none;} #carousal .fomore span { color:#fff; padding-left:20px; background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif) no-repeat scroll 8px 4px transparent; position: relative;} #carousal .fomore span:hover { text-decoration:underline;} #peoplecarousal { margin:0 0 20px;} #peoplecarousal #carousal { padding-top:20px; } #peoplecarousal #viewframe { height:349px;} #peoplecarousal ul.slider-belt { height:349px;} #peoplecarousal .status-counter { top:0; font-size: 1.2em; } #peoplecarousal .people-details{ background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-people-details.png) repeat scroll top left; height:106px; width:184px; display:block; position:absolute; bottom:0; left:0; z-index:1; } .individual-quote {background:transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-quote-people.png) no-repeat scroll top left; height:243px; width:184px; display:block; position:absolute; top:0; left:0; } .individual-quote blockquote{ display:block; position:absolute; bottom:0; width:150px; left:20px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-open-people.png) no-repeat scroll top left;} .individual-quote blockquote p{ padding:15px 12px 15px 15px; background: transparent url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/quote-close-people.png) no-repeat scroll bottom right; display:block; color:#fff;font-weight:bold;font-style:italic;} .people-details .name, .people-details .designation, .people-details .location { color:#fff; margin-bottom:2px; padding: 0 10px; } .people-details .name { font-size:1.2em; text-transform: uppercase; font-weight:bold; padding-top:15px; font-family: "M+1cbold","Myriad", "Myriad Pro", Arial, Helvatica, sans-serif;} .people-details .designation { color:#fff;} .people-details .location { color:#fff;} .people-details .readmore { color:#fff; padding-left:20px; background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/chevron-white-on-trans.gif) no-repeat scroll 8px 4px transparent; position: absolute; bottom:5px; left:5px; } .carouselHdBg {background-color:#000;position:absolute; top:0px; left:0; right:0;height:28px;-moz-opacity:.50;filter:alpha(opacity=50);opacity:.50;} /* utility */ .caps { text-transform:capitalize; } .hidden { display:none; } .nextline { clear:both;} .textRight { text-align:right;} .topbar { border-top:1px solid #d1d6d9; } .mb10 { margin-bottom:10px; } .mb0 { margin-bottom:0;} .underline {border-bottom:1px solid #d1d6d9; padding-bottom:10px; } .ccm-page-left {font-size:1.2em!important;} .ccm-page-left a {color: #427DB4;} .ccm-page-right a, .ccm-pagination a {color: #427DB4;} .overlaybox{ float: left; position: absolute; margin: 0; padding: 0; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background: #000; opacity: 0; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; overflow: hidden; z-index: 5; } /*****Accordion Styles*****/ @charset "UTF-8"; /* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* This is the selector for the main Accordion container. For our default style, * we draw borders on the left, right, and bottom. The top border of the Accordion * will be rendered by the first AccordionPanelTab which never moves. * * If you want to constrain the width of the Accordion widget, set a width on * the Accordion container. By default, our accordion expands horizontally to fill * up available space. * * The name of the class ("Accordion") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * Accordion container. */ .Accordion { overflow: hidden; } /* This is the selector for the AccordionPanel container which houses the * panel tab and a panel content area. It doesn't render visually, but we * make sure that it has zero margin and padding. * * The name of the class ("AccordionPanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel container. */ .AccordionPanel { margin: 0px; padding: 0px; } /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. * * The name of the class ("AccordionPanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel tab container. * * NOTE: * This rule uses -moz-user-select and -khtml-user-select properties to prevent the * user from selecting the text in the AccordionPanelTab. These are proprietary browser * properties that only work in Mozilla based browsers (like FireFox) and KHTML based * browsers (like Safari), so they will not pass W3C validation. If you want your documents to * validate, and don't care if the user can select the text within an AccordionPanelTab, * you can safely remove those properties without affecting the functionality of the widget. */ .AccordionPanelTab { cursor:pointer; color:#427DB4;font-weight:bold; font-size:14px;padding:4px 25px 5px 10px; text-transform:uppercase; border:1px solid #D0D7DA; border-width:1px 1px 0px; background:#e8ebf0 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-featured-accordion-title.gif)no-repeat scroll center right; margin-bottom:0;} .AccordionPanelTab p {margin:0!important;font-size:1em;font-weight:bold;} /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. * * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel * Content container. * * The name of the class ("AccordionPanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel content container. */ .AccordionPanelContent { overflow: auto; margin: 0px; padding: 0px; height: 200px; } /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab { border-width:1px; color:#fff; background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-accordion-title-open.jpg) no-repeat scroll top left;} /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover { color: #427DB4; } .AccordionPanelOpen .AccordionPanelTabHover { color: #ffffff; } .AccordionPanelTabHover { color: #ffffff; background:#d0d9e4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-accordion-title-open.jpg)no-repeat scroll left top; } /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab { background-color:; } /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color:; } .Accordion, .AquaAccordion { } #Acc1.Accordion { width: 100%; } .AccordionPanelTab a { display: block; color: black; text-decoration: none; } .AccordionPanelContent { height: 250px; background:#f4f4f4 url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-featured-accordion-body.jpg) repeat-x scroll top left;padding-top:1px; _padding-bottom:10px; } span.AccordionPanelContent { display: block; } /* Here's an example of an accordion Aqua Gradient theme that uses * different class names from the ones used in SpryAccordion.css, * to style the different parts of the accordion. */ .AquaAccordion { border-left: solid 1px gray; border-right: solid 1px black; border-bottom: solid 1px gray; overflow: hidden; font-family: "Times New Roman", Times, serif; font-size: 16px; } .AquaAccordion .Tab { height: 24px; background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/images/aqua-gradient.gif); background-repeat: repeat-x; background-color: #6dc1fc; border-top: solid 1px black; border-bottom: solid 1px gray; margin: 0px; padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; text-align: center; } .AquaAccordion .Content { overflow: auto; height: 300px; margin: 0px; padding: 0px; background-image: url(http://www.aramcooverseas.com/themes/aoc-theme-1/images/gray-gradient.gif); background-repeat: repeat-x; } .AquaAccordion .hover { background-image: none; background-color: #33CCFF; } .AquaAccordion .open { /* Add properties here. */ } .AquaAccordion .closed { /* Add properties here. */ } .AquaAccordion .focused { /* Add properties here. */ } .whatWe {background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y left top #FFFFFF; border: 1px solid #FFFFFF;width: 228px;float:left;height: 151px;padding:10px;} .doingBusiness {padding:10px 10px 0 10px;width: 436px;height: 168px;float:left;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/../../files/5712/7745/9666/CONT_doing_business_with_us.jpg) no-repeat;} .doingBusiness img{float:right;} .businessTxt {width:208px;} #highlights {height: 170px;margin: 13px 19px 18px;_margin: 13px 19px 0px 19px;} .atAoc {height: 151px;width:188px;float: left;padding: 10px;background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y scroll left top #FFFFFF;} a.aboutlkbl {color:#213A51 !important;} #latestPress {background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y left top #FFFFFF;border: 2px solid #FFFFFF;margin-bottom: 15px;padding: 10px 10px 0;} #publications_press {background: url(http://www.aramcooverseas.com/themes/aoc-theme-1/assets/images/layout/bg-box-gray-gradient.jpg) repeat-y left top #FFFFFF;border: 2px solid #FFFFFF;margin-bottom: 15px;padding: 10px 10px 0;} #publications_press h3 {color: #6392BF; font-size: 1em;} /* changed colour property RA*/ .publ-item { background-image: none;float: left;height: 160px;padding: 0;margin:0 0px 0 0;position: relative;width: 226px;} .publ-item2 { background-image: none;float: left;height: 160px;padding: 0;margin:0 0px 0 30px;position: relative;width: 216px;} .text {padding: 0;position: relative;z-index: 1;} .wFix {width:150px;} .text h3 { font-size: 1.70em;color: #6392bf;margin:10px 0 0 0;} .bfoto {position: absolute;top: 0;} .bfoto2{position: relative;top: 0;} .pressTag {color: #213A51;font-weight:bold;} .date {margin:0px!important;font-size: 0.925em;} .globalOpHeader { color:#dfc05d !important;font-size:1.4em !important; } .workspotnarrowh3 {font-size:1em !important;width:140px;} .workspotnarrowp {font-size:1em !important;width:140px;} .meettourpeoplespot {width:160px;} .meettourpeoplespot h3 {font-size:1.3em;} .meetourpeoplelist {background:none;} .meetourpeople {background:none !important;padding:0;margin:0;} .meetourpeople li {float:left;padding:0;margin:0;width:97;} .meetourpeople li a {padding:0;margin:0;background:none;} .communityapproach h3 a {font-size:1em;color:#6392BF;} .communityapproach p a {color:#6C6E70;} .costafeature h3 {font-size:1em;} .costafeature p {width:325px;font-size:0.85em!important;} /* new clearfix */ .cfx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cfx { zoom: 1; } /* IE6 */ *:first-child+html .cfx { zoom: 1; } /* IE7 */ .ccm-flash-video {margin-bottom:10px;} /* New Edits */ .newsSectionCustom {position:relative;z-index:0;width:246px;float:left;border-left:2px solid #ffffff;} .newsSectionCustom .newsUnder {position:absolute;z-index:10;} .newsSectionCustom .newsUnder a { color: #FFFFFF !important;display: block;margin-left: 1px;padding: 5px 0 0 10px;width: 236px;position:absolute;z-index:10;} .newsUnder p {padding:2px;margin:0px 0 0 10px!important;position:relative;font-size:1em;} .newsUnder h3 {margin-bottom:10px!important;color:#ffffff;margin:10px 0 0 10px;font-size:1.2em;} #ra-latest-news {margin-bottom:10px;margin-left:20px;margin-right:22px;border:2px solid #ffffff;} .buttonEdit {background-color:#008B82;text-decoration:none;} .w1col h3.white {font-size:1.4em;} .titleHolder h3 {float:left;} .rssHolder {float:right;margin-right:20px;} .random {color:#ffffff!important;font-size:1em;} .random a {color:#ffffff;} .cfx .grid4col .img {height:129px;} .genText {color:#ffffff!important;font-size:1em;} .diversity { width: 236px;} @media print { /* dont print the following elements */ #sidebar, #global-nav, #search-nav, #site-sections, #misc-hold, #related-content, #utility-bar { display:none; } #utility-bar a:hover {text-decoration:underline;} blockquote:before, q:before, blockquote:after, q:after { content:'"'; color:#f00; font-size:5em; } /* Avoid page breaks straight after a heading. */ h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } /* Avoid page breaks inside paragraphs, blockquotes, lists, and preformatted text. */ p, blockquote, ul, ol, dl, pre { page-break-inside: avoid; } /* Miscellaneous adjustments for print */ #content{ float:none; width:1000%; } #main-content { width:100%; } #footer { width:100%; border:1px solid #fff;} a[href^="http://"]:after, a[href^="ftp://"]:after { content: " (" attr(href) )"; font-size: 10pt; } }