
#map-panel-outer{
    position:absolute;
    display:block;
    bottom:20px;/*65px;*/
    top:0px;
    right:0;
    width:385px;
    z-index:auto;
    background-color: #090909;

}
#map-panel-inner{
    position:absolute;
    padding:0px 0px 0px 5px;
    height:100%;
    width:380px;
    background: #0A0A0A;
}

#map-panel-open-div{
    position:absolute;
    display:none;
    top:5px;
    right:0px;
    z-index:auto;
}
.map-panel-nav{
    overflow-y: hidden;
    background: url("map-panel/side_ui-bg_flat_93_090909.png") repeat-x scroll 50% 50% #090909;
    line-height: 0;


}

#map-panel-tab{

}


.panel-item{padding:10px 10px 20px 10px; margin:4px 0 4px 0; background:#0E0E0E; /*url("map-panel/panel_bg.png") repeat-x scroll 50% 50%*/}
.panel-title{margin:10px;  color: #b2b2b2; font-size: 0.929em; line-height: 1.125em; text-transform:uppercase; font-weight:normal;}
.panel-text{margin:10px;  color: #999; font-size: 0.929em; line-height: 1.125em;  font-weight:normal;}

.map-panel-cls{
    width:100%;
}

.map-panel-scroll-outer{
    position:absolute;
    top:60px;
    bottom:10px;
    left:5px;
    right:0px;
    background-color:#090909;
}

.map-panel-scroll{
    width:100%;
    height:100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding:0 !important;
    margin:0
}

.map-panel-no-scroll{
    overflow-y:hidden;
    top:30px;
    bottom:10px;
    position:absolute;
    /*height:100%;*/
}


.tags-panel-scroll-outer{
    position:absolute;
    top:180px;
    bottom:55px;
    left:10px;
    /*right:0px;*/
    /*width:300px;*/
    /*background-color:#090909;*/
}

.tags-panel-scroll{

    width:100%;
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding:0 !important;
    margin:0;
    list-style-type: none;
}


.flickr-input-label{
    padding: 3px 5px 0 0;
    float: left;
}


.tab-menu-but .ui-button-text{/* padding: 0.2em 0.3em;*/}
.tab-menu-but.ui-button-icon-only{
    /* width: 1.8em;*/
}



.view-select-but.ui-button-icon-only .ui-button-text{
     padding: 0.2em!important; border: 1px solid #131313; /* reduce padding height on .ui-button-text from .4em. lineheight 1.4em+0.2*2em = 1.8em */
}
.view-select-but.ui-button-icon-only{
    width: 1.8em; /* set width to 1.8em*/
}

.map-panel-menu-label{
    /*float: left;*/
    padding: 0.5em;
    color: #848181;
    font-size: 0.750em;
}

.map-panel-menu{
    width: 100%;
    overflow-y: hidden;
    background: url("map-panel/side_ui-bg_highlight-soft_30_1d1d1d_1x100.png") repeat-x scroll 50% 50% #313131;
    padding:4px 0;
}

/* tags */

.text-select-but {border: 1px solid #131313;}

.text-select-but .ui-button-text{
    font-size:0.75em; text-transform:uppercase; font-weight:normal;
    padding:.5em 1.2em .5em 2.5em;
}

.text-sort-but {border: 1px solid #131313;}

.text-sort-but .ui-button-text{
    font-size:0.75em; text-transform:uppercase; font-weight:normal;
    padding:.5em .5em .5em 0.5em;

}

/*tags-list*/
li.tags-list{padding:4px 0; margin:0 20px 0 5px; font-size: 1em; line-height: 1em; list-style-type:none;}

.tag-item a{text-decoration: none; font-weight: normal; color: #8a8a8a; background-color: #151515; padding: 3px 6px;}
.tag-item a:hover{text-decoration: none; color: #b5b5b5; background-color: #212121; padding: 3px 6px;}
.tag-item.selected {text-decoration: none; color: #ffffff; background-color: #444; padding: 3px;}
.tag-item.selected a{text-decoration: none; color: #ffffff; background-color: #444; padding: 3px;}
.tag-item.selected a:hover{text-decoration: none; color: #ffffff; background-color: #444; padding: 3px;}
.tag-count{font-weight: normal; color: #6d6d6d; padding:0.4em 0 0.2em 0.5em;  font-size: 0.786em;}



/*
.ui-datepicker-calendar {
    display: block;
}
*/

#flickr-bbox{
    width:250px;
    height:80px;
}

.flickr-tags{

}

.flickr-tags-ul{
    list-style-type: none;
    padding: 0;
    overflow-y:scroll;
    /*height:200px;*/
    height:350px;
    width:260px


}

/* slider */

/* rail */

.default-slider-div{
    margin:10px 60px 10px 10px;
    position:relative;
}
.default-slider{
    height:6px;
    position:relative;
}

.default-slider-ticks{
    height:20px;
    position:relative;
}

/* ticks */
.default-slider-ticks span {
    position: absolute;
    top: 15px;
    height: 4px;
    width: 0;
    border-left: 1px solid #535454;
}

/* tick labels */
.default-slider-ticks div {
    font-size: 11px;
    color: #999;
    position: absolute;
    text-align: center;
    width: 20px;
    margin-left: -10px;
}


/* handle */

.default-slider .ui-slider-handle {
    width: 18px;
    height: 22px;
    margin-left: -9px !important;
    margin-top: -3px !important;
    background: url(map-panel/drag_handle.png) no-repeat 0 0 !important;
    display: block;
    position: absolute;
    text-decoration: none;
    border-width: 0px !important;
}



/* photos */

#flickr-photos-ul{
    list-style-type: none;

}


.fade {opacity: 0.75; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.fade:hover {opacity: 1;}

/*photos-full*/
li.photos-full{padding:0; margin:0 0 4px 0; background: url("map-panel/block_bg.png") repeat-x scroll 50% 50% #080808;}
li.photos-full:hover{background: url("map-panel/block_bg_over.png") repeat-x scroll 50% 50% #080808;}
li.photos-full .photos-left{float:left; width:60px}
li.photos-full .photos-right{margin-left:130px;padding-right:20px;word-wrap:break-word;}
li.photos-full .photo-image{padding: 10px;/*0.666em;*/ }
li.photos-full .photo-image img{width:100px; height:100px; border-color:#000000; border:1px;}
li.photos-full h3{font-weight: 400; color:#cccccc; padding:10px 0 10px 0; margin:0; font-size: 1.063em; line-height: 1.125em}
li.photos-full h3 a{text-decoration: none; color: #cccccc;}
li.photos-full h3 a:hover{text-decoration: none; color: #ffffff;}
li.photos-full h3 a:visited{text-decoration: none; color: #cccccc;}
li.photos-full table{width: 205px !important; word-wrap:break-word; table-layout: fixed; vertical-align:top;}
li.photos-full td.label{width: 45px !important; padding:0 0 8px 0;}
li.photos-full td.content{width: 160px !important; padding:0 0 8px 0 ;}
li.photos-full h4{color:#6e6e6e; padding:0 ; margin:0; font-size: 0.813em; line-height: 1.125em; text-transform:uppercase; font-weight:normal;}
li.photos-full p {color:#666; padding:0; margin:0; font-size: 1.166em;}
li.photos-full .photo-tags {color:#999999; font-size: 0.875em; line-height: 1.188em; }
li.photos-full .photo-views {color:#999999; font-size: 0.938em; line-height: 1.125em;}
li.photos-full .photo-date {color:#999999; font-size: 0.938em; line-height: 1.125em;}


/*photos-images*/
li.photos-images{display: inline-block; vertical-align: top; width: 80px; padding:  6px 2px 6px 10px;}
li.photos-images .photo-image img{width:80px; height:80px;}

/*photos-titles*/
li.photos-titles{padding:0; margin:0;}
li.photos-titles h3{font-weight: normal; color: #b5b5b5; padding:0.4em 0 0.2em 0; margin:0 20px 0 10px; font-size: 1em; line-height: 1em}
li.photos-titles a{text-decoration: none; color: #b5b5b5;}
li.photos-titles a:hover{text-decoration: none; color: #ffffff;}
li.photos-titles a:visited{text-decoration: none; color: #b5b5b5;}


