#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:visible;
}
#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;
}

/*The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML*/

#cboxOverlay {
/*background-color: #333;*/
background:url(../images/layout/overlay.png) 0 0 repeat;
}
#colorbox {
}
#cboxTopLeft {
width:21px;
height:21px;
background:url(../images/layout/borderTopLeft.png) 0 0 no-repeat;
}
#cboxTopCenter {
height:21px;
background:url(../images/layout/borderTopCenter.png) 0 0 repeat-x;
}
#cboxTopRight {
width:21px;
height:21px;
background:url(../images/layout/borderTopRight.png) 0 0 no-repeat;
}
#cboxBottomLeft {
width:21px;
height:21px;
background:url(../images/layout/borderBottomLeft.png) 0 0 no-repeat;
}
#cboxBottomCenter {
height:21px;
background:url(../images/layout/borderBottomCenter.png) 0 0 repeat-x;
}
#cboxBottomRight {
width:21px;
height:21px;
background:url(../images/layout/borderBottomRight.png) 0 0 no-repeat;
}
#cboxMiddleLeft {
width:21px;
background:url(../images/layout/borderMiddleLeft.png) 0 0 repeat-y;
}
#cboxMiddleRight {
width:21px;
background:url(../images/layout/borderMiddleRight.png) 0 0 repeat-y;
}
#cboxContent {
background:#fff;
}
#cboxLoadedContent {
margin-bottom:28px;
}
#cboxTitle {
position:absolute;
bottom:3px;
left:0;
text-align:center;
width:100%;
color:#949494;
}
#cboxCurrent {
position:absolute;
bottom:3px;
left:58px;
color:#949494;
}
#cboxSlideshow {
position:absolute;
bottom:3px;
right:30px;
color:#0092ef;
}
#cboxPrevious {
position:absolute;
bottom:0;
left:0px;
background:url(../images/layout/controls.png) -25px 0px no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}
#cboxPrevious.hover {
background-position:-25px -25px;
}
#cboxNext {
position:absolute;
bottom:0;
left:27px;
background:url(../images/layout/controls.png) 0px 0px no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}
#cboxNext.hover {
background-position:0px -25px;
}
#cboxLoadingOverlay {
background:url(../images/layout/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
background:url(../images/layout/loader_whitebg.gif) no-repeat center center;
}
#cboxClose {
position:absolute;
bottom:0;
right:0;
background:url(../images/layout/controls.png) -50px 0px no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}
#cboxClose.hover {
background-position:-50px -25px;
}