/* icon */









.arrow,




.cb,




.rb {




	background-image: url(icon.png);




	float: left;




}














/* select box */









.sb {




	cursor: pointer;




	position: relative;




	float: left;




	display: inline-block;




	border-radius: 6px;




	-moz-border-radius: 6px;




	-webkit-border-radius: 6px;




	padding-right: 20px;




}









.sb_active {




	border-radius: 6px 6px 0 0;




	-moz-border-radius: 6px 6px 0 0;




	-webkit-border-radius: 6px 6px 0 0;




}









.sb * {




	color: #666666;




	font: normal 12px Song;




	cursor: pointer;




	background-color: #fff;




}









.sb .opts {




	border: 1px solid #dee3f0;




	cursor: pointer;




	display: none;




	height: auto;




	left: 0;




	max-height: 173px;




	overflow-x: hidden;




	overflow-y: auto;




	position: absolute;




	top: 0;




	width: auto;




	z-index: 99;




}









.sb > .selected {




	background-color: #6570a0;




	padding: 0 15px;




	overflow: hidden;




	position: absolute;




	cursor: pointer;




	left: 0;




	right: 20px;




	border-radius: 6px;




	-moz-border-radius: 6px;




	-webkit-border-radius: 6px;




	font: 14px/42px "Microsoft Yahei";




	color: #fff;




}









.sb .opts a {




	width: auto;




	height: 24px;




	line-height: 24px;




	padding: 0 5px;




	cursor: default;




	outline: none;




	white-space: nowrap;




	text-decoration: none;




	display: block;




	cursor: pointer;




}









.sb .opts a.selected {




	background: #ffffe1;




}









.sb .opts a.none {




	background: #fff;




}









.sb .opts a:hover {




	background: #ffffe1;




	cursor: pointer;




}









.sb .sb_icon {




	width: 24px;




	height: 24px;




	overflow: hidden;




	position: absolute;




	cursor: pointer;




	right: 29px;




}









.sb .arrow {




	background-color: transparent;




	background-position: -48px -24px;




}









.sb_active .arrow {




	background-position: -48px 0px;




}














/* checkbox box */









.cb {




	width: 24px;




	height: 24px;




	display: inline-block;




	*display: inline;




	zoom: 1;




	background-position: 0 0;




	cursor: pointer;




	margin: 9px 0;




}









.cb_active {




	background-position: 0 -24px;




}














/* radio box */









.rb {




	width: 24px;




	height: 24px;




	margin: 0 auto;




	padding: 0;




	display: inline-block;




	*display: inline;




	zoom: 1;




	vertical-align: middle;




	background-position: -24px 0;




	cursor: pointer;




	margin: 9px 0;




}









.rb_active {




	background-position: -24px -24px;




}