/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#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:hidden;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0; overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; overflow:hidden;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* .cboxScrollable {overflow-y: scroll !important;} */

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#333;}

#colorbox{}
	#cboxContent{margin-top:32px; margin-right: 32px; overflow: visible;}
		#cboxLoadedContent{background:#fff; padding:5px;}
                #cboxLoadingGraphic{background:url(/netautor/external/thickbox/colorboxloading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:#fff;}
                #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
                #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext {text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/netautor/external/thickbox/colorboxcontrols.png) 0 0 no-repeat;}

                #cboxPrevious{background-position:0px 0px; right:44px;}
                #cboxPrevious.hover{background-position:0px -25px;}
                #cboxNext{background-position:-25px 0px; right:22px;}
                #cboxNext.hover{background-position:-25px -25px;}
		#cboxClose{text-indent:-9999px; height: 46px; width:46px; top: -23px; right: -23px; position: absolute; z-index: 100020; background: url("/netautor/external/thickbox/close2.png") no-repeat;}
		#cboxClose.hover{background-image:url("/netautor/external/thickbox/close2over.png")}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

.overlay-inpic {
    width: 100%;
    position: absolute;
    z-index: 99999;
    top: 0px;
    left: 0px;
}
.overlay-inpic a{
    width: 100%;
    height: 100%;
    display: block;
    background: url(/pages/img/pixel.gif) no-repeat;
}

.overlay-image-title {
	text-align: left;
	font-size: 11px; 
	line-height: 16px;
	margin: 8px 0 0 5px; 
	float:left;
}

.overlay-nav-container {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.overlay-nav {
	font-size: 11px;
	float: left;
	margin-top: 7px;
}
.overlay-nav-prev {
	width: 22px;
	height: 22px;
	background: url(/pages/img/portal/nav-prev.png) no-repeat;
}
.overlay-nav-next {
	width: 22px;
	height: 22px;
	background: url(/pages/img/portal/nav-next.png) no-repeat;
}
.overlay-nav-count {
	padding: 2px 7px 0 7px;
	text-algn: center;
}
.overlay-nav-next a,.overlay-nav-prev a {
	display: block;
	width: 100%;
	height: 100%
}