html, body {
   height: 100%;
   margin: 0;
   padding: 0;
}
body { 
  text-align: center; /* IE6 Fix */
  background:#070707;
  color:#cdcdcd;
  width:100%;
  font-family: Verdana, Helvetica, Ariel, Tahoma;
/*   background-image: url(/images/grass.jpg); */
}
a.sort{font-size:11px;color:#777}
div.notice{
  text-align:center;
  color:#999;
  font-size:11px;
  width:30%;
  padding:1px;
  padding-bottom:2px;
  margin:15px auto 15px auto;
  background:#282828;
}
div.st_c {font-size:12px;text-align:center;color:#cdcdcd}
#wrapper {
  width: 100%;
  margin:0;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  background: url(/images/footer_head.gif) top repeat-x;
}
#header {
  margin-top:0px;
  color:#cdcdcd;
  font-size:90%;
  width: 100%;
}
#header_logo {float:left;margin-top:10px;margin-left:10px;}
#header_text {float:right;margin-right:0px;color:#444;font-size:11px;background:#282828;padding:2px;width:80px;position:relative;}
#header_text a{color:#444}
#header_text a:hover{color:#cdcdcd}

#sub_header {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
/*   color: #FFFFFF; */
  position:fixed;
  margin-left:29%;
  top:0px;
  z-index:200000;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
div#zoom_font {

}
div#outer_container {
  margin:40px auto;
/*   padding-bottom: 30px; */
/*   padding:10px; */
  position:relative;
  float: left;
  width: 100%;
  text-align: left;
  background: #333;
}
div#inner_container{position:relative;float:left;width:1150px;margin-left:16px;margin-right:16px;padding-bottom:30px}
div#bg_l{position:relative;float:left;width:13px;background:url(/images/bg_left.gif) top left repeat-y}
div#bg_r{position:relative;float:right;width:13px;background:url(/images/bg_left.gif) top right repeat-y}
div#pager {
  clear:both;
  text-align:center;
  width:99%;
}
div.category {
  background: #333;
  width:99%;
  position:relative;
  float:left;
}
div.category a:link{vertical-align:middle}
div.category a{font-size:12px}
div.category-name {
  position:relative;
  float:left;
  width:250px;
  bottom:2px;
}
div.category-name a{font-size:12px}
div.category-commands {
  position:relative;
  float:right;
  width:750px;
  bottom:4px;
}
div.shortcuts {
  
}
div.task {
  position: relative;
  float: left;
  width: 100%;
  text-align:left;
  line-height:22px;
 /* opacity: 0.85;
  filter: alpha(opacity=85);*/
}
div.tasks {
  position: relative;
  float: left;
  width: 1150px;
  left:44px;
  padding:15px;
  margin-bottom:10px;
  background:#292929;
  line-height:21px;
 /* padding-top:15px; */
  border:1px solid #272727;
}
div.task-name {
  position: relative;
  float: left;
  padding: 0px;
  margin-top:0;
  width: 220px;
  font-size:90%;
}
div.task-commands {
  position: relative;
  float: left;
  margin-left: 10px;
  font-size: 11px;
  
/*   width: 650px; */
}
div#padding { padding: 0 0 45px 0; }
div#footer {
  clear:both;
  width:100%;
  margin: -75px 0 0 0;
  background:#000400;
  height:60px;
/*   border-top:5px solid #222; */
  padding-top:10px;
  padding-bottom:5px;
  color:#666;
  font-size:11px;
  text-align:center;
}
div.commands {
  position: relative;
  float: center;
  padding: 0px;
  margin-left: 2px;
/*   width: 650px; */
}
div#scroll_track{height:11px;width:900px;background:#222;border:1px solid #070707;position:relative;float:left;left:165px;margin-bottom:15px}
div#scroll_handle{height:11px;width:20px;cursor:pointer;background: #111}
div.stats{overflow:hidden;width:1150px;position:relative;float:left;margin:10px;border:0px solid #070707;padding-top:3px}
img.legend{vertical-align:bottom;float:left;margin-top:6px;margin-right:6px;}
div.t_stats {}
div.page-title{width:250px;margin:10px auto auto auto;padding-bottom:2px;clear:both;text-align:center;font-size:12px;color:#181818;background:#292929}
.pagination {
  padding: 2px 5px 1px 5px;
  height:44px;
  font-size:11px;
  width:100%;
  text-align:center;
  clear:both;
}
.pagination a {
  padding: 1px 5px 2px 5px;
  margin: 1px;
  border: 1px solid #444;
  text-decoration: none;
  color: #555;
  font-size:11px;background-color: #292929;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #444;
  color: #111;/*padding: 0px 5px 0px 5px;*/
}
.pagination span.current {
  padding: 1px 5px 2px 5px;vertical-align:middle;
  margin: 1px;
  border: 1px solid #444;
  font-weight: bold;
  background-color: #393939;
  color: #292929;
}
.pagination span.disabled {
  padding: 1px 5px 2px 5px;
  margin: 1px;
  border: 1px solid #444;
  color: #252525;vertical-align:middle;
}

span.title {font-size:11px;padding-left:44px;}

div.form {clear:both;width:100%;padding-top:10px;padding-bottom:10px;}
.form-img {border:0; vertical-align:middle; padding:0; height:14px; width:14px;}
form input:hover {background:#050505; color:#cdcdcd;}
form input[type='submit']{margin-left:5px;width:120px;text-align:center;vertical-align:baseline}


h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}

img {vertical-align:middle; border:0;}
img.info {vertical-align:bottom;}

a {color:#cdcdcd;font-size:90%;vertical-align:middle;text-decoration:none;padding:1px}
a:hover {cursor:hand}
a:active {}

input {
  margin-left:45px;
  border:1px solid #050505;
  padding:1px;
  height:22px;
  background-color:#222;
  font-size:12px;
  color:#eee;
  text-align:left;
  vertical-align:baseline;
}

select {
  font-size:10px;
  background-color:#222;
  padding:2px;
  color:#eee;
  border:0px;
  margin:0px;
  text-align:center;

}

.drop-text {font-size:11px; color:#222; vertical-align:middle; text-align:center;}

.commands{font-size:12px;text-align:right;margin-left:10px;line-height:25px;}
.sec2dhms{font-size:10px;margin:0;padding:0;margin-left:35px;vertical-align:middle;}
.task-groups{padding-left:25px;font-size:13px}
.s_today{margin:1px;font-style:italic;font-size:11px}
.s_today a{vertical-align:middle}
.s_today a:hover{color:#FFF}


.tltheader{background:#222;border:1px solid #080808;color:#666;padding:3px;text-align:center;font-size:10px;}
.tltbody{background:#cdcdcd;border:1px solid #080808;color:#333;padding:3px;text-align:center;font-size:10px;}

.LV_validation_message{
    font-weight:bold;
    color:#666;
    left:0;
    padding:5px;
    position:relative;
    font-size:10px;
/*     background:#FFB158; */
}

.LV_valid {
    font-size:10px;
    border:0;
    padding:0;
}
	
.LV_invalid {
    font-size:10px;
}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #A2FF72;
}

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
  border: 1px solid #FFB158;
  border-top: 1px solid #FFB158;
  vertical-align:baseline;
}

.tooltip-long {
  width:300px;
  border:1px solid #050505;
  font-family:verdana,ariel;
  background:#222222;
  font-size:12px;
  padding:3px;
  opacity:alpha(opacity=90);
  opacity:0.9;
  text-align:left;
}
.tooltip-short {
/*   width:300px; */
  border:1px solid #050505;
  font-family:verdana,ariel;
  background:#222222;
  color:#cdcdcd;
  font-size:11px;
  padding:3px;
  opacity:alpha(opacity=80);
  opacity:0.80;
  text-align:left;
}

#myDialogId .myButtonClass {
  padding:3px;
  font-size:12px;
  width:100px;
}
#myDialogId .ok_button {
  color:#2F2;
}
#myDialogId .cancel_button {
  color:#F88;
}

.errorAccount {
  width: 350px;
  font-family: Verdana, Helvetica, Ariel, Tahoma;
  padding: 7px;
  padding-bottom: 15px;
  margin-left:5px;
  margin-top:5px;
  margin-bottom: 20px;
  color:#FFB158;
  text-align:center;
  background-color: #222;
}

.errorExplanation {
  width: 370px;
  font-family: Verdana, Helvetica, Ariel, Tahoma;
  padding: 7px;
  padding-bottom: 15px;
  margin-left:5px;
  margin-top:25px;
  margin-bottom: 20px;
  background: #222;
}

.errorExplanation h2 {
  text-align: left;
  font-weight: normal;
  padding: 2px 2px 2px 5px;
  font-size: 13px;
  margin: -2px;
/*   background-color: #222; */
  color: #FF0000;
}

.errorExplanation p {
  color: #FFB158;
  margin-bottom: 0;
  padding: 5px;
  font-size:11px;
}

.errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#loginform {
  width:410px;
  margin:auto;
  margin-top:10px;
  font-size:12px;
  line-height:25px;
}
#loginform fieldset{
  padding:2px;
  border:0;
}
#loginform legend{
  font-weight:bold;
  color: #cdcdcd;
}
#loginform label{
  display:block;
  height:2em;
/*   background-color:#E7E7E7; */
  padding:5px;
}
#loginform input {
  margin-right:10px;
  border:1px solid #444;
  float:right;
  clear:right;
  height:20px;
  background-color:#222;
  font-size:14px;
  padding:3px;
  color:#eee;
  text-align:left;
}
#loginform input[type='submit'] 
{
  text-align:center;
  margin-top:25px;
  height:25px;
  padding:0;
  width:57px;
  float:right;
  font-size:95%;
}
#loginform input:focus,#loginform input:hover {
  border:1px solid #585858;
  background:#050505;
  color:#cdcdcd;
}


#loginform input[type='submit']:focus {color:#FFF; }
.error{
  color:red;
  font-weight:bold;
  text-align:center;
  padding:20px;
  height:100px;
}

#simple_captcha {float:left; width:99%; text-align:right;}
#simple_captcha img {
  border:1px solid #444;
  float:left;
  margin-top:10px;
  margin-left:5px;
 /* width: 100px;
  height: 32px;*/
}
#simple_captcha input{/*float:right;*/
  margin-right:10px;
  margin-top:8px;
  border:1px solid #444;
  height:16px;
  background-color:#222;
  font-size:14px;
  padding:4px;
  color:#eee;
  width:55px;
  text-align:center;
}

.bargraph {
  font: 0.6em/2em Arial;
  color: #cdcdcd;
  margin-left:44px;
  margin-top:5px;
  border-collapse: collapse;
  border:1px solid #181818;
/*   width: 10%; */
}
.bargraph td {
  padding:10px;
  margin:0;
  vertical-align:bottom;
  text-align:center;
  background: #181818 url(/images/gridline.gif) 15px bottom;
}
.bargraph th {
  padding:0;
  margin:0;
  background: #222;
  font-size:11px;
  font-weight:normal;
  padding-left:5px;
  padding-right:5px;
  text-align:center;
}
.bargraph img{
  display:block;
  border-right: 1px solid #000;
}
.stats-title{
  width:150px;
  text-align:left;
  padding-left:5px;
  border:1px solid #181818;
  background:#333;
}
#FrogJS{
        width: 1000px;
/*        height: 500px; */
        margin: 0 auto;
        font-size:12px;
}
#FrogJS img{ border:0px solid #222}
#FrogJSCredit{
        text-align: right;
        font-size: 80%;
        color: #999;
        padding: 1px;
}
#FrogJSCaption{
        text-align: left;
        line-height: 140%;
}