@charset "utf-8";
/* CSS Document */

      html {
            overflow-y: scroll;
        }

a.button:visited, a.button:link,  {
	font-family: Helvetica, Arial, sans-serif; 
	background-color:#FF9900; 
	color:#FFFFFF;
	text-decoration:none; 
	padding-left: 3px;  
	padding-right: 3px;  
	padding: 3px;
	line-height:20px;
	border-color:#006699; 
	border-width:1px; 
	border-style:solid;
}

a.button:hover {background-color:#006699}
a.button:active {background-color:#8fa4d3}

a.nullbutton:visited, a.nullbutton:link, a.nullbutton:hover {
	background-color:#F0F0F0; 
	border-color:#C1C1C1;
	color:#C1C1C1;
	font-family: Helvetica, Arial, sans-serif; 
	text-decoration:none; 
	padding-left: 3px;  
	padding-right: 3px;  
	padding: 3px;
	line-height:20px;
	border-width:1px; 
	border-style:solid;
}



        #map{
            overflow:hidden;
            height: 360px;
            padding:0px;
            border: 1px outset black;
            background-color:#E5E3DF;
            /* position:absolute; */
            z-index:1;
            width:0px;
            left:0px;
            display:block;
            position:relative;
			top:0px;
        }
        #page {
            position:absolute;
	        width:98.5%;
	        //height: 380px;
            
            padding-top:0px;
	        margin-left:16px;
	        margin-right:4px;
	        margin-top:0px;
	        
        }
        #panel{
	        position:absolute;
	        top:0px;
            background-color:#ffffff;
            padding:0px;
	        
            margin:0px;
            margin-top:8px;
            padding-left:4px;
            padding-top:4px;
            height:345px;
            width:45%;
        }
        .panel_content
        {
            display:none;
            overflow:auto;
            height:335px;
            position:relative;
            margin:0px;
            
        }
	    .chart
	    {
	        position:relative;
	        padding:0px;
	        padding-top:4px;
	        padding-bottom:4px;
	        margin-left:0px;
	        margin-right:0px;
	        margin-top:4px;
	        width:100%;
	        height:30px;
	        border:1px dashed #D3D9E5;
	        background-color:#ffffff;
                z-index:2;
	    }
	    .taglabel
	    {
	        font-size:10px;
	        display:none;
	        color:#ff0000;
	    }
            .label
            {
                font-weight:bold;
                position:relative;
                top:1px;
            }
            .messagebar
	    {
	        position:relative;
	        padding-top:2px;
	        padding-bottom:0px;
	        margin-left:0px;
	        margin-right:0px;
	        margin-top:0px;
	        margin-bottom:2px;
	        width:100%;
	        height:30px;
	        background-color:#EBEFF9;
	        font-size:12px;
	        display:block;
	        border-top:1px solid #d3d9e5;
	        border-bottom:1px solid #d3d9e5;
	    }
	    #div_toolbar
	    {
	        position:relative;
	        padding-top:2px;
	        padding-bottom:0px;
	        margin-left:0px;
	        margin-right:0px;
	        margin-top:0px;
	        margin-bottom:2px;
	        width:100%;
	        height:30px;
	        background-color:#D6E9F8;
	        font-size:12px;
	        display:none;
	        border-style:solid;
	        border-color:#d3d9e5;
	        border-width:1px;
	    }
	    #div_toolbar ul
	    {
	        list-style:none;
	        margin:10px; margin-top:0px;
	        padding:3px;
	        
	    }
	    #div_toolbar li
	    {
	        display:inline;

	    }
		
		li.chartnav {padding-left:15px;padding-right:15px; margin-top:-5px;padding-bottom:3px; display:inline;}

	    #togglebar{
	        position:absolute;
	        cursor:pointer;
	        background:#D6E9F8 none repeat scroll 0%;
                /*background:#ff9933 none repeat scroll 0%;*/
	        border-style:none solid;
	        border-width:medium 2px;
	        border-color:#ffffff;
	        height: 362px;
	        top:1px;
	        width:6px;
	        overflow:hidden;
	    }
	    #togglebar:hover{
	        border-color:#d3d9e5;
	        border-width:1px;
	        width:10px;
	    }
        #togglebar_1{
	        position:absolute;
	        cursor:pointer;
	        background:#D6E9F8 none repeat scroll 0%;
	        border-style:none solid;
	        border-width:medium 2px;
	        border-color:#ffffff;
	        height: 365px;
                padding:0;
	        top:1px;
	        width:6px;
	        overflow:hidden;
	    }
	    #togglebar_1:hover{
	        border-color:#d3d9e5;
	        border-width:1px;
	        width:10px;
	    }
        #paneltoggle{
            position:absolute;
            width:8px;
            display:block;
            visibility:visible;
            margin-left:0px;
            outline-color:invert;
            outline-style:none;
            outline-width:0px;
            z-index:2;
            background-color:white;
	        padding:2px;
	        margin:0px;
	    
        }
	    #panelarrow{
			height:12px;
			width:4px;
			left:3px;
			position:absolute;
			z-index:3;
			border:0;
		}
        
        
        #paneholder{
            outline-color:invert;
            outline-style:none;
            outline-width:0px;
            overflow:auto;
            position:relative;
            width:90%;
	        padding:8px;
	        margin:4px;
        }
		#tab{
		    position:absolute;
		    width:98%;
		    height:20px;
	        //top:150px;
	        padding:0px;
	        margin-left:16px;
			padding-bottom:0px;
	        margin-right:4px;
	        margin-bottom:0px;
	        //border-bottom-width:1px; 
		    //border-bottom-style:solid;
		    //border-bottom-color:#005DAA;
		    //z-index:300;
		}
		#paneltabs {
			border-collapse:separate;
			border-spacing:0px;
			font-size:10px;
			//top:-3px;
			margin-bottom:0px;
			padding-bottom:0px;
		        height:20px;  
			width:100%;
			position:absolute;
			//z-index:310;
		}
		#paneltabs td {
		    
			border-bottom:1px; 
			border-bottom-style:solid;
			border-bottom-color:#005DAA;
		
			
			//padding:3px;
		}
		
		.tabLeft{
			width:40%;
		}
		#paneltabs td.tabSpacer {
			width:10px;
		}
		td.tabOn {
			background-color:#DCE0EB;
			border:1px solid #005DAA;
			border-bottom:0px solid #005DAA;		
			cursor:pointer;
			padding-left:6px;
			padding-right:6px;
			margin-left:4px;
			margin-right:4px;
			font-size:10px;
			text-align:center;
			font-weight:bold;
			padding-bottom:0;
		}
		td.tabOff {
			background-color:white;
			border:1px solid #005DAA;
			border-bottom:0px solid #005DAA;
			border-bottom-width:0px;
			cursor:pointer;
			padding-left:10px;
			padding-right:10px;
			margin-left:4px;
			margin-right:4px;
			text-align:center;
			font-size:10px;
			padding-bottom:0;
		}
		#paneltabs td.tabOn a, #paneltabs td.tabOff a {
			color:black;
			text-decoration:none;
		}
		
		a:link {
			color:#0000CC;
		}
	        .right-arrow {
		    background:transparent url(hpimgs.png) repeat scroll -16px -225px;
		}
		.left-arrow{
		    background:transparent url(hpimgs.png) repeat scroll -16px -237px;
		}
		.bold-green-font {
	    font-weight: bold;
	    color: green;
	    }
	    .even{
	        width:30%;
	        
	    }
	    .gicon{
	        width:32px;
	        height:32px;
	    }
    .div_dialog{
        background-color:#ffffff;
        border:4px solid #336699;
        left:35%;
        padding:20px;
        position:absolute;
        top:150px;
        width:350px;
        z-index:20000;
        font-size:12px;
    }
    .div_overlay{
        background-color:#666666;
        height:400%;
        left:0px;
        opacity:0.7;
        filter: alpha(opacity=70);
        position:absolute;
        top:0px;
        width:100%;
        z-index:10000;
    }
    .rss-tag-icon{
        background-image:url(./imgs/rssIcon.png);
        background-position:right center;
        background-repeat:no-repeat;
        display:block;
        margin-left:30px;
        height:24px;
        width:24px;
    }