body
{
   background-color: #ffffff;
}
body1
{
   background-color: #ffffff;
   background-position: 2px 2px;
   background-image: url(./Images/pageBackground800x1000.gif);
   background-repeat: no-repeat;
}
.HyperLink
{
   color: #AE272E;
   font-size: 9pt;
   font-family: Verdana;
   text-decoration: underline;
}

/*****************************************************************/
/* links           */

/* normal */
a.normalLink:link 
{
   color: #AE272E;
   font-size: 9pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none;
}
a.normalLink:visited 
{
   color: #AE272E;
   font-size: 9pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none;
}
a.normalLink:hover 
{
   color: #FFFFFF;
   background-color: #316B77;
   font-size: 9pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none;
}

/* signup, used in the round red rectanhle */
a.signupLink:link 
{
   color: #316B77;
   font-size: 9pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: underline;
}
a.signupLink:visited 
{
   color: #316B77;
   font-size: 9pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: underline;
}
a.signupLink:hover 
{
   color: #AE272E;
   font-size: 9pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: underline;
}

/* big links on front page */
a.bigLink:link 
{
   color: #316B77;
   font-size: 12pt;
   font-weight: bold;
   font-family: Arial;
   text-decoration: underline;
   text-align: right;
}
a.bigLink:visited 
{
   color: #316B77;
   font-size: 12pt;
   font-weight: bold;
   font-family: Arial;
   text-decoration: underline;
   text-align: right;
}
a.bigLink:hover 
{
   color: #AE272E;
   font-size: 12pt;
   font-weight: bold;
   font-family: Arial;
   text-decoration: underline;
   text-align: right;
}

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

/* hip link on new user register*/
a.hipLink:link 
{
   color: #445725;
   font-size: 8pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none;
}
a.hipLink:visited 
{
   color: #445725;
   font-size: 8pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none;
}
a.hipLink:hover 
{
   color: #FFFFFF;
   background-color: #445725;
   font-size: 8pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none;
}

/* forgotPasswordLink on front page (in dark green panel) */
a.forgotPasswordLink:link 
{
   color: #ECF8DA;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}
a.forgotPasswordLink:visited 
{
   color: #ECF8DA;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}
a.forgotPasswordLink:hover 
{
   color: #000000;
   background-color: #BDE885;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}

/* forgotPasswordLink on getzingerangconnect page (in light green panel) */
a.forgotPasswordLink1:link 
{
   color: #445725;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}
a.forgotPasswordLink1:visited 
{
   color: #445725;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}
a.forgotPasswordLink1:hover 
{
   color: #BDE885;
   background-color: #445725;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}

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


.HyperLinkHeader
{
   font-size: 9pt;
   font-family: Verdana;
   text-decoration: underline;
   color: #445725;
   font-weight: bold;
}

/********************************************************/
/* 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: #AE272E 1px solid;
   border-top: #AE272E 1px solid;
   border-left: #AE272E 1px solid;
   border-bottom: #AE272E 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;
}
/* end white table */
/********************************************************/

/********************************************************/
/* status items */

/* a table cell in a status display */
.StatusCell
{
   border-right: #AE272E 1px solid;
   border-top: #AE272E 1px solid;
   border-left: #AE272E 1px solid;
   border-bottom: #AE272E 1px solid;
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #000000;
   padding-top: 4px;
   font-family: Verdana;
   background-color: #858D96_LIGHT3;
   margin: 0px;
   font-weight: normal;
}

/* 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. */
.StatusCellFirstRow
{
   padding-right: 4px;
   padding-left: 4px;
   font-size: 9pt;
   padding-bottom: 4px;
   color: #000000;
   padding-top: 4px;
   font-family: Verdana;
   margin: 0px;
   font-weight: normal;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}
/* the outside panel in a double panel setup */
.StatusPanel
{
   background-color: #6D8645;
   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
{
   background-color: #ECF8DA;
   border-bottom: #445725 2px solid;
   border-right: #445725 2px solid;
   border-top: #445725 2px solid;
   border-left: #445725 2px solid;
}
/* a label with border and background color to make it stand out */
.StatusLabel
{
   background-color: #ECF8DA;
   border-bottom: #445725 2px solid;
   border-right: #445725 2px solid;
   border-top: #445725 2px solid;
   border-left: #445725 2px solid;
   color: #000000;
   font-family: Arial;
   font-size: 9pt;
   padding: 4px;
}

.DownloadLabel
{
   background-color: #445725;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 12pt;
   font-weight:bold;
   padding: 2px;
   cursor: hand;
}

/**************************************/
/* tabs */

.TabActive1
{
   font-family: Verdana;
   font-size: 9pt;
   color: white;
   font-weight: bold;
   background-image: url(images/tab1activeg.gif);
}
.TabInactive1
{
   font-family: Verdana;
   font-size: 9pt;
   color:Gray;
   font-weight: bold;
   background-image: url(images/tab1inactiveg.gif);
   cursor: hand;
}
.TabActive2
{
   font-family: Verdana;
   font-size: 9pt;
   color: white;
   font-weight: bold;
   background-image: url(images/tab2activeg.gif);
}
.TabInactive2
{
   font-family: Verdana;
   font-size: 9pt;
   color:Gray;
   font-weight: bold;
   background-image: url(images/tab2inactiveg.gif);
   cursor: hand;
}

/**************************************/
/* 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;
}
.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 */
/**************************************/

/* the welcome banner table at top of each page */

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

/* used similarly to welcome banner table, but is inside the version panel */
.DownloadVersionCell
{
   color: #ffffff;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
   background-color: #445725;
}

.LoginPanel
{
   background-color: #445725;
}

/* used to close windows */
.LabelButton
{
   color: #ffffff;
   font-size: 9pt;
   font-family: Verdana;
   font-weight: bold;
   background-color: #445725;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   text-align: center;
   cursor: hand;
   margin: 3px;
}

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

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

.ZingBlackTextSmall
{
   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;
}

/* 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;
}

/**************************************/
/* start old style un-official colors */
/* they are not used directly as classes, but are subbed in by the pre-processor */
.Zing_Grey
{
   color: #858D96;
}
.Zing_Grey_Light1
{
   color: #A7ADB3;
}
.Zing_Grey_Light2
{
   color: #BFC3C7;
}
.Zing_Grey_Light3
{
   color: #E3E5E7;
}
.Zing_Grey_Light4
{
   color: #F4F5F6;
}
/* end old style un-official colors   */
/**************************************/