/* 
    Document   : nicedrop
    Created on : 20/02/2012, 07:26:25 PM
    Author     : Fernando Torres <fernando at marciano.com.mx>
    Description:
        Styles for the nicedrop plugin
*/

.ms_nicedrop{
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    float: right;
    margin-top: -5px;
}


.ms_nicedrop .nd_selectBox{
display: block;
text-decoration: none;
height: 28px;
border: #CCC 1px solid;
width: 220px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #666;
}

.row2 .ms_nicedrop {
    float: left;
    margin-left: 34px;
}

.row2 .ms_nicedrop .nd_selectBox{
    width: 107px;
}

.row2 .ms_nicedrop .nd_selectBoxText{
    width: 58px;
}

.row2 .ms_nicedrop .nd_options {
    width: 107px;
}

.ms_nicedrop .nd_selectBoxText{
    display: block;
    float: left;
    width: 171px;
    padding: 5px 9px 0px 9px;
    overflow: hidden;
    cursor: default;
}

.ms_nicedrop .nd_button{
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../img/dk_arrow.jpg);
    text-indent: -999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 10px 9px;
    cursor: pointer;
}

.ms_nicedrop .nd_options{
display: none;
height: 101px;
position: absolute;
background-color: white;
width: 220px;
z-index: 10;
overflow-y: scroll;
border: 1px solid #CCC;
color: #666;
border-top: none;
margin: 0;
margin-top: -1px;
padding: 0;
}

.ms_nicedrop .nd_options li{
display: block;
margin: 0;
color: #fff;
font-family: 'Arimo', sans-serif;
font-size: 12px;
}

.ms_nicedrop .nd_options li a{
    color:#666;
    display: block;
    padding: 6px;
    cursor:default;
}

.ms_nicedrop .nd_options li.selected a{
    background-color: #00ADEE;
}

.ms_nicedrop .nd_options li a:hover{
background-color: #00ADEE;
color: #FFF;
}
.ms_nicedrop .nd_options li.selected a, .ms_nicedrop .nd_options li.selected a:hover{
    color: white;
    background-color: #00ADEE;
}


#nicedrop_colonia .nd_selectBox{
    width: 305px;
}

#nicedrop_colonia .nd_selectBoxText {
    width: 260px;
    padding: 8px 0px 0px 9px;
}

#nicedrop_colonia .nd_options {
    width: 287px;
}

#nicedrop_tipoInmueble {
    margin: 0px 0px 0px 0px;
    clear: both;
    float: left;
}

#nicedrop_tipoInmueble .nd_selectBox {
width: 251px;
font-size: 13px;
color: #666;
font-family: 'Viga', sans-serif;
box-shadow: inset 2px 2px 5px #A5A5A5;
border-radius: 3px;
border: none;
border-bottom: 1px solid #fff;
display: block;
background-color: #fff;
height: 33px;
}


#nicedrop_tipoInmueble .nd_selectBoxText {
width: 207px;
font-size: 13px;
color: #666;
font-family: 'Viga', sans-serif;
padding: 11px 5px 5px 9px;
border-radius: 3px;
border: none;
float: left;
font-weight: normal;
}


#nicedrop_tipoInmueble .nd_button {
display: block;
width: 30px;
height: 34px;
background-image: url(../img/downArrow2.png);
text-indent: -999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 6px 16px;
cursor: pointer;
}

#nicedrop_tipoInmueble .nd_options {
margin: 0;
width: 231px;
margin-top: -2px;
background-color: #FFF;
box-shadow: inset 2px -3px 5px #A5A5A5;
}

#nicedrop_tipoInmueble .nd_options li:first-child {
    box-shadow: none;
}

#nicedrop_tipoInmueble .nd_options li {
    display: block;
margin: 0;
border-top: 1px solid #CCC;
border-bottom: none;
color: #fff;
font-family: 'Arimo', sans-serif;
font-size: 12px;
}

#nicedrop_tipoInmueble .nd_options li a {
    color: #555;
}

#nicedrop_tipoInmueble .nd_options li a:hover {
    background-color: #ccc;
}

#nicedrop_tipoInmueble .nd_options li.selected a, .ms_nicedrop .nd_options li.selected a:hover {
    color: #FFF;
}


#nicedrop_small {
    margin: 0px 0px 0px 0px;
    float: left;
}

#nicedrop_small .nd_selectBox {
width: 119px;
font-size: 13px;
color: #666;
font-family: 'Viga', sans-serif;
box-shadow: inset 2px 2px 5px #A5A5A5;
border-radius: 3px;
border: none;
margin-top: 0px;
border-bottom: 1px solid #fff;
display: block;
background-color: #fff;
height: 33px;
margin-right: 11px;
}


#nicedrop_small .nd_selectBoxText {
width: 74px;
font-size: 13px;
color: #666;
font-family: 'Viga', sans-serif;
padding: 11px 5px 5px 9px;
border-radius: 3px;
border: none;
float: left;
font-weight: normal;
}


#nicedrop_small .nd_button {
display: block;
width: 30px;
height: 34px;
background-image: url(../img/downArrow2.png);
text-indent: -999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 6px 16px;
cursor: pointer;
}

#nicedrop_small .nd_options {
margin: 0;
width: 99px;
margin-top: -2px;
background-color: #FFF;
box-shadow: inset 2px -3px 5px #A5A5A5;
}

#nicedrop_small .nd_options li:first-child {
    box-shadow: none;
}

#nicedrop_small .nd_options li {
    display: block;
margin: 0;
border-top: 1px solid #CCC;
border-bottom: none;
color: #fff;
font-family: 'Arimo', sans-serif;
font-size: 12px;
}

#nicedrop_small .nd_options li a {
    color: #555;
}

#nicedrop_small .nd_options li a:hover {
    background-color: #ccc;
}

#nicedrop_small .nd_options li.selected a, .ms_nicedrop .nd_options li.selected a:hover {
    color: #FFF;
}

#nicedrop_numbers {
    margin: 0px 0px 0px 0px;
    float: left;
    margin-left: 17px;
}

#nicedrop_numbers .nd_selectBox {
width: 78px;
font-size: 13px;
color: #666;
font-family: 'Viga', sans-serif;
box-shadow: inset 2px 2px 5px #A5A5A5;
border-radius: 3px;
border: none;
margin-top: 0px;
border-bottom: 1px solid #fff;
display: block;
background-color: #fff;
height: 33px;
margin-right: 11px;
}


#nicedrop_numbers .nd_selectBoxText {
width: 33px;
font-size: 13px;
color: #666;
font-family: 'Viga', sans-serif;
padding: 11px 5px 5px 9px;
border-radius: 3px;
border: none;
float: left;
font-weight: normal;
}


#nicedrop_numbers .nd_button {
display: block;
width: 30px;
height: 34px;
background-image: url(../img/downArrow2.png);
text-indent: -999px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 6px 16px;
cursor: pointer;
}

#nicedrop_numbers .nd_options {
margin: 0;
width: 58px;
margin-top: -2px;
background-color: #FFF;
box-shadow: inset 2px -3px 5px #A5A5A5;
}

#nicedrop_numbers .nd_options li:first-child {
    box-shadow: none;
}

#nicedrop_numbers .nd_options li {
    display: block;
margin: 0;
border-top: 1px solid #CCC;
border-bottom: none;
color: #fff;
font-family: 'Arimo', sans-serif;
font-size: 12px;
}

#nicedrop_numbers .nd_options li a {
    color: #555;
}

#nicedrop_numbers .nd_options li a:hover {
    background-color: #ccc;
}

#nicedrop_numbers .nd_options li.selected a, .ms_nicedrop .nd_options li.selected a:hover {
    color: #FFF;
}