body {
	font: lighter 62.5%/150% tahoma, arial, helvetica, sans-serif;
}

/* ********************************************************************************************* */

h1, h2, h3, h4, p, li, dt, dd { margin: 0; }

h1, h2, h3, h4 { color: #2288a1; }

a {
 text-decoration: none;
 color: #2288a1; 
}

a:hover 	{ color: #EA0437; }
a:active 	{ border: none; }

div#page div.content:after, 
div#page dl#searchresults:after,
div#page div.content dl.results:after,
div#page div.content dl.glossary:after,
div#page div.nextprev:after, 
div#page ul#levels:after,  
div#page ul.tabletabs:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

/* ********************************************************************************************* */

div#newpage {
	/*width: 765px; */
	margin-right:40px;
}

div#page {
        font-size: 11px; 
}

/* NAV ***************************************************************************************** */

div#page div#nav { 
	margin: 0 20px 20px;
	padding: 0 0 3px;
	position: relative;
}

div#page div#nav hr { background: #2288a1;
                      height: 3px;
                      border: 0px;
                      z-index: -100;
                     }

div#page div#nav.hasButton { margin-bottom: 70px; }

div#page div#nav h2 { padding: 10px 0; z-index: -100;}

div#page div#nav ul {
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	padding: 5px 0 0;
}

div#page div#nav ul li { 
	background: transparent url("../images/tab-nav-off-left.png") 0 0 no-repeat;
	float: right; 
}

div#page div#nav ul li a { 
	background: transparent url("../images/tab-nav-off-right.png") 100% 0 no-repeat;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 10px 5px;
}

div#page div#nav p.button {
	background: transparent url("../images/button-acronym-left.gif") top left no-repeat;
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 1em;	
	margin-top: 10px;
}

div#page div#nav p.button a {
	background: transparent url("../images/button-acronym-right.gif") top right no-repeat;
	display: block;
	padding: 8px 15px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #2288a1;
}

/* CONTENT ************************************************************************************* */

div#page div.content { 
	background: transparent;
	margin: 0 0 20px;
}

div#page div.content h4 { padding: 10px 20px 0; }

div#page div.content p { 
	padding: 0 20px; 
	margin: 20px 0;
}

div#page div.content p.lead { font-weight: bold; }

div#page div.content ul, div#page div.content ol { padding: 0 20px 10px; }

div#page div.content ul li, div#page div.content ol li { margin: 5px 0; }

/* DLs ***************************************************************************************** */

/* DLs: DETAILS ******************************************************************************** */

div#page div.content dl#details {
	background: transparent;
	float: left;
	width: 50%;
	padding: 0;
}

div#page div.content dl#details dt {
	font-weight: bold;
	padding: 0 20px;
} 

div#page div.content dl#details dd { padding: 10px 20px 0; }

/* DLs: RESULTS ******************************************************************************** */

div#page div.content dl.results { 
clear: left; 
padding: 0;
}

div#page div.content dl.results dt {
	/*clear: left;
	float: left;
	width: 95%;*/
	/*padding: 10px 0;*/
	/*border-bottom: solid 1px #CCC;*/
	font:normal 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin-bottom:4px;
}

div#page div.content dl.results dd {
	/*float: left;
	width: 5%;
	padding: 10px 0;*/
	font:bold 1.1em/1.3 Arial, Helvetica, sans-serif;
	margin:0 0 8px 10px;
	/*text-align: right;
	border-bottom: solid 1px #CCC;*/
}

/* DLs: GLOSSARY ******************************************************************************* */

div#page div.content dl.glossary { padding: 10px 20px; }

div#page div.content dl.glossary dt {
	clear: left;
	float: left;
	width: 20%;
	padding: 10px 0 0;
}

div#page div.content dl.glossary dd {
	float: left;
	width: 79%;
	padding: 10px 0;
}

div#page div.content img.graph {
	display: block;
	margin: 20px auto;
}

/* DLs ***************************************************************************************** */

div#page dl#searchresults {
	background: transparent;
	padding: 0 20px 0;
	margin-bottom: 20px;
}

div#page dl#searchresults dt {
	float: left;
	width: 75%;
	font-weight: bold;
	margin: 1em 0 0;
	padding-top: 1em;
	border-top: solid 1px #AAA;
}

div#page dl#searchresults dd {
	float: left;
	width: 100%;
	margin: 0;
}

div#page dl#searchresults dd.postcode {
	width: 25%;
	font-weight: bold;
	text-align: right;
	margin: 1em 0 0;
	padding-top: 1em;
	border-top: solid 1px #AAA;
}

div#page dl#searchresults dt.first, 
div#page dl#searchresults dd.postcode.first { 
	margin-top: 0;
	padding-top: 0;
	border: none; 
}

/* SPECIFIC: TABLETABS ************************************************************************* */

div#page ul.tabletabs {
      margin: 0 20px 0 20px;
      list-style: none;
      border-bottom: solid 1px #658398;
      font-size: 1.0em;
}

div#page ul.tabletabs li {
  	background: transparent url("../images/newtab_grey_left.gif") 0 0 no-repeat;
	float: left;
	margin-right: -1px;
}

div#page ul.tabletabs li a {
  	background: transparent url("../images/newtab_grey_right.gif") 100% 0 no-repeat; 
	display: block;
	padding: 5px 10px;
	color: #AAA;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration: none;
        border-bottom: none;
}

div#page ul.tabletabs li a:hover { color: #666; }

div#page ul.tabletabs li.current { margin-bottom:-1px; }

div#page ul.tabletabs li.current a { 
	padding-bottom: 6px;
	color: #000;
}

div#page ul.tabletabs li a.textbold { 
	background: transparent url("../images/newtab_grey_right.gif") 100% 0 no-repeat; 
	display: block;
	padding: 5px 15px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
        border-bottom: none;
}

div#page ul.tabletabs li a.textnormal { 
	background: transparent url("../images/newtab_grey_right.gif") 100% 0 no-repeat; 
	display: block;
	padding: 5px 15px;
	color: #AAA;
	font-weight: bold;
	text-decoration: none;
        border-bottom: none;
}

div#page ul.tabletabs li a:hover.textnormal { color: #666; }
div#page ul.tabletabs li a:hover.textbold { color: #666; }

/* SPECIFIC: TABLES **************************************************************************** */

div#page table {
	background: transparent;
	margin: 0 20px 20px;	
	border-collapse: collapse;
}

div#page table thead th  {
	padding: 0.3em;
	border: solid 1px #658398;
}
div#page table thead td {
	padding: 0.3em;
	border: solid 1px #658398;
  	border-top: none; 
}

div#page table tbody th, 
div#page table tbody td {
	padding: 0.3em;
	border: solid 1px #658398;
}

div#page table tbody th { text-align: left; }

div#page table tbody td { 
	text-align: center; 
}

div#page table.dataLarge  {
      font-size: 1.3em;
}
div#page table tbody tr.averages th {
	background: #6288a1 !important;
        color: #ffffff;
}
div#page table tbody tr.averages td {
	background: #6288a1 !important;
        text-align: center;
        font-weight: bold;
        color: #ffffff;
}

/* SPECIFIC: GMAPS **************************************************************************** */

div#gmapLarge {
	background: #FAFAFA;
	display: block;
	position: relative;
	margin: 0 20px 10px;
	border: solid 1px #666;
}

div#page div#gmapSmall {
	background: #FAFAFA;
	float: right;
	display: block;
	position: relative;
	width: 40%; 
	margin-right: 20px;
}

/* CIMEX TABLES ******************************************************************************** */

body.cimexJs div#page table tbody tr.cxTablesAlt td, 
body.cimexJs div#page table tbody tr.cxTablesAlt th { background: #F9F9F9; }

body.cimexJs div#page table tbody tr.cxTablesHighlight th, 
body.cimexJs div#page table tbody tr.cxTablesHighlight td, 
body.cimexJs div#page table tbody tr th.cxTablesHighlight, 
body.cimexJs div#page table tbody tr td.cxTablesHighlight { background: #b2c1cb; }