/*
 * VUI - jQuery Select/Radio/Checkbox Plugin
 * version:1.0.0-2013.10.30
 * @requires jQuery v1.10 or later
 * Copyright (c) 2013 vomoc studio
 * Examples and documentation at:
 * http://www.52vm.com/jquery/vui/
 * Email:vomoc@qq.com
 */
.vui_select {
	height:26px;
	margin:0;
	border:1px solid #C0C0C0;
	padding:0;
	background-color:#FFF;
	cursor:pointer;
	overflow:hidden;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.vui_select:before,
.vui_select:after {
    display:table;
    content:'';
}
.vui_select:after {
    clear:both;
}
.vui_select .vui_text {
	float:left;
	height:26px;
	margin:0 10px;
	padding:0;
	line-height:26px;
	color:#545454;
	font-size:12px;
	font-weight:normal;
	font-family:"宋体";
	white-space:nowrap;
	overflow: hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	display: inline-block;
	*display:inline;
	zoom:1;
}
.vui_select .vui_icon {
	float:left;
	height:24px;
	width:14px;
	margin:1px;
	padding:0;
	background:#999 url(select.gif) center center no-repeat;
	*display:inline;
}
.vui_select_option {
	float:left;
	margin:auto;
	border:1px solid #C0C0C0;
	padding:0;
	background:#FFF;
	list-style:none;
	z-index:9999;
	overflow:hidden;
}
.vui_select_option li {
	float:left;
	height:22px;
	margin:0;
	padding:0 10px;
	line-height:22px;
	color:#545454;
	font-size:12px;
	font-weight:normal;
	font-family:"宋体";
	cursor:pointer;
	clear:both;
	white-space:nowrap;
	overflow:hidden;
}
.vui_select_option .vui_selected {
	background:#999;
	color:#FFF;
}
.vui_select_option .vui_over {
	background:#E5E5E5;
	color:#545454;
}
/*************************************************************************************************/
.vui_select_multiple {
	margin:0;
	border:1px solid #C0C0C0;
	padding:1px;
	background:#FFF;
	list-style:none;
	overflow:hidden;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.vui_select_multiple li {
	float:left;
	height:26px;
	margin:0;
	padding:0 6px 0 26px;
	background:#FFF url(checkbox.gif) no-repeat 6px center;
	line-height:26px;
	color:#545454;
	font-size:12px;
	font-weight:normal;
	font-family:"宋体";
	cursor:pointer;
	clear:both;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.vui_select_multiple .vui_selected {
	background-color:#999;
	background-image:url(checkbox_checked.gif);
	color:#FFF;
}
.vui_select_multiple .vui_over {
	background-color:#E5E5E5;
	color:#545454;
}
/*************************************************************************************************/
.vui_radio {
	margin:0px;
	border:1px solid #C0C0C0;
	padding:1px;
	background:#FFF;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.vui_radio:before,
.vui_radio:after {
    display:table;
    content:'';
}
.vui_radio:after {
    clear:both;
}
.vui_radio .vui_item {
	float:left;
	margin:0;
	padding:0;
	background-color:#FFF;
	cursor:pointer;
}
.vui_radio .vui_icon {
	float:left;
	height:24px;
	width:24px;
	padding:0;
	margin:0;
	background:url(radio.gif) no-repeat center center;
	*display:inline;
}
.vui_radio .vui_text {
	float:left;
	height:24px;
	margin:0px;
	padding:0 6px 0 0;
	line-height:24px;
	color:#545454;
	font-size:12px;
	font-weight:normal;
	font-family:"宋体";
	white-space:nowrap;
	display:inline-block;
	*display:inline;
}
.vui_radio .vui_checked {
	background-color:#999;
}
.vui_radio .vui_checked .vui_icon {
	background-image:url(radio_checked.gif);
}
.vui_radio .vui_checked .vui_text {
	color:#FFF;
}
.vui_radio .vui_disabled{
	background-color:#CCC;
}
/*************************************************************************************************/
.vui_checkbox {
	margin:0px;
	border:1px solid #C0C0C0;
	padding:1px;
	background:#FFF;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.vui_checkbox:before,
.vui_checkbox:after {
    display:table;
    content:'';
}
.vui_checkbox:after {
    clear:both;
}
.vui_checkbox .vui_item {
	float:left;
	margin:0;
	padding:0;
	background-color:#FFF;
	cursor:pointer;
}
.vui_checkbox .vui_icon {
	float:left;
	height:24px;
	width:24px;
	padding:0;
	margin:0;
	background:url(checkbox.gif) no-repeat center center;
	*display:inline;
}
.vui_checkbox .vui_text {
	float:left;
	height:24px;
	margin:0px;
	padding:0 6px 0 0;
	line-height:24px;
	color:#545454;
	font-size:12px;
	font-weight:normal;
	font-family:"宋体";
	white-space:nowrap;
	display:inline-block;
	*display:inline;
}
.vui_checkbox .vui_checked {
	background-color:#999;
}
.vui_checkbox .vui_checked .vui_icon {
	background-image:url(checkbox_checked.gif);
}
.vui_checkbox .vui_checked .vui_text {
	color:#FFF;
}
.vui_checkbox .vui_disabled{
	background-color:#CCC;
}

/*************************************************************************************************/
.vui_input {
	margin:0;
	padding:0px;
	border:1px solid #C0C0C0;
	background:#FFF;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.vui_input:before,
.vui_input:after {
    display:table;
    content:'';
}
.vui_input:after {
    clear:both;
}
.vui_input .vui_text{
	float:left;
	height:26px;
	margin:0;
	padding:0 6px;
	background:#F5F5F5;
	line-height:26px;
	font-family:"宋体";
	font-size:12px;
	font-weight:normal;
	color:#545454;
	white-space:nowrap;
	display:inline-block;
	*display:inline;
}
.vui_input input {
	float:left;
	height:26px;
	width:150px;
	margin:0;
	padding:0px 4px;
	border-width:0;
	line-height:24px;
	font-family:"宋体";
	font-size:12px;
	font-weight:normal;
	color:#444;
}
/*************************************************************************************************/
.vui_frame {
	
}
.vui_frame .overlay {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	z-index:99997;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.vui_frame .close {
	position:fixed;
	_position:absolute;
	top:0;
	right:0;
	height:40px;
	width:40px;
	background:url(close_40_40.gif) no-repeat;
	z-index:99999;
	cursor:pointer;
}
.vui_frame .content {
	position:fixed;
	_position:absolute;
	top:40px;
	left:40px;
	border:4px solid #000;
	z-index:99998;
	background:#CCC;
	overflow:hidden;
	zoom:1;
}