p a.close { position: absolute; top: 23px; right: -15px; width: 48px; padding: 0px 21px 0px 0px; text-decoration: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/*	MODALS												   																   */

	.modal { float: left; padding: 15px 15px 15px 15px; position: relative; background: #382f8a; color: #fff; border: 8px solid #4844a9; text-align: left; }
	.modal_title { width: 423px; float: left; }
	.modal_title div { padding: 0 15px 0 0; width: 408px; height: 350px; overflow: auto; }	
		.modal_title h1 { float: left; padding: 0 0 15px 0; margin: 0 0 15px 0; width: 100%; border-bottom: 1px solid #fff; font-size: 22px; font-weight: bold; line-height: 26px; color: #fff; }
		.modal_title p { clear: both; padding: 0px; margin: 0px; line-height: 15px; color: #fff; }
		.modal_title ul { clear: both; float: none; padding: 0; margin: 0; line-height: 15px; list-style: square; }
		.modal_title ul li { float: none; margin: 0 0 5px 15px; line-height: 15px; color: #fff; }
		.modal_title a { color: #fff !important; text-decoration: underline; }
		.modal_title a:hover { color: #4844a9 !important; }		
		.modal_title .modal_intro { clear: both; float: left; padding: 15px 0px 15px 0px; font-size: 14px; line-height: 18px; font-weight: bold; color: #fff !important; }
		
		.modal_title table { width: 95%; margin: 0 0 15px 1px; border-collapse: collapse; border: 1px solid #fff; }
		.modal_title table th {	border: 1px solid #fff;  padding: 5px 5px 10px 5px; color: #fff; }
		.modal_title table td { border: 1px solid #fff; padding: 5px; color: #fff; }
		
			.modal .news_body p.news_pic { width: 77px; padding: 0px 9px 0px 0px; float: left !important; }
			.modal .news_body p { clear: none; }
			.modal .news_body p.news_pic img { display: block; }
			.modal .news_body p.date { margin: 12px 0 12px 0; padding: 0; color: #96c714; font-size: 12px; font-weight: 700; }
			.modal .news_body h2 { margin: 0 0 15px 0; padding: 0; color: #fff; font-size: 17px; font-weight: 700; }
			.modal .news_body h2 a { margin: 0; padding: 0; color: #fff; }
			.modal .news_body h2 a:hover { color: #96c714 !important; }
		
			.modal_row { width: 423px; float: left; padding: 0px 0px 15px 0px; position: relative; }
			.modal_row label { width: 80px; float: left; line-height: 29px; font-weight: bold; color: #292929; }
			
			.modal_row p.text_input { width: 340px; float: left; height: 31px; 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: 31px; 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: #292929; position: relative; }
			.modal_row p.checkbox_short { width: 166px; float: left; margin: 0px 8px 0px 0px; padding: 5px 0px 0px 0px; color: #292929; 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: #292929; }
			
			.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; }
		.modal_video { width: 423px; float: left; background: #ededed; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/*	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: #ff0000!important; font-size: 10px; font-weight: normal; text-align: right; position: absolute; top: 0px; right: 5px; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/*	QUICK PEEK											   																   */

	.peek { width: 640px; float: left; padding: 20px; position: relative; background: #fff; color: #000; border: 8px solid #292929; 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: #292929; }
			.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: 18px; 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: #fff url('../images/home/bg-updates.jpg') top repeat-x; }
	.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; }
		.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; }
				.peek * html .chunk_body { width: 282px; height: 60px; padding: 14px; float: left; display: block; overflow: hidden; }
					.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; }
