/* IE Mac Ignore \*/
html, body {
    height: 100%;
}

/* end IE Mac Hack */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #6186B3;
}

/* IE Mac Ignore \*/
form {
    height: 100%;
    min-height: 100%;
}

html>body form {
    height: auto;
}

/*for mozilla as IE treats height as min-height anyway*/
html>body {
    height: auto;
}

/*for mozilla as IE treats height as min-height anyway*/
/* end IE Mac Hack */

/* The following styles deal with the navigation menu */
.menugroup {
/* for the entire root menu */
    border: transparent 0
}

.submenugroup {
/* for child menus */
    border: #416692 1px solid;
    background-color: #eaf2fb
}

.menuitem {
/* for root menu items */
    border: transparent 0;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eaf2fb;
    text-decoration: none;
    cursor: pointer;
}

.menuitemhover {
/* hoverstate for root menu items */
    border: transparent 0;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f3eeb0;
    text-decoration: none;
    cursor: pointer;
}

.submenuitem {
/* for submenu items */
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 4px;
    color: #000000;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none
}

.submenuitemhover {
/* hoverstate for submenu items */
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 4px;
    color: #000000;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f3eeb0;
    cursor: pointer;
    text-decoration: none
}

/* The following styles deal with the current domain menu */
.cdgroup {
/* for the entire root menu */
    border: transparent 0
}

.subcdgroup {
/* for child menus */
    border: #416692 1px solid;
    background-color: #eaf2fb
}

.cditem {
/* for root menu items */
    border: transparent 0;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eaf2fb;
    text-decoration: none;
    cursor: pointer;
}

.cditemhover {
/* hoverstate for root menu items */
    border: transparent 0;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f3eeb0;
    text-decoration: none;
    cursor: pointer;
}

.subcditem {
/* for submenu items */
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 4px;
    color: #000000;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none
}

.subcditemhover {
/* hoverstate for submenu items */
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 4px;
    color: #000000;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f3eeb0;
    cursor: pointer;
    text-decoration: none
}

/* The following styles deal with the Option Items */
.optgroup {
/* for the entire root menu */
    border: transparent 0
}

.optitem {
/* for root menu items */
    border: transparent 0;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #eaf2fb;
    text-decoration: none;
    cursor: pointer;
}

.optitemhover {
/* hoverstate for root menu items */
    border: transparent 0;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f3eeb0;
    text-decoration: none;
    cursor: pointer;
}

/* The following styles are used for the Default skin */
.skinbigtbl {
/* Surrounding container for WCC */
    width: 100%;
    height: 100%;
    border: 0;
}

.skinnavback {
/* Cell used to hold left nav options (Menu, Stats, Options, etc) */
    background: #EAF2FB url(leftnav-back.gif) repeat-y;
    padding-right: 5px;
    padding-left: 10px;
}

.skinpadbig {
/* Cell containing content */
    padding: 15px;
    text-align: center;
}

.skinhdrtitle {
/* Style for Page Title */
    border-bottom: 2px solid #416692;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.skinhdrcc {
/* Style for "Control Center" */
    border-bottom: 2px solid #416692;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: right;
}

.skinnavtitle {
/* Style for left nav titles (Menu, Stats, Options, etc) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    border-bottom: 2px solid #416692;
}

.skinheadercell {
/* Contains Page Title and "Control Center" */
    padding-right: 5px;
    padding-left: 5px;
    height: 20px;
}

.skinpophdrtitle {
/* Page Title for Popup Windows (Knowledge Base, etc) */
    border-bottom: 2px solid #416692;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.skintopleft {
/* Creates inset look */
    background: #FFFFFF url(shadow-topleft.gif) no-repeat;
    height: 8px;
    width: 8px;
}

.skintop {
/* Creates inset look */
    background: #FFFFFF url(shadow-top.gif) repeat-x;
    height: 8px;
}

.skintopright {
/* Creates inset look */
    background: #FFFFFF url(shadow-topright.gif) no-repeat;
    height: 8px;
    width: 8px;
}

.skinleft {
/* Creates inset look */
    background: #FFFFFF url(shadow-left.gif) repeat-y;
    width: 8px;
}

.skinright {
/* Creates inset look */
    background: #FFFFFF url(shadow-right.gif) repeat-y;
    width: 8px;
}

.skinbottom {
/* Creates inset look */
    background: #FFFFFF url(shadow-bottom.gif) repeat-x;
    height: 8px;
}

.skinbottomright {
/* Creates inset look */
    background: #FFFFFF url(shadow-bottomright.gif) no-repeat;
    height: 8px;
    width: 8px;
}

.skinbottomleft {
/* Creates inset look */
    background: #FFFFFF url(shadow-bottomleft.gif) no-repeat;
    height: 8px;
    width: 8px;
}

.skinpopcontentcell {
/* Cell containing content for Popup Windows (Knowledge Base, etc) */
    text-align: center;
    padding: 10px;
}

/* Login Page Styles (NOT SKINNABLE) */
.lgntbl /* Inner table containing form objects */
{
    background-color: #EBEBEB;
    width: 350px;
    border: 1px solid #6186B3;
}

.lgnlnk {
/* Link for Secure Mode */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #416692;
    text-decoration: none;
}

a.lgnlnk:hover {
/* Hoverstate of link for Secure Mode */
    text-decoration: underline;
}

.lgnbutton {
/* Style of the login button */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: lowercase;
    color: #416692;
    text-decoration: none;
    padding-left: 10px;
}

a.lgnbutton:hover {
/* Hoverstate of "lgnbutton" */
    text-decoration: underline;
}

.lgncell {
/* Cell containing form elements (textboxes, dropdowns, etc) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
    padding: 7px;
    white-space: nowrap;
}

.defcell {
/* Used for default.aspx only */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    padding: 7px;
}

/* treeview classes */
.treeviewcell {
/* style for each item within treeview */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    padding-left: 4px;
}

.treeviewcellsel {
/* style for selected treeview item */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFA0;
    padding-left: 4px;
}

.treeviewdiv /* container for treeview */
{
    background-color: #FFFFFF;
    border: solid 1px #6186B3;
}

/* new treeview (FileBrowserNew, ComponentArt) classes */
.catreeview {
    background-color: White;
    padding-top: 4px;
    padding-left: 1px;
    border: #7C7C94 1px solid;
    cursor: default;
    height: 250px;
}

.catreenode {
    font-family: arial serif;
    font-size: 11px;
    padding: 2px 3px 1px;
}

.cagrayedtreenode {
    font-family: arial serif;
    font-size: 11px;
    padding: 2px 3px 1px;
    color: gray;
    cursor: default;
}

.cahovertreenode {
    font-family: arial serif;
    font-size: 11px;
    text-decoration: underline;
    padding: 2px 3px 1px;
    cursor: default;
}

.caselectedtreenode {
    font-family: arial serif;
    font-size: 11px;
    background-color: gray;
    color: white;
    padding: 2px 3px 1px;
    cursor: default;
}

/* File Manager classes*/
.filemanagertreeviewheader {
    color: black;
    background: #FFFFFF url(../FileManagerFiles/grid_header_bg.gif);
    border: 1px solid #7C7C94;
    border-bottom-width: 0;
    font-family: arial serif;
    font-size: 11px;
    padding: 5px 4px 4px 5px;
}

.filemanagertreeviewcell {
/* Cells within form tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.filemanagertable {

    background-color: #EBEBEB;
}

/* Button Styles */

.button {
/* Style for main buttons */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 6px 2px;
    vertical-align: middle;
    border-bottom: solid 1px #6186B3;
    display: block;
    float: left;
}

.buttonModal {
/* Style for modal buttons */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 6px 2px;
    vertical-align: middle;
    border-bottom: solid 1px #6186B3;
    display: block;
    float: left;
}

a.button:hover {
/* Hoverstate for main buttons */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    color: #FF0000;
    text-decoration: none;
    background-color: #EBEBEB;
}

.button2 {
/* Style for secondary buttons (buttons that exist within a form) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    color: #000000;
    text-decoration: none;
    padding: 3px 6px;
    vertical-align: middle;
    display: block;
    float: left;
    border: 1px solid;
    border-top-color: #EBEBEB;
    border-right-color: #EBEBEB;
    border-bottom: 0 none;
    border-left-color: #EBEBEB;
}

a.button2:hover {
/* Hoverstate for secondary buttons */
    color: #FF0000;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #6186B3;
    border-right-color: #6186B3;
    border-left-color: #6186B3;
}

.buttontbl {
/* Container for buttons */
    float: right;
    border: 0 none;
}

/* Form, Text Elements & Misc Styles */

img {
/* Style for img tags */
    border: 0 none;
}

.boxesNW {
/* No Width) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes100Percent {
/* longer form elements (mainly multiline textboxes) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes100Percentheight200 {
/* longer form elements (mainly multiline textboxes) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px solid #6186B3;
    padding-left: 3px;
    height: 200px;
}

.boxes100Percentheight100 {
/* longer form elements (mainly multiline textboxes) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px solid #6186B3;
    padding-left: 3px;
    height: 100px;
}

.boxes100Percentheight30 {
/* longer form elements (mainly multiline textboxes) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px solid #6186B3;
    padding-left: 3px;
    height: 30px;
}

.boxes500 {
/* longer form elements (mainly multiline textboxes) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 500px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes440 {
/* longer formand  elements (mainly multiline textboxes) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 440px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes400 {
/* longer form elements  */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 400px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes400Scroll {
/* longer form elements  */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #6186B3;
    padding-left: 3px;

}

.boxes350 {
/* longer form elements */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 350px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes300 {
/* long form elements (textboxes, dropdowns, etc) used for domains, db & dsn names, etc */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 300px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes250 {
/* average form elements (textboxes, dropdowns, etc) used for usernames, passwords */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 250px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes200 {
/* average form elements (textboxes, dropdowns, etc) used for usernames, passwords */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 200px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes150 {
/* average form elements (textboxes, dropdowns, etc) used for usernames, passwords */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 150px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes100 {
/* small form elements (textboxes, dropdowns, etc) used for dates, short strings like Zip Code */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 100px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes75 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 75px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes40 {
/* smaller form elements used for integers, times, etc. */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 50px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes35 {
/* smaller form elements used for integers, times, etc. */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 40px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxes30 {
/* smaller form elements used for integers, times, etc. */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 30px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.boxespc {
/* Textfield for Calender Control */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 78px;
    border: 1px solid #6186B3;
    padding-left: 3px;
}

.tbllink {
/* Links that exist within display tables or form tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
}

a.tbllink:hover {
/* Hoverstate for links that exist within display tables or form tables */
    text-decoration: underline;
}

.tblboldlink {
/* Links existing within bold rows */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #264972;
    text-decoration: none;
}

a.tblboldlink:hover {
/* Hoverstate for links existing within bold rows */
    text-decoration: underline;
}

.prevlink {
/* Links within preview text */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
}

a.prevlink:hover {
/* Hoverstate for links within preview text */
    text-decoration: underline;
}

.txtsmall {
/* Text primarily used for multiple radiobuttons|checkboxes */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.txtoptional {
/* Text and "*" used for denoting optional form fields or warnings */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
}

.txtmain {
/* Text that exists outside of a form object, display table, or form table */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.smlink {
/* Links used with txtsmall */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
}

a.smlink:hover {
/* Hoverstate of smlink */
    text-decoration: underline;
}

/*Current Domain Menu Styles */
.cdomain {
/* "Current Domain" domain text */
    background-color: Transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.cdomainhover {
/* Hoverstate of "Current Domain" domain text */
    background-color: Transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
}

.cdomainmenu {
/* Dropdown menu for "Current Domain" */
    background-color: White;
    border: solid 1px #6186B3;
    width: 225px;
}

.cdomainsubitem {
/* Item style within dropdown menu for "Current Domain" */
    color: Black;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 15px;
}

.cdomainsubitemhover {
/* Hoverstate of "cdomainsubitem" */
    background: #FFFFA0;
    color: Black;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 15px;
}

.cdomainmore {
/* "More" item within "Current Domain" menu when more than 30 domains exist */
    background-color: #6186B3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 15px;
}

.cdomainmorehover {
/* Hoverstate of "cdomainmorehover" */
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 15px;
}

/* Table & Row Styles */

.tblwidth {
    width: 455px;
    border: none 0 transparent;
}

.tblmain {
/* Style used for display (showing stats & info) and form (containing text fields, etc.) tables */

    background-color: #EBEBEB;
    width: 455px;
    border: 1px solid #6186B3;
}

.tblmainnowidth {

    background-color: #EBEBEB;
    border: 1px solid #6186B3;
}

.popuptblmain {
/* Tables within Popup windows (Knowledge Base) */
    background-color: #EBEBEB;
    width: 455px;
    border: 1px solid #8c8c8c;
}

th {
/* table header */
    background-color: #6186B3;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
    padding-left: 5px;
    text-align: left;

}

.tblformcell {
/* Cells within form tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 3px 3px 3px 5px;
}

.tblformcell180 {
/* Cells within form tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 3px 3px 3px 5px;
    width: 180px;
}

.tbldlfcell {
/* Cells within Domain Login Features */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding-top: 3px;
    padding-left: 16px;
}

.tblboldrow1a {
/* Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblboldrowwrap1a {
/* Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
}

.tblboldrow2 {
/* Secondary Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #B3C4D9;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblboldrow3 {
/* Secondary Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #FFFBCA;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblrowa {
/* Default row with display table */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #F3F3F3;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblrowb {
/* Alt default row with display table */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #EBEBEB;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblrowwrapa {
/* Default row with display table with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #F3F3F3;
    padding: 3px 4px;
}

.tblrowwrapb {
/* Alt default row with display table with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #EBEBEB;
    padding: 3px 4px;
}

.tblspecialrow1a {
/* Row usually dedicated to errors or warnings with display tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFABAB;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblspecialrow1b {
/* Alt row usually dedicated to errors or warnings with display tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #F38585;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblspecialrow2a {
/* Row with specific information within display tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #C0D9F1;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblspecialrow2b {
/* Alt to "tblspecialrow2a" */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #96C2EC;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblspecialrow3a {
/* Secondary row with specific information within display tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFEACD;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblspecialrow3b {
/* Alt to "tblspecialrow3a" */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFDAA6;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblspecialrow4a /* Green row for collections admin */
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #99ffcc;
    padding: 3px 4px;
    white-space: nowrap;
}

.tblspecialrow4b {
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
    background-color: #66ffcc;
    padding: 3px 4px;
    text-decoration: none;
}

.tblspecialrowwrap1a {
/* "tblspecialrow1a" with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFABAB;
    padding: 3px 4px;
}

.tblspecialrowwrap1b {
/* "tblspecialrow1b" with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #F38585;
    padding: 3px 4px;
}

.tblspecialrowwrap2a {
/* "tblspecialrow2a" with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #B3EDBD;
    padding: 3px 4px;
}

.tblspecialrowwrap2b {
/* "tblspecialrow2b" with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #A3DAAC;
    padding: 3px 4px;
}

.tblspecialrowwrap3a {
/* "tblspecialrow3a" with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFEACD;
    padding: 3px 4px;
}

.tblspecialrowwrap3b {
/* "tblspecialrow3b" with no line breaks */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFDAA6;
    padding: 3px 4px;
}

.previewcell {
/* Contains preview text (receipts, KB Articles, etc.) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: justify;
    padding: 10px;
}

.previewcell2 {
/* Contains preview text (receipts, KB Articles, etc.) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding: 10px;
}

.tblsubhdr {
/* Subheaders used within form tables */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    border-bottom: solid 1px #6186B3;
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: text-bottom;
}

/* Datagrid styles (Display Tables) */
.datagrid {
/* Main datagrid style */
    background-color: #EBEBEB;
    width: 455px;
}

.datagridwidth {
    width: 700px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.datagriditem {
/* row within datagrid */
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F3F3F3;
    white-space: nowrap;
}

.datagriditemwrap {
/* row within datagrid */
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F3F3F3;
}

.datagridwidthitem {
/* row within datagrid */
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F3F3F3;
    white-space: nowrap;
}

.datagriditemhover {
/* Hoverstate of "datagriditem" (when needed) */
    background-color: #CFDDEE !important;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
}

.datagridwidthitemhover {
/* Hoverstate of "datagriditem" (when needed) */
    background-color: #CFDDEE !important;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
}

.datagridaltitem {
/* alt row within datagrid */
    background-color: #EBEBEB;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    white-space: nowrap;
}

.datagridaltitemwrap {
/* alt row within datagrid */
    background-color: #EBEBEB;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.datagridheader {
/* Header|Summary row of datagrid */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

.datagridwidthheader {
/* Header|Summary row of datagrid */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

.datagridfooter {
/* Used when there are multiple datagrids ("1,2,3", etc.) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

.datagridlink {
/* Links within datagrids */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
}

.datagridwidthlink {
/* Links within datagrids */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
}

.datagridedititem {
/* edititem rows within datagrids */
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFC0;
    white-space: nowrap;
}

a.datagridlink:hover {
/* Hoverstate of "datagridlink" */
    text-decoration: underline;
}

a.datagridwidthlink:hover {
/* Hoverstate of "datagridwidthlink" */
    text-decoration: underline;
}

.fixedwidthfont {
/* Fixed Width Font */
    border: transparent 0;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    font-family: Courier New serif;
}

/* color Key Styles */
.ckmaintxt /* Titletext of color key */
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: lowercase;
}

.ckmaintbl {
/* Style of color key dropdown */
    background-color: #CFDDEE; /* border: 1px solid #6186B3; */
}

.ckcell {
/* Style of item within color key */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 3px 4px;
}

.ckbordertbl {
/* Style of color key's "color" item */
    width: 100%;
    border: 1px solid #6186B3;
    height: 100%;
}

.cksubmenugroup {
/* for part that drops down, the entire square */
    border: #416692 1px solid;
    background-color: #eaf2fb
}

/* Statsbar */
.statsover {
/* Style of Stat bar when the limit has been reached or surpassed */
    background-color: Red;
    border: solid 1px #6186B3;
}

.statsnorm {
/* color representing the stats percentage used */
    background-color: #FFFFA0;
    border: solid 1px #6186B3;
    border-right-style: none;
}

.statsback {
/* color representing the stats percentage available */
    background-color: #858585;
    border: solid 1px #6186B3;
}

.statstext {
/* Text above and surrounding the stat bar */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
}

.admstats {
/* NOT SKINNABLE */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-decoration: none;
}

.admstatslnk {
/* NOT SKINNABLE */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

a.admstatslnk:hover {
/* NOT SKINNABLE */
    text-decoration: none;
}

/* NAV CLASSES (Menu) */
.navimage {
/* Style of images within nav */
    border: 0 none;
}

.navlink {
/* Links within nav */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
}

a.navlink:hover {
/* Hoverstate of "navlink" */
    text-decoration: underline;
}

.navtext {
/* Text within nav */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

/* ERROR/RESULT CLASSES */
.errrestable {
/* Container for Error|Success text */
    background-color: #EAF2FB;
    width: 455px;
    border: solid 1px #6186B3;
}

.errrestable2 {
/* Container for Error|Success text */
    background-color: #EAF2FB;
    width: 455px;
    border: solid 1px #6186B3;
    padding: 5px;
}

.errorcell {
/* Style for Error cell|text */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
    padding: 10px;
}

.errorlink {
/* Link within Errortext */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: underline;
}

.rescell {
/* Style for Success cell|text */

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #339900;
    text-decoration: none;
    padding: 10px;
}

.statuscell {
/* Style for Status cell|text */

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
    text-decoration: none;
    padding: 10px;
}

/* OPTION CLASSES */
.opttable {
/* Option Table */
}

.optimagecell {
/* Option Image Cell */
    padding-left: 20px;
    padding-top: 3px;
}

.optlinkcell {
/* Option Link Cell */
}

.optlink {
/* Option Link */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
}

a.optlink:hover {
/*Hover state of option link */
    text-decoration: underline;
}

.optbody {
/* Container for option objects */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 7px;
}

/* RSS CLASSES */
.rsslibitem {
/* Title|Link for RSS Item */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #264972;
    text-decoration: none;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 2px;
}

a.rsslibitem:hover {
/* Hoverstate of "rsslibitem" */
    text-decoration: underline;
}

.rsspress {
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
}

.rssnewstbl {
    width: 250px;
    background-color: #EBEBEB;
    border: 1px solid #6186B3;
    margin-left: 15px;
}

.newslink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
    vertical-align: middle;
    padding-left: 5px;
    text-align: left;
}

a.newslink:hover {
    text-decoration: none;
}

/* Tab Styles (tabs used for multiple display tables) */
.tabactive {
/* Currently selected tab */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #6186B3;
    padding: 3px 7px 2px;
    border: 1px solid #6186B3;
    border-bottom: 0 none;
    display: block;
    float: right;

}

.tabinactive {
/* Inactive Tab */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #6186B3;
    text-decoration: none;
    background-color: #B3C4D9;
    padding: 3px 7px 2px;
    border: 1px solid #6186B3;
    border-bottom: 0 none;
    display: block;
    float: right;
}

a.tabinactive:hover {
/* Hoverstate of "tabinactive" */
    color: #FF0000;
    background-color: #EAF2FB;
}

.tabcell {
/* Container for each tab */
    white-space: nowrap;
    padding: 0 3px;
    vertical-align: bottom;
}

.tabtbl {
/* Container for all tabs */
}

.tabth {
/* Empty row below "tabtbl" */
    background-color: #6186B3;
    font-size: 2px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    padding: 3px;
}

/* Calender Styles (popup for choosing specific dates) */
.calbody {
/* Style of page that contains the calender */
    background-color: #6186B3;
}

.calth {
/* Contains month and previous|next buttons */
    background-color: #6186B3;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}

.calhdr {
/* Contains days of the week */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #EBE7D2;
    padding: 2px 3px;
    white-space: nowrap;
    text-align: center;
}

.calbutton {
/* Previous|Next buttos */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-transform: lowercase;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 6px;
    vertical-align: middle;
    display: block;
    float: left;
}

a.calbutton:hover {
/* Hoverstate of "calbutton" */
    font-family: Arial, Helvetica, sans-serif;
    color: #FF0000;
    background-color: #E5E5E5;
}

.caltbl {
/* Container for days of the month */
    background-color: #6186B3;
    border: 0 none;
}

.callink {
/* Style for "day" link */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #264972;
    text-decoration: none;
    background-color: #EBEBEB;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding: 7px;
    height: 100%;
    width: 100%;
    border: 1px solid #EBEBEB;
}

a.callink:hover {
/* Hoverstate of "callink" */
    background-color: #FFFFFF;
    border: 1px solid #EAF2FB;
}

.callinksel {
/* Currently selected day */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFA0;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding: 7px;
    height: 100%;
    width: 100%;
    border: 1px solid #FFFF00;
}

/* Language Translation Styles */
.trans {
    background-color: Yellow;
    color: Black;
}

.transtag {
    background-color: Red;
    color: White;
}

/* Order form classes */
.ordertbl {
    width: 95%;
    background-color: #dedede;
    color: #416692;
}

.ordercell {
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    background-color: #FFFFFF;
}

.smalltext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #5e5e5e;
    text-decoration: none;
}

.smalltextred {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: Red;
    text-decoration: none;
}

.smalltextblack {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
}

.orderhdr {
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #416692;
    font-weight: bold;
    border-bottom: solid 1px #416692;
}

.tblreferralreportheader {
/* Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

a.tblreferralreportheader {
/* Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

a.tblreferralreportheader:active {
/* Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

a.tblreferralreportheader:visited {
/* Summary|Header row */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #CFDDEE;
    padding: 3px 4px;
    white-space: nowrap;
}

a.tblreferralreportheader:hover {
/* Hoverstate of "datagridlink" */
    text-decoration: underline;
}

a.datagridtooltip {
/* used for tooltip display for cells in datagrids */
    z-index: 24;
    color: #000000;
    position: relative;
    text-decoration: none;
}

a.datagridtooltip:hover {
    z-index: 25;
    color: #000000;
    text-decoration: none;
}

a.datagridtooltip span {
    display: none;
}

a.datagridtooltip:hover span {
    position: absolute;
    top: 2em;
    left: 0;
    border: 1px solid #000000;
    padding: 3px;
    display: block;
    width: 200px;
    color: #000000;
    background-color: #FFFFCA;
}

a.datagridtooltipwide {
    z-index: 24;
    color: #000000;
    position: relative;
    text-decoration: none;
}

a.datagridtooltipwide:hover {
    z-index: 25;
    color: #000000;
    text-decoration: none;
}

a.datagridtooltipwide span {
    display: none;
}

a.datagridtooltipwide:hover span {
    position: absolute;
    top: 2em;
    left: 0;
    border: 1px solid #000000;
    padding: 3px;
    display: block;
    width: 400px;
    color: #000000;
    background-color: #FFFFCA;
}

a.merchantlink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Red;
    text-decoration: underline;
}

/* area is for Restore Request/Deleted Site Restore page */
.paddingLeft20 {
    padding-left: 20pt;
}

.paddingLeft10 {
    padding-left: 10pt;
}

.paddingLeft30Bottom5 {
    padding-left: 30pt;
    padding-bottom: 5pt;
}

.paddingLeft50Bottom5 {
    padding-left: 50pt;
    padding-bottom: 5pt;
}

.paddingLeft40Top8Bottom10 {
    padding-left: 40pt;
    padding-top: 8pt;
    padding-bottom: 10pt;
}

.paddingLeft30Bottom20 {
    padding-left: 30pt;
    padding-bottom: 20pt;
}

.paddingLeft20Bottom10 {
    padding-left: 20pt;
    padding-bottom: 10pt;
}

.paddingLeft10Bottom10 {
    padding-left: 10pt;
    padding-bottom: 10pt;
}

.paddingBottom15 {
    padding-bottom: 15pt;
}

.boldText {
    font-weight: bold;
    color: #000000;
}