/* CSS Document */
/*------------------------------
 * 通用部分初始化
------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	behavior: url(../images/iepngfix.htc);
}
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
img {
	border: 0;
}
ul, ol {
	list-style: none;
}
html {
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.clear {
	clear: both;
}
/*------------------------------
 * 背景、遮罩
------------------------------*/
#background {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -100;
}
#mask {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 500;
	background: #FFC;
}
#loading {
	width: 80px;
	height: 16px;
	padding: 5px;
	background: #FFF;
	border: 1px solid #666;
	vertical-align: middle;
	line-height: 16px;
	margin: 0 auto;
}
#loading img{
	float: left;
}
/*------------------------------
 * 顶部工具栏
------------------------------*/
/*----------按钮----------*/
#top_bar {
	width: 100%;
	height: 70px;
}
#logo {
	width: 180px;
	height: 70px;
	float: left;
}
#bar_bg {
	position: absolute;
	width: 500px;
	height: 70px;
	left: 180px;
	background: #999;
	z-index: -98;
}
#bar_con {
	float: left;
	width: 500px;
	height: 70px;
	margin-top: 2px;
}
#bar_con .bar_btn {
	color: #FFF;
	float: left;
	width: 60px;
	height: 60px;
	cursor: pointer;
	padding: 2px;
	margin-left: 15px;
	*margin-left: 10px;
}
#bar_con .bar_btn img {
	float: left;
	margin-left: 14px;
	margin-top: 5px;
}
#bar_con .bar_btn span {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 4px;
}
#bar_con .bar_more {
	color: #FFF;
	float: right;
	width: 60px;
	height: 60px;
	background: url(../images/bar_more.png) center center;
	cursor: pointer;
	padding: 2px;
}
#bar_con .bar_more span {
	color: #000;
	font-size: 14px;
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 30px;
}
/*----------用户----------*/
#btn_user {
	float: right;
	width: 120px;
	height: 70px;
	background: #666;
}
#btn_user #user_head {
	float: left;
	width: 45px;
	height: 45px;
	margin: 12px 0 0 5px;
	border: 1px solid #999;
}
#btn_user #user_info {
	color: #FFF;
	float: left;
	text-align: left;
	width: 55px;
	height: 45px;
	line-height: 18px;
	margin: 18px 0 0 10px;
	*margin: 18px 0 0 8px;
}
#btn_user #user_info #user_name {
	font-weight: bold;
}
/*----------更多----------*/
#bar_more_bg {
	position:absolute;
	right: 40px;
	top: 70px;
	width: 270px;
	height: 280px;
	z-index: 1001;
	background: #CCC;
	display: none;
}
#bar_more_box {
	position:absolute;
	right: 50px;
	top: 80px;
	width: 250px;
	height: 260px;
	z-index: 1002;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
}
#bar_more_box .bar_more_btn {
	color: #FFF;
	float: left;
	width: 60px;
	height: 60px;
	cursor: pointer;
	padding: 2px;
	margin-left: 12px;
	margin-top: 5px;
}
#bar_more_box .bar_more_btn img {
	float: left;
	margin-left: 14px;
	margin-top: 5px;
}
#bar_more_box .bar_more_btn span {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 4px;
}
/*------------------------------
 * 窗口
------------------------------*/
.window {
	position: absolute;
	left: 5px;
	top: 75px;
	z-index: 600;
	background: #FFF;
	border: 1px solid #999;
	zoom: 1;
	overflow: hidden;
}
.window .window_title {
	float: left;
	cursor: pointer;
	width: 100%;
	height: 35px;
	background: #FCFDFF url(../images/window_title.png) center center no-repeat;
	display: inline;
}
.window .window_title .title_con {
	color: #666;
	width: 200px;
	float: left;
	height: 25px;
	line-height: 35px;
	margin-left: 15px;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
.window .window_title .title_btn {
	float: right;
	width: 108px;
	height: 21px;
	margin: 7px;
	margin-right: 15px;
	display: inline;
}
.window_btn_left, .window_btn_middle, .window_btn_right, .window_btn_refresh {
	width: 21px;
	height: 21px;
	float: left;
	margin-left: 5px;
	background: #000;
	cursor: pointer;
	display: inline;
}
.window_btn_left {
	background: url(../images/window_btn.png);
}
.window_btn_middle {
	background: url(../images/window_btn.png) -21px 0px;
}
.window_btn_right {
	background: url(../images/window_btn.png) -42px 0px;
}
.window_btn_refresh {
	background: url(../images/window_btn.png) -63px 0px;
}
.window .window_con {
	width: 800px;
	float: left;
	margin: 0 5px 5px 5px;
	border: 1px solid #A1B4B0;
	display: inline;
}
.window .window_title .title_con img {
	float: left;
	margin-top: 5px;
	display: inline;
}
.window .window_title .title_con span {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	display: inline;
}
/*------------------------------
 * 底部任务栏
------------------------------*/
#task_bar_bg {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 500px;
	height: 30px;
	background: #CCC;
	z-index: 300;
}
#task_bar {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 500px;
	height: 30px;
	z-index: 301;
}
#task_bar_desc {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 500px;
	height: 30px;
	z-index: 1001;
	text-align: left;
}
#task_bar_desc_con {
	color: #FFF;
	float: left;
	text-align: center;
	line-height: 23px;
	width: 65px;
	height: 30px;
	background: url(../images/task_bar_desc_con.png);
	margin-left: 150px;
	display: none;
}
#task_bar_desc_con_right {
	color: #FFF;
	float: right;
	text-align: center;
	line-height: 23px;
	width: 65px;
	height: 30px;
	background: url(../images/task_bar_desc_con_right.png);
	margin-right: 150px;
	display: none;
}
#task_bar_left, #task_bar_middle, #task_bar_right {
	float: left;
	height: 30px;
}
#task_bar_middle {
	width: 330px;
	height: 30px;
	background: url(../images/task_bar_middle.png);
}
#task_bar_left .active_window {
	background: url(../images/task_bar_left_btn.png);
}
#task_bar_left .task_bar_left_btn {
	float: left;
	width: 25px;
	height: 25px;
	margin: 5px 0 0 5px;
	cursor: pointer;
}
#task_bar_left .task_bar_left_btn img {
	margin-top: 2px;
}
#task_bar_left .active_window img {
	margin-top: 5px;
}
#task_bar_right .task_bar_right_btn {
	float: right;
	width: 36px;
	height: 26px;
	margin: 2px 0px 0 0px;
	cursor: pointer;
	text-align: center;
}
#task_bar_right .task_bar_right_btn img {
	margin-top: 4px;
}
/*******************************************************************/
#windowmgr {
	position: absolute;
	right: 0px;
	bottom: 30px;
	width: 250px;
	height: 176px;
	z-index: 1003;
	background: #FFF;
	background: url(../images/windowmgr.png);
	display: none;
}
#windowmgr ul{
	width: 230px;
	height: 120px;
	margin-left: 10px;
	margin-top: 45px;
	overflow-y: auto;
	overflow-x: hidden;
}
#windowmgr li a{
	color: #000;
	width: 100%;
	display: block;
	height: 22px;
	line-height: 22px;
	text-align: left;
	text-indent: 10px;
}
#windowmgr li a:hover{
	color: #FFF;
	background: #999;
}
#windowmgr li img{
	margin-left: 10px;
}