/*------------------------------------------------------------------

FANCYBOX STYLESHEET

Project:		Carlton E West Building Services Ltd. 
Version:		1.0
Last change:	My revision: 03/07/2009
Assigned to:	Karl Bedingfield
Description:	Styling for fancybox

-------------------------------------------------------------------*/

/** IMPORT IE6 FIXES **/

	@import url("ie.fancybox.css");

/** BACKGROUND OVERLAY & LOADING STYLING **/
	
	html, 
	body {
		height: 100%;
		}

	#fancy_overlay {
		background-color: #666;
		display: none;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 30;
		}

	#fancy_wrap {
		text-align: left;
		}

	#fancy_loading {
		background: transparent;
		cursor: pointer;
		display: none;
		height: 40px;
		overflow: hidden;
		position: absolute;
		width: 40px;
		z-index: 100;
		}

	#fancy_loading div {
		background: transparent url('../images/fancy-img/fancy_progress.png') no-repeat;
		height: 480px;
		left: 0;
		position: absolute;
		top: 0;
		width: 40px;
		}

	#fancy_loading_overlay {
		background-color: #FFF;
		position: absolute;
		z-index: 30;
		}

	#fancy_loading_icon {
		background: url('../images/fancy-img/fancy_loading.png') no-repeat;
		height: 16px;
		position: absolute;
		width: 16px;
		z-index: 35;
		}
		
/** IMAGE BOX CONTAINER **/

	#fancy_outer {
		background: transparent;
		display: none;
		left: 0;
    	margin: 0;
    	overflow: hidden;
    	padding: 18px 18px 33px 18px;
		position: absolute;
    	top: 0;
    	z-index: 90;
		}

	#fancy_inner {
		background: #FFF;
		border: 1px solid #BBB;
		height:100%;
		position: relative;
		width:100%;
		}

	#fancy_content {
		margin: 0;
		position: absolute;
		z-index: 100;
		}
		
	#fancy_div {
		background: #000;
		color: #FFF;
		height: 100%;
		width: 100%;
		z-index: 100;
		}

	#fancy_img {
		border:0;
		height: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
		}
		
/** FANCYBOX CLOSEBOX **/

	#fancy_close {
		background: url('../images/fancy-img/fancy_closebox.png') top left no-repeat;
		cursor: pointer;
		display: none;
		height: 27px;
		position: absolute;
		right: -15px;
		top: -12px;
		width: 27px;
		z-index: 181;
		}

	#fancy_frame {
		display: none;
		height: 100%;
		position: relative;
		width: 100%;
		}

	#fancy_ajax {
		height: 100%;
		overflow: auto;
		width: 100%;
		}
		
/** FANCYBOX NAVIGATION **/

	a#fancy_left, 
	a#fancy_right {
		background: transparent url(../images/fancy-img/blank.gif) no-repeat; /* Trick IE into showing hover */
		bottom: 0px; 
		cursor: pointer;
		display: none;
		height: 100%;
		outline: none;
		position: absolute; 
		width: 49.9%;
		z-index: 111; 	
		}

	#fancy_left a,
	#fancy_right a{
		outline: none;
		}

	a#fancy_left {
		float: left; 
		left:0px;
		top: 0px;
		}

	a#fancy_right {
		float: right;
		right:0px;
		top: 0px;
		}

	a#fancy_left:hover {
		cursor: pointer;
		background: #000 url('../images/fancy-img/fancy_left.png') no-repeat center center;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
		}

	a#fancy_right:hover {
		cursor: pointer;
		background: #000 url('../images/fancy-img/fancy_right.png') no-repeat center center;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
		}

	.fancy_bigIframe {
		background: transparent;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		}
		
/** FANCYBOX IMAGE FRAMING AND SHADOW **/

	#fancy_bg {
		border: 0;
		height: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		z-index: 70;
		}
	
	.fancy_bg {
		border: 0;
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 70;
		}

	.fancy_bg_n {
		background: transparent url('../images/fancy-img/fancy_shadow_n.png') repeat-x;
		height: 18px;
		top: -18px;
		width: 100%;
		}

	.fancy_bg_ne {
		background: transparent url('../images/fancy-img/fancy_shadow_ne.png') no-repeat;
		height: 18px;
		right: -13px;
		top: -18px;
		width: 13px;
		}

	.fancy_bg_e {
		background: transparent url('../images/fancy-img/fancy_shadow_e.png') repeat-y;
		height: 100%;
		right: -13px;
		width: 13px;
		}

	.fancy_bg_se {
		background: transparent url('../images/fancy-img/fancy_shadow_se.png') no-repeat;
		bottom: -18px;
		height: 18px;
		right: -13px;
		width: 13px;
		}

	.fancy_bg_s {
		background: transparent url('../images/fancy-img/fancy_shadow_s.png') repeat-x;
		bottom: -18px;
		height: 18px;
		width: 100%;
		}

	.fancy_bg_sw {
		background: transparent url('../images/fancy-img/fancy_shadow_sw.png') no-repeat;
		bottom: -18px;
		left: -13px;
		height: 18px;
		width: 13px;
		}

	.fancy_bg_w {
		background: transparent url('../images/fancy-img/fancy_shadow_w.png') repeat-y;
		left: -13px;
		height: 100%;
		width: 13px;
		}

	.fancy_bg_nw {
		background: transparent url('../images/fancy-img/fancy_shadow_nw.png') no-repeat;
		left: -13px;
		height: 18px;
		top: -18px;
		width: 13px;
		}
		
/** FANCYBOX TITLES **/

	#fancy_title {
		background:#000;
		bottom: 20px;
		display: none;		
		left: 20px;
		padding:5px 8px;
		position: absolute;
		z-index: 100;	
		
	/* Opacity Settings */
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
		}
		
	#fancy_title_main {
		color: #fff;
		font-size: 75%;
		font-weight:bold;
		}