/* CSS Document */

BODY {
	FONT-SIZE: 12px; MARGIN: 0px; margin-top: 43px;
	background-color: #ECF4FF; align: center;
	font-family: "宋体";
}

#mainAlertDiv
{
height:400px;
padding-top:100px;
margin:10px auto;    
text-align:center;
}
a{   
  color:   #FFFFFF   ;   
  text-decoration:   none;   
  } 

TD {
	FONT-SIZE: 12px
}
TD.content {
	FONT-SIZE: 14px; COLOR: #000000; LINE-HEIGHT: 140%
}
TD.contentS {
	FONT-SIZE: 12px;  LINE-HEIGHT: 140%  ;BACKGROUND-COLOR: #FFFFFF;
}
TD.list {
	LINE-HEIGHT: 148%
}

SELECT {
	FONT-SIZE: 12px; FONT-FAMILY: "MS Shell Dlg"
}

.listTitle {
	BACKGROUND-COLOR: #ccccd4
}
.listContent {
	BACKGROUND-COLOR: #f2f3f7
}

.docparameter {
	BACKGROUND-COLOR: #F5F5F5
}
.docparameter TD {
	COLOR: #999999
}


.pageSubject {
	BACKGROUND-COLOR: #ACB0FF
}

.txtInput {
     FONT-SIZE: 12px; 	
	 BORDER-TOP-STYLE: none; 
	 BORDER-RIGHT-STYLE: none; 
	 BORDER-LEFT-STYLE: none; 	
	 BACKGROUND-COLOR: #ffffff; 
	 BORDER-BOTTOM-STYLE: none;
}

.info_row
{
	BORDER-RIGHT: #ffffff 1px; 
	BORDER-TOP: #ffffff 1px; 
	BORDER-LEFT: #ffffff 1px; 
	BORDER-BOTTOM: #ffffff 1px; 
	BACKGROUND-COLOR: #EAECF2;
	FONT-SIZE: 12px;
	height:30;
	width:160;	
	valign:middle;
	
	 
	
}

.info_button
{   
	BORDER-RIGHT: #91BCE8 1px solid; 
	BORDER-TOP: #91BCE8 1px solid; 
	FONT-SIZE: 12px; 
	BORDER-LEFT:#91BCE8 1px solid; 
	CURSOR: hand; 
	BORDER-BOTTOM: #91BCE8 1px solid; 
	BACKGROUND-COLOR: #ECF4FF
}

.tab_head
{
	font-size: 14px;
	font-weight: bold;
}
.tab_rowtitlea
{font-size: 12px;
	color: #0861B8;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.tab_rowa
{
	font-size: 12px;		
	height:25;
	width:15%;
	valign:middle;
}
.tab_rowa1
{
	font-size: 12px;		
	height:25;
	width:15%;
	valign:middle;
	border:0;
}
.tab_rowb
{
	font-size: 12px;		
	height:10;
	width:5%;
	valign:middle;
	text-align:left;
}
.tab_rowc
{
	font-size: 14px;		
	height:10;
	width:5%;
	valign:middle;
	text-align:left;
}
.tab_title
{   
font-size: 12px;
valign: bottom;
	color: #000000;
	font-weight: bold;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;	
}

.hide_txt
{FONT-SIZE: 12px; 
	WIDTH: 100px; 
	COLOR: #000033; 
	HEIGHT: 21px;
}

.style1 {font-size: xx-small}
.style2 {font-size: 16px} 


.table_1{
width: 100%; height: 100%; border=: 0; cellpadding: 13; cellspacing: 10; bgcolor: #69A5E1;bgcolor:#003366;
}




.mydiv
{	
	z-index:1;
	width: 100%; 
	position: absolute; 
	top: 0; 
	height: 55px; 
	background-color: #FFFFFF; 		
	border: 1px none #000000; 
	left: 0;
}





body {
	background-color: #ECF4FF;align:center;
}
/*td样式*/
.td_style1 {background-color: #D1E3F5;
             text-align:center;
			 vertical-align:middle
            background-repeat:repeat-x;
	}
	
.td_style2 {background-color: #D1E3F5;
            background-image: url('../pic/6_0.gif');
             text-align:center;
            background-repeat:repeat-x;
	}
/*++++++++++++  table样式  +++++++++++++++++++*/
.table_1 {background-color:none;
           border:12px solid white;
	}
	
.table_2 {background-color:none;
           border:12px solid white;
	}
	
.table_3 {background-color:none;
           border:12px solid white;
	}
	
.table_4 {background-color:none;
           border:12px solid white;
	}
	
.table_5 {background-color:none;
           border:12px solid white;
	}
	
.table_6 {background-color:#D1E3F5;
           border:1px solid #ECF4FF;
	}
	
/*++++++++++++  文字样式  +++++++++++++++++++*/
.style8{font-size: 12px;
	color: #000000;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style8_{font-size: 12px;
	color: #000000;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style11{font-size: 12px;
	color: #0861B8;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style12{font-size: 12px;
	color: #666666;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style1 {font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style2 {font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style2s {font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style2_ {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color: #69A5E1;
}
.style3 {font-size: 12px;
	color: #F90000;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style4 {font-size: 12px;
	color: #0861B8;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style5 {font-size: 14px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style5s {font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style6 {font-size: 12px;
	color: #8F8F01;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style7 {font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;}
.style13 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-color: #69A5E1;
}
.style14 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal; 
}
a.bottom_dark:link {color: #000000;text-decoration: none; line-height: 18px;}
a.bottom_dark:visited {color: #000000;text-decoration: none; line-height: 18px;}
a.bottom_dark:hover {text-decoration: underline; line-height: 18px;}
a.bottom_dark:active {text-decoration: none; line-height: 18px;}

a.bottom_gray:link {color: gray;text-decoration: none;}
a.bottom_gray:visited {color: gray;text-decoration: none;}
a.bottom_gray:hover {color: #000000; text-decoration: underline;}
a.bottom_gray:active {text-decoration: none;}

a.bottom_blue:link {color: #2164B4;text-decoration: none;}
a.bottom_blue:visited {color: #2164B4;text-decoration: none;}
a.bottom_blue:hover {text-decoration: underline;}
a.bottom_blue:active {text-decoration: none;}




a.title_blue:link {font-weight: bold;color: #2164B4;text-decoration: underline;}
a.title_blue:visited {font-weight: bold;color: #2164B4;text-decoration: underline;}
a.title_blue:hover {font-weight: bold;color: #FFFFFF; background-color: #2164B4;text-decoration: none;}
a.title_blue:active {font-weight: bold;text-decoration: none;}

a.title_red:link {font-weight: bold;color: #F90000;text-decoration: underline;}
a.title_red:visited {font-weight: bold;color: #F90000;text-decoration: underline;}
a.title_red:hover {font-weight: bold;color: #FFFFFF; background-color: #F90000;text-decoration: none;}
a.title_red:active {font-weight: bold;text-decoration: none;}

a.title_white:link {font-weight: bold;color: #ffffff;text-decoration: none;}
a.title_white:visited {font-weight: bold;color: #ffffff;text-decoration: none;}
a.title_white:hover {font-weight: bold;color: #91BCE8; background-color: #ffffff;text-decoration: none;}
a.title_white:active {font-weight: bold;text-decoration: none;}



.ui-droppable {
               border:1px solid #69a5e1;
               height:22px;
               empty-cells : show;
               }
.ui-droppable a{color:red;}

.ui-draggable
{
   /* background-color:#91bce8; */
    margin:5px;
    vertical-align:middle;
    line-height:20px;
    cursor: pointer;
    }



.aa
{  background-color:#E3EEF9;  color:#D1E3F5;}
.bb	
{  background-color:#D1E3F5;  color:#D1E3F5}

.eg {
	color: #3D79B4;
	font-weight: bold;
}
h4
{
background:url(../pic/font_bg.jpg);
height:40px;
line-height:40px;    
margin:1px auto; 
text-align:left; 
font-size:12px;
}

●链接的颜色

　系统默认定义链接顺序为:
　　a:active
　　a:hover
　　a:link
　　a:visited
　　这样就不会出现我们预期的效果！

　　要解决这个问题，最简单的办法是按这个顺序:
　　a:visited 
　　a:hover 
　　a:link 
　　a:active
　　当设定完CSS样式后，你要在源码里修改或把修改后的CSS样式文件导出成一单独文件，把需要用它定位的网页直接做链接！

　　这里插句心得，做链接用的CSS无需设定字的大小，只需设定你想生成效果的颜色。你可以单独设定TD，让它作用于站点所有网页，当然TD的字的大小你一定要把单位设定成points而不是pixels，一般情况下设成9points，这样不论是在1024X768还是800X600都看起来比较舒服！

●文字控制
　　P {FONT－FAMILY: 宋体; FONT－SIZE: 9pt; LINE－HEIGHT: 12pt; color:＃000000} TD {FONT－FAMILY: 宋体; FONT－SIZE: 9pt} 

说明：FONT－FAMILY:宋体;(指定网页文字的字体) 　　　FONT－SIZE:9pt;（指定网页文字的字号大小，pt是表示大小的单位）
　　　LINE－HEIGHT:12pt;（指定行与行的垂直距离，即行高）
　　　color:＃000000（指定网页文字的颜色，＃000000 代表黑色，为十六进制数）TD {FONT－FAMILY:宋体;
　　　FONT－SIZE:9pt}（对网页表格里的文字进行控制）

●下划线的控制
A:visited {color:gray;TEXT－DECORATION: none}
(visited表示被访问后,链接颜色为灰色,链接无下划线.)
A:hover {BACKGROUND－COLOR: ＃ffccff; COLOR: ＃0080ff}(hover表示鼠标指示时,链接文字背景色为＃ffccff;前景色为＃0080ff)
A:link {color:＃000000;TEXT－DECORATION: none}(link表示未被访问时,链接颜色为黑色,链接无下划线.)
A:active {color:green;text－decoration: none}
(active表示鼠标点击时,链接颜色为绿色,链接无下划线.)

　　注释：
　　none——没有下划线
　　underline——下划线
　　overline——上划线
　　line－through——中划线

　　以上是比较典型的一段CSS代码，代码中的参数值可随意更换调试。有了CSS的预先设置，你会发现制作网页变得更轻松了。

　　以上功能大部分可以直接在DW中完成，但使用者做网页时（即使是静态的）也要学会一些简单的编程技巧和知识。