/*Common*/
body { font-family: Tahoma;  margin: 0 auto; width: 976px; color: #3b3b3b; padding: 0; font-size: 80%;  background-color: #e58a24; line-height: 120%; }
#wrapper {  background: url(../images/background.jpg) repeat-y 0 0; padding: 10px; }
#bottom {  background: url(../images/bottom.jpg) no-repeat; width: 976px; height: 19px; margin: 0;}
.clearfix { border: 0; clear: both; font-size: 0px; height: 0px; margin:0;  padding:0; visibility: hidden; line-height: 0%; }
.button { margin-left: 20px; color: #e58a24; text-decoration: none;  }
.errorVal { background-color: #fae8d3; color: #000;  width: 880px; padding: 10px; margin-left: 20px; border: solid 2px #f4cda3; }
.bold { font-weight: bold; }
a img { border: 0; }

/*Header*/
#header { padding-top: 7px; background: transparent url(../images/penguin.gif) no-repeat 820px 0;}
.logo { margin-left: 10px; }
.logo img { border: 0; }
.navContainer { padding:0; margin: 0;   }
.navContainer ul { margin: 0; padding: 0; height: 32px; float: right; list-style-type: none; }
.navContainer ul li {  margin: 0; padding: 0; float: left; margin-right: 10px; }
.navContainer ul li a img { border: 0; padding: 0; margin: 0; }
.navigationBottom { background: url(../images/navigation-bottom.jpg) no-repeat; width: 976px; height: 12px; margin: 0; position: relative; left: -6px;}

h2.community { margin-top: 10px!important;  }

/*Footer*/
#footer { color: #fff; width: 971px; margin: 10px 0; padding-bottom: 20px; }
#footer ul { margin: 0; padding: 0; list-style-type: none; float: right; }
#footer ul li { float: left; margin-right: 10px; }
#footer ul li a { color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

/*Home Page*/
#homeContainer { }
#homeContainer h1  { background: url(../images/on-the-look-out.gif) no-repeat; width: 475px; height: 21px; margin-left: 10px; }
#homeContainer h1 span { display: none; }
.promotionItem { float: left; margin: 0 6px; }
#flashContainer { background: url(../images/img-alt.jpg) no-repeat; width: 966px; height: 354px; position: relative; left: -6px; }

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

#internalPageContainer { padding: 0 10px; font-size: 85%; }
#internalPageContainer h1, .terms h1 { padding: 10px 0; margin: 0; color: #000; font-size: 190%; font-weight: normal;}
#internalPageContainer h2, .terms h2 { padding: 10px 0 2px 0; margin: 0; color: #000; font-size: 165%; font-weight: normal; }
.internalPageLeft { color: #3b3b3b; float: left; width: 300px; }
.internalPageRight { float: right; margin-top: 12px;  }
.internalLeft { color: #3b3b3b; float: left; width: 420px; margin-right: 40px; }
.internalImage { margin-bottom: 80px; }
#internalPageContainer a { color: #3b3b3b;}
#internalPageContainer a img { border: 0; }
.imgEqual { margin-right: 25px;}

/*Application Form*/
.applicationFormContainer { background-color: #e58a24; width: 951px; margin-left: 1px; padding-bottom: 0;}
.applicationFormContainer h1.title { margin-left: 20px !important; }
.applicationFormContainer h1.title2 { margin-left: 15px !important; position: relative; bottom: 5px; }
.applicationFormTop { background: url(../images/applicationFormTop.gif) no-repeat; width: 951px; height: 11px; }
.applicationFormBottom { background: url(../images/applicationFormBottom.gif) no-repeat; width: 951px; height: 11px; position: relative; top: 5px; }
.applicationFormInnerContainer { background-color: #fff; width: 941px; margin-left: 5px; }
.applicationFormInnerTop { background: url(../images/applicationFormInnerTop.gif) no-repeat; width: 941px; height: 9px; }
.applicationFormInnerBottom { background: url(../images/applicationFormInnerBottom.gif) no-repeat; width: 941px; 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; }
.applicationFormRight { float: left; margin-top: 0px;  height: 840px;  background: url(../images/gentoo-employee-appform1.jpg) no-repeat; width: 199px; background-position:bottom; position: relative; bottom: -14px; left: 52px; 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: #e58a24; width: 250px; text-align: center; font-size: 110%; position: relative; right: 52px; }
.applicationNextContainer2 { color: #e58a24; width: 250px; text-align: center; font-size: 110%; position: relative; right: 4px; }
.applicationNextContainer img, .applicationNextContainer2 img { cursor: pointer; }
.empeduContainer { border-bottom: solid 3px #999999; margin: 4px 20px; }

.text { border: solid 1px #f4cda3; width: 300px !important; background-color: #fae8d3 !important; font-size: 95%; }
textarea { border: solid 1px #f4cda3; width: 300px; background-color: #fae8d3; height: 70px; font-family: Tahoma; font-size: 100%; }
select { border: solid 1px #f4cda3; width: 300px; background-color: #fae8d3; 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 #868686;  background-color:#f5f5f5; 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; }
.gridItem { background-color: #fbeede; margin-left: 2px; height: 35px; border: 0; font-size: 95%;  }
.altGridItem { background-color: #fff; 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; 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: 218px;  height: 256px; margin-left: 10px; padding: 10px; color: #000; font-size: 90%; margin-right: 10px; float: left; }
.vacancyDetailsLeft h2 { font-size: 160%; font-weight: normal; margin: 5px 0; padding: 0; line-height: 120%;  }
.vacancyDetailsRight { margin: 10px 20px 0 0;  float: right; width: 630px; font-size: 90%; }
.vacancyDetailsApply { width: 920px;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; }