a.WhiteLink:link {color: #FFFFFF; font:normal 9pt Verdana;}     /* unvisited link */
a.WhiteLink:visited {color: #FFFFFF; font:normal 9pt Verdana;}  /* visited link */
a.WhiteLink:hover {color: #FFFFFF; font:normal 9pt Verdana;}   /* mouse over link */

.MyCell
{
    background-color: #E0E0E0;
    font-size: 9pt;
    color: #000000;
    font-family: Verdana;
}

body
{
   background-color: #ffffff;
}
body1
{
   background-color: #ffffff;
   background-position: 2px 2px;
   background-image: url(./Images/pageBackground800x1000.gif);
   background-repeat: no-repeat;
}
.StaticMenu
{
   background-color: #FFC080;
}
.StaticMenuItem
{
   background-color: #FFC080;
   font-size: 9pt;
   font-family: Verdana;
   width: 1.2in;
}
.StaticHover
{
   color: white;
}
.DynamicHover
{
   color: #FFFFFF;
}
.DymanicMenu
{
   background-color: #9199FF;
   z-index: 148;
   position: absolute;
}
.DynamicMenuItem
{
   font-size: 9pt;
   font-family: Verdana;
   color: #000000;
   background-color: #9199FF;
}
.DynamicMenuItemSelected
{
   font-size: 9pt;
   font-family: Verdana;
   color: #9199FF;
   background-color: #FFFFFF;
}
.Label
{
   font-size: 9pt;
   color: #000000;
   font-family: Verdana;
}
.Header_1_1
{
   font-size: 14pt;
   color: #005A9C;
   font-family: Arial;
   font-weight: bold;
   vertical-align: top;
}
.Header_1_2
{
   font-size: 12pt;
   color: #005A9C;
   font-family: Arial;
   font-weight: bold;
}
.Body_1_1
{
   font-size: 12pt;
   color: #5F5F5F;
   font-family: Arial;
   font-weight: bold;
}
.Body_1_Text
{
   font-size: 10pt;
   color: #5F5F5F;
   font-family: Arial;
}
.HyperLink
{
   font-size: 9pt;
   font-family: Verdana;
}
.StatusLabel
{
   font-size: 9pt;
   color: blue;
   font-family: Verdana;
   font-weight: bold;
   background-color: #feffcf;
   border-right: #5965ab 2px solid;
   border-top: #5965ab 2px solid;
   border-left: #5965ab 2px solid;
   border-bottom: #5965ab 2px solid;
}
.ZingLabel
{
   font-size: 9pt;
   font-family: Verdana;
   color: #000000;
   font-weight: normal;
}
.Panel
{
   border-right: #005A9C 2px solid;
   border-top: #005A9C 2px solid;
   border-left: #005A9C 2px solid;
   border-bottom: #005A9C 2px solid;
   background-color: #F2F8FC;
   font-size: 9pt;
   color: #000000;
   font-family: Verdana;
}
.StatusCell
{
   border-right: #AE272E 1px solid;
   padding-right: 4px;
   border-top: #AE272E 1px solid;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   border-left: #AE272E 1px solid;
   color: #000000;
   padding-top: 4px;
   border-bottom: #AE272E 1px solid;
   font-family: Verdana;
   background-color: #E3E5E7;
   margin: 0px;
   font-weight: normal;
}
.TabActive1
{
   color: white;
   font-weight: bold;
   background-image: url(images/tab1active.gif);
}
.TabInactive1
{
   color: black;
   font-weight: bold;
   background-image: url(images/tab1inactive.gif);
}
.TabActive2
{
   color: white;
   font-weight: bold;
   background-image: url(images/tab2active.gif);
}
.TabInactive2
{
   color: black;
   font-weight: bold;
   background-image: url(images/tab2inactive.gif);
}
.StatusPanel
{
   background-color: #858D96;
   border-bottom: #AE272E 2px solid;
   border-right: #AE272E 2px solid;
   border-top: #AE272E 2px solid;
   border-left: #AE272E 2px solid;
}
.WelcomeCell
{
   color: #445725;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
   background-color: #BDE885;
}
.DownloadVersionCell
{
   color: #ffffff;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
   background-color: #AE272E;
}
.Zing_Grey
{
   color: #858D96;
}
.Zing_GreyLight1
{
   color: #A7ADB3;
}
.Zing_GreyLight2
{
   color: #BFC3C7;
}
.Zing_GreyLight3
{
   color: #E3E5E7;
}
.Zing_GreyLight4
{
   color: #F4F5F6;
}
.Zing_Red
{
   color: #AE272E;
}

.Zing_Red_Dark1
{
   color: #932328;
}

.ZingBlackText
{
   color: #000000;
   font-size: 9pt;
   font-family: Verdana;
}

.ZingBlackTextHead9
{
   color: #000000;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
}
.ZingGreyTextHead12
{
   color: #858D96;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
}
.ZingRedTextHead14
{
   color: #66181C;
   font-size: 14pt;
   font-family: Arial;
   font-weight: bold;
}
.ZingRedTextHead12
{
   color: #66181C;
   font-size: 12pt;
   font-family: Arial;
   font-weight: bold;
}
.ZingRedTextHead10
{
   color: #66181C;
   font-size: 10pt;
   font-family: Arial;
   font-weight: bold;
}

.LoginPanel
{
   background-color: #445725;
}

a.headerbar:link {color: #445725}
a.headerbar:visited {color: #445725}
a.headerbar:hover {color: #FFFFFF}

/* forgotPasswordLink on front page */
a.forgotPasswordLink:link 
{
   color: #ECF8DA;
   font:normal 8pt Verdana;
   text-decoration: none;
}
a.forgotPasswordLink:visited 
{
   color: #ECF8DA;
   font:normal 8pt Verdana;
   text-decoration: none;
}
a.forgotPasswordLink:hover 
{
   color: #000000;
   background-color: #BDE885;
   font:normal 8pt Verdana;
   text-decoration: none;
}

a.signUpLink:link 
{
   font-weight:bold;
   color: #316B77;
   text-decoration: underline;
}
a.signUpLink:visited 
{
   font-weight:bold;
   color: #316B77;
   text-decoration: underline;
}
a.signUpLink:hover 
{
   font-weight:bold;
   color: #000000;
   background-color: #CEE4EB;
   text-decoration: underline;
}

.linkTextNormal
{
   color: #316B77;
   background-color: #CEE4EB;
   font:bold 9pt Verdana;
   text-decoration: none;
}

.linkTextHover
{
   color: #CEE4EB;
   background-color: #316B77;
   font:bold 9pt Verdana;
   text-decoration: none;
}

/* big blue links on main page */
a.refreshLink:link 
{
   color: #316B77;
   background-color: #CEE4EB;
   font:bold 9pt Verdana;
   text-decoration: none;
}
a.refreshLink:visited 
{
   color: #316B77;
   background-color: #CEE4EB;
   font:bold 9pt Verdana;
   text-decoration: none;
}
a.refreshLink:hover 
{
   color: #CEE4EB;
   background-color: #316B77;
   font:bold 9pt Verdana;
   text-decoration: none;
}

a.refreshLinkYellow:link 
{
   color: #316B77;
   background-color:Yellow;
   font:bold 9pt Verdana;
   text-decoration: none;
}
a.refreshLinkYellow:visited 
{
   color: #316B77;
   background-color:Yellow;
   font:bold 9pt Verdana;
   text-decoration: none;
}
a.refreshLinkYellow:hover 
{
   color: #CEE4EB;
   background-color:Yellow;
   font:bold 9pt Verdana;
   text-decoration: none;
}

/* faq links on front page */
a.faqLink:link 
{
   color: #445725;
   font:bold 8pt Verdana;
   text-decoration: none;
}
a.faqLink:visited 
{
   color: #445725;
   font:bold 8pt Verdana;
   text-decoration: none;
}
a.faqLink:hover 
{
   color: #FFFFFF;
   font:bold 8pt Verdana;
   text-decoration: none;
}

/**************************************/
/* start "official" colors */
.Zing_Green_Light1
{
   color: #ECF8DA;
}
.Zing_Green_Light
{
   color: #BDE885;
}
.Zing_Green_Medium
{
   color: #6D8645;
}
.Zing_Green_Dark
{
   color: #445725;
}
.Zing_Blue_Light
{
   color: #CEE4EB;
}
.Zing_Blue_Light1
{
   color: #EEF7F8;
}
.Zing_Blue_Dark
{
   color: #316B77;
}
.Zing_Red
{
   color: #AE272E;
}
.Zing_Red_Dark1
{
   color: #A82E34;
}
.Zing_Red_Dark2
{
   color: #66181C;
}
/* end "official" colors              */
/**************************************/

/* used on the two colored panels on signin page */
.ZingRedDark1Background
{
   background-color: #A82E34;
}

.ZingBlackText8
{
   color: #000000;
   font-size: 8pt;
   font-family: Arial;
}

.ZingBlackText
{
   color: #000000;
   font-size: 9pt;
   font-family: Verdana;
}

.ZingBlackTextBold
{
   color: #000000;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
}

.ZingBlackTextBold10
{
   color: #000000;
   font-size: 10pt;
   font-family: Verdana;
   font-weight: bold;
}

.ZingDarkGreenText
{
   color: #445725;
   font-size: 9pt;
   font-family: Verdana;
}

.ZingMediumGreenText
{
   color: #6D8645;
   font-size: 9pt;
   font-family: Verdana;
}

.ZingLightGreenText
{
   color: #BDE885;
   font-size: 9pt;
   font-family: Verdana;
}

.ZingLightGreenTextBold
{
   color: #BDE885;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
}

.ZingLightGreenTextBold10
{
   color: #BDE885;
   font-size: 10pt;
   font-family: Verdana;
   font-weight: bold;
}

.PanelHeaderText
{
   color: #808080;
   font-size: 10pt;
   font-family: Verdana;
   font-weight: bold;
}

/* next 3 used in EmailInviteLanding, FAQ, GetZingerangConnect */
.ZingDarkGreenTextBold14
{
   color: #445725;
   font-size: 14pt;
   font-family: Arial;
   font-weight: bold;
}
.ZingDarkGreenTextBold12
{
   color: #445725;
   font-size: 12pt;
   font-family: Arial;
   font-weight: bold;
}

.ZingDarkGreenTextBold10
{
   color: #445725;
   font-size: 10pt;
   font-family: Verdana;
   font-weight: bold;
}

.DarkGreenTextArial9
{
   color: #445725;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: normal;
}
.DarkGreenTextBoldArial9
{
   color: #445725;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
}

.ZingDarkGrayText9
{
   color: #808080;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: normal;
}

.ZingDarkGrayBoldText10
{
   color: #808080;
   font-size: 10pt;
   font-family: Verdana;
   font-weight: bold;
}

.StatusPanelWhite
{
   background-color: #FFFFFF;
   border-bottom: #445725 2px solid;
   border-right: #445725 2px solid;
   border-top: #445725 2px solid;
   border-left: #445725 2px solid;
}
/* the inside panel in a double panel setup */
.StatusSubPanel
{
   color: #000000;
   font-size: 9pt;
   font-family: Verdana;
   background-color: #F0F0F0;
   border: #086B18 2px solid;
}
.StatusSubPanelWhite
{
   background-color: #FFFFFF;
   border: #086B18 2px solid;
}
.PanelLightGreyBorder
{
   border-bottom: #CCCCCC 2px solid;
   border-right: #CCCCCC 2px solid;
   border-top: #CCCCCC 2px solid;
   border-left: #CCCCCC 2px solid;
}
.PanelZingRedBorder
{
   border-bottom: #AE272E 2px solid;
   border-right: #AE272E 2px solid;
   border-top: #AE272E 2px solid;
   border-left: #AE272E 2px solid;
}

/**************************************/
/* start nav tree */
.NavTree
{
   background-color: #6D8645;
   color: #445725;
}
.NavTreeNode
{
   color: #FFFFFF;
   font-size: 10pt;
   font-family: Arial;
   font-weight: bold;
}
.NavTreeLinkNode
{
   color: #FFFFFF;
   font-size: 8pt;
   font-family: Arial;
   text-decoration: underline;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
.NavTreeLinkNodeSelected
{
   border-right: #ffffff 1px solid;
   border-top: #ffffff 1px solid;
   border-left: #ffffff 1px solid;
   border-bottom: #ffffff 1px solid;
}
.NavTreeLinkNodeHover
{
   background-color: #CDE4EA;
   color: #000000;
   text-decoration: underline;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* end nav tree */
/**************************************/

/********************************************************/
/* white table used on download page to list components */
.WhiteTableRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #000000;
   padding-top: 4px;
   font-family: Verdana;
   margin: 0px;
   background-color: #FFFFFF;
   font-weight: normal;
   border-right: #316B77 1px solid;
   border-top: #316B77 1px solid;
   border-left: #316B77 1px solid;
   border-bottom: #316B77 1px solid;
}
/* similar to above, but has no background or borders.  used when we use */
/* the first row of a table to contain a description of the table. */
.WhiteTableFirstRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #000000;
   padding-top: 4px;
   font-family: Verdana;
   margin: 0px;
   background-color: transparent;
   font-weight: bold;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* similar to above, but has no background or borders  */
.WhiteTableTransparentRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #000000;
   padding-top: 4px;
   font-family: Verdana;
   margin: 0px;
   background-color: transparent;
   font-weight: normal;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* similar to above, but has no background or borders and is bold.  used when we use */
/* the first row of a table to contain a description of the table. */
.WhiteTableHeaderRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #FFFFFF;
   padding-top: 4px;
   font-family: Verdana;
   margin: 0px;
   background-color: #086B18;
   font-weight: bold;
   border-right: #086B18 1px solid;
   border-top: #086B18 1px solid;
   border-left: #086B18 1px solid;
   border-bottom: #086B18 1px solid;
}
/* a row with no background or padding and is shorter than others.  used to break a table into sections */
.WhiteTableSeparatorRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 2pt;
   padding-bottom: 0px;
   color: #000000;
   padding-top: 0px;
   font-family: Verdana;
   margin: 0px;
   background-color: transparent;
   font-weight: bold;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* end white table */
/********************************************************/

/********************************************************/
/* transparent table */
.TransparentTableRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #000000;
   padding-top: 4px;
   font-family: Verdana;
   margin: 0px;
   background-color: transparent;
   font-weight: normal;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* similar to above, but has no background or borders and is bold.  used when we use */
/* the first row of a table to contain a description of the table. */
.TransparentTableHeaderRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #000000;
   padding-top: 4px;
   font-family: Verdana;
   margin: 0px;
   background-color: transparent;
   font-weight: bold;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* a row with no background or padding and is shorter than others.  used to break a table into sections */
.SeparatorRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 2pt;
   padding-bottom: 0px;
   color: #000000;
   padding-top: 0px;
   font-family: Verdana;
   margin: 0px;
   background-color: transparent;
   font-weight: bold;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* end transparent table */
/********************************************************/

.popupPanel
{
    color:White;
    font:normal 9pt Verdana;
    background-color: #316B77;
    border:solid 3px Black;
}

.upgradeText
{
    font:bold 10pt Arial;
    color:White;
    background-color: #445725;
    border:solid 1px Yellow;
    margin:2px;
}

.mapBallonText
{
    font:bold 9pt Arial;
    color:#086B18;
}