* {
   border-color: #C8C8C8;
}


      .hbox {
         /* Firefox */
            display: -moz-box;
            display: -webkit-box;
            -moz-box-orient: horizontal;
            -webkit-box-orient: horizontal;
            /* FF does not accept IE's "position: absolute"  */
            position: relative !important;
         /* IE */
            /* allow a height-expression calculation (relative does not work very well) */
            position: absolute;
            /* copy top-position from current normal-flow position */
            top: auto;
            /* determine the height by subtracting this top from the parent's height */            height: expression(
               this.offsetParent.offsetHeight -               this.offsetTop            );
      }      /* CSS filter only executed by Firefox:          It is applied to children-of-.hbox-that-are-not-abbr-elements. I only want to address
         div elements, so I take abbr to be the not-div element :)
      */
      .hbox > *:not(abbr) {
         /* extension for .left: FF does not accept "float: left" in a -moz-box  */         
         float: none;         
         /* extension for .left: FF does not accept "margin-left: 210px" in a -moz-box */         
         margin-left: 0px;      
      }      
      .vbox {         
         /* Firefox */            
         display: -moz-box;            
         display: -webkit-box;
         -moz-box-orient: vertical;         
         -webkit-box-orient: vertical;         
         /* IE: absolute ok, relative ok; FF: only relative */            
         position: relative;         
         /* IE */            
         height: 100%;            
         overflow: auto;
      }
      .flex {
         /* Firefox */
            -moz-box-flex: 1;      
            -webkit-box-flex: 1;      
      }

a:link {color: #B4B4B4; text-decoration: underline; }
a:active {color: #B4B4B4; text-decoration: underline; }
a:visited {color: #B4B4B4; text-decoration: underline; }
a:hover {color: #B4B4B4; text-decoration: underline; }

textarea {
   background-color: #323232;
   color: #ffffff;
}

input {
   background-color: #323232;
   color: #ffffff;
}
html {
   height: 100%;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: #000000;
   color: #C8C8C8;
/* this margin is crucial to make the 'scroll remaining' bit work */
   margin: 0px 0px 0px 0px;
   padding:0;
   height: 100%;
   width: 100%;
}

/*
table {
}
th {
}
td {
}
*/
tr {
}

ul {
   list-style-type: square;
}

a.loginBarText:link {text-decoration: underline; }
a.loginBarText:active {text-decoration: underline; }
a.loginBarText:visited {text-decoration: underline; }
a.loginBarText:hover {text-decoration: underline; }

.loginBarText {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   border:0;
   color: #C8C8C8;
}
.mainText {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
.mainTextTable {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #C8C8C8;
}
a.mainTextTable:link {color: #C8C8C8; text-decoration: underline; }
a.mainTextTable:active {color: #C8C8C8; text-decoration: underline; }
a.mainTextTable:visited {color: #C8C8C8; text-decoration: underline; }
a.mainTextTable:hover {color: #C8C8C8; text-decoration: underline; }

.mainTextTableHeader {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #C8C8C8;
}
.bg_color {
   background-color: #000000;
}

/* Stuff for the 'gear' popup menu */
.yui-skin-sam .yuimenuitemlabel {
   background-color: #333333;  
   color: #dddddd;
}

.yuimenu a:hover {
   color: #333333;  
   background-color: #dddddd;
}

.popup_color {
   background-color: #333333;  
   color: #dddddd;
}

.yuimenuitemlabel-hassubmenu {
   background:url(img/arrow_closed_light.gif) right center no-repeat;
}

.yuimenuitemlabel .yuimenuitemlabel-hassubmenu .yuimenuitemlabel-selected .yuimenuitemlabel-hassubmenu-selected  {
   background:url(img/arrow_closed_light.gif) right center no-repeat;
}

.yuimenuitemlabel .yuimenuitemlabel-selected .yuimenunav .yui-skin-sam .yuimenuitem-hassubmenu .yuimenuitemlabel-hassubmenu-selected {
   background:url(img/arrow_closed_light.gif) right center no-repeat;
   background-color: #333333;  
}

a.mainTextTableHeader:link {color: #C8C8C8; text-decoration: underline; }
a.mainTextTableHeader:active {color: #C8C8C8; text-decoration: underline; }
a.mainTextTableHeader:visited {color: #C8C8C8; text-decoration: underline; }
a.mainTextTableHeader:hover {color: #C8C8C8; text-decoration: underline; }

.mainTextBold {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #C8C8C8;
}
.errorText {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #ee0000;
}
.mainTextLarge {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
}
.mainTextSmaller {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #C8C8C8;
}
/*
::-moz-selection {
   background: transparent;
   color: inherit;
}*/


.pickerUnpicked {
   -moz-user-select:none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #ffffff;
}

.pickerPicked {
   -moz-user-select:none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   background-color: #555555;
   color: #ffffff;
}

.mainTextTiny {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8px;
   color: #C8C8C8;
}

.textBoxBackground {
   background-color: #323232;
}

.mainTextLite {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #C8C8C8;
}

.textColor2 {
   color: #C8C8C8;
}

.tight {
   height: 5px;
}

.mono_border {
    border-top-color:    #C8C8C8;
    border-left-color:   #C8C8C8;
    border-right-color:  #C8C8C8;
    border-bottom-color: #C8C8C8;
}

div.plain {
   color: #C8C8C8;
}

table.minimal_table {
   border-width: 0px 0px 0px 0px;
   border-spacing: 1px;
   border-style: inset inset inset inset;
   border-collapse: collapse;
}

tr.result_title {
   border-width: 1px 1px 1px 1px;
   padding: 0px 0px 0px 0px;
   border-style: groove groove groove groove;
   background-color: #2D2D2D;
   -moz-border-radius: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
tr.result_picked {
   border-width: 1px 1px 1px 1px;
   padding: 0px 0px 0px 0px;
   border-style: groove groove groove groove;
   background-color: #555555;
   -moz-border-radius: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
tr.result_even {
   border-width: 1px 1px 1px 1px;
   padding: 0px 0px 0px 0px;
   border-style: groove groove groove groove;
   background-color: #393939;
   -moz-border-radius: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
tr.result_odd {
   border-width: 1px 1px 1px 1px;
   padding: 0px 0px 0px 0px;
   border-style: groove groove groove groove;
   background-color: #323232;
   -moz-border-radius: 0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
td.padded_min {
   padding: 0px 8px 0px 8px;
}