/*
Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/


/*==================================
remove default focus style
====================================*/
:focus
{
    outline: none;
}

.js ul.newList
{
    left: -9999px;
}

/*==================================
Savills styling
====================================*/
ul.newList *
{
    margin: 0px;
    padding: 0px;
}

ul.newList
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #3a4346;
    background: #fff;
    position: absolute;
    border: 1px solid #daddde;
    border-top-width: 0px;
    top: 28px;
    left: -1px !important;
    overflow: auto;
    z-index: 9999;
    max-height:150px;
}

.newListSelected
{
    color: #3a4346;
    height: 16px;
    float: left;
    padding-bottom: 2px;
    border: 1px solid #daddde;
    background: #fff url(../_images/icon_arrow_down_yellow.gif) no-repeat right 0px;    
    font-size: 0.625em; /* 10px */
	line-height: 16px;
	z-index: 10000;
}

ul.newList li
{
    padding: 3px 10px;
    font-size: 1em; /* 10px */
}

.selectedTxt
{    
    overflow: hidden;
    height: 16px;
    padding: 0px 25px 0px 5px;
}

.hiLite
{
    background: #fee752 !important;
}

.newListHover
{
    background-color: #fee752 !important;
    cursor: default;
}

.newListSelHover, .newListSelFocus
{
    border-color: #ed1c24;
    background-position: right 0px;
    cursor: default;
}

/*-------------------- Width modifiers */

.related_content_module ul.newList, .related_content_module .newListSelected
{
    width: 158px;
}

#content_wide #content_container .column_one_third ul.newList, #content_wide #content_container .column_one_third .newListSelected,
#content_wide_lsnav .column_one_third ul.newList, #content_wide_lsnav .column_one_third .newListSelected,
#content_wide #content_container .column_two_thirds .column_one_third ul.newList, #content_wide #content_containerx .column_two_thirds .column_one_third .newListSelected

{
    width: 238px;
}

#content_wide #content_container .column_one_third .select_small ul.newList, #content_wide #content_container .column_one_third .select_small .newListSelected
{
    width: 212px;
}
.right_hand_module ul.newList, .right_hand_module .newListSelected
{
    width: 168px;
}

.home_page .services_form ul.newList, .home_page .services_form .newListSelected
{
    width: 150px;
}

.home_page .content_holder .column_right ul.newList, .home_page .content_holder .column_right .newListSelected,
#content_wide #content_container .content_holder .search_filter_container .column_one_third ul.newList, 
#content_wide #content_container .content_holder .search_filter_container .column_one_third .newListSelected,
#content_wide #content_container .content_holder .search_filter_container ul.newList, 
#content_wide #content_container .content_holder .search_filter_container .newListSelected
{
    width: 150px;
}

#content_container .content_holder .column_two_halves_container ul.newList, 
#content_container .content_holder .column_two_halves_container .newListSelected,
#content_container .content_holder .column_two_thirds ul.newList, 
#content_container .content_holder .column_two_thirds .newListSelected
{
    width: 150px;
    float:right;
}

#content_container .content_holder .chart_container .column_quarter ul.newList, 
#content_container .content_holder .chart_container .column_quarter .newListSelected
{
	width:90px;
}

#content_container .content_holder .chart_container .column_half ul.newList, 
#content_container .content_holder .chart_container .column_half .newListSelected
{
	width:45px;
	margin:0 0 0 2px;
	float:left;
}

#content_container .content_holder .chart_container .column_half .year ul.newList, 
#content_container .content_holder .chart_container .column_half .year .newListSelected
{
	width:55px;
}

#content_container .content_holder .column_two_halves_section .column_one_half ul.newList, 
#content_container .content_holder .column_two_halves_section .column_one_half .newListSelected
{
	width:220px;
	margin-right:10px;
}

#content_container .content_holder .column_two_halves_container .column_one_half .dropDown ul.newList, 
#content_container .content_holder .column_two_halves_container .column_one_half .dropDown .newListSelected,
#content_container .content_holder .column_two_halves ul.newList, 
#content_container .content_holder .column_two_halves .newListSelected
{
    float:left;
    margin-right:10px;
}


#content_container .content_holder  ul.newList .inactive, 
#content_container .content_holder  .newListSelected select.inactive,
#content_container .content_holder .inactive ul.newList, 
#content_container .content_holder .inactive .newListSelected select
{
	color:#a4a9ac;
}

#content_container .content_holder .column_two_halves_box ul.newList, 
#content_container .content_holder .column_two_halves_box .newListSelected
{
        width:220px;
        float:right;
}

#content_container .content_holder .property_search ul.newList, 
#content_container .content_holder .property_search .newListSelected
{
    float:left;
    width:170px;
    margin-right:10px;
}