@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('/maps/resources/fonts/glyphicons-halflings-regular.eot');
	src: url('/maps/resources/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/maps/resources/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/maps/resources/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/maps/resources/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/maps/resources/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
	font-family:'Glyphicons Halflings';
	color:#fff;
	width:48px;
	height:48px;
	display:block;
	text-align:center;
	line-height:48px;
}
.glyphicon-wrench:before{content:"\e136";}
.glyphicon-cog:before{content:"\e019";}
/*.glyphicon-option-vertical:before {content:"\e235";}*/
.glyphicon-option-vertical:before {content:"\e235";}
/* HUC Button Glyph */
#btnHuc {/*font-size:100%;*/padding:6px}
#btnHuc .glyphicon-option-vertical {display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:top}

/* Scaebar fixes */
.scalebar_bottom-right {
	bottom:25px !important;
	right:160px !important;
}

.esriScalebarLine {
	border-color:#000 !important;
}

.esriScalebarLabel {
	color:#000 !important;
	font-family:"Source Sans Pro",Calibri,Verdana,Helvetica,Arial,sans-serif;
}

.no-close .ui-dialog-titlebar-close,
.no-close .ui-widget-header {
	display:none;
}

.UIMainLoadDialog.ui-widget {
	padding:0;
	border:5px solid #ccc !important;
}

.logoDark {
	background-color:#444;
	color:#009DDA;
	padding:10px;
	margin-bottom:10px
}

.NCEIHeader {
	background-color:#444;
	color:#fff;
	padding:10px
}

.NCEIHeader .inset {
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	width:290px;
}

.NCEIHeader .inset .logoSmall {
	float:left;
	margin:9px 0 0 0;
}

.NCEIHeader .headerNOAA {
	font-size:40px;
	float:left;
	margin:0 5px 0 0;
	letter-spacing:-2px
}

.NCEIHeader .headerNCEI {
	font-size:14px;
	float:left;
	margin:8px 0 0 0
}

#mainLoadDialog.ui-dialog-content {
	padding:0;
}

#mainLoadDialog h1,
#mainLoadPage .dialog h1 {
	font-weight:bold;
	font-size:1.2em;
	margin:0
}

#mainLoadDialog h2,
#mainLoadPage .dialog h2 {
	margin:0 0 1em 0
}

#loadErrorText {
	color:#fff;
	margin-top:10px;
	text-align:left;
	padding:10px 10px 10px 60px;
	background:url('/maps/resources/images/icon_alert.png') 10px center no-repeat #0057a5;
}

#loadErrorText h2 {
	color:#00c0ff
}

#loadErrorText p {
	margin-bottom:10px;
}

.errorCode {
	font-size:11px;
	color:#aaa
}

#loadIcon {
	margin:1em auto;
	width:66px;
	height:66px;
	display:block;
}

.loadPadding {
	padding:10px;
	display:block;
	text-align:center;
}

#loadPercGraph {
	width:0;
	display:block;
	background-color:#0057a5;
	height:21px;
	box-shadow:inset 0 3px 7px #000;
	box-shadow:inset 0 3px 7px rgba(0,0,0,0.25);
}

#loadPercText {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	color:#fff;
	line-height:20px;
	text-shadow:0 2px 3px #000;
	text-shadow:0 2px 3px rgba(0,0,0,0.25);
}

.loadPercContainer {
	border:1px solid #aaa;
	width:100%;
	height:23px;
	position:relative;
	background-color:#0184D2;
	box-shadow:inset 0 3px 3px #000;
	box-shadow:inset 0 3px 3px rgba(0,0,0,0.25);
}

.UIClose {
	position:absolute;
	top:12px;
	right:1px;
	width:20px;
	height:20px;
}

/* TOP MENU */
#UINavMenuAnchor {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	left:10px;
	padding:10px;
	position:absolute;
	top:8px;
	text-decoration:none;
	cursor:pointer;
	border-top:1px solid #212121;
	border-left:1px solid #212121;
	border-right:1px solid #212121;
	overflow:hidden;
	text-indent:-999px;
	background:url('/maps/resources/images/menu.png') center center no-repeat transparent;
	height:41px;
	width:50px;
	opacity:.8;
}

#UINavMenuAnchor:hover {
	opacity:1;
}

#UINavMenuAnchor.active {
	opacity:1;
	background-color:#0057a5;
}

#mainMenuInternalContent li a {
	background-repeat:no-repeat;
	background-position:16px center;
	padding-left:64px;
	background-image:url('/maps/resources/images/menu/ic_home_white_18dp.png');
}

#uiMainMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	list-style-position:inside;
}

#UINavMenu {
	position:absolute;
	top:49px !important;
	left:11px !important;
	height:auto !important;
	width:350px !important;
	z-index:11 !important; /* fixes index position on maps */
	color:#fff;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
	z-index:10;
}

#UINavMenu ul {
	padding:0;
	margin:0;
}

#UINavMenu ul li {
	padding:0;
	margin:0;
}

#UINavMenu a {
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
	color:#fff;
	text-decoration:none;
	display:block;
	background-color:#0057a5;
	width:100%;
	padding:20px;
	border-bottom:1px solid #fff;
}

#UINavMenu li:last-child a {
	border-bottom:none
}

#uiMainMenu ul li a:hover,
#uiMainMenu ul li a:active {
	background-color:#0184D2;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

#UINavMenu .uiClose {
	display:none;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.printLabel {
	background-color:#fff;
	color:#444;
	font-size:16px;
	margin:0;
	position:fixed;
	top:0;
	right:0;
	height:62px;
	padding-left:30px;
	visibility:hidden;
	width:100%;
}

#UITitle {
	width:100%;
	background-color:#212121;
	color:#fff;
	text-align:left;
	height:60px;
	padding-left:64px;
	position:absolute;
}

#UITitle h1#mainTitle {
	padding-left:32px;
	background:url('/maps/resources/images/noaa_logo_small.gif') left center no-repeat transparent;
	line-height:60px;
	font-size:120%;
	font-weight:normal;
}

select {
	padding:2px;
	background-color:#fff;
}

button,
.button {
	border-radius:3px;
	padding:.5rem 1rem;
	font-weight:bold;
}

button,
.button,
[type="button"],
[type="submit"],
[type="reset"],
[type="image"] {
	width:auto;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor:pointer;
}

button, select {
	text-transform: none;
}

.cartButton {
	background-color:#CD620C;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.cartButton:hover {
	background-color:#E7771B;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.cartButton:disabled {
	background-color:#aaa;
	cursor:default;
}

.cancelButton,
.clearButton,
.clearButton:active {
	background-color:transparent;
	color:#0057a5;
	text-decoration:underline;
}

.cancelButton:hover,
.clearButton:hover {
	background-color:transparent;
	color:#245bab;
	text-decoration:underline;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

/* CUSTOM INPUT STYLING */
input[type="checkbox"],
input[type="radio"] {
	left: -9999px;
	position: absolute;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	cursor: pointer;
	font-weight: normal;
	margin-bottom: 0.5em;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="checkbox"] + label {
  margin-bottom:0;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	width:16px;
	height:16px;
	background:white none repeat scroll 0 0;
	box-shadow:0 0 0 1px #777;
	border:1px solid #245bab;
	content:" ";
	display:inline-block;
	line-height:16px;
	margin-right:10px;
	margin-top:4px;
	text-indent:10px;
	vertical-align:-2.25px;
	margin-left:3px;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="radio"] + label:before {
	box-shadow:0 0 0 2px #fff, 0 0 0 3px #777;
	border:2px solid #777;
	border:1px solid #245bab;
	height:12px;
	width:12px;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="radio"] + label:before {
	border-radius: 50%;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
	background-color: #0071bc;
	box-shadow: 0 0 0 1px #0071bc;
	border:1px solid #0071bc;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="radio"]:checked + label:before {
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0057a5;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="radio"]:focus + label:before {
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0057a5, 0 0 3px 4px #3e94cf, 0 0 7px 4px #3e94cf;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="checkbox"]:checked + label:before {
	background-image: url('/maps/resources/images/correct8.svg');
	background-position: 50% center;
	background-repeat: no-repeat;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="checkbox"]:focus + label:before {
	box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #0071bc;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="checkbox"]:disabled + label {
	color: #5b616b;
	border:1px solid #fff;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="checkbox"]:disabled + label:before,
input[type="radio"]:disabled + label:before {
	background: #d6d7d9 none repeat scroll 0 0;
	box-shadow: 0 0 0 1px #aeb0b5;
	border:1px solid #fff;
	cursor: not-allowed;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

input[type="checkbox"]:disabled:checked + label:before {
	background: #d6d7d9 none repeat scroll 0 0;
	box-shadow: 0 0 0 1px #aeb0b5;
	cursor: not-allowed;
	background-image: url('/maps/resources/images/correct8.svg');
	background-position: 50% center;
	background-repeat: no-repeat;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

fieldset {
	/*
	border:1px solid #ccc;
	overflow:auto;
	padding:10px;
	*/
}

fieldset legend {
	border:none;
	color:#111;
	margin-bottom:0.25em;
	padding:0 !important;
	display:block;
	font-weight:bold;
}

.table {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
	border-bottom:1px solid #ddd;
}

.table th {
	font-weight:bold;
	text-align:center;
}

.table td,
.table th {
	background-color:transparent;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #ddd !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

.table > tbody + tbody {
	border-top: 2px solid #ddd;
}

.table .table {
	background-color: #fff;
}

.table-condensed {
	margin-bottom:10px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding:2px;
}

.table-bordered {
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(even) {
	background-color: #f0f0f8;
}

.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}

table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}

/* Messages */
#msgUpdate {
	font-size:80% !important;
	color:#d00;
	text-align:center;
	clear:both;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

#paleoInfo {
	width:350px;
	position:fixed;
	bottom:100px;
	right:25px;
	z-index:100;
	background-color:#fff;
	display:block;
	color:#333;
	font-weight:normal;
	font-size:16px;
	border-radius:7px;
	box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px rgba(0,0,0,.85);
}

#paleoInfo .title {
	margin:.1em 0;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color:#245BAB;
	text-transform:uppercase;
	padding:.5em;
}

#paleoInfo .title button {
	width:16px;
	height:16px;
	display:inline-block;
	padding:0;
	border-radius:50%;
	font-size:12px;
	font-style:italic;
	margin-left:7px;
	text-indent:-1px;
}

#paleoInfo .content {
	text-align:center;
	padding:1em;
	display:block;
}

/* Paleo promo */
.paleo-promo {
	background-color:#FFF1D2; /* #E1F3F8 */
	padding:20px;
	position:relative;
	font-size:14px;
	text-align:center;
	color:#CD2026;
}

.paleo-promo a {
	text-decoration:none !important;
	color:#CD2026 !important;
}

.paleo-promo a:hover {
	text-decoration:underline !important;
}

.paleo-promo .promo-close {
	position:absolute;
	top:3px;
	right:7px;
	cursor:pointer;
	opacity:.75;
	font-size:24px;
	-webkit-transition:all ease .4s;
	-moz-transition:all ease .4s;
	transition:all ease .4s;
	font-weight:bold;
}

.paleo-promo .promo-close:hover {
	opacity:1;
	-webkit-transition:all ease .2s;
	-moz-transition:all ease .2s;
	transition:all ease .2s;
}

#btnRedirectCAG {
	width:auto;
	position:fixed;
	bottom:100px; /* used to be 40px */
	right:0;
	padding:20px 60px 20px 20px !important;
	background-position:90% center;
	background-repeat:no-repeat;
	background-color:#efefef;
	color:#111;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px #ddd;
	z-index:100;
	border:1px solid #777;
	border-right:none;
	opacity:.7;
	overflow:hidden;
	border-radius:7px 0 0 7px;
}

#btnRedirectCAG:hover {opacity:1}

.climate_glance_ak #btnRedirectCAG {
	background-image:url('/maps/resources/images/cag_usa.png');
	background-position:95% center;
	padding-right:70px;
}
.climate_glance #btnRedirectCAG {background-image:url('/maps/resources/images/cag_alaska.png')}

#btnUpdate {
	margin:0;/*0 5px 0 0;*/
	width:auto;
}

#ui-datepicker-div {
	/*font-size:85% !important*/
}

.ui-widget {
	font-family:"Open Sans",Calibri,Verdana,Helvetica,Arial,sans-serif !important;
	font-weight:normal !important;
	font-size:16px !important;
	border-radius:0 !important;
	border:1px solid #ccc !important;
	box-shadow:0 0 5px #000;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.85);
}

.ui-dialog-titlebar-close ,
.ui-button-icon-only {
	overflow:hidden;
	text-indent:-999px;
	box-shadow:none;
	background-color:transparent !important;
	border:none !important;
	opacity:.5 !important;
	-webkit-transition:all ease .4s;
	-moz-transition:all ease .4s;
	transition:all ease .4s;
}

.ui-dialog-titlebar-close:hover,
.ui-button-icon-only:hover {
	opacity:1 !important;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

/****
.ui-widget-header .ui-icon {
	background-image: url('/maps/resources/css/smoothness/images/ui-icons_888888_256x240.png');
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('/maps/resources/css/smoothness/images/ui-icons_888888_256x240.png');
}
****/

.dailyCalendarIcon {
	padding:0 !important;
	margin:2px 0 0 10px !important;
	cursor:pointer;
	float:right;
}

.indent {
	margin-left:35px;
	margin-right:5px;
}

#dateLabel {
	float:left;
	margin:2px 0 0 0;
	color:#777;
}

.date-pickerContainer {
	display:inline-block;
}

/*
.date-pickerContainer * {
	cursor:pointer;
}
*/
/*#calendarInput_img {float:left}*/

.date-pickerContainer input#date-pickerContainer {
	display:inline-block;
	width:auto !important;
	background:url('/maps/resources/images-mobile/calendar_14x14.png') 98% center no-repeat transparent;
	cursor:pointer;
	padding:5px;
}

.menuInternalContent .date-pickerContainer .ui-datepicker-trigger {
	display:inline-block;
	margin-left:5px;
}

#chkZero {
	margin:0 2px 0 0;
	float:left;
}
.esriSimpleSliderTR {
	right:8px !important;
	top:10px !important;
}

#map_zoom_slider {
	opacity:.7;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

#map_zoom_slider:hover {
	opacity:1;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

#map_zoom_slider .esriSimpleSliderIncrementButton,
#map_zoom_slider .esriSimpleSliderDecrementButton {
	background-color:#fff;
}

/* MAP/TOOLBAR ICONS */
#map_container,
#map_container.default,
#map_container.pan,
#map_container.location {
	cursor:-webkit-grab !important;
	cursor:-moz-grab !important;
	cursor:grab !important;
}

#map_container.pan.active,
#map_container.pan:active,
#map_container.location.active,
#map_container.location:active,
#map_container.active,
#map_container:active {
	cursor:-webkit-grabbing !important;
	cursor:-moz-grabbing !important;
	cursor:grabbing !important;
}

#map_container.identify {
	cursor:url('/maps/resources/cursors/identify.png') 1 1, pointer !important;
}

#map_container.measure {
	cursor:url('/maps/resources/cursors/measure.png') 1 1, pointer !important;
}

#map_container.polygon {
	cursor:url('/maps/resources/cursors/polygon.png') 1 1, pointer !important;
}

#map_container.proximity {
	cursor:url('/maps/resources/cursors/proximity.png') 1 1, pointer !important;
}

#map_container.rectangle {
	cursor:url('/maps/resources/cursors/rectangle.png') 1 1, pointer !important;
}

#map_container.tdsrectangle {
	cursor:url('/maps/resources/cursors/rectangle.png') 1 1, pointer !important;
}
/* END CURSORS */

/* MAP FINDER */
#uiMapfinder {
	position:absolute;
	top:0;
	left:10px;
	height:100%;
	width:100%;
	background-color:transparent;
	overflow-x:hidden;
	overflow-y:auto;
}

#uiMapfinder ul,
#uiMapfinder ul li {
	margin:0;
	padding:0;
}

#uiMapfinder ul li a {
	display:block;
	width:100%;
	text-decoration:none;
	cursor:pointer;
}

.mapfinderWindow {
	position:absolute;
	width:630px;
	height:590px;
	min-width:630px;
	min-height:590px;
	background-color:#fff;
}

.mfTabHeader {
	color:#930;
}

.mfTabHeader ul {
	list-style-type: none;
	list-style-position:inside;
	padding:0;
	margin:0;
	position:relative;
	top:1px;
}

.mfTabHeader li {
	float:left;
	margin:0 1px !important;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.mfTabHeader ul:first-child {
	margin-left:5px;
}

.mfTabHeader a {
	text-decoration:none;
	display:block;
	background-color:#ddd;/*#f0f0f8;*/
	padding:8px 6px;
	color:#777;
	text-align:center;
	border:1px solid #ccc;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.mfTabHeader a:hover {
	background-color:#fff;
	color:#444;
	border-bottom:1px solid #ccc;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.mfTabHeader #selected {
	color:#444;
	border-bottom:1px solid #fff;
	-moz-transition:color ease .2s, background-color ease .2s, border-color linear 0;
	-webkit-transition:color ease .2s, background-color ease .2s, border-color linear 0;
	transition:color ease .2s, background-color ease .2s, border-color linear 0;
}

.mfTabHeader .mfTabSelected a {
	background-color:#fff;
	color:#444;
	border-bottom:1px solid #fff;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.mfTabContent {
	border:1px solid #ccc;
	clear: both;
	height:370px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	margin-bottom:10px;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.mfItem {
	width:100%;/*500px;*/ 
	height:60px; 
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#444;
	display:table;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.mfItem .row {
	display:table-row;
	padding:10px;
	height:52px;
	width:52px;
	overflow:hidden;
}

.mfItem .row .image {
	width:40px;
	height:40px;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	padding:0 10px;
	overflow:hidden;
}

.mfItem .row .image img {
	width:40px;
	height:40px;
}

.mfItem .details {
	width:400px;
	vertical-align:top;
	padding:10px 0 0 0;
	display:table-cell;
	color:#777;
}

.mfItem img,
.mfItem a {
	cursor:pointer;
}

.mfItemTitle {
	font-size:18px;
	text-decoration:none;
}

.mfGalleryItem {
	width:170px; 
	height:155px; 
	float:left;
	font-size:14px;
	color:#444;
	border-radius:0;
	padding:8px;
	border:1px solid #ccc;
	margin:5px;
	background-color:#f0f0f8;
	cursor:pointer;
	text-align:center;
}

#mapfinderFooterContent {
	background:url('/maps/resources/images-bg/bg_70_ffffff.png') center center repeat transparent;
	padding:5px;
	text-align:center;
	line-height:150%;
}

#mapfinderFooterContent input {
	vertical-align:middle
}

#mainWindow {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

/* MAP */
.UIMapCanvas {
	padding:0;
	background-color:#fff;
	overflow:hidden;
	position:absolute;
}

#map {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	width:100%
}

/* LEFT LAYERS/RESULTS CONTAINERS */
/* MAIN TAB LAYOUT */
#uiLayers {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	visibility:hidden;
	background-color:#f0f0f8;
	color:#111;
	overflow:auto;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}

.uiTitleElements {
	position:fixed;
	height:auto;
	width:auto;
	padding:5px;
	cursor:default;
	z-index:2;
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0px 0px 2px #000, -1px 0 2px #000, 1px 0 2px #000, 0 1px 1px #000, 0 -1px 1px #000;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	transition:all .2s linear;
	font-size:120%;
	text-align:center;
}

.uiFooterElements {
	position:fixed;
	height:auto;
	width:auto;
	padding:5px;
	cursor:default;
	z-index:2;
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0px 0px 2px #000, -1px 0 2px #000, 1px 0 2px #000, 0 1px 1px #000, 0 -1px 1px #000;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	transition:all .2s linear;
	font-size:14px;
	text-align:center;
}

#uiLabel {
	/*right:5px;bottom:5px;*/
	top:70px;
	left:50%;
	transformX: translate(-50%);
}

#uiCoords {
	left:50%;
	bottom:10px;
	/*transform:translate(-50%, 0%);*/
	width:200px;
}

/****** Sidebar tabs *****/
#tabLR1a {
	padding-left:16px;
	background-image:url('/maps/resources/images/icon_layers.png');
	background-position:42px 62%;
	background-repeat:no-repeat;
	-moz-transition:background ease .2s;
	-webkit-transition:background ease .2s;
	transition:background ease .2s;
}

#tabLR2a {
	padding-left:16px;
	background-image:url('/maps/resources/images/icon_results.png');
	background-position:41px 65%;
	background-repeat:no-repeat;
	-moz-transition:background ease .2s;
	-webkit-transition:background ease .2s;
	transition:background ease .2s;
}

.tabLRWindow {
	position:absolute;
	top:0;
	left:0;
	width:400px;
	bottom:0;
	background-color:#fff !important;
}

#uiTabLR {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	width:auto !important;
	height:auto !important;
}

#tabLRInternalContent {
	background-color:#fff !important;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

/* Sidebar Tabs */
.tabLRHeader {
	top:0;
	left:0;
	height:auto;
	position:absolute;
	width:100%;
	background-color:#ddd;
	color:#777;
	text-align:center;
}

.tabLRHeader ul {
	margin:2px 0 0 0;
	padding:0;
	list-style:none;
	position:relative;
	bottom:-1px;
}

.tabLRHeader ul li {
	margin:0;
	padding:0;
	display:inline-block;
	text-align:center;
	float:left;
	width:40%;
}

.tabLRHeader ul li a {
	margin:0;
	padding:0;
	height:27px;
	display:block;
	text-align:center;
	color:#444;
	border:none;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}

.tabLRHeader ul li a.UIButton {
	overflow:hidden;
	background-position:center 5px;
	background-repeat:no-repeat;
	background-color:#f0f0f8;
	height:25px;
	padding-top:5px;
	color:#777;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ddd;
	margin:0 4px;
	position:relative;
	bottom:1px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.tabLRHeader ul li a.UIButton:hover {
	background-color:#fff;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.tabLRHeader ul li a.UIButton.active {
	background:#fff;
	color:#444;
	cursor:default;
	border-bottom:1px solid #fff;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.tabLRContent {
	color:#444;
	position:absolute;
	top:33px !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
}

/* Menu Internal Content */
.menuInternalContent,
#layersInternalContent,
#uiLegend {
	padding:0;
	margin:0;
}

#layersInternalContent {
	background-color:#fff;
	margin-bottom:20px;
}

.menuInternalContent table {
	width:100%;
	text-align:left;
	border-top:1px solid #ccc;
}

.menuInternalContent th,
.menuInternalContent td {
	padding:5px;
}

.menuInternalContent tr {
	border-bottom:1px solid #ccc;
}

.menuInternalContent tr:nth-child(odd) {
	background-color:#f0f0f8;
}

.menuInternalContent th {
	background-color:#245bab;
	color:#fff;
	font-weight:bold;
	text-transform:none;
}

.rsi .menuInternalContent th:first-child {
	text-align:left;
}

.rsi .menuInternalContent tr {
	cursor:url('/maps/resources/cursors/identify.png') 1 1, pointer !important;
}

.rsi .menuInternalContent td {
	text-align:center;
	color:#777;
}

.rsi .menuInternalContent td:first-child {
	text-align:left;
	color:#444;
}

.menuInternalContent h1 {
	font-size:140%;
	margin-bottom:1em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

.menuInternalContent h2 {
	margin:0 0 .5em 0;
	font-size:120%;
	display:none;
}

.menuInternalContent h3 {
	padding:0 !important;
	margin-bottom:.25em;
	color: #245bab !important;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.menuInternalContent h4 {
	color:#444;
	padding:0 !important;
	font-size:16px;
}

.menuInternalContent p {
	font-size:90%;
	line-height:1.25em;
	margin-bottom:.5em;
}

.menuInternalContent a {
	text-decoration:underline;
	color:#0057a5;
	-moz-transition:background ease .2s;
	-webkit-transition:background ease .2s;
	transition:background ease .2s;
}

.menuInternalContent label {
	line-height:1rem; /* Updated from 16px to allow custom styling of buttons */
	display:block;
}

.menuInternalContent input,
.menuInternalContent select {
	width:100%
}

.dateLeft label,
.dateRight label {text-align:left}

.sub-area select {opacity:1;color:#000;transition: all .2s ease;}
.sub-area select:disabled{opacity:.25;color:#999;transition: all .2s ease;}

/*
#monthlyObsMenuInternalContent input#chkMonthlyObs,
#dailyObsMenuInternalContent input#chkDailyObs {
	margin:0 5px 10px 0;
	display:block;
	float:left;
}
*/

#layersInternalContent .layerOptions {
	display:block;
	margin-left:19px;
}

#layersInternalContent .layerOptions input.checkbox {
	float:left;
	display:flex;
	margin-right:3px;
}

#layersInternalContent .layerOptions .layerListName {
	float:none;
	width:100%;
}

#layersInternalContent .layerOptions .datePickerInput {
	clear:both;
	float:none;
	display:inline-block;
	border:1px solid #ccc;
	padding:5px;
	margin-left:5px;
}

/* MRM
#layersInternalContent .layerOptions .datePickerInput .layerListCalendarDate {
	float:left;
}*/

#layersInternalContent .layerOptions .datePickerInput .dailyCalendarIcon {
	float:left !important;
	margin-left:4px !important;
}

/* HELP */
#helpInternalContent {
	padding:0 20px 20px 20px;
	height:100%;
	width:100%;
	margin-bottom:20px;
}

#helpInternalContent h1 {
	font-size:32px;
	margin-bottom:20px;
}

#helpInternalContent h2 {
	font-size:24px;
	margin-bottom:20px;
	color:#777;
}

#helpInternalContent h3 {
	margin-bottom:5px;
}

#helpInternalContent p {
	color:#777;
}

#helpInternalContent .helpItem {
	width:100%;
	margin-bottom:30px;
	padding:0;
}

#helpInternalContent .helpItem .imgBlock {
	float:left;
	margin:5px 20px 0 0;
	background-color:#0057a5;
	border-radius:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:48px;
	height:48px;
}

.UIOptions {
	background-color:transparent;
	margin:0;
	position:absolute;
	top:0px;
	right:0px;
	height:60px;/*40px;*/
	width:auto;
}

.UIOptions ul {
	margin:0;
	padding:0;
	list-style:none;
}

.UIOptions ul li {
	margin:0;
	padding:0;
	display:inline-block;
	text-align:center;
	float:left;
}

.UIOptions ul li a {
	margin:0;
	padding:0;
	height:40px;
	display:block;
	text-align:center;
	color:#fff;
	border:none;
	text-decoration:none;
	cursor:pointer;
}

.UIOptions ul li a.UIButton {
	overflow:hidden;
	background-position:center 5px;
	background-repeat:no-repeat;
	background-color:transparent;
	opacity:.5;
	height:60px;
	width:60px;
	padding-top:40px;
	font-size:11.33px;
	-moz-transition:background ease .2s;
	-webkit-transition:background ease .2s;
	transition:background ease .2s;
}

/* Universal Desktop Icons*/
.toolsIconSmall {
	width:28px;
	height:28px;
	margin:0 0 0 5px;
	display:table-cell;
	float:right;
	cursor:pointer;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
	line-height:1;
	position:relative;
	text-decoration:none;
	border-radius:5px;
	text-decoration:none;
	background-color:#0071bc;
}

.toolsIconSmall:after {
	content:"\e136";
	color:#ddd;
	font-family:"Glyphicons Halflings";
	font-style:normal;
	font-weight:400;
	text-decoration:none;
	left: 50%;
	position: absolute;
	text-decoration: none;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;/* 1 */
}

.toolsIconSmall:hover {background-color:#205493;}
.toolsIconSmall:hover:after {
	color:#fff;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.optionsIconSmall {
	width:28px;
	height:28px;
	margin:0 0 0 5px;
	padding:0;
	display:table-cell;
	float:right;
	cursor:pointer;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
	line-height:1;
	position:relative;
	border-radius:5px;
	text-decoration:none;
	background-color:#0071bc;
}

.optionsIconSmall:after {
	content:"\e019";
	color:#ddd;
	font-family:"Glyphicons Halflings";
	font-style:normal;
	font-weight:400;
	text-decoration:none;
	left: 50%;
	position: absolute;
	text-decoration: none;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 0; /* 1 */
}

.optionsIconSmall:hover {background-color:#205493;}

.optionsIconSmall:hover:after {
	color:#fff;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.graphItem {
	width:24px;
	height:24px;
	display:block;
	float:right;
	margin:2px 5px 0 0;
	overflow:hidden;
	text-indent:-999px;
	background:url('/maps/resources/images/icon_graph_small_blue.png') center center no-repeat transparent;
	cursor:pointer;
	opacity:.5;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.quickDataItem {
	width:24px;
	height:24px;
	margin-top:2px;
	display:block;
	float:right;
	background:url('/maps/resources/images/icon_download_small_blue.png') center center no-repeat transparent;
	overflow:hidden;
	text-indent:-999px;
	cursor:pointer;
	opacity:.5;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.toolsIconSmall:hover,
.graphItem:hover,
.quickDataItem:hover {
	opacity:1;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.layerListName {
	width:100%;
	display:table;
	padding:5px;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.layerListCalendarDate {
	float:left;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.usdrought .layerListCalendarDate,
.nadrought .layerListCalendarDate,
.global_drought .layerListCalendarDate {
	border:1px solid #ccc;
	padding:5px;
}

.layerListCalendarDate.disabled,
.toolsIconSmall.disabled,
.optionsIconSmall.disabled {
	opacity:0;
	cursor:default;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

/* Each UI Button Defined Here */
.UIOptions ul li a.UIButton.locator {
	background-image:url('/maps/resources/images/icon_locator.png');
}

.UIOptions ul li a.UIButton.layers {
	background-image:url('/maps/resources/images/icon_layers.png');
}

.UIOptions ul li a.UIButton.mapfinder {
	background-image:url('/maps/resources/images/icon_mapfinder.png');
}

.UIOptions ul li a.UIButton.measure {
	background-image:url('/maps/resources/images/icon_measure.png');
}

.UIOptions ul li a.UIButton.pan {
	background-image:url('/maps/resources/images/icon_pan.png');
}

.UIOptions ul li a.UIButton.tools {
	background-image:url('/maps/resources/images/icon_tools.png');
}

.UIOptions ul li a.UIButton.legend {
	background-image:url('/maps/resources/images/icon_legend.png');
}

.UIOptions ul li a.UIButton.basemaps {
	background-image:url('/maps/resources/images/icon_basemap.png');
}

.UIOptions ul li a.UIButton.print {
	background-image:url('/maps/resources/images/icon_print.png');
}

.UIOptions ul li a.UIButton.options {
	background-image:url('/maps/resources/images/icon_options.png');
}

.UIOptions ul li a.UIButton.help {
	background-image:url('/maps/resources/images/icon_help.png');
}

.UIOptions ul li a.UIButton.info {
	background-image:url('/maps/resources/images/icon_info.png');
}

.UIOptions ul li a.UIButton:hover {
	opacity:1;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

/* Other UI Elements */
/* FOOTER */
.UIFooter {
	bottom:0;
	left:0;
	height:auto;
	position:absolute;
	width:100%;
	background-color:#333;
	color:#fff;
	text-align:center;
}

.UIFooter a {
	color:#ddd;
	text-decoration:none;
	width:33.333%;
	display:block;
	float:left;
	text-align:center;
	font-size:75%;
	padding:10px 0;
	margin:0;
	border:none;
	text-decoration:none;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.UIFooter a:active,
.UIFooter a:hover {
	color:#fff;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

#uiResultHeader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:40px;
	overflow:hidden;
	background-color:#dce4ef;
	padding:5px;
}

.grid_indices.desktop #uiResultHeader {
	top:32px;
}

.grid_indices.desktop #uiResultContent {
	top:72px;
}

#uiResultHeader .csvDownload {
	float:right
}

#uiResultHeader .resultsHeader label {
	display:inline-block;
	margin:6px 0 0 5px;
	font-weight:bold;
}

#uiResultHeader button {
	float:right;
	margin-right:5px;
}

#uiResultContent {
	position:absolute;
	top:40px;
	left:0;
	right:0;
	bottom:47px;
	overflow:visible;
	overflow-x:hidden;
	overflow-y:auto;
}

.uiResultLocation {
	background-color:#f0f0f8;
	padding:10px 0px 10px 40px;
	text-align:left;
	line-height:1em;
}

.uiResultLocation .details {
	display:block;
}

.uiResultLocation .details strong {
	text-transform:uppercase;
}

.uiResultLocation .location {
	display:block;
}

.uiResultLocation .location strong {
	color:#777;
	font-weight:normal;
}

.locationSelect {
	margin-top:5px;
	width:auto;
	font-size:14px;
	background-color:#CD620C;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.locationSelect:hover {
	background-color:#E7771B;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.locationSelect:disabled,
.locationSelect.disabled {
	background-color:#aaa;
	cursor:default;
}

.locationSelect img {
	vertical-align:middle
}

#uiResultFooter {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:10px;
	background-color:#dce4ef;
	height:47px;
}

#uiResultFooter button {
	float:right;
	margin-right:5px;
}

.resultsItems {
	padding:10px;
	display:table;
	width:100%;
	border-bottom:1px solid #ccc;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.resultsItems:last-child {
	border-bottom:none;
}

.resultsItems:hover {
	background-color:#f0f0f8;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.resultsItems div {
	height:auto !important;
}

.resultsItems .resultItem {
	float:left;
	display:table-cell;
	margin-left:29px;
	color:#999;
	line-height:19px;
}

.resultsItems .resultItem div {
	float:left;
	width:100%; /*80%*/
	display:block;
	overflow:hidden;
}

.resultsItems label {
	font-weight:bold !important;
	width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
}

.noDataSelect.resultsItems label {
	margin-left:30px;
}

.resultsItems h2,
.resultsItems h3 {
	font-size:18px;
}

.resultItem strong:before {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

.resultItem a.detailsItem {
	border-radius:3px;
	background:url('/maps/resources/images/icon_view_white.png') 5px center no-repeat #245bab;
	padding:3px 5px 3px 22px;
	font-weight:normal;
	color:#fff;
	margin:4px 0;
	width:auto;
	display:inline-block;
	font-size:13px;
	text-decoration:none;
}

.resultItem a.detailsItem:hover {
	background-color:#4e8cc7;
	text-decoration:none;
}

.paleo .resultItem a.detailsItem {
	/* for a custom paleo icon */
	padding:3px 5px 3px 24px;
	background:url('/maps/resources/images/icon_list_white.png') 8px center no-repeat #245bab;
}

.paleo .resultItem a.detailsItem:hover {
	background-color:#4e8cc7;
	text-decoration:none;
}

.paleo .noDataSelect.resultsItems .resultItem div {
	float:none;
	width:100%;
	display:block;
}

.paleo #uiResultContent .noDataSelect.resultsItems label,
.paleo #uiResultContent .noDataSelect.resultsItems .resultItem {
	margin-left:0 !important;
}

.metadataLink {
	display:inline-block;
	width:12px;
	height:14px;
	margin-left:7px;
	vertical-align:middle;
	background:url('/maps/resources/images/icon_metadata_blue.png') center center no-repeat transparent;
	opacity:.75;
}

.metadataLink:hover {
	opacity:1;
}

.resultItem .rsiItem {
	color:#000;
}

.resultsItems .resultItem strong {
	font-weight:bold;
	color:#666;
}

.resultsTitle {
	height:55px;
}

.result-header {
	font-size:12px;
	font-weight:bold;
}

.result-text {
	font-size:16px;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	text-align:center;
}

/* Marine results */
.grid_indices .noDataSelect.resultsItems label {margin-left:0 !important}
.grid_indices .noDataSelect.resultsItems .resultItem {margin-left:0 !important}

#por {
	display:block;
	font-size:1em;
	background-color:#efefef;
	color:#999;
	margin:10px 0 10px 35px;
	padding:10px;
	text-align:center;
}

/* Hide the checkbox for layers that don't need them: Climate at a Glance */
#climateIndicesMenuInternalContent input[type="checkbox"],
#rsiMenuInternalContent            input[type="checkbox"],
#monthlyObsMenuInternalContent     input[type="checkbox"],
#dailyObsMenuInternalContent       input[type="checkbox"],
#nclimgridMenuInternalContent      input[type="checkbox"],
#climateGlanceInternalContent      input[type="checkbox"] {display:none}

#climateIndicesMenuInternalContent .layerListName,
#rsiMenuInternalContent            .layerListName,
#monthlyObsMenuInternalContent     .layerListName,
#dailyObsMenuInternalContent       .layerListName,
#climateGlanceInternalContent      .layerListName,
#nclimgridMenuInternalContent      .layerListName {padding:5px 0}

#climateIndicesMenuInternalContent .layerListName input[type="checkbox"]:disabled:checked + label::before,
#rsiMenuInternalContent            .layerListName input[type="checkbox"]:disabled:checked + label::before,
#monthlyObsMenuInternalContent     .layerListName input[type="checkbox"]:disabled:checked + label::before,
#dailyObsMenuInternalContent       .layerListName input[type="checkbox"]:disabled:checked + label::before,
#climateGlanceInternalContent      .layerListName input[type="checkbox"]:disabled:checked + label::before,
#nclimgridMenuInternalContent      .layerListName input[type="checkbox"]:disabled:checked + label::before {display:none}

#climateIndicesMenuInternalContent .layerListName label.layerDisplayName,
#rsiMenuInternalContent            .layerListName label.layerDisplayName,
#monthlyObsMenuInternalContent     .layerListName label.layerDisplayName,
#dailyObsMenuInternalContent       .layerListName label.layerDisplayName,
#climateGlanceInternalContent      .layerListName label.layerDisplayName,
#nclimgridMenuInternalContent      .layerListName label.layerDisplayName {margin-right:0;text-indent:0}

#climateIndicesMenuInternalContent .indent,
#rsiMenuInternalContent            .indent,
#monthlyObsMenuInternalContent     .indent,
#dailyObsMenuInternalContent       .indent,
#climateGlanceInternalContent      .indent,
#nclimgridMenuInternalContent      .indent {margin-left:0}

#firstDate.single {
	width:100%;
	float:none;
} 

#firstDate {
	width:47.5%;
	float:left;
}

#secondDate {
	display:none;
	width:47.5%;
	float:right;
}
/* paleo */
#paleoLayerList .layerListName label {
	display:block;
}

#paleoLayerList .layerListName input[type="checkbox"] + label::before {
	margin-left:12px !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}

#paleoLayerList .layerDisplayName {
	font-weight:normal !important
}

#paleoLayerList .layerDisplayName img {
	vertical-align:bottom;
	margin:0 0 0 3px;
}

#uiResult {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	visibility:hidden;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
	overflow:hidden;
}

.csvDownload {
	background-color:#245bab;
	padding:6px 5px 6px 5px;
	color:#fff;
	text-decoration:none;
	float:right;
	/*font-size:100%;*/
	line-height:100%;
}

.csvDownload:active {
	background-color:#245bab;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}
.csvDownload:hover {
	background-color:#4e8cc7;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}
.csvDownload:disabled {background-color:#aaa}
.csvDownload:after {clear:both}
.csvDownload:hover,
.csvDownload:active {
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
	background-color:#4E8CC7;
	color:#fff;
	text-decoration:none;
}
.csvDownload img {
	vertical-align:middle;
	margin-left:5px;
}

.resultsHeader button {
	font-size:14px;
}

/*** FORMATTING INTERNAL CONTENT ***/
/* GENERAL */
.footnote {
	text-align:center;
	font-size:85% !important;
	margin:10px 0;
	padding:0;
	color:#999;
}

.footnote a {
	color:#999 !important;
}

.uiPane h2 {font-size:1.2em}

.mvWindowDiv {
	position:absolute;
}

.mvWindow {
	position:absolute;
	border:none;
	color:#444;
	background-color:#fff;
	box-shadow:0 0 5px #000;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	display:none;
}

.mvGraphWindow {
	position:absolute;
	border-width:1px;
	border-style:solid;
	border-color:#333;
	background-color:#fff;
	color:#444;
}

/* PANES */
.inset {
	margin:0 auto;
	overflow-x:hidden;
	overflow-y:auto;
}

.uiClose {
	background-color:transparent !important;
	background-image:none !important;
	display:block;
	opacity:.7;
	cursor:pointer;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
	overflow:hidden;
	color:#444;
	height:16px;
	margin:-12px 4px 0 0;
	padding:1px;
	position:absolute;
	right:.3em;
	top:50%;
	width:16px;
}

.ui-button .ui-button-text,
.uiClose .ui-button-text {
	text-indent:-999px;
	height:0;
	width:0;
	display:none;
	overflow:hidden;
}

.uiClose:hover,
.uiClose:active {
	opacity:1;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family:"Source Sans Pro",Calibri,Verdana,Helvetica,Arial,sans-serif;
	font-weight:normal
}

.ui-dialog .ui-dialog-title {width:100% !important}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	opacity:.7 !important;
	border:none !important;
	-webkit-transition:all .2s ease 0s !important;
	-moz-transition:all .2s ease 0s !important;
	transition:all 0.2s ease 0s !important;
	box-shadow:none !important;
	cursor:pointer !important;
	background-color:transparent !important;
	background-image:none !important
}

#slider .ui-slider-handle {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition:none !important
}

.ui-button.ui-state-hover {
	opacity:1;
	-webkit-transition:all .2s ease 0s;
	-moz-transition:all .2s ease 0s;
	transition:all 0.2s ease 0s;
	box-shadow:none
}

.uiTabLR_minmax {
	position:absolute;
	top:8px;
	right:5px;
	width:20px;
	height:20px;
	position:absolute;
	top:3px;
	right:0;
}

.uiMinmax {
	position:absolute;
	top:4px;
	right:4px;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-999px;
	background:url('/maps/resources/images/ui-select-arrow.png') center center no-repeat transparent;
	display:block;
	opacity:.5;
	cursor:pointer;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}

.uiMinmax.active {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}

.uiMinmax:hover,
.uiMinmax.active:hover {
	opacity:1;
}

/* New sidebar */
#UISidebarPanel {
	height:0 !important;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	z-index:5;
}

#UISidebarPanel.active {
	height:auto !important;
}

#sidebarBody {
	top:35px;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

#uiResultsBreadcrumb {
	background-color:#000;
	background-color:rgba(0,0,0,.5);
	margin:0;
	padding:5px;
	list-style-type:none;
	list-style-position:inside;
	overflow:hidden;
	position:absolute;
	top:48px !important;
	left:410px !important;
	z-index:2;
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0px 0px 2px #000, -1px 0 2px #000, 1px 0 2px #000, 0 1px 1px #000, 0 -1px 1px #000;
}

#uiResultsBreadcrumb a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

#uiResultsBreadcrumb li {
	float:left;
	margin:0 5px 0 0;
}

#uiResultsBreadcrumb li:after {
	content: " > ";
	padding-left:5px;
}

#uiResultsBreadcrumb li:first-child {
	margin-left:0;
}

#uiResultsBreadcrumb li:first-child:after {
	content: "";
	padding-left:0;
}

#uiResultsBreadcrumb li:last-child:after {
	content: "";
}

#uiResultsBreadcrumb li a {
	cursor:pointer;
}

/* TOOLS */
.ui-widget-content {
	color:#333 !important;
	font-family:"Open Sans",Calibri,Verdana,Helvetica,Arial,sans-serif !important;
	font-weight:normal;
}

.ui-widget-header {
	background-image:none !important;
	border:medium none !important;
	color:#999 !important;
	font-weight:bold !important;
}

.ui-dialog-titlebar.ui-widget-header {
	background-color:transparent !important;
	font-size:16px;
	font-weight:bold;
	color:#245BAB !important;
	text-align:center;
	width:100%;
	text-transform:uppercase;
}

.icon-label {
	color:#444;
	font-size:12px;
}

.toolsWindow {
	top:0px;
	right:150px;
	width:400px;
	height:125px;
	min-height:125px;
	position:absolute;
	background-color:#fff;
}

#Window_uiTools.mvWindow {
	top:0;
	right:150px;
	min-width:400px;
	height:125px;
	visibility:visible;
}

#uiTools {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	width:100%;
	height:95px;
	margin:0 auto;
}

#uiTools:after {
	content:" ";
	display:block;
	font-size:0;
	height:0;
	clear:both;
	visibility:hidden
}

#toolbarTools {
	text-align:center;
	width:375px;/* calculated at 75 pixels * 5 tools */
	transition: all ease .2s;
}

#toolBarIcons {
	list-style-type:none;
	margin:0 auto;
	padding:0;
	display:inline-block;
	font-size:0;
	transition: all ease .2s;
}

#toolBarIcons li {
	width:75px;
	height:70px;
	display:inline-block;
	background-color:transparent;
	text-align:center;
	transition:all ease .2s;
}

#toolBarIcons li img {
	width:32px;
	height:32px;
	margin-top:10px;
}

#toolBarIcons li a {
	width:75px;
	height:70px;
	cursor:pointer;
	text-decoration:none;
	display:block;
	text-decoration:none;
	border:1px solid #fff;
	border-radius:3px;
	transition:all ease .2s;
}

#toolBarIcons li.active {
	transition:all ease .2s;
}

#toolBarIcons li.active a {
	cursor:default;
	background-color:#efefef;
	background-image:-moz-linear-gradient(center top , #efefef, #e0e0e0);
	border:1px solid #ccc;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	transition: all ease .2s;
}

#toolBarIcons li:hover a {
	border:1px solid #ccc;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	text-decoration:none;
	transition: all ease .2s;
}

/* Toolbar table spacing */
.toolContentTable {
	margin-bottom:10px;
}

.toolContentTable td {
	padding:10px;
	text-align:center;
}

.toolContentTable tr {
	margin:0;
	padding:0
}

.toolContentTable img {
	width:40px;
	height:40px;
	cursor:pointer;
}

#toolBar {
	padding:5px 0;
}

#toolContent {
	padding-top:10px;
	color:#777;
}

#toolContent label,
#toolContent input,
#toolContent select {
	margin-right:5px;
}

#toolContent #attrSearchText {
	padding:2px;
}

#toolContent p {
	margin-bottom:10px;
}

/* LOCATOR TOOL */
#uiLocator {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:transparent;
	visibility:visible !important;
	opacity:1 !important;
	display:block !important;
}

#locatorInternalContent h1 {
	font-size:80%;
	font-weight:bold;
}

#geosearch {
	margin:0 auto;
	width:100%;
}

.arcgisSearch .searchGroup {
	box-sizing:border-box !important;
	margin:0 auto !important;
}

.arcgisSearch .searchGroup .searchInput {
	float:left !important;
	width:290px !important;
	border-radius:0 !important;
	border-style: solid !important;
	border-width: 1px !important;
	padding:5px 25px 5px 5px !important;
	border-color: #777 #aaa #aaa !important;
	font-size:100% !important;
}

.arcgisSearch .searchMenu {
	border-radius:0 !important;
	border-top:0 !important;
	margin:-1px 0 0 0 !important;
	box-shadow: 0 10px 5px rgba(0,0,0,0.5);
}

.arcgisSearch .searchBtn {
	padding:0 !important;
	border-radius:0 !important;
	background-color:#0057a5 !important;
	transition:all 0.2s ease 0s !important;
	width:30px;
	height:30px;
}

.arcgisSearch .searchBtn:hover {
	background-color:#205493 !important;
	transition:all 0.4s ease 0s !important;
}

.arcgisSearch .searchIcon.esri-icon-search {
	color:#ddd !important;
	transition:all 0.2s ease 0s !important;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
}

.arcgisSearch .searchClear {
	height:28px !important;
	background-color:transparent !important;
}

.arcgisSearch .searchBtn:hover .searchIcon.esri-icon-search {
	color:#fff !important;
	transition:all 0.4s ease 0s !important;
}

.arcgisSearch .searchBtn.searchClose {
	font-size:16px;
	width:24px !important;
	height:32px !important;
	margin:-1px 0 0 0 !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.UILocatorDialog {
	z-index:2 !important;
}

#UILocatorDialog,
.UILocatorDialog {
	overflow:visible;
	border:none;
}

.UILocatorDialog,
#UILocatorDialog,
#UILocatorDialog .ui-widget-header {
	background-color:#fff !important;
	border-radius:0;
}

/* OPTIONS */
#sidebarLayers {
	position:relative;
}

#UIOptionsWindow {
	position:absolute;
	top:80px;
	height:100%;
	width:100%;
	background-color:#fff;
	visibility:hidden;
}

#layerOptionWindow {
	width:300px;
	min-height:30px;
	background-color:#f0f0f8;/*efefef;*/
	box-shadow:0 0 7px #000;
	box-shadow:0 0 7px rgba(0,0,0,0.25);
	padding:20px;
	border:1px solid #ccc;
	/*
	top:42px;
	position:absolute;
	right:1px;
	top:-276px !important;
	right:-99px !important;
	position:relative !important; MRM OPTION WINDOW
	*/
}

#layerOptionWindow:after,
#layerOptionWindow:before {
	bottom:100%;
	left:274px;/*93.5%*/
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}

#layerOptionWindow:after {
	border-color: rgba(239, 239, 239, 0);
	border-bottom-color: #efefef;
	border-width:6px;
	margin-left:-6px;
}

#layerOptionWindow:before {
	border-color: rgba(119, 119, 119, 0);
	border-bottom-color: #ccc;
	border-width:8px;
	margin-left:-8px;
}

#layerOptionWindowCloseButton {
	position:absolute;
	top:9px;
	right:6px;
	width:20px;
	height:20px;
}

#layerOptionWindowCloseButton .uiClose .ui-button-icon-primary {
	position:relative;
	right:2px;
	top:2px;
	bottom:0;
	left:0;
	width:16px;
	height:16px;
	margin:0 !important;
	padding:0;
}

#proximity {
	text-align:center;
}

#UIToolDialog p {
	margin:10px 0;
	color:#777;
	text-align:center;
}

#proximity label {
	width:15%;
	margin-top:5px;
	margin-right:5px;
}

#proximity select#proxUnits {
	width:50%;
}
#proximity input#proxDist {
	width:15%;
	margin-right:5px;
}

#proxDist {
	padding:3px;
	text-align:center
}

#dailyObsMenuInternalContent .contentBlock {
	margin-left:0 !important;
}

#layerOptionWindowContent .contentBlock {
	font-size:14px;
	margin:0 0 1em 1em !important;
}

#layerOptionWindowContent .opacity #opacityValue {
	display:none
}

#layerOptionWindowContent .opacity .opacityTitle {
	float:left;
	width:20%;
	margin:7px 0 0 0;
	font-size:14px;
	color:#444;
}

#layerOptionWindowContent .opacity .opacitySlider {
	width:75%;
	float:right;
}

#layerOptionWindowContent .opacity .opacitySlider .sliderMinValue,
#layerOptionWindowContent .opacity .opacitySlider .sliderMaxValue {
	display:inline-block;
	width:35px;
	color:#444;
	font-size:14px;
	text-align:center;
}

#layerOptionWindowContent .opacity .opacitySlider #slider.ui-widget {
	margin-top:11px;
	display:inline-block;
	margin-right:4px;
	width:100px;
	box-shadow:none;
}

#layerOptionWindowContent .opacity #slider .ui-slider-handle {
	border-radius:50%;
	border-color:#444;
	box-shadow:0 0 2px #000;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	background-color: #fff !important;
	opacity:1 !important;
	border:1px solid #ccc !important;
}

#layerOptionWindowContent .opacity .ui-slider-horizontal {
	border-radius:0px;
	border-color:#444;
	height:8px;
}

#layerOptionWindowContent .opacity .ui-slider-horizontal .ui-slider-handle {
	top:-0.35em;
	height:18px;
	width:18px;
}

#layerOptionWindowContent .opacity .ui-slider-range {
	background-color:#0057a5;
	background-image:none;
	border-radius:0;
}

/* BASEMAPS */
#UIBasemapsDialog,
#uiBasemaps {
	padding:0;margin:0;
}

#UIBasemapsDialog .basemapListScroll,
#uiBasemaps .basemapListScroll {
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	width:100%;
}

#UIBasemapsDialog .thumb-label,
#uiBasemaps .thumb-label {
	font-size:12px;
}

#UIBasemapsDialog h3,
#uiBasemaps h3 {
	margin:11px 0 2px 0;
	text-transform:uppercase;
	text-align:center;
	font-size:1em;
	color:#444;
}

#UIBasemapsDialog img,
#UIBasemapsDialog .thumb-label,
#uiBasemaps img,
#uiBasemaps .thumb-label {
	cursor:pointer;
}

#UIBasemapsDialog .baseMapThumbs,
#uiBasemaps .baseMapThumbs {
	width:50%;
	height:95px;
	float:left;
	padding:10px 20px;
	text-align:center;
	text-decoration:none;
	color:#777;
	transition:all ease .2s;
}

#UIBasemapsDialog .baseMapThumbs:hover img,
#uiBasemaps .baseMapThumbs:hover img {
	box-shadow:0 0 5px #777;
	transition:all ease .2s;
}

.uiBasemapsWindow {
	position:absolute;
	background-color:#fff;
	top:0px;
	right:100px;
	height:260px !important;
	width:330px !important;
	display:none
}

/* HELP */
#helpWindow {
	position:absolute;
	top:100px;
	left:0;
	bottom:33px;
	height:100%;
	width:100%;
	background-color:#333;
	color:#fff;
	visibility:hidden;
}

#helpWindow .uiClose {
	width:16px;
	height:16px;
	background:url('/maps/resources/images/ui-icon-close.png') center center no-repeat transparent;
	top:7px;
	border-radius:0;
}

/* MODAL DIALOG WINDOWS */
#UISimpleAdvancedDialog,
#UIWMORes40Dialog {
	padding:20px;
}

#toolsInternalContent {
	padding:10px;
	text-align:center;
}

#printInternalContent {
	padding:10px 20px 20px 20px
}

#infoInternalContent {
	padding:20px;
}

#printInternalContent .indent {
	text-align:center
}

#UIWMORes40Dialog p,
#UIWMORes40Dialog .block,
#printInternalContent .block,
#printInternalContent p {
	margin:0 0 25px 0;
}

#printInternalContent label {
	font-weight:bold;
	float:left;
	margin-right:10px;
}

p.footnote {
	margin:25px 0 0 0;
	font-size:.85em;
	color:#777
}

#UIWMORes40Dialog button,
#Window_WMORes40Window button,
#UISimpleAdvancedDialog button,
#printInternalContent button {
	float:right;
	margin-right:5px;
}

#UIWMORes40Dialog button.continueButton,
#UISimpleAdvancedDialog button.continueButton {
	width:100px;
}

#UIWMORes40Dialog button.clearButton,
#UISimpleAdvancedDialog button.clearButton {
	width:80px;
	background-color:transparent;
	text-decoration:underline;
	color:#0057a5;
}

#UISimpleAdvancedDialog p,
#UISimpleAdvancedDialog .block,
#Window_SimpleAdvancedWindow p {
	margin:0 0 25px 25px;
}

#UISimpleAdvancedDialog label {
	font-weight:bold
}

/* NEXRAD Time Input CSS */
.nexrad-table {
	margin:0 auto 10px auto
}

.nexradTime {
	margin-left:35px;
}

.nexradTime h2 {
	display:block;
	color:#777;
	font-size:18px;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-weight:normal;
	border-bottom:1px solid #777;
}

.info-tooltip {
	color:#fff;
	background-color:#0057a5;
	border-radius:50%;
	height:16px;
	width:16px;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	margin-left:5px;
	vertical-align:top;
}

.nexradTime p {
	line-height:1;
	margin-bottom:10px;
}

.nexradTime label {
	display:block;
	font-weight:bold;
	font-size:14px;
	cursor:default !important;
}

.ui-datepicker-trigger {
	cursor:pointer;
}

.nexradTime .ui-datepicker-trigger {
	margin-top:4px;
	float:left;
	opacity:.7;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}

.nexradTime .ui-datepicker-trigger:hover {
	opacity:1;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}

#nexradMosaicCal {
	background-color:transparent;
	padding:0;
	float:left;
	border:none;
	width:82px;
	overflow:hidden;
}

.nexradTime .dateRotator {
	padding:10px;
	margin:0 auto 10px auto;
	width:100%;
	background-color:#dce4ef;
}

.nexradTime .dateRotator table {
	margin:0 auto 10px auto;
}

.nexradTime .dateRotator table td {
	vertical-align:middle;
	text-align:center;
}

.nexradTime #btnCurrentTime {
	display:block;
	width:100%;
}

.nexradTime #btnCurrentTime:disabled,
.nexradTime #btnCurrentTime.disabled {
	cursor:default;
	background-color:#d6d7d9;
	color:#323a45;
	pointer-events:none;
	opacity:.7; 
	cursor:not-allowed;
}

.nexradIncButton,
.nexradDecButton,
.nexradTime #btnCurrentTime {
	margin:0 auto 10px auto;
	background-color:#02bfe7;
	/*color:#212121;*/
	color:#fff;
	-moz-transition:all ease .4s;
	-webkit-transition:all ease .4s;
	transition:all ease .4s;
}

.nexradIncButton:hover,
.nexradDecButton:hover,
.nexradTime #btnCurrentTime:hover {
	background-color:#00A6D2;
	color:#fff;/*#212121;*/
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

.nexradIncButton:active,
.nexradDecButton:active,
.nexradTime #btnCurrentTime:active {
	background-color:#046b99;
	color:#fff;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}

/*
.nexradIncButton,
.nexradDecButton {
	background-color:#fff;
	box-shadow:inset 0 0 0 2px #0071bc;
	-moz-transition:all ease .4s;
	-webkit-transition:all ease .4s;
	transition:all ease .4s;
	color:#0071bc;
}

.nexradIncButton:hover,
.nexradDecButton:hover {
	background-color:#fff;
	box-shadow:inset 0 0 0 2px #4e8cc7;
	-moz-transition:all ease .2s;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
	color:#4e8cc7;
}

.nexradIncButton:active,
.nexradDecButton:active {
	box-shadow:inset 0 0 0 2px #112e51;
	color:#112e51;
}
*/

.nexradTime p.footnote {
	margin:0 0 5px 0 !important;
	font-size:80%;
}
/*
.nexradTime .minuteButton,
.nexradTime .hourButton {
	width:40px;
	height:26px;
	margin:0;
	padding:0;
	color:#fff;
	border-radius:0;
}
*/

#startHour,
#startMinute {
	width:40px;
	padding:0;
	margin:0;
	background-color:#fff;
	text-align:center;
}

/*
.topButton {
	margin:0;
	border-radius:5px 5px 0 0;
	overflow:hidden;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
	font-weight:bold;
	color:#fff;
}

.bottomButton {
	margin:0;
	border-radius:0 0 5px 5px;
	overflow:hidden;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
	font-weight:bold;
	color:#fff;
}

.topButton:active,
.bottomButton:active {
	background-position:54% 54% !important;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
}

.nexradTime .plusMinus { 
	bottom:8px;
	position:relative;
}
*/

.nexradTime button[disabled],
.nexradTime button:disabled {
	background-color:#aaa;
	cursor:default;
}

.nexradTime .dateColumn {
	text-align:center;
	vertical-align:top;
}

.nexradTime .dateColumn .dateGroup {
	border-width:1px;
	border-style:solid;
	border-color:#777 #aaa #aaa;
	background-color:#fff;
	margin:0 5px 0 0;
}

.nexradTime #input .dateRotator button,
.nexradTime #input .dateRotator input {
	width:50px;
}

.nexradTime #input .dateRotator input[type="text"] {
	padding:0;
	text-align:center;
}

.nexradTime #input .dateRotator .dateColumn {
	display:inline-block;
	text-align:center;
	margin-right:5px;
	margin-bottom:10px;
	padding:10px;
}

.nexradTime #input .dateRotator .dateColumn:last-child {
	padding-right:0;
}

.UIOptions ul li a.UIButton:hover {
	opacity:1;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}

/* Drought styling */
.regionContainer {
	width:100%;
	color:#444;
	background:#f0f0f8;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 5px 5px 15px;
}

.regionContainer label {
	margin-right:7px;
	font-weight:bold;
}

#gd_theme_selector {
	width:220px;
}

/* TOOLBAR INTERNALS */
#toolbarFunctions {
	font-size:90%;
}

#toolbarFunctions #locTypeDiv input,
#toolbarFunctions #locTypeDiv select {
	width:100%;
}

#toolbarFunctions select {
	width:100%;
	margin-bottom:7px;
}

#toolbarFunctions #locMainDiv button {
	float:right;
	padding:5px 7px;
	font-size:14px;
}

/* Graph: Zoom options */
#chartNav {
	text-align:center;
	margin:0 auto;
}

#GraphWindow {
	margin:20px 0 0 10px;
}

.mvGraphWindow h4 {
	color:#777;
	font-weight:normal;
	margin-bottom:5px;
}

.mvGraphWindow ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.mvGraphWindow ul li {
	list-style-position:inside;
	display:inline-block;
	padding:0;
	margin:0;
}

#chartNav.yearMonth {
	width:520px;
	margin:0 auto;
}

#chartNav.all {
	width:520px;
	margin:0 auto;
}

#chartNav li a,
#chartNav li a:active {
	padding:5px 20px;
	background-color:#0057a5;
	background-image: -moz-linear-gradient(#0057a5, #0040b0);
	background-image: -webkit-linear-gradient(#0057a5, #0040b0);
	background-image: -o-linear-gradient(#0057a5, #0040b0);
	background-image: linear-gradient(#0057a5, #0040b0);
	color:#fff;
	text-decoration:none;
	border:1px solid #003785;
	display:inline-block;
	line-height:30px;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
}

#chartNav li a.prev,
#chartNav li a.next {
	width:130px;
}

#chartNav li a:hover {
	background-color:#4E8CC7;
	background-image: -moz-linear-gradient(#4E8CC7, #4080C0);
	background-image: -webkit-linear-gradient(#4E8CC7, #4080C0);
	background-image: -o-linear-gradient(#4E8CC7, #4080C0);
	background-image: -moz-linear-gradient(#4E8CC7, #4080C0);
	background-image: linear-gradient(#4E8CC7, #4080C0);
}

#chartNav li:first-child a {
	border-radius:5px 0 0 5px;
}

#chartNav li:last-child a {
	border-radius:0 5px 5px 0;
	border-right:none;
}

#chartNav li a span:after {
	content:url('/maps/resources/images/icon_graph_zoom.png');
	margin-left:7px;
	vertical-align:middle;
	display:inline-block;
}

#chartNav li:first-child a span:after,
#chartNav li:last-child a span:after {
	content:" ";
	margin-left:0;
}

#chartNav li:first-child a span:before {
	content:url('/maps/resources/images/icon_pan_left.png');
	vertical-align:middle;
	display:inline-block;
	margin-right:7px;
}

#chartNav li:last-child a span:after {
	content:url('/maps/resources/images/icon_pan_right.png');
	vertical-align:middle;
	display:inline-block;
	margin-left:7px;
}

#chartNav li a.disabled,
#chartNav li a.disabled:hover {
	background-color:#777 !important;
	border-color:#444 !important;
	cursor:default;
}

/* Social - currently unused 06/02/2016 */
/**********
#UISocialMediaLinks {
	position:absolute;
	right:45%;
	bottom:10px;
}

#UISocialMediaLinks ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#UISocialMediaLinks ul li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#UISocialMediaLinks ul li:last-child {
	margin-right:0
}

#UISocialMediaLinks ul li a {
	display:block;
	width:28px;
	height:28px;
	overflow:hidden;
	text-indent:-999px;
	opacity:.5;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s;
}

#UISocialMediaLinks ul li a:hover {
	opacity:1;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s;
}

#UISocialMediaLinks ul li.icon-fb a {
	background:url('/maps/resources/images/icon_social.png') left center no-repeat transparent;
}
#UISocialMediaLinks ul li.icon-tw a {
	background:url('/maps/resources/images/icon_social.png') -28px center no-repeat transparent;
}
#UISocialMediaLinks ul li.icon-email a {
	background:url('/maps/resources/images/icon_social.png') -56px center no-repeat transparent;
}
****/


/************ NEW ***********/
#UITDSDialog {
	padding:20px;
	margin:0;
}

#UITDSDialog .tdsLeft {
	width:45%;
	float:left;
	padding:10px;
	background-color:#efefef;
	background-image:-moz-linear-gradient(center top , #efefef, #e0e0e0);
	border:1px solid #ccc;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

#UITDSDialog .tdsRight {
	width:50%;
	float:right;
}

#UITDSDialog h3 {margin-bottom:10px}
#UITDSDialog h4 {color:#777}

#UITDSDialog label {
	display:block;
	font-weight:bold;
	text-align:center;
}

#UITDSDialog p {margin-bottom:25px;}
#UITDSDialog .datePickerContainer {
	width:110px;
	border:1px solid #ccc;
	padding:2px;
}
#UITDSDialog .datePickerContainer .datePicker {border:none !important;background-color:transparent;float:left;width:75px}
#UITDSDialog .datePickerContainer img {vertical-align:bottom;display:inline-block}

#UILoadingIcon,
#map,
#map_root,
#map_container,
#map_layers,
#map_gc,
#map_geographic2 {
	transition:all ease .2s;
}

#UILoadingIcon {z-index:2}

.loader {
	width:32px;
	height:32px;
}

/** Marine **/
.marine #UISidebarPanel,
.marine #uiOption_legend {
	display:none !important;
}

.date-group {
	background-color:#f0f0f8;
	padding:10px;
	margin-bottom:10px;
}

.date-group input {
	background-color:#fff;
}

.date-group .range {
	line-height:35px;
	text-align:right;
}

.date-group .to {
	float:left;
	text-align:center;
	line-height:100px;
	width:20%;
	font-weight:bold;
}
.marine.table {
	margin-bottom:0
}

.marine.table th {
	text-align:right;
	padding-right:10px;
	
}

.date-rotators {
	width:40%;
	text-align:center;
	display:block;
}

.date-rotators h3 {
	margin-bottom:3px;
}

.date-rotators.date-start {
	float:left
}

.date-rotators.date-end {
	float:right
}

.date-rotators .col-sm-4 {
	width:33.3333%;
	float:left;
	display:inline-block;
	padding-right:5px;
	box-sizing:border-box;
	margin-bottom:10px;
}

.date-rotators .col-sm-4:last-child {
	padding-right:0;
}

.date-rotators input {
	width:100%;
	display:block;
	text-align:center;
	color:#222;
}

.date-rotators button,
.date-rotators input[type="button"] {
	display:block;
	width:100%;
	padding:2px;
	color:#fff;
	background-color:#245BAB;
	font-weight:bold;
}

.date-rotators button:hover,
.date-rotators input[type="button"]:hover {
	background-color:#4E8CC7;
}

.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}

/* graphing css */
.axis path,
.axis line {
	fill:#fff;
	fill-opacity:0;
	stroke:#444;
	shape-rendering:crispEdges;
}

.tick {
	font-size:75%;
	fill:#777;
	font-weight:bold;
}

.dot {
	cursor:pointer;
	opacity:.7;
	transition: all .2s ease;
	fill:#0057a5;
	stroke:#003785;
}

.dot:hover {
	opacity:1;
	box-shadow:0 0 3px #faa;
}

.line {
	fill:#fff;
	fill-opacity:0;
	stroke:#0057a5;
	stroke-width:2px;
}

#tsgraph {
	text-align:center;
	height:390px;
	margin-top:10px;
}

.grid .tick {
	stroke: lightgrey;
	opacity: 0.7;
}
.grid path {
	stroke-width: 0;
}
/* end of graphing css */