/*
 * Bulitka.com - Pages - CSS
 * Created for Victoria Bulitko
 * by Andrey Sokol
 * Copyright 2011
 * All rights reserved.
 */


/* VB - Portfolio Menu left  */
#VB_portfolio_menu{position:absolute; top:100px; left:0px; z-index:9999; width:150px; height:50px;}
#VB_portfolio_menu .label{padding-left:15px; line-height:50px;  font-size:14px; font-weight:bold; background:#000; color:#fff; letter-spacing:5px;}
#VB_portfolio_menu .menu{display:none;}
#VB_portfolio_menu .menu .menu_item{display:block; background:#000; color:#bbb; margin-top:-19px; border-top:1px solid #333; padding:10px 20px ; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#VB_portfolio_menu .menu a.menu_item:hover{background:#333; color:#fff;}



.bulitka_portfolio_wrapper{
        width:710px;
        top:100px;
		left:150px;
        height:74%;
        position:relative;
}
.bulitka_portfolio_wrapper_theatre{
        max-width:920px;
}

.bulitka_portfolio_content_wrapper{
        position:absolute;
        width:920px;
        height:100%;
        background:transparent url(../img/music/bg.png) repeat top left;
        -moz-border-radius:0px 4px 4px 0px;
        -webkit-border-top-left-radius:0px;
        border-top-left-radius:0px;
        -webkit-border-bottom-left-radius:0px;
        border-bottom-left-radius:0px;
        -webkit-border-top-right-radius:4px;
        -webkit-border-bottom-right-radius:4px;
        border-top-right-radius:4px;
        border-bottom-right-radius:4x;
        padding:8px;
}


#bulitka_portfolio_content_wrapper .customScrollBox{position:relative; height:100%; overflow:hidden;}
#bulitka_portfolio_content_wrapper .customScrollBox .container{position:relative;  width:100%; top:0; float:left;}
#bulitka_portfolio_content_wrapper .customScrollBox .scrollcontent{clear:both; width:99%; }
#bulitka_portfolio_content_wrapper .dragger_container{height:88%; right:0px; position:absolute; width:6px;  margin-top:21px;  background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#bulitka_portfolio_content_wrapper .dragger{height:20%; position:absolute; width:6px;  background:#999; text-align:center; line-height:120px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#bulitka_portfolio_content_wrapper .dragger_pressed{ height:20%; position:absolute; width:7px; margin-left:-1px; background:#999; text-align:center; line-height:120px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
#bulitka_portfolio_content_wrapper .scrollUpBtn, #bulitka_portfolio_content_wrapper .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:2px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20; }
#bulitka_portfolio_content_wrapper .scrollUpBtn{top:12px; margin-right:4px; background:url(../img/scroll/mcs_btnUp.png) center center no-repeat;}
#bulitka_portfolio_content_wrapper .scrollDownBtn{bottom:13px;  margin-right:4px; background:url(../img/scroll/mcs_btnDown.png) center center no-repeat;}
#bulitka_portfolio_content_wrapper .scrollUpBtn:hover, #bulitka_portfolio_content_wrapper .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}