/* ******* STYLESHEET DETAILS ********************
Date Created:   21st January 2011;
Last Updated:   26th January 2011;
For Client:     Metservice - Metconnect;
Author:         Datacom Wellington;
************************************************** */
/* ****** Default Tag Styles ****** */
html,body,ul,ol,li,dl,dt,dd,p,div,img,h1,h2,h3,h4,h5,h6,form,fieldset,a,table,th,td
	{
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}

html {
	font-size: 100.01%;
}

body {
	background: #666666 url(../images/transparency-high-to-white.png) repeat-x;
	/** background-color:#f3f3f3; **/
	color: #000;
	font: normal 62.5%/1.5 Verdana, Geneva, sans-serif;
}

body.whiteBg {
	background-color: #ffffff;
	background-url: none;
}

h1 {
	color: #222;
	font: normal 2em arial;
}

h2 {
	color: #00333b;
	font: normal 1.6em arial;
}

h3 {
	color: #000;
	font: normal 1.3em arial;
}

h4 {
	font: bold 1.2em arial;
}

h5 {
	font: bold 1em arial;
}

h6 {
	font: bold 1em arial;
}

p {
	margin: 0 0 1em;
}

a:link,a:visited {
	color: #21659c;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}

legend {
	margin: -9999px;
	position: absolute;
}

/* ****** Main Container ****** */
#outerContainer {
	font-size: 1.2em;
}

.inner {
	margin: 0 auto;
	position: relative;	
	width: 90%;
}

/* ****** START Header Area Styles ****** */
.header {
	/** background: #fff url(../images/bg-header.jpg) repeat-x 0 bottom; **/
	background-color: white;
	height: 85px;
	float: left;
	padding: 1em 0 0;
	width: 100%;
}

.header .inner {
	padding-left: 20px;
	padding-right: 20px;
}

.logo, .logoUnauth {
	float: left;
}

.logo a {
	background: url(../images/logo-metconnect.gif) no-repeat bottom;
	display: block;
	padding-top: 30px;
	width: 215px;
}
.logoUnauth a{
	background: url(../images/logo-metconnect.gif) no-repeat 35px 16px;
	display: block;
	height:60px;
	width: 300px;
}
.logo-brand {
	float: left;
	margin-left: 10px;
}

.logo-brand img {
	max-width: 230px; 
	max-height: 55px; 
}

ul.quickMenu {
	float: right;
	margin-bottom: 1em;
}

.quickMenu li {
	border-right: 1px solid #000;
	float: left;
	font-family: arial;
	list-style: none;
	line-height: .3;
	padding: 5px .5em;
}

.quickMenu li a.help {
	background: url(../images/icons.gif) no-repeat 0 -686px;
	padding-left: 13px;
}

.quickMenu li.messages {
	background: url(../images/icons.gif) no-repeat 0 -786px;
	padding-left: 22px;
}

.search {
	clear: right;
	float: right;
	
	/* Am hiding the search elements until they are implemented. */
	visibility: hidden;	
}

.search .txtSearch {
	background: #fff url(../images/icons.gif) no-repeat 2px -380px;
	border: 1px inset #666;
	height: 19px;
	padding-left: 1.7em;
}

/* ****** START Main Navigation Styles ****** */
.mainNav {
	border-bottom: 5px solid #004853;
	float: left;
	width: 100%;
}

.mainNav li#menu_item_admin {
	float: right;
}

.mainNav li {
	float: left;
	list-style: none;
	margin-right: 2px;
}

.mainNav a,.mainNav a:link,.mainNav a:visited {
	background: url(../images/bg-tabs.gif) no-repeat right -201px;
	color: #FFF;
	cursor: pointer;
	float: left;
	font: normal 1.4em arial;
	padding-right: 10px;
	position: relative;
}


.mainNav a.warnings,.mainNav a.warnings:link,.mainNav a.warnings:visited {
	background: url(../images/bg-tabs.gif) no-repeat right -770px;
	color: #FFF;
	cursor: pointer;
	float: left;
	font: normal 1.4em arial;
	padding-right: 10px;
	position: relative;
}

.mainNav a:hover {
	text-decoration: none;
}

.mainNav a span {
	background: #daf1f9 url(../images/bg-tabs.gif) no-repeat 0 -201px;
	float: left;
	padding: 6px 0 0 10px;
}


.mainNav a.warnings span {
	background: #daf1f9 url(../images/bg-tabs.gif) no-repeat 0 -770px;
	float: left;
	padding: 6px 0 0 10px;
}

.mainNav a:hover span,.mainNav li.current a span {
	background: #daf1f9 url(../images/bg-tabs.gif) no-repeat;
	text-decoration: none;
}

.mainNav a:hover,.mainNav li.current a,.mainNav li.current a:link,.mainNav li.current a:visited
	{
	background: url(../images/bg-tabs.gif) no-repeat right 0;
	color: #fff;
}

.mainNav a.warnings:hover span,.mainNav li.current a.warnings span {
	background: #daf1f9 url(../images/bg-tabs.gif) no-repeat 0 -820px;
	text-decoration: none;
}

.mainNav a.warnings:hover,.mainNav li.current a.warnings,.mainNav li.current a.warnings:link,.mainNav li.current a.warnings:visited
	{
	background: url(../images/bg-tabs.gif) no-repeat right -820px;
	color: #fff;
}


.mainNav span.icon, .mainNav a.warnings span.icon {
	float: left;
	height: 23px;
	margin-right: 5px;
	padding: 0;
	width: 20px;
}


.mainNav .national span.icon,.mainNav a.national:hover span.icon,.mainNav .current a.national span.icon,.mainNav .current a.national:visited span.icon
{
	background: url(../images/icons.gif) no-repeat 0 -1094px;
}

.mainNav .regional span.icon,.mainNav a.regional:hover span.icon,.mainNav .current a.regional span.icon,.mainNav .current a.regional:visited span.icon
{
	background: url(../images/regional.png) no-repeat 0;
}

.mainNav .local span.icon,.mainNav a.local:hover span.icon,.mainNav .current a.local span.icon,.mainNav .current a.local:visited span.icon
{
	background: url(../images/local.png) no-repeat 0;
}

.mainNav .warnings span.icon,.mainNav a.warnings:hover span.icon,.mainNav .current a.warnings span.icon,.mainNav .current a.warnings:visited span.icon
{
	background: url(../images/icons.gif) no-repeat 0 -90px;
}

.mainNav .admin span.icon,.mainNav a.admin:hover span.icon,.mainNav .current a.admin span.icon,.mainNav .current a.admin:visited span.icon
{
	background: url(../images/icons.gif) no-repeat 0 -1183px;
}

.mainNav .metconnectapp span.icon,.mainNav a.metconnectapp:hover span.icon,.mainNav .current a.metconnectapp span.icon,.mainNav .current a.metconnectapp:visited span.icon
{
    background: url(../images/icons.gif) no-repeat 0 -882px;
}

/* *** Breadcrumbs *** */
.breadcrumbs {
	float: left;
	margin-left: 17px;
	width: 90%;
	height: 24px;
}

.breadcrumbs li {
	font-family: arial;
	float: left;
	list-style: none;
	padding: 3px 0;
}

.breadcrumbs a {
	background: url(../images/icons.gif) no-repeat right -687px;
	margin-right: 4px;
	padding-right: 12px;
}

/* *** Sub Navigation *** */
.subTop,.subBtm {
	float: left;
	height: 10px;
	width: 100%;
}

.subTop {
	background: url(../images/bg-subNav-tp.png) no-repeat 0 bottom;
}

* html .subTop {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-subNav-tp.png', sizingMethod = 'scale' );
	padding-right: 10px;
}

.subBtm {
	background: url(../images/bg-subNav-btm.png) no-repeat;
}

* html .subBtm {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-subNav-btm.png', sizingMethod = 'scale' );
	padding-right: 10px;
}

.subNav {
	float: left;
	font: bold 1em arial;
	position: relative;
	top: 15px;
	width: 215px;
	z-index: 0;
}

* html .subNav {
	top: 25px;
}

*:first-child+html .subNav {
	top: 15px;
}

.subNav ul {
	float: left;
	width: 100%;
}

* html .subNav ul {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-subNav.png', sizingMethod = 'scale' );
	padding-right: 10px;
}

.subNav li {
	border-bottom: 1px solid #aaa;
	background: url(../images/bg-subNav.png) repeat-x;
	float: left;
	list-style: none;
	width: 100%;
}

.subNav li.subSubNav {
	border-bottom: 1px solid #aaa;
	float: left;
	list-style: none;
	width: 100%;
	text-indent: 10px;
	font-size: 90%;
	font-style: italic;
}

.subNav a,.subNav a:link,.subNav a:visited {
	color: #000;
	display: block;
	padding: 5px 10px;
	width: 100%;
}

.subNav a:hover,.subNav .current a,.subNav .current a:link,.subNav .current a:visited
	{
	background: #ffa402 url(../images/bg-subNav-active.gif) repeat-x;
	text-decoration: none;
	color: white;
	width:100%;
}

/* Level Two */
.subNav ul ul li {
	border: 0;
}

.subNav ul ul a,.subNav ul ul a:link,.subNav ul ul a:visited {
	font: normal 1em arial;
	padding-left: 25px;
}

/* ****** START Content Area Styles ****** */
.mainContent {
	position: absolute;
	float: left;
	width: 75%;
	min-width: 590px;
	left: 213px;
	top: 105px;
}

html>body .mainContent { *top: 10px; }

.mainContentUnauth {
	float: left;
	width: 100%;
	margin-top:20px;
}

.mainContentAdmin {
	position: absolute;
	float: left;
	width: 75%;
	min-width: 590px;
	left: 213px;
	top: 105px;
}

html>body .mainContentAdmin { *top: 10px; }

/* Content */
.contentTop,.contentTopAdmin,.contentTopWide,.contentTopUnauth,.contentBtm,.contentBtmAdmin,.contentBtmWide,.contentBtmUnauth {
	float: left;
	height: 0px;
	position: relative;
	width: 100%;
	z-index: 98;
}

.content, .contentAdmin, .contentUnauth {
	/** background: transparent url(../images/bg-content-national.png) repeat-y; **/
	background-color: white;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
 	float: left;
	padding: 20px;
	position: relative;
	z-index: 1;
	min-height:400px;
	width: 100%;
}

* html .content, * html .contentAdmin, * html .contentUnauth {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-content-national.png', sizingMethod = 'scale' );
	padding-right: 12px;
}


/** Full screen styles for map content products **/
.mainContentFullScreen {
    width: 100% !important;
    background-color: white;  
    height:100%;
}

.contentFullscreen {
	padding: 10px 10px 10px 22px !important;
	height: 100% !important;
	z-index: 100;
}
*:first-child+html .contentFullscreen {
	float:left;
}
.innerFullScreen {
	margin: 0;
	width: 100% !important;
}

#fullScreenToggle {
	float:right;
	height: 30px;
	width: 30px;
	background: transparent url(../images/view-fullscreen.png) no-repeat;
	cursor:pointer;
}

#menuSlider {
	float:left;
	position: relative;
	top: 165px;
	height: 115px;
	width: 22px;
	background: url(../images/show-menu-button.png) no-repeat;
	display: none;
	z-index: 1;
	cursor:pointer;
}
#menuSliderHide {
	float:left;
	position: relative;
	top: 165px;
	left: 188px;
	height: 115px;
	width: 22px;
	background: url(../images/hide-menu-button.png) no-repeat;
	display: none;
	z-index: 1;
	cursor:pointer;
}
div.restore {
	background: transparent url(../images/view-restore.png) no-repeat !important;
	cursor:pointer;
}

/*wide template*/
.contentTopWide {
	background: url(../images/bg-top-wideLayout.png) no-repeat 0 bottom;
}

* html .contentTopWide {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-top-wideLayout.png', sizingMethod = 'scale' );
}

.contentBtmWide {
	background: url(../images/bg-btm-wideLayout.png) no-repeat;
}

* html .contentBtmWide {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-btm-wideLayout.png', sizingMethod = 'crop' );
}

.contentWide {
	background: transparent url(../images/bg-rpt-wideLayout.png) repeat-y;
	float: left;
	padding: 0 22px 1.5em;
	position: relative;
	width: 954px;
	z-index: 99;
}

* html .contentWide {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-rpt-wideLayout.png', sizingMethod = 'scale' );
	padding-right: 12px;
}

/* Tabs */
.tabs {
	border-bottom: 5px solid #ff9d01;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

.tabs li {
	float: left;
	list-style: none;
	margin-right: 1px;
}

.tabs a,.tabs a:link,.tabs a:visited {
	background: url(../images/bg-tabs.gif) no-repeat right -69px;
	color: #000;
	cursor: pointer;
	float: left;
	font: normal 1.2em arial;
	padding-right: 10px;
	position: relative;
}

.tabs a:hover {
	text-decoration: none;
}

.tabs a span {
	background: #fff url(../images/bg-tabs.gif) no-repeat 0 -69px;
	float: left;
	padding: 6px 0 4px 10px;
}

.tabs a:hover span,.tabs li.current a span {
	background: #fff url(../images/bg-tabs.gif) no-repeat 0 -135px;
	text-decoration: none;
}

.tabs a:hover,.tabs li.current a,.tabs li.current a:link,.tabs li.current a:visited
	{
	background: url(../images/bg-tabs.gif) no-repeat right -135px;
	color: #000;
}

.tabContainer .col {
	margin-left: 10px;
	float: left;
	width: 320px;
}

/* Form type elements */
.row {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

.col label {
	width: 50%;
}

.col select {
	width: 50%;
}

/* Highlight Box */
.highTop,.highBtm {
	float: left;
	height: 10px;
	width: 100%;
}

.highTop {
	background: url(../images/bg-highlight-tp.png) no-repeat 0 bottom;
	margin-top: 6px;
}

.highBtm {
	background: url(../images/bg-highlight-btm.png) no-repeat;
	margin-bottom: 10px;
}

.highlight {
	background: url(../images/bg-highlight.png) repeat-y;
	float: left;
	padding: 0 10px;
	text-align: center;
	width: 300px;
}

.tip {
	background: transparent url(../images/icons.gif) no-repeat -2px -1280px;
	padding-left: 13px;
}

/* Current Image box */
.currentImg img,.currentImg span,.currentImg .button {
	float: left;
	width: auto;
}

.currentImg span {
	margin: 0 10px;
}

/* Buttons 
button, input[type="button"], input[type="submit"], input[type="reset"] {
	background: transparent url(../images/button-bg.gif) repeat-x;
	border: 1px solid #666;
	color: #000;
    -moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
 	height: 22px;
 	padding-bottom:2px;	
}

button:hover, input[type="button"]:hover , input[type="submit"]:hover, input[type="reset"]:hover{
	background: transparent url(../images/button-bg-hover.gif) repeat-x;	
	border: 1px solid #333;
}

button[disabled], input[type="button"][disabled] , input[type="submit"][disabled], input[type="reset"][disabled]{
	background-color: #f0f0f0;
	border: 1px solid grey;
	color: grey;
}
*/
.buttons {
	border-top: 2px solid #ff9d01;
	float: left;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	width: 100%;
}

.button {
	border: 0;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
}

.btnAdd {
	background: url(../images/btn-add.png) no-repeat;
	padding: 7px 0 12px 36px;
	text-align: left;
	width: 128px;
}

input.btnDelete {
	background: url(../images/icons.gif) no-repeat right -485px;
	height: 17px;
	padding: 0 9px;
	width: 20px;
}

input.plus-icon {
	background-image: url(../images/admin/add.gif);
	background-repeat: no-repeat;  
	background-position: 3px center;  
    float: left;
    margin-top: 4px;
    margin-bottom: 3px;
    margin-right: 4px;
    padding-left: 26px;
    padding-right: 10px;
}

label.disabled {
	color: grey;	
}
/* ****** Side Column ****** */
.widgetTop,.widgetBtm {
	float: right;
	height: 10px;
	width: 166px;
}

* html .widgetTop,* html .widgetBtm {
	margin-left: 5px;
}

.widgetTop {
	background: url(../images/bg-sideCol-tp.png) no-repeat 0 bottom;
}

* html .widgetTop {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-sideCol-tp.png', sizingMethod = 'scale' );
}

.widgetBtm {
	background: url(../images/bg-sideCol-btm.png) no-repeat 0 0;
}

* html .widgetBtm {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-sideCol-btm.png', sizingMethod = 'scale' );
}


.sideColumn {
	position: absolute;
	width: 166px;
	top: 30px;
	right: 40px;
	z-index: 99;
}

* html .sideColumn {
	top: 85px;
}

*:first-child+html .sideColumn {
	top: 40px;
}

.sideColumn h2 {
	border-bottom: 1px solid #aaa;
	margin-bottom: .3em;
	padding-bottom: 8px;
	text-transform: uppercase;
	color: #000;
}

.sideColumn h2.help {
	background: url(../images/icons.gif) no-repeat 0 -593px;
	padding-left: 28px;
	font-size: 1.3em;
	margin-left:6px;
}
/** Make the help link pretty **/
.sideColumn h2.help a, .sideColumn h2.help a:visited, .sideColumn h2.help a:active {
	color: #004853;
	font-weight: 700;
	text-decoration: none;
}
.sideColumn h2.help a:hover {
	color: #eb6800
}

.sideColumn p {
	margin-bottom: 0;
	padding-left:10px;
}

.sideColumn .widget {
	background: url(../images/bg-sideCol.png) repeat-y;
	float: left;
	width: 100%;
}

* html .widget {
	background-image: none;
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/bg-sideCol.png', sizingMethod = 'scale' );
}

.sideColumn .inner {
	float: left;
	margin-left: 15px;
	width: 145px;
}

div.inner p {
	margin: 0px;	
}
* html .sideColumn .inner {
	margin-left: 13px;
}

.sideColumn li {
	background: url(../images/divider-hor.jpg) repeat-x 0 bottom;
	list-style: none;
	padding: .5em 0 .5em .25em;
}

.sideColumn select {
	width: 100%;
}
/* ****** START Contextual Left Nav Styles ****** */
.warningPanel{	
	z-index: 0;
}
.warningPanelTop{
	background: url(../images/warning-btn-tp.png) no-repeat 0;
	height:28px;
	color:#fff;
/* 	font: 1.2em tahoma; */
	font: 1.2em;
	line-height:2.1em;
	padding-left:8px;
  	cursor: pointer;
}
.warningPanelTop span.icon{
	background: url(../images/icons.gif) no-repeat 0 -92px;
	padding-left:22px;
	padding-bottom:2px;
}

.warningNav {
  width:100%;
}
.warningMenuDiv li  {
	padding-left:8px;
  list-style: none;
}

.warningMenuDiv .warningItem {
	background: url(../images/warning-item-bg.png) repeat-x 0 bottom;
  padding-top:4px;
  height:22px;
}

.warningMenuDiv .allWarnings{
  background-color: #DF3402;
  padding-top:4px;
  height:22px;
}

.warningMenuDiv .warningItem a {
  color: black;
}

.warningMenuDiv .allWarnings a {
  color: white;
}

.warningPanelBottom{
	background: url(../images/warning-btn-bottom.png) no-repeat 0;
	width:100%;
	height:4px;
}
.leftNavSlider {
	float:left;
	position: relative;
    top: 20px;
    width: 15%;
    min-width: 215px;
    z-index: 0;
}
.leftNavSliderFullScreen{
	float:left;
	position: absolute;
    top: 70px;
    width: 147px;
    z-index: 0;
}
*:first-child+html .leftNavSliderFullScreen{
	top:-76px;
}
.mapContainerFullScreen{
	margin-left:188px;
}
.contextNav {
	width: 100%;
	z-index: 0;
}
.contextNavTop{
	background: url(../images/level1-item-tp.png) no-repeat 0;
	width:100%;
	height:3px;
}
.contextNavRepeat{
	background:white;
	border-left: #CCCCCC solid 1px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	width:100%;
	height:28px;
	text-transform: uppercase;
	color:#eb6800;
	font-weight:700;
/* 	font: 1.2em tahoma; */
	font: 1.2em;
	padding:0px 0px 0px 8px;
	line-height:1.6em;
	cursor: pointer;
}
.contextNavSolo{
	background: url(../images/level1-item-repeat.png) repeat-x 0;
	border-left: #CCCCCC solid 1px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	width:100%;
	height:28px;
	text-transform: none;
	font: 1.2em;
	padding:0px 0px 0px 8px;
	line-height:1.6em;
	cursor: pointer;
}
#productMenuList .contextNavItemContent-l1  div.ui-state-default {
	border-left: #CCCCCC solid 1px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	background:white;
	color: black;
	cursor: pointer;
	margin: 0;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;	
	
}
#productMenuList .contextNavItemContent-l1 div.ui-state-active {
	border-left: #CCCCCC solid 1px;
	border-top: none;
	border-bottom:none;
	border-right:none;
	background:white;
	color: black;
	cursor: pointer;
	margin: 0;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;	
	
}
.contextNavItemContent-l1 {
	line-height:2em;
}

#productMenuList .contextNavItem-l1, #placeMenuList .contextNavItem-l1 {
	float: left;
	list-style: none;
	width: 100%;
	background: url(../images/level2-item-repeat.png) repeat-x 0 top;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 1px;
	color:#000;
/* 	font: bold .95em tahoma; */
	font: bold .95em;
	text-transform:uppercase;
	padding-left:4px;
	line-height:2em;
	cursor: pointer;
	min-height:26px;
}

/** Hover on the top level available products list **/
#productMenuList .contextNavItem-l1:hover, #placeMenuList .contextNavItem-l1:hover {
	background: url(../images/level2-item-repeat-selected.png) repeat-x 0 top;
}
#productMenuList .contextNavItem-l1:hover span a, #placeMenuList .contextNavItem-l1:hover span a {
	color: white;
}

.contextNavItem{
	float: left;
	width:100%;
	background: url(../images/level2-item-repeat.png) repeat-x 0 top;
	color:#000;
	font: bold .95em;
	padding-left:4px;
	line-height:2em;
	min-height:26px;
}
.contextNavItem select{
	width:auto;
	max-width:204px;
}
#productMenuList a, #productMenuList a:hover, #productMenuList a:visited, #productMenuList a:active{
	color:#004853;
	text-decoration:none;
}
#productMenuList div.active span a {
	color:white;
}
#productMenuList div.active {	
	background: url(../images/level2-item-repeat-selected.png) repeat-x 0 top;
	cursor: pointer;	
}
#productMenuList div.contextNavItem-l1 span{
	background: url(../images/little-arrow-closed.png) no-repeat 0 3px;
	padding-left:10px;
}

#productMenuList div.active span{
	background: url(../images/little-arrow-down.png) no-repeat 0 3px;
}

#productMenuList div.contextNavItem-l2 span{
	background: url(../images/little-arrow-closed.png) no-repeat 0 3px;
	padding-left:10px;
}

#productMenuList div.contextNavItem-l2:hover span{
	color: #eb6800;
}

#productMenuList div.ui-state-active span{
	background: url(../images/little-arrow-down.png) no-repeat 0 3px;
}
#productMenuList div.contextNavItem-l2 span.ui-icon{
	background-image:none;
}

.contextNavItem-l2-top {
	float: left;
	height: 0px;	
}
.contextNavItem-l2-no-child, .contextNavItem-l2 {
	float: left;	
	border-left: #CCCCCC solid 1px;
	background:white;
	width: 100%;
/* 	font: bold .95em tahoma; */
	font: bold .95em;
	text-transform:none;
	color: black;
	padding:5px 0 3px 8px;
	margin:0;	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
}

/** Level 2 product items are black by default **/
.contextNavItem-l2-no-child a span, .contextNavItem-l2-no-child a:visited span, .contextNavItem-l2-no-child a:active span{
	color:black;
	text-decoration:none;
}

/** Level 2 product items are orange on hover **/
.contextNavItem-l2-no-child a:hover span, .contextNavItem-l2-no-child a span.selected {
	color:#eb6800;
	text-decoration:none;
}

.contextNavItemContent-l2 {
	clear: both;
	top: 0 !important;
	padding: 0px 0px 0px 3px !important;	
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	overflow: hidden !important;
	
	margin-bottom: 0 !important;
}
.contextNav .ui-widget-content{
	border-left: #CCCCCC solid 1px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	background:white;
}
.contextNavItem-l2-bottom {	
	height:0px;
	float: left;
}

.contextNavItem-l3{
	float: left;
	/*background:url(../images/shading-tp.png) no-repeat 0 top;*/
	width: 100%;
/* 	font: normal .95em tahoma; */
	font: normal .95em;
	text-transform:none;
	line-height:2em;
	padding:5px 0 0 10px;
	margin:0;
}
.contextNavItem-l3 li{
	margin:0;
	float: left;
	width: 100%;
	list-style: none;
	/*background:url(../images/shading-repeat.png) repeat-y 0 top;*/
}
.contextNavItem-l3 li.last{
	/*background:url(../images/shading-bottom.png) no-repeat 0 top;*/
	height:3px;
	width:100%;
}
.contextNavItem-l3 li span,.contextNavItem span, .contextNavItemSelected span {
	padding-left:15px;
}
.contextNavBottom{
	clear:both;
	background: url(../images/level1-item-bottom.png) no-repeat 0;
	width:100%;
	height:3px;
}

/* ****** END Contextual Left Nav Styles ****** */

/* ****** START Footer Area Styles ****** */
.footerNew, .footerAdmin, .footerUnauth{
	height:20px;
	background: #ffffff;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	margin: 10px auto 10px auto;
	float:left;
	width:100%;
	position:relative;
	z-index:89;
}
.footerNew span, .footerAdmin span, .footerUnauth span{
	background: #ffffff url(../images/logo-footer.png) no-repeat center;
	color:#eb6800;
	font-weight: bold;
	width:90%;
	text-align: right;
	vertical-align: middle;
	position: absolute;
}

.footerWide{
	height:54px;
	background: url(../images/footer-wide.png) no-repeat;
	float:left;
	width:100%;
	margin-left:0px;
}
.footerWide span{
	margin-left:405px;
	padding:19px 0px 0px 0px;
	float:left;
	color:#e45100;
	width:280px;
}
/* ****** START Products List Styles ****** */
.productSelection{
	clear:both;
	float:left;
	width:100%;
	margin-top: 10px;
	padding-bottom:12px;
}
.productSelection .ledgend {
	margin-bottom: 8px;
}
.productSelection .ledgend span {
	margin-right: 8px;
}
.productSelection .ledgend img {
	padding-left: 0;
}
.productSelection img {
	vertical-align: middle;
	padding-left: 10px;
}
ul.productsList{
	float:left;
	width:416px;
	padding-top:4px;
}
.productsList li{
	float: left;
	font: normal 1.2em;
	list-style: none;
	width:420px;
	padding:2px 14px 2px 0;
}

.selfSignUpProductSelection {
    font-size: 100%;
    margin: 0 auto;
    max-width: 1500px;
    min-width: 500px;
    padding: 0;
    text-align: left;
    width: 600px;
    position: relative;
}

.selfSignupTermsAndConditions {
    float: left;
    width:568px;
}

h3.productListTitle {
 border-bottom: 1px solid #6A8616;
 padding-bottom: 4px;
}

.productsList li.active{
	background:#6a8616 url(../images/frame-bg.png) repeat-x;
}
.productsList li.total{
	border-top:1px #000 solid;
	text-align:right;
}
.productsList li label, .productsList li input, .productsList li a{
	float:left;
}
.productsList li span.moneyField{
	float: right;
	font-weight:bold;
	padding-left:2px;
}
.productDetails{
	width:459px;
	position: absolute;
	top: 300px;
	left: 375px;
	display:none;
}
.productDetails p{
	line-height:1.4em;
}
.productDetails img {
	padding: 10px 0 0 0;
}

.productDetails .filesTitle {
	font-weight: bold;
}

.productDetails ul li {
	list-style:none;
	overflow-wrap:break-word;
}

.productDetails ul li.file {
	margin-left: 10px;
	font-style:italic;
}

.productDetails ul li.file.meta {
	margin-left: 15px;
	list-style:inside;
}

.productDetails ul li.file.meta span {
	margin-left: -8px;
}

.frameTop{
	background:url(../images/frame-tp.png) no-repeat;
	height:8px;
}
.scrollBarSpace {
    width: 440px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.frameContent{
	background:url(../images/frame-repeat.png) repeat-y;
	padding:0 12px;		
}
.frameBottom{
	background:url(../images/frame-bottom.png) no-repeat;
	height:8px;
}
/* ****** END Products List Styles ****** */
/* ****** START Generic Styles ****** */
.floatLeft {
	float: left;
}

.hidden {
	margin: -9999px;
	position: absolute;
}

li.last,.column div.last {
	background-image: none;
	border-right: 0;
	padding-right: 0;
}

.error {
	border-color: #CC0000;
	border-style: solid;
	background-color: #FFBBBB;
	width: 160px;
}

.emailError {
	border-color: #CC0000;
	border-style: solid;
	background-color: #FFBBBB;
	width: 326px;
}

.errorBox {
	border: solid 1px #CC0000;
	background: #FFBBBB url(../images/warning.png) no-repeat 30px 20px;
	padding-left: 10px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-radius: 4px;
}

div.errorBox ul {
	margin-left: 100px;
	min-height: 45px;
}

.errorSymbol {
	background: url(../images/error.png) no-repeat 0 0;
	padding-left: 16px;
	padding-bottom: 16px;
	width: 16px;
	height: 20px;
	display: inline;
}

.save {
	background: url(../images/tick.png) no-repeat 0 -593px;
}

form dt {
	clear: both;
	width: 20%;
	float: left;
	text-align: right;
	margin-top: 3px;
}

form dt label {
	padding-right: 10px;
}

form dd input {
	border: solid 1px #6E6A6B;
}

form dd input.double {
	margin-right: 4px;
	width: 160px;
}

form dd input.doubleError {
	border-color: #CC0000;
	border-style: solid;
	background-color: #FFBBBB;
	width: 160px;
}

form dd input.email {
	width: 326px;
}

form dd input.standard, dd select.standard {
	width: 160px;
}

form dd input.standard.wide, form dd input.error.wide, form dd textarea.wide {
	width: 450px;
}

form dd input.checkbox {

}


form dd {
	float: left;
	width: 79%;
	margin: 0 0 0.5em 0.25em;	
}

form dd.checkbox {
	float: left;
	width: 79%;
	margin: 0 0 0.5em 0.25em;
	padding-top: 2px;	
}

form dl {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#prodInformation dd {
    padding-top: 3px;
}

div.formButtons {
	clear: both;
	border-top: solid 2px #ffa402;
}

input.formButtonEmphasis {
	margin-right: 5px;
	cursor: pointer;
	background-color: #16414e;
	color: white;
}

input.formButton {
	margin-right: 5px;
	cursor: pointer;
}

form input:focus,input.iefocus {
	background-color: #ffffc0 !important;
}

.btnRightAlign {
	float: right;
	margin:3px 0px;
}

.savedsuccessful {
	clear: both;
	margin:6px 0px;
	padding:3px 6px 0px 24px;
	background: #ecf6da url(../images/tick.png) no-repeat 5px center;
	height:22px;
	 -moz-border-radius-bottomright: 4px;
	 -moz-border-radius-topright: 4px;
	 -moz-border-radius-bottomleft: 4px;
	 -moz-border-radius-topleft: 4px;
	 border-radius: 4px;
	 border: solid 1px #99CC00;
}

.errordiv {
	clear: both;
	margin-bottom:6px;
	padding:3px 6px 0px 24px;
	background: #FFBBBB url(../images/error.png) no-repeat 3px center;
	margin-top:3px;
	height:22px;
	 -moz-border-radius-bottomright: 4px;
	 -moz-border-radius-topright: 4px;
	 -moz-border-radius-bottomleft: 4px;
	 -moz-border-radius-topleft: 4px;
	 border-radius: 4px;
	 border: solid 1px #CC0000;
}

.currentOrg {
	float: right;
	padding:3px;
}

.currentOrg #label {
    background: url(../images/bg-tabs.gif) no-repeat 0 -399px;
    padding: 5px 5px 8px 10px;
    float: left;
}

.currentOrg #selector {
    background: url(../images/bg-tabs.gif) no-repeat right -399px;
    padding: 2px 5px 10px 0;
    float: left;
}

.currentOrg #selector.label {
    padding: 5px 5px 8px 10px;
    font-weight: normal;
}

.currentOrgClear {	
	color: #222;
	float: right;
	margin-bottom: 3px;
	padding:3px;		
}

.currentOrg span, .currentOrgClear span {
	margin-left: 6px;
}

.topbar {
	clear: both;
	border-top: solid 2px #ffa402;
}
.currentOrg, .currentOrgClear span label{
	font-weight: bold;
	padding-right: 8px;
}

.tabNav {
	border-bottom: 5px solid #004853;
	float: left;
	width: 100%;
}
.tabNav li {
	float: left;
	list-style: none;
	margin-right: 2px;
}

.tabNav a,.tabNav a:link,.tabNav a:visited {
	background: url(../images/bg-tabs.gif) no-repeat right -587px;
	color: #222;
	cursor: pointer;
	float: left;
	padding-right: 10px;
	position: relative;
}

.tabNav a:hover {
	text-decoration: none;
}

.tabNav a span {
	background: #fff url(../images/bg-tabs.gif) no-repeat 0 -587px;
	float: left;
	padding: 4px 0 2px 10px;
}

.tabNav a:hover span,.tabNav li.current a span {
	background: #fff url(../images/bg-tabs.gif) no-repeat 0 -526px;
	text-decoration: none;
}

.tabNav a:hover,.tabNav li.current a,.tabNav li.current a:link,.tabNav li.current a:visited
	{
	background: url(../images/bg-tabs.gif) no-repeat right -526px;
	color: #fff;
}
.clearBoth{
	clear:both;
}
.selectOrg{
	/*font-weight:bold;*/
	margin-left:5px;
	font-size:1em;
}
tr.highlightrow {
	background-color:#ecf6da!important;
	border: solid 1px #99CC00;	
}
label.windspeed {
	background: url(../images/wind-speed.gif) no-repeat left center;
	padding-left: 40px;
}
label.winddirection {
	background: url(../images/wind-direction.gif) no-repeat left center;
	padding-left: 30px;
}
label.temperature {
	background: url(../images/temperature.gif) no-repeat left center;
	padding-left: 40px;
}
label.dayDefinition {
	background: url(../images/clock-22x22.png) no-repeat left center;
	padding-left: 35px;
}

#applicationPreferences dt label {
  display: inline-block;
  min-height: 22px;
}

div.logoPreview {
	width: 230px; 
	height: 55px; 
	border-color: #ffa402; 
	border-style: solid; 
	border-width: 1px;
}
img.logoPreview {
	max-width: 230px; 
	max-height: 55px; 
}

.arrowOpen {
	background: url(../images/arrow-open.png) center center no-repeat;
	padding-right: 10px;
	
}

.arrowClosed {
	background: url(../images/arrow-closed.png) center center no-repeat !important;
}

td.navigate {
    cursor: pointer;
}

td.navigate:hover {
    text-decoration: underline;
    color:  #21659C;
}

.hide {
	display: none;
}

div.page-title {
	margin-bottom: 20px;
}


#roadForecast h2, #extendedRoadForecast h2 {
	padding-bottom:20px;
}

#roadForecast td b, #extendedRoadForecast td b{
  font-weight: normal;
}

#roadForecast td {
  text-align: center; 
}

#roadForecast th[colspan="2"] {
  font-size: 12pt;
}

#termsandconditions {
    background-color: #fff;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    padding-right: 25px;
    padding-left: 10px;
}

#termsandconditions h1, #termsandconditions h2, #termsandconditions h3, #termsandconditions h4 {
    color: #EB6800;
    font-weight: bold;
    margin-bottom: 17px;
    margin-top: 20px;
}

#termsandconditions h1 {
    font-size: 36px;
}

#termsandconditions p {
    align: justify;
    margin-bottom: 5px;
    margin-left: 35px;
}

#termsandconditions ol li {
    list-style: decimal;
    margin-left: 35px;
}

#termsandconditions ol li ol li {
    list-style: lower-roman;
    margin-left: 30px;
}

#termsandconditions ol li li {
    list-style: lower-latin;
}

#termsandconditions ol li li li {
    list-style: lower-roman !important;
}

li.productGroup {
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 10px;
}

li.productSubGroup {
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 10px;
}

li.productGroupType {
	font-weight: bold;
	font-size: 1em;
	padding-top: 3px;
}

li.productDescriptionCheckbox {
	margin-left: 15px;
	padding-left: 5px;
}

.addLightningBoxButton {
	margin-bottom : 10px;
}

.clonedInput {
	margin-bottom : 20px;
}

.boxNumberHeader {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #CCCCCC;
	padding-left : 10px;
	padding-right : 10px;
	font-weight : lighter;
}

.latitudeHeader {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #CCCCCC;
	font-weight : lighter;
}

.longitudeHeader {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #CCCCCC;
	font-weight : lighter;
}

.distanceHeaderNorth {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #CCCCCC;
	font-weight : lighter;
}

.distanceHeaderWest {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #CCCCCC;
	font-weight : lighter;
}

.distanceHeader {
	border-top: solid 1px #666666;
	border-right: solid 1px #666666;
	background-color: #CCCCCC;
	font-weight : lighter;
}


.removeBoxHeader {
	border-top: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	background-color: #CCCCCC;	
}

.cellNumber {
	border-bottom: solid 1px lightgrey;
	border-left: solid 1px lightgrey;	
	border-right: solid 1px lightgrey;
}

.cellLatitude {
	border-bottom: solid 1px lightgrey;
	border-right: solid 1px lightgrey;
}

.cellLongitude {
	border-bottom: solid 1px lightgrey;		
	border-right: solid 1px lightgrey;
}

.cellDistanceNorth {
	border-bottom: solid 1px lightgrey;	
	border-right: solid 1px lightgrey;
}

.cellDistanceWest {
	border-bottom: solid 1px lightgrey;	
	border-right: solid 1px lightgrey;
}

.cellDelete {
	border-bottom: solid 1px lightgrey;	
	border-right: solid 1px lightgrey;
	padding-left : 6px;
	padding-right : 5px;
	padding-top : 4px;
	padding-bottom : 2px;
}

.inputLatitude {
	border : none;
	text-align:right; 
}

.inputLongitude {
	border : none;
	text-align:right; 
}

.inputDistanceNorth {
	border : none;
	text-align:right; 
}

.inputDistanceWest {
	border : none;
	text-align:right; 
}

.createBoxButton {
	background-image: url(../images/admin/add.gif);
	background-repeat: no-repeat;  
	background-position: 3px center; 
	border : solid 1px #6E6A6B; 
	float: left;
    margin-top: 4px;
    margin-bottom: 3px;
    padding-left: 26px;
    padding-right: 10px;
}