﻿body 
{
    height: 100%;
    margin:0px;
    padding:0px;
    background-color: #FFF;
	color: #000;
	font: 80%/140% Arial, Helvetica, Verdana, sans-serif;
	float: left;
    width: 100%;
}


.MapViewer_TitleBarStyle
{
    background-color: #004080; 
    font-weight: bold; 
    font-size: xx-large; 
    vertical-align: middle; 
    color: white; 
    font-family: Arial, Verdana, Sans-Serif;
}

.MapViewer_TitleBannerStyle
{
	display: block; 
	background-color: #b3d599;
	background-image: url(images/TitleBanner.jpg);
	background-repeat: no-repeat;
	font-weight: bold; 
	font-size: 	small; 
	font-family: Verdana, Sans-Serif, Arial;
	color: #666666;
}

.MapViewer_TaskbarStyle
{
    background-color: #4B5731; 
    font-weight: bold; 
    font-size: 8pt; 
    color: white; 
    font-family: Verdana, Sans-Serif, Arial;
	background-image: url(images/darkgreen1-gradient-30x1.jpg);
	background-repeat: repeat-x;
}

.MapViewer_SmallTitleBarStyle
{
    background-color: Navy; 
    font-weight: bold; 
    font-size: small; 
    color: white; 
    font-family: Arial, Verdana, Sans-Serif;
}

.MapViewer_PanelHeaderStyle
{
    background-color: Navy; 
    color:White; 
    font-family: Arial, Verdana, Sans-Serif; 
    font-size: small;
    font-weight: bold;
    width: 100%;
}

.MapViewer_PanelContentsStyle
{
    background-color: white; 
    color: black; 
    font-family: Arial, Verdana, Sans-Serif;
    font-size: small;
    width: 100%; 
    display: block;
}

.MapViewer_WindowTitleBarStyle 
{
    background-color: #4B5731; 
    font-weight: bold; 
    font-size: 8pt; 
    color: white; 
    font-family: Verdana, Sans-Serif, Arial;
	background-image: url(images/darkgreen1-gradient-24x1.jpg);
	background-repeat: repeat-x;
}

.MapViewer_WindowStatusBarStyle
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:x-small; 
    color: white;
}

.MapViewer_WindowContentsStyle
{
    font-family:Arial, Verdana, Sans-Serif;	
    font-size:x-small; 
    background-color: White; 
    color: Navy; 
    border: 1px solid black; 
    overflow: hidden;
}

.MapViewer_WindowBodyStyle
{
    background-color: #00008b; 
    color:White; 
    font-family:Arial, Verdana, Sans-Serif; 
    font-size:x-small;
    border: solid thin Black;
}


.MapViewer_ProgressBar
{
    top: 0px;
    display: block;
    background-color: #b3d599;
    width: 100%;
    background-image: url(images/TitleBanner.jpg);
    background-repeat: no-repeat;
    text-align: center;
}

.MapViewer_ProgressBar_Off_Step1
{
    width: 24%;
    left: 1%;
    position: absolute;
    background-color: Silver;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .60;
    filter: alpha(opacity=60);
}

.MapViewer_ProgressBar_Off_Step2
{
    width: 24%;
    left: 26%;
    position: absolute;
    background-color: Silver;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .60;
    filter: alpha(opacity=60);
}

.MapViewer_ProgressBar_Off_Step3
{
    width: 24%;
    left: 51%;
    position: absolute;
    background-color: Silver;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .60;
    filter: alpha(opacity=60);
}

.MapViewer_ProgressBar_Off_Step4
{
    width: 23%;
    left: 76%;
    position: absolute;
    background-color: Silver;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .60;
    filter: alpha(opacity=60);
}

.MapViewer_ProgressBar_Off_Step1:Hover
{
    background-color: gray;
    color: White;
    opacity: 1.0;
    filter: alpha(opacity=10);
}

.MapViewer_ProgressBar_Off_Step2:Hover
{
    background-color: gray;
    color: White;
    opacity: 1.0;
    filter: alpha(opacity=10);
}

.MapViewer_ProgressBar_Off_Step3:Hover
{
    background-color: gray;
    color: White;
    opacity: 1.0;
    filter: alpha(opacity=10);
}

.MapViewer_ProgressBar_Off_Step4:Hover
{
    background-color: gray;
    color: White;
    opacity: 1.0;
    filter: alpha(opacity=10);
}

.MapViewer_ProgressBar_On_Step1
{
    width: 24%;
    left: 1%;
    position: absolute;
    background-color: White;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .90;
    filter: alpha(opacity=90);
}

.MapViewer_ProgressBar_On_Step2
{
    width: 24%;
    left: 26%;
    position: absolute;
    background-color: White;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .90;
    filter: alpha(opacity=90);
}

.MapViewer_ProgressBar_On_Step3
{
    width: 24%;
    left: 51%;
    position: absolute;
    background-color: Yellow;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .90;
    filter: alpha(opacity=90);
}

.MapViewer_ProgressBar_On_Step4
{
    width: 23%;
    left: 76%;
    position: absolute;
    background-color: White;
    color: gray;
    font-weight: bold;
    font-size: medium;
    text-transform: capitalize;
    font-family: 'Arial Narrow';
    font-variant: small-caps;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    opacity: .90;
    filter: alpha(opacity=90);
}

.fpContentBackground 
{
    height: 100%;
    display: block;
    background-color: White;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 10px;
    position: relative;
}

.fpHeader
{
    display: block;
    clear: both;
    height: 75px;
    position: relative;
    padding-bottom: 5px;
}

.fpTitleBlock
{
    float: left;
}

.fpTitleText
{
    font-size: 32pt;
    font-family:Palatino Linotype, Times New Roman;
    font-style: normal;
    color: #2D5308;
    font-weight: normal;
}

.fpSubTitleText
{
    font-size: 10pt;
    font-family: Arial;
    font-style: normal;
    color: #2D5308;
}

.fpTitleTrademark
{
    font-size: xx-small;
    font-family:Palatino Linotype, Times New Roman;
    font-style: normal;
    vertical-align:super;
    color: #2D5308;
}

.fpLinkage
{
    float: right;
    position: absolute;
    bottom: 5px;
    right: 0px;
    position: absolute;
    
}

.fpMainContent
{
    
    width: 100%;
    display: block;
    top: 0px;
    left: 0px;
    position: relative;
    text-align: center;
}

.fpLaunchPad
{
    position: relative;
    background-color: #EAEFE9;
    padding: 5px;
    width: 350px;
    padding: 0px;
    height: 100px;
    text-align: center;
}

.fpLaunchPadTitle
{
    background-color: #E3E1D2;
    color: #336600;
    font-size: 12pt;
    font-family: Arial;
    font-weight:900;
    text-align: left;
    padding: 3px;
}

.fpLaunchPadContent
{
    padding: 5px;
    font-size: 12pt;
    font-family: Arial;
    color: Black;
}

.fpIntroText
{
    font-family: Palatino Linotype Times New Roman;
    color: Black;
    font-size: 14pt;
    padding: 5px;
    
}

#fpPickState
{
    left: 0px;
    /*top: 10px;
    left: 35%;
    clear:both; */
}

#fpPickCounty
{
    /*top: 0px;
    left: 0px;*/
}

#fpZipCode
{
    /*top: -100px;
    left: 370px;*/
}

#fpLatLong
{
    /*top: -200px;
    left: 740px;*/
    right: -10px;
    
}

.fpOptions
{
    width: 100%;
    margin-top: 20px;
}

.fpOptions1
{
    
    float: left;
    
    width: 33%;
    left: 0%;
    position: absolute;
}

.fpOptions2
{
    
    float: left;
    width: 33%;
    left: 50%;
    position: absolute;
    }

.fpOptions3
{
    
    float: right;
    display: none;
    left: 66%;
    width: 33%;
    position: absolute;
}

A:link
{
    color: #336600;
}

A:visited
{
    color: #336600;
}

A:active
{
    color: #336600;
}

.fpProgressBar
{
    top: 0px;
    display: block;
    background-color: #b3d599;
    width: 100%;
    background-image: url(images/TitleBanner.jpg);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
}
