 /*
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;}

/*======================================
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:url(/images/body/dropdown.png) no-repeat right; margin-bottom:1px; font-weight:bold; color:#16337A; padding:0; width:173px;}
#win-xp .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:149px;}
#win-xp ul.newList {list-style:none;width:192px; padding:0px; background:#fff; border:1px solid #000; top:25px; left:0; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; min-height:40px;}
.ie7 #win-xp ul.newList {list-style:none;width:192px; padding:0px; background:#fff; border:1px solid #000; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; margin-top:15px; margin-left:-10px; height:350px;}
#win-xp ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#win-xp .hiLite {background:#EAF2FB!important; color:#000!important;}
#win-xp .newListHover {background:#316ac5!important; color:#fff!important; cursor:default;}
#win-xp .newListSelHover {cursor:pointer;}
#win-xp .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}


#win-xp2 .newListSelected {background:url(/images/body/dropdown.png) no-repeat right; margin-bottom:1px; font-weight:bold; color:#16337A; padding:0; width:120px; min-}
#win-xp2 .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:120px;}
#win-xp2 ul.newList {list-style:none;width:140px; padding:0px; background:#fff; border:1px solid #000; top:25px; left:0; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; min-height:40px;}
.ie7 #win-xp2 ul.newList {list-style:none;width:192px; padding:0px; background:#fff; border:1px solid #000; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; margin-top:15px; margin-left:-10px; height:350px;}
#win-xp2 ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#win-xp2 .hiLite {background:#EAF2FB!important; color:#000!important;}
#win-xp2 .newListHover {background:#316ac5!important; color:#fff!important; cursor:default;}
#win-xp2 .newListSelHover {cursor:pointer;}
#win-xp2 .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#win-xp2 .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}

#win-xp3 .newListSelected {background:url(/images/body/dropdown.png) no-repeat right; margin-bottom:1px; font-weight:bold; color:#16337A; padding:0; width:50px; min-}
#win-xp3 .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:120px;}
.ie7 #win-xp3 .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:60px;}
#win-xp3 ul.newList {list-style:none;width:50px; padding:0px; background:#fff; border:1px solid #000; top:25px; left:0; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; min-height:40px;}
.ie7 #win-xp3 ul.newList {list-style:none;width:50px; padding:0px; background:#fff; border:1px solid #000; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; margin-top:15px; margin-left:-10px; height:350px;}
#win-xp3 ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#win-xp3 .hiLite {background:#EAF2FB!important; color:#000!important;}
#win-xp3 .newListHover {background:#316ac5!important; color:#fff!important; cursor:default;}
#win-xp3 .newListSelHover {cursor:pointer;}
#win-xp3 .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#win-xp3 .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}

#dropdown140px .newListSelected {background:url(/images/body/dropdown.png) no-repeat right; margin-bottom:1px; font-weight:bold; color:#16337A; padding:0; width:140px; min-}
#dropdown140px .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:140px;}
#dropdown140px ul.newList {list-style:none;width:140px; padding:0px; background:#fff; border:1px solid #000; top:25px; left:0; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; min-height:40px;}
.ie7 #dropdown140px ul.newList {list-style:none;width:180px; padding:0px; background:#fff; border:1px solid #000; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; margin-top:15px; margin-left:-10px; height:350px;}
#dropdown140px ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#dropdown140px .hiLite {background:#EAF2FB!important; color:#000!important;}
#dropdown140px .newListHover {background:#316ac5!important; color:#fff!important; cursor:default;}
#dropdown140px .newListSelHover {cursor:pointer;}
#dropdown140px .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#dropdown140px .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}

#dropdown40px .newListSelected {background:url(/images/body/dropdown.png) no-repeat right; margin-bottom:1px; font-weight:bold; color:#16337A; padding:0; width:40px; min-}
#dropdown40px .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:40px;}
#dropdown40px ul.newList {list-style:none;width:40px; padding:0px; background:#fff; border:1px solid #000; top:25px; left:0; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; min-height:40px;}
.ie7 #dropdown40px ul.newList {list-style:none;width:50px; padding:0px; background:#fff; border:1px solid #000; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; margin-top:15px; margin-left:-10px; height:350px;}
#dropdown40px ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#dropdown40px .hiLite {background:#EAF2FB!important; color:#000!important;}
#dropdown40px .newListHover {background:#316ac5!important; color:#fff!important; cursor:default;}
#dropdown40px .newListSelHover {cursor:pointer;}
#dropdown40px .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#dropdown40px .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}

#dropdown30px .newListSelected {background:url(/images/body/dropdown.png) no-repeat right; margin-bottom:1px; font-weight:bold; color:#16337A; padding:0; width:36px; }

#dropdown30px .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:60px;}
.ie7 #dropdown30px .newListSelected div {display:block; font-size:11px; font-family:Arial; padding:2px 21px 2px 4px; text-align:left !important; width:40px;}
#dropdown30px ul.newList {list-style:none;width:60px; padding:0px; background:#fff; border:1px solid #000; top:25px; left:0; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; min-height:40px;}
.ie7 #dropdown30px ul.newList {list-style:none;width:75px; padding:0px; background:#fff; border:1px solid #000; height:auto; overflow:auto; font-size: 11px; text-align:left!important; position:absolute; z-index:9999; font-family:Arial; margin-top:15px; margin-left:-10px; height:350px;}
#dropdown30px ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#dropdown30px .hiLite {background:#EAF2FB!important; color:#000!important;}
#dropdown30px .newListHover {background:#316ac5!important; color:#fff!important; cursor:default;}
#dropdown30px .newListSelHover {cursor:pointer;}
#dropdown30px .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#dropdown30px .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}



