@charset "utf-8";

/***************************************************

CSS for NSIDC Secondary Level Sites


**************************************************/

/********************

font styles

*********************/


p, h1, h2, h3, h4, h5 {
	padding: 0;
}
body table {
	margin-left: 0;
	margin-right: 0;
	border-collapse: collapse;
	margin-top: 12px;
}
body table td, body table th {
	padding: 5px;
	border: 1px solid #cccccc;
}

#secondarySiteWrapper #contentContainerSecondarySite h1, 
#secondarySiteWrapper #mainContentSecondarySiteSimple h1,
#secondarySiteWrapper #mainContentSecondarySite h1 {
	padding: 0 0 7px 0;
	margin-top: 0px;
	display: block;
	width: 100%;
}
#secondarySiteWrapper #contentContainerSecondarySite h1.pagetitle, 
#secondarySiteWrapper #mainContentSecondarySiteSimple h1.pagetitle,
#secondarySiteWrapper #mainContentSecondarySite h1.pagetitle {
	margin: 0 0 15px 0;
}
/*to allow h4 directly under h3 without too much padding*/
#mainContentSecondarySite h4.note,
#mainContentSecondarySiteSimple h4.note {
	padding: 0 0 5px 0;
}
#mainContentSecondarySite ul,
#mainContentSecondarySiteSimple ul,
#mainContentSecondarySiteNoToolbox ul {
	margin-left: 20px;
}


/*****************************************************************
Secondary Site Header
*****************************************************************/

.noaaAndNasaLogoImg {
	float: right;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	margin-top: 6px !important;
}

#secondarySiteHeader {
	width:100%;
	height:51px;
	float:right;
	padding: 0;
	margin: 0 0 5px 0;
	background: #9cb1c8;
}

#secondarySiteHeader img {
	margin: 0;
}

/****************************
 Secondary Site Structure 
****************************/
#secondarySiteWrapper {
	margin: 0;
	width: 1030px;
	padding: 28px 35px;
	position: relative;
	clear:both;
	float: left;
	background: #ffffff;
}

#contentContainerSecondarySite, #contentContainerSecondarySiteSimple {
	padding: 0px;
	margin: 0 0 0 28px;
	width: 810px;
	position: relative;
	float: left;
}

#mainContentSecondarySite {
	padding: 0px;
	width: 600px;
	position: relative;
	float: left;
}
.no-nav #wrapper #secondarySiteWrapper #mainContentSecondarySite {
	width: 820px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0;
}

#mainContentSecondarySiteSimple {
	position: relative;
	width: auto;
	/* [disabled]padding-right: 0; */
	/* [disabled]padding-left: 15px; */
	/* [disabled]overflow: visible; */
	margin: 0 0px 20px 0px;
}

/****************************

content elements

****************************/

table {
	margin: 12px 0;
}
table td {
	vertical-align: top;
	padding: 5px;
}
table th {
	background: #f6f6f6;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	text-align: left;
	border-right: 1px solid #fff;
	padding: 5px;
}

#mainContentSecondarySiteNoToolbox {
	position: relative;
	width: 842px;
	padding-right: 20px;
	padding-left: 15px;
	padding-bottom: 0;
	overflow: visible;
}



/*******************************
 Secondary Site Nav (left nav)
*******************************/

#secondarySiteNavContainer {
    display: block;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
    width: 180px;
    z-index: 150;
    border: none;
}
#secondarySiteNavContainer ul {
    margin-bottom: 0px;
    padding: 0;
    list-style: none;
    margin-left: 0px;
    background: url("/sites/all/themes/nsidc_corporateclean/images/leftnav_shadow.png") no-repeat scroll right #fff;
}
#secondarySiteNavContainer ul li ul {
    margin-left: 0px;
    background: #fff;
    background: url("/sites/all/themes/nsidc_corporateclean/images/leftnav_shadow.png") no-repeat scroll right #fff;
    padding-bottom: 5px;
}
#secondarySiteNavContainer ul li {
    font-weight: bold;
    padding: 0;
    margin-bottom: 0;
	margin-right: 0;
    border-top: 1px solid #ddd;
    padding: 3px 0;
    line-height: 15px;
}
#secondarySiteNavContainer ul li.no-link {
    padding: 7px 12px 7px 12px;
    color: #06070b;
    font-family: "Open Sans",Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 12.5px;
    line-height: 22px;
    font-weight: normal;
    background-color: #fff;
    background: url("/sites/all/themes/nsidc_corporateclean/images/leftnav_shadow.png") no-repeat scroll right #fff;
}
#secondarySiteNavContainer ul li.no-link > ul {
    background: #fff;
}
#secondarySiteNavContainer ul li a {
    color: #126bba;
    text-decoration: none;
    display: block;
    padding: 7px 7px 7px 12px;
    font-family: "Open Sans",Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 12.5px;
    font-weight: normal;
}
#secondarySiteNavContainer ul li ul li {
    font-weight: normal;
    padding-bottom: 0;
}
#secondarySiteNavContainer ul li ul li a {
    padding-left: 20px;
    font-family: "Open Sans",Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 3px 12px;
    margin: 0;
}
#secondarySiteNavContainer ul li ul li a:hover {
    color: #00659e;
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
}
#secondarySiteNavContainer ul li a.secondarySiteNavContainer-active, #secondarySiteNavContainer ul li a.secondarySiteNavActive, #secondarySiteNavContainer ul li a.secondarySiteNavActiveNoSubnav {
    background: url("http://nsidc.org/sites/all/themes/nsidc_corporateclean/images/leftnav_active_shadow_rev.png") no-repeat scroll right bottom #efefef;
    color: #2c3b63;
}
#secondarySiteNavContainer ul li a.secondarySiteNavContainer-active ul li a {
    border-bottom: none;
    border-top: none;
}
#secondarySiteNavContainer ul li a:hover {
    background: #325f8e;
}
#secondarySiteNavContainer ul li a:hover, #secondarySiteNavContainer ul li a.secondarySiteNavContainer-active:hover {
    color: #fff;
}
a[title="DAAC Home"], img[title="DAAC Home"] {
    display: none;
}

/* TO KEEP FROM THE OLD */
#secondarySiteNavContainer h1 {
    margin-left: 10px;
}
#secondarySiteNavContainer h2 {
    padding-left: 10px;
}
.secondarySiteNavHomeIcon {
    width: 50px;
    padding: 0;
    margin: 0;
    padding: 0;
    margin: 0 auto;
    border: none;
}
#secondarySiteNavContainer ul li .nav2 {
    font-size: 90%;
    border-top: none;
}
#secondarySiteNavContainer ul li .nav2 a:hover {
    color: #fff;
    border: none;
}

/**********************************
Secondary Content, Grey Box on left
***********************************/

.grey-box {
	background-color: #fafafa;
	border: 1px solid #dddddd;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 8px;
}
#navWithFeature .grey-box {
	width: 162px;
}

/***************************
Secondary Toolbox
***************************/
.secondaryToolboxContent, .secondaryToolboxContentFloating {
	float: left;
	width: 180px;
	margin-left: 28px;
	border: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.secondaryToolboxContent p, .secondaryToolboxContent h3 {
    padding: 0;
}
.secondaryToolboxContent h3 {
	margin-bottom: 12px;
}
.secondaryToolboxContent h1 {
	margin-top: 0px;
}
.secondaryToolboxContent img, .secondaryToolboxContentFloating img {
	max-width: 180px;
}
.secondaryToolboxContentFloating {
  	float: right;
} 

.secondaryToolboxContent ul li {
	margin-bottom: 10px;
}

.secondaryToolboxContent .floatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/****************************************

NSIDC Secondary ordered list customization
for techwriters 

****************************************/

.liAlpha {
	list-style-type: lower-alpha;
}


/****************************************

Old Slide shows and featured images on landing pages 

****************************************/

.secondarySiteHomeImageContainer {
	position: relative;
	width: 280px;
	height: 100%;
	padding: 0;
	margin: 0 0px 20px 20px;
	background: #fff;
	border: 1px solid #c9dce7;
}
.secondarySiteHomeImageContainer .caption {
	margin-right: 12px;
	margin-left: 12px;
}
.secondaryImageContainer {
	position: relative;
	width: 400px;
	padding: 0;
	margin-bottom: 20px;
	background: #f3f4f6; /* #e5e5e5; */
	border: 1px solid #CCCCCC;
}
.secondarySiteHomeCaptionContainer {
	padding: 10px;
}

.secondaryCaptionContainer {
	padding: 10px;
}

#captionBox {
	clear:both; /*for caption to display correctly in IE*/
}

.secondaryCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
}

.secondarySiteHomeImage {
	border-bottom: 1px solid #CCCCCC;
}

.secondaryImage {
	border-bottom: 1px solid #CCCCCC;
	//position: relative; /* for IE */
	//right: 10px; /* for IE */
}

.secondarySiteHomeImageLarge {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
}



#sponsorIconLarge {
	width: 100px;
	position: relative;
	left: 0;
	padding: 0;
	margin: 12px 30px;
}
	
div.captionedImage {
	position: relative;
	top: 3px;
	border: 1px solid #CCCCCC;
    width: auto;
    height: auto;
    margin: 0px;
	margin-right: 10px;
    padding: 0em 0em 0em 0em;
	background: #e5e5e5;
}

span.caption {
    font-size: 80%;
    border: none;
    width: inherit;
    margin: 0px;
    padding: 0.5em 0em;
    position: relative; top: 0px;
    height: 100%;border:

}


/**********************

special fixes

**********************/

.overflowVisible {
	overflow: visible!important;
}



/*************************************

styles for specific secondary sites

*************************************/

/****************************

2 column -- no left nav Secondary Site
add the no-nav class to body tag 

****************************/


.secondaryToolboxContent input {
	margin-left: 0px;
	padding: 3px;
}

/******************

Press subsite

******************/

#pressToolbox {	
	padding-bottom: 10px;
	margin-bottom: 10px;
} 

#pressToolboxFloating {	
	width: 100%;
	position: relative;
	top: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
} 

.clear {
	clear: both;
}

.clearRight {
	clear: right;
}

.clearLeft {
	clear: left;
	float:left
}

.topLink {
	float: right;
	position: relative;
	top: 10px;
}

.bottomBorder {
	border-bottom: 1px solid #CCCCCC;
}


#secLogosContainer {
		width: 100%;
}

.secLogo {
	margin: 0!important;
	margin-left: 10px!important;
	padding: 0!important;
}

.leftLogo {
	margin-left: 30px!important;
}

.rightLogo {
	margin-left: 30px!important;
}
div.call-out-box img, div.call-out-box-50percent img {
	float: left;
	border: 3px solid #1a72b3;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 3px;
}

div.call-out-box, div.call-out-box-50percent {
	border:1px solid #C9DCE7;
	background-color: #F1F5FA;
	float: left;
	width: 584px;
	padding:8px;
	margin-bottom: 10px;
}
div.call-out-box-50percent {
	width: 270px;
	margin-right: 12px;
	margin-left: 0;
	padding: 8px;
	height: 145px;
	overflow: hidden;
}
div.call-out-box p, div.call-out-box-50percent p {
	line-height: 1.3 !important;
	font-size: .9em;
}
#mainContentSecondarySite div.call-out-box h3, #mainContentSecondarySite div.call-out-box-50percent h3 {
	padding: 0px;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
#secondarySiteNavContainer h3, #secondarySiteNavContainer p {
	padding: 0px 5px;
}
#contentContainerSecondarySite .outage-notice {
    border: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 0;
    margin-left: 28px;
    padding: 8px;
    width: 162px;
}

#secondarySiteWrapper #navWithFeature #feature {
	width: 100%;
	border: 1px solid #c9dce7;
	background: #f1f5fa;
	margin: 15px 0 !important;
	float: left;
}
#navWithFeature {
	float: left;
	width: 180px;
}

/****************************

css driven table design 

****************************/


table.dataSummaryTable,table.cssTable {
	margin: 20px 0 0 0px;
	width: 100%;
	clear: left;
}

table.cssTable td, table.dataSummaryTable td {
	border-right: 1px solid #c9dce7;
	border-bottom: 1px solid #9fb3cb;
	padding: 5px;
	text-align: left;
}
table.dataSummaryTable td.noBorder, table.cssTable td.noBorder {
	border-left: none;
}
table.cssTable th, table.dataSummaryTable th {
	background-color: #f6f6f6;
	border-right: 1px solid #c9dce7;
	border-bottom: 1px solid #9fb3cb;
	padding: 8px 3px;
	text-align: center;
	border-top: 1px solid #c9dce7;
}
table.dataSummaryTable td:first-child, 
table.cssTable td:first-child {
	border-left: 1px solid #c9dce7;
}
table.dataSummaryTable th:first-child,
table.cssTable th:first-child {
	border-left: 1px solid #c9dce7;
}

table.table-width50 {
	width: 50%;
}
table.table-width66 {
	width: 66%;
}
table.table-width33 {
	width: 33%;
}
table.table-width25 {
	width: 25%;
}
table.I1,table.I2, table.I3, table.I4, table.I5, table.I6 {
	margin-left:0px; 
	margin-right: 0;
	border: 1px solid #cccccc;
}
.two-col {
	float: left;
	width: 45%;
	margin-right: 5%;
}
.three-col {
	float: left;
	width: 30%;
	margin-right: 3%;
}
.headWithBkgd {
	color: #FFF;
	background-color: #003381;
}
h2.headWithBkgd {
	padding: 5px;
	margin-top: 50px;
}
#secondaryHeaderLarge .pagetitle {
	padding-top: 15px;
	border-bottom: none;
}
#mainContentSecondarySite p.newsdate {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 15px;
}
#secondarySiteWrapper .dataNews h3 {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0px;
}
.marginTop10px {
	margin-top: 10px;
}
.marginBottom10px {
	margin-bottom: 10px;
}

/* DAAC PRODUCT HEADERS
new as of 9/14/11
*/

div#productHeader {
    background-color: #FFFFFF;
    background-image: url("/sites/nsidc.org/files/images/data/daac/daac-head-bkg.jpg");
    background-repeat: no-repeat;
    border-bottom: 1px solid #7392A6;
    border-top: 1px solid #7392A6;
    height: 140px;
    padding: 0 0 1px;
}
div#productHeader h1 {
    color: #ffffff;
    float: left;
    font-size: 30px;
	line-height: 36px;
    margin: 8px 0 0 60px;
    padding: 0;
    text-shadow: 2px 2px #595959;
}
div#productHeader h1 a {
	color: #ffffff;
	text-decoration: none;
}

div#productHeader .bannerBadge {
    border: none;
    float: right;
    margin-top: 30px;
    padding-right: 35px;
}
div#productHeader .daac-line, div#productHeader .tagline {
	clear: left;
	font-family: Interval,"Arial Narrow",Arial,sans-serif;
	color: #96c6ff;
	font-size: 24px;
	text-shadow: 1px 2px #000000;
	margin: 15px 0 0 60px;
}
div#productHeader .daac-line a {
	text-decoration: none;
	color: #96c6ff;
}
div#productHeader .tagline {  
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 0;
}


/* SSIII  HEADERS
new as of 1-19-12
*/

#ssiiiHeader {
	background-image: url(/ssiii/images/header-bkg.jpg);
	background-repeat: repeat-x;
	font-family: Interval, "Arial Narrow", Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 8px 0;
	clear: both;
	float: left;
	width: 1100px;
	min-height: 76px;
}
#ssiiiHeader h1 {
	font-size: 40px;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 82px;
	text-shadow: 2px 2px 3px #002248;
	color: #fff;
}
#ssiiiHeader h2 {
	font-size: 24px;
	text-transform:none;
	margin: 0;
	padding: 0 0 0 82px;
	text-shadow: 2px 2px 3px #002248;
	color: #fff;

}
#ssiiiHeader .ssiiiBannerBadge {
    border: medium none;
    float: right;
	clear:left;
    padding-right: 15px;
    padding-top: 6px;
}

/* END SSIII  HEADERS*/

#secondaryHeaderLink {
  	width: 213px;
  	height:30px;
  	float:left;
	padding: 20px 0 0 0;
  	margin-top:0;
  	margin-bottom:5px;
  	border-width:0 1px 1px 1px;
  	border-style:solid;
  	border-color: #4981A6;
  	background:#4981a6;
  	text-align:center;
}
#secondaryHeaderLink a {
	position: relative;
	top: -6px;
	margin-top:0;
	color:white;
	text-decoration: underline;
	width: 100%;
}

#secondaryHeaderLink a:hover {
	margin-top:0;
	color:white;
	text-decoration: none;
}
.secondarySiteHeader img {
	margin: 6px 0 0 0;
}
#secondaryHeaderLarge {
	width: 100%;
	margin-bottom: 5px;
	float: none;
	height: 50px;
	background: #9fb3cb;
}

#secondaryHeaderLarge img {
	margin: 6px 0 0 70px;
} 

/* GLOBAL FOR THE SLIDESHOWS ON PROGRAM PAGES */
#feature {
	float: left;
	background: #f3f4f6;
	width: 537px;
	margin: 20px 4px;
	padding: 0 28px;
	box-shadow: 3px 3px 3px #bbbbbb;
}
#slideshow {
	margin: 0;
	padding: 28px 0;
	position: relative;
	text-align: left;
	width: 255px;
	float: left;
}
.clearfix {
    clear: both;
    float: none;
}
#bigPic {
	background-color: #F3F4F6;
	height: 225px;
	margin-bottom: 0;
	padding: 0;
	width: 254px;
	float: left;
}
#bigPic img {
    display: none;
    position: absolute;
	border: 1px solid #fff;
	height: 225px;
}
ul#thumbs, ul#thumbs li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul#thumbs li {
	border: 1px solid #cccccc;
	cursor: pointer;
	float: left;
	margin-right: 5px;
	opacity: 0.6;
	position: relative;
}
ul#thumbs li.active {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    opacity: 1;
}
ul#thumbs img {
    float: left;
    height: 50px;
    line-height: 52px;
    overflow: hidden;
    position: relative;
    width: 50px;
    z-index: 101;
}
#slideshow #thumb-container {
	display: block;
	margin-left: 25px;
	margin-top: -12px;
	width: 235px;
	float: left;
}
#captions {
	width: 247px;
	float: left;
	margin-left: 28px;
	margin-top: 28px;
}
#captions ul {
	margin-left: 0;
	padding: 0;
}
#captions li {
	display: none;
}
#captions li.active {
	display: block;
}
#captions h3 {
	margin-bottom: 8px;
}
#captions li p {
	font-style: italic;
	color: #595959;
	line-height: 1.8;
}
#feature h2 {
	padding-top: 20px;
	margin-bottom: 12px;
}
/* end slideshow */
form#advSearch table td {
	border: none;
}
.headgreen {
	font-size: 1.5em;
	color: #06070b;
	font-family: Interval, Impact, helvetica, sans-serif;
}
.pagetitle {
	margin-bottom: 0;
}
/* rss feed dynamically displayed on html pages */
#data-news .rssBody ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#data-news .rssBody ul li {
	margin-left: 0;
	padding-left: 0;
}
#data-news .rssBody ul li ul {
	list-style: square;
	margin-left: 20px;
}

#data-news .rssBody .rssPubDate {
	color: #666;
	font-weight: bold;
}
#data-news .rssBody h3 {
	border-top: #dddddd 1px solid;
	display: block;
	padding-top: 6px;
}
.rssImage {
	float: left;
	padding: 8px 0;
	margin-right: 10px;
}
/* end rss feed styles */