css.css

演示中使用的数据库为省、市、县三级数据库 演示程序实现了省、市、县三级联动（ajax技术） 程序调用方法： 1：把 <script language="javascript" src="

body{
	margin:4px 0 4px 0;
	background:#FFF;
	color:#000;
	font-family: "宋体";
	font-size: 12px;
	text-decoration: none;
}

#usrbar{padding-right:10px;line-height:19px;font-size:12px;font-family:Arial;text-align:right;white-space:nowrap}
#usrbar a,#usrbar a:link,#usrbar a:visited{color:#0000CC;text-decoration:underline}
#hd{margin-bottom:12px;width:100%;border:0}
#hd td,.i{font-size:12px;font-family:Arial}
#hd a{color:#0000CC}
#hd .lg{margin-right:9px;border:0}
#hd .ch{line-height:19px;font-size:14px}
#hd .sh{margin-top:2px}
#hd .i{font-size:16px}
#ft{clear:both;margin-top:10px;line-height:20px;text-align:center}
#ft,#ft *{color:#77C;font-size:12px;font-family:Arial;white-space:nowrap}
td,div{font-size:12px;line-height:18px}
a:link{
	color:#0000CC;
	text-decoration: none;
}
a:visited{
	color:#800080;
	text-decoration: none;
}
a:hover {
	color: #0066FF;
	text-decoration: none;
}
.fred {
	color: #FF0000;
}
#main{padding:0 10px 0 10px;min-width:750px;max-width:988px}
#left{margin-right:278px}
#right{float:right;width:260px}
.t1{position:relative;height:155px;background:url(image/t1c.gif) repeat-x}
.t1 .l,.t1 .r{position:relative;height:100%;font-size:0;background:url(image/t1l.gif) no-repeat left top}
.t1 .r{background:url(image/t1r.gif) no-repeat right top}
.t1 .t{position:absolute;left:17px;top:15px;padding-right:10px;color:#016893}
.grp{margin-top:20px;margin-left:26px}
.grp td{font-size:14px}
.grp a{color:#016893;text-decoration:none}
.grp a:visited{color:#016893;text-decoration:none}
.grp a:hover{color:#FF4200;text-decoration:underline}
.t2{margin-top:10px}
.t2 td{padding-top:5px;height:28px;background:url(image/t2c.gif) repeat-x}
.t2 td.t{padding-left:2px;font-size:14px;font-weight:bold}
.t2 td.l{width:12px;background:url(image/t2l.gif) no-repeat left top}
.t2 td.r{width:12px;background:url(image/t2r.gif) no-repeat right top}
.t2b td{height:8px;font-size:1px;line-height:1px}
.t2b td.l{width:12px;background:url(image/t2lb.gif) no-repeat left bottom}
.t2b td.c{border-bottom:1px solid #EEDB88;background:#FFF5DA}
.t2b td.r{width:12px;background:url(image/t2rb.gif) no-repeat right bottom}
.b2{padding:0!important;padding:2px 0 2px 0;border-width:0 1px 0 1px;border-color:#EFDD8F;border-style:solid;background:#FFF4D6}
.t3{margin-top:10px}
.t3 td{padding-top:5px;height:28px;background:url(image/t3c.gif) repeat-x;font-size:14px}
.t3 td.t{padding-left:2px;font-size:14px;font-weight:bold}
.t3 td.l{width:12px;background:url(image/t3l.gif) no-repeat left top}
.t3 td.r{width:12px;background:url(image/t3r.gif) no-repeat right top}
.t3b td{height:8px;font-size:1px;line-height:1px}
.t3b td.l{width:12px;background:url(image/t3lb.gif) no-repeat left bottom}
.t3b td.c{border-bottom:1px solid #CCEAEF}
.t3b td.r{width:12px;background:url(image/t3rb.gif) no-repeat right bottom}
.b3{
	border-width:0 1px 0 1px;
	border-color:#CCEAEF;
	border-style:solid;
	background:url(image/b3.gif) repeat-x;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.b3 div.t{margin-top:6px;color:#666}
.t4 td{padding-top:8px;height:28px;background:#F9F9F9}
.t4 td.t{padding-left:2px;border-top:1px solid #DDD;font-size:14px;font-weight:bold}
.t4 td.l{width:12px;background:url(image/t4l.gif) no-repeat left top #F9F9F9}
.t4 td.r{width:12px;background:url(image/t4r.gif) no-repeat right top #F9F9F9}
.t4b td{height:8px;font-size:1px;line-height:1px}
.t4b td.l{width:12px;background:url(image/t4lb.gif) no-repeat left bottom #F9F9F9}
.t4b td.c{border-bottom:1px solid #DDD;background:#F9F9F9}
.t4b td.r{width:12px;background:url(image/t4rb.gif) no-repeat right bottom #F9F9F9}
.b4{padding-bottom:5px;border-width:0 1px 0 1px;border-color:#DDD;border-style:solid;background:#F9F9F9}
.t5 td{padding-top:3px;height:29px;background:url(image/t5c.gif) repeat-x}
.t5 td.t{padding-left:2px;font-size:14px;font-weight:bold}
.t5 td.l{width:12px;background:url(image/t5l.gif) no-repeat left top #FBFBFB}
.t5 td.r{width:12px;background:url(image/t5r.gif) no-repeat right top #FBFBFB}
.t5b{margin-bottom:10px}
.t5b td{height:15px;font-size:1px;line-height:1px}
.t5b td.l{width:12px;background:url(image/t5lb.gif) no-repeat left bottom #F2F3F3}
.t5b td.c{background:url(image/t5cb.gif) repeat-x}
.t5b td.r{width:12px;background:url(image/t5rb.gif) no-repeat right bottom #F2F3F3}
.b5{padding:8px 12px 0px 12px;line-height:22px;border-width:0 1px 0 1px;border-color:#DDD;border-style:solid;background:url(image/b5.gif) repeat-x bottom #FBFBFB;font-size:14px}
.p .tl{background:url(image/pbtl.gif) no-repeat;width:17px;height:6px}
.p .tc{background:url(image/pbtc.gif) repeat-x}
.p .tr{background:url(image/pbtr.gif) no-repeat;width:8px}
.p .lc{background:url(image/pblc.gif) repeat-y}
.p .rc{background:url(image/pbrc.gif) repeat-y}
.p .bl{background:url(image/pbbl.gif) no-repeat}
.p .bc{background:url(image/pbbc.gif) repeat-x}
.p .br{background:url(image/pbbr.gif) no-repeat;height:10px}
.splist{margin-left:20px}
.splist td{padding-bottom:12px}
.imgbox{margin-right:10px;width:48px;height:48px;border:1px solid #B5B5B5}
.ip{width:120px;height:22px;font-size:14px}
.f14{font-size:24px}
.gry{color:#666666}
a.red:link{color:#DF2600}
a.red:visited{color:#DF2600}
.list {
	font-family: "宋体";
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.content {
	font-family: "宋体";
	font-size: 12px;
	text-decoration: none;
	padding: 6px;
	border: 1px dashed #DFDFDF;
}
.hui {
	font-family: "宋体";
	font-size: 12px;
	color: #B3B3B3;
	text-decoration: none;
}
.blu {
	font-family: "宋体";
	font-size: 14px;
}
.table_titlebg{height:26px;color:#000000;font-size: 12px;font-weight:bold; background-image:url(image/top_bg.gif); padding-left:10px;}.tablebk{
	border: 1px solid #ccc;background-color: #ccc;
}
.table_trbg02{background-color: #EFEFEF;}
.table_trbg01{background-color: #DBDBDB;}
.f_add {
	background-color: #333333;
}
.f_shvisa {
	background-color: #2DE8DA;
}
.f_shvisa1 {
	background-color: #CCCCCC;
}
.fname {
	font-family: "宋体";
	font-size: 12px;
	font-weight: bolder;
	color: #000066;
}