@charset "utf-8";

/*
|--------------------------------------------------------------------------
| Amediacreative.com > Frontend Framework > Lightbox
|--------------------------------------------------------------------------
|
| @package		Amedia Creative
| @subpackage	Frontend Framework
| @company		Amedia Creative, Inc.
| @phone		310/651/8733
| @fax			310/388/1210
| @author		Joey Avino / Ever Barreto
| @email		joey@amediacreative.com / ever@amediacreative.com
| @link			http://www.amediacreative.com
| @copyright	2008 Amedia Creative, Inc.
| @requires 	mootools.1.2.js
|
*/

/*
|--------------------------------------------------------------------------
| Amediacreative.com > Frontend Framework > Lightbox > Setup
|--------------------------------------------------------------------------
|
| NOTE: This element is positioned as per the viewport in JavaScript.
| This lightbox is intended to be a pre-determined size.
|
*/

	/* ----- 1: Set this to the color of your overlay. -------------- */
	.lightbox_overlay { }





	/* ----- 2: Set the necessary height and width of your ligthbox. -------------- */
	.lightbox_displayed { width: 520px; }
		.lightbox_displayed.project { width: 900px !important; }





	/* ----- 3: Set additional styles for your lightbox -------------- */
	/* ----- 	For the most part, you can style this however you want. -------------- */
	.lightbox_displayed { }
		.lightbox_displayed.project img { }





		/* ----- Center Holder Divs -------------- */
		.lightbox_displayed .section { }





			/* ----- Section Divs -------------- */
			.lightbox_displayed .section .top_left,
			.lightbox_displayed .section .top_right,
			.lightbox_displayed .section .btm_left,
			.lightbox_displayed .section .btm_right { }

			.lightbox_displayed .section .title { height: 30px; width: 90%; float: left; }
				.lightbox_displayed .section .title h2 { padding: 0px; }
			.lightbox_displayed .section .close { width: 10%; float: right; padding-top: 10px; }

			.lightbox_displayed .section .top_left { width: 90%; height: 10px; }
			.lightbox_displayed .section .top_right { width: 10%; height: 10px; }

			.section div.mid { width: 518px; max-height: 610px; overflow-y: auto; overflow-x: hidden; }

				/* ----- Form wrapper. -------------- */		
				.lightbox_displayed .global_input_wrapper { width: 480px; padding: 10px 20px; }
				/* ----- More styles in forms.amedia.css. -------------- */	
				.lightbox_displayed .global_input_wrapper .left { }
				.lightbox_displayed .global_input_wrapper .right { }

					.lightbox_displayed .global_input_wrapper .story_title { }
						.lightbox_displayed .global_input_wrapper .message { padding: 3px 0px; }
					

			.lightbox_displayed .section .btm_left { width: 90%; height: 10px; }
			.lightbox_displayed .section .btm_right { width: 10%; height: 10px; }







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

/*
|--------------------------------------------------------------------------
| --- > LIGHTBOX > NECESSARY ATTRIBUTES
|--------------------------------------------------------------------------
|
| Do not edit below this line. Experienced CSS developers only.
|
*/

	.lightbox_overlay { 	display: none; position: absolute; top: 0px; left: 0px;
							width: 100%; height: 100%; z-index: 1001; cursor: default; }

	.lightbox_displayed { 	display: none; position: absolute; z-index: 1002; }

	/* ----- Fixed position -------------- */
	/* ----- The JS will break if this is not here. -------------- */
	.lightbox_displayed { position: fixed; }

	* html div.lightbox_displayed {
	
		position: absolute;

		top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);

	}

	.lightbox_displayed div.close {
		float:right;
		text-align:right;
		z-index:1;
	}