.SBSelect
{
background-image:url('Images/DropDownArrowGray.png');
background-repeat:no-repeat;
background-position:right center;
padding-right:28px;
padding:7px 27px 7px 11px;
border-radius:3px;
color:#333333;
text-align:left;
cursor:pointer;
-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;
outline:none;
border:1px solid #D4D4D4;
margin:0px;
background-color:#FFFFFF;
}

.SBSelectCont
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 4px 5px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 4px 5px 0px rgba(50, 50, 50, 0.1);
position:absolute; top:18px; left:-12px; z-index:20; border:1px solid #CCCCCC; background-color:#FFFFFF; border-radius:5px; font-size:14px;
}


.SBSelectArrowBG
{
position:absolute; top:12px; left:50%;; z-index:21; width:0; height:0; border-style:solid; border-width:0 9px 7px 9px; border-color:transparent transparent #d4d4d4 transparent;
transform: translate(-4px,0);
}

.SBSelectArrow {position:absolute; top:1px; left:-8px; z-index:22; width: 0; height: 0; border-style: solid; border-width: 0 8px 7px 8px; border-color:transparent transparent #FFFFFF transparent;}

.SBHighlightOption {cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;}
.SBHighlightOption:hover td {background-color:#F7F7F7;}
.SBSelectOption {padding:8px 15px 8px 15px; font-size:14px; white-space:nowrap; color:#333333;}
.SBSelectContParent {/*for getElementsByClassName*/}