/*
Theme Name: viewtraffic.info
Theme URI: http://ukclakle004695:86/
Author: John Aspinall
Author URI: http://www.towerscape.co.uk
Version: 1.0
*/

/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }


/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Tahoma, serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Tahoma, serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited { 
	color: #F08F1D;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #000000 url(img/body-bg.jpg) repeat 50% 0;
	padding: 20px 0 0;
}
#page {
	font-size: 1.2em;
	color: #747980;
	width: 974px;
	margin: 0 auto;
	background: #FFFFFF;
	color: #000000;
}

#top {
	width: 100%;
	overflow: hidden;
	background: url(img/page-tr.gif) no-repeat 100% 0;
	height: 267px;
}
	#logo {
		float: left;
		padding: 40px 0 23px 300px;
		background: url(img/logo.gif) no-repeat 14px 6px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 393px;
			height: 71px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(img/logo-1.gif) no-repeat 0 0;
			}
	#subscribe {
		float: right;
		padding: 30px 40px 0 0;
		width: 75px;
		text-align: center;
		font-family: Tahoma, sans-serif;
	}
		#subscribe a.rss:link, #subscribe a.rss:visited {
			display: block;
			margin: 5px auto;
			width: 40px;
			height: 39px;
		}
			#subscribe a.rss:link span, #subscribe a.rss:visited span {
				background: url(img/icon-rss.jpg) no-repeat 0 0;
			}
	#menu {
		clear: both;
		width: 100%;
		overflow: hidden;
		height: 32px;
		font-family: Tahoma, sans-serif;
		font-size: 173%;
		letter-spacing: -0.05em;
		border-bottom: solid 7px #489DD3;
	}
		#menu ul {
			display: table;
			margin: 0 auto;
			white-space: nowrap;
		}
			#menu li {
				display: table-cell;
				padding: 0 2px;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					color: #333333;
					background: url(img/button3-l.png) no-repeat 0 0;
					text-decoration: none;
				}
					#menu li a:link span, #menu li a:visited span {
						float: left;
						display: block;
						line-height: 32px;
						padding: 0 1.25em;
						background: url(img/button3-r.gif) no-repeat 100% 0;
					}
				#menu li a:link:hover, #menu li a:visited:hover {
					background: url(img/button2-l.png) no-repeat 0 0;
				}
					#menu li a:link:hover span, #menu li a:visited:hover span {
						background: url(img/button2-r.gif) no-repeat 100% 0;
					}
				#menu li.current_page_item a:link, #menu li.current_page_item a:visited {
					background: url(img/button1-l.png) no-repeat 0 0;
				}
					#menu li.current_page_item a:link span, #menu li.current_page_item a:visited span {
						background: url(img/button1-r.gif) no-repeat 100% 0;
					}
				#menu li.current_page_ancestor a:link, #menu li.current_page_ancestor a:visited {
					background: url(img/button1-l.png) no-repeat 0 0;
				}
					#menu li.current_page_ancestor a:link span, #menu li.current_page_ancestor a:visited span {
						background: url(img/button1-r.gif) no-repeat 100% 0;
					}					
	#search {
		clear: both;
		height: 93px;
		background: url(img/search-bg.jpg) no-repeat 0 0;
		position: relative;
	}
		#search input.text {
			position: absolute;
			left: 380px;
			top: 37px;
			width: 255px;
			padding: 3px 5px;
			border: none;
			color: #999999;
		}
		#search input.submit {
			position: absolute;
			left: 670px;
			top: 30px;
			width: 60px;
			height: 50px;
			border: none;
			background: url(img/search-bg.jpg) no-repeat -670px -30px;
			text-indent: -1000em;
			padding: 55px 0 0;
			overflow: hidden;
		}


#outer1 {
	background: #F8FBFD url(img/wrap-bg.png) repeat-x 0 100%;
	padding: 10px 0 0;
}
	#outer2 {
		background: url(img/content-bg.gif) repeat-y 0 0;
		margin: 0 0 0 14px;
		width: 948px;
	}
		#outer3 {
			background: url(img/content-b.png) no-repeat 0 100%;
		}

#wrap {
	background: url(img/content-t.png) no-repeat 0 0;
	min-height: 920px;
	padding: 23px 17px 0 13px;
	width: 918px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#wrap2 {
		float: left;
		width: 660px;
/*		margin-left:-50px;*/
	}
		#content {
			float: right;
			width: 480px;
			
		}
		#side1 {
			float: left;
			width: 165px;
		}
	#side2 {
		float: right;
		width: 240px;
	}

#content p {
	margin: 0 0 1em;
	line-height: 1.5em;
}
#content ul {
}

#content h1 {
	font-size: 166%;
	font-weight: normal;
	font-family: Tahoma, sans-serif;
	letter-spacing: -0.05em;
	color: #5F979E;
	margin: 0 0 1em;
}
	#content h1 span {
		color: #CCCCCC;
	}

.intro {
	font-size: 116.67%;
}

#map {
	text-align: center;
	margin: 0 0 20px;
}

.box1 {
	background: #F2F7F9 url(img/box1-b.png) no-repeat 0 100%;
	margin: 0 0 10px;
}
	.box1 .in {
		background: url(img/box1-t.gif) no-repeat 0 0;
		padding: 10px 10px;
	}
	.box1 h2 {
		text-align: center;
		font-family: rockwell, tahoma, verdana ;
		font-size: 160%;
		font-weight:normal ;
		color:#339999;
		margin: 0 0 .75em;
	}

#menu2 {
	width: 100%;
	overflow: hidden;
}
	#menu2 li {
		float: left;
		width: 100%;
		margin: 0 0 5px;
	}
		#menu2 li a:link, #menu2 li a:visited {
			display: block;
			height: 66px;
			width: 144px;
			position: relative;
		}
			#menu2 li a:link span, #menu2 li a:visited span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(img/buttons.png) no-repeat 0 0;
			}
		#menu2 #b1 a:link span, #menu2 #b1 a:visited span { background-position: 0 0; }
		#menu2 #b1 a:link:hover span, #menu2 #b1 a:visited:hover span { background-position: -144px 0; }
		#menu2 #b2 a:link span, #menu2 #b2 a:visited span { background-position: 0 -75px; }
		#menu2 #b2 a:link:hover span, #menu2 #b2 a:visited:hover span { background-position: -144px -75px; }
		#menu2 #b3 a:link span, #menu2 #b3 a:visited span { background-position: 0 -145px; }
		#menu2 #b3 a:link:hover span, #menu2 #b3 a:visited:hover span { background-position: -144px -145px; }
		#menu2 #b4 a:link span, #menu2 #b4 a:visited span { background-position: 0 -221px; }
		#menu2 #b4 a:link:hover span, #menu2 #b4 a:visited:hover span { background-position: -144px -221px; }
		#menu2 #b5 a:link span, #menu2 #b5 a:visited span { background-position: 0 -294px; }
		#menu2 #b5 a:link:hover span, #menu2 #b5 a:visited:hover span { background-position: -144px -294px; }
		#menu2 #b6 a:link span, #menu2 #b6 a:visited span { background-position: 0 -368px; }
		#menu2 #b6 a:link:hover span, #menu2 #b6 a:visited:hover span { background-position: -144px -368px; }
		#menu2 #b7 a:link span, #menu2 #b7 a:visited span { background-position: 0 -442px; }
		#menu2 #b7 a:link:hover span, #menu2 #b7 a:visited:hover span { background-position: -144px -442px; }
		#menu2 #b8 a:link span, #menu2 #b8 a:visited span { background-position: 0 -515px; }
		#menu2 #b8 a:link:hover span, #menu2 #b8 a:visited:hover span { background-position: -144px -515px; }
		#menu2 #b9 a:link span, #menu2 #b9 a:visited span { background-position: 0 -589px; }
		#menu2 #b9 a:link:hover span, #menu2 #b9 a:visited:hover span { background-position: -144px -589px; }
		#menu2 #b10 a:link span, #menu2 #b10 a:visited span { background-position: 0 -663px; }
		#menu2 #b10 a:link:hover span, #menu2 #b10 a:visited:hover span { background-position: -144px -663px; }
		#menu2 #b11 a:link span, #menu2 #b11 a:visited span { background-position: 0 -743px; }
		#menu2 #b11 a:link:hover span, #menu2 #b11 a:visited:hover span { background-position: -144px -743px; }
		#menu2 #b12 a:link span, #menu2 #b12 a:visited span { background-position: 0 -821px; }
		#menu2 #b12 a:link:hover span, #menu2 #b12 a:visited:hover span { background-position: -144px -821px; }



.box2 {
	background: #F2F7F9 url(img/box2-b.png) no-repeat 0 100%;
	margin: 0 0 15px;
}
	.box2 .in {
		background: url(img/box2-t.gif) no-repeat 0 0;
		padding: 10px 12px;
	}
	.box2 h2 {
		text-align: center;
		font-family: rockwell, tahoma, verdana ;
		font-size: 160%;
		font-weight:normal ;
		color:#339999;
		margin: 0 0 .75em;
	}
	.box2 .content {
		border: solid 1px #EAF1F4;
		background: #FFFFFF;
		padding: 5px 10px;
	}

ul.tabs {
	width: 100%;
	overflow: hidden;
	margin: 0 0 5px;
	font-size: 116.67%;
	font-family: Arial, sans-serif;
}
	ul.tabs li {
		float: left;
		margin: 0 10px 0 0;
	}
	ul.tabs li.last {
		margin: 0;
	}
		ul.tabs li a:link, ul.tabs li a:visited {
			display: block;
			float: left;
			padding: 4px 6px;
			color: #FF9900;
			background: #FFFFFF;
			border: solid 1px #EAF1F4;
		}
		ul.tabs li a:link:hover, ul.tabs li a:visited:hover {
			background: #5F979E;
			color: #FFFFFF;
			border-color: #5F979E;
			text-decoration: none;
		}

ul.list1 {
	width: 100%;
	overflow: hidden;
}
	ul.list1 li {
		float: left;
		width: 100%;
		margin: 0 0 .5em;
	}
		ul.list1 li a:link, ul.list1 li a:visited {
			display: block;
			color: #666666;
			padding: 0 0 0 25px;
			line-height: 18px;
			background: url(img/icon-1.gif) no-repeat 0 50%;
			text-decoration: underline;
		}
		ul.list1 li a:link:hover, ul.list1 li a:visited:hover {
			color: #FD7E18;
		}
		


#add {
	background: #72B4DD url(img/add-bg.jpg) repeat-x 0 100%;
	position: relative;
	color: #FFFFFF;
}
	#add .in {
		padding: 36px 40px 0;
		min-height: 350px;
		background: url(img/page-bl.gif) no-repeat 0 100%;
	}

	#tAdd {
		width: 396px;
		height: 29px;
		margin: 0 0 15px;
		text-indent: -1000em;
	}
		#tAdd span {
			background: url(img/title-1.png) no-repeat 0 0;
		}
	#add p {
		font-size: 150%;
		margin: 0 0 1.5em;
	}

	#add ul {
		float: left;
		width: 266px;
		margin: 0 24px 0 0;
	}
		#add li {
			margin: 0 0 20px;
			position: relative;
		}
			#add li span {
				position: absolute;
				left: 0;
				top: 0;
			}
				#add li span em {
					width: 19px;
					height: 19px;
					display: block;
					line-height: 19px;
					text-align: center;
					font-size: 116.67%;
					font-weight: bold;
					font-style: normal;
					color: #FFFFFF;
					background: url(img/icon-number.png) no-repeat 0 0;
				}
			#add li label {
				display: block;
				font-weight: bold;
				font-size: 116.67%;
				padding: 0 0 0 30px;
				color: #1C5377;
			}
			#add li div {
				margin: 5px 0 0 auto;
				width: 241px;
				height: 30px;
				padding: 5px 0 0 10px;
				background: url(img/input-1.png) no-repeat 0 0;
			}
			#add li.ta div {
				height: 120px;
				background: url(img/input-2.png) no-repeat 0 0;
			}
				#add li input.text {
					border: none;
					font-size: 150%;
					width: 220px;
					color: #000000;
				}
				#add li textarea {
					height: 110px;
					width: 230px;
					border: none;
					font-size: 116.67%;
					color: #000000;
				}
				#add li select {
					font-size: 125%;
				}
		#add li.button {
			margin: 0 0 0 80px;
		}


#footer {
	margin: 0 auto;
	padding: 15px 0;
	width: 910px;
	color: #FFFFFF;
	font-size: 1.2em;
}
	#footer p {
		margin: 0 0 .6em;
	}
#cam-iframe {
	width:450px;
	height:375px;
	overflow:hidden;
	position:relative;
	margin-bottom:12px;
}
#inner-iframe {
	position:absolute;
	top:-180px;
	left:-115px;
	width:1280px;
	height:1200px;
}
#inner-iframe2 {
	position:absolute;
	top:0px;
	left:0px;
	width:1280px;
	height:1200px;
}
h3 { 
	background:url(img/tyre-tread-bg.gif) no-repeat; 
	height:42px; 
	padding-top:5px; 
	font-size:190%;
	color: #000000;
	font-family: tahoma, "Trebuchet MS", Trebuchet, Verdana, Arial;
	font-weight:normal;
}
#adsense468text {
	margin: 15px 0 20px 0;
}
#adsense468links {
	margin: 15px 0 20px 0;
}
#adsense160text {
	padding: 25px 15px 25px 28px;
}
	
	
#eastern li {
	background-color:#000000;
	color:#FFFFFF;

}
#eastern li li  {
	background: url(img/icon-cam.gif) 10px 5px no-repeat;
	padding:10px 0px 10px 50px;
	background-color:#E8F3FF;
	border-bottom: 1px solid #AAD2FF;		
		}
.page-item-333 {
	background: #C6E1FF url(img/icon-info.gif) no-repeat; 
	padding: 10px 0;
}
.formBuilderForm { 
		padding:12px; 
		background: #DDEEFF;
}
		.formBuilderForm input{
		width:250px;
		padding:5px;
		margin-bottom:13px;
		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial; 
		font-size:110%;
		border:1px solid #66B3FF;
	}
	.formBuilderForm textarea{
		width:400px;
		padding:5px;
		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial; 
		font-size:110%;
		margin-bottom:13px;
		border:1px solid #66B3FF ;				
	}
	.formBuilderLabelRequired, .formBuilderLabel {
		font-weight:bold;
		font-family:"Trebuchet MS", Trebuchet, Verdana, Arial; 
		font-size:130%;
		margin-bottom:3px;
	}
	.formBuilderError {
		color:#FF0000;
	}
	.formBuilderSubmit input {
		width:100px;
		border-left:1px solid #c5c5c5;
		border-top:1px solid #c5c5c5 ;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}

#cam-list li { 
	background: url(img/icon-roadsign.gif) no-repeat; 
	 padding: 5px 0 5px 48px;
	 list-style:none;

}
#cam-list li a {
	color:#0066CC;
}
#cam-list li li {
	background: #ffffff url(img/icon-sign.gif) no-repeat;
	margin-top:8px;
	padding-left:40px;
}
#cam-list li li li{
	background: #ffffff url(img/icon-info.gif) no-repeat;
	padding-left:35px;
}
#region-list li {
	background: #ffffff url(img/icon-sign.gif) no-repeat;
	margin-top:8px;
	 padding: 5px 0 5px 45px;
	 list-style:none;	
}
#region-list li li {
	background: #ffffff url(img/icon-info.gif) no-repeat;
	margin-top:8px;
	padding-left:40px;
}
#region-list li li li {
	background: #ffffff url(img/icon-cam.gif) no-repeat;
	margin-top:8px;
	padding-left:40px;
}
#region-list li li li li li {
	background: #ffffff url(img/icon-cam.gif) no-repeat;
	margin-top:8px;
	padding-left:40px;
}
.breadcrumb { 
	border-bottom: 1px solid #e0ebf0; 
	padding:3px 0 3px 5px;
	border-top: 1px solid #e0ebf0;
	background-color:#f2f7f9;
}
.alignleft {float:left; margin: 0 3px 3px 0;}
.alignright {float:right; margin: 0 0 3px 3px;}
.blog-post {width: 480px; margin-bottom:1em;}
	.blog-post h4 { 
		font-size:140%;
	}
	.blog-post h5, cite {
		color:#339999;
		margin:0.5em 0;
		font-weight:normal;
	
	}	
	.blog-post h6 {
		color:#666666;
		font-weight:normal;
		font-style:italic;
		margin:0.5em 0;
	}	
	.blog-post span {
		color:#5B9999;	
		margin-top:0.5em;
		display:block;
	}
.blog-top { 
	background:url(img/blog-post-top.jpg) no-repeat; 
	height: 13px; 
	overflow: hidden;
}
.blog-content { 
	background: url(img/blog-post-grad.jpg) repeat-x; 
	border-right:1px solid #BCBCBC; 
	border-left:1px solid #BCBCBC;
	overflow: hidden;
	padding:0 10px;	
}
.blog-bottom { 
	background:url(img/blog-post-bottom.jpg) no-repeat; 
	height:35px;
	padding:0 10px;	
}
	.blog-bottom p { 
		font-size:90%; 
		color:#CCCCCC; 	
		background:url(img/dotted-line.gif) repeat-x top;
		padding-top:8px;
	}
	.blog-bottom span {
		background:url(img/icon-comments.gif) 10px 0 no-repeat;
		padding-left:30px;
		border-left: 1px solid #CCCCCC;
		margin-left:8px;
		display:inline;
		padding-bottom:0.3em;
	}
	.blog-bottom span.rss{
		background:url(img/feed-icon-14x14.png) 10px 0 no-repeat;
	}
#subscribe-blog	{
		background: #fff url(img/rss-corner.gif) right no-repeat;
		border: solid 1px #EAF1F4;
		padding: 10px;		
}
	#subscribe-blog	p {
		font-size:90%;
		color:#333333;
	}
.icon-rss {
	background:url(img/feed-icon-14x14.png) no-repeat; 
	padding:0 0 5px 23px;
	font-weight:bold;	
	margin-bottom:0.5em;
}
.icon-info {
	background:url(img/icon-info.gif) no-repeat; 
	padding:0 0 5px 23px;
	margin-left:20px;
	margin-bottom:0.5em;
}
.icon-email {
	background:url(img/icon-email.gif) no-repeat; 
	padding:0 0 5px 23px;
	margin-bottom:0.5em;
	line-height:1.3em;
	font-weight:bold;
}
.icon-twitter {
	background:url(img/icon-twitter.gif) no-repeat; 
	padding:0 0 5px 23px;
	margin-bottom:0.5em;
	line-height:1.3em;
	font-weight:bold;
}
.widget { border:1px solid red;}
.wp-polls {
	background-color:#fff4e9; 
	margin-top:1em;
	border:1px solid #FFEAD5;
	font-family:Georgia, "Times New Roman", Times, serif;

}
	.wp-polls p {
		font-size: 12px;
		font-weight:bold;
		text-align:left;
		color:#FFFFFF;
		background-color: #E87400;
			padding:4px;
	}
	.wp-polls li {
		padding:6px 0;
		font-size:12px;
		border-bottom:1px solid #FFEAD5;
		padding-left:80px;
	}
.warning {
	padding:12px 0 12px 60px; 
	border:1px solid #d82400; 
	margin:12px 0; 
	background: #eaeaea url(img/icon-warning.png) 8px 10px no-repeat; 
	font-size:12px;
	clear:both;
}	
.warning a { color:#d82400;}
#prev-next { margin-top: 12px;}
h4.comments {font-size:120%; border-top:1px dotted #000000; padding-top:12px; }
#respond {
	width:435px; 
	background:#eaeaea url(img/comments-form-bg.jpg) bottom repeat-x; 
	padding:12px; 
	margin-bottom:12px;
}
	#respond textarea {width:350px;}
	#respond label, #respond .small {font-size:10px;}
	#respond h4 {margin-bottom:1em;}
.comments-head 	{
	color: #FFFFFF; 
	font-weight:bold; 
	font-size:130%; 
	background-color: #009999;
	padding:6px;
}
.comment-body p {color: #4e4e4e; font-family:Arial, Helvetica, sans-serif;}
.blog-content h4 {font-size:180%;}
.depth-2 { margin-left:10px; border-left:1px dotted #339999; padding-left: 12px;}
.depth-3 { margin-left:15px; padding-left: 12px;}
.depth-4 { margin-left:20px; padding-left: 12px;}
.depth-5 { margin-left:25px; padding-left: 12px;}
cite {font-style:normal; font-weight:bold; font-size:130%;}
cite.off {font-weight:normal;}
.commentlist li .commentnumber {
	float:right;
	color:#fff;
	font-size:2em;
	margin:0;
	clear:right;
	background:#c0c0c0;
	padding:0.1em;
}
.commentlist li li .commentnumber {
	font-size:1.5em;
}
.commentlist li li li .commentnumber {
	font-size:1.1em;
}
.commentlist div {
	background:#f1f1f1; 
	margin:12px 0 12px 0; 
	padding:3px;
	color:#666666;
}
.commentlist p { padding: 0 8px;}

div .vcard {
	background: url(../../themes/viewtraffic/img/icon-comment.png) no-repeat; 
	padding:5px 0 10px 40px;
}
#respond label {display:block; font-size:100%; font-weight:bold; margin-bottom:6px; color:#339999;}
#respond input { margin-bottom: 12px; width:200px;}
#respond span { font-weight:normal; display:inline; color:#666666; font-size:90%;}
#respond textarea {margin-bottom:12px;}
#respond input {padding:5px; font-size:120%; color:#333333;}
.reply {background:url(img/icon-reply.png) no-repeat; padding-left:50px;}