﻿@charset "utf-8";
/* CSS Document */

html, body { background:#ECEFF6;  background:#F5F5F5; margin:0; padding:0; font-size:12px;}
form{ margin:0px; border:0px; padding:0px;}
ul, li{ margin:0px; padding:0px;}


.clear{ clear:both;}
.button_80_24, .focus_80_24{display:inline-block; cursor:pointer; border:0px; text-align:center; line-height:25px; height:25px; font-size:12px; width:80px; margin:0px -2px; text-decoration:none; background:transparent url(../images/button_80_24_normal.png) center no-repeat; color:#fff;}
.button_80_24:hover, .focus_80_24{background-image:url(../images/button_80_24_on.png);}

.button_50_24, .focus_50_24 {display:inline-block; cursor:pointer; border:0px; text-align:center; line-height:25px; height:25px; font-size:12px; width:50px; margin:0px -2px; text-decoration:none; background:transparent url(../images/button_50_24_normal.png) center no-repeat; color:#fff;}
.button_50_24:hover, .focus_50_24{background-image:url(../images/button_50_24_on.png);}

.input{ line-height:20px; height:20px; padding:0px; margin:0px; font-size:12px; background:#fff; border:1px solid #aaa;}
.input:focus{border:1px solid blue;}
.w_50{ width:50px;}
.w_60{ width:60px;}	
.w_70{ width:70px;}	
.w_80{ width:80px;}	  
.w_90{ width:90px;}	  
.w_100{ width:100px;}	
.w_110{ width:110px;}	
.w_120{ width:120px;}	  
.w_130{ width:130px;}	  
.w_140{ width:140px;}	  
.w_150{ width:150px;}	
.w_160{ width:160px;}	
.w_170{ width:170px;}	  
.w_180{ width:180px;}	  
.w_190{ width:190px;}	  
.w_200{ width:200px;}	  
.w_250{ width:250px;}

.header-logo-menubar{ background:#003399; margin-bottom:0px; border-bottom:1px solid #fff;}

.logo{ display:block; margin:auto; font-size:32px; color:#fff;}

	.menubar { display:block; border-bottom:5px solid #F2ECE4; width:100%}
	.menubar ul{ display:block;  margin:0px 0 0 50px; padding:0px;}
	.menubar ul li, .menubar ul li.this{display:block; float:left; margin:10px 3px 0px 3px; border:3px solid #2D71FF; background:#69f;}
	.menubar ul li a, .menubar ul li.this a{display:block; line-height:20px; padding:2px 10px; color:#fff; font-weight:bold; font-size:14px;}
	.menubar ul li a:hover{ background:#4683FF;}
	
	.menubar ul li.this{ background:#F2ECE4; border-bottom-width:0px;}
	.menubar ul li.this a{ padding-bottom:8px; text-decoration:none; color:#003399;}
	.menubar ul li.this a:hover{ background:#FFCC99;}
	
	.menuItems { display:block; background:#FFCC99; background:#DDDBCE; width:100%; border-top:1px solid #fff; border-bottom:1px solid #B8B59A;}
	.menuItems ul{ display:block;  margin:0px 0 0 50px; padding:0px;}
	.menuItems ul li{display:block; float:left;}
	.menuItems ul li a, .menuItems ul li.this a{display:block; line-height:18px; padding:2px 10px; color:#993300; font-weight:lighter; font-size:12px;}
	.menuItems ul li a:hover{color:#000; font-weight:bold;}
	
	.menuItems ul li.this a{ background:#F2ECE4; border-right:1px solid #fff; border-left:1px solid #B8B59A; text-decoration:none; }

.position{display:block; margin:auto; margin-bottom:20px; line-height:24px; padding-left:20px; background:#eee; border-bottom:1px solid #ccc;}

.main{ width:auto; overflow:hidden; margin:auto; padding:0px; margin-top:0px;}
.mainLeft{width:180px; padding:5px; border-right:1px #ccc solid; float:left;}
.mainRight{margin-left:179px; padding:20px; display:inline-block; border-left:1px #ccc solid; }

.pageBar{ border-top:1px solid #ccc; text-align:center; margin:10px 20px;}
.pageBar a, .pageBar span{ display:inline-block; padding:3px; margin:3px 5px; border:1px solid #ccc; background:#eee; color:#888;}
.pageBar a:hover{border:1px solid #ccc; background:#3078DA; color:#000;}
.pageBar span{ border:0px;}



.bottom{bottom:0px; margin:auto; background:#0066FF; border-top:1px solid #39F; border-bottom:1px solid #03C; height:24px; line-height:24px; text-align:center; width:900px;}
.bottom a{ color:#FFF; text-decoration:none; display:inline-block; float:left; padding:0px 10px; border-right:1px solid #0033CC; border-left:1px solid #0099FF;}
.bottom a:hover{ background-color:#0066CC;}

.red{ color:red;}
.t_line td{border-bottom:1px solid #ccc;}


.dataTable{ border:1px solid #eee; margin:0px auto; background:#fff; table-layout:fixed;}
.dataTable th, .dataTable tr td{ margin:1px; padding:4px; border:0px; white-space:nowrap; word-break:keep-all; overflow:hidden; }
.dataTable th{ font-weight:bold; background:#ddd; color:#000; border-top:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #ccc; min-width:100px; _width:100px;}
.dataTable tr{ border-bottom:1px solid #eee;}
.dataTable tr.odd, .dataTable tr.odd td{ color:#555; background:#eee;}
.dataTable tr.even, .dataTable tr.even td{ color:#555; background:#fff;}
.dataTable tr td{ font-weight:lighter;border:0px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; cursor:default;}
.dataTable tr:hover, .dataTable tr.hover{ color:Blue; background-color:#ddd;}
.dataTable tr:hover td, .dataTable tr.hover td{ background:#ddd;}



/* 添加组件 */
	.moduleLists{ width:660px; display:block;}
	.moduleList, .moduleListOn{ display:block; border:1px solid #eee; border-left:10px solid #F0F5E2; margin:10px 0; list-style:none; cursor:default;}
	.moduleListOn{border:1px solid #eaeaea; border-left:10px solid #0099FF; color:red; background:#efefef;}
	.moduleListImgWrap{ display:block; width:50px; height:50px; float:left; overflow:hidden; border:1px solid #cfcfcf; margin:5px; background:#fff;}
	.moduleListP{ display:block; width:450px; height:30px; padding:10px; float:left; margin:0px;}
	.moduleListA{ display:block; width:120px; height:50px; float:left; padding-top:10px;}
	
