/*  
Site Name: Geo Guide PNCC
Site URI: http://geoguide.palmerstonnorth.com/
Description: PNCC Geo Guide
Version: 2.0

UPDATE INFO ---------------------------------------

Revision number: 2.0
Last updated: 1 Nov 2009

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------
*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses
*08: Skin Schemes 
--------------------------------------------------- */

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

*{margin:0;padding:0;}
body {color:#000;background:#FFF;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.clear-both				{ clear:both; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.border-none			{ border:none !important; }
.border-top-none		{ border-top:none !important; }
.border-bottom-none		{ border-bottom:none !important; }
.margin-none			{ margin:0 !important;}
.margin-top-none		{ margin-top: 0 !important; }
.margin-right-none		{ margin-right: 0 !important; }
.margin-bottom-none		{ margin-bottom: 0 !important; }
.margin-left-none		{ margin-left: 0 !important; }
.padding-none			{ padding:0 !important;}
.padding-top-none		{ padding-top: 0 !important; }
.padding-right-none		{ padding-right: 0 !important; }
.padding-bottom-none	{ padding-bottom: 0 !important; }
.padding-left-none		{ padding-left: 0 !important; }
.hot					{ cursor:pointer; }
.print-only				{ display:none; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.4 "Lucida Grande","Lucida Sans",Verdana,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #fff;
	color: #333;
}

img {}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size:2.7em; font-weight:normal; }
h5 { line-height:1.5em;
		font-size:1.5em; }

ul li,
ol li {
	list-style: none;
}

dt {
	float: left;
	clear: left;
}

dd {
	float: left;
}

blockquote {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: bold;
	color: #999;
	padding: 30px 0 0 0;
}

.quote-src {
	text-align: right;
}

a {
	color:#043279;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

input, select, textarea {
	font-family:"Lucida Grande","Lucida Sans",Verdana,sans-serif;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
	
	#header {
		position:relative;
		height:90px;
	}
	
	#nav {
		background:#000;
	}
	
	#content {}
	
	#menu {
		float:left;
		width:260px;
	}
	
	#ie6 #menu {
		display:inline;
	}
	
	#guide {
		margin-left:260px;
	}
	
	#ie6 #guide {
		height:1%;
		position:relative;
		right:3px;
		margin-right:-3px;
	}
	
	#footer {
		clear:both;
	}
	
/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

	
	p.highlite {
		padding:3px 7px;
		font-size:1.2em;
		color:#fff;
		background:#000;
	}

/***** Tab Search *****/
	
	.search {
		border-top:1px solid #999999;
	}

	.search li.selected h3,
	.search li.selected fieldset.form-search,
	.search li.selected p.error,
	.search li.selected div.results,
	.search li.selected div.detail,
	
	.search li.selected a.hide,
	.search li.selected a.expand {
		display:block;
	}
	
	.search li.expand div.results h3,
	.search li.expand fieldset.form-search,
	.search li.expand div.results,
	.search li.expand a.hide,
	.search h3,
	.search fieldset.form-search,
	.search p.error,
	.search div.results,
	.search div.detail,
	.search a.hide,
	.search a.expand {
		display:none;
	}
	
	.search li {
		position:relative;
		border-bottom:1px solid #999;
	}
	
	#ie6 .search li {
		display:inline;
		zoom:1;
	}
	
	#ie7 .search li {

	}
	
	.search h2 {
		background:url(../images/geoguide/bg/bg-tab-cont-head-grad.png) top left repeat-x;
	}
	
	#ie6 .search h2,
	#ie7 .search h2 {
		zoom:1;
	}
	
	.search h2 a {
		display:block;
		padding:8px 5px 8px 28px;
		font-size:1.3em;
		background:url(../images/geoguide/ind/ind-tabs-plus-minus.png) 10px -28px no-repeat;
	}
	
	.search li.selected {
		padding:0 0 20px;
	}
	
	.search li.selected h2 a {
		display:inline-block;
		background-position: -28px 10px
	}
	
	.search .form-search,
	.search li.selected h2 {
		background:#c5d4ee;
	}
	
	.search .form-search {
		padding:0 10px 10px;
	}
	
	.form-search label {
		display:block;
		margin-bottom:5px;
		font-size:1.1em;
		color:#153365;
	}
	
	.form-search .field-text {
		width:134px;
	}
	
	.form-search .field-btn {
		width:60px;
	}
	
	.search .error {
		position:relative;
		padding:8px 10px;
		color:#fff;
		background:#c20000;
	}
	
	.search .error .ind {
		position:absolute;
		top:-9px;
		left:20px;
		width:12px;
		height:9px;
		background:url(../images/geoguide/ind/ind-tabs-arrow-top-red.png) 0 0 no-repeat;
	}

	.search .error .ind_black {
		position:absolute;
		top:-9px;
		left:20px;
		width:12px;
		height:9px;
		background:url(../images/geoguide/ind/ind-tabs-arrow-top-red-black.png) 0 0 no-repeat;
	}
	
	#ie6 .search h3,
	#ie7 .search h3 {
		zoom:1;
	}
	
	.search h3 {
		padding:10px 10px 8px;
		font-size:1.2em;
		color:#fff;
		background:#000 url(../images/geoguide/ind/ind-shade-arrow-bottom-black.png) 10px 0 no-repeat;
	}
	
	.search li li {
		border-bottom:none;
	}
	
	.search .detail,
	.search .results {
		position:relative;
	}
	
	.search .results ul {
		padding:10px 0 0;
		background:url(../images/geoguide/ind/ind-shade-arrow-bottom.png) 10px 0 no-repeat;
	}

	#idResults h5 {
		background:url(../images/geoguide/ind/ind-shade-arrow-bottom.png) 10px 0px no-repeat;
	}

	
	.search .results ul ul {
		padding:0;
		background:none;
	}
	
	.search .results li {
		overflow:hidden;
		padding:10px;
		border-bottom:1px solid #e5e5e5;
	}
	
	.search .results li li {
		padding:0;
		border-bottom:none;
	}
	
	.search .results h4 {
		float:left;
		line-height:1.3em;
		font-size:1.1em;
		font-weight:bold;
	}
	
	.search .results .options {
		width:60px;
		float:right;
	}
	
	.search .results .options li {
		float:left;
		margin-left:2px;
	}
	
	#ie6 .search .results .options li {
		display:inline;
	}
	
	.search .detail a.report,
	.search .results .options li a {
		overflow:hidden;
		display:block;
		width:28px;
		height:26px;
		text-indent:-10000px;
		background:url(../images/geoguide/ico/ico-tab-search-results-icons.png) no-repeat;
	}
	
	.search .results .options li.rates a {
		background-position:0 0;
	}
	
	.search .results .options li.rates a:hover,
	.search .results .options li.rates a:focus {
		background-position:-28px 0;
	}
	
	.search .results .options li.site a {
		background-position:0 -26px;
	}
	
	.search .results .options li.site a:hover,
	.search .results .options li.site a:focus {
		background-position:-28px -26px;
	}
	
	.search .detail a.report 
	{
		overflow:hidden;
		display:inline-block;
		vertical-align:top;
		background-position:0 -52px;
	}
	
	
	.search .detail a.report:hover,
	.search .detail a.report:focus {
		background-position:-28px -52px;
	}


	.search .detail {
		overflow:hidden;
	}
	
	#ie6 .search .detail {
		zoom:1;
	}
	
	.search .detail h4 {
		float:left;
		margin:0 0 5px;
		padding:15px 0 0 10px;
		text-transform:uppercase;
		font-size:1.3em;
		background:url(../images/geoguide/ind/ind-shade-arrow-bottom.png) 10px 0 no-repeat;
	}
	
	.search dl.report-list {
		overflow:hidden;
		clear:both;
		padding:10px 10px 7px;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		font-size:1.1em;
	}
	
	.search .report-list dt {
		clear:left;
		float:left;
		width:45%;
		margin-bottom:3px;
	}
	
	#ie6 .search .report-list dt {
		width:43%;
	}
	
	
	.search .report-list dd {
		display:inline-block;
		width:54%;   /* AK Change from 55% to 54%, else rates display is underneath each other instead of next to each other*/
		margin-bottom:3px;
		font-weight:bold;
	}
	
	#ie6 .search .report-list dd,
	#ie6 .search .report-list dt {
		display:inline-block;
	}
	
	#ie7 .search .report-list dd,
	#ie6 .search .report-list dd {
		float:none;
	}

/* AK added simple report list.... */
	.search dl.report-list-simple {
		overflow:hidden;
		clear:both;
		padding:10px 10px 7px;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		font-size:1.1em;
	}
	
	.search .report-list-simple dt {
		clear:left;
		float:left;
		width:10%;
		margin-bottom:3px;
	}
	
	#ie6 .search .report-list-simple dt {
		width:10%;
	}
	
	
	.search .report-list-simple dd {
		display:inline-block;
		width:80%;   /* AK Change from 55% to 54%, else rates display is underneath each other instead of next to each other*/
		margin-bottom:3px;
		font-weight:bold;
	}
	
	#ie6 .search .report-list-simple dd,
	#ie6 .search .report-list-simple dt {
		display:inline-block;
	}
	
	#ie7 .search .report-list-simple dd,
	#ie6 .search .report-list-simple dd {
		float:none;
	}

/* AK Simple report list end...... */
	
	.search a.back {
		float:right;
		margin-top:15px;
		padding-right:10px;
		padding-left:7px;
		text-decoration:underline;
		font-size:1em;
		color:#043279;
		background:url(../images/geoguide/ind/ind-tabs-arrow-left.png) left center no-repeat;
	}
	
	.search a.back-bottom {
		margin-top:5px;
	}
	
	.search a.back:hover,
	.search a.back:focus {
		text-decoration:none;
	}
	
	.search a.idclear,
	.search a.clear,
	.search a.expand,
	.search a.hide {
		position:absolute;
		top:9px;
		right:10px;
		padding-left:7px;
		text-decoration:underline;
		font-size:1em;
		color:#043279;
		background:url(../images/geoguide/ind/ind-tabs-arrow-right.png) left center no-repeat;
	}
	
	.search a.idclear,
	.search a.clear {
		top:10px;
		color:#fff;
		background:url(../images/geoguide/ind/ind-tabs-arrow-right-white.png) left center no-repeat;
	}
	
	.search a.expand {
		padding-left:9px;
		background:url(../images/geoguide/ind/ind-tabs-arrow-bottom.png) left 7px no-repeat;
	}
	
	.search a.hide {
		background:url(../images/geoguide/ind/ind-tabs-close.png) left center no-repeat;
	}
	
	.search a.expand:hover,
	.search a.expand:focus,
	.search a.idclear:hover,
	.search a.idclear:focus,
	.search a.clear:hover,
	.search a.clear:focus,
	.search a.hide:hover,
	.search a.hide:focus {
		text-decoration:none;
	}

/***** Box Shade *****/
	.box-shade {
		padding:10px 10px;
		background:#e2e9f6;
	}
	
	#ie6 .box-shade {
		zoom:1;
	}
	
	.box-ind-top {
		margin-top:10px;
		padding-top:18px;
		background:#e2e9f6 url(../images/geoguide/bg/bg-tab-shade-ind-up.png) top left no-repeat;
	}

/***** Keys List *****/
	.keys-list {
		overflow:hidden;
		font-size:1.1em;
	}
	
	#ie6 .keys-list {
		zoom:1;
	}
	
	.keys-list dt {
		width:40px;
	}
	
	.keys-list dd {
		display:inline-block;
		padding:5px 0;
		width:190px;
		line-height:1.2em;
		font-weight:bold;
	}
	
	.keys-list dt.visible,
	.keys-list dt.disabled {
		height:20px;
		text-indent:-10000px;
		background:url(../images/geoguide/ind/ind-eyelets-shade.png) no-repeat;
	}
	
	.keys-list dt.visible {
		background-position:-45px 2px;
	}
	
	.keys-list dt.disabled {
		background-position:-5px -18px;
	}
	
/***** Tick List *****/
	
	.tick-list li {
		border-bottom:1px solid #e5e5e5;
	}
	
	.tick-list label {
		display:block;
		padding:5px 0 5px 40px;
		font-size:1.1em;
		font-weight:bold;
		background:url(../images/geoguide/ind/ind-eyelets.png) -40px 2px no-repeat;
	}
	
	.tick-list .disabled label {
		background-position:0 -18px;
	}
	
	.tick-list label input {
		margin:0 5px;
		float:right;
	}
	
	#ie6 .tick-list label input,
	#ie7 .tick-list label input {
		margin-top:-2px;
	}
	
/***** Tab Content Defaults *****/
	.tab-content {
		display:none;
		position:relative;
		overflow:auto;
	}
	
	#ie6 .tab-content,
	#ie7 .tab-content {
		zoom:1;
	}
	
	#tab-layers {
		display:block;
	}

/***** Tab Content *****/
	.tab-content {
		padding:5px;
	}
	
	.tab-con-gen h2 {
		margin:0 0 10px;
		font-size:1.5em;
		color:#043279;
	}
	
	.tab-con-gen li,
	.tab-con-gen p {
		font-size:1.2em;
		color:#333;
	}
	
	.tab-con-gen ul,
	.tab-con-gen p {
		margin-bottom:5px;
	}
	
	.tab-con-gen li {
		list-style:inside disc;
		margin:0 0 3px 0;
	}

/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/

	.field-text,
	.field-btn {
		padding:5px 10px;
		border:none;
		font-size:1.1em;
	}
	
	.field-btn {
		padding:4px 10px;
		border:none;
		color:#fff;
		background:#153365;
		cursor:pointer;
	}

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/***** Control Styles *****/

	#guide .controls ul {		
		padding:.7em 0;
		height:2.6em;
		text-align:center;
		line-height:1em;
		background:#446395 url(../images/geoguide/bg/bg-tab-gradient.png) repeat-x scroll left top;
	}
	
	#guide .controls li {
		vertical-align:middle;
		display:inline-block;
		border-right:1px solid #5c7a9f;
	}
	
	#ie6 #guide .controls li,
	#ie7 #guide .controls li {
		display:inline;
	}
	
	#guide .controls li.zoom-in a,
	#guide .controls li.zoom-out a,
	#guide .controls li.pan a,
	#guide .controls li.reset a,
	#guide .controls li.print a,
	#guide .controls a.info {
		overflow:hidden;
		display:inline-block;
		width:22px;
		height:22px;
		margin:0 10px 0 7px;
		vertical-align:middle;
		text-indent:-10000px;
		background:url(../images/geoguide/ico/ico-controls.png) no-repeat;
	}
	
	#ie6 #guide .controls li a,
	#ie7 #guide .controls li a {
		display:block;
	}
	
	#ie6 #guide .controls li a.info,
	#ie7 #guide .controls li a.info {
		display:inline-block;
	}
	
	#guide .controls li.zoom-in a {
		background-position:0 0;
	}
	
	#guide .controls li.zoom-in a:hover,
	#guide .controls li.zoom-in a:focus {
		background-position:-22px 0;
	}
	
	#guide .controls li.zoom-out a {
		background-position:0 -22px;
	}
	
	#guide .controls li.zoom-out a:hover,
	#guide .controls li.zoom-out a:focus {
		background-position:-22px -22px;
	}
	
	#guide .controls li.pan a {
		background-position:0 -44px;
	}
	
	#guide .controls li.pan a:hover,
	#guide .controls li.pan a:focus {
		background-position:-22px -44px;
	}
	
	#guide .controls li.reset a {
		background-position:0 -66px;
	}
	
	#guide .controls li.reset a:hover,
	#guide .controls li.reset a:focus {
		background-position:-22px -66px;
	}
	
	#guide .controls li.print a {
		background-position:0 -88px;
	}
	
	#guide .controls li.print a:hover,
	#guide .controls li.print a:focus {
		background-position:-22px -88px;
	}
	
	#guide .controls a.info {
		background-position:0 -110px;
	}
	
	#guide .controls a.info:hover,
	#guide .controls a.info:focus {
		background-position:-22px -110px;
	}
	
	#guide .controls fieldset {
		display:inline;
	}
	
	#guide .controls fieldset select {
		margin-left:10px;
		vertical-align:middle;
	}

/***** Geo Map *****/

	#guide #geo-map {
		height:200px;
		background:#fff;
	}

/***** Header Styles *****/

	#header {
		overflow:hidden;
	}
	
	#header .logo {
		position:absolute;
		top:0;
		left:30px;
		width:123px;
		height:73px;
	}
	
	#header .title {
		float:left;
		margin:20px 0 0 185px;
	}
	
	#ie6 #header .title {
		display:inline;
	}
	
	#header .title em {
		display:block;
		margin:0;
		width:190px;
		height:35px;
		text-indent:-10000px;
		background:url(../images/geoguide/hdg/hdg-geo-guide.png) 0 0 no-repeat;
	}
	
	#header h1 {
		margin:0;
		font-size:1.2em;
		font-weight:bold;
		color:#333;
	}
	
	#header .logo-list {
		float:right;
		margin:30px 30px 10px 10px;
	}
	
	#header .logo-list li,
	#header .logo-list img {
		display:inline;
	}
	
	#header .logo-list li {
		margin-left:5px;
	}
	
	
	#header .logo-list-print 
	{
		text-align:right;
		margin:30px 30px 10px 10px;
	}
	#header .logo-list-print li,
	#header .logo-list-print img {
		display:inline;
	}
	#header .logo-list-print li {
		margin-left:5px;
	}

/***** Nav Styles *****/
	
	#nav {
		overflow:hidden;
	}
	
	#ie6 #nav {
		height:1%;
	}
	
	#nav ul {
		float:left;
		margin:0 0 0 30px;
		border-left:1px solid #666;
	}
	
	#ie6 #nav ul {
		display:inline;
	}
	
	#nav li {
		float:left;
		border-right:1px solid #666;
	}
	
	#nav a {
		display:block;
		padding:10px 30px;
		line-height:1em;
		text-transform:uppercase;
		font-size:1.3em;
		color:#fff;
	}
	
	#nav li.selected a,
	#nav li a:hover,
	#nav li a:focus {
		background:#153365;
		text-decoration:none;
	}
	
	#nav a.help {
		float:right;
		padding:10px 30px 10px 10px;
		font-size:1.2em;
		background:url(../images/geoguide/ind/ind-link-arrow-white.png) 0 center no-repeat;
	}
	
/***** Footer Styles *****/
	
	#footer {
		background:#000;
		overflow:hidden;
	}
	
	#ie6 #footer {
		height:1%;
	}
	
	#footer a {
		color:#b5b5b5;
	}
	
	#footer p {
		float:right;
		margin:0 30px 0 0;
		padding:10px 0;
		line-height:1.2em;
		color:#b5b5b5;
	}
	
	#footer p a {
		text-decoration:underline;
	}
	
	#footer ul {
		float:left;
		margin:0 0 0 30px;
		padding:10px 0;
	}
	
	#ie6 #footer ul {
		display:inline;
	}
	
	#footer li {
		float:left;
		padding:0 15px 0 0;
		margin:0 15px 0 0;
		line-height:1.2em;
		border-right:1px solid #666;
	}
	
	#footer li a {
		text-transform:uppercase;
		font-size:1em;
		color:#b5b5b5;
	}
	
/***** Menu Sytles *****/
	
	#menu .tabs {
		position:relative;
		height:4em;
		line-height:1em;
		background:#446395 url(../images/geoguide/bg/bg-tab-gradient.png) top left repeat-x;
	}
	
	#menu .tabs ul {
		position:absolute;
		bottom:0;
	}
	
	#menu .tabs li {
		float:left;
		margin:0.9em 0 0;
		line-height:1.1em;
	}
	
	#menu .tabs li a {
		display:block;
		width:65px;
		padding:.9em 0;
		text-align:center;
		line-height:1em;
		font-size:1.1em;
		text-transform:uppercase;
		color:#fff;
	}
	
	#menu .tabs li.selected a,
	#menu .tabs li a:hover,
	#menu .tabs li a:focus {
		text-decoration:none;
		color:#043279;
		background:#fff;
	}