/*wrapper of all elements*/
div.combo {
    position:relative;
    left: 0px;
    top: 0px;
}

/*text input*/
.combo input {
    position: absolute;
}

/*icon*/
.combo div.icon {
    position:absolute;
}

/*list wrapper*/
.combo div.list-wrapper {
    position: absolute;
    overflow: hidden;
    /*we should set height and max-height explicitly*/
    height: 200px; 
    max-height: 200px;
    /*should be always at the top*/
    z-index: 99999;

}

/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {}

/*dropdown list*/
.combo ul {}

/*dropdown list item*/
.combo  li {
    height: 20px;
}

/*active (hovered) list item*/
.combo li.active {}


.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}


#tsForms .slick, .slick {
    white-space: nowrap;
    height: 21px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 112px;
}

#tsForms .slick input, .slick input {
    margin: 0 0 0 0;
    font:normal 12px Arial, Helvetica, sans-serif;
    padding:1px 3px;
    background:#fff url(../images/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
    height: 18px;
    line-height:18px;
    vertical-align:middle;
    left: 0px;
    top: 0px;
    width: 95px;
}

#tsForms .slick input, .slick input {
	cursor: pointer;
}

#tsForms .slick div.icon,.slick div.icon {
    width:17px;
    height:21px;
    border: 0;
    background:transparent url(../images/trigger.gif) no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid #B5B8C8;
    top:0px;
    left: 95px;
}

#tsForms .slick div.list-wrapper, .slick div.list-wrapper {
    left: 0px;
    top: 21px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    bottom: auto;
    width: 112px;
}

#tsForms .slick div.list-wrapper-up, .slick div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

#tsForms .slick ul, .slick ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
	display: block;
}


#tsForms .slick  li, .slick  li {
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    font:normal 12px Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
	float: none;
	display:block;
}

#tsForms .slick li.active, .slick li.active {
    background-color: rgb(223, 232, 246);
}

/*for IE*/
#tsForms .slick a, #tsForms .slick a:visited, #tsForms .slick a:active,
.slick a, .slick a:visited, .slick a:active {
    display: block;
    width: 100%;
    text-decoration: none;
    font:normal 12px Arial, Helvetica, sans-serif;
    color: #000000;
    cursor: pointer;
    margin: 0;
    height: 20px;
}
/*width: 112px;*/

#tsForms .slick input.empty, .slick input.empty {
    color: gray;
}

a.to-highlight:hover {
    background-color: rgb(223, 232, 246);
}

#tsForms .comboWidth_67 .slick,
#tsForms .comboWidth_67 .slick .list-wrapper {width: 67px;}
#tsForms .comboWidth_67 .slick input {width: 50px;}
#tsForms .comboWidth_67 .slick div.icon {left: 50px;}

#tsForms .comboWidth_95 div.slick,
#tsForms .comboWidth_95 div.slick div.list-wrapper {width: 95px;}
#tsForms .comboWidth_95 div.slick input {width: 78px;}
#tsForms .comboWidth_95 div.slick div.icon {left: 78px;}

#tsForms .comboWidth_217 div.slick,
#tsForms .comboWidth_217 div.slick div.list-wrapper {width: 217px;}
#tsForms .comboWidth_217 div.slick input {width: 200px;}
#tsForms .comboWidth_217 div.slick div.icon {left: 200px;}

.comboWidth_115 div.slick,
.comboWidth_115 div.slick div.list-wrapper {width: 115px;}
.comboWidth_115 div.slick input {width: 98px;}
.comboWidth_115 div.slick div.icon {left: 98px;}

.comboWidth_122 div.slick,
.comboWidth_122 div.slick div.list-wrapper {width: 122px;}
.comboWidth_122 div.slick input {width: 105px;}
.comboWidth_122 div.slick div.icon {left: 105px;}

.comboWidth_127 div.slick,
.comboWidth_127div.slick div.list-wrapper {width: 127px;}
.comboWidth_127 div.slick input {width: 110px;}
.comboWidth_127 div.slick div.icon {left: 110px;}

.comboWidth_132 div.slick,
.comboWidth_132 div.slick div.list-wrapper {width: 132px;}
.comboWidth_132 div.slick input {width: 115px;}
.comboWidth_132 div.slick div.icon {left: 115px;}

.comboWidth_145 div.slick,
.comboWidth_145 div.slick div.list-wrapper {width: 145px;}
.comboWidth_145 div.slick input {width: 128px;}
.comboWidth_145 div.slick div.icon {left: 128px;}

.comboWidth_160 div.slick,
.comboWidth_160 div.slick div.list-wrapper {width: 160px;}
.comboWidth_160 div.slick input {width: 143px;}
.comboWidth_160 div.slick div.icon {left: 143px;}

div.input-disabled, div.input-disabled input, div.input-disabled div.icon {
	cursor: default;
}
div.input-disabled {
    color:gray;
	opacity:0.6;
}
div.input-disabled * {
	color: gray !important;
	cursor: default !important;
}