/***************************************************************************
* Vasplus Programming Blog Checkbox, Radio and Select Form Options Plugin
* Website: www.vasplus.com
****************************************************************************/



/***********************************************************************************************
------------------------------------------Radio Boxes-------------------------------------------
************************************************************************************************/
.VPB_radioboxes_opt 
{
	background: transparent url(images/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}







/***********************************************************************************************
------------------------------------------Check Boxes-------------------------------------------
************************************************************************************************/
a.VPB_checkboxes_opt 
{
	background: transparent url(images/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}




/***********************************************************************************************
------------------------------------------Check Boxes and Radio Boxes-------------------------------------------
************************************************************************************************/
a.VPB_checkboxed_opt { background-position: center bottom;}







/***********************************************************************************************
------------------------------------------Selection Boxes---------------------------------------
************************************************************************************************/
.VPB_selection_hidden_opt 
{
	/*min-width: 300px;*/
	min-width:100%;
	width:auto;
	position:relative;
	height: 31px;
	background: #CCCCCC no-repeat top left;
	float:left;
	border: 1px solid #666666;
}

.VPB_selection_hidden_opt div span 
{
	min-width: 300px;
	max-height:300px;
	width:auto;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: auto;
	line-height: 15px;
	padding: 8px 0 0 8px;
	overflow-x: hidden;
	overflow-y: auto;
	cursor:pointer;
}

.VPB_selection_hidden_opt  a.VPB_selectbox_class_o_opt 
{
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(images/select_right.gif) no-repeat center center;
}

.VPB_selection_hidden_opt ul 
{
	position: absolute;
	min-width: 300px;
	width:auto;
	top: 31px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	display: none;
	margin: 0px;
	padding: 0px;
	max-height:300px;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:9999;
	border: 1px solid #666666;
}

.VPB_selection_hidden_opt ul a 
{
	display: block;
	padding: 10px;
	text-decoration: none;
	color:#333;
	background-color: none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

.VPB_selection_hidden_opt ul a.selected 
{
	background: #EDEDED;
	color: #333;
}

.VPB_selection_hidden_opt ul a:hover, .VPB_selection_hidden_opt ul a.selected:hover 
{
	background:#7fbf4d;
	color: #FFF;
}

/***********************************************************************************************
------------------------------------------Hide Options-------------------------------------------
************************************************************************************************/
.VPB_checkbox_main_hidden { display: none; }