/******************************************************* 
 * STYLE FOR TOC/LEGEND  
 *******************************************************/



.toc BODY {
    background-color : #FFFFFF;
}

.toc TD,TH {
    color: #D6EDFC;
    text-align: left;
}

/*** Links: eg. open/close nodes ***/
.toc A, .cat A {
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.toc A:hover, .cat A:hover {
	text-decoration: underline;
}

.toc A:visited {
	color: #000000;
}




/*** checkboxes ***/
TD.cbx {
    color: #000000;
    width: 16px;
    text-align: left;
    padding: 0px 0px 0px 1px;
    /*
    background-color : #EBEBEB;
    border-top:    1px solid #999999;
    border-left:   1px solid #999999;
    */
}

.cbx INPUT {
    color: #000000;
    width: 14px;
    text-align: left;
}


/*** open/close img ***/
TD.opcl {
    width: 12px;
}


/*** Categories ***/
TH.cat {
    text-align: left;
	color: #000000;
    padding: 0px 0px 0px 3px;
    /*
    background-color : #D1D1D1;
    border-top:    1px solid #999999;
    border-left:   1px solid #999999;
    padding: 3px;
    margin-top: 3px;
    */
}

/*** Groups/Layers ***/
TH.grp {
    text-align: left;
    padding: 0px 0px 0px 3px;
    /*
    background-color : #EBEBEB;
    border-top:    1px solid #999999;
    border-left:   1px solid #999999;
    */
}


IMG {
    border: none;
}



/* Text Color for visible layers */
.vis {
    color: #000000;
}

/* Text Color for unvisible layers (not visible at current scale)*/
.unvis {
    color: #999999;
}



/**** BUTTONS  ****/
.toc .button_on {
    color: #000000;
    background-color : #003366;
    text-align: center;    
    border: 1px solid #FFFFFF;
    width: 50%;
}

.toc .button_off {
    background-color : #EBEBEB;
    text-align: center;
    border: 1px solid #003366;
    width: 50%;
}



/**** STYLE FOR TOC/LEGEND ITEMS ****/

.legtab  {
    margin: 2px 3px 2px 3px;
}


.legtab TABLE {
    border-left:  1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    
}

.legtab TD {
    color: #000000;
    background-color : #C0E2FA;
    padding: 1px 3px 1px 3px;
    text-align: left;
    border-top:    1px solid #999999;
    border-left:   1px solid #999999;
    border-bottom: 1px solid #999999; /*1px solid #999999;*/
    border-right:  1px solid #999999; /*1px solid #999999;*/
    /*white-space: nowrap;*/
}

.legtab TH {
    color: #000000;
    padding: 0px 0px 0px 0px;   
    margin-top: 10px;
	
}

.legtab IMG {
    margin-top: 2px;
}


/* Buttons used in TOC and legend */
#legbutton {
    margin: 3px 0px 5px 0px;
    width: 100%; 
    height: 22px;
}


/*** TOC & Legend ***/
.toclegend {
    overflow: visible;
    width: 100%;
    height: auto;
    padding: 0px;
    z-index : 90; 
}



/*** Legend displayed over map  ***/
.maplegend {
    position: absolute;
    visibility: hidden;
    /*overflow: auto;*/
    left : 0;
    top : 540;
    width: 646px;
    height: 2px;
    padding-top: 5px;

    z-index : 190; 
	border-left:   6px solid #526FB5;
	border-top:   2px solid #526FB5;
	border-bottom:   2px solid #526FB5;
	background: #E6F4FD;
    /*border-color: #526FB5;
    border-width: 2px;
    border-style: solid;
    background: #E6F4FD;
   /*    layer-background-color: #EEEEEE;
    filter: alpha(opacity=100); 
 -moz-opacity: 0.9;*/
}
.maplegendon {
    position: absolute;
    visibility: visible;
    overflow: auto;
    left : 0;
    top : 540;
	width: 650px;
    height: auto;
    padding: 1px;
    z-index : 90; 
    border-color: #333333;
    border-width: 1px;
    border-style: solid;
    background: #EEEEEE;
    layer-background-color: #EEEEEE;
    filter: alpha(opacity=90); 
    -moz-opacity: 0.9;
}




.toclegend0 {
    position: absolute;
    visibility: visible;
    overflow: auto;
    left : 0;
    top : 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    z-index : 90; 
}