/*  Topcolor sets the background and text color of the top and bottom of the page */
.topcolor {
    background-color:#ffffff;
    color:#FFFFFF;
}


/* topnavcolor sets the background and text color of the area behind the navigation and quick search.
    The a.nav and a.subnav styles set the background and text colors for the menus,
    and are the same as topnavcolor */
.topnavcolor {
    background-color:#ebebe7;
    color:#000000;
}

a.nav:link, a.nav:visited, a.nav:active {
    display: block;
    margin:0px;
    padding:0px;
    font-family: Verdana, sans-serif;
    font-size:8pt;
    text-decoration: none;
    background-color:#ebebe7;
    color:#000000;
}

a.subnav:link, a.subnav:visited, a.subnav:active {
    display: block;
    margin:0px;
    padding:0px;
    line-height:24px;
    width:100%;
    font-family: Verdana, sans-serif;
    font-size:8pt;
    text-decoration: none;
    background-color:#ebebe7;
    color:#000000;
}

.quicksearchtext {
    font-size:xx-small;
    font-family:Verdana, sans-serif;
    color:#FFFFFF;
    padding-right:3px;
}


/* sidenavcolor sets the background and text color for the side navigation items. */

.sidenavcolor {
    background-color:#ebebe7;
    color:#000000;
}

a.sidenav:link, a.sidenav:visited, a.sidenav:active {
    display: block;
    margin:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:20px;
    padding-right:20px;
    line-height:24px;
    width:100%;
    text-align:right;
    font-family: Verdana, sans-serif;
    font-size:8pt;
    text-decoration: none;
    background-color:#ebebe7;
    color:#000000;
}


/* activenavcolor sets the background and text color for the active navigation items.
    The hover states for the a.nav, a.sidenav and a.subnav items should have the same background
    and text colors.  */
.activenavcolor {
    background-color:#757566;
    color:#ffffff;
}

a.nav:hover {
    display: block;
    margin:0px;
    padding:0px;
    font-family: Verdana, sans-serif;
    font-size:8pt;
    background-color:#757566;
    color:#ffffff;
}

a.subnav:hover {
    display: block;
    margin:0px;
    padding:0px;
    line-height:24px;
    width:100%;
    font-family: Verdana, sans-serif;
    font-size:8pt;
    text-decoration: none;
    background-color:#757566;
    color:#ffffff;
}

a.sidenav:hover {
    display: block;
    margin:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:20px;
    padding-right:20px;
    line-height:24px;
    text-align:right;
    width:100%;
    font-family: Verdana, sans-serif;
    font-size:8pt;
    text-decoration: none;
    background-color:#757566;
    color:#ffffff;
}


/* headerarea and headertext set the background and text colors for main headers, respectively. */
.headerarea {
    background-color:#FFFFFF;
}

td.headerarea {
    padding-left:5px;
    font-family: Arial, sans-serif;
    font-size:12pt;
    background-color:#FFFFFF;
    padding-top:3px;
    padding-bottom:3px;
    font-weight:900;
    border-style:solid;
    border-left-width:0px;
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:1px;
    border-color:#000000;
}

.headertext {
    color:#4a4a3d;
}

td.headertext {
    font-family: Arial, sans-serif;
    font-size:12pt;
    color:#4a4a3d;
    font-weight:900;
}

/* subheadtext sets both the background and text colors for the secondary page headers */
.subheadtext {
    color:#4a4a3d;
    background-color:#ebebe7;
}

td.subheadtext {
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    font-family: Arial, sans-serif;
    font-size:10pt;
    color:#4a4a3d;
    background-color:#ebebe7;
}

/* bordercolor sets the color of borders */
.bordercolor {
    border-color:#999999;
}

td.bordercolor {
    background-color:#999999;
}


/* ---------- Below is the code to correct the iFramed sysPages. ---------- */
img {border: 0;}
.pageWidth {width: 98%;}
.bodyClass {width: 99%;}
.pageContainer {margin: 0;}

/**Below is the code to update the old product admin styles text; removes old Admin heading styling and adds margin to the bottom of paragraphs**/

#mc-template p, #eventDetailsDescription p, #tinymce p {margin: 0 0 10px;}
#mc-template h1, #eventDetailsDescription h1, #tinymce h1 {padding: 0; margin: 0 0 20px; font-size: 26px; background: none; border: none; font-family: Arial, Verdana, sans-serif;}
#mc-template h2, #eventDetailsDescription h2, #tinymce h2 {padding: 0; margin: 0 0 20px; font-size: 20px; background: none; border: none; font-family: Arial, Verdana, sans-serif;}
#mc-template h3, #eventDetailsDescription h3, #tinymce h3 {padding: 0; margin: 0 0 15px; font-size: 18px; font-family: Arial, Verdana, sans-serif;}
#mc-template h4, #eventDetailsDescription h4, #tinymce h4 {font-family: Arial, Verdana, sans-serif; font-size: 16px; margin: 0 0 10px; padding: 0;}
#mc-template h5, #eventDetailsDescription h5, #tinymce h5 {font-family: Arial, Verdana, sans-serif; font-size: 14px; margin: 0 0 10px; padding: 0;}
#mc-template h6,#eventDetailsDescription h6, #tinymce h6 {font-family: Arial, Verdana, sans-serif; font-size: 12px; margin: 0 0 10px; padding: 0;}