/*body { background-color:#cccccc; margin-left:0px; margin-right:0px; margin-top:0px; }*/

body { background-color:white; margin-left:0px; margin-right:0px; margin-top:0px; }
td,div { font-family:verdana,sans-serif; font-size:11px; color:#000000; }
a,a:active,a:visited { color:#333399; text-decoration:underline; }
a:hover { color:#666666; text-decoration:none; }
sup { font-size:9px; }

.content { line-height:17px; }
.smalltext { font-size:10px; }
.required { color:#cc0000; }
.white { color:#ffffff; }
.title-lg { font-size:17px; color:#333399; font-weight:bold; }
.title-sm { font-size:12px; color:#333399; font-weight:bold; }
.text-highlight { color:#cccc00; }
a.link-highlight,a.link-highlight:active,a.link-highlight:visited{ color:#cccc00; text-decoration:underline; }
a.link-highlight:hover{ color:#ffffff; text-decoration:none; }
.back-link { font-size:11px; color:#333399; font-weight:bold; }
a.back-link,a.back-link:active,a.back-link:visited{ color:#333399; text-decoration:underline; }
a.back-link:hover{ color:#666666; text-decoration:none; }
.company_logo {
  float:right;
  padding:0 0 20px 20px;
}

h2 {
  font-size:14px;
}

#nav-counter {
  margin:0px;
  padding:1px;
  border-style:solid;
  border-color:#666600;
  border-width:1px;
  background-color:#000000;
  font-size:10px;
  color:#cccc00;
}
#nav-counter-new {
  margin:0px;
  padding:1px;
  border-style:solid;
  border-color:#666600;
  border-width:1px;
  background-color:#999900;
  font-size:10px;
  color:#ffffff;
}
#navigation {
  position:absolute;
  top:42px;
  left:159px;
}
#server-time {
  position:absolute;
  top:65px;
  left:625px;
  font-size:10px;
  color:#000000;
  font-weight:bold;
}
#auction-message-count {
  position:absolute;
  top:90px;
  left:625px;
  font-size:10px;
  color:#ff0000;
  font-weight:bold;
}
#logout {
  position:absolute;
  top:8px;
  left:685px;
}
#welcome {
  margin:0px 0px 0px 12px;
  padding:0px;
  font-size:12px;
  color:#000000;
  font-weight:bold;
}
#page-title {
  margin:10px 0px 0px 12px;
  font-size:17px;
  color:#333399;
  font-weight:bold;
}
#page-title a {
  text-decoration: none;
}
#auction-type {
  margin:3px 0px 0px 12px;
  font-size:12px;
  color:#333399;
  font-weight:bold;
}
#auction-type .descr {
  font-size:11px;
  color:#000000;
  font-weight:normal;
}
#dotted-line {
  margin:3px 0px 0px 12px;
}
.table-header {
  background-color:#000000;
  background-image:url('../images/bg.gif');
  height:30px;
  
  font-size:10px;
  color:#cccc00;
  font-weight:bold;
  text-align:center;
 
}
a.table-header:link, a.table-header:active, a.table-header:visited {
  color:#cccc00;
  text-decoration:underline;
}
a.table-header:hover {
  color:#ffffff;
  text-decoration:none;
}
td.table-header a {
  color:#eee;
  text-decoration:underline;
}
td.table-header a:hover {
  text-decoration:none;
}
.column-header {
  border-style:solid;
  border-color:#ffffff;
  border-width:0px 0px 1px 1px;
  padding:4px;
  white-space:nowrap;
  font-size:10px;
  font-weight:bold;
  text-align:center;
}
.row-light {
  background-color:#cccccc;
}
.row-dark {
  background-color:#999999;
}
.row-highlight {
  background-color:#cccc33;
}
.row-even {
  border-style:solid;
  border-color:#ffffff;
  border-width:0px 0px 1px 1px;
  background-color:#eeeeee;
  padding:4px;
  font-size:11px;
}
.row-odd {
  border-style:solid;
  border-color:#ffffff;
  border-width:0px 0px 1px 1px;
  background-color:#dddddd;
  padding:4px;
  font-size:11px;
}
.row-total {
  border-style:solid;
  border-color:#ffffff;
  border-width:0px 0px 1px 1px;
  background-color:#cccccc;
  padding:4px;
  font-size:11px;
  text-align:right;
}
input.table-header-sm {
  background-color:transparent;
  font-family:verdana,sans-serif;
  font-size:10px;
  text-align:left;
  color:#ffffff;
}
input.title-sm {
  background-color:transparent;
  font-family:verdana,sans-serif;
  font-size:11px;
  text-align:left;
  color:#333399;
  font-weight:bold;
}
input.row-even {
  background-color:transparent;
  font-family:verdana,sans-serif;
  font-size:11px;
  text-align:right;
}
input.row-odd {
  background-color:transparent;
  font-family:verdana,sans-serif;
  font-size:11px;
  text-align:right;
}
input.submit {
  background-color:#233DA5;
  border:0;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  padding:3px;
}
input.cancel {
  background-color:#999900;
  border:0;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  padding:3px;
}
input.transparent {
  border:0px;
  background-color:transparent;
  font-family:verdana,sans-serif;
  font-size:11px;
  text-align:right;
}

.form { margin:0px; padding:0px; }
@media all {
  .textfield { color:#000000; font-size:11px; font-family:verdana,sans-serif; margin:0px; padding:0px; }
  .select { background-color:#ffffff; color:#000000; font-size:11px; font-family:verdana,sans-serif; margin:0px; padding:0px; }
  .textarea { background-color:#ffffff; color:#000000; font-size:11px; font-family:verdana,sans-serif; overflow-X:hidden; overflow-Y:auto; }
  .button { font-size:11px; font-family:verdana,sans-serif; font-weight:bold; }
}
@media print {
  body{ background-color:#ffffff; margin-left:0px; margin-right:0px; margin-top:0px; background-image:none; color:#000000; }
  #header, #footer { display:none;}
}
/***********************/
/***** tooltip    ******/
/***********************/
a.tooltip {
  position:relative;
  z-index:24;
  color: inherit;
  text-decoration:none;
}
a.tooltip:hover {
  z-index:25;
}
a.tooltip span {
  display: none;
}
a.tooltip:hover span {
  display:block;
  position:absolute;
  white-space:normal;
  top:15px;
  left:25px;
  width:200px;
  padding:10px;
  font-weight: normal;
  border:1px solid #000000;
  background-color:#dddddd;
  color:#000000;
  text-align: left;
}
/***********************/
/***** at a glance *****/
/***********************/
.at-a-glance {
  font-size: 10px;
  line-height: 15px;
  width: 300px;
  float: right;
  border: 1px solid #d0d0d0;
  background: #f0f0f0;
  margin: 0px 0px 10px 10px;
  padding: 10px;
}
.at-a-glance h1 {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
.at-a-glance ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.at-a-glance ul li {
  padding: 2px 0px 2px 10px;
  background: url(../images/bg_blueblack.gif) 0px +9px no-repeat;
}
div#flash {
  background: #f3f3f3;
  border: 1px solid #d0d0d0;
  margin-bottom: 20px;
  padding: 10px 10px 10px 32px;
}
div#flash a {
  color: #cc0000;
  font-weight: bold;
}

div.item-notes-counter {
  font-size:10px;
}
div.item-notes-counter a {
  text-decoration:none;
  color:#000;
}

/*************************/
/***** form progress *****/
/*************************/
div#progress-notification {
  display:none;
  background:#f3f3f3;
  border:1px solid #393984;
  padding:30px 60px 30px 30px;
  line-height:24px;
  font-size:12px;
  font-weight:bold;
}
div#progress-notification img {
  vertical-align:middle;
}
div#progress-notification span {
  margin-left:20px;
  color:#393984;
}

div#overlay-busy {
  background:rgb(0,0,0);
  background:rgba(0,0,0,.75);
  *background:transparent;
  *filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#BF000000,endColorStr=#BF000000);
  display:none;
  height:100%;
  left:0;
  line-height:100%;
  position:fixed;
  text-align:center;
  top:0;
  width:100%;
}

div#overlay-busy img {
  height:32px;
  left:50%;
  margin-left:-16px;
  margin-top:-16px;
  position:absolute;
  top:50%;
  width:32px;
}