/*
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;
}

#cboxOverlay{
position:fixed;
width:100%;
height:100%;
}

#cboxMiddleLeft, #cboxBottomLeft{
clear:left;
}

#cboxContent{
position:relative;
}

#cboxLoadedContent{
overflow:auto;
}

#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;

-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.cboxIframe{
width:100%;
height:100%;
display:block;
border:0;
}

#colorbox, #cboxContent, #cboxLoadedContent{
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:rgba(0, 0, 0, 0.8);
}

#colorbox{
}
#cboxContent{
border:3px solid rgba(255, 255, 255, 0.2);

-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;

-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);
box-shadow:0 0 4px rgba(0,0,0,0.5);

behavior:url("/_htc/PIE.htc");
}

.cboxIframe{
}

#cboxError{
padding:50px;
border:1px solid #ccc;
}

#cboxLoadedContent{
background-color:#ffffff;

border:#ffffff solid;
border-width:4px;

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;

behavior:url("/_htc/PIE.htc");
}

#cboxTitle{
position:absolute;
top:-10px;
left:0;
color:#ccc;
}

#cboxCurrent{
position:absolute;
top:-10px;
right:0px;
color:#ccc;

display:none!important;
}

#cboxSlideshow{
position:absolute;
top:-20px;
right:90px;
color:#fff;
}

#cboxPrevious{
position:absolute;
top:50%;
left:8px;
margin-top:-37px;
background:url(images/arrow_l.png) no-repeat top left;
width:32px;
height:75px;
text-indent:-9999px;
border:none;
}

#cboxPrevious:hover{
opacity:0.8;
}

#cboxNext{
position:absolute;
top:50%;
right:8px;
margin-top:-37px;
background:url(images/arrow_r.png) no-repeat top right;
width:32px;
height:75px;
text-indent:-9999px;
border:none;
}

#cboxNext:hover{
opacity:0.8;
}

#cboxLoadingOverlay{
background:#ffffff;
}

#cboxLoadingGraphic{
background:url(images/loading.gif) no-repeat center center;
}

#cboxClose{
position:absolute;
top:7px;
right:6px;
display:block;
background:url(images/close_bt_wh.png) no-repeat top center;
width:19px;
height:19px;
text-indent:-9999px;
border:none;
}

#cboxClose:hover{
background-position:bottom center;
}