/* Generic Styles */
* {
   padding:0;
   margin:0;
}

img { behavior: url(/includes/iepngfix.htc); }

/* Main HTML Sytles (Tags) */
body {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-image:url(/images/diagBG.jpg); background-position:center}
p {width:400px; color:#616161; margin-top:10px; line-height:17px}
h1 {color:#1677C3; font-size:13px; font-weight:bold; margin:5px 0px 0px 0px; padding:0px}
h2 {color:#0B67B0; font-size:12px}
h3 {color:#1677C3; font-size:13px; font-weight:bold; margin:15px 0px 0px 0px; padding:15px 0px 0px 0px}

ul {list-style-type:square; padding-left: 20px; margin:10px 0px 0px 0px; color:#000000;}
ol {padding-left: 25px; margin:5px 0px 0px 0px; color:#000000;}
li {padding-left:10px; no-repeat 0 0.9em; line-height:20px; color:#616161;}

a {color:#1677C3; text-decoration:none}
a:hover {color:#1677C3; text-decoration:underline}

input, select, textarea {color:#333333; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}


.chooseContainerWidthSmall{ width:427px;}
.chooseContainerWidthLarge{ width:683px}

#wrapper {margin:auto; width:100%}
#topBar {height:252px; width:100%; background-image:url(/images/banner.jpg); background-repeat:no-repeat; background-position:center}
#navBar {height:39px; width:100%; background-image:url(/images/navbg.png); background-repeat:no-repeat; background-position:center; clear:both; margin-bottom:0px}
#navContainer {width:900px; height:38px; margin:auto; text-align:center;}
.navLink {float:left; padding-right:12px; margin-left:12px; display:inline; background-image:url(/images/navSeparator.gif); background-repeat:no-repeat; background-position:right; height:38px; line-height:38px; font-size:12px;}
.navLink a {text-decoration:none; color:#FFFFFF}
.navLink a:hover {text-decoration:underline; color:#FFFFFF}

#contentWrapper {clear:both; width:1006px; background-image:url(/images/contentBG.png); background-repeat:repeat-y; background-position:center; margin:auto; overflow:hidden}
#contentArea {width:976px; margin:auto; clear:both; background-color:#FFFFFF; padding-top:15px; background-image:url(/images/swooshBG.jpg); background-repeat:no-repeat}

#latestJobsLeft {float:left; width:236px; margin-left:11px; background-color:#0B67B0; text-align:center}
#latestJobsRight {float:right; width:236px; margin-right:11px; background-color:#0B67B0; text-align:center}
#homeContent {float:left; margin-left:27px; margin-right:18px; text-align:left; overflow:hidden}
#boxHolders {width:100%; clear:both; margin-top:20px}
#bottomQuote {width:425px; height:58px; background-image:url(/images/bottomQuoteBG.jpg); background-repeat:no-repeat; text-align:center; clear:both; margin:30px 0px 15px 0px}
#bottomQuoteInner {font-weight:bold; color:#0B67B0; line-height:18px; margin:7px}
#contentBottom {width:100%; height:14px; background-image:url(/images/contentBottomCorners.png); background-repeat:no-repeat; background-position:center; clear:both; margin:auto; position:relative; left:1px}

#registerBoxHome {width:204px; height:214px; background-image:url(/images/registerBG.jpg); background-repeat:no-repeat; float:right; text-align:center}
#registerBoxInner {width:185px; margin:54px auto 0px auto; color:#575757}

#bottomBar {height:33px; background-color:#005191; line-height:33px; color:#FFFFFF; font-size:10px; text-align:center; margin-top:15px}
#bottomBar a {color:#FFFFFF; text-decoration:none}
#bottomBar a:hover {color:#FFFFFF; text-decoration:underline}

/* Speech bubble components */
.speechBubble {position:absolute; z-index:1}
.speechBubbleTopLeft {background-image:url(/images/speechBubbleTop.png); background-repeat:no-repeat; width:294px; height:19px}
.speechBubbleTopRight {background-image:url(/images/speechBubbleTopReverse.png); background-repeat:no-repeat; width:294px; height:19px}
.speechBubbleBG {width:294px; border-bottom:1px solid #1677C3; border-right:1px solid #1677C3; border-left:1px solid #1677C3; background-color:#FBECB1}
.speechBubbleText {padding:10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#494949; text-align:left}

/* Latest jobs components */
.ljTopCorners {width:236px; height:5px; background-image:url(/images/latestJobsTopCorners.gif); background-repeat:no-repeat}
.ljHeader {font-size:12px; font-weight:bold; color:#FBED4A; margin:10px; text-align:left; height:16px; line-height:16px}
.ljPanel {width:225px; height:89px; background-image:url(/images/latestJobsPanelBG.jpg); background-repeat:no-repeat; margin:3px auto 0px auto; padding-top:5px}
.ljJobDetails {width:213px; height:64px; border-bottom:1px solid #CCCCCC; margin:auto; line-height:19px; color:#106DB6; font-weight:bold; text-align:left}
.ljJobAttribute {color:#333333}
.ljLinks {font-size:10px; font-weight:bold; height:18px; line-height:18px; width:150px; margin-left:50px; color:#CCCCCC; margin-bottom:5px}
.ljLinks a {color:#09548F; text-decoration:none}
.ljLinks a:hover {color:#09548F; text-decoration:underline}

.formInputBox {border:1px solid #055A9C; color:#575757; font-weight:bold; margin-top:10px; clear:both; width:175px; height:20px; font-size:11px; line-height:20px; padding-left:5px}

/* BACK AND NEXT NAVIGATION FOR JOB SEARCH RESULTS */
.resultsNav {width:275px; text-align:center; margin:10px 0x 15px 65px}

/*searchVacancies*/
.outerSearchWrapper{ width:236px; overflow:hidden;}
.searchVancanciesWrapper{ width:236px; background-image:url(/images/searchVacanciesRpt.jpg); background-repeat:repeat-y; overflow:hidden; float:left  }
.searchVacanciesTop{ width:236px; float:left; background-image:url(../images/searchVacanciesTop.jpg); background-repeat:no-repeat;}
.searchVacanciesBtm{ width:236px; background-image:url(../images/searchVacanciesBtm.jpg); background-position:bottom; background-repeat:no-repeat; overflow:hidden;}
.searchInnerWrapper{ float:left; width:200px; margin-left:17px; display:inline; overflow:visible;}
.searchVacanciesHeading{ float:left; height:18px; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FBED4A; font-weight:bold; font-size:12px; margin-bottom:12px; margin-top:13px;}
.keywordsInputBox{ width:164px; height:22px; font-size:12px; float:left; /*border-right:solid 1px #0B67B0; border-top:solid 1px #0B67B0; border-bottom: solid 1px #0B67B0; border-left:none;*/ padding-top:5px; border:none;}
.searchGraphic{ height:22px; width:34px; background-image:url(../images/magnifyingGlass.jpg); float:left;/*border-right:none; border-top:solid 1px #0B67B0; border-bottom: solid 1px #0B67B0; border-left:solid 1px #0B67B0;*/ background-position:center;}
.inputSearchKeywords{border:solid 1px #0B67B0;width:100%; overflow:hidden; float:left; }
.bl_hdrs{ width:100%; height:18px; color:#065A9D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left; font-weight:bold; margin-top:10px; margin-bottom:0px; display:inline;}
.drpDwn_text{ width:176px; height:22px; float:left; background-image:url(../images/drp_dwn_txt.jpg); padding:3px 0px 2px 0; overflow:hidden; background-repeat:no-repeat; text-align:left; text-indent:10px; font-size:11px; font-weight:bold; color:#387BAC;}
.drpDwn_btn{ width:25px; height:22px; float:left; background-image:url(../images/drp_dwn_btn.jpg);background-repeat:no-repeat;}
.drpDwn_btn a{ width:87%; height:22px; float:left; background-image:url(../images/drp_dwn_btn.jpg); padding:2px; overflow:hidden;background-repeat:no-repeat;}
.drpDwnWrapper{ width:203px; float:left; overflow:hidden;}
.srchButtonWrapper{ width:100%; overflow:hidden; float:left; margin:15px 0 20px 0;}
.srch_btm_bk{ background-position:center; background-position:top; background-image:url(../images/searchBkBtm.jpg); width:236px; height:58px; float:left;}

/* Vacancies Menus*/
.vacanciesWrapper{width:387px; float:left; margin:0px auto 30px 10px}
.vacanciesRpt{width:387px;float:left; background-image:url(/images/vacancies_rpt.jpg);}
.vacanciesBtm{ width:387px; float:left; background-image:url(../images/vacancies_btm.jpg); background-position:bottom; height:38px; text-align:right; }
.vcns_Hdr_Wrpr{float:left; overflow:hidden; background-color:#0B67B0; width:100%;background-image:url(/images/vacancies_tp.jpg); background-repeat:no-repeat; background-position:top;}
.job_title_Container{ float:left; width:203px; }
.jb_Title{ float:left; width:190px; text-align:center; font-weight:bold; color:#FFFFFF; margin:10px; display:inline; text-align:left}
.jb_Location_Container{ float:right; width:150px; }
.jb_Location{ float:right;margin:10px; width:140px; text-align:center; color:#FFFFFF;  }
.jb_desciption{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.jb_Desciption_Wrapper{ width:100%; float:left;}
.jb_Desciption_Container{ width:348px; margin:19px; line-height:20px;}
.jb_Desciption_Container td {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333}
.jb_Description_Btm{ overflow:hidden; float:left; margin-left:10px; width:365px; margin-right:10px; border-top:#D6D6D6 solid 1px; display:inline; padding-top:5px; padding-bottom:5px;}
.slry_Bx{ float:left; width:200px;}
.job_Type{ float:right; width:150px; color:#1B71B5;  text-align:right;}

/*More Details*/
.salandRefWrapper{ float:left;  width:99%; background-image:url(/images/moredetailsgrey.jpg); background-color:#E3E3E3; background-position:top; background-repeat:no-repeat; margin:0 1px 0px 1px; border-bottom:1px solid #D6D6D6; padding-bottom:5px;}
.qualAndDiscipline{ float:left; width:99%; background-image:url(/images/moredetailsgrey.jpg); background-color:#E3E3E3; background-position:top; background-repeat:no-repeat; margin:0 1px 0px 1px; border-bottom:1px solid #D6D6D6; padding-bottom:5px;}
.salaryHolderGrey{ float:left; margin:9px 20px 5px 10px; width:200px;}
.qualificationHolderGrey{ float:left; margin:9px 20px 5px 10px; width:200px;}
.refNoHolderBlue{float:right;color:#000000; margin:9px 5px 5px 5px; width:110px; text-align:left;}
.disHolderBlue{float:right;color:#000000; margin:9px 5px 5px 5px;  width:110px; text-align:left;}

.olympicWrpper{ width:641px; height:971px; background-image:url(../images/olympic_images/olympic_bkground.jpg); background-repeat:no-repeat;}

.enterYourPredictions{ padding-top:557px; text-align:center;}
.medalBoxesWrapper{ float:left; overflow:hidden; width:641px; position:relative; bottom:20px;}
.medalHolder{ overflow:hidden; height:50px; width:30px; float:left; position:relative; top:30px; left:5px;} 
.medal_hdr{ float:left; position:relative; left:30px; top:30px; font-size:14px; color:#D31E31; font-weight:bold;}

.olTextBoxHolder{float:left; height:27px; width:300px;}
.olTextBox{ text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; float:left;height:27px; font-size:18px; width:110px; border:none; margin-top:5px;}
.textAndBxWrapper{ float:left; width:100%; overflow:hidden;}
.boxWrapperOne{ float:left; margin-left:40px; display:inline; }
.boxWrapperTwo{ float:left; margin-left:10px;}
.boxWrapperThree{ float:left; margin-left:10px;}
.boxWrapperTwo{ float:left;}
.textAndBxWrapper{ border:solid 1px red; height:35px; width:180px;}
.labelHolder{ float:left; margin-right:10px;}



/* These are standard sIFR styles... do not modify */
 .sIFR-flash { visibility: visible !important; margin: 0; }
 .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
 .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
 .sIFR-hasFlash h1 { visibility: hidden; }
/* .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; }
 .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; }
 .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; }
 .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }*?