﻿
/*3 col base structural*/
body {margin:0;padding:0;font-family:Arial,verdana,sans-serif;font-size:100.1%/*prevent IE6 resize bug*/;}
#wrapper{width:750px;background:#fff;margin:0;padding:5px 0 20px 17px;font-size:0.75em;min-height:550px;}
#header{width:750px;height:71px;padding:0;margin:0;background:#fff;}
#leftnav{width:184px;min-height:400px;/*background:red;*/float:left;padding-top:0}
#maincontent{height:100%;width:248px;/*background:yellow;*/min-height:300px;margin-left:217px;margin-top:0;}/*IE 6 override in master page*/
/*2 col */
#maincontent2col{height:100%;width:460px;/*background:yellow;*/min-height:300px;margin-left:217px;margin-top:0; border: 0px solid #000}/*IE 6 override in master page*/
#rightcolumn{width:209px;position:absolute;left:525px;/*background:blue;*/top:76px;padding:0 32px 0 0;margin:0;}
#footer{width:530px;color:#fff;text-align:left;padding:5px 0;margin:-20px 0 0 233px;clear:both;background: url(../../images/dottedlinesfooter.png) no-repeat left top;}

/*base elements*/
p{color:#686868;padding:0 0 0.6em 0;}
#maincontent ul li, #maincontent ol li{color:#686868;}
#maincontent h1{font-size:2.2em;line-height:1.0em;font-weight:900;text-transform:uppercase;margin:0}
#maincontent h2, #rightcolumn h2, #maincontent2col h2, #rightcolumn h2{font-size:1.2em;line-height:1.0em;font-weight:bold;text-transform:uppercase;padding:0;margin:1em 0 -8px 0;}
#maincontent2col h1{font-size:2.2em;line-height:1.0em;font-weight:900;text-transform:uppercase;margin:0}
#rightcolumn h2{margin:0 0 40px 0;}
#maincontent p a, #maincontent2col p a, #maincontent ul li a{color:#6897CD;text-decoration:underline;}
#maincontent p a:hover{text-decoration:underline;}

/*header*/
#header img{float:left;border:0;}
#header p.versionswitcher{position:absolute;left:525px;top:15px; font-size: 0.75em}
#header a{color:#686868;text-decoration:none;}
/*header corner (squares)*/
#htmlholder_headerright, #flashholder_headerright{position:absolute;left:705px;top:0;background:#ccc url(../../images/headerrightsquares_blue.png) no-repeat right top;width:62px;height:62px;}
/*overrides*/
.policeofficers #htmlholder_headerright{background:#000 url(../../images/headerrightsquares_black.png) no-repeat right top;}
.communitysupport #htmlholder_headerright{background:#ccc url(../../images/headerrightsquares_yellow.png) no-repeat right top;}
.specialconstables #htmlholder_headerright{background:#ccc url(../../images/headerrightsquares_lightblue.png) no-repeat right top;}
.policestaff #htmlholder_headerright, .communicationsops #htmlholder_headerright{background:#ccc url(../../images/headerrightsquares_lavender.png) no-repeat right top;}
.transferees #htmlholder_headerright{background: url(../../images/headerrightsquares_grey.png) no-repeat right top;}
.volunteers #htmlholder_headerright{background: url(../../images/headerrightsquares_green.png) no-repeat right top;}
.ineducation #htmlholder_headerright{background: url(../../images/headerrightsquares_orange.png) no-repeat right top;}
.rolecomparison #htmlholder_headerright{background: url(../../images/headerrightsquares_rolecomparison.png) no-repeat right top;}

#flashholder_headerright{background:none;left:665px;}

/*left nav*/
#leftnav a:hover{background-color:#BBD2F1 !important;}
#leftnav h2{display:none;}
#leftnav h3{font-size:1em;color:#9b9b9b;width:180px;/*border-bottom:dotted 1px #aaa;*/padding:0 0 3px 10px;margin:0 0 5px 0;background: url('/images/dottedlineleftcolumn.png') no-repeat left bottom;}
#leftnav p{margin:0;padding:0 0 0 15px;}
#leftnav p a{font-size:0.9em;color:#616161;margin:0 0 25px 0;padding:0;display:block;text-transform:uppercase;text-decoration:none;width:35px;}
#leftnav select{font-size:0.9em;width:155px;margin-bottom:3px;/*text-transform:uppercase;*/padding-left:3px;}
#leftnav input.go{width:2em;padding:0;margin:0 0 3px 0;font-size:0.9em;}
#leftnav ul{list-style-type:none;padding:0 0 0 7px;margin:0;}
#leftnav ul li{list-style-type:none;padding-left:12px;margin:0;width:183px;}
#leftnav ul li a{text-transform:uppercase;text-decoration:none;color:#666;font-size:0.9em;font-weight:bold;}
#leftnav ul li ul {list-style-type:none;padding:0 0 0 2px;margin:0;}
#leftnav ul li ul li{margin:0 0 0 15px;padding:0 0 0 0;} 
#leftnav ul.animate li.selectednode{list-style-type:none;color:#ccc;margin-left:0; padding-left:11px; background: url('/images/bluesquare_large.png') no-repeat 0px 4px;}
#leftnav ul.animate li.selectednode ul li.selectednode{list-style-type:none;color:#ccc;margin-left:2px; padding-left:3px; background: url('/images/bluesquare_small.png') no-repeat 0px 4px;}
li.selectednode a, #leftnav ul li.selectednode a{color:#000;}
#leftnav ul li.selectednode ul li a{color:#666;}
ul.subnav li.selectednode{padding-left:15px !important;}
ul.subnav li.selectednode a{color:#000 !important;}
ul.animate {padding-bottom:10px;}
ul.animate ul{margin:0 0 0 -5px;padding:0;}
#leftnav .othernav {padding-bottom:35px;margin:30px 0 0 0;}
#leftnav ul li.empty{display:none;}

#leftnav .othernav ul.help{margin:0 0 35px 0;}
#leftnav .othernav ul li{padding:0 0 0 5px;margin:0 0 0 -3px;}
#leftnav .othernav ul li ul{margin:0 0 0 5px;}
#leftnav .othernav ul li ul li.selectednode{padding-left:20px;margin-left:-18px;}
#leftnav  .othernav h3 { font-size: 0.9em; font-weight: normal }
.leftnavhomelink {font-size:3.9em;color:#616161;margin:0 0 25px 0;padding:0;display:block;text-transform:uppercase;}
.leftnavhomelink:hover {font-size:3.9em;color:#000000;margin:0 0 25px 0;padding:0;display:block;text-transform:uppercase;}
a.homelink{padding-left:10px !important;margin-left:-3px !important;background: url('/images/greysquare_large.png') no-repeat 0px 4px;display:block;}
.aboutus ul li.aboutus a,.downloads ul li.downloads a{color:#000;}
li.selectednode ul.subnav li a{color:#666 !important;}/*stop the bold/black formatting from being inherited*/
li.selectednode ul li.selectednode a{color:#000 !important;}

/*left nav overrides*/
.policeofficers #leftnav ul li.selectednode{background: url('/images/blacksquare_large.png') no-repeat 0px 4px;}
.specialconstables #leftnav ul li.selectednode{background: url('/images/lbluesquare_large.png') no-repeat 0px 4px;}
.communitysupport #leftnav ul li.selectednode{background: url('/images/yellowsquare_large.png') no-repeat 0px 4px;}
.policestaff #leftnav ul li.selectednode, .communicationsops #leftnav ul li.selectednode{background: url('/images/lavendersquare_large.png') no-repeat 0px 4px;}
.transferees #leftnav ul li.selectednode{background: url('/images/greysquare_large.png') no-repeat 0px 4px;}
.volunteers #leftnav ul li.selectednode{background: url('/images/greensquare_large.png') no-repeat 0px 4px;}
.ineducation #leftnav ul li.selectednode{background: url('/images/orangesquare_large.png') no-repeat 0px 4px;}
/*override for hover colour*/
.policeofficers #leftnav a:hover{background-color:#e0e0e0 !important;}
.specialconstables #leftnav a:hover{background-color:#D9DEE4 !important;}
.communitysupport #leftnav a:hover{background-color:#FFF0C1 !important;}
.policestaff #leftnav a:hover, .communicationsops #leftnav a:hover{background-color:#E0E0F0 !important;}
.transferees #leftnav a:hover{background-color:#F0F0F0 !important;}
.volunteers #leftnav a:hover{background-color:#D1F0E1 !important;}
.ineducation #leftnav a:hover{background-color:#FFE0B2 !important;}

/*other section overrides*/
.aboutus #leftnav .othernav ul li.aboutus, .downloads #leftnav .othernav ul li.downloads, .recruitmentevents #leftnav .othernav ul li.recruitmentevents{background: url('/images/bluesquare_large.png') no-repeat 0px 4px;padding-left:10px;}
.aboutus #leftnav .othernav ul li.aboutus a, .downloads #leftnav .othernav ul li.downloads a, .recruitmentevents #leftnav .othernav ul li.recruitmentevents a, .ineducation #leftnav .othernav ul li.ineducation a{color:#000;}
.aboutus #leftnav .othernav ul li.aboutus ul li a, .downloads #leftnav .othernav ul li.downloads ul li a, .recruitmentevents #leftnav .othernav ul li.recruitmentevents ul li a, .ineducation #leftnav .othernav ul li.ineducation ul li a{color:#666;}
.aboutus #leftnav .othernav ul li.aboutus ul li.selectednode a, .downloads #leftnav .othernav ul li.downloads ul li.selectednode a, .recruitmentevents #leftnav .othernav ul li.recruitmentevents ul li.selectednode a, .ineducation #leftnav .othernav ul li.ineducation ul li.selectednode a{color:#000;}
.ineducation #leftnav .othernav ul li.ineducation{background: url('/images/orangesquare_large.png') no-repeat 0px 4px;padding-left:10px;}
/*stop menu shifting out when selected*/
#leftnav .othernav ul li.selectednode, body.downloads #leftnav .othernav ul li.downloads, body.ineducation #leftnav .othernav ul li.ineducation, body.aboutus #leftnav .othernav ul li.aboutus{margin-left:-7px;}

/*left nav overrides for submenu*/
.transferees #leftnav ul li.selectednode ul li.selectednode{background: url('/images/greysquare_small.png') no-repeat 0px 4px;}
.aboutus #leftnav .othernav ul li ul li.selectednode, .downloads #leftnav .othernav ul li ul li.selectednode{background: url('/images/bluesquare_small.png') no-repeat 9px 6px;}
.ineducation #leftnav .othernav ul li ul li.selectednode{background: url('/images/orangesquare_small.png') no-repeat 9px 6px;}
/*Sub SUB nav*/
.ineducation #leftnav .othernav ul li ul li ul li.selectednode{margin-left:-10px;}
.ineducation #leftnav .othernav ul li ul li ul li.selectednode a{padding-left:3px;}
/*heading 1 flash container*/
#flashholder_heading1main{/*height:80px;width:258px;*/}

/*body background overrides*/
body{background:#00357B;}/*by default*/
body.policeofficers{background: #000;}
body.specialconstables{background:#809ABD;}
body.communitysupport{background: #fc3;}
body.policestaff, body.communicationsops{background: #9999CD;}
body.transferees{background: #ccc;}
body.volunteers{background: #66CC9A;}
body.ineducation{background: #FE9900;}
body.rolecomparison{background: #AEAD9A;}


/*text overrides*/
h1, h2, h3{color: #002F7B;}/*default*/
body.policeofficers h1, body.policeofficers h2, body.policeofficers h3{color: #000;}
body.specialconstables h1, body.specialconstables h2, body.specialconstables h3{color: #809ABD;}
body.communitysupport h1, body.communitysupport h2, body.communitysupport h3{color: #FFCC33; /*choose something darker*/}
body.policestaff h1, body.policestaff h2, body.policestaff h3, body.communicationsops h1, body.communicationsops h2, body.communicationsops h3{color: #9999CD;}
body.transferees h1, body.transferees h2, body.transferees h3{color: #999;}
body.volunteers h1, body.volunteers h2, body.volunteers h3{color: #66CC9A;}
body.ineducation h1, body.ineducation h2, body.ineducation h3{color: #FE9900;}
body.rolecomparison h1, body.rolecomparison h2, body.rolecomparison h3{color: #AEAD9A;padding-left:15px;}


/*more text overrides*/

.policeofficers #maincontent p a, .policeofficers #maincontent2col p a, .policeofficers #maincontent ul li a, .policeofficers #rightcolumn a, .policeofficers #loadvideo{color:#000 !important;text-decoration:none;}
.policeofficers #maincontent p a{text-decoration:underline;}/*show for centre column police officer links*/
.communitysupport #maincontent p a, .communitysupport #maincontent2col p a, .communitysupport #maincontent ul li a, .communitysupport #rightcolumn a, .communitysupport #rightcolumn span{color:#EDB102 !important;}
.specialconstables #maincontent p a, .specialconstables #maincontent2col p a, .specialconstables #maincontent ul li a, .specialconstables #rightcolumn a, .specialconstables #rightcolumn span{color:#516E93 !important;}
.policestaff #maincontent p a, .policestaff #maincontent2col p a, .policestaff #maincontent ul li a, .policestaff #rightcolumn a, .policestaff #rightcolumn a span, .communicationsops #maincontent p a, .communicationsops #maincontent2col p a, .communicationsops #maincontent ul li a, .communicationsops #rightcolumn a, .communicationsops #rightcolumn a span {color:#9999cc !important;}
.transferees  #maincontent p a, .transferees #maincontent2col p a, .transferees #maincontent ul li a, .transferees #rightcolumn a, .transferees #rightcolumn a span{color:#999 !important;}
.volunteers #maincontent p a, .volunteers #maincontent2col p a, .volunteers #maincontent ul li a, .volunteers #rightcolumn a, .volunteers #rightcolumn a span{color:#65CC98 !important;}
.ineducation #maincontent p a, .ineducation #maincontent2col p a, .ineducation #maincontent ul li a, .ineducation #rightcolumn a, .ineducation #rightcolumn a span{color:#FE9900 !important;}
.aboutus #maincontent p a, .aboutus #maincontent2col p a, .aboutus #maincontent ul li a, .downloads #maincontent p a, .downloads #maincontent2col p a, .downloads #maincontent ul li a, .downloads #rightcolumn a, .aboutus #rightcolumn a{color:#00357B !important;}


/*text overrides for flash load video*/
.communitysupport #loadvideo{color:#000 !important;text-decoration:none;}


/*right column*/
#flashholder_subheaderright {min-height:58px;height:58px;}
#htmlholder_subheaderright{width:181px;}
#flashholder_promo1{position:absolute;top:85px;}
#flashholder_promo2{position:absolute;top:160px;}
#flashholder_promo_transferees1, #htmlholder_promo_transferees1{position:absolute;top:85px;}

p.rightlargepara, p.rightsmallpara{position:relative;top:180px;font-size:1.0em;line-height:1.1em;font-weight:bold;text-transform:uppercase;padding:0;width:85%;}
p.rightsmallpara{font-size:0.9em;}
p.rightlargepara span, p.rightsmallpara a, p.rightlargepara a{color:#00347D;/*text-decoration:none; - because you can't tell the difference between a link or intro wording if there's no underline*/}

/*overrides - shift position of right column text if only one promo is on page*/
body.transferees p.rightlargepara, body.transferees p.rightsmallpara, p.onepromoonly{top:100px;}
body.transferees p.profiles{/*position:relative;top:330px;*/}



/*IE 6-7 fix is in conditional comments in three_column_master*/
#rightcolumn p{margin:10px 0 5px 0;}

/*footer*/
#footer ul{list-style-type:none;margin:30px 0 20px 0;padding:0;}
#footer ul li{list-style-type:none;display:inline;padding:0 10px 0 0;}
#footer ul li a{color:#fff;font-size:0.65em;text-transform:uppercase;text-decoration:none;}
.finalfooterlink{margin-left:15px;}

/* footer overrides*/
.communitysupport #footer ul li a, .transferees #footer ul li a{color:#000;}

/*misc*/
/*homepage stonewall logo*/
#stonewall_logo{position:absolute;left: 526px;margin-top:-63px;}
#mindful_logo{position:absolute;left: 626px;margin-top:-63px;}
#noflashmessage{border:dotted 1px black;padding:5px;position:absolute;left:-420px;top:5px;width:200px;}
#noflashmessage a{text-decoration:underline;color:blue;}
p.backtotop{text-align:right;display:block;height:15px;}
p.backtotop a{padding-right:20px;background: url('/images/arrow_backtotop.png') no-repeat right top;display:block;color:#666;text-decoration:none;height:15px;}
p.backtotop a:hover{text-decoration:underline;background: url('/images/arrow_backtotop_hover.gif') no-repeat right top;}
.hide{display:none;}
.table {margin-top:30px; width: 246px;clear:both;}
.table caption{text-align:left;margin-left:2px;font-size:1.1em;font-weight:bold;}
.table th{text-align:left;}
.table td {margin:2px;padding:2px;background-color:#eee;}
.table td p{margin:2px;padding:0;}
.table tr.bold td, .table td.bold {font-weight:bold;}
.leftalign caption{ text-align:left;}
/*homepage events*/
#homepageeventscontainer{position:absolute;top:240px;width:85%;}
ul.homepageevents{margin:5px 0 0 5px;padding-left:10px;}
ul.homepageevents li{padding:0; list-style-type:square;}
#rightcolumn p a.righthandlink{color:#6897CD;text-decoration:underline;}
#rightcolumn h3{text-transform:uppercase;font-size:1em;padding:0;margin:0;}
#video embed{clear:both;margin-left:0;}
/*video overrides. IE display is in the master page*/
#video{margin-top:0;}
#video img{margin-top:-3px;}
#profile{ margin: 82px 0 0 0 ;} 
a.rightarrow{padding-right:20px;background:url(/images/rightarrow.png) no-repeat right top; }
a.rightarrow:hover{background:url(/images/rightarrow_home_hover.gif) no-repeat right top; }
.thumb{border: 1px solid #69f;float: left;margin: 20px 15px 10px 7px;}/*thumbnail for screensaver*/
#loadvideo{position:relative;top:65px;left:80px;height:22px;width:80px;display:block;cursor:pointer;}
/*IE override in master page*/
#loadvideo_fitness{position:relative;top:100px;left:80px;height:22px;width:80px;display:block;cursor:pointer;}
/* homepage slideshow*/
.pics{display:block;height:140px;}
#profilescalltoaction{margin:0;padding:3px 0 1px 5px;display:block;background:#000;position:relative;top:-5px;}
#profilescalltoaction a{text-decoration:none !important;text-transform:uppercase;color:#fff!important;font-size:0.8em;font-weight:bold;padding-left:3px;}



/*video tabs and transcripts*/
#tabs{clear:both;}

span.tab{float:left;display:block;width:68px;height:17px;margin-bottom:0;padding-bottom:0;}
span.tab a{width:68px;height:17px;text-indent:-999em;display:block;float:left;padding:0;margin:0;}
/*off state*/
span.aloff a {background:url(../../images/tab_al_off.png) no-repeat center bottom;}
span.davidoff a {background:url(../../images/tab_david_off.png) no-repeat center bottom;}
/*on state*/
span.janon a {background:url(../../images/tab_jan_on.png) no-repeat 0 0;}
span.stellaon a {background:url(../../images/tab_stella_on.png) no-repeat 0 0;}
span.alon a {background:url(../../images/tab_al_on.png) no-repeat 0 0;}
span.davidon a {background:url(../../images/tab_david_on.png) no-repeat 0 0;}
/*transcripts*/
div.transcript{font-family:verdana;}
div.transcript div, div.hr {border-bottom: dotted 1px #526F94;margin:-5px 3px 0 0;padding:0;}
 div.transcript hr, div.hr hr  {display: none;}
.transcriptbutton, .transcriptbuttonflash, .transcriptbuttonclose{width:68px;padding:0;border:0;float:right;margin-right:0;margin-top:-5px;}
/*Overrides*/
body.policestaff .transcriptbutton, body.communicationsops .transcriptbutton, body.specialconstables .transcriptbutton, body.policeofficers .transcriptbutton{margin-top:-1px;}
body.policestaff #video embed, body.communicationsops #video embed, body.specialconstables #video embed, body.policeofficers #video embed{margin-top:-1px;padding:0;}
.transcriptbuttonhtml{width:68px;padding:0;border:0;float:right;margin-right:0;}
/*other tabs*/
/*off state*/
span.wallpaperaoff a {background:url(../../images/tab_wallpaper_a_off.png) no-repeat center bottom;}
span.wallpaperboff a {background:url(../../images/tab_wallpaper_b_off.png) no-repeat center bottom;}
/*on state*/
span.wallpaperaon a {background:url(../../images/tab_wallpaper_a_on.png) no-repeat center bottom;}
span.wallpaperbon a {background:url(../../images/tab_wallpaper_b_on.png) no-repeat center bottom;}



/*overrides for other tabs*/
body.downloads div.transcript{font-family:verdana;font-style: normal;}

/* Form and table styles */
#formdesign { width: 220px; padding: 10px 0 0 0; text-align: left; color:#686868; }
.aspformcontrolwidth { width: 200px; border: 1px solid #686868; margin: 0 0 0 0; }
.error ul li{color:red !important;}
.recruitmentevents .eventlisting label{padding-left:5px;}
.recruitmentevents .eventlisting input{margin-top:5px;}
/*for VACANCIES*/
div table tr td a{margin-bottom:3px;display:block;}
table.jobdetails{width:450px;color:#686868;margin-top:10px;}
table.jobdetails td.headercolumn{text-align:right;width:150px;padding:0.3em;}
table.jobdetails td.itemcolumn{padding:0.3em 0.3em 0.3em 0.5em;}
a.applynowbutton{background:url(../../images/applybutton_default.png) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;}
a.applynowbutton:hover{background:url(../../images/applybutton_default_hover.gif) no-repeat 0 0;}

/*overrides for vacancies*/
body.specialconstables table.jobdetails{border:solid 1px #809ABD;}
body.communitysupport table.jobdetails{border:solid 1px #FFCC33;}
body.policestaff table.jobdetails, body.communicationsops table.jobdetails{border:solid 1px #9999CD;}
body.transferees table.jobdetails{border:solid 1px #999;}
body.volunteers table.jobdetails{border:solid 1px #66CC9A;}
body.ineducation table.jobdetails{border:solid 1px #FE9900;}
body.specialconstables a.applynowbutton{background:url(../../images/applybutton_specials.png) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;}
body.specialconstables a.applynowbutton:hover{background:url(../../images/applybutton_specials_hover.gif) no-repeat 0 0;}
body.communitysupport a.applynowbutton{background:url(../../images/applybutton_communitysupport.png) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;}
body.communitysupport a.applynowbutton:hover{background:url(../../images/applybutton_communitysupport_hover.gif) no-repeat 0 0;}
body.policestaff a.applynowbutton, body.communicationsops a.applynowbutton{background:url(../../images/applybutton_policestaff.png) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;}
body.policestaff a.applynowbutton:hover, body.communicationsops a.applynowbutton:hover{background:url(../../images/applybutton_policestaff_hover.gif) no-repeat 0 0;}
body.policeofficers a.applynowbutton{background:url(../../images/applybutton_policeofficers.png) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;}
body.policeofficers a.applynowbutton:hover{background:url(../../images/applybutton_policeofficers_hover.gif) no-repeat 0 0;}
body.transferees a.applynowbutton{background:url(../../images/applybutton_transferees.png) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;}
body.transferees a.applynowbutton:hover{background:url(../../images/applybutton_transferees_hover.gif) no-repeat 0 0;}

/*submit buttons*/
.submitbutton{background:url(../../images/submit_default.png) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;float:right;}
.submitbutton:hover{background:url(../../images/submit_default_hover.gif) no-repeat 0 0;width:68px;height:14px;text-indent:-1000px;display:block;float:right;}
body.specialconstables .submitbutton{background:url(../../images/submit_specials.png) no-repeat 0 0;}
body.specialconstables .submitbutton:hover{background:url(../../images/submit_specials_hover.gif) no-repeat 0 0;}
body.policeofficers .submitbutton{background:url(../../images/submit_policeofficers.png) no-repeat 0 0;}
body.policeofficers .submitbutton:hover{background:url(../../images/submit_policeofficers_hover.gif) no-repeat 0 0;}
body.transferees .submitbutton{background:url(../../images/submit_transferees.png) no-repeat 0 0;}
body.transferees .submitbutton:hover{background:url(../../images/submit_transferees_hover.gif) no-repeat 0 0;}
body.volunteers .submitbutton{background:url(../../images/submit_volunteers.png) no-repeat 0 0;}
body.volunteers .submitbutton:hover{background:url(../../images/submit_volunteers_hover.gif) no-repeat 0 0;}
body.ineducation .submitbutton{background:url(../../images/submit_ineducation.png) no-repeat 0 0;}
body.ineducation .submitbutton:hover{background:url(../../images/submit_ineducation_hover.gif) no-repeat 0 0;}


/*role comparison tool*/
#rolecomparison{border:solid 1px #aaa;margin-top:15px;padding:10px;}
#rolecomparison h2{margin-top:0;}
.rolecomparison_button{margin-top:15px;}

/*transferees*/
body.transferees #maincontent h2{text-transform:none;}
body.transferees #maincontent h3{color:#666;font-size:1em;padding:0;margin:1em 0 -8px 0;}
body.transferees #maincontent div.hr {margin:-12px 3px 0 0;}
#damienimage{margin-top:-115px;}
#joimage{margin-top:-115px;}
#lizimage{margin-top:-130px;}


/*sitemap*/
body.sitemap #maincontent ul{list-style-type:none;}
body.sitemap #maincontent ul li{list-style-type:none;}
body.sitemap #maincontent ul li ul, li.header ul{padding:0 0 0 1em;margin:0;font-size:1em;}
li.roles, li.aboutus, li.downloads, li.accessibility, li.privacy, li.contactus, li.sitemap, li.rolecomparison, li.recruitmentevents, li.ineducation{margin-left:-30px;margin-top:13px;}
body.sitemap ul li a{line-height:1.4em;}

/*email marketing subscription forms*/
/*they all have this*/
span.label, span.spacer, span.multiple span {width:120px;float:left;padding-top:5px;} 
span input{width:225px;}
span.multiple {float:left;} 
span.button {display:block;padding-top:5px;}
span.button input{width:auto;}
div.clear {clear:both;padding-top:5px;} 
legend{font-weight:bold;}
fieldset{padding-left:5px;padding-right:3px;padding-bottom:6px;}
/*community support*/
fieldset{border:1px solid #FFCC33;}
legend{color:#FFCC33;}
/*police officers*/
#po fieldset{border:1px solid #000;}
#po legend{color:#000;}
.policeofficers #ques input {width:20px;}
.policeofficers #ques label {color:#686868;}
.policeofficers #ques table {margin:0.5em 0;}
p.error {color:#ff0000;}

/* Misc */
.width_reset {width:auto !important;}
#wrapper {overflow:hidden;}