body {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #dd2222; background-color: #fffdf9;	font-size: 1.0em;}

   body{
        background-color: #fffdf9;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }


   div#onlineBoxContainer{
   position: absolute;
   top: 0; left: 56%; width: 20%;
   border: none; padding-top: 20px;
    }

   div#searchBoxContainer{
   position: absolute;
   top: 0; left: 70%; width: 100%; height: 60%;
   border: none; padding-top: 20px;
    }






tr.row_done_u{
  background-color: #999;
}

tr.row_done_f{
  background-color: #999;
}

tr.row_done_o{
  background-color: #999;
}


tr.row_u{
  background-color: #cfdb93;
}

tr.row_f{
  background-color: #ffc3c5;
}

tr.row_o{
  background-color: #debfcf;
}

tr.row_0{
  background-color: #eaeaff;
}

tr.row_1{
  background-color: #ddf;
}

table td, table td * {
    vertical-align: top;
}

td.online{
  vertical-align: top;
  background-color: #efd;
}


div#container{position: absolute;top: 5px; left: 5px; width: 350px;border-width: 3px;border-style: solid; border-color: #ff7522; padding-top: 20px;}

div#intro{background-color:#999999;color:#333; font-size:12px; font-weight:none; text-align: left;}
div#introContainer{position: relative;top: 0px; left: 0px; width: 330px;border: none; padding-top: 0px;}

div#basics{background-color:#dfd;color:#333; font-size:12px; font-weight:none; text-align: left;}
div#basicsContainer{position: relative;top: 0px; left: 0px; width: 330px;border: none; padding-top: 20px;}

div#details{background-color:#990000;color:#333; font-size:10px; font-weight:none; text-align: left;}
div#detailsContainer{position: relative;top: 10px; left: 0px; width: 330px;border: solid #ff7522 5px; padding-top: 20px;padding-bottom: 20px;}

div#result_0{/*background-color:#ddd;*/top: 10px;color:#ddd; font-size:16px; font-weight:bold; text-align: left;}
div#result_1{/*background-color:#090;*/top: 10px;color:#090; font-size:16px; font-weight:bold; text-align: left;}
div#result_2{/*background-color:#d00;*/top: 10px;color:#d00; font-size:16px; font-weight:bold; text-align: left;}

div#timesincetest{background-color:#990000;color:#fff; font-size:12px; font-weight:bold; text-align: left;}

div#codes{background-color:#fdd;color:#333; font-size:10px; font-weight:none; text-align: left;}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #555533;
    LINE-HEIGHT: 1.0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #555533;
    LINE-HEIGHT: 1.0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #AA0000;
    LINE-HEIGHT: 1.0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #555533;
    LINE-HEIGHT: 1.0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #AA0000;
    LINE-HEIGHT: 1.0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
H6
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #AA0000;
    LINE-HEIGHT: 1.0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #555533;
    LINE-HEIGHT: 0.5;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}

P.number
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #555533;
    LINE-HEIGHT: 1.6;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}

P.red
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #BB0000;
    LINE-HEIGHT: 0.8;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

P.italic_red
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #BB0000;
    LINE-HEIGHT: 1.6;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: italic
}

P.blue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #0000DD;
    LINE-HEIGHT: 1.6;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
P.green
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #00BB00;
    LINE-HEIGHT: 1.6;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
P.yellow
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #FFDD00;
    LINE-HEIGHT: 1.6;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A IMG
{
    BORDER: none;
}

A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #BB0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #BB0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #BB0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #555533;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.text:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #555533;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.text:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #555533;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.text:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #555533;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.text:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #BB0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

UL
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #555533;
    LINE-HEIGHT: 1.6;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    TEXT-ALIGN: justify
}

OL
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #555533;
    LINE-HEIGHT: 1.6;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    TEXT-ALIGN: justify
}

INPUT
{
    FONT-SIZE: 10px;
    COLOR: #000033;
    FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #FFFFFF
}
TEXTAREA
{
    FONT-SIZE: 10px;
    COLOR: #000033;
    BACKGROUND-COLOR: #FFFFFF
    FONT-FAMILY: Verdana, Geneva, Helvetica, Arial, sans-serif
}

select { display: block; } 

.rssdrop li ul { /* second-level lists */
    display: none;
    background-color: #ccccdd;
    position: absolute;
    top: 1.4em;

    left: 0;
	width: 6.1em;
	top: 1.1em;

}

.rssdrop li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
  top: auto;
  left: auto;
}
.rssdrop li li {
  background-color: #ccccdd;
	width: 6em;
  padding-left: 3px;
	padding-right: 3px;
  border-style: solid;
  border-color: #000080;
  border-width: 0px 1px 0px 1px;
}
.rssdrop li:hover ul, li.over ul {
  display: block;
}
#content {
  clear: left;
}
.title-box {
  position: relative;
  width:120px;
  height:80px;
  margin: 0em;
  padding: 0em;
}
.title-box-title {
	position:absolute;
	width:21px;
	height:16px;
	z-index:1;
	left: 100px;
	font-family: Arial,Helvetica,sans-serif; font-size: .7em;
	top: 70;
	background-image: url(http://icons.wunderground.com/graphics/smash/stackIcon.gif);
	layer-background-image: url(http://icons.wunderground.com/graphics/smash/stackIcon.gif);
	border: 0px none #000000;
}


div#list_title{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#222; font-size:16px; font-weight:bold; text-align: left;}
div#logout{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#a00; font-size:12px; font-weight:bold; text-align: left;}
div#list_comments{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#444; font-weight:bold; font-size:10px; text-align: left;}


div#list_comments_title{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#444; font-size:12px; font-weight:bold; text-align: left;}

div#warning{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#aa0000; font-size:16px; font-weight:bold; text-align: left;}

div#list_online{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#990000; font-size:10px; font-weight:bold; text-align: left;}
div#list_offline{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#aaa; font-size:10px; font-weight:bold; text-align: left;}

select{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:0.8em ;text-align: left;color: #455361;font-weight:bold;}



span.title{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:1.0em ;text-align: left;color: #455361;font-weight:bold;}

span.description{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:1.0em ;text-align: left;color: #455361;font-weight:bold;}


span.list_items{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:0.7em ;text-align: left;color: #455361;font-weight:bold;}


div#data{position:relative; top:-0.6em; left: 14em; color:#ddaa00; font-size:0.6em ;text-align: left;line-height:0.6em;font-weight:normal}
a {color: #c0c0c0;text-decoration: none;}

/*drop-down menu*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}



div#job_week{color:#CC0000; font-size:16px; font-weight:none; text-align: left;}
div#job_date{color:#0022CC; font-size:12px; font-weight:bold; text-align: left;}
div#job_hour{color:#FF9900; font-size:10px; font-weight:none; text-align: left;}

div#loan_title{color:#ff6600; font-size:12px; font-weight:bold; text-align: left;}
div#loan_shift{color:#ff66ff; font-size:10px; font-weight:none; text-align: left;}
div#loan_date{color:#ff6600; font-size:10px; font-weight:none; text-align: left;}
div#loan_hour_info{color:#00aaff; font-size:10px; font-weight:none; text-align: left;}
div#loan_hour_info_total{color:#00aaff; font-size:10px; font-weight:bold; text-align: left;}
div#loan_total{color:#ff66ff; font-size:10px; font-weight:none; text-align: left;}
div#loan_off{color:#222222; font-size:10px; font-weight:none; text-align: left;}