/*Common*/
html { height: 100%; }
body { height: 100%; font-family: Verdana; margin: 0px; color: #8d8c8c; padding: 0; font-size: 75%; background: url(/images/background-fade.gif) repeat-x; background-color: #ffffff; line-height: 140%; }

#wrapper { width: 982px; height: 100%; margin: 0 auto;}
#wrapperContainer { width:100%;height:80%; }
#whitePanelLeft {  width: 11px; background: url(../images/white-panel-left-bg.png) repeat-y;  }
#whitePanel {  width: 960px;background: #ffffff;  }
#whitePanelRight {  width: 11px; background: url(../images/white-panel-right-bg.png) repeat-y;  }
#whitePanelBottom {  background: url(../images/white-panel-bottom.png) no-repeat 0 0; width: 982px; height: 30px; margin:0; padding: 0;  }

h1 { color: #15b272; font-weight: normal; font-size: 170%; }
h2 { font-size: 140%; padding-top: 4px; font-weight: normal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
.nomargin { margin: 0; }
.bold { font-weight: bold; }
.clearfix { border: 0; clear: both; font-size: 0px; height: 0px; margin:0;  padding:0; visibility: hidden; }
/* img, div, h1 { behavior: url(../pngfix/iepngfix.htc) } */
p { margin-bottom: 0; }
tr { vertical-align: top; }
address { font-weight: bold; font-style:normal; }

/*Navigation*/
#header { background: url(../images/header.jpg) no-repeat 0 0; width: 960px; height: 182px; }
.navContainer { padding-top: 142px; font-size: 85%; }
.navContainer ul { margin: 0; padding: 0; list-style-type: none; }
.navContainer ul li { float: left; }
.navContainer ul li a { color: #fff; text-decoration: none; font-size: 120%;  }
.navContainer ul li.CurrentOpportunities { padding-left: 43px; }
.navContainer ul li.Working { padding-left: 8px; }
.navContainer ul li.MeetTheTeam { padding-left: 8px;  }
.navContainer ul li.RewardsAndBenefits { padding-left:7px;  }
.navContainer ul li.Training { padding-left: 9px;  }
.houseLink { position: absolute; top:97px; margin-left: 905px; }
.logoLink { position: absolute; top:14px; margin-left: 28px; }

#footer { float: right; margin-right: 30px; padding-bottom: 20px; padding-top: 8px; }
#footer ul { list-style-type: none; }
#footer ul li { float: left; margin: 0px 10px;  }
#footer ul li a { color: #000; }
#footer ul li.divider { margin: 0; color: #000; }


.silhouettes {  background: url(../images/silhouettes.jpg) no-repeat 0 0; width: 916px; height: 155px; position: relative; top:20px; left: -2px; background-color: Red; margin: 0; padding: 0; }

/*Home Page*/
#homeContainer { padding: 20px 20px 0px 20px;}
#homeLeft { float: left;  width: 682px; }
#homeRight { float: right; }
.promotionItem { float: left; margin: 0 6px; }

/*Internal Page*/
#pageContainer { margin: 0px 0;color: #8d8c8c; }
#pageContainer h1 { padding: 0; margin: 0; font-size: 170%; color: #fff;}
#pageContainer h1 span { display: none;  }
#pageContainer h1 img { margin: 10px 10px; padding: 0; }

#internalPageContainer { padding: 0 10px;  }
#internalPageContainer h1, .terms h1 { padding: 10px 0; margin: 0 0 0 35px; color: #09ae6b; font-size: 170%; font-weight: normal;}
#internalPageContainer h2, .terms h2 { padding: 10px 0 2px 0; margin: 0; color: #09ae6b; font-size: 125%; font-weight: normal;}
.internalPageLeft { color: #3b3b3b; float: left; width: 650px; margin-left:35px; }
.internalPageRight { float: right; margin-top: 12px;margin-right:20px;  }
.internalLeft { color: #3b3b3b; float: left; width: 400px; margin-right: 20px; margin-left:35px; }
.internalImage { margin-bottom: 80px; }
#internalPageContainer a { color: #3b3b3b;}
#internalPageContainer a img { border: 0; }
.imgEqual { margin-right: 25px;}

/*Application Form Current Opportunities*/
.co .applicationFormContainer { background-color: #24b77c; width: 682px; margin-left: 20px; margin-right: 10px;  padding-bottom: 0; float: left;}
.co .applicationFormContainer h1.title { margin-left: 20px !important; margin-bottom: 15px !important; margin-top: 5px !important; }
.co .applicationFormContainer h1.title2 { margin-left: 15px !important; position: relative; bottom: 5px; }
.co .applicationFormTop { background: url(../images/applicationFormTop.gif) no-repeat; width: 682px; height: 11px; }
.co .applicationFormBottom { background: url(../images/applicationFormBottom.gif) no-repeat; width: 951px; height: 11px; position: relative; top: 5px; }
.co .applicationFormInnerContainer { background-color: #24b77c; width: 676px; margin-left: 6px; }
.co .applicationFormInnerTop { background: url(../images/applicationFormInnerTop.gif) no-repeat; width: 941px; height: 9px; }
.co .applicationFormInnerBottom { background: url(../images/applicationFormInnerBottom.gif) no-repeat; width: 941px; height: 9px; position: relative; top:7px; }
.co .vacancyNameItem {   width: 180px !important; }
.co .vacancySalaryItem {  width: 80px !important; padding-right: 15px; }
.co .vacancyLocationItem { width: 110px !important;  }
.co .vacancyContractTypeItem {  width: 100px !important;  }
.co .vacancyClosingDateItem {  width: 80px !important;  }

/*Application Form*/
.applicationFormContainer { background-color: #24b77c; width: 918px; margin-left: 20px; padding-bottom: 0;}
.applicationFormContainer h1.title { margin-left: 20px !important; margin-bottom: 14px !important; margin-top: 5px !important; margin-right: 20px !important; }
h1.titleWhite { margin-left: 20px !important; margin-bottom: 14px !important; margin-top: 5px !important; margin-right: 20px !important; color: #fff !important; }
.applicationFormContainer h1.title2 { margin-left: 15px !important; position: relative; bottom: 5px; }
.applicationFormTop { background: url(../images/applicationFormTopLarge.gif) no-repeat; width: 951px; height: 11px; }
.applicationFormBottom { background: url(../images/applicationFormBottomLarge.gif) no-repeat; width: 951px; height: 11px; position: relative; top: 5px; }
.applicationFormInnerContainer { background-color: #fff; width: 897px; margin-left: 10px; }
.applicationFormInnerTop { background: url(../images/applicationFormInnerTop.gif) no-repeat; width: 897px; height: 9px; }
.applicationFormInnerBottom { background: url(../images/applicationFormInnerBottom.gif) no-repeat; width: 897px; height: 9px; position: relative; top:7px; }
.applicationFormTitle { margin-right: 50px; margin-left: 25px; }
ul.applicationFormTabs { margin: 0; padding: 0; list-style-type: none; float: left; margin-right: 10px; }
ul.applicationFormTabs li { float: left; margin-right: 5px; height: 36px; cursor: pointer; }
li.active, div.active { display: inline; }
li.inactive, div.inactive { display: none; }

.applicationFormColumnContainer {  width: 941px; font-size: 85%; }
.applicationFormLeft {  float: left; width: 345px; }
.applicationFormLeft h2 { margin: 10px 20px; font-size: 160%; font-weight: normal; color: #000; }
.applicationFormRight { float: left; margin-top: 0px;  height: 840px;  background: url(../images/digger.jpg) no-repeat; width: 150px; background-position:bottom; position: relative; bottom: -14px; left: 57px; z-index: 100;  }
.applicationFormRight2 { float: left; margin-top: 0px; height: 1500px;  background: url(../images/gentoo-employee-appform2.jpg) no-repeat; width: 247px; background-position:bottom; position: relative; bottom: -14px; left: 4px; z-index: 100;  }
.applicationFormRight2Alt { float: left; margin-top: 0px; height: 1500px; width: 247px; background-position:bottom; position: relative; bottom: -14px; left: 4px; z-index: 100;  }
.applicationFormRight3 { float: left; margin-top: 0px;  height: 368px;  background: url(../images/gentoo-employee-appform3.jpg) no-repeat; width: 236px; background-position:bottom; position: relative; bottom: -15px; left: 15px; z-index: 100;  }
.applicationFormRight3Alt { float: left; margin-top: 0px;  height: 368px;  width: 236px; background-position:bottom; position: relative; bottom: -15px; left: 15px; z-index: 100;  }
.applicationFormImage { margin: 10px 0 6px 20px;  }
.applyButton { float: right; margin-right: 20px; }
.applicationNextContainer { color: #000; width: 200px; text-align: center; font-size: 110%; position: relative; right: 52px; }
.applicationNextContainer2 { color: #000; width: 200px; text-align: center; font-size: 110%; position: relative; right: 4px; }
.applicationNextContainer p { margin: 10px 0; }
.applicationNextContainer img, .applicationNextContainer2 img { cursor: pointer; }
.empeduContainer { border-bottom: solid 3px #999999; margin: 4px 20px; }





.text { border: solid 1px #d0b37a; width: 300px !important; background-color: #dfcba5 !important; font-size: 95%; }
textarea { border: solid 1px #d0b37a; width: 300px; background-color: #dfcba5; height: 70px; font-family: Tahoma; font-size: 100%; }
select { border: solid 1px #d0b37a; width: 300px; background-color: #dfcba5; font-family: Tahoma; font-size: 95%; }

/*Form Fields*/
.item { width: 300px; clear: both; padding:2px 0; margin-left: 20px; }
.left { width: 300px; }
.right {width: 300px;  }
.submit { }
.hidden { display: none; }
.highlight { background-color: Red; }
.popup { background-color: Black; }

/*Calendar*/
.calendar .ajax__calendar_container { border:1px solid #f0acb0;  background-color:#fff; color: #000; }
.calendar .ajax__calendar_header { border:1px solid red;  background-color:#efdbdc; color: #000; }
.calendar .ajax__calendar_other .ajax__calendar_day,
.calendar .ajax__calendar_other .ajax__calendar_year { color: #e3e3e3; }
.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,   
.calendar .ajax__calendar_hover .ajax__calendar_year {  color: black; }
.calendar .ajax__calendar_active .ajax__calendar_day,
.calendar .ajax__calendar_active .ajax__calendar_month,
.calendar .ajax__calendar_active .ajax__calendar_year { color: black; font-weight:bold; }

/*Vacancy Search*/
.vacancyNavHeader { background: url(../images/vacancy-nav-header.gif) no-repeat; width: 934px; height: 38px; }
.vacancyContainer { margin-left: 4px; }
.grid { width: 662px; }
.gridItem { background-color: #fff; height: 35px; border: 0; font-size: 95%;  }
.altGridItem { background-color: #dff5ec; margin-left: 2px; height: 35px; border: 0; font-size: 95%;  }
.vacancyNameItem { width: 225px; padding-left: 18px; font-weight: bold; color: #000; }
.vacancySalaryItem { width: 128px; }
.vacancyLocationItem { width: 195px; }
.vacancyContractTypeItem { width: 145px; }
.vacancyClosingDateItem { width: 115px; }

/*Bread Crumb*/
.breadCrumb { font-size: 100%; margin: 10px 0 10px 45px; color: #000; }
.breadCrumb a { color: #000; text-decoration: none; }
.breadCrumb a:hover { text-decoration: underline; }

/*Nwes Flash Container */
#newsContainer { margin: 15px 10px 8px 10px; font-size: 140%; }

/*People Flash*/
#peopleFlashContainer {  }

/*Vacancy Details*/
.vacancyDetailsLeft { background: url(../images/vacancy-details-panel.gif) no-repeat; width: 223px;  height: 287px; margin-left: 10px; padding: 10px; color: #000; font-size: 90%; margin-right: 10px; float: left; color: #fff; }
.vacancyDetailsLeft h2 { font-size: 160%; font-weight: normal; margin: 5px 0; padding: 0; line-height: 120%; color: #fff !important; font-weight: bold !important; }
.vacancyDetailsRight { margin: 10px 20px 0 0;  float: right; width: 600px; font-size: 90%; }
.vacancyDetailsApply { width: 880px; text-align: right; }

/*FAQs*/
.faqs, .terms { text-align: left; margin-left:10px; }
.faqs p.question { color: #000; font-weight: bold; }
.faqContainer a { color: #000; text-decoration: none; }
.faqContainer a:hover { text-decoration: underline; }

.termsLink { cursor: pointer; }
.termsLink:hover { text-decoration: underline; }