img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #A6A6A6; margin:0px 10px 0px 10px;background-color:#161616; background-image: url(bg.gif); scrollbar-face-color: #292929; scrollbar-shadow-color: #202020; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #202020; scrollbar-darkshadow-color: #171717; scrollbar-track-color: #171717; scrollbar-arrow-color: #999999}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #A6A6A6; }
a:link, a:visited, a:active { font-weight: bold; text-decoration: none; color: #D0D0D0}
a:hover { color: #00A9FF; text-decoration:none; font-weight: bold;}

#logo { border:1px solid #000;background-color: #161616; padding:0px;margin:0px; }
.submenu  {padding: 1px; border:1px solid #000000;background-color: #222222; background-image: url(submenu.gif); font-size:10px;margin:0px 0px 0px 0px;color:#8B8B8B;font-weight:bold; font-family: Verdana, Tahoma, Arial, sans-serif; }
.submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #8B8B8B;  }
.submenu a:hover { font-weight:bold;font-size:10px;text-decoration: none; color: #BABABA;}

.row { background-color: #262626;border-left: 1px solid #353535; border-top: 1px solid #353535;}

.darkrow2 { background-color: #161616; background-image: url(bottom.gif); color:#8B8B8B; vertical-align:middle; background-repeat:no-repeat; background-position: center;}

.titlemedium { font-weight:normal; color:#8B8B8B; padding:4px; margin:0px; background-color: #292929; background-image: url(title.gif);}
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #8B8B8B}
.titlemedium  a:hover{ text-decoration: none; color: #575757}

.maintitle { background-position: center; text-align: center; vertical-align:middle;font-weight:bold; color:#ffffff; letter-spacing:1px; padding:9px 0px 15px 0px; background-color: #161616; background-image: url(top.gif); background-repeat:no-repeat; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #ffffff}
.maintitle a:hover { text-decoration: underline; color: #ffffff}

.tableborder { border: 1px solid #000; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.copyright {text-align: center; vertical-align:middle;font-weight:bold; color:#ffffff; letter-spacing:1px; background-color: #161616; color: #C3C3C3}
.copyright a:link, .copyright a:visited, .copyright a:active {color: #C3C3C3}
.copyright a:hover{color: #ffffff}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}