/**********************************************************************************
                           Quick Search Styles
***********************************************************************************/

/*
  - Wrapper around the entire tab part of the searches
  - contains the tabs
*/
.search_top
{
	font-weight: bold;
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	margin: 0;
	padding: 0;

}

/* Wrapper around the entire search */
#search_box
{
    width: 340px;
	float: left;
	background-color: #ffffff;
	display: block;
	padding: 0;
	margin: 0;
}

/* The styles for the tab */
.tab_search
{
    background-color: #ffffff;
    display: block;
	margin: 0;
	padding: 0;
}

/* tabs are defined as inline list */
.tab_search li
{
	list-style: none;
	display: inline;
}

/* Actually these links give the tabs their shape */
.tab_search li a
{
	padding: 0px 0px 0px 0px;
	background: #f9f6f6;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #ce7e7e;
	border-left: solid 1px #EAEFF1;
	border-right: solid 1px #EAEFF1;
	border-top: solid 1px #EAEFF1;
}

.tab_search li a:hover
{
	background: #f7eeee;
	color: #9f0102;
}

/* The tab with the focus */
.tab_search li a.current
{
	padding: 0px;
	background: #f7eeee;
	color: #9f0102;
}


/**********************************************************************************
                           Form Styles
***********************************************************************************/

/*
    Note: Fieldset should not be use in tabbed navigations.
    At least not in the quicksearch above
*/

form
{
    margin: 0;
    padding: 0;
    display: block;
}

legend
{
    display: none;
    margin: 0;
    padding: 0;
}

label {cursor: pointer;}

.keyword_search_input
{
    width: 132px;
    border: 1px solid #9F0102;
}


/* dropdowns in the quicksearch */
#search_box select
{
	background: #f9f6f6;
	border: 1px solid #94ACB5;
	width: 118px;
	padding: 2px;
}

/* text inputs in the quicksearch */
#search_box input.field
{
	background: #ffffff;
	border: 1px solid #94ACB5;
	width: 112px;
	padding: 2px;
}

/* text inputs in the quicksearch */
#search_box input.field:focus, #search_box select:focus
{
	border: 1px solid #94ACB5;
}

/* labels in the quicksearch */
#search_box label
{
	display: block;
	color: #94ACB5;
	margin-bottom: 2px;
	margin-top: 3px;
}

/* - text inputs for search phrases
   - In this case are rendered like a colspan over two cells
*/
.keyword
{
	width: 260px;
	background: #ffffff;
	border: 1px solid #94ACB5;
}

/*
    A wrapper around an search item, where a search item is defined by a
    logical group of searchelements. See the html sample.

    In this case the float is set two left, which allows two or many
    search_blocks in one row. How many cols are created depends on the
    width of the surrounding element. The quicksearch in this file is
    intended to be a two column block

    <p class="mtt_form_search_block">
        <label for="price_till_veh">till</label>
        <select class="text" name="price_till" id="price_til_vehl" size="1">
            <option value="0">any</option>
            <option value="2">1.000,-</option>
            <option value="3">2.500,-</option>
            <option value="4">5.000,-</option>
        </select>
    </p>
*/
.mtt_form_search_block
{
    float: left;
    margin-right: 25px;
}

/* Wrapper around the <form> part of the  search*/
.search_body
{
    background-color: #f9f6f6;
    margin-right: 10px;
    padding: 15px;
}

/**********************************************************************************
                           Styles for the plugin mtt_most_wanted
***********************************************************************************/

/* Wrapper around the entire box */
#mtt_most_wanted_box
{
    width: 180px;
    background-color: #ffffff;
    float: right;
    margin-right: 25px;
}

/* The links */
a.most_wanted_link
{
    color: #9f0102;
    padding: 0px;
    font: bold 10pt Verdana, sans-serif;
    background-color: #f9f6f6;
    display: block;
    text-decoration: none;
    border: 1px solid #f9f6f6;
    height: 60px;
}

a.most_wanted_link:hover
{
    background-color: #ffffff;
}

/* Text if required */
.most_wanted_text
{
    display: block;
    float: left;
}

.most_wanted_block
{
    background-color: #f9f6f6;
    border: 1px solid red;
    display: block;
}

/**********************************************************************************
                           Global Login Box
***********************************************************************************/

#login_box
{
    background-color: #ffffff;
    color: #9f0102;
    font:  10pt Verdana, sans-serif;
    padding-left: 14px;
    margin-top: 40px;
}

#login_box_header
{
    font-weight: bold;
}

.login_input
{
    width: 160px;
}


/**********************************************************************************
                           CMS Styles
***********************************************************************************/

#cms_container
{
    width: 100%;
    display: block;
    float: left;
    background-color: #e1e1e1;
}
