body

{

        background: #EDEDED;

        font-family: Tahoma,Verdana, Arial;

        font-size: 12px;

        padding: 0 10px;

        margin: 0px 0px 0px 0px;

}

div.header

{

        background: url(../img/header_01.jpg) repeat-x;

        /*border: 1px solid #CCC;*/

        border-bottom: none;

        height: 111px;

        margin: 0px 0 0 0;

        z-index: 1;

}

table.header2

{

        background: url(../img/header_01.jpg) repeat-x;

        /*border: 1px solid #CCC;*/

        border-bottom: none;

        height: 111px;

        margin: 0px 0 0 0;

        z-index: 1;

}

td.header2

{

        background: url(../img/header_01.jpg) repeat-x;

        /*border: 1px solid #CCC;*/

        border-bottom: none;

        height: 111px;

        margin: 0px 0 0 0;



}

div.logout

{

        background: url('../img/header-img.gif') no-repeat top left;

        float: right;

        height: 78px;

        width: 545px;

}

div.inventory

{

        background: url('../img/inventory-bg.gif') repeat-x top left;

        color: #214578;

        float: right;

        font: 10px Tahoma;

        line-height: 23px;

        margin: -12px -11px 0 0;

        padding: 0 11px 0 0;

        position: relative;

        text-align: right;

        text-transform: uppercase;

        z-index: 2;

        width: 365px;

}

div.inventory a

{

        color: #214578;

}

img.logo

{

        margin: 20px 0 0 15px;

        position: absolute;

}

ul.menu

{

        list-style-type: none;

        margin: 0;

        padding: 0;

}

ul.menu li

{



        height: 25px;

        line-height: 24px;

        padding-left: 10px;

}



ul.menu li a,ul.menu li a:hover, ul.menu li a:visited, ul.menu li a:active

{

        color: #0000FF;

        text-decoration: none;

        text-shadow: #000;

}



div.breadcrumb

{

        color: #444;

        font-size: 13px;

        font-weight: bold;

        padding: 8px 0 0 0;

}

h1

{

        color: #444;

        font-family:Times new roman;

        font-weight:bold;

        font-size: 20px;

        margin: 12px 0;

        Text-align: Center;



}

h2

{

        font-size: 18px;

}

h3.title

{



        background: url('../img/box-caption-right.gif') top right no-repeat;

        font-size: 13px;

        font-family:Times new roman;

        height: 33px;

        line-height: 29px;

        font-weight: bold;

        color: #335B92;

        margin: 0;

        padding: 0 10px 0 0px;

        text-align: right;

        float: right;

}

div.box

{

        clear: both;

        position: relative;

}

div.box-top-left

{

        height: 33px;

        background: url('../img/box-caption-left.gif') top left no-repeat;

}

div.box-top-right

{

        height: 33px;

        background: url('../img/box-caption-bg.gif') top right repeat-x;

}

div.box-content

{

        background-color: #FFF;

        border-left: 1px solid #76A9DC;

        border-right: 1px solid #76A9DC;

        padding: 10px;

}

div.box-bottom-left

{

        background: url('../img/box-bottom-left.gif') bottom left no-repeat;

        height: 5px;

}

div.box-bottom-right

{

        background: url('../img/box-bottom-right.gif') bottom right no-repeat;

        margin-left: 5px;

        height: 5px;

}

.clearfix:after

{

        content: ".";

        display: block;

        height: 0;

        clear: both;

        visibility: hidden;

}

* html .clearfix

{

        height: 1%;

}

div.field

{

        font-size: 11px;

        font-weight: bold;

        margin-bottom: 10px;

}

form

{

        clear: both;

        margin: 0;

        padding: 0;

}

ul.categories

{

        list-style-type: none;

}

div.categories div.col

{

        height: auto;

        width: 160px;

        float: left;

        padding: 2px 2px 20px 2px;

}

div.category

{

        font-weight: bold;

        margin: auto 0;

}

div.categories div.last

{

        height: auto;

        width: 160px;

        float: left;

        padding: 2px 0 20px 2px;

}

div.subcategories

{

        font-size: 10px;

        font-weight: normal;

        margin-top: 5px;

}

div.divider

{

        height: 1px;

}



ul.tree

{

        list-style-type: none;

}

ul.tree li

{

        line-height: 25px;

        vertical-align: middle;

}

a.no

{

        text-decoration: none;

}

div.links

{

        padding: 10px;

}



img

{

        border: none;

}

input, select, textarea

{

        font-weight: normal;

}

.all

{

        background-image: none;

        font-weight: bold;

}

.summary

{

        text-align: right;

}

div.buttons

{

        margin: 10px 0;

        text-align: right;

}

div.buttons a

{

        margin: 0 0 0 10px;

}

div.buttons img

{

        background-color: #E2EDFF;

        border: 1px solid #76A9DC;

        padding: 3px;

}

div.navigation

{

        margin: 0 0 10px 0;

        text-align: left;

}

div.navigation a, div.navigation span.a

{

        background-color: #FFF;

        border: 1px solid #AEAEAE;

        margin-left: 5px;

        padding: 1px 5px;

}

td.active, span.active

{

        background-color: #95C59F;

}

td.approval, span.approval

{

        background-color: #80FF80;

}

td.banned, span.banned

{

        /*background-color: #FF0000;*/

        background-color: #FF8080;

}

td.suspended, span.suspended

{

        background-color: #BBB;

}

ul.groups

{

        list-style-type: none;

        margin: 0;

        padding: 0;

}

ul.groups li

{

        float: left;

        height: 22px;

        width: 250px;

}

div.menu-tabs

{

        text-align: right;

        margin-right: 10px;

}

ul.tabs

{

        float: right;

        list-style-type: none;

        margin: -3px 0 0 0;

        padding: 0;

        text-align: right;

}

ul.tabs li

{

        background-image: url('../img/tab.gif');

        float: left;

        font-size: 11px;

        font-weight: bold;

        height: 25px;

        line-height: 25px;

        margin: 0 0 0 10px;

        text-align: center;

        width: 99px;

}

ul.tabs li.active

{

        background-image: url('../img/tab-act.gif');

}

span.highlight

{

        background-color: #CCC;

        color: #000;

        font-weight: bold;

}

div.lang

{

        color: #FFF;

        font-style: italic;

        font-size: 12px;

        margin: 5px 0;

}

td.caption

{

        background-color: #DEDEDE;

        border: 1px solid #AAA;

        color: #333;

        line-height: 20px;

        padding-left: 10px;

}

div.version

{

        color: #444;

        font-size: 10px;

        font-weight: bold;

        left: 50%;

        margin-left: -300px;

        position: absolute;

        top: 75px;

        width: 200px;

}





td, th, input, select, textarea {

        font-family: Tahoma, Arial, Helvetica, sans-serif;

        font-size: 11px;

}



a:link {

  color: #0240a3;

}



a:visited {

  color: #0240a3;

}



a:active {

  color: #000000;

}



img {

  border: none;

}



legend {

  white-space: nowrap;

}







.displayNone {

  display: none;

}



/* --- loader ---*/



#loader {

  width: 320px;

  margin-left: auto;

  margin-right: auto;

}



#loader td {

  padding: 3px;

  background: #ffffff;

}



#loader p {

  border: 3px solid #6E89DD;

  padding: 10px;

  margin: 0;

  background: #EEF0FC;

}



#loader img {

  float: left;

  margin-right: 12px;

}



#loader strong {

  display: block;

  margin-bottom: 3px;

}





#loaderContainer td {

        padding-top: 150px;

        vertical-align: top;

        text-align: center;

        background-image: url(../images/semi-transparent.gif);

}



#loaderContainer td td {

        padding-top: 3px;

        text-align: left;

}

form

{

        margin: 0;

        padding: 0;

}

td

{

  vertical-align: middle;

}



th {

  vertical-align: middle;

  white-space: nowrap;

}



.pathbar {

        padding: 10px 10px 0 10px;

}



.screenBody {

  margin: 0 10px;

  clear: both;

}



.uplevel {

  text-align: right;

}



.screenTitle {

  margin: 0;

  vertical-align: middle;

}



.screenTitle td {

  padding: 3px 12px 5px 10px;

  vertical-align: middle;

}





.screenTitle img,

.screenTitle td,

.screenTitle input,

.screenTitle select {

  vertical-align: middle;

}



.reportSection {

  margin: 10px 0;

}



.reportTools,

.reportTools img,

.reportTools input,

.reportTools select {

        vertical-align: middle;

}



.reportIndex {

  margin: 15px 0;

}



.reportSection {

  padding-top: 5px;

}



p, hr {

  margin: 5px 0;

}



.screenButtons {

  width: 773px;

}



hr {

  clear: both;

}



.screenBody:before {

  display: block;

  height: 0;

  visibility: hidden;

  content: '.';

  clear: both;

}



/* ---------- list  --------- */



.listArea td input,

.listArea td select {

  vertical-align: middle;

}



.list td,

.list th {

        padding: 3px;

}



.number {

  text-align: right;

}

.number {

  text-align: right;

}



.search input,

.search .commonButton,

.uplevel .commonButton {

  margin-right: 7px;

  vertical-align: middle;

}



.list {

  border-collapse: collapse;

}



.buttons {

  margin: 7px 0;

}



.buttons div {

  white-space: nowrap;

}



.buttons input,

.buttons .commonButton {

  vertical-align: middle;

}



.misc {

  text-align: right;

}



.main input {

        margin-right: 7px;

}

.main .commonButton {

  margin-right: 14px;

}





th a {

  vertical-align: middle;

}



th img {

  vertical-align: middle;

  padding-left: 3px;

}



.paging {

  margin: 7px 0;

  vertical-align: middle;

}



.paging input,

.paging .commonButton,

.paging select {

  vertical-align: middle;

  margin-right: 7px;

}



.paging select {

  margin-right: 3px;

}



.select {

        text-align: center;

}



.show #bid-search-show{

display: none;

}



.hide #bid-search-hide{

display: none;

}



.hide .searchArea {

display: none;

}



/* ---------- form  --------- */



.formArea {

/*  width: 695px; */

}



.formFields {

  border-collapse: collapse;

  margin-top: 2px;

}



.formFields td {

  padding: 3px;

  vertical-align: top;

}



.formFields input,

.formFields select {

  vertical-align: middle;

}



.formFields td.name,

.formFields td.nameError {

  vertical-align: top;

  padding-left: 0;

  padding-right: 10px;

  padding-bottom: 10px;

  width: 180px;

}



td.unlimited {

  vertical-align: top;

  padding-top: 6px;

}



fieldset {

 margin: 10px 0 0 0;

 padding: 0;

}



* html fieldset {

 margin-top: 0;

 padding-top: 10px;

}



.screenButtons {

  padding: 8px 0 0 0;

}

.formButtons {

  text-align: right;

  margin-top: 5px;

}



.formButtons input,

.formButtons button {

  margin-left: 7px;

}



.formFields td.limit {

  padding-right: 25px;

  white-space: nowrap;

  width: 140px;

}



.formFields td td.limit {

  padding-left: 0px;

}



.fieldButtons input,

.fieldButtons button {

  margin: 5px 5px 0 0;

}



textarea {

  width: 98%;

}



.checkbox,

.radiobox {

  width: 13px;

  height: 13px;

  padding: 0;

  margin: 0;

}



#chkProceed {

        margin-left: 3px;

}



legend .checkbox,

legend .checkbox,

.formFields .checkbox,

.formFields .radiobox {

  margin-right: 3px;

}



.suboption {

        margin-left: 18px;

}



/* ---------- misc --------- */



.commonButton {

  display: inline;

}



a.mailalias {

  margin-left: 20px;

}



.gaugeArea {

  margin: 2px 0;

}



.gaugeLayout td {

  border: none;

  padding: 0;

}



.btn button, input.btn

{

        background-image: url(../img/btn_bg.gif);

        border: 0 solid white;

        background-repeat: no-repeat;

        width: 91px;

        height: 21px;

}



/* ---------- for login --------- */

.login

{

        background: url('../img/login.jpg') no-repeat;

        border: 1px solid #CCC;

        margin: 40px auto 10px auto;

        padding: 92px 0 0 0;

        width: 490px;

}

.inner-content

{

        background-color: #FFF;

        border: 1px solid #CCC;

        margin: 0 10px 10px 10px;

        padding: 10px;

}

.lgn

{

        margin: 0 10px 10px 0;

        text-align: right;

}

.copyright

{

        line-height: 16px;

        margin: 0 auto;

        text-align: center;

        width: 492px;

}



.error {

  margin: 10px 0 0 0;

  border: 2px solid;

  background: #ffffff;

  padding: 10px 32px;

  background-repeat:  no-repeat;

  background-position:  10px 11px;

  border-color: #cc0000;

  background-image: url(../img/off.gif);

}

.error .title {

        color: #cc0000;

        font-weight: bold;

}



textarea:focus, input:focus

{

        background-color: #ffffee;

}



.err

{

        background: url("../img/off.gif") no-repeat;

        color: #C00;

        display: none;

        font-size: 10px;

        line-height: 16px;

        padding: 0 20px 0 20px;

        white-space: nowrap;

        width: 16px;

        background-position: right;

}



div.msg

{

        clear: both;

        font-size: 11px;

        font-weight: bold;

        line-height: 20px;

        margin: 0 0 10px 0;

        padding: 10px 10px 10px 53px;

}

div.error

{

        background: #FFEDEB url('../img/ico-err.gif') left no-repeat;

        border: 1px solid #CD5C52;

        color: #CD5C52;

}

div.notif

{

        background: #B1FFA2 url('../img/ico-not.gif') left no-repeat;

        border: 1px solid #6FCD52;

        color: #265624;

}

div.exclam

{

        background: #FFF5A2 url('../img/ico-exc.gif') left no-repeat;

        border: 1px solid #ABA25B;

        color: #3A6090;

}





#top_menu

{

        background: url('../img/menubkgr.gif') repeat-x;

        height: 26px;

        border-left: 1px solid #CCC;

        border-right: 1px solid #CCC;

}



div.right

{

        background: #FFF;

        float: left;

        width: 80%;

}

div.dbx-box

{

        background: url('../img/info-caption-bg.gif') repeat-x top left;

        margin: 0 0 10px 0;

        width: 170px;

}

div.dbx-handle

{

        /*background: url('../img/info-box-right.gif') no-repeat top right;*/

        color: #215DC6;

        height: 31px;

        padding:0px;

        margin:0px;

}

div.info-title

{

        text-align: center;

        color: #335B92;

        font-size: 16px;

        font-weight: bold;

        padding:0;

        margin: 8px 0 0 0;

        width:155px;

        float:left;

        font-family:Times new roman;

}

div.info-title2

{

        color: #335B92;

        font-size: 16px;

        font-weight: bold;

        padding:0;

        font-family:Times new roman;

}

div.info-top-left

{

        padding: 0;

        margin:0;

        width:7px;

        height:31px;

        float:left;

}

div.info-top-right

{

        padding: 0;

        margin:0px;

        width:7px;

        height:31px;

        float:right;

}

div.dbx-content

{

        background: #76A9DC url('../img/info-content-bg.gif') top left repeat-x;

        border-left: 1px solid #FFF;

        border-right: 1px solid #FFF;

        padding: 10px;

        margin: 0;

}



div.info-bottom-left

{

        background: url('../img/info-bottom-left.gif') bottom left no-repeat;

        height: 5px;

        padding: 0px 0px 0px 5px;

        margin:0px;

        width:165px;

}

div.info-bottom-right

{

        background: url('../img/info-bottom-right.gif') bottom right no-repeat;

        margin: 0px;

        height: 5px;

        padding: 0px;

}

table#content

{

        border: 1px solid #ABABAB;

        border-top: none;

        width: 100%;

}

table#content td#left-menu

{

        background-color: #6592C0;

        padding: 10px;

        vertical-align: top;

        width: 180px;

}

table#content td#left-menu a

{

        color: #FFF;

}

table#content td#page-content

{

text-align:right;

        background: #EEE url('../img/content-top-bg.gif') top left repeat-x;

        padding: 0 10px 10px 10px;

        margin: 0;

        vertical-align: top;

        width: 86%;

}

div.page-copyright

{

        background: url('../img/bottom-bg.gif') top left repeat-x;

        border: 1px solid #ABABAB;

        font-size: 11px;

        margin: 10px 0;

        padding: 10px;

        text-align: center;

}

input.delete

{

        color:maroon;

}

div.controls, div.controls a

{

        color: #FFF;

        margin: 0 0 10px 0;

        text-align: center;

}

div.controls2, div.controls2 a

{

        color: #FFF;

        margin: 0 0 10px 0;

        text-align: center;

        text-decoration:none;

}



div.bottom-controls

{

        background-color: #FFF;

        border: 1px solid #76A9DC;

        padding: 10px;

}

table.bd

{

        background-color: #FFF;

        border: 1px solid #76A9DC;

        margin: 0 0 10px 0;

}

table.bd th

{

        background: #76A9DC url('../img/info-content-bg.gif') top left repeat-x;

        border: 1px solid #FFF;

        border-right: none;

        color: #FFF;

        margin: 1px;

        padding: 7px 10px;

        text-align: left;

        text-transform: capitalize;

}

table.bd th.last

{

        border-right: 1px solid #FFF;

}

table tr td

{

        padding: 7px 5px 7px 11px;

}



tr.tr

{

        background-color: #EDEDED;

}



tr.over td

{

        background-color: #E2EDFF;

}



td.approval

{

        background-color: #80FF80;

}



/****************************************************************

  Docking Boxes core CSS:

*****************************************************************/

.dbx-clone {

        position:absolute;

        visibility:hidden;

        }

.dbx-clone, .dbx-clone .dbx-handle-cursor {

        cursor:move !important;

        }

.dbx-dummy {

        display:block;

        width:0;

        height:0;

        overflow:hidden;

        }



.dbx-group, .dbx-box, .dbx-handle {

        position:relative;

        display:block;

        }



/****************************************************************

  avoid padding, margins or borders on dbx-box,

  to reduce visual discrepancies between it and the clone.

  overall, dbx-box is best left as visually unstyled as possible

*****************************************************************/



/* handle cursors are in a class of their own

   so they only get applied if the script is supported */

.dbx-handle-cursor {

        cursor:move;

        }



/* toggle state of inner content area */

.dbx-box-closed .dbx-content {

        display:block;

        height:10px;

        padding:0;

        overflow:hidden;

}

.dbx-box-closed .dbx-content * {

        display:none;

}

/* additional clone styles */

.dbx-clone {

        opacity:0.8;

        -moz-opacity:0.8;

        -khtml-opacity:0.8;

        filter:alpha(opacity=80);

}

.tooltip {

        border: 1px solid #EDEDED;

        background-color: #76A9DC;

        padding: 5px;

        color: #fff;

}

a.approval

{

        color: #E59642;

}



        #dhtmlgoodies_tooltip{

                background-color:#EEE;

                border:1px solid #000;

                position:absolute;

                display:none;

                z-index:20000;

                padding:2px;

                font-size:0.9em;

                -moz-border-radius:6px;        /* Rounded edges in Firefox */

                font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;



        }

        #dhtmlgoodies_tooltipShadow{

                position:absolute;

                background-color:#555;

                display:none;

                z-index:10000;

                opacity:0.7;

                filter:alpha(opacity=70);

                -khtml-opacity: 0.7;

                -moz-opacity: 0.7;

                -moz-border-radius:6px;        /* Rounded edges in Firefox */

        }
 
#loader{
   visibility:hidden;
}


#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   text-align:center;
   width:400px;
}