/*
Stylish Select 0.4.1 - $ 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 or newer

Dual licensed under the MIT and GPL licenses.

*/
/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*======================================
    DGA Custom styling of 
    StylishSelect dropdowns
========================================*/


/* apply to all!*/
.newListSelected {background:#2D2D2D;  height:29px; padding:0; width:280px; float:left; position:relative;}

ul.newList {list-style:none !important; margin:0px !important; padding: 0 !important; width:280px; border:0; height:auto; overflow:auto; text-align:left!important; position:absolute; z-index:900;}
ul.newList li {float:none; background:#2D2D2D  !important;  border:none !important; height:24px;  width:auto; padding:0px  !important;  overflow:hidden; clear:left; margin:0px !important; left:0px; display:block; }
ul.newList li a{display:block;  padding:7px 3px 6px 5px; text-decoration:none!important; margin:0!important;  left:0px; color:#B3B3B3;}

ul.newList li a:hover{background:#2F3E4F; color:#FFF !important;}
ul.newList li.disabledOption{padding:2px 3px!important; color:#FFF;}
ul.newList li.disabledOption a{background:#f8f8f8!important; color:#FFF!important;}

/*make sure that the selected option doesn't visibly wrap to 2 lines*/
.selectedTxt {line-height:20px; overflow:hidden;}

.newListSelected div {background:transparent url(/National_Library/oe_/https://www.arclightcinemas.com/images/bg_dd_right.png) no-repeat scroll right top; font-weight:bold; display:block; padding:6px 34px 7px 5px;  text-align:left !important; font-size:13px;  width:240px; font-weight:normal; height:16px; position:relative;}
	
.newListHover {cursor:default;}
.newListSelHover {cursor:default;}
.newListSelFocus div {font-weight:bold; background-position:right -29px;}
	
/* customize Widths for different select boxes */
.basicSelect .newListSelected div { width:287px;}
.basicSelect {display: table-cell; padding-right:8px;}
.basicSelect,
.basicSelect ul.newList,
.basicSelect .newListSelected { width:327px;}

.smallSelect .newListSelected div { width:40px;}
.smallSelect {display: table-cell; padding-right:10px; height:29px;}
.smallSelect,
.smallSelect ul.newList,
.smallSelect .newListSelected { width:80px;}

.mediumSelect .newListSelected div { width:105px;}
.mediumSelect {display: table-cell; padding-right:10px; height:29px;}
.mediumSelect,
.mediumSelect ul.newList,
.mediumSelect .newListSelected { width:145px;}
 

.largeSelect .newListSelected div { width:400px;}
.largeSelect {display: table-cell; padding-right:10px; width:550px;  height:29px;}
.largeSelect ul.newList,
.largeSelect .newListSelected { width:440px;}