/* 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; position: relative;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; z-index:100; 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:#000000;}
#colorbox{}
	#cboxTopLeft{width:10px; height:10px; background:#fff;}
    #cboxTopRight{width:10px; height:10px; background:#fff;}
    #cboxBottomLeft{width:10px; height:10px; background:#fff;}
    #cboxBottomRight{width:10px; height:10px; background:#fff;}
    #cboxMiddleLeft{width:10px; background:#fff;}
    #cboxMiddleRight{width:10px; background:#fff;}
    #cboxTopCenter{height:10px; background:#fff;}
    #cboxBottomCenter{height:10px; background:#fff;}
    #cboxContent{background:#fff;}
    	#cboxLeftHalf{display:block; position:absolute; top:0; left:0; z-index:95; background:url('/images/main/colorbox/blank.gif') transparent; background-color:transparent; width:50%; cursor:pointer;}
    	#cboxRightHalf{display:block; position:absolute; top:0; right:0; z-index:96;  background:url('/images/main/colorbox/blank.gif') transparent; background-color:transparent; width:50%; cursor:pointer;}
        #cboxLoadedContent{position:absolute; top:0; left:0; z-index:90; margin-bottom:55px;}
        #cboxTitle{position:absolute; bottom:30px; left:0; text-align:center; width:100%; color:#333333; font-size:14px; font-weight:bold;}
        #cboxCurrent{position:absolute; bottom:0; left:0; text-align:center; width:100%; color:#333333;}
		#cboxCurrent a{text-decoration:underline;  color:#930002; margin: 0 5px;}
		#cboxCurrent a:hover{text-decoration:none;}
        #cboxSlideshow{position:absolute; bottom:0; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:20px; left:0px; text-align:left; width:80px; height:35px; line-height:35px; font-size:12px; font-weight:bold; color:#930002;}
        #cboxPrevious.hover{}
        #cboxNext{position:absolute; bottom:20px; right:0; text-align:right; width:50px; height:35px; line-height:35px; font-size:12px; font-weight:bold; color:#930002;}
        #cboxNext.hover{}
        /*#cboxLoadingGraphic{background:url('/images/main/colorbox/loading_bar.gif') center center no-repeat;}*/
        #cboxLoadingGraphic{}
        #cboxClose{position:absolute; top:1px; right:1px; z-index:1000; background:url('/images/main/colorbox/close.png') top right no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxLoadedContent iframe{z-index:10;position: relative;}
/*
    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=http://assets.maroc.ro/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://assets.maroc.ro/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://assets.maroc.ro/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://assets.maroc.ro/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://assets.maroc.ro/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://assets.maroc.ro/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://assets.maroc.ro/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://assets.maroc.ro/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/

/*** TPG Loading ***/
#tpgLoading {margin-top: 200px; width: 100%; position: absolute; z-index: 10; top: 0; left: 0;}
#tpgLoading #tpgBg {display:inline-block; padding:10px 20px; border:solid 1px #888; background-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#tpgLoading p {text-align: center; color: #BE080C; font-weight: bold; font-size: 14px; margin: 0; padding: 0;}
/*#tpgLoading #tpgLoadImage {display: block; width: 100%; height: 10px; background:url('/images/main/colorbox/loading_bar.gif') center center no-repeat;}*/
#tpgLoading #tpgThumb {margin: 5px 0 10px; width: 138px; height: 92px; border: solid 1px #9B9B9B;}

/*#cboxLoadingGraphic {display:block!important; background: url('/images/main/colorbox/loading_bar.gif') center center no-repeat;}*/
#tooSlow {margin: 290px auto 0; width: 170px; position:relative; padding:5px; display:none;}
#tooSlow a {color: #BE080C; font-size: 12px; padding: 5px 7px 7px; position: relative;
border:solid 1px #888; background-color:#FFF; 
}

#tooSlowOverlay {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 30px;
	background-color: #FFF; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}