HTML, BODY {
  margin: 0px;
  width: 100%;
  height: 100%;
  font-family : serif;
  background-color: #FFFFFF;
  color: #000000;
}

a:link {
  color: #ffcc66;
}

a:visited {
  color: #cc9933;
}

.basic {
  width: 950px;
  height: 100%;
  color: #000000;
  background-color: #FFFFFF;
/*  border-right: 1px solid #333333;*/
}

.header {
  background: url(../images/demo/title.gif) no-repeat scroll top left;
  width: 100%;
/* padding: 10px 5px; */
  height: 60px;
/* border-bottom: 1px solid #333333; */
}

.top_button {
  text-align: right;
  padding-top: 5px;
  padding-right: 5px;
  font-size: 80%;
}

.main {
/* padding: 10px 10px; */
  clear: both;
}

.main_login {
  width: 100%;
  height: 100%;
}

.login {
  width: 300px;
  padding: 0px 0px;
  border: 1px solid #333333;
  margin: 0px auto;
  margin-top: 80px;
}









.table_in {
  width: 100%;
  padding-left: 10px;
  font-size: 80%;
}

.table_out {
  background-color: #EEF8FB;
  width: 95%;
  padding: 20px;
}

table.summary_report {
  width: 920px;
  border-collapse: collapse;
  border: 2px solid #666666;
}

table.summary_report2 {
  width: 440px;
  border-collapse: collapse;
  border: 2px solid #666666;
}

.summary_report th, .summary_report2 th {
  background-color: #eeeeee;
  padding: 5px;
  color: #333333;
}

.summary_report td, .summary_report2 td {
  padding: 5px;
  background-color: #ffffff;
}

.summary_total_row {
  border-top: 2px solid #666666;
}

.summery_title {
  color: #4490D2;
  font-weight: bold;
}

.login_info_box {
  float: right;
  height: 30px;
  margin: 0px 3px;
  vertical-align: center;
  font-size: 80%;
}