/*** Customizing Drop Down using JQuery ***/

/** remove default focus style **/
:focus{
outline:none;
}
.js ul.newList{
left:-9999px;
}

/** WIN-ZP style customizing **/
#maincontent .regform .newListSelected{
background-image: url(../images/textbg.gif);
background-position: left top;
background-repeat: repeat-x;
border:1px solid #A5ACB2; 
color:#000; 
height:19px; 
margin-bottom:10px; 
padding:0; 
width:251px;
float: left;
}
#maincontent .regform .newListSelected div{
display:block; 
padding:2px 21px 2px 4px;
text-align:left !important; 
width:225px;
background-image: url(../images/dropdown.gif);
background-position: right center;
background-repeat: no-repeat;
}

#maincontent .regform .newListSelected ul{
padding: 0px; 
margin: 0px;
}
#maincontent .regform .newListSelected ul.newList{
list-style:none; 
color:#000; 
width: 250px; 
background:#fff; 
border:1px solid #A5ACB2; 
top:0px; 
left:0; 
height:auto; 
overflow:auto; 
text-align:left!important; 
position:absolute; 
z-index:9999;
}
#maincontent .regform .newListSelected ul.newList li{
padding:2px 5px!important; 
border-bottom: 0px solid #cccccc;
}

#maincontent .regform .hiLite{
background:#316ac5!important; 
color:#fff!important;
}

#maincontent .regform .newListHover{
background:#ccc!important; 
color:#000!important; 
cursor:default;
}
#maincontent .regform .newListSelHover{
cursor:default;
}
#maincontent .regform .newListSelHover, #maincontent .regform .newListSelFocus{
background-position:auto;
}
#maincontent .regform .newListSelHover div, #maincontent .regform .newListSelFocus div{
font-weight:normal;
}