/*
*********************
U.S. Careers site CSS base file

Version: 1.2
Date: Mar. - 2009
Author: Prashant Shukla
*********************

Version: 1.3
Date: April. - 2009
Author: Prashant Shukla
*********************

Version: 1.4
Date: May - 2009
Author: Ricardo Zea
*********************
*/

@import url("/css/lexisBase.css");/* This file controls the header and footer */
@import url("/css/drop-down-menu.css"); /* This file controls the dotted navigation bar in the header */
@import url("/careers/css/common.css"); /* Common styles for all current and future corporate content pages */
@import url("/careers/css/careers.css"); /* Styles specific to Careers pages */

body { margin:35px 0; padding:0; }
img { -ms-interpolation-mode:bicubic; } /*IE7 fix to properly render scaled down images*/	

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>REUSABLE RULES
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

.float-left { float:left;}
.leftFloat{float:left;}
.clearFloat{clear:both;}

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>HEADER
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

.countryName { position:relative; }

/*==  Background Banner at the top of the pages ==*/
#brandCareerHome { width:989px; }
#brandArea p { height:190px; text-indent:-9999px; margin:0; padding:0; }

/*===== Opening DIV when rolling over red box =====*/ 
body:first-of-type #content-sign-on-box { position:absolute; top:-22px; left:-85px; }/*Safari*/

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>BREADCRUMBS & E-MAIL/PRINT THIS PAGE AREA
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
#breadcrumbs-area { height:24px; padding:5px 5px 0 15px; font-weight:bold; font-size:1.2em; border-bottom:#999 1px dotted; }
#IEroot #breadcrumbs-area { border-bottom:#ccc 1px solid; padding-top:10px; }

/*===== Breadcrumbs & Email/Print This Page =====*/ 
#breadcrumbs ul,
#email-print-page ul { list-style-type:none; margin:0; padding:0; }
#breadcrumbs ul li,
#email-print-page ul li { display:inline; font-size:.8em; }

/*===== Breadcrumbs =====*/ 
#breadcrumbs { float:left; }
#breadcrumbs ul li a,
#breadcrumbs ul li a:visited {  font-weight:normal; font-size:1em; color:#666; margin-right:3px; padding-right:10px; background:url(../images/arrow-red-small.gif) right 5px no-repeat; }
#breadcrumbs ul li a:hover { color:#903; text-decoration:underline; }

/*===== Email and Print this page area =====*/ 
#email-print-page { float:right; }
#email-print-page ul li { padding-left:17px; margin-left:10px; }
#email-print-page ul li.email { background:url(../images/icon-email.gif) left center no-repeat;}
#email-print-page ul li.print { background:url(../images/icon-print.gif) left center no-repeat;}
#email-print-page ul li a,
#email-print-page ul li a:visited { font-size:1em; font-weight:normal; color:#5A889E; }
#email-print-page ul li a:hover { text-decoration:underline; }
#email-print-page img { padding:0 5px 0 10px; border:none; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->> LEFT NAVIGATION BAR 
  ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
/*===== Left nav bar container  =====*/
#left-nav-bar-container { width:auto; }

/*===== Dotted outline =====*/
#left-nav-bar { width:185px; background:url(../images/1x3-dots.gif); padding:0 2px 2px 5px; }

/*===== Main <ul> that covers the entire menu =====*/
#left-nav-bar ul { background:#fff;  list-style-type: none; margin:0; padding:0; }

/*===== Add top and bottom margins to 2nd & 3rd level menu items ===== */
#left-nav-bar ul ul,
#left-nav-bar ul ul ul { padding:5px 0; }

/*===== 1st level links ===== */
#left-nav-bar ul li { background:url(../images/1x3-dots.gif); padding-top:1px; }
#left-nav-bar ul li a,
#left-nav-bar ul li a:visited { display:block; background:#fff; color:#903; padding:5px 0 7px 5px; text-decoration:none; font-size:1.1em; }
#left-nav-bar ul li a:hover { background:#903; color:#fff; }

* html #left-nav-bar ul li a { height:13px; }
* html #left-nav-bar ul li a:visited { height:13px; }
* html #left-nav-bar ul li a:hover { height:13px; }

/*===== 1st level Selected link ===== */
#left-nav-bar ul li a.selected-link,
* html #left-nav-bar ul li a.selected-link { background:/*url(../images/1x3-dots.gif) bottom repeat-x*/ #903; color:#fff; }
#left-nav-bar ul li a.selected-link:visited,#left-nav-bar ul li a.selected-link:link,#left-nav-bar ul li a.selected-link:active{background:#903; color:#fff;}
/*===== 2nd level links ===== */
#left-nav-bar ul ul { padding:0; background:url(../images/1x3-dots.gif) top repeat-x #fff; }
#left-nav-bar ul ul li { padding-left:10px; background: url(../images/arrow-red-small.gif) 10px 8px no-repeat; }
#left-nav-bar ul ul li a,
#left-nav-bar ul ul li a:visited { padding:3px 0 3px 2px; margin-left:5px; background:transparent; color:#333; }
#left-nav-bar ul ul li a:hover { background: #f7f7f7; color:#666; text-decoration:underline; }

/*===== 2nd level Selected link ===== */
#left-nav-bar ul ul li a.selected-link-2 { font-weight:bold; color:#333; }

#IEroot7 #left-nav-bar ul ul li { background-position: 8px 10px; }

/*===== 3rd level links ===== */
#left-nav-bar ul ul ul { padding:0; margin:0; }
#left-nav-bar ul ul ul li { padding:0 0 0 5px; margin:0; background:none; }
#left-nav-bar ul ul ul li a,
#left-nav-bar ul ul ul li a:visited { color:#903; padding:0 5px 3px 3px; }
#left-nav-bar ul ul ul li a:hover { color:#903; text-decoration:underline; background:url(../images/bullet-arrow-black-small.gif) left 6px no-repeat #f7f7f7; }

#IEroot7 #left-nav-bar ul ul ul li a:hover,
#IEroot7 #left-nav-bar ul ul ul li a.selected-link-3 { background-position: left 8px; }

/*===== 3rd level Selected link ===== */
#left-nav-bar ul ul ul li a.selected-link-3 { font-weight:bold; background:url(../images/bullet-arrow-black-small.gif) left 6px no-repeat; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>FOOTER
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
div.siteFooter { width:990px; margin:20px 0; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>BODY/CONTENT AREA
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ 
/*==  Column 1 » Left nav area ==*/
#column1 { padding-top:20px; }
#column1 div.small-module-left { width:190px; }

/*==  Column 2 » Body content of the pages ==*/
#column2 { width:525px; padding:20px 10px; }
* html #column2 { width:520px;  }
#column2 h1 { margin:0 0 0.5em; font-size:1.6em; color:#666; }
#column2 p { line-height:20px; }
#column2 img.float-left { margin-right:5px; padding:3px; border:#666 1px dotted; }
* html #column2 img.float-left { border:#999 1px solid; }

#column2 a:hover { color:#666; text-decoration:none; }


/*==  Column 3 » Right column ==*/
#column3 { width:190px; margin-left:10px; padding-top:20px; font-size:.8em; background:none; }

/*==  Search box in right column ==*/
#searchSitesContainer label { font-weight:bold; }
#searchSitesContainer label,
#searchSitesContainer input,
#column3 #searchSitesContainer a,
#column3 #searchSitesContainer a:visited { font-size:1.2em; }

#column3 div.column3Wrapper { padding-bottom:10px; margin-bottom:10px; padding-top:0; }
#column3 div.column3Wrapper h4 { font-weight:bold; padding-top:0; }
#column3 div.column3Wrapper ul li { padding-left:10px; background:url(../images/arrow-black-small.gif) 3px /*9px*/ 6px no-repeat;}

* html #column3 div.column3Wrapper ul li { background-position:3px 7px; }

#column3 div.column3Wrapper ul.column3Links li a,
#column3 div.column3Wrapper ul.column3Links li a:visited { display:block; /*padding:2px 0; */color:#903; text-decoration:none; }
#column3 div.column3Wrapper ul.column3Links li a:hover { color:#333; text-decoration:underline; background:#f9f9f9; }

* html #column3 div.column3Wrapper ul.column3Links li a { display:inline-block; }
* html #column3 div.column3Wrapper ul.column3Links li a {display:block;}

/*==  Small areas for content below the left nav bar or on the right column ==*/
div.small-module-left { margin:15px 0; background:url(../images/1x3-dots.gif) top repeat-x; }
div.small-module-left p { margin:0; }
div.small-module-left a,
div.small-module-left a:visited { font-size:1em; color:#903; text-decoration:underline; }
div.small-module-left a:hover { color:#666; text-decoration:none;}
div.small-module-left h4 { font-size:1.2em; color:#333; }
div.small-module-left img { margin:0 5px 5px 0; }

div.small-module-right { width:185px; margin:auto; }

/*==  Apply for U.S. jobs module ==*/
div.apply-for-us-jobs { text-align:center; font-size:1em; font-weight:bold; padding:5px; background:#f7f7f7; border:#ddd 1px solid; }
div.apply-for-us-jobs p { margin:5px 0; }

/*==  Four columns module ==*/
div.four-colmuns-module { margin:10px 0; padding:10px 0; border-top:#ccc 1px solid; background: url(../images/bg-gradient.gif) bottom repeat-x #fff;}
div.simple-column { width:118px; float:left; padding:0 5px; line-height:18px; }
div.simple-column img { padding:2px; border:#666 1px solid; }
div.simple-column img, 
div.simple-column a { overflow:hidden; float:left;  }
div.simple-column a:hover { border:#666 2px solid; }
div.simple-column a:hover img { margin:-2px; }

div.simple-column blockquote { margin:0; padding:10px 0 0; font-size:1.1em; font-style:italic; color:#666; clear:both; }

#column2 div.simple-column p { margin:0; }
#column2 div.simple-column p a { float:none; }
#column2 div.simple-column p a:hover { border:none; color:#903; }
#column2 div.simple-column p.author { font-size:1em; font-weight:bold; line-height:12px; margin-top:10px; color:#666; }

/*==  Meet the CEO video ==*/
#ceoVideo p { font-size:1.2em; }
#ceoVideo img { padding:2px; border: #999 1px solid; width:168px; height:135px; }
#ceoVideo a,
#ceoVideo a:visited { font-size:1.1em; color:#903; text-decoration:underline; }
#ceoVideo a:hover { color:#666; text-decoration:none; }

a.andy-bio-link,
a.andy-bio-link:visited {font-size:1.2em; display:block; margin:5px 0; color:#903; padding:2px 0 2px 10px; background:url(../images/arrow-black-small.gif) 3px 7px no-repeat; }
a.andy-bio-link:hover { color:#333; text-decoration:underline; background:url(../images/arrow-black-small.gif) 3px 7px no-repeat #f7f7f7; }

/*1.1==  Career Paths page ==*/
.flyOutArea{background:#FFF; margin:10px 0 0 0; padding:5px 0; display:block;}
.divMenu{width:229px; margin:0 20px 0 0; padding:10px 0 0 10px; display:block; background: url(../images/gray_gradient.gif) left top no-repeat}
.divMenu h2{font-size:medium; margin:0; padding:0; font-weight:normal; color:#666666; font-weight:bold}
.divMenu p{margin:22px 0 6px 0; padding:0; font-weight:bold}
.divMenu ul{margin:5px 0 0; padding:0; list-style:none}
.divMenu ul li{margin:0; padding:0 0 8px 0; background:none}
.divMenu ul li a{background:url(../images/red_listed_transparent_arrow.gif) left 3px no-repeat; display:block; padding:0 0 0 10px; margin:0; font-size:1em; outline:none}
.divMenu ul li a:hover{text-decoration:none; color:#666;}
.divMenu ul li.activeTab a{font-weight:bold;}
.divMenu ul li.deActiveTab a{font-weight:normal}

.whiteContainer{width:250px;}
.whiteContainer a,
.whiteContainer a:visited { font-size:1.1em; text-decoration:underline;}
.whiteContainer a:hover { text-decoration:none; }

.whiteContainer h3 { margin-bottom:10px; color:#333; }

.imgColumn{width:95px; margin-right:10px;}
.imgColumn img{padding:2px; border:#666 1px solid;}

.contentSection{width:400px;}
.contentSection h4{font-weight:bold; font-size:1.1em; color:#333; margin:0 0 5px 0}
.contentSection p{margin-bottom:0; padding-bottom:0}
div.single-colmuns-module { margin:10px 0; padding:10px 5px; border-top:#ccc 1px solid; background: url(../images/bg-gradient.gif) bottom repeat-x #fff;}
div.single-colmuns-module p{margin:0; padding:0}
div.single-colmuns-module p img{padding:2px; margin-right:10px; border:#666 1px solid;}

/*====== Rotating thumbnails section ====*/
.arrowDiv{margin:10px 5px 0 5px}
.jsDiv{padding:5px 0; border-bottom:#666 1px dotted; border-top:#666 1px dotted; overflow:hidden; margin:5px 0}
* html .jsDiv{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.arrowDiv a img{border:none;}
.jsDiv #imgDiv img{padding:2px; border:1px solid #666;}

.imgContainer{margin:21px 0 18px 45px;}
.imgContainer #nextImg img,
.imgContainer #prevImg img  { border:none; }

#textContainer{padding:0 0 0 5px; width:380px}
#faceContainer img{-moz-opacity:.10; opacity:5; filter:alpha(opacity=40); border:none}
#faceContainer img.deActiveImg{background:#000; opacity:50; -moz-opacity:0.5; filter:alpha(opacity=50); border:none}
#faceContainer img.activeImg{-moz-opacity:1; opacity:100; filter:alpha(opacity=100); background:none; border:1px solid #903}

#faceContainer div{background:no-repeat 1px 1px; width:49px; height:49px;}
#faceContainer div.clearFloat{clear:both; height:1px; font-size:1px;}
#faceContainer div img{background:#000; opacity:50; -moz-opacity:0.5; filter:alpha(opacity=50);}
#faceContainer div a{outline:none;}

/*======Page Banner start here====*/
#pageBanner{display:block;}
#pageBanner .Banner img{padding-right:1px; background:url(../images/banner_dotted_block.gif) right top repeat-y;}
#pageBanner .clearFloat{clear:both; background:url(../images/dotted_block.gif) left top repeat-x; visibility:visible; height:1px; font-size:1px;}

#did-know-container{height:108px; overflow:hidden; background:url(../images/bkg_didyouknow.gif) left top no-repeat; padding:0 0 0 15px; width:222px}
#did-know-container h4{font-size:medium; padding:18px 0 0 15px; color:#903; margin:0}
#did-know-container p{padding:0 0 0 30px; margin:0;}

ul#vertical{list-style:none; margin:0; padding:0 0 1px 0; border-bottom:1px solid #DEDEDF;}
ul#vertical li h3 {background:url(../images/v-slide.gif) left top repeat-x; padding:0; margin:0; border-top:1px solid #DEDEDF; border-left:1px solid #DEDEDF;}
ul#vertical li h3 a:visited,ul#vertical li h3 a:active,ul#vertical li h3 a:link{color:#333; font-weight:normal; font-size:1em; outline:none; background:url(../images/slide_status.gif) right top no-repeat; display:block; height:22px; padding:10px 11px 0 11px;}
ul#vertical li h3 a:hover{color:#903;}

ul#vertical li h3 a.activeHead{font-weight:bold; color:#903;}
ul#vertical li h3 a.deactiveHead{font-weight:normal; color:#333;}


/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>ACCORDION
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ 
ul#accordion{list-style:none; margin:0; padding:0 0 1px 0;}
ul#accordion li h3 { padding:0; margin:0; border:1px solid #DEDEDF; background:url(../images/v-slide.gif) bottom repeat-x #fff;}
ul#accordion li h3 a:visited,
ul#accordion li h3 a:active,
ul#accordion li h3 a:link{color:#333; font-weight:normal; font-size:1em; outline:none; display:block; height:22px; padding:10px 11px 0 11px; background:url(../images/slide_status.gif) right top no-repeat; }
#column2 ul#accordion li h3 a:hover { color:#903; font-weight:bold; }

ul#accordion li h3 a.activeHead:visited,
ul#accordion li h3 a.activeHead:active,
ul#accordion li h3 a.activeHead:link{font-weight:bold; color:#903;}
ul#accordion li h3 a.deactiveHead{font-weight:normal; color:#333;}

/*====== This container holds: Empl. thumbnails and Job descriptions ====*/
ul#accordion div.collapse { margin-bottom:3px; }
div.collapse-container { border:1px solid #DEDEDF; border-top:none; }

/*====== Employee thumbnails ====*/
div.jobList{background:#EFEFEF url(../images/dotLine.gif) left bottom repeat-x; padding:12px 0; display:block;}
ul#accordion div.jobList p { font-style:italic; color:#000; display:block; min-height:60px; height:auto !important; height:60px; padding:0 8px; margin:0}
ul#accordion div.jobList p.author { font-size:1em; font-weight:bold; line-height:16px; display:block; min-height:15px; max-height:15px; height:15px; padding:5px 0 15px 8px; clear:both}
ul#accordion div.jobList p.separator{background:url(../images/dotLine.gif) left 5px repeat-x; height:1px; display:block; max-height:1px; min-height:1px; padding:5px 0 10px 0; margin:0; font-size:1px;}
#IEroot6 ul#accordion div.jobList p.separator{padding:2px 0 3px 0; margin:0;}

div.jobList p img{padding:3px; border:1px dotted #666; margin-right:4px;}
* html div.jobList p img{border:1px solid #999;}

/*====== Job description ====*/
div.jobDesc{padding:13px;}
div.jobDesc h4{color:#903; font-size:1.1em}


/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>For Top Banner Area
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ 
.siteBannerText { padding:0; border:0; z-index:0; position:absolute; width:650px; }
.siteBannerText span {color:#fff; font-size:2.1em;; font-weight:bold; /*margin:115px 0 0 220px;position:relative; top:115px; left:220px;*/  padding:0; display:block; width:525px; }
.siteBannerText p { color:#fff; margin:5px 0 0 0; padding:0 0 0 3px; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>For Email Page
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

.emailSection{width:100%; display:block}
.emailSection h1{font-size:large; color:#000; font-weight:bold; margin:0; padding:10px 0 3px 271px; border-bottom:1px solid #E7E7E7}
.emailSection .contentDiv{margin-left:250px; padding-top:0; margin-top:0}
.emailSection .contentBody h2{padding:10px 0 0 0; font-weight:bold; color:#000}
