/*  */
body {text-align:left;}

/*LAYOUT*/
#optionsBox{margin-right:20px;float:left;width:36%;}
#leftForms{padding:10px 5px;background-color:#e5ff99;-moz-border-radius:6px;-webkit-border-radius:6px;margin-bottom:20px;}
#prevContainer{float:left;font-weight:bold;width:60%;}
#previewBox{background-color:#ccc; padding:10px 3px;text-align:center;margin-bottom:20px;width:100%;}
#bottom{width:100%;height:100%;float:left;}
#preview{}

/*FORMATTING*/
.scLabels{font-weight:bold;font-family:arial;font-size:13px;}
#mapDisplay{color:#555;}
.stepText{font-size:16px;font-family:Arial,Verdana,Helvetica;text-decoration:underline;}
#maintext{}
.labelBold{font-weight:bold;}

/*FORMS*/
.scForm{font-size: x-small;}
#siteSelector {width:220px;}

/*SKINNABLE COMPONENT*/
#generatedScript{padding:20px;background-color:#cf3;-moz-border-radius:6px;-webkit-border-radius:6px;margin-bottom:20px;margin-top:20px;}
#genCode{background-color:#fff;border:1px solid #555;padding:5px;font-weight:normal;-moz-border-radius:4px;-webkit-border-radius:6px;overflow:auto;}

/*Buttons*/
#nextOption{float:right;position:relative;}
#backOption{float:left;display:none;}

/* Forecast selection */

#optionsForecastSelectionPanel {
	height:250px;
	width:220px;
	position:absolute;
	background-color: #FFFFFF;

	border:1px solid #CCCCCC;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

	padding:5px;
	font-weight:normal;
	font-size:100%;
	z-index:9999;
	color:#000000;
}

#optionsForecastSelectionPanel p {
	margin:0.25em;
	color:#000000;
}

#optionsForecastSelectionPanel ul {
	margin-top:0.5em;
	list-style-type: none;
	margin-left:0;
	padding-left:0;
	margin-bottom:1em;
}

#optionsForecastSelectionPanel li {
	height:1.5em;
	cursor:pointer;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:0;
	padding:6px 0 6px 6px;
	background-color:#EEEEEE;
}

#optionsForecastSelectionPanel li.hover {
	border:1px solid #555555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #CCFF33;
}

/* Styles relate to NSWWS header block below, specifically */
/* Styles used through the NSWWS includes */
.nswwsFloatL { float:left; }
.nswwsFloatR { float:right; }

/* Styles applied to the NSWWS Head include */
.nswwsHdAlertLevelTD { background-color: #666; color: #FFF; font-weight: bold; }
.nswwsHdAlertImg { width:23px; height:23px; border:none; display:block; margin-top:2px; margin-left:auto; margin-right:auto; }
.nswwsHdImgTD  { position:absolute; top:0px; padding-top:2px; }
.nswwsHdLink a:link { text-decoration: none; }      /* unvisited link */
.nswwsHdLink a:visited { text-decoration: none; }  /* visited link */
.nswwsHdLink a:hover { text-decoration: none; }  /* mouse over link */
.nswwsHdLink a:active { text-decoration: none; }  /* selected link */
#nswwsHdDiv { height:67px; border:0px; padding-top:22px; padding-right:0px; }
#nswwsHdVerbalAlertTD { position:absolute; width:148px; text-align:center; color:#ffffff; font-weight:bold; left:-2px; top:29px; padding:0px; }

/* Round corners in header where browser will allow */
.cornerNSWWS {
	border-top-left-radius: 0.7em;
	border-bottom-left-radius: 0.7em;
	-moz-border-radius-topleft: 0.7em;
	-moz-border-radius-bottomleft: 0.7em;
	-webkit-border-top-left-radius:0.7em;
	-webkit-border-bottom-left-radius:0.7em;
}