/* 
 =======================================================
 * UI LIGHTBOX
 *
 * TODO :
 *		: Mac FireFox fix
 *		: ie 6 full screen overlay fix [require full implimentation - if overlay targeted @body need to add in extra style (styles not complete) ]
 =======================================================
 */

	/*
	 =======================================================
	 * OVERLAY BACKGROUND
	 =======================================================
	 */
		.ui-lightbox-overlay, div.ui-loader-overlay
		{
			position			: absolute;	
			height				: 100%;
			width				: 100%;
			top					: 0px;
			left				: 0px;
			background-color	: #ffffff;
			display				: none;
			filter				: alpha(opacity=80);
			-moz-opacity		: 0.8;
			opacity				: 0.8;
			
			z-index				: 500; 
			}


	/*
	 =======================================================
	 * BODY
	 =======================================================
	 */
		.ui-lightbox-container, div.ui-loader-container
		{
			position	: absolute;
			z-index		: 501;
			display		: none; 
			
			background-color : #ffffff;
			}
		
		
		
		/*
		 =======================================================
		 * BORDER / EDGES
		 *
		 * Setup
		 *
		 *	- Corners	: Set dimensions (w/h)
		 *				: Set negative margins to match dimensions
		 *				: Add any background image styles etc
		 *
		 *	- Edges		: Set dimensions 
		 *					- height for 't' and 'b'
		 *					- width for 'l' and 'r'
		 *				: Set positions to match dimensions
		 *					- 'l' = negative left
		 *					- 'r' = negative right
		 *					- 't' = negative top
		 *					- 'b' = negative bottom
		 *				: Add any background image styles etc
		 *
		 *	- PLEASE NOTE : do not adjust properties marked ['DO NOT CHANGE']
		 *
		 =======================================================
		 */
			.ui-lightbox-border-tl,
			.ui-lightbox-border-tr,
			.ui-lightbox-border-bl,
			.ui-lightbox-border-br,
			.ui-lightbox-border-t,
			.ui-lightbox-border-b,
			.ui-lightbox-border-l,
			.ui-lightbox-border-r
			{
				display		: block;
				position	: absolute;
				overflow	: hidden;
				}
			
			/*
			 * CORNERS
			 */
				.ui-lightbox-border-tl,
				.ui-lightbox-border-tr,
				.ui-lightbox-border-bl,
				.ui-lightbox-border-br
				{
					width		: 32px;
					height		: 32px;
					}
				.ui-lightbox-border-tl
				{
					top		: -32px;
					left	: -32px;
					background			: transparent url('/assets/images/national/lightbox-topLeft.png');	
					}
				.ui-lightbox-border-tr
				{
					top		: -32px;
					right	: -32px;
					background			: transparent url('/assets/images/national/lightbox-topRight.png');	
					}
				.ui-lightbox-border-bl
				{
					bottom	: -32px;
					left	: -32px;
					background			: transparent url('/assets/images/national/lightbox-bottomLeft.png');	
					}
				.ui-lightbox-border-br
				{
					bottom	: -32px;
					right	: -32px;
					background			: transparent url('/assets/images/national/lightbox-bottomRight.png');	
					}
			
			/*
			 * EDGES
			 */
				.ui-lightbox-border-t,
				.ui-lightbox-border-b,
				.ui-lightbox-border-l,
				.ui-lightbox-border-r
				{
					/* background-color : #0000ff; */
					}
					
				.ui-lightbox-border-t,
				.ui-lightbox-border-b
				{
					width	: 100% !important; /* DO NOT CHANGE */
					height	: 32px;
					}
				.ui-lightbox-border-t
				{
					top			: -32px;
					left		: 0px;
					background	: url('/assets/images/national/lightbox-top.png');
					}
				.ui-lightbox-border-b
				{
					bottom	: -32px;
					left	: 0px;
					background	: url('/assets/images/national/lightbox-bottom.png');
					}
					
				.ui-lightbox-border-l,
				.ui-lightbox-border-r
				{
					width	: 32px;
					height	: 100% !important; /* DO NOT CHANGE */
					}
				.ui-lightbox-border-l
				{
					top		: 0px; /* DO NOT CHANGE */
					left	: -32px;
					background			: transparent url('/assets/images/national/lightbox-left.png') repeat-y;
					}
				.ui-lightbox-border-r
				{
					top		: 0px; /* DO NOT CHANGE */
					right	: -32px;
					background			: transparent url('/assets/images/national/lightbox-right.png') repeat-y;
					
					}
		
		
		/*
		 =======================================================
		 * CONTENT
		 =======================================================
		 */
			.ui-lightbox-body
			{
				width	: 100%; /* DO NOT CHANGE */
				height	: 100%; /* DO NOT CHANGE */
				/*display	: none; /* DO NOT CHANGE */
				background : #FFFFFF;
				}
			
			
			.ui-lightbox-content
			{
				position	: relative;
				height		: 100%; /* DO NOT CHANGE && DO NOT ADD PADDING OR MARGIN */
				}
				
			
		/* 
		 =======================================================
		 * CLOSE BUTTON
		 =======================================================
		 */
			.ui-lightbox-close
			{
				position	: absolute;
				top			: -30px;
				right		: -35px;
				height		: 29px;
				width		: 31px;
				background	: transparent url('/assets/images/national/closeButton.png') repeat-y;
	            cursor      : pointer;
				}
				
				.ui-lightbox-close a,
				.ui-lightbox-close a:link,
				.ui-lightbox-close a:visited
				{
					visibility : hidden;
					}
				
				.ui-lightbox-close a:hover,
				.ui-lightbox-close a.hover
				{
					visibility : hidden;
					}


		/*
		 =======================================================
		 * LOADING SCREEN
		 =======================================================
		 */
			.ui-lightbox-loading
			{
				position	: absolute;
				top			: 0px;
				left		: 0px;
				width		: 100%;
				height		: 100%;
				display		: none; /* Required for JQuery 1.2.6 */
				}
				
				/*
				 * Example content
				 */
				.ui-lightbox-loading p
				{
					text-align : center;
					}




/* 
 =======================================================
 * IE.6 FORM CONTROL DISABLING WINDOW
 =======================================================
 */

	.ui-lightbox-iframe-fix
	{
		/*
		* An iFrame that is added to sit between overlay window & page to disable form controls
		*/
		position			: fixed;
		top					: 0;
		left				: 0;
		height				: 100%;
		width				: 100%;
		z-index				: 99;

		background-color	: #ffffff;
		border				: none;

		filter			: alpha(opacity=0);
		-moz-opacity	: 0;
		opacity			: 0;
		}


	* html .ui-lightbox-iframe-fix 
	{ 
		/* ie6 size fix */
		position	: absolute;
		height		: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
		}