right.css

一些Acjax的控件简单应用学习实例

/*=====================Right Page======================*/
body{
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	line-height: 150%;
	text-align: center;

}
.upMenu{
	width: 100%;
	height: 25px;
	background: #EAF9FF;
	line-height: 25px;
	padding-left: 20px;
	text-align: left;
	padding-top: 5px;
}
.downBody{
	margin: 20px 0px 10px 0px;
	width: 95%;
	text-align: left;
	padding: 0px;
	min-height: 400px;
}

/*=====================Search Page======================*/
.downBody .search{
	margin-bottom: 20px;
	width: 100%;
	height: 40px;
	background: #FEFDF5;
	border-bottom: #778899 1px solid;
	border-right: #778899 1px solid;
}
.downBody .search .topLeft{
	width: 20%;
	float: left;
	background: top right url(../img/1.gif) no-repeat;
}
.downBody .search .topRight{
	
	width: 80%;
	height: 8px;
	border-top: #778899 1px solid;
	float: left;

}
.downBody .search .down{
	height: 32px;
	width: 100%;
	font-weight: bold;
	text-align: center;
}
.downBody .listTable{
	width: 100%;
	margin-bottom: 20px;
}


.downBody .listTable1{
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
}



table{
	border: #9DA8B3 solid 1px;
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
	background: white;
}
th{
	background: #D6EDFA;
	height: 25px;
	border-bottom:  #9DA8B3 solid 1px;
	border-right:  #9DA8B3 solid 1px;
	width: 16%;
}
tr{
	height: 25px;
	line-height: 25px;
}
td{
	border-bottom:  #9DA8B3 solid 1px;
	border-right:  #9DA8B3 solid 1px;
	width: 16%;
}

/*=====================ADD PAGE======================*/
.pannel{
	
	width: 70%;
	border: #DFDFDF solid 1px;
	background: #F6F6F6;
	padding: 10px;
	text-align: center;
	
}
.pannel table{
	border:;
	background: ;
}
.pannel tr{
	border: ;
	background: ;
}
.pannel td{
	border: ;
	background: ;
	width: ;
	text-align: left;
}
.pannel th{
	border: ;
	background: ;
	width: ;
}


/*=========================RightKind==============================*/

#rightKind{
	width: 600px;
	height: 400px;
	background: White;
	margin: 0px auto;
	text-align: center;
}
.topTitle{
	width: 100%;
	height: 24px;
	background: #8ba2c5;
	padding-top: 6px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: White;
	text-align: left;
}
.topTitle img{
	vertical-align: middle;
}
#rightKind table{
	background: #EEFAFA;
	width: 98%;
	border: #17C4C4 1px solid;
	font-size: 12px;
	margin-bottom: 10px;
}
#rightKind th{
	border-bottom: #BCE7E6 1px solid;
	color: #006F6D;
	font-weight: bold;
	font-size: 12px;
	background: url(../images/title.gif) no-repeat left;
	text-align: left;
	padding-left: 30px;
	height: 24px;
	width: 100%;
}
#rightKind tr{
	height: 24px;
	line-height: 24px;	
	background: url(../images/left.gif) no-repeat left;
	text-align: left;
	
}
#rightKind td{
	height: 24px;

	padding-left: 24px;
	border: 0px;
}
#rightKind button{
	height: 23px;
	width: 64px;
	background-image: url(images/button1.gif);
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5387B2;
	cursor:hand;
}