/*	---------------------------------------------------------------
		@filename		modal_fluid.css
		@author			trey.eckels@akqa.com
		@description	Style definitions for the verticaly fluid modal
		
		Contents
		1. Lightbox Background
		2. Modal Outlines
		3. Close Modal Button
		4. Modal Endcaps and borders
		
		Notes:
		1. Content that displays in modal lives in the .modal-content div.
		2. There is an IE-6 hacks file, mostly for handling png transparency issues on the cap images
		
	--------------------------------------------------------------- */
	
/*	
	=========== 1. Lightbox Background ===========
*/

#lightbox-background-fluid{
	position:absolute;
	z-index:10001;
	left:0px;
	background-color:#000000;
	width:100%;
	height:100%;
	display:none;
	opacity:0;
}


/*	
	=========== 2. Modal Outlines ===========
*/

#modal-positioner-fluid{
	position:absolute;
	z-index:10002;
}

#modals-fluid{
	position:relative;
	display:none;
	z-index:10002;
}

#modals-fluid h2{
	font-size:1.3em;
	padding:15px 0 0 10px;
	font-weight:bold;
	color:#363636;
}

/*	
	=========== 3. Close Modal Button ===========
*/

#modals-fluid #closeModal{
	width:34px;
	height:34px;
	background-image:url(/media/images/global/buttons/btn_popup_close.png);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9000px;
}

#modals-fluid #closeModal.hover{
	background-position:-35px 0;
}

#modals-fluid p{
	margin:0;
	/*margin-bottom:1px;*/
	padding:0;
}

/*	
	=========== 4. Modal Endcaps and borders ===========
*/


#modals-fluid .modal-tl,
#modals-fluid .modal-tr,
#modals-fluid .modal-tm{
	height:38px;	
}

#modals-fluid .modal-tl,
#modals-fluid .modal-tr{
	width:9px;
	background-repeat:no-repeat;
}

#modals-fluid .modal-tl{
	float:left;	
	background-image:url(/media/images/global/modal/popup_top_l_corner.png);
}

#modals-fluid .modal-tr{
	float:right;
	background-image:url(/media/images/global/modal/popup_top_r_corner.png);
}

#modals-fluid .modal-tm{
	background-repeat:repeat-x;
	background-image:url(/media/images/global/modal/popup_top_bg_repeat.png);
	margin:0 9px;
}

#modals-fluid .modal-middle-left,
#modals-fluid .modal-middle-right{
	background-repeat:repeat-y;
	width:9px;
	
}

#modals-fluid .modal-middle-left{
	float:left;	
	background-image:url(/media/images/global/modal/popup_l_border.png);	
}

#modals-fluid .modal-middle-right{
	float:right;
	background-image:url(/media/images/global/modal/popup_r_border.png);
}

#modals-fluid .modal-middle{
	margin-left:9px;
	margin-right:9px;
	background-color:#FEFEFE;
}

#modals-fluid .modal-middle .modal-content{
	background:white;
	/*padding:15px;*/
}



#modals-fluid #modal-center{
	
}

#modals-fluid .modal-bl,
#modals-fluid .modal-br,
#modals-fluid .modal-bm{
	height:12px;
	
}

#modals-fluid .modal-bl,
#modals-fluid .modal-br{
	width:9px;
	background-repeat:no-repeat;
}

#modals-fluid .modal-bl{
	float:left;	
	background-image:url(/media/images/global/modal/popup_btm_l_corner_fluid.png);
	clear:both;
}

#modals-fluid .modal-br{
	float:right;
	background-image:url(/media/images/global/modal/popup_btm_r_corner_fluid.png);
}

#modals-fluid .modal-bm{
	background-image:url(/media/images/global/modal/popup_btm_bg_repeat_v2_fluid.png);
	margin:0 9px;
	padding:0;
}