/*
    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.
*/

/* MG Adding these for styling of our colorboxes.  Need to name the popup 'popup_help' */

.popup_help {
	
}

.popup_help p{
	margin: 0 0 5px 0;	
}

.popup_help li{
	margin-left: 1em;
	display: list-item;
	line-height:22px;
	list-style-image: inherit;
	list-style-position: inherit;
	list-style-type: inherit;

}

.popup_help ul{
	padding-left: 1em;
	text-indent: -1em;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom:0px;
}

.popup_help span
{	
display: block;
line-height:25px;
vertical-align:baseline;
}

.popup_help_title_box
	{
	font-size:14px;
	font-weight:bold;
	background-color: #F0F6FF;
	border: 1px solid #E1ECFE;
	margin: 1em 0px;
	padding: 3px;

	}
	
.popup_help_title_box span
	{
		line-height:42px;
	}
	

	
.popup_help_title_box img
{
display: inline;
}
	
.popup_error_title_box
{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	background-color: #FCC;
	border: 1px solid #E1ECFE;
	margin: 1em 0px;
	padding: 5px;
}




/* MG End custom stuff */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxWrapper {-webkit-border-image: url(//d1siwwo0kh614p.cloudfront.net/2/imgs/global/border.png) 10 10 10 10 round round;
border: 1em solid gray;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{padding: 18px; overflow:visible;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox 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:#fff;}

#colorBox{}

    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:0px; margin-top:42px;}
        #cboxTitle{position:absolute; top:0px; left:0; text-align:left; width: 100%;  
		
		background: #4E98E0;
		border: 1px solid #3F67A2;
		color: white;
		font: normal normal bold 18px/normal 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 9px 0px;
		text-indent: 18px;
		text-shadow: #163E79 0px 1px 1px;
		
		
		}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(//d1siwwo0kh614p.cloudfront.net/images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{
			position:absolute;
			right: 20px; 
			top: 11px; 
			background:url(//d1siwwo0kh614p.cloudfront.net/2/imgs/global/popup_close.png);
			display:block; 
			text-indent:-9999px;
			color:#444; 
			font-size:12px; 
			font-weight:bold;
			height: 22px;
			width: 95px;}

/*
    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=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=//d1siwwo0kh614p.cloudfront.net/images/i_e/borderMiddleRight.png, sizingMethod='scale');}