body {
	background: url("/") repeat-x;
	margin: 0px; 
	padding: 0px;
	color: #555556;
	font: 12px/14px Verdana, sans-serif;
	}

/*____________________________________________________________________________________________Links_*/

a:link {
	color: #e59a1c;
	text-decoration: none;
	}
a:visited {
	color: #e59a1c;
	text-decoration: none;
	}
a:hover {
	color: #0c6f8c;
	text-decoration: none;
	}
a:active {
	color: #e59a1c;
	text-decoration: none;
	}
	
.clearer { clear: both; line-height: 0px; font-size: 0px; width: 0px; height: 0px; margin: 0px; padding: 0px; }

.blue-text a:link, .blue-text a:visited { color: #0c6f8c; }
.blue-text a:over { text-decoration: underline; }
/*____________________________________________________________________________________________Tags_*/

p { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; }

/*____________________________________________________________________________________________Helpers_*/

.clearer { clear: both; line-height: 0px; font-size: 0px; width: 0px; height: 0px; margin: 0px; padding: 0px; }

.retnec { text-align: center; }

.no_border { border: 0px; }
.border { border: 1px solid red; }

.large_font { color: #494949; font-size: 16px; line-height: 20px; }
.text-quotes { font: 15px/16px Georgia, Times, Times New Roman, serif; color: #0c6f8c; font-style: italic; }
.red_font { color: #e52b1f; }
.blue_font { color: #64809c; }
.left_quote_container {	border-bottom: 1px dotted #858585; padding-bottom: 5px; margin-bottom: 15px; }


ul {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 20px;
	}
	
li {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	list-style-image: url("/_ima/arrow_tip.jpg");
	}

/*____________________________________________________________________________________________Form Validation_*/
	
#ClientValidationSummary {
	background-color: #eeeeee;
	width: 718px;
	padding: 10px 5px;
	color: red;
	line-height: 20px;
	}
#ClientValidationSummary a {
	color: red;
	}
.validation-inline-error-message { 
	width: 270px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	color: #ff0000;
	}

/*____________________________________________________________________________________________Fake Buttons_*/

a.btn_white {
	background: url("/_ima/btn_white.jpg") no-repeat;
	width: 210px;
	height: 30px;
	margin: 10px 0px 5px 0px;
	float: left;
	}
a.btn_white p:hover { color: #46688D; }
a.btn_white p {
	color: #7396b9;
	padding: 8px 0px 10px 17px;
	}

a.btn_blue {
	background: url("/_ima/btn_blue.jpg") no-repeat;
	width: 210px;
	height: 30px;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 10px;
	float: left;
	border-bottom: 1px dotted #858585;
	}
a.btn_blue p:hover { color: white; }
a.btn_blue p {
	color: #b8dafd;
	padding: 8px 0px 10px 17px;
	}

a.btn_white_on {
	background: url("/_ima/btn_blue.jpg") no-repeat;
	width: 210px;
	height: 30px;
	margin: 10px 0px 5px 0px;
	float: left;
	}
a.btn_white_on p:hover { color: white; }
a.btn_white_on p {
	color: #b8dafd;
	padding: 8px 0px 10px 17px;
	}


/*____________________________________________________________________________________________Input Buttons_*/


.button-submit { float:right; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px; }
button { border:0; cursor:pointer; font-weight:regular; padding:0 20px 0 0; text-align:center; float: left; width: auto; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
	
/*blue buttons*/
button.submitBtn { background:url(/_ima/btn_blue_right.gif) right no-repeat; font-size:12px; font-weight: regular; }
button.submitBtn span { height:50px; line-height:50px;background:url(/_ima/btn_blue_left.gif) left no-repeat;color:#fff; }
button.submitBtn:hover {background:url(/_ima/btn_blue_right_hover.gif) right no-repeat; }
button.submitBtn:hover span {background:url(/_ima/btn_blue_left_hover.gif) left no-repeat; }
/* _ btns end _ */

/*____________________________________________________________________________________________Main Layout_*/

a.nav_home { 
	background: url("/_ima/nav_home.gif") no-repeat; background-position: 0 0px;
	width: 35px; padding: 0px 30px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; line-height: 10px; overflow: hidden; float: left; clear: none; color: black;
	}
	a.nav_home:visited { text-decoration: none; color: black; }
	a.nav_home:hover { background-position: 0 -10px; text-decoration: none; color: black; }
	a.nav_home:active { text-decoration: none; color: black; }	
a.nav_home_on { 
	background: url("/_ima/nav_home.gif") no-repeat; background-position: 0 -10px;
	width: 35px; padding: 0px 30px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; line-height: 10px; overflow: hidden; float: left; clear: none; color: black; font-weight: bold;
	}
	a.nav_home_on:visited { text-decoration: none; color: black; }
	a.nav_home_on:hover { background-position: 0 -10px; text-decoration: none; color: black; }
	a.nav_home_on:active { text-decoration: none; color: black;	}	
		
a.nav_individuals { 
	background: url("/_ima/nav_individuals.gif") no-repeat top center; background-position: 0 0px;
	width: 70px; padding: 0px 30px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; line-height: 10px; overflow: hidden; float: left; clear: none; color: black;
	}
	a.nav_individuals:visited { text-decoration: none; color: black; }
	a.nav_individuals:hover { background-position:  0 -10px; text-decoration: none; 	color: black; }
	a.nav_individuals:active { text-decoration: none; color: black; }	
a.nav_individuals_on { 
	background: url("/_ima/nav_individuals.gif") no-repeat; background-position: 0 -10px;
	width: 70px; padding: 0px 30px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; line-height: 10px; overflow: hidden; float: left; clear: none; color: black; font-weight: bold; 
	}
	a.nav_individuals_on:visited { text-decoration: none; color: black; }
	a.nav_individuals_on:hover { background-position: 0 -10px; text-decoration: none; color: black; }
	a.nav_individuals_on:active { text-decoration: none; color: black;	}	
		
a.nav_companies { 
	background: url("/_ima/nav_companies.gif") no-repeat; background-position: 0 0px;
	width: 67px; padding: 0px 30px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; float: left; line-height: 10px; overflow: hidden; clear: none; color: black;
	}
	a.nav_companies:visited { text-decoration: none; color: black; }
	a.nav_companies:hover { background-position: 0 -10px; text-decoration: none; color: black; }
	a.nav_companies:active { text-decoration: none; color: black; }	
a.nav_companies_on { 
	background: url("/_ima/nav_companies.gif") no-repeat; background-position: 0 -10px;
	width: 67px; padding: 0px 30px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; line-height: 10px; overflow: hidden; float: left; clear: none; color: black; font-weight: bold;
	}
	a.nav_companies_on:visited { text-decoration: none; color: black; }
	a.nav_companies_on:hover { background-position: 0 -10px; text-decoration: none; color: black; }
	a.nav_companies_on:active { text-decoration: none; color: black;	}	
				
a.nav_contact { 
	background: url("/_ima/nav_contact.gif") no-repeat; background-position: 0 0px;
	width: 55px; padding: 0px 0px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; line-height: 10px; overflow: hidden; float: left; clear: none; color: black;
	}
	a.nav_contact:visited { text-decoration: none; color: black; }
	a.nav_contact:hover { background-position:  0 -10px; text-decoration: none; 	color: black; }
	a.nav_contact:active { text-decoration: none; color: black; }	
a.nav_contact_on { 
	background: url("/_ima/nav_contact.gif") no-repeat; background-position: 0 -10px;
	width: 55px; padding: 0px 0px 0px 0px; margin: 0px auto; text-decoration: none; text-align: center; height: 10px; line-height: 10px; overflow: hidden; float: left; clear: none; color: black; font-weight: bold;
	}
	a.nav_contact_on:visited { text-decoration: none; color: black; }
	a.nav_contact_on:hover { background-position: 0 -10px; text-decoration: none; color: black; }
	a.nav_contact_on:active { text-decoration: none; color: black;	}	
						
/*____________________________________________________________________________________________Main Layout_*/

.bg_fade {
	background: url("/_ima/bg_fades.jpg") repeat-x bottom;
	width: 100%;
	height: 100%;
	}
.blue_bar {
	background: url("/_ima/blue_bar.gif") repeat-x top;
	width: 100%;
	height: 100%;
	}
	.blue_bar_fades {
		float: left;
		display: block;
		}
		
.container {
	margin: 0 auto;
	padding: 0px;
	width: 775px;
	height: 100%;
    clear: both;
	}	
			
.third_container {
	background: url("/_ima/third_bg10.png") no-repeat left;
	margin: 0 auto;
	padding: 0px;
	width: 775px;
	height: 100%;
    clear: both;
    _background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_ima/third_bg.png",sizingMethod='crop');
	background-position: center;
	background-repeat: no-repeat;
	}	
				
.two_third_container {
	background: url("/_ima/third_bg3.png") repeat-y;
	margin: 0 auto;
	padding: 0px;
	width: 775px;
	height: 100%;
    clear: both;
    _background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_ima/third_bg3.png",sizingMethod='crop');
	}	
	
#banner {
	width: 100%;
	height: 125px;
	padding: 0px 0px 0px 0px;
	}
	.htgr_logo {
		border: 0px;
		padding: 40px 0px 0px 0px;
		float: left;
		}
	#navigation {
		padding: 35px 5px 0px 3px;
		width: 320px;
		height: 20px;
		float: right;
		border-bottom: 1px dotted #858585;
		}
	#top_login {
		width: 200px;
		height: 50px;
		float: right;
		padding: 20px 5px 0px 0px;
		text-align: right;
		font-size: 11px;
		}
		#top_login a:link { color: #666; }
		#top_login a:visited{ color: #666; }
		#top_login a:hover { color: #e59a1c; }
		#top_login a:active { color: #666; }
		#top_login img { padding: 0px 0px 1px 3px; border: 0px; }
		#top_login .current a { color: #e59a1c; }
		
#footer {
	background: url("/_ima/footer_fade.gif") repeat-x;
	height: 80px;
	width: 100%;
	}
#footer_content {
	margin: 0 auto;
	padding: 0px;
	width: 775px;
	}
	#footer_content a:link { color: #666; }
	#footer_content a:visited { color: #666; }
	#footer_content a:hover { color: #0c6f8c; }
	#footer_content a:active { color: #666; }
	.footer_nav {
		width: 400px;
		float: left;
		font-size: 9px;
		padding: 10px 0px 0px 0px;
		}
	.footer_cred {
		width: 355px;
		float: right;
		font-size: 9px;
		text-align: right;
		padding: 10px 0px 0px 0px;
		}

/*____________________________________________________________________________________________Index Layout_*/

.section_third_fade_two .screenshot_container {
	float: right;
	width: 285px;
	height: auto;
	margin: 0 0 10px 20px;
	}
	.section_third_fade_two .screenshot_container p {
		margin: 0;
		padding: 0;
		color: #3070a9;
		font-size: 11px;
		line-height: auto;
		font-style: italic;
		font-weight: bold;
		}
p.mission_state {
   	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
	width: 430px;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 20px;
	font-size: 16px;
	line-height: 22px;
	}
#new_level {
	width: 245px;
	float: right;
	padding: 20px 20px 5px 0px;
	}
	.new_level_title {
		padding: 0px 0px 8px 0px;
		font-size: 12px;
		}
	#new_level a:link { color: #64809c;;; }
	#new_level a:visited { color: #64809c;;; }
	#new_level a:hover { color: #e52b1f; }
	#new_level a:active { color: #64809c;; }
	#new_level span { margin: 0px; padding: 0px }
	#new_level span img {
		border: 0px;
		padding: 0px 5px 2px 0px;
		}
	.new_level_break {
		width: 320px;
		height: 1px;
		line-height: 1px;
		border-bottom: 1px dotted #858585;
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 5px 0px;
		}
		
	.new_leveler {
		background: url("/_ima/arrow_full.gif") no-repeat;
		background-position: 0px 3px;
		padding: 0px 0px 0px 15px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
		line-height: 12px;
		}
			
.section_third {
	width: 256px;
	float: left;
	}
.section_third_two {
	width: 512px;
	float: left;
	}
	.section_third_content {
		padding: 19px 20px 20px 20px;
		line-height: 16px;
		font-size: 11px;
		}
		.section_third_content h3 {
		margin: 0;
		}
.section_third_fade {
	/* background: url("/_ima/side_fade.png") repeat-y left; */
	width: 256px;
	height: 100%;
	float: left;
	}
.section_third_fade_two {
	/* background: url("/_ima/side_fade.png") repeat-y left; */
	width: 500px;
	height: 100%;
	float: left;
	}
	.section_third_fade_content {
		padding: 10px 20px 20px 25px;
		line-height: 16px;
		font-size: 11px;
		}
	.section_two_third_fade_content {
		padding: 10px 0px 20px 25px;
		line-height: 16px;
		font-size: 11px;
		}
	.section_two_third_fade_content p {
		padding: 10px 0px 10px 0px;
		line-height: 16px;
		}
	.section_third_fade_content h3 {
		margin: 0;
		}

.comment_sections {
	color: #666;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #858585;
	text-align: center;
	}	
	.comment_sections span {
		color: #333;
		display: block;
		font-style: italic;
		padding-bottom: 10px;
		}		
.news_sections {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #858585;
	}	
.news_sections img {
	border: 0px;
	padding: 0px 5px 2px 0px;
	}
	
.resources_title {
	padding: 10px 0px 0px 0px;
	}
	
#index_login {
	background-color: #d2dce0;
	width: 210px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	#index_login img {
		display: block;
		}
	#index_login p {
		padding: 3px 20px 10px 20px;
		color: #999;
		text-align: right;
		}
	.buttonstyle input {
		width: 162px;
		height: 20px;
		float: right;
		margin: 0px 20px 0px 0px;
		padding: 5px 0px 0px 5px;
		border: 1px solid #cccccc;
		}
		
#indside_top_left {
	width: 200px;
	float: left;
	font-size: 10px;
	padding: 12px 0px 0px 20px;
	}
		
.break_it_down {
	width: 100%;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dotted #858585;
	}

.new_arrow {
	padding: 0px 5px 2px 0px;
	border: 0px;
	}
	
.small_box {
	float: right;
	padding: 0px 0px 10px 0px;
	}
	
.insiders {
	background: url("/_ima/arrow_full.gif") no-repeat;
	background-position: 0px 8px ;
	padding: 5px 0px 5px 15px;
	line-height: 12px;
	}
	
.insiders a:link { color: #666; }
.insiders a:visited { color: #666; }
.insiders a:hover { color: #e52b1f; }
.insiders a:active { color: #666; }

	.insiders_on {
	background: url("/_ima/arrow_full.gif") no-repeat;
	background-position: 0px 8px ;
	padding: 5px 0px 5px 15px;
	line-height: 10px;
	}
	
	.insiders_on a:link { color: #e52b1f; }
	.insiders_on a:visited { color: #e52b1f; }
	.insiders_on a:hover { color: #e52b1f; }
	.insiders_on a:active { color: #e52b1f; }
	

/*____________________________________________________________________________________________Form Details_*/
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; }

p.legend { margin-bottom: 1em; }
	p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
	div.errors p { margin: 0; }
	div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
	div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
	div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
	div.form-container form legend { color: #666; }
	div.form-container form fieldset div { padding: 0.25em 0; }
	div.form-container label, 
	div.form-container span.label { color: #67829F; margin-right: 10px; padding-right: 10px; width: 150px; display: block; font-weight: normal; float: left; text-align: right; position: relative; }
	div.form-container label.error, 
	div.form-container span.error { color: #C00; }
	div.form-container label em, 
	div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
	div.form-container input.error { border-color: #C00; background-color: #FEF; }
	div.form-container input:focus,
	div.form-container input.error:focus, 
	div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
	div.form-container div.controlset label, 
	div.form-container div.controlset input { display: inline; float: none; }
	div.form-container div.controlset div { margin-left: 170px; }
	div.form-container div.buttonrow { margin-left: 180px; }

.notification { padding:10px; border-top:2px solid #9cc63b; border-bottom:2px solid #9cc63b; background:#fcfce1 repeat-x 0 top; }

/*____________________________________________________________________________________________Validation_*/
input.required, input.notrequired, textarea.required, textarea.notrequired, input.validate-date { 
	color :#000; 
	font-style: italic;
	border:1px solid #dddedd; 
	padding: 5px 0px 5px 2px; 
	}

input.validation-failed, textarea.validation-failed { 
	border:1px solid #dab0ae; 
	color :#cf0d0d; 
	}
	
.buttonstyle input:hover {
	border: 1px solid #6994B7;
	}
textarea {
	border:1px solid #dddedd; 
	}

.validation-advice { margin:0; padding: 5px 0; color :#cf0d0d; font-weight: bold; }
.custom-advice {margin: 5px 50px; padding: 5px 0; background-color: #C8AA00; font-style: italic; color: white; font-weight: bold; }

fieldset { margin-bottom: 0.5em; }
label { font-weight: bold; }	

/*____________________________________________________________________________________________Manager Area_*/

#manager_wrapper {
	padding: 0px 0px 30px 0px;
		}
	#manager_wrapper p {
		line-height: 19px;
		}
	#manager_wrapper a:link, #manager_wrapper a:visited {
	color: red;
		}
	#manager_wrapper a:hover {
	color: black;
		}
#manager_container {
	margin: 0px;
	padding: 0px;
	display: block;
	}
	.managerbutton { 
		margin: 0px;
		padding: 0px;
		float: left;
		width: 185px;
		}

	.managers_name { 
		line-height:30px; 
		height: 30px; 
		width: 100%; 
		border-bottom: 1px solid #ccc; 
		clear:both; 
		}
	.mgr_username { 
		color:#5c97E5; 
		}
	#manager_wrapper { 
		padding: 18px 15px 200px 18px; 
		}
	.employee_example {
		color: #aaa; 
		font-size: 10px; 
		font-weight:normal; 
		}

	.right-quotes {
		background: url("/_ima/background-quotes.gif") no-repeat;
		margin: 15px 0px 0px 0px;
		padding: 21px 0px 0px 0px;
		}
		
a.edit_btn { float: right; margin: 0px auto; display: block; background: url(/_ima/button/edit.gif) no-repeat; text-decoration: none; width: 100px; height: 30px; }
a.edit_btn:hover { background-position: 0px -30px; text-decoration: none; }

a.delete_btn { float: right; margin: 0px auto; display: block; background: url(/_ima/button/delete.gif) no-repeat; text-decoration: none; width: 100px; height: 30px; }
a.delete_btn:hover { background-position: 0px -30px; text-decoration: none; }

a.delete_btn_none { float:right; margin: 0px auto; display: block; background: url(/_ima/button/delete.gif) no-repeat; text-decoration: none; width: 100px; height: 30px; }
a.delete_btn_none:hover { background-position: 0px -30px; text-decoration: none; }

a.mgr_home_btn { margin: 0px auto; display: block; background: url(/_ima/button/home.gif) no-repeat; text-decoration: none; width: 185px; height: 174px; }
a.mgr_home_btn_2 { margin: 0px auto; display: block; background: url(/_ima/button/home2.gif) no-repeat; text-decoration: none; width: 185px; height: 174px; }
a.mgr_home_btn:hover, a.mgr_home_btn_2:hover { background-position: 0px -174px; text-decoration: none; }
a.mgr_managers_btn { margin: 0px auto; display: block; background: url(/_ima/button/managers.gif) no-repeat; text-decoration: none; width: 185px; height: 174px; }
a.mgr_managers_btn:hover { background-position: 0px -174px; text-decoration: none; }
a.mgr_employees_btn { margin: 0px auto; display: block; background: url(/_ima/button/employees.gif) no-repeat; text-decoration: none; width: 185px; height: 174px; }
a.mgr_employees_btn:hover { background-position: 0px -174px; text-decoration: none; }
a.mgr_statistics_btn { margin: 0px auto; display: block; background: url(/_ima/button/statistics.gif) no-repeat; text-decoration: none; width: 185px; height: 174px; }
a.mgr_statistics_btn_2 { margin: 0px auto; display: block; background: url(/_ima/button/statistics2.gif) no-repeat; text-decoration: none; width: 185px; height: 174px; }
a.mgr_statistics_btn:hover, a.mgr_statistics_btn_2:hover { background-position: 0px -174px; text-decoration: none; }

/*____________________________________________________________________________________________Message Update_*/
#message_update { 
	padding:5px; 
	border-top:2px solid #9cc63b; 
	border-bottom:2px solid #9cc63b; 
	width: 732px;
	background:#fff url(/_ima/bg/messageupdate.gif) repeat-x 0 top; 
		}
#message_update h6 { 
	color: #345b1a; 
	font-size: 14px; 
	padding-left: 30px; 
	font-weight: normal; 
	margin: 0; 
	}
#message_update .message_text { 
	margin-left: 30px; 
	color:#587c0e; 
	padding-bottom:10px;
	}
	#message_update_error {
		padding: 5px;
		border-top: 2px solid red; 
		border-bottom: 2px solid red; 
		width: 732px;
		background:#fff url(/_ima/bg/messageupdate_red.gif) repeat-x 0 top; 
		}
	#message_update_error h6 { 
		color: red; 
		font-size: 14px; 
		padding-left: 30px; 
		font-weight: normal; 
		margin: 0; 
		}
	#message_update_error .message_text { 
		color: #666;
		margin-left: 30px; 
		padding-bottom:10px;
		}
