body {
font-family:Arial, Verdana, Geneva, sans-serif;
font-size:.9em;
line-height:1.2em;
color:#555;
background:#d5eaff url(../images/bkgnd_image.jpg) no-repeat top left;
text-align:center;
margin:0;
padding:0;
}

h1 {
color:#000;
font-weight:400;
font-size:26px;
line-height:28px;
margin:0;
padding:0 0 15px;
}

h3 {
margin:0 0 4px;
}

h3 a {
text-decoration:none;
font-size:17px;
font-weight:700;
padding:4px 0;
}

h3 a:hover {
color:#69c;
text-decoration:underline;
}

#mediainspector {
display:none;
z-index:0;
}

#BodyWrapper {
height:9px;
background:url(../images/shadow_top.png) repeat-x top left;
}

#ContainerWrapper {
width:1004px;
text-align:left;
background:url(../images/shadows_repeat.png) repeat-y left;
margin:-9px auto 0;
}

#Container {
margin-left:22px;
width:959px;
background-color:#fff;
}

#Header {
width:959px;
height:100px;
background:url(../images/header4b.jpg) no-repeat top left;
}

.TopNavigation {
height:25px;
float:left;
margin:0 0 10px 17px;
}

.TopNavigation ul {
text-decoration:none;
list-style:none;
margin:0;
padding:0;
}

.TopNavigation ul li {
height:25px;
float:left;
text-transform:uppercase;
border-left:1px solid #CACACA;
}

.TopNavigation ul li.First {
border-left:0;
}

div.TopNavigation ul li a {
color:#000;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
position:relative;
top:6px;
padding:8px 6px 5px 12px;
}

#NavigationFrameWrapper {
width:239px;
float:left;
}

#NavigationFrameTop {
height:37px;
width:239px;
float:left;
display:block;
}

#NavigationFrameTop .SearchBackground {
margin:10px 0 0 19px;
}

#NavigationFrameTop .TextField {
position:relative;
top:-18px;
left:22px;
border:0;
background:transparent;
width:174px;
color:#4D5861;
font-size:12px;
}

#NavigationFrameTop .SearchButton {
position:relative;
top:10px;
left:10px;
height:19px;
}

#NavigationFrame {
width:239px;
float:left;
display:block;
padding-top:15px;
}

#NavigationFrame ul {
list-style:none;
font-size:13px;
margin:5px 0 0;
padding:0;
}

#NavigationFrame a {
text-decoration:none;
color:#0B3D91;
position:relative;
top:-3px;
}

#NavigationFrame ul li {
border-bottom:1px solid #fff;
background:url(../images/Navmenu_dot.gif) no-repeat 20px 1px;
padding-left:30px;
margin:4px 0;
}

#NavigationFrame ul li.Selected {
background:url(../images/arrow_down.gif) no-repeat 18px 3px;
}

#NavigationFrame ul li ul {
border-top:1px solid #989898;
background-color:#ccc;
border-bottom:1px solid #fff;
margin:0 0 -1px -30px;
}

#NavigationFrame ul li ul li,#NavigationFrame ul li ul li.Selected {
border:0;
border-top:1px solid #ddd;
background:url(../images/subnav_bullet.gif) no-repeat 30px 8px;
margin:0;
padding:5px 0 0 40px;
}

#NavigationFrame ul li ul li a {
color:#4D5861;
}

#NavigationFrame ul li ul li a:hover {
color:#888;
}

#NavigationFrame ul li ul li.First {
border-top:0;
}

#MainArea {
background:#ddd url(../images/fade_up_subnav.jpg) repeat-x bottom left;
float:left;
width:949px;
margin:0 0 0 10px;
}

.ContentInformation {
background:#fff url(../images/fade_crumb.jpg) repeat-x top left;
float:left;
width:710px;
display:block;
}

.Information {
width:100%;
float:left;
margin:10px 0;
}

.BreadCrumbs {
font-size:11px;
color:#4D5861;
float:left;
width:910px;
margin:10px 0 0 25px;
}

.BreadCrumbs img {
position:relative;
top:2px;
}

.BreadCrumbs span {
margin-left:-2px;
}

.BreadCrumbs span a {
margin-left:2px;
color:#4D5861;
text-decoration:none;
}

.BreadCrumbs span a:hover {
color:#888;
text-decoration:underline;
}

.GlobalLinks {
float:right;
width:200px;
/*text-transform:uppercase;*/
height:21px;
font-size:.8em;
margin:8px 5px 0 0;
}

.GlobalLinks a {
color:#4D5861;
text-decoration:none;
height:21px;
display:block;
float:left;
}

.GlobalLinks a:hover {
color:#888;
cursor:pointer;
}

.GlobalLinks a.NewsFeed {
width:77px;
}

.GlobalLinks a.SiteMap {
height:18px;
margin-left:5px;
padding-left:5px;
border-left:1px solid #cacaca;
width:60px;
}

.GlobalLinks a.NewsFeed .LinkText,.GlobalLinks a.SiteMap .LinkText {
float:left;
}



.SiteMapicon {
width:20px;
height:21px;
background:url(../images/map_globe.png) no-repeat top left;
float:left;
position:relative;
top:-3px;
}

.sitemap {
float:left;
width:200px;
height:250px;
padding:20px;
}

.Content {
  width:630px;
  float:left;
  min-height:270px;
  margin:5px 0 0 10px;
  padding:5px 30px 0;
}

.ContentBottom {
  clear:both;
  height:54px;
  background:#fff url(../images/fade_up.jpg) repeat-x bottom left;
}

.Content ul li {
  margin-left:-38px;
}

.MeasuresClasses ul li {
  margin-left: 0px;
}

.NewsArticleLine {
margin:15px 0 0;
}

.NewsArticleLine h3 {
margin:1px 0;
}

.ProductImages {
width:330px;
}

.ProductImages td {
width:100px;
float:left;
}

.GetDataBox {
width:200px;
border:1px solid gray;
float:right;
}

.ProductInfoTable {
width:630px;
margin:-10px 0 10px;
}

.ProductInformationLinks {
float:left;
width:630px;
margin:10px 0 20px;
}

.ProductInfoTable .Name {
width:195px;
}

.ProductInfoTable .Description {
width:430px;
margin-left:5px;
}

#version_info h3 {
width:99%;
display:block;
color:#fff;
font-size:1.6em;
line-height:1.4em;
background:#444;
text-decoration:none;
padding-left:.25em;
border:1px solid #999;
margin:0;
}

#version_info h3:hover {
cursor:pointer;
color:#999;
background:#fff;
}

#version_info .version_info_content h4 {
width:99%;
display:block;
color:#000;
font-size:1.1em;
line-height:1.4em;
background:#ddd;
text-decoration:none;
padding-left:.25em;
border:1px solid #999;
margin:0;
}

#version_info .version_info_content h4:hover {
cursor:pointer;
background:#fff;
}

#version_info .version_info_content div {
background:#fff;
padding:.25em;
}

#imageshortname {
font-size:.9em;
padding-bottom:5px;
color:#a2a2a2;
}

#scrollcontrols {
width:54px;
float:right;
z-index:1;
position:relative;
bottom:-310px;
right:-145px;
}

#scrollcontrols .prev_button {
float:left;
cursor:pointer;
}

#scrollcontrols .next_button {
float:right;
cursor:pointer;
}

#ImageGallery {
float:right;
width:300px;
clear:right;
position:relative;
z-index:0;
background:#eee none repeat scroll 0;
border:1px solid #ddd;
list-style-type:square;
margin:0 0 10px 10px;
padding:5px;
}

#ImageGallery_dia-inline-image p {
  font-size:.7em;
  line-height:1.5em;
  background:url(../images/caption_shadow_repeat.gif) repeat-x top;
  margin:0;
  padding:10px 10px 20px;
}

#ImageGallery_dia-bottom-image p {
  font-size:.7em;
  line-height:1.5em;
  background:url(../images/caption_shadow_repeat.gif) repeat-x top;
  margin:0;
  padding:10px 10px 20px;
}


/*animation style*/
#ImageGallery2 {
float:right;
width:600px;
clear:right;
position:relative;
z-index:0;
background:#eee none repeat scroll 0;
border:1px solid #ddd;
list-style-type:square;
margin:0 0 10px 10px;
padding:5px;
}

.tabbertab table,table.tablesorter {
width:600px;
border:1px solid #D3D3D3;
border-collapse:collapse;
font-size:11px;
}

.tabbertab table tr,table.tablesorter tr {
background-color:#FFF;
}

.ui-tabs-nav {
clear:both;
padding-top:20px;
}

.ui-tabs-nav ul {
font-family:Verdana,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:normal;
list-style:none;
margin:-20px 0 20px;
padding:20px 0 9px;
}

.ui-tabs-nav li {
background:transparent url(../images/tab_left_dark.gif) no-repeat scroll left top;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 1px 0 0;
}

.ui-tabs-nav a {
border:0;
text-align:center;
text-decoration:none;
outline:none;
white-space:nowrap;
line-height:1em;
background:transparent url(../images/tab_right_dark.gif) no-repeat scroll right top;
padding:8px 15px;
}

.ui-tabs-nav a span img {
border:none;
display:inline;
margin-right:4px;
vertical-align:middle;
}

.ui-tabs-selected {
background:transparent url(../images/tab_left_light.gif) no-repeat scroll left top!important;
}

.ui-tabs-selected a {
background:transparent url(../images/tab_right_light.gif) no-repeat scroll right top!important;
}

.ui-tabs-unselect {
background:transparent url(../images/tab_left_dark.gif) no-repeat scroll left top;
}

.ui-tabs-unselect a {
background:transparent url(../images/tab_right_dark.gif) no-repeat scroll right top;
}

.ui-tabs-panel {
background:#f2f2f2 none repeat scroll 0 0;
border:1px solid #d3d3d3;
border-style:none solid solid;
border-width:0 1px 1px;
padding:5px;
}

.ui-tabs-panel a {
background:none;
font-size:1.1em;
text-align:left;
display:inline;
margin:0;
padding:0;
}

th {
color:#FFF;
background:transparent url(../images/heading_dark_repeat.gif) repeat-x scroll center top;
height:30px;
font-size:11px;
padding-right:12px;
padding-left:3px;
vertical-align:top;
}

.prices th {
background-image:none;
background-color:#BFBFBF;
}

th p {
margin:0;
}

#NoteSection,#DataPoolAccess {
width:300px;
background:#A6A6A6 url(../images/shadow_dark_repeat.gif) repeat-x top;
float:right;
margin-left:20px;
color:#FFF;
padding:12px 0;
}

#DataPoolAccessWrapper {
width:300px;
float:right;
padding-left: 10px;
}

#NoteSection {
font-size:.85em;
margin-top: 40px;
}

#DataPoolAccess .spacer {
width:300px;
font-size:1px;
line-height:1px;
background-color:#969696;
height:1px;
margin:10px 0;
}

#DataPoolAccess h3 {
color:#666;
font-size:1.7em;
margin:0 12px;
}

#DataPoolAccess table {
border:none;
width:276px;
margin:0 12px;
}

#DataPoolAccess td,#DataPoolAccess th {
border:0;
font-weight:700;
font-size:1.2em;
padding:5px 0;
}

#NoteSection #NoteSectionInner,#NoteSection #NoteSectionInnerSpecial {
width:276px;
margin:0 12px;
}

#NoteSection #NoteSectionInner img,#NoteSection #NoteSectionInnerSpecial img {
float:left;
margin-left:-5px;
margin-top:5px;
width:40px;
height:40px;
border:none;
padding-right:8px;
}

#NoteSection #NoteSectionInnerSpecial {
border-top:1px solid #888;
margin-top:5px;
padding-top:5px;
font-weight:bolder;
color:#000;
}

.tabbertab h3 {
padding:8px 0 6px;
}

.ProductSetTable {
width:100%;
}

.ProductCategory h2 {
	background: url(../images/open3.png) no-repeat 0 11px;
	padding: 10px 0 0 25px;
	cursor: pointer;
}
.ProductCategory h2.close {
	background-image: url(../images/close3.png);
}
.ProdVarAll {
	margin-left: 25px;	
}

.MeasuresProducts {
	margin-left: 15px;
}

.MeasuresClasses {
margin-left: 10px;
}

.node-measures-products-table h4 {
font-size:15px;
font-weight:500;
margin-bottom: -5px;
}

div.ProductCategory div.ProductVariable {
margin:1em;
padding:.5em;
}

div.ProductVariable h3 {
margin:1em 0;
}

.PublicationLine {
float:left;
width:620px;
margin:5px 0;
}

.DropDown {
position:relative;
top:8px;
}

.Question {
display:block;
margin:10px 0 10px 10px;
}

.PublicationAnswer {
border:1px solid #ddd;
background-color:#eee;
float:left;
}

.AnswerInner {
width:600px;
margin:0 10px 10px;
}

th.Link {
width:190px;
}

th.InfoUsed {
width:140px;
}

th.UsedBy {
width:290px;
}

td {
padding:5px 0;
}

.UseCase .PubTitle {
display:block;
margin-top:5px;
}

.UseCase .Data {
display:block;
margin-left:4px;
margin-top:5px;
}

.UseCaseList {
padding-bottom:10px;
}

#Footer {
  clear: both;
  text-align: center;
  height: auto;
  width: 949px;
  color: #555;
  margin-left: 10px;
  padding-top: 20px;
}

#Footer .Large {
font-size:15px;
}

#Footer ul {
font-family:Verdana, Geneva, sans-serif, Arial;
list-style:none;
margin:-10px 0 10px 20px;
padding:15px;
}

#Footer ul li {
float:left;
font-size:10px;
background:url(../images/footer_bullet.gif) no-repeat 2px 2px;
margin:0 3px 0 0;
padding:0 0 0 15px;
}

#Footer ul li.NoBullet {
background:none;
}

.FooterLogoSection {
float:left;
height:100px;
width:940px;
background:url(../images/fade_down.jpg) repeat-x top left;
}

.FooterLogoSection a {
position:relative;
top:20px;
margin-right:20px;
padding-left:20px;
border-left:1px solid #CACACA;
height:50px;
float:left;
}

.FooterLogoSection a.First {
border:0;
margin-left:230px;
padding-top:15px;
}

div.object-left img {
padding:5px 8px 5px 0;
}

form h4 {
margin-bottom:0;
}

form input.box {
width:246px;
}

form textarea {
width:446px;
}

.input_element {
margin-bottom:1em;
}

.input_element label {
font-weight:700;
display:block;
}

.input_element textarea {
width:423px;
}

.input_element .group label {
display:inline;
}

.input_form h4 {
font-size:14px;
margin:25px 0 10px;
}

.Bgdark {
background-color:#F0F0F0;
float:left;
width:100%;
}

.Paths {
font-size:11px;
}

.SearchResult {
display:block;
width:100%;
float:left;
}

.feedback {
margin-top:20px;
}

.SearchPage label {
display:block;
margin-top:10px;
}

.SiteMapFull {
margin:20px;
}

#PrintSpan {
float:right;
margin-top:-10px;
font-size:.8em;
}

#PrintSpan a img {
border:medium none;
margin:3px 0 -3px 8px;
}

.icon {
float:left;
margin-top:-3px;
}

.icon img,.icon img {
border:none;
margin:3px 6px -3px 8px;
}

div#header div#usgscolorband {
position:absolute;
top:0;
left:0;
width:100%;
}

div#header div#usgstitle {
position:absolute;
top:72px;
left:0;
height:30px;
margin-right:142px;
background:none;
background-image:url(../images/sub_bg_2.png);
z-index:50;
overflow:hidden;
}

div#header div#usgstitle p {
font-size:.8em;
padding-top:7px;
height:18px;
}

#usgscolorband {
font:14px Verdana, Arial, Helvetica, sans-serif;
min-height:72px;
}

#usgsbanner {
height:72px;
background:url(../images/logo_bg.png) repeat-y top left;
z-index:50;
margin-left:9px;
padding-right:9px;
}

#usgsidentifier {
    background: none repeat scroll 0 0 ;
    float: right;
    height: 72px;
    width: 178px;
    margin-right: 20px;
	margin-top:10px;
}

#usgsidentifier img {
border:none;
padding-right:10px;
}

#nasa_daac_logo {
padding-left:10px;
padding-top: 12px;    
}

#nasaidentifier {
    float: right;
    height: 68px;
    margin-top: 8px;
    padding-left: 15px;
    padding-top: 10px;
    width: 80px;
}

#usgsccsabox #usgsccsa {
padding-top:7px;
padding-right:5px;
}

#usgsccsabox {
min-height:72px;
float:right;
background-image:url(../images/list_bg.png);
z-index:60;
}

#usgsccsa a:hover {
font:bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
margin-left:4px;
}

#Header #feedbacklink {
position:absolute;
right:15%;
top:100px;
}

#Header #feedbacklink img {
border:0;
}

#Header #feedbacklink img:hover {
border:2px solid #ff0;
}

#Header #logo {
    height: 43px;
    margin-left: 27px;
    padding-top: 5px;
    z-index: 50;
}

#usgsfooter {
clear:both;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
text-align:left;
padding-right:10px;
margin:0;
}

#usgsfooterbar {
background-color:#666;
margin:0;
padding:4px;
}

#usgsfooterbar a:link,#usgsfooterbar a:visited {
color:#fff;
margin-right:40px;
text-decoration:none;
}

#usgsfootertext img {
border:medium none;
float:right;
margin-right:5px;
}

.cols {
border-spacing:1px;
font:12px Verdana, Arial, Helvetica, sans-serif;
background:#E7E7E7;
color:#666;
}

td,th {
padding:4px;
}

.cols tbody tr {
background:#e7ecf1;
text-align:left;
}

.cols tbody tr td {
height:50px;
background:#e7ecf1;
border:1px solid #fff;
}

table,table.tablesorter {
border:1px solid #D3D3D3;
border-collapse:collapse;
font-size:11px;
width:600px;
}

ul.home {
list-style:none;
width:290px;
margin:0;
padding:0;
}

ul.home li {
margin-left:95px;
margin-bottom:20px;
padding:0;
}

ul.home li img {
float:left;
margin-left:-95px;
margin-top:5px;
width:85px;
height:50px;
border:none;
}

ul.home li h2 {
font-size:1.1em;
margin:0;
}

ul.home li p {
font-size:.8em;
margin:0;
}

ul.home div.class-image {
background:#fff;
border:none;
margin:0;
padding:0;
}

ul.home img {
background:#eee none repeat scroll 0;
border:1px solid #ddd;
max-width:312px;
margin-right:10px;
padding:5px;
}

ul.home img:hover {
background:#0B3D91 none repeat scroll 0;
}

.class-feedback-form {
padding-left:25px;
}

.defaultbutton {
background:transparent url(../images/button.gif) no-repeat scroll left top;
border:medium none;
color:#fff;
cursor:pointer;
font-weight:700;
height:26px;
width:69px;
padding:0 5px;
}

.defaultbuttonHovered {
background-position:left bottom;
}

#tools_sidepanel {
    width:300px;
    float:right;
    border:1px solid #ddd;
    background:#eee;
    margin-left:10px;
    padding:10px;
}

#filedownloads {
margin-left:5px;
width:270px;
font-size:.9em;
margin-top:10px;
border-top:1px solid #bbb;
padding-top:5px;
}

#filedownloads cite {
color:#9a3a64;
}

#filedownloads .notloggedin {
font-style:italic;
color:#aaa;
}

#filedownloads div {
display:block;
width:100%;
padding-top:5px;
}

#filedownloads .filesize {
font-weight:700;
font-family:tahoma;
}

#LoginFrame {
background:#FFF url(../images/fade_down.jpg) repeat-x scroll left top;
border:1px solid #999;
margin:10px;
padding:10px;
}

#LoginFrame .block {
text-align:center;
margin:5px;
}

#LoginFrame .block label {
font-weight:600;
color:#333;
}

#LoginFrame input.halfbox {
width:150px;
font-size:1.1em;
font-family:verdana;
color:#333;
border:2px inset #222;
background:#ebebeb;
margin:auto;
}

#LoginFrame .buttonblock {
text-align:center;
}

#LoginFrame .button {
background:transparent url(../images/button.gif) no-repeat scroll left top;
border:medium none;
color:#FFF;
cursor:pointer;
font-weight:700;
height:26px;
width:69px;
padding:0 5px;
}

#LoginFrame #create {
padding-top:10px;
font-size:12px;
}

.ui-accordion {
list-style-type:none;
border:1px solid #999;
width:auto;
margin:10px;
padding:0;
}

.ui-accordion a {
cursor:pointer;
display:block;
margin-top:0;
text-decoration:none;
font-size:1.1em;
color:#000;
background-color:#dfefff;
border-top:1px solid #fff;
border-bottom:1px solid #999;
outline:none;
padding:5px;
}

.ui-accordion a:hover {
background-color:#fff;
}

.ui-accordion a.selected {
color:#000;
background-color:#80cfe2;
}

.ui-accordion li {
background:#fff url(../images/fade_down.jpg) repeat-x scroll 0 20px;
}

.ui-accordion p {
border:none;
text-decoration:none;
font-weight:700;
font-size:1em;
margin:0;
padding:10px;
}

.downloaditem li {
list-style:square inside none;
margin-left:-20px;
padding-bottom:3px;
}

#formdiv {
font-size:.9em;
}

#formdiv legend {
font-size:1.1em;
font-style:italic;
color:#333;
font-weight:700;
}

#formdiv fieldset {
background:#efefef;
border:1px solid #999;
padding:20px;
}

#formdiv strong {
font-size:1em;
font-weight:400;
}

.formcell {
width:50%;
float:left;
text-align:right;
}

label.error {
position:relative;
background:#fff;
border:0px solid #999;
color:red;
padding:5px;
}

p.subtext {
font-size:.8em;
border-bottom:1px solid #666;
padding-bottom:5px;
}

.asterfreerequest form {
margin-top:1em;
}

.asterfreerequest form fieldset {
float:left;
clear:left;
width:100%;
margin:0 0 1.5em;
padding:0;
}

.asterfreerequest form legend {
margin-left:1em;
color:#000;
font-weight:700;
}

.asterfreerequest form fieldset p {
margin-left:2em;
font-weight:700;
}

.asterfreerequest form fieldset ol {
list-style:none;
padding:1em 1em 0;
}

.asterfreerequest form fieldset li {
float:left;
clear:left;
width:100%;
padding-bottom:1em;
}

.asterfreerequest form fieldset.submit {
float:none;
width:auto;
border:0 none #fff;
padding-left:4em;
}

.asterfreerequest form label {
float:left;
width:10em;
margin-right:1em;
font-weight:700;
}

.asterfreerequest form #note {
padding:2em;
}

.asterfreerequest form #redistribution label {
float:none;
}

.asterfreerequest form #redistribution p {
text-indent:2em;
font-weight:400;
margin:1em;
}

.asterfreerequest form #redistribution input {
margin:0 1em 1em;
}

.HomeSearch {
    height:27px;
    float:right;
    display:block;
}

.HomeSearch .SearchBackground {
    margin:5px 0 0 15px;
}

.HomeSearch .TextField {
position:relative;
top:-18px;
left:18px;
border:0;
background:transparent;
width:174px;
color:#4D5861;
font-size:12px;
}

.HomeSearch .SearchButton {
position:relative;
top:5px;
left:8px;
height:19px;
}

div.dataTables_paginate span {
color:#0B3D91;
margin:10px;
}

div.dataTables_paginate span:hover {
color:red;
cursor:pointer;
}

td.CellCenteredImage {
text-align:center;
display:block;
}

div.home_dia_news {
list-style:none;
width:290px;
text-align:left;
margin:0;
padding:0;
}

div.home_dia_news p {
font-size:1em;
margin-top:15px;
}

div.home_dia_header a:hover {
color:#990053;
text-decoration:underline;
}

.item-list .pager {
padding-top:20px;
margin:0;
}

ul li.leaf,ul li.expanded,ul li.collapsed {
list-style-image:none;
list-style-type:none;
}

.logout_button {
padding-left:10px;
cursor:pointer;
}

#search-block-form .container-inline {
float:right;
padding-right:10px;
}

#edit-actions input,#edit-actions--2 input {
position:relative;
top:5px;
left:5px;
}

.node-modis-products-table h2:hover {
cursor:pointer;
}

#Members a {
padding-left:10px;
}

.region-message-top p {
width: 905px;
}

h2,div.home_dia_header {
color:#000;
font-weight:400;
font-size:18px;
margin:10px 0;
padding:5px 0;
}

/*
a,a:visited,.TopNavigation ul li a:hover,.TopNavigation ul li.Selected a {
color:#0B3D91;
}
*/

a:hover,#NavigationFrame a:hover,.ui-tabs-nav a:hover {
color:#69c;
}

.TopNavigation ul li.First a,.item-list ul.pager li {
margin-left:0;
}

#NavigationFrameTop form,.HomeSearch form {
    float:left;
    margin-top: 5px;
}

#NavigationFrameTop form .FloatLeft,.HomeSearch form .FloatLeft,.sitemap {
float:left;
width:200px;
}

.Content h3,#tools_sidepanel:after,.cleardivide,.formrow:after {
    clear:both;
}

.BlockHref,.ui-tabs-nav a,.ui-tabs-nav a span {
display:block;
}

.tabbertab table th,.tabbertab table td,table.tablesorter th,table.tablesorter td,table th,table td,table.tablesorter th,table.tablesorter td {
border-bottom:1px solid #D3D3D3;
border-left:1px dashed #D3D3D3;
padding:4px 8px;
}

.tabbertab table tr.Alt,table.tablesorter tr.Alt,.tabbertab table tr.bgdark,tr.bgdark {
background-color:#F7F7F7;
}

table.tablesorter a img,#DataPoolAccess a img,#nasaidentifier img,#Header #logo img {
border:none;
}

.ui-tabs-panel td,table tr.bglight {
background:#fff;
}

.ui-tabs-hide,.block-menu h2,#block-block-1 h2 {
display:none;
}

* html .ui-tabs-nav,:first-child+html .ui-tabs-nav {
display:inline-block;
}

h2 a:hover,ul.home a:hover,div.home_dia_news a:hover {
text-decoration:underline;
color:#69c;
}

.PubTitle,#LoginFrame p {
font-weight:700;
}

#usgsccsa a:link,#usgsccsa a:visited,#usgsccsa a:active {
font:bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin-left:4px;
text-decoration:none;
}

ul.home a,div.home_dia_news a {
font-size:1.1em;
text-decoration:none;
margin:0;
}

#LoginFrame .defaultbutton:active,#LoginFrame .button:active {
background-position:0 -25px;
}

#LoginFrame #status span,.asterfreerequest form label.required {
color:red;
}

div.dataTables_filter,div.dataTables_length {
margin-bottom:5px;
}

div.home_dia_header a,div.home_dia_header a:visited {
color:#990053;
text-decoration:none;
}

/*fixes space between news title and date*/
.views-field-field-short-date {
    margin-bottom: -13px;
    margin-top: 25px;
}

/*fixes space between DIA title and date*/
.views-field-field-dia-date {
    margin-bottom: -13px;
    margin-top: 5px;
}

/*fixes space between title and entry in DIA pages*/
.field .field-label {
    font-weight: bold;
    margin-bottom: -13px;
}

.field-name-field-dia-image img,.attribute-image img,.field-name-field-get-data-ig img {
  float:right;
  padding-left:10px;
}

label.error {
    position: relative;
    color: red;
    padding: 5px;
}

/* FAQ page */
.faq-dt-hide-answer {
	background: url(../images/open3.png) no-repeat scroll 0 11px;
	padding: 10px 0 0 25px;
	cursor: pointer;
}

.faq-category-group .faq-qa-header {
	background: url(../images/open3.png) no-repeat scroll 0 2px;
	padding: 0px 0 0 25px;
	cursor: pointer;
}

.faq-category-group .faq-qa-header a {
  color: #000000;
  text-decoration: none;
  font-weight: 400;
}

.faq-dt-hide-answer.faq-qa-visible,
.faq-category-group.expanded > .faq-qa-header {
	background-image: url(../images/close3.png);
}

.faq-qa-hide {
  margin-left: 20px;
}

.faq-dd-hide-answer {
	margin-left: 25px;	
	border: 1px solid #999999;
  display: block;
  margin: 1em;
  padding: 0.5em;
}
/* end FAQ page */

.version_info h3.open {
	background: url(../images/open3.png) no-repeat 0 11px;
	padding: 10px 0 0 25px;
	cursor: pointer;
}
.version_info h3.close {
	background: url(../images/close3.png) no-repeat 0 11px;
}

.version_info ul {
    margin-left: 20px;
}

.field-content img {
	border: 5px solid;
	border-color: #dddddd;
	}

.field-content img:hover {
	border: 5px solid;
	border-color: #0B3D91;
	}
	
.productimages img {
	border: 5px solid;
	border-color: #dddddd;
	}
	
.productimages img:hover {
	border: 5px solid;
	border-color: #0B3D91;
	}
	
/*Drupal Help shortcuts*/	
ul.primary li a {
background-color: #DDDDDD;
border-color: #BBBBBB;
border-style: solid solid none;
border-width: 1px;
height: auto;
margin-right: 2em;
padding: 0 1em;
text-decoration: none;
}	

.ContentInformation {
    background: url("../images/fade_crumb.jpg") repeat-x scroll left top #FFFFFF;
    display: block;
    float: left;
    margin-left: 1px;
    width: 938px;
}

.Content {
    float: left;
    margin: 5px 0 0 10px;
    min-height: 270px;
    padding: 5px 30px 0;
    width: 860px;
}

#MainArea {
    background: none repeat-x scroll left bottom rgba(0, 0, 0, 0);
    float: left;
    margin: 0 0 0 10px;
    width: 949px;
}

#URS_login {
width:300px;
float:right;
}

.GlobalLinks {
    float: right;
    font-size: 0.8em;
    height: 20px;
    margin-bottom: 0;
    margin-right: -80px;
    margin-top: -20px;
    text-transform: uppercase;
    width: 200px;
}
.GlobalLinks a.NewsFeed {
margin-left: 20px;
margin-top: -22px;
width: 77px;
}

#news-links {
  margin-top: -8px;
  font-size: 9px;
}

#news-links div {
  float: left;
  margin-right: 8px;
}

#news-links img {
  margin: 0 3px -2px 0;
}

/* menubar */
.nice-menu > li:hover > a {
    color: white;
}

.nice-menu > li > ul > li:hover > a {
    color: white;
}

ul.nice-menu-down li li.menuparent:hover {
    color: #FFFFFF !important;
    background-color: #0B3D91 !important;
}

ul#nice-menu-1 li.active-trail>a, ul#nice-menu-2 li.active-trail>a{
  color:white;
  background-color: #0B3D91;
}

ul.nice-menu-down li li.menuparent.active-trail > a{
  color:white;
  background: url("../images/arrow-right_hover.png") no-repeat right center #0B3D91;
}

ul.nice-menu-down li.menuparent.active-trail > a{
  color:white;
  background: url("../images/small_arrow-down_white.png") no-repeat right center #0B3D91;
}

ul.nice-menu-down li li.menuparent > a:hover {
  color: white;
  background: url("../images/arrow-right_hover.png") no-repeat right center #0B3D91;
}

ul.nice-menu li.menu-2126 a:hover, ul.nice-menu li.menu-2128 a:hover, ul.nice-menu li.menu-2131 a:hover {
  color: white !important;
  background: #0B3D91 !important;
}

ul.nice-menu-down li.menuparent:hover {
  color: white !important;
  background: #0B3D91 url("../images/small_arrow-down_white.png") right center no-repeat !important;
}
*/
#NavigationFrameTop form, .HomeSearch form {
margin-left: -5px;
}

#compare_caption {
    line-height: 1.2em;
}

/*DIA Story style*/
#ImageGallery3 {
  float: right;
  width: 400px;
  clear: right;
  position: relative;
  z-index: 0;
  background: #eee none repeat scroll 0;
  border: 1px solid #ddd;
  list-style-type: square;
  margin: 0 0 10px 10px;
  padding: 5px;
}

#ImageGallery3.left {
  float: left;
  clear: left;
  margin: 0 10px 10px 0;
}

#ImageGallery3 img {
  width: 400px;
  height: auto;
  cursor: pointer;
}

#ImageGallery3 p,
#image_dia_story p,
#ImageGallery3 ol,
#ImageGallery4 #compare_caption {
  font-size: .85em;
  line-height: 1.5em;
}

#ImageGallery3 p,
#ImageGallery4 #compare_caption {
  margin: 0;
  padding: 10px 10px 10px;
  max-height: 5px;
  overflow: hidden;
  transition: max-height 1.5s ease-out;
}

#ImageGallery3 .field-name-field-story-caption {
  font-size: 14px;
  background: url("../images/caption_shadow_repeat.gif") repeat-x top;
  width: auto;
}

#ImageGallery3:hover p,
#ImageGallery4:hover #compare_caption {
  max-height: 500px;
  transition: max-height 1.5s ease-in;
}


/* ImageGallery3 modifications for single-left template */
#ImageGallery3.bottom {
  width: 100%;
  float: none;
  margin: 0;
}

#ImageGallery3.bottom img {
  width: 100%;
}

#ImageGallery3.bottom p,
#image_dia_story p {
  transition: none;
  max-height: initial;
  overflow: visible;
}

#ImageGallery3.bottom ul {
  font-size: .7em;
  line-height: 1.5em;
}

#ImageGallery3.bottom .field-name-field-dia-image-single-caption,
#image_dia_story .field-name-field-story-caption {
  max-height: 35px;
  overflow: hidden;
  transition: max-height 1.5s ease-out;
}

#ImageGallery3.bottom:hover .field-name-field-dia-image-single-caption,
#image_dia_story:hover .field-name-field-story-caption {
  max-height: 400px;
  transition: max-height 1.5s ease-in;
}

#image_dia_story .field-name-field-story-caption {
  margin: 0;
  padding: 10px;
}
/* end ImageGallery3 modifications for single-left template */


/* down arrow for captions */
#ImageGallery3::after,
#image_dia_story::after,
#ImageGallery4::after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  display: inline;
  content: url(/sites/all/themes/daac/images/arrow-down.png);
  opacity: 1;
  transition: opacity 0.5s ease-out 0.5s;
}

#ImageGallery3:active:after,
#image_dia_story:active:after
#ImageGallery4:active:after {
  max-height: 500px;
}

#ImageGallery3:hover::after,
#image_dia_story:hover::after,
#ImageGallery4:hover::after {
  opacity: 0;
}
/* end down arrow for captions */



#image_dia_story {
  position: relative;
  float: right;
  max-width: 400px;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #DDDDDD;
  background: #EEE none repeat scroll 0;
}

/*DIA Story style - for the dia_multi_images.tpl */
#ImageGallery_dia-mult-image  {
float:center;
width:400px;
position:relative;
z-index:0;
background:#eee none repeat scroll 0;
border: 0px solid #ddd;
list-style-type:square;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding:1px; /* this controls the padding between image/text and border inside the box */

font-size:.9em;
line-height:1.5em;
}

/*DIA Story style - for the dia_inline_images.tpl */
#ImageGallery_dia-inline-image  {
  float:left;
  width:250px;
  position:relative;
  z-index:0;
  background:#eee none repeat scroll 0;
  border: 1px solid #ddd;
  list-style-type:square;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 0px;

}

#ImageGallery_dia-bottom-image  {
  z-index:0;
  background:#eee none repeat scroll 0;
  border: 1px solid #ddd;
  list-style-type:square;
  margin: 0 auto;
}

/*DIA compare images style*/
#ImageGallery4 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

#ImageGallery4 #compare_caption {
  max-height: 20px;
}

#ImageGallery4 .wrapper {
  margin: 0 auto;
  background: #eee none repeat scroll 0;
  border: 1px solid #ddd;
}

#ImageGallery4 .wrapper > p {
  margin: 0;
}

#ImageGallery4 #container,
#ImageGallery4 .balinks {
  margin: 0 auto;
}

#ImageGallery4 h3 {
  text-align: center;
}

/*DIA Story style for compare main images*/
#ImageGallery5 {
  float:right;
  width:400px;
  clear:right;
  position:relative;
  z-index:0;
  background:#eee none repeat scroll 0;
  border:0px solid #fff;
  list-style-type:square;
  margin:0 0 10px 10px;
  padding: 0px;
}

#myframe {
  height: 950px;
  margin-left: -30px;
  width: 915px;
	border: none;	
}

.field-name-field-tool-name {
  margin-top: -30px;
  margin-left: -10px;
}

.field-name-field-doi {
  float:right;
  width:290px;
  background:#eee none repeat scroll 0;
  border:1px solid #ddd;
  margin: 0 0 10px 10px;
  padding:0 10px;
}

/* URS login */
.urs_login {
  display: table;
  float: right;
  text-align: right;
  color: #FFFFFF;
  background-color: #0B3D91;
  height: 29px;
  margin-right: 10px;
}

.urs_login .login {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 5px 0px 5px;
  color: #FFFFFF;
  text-decoration: none;
}

.urs_login .login a:visited {
  color: #FFFFFF;
}

.urs_login .logout {
  display: table-cell;
  color: #FFFFFF;
  vertical-align: middle;
  padding: 0px 5px 0px 5px;
  margin; 0;
}

.urs_login .logout a {
  text-decoration: underline;
  color: #FFFFFF;
}
/* URS login */


/* About pages */
.field-name-field-title {
  background: url(/sites/all/themes/daac/images/open3.png) no-repeat 0 11px;
  cursor: pointer;
}

.field-name-field-title.close {
   background: url(/sites/all/themes/daac/images/close3.png) no-repeat 0 11px;
}

.field-name-field-title p {
  margin: 0;
}

.field-name-field-title .field-item {
  font-size: 18px;
  line-height: 17px;
  color: #000000;
  padding: 8px 0 0 25px;
}

.field-name-field-body {
  margin-left: 40px;
}

.field-items table {
  margin-top: 20px;
}

.field-items ul li {
  margin: 0;
}

.logo-container {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.logo-container img {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: background-color 1s, opacity 1s;
}

.logo-container img.show-overlay {
  opacity: 1;
  background-color: rgba(255,255,255,0.5);
}

.logo-container img.hide-overlay {
  opacity: 0;
  background-color: rgba(255,255,255,0);
}
/* About pages */


/* fat footer */
#fat-footer {
  width: 920px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
}

#footer-column {
  text-align: left;
  float: left;
  width: 176px;
  margin: 0 4px 0 4px;
}

#footer-column a {
  font-size: 12px;
  line-height: normal;
  color: rgb(85, 85, 85);
  text-decoration: none;
}

#footer-column a:hover {
  text-decoration: underline;
}
/* fat footer */


/* DIA inline template*/
#ImageGallery_dia-inline-image img {
  display: block;
  max-width: 230px;
  max-height: 200px;
  height: auto;
  width: auto;
  padding: 10px;
  margin: 0 auto;
  cursor: pointer;
}

#ImageGallery_dia-inline-image p {
  max-height: 5px;
  overflow: hidden;
  transition: max-height 1.5s ease-out;
}

#ImageGallery_dia-inline-image:hover p {
  max-height: 500px;
  transition: max-height 1.5s ease-in;
  word-wrap: break-word;
}

#ImageGallery_dia-bottom-image img {
  display: block;
  max-width: calc(100% - 20px);
  height: auto;
  padding: 10px;
  margin: 0 auto;
  cursor: pointer;
}
/* DIA inline template*/


/* TITLE */
.locator-title-date h1 {
  float: left;
  padding: 0;
  margin: 20px 0 20px 10px;
}

.dia-title {
  float: left;
  max-width: 750px;
  padding: 0;
  margin: 29px 0 29px 10px;
}
/* TITLE */


/* LOCATOR IMAGE */
.field-name-field-locator img {
  display: block;
  float: left;
  width: 75px;
  height: auto;
  margin: 0 10px 0 0;
}
/* LOCATOR IMAGE */


/* DATE */
.field-name-field-dia-order-date .field-label {
  margin: 10px 0 0 0;
}
/* DATE */


/* INLINE IMAGE */
.inline-image {
  float: right;
  width: 250px;
  height: auto;
  margin-left: 25px;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
}

.inline-image .field-name-field-dia-image img {
  display: block;
  width: 230px;
  height: auto;
  padding: 10px;
}

.inline-image {
  max-height: 250px;
  overflow: hidden;
  transition: max-height 1.5s ease-out;
}

.inline-image:hover {
  max-height: 1000px;
  transition: max-height 1.5s ease-in;
}
/* INLINE IMAGE */


/* ARTICLE TEXT */
.field-name-field-article-text p {
  margin: 0 0 10px 0;
}
/* ARTICLE TEXT */


/* BOTTOM IMAGES */
.field-name-field-article-images > .field-items > .field-item {
  float: left;
  width: 350px;
  margin-left: 50px;
}

.field-collection-container {
  border-bottom: 0;
}

.field-collection-view {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.field-collection-item-field-article-images {
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
  padding 10px;
}

.field-name-field-image {
  margin: 10px;
}

.field-collection-container img {
  display: block;
  width: 330px;
  height: auto;
  margin: 0 auto;
}

.field-collection-item-field-article-images {
  max-height: 350px;
  overflow: hidden;
  transition: max-height 1.5s ease-out;
}

.field-collection-item-field-article-images:hover {
  max-height: 1000px;
  transition: max-height 1.5s ease-in;
}

.field-name-field-caption p {
  font-size: 10px;
  line-height: 14px;
  margin: 0 10px 10px 10px;
  word-wrap: break-word;
}
/* BOTTOM IMAGES */

/* GLOBAL */
.field-name-field-references p {
  font-size: 12px;
}

#block-nice-menus-1 {
  z-index: 1;
}
/* END GLOBAL */

/* POP OUT IMAGE */
.pop-out-background {
  z-index: 110;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.pop-out-background img {
  display: block;
  margin: 50px auto;
  margin-top: 50px;
  margin-bottom: 10px;
}

.pop-out-background img.wide-image {
  width: 85vw;
  height: auto;
}

.pop-out-background img.tall-image {
  width: auto;
  height: 85vh;
}

.pop-out-background a {
  color: #FFFFFF;
  font-size: 1.5em;
}
/* END POP OUT IMAGE */


/* SEARCH ROUTING FORM */
#search-routing-form {
  margin-top: 5px;
  margin-right: 5px;
}

#search-routing-form div {
  margin: 0;
  display: inline-block;
}

#search-routing-form input[type='submit'] {
  display: none;
}
/* END SEARCH ROUTING FORM */


/* DIA SINGLE IMAGE */
#image_dia_story img {
  max-width: 400px;
  height: auto;
}

.field-name-field-dia-image-single img {
  max-width: 860px;
  height: auto;
}
/* END DIA SINGLE IMAGE */


/* DIA MAP AND TABLE */
.view-display-id-block_2 .item-list {
  display: none;
}

.view-data-in-action-map table {
  width: 100%;
}

.data-in-action-table table.display thead th {
  border-bottom-color: rgb(211, 211, 211);
}

.data-in-action-table tbody tr,
.data-in-action-table tbody tr td.sorting_1 {
  background: transparent;
  background: initial;
}

.data-in-action-table td.active {
  background: transparent;
  background: initial;
}

.gmap-popup .views-field-field-slider-image-pager {
  text-align: center;
}

.gmap-popup img {
  height: 75px;
  width: auto;
  margin-right: 5px;
  border: none;
}

.gmap-popup img:hover {
  border: none;
}

th.views-field-field-dia-data-types {
  width: 200px;
}

.gmap-popup span.views-label {
  float: left;
  padding-right: 5px;
  font-weight: bold;
}

div[class*="_ibani_"] > div:nth-last-child(2) {
  height: auto !important;
}

.gmap-popup .views-field .field-content,
.gmap-popup .views-field .views-label {
  color: #000000;
}

.gmap-popup .views-field .field-content a {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  padding-bottom: 10px;
}

.gmap-popup .views-field.views-field-title {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}

.data-in-action-table .sorting,
.data-in-action-table .sorting_asc,
.data-in-action-table .sorting_desc {
  background: transparent url(../images/heading_dark_repeat.gif) repeat-x scroll center top;
}

table.display thead th.sorting_disabled {
  cursor: default;
}

td.views-field-field-dia-order-date {
  width: 55px;
}
/* END DIA MAP AND TABLE */


/* PUBLICATIONS */
.view-publications table {
  width: 100%;
}

.view-publications table td.views-field-text-2,
.view-publications table td.views-field-text-5 {
  white-space: nowrap;
}

.tab-nav div{
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  background-color: #B3B3B3;
  border: 1px solid #D3D3D3;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0px -3px 3px #888888;
}

.tab-nav div.active {
  background-color: #F2F2F2;
  box-shadow: none;
}

.tab {
  display: none;
  max-width: 860px;
  padding: 5px;
  border: 1px solid #D3D3D3;
  background-color: #F2F2F2;
}

.tab.active {
  display: block;
}

.tab th {
  white-space: nowrap;
  background: transparent url(../images/heading_dark_repeat.gif) repeat-x scroll center top;
}

.tab tr.odd {
  background-color: #F7F7F7;
}

.tab tr.even {
  background-color: #FFFFFF;
}

.tab tr.odd td.sorting_1,
.tab tr.even td.sorting_1 {
  background-color: transparent;
  background-color: initial;
}

.tab table.display thead th {
  border-bottom: inherit;
}

.view-publications td.active {
  background-color: transparent;
  background-color: initial;
}

.view-publications th:nth-child(1) {
  width: 250px;
}

.view-publications th:nth-child(2) {
  width: auto;
}

.view-publications th:nth-child(3) {
  width: auto;
}

.view-publications th:nth-child(4) {
  width: 150px;
}

.view-publications th:nth-child(5) {
  width: auto;
}

/* TEMPORARY */ td.views-field-text-2 { max-width: 200px; overflow: hidden; }/* TEMPORARY */
/* END PUBLICATIONS */


/* E-LEARNING */
.view-e-learning-table .active {
  background-color: transparent;
  background-color: initial;
}

.view-e-learning-table th {
  white-space: nowrap;
  background: transparent url(../images/heading_dark_repeat.gif) repeat-x scroll center top;
}

.view-e-learning-table tr.odd {
  background-color: #F7F7F7;
}

.view-e-learning-table tr.even {
  background-color: #FFFFFF;
}

.view-e-learning-table tr.odd td.sorting_1,
.view-e-learning-table tr.even td.sorting_1 {
  background-color: transparent;
  background-color: initial;
}

.view-e-learning-table table.display thead th {
  border-bottom: inherit;
}

.view-e-learning-table .views-field-title {
  width: 350px;
}

.view-e-learning-table .views-field-field-url {
  width: 100px;
}

/* END E-LEARNING */


/* user resources landing page */
table.user-resources,
table.user-resources tbody,
table.user-resources tr,
table.user-resources td {
    border: 0;
    width: 100%;
}

td {
    position: relative;
}

.user-resources .wrapper {
    position: relative;
    width: 200px;
    height: 372px;
}

.background,
.foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background img {
    height: auto;
    width: 200px;
}

.foreground,
.foreground hr,
.foreground a {
    color: white;
    border-color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.15s linear;
}

.foreground img {
    height: auto;
    width: 150px;
    margin: -20px 0 -20px 0;
}

.foreground .title {
    display: block;
    font-size: 1.75em;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
}

.foreground hr {
    border: 0;
    height: 1px;
    width: 90%;
    margin: 5px auto;
    background-color: white;
}

.foreground .details {
    display: block;
    height: 125px;
    padding: 10px 25px 0px 25px;
    font-size: 1.25em;
}

.foreground a {
    padding: 7px 15px 7px 15px;
    font-size: 1.75em;
    border: 1px solid white;
    text-decoration: none;
}

.foreground a.disabled {
    pointer-events: none;
    cursor: default;
}

.foreground a:hover {
    color: black;
    border: 1px solid black;
    background-color: rgba(255, 255, 255, 0.85);
}

.foreground .details,
.foreground a,
.foreground .image {
    opacity: 0;
}

.foreground {
    overflow: hidden;
    background-color: rgba(0,0,0,0);
}


/* closing transition */
/* fade items from bottom to top, then move title to bottom*/
.foreground a {
    transition: opacity 0.20s linear;
}

.foreground .details {
    transition: opacity 0.20s linear 0.10s;
}

.foreground .image {
    transition: opacity 0.20s linear 0.20s;
}

.foreground .text {
    margin-top: 180px;
    transition: margin-top 0.20s linear 0.50s;
}

.foreground {
    transition: background-color 0.20s linear 0.50s;
}


/* opening transition */
/* move title to middle, then fade items from top to bottom afterwards */
.foreground:hover, .foreground:active {
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.20s linear 0.15s;
}

.foreground:hover .text, .foreground:active .text {
    margin-top: 0;
    transition: margin-top 0.20s linear 0.15s;
}

.foreground:hover .image, .foreground:active .image {
    opacity: 1;
    transition: opacity 0.20s linear 0.45s;
}

.foreground:hover .details, .foreground:active .details {
    transition: opacity 0.20s linear 0.55s;
    opacity: 1;
}

.foreground:hover a, .foreground:active a {
    transition: opacity 0.20s linear 0.65s;
    opacity: 1;
}
/* end user resources landing page */


/* IMCE file browser */
#file-url {
  background: #d0d7e7 url(ops.png) repeat-x;
  border: 1px solid #a5b9cd;
  padding: 5px;
}
/* end IMCE file browser */


/* user services landing page */
.node-user-services h1 {
  padding: 0;
}

.node-user-services table {
  width: auto;
}
/* end user services landing page */


/* tools pages */
.foreground:hover, .foreground:active {
    background-color: rgba(0, 0, 0, 0.75);
}

.view-data-access ul {
  list-style-type: none;
}

.view-data-access ul li {
  margin: 0;
}

.view-data-access ul li:hover {
  background-color: #DDDDDD;
}

li.data-access:before {
  content: '';
  display: block;
  padding: 5px;
}

li.data-access:after {
  content: '';
  display: block;
  clear: both;
  padding: 5px;
  border-bottom: 1px solid #DCDCDC;
}

li.data-access > div:first-child {
  float: left;
  margin-right: 20px;
  margin-left: 10px;
}

li.data-access > div:first-child img {
  width: 200px;
  height: auto;
}

li.data-access table,
li.data-access tbody,
li.data-access td,
li.data-access tr {
  border: 0;
}

li.data-access td {
  vertical-align: top;
}

li.data-access td:first-child {
  padding-left: 0;
  font-weight: bold;
}

.view-data-access h2 {
  padding: 0;
  margin: 0;
}

li.data-access td p {
  margin: 0;
}

.field-name-field-more-info .field-item {
  display: inline;
}

.field-name-field-more-info .field-item:after {
  content: ', ';
}

.field-name-field-more-info .field-item:last-child:after {
  content: '';
}

.views-field-field-get-data-ig img,
.views-field-field-get-data-ig img:hover {
  border: 0;
}
/* end tools pages */


/* styling for tabs */
.tab-wrapper div.active {
  display: block;
}

.tab-wrapper .tabs > div:not(.active) {
  display: none;
}

.tab-wrapper .tab-selection > div {
  display: inline-block;
  padding: 10px 20px 10px 20px;
  cursor: pointer;
  border: 1px solid #BBBBBB;
  border-bottom: 1px solid #F2F2F2;
}

.tab-wrapper .tab-selection div:not(.active) {
  background-color: #DDDDDD;
  border-bottom: 1px solid #BBBBBB;
}

.tab-wrapper .tab-selection > div,
.tab-wrapper .tabs {
  background-color: #F2F2F2;
}

.tab-wrapper .tabs > div {
  border: 1px solid #BBBBBB;
  margin-top: -1px;
}

.tab-wrapper .tab-selection div.active {
  background-color: #F2F2F2;
}
/* end styling for tabs */


/* products tables */
.node-modis-products-table .view-modis-product-table,
.node-community-products-table .view-community-product-table,
.node-measures-products-table .view-measures-product-table,
.node-viirs-products-table .view-viirs-product-table,
.node-aster-products-table .view-aster-product-table,
.lifecycle-table {
  padding: 25px 0 25px 0;
}

.node-modis-products-table table,
.node-community-products-table table,
.node-measures-products-table table,
.node-viirs-products-table table,
.node-aster-products-table table {
  min-width: 750px;
  max-width: 820px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.ProdVarAll table {
  width: 770px;
}

.node-modis-products-table table.display thead th,
.node-community-products-table table.display thead th,
.node-measures-products-table table thead th,
.node-viirs-products-table table thead th,
.node-aster-products-table table thead th,
.lifecycle-table thead th {
  border-bottom: initial;
  background: #DDDDDD;
  color: black;
}

.node-modis-products-table tr.even,
.node-modis-products-table tr.even td.sorting_1, 
.node-community-products-table tr.even,
.node-community-products-table tr.even td.sorting_1,
.node-measures-products-table tr.even,
.node-measures-products-table tr.even td.sorting_1,
.node-viirs-products-table tr.even,
.node-viirs-products-table tr.even td.sorting_1,
.node-aster-products-table tr.even,
.node-aster-products-table tr.even td.sorting_1 {
  background-color: #F2F2F2;
}

.node-modis-products-table tr.odd,
.node-modis-products-table tr.odd td.sorting_1,
.node-community-products-table tr.odd,
.node-community-products-table tr.odd td.sorting_1,
.node-measures-products-table tr.odd,
.node-measures-products-table tr.odd td.sorting_1,
.node-viirs-products-table tr.odd,
.node-viirs-products-table tr.odd td.sorting_1,
.node-aster-products-table tr.odd,
.node-aster-products-table tr.odd td.sorting_1 {
  background-color: #FFFFFF;
}

.node-modis-products-table table tr:hover,
.node-modis-products-table table tr:hover td.sorting_1,
.node-community-products-table table tr:hover,
.node-community-products-table table tr:hover td.sorting_1,
.node-measures-products-table table tr:hover,
.node-measures-products-table table tr:hover td.sorting_1,
.node-viirs-products-table table tr:hover,
.node-viirs-products-table table tr:hover td.sorting_1,
.node-aster-products-table table tr:hover,
.node-aster-products-table table tr:hover td.sorting_1,
.lifecycle-table tr:hover {
  background-color: #CCCCCC;
}

.node-modis-products-table table td.active,
.node-community-products-table table td.active,
.node-measures-products-table table td.active,
.node-viirs-products-table table td.active,
.node-aster-products-table table td.active {
  background-color: inherit;
}

.node-modis-products-table table th,
.node-modis-products-table table th a,
.node-community-products-table table th,
.node-community-products-table table th a,
.node-measures-products-table table th,
.node-measures-products-table table th a,
.node-viirs-products-table table th,
.node-viirs-products-table table th a,
.node-aster-products-table table th,
.node-aster-products-table table th a,
.lifecycle-table th {
  text-align: center;
  vertical-align: middle;
  font-size: 1.2em;
  color: #444444;
}

.node-modis-products-table .dataTables_filter,
.node-community-products-table .dataTables_filter,
.node-measures-products-table .dataTables_filter,
.node-viirs-products-table .dataTables_filter,
.node-aster-products-table .dataTables_filter {
  margin-right: 20px;
}
/* end products tables */


/* product lifecycle pages */
.lifecycle-table {
  width: 100%;
  margin: 0 auto;
}

a.arrow {
  line-height: 16px;
  position: relative;
  padding: 10px;
  text-decoration: none;
  background-color: #0B3D91;
  color: white;
}

a.arrow.right {
  float: right;
  border-right: 10px solid white;
}

a.arrow.left {
  float: left;
  border-left: 10px solid white;
}

a.arrow::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

a.arrow.right::after {
  left: 100%;
  border-left: 18px solid #0B3D91;
}

a.arrow.left::after {
  left: -18px;
  border-right: 18px solid #0B3D91;
}


/* taxonomy labels for terms */
.label {
  float: left;
  margin-right: 0.75rem;
  background-color: lightgray;
  padding: 2px 8px;
}


/* data pool page */
.httpaccess a {
  display: block;
  text-align: center;
  width: 130px;
  margin: 0;
  padding: 5px 0 5px 0;
  background-color: #0B3D91;
  color: white;
  text-decoration: none;
}

