.content{width:100%; min-width:830px; margin:0; padding:4px 4px 100px 4px; text-align:center; background-color:#efefef}

.webscreen{width:820px; min-height:600px; padding:4px; margin-top:4px; margin-right:auto; margin-bottom:4px; margin-left:auto; text-align:left; background-color:#fff; border:2px solid #ddd}

html, body, #mainDiv{width:100%; height:100%; margin:0px 0px; padding:0px; border:0px; font:12px 'Helvetica',Arial,Sans-Serif; text-align:center}

.tundra html, body, #mainDiv{width:100%; height:100%; margin:0px 0px; padding:0px; border:0px; font:12px 'Helvetica',Arial,Sans-Serif; text-align:center}

.claro { font-family:'Helvetica',Arial,sans-serif; font-size: 12px; color: #131313;}
.claro html, body, #mainDiv{width:100%; height:100%; margin:0px 0px; padding:0px; border:0px; font:12px 'Helvetica',Arial,Sans-Serif; text-align:center}

#header{float:left; width:100%; height:90px; margin:0px; padding:0px; background:url("images/energyperiscope.gif") no-repeat top left; border:none}

#header h1{float:left; text-align:left; padding:40px 0px 0px 160px; margin:0px; font-size:16px; color:#555}

#header ul{float:right; text-align:right; list-style:none; padding:0; margin:40px 0 0 0; margin-right:10px; display:inline}

#header li{float:left; display:block; line-height:10px; padding:0 0 0 12px; margin:0 0 0 14px; background-image:url("images/green_dots_bullet.png"); background-repeat:no-repeat; background-position:center left; list-style-type:none; font-size:10px; text-align:left; text-transform:uppercase}

#header a{font-size:10px; font-weight:normal; text-decoration:none; color:#555}

#header a:hover{font-size:10px; font-weight:normal; text-decoration:underline; color:#000}

#nav{clear:both; float:left; width:140px; height:425px; margin:0; padding:16px 4px 16px 4px; background:#FFF}

#nav h1{margin:0; padding:0; font-size:12px; font-weight:normal; line-height:14px; color:#FFF; text-align:center; background:#EFEFEF}

#nav ul{padding:0 0 8px 0; margin:0; list-style:none}

#nav li{display:block; width:140px; font-size:12px; font-weight:bold; line-height:22px; text-align:left; padding-top:4px; padding-right:0px; padding-bottom:4px; padding-left:2px; margin-top:2px 0 0 0; border-top:none; border-bottom:1px solid #e7e7e7; border-left:none}

#nav li a:link{color:#63B200; font-size:12px; text-decoration:none; font-weight:bold; line-height:14px}
#nav li a:active{color:#63B200;  font-size:12px; text-decoration:none; font-weight:bold; line-height:14px}
#nav li a:visited{color:#63B200; font-size:12px; text-decoration:none; font-weight:bold; line-height:14px}
#nav li a:hover{color:#528608; font-size:12px; text-decoration:underline; font-weight:bold; line-height:14px}

#nav a:link{color:#63B200; font-size:12px; text-decoration:none; font-weight:bold; line-height:14px}
#nav a:active{color:#63B200;  font-size:12px; text-decoration:none; font-weight:bold; line-height:14px}
#nav a:visited{color:#63B200; font-size:12px; text-decoration:none; font-weight:bold; line-height:14px}
#nav a:hover{color:#528608; font-size:12px; text-decoration:underline; font-weight:bold; line-height:14px}

#main{float:left; width:640px; min-height:400px; margin:0; padding:16px; overflow:auto; background-color:white; border:none; text-align:left}

#periscope{float:left; width:94%; min-height:400px; margin:0; padding:16px; overflow:hidden; background-color:white; border:none; text-align:left}

#tabnav{margin:4px 0 0 0; padding:0}

#tabnav ul{margin:0; padding:0}

#tabnav li{list-style:none; float:left; margin:0; padding:0;   border:0; font-size:12px; line-height:16px; white-space:nowrap}

#tabnav img{padding:0 2px 0 0; border:none}
  
#tabnav a{  display:block; line-height:normal; margin-right:4px; padding:4px; text-align:center; text-decoration:none; border:1px solid #ccc; background:#abd6ff url(images/titlebar.png) repeat-x; color:#131313}

#tabnav a:hover{ background-color:#7dbefa; color:#000000; border-top-color:#769dc0; border-left-color:#769dc0;  }

#tabnav a.this{ font-weight:bold; background-color:#fff; border-top-color:#000; border-left-color:#ccc; border-right-color:#ccc; border-bottom-color:#fff; background-image:none}

#tabnav_bottom{margin:0 0 4px 0; padding:0}

#tabnav_bottom ul{margin:0; padding:0}

#tabnav_bottom li{list-style:none; float:left; margin:0; padding:0; border:0; font-size:12px; line-height:16px; white-space:nowrap}

#tabnav_bottom img{padding:0 2px 0 0; border:none}
  
#tabnav_bottom a{  display:block; line-height:normal; margin-right:4px; padding:4px; text-align:center; text-decoration:none; border:1px solid #ccc; background:#abd6ff url(images/titlebar.png) repeat-x; color:#131313}

#tabnav_bottom a:hover{ background-color:#7dbefa; color:#000000; border-bottom-color:#769dc0; border-left-color:#769dc0; }

#tabnav_bottom a.this{ font-weight:bold;  background-color:#fff;  border-top-color:#fff; border-left-color:#ccc; border-right-color:#ccc; border-bottom-color:#000; background-image:none}

#forms{clear:left; width:94%; min-height:400px; margin:0px; padding:16px; overflow:auto; background-color:white; border:1px solid #ccc; text-align:left}

#footer{clear:left; width:100%; margin:4px; padding:8px; background-color:transparent; border:none; font-size:10px; color:#CCC; text-align:center; overflow:hidden}

#footer p{font-size:10px; font-weight:normal; color:#aaa; text-align:center; text-decoration:none}

#footer img{vertical-align:middle}

#footer a{font-size:10px; color:#aaa; text-decoration:none; font-weight:normal}
#footer a:link{font-size:10px; color:#aaa; text-decoration:none; font-weight:normal}
#footer a:active{font-size:10px; color:#aaa; text-decoration:none; font-weight:normal}
#footer a:visited{font-size:10px; color:#aaa; text-decoration:none; font-weight:normal}
#footer a:hover{font-size:10px; color:#aaa; text-decoration:underline; font-weight:normal}

p{font-size:12px; line-height:19px; color:#555; text-align:left; padding:8px 0 0 0; margin:0px}

.tundra p{font-size:12px; line-height:19px; color:#555; text-align:left; padding:8px 0 0 0; margin:0px}

.claro p{font-size:12px; line-height:19px; color:#555; text-align:left; padding:8px 0 0 0; margin:0px}

.noshow{visibility:hidden}

.highlight{background-color:#FEFF6F}

.inline{float:left; display:inline; margin-right:8px}

.this{font-weight:bold}

.error{background-color:#FFEFF2}

.big{font-size:14px}

.small{font-size:10px}

.smallgray{color:#aaa; font-size:10px}

.smallgray a:link{color:#AAA; font-size:10px; text-decoration:none}
.smallgray a:visited{color:#AAA; font-size:10px; text-decoration:none}
.smallgray a:hover{color:#AAA; font-size:10px; text-decoration:underline}
.smallgray a:active{color:#AAA; font-size:10px; text-decoration:none}

.dijitReadOnly{ background:#fff; }

blockquote{color:#555; font-size:11px; line-height:16px; text-align:left; font-weight:bold}

sup, sub{font-size:9px; height:0; line-height:1; vertical-align:baseline; position:relative}

sup{bottom:1ex}

sub{top:0.5ex}

table, td{font-size:12px; color:#555; line-height:19px; margin-top:4px; padding:4px}

tr.bottom{vertical-align:bottom}

th{font-size:12px; line-height:19px; font-weight:bold; vertical-align:bottom; text-align:center; padding:4px}

table.white{background-color:#FFF}
tr.white{background-color:#FFF}
th.white{background-color:#FFF; font-weight:bold; text-align:center}
td.white{background-color:#FFF}

table.whiteembed{background-color:#FFF; border:1px solid #dcdcdc}
tr.whiteembed{background-color:#FFF; border:1px solid #dcdcdc}
th.whiteembed{background-color:#FFF; border:1px solid #dcdcdc; font-weight:bold; text-align:center}
td.whiteembed{background-color:#FFF; border:1px solid #dcdcdc}

td.border-bottom {border-bottom:1px solid #dcdcdc;}
td.sum-top {border-top:1px solid #555555;}
td.sum-bottom {border-bottom:1px solid #555555;}

table.offwhite{background-color:#EFEFEF}
tr.offwhite{background-color:#EFEFEF}
th.offwhite{background-color:#EFEFEF;  font-weight:bold; text-align:center}
td.offwhite{background-color:#EFEFEF}

table.blue{background-color:#0069AF; color:#FFF}
tr.blue{background-color:#0069AF; color:#FFF}
th.blue{background-color:#0069AF; color:#FFF; font-weight:bold; text-align:center}
td.blue{background-color:#0069AF; color:#FFF}

table.lightblue{background-color:#E0E9EF}
tr.lightblue{background-color:#E0E9EF}
th.lightblue{background-color:#E0E9EF; font-weight:bold; text-align:center}
td.lightblue{background-color:#E0E9EF}

table.green{background-color:#63B200; color:#FFF}
tr.green{background-color:#63B200; color:#FFF}
th.green{background-color:#63B200; color:#FFF; font-weight:bold; text-align:center}
td.green{background-color:#63B200; color:#FFF}

table.lightgreen{background-color:#E9EFE0}
tr.lightgreen{background-color:#E9EFE0}
th.lightgreen{background-color:#E9EFE0; font-weight:bold; text-align:center}
td.lightgreen{background-color:#E9EFE0}

table.mistygreen{background-color:#F8FFEF}
tr.mistygreen{background-color:#F8FFEF}
th.mistygreen{background-color:#F8FFEF; font-weight:bold; text-align:center}
td.mistygreen{background-color:#F8FFEF}

table.orange{background-color:#FFAA71; color:#000}
tr.orange{background-color:#FFAA71; color:#000}
th.orange{background-color:#FFAA71; color:#000; font-weight:bold; text-align:center}
td.orange{background-color:#FFAA71; color:#000}

table.lightorange{background-color:#FFECDF; color:#000}
tr.lightorange{background-color:#FFECDF; color:#000}
th.lightorange{background-color:#FFECDF; color:#000; font-weight:bold; text-align:center}
td.lightorange{background-color:#FFECDF; color:#000}

table.pink{background-color:#FFDFDF; color:#000}
tr.pink{background-color:#FFDFDF; color:#000}
th.pink{background-color:#FFDFDF; color:#000; font-weight:bold; text-align:center}
td.pink{background-color:#FFDFDF; color:#000}

table.lightyellow{background-color:#FFF9DF}
tr.lightyellow{background-color:#FFF9DF}
th.lightyellow{background-color:#FFF9DF; font-weight:bold; text-align:center}
td.lightyellow{background-color:#FFF9DF}

table.yellow{background-color:#FBF5D8}
tr.yellow{background-color:#FBF5D8}
th.yellow{background-color:#FBF5D8; font-weight:bold; text-align:center}
td.yellow{background-color:#FBF5D8}

table.darkyellow{background-color:#F3BD4D; color:#000}
tr.darkyellow{background-color:#F3BD4D; color:#000}
th.darkyellow{background-color:#F3BD4D; font-weight:bold; color:#000; text-align:center}
td.darkyellow{background-color:#F3BD4D; color:#000}

table.gray{background-color:#E6E6E6}
tr.gray{background-color:#E6E6E6}
th.gray{background-color:#E6E6E6; font-weight:bold; text-align:center}
td.gray{background-color:#E6E6E6}

table.darkgray{background-color:#CFCFCF}
tr.darkgray{background-color:#CFCFCF}
th.darkgray{background-color:#CFCFCF; font-weight:bold; text-align:center}
td.darkgray{background-color:#CFCFCF}

table.black{background-color:#000; color:#fff}
tr.black{background-color:#000; color:#fff}
th.black{background-color:#000; color:#fff; font-weight:bold; text-align:center}
td.black{background-color:#000; color:#fff}

table.darkgraybox{background-color:#DDD; border-top:1px solid #FFF; border-right:1px solid #AAA; border-bottom:1px solid #AAA; border-left:1px solid #FFF}

DD, LI{padding:6px 0 0 0; font-size:12px; line-height:19px; color:#555}

form, input, select, textarea{font-size:12px; margin-top:0px; margin-bottom:0px; padding:2px}

hr{color:#555}

A:link{color:#00c; text-decoration:none}
A:visited{color:#00c; text-decoration:none}
A:hover{color:#000; text-decoration:underline}
A:active{color:#000; text-decoration:none}

H1{font-size:16px; font-weight:bold; color:#555; padding:20px 0 0 0; margin:0px}
 
H2{font-size:16px; font-weight:normal; color:#000; padding:20px 0 0 0; margin:0px}

H3{font-size:14px; font-weight:normal; color:#000; padding:18px 0 0 0; margin:0px}

H4{font-size:14px; font-weight:normal; text-decoration:underline; color:#000; padding:18px 0 0 0; margin:0px}

H5{font-size:12px; font-weight:normal; text-decoration; underline; color:#000; padding:16px 0 0 0; margin:0px}

.tundra H1{font-size:16px; font-weight:bold; color:#555; padding:20px 0 0 0; margin:0px}
 
.tundra H2{font-size:16px; font-weight:normal; color:#000; padding:20px 0 0 0; margin:0px}

.tundra H3{font-size:14px; font-weight:normal; color:#000; padding:18px 0 0 0; margin:0px}

.tundra H4{font-size:14px; font-weight:normal; text-decoration:underline; color:#000; padding:18px 0 0 0; margin:0px}

.tundra H5{font-size:12px; font-weight:normal; text-decoration; underline; color:#000; padding:16px 0 0 0; margin:0px}


.claro H1{font-size:16px; font-weight:bold; color:#555; padding:20px 0 0 0; margin:0px}
 
.claro H2{font-size:16px; font-weight:normal; color:#000; padding:20px 0 0 0; margin:0px}

.claro H3{font-size:14px; font-weight:normal; color:#000; padding:18px 0 0 0; margin:0px}

.claro H4{font-size:14px; font-weight:normal; text-decoration:underline; color:#000; padding:18px 0 0 0; margin:0px}

.claro H5{font-size:12px; font-weight:normal; text-decoration; underline; color:#000; padding:16px 0 0 0; margin:0px}