/*system begin*/
body{
    font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin:auto;
	/*background-color:#E6E6E6;*/
	background-image:url(bg.gif);
	
}
body,html{height: 100%;}
a {color:#CCCCCC; }
a:hover { color:#FF6600}
/*system end*/
/*windows begin*/
#draw{
   position: absolute;   
    top: 50%;   
    left: 0;   
    vertical-align:middle;   
    display:table-cell;   
    width:100%;   
      
      
    *vertical-align:middle;   
    *display:table-cell;   
    *width:100%;   
      
      
    _vertical-align:;   
    _display:;   
    _width:; 
   }
#inner {   
    position: relative;  
	top:-300px; 
    top: -100%\9;   
    margin: 0 auto;   
    text-align:center;   
}   
  
#content{   
    width:420px;   
    height:307px;    
    margin: 0 auto;   
    text-align:left;   
} 
.main_windows {
	position:absolute;
	zoom:1;	
    z-index:9003; 
	WIDTH: 420px; 
	display: block; 
	height: 307px; 
	background-color:#c7d4e4;
	visibility:visible;
	
}
.shadow{
    position:absolute;
	zoom:1;
	overflow:hidden;	
    z-index:9002; 
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=50) progid:DXImageTransform.Microsoft.Blur(pixelradius=4);
	WIDTH: 421px; 
	display: block; 
	height: 297px; 
	
	background-color:#777\9;}
.top_window_tl {
	background: no-repeat 0 0;
	padding-left:6px;
    zoom:1;
    z-index:1;
    position:relative;
	background-image: url(left-corners.png);
}
.top_window_tr {
    background: transparent no-repeat right 0;
	padding-right:6px;
	background-image: url(right-corners.png);
}
.top_window_tc {
    background: transparent repeat-x 0 0;
	overflow:hidden;
    zoom:1;
	background-image: url(top-bottom.png);
	_width:410px;
}
.top_window_header {
    zoom:1;
	overflow:hidden;
	padding-bottom:4px;
	padding-top:5px;
	color:#15428b;
}
.top_tool{
    overflow:hidden;
    width:15px;
    height:15px;
    float:right;
    cursor:pointer;
    background:transparent no-repeat;
    margin-left:2px;
	background-image:url(tool-sprites.gif);
}	
.top_tool_close {
    background-position:0 -60px;
}

.bottom_windows {
    z-index:1;
    position:relative;
    zoom:1;
    left:0;top:0;
	overflow:hidden;
}
.bm_window_ml {
	background: transparent repeat-y 0 0;
	padding-left:6px;
    zoom:1;
	background-image: url(left-right.png);
}
.bm_window_mr {
	background: transparent repeat-y right 0;
	padding-right:6px;
    zoom:1;
	background-image: url(left-right.png);
}
.bm_window_mc {
	border:1px solid;
    padding:0;
    margin:0;
	border-color:#99bbe8;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    background-color:#dfe8f6;
}
.bm_window_body {
    overflow:hidden;
	background:transparent;
	PADDING-BOTTOM: 1px; 
	PADDING-LEFT: 1px; 
	WIDTH: 406px; 
	PADDING-RIGHT: 1px;  
	PADDING-TOP: 1px;
	
	HEIGHT: 240px;
	_HEIGHT: 225px;
}
.bm_panel_body {
    border-style: solid;
    border-width:0;
	border-color: #99bbe8;
	width:404px;
}
.bm_panel_body_tl {
    background: transparent no-repeat 0 0;
	padding-left:6px;
    zoom:1;
    border-bottom:1px solid;
	color:#15428b;
	font:bold 11px tahoma,arial,verdana,sans-serif;
	background-image: url(corners-sprite.gif);
    border-bottom-color:#99bbe8;
}
.bm_panel_body_tr {
    background: transparent no-repeat right 0;
	zoom:1;
    padding-right:6px;
	background-image: url(corners-sprite.gif);
    border-bottom-color:#99bbe8;
}	
.bm_panel_body_tc {
    background: transparent repeat-x 0 0;
	overflow:hidden;
	background-image: url(panel/top-bottom.gif);
	overflow: visible;
}
.bm_panel_header {
    overflow:hidden;
    zoom:1;
    padding:5px 3px 4px 5px;
    line-height: 15px;
    background: transparent repeat-x 0 -1px;
	color:#15428b;
	font-weight:bold; 
    font-size: 11px;
    font-family: tahoma,arial,verdana,sans-serif;
    border-top: #99bbe8 1px solid;
    background-image: url(panel/white-top-bottom.gif);
}
.bm_panel_bwrap {
    overflow:hidden;
    zoom:1;
    left:0;
    top:0;
}
.bm_panel_body_ml {
    background: repeat-y 0 0;
	padding-left:6px;
    zoom:1;
	background-color: #fff;
    background-image:url(panel/left-right.gif);
}
.bm_panel_body_mr {
    background: transparent repeat-y right 0;
	padding-right:6px;
    zoom:1;
	background-color: #fff;
    background-image:url(panel/left-right.gif);
}
.bm_panel_body_mc {
    border:0 none;
    padding:0;
    margin:0;
    padding-top:6px;
	font: normal 11px tahoma,arial,helvetica,sans-serif;
    background-color:#dfe8f6;
	height:160px;
	_height:150px;
}
.bb_windows{
    background: transparent no-repeat 0 bottom;
	padding-left:6px;
    zoom:1;
	background-image: url(left-corners.png);
}
.bb_windows_br{
    background: transparent no-repeat right bottom;
	padding-right:6px;
    zoom:1;
	background-image: url(right-corners.png);
}
.bb_windows_bc{
    background: transparent repeat-x 0 bottom;
    zoom:1;
	background-image: url(top-bottom.png);
}
.bb_windows_footer{
    padding-bottom:6px;
    zoom:1;
    font-size:0;
    line-height:0;
	padding-bottom:0;
	width:406px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	overflow:hidden;
	_width:400px;
}
/*windows end*/
/*Form begin*/
.form_text {
    padding:1px 3px;
    background:repeat-x 0 0;
    border:1px solid;
	height:18px;
    line-height:18px;
    vertical-align:middle;
	background-color:#fff;
    background-image:url(form/text-bg.gif);
    border-color:#b5b8c8;
	position:relative;
    top:-22px;
}	
.x-btn button{
    border:0 none;
    background:transparent;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
}
.x-btn-mc{
	background:repeat-x 0 -1096px;
    vertical-align: middle;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	white-space:nowrap;
	background:url(btn.gif);
}

.x-btn td {
    padding:0 !important;
}

.x-btn-text {
    cursor:pointer;
	white-space: nowrap;
    padding:0;
}

/* icon placement and sizing styles */

/* Only text */
.x-btn-noicon .x-btn-small .x-btn-text{
	height: 16px;
}

.x-btn-noicon .x-btn-medium .x-btn-text{
    height: 24px;
}

.x-btn-noicon .x-btn-large .x-btn-text{
    height: 32px;
}

/* Only icons */
.x-btn-icon .x-btn-text{
    background-position: center;
	background-repeat: no-repeat;
}

.x-btn-icon .x-btn-small .x-btn-text{
	height: 16px;
	width: 16px;
}

.x-btn-icon .x-btn-medium .x-btn-text{
    height: 24px;
	width: 24px;
}

.x-btn-icon .x-btn-large .x-btn-text{
    height: 32px;
	width: 32px;
}

/* Icons and text */
/* background positioning */
.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
	font-size:1px;
    line-height:1px;
    width:3px;
    display:block;
    overflow:hidden;
}

.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
	height:3px;
}

.x-btn-tl{
	width:3px;
	height:3px;
	background:no-repeat 0 0;
}
.x-btn-tr{
	width:3px;
	height:3px;
	background:no-repeat -3px 0;
}
.x-btn-tc{
	height:3px;
	background:repeat-x 0 -6px;
}

.x-btn-ml{
	width:3px;
	background:no-repeat 0 -24px;
}
.x-btn-mr{
	width:3px;
	background:no-repeat -3px -24px;
}

.x-btn-mc{
	background:repeat-x 0 -1096px;
    vertical-align: middle;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	white-space:nowrap;
}

/* Fixes an issue with the button height */
.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {
    height: 100%;
}

.x-btn-bl{
	width:3px;
	height:3px;
	background:no-repeat 0 -3px;
}

.x-btn-br{
	width:3px;
	height:3px;
	background:no-repeat -3px -3px;
}

.x-btn-bc{
	height:3px;
	background:repeat-x 0 -15px;
}

.x-btn-over .x-btn-tl{
	background-position: -6px 0;
}

.x-btn-over .x-btn-tr{
	background-position: -9px 0;
}

.x-btn-over .x-btn-tc{
	background-position: 0 -9px;
}

.x-btn-over .x-btn-ml{
	background-position: -6px -24px;
}

.x-btn-over .x-btn-mr{
	background-position: -9px -24px;
}

.x-btn-over .x-btn-mc{
	background-position: 0 -2168px;
}

.x-btn-over .x-btn-bl{
	background-position: -6px -3px;
}

.x-btn-over .x-btn-br{
	background-position: -9px -3px;
}

.x-btn-over .x-btn-bc{
	background-position: 0 -18px;
}

.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
	background-position: -12px 0;
}

.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
	background-position: -15px 0;
}

.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
	background-position: 0 -12px;
}

.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
	background-position: -12px -24px;
}

.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
	background-position: -15px -24px;
}

.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
	background-position: 0 -3240px;
}

.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
	background-position: -12px -3px;
}

.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
	background-position: -15px -3px;
}

.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
	background-position: 0 -21px;
}

.x-btn-disabled *{
	cursor:default !important;
}


/* With a menu arrow */
/* right */

.x-btn{
	font:normal 11px tahoma, verdana, helvetica;
}

.x-btn button{
    font:normal 11px arial,tahoma,verdana,helvetica;
    color:#333;
}

.x-btn em {
    font-style:normal;
    font-weight:normal;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
	background-image:url(btn.gif);
}

.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
    color:#000;
}

.x-btn-disabled *{
	color:gray !important;
}

.x-btn-mc em.x-btn-arrow {
    background-image:url(button/arrow.gif);
}

.x-btn-mc em.x-btn-split {
    background-image:url(button/s-arrow.gif);
}

.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
    background-image:url(button/s-arrow-o.gif);
}

.x-btn-mc em.x-btn-arrow-bottom {
    background-image:url(button/s-arrow-b-noline.gif);
}

.x-btn-mc em.x-btn-split-bottom {
    background-image:url(button/s-arrow-b.gif);
}

.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
    background-image:url(button/s-arrow-bo.gif);
}
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
	background-image:url(btn.gif);
}

.qqqqbtn02 {
	BORDER-BOTTOM: #87a3c1 1px solid;
	BORDER-LEFT: #87a3c1 1px solid;
	LINE-HEIGHT: 160%;
	BACKGROUND: url(btn01.gif) 0px 0px;
	HEIGHT: 24px;
	width: 70px;
	COLOR: #333;
	FONT-SIZE: 12px;
	BORDER-TOP: #87a3c1 1px solid;
	CURSOR: pointer;
	BORDER-RIGHT: #87a3c1 1px solid;
}
.qqqqbtn04 {
	BORDER-BOTTOM: #a2904d 1px solid;
	BORDER-LEFT: #a2904d 1px solid;
	LINE-HEIGHT: 160%;
	BACKGROUND: url(btn01.gif) 0px -66px;
	HEIGHT: 24px;
	width: 70px;
	COLOR: #630;
	FONT-SIZE: 12px;
	BORDER-TOP: #a2904d 1px solid;
	CURSOR: pointer;
	BORDER-RIGHT: #a2904d 1px solid;
}