/* 
 * CSS File for FMP Data Portal
 * 7.31.08
 * John J Oram
 * San Francisco Estuary Institute
 *
 */

body { background-color: white; }

div.query_container
{
position: absolute;
top: 80px;
left: 10px;
width: 285px;
border: 1px solid #CCCCCC;
padding: 4px;
background-color:#f9f9f9;
}

div.myspacer { border-bottom:1px solid #CCCCCC; clear:both;con }

div.pagetabs {
position:relative;
top:10px;
left:10px;
height: 550px;
min-height: 550px;
/* border:1px solid #CCCCCC; */
padding:2px
}


div.map_container { 
position: relative; 
top: 5px; 
height:500px; 
width:800px; 
border:1px solid #CCCCCC; 
padding:0px 
}

div.map_bubble     
{ 
font: 10px trebuchet,helvetica,arial,sans-serif; 
}

a.mybublink 
{
font: 10px trebuchet,helvetica,arial,sans-serif;
color: blue;
cursor: pointer;
}

div.mylist_icon      
{ 
padding:1px; 
text-align:center; 
width:45px; 
/* vertical-align:middle; */
/* float:left;  */
border:0px dashed #222; 
}

div.mylist_text      
{ 
padding:1px; 
text-align:left; 
width:90px; 
/* vertical-align:middle; */
white-space:nowrap; 
/* float:left;  */
border:0px solid #222; 
font-size:10px; 
font-weight: bold; 
font-family:trebuchet,helvetica,arial,sans-serif;
line-height:1.2em; 
table-layout:fixed; 
}

div.mylist_header    
{ 
font-family:trebuchet,helvetica,arial,sans-serif;
font-weight:bold; 
font-size:12px; 
padding-top:2px;
}

div.mylist_footer    
{ 
font-family:trebuchet,helvetica,arial,sans-serif;
font-style:italic; 
font-size:9px; 
font-weight:lighter; 
}

div.mylist_spacer    
{ 
border-bottom:1px solid #CCCCCC; 
clear:both; 
}

div.chart_container  
{ 
position:relative; 
border:1px solid #CCCCCC;
background-color:#f9f9f9; 
width:600px; 
height:310px;
/* top:565px; 
* left:310px; 
*/
padding:4px; 
vertical-align:middle;
overflow:auto;
/* cursor: crosshair;  */
}

div.chart_options    
{ 
position:absolute; 
border:1px solid #CCCCCC;  
background-color:#f9f9f9;
top:565px; 
left:625px; 
width:170px; 
height:100px; 
font-family:trebuchet,helvetica,arial,sans-serif;
font-size:10px; 
font-weight: bold; 
padding:4px; 
}

div.stn_info         
{ 
position:absolute; 
border:1px solid #CCCCCC;  
background-color:#f9f9f9;
top:680px; 
left:625px; 
width:170px; 
height:195px; 
font-family:trebuchet,helvetica,arial,sans-serif;
font-size:10px; 
font-weight: bold; 
padding:4px; 
}

div.kml_down
{
position: relative; 
border: 0px solid #CCCCCC;
/* top:  8px; */
/* left: 0px;  */
font-family:trebuchet,helvetica,arial,sans-serif;
font-size:10px;
padding: 10px;
}


/* Accordions */
#cdfaccordion {
position: relative;
/* left: 10px;
* top: 570px; */
width: 500px;
border: 1px solid #CCCCCC;
font-family:trebuchet, helvetica, arial, sans-serif;
font-size:10px; }

#cdfaccordion div.title:hover {text-decoration:underline;}
#cdfaccordion div.selected .title { font-weight: bold; background:#00AEEF url('slices/check2_over.gif') no-repeat; }
#cdfaccordion div.selected { border-bottom: none; }

#cdfaccordion div.title {
background: #00AEEF url('slices/check2.gif') no-repeat;
border: 1px solid #ffffff;
padding: 5px 20px;
cursor: pointer;
font-family:trebuchet, helvetica, arial, sans-serif;
font-size:15px; 
color:#ffffff;
line-height:15px;
}

#cdfaccordion div div { padding: 5px; }

#map_accordion {
position: absolute;
border: 0px solid #CCCCCC;
background-color: white;  /* #f9f9f9; */
top:  80px;
left: 608px;
width: 190px;
font-family:trebuchet, helvetica, arial, sans-serif;
font-size:10px; 
/* filter: alpha(opacity=75); -moz-opacity: .75; */
}

div.marker_controls {
position: relative; /* absolute; */
background-color: white; /* #f9f9f9; */
font-family:trebuchet,helvetica,arial,sans-serif;
font-size:10px;
padding: 4px; }

div.map_layer_selector {
position: relative; /* absolute; */
background-color: white;  /* #f9f9f9; */
font-family:trebuchet,helvetica,arial,sans-serif;
font-size:10px;
padding: 4px; }


div.map_legend {
position: relative;
/*width:170px; */
/*border:1px solid #CCCCCC;*/
padding:4px;
overflow:auto;
/*z-index:9998;*/
background-color: white;  /* #f9f9f9; */
vertical-align:middle; 
}


#map_accordion div.selected .title { font-weight: bold; background-color: #CCCCCC; }
#map_accordion div.selected { border-bottom: none; }

#map_accordion div.title {
background-color: #f9f9f9;
border: 1px solid black;
padding: 2px;
padding-left: 45px;
cursor: pointer;
font-family:trebuchet,helvetica,arial,sans-serif;
font-size:12px; }

#map_accordion div div { padding: 2px; }

#progress-alert {
      position: absolute;
      top: 350px;
      left: 650px;
      border: solid 1px #dedede;
      background: #ffffff;
      width: 200px;
      text-align: center;
}