.popupbox {
background:none repeat scroll 0 0 #C6D9E4;
float:left;
height:370px;
min-width:559px; 
}


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

/*
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:url(overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}

/*
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}*/

#cboxCurrent{position:absolute; top:0; width:690px;text-align:center;font-size:0.95em; color:#646567;font-weight:bold; line-height:20px;}
#cboxPrevious{position:absolute; top:50%; left:29px; background:url(../images/prev-lb.gif) no-repeat left bottom; width:47px; height:47px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:0 0;}
#cboxNext{position:absolute; top:50%; right:28px; background:url(../images/next-lb.gif) no-repeat left bottom; width:47px; height:47px; text-indent:-9999px;}
#cboxNext.hover{background-position:0 0;}
#cboxClose{position:absolute; top:-25px; right:1px; text-indent:-9999px;line-height:20px;font-weight:bold; font-size:0.95em;  background:url(../images/close.gif) no-repeat right top;height:25px;padding-right:28px;color:#646567}
#cboxClose.hover{background-position:none;}

#cboxLoadingOverlay{background:url(loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(loading.gif) center center no-repeat;}

/*
The following fixes png-transparency for IE6.
 It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
 Colorbox preloads navigation hover classes to account for this.

 !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox_lighbox_files/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} 


/*#cboxTopLeft{background:url(../images/menu-topleft.png) no-repeat left top; width:19px; height:42px;}
#cboxTopCenter{background:url(../images/menu-topcenter.png) repeat-x top center;height:42px;}
#cboxTopRight{background:url(../images/menu-topright.png) no-repeat top right;width:29px; height:42px;}
#cboxMiddleLeft{background:url(../images/menu-midleft.png) left center;width:19px;}
#cboxMiddleRight{background:url(../images/menu-midright.png) right center;width:29px;}
#cboxBottomLeft{background:url(../images/menu-botleft.png) no-repeat bottom left;width:16px;height:29px;}
#cboxBottomCenter{background:url(../images/menu-botcenter.png) no-repeat bottom center;height:29px;}
#cboxBottomRight{background:url(../images/menu-botright.png) bottom right;width:32px; height:29px;}
*/
#cboxLoadedContent{margin-bottom:0}
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#cboxLoadedContent iframe{overflow:hidden;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}

/*
#cboxCurrent{position:absolute; top:0; right:180px;font-size:0.95em; color:#646567;}
#cboxPrevious{position:absolute; top:50%; left:29px; background:url(../images/prev-lb.gif) no-repeat left bottom; width:47px; height:47px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:0 0;}
#cboxNext{position:absolute; top:50%; right:28px; background:url(../images/next-lb.gif) no-repeat left bottom; width:47px; height:47px; text-indent:-9999px;}
#cboxNext.hover{background-position:0 0;}*/
#cboxClose{position:absolute; top:-22px; right:1px; text-indent:-9999px;;line-height:20px;font-weight:bold; font-size:0.95em;  background:url(../images/close.png) no-repeat right top;height:24px;padding-right:28px;color:#646567}
#cboxClose.hover{background-position:none;}


#cboxIframe{overflow:hidden}
#cboxIframe body{margin:0; padding:0;}

/*
The following fixes png-transparency for IE6.
 It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
 Colorbox preloads navigation hover classes to account for this.

 !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-topleft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-topcenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-topright.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-botleft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-botcenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-botright.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-midleft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../system/layout/images/menu-midright.png, sizingMethod='scale');} 

#cboxPhoto{  margin:0;padding:20px 28px 43px 29px !important; background:#fff;}