@charset "utf-8";
body {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    margin: 0px; 
    background: #fff; 
/*    border-left: 15px solid #CCC;
    border-right: 15px solid #CCC;
    padding-bottom: 200px;
*/
}
form {
    padding: 0px;
    border: 0px;
}

a:link {
    color: #336699;
    text-decoration: underline;
}
a:visited {
    color: #666699;
    text-decoration: underline;
}
a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: #003399;
}
a:active {
    color: #FFFFFF;
    text-decoration: none;
    background: #FF9933;
}
a img {
  border-width:0;
  }
body,td,th {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 150%;
}
table {
    border: none;
    padding: 0;
    margin: 0;
}
h3 {
    font: 14.8px normal Arial, Helvetica, sans-serif; color: #666666;
    margin-bottom: 5px; line-height: 150%;
/*    background-color: #EEFFEE;*/
    background-color: #ECF5FF;
}
h2 {
    font: 14.8px normal Arial, Helvetica, sans-serif; color: #006600;
    margin-bottom: 5px; line-height: 150%;
}
/* page */
.pt {
    width:100%;
    padding: 0px;
    cell-padding: 0px;
    margin: 0px;
}
.ptmtd {
    padding:0px;
    margin: 0px;
/*    background-color: #F7F7F5; 
    height: 35px; */
}
.ptttd {
    background-color: #EEEEEE;    
    padding: 0px;
    margin:0px;
}
.lztd {
    vertical-align: top;
}
/* footer */
.fdiv {
    border-top: 1px solid #DDDDDD;
    text-align: right;
/*    background-color: #EFFFE7; */
    height: 30px; 
}
/* site panel */
.sdiv {
    width: 100%;
    margin-bottom:18px;
    border-bottom: 1px solid #DDDDDD;
    white-space: nowrap; 
    height: 39px;
}
/* page title bar*/
.ptttd1 {
    font-size: 25px;
    font-weight: bold;
    line-height: 150%;
    float: left;
/*    float: left; */
/*    height: 42px;*/
    color: #494949;
    vertical-align: bottom;
}
.mmpr {
    font-size: 12px;
    padding: 12px 3px 0px 10px;
    float: right;
    white-space: nowrap;
}

/* main content */
.mdiv {
    padding: 0px;
    margin: 0px;
    align: top;
    border: 0px;
}
.spanel {
/*    width: 900px; 
    margin-left: auto;
    margin-right: auto; */
    border-spacing: 0px;
}
.mt {
    width: 100%;
    border-spacing: 0px;
    border-bottom: 20px solid #FFFFFF;
}
.bw {
     WORD-WRAP: break-word;
/*    TABLE-LAYOUT: fixed; */
    WORD-BREAK: break-all;
}
/* side bar */
.sbtd {
    vertical-align:top;
    border-left:2px solid #DDDFDD;   
/*    background-color: #EEF2EE;   */
    height: 100%;
}
/* side bar content */
.sbct {
    width: 96%;
    padding: 0px;
    margin-left: 2%; 
    align: right;
}

.ptttd2 {
/*    border-top: 1px solid #DFEEDD;
    background-color: #EFFFE7; 
    background-color: #AACCAA;*/
    color: #006600;
    float: right;
}

/* subject box */
.sbjtd {
/*    background-color: #FFF6EE; */
    background-color: #F5F5F5;
    padding: 10px;
/*    border: 1px solid #FFEEDD; */
}

/* main menu bar*/
.mmt {
    padding: 0px;
}
.mmt td{
    vertical-align: center;
}
.mmp {
    font-size: 12px;
    line-height: 160%;
    padding-right: 8px;
    float:left;
    margin-top: 12px;
}
.mmp a:link {
    color: #518EBE;
}
.mmp a:visited {
    color: #518EBE;
}
/* one-line list table */
.olt{
    width:100%;
    padding:0px;
}
.olt td{
    border-bottom:1px dotted #DDDDDD;
}
/* subject search list table */
.sst{
    width:100%;
    padding:0px;
}
.sst td{
    vertical-align:middle;
/*    border-bottom:1px solid #DDDDDD; */
    padding-right: 5px;
}
/* search result list div */
.sldiv{
/*    border-bottom:1px solid #DDDDDD; */
    padding:10px;
}
.sldivr{
/*    border-bottom:1px solid #DDDDDD; */
    text-align:right;
    padding:5px;
}
/* tag/large/highlight font: chinese */
.m {
    font-size: 14.8px;
    line-height: 120%;
    color: #006600;
}
/* tag/large/highlight font: western */
.mn {
    font: 14.8px Arial, Helvetica, sans-serif;
    line-height: 150%;
    color: #006600;
}
.pl {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 150%;
    color: #666666;
}
.pl2 {
    font: 14.8px Arial, Helvetica, sans-serif;
    line-height: 150%;
    color: #666666;
}
/* attention */
.attn {
    color: #FF3300;
}
/* line seperator */
.lst {
    width: 100%;
    padding: 5px 0px 5px 0px;
/*    border-bottom:1px solid #DDDDDD; */
}
/* contact list */
.pp {
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: top;
    padding: 5px;
    float: left;
    margin: 5px;
}
/* icon on the left */
.pil {
    height: 48px;
    width: 48px;
    margin-right: 10px;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
}
/* center */
.picon {
    height: 48px;
    width: 48px;
    margin-left: 5px; 
    margin-right: 5px;  
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
}
/* music img on the left */
.pml {
    height: 80px;
    width: 80px;
    margin-right: 10px;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
}
/* subject icon list */
.sil {
    font: 12px Arial, Helvetica, sans-serif;
    text-align: left;
    vertical-align: top;
    padding: 5px;
    float: left;
    margin: 5px;
}
/* subject icon left */
.sicon {
/*    width: 64px; */
    margin-right: 10px;  
    border: 1px solid #EEEEEE;
    margin-bottom: 5px;
    vertical-align: top;    
}
/* medium subject image */
.m_sub_img {
    align: left;
    padding: 10px;
}
/* floating image on the left */
.fil {
    float: left;
    padding-right: 15px;
    padding-bottom: 15px;
}
.imgt {
    float: left;
    padding-bottom:20px;
}
.imgb {
    float: left;
    padding-top:20px;
}
/* medium subject image in review ui */
.mr_sub_img {
    padding: 10px;
    float: right;
}
/* buttons */
.butt {
}
.indent {
    margin-left: 15px;
}
/* action bar */
.act {
    color: #FF5555;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #FFAAAA;
    border-bottom: 1px solid #FFAAAA;
    background-color: #FFDDDD;
    padding: 3px 3px 2px 3px;
}
.act:hover {
    color: #FFFFFF;
    font-size: 12px;
    border-left: 1px solid #FF9999;
    border-top: 1px solid #FF9999;
    border-right: 1px solid #FF3333;
    border-bottom: 1px solid #FF3333;
    background-color: #FF5555;
    padding: 3px 3px 2px 3px;
}
.act a:link {
    text-decoration: none;
    color: #FF5555;
    font-size: 12px;
    text-align: center;
    padding: 3px 3px 2px 3px;
}
.act a:visited {
    text-decoration: none;
    color: #FF5555;
    font-size: 12px;
    text-align: center;
    padding: 3px 3px 2px 3px;
}
.act a:hover {
    color: #FFFFFF;
    font-size: 12px;
    border-left: 1px solid #FF9999;
    border-top: 1px solid #FF9999;
    border-right: 1px solid #FF3333;
    border-bottom: 1px solid #FF3333;
    background-color: #FF5555;
    padding: 3px 3px 2px 3px;
}
/* grey action bar */
.gact {
    color: #999999;
    font-size: 12px;
    text-align: center;
    border: 1px solid #FFFFFF;
}
.gact a:link {
    color: #999999;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #FFFFFF;
}
.gact a:visited {
    color: #999999;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #FFFFFF;
}
.gact a:hover {
    color: #FFFFFF;
    font-size: 12px;
    border-left: 1px solid #FF9999;
    border-top: 1px solid #FF9999;
    border-right: 1px solid #FF3333;
    border-bottom: 1px solid #FF3333;
    background-color: #773333;
    text-align: center;
/*    padding: 3px 3px 2px 3px; */
}
/* green action bar */
.gract {
    color: #006600;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #AAFFAA;
    border-bottom: 1px solid #AAFFAA;
    background-color: #EEFFEE;
    padding: 3px 3px 2px 3px;
    margin-top: 2px;
}
.gract:hover {
    color: #FFFFFF;
    font-size: 12px;
    border-left: 1px solid #99FF99;
    border-top: 1px solid #99FF99;
    border-right: 1px solid #33FF33;
    border-bottom: 1px solid #33FF33;
    background-color: #55FF55;
    padding: 3px 3px 2px 3px;
    margin-top: 2px;
}
.gract a:link {
    text-decoration: none;
    color: #006600;
    font-size: 12px;
    text-align: center;
    padding: 3px 3px 2px 3px;
    margin-top: 2px;
}
.gract a:visited {
    text-decoration: none;
    color: #006600;
    font-size: 12px;
    text-align: center;
    padding: 3px 3px 2px 3px;
    margin-top: 2px;
}
.gract a:hover {
    color: #006600;
    font-size: 12px;
    border-left: 1px solid #99FF99;
    border-top: 1px solid #99FF99;
    border-right: 1px solid #33FF33;
    border-bottom: 1px solid #33FF33;
    background-color: #55FF55;
    padding: 3px 3px 2px 3px;
    margin-top: 2px;
}
/* hot item */
.hot {
    color: #FF5555;
    font: 12px Arial, Helvetica, sans-serif;
}
.hot2 {
    color: #FF5555;
    font: 14.8px Arial, Helvetica, sans-serif;
}
/* underline */
.ul {
    border-bottom: 1px dotted #DDDDDD;
    line-height: 100%;
}
/* collection list */
.clist {
    font-size: 12px;
    border-bottom: 1px dotted #DDDDDD;
    padding:7px 0px 3px 0px;
}    

/* collection list */
.clist2 {
    border-bottom: 1px dotted #DDDDDD;
    padding: 5px 0px 3px 0px;
}    
.climg {
    vertical-align: bottom;
    padding: 5px;
/*    float: left; */
    margin: 5px;
}
.ptable {
}

.ptable td{
    text-align: center;
    vertical-align: bottom;
    width: 80px;
}

.stable {
    width: 100%;
    text-align: right;
}

.stable td{
    text-align: center;
    vertical-align: text-bottom;
    width: 85px;
    padding-bottom: 15px;
}

.stable img{
    align: center;
}

.stable1 {
    width: 100%;
    text-align: right;
}

.stable1 td{
    text-align: center;
    vertical-align: text-top;
    width: 85px;
    padding-bottom: 15px;
}

table.rbox {
    border-spacing: 0;
}    
table.rbox td.xtl {
    background-image: url("/images/boxtl.gif");
    background-repeat: no-repeat;
    padding-top: 12px;
    padding-left: 12px;
  }

  table.rbox td.xtr {
    background-image: url("/images/boxtr.gif");
    background-repeat: no-repeat;
    width: 12px;
  }
  
  table.rbox td.xbl {
    background-image: url("/images/boxbl.gif");
    background-repeat: no-repeat;
    height: 12px;
    font-size: 4px;
  }
  
  table.rbox td.xbr {
    background-image: url("/images/boxbr.gif");
    background-repeat: no-repeat;
    font-size: 4px;
  }