@import url("rollover.css");

body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	background-image:url(/media/09page_bg2a.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
	background-color:#2a689f;
}

/* basic layout tables */
#header, #maincontent, #footer {
	width: 760px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	margin-bottom: 10px;
/* padding-top: 12px !important;  2009 */ 
padding-top: 0 !important;  2009
}

/*2009*/
#header table {
height: 80px;
}

/* a links (variously over-ridden by specific CSS below */
a {
color: #004488;
text-decoration: underline;
}

a:hover {
color: #000000;
text-decoration: none;
}

/* td width for left hand column of #maincontent */
#navcell {
width: 140px;
padding: 0px;
}

/* td width for right hand column of #maincontent */
#promocell {
width: 125px;
padding: 0px;
}

/* basic styling for left and right hand columns */
#navcell p, #promocell p {
font-size: 75%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 1px;
}

#navcell h2, #promocell h2 {
font-size: 75%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1px;
}

#navcell h2 {
font-size: 75%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 1px;
color: #666666;
}

/* td width for main page area */
/* box model hack - see tantek.com/CSS/Examples/boxmodelhack.html */
#content { 
  padding: 10px 10px 0 10px;;
  padding-right: 10px;
  padding-left: 10px;
  width: 475px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 455px;
} 

/* be nice to Opera 5  */
html>body #content {
  width: 455px;
}

/* basic text styling for #content */
#content h1 {
font-family: Trebuchet MS;
font-size: 140%;
font-weight: bold;
color: #004488;
}

#content h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
color: #000000;
}

#content p, #content li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: normal;
color: #000000;
line-height: 150%;
}

#content .keyline {
border: 1px solid #004488;
width: 100%;
}

#content .keyline td {
padding: 3px;
}

#content .keyline p {
margin: 5px;
}

/* main search box, summary (grey and 'featured' yellow graduation) results boxes */
/* basic styling */
#content .searchsummary {
width: 100%;
/* border: 1px #CCCCCC solid; */
margin-bottom: 7px;
background-color: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(/media/09boxgrad.jpg);
background-position: left bottom;
background-repeat: no-repeat;
}

#content #featuredfocus {
width: 100%;
border: 1px #CCCCCC solid; 
margin-bottom: 7px;
background-color: #EDEDED;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* summary featured jobs - on results listing pages */
/* basic styling */
#content .premiumsummary {
	width: 100%;
	border: 1px #CCCCCC solid;
	margin-bottom: 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/media/yellowgrad1.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}

#content .featuredsummary {
	width: 100%;
	border: 1px #CCCCCC solid;
	margin-bottom: 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/media/greygrad.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}

#content .searchsummary h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: normal;
color: #004488;
margin: 6px;
}

#content .searchsummary p {
margin: 6px;
}

/* header strips */
#content .searchsummary th, #content .premiumsummary th {
background-color: #004488;
text-align: left;
font-weight: normal;
color: #FFFFFF;
font-size: 70%;
padding: 2px;
}

#content .featuredsummary th {
background-color:#993300;
text-align: left;
font-weight: normal;
color: #FFFFFF;
font-size: 100%;
padding: 2px 2px 2px 30px;
font-family:Georgia, "Times New Roman", Times, serif;
background-image:url(/media/star.gif);
	background-repeat: no-repeat;
	background-position: left -4px;
}

/* make header strip links whit and remove underscore */
#content .searchsummary th a {
color: #000000;
text-decoration: none;
}

/* 09 */
#content .searchsummary th {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: normal !important;
color: #000000;
background-color: #ffffff;
/* border-bottom: 1px solid #ffffff; */
padding: 12px 15px 2px 15px;
background-image:url(/media/09curvercornertop.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

/* add underscore on hover*/
#content .searchsummary th a:hover {
text-decoration: underline;
}

/* nested multi-column tables */
#content .searchsummary .nested td, #content .premiumsummary .nested td {
color: #000000;
font-size: 70%;
padding: 2px 0 2px 0;
/* 09 border-bottom: 1px solid #CCCCCC; */
}


/* 09 */
table.nested {
margin-bottom: 15px;
padding: 0 15px 0 15px;
}

#content .featuredsummary .nested td {
color: #000000;
font-size: 80%;
padding: 2px;
}


/* Georgia heading on featured summary results */
#content .premiumsummary h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: normal;
color: #000000;
margin: 3px;
}

#content .featuredsummary h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 100%;
font-weight: normal;
color: #000000;
margin: 3px;
}

/* top border above search button */
#content .searchsummary .bordertop {
border: 0px;
border-top: 1px #CCCCCC solid;
}

/* search button */
#content .searchsummary img, #content .premiumsummary img, #content .featuredsummary img {
margin: 2px;
float: right;
}

/* 17px images NOT floated right */
#content .searchsummary .nested img , #content .premiumsummary .nested img, #content .featuredsummary .nested img {
float: left;
}

/* results page with featured jobs: this is the 'view your results' table */
#content .viewresults {
	background-image:url(/media/yellowgrad1.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	width: 100%;
	border: 1px solid #666666;
	margin-bottom: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
	}
	
	#content .viewresults td {
	padding: 3px;
}

#content .viewresults2 {
	background-image:url(/media/yellowgrad1.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	width: 100%;
	border: 1px solid #666666;
	margin-bottom: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
	height:100px;
	}
	
	#content .viewresults2 td {
	padding: 3px;
}

/* TDs for featured jobs table on first results page - N.B. cellpadding is HTML! (Basic table styling combined with .searchsummary above) */


#content #featuredfocus .focus, #content #featuredfocus .profilefocus {
	background-image:url(/media/yellowgrad1.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	width: 33%;
	padding: 3px;
	border: 1px solid #CCCCCC;
	}
	
	.focus2 {
	background-image:url(/media/focus2grad.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	width: 33%;
	padding: 3px;
	border: 1px solid #CCCCCC;
	}
	
#content #featuredfocus .focus, .focus2 {
background-position: top; 
	}
	
#content #featuredfocus .profilefocus {
background-position: top; 
	}
	
#content #featuredfocus .focus h1, .focus2 h1, #content #featuredfocus .profilefocus h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 90% !important;
font-weight: normal;
color: #000000 !important;
margin: 3px;
	}
	
#content #featuredfocus .focus p, .focus2 p, #content #featuredfocus .profilefocus p {
margin: 3px;
font-size: 65%;
	}
	

/* sorting of results by employer, date etc. */
#content .sortorder {
width: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #004488;
border: 1px solid #ababab;
border-left: 0;
border-right: 0;
background-color: #ffffff;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-image:url(/media/09sortorder.gif);
background-position: bottom;
background-repeat: repeat-x;
}

/* padding added to td in order to fix rendering problem in AppleMac IE5.2 */
#content .sortorder td {
padding: 3px;
}

#content .sortorder a, #content .resultscount a {
color: #004488;
text-decoration: underline;
}

#content .sortorder a:hover, #content .resultscount a:hover {
color: #004488;
text-decoration: none;
}

#content .resultscount {
width: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #000000;
margin: 0px;
margin-bottom: 6px;
}

/* footer text styling */
#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	border: 0px;
    border-top: 1px solid #D80042;
	margin-top: 10px;
	}
	
#footer td {
	padding: 3px;
	}
	
#footer a {
	color: #666666;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #004488;
	text-decoration: underline;
	}

/* Job of the week panel */
#promocell .jotw {
width: 125px;
border: 1px solid #004488;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#promocell .jotw th {
border: 0px;
border-bottom: 1px solid #004488;
background-color: #D80042;
text-align: left;
font-weight: normal;
padding-left: 3px;
}

#promocell .jotw td {
padding: 3px;
background-image:url(/media/yellowgrad1.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #FFFFFF;
}

/* turns off top margin applied to promocell - prevents margin being added to JOTW 'display' button */
#promocell .jotw td img, #promocell .jotw th img, #promocell .employer img {
margin: 0px;
}

/* employer logos displayed in these bordered tables */
#promocell .employer {
border: 1px solid #004488;
width: 125px;
margin-top: 8px;
}

#promocell .employer td {
padding: 2px;
}

/* add top margin to logos in right hand column */
#promocell img {
margin-top: 12px;
}

#navcell img {
margin-top: 6px;
}

/* Login box */
#navcell .login {
width: 140px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top: 10px;
}

#navcell .login h2 {
font-family: Trebuchet MS;
font-size: 100%;
border-bottom: 1px solid #ffffff;
color: #004488;
}

#navcell .login td {
padding: 3px;
border: 1px solid #ababab;
background-image:url(/media/yellowgrad1.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #FFFFFF;
}

/* textfield in login box */
#navcell .logfield {
width: 122px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
}

/* the tweaks and fixes start here */
#navcell .margintop, #content .margintop {
margin-top: 10px;
}

#content .marginbottom {
margin-bottom: 15px;
}

#navcell .smallprint {
font-size: 65%;
}

/* hidden skip navigation links */
.hidden {
display: none;
}

/* form buttons */
#content .searchsummary .nested .button, #content .button {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
/* background-color: #CCCCCC;
color: #000000; */
background-color: #004488;
color: #FFFFFF;
border: 1px solid #ffffff;
} 

#content .searchsummary .nested .FeatButton, #content .FeatButton {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
background-color: #004488;
color: #FFFFFF;
} 

#content .searchsummary .nested .appform, #content .appform {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
background-color: #FFFFFF;
color: #004488;
border: 1px solid #000000;
padding: 3px;
}

/* reduce size of #content buttons */
#content .button, #content .delete, #content .appform {
font-size: 80%;
}

#content #adminmessage {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
	font-weight: bold;
	background-color: #FFFFCC;
padding: 3px;
	border: 1px #004488 solid;
	margin-bottom: 12px;
}

.promotype {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 27px;
}

.promotable {
width: 455px;
margin-bottom: 10px;
}

/* form control */
fieldset
{
border: 0px;
}

form
{
margin-bottom: 0px;
}

/* extra class for logo display in search results - july 06 */
.logodisplay {
border: 1px solid #004488;
padding: 3px;
background-color: #FFFFFF;
}

/* 2009  additions */
#wrapper {
	position: relative;
	text-align: left;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
	padding: 0;
	background-image:url(/media/09page_bg2ai.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
padding-top:12px;
}

.premiumflag {display: block; border: 1px solid #ababab; padding: 4px;  background-color:#F4D04B; text-decoration: none; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;}

.premiumflag:hover {background-color:#aacae6;}

.right {
float: right;
margin-left: 10px;
}
img.detail {
float: right !important;
}