body {
  font-family: sans-serif;
  font-size: 16px;
  margin: 0px;
	background:url(../images/body-bg.jpg) repeat-x #007BB7;
}

/********************* HTML Tags ********************/

h1 {
	font-size:22px;
	color:#007BB7;
	margin-top:0px;
}
	
h2 {
	font-size:17px;
	color:#007BB7; }
	
h3 {
	font-size:15px;
	color:#102430;
	text-transform:uppercase;}
	
h3 a { color:#696969; text-decoration:none; }
	
p { 
	font-size:12px;
	color:#686868; 
	line-height:140%; }
	
p.smallHeading {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold; }
	
p.error {
	margin:0px;
	color:#F00;
	font-weight:bold; margin-bottom:15px; }
	
li {
	font-size:12px;
	color:#686868; }
	
/* remember to define focus styles! */
:focus {
	outline: 0;
}

table {
	text-align:left; }
		
table th {
	font-size:12px;
	text-align:left;
	color:#686868;
	font-weight:bold; }
	
	table td {
	font-size:12px;
	text-align:left;
	color:#686868; }

/********************* End HTML Tags *********************/

.clear {
	clear:both; }

#container {
	position: relative;
	width: 972px;
	margin: 0 auto;}
	
#header {	
	}	
	
#logo {
	float:left; padding-top:5px;
	padding-left:10px;}

#navigation {
	float:right;
	padding-top:2px; }

#footer {
	margin:15px 30px 15px 30px; }
	
#footer a {
	color:#FFF;
	text-decoration:none; }
	
#content {
	z-index: 10;
	padding:15px 30px;
	background-color:#FFF;}
	
.autocomplete {
	border:1px solid #999999;
	font-size:13px;
	padding:5px;
	width:400px; }
	
.operatorCheckbox {
	padding:5px;
	background-color:#F3F3F3;
	float:left;
	margin:2px;
	cursor:pointer;
	display:block;
	min-width:50px; !important }
	
.operatorCheckbox:hover {
	background-color:#E9E9E9; }
	
/********************* Navigation ********************/
	
#mainMenu {
	margin:0;
	padding:0;
	list-style:none;}
	
#mainMenu li {
	float:left;
	background:url(../images/tab-norm-right.png) no-repeat right top;
	margin:0;
	padding:0;
}
	
#mainMenu a {
	float:left;
	display:block;
	background:url(../images/tab-norm-left.png) no-repeat left top;
	padding:13px 23px;
	font-size:17px;
	color:#696969;
	text-decoration:none;
	height:17px;
	font-weight:bold;}
	
#mainMenu a:hover, #mainMenu a:focus {
	text-decoration:underline;}
	
#mainMenu #current {
	background-image:url(../images/tab-norm-right-on.png);}

#mainMenu #current a {
	background-image:url(../images/tab-norm-left-on.png);
	color:#007BB7;}
	
#subMenu ul {
	margin:0;
	margin-bottom:15px;
	padding:0 10px 0 10px;
	list-style:none;
	background:url(../images/tab-sub-bg.jpg) repeat-x bottom; }
	
#subMenu ul li {
	float:left;
	background:url(../images/tab-sub-right.png) no-repeat right top;
	margin:0;
	padding:0;
}
	
#subMenu ul li a {
	float:left;
	display:block;
	background:url(../images/tab-sub-left.png) no-repeat left top;
	padding:10px 12px 20px 12px;
	font-size:12px;
	color:#696969;
	text-decoration:none;
	height:18px;
	font-weight:bold;
	text-align:center;}
	
#subMenu ul li a:hover, #subMenu ul li a:focus {
	text-decoration:underline;}
	
#subMenu ul li.active  {
	background-image:url(../images/tab-sub-right-on.png);}

#subMenu ul li.active a {
	background-image:url(../images/tab-sub-left-on.png);
	color:#007BB7;}
	
ul.smallTabs {
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	background:url(../images/tab-sub-bg.jpg) repeat-x bottom; }
	
ul.smallTabs li {
	float:left;
	background:url(../images/tab-sub-right.png) no-repeat right top;
	margin:0;
	padding:0;
}
	
ul.smallTabs li a {
	float:left;
	display:block;
	background:url(../images/tab-sub-left.png) no-repeat left top;
	padding:10px 12px 20px 12px;
	font-size:12px;
	color:#696969;
	text-decoration:none;
	height:18px;
	font-weight:bold;
	text-align:center;}
	
ul.smallTabs li a:hover, ul.smallTabs li a:focus {
	text-decoration:underline;}
	
ul.smallTabs li.active  {
	background-image:url(../images/tab-sub-right-on.png);}

ul.smallTabs li.active a {
	background-image:url(../images/tab-sub-left-on.png);
	color:#007BB7;}
	
/********************* Navigation End ********************/

/********************* Graphs Page ********************/

.hover-menu {
	cursor:pointer;
	margin-top:5px;
}

.hover-menu h3.button {
	color:#696969;
	font-size:12px;
	text-transform:none;
	margin-bottom:0px;
	padding:5px 25px 5px 5px;
	display:block;
	background: url(../images/bullet-h3.png) no-repeat right; }
	
	.hover-menu h3.button:hover {
		background-color:#E9E9E9; }

.hover-menu ul.actions {
	margin:0px; padding:0px;
	margin-left:-228px; }
	
	.hover-menu ul.actions li {
		font-size:12px;
		line-height:150%;
		list-style:none;
		background-color:#E9E9E9;  
		padding:5px; }
		
	.hover-menu ul.actions li a {
		text-decoration:none;
		color:#007BB7; }
		
		.hover-menu ul.actions li a:hover {
		text-decoration:underline; }

/********************* Graphs Page End ********************/

ul.operatorList {
	margin:0px;
	padding:0px;
}
	ul.operatorList li {
		list-style:none;
		margin:0px;
		padding:0px 0 23px 0; }
	ul.operatorList li.noPadding {
		padding-bottom:0px }
		
table.townData {
	text-align:left; }
		
table.townData th {
	border-top:1px dotted #666666;
	font-size:13px;
	color:#007BB7;
	text-align:left;}
	
	table.townData td {
	border-top:1px dotted #666666;
	font-size:13px;
	color:#333333;
	text-align:right;
	font-weight:bold; }
	
	table.townData th.grey {
		background-color:#F5F5F5; }
	table.townData td.grey {
		background-color:#F5F5F5; }
		
table.wardData {
	text-align:left; }
		
table.wardData th {
	border-top:1px dotted #666666;
	font-size:13px;
	color:#007BB7;
	text-align:center; }
	
	table.wardData td {
	border-top:1px dotted #666666;
	font-size:13px;
	color:#333333;
	text-align:center;
	font-weight:bold; }
	
	table.wardData tr.grey td {
		background-color:#F5F5F5; }
		

table.form th {
	padding-bottom:10px; }
	
table.form td {
	padding-bottom:10px; }

	table.form td input {
		padding:5px;
		font-size:12px; }
		
	table.form td textarea {
		padding:5px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif; }


/********************* Clearfix *********************/

/* slightly enhanced, universal clearfix hack */
.clearfix:after,
#news-list li:after,
ul.three-cols:after,
ul.two-cols:after,
#footer:after,
ul.ui-tabs-nav:after,
.ui-tabs-panel:after
{    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}
	 
.clearfix,
#news-list li,
ul.three-cols,
ul.two-cols,
#footer,
ul.ui-tabs-nav,
.ui-tabs-panel
{ display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix,
* html #news-list li,
* html ul.three-cols,
* html ul.two-cols,
* html #footer,
* html ul.ui-tabs-nav,
* html .ui-tabs-panel
{ height: 1%; }

.clearfix,
#news-list li,
ul.three-cols,
ul.two-cols,
#footer,
ul.ui-tabs-nav,
.ui-tabs-panel
{ display: block; }
/* close commented backslash hack */
	
/********************* End Clearfix *********************/