/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
.selectPosRelat{position:relative;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.customSelect{
	position:relative;
	z-index:10;
	width:250px !important;
	height:26px !important;
	line-height:26px;
}

select.customSelect option{
	float: left;
    max-width: 230px !important;
    overflow: hidden;
    text-indent: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* dynamically created SPAN, placed below the SELECT */
span.selectWrapper{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:250px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(../images/casting/downarrow1.png) no-repeat 230px center white;
	cursor:default;
	z-index:1;
}

select.customSelect2{
	position:relative;
	z-index:10;
	width:218px !important;
	height:26px !important;
	line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.selectWrapper2{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:218px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(../images/casting/downarrow1.png) no-repeat 198px center white;
	cursor:default;
	z-index:1;
}

select.dockSelect{
	position:relative;
	z-index:10;
	width:144px !important;
	height:22px !important;
	line-height:22px;
}

/* dynamically created SPAN, placed below the SELECT */
span.dockSelectWrapper{
    background: url("../images/downArrow.png") no-repeat scroll 126px center white;
    bottom: 0;
    cursor: default;
    float: left;
    font-size: 10px;
    height: 22px;
    left: 0;
    line-height: 22px;
    padding: 0 19px 0 0;
    position: absolute;
    text-indent: 5px;
    width: 125px;
    z-index: 1;
}

select.dockSelect option{font: 10px/20px arial,sans-serif,serif;color: #080810;}

select.customSelect5{
	position:relative;
	z-index:10;
	width:150px !important;
	height:26px !important;
	line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.selectWrapper5{
	color: #2A6B94;
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:150px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(../images/sright.png) no-repeat right center white;
	cursor:default;
	z-index:1;
	border: 1px solid #B5B8C8;
}

select.customSelect6{
	position:relative;
	z-index:10;
	width:110px !important;
	height:26px !important;
	line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.selectWrapper6{
	color: #2A6B94;
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:110px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(../images/sright.png) no-repeat right center white;
	cursor:default;
	z-index:1;
	border: 1px solid #B5B8C8;
}


select.customSelect7{
	position:relative;
	z-index:10;
	width:150px !important;
	height:26px !important;
	line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.selectWrapper7{
	color: #2A6B94;
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:150px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(../images/sright.png) no-repeat right center white;
	cursor:default;
	z-index:1;
	border: 1px solid #B5B8C8;
		white-space: nowrap;
	max-width: 130px;
	text-overflow: ellipsis;
	overflow: hidden;
}

span.selectWrapper7 span.selT7 {

}

select, select option {
	background-color: #FFF;
	color: #2A6B94;
	font: 13px/20px arial,sans-serif,serif; 
}


select.customSelect8{
	position:relative;
	z-index:10;
	width:110px !important;
	height:26px !important;
	line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.selectWrapper8{
	color: #2A6B94;
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:110px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(../images/sright.png) no-repeat right center white;
	cursor:default;
	z-index:1;
	border: 1px solid #B5B8C8;
}

select.customSelect3{
	position:relative;
	z-index:10;
	width:150px;
	height:26px !important;
	line-height:26px;
}

span.selectWrapper3 {
	color: #2A6B94;
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:150px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(../images/sright.png) no-repeat right center white;
	cursor:default;
	z-index:1;
	border: 1px solid #B5B8C8;
}

select.nCustom{
	position:relative;
	z-index:10;
	height: 27px !important;
	line-height: 27px;
}

span.nWrapper {
	color: #616161;
    position: absolute;
    top: 0;
    float: left;
    left: 0;
    height: 27px;
    text-indent: 8px;
    background: url(../images/selectPane2.png) no-repeat right 0 white;
    cursor: default;
    z-index: 1;
    border: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 25px;
    font: 16px/27px 'sw', arial,sans-serif,serif;
    border-bottom: 1px solid #df2e27;
}
}

.selWidth150 select{width:150px;}
.selWidth150 .nWrapper{width:125px;max-width: 125px;}

.selWidth50 select{width:50px;}
.selWidth50 .nWrapper{width:25px;max-width: 25px;}

.selWidth60 select{width:60px;}
.selWidth60 .nWrapper{width:35px;max-width: 35px;}

.selWidth200 select{width:200px;}
.selWidth200 .nWrapper{width:175px;max-width: 175px;}

.selWidth120 select{width:120px;}
.selWidth120 .nWrapper{width:95px;max-width: 95px;}

.selWidth185 select{width:185px;}
.selWidth185 .nWrapper{width:160px;max-width: 160px;}

.selWidth100 select{width:100px;}
.selWidth100 .nWrapper{width:75px;max-width: 75px;}

.selWidth110 select{width:110px;}
.selWidth110 .nWrapper{width:85px;max-width: 85px;}

.selWidth75 select{width:75px;}
.selWidth75 .nWrapper{width:50px;max-width: 50px;}

.selWidth250 select{width:250px;}
.selWidth250 .nWrapper{width:225px;max-width: 225px;}

.selWidth125 select{width:125px;}
.selWidth125 .nWrapper{width:100px;max-width: 100px;}

.selWidth130 select{width:130px;}
.selWidth130 select option{color:#616161;}
.selWidth130 .nWrapper{
	width: 150px;
    max-width: 150px;
}

.selWidth135 select{width:135px;}
.selWidth135 .nWrapper{width:110px;max-width: 110px;}

.selWidth140 select{width:140px;}
.selWidth140 .nWrapper{width:115px;max-width: 115px;}

 .selWidth290 select{width:290px;}
.selWidth290 .nWrapper{width:265px;max-width: 265px;}

.selWidth218 select{width:218px;}
.selWidth218 .nWrapper{width:193px;max-width: 193px;}

.selWidth195 select{width:195px;}
.selWidth195 .nWrapper{width:170px;max-width: 170px;}

.selWidth175 select{width:175px;}
.selWidth175 .nWrapper{width:150px;max-width: 150px;}

.selWidth216 select{width:216px;}
.selWidth216 select option{color:#616161;padding:5px 0;}
.selWidth216 .nWrapper{width:191px;max-width: 191px;}

.selWidth216 .nWrapper{background: url(../images/selectPane.png) no-repeat 0 0 white;}


 .feedbackBox span.nWrapper {
 position: absolute;
 bottom: 0;
 float: left;
 left: 0;
 width: 290px;
 height: 26px;
 line-height: 26px;
 text-indent: 10px;
 background: url(../images/casting/downarrow1.png) no-repeat 270px center white;
 cursor: default;
 z-index: 1;
 border: 0;
 color:#25253d;
}

.myAccountSels span.nWrapper{
 background: url(../images/casting/downarrow1.png) no-repeat 198px center white;
 border:0;
 color: #252528;
}

.myAccountSels select option, .feedbackBox select option{
	color: #252528;	
}