div.fancy-ddl{
    position:relative;
    height:2em;
    padding:0.2em 0;
    border-radius: 4px;
    border:1px solid #CCC;
    font-size:1em;
    cursor:pointer;   
    /*box-shadow: 0px 0px 3px #AAA;*/
    background: white url(/images/fancy-ddl-downarrow.gif) center right no-repeat;
    margin:0.4em 0;
    clear:both;
}

div.fancy-ddl-tooltip
{
    height:300px;
    padding:0;
    margin:0;
    border:none;
    border-radius:0;
    background-image:none;
}


ul.fancy-ddl-list ul{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}
ul.fancy-ddl-list li{
    display:block;
}
ul.fancy-ddl-list span:hover{
    /*background:#D0DFFF;*/
}

ul.fancy-ddl-list span{
    display:block;
    height:2em;
    line-height:2em;
    color:#444;
    text-decoration:none;
}

ul.fancy-ddl-list span.selected {
    background-color: #5DBDCB; 
    color:#FFF !important;
}
ul.fancy-ddl-list span.selected a 
{
    color:#FFF !important;
}


ul.fancy-ddl-list{
    position:absolute;
    top:2em;
    left:-1px;
    right:-1px;
    max-height:320px;
    overflow:hidden; 
    margin:0;
    font-size:1em;
    cursor:pointer;
       
    border:1px solid #AAA;
    border-radius: 0 0 4px 4px;
    background:#FFF;
    display:none;
    z-index:300;
}

div.fancy-ddl-tooltip ul.fancy-ddl-list
{
    display:block;
    position:relative;
    top:0;
    left:0;
    right:0;
    border:none;
    border-radius:0;
    max-height: inherit;
    height:100%;
}

/*simulate perfect scrollbar on load*/
.fancy-ddl-tooltip ul.fancy-ddl-list:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 12px;
    background: #EEE;
}


div.fancy-ddl.focus {
    border-color:#8C8;
    box-shadow: 0px 0px 5px #8C8; 
}

div.fancy-ddl-tooltip focus 
{
    border:none;
    box-shadow:none;
}

ul.fancy-ddl-list ul.collapse{
    display:none;
    background: #F2F2F2;
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
}



ul.fancy-ddl-list.fixed{
    position:fixed;
    top:50%;
    bottom:0;
    left:0;
    right:0;
    max-height:inherit;
    border-radius:0;
    border:none;
    border-top:3px solid #AAA;
    z-index:700;
}

ul.fancy-ddl-list.fixed span:hover
{
    background:none;
}


ul.fancy-ddl-list li.group>span{
    font-weight: bold;
}

/* first level options*/
ul.fancy-ddl-list>li>span{
    padding:0 0 0 1em;
}
/* second level options*/
ul.fancy-ddl-list>li>ul>li>span{
    padding:0 0 0 2em;
}
/* third level options*/
ul.fancy-ddl-list>li>ul>li>ul>li>span{
    padding:0 0 0 3em;
}
/* fourth level options*/
ul.fancy-ddl-list>li>ul>li>ul>li>ul>li>span{
    padding:0 0 0 4em;
}


ul.fancy-ddl-list a{
    display:block;
    color:#444 !important;
    text-decoration:none;
}

ul.fancy-ddl-list span.has-children, ul.fancy-ddl-list span.has-children a
{
    font-weight:700 !important;
    color:#222;
}

.fancy-ddl .selected-value {
    display:block;
    position:relative;
    line-height: 2em;
    padding:0 1em;
    z-index:1;
}


#location-list{display:none;}