
/* 基础设置 */
body{ margin:0 auto; text-align:center;font-size:12px; background-color:#eef3fa; }
.wrapper{ margin:0 auto; width:950px; text-align:left; background-color:White; display:table; background-image:url(../images/left_menu_bg.gif); background-repeat:repeat-y; }
.leftmenu { width:212px; display:table; text-align:center; padding-bottom:50px;}
.leftmenu img{ margin-bottom:10px; }
.leftmenu li{ background-image:url(../images/mnu_spt_line.gif); background-repeat:repeat-x; background-position:top; color:White; width:170px;  margin-left:0px; padding-top:1px;}
.leftmenu li a{ padding:5px; display:block; margin:3px; text-decoration:none; background-image:url(../images/mnu_ico_.gif); background-position:23px center; background-repeat:no-repeat; font-size:14px; }
.leftmenu li a:link,.leftmenu li a:visited,.leftmenu li a:active{  color:White;}
.leftmenu li a:hover{  background-color:#da2625; color:White;}
.leftmenu li a.c{ font-weight:bold;}
.leftmenu li.icon1 a{background-image:url(../images/icons/com/1.gif); }
.leftmenu li.icon2 a{background-image:url(../images/icons/com/2.gif); }
.leftmenu li.icon3 a{background-image:url(../images/icons/com/3.gif); }
.leftmenu li.icon4 a{background-image:url(../images/icons/com/4.gif); }
.leftmenu li.icon5 a{background-image:url(../images/icons/com/5.gif); }
.leftmenu li.icon6 a{background-image:url(../images/icons/com/6.gif); }
.leftmenu li.icon7 a{background-image:url(../images/icons/com/7.gif); }
.leftmenu li.icon8 a{background-image:url(../images/icons/com/8.gif); }
.leftmenu li.icon9 a{background-image:url(../images/icons/com/9.gif); }
.leftmenu li.icon10 a{background-image:url(../images/icons/com/yi.gif); }
.leftmenu li.icon11 a{background-image:url(../images/icons/com/10.gif); }
.leftmenu li.icon12 a{background-image:url(../images/icons/com/11.gif); }
.leftmenu li.icon13 a{background-image:url(../images/icons/com/12.gif); }
.leftmenu li.icon14 a{background-image:url(../images/icons/com/13.gif); }
.leftmenu li.icon15 a{background-image:url(../images/icons/com/14.gif); }
.leftmenu li.icon16 a{background-image:url(../images/icons/com/15.gif); }

.leftmenu li.icon111 a{background-image:url(../images/icons/user/1.gif); }
.leftmenu li.icon112 a{background-image:url(../images/icons/user/2.gif); }
.leftmenu li.icon113 a{background-image:url(../images/icons/user/3.gif); }
.leftmenu li.icon114 a{background-image:url(../images/icons/user/4.gif); }
.leftmenu li.icon115 a{background-image:url(../images/icons/user/5.gif); }
.leftmenu li.icon116 a{background-image:url(../images/icons/user/6.gif); }
.leftmenu li.icon117 a{background-image:url(../images/icons/user/7.gif); }
.leftmenu li.iconlove a{background-image:url(../images/icons/user/love.gif); }



.rightcontent { width:738px;display:table;}
.topmenu { height:64px; background-image:url(../images/head_bg.gif); margin:3px 3px 3px 3px;}
.topmenu .nav { margin-left:15px;clear:both;}
.topmenu .nav li{ float:left; margin-left:18px; margin-top:10px;}
.topmenu .nav a{ color:white; text-decoration:none;}
.topmenu .nav a:hover{ text-decoration:underline;}

.topmenu .options { margin-left:15px; clear:both;}
.topmenu .options .left li{ float:left; margin-left:11px; margin-top:10px; background-image:url(../images/mnu_spt.gif); background-repeat:no-repeat; background-position:right center; padding:5px 13px 5px 5px;}
.topmenu .options .left a{ color:#2f2f2f; text-decoration:none; font-size:14px;}
.topmenu .options .right  { margin-top:3px;}
.topmenu .options .right li{ float:left; margin-left:11px; margin-top:8px; background-image:url(../images/mnu_spt.gif); background-repeat:no-repeat; background-position:right center; padding:5px 13px 5px 5px;}
.topmenu .options .right a{ color:#2f2f2f; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:left center; }
.topmenu .options .right .ico_home{ background-image:url(../images/ico_home.gif);padding-left:20px;}
.topmenu .options .right .ico_album{ background-image:url(../images/ico_album.gif);padding-left:20px;}
.topmenu .options .right .ico_msg{ background-image:url(../images/ico_msg.gif);padding-left:20px;}
.topmenu .options .right .quit{ width:47px; height:20px; background-image:url(../images/sm_bg.gif); display:inline-block; text-align:center; line-height:20px; color:White; margin-top:-3px;}

.infos { float:left; width:503px; margin-left:5px; line-height:200%; display:table; padding-bottom:10px;}
.infos .buttons {width:155px; padding-left:10px;}
.infos .buttons a{ color:#2f2f2f; text-decoration:none;}
.infos .buttons a:hover{ color:#2f2f2f; text-decoration:underline;}
.infos .buttons li{ float:left; width:55px; line-height:150%; background-image:url(../images/ico_home.gif); background-position:left center; background-repeat:no-repeat; padding-left:20px;}
.infos .buttons li.a{background-image:url(../images/ico_home.gif);}
.infos .buttons li.b{background-image:url(../images/ico_album.gif);}
.infos .buttons li.c{background-image:url(../images/ico_msg.gif);}
.infos .buttons li.d{background-image:none;}


.infos .binfo { padding:5px;}
.infos .binfo .comname,.infos .binfo .edit{ font-size:18px; padding:3px; border-bottom:solid 1px #dadada; margin-bottom:3px;}
.infos .binfo .edit a{ text-decoration:none; color:#ff4700;}
.infos .binfo .edit a:hover{ color:Red; text-decoration:underline;}
.infos .binfo td{ padding:2px;}
.infos .binfo td.c{  color:#4c4c4c;}
.infos .binfo .opts { padding-top:3px; padding-left:5px; margin-top:3px; border-top:solid 1px #dadada;}
.infos .binfo .opts a{color:#ff4700; text-decoration:none;}
.infos .binfo .opts a:hover{text-decoration:underline;}

.infos .info{  display:table; margin-top:5px;}
.infos .container {border-bottom:solid 1px #dadada;width:335px; }
.infos .info .right{ padding-right:5px;}
.infos .face td{ clear:both; width:160px; height:160px; text-align:center; border:solid 1px #dadada;}
.infos .face a{ }
.infos .face img {padding:2px; }
.infos .uname { color:#666666; font-size:20px; }
.infos .stateion a{ color:#ff4700; text-decoration:none;}
.infos .stateion a:hover{ text-decoration:underline}
.infos .welcome { color:#666666; }
.infos .welcome a{ color:#333; text-decoration:none;}
.infos .welcome a:hover{ text-decoration:underline}
.infos .prevlogintime { color:#666666; }

.infos .bbsstate { line-height:180%; color:#999999; padding-left:5px; margin-top:5px;}
.infos .tit{ background-image:url(../images/tit_bg.gif); height:29px;  line-height:29px; font-size:14px; font-weight:bold; margin-top:15px; padding-left:20px; color:#666666;}
.infos .tit div{background-repeat:no-repeat; background-position:left center; padding-left:30px;}
.infos .cnt { padding:5px;}
.infos .msgcenter a{ color:#666; text-decoration:none;}
.infos .msgcenter a.b{  font-weight:bold;} 
.infos .msgcenter a:hover{ color:red; text-decoration:underline;}
.infos .msgcenter { padding-left:10px; color:#666666;}
.infos .msgcenter .tit{ background-image:none;}
.infos .msgcenter td{ padding:3px; background-image:url(../images/sptline.gif); background-position:bottom; background-repeat:repeat-x;}
.infos .msgcenter span { color:#666666;}
.infos .msgico div{ background-image:url(../images/tit_ico_msg.gif); }

.infos .bbsinfo { }
.infos .bbsinfo div { background-image:url(../images/sptline.gif); background-position:bottom; background-repeat:repeat-x; padding:5px 8px 5px 32px; color:#999999;}
.infos .bbsinfo div a{ color:#2f2f2f; text-decoration:none; }
.infos .bbsinfo li { background-image:url(../images/ico_home.gif); background-repeat:no-repeat; background-position:10px 10px;}
.infos .bbsinfo li.a{background-image:url(../images/ico_home.gif);}
.infos .bbsinfo li.b{background-image:url(../images/ico_home.gif);}

.lists { float:right; width:218px; padding-right:5px;}
.lists .tit { background-image:url(../images/tit_bg.gif); background-repeat:repeat-x; height:29px; color:#c40000; font-weight:bold; padding-left:5px; line-height:29px;}
.lists .cnt { display:table;}
.lists .cnt .pics { height:100%;}
.lists .cnt .pics li{  height:105px; overflow:hidden; float:left; margin:2px 0px 0px 2px; width:100px;text-align:center;}
.lists .cnt .pics .pic { text-align:center;}
.lists .cnt .pics .pic a { border:solid 1px #d9d9d9; display:table;  margin:auto;}
.lists .cnt .pics .pic a img{ padding:2px;}
.lists .cnt .pics div{ line-height:150%; margin:5px;}
.lists .cnt .pics span { color:#999999;}


.lists .rect{ border:solid 1px #d9d9d9; padding:1px; margin-top:5px;}

.footer { clear:both; color:#353535; height:40px; line-height:40px; background-color:White; background-image:url(../images/sptline.gif); background-position:top; background-repeat:repeat-x;  display:table; text-align:center; width:100%;}

.contentplaceholder { min-height:520px;}
.contentplaceholder .body { color:#999; margin:5px; }
.contentplaceholder .descr { padding:5px;}
.contentplaceholder .list td{ padding:5px 5px 5px 10px; border-bottom:solid 1px #ccc;color:#4c4c4c;}
.contentplaceholder .list .tit{ font-weight:bold;}
.contentplaceholder .list .tit td{ padding:6px 6px 6px 10px; border-bottom:solid 2px #ccc; }
.contentplaceholder .list .unread .name { font-weight:bold;}
.contentplaceholder .list a {color:#4c4c4c; text-decoration:none; }
.contentplaceholder .list a.b { font-weight:bold;}
.contentplaceholder .list a:hover {color:red; text-decoration:underline; }
.contentplaceholder .list .nodata { padding:10px; text-align:center; border-bottom:solid 1px #ccc;}
.contentplaceholder .submits { padding:10px; border-top:solid 1px #ccc; margin:10px;}
.contentplaceholder .submits a{ margin-right:10px;}
.contentplaceholder  .inputs td{ border:none; padding:3px;}
.contentplaceholder  .inputs td label { color:Red; font-weight:bold;}
.contentplaceholder  .inputs .err{ padding:0px 3px 0px 25px;}
.contentplaceholder  .inputs input{ width:170px;}
.contentplaceholder  .inputs select{ margin-right:5px;}
.contentplaceholder  .inputs .imglarge{ text-align:center;  padding:2px; margin-bottom:10px;}
.contentplaceholder  .inputs .imglarge a{ border:solid 1px #ccc; padding:5px;}
.contentplaceholder  .inputs .surface { padding:10px 10px 20px 10px; text-align:center; }
.contentplaceholder  .inputs .surface a{ font-size:14px;}
.contentplaceholder .renames {  padding:0px 0px 0px 10px;}
.contentplaceholder .renames td{ margin-bottom:5px; border-bottom:solid 1px #e3e3e3; padding-bottom:5px;}
.contentplaceholder .renames .img{ margin:5px 5px 5px 15px; width:60px; height:60px; text-align:center;  display:table-cell; vertical-align:middle; border:solid 1px #e3e3e3; font-size:60px; font-family:宋体;}
.contentplaceholder .renames .img img { max-height:60px; max-width:60px; vertical-align:middle;}
.contentplaceholder .renames .descr{ padding:2px 5px 0px 5px; text-align:left;}

.contentplaceholder .upload {}
.contentplaceholder .upload .bor{ border:solid 1px #ebebeb; margin:3px 0px 0px 0px; padding:0px 0px 8px 0px;}
.contentplaceholder .upload .bor_top{ border-top:solid 1px #ebebeb; padding:8px 5px 8px 20px; margin-top:3px;}
.contentplaceholder .upload .head{ background-color:#f4f4f4; padding:10px; font-weight:bold;}
.contentplaceholder .upload ul{  padding:10px;}
.contentplaceholder .upload li{  padding:10px; border-bottom:solid 1px #ebebeb;}
.contentplaceholder .upload li span{ display:inline; width:85%; padding-right:20px;}
.contentplaceholder .upload li a{ display:inline; width:15%;}
.contentplaceholder .upload .addfile{ overflow:hidden; display:inline-block; height:30px; width:100px; background-image:url(../images/add_fileico.gif); background-repeat:no-repeat;cursor:pointer; background-position:5px 5px; line-height:30px;  color:Black; text-decoration:none; font-size:14px; border:solid 1px #b3bec1;}
.contentplaceholder .upload .addfile input { display:block; MARGIN-LEFT:-100px;FONT-SIZE: 30px;width:200px;  height:30px;opacity: 0;FILTER:alpha(opacity=0); cursor:pointer;}
.contentplaceholder .upload .selAlbum { padding:10px;}
.contentplaceholder .upload .selAlbum a{ color:#0066cc; text-decoration:none;}
.contentplaceholder .upload .uploading { float:right; height:30px; line-height:30px; padding-right:20px; display:none;}
.contentplaceholder .upload .uploading img { margin-left:20px;}

.contentplaceholder .albumlistbody { margin:10px 0px 0px 0px; padding:0px;}
.contentplaceholder .albumlist { overflow:hidden; padding:0px;}
.contentplaceholder .albumlist li{ width:228px; height:260px; overflow:hidden; float:left; margin-left:9px; margin-bottom:10px;}
.contentplaceholder .albumlist li .img { background-image:url(/images/album_pic.gif);width:228px; height:220px;}
.contentplaceholder .albumlist li .img a{ font-size:200px; font-family:宋体; vertical-align:middle; display:table-cell; width:200px; height:200px; margin:auto;}
.contentplaceholder .albumlist li .img .pic {display:inline-block;width:200px; height:200px; margin:8px 0px 0px 17px;text-align:center;border:solid 1px #d6d6d6;   }
.contentplaceholder .albumlist li .img .pic img{ MAX-WIDTH: 200px;MAX-HEIGHT: 200px;}
.contentplaceholder .albumlist li .txt { padding:5px 5px 2px 5px; text-align:center;}
.contentplaceholder .albumlist li .btn { padding:2px; text-align:center;}
.contentplaceholder .albumlist li a { color:#0066cc; text-decoration:none;}
.contentplaceholder .albumlistbtm {  padding:20px; text-align:center; clear:both; font-size:14px; margin-top:20px; line-height:180%;}
.contentplaceholder .albumlistbtm a{ color:#0066cc; text-decoration:none;}

.contentplaceholder .photolistbody { margin:10px 0px 0px 0px; padding:0px;}
.contentplaceholder .photolist { overflow:hidden; padding:0px;}
.contentplaceholder .photolist li{ float:left; margin-left:9px; margin-bottom:10px; height:160px;background-image:url(/images/photo_pic.gif);width:128px;}
.contentplaceholder .photolist .uploaditem{ float:none; margin-left:9px; height:auto; width:auto; margin-bottom:10px; background-image:url(/images/photo_pic.gif);}
.contentplaceholder .photolist li .pic a{ font-size:100px; font-family:宋体; vertical-align:middle; display:table-cell; width:100px; height:100px; margin:auto;}
.contentplaceholder .photolist li .pic {display:inline-block;width:100px; height:100px; margin:8px 0px 0px 17px;text-align:center;border:solid 1px #d6d6d6;   }
.contentplaceholder .photolist li .pic img{ MAX-WIDTH: 100px;MAX-HEIGHT: 100px;}
.contentplaceholder .photolist li .txt { padding:5px 5px 2px 5px; text-align:center;}
.contentplaceholder .photolist li .btn { padding:2px; text-align:center;}
.contentplaceholder .photolist li a { color:#0066cc; text-decoration:none;}
.contentplaceholder .photolistbtm {  padding:20px; text-align:center; clear:both; font-size:14px; margin-top:20px; line-height:180%;}
.contentplaceholder .photolistbtm a{ color:#0066cc; text-decoration:none;}

.menutit { background-image:url(../images/ico1.gif); background-repeat:no-repeat; background-position:3px center; padding-left:40px; font-size:14px; font-weight:bold; color:#999999; height:52px; line-height:52px;}
.menutab { background-image:url(../images/tab_bg.gif); background-repeat:repeat-x; height:72px;}
.menutab .menuitem { font-size:14px; font-weight:bold; padding-top:14px; padding-left:20px; }
.menutab .menuitem a{font-family:宋体; font-size:14px; font-weight:bold;width:90px; height:27px; display:inline-block; text-align:center; line-height:27px; color:Black; text-decoration:none; margin-right:10px;}
.menutab .menuitem a.chk { background-image:url(../images/tabitem.gif); color:#b81414;}
.menutab .menuitem a:hover { color:Red;}
.menutab .menusub a.b { font-weight:bold;}
.menutab .search input{ }

.menutab .menusub { height:30px; line-height:30px; padding-left:20px; color:#cecece;}
.menutab .menusub a{ text-decoration:none; display:inline-block; margin-right:5px; color:#333333;}

.rightbody { margin:0px 0px 5px 8px; width:715px;}

.sysmessage { border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; padding:50px; font-size:14px; font-weight:bold; text-align:center; line-height:180%;}
.sysmessagebtn { padding:20px; text-align:center;}

.personplans .menusub{ color:#333333;}
.personplans .menusub label{ color:#ff6633;}
.personplans .menusub a { color:#006699; text-decoration:underline;}
.personplans .menusub a:hover { color:red; text-decoration:underline;}
.personplans .tabs{}
.personplans .tabs li{cursor:pointer; color:Black; float:left; width:80px; height:26px; background-image:url(../images/tab_unchk.gif); line-height:26px; text-align:center; margin-left:5px;}
.personplans .tabs li.chked {background-image:url(../images/tab_chked.gif);}
.personplans .tabcnt { color:#000000; border:solid 1px #ccc; clear:both;}
.personplans .tabcnt tr td { color:#000000; height:28px; line-height:28px;border-bottom:solid 1px #ccc; clear:both; }
.personplans .tabcnt .fullrow td{ border-right:none; color:#ff6633;}
.personplans .tabcnt .newrow td { background-color:#ffd9bf;}
.personplans .tabcnt .head { background-color:#f4f4f4; border-bottom:solid 2px #cccccc;}
.personplans .tabcnt .head td{ text-align:center; border-bottom:solid 2px #ccc;}
.personplans .tabcnt td{ border-right:solid 1px #ccc;}
.personplans .tabcnt td input { width:20px; text-align:center;}
.personplans .tabcnt td .txt {font-size:14px; height:25px; line-height:25px; border:none; border-bottom:solid 1px #eee;}
.personplans .tabcnt .c1{ width:40px; text-align:center; border-left:solid 1px white; }
.personplans .tabcnt .c2{ width:150px; text-align:left; }
.personplans .tabcnt .c2 input { width:80px;}
.personplans .tabcnt .c3{ text-align:center;}
.personplans .tabcnt .c3 input{ width:98%;}
.personplans .tabcnt .c3 input.hover{ border-bottom:dashed 1px black;}
.personplans .tabcnt .c4{ width:40px;border-right:solid 1px white; text-align:center;}
.personplans .tabcnt .fullrow { width:100%; color:#ff6633; font-weight:bold; border-right:none; text-align:center; display:inline-block;}
.personplans .body .list { position:relative;}
.personplans .body .list .loading{ display:none; left:260px; top:180px; background-image:url(/images/LoadingC.gif); background-repeat:no-repeat; background-position:10px center; position:absolute; background-color:White; border:solid 2px #68af02; height:30px; line-height:30px; padding-left:40px; padding-right:10px;}
.personplans .tabcnt .bord td{ background-color:#ffd9bf;}
.personplans .tabcnt .bord td.c1{ border:solid 1px red; border-right:none;}
.personplans .tabcnt .bord td.c2{ border-top:solid 1px red; border-bottom:solid 1px red; }
.personplans .tabcnt .bord td.c3{ border-top:solid 1px red; border-bottom:solid 1px red; }
.personplans .tabcnt .bord td.c4{ border-top:solid 1px red; border-bottom:solid 1px red; border-right:solid 1px red;}

