/* 
* vmfiltering module
* @version $Id: stylesheet.css 1 2009-05-19 9:18:06Z sakisTerzis $
* @package vmfiltering module
* @subpackage vmfiltering css
* @author Sakis Terzis (sakis@breakDesigns.net)
* @copyright	Copyright (C) 2009 breakDesigns.net. All rights reserved
* @license	GNU/GPL v3
* see administrator/components/com_vmfiltering/COPYING.txt
*/

#searchBox{/*wrapper of all*/
	width:auto;
	font-size:10px;
	color:#FFFFFF;
	background-position: top;
	font-family: arial;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/*-------------VM categories section-----------*/

#vmcatsWrapper{/*the wrapper of vm_cats*/
float:left;
width:auto;
height:auto;
margin:0px;
padding:0px;
margin-left:0px;
margin-top:5px;
}

#selectnBox{
float:left;
}


#selectedVMcat{/*used as a fake input text for vmCats*/
	float:left;
	text-align:center;
	display:block;
	width:110px;
	height:1em;
	line-height:1em;
	overflow:hidden;
	background:url(../images/arrow.gif) 99% center no-repeat #fff;
	border:1px solid #CCCCCC;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;
	margin-left: 0px;
	padding:2px 0px;
	padding-right:10px;
	text-align:left;
	margin-top: 3px;
}





#vmcats{/*the box*/
z-index:250;
border:1px solid #CCCCCC;
visibility:hidden;
margin-top:20px;
position:absolute;
height:auto;


}

.vmWrapperInner{
display:block;
width:auto;
margin-top:35px;
} 

.vmCatsUL{
	margin:0px;
	padding:0 10px;
	min-width:120px;
	font-size: 10px;
	color: #333333;
}

.vmCatsUL li{
list-style:none;
background-image:none;
text-align:left !important;
margin:0px;
padding:2px;
	font-size: 10px;
	color: #333333;
} 

.vmcatsL{
padding:0px;
margin:0px;
text-align:left;
}
/*----------------general-------------*/

.vmHeader{
position:absolute;
width:100%;
height:35px;
display:block;
border-bottom:1px solid #eee;
clear:both;
}

.applybtn{/*apply button*/
	float:right;
	width:60px;
	text-align:center !important;
	background:url(../images/applyBtn.gif) left top repeat-x #e1f3fc;
	border:1px solid  #CDD3FC;
	cursor:pointer;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}

.vmf_label{/*label before input text*/
display:block;
float:left;
text-align:left;
margin-left:0px;
margin-right:15px;
line-height:1em;
margin-top:5px;

}


#searchBtn{
	height:16px;
	float:left;
	margin-top:8px;
	margin-left:5px;
	border-width:1px;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

#searchBtn:hover{
border-color:#999 #000 #000 #999;
}

.srcmsg{/*the message if no category has been selected*/
	display:block;
	width:100%;
	float:left;
	clear:both;
	text-align:center;
	color:#999999;
	height:1.2em;
	line-height:1.2em;
}
/*--------------features section-------*/

#featWrapper{
float:left;
display:block;
width:auto;
margin:0px;
padding:0px;
margin-left:12px;
margin-top:5px;
}


#selectedFeature{/*used as a fake input text for Features*/
	width:110px;
	height:1em;
	line-height:1em;
	text-align:left;
	float:left;
	display:block;
	background:url(../images/arrow.gif) 99% center no-repeat #fff;
	border:1px solid #CCCCCC;
	overflow:hidden;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;
	margin-top: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;	
}

	

#searchMsg{
text-align:right;
}

#features{/*the box */
z-index:250;
display:block;
min-width:150px;

visibility:hidden;
margin-top:20px;
position:absolute;
border:1px solid #FFFFFF;
}

.vmfWrapperInner{/*wraps all the checkboxes*/
padding:0px 10px;
margin-top:35px;
}

.featureList{
margin-top:5px;
	font-size: 10px;
	color: #333333;}

.headerLi{	font-size: 10px;
	color: #333333;

}

.featureList{
margin:0px;
padding:0px;
}
.featureList li{
list-style:none;
background:none;
margin:0px;
padding:2px;
margin-bottom:5px;
text-align:left;
}

/*-------------Prices section-------------*/
/*contains everything */
#priceWrapper{
float:left;
display:block;
width:auto;
margin:0px;
padding:0px;
margin-left:12px;

}

.priceWrp{
margin-top:5px;
float:left;
}
/*the prices input box */
#priceWrapper input{
	width:50px;
	display:block;
	float:left;
	border:1px solid #CCCCCC;
	padding-right:10px;
	margin:0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	height: 12px;
}

.crSymbol{
height:1em;
line-height:2em;
float:left;
}