.ajax__tab_matt .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:10pt;background:url("TabImages/tab-line.gif") repeat-x bottom;}
.ajax__tab_matt .ajax__tab_outer {padding-right:1px;background:url("TabImages/tab-right.gif") no-repeat right;}
.ajax__tab_matt .ajax__tab_inner {padding-left:8px;background:url("TabImages/tab-left.gif") no-repeat;}
.ajax__tab_matt .ajax__tab_tab {height:20px;padding:4px;margin:0;background:url("TabImages/tab.gif") repeat-x;}
.ajax__tab_matt .ajax__tab_hover .ajax__tab_outer {background:url("TabImages/tab-hover-right.gif") no-repeat right;}
.ajax__tab_matt .ajax__tab_hover .ajax__tab_inner {background:url("TabImages/tab-hover-left.gif") no-repeat;}
.ajax__tab_matt .ajax__tab_hover .ajax__tab_tab {background:url("TabImages/tab-hover.gif") repeat-x;}
.ajax__tab_matt .ajax__tab_active .ajax__tab_outer {color:white;background:url("TabImages/tab-active-right.gif") no-repeat right;}
.ajax__tab_matt .ajax__tab_active .ajax__tab_inner {color:white;background:url("TabImages/tab-active-left.gif") no-repeat;}
.ajax__tab_matt .ajax__tab_active .ajax__tab_tab {color:white;background:url("TabImages/tab-active.gif") repeat-x;}
.ajax__tab_matt .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:2px solid #999999;border-top:0;padding:8px;background-color:#eeeeee;}

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: #ECF8DA;
   background-color: #445725;
   font-size: 9pt;
   font-weight: bold;
   font-family: Verdana;
   text-decoration: none;
}

/* normal */
a.homeLink:link 
{
   color: #AE272E;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}
a.homeLink:visited 
{
   color: #AE272E;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}
a.homeLink:hover 
{
   color: #ECF8DA;
   background-color: #445725;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
}

.HelpSpan
{
   color: #AE272E;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: underline;
   cursor: hand;
}

.HelpSpanHidden
{
   color: #445725;
   font-size: 8pt;
   font-weight: normal;
   font-family: Verdana;
   text-decoration: none;
   cursor: hand;
   display: none;
   /*border-bottom: #445725 1px dotted;*/
}

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

/* forgotPasswordLink on front page */
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;
}

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

a.headerbar:link {color: #445725}
a.headerbar:visited {color: #445725}
a.headerbar:hover {color: #BDE885; background-color: #445725}

a.imagelink:link {border: border-style none; }
a.imagelink:visited {border: border-style none;}
a.imagelink:hover {border: border-style none;}


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

/********************************************************/
/* 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;
   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;
}
.MaskPanel
{
   background-color: #FFFFFF;
   border-bottom: #FFFFFF 2px solid;
   border-right: #FFFFFF 2px solid;
   border-top: #FFFFFF 2px solid;
   border-left: #FFFFFF 2px solid;
}
.BottomPanelTableCell
{
   background-color: #BDE885;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
   color: #445725;
   font-size: 8pt;
   font-family: Verdana;
   font-weight: bold;
}
/* 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;
}
.TablePanel
{
   background-color: #BDE885;
   border-bottom: #445725 2px solid;
   border-right: #445725 2px solid;
   border-top: #445725 2px solid;
   border-left: #445725 2px solid;
}
.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: #ECF8DA;
   border-bottom: #445725 2px solid;
   border-right: #445725 2px solid;
   border-top: #445725 2px solid;
   border-left: #445725 2px solid;
}
.StatusSubPanelWhite
{
   background-color: #FFFFFF;
   border-bottom: #445725 2px solid;
   border-right: #445725 2px solid;
   border-top: #445725 2px solid;
   border-left: #445725 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;
}
/* 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: Verdana;
   font-size: 9pt;
   padding: 4px;
}
.ErrorLabel
{
   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: 2px;
}
.MagicLoginLabel
{
   color: #AE272E;
   font-family: Verdana;
   font-size: 9pt;
   font-weight: bold;
}
.StatusLabelWhite
{
   background-color: #FFFFFF;
   border-bottom: #445725 1px solid;
   border-right: #445725 1px solid;
   border-top: #445725 1px solid;
   border-left: #445725 1px solid;
   color: #445725;
   font-family: Arial;
   font-size: 9pt;
   padding: 2px;
}

.HelpHeader
{
   background-color: #AE272E;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 12pt;
   font-weight: bold;
   vertical-align: middle;
   text-align: center;
}

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

.TabActive1
{
   font-family: Verdana;
   font-size: 9pt;
   color: white;
   font-weight: bold;
   background-image: url(images/tabs/tab1active.gif);
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   padding-top: 0px;
}
.TabInactive1
{
   font-family: Verdana;
   font-size: 9pt;
   color:Gray;
   font-weight: bold;
   background-image: url(images/tabs/tab1inactive.gif);
   cursor: hand;
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   padding-top: 0px;
}
.TabActive2
{
   font-family: Verdana;
   font-size: 9pt;
   color: White;
   font-weight: bold;
   background-image: url(images/tabs/tab2active.gif);
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   padding-top: 0px;
}
.TabInactive2
{
   font-family: Verdana;
   font-size: 9pt;
   color:Gray;
   font-weight: bold;
   background-image: url(images/tabs/tab2inactive.gif);
   cursor: hand;
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   padding-top: 0px;
}
.TabActive3
{
   font-family: Verdana;
   font-size: 9pt;
   color: white;
   font-weight: bold;
   background-image: url(images/tabs/tab3active.gif);
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   padding-top: 0px;
}
.TabInactive3
{
   font-family: Verdana;
   font-size: 9pt;
   color: Gray;
   font-weight: bold;
   background-image: url(images/tabs/tab3inactive.gif);
   cursor: hand;
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   padding-top: 0px;
}

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

/**************************************/
/* start nav tree 1 blue background*/
.NavTree_1
{
   background-color: #EEF7F8;
   color: #316B77;
   border-right: #316B77 3px solid;
   border-top: #316B77 3px solid;
   border-left: #316B77 3px solid;
   border-bottom: #316B77 3px solid;
}
.NavTreeNode_1
{
   color: #316B77;
   font-size: 10pt;
   font-family: Arial;
   font-weight: bold;
}
.NavTreeLinkNode_1
{
   color: #316B77;
   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_1
{
   border-right: #316B77 1px solid;
   border-top: #316B77 1px solid;
   border-left: #316B77 1px solid;
   border-bottom: #316B77 1px solid;
}
.NavTreeLinkNodeHover_1
{
   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: #FFFFFF;
}
.WelcomeCellSp
{
   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;
	width: 218px;
}

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

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

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

.ZingDarkGrayBoldText10
{
   color: #808080;
   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   */
/**************************************/