/***********************************************************************/
/* custom Bureau home page styles */
/* Last Modified: 17-Feb-2012 */

/*body { background:#fff; }*/

#container {width:1003px; margin: 5px auto 0; background:#fff;}  /* hk: centered */
#container > table { margin: 0 auto; }

p.clear, div.clear {clear:both; margin:0;padding:0;line-height:0;}
.hide {display: none;}
a {font-family: Arial, Verdana, Helvetica, sans-serif;}
a, a:link, a:active{text-decoration:none; color: #006699; }
a:visited {color : #006699;}
a:hover   {color : #FF6633;}
h2 {
	color: #000000; 
	font-size: 100%; 
	font-weight: bold; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-align:left; 
	margin:0; 
	padding:0;
	}

@media all {
   a img { color: inherit;     
   border: none;              
   }
}
.aligncentre {text-align:center;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligntop {vertical-align:top;}
.alignbottom {vertical-align:bottom;}

/*form {margin:0;padding:0;}*/
ul {margin:0;padding:0;}
p {padding:0;margin:0;}
.selectLoc {width: 178px;}

table.aligntop td, table.aligntop tr {vertical-align: top;}
table.greyborder {background-color: #fff; border: none; border-collapse: collapse; width:100%;}
.annotation {color: #999; font-size: 80%; line-height: 0.8em; font-weight:normal; text-align:left;}
table#thumbnails {background:#EAEDF2; border:1px dotted #ccc; margin:7px 0 0 1px; width: 200px;}
table#thumbnails td {text-align:center; padding:8px;}

/* ************************** end generic styles ********************************** */

/* services menu - top section */
#servicesMenu {background-color:#f5f5f5; min-width:130px; padding-top:3px; }
#servicesMenu h2 {padding:0; margin:0; font-size:1.0em; text-align:left; font-weight:normal;}
#servicesMenu p {color:#666; font-size:90%; padding:0 15px 0 12px; margin:0 3px 5px 9px; }
#servicesMenu .label {padding:0; margin:0; font-size:1.0em; text-align:left; font-weight:normal;}
#servicesMenu-grad {height:50px; background:#F3F5F8 url('/images/servicesmenu-gradient2.png') repeat-x;} /*hk*/
#servicesMenu h2 a:link, #servicesMenu h2 a:active, #servicesMenu h2 a:visited {
	color: #036; 
	display:block; 
	text-decoration: none; 
	background-image: url('/images/linkto-ba.gif'); 
	background-repeat: no-repeat; 
	padding: 3px; 
	padding-left: 14px;
	}

#servicesMenu h2 a:hover {
	color: #000; 
	background-color: #d5e8e7;
	background-image: url('/images/linkto-ta.gif'); 
	background-repeat: no-repeat; 
	display:block;
	}
#servicesMenu .label a:link, #servicesMenu .label a:active, #servicesMenu .label a:visited {
	color: #003366; 
	display:block; 
	text-decoration: none; 
	background-image: url('/images/linkto-ba.gif'); 
	background-repeat: no-repeat;
	background-position: 5px 0;
	padding: 3px; 
	padding-left: 21px;
	}

#servicesMenu .label a:hover {
	color: #000; 
	background-color: #DAE1E9;
	background-image: url('/images/linkto-ta.gif'); 
	background-repeat: no-repeat; 
	display:block;
	}

/* services menu - user groups section */

#usergroup {} /*margin-top:10px;*/
#usergroup h2 {line-height:25px; background-color:#DAE1E9; margin:0; padding:0;}

#usergroup a {
	display:block;
	border-top: solid 1px #FFF; 
	border-bottom: solid 1px #ADBDCF;
	}

/*CLIMATE*/
#climate h2 a, #climate h2 a:link, #climate h2 a:active, #climate h2 a:visited {
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-clim-icon.gif');
	} 
#climate h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-clim-icon.gif');}

/*WATER*/
#water h2 a, #water h2 a:link, #water h2 a:active, #water h2 a:visited {
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-water-icon.gif');
	} 
#water h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-water-icon.gif');}

/*ENVIRONMENT*/
#environment h2 a, #environment h2 a:link, #environment h2 a:active, #environment h2 a:visited {
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-env-icon.gif');
	} 
#environment h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-env-icon.gif');}


/*TSUNAMI*/
#tsunami h2 a, #tsunami h2 a:link, #tsunami h2 a:active, #tsunami h2 a:visited {
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-tsunami-icon.gif');
	} 
#tsunami h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-tsunami-icon.gif');}


/*NWS & NWW*/
#nws h2 a, #nws h2 a:link, #nws h2 a:active, #nws h2 a:visited,
#nww h2 a, #nww h2 a:link, #nww h2 a:active, #nww h2 a:visited {
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-aus-icon.gif');
	} 
#nws h2 a:hover, #nww h2 a:hover {background-color: #ADBDCF;background-image: url('/images/h-aus-icon.gif');}

/*MARINE AND OCEAN*/
#marine h2 a, #marine h2 a:link, #marine h2 a:active, #marine h2 a:visited{
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-marine-icon.gif');
	} 
#marine h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-marine-icon.gif');}

/*LAND & WATER*/
#watl h2 a, #watl h2 a:link, #watl h2 a:active, #watl h2 a:visited {
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-land-water-icon.gif');
	} 
#watl h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-land-water-icon.gif');}

/*UV & SUN PROTECTION*/
#uv h2 a, #uv h2 a:link, #uv h2 a:active, #uv h2 a:visited {
	background-color:#DAE1E9; 
	padding-left: 34px;
	background-image: url('/images/h-uv-icon.gif');
	} 
#uv h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-uv-icon.gif');}

/*TROPICAL CYCLONE*/
#tc h2 a, #tc h2 a:link, #tc h2 a:active, #tc h2 a:visited {
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-cyclone-icon.gif');
	} 
#tc h2 a:hover{background-color: #ADBDCF;background-image: url('/images/h-cyclone-icon.gif');}

/*REG USER*/
#reguser h2 a, #reguser h2 a:link,#reguser h2 a:active,#reguser h2 a:visited{
	background-color: #DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-registereduser-icon.gif');
	}
#reguser h2 a:hover {background-color: #ADBDCF; background-image: url('/images/h-registereduser-icon.gif');}

/*AVIATION*/
#aviation h2 a, #aviation h2 a:link,#aviation h2 a:active,#aviation h2 a:visited{
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-aviation-icon.gif');
	}
#aviation h2 a:hover {background-color:#ADBDCF;background-image: url('/images/h-aviation-icon.gif');} 

/*DEFENCE*/
#defence h2 a, #defence h2 a:link,#defence h2 a:active,#defence h2 a:visited{
	background-color: #DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-defence-icon.gif');
	}
#defence h2 a:hover {background-color:#ADBDCF;background-image: url('/images/h-defence-icon.gif');}	

/*CWS*/
#cws h2 a, #cws h2 a:link,#cws h2 a:active,#cws h2 a:visited{
	background-color:#DAE1E9;
	padding-left: 34px;
	background-image: url('/images/h-ssu-icon.gif');
	}
#cws h2 a:hover {background-color: #ADBDCF;background-image: url('/images/h-ssu-icon.gif');}	
	
	
/* products section */
#products {padding:4px; padding-right:0;}
#products th {font-weight:normal;text-align:left;}
#products p{padding:0;margin:0;}
#products h2 {padding:0; margin:0; margin-top:7px;}
#products a {border-bottom:solid 1px #ccc;}

/* warnings yellow area */
.w-icon {float:left; margin: 0 5px 17px 5px;}
span.ws {display:block; border-bottom:none; padding:2px 0;} /*cyclones, etc*/
#warnings {padding-bottom:0px;}
#warnings p {margin:4px 0;}
#warnings a, #warnings a:link, #warnings a:active, #warnings a:visited {
	color:#000000;
	text-decoration:underline;
	border:none;
	padding:1px;
	}
#warnings a:hover {color: #000000; text-decoration:none; padding:1px;}
#warnings p {font-size:80%; color:#000;}
.max {color: #CC0000;} 
#pad {font-size:12px;} /*hk*/
#pad table {width:100%;}
#pad td:first-child {width:3em; border-collapse:collapse;}
#pad td.alignright {width: 2em; white-space:nowrap; background-color:#EAEDF2;}
#pad h2 {margin:6px 0; padding:3px 5px; border-bottom:1px dotted #ccc;}
#pad td, #pad th {padding:1px 4px 3px 0; border-bottom:1px dotted #ccc;}
#pad a {border-bottom:none !important; padding-right:6px;}
/* end products section */

/* Features Section (hk) */
table#features {margin-top:9px; background:#EAEDF2;}
#features th {border-bottom:1px dotted #ccc; background:#EAEDF2; padding:4px 7px;} 
#features td {border-top: 3px solid #f3f5f8; vertical-align:middle; text-align:left; font-size:11px; padding:3px 7px;}
#features .va-top {vertical-align:top;}
#features p {line-height:150%; margin-top:2px; margin-bottom:2px;}

/* right hand section */
#rightBlock {padding:4px; color:#666666; min-width:125px;}
#rightBlock p {color:#000; padding:0 12px; margin-top:0;}
#rightBlock h2 {color:#000000; margin:0; padding-top: 0px; font-size:100%;}

/*for css gfe button*/
#gfe-btn {
	width:238px;
	padding:0 0 6px;
	margin-bottom:6px; /*make this match .box1 bottom margin */
	border:1px solid #A9C5D3;
	background-color:#E2E8EC;
	background-image:url('/images/gfe-btn-bg.png');
	background-repeat:repeat;
	vertical-align:middle;
	}
#gfe-btn img {float:left; margin:9px 8px 5px; border:0;}
.gfe-btnTitle, .gfe-btnTitle a {
	text-decoration:none;
	font:14px Helvetica, Arial, sans-serif; 
	color:#333; 
	font-weight:normal; 
	margin:7px 0 3px 0;
	padding:0;
	}
.gfe-btnSubTitle, .gfe-btnSubTitle a {
	text-decoration:none;
	font:11px Arial, sans-serif; 
	padding:0;
	margin:0 0 3px 0;
	}

.gfe-btnSubTitle a:hover {
	color: #F60;
	}


h2.linkto a, h2.linkto a:link, h2.linkto a:active, h2.linkto a:visited {
	background-image: url('/images/linkto-ba.gif'); 
	background-repeat: no-repeat; 
	background-position: 4px 0;
	padding: 3px 10px 0 20px; 
	/*margin-left: -2px;*/
	color:#000;
	}

h2.linkto a:hover {	
	background-image: url('/images/linkto-ta.gif'); 
	color:#F60;
	}

#rightBlock ul {
	margin-left: 4px;
	padding-left: 4px; 
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url('/images/dot-b.gif');
	}

#rightBlock li, #rightBlock li a.navlink {
	text-indent:-10px;
	font-size:11px !important;
	}

.box1 {
	width:234px; /*hk*/
	border:solid 1px #DFDFDF;
	background-color:#FFF;
	background-image:url('/images/lightblue-grad.jpg');
	background-position: top right;
	background-repeat:no-repeat;
	margin-bottom:10px;
	padding:6px 2px;
	}

.box1 h2 {margin-top:5px !important; margin-bottom:3px !important;}
.box1 ul {margin-left:9px !important;}
.box1 ul li {margin-top:3px !important; margin-bottom:2px !important;}

#announcebox {margin: 1em 0 0.5em 0.75em; text-align:left;}
#announcebox a {
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	padding: 0 0 0 17px;
	background-image: url('/images/ui/state/icon-sprite-info.png');
	background-position: 0 -198px;
	background-repeat: no-repeat;
	border:none;
	}
	
#announcebox a:hover { background-position: 0 2px; }


#rightBlock .explore {
	color:#666 !important; 
	margin:7px 0 5px 1.25em !important;
	}

/* end right hand section */

/* print styles */
@media print{
	#container {width:auto;}
	#servicesMenu {border-right: none;background:none;}
	
	#servicesMenu h2 a:link,#servicesMenu h2 a:visited,#publicuser h2 a, #publicuser h2 a:link, #publicuser h2 a:visited,#publicuser2 h2 a, #publicuser2 h2 a:link, #publicuser2 h2 a:visited,#reguser h2 a, #reguser h2 a:link,#reguser h2 a:visited,#reguser2 h2 a, #reguser2 h2 a:link,#reguser2 h2 a:visited,#reguser3 h2 a, #reguser3 h2 a:link,#reguser3 h2 a:visited,#reguser4 h2 a, #reguser4 h2 a:link,#reguser4 h2 a:visited, #reguser5 h2 a, #reguser5 h2 a:link,#reguser5 h2 a:visited {padding-left:3px; background:none;} 
		
	h2.linkto a, h2.linkto a:link, h2.linkto a:visited,#rightBlock li{padding-left:0;}
	.box1 {background:none;}
}

/* hk: appended generic styles - 2010-11-08 */
.clearfix { /* can be put on a br or hr */
	clear:both;
	display:block;
	height:0;
	line-height: 0;
	margin:0;
	padding:0;
	visibility:hidden;
	}

.mapthumb {float:left; margin:0 15px 5px 10px;}
.highlight {background-color: #FFFF99;}
.hidden, .hide, .invisible {visibility: hidden;display: none;}

.black, a.black, a.black:visited {color:#000;}
a.black:hover {color:#f63;}

/*pre-footer goverment hyperlink bar */
/*#govlinks {width:987px; text-align:center; padding:7px; margin-top:3em; border:1px dotted #ccc;}*/
#govlinks {text-align:center; padding:7px; margin:1em auto 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }

/*Layout*/
.w-twentyfive {width:25%;}
.w-thirtythree {width:33%;}
.w-fifty {width:50%;}
.w-sixtysix {width:66%;}
.w-seventyfive {width:75%;}
.alignRight {text-align: right;}
.alignCentre {text-align: center;}
.alignLeft {text-align: left;}
.floatright {float: right;}
.floatleft {float: left;}

/*Spaces */
.vspace5 {height: 5px;}
.vspace10 {height: 10px;}
.vspace15 {height: 15px;}
.vspace20 {height: 20px;}
.vspace30 {height: 30px;}
.vspace40 {height: 40px;}
.vspace50 {height: 50px;}
.vspace100 {height:100px;} 
.vspace150 {height:150px;}
.vspace200 {height:200px;}
.vspace250 {height:250px;}

.nomargin {margin:0;}
.nopadding {padding:0;}
.notopmargin {margin-top:0;}
.notoppadding {padding-top:0;}
.nobottommargin {margin-bottom:0;}
.nobottompadding {padding-bottom:0;}

.padleft10 {padding-left: 10px;}
.padright10 {padding-right: 10px;}
.padleft20 {padding-left: 20px;}
.padright20 {padding-right: 20px;}
.marginright10 {margin-right: 10px;}
.marginleft10 {margin-left: 10px;}
.marginright20 {margin-right: 20px;}
.marginleft20 {margin-left: 20px;}
.pad1em {padding:1em;}
.mar1em {margin:1em;}
.pad2em {padding:2em;}
.mar2em {margin:2em;}
.padmar1em {padding:1em; margin:1em;}
.padmar2em {padding:2em; margin:2em;}

/* Typography */
.xxxl {font-size: 32px;}
.xxl {font-size: 24px;}
.xl {font-size: 18px;}
.large {font-size: 16px;}
.medium {font-size: 14px;}
.small {font-size: 12px;}
.xs {font-size: 11px;}
.xxs {font-size: 10px;}
.xxxs {font-size: 9px;}
.roman {font-weight:normal;}
ul.nobullet, li.nobullet {list-style-type: none !important; list-style-image: none !important;}


/* Borders */
.border {border:1px solid #000;}
.bordertop {border-top:1px solid #000;}
.borderright {border-right:1px solid #000;}
.borderleft {border-left:1px solid #000;}
.borderleftright {border-left:1px solid #000; border-right:1px solid #000;}
.borderbottom {border-bottom:1px solid #000;}
.bordertopleft {border-top:1px solid #000; border-left:1px solid #000;}
.borderbottomleft {border-bottom:1px solid #000; border-left:1px solid #000;}
.bordertopright {border-top:1px solid #000; border-right:1px solid #000;}
.borderbottomright {border-bottom:1px solid #000; border-right:1px solid #000;}
.bordertopleftright {border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
.borderbottomleftright {border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
.bordertopbottom {border-top:1px solid #000; border-bottom:1px solid #000;}
.bordertopbottomleft {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}

/* dotted  borders - table and div */
.dotborder{border:1px dotted #000;}
.dotbordertop {border-top:1px dotted #000;}
.dotborderright {border-right:1px dotted #000;}
.dotborderleft {border-left:1px dotted #000;}
.dotborderleftright {border-left:1px dotted #000; border-right:1px dotted #000;}
.dotborderbottom {border-bottom:1px dotted #000;}
.dotbordertopleft {border-top:1px dotted #000; border-left:1px dotted #000;}
.dotborderbottomleft {border-bottom:1px dotted #000; border-left:1px dotted #000;}
.dotbordertopright {border-top:1px dotted #000; border-right:1px dotted #000;}
.dotborderbottomright {border-bottom:1px dotted #000; border-right:1px dotted #000;}
.dotbordertopleftright {border-top:1px dotted #000; border-left:1px dotted #000; border-right:1px dotted #000;}
.dotborderbottomleftright {border-bottom:1px dotted #000; border-left:1px dotted #000; border-right:1px dotted #000;}
.dotbordertopbottom {border-top:1px dotted #000; border-bottom:1px dotted #000;}
.dotbordertopbottomleft {border-top:1px dotted #000; border-bottom:1px dotted #000; border-left:1px dotted #000;}

.brdrtopthick {border-top:6px solid #900;}
.brdrbottomthick {border-bottom:6px solid #900;}

/* SURVEY ON HOMEPAGE APRIL 2012 */
.survey-promo {
	margin-bottom:7px;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	width:240px;
	height:230px;
	background-color:#DAE7EF;
	background-image:url('/images/features/dull-survey-bg.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	border:none;
	text-align:center;
	}
	
	.survey-promo-desc {
		background-image: url('/images/ui/state/icon-sprite-info.png');
		background-position: 12px -189px !important;
		background-repeat: no-repeat;
		text-align:left;
		font-family:Tahoma, Arial, Helvetica, sans-serif !important;
		margin:0 !important;
		padding:7px 7px 0 32px !important;
		font-size:11px !important;
		color:#000;
		}

	.survey-action-btn {
		width:auto;
		white-space:nowrap;
		font-size:11px;
		font-weight:bold;
		margin:155px 40px 1em 40px !important;
		padding:0.35em 0.5em !important;
		border:1px solid #666;
		background-color:#f5f5f5;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		}

	/*.survey-action-btn:hover {
		background-color:#fff; 
		border:1px solid #000;
		} 
	
	.survey-action-btn a:hover {color:#000;} */
	
	.survey-action-btn a, .survey-action-btn a:visited {
		text-decoration:none;
		color:#333;
		}