/*
  /===============================================================================\
     File             :  mapStyle.css
     File purpose     :  To describe the "Map" module's style of html elements. 
    -----------------------------------------------------------------------------
     @author  Vitalijus Agejevas
  \===============================================================================/
*/

body {
  margin: 0px;
  background: #FFFFFF;
  color: #000000;
}

table.mapLayoutTable {
  width: 100%;
/*  height: 100%; */
  border: 0px;
  font-family: arial, verdana;
  font-size: 12;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  text-align: left;
}

table.mapLayoutTable td.menu {
    /*width:2%;*/
  /* width: 100%; 
  height: 5%; */
/*  
  border-right: 1px solid #808080;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
*/  
}

/*
table.mapLayoutTable td.head {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #808080;
}
*/

/*
Style sheet for header
*/
TD.head {
    background-image: url("/turizmas/map/images/header_background.gif");
    /*background-image: url("/MapViewer/map/images/header_background.gif");*/
    background-repeat: repeat-x;
}
TABLE.head {
    background-image: url("/turizmas/map/images/header_season_fall.gif");
    /*background-image: url("/MapViewer/map/images/header_season.gif");*/
    background-repeat: no-repeat;
}


table.mapLayoutTable td.body {
  /* height: 100%; */
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

table.mapLayoutTable td.results {
  height: 100px;
  width: 100%;
  /*border-bottom: 1px solid #808080;*/
}

.mapPanelPanel {
  position:absolute;
  overflow:hidden;
  border:1px solid black;
  z-index: 2;
  width: 500px;
  height: 500px;
}

.mapPanel {
  position:absolute;
  overflow:hidden;
  border:1px solid black;
  z-index: 0;
}

.overviewPanel {
  position:absolute;
  left:0px;
  top:0px;
  overflow:hidden;
  border:1px solid black;
  z-index: 1;
}

.zoomBox 
{
	visibility: hidden;
	background-color: Red;
	position: absolute;
	width: 2px;
	height: 2px;
	z-index: 10;
}

.loadingPanel
{
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

/* ************** RESULTS STYLES ****************************** */
.resultsDIV {
    height: 500px;
    overflow-y: scroll;
}
.resultsTable {
    width: 384px;
    /*border: solid black 1px;*/
    margin-left: 0px;
    /*margin-top: 10px;*/
    border-collapse: collapse;
    font-family: verdana;
    font-weight: normal;
}

.simpleTable {
    margin: 0px;
    width: 100%;
    border-collapse: collapse;
    /*border: solid black 1px;    */
}

.resultsTableHeadRow {
    background-color: #82BEA1;
    /*width: 100%;*/
}
.resultsTableHeadTable {
    /*width: 100%;*/
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-collapse: collapse;
}

.resultsTableValues {
    background-color: #E2ECD6;
    width: 100%;
}

.resultsTableObjectName {
    font-size: 9px;
}

.resultsTableObjectType {
    text-align: left;
    font-size: 9px;
}

.resultsTableObjectAddress {
    width:100%;
    font-size: 9px;
}

.resultsTableImage {
    width:1%;
}

.resultsTableSplitLineUp {
    line-height: 0px;
}
.resultsTableSplitLineDown {
    border-top: solid #B3B3B3 1px;
    height: 1px;
    line-height: 0px;
    width: 95%;
    text-align: center;
}

.resultErrorMessage {
    color: #000000;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
}

.ResultsMore {
    color: black;
    font-size: 10px;
}

/* ************** RESULTS STYLES END ****************************** */


/* ************* Map menu  ****************** */
.mapMenu {
    border: 1px solid #3C7358;
}
.menuItem {
    
}

table.toolSplitter {
    width:100%;
}

td.toolSplitter {
    background-color: #3C7358;   
}

img.toolButton, img.helpButton {
    cursor: hand;
}


/* ************** LEGEND STYLES ****************************** */
.legendFrameTable {
    /*border: solid black 1px;*/
    margin-left: 0px;
    margin-top:  0px;
    border-collapse: collapse;
    font-family: verdana;
    font-weight: normal;
    background-color: #E2ECD6;
}
.legendHead {
    height: 2%;
    background-color: #82BEA1;
}
.legendHeadTable {
    /*width: 200px;*/
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    border-collapse: collapse;
}
.legendBody {
    background-color: #E2ECD6;
    width: 100%;
    /*height: 100%;*/
}
.legendBodyDIV {
    height: 100%; 
    /*overflow-y: scroll;*/
}

Table.legendContent {
    width: 100%;
    /*height: 100%;*/
    margin-left: 5px;
    margin-top:  5px;
    border-collapse: collapse;
}
Table.legendGroup {
    font-family: verdana;
    font-weight: bold;
    font-size: 9px;    
}

Table.legendObjects {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;    
}

.legendWarning {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;    
    color: #FF8040;
}

.buttonas {
    background-color: #00725B;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 10px;     
}

.buttonasDis {
    background-color: #AAAAA;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 10px;     
}

Div.legendGroups {
    height: 267px;
    overflow-y: scroll;
    
    SCROLLBAR-FACE-COLOR: #E2ECD6; /*#82BEA1;*/
    SCROLLBAR-HIGHLIGHT-COLOR: #E2ECD6; /* #000000;*/
    /*SCROLLBAR-SHADOW-COLOR: #E2ECD6; /* #000000;*/
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #E2ECD6;
    /*SCROLLBAR-BASE-COLOR: blue;*/ /*#000000;*/ /*#E2ECD6;*/
    scrollbar-dark-shadow-color: #E2ECD6;*/
    scrollbar-3dlight-color: #000000; /*#E2ECD6;*/
    
}
/* ************** END LEGEND STYLES ****************************** */

/* ************** SEARCH STYLES ****************************** */
Table.searchContent {
    width: 100%;
    /*height: 300px;*/
    margin-left: 5px;
    margin-top:  5px;
    border-collapse: collapse;
}
Table.searchStyle {
    font-family: verdana;
    font-weight: bold;
    font-size: 9px;    
}

.textField {
    border: 1px solid black;
    /*background-color: */
    font-family: verdana;
    font-weight: regular;
    font-size: 9px;     
}

Table.searchResults {
    height: 100%;
}

Div.searchResults {
    height: 100%;
    overflow-y: scroll; 
    background-color: #E2ECD6;
}

.searchResult {
    font-family: verdana; 
    font-weight: regular;
    font-size: 9px;
}

TD.searchResult A {
    text-decoration: none;
    font-size: 9px;
}

/* ************** END SEARCH STYLES ****************************** */

/* ************** INFO LINE ****************************** */
Table.infoLine {
    width:100%; 
    border-top: 1px #B3B3B3 solid; 
    border-bottom: 1px #B3B3B3 solid;
}

td.infoLine {
    font-family:verdana; 
    font-size:9px; 
    color:#B3B3B3;
}
/* ************** END INFO LINE ****************************** */

/* ************** FOOTER ****************************** */
Table.footer {
    background-color:#B3B3B3; 
     
    font-family:verdana; 
    font-size:9px;    
    color:#FFFFFF;
}
/* ************** END FOOTER ****************************** */

/* ************** LOADING MESSAGE ****************************** */
Table.loadingMessage {
    border: 1px #000000 solid;
    background-color: #E2ECD6;
}

Td.loadingMessage {
    font-family: verdana; 
    font-size: 18px;    
    font-weight: bold;
    font-style: italic;
    color:#000000;    
}
/* ************** END LOADING MESSAGE ****************************** */


/* ************** Static map legend ****************************** */
.staticLegendGroup {
    font-family: verdana; 
    font-size: 12px;    
    font-weight: bold;    
}

.staticLegendObject {
    font-family: verdana; 
    font-size: 10px;    
    font-weight: regular;    
}
/* ************** End Static map legend ****************************** */


/* ************** Page copyright ****************************** */
TD.copyright A{ 
    text-decoration: none;
    color: #FFFFFF;
}
TD.copyright A:hover{ 
    text-decoration: underline;
    color: #FFFFFF;
}
/* ************** End page copyright ****************************** */

/* ************** error page ****************************** */
TABLE.error {
    font-family: verdana; 
    font-size: 10px;    
    font-weight: regular;    
}
TABLE.error TD.title {
    font-size: 20px;
    font-weight: bold;
    color: #FF0000;
}
TABLE.error TD.info {
    font-size: 12px;
    font-weight: bold;
}
TABLE.error TD.errorDescTitle {
    font-size: 12px;
    font-weight: bold;
}
/* ************** error page ****************************** */

/* ************** Resolution chooser ********************** */
.resChooser 
{
    font-family: verdana;
    font-size: 10px;
}
/* ************** Resolution chooser ********************** */

/* ************** Map copyright ********************** */
/*
DIV.MapCopyright {
    visibility: hidden;
    width: 0px;
    height: 0px;
    background-color: #E2ECD6;
    font-family: verdana;
    font-size: 10px;
}
*/

TABLE.MapCopyright {
    border-collapse: collapse;
}

TD.MapCopyright {
    display: none;
    width: 200px;
    background-color: #E2ECD6;
    font-family: verdana;
    font-size: 9px;
}

.MapCopyrightHead
{
    height: 15px;
    cursor: hand;
    font-family: verdana;
    font-size: 10px;
    background-color: #82BEA1;
    position: relative;
}
/* ************** Map copyright ********************** */