.sbHolder{
background-color: #fff;
border: solid 1px #515151;
/*font-family: Arial, sans-serif; */
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
height: 30px;
position: relative;
width: 210px;
float: left;
}
.sbHolder:focus .sbSelector{
}
.sbSelector{
display: block;
height: 30px;
left: 0;
line-height: 30px;
outline: none;
overflow: hidden;
position: absolute;
text-indent: 10px;
top: 0;
width: 200px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
color: #000;
outline: none;
text-decoration: none;
}
.sbToggle{
background: url(http://www.edmonton.ca/for_residents/Images/select-icons.png) 0 -116px no-repeat;
display: block;
height: 30px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.sbToggle:hover{
background: url(http://www.edmonton.ca/for_residents/Images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
background: url(http://www.edmonton.ca/for_residents/Images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
background: url(http://www.edmonton.ca/for_residents/Images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
background-color: #3C3C3C;
border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
}
.sbHolderDisabled .sbToggle{
}
.sbOptions{
background-color: #fff;
border: solid 1px #515151;
list-style: none;
left: -1px;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 210px;
z-index: 1;
overflow-y: auto;
}
.sbOptions li{
padding: 0 7px;
}
.sbOptions a{
border-bottom: dotted 1px #515151;
display: block;
outline: none;
padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
color: #000;
text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
color: #006596;
background-color: #E5E5E5;
}
.sbOptions li.last a{
border-bottom: none;
}
.sbOptions .sbDisabled{
border-bottom: dotted 1px #515151;
color: #999;
display: block;
padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
border-bottom: dotted 1px #515151;
color: #000;
display: block;
font-weight: bold;
padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
padding-left: 17px;
}
#go {
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color:#007dc1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #124d77;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:normal;
padding:7px 7px;
text-decoration:none;
margin-left: 5px;
text-shadow:0px 1px 0px #154682;
text-decoration: none;
}
#go:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color:#0061a7;
}
#go:active {
position:relative;
top:1px;
}