/**
 * Pollution Probe - OGWA
 *
 * $Id$
 *
 * Copyright (c) 2008, DM Solutions Group Inc.
 */


#titleArea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  overflow:auto;
}

.mapTitle {
  font-size: 18px;
  line-height: 1.5;
}

 
.mapAbstract {
  font-size: 11px;
  line-height: 1.5;
} 
 
 /* Layout Objects */
 
 #thePage {
}

#workArea{
    z-index:1;
}
 
#mapArea {
  background-color: #fff;
  z-index: 3;
}

#mainMap {
 border-right: 1px solid #338FC9;
 z-index:1;
}

#toolbar {
  z-index: 1002;
}

#Navigator {
  position: absolute;
  top: 35px;
  left: 5px;
  z-index: 1001;
}

#scalebar {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1001;
}

#scalebar div {
  background-color: #000;
  border: 1px solid #fff;
  margin: 1px;
  font-size: 9px;
  padding-left: 4px;
  line-height: 13px;
  color: #fff;
}

/* Tabbed Dialogs */

#tabDialog .jxDialogContent {
  overflow: visible;
}

#tabDialog .jxTabSetContainer {
  width: auto;
}

#tabDialog .tabContent {
  background-color: #fff;
}

#layerToolbar,
#graphToolbar {
  background-color: #fff;  
}

/* Splitter layout */

.jxSplitterBar {
  background-color: #fff;
  background-image: url(../images/splitter_bg.png);
  background-position: center left;
  background-repeat: no-repeat;
  width: 9px;
  height: 9px;
  cursor: col-resize;
}

#sideBar {
  background-color: #fff;
  z-index: 2;
}

#sidebarCollapse {
  position: absolute;
  bottom: 0px;
  right: 15px;
  margin-top: -30px;
  width: 1px;
  height: 30px;
  z-index: 1;
  overflow: visible;
}

#sidebarCollapse a {
  position: relative;
  display: block;
  width: 25px;
  height: 30px;
  font-size: 1px;
}

.jxSnapOpened a {
  background: url(../images/sidebar_toggle.png) -30px center no-repeat;
}

.jxSnapClosed a {
  background: url(../images/sidebar_toggle.png) 0px center no-repeat;
}

/* search results tables */

.dataTable {
    width:100%;
}


.searchResults,
.dataTable,
.searchDetails {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.searchResults table,
.dataTable table,
.searchDetails table {
  width: 100%;
}

.searchResults th,
.dataTable td,
.searchResults td,
.searchDetails td {
  border-right: 1px solid #ccc;
  padding: 2px 8px;
}

.dataTable th{
    border:1px solid black;
    padding: 2px 8px;
    background-color:#eee;
}

.searchResults tr.headRow th {
  background-color: #999;
  
}

.searchResults tr.oddRow td,
.searchDetails tr.oddRow td {
  background-color: #fff;
}

.searchResults tr.evenRow td,
.searchDetails tr.evenRow td {
  background-color: #f0f0f0;
}

.searchResults tr.headRow th a,
.searchResults tr.footRow td a {
  color: #fff;
  font-weight: bold;
}

.searchResults tr.footRow td {
  text-align: center;
  background-color: #999;
}

.searchResults tr.footRow a,
.searchResults tr.footRow span {
  padding: 3px;
}

.searchResults a {
  text-decoration: none;
}

.searchResults a:hover {
  text-decoration: underline;
}

.photos{
    cursor:pointer;
}

/* search suggestion */

#searchSuggestions {
  display: block;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
}

#searchSuggestions a,
#searchSuggestions p {
  font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 15px;
  display: block;
  text-decoration: none;
}

#searchSuggestions a:hover {
  text-decoration: underline;
}

/* dialogs forms */

.dialogs p,
.dialogs span,
.dialogs label,
.dialogs input,
.dialogs a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.dialogs strong {
  font-weight: bold;
}

.dialogs p,
.dialogs hr {
  clear: left;
}

#layerInfoArea,
#saveMapLinkDialogContent,
#saveMapImageDialogContent {
    font-size: 10px;
    display:block;
    position:absolute;
    line-height: 18px;
    padding:5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#saveMapLinkHref{
    width:330px;
    padding:4px;
    border:1px solid #338FC9;
}

#layerInfoArea H3{
    font-size: 16px;
    padding:5px;
}

#layerInfoArea H4{
    font-size: 12px;
    padding:5px;
}

#catalogLayersContent,
#searchReslutsContent{
    display:block;
}

#catalogLayersContent LI,
#searchResultsList LI {
  white-space: nowrap;
}

#catalogLayersContent A,
#searchResultsList A {
  display: block;
  text-decoration: none;
}

#catalogLayersContent A:hover ,
#searchResultsList A:hover {
 background-color: #E1EDFA;
}

#layerTab{
    padding:5px;
}

/* SHEET STYLES */

.sheets {
  /* background-color: #f9f9f9;*/
  padding: 5px;
  font-size: 10px;
  line-height: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

.sheets label {
  display: block;
  float: left;
  clear: left;
  background-color:transparent;
  color:#000000;
}

.sheets select, 
.sheets input {
  float: left;
}

.radioBlock {
  display: block;
  float: left;
}

.radioBlock input,
.radioBlock label {
  width: auto !important;
  float: none;
  vertical-align: middle;
}

.sheetButtons {
  display: block;
  float: none;
  clear: left;
}

.sheetButtons input {
  float: right;
}

.sheetTip {
  padding: 5px 0px;
  margin-bottom: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 18px;
  background-color:transparent;
  color:#999;
  display:block;
  clear: left;
  border-bottom:1px dotted #999;
}

/* Specific Sheet Styles */

#dateSelector {
  width:150px;
}
#dateSelector label{
    width:50px;
}

#printSheet {
  width: 250px;
}

#printSheet label {
  width: 50px;
}

#info  {
  width: 350px;
}

#info label {
  font-weight: bold;
  margin:0px 5px;;
}

.infoData {
  font-weight: normal;
}


#searchSheet{
  width: 250px;
  padding: 2px 4px;
}    

#searchSheet label {
  width: 50px;
}

#addWMS label {
  width: 50px;
}

/* Map Tip Popup */

.olFramedCloudPopupContent{
    /*top:18px !important;*/
    width:280px !important;
    overflow:visible !important;
    top: 5px !important;
}

.popupAction{
    position:absolute;
    top: -2px;
    right: 20px;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    z-index: 1004;
}

.popupLeft {
    position: absolute;
    top: 0px;
    left: 0px;
    width:40%;
    height: 100%;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow: auto;
    margin-top: 15px;
    z-index:1003;
    }
    
.popupRight {
    position: absolute;
    top: 0px;
    left: 40%;
    width: 60%;
    height: 100%;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow: auto;
    margin-top: 15px;
    z-index:1003;
    }


table.attributeTable{
    border-collapse:separate;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    position:relative;
    empty-cells: show;
}

.attributeTable tr{
    position:relative;
}

.attributeTable th{
    background-color:#eee;
    font-weight:bold;
    padding:2px 4px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    font-size:10px;
    
}

.attributeTable td{
    padding:2px 4px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    position:relative;
}


a.addToGraph{
    display:block;
    width:16px;
    height:16px;
    background-image:url(../images/graph.png);
}

.feature{
  display:block;
  position:relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999;
  padding: 0px 0px 2px 2px;
  border-bottom: 1px dotted #999;
}

.featureList{
  display:block;
  position:relative;
}

.layerItem{
  margin-left: 0px;
}

.layerName{
    font-weight:bold;
}

.featureItem{
  margin-left: 11px;
  white-space: nowrap;
  font-weight:normal;
}

.featureList a{
    display:block;
    text-decoration: none;
}

.featureList a:hover {
    background-color:#E1EDFA;
}

.featureList .selected{
    font-weight:bold;
    background-color:#E1EDFA;
}

.olPopupCloseBox {
    background:transparent url('/map/images/close.png') no-repeat scroll 0%;
    top:0px !important;
    right:0px !important;
    cursor:pointer;
}

#FUSION_SEARCH_WIDGET_RESULTS{
    border-top: 1px dotted #999;
    float:left;
    overflow:auto;
    display:none;
    height:125px;
    width: 100%;
}
#FUSION_SEARCH_WIDGET_RESULTS th{
  border-right: 1px solid #ccc;
  padding: 2px 8px;
  }

#linkDialog{
    display:block;
}

.graphLegendButton{
    float:left;
    position:relative;    
}

.graphLegendContent{
    display:block;
    width:200px;
}

.legendSwatch{
    display:block;
    width:10px;
    height:10px;
    border:1px solid black;
}

.legendLabel{
    display:block;

}
.colour_3EADFA{
    background-color:#3EADFA;
}
.colour_FF6351{
    background-color:#FF6351;
}
.colour_53F1D5{
    background-color:#53F1D5;
}
.colour_D44DD7{
    background-color:#D44DD7;
}
.colour_AEF92E{
    background-color:#AEF92E;
}
.colour_FFC039{
    background-color:#FFC039;
}
.colour_AF95DF{
    background-color:#AF95DF;
}
.colour_FBA3D0{
    background-color:#FBA3D0;
}
.colour_95ED83{
    background-color:#95ED83;
}
.colour_FFE431{
    background-color:#FFE431;
}

#errorDiv{
    display:block;
    border:1px solid black;
    background-color:#eee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding:5px;
}

#addMarker{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#errorDiv .attribute{

    font-weight:bold;
    color:#000099;

}
#errorDiv .value{
    font-weight:normal;
    color:#000;
}