html{ height: 100%; }
body{ margin:0; padding:0; font-size: 0.8em;background-color: #000000; color:#EEE;
      /*background: #F6F6F6 url('../img/background.gif') repeat-y center;*/
}
img{border: 0;}

/*input, textarea, select { color: black; font-size: 0.85em; line-height: 1.1em; padding: 0.1em; margin: 0.1em; }*/
input[type="text"], input[type="password"], textarea {
    background-color: #1a1a1a;
border: 1px solid #3F3F3F;
box-shadow: none;
color: #b8b3b6;
}
/*input[type="text"], input[type="password"], textarea { border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; background: #FBFBFB url('../img/fieldbg.gif') repeat-x top }*/
textarea{font-size: 1.1em;}
input.checkbox, input.radio {border:0; background-image: none; background: transparent;}
.datefield {
    /*background: #F8F8F8 url('../img/date.png') no-repeat top left;*/ 
    padding-left: 19px;}

/* Standard Stuff */
.b{ font-weight:bold; }
.u{ text-decoration:underline; }
.i{ font-style:italic; }
.tr{ text-align:right; }
.tc{ text-align: center; }
.vt{ vertical-align: top;}
.vc{ vertical-align: middle; }
.clear{clear:both;}
.hand{cursor: pointer;}
.small{font-size: 0.85em;}
.xsmall{font-size: 0.70em;}
.xxsmall{font-size: 0.55em;}
.big{font-size: 1.25em;}

.printonly{display: none;}

/* colors */
.blue{color: blue;}

/* altered main elements */
h3{ font-size: 1.2em; margin: 0.9em 0.3em 0.5em 0.3em; }
a, a:visited, a:active{ color: #00D07C; text-decoration: none;}
a:hover{ text-decoration: underline; }
a:hover.nohover{ text-decoration: none; }
.rcdialog a{ color: white;}

/* Layout */
#container{ width: 990px; min-height: 30em; margin: auto; }
#header{}
#leftnav{ float: left; width: 10em; }
#userbox{ margin-right: 4em; margin-top: 1em; width: 250px;}
#content{ padding: 0.3em; margin-left: 11em; }

/* Header */
#header{ height:57px; padding: 0.4em; width: 990px; margin: auto; }
#header h1{ margin:0; color: #999; font-size: 2.5em; }

/* Site Navigation */
#leftnav{ padding: 0.2em; color: #00D07C;}

/* User Box */
#userbox{ font-size: 0.9em; color: black; text-align: left; float: right; }
#userbox a{ text-decoration: underline; color: #F86290; }
#userbox a:visited{ text-decoration: underline; color: #F86290; }
#userbox a:hover{ text-decoration: none; }

/* Footer */
#footer{ clear: both; text-align: center; margin-top: 2em; font-size: 0.8em; }

/* A Nav */
#leftnav{ font-size: 0.9em; margin-top:61px; }
#leftnav ul{ margin: 0; padding: 0; }
#leftnav li{ margin: 0.1em; margin-left: 1.4em; width: 10em; padding: 0.1em; list-style-type:none;}

/* Errors */
.error{ border: 1px solid red; background: #F88; padding: 0.5em 1em; margin: 0.4em; font-weight:bold; }
.warning{ border: 1px solid red; background: #F88; padding: 0.5em 1em; margin: 0.4em; font-weight:bold; }
.notice{ border: 1px solid blue; background: #99F; padding: 0.5em 1em; margin: 0.4em 0.4em 0.4em 2.4em; width: 70%; font-weight:bold; }

/* YUI stuff */
.yui-selectable .yui-dt-body { cursor:pointer; } /* when rows are selectable */
#single { margin-top:2em; }

/* page title */
#content h2{ font-size: 1.5em; padding: 0.4em; margin-bottom: 1em; }

/* toolbar */
#page_toolbar{ float: right; }
#page_toolbar .tb_button{ cursor: pointer; float: right; margin: 0.1em; height: 32px; width: 32px; padding: 8px; background: url('../img/tb/button.png') no-repeat; }

/* datatable */
.datatable, .report_table {border-collapse: collapse; margin:0; padding:0;}
.datatable{ border: 1px solid #999; }
.datatable td{ border: 1px solid #999; padding: 0.05em; }
.datatable th{ /* background-color: #E5E5E5; */ font-weight: bold; text-align: center; padding-right: 0.3em; }
.datatable .dt_highlight{ 
    background-color: #353535; 
              font-weight: bold; text-align: right; padding-right: 0.3em;color:#E5E5E5 }
.datatable.input{ color:#CCC;background: transparent;}
/* report table */
.report_table{ border: 1px solid #003A11; width: 98%; background: black; }
.report_table td{ border: 1px solid #003A11; padding: 0.05em; }
.report_table th{ border: 1px solid #003A11; background-color: #007621; font-weight: bold; text-align: center; padding-right: 0.3em; }

/* tags */
.tag{ display: inline-block; border: 1px solid #EEE; font-weight:bold; font-size:80%; color:#FFF; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; margin-top: 5px; }
.tag a { color:#FFF; cursor: pointer; }
.tag_rem{ border-left: 1px solid #BBB; color: gray !important; font-size: 0.5em; padding: 0.5em; margin-left: 0.5em; cursor: pointer;}
.tag_rem_highlight { font-size: 0.75em; padding: 0.25em; font-weight: bold; }

/* product */
#del_img{ border: 1px solid red; background: #F88; padding: 0em 1em; margin: 0em; font-weight:bold; visibility: hidden;}
.avail_qty_img{ border: 1px solid #5D13AD; background: #5D13AD; padding: 0.1em 0.3em; margin-bottom: 0.3em; font-weight:bold; }
.avail_qty_img img{ cursor: pointer; }
.highlight_red { border: 1px solid red; background-color: #FECCCC; }


/* jquery stuff mostly used in vendor page */
.link {padding: .3em 1em .3em 20px; text-decoration: none; position: relative;}
.link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}



#saveform.input, textarea, select{ color:white;border:0px;background-color:#000000}
.btn_label{background-color: #000;
color: #fff;
box-shadow: none;
border: 1px solid #888888;
border-radius: 2px;}




/* product images */
.product_images ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.product_images li {
    float: left;
    padding:2px;
    margin:1px;
}

.product_images li a {
    display: block;
    padding: 8px;

}