/* basic define start */
body,div,td,th,h1,h2,h3{font-size:12px;line-height:18px;font-size:12px;font-family:"Arial";margin:0;padding:0;}
body{}
td,th{vertical-align:middle;height:24px;}
ul{list-style:none;padding:0;margin:0;}
ul li{display:block;padding:0;margin:0;}
h1,h2,h3{display:block;}
img{ border:0;}
img,input,select,button{vertical-align:middle;padding:0;margin:0;}
a{color:#036; text-decoration:none;}
a:hover{ text-decoration:underline;}
table{ width:100%;}
h1{font-size:26px; padding-bottom:20px; line-height:normal; border-bottom:1px #666 solid; padding-bottom:20px; margin-bottom:20px; color:#600;}

input.submitButton,input.CstStc{ background-color:#0063DC; color:#fff; font-weight:700; padding:2px 5px; font-size:14px; border-top:1px #fff solid; border-left:1px #fff solid;border-bottom:1px #A0A0A0 solid;border-right:1px #A0A0A0 solid; margin:0;font-family:"Arial"; cursor:pointer;}
input.CstStc{ padding:1px; font-size:12px; width:170px;}

.clear{clear:both;height:0;}
.None{ display:none;}
/* basic define end */

#userFrdList_d{ padding-top:10px;}
#userFrdList_d ul li{ width:69px; text-align:center; margin-bottom:15px;float:left;}
#userFrdList_d ul li a{ text-decoration:underline;}
#userFrdList_d img{ width:48px; height:48px; margin-bottom:2px;} 


/* top start*/
#top{color:#fff;margin:0 auto; background:url(../img/BG_top.gif) #fff repeat-x; height:70px;}
#top #top_In{height:70px;padding-top:10px; width:960px; margin:0 auto;}
#top #top_In #logo{float:left; padding-left:10px;}
#top #top_In #sign{float:right; padding-right:0px; color:#333; padding-top:20px;}
#top #top_In #sign a{ padding:0 5px; color:#0063DC; font-size:11px;}
#top #top_In #sign a:hover{ background-color:#0063DC; color:#fff; text-decoration:none;}
#top #top_In #sign #funcTool{ text-align:right; padding-top:3px;}
#top #top_In #sign #funcTool a{ padding-right:3px;}
#top #top_In #sign #funcTool a:hover{ background:none;} 

#menu{ background: url(../img/BG_nav_black.gif) #000 center repeat-x; color:#fff;height:30px;}
#menu_In{height:30px;width:960px; margin:0 auto;}
#menu_In ul li{display:inline;}
#menu_In ul li a{color:#fff; text-decoration:none; font-weight:700;float:left;display:block;padding:5px 0 0 0; height:25px; text-align:center; width:110px;}
#menu_In ul li a span{}
#menu_In ul li a:hover,#menu_In ul li a.select{background: url(../img/BG_nav_black_select.gif) bottom no-repeat;}
#menu_In ul li.search{ float:right; padding-top:2px; }
#menu_In ul li.search input.inputText{ width:160px; border:1px #000 solid; height:20px; }
#menu_In ul li.search select{ height:21px;}
#menu_In ul li ul li{ width:110px; padding:5px; text-align:center; background-color:#660000;}
#menu_In ul li a:hover ul{ display:block;}

.logo_ico{background:url(../img/logo_beta.gif) 15px 12px no-repeat;width:350px;height:50px; vertical-align:top;}
/* top end*/


#main{width:960px;margin:0 auto;background-color:#fff;padding:30px 0;}

#path{border-bottom:1px #ccc dotted;margin-bottom:10px;font-size:14px;font-weight:700;clear:both; height:35px; margin-top:-5px;}
#path .pathName{ float:left; padding-top:8px;}
#path #RSS{ float:right;}
.RSS_path{background:url(../img/RSS.gif) no-repeat;width:130px;height:29px;}




/* foot start */
#foot{background-color:#545353;color:#fff;background:url(../img/BG_foot.gif) bottom repeat-x}
#foot #foot_In{margin:0 auto; width:960px; margin:0 auto;}
#foot #foot_In #shoutCuts{ padding-left:80px; padding-top:15px; height:151px; background:url(../img/BG_shortcut.gif) top no-repeat; color:#333;}
#foot #foot_In #shoutCuts ul{ width:190px; float:left; line-height:180%; background:url(../img/BG_shoutCut_li_right.gif) right no-repeat; margin-right:20px; height:135px;}
#foot #foot_In #shoutCuts ul.last{ background:none; margin-right:0;}
#foot #foot_In #shoutCuts ul li{background:url(../img/BG_shoutCut_li.gif) 0 8px no-repeat; padding-left:16px; clear:both;}

#foot #foot_In #shoutCuts ul li.tit{ font-weight:700; background:none;}
#foot #foot_In #shoutCuts ul li.tit div.titCon{ float:left;}
#foot #foot_In #shoutCuts ul li.tit div.FunIco{ float:right;}
#foot #foot_In #shoutCuts ul li.tit div.FunIco img { margin-right:5px;}
#foot #foot_In #shoutCuts ul li a{ color:#333; text-decoration:underline;}
#foot #foot_In #copyRight{padding:10px 0;text-align:center;line-height:30px; clear:both;}
#foot #foot_In #copyRight a{color:#fff; padding:0 5px; text-decoration:underline; font-weight:700;}
/* foot end */



/* page start */
.page{height:30px; padding:10px; text-align:center; clear:both;}
.page a{border:1px solid #591F00;margin-right:3px;padding:2px 8px;text-decoration:none;color:#591F00;}
.page a:hover,#page a:active{border:1px solid #591F00;background-image:none;background-color:#591F00;color:#fff;}
.page span.current{margin-right:3px;padding:2px 6px;font-weight:bold;color:#000;}
.page span.disabled{display:none;}
.page a.next{border:1px solid #591F00;margin:0 0 0 10px;}
.page a.next:hover{border:1px solid #591F00;}
.page a.prev{border:1px solid #591F00;margin:0 10px 0 0;}
.page a.prev:hover{border:1px solid #591F00;}
/* page end */


/* side_right cell start */
.side_right_cell{ margin-bottom:10px; padding-bottom:10px;}
.side_right_cell .CellList_check  ul li,.side_right_cell .CellList_arrow  ul li{ background:url(../img/BG_CellList_check.gif) 0 3px no-repeat;padding-left:22px; line-height:20px; padding-bottom:5px;}
.side_right_cell .CellList_arrow  ul li{ background:url(../img/BG_CellList_arrow.gif) 2px 2px no-repeat;}

.side_right_tab{ height:23px; border-bottom:1px #333 solid; margin:0 1px;}
.side_right_tab div{ float:left;}
.side_right_tab div.current{}

.C_tabL{background:url(../img/BG_Cell_tabL.gif)  no-repeat; height:23px; width:9px;}
.C_tabCon{ background-color:#CCC;color:#000; padding-top:2px; font-weight:700; height:21px;white-space:nowrap;}
.C_tabR{background:url(../img/BG_Cell_tabR.gif) top right no-repeat; height:23px; width:9px; margin-right:3px;}

div.current .C_tabL{background:url(../img/BG_Cell_tabL_select.gif);}
div.current .C_tabCon{ background-color:#333;color:#fff;}
div.current .C_tabR{background:url(../img/BG_Cell_tabR_select.gif);}

.C_tabCon a{ color:#000; text-decoration:none;}

.side_right_cell h2{  background:url(../img/BG_side_tit.gif) top no-repeat; color:#fff; font-weight:700; padding:4px 10px;}
.side_right_cell .side_cellCon{background-color:#f7f7f7;  padding:10px; border-bottom:1px #ddd solid;} 
/* side_right cell end  */


/* word bank nav_top start */
#tab{background:url(../img/BG_nav_top.gif) bottom repeat-x;padding:10px 10px 0 10px;z-index:0;height:30px;font-weight:700; margin-bottom:15px;}
#tab ul li.menuNo,#tab ul li.menuOn{float:left;margin-right:3px;text-align:center;border:1px #333 solid;z-index:1;padding:5px 15px 0 15px;height:23px;background-color:#f0f0f0;}
#tab ul li.menuOn{background-color:#fff;height:23px;border-bottom:1px #fff solid;}
#tab ul li.tabFunc{ float:right; text-align:right; width:200px; }
#tab ul li.refresh{ float:right; text-align:right;}
#tab ul li.refresh a{ padding:0;}

.TabCon_none{display:none;}
.TabCon{border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff;}
/* word bank nav_top end */


/* rank start*/
.rank1,.rank2,.rank3,.rank4,.rank5,.rank6,.rank7{ background:url(../img/rank.gif) no-repeat; width:55px; height:6px;}
.rank1{ background-position:0 0;}
.rank2{ background-position:0 -10px;}
.rank3{ background-position:0 -20px;}
.rank4{ background-position:0 -30px;}
.rank5{ background-position:0 -40px;}
.rank6{ background-position:0 -50px;}
.rank7{ background-position:0 -60px;}

/* rank end*/

/* ico start*/
.addFriends,.sentMessage,.messageIco,.check,.close,.cn2py,.py2py,.rss,.refreshIco,.ResultImgico{background:url(../img/ICO.gif) no-repeat;width:16px; height:16px;overflow:hidden;display:inline-block;}
/*.error,*/
.addFriends{ background-position:0 -80px;}
.sentMessage{background-position:0 -118px;}
.messageIco{background-position:0 -118px;}
.userIcon{ width:55px; height:55px; margin-right:12px;}
.check{background-position:0 -240px;}
/*.error{background-position:0 -280px;}*/
.close{background-position:0 -320px;}
.cn2py{background-position:0 -360px;}
.rss{background-position:0 -400px; width:17px; margin:3px 0 2px 2px;}
.refreshIco{background-position:0 -440px; width:63px;}
.ResultImgico{ background-position:-350px -200px;}
.py2py{ background-position:-350px -240px;}
/* ico end*/

/* ico a bg start*/
a.edit,a.del,a.FavDone,a.addFav,a.addCst,a.right,a.wrong,a.addword,a.reupload,a.A_addFriends,a.A_sentMessage,a.A_Comment{ background:url(../img/ICO.gif) no-repeat; padding-bottom:5px;}
a.edit,a.del,a.FavDone,a.addFav,a.addCst,a.addword,a.reupload,a.A_addFriends,a.A_sentMessage,a.A_Comment{ font-size:11px; color:#666;padding-left:20px; padding-right:25px;}
a.right,a.wrong{ font-weight:700; font-size:14px; padding-left:18px;}

a.addFav{ background-position:-350px -80px; padding-left:23px;}
a.FavDone{ background-position:0 0; padding-left:23px;}
a.addCst{ background-position:0 -40px;}
a.edit{background-position:0 -160px;}
a.del{background-position:0 -200px;}
a.right{background-position:0 -237px;}
a.wrong{background-position:0 -277px;}
a.addword{background-position:0 -478px;}
a.reupload{ background-position:-350px 0;}
a.A_addFriends{ background-position:0 -80px;}
a.A_sentMessage{background-position:0 -118px;}
a.A_Comment{background-position:-350px -38px; padding-left:18px;}

a.edit:hover,a.del:hover,a.addFav:hover,a.addCst:hover,a.right:hover,a.wrong:hover,a.addword:hover,a.reupload:hover,a.A_Comment:hover{ cursor:pointer;}

/* ico a bg end*/