/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   
}

#change-cities-box{width:900px;font-size:11pt;height:560px;}
#change-cities-box *{font-family:Tahoma,Arial,Times New Roman;}
.my-cities-box #cboxTopLeft{display:none !important;}
.my-cities-box #cboxTopRight{display:none !important;}
.my-cities-box #cboxBottomLeft{display:none !important;}
.my-cities-box #cboxBottomRight{display:none !important;}
.my-cities-box #cboxMiddleLeft{display:none !important;}
.my-cities-box #cboxMiddleRight{display:none !important;}
.my-cities-box #cboxTopCenter{display:none !important;}
.my-cities-box #cboxBottomCenter{display:none !important;}
.my-cities-box #cboxLoadedContent{margin-bottom:0;height:100% !important;overflow:none;}
.my-cities-box #cboxClose{display:none !important;}
.my-cities-box #cboxTitle{display:none !important;}
.my-cities-box #cboxContent{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;height:auto !important;overflow:none;}
.my-cities-box .b-city-popup-header{background-color:#dedede;border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0;height:40px;position:relative;}
.b-city-popup-header .b-country-list{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0;bottom:0;left:0;list-style:none;position:absolute;}
.b-city-popup-header .b-country-list li{-webkit-border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;box-sizing:border-box;color:#666;cursor:pointer;display:inline-block;height:40px;margin-right:0;padding:0 25px 6px;}
.b-city-popup-header .b-country-list li.active{background-color:#fff;color:#000;}
.b-city-popup-header .b-country-list li.active > span{border-bottom:none;}
.b-city-popup-header .b-country-list li > span{border-bottom: 1px dotted #666;font-size:18pt;line-height:40px;}
.b-city-popup-header .b-city-popup-close{background:#ccc;border-radius:50%;color:#444;cursor:pointer;font-size:24px;height:25px;line-height:21px;margin:0;padding:0 0 2px 1px;position:absolute;right:9px;text-align:center;top:8px;width:25px;}
.b-city-popup-header .b-city-popup-close:hover{background:#444;color:#ccc;}
.my-cities-box .b-search-city{padding:20px 10px 5px;}
.my-cities-box .b-search-city .h2{color:#555;font-size:12pt;margin:0 0 10px 15px;padding:0;font-weight:bold;}
.my-cities-box .b-search-city .h2 span{color:#000;font-size:16pt;}
.b-search-city #city-search-inp{border:1px solid #ccc;box-sizing:border-box;color:#444;font-size:12pt;padding:3px 8px;width:100%;}
.b-search-city .loader_field{background: url("../images/loader_field.gif") repeat;}
.b-city-popup-content .b-bigcities-wr{box-sizing:border-box;display:inline-block;height:390px;margin-left:15px;padding:10px;position:relative;width:200px;}
.b-city-popup-content .b-bigcities-title,.b-city-popup-content .cities-title{border-bottom:1px solid #777;color:#555;display:inline-block;font-size:20px;height:30px;margin:0;padding:0;line-height:none;text-transform:none;letter-spacing:0;font-weight:bold;line-height:30px;}
.b-city-popup-content .b-bigcities{box-sizing:border-box;display:block;height:370px;margin:0;width:190px;z-index:5;overflow:auto;}
.b-city-popup-content .b-city-list,.b-city-popup-content .b-citylist-wr .b-region-list{list-style:none;margin-top:5px;margin-bottom:0;margin-left:0;padding-left:0;}
.b-city-popup-content .b-city-list li,.b-citylist-wr .b-region-list li{margin:0 0 10px;overflow:hidden;}
.b-citylist-wr .b-region-list li{display:block;}
.b-citylist-wr .b-region-list li > span{border-bottom:1px dotted #666;cursor:pointer;}
.b-city-popup-content .b-bigcities .b-top-city{font-weight:bold;}
.b-city-popup-content .b-city-list li a{color:#333;text-decoration:underline;border:none;}
.b-city-popup-content .b-city-list li.active a{color:#fe9900;font-size:16px;font-weight:bold;}
.b-citylist-wr .b-region-list li.active span{color:#fe9900;font-weight:bold;}
.b-city-popup-content .jspDrag{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background: rgba(0, 0, 0, 0.75);width:6px;left:-1px;}
.b-city-popup-content .jspVerticalBar{right:0;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;opacity:0.75;background:none;}
.b-city-popup-content .jspTrack{background:rgba(0, 0, 0, 0.1);width:4px;}
.b-city-popup-content .jspDrag.jspHover{background: rgba(0, 0, 0, 0.85);}
.b-city-popup-content .jspVerticalBar .jspCapTop{padding-top:20px;display:block;}
.b-city-popup-content .jspVerticalBar .jspCapBottom{padding-bottom:20px;display:block;}
.b-city-popup-content .b-citylist-wr{box-sizing:border-box;display:inline-block;height:390px;padding:10px;position:relative;width:680px;}
.b-city-popup-content .cities-title{width:100%;}
.b-city-popup-content .b-city-regions{background:#eee;box-sizing:border-box;display:inline-block;height:100%;margin-right:10px;padding:0 5px 0 10px !important;width:200px;z-index:5;}
.b-citylist-frame .b-city-list li{display:inline-block;vertical-align:top;width:208px;}
.b-city-popup-content .b-citylist-frame{box-sizing:border-box;display:inline-block;height:100%;vertical-align:top;width:430px;z-index:5;}
.b-search-suggest{background:#eee;border:1px solid#ccc;box-sizing:border-box;left:0;padding:10px;position:absolute;top:30px;width:100%;z-index:100;}
.b-search-suggest ul{list-style:none;margin:0;padding:0;}
.b-search-suggest ul li{line-height:1.1em;padding:0 0 5px;}
.b-search-suggest ul li a{border-bottom: 1px dotted #666;color:#555;text-decoration:none;}
.b-city-suggest-close{border-bottom:1px dotted #666;bottom:5px;color:#666;cursor:pointer;font-size:9pt;position:absolute;right:5px;}
.b-search-city .b-city-srch-wr{position:relative;}
.loader_field{background:url("../images/loader_field.gif") repeat;}