/*
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: #000;
    display:block;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    z-index:9999;
}
ul.newList a:hover {
    color: #000;
    display:block;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    height: 24px;
    z-index:9999;
}
ul.newList {
    margin:0;
    padding:0;
    list-style:none;
    color:#000;
    width:290px;
    background:#fff;
    position:absolute;
    border:1px solid #ccc;
    top:22px;
    overflow:auto;
    z-index:9999;
}
.newListSelected {
    width:298px;
    color:#000000;
    height:19px;
    float:left;
    background:url(select-bg.png) no-repeat;
    padding:2px;
    border:1px solid #DDDDDD;
    margin-bottom:2px;
}
.newListSelected span {
    width:284px;
    display:block;
}

ul.newList li.open_list a {
    display: block;
    text-decoration: none;
    font-style: normal;
    color:#000;
    z-index:9999;
}
ul.newList li.open_list a:hover {
    display: block;
    text-decoration: none;
    font-style: normal;
    color:#000;
    z-index:9999;



}
ul.newList li a:focus {
    -moz-outline-style: none;
}
.selectedTxt {
    width:225px;
    overflow:hidden;
    height:17px;
    z-index:9999;
}
.hiLite {
    background:#650101!important;
    color:#fff!important;
    height: 24px;
    z-index:9999;
}
.hiLite a {
    background:#650101!important;
    color:#fff!important;
    text-decoration: none;
    font-style: normal;
    z-index:9999;
}
.newListHover {
    background:#ccc!important;
    color:#000!important;
    cursor:default;
    z-index:9999;
}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:normal;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/
#win-xp .newListSelected {
    background:#FFF url(dropdown.gif) no-repeat scroll right;
    border:1px solid #ccc;
    color:#000000;
    margin-bottom:2px;
    margin-top:2px;
    padding: 0;
    width:225px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
    
    height: 17px;
}
#win-xp .newListSelected div {
    display:block;
    font-size: 12px;
    line-height: 17px;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    text-align:left !important;
    width:225px;
}
/* following width is for the box opened with all items */
#win-xp ul.newList {
    padding: 0;
    margin: 2px -1px;
    list-style: none;
    border: 1px solid #ccc;
    display: none;
    height: 200px;
    overflow: auto;
    width: 500px;
    position: absolute;
    z-index: 99999;
    background: #EFF7FF;
    color: #000000;
    top: 17px;
}
#win-xp ul.newList li {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding: 0;
    border-bottom: 1px solid #ccc;
    line-height: 24px;
    height: auto;
    clear: both;
    position: relative;
    z-index:9999;
    vertical-align: middle;
}

#win-xp ul.newList li a {
    display: block;
    text-decoration: none;
    font-style: normal;
    color:#000;
    vertical-align: middle;
    z-index:9999; 
    text-align: left;
    position: relative;
    line-height: 24px;
    height:auto;
    padding-left:5px;
    padding-right:5px;
}

#win-xp .hiLite {
    background:#426D94!important;
    color:#fff!important;
    z-index:9999;
}
#win-xp .newListHover {
    background-color: #ccc;
    position: relative;
    z-index:9999;
}
#win-xp .newListSelHover {
    cursor:default;
    z-index:9999;
}
#win-xp .newListSelHover, #win-xp .newListSelFocus {
    background-position:auto;
    z-index:9999;
}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div {
    font-weight:normal;
    z-index:9999;
}