/*
 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;
}

/*==================================
 red curvy example
 ====================================*/
ul.newList * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
}

ul.newList {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    list-style: none;
    color: #000;
    width: 101px;
    background: #33302f;
    position: absolute;
    border: 1px solid #1d1a19;
    top: 23px;
    left: 0;
    overflow: auto;
    z-index: 9999;
} 
.newListSelected {
    width: 101px;
    font-weight: bold;
    color: #000;
    height: 23px;
	margin: 0 0 0 0;
    padding: 0px 0 0 3px;
    float: left;
    background: url(select-bg.png) no-repeat;
} 
.newListSelected span {
    width: 101px;
    display: block;
}

ul.newList li {
    padding: 4px 10px;
} 

.selectedTxt {
    width: 101px;
    overflow: hidden;
    padding: 2px 0 0 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #b6b6b6;
} .hiLite {
    background: #000 !important;
    color: #c31c20 !important;
} .newListHover {
    background: #c31c20 !important;
    color: #000 !important;
    cursor: default;
} .newListSelHover, .newListSelFocus {
    background-position: 0 -23px;
    cursor: default;
} .newListOptionTitle {
    font-weight: bold;
} .newListOptionTitle ul {
    margin: 0 0 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 155px 1px;
    border: 1px solid #A5ACB2;
    color: #000;
    height: 17px;
    margin-bottom: 10px;
    padding: 0;
    width: 173px;
} #win-xp .newListSelected div {
    display: block;
    font-size: 0.85em;
    padding: 2px 21px 2px 4px;
    text-align: left !important;
    width: 149px;
} #win-xp ul.newList {
    list-style: none;
    color: #000;
    width: 172px;
    background: #fff;
    border: 1px solid #000;
    top: 22px;
    left: 0;
    height: auto;
    overflow: auto;
    font-size: 0.85em;
    text-align: left !important;
    position: absolute;
    z-index: 9999;
} #win-xp ul.newList li {
    padding: 2px 5px !important;
    border-bottom: 1px solid #cccccc;
} #win-xp .hiLite {
    background: #316ac5 !important;
    color: #fff !important;
} #win-xp .newListHover {
    background: #ccc !important;
    color: #000 !important;
    cursor: default;
} #win-xp .newListSelHover {
    cursor: default;
} #win-xp .newListSelHover, #win-xp .newListSelFocus {
    background-position: auto;
} #win-xp .newListSelHover div, #win-xp .newListSelFocus div {
    font-weight: bold;
}
/************************* new **********************/

ul.cityList * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
}

ul.cityList {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    list-style: none;
    color: #000;
    width: 240px;
    background: #33302f;
    position: absolute;
    border: 1px solid #1d1a19;
    top: 23px;
    left: 0;
    overflow: auto;
    z-index: 9999;
} 
.cityListSelected {
    width: 240px;
    font-weight: bold;
    color: #000;
    height: 23px;
	margin: 0 0 0 0;
    padding: 0px 0 0 3px;
    float: left;
    background: url(select-bg_city.png) no-repeat;
} 
.cityListSelected span {
    width: 101px;
    display: block;
}

ul.cityList li {
    padding: 2px 10px;
} 

.selectedTxt {
    width: 240px;
    overflow: hidden;
    padding: 2px 0 0 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #b6b6b6;
	cursor: pointer;
}

/****************/
ul.countryList * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
}

ul.countryList {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    list-style: none;
    color: #000;
    width: 240px;
    background: #33302f;
    position: absolute;
    border: 1px solid #1d1a19;
    top: 23px;
    left: 0;
    overflow: auto;
    z-index: 9999;
} 
.countryListSelected {
    width: 240px;
    font-weight: bold;
    color: #000;
    height: 23px;
	margin: 0 0 0 0;
    padding: 0px 0 0 3px;
    float: left;
    background: url(select-bg_city.png) no-repeat;
} 
.countryListSelected span {
    width: 101px;
    display: block;
}

ul.countryList li {
    padding: 2px 10px;
} 

.selectedTxt {
    width: 240px;
    overflow: hidden;
    padding: 2px 0 0 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #b6b6b6;
	cursor: pointer;
}