body
{
    scrollbar-arrow-color: #0066C8;
    scrollbar-3dlight-color: #4F4F82;
    scrollbar-darkshadow-color: #4F4F82;
    scrollbar-face-color: #f4f4f0;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #d0d0d0;
    scrollbar-track-color: #ffffff;  
   
    
}
td 
{
    overflow:hidden;
    overflow-x:hidden;
}
tr 
{
    overflow:hidden;
}
option
{
    font-family:Arial;
    font-size:8pt;
}
/*
a
{
    text-decoration:none;
    color:Black;
    display:block;    
    font-family:Arial;
    font-size:small;
}
a:hover
{
    text-decoration:underline;
}
*/
.BlockLink
{
    
    text-decoration:none;
    color:Black;
    display:block;    
    font-family:Arial;
    font-size:x-small;  
       
    border-style:solid;
 	border-width:1px;
 	border-color:white;
 	margin-left:1px;
 	margin-right:1px;
}
.BlockLink:hover
{
    border-style:solid;
 	border-width:1px;
 	border-color:#353794;
}
.Link
{
    text-decoration:none;
    color:Black;
    display:block;    
    font-family:Arial;
    font-size:x-small;
}
.Link:hover
{
    text-decoration:underline;
}
body 
{/*
    scrollbar-base-color: white; 
    scrollbar-arrow-color: black;
   
    scrollbar-track-color: white;
    scrollbar-face-color: white;

    scrollbar-3dlight-color: white;
    scrollbar-highlight-color: black;
    scrollbar-shadow-color: white;
    scrollbar-darkshadow-color: white;
    */

}
.TopPanel
{    
    position:absolute;    
    top:0px;
    left:0px;
    overflow:hidden;
    
    
          
 
}
.LogoPanel
{
    font-family:Arial;
    font-size:26;
    font-style:normal;
    color:Black;
    
}
.LegendPanel
{
    position:absolute;
    right:0px;
    top:140px;
    border-color:#C0C0C0;
    border-style:solid;
    border-width:1px;
    overflow:hidden;   
    
}
.MapPanel
{
    position:absolute;
    top:200px;
    left:0px;
    width:99%;
    height:300px;
    
    
       
}

.MenuPanel
{    
    position:relative;
    margin-top:0px;
    font-family:@Arial Unicode MS;
    font-size:x-small;
    font-style:normal;
    overflow:hidden;  
    z-index:300;
}

.MenuHandlerWraper
{
    background-image:url("../Img/menuTitleBgd_20px.png");
    
    background-repeat:repeat-x;
    
    color:Black;  
    overflow:hidden;
    font-family:Arial;
    font-size:x-small;
    font-weight:bold;
    cursor:move;
    
    /*opacity:0.8;*/
    /*filter:alpha(opacity=80);*/
    height:20px;
}
.MenuHandler
{            
    color:White;    
    cursor:move;
    background:transparent; 
    margin-left:2px;
}

.MenuContent
{
    background-color:white;
    overflow:hidden; 
    
    /*   
    border-color:#C0C0C0;
    border-style:solid;
    border-width:1px;
    */
    
}
.MenuContentOverFlow
{
    background-color:white;
    overflow:auto;  
    
    /* 
    border-color:#C0C0C0;
    border-style:solid;
    border-width:1px;
    */
    
}



.CollapseIcon 
{
    float:right;
}

/* ---------------  Tab buttons -----------------------*/
.TabNagWraper
{
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding-top:0px;
    font-family:@Arial Unicode MS;
    font-size:small;
    font-style:normal;
    
}
.ActiveTabButton
{
    /*background: #C1D82E; 	*/
 	/*font: 4px Arial;*/
 	text-decoration: none;
 	/*color: #FFFFFF; */
 	background-color:white;
 	color:Black;
 	display:block;
    width:115px;
    margin: 1px;
 	padding:1px;
 	font-family:Arial;
 	font-size:smaller;
 	
 	border-style:solid;
 	border-color:#353794;
 	border-width:1px;
}
.NonActiveTabButton
{
    
    background: #353794;
 	text-decoration: none;
 	color: white; 
 	
 	display:block;
    width:115px;
    margin: 1px;
    padding:1px;
    font-family:Arial;
 	font-size:smaller;
 	
 	border-style:solid;
 	border-color:#353794;
 	border-width:1px;
 	
}

.NonActiveTabButton a
{   
    text-decoration: none;
}
.NonActiveTabButton:hover
{
    background: white;
    color: Black; 
}


.TabButtonsTable td:hover 
{
    /*background: #C1D82E;*/
}


/*-----------------------------------------------tab layers------------*/
.ActiveTabLayer
{
    position:relative;
    margin-top:0px;  
    width:100%;
    background-color:White;
    overflow:hidden;
    
    
}

.NonActiveTabLayer
{
    width:100%;
    display:none;
    background-color:White;
    overflow:hidden;
}


/*---------------------- tab content --------------------------*/
.LayerTitlePanel
{
    font-family:Arial;
    font-size:x-small;
    font-style:normal;
    background-color:white;
    border-color:Gray;
    
}
    
    
.MenuList
{
    list-style:none;
    padding:0;
    margin-top:0;
    margin-bottom:0;
    margin-right:1;
    margin-left:10px;    
    overflow: auto;    
}

.MenuList li 
{
    display:inline;
}
.MenuListItem
{	 	
    
    background: #eee;
 	text-decoration: none;
 	color:Black; 
 	
 	display:block;
    width:93%;    
    margin-left:1px;
    margin-right:2px;
    margin-top:1px;
    /*margin: 1px;*/
    /*padding:1px;*/
    font-family:Arial;
 	font-size:smaller;
 	
 	border-style:solid;
 	border-width:1px;
 	border-color:#eee;
 	
 	/*
    
    display:block; 	
    border: 1px solid #ddd;
    background-color: #eee;
    
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    
    
    font: 10px Arial;
    text-decoration: none;
    color:Black;
    */
    
    
    
}

.MenuListItem:hover
{
    /*
    display:block; 	
    border: 1px solid #ddd;
    background-color:White;
    
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    color:Black;
    font: 10px Arial;
    */
    background-color:White;
    
}


.MenuListItem img 
{    
    text-decoration: none;
    border:0;
    margin-right: 3px;
}

.IndentMenuList 
{
    margin-left: 15px;   
    margin-right:1px; 
    overflow:auto;
}
.NonIndentMenuList
{
    margin-right:1px;
    margin-left:1;
    overflow:auto;
    
}

/* this is wraper for content of each tab to make it overflow but not include to top botton*/
.TabLayerContent
{
    margin-top:0px;
    margin-right:0px;
    margin-left:0px;    
    overflow:auto; 
    position:relative;   
    background-color:White;
    width:99%;
}

.HiddenField
{
    display:none;
}



.HandleResizeButton
{
    /*display:none;*/
}

/*------------------ Buttons ---------------- */
.VMButton
{
    font-family:Arial;
    font-size:x-small;    
   
    background:white;
    border-color:#353794;
    border-style:solid;
    border-width:1px;  
}
.VMButton:hover 
{
    border-color:black;
    border-width:1px;
    border-style:solid;
    
}
.ImgButton
{
    display:block;
    margin-top:0px;
        
    border-color:#353794;
    border-width:1px;
    border-style:solid;
    height:20px;
    width:20px;
    overflow:hidden;
    text-decoration:none;
    
    
}
.ImgButton:hover
{
    border-color:white;    
}
.ImgButtonSmall
{
    display:block;
    margin-top:0px;
        
    border-color:#353794;
    border-width:1px;
    border-style:solid;
    height:13px;
    width:13px;
    overflow:hidden;
    text-decoration:none;
}
.ImgButtonSmall:hover
{
    border-color:white;    
}
.VMTxtBox 
{
    font-family:Verdana;
    font-size:10px;    
    margin-left:2px;
    border-style:solid;
    border-width:1px;
    border-color:#353794;    
    
}

.VMDropDown
{
    FONT-SIZE: smaller; 
    FONT-FAMILY: Arial; 
    position:relative;
    margin-top:2px;
}

.ControlsTable
{
    FONT-SIZE: small; 
    FONT-FAMILY: Arial; 
}
.VMImgIcon
{
    margin-left:2px;
}
.VMLinkButton
{
    display:block;
    background-color:Transparent;
    border-style:solid;
    
    border-width:1px;
    border-color:Black;
    height:20px;
    width: 60px;
    color:Black;
}
.VMLinkButton:hover
{
    
    background-color:white;    
    
}

/* Login panel */
.LogInPanel{
    position:absolute;    
    top:200px;
    left:300px;
    
    background-color:white;
    
    border-color:#C0C0C0;
    border-style:solid;
    border-width:1px;   
    
}

.LoginPanelHide
{
    display:none;
    
}
.LoginPanelShow
{
    
    position:absolute;
    top:200px;
    left:300px;
    background-color:White;
    display:block;
    visibility:visible;
    /*filter:alpha(opacity=90);*/
	opacity:0.9;
	z-index:500;
	
	border-color:#C0C0C0;
    border-style:solid;
    border-width:1px;
	
}

.SavePanelShow
{
    position:absolute;
    top:200px;
    left:300px;
    display:block;
    visibility:visible;
    z-index:700;
}
.SavePanelHide
{
    display:none;
    visibility:hidden;
    position:absolute;
}

.RegularExp
{
    margin-left:2px;
}

.WaitMsg
{
    position:absolute;
    top:200px;
    left:300px;
    z-index:600;
    background-color:#C1D82E;
    font-family:Arial;
    font-size:x-small;    
    color:#FF0066;
    width:300px;
    height:54px;
    
}
.Divider 
{
    width:97%;
    height:1px;
    background-color:#C0C0C0;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:2px;
    /*this trick to make IE6 display height correctly*/
    overflow:hidden;
}
.DividerVertical 
{
    width:1px;    
    background-color:#C0C0C0;      
    /*this trick to make IE6 display height correctly*/
    overflow:hidden;
}

.NonActiveMenu
{
    display:none;
}
.ActiveMenu
{
    
    position:relative;
    margin-top:0px;
    font-family:@Arial Unicode MS;
    font-size:small;
    font-style:normal;
    overflow:hidden;  
    z-index:300;
}

.ToolControls
{
    /*position:absolute;
    top:25px;
    left:600px;        
*/
}

.DivDistance
{
    position:absolute;
    
    display:none;
    z-index:9000;
    
    
}

.VDropDown
{
    font-family:Arial;
    font-size:x-small;
    width:97%;
    
}
.ToogleBox
{
    font-family:Arial;
    font-size:x-small; 
    width:150px;
}