@media print {
	#header, .navMenu, #crumbs, .noprint { display: none; }
	a { color: #444444; }
	ul.tabs li { margin-left: 0 !important; padding-left: 0 !important; border: 0 !important; }
	ul.tabs li a { display: none; }
}

/* overflow */
.overflow-div,
.overflow-block {
  width:      100%;
  overflow:   auto;
  overflow-y: hidden;
}

/* Percentage Layouts: 25% / 75% */
.col-2-left-25p {
	width: 23%;
	float:left
}
.col-2-right-75p {
	width:75%;
	float:right
}

a[href$=".csv"]:after { content: none !important; }

#page-content ul {
	margin: 1em 0 1em 1em;
}

#page-content ul li {
	margin: 0.5em 0 0.5em 1em;
}

#contact {
	float:         right;
	width:         740px;
	margin-bottom: 10px;
	border-top:    solid 1px #ccc;
	padding-top:   10px;
	font-size:     0.8em;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

/* overwrite 12px padding-right in ncdc css */
label { padding-right: 4px !important; }

#next-release { float: right; font-size: 0.75em; color: #777; font-style: italic; }

.suite-description   { font-style: italic; font-weight: normal; color: #777; font-size: 1.0em; margin-bottom: 2em; }
.product-description { font-style: italic; font-weight: normal; color: #777; font-size: 0.9em; }

/*
 * Table of Contents
 */
.link,ul#toc li { cursor: pointer; color: #0057a5; }
.link:hover,ul#toc li:hover { text-decoration: underline; }
ul#toc li.selected a,
ul#toc li.selected a:hover,
ul#toc li a.selected,
ul#toc li a.selected:hover,
ul#toc li.selected,
ul#toc li.selected:hover { cursor: default; color: #000; text-decoration: none; background-color: transparent !important; }
.loader { text-align: center; }

/*
 * Tabs
 */
ul.tabs {
	border-bottom:   1px solid #bbb;
	border-collapse: collapse;
	height:          auto;
	line-height:     normal;
	list-style:      none;
	margin-left:     0 !important;
	padding:         0 0 0 1em;
	white-space:     nowrap;
	cursor:          default;
}

ul.tabs li {
	display:      inline;
	margin-right: 0.1em !important;
	line-height:  1em !important;
}

ul.tabs li a {
	background-color: rgb(240, 240, 248);
	border-color:     #bbb;
	border-style:     solid solid none solid;
	border-width:     1px;
	height:           auto;
	padding:          0 1em;
	border-radius:    7px 7px 0px 0px;
}

ul.tabs li.selected {
	padding:          0 1em !important;
	background-color: #fff;
	border:           1px solid #bbb;
	border-bottom:    1px solid #fff;
	border-radius:    7px 7px 0px 0px;
	font-weight:      bold;
}

ul.secondary-tabs {
	border-bottom: 1px solid #bbb;
	padding:       0.5em 1em;
	margin:        5px;
}

ul.secondary-tabs li {
	border-right: 1px solid #ccc;
	display:      inline;
	padding:      0 1em;
}

ul.secondary-tabs a {
	padding:         0;
	text-decoration: none;
}

ul.secondary-tabs a.active {
	border-bottom: 4px solid #999;
}

/*
 * Buttons
 */
.button {
	display:               inline;
	border:                1px solid #ddd;
	background:            url("/National_Library/20160521004321oe_/http://www.ncdc.noaa.gov/cmb-lib/cmb-templates/img/button-bg.png") repeat-x scroll 50% 50% #e6e6e6;
	color:                 #666;
	border-radius:         2px;
	cursor:                pointer;
	font-size:             11px;
	font-weight:           bold;
	height:                22px;
	line-height:           22px;
	margin:                5px;
	min-width:             44px;
	padding:               5px 8px !important;
	text-align:            center;
	white-space:           nowrap;
	font-family:           arial,sans-serif; 
	-moz-user-select:      none; 
	-khtml-user-select:    none; 
	-webkit-user-select:   none; 
	-o-user-select:        none;
	-ms-user-select:       none;
	-webkit-touch-callout: none;
	user-select:           none;
}

.button:hover {
	border-color: #ccc;
	color:        #222;
}

.button:active {
	padding:          6px 7px 4px 9px;
	background-color: #ddd;
}


/*
 * Pop Ups
 */
 .popup { position: relative; }

.popup-click {
	cursor:           pointer;
	border:           1px solid #ddd;
	background-color: #efefef;
	border-radius:    2px;
	padding:          2px 4px !important;
	-moz-user-select:      none; 
	-khtml-user-select:    none; 
	-webkit-user-select:   none; 
	-o-user-select:        none;
	-ms-user-select:       none;
	-webkit-touch-callout: none;
	user-select:           none;
}

.popup-click:hover {
	border-color: #bbb;
}

.popup-click:active {
	padding:          6px 7px 4px 9px;
	background-color: #ddd;
}

.popup .popup-div {
	display:            none;
	position:           absolute;
	width:              250px;
	top:                15px;
	right:              0;
	z-index:            10;
	border:             solid 1px #777;
	background-color:   #f0f8fe;
	font-size:          0.8em;
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
	text-align:         justify;
}

.popup .popup-div .popup-title {
	background-color: #efefef;
	line-height:      12px;
	font-weight:      bold;
	border-bottom:    solid 1px #777;
	margin-bottom:    1px;
}

.popup .popup-div .close {
	position: absolute;
	display:  block;
	top:      0;
	right:    0;
	cursor:   pointer;
}

/*
 * Table Sort
 */
th.sort {
	cursor:              pointer;
	background-image:    url('/National_Library/20160521004321oe_/http://www.ncdc.noaa.gov/cmb-lib/cmb-templates/images/sort-lt.gif');
	background-repeat:   no-repeat;
	background-position: center left;
	padding-left:        20px !important;
	margin-left:         -1px !important;
}

th.headerSortDown {
	background-image: url('/National_Library/20160521004321oe_/http://www.ncdc.noaa.gov/cmb-lib/cmb-templates/images/desc-lt.gif');
}

th.headerSortUp {
	background-image: url('/National_Library/20160521004321oe_/http://www.ncdc.noaa.gov/cmb-lib/cmb-templates/images/asc-lt.gif');
}


/*
 * legacy CSS
 */
.rollover { position: relative; z-index: 0; }
.rollover:hover { z-index: 10; }
.rollover img { border: solid 1px #000; position: absolute; left: -50%; display: none; }
.rollover:hover img { display: inline; top: 1.25em; }

.totop { text-align: right; font-size: 0.8em; }

.totopfixed {
	position:    fixed;
	z-index:     -1;
	bottom:      5px;
	right:       43px;
	white-space: nowrap;
	font-size:   0.8em;
}

.msg { color: #f00; margin: 0; font-size: 0.8em; }

.nowrap { white-space: nowrap; }

.warn { color: #f00; text-align: center; }

.note { font-size: 0.8em !important; }

.center { text-align: center; }

.img {
  margin:     0.5em;
  font-size:  0.8em;
  text-align: center;
}

.dyk {
	width:            300px;
	float:            right;
	margin-left:      1em;
	padding:          0.5em;
	border:           solid 2px #000;
	background-color: #eee;
	text-align:       center;
}

.dyk h4 { font-style: italic; }

.dyk h5 { text-align: center; }

.dyk p { text-align: justify; }

.fl,
.fr,
.fn {
	text-align: center;
}

.fl { float: left;  margin: 0 0.75em 0.5em 0; }
.fr { float: right; margin: 0 0 0.5em 0.75em; }
.fn { float: none;  margin: 0.5em auto; }

.instructions { font-style:italic; text-align: center; font-size: 0.8em !important; }

div#container address {
	padding-left: 2em;
	margin:       1em 0;
	font-size:    0.9em;
}

ul.references { padding: 0 !important; margin-left: 2em !important; }

ul.references li {
	list-style-type: none !important;
	margin:          0.5em 0 !important;
	padding:         0 !important;
	text-indent:    -2em;
}

ul.quicklinks {
	text-align: center;
	margin:     0.5em 0 !important;
	padding:    0 !important;
	font-size:  0.9em;
}

ul.quicklinks li {
	display:         inline;
	border-right:    solid 1px #000;
	margin:          0 !important;
	padding:         0 0.4em !important;
	list-style-type: none;
}

ul.quicklinks li:last-child { border: 0; }

.bb { padding-bottom: 0.5em; border-bottom: solid 1px #000; }