/*

TRASHCAN CMS STYLES

Revision History

2007-07-17 - Updated hidden forms
2007-07-18 - Updated form elements IE compatibility
2009-07-14 - Updated to table-less layout

*/


/* Updated to CSS only template 2009-07-14 */

	#doc_wrapper	{ background-image: url('../images/asg-layout-bg.gif'); width: 824px; margin: 0 auto; }
	#doc_header		{ background-image: url('../headers/layout-1_02.jpg'); height: 100px; }
	
	#body_wrapper	{ width: 800px; margin: 0 auto; background-color: white; }

	#doc_menubar	{ color: #D7C99F; font-size: 12px; border-top: 2px solid white; padding: 2px 8px; height: 20px; }
	#doc_menubar	{ background-image: url('../images/asg-layout-menu.gif'); text-align: left; }
	
	#body_left_wrapper { width: 649px; float: left; border-right: 1px dotted #BAAB6A; }
	#body_left	{ padding: 2px; }
	
	#body_right	{ width: 150px; float: right; padding-top: 1px; }
	
	#doc_footer	{ height: 15px; background-image: url('../images/asg-layout-foot.gif'); clear: both; }
	#doc_copy	{ background-color: #bbbbbb; text-align: center; color: #666; clear: both; }
	
	.alerter { color: red; }

/* Define Primary color scheme */

	/* Light Foregrounds */

	/* Med Foregrounds */
		H1, H2, H3, H4, H5, H6 { color: #1876B2; }
		

	/* Dark Foregrounds */
		A { color: #1876B2; font-weight: bold; }
		.login_text { color: #444444; }
		A.login_text { color: #1876B2; }
		BODY, TABLE { color: #444444; } 
	
	/* Light Backgrounds */
		.col_rhs { background-color: #FFFCF7; }	

	/* Med Backgrounds */
		.menubar, .menu_item_0 { background-color: #0099CC; } 

	/* Dark Backgrounds */	

	.error_box_wrapper { text-align: center; }
	.error_box { border: 1px solid #444444; width: 500px; background-color: #99C4D8; padding: 10px; margin: 20px; }
	.error_box { margin-left: auto; margin-right: auto; text-align: center; }

	.ad_banner { border: 1px solid white; }
	.doc_body  { background-image: url('../images/asg-layout-bg.gif'); width: 824px; }
	.doc_body  { height: auto; margin-left: auto !important; margin-right: auto !important; }
	.doc_bottom  { background-image: url('../images/asg-layout-foot.gif'); width: 824px; }
	.doc_bottom  { height: 16px; margin-left: auto !important; margin-right: auto !important; }		
	.col_rhs { border-left: 1px dotted #BAAB6A; padding-top: 0px; padding-left: 1px; }	
	
/* menu system */

	.menubar  { color: #D7C99F; font-size: 12px; border-top: 1px solid white; background-image: url('../images/asg-layout-menu.gif'); text-align: left;} 
	/*background-image: url('../images/menubg.gif'); }*/
	A.menubar { color: #444444; border: none; background-image: none; font-weight: normal; background-color: transparent; }

	.side_bar, .menu_marker { color: black; font-size: 10px; text-decoration: none; }

	.menu_item_0  { border-left: 5px solid #D7C99F; color: #444444; font-size: 12px; text-align: left; vertical-align: middle; }
	.menu_item_0 { background-image: url('../images/asg-layout-menu.gif'); padding: 3px; margin-bottom: 1px;  }
	A.menu_item_0 { background-image: none; border: none; display: inline; background-color: transparent; }
	A.menu_item_0 { padding: 0px; font-weight: normal; }
	
	.menu_item_1 { font-size: 10px; color: #111111; padding: 1px; margin-left: 5px; display: block; font-weight: normal; text-align: left;}
	.menu_item_2 { font-size: 10px; color: #666666; padding: 1px; display: block; padding-left: 8px; font-weight: normal; text-align: left;}	

	.menu_marker { display: inline; float: left; width: 10px; padding: 1px; color: #D7C99F; }

	.login_text  { text-align: center; font-size: 9px; padding: 1px; display: block; }
	A.login_text { display: inline; font-weight: normal; }
	TABLE.login_text { text-align: left; padding: 0px; margin: 0px; margin-left: 5px; }

	#page_password { width: 60px; margin: 0px; margin-top: 2px; margin-left: 5px; }
	#page_username { width: 60px; margin: 0px; margin-top: 2px; margin-left: 5px; }


	
/* generic stuff */

	.copyright  { color: #666; font-size: 10px; text-align: center }
	.cookie_trail, A.cookie_trail { color: #666; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: normal; text-align: left;}
	.cms_title_0 { font-size: 24px; }

	A { text-decoration: none; }
	A:hover { text-decoration: underline; }

	BODY  { color: #333333; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
	TABLE { font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }

	H1, H2, H3, H4, H5, H6 { text-decoration: underline; margin-left: 0px; margin-right: 0px; text-align: left; }
	H1, H2, H3, H4, H5, H6 { font-weight: bold; padding: 0px; }
	BODY  { font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
	TABLE { font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
	
	H1 {  margin-bottom: 10px; margin-top: 10px; font-size: 30px; }
	H2 {  margin-bottom: 8px; margin-top: 10px; font-size: 25px; }
	H3 {  margin-bottom: 6px; margin-top: 10px; font-size: 20px; }
	H4 {  margin-bottom: 5px; margin-top: 10px; font-size: 18px; }		
	H5 {  margin-bottom: 5px; margin-top: 10px; font-size: 15px; }
	H6 {  margin-bottom: 5px; margin-top: 10px; font-size: 12px; }

				
/* forum stuff */

	.forum_title     { text-decoration: none; font-size: 10px; text-align: center; color: white; font-weight: bold; }
	.forum_title     { background-color: #BAAB6A; background-image: url('../images/asg-layout-forum-bar.gif');}
	.forum_name      { text-decoration: none; font-size: 14px; color: #0099CC; font-weight: bold; text-decoration: underline;}
	.forum_big_name  { text-decoration: none; font-size: 20px; color: #0099CC; }
	.forum_descript  { text-decoration: none; font-size: 10px; color: #222222; }
	.forum_mod       { text-decoration: none; font-size: 10px; color: #222222; }
	.forum_post_name { text-decoration: none; font-size: 10px; color: #555555; }
	
	.forum_table_bg    { background-color: #F4FAFE; }
	.forum_table_bg_2  { background-color: #F4FAFE; }	

	.forum_num_var     { background-color: #F4FAFE; font-size: 9px; text-align: center; }
	.forum_last_post   { background-color: #F4FAFE; font-size: 9px; text-align: center; }
	.forum_moderators  { background-color: #F4FAFE; font-size: 9px; text-align: center; }
	
	.forum_thread_title { text-decoration: none; font-size: 14px; color: #0099CC; }
	
	.forum_header_box  { width: 400px; border: 2px solid #0099CC; padding: 10px; margin: 10px; }
	.forum_quote_button { text-align: right; padding: 5px; }
	
	.forum_block_quote { border: 1px solid silver; padding: 5px; margin: 5px; margin-left: 25px; }
	.forum_block_quote { color: #555555; width: 350px; }
	
/* Some CSS Stuff for hiding forms etc... */

	.submit_button { font-size: 10px; }
	.no_content { color: silver; }
	.content { color: #333333; }

	.hidden_form_wrapper { display: none; position: absolute; text-align: left; }
	.hidden_form_background { background-color: white; position: relative;  border: 1px solid #333333; }
	.hidden_form_background { filter:alpha(opacity=90);-moz-opacity:.90; opacity:.90; }

	.hidden_form_menubar { position: relative; height: 20px; background-color: silver; text-align: right; border: 1px solid #333333; }
	.hidden_form_menubar { background-image: url('../images/asg-layout-menu.gif'); }
	.hidden_form { position: relative; padding: 5px; }

	.form_title { font-size: 14px; color: #222222; padding-bottom: 3px; text-decoration: underline; }
	.form_subtitle { font-size: 10px; color: #222222; padding: 3px; text-decoration: none; }

	
/* Form Elements */

	INPUT    { font-size: 10px; border: 1px solid #AAAAAA; margin: 2px; }
	BUTTON   { font-size: 10px; border: 1px solid #AAAAAA; margin: 2px; }
	SELECT   { font-size: 10px; border: 1px solid #AAAAAA; margin: 2px; }
	TEXTAREA { font-size: 10px; border: 1px solid #AAAAAA; }
		
	.inputsubmit { font-size: 10px; border: 1px solid #AAAAAA; margin: 2px; }
	.inputreset { font-size: 10px; border: 1px solid #AAAAAA; margin: 2px; color: white; background-color: black; }
	.inputcheckbox { font-size: 10px; }
	.inputradio { font-size: 10px; }
	.inputtext { font-size: 10px; border: 1px solid #AAAAAA; }
	.inputselect { font-size: 10px; border: 1px solid #AAAAAA; }
	.inputtextarea { font-size: 10px; border: 1px solid #AAAAAA; } 
	
/* homepage content stuff */

	.hpc_wrapper { text-align: center; }
	.hpc_div { text-align: justify; margin: 10px; margin-left: auto; margin-right: auto; width: 500px; }
	
	.hpc_div td { padding: 4px; margin: 2px; vertical-align: top; }
		
	.hpc_news_box { background-color: #F0ECE1; border-top: 2px solid #BAAB6A; border-bottom: 6px solid #BAAB6A; }
	.hpc_news_box { background-image: url('../images/asg-hpc-news.gif'); background-position: top left; background-repeat: repeat-x; }
	
	.hpc_forum_box { background-color: #E2F2F7; border-top: 2px solid #1876B2; border-bottom: 6px solid #1876B2; }
	.hpc_forum_box { background-image: url('../images/asg-hpc-forum.gif'); background-position: top left; background-repeat: repeat-x; }
		
	.hpc_gallery_box { background-color: #efefef; border-top: 2px solid orange; border-bottom: 6px solid orange; }
	.hpc_gallery_box { background-image: url('../images/asg-hpc-gallery.gif'); background-position: top left; background-repeat: repeat-x; }			
	
	.hpc_title { font-size: 12px; text-decoration: underline; color: #1876B2; text-align: center; padding: 2px; }
	

/* Stuff for the signup page */
		
	.signup_label { text-align: right; }
	.signup_error, INPUT.signup_error { color: red; border: 1px solid red; background-color: pink; }
	.signup_norm, INPUT.signup_norm { background-color: none; border: 0px solid white; }
	.signup_wrapper { text-align: center; }
	.signup_div { text-align: justify; margin: 10px; margin-left: auto; margin-right: auto; width: 500px; }
	.signup_div { background-color: #efefef; border: 1px solid #cccccc; padding: 5px; }
	
	
/* Row Style for MetaData */	
	
	.meta_data_row { height: 20px;  padding: 2px; border-bottom: 1px solid silver; }
	
	.meta_data_table { background-image: url('../images/asg-hpc-news.gif'); background-position: top left; background-repeat: repeat-x; }
	.meta_data_table { padding: 2px; border: 1px solid silver; background-color: #F0ECE1; height: 400px; width: 500px; }
	.meta_data_table { overflow: scroll; display: none; }
    #meta_data_form { filter:alpha(opacity=80);-moz-opacity:.80; opacity:.80;}
	
	.background_blank { background-color: black; width: 100%; height: 100%; filter:alpha(opacity=50);-moz-opacity:.50; opacity:.50; }
	.background_blank { position: absolute; top: 0px; left: 0px; }
	
/* 2009-20-07 Stuff for new Generic Forms */
	#generic_form { width: 300px; min-height: 300px; border: 1px solid black; background-color: white; }
	#generic_form { position: absolute; top: 0px; left: 0px; }
	
	#generic_form_menu { height: 20px; padding: 2px; background-color: #F0ECE1; text-align: right; }
	
	#generic_form_inner { padding: 5px; }
	#blanker { background-color: black; width: 100%; height: 100%; filter:alpha(opacity=50);-moz-opacity:.50; opacity:.50; }
	#blanker { position: absolute; top: 0px; left: 0px; }