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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {font-family: Arial, Helvetica, sans-serif;font-size:8pt;}

/* SELECT BOX */

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

.newListSelected {
background:#FFF url(../images/select.png) no-repeat scroll 0 0; 
color:#000; 
height:23px; 
margin-bottom:10px; 
padding:0 0 0 5px; 
width:250px;
}

.newListSelected div {
font-family: Arial, Helvetica, sans-serif;
display:block;
padding:4px 21px 0px 4px; 
text-align:left !important; 
width:226px;
font-size:8pt;
font-weight:bold;
}

ul.newList {
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
list-style:none;
color:#000; 
width:248px; 
background:#fff; 
border:1px solid #52a9e2; 
top:22px;
left:0;
height:auto; 
overflow:auto; 
text-align:left!important; 
position:absolute; 
z-index:9999;
font-weight:bold;
}
ul.newList li {padding:2px 5px!important;}
.hiLite {background:#52a9e2!important; color:#fff!important;}
.newListHover {background:#f1f5fa!important; color:#000!important; cursor:default;}
.newListSelHover {cursor:default;}
.newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
.newListSelHover div, #win-xp .newListSelFocus div {}

/* FORM */
form {font-family: Arial, Helvetica, sans-serif;font-size:8pt;}
form #button {
display:block;
height:19px;
width:84px;
padding:4px 0 0 0;
margin:0;
border:0px solid #FFF;
background: #FFF url(../images/submit.png) no-repeat 0 0;
}
form a#button {text-decoration:none;text-align:center;color:#FFF;font-weight:bold;}

/* LIST */

.headerlist {width:650px;border-bottom: 1px solid #5a245a;}
.header {font-weight:bold;color:#5a245a;line-height:2em;padding:0 0 0 5px;}

table.list td {height:30px;padding:0 0 0 5px;}
table.list td a {color:#000;}
table.list td a:hover {color:#5a245a;}
.list .zebra {background-color:#eceded;}
.list img {margin-right:8px;}