/*
Stylish Select 0.4.1 - $ 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 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList
{
    left: -9999px;
}

/*==================================
red curvy example
====================================*/
ul.newList *
{
    margin: 0;
    padding: 0;
}
ul.newList a
{
    color: #FFF;
    text-decoration: none;
    display: block;
}
ul.newList
{
    margin: 0;
    padding: 0;
    list-style: none;
    color: #FFF;
    width: 208px;
    background: #000;
    position: absolute;
    border: 1px solid #FFF;
    top: 23px;
    left: 0;
    overflow: auto;
    z-index: 9999;    
}
#rhm_outer_column ul.newList,
#rhm_inner_column ul.newList,
#left_content_container ul.newList
{
    width:198px;
    color:#30353F;
    background:#FFF;
    border-color:#677682;
    top:21px;
}
#rhm_outer_column ul.newList a,
#rhm_inner_column ul.newList a,
#left_content_container ul.newList a
{
    color:#30353F;
}
#left_content_container ul.newList
{
    width:183px;
}

.newListSelected
{
    width: 204px;
    height: 19px;
    color: #FFF; 
    font-size:0.69em;   
    font-weight:bold;
    padding: 3px 0 1px 6px;
    margin-bottom:10px;
    float: left;
    background: url(../images/bg_selectbox.gif) no-repeat 0 -23px;
}
#rhm_outer_column .newListSelected,
#rhm_inner_column .newListSelected,
#left_content_container .newListSelected
{
    width:194px;
    height:17px;
    color:#30353F;
    background: url(../images/bg_selectbox_rhm.gif) no-repeat 0 -21px;
}

#left_content_container .newListSelected
{
    width:179px !important;
    background-image: url(../images/bg_selectbox_lhm.gif);
}

.newListSelected span
{
    width: 284px;
    display: block;
}
ul.newList li
{
    font-size:1em;
}
ul.newList li a
{
    padding: 3px 8px;
    display: block;   
    font-size:1em; 
}

ul.newList li.parent
{
    /*border-bottom:1px solid #D3D5D7;*/
}

ul.newList li.child
{
    
}

ul.newList li.child a
{
    padding-left:15px;
    background-color:#E4E4E4;
    color:#777;
    font-weight:normal;    
}

ul.newList li a:focus
{
    -moz-outline-style: none;
}
.selectedTxt
{
    width: 180px;
    overflow: hidden;
    height: 16px;
    padding: 0 23px 0 0;
}
#rhm_outer_column .selectedTxt,
#rhm_inner_column .selectedTxt
{
    width:170px;
}

#left_content_container .selectedTxt
{
    width:155px;
}

ul.newList .hiLite
{
    background: #cc3431 !important;
    color: #fff !important;
}
.newListHover
{
    background: #FFF !important;
    color: #000 !important;
    cursor: default;
}
#rhm_outer_column .newListHover,
#rhm_inner_column .newListHover,
#left_content_container .newListHover
{
    background: #000 !important;
    color:#FFF !important;
}

.newListSelHover, .newListSelFocus
{
    
    cursor: default;
}
.newListOptionTitle
{
    font-weight: bold;
}
.newListOptionTitle ul
{
    margin: 3px 0 0;
}
.newListOptionTitle li
{
    font-weight: normal;
    border-left: 1px solid #ccc;
}
/* Localized */