/*####################
##### HTML, BODY #####
#####################*/

body
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    font-family         : Arial, Sans-Serif;
    font-size           : 12px;
    line-height         : 1.4em;
    text-align          : center;
    color               : #003366;
    background          : #F9D300 url( '../Images/bkgrnd.jpg' ) top left repeat-x ;
    behavior			: url('htc/csshover.htc')
}


/*###################
##### CONTAINER #####
###################*/

#container
{
    width               : 964px;
    min-height          : 720px;
    margin              : 0px auto 0px auto;
    padding             : 0px 0px 0px 0px;
    text-align          : left;
    display             : block;
}


/*###############
##### FONTS #####
###############*/

p
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    font-size: 100%;
    line-height: 1.4em;
}
h1 /* MAIN HEADERS */
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    line-height: 1.2em;
    font-size: 160%;
    font-weight: normal;
}
h2 /* SUB-HEADERS */
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    line-height: 1.2em;
    font-size: 120%;
    font-weight: bold;
}
h3 /* TABLE HEADERS */
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 10px 0px;
    line-height         : 1.4em;
    font-size           : 14px;
    color               : #FFFFFF;
    font-weight         : normal;
}
h4 /* VALIDATION HEADERS */
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 5px;
    line-height: 1.2em;
    font-size: 120%;
    font-weight: bold;
}
a
{
    color               : #56708B;
    font-weight         : bold;
    text-decoration     : underline;
}
a:hover
{
    color               : #003366;
    text-decoration     : underline;
}


/*################
##### HEADER #####
################*/

#header
{
    width               : 964px;
    height              : 108px;
    display             : block;
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}
.logo
{
    display             : block;
    float               : left;
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}
.headerAdvert
{
    display             : block;
    float               : right;
    width               : 468px;
    height              : 60px;
    margin              : 20px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}
.loginText
{
    margin              : 5px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    text-align          : right;
    float               : right;
}



/*####################
### TOP NAVIGATION ###
####################*/

#navMain
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 2px;
    display             : block;
    width               : 962px;
    height              : 37px;
    background          : #FFFFFF url( '../Images/bkgrndNav.gif' ) no-repeat;
}
#navMain ul
{
    display             : block;
    margin              : 0px 0px 0px 0px;
    padding             : 3px 0px 0px 0px;
    list-style          : none;
    height              : 34px;  
    float               : left;
}
#navMain ul li
{
    position			: relative;
	display 			: inline;
}
#navMain ul li a
{
    margin              : 0px 1px 0px 1px;
    padding             : 11px 0px 0px 0px;
    display             : block;
    float               : left;
    color               : #002B63;
    text-decoration     : none;
    font-size           : 12px;
    font-weight         : bold;
    line-height         : 1.1em;
    text-align          : center;
    height              : 23px;
    width               : 118px;
    background          : url('../Images/nav.gif') top left no-repeat;
}
#navAlternate ul li a
{
    background          : url('../Images/nav-alternate.gif') top left no-repeat;
}


#navMain ul li a:hover, #navMain ul li a.selected
{
    text-decoration     : none;
   /* color               : #0066CC;*/
    color               : #002B63;
    background          : url('../Images/nav.gif') center left no-repeat;
}
#navMain ul li a.selected
{
    color               : #0066CC;
    background          : url('../Images/nav.gif') bottom left no-repeat;
}




/*#################
##### CONTENT #####
#################*/

#content
{
    margin              : 0px 0px 0px 0px;
    padding             : 10px 10px 10px 10px;
    display             : block;
    background-color    : #FFFFFF;
    width               : 938px;
    height              : auto;
    border-left         : 3px solid #003366;
    border-right        : 3px solid #003366;
}
#contentLeft
{
    margin              : 0px 0px 10px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    float               : left;
    width               : 152px;
    min-height          : 450px;
}
#contentCentre
{
    margin              : 0px 10px 10px 10px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    float               : left;
    width               : 646px;
    min-height          : 450px;
}
#contentCentre ul
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}
#contentCentre ul li
{
    margin              : 0px 0px 0px 40px;
    padding             : 3px 0px 3px 0px;
}
#contentRight
{
    margin              : 0px 0px 10px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    float               : left;
    width               : 120px;
    min-height          : 450px;
}



/*#######################
### BOTTOM NAVIGATION ###
#######################*/

#navBottom
{
    margin              : 0px 0px 0px 0px;
    padding             : 5px 10px 0px 10px;
    display             : block;
    clear               : both;
    list-style          : none;
    width               : 944px;
    height              : 32px;
    font-size           : 90%;
    line-height         : 1.2em;
    color               : #777777;
    background          : url( '../Images/bkgrndFooter.gif' ) no-repeat top left;
}

#navBottom a
{
    color               : #CCCCCC;
    text-decoration     : none;
}

#navBottom a:hover
{
    color               : #FFFFFF;
    text-decoration     : underline;
}



/*################
##### FOOTER #####
################*/

#footer
{
    margin: 5px auto 0px auto;
    padding: 0px 10px 0px 10px;
    display: block;
    width: 940px;
    height: 30px;
    clear: both;
    text-align: left;
    font-size: 90%;
    font-weight: normal;
    color: #003366;
}

#footer p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#footerLeft
{
    float: left;
}

#footerRight
{
    float: right;
}

#footer a
{
    color: #003366;
    text-decoration: underline;
}

#footer a:hover
{
    color: #000;
    text-decoration: underline;
}



/*#####################
##### MISC STYLES #####
#####################*/

/* LINKS PAGE ROW STYLES */
.linksRow td
{
    margin              : 0px 0px 0px 0px;
    padding             : 8px 0px 0px 8px;
    height              : 30px;
}


/* MINI JOB SEARCH */
.miniSearch
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    width               : 152px;
    min-height          : 310px;
    background          : #FFFFFF url( '../Images/miniSearch-body.gif' ) bottom left no-repeat;
}
#tblMiniSearch
{
    margin              : 0px 0px 0px 10px;
    padding             : 0px 0px 0px 0px;
    color               : #FFFFFF;
    font-size           : 11px;
}
#tblMiniSearch td
{
    vertical-align      : top;
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 5px 0px;
    height              : 18px;
}
#tblMiniSearch span
{
    font-weight         : bold;
    font-size           : 12px;
}
.miniSearchDropDown
{
    width               : 132px;
    font-size           : 11px;
    height              : 78px;
    margin              : 0px 0px 0px 0px;
    padding             : 2px 0px 0px 0px;
}
.jobSearch{
	background-color 	: #003366;
	color 				: #FFFFFF;
}
.jobSearch h1{
	margin-bottom 		: 0px;
	color 				: #FFFFFF;
}
.tblJobSearchSmlKey
{
    width: 128px;
}


/* LEFT SIDE TEASERS */

#leftNavTeaser ul
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
}
#leftNavTeaser ul li
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    list-style          : none;
}
#leftNavTeaser ul li a
{
    margin              : 10px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    width               : 152px;
    height              : 60px;
}
.teaserJobAlert, .teaserFeedback, .teaserSendFriend
{
    background          : url('../Images/teaser-jobAlert.jpg') top left no-repeat;
}
.teaserFeedback
{
    background          : url('../Images/teaser-feedback.jpg') top left no-repeat;
}
.teaserSendFriend
{
    background          : url('../Images/teaser-sendFriend.jpg') top left no-repeat;
}
.teaserJobAlert:hover, .teaserFeedback:hover, .teaserSendFriend:hover
{
    background          : url('../Images/teaser-jobAlert.jpg') bottom left no-repeat;
}
.teaserFeedback:hover
{
    background          : url('../Images/teaser-feedback.jpg') bottom left no-repeat;
}
.teaserSendFriend:hover
{
    background          : url('../Images/teaser-sendFriend.jpg') bottom left no-repeat;
}

/* --- CANDIDATES / RECRUITERS LOGIN & REGISTER --- */

#teaserHolder
{
    margin              : 0px 0px 0px 20px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    float               : right;
    width               : 318px;
    height              : auto;
}
#teaserRecruiting, #teaserRegister
{
    margin              : 0px 0px 10px 0px;
    padding             : 7px 10px 0px 10px;
    display             : block;
    float               : right;
    width               : 298px;
    height              : 88px;
    font-size           : 11px;
    line-height         : 1.4em;
    background          : url('../Images/teaser-recruiting.jpg') no-repeat;
}
#teaserRecruiting h3, #teaserRegister h3
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 2px 0px;
}
#teaserRegister
{
    background          : url('../Images/teaser-register.jpg') no-repeat;
}
#teaserRecruiting ul, #teaserRegister ul
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}
#teaserRecruiting ul li, #teaserRegister ul li
{
    margin              : 0px 0px 0px 18px;
    padding             : 0px 0px 0px 0px;
    font-size           : 11px;
}
#teaserRecruitingSubmit, #teaserRegisterSubmit
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    float               : right;
}
#teaserRecruitingSubmit ul, #teaserRegisterSubmit ul
{
    margin              : 0px 0px 0px 0px;
    padding             : 6px 0px 0px 0px;
}
#teaserRecruitingSubmit ul li, #teaserRegisterSubmit ul li
{
    margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    list-style          : none;
}
#teaserRecruitingSubmit ul li a, #teaserRegisterSubmit ul li a
{
    margin              : 3px 0px 6px 0px;
    padding             : 3px 0px 0px 8px;
    font-size           : 11px;
    display             : block;
    width               : 72px;
    height              : 18px;
    color               : #FFFFFF;
    text-decoration     : none;
    font-weight         : normal;
    background          : url('../Images/submitBtn-green.gif') top left no-repeat;
}
#teaserRegisterSubmit ul li a
{
    background          : url('../Images/submitBtn-red.gif') top left no-repeat;
}
#teaserRecruitingSubmit ul li a:hover, #teaserRegisterSubmit ul li a:hover
{
    text-decoration     : none;
    background          : url('../Images/submitBtn-green.gif') bottom left no-repeat;
}
#teaserRegisterSubmit ul li a:hover
{
    background          : url('../Images/submitBtn-red.gif') bottom left no-repeat;
}


/* RIGHT SIDE RECRUITERS */
.miniRecruiter /* note there are seperate IE7 styles for this */
{
    margin              : 0px 0px 0px 0px;
    padding             : 7px 0px 0px 0px;
    display             : block;
    width               : 120px;
    height              : auto;
    background          : #FFFFFF url('../Images/tbl-body-narrow.jpg') top left no-repeat;
}
.miniRecruiterBottom
{
    margin              : 0px 0px 10px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    width               : 120px;
    height              : 11px;
    background          : #FFFFFF url('../Images/tbl-footer-narrow.gif') bottom left no-repeat;
}
.miniRecruiter ul{
	margin              : 0px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
    display             : block;
    height              : auto;
    list-style 			: none;
	margin 				: 0px;
	padding 			: 0px;
}
.miniRecruiter ul li {
	margin              : 0px 0px 0px 0px !important;
    padding             : 0px 0px 0px 0px !important;
}
.miniRecruiter ul li a, .miniRecruiter ul li a:hover{ /* note there are seperate IE7 styles for this */
	margin              : 7px 0px 0px 7px;
    padding             : 0px 0px 0px 0px;
    display 			: block;
	width 				: 104px;
	height 				: 85px;
	background-color    : #FFFFFF;
	border              : 1px solid #CCCCCC;
}
.miniRecruiter ul li a:hover{
	border              : 1px solid #999999;
}



/* MINI SEARCH SUBMIT BUTTONS */
.miniSearchSubmitBtn
{
    margin              : 5px 0px 0px 0px;
    padding             : 0px 0px 0px 0px;
}
.miniSearchSubmitBtn a, .miniSearchSubmitBtn input
{
    margin              : 0px 0px 10px 0px;
    padding             : 2px 0px 0px 6px;
    clear               : both;
    display             : block;
    background          : url('../Images/miniSearch-submit.gif') top left no-repeat;
    font-size           : 11px;
    width               : 124px;
    height              : 19px;
    font-weight         : normal;
    color               : #FFFFFF !important;
    text-decoration     : none;
    border              : none;
}
.miniSearchSubmitBtn input /* note there are seperate IE7 styles for this */
{
    padding             : 0px 0px 0px 3px;
    width               : 130px;
    height              : 21px;
    cursor              : pointer;
    text-align          : left;
}
.miniSearchSubmitBtn a:hover, .miniSearchSubmitBtn input:hover
{
    background          : url('../Images/miniSearch-submit.gif') bottom left no-repeat;
}

/* INPUT BUTTON - SUBMIT  */
.submitBtn input /* note there are seperate IE7 styles for this */
{
    margin              : 0px 0px 0px 5px;
    padding             : 0px 0px 0px 40px;
    float               : right;
    display             : block;
    font-size           : 11px;
    width               : 110px;
    height              : 40px;
    line-height         : 1.2em;
    font-weight         : normal;
    text-decoration     : none;
    border              : none;
    text-align          : left;
    cursor              : pointer;
    color               : #FFFFFF !important;
    background          : url('../Images/btn-submit.jpg') top left no-repeat;
}
.submitBtn input:hover
{
    background          : url('../Images/btn-submit.jpg') bottom left no-repeat;
}

.linkButton a /* note there are seperate IE7 styles for this */
{
    margin              : 0px 0px 0px 0px;
    padding             : 5px 0px 0px 40px;
    float               : left;
    display             : block;
    font-size           : 11px;
    width               : 110px;
    height              : 35px;
    line-height         : 1.2em;
    font-weight         : normal;
    text-decoration     : none;
    border              : none;
    text-align          : left;
    cursor              : pointer;
    color               : #FFFFFF !important;
    background          : url('../Images/btn-submit.jpg') top left no-repeat;
    
}
.linkButton a:hover
{
    color:Black;
    background          : url('../Images/btn-submit.jpg') bottom left no-repeat;
}

.linkButton a.close 
{
    
    color:Black;
    background          : url('../Images/btn-reset.jpg') top left no-repeat;
}

.linkButton a.close:hover
{
    
    color:Black;
    background          : url('../Images/btn-reset.jpg') bottom left no-repeat;
}




/* FORM FIELDS */
.textField, .textFieldWide, .textArea, .textAreaWide, .searchTextArea, .searchSelectMulti, .dropdownField, .dropdownFieldWide
{
    margin              : 0px 0px 0px 0px;
    padding             : 2px 0px 2px 0px;
    width               : 180px;
    font-size           : 11px;
    font-family         : "Trebuchet MS", Arial;
    color               : #333333;
    float               : right;
}
.textFieldWide, .textAreaWide
{
    width               : 300px;
}
.dropdownFieldWide
{
    width               : 303px;
}
.textArea
{
    height              : 50px
}
.searchTextArea
{
	width				: 280px;
	height				: 92px;
}
.searchSelectMulti
{
	height				: 100px;
	width				: 300px;
}
.searchSelectMultiMini
{
	height				: 80px;
	width				: 140px;
}
.dropdownField
{
	width				: 184px;
	height				: 25px;
	font-size           : 12px;
	padding             : 1px 1px 1px 0px;
}
.dropdownFieldWide
{
	width				: 303px;
}
.searchSelect, .searchTable, .searchText
{
	width			    : 138px;
	font-size		    : 90%;
    margin-bottom	    : 10px;
		
}


/*---- SEO REQUESTED TEXT BOX ----*/

.contentScrollBox
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 930px;
    clear: both;
    font-size: 11px;
    border: 1px solid #999999;
    color: #666666;
    height: 75px; 
    overflow:auto;
}



/*---- MODIFIED LAST ------*/
.modifiedLast
{
    font-size: 80%;
    line-height: 1.0em;
    padding: 0px 0px 3px 0px;
    margin: -2px 0px 0px 0px;
}


.ProgessHidden
{
  border: dashed 1px #000000;
  background-color: #FFFFFF;
  cursor: auto;
  padding: 10px;
  width: 200px;
  text-align: center;
  display:block;  
  
  position:absolute;
  left: -500px;
  top: -500px;
}
 
.ProgressVisible
{
  border: solid 1px #000000;
  background-color: #EEEEEE;
  background-image: url(../images/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: wait;
  padding:  10px;
  width: 120px;
  height: 120px;
  text-align: center;
  vertical-align:bottom;
  
  left:50%;
  top:50%;
  margin: -60px 0px 0px -80px;
  position:absolute;
}




/*#################################
### SAFARI/IE6 HACK FOR NAV BAR ###
### KEEP AT BOTTOM OF THIS PAGE ###
#################################*/ 

#mainNav ul ul{
margin:34px 0px 0px -121px;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
margin:34px 0px 0px 0px;\/*IE8 only*/
margin:34px 0px 0px 0px;/*Mozilla - Firefox only*/
[margin:34px 0px 0px 0px;
margin:34px 0px 0px -121px;]/*Opera and newer Safary 4+*/
}
/*end*/

/*\*/
#mainNav ul ul{
[margin:34px 0px 0px 0px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh,
which is addressed below.*/
margin:34px 0px 0px -121px;/*Affects Google Chrome and Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below.
Also hidden from older Firefox and Netscape browsers.*/
]margin:34px 0px 0px -121px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox
and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Chrome/Safari, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is unaffected
by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari, as well as Chrome, see each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape read the []
as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html #mainNav ul ul{
margin:34px 0px 0px -121px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7-8 for PC are
not affected here, which means purple above should work only in IE 7 above and gray for IE8!*/
}
/**/