html, body {padding: 0px;}
body {padding: 0px 20px 0px 20px; text-align: center;}
*{font-family: Tahoma; font-size: 13px; color: #333; padding: 0px; margin: 0px;}
img{border: 0px; display: block;}
table{border-collapse: collapse; width: 100%;}
table td, table th{text-align: left; vertical-align: top;}

a{text-decoration: underline;}
a:hover{text-decoration: none;}

a.but span b{padding: 3px 25px 3px 11px;}
a.out span b{padding: 3px 11px 3px 11px;}

td.menu ul li a span b{padding: 10px 12px 10px 10px;}

.clear{clear: both;}

table.main{margin: 10px auto 0px auto;}

table.main td.top{background: url(../img/top_bg2.jpg) repeat-x right top; padding-right: 10px;}
table.main td.top table{height: 125px;}

table.main td.top td.book{padding-top: 15px;}
table.main td.top td.book img{background: url(../img/notebook.png) no-repeat;
                                      //background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/notebook.png, sizingMethod=crop);
                                      }
table.main td.top td.girl{padding-top: 12px;}
table.main td.top td.girl img{background: url(../img/girl.png) no-repeat;
                                      //background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/girl.png, sizingMethod=crop);
                                      }
table.main td.top td.logo{padding: 25px 0px 0px 0px;}
table.main td.top td.logo img{background: url(../img/logo.png) no-repeat;
                                      //background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/logo.png, sizingMethod=crop);
                                     }
                                      
table.main td.top table td.r{padding-top: 5px; width: 195px;}

table.main td.top div.set{height: 55px; margin-top: 7px;}
table.main td.top div.set a{display: block; float: right; margin: 14px 0px 0px 0px; color: #fff; font-size: 14px; text-decoration: none; border-bottom: dashed 1px #fff;}
table.main td.top div.set a:hover{border: none;}
table.main td.top div.set img{float: right; margin-top: 6px; background: url(../img/ic/setting.png);
                          //background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/ic/setting.png, sizingMethod=scale);
                          }
table.main td.top p{clear: both; padding-top: 5px;}
table.main td.top p a{display: block; float: right; color: #fff;}
table.main td.top div.s{float: right; padding: 0px 0px 0px 10px; margin-top: 2px; background: #fff;}
table.main td.top div.s input{color: #ccc; width: 145px; border: solid 0px; font-size: 12px;}
table.main td.top div.s input.ser{color: #000;}
table.main td.top div.s a img{display: inline;}

td.contact{padding: 15px 9px 15px 9px; color: #fff; border-bottom: solid 1px #9BB5C8;}
td.contact *{color: #fff;}
td.contact a{text-decoration: none;}
td.contact a:hover{text-decoration: underline;}

td.col_left, td.col_right{width: 234px;}

table.mid{background: #fff; border-right: solid 1px #fff;}
td.mid{padding: 15px 5px 10px 10px;}

table.window td.cont ul.cat{list-style-type: none;}
table.window td.cont ul.cat li{font-size: 14px; font-weight: bold; padding-bottom: 8px;}
table.window td.cont ul.cat li a{font-size: 14px; font-weight: bold;}
table.window td.cont ul.cat ul{padding-left: 10px; list-style-type: none;}
table.window td.cont ul.cat ul li{padding: 5px 0px 2px 10px; background: url(../img/li.gif) no-repeat 0px 11px; font-size: 13px; font-weight: normal;}
table.window td.cont ul.cat ul li a{font-size: 13px; font-weight: normal;}

td.content{padding: 0px 16px 0px 16px;}

div.news h3{font-size: 16px; padding-bottom: 10px;}
div.news div.new{padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}
div.news p{padding-bottom: 5px;}
div.news p a{font-weight: bold;}
div.news a.pic{display: block; float: left; padding: 1px; border: solid 1px #ccc; margin: 0px 10px 0px 0px;}
div.news a.pic:hover{filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;}
div.news img.pic{float: left; margin: 0px 10px 0px 0px;}

td.bottom{background: #fff; padding: 0px 1px 1px 1px;}
td.bottom table td{background: #fff url(../img/bottom_bg.gif) repeat-x top; padding: 11px 0px 11px 8px;}
td.bottom div{float: left; margin-right: 20px;}

td.copyright{padding: 15px 9px 15px 9px;}
td.copyright div{float: left; padding-right: 20px; color: #fff;}
td.copyright div.r{float: right; padding: 0px 0px 2px 23px; background: url(../img/donhost.gif) no-repeat 0px 1px;}
td.copyright a{color: #fff; text-decoration: none;}
td.copyright a:hover{text-decoration: underline;}

div.log {padding: 5px 12px 5px 10px;}
div.log div.txt{padding: 2px 0px 2px 10px; background: #fff; border: solid 1px #173E5B; margin-bottom: 10px;}
div.log div.txt input{display: block; font-size: 12px; width: 180px; border: solid 0px; color: #ccc;}
div.log div.txt input.ser{color: #000;}
div.log input.chk{display: block; float: left; margin-top: 5px;
                  //margin-top: 2px;
                  }
div.log label{display: block; float: left; color: #fff; margin-top: 5px; padding-left: 3px;}
div.log a.but{float: right;}
div.log div.b{clear: both; padding-top: 8px;
              //padding-top: 0px;
              }
div.log div.b a{color: #fff;}

div.log div.us strong{display: block; color: #fff; padding-bottom: 5px;}
div.log div.us div{clear: both; padding-top: 10px;}
div.log div.us div a.l{display: block; float: left; color: #fff; margin-top: 3px;}
div.log div.us div a.but{margin-top: 0px;}
div.log div.us span.z{display: block; padding: 0px 0px 2px 0px;}
div.log div.us p.msg {background: url(../img/ic/msg.gif) no-repeat left center; padding: 5px 0px 5px 20px;}
div.log div.us p.msg a{color: #fff;}
div.log div.us p.new{background: url(../img/ic/new_msg.gif) no-repeat left center;}
div.log div.us p.links{padding: 0px 0px 0px 20px;}
div.log div.us p.links a{color: #fff; line-height: 20px;}
div.log div.us img{display: inline;}

td.widget {background: #fff; border-bottom: solid 3px #ccc;}
td.widget td{padding: 10px 0px 10px 0px;}
td.widget td b{display: block; color: #333;}
td.widget td.z{width: 155px;}
td.widget td.z b{padding-left: 21px;}
td.widget td.z1{width: 210px;}
td.widget td.z1 b{padding-left: 10px;}
td.widget td.color{width: 105px;}
td.widget td.color a{display: block; float: left; margin: 0px 10px 10px 0px; border: solid 1px #fff; padding: 2px;}
td.widget td.color a img{border: solid 1px #000;}
td.widget td.color a.in{border: solid 1px #ff0000; cursor: default;}
td.widget td.wid a{display: block; float: left; margin: 0px 10px 10px 0px; text-decoration: none; background: url(../img/ic/widget.gif) no-repeat 0px 2px; padding: 0px 0px 2px 20px;}
td.widget td.wid a span{border-bottom: dashed 1px #333; color: #333;}
td.widget td.wid a:hover span{border-bottom: solid 1px #fff;}
td.widget td.wid1 a{display: block; float: left; margin: 0px 10px 10px 0px; border-bottom: dashed 1px #333; color: #333; text-decoration: none;}
td.widget td.wid1 a:hover {border-bottom: solid 1px #fff;}
td.widget td.wid1 b{display: block; float: left; margin: 0px 10px 10px 0px;}
td.widget h1{padding: 10px 0px 10px 20px;}
td.widget p{padding: 0px 0px 5px 20px;}

td.widget table.w td.w{padding: 0px 0px 10px 0px;}

a.button{display: block; float: left; background: url(../img/but_bg.gif); text-decoration: none;}
a.button:hover{filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;}
a.button span{display: block; background: url(../img/but_l.gif) no-repeat;}
a.button span b{display: block; font-size: 14px; font-weight: normal; background: url(../img/but_r.gif) no-repeat right; padding: 4px 11px 4px 11px;}

a.add{display: block; float: left; background: url(../img/but_bg.gif); text-decoration: none;}
a.add:hover{filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;}
a.add span{display: block; background: url(../img/but_l.gif) no-repeat;}
a.add span b{display: block; font-size: 14px; font-weight: normal; background: url(../img/but_add_r.gif) no-repeat right; padding: 4px 25px 4px 11px;}

div.nav{padding-bottom: 15px; color: #555; font-size: 11px;}
div.nav a{color: #555; font-size: 11px;}

div.content p{padding-bottom: 15px; clear: both;}
div.content ol, div.content ul{margin-left: 20px; padding-bottom: 15px;}
div.content ol li, div.content ul li{padding-bottom: 5px;}
div.content p.date{color: #555; padding: 15px 0px 0px 0px;}
div.content p img{display: inline; float: left; margin: 0px 10px 5px 0px;}

table.reg {clear: both}
table.reg td, table.reg th{width: 50%}
table.reg th{padding: 0px 10px 15px 0px; font-weight: normal;}
table.reg th p{color: #F7AA07;}
table.reg th div{color: #555; font-size: 12px;}
table.reg td{padding: 0px 0px 15px 0px;}
table.reg td input{width: 95%;}
table.reg td textarea{width: 95%; height: 100px; overflow: auto;}
table.reg td input.pass{width: 50%;}
table.reg td a.button{margin-right: 10px;}
table.reg td img{margin-bottom: 5px}
table.reg td span.chk input{display: inline; width: auto;}

div.page{padding-bottom: 15px; font-weight: bold; word-spacing: 10px; clear: both;}
div.page a{font-weight: normal;}

div.filter{clear: both; padding-bottom: 20px;}
div.filter p{float: left; padding: 3px 10px 0px 0px;}
div.filter select{display: block; float: left; margin-right: 10px; height: 23px;}
div.filter a{margin-top: -2px;}

div.calendar table td, div.calendar table th{border: solid 1px #ccc; text-align: center; padding: 10px;}
div.calendar table th{color: #fff; font-size: 16px; background: #ccc;}
div.calendar table td a{color: #ccc;}
div.calendar table td b a{color: #000;}
div.calendar table td i a{color: #ff0000; font-style: normal; font-weight: bold; text-decoration: none; cursor: default;}

table.e_res th, table.e_res td{padding: 0px 5px 15px 0px;}
table.e_res th{font-weight: normal;}
table.e_res td{padding-right: 0px;}

table.windows {display: block; position: absolute; z-index: 1000; width: auto; top: 0px; left: 0px;}
table.windows td.top {height: 10px;}
table.windows td.top div{position: absolute; margin-left: 16px; width: 25px; height: 11px; background: url(../img/win/top.png);
//background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/win/top.png, sizingMethod=scale);                        
                        }
table.windows td.r img.close {position: absolute; margin: 3px 0px 0px -15px; cursor: pointer; cursor: hand;}
table.windows td.win_con{background: #fff url(../img/win/bg_c.gif) repeat-x top; padding: 5px 0px 0px 5px;}
table.windows td.l{width: 1px; background: #C6C6C6;}
table.windows td.r{width: 10px; background: url(../img/win/r.png);
//background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/win/r.png, sizingMethod=scale);
                  }
table.windows td.b{background: url(../img/win/b.png);
//background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/win/b.png, sizingMethod=scale);                    
                    }
table.windows td.b_r{background: url(../img/win/b_r.png);
//background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/win/b_r.png, sizingMethod=scale);     
                    }