/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorBox{}
    #cboxTopLeft{width:30px; height:50px; }
    #cboxTopCenter{height:50px;}
    #cboxTopRight{width:30px; height:50px;}
    
    #cboxBottomLeft{width:30px; height:30px;}
    #cboxBottomCenter{height:30px;}
    #cboxBottomRight{width:30px;}
    
    #cboxMiddleLeft{width:30px;}
    #cboxMiddleRight{width:30px;}
    
    #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-top:50px;}
    
    #cboxTitle{
        position:absolute;
        top:0;
        left:0;
        text-align:center;
        width:100%;
        height:50px;
        background:url(../img/colorbox/scd_title.png) no-repeat left top #00b0ec;
        color:#333;
	      font-size:16px;
        font-weight:bold;
        line-height:50px;
        overflow:hidden;
     }
  
      #cboxLoadingOverlay{background:#fff url(../img/colorbox/loading.gif) no-repeat 50% 50%;}
      
      #cboxCurrent{
        position:absolute;
        top:10px;
        right:170px;
        width:60px;
        height:30px;
        text-align:center;
	      font-size:16px;
        font-weight:bold;
        line-height:30px;
        color:#333;
        }
      #cboxSlideshow{}
      
      #cboxPrevious{
        position:absolute;
        top:10px;
        right:230px;
        background:url(../img/colorbox/scd_prev.png) no-repeat 0px 0px;
        width:30px;
        height:30px;
        text-indent:-9999px;
        }
      #cboxPrevious.hover{}
      
      #cboxNext{
        position:absolute;
        top:10px;
        right:140px;
        background:url(../img/colorbox/scd_next.png) no-repeat 0px 0px;
        width:30px;
        height:30px;
        text-indent:-9999px;
        }
      #cboxNext.hover{}
      
      #cboxClose{
        position:absolute;
        top:0;
        right:0;
        background:url(../img/colorbox/scd_close.png) no-repeat left 10px;
        width:70px;
        height:30px;
	      padding:10px 0 10px 40px;
	      font-size:16px;
        font-weight:bold;
        line-height:30px;
        color:#333;
      }
        
      #cboxClose.hover{}