westdc-zf1/htdocs/css/water.css

#divContent{margin:0 auto;padding:0;}
/* water */
#sidebar{margin:0;padding:0;width:220px;_margin-right:-3px;float:left;border-right:2px solid #ddd;background:#ddd;}
#right{margin:0;padding:0;border-left:2px solid #ddd;margin-left:220px;}
#leftnavi{margin:0;padding:0;}
#leftnavi input{margin-left:5px;width:200px;border:1px solid #006;background: #ffc;}
#intro {margin-top:10px;padding:0;padding-left:5px;}
#intro p{text-indent:2em;}
#intro img{padding:5px;}
#intro h1{text-indent:2em;font-size:24px;}
#intro li{white-space: normal;}
/* used in water */
.PageNavigation{padding-left:30px;}
hr{border: none 0;border-bottom:1px dashed #ccc;height: 1px;width:100%;margin:0;padding:5px 0 5px 0;}
li {white-space:nowrap;}
#mdlist{}
#mdlist span{width:80%;}
#mdlist ol li{white-space:normal;}
.t1highlight{background-color: #ccccff;}
.t3highlight{background-color: #ccccff;}
.t2highlight{background-color: #FFCCCC;}
/* used in tag(keyword) */
#links{position:relative;line-height:1.2;margin:0;}
#links ul{margin:0 0 0 10px;padding:0;}
#links ul li{margin:0;padding:0;display:inline;*float:left;padding-left:10px;background: url(/images/square.gif) no-repeat left center;}
#links ul li a{color:Navy; text-decoration:none;}
#links ul li a:hover{color:Red;text-decoration:underline;}
#links fieldset {border:dotted 1px;border-bottom:0;border-left:0;border-right:0;}
ul{list-style-type: none;margin:2px 5px 2px 20px;}
/* used in search*/
.mditem{clear:left;text-indext:2em;padding:5px;}
.mditem hr{clear:both;padding:0;}
.thumb {float:left;padding-right:5px;height:220px;overflow:hidden;margin-left:5px;}

#search{}
.float{float:left;}
/*hacks for ie7*/
*:first-child+html .clear{width:100%;}

/* used in search form */
form{display:inline;float:left;}
.tools{clear:right;}
.tools ul{margin:0 15px auto;}
.tools li{float:left;}
.tools input{width:160px;font-size:13px;margin:0;padding:3px;border:1px solid #454138;}

/* timemap */
.info{width:200px;height:200px;}
/* TAG */
.mditem h2{text-indent:2em;}
.mditem span{text-indent:2em;padding:10px;margin-left:5px;}

.more {float:right;padding-right:20px;}

#metacontent{clear:left;margin-left:10px;}

#leftnav{margin-bottom:10px;clear:left;}
#metacontent{float:left;}
#features, #leftContainer{width:48%;float:left;margin-right:2%;clear:left;margin-bottom:10px;margin-left:10px;}
#latest, #services{width:48%;float:left;margin-bottom:10px;font-size:13px;}
#leftContainer{margin-top:5px;}

/*data_links*/
#links .title{background:#c7ddc7; padding: 5px 15px 5px;font-size: 16px; font-weight:bold;}
#links h3{clear:both;color: rgb(153, 0, 51);font-size: 14px;
    background: url(/images/arrow_red_10x10.gif) no-repeat left top; padding-left: 13px;}
#leftnav li,#tools li,#category li,#keyword li,#series li{padding-left: 10px;background: url(/images/square.gif) no-repeat left center;}
.submit-group,.element-group{}

#leftnav ul,#leftContainer ul{margin:0px; padding-left:0px;clear:left;}
#leftnav ul li,#leftContainer ul li{float:left;}
#tools ul li {float:left; padding-left:10px;}

img{border:0px;}
.summary{text-indent:2em;}
.more{font-size: 11px;}

dd,dt{float:left;margin:0;}

#links dd {padding-bottom:5px;margin-left:15px;margin-top:-5px;}
.note{font-size:10px;color:gray;}


#series fieldset {border-bottom:0;}
#category fieldset {border-bottom:0;}
#detailxml {margin:10px;}
#detailxml fieldset {clear:left;border:1px dotted; padding:10px;width:95%;}
#detailxml ul {clear:left;width:95%;}
#detailxml ul li {display:inline;float:left;}
#detailxml .name {width:150px;text-align:left;float:left;color:red;}
#detailxml .item{clear:left;margin-left:20px;}
#detailxml .item p{padding-left:20px;}
legend {margin-left:30px;background:#fff;} 
.strong {font:20px bold;color:red;}
.thumbtitle{width:210px;margin-top:10px;padding-top:10px;}
ol,ol li{list-style:decimal;margin-left:20px;}
#heihe_ad h2{margin:20px;}
#heihe_ad li{float:left;width:30%;}
#heihelist img{min-width:200px;}
#heihe_ad img.next{vertical-align: center;}
#heihe_ad span{
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; 
	background:#ffffff; margin-top:5px; padding-left:5px; position: absolute; width: 180px;
	font-size:12px;font-weight:bold;color:#00A9FF;white-space: normal;}
.singleline img{height:20px;vertical-align:middle;}

#tabs-controller {overflow:hidden;padding:5px 0;margin:5px 0px;}
#tabs-controller ul li{float:left;padding:3px 10px;border:1px solid #93bee2;border-radius:5px;margin:0 5px;}
#tabs-controller ul li:hover{background:#f1f8fe;}
#tabs-controller ul li.active{background:#e8f4ff;}

.bigtitle{font-size:14px;font-weight:bold;line-height:24px;text-indent:14px;background:url(/images/arrow_red_10x10.gif) 0 center no-repeat;}
.bigtitle a{color:#004411;}
.box-shadow{
	box-shadow:2px 2px 2px #ccc;
	-webkit-box-shadow:2px 2px 2px #ccc;
	-moz-box-shadow:2px 2px 2px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=125, Color='#cccccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=125, Color='#cccccc')";
}
.text-shadow{
	text-shadow:#ccc 2px 2px 2px;
}

#datalist{overflow:hidden;}
#datalist h2{margin-left:20px;}
#datalist ul li{margin:5px 0px;padding:5px 0px;background:#f6f6f6;border:1px solid #FFF;border-radius:3px;}
#datalist ul li:hover,#datalist ul li:focus{border:1px solid #ccc;background:#fefefe;}
#datalist ul li a{font-size:12px;}
#datalist ul li a.title{font-size:14px;}
#datalist ul li a.more{font-size:12px;}
#datalist ul li p{text-indent:24px;font-size:12px;line-height:24px;}
#datalist ul li p img {vertical-align:middle;}
.search_form{margin-left:20px;float:none;}