@charset "utf-8";
/* CSS Document */

/*------------------------------
皮肤：QQ邮箱 
作者：www.yezi520.cn
------------------------------*/


/*通用样式*/
body { font-size:12px; background:#FFF; color:#333; font-family:Tahoma, Geneva, sans-serif}
body,ul,form { margin:0; padding:0;}
ul { list-style:none;}
a { color:#005AAA;text-decoration:none}
a:hover { color:#F30; border-bottom:1px solid;}
input.text,textarea.text { background:#FFF; padding:3px; border:1px solid #CBE1EC;font-family:Arial, Helvetica, sans-serif;color:#015786; font-size:12px; font-weight:bold;}

/*------------------------------页面布局---------------------------*/
#container { width:99%;margin:0 auto; overflow:hidden;}
#bottom {height:60px; text-align:center; *font-size:11px; line-height:26px;}
	#bottom .link{background:#EAF3FF; height:26px; border-top:1px solid #B7CDE5; }

#header { background:url(top_bg.jpg) right top no-repeat #FFF;height:80px; overflow:hidden}
	#header #logo{ background:url(logo_normal.gif) no-repeat 0 5px; height:60px; padding:15px 0 0 240px; line-height:20px;}
	#top_nav { background:#CCE0F5; padding-left:5px; position:relative; border-bottom:1px solid #AAC1DE;height:30px; font-size:14px; font-weight:bold}
	#top_nav .menu {position:absolute;top:5px; width:98%}
	#top_nav .menu li{ float:left; width:100px; text-align:center; cursor:pointer;}
	#top_nav .menu .sub{ line-height:27px;color:#005AAA; width:102px;}
	#top_nav .menu .active { background:#F2F7FC; border:1px solid #AAC1DE; height:25px; line-height:25px; border-bottom:none;}
	#top_nav .menu .skin { float:right}
	#top_nav .menu .skin a{ display:block; border:1px solid #005AAA; font-size:10px; margin:5px 0 0 10px; height:10px; width:10px; overflow:hidden; float:left;}
	#top_nav .menu .skin a:hover { background:#FFF;}
	
/*------------------------------左侧布局---------------------------*/	
#left_div { width:178px; float:left; border:1px solid #B7CDE5;}
	#left_div .header{background:url(left_top_bg.gif); height:29px;}
	#left_div .header2{background:url(left_top2.gif); height:21px;}
	#left_div .body{background:url(left_bg.gif);}
	#left_div .bottom{background:url(left_bottom_bg.gif); height:21px;}
	
	#left_div .menu { padding-left:30px;}
	#left_div .top { background:url(arr.gif) no-repeat 10px 10px; padding-left:22px;font-size:14px;font-weight:bold;line-height:30px;}
	#left_div .sub {line-height:24px;background:url(left_line.gif) no-repeat; padding-left:30px;}
	#left_div .sep{ height:10px; overflow:hidden;}
	
/*------------------------------右侧布局---------------------------*/	
#right_body { margin-left:190px;border:1px solid #B7CDE5;overflow:hidden;background:url(right_top.gif) repeat-x;}
	#right_div { width:99%; padding-bottom:10px;}
	#right_div .index_Div { width:48%; height:240px; overflow:hidden; font-size:14px; float:left; margin:10px 0 0 8px;line-height:28px; border:1px solid #B7CDE5;}
	#right_div .index_Div ul li { background:url(arr.gif) no-repeat 10px 10px;color:#005AAA; padding-left:20px; line-height:26px;}
	#right_div .index_Div .title { background:#F3F7FD; padding-left:10px; font-weight:bold;}
	#right_div .header{background:url(right_header.gif); height:30px; font-size:14px;font-weight:bold;line-height:30px; padding-left:12px;}
.errinfo { width:350px;height:100px;line-height:100px; text-align:center; margin:20px auto; background:url(error.gif) no-repeat left #F2F7FC; background-position:10px center;}

/*------------------------------新闻模块---------------------------*/	
.newsDiv { padding:10px;}
	.newsDiv .title { text-align:center; margin:10px; padding:0;}
	.newsDiv .addon {text-align:center; line-height:22px;}
	.newsDiv .tags { background:#F3F3F5; padding:0 10px; line-height:22px;}
	.newsDiv .content { line-height:22px; padding:20px 10px;}

/*------------------------------自定义表格---------------------------*/
.myTable { border:1px solid #CBE1EC; border-bottom:none; margin-bottom:10px; width:100%; text-align:left;}
	.myTable .title td{ background:#DAF2FE}
	.myTable tr{background:#FAFEFF;}
	.myTable td{border-bottom:1px solid #CBE1EC; padding:3px; line-height:24px;}
	.myTable td.left{ width:80px; text-align:right; background:#F1FAFF; padding:0 10px;}
	.myTable .list_content {display:none; line-height:22px; color:#F30}
	.myTable .list_show{ background:#A5DBF7;}
.HackBox{border-top:1px solid transparent !important;border-top:0;clear:both; overflow:hidden;}
a.blue_btn { padding-left:20px; float:right; height:20px; line-height:24px; display:block;background:url(add.gif) no-repeat 0 5px;font-size:12px; font-weight:normal;text-align:center;}
a.blue_btn:hover { border:none;}

/*------------------------------分页链接样式---------------------------*/
a.page_link{  float:left;font:bold 12px Arial;margin:0 2px;padding:1px 5px;text-align:center;text-decoration:none;border:1px solid #999;}
.page_link:hover{margin:0 2px;padding:1px 5px;font:bold 12px Arial;color:#000;border:1px solid black;text-decoration:none;background:#eee;}
.prevLink {float:left; margin:0 10px 0 0; line-height:20px;font-size:11px; font-weight:bold}
.nextLink {float:left; margin:0 0 0 10px; line-height:20px; font-size:11px; font-weight:bold}
.currLink {border:1px solid #999; color:#FFF; background:#005AAA}
.pageNav {clear:both;height:20px; line-height:20px;overflow:hidden}


/*------------------------------弹出层样式---------------------------*/
.popDiv {visibility:hidden; width:500px; border:1px solid #4982BD; padding:0; position:absolute; left:0; top:0;}
	.popDiv .header { line-height:24px; height:24px; font-weight:bold; overflow:hidden; background:#F3F7FD; padding:0 10px;}
	.popDiv .header a { float:right;}
	.popDiv #popContent{ padding:5px; line-height:20px; height:285px; overflow-y:auto;}
#loading_bar {visibility:hidden; width:300px; border:2px solid #A5D6F6;position:absolute; left:0; top:0;}
	#loading_bar .content{border:1px solid #015786; padding:20px; text-align:center;}
.add_form li span{ display:block; float:left; width:60px;}
	.add_form li { border-bottom:1px solid #DAF2FE; padding:4px 0;}

/*------------------------------表情图标---------------------------*/
.face,.status{width:24px; height:24px; float:left;}
	.unkown { background:url(face/unkown.gif)}
	.glad,.success{ background:url(face/glad.gif)}
	.friendly,.followup { background:url(face/friendly.gif)}
	.faint { background:url(face/faint.gif)}
	.sleep { background:url(face/sleep.gif)}
	.bad { background:url(face/bad.gif)}	

