



* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	color: #333;
	font: 100.01%  Verdana, Arial, Helvetica, sans-serif;
	background: #666;
}

#wrapper {
	width: 95%;
	margin: 0 auto;
	font-size: 80%;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fff;
	min-width: 767px;
	position: relative;
}

/********* Layout the design **************/

#topheader {
	/*background: url(../../../../images/seflogo.gif) #036 1px 3px no-repeat;*/
	background-color: #036;
	min-height: 34px;
	/*position: relative;*/
			
}

#topheader img {
	padding: 3px 0 0 1px;
	float: left;	
}

#topheader div{
	position: absolute;
	right: 0;
	top: 0;
}

#topheader ul {
    margin-left: 250px;
}

#topheader ul, #breadcrumbs ul, #leftcol ul, .infocontainer ul, #rightcol ul {
	list-style-type: none;
	padding-top: 1px;
}

#rightcol ul {
	margin-bottom: 20px;
}

.infocontainer ul {
	margin: 10px 0 5px 2px;
	/*background: red;*/
	padding: 0;
}

#topheader li {
	float:left;
	border-left: 1px solid #fff;
	font-size: 80%;
	/*background-color: red;*/
	position: relative;
}


#topheader a {
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}

#topheader li a:hover, #topheader a:focus, 
#breadcrumbs li a:hover, #breadcrumbs a:focus {
	text-decoration: underline;
}

#breadcrumbs {
	min-height: 20px;
	background-color: #f7f6fd;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#breadcrumbs li {
	display: inline;
	font-size: 75%;
	padding-left: 2px;
}

#breadcrumbs a {
	color: #036;
	text-decoration: none;
	padding: 0 0px;
}

/*#breadecrumbs a:hover, #breadcrumbs a:focus {
	text-decoration: underline;
}*/

#breadcrumbs a:hover {
	text-decoration: underline;	
	color: #ffffff;
	background: #036;
}

#breadcrumbs a:focus {
	text-decoration: underline;
	color: #ffffff;
	background: #036;
	
}

#lowerheader {
	background: url(../../../../images/LowerHeaderBG.jpg) #036 no-repeat;
	min-height: 65px;
}

.clearit {
	clear: both;
	height: 1px;/*fix for NN7+*/
	/*fix for IE*/
	font-size: 1px;
	line-height: 0;
	
}

/********* Layout the content structure **************/

/******** Set up the innerwrapper *************/

/*#innerwrapper {
	background: url(../../../../images/innerwrapperBG.gif) 7px repeat-y;
}*/

#innerwrapper {
    background: url(../../../../images/innerwrapperBG.gif) 20% 0 repeat-y;
}

#leftcol {
	width: 20%;
	float: left;
	min-height: 350px;
	padding-bottom: 25px;
	padding-top: 15px;
	margin-right: 20px;
	/*below added to fix too-small window height on custom templates*/
	min-height: 350px;
	height:auto !important;
	height: 350px;
}

#leftcol form, #leftcol h4, #leftcol legend, #leftcol p {
	padding-left: 5px;
}

#searchDiv {
	margin: 0 3px;
}
#searchBox {color:#000000; font-size:80%;  margin: 0 3px;}
#searchBox img {margin: 0 3px;}


#poll legend {
	margin-bottom: 10px;
	color: #036;
	font-weight: bold;
	font-size: 80%;
}

#leftcol input {
	border: 1px solid #ccc;
	width: 130px;
}

#leftcol input.button {
	width: auto;
	background-color: #036;
	color: #fff;
}

#leftcol ul {
	margin: 3px 0;
}

#leftcol li a {
	display: block;
	text-decoration: none;
	border-top: 1px dashed #ccc;
	color: #036;
	padding: 6px 0 6px 5px;
	margin-right: 2px;
}


#leftcol li a:hover, #leftcol li a:active, #leftcol li a:focus {
	color: #fff;
	background-color: #036;
}


#leftcol p {
	margin: 10px 0;
}



#poll input {
	width: auto;
	border: none;
}

#poll label {
	display: block;
	margin: 3px 0;
}

#rightcol {
	width: 15%;
	float: right;

	min-height: 390px;
	margin-right: 10px;
	min-width: 140px;
	margin-left: 20px;
	padding-top: 10px;
			
}


#rightcolDisclaimer {
	display:   block;
	font-size:xx-small;	  
	color: #036;
	margin-top: -6px;
	/*background-color: #ccc;*/
	border-bottom:1px dashed #fff;
	border-top: 1px dashed  #fff;
	/*border-right: 1px dashed  #036;
	border-left: 1px dashed  #036;	*/
	
}


#rightcol #map, #rightcol #plus, #fmn{
	display: block;
	margin: 0 auto;
	/*background-color: #f7f6fd;*/
	/*border-top: 1px solid #036;*/
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	/*border-bottom: 1px dashed #ccc; */
	padding: 4px 2px 4px 5px;		
		 
		}

#content {
   min-height: 300px;
	margin: 0 10px 0 6px;
	overflow: auto; /*Establish a new block format Firefox*/	
	/*display: table; fix for NN7+*/
	padding: 20px 0;
	/*background-color: blue;*/
	width: auto;
	
}

#contentnonav {
   min-height: 300px;
	margin: 0 10px 0 6px;
	overflow: auto; /*Establish a new block format Firefox*/	
	/*display: table; fix for NN7+*/
	padding: 20px 20px;
	/*background-color: blue;*/
	width: auto;
	
}

#content ul, ol {
 padding-left: 50px;   
 list-style-position: outside;
 
}
 

#innerleftcol {
	float: right;
	/*background-color: red;*/
	min-height: 100px;
	width: 48%;
}

#innerleftcol img {
	float: right;
	margin: 4px;
	
}

#innerrightcol {
	/*background-color: yellow;*/
	min-height: 100px;
	width: 48%;
	float: right;
	margin-left: 4%;
}

#innerrightcol img {
	float: right;
	margin: 4px;
	
}

.infocontainer {
	background-color: #f7f6fd;
	/*background-color: red;	*/
	border-top: 2px solid #036;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	min-height: 140px;
	/*min-height: 140px;*/
	margin-bottom: 20px;
	padding-top: 20px;
	/*min-width: 250px;width: 100%;*/
	
}

.infocontainer li, #rightcol li a {
	background: url(../../../../images/infocontainerBullet.gif) 1px 5px no-repeat;
	margin: 5px 0;
}

.infocontainer li {
	margin-left: -20px;
}

.infocontainer li a, #rightcol li a {
	text-decoration: none;
	color: #036;
	padding-left: 12px;
	font-size: 80%;
}

#rightcol li {  
	background-color: #ccc;
	/*to get rid of the ext - external*/
	/*border-bottom:1px dashed #fff;	
	margin: 0;	
	padding: 2px 2px 2px 2px;*/
	
	/**/
	
}

#rightcol li a {
	display: block;
	margin: 0;	
	padding: 4px 2px 4px 12px;
	border-bottom:1px dashed #fff;	
	background-color: transparent;	
	
}




.infocontainer li a:hover, .infocontainer li a:focus, 
#rightcol li a:hover, #rightcol li a:focus {
	text-decoration: underline;
	/*color: #036;*/
	background-color: #036;
	color: #fff;
}

#props {
	float:right;
	text-align:right;
	font-size:80%;
}

#edithis {
	float: left;
	text-align:left;
	font-size:80%;

}

/*Contact template styling*/
#contact
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

#areaAddress, #areaPostcode, #areaEmail, #areaTelephone
{
	margin-left: 15%;
}

#areaContactnotes
{
		margin-left: 15%;
}
/*End contact template styling*/


#footer {
	padding-left:inherit;
	padding-right:inherit;
	text-align:center;
	height: 80px;  
	/*min-height:36px;*/
	border-left: 1px solid #036;
	background-color:#036;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #036;
	clear:both;
}

#footer li {	
	display:inline;
	background-color:#036;
	border-left: 1px solid #fff;
	font-size: 80%;	
	
}

#footer a {
		
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}



#footer a:hover {
	text-decoration: underline;
}

#valid {	
}

#valid li{
	border-left: 1px solid #036;
}


/********** Styling *****************/

h1, h2, h3, h4, h6, NewzBar {
	color: #036;
	font-size: 130%;
	padding: 0 0 20px 0;
}

h5 {
	color: #fff;
	background-color: #036;
	padding: 3px;
}

h5.top {
	margin-top: 40px;
}

NewzBar {
	border-top: 2px solid #036;
	font-weight: bold;
	padding: 0 0 10px 0;
	font-size: 120%;
}


NewzBar img, NewzBar a {
	float: right;
	margin: 0 0 20px 6px;
}

NewzBar a {
	font-size: 70%;
	padding: 0 1px 1px 1px;
	background-color: #036;
	color: #fff;
	margin-top: 2px;
}

.NewzBarhomeclear {
	clear: both;
}


h2 {
	font-weight: bold;	
	padding: 0 0 10px 0;
	/*margin: 20px 5px 0 0;*/
	font-size: 120%;
}

/*h2 {
	border-top: 2px solid #036;
	font-weight: normal;
	padding: 0 0 10px 0;
	font-size: 120%;
}


h2 img, h2 a {
	float: right;
	margin: 0 0 20px 6px;
}*/

h2 a {
	font-size: 70%;
	padding: 0 1px 1px 1px;
	background-color: #036;
	color: #fff;
	margin-top: 2px;
}

h2 a:hover{
	color: #ff0;
}

.h2homeclear {
	clear: both;
}




h4 {
	border-top: 2px solid #036;
	padding-top: 0;
	margin: 20px 5px 0 0;
	padding-bottom: 0;
	font-size: 100%;
	color: #ccc;
}

h6 {
	border-top: 2px solid #036;
	padding-top: 0;
	margin: 20px 5px 0 0;
	padding-bottom: 0;
	font-size: 130%;
}

h3 {
	padding-top: 0;
	/*margin: 1px 5px 0 2px;*/
	margin: 20px 5px 0 0;
	padding-bottom: 0;
	font-size: 100%;
}

.last {
	background-image: url(../../../../images/liLast.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.first {
   	border-right: 1px solid #fff;	
}


#rightcol li a.noborder  {
	border-bottom: none;
}

a  {
	color:#003366;
	text-decoration : underline;
}
a:visited {
	color: #003366; 
	text-decoration: underline;
}
a:hover, a:active, a:focus{
	/*color:#666666;*/
	color: #fff;
	background-color: #036;
	text-decoration : none;
}

#sefvisit {
  vertical-align: text-bottom;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 5px;  
  font-size:80%;
  color: #fff;  
}

/*hidden styles*/

#printheader,#handheld{
display:none;
}

* html #content {
	/*margin: 0 16% 0 22%;*/
	width: 455px;
	/*zoom: 1;*/
	overflow: visible;
	margin-left: 22%;
}

* html #rightcol {
	margin-left: 0;		
}

* html #innerwrapper {
	background: url(../../../../images/innerwrapperBG.gif) -24px repeat-y;
}




/********* Fixes for IE5 mac *******/

 /*\*//*/
 #content {
 	display: inline-block;
}
	  
 #topheader {
	height: 36px;
}

 #lowerheader {
height: 65px;
}

#footer {
	height: 35px;
}
/**/





/* Sefton Applications  */


.col70
{
	width:70%;
	text-align:left;
	vertical-align:top;
	margin-bottom:5px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

.col30
{
	width:30%;
	text-align:left;
	vertical-align:top;
	margin-bottom:5px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.col30left
{
	width:30%;
	text-align:left;
	vertical-align:top;
	margin-bottom:5px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
}

.col60left
{
	width:60%;
	text-align:left;
	vertical-align:top;
	margin-bottom:5px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
}


.col40right
{
	width:35%;
	vertical-align:top;
	margin-bottom:5px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:right;
}	

.col70right
{
	width:70%;
	text-align:left;
	vertical-align:top;
	margin-bottom:5px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
}	


.rhside
{
	width:100%;
	text-align:right;
	vertical-align:top;
	font-size:x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.div2
{
	width:100%;
	text-align:left;
	vertical-align:top;
	margin-bottom:2px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.div10
{
	width:100%;
	text-align:left;
	vertical-align:top;
	margin-bottom:10px;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	border:1px;
}

.subtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	margin-bottom:5px;

}

input, select, .seftextbox, .sefselect, #Template__ctl12__ctl0_BidAddr{
 	padding: 1px;
	border: 1px solid #ccc;
}

.sefbutton {
	padding: 1px;
	border: 1px solid #ccc;
}

.sefradiobutton td{
	padding: 5px;
	
}
#Template__ctl11__ctl0_DateofAppCompare_0,#Template__ctl11__ctl0_DateofAppCompare_1,
#Template__ctl11__ctl0_DateofAppCompare_2,#Template__ctl11__ctl0_DateofDecCompare_0,
#Template__ctl11__ctl0_DateofDecCompare_1,#Template__ctl11__ctl0_DateofDecCompare_2
{
	border:none;
}

#Template__ctl11__ctl0__ctl0 tr {
	vertical-align: top;
}
#Template__ctl11__ctl0__ctl0 td {
	border: 1px solid #ccc;
	padding:2px;
}

#topheader img {
	position: absolute;
	top:0 ;
	left: 0;
}

#topheader {	
	height: 36px;
}


/* SefCleansingSchedules */
/*#CleansingGrid ul
{
	margin : 10px;
}

#CleansingGrid li
{	
	margin : 3px;
	width : 15px;
	text-align : center;
	display: inline;
	border: 1px solid #ccc;
	background : #f7f6fd;
	padding: 2px;
}

#CleansingGrid li.selected
{
	background : #ccc;
	font-weight:bold;
}


.CleansingGridHdr	
{
	text-align:left;  
	vertical-align:top;
	font-family:Arial;
	font-size:small;
	color:White;
	background-color:#003366;
}
.CleansingGrid		
{
	text-align:left; 
	font-family:Arial; 
	font-size:small;
	border: 1px solid #ccc;
}

.CleansingGrid td
{
	text-align:left; 
	font-family:Arial; 
	font-size:small;
	padding:3px;
	border: 1px solid #ccc;
}
.CleansingGrid tr
{
	vertical-align:top;
}
.CleansingGrid a	{color:#003366;}
.CleansingGrid a:hover	{color:#003366; text-decoration:underline;}
.imgfloat { float:left;}
.labelleft {
	width: 15%;
	float: left;
	display: block;
	text-align:left; 
	font-family:Arial; 
	font-size:small;
}
.cleansingtitle
{	width: 50%;
	float: left;
	display: block;
	text-align:left; 
	font-family:Arial; 
}
	

.txtbox {font-size: small;}
div { padding:0 0 2px 0; font-size: small;}*/
.h2,.h3,.H2,.H3		{font-family:verdana,arial, Helvetica,sans-serif; font-weight:bold;   color: #036;}

.sefcleansing
{
padding-left:1px;
}
.sefcleansing li
{
	margin : 3px;
	width : 15px;
	text-align : center;
	display: inline;
	border: 1px solid #ccc;
	background : #f7f6fd;
	padding: 2px;

}
.sefcleansing li.selected
{
	background : #ccc;
	font-weight:bold;
}
.sefcleansing ul
{
	margin : 10px;
}

.sefcleansing .CleansingGridHdr	
{
	text-align:left;  
	vertical-align:top;
	font-family:Arial;
	font-size:small;
	color:White;
	background-color:#003366;

}
.sefcleansing .CleansingGrid		
{
	text-align:left; 
	font-family:Arial; 
	font-size:small;
	/*border: 1px solid #ccc;*/
}
.sefcleansing .CleansingGrid td
{
	text-align:left; 
	font-family:Arial; 
	font-size:small;
	padding:3px;
	border: 1px solid #ccc;
}

.sefcleansing .CleansingGrid tr
{
	vertical-align:top;
}

.sefcleansing .CleansingGrid a	{color:#003366;}
.sefcleansing .CleansingGrid a:hover	{color:#ffffff; text-decoration:underline;}
.sefcleansing .imgfloat { float:left;}
.sefcleansing .labelleft {
	width: 15%;
	float: left;
	display: block;
	text-align:left; 
	font-family:Arial; 
	font-size:small;
}
/*.sefcleansing div.cleansingtitle span
{	width: 50%;
	float: left;
	text-align:left; 
	font-family:Arial; 
}
	
.sefcleansing div.NavLinks
{		
	font-family:Arial; 
	font-size:small;
	margin-right:10%;
	text-align:right;
	float:right;
}
*/

.sefcleansing .cleansingtitle
{	
	text-align:left; 
	font-family:Arial; 
}


.sefcleansing .navlinks
{		
	font-family:Arial; 
	font-size:small;
	float:right;
	margin-right:10px;
}

.sefcleansing .GridAltStyle{background-color:#f7f6fd;}
.sefcleansing .txtbox {font-size: small;}
.sefcleansing div{ padding:0 0 2px 0; font-size: small;}
.sefcleansing div.smright{text-align:right; font-size: x-small;margin-right:10px;padding:20px;}

.sefcleansing .errtext {color:Red;}

.sefcleansing input.btnlink, input.btnalpha
{
	background-color: transparent;
	overflow: visible;
	border:none;
	text-decoration:underline;
	color:#036;
}

.sefcleansing input.btnlinkhov, input.btnlink:hover, input.btnalphahov, input.btnalpha:hover
{
	background-color:#036;
	overflow: visible;
	border:none;
	text-decoration:underline;
	color:#fff;
    }

/*Just used in SefBuilding Control */
div.buildsmright{text-align:right; font-size: x-small;margin-right:10px;padding:20px;}
.floatInputHouse {font-size: small; margin-left: 40px;}
.floatInputRef {font-size: small; margin-left: 14px;}
.floatInputPost {font-size: small; margin-left: 68px;}
.floatInputStreet {font-size: small; margin-left: 52px;}


/* End of SefCleansingSchedules */

/* Find my nearest */
#fmn .errtext {color:Red;font-size:xx-small;}
#fmn {margin-bottom: 20px;border-bottom: 1px dashed #ccc;}
#fmn .inpnoborder input {width:10%;border:none;}
#fmn .inpbox {
	width: 60%;
	vertical-align: top;
}
#fmn .imgbtn {border:none;}
/* End Of Find my nearest */

.sefelection table, .sefelection td {
	border: 1px solid #ccc;
}

.sefelection ul {
	margin:0;
	background-color:red;
}
.sefelection li {
	margin : 0;
	text-align:right;
	list-style-type: none;
}

/*     sef jobs                          */
#sefjobs
{
padding-left:1px;
}
#sefjobs li
{
	margin : 3px;
	width : 15px;
	text-align : center;
	display: inline;
	border: 1px solid #ccc;	
	background : #f7f6fd;
	padding: 2px;

}
#sefjobs li.selected
{
	background : #ccc;
	font-weight:bold;
}
#sefjobs ul
{
	margin : 10px;
}

#sefjobs .jobsGridHdr	
{
	text-align:left;  
	vertical-align:top;
	font-family:Arial;
	font-size:small;
	color:White;
	background: #036;		
}

#sefjobs .jobsGrid		
{
	text-align:left; 
	font-family:Arial; 
	font-size:small;
	/*border: 1px solid #ccc;*/
}
#sefjobs .jobsGrid td
{
	text-align:left; 
	font-family:Arial; 
	font-size:small;
	padding:3px;
	border: 1px solid #fff;
	/*border: 1px solid #ccc;*/
}

#sefjobs .jobsGrid tr
{
	vertical-align:top;
}

#sefjobs .jobsGridHdr a 
{
	padding-right: 10px;
  border-right: 1px solid #ccc;	
}


/*#sefjobs .jobsGrid a	{color:#036;}*/
#sefjobs .jobsGrid a:hover {color: #fff; background-color:#036; text-decoration:underline;}
#sefjobs .jobsGrid a:focus {color: #fff; background-color:#036; text-decoration:underline;}
#sefjobs .imgfloat { float:left;}
#sefjobs .labelleft {
	width: 15%;
	float: left;
	display: block;
	text-align:left; 
	font-family:Arial; 	
	font-size:small;
}

#sefjobs .jobsGridHdr tr{
	
}

#sefjobs .jobsGridHdr td{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}



#sefjobs .jobstitle
{	
	text-align:left; 
	font-family:Arial; 
}
#sefjobs .QuickLinks
{
	font-family:Arial; 
	font-size:small;	
	float:left;
	margin-right:5%;
	text-align:left;
}	

#sefjobs .highlight 
{
border: solid 1px #CCCCCC;
padding: 8px;
background-color: #F7F6FD;
}

#sefjobs .highlights 
{
/*border: solid 1px #CCCCCC;*/
padding: 2px;
font-weight: bold;
color: #036;
/*background-color: #F7F6FD;*/
}

#sefjobs .NavLinks
{		
	font-family:Arial; 
	font-size:small;
	float:right;
	margin-right:5%;
	text-align:left;
}

#sefjobs .clearit
{
 clear:both;
}



#sefjobs .GridAltStyle{background-color:#f7f6fd;}
#sefjobs .txtbox {font-size: small;}
#sefjobs div{ padding:0 0 2px 0; font-size: small;}
#sefjobs div.smright{text-align:right; font-size: x-small;margin-right:10px;padding:20px;}

#sefjobs .errtext {color:Red;}




/* End of SefJobs */

/* sefcontracts */
#sefcontracts .divright {float:right;}
#sefcontracts .divleft	{float:left;}
#sefcontracts .clearall {clear:both;}
#sefcontracts .GridAltStyle{background-color:#f7f6fd;}
#sefcontracts .GridStyle th
{
	text-align:left;  
	vertical-align:top;
	font-family:Arial;
	color:White;
	background-color:#003366;
}

#sefcontracts .GridStyle table
{
	text-align:left; 
	font-family:Arial; 
}

#sefcontracts .GridStyle td
{
	text-align:left; 
	font-family:Arial; 
	padding:3px;
	border: 1px solid #ccc;
	vertical-align:top;
}

#sefcontracts .GridStyle tr
{
	vertical-align:top;
}

#sefcontracts .GridStyle {
margin-left:2px;
}

	
#sefcontracts ul 
{
	margin:0;
	padding:0;
}

#sefcontracts li 
{
	list-style-type:none;
	display:inline;
	border-right: 1px solid #000;
	margin:0 3px 0 0;
}

#sefcontracts .pagenos li
{
	list-style-type:none;
	display: inline;
	padding:0 0 0 3px;
	border:none;
}

#sefcontracts  .navlinks li 
{
	list-style-type:none;
	display:block;
	margin: 0 2px 0 0;
	border: none;
	font-size:80%;
}

#sefcontracts label {
	width: 20%;
	display:inline-block;
	float:left;
}

#sefcontracts .divdetails
{
	margin-left:20%;
}
#sefcontracts .clearall 
{
	clear:both;
	background-color:Transparent; 
}
	
#sefcontracts select {
margin: 3px 0 3px 0;
vertical-align: text-top;
}

#sefcontracts td 
{
	vertical-align:top;
	padding:2px;
}


#sefcontracts input 
{
	cursor:pointer;
	background-color:#f7f6fd;

}
#sefcontracts input:hover
{
	cursor:pointer;
	text-decoration:underline;

}

#sefcontracts input.btnpage, #sefcontracts input.btnpagehov, #sefcontracts input.btnpagesel,
#sefcontracts input.btnview, #sefcontracts input.btnviewhov
{
	font-size:84%;
	font-weight:bold;
	border:solid 1px #036;
}

#sefcontracts input.btnpage, #sefcontracts input.btnpagehov, #sefcontracts input.btnpagesel
{
	width:2em;
}

#sefcontracts input.btnpage, #sefcontracts input.btnview{
   color:#036;
   background-color:#f7f6fd;
 }


#sefcontracts input.btnpagehov, #sefcontracts input.btnviewhov,
#sefcontracts input.btnpage:hover, #sefcontracts input.btnview:hover
{   
	background-color:#999;
	color:#fff;
}

#sefcontracts input.btnpagesel{
   color:#fff;
   background-color:#036;
}

#sefcontracts input.btnlink
{
	background-color: Transparent;
	overflow: visible;
	border: none;
	text-decoration: underline;
	color: #036;
}

#sefcontracts input.btnlinkhov, #sefcontracts input.btnlink:hover
{
	background-color:#036;
	overflow: visible;
	border:none;
	text-decoration:underline;
	color:#fff;
    }


/* end of sefcontracts */

/* sefschools */
#sefsch ul 
{		
		margin:0;
		padding:0;
}
#sefsch  ul li	{	
	list-style-type:none;
	padding:1px;
}

#sefsch table {
margin:1px;
}

#sefsch td {
	border: 1px solid #ccc;
	padding:2px;
	vertical-align:top;
}

#sefsch .GridAltStyle{background-color:#f7f6fd;}

#sefsch select {
margin: 3px 0 3px 0;
}

#sefsch label {
	width: 20%;
	display:block;
	float:left;
}
#sefsch .clearall 
{
	clear:both;
}

#sefsch .divleft 
{
	float:left;
	width:30%;
}
#sefsch .divright
{
	float:right;
	margin-right:10px;
}

#sefsch input.btnlink
{
	background-color: Transparent;
	overflow: visible;
	border:none;
	text-decoration:underline;
	color:#036;
}

#sefsch input.btnlinkhov, #sefsch input.btnlink:hover
{
	background-color:#036;
	overflow: visible;
	border:none;
	text-decoration:underline;
	color:#fff;
    }


#sefsch input 
{
	cursor:pointer;
	background-color:#f7f6fd;

}
#sefsch input:hover
{
	cursor:pointer;
	text-decoration:underline;

}
/* end of sefschools */

/** sef Licences **/
#seflicences .colright {margin-left:50%;}
#seflicences .colleft	{float:left;width:50%;}	
	
#seflicences .divright {float:right;}
#seflicences .divleft	{float:left;}
#seflicences .clearall {clear:both;}
#seflicences .GridAltStyle{background-color:#f7f6fd;}
#seflicences .GridStyle th
{
	text-align:left;  
	vertical-align:top;
	font-family:Arial;
	color:White;
	background-color:#003366;
}

#seflicences .GridStyle table
{
	text-align:left; 
	font-family:Arial; 
}

#seflicences .GridStyle td
{
	text-align:left; 
	font-family:Arial; 
	padding:3px;
	border: 1px solid #ccc;
	vertical-align:top;
}

#seflicences .GridStyle tr
{
	vertical-align:top;
}

#seflicences .GridStyle {
margin-left:2px;
}

	
#seflicences ul 
{
	margin:0;
	padding:0;
}

#seflicences li 
{
	list-style-type:none;
	display:inline;
	border-right: 1px solid #000;
	margin: 0 3px 0 3px;
}

#seflicences .pagenos li
{
	list-style-type:none;
	display: inline;
	padding:0 0 0 3px;
	border:none;
}

#seflicences  .navlinks li 
{
	list-style-type:none;
	display:block;
	margin: 0 2px 0 0;
	border: none;
	font-size:80%;
}

#seflicences label {
	width: 20%;
	display:inline-block;
	float:left;
}

#seflicences .divdetails
{
	margin-left:20%;
}
#seflicences .clearall 
{
	clear:both;
	background-color:Transparent; 
}

#seflicences .smright
{
	font-size:xx-small;
	float:right;
}
#seflicences select {
margin: 3px 0 3px 0;
vertical-align: text-top;
}

#seflicences td 
{
	vertical-align:top;
	padding:2px;
}



#seflicences input.btn
{
	background-color:#f7f6fd;
	cursor:pointer;

}
#seflicences input:hover
{
	text-decoration:underline;

}

#seflicences input.btnpage, #seflicences input.btnpagehov, #seflicences input.btnpagesel,
#seflicences input.btnview, #seflicences input.btnviewhov
{
	font-size:84%;
	font-weight:bold;
	border:solid 1px #036;
	cursor:pointer;
}

#seflicences input.btnpage, #seflicences input.btnpagehov, #seflicences input.btnpagesel
{
	width:2em;
}

#seflicences input.btnpage, #seflicences input.btnview{
   color:#036;
   background-color:#f7f6fd;
 }


#seflicences input.btnpagehov, #seflicences input.btnviewhov,
#seflicences input.btnpage:hover, #seflicences input.btnview:hover
{   
	background-color:#999;
	color:#fff;
	cursor:pointer;
}

#seflicences input.btnpagesel{
   color:#fff;
   background-color:#036;
}

#seflicences input.btnlink
{
	background-color: Transparent;
	overflow: visible;
	border:none;
	text-decoration:underline;
	color:#036;
}

#seflicences input.btnlinkhov, #seflicences input.btnlink:hover
{
	background-color:#036;
	overflow: visible;
	border:none;
	text-decoration:underline;
	color:#fff;
	cursor:pointer;
    }

#sefCheckTheBox span
{
color:Red;
font-size:xx-small;
}

 /* end of Sefton Applications */


#dix {background-image: url(../../../../images/listenSeftonBlueLogo.jpg); 
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	margin-bottom: -2em;}

#dix2 {background-image: url(../../../../images/listenSeftonBlueLogo.jpg); 
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	}

#dixHigher {background-image: url(../../../../images/listenSeftonBlueLogo.jpg); 
	background-position: left;
	background-repeat: no-repeat;
position: relative;
top: -4em;
	padding-left: 2em;
	 padding-top: 1em;
	padding-bottom: 0.5em;
}

 /* puts space around the Sefton Jobs image on the home page */
.berecruit {padding-top: 1em; padding-left: 1em;}
























