﻿/*
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;
}
ul.newList { 
 position: absolute; 
 top: 16px; 
 left: 0; 
 margin: 0px; 
 padding: 0px; 
 color: #000; 
 width: 38px; 
/* height: 220px; */
 z-index: 9999;
 list-style: none; 
 overflow: auto; 
 font-size: 11px; 
 background: #fff; 
 border: 1px solid #ccc; 
}
.newListSelected {
 width: 38px; 
 color: #000; 
 height: 16px; 
 padding: 0px 0px 0px 2px;  
 background:url(/Files/Navigation/QSJ/diversos/select1.gif) no-repeat;
}
.newListSelected span {
 width: 38px; 
 display: block;
}
ul.newList li {
 padding: 1px 0px;
}
.selectedTxt {
 width: 38px; 
 height: 16px; 
 font-size:11px; 
 overflow: hidden; 
 padding: 0px 23px 0px 0px; 
}
.hiLite {
 color:#fff!important;
 background: #72A558!important; 
}
.newListHover {
 background:#ccc!important; 
 color:#000!important; 
 cursor: default;
}
.newListSelHover, .newListSelFocus {
 cursor:default;
 background-position: 0 -16px; 
}
.newListOptionTitle {
 font-weight: bold;
}
.newListOptionTitle ul {
 margin: 3px 0px 0px;
}
.newListOptionTitle li {
 font-weight: normal; 
 border-left: 1px solid #ccc;
}


.SelectYear ul.newList * {
 margin:0px; 
 padding:0px;
}
.SelectYear ul.newList { 
 position:absolute; 
 top: 16px; 
 left: 0px; 
 margin: 0px; 
 padding:0px; 
 color: #000; 
 width: 47px; 
 /*height: 50px; */
 z-index: 9999;
 overflow: auto; 
 font-size: 11px;
 list-style: none; 
 background: #fff; 
 border: 1px solid #ccc; 
}
.SelectYear .newListSelected{
 width: 47px; 
 color: #000; 
 height: 16px; 
 padding: 0px 0px 0px 2px; 
 background:url(/Files/Navigation/QSJ/diversos/select2.gif) no-repeat;
}
.SelectYear .newListSelected span {
 width: 47px; 
 display: block;
}
.SelectYear ul.newList li {
 padding: 0px 0px;
}
.SelectYear .selectedTxt {
 width: 47px; overflow:hidden;
 height: 16px; 
 padding: 0 23px 0 0; 
 font-size: 11px; 
}
.SelectYear .hiLite {
 background:#72A558!important; 
 color: #fff!important;
}
.SelectYear .newListHover {
 background: #ccc!important; 
 color: #000!important; 
 cursor: default;
}
.SelectYear .newListSelHover, .SelectYear .newListSelFocus {
 background-position: 0 -16px; 
 cursor: default;
}
.SelectYear .newListOptionTitle {
 font-weight: bold;
}
.SelectYear .newListOptionTitle ul {
 margin: 3px 0px 0px;
}
.SelectYear .newListOptionTitle li {
 font-weight: normal;
 border-left: 1px solid #ccc;
}
.HideBlank {
 display: none;
}
