/*Main structure*/
body {
background-color:#e5e5e5;
font-size:70%;
font-family:verdana,arial,helvetica,sans-serif;
margin:0 auto 8px auto;
min-width:780px;
max-width:950px;
padding:0;
}

td {
vertical-align:top;
}

img {
border:0;
}
	
#widthContainer{
	background-color:#fff;
	border:1px solid #ccc;
	padding:0 5px;
	}

#content{
	height:auto;
	width:100%;
	margin:0;
	padding:6px;}

#container{
	margin:0;
	padding:4px 0 0 4px}


/*END Main structure*/

/*Tools*/
.offleft{
	position:absolute;
	top:-999em;
	left:-999em}
/*END Tools*/

/*Typo*/	

#container ul li{line-height:1.5em}
#content{font-size:1.1em}
p {
margin:0 0 0.5em 0;
padding:4px 8px;
line-height:1.5em
}

/*Links*/
a {
color:#00c;
text-decoration:none;
}

a:active, a:hover, a:visited:hover {
color:#FF6500;
text-decoration:underline
}

a:visited {
color:#036;
}
/*END Links*/

/*Breadcrumb*/
ul#site-breadcrumb{
	list-style:none;
	margin:4px 4px 0 12px;
	padding:0;
	font-size:0.9em;
	line-height:2em}
ul#site-breadcrumb li{
	display:inline;
	margin:0;
	padding:2px 12px 2px 5px;
	background: url(http://www.southtyneside.info/images/icons/breadcrumb-arrow.gif) 100% 50% no-repeat;
	font-weight:bold;
	color:#666}
	
ul#site-breadcrumb li.first, ul#site-breadcrumb li.first a{padding-left:0}
ul#site-breadcrumb li.last{background:none}
/*END Breadcrumb*/

/* Heading fontsizes */
h2{font-size:1.1em;}	
h1, h3, h4{font-size:1em}
h5{font-size:0.8em}
/* END Heading fontsizes */

/* Centre Column*/
h2{
	clear:both;
	color:#fff;
	padding:8px;
	margin:0 0 5px 0;
	background-color: #738AB5; 
	background: #738AB5 url(http://www.southtyneside.info/images/section-header.png) right 0 no-repeat;}
	
#content h1, h3{
	color:#000;
	padding:8px;
	margin:10px 0 5px 0; 
	clear:both;
	background: #e5e5e5	 url(http://www.southtyneside.info/images/sub-section-header.png) right 0 no-repeat;
	}
/*END Typo*/
/*Header*/
#header{background-color:#D8EFFD;}
		
#site-logo{
	float:left;
	width:26em;
	height:6em}
	
#header h1{
	margin:0;}
	
#header h1 a{
	display:block;
	background: #D8EFFD url(http://www.southtyneside.info/images/logo-stc.gif) 8px 0 no-repeat;
	padding:20px;
	margin:0;
	width:210px;
	height:0}
	
#header h1 span{
	position:absolute;
	top:-999em;
	left:-999em}
	
#header p{
	margin:-7px 0 0 0;
	padding:0 0 0 12px}
	
ul#nav-site-tools{
	list-style:none;
	margin:0;
	padding:0 0 0 24px;
	height:2em;
	text-align:right;
	display:block;}

ul#nav-site-tools li{
	display:inline}
	
ul#nav-site-tools li a{
	padding:4px 8px}
	
ul#nav-site-tools li.first a{
	padding:4px 8px 4px 0}
	
#nav-container{
	background-color:#3B4C73;
	clear:both;
	height:1.3em;
	padding:8px}
	
ul#nav-primary{
	clear:both;
	list-style:none;
	margin:0;
	padding:0;}
	
ul#nav-primary li{
	background-color:#3B4C73;	
	float:left;}
	
ul#nav-register-login{
	float:right;
	list-style:none;
	margin:0;
	padding:0;}
	
ul#nav-register-login li{
	background-color:#3B4C73;	
	float:left}
	
ul#nav-primary li a, ul#nav-register-login li a{
	color:#fff;
	font-weight:bold;
	padding-right:22px}
	
ul#nav-primary li.last a{
	padding-right:0}
	
ul#nav-register-login li.register-site{
	z-index:0;
	position:relative;
	top:-1px;}
	
ul#nav-register-login li.register-site a {
  display:block; /* a must */
  border: solid #f60;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */
  color: #fff;
  background: #f60;
  padding-right:0;
  margin:0;
}

ul#nav-register-login li.register-site a:hover{	
	text-decoration:underline}
	
ul#nav-register-login li.register-site a span {
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #f60;
  border-width:1px 0 0; /* top border only */
}
ul#nav-register-login li.register-site a span span {
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */
}
ul#nav-register-login li.register-site a span span span { /* i don't think three-deep tag is even necessary */
  top:-2px;
  padding: 1px 6px;
  border-width: 0;
}

ul#nav-register-login li.login-site a{
padding-right:8px;
padding-left:22px}
/*END Header*/

/*Left Nav*/
ul#nav-lgnl{
	list-style:none;
	margin:0 5px 140px 0;
	padding:0;
	width:180px}
	
ul#nav-lgnl li{
	margin:0;
	padding:0}
	
ul#nav-lgnl li a{
	border-bottom:1px solid #ccc;
	display:block;
	padding:8px 8px;
	_height: 1em
	}
/*END Left Nav*/

/*Footer*/
#footer{
	border-top:5px solid #e5e5e5;
	padding-top:5px}	

#footer-a{	
	width:17em;	
	float:left;
	padding-top:7px
	}
	
#footer-b{	
	float:left;
	width:30%}	

#footer-c{	
	float:left;
	width:24%}	
	
#footer-d{	
	width:21%;	
	float:left;}
	
#footer-d .trans{
	margin-top:18px}
	
#footer-c ul{
	list-style:none;
	margin:-2px 0 0 3px;
	padding:0;}
	
#footer-c ul li{
	line-height:1.3em}
	
#footer-c ul li a{
	background: transparent url(http://www.southtyneside.info/images/bullet.png) 3px 50% no-repeat;
	padding-left:15px}
	
ul#bookmarks, ul#languages, ul#nav-footer{
	border-top:1px solid #e5e5e5;
	clear:both;
	line-height:3em;
	list-style:none;
	margin:0;
	padding:0 0 0 8px;}
	
ul#bookmarks li, ul#languages li, ul#nav-footer li{
	float:left;
	padding-right:8px}
	
ul#bookmarks li a{
	padding:4px 2px 4px 20px}
	
ul#bookmarks li.delicious a{background: transparent url(../images/bookmark-delicious.gif) 0 50% no-repeat;}
ul#bookmarks li.digg a{background: transparent url(../images/bookmark-digg.gif) 0 50% no-repeat;}
ul#bookmarks li.reddit a{background: transparent url(../images/bookmark-reddit.gif) 0 50% no-repeat;}
ul#bookmarks li.facebook a{background: transparent url(../images/bookmark-facebook.gif) 0 50% no-repeat;}
ul#bookmarks li.stumbleupon a{background: transparent url(../images/bookmark-stumbleupon.gif) 0 50% no-repeat;}
	
ul#bookmarks li.last a{
	background:none;
	border-left:1px solid #e5e5e5;	
	padding-left:6px}
	
ul#nav-footer li.backtotop a{	
	background: transparent url(../images/footer_arrow.gif) 0 50% no-repeat;
	padding-left:16px}
	
ul#nav-footer li a{
	border-right:1px solid #e5e5e5;
	padding-right:8px}
	
ul#links{
	float:right;
	list-style:none;
	margin:0;
	padding:0 8px 0 0}

ul#links li{
	float:left}
	
ul#links li a span{
	position:absolute;
	top:-999em;
	left:-999em}
		
ul#links li.directgov{
	background: transparent url(../images/directgov.gif) 0 0 no-repeat;
	position:relative;
	top:9px;}	
	
ul#links li.directgov a{
	display:block;
	height:16px;
	width:70px}
	
ul#links li.gso{
	background: transparent url(../images/GSO_logo_02.gif) 0 0 no-repeat}	
	
ul#links li.gso a{
	display:block;
	height:44px;
	width:38px}
	
/*Languages*/
ul#languages li a span{	
	position:absolute;
	top:-999em;
	left:-999em}
	
ul#languages li.bengali a{
	background: transparent url(../images/lang_bengali.gif) -12px 7px no-repeat;
	display:block;
	height:2.6em;
	width:4.5em;
	}
	
ul#languages li.arabic a{
	background: transparent url(../images/lang_arabic.gif) -4px 3px no-repeat;
	display:block;
	height:2.6em;
	width:6em;
	}
	
ul#languages li.chinese a{
	background: transparent url(../images/lang_chinese.gif) -18px 5px no-repeat;
	display:block;
	height:2.6em;
	width:4em;
	}
	
ul#languages li.farsi a{
	background: transparent url(../images/lang_farsi.gif) -5px 5px no-repeat;
	display:block;
	height:2.6em;
	width:6em;
	}
	
ul#languages li.hindi a{
	background: transparent url(../images/lang_hindi.gif) -23px 5px no-repeat;
	display:block;
	height:2.6em;
	width:4em;
	}
	
ul#languages li.polish a{
	background: transparent url(../images/lang_polish.gif) -16px 9px no-repeat;
	display:block;
	height:2.6em;
	width:4em;
	}
	
ul#languages li.portuguese a{
	background: transparent url(../images/lang_port.gif) 2px 10px no-repeat;
	display:block;
	height:2.6em;
	width:6em;
	}
	
ul#languages li.punjabi a{
	background: transparent url(../images/lang_punjabi.gif) -5px 9px no-repeat;
	display:block;
	height:2.6em;
	width:7em;
	}
	
ul#languages li.russian a{
	background: transparent url(../images/lang_russian.gif) -1px 9px no-repeat;
	display:block;
	height:2.6em;
	width:8em;
	}
	
ul#languages li.spanish a{
	background: transparent url(../images/lang_spanish.gif) -33px 9px no-repeat;
	display:block;
	height:2.6em;
	width:5em;
	}
	
ul#languages li.tamil a{
	background: transparent url(../images/default_tamil.gif) -16px 9px no-repeat;
	display:block;
	height:2.6em;
	width:4em;
	}
	
ul#languages li.turkish a{
	background: transparent url(../images/lang_turkish.gif) -16px 9px no-repeat;
	display:block;
	height:2.6em;
	width:4em;
	}
	
ul#languages li.urdu a{
	background: transparent url(../images/lang_urdu.gif) -46px 3px no-repeat;
	display:block;
	height:2.6em;
	width:4em;
	}

/*Languages*/
/*END Footer*/

/*Forms*/
.button_basic {
border:3px double #999;
border-top-color:#CCC;
border-left-color:#CCC;
background-color:#FFF;
background-image:url(../images/background_form_element.gif);
background-repeat:repeat-x;
color:#333;
font-weight:700;
font-family:Verdana, Helvetica, Arial, sans-serif;
padding:0.1em;
}

div.dataview ul{
	list-style:none;
	margin:0;
	padding:0}
	
div.dataview ul li{padding:4px 0; margin: 5px; clear:both}

div.dataview fieldset{
	border:1px solid #CCCCCC;
	clear:both;
	margin:5px 2px;
	padding-bottom:10px;
}

div.dataview fieldset legend{
	background-color:#F5F5F5;
	border:1px solid #CCCCCC;
	color:#000000;
	font-weight:bold;
	margin-bottom:5px;
	padding:4px;
	}

ul.list li div span label{
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	margin-right: 5px;
	padding: 0 10px 0 0}
	
#csbtnSearch{margin-left:180px}
#cboStreetReferenceNumber{width:420px}

/*END Forms*/

/*Tables*/
#content table {background-color:#f5f5f5;border-collapse:collapse;padding:0; margin:0 0 5px 0; border-bottom:solid 1px #fff; border-left:solid 1px #fff;width:100%}
#content caption {width:100%;background:#738AB5; text-align:left; color:#fff; font-weight: bold; padding:0.4em 1% 0.4em 0.5em; margin:5px 0 0 0 }
#content th{background-color:#ddd}
#content th, #content td{ padding:0.25em 0.25em 0.25em 1%; border-top: 1px solid #fff; border-right:1px solid #fff; text-align:left; }	
#content table#blk, #content table#dbde{background-color:#fff}
.display_table tr.Row1{background-color:#e5e5e5}
.align_center{text-align:center; padding:8px}
a.results_page_number, span.results_page_number_sel{padding:4px 6px;height:2em; width:2em;margin:2px; border:1px solid #e5e5e5;}

a.results_page_number:hover{background-color:#f5f5f5}

div.dataview.bottom_border div span, ul.list li div span{
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	margin-right: 5px;
	padding: 0 10px 0 0;
	font-weight:bold;
	}

body #content div.align_center span.results_page_number_sel, body #content span#lblPagePosition, body #content span#lblSearchCriteria, .FooterLinks{
	display:inline;
	float:none;
	width:2em;
	margin:2px;
	padding:4px 6px;
}
	
body #content div.align_center span.results_page_number_sel{
	background-color:#3B4C73; color:#fff; border:1px solid #3B4C73;
	padding:4px 6px}	

/*END Tables*/

/*Make stuff look like p*/
span#lblPagePosition, span#lblSearchCriteria, .FooterLinks{padding:4px 8px; line-height:1.5em}
/*END*/

/*Lists*/
.dataview ul.bullet {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:20px;
padding-left:20px;
}
/*END lists*/

/* Sub section list */
ul.sub-section-list{
	margin:0;
	padding:0;
	list-style:none;}
ul.sub-section-list li{
	padding:4px 2px 4px 8px;
	border-bottom:1px solid #e5e5e5;}
/* END Sub section list */

/*Errors*/
.dataview DIV.error{
	background:#FFFFE0 url(../images/error.gif) 8px 10px no-repeat;
	border:1px solid #c00;
	font-weight:bold;
	padding-left:24px}
/*END Errors*/