body, td, div {font-family: Arial, Verdana; font-size: 13px;}
body {
  background-image: url();
  background-repeat: repeat-y;
  background-position: 60px right;
  margin:0px;
  padding:0px;
  }

a {color:#074589;}
a:hover {color:#021B35;}
h1 {font-size:22;}
h2 {font-size:18;}
h3 {font-size:15;}
th {font-size:13;}

.white{color:#ffffff;}
a.white:hover{color:#ffffff;text-decoration:none;}

.lastUpdatePrint {
  display:none;
}

.error{
  color: #FF0000;
  font-weight: bold;
  padding:10px;
  margin:10px;
  border:1px solid #FF0000;
  background-color:#ffffff;
}
.res{
  color: #00CC00;
  font-weight: bold;
  padding:10px;
  margin:10px;
  border:1px solid #00CC00;
  background-color:#ffffff;
}

#weiPublicHeader{
  background-image: url(/supplier/images/weiLogoSupplier.gif);
  background-repeat: no-repeat;
  background-position: 37px 25px;
  height:90px;
  border:0px solid #cccccc;
  border-bottom:1px dotted #cccccc;
}

#weiSosoHeader{
  background-image: url(/supplier/images/weiLogoSoso.gif);
  background-repeat: no-repeat;
  background-position: 37px 25px;
  height:90px;
  border:0px solid #cccccc;
  border-bottom:1px dotted #cccccc;
}

#weiBoContent{
  background-image: url(/supplier/images/weiBgTop.jpg);
  background-repeat: repeat-x;
  padding-left:120px;
  color:#333333;
  padding-top:40px;
  margin-bottom:40px;
}

#weiForecastContent{
  background-image: url(/supplier/images/weiBgTop.jpg);
  background-repeat: repeat-x;
  padding-left:10px;
  color:#333333;
  padding-top:40px;
  margin-bottom:40px;
  font-size:11px;
}

#contentWidth{
  width:800px;
}

.questionContainer{
  border: 0px solid #cccccc;
}

.weiQuestion{
  background-image: url(/supplier/images/weiBgQuestions.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 13px;
  background-color: #074589;
  color: #ffffff;
}
.weiQuestionBody{
  background-image: url(/supplier/images/weiBgQuestionsBody.jpg);
  background-repeat: repeat-y;
  background-position: right;
  padding-top:5px;
  border-right: 0px solid #074589;
} 
#weiLoginContent{
  background-repeat: repeat-x;
  padding-left:120px;
  background-color:#063F7C;
  color:#ffffff;
  padding-top:40px;
  margin-bottom:10px;
  padding-bottom:30px;
}

#weiLoginContent form, #weiLoginContent fieldset{
  border:0px solid #063F7C;
}
.weiLogin{
  padding:20px;
}
.weiLogin label{
  width:80px;
}
.weiLoginSubmit{
  padding-left:80px;
  padding-top:7px;
}
.weiLoginSubmit{
  padding-left:80px;
  padding-top:7px;
}

.help{
  padding:10px;
  font-size:15px;
  border: 1px dotted #cccccc;
  margin-top:10px;
  margin-bottom:10px;
}
.back{
  background-image: url(/supplier/images/back.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  display: block;
  padding-left:19px;
  margin-top:5px;
  margin-bottom:5px;
}
.nav1{
  background-image: url(/supplier/images/nav1.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;

  padding-left:19px;
}
#tabBg {
  background-image: url(/supplier/images/weiTabBg.gif);
  background-repeat: repeat-x;
}

.tableContents{
  margin-top:10px;
  margin-bottom:10px;
  width:600px;
}
.tableContents td{
  border-bottom:1px solid #cccccc;
}
.previewTest{
border:1px dotted #cccccc;
margin:10px;
width:600px;
}
.previewTestPadding{
padding:10px;
}

.surveyPage{
font-size:13px;
padding-left: 26px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}

.espHtmlResults {
border-bottom:15px solid #ffffff;
}
.espHtmlResults td{

}

.barGrid {
  background-image: url(/supplier/images/barGrid.gif);
  background-repeat:repeat-y;
  background-position:4px 0px;
  padding-top:5px;
  width:260px;
}
.barGridRanking {
  background-image: url(/supplier/images/barGridRanking.gif);
  background-repeat:repeat-y;
  padding-top:5px;
  width:260px;
}
.resultContent {
  width:300px;

}

.resultPrecision {
  width:30px;
  border: 0px solid #ffffff;
  background:#FF9900;
  color:#ffffff;
  text-align:center;
}



.weekH, .ohQtH, .onPoQtH, .mfgPaIdH, .partIdH, .numberH, .lastUpdateH, .supNameH, .descriptionH, .leadTimeH, .totalH {
  font-size:10px;
  color:#ffffff;
  text-align:center;
  border-right: 1px solid #ffffff;
}
.weekH {
  background-color: #FF6600;
  vertical-align: top;
}
 .ohQtH, .onPoQtH {
  background-color: #009933;
  vertical-align: top;
}
 .mfgPaIdH, .partIdH {
  background-color: #6666CC;
  vertical-align: top;
}
.leadTimeH {
  background-color: #FFFF99;
  color: #333333;
}
.numberH, .lastUpdateH, .supNameH, .descriptionH, .totalH {
  background-color: #999999;
}


.week, .ohQt, .onPoQt, .mfgPaId, .partId, .number, .lastUpdate, .supName, .description {
  font-size:10px;
  color: #333333;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

.leadTime {
  font-size:13px;
  color: #333333;
  background-color: #FFFF99;
  color: #333333;
  vertical-align: top;
  text-align:center;
  font-weight: bold;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #cccccc;
}
.leadTime input {
  font-size:9px;
}

.total {
  font-size:13px;
  color: #333333;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  text-align:center;
  font-weight: bold;
}

.weekOn, .ohQtOn, .onPoQtOn, .mfgPaIdOn, .partIdOn, .numberOn, .lastUpdateOn, .supNameOn, .descriptionOn, .leadTimeOn, .totalOn {
  font-size:10px;
  color: #ffffff;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}

.leadTimeOn {
  font-size:13px;
  color: #333333;
  background-color: #FFCC33;
  color: #ffffff;
  vertical-align: top;
  text-align:center;
  font-weight: bold;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.totalOn {
  background-color: #FF6600;
  font-size:13px;
  color: #ffffff;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  text-align:center;
  font-weight: bold;
}

.ohQtOn, .onPoQtOn, .weekOn {
  background-color: #FF6600;
}

.ohQtOn, .onPoQtOn {
  background-color: #009933;
}

 .partIdOn, .mfgPaIdOn {
  background-color: #6666CC;
}

.numberOn, .lastUpdateOn, .supNameOn, .descriptionOn, {
  background-color: #999999;
}

tr.tbody{
  background-color: none;
  cursor: pointer;
}
tr.tbodyOn{
  background-color: #cccccc;
  cursor: pointer;
}

tr.tbody2{
  background-color: #eeeeee;
  cursor: pointer;
}

tr.tbody2 td{
  border-bottom:1px solid #cccccc;
  font-size:11px;
}

tr.tbody2On{
  background-color: #FFFF99;
  cursor: pointer;
}

tr.tbody2On td{
  border-bottom:1px solid #cccccc;
  font-size:11px;
}

.trHeaddline {
  background-color: #999999;
  color: #ffffff;
  font-size:11px;
  font-weight:bold;
}

.code {font-family: "Courier New", Courier, monospace; font-size: 13px;}

#forecastLastUpdate {margin-bottom:3px;}
#forecastSupplierName {margin-bottom:3px;}

a.white {color:#ffffff;}
a.white:hover {color:#ffffff;}