/*** 
 *	List defaults to specific width with scrolling ui.  Set each unique ul.category_list { overflow: visible } to disable scroll
 ***/
 
.list_container { border: 1px solid #E1E1E1; font-size: 12px; font-weight: bold; height: 29px; margin-bottom: 5px; position: relative; width: 305px; z-index: 10; }
.list_container .ctrl_arrow a {
background: url("https://i.cdn.turner.com/money/.element/img/2.1/buttons/arrow_buttons.gif") no-repeat -36px -4px #fff; border-left: 1px solid #E1E1E1; cursor: pointer; display: block; float: right; height: 29px; width: 30px;
position: relative; z-index:4;}

.list_container ul {width: 307px; z-index: 2;position: absolute; left: -1px;}
.list_container ul.category_list {display: none; top: 30px; overflow: hidden; /** set overflow visible for none scrollbar version */
height: 179px; *height: 176px;/* default */}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
	.list_container ul.category_list {height: 176px;} 
}
.list_container ul li {border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; display: none; 
*float: left; *width: 305px; /* IE 6 fix */}
.list_container ul li a {background: #FFF; border-top: 1px solid #e1e1e1; display: block; line-height: 14px; margin: 0px; padding: 8px 9px 7px 9px; text-align:left; text-decoration: none;}
.list_container ul li:first-child a {border-top: none;}
.list_container ul li a:hover,
.list_container ul li.selected a {background-color: #eee;}

/** display list **/
.list_container ul.showlist {border-bottom: 1px solid #e1e1e1; display: block; }
.list_container ul.showlist li {display: block;}

/** First list **/
.list_container ul.selected { z-index: 3;}
.list_container ul.selected li { display: block; width:274px;}
.list_container ul.selected li a { background-color: transparent; border-top: 1px solid #ddd; border-top: none;  padding-bottom: 6px; }


/*** Slider **/
.list_container .slider_control {background: transparent; border: none; display: none; float: right; position: absolute; top: 52px; right: 0px; width: 30px; z-index: 10000; } /* slider div & also acts as track - functional */

.list_container .slider-track {  background: #eee; border: 1px solid #ddd;  float: right; width: 30px; position: relative; left: 1px; *left: -1px; top: -23px;
height: 179px; *height: 176px;/*default*/} /* track - visiual */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
	.list_container .slider-track {height: 176px;} 
}

.list_container .ui-slider-range {background: none;} /* track below handle*/
.list_container .ui-slider-handle { background: #FFF; border: 1px solid #ddd; width: 30px; height: 29px; left: -1px; }
/* reverse rounded corners for handle */
.list_container .ui-corner-tl, 
.list_container .ui-corner-tr, 
.list_container .ui-corner-bl, 
.list_container .ui-corner-br, 
.list_container .ui-corner-top, 
.list_container .ui-corner-bottom, 
.list_container .ui-corner-right, 
.list_container .ui-corner-left, 
.list_container .ui-corner-all { -moz-border-radius: 0/*{cornerRadius}*/; -webkit-border-radius: 0/*{cornerRadius}*/; border-radius: 0/*{cornerRadius}*/; }


.cnn-gallery-section .list_container ul.category_list {height: 239px;}
.cnn-gallery-section .list_container .slider-track, .cnn-gallery-section .list_container .ui-slider-range, .cnn-gallery-section .list_container .ui-slider-handle {display:none;}

/*** From jQuery UI CSS **/
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-vertical .ui-slider-handle { margin-left: 0; margin-bottom: -.65em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }