﻿/* ------- Html & Body -----------*/
*{margin:0;padding:0}
a{color:#3366FF}
a:hover{color:red}
body{background:#C0C0C0;color:#6b6342}
#bWidth{border-style:solid;border-color:#808080;border-width:1px;padding:20px;margin-left:auto;margin-right:auto;width:660px;background:#FFFFFF;text-align:left;line-height:160%}
#bWidthLogin{border-style:solid;border-color:#808080;border-width:1px;padding:20px;padding-top:8px;margin-left:auto;margin-right:auto;width:660px;background:#FFFFFF;text-align:left;line-height:160%}
/* ------- header -----------*/
#dAc{font-size:80%;width:100%;text-align:right}
#dHeader{font-size:80%;width:100%}
#dHeader h1{font-size:100%;display:block;float:left;margin:0}

#dHeader ul{font-size:80%;float:right;list-style-type:none;display:block;width:62%}
#dHeader li{float:left;text-align:center;width:16.5%}
/* ----------- dMenu-----------*/
#dMenu{clear:both;width:100%;border-top: 0px #555555 solid;border-bottom: 0px #555555 solid;margin-top:14px;margin-bottom:4px}
#dMenu ul{list-style-type:none;display:block;float:left;width:50%}
#dMenu li{float:left;width:49%;line-height:34px}
/* -- areaLeft -- */
#areaLeft{float:left;width:68%;overflow:hidden}
#areaLeft h2{clear:both;font-size:90%;font-weight:bold;padding-left:8px;margin-right:4px;border-bottom:4px #8b8362 solid;margin-bottom:8px;color:#bb3312}
#areaLeft h3{clear:both;font-size:90%;font-weight:bold;margin-top:8px;margin-bottom:8px;border-bottom:1px #8b8362 dotted}
#areaLeft .aL{padding:16px;padding-top:0}
#areaLeft .aL2{padding-left:16px;padding-bottom:16px}
#areaLeft .aLu{padding-left:16px}

.liSv{list-style-type:none;line-height:200%}

/* -- areaRight -- */
#areaRight{float:left;width:31.5%;font-size:90%;overflow:hidden;background:#fff5f1}
#areaRight h2{font-size:90%;font-weight:bold;padding-left:8px;margin-bottom:8px;border-bottom:1px #8b8362 dotted;background:url("img/img4.gif") repeat 0px 0px;background-position:0px -228px;color:#bb3312}
#areaRight h3{clear:both;font-size:90%;padding-left:8px;border-bottom:1px #8b8362 dotted;margin-bottom:8px;background:url("img/img4.gif") repeat 0px 0px;background-position:0px -228px;color:#bb3312}
#areaRight .aR{padding:16px;padding-top:0}
#areaRight .aRu{padding-left:16px}
/* ----------- dFoot---------*/
#dBottom{clear:both;width:100%;margin-top:10px}
#areaBottom h3{clear:both;font-size:90%;font-weight:bold;margin-top:8px;margin-bottom:8px;border-bottom:1px #8b8362 dotted}
#dFoot{clear:both;width:100%;margin-top:20px;text-align:center}
/* ----------- images ---------*/
.imgLogo{overflow:hidden;display:block;position:relative;height:50px;width:190px}
.imgLogo2{cursor:pointer;cursor:hand;overflow:hidden;background:url("img/img4.gif") no-repeat 0px 0px;position:absolute;top:0;left:0;width:100%;height:100%}
.imgBase{overflow:hidden;display:block;float:left;background-image:url("img/img4.gif");z-index:10}
.imgBase2{width:32px;height:32px;cursor:pointer;cursor:hand;margin-left:auto;margin-right:auto;overflow:hidden;display:block;background-image:url("img/img4.gif")}
.imgBase3{clear:both;float:left;width:32px;height:32px;cursor:pointer;cursor:hand;overflow:hidden;display:block;background-image:url("img/img4.gif")}
.imgBM{background-position:-32px -66px}
.imgAT{background-position:-64px -66px}
.imgDI{background-position:-96px -66px}
.imgHL{background-position:-128px -66px}
.imgST{background-position:-160px -66px}
.imgD2M{background-position:0px -66px}
.imgCM{background-position:-192px -66px}
.imgME{background-position:-224px -33px}

/* --- pass --- */
.divWarning{color:maroon}
.divErr{font-weight:bold;color:maroon}
/*
.divErr{font-weight:bold;color:#FFFFFF;background-color:#FF9966}
*/
#openid_url{
   text-indent: 18px;
   background-image: url("./img/openid.gif");
   background-repeat: no-repeat;
   background-position: left center;
} 

/* --- hist login --- */
#hist{border-collapse:collapse;background-color:#f5f5f5;width: 98%}
#trHead{padding:6px 2px;color:#fff;background-color:#76809A;border-top:1px solid #888;border-left:1px solid #999;text-align:center}
#hist td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
#hist tr,#hist td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center}