
body {
  margin: 0;
  padding: 0;
  background: #ececec url(/images/stripe.png) repeat-x;
  text-align: middle;
  font-family: helvetica, arial, sans-serif;
  font-size: 0.85em;
  min-width: 1050px;
}

#top {
  position: relative;
  top: -1px;
  border-top: 1px solid #18453B;
}

#all {
  border-top: 1px solid #ececec;
  position: relative;
  text-align: left;
  margin: 60px auto 0;
  top: -1px;
  width: 975px;
  background: url(/images/box-middle.png) repeat-y;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
}

#msulogo {
  position: absolute;
  top: 0;
  right: 0;
}

.boxheader {
  background: url(/images/box-top.png) no-repeat bottom left;
  padding: 0 173px 1px 173px;
	float: left;
	width: 460px;
	*width: 810px;
}

.boxheader h1 {
	padding-top: 6px;
}

span.subheader {
	font-size: 0.8em;
	color: #707070;
}

.boxend {
  background: url(/images/box-bottom.png) no-repeat bottom left;
  width: 975px;
  height: 13px;
	clear: both;
}

.box {
	margin: 0 0 0 178px;
  width: 618px;
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #18453B;
}

h1 {
  font-size: 1.3em;
}

h2 {
	font-size: 1.05em;
}

a {
  color: #18453B;
}

#map {
  background: #18453B;
  width: 618px;
  height: 459px;
  margin: 0 0 0 178px;
	overflow: hidden;
	position: relative;
	clear: both;
}

#mapcv {
  width: 618px;
  height: 459px;
}

#nav {
  position: absolute;
  height: 27px;
  width: 630px;
  top: -45px;
  left: 173px;
}

#nav ul, #nav li {
  height: 27px;
  list-style: none;
  display: inline;
	/*padding: 0;
	margin: 0;*/
}

#nav a {
  height: 27px;
  display: block;
  float: left;
  padding: 7px 11px 0 11px;
  text-decoration: none;
  color: #ffffff;
  margin-right: 11px;
	border: 0;
}

#nav a:hover {
	text-decoration: underline;
}

body.home #nav li.home a,
body.about #nav li.about a,
body.alerts #nav li.alerts a,
body.premium #nav li.premium a,
body.account #nav li.account a,
body.feedback #nav li.feedback a
{
  background: #ececec;
  color: #18453B;
}

#mainbox {
	position: relative;
}

#models {
	position: absolute;
	width: 173px;
	top: 65px;
	right: 0;
}

#models a {
	display: block;
	text-decoration: none;
}

#models a:hover {
	text-decoration: underline;
}

.modelat {
	background: url(/images/model-at.png) no-repeat;
}

#models .model a {
	color: #494949;
	padding: 7px 10px 5px 10px;
	margin-bottom: 3px;
	background: #d7d7d7 url(/images/model-back.png) repeat-y;
	width: 149px;
}

#models .modelat a {
	color: #18453B;
	padding: 12px 5px 5px 10px;
}

.footer {
	color: #707070;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.4em;
}

.footer .boxin {
	padding: 5px;
}

.footer a {
	color: #707070;
}

.update {
	border-bottom: 1px solid #909090;
}

.update span {
	float: right;
	position: relative;
	top: -5px;
}

.updatein {
	padding: 10px;
	color: #494949;
}

#welcome .boxin {
	background: #ffcb05;
	border: 1px solid #ffcb05;
	padding: 0 10px;
}

#welcome h1 {
	color: #000000;
	text-shadow: 0 0 0.2em #ffcb05, 0 0 0.2em #ffcb05;
}

.highlight {
	background: #ffcb05;
}

#errorbox .boxin {
	background: #aa0000;
	border: 1px solid #aa0000;
	padding: 0 10px;
	color: #ffffff;
}

#errorbox label {
	color: #ffffff;  
}

#errorbox a {
	color: #ffffff !important;
}

#errorbox h1 {
	color: #aa0000;
	text-shadow: 0 0 0.3em #ffffff, 0 0 0.3em #ffffff, 0 0 0.3em #ffffff;
}

.offset {
	font-size: 2em;
	position: relative;
	top: -20px;
}

.boxinpad {
	padding: 10px 40px 5px 25px;
}

label {
	font-size: 0.85em;
}

.error {
	color: #aa0000;
}

textarea {
	font-family: helvetica, arial, sans-serif;
  font-size: 0.8em;
	padding: 8px 7px;	
}

#sponsors {
	position: absolute;
	left: -25px;
	width: 182px;
	top: 300px;
}

#sponsorscol {
	position: absolute;
	left: -25px;
	width: 182px;
	top: 300px;
}

#sponsors p, #sponsorscol p {
	color: #808080;
}

#tt, #gtt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 1px;
	height: 1px;
	background: #ffffff;
	border: 1px solid #000000;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	padding: 3px 6px;
	-moz-box-shadow: 1px 1px 3px #444;
	-webkit-box-shadow: 1px 1px 3px #444;
	box-shadow: 1px 1px 3px #444;
}

.graphout {
	padding-top: 20px;
}

.graph {
	font-size: 12px;
	position: relative;
}

.gr-header {
	width: 100%;
	height: 14px;
	float: left;
	clear: both;
}

#flashback {
	position: absolute;
	top: -16px;
}

.gr-row {
	width: 100%;
	height: 27px;
	float: left;
	clear: both;
	position: relative;
}

.rlabel {
	position: absolute;
	top: 8px;
	text-align: right;
	width: 171px;
}

.rval {
	position: absolute;
	top: 21px;
	text-align: right;
	width: 201px;
	z-index: 2;
}

.rlabel p, .rval p {
	text-align: right;
	padding: 0;
	margin: 0;
	text-shadow: 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF, 0 0 4px #FFFFFF;
}

.tabscroller {
	height: 270px;
	overflow: scroll;
}

.tabscroller table {
	font-size: 0.9em;
	margin-right: 15px;
}

.tabscroller table.crows th, .tabscroller table.crows td {
	text-align: center;
	padding: 3px 4px;
}

.tabscroller table.crows th {
	background: #c0c0c0;
}

.tabscroller table.crows .eo {
	background: #e0e0e0;
}

.crows th {
	text-align: left;
	background: #e0e0e0;
}

.crows .eo {
	background: #ececec;
}

#cline1,
#cline2,
#cline3,
#cline4,
#cline5,
#cline6,
#cline7,
#cline8,
#cline9,
#cline10,
#cline11,
#cline12,
#cline13 {
	position: absolute;
	top: 15px;
	z-index: 30;
}

#cline1 { left: 227px; }
#cline2 { left: 257px; }
#cline3 { left: 287px; }
#cline4 { left: 317px; }
#cline5 { left: 347px; }
#cline6 { left: 377px; }
#cline7 { left: 407px; }
#cline8 { left: 437px; }
#cline9 { left: 467px; }
#cline10 { left: 497px; }
#cline11 { left: 527px; }
#cline12 { left: 557px; }
#cline13 { left: 587px; }

.gr-header a {
	color: #202020;
}

#gr-header-col-1,
#gr-header-col-2,
#gr-header-col-3,
#gr-header-col-4,
#gr-header-col-5,
#gr-header-col-6,
#gr-header-col-7,
#gr-header-col-8,
#gr-header-col-9,
#gr-header-col-10,
#gr-header-col-11,
#gr-header-col-12,
#gr-header-col-13 {
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	margin-left: 1px;
	text-align: center;
	width: 29px;
	font-size: 11px;
}

#gr-header-col-1 {
	margin-left: 215px;
}

.gr-val {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 331;
	cursor: pointer;
}

#gr-val-col-1, #gr-val-col2-1 {	left: 220px; }
#gr-val-col-2, #gr-val-col2-2 {	left: 250px; }
#gr-val-col-3, #gr-val-col2-3 {	left: 280px; }
#gr-val-col-4, #gr-val-col2-4 {	left: 310px; }
#gr-val-col-5, #gr-val-col2-5 {	left: 340px; }
#gr-val-col-6, #gr-val-col2-6 {	left: 370px; }
#gr-val-col-7, #gr-val-col2-7 {	left: 400px; }
#gr-val-col-8, #gr-val-col2-8 {	left: 430px; }
#gr-val-col-9, #gr-val-col2-9 {	left: 460px; }
#gr-val-col-10, #gr-val-col2-10 {	left: 490px; }
#gr-val-col-11, #gr-val-col2-11 {	left: 520px; }
#gr-val-col-12, #gr-val-col2-12 {	left: 550px; }
#gr-val-col-13, #gr-val-col2-13 {	left: 580px; }

#fblabel {
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #909090;
	font-style: italic;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 219px;
	top: -18px;
	width: 397px;
}

#forecastlabel {
	color: #606060;
	border-bottom: 1px solid #909090;
	font-style: italic;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 430px;
	top: -18px;
	width: 187px;
}

.pwarn {
	font-weight: bold;
	color: orange;
}

.pwarnback {
	font-weight: bold;
	color: #000;
	background: #FFCB05;
	padding: 1em;
}

.perror {
	font-weight: bold;
	color: #aa0000;
}
