/* - ploneCustom.css - */
@media all {
/* https://ecostress.jpl.nasa.gov/portal_css/ploneCustom.css?original=1 */
/* */
/* */
/* */
/* */
body
{ margin: 0;
padding: 0;
/* */
background-image: url(bg.gif);
background-repeat: no-repeat;
background-color: #2C2C04;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #4b5c68;
}
blockquote
{
margin: 2em 10%;
}
img
{
border: 0;
}
#wrapper_top
{
width: 1075px;
/* */
margin: 0 auto;
/* */
text-align: left;
/* */
margin-top: 0px;
margin-bottom: 5px;
border: 2px solid #1f3243;
position: relative;
}
#top
{
padding: 0;
/* */
height: 88px;
background: url(mast.jpg) no-repeat;
}
/* */
#nav_tier_0 a
{
position: absolute;
text-decoration: none;
}
#nav_tier_0 i
{
visibility:hidden;
}
a#nasa
{
top: 5px;
left: 10px;
width: 85px;
height: 80px;
}
a#jplhome0
{
top: 15px;
left: 100px;
width: 300px;
height: 30px;
}
a#caltech
{
top: 50px;
left: 100px;
width: 300px;
height: 20px;
}
/* */
#nav_tier_1
{
padding: 0;
margin: 0;
width: 507px;
height: 10px;
left: 480px;
position: relative;
top: 10px;
}
#nav_tier_1 ul#tier_1 li a
{ /* */
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
}
#tier_1
{
width: 507px;
height: 10px;
background:url(tnav1.gif);
margin: 0;
padding: 0;
/* */
position: relative;
}
#tier_1 li
{
margin: 0;
padding: 0;
list-style:none;
position:absolute;
top: 0;
}
#tier_1 li, #tier_1 a
{
height: 10px;
display: block;
}
#jplhome
{
left: 0px;
width: 65px;
}
#earth
{
left: 65px;
width: 54px;
}
#solarsystem
{
left: 119px;
width: 105px;
}
#starsgalaxies
{
left: 225px;
width: 118px;
}
#scitech
{
left: 342px;
width:158px;
}
#jplhome a:hover
{
background: transparent url(tnav1.gif) 0px -10px no-repeat;
}
/* */
#earth a:hover
{
background: transparent url(tnav1.gif) -65px -10px no-repeat;
}
#solarsystem a:hover
{
background: transparent url(tnav1.gif) -119px -10px no-repeat;
}
#starsgalaxies a:hover
{
background: transparent url(tnav1.gif) -225px -10px no-repeat;
}
#scitech a:hover
{
background: transparent url(tnav1.gif) -342px -10px no-repeat;
}
/* */
/* */
#nav_tier_2
{
padding: 0;
margin: 0;
width: 507px;
height: 10px;
position: relative;
top: 20px;
left: 480px;
}
#nav_tier_2 ul#tier_2 li a
{ /* */
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
}
#tier_2
{
width: 507px;
height: 10px;
background:url(tnav2.gif);
margin: 0;
padding: 0;
position: relative;
}
#tier_2 li
{
margin: 0;
padding: 0;
list-style:none;
position:absolute;
top: 0;
}
#tier_2 li, #tier_2 a
{
height: 10px;
display: block;
}
#jplemailnews
{
left: 221px;
width:105px;
}
#rss
{
left: 335px;
width:38px;
}
#podcast
{
left: 382px;
width:57px;
}
#video
{
left: 452px;
width:43px;
}
#jplemailnews a:hover
{
background: transparent url(tnav2.gif) -221px -10px no-repeat;
}
#rss a:hover
{
background: transparent url(tnav2.gif) -335px -10px no-repeat;
}
#podcast a:hover
{
background: transparent url(tnav2.gif) -382px -10px no-repeat;
}
#video a:hover
{
background: transparent url(tnav2.gif) -452px -10px no-repeat;
}
/* */
/* */
#nav_tier_3
{
padding: 0;
margin: 0;
width: 1075px;
height: 26px;
position: relative;
}
#nav_tier_3 ul#tier_3 li a
{
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
}
#tier_3
{
width: 1075px;
height: 26px;
background:url(pnav.gif);
margin: 0;
padding: 0;
position: relative;
}
#tier_3 li
{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top:0;
}
#tier_3 li, #tier_3 a
{
height: 26px;
display: block;
}
#news
{
left: 0px;
width: 90px;
}
#missions
{
left: 90px;
width: 103px;
}
#multimedia
{
left: 194px;
width: 116px;
}
#kids
{
left: 310px;
width: 105px;
}
#education
{
left: 415px;
width:105px;
}
#public
{
left: 520px;
width:122px;
}
#work
{
left: 642px;
width:143px;
}
#about
{
left: 785px;
width:205px;
}
#news a:hover
{
background: transparent url(pnav.gif) 0px -26px no-repeat;
}
#missions a:hover
{
background: transparent url(pnav.gif) -90px -26px no-repeat;
}
#multimedia a:hover
{
background: transparent url(pnav.gif) -194px -26px no-repeat;
}
#kids a:hover
{
background: transparent url(pnav.gif) -310px -26px no-repeat;
}
#education a:hover
{
background: transparent url(pnav.gif) -415px -26px no-repeat;
}
#public a:hover
{
background: transparent url(pnav.gif) -520px -26px no-repeat;
}
#work a:hover
{
background: transparent url(pnav.gif) -642px -26px no-repeat;
}
#about a:hover
{
background: transparent url(pnav.gif) -785px -26px no-repeat;
}
/* */
/* */
#form_wrap
{
position: relative;
width: 280px;
height: 20px;
left: 690px;
top: 30px;
text-align: right;
}
.form_field
{
font-size: .7em;
background-color: #213e59;
border: 1px solid #687b8e;
color: #FFFFFF;
}
.form_field_inner
{
background-color: #fff;
border: 1px solid #cdcfd0;
height: 18px;
padding-left:5px;
color: #666666;
vertical-align: middle;
}
.searchbutton
{
vertical-align: middle;
}
#wrapper_bottom
{
width: 1075px;
margin: 0 auto;
}
#footer
{
padding: 0;
margin: 0 auto;
border: 2px solid #b2942f;
margin-bottom: 10px;
background-color: #141c0c;
height: 72px;
}
#footer p
{
color:#868a8d;
font-size: 1em;
margin: 0;
padding: 0;
}
#footer A:link
{
text-decoration:none;
color:#868a8d;
font-size: 1em;
line-height:.5em;
}
#footer A:visited
{
text-decoration:none;
color:#868a8d;
font-size: 1em;
line-height:.5em;
}
#footer A:active
{
text-decoration:none;
color:#868a8d;
font-size: 1em;
line-height:.5em;
}
#footer A:hover
{
text-decoration:none;
color:#fff;
font-size: 1em;
line-height:.5em;
}
#footer .usa_gov
{
width: 200px;
margin-top: 10px;
float: left;
margin-left: 10px;
}
#footer .footer_credits
{
float:right;
margin-right: 20px;
margin-top: 24px;
line-height: 1em;
text-align: left;
}
#footer .footer_nav
{
margin-top: 24px;
text-align: center;
}
#footer .footer_nav_inner
{
margin-top: 24px;
margin-left: 200px;
}
#firstgovfooter
{
background-color: #CCCCCC;
}
#portal-breadcrumbs
{
background-color: #FFFFFF;
}
#portal-top
{
background-color: #FFFFFF;  /* */
}
#visualClear
{
background-color: #213452;
}
/* */
/* */
#mm100
{
background-color: #666666;
color: #999999;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: center;
vertical-align: middle;
height: 17px;
}
/* */
#mm100 a
{
color: #FFFFFF;
font-size: 12px;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 17px;
width: 178px;
}
/* */
#mm100 a
{
/*/*/color: #FFFFFF;
background-color: #666666;
padding: 0 0 0 0;
margin: 0 0 0 0;
border: 1px solid #FFFFFF;
text-decoration: none;
text-align: center;
vertical-align: middle;
display: block;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
width: 178px;
height: 17px;
/* */
}
#mm100 a:hover
{
color: #FFFFFF;
background-color: #006699;
height: 17px;
width: 178px;
}
.navLnkBlack
{
color: #000000;
line-height: 18px
}
#visual-portal-wrapper
{
width: 1075px;
margin: 1em auto 0 auto;
border: solid #e7bb39;
background-color: #FFFFFF;  /* */
}
#portal-columns
{
background-color: #FFFFFF;
}
#portal-colophon
{
background-color: #FFFFFF;
}
#portal-footer
{
background-color: #FFFFFF;
}
.colophonWrapper
{
background-color: #FFFFFF;
}
.newsImageContainer
{
float:right;
margin: 0.5em 0.5em 0.5em 0.5em;
width: 128px;
}
.unicount
{
margin-top: 1em;
}
.lcdstyle
{ /**/
background-color:white;
color: #4C5C67;
font: bold 16px Arial; /* */
padding: 3px;
display: inline-block;
}
.lcdstyle sup
{ /**/
font-size: 60%
}
#legend
{
font-family: Arial, sans-serif;
background: #fff;
padding: 10px;
margin: 10px;
border: 3px solid #E9BE17;
}
#legend h3
{
margin-top: 0;
}
#legend img
{
vertical-align: middle;
}
/* */
.tablecontainer {
overflow-y: auto;
height: 650px;
width:899px;
background: #ffffff;
}
/* */
.tablecontainer tbody  tr:nth-child(even)
{
background-color: #E0E9EE;
color: #000000;
}
.tablecontainer tbody  tr:nth-child(odd)
{
color: #000000;
}
table#sortable02 tr:nth-child(odd)
{
background-color: #eee;
}
.skipnav
{
position: absolute;
top: -1000px;
left: -1000px;
height: 1px;
width: 1px;
text-align: left;
overflow: hidden;
}
a.skipnav:active,
a.skipnav:focus,
a.skipnav:hover
{
left: 0;
top: 0;
width: auto;
height: auto;
overflow: visible;
}
.eco1style
{ /**/
color: #4C5C67;
font: bold 18px Arial; /* */
}
.strgstyle
{ /**/
font: bold 14px Arial; /* */
}
/* */
@media only screen and (min-width : 320px) and (max-width : 767px) {
.documentDescription,
.description
{
font-weight: bold;
display: block;
margin: 0em 0em 0.5em 0em;
line-height: 1.5em;
font-size: 60%;
}
.documentByLine
{
font-size: 59%;
font-weight: normal;
color: #76797c;
margin-bottom: 0.5em;
}
}
/* */
/* */

}