body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
}

body.admin {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align:left;
	font-size:1.0em;
}

body.home {
	margin: 0;
	padding: 0;
	background: #ffc0cb url('../images/newback.jpg');
}

body.dev {
	background-color: #f0fab8;
}

body.hits {
	background: #eee;
}

body.login {
	margin: 0;
	padding: 0;
	background: #fff url('../images/pbfrontback.gif');
}

body.comments {
	margin: 0;
	padding: 0;
	background-color: #eff;
}

body.enter_page {

	background-color: #eee;
}

body.enter_page2 {

	background-color: #eee;
}

#content_100pct { text-align: center; width: 80%; margin: -3px auto 10px auto; }

.site_fonts { font-family: "Source Serif Pro",garamond,serif; }

input[type=button],input[type=radio],input[type=checkbox],input[type=submit],input[type=reset],select {

	cursor: pointer;
}

label { cursor: pointer; }

.pw_eye {
	width: 18px;
	height: 12px;
	margin-left: -24px; 
	display: inline; 
	vertical-align: middle;
}

#tb_link_ul {

	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

#tb_link_ur {

	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 0;
}

#tb_link_ll {

	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#tb_link_lr {

	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#tb_link_lm {

	width: 29px;
	height: 25px;
	position: absolute;
	left: 275px;
	bottom: 20px;

}

#opening_div {
	margin: 5px auto 10px auto; 
	width: calc(90% - 60px); 
	max-width: 560px;
	min-width: 305px;
	padding: 12px;
	text-align: center; 
	outline: 2px solid #666; 
	background-color: #f2f2f2;
}

table.center { margin-left: auto; margin-right: auto; }
div.center { margin-left: auto; margin-right: auto; }
p.center { margin-left: auto; margin-right: auto; }
h2.center { margin-left: auto; margin-right: auto; }

.error { color: #c03; font-weight: bold; }

.error label { color: #c03; }

div.error { color: #c03; font-weight: bold; }
td.error { color: #c03; font-weight: bold; }
th.error { color: #c03; font-weight: bold; }
span.error { color: #c03; font-weight: bold; }

.error th { color: #c03; font-weight: bold; }

.errornb { color: #c03; }
div.errornb { color: #c03; }
th.errornb { color: #c03; }
td.errornb { color: #c03; }
span.errornb { color: #c03; }

div.errornb2 { color: #ccc; }
th.errornb2 { color: #ccc; }
td.errornb2 { color: #ccc; }
span.errornb2 { color: #ccc; }

.error_detail { color: #c03; }

.superscript { vertical-align: super; line-height: 1.0; font-size: 0.8em; font-weight: bold; }

.explain_code_sample { 
	margin-top: 12px;
	font-size: 1em; 
	color: #c03;	
}

.explain_code_sample tr {
	vertical-align: top;
}

.msg_success {
	margin-left: auto;
	margin-right: auto;
	width: 88%;
	max-width: 380px;
	text-align: left;
	font-size: 0.88em; 
	font-weight: bold;
	color: green;
}

.msg_error {
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	width: 88%;
	max-width: 380px;
	text-align: left;
	font-size: 0.88em; 
	font-weight: bold;
	color: #c02;
}

.msg_success > div, .msg_error > div {
	padding-top: 2px;
}

.validate_error {
	font-style: italic;
	color: #ff0040;
}

a:link.validate_error { color: #ff0040 }
a:visited.validate_error { color: #ff0040 }

#std_error_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	text-align: center;
	width: 98%;
	max-width: 668px; 
	border: 2px solid #472400; 
	border-radius: 10px; 
	background-color: white; 
	padding: 40px 0px 30px 0px;
}

.error_div2 {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.back_btn {
	display: block;
	margin-top: 20px;
}

hr {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding: 0;
	margin-top: 15px;
}

.hr_100 {
	width: 100%;
}

.bold    { font-weight: bold; }
.nobold  { font-weight: normal; }
.italic  { font-style: italic; }
.vtop    { vertical-align: top; }
.center_text  { text-align: center; }

.dropdown {
	font-size: 0.87em;
	padding: 3px 10px 3px 3px;
	background-color: white;
	border: 1px solid #444;
	border-radius: 3px;
	margin-bottom: 0px;
}

.dropdown2 {
	border-radius: 4px;
	padding: 2px 0;
	font-size: 0.90em;
	background-color: white;
}

.radio_btn_td {
	font-size: 1em;
	padding-top: 3px;
}

.radio_btn_td [type=radio] {
	vertical-align: middle;
	color: green;
}

.radio_label {
	vertical-align: middle;
}

.back_arrow_link {
	display: block;
	margin: 16px 0 24px 0;
}

.back_arrow_img { 

	width: 60px;
	height: 24px;
}

.billing_btns_div {
	margin-top: 12px;
	display: none;
}

.billing_btns_div input[type=button] {
	padding: 4px 0 2px 0;
	width: 150px;
	margin-right: 8px;
}

.billing_btns_div input[type=button]:hover {
	background-color: #d2d2d2;
}

.job_form_billed_btns {
	margin-top: 10px;
	margin-bottom: 25px;
}

.job_form_billed_btns input[type=button] {
	margin-left: 1px;
	margin-right: 8px;
	padding-top: 3px;
	border-radius: 3px;
	border: 1px solid #333;
}

.job_form_billed_btns input[type=button]:hover {
	background-color: #d2d2d2;
}

#input_paid_amt {
	margin-left: -2px;
	width: 64px;
	padding: 4px 6px 2px 6px;
	font-size: 0.65em;
	border: 1px solid black;
	border-radius: 4px;
}

.date_display_container {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 530px;
	text-align: center;
}

.date_display_div {
	display: inline;
	padding: 6px 5px 0px 5px;
	font-size: 0.85em;
	text-align: center;
	padding-left: 9px;
	padding-right: 9px;
}

#hr2 {
	margin-top: 10px;
}

.fail_edit {
	height: calc(140px + 4.1vw);
	padding-top: 56px;
	font-size: calc(10px + 0.94vw);
}

.delete_div {
	padding: 15px 15px 20px 15px;
}

.delete_div_fs {
	font-size: calc(0.88em + 0.64vw);
}

.delete_q {
	font-size: calc(1.1em + 0.8vw);
}

.delete_item_detail {
	margin-top: 15px;
	font-size: calc(1.36em + 0.37vw);
}

.delete_cb_div {
	margin-top: 14px;
	font-size: calc(	1.06em + 0.22vw);
}

.delete_cb {
	transform: scale(1.55);	
}

#delete_item input[type=submit] {
	font-size: calc(0.80em + 0.30vw);
	margin-top: 12px;
	border-radius: 5px;
	padding: 2px 10px;
	background-color: #fefefe;
}

.delete_links_div {
	font-size: calc(1.08em + 0.14vw);
}

.delete_box_link {
	display: block;
	margin-top: 20px;
}

.delete_success_msg {
	height: 160px;
	padding-top: 30px;
	text-align: center;
	font-size: 1.1em;
}

.input_field {
	padding: 3px 7px 3px 7px;
	font-size: 0.95em;
	letter-spacing: 1px;
	font-family: Source Sans Pro;
	border-radius: 3px;
	border: 1px solid #444;
}

.input_field1 {
	width: 40px;
}

.input_field2 {
	width: 60px;
}

.input_field3 {
	width: 100px;
}

.input_field4 {
	width: 140px;
}

.input_field5 {
	width: 180px;
}

.input_field6 {
	width: 220px;
}

.input_field7 {
	width: 245px;
}

.inner_div {
	padding: 15px;
	background-color: white;
	border-radius: 6px;
	border: 3px solid #888;
}

.hidden {
	display: none;
}

.select_org {
	font-size: 0.93em;
	padding: 3px 7px 3px 4px;
	border-radius: 4px;
	border: 1px solid #444;
	background-color: white;
}

textarea {
	width: 94%; 
	height: 120px;
	min-height: 30px;
	max-height: 450px;
	padding: 8px 8px;
	border-radius: 4px;
	border: 1px solid #444;
	font-size: 1em;
	resize: vertical;
}

.note_text {
	text-align: left;
	padding-left: 15px;
}
	
.notes_label_disp {
	margin-top: 12px;
	padding: 10px 30px 10px 10px;
	font-size: 1.1em;
	text-align: left;
}

.notes_text_disp {
	margin-top: -3px;
	padding: 10px 30px 10px 15px;
	font-size: 0.88em;
	text-align: left;
}

.notes_text_disp span {
	font-size: 1.15em;
}

.highlight {
	background-color: #ff6; 
	color: #3030a0;
}

.highlightb {
	font-weight: bold;
	background-color: #ff6;
}

.submit_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	text-align: center;
}

#submit_btn {
	width: 150px;
	padding: 2px 15px;
	font-size: 0.85em;
	background-color: #ddd;
	border-radius: 6px;
}

#submit_btn:hover {
	background-color: #ccc;
}

.back_to_home_div {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}

#back_to_home_div {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}

#admin_box_old {

	position: fixed;
	top: 0;
	left: 1px;
	width: 100px;
	height: 100px;
	background-image: url(/resources/images/admin_corner_frev_4e4330c6c2fb.gif);
	z-index: 50000;
}

#admin_box {
	position: fixed;
	top: 0px;
	left: -10.3px;
	width: 102px;
	height: 102px;
	background-color: #169E4C;
	border: 3px solid #169E4C;
	font-weight: bold;
	clip-path: polygon(0% 48.3%, 48.3% 0%, 98.2% 0%, 0% 98.2%);
	z-index: 50000;
}

#admin_box_text {
	position: absolute;
	width: 150px;
	height: 33px;
	font-size: 0.98em;
	left: -34px;
	top: 16px;
	line-height: 35px;
	/* 
	left: -22px;
	*/
	transform: rotate(-45deg);
	background-color: white;
	font-family: arial;
	letter-spacing: 0.4px;
	color: #169E4C;
	text-shadow: 0px 0px, 0px 0px, 0px 0px;
	outline: 1px solid #169E4C;
	clip-path: polygon(31.3% 0%, 69.8% 0%, 92% 100%, 9.2% 100%);
}

@media screen and (max-width: 870px) {
	#admin_box { display: none; }
}

a:link { color: #00008b; font-weight: bold; }
a:visited { color: #00008b; font-weight: bold; }
a:hover { color: #00f; font-weight: bold; }
a:active { color: #00f; font-weight: bold; }

.dev 	a:link { color: purple; font-weight: bold; }
.dev 	a:visited { color: purple; font-weight: bold; }
.dev 	a:hover { color: #90f; font-weight: bold; }
.dev 	a:active { color: #90f; font-weight: bold; }

.change_log_date a:link    { color: #000; text-decoration: none; }
.change_log_date a:visited { color: #000; text-decoration: none; }
.change_log_date a:hover   { color: #555; text-decoration: none; }
.change_log_date a:active  { color: #555; text-decoration: none; }

.home a:link    { color: white; }
.home a:visited { color: white; }
.home a:hover   { color: #8b4513; }
.home a:active  { color: #8b4513; }

.login a:link { color: #8b4513; }
.login a:visited { color: #8b4513; }
.login a:hover { color: #300; }
.login a:active { color: #300; }

#send_activation {
	display: inline;
}

#send_activation_btn {
	display: inline;
	padding: 4px 8px;
	font-size: 0.83em;
	color: #f03;
	font-weight: bold;
}

div.activation {
	margin: -10px auto 0 auto;
	width: 87%;
	padding-right: 18px;
	padding-left: 18px;
	text-align: justify;
}

div.activation2 {
	margin: 0px auto 0 auto;
	width: 250px;
	text-align: center;
}

div.activation p {
	line-height: 150%;
}

figure.activation {
	float: left; 
	clear: both; 
	margin: 3px 25px 5px 0px;
}

#main_div {
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	margin-top: 10px;
	font-size: 1.2em;
	width: 98vw;
	max-width: 780px;
	min-width: 310px;
}

#login_maindiv  { 
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding-top: 20px;
	padding-bottom: 18px;
	width: 92vw;
	max-width: 580px;
	min-width: 344px;
	background-color: #eee;
	outline: 2px solid #430;
	border-radius: 6px;
}

#login_maindiv h3 { 
	margin-top: 0;
	margin-bottom: 0;
	font-size: calc(20px + 0.9vw);
}

#login_maindiv.editor {
	padding-bottom: 7px;
}

#logged_in_name_div {
	padding-right: 9px;
}

#logged_in_name_div span {
	font-size: 1.5em;
	font-weight: bold;
}

.logged_in_links_div {
	margin-top: 18px;
}

.login_sess_stats {
	margin: 22px 0 16px 0; 
	font-size: 0.9em; 
	color: green; 
	line-height: 140%; 
}

#login_banned {
	padding-top: 20px;
	padding-bottom: 15px;
}

.login_error {
	color: #c03;
	font-size: 0.8em;
	padding-top: 6px;
}

.login_error2 {
	color: #c03;
	font-size: 1em;
	padding-top: 6px;
}

.login_error3 {
	margin-top: -6px; 
	margin-bottom: 4px; 
	color: #c03; 
	font-size: 0.9em;
}

.login_tbl {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	text-align: left;
	color: #00008b;
	width: 88%;
	max-width: 400px;
	border-collapse: collapse; 
	border-spacing: 0;
}

.login_tbl th {
	text-align: left;
	font-size: 0.9em;
}

.login_tbl td {
	width: calc(115px + 0vw);
	padding-top: 3px;
}

.login_input {
	width: 160px;
	font-size: 0.95em;
	padding: 3px 5px;
	border-radius: 3px;
	border: 1px solid #444;
}

.fb_div {
	outline: 1px solid green;
	margin-top: 8px;
	padding-top: 0;
	width: 188px;
}

.login_tbl2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	width: 260px; 
	border-collapse: collapse; 
	border-spacing: 0;
}

.login_tbl2 tr {
	vertical-align: top;
}

.login_tbl2 th {
	font-weight: normal;
	padding-right: 8px;
	padding-top: 10px;
	font-size: 1em;
}

.login_tbl2 td {
	padding-top: 6px;
	text-align: left;
}

.login_tbl2 td.submit_btn {
	padding-top: 0px;
	text-align: center;
}

.login_input2 {
	width: 170px;
}

.login_tbl3 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	width: 290px; 
	border-collapse: collapse; 
	border-spacing: 0;
}

.login_tbl3 tr {
	vertical-align: top;
}

.login_tbl3 th {
	font-weight: normal;
	padding-right: 8px;
	padding-top: 10px;
	font-size: 1em;
}

.login_tbl3 td {
	padding-top: 6px;
	text-align: left;
	width: 188px;
}

.comment_btn {
	font-size: 0.85em;
	margin-top: 4px;
	width: 120px;
}

.need_login {
	margin: 8px auto;
	width: 85%;
	max-width: 480px;
	font-size: 0.9em;
	text-align: justify;
}

#reg_success {
	margin-top: 10px;
	color: #761f8a;
	font-weight: bold;
	font-size: 1.1em;
}	

.need_acct {
	margin: 18px auto 0 auto;
	width: 80%;
	max-width: 524px; 
	background-color: #fbfffb;
	padding: 25px 30px;
	text-align: justify;
	line-height: 140%;
	border: 1px solid #555;
	border-radius: 6px;
}

.delete_tbl {
	font-size: 1.1em;
	max-width: 385px;
}

.delete_submit_btn {
	width: 172px;
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 0.8em;
	padding: 3px;
	background-color: #dedede;
	border-radius: 4px;
}

.pw_update_tbl {
	width: 340px;
}

.pw_update_tbl th, .pw_update_tbl td {
	padding-bottom: 6px;
}

th.pw_update {
	padding-top: 8px;
	font-size: 0.95em;
	width: 150px;
}

th.pw_reset {
	padding-bottom: 8px;
	font-size: 0.9em;
}

th.pw_update2 {
	padding-top: 8px;
	font-size: 0.95em;
}	

th.pw_reset2 {
	padding-top: 8px;
	font-size: 0.9em;
}

#disclaimer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 75%;
	text-align: justify;
	font-size: 0.9em;
}

.forgot_pass_tbl {
	width: 265px;
	margin-bottom: 14px;
}

.forgot_pass_tbl th {
	padding-right: 8px;
	padding-top: 7px;
}

.forgot_pass_submit {
	font-size: 0.75em;
	width: 150px;
	padding: 2px 0px;
}

.forgot_pass_submit:hover {
	font-weight: bold;
}

.login_link {
	font-weight: bold;
	color: #00008b;
	text-decoration: none;
}

.user_info_details {
	margin-top: 16px;
}

.user_name_span {
	font-size: 1.3em;
}

.login_nav_div {
	margin-top: 18px;
}

.login_submit_btn, .forgotpass_submit_btn {
	margin-top: 18px;
	font-size: 0.86em;
	width: 120px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f9f9f9;
	border-radius: 5px;
}

.login_submit_btn:hover, .forgotpass_submit_btn:hover  {
	background-color: #eee;
}

.forgotpass_submit_btn {
	margin-top: 1px;
	padding-top: 3px;
	width: 160px;
	font-size: 0.82em;
}

.pw_update_btn {
	width: 145px;
}

.failed_logins_wait {
	margin-bottom: 25px;
}

.register_logo {
	float: left;
	width: 90px;
	height: 90px;
	margin-top: 5px;
	margin-right: 22px;
}

.login_text_div {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%; 
	max-width: 470px;
	padding-top: 14px;
}

.login_text_div_center {
	margin-left: auto;
	margin-right: auto;
	width: 80%; 
	max-width: 470px;
	padding-top: 14px;
	padding-bottom: 2px;
	font-size: 0.95em;
	line-height: 150%;
	text-align: justify;
}

.login_req_fields_div {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%; 
	padding-top: 14px;
	font-size: 0.9em;
}

.login_small_text {
	padding-top: 81px;
	font-size: 0.8em;
}

#password_strength_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
	width: 50%; 
	max-width: 280px; 
	text-align: center; 
	font-weight: bold;
}

#password_str_bar {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px; 
	width: 280px; 
	height: 14px; 
	font-weight: bold; 
	z-index: 5;
}

#password_str_bar2 {
	position: absolute; 
	width: 100%; 
	height: 16px; 
	left: 0; 
	top: 0; 
	outline: 2px solid black; 
	background-color: white; 
	z-index: 5;
}

#password_weak_div {
	position: absolute; 
	left: -51px; 
	color: orange; 
	font-size: 0.9em;
}

#strength_div {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 1%; 
	height: 15px; 
	padding-top: 1px; 
	color: white; 
	text-align: center; 
	background-color: orange; 
	font-size: 0.7em; 
	z-index: 10;
}

#password_strong_div {
	position: absolute; 
	left: 288px; 
	color: green; 
	font-size: 0.9em;
}

@media screen and (max-width: 1000px) {
	#password_str_bar  { width: 180px; }
	#password_strong_div{ left: 188px;}
}


#pwd_explain_text {
	margin-left: auto;
	margin-right: auto;
	font-family: georiga; 
	text-align: left; 
	font-weight: bold; 
	margin-top: 30px;
	width: 70%; 
	max-width: 388px;
}

#pw_force_update_div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	color: #654321; 
	font-weight: bold; 
	text-align: left; 
	width: 370px; 
}

#comment_textarea {
	width: 96%;
	max-width: 450px;
	height: 180px;
	border-radius: 6px;
	resize: vertical;
	max-height: 240px;
	min-height: 30px;
}

.main_text h3 {
	width: 95%;
	margin: 0 auto;
	padding-top: 12px;
	padding-bottom: 2px;
	font-size: calc(1.1em + 0.5vw);
}

.main_text h4 {
	width: 95%;
	margin: 0 auto;
	padding-top: 12px;
	padding-bottom: 2px;
	font-size: 0.9em;
}

.main_text p, .main_text ul {
	margin: 5px auto 12px auto;
	width: 95%;
	font-size: 0.9em;
	line-height: 140%;
}

.compare_figure_div {
	width: 290px;
	margin: 0 auto;
	padding: 10px 12px 12px 12px;
	text-align: center;
}

figcaption.small_text {
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	width: 250px;
	font-size: 0.8em;
	line-height: 125%;
}

p.explain {
	margin: 0 auto;
	width: 97%;
	max-width: 620px;
	text-align: justify;
	font-size: 0.84em;
	line-height: 125%;
}

#job_status_msg {
	position: fixed;
	left: 50%;
	transform: translate(-50%,120px);
	background-color: white;
	padding: 27px 0 23px 0;
	width: 95%;
	max-width: 300px;
	font-size: 1.3em;
	border: 2px solid black;
	outline: 3px solid red;
	border-radius: 5px;
	box-shadow: 4px 4px 8px #666;
	z-index: 40;
}

#job_status_msg a {
	font-size: 1.1em;
	text-decoration: none;
}

#job_status_msg > div:nth-child(2),#job_status_msg > div:nth-child(3) {
	margin-top: 14px;
}

div.error_page {
	margin: 0 auto;
	margin-top: 10px;
	width: 320px;
	font-size: 1.3em;
}

div.error_page a {
	font-size: 0.7em;
	color: #003a8b;
}

.specs a:link { color: #8b4513; }
.specs a:visited { color: #8b4513; }
.specs a:hover { color: #300; }
.specs a:active { color: #300; }
.specs { color: #8b4513; font-weight: bold; }

.hits_data_tbl th a:link { color: #00008b; text-decoration: none; }
.hits_data_tbl th a:visited { color: #00008b; text-decoration: none; }
.hits_data_tbl th a:hover { color: #145f88; text-decoration: none; }
.hits_data_tbl th a:active { color: #145f88; text-decoration: none; }

.visits_data_tbl {
	margin-left: auto;
	margin-right: auto; 
	margin-top: 15px; 
	margin-bottom: 5px; 
	font-size: 0.8em;
}

.visits_data_tbl th {
	text-align: center;
}

.visits_data_tbl th a:link { 
	color: #000; 
	text-decoration: none; 
}

.visits_data_tbl th a:visited {
	color: #000; 
	text-decoration: none; 
}

.visits_data_tbl th a:hover { 
	color: #145f88; 
	text-decoration: none; 
}

.visits_data_tbl th a:active { 
	color: #145f88; 
	text-decoration: none; 
}

#th_color { 
	color: #145f88; 
	text-decoration: none; 
}

.tracker_logo_120 {
	width: 120px;
	height: 120px;
}

.visits_data_tbl_td {
	padding: 5px 8px;
}

.hits_data_tbl, visits_data_tbl {
	margin: 15px auto;
	font-size: 0.9em;
}

#hits_nav_tbl td a:link { color: #2e8b17; text-decoration: none; }
#hits_nav_tbl td a:visited { color: #2e8b17; text-decoration: none; }
#hits_nav_tbl td a:hover { color: #145f88; text-decoration: none; }
#hits_nav_tbl td a:active { color: #145f88; text-decoration: none; }

#hits_nav_tbl {

	margin: 20px auto;
	width: 460px; 
}

#hits_nav_td1 {

	width: 13%; 
}

#hits_nav_td2 {

	width: 26%; 
}

#hits_nav_td3 {

	width: 29%; 
}

#hits_nav_td4 {

	width: 32%; 
}

.searchnav { color: #0b7; font-weight: bold; }

.searchnav td { width: 18px; text-align: right; }
.searchnav_active_page { font-size: 1.1em; }

.searchnav a:link { color: #063; font-weight: bold; }
.searchnav a:visited { color: #063; font-weight: bold; }
.searchnav a:hover { color: #0c6; font-weight: bold; }
.searchnav a:active { color: #0c6; font-weight: bold; }

.admin_links 	a:link    { color: blue; }
.admin_links 	a:visited { color: blue; }
.admin_links 	a:hover   { color: blue; }
.admin_links 	a:active  { color: blue; }

table.admin_links {
	margin-top: 10px; 
	line-height: 200%;
}

h3.admin, h2.admin { 
	font-size: 1.7em; 
	margin: 10px 0 4px 0; 
	padding: 0; 
}

.blockquote {
	font-style: italic;
}

.loading { font-family: arial; font-size: 1.2em; color: #678595; line-height: 1.2em; }
.nameloading { font-family: arial; font-size: 1.8em; color: #528191; line-height: 1.4em; }

.keep_centered { 
	position: absolute; 
    	left: 50%;         	
/* Start with top left in the center */ 
    	top: 1%; 
    	width: 400px;  	 		/* The fixed width... */ 
    	height: 1px;    			/* ...and height */ 
    	margin-left: -210px;   	/* Shift over half the width */ 
    	margin-top:  -1px;     	/* Shift up half the height */ 
}

img[usemap], map area{
    outline: none;
}

.dragclass {
	position: relative;
	cursor: move;
}

.dragclass2 {
	cursor: grab;
}

.dragclass3 {
}

.shadow 	{ box-shadow: 3px 4px 12px #333; }
.shadow2 	{ box-shadow: 13px 14px 32px 2px #333; }
.shadow3	{ box-shadow: 8px 8px 22px #333; }
.shadow4	{ box-shadow: 5px 5px 16px #333; }
.shadow5	{ box-shadow: 13px 13px 36px #333; }
.shadow6	{ box-shadow: 8px 8px 26px #333; }

.snav		{ border: 0; }

/* Guides */

.gbg_label	{ font-size: 0.9em; color: #7c4102; }
.gbg_label_small { font-size: 0.8em; color: #7c4102; }

.corner_link {
	display: block;
	position: absolute;  
	top: 0; 
	opacity: 0;
	z-index: 25;
}

.corner_link20 {
	width: 20px; 
	height: 20px;
}

.corner_link30 {
	width: 30px; 
	height: 30px;
}

.corner_link40 {
	width: 40px; 
	height: 40px;
}

#corner_back_link {
	left: 0; 
}

#corner_home_link {
	right: 0; 
}

.billed_icon {
	width: 12px;
	height: 12px;
}

#guide_back_link {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 30px; 
	height: 30px;
	z-index: 100000;
}

#guide_home_link {
	position: absolute; 
	right: 0; 
	top: 0; 
	width: 30px; 
	height: 30px;
	z-index: 100000;
}

.guide_nav_link_img {
	width: 100%;
	height: 100%;
}

/* Admin section */

table.users_tbl {
	font-size: 0.86em;
}

table.users_tbl th { 
	padding-top: 6px; 
	padding-bottom: 6px;
	text-align: center; 
}

table.failed_logins_tbl {
	text-align: left; 
	width: 100%;
	max-width: 1000px; 
	background-color: #f1feff;
}

table.failed_logins_tbl a {
	text-decoration: none;
}

.failed_logins_tbl_header {
	background-color: #58d;
}

table.failed_logins_tbl th { 
	width: 103px;
	padding-left: 7px;
	padding-top: 6px; 
	padding-bottom: 6px;
}

table.failed_logins_tbl th a { 
	color: white;
}

table.failed_logins_tbl td { 
	padding: 3px 3Px 3px 7px; 
}

.failed_logins_div {
	outline: 1px dashed blue;
	display: inline-block;
	width: 350px;
	display: none;
}

.failed_logins_div a {
	text-decoration: none;
}

.failed_logins_div .div_td1 {
	width: 60%;
}

.failed_logins_div:nth-child(odd) {
	background-color: #f1feff;
}

.failed_logins_div:nth-child(even) {
	background-color: #d1feef;
}

.title_block {
	width: 90%;
	text-align: left;
}

.google_intro {
	padding: 10px 0;
	font-size: 0.8em;
}

.guide_item {
	width: 210px;
	height: 400px;
	text-align: left;
	margin: 0 50px;
}

.diag_holder {
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
	width: 92%;
	max-width: 620px;
}

.diag_holder > div, .diag_holder > img {
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 10px;
	font-size: 1.25em;
}

.diag_holder > div:first-child {
	display: inline-block;
	width: 368px;
}

.diag_holder > div:nth-child(2) img {
	transform: translate(0,5px);
}

.diag_img_div {
	min-width: 174px;
}

.diag_holder img {
	width: 30px;
	height: 30px;
}

.diag_holder a {
	text-decoration: none;
}

a:link.toggle_mysqli_en { color: green; }
a:visited.toggle_mysqli_en { color: green; }
a:hover.toggle_mysqli_en { color: blue; }
a:active.toggle_mysqli_en { color: blue; }

a:link.toggle_mysqli_dis { color: #c03; }
a:visited.toggle_mysqli_dis { color: #c03; }
a:hover.toggle_mysqli_dis { color: blue; }
a:active.toggle_mysqli_dis { color: blue; }

a:link.toggle_pdo_en { color: green; }
a:visited.toggle_pdo_en { color: green; }
a:hover.toggle_pdo_en { color: blue; }
a:active.toggle_pdo_en { color: blue; }

a:link.toggle_pdo_dis { color: #c03; }
a:visited.toggle_pdo_dis { color: #c03; }
a:hover.toggle_pdo_dis { color: blue; }
a:active.toggle_pdo_dis { color: blue; }

/** Used by the login/include/database.php diag system **/

#diag_frame1 {
	position: absolute;
	left: 160px;
	top: 90px;
	min-height: 100px;
	background-color: white;
	opacity: 0.96;
	border-radius: 5px;
	z-index: 499;
	width: 8%;
	max-width: 500px;
	min-width: 13%;
	padding: 18px 2px 10px 2px;
	overflow: hidden;
	outline: 1px solid orange;
}

#diag_frame {
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	height: 20px;
	font-size: 1.3em;
	z-index: 1005;
	width: 100%;
}

@media screen and ( pointer: coarse ) {
	#diag_frame1 { left: 7px; }
}

.diagnostics_div {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 93%; 
	margin-top: 8px; 
}

.diagnostics_div > hr {
	width: 100%;
}

.diag_pdo {
	color: blue;
}

.diag_mysqli {
	color: #984a31;
}

.diag_q_data_red {
	color: red;
}

.diag_q_data_blue {
	color: maroon;
}

.diag_q_data_green {
	color: green;
}

.diag_font_code {
	margin-left: 0;
	font-family: courier; 
	font-size: 0.8em;
	text-align: left;
	display: block;
}

.diag_pre {
	text-align: left;
	padding-left: 30px;
}

.admin_container {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	width: 77vw; 
	max-width: 620px; 
	text-align: left;
	background-color: white;
	padding: 5px 35px 40px 35px;
	outline: 2px solid black;
	border-radius: 5px;
}

.admin_display_div {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 10px;
	width: 93vw; 
	max-width: 620px; 
	text-align: left;
	background-color: white;
	padding: 5px 10px 5px 0px;
	outline: 2px solid black;
	border-radius: 5px;
}

.admin_nav_links, .admin_nav_links_small {
	margin-top: 12px;
	text-align: center;
	font-size: 0.9em;
	font-family: arial;
}

.admin_nav_links > div {
	display: inline-block;
	width: 170px;
	height: 34px;
	line-height: 34px;
}

.admin_nav_links_small > div {
	display: inline-block;
	margin: 0 12px 0 12px;
	height: 34px;
	line-height: 34px;
}

#admin_user_info_name {
	margin-top: 22px; 
	margin-bottom: 2px; 
	margin-left: 3px; 
	font-size: 1.8em; 
}

#admin_user_info_tbl {
	text-align: left; 
	width: 98%; 
	margin-top: 10px;
}

#admin_user_info_tbl th {
	padding: 3px;
	text-align: left;
	width: 196px;
}

#admin_user_info_tbl td {
	padding: 3px;
	text-align: left;
}

.user_info_fs {
	font-size: 0.9em;
}

#admin_visit_tbl {
	margin-top: 20px; 
	margin-left: 3px;
	text-align: left;
}

#admin_visit_tbl th {
	width: 196px;
	text-align: left;
}

#admin_legend_div {
	text-align: left;
	width: 90%;
	max-width: 700px; 
	margin-top: 20px; 
	margin-left: 4px;
}

.legend_cont {
	padding: 3px;
	display: inline-block;
}

.admin_legend_color {
	margin-top: 6px; 
	width: 10px; 
	height: 10px;
	float: left; 
	margin-left: 18px;
}

.admin_legend_label {
	padding-left: 5px;
	padding-right: 10px; 
	float: left;
}

#admin_user_info_links_div {
	margin-left: 6px; 
	margin-top: 18px;
}

.printR {
	margin-left: auto; 
	margin-right: auto;
	width: 600px; 
	text-align: left;
}

/* GUIDE SECTION */

.guide_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	width: calc(18.4% + 63.9vw); 
	max-width: 536px; 
	border: 2px solid #654321; 
	background-color: white; 
	text-align: justify;
	border-radius: 6px;
}

.guide_container h1 { 
	width: 100%; 
	text-align: center; 
	font-size: calc(26px + 0.8vw); 
	margin-top: 8px; 
	margin-bottom: 20px; 
	font-weight: normal;
}

.guide_container h3 {
	width: 100%; 
	font-size: 1.2em; 
	font-weight: normal; 
	margin: 14px 0 8px 0;
}

.guide_cont_padding {
	padding: 20px 68px 30px 68px; 
}

@media screen and (max-width: 700px) {	
	.guide_cont_padding { padding: 12px 26px 18px 26px; }
}

.ptext, .code_div {
	padding-left: 26px;
	padding-bottom: 8px;
}

.ptext2 {
	text-align: left;
}

div.code {
	display: inline-block;
	font-family: courier; 
	text-align: left;
	font-size: 0.96em;
	font-weight: bold;
	color: #00008b;
}

div.wide_link { 
	display: inline-block;
	text-align: left
}

div.narrow_link { 
	display: none;
	text-align: left;
}

.guide_group_top {
	display: block; 
}

.guide_group_bottom {
	display: block; 
	padding-top: 8px;
}

.er_symbol {
	vertical-align: bottom;
}

.p_symbol {
	vertical-align: bottom;
	padding-bottom: 4px;
}

#opening_div, .main_text, #display_tbl, #display_m_tbl {
	border-radius: 6px;
}

.footer {
	margin: 0 auto;
	max_width: 600px;
	width: 80%;
}

.footer > div > div {
	display: inline-block;
	padding: 10px 10px 0px 10px;
	font-size: 0.8em;
}

#copyright {
	padding-top: 20px;
}