*
{
	margin: 0;
	padding: 0;
}

html, body
{
	font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
	font-size: 12pt;
	height: 100%;
}
#wrap
{
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -18px; /* the bottom margin is the negative value of the footer's height */
}
#main
{
	margin-left: 10px;
	margin-right: 10px;
}
.clearfooter
{
	clear: both;
}
#footer
{
	clear: both; /*height: 15px;*/
	width: 100%;
	font-size: 8pt;
}
#divBottomContent
{
	margin: 0;
	padding: 0;
}
.bold
{
	font-weight: bold;
}
#footer td
{
	border-width: 0px 1px 1px 1px;
	border-color: #ffffff;
	vertical-align: top;
	background-color: #def !important;
	color: GrayText;
}
#footer a, #footer div
{
	letter-spacing: 1px;
	text-decoration: none;
	color: GrayText;
}
#gridWrapper
{
	width: 98%;
}
/* must be same height as the footer */
h2, legend, .currentNodeStyle
{
	font-size: 13pt;
	color: #333333;
	padding-bottom: 3px;
	padding-top: 3px;
	font-weight: normal;
}
h2
{
	margin-right: 10px;
	padding-left: 10px;
	background: rgb(190,255,166); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,244,213,1) 0%, rgba(157,236,100,1) 50%, rgba(226,244,213,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,244,213,1)), color-stop(50%,rgba(157,236,100,1)), color-stop(100%,rgba(226,244,213,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,244,213,1) 0%,rgba(157,236,100,1) 50%,rgba(226,244,213,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(226,244,213,1) 0%,rgba(157,236,100,1) 50%,rgba(226,244,213,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(226,244,213,1) 0%,rgba(157,236,100,1) 50%,rgba(226,244,213,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(226,244,213,1) 0%,rgba(157,236,100,1) 50%,rgba(226,244,213,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
}
h2.mid
{
	margin-top: 10px;
}
.midSectionTitle
{
	font-size: 14pt;
	color: Black !important;
	padding-bottom: 5px;
	font-weight: normal;
}
div.title
{
	font-size: x-large;
	color: #008000 !important;
	background-color: #def !important;
	border: 1px solid #008000;
	padding: 5px;
	letter-spacing: 1px;
}
div.pagetitle
{
	font-size: x-large;
	color: #187dc9 !important;
	padding: 5px;
	letter-spacing: 1px;
}
div.innertitle
{
	font-size: large;
	color: #ED8C23 !important;
	padding: 5px;
	letter-spacing: 1px;
}
div.fltLeft
{
	float: left;
}
div.innrBlock, div.fltLeft
{
	display: inline-block; /* 	*display: inline; 	display: -moz-inline-stack;*/
}
p
{
	padding: 5px;
}
.drivingDirections
{
	font-size: 12pt;
	padding-left: 5px;
	text-decoration: underline;
}
.inlineLabel, .inlineLabelNoBold, .inlineLabelSmall, .inlineLabelSmallNoBold
{
	margin-left: 5px;
	text-align: right;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-size: 12pt;
}
.inlineLabelNoBold, .inlineLabelSmallNoBold
{
	font-weight: normal;
}
.inlineLabelSmall, .inlineLabelSmallNoBold
{
	font-size: 8pt;
	padding-bottom: 0px;
}
.inlineLabel .disabledLabel, .disabledLabel, span[disabled], label[disabled]
{
	color: #555555 !important;
}
.noWhiteSpace
{
	margin-left: 0px;
	padding-left: 0px;
}
div.label-textbox
{
	clear: both;
	margin-bottom: 5px;
	font-size: 12pt;
}
div.label, div.label2, div.label3, div.label4, div.label5, div.label6, div.label7, label.label, label.label2, label.label3, label.label4, label.label5, label.label6, label.label7
{
	float: left;
	display: block;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 10px;
	font-weight: normal;
}
div.label, label.label
{
	width: 135px;
}
div.label2, label.label2
{
	width: 198px;
}
div.label3, label.label3
{
	width: 80px;
}
div.label4, label.label4
{
	width: 370px;
}
div.label5, label.label5
{
	width: 180px;
	font-size: 12pt;
	padding-bottom: 0px;
}
div.label6, label.label6
{
	width: 90px; /*color: #187dc9 !important;*/
}
div.label7, label.label7
{
	width: 188px; /*color: #187dc9 !important;*/
}
div.label8, label.label8
{
	width: 218px;
}
label.label, label.label2, label.label3, label.label4, label.label5, label.label6, label.label7, label.label8
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.radiobutton, .radiobutton label
{
	margin-right: 2px;
	font-size: 10pt;
}
.radiobutton label 
{
	margin-left: 3px;
}
input[type=text], select, input[type=password], textarea, label
{
	font-size: 12pt;
}
input[type=text], input[type=password], label
{
	height: 24px;
}
input, textarea, keygen, select, button, isindex
{
	font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
}
.formFieldSet
{
	border: 8px ridge #ff00ff;
	color: #ffffff;
	padding: 10px;
}
.imageUploader
{
	padding-top: 5px;
	padding-left: 5px;
	border: dashed 1px #555555;
	background-color: #FFFF99;
}
.fieldSet, fieldset.calendar, .fieldSetCoord
{
	display: inline;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
}
.fieldSetCoord
{
	padding: 5px;
}
.fieldSetLittle
{
	display: inline;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 5px;
}
fieldSet.calendar
{
	display: none;
}
fieldSet.sub
{
	margin-right: 0px;
	background-color: #d8d8d8;
	border-style: ridge;
}
div.secondlabel
{
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}
span.helplabel, span.helplabel label, div.helplabel
{
	color: GrayText;
}
div.left-margined-div
{
	margin-left: 140px;
}
div.formbox
{
	padding: 20px; /*color:#339 ! important;  	background-color:#def ! important; */
	border: 1px solid #99c;
}
#headerfirsttext
{
	color: white;
	font-size: x-large;
	height: 42px;
	padding-left: 10px;
}
#headerlasttext
{
	color: white;
	font-size: x-large;
	height: 42px;
	padding-right: 10px;
}
#header a
{
	text-decoration: none;
}
.error-text
{
	color: red;
	font-size: 12pt;
}
.error-textsm
{
	color: red !important;
	font-size: 10pt;
}
.success-text
{
	color: #529214;
	font-size: 14pt;
}
.floatlefttextbox
{
	float: left;
}

#e
{
	border-top: solid 5px #7BAADB;
	background-color: white;
	padding: 0 0 1px;
}
.currentNodeStyle, .nodeStyle, .rootNodeStyle, a.siteMapPath, div.subPageTitle
{
	text-decoration: none;
	font-size: 14pt;
	background-color: white;
	color: Black;
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
}
div.subPageTitle
{
	padding-bottom: 15px;
	color: #333333;
}
.pathSeparatorStyle
{
	display: none;
}
input[readonly], select[disabled], textarea[readonly], input[disabled], textarea[disabled]
{
	background-color: #EBEBE4 !important;
	border: 1px solid #b3adae;
	padding: 1px;
	color: #555555 !important;
}
.error-textsm
{
	color: red !important;
	font-size: 10pt;
}
button[disabled], button[disabled]:hover
{
	color: #cccccc !important;
}
.fieldSet .disabled, .lbl .disabled, .fieldSetCoord .disabled
{
	background-color: #ECE9D8;
	color: Gray;
}
#topNav, #tabs
{
	width: 100%;
	background-color: #008000;
	padding: 0;
	margin: 0;
	z-index: 0;
}
#tabs
{
	background-color: white;
	display: block;
	padding: 5px;
	margin: 10px 2px 5px 2px;
	width: 99%;
}
#subNav
{
	width: 100%;
	padding: 0;
	margin: 0;
	height: 5px;
}
.staticMenuItemStyle, #tabs a
{
	color: #fff;
	text-align: center;
	font-size: 12pt;
	height: 20px;
	background-color: #2CB12C;
	width: auto;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
    margin-left: .2em;
}
.staticSelectedStyle, #tabs a.current, #topMenu a.static.selected
{
	background-color: #eee;
	color: #000;
	z-index: 100;
	font-size: 12pt;
}
.staticHoverStyle, #tabs a.hover
{
	background-color: #225080;
	font-size: 12pt;
}
#tabs a, #tabs a.current, #tabs a.hover
{
	border-width: thin;
	border-color: #000000;
	border-style: solid solid none solid;
	font-size: medium;
	padding: 10px;
	margin: 5px;
	text-decoration: none;
}
.substaticMenuItemStyle
{
	background-color: #eee;
	text-align: center;
	font-size: 12pt;
	color: gray;
	height: 20px;
}
.substaticHoverStyle
{
	background-color: #D0D0D0;
	font-size: 12pt;
	height: 20px;
}
.substaticSelectedStyle
{
	background-color: #D0D0D0;
	font-size: 12pt;
	height: 20px;
	color: Black;
}
.substaticVerticalMenuItemStyle
{
	background-position: 5px center;
	text-align: left;
	font-size: 14pt;
	color: #187dc9;
	margin-left: 20px;
	padding: 10px;
}
.substaticVerticalHoverStyle
{
	font-size: 14pt;
	color: Black;
	margin-left: 20px;
	padding: 10px;
}
.substaticVerticalSelectedStyle
{
	font-size: 14pt;
	color: #187dc9;
	margin-left: 20px;
	padding: 10px;
}
.subMenu A:link, .subMenu A:visited, .subMenu A:active
{
	text-decoration: none;
}
table.shapes-table
{
	text-align: center;
	vertical-align: middle;
}
table.border-addinfo
{
	border: 1px solid #A6C9E2;
	color: #222222;
	-moz-border-radius: 5px 5px 5px 5px;
}

tr.border-addinfo, td.cell-addinfo
{
	border: 1px solid #A6C9E2;
	color: #222222;
}
td.cell-addinfo, td.cell-addinfo input[type=text], td.cell-addinfo select, td.cell-addinfo input[type=password], td.cell-addinfo button
{
	text-align: left;
	font-weight: normal;
	background-color: White;
	font-size: 12pt;
}
th.cell-addinfo
{
	font-size: 12pt;
	position: relative;
	text-align: center;
	white-space: nowrap;
	background-color: #DFF4FF;
	color: #2E6E9E;
	font-weight: bold;
}
td.shape
{
	border: 1px solid white;
	width: 52px;
	height: 52px;
}
td.shape:hover
{
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
}
td.selected-shape
{
	background-color: #B8E8F8;
	border: 1px solid #FF8000;
}

table.line-items
{
	border: solid 1px #000000;
	width: 100%;
}
table.line-items td, table.line-items th
{
	border: solid 1px #000000;
}

table.line-items tr
{
	height: 50px;
	text-align: center;
	vertical-align: middle;
}
.buttons a, .buttons button, .buttonAlone
{
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	text-decoration: none;
	font-weight: normal;
	color: #565656;
	cursor: pointer;
	font-size: 10pt;
}
.buttonLargeFont
{
	font-size: 14pt;
}
.buttons a, .buttons button
{
	display: block;
	float: left;
	line-height: 130%;
	padding: 5px 10px 6px 7px; /* Links */
	margin: 0 3px 3px 0;
}
.buttons button, .buttonAlone
{
	width: auto;
	overflow: visible;
	padding: 7px 10px 7px 7px; /* IE6 */
}
.buttonSmallPadding
{
	padding: 4px 1px 3px 1px; /* IE6 */
}
.buttons button[type]
{
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}
*:first-child + html button[type]
{
	padding: 4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img, .buttonAlone a img
{
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

/* STANDARD */
button:hover, .buttons a:hover, .buttonAlone:hover
{
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}
.buttons a:active
{
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* POSITIVE */
button.positive, .buttons a.positive, .buttonAlone.positive
{
	color: #529214;
}
.buttons a.positive:hover, button.positive:hover, .buttonAlone a.positive:hover
{
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}
.buttons a.positive:active
{
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative
{
	color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover
{
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}
.buttons a.negative:active
{
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}
.leftSideMenu
{
}
.leftSideMenu li
{
	list-style-type: none;
}
.leftSideMenu li ul li
{
	margin-left: 5px;
	font-size: 12pt;
	list-style-position: inside;
	list-style-image: url(Images/arrow.png);
	padding-left: 0px;
}
.leftSideMenu a:hover, .leftSideMenu a:visited, .leftSideMenu a
{
	text-decoration: none;
	color: #518FD0;
}
.leftSideMenuDiv
{
	overflow: auto;
	min-height: 298px;
	border: 1px solid gray;
	padding: 10px;
	display: inline-block;
}
.rightSideMenuDiv
{
	overflow: auto;
	border: 1px solid gray;
	padding: 10px;
	display: block;
}
img.imgAction
{
	width: 20px;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
}
img.analysisImage, canvas.analysisImage
{
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
	width: 600px;
	height: 400px;
	margin: 0px;
	padding: 0px;
}
#canvas
{
	position: relative;
	border: none;
}
.accessible
{
}
.validationTable
{
	width: 480px;
	border-collapse: collapse;
	text-align: left;
	margin: 20px;
}
.validationTable th
{
	color: black;
	border-bottom: 2px solid green;
	padding: 10px 8px;
}
.validationTable td
{
	border-bottom: 1px solid #CCC;
	color: #669;
	padding: 8px;
	white-space: nowrap;
}
.validationTable .odd
{
	background: #E8EDFF;
}
.validationTable .even
{
}
.validationTable .col1
{
}
.validationTable .col2
{
}
.validationTable .col3
{
}
.validationTable .col4
{
}
.shortEntry
{
	width: 100px;
}
.longEntry, textarea.longEntry
{
	width: 412px;
}
.nameEntry
{
	width: 185px;
}
.titleObservation
{
	font-size: medium;
	color: White;
	margin-left: 10px;
}
.shortDecEntry
{
	width: 61px;
}
.shortCoordEntry
{
	width: 44px;
}
.longCoordEntry
{
	width: 110px;
}
.latPadding
{
	margin-left: 5px;
	padding-left: 0px;
}
.coordRadio
{
	width: 70px;
}
.smallmap
{
	width: 512px;
	height: 512px;
	border: 1px solid #ccc;
}
.locationLeft
{
	width: 600px;
	margin-top: 10px;
}
.analysisLeft
{
	width: 340px;
}
.analysisLeftDiv, div.analysisLeftDiv
{
	width: 375px;
}
.invert
{
	filter: invert(100%);
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
}
.grayscale
{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
}
.sepia
{
	filter: sepia(100%);
	-webkit-filter: sepia(100%);
	-moz-filter: sepia(100%);
	-o-filter: sepia(100%);
	-ms-filter: sepia(100%);
}
.redFilter
{
}
.normalFilter
{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none; /* IE6-9 */
	zoom: 1;
	-webkit-filter: grayscale(0%);
}
.horizontalCenter
{
	margin: 0px auto 0px auto;
	text-align: center;
}
.absoluteCenter
{
	margin: 0px auto 0px auto;
	text-align: center;
	vertical-align: middle;
}
.wrapper
{
	position: absolute;
	top: 50%;
	height: 200px;
	margin-top: -100px;
}
.buttonOpacityEntry
{
	color: Black;
	width: 70px;
	height: 35px;
	margin: 2px;
}
.buttonOpacityEntryPressed
{
	color: Green;
}
#OpacityQuickCalculator
{
	position: absolute;
	top: 170px;
	background-color: Gray;
	display: inline-block;
	z-index: 500;
	padding: 10px;
}
#divVertAngle
{
	width: 300px;
	height: 300px;
	margin: 0;
	cursor: pointer;
	background-color: Gray;
	top: 350px;
	left: 0;
	position: absolute;
	margin-left: 15px;
}
.imgSurvey
{
	width: 95% !important;
}
#tblLogin
{
	width: 40% !important;
}
#DocsWebLogin
{
	width: 100% !important;
}
@media only screen and (max-width: 810px)
{
	#tblLogin
{
	width: 100% !important;
}
#topNav, .ctl00_topMenu_2, .staticSelectedStyle, #tabs a.current, .title, .logPageText
{
	font-size: 1em !important;
	font-family: inherit;
}
.logLab, h2, .ui-jqgrid .ui-jqgrid-view, label, input, select, div.helplabel, a, .logPageText, #footer td, div.label-textbox,
span.helplabel, span.helplabel label, div.helplabel, #DocsWebLogin_FailureText, #footer, #footer div
{
	font-size: .9em !important;
	font-family: inherit;
}
}
@media only screen and (max-width: 480px)
{
	#headerfirsttext, #headerlasttext
	{
		font-size: 1em !important;
	}
	.logo
{
	height: 35px;
	width: 35px;
}

#topNav, .ctl00_topMenu_2, .staticSelectedStyle, #tabs a.current, .title, .logPageText
{
	font-size: .9em !important;
	font-family: inherit;
}
.logLab, h2, .ui-jqgrid .ui-jqgrid-view, label, input, select, div.helplabel, a, .logPageText, #footer td, div.label-textbox,
span.helplabel, span.helplabel label, div.helplabel, #DocsWebLogin_FailureText, #footer, #footer div
{
	font-size: .7em !important;
	font-family: inherit;
}
img.imgAction
{
	height: 15px;
	width: 15px;
}
.imgSurvey
{
	width: 95% !important;
}
input[type=text], input[type=password], label
{
	height: 16px;
}
#tblLogin
{
	width: 100% !important;
}
}
@media screen and (max-width: 800px)
{
}