/***************************************************************
		FAQ Tabbed Design
		Created 17th Nov 2004
		By Mark 'Phunky' Harwood, Tweaked By John Howard
	***************************************************************/	
	
	/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #E5E5E5; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
width:520px;
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #E5E5E5; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #E5E5E5; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */

	
		#faqTbl ul {
			width : auto ; height : auto ;
			margin : 0px; padding : 0px 20px ;
		}
		#tblContent h1 {
			margin : 5px 0px ; padding : 0px ;
			font-weight : normal /*bolder*/;
			background : #EFFBFF ;
			border-bottom: 1px solid #E0F0F5;
		}
		#tblContent h1 span {
			color : #FF6500 !important ; background : #ffffff ;
			font-size: 0.75em;
			padding : 0px ; 
		}

		.noList {
			margin : 0px ; padding : 0px ;
			list-style : none ;
		}
		.faq {
			list-style : url(/images/bubble.png) ;
		}
		.faq a {
			display : block ;
			padding : 2px 0px ;
		}
	
	/***************************************************************
		ID Defined Tags	
	***************************************************************/
	
		#faqTbl {
			width : 100% ; height : auto ; _width : 95% ;
			margin : 0px ; padding : 0px ;
			background : #ffffff ;
		}
		
		#tblMenu {
			display : block ;
			width : auto ; height : auto ;
			margin : 0px ; padding : 0px ;
		}
		
		#tblContent {
			display : block ;
			width : auto ; height : auto ;
			margin : 0px ; padding : 5px ;
			border : 1px solid #A5BDDD;
		}
	
	/***************************************************************
		Menu Styling	
	***************************************************************/

		#tblMenu ul {
			width : auto ; height : auto ;
			margin : 0px ; padding : 0px ;
		}
		
		#tblMenu ul li {
			list-style : none ; float : left ; 
			margin : 0px 2px ; 
		}
		
		#tblMenu ul li a {
			display: block ;
			width: 100px ; height: 20px ;
			margin: 0px ; padding: 5px 0px 0px 5px;
			background: #EFFBFF; color: #00309C ;
			border: 1px solid #A5BDDD;
			border-bottom: 0px;
			font-weight: normal; text-decoration: none ;
		}
		
		#tblMenu ul li a:hover {
			color : #FF6500 ; text-decoration : underline ;
			background : #ffffff ;
		}
		
		.selected {
			background : #ffffff !important; color : #FF6500 !important;
			font-weight: bolder !important;
		}
	
	/***************************************************************
		A-Z Styling	
	***************************************************************/
	
		#tblContent dl {
			display : block ;
			width : auto ; height : auto ;
			margin : 0px ; padding : 0px ;
		}
		
		#tblContent dl dt {
			margin : 5px 0px ; padding : 0px ;
			font-size : 1em; font-weight :normal/* bold*/;
			background : #EFFBFF ;
			border-bottom: 1px solid #E0F0F5;
			border-right: 1px solid #E0F0F5;
		}
		#tblContent dl dt span {
			background : #ffffff ;
			padding : 0px 10px ; 
			color : #FF6500 !important ;
			font-size: 1.0em;
			border-bottom: 0px solid blue;
		}

		.subheader{
			font-size: 1em;
			font-weight:normal;
			background-color: #ffffff;
			color: #FF6500  !important;
			padding : 2px 2px 2px 10px ; 
		}
		
		#tblContent dl dd {
			width : auto ; height : auto ;
			margin : 0px 0px 0px 10px ; padding : 0px ;
		}
		
		#tblContent dl dd a {
			display : block ;
			width : auto ; height : auto ;
			margin : 0px ;
			padding-left:5px;
			border : 1px solid #ffffff ; background : #ffffff ;
			text-decoration : none ;
		}
		
		#tblContent dl dd a:hover {
			border : 1px solid #A5BDDD;
		}
		
		.valid {
			background:#c00 url(http://www.southtyneside.info/images/error.gif) 2px 3px no-repeat;
			border:2px solid #c00;
			color:#fff;
			display:block;
			font-weight:bold;
			margin-bottom:2px;
			padding:4px 4px 4px 22px;
		}