@charset "utf-8";

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

CSS for NSIDC Secondary Level Sites


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

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

font styles

*********************/
#secondarySiteWrapper h1 {
	padding-left: 30px;
}
/* heading styles h1 thru h6 */

#secondarySiteWrapper #mainContentSecondarySite h1,
#secondarySiteWrapper #mainContentSecondarySiteSimple h1,
#secondarySiteWrapper #mainContentSecondarySiteNoToolbox h1 {
	padding: 0 0 7px 15px;
}

#mainContentSecondarySite h2,
#mainContentSecondarySiteSimple h2,
#mainContentSecondarySiteNoToolbox h2 {
	padding: 10px 10px 5px 15px;
}

#mainContentSecondarySite h3,
#mainContentSecondarySiteSimple h3,
#mainContentSecondarySiteNoToolbox h3 {
	padding: 10px 0 5px 15px;
}

#mainContentSecondarySite h4,
#mainContentSecondarySiteSimple h4,
#mainContentSecondarySiteNoToolbox h4 {
	padding: 10px 0 5px 15px;
}

#mainContentSecondarySite h5,
#mainContentSecondarySiteSimple h5,
#mainContentSecondarySiteNoToolbox h5 {
	padding: 10px 0 5px 15px;
}

#mainContentSecondarySite h6,
#mainContentSecondarySiteSimple h6,
#mainContentSecondarySiteNoToolbox h6 {
	padding: 10px 0 5px 15px;
}

#mainContentSecondarySite p,
#mainContentSecondarySiteSimple p,
#mainContentSecondarySiteNoToolbox p {
	padding: 0 15px;
	line-height: 1.5;
}
#mainContentSecondarySite ul,
#mainContentSecondarySiteSimple ul,
#mainContentSecondarySiteNoToolbox ul {
	line-height: 1.5;
	margin-left: 20px;
}
/*****************************************************************
Secondary Site Header
*****************************************************************/




/*
.nasaLogo {
	position: relative;
	top: -52px !important;
	float: right;
}
*/

.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 Main wrapper 
****************************/

#secondarySiteWrapper {
	position: relative;
	width: 1085px;
	text-align:left;
	clear:both;
	padding-top: 20px;
	background: #fff;
	float: left;
	overflow: visible;
	padding-right: 15px;
}

/*************************************************************************
Container holding the main content (text) and secondary content (toolbox) 
**************************************************************************/

#contentContainerSecondarySite {
	width:850px;
	float:left;
	padding-right:0;
	padding-left:0;
	margin-left:15px;
	margin-right:0; /* right spacing is managed by the parent div */
	position: relative;
	overflow: visible;
	background: #fff;
}


/*********************************************
Secondary Site Main content/text 
*********************************************/

#mainContentSecondarySite {
	position: relative;
	width: 600px;
	float: left;
	padding-left: 15px;
	overflow: hidden;
	padding-right: 15px;
}
#mainContentSecondarySite table {
	margin: 10px 0 0 15px;
}
#mainContentSecondarySite table td {
	vertical-align: top;
}
#mainContentSecondarySite table th {
	background: #cddced;
	text-align:center;
	font-weight: bold;
}
#mainContentSecondarySite h3 a:visited {
	color: #003399;
}
#mainContentSecondarySite h3 a:hover {
	color: #9C0;
}
#mainContentSecondarySiteNoToolbox {
	position: relative;
	width: 842px;
	padding-right: 20px;
	padding-left: 15px;
	padding-bottom: 0;
	overflow: visible;
}

#mainContentSecondarySiteSimple {
	position: relative;
	width: auto;
  	padding-right: 0;
	padding-left: 15px;
	overflow: visible;
}
#mainContentSecondarySite table th {
	border-bottom: 1px solid #fff;
	text-align: left;
	border-right: 1px solid #fff;
	padding: 5px;
}

/******************************* 
 Secondary Site Nav (left nav)
*******************************/
#secondarySiteNavContainer h1 {
	margin-left: 10px;
}
#secondarySiteNavContainer h2 {
	padding-left: 10px;
}

#secondarySiteNavContainer {
 	width: 180px;
    float: left;
	padding: 10px 0 0 0;
	padding-bottom: 20px;
  	margin-top: 0;
	margin-left: 25px;
  	border:1px solid #CCCCCC;
  	background:#efefef;
	min-height: 315px;
}

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

#secondarySiteNavContainer ul li {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	margin: 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
#secondarySiteNavContainer div {
	text-align: center;
}
#secondaryHomeIconContainer {
	position: relative;
	width: 100&;
	text-align:center;
	padding: 0;
	margin-left: -8px;
}

.secondarySiteNavActive {
	position: relative;
	color:#3680ca!important;
	background-color: #FFFFFF!important;
	border-top: 1px solid #CCCCCC!important;
	border-bottom: 1px solid #CCCCCC!important;
}

.secondarySiteNavActiveNoSubnav {
	position: relative;
	color:#3680ca!important;
	background-color: #FFFFFF!important;
	border-top: 1px solid #CCCCCC!important;
	border-bottom: 1px solid #CCCCCC!important;
}

/* only used if there is a subnav */
.secondarySiteNavList li ul li {
	font-size: 100%;
}

.secondarySiteNavList a {
	text-decoration: none;
}

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

NSIDC Secondary Navigation styles

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


#nsidcSecondaryNav, #nsidcSecondaryNav ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	/*z-index: 100;*/
}

#nsidcSecondaryNav a {
	padding: 5px 10px;
	display: block;
}

#nsidcSecondaryNav a.trigger {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

#nsidcSecondaryNav a.trigger:hover {
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#nsidcSecondaryNav li {
	width: 100%;
}

#nsidcSecondaryNav li ul, #nsidcSecondaryNav ul li  {
	width: 100%;
}

#nsidcSecondaryNav ul li a  {
	width: auto;
	padding: 5px 10px 5px 15px;
}

#nsidcSecondaryNav li ul {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	background-color: #efefef; /* bgcolor of submenus */
	z-index: 10; /* added 5/18 ST - to make submenus appear on top of other divs w/in navigation div */
}

#nsidcSecondaryNav li:hover a, #nsidcSecondaryNav a:focus,
#nsidcSecondaryNav a:active, #nsidcSecondaryNav li.secNavHvr a {
	background-color: transparent; /* bgcolor of main menu items on hover */
}

#nsidcSecondaryNav li:hover ul, #nsidcSecondaryNav li.secNavHvr ul {
	position: relative;
	display: block;
	width: 100%;
}

#nsidcSecondaryNav ul li a:hover {
	width: auto;
	background-color: #A5C1DD!important; /* bgcolor of submenu items on hover */
	color: #FFFFFF!important; /* bgcolor of submenu text on hover */
	z-index: 10;
}



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

.grey-box {
    background-color: #F7F9F9;
    border: 1px solid #E4E4E4;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 8px;
}
#navWithFeature .grey-box {
	margin-left: 25px;
}

/***************************
Secondary Content, Toolbox
***************************/

.secondaryToolboxContent {
	width: 200px;
	float: right;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	background:repeat-y;
	margin-top: 0;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.secondaryToolboxContent p {
	padding: 0 10px;
}
.secondaryToolboxContentFloating {
	position: relative;
  	width: 22%;
  	float: right;
  	border-width:0 1px 1px 1px;
  	border-style:solid;
  	border-color:#CCCCCC;
  	padding-bottom: 10px;
  	margin: 0 0 10px 10px;
}

.secondaryToolboxContentFloating p.secondaryToolboxTitle {
	padding: 9px!important;
}
.secondaryToolboxContent h1 {
	margin-left: 10px;
	margin-top: 0px;
}
.secondaryToolboxContent.line-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}



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

NSIDC Secondary Site Images 

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

.secondarySiteHomeImageContainer {
	position: relative;
	top: 3px;
	width: 280px;
	height: 100%;
	padding: 0;
	padding-right: 0;
	margin: 0 10px 20px 10px;
	background: #fff;
	border: 1px solid #c9dce7;
}

.secondaryImageContainer {
	position: relative;
	top: 3px;
	width: 400px;
	height: 100%;
	padding: 0;
	padding-right: 0;
	//padding: 0;
	margin: 0 10px 20px 10px;
	//margin: 0 10px 10px 10px;
	background: #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;
}

.secondarySiteNavHomeIcon {
	width: 50px;
	padding: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	margin: 0 auto;
	border: none;
}

#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 

****************************/
.no-nav #wrapper #secondarySiteWrapper #mainContentSecondarySite {
	width: 840px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 10px;
}

.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: 594px;
	padding:8px;
	margin-bottom: 10px;
}
div.call-out-box-50percent {
	width: 265px;
	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, #feature h3 {
	padding-left: 10px;
	padding-bottom: 0px;
}
.secondaryToolboxContent ul {
	margin-left: 10px;
	padding-left: 18px;
}
.secondaryToolboxContent ul li {
	margin-bottom: 10px;
	padding-right: 10px;
}
#contentContainerSecondarySite .outage-notice {
	float: right;
	width: 200px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.secondaryToolboxContent .floatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#secondarySiteWrapper #navWithFeature #feature {
	width: 100%;
	border: 1px solid #c9dce7;
	background: #f1f5fa;
	margin: 15px 0 !important;
	float: left;
}
#navWithFeature {
	float: left;
	width: 210px;
}

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

css driven table design 

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


table.dataSummaryTable,table.cssTable {
	margin: 20px 0 0 20px;
	width: 95%;
	clear: left;
}
table.cssTable {
	margin-top: 20px;
}
table.cssTable td, table.dataSummaryTable td {
	border-right: 1px solid #c9dce7;
	border-bottom: 1px solid #9fb3cb;
	padding: 3px;
	text-align: left;
}
table.dataSummaryTable td:first-child, table.cssTable td:first-child {
	border-left: 1px solid #c9dce7;
}
table.dataSummaryTable td.noBorder, table.cssTable td.noBorder {
	border-left: none;
}
table.cssTable th, table.dataSummaryTable th {
	background-color: #c9dce7;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 3px;
	text-align: center;
}

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:20px; }
/* for now all table indents are 20 px to the left --11.29.11
table.I2 { margin-left:4%; }
table.I3 { margin-left:6%; }
table.I4 { margin-left:8%; }
table.I5 { margin-left:10%; }
table.I6 { margin-left:12%; }
*/

.two-col {
	float: left;
	width: 45%;
	margin-right: 5%;
}
.three-col {
	float: left;
	width: 30%;
	margin-right: 3%;
}
.headWithBkgd {
	color: #FFF;
	background-color: #003381;
}
#contentContainerSecondarySite h2.headWithBkgd {
	padding: 5px;
	margin-top: 50px;
}
#secondaryHeaderLarge .pagetitle {
	padding-top: 15px;
	border-bottom: none;
}
.secondaryToolboxContent h4 {
	padding-right: 10px;
	padding-left: 10px;
}
#mainContentSecondarySite p.newsdate {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 15px;
}
#secondarySiteWrapper .dataNews h3 {
	margin-top: 0;
	padding-top: 0;
	padding-left: 10px;
}
.marginTop10px {
	margin-top: 10px;
}
.marginBottom10px {
	margin-bottom: 10px;
}

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

div#productHeader h1 {
	font-size: 6px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	float: left;
}
div#productHeader h1 a {
	display: block;
	height: 57px;
	width: 700px;
	padding: 0;
	margin: 0;
}

div#productHeader {
	background-color: #FFF;
	background-image: url(/daac/images/banner-bkg.png);
	background-repeat: repeat-x;
	height: 57px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
div#productHeader .bannerBadge {
	border: medium none;
	padding-top: 6px;
	float:right;
	padding-right: 15px;
}
div#productHeader #amsr h1 a {
	background-image: url(/data/amsr/images/amsr-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #amsre h1 a {
	background-image: url(/data/amsre/images/amsre-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #amsr-val h1 a {
	background-image: url(/data/amsr_validation/images/amsr-val-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #avhrr h1 a {
	background-image: url(/data/avhrr/images/avhrr-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #clpx h1 a {
	background-image: url(/data/cplx/images/clpx-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #dems h1 a {
	background-image: url(/data/dems/images/dems-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #ease h1 a {
	background-image: url(/data/ease/images/ease-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #icesat h1 a {
	background-image: url(/data/icesat/images/icesat-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #measures h1 a {
	background-image: url(/data/measures/images/measures-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #modis h1 a {
	background-image: url(/data/modis/images/modis-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #mist h1 a {
	background-image: url(/data/mist/images/mist-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #parca h1 a {
	background-image: url(/data/parca/images/parca-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #polar-stereo h1 a {
	background-image: url(/data/polar_stereo/images/polar-stereo-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #radarsat h1 a {
	background-image: url(/data/radarsat/images/radarsat-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #scatterometry h1 a {
	background-image: url(/data/scatterometry/images/scatterometry-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #seaice h1 a {
	background-image: url(/data/seaice/images/seaice-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #smmr-ssmi h1 a {
	background-image: url(/data/smmr_ssmi/images/smmr-ssmi-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #smmr-ssmi-ancillary h1 a {
	background-image: url(/data/smmr_ssmi_ancillary/images/smmr-ssmi-ancillary-header.jpg);
	background-repeat: no-repeat;
	width:785px;  /* width changed to accommodate longer text 1-12 EL*/
}
div#productHeader #tovs h1 a {
	background-image: url(/data/tovs/images/tovs-header.jpg);
	background-repeat: no-repeat;
}
div#productHeader #icebridge h1 a {
	background-image: url(/data/icebridge/images/icebridge-header.jpg);
	background-repeat: no-repeat;
}


/* 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*/

#mainContentSecondarySite .cssTable {
	width: 97%;
	margin-left: 10px;
}
#secondaryHeaderLink {
  	width: 206px;
  	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;
} 
/* UNUSED STYLES TO REMOVE AFTER TESTING





br.secondaryHeaderLinkSpacer {
	margin-top: -10px;
}

#collectionsLink {
	margin-top: -15px;
}

/ style rule to correct positioning of all secondary level headers /
#secondarySiteHeading {
	position: relative; 
	background: #9cb1c8;
}
/
The bottom border 
/

#bottomContainer{
	position: relative;
	top: -3px;
	width:100%;
	margin:0 0 1px 0;
	padding:0;
}

#bottomNav {
	width: 16.5%;
  	float: left;
	padding: 10px 1px 0 1px;
  	border-top:1px solid #CCCCCC;
}

#bottomContent {  
	width:81%;
  	float:right;
  	padding-right:0;
  	padding-left:0;
  	margin-left:0;
}
  
#bottomContent .bottomMain {
	width:81%;
	float:left;
	padding-left:0;
	padding-right:2px;
}

#bottomContent .bottomSecondary {
	position: relative;
	left: -9px;
  	width: 22.5%;
  	float: right;
  	padding:0;
	margin: 0;
  	border-top:1px solid #CCCCCC;
}
.500 {
	padding-bottom: 500px;
  	margin-bottom: -500px;
}
.allAboutSiteHeading table {
	margin-top: 0;
	padding-top: 0;
}
.secondarySiteHeader {
	width:82%;
	height:51px;
	float:right;
	padding: 0;
	margin: 0 0 0 0;
	background: #9cb1c8;
}


*/