/**
 * Elements
 */
body {
        margin: 0px;
        padding: 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: x-small;
        color: #000000;

        background: #EEEEEE repeat-y 50% 0;
}

h1 {
        /** H1 is used for headings in blue bars, optionally along with div.more for a RHS link. **/
        font-size: 1.1em;
        font-weight: bold;
        /*text-transform: capitalize;*/
        padding: 0;
        margin: 0;
        float: left;
}

h1.unenclosed {
		float: none;
		display: inline;
		font-size: 2em;
}

h2 {
        /** H2 is used to mirror H1 in appearence while allowing SEO-firendly semantics. **/
        font-size: 1.1em;
        font-weight: bold;
        /*text-transform: capitalize;*/
        padding: 0;
        margin: 0;
        float: left;
}

h3 {
        font-size: 1.3em;
        font-weight: normal;
        padding: 0;
        margin: 0px 0px 5px 0px;
        /*vertical-align: middle;*/
}

h4 {
        font-size: 1.2em;
        font-weight: bold;
        padding: 0;
        margin: 0px 0px 5px 0px;
}

img, .imgnoborder {
        border: 0;
}

form {
        padding: 0;
        margin: 0;
}

p {
        margin: 0px 0px 10px 0px;
        line-height: 1.4;
        font-size: 1.2em;
}

ul {
        margin: 10px 10px 10px 20px;
}

th {
        background-color: #DEE3E6;
        color: #11569B;
        font-weight: normal;
}

th.hilight {
        background-color: #A8CDE7;
        font-weight: bold;
}

th A {
        color: #11569B;
}

acronym {
        border-bottom: 1px dotted;
        cursor: help;
}

a {
        color: #000000;
        text-decoration: underline;
}

a:hover {
        color: #990000;
}

small {
        font-size: 0.9em;
}


/**
 * Element specific classes
 */
div#system_message {
        clear: both;
        margin-bottom: 3px;
        color: gray;
}

div#user_message {
        clear: both;
        padding: 6px 3px 8px 30px;
        margin-bottom: 3px;
        font-style: italic;
        background-image: url('/images/widgets/info.png');
        background-position: 0 2px;
        background-repeat: no-repeat;
        border: 1px dashed silver;
}

div#page_info {
	    clear: both;
	    margin-bottom: 3px;
	    padding: 22px 10px 22px 114px;
        background-position: top center;
        background-repeat: no-repeat;
        color: white;
        font-weight: bold;
        background-image: url('/images/widgets/info_bright_660x120.gif');
}

div#page_info_silver, div#page_info_member, div#page_info_pro, div#page_info_essential {
	    clear: both;
	    margin-bottom: 3px;
	    padding: 20px 10px 22px 190px;
        background-position: top center;
        background-repeat: no-repeat;
        color: white;
        font-weight: bold;
        cursor: pointer;        
}

div#page_info_pro {
	padding: 16px 10px 22px 165px;
}

div#page_info_silver, div#page_info_pro {
		background-image: url('/images/widgets/info_pro_bright_660x120.png');
}

div#page_info_member, div#page_info_essential {
		background-image: url('/images/widgets/info_essential_bright_660x120.png');
}

div#page_info_silver a, div#page_info_pro a, div#page_info_member a, div#page_info_essential a {
		color: white;
}

div#page_error {
   	    clear: both;
	    margin-bottom: 3px;
	    padding: 22px 10px 22px 114px;
        color: white;
        font-weight: bold;
        background-color: #FC0E00;
        border: 1px solid #FC0E00;
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;
		-webkit-border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
}

div.info_inpage {
        padding: 3px 3px 3px 14px;
        background-image: url('/images/widgets/info_inpage.gif');
        background-repeat: no-repeat;
        background-position: -3px -1px;
        color: #11569B;
        font-size: xx-small;
        line-height: 1.2;
}

div#seo {
	display: none;
	color: white;
}

div.clear {
	clear: both;
	height: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
}

div.spacer_v1 {
        /** 1px vertical space. **/
        clear: both;
        padding: 1px 0px 0px 0px;
        margin: 0;
        font-size: 0;
}

div.spacer_v5 {
        /** 5px vertical space. **/
        clear: both;
        padding: 5px 0px 0px 0px;
        margin: 0;
        font-size: 0;
}

div.spacer_v10 {
        /** 10px vertical space. **/
        clear: both;
        padding: 10px 0px 0px 0px;
        margin: 0;
        font-size: 0;
}

div.spacer_v20 {
        /** 20px vertical space. **/
        clear: both;
        padding: 20px 0px 0px 0px;
        margin: 0;
        font-size: 0;
}

div.grey_v1 {
        /** 1px vertical grey line. **/
        background-color: #B8DDF7;
        clear: both;
        padding: 1px 0px 0px 0px;
        margin: 0;
        font-size: 0;
}

div.round_top_rhs {
        /** Used beside H1 with a 'more' link etc. **/
        float: left;
        text-align: right;
}

div.news {
}

h3.news {
		border-bottom: 1px solid #DEE3E6;
		margin: 0.8em 0.8em 0.8em 0;
}

div.news img.img {
        margin: 2px 5px 10px 0px;
        border: 1px solid black;
}

div.round_top {
        /** Rounded top appearence. **/
        color: #FFFFFF;
        background: #127EC3;
        /*background: #11569B url('/images/widgets/tab_box_tl_blue.gif') left top no-repeat;*/
        margin: 0;
        padding: 0;
  background-color: #1f92c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1f92c9), to(#236a98)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #1f92c9, #236a98); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #1f92c9, #236a98); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #1f92c9, #236a98); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #1f92c9, #236a98); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
 }

/* 0329 */
div.round_top div.round_top_inner {
  background-color: #1f92c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1f92c9), to(#236a98)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #1f92c9, #236a98); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #1f92c9, #236a98); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #1f92c9, #236a98); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #1f92c9, #236a98); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  padding: 6px !important;  
}

div.round_top, div.round_top_inner {
        display: block;
        float: left;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
div.round_top, div.round_top_inner {
        float: none;
}
/* End IE5-Mac hack */

div.round_top A {
        color: #FFFFFF;
        text-decoration: underline;
}

div.round_top A:hover {
        color: #DEE3E6;
}

div.round_top h1 a, div.round_top h2 a {
        text-decoration: none;
}

div.round_top h1 a:hover, div.round_top h2 a:hover {
        text-decoration: underline;
}

div.round_top input.text {
        font-size: 1em;
        border: 1px solid white;
        /*padding: 1px 1px 1px 1px;*/
        padding: 2px 2px 1px 2px;
        margin: 0;
}

div.round_top input.submit {
        font-size: 1em;
        border: 1px solid white;
        background-color: #DEE3E6;
        color: #11569B;
        padding: 0;
        margin: 2px 0px 0px 0px;

}

div.round_top div.round_top_rhs_outer {
	float: right;
	height: 18px;
	background: transparent url('/images/widgets/bg_round_top_rhs.jpg') repeat-x scroll center top;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 4px;
}

div.round_top div.round_top_rhs_outer img {
	margin-right: 10px;
}

div.round_top div.round_top_rhs_outer a {
	text-decoration: none;
	line-height: 1.5;
}

div INPUT.text, div.boxed_blue_yellow INPUT.text {
        font-size: 1em;
        border: 1px solid black;
        /*padding: 1px 1px 1px 1px;*/
        padding: 2px 2px 1px 2px;
        margin: 0;
}

/* 0329 */
/*
div input.submit, div.boxed_blue_yellow input.submit {
        font-size: 1.0em;
        border: 1px solid black;
        background-color: #11569B;
        color: #FFFFFF;
         padding: 1px 5px 2px; 
        margin: 2px 0px 0px 0px;
        -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
        border-radius: 5px;
		cursor: pointer;
}
*/

div button, div input[type=submit], div.boxed_blue_yellow input[type=submit] {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #11569B;
	border: 1px solid #11569B;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	margin: 2px 0 0;
	padding: 3px 6px;
	
	background: #2c6aa3;
	background: -moz-linear-gradient(top,  #2c6aa3 46%, #1c5890 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#2c6aa3), color-stop(60%,#1c5890));
	background: -webkit-linear-gradient(top,  #2c6aa3 46%,#1c5890 60%);
	background: -o-linear-gradient(top,  #2c6aa3 46%,#1c5890 60%);
	background: -ms-linear-gradient(top,  #2c6aa3 46%,#1c5890 60%);
	background: linear-gradient(to bottom,  #2c6aa3 46%,#1c5890 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6aa3', endColorstr='#1c5890',GradientType=0 );
}

div button:hover, div input[type=submit]:hover, div.boxed_blue_yellow input[type=submit]:hover {
	background: #1c5890;
	background: -moz-linear-gradient(top,  #1c5890 46%, #2c6aa3 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#1c5890), color-stop(60%,#2c6aa3));
	background: -webkit-linear-gradient(top,  #1c5890 46%,#2c6aa3 60%);
	background: -o-linear-gradient(top,  #1c5890 46%,#2c6aa3 60%);
	background: -ms-linear-gradient(top,  #1c5890 46%,#2c6aa3 60%);
	background: linear-gradient(to bottom,  #1c5890 46%,#2c6aa3 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c5890', endColorstr='#2c6aa3',GradientType=0 );
}

div.cyan {
        background-color: #DEE3E6;
        color: #11569B;
}

div.cyan A {
        color: #11569B;
}

div.cyan_navbar {
        background-color: #DEE3E6;
        color: #11569B;
        padding: 2px 5px 1px 5px;
        margin: 1px 0px 0px 0px;
}

div.cyan_navbar A {
        color: #11569B;
}

div.cyan_navbar input.text, div.cyan_navbar input.text_ro {
        font-size: 1em;
        border: 1px solid #11569B;
        padding: 2px 2px 1px 2px;
        margin: 0;
}

div.cyan_navbar INPUT.text_ro {
        background-color: #EEEEEE;
}

div.cyan_navbar INPUT.submit, div.map_control INPUT.submit, div.map_control button {
        font-size: 1.1em;
        border: 1px solid #11569A;
        background: #11569B;
        color: #FFFFFF;
        padding: 1px 5px 2px; 
        margin: 0;
		cursor: pointer;
}

div.yellow, ul.yellow, ol.yellow {
        background-color: #FEFBDE;
}

div.grey {
        background-color: #EEEEEE;
}

div.yellow_local {
        background-color: #FEFBDE;
        padding: 5px 5px 5px 5px;
        margin: 1px 0px 0px 0px;
}

div.yellow_local_wfloats {
        background-color: #FEFBDE;
        border-top: 1px solid white;
}

div.yellow_local_wfloats div.inner, div.yellow_local_wfloats div.innerp {
        float: left;
}

div.yellow_local_wfloats div.innerp {
        padding: 5px 0 4px 0;
}

/* 0329 */
div.boxed_blue {
        border: 1px solid #999999;
		border-top: 1px solid #0A3864;
        padding: 10px;
}

/* 0329 */
div.boxed_blue_nopad, div.boxed_blue_nopad_struc {
        border: 1px solid #999999;
		border-top: 1px solid #0A3864;
        padding: 0;
}

div.boxed_blue_yellow {
        border: 1px solid #11569B;
        padding: 10px 10px 10px 10px;
        background-color: #FEFBDE;
        color: #000000;
}

div.boxed_blue_cyan {
        border: 1px solid #9B9B9B;
        padding: 10px 10px 10px 10px;
        background-color: #DEE3E6;
        color: #000000;
}

div.boxed_blue_yellow a, div.boxed_blue_cyan a, ul.popup_box li.boxed_blue_yellow a {
        color: #000000;
        text-decoration: underline;
}

div.boxed_blue_yellow a:hover, div.boxed_blue_cyan a:hover, ul.popup_box li.boxed_blue_yellow a:hover {
        color: #990000;
}

div.boxed_blue h3, div.boxed_blue_nopad h3, div.boxed_blue_yellow h3, div.boxed_blue_cyan h3, ul.popup_box li.boxed_blue_yellow h3, div.boxed_blue_struc h3, div.boxed_blue_nopad_struc h3 {
        color: #11569B;
}

div.boxed_blue h4, div.boxed_blue_nopad h4, div.boxed_blue_yellow h4, div.boxed_blue_cyan h4, ul.popup_box li.boxed_blue_yellow h4 {
        color: #000000;
}

div.boxed_info {
        padding: 3px 3px 3px 3px;
        border: 1px dashed silver;
}

div.breadcrumbtrail {
        margin: 0 10px 0 10px;
        float: left;
        font-size: 1.1em;
        color: #888879;
}

div.breadcrumbtrail a {
        color: #888879;
        text-decoration: underline;
}

div.map_control {
        background-color: #DEE3E6;
        
        background-repeat: repeat-x;
        background-position: top left;
        color: #094469;
}

div.map_control div.inner {
        text-align: left;
        padding: 3px;
}

div.mapbanner {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: transparent url('/images/widgets/background_black_opacity50_1x1.png') repeat scroll 0 0;
		color: white;
		font-weight: bold;
		text-align: right;
}

div.mapbanner div.inner {
		padding: 3px;
}

p.compact {
        line-height: 1.3;
        font-size: 1em;
}

ul.typ1 {
        list-style: none;
		margin-left: 0;
		padding-left: 1em;
        text-indent: -1em;
}

ul.typ2 {
        list-style: none;
		margin: 0;
		padding: 0;
}

ul.typ2 li {
		margin: 0.25em 0 0.25em 0;
}

a.info {
        color: #11569B;
        text-decoration: underline;
        font-weight: bold;
        font-style: italic;
        cursor: help;
}

acronym.noul {
        border: none;
        cursor: help;
}

ul.popup_box {
        position: relative;
        display: inline;
        margin: 0;
        padding: 0;
        list-style: none;
}

ul.popup_box li {
        margin: 0;
        padding: 0;

        position: absolute;
        top: -4px;
        left: -14px;

        z-index: 99;

        display: none;
        text-align: left;
        border: 2px solid #11569B;
        padding: 10px 10px 10px 10px;
        background-color: #7777CC;
        color: #000000;
}

a.wxpan_sel {
        background: none;
        font-weight: bold;
}

a.wxpan_roll {
        background-color: #DEE3E6;
        font-weight: normal;
}

a.wxpan_norm {
        background: none;
        font-weight: normal;
}

a.map_reg_link {
        color: white;
        font-weight: bold;
        font-size: 10px;
        margin: 2px;
        white-space: nowrap;
        text-decoration: none;
}

a.map_reg_link:HOVER {
        color: white;
        text-decoration: underline;
}

span.map_reg_box {
        background-color: white;
        border: 1px solid black;
        font-size: 9px;
        font-weight: bold;
        white-space: nowrap;
}

tr.alt, td.alt, div.alt {
        background-color: #EEEEEE;
}

tr td.hilight {
		background-color: #EFEFEF;
}

tr.alt td.hilight {
        background-color: #EEEBCE;
}

.alt_bot {
		/*border-width: 1px;
		border-color:  #FEFBDE;*/
		border-bottom: 1px solid #DEE3E6;

}

h3 a, h4 a {
        text-decoration: none;
}

h3 a, h3 a:HOVER {
        color: #11569B;
}

h3 a:HOVER, h4 a:HOVER {
        text-decoration: underline;
}

div.inset {
	background-color: #EEEEEE;
	padding: 10px;
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-left: 1px solid #E3E3E3; 
	border-top: 1px solid #E3E3E3; 
	color: #0060A9;
}

div.inset a {
	color: #0060A9;
}

div.inset a.noul {
	text-decoration: none;
}

div.inset a:hover {
	color: #990000;
	text-decoration: underline;
}

div.inset h3 {
	font-weight: bold;
}

div.inset ul {
	list-style:none;
	margin: 0;
	padding-left: 10px;
}

div.inset ul li {
	font-size: 1.1em;
	margin: 5px 0 0 10px;
	list-style: url('/images/widgets/bullet_inset.gif');
}

ul.helpcat {
	margin: 0;
	padding: 20px;
	font-size: 1.1em; 
	list-style: none;
}

ul.helpcat li {
	margin: 0 0 5px 15px;
	list-style: url('/images/widgets/bullet_inset.gif');
}

ul.optionlist {
	background-color: #DEE3E6;
	color: #00539F;/*#11569B;*/
	/*border-top: 1px solid white;*/
	margin: 1px 0 0 0;
	text-align: right;
	list-style: none;
	text-indent: 0;
	padding: 0;
}

ul.optionlist li {
	list-style: none;
	text-indent: 0;
	display: inline;
	padding: 0;
	line-height: 2;
	white-space: nowrap;
}

/** mods to comply with new rendering in FF3/IE8 **/
ul.optionlist.long {
	float: left;
	width: 100%;
}

ul.optionlist.long li {
	float: left;
	display: block;
}

ul.optionlist.long li.label {
	margin: 0 10px 0 5px;
}
/** /mods **/

ul.optionlist li.label {
	font-weight: bold;
	float: left;
	margin: 0 5px 0 5px;
	color: #094469;
}

ul.optionlist li span {
	font-weight: bold;
	color: white;
	background: #0c5483 url('/images/widgets/optionlist_on.gif') no-repeat;
	background-position: bottom center;
	padding: 4px 5px 4px 5px;
}

ul.optionlist li a {
	color: #094469;
	text-decoration: none;
	padding: 4px 5px 4px 5px;
}

ul.optionlist li a:hover, ul.optionlist li a.selected {
	color: white;
	background: #094469 url('/images/widgets/optionlist_hover.gif') no-repeat;
	background-position: bottom center;
}

ul.optionlist li a.selected {
	font-weight: bold;
}

ul.relatedlinks {
	float: left;
	width: 100%;
	background-color: #E4F1FA;
	margin: 1px 0 0 0;
	padding: 0 0 3px 0;
	list-style: none;
	text-indent: 0;
}

ul.relatedlinks li {
	list-style: none;
	text-indent: 0;
	padding: 0;
	margin: 3px 0 0 3px;
	float: left;
	width: 10.2em;
	white-space: nowrap;
}

ul.relatedlinks li.compact {
	/* fit to text */
	width: auto;
}

ul.relatedlinks li span {
	font-weight: bold;
	color: #11569B;
	padding: 0.4em 0.5em 0.4em 0.5em;
	display: block;
}

ul.relatedlinks li a {
	/*font-size: 1.1em;*/
	font-weight: bold;
	color: #11569B;
	/*background-color: #DEE3E6;*/
	background-color: #DEE3E6;
	text-decoration: none;
	padding: 0.4em 0.5em 0.4em 0.5em;
	display: block;
	border: 1px solid #3176BB;
	text-align: center;
}

ul.relatedlinks li a:hover {
	color: white;
	background: #3176BB;
}

/**
 * Plot maps
 */
div.region_map {
	position: relative;
	width: 360px;
	height: 270px;
	background-color: #066387;
	text-align: left;
}

div.region_map img.map, div.region_map div.plot {
	position: absolute;
}

div.region_map div.plot img {
	float: left;
	width: 30px;
	height: 30px;
	border: 0;
}

div.region_map div.plot div.inner {
	float: left;
}

div.region_map div.plot div.inner a.screenname {
	display: block;
	font-weight: bold;
	color: white;
	white-space: nowrap;
	text-decoration: none;
	margin-bottom: 2px;

	text-shadow: rgba(0, 0, 0, .5) 1px 1px 0;
}

div.region_map div.plot div.inner a.screenname:hover {
	text-decoration: underline;
}

div.region_map div.plot div.inner span.details {
	background-color: rgba(0, 0, 0, .5);
	font-weight: bold;
	color: white;
	padding: 1px 3px 2px 3px;
	white-space: nowrap;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.region_map div.plot.right div.inner {
	text-align: right;
}

/**
 * Animators
 */
div.animator-map {
	position: relative;
	background: #333;
	overflow: hidden;
}

div.animator-map .frame {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

div.animator-map.large {
	width: 960px;
	height: 720px;
	margin: 0 auto;
}

div.animator-map.full {
	width: 640px;
	height: 480px;
	margin: 0 auto;
}

div.animator-map.medium {
	width: 300px;
	height: 225px;
	margin: 0 auto;
}

div.animator-map.thumb {
	width: 140px;
	height: 105px;
}

div.animator-map.thumb.linked {
	cursor: pointer;
}

div.animator-map div.tracker {
	cursor: crosshair;
}

div.animator-map div.animator-nav {
	z-index: 10000;
}

div.animator-map div.animator-nav a {
	position: absolute;
	display: block;
	border: 1px dashed silver;
	text-indent: -9999px;
}

div.animator-map div.animator-nav a:hover {
	border: 1px solid silver;
	background: silver;
	background: rgba(255, 255, 255, 0.5);
}

.animator-map .trackerbug {
	position: absolute;
	width: 4px;
	height: 4px;
	background: red;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.animator-map .position, .animator-map .timestamp, .animator-map .message {
	position: absolute;
	padding: 0.2em 0.8em;
	background: #222;
	background: rgba(0, 0, 0, 0.65);
	color: white;
	white-space: nowrap;
	z-index: 9999;
	
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	
	font-size: 1.1em;
}

.animator-map .position {
	bottom: 0;
	left: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.animator-map .timestamp {
	bottom: 0;
	right: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: right;
}

.animator-map .message {
	top: 5px;
	left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	
	padding: 0.4em 0.8em;
}

.animator-map .message.error {
	color: red;
}

.animator-map .timestamp .master {
	font-weight: bold;
}

.animator-map .timestamp div>div {
	font-size: 0.9em;
}

div.animator-map.thumb div.timestamp, div.animator-map.medium div.timestamp {
	/*width: 70px;*/
	font-size: 10px;
}

div.animator-map.thumb.aus div.timestamp {
	left: 5px;
}

div.animator-map div.zoomnav {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 3px;
	background: #222;
	background: rgba(0, 0, 0, 0.65);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 99999;
	
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5); 
}

div.animator-map div.zoomnav button {
	width: 17px;
	height: 17px;
	margin: 0;
	border: 0;
	
	filter: none;
}

div.animator-map div.zoomnav button.zoomin {
	background: transparent url('/images/widgets/anim_zoomin_inverse.gif') no-repeat scroll center center !important;
}

div.animator-map div.zoomnav button.zoomin.disabled {
	background: transparent url('/images/widgets/anim_zoomin_disabled.gif') no-repeat scroll center center !important;
	cursor: inherit;
}

div.animator-map div.zoomnav button.zoomout {
	background: transparent url('/images/widgets/anim_zoomout_inverse.gif') no-repeat scroll center center !important;
}

div.animator-map div.zoomnav button.zoomout.disabled {
	background: transparent url('/images/widgets/anim_zoomout_disabled.gif') no-repeat scroll center center !important;
	cursor: inherit;
}

div.animator-map div.zoomnav button.reflectivity {
	width: 27px;
	margin-left: 5px;
	background: transparent url('/images/widgets/anim_ref_inverse.gif') no-repeat scroll center center !important;
}

div.animator-map div.zoomnav button.velocity {
	width: 27px;
	margin-left: 5px;
	background: transparent url('/images/widgets/anim_vel_inverse.gif') no-repeat scroll center center !important;
}

div.animator-cp {
	width: 640px;
	margin: 0 auto 5px auto;
	
	background: #efefef;
	background: -moz-linear-gradient(top,  #efefef 0%, #e1e1e1 44%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(44%,#e1e1e1), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #efefef 0%,#e1e1e1 44%,#efefef 100%);
	background: -o-linear-gradient(top,  #efefef 0%,#e1e1e1 44%,#efefef 100%);
	background: -ms-linear-gradient(top,  #efefef 0%,#e1e1e1 44%,#efefef 100%);
	background: linear-gradient(to bottom,  #efefef 0%,#e1e1e1 44%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 );
}

div.animator-cp.large {
	width: 960px;
}

div.animator-cp select {
	font-size: 10px;
	margin-right: 2em;
}

div.animator-cp div.controls {
	padding: 4px;
	margin: 0;
	text-align: center;
}

div.animator-cp div.controls div.button-wrapper {
	float: left;
	width: 25%;
}

.animator-cp button {
	margin: 0;
	padding: 0;
	width: 19px;
	height: 19px;
	border: 0;
	cursor: pointer;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	
	filter: none;
}

.animator-cp button:hover {
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.animator-cp button:active {
	-webkit-box-shadow: 0px 0px 0 rgba(0,0,0,0.5);
	box-shadow: 0px 0px 0 rgba(0,0,0,0.5);
}

.animator-cp button.startstop.started {
	background: transparent url('https://resources.weatherzone.com.au/wz/images/widgets/anim_pause.gif') no-repeat scroll center center;
	background-color: rgba(255,255,255,0.25);
}

.animator-cp button.startstop.stopped {
	background: transparent url('https://resources.weatherzone.com.au/wz/images/widgets/anim_play.gif') no-repeat scroll center center;
	background-color: rgba(255,255,255,0.25);
}

.animator-cp button.stepbackward {
	background: transparent url('https://resources.weatherzone.com.au/wz/images/widgets/anim_stepbackward.gif') no-repeat scroll center center;
	background-color: rgba(255,255,255,0.25);
}

.animator-cp button.stepforward {
	background: transparent url('https://resources.weatherzone.com.au/wz/images/widgets/anim_stepforward.gif') no-repeat scroll center center;
	background-color: rgba(255,255,255,0.25);
}

.animator-cp button.swing {
	margin: 0 1em 0 1em;
}

.animator-cp button.swing.swinging {
	background: transparent url('https://resources.weatherzone.com.au/wz/images/widgets/anim_mode_loop.gif') no-repeat scroll center center;
	background-color: rgba(255,255,255,0.25);
}

.animator-cp button.swing.looping {
	background: transparent url('https://resources.weatherzone.com.au/wz/images/widgets/anim_mode_swing.gif') no-repeat scroll center center;
	background-color: rgba(255,255,255,0.25);
}

.animator-cp button.refresh {
	background: transparent url('https://resources.weatherzone.com.au/wz/images/widgets/anim_refresh.gif') no-repeat scroll center center;
	background-color: rgba(255,255,255,0.25);
	width: 25px;
}

.animator-cp ul.layers {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px dotted silver;
}

.animator-cp ul.layers li {
	display: inline-block;
	width: 14%; 
	margin: 0;
	padding: 1px 0;
	white-space: nowrap;
}

div.animator-cp div.attribution {
	padding: 4px;
	margin: 0;
	text-align: center;
	border-top: 1px dotted silver;
	clear: both;
}

div.animator-cp div.attribution div.logo {
	float: left;
}

div.animator-cp div.attribution div.scale {
	float: right;
	width: 40%;
	text-align: right;
}

div.animator-cp div.attribution div.scale img {
	width: 170px;
	height: 12px;
}

div.animator-map div.options {
	position: absolute;
	bottom: 0;
	width: 135px;
	padding: 5px;

	background: #dee3e6;
	background: rgba(240, 240, 240, 0.9);
	color: black;

	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;

	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;

	-moz-box-shadow: 0px 0px 2px gray;
	-webkit-box-shadow: 0px 0px 2px gray;
	box-shadow: 0px 0px 2px gray;

	display: none;
	z-index: 99999;
}

div.animator-map div.options h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0.2em 0 0.2em 0;
}

div.animator-map div.options button.close {
	float: right;
	width: 13px;
	height: 13px;
	margin: 0;
	border: 0;
	background: #cc0000 url('/images/widgets/x_white_9x9.png') no-repeat scroll center center !important;
	cursor: pointer;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.animator-map div.options button.close:hover {
	background-color: #ee0000 !important;
}

div.animator-map div.options div.apply-wrap {
	text-align: center;
	border-top: 1px dotted gray;
	margin-top: 0.8em;
	padding-top: 0.2em;
}

div.animator-map div.options div.apply-wrap button.apply {
	margin: 0.2em 0 0 0;
	padding: 3px;
	border: 0;
	cursor: pointer;
	background-color: #f0f0f0;
	font-size: 11px;
	color: white;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.animator-map.loading div.tracker {
	background: transparent url('/images/widgets/animator_loading.gif') no-repeat scroll center center;
}

/**
 * Generic classes
 */

.text_blue, .text_blue a {
        color: #11569B;
}

.text_red {
        color: #990000;
}

.text_tempmax, .text_tempdb {
        color: #AA0000;
}

.text_tempmin, .text_tempdp {
        color: #0000AA;
}

.text_wind, .text_rain {
        color: #005500;
}

.text_greyed {
        color: #AAAAAA;
}

.text_uc {
        text-transform: uppercase;
}

.cell_record {
        background-color: #FFFF00;
}

.cell_cool {
        background-color: #DDDDFF;
}

.cell_warm {
        background-color: #FFDDDD;
}

.cell_cool_anom {
        color: #0000FF;
}

.cell_warm_anom {
		color: #FF0000;
}

.cell_wet {
        background-color: #DDFFDD;
}

.nobr {
        white-space: nowrap;
}

.bg_yellow {
        background-color: #FEFBDE;
}

.bg_cyan {
        background-color: #DEE3E6;

}

.bg_grey {
        background-color: #CCCCCC;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.justified {
	text-align: justify;
}

.inline {
	display: inline;
}

/***********
 * Weather maps thumbs for the homepage.
 **********/
div#wxmap_thumbs {
	margin-left: 10px;
}

div#wxmap_thumbs img {
	width: 116px;
	height: 87px;
	margin: 0;
	border: 0;
}

div#wxmap_thumbs img#synoptic {
	margin: 0 5px 0 0;
	float: left;
}

div#wxmap_thumbs img#satellite {
	margin: 0 5px 0 0;
	float: left;
}

div#wxmap_thumbs div#radar {
	margin: 0;
	float: left;
	width: 116px;
	height: 87px;
	background-image: url('/images/layers/wz_layer_map_wzcountry_aus_116.jpg');
	position: relative;
}

div#wxmap_thumbs div#radar img {
	position: absolute;
	top: 0px;
	left: 0px;
}

/**
* List of services on the home page 
*/

ul.service_list {
	list-style: none; 
	text-align: center;
	padding: 0px; 
	margin: 0px; 
	text-indent: 0;
}	

ul.service_list li {
    float:left; 
    width: 16%;   
}

ul.service_list li a {
	text-decoration: none; 
	font-weight: bold;
}

/**
 * Local wx search
 */
div#localsearch {
	padding: 4px;
}

div#localsearch form {
	text-align: right;
}

div#localsearch h3 {
	display: inline;
	font-weight: bold;
	float: left;
	margin-top: 1px;
}

div#localsearch input.text {
	width: 150px;
}

div#localsearch input.btn {
	border: 0;
	padding: 0;
	margin: 2px 0 0 0;
}

/**
 * Help dash
 */
div#dash {
}

div#dash a {
	display: block;
	float: left;
	width: 50%;
	text-decoration: none;
}

/**
 * Event forecast.
 */
div#fcast_evt_capcities {
	position: relative;
	width: 660px;
	height: 236px;
	border: 0;
	background: #E6EBEF url('/images/widgets/graphics/bg_fcast_2009_660x236.jpg') no-repeat;
	overflow: hidden;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

div#fcast_evt_capcities.newyear {
	background: #E6EBEF url('/images/widgets/graphics/bg_fcast_2009_660x236.jpg') no-repeat;
}

div#fcast_evt_capcities h3 {
	color: white;
	text-align: center;
	font-size: 2em;
	margin: 0.4em 0 0.6em 0;
	letter-spacing: -1px;
}

div#fcast_evt_capcities div#forecasts {
	margin: 0 0 0 65px;
}

div#fcast_evt_capcities div#forecasts div.forecast {
	float: left;
	width: 270px;
	height: 47px;
}

div#fcast_evt_capcities.newyear div#forecasts div.forecast {
	/*margin-bottom: 0.1em;*/
}

div#fcast_evt_capcities div#forecasts div.forecast div.screenname {
	float: left;
	width: 105px;
	padding-top: 3px;
}

div#fcast_evt_capcities div#forecasts div.forecast div.screenname a {
	font-size: 1.8em;
	text-decoration: none;
}

div#fcast_evt_capcities div#forecasts div.forecast div.icon {
	float: left;
	width: 55px;
}

div#fcast_evt_capcities div#forecasts div.forecast div.tmin {
	float: left;
	width: 55px;
	color: #000077;
	font-size: 1.8em;
	letter-spacing: -1px;
	padding-top: 3px;
}

div#fcast_evt_capcities div#forecasts div.forecast div.tmax {
	float: left;
	width: 55px;
	color: #770000;
	font-size: 1.8em;
	letter-spacing: -1px;
	padding-top: 3px;
}

div#fcast_evt_capcities div#forecasts div.forecast div.precis {
	clear: both;
	font-style: italic;
}

/**
 * Put weather on your site ... on the home page
 */

div.woys {
	display: block;
	width: 297px;
	height: 164px;
	margin: 0;
	padding: 0;
	background-image: url('/images/widgets/graphics/weatherzone_homepage_woys_ad_297x164.jpg');
}

div.woys h2 {
	font-weight: bold; 
	font-size: 1.2em;  
	text-align: center; 
	padding: 10px 0 0 60px;
	margin: 0;
}

div.woys h2 a {
	text-decoration: none;	
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}	

div.woys h3 {
	padding-bottom: 5px;
	margin: 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.1em;	
}

div.woys ul {
	list-style-image: url('/images/widgets/black_tick.png');
	margin: 0 0 0 20px;
	padding-left: 1em;
	padding-top: 1em;
	text-indent: -1em;		
}

div.woys ul li {
	margin: 2px 0;
	padding: 0 0 0 10px;
}

div.woys ul li a {
	text-decoration: none;	
}

/**
 * Profarmer Commodity Data on Ag pages 
 */
 
div.grey_profarmer {
	background: #D9D9D9 url('/images/widgets/profarmer_grey_bg.png') repeat-x 0 0;
	clear: both;
	padding: 5px 0 0 0;
	margin: 0px;
	font-size: 0;	
}

div.profarmer_info {
		
}

div.profarmer_info h2 {
	font-size: 1.1em;
	color: #8A898E;	
}

div.profarmer_info a {
	float: left;
	border: 0px;
	width: 40%;	
}	

div.profarmer_info p {
	float: left;
	width: 60%;	
	font-size: 0.9em;
	margin: 20px 0 0 0;
}

div.profarmer_header {
	float: left; 
	width: 100%;
}	

div.profarmer_header h2 {
	color: #5D5D6D;
}	

div.profarmer_header_nav {
	text-align: right;
	background: #F7F7F7 url('/images/widgets/progarmer_header_nav.jpg') repeat-x 0 0;
	padding: 5px 0 5px 0;
	font-size: 1.1em;
	color: #888888;
}

div.profarmer_header_nav a {
	padding: 0 3px;
	color: #888888;
	text-decoration: none;
}

div.profarmer_header_nav span {
	padding: 0 3px;
	font-weight: bold;
}

/**
 * Mobile services page styling 
 */

ul.services_mobile {
	font-size: 1.1em;
	padding: 15px 0 0 0;
}

div.wzmobile_features {
	float: left;
	width: 50%;
	padding: 20px 0 0 0;
}	

div.wzmobile_image {
	float: right; 
	padding: 0px;	
}

div.mobile_icon {
	width: 20%;	
	float: right; 
	text-align: right; 
}	

div.wzmobile_link {
	padding: 0 0 20px 0;
}

div.wzmobile_link a {
	text-decoration: none; 
	font-size: 2.2em; 
	color: #11569B;
}

a.mobile_text {
	text-decoration: none;
}

/* New Styles for the footer (designed by Todd Baker, implemented by AF) */

#footer{
	clear: both;
	padding: 15px;
	border-top: 1px solid #25292F;
	background-color: #343942;
	line-height: 1.3;
	color: #FFFFFF;

	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.3, #343942),
		color-stop(0.8, #25292F)
	) !important;
	background: -moz-linear-gradient(
		center bottom,
		#343942 30%,
		#25292F 80%
	) !important;

}
#footer h2{
	float: none;
	font-size: 1.5em;
	color: #25A1D7;
}

#footer h3{
	float: none;
	font-size: 1.1em;
	margin: 5px 0 3px 0;
	font-weight: bold;
	color: #FFFFFF;
}

.footerColumn{
	width: 230px;
	float: left;
	padding-left: 10px;
	height: 330px;
}

#footer ul{
	margin: 5px 0 0 0;	
	padding: 0;
	clear: left;
	
}
#footer li{
	margin: 0 0 3px 0px;	
	padding: 0;
	list-style-type: none;

}
#footer a{
	font-size: 1.1em;
	text-decoration: none;
	color: #C8C8C8;
}

#footer .StateList a{
	font-weight: bold;
	color: #FFFFFF;	
}

#footer li div a {
	font-weight: normal !important;
	font-size: 0.9em;
}

#footer li li{
	margin: 0 0 3px 20px;	
	list-style-type: disc;
}

#footer li li a{
	font-size: 0.9em;
	text-decoration: underline;
}

#footer .widgets li a{
	padding: 1px 0 4px 19px;
	display: block;
}

#footer li a.facebook{
	background: url(/images/widgets/footer/facebook.gif) no-repeat;
}

#footer li a.twitter{
	background: url(/images/widgets/footer/twitter.png) no-repeat;
}

#footer li a.weatherWidget{
	background: url(/images/widgets/footer/weather.gif) no-repeat;
}

#footer li a.snowWidget{
	background: url(/images/widgets/footer/snow.gif) no-repeat;
}

#footer li a.pollenWidget{
	background: url(/images/widgets/footer/pollen.gif) no-repeat;
}

#footer li a.surfWidget{
	background: url(/images/widgets/footer/surf.png) no-repeat;
}

#footer li a.calendar{
	background: url(/images/widgets/footer/camera.png) no-repeat;
}

#footer li a.iphone{
	display: block;
	margin-bottom: 5px;
	background: url(/images/widgets/footer/iphone_app.gif) no-repeat;
}

#footer li a.android{
	display: block;
	margin-bottom: 5px;	
	background: url(/images/widgets/footer/android.png) no-repeat;
}

#footer a:hover{
	text-decoration: underline;	
}

/* Social Netwoking section (Facebook/ Twitter and iPhone) on Weatherzone */

div.socialnetworking_left {
	float: left;
	width: 35%;
	padding: 0px;
	margin: 0px;
	
}

div.follow_tweets {
	width: 100%;
	margin: 0px;
	padding: 0px;	
}	

div.follow_tweets ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
	width: 280px;	
}

div.follow_tweets ul li {
	width: 100%;
	float: left;
	padding: 0px 0px 5px 0px;
}

div.follow_tweets ul li span {
	float: left;
	padding: 5px 0 0 0;
	font-size: 1.1em;
}

div.follow_tweets ul li a {
	float: right;
}

div.socialnetworking_right {
	float: left;
	width: 65%;
	padding: 0px;
	margin: 0px;
	text-align: right;	
}

div.iphone_left {
	float: left;
	width: 40%
}

div.iphone_right {
	float: left;
	width: 60%;
	text-align: right;	
}

div.iphone_left ul {
	padding: 0px;
	margin: 0px;	
}	

div.iphone_left ul li {
	list-style: url('/images/widgets/black_tick.png');
	padding: 0px;
	margin: 5px 0 0 18px;
}

div.buy_iphone_app a {
	display: block;
	width: 150px;
	height: 56px;
	margin: 20px 0 20px 240px;
	background: url(/iphone/images/app_store.gif) no-repeat 0 0;		
}	

div.iphone_app ul {
	padding: 0px;
	margin: 0px;	
}	

div.iphone_app ul li {
	list-style: none;
	float: left;
	padding: 0 6px;
	margin: 0px;	
}

div.iphone_silver {
	padding: 10px 0 0 0;
	text-align: center;
}

/* Android page styles */
div.android-app {
	padding-top: 60px;
	background: url('/images/services/android/android-app-bg-638x50.jpg') no-repeat;
}

div.android-app a {
	display: block;
	height: 439px;
	width: 638px;
	background: url('/images/services/android/android-app-design-638x439.jpg') no-repeat;
}

div.android-app ul {
	padding: 0px;
	margin: 0px;	
}	

div.android-app ul li {
	list-style: url('/images/widgets/black_tick.png');
	padding: 0px;
	margin: 5px 0 0 18px;
}

	
a.buy-android-app {
	text-align: center;
	display: block;
	width: 332px;
	height: 80px;
	margin: 10px 0 0 170px;
	background: url('/images/services/android/android-market-recent.png') no-repeat;
} 

ul.propagatedlinks {
	list-style: disc;
	margin: 5px 0 10px 20px;
	padding: 0;
}

ul.propagatedlinks li {
	padding: 0 1px 2px 0;
}

div#local_rhs td {
	padding: 4px;
}

div#local_rhs td div#lrhs_ob_text {
	font: bold 1.8em Arial, serif;
	padding: 0.1em 0 0.1em 0;
}

div#local_rhs td div.lower {
	margin-top: 5px;
}

div#local_rhs td div.max span.tempfc {
	font: bold 1.8em Arial, serif;
}

div#local_rhs td div.min span.tempfc {
	font: bold 1.4em Arial, serif;
}

/* [cA-gutter] Gutter ads
...................................................................................... */
.gutter-full { position:absolute; top:0; left:0; width:100%; height:100% }
.gutter-full a { display:block; width:100%; height:100%; text-indent:-9999em; outline:0 }  /* outline:0 is so that a horizontal scrollbar isn't added to the page when the link is in focus */
.hasGutter-full { position:relative } /* the body has to be position:relative for the gutter ad to be full-height */
.hasGutter-full .wrap { position:relative }  /* the wrap has to be position:relative to have its own layer stacking context (otherwise all the content inside disappears) */
.gutter-right { position:absolute }
.hasGutter-right .wrap { position:relative }
.gutter-corner { position:fixed; bottom:0; right:0 }
* html .gutter-corner { position:absolute }  /* IE 6 doesn't support position:fixed, so we use position:absolute with the coordinates specifed as a CSS expression (defined in the JavaScript) */
* html .hasGutter-corner { position:static }  /* without this, the page will grow in width forever */
.hasGutter-hide .cA-gutter { display:none }  /* hide gutter ads (e.g. when the viewport width is too narrow) */

/* scope: skin */
.hasGutter-full .wrap { width:auto; margin:0; background:none }
* html .gutter-full { padding-bottom:43%!important }  /* make sure the background never shows through in IE 6 */

/**********************************************/
/*** Add ons from the Fairfax Rainbow Strip ***/
/*********************************************/
div.rainbowstrip {
	padding: 0px;	
	margin: 0px;
}	

div.rainbowstrip .c5 h2{
	float: none;
	padding: 0px;
	margin: 0px;
} 

div.rainbowstrip .classifieds .puff h5 {
	margin: 0;
	padding: 0px;
}

div.rainbowstrip .classifieds ul{
	margin: 5px 0 0 0;
	padding-left: 0px;
}

div.rainbowstrip .classifieds ul li{	
	margin-left: 1.5em;
}

.lSmh a, .lAge a, .lBT a, .lDrive a, .lDomain a, .lMycareer a, .lRsvp a, .lStayz a, .lMoneyManager a, .lInvestSmart a, .lExecutive a, .lDomainPrestige a, .lBigChair a, .lSmartInvestor a, .lBRW a, .lEssentialBaby a, .lAPM a, .lLeagueHq a, .lRugbyHeaven a, .lRealFooty a, .lSmallBusiness a, .lTheVine a, .lWAToday a, .lCuisine a, .lEntertainment a, .lLifeAndStyle a, .lTravel a, .lDigitalLife a, .lBusinessDay a, .lTradingRoom a, .lAdvantate a, .lCommercialRealEstate a, .lDomainBusiness a, .lWeatherZone a, .lEnvironment a, .lNationaltimes a, .lmytype a, .lfindababysitter a {
	background-image: url('https://resources.smh.com.au/common/media-common-1.0/css/output/img-component/sprite-components.png');
}