* {
margin:0;
padding:0;
-webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
        box-sizing:border-box;
}

img {
border:0;
margin:.5em 0 1em;
}

.thumb {
width:100px;
margin:0;
}

table td {
padding:.5em .5em .5em 0;
}

.logo {
margin:0;
}

.banner {
height:446px;
background-position:center;
background-size:2800px;
}

.caption {
color:#1A76B9;
font-style:italic;
padding:.5em 0;
display:block;
}

.main-caption {
padding:0 0 1.5em;
}

.tabs {
padding:0 1.5em;
background:#DDD;
width:100%;
overflow:auto;
}

.tabs a {
float:left;
font-size:1.2em;
padding:.6em 1.2em;
}

.tabs a.active {
background:#FFF;
}

#nav,#content {
position:relative;
z-index:30;
}

a {
text-decoration:none;
color:#1A76B9;
}

a:hover {
text-decoration:underline;
color:#4EA1DC;
}

h1,h2,h3 {
font-weight:normal;
}

h1,h2 {
padding-bottom:2px;
font-size:1.7em;
border-bottom:2px solid #DDD;
margin-bottom:.3em;
}

h3,h4 {
color:#1A76B9;
clear:both;
margin-bottom:.3em;
}

h3 {
font-size:1.5em;
}

h4 {
font-weight:normal;
font-size:1.2em;
}

p,ul,ol {
margin:0 0 15px;
line-height:130%;
}

ul,ol {
display:block;
padding-left:20px;
}

ul {
list-style:square;
}

.form-box {
padding-right:15px;
float:left;
}

.extent input[type=text] {
width:95px;
}

.min-lat,.max-lat {
float:none;
padding-left:72px;
clear:both;
}

.min-lon {
padding-right:50px;
}

.ui-accordion-header {
border:0;
display:block;
cursor:pointer;
margin-bottom:8px;
padding:4px 6px;
background:#DDD;
font-size:1.4em;
position:relative;
}

.ui-accordion-header:focus {
outline:none;
}

.ui-accordion-header:before {
content:"";
display:block;
height:0;
width:0;
position:absolute;
top:9px;
right:10px;
border-top:8px solid transparent;
border-left:12px solid #333;
border-bottom:8px solid transparent;
margin:-2px 0 0 -1px;
}

.ui-state-active:before {
top:11px;
border-top:12px solid #333;
border-right:8px solid transparent;
border-left:8px solid transparent;
}

.ui-accordion-content {
overflow:auto;
margin-bottom:7px;
}

body {
font-size:.85em;
line-height:150%;
color:#333;
background-color:#000;
font-family:"Open Sans",sans-serif;
background-image:url(../images/mars_background.jpg);
background-size:cover;
background-repeat:no-repeat;
}

#header,#wrapper {
position:relative;
width:95%;
min-width:900px;
margin:0 auto;
}

#wrapper {
overflow:hidden;
}

#header {
height:114px;
}

#title {
margin:0 auto;
display:block;
color:#FFF;
font-size:36px;
padding:0;
border:0;
position:absolute;
left:.6em;
bottom:2px;
z-index:50;
text-shadow:#000 2px 2px 3px;
}

#content li {
margin-bottom:.5em;
}

.step-by-step {
padding:2em 4em;
overflow:auto;
margin:2em 0 3em;
background:#F3F3F3;
}

#step-by-step {
list-style-type:none;
padding:0;
counter-reset:list;
font-style:italic;
}

#step-by-step li {
list-style-type:none;
counter-increment:list;
float:left;
clear:left;
}

#step-by-step li:before {
content:counter(list);
font-style:normal;
display:block;
margin:.1em .4em .3em 0;
height:20px;
width:20px;
font-size:1.5em;
clear:both;
color:#FFF;
background:#1A76B9;
padding:5px;
text-align:center;
border-radius:15px;
float:left;
}

.sidebar {
float:right;
width:35%;
padding:1.5em;
color:#FFF;
background:#000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.label {
font-size:1.2em;
color:#1A76B9;
}

.sidebar .label {
color:#74B1DC;
cursor:pointer;
}

.hidden {
display:none;
}

.sidebar h3 {
display:inline;
color:#74B1DC;
}

.sidebar .label:hover {
color:#99CBEE;
}

.sidebar p {
margin:.4em 0;
}

.text:before {
content:" - ";
}

.main-content {
float:left;
width:65%;
padding-right:1.5em;
}

#wrapper {
width:95%;
border:1px solid #333;
-webkit-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;
background:#000;
margin-bottom:50px;
}

#content {
background:#FFF;
padding:1.5em;
overflow:auto;
}

#nav,#footer {
color:#FFF;
overflow:hidden;
padding:0 .8em;
}

#nav {
font-size:1.2em;
height:35px;
padding:0 .7em;
}

#nav a,#footer a {
color:#FFF;
}

#nav li,#nav ul {
margin:0;
padding:0;
}

#nav a,#username {
line-height:1.3em;
height:35px;
padding:.4em .7em;
display:block;
}

#nav a:hover {
text-decoration:none;
}

#username {
float:right;
}

#footer {
text-transform:capitalize;
}

.site-links,.gov-links {
padding:.7em;
}

.site-links {
float:left;
}

.gov-links {
float:right;
}

.def-list {
list-style-type:none;
list-style:none;
margin-bottom:3em;
}

.def-list ul {
padding:0;
margin:0;
}

.def-list li {
padding-left: 1em; 
text-indent: -.7em;
}

.def-list li:before {
content: "• ";
color:#1A76B9;
font-size:200%;
}

.listing li {
margin:0 0 3px;
padding:0;
list-style:none;
}

.listing a {
margin:-2px -3px;
padding:2px 3px;
display:inline-block;
}

.listing a:hover {
color:#FFF;
background:#1A76B9;
text-decoration:none;
}

.links li {
list-style:none;
float:left;
}

.links a:hover {
background:#1A76B9;
}

input[type=text],input[type=submit],textarea,button {
padding:3px 5px 3px;
margin:0 0 15px;
outline:none;
border:2px solid #DDD;
overflow:hidden;
font-size:1.1em;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:33px;
}

textarea {
width:100%;
height:100px;
max-width:100%;
}

.wide {
width:100%;
}

button,input[type=submit] {
background:#1A76B9;
color:#FFF;
padding:2px 10px 3px;
border:0;
min-width:75px;
cursor:pointer;
}

button:hover,input[type=submit]:hover {
background:#4EA1DC;
}

button:disabled,input[type=submit]:disabled {
background:#696969;
}

input[type=checkbox],input[type=radio] {
margin:0 2px 10px;
}

input[type=radio] {
margin-right:6px;
clear:both;
}

.radio-block {
width:160px;
margin:-10px 0 10px;
float:left;
}

.radio-block input[type=radio] {
margin-bottom:4px;
}

select {
margin:2px 0 12px 0;
display:block;
max-width:100%;
}

label {
margin-bottom:2px;
}

label.select {
float:left;
clear:left;
padding-right:5px;
}

input.error {
border-color:#FF5300;
}

p.error {
margin-top:-12px;
color:#FF5300;
}

.ui-accordion-header.error {
background-color:#FF5300;
}

.ui-accordion-header.error:after {
content:attr(data-errors) " Error(s)";
position:absolute;
right:32px;
margin-bottom:
font-size:.8em;
text-align:right;
width:200px;
}

.checkbox {
position:relative;
top:1px;
margin-right:20px;
display:inline;
}

.form {
float:left;
width:60%;
padding-right:1.5em;
}

.notes {
background:#F3F3F3;
float:right;
width:40%;
padding:15px;
max-height:200px;
overflow:auto;
}


/*** Fonts ***/
.upcSmall {
    font-size: 10px;
}
.red {
    color: #ff0000;
}
.errors {
    color: #ff0000;
    font-weight: bold;
    font-size: 14px;
}
.job-details {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
}
.job-details-title {
    color: #668B8B;
    font-weight: bold;
}
.job-user-span {
    width: 300px;
}
.job-error {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
}
.job-error-title {
    color: #FF0B0B;
    font-weight: bold;
}
.upcHeaderPrefix {
    font-size: 10px;
    font-weight: normal;
    color: #00688B;
}
.upcqueryTitle {
    font-weight: bold;
    margin:5px 5px 5px 0px;
}
.upcqueryTitleSmall {
    font-weight: bold;
    font-size: 10px;
    margin: 5px 0px 0px 0px;
}
.upcquerySubTitleSmall, .upcquerySubTitleSmall input { 
    font-weight: normal;
    font-size: 11px;
}
.usgs-green {
  color: #398E00;
}
/* HEADER */
#banner {
	height: 100px;
	padding: 0;
	margin: 0px 0px 5px 0px;
	width: 100%;
}
#leftLogo {
	margin: 5px 0px 0px 5px;
	float: left;
}
#centerLogo {
	text-align: center;
	margin-right: 200px;
}
#rightLogo {
	position:absolute;
	right: 20px;
	top: 10px;
}

/* CONTENT AREA */

#left {
    padding: 0px 15px 10px 0px;
    margin-right: 430px;	
    font-size: 12px;
}
#leftPlanets {
	width: 250px;
	float: left;
	margin: 20px 20px 0px 0px;
 text-align: center;
}
.introText {
    background: #ffffff;
    font-size: 14px;
}
#upcErrorBox {
    color: red;
    padding: 10px;
    margin: 10px;
}
.chooser {
    background: url(../images/chooserBorder.png) no-repeat; 
    padding: 20px;
    margin: 0px 20px 10px 0px;
    width: 540px;
    height: 580px;	
    float: left;
}
#right {
	min-height: 100%;
	height: 100%;
	width: 300px;
        top: 100px;
	right: 120px;
	position: absolute;
}
#rightPlanets {
 margin: 20px;
 float: left;
}
/* PANEL */
.upcFrontPanel {
    width: 200px;
    float: left;
    font-size: 10px;
}
.planetSpan {
    font-size: 12px;
    color: #000000;
    background: #ffffff;
}
.planetSpan span:hover {
    cursor: pointer;
    color: #ff6600;
}
#upcPanel {
    width: 400px;
    height: 552px;
    height: 100%;
}
#upcPanelBottom {
    background: url("../images/panelBottom.png") top left no-repeat; */
    width: 100%;
    height: 20px;
    margin: 0px;
}
/* SEARCH BOX */
#searchBox {
    margin: 50px 0px 0px 0px;
    padding: 5px;
    font-size: 12px;
}
*+html #searchBox {
    padding: 0px;
}
#searchBox input {
    font-size: 11px;
}
#upcSearchSelect {
    margin-bottom: 2px;
}
/*** CONSOLE ***/
.upcConsoleTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.upcConsoleTable tr td {
    border: none;
    padding: 0px;
    margin: 0px;
}
.upcConsoleTableLeft {
    width: 20px;
    height: 89px;
    background: url("../images/consoleLeft.png") no-repeat;
}
.upcConsoleTableMid {
    background: url("../images/consoleMid.png") repeat-x;
}
.upcConsoleTableRight {
    width: 20px;
    height: 89px;
    background: url("../images/consoleRight.png") no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .astroConsoleFootprintTable {
    border-spacing: 0px 0px;
 }
}
/** Map **/
#upcHolderTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    clear: both;
}
#upcHolderTable tr td {
    border: none;
    padding: 0px;
    margin: 0px;
}
.upcMapHolderTopLeft {
    width: 20px;
    height: 20px;
    background: url("../images/mapBGTopLeft.png") no-repeat;
}
.upcMapHolderMidTop {
    height: 20px;
    background: url("../images/mapBGMidTop.png") repeat-x; 
}
.upcMapHolderTopRight {
    width: 20px;
    height: 20px;
    background: url("../images/mapBGTopRight.png") no-repeat; */
}
.upcMapHolderMidLeft {
    width: 20px;
    background: url("../images/mapBGMidLeft.png") repeat-y;
}
.upcMapHolderMidRight {
    width: 20px;
    background: url("../images/mapBGMidRight.png") repeat-y; 
}
.upcMapHolderBottomLeft {
    width: 20px;
    height: 20px;
    background: url("../images/mapBGBottomLeft.png") no-repeat;
}
.upcMapHolderMidBottom {
    height: 20px;
    background: url("../images/mapBGMidBottom.png") repeat-x; 
}
.upcMapHolderBottomRight {
    width: 20px;
    height: 20px;
    background: url("../images/mapBGBottomRight.png") no-repeat; */
}
/* Search Button */
#upcPanelSearchButtonDiv {
    width:100px;
    height: 50px;
    position: absolute;
    right: 10px;
    bottom: 0px;
    margin: 10px 10px 0px 10px;
    cursor: pointer;
}
#upcSearchButtonLoader {
    margin: 18px 0px 0px 66px;
}
#upcSearchConstraints {
    margin: 5px 5px 5px 0px;
    padding: 5px;
    height: 50px;
    cursor: pointer;
    line-height: 11px;
}
.upcPanelSearchButtonDivWait {
    background: url("../images/updateButtonWait.png") left no-repeat;
}
.upcPanelSearchButtonDivCold {
    background: url("../images/updateButtonCold.png") left no-repeat;
}
.upcPanelSearchButtonDivHot {
    background: url("../images/updateButtonHot.png") left no-repeat;
}
.upcPanelSearchButtonDivDead {
    background: url("../images/updateButtonDead.png") left no-repeat;
}
.upcSearchButtonLoader {
    left: 70px;
}
/*** ACCORDION ***/
#accordion {
    margin: 10px;
}
#accordion h3 {
    font-weight: bold;
}
#accordion div {
    background: #eeeeee;
}
#upcAccordionContent {
    padding: 0px 5px 5px 20px;
}
table.upcAccordionTable {
    border-collapse: collapse;
    border: 0px;
    padding: 0;
    margin: 0;
}
table.upcAccordionTable input {
    font-size: 11px;
    padding: 0;
    margin: 0;
}
.upcAccordionHelp {
    color: #666666;
    font-size: 9px;
    margin: 0px 0px 5px 0px;
    font-weight: normal;
}
.upcAccordionHelp span {
    text-decoration: none;
    color: #00688B;
    cursor: pointer;
}
#upcSPselect {
    margin: 0px 0px 0px 0px;
    width: 140px;
    line-height:11px;
    font-size: 10px;
}
#upcSPInstrumentSelect, #upcSPInstrumentSelect option {
    color: #222222;
    width: 90px;
    font-size: 10px;
}
#upcSPcondition, #upcSPcondition option {
    line-height:11px;
    font-size: 10px;
    width: 100px;
}
#accordion div.upcConstraintP {
    whitespace: wrap;
    padding: 5px;
    width: 300px;
    background: #ffffff;
    border: 1px solid #aaaaaa;
}
#accordion div.upcSetConstraintP {
    overflow: auto;
    padding: 3px;
    width: 300px;
    height: 130px;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    font-size: 10px;
}
.upcConstraintButton {
    font-size: 9px;
}
.upcConstraintDelete {
    color: #cd3700;
    cursor: pointer;
}
.upcLatLonCenterBox {
    text-align: center;
    font-size: 10px;
    clear: both;
}
.upcLatLonLeftBox {
    font-size: 10px;
    float: left;
    margin: -10px 0px -10px 5px;
    text-align: left;
}
.upcLatLonRightBox {
    font-size: 10px;
    float: right;
    margin: -10px 5px -10px 0px;
    text-align: right;
}
.upcLatLonRightBox input, .upcLatLonLeftBox input, .upcLatLonCenterBox input {
    font-size: 11px;
}
#upcFeatureType {
    width: 120px;
    margin: 0px 0px 15px 0px;
}
#upcFeatureName {
    margin: 0px 0px 15px 30px;
    width: 140px;
}
div.ui-datepicker {
    font-size: 12px;
}
.upcTextArea, #upcMapTemplate {
    margin: 0px 0px 5px 0px;
    clear: both;
    font-size: 10px;
    overflow: auto;
}
#upcGroupByTitle {
    margin: 0px 0px 0px 15px;
}
#upcGroupBy {
    width:70%;
    margin:0px 0px 5px 5px;
}
/*** TREE ***/
#upcResultsTree {
    height: 420px;
    padding: 5px 5px 5px 0px;
    margin:10px;
    overflow: scroll;
    border: 1px solid #888888;
    background: #eeeeee;
}
.upcTreeIcon {
    cursor: pointer;
    margin:0px 1px 0px 0px;
    vertical-align: middle;
}
.upcTreeError {
    padding: 30px 20px 0px 20px;
    font-weight: bold;
}
/*** INFO DIV ***/
#upcMoreInfo {
    display: none;
    background: url("../images/infoBox.png") no-repeat;
    z-index: 999999999;
    padding: 20px;
    width: 360px;
    height: 440px;
    position: absolute;
    top: 100px;
}
#upcMoreInfoContainer {
    width: 335px;
    background-color: #ffffff;
    font-size: 12px;
    height: 355px;
    overflow: auto;	
    margin: 5px 0px 5px 0px;
    padding: 3px;
    clear: both;
}
#upcMoreInfoDragImageDiv {
    float: right;
    margin-right: 10px;
}
#upcMoreInfoProductName {
    font-size: 13px;
    float: left;
    white-space: nowrap;
}
.upcMoreInfoButtons {
    margin: 5px 5px 10px 0px;
}
.upcThumbnailFootprint {
    clear: both;
    margin: 10%;
}
/* ASTROWEBMAP OVERRIDES */
div.astroMapBig {
    background: #000000;
    width: auto;
    height: auto;
}
/* TABS */
#tabs {
    font-size: 11px;
    height: 100%;
    margin: 0px;
}
#tabs.ui-widget-content {
    border: none; 
    background: url("../images/panelMid.png") left repeat-y; 
}
#tabs.ui-corner-all {
  -moz-border-radius: 5px 0px 0px;
  -webkit-border-radius: 5px 0px 0px;
  border-radious: 5px 0px 0px;
}
div.ui-tabs {
    padding: 0px;
}
div.ui-tabs .ui-tabs-nav {
    padding-left: 0.8em;
}
#tabs .ui-tabs-selected {
    background: #ffffff;
}
/* CAROUSEL */
#upcCarouselDiv {
    height: 460px;
    width: 360px;
    margin: 0px 5px 0px 5px;
    overflow: auto;
}
.upcCarouselImageDiv {
    float: left;
    height: 100px;
    width: 100px;
    overflow: hidden;
}
.upcCarouselInfo {
    float: left;
    padding: 10px;
    width: 200px;
    overflow: hidden;
}
.upcCarouselDivEven {
    background: #dddddd;
    width: 335px;
    height: 100px;
    margin: 5px 0px 0px 0px;
    padding: 2px;
    overflow: auto;
}
.upcCarouselDivOdd {
    background: #eeeeee;
    width: 335px;
    height: 100px;
    margin: 5px 0px 0px 0px;
    padding: 2px;
    overflow: auto;
}
.upcCarouselTitle {
    font-size: 10px;
    margin: 0px 0px 5px 5px;
    cursor: pointer;
}
.upcCarouselTitleIcon {
    vertical-align: bottom;
}
.upcCarouselTitle:hover {
    color: #f8972a;
}
.upcCarouselLinks {
    margin: 0px 0px 0px 40px;
}
.upcCarouselLink img {
    vertical-align: text-bottom;
}
.upcCarouselLink span:hover {
    background: #f8972a;
}
/* DOWNLOADS */
#upcDownloadContainer {
    height: 380px;
    padding: 10px;
    margin:10px;
    overflow: auto;
    border: 1px #888888 solid;
    background: #eeeeee;
}
#upcPanelDownloadButtonDiv {
    width:100px;
    height: 50px;
    position: absolute;
    right: 10px;
    bottom: 0px;
    margin: 10px 10px 0px 10px;
    cursor: pointer;
    background: url("../images/downloadBig.png") left no-repeat;
}
#upcPanelDownloadButtonDiv:hover {
    background: url("../images/downloadBigHot.png") left no-repeat;
}

/* JOB MENU */
#jobdrop {
    position:relative;
    width:300px;
    height:30px;
    padding:3px 5px 3px;
    font-size:1.1em;
    border:2px solid #DDD;
    margin:0 0 15px;
    cursor:pointer;
    list-style:none;
}

#chooser {
    display:inline-block;
    width:300px;
    
}

.menu {
    display:none;
    position:absolute;
    padding:3px 5px 3px;
    top:26px;
    left:-2px;
    z-index:3;
    width:300px;
    max-height:300px;
    border-style: solid;
    border-color: #DDD;
    border-width: 0 2px 2px 2px;
    background-color:white;
    list-style:none;
}

.sub-menu {
    display:none;
    position:absolute;
    padding:3px 5px 3px;
    left:300px;
    z-index:1;
    top:0px;
    max-height:300px;
    width:490px;
    background-color:white;
    border: 2px solid #DDD;
    list-style:none;
    overflow-x:auto;
}

.recommended-sub-menu {
    display:none;
    position:absolute;
    padding:3px 5px 3px;
    left:300px;
    z-index:1;
    top:0px;
    max-height:300px;
    width:490px;
    background-color:white;
    border: 2px solid #DDD;
    list-style:none;
    overflow-x:auto;
}

.deep-sub-menu {
    position:relative;
    display:none;
    margin:0;
    padding:3px 5px 3px;
    left:0px;
    z-index:2;
    top:0px;
    max-height:300px;
    background-color:white;
    list-style:none;
}

.deep-sub-menu li {
    padding-left:5px;
}

.sub-menu li:hover {
    color:#1A76B9;
}

.deep-sub-menu li:hover {
    color:#1A76B9;
}

.menu .no-options {
    color:LightGrey;
    cursor:default;
}

.arrow-down {
    display:inline-block;
    width: 0; 
    height: 0;
    margin-left:10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;   
    border-top: 6px solid black;
}

.arrow-up {
    display:inline-block;
    width: 0; 
    height: 0;
    margin-left:10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid black;
}

.arrow-right {
    display:inline-block;
    width: 0; 
    height: 0;
    margin-left:10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;   
    border-left: 5px solid black;
}

.instruction {
    font-size: 1.2em;
    font-weight:bold;
}

#jobkey {
    margin:0 0 15px;
}

.postjob {
 height:19px;
 font-size:13px;
 line-height:100%;
 margin:0 0 0 15px;
}