﻿
/* ****************************************************************************************************

	Description:	HSRC
	
	TABLE OF CONTENTS:
	------------------
		   I. General Styles
		  II. Wrappers/Containers
				 i. Primary Wrapper
				ii. Site Shadow Wrappers
			   iii. Header Wrapper
			    iv. Navigation Wrapper
				 v. Homepage and Content Page Containers
				vi. Footer Wrapper

		 III. Forms
				 i. Homepage Login Form
				ii. New User Form

		  IV. Navigation Styles
				 i. Homepage Navigation
				ii. Content Page Navigation
			   iii. Content Pages Submenu Styling

		   V. Typography Styles
				 i. Homepage Content
				ii. Site Content
			   iii. Footer Content

		  IV. Page Styles
				 i. Manage Accounts Content (School Admin > Man. Accounts
				ii. Report Card Overview (Data > Enter Data)
			   iii. Demographics (Data > Demographics)
				iv. Renew Licenses (Licenses > Renew)
				 v. Update My Information (Data > Update Information)
				vi. Overview (Overview)
			   vii. Web Help (Admin Options > Web Help)
			  viii. Report Card Results (Results > View Rep. C. Res.)
				ix. Manage Reports (Comparisons > Characteristic Eval.)
				 x. Manage Reports (Comparisons > Comparison)
				xi. Manage Reports (Admin Options > Create New Account)
			   xii. Set Up Reports (Admin Options > Set Up Report Cards
			  xiii. Add/Edit Templates (System Admin > Add/Edit Temp.)
			   xiv. Report Card Template (System Admin > Add/Edit Tem.)

		 VII. Icon Styles

   **************************************************************************************************** */

/* **************************************************************************************************** */
/* I. General Styles ********************************************************************************** */
/* **************************************************************************************************** */
html, body {
	width: 100%;
	height: 100%;
	}
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 16px;
	background: #fff url("../../images/bkg_diagonal_aqua.png") top left;
	}

/* Clear Classes */
.clear {
	clear: both;
	}
.clear_left {
	clear: left;
	}
.clear_right {
	clear: right;
	}

img {
	margin: 0;
	padding: 0;
	border: 0;
	}



/* **************************************************************************************************** */
/* II. Wrappers/Containers **************************************************************************** */
/* **************************************************************************************************** */

/* ******************************************************** */
/* i. Primary Wrapper ************************************* */
/* ******************************************************** */
#hsrc_primary_wrapper {
	width: 100%; 
	height: 100%;
	background: transparent url("../../images/bkg_body.png") top left repeat-x;
	}
	


/* ******************************************************** */
/* ii. Site Shadow Wrappers ******************************* */
/* ******************************************************** */
#hsrc_content_shadow_wrapper {
	margin: 0 auto;
	width: 970px; 
	background: transparent url("../../images/bkg_shadow_border.png") top left repeat-y;
	}
	#hsrc_content_wrapper {
		margin: 0 10px; 
		width: 950px;
		}

/* Footer Shadow Base */
#footer_bottom_shadow {
	margin: 0 auto 15px;
	width: 970px;
	height: 42px;
	background: transparent url("../../images/bkg_shadow_footer_border.png") top left no-repeat;
	}



/* ******************************************************** */
/* iii. Header Wrapper ************************************ */
/* ******************************************************** */
#hsrc_header_wrapper {
	position: relative;
	float: left; 
	width: 950px;
	height: 90px;
	}
	div.hsrc_logged_in_container {
		position: absolute;
		top: 72px;
		right: 10px;
		width: 465px;
		color: #055f79;
		font-size: 12px;
		font-weight: normal;
		text-align: right;
		}
		div.hsrc_logged_in_container a {
			color: #034457;
			text-decoration: none;
			}
			div.hsrc_logged_in_container a:hover {
				color: #167d9b;
				}



/* ******************************************************** */
/* iv. Navigation Wrapper ********************************* */
/* ******************************************************** */
#hsrc_navigation_wrapper {
	float: left; 
	width: 950px;
	}



/* ******************************************************** */
/* v. Homepage and Content Page Containers **************** */
/* ******************************************************** */
#hsrc_homepage_content_container,
#hsrc_primary_content_container {
	float: left; 
	width: 950px;
	}
	
	/* Homepage Container and Background */
	#hsrc_homepage_content_container {
		background: #fff url("../../images/bkg_homepage_content.png") top left repeat-y;
		}
	
	/* Homepage Containers */
	#hsrc_homepage_column_left {
		float: left; 
		width: 274px;
		}
	#hsrc_homepage_column_middle {
		margin: 0 10px; 
		float: left; 
		width: 406px;
		}
	#hsrc_homepage_column_right {
		float: left; 
		width: 250px;
		}

	/* Content Page Containers */
	div.content_2_column_even {
		float: left; 
		width: 475px;
		}





/* ******************************************************** */
/* vi. Footer Wrapper ************************************* */
/* ******************************************************** */
#hsrc_footer_wrapper {
	float: left; 
	width: 950px;
	border-top: 1px solid #91908e;
	}
	#footer_content_container {
		float: left; 
		width: 950px;
		background: #c6c6bc url("../../images/bkg_footer.png") top left repeat-x;
		}
		
		/* Footer Navigation and Contact Information */
		#footer_content_top {
			float: left; 
			width: 950px;
			}
			/* Left Column */
			#footer_content_top_left {
				margin: 10px 0 0 0;
				padding: 0 0 0 20px;
				float: left; 
				width: 330px;
				}
				div.footer_content_top_left_container {
					float: left;
					width: 160px;
					}
			/* Middle Column */
			#footer_content_top_middle {
				margin: 10px 0 0 0;
				padding: 0 20px 10px;
				float: left; 
				width: 150px;
				border-left: 1px solid #acacac;
				border-right: 1px solid #acacac;
				}
			/* Right Column */
			#footer_content_top_right {
				margin: 10px 0 0 0;
				padding: 0 0 0 20px;
				float: left; 
				width: 360px;
				}
		
/* Footer Bottom Wrapper */
#footer_content_bottom {												/* Refer to Footer typography */
	margin: 0 10px;
	width: 950px;
	height: 42px;
	}



/* **************************************************************************************************** */
/* III. Forms ***************************************************************************************** */
/* **************************************************************************************************** */

/* ******************************************************** */
/* i. Homepage Login Form ********************************* */
/* ******************************************************** */
div.hsrc_login_form {
	width: 250px;
	}
	
	/* Login Validation Error Message */
	span.hsrc_login_validation_label {
		margin: 0 0 0 15px;
		padding: 0 0 0 22px;
		display: block;
		/*height: 22px;*/
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.8em;
		background: transparent url("../../images/icon_warning.png") center left no-repeat;
		}
	
	/* Default link styling */
	div.hsrc_login_form a {
		color: #034457;
		text-decoration: none;
		}
		div.hsrc_login_form a:hover {
			color: #167d9b;
			}

	/* Homepage Login Button */
	div.hsrc_login_form a.hsrc_login_button {
		margin: 5px 5px 5px 68px;
		float: left;
		display: block;
		width: 49px;
		height: 25px;
		color: #fff !important;
		line-height: 2.1em;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_login_off.png") center no-repeat;
		}
		div.hsrc_login_form a.hsrc_login_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_login_over.png") center no-repeat;
			}
			
	/* Homepage Forgot Password Login Button */
	a.hsrc_login_button_2 {
		margin: 5px 5px 5px 0;
		float: left;
		display: block;
		width: 49px;
		height: 25px;
		color: #fff !important;
		line-height: 2.1em;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_login_off.png") center no-repeat;
		}
		a.hsrc_login_button_2:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_login_over.png") center no-repeat;
			}

	/* Homepage Create Account Button */
	div.hsrc_login_form a.hsrc_create_account_button {
		margin: 5px 5px 5px 70px;
		float: left;
		display: block;
		width: 105px;
		height: 25px;
		color: #fff !important;
		line-height: 2.1em;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_create_account_off.png") center no-repeat;
		}
		div.hsrc_login_form a.hsrc_create_account_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_create_account_over.png") center no-repeat;
			}
			
	div.hsrc_login_form a.hsrc_login_forgot_password {
		line-height: 2.9em;
		}


	div.hsrc_login_wrapper {
		padding: 8px 0 20px 0;
		float: left;
		width: 250px;
		border-bottom: 1px solid #bc8e0f;
		}
	div.hsrc_new_user_wrapper {
		float: left;
		width: 250px;
		}
		div.hsrc_new_user_wrapper span.new_user_info_txt {
			margin: 10px 10px 0;
			padding: 0 0 4px 10px;
			display: block;
			width: 220px;
			font-size: 12px;
			font-style: italic;
			border-left: 5px solid #d16b09;
			}


		span.hsrc_login_title,
		span.hsrc_login_new_user_title {
			margin: 13px 10px 10px;
			display: block;
			color: #044a5e;
			font-size: 13px;
			font-weight: bold;
			text-align: left;
			}
		span.hsrc_login_label_user_id,
		span.hsrc_login_label_password {
			margin: 1px 5px 3px 0;
			float: left;
			display: block;
			width: 65px;
			height: 14px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			line-height: 1.8em;
			text-align: right;
			}
		input.hsrc_login_field_user_id,
		input.hsrc_login_field_password {
			margin: 3px 0;
			padding: 3px;
			display: block;
			width: 155px;
			height: 14px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			text-align: left;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			input.hsrc_login_field_user_id:hover,
			input.hsrc_login_field_password:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			input.hsrc_login_field_user_id:focus,	
			input.hsrc_login_field_password:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}



/* ******************************************************** */
/* ii. New User Form ************************************** */
/* ******************************************************** */
div.new_user_form_wrapper {
	float: left;
	width: 475px;
	background: transparent url("../../images/bkg_new_user_shadow.png") center left no-repeat;
	}
div.new_user_form_label_field_wrapper {
	position: relative;
	margin: 2px;
	float: left;
	width: 455px;
	}
	.new_user_form_subtitle {
		margin-top: 15px;
		margin-left: 115px;
		float: left;
		width: 455px;
		color: #50504e;
		font-size: 10px;
		font-weight: bold;
		font-style: italic;
		text-align: left;
		}
	span.new_user_form_label {
		margin: 3px 5px 3px 0;
		float: left;
		display: block;
		width: 110px;
		height: 14px;
		color: #50504e;
		font-size: 11px;
		font-weight: normal;
		text-align: right;
		}
	input.new_user_form_field {
		padding: 3px;
		width: 227px;
		height: 16px;
		font-size: 11px;
		font-weight: normal;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		input.new_user_form_field:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		input.new_user_form_field:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}



	/* New User Submit Button */	
	a.new_user_submit_button {
		margin: 5px 5px 5px 113px;
		float: left;
		display: block;
		width: 55px;
		height: 25px;
		color: #fff !important;
		line-height: 2.1em;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
		}
		a.new_user_submit_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
			}
	
	/* Validation Error Message */
	.new_user_validation_label {
		position: absolute;
		top: 3px;
		right: 15px;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		
		/*
		right: 110px;
		width: 54px;
		height: 16px;
		line-height: 20em;
		background: transparent url("../../images/icon_required.png") top left no-repeat;
		overflow: hidden;
		*/
		}



/* **************************************************************************************************** */
/* IV. Navigation Styles ****************************************************************************** */
/* **************************************************************************************************** */

#hsc_sub_navbar {
	height: 20px;
	background-color: #b0b094;
	border: none;
	}

/* ******************************************************** */
/* i. Homepage Navigation ********************************* */
/* ******************************************************** */
	
/* Homepage Menu Item Table td Button Containers */
td.homepage_nav_container_null {
	float: left;
	width: 472px; /* 475px */
	}

/* Home Button */
td.homepage_nav_container_home {
	float: left;
	width: 79px;
	}
	a.homepage_nav_bttn_home {
		margin-top: -1px;
		padding: 3px 10px 0; /* 1px 10px */
		float: left;
		display: block;
		width: 60px;
		height: 17px; /* 18px */
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		background: transparent none;
		border-left: 1px solid #94947c;
		}
		a.homepage_nav_bttn_home:hover {
			color: #000;
			background: #dbd58a;
			}

/* About Button */
td.homepage_nav_container_about {
	float: left;
	width: 74px;
	}
	a.homepage_nav_bttn_about {
		margin-top: -1px;
		padding: 3px 10px 0; /* 1px 10px */
		float: left;
		display: block;
		width: 55px;
		height: 17px; /* 18px */
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		background: transparent none;
		border-left: 1px solid #94947c;
		}
		a.homepage_nav_bttn_about:hover {
			color: #000;
			background: #dbd58a;
			}

/* Community Button */
td.homepage_nav_container_community {
	float: left;
	width: 109px;
	}
	a.homepage_nav_bttn_community {
		margin-top: -1px;
		padding: 3px 10px 0; /* 1px 10px */
		float: left;
		display: block;
		width: 90px;
		height: 17px; /* 18px */
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		background: transparent none;
		border-left: 1px solid #94947c;
		}
		a.homepage_nav_bttn_community:hover {
			color: #000;
			background: #dbd58a;
			}

/* Resources Button */
td.homepage_nav_container_resources {
	float: left;
	width: 109px;
	}
	a.homepage_nav_bttn_resources {
		margin-top: -1px;
		padding: 3px 10px 0; /* 1px 10px */
		float: left;
		display: block;
		width: 90px;
		height: 17px; /* 18px */
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		background: transparent none;
		border-left: 1px solid #94947c;
		}
		a.homepage_nav_bttn_resources:hover {
			color: #000;
			background: #dbd58a;
			}

/* Contact Button */
td.homepage_nav_container_contact {
	float: left;
	width: 94px;
	}
	a.homepage_nav_bttn_contact {
		margin-top: -1px;
		padding: 3px 10px 0; /* 1px 10px */
		float: left;
		display: block;
		width: 75px;
		height: 17px; /* 18px */
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		background: transparent none;
		border-left: 1px solid #94947c;
		}
		a.homepage_nav_bttn_contact:hover {
			color: #000;
			background: #dbd58a;
			}


/* ******************************************************** */
/* ii. Content Page Navigation **************************** */
/* ******************************************************** */
#hsc_sub_navbar td.menu_content_page {
	position: relative !important;
	width: 950px;
	height: 20px;
	z-index: 999999999999999999999 !important;
	}
	#hsc_sub_navbar td.menu_content_page table {
		position: relative !important;
		width: 950px;
		height: 20px;
		border-collapse: collapse;
		}
		#hsc_sub_navbar td.menu_content_page table tbody {
			width: 950px;
			height: 20px;
			border-collapse: collapse;
			}
			#hsc_sub_navbar td.menu_content_page table tbody tr {
				width: 950px;
				height: 20px;
				border-collapse: collapse;
				}
				#hsc_sub_navbar td.menu_content_page table tbody tr td {
					border-collapse: collapse;
					}
		
		
		/* Content Page Buttons */
		#ctl00_Navigation1_mnuNavigationn0,
		#ctl00_Navigation1_mnuNavigationn1,
		#ctl00_Navigation1_mnuNavigationn2,
		#ctl00_Navigation1_mnuNavigationn3,
		#ctl00_Navigation1_mnuNavigationn4,
		#ctl00_Navigation1_mnuNavigationn5,
		#ctl00_Navigation1_mnuNavigationn6,
		#ctl00_Navigation1_mnuNavigationn7,
		#ctl00_Navigation1_mnuNavigationn8,
		#ctl00_Navigation1_mnuNavigationn9,
		#ctl00_Navigation1_mnuNavigationn10,
		#ctl00_Navigation1_mnuNavigationn11,
		#ctl00_Navigation1_mnuNavigationn12,
		#ctl00_Navigation1_mnuNavigationn13,
		#ctl00_Navigation1_mnuNavigationn14,
		#ctl00_Navigation1_mnuNavigationn15,
		#hsc_sub_navbar td.menu_content_page table tbody tr td {
			position: relative;
			margin-top: -1px;
			float: left;
			display: block;
			width: 85px;
			height: 20px;
			}
			#ctl00_Navigation1_mnuNavigationn0 table,
			#ctl00_Navigation1_mnuNavigationn1 table,
			#ctl00_Navigation1_mnuNavigationn2 table,
			#ctl00_Navigation1_mnuNavigationn3 table,
			#ctl00_Navigation1_mnuNavigationn4 table,
			#ctl00_Navigation1_mnuNavigationn5 table,
			#ctl00_Navigation1_mnuNavigationn6 table,
			#ctl00_Navigation1_mnuNavigationn7 table,
			#ctl00_Navigation1_mnuNavigationn8 table,
			#ctl00_Navigation1_mnuNavigationn9 table,
			#ctl00_Navigation1_mnuNavigationn10 table,
			#ctl00_Navigation1_mnuNavigationn11 table,
			#ctl00_Navigation1_mnuNavigationn12 table,
			#ctl00_Navigation1_mnuNavigationn13 table,
			#ctl00_Navigation1_mnuNavigationn14 table,
			#ctl00_Navigation1_mnuNavigationn15 table,
			#hsc_sub_navbar td.menu_content_page table tbody tr td table {
				float: left;
				width: 250px !important;
				height: 20px;
				}
				#ctl00_Navigation1_mnuNavigationn0 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn1 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn2 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn3 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn4 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn5 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn6 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn7 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn8 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn9 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn10 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn11 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn12 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn13 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn14 table tbody tr td,
				#ctl00_Navigation1_mnuNavigationn15 table tbody tr td,
				#hsc_sub_navbar td.menu_content_page table tbody tr td table tbody tr td {
					float: left;
					width: 200px !important;
					white-space: normal !important;
					}		
			#ctl00_Navigation1_mnuNavigationn0 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn1 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn2 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn3 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn4 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn5 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn6 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn7 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn8 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn9 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn10 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn11 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn12 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn13 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn14 table tbody tr td a,
			#ctl00_Navigation1_mnuNavigationn15 table tbody tr td a,
			#hsc_sub_navbar td.menu_content_page table tbody tr td a {
				position: relative;
				margin-top: 0;
				padding-top: 2px;
				float: left;
				display: block;
				width: 85px;
				height: 18px;
				color: #fff !important;
				text-align: center;
				background: transparent none;
				cursor: pointer;
				}
				#ctl00_Navigation1_mnuNavigationn0 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn1 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn2 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn3 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn4 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn5 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn6 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn7 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn8 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn9 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn10 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn11 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn12 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn13 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn14 table tbody tr td a:hover,
				#ctl00_Navigation1_mnuNavigationn15 table tbody tr td a:hover,
				#hsc_sub_navbar td.menu_content_page table tbody tr td a:hover {
					color: #000 !important;
					background: #dbd58a;
					}
					
					

/* ******************************************************* */
/* iii. Content Pages Submenu Styling ******************** */
/* ******************************************************* */
div.Navigation2_mnuNavigation_0,
#ctl00_Navigation1_mnuNavigationn1Items,
#ctl00_Navigation1_mnuNavigationn2Items, 
#ctl00_Navigation1_mnuNavigationn3Items, 
#ctl00_Navigation1_mnuNavigationn4Items, 
#ctl00_Navigation1_mnuNavigationn5Items, 
#ctl00_Navigation1_mnuNavigationn6Items, 
#ctl00_Navigation1_mnuNavigationn7Items, 
#ctl00_Navigation1_mnuNavigationn8Items, 
#ctl00_Navigation1_mnuNavigationn9Items, 
#ctl00_Navigation1_mnuNavigationn10Items, 
#ctl00_Navigation1_mnuNavigationn11Items, 
#ctl00_Navigation1_mnuNavigationn12Items, 
#ctl00_Navigation1_mnuNavigationn13Items, 
#ctl00_Navigation1_mnuNavigationn14Items, 
#ctl00_Navigation1_mnuNavigationn15Items, 
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn1Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn2Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn3Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn4Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn5Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn6Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn7Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn8Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn9Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn10Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn11Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn12Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn13Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn14Items,
#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn15Items {
	top: 110px !important;
	width: 180px !important;
	background: #b0b094 none !important;
	text-align: left !important;
	}
	/* Submenu Link Element */
	div.Navigation2_mnuNavigation_0 table tr td table tr td a,
	#ctl00_Navigation1_mnuNavigationn1Items table tr td table tr td a,
	#ctl00_Navigation1_mnuNavigationn2Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn3Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn4Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn5Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn6Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn7Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn8Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn9Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn10Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn11Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn12Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn13Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn14Items table tr td table tr td a, 
	#ctl00_Navigation1_mnuNavigationn15Items table tr td table tr td a, 
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn1Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn2Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn3Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn4Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn5Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn6Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn7Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn8Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn9Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn10Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn11Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn12Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn13Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn14Items table tr td table tr td a,
	#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn15Items table tr td table tr td a {
		margin-top: -1px !important;
		margin-left: -2px !important;
		padding-top: 3px !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
		float: left !important;
		display: block !important;
		width: 160px !important;
		height: 20px !important;
		color: #fff !important;
		font-size: 12px !important;
		text-align: left !important;
		background: transparent none !important;
		cursor: pointer !important;
		}
		/* Submenu Hover */
		div.Navigation2_mnuNavigation_0 table tr td table tr td a:hover,
		#ctl00_Navigation1_mnuNavigationn1Items table tr td table tr td a:hover,
		#ctl00_Navigation1_mnuNavigationn2Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn3Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn4Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn5Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn6Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn7Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn8Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn9Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn10Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn11Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn12Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn13Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn14Items table tr td table tr td a:hover, 
		#ctl00_Navigation1_mnuNavigationn15Items table tr td table tr td a:hover, 
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn1Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn2Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn3Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn4Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn5Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn6Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn7Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn8Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn9Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn10Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn11Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn12Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn13Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn14Items table tr td table tr td a:hover,
		#ctl00_ContentPlaceHolder1_Navigation1_mnuNavigationn15Items table tr td table tr td a:hover {
			color: #000 !important;
			background: #dbd58a none !important;
			cursor: pointer !important;
			}



/* **************************************************************************************************** */
/* V. Typography Styles ******************************************************************************* */
/* **************************************************************************************************** */

/* ******************************************************** */
/* i. Homepage Content ************************************ */
/* ******************************************************** */
#hsrc_homepage_content_container {}
	#hsrc_homepage_content_container h1 {
		margin: 0;
		padding: 0;
		color: #6b9c31;
		/*font-family: Calibri, Arial, Helvetica, Sans-Serif;*/
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		line-height: 1.5em;
		}
	#hsrc_homepage_content_container h2 {
		margin: 0;
		padding: 0;
		color: #347cb7;
		/*font-family: "Times New Roman", Arial, Helvetica, Sans-Serif;
		font-family: Calibri, Arial, Helvetica, Sans-Serif !important;*/
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		}
	#hsrc_homepage_content_container h3 {
		margin: 0;
		padding: 0;
		color: #bb7925;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		}
	#hsrc_homepage_content_container h4 {}
	#hsrc_homepage_content_container h5 {}
	#hsrc_homepage_content_container h6 {}
	#hsrc_homepage_content_container p {
		color: #000;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		}
		/* H1 Match */
		.sub_header_text {
			color: #6b9c31 !important;
			/*font-family: Calibri, Arial, Helvetica, Sans-Serif !important;*/
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 18px !important;
			font-weight: bold !important;
			text-align: left !important;
			line-height: 1.2em !important;
			}
		/* H2 Match */
		.sub_sub_header_text {
			color: #347cb7 !important;
			/*font-family: "Times New Roman", Arial, Helvetica, Sans-Serif !important;
			font-family: Calibri, Arial, Helvetica, Sans-Serif !important;*/
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 15px !important;
			font-weight: bold !important;
			text-align: left !important;
			}
	#hsrc_homepage_content_container a {
		color: #c6700d;
		text-decoration: none;
		}
		#hsrc_homepage_content_container a:hover {
			color: #615228; /* febf10 */
			}
	#hsrc_homepage_content_container ul {}
		#hsrc_homepage_content_container ul li {}
	#hsrc_homepage_content_container ol {}
		#hsrc_homepage_content_container ol li {}



/* ******************************************************** */
/* ii. Site Content *************************************** */
/* ******************************************************** */
#hsrc_primary_content_container {}
	#hsrc_primary_content_container h1 {
		color: #6b9c31;
		/*font-family: Calibri, Arial, Helvetica, Sans-Serif;*/
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		line-height: 1.5em;
		}
	#hsrc_primary_content_container h2 {
		color: #347cb7;
		/*font-family: "Times New Roman", Arial, Helvetica, Sans-Serif;*/
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		}
	#hsrc_primary_content_container h3 {
		color: #bb7925;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		}
	#hsrc_primary_content_container h4 {}
	#hsrc_primary_content_container h5 {}
	#hsrc_primary_content_container h6 {}
	#hsrc_primary_content_container p {
		color: #000;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		}
		/* H1 Match */
		.sub_header_text {
			color: #6b9c31 !important;
			/*font-family: Calibri, Arial, Helvetica, Sans-Serif !important;*/
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 18px !important;
			font-weight: bold !important;
			text-align: left !important;
			line-height: 1.2em !important;
			}
		/* H2 Match */
		.sub_sub_header_text {
			color: #347cb7 !important;
			/*font-family: "Times New Roman", Arial, Helvetica, Sans-Serif !important;
			font-family: Calibri, Arial, Helvetica, Sans-Serif !important;*/
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 15px !important;
			font-weight: bold !important;
			text-align: left !important;
			}
	#hsrc_primary_content_container a {
		color: #c6700d;
		text-decoration: none;
		}
		#hsrc_primary_content_container a:hover {
			color: #615228; /* febf10 */
			}
	#hsrc_primary_content_container ul {}
		#hsrc_primary_content_container ul li {}
	#hsrc_primary_content_container ol {}
		#hsrc_primary_content_container ol li {}




/* ******************************************************** */
/* iii. Footer Content ************************************ */
/* ******************************************************** */

/* General Footer Typography */	
#footer_content_top_left h2,
#footer_content_top_middle h2,
#footer_content_top_right h2 {
	width: 100%;
	color: #50504e;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	}
	
/* Left Column Typography */
div.footer_content_top_left_container p {
	margin: 0;
	padding: 0;
	color: #50504e;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}
div.footer_content_top_left_container a {
	color: #0a77a6;
	text-decoration: none;
	}
	div.footer_content_top_left_container a:hover {
		color: #58b6cc;
		}
		
/* Middle Column Typography */
#footer_content_top_middle p {
	margin: 0;
	padding: 0;
	color: #50504e;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}
#footer_content_top_middle a {
	color: #0a77a6;
	text-decoration: none;
	}
	#footer_content_top_middle a:hover {
		color: #58b6cc;
		}
		
/* Right Column Typography */
#footer_content_top_right p {
	color: #50504e;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}

/* Footer Copyright Information */
#footer_content_bottom {
	float: left; 
	width: 950px; 
	height: 33px; 
	color: #fff; 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 11px; 
	line-height: 3.1em;
	/*background-color: #666;*/
	}
	#footer_content_bottom span {
		margin-left: 20px;
		}
		#footer_content_bottom span a {
			color: #fff;
			text-decoration: none;
			}
			#footer_content_bottom span a:hover {}



/* **************************************************************************************************** */
/* VI. Page Styles ************************************************************************************ */
/* **************************************************************************************************** */

/* ******************************************************** */
/* i. Manage Accounts Content (School Admin > Man. Accounts */
/* ******************************************************** */
#manage_accounts_wrapper {
	width: 950px;
	}
	div.manage_accounts_select_account_bkg {
		height: 325px; 
		background: transparent url('../../images/bkg_new_user_shadow.png') center left no-repeat;
		}
		
		/* Choose Account Select Box */
		select.manage_account_select_box {
			padding: 3px;
			width: 300px;
			height: 22px;
			font-size: 11px;
			font-weight: normal;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			select.web_help_select_drop_down:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			select.web_help_select_drop_down:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}
		
		/* Manage Accounts Submit Button */
		a.manage_accounts_submit_bttn {
			margin: 5px 5px 5px 0;
			float: left;
			display: block;
			width: 55px;
			height: 25px;
			color: #fff !important;
			line-height: 2.1em;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
			}
			a.manage_accounts_submit_bttn:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
				}


/* Accounts Setup Page Styling */
#accounts_setup_wrapper {
	margin: 10px;
	}
	#accounts_setup_navigation_wrapper {
		margin-bottom: 10px;
		width: 930px;
		border-bottom: 1px solid #000;
		}

		/* Panel Styling and Functionality */
		.panel_invisible {
			display: none;
			}
		.panel_visible {
			display: inline;
			}
		.panel_disabled {
			color: green;
			font-weight: bold;
			}
		
		/* Edit Account Name Label */
		span.edit_account_name_label {
			margin: 3px 5px 3px 0;
			padding: 1px 0 0 0;
			float: left;
			display: block;
			width: 85px;
			height: 17px;
			color: #50504e;
			font-size: 11px;
			font-weight: normal;
			text-align: right;
			}
		
		/* Edit Account Name Field */
		input.edit_account_name_field {
			padding: 3px;
			width: 190px;
			height: 16px;
			font-size: 11px;
			font-weight: normal;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			input.edit_account_name_field:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			input.edit_account_name_field:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}
			
		/* Edit Account Save Button */
		a.edit_account_save_button {
			margin: 5px 5px 5px 88px;
			float: left;
			display: block;
			width: 55px;
			height: 25px;
			color: #fff !important;
			line-height: 2.1em;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
			}
			a.edit_account_save_button:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
				}
				
		/* Validation Message */
		.edit_account_validation_message {
			margin: 0 auto;
			display: block;
			width: 200px;
			color: #f00;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			}

/* Edit Group Styling */

	/* Edit Group Labels */
	span.edit_group_field_label {
		margin: 3px 5px 0 0;
		padding: 1px 0 0 0;
		display: block;
		width: 100%;
		height: 17px;
		color: #50504e;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		}

	/* Edit Group Fields */
	input.edit_group_field {
		display: block;
		padding: 3px;
		width: 290px;
		height: 16px;
		font-size: 11px;
		font-weight: normal;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		input.edit_account_name_field:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		input.edit_account_name_field:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}
			
	/* Edit Group Save Button */
	a.edit_group_save_button {
		margin: 5px 5px 5px 0;
		float: left;
		display: block;
		width: 55px;
		height: 25px;
		color: #fff !important;
		line-height: 2.1em;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
		}
		a.edit_group_save_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
			}

	/* Edit Group Validation Messages */
	span.edit_group_validation_message {
		display: block;
		width: 100%;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		}




/* ******************************************************** */
/* ii. Report Card Overview (Data > Enter Data) *********** */
/* ******************************************************** */
#report_card_wrapper {
	position: relative;
	margin: 10px;
	}
	a.report_card_overview_print_icon {
		position: absolute;
		top: 0;
		right: 10px;
		display: block;
		width: 110px;
		height: 30px;
		background: transparent url("../../images/icon_printer_off.png") top left no-repeat;
		cursor: pointer;
		}
		a.report_card_overview_print_icon:hover {
			background: transparent url("../../images/icon_printer_over.png") top left no-repeat;
			}

	/* Validation Message */
	.enter_data_status_label {
		display: block;
		width: 920px;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		}





/* ******************************************************** */
/* iii. Demographics (Data > Demographics) **************** */
/* ******************************************************** */
#demographics_wrapper {
	position: relative;
	margin: 10px;
	}
	
	/* Demographics Select Dropdown Box */
	select.demographics_select_dropdown {
		margin-top: 15px !important;
		padding: 3px !important;
		width: 275px !important;
		height: 22px !important;
		font-size: 11px !important;
		font-weight: normal !important;
		background: #fff !important;
		border: 1px solid #e5e5e5 !important;
		}
		select.demographics_select_dropdown:hover {
			background: #fff !important;
			border: 1px solid #bdbdbd !important;
			}
		select.demographics_select_dropdown:focus {
			background: #fff !important;
			border: 1px solid #81c6d6 !important;
			}
	
	/* Demographics Input Field */
	input.demographics_input_field {
		margin-top: 15px !important;
		padding: 3px !important;
		width: 275px !important;
		height: 14px !important;
		font-size: 11px !important;
		font-weight: normal !important;
		background: #fff !important;
		border: 1px solid #e5e5e5 !important;
		}
		input.demographics_input_field:hover {
			background: #fff !important;
			border: 1px solid #bdbdbd !important;
			}
		input.demographics_input_field:focus {
			background: #fff !important;
			border: 1px solid #81c6d6 !important;
			}
			
	/* Demographics Previous and Next Steps Buttons Styling */
	a.demographics_previous_next_step_buttons {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 130px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_create_new_account_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.demographics_previous_next_step_buttons:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_create_new_account_over.png") center no-repeat;
			border: none;
			}
			
	/* Demographics Save and Delete Buttons */
	a.demographics_save_button,
	a.demographics_delete_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.demographics_save_button:hover,
		a.demographics_delete_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}



/* ******************************************************** */
/* iv. Renew Licenses (Licenses > Renew) ****************** */
/* ******************************************************** */
#renew_licenses_wrapper {
	position: relative;
	margin: 10px;
	}
	table.renew_license_table {}



/* ******************************************************** */
/* v. Update My Information (Data > Update Information) *** */
/* ******************************************************** */
div.update_my_information_columns {
	float: left;
	width: 475px;
	}
	div.update_info_label_field_wrapper {
		position: relative;
		margin: 2px;
		float: left;
		width: 455px;
		}
		div.update_my_information_right_column_styling {
			padding: 45px 0 0 40px; 
			height: 300px; 
			background: transparent url('../../images/bkg_new_user_shadow.png') center left no-repeat;
			}
		
		span.hsrc_update_info_label {
			margin: 3px 5px 3px 0;
			padding: 1px 0 0 0;
			float: left;
			display: block;
			width: 110px;
			height: 17px;
			color: #50504e;
			font-size: 12px;
			font-weight: normal;
			text-align: right;
			}
		input.hsrc_update_info_field {
			padding: 3px;
			width: 300px;
			height: 16px;
			font-size: 12px;
			font-weight: normal;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			input.hsrc_update_info_field:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			input.hsrc_update_info_field:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}

		/* Update My Information Save Button */		
		a.update_my_information_save_button {
			margin: 10px 5px 5px 113px;
			padding: 4px 0 0;
			float: left;
			display: block;
			width: 75px;
			height: 21px;
			color: #fff !important;
			font-size: 12px;
			font-weight: normal;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
			border: none;
			cursor: pointer;
			}
			a.update_my_information_save_button:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
				border: none;
				}



/* ******************************************************** */
/* vi. Overview (Overview) ******************************** */
/* ******************************************************** */
span.overview_information_label {
	margin: 2px 15px 2px 0;
	padding: 2px 0;
	float: left;
	display: block;
	width: 185px;
	height: 14px;
	color: #50504e;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	}
span.overview_information_output {
	margin: 2px 0;
	padding: 2px 0;
	float: left;
	display: block;
	width: 730px;
	height: 14px;
	color: #50504e;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-transform: capitalize;
	}



/* ******************************************************** */
/* vii. Web Help (Admin Options > Web Help) *************** */
/* ******************************************************** */
#web_help_wrapper {
	margin: 10px; 
	float: left; 
	width: 930px;
	}
	div.web_help_content_column_left {
		float: left; 
		width: 375px;
		}
	div.web_help_content_column_right {
		float: left;
		width: 555px;
		height: 280px;
		background: transparent url("../../images/bkg_new_user_shadow.png") center left no-repeat;
		}
		.web_help_unlock_info {
			position: relative;
			margin: 10px 10px 10px 25px;
			}
		
		div.web_help_labels {
			margin: 10px 0 0 0;
			display: block;
			width: 455px;
			}
		select.web_help_select_drop_down {
			margin: 0;
			padding: 3px;
			width: 350px;
			height: 22px;
			font-size: 11px;
			font-weight: normal;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			select.web_help_select_drop_down:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			select.web_help_select_drop_down:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}
		
		/* Manage Priority Code Button */		
		input.manage_priority_code_bttn {
			margin: 5px 5px 5px 0;
			padding: 0;
			float: left;
			display: block;
			width: 155px;
			height: 25px;
			color: #fff !important;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_manage_security_code_off.png") center no-repeat;
			border: none;
			cursor: pointer;
			}
			input.manage_priority_code_bttn:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_manage_security_code_over.png") center no-repeat;
				border: none;
				}
		
		div.web_help_expiration_wrapper {
			margin-top: 15px;
			display: block;
			width: 400px;
			}
			
			/* Expiration Date Field */		
			input.web_help_exp_date_field {
				margin: 0 0 3px;
				padding: 3px;
				display: block;
				width: 200px;
				height: 14px;
				color: #000;
				font-size: 12px;
				font-weight: normal;
				text-align: left;
				background: #fff;
				border: 1px solid #e5e5e5;
				}
				input.web_help_exp_date_field:hover {
					background: #fff;
					border: 1px solid #bdbdbd;
					}
				input.web_help_exp_date_field:focus {
					background: #fff;
					border: 1px solid #81c6d6;
					}
			/* Lock/Unlock Image */
			input.web_help_key_image {
				position: absolute;
				top: 60px;
				right: 0;
				border: 1px solid #d5d5d5;
				}
		
		/* Update Button Wrapper */
		div.web_help_update_button_wrapper {}
			/* Update Button */
			a.web_help_update_button {
				margin: 5px 0;
				float: left;
				display: block;
				width: 55px;
				height: 25px;
				color: #fff !important;
				font-size: 11px;
				font-weight: normal;
				line-height: 2.1em;
				text-align: center;
				background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
				}
				a.web_help_update_button:hover {
					color: #fff;
					background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
					}
					
		/* Web help Validation Messages */
		div.web_help_validation_messages {
			width: 520px;
			color: #f00;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			}



/* ******************************************************** */
/* viii. Report Card Results (Results > View Rep. C. Res.)  */
/* ******************************************************** */

	a.view_reportcard_results_select_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.view_reportcard_results_select_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
	a.view_reportcard_results_cancel_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.view_reportcard_results_cancel_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
	
	/* Validation Message */
	span.select_report_card_error_notice {}
	span.view_reportcard_results_validation_message {
		display: block;
		width: 920px;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		}


/* ******************************************************** */
/* ix. Manage Reports (Comparisons > Characteristic Eval.)  */
/* ******************************************************** */
#manage_reports_wrapper {
	position: relative;
	margin: 10px;
	}
	
	/* Characteristic Evaluation Previous Buttons */
	a.characteristic_evaluation_previous_button_2,
	a.characteristic_evaluation_previous_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.characteristic_evaluation_previous_button_2 {margin: 5px 5px 5px 10px;}
		a.characteristic_evaluation_previous_button_2:hover,
		a.characteristic_evaluation_previous_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
	
	/* Characteristic Evaluation Next and Report Buttons */	
	a.characteristic_evaluation_next_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.characteristic_evaluation_next_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
			
	/* Validation Message */
	.characteristic_evaluation_validation_message {
		display: block;
		width: 920px;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		}
		
#characteristic_evaluation_results_wrapper {}



/* ******************************************************** */
/* x. Manage Reports (Comparisons > Comparison) *********** */
/* ******************************************************** */
#select_report_cards_wrapper {
	position: relative;
	margin: 10px;
	}
	table.RadSplitter_Default {
		width: 930px !important;
		border: none !important;
		}
		td.paneHorizontal {
			width: 930px !important;
			height: 100% !important;
			border: none !important;
			}
			#select_report_cards_wrapper .RadSplitter_Default .pane, .RadSplitter_Default .paneHorizontal div { 
				height: auto !important;
				}
				
			.select_report_cards_content {
				margin: 0 0 20px;
				}



/* ******************************************************** */
/* xi. Comparison Reports (Comparisons > Comparison) ****** */
/* ******************************************************** */
#comparison_reports_wrapper {
	margin: 10px;
	}
	
	/* Comparison Report Previous Button */
	a.comparison_report_previous_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.comparison_report_previous_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
	
	/* Comparison Report Next Button */
	a.comparison_report_next_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.comparison_report_next_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
			
	/* Validation Message */
	.comparison_report_validation_message {
		display: block;
		width: 920px;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		}



/* ******************************************************** */
/* xi. Comparison Reports (Comparisons > Comparison) ****** */
/* ******************************************************** */
#status_review_wrapper {
	margin: 10px;
	}
	
	/* Status Review Previous Button */
	a.status_review_previous_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.status_review_previous_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
	
	/* Status review Next Button */
	a.status_review_next_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.status_review_next_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

	/* Validation Message */
	.status_review_validation_message {
		display: block;
		width: 920px;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		}



/* ******************************************************** */
/* xii. Manage Reports (Admin Options > Create New Account) */
/* ******************************************************** */
#create_new_account_wrapper {
	margin: 10px;
	}
	span.new_account_name_label {
		margin: 3px 5px 3px 0;
		float: left;
		display: block;
		height: 14px;
		color: #000;
		font-size: 12px;
		font-weight: normal;
		line-height: 1.8em;
		text-align: left;
		}
	input.new_account_name_field {
		margin: 3px 0;
		padding: 3px;
		float: left;
		display: block;
		width: 250px;
		height: 15px;
		color: #000;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		input.new_account_name_field:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		input.new_account_name_field:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}
	
	/* Create Account Button */
	input.new_account_name_button {
		margin: 2px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 130px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_create_new_account_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.new_account_name_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_create_new_account_over.png") center no-repeat;
			border: none;
			}

	.create_new_account_message {
		margin: 10px 10px 10px 5px;
		padding: 0 0 0 25px;
		display: block;
		color: #f00;
		font-size: 11px;
		text-align: center;
		}



/* ******************************************************** */
/* xiii. Set Up Reports (Admin Options > Set Up Report Cards */
/* ******************************************************** */
#set_up_report_cards_wrapper {
	margin: 10px;
	}
	div.set_up_report_card_fields_wrapper {
		margin: 5px 0;
		display: block;
		}
		
		/* Select Account and Select Edition Select Boxes */
		select.set_up_report_card_select_account,
		select.set_up_report_card_select_edition {
			margin: 0;
			padding: 3px;
			width: 500px;
			height: 22px;
			font-size: 11px;
			font-weight: normal;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			select.set_up_report_card_select_account:hover,
			select.set_up_report_card_select_edition:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			select.set_up_report_card_select_account:focus,
			select.set_up_report_card_select_edition:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}
		
		/* Number of Report Cards Label */		
		span.set_up_number_of_report_cards_label {
			margin: 3px 5px 3px 0;
			float: left;
			display: block;
			height: 14px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			line-height: 2.1em;
			text-align: left;
			}
		/* Number of Report Cards Field */
		input.set_up_number_of_report_cards_field {
			margin: 3px 0;
			padding: 3px;
			float: left;
			display: block;
			width: 30px;
			height: 15px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			text-align: center;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			input.set_up_number_of_report_cards_field:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			input.set_up_number_of_report_cards_field:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}
				
		/* Create Report Card(s) Button */
		input.create_report_cards_button {
			margin: 2px 5px 5px 0;
			padding: 0;
			float: left;
			display: block;
			width: 150px;
			height: 25px;
			color: #fff !important;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_set_up_report_card_off.png") center no-repeat;
			border: none;
			cursor: pointer;
			}
			input.create_report_cards_button:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_set_up_report_card_over.png") center no-repeat;
				border: none;
				}
				
/* Set Up Report Card Message */
.set_up_report_card_message {
		margin: 10px 10px 10px 5px;
		padding: 0 0 0 25px;
		display: block;
		color: #f00;
		font-size: 11px;
		text-align: center;
		}



/* ******************************************************** */
/* xiv. Add/Edit Templates (System Admin > Add/Edit Temp.) */
/* ******************************************************** */
#report_card_version_wrapper {
	margin: 10px;
	}
	
	/* Report Card Version Header Styling */
	#report_card_version_header_container {
		margin: 0;
		padding: 4px 3px 2px 8px;
		display: block;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		background: #d2e4e7;
		}
	
	/* Create Button */
	input.report_card_version_create_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.report_card_version_create_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

		/* Form Creation Labels */
		span.report_card_version_create_label {
			margin: 3px 5px 3px 0;
			float: left;
			display: block;
			width: 90px;
			height: 14px;
			color: #000;
			font-size: 11px;
			font-weight: normal;
			line-height: 2.1em;
			text-align: right;
			vertical-align: text-top;
			}
		
		/* Version Number Field */
		input.report_card_version_create_field {
			margin: 3px 0;
			padding: 3px;
			float: left;
			display: block;
			width: 350px;
			height: 15px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			text-align: left;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			input.report_card_version_create_field:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			input.report_card_version_create_field:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}

		/* Description Text Area */
		textarea.report_card_version_create_textarea {
			margin: 3px 0;
			padding: 3px;
			float: left;
			display: block;
			width: 350px;
			height: 115px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			text-align: left;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			textarea.report_card_version_create_textarea:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			textarea.report_card_version_create_textarea:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}

		/* Save Button */
		a.report_card_version_create_save_button {}
		
		/* Delete Button */
		a.report_card_version_create_delete_button {}



/* ******************************************************** */
/* xv. Report Card Template (System Admin > Add/Edit Tem.)  */
/* ******************************************************** */
#report_card_version_wrapper {
	margin: 10px;
	}
	
	/* Report Card Template Header Styling */
	div.report_card_template_header_container {
		margin: 0;
		padding: 4px 3px 2px 8px;
		display: block;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		background: #d2e4e7;
		}
	
	div.template_control_grid_wrapper {}
		
	div.report_card_template_button_wrapper {}
	
		/* Create Button */
		input.report_card_template_create_button {
			margin: 10px 5px 5px 0;
			padding: 0;
			float: left;
			display: block;
			width: 75px;
			height: 25px;
			color: #fff !important;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
			border: none;
			cursor: pointer;
			}
			input.report_card_template_create_button:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
				border: none;
				}
		
		/* Back Button */
		input.report_card_template_back_button {
			margin: 10px 5px 5px 0;
			padding: 0;
			float: left;
			display: block;
			width: 75px;
			height: 25px;
			color: #fff !important;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
			border: none;
			cursor: pointer;
			}
			input.report_card_template_back_button:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
				border: none;
				}

		/* Form Creation Labels */
		span.report_card_template_create_label {
			margin: 3px 5px 3px 0;
			float: left;
			display: block;
			width: 90px;
			height: 14px;
			color: #000;
			font-size: 11px;
			font-weight: normal;
			line-height: 2.1em;
			text-align: right;
			vertical-align: text-top;
			}
		
		/* Version Number Field */
		input.report_card_template_create_field {
			margin: 3px 0;
			padding: 3px;
			float: left;
			display: block;
			width: 350px;
			height: 15px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			text-align: left;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			input.report_card_template_create_field:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			input.report_card_template_create_field:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}

		/* Description Text Area */
		textarea.report_card_template_create_textbox {
			margin: 3px 0;
			padding: 3px;
			float: left;
			display: block;
			width: 350px;
			height: 115px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			text-align: left;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			textarea.report_card_template_create_textbox:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			textarea.report_card_template_create_textbox:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}

		/* Status Select Box */
		select.report_card_template_status_select {
			margin: 3px 0;
			padding: 3px;
			width: 85px;
			height: 22px;
			font-size: 11px;
			font-weight: normal;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			select.report_card_template_status_select:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			select.report_card_template_status_select:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}

		/* Add Template Save Button */
		a.report_card_template_create_save_button {
			margin: 10px 5px 5px 92px;
			padding: 4px 0 0;
			float: left;
			display: block;
			width: 75px;
			height: 21px;
			color: #fff !important;
			font-size: 12px;
			font-weight: normal;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
			border: none;
			cursor: pointer;
			}
			a.report_card_template_create_save_button:hover {
				color: #fff;
				background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
				border: none;
				}

		/* Web help Validation Messages */
		span.report_card_template_create_validation_messages {
			margin: 0 0 0 5px;
			padding: 6px 0 0;
			float: left;
			display: block;
			color: #f00;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			}



/* ******************************************************** */
/* xvi. Report Card Template (System Admin > Add/Edit Tem.) */
/* ******************************************************** */
#assign_system_level_roles_wrapper {
	margin: 10px;
	}
	
	/* Left Column */
	div.assign_system_roles_column_left {
		float: left; 
		width: 465px;
		}
		/* Email Address Label */
		span.assign_system_level_roles_label {
			margin: 3px 5px 3px 0;
			float: left;
			display: block;
			width: 65px;
			height: 14px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			line-height: 2.1em;
			text-align: right;
			vertical-align: text-top;
			}
		/* Email Address Field */
		input.assign_system_level_roles_field {
			margin: 3px 0;
			padding: 3px;
			float: left;
			display: block;
			width: 355px;
			height: 15px;
			color: #000;
			font-size: 12px;
			font-weight: normal;
			text-align: left;
			background: #fff;
			border: 1px solid #e5e5e5;
			}
			input.assign_system_level_roles_field:hover {
				background: #fff;
				border: 1px solid #bdbdbd;
				}
			input.assign_system_level_roles_field:focus {
				background: #fff;
				border: 1px solid #81c6d6;
				}
				
		/* Checkboxes */
		span.assign_system_level_roles_checkbox_1 {
			margin: 3px 5px 10px 37px;
			float: left;
			display: block;
			}
			span.assign_system_level_roles_checkbox_1 input {}
			span.assign_system_level_roles_checkbox_1 label {
				font-size: 11px;
				font-weight: normal;
				text-align: left;
				}
		span.assign_system_level_roles_checkbox_2 {
			margin: 3px 0 10px;
			float: left;
			display: block;
			}
			span.assign_system_level_roles_checkbox_2 input {}
			span.assign_system_level_roles_checkbox_2 label {
				font-size: 11px;
				font-weight: normal;
				text-align: left;
				}
				
		/* Add Role Button */
		input.assign_system_level_roles_add_role_bttn {
			margin: 0 5px 5px 37px;
			padding: 0;
			float: left;
			display: block;
			width: 75px;
			height: 25px;
			color: #fff !important;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
			border: none;
			cursor: pointer;
			}
		input.assign_system_level_roles_add_role_bttn:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
			
	/* Right Column */	
	div.assign_system_roles_column_right {
		float: left;
		width: 465px;
		height: 280px;
		background: transparent url("../../images/bkg_new_user_shadow.png") center left no-repeat;
		}
		div.assign_system_roles_checkbox_list_container {
			margin: 20px 0 0 55px;
			}
			
			/* Assign System Level Roles Save Button */
			a.assign_system_level_roles_save_button {
				margin: 10px 5px 5px 0;
				padding: 4px 0 0;
				float: left;
				display: block;
				width: 75px;
				height: 21px;
				color: #fff !important;
				font-size: 12px;
				font-weight: normal;
				text-align: center;
				background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
				border: none;
				cursor: pointer;
				}
				a.assign_system_level_roles_save_button:hover {
					color: #fff;
					background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
					border: none;
					}
					
			/* Edit Version Save Button */
			a.report_card_version_create_save_button {
				margin: 10px 5px 5px 82px;
				padding: 4px 0 0;
				float: left;
				display: block;
				width: 75px;
				height: 21px;
				color: #fff !important;
				font-size: 12px;
				font-weight: normal;
				text-align: center;
				background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
				border: none;
				cursor: pointer;
				}
				a.report_card_version_create_save_button:hover {
					color: #fff;
					background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
					border: none;
					}
			
			/* Edit Version Delete Button */
			a.report_card_version_create_delete_button {
				margin: 10px 5px 5px 0;
				padding: 4px 0 0;
				float: left;
				display: block;
				width: 75px;
				height: 21px;
				color: #fff !important;
				font-size: 12px;
				font-weight: normal;
				text-align: center;
				background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
				border: none;
				cursor: pointer;
				}
				a.report_card_version_create_delete_button:hover {
					color: #fff;
					background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
					border: none;
					}

		/* Web help Validation Messages */
		span.assign_system_roles_validation_messages {
			float: left;
			display: block;
			width: 400px;
			color: #f00;
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			}



/* ******************************************************** */
/* xvii. Add/Edit Templates: Characteristics ************** */
/* ******************************************************** */
#add_edit_templates_characteristics_wrapper {
	margin: 10px;
	}
	
	/* Report Card Version Header Styling */
	#template_characteristics_header_container {
		margin: 0;
		padding: 4px 3px 2px 8px;
		display: block;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		background: #d2e4e7;
		}
	
	/* Create Button */
	input.template_characteristics_add_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.template_characteristics_add_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

	/* Back Button */
	input.template_characteristics_back_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.template_characteristics_back_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

#edit_characteristic_wrapper {
	margin: 10px;
	}
	
	/* Title and Description Labels */
	#edit_characteristic_wrapper span.CharacteristicText2 {
		margin: 3px 5px 3px 0;
		float: left;
		display: block;
		width: 110px;
		height: 14px;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		line-height: 2.1em;
		text-align: right;
		vertical-align: text-top;
		}
	#edit_characteristic_wrapper textarea.CharacteristicText2 {
		margin: 3px 0;
		padding: 3px;
		float: left;
		display: block;
		width: 350px;
		height: 95px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		#edit_characteristic_wrapper textarea.CharacteristicText2:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		#edit_characteristic_wrapper textarea.CharacteristicText2:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}
			
			
	/* Save Button */
	a.template_control_save_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.template_control_save_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}



/* ******************************************************** */
/* xviii. Add/Edit Templates: Characteristics - Indicators  */
/* ******************************************************** */
#add_edit_characteristics_indicators_wrapper {
	margin: 10px;
	}
	
	/* Indicators Header Styling */
	#characteristics_indicators_header_container {
		margin: 0;
		padding: 4px 3px 2px 8px;
		display: block;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		background: #d2e4e7;
		}
	
	/* Create Button */
	input.characteristics_indicators_add_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.characteristics_indicators_add_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

	/* Back Button */
	input.characteristics_indicators_back_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.characteristics_indicators_back_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

#edit_characteristic_indicators_wrapper {
	margin: 10px;
	}
	
	/* Title and Description Labels */
	#edit_characteristic_indicators_wrapper span.CharacteristicText2 {
		margin: 3px 5px 3px 0;
		float: left;
		display: block;
		width: 110px;
		height: 14px;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		line-height: 2.1em;
		text-align: right;
		vertical-align: text-top;
		}
	#edit_characteristic_indicators_wrapper textarea.CharacteristicText2 {
		margin: 3px 0;
		padding: 3px;
		float: left;
		display: block;
		width: 350px;
		height: 95px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		#edit_characteristic_indicators_wrapper textarea.CharacteristicText2:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		#edit_characteristic_indicators_wrapper textarea.CharacteristicText2:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}



/* ******************************************************** */
/* xix. Add/Edit Templates: Characteristics - Indicators ** */
/* ******************************************************** */
#add_edit_statements_wrapper {
	margin: 10px;
	}
	
	/* Indicators Header Styling */
	#statements_header_container {
		margin: 0;
		padding: 4px 3px 2px 8px;
		display: block;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		background: #d2e4e7;
		}
	
	/* Create Button */
	input.statements_add_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.statements_add_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

	/* Back Button */
	input.statements_back_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.statements_back_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

#edit_statements_wrapper {
	margin: 10px;
	}
	
	/* Title and Description Labels */
	#edit_statements_wrapper span.CharacteristicText2 {
		margin: 3px 5px 3px 0;
		float: left;
		display: block;
		width: 110px;
		height: 14px;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		line-height: 2.1em;
		text-align: right;
		vertical-align: text-top;
		}
	#edit_statements_wrapper textarea.CharacteristicText2 {
		margin: 3px 0;
		padding: 3px;
		float: left;
		display: block;
		width: 350px;
		height: 95px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		#edit_statements_wrapper textarea.CharacteristicText2:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		#edit_statements_wrapper textarea.CharacteristicText2:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}



/* ******************************************************** */
/* xx. Add/Edit Templates: Demographics ******************* */
/* ******************************************************** */
#add_edit_demographics_wrapper {
	margin: 10px;
	width: 930px;
	}
#bottom_edit_demographics_wrapper {
	margin: 10px;
	width: 930px;
	}
	
	/* Indicators Header Styling */
	#demographics_header_container {
		margin: 0;
		padding: 4px 3px 2px 8px;
		display: block;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		background: #d2e4e7;
		}
	
	/* Create Button */
	input.demographics_add_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.statements_add_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
	
	/* Demographics Back Button */
	input.demographics_back_button {
		margin: 10px 5px 5px 0;
		padding: 0;
		float: left;
		display: block;
		width: 75px;
		height: 25px;
		color: #fff !important;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		input.statements_back_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}
	
	/* General Labels: Left */
	span.edit_demographics_label_lg {
		margin: 0 5px 3px 0;
		padding: 0;
		float: left;
		display: block;
		width: 95px;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.8em;
		text-align: right;
		vertical-align: text-top;
		}
	
	/* Checkbox Labels: Left */
	span.edit_demographics_checkbox_lg label {
		margin: 0 5px 3px 0;
		padding: 0;
		float: left;
		display: block;
		width: 95px;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.8em;
		text-align: right;
		vertical-align: text-top;
		}
		.edit_demographics_label_inline {
			margin: 0 5px 3px 10px;
			padding: 0;
			float: left;
			display: block;
			color: #000;
			font-size: 11px;
			font-weight: normal;
			line-height: 1.8em;
			text-align: right;
			vertical-align: text-top;
			}
	
	/* Input Fields */
	input.edit_demographics_input_field_lg,
	input.edit_demographics_input_field {
		padding: 3px;
		float: left;
		width: 50px;
		height: 16px;
		font-size: 11px;
		font-weight: normal;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		input.edit_demographics_input_field_lg:hover,
		input.edit_demographics_input_field:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		input.edit_demographics_input_field_lg:focus,
		input.edit_demographics_input_field:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}
			
		input.edit_demographics_input_field_lg {
			width: 400px;
			}
	
	/* Text Areas */	
	textarea.edit_demographics_textarea_lg {
		margin: 3px 0;
		padding: 3px;
		float: left;
		display: block;
		width: 400px;
		height: 65px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		textarea.edit_demographics_textarea_lg:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		textarea.edit_demographics_textarea_lg:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}

	/* Select Dropdown Boxes */
	select.edit_demographics_select_sm,
	select.edit_demographics_select_md,
	select.edit_demographics_select_lg {
		padding: 3px;
		float: left;
		height: 22px;
		font-size: 11px;
		font-weight: normal;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		select.edit_demographics_select_sm:hover,
		select.edit_demographics_select_md:hover,
		select.edit_demographics_select_lg:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		select.edit_demographics_select_sm:focus,
		select.edit_demographics_select_md:focus,
		select.edit_demographics_select_lg:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}
			
		select.edit_demographics_select_sm:focus {width: 125px !important;}
		select.edit_demographics_select_md:focus {width: 225px !important;}
		select.edit_demographics_select_lg:focus {width: 375px !important;}



/* ******************************************************** */
/* xxi. Trend Comparison Report *************************** */
/* ******************************************************** */
#trend_comparison_report_wrapper {
	margin: 10px;
	}

	/* Previous Button */
	a.trend_comparison_previous_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.trend_comparison_previous_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}

	/* Next Button */
	a.trend_comparison_next_button {
		margin: 5px 5px 5px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 75px;
		height: 21px;
		color: #fff !important;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
		border: none;
		cursor: pointer;
		}
		a.trend_comparison_next_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
			border: none;
			}


	/* Validation Message */
	span.trent_comparison_report_validation_message {
		display: block;
		width: 920px;
		color: #f00;
		font-size: 11px;
		font-weight: normal;
		text-align: center;
		}


/* ******************************************************** */
/* xxii. Add Users **************************************** */
/* ******************************************************** */
span.add_user_field_label {
	margin: 0 5px 3px 0;
	padding: 4px 0 0;
	float: left;
	display: block;
	width: 125px;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.8em;
	text-align: right;
	vertical-align: text-top;
	}
input.add_user_field_input {
	margin: 3px 0;
	padding: 3px;
	float: left;
	display: block;
	width: 300px;
	height: 15px;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
	input.add_user_field_input:hover {
		background: #fff;
		border: 1px solid #bdbdbd;
		}
	input.add_user_field_input:focus {
		background: #fff;
		border: 1px solid #81c6d6;
		}
		
.add_user_error_message {
	margin: 0 0 0 5px;
	padding-top: 6px;
	padding-left: 5px;
	float: left;
	display: block;
	color: #f00;
	font-size: 11px;
	font-weight: normal;
	}



/* ******************************************************** */
/* xxiii. Edit School ************************************* */
/* ******************************************************** */
#edit_school_information_wrapper {
	margin: 10px;
	}
	
	/* Labels */
	span.edit_school_information_label {
		margin: 0 5px 3px 0;
		padding: 4px 0 0;
		float: left;
		display: block;
		width: 100px;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.8em;
		text-align: right;
		vertical-align: text-top;
		}
	
	/* Input Fields */
	input.edit_school_information_field_input {
		padding: 3px;
		display: block;
		width: 165px;
		height: 16px;
		font-size: 11px;
		font-weight: normal;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		input.edit_school_information_field_input:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		input.edit_school_information_field_input:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}
	
	/* Dropdown */
	select.edit_school_information_dropdown {
		padding: 3px;
		display: block;
		width: 165px;
		height: 22px;
		font-size: 11px;
		font-weight: normal;
		background: #fff;
		border: 1px solid #e5e5e5;
		}
		select.edit_school_information_dropdown:hover {
			background: #fff;
			border: 1px solid #bdbdbd;
			}
		select.edit_school_information_dropdown:focus {
			background: #fff;
			border: 1px solid #81c6d6;
			}

	/* Edit School Save Button */
	a.edit_school_save_button {
		margin: 5px 5px 5px 0;
		float: left;
		display: block;
		width: 55px;
		height: 25px;
		color: #fff !important;
		line-height: 2.1em;
		text-align: center;
		background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
		}
		a.edit_school_save_button:hover {
			color: #fff;
			background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
			}



/* ******************************************************** */
/* xxiv. Assign Roles ************************************* */
/* ******************************************************** */
a.assign_role_save_button {
	margin: 5px;
	float: left;
	display: block;
	width: 55px;
	height: 25px;
	color: #fff !important;
	line-height: 2.1em;
	text-align: center;
	background: transparent url("../../images/bttn_bkg_submit_off.png") center no-repeat;
	}
	a.assign_role_save_button:hover {
		color: #fff;
		background: transparent url("../../images/bttn_bkg_submit_over.png") center no-repeat;
		}
	
	/* Message Label */
	span.message_label {
		margin-left: 5px;
		color: #f00;
		font-size: 11px;
		}


/* ******************************************************** */
/* xxv. Add Users ***************************************** */
/* ******************************************************** */

a.add_user_save_button {
	margin: 5px 5px 5px 0;
	padding: 4px 0 0;
	float: left;
	display: block;
	width: 75px;
	height: 21px;
	color: #fff !important;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background: transparent url("../../images/bttn_bkg_report_card_version_off.png") center no-repeat;
	border: none;
	cursor: pointer;
	}
	a.add_user_save_button:hover {
		color: #fff;
		background: transparent url("../../images/bttn_bkg_report_card_version_over.png") center no-repeat;
		border: none;
		}
a.add_user_save_and_assign_button {
	margin: 5px 5px 5px 0;
	padding: 4px 0 0;
	float: left;
	display: block;
	width: 130px;
	height: 21px;
	color: #fff !important;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background: transparent url("../../images/bttn_bkg_create_new_account_off.png") center no-repeat;
	border: none;
	cursor: pointer;
	}
	a.add_user_save_and_assign_button:hover {
		color: #fff;
		background: transparent url("../../images/bttn_bkg_create_new_account_over.png") center no-repeat;
		border: none;
		}




/* **************************************************************************************************** */
/* VII. Icon Styles *********************************************************************************** */
/* **************************************************************************************************** */
div.information_icon {
	position: absolute;
	top: 5px;
	right: 5px;
	}







.Characteristicheader {
	font-size: 11px !important;
	font-weight: bold !important;
	border: none !important;
	/*background: #d2e4e7 !important;*/
	}

























/* **************************************************************************************************** NO LONGER IN USE
div {
	-moz-box-sizing: border-box;	
	 margin: 0px;
	 padding: 0px;
	}
*/


/* **************************************************************************************************** NO LONGER IN USE
	
 
div#hsc_home_navbar {
	position: absolute;
	margin-top: -20px;
	width: 948px;
	height: 18px;
	}

div#hsc_home_body {
	position: absolute;
	margin-top: 163px;
	width: 948px;
	height: 650px;
	border-bottom: 1px solid #6B9C31;
	border-left: 1px solid #6B9C31;
	border-right: 1px solid #6B9C31;
	}

div#hsc_footer {
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	
	border: 1px solid #6B9C31;
	}

span#hsc_home_leftcolumn {
	position: absolute;
	margin-top: 5px;
	width: 261px;
	}

span#hsc_home_rightcolumn {
	position: absolute;
	margin-left: 283px;
	margin-top: 2px;
	width: 659px;
	}
	
div#home_largeimage {
	width:412px;
	}
	
div#hsc_home_rightcontent {
	position: absolute;
	margin-top: 0px;
	width:659px;
	margin-left:10px;
	margin-right:10px;
	}
	
div#hsc_home_contentblock {
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	width: 261px;
	border: 1px solid #6B9C31;
	}
.nav_left_border {
                BORDER-LEFT: #b0b094 1px solid
}



div#loginBox_home {
	padding-top: 5px;
	background-color: #fed257;
	width: 247px;
	height: 129px;
	border-left: 1px solid #6B9C31;
	border-top: 1px solid #6B9C31;
	border-right: 1px solid #6B9C31;
	}
*/


















/*
.printFriendly
{
	 page-break-before:always;
	 vertical-align:top;
}
	
.nonspace
{
	border-left: 1px solid #000000;		
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;		
}
.uiTable
{	 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;		
	border-top: 1px solid #000000;	
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000;	  
	border-right: 1px solid #000000;
}

.uiButtonTable
{	 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;		
	border-top: 0px;	
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000;	  
	border-right: 1px solid #000000;

}

.questioncell 
{
	padding-left: 5px;
	padding-right: 5px;	
	font-size:11pt;
	text-align: left;
	line-height: 125%;
}

.radioButtonCell
{	
	border-top: 2px solid #000000;	
	border-bottom: 2px solid #000000;
	border-right: 1px solid #000000;
}

.radioButtonCellTopButtom
{	
	border-top: 2px solid #000000;	
	
}

.radioButtonCell2
{	
	border-top: 2px solid #000000;	
	border-bottom: 2px solid #000000;
	margin-left: 1px; 
	margin-right: 1px;
	
}

.radioButtonCellGrayRow
{	
	background-color:#DEDEDE;
	border-top: 2px solid #000000;	
	border-bottom: 2px solid #000000;
	margin-left: 1px; 
	margin-right: 1px;
	
}

.blankcell
{	
	border-top: 1px solid #000000;	
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;	
	background-color:#FFFFCC;
	border-color: #000000;
}
.radioButtonCell3
{	
	border-top: 1px solid #000000;	
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;	
	background-color:#FFFFCC;
}

.nonspace2
{	
	border-bottom: 1px solid #000000;	
}
	
.CharacteristicBox
{
	background-color:#FFFFCC;		
	padding-left: 0px;
	padding-right: 0px;	
}

.DemographicRowColor
{
	background-color:#FFFFCC;	
}


.IndicatorBox
{
	background-color:#FFFFCC;	
	border-top: 1px solid #000000;	
	border-right: 1px solid #FFFFCC;
	padding-left: 0px;
	padding-right: 0px;	
}

.buttonrow
{	
	border-top: 1px solid #000000;		
	border-top-color: #000000;	
			
}

.buttonrow2
{
	border-left: 1px solid #000000;	
	border-top: 1px solid #000000;	
	border-right: 1px solid #000000;
	border-top-color: #000000;	
	border-bottom-color: #000000;	
	background-color:#FFFFCC;
}

.buttonrowBackup
{
	border-left: 1px solid #000000;	
	border-top: 1px solid #000000;	
	border-right: 1px solid #000000;
	border-top-color: #000000;	
	border-bottom-color: #000000;	
	background-color:#FFFFCC;
}

.rightnav
{
	background-color:#EFCF7A;
}
.lightergrey
{
	background-color: #E5E5E5;
}

.greyborder
{
	background-color: #CCCCCC;
}


.lightergrey
{
	background-color: #E5E5E5;
}

.greyborder
{
	background-color: #CCCCCC;
}

.text
{
	font-size:12pt;
	font-family:Verdana;	
}

.bodyText
{
	font-size:10pt;
	font-family:Verdana;	
}

.schoolAdminGrid
{
	font-size:8pt;
	font-family:Verdana;
	
	
}
.schoolAdminAlternateRow
{
	font-size:8pt;
	font-family:Verdana;
	
	
}
.schoolAdminHeaderRow
{
	font-size:8pt;
	font-family:Verdana;
	 font-weight:bold;
	
}
.CharacteristicText
{
	font-size:10pt;
	font-family:Verdana;
	font-weight: bold;
	
}
.CharacteristicAlternateRowStyle
{
	font-size:10pt;
	font-family:Verdana;
	font-weight: bold;
	
	 
	
}
.CharacteristicText2
{
	font-size:10pt;
	font-family:Verdana;	
}

.Characteristicheader
{
	font-size:12pt;
	color:#990000;
	font-family:Verdana;
	font-weight: bold;	
}
.indicatorText
{
	font-size:10pt;
	font-family:Verdana;
	font-weight: bold;
	background-color:#FFFFCC;
}

.viewDetails
{
	font-size:10pt;
	font-family:Verdana;	
}

.percentage
{
	font-size:12pt;
	font-family:Verdana;	
}

.button
{
	background-color:Green;
	color:White;
	font-size:10pt;
	font-family:Verdana;	
}

.footerlink
{
	text-decoration: underline;
	color: Black;
	font-size:8pt;
	font-family:Verdana;	
}

.footerlabel
{
	color: Black;
	font-size:8pt;
	font-family:Verdana;	
}

.form_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	padding-right: 5px;
}
	
	
.sub_header_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#6B9C31;
	}	
	
div#sub_purchase_left {
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 10px;
	width: 450px;
	}

div#sub_purchase_right {
	margin-left: 460px;
	margin-top: 12px;
	margin-right: 10px;
	width: 480px;
	border: 1px solid #6B9C31;
	padding: 5px;
	background-color: #fed257;
	}
	
.sub_purchase_left {
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 10px;
	vertical-align: top;
	}

.sub_purchase_right 
{
	margin-top: 12px;
	margin-right: 10px;
	height: 150px;
	border: 1px solid #6B9C31;
	padding: 5px;
	background-color: #fed257;
}

.sub_purchase_right_payment 
{
	margin-top: 12px;
	margin-right: 10px;
	border: 1px solid #6B9C31;
	background-color: #fed257;
	padding: 2px;
}
	
.sub_purchase_login
{
	margin-top: 12px;
	margin-right: 10px;
	border: 1px solid #6B9C31;
	padding: 5px;
	background-color: #fed257;
}

.validation_label
{
	color:Red;		
}

.message_label
{
	color:Green;		
}

.label_aligned
{
	text-align: right;
	width: 30%;
	vertical-align: text-top;
}

.label_aligned_middle
{
	text-align: right;
	width: 30%;
	vertical-align: middle;
}

.ReportColorGreen
{
	background-color: #008000;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #CCCCCC;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
}

.ReportColorRed
{
	background-color: #FF0000;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #CCCCCC;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
}

.ReportColorLime
{
	background-color: #00FF00;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #CCCCCC;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
}

.ReportColorBlue
{
	background-color: #0000FF;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #CCCCCC;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
}

.ReportColorOrange
{
	background-color: #FFA500;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #CCCCCC;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
}

.ReportColorNone
{
	background-color: White;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px #CCCCCC;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
	border-left: 1px #CCCCCC;
}

.ReportLegendCell
{
	text-align: center;
	border-bottom: 1px #CCCCCC;
	border-top: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
	border-left: 1px #CCCCCC;
	text-align: left;
	font-size: x-small;
}

.radioButtonCell3Report
{	
	background-color:#CCFFFF;
}

.uiTableReport
{	 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;		
	border-top: 1px #CCCCCC;	
	border-bottom: 1px #CCCCCC; 
	border-left: 1px #CCCCCC;	  
	border-right: 1px #CCCCCC;
	border-collapse: collapse;
	vertical-align:top;
}

.ReportQuestion
{
	font-weight: bold;	
	font-size: x-small;
	border-right-color: #CCCCCC;
	border-right-width: 2px;
	border-left-color: #CCCCCC;
	border-left-width: 2px;	
	vertical-align: top;
}
.printFriendlyCharacteristic
{
	page-break-before:always;
	vertical-align:top;
	background-color:#FFFF66;		
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size:10pt;
	font-family:Verdana;
	border-bottom-width: 1px;
	border-bottom-color: #FFFF66;	
	border-right-width: 1px;
	border-right-color:#CCCCCC;
}
.CharacteristicBoxReportTitle
{
	background-color:#FFFF66;		
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size:10pt;
	font-family:Verdana;
	border-bottom-width: 1px;
	border-bottom-color: #FFFF66;	
	border-right-width: 1px;
	border-right-color:#CCCCCC;
}

.CharacteristicBoxReportDescription
{
	background-color:#FFFF66;		
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 2px;
	padding-bottom: 2px;
	border-right-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	height: 40px;
	vertical-align: text-top;
}

.IndicatorBoxReportDisplayNumber
{
	background-color:#FFFF66;	
	border-top: 1px #CCCCCC;	
	padding-left: 5px;
	padding-right: 0px;	
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:10pt;
	font-family:Verdana;
	font-weight: bold;
	height: 15px;
}

.IndicatorBoxReport
{
	background-color:#FFFFcc;	
	border-top: 1px #CCCCCC;	
	border-right: 1px #CCCCCC;
	padding-left: 0px;
	padding-right: 0px;	
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:10pt;
	font-family:Verdana;
	font-weight: bold;
	color: #000000;
	height: 15px;	
}

.StatementReportDisplayNumber
{	
	border-top: 1px #CCCCCC;	
	border-bottom: 1px #CCCCCC;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px; 
	margin-right: 1px;
	background-color: #FFFF99;	
	vertical-align: text-top;
	padding-top: 2px;
	padding-left: 5px;
}

.StatementReport
{	
	border-top: 1px Black;	
	border-bottom-width: 3px;
	border-bottom-color: #CCCCCC;
	margin-left: 1px; 
	margin-right: 1px;
	color: #333333;
	vertical-align: text-top;
	padding-top: 2px;
}

.ReportCell
{	
	border-top: 1px #CCCCCC;	
	border-bottom: 1px #CCCCCC;
	border-right: 1px #CCCCCC;
}

.ReportStatusText
{
	font-weight:bold;
	text-align: left;	
}

.RatingText
{
	font-size:10pt;
	font-family:Verdana;
	font-weight: bold;
	background-color:#FFFFCC;
}

div#hsc_sub_leftnav 
{
	padding-left: 5px;
	margin-left:0px;
	margin-top: 0px;
	margin-right: 10px;
	width: 201px;
	border-left: 1px solid #6B9C31;
	border-bottom: 1px solid #6B9C31;
	border-right: 1px solid #6B9C31;
	line-height: 30px;
	background-color:#FFFFCC;
}

div#hsc_sub_content 
{
	margin: 10px 10px 15px 0px;
	width: 474px;
}

.loginBox_sub 
{
	background-color: #fed257;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	width: 246px; 
	border: 1px solid #6B9C31;
	
}
*/
/*
.loginBox_subHome {
	background-color: #fed257;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	width: 246px;	
	border-left: 1px solid #6B9C31;
	border-bottom: 1px solid #6B9C31;
	border-right: 1px solid #6B9C31;
	
}
*/






.loginBox_subHome {
	background-color: #fed257;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	width: 246px;	
	border-left: 1px solid #6B9C31;
	border-bottom: 1px solid #6B9C31;
	border-right: none;
	}




.yellowBox_sub 
{
	background-color: #fed257;
	margin-top: 0px;	
	border: 1px solid #6B9C31;
}
div#hsc_bullet_content
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.GridRowStyleDefault
{
	background-color: #FFFFCC;	
	border-color: Silver;
	border-style: solid;
	border-width: 1px;
}

.GridAlternateRowStyleDefault
{
	background-color: #000000;	
}
















/*
DIV#hsc_sub_navbar {
	BORDER: #b0b094 1px solid; background-color:#b0b094;
}
*/
/*
div#hsc_sub_navbar 
{
	border-top: 1px solid #6B9C31;
	border-bottom: 1px solid #6B9C31;
	border-left: 1px solid #6B9C31;
	border-right: 1px solid #6B9C31;
	
	}*/















/*
.UIAvailableLicenseCell
{	 
	border-top: 1px solid #000000;	
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000;	  
	border-right: 1px solid #000000;
}

.UISchoolCell
{	 
	border-top: 1px solid #000000;	
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000;	  
	border-right: 1px solid #000000;
}

.UICell
{	 
	border-top: 1px solid #000000;	
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000;	  
	border-right: 1px solid #000000;
}

.AssignLicenseRow
{
	background-color: #FFFFcc;
}

div#hsc_home_contentblock_new
{
	position: relative;
	margin-top: 10px;	
	margin-right: 10px;
	margin-left: 0px;	
	width: 269px;
	border: 1px solid #6B9C31;
}
*/



















/*.hsc_home_contentblock {
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 261px;
	border: 1px solid #6B9C31;
	
	}
*/	















/*
div#hsc_footer_new 
{
	
	position:relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	width: 950px;
	border: 1px solid #6B9C31;		
			
}


div#hsc_home_header_new 
{
	margin-top: 10px;
	margin-left: 0px;
	position:   absolute;
}

.admin_middle_section
{
	width: 30%;
	padding-left: 5px;
	padding-top: 40px;
	padding-right: 15px;
	vertical-align: top;
}

.textbox_middle
{
	text-align: left;
	width: 45%;
	vertical-align: text-top;
}

.purchase_login
{
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;	
}
.label_message
{
	font-size: 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.formhdr
{
	font-size: 10px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
}

.purchaseConfirmation_bg
{
	background-color: White;
}

.shipping_and_handling_bg 
{
	margin-top: 12px;
	margin-right: 10px;
	border: 1px solid #6B9C31;
	padding: 5px;
	background-color: #fed257;
}
.print_button
{
	font-size: medium;
	font-weight: bold;	
	color: Blue;
}

.FullResourceLink
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;	
}

.EditQuestionsLabel
{
	width: 20%;
	text-align: right;
}

.EditQuestionsTextbox
{
	width: 80%;
	text-align: left;
}

.EditChoicesLabel
{
	width: 20%;
	text-align: right;
}

.EditChoicesTextbox
{
	width: 60%;
	text-align: left;
}
*/














/****************Admin20 Styles****************************************************/




.adminviewtext,
.adminviewtextaltcolor,
.adminroletree,
.GroupSchoolDisplayTitle,
.GroupSchoolDisplaySubTitle
{	
	font-family:Verdana;		
}

.adminviewtext
{
	font-weight:500;
	font-size:10pt;
}

.GroupSchoolDisplaySubTitle,
.adminroletree
{
	font-weight:bold;
	font-size:8pt;	
}

.GroupSchoolDisplayAltColor,
.adminviewtextaltcolor
{		
	font-weight:bolder;	
	color:#6B9C31;
	font-size:8pt;
}

.GroupSchoolDisplayTitle
{
	font-weight:bold;
	font-size:10pt;	
}



.splitTreeCell
{
	cursor: e-resize; 	
	height:600px; 
	padding:0px;
	border-spacing:0px;
  
 background-color:Red;

  	
}
.borderRight
{
	border-right-color:#fed257;
	border-right-width:5px;
	border-right-style:inset;
	
}
.disabled_node
{
	
	 color:InactiveCaptionText;
}
.TreeView
{
	
 background-color:White;
padding:0px;
height:600px; 
  
   max-width:400px;   
overflow: hidden; 


}

.detailPaneHeaderTable
{	
	border-width:5px;
	border-color:#6B9C31;
	border-style:ridge;
	background-color:#fed257;
}

.noHoverRow
{
	background-color:White;
}
.HoverRow
{
	background-color:#e7ebd5;
}















.show
{	
	visibility:visible;
	/*display:"";*/  /* set to "" for firefox to correctly show */
	width:100%;
	
}
.hide
{	 			
	width:0px;	
	visibility:collapse;	
	display:none;  
	height:0px;
}
.starterLabel
{
	height:300px;		
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#6B9C31;
	
}

/*****************Admin20 Styles End***************************************************/





/*.RadSplitter_[Your_skin_name] .pane,    
.RadSplitter_[Your_skin_name] .paneHorizontal   
{   
    border: 0px ... ;   
} 

.radPane
{
	border:0px !important;
}*/ 



/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:#fed257;
     color:Black;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;  
     padding: 2px 3px 2px 3px;   
}

/**** PasswordStrength Related Styles END **************************/


/************************* Accordion********************************************/
.accordionHeader,
.accordionHeaderOpen,
.accordionHeaderClose
{
    border: 1px solid #b2b2b2;
    color: #000 !important;
    background-color: #eafcff !important;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    
  
   
}
.accordionHeaderOpen
{
	 background-image:url("../../images/accordionclose.gif");	
     background-position:right;
     background-repeat:no-repeat;
}
.accordionHeaderClose
{
	 background-image:url("../../images/accordionopen.gif");	 
     background-position:right;
     background-repeat:no-repeat;
}

.accordionHeader a,
.accordionHeaderOpen a,
.accordionHeaderClose a
{
	color: white;
	background: none;
	text-decoration: none;
}

/*.accordionTitle
{
	color: #6B9C31;
	font-weight:bold;
	font-size:13px;
	
}*/

.accordionHeader a:hover,
.accordionHeaderOpen a:hover,
.accordionHeaderClose a:hover
{
	color: #000;
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FBFFEC; /*#FFFFCC;*/
    border: 1px solid #b2b2b2;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    
}

.accordionContent a:link,
.accordionContent a:visited,
.accordionContent a:active
{
	color:#0F3D5B; /*#9a292a;*/
	text-decoration:none;
	/*font-weight:bold;*/
}
.accordionContent a:hover
{
	color:#0F3D5B; /*#9a292a;*/
	text-decoration:underline;
	/*font-weight:bold;*/
}


/******************************/

/* Footer Sytle */





/* Footer */
/*
#BottomPane
{
	width: 100%;
	color: #FFFFFF;
	background-color: #d8d8ce;
	text-align: center;
	
	padding: 0px;

	background-color: #d8d8ce;
	text-align: center;
}

#BottomPane #footer
{
	font: 11px Arial, Helvetica, sans-serif;
	width: 950px;
	height: 55px;
	margin:0px;

	padding: 0px;
	background-color: #666666;
	color: #FFFFFF;
	position: relative;
}

#CB_footer_top
{
	font: 11px Arial, Helvetica, sans-serif;
	width: 950px;
	height: 157px;
	margin:0px;
	padding: 0px;
	background: url(http://www.ascd.org/ASCD/images/siteASCD/common/footer-fade-bg.jpg) repeat-x center left;
	color: #FFFFFF;
	position: relative;
}

#footer_top_content
{
	width: 900px;
	height: 127px;
	margin:0px;
	padding: 20px 0px 10px 0px;
	color: #50504e;
	position: relative;
	text-align: left;	
}

#footer_top_content .header
{
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 0px 8px 0px;
	color: #50504e;
}

#footer_top_content .mainGray
{
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 0px 6px 0px;
	color: #50504e;
}

#footer_top_content a
{
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #0A77A6;
	text-decoration: none;
	padding: 0px;
}

#footer_top_content a:hover
{
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #0A77A6;
	text-decoration: underline;
	padding: 0px;
}

#footer_top_content table {color: #50504e;}

.hsrc_menuitem_static
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
}

.hsrc_menuitem_dynamic
{
	background-color: #b0b094;
	height: 20px;
	padding-left: 2px;
	padding-right: 2px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
}

.hsrc_login_info
{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 10px;	
}
*/
