/* CSS Document */
.page h3, .page h4, .page h5, h1, h2, h3, .page p, body
{
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3 
{
	color: #0c2e82;
	vertical-align: middle;
}
h4, h5, h6, .lead {color: #00539b;}
h1, .large 
{
	font-size: 16px;
	line-height: 33px;
	margin-top: 8px;
	margin-bottom: 5px;
}
h2 
{
	font-size: 14px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-size: 0.9em;
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 3px;
}
h4 
{
	font-size: 0.9em;
	margin-top: 5px;
	margin-bottom: 3px;
}
h5 
{
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 2px;
}
p, .XForm 
{
	color: #8c8c8c;
	margin-top: 5px;
	margin-bottom: 4px;
	font-size: 0.8em;
}
a, a:link, a:visited, a:active {
	color: #2b4891;
	border-bottom: 1px solid #b7cbdb;
	text-decoration: none;
}
a:hover {
	color: #6194c0;
	text-decoration: none;
}
ul, ol
{
	list-style-position: outside;
	padding-left: 9px;
	vertical-align: middle;
	line-height: 1em;
}

ul
{
	list-style-image: url('../../Images/NZI/v2/arrow.gif');
	margin-left: 5px;
}

ol
{
	margin-left: 15px;
}

ol li
{
	margin-bottom: 5px;
}

li
{
	font-size: 0.8em;
	color: #8c8c8c;
}
/* classes for enhancing copy in various section of the content panel */
.copy 
{
	font-size: 0.8em;
	line-height: 1.3em;
	color: #8c8c8c;
	margin-top: 8px;
	margin-bottom: 8px;
}
.greycopy 
{
	font-size: 0.8em;
	line-height: 1.3em;
	color: #8c8c8c;
	background-color: #e5ebf2;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px 8px 4px 8px;
}
.results p, .darkcopy
{
	font-size: 0.8em;
	line-height: 1.3em;
	color: #353f5a;
	margin-top: 8px;
	margin-bottom: 8px;
}
.results hr
{
	width: 250px;
	text-align: left;
	height: 2px;
	margin:0px;
	padding:0;
}
.results h3
{
	font-size: 12px;
	line-height: 15px;
	margin-top: 4px;
	margin-bottom: 2px;
}
.intro /* intro paragraph at the top of content pages */
{
	font-size: 0.9em;
	color: #00539b;
	line-height:1.4em;
}
.emphasis, .intro strong, .copy strong, .greycopy strong 
/* either use <span class="emphasis">...</span> or <strong>....</strong> to place emphasis on text in intro, copy or greycopy sections */
{
	color: #00539b;
	font-size: 1.2em;
	font-weight: normal;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
}
strong, .bold {font-weight: bold;} /* <strong> and class="bold" style for increasing font-weight */
/* table layout for list type tables - see products page for an example */
.list {
	border-left: solid 1px #c9dbea;
	border-right: solid 1px #c9dbea;
	border-bottom: solid 1px #c9dbea;
	border-spacing: 0px;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}
.list tr { /* .list table row style setting */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 1px;
	padding: 0px;
}
.list td { /* .list table cell style setting */
	color: #6194c0;
	font-size: 0.9em;
	border-top: solid 2px #ffffff;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 5px;
}
.alt {background-color: #e7eef4;} /* .list table row alternate background color setting */
.list thead { /* .list table heading row style setting */
	border-top: #c9dbea;
	border-left: #c9dbea;
	border-right: #c9dbea;
}
.list th /* .list table heading cell style setting */
{
	background-color: #98b9d5;
	color: #2b4891;
	font-size: 0.9em;
	padding: 2px;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
.list ul /* .list bulleted lists using an arrow */
{
	list-style-image: url('../../Images/NZI/v2/arrow.gif');
	list-style-position: outside;
	padding-left: 9px;
	margin-left: 5px;
	vertical-align: middle;
	line-height: 1.3em;
}
.list li /* .color for the text in the .list bulleted list */
{
	color: #6194c1;
	font-size: 0.8em;
}
.floatleft{float: left;} /* generic float left style to push content to the left edge of a containing div */
.floatright{float: right;} /* generic float right style to push content to the right edge of a containing div */
.floatcenter /* generic float centre style to push content to the left of a containing div */
{
	margin-left: auto;
	margin-right: auto;
}
.clear{clear:both;} /* required to tell divs not to inherit float settings from predecessors - possible only relevant in the layout.css file as users
						may not need to use this in the normal course of editing content */
.hr
{
	height: 5px;
	background-position: left center;
	background-image: url("../../Images/NZI/v2/ruler.gif");
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}
.adpanel /* div to contain adverts in the right column of the site - see the TVNZ market snapshot */
{
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #c9c5c1;
	background-color: #edeae8;
	width:230px;
}
.adpanel th /* heading row settings for the adverts in the right column */
{
	padding: 2px 5px;
	background-color: #004681;
	color: #ffffff;
	font-size: 14px;
}
.adpanel td /* table cells settings for the adverts in the right column */
{
	padding: 2px 5px;
	color: #000000;
	font-size: 0.7em;
}
.top{vertical-align: top;} /* generic style to align content at the top of a cell */
.rightcopy
{
	vertical-align: top;
	width: 75%;
}
.photo /* photo in the right column needs to be centered in respect of preceeding controls */
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	width:230px;
}
.widediv {} /* Used on the home page to place content inside other divs - the escaped wi\dth is a specific hack for a problem in ie browsers */
.right {text-align: right;} /* generic - right align */
.hidden { display: none;} /* map slider panel hidden on home page - see MapLoad.js */
.shown {display: block;} /* map slider panel shown on home page - see MapLoad.js */

/* Migrated from eCentric - for pagination */
.display-search-results, .display-results
{
	width: 100%;
	line-height: 1.8em;
	vertical-align: middle;
	color: #333;
	font-size: 0.75em;
	padding-top: 10px;
}

.msg-error
{
	color: #F00;
	padding-top: 10px;
	padding-bottom: 6px;
	width: 100%;
	font-size: 11px;
}

/* XForm Styles*/
.XFormTextBox
{

}
.XFormLabel
{
	margin-right: 6px;
	vertical-align:middle;
	font-weight:bold;
}
.XFormButton
{
	background: url(../../Images/NZI/v2/go.gif) no-repeat scroll 0 0;
	border: none;
	width: 50px;
	height: 19px;
	cursor: pointer;
	
}

.XForm td
{
	vertical-align:top;

}

.XForm tr
{
	/*height: 28px;*/
}

.XForm fieldset
{
	border-style: none;
	padding-left: 0px;
}

.XForm fieldset input, .XForm fieldset label
{
	margin-right: 6px;
}


.XForm
{
	margin-top: 12px;
}

.XForm ul
{
	color: #ff0000;
	list-style-type:disc;
	list-style-image:none;
}

.XForm li
{
	color: #ff0000;
}