/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/*
	Blue band CSS
 */


@media screen { .print_only { display: none; } } 
@media print  { .screen_only { display: none; } }



		body { margin-top: 80px; /* to clear top navigation/command bar - add a couple more for spacing */
			margin-bottom: 20px; /* to clear bottom navigation */
			width: 100%; min-width: 800px;
			height: 100%; min-height: 500px;
			background-color: #E6E6E6; 
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 14px;
position: relative;
			 }

		/** Navigation bands **/
		.navigation-band { width: 100%; height: 30px; background: url(images/blue-bar.png) top left repeat-x; }
		.navigation-band .center-column { width: 100%; margin: 0px 5px; text-align: center;
							font-size: 22px; color: lightGrey; 
							position: absolute; z-index: 1; left: 0px; }
		.navigation-band .left-column  { width: 250px; min-width: 250px; margin: 0px 5px; text-align: left; 
							position: absolute; z-index: 2; }
		.navigation-band .right-column { width: 300px; min-width: 300px; margin: 0px 8px; text-align: right; 
							position: absolute; z-index: 2; right: 0; }

		#topNavigation { position: fixed; left: 0px; top: 0px; z-index: 1; width: 100%; }
		#bottomNavigation { position: fixed; left: 0px; bottom: 0px; z-index: 1; width: 100%; height: 20px; }

		.navigationCommands, .navigationCommands a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a8c4e2; text-decoration: none; line-height: 25px; }
		.navigationCommands a:hover { text-decoration: none; color: #007EC2; cursor: hand; }

		.logo { font-family: arial; font-size: 20px; font-weight: bold; color: #a8c4e2; width: 240px; background: none; float: left; padding-top: 3px; color: #DEDEDE; }



		/** Command bar **/
		.command-bar { width: 100%; height: 50px; margin: 0; background-image: url("images/bluegray-bar.png"); background-position: 0px -7px; position: relative; }
		.command-bar .page-navigation { width: 600px; display: block; float: right; margin-top: 24px; margin-right: 30px; }
		.command-bar .page-navigation ul { float: right; }
		.command-bar .page-navigation li { width: 110px; height: 24px; display: block; float: left;
								background-color: #d8d8d8;
								list-style-type: none;
								margin: 0px 5px 0px 5px;
								text-align: center;
								border-top-left-radius: 6px;
								border-top-right-radius: 6px;
								padding: 0px 6px;
							 }

		.command-bar .page-navigation li a { width: 100px; height: 16px; display: block; float: right;
									background-color: #d8d8d8;
									list-style-type: none;
									text-align: center;
									font-size: 11px; color: #8d1c1c; 
									text-decoration: none;
									padding: 4px 5px;
								 }

		.command-bar .page-navigation li a:hover { color: #005EA2; cursor: hand; }
		.command-bar .page-navigation li.active a:hover { color: #8d1c1c; cursor: default; }


		.command-bar .page-navigation li.active { background-color: #e6e6e6; border-bottom: 3px solid #E6E6E6; }
		.command-bar .page-navigation li.active a { background-color: #e6e6e6; border-bottom: 3px solid #E6E6E6; cursor: default; }

		.command-bar .page-title { float: left; margin: 10px 50px; 
						font-size: 26px; color: #88201B; color: #A8C4E2; color: #DEDEDE; 
					 }

		#banner { overflow: hidden; }


	#main-content { width: 100%; height: 100%; min-height: 300px; min-width: 900px; text-align: center; display: block; }
	.display-panel {  width: 90%; min-width: 900px; min-height: 280px; margin-left: 5%; padding-top: 30px; position: relative; text-align: center;
				font-size: 11px; color: #444;

				}




	.form-pane {	width: 300px; height: 240px; margin: 5px; padding: 15px 10px 20px 20px; display: block; 
				background: #EBEBEB url(images/login-bg.png) top left repeat-x;
				font-size: 11px; color: #444;

				border: 1px solid lightGrey;
				border-top-left-radius: 7px;
				border-top-right-radius: 7px;
				border-bottom-left-radius: 7px;
				border-bottom-right-radius: 7px;

				text-align: left;
		}


	.user-entry label { margin-bottom: 5px; display: block; cursor: default;
				font-size: 15px; color: #8D1C1C; color: #444;
		}

	.user-entry .textinput { width: 276px; height: 10px; line-height: 10px; 
				margin: 2px 0px 10px; 0px; padding: 7px 0px 7px; 0px;
				font-family: Arial; font-size: 14px; color: #444; color: #005EA2;

				border: 1px dotted lightGrey;

				background-image: url(images/textinputbg.gif);
				text-indent: 7px;
margin-top: 0px; margin-bottom: 0px;
	}
.input-group { margin-bottom: 5px; clear: both; }
.input-group input { margin-bottom: 3px; clear: both; }


	.form-pane .form-actions { margin-top: 20px; }
	.form-pane .form-actions label { font-size: 11px; width: 120px; float: left; }

	.forgotpass { text-decoration: none; color: #AAAAC1; padding-top: 3px; margin-top: 5px; clear: both; cursor: hand; }
	.forgotpass:hover { text-decoration: underline; color: #005EA2; }

	fieldset { border: none; }

	.user-message-pane { width: 500px; height: 242px; margin-left: 30px; margin-top: 17px; border-left: 2px solid lightGrey; padding-left: 20px; padding-top: 4px; 
				font-size: 15px; color: #005EA2;
				text-align: left;
				 }

	.split-pane .user-message-pane, .split-pane .form-pane { float: left; }

	.split-pane { width: 900px; }
	.cross-tab { width: 980px;  margin-left: -60px; }

	.login-button { width: 120px; height: 30px; font-size: 16px; font-weight: bold; }
	input:disabled { background: transparent; color: lightGrey; }

	.system-disabled { display: none; }
	.system-unavailable { height: 235px; background: #EBEBEB url(images/system_disabled.jpg) top left; }
	#system-unavailable-panel { display: none; }

	li.disabled a { color: green; }

	.show-as-error { color: red; }
	.show-as-successful { color: green; }







	.cross-tab > ul { min-height: 450px; width: 60px; background-color: #022E5F; border: none; padding: 0px; padding-top: 20px; padding-left: 3px; display: block; float: left;  }
	.cross-tab > ul > li { height: 60px; width: 60px; margin: 0px; background-color: #5e6e8a !important;
			opacity: .3;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
			margin-top: 5px; margin-bottom: 5px;
 	}
	.cross-tab > ul > li.selected {
			background-color: #e6e6e6 !important;
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 	}
	.cross-tab > ul > li.user-contact {
		background: url("images/user-contact.png") no-repeat center center;
	}
	.cross-tab > ul > li.user-defaults {
		background: url("images/user-worksheet-defaults.png") no-repeat center center;
	}
	.cross-tab > ul > li.user-defaults2 {
		background: url("images/user-taxrates-worksheet2.png") no-repeat center center;
	}
	.cross-tab > ul > li.user-security {
		background: url("images/user-security.png") no-repeat center center;
	}



	.cross-tab.mini > ul { width: 150px; }
	.cross-tab.mini > ul > li { height: 40px; width: 150px; }

	.cross-tab > ul > li.entities-counties {
		background: url("images/dock-county.png") no-repeat center center;
	}


	.cross-tab > ul > li.recently-accessed {
		background: url("images/dock-recent.png") no-repeat center center;
	}
	.cross-tab > ul > li.entities-cities {
		background: url("images/dock-city.png") no-repeat center center;
	}

	.cross-tab > ul > li.entities-schools {
		background: url("images/dock-school.png") no-repeat center center;
	}

	.cross-tab > ul > li.entities-ch313 {
		background: url("images/dock-ch313.png") no-repeat center center;
	}
	.cross-tab > ul > li.entities-waterdistrict {
		background: url("images/dock-water.png") no-repeat center center;
	}
	.cross-tab > ul > li.entities-developedwaterdistrict {
		background: url("images/dock-developed.png") no-repeat center center;
	}
	.cross-tab > ul > li.entities-other {
		background: url("images/dock-other.png") no-repeat center center;
	}






	.cross-tab > div {
		display: block; float: left; min-width: 600px;
		margin-left: 10px;
	}

	.cross-tab > div > h4 {
		color: #800;
		font-size: 2.2em;
		border-bottom: 1px dotted #800;
		padding-top: 5px;
		margin-top: 0;
		text-align: left;
		padding-left: 8px;
		margin-bottom: 5px;
	}










		.input-group { position: relative; }
		.data-entry-pane { position: relative; }

		label.invalid-value { color: red; }

		.important-message { background-image: url("images/Emblems-emblem-important-icon.png"); background-repeat: no-repeat; color: red; padding-left: 25px; height: 25px; padding-top: 2px;
						}


		/** Popup validation messages **/
		.popupContainer { display: block; position: absolute; top: 0; left: 0; z-index: 100; background: transparent; }
		.popupContainer .arrow { background-image: url("images/search-top-arrow.png"); margin-left: 30px; width: 19px; height: 13px; }
		.popupContainer .important { background-image: url("images/Emblems-emblem-important-icon.png"); width: 16px; height: 16px; float: left; margin-top: -2px; margin-right: 5px; }
		.popupContainer .content { min-width: 50px; background: white; padding: 15px; 
					border-top-left-radius: 6px; 
					border-top-right-radius: 6px; 
					//border-bottom-left-radius: 6px; 
					//border-bottom-right-radius: 6px; 
					border: 1px solid #6F7F9B; border-top: none; 
				}
		.popupContainer .content .text { color: red; font-weight: bold; font-size: 13px; font-family: arial; }
		.popupContainer .footer { width: 100%; height: 25px; background-image: url("images/bluegray-bar.png"); 
					border-bottom-left-radius: 6px; 
					border-bottom-right-radius: 6px; 
				}
		.popupContainer .footer .close { background-image: url("images/Actions-window-close-icon.png"); width: 16px; height: 16px; float: right; margin-top: 5px; margin-right: 10px; cursor: hand; }

		#weak-password { margin-top: 40px; }
		#mismatching-passwords { margin-top: 40px; }


		.user-message-display { clear: both; margin-top:60px; margin-left: 30px; }

		#finalize-reset-panel .form-pane { height: 260px; }

	/**
	body { background: #07112A url("images/skin_background.jpg") fixed no-repeat; }
	.user-messages { border-left: 2px solid darkGrey; color: #ECECEC; }
	.command-bar { height: 65px; background-color: #0A497E; } 
	.page-navigation li.active   { background-color: #0A497E; border-bottom: 3px solid #0A497E; color: #ECECEC; }
	.page-navigation li.active a { background-color: #0A497E; border-bottom: 3px solid #0A497E; color: #ECECEC; }
	**/

	#measure { position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: -1; font-size: 8px; display: none; }
	.labelsize { position: absolute; bottom: 0; right: 0; }
	.b-50-50   { position: relative; float: left; width: 49px; height: 49px; border-right: 1px dotted lightGrey; border-bottom: 1px dotted lightGrey;  }
	.b-50-100  { position: relative; float: left; width: 49px; height: 49px; border-right: 1px solid gray; border-bottom: 1px dotted lightGrey;  }
	.b-100-50  { position: relative; float: left; width: 49px; height: 49px; border-right: 1px dotted lightGrey; border-bottom: 1px solid gray;  }
	.b-100-100 { position: relative; float: left; width: 49px; height: 49px; border-right: 1px solid gray; border-bottom: 1px solid gray;  }

	#posit { position: absolute; top: 350px; left: 450px; padding: 0px; border: 1px solid green; }


	.panel { display: none; }
	.cross-tab > div { display: none; }
	#entity-list-panel { display: block; }
	#entity-list-panel > .cross-tab > div:first-child { display: block; }






	.input-group.short { float: left; width: 49%; margin-bottom: 20px; clear:none; }
	select.short-entry { text-align: center; padding-left: 10px; xpadding-right: 20px; text-indent: 10px;  }
	.top-buffer { padding-top: 20px; }
	.bottom-buffer { padding-bottom: 20px; }

	#create-entity-panel div.user-entry { height: 180px; }
	.new-county { display: none; }
	.new-county label { float:right; font-size: 12px; margin-right: 50px; }

	.new-school { display: none; }
	.new-school input { float:left; margin-right: 10px; margin-top: -2px; }
	.new-school label { float:left; font-size: 12px; margin-right: 30px; clear: none; width: 235px; }







	.single-pane { width: 900px; height: 450px; border: none; max-height: 450px; min-height: 450px; overflow: auto; float: left; 		border-bottom: 1px dotted #800;
 }

	.entity-entry { width: 865px; clear: both; height: 20px; margin-bottom: 2px; padding: 5px; font-size: 14px; border-top: 3px solid #E6E6E6; border-bottom: 3px solid #E6E6E6; }
	.entity-entry:hover { background-color: #A8C4E2; cursor: hand; font-weight: bold; font-size: 13px; color: #022E5F; border-top: 3px solid #022E5F; border-bottom: 3px solid #022E5F;  }

	.entity-entry .entity-name { width: 500px; float: left; line-height: 20px; vertical-align: center; text-align: left; xborder: 1px solid darkBlue;
					overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.entity-entry .entity-options { float: left; line-height: 13px; vertical-align: center; margin-left: 15px; }
	.entity-entry .entity-options input { xfloat: left; display: inline; margin-top: -1px; }
	.entity-entry:hover .entity-options input { xfloat: left; display: inline; }

	#doc-entity-name { text-align: left; width: 600px; max-width: 600px; min-width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
					font-size: 20px; line-height: 20px; margin-top: 10px; margin-bottom: 15px; color: #022E5F; float: left;
				}







	h2.color-banner { margin-bottom: 0px; background-color: #8CB6EF; background-color: #4285E2; color: white; font-family: Arial; clear:both; 
					padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 15px; font-weight: normal; line-height: 18px;
text-align: left;
					border-top: 1px solid #1f48a1;
					background-color:#022E5F;
					filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#022E5F, endColorstr=#C1CCD8);
					background-image:-moz-linear-gradient(left, #022E5F 15%, #C1CCD8 100%);
					background-image:-webkit-linear-gradient(left, #022E5F 15%, #C1CCD8 100%);
					background-image:-ms-linear-gradient(left, #022E5F 15%, #C1CCD8 100%);
					background-image:linear-gradient(left, #022E5F 15%, #C1CCD8 100%);
					background-image:-o-linear-gradient(left, #022E5F 15%, #C1CCD8 100%);
					background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(15%,#022E5F), color-stop(100%,#C1CCD8));
				}

	div.option-separator { float: left; height: 70px; margin-top: 10px; width: 1px; background-color: lightgray; }

	.document-option { float: left; height: 50px; margin-left: 20px; margin-bottom: 30px; margin-right: 30px; }
	.document-option h4 { margin-top: 5px; margin-bottom: 5px; width: 100%; font-weight: bold; }
	.document-option label { margin-left: 5px; float:left; clear:both; }

	.document_group { float: left; margin-top: 20px; margin-right: 40px; }
	.document_group div.button { margin-bottom: 15px; }

	.tooltip { display: block; height: 140px; xpadding: 40px 30px 10px 30px; width: 500px; font-size: 11px; color: #022E5F; 
				text-align: left; margin-top: 4px; margin-left: 75px;
			}
	.tooltip strong { margin-left: -80px; margin-right: 5px; font-weight: bold; font-style: italic; }
	.tooltip em     { font-style: italic; }

	.full-pane { width: 1000px; height: 650px; border: none; min-height: 550px; overflow: auto; float: left; 		border-bottom: 1px dotted #800;
			 }

.xbutton { clear: both; float: left; }

.button.big { width: 170px; min-width: 170px; border-top-width: 3px; border-bottom-width: 3px; height: 30px; overflow: none; text-overflow: none; }

.button:hover { border-top: 3px solid #022E5F; border-bottom: 3px solid #022E5F;  color: #022E5F;  }

#documents-panel { margin-left: -35px; margin-top: -20px; }

.coverscreen { position: absolute; z-index: 9; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #022E5F; 
background-color: black; 

			opacity: .3;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		}





.reset-sign-in       { color: #005EA2; }
.reset-sign-in:hover { cursor:hand; text-decoration:underline; }

.unsaved-data-warning { display:none;color:red;font-size:15px;}

.user-entry textarea { color: #005EA2; background-image: url(images/textinputbg.gif); }
.user-entry select   { color: #005EA2; background-image: url(images/textinputbg.gif); }


.document_group img { left: 10px; }