/* 
* 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: 100%;*/
padding:10px;
background:url(../images/bckgr.gif) top repeat-x #fff;
font-size:11px;
color:#333333;
border:1px solid #CCCCCC;
}

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

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

#selectnBox{
float:left;
}


#selectedVMcat{/*used as a fake input text for vmCats*/
float:left;
text-align:center;
display:block;
width:130px;
height:1em;
line-height:1em;
overflow:hidden;
background:url(../images/arrow.gif) 99% center no-repeat #fff;
border:1px solid #CCCCCC;
padding:2px 0px;
padding-right:10px;
}



#vmcats{/*the box*/
z-index:250;
background:url(../images/bckgr.gif) top repeat-x #fff;
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;

}

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

.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*/
margin:5px 5px 0px 0px;
float:right;
width:40px;
text-align:center !important;
background:url(../images/applyBtn.gif) left top repeat-x #e1f3fc;
border:1px solid  #CDD3FC;
padding:1px 5px;
cursor:pointer;
}

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

}


#searchBtn{
height:25px;
float:left;
margin:0px;
padding:2px 5px 2px 25px;
margin-top:5px;
margin-left:20px;
background:url(../images/searchicon.gif) 5px center no-repeat #fff;
border-width:1px;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:solid;

}

#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:#FF0000;
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:130px;
height:1em;
line-height:1em;
text-align:center;
float:left;
display:block;
background:url(../images/arrow.gif) 99% center no-repeat #fff;
border:1px solid #CCCCCC;
overflow:hidden;
padding:2px 0px;
padding-right:10px;
}

#searchMsg{
text-align:right;
}

#features{/*the box */
z-index:250;
display:block;
min-width:150px;
background:url(../images/bckgr.gif) top repeat-x #fff;
visibility:hidden;
margin-top:20px;
position:absolute;
border:1px solid #CCCCCC;
}

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

.featureList{
margin-top:5px;}

.headerLi{

}

.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;
height:1em;
display:block;
float:left;
line-height:1em;
border:1px solid #CCCCCC;
padding:2px 0px;
padding-right:10px;
margin:0px;
}

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