/* a:link, a:visited { color: #6699CC; text-decoration: underline; } */
a:hover, a:active { color: #CC3300; text-decoration: underline; }

dl.img-left  { margin-left: 0px; margin-right: auto; width: auto; float: left;}
dl.img-left dt { float: left; margin-left: 0px; }
dl.img-left dd { float: left; }

img.image-right { margin-left: 2em; margin-right: 0px; }

table.table-text { width: 100%; }

ul.tabs { list-style-position: inside; list-style-type: none; margin: 0px; padding: 0px; }
ul.tabs li { float: left; display: inline; margin-right: 2px; position: relative; z-index: 100;}
ul.tabs li a { display: block; 
		   padding: .3em 1em; 
		   background-color: #E5E5C3; 
		   color: #655e30; 
		   font-weight: bold; 
		   text-decoration: none; 
		   border: solid 1px #CC9;
}
ul.tabs li.active a { background-color: #FFF; border-bottom: solid 1px white;}
ul.tabs li a:hover { background-color: #FFF; }
ul.tabs li a:active { background-color: #FFF; }
div.tabcontent { margin-top: 0px; padding-top: 0px; }
div.tabcontent  div{ clear: left; 
				  border: 1px #CC9 solid; 
				  padding: 0em 0em 1em 1em; 
				  position: relative; 
				  top: -1px; 
				  z-index: 1; 
				  display: none; 
				  margin-top: 0px;
}
div.tabcontent div.active { display: block; }

h2.cleared , h3.cleared{ clear: both; padding-top: 1em;}

div.boxHighlight div, div.hl {
	border: 1px solid #CC9;
	background-color: #F3F4EF;
	padding: 0em 1em 0 1em;
	margin-top: 1em;
	float: left;
}
div.hl img, div.boxHighlight div img {
	float: left;
	margin: 0px 10px 0px 0px;
}
div.boxHighlight p {

	margin: 15px 0px 0px 0px;
}
div.hl dl { float: left; margin: 0.75em 0; }
div.hl dt, div.hl dd { display: block; float: left; margin: 0.2em 0; padding: 0; }
div.hl dt { clear: left; width: 60px; }
div.hl dd {  width: 80%; }

div.hl div.imgInfo { float: left; border: none; width: 75%; margin-top: 0;}
div.hl div.imgInfo h3 { margin-top: 0; }

pre.code {
	display: block;
	border: 2px solid #E5E5C3;
	background-color: #F3F4EF;
	padding: 0.5em;
}
div.sigE h2 { border-top: 1px solid #9FC6E7; border-bottom: 1px dotted #9FC6E7; font-weight: normal;
	padding: 8px 10px; margin: 0; color: #000; font-size: 133%; clear: left; }
div.sec { background-color: #EFF3F4; margin-bottom: 18px; }
/*
div.sigE h2.tc { background-color: #9fc6e7; }
div.sigE h2.fire { background-color: #ffad46; }
div.sigE h2.ash { background-color: #cabdbf; }
div.sigE h2.storm { background-color: #b3dc6c; }
div.sigE h2.flood { background-color: #d06b64; }
div.sigE h2.sat { background-color: #fbe983; }
div.sigE h2.wx { background-color: #c2c2c2; }
*/
div.sigE dl { display: block; margin: 0 2% 0em 150px; padding: 0;}
div.sigE dd, div.sigE dt { display: block; padding: 0; }
div.sigE dt { width: 150px; margin: 0.8em 0 0; }
div.sigE dd { margin: 0.4em 1em 1.5em 0em; }

img.image-left {
	margin: 1em 1em 1em 0em;
}
p img.image-left { margin-top: 0em; }
#controls #stepback {
	background-position: 0px 0px;
}
#controls #stepback:hover {
	background-position: 0px -20px;
}
#controls #stepforward {
	background-position: -35px 0px;
}
#controls #stepforward:hover {
	background-position: -35px -20px;
}
#controls #stop {
	background-position: -70px 0px;
}
#controls #stop:hover {
	background-position: -70px -20px;
}
#controls #play {
	background-position: -105px 0px;
}
#controls #play:hover {
	background-position: -105px -20px;
}
#controls .button {
	display: block;
	float: left;
	margin-top: .5em;
	width: 33px;
	height: 20px;
	text-indent: -999em;
	overflow: hidden;
	background: url("/images/Animator/Animator.buttons.png") 0px 0px no-repeat;
}
#controls .button {
	background-position: 0px -20px;
}
div.img { clear: left; margin-bottom: 1em; }
div.img img { float: left; margin-right: 0.5em; }
div.img h3 { margin-bottom: 0.5em; }
div.img p { margin-top: 0.5em; }