p {
	font-size: 14px;
    }

    .searchResults {
        margin-top: 10px;
    }
    
    .form {
	padding: 20px 50px 20px 50px;
    }

    .geovars {
        float: left;
        padding: 0 10px 0 10px;
        width: 45%;
        margin: 0 0 0 0;
    }
    
    .geovar {
        text-indent: -20px;
        margin: 0 0 0 25px;
    }
    
    .geovars input {
        margin: 0 5px 0 0;
    }
    
    .geovars label {
        position: relative;
        top: -3px;
        padding-right: 10px;
    }
    
    .geocol2 {
        margin-top: 5px;
    }
    
    .geoent {
        margin-bottom: 5px;
        padding: 2px 10px 2px 10px;
        border: solid 1px #666;
        line-height: 1.2;
    }
    
    .geogfx {
        float: right;
        padding: 2px;
    }
    
    .oaother {
        margin: 0 0 10px 0;
    }
    
    input {
        font-size: 9pt;
    }
    
    .oaother input {}
    
    .geogfx img {
        border: solid 1px #666;
    }
    
    .geodetails {}
    
    .geotitle {
        display: none;
        font-weight: bold;
        /*	font-size: 10pt; */
    }
    
    .oavars {
        padding: 5px 10px 2px 0;
        margin-bottom: 5px;
        background: #def;
    }
    
    div.line {
        border-bottom: dotted 1px #999;
        margin-bottom: 5px;
    }
    
    .geotit {
        font-weight: bold;
    }
    
    .geoabs {
        font-weight: normal;
        padding: 5px 10px 0 5px;
    }
    
    .geolnks {
        clear: right;
        float: right;
    }
    
    .geolnk {
        display: inline;
        padding: 0 5px 0 5px;
    }
    
    .geoclr {
        clear: both;
    }
    
    .geowarn {
        color: #ff3333;
    }
    
    .varpred {
        margin: 0 0 5px 0;
    }
    
    .archsub {
        margin: 0 0 15px 0;
    }
    
    .archsub input {
        margin-left: 17px;
        position: relative;
        top: 3px;
        left: -2px;
    }
    
    .varpred input {
        margin-left: 3px;
        position: relative;
        top: 3px;
        left: -2px;
    }
    
    .code {
        font-family: monospace;
        font-style: italic;
    }
    
    #others {
        margin-bottom: 10px;
        width: 280px;
    }
    
    #obscat {
        width: 300px;
    }
    
    #geores {
        display: none;
    }
    
    #gobaby {
        margin-bottom: 10px;
    }
    
    div.center {
        text-align: center;
    }
    
    div.beta {
        background: #eee;
        padding: 10px 15px;
        margin-bottom: 5px;
        border: dotted 1px #ccc;
    }
    
    span.beta {
        color: #c00;
    }
    
    #map {
        width: 340px;
        /* golden rectangle */
        height: 210px;
        border: solid 1px #333;
    }
    
    table.bbox {
        /* width: 380px; */
        padding: 5px;
        margin: 0 0 15px 0;
    }
    
    .bbox td {
        text-align: center;
        padding: 2px 5px;
    }
    
    .bbox td input {
        padding: 0 !important;
        width: 84px;
    }
    
    .obsdates {
        margin-bottom: 10px;
    }
    
    .obsdates input {
        padding: 1px !important;
        margin: 5px 5px;
        width: 120px;
    }
    
    form button {
        padding: 5px 10px !important;
    }
    
    .obsdates button {
        padding: 2px 4px !important;
    }
    
    #term {
        width: 305px;
    }
    
    #mouse {
        font-size: 7pt;
        line-height: 10px;
        margin-top: 1px;
    }
    
    #ui-datepicker-div {
        z-index: 1234 !important;
    }
    
    .geocol2 {}
    
    .credits {
        display: none;
        font-size: 7pt;
    }
    
    .searchCount {
        margin-top: 10px;
        width: 49%;
    }
    
    .newSearch {
        float: left;
    }
    
    ul.ui-menu {
        z-index: 2000 !important;
        text-align: left;
    }
    
    #queryinfo {
        display: none;
    }
    
    span.serviceRest {
        font-size: 8pt;
        line-height: 1.2;
        margin-bottom: 10px;
        float: right;
    }
    
    span.serviceLinks a {
        padding-left: 8px;
    }
    
    button {
        color: #fff !important; 
    }
    
    button#reset {
        margin-left: 10px;
    }
    
    .geo-handheld {
        display: none;
    }
    
    .geo-desktop {
        display: block;
    }
    
    @media handheld {
        .geo-handheld {
            display: block;
        }
        .geo-desktop {
            display: none;
        }
    }
    .ol-box{
        box-sizing:border-box;
        border-radius:2px;
        border:2px solid #f00
    }
    #cartBtnsSpan {
        float: right;
    }
    .ui-dialog {
        border: 5px solid #448dae;
        display: none;
	font-size: 14px;
    }
    .ui-dialog-title{
	font-size: 14px; 
    }
    .ui-widget-overlay {
        position: fixed;
    }
    .ui-progressbar.ui-widget-header{
        color: #448dae;
        background: #448dae;
    }
    #downloadAll {
        padding: 2px 2px;
    }
    .lcontent{
        float:left;
        text-align:right;
        display:inline;
    }
    .rcontent{
        float:left;
        text-align:left;
        display:inline;
        white-space:nowrap;
        padding-left:4px;
    }
    #qprev, #qnext{
        text-decoration: underline;
        color: blue;
    } 
    .note{
      background: #ffffe0;
      border: solid 1px;
      margin: 10px;
      padding: 10px;
    }
    .utilitydiv {
	margin-top: 30px;
	margin-right: 10px;
    }