@charset "utf-8";
/*
 * Copyright (c) 2009, tool.115.com. All rights reserved.
 * Date:2009-6
 * Author: zen@115.com 
*/
/*
reset
*/
html {
	color:#000;
	background:#fefefe;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
li {
	list-style:none;
}
body{
	background:#fefefe url(../images/bg.png) repeat-x 0 90px;
	font-size:12px;
	line-height:1.5;
}
input,textarea,body{ 
	font-family:"lucida Grande",Arial,Helvetica,"宋体",sans-serif;
}
textarea{
	overflow:auto;
}
em{ font-style:normal;}



a:link,a:visited { color:#36c;text-decoration:none;}
a:hover{
    text-decoration:underline;
}
#topbar a:hover,
.fav-title h4 a:hover,
.fav-info a:hover,
.fav-tags a:hover,
#rightbar a:hover,
#footer a:hover{
    background:#36c;
    color:#fff;
    text-decoration:none;
}
#js_site_list_box .fav-link a:hover{
    background:#73B51C;
    color:#fff;
}
/*
common
*/

.fl       { float:left}
.fr       { float:right;}
.fn		  { float:none;}
.clear    {clear:both; height:0; overflow:hidden;}
.cll       { clear:left;}
.clr       { clear:right;}
.clearfix {zoom: 1}
.clearfix:after {content: "\0020";display: block;clear: both;height: 0}

.text-center { text-align:center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}


.blue   { color:#36c;}
.orange { color:#F60;}
.red    { color:#f00;}
.black  { color:#000;}
.green  { color:#73B51C;}
.gray3  { color:#333;}
.gray6  { color:#666;}
.gray9  { color:#999;}
.gray   { color:#ccc;}

.ml5{ margin-left:5px; vertical-align:middle}
.mr5{ margin-right:5px;}
.mb5{ margin-bottom:5px;}
.mt5{ margin-top:5px;}

.mt10{margin-top:10px;}

.pb5{ padding-bottom:5px;}
.pt5{ padding-top:5px;}
.pl5{ padding-left:5px;}
.pr5{ padding-right:5px;}

.p10{ padding:10px;}
.pv10{ padding:10px 0;}
.pw10{ padding:0 10px;}

.hide{display:none;}
.v-mid{ vertical-align:middle;}

.indent{ text-indent:2em;}

.font-b{ font-weight:bold;}
.font-12{ font-size:12px;}
.font-14{ font-size:14px;}

.w60{width:60px;}
.w120{width:120px;}
.w270{width:270px;}
.w360{width:360px;}


.line{
    background:#cedeef;
    height:1px;
    overflow:hidden;
    margin:5px 0;
}

.box-yellow{
    background:#ffffe5;
    color:#333;
}
.box-green{
    background:#E9FFE8;
    border:1px #66C266 solid;
    color:#1f5c01;
    line-height:14px;
    padding:3px 5px;
    position:relative;
}
.box-red{
    background:#FFEBE8;
    border:1px #edbbb2 solid;
    color:#D90000;
    line-height:14px;
    padding:3px 5px;
    position:relative;
}

.fix-over{
    overflow:hidden;
}
/*
formset
*/

.text-input{
	border-width:1px;
	border-style:solid;
	font-size:14px;
	padding:6px 3px;
	*padding:7px 3px 5px;
}
.blue-input{
	border-color:#a8c5ee;
}
.gray-input{
	border-color:#e0e0e0;
	border-top-color:#7f7f7f;
    font-size:12px;
	padding:3px;
	width:150px;
}
.large-input{
	border-color:#e0e0e0;
	border-top-color:#7f7f7f;
    font-size:14px;
	padding:7px 5px;
	width:500px;
}
textarea.large-input{
    height:80px;
}
.focus{
    background:#fffede;
}
.textarea{
	border-color:#e0e0e0;
	border-top-color:#7f7f7f;
	padding:3px;
	width:98%;
}
span.button-border{
	border:1px #a8c5ee solid;
	display:block;
	float:left;
	padding:1px;
}
.button{
    border:1px #a8c5ee solid;
	background-position:0 -72px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	padding:5px 8px;
	*padding:5px 5px 3px;
    display:inline-block;
}
.button-s{
    font-size:12px;
    padding:2px 5px;
    *padding:4px 5px 0;
}
.button-orange{
	background-color:#ffc334;
	background-position:0 -124px;
	border:1px #d38400 solid;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	padding:4px 8px;
	*padding:4px 3px 2px;
}
.form { color:#000;}
.form label{ font-size:14px;}
.form div{padding:5px;}
.form p{ line-height:24px;}
/*
page
*/
#top_page{
    float:right;
    margin-top:10px;
}
#top_page div{
    margin:0;
}
.page{
	color:#999;
	padding:5px;
}
.page a,.page span{
	padding:2px 5px;
}
.page a{
	border:1px #ccc solid;
}
.page a:hover{
	background:#eef4ff;
	border:1px #a8c5ee solid;
    text-decoration:none;
}
.page .current{
	font-weight:bold;
	padding:2px 5px;
}

/*
widget
*/

.rn-border{ height:1px; overflow:hidden; background:#d8e9fb; border-color:#d8e9fb; border-style:solid; border-width:0;}
.rn-border-1{ background:#d8e9fb; margin:0 5px; }
.rn-border-2{margin:0 3px; border-left-width:2px; border-right-width:2px; }
.rn-border-3{margin:0 2px; border-left-width:1px; border-right-width:1px; }
.rn-border-4{margin:0 1px; border-left-width:1px; border-right-width:1px; }
.rn-border-5{margin:0 1px; border-left-width:1px; border-right-width:1px; }

.rn-inner{ border-left:1px #d8e9fb solid; border-right:1px #d8e9fb solid; background:#d8e9fb; position:relative;}

.rn-yellow .rn-border{background:#ffffe5; border-color:#ffffe5 #ccc #ccc #ffffe5;}
.rn-yellow .rn-inner{ border-left:1px #ffffe5 solid; border-right:1px #ccc solid; background:#ffffe5;}


.rn-yellow2 .rn-border{background:#ffeee3; border-color:#ffeee3;}
.rn-yellow2 .rn-inner{ border-left:1px #ffeee3 solid; border-right:1px #ffeee3 solid; background:#ffeee3;}

.rn-blue .rn-border{background:#f0faff; border-color:#f0faff;}
.rn-blue .rn-inner{ border-left:1px #f0faff solid; border-right:1px #f0faff solid; background:#f0faff;}

.rn-red .rn-border{background:#ffeaea; border-color:#ffeaea #ccc #ccc #ffeaea;}
.rn-red .rn-inner{ border-left:1px #ffeaea solid; border-right:1px #ccc solid; background:#ffeaea;}

.blue-header{
	background-position:0 -48px;
	color:#fff;
	height:24px;
	line-height:24px;
	position:relative;
}
.blue-header a,.blue-header a:hover,.blue-header a:visited{
	color:#fff;
}
.blue-header-left{
	background-position:0 0;
	float:left;
	height:24px;
	overflow:hidden;
	width:5px;
}
.blue-header-right{
	background-position:0 -24px;
	float:right;
	height:24px;
	overflow:hidden;
	width:5px;
}

/*
image
*/
.button,#menu li a,.blue-header,.blue-header-left,.blue-header-right,.button-orange{
	background-image:url(../images/repeat.gif);
	background-repeat:repeat-x;
}
.fav-snap{
	background-image:url(../images/ico.gif);
	background-repeat:no-repeat;
	background-position:999px 999px;
}




.loading{ padding-left:24px; background:url(../images/loading_1.gif) no-repeat left center; line-height:24px; }
.infromation{
	background-position:0 -287px;
	width:24px; 
	height:24px;
	float:left;
	margin:0 10px 0 0; 
}
.infro-noresult{
	background-position:0 -338px;
	width:24px; 
	height:24px;
	float:left;
	margin:0 10px 0 0; 
}




/*
layout
*/

/*top_bar start*/
#topbar{
    color: #36c;
    text-align: right;
    padding: 0 10px;
    line-height: 25px;
	height:26px;
    border-bottom:1px #a8c5ee solid;
}
#topbar .nav{ 
	float:left;
}
#topbar .nav a{
	margin-right:15px;
}
#topbar .nav strong{
	margin-right:15px;
	color:#000;
}
/*top_bar end*/

/*wrap start*/
#wrap{
	margin:0 auto;
	width:960px;
}
/*wrap end*/
/*header start*/
#header{
	height:63px;
}
#logo{
	background:url(../images/logo.gif) no-repeat;
	float:left;
	height:50px;
	margin:5px 30px 0 0;
	width:165px;
}
#logo a{
	display:block;
	height:47px;
	width:158px;
}
#search{
	float:left;
	margin:20px 5px 0 0;
}
#search div{ padding-top:3px; *padding-top:0;}
#search_type{
	background:#eef4ff;
	padding:6px 3px 4px;
	overflow:hidden;
	width:100px;
}
#header .text-input{margin-right:5px;}
/*header end*/

/*menu start*/
#menu{
	height:28px;
	padding:4px 5px 0;
}
.login-info{
    color:#fff;
    float:right;
    padding:5px 5px 0 0;
}
#menu li{ 
	float:left;
	margin-right:10px;
}
#menu li a{ 
	background-position:0 -97px;
	border-top:1px #69d solid;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:26px;
	line-height:26px;
	padding:0 15px;
}
#menu li a:hover{
    background-position:0 -72px;
    text-decoration:none;
}
#menu li.current a{
	background-position:0 -72px;
	border:1px #fff solid;
	border-bottom:0;
	color:#000;
	height:27px;
}
#menu #user_nav li a{
    font-size:12px;
    font-weight:normal;
}
/*menu end */

/*main start */
#main{
	margin:5px 0;
}
#leftbar{
	width:700px;
}
#rightbar{
	width:255px;
}
#rightbar h4{
	font-size:12px;
}



.main-title{
    border-bottom:1px #E1E5EB solid;
    height:40px;
    width:100%;
}
.main-title div{margin-top:18px;}
.main-title h3,h3.title{ font-family:"微软雅黑" "microsoft yahei";color:#555;  font-size:26px; font-weight:normal;}
.main-title h4{font-family:"微软雅黑" "microsoft yahei";color:#555;  font-size:18px; margin-top:10px;font-weight:normal;}

.main-title form{float:right;padding:15px 15px 0 0}
.main-title input{width:210px;height:18px;padding:1px 4px 0;font:12px/1.5 Arial;color:#333;border:1px solid #CCC;background:#FFF}
.main-title button{width:50px;height:23px}
.handle-bar{
    border-bottom:1px dashed #ddd;
    border-bottom:1px dashed #fff;
    padding:5px 0;
    text-align:right;
}


.no-fav{
    font-size:14px;
    padding:10px;
    text-align:center;
}
.fav-list{padding:0 10px;}
.fav-list li{
    border-bottom:1px dashed #e1e5eb;
    border-bottom:1px dashed #fff;
    overflow:hidden;
    padding:5px 0;
    position:relative;
    width:100%;
}
.fav-title h4{ font-size:14px;}
.fav-list li div{
    margin-left:140px;
}
.fav-handle{
    float:right;
    padding:3px 0;
}
.handle-bar-bottom{
    padding:5px 0 0 5px;
}
.handle-bar a:hover,.fav-handle a:hover,.handle-bar-bottom a:hover{
    background:#36c;
    color:#fff;
}


.fav-desc,.fav-tags{ color:#666;}
.fav-info{color:#948b6e;}
.fav-info strong{ font-family:'Candara'; font-size:16px;}
.fav-pic{
    border:1px #ddd solid;
    float:left;
    height:90px;
    width:130px;
}

.fav-star{
    background:url(../images/star.gif) repeat-x 0 0;
    float:left;
    height:16px;
    margin-top:5px;  
}
.fav-star-1{
    width:16px;
}
.fav-star-2{
    width:32px;
}
.fav-star-3{
    width:48px;
}
.fav-star-4{
    width:64px;
}
.fav-star-5{
    width:80px;
}


.fav-user{
    color:#999;
}
.fav-user a:link,.fav-user a:visited{
    text-decoration: underline;
}
.fav-star span{ display:none;}
.fav-link{ color:#ccc; }
.fav-link a:link,.fav-link a:visited{ color:#73B51C;line-height:16px;}
.fav-snap{ padding-left:20px; background-position:0 -1px;float:right; margin-top:5px;}
.close-snap{background-position:0 -49px;}
.snap{
    width:100%;
    height:600px;
    overflow:hidden;
}

.mode-abb{
    padding:0;
    overflow:hidden;
}
.mode-abb li{
    border:0;
    float:left;
    height:115px;
    margin:0 5px 15px;
    width:160px;
    text-align:center;
}
.mode-abb .fav-desc,.mode-abb .fav-tags,.mode-abb .fav-link,.mode-abb .fav-title,.mode-abb .fav-url{ display:none;}
.mode-abb .fav-pic{
    float:none;
}
.mode-abb .fav-handle{
    float:none;
    display:block;
}

.mode-list li{ height:18px;}
.mode-list .fav-tags,.mode-list .fav-link,.mode-list .fav-pic,.mode-list .fav-url{display:none;}
.mode-list .fav-title,.mode-list .fav-title h4,.mode-list .fav-desc{
    display:inline;
    margin:0;
}
.mode-list .fav-desc{
    color:#999;
    padding:2px 0 0 3px;
}
.mode-list .fav-title{
    padding-left:3px;    
}
.mode-list .fav-handle{
    background:#fff;
    height:16px;
    position:absolute;
    padding:0 0 0 6px;
    right:0;
    top:6px;
    width:90px;
}
.mode-list .fav-handle a:hover{
    background:none;
    color:#36c;
}
.mode-list .fav-handle input{
    margin:0;
}

.side-panel{ margin-top:5px;}
.panel-title{height:24px;color:#666; line-height:24px;}
.side-panel h4{ font-size:12px;}
.panel-inner{ color:#444;}
#user_panel{ float:right; width:240px; margin-top:8px;}
#user_panel a{  padding:0 3px;}
#user_login div{padding:2px 0;}



.class-table{width:100%;}
.class-table li{padding:3px; width:30%; font-size:14px; text-align:center; float:left; }


#directory{ position:absolute; left:75px; top:166px; width:270px; padding:10px;}

#fav_iframe{width:100%; overflow:hidden;}

.display li{ 
    background-image:url(../images/display.gif); 
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;  
    height:16px;
    margin-right:5px; 
    width:16px;
}
.display li span{ display:none;}
li.display-minutely{background-position:-19px bottom;}
li.display-abb{background-position:-38px bottom;}
li.display-list{background-position:0 bottom;}
li.display-minutely-current{background-position:-19px top;}
li.display-abb-current{background-position:-38px top;}
li.display-list-current{background-position:0 top; }


#import{
    width:572px; 
    padding:5px 0;
}

.site-title{
    overflow:hidden;
    white-space:nowrap;
    width:690px;
}
.site-info{
    float:right;
    font-size:12px;
    width:380px;
}
.site-info td,.site-info th{  
    padding:3px;
    vertical-align:top;
}
.site-info th{
    font-weight:normal;
    width:40px;
    text-align:right;
}
.site-info .fix-over{
    width:320px;
}
.site-fix{
    float:left;
    text-align:center;
    width:310px;
}

#site_pic{
    border:1px #ccc solid;
    height:228px;
    padding:1px;
    width:300px; 
}


.chanel-list li{
    float:left;
    padding:3px 0 3px 16px;
    background:url(../images/ico.gif) no-repeat -304px 3px;
    width:30%;
}
.site-info a:hover{
    background:#36c;
    color:#fff;
}
.chanel-list li a:hover,.site-fix a:hover{ text-decoration:underline;}


.side-list li{ padding:2px 0 2px 16px;background:url(../images/ico.gif) no-repeat -304px 3px; }



.respons{width:480px; text-align:left; padding:5px; margin:0 auto;}



#js_img_show_box{
    position:absolute;
}
#js_img_show_box img{
    border:1px #eee solid;
    height:228px;
    margin:5px 0;
    padding:10px;
    width:300px;
}
.img_show_box{
    background:#fff;
    border:1px #ccc solid;
    height:300px;
    overflow:hidden;
    padding:10px;
    position:relative;
    width:320px;
    z-index:100;
}
.img_show_box h4{
    font-size:14px;
    height:24px;
    line-height:24px;
    overflow:hidden;
    width:100%;
}
.img_show_bg{
    background:#333;
    height:320px;
    left:4px;
    position:absolute;
    top:4px;
    width:340px;
    filter:alpha(opacity=10);
    opacity:0.1;
    -ms-filter:"alpha(opacity=10)";
    z-index:99;
}
.img_show_coner{
    height:11px;
    left:-4px;
    position:absolute;
    top:110px;
    width:6px;
    z-index:200;
}
.img_show_coner div{
    border:1px #ccc solid;
    border-left:0;
    border-right:0;
    background:#fff;
    float:left;
    overflow:hidden;
    width:1px;
}
.coner-1{
    border-bottom:0;
    height:1px;
    margin-top:5px;
}
.coner-2{
    height:1px;
    margin-top:4px;
}
.coner-3{
    height:3px;
    margin-top:3px;
}
.coner-4{
    height:5px;
    margin-top:2px;
}
.coner-5{
    height:7px;
    margin-top:1px;
}
.img_show_coner .coner-6{
    border:0;
    height:11px;
}
/*main end */

#footer{ 
    background:#f4f9ff;
    padding:10px; 
    text-align:center; 
}





/*
comment
*/

.comment dt{
    height:27px;
    line-height:27px;
    padding-top:5px;
}
.comment dt strong{
    color:#003366;
    float:left;
}
.comment dt span{
    color:#999;
    float:right;
}
.comment dd{
    border-bottom:1px #ddd dashed;
    color:#333;
    padding:5px 0 15px;
}
#guest{
    width:360px;
}
.comment-handle{
    text-align:right;
    padding:5px 5px 0 0;
}
.comment-reply{
    background:#ffffee;
    margin:5px 0;
    padding:5px;
}
.comment-reply p{
    padding:3px;
}

.quote{
    background:#ffffee;
    border:1px #ddd solid;
    margin-bottom:5px;
    padding:5px;
}
.comment .quote dd{
    border:0;
    padding-bottom:0;
}
.comment .quote dt{
    height:20px;
    line-height:20px;
    padding-top:0;
}
/*
star
*/
ul.star-lv{height:16px; width:80px; background:url(../images/star.gif) repeat-x left bottom; position:relative; float:left; cursor:pointer;}
ul.star-lv li{float:left;}
ul.star-lv a,ul.star-lv a.cur{ position:absolute; left:0; top:0; width:16px; height:16px; background:none; outline:none; }
ul.star-lv a:hover{background:url(../images/star.gif) left top repeat-x; }
ul.star-lv a.cur{background:url(../images/star.gif) left top repeat-x;}
ul.star-lv a#lv_1{width:16px; z-index:7;}
ul.star-lv a#lv_2{width:32px; z-index:6;}
ul.star-lv a#lv_3{width:48px; z-index:5;}
ul.star-lv a#lv_4{width:64px; z-index:4;}
ul.star-lv a#lv_5{width:80px; z-index:3;}
ul.star-lv a span{display:none;}


/*
tab
*/
.tab-option{color:#ccc;}
.tab-option span{ cursor:pointer;color:#666;}
.tab-option .current{
    font-size:14px; 
    font-weight:bold;
    color:#06c;
}


/*
tree
*/
.directory-tree{
    height:200px;
    overflow:auto;
    width:100%;
}

.directory-tree ul{ font-size:0;}
.directory-tree p{
    font-size:12px;
    height:18px;
    overflow:hidden;
}
.directory-tree p.selected {
    background:#dafaff;
}
.elbow-minus,.elbow-end-minus,.elbow-plus,.elbow-end-plus,.elbow,.elbow-end,.folder-name,.elbow-line,.elbow-blank,.site-name{
    background-image:url(../images/tree.gif);
    background-repeat:no-repeat;
    float:left;
    height:18px;
    overflow:hidden;
    width:18px;
}
.elbow-minus{
    background-position:0 -18px;
    cursor:pointer;
}
.elbow-end-minus{
    background-position:0 -54px;
    cursor:pointer;
}
.elbow-plus{
    background-position:0 0;
    cursor:pointer;
}
.elbow-end-plus{
    background-position:0 -36px;
    cursor:pointer;
}
.elbow{
    background-position:0 -90px;
}
.elbow-end{
    background-position:0 -108px;
}
.elbow-line{
    background-position:0 -72px;
}
.folder-name{
    background-position:-18px 0;
    cursor:pointer;
    line-height:21px;
    padding-left:22px;
    width:100px;
}
.site-name{
    background-position:-18px -18px;
    cursor:pointer;
    line-height:21px;
    padding-left:22px;
    width:140px;
}
.elbow-blank{
    background-position:999px 999px;
}
/*
 * tag
 */
.tags{padding:5pxc;}
.tags a.size1 {font-size:12px;color:#E07230;}
.tags a.size1:hover {color:#E13728;}
.tags a.size2 {font-size:13px;color:#BB408F;}
.tags a.size2:hover {color:#E13728;}
.tags a.size3 {font-size:14px;color:#7391DD;}
.tags a.size3:hover {color:#E13728;}
.tags a.size4 {font-size:15px;color:#009933;}
.tags a.size4:hover {color:#E13728;}
.tags a.size5 {font-size:16px;color:#FF0033;}
.tags a.size5:hover {color:#B46A47;}
.tags a.size6 {font-size:18px;color:#FF7B7A;}
.tags a.size6:hover {color:#E13728;}


/*
 * alertbox
 */
#screen{
	background:#000;
	filter:alpha(opacity=30);
    height:900px;
	left:0;
	opacity:0.3;
	position:absolute; 	 
	top:0;
    width:100%;		
	z-index:800;
	-ms-filter:"alpha(opacity=30)";
}
.alert-box{
	left:50%;
	margin-left:-245px;
	overflow:hidden;
	padding:8px;
	position:absolute;  
	top:120px;
	width:490px;
	z-index:999;
}
.alert-box-border{
	background:#000;
	filter:alpha(opacity=50);
	height:9999px; 
	left:0;
	opacity:0.5;
	position:absolute; 	 
	top:0;		
	width:200%; 
	z-index:998;
	-ms-filter:"alpha(opacity=50)";
}
.alert-box-inner{
	position:relative;
	z-index:999;
}
.alert-closed{
    background:url(../images/ico.gif) no-repeat 0 -160px;
    height:16px;
    position:absolute;
    right:5px;
    top:0;
    width:16px;
}
.alert-closed span{
    display:none;
}