/* justjobsnorfolk.co.uk - temp styles */

div#xmasBow{
	position:absolute;
	top: 25px;
	margin:auto;
	background: url(../../images/xmas07/bow.png) no-repeat;
	width:200px;
	height:126px;
}

/* justjobsnorfolk.co.uk - global styles */

body{background:#fff url(../../images/global/top-bkgnd2.gif) repeat-x top;margin:0;color:#333;font:normal 71%/140% Arial, Helvetica, sans-serif;}
form, input, select, option, textarea{margin:0;padding:0;font-size:100%;}
table {border-collapse:collapse;}
/* td {padding:0;}  - temporarily disabled due to overlib conflict */
a, a.visited {text-decoration:underline;color:#666666;}
a:hover {text-decoration:none;}
img {border:0;margin:0;padding:0;}
strong {font-weight:bold;}

/* by id */
#outerContainer{
	margin:0 auto;
	width:985px;
}

/* new css masthead */

#siteMasthead{
	width:100%;
	height:190px;
}

#mastheadTopStrip{
	height:25px;
	text-align:center;
	color:#fff;
}

#mastheadTopStrip a{
	color:#fff;
	text-decoration:none;
	cursor:default;
	line-height:200%;
}

#mastheadImage{
	background:transparent url(../../images/global/masthead.jpg) no-repeat;
	height:125px;
	overflow:hidden;
}

#mastheadImage div.logo{
	text-indent:-9999px;
	background:transparent url(../../images/global/masthead-logo.gif) no-repeat;
	width:285px;
	height:61px;
	margin:50px 0 0 25px;
}

#mastheadNavigaion{
	width:100%;
	margin:12px 0 0 12px;
}

#mastheadNavigaion ul{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

#mastheadNavigaion li{
	display:inline;
	margin:0;
	padding:0 9px;
}

#mastheadNavigaion a{
	color:#666666;
	text-decoration:none;
	font:normal 115% Arial, Helvetica, sans-serif;
}

#mastheadNavigaion a:hover{
	color:#000;
}

/* end of new css masthead */

#headerTable{
	width:100%;
	height:190px;
}

#headerTable tr#topStrip td{
	height:25px;
	text-align:center;
	padding:0;
	margin:0;
}

#headerTable tr#topStrip a{
	font:normal 100%/100% Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
	margin:0;
	text-decoration:none;
	cursor:default;
}

#headerTable tr#topStrip h1{
	font:normal 100%/100% Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
	margin:0;
	text-decoration:none;
	cursor:default;
}

#headerTable tr#masthead td{
	width:100%;
	height:125px;
	/*background:transparent url(../../images/global/masthead.gif) no-repeat bottom left;*/
	padding:0;
	margin:0;
}

#headerTable tr#navi td{
	width:100%;
	height:40px;
	padding:0;
	margin:0;
}

#mainNavigaion{
	width:100%;
	margin-left:12px;
}

#mainNavigaion ul{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

#mainNavigaion li{
	display:inline;
	margin:0;
	padding:0 9px;
}

#mainNavigaion a{
	color:#ffffff;
	text-decoration:none;
	font:normal 115% Arial, Helvetica, sans-serif;
}

#mainNavigaion a:hover{
	color:#000;
}

#contentTable{
	width:100%;
}

#leftColumn{
	vertical-align:top;
	width:155px;
	padding:25px 40px 0px 10px;
}

.introText{
	margin:0 0 10px 0;
	color:#677D92;
}

.introText a{
	color:#677D92;
	font-weight:bold;
}

#addJobPanel{
	width:133px;
	background: #900 url(../../images/global/red_panel_bkg.gif) top left repeat-y; /* the original colour is #F0F3F5 */
	margin:0 0 10px 0;
	padding:10px;
	color:#fff;
}

#addJobPanel a{
	color:#fff; /*#c33*/
	font-weight:bold;
}

#needHelpPanel{
	width:133px;
	background:#F0F3F5;
	margin:0 0 10px 0;
	padding:10px;
	color:#666666;
}

#recruiterAccountStatuspanel{
	width:133px;
	background:#F0F3F5;
	margin:0 0 10px 0;
	padding:10px;
	color:#666666;
}

#recruiterAccountStatuspanel p{margin:0;}

#needHelpPanel a{
	color:#666666;
	font-weight:bold;
}

#addCVPanel{
	width:133px;
	background:#F0F3F5 url(../../images/global/cv-plane.gif) no-repeat;
	margin:0 0 10px 0;
	padding:20px 10px 10px 10px;
	color:#677D92;
}

#panelEmailUpdates{
	width:133px;
	background:#D9E0E6 url(../../images/global/email-envelope.gif) no-repeat;
	margin:0 0 10px 0;
	padding:30px 10px 10px 10px;
	color:#677D92;
}

#panelEmailUpdates a{
	color:#666666;
}

#accountLoginPanel{
	width:133px;
	background:#D9E0E6;
	margin:0 0 10px 0;
	padding:10px;
	color:#677D92;
}

#mainSearchPanel{
	width:575px;
	border:1px solid #BFC9D3;
	background:#D9E0E6 url(../../images/global/home-search-background.jpg) no-repeat bottom left;
	margin:10px 0;
	padding:10px;
	color:#000;
}

#mainSearch td{
	padding:5px;
}

#mainSearch td.formInputName{
	font:bold 110% Arial;
	color:#000;
}

#mainSearch a{
	font:normal 100% Arial;
	color:#666666;
}

#jobsBySectorPanel{
	width:365px;
	border:1px solid #D9E0E6;
	background:#F0F3F5;
	margin:10px 0;
	padding:18px;
	color:#000;
}

#jobsBySectorPanel td{
	vertical-align:top;
}

#jobsBySectorPanel ul{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}

#jobsBySectorPanel li{
	background:transparent url(../../images/global/li-red.gif) no-repeat 0px 5px;
	padding:0 0 0 8px;
	margin-top:2px;
}

#jobsBySectorPanel a{
	text-decoration:none;
	color:#666666;
}

#jobsBySectorPanel a:hover{
	text-decoration:underline;
	color:#666666;
}

#midColumn{
	vertical-align:top;
	width:575px;
	padding:25px 0px 0px 0px;
	color:#677D92;
}

#midColumn h1{
	font:bold 130%/100% Arial;
}

#midColumn h2{
	font:bold 130%/100% Arial;
}

#midColumn a{
	color:#666666;
}

#midColumn p{
	margin:10px 0 10px 0;
}

#midColumn #privacy ul{
	list-style:none;
	margin:20px 15px;
	padding:0;
}

#midColumn #privacy li{
	margin-top:5px;
	background:transparent url(../../images/global/li-red.gif) no-repeat 0px 5px;
	padding:0 0 0 12px;
}

#midColumn #terms ol{
	margin:10px 0 10px 25px;
	padding:0;
}

#midColumn #terms li{
	margin-top:5px;
}

#midColumnJobListing{
	vertical-align:top;
	width:575px;
	padding:25px 0px 0px 0px;
	color:#677D92;
}

#midColumnJobListing h1{
	font:bold 130%/100% Arial;
}

#midColumnJobListing h2{
	font:bold 130%/100% Arial;
}

#midColumnJobListing a{
	color:#666666;
}

#formTable{
	width:100%;
	background:#677D92;
	border-collapse:separate;
}

#formTable td{
	padding:5px;
}

#formTable td.formInputName{
	background:#D9E0E6;
}

#formTable td.formInputElement{
	background:#F4F6F8;
	/*vertical-align:top;*/
}

#formTable td.formInputheader{
	background:#C9D3DC;
	/*vertical-align:top;*/
}

#jobseekersPanel{
	width:260px;
	height:175px;
	padding:10px;
	background:#D9E0E6;
	float:left;
}

#recruitersPanel{
	width:260px;
	height:175px;
	padding:10px;
	background:#F0F3F5;
	float:left;
	margin-left:10px;
}

#rightColumn{
	vertical-align:top;
	width:155px;
	padding:25px 25px 0px 25px;
}

#jobseekerAdvice{
	width:355px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}

#keyRecruiters{
	width:355px;
	overflow:hidden;
	margin-bottom:10px;
}

#keyRecruiters ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#keyRecruiters li{
	float:left;
	margin:0 5px 5px 0;
}

#keyRecruiters img{
	display:block;
	border:1px solid #D1D0CF;
}

#skyscraperSearch{
	width:133px;
	height:493px;
	padding:10px;
	margin:0;
	background:transparent url(../../images/global/skyscraper.jpg) no-repeat;
	color:#fff;
	cursor:pointer;
}

#campaignbanners{
	width:153px;
	height:493px;
	margin:0;
	color:#fff;
}

#skyscraperWindmill{
	width:133px;
	height:493px;
	padding:10px;
	margin:0;
	background:transparent url(../../images/global/windmill.jpg) no-repeat;
	color:#fff;
}

#offerPanel{
	width:133px;
	background:#677D92;
	margin:10px 0 0 0;
	padding:10px;
	color:#fff;
}

#footerTable{
	width:986px;
	margin:10px 0;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}

#footerTable td{
	padding:10px 0;
}


#footerTable ul{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

#footerTable li{
	display:inline;
	padding:0 9px;
}

#footerTable a{
	color:#ff0000;
	text-decoration:none;
	font:normal 100% Arial, Helvetica, sans-serif;
}

#footerTable a:hover{
	color:#000;
}

/* individual classes */
.cls{clear: both;}
.uerr{
	padding:5px;
	border:1px solid #666666;
	margin:10px 0 10px 0;
	color:#666666;
	background:#FFD7D7;
}
.ualert{
	padding:5px;
	border:1px solid #029a02;
	margin:10px 0 10px 0;
	color:#029a02;
	background:#cfc;
}


.red{color:#666666;}

.alert{color:#666666;}

/* form classes */
.textinput{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	color:#666;
	background-color:#fff;
	border:1px solid #677D92;
}

.textinputalert{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	color:#666;
	background-color:#fff;
	border:1px solid #FF0033;
}

.buttoninput{
	border:1px solid #677D92;
	background:#ff0f0f;
	color:#fff;
	padding:1px 2px;
	cursor:pointer;
}

.buttoninputOver{
	border:1px solid #677D92;
	background:#D9E0E6;
	color:#666666;
	padding:1px 2px;
	cursor:pointer;
}

/* job output classes */

/* global job classes */

#jobListing{
	float:left;
}

#jobListing h1{
	font:bold 110%/120% Arial, Helvetica, sans-serif;
	margin:0;
}

#jobListing h2{
	font:bold 110%/120% Arial, Helvetica, sans-serif;
	margin:0;
}

#jobListing h1 a{
	text-decoration:underline;
}

#jobListing h2 a{
	text-decoration:underline;
}

#jobListing h1 a:hover{
	text-decoration:none;
}

#jobListing h2 a:hover{
	text-decoration:none;
}

#jobListing p{
	font:normal 100% Arial, Helvetica, sans-serif;
	margin:2px 0 0 0;
}

#jobListing ul{
	margin:2px 0 0 0;
	padding:0;
}

#jobListing li{
	display:inline;
	margin-right:20px;
}

#jobListing img#recruiterLogo{
	float:right;
}

/* custom job class - jobTopListing */

.jobTopListing{
	width:515px;
	border:1px solid #6A789C;
	background:#92B2CD;
	color:#fff;
	margin-bottom:5px;
	padding:10px;
}

#midColumnJobListing .jobTopListing h1 a{
	color:#fff;
}

#midColumnJobListing .jobTopListing h2 a{
	color:#fff;
}

.jobTopListing p{
	padding:3px 0;
	width:400px;
}

.jobTopListing img#recruiterLogo{
	border:1px solid #6A789C;
}

/* custom job class - jobSponsoredListing */

.jobSponsoredListing{
	width:515px;
	border:1px solid #92B2CD;
	background:#E2ECF4;
	color:#526A82;
	margin-bottom:5px;
	padding:10px;
}

#midColumnJobListing .jobSponsoredListing h1 a{
	color:#526A82;
}

#midColumnJobListing .jobSponsoredListing h2 a{
	color:#526A82;
}

.jobSponsoredListing p{
	padding:3px 0;
	width:400px;
}

.jobSponsoredListing img#recruiterLogo{
	border:1px solid #6A789C;
}

/* custom job class - jobHighlightLogoListing */

.jobHighlightLogoListing{
	width:525px;
	border-bottom:1px solid #BDD1E1;
	background:#fff url(../../images/global/listing-bkgnd-grad.jpg) repeat-y top right;
	color:#526A82;
	padding:10px 10px 10px 0;
}

#midColumnJobListing .jobHighlightLogoListing h1 a{
	color:#526A82;
}

#midColumnJobListing .jobHighlightLogoListing h2 a{
	color:#526A82;
}

.jobHighlightLogoListing img#recruiterLogo{
	border:1px solid #D1D0CF;
}

/* custom job class - jobLogoListing */

.jobLogoListing{
	width:525px;
	border-bottom:1px solid #BDD1E1;
	color:#526A82;
	padding:5px 10px 5px 0;
}

#midColumnJobListing .jobLogoListing h1 a{
	color:#526A82;
}

#midColumnJobListing .jobLogoListing h2 a{
	color:#526A82;
}

.jobLogoListing img#recruiterLogo{
	border:1px solid #D1D0CF;
}

/* custom job class - jobHighlightListing */

.jobHighlightListing{
	width:525px;
	border-bottom:1px solid #BDD1E1;
	background:#fff url(../../images/global/listing-bkgnd-grad.jpg) repeat-y top right;
	color:#526A82;
	padding:5px 10px 5px 0;
}

#midColumnJobListing .jobHighlightListing h1 a{
	padding-right:20px;
	color:#526A82;
}

#midColumnJobListing .jobHighlightListing h2 a{
	padding-right:20px;
	color:#526A82;
}

/* custom job class - jobBasicListing */

.jobBasicListing{
	width:525px;
	border-bottom:1px solid #BDD1E1;
	color:#526A82;
	padding:5px 10px 5px 0;
}

#midColumnJobListing .jobBasicListing h1 a{
	padding-right:20px;
	color:#526A82;
}

#midColumnJobListing .jobBasicListing h2 a{
	padding-right:20px;
	color:#526A82;
}

/* jobDetailOptions */

#jobDetailOptions{
	width:133px;
	background:#D9E0E6;
	margin:13px 0 0 0;
	padding:10px;
	color:#526A82;
}

#jobDetailOptions ul{
	margin:0;
	padding:0;
	list-style:none;
}

#jobDetailOptions li{
	margin-top:10px;
}

#jobDetailOptions a{
	color:#526A82;
	text-decoration:none;
	padding:5px 0;
}

#jobDetailOptions a:hover{
	text-decoration:underline;
}

#jobDetailOptions #applyNow{
	background:transparent url(../../images/global/icon-apply.gif) no-repeat;
	padding-left:30px;
}

#jobDetailOptions #storeJob{
	background:transparent url(../../images/global/icon-save.gif) no-repeat;
	padding-left:30px;
}

#jobDetailOptions #sendToFriend{
	background:transparent url(../../images/global/icon-email.gif) no-repeat;
	padding-left:30px;
}

#jobDetailOptions #printJob{
	background:transparent url(../../images/global/icon-print.gif) no-repeat;
	padding-left:30px;
}

#jobDetailOptions #viewJobs{
	background:transparent url(../../images/global/icon-view.gif) no-repeat;
	padding-left:30px;
}

/* jobDetail */

#jobDetail{
	width:95%;
	padding:10px;
	margin-top:15px;
	border:1px solid #D9E0E6;
	background:#fff url(../../images/global/job-detail-bkgnd.jpg) repeat-y top left;
}

#jobDetail #recruiterLogo{
	float:right;
	border:1px solid #6A789C;
}

#jobClosed{
	margin:0;
	padding:0;
	position:absolute;
	z-index:101;
	background:transparent url(../../images/global/job_expired.gif) no-repeat;
	width:357px;
	height:199px;
	filter:alpha(opacity=65);
	-moz-opacity:.65;opacity:.65;
}
/* rate card */

.ratecardjoblistings{

	width:100%;
	background:#677D92;
	border:0px;
}

.ratecardjoblistings td{
	padding:5px;
	background:#F0F3F5;
	border:0px;

}

.ratecardjoblistings ul{
	list-style:none;
	border:0px;


}

#recruiterConsoleNav{
	width:133px;
	background:#F0F3F5 url(../../images/global/console-clipboard.gif) no-repeat;
	margin:0 0 10px 0;
	padding:10px;
	color:#666666;
}

#recruiterConsoleNav ul{
	margin:0;
	padding:0;
	list-style:none;
}

#recruiterConsoleNav li{
	margin-top:5px;
	background:transparent url(../../images/global/li-red.gif) no-repeat 0px 5px;
	padding:0 0 0 12px;
}

#recruiterConsoleNav a{
	color:#666666;
	text-decoration:none;
}

#recruiterConsoleNav a:hover{
	text-decoration:underline;
}

#recruiterSteps{
	width:333px;
	border:1px solid #B2C0CF;
	background:#F4F6F8;
	color:#666666;
	padding:10px;
	margin:0px 0 15px 0;
}

#recruiterSteps h1{
	font:normal 130%/100% Arial;
	margin:0;
	padding:0;
}

#helpQuestions{
	margin:20px 0;
}

#helpQuestions ul{
	margin:0;
	padding:0;
	list-style:none;
}

#helpQuestions li{
	margin-top:5px;
	background:transparent url(../../images/global/li-red.gif) no-repeat 0px 5px;
	padding:0 0 0 12px;
}

a.rdirLink {padding:0 3px;text-decoration:none;}
a.rdirLink:hover{padding:0 2px;border:1px solid #666666;}

/* POPOUT NAV  */

.popoutnav {border:1px solid #D1D1D2;visibility:hidden;width:160px;background:#fff;text-align:left;overflow:hidden;}
html>body .popoutnav {overflow:visible;}
.popoutnav ul {list-style:none;margin:0;padding:0;}
.popoutnav li {line-height:30px;margin:0;}
.popoutnav a {display:block;background:transparent;text-decoration:none;color:#666666;padding-left:6px;font-size:100%; /* unsure why this has to be 90% - 95% in more info nav! */}
.popoutnav a:hover {background:#D9E0E6;text-decoration:none;color:#666666;}
.popoutnav li.over {background:#D9E0E6;}
.popoutnav li.mainnavil3 span{padding-left:10px;}
.popoutnav li.mainnavil3{background:#fff;}

/* TESTIMONIALS  */
#midColumn .testimonialwrapper {float:left;clear:both;margin:0 0 20px 0;padding:0 0 20px 0;width:585px;border-bottom:1px solid #D1D1D2;}
#midColumn .testimonialimage {float:right;margin:0;width:126px;}
#midColumn .testimonialtext {float:left;margin:0 10px 0 0;width:549px;}
#midColumn .testimonialtext strong {color:#666666;}
#midColumn .testimonialtext p {margin:0;padding:0;}


/* Birketts - Employment Law Update Styles */

#birkettsPanel{
	background:#003263;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0 0 10px 0;
}
#birkettsPanel h2{
	background:#003263 url(../../images/global/logo-birketts.gif) no-repeat;
	width:135px;
	height:80px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}
#birkettsPanel p{
	margin:8px;
	padding:0 0 5px 0;
	color:#fff;
	font-size:10px;
}
#birkettsPanel a{
	color:#fff;
	text-decoration:underline;
}
#birkettsPanel a:hover{
	text-decoration:none;
}
#birkettsPanel ul{
	margin:0;
	padding:0;
	list-style:none;
}
#birkettsPanel li{
	padding:0;
	margin:0;
	border:1px solid #003263;
}
* html #birkettsPanel a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0px 0px;
	margin:0;
}
#birkettsPanel li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px 10px;
}
#birkettsPanel li a:hover{
	color:#003263;
	background:#e6e4c5;
}

#socialNetworks{
	width:986px;
	margin:10px 0;
}

#socialNetworks ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}

#socialNetworks li{
	display:inline;
	padding:0 10px;
}

#jobsDirectory{
	margin:20px 0 0 0;
}

#jobsDirectory ul{
	list-style:none;
	margin:0;
	padding:0;
}

#jobsDirectory li{
	margin-bottom:5px;
}

#jobsDirectory div.jobsLocationsCol{
	width:175px;
	float:left;
}

#jobsDirectory div.jobsSectorsCol{
	width:240px;
	float:left;
	margin-right:20px;
}

#jobsDirectory li.jumpToLetter{
	border-bottom:1px solid #d1d1d2;
	width:80%;
}

#siteMap ul{
	margin:5px 0;
	padding:0;
	list-style:none;
}

#siteMap li{
	background:transparent url(../../images/global/li-red.gif) no-repeat 0px 5px;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
}

#footer{
	width:986px;
	padding:0px 0 10px 0;
	font:normal 10px/14px Arial,Helvetica;
	color:#999;
	text-align:center;
}

#footer ul{
	margin:5px 0;
	padding:0;
	list-style:none;
}

#footer li{
	display:inline;
}

#footer a{
	color:#999;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}