div#dataSourceBox {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background-color:#ddd;
    padding:5px 0px 5px 3px;
}

#dataSourceBox label {position: relative; color:#666; font-size:.9em; font-weight: bold; }
#dataSourceBox label.dataSource {color:#000; font-size:1em;}

#dataTypeBox #ts_period { width:207px; background-color:#ffffcc }

#map-overview {min-height: 200px;width:240px; border: solid 1px #999; padding:0; float:right;position:relative;}
#map {width: 578px !important;}

#right-block-stn{display:none;}
#right-block-pi{display:none;}

#content-block.print-right div#right-block-stn{display:block;}
#content-block.print-right div#right-block-pi{display:block;}
@media screen{#right-block-stn{display:block;}#right-block-pi{display:block;}}

#page2, #page-2col{width:800px;margin-left:8px;}

#right-block-stn, .right-block-stn {width:150px; float:right; border:1px solid #CCCC99; text-align:left; margin:0;}
#right-block-stn h2, .right-block-stn h2 {background-color:#CCCC99; color:#000000; font-size:1.0em; margin:0; padding:0.2em;}

#right-block-pi, .right-block-pi {width:165px; float:right; border:1px solid #CCCC99; text-align:left; margin:0;}
#right-block-pi h2, .right-block-pi h2 {background-color:#CCCC99; color:#000000; font-size:1.0em; margin:0; padding:0.2em;}

@media print{#right-block-stn ul, .right-block-stn ul{list-style-type:disc;list-style-image:none;padding-left:0;}}
@media print{#right-block-pi ul, .right-block-pi ul{list-style-type:disc;list-style-image:none;padding-left:0;}}

.stn-info-col{width:800px; position:relative;float:left;}
.middle-col-stn{width:646px; position:relative;float:left;}
.box {border:solid 2px #CCC; margin-bottom:0.1em; padding:1em; } 
.box-stn {border:solid 1px #CCC; margin:1px; padding:0; } 
.box-stn h3 {font-size:1.2em; margin:0.3em 0 0.3em 0; padding:0px;}
.box-stn a:link, .box-stn a:hover, .box-stn a:active, .box-stn a:visited {text-decoration:none;}
.box-stn .stn {padding:0.1em 0 0 0.5em; font-size:0.9em; }
.stn-photo {float:right; font-size:0.8em;}

.box-700 {border:solid 2px #CCC; margin-bottom:0.1em; padding:1em; width:700px} 
.box-700 a:link, .box-700 a:hover, .box-700 a:active, .box-700 a:visited {text-decoration:none;}

.box-680 {border:solid 1px #CCC; margin:0; padding:1em 0 1em 0; width:680px} 
.box-680 a:link, .box-680 a:hover, .box-680 a:active, .box-680 a:visited {text-decoration:none;}

.box-620 {border:solid 2px #CCC; margin:1px; padding:2px; width:620px}
.box-620 a:link, .box-620 a:hover, .box-620 a:active, .box-620 a:visited {text-decoration:none;}

label:hover, label:focus, label:active { text-decoration:none; }
.mapcontrols select{width:180px;}
.mapcontrols select#period{width:130px;}
.mapcontrols select#ts_period{width:110px;}
.mapcontrols label, .control-label{font-weight:bold; color:#655E30;}
.mapcontrols {clear:left;}
.mapcontrols form, .mapcontrols table, .mapcontrols td{padding:0;margin:0; border-collapse:collapse;}
.mapcontrols td{vertical-align:top;padding:1px;}
.mapcontrols input[type="button"]{min-width:3em;}
.mapcontrols input {width:2em;}
.mapcontrols input.tbox-yr {width:2.5em;}
.mapcontrols label input {width:auto;}
.cc-ctrl label {font-weight:bold; color:#655E30;}

@media print{
.stn-map {float:left;}
.stn-photo {width:100%; float:left; font-size:0.8em;}
#right-block-stn, .right-block-stn, #right-block-pi, .right-block-pi {display:none;}
.middle-col-stn{width:100%; text-align:justify;}
.stn-info-col{width:100%; text-align:justify;}
.box-700,.box-stn {width:100%; margin:0.2em 0 0 0; padding:0.2em;}
}

.about-right #page-info{margin-top:-2.4em; float:right; padding:2px 2px 0 18px; width:auto;}

/* PCCSP Logo */
#pccsp-logo { background-color: white; position: absolute; float: right; right: 230px; top: 5px; }

.units { margin: 5px 0 5px 0; }
.mean-cycle { padding-top:.1em; margin: 5px 0 5px 0; text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#006699; }
.download { padding: .5em 0 .5em 0; margin-top: 5px; text-align:left;font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:1.1em; color:#006699; }

/* To move Disclaimer link to bottom right */
div.disclaimerLk { position: absolute; right: 10px; bottom: 5px; }

/* For EEZ layer */
.olControlAttribution {
    background-color: lightGray;
    bottom: 12px;
    left: 0px;
    width: 385px;
    padding-left: 110px;
    padding-right: 80px;
    text-align: right;
    -moz-opacity:.70; 
    filter:alpha(opacity=70); 
    opacity:.70; 
}

/* Loading spinner */
#spinner-container {
    position: relative;
    float: right;
    width: 24px;
    height: 18px;
    padding: 0;
    top: 1px;
    left: 0;
}

#spinner {
    width: 24px;
    height: 18px;
    background-position: center;
    background-image: url('/climate/cdo/images/symbols/loading-cdo.gif');
    background-repeat: no-repeat;
}