@charset "utf-8";

/*
|--------------------------------------------------------------------------
| Food TV > Front-End > Lightbox
|--------------------------------------------------------------------------
|
| @package		Food TV
| @subpackage	Frontend
| @company		Scripps Interactive.
| @phone		(212) 741-0700 x112
| @fax			(212) 741-4700
| @author		Joey Avino
| @email		javino@gabriels.net
| @link			http://www.gabriels.net
| @copyright	2008 Scripps Interactive.
| @requires		mootools.1.2.js
|
*/

/*
|--------------------------------------------------------------------------
| Food TV > Front-End > Lightbox > Images
|--------------------------------------------------------------------------
|
| Declares all lightbox related images.
|
*/

	/* ----- Declare your global images. -------------- */
	.lightbox_displayed .section .title,
	.lightbox_displayed .section .close,
	.lightbox_displayed .section .btm_left,
	.lightbox_displayed .section .btm_right,
	.lightbox_displayed .section div.mid { background-image: url('../../../images/layout/lightbox/lightbox.gif'); }










/*
|--------------------------------------------------------------------------
| Food TV > Front-End > Lightbox > Setup
|--------------------------------------------------------------------------
|
| NOTE: This element is positioned as per the viewport in JavaScript.
| This lightbox is intended to be a pre-determined size.
|
*/

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

	/* ----- IE6 Wants this. -------------- */
	.clear span { height: 0px !important; width: 0px !important; overflow: hidden !important; }





	/* ----- Set the necessary height and width of your ligthbox. -------------- */
	.lightbox_displayed { width: 520px; font-family: Arial, Helvetica, san-serif; font-size: 12px;}
	
	/* IE7 bugs */
		.lightbox_displayed .global_input_wrapper { height: 100%; }
			.lightbox_displayed .global_input_wrapper #add_playlist_list .multi_wrapper { height: 100%; }





	/* ----- Set additional styles for your lightbox -------------- */
	/* ----- 	For the most part, you can style this however you want. -------------- */

		/* ----- Center Holder Divs -------------- */
		.lightbox_displayed .section { width: 461px; }
			/* ----- START: other CSS override -------------- */
			.lightbox_displayed .section { border: 0; background: none; }
			/* ----- END: foodcouk.css override -------------- */
		#ingredients_form_input_table div label span {
		display:inline;
		float:none !important;
		font-weight:bold;
		}
	
		
		.clear {clear:both; min-height:0;}




			/* ----- Section Divs Custom CSS -------------- */
			.lightbox_displayed .section .close { background-position: top right; width: 30px; float: right; font-weight: bold; text-align: right;  margin-top:-15px; *margin-top:0px;}
				.lightbox_displayed .section .close a { float: right; display: block !important; height: 39px; width: 20px; display: block !important; }
			.lightbox_displayed .section .btm_left { width: 456px; height: 10px; background-position: bottom left; }
			/*.lightbox_displayed .section .btm_right { width: 30px; height: 10px; background-position: bottom right; }*/
			.lightbox_displayed .section div.mid { background-position: 0px -25px; height: 100%; /* IE7 */ }
				.lightbox_displayed .section .mid div.left { width: 239px; }
				.lightbox_displayed .section .mid div.right { width: 219px; }
				
				#email_lightbox input.submit {
					background-image:url(../../../images/layout/main/ftv_buttons.gif);
				}
				
				#email_lightbox .textarea textarea {
					font-size:12px !important;
				}
				






			.lightbox_displayed .section .title { height: 39px; width: 431px; float: left; margin-top:-15px; *margin-top:0px !important; }
				/* ----- START: foodcouk.css override -------------- */
				.lightbox_displayed .section .title { padding: 0; }
				/* ----- END: foodcouk.css override -------------- */





				.lightbox_displayed .section h4 { margin: 15px 0px 0px 10px; }
				.lightbox_displayed .section h3 { font-weight: bold !important; color: #999999; !important; font-size: 13px !important; }
				.lightbox_displayed .section .message  
				{
					font-weight: bold; 
					margin-bottom: 10px;
					font-size: 12px;
				}
				.lightbox_displayed .bullets li 
				{
					background: transparent url(../../../images/layout/bullets/bullet_gray.gif) no-repeat scroll 0 0;
				    padding-left: 16px;
					display: block;
					line-height: 18px;
				}
				.lightbox_displayed .padding_wrapper { padding: 10px 20px; }
				.lightbox_displayed .section .img { width: 162px; height: 125px; }	
				.lightbox_displayed .section .img img { display: none; border: 1px solid #CBCABD; /* Image is 123px / 160px */ }	
					
                .lightbox_displayed .btn-img .submit 
                {
                	background-position: 0 -855px !important;
                	height: 27px;
                	width: 75px;
                }
                
                .lightbox_displayed input.submit 
                {
                	-x-system-font: none;
                	border: 0 none;
                	color: #383B4A;
                	font-family: Arial,Helvetica,sans-serif;
                	font-size: 12px;
                	font-size-adjust: none;
                	font-stretch: normal;
                	font-style: normal;
                	font-variant: normal;
                	font-weight: bold;
                	line-height: normal;
                }
                
				.right {
					display:inline;
					float:right;
				}
				
				.left {
					display:inline;
					float:left;
				}
				
                .lightbox_displayed .input span 
                {
                	background: transparent url(../../../images/layout/forms/form_inputs.gif) no-repeat scroll 0 -457px;
                }
                
				.global_input_wrapper label {white-space:normal !important;}
				
                .lightbox_displayed a, .lightbox_displayed input.submit
                {
                	outline-color: -moz-use-text-color;
                	outline-style: none;
                	outline-width: medium;
                } 
				
				.dropdown select#dropdown_level_1 {
					top:57px;
					left:29px !important;
					*top:85px;
					*left:28px !important;
					*padding-top:20px;
				}
				
				.lightbox_displayed a, .lightbox_displayed input.submit {
					background-position: 5px -855px;
					height:28px;
				}
				
				#save_folder {
					height:28px;
					position:relative;
					top:10px;
				}

                .lightbox_displayed .btn-img 
                {
                	background-image: url(../../../images/layout/main/ftv_buttons.gif) !important;
                	cursor: pointer !important;
                	display: block;
                	text-indent: -9999px;
                }
                
                .lightbox_displayed input { background: transparent none repeat scroll 0 0; padding: 2px 0; border:0px; }
                #signin_form_input_table div label { display: block; }
                
                #signin_form_input_table .input span { display: inline; float: left;}
                #signin_form_input_table .input span.mid { background-position: -5px -136px; }
                                 
				/* ----- Quick Form wrapper. -------------- */		
				.lightbox_displayed .global_input_wrapper { padding: 10px 20px; }
				.lightbox_displayed .section .global_input_wrapper div.left { width: 250px; }
				.lightbox_displayed .section .global_input_wrapper div.right { width: 200px; }
				.lightbox_displayed .global_input_wrapper .message { padding: 3px 0px; font-weight: bold; color: #4A4B5D; }
				/* ----- More styles in framework/forms.css. -------------- */	










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

/*
|--------------------------------------------------------------------------
| Food TV > Front-End > 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);

	}