p a.close { width: 48px; padding: 0px 21px 0px 0px; background: url('../images/icon-modal_close.gif') right no-repeat; color: #fff!important; }
.no_bg { background: 0!important; }
.no_bg input { color: #fff!important; border: 1px solid #fff; margin: 5px 0 0 2px; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/*	MODALS												   																   */

	.modal { width: 423px; float: left; padding: 25px 30px 30px 30px; position: relative; background: #000; color: #000; border: 8px solid #373737; text-align: left; }
	.modal_title { width: 423px; float: left; }
		.modal_title h1 { float: left; padding: 0px; margin: 0px; font-size: 22px; font-weight: bold; line-height: 26px!important; color: #fff; }
		.modal_title p { float: right; padding: 0px; margin: 0px; line-height: 25px; }
		.modal_title p.modal_intro { width: 410px; float: left; padding: 10px 0px 15px 0px; font-size: 14px; line-height: 18px; font-weight: bold; color: #fff; }
		.modal_title p.modal_intro a { color: #fff!important; }
		.modal_title p.modal_intro a:hover { color: #FF007E!important; }
		
			.modal_row { width: 423px; float: left; padding: 0px 0px 10px 0px; position: relative; }
			.modal_row label { width: 80px; float: left; line-height: 29px; font-weight: bold; color: #fff; }
			
			.modal_row p.text_input { width: 340px; float: left; height: 33px; background: url('../images/forms/bg-modal_input.jpg') no-repeat; position: relative;  }
			.modal_row p.text_input input { width: 324px; height: 20px; float: left; padding: 8px 8px 0px 8px; color: #292929; background: transparent!important; }
			.modal_row p.text_idea { width: 340px; float: left; padding: 2px 0px 0px 82px; font-size: 11px; color: #666; position: relative; }
			
			.modal_row p.text_input_short { width: 166px; float: left; margin: 0px 8px 0px 0px; height: 33px; background: url('../images/forms/bg-modal_input_short.jpg') no-repeat; display: inline; position: relative; }
			.modal_row p.text_input_short input { width: 150px; height: 20px; float: left; padding: 8px 8px 0px 8px; color: #292929; background: transparent!important; }
			.modal_row p.text_input_short span { float: left; padding: 0px 15px 0px 0px; }
			
			.modal_row p.checkbox { width: 332px; float: left; margin: 0px 8px 0px 0px; padding: 5px 0px 0px 0px; color: #fff; position: relative; }
			.modal_row p.checkbox input { float: left; }
			.modal_row p.checkbox span { width: 300px; float: left; padding: 0 0 0 10px; }
			.modal_row p.checkbox_short { width: 166px; float: left; margin: 0px 8px 0px 0px; padding: 5px 0px 0px 0px; color: #fff; position: relative;  }
			
			.modal_row div.offending_comment { width: 340px; float: left; }
			.modal_row p.label { width: 80px; float: left; padding: 8px 0px 0px 0px; font-weight: bold; color: #fff; }
			
			.modal_buttons { width: 348px; float: left; list-style-type: none; padding: 0px 0px 0px 82px; }
			.modal_buttons li { float: left; padding: 10px 10px 0px 0px; }
			.modal_buttons li.mb_link { width: 150px; float: right; text-align: right; }
			.modal_buttons li.mb_link a { line-height: 28px; font-size: 11px; color: #fff!important; }
			.modal_buttons li.mb_link a:hover { color: #FF007E!important; }
			.facebook_connect_short { width: 396px; float: left; padding: 5px 14px; margin: 20px 0 0 0; background: #292929; display: block; font-size: 14px; font-weight: bold; color: #fff; line-height: 27px; }
		.modal_video { width: 423px; float: left; background: #ededed; }
		
			/* media submission tabs */
			.modal ul.send_tabs { width: 100%; height: 41px; float: left; margin: 0 0 25px 0; list-style-type: none; background: url('../images/forms/bg_send_tabs.jpg') repeat-x; }
			.modal ul.send_tabs li { float: left; }
			.modal ul.send_tabs a { float: left; padding: 0 12px; line-height: 41px; display: block; font-size: 15px; font-weight: bold; color: #fff; }
			.modal ul.send_tabs li a.selected { background: url('../images/forms/bg_send_tabs_on.jpg') repeat-x; }
			.modal a.add_more { font-size: 14px; color: #ff007e!important; }
			/* media submission forms had to be tweaked */
			.send_content .modal_row p.text_input { width: 308px; height: 33px; float: left; margin: 0 0 10px 0; background: url('../images/forms/bg-contact_field.jpg') no-repeat; }
			.send_content .modal_row p.text_input input { width: 292px; float: left; padding: 8px 8px 0 8px; background: transparent!important; }
			.send_content .modal_row p.text_area { width: 300px; height: 111px; float: left; padding:3px 4px 3px 4px; margin: 0 0 10px 0; background: url('../images/forms/bg-contact_textfield.jpg') no-repeat; }
			.send_content .modal_row p.text_area textarea { width: 288px; height: 99px; float: left; padding: 8px 4px 4px 8px; background: transparent!important; border: 0; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/*	FORM VALIDATION ERROR MESSAGES												   																   */
			
	#frmLogin label.error,
	#frmRegister label.error,
	#frmRegister .check label.error,
	#frmForgottenPassword label.error,
	#frmReportAbuse label.error { width: 195px!important; display: none; color: #FF007E!important; font-size: 10px; font-weight: normal; text-align: right; position: absolute; top: 0px; right: 5px; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/*	FORM BUSY MESSAGES												   																   */
			
	#frmLogin label.busy,
	#frmRegister label.busy,
	#frmRegister .check label.busy,
	#frmForgottenPassword label.busy,
	#frmReportAbuse label.busy { width: 16px!important; display: none; text-align: right; position: absolute; top: 7px; right: 5px; width: 16px; height: 16px; background:transparent url(../images/loadingsmall.gif) no-repeat scroll 0 0; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/*	QUICK PEEK											   																   */

	.peek { width: 640px; float: left; padding: 20px; position: relative; background: #000; color: #000; border: 8px solid #373737; text-align: left; overflow: hidden; }
		.peek_title { width: 640px; float: left; padding: 0px 0px 10px 0px; }
			.peek_title p.pt_left { float: left; font-size: 11px; color: #fff; }
			.peek_title p.pt_right { float: right; }
		.peek_body { width: 640px; float: left; }
		.peek_body img { float: right; padding: 0px 0px 10px 10px; }
		.peek_body h1 { line-height: 22px!important; padding: 0px 0px 15px 0px; }
		.peek_body p { padding: 0px 0px 15px 0px; }
		
	/* Updates Block */
	.peek .updates { width: 640px; float: left; margin: 20px 0px 0px 0px; background: #242424; }
	.peek .updates h1 { float: left; padding: 0px 21px 0px 14px; background: url('../images/arrow-title.gif') right center no-repeat; }
		.peek #slider { width: 640px; margin: 0px auto; position: relative; overflow: hidden; }
		.peek .scroll { width: 640px; overflow: auto; overflow-x: hidden; position: relative; float: left; }
		.peek .scroll_container { float: left; background: #000; }
		.peek .scroll_nav { width: 66px; margin: 0px auto; position: relative; top: 0px; } /* edit for re-skinning */
		.peek ul.navigation { list-style: none; height: 9px; padding: 18px 15px 0px 15px; }
		.peek ul.navigation li { width: 12px; height: 6px; display: inline; float: left; overflow: hidden; }
		.peek ul.navigation a { width: 6px; height: 6px; display: block; margin: 0px 3px; background: url('../images/home/dot.jpg') no-repeat; }
		.peek ul.navigation a.selected { background-position: 0px -6px; }
		.peek .scrollButtons { position: absolute; cursor: pointer; }
		.peek .scrollButtons.left { width: 5px; height: 9px; top: 16px; left: 0px; position: absolute; background: url('../images/home/arrow-prev.jpg') no-repeat; z-index: 10; }
		.peek .scrollButtons.right { width: 5px; height: 9px; top: 16px; right: 0px; position: absolute; background: url('../images/home/arrow-next.jpg') no-repeat; z-index: 10; }
		.peek .hide { display: none; }
		/* panel with update chunks */
		.peek .panel { width: 640px; float: left; overflow: hidden; }
			.peek .chunk_tray { width: 660px; float: left; }
			.peek .chunk_item { width: 330px; float: left; }
				.peek .chunk_body { width: 282px; min-height: 60px; padding: 14px; float: left; display: block; background: #000; }
				.peek * html .chunk_body { width: 282px; height: 60px; padding: 14px; float: left; display: block; overflow: hidden; background: #000; }
					.peek .chunk_body p.upd_pic { width: 107px; padding: 0px 14px 0px 0px; float: left; }
					.peek .chunk_body p.upd_pic img { display: block; }
					.peek .chunk_body p.upd_cat { padding: 0px 0px 3px 0px; }
					.peek .chunk_body h2 a,
					.peek .chunk_body p.upd_cat a { color: #fff!important; }

/* Praekelt Additions */
.modal_busy { height: 45px; color:#FFFFFF; float:left; font-weight:bold; line-height:29px; padding:0 0 0 82px; display: none; }

/* recaptcha border and padding */
#recaptcha_image { width: 306px; float: left; height: 63px; background: url('../images/forms/bg-captcha.jpg') no-repeat; position: relative; padding-bottom: 5px }
#recaptcha_image img { padding-left: 3px; padding-top: 3px; }

/* modal checkbox link */
p.checkbox .mb_link  { color: #fff!important; }
p.checkbox .mb_link:hover { color: #FF007E!important; }
