body {
    margin: 0;
    padding: 0;
    font-family: verdana;
    font-size: 10pt;
}
select,body,textarea
{
    /* scrollbar-face-color: #ddf0ff;
    scrollbar-arrow-color: #777777;
    scrollbar-shadow-color: #ddf0ff;
    // scrollbar-base-color: white;
    scrollbar-darkshadow-color: #ddf0ff;
    scrollbar-3dlight-color: #ddf0ff;
    scrollbar-track-color: #fafafa;
    scrollbar-highlight-color: #ddf0ff; */
}
img { border: 0; }
body.user { background-color: #cccccc; }
body.bright { background-color: #ffffff;  }
body.light { background-color: #ffffff; padding: 5px; }
body.preview { margin: 10; padding: 10; font-family: verdana; font-size: 10pt; }
td.mainArea { padding: 10px; vertical-align: top;}
pre { font-family: verdana; font-size: 8pt; padding: 0; margin: 0; }

input,textarea,select,button { font-family: verdana; font-size: 8pt; }
textarea,select { background-color: #ffffff; }
.checkbox { padding: 0; margin: 0; }
.regular { background-color: #ffffff; }
.textBox,.textBoxHl,.textBoxDl,.textBoxDlSize1 { background-color: #ffffff; color: #000099; border: 1px solid #888888; }
.textBoxHl { color: #ff0000; }
.textBoxDl,.textBoxDlSize1 { color: #999999; }
.textBoxDlSize1 { font-size: 10pt; }
.textArea,.textAreaSmall,.textAreaVSmall { background-color: #ffffff; color: #000099; border: 1px solid #888888; }
.textAreaSmall { font-size: 8pt; }
.textAreaVSmall { font-size: 7pt; }
.buttonSubmit {  }
.textBoxSmall { background-color: #ffffff; font-size: 8pt; color: #000099; border: 1px solid #888888; }
.textBoxSize0 { background-color: #ffffff; font-size: 7pt; color: #000099; border: 1px solid #888888; }
.textBoxHlSmall { background-color: #ffffff; font-size: 8pt; color: #ff0000; border: 1px solid #888888; }

table.withBg { background-color: #eeeeee; }
table.withBg1 { border: 1px solid #cccccc; background-color: #f0f0f0; }
table.withBg2 { background-color: #cccccc; }
table.withBgBordered { background-color: #eeeeee; border: 1px solid #93d1ff; }
table.data { background-color: #93d1ff; }
table.panel { border: 2px solid #cccccc; background-color: #cccccc; }
.bordered { border: 1px solid #cccccc; }
.borderedHl { border: 1px solid #ff0000; }
.borderedHlDashed { border: 1px #ff0000 dashed; }
div.userCPanelArea { background-color: #eeeeee; margin: 0; padding: 1pt; border-top: solid 1px #000000; border-bottom: solid 1px #000000; }
.userCPanelRow { background-color: #eeeeee; vertical-align: middle; }
.tRow2 { background-color: #eeeeee; }
.tRow1 { vertical-align: middle; background-color: #e0e0e0; }
.tRow0 { vertical-align: middle; background-color: #f0f0f0; }
.tRow { vertical-align: middle; background-color: #ffffff; }
.cellHl { background-color: #ffffcc; }
.cellHl1 { background-color: #ffff99; }
.cellTitle { background-color: #ffffcc; text-align: right; }
.cellTitle1 { background-color: #eeeeee; text-align: right; }
.cellFieldTitle { background-color: #eeeeee; }
.fieldTitle { background-color: #ddf0ff; }
.tHl { background-color: #eeee99; padding: 4pt; }
.tFieldTitle { background-color: #96dfff; vertical-align: middle; text-align: right; }
.tTitle { background-color: #96dfed; vertical-align: middle; text-align: center; }
.tTitleHlBold { color: #ffffff; font-weight: bold; }
.cellText { color: #000099; }
.cellTextBold { color: #000099; font-weight: bold; }
.cellTextPassiveBold { color: #aaaa99; font-weight: bold; }
td.listTitle, td.listTitleNext { color: #0066ff; font-family: verdana; font-size: 8pt; }
td.listCell, td.listCellNext { }
tr.listRow { background-color: #eeeeee; }
tr.listRow1 { background-color: #dddddd; }
td.listCellTitle { text-align: right; vertical-align: top; font-size: 10pt; color: #000099; background-color: #ffffcc; }
td.listCellHl { background-color: #ffffcc; }
td.listTitleB { background-color: #ffffcc; font-weight: bold; }

.icon { padding: 0; margin: 1; border: 1px solid #eeeeee; }
.iconHl { padding: 0; margin: 1; border: 1px solid; border-color: #ffffff #777777 #777777 #ffffff; }
form,table { margin: 0; }
a:link, a:visited { color: #000000; text-decoration: none; }
a:hover { color: #ff9900; text-decoration: underline; }
a.hlSmall:link,a.hlSmall:visited,a.hlSmall:hover {
    color: #ffffff;
    font-size: 7pt;
}
a.hl:link,a.hl:visited,a.hl:hover { color: #ffffff; }
a.hlBold:link,a.hlBold:visited,a.hlBold:hover { color: #ffffff; font-weight: bold; }
a.hlSmall:hover { text-decoration: underline; }
a.classic:link, a.classic:visited, a.classic:hover {
    color: #0000ff; text-decoration: underline;
}
a.underlined:link,a.underlined:visited { text-decoration: underline;  }
a.passive:link,a.passive:visited,a.passive:hover { color: #000099; }
a.anchint:link,a.anchint:visited,a.anchint:hover { color: #666666; font-size: 7pt; }
a.inactive:link,a.inactive:visited,a.inactive:hover { color: #cccccc; }
a.attention:link,a.attention:visited,a.attention:hover { color: #ff0000; }
a.attentionBold:link,a.attentionBold:visited,a.attentionBold:hover { color: #ff0000; font-weight: bold; }
a.inactiveVSmall:link,a.inactiveVSmall:visited,a.inactiveVSmall:hover { color: #cccccc; font-size: 7pt; }
a.hrefBold:link,a.hrefBold:visited,a.hrefBold:hover { font-weight: bold; }
a.hrefBoldSize1:link,a.hrefBoldSize1:visited,a.hrefBoldSize1:hover { font-weight: bold; font-size: 9pt; }
a.hrefBoldSize2:link,a.hrefBoldSize2:visited,a.hrefBoldSize2:hover { font-weight: bold; font-size: 10pt; }
a.hrefErrorArea:link,a.hrefErrorArea:visited,a.hrefErrorArea:hover { font-weight: bold; color: #aa0000; }
a.hrefInactive:link,a.hrefInactive:visited,a.hrefInactive:hover { color: #cccccc; }
a.hrefSmall:link,a.hrefSmall:visited,a.hrefSmall:hover { font-size: 7pt; }
a.hrefSmallBold:link,a.hrefSmallBold:visited,a.hrefSmallBold:hover { font-weight: bold; font-size: 7pt; }
a.hrefInHint:link,a.hrefInHint:visited,a.hrefInHint:hover { font-style: italic; }

font.hl { color: #0099ff; }
.inactive { color: #cccccc; }
.inactiveVSmall { color: #cccccc; font-size: 8pt; }

table { font-size: 10pt; font-family: verdana; color: #000000; }
td,tr,div { font-size: 8pt; font-family: Verdana; color: #000000; }
.buttonSmall { font-family: verdana; font-size: 7pt;  }
.tOrdinary { background-color: #ffffff; vertical-align: middle; font-size: 10pt; }
.hint,.hintSelected { font-family: verdana; font-size: 8pt; color: #0099ff; }
.hintSelected { color: #ff0000; }
.hintSmall,.hintSmallSelected { font-family: verdana; font-size: 7pt; color: #0099ff; }
.hintSmallSelected { color: #ff0000; }
.smallText,.vsmallText,.smallTextHl,.smallTextInfo,.vsmallTextAttention {
    font-family: verdana; font-size: 7pt;
}
.vsmallTextAttention { text-decoration: none; font-weight: normal; color: #ff0000; }
.vsmallText { text-decoration: none; font-weight: normal; }
.smallTextHl { color: #00cc00; }
.smallTextInfo { color: #000099; }
.mainTitle { font-family: Verdana; font-size: 12pt; color: 000000; font-weight: bold; }
.mainTitle1 { font-family: Arial; font-size: 14pt; color: 000000; }
.subTitle { font-family: verdana; font-size: 10pt; color: #000000; font-weight: bold; }
.leftMenu { width: 100pt; height: 100%;}
.menuRoute { font-size: 7pt; padding-left: 10pt;}
.required { font-weight: bold; color: #ff0000; }
.fieldName { font-size: 10pt; font-family: verdana; }
.verticalMenu { font-family: verdana; font-size: 7pt; }
.verticalMenuSel { font-weight: bold; }

table.t1 { background-color: 00CCFF; }

td.verticalMenu,td.verticalMenuSel { text-align: right; vertical-align: middle; }
a.mainMenuLink:link, a.mainMenuLink:visited { font-size: 10px;
  font-family: Verdana; }

hr.hl { color: #dddddd; }
hr { height: 1px; }
.attention { color: #ff0000; }
.attentionSmall { color: #ff0000; font-size: 7pt; }
.attentionBold { color: #ff0000; font-weight: bold; }
.attentionBoldSize1 { color: #ff0000; font-weight: bold; font-size: 10pt; }
.errorMessageText { font-family: verdana; font-size: 10pt; color: #ff0000; }
.errorMessage,.errorMessageBold { font-size: 8pt; color: #ff0000; }
.errorMessageBold { font-weight: bold; }
.errorMessageBig { font-family: arial; font-size: 14pt; color: #ff0000; }
.messageText { font-family: verdana; font-size: 10pt; color: #000099; }
td.tFieldName1 { background-color: #e0e0e0; }

table.responses { background-color: #93d1ff; }
td.response { background-color: #ddf0ff; font-size: 7pt; padding: 10px; }
font.responseTitle { font-weight: bold;  }
font.responseAuthor { font-weight: bold; font-size: 7pt; }
font.responseUrl { font-size: 7pt; }

table.userMenu { background-color: #93d1ff; }
td.userMenu,td.userMenuSel { background-color: #ddf0ff; font-size: 7pt; padding: 5px;}
td.userMenuSel { background-color: #ffffff; }
a.userMenu,a.userMenuSel { }
a.userMenuSel { font-weight: bold; }

.paddedArea { margin: 0; padding: 13 15 13 17; }
.contourArea { vertical-align: top; padding: 4 0 5 5; }
.contourAreaHl { vertical-align: top; background-color: #ffffcd }

.billboardMainTitle { font-family: Times New Roman; color: #ff0000; font-weight: bold; font-size: 13pt; padding: 0; margin: 0 0 5 0; }
.billboardTitle { font-family: Times New Roman; color: #ff9900; font-weight: bold; font-size: 13pt; padding: 0; margin: 0 0 5 0; }
.hlBgStrong { background-color: #ffff99; color: #ff0000; font-weight: bold; }
.smartFree { color: #33cc66; }
.smartBronze { color: #ffcc33; }
.smartGold { color: #ff3333; }
.smartPlatinum { color: #cc3300; }
.billboardIcon { margin: 0 3 0 2; padding: 0; }

.billboardHeadTitle { background-color: #eeeeee; }
.announcementArea { background-color: #eeeeee; border: solid 1px #cccccc; padding: 5px; }
.newsDate { color: #0099ff; font-weight: bold; }
.newsTitle { font-style: italic; }
.newsBody { }

.introHelpTitle { font-size: 8pt; font-weight: bold; }
.listBox, .listBoxSmall, .listBoxDisabled {
    font-size: 8pt;
    font-family: verdana;
    background-color: #ffffff;
    color: #000099;
}
.listBoxSmall { font-size: 7pt; }
.listBoxDisabled { }

.helpArea,.helpAreaWide {
    display: none;
    border: solid 1px #cccccc;
    background-color: #ffff99;
    padding: 7px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.helpAreaWide { width: 95%; }

.radioArea { padding: 2px; }
.radioTitle { padding: 2px; }

.fieldErrorsArea,.fieldErrorsAreaVisible,.fieldErrorsAreaHidden {
    padding: 2px;
    background-color: #ffdddd;
    border: 1px solid #ff0000;
}
.fieldErrorsAreaHidden { display: none; }
.fieldErrorsAreaVisible { display: block; }

.formChapterTitle { }
.formChapterTitleText { font-weight: bold; }
.chapterTitle { background-color: #eeeeee; }
.chapterTitleText { font-weight: bold; }
.headerFieldTitle { background-color: ddf0ff; font-weight: bold; }

.errorsAreaLite,.errorsArea,.errorsAreaHidden,.errorsAreaVisible,.errorsAreaStd {
    border: 1px solid #ff0000;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    margin: 15 0 15 0;
    color: #ff0000;
    background-color: #ffffff;
}
.errorsAreaLite { font-weight: normal; }
.errorsAreaHidden { display: none; }
.errorsAreaVisible { display: block; }
.errorsAreaStd { margin: 15 0 0 0; }
.fatalErrorsArea {
    padding: 10px;
    font-weight: bold;
    color: #ff0000;
    font-size: 14pt;
    border: 1px solid #ff0000;
    text-align: center;
}
.attentionMessageArea {
    padding: 10;
    background-color: #ffffcc;
    border: 1px solid #ff0000;
}
.attentionMessageArea1 {
    padding: 10;
    border: 1px solid #00cc00;
}

.recordArea { border: 1px solid #cccccc }
.recordAreaTitle { background-color: #ffff99; }

.listArea { border: 1px solid #93d1ff }
.listAreaTitle { background-color: #ddf0ff; text-align: center; font-size: 7pt; }
.listTextPassive { color: #000099; }
.listTextHint { color: #999999; font-size: 7pt; }

.listOptionLow { background-color: royalblue; color: #ffffff; }
.listOptionMedium { background-color: yellow; color: #000000; }
.listOptionHigh { background-color: red; color: #ffffff; }
.listOptionDisabled { color: #cccccc; }
.listOptionHl { background-color: #eeeeee; }
.flistOptionLow { color: #00cc00; }
.flistOptionMedium { color: #0000cc; }
.flistOptionHigh { color: #ff0000; }
.text_listOptionLow { color: royalblue; }
.text_listOptionMedium { color: yellow; }
.text_listOptionHigh { color: red; }

.bytesCounter { font-weight: bold; color: #0000ff; }
.bytesCounterHl { font-weight: bold; color: #ff0000; }

.calTable { background-color: #93d1ff; }
.calTitle { background-color: #ddf0ff; text-align: center; font-weight: bold; }
.calTitleDay, .calTitleDayHl { background-color: #ffffcc; text-align: center; }
.calTitleDayHl { color: #ff0000; }
.calDay,.calDayHl { background-color: #ffffff; text-align: center; }
.calDayHl { color: #ff0000;  }
.calDayHref { background-color: #93d1ff; }
.calDaySelected { background-color: #93d1ff; border: solid 2px #ff0000; }
.calHref:hover, .calHref:link, .calHref:visited {
    font-weight: bold;
    color: #0000ff;
}

.scalHref,.scalHrefSel { }
.scalDay { background-color: #ffffff; text-align: center; }
.scalHrefHl:link,.scalHrefHl:visited,.scalHrefHlSel:link,.scalHrefHlSel:visited { color: #ff0000; }
.scalDayUndone { background-color: #ff99ff; }
.scalDayDone { background-color: #cccccc; }
.scalDayToday { background-color: #ffff00; }

/* fields editor */
table.flist { background-color: #eeeeee; border: 1px solid #93d1ff; }
table.flistFieldData { background-color: #cccccc; }
.flistRow,.flistRowSel {
    font-family: verdana;
    font-size: 8pt;
    vertical-align: middle;
    background-color: #ffffff;
}
.flistRowSel { background-color: #ffff99; }
.flistFieldIsOff { font-weight: bold; color: #ff0000; }
.flistFieldIsOn { font-weight: bold; color: #00cc00; }
table.flistData { background-color: #cccccc; }
.flistDataTitle {
    background-color: #ddf0ff;
}
.flistDataRow, .flistDataRowSel { background-color: #ffffff; }
.flistDataRowSel { background-color: #ffff99; }
.flistButtonSave {
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
}
.flistButton,.flistButtonSave {
    font-size: 7pt;
}
.flistFieldTitle {
    background-color: #ddf0ff;
    text-align: right;
    vertical-align: middle;
    padding: 7 3 7 15;
}

.fieldTitleSub {
    background-color: #eeeeee;
    text-align: right;
    vertical-align: middle;
    padding: 3;
}

.fieldDataSub {
    background-color: #ddf0ff;
    text-align: left;
    vertical-align: middle;
    padding: 3;
}

.glistElementField { font-weight: bold; color: #000000; }
.glistElementOperator { font-weight: bold; color: #ff0000; }
.glistElementOperatorMain { font-weight: bold; color: #ff0000; }
.glistElementValue { font-weight: bold; color: #000000; }
.glistElementArea,.glistElementAreaSel {
    text-align: center;
    padding: 6px;
    border: 1px solid #333333;
}
.glistElementAreaSel {
    background-color: #ffffcc;
}

.listDeleteButton {
  font-weight: bold;
  color: #ff0000;
}
.buttonHl {
  color: #ff0000;
}
.buttonAlert,.buttonSmallAlert {
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
}
.buttonSmallAlert {
    font-size: 7pt;
}

.listboxOption { }
.listboxOptionHl { color: #ff0000; }

.sstateActive,.sstateActiveBold { color: #00cc00; }
.sstateActivation,.sstateActivationBold { color: #ff9900; }
.sstatePassive,.sstatePassiveBold { color: #ff0000; }
.sstateDisabled,.sstateDisabledBold { color: #000000; }
.sstateActiveBold,.sstateActivationBold,.sstatePassiveBold,.sstateDisabledBold {
    font-weight: bold;
}

.hlArea { background-color: #ddf0ff; }

.alettersOn { color: #00cc00; }
.alettersOff { color: #000000; }
.alettersReject { color: #ff0000; }
.alettersWait { color: #0099ff; }

.stateOn { color: #00cc00; }
.stateOff { color: #ff0000; }
.stateBoldOn { color: #00cc00; font-weight: bold; }
.stateBoldOff { color: #ff0000; font-weight: bold; }

.pageNumber { font-size: 7pt; }
.pageNumberSelected { font-size: 7pt; font-weight: bold; color: #aa0000; }

.priceCost { font-weight: bold; color: #00cc00; }
.priceCostBig { color: #00cc00; font-size: 10pt; }
.priceDiscount { font-weight: bold; color: #ff0000; }

.listSelectedItem { background-color: #eeeeff; }

.treeIcon { width: 18px; height: 18px; border: 0; }
a.treeNodeSelected { background-color: #ff0000; }
a.treeNodeSelected:link, a.treeNodeSelected:visited { color: #00ff00; }
a.treeNodeSelected:hover { background-color: #0000ff; }
a.treeNode, a.treeNode:link, a.treeNode:hover { }
a.treeNodeFolderTitle:link,a.treeNodeFolderTitle:visited { font-weight: bold; color: #0099ff; font-size: 10pt; }
a.treeNodeFolderTitleHl:link,a.treeNodeFolderTitleHl:visited { font-weight: bold; color: #ff0000; font-size: 10pt; }
a.treeNodeTitle:link,a.treeNodeTitle:visited { color: #000000; }
div.treeNodeArea { display: block; margin: 0; padding: 0; }
div.treeNodeAreaHidden { display: none; margin: 0; padding: 0; }
div.treeLoadingArea { border: 1px solid #dddddd; background-color: #eeeeee; color: #ff0000; }
.treeTitleHint { color: #ff9900; }
a.treeNodeFolderTitleSel:link, a.treeNodeFolderTitleSel:visited { color: #ff0000; font-weight: bold; }
a.treeNodeTitleSel:link, a.treeNodeTitleSel:visited { color: #ff0000; font-weight: bold; }
td.treeNodeTitle { background-color: #ffffff; }
td.treeNodeTitleSel { background-color: #ffffcc; }

.tRowValignedMiddle { vertical-align: middle; background-color: #ffffff; }
.tRowHlValignedMiddle { vertical-align: middle; background-color: #ffffcc; }
.tRowValignedTop { vertical-align: top; background-color: #ffffff; }
.tRowHlValignedTop { vertical-align: top; background-color: #ffffcc; }
.areaHidden { display: none; }
.areaVisible { display: block; }

.graphBarBg { background-color: #ffeeee; border: solid 1px #cccccc; }
.graphBar { background-color: #ff0000; }
.mediumFont { font-size: 12px; }
.bigTitleFont { font-family: Times New Roman; font-size: 17px; font-weight: bold; }
.bigTitleFontHl { font-family: Times New Roman; font-size: 17px; font-weight: bold; color: #ff0000; }

.fontSize0 { font-size: 7pt; }
.fontSize1 { font-size: 8pt; }
.fontSize1_1  { font-size: 9pt; }
.fontSize1_2  { font-size: 11px; }
.fontSize2 { font-size: 10pt; }
.fontSize2_1 { font-size: 12px; }
.fontSize3 { font-size: 13px; }
.fontSize4 { font-size: 15px; }
.fontSize5 { font-size: 16px; }
.fontSizeSpec { font-size: 12px; line-height: 15px; }
.fontFamily0 { font-family: verdana; }
.fontFamily1 { font-family: arial; }
.fontFamily2 { font-family: times new roman; }

.textTitle { font-family: Arial; font-size: 18px; font-weight: bold; color: #ff0000; }
.textTitleMedium { font-family: Arial; font-size: 17px; font-weight: bold; color: #ff0000; }
.textJustify { text-align: justify; }
.text { }

.textHl,.textHlBold { color: #00cc00; }
.textHl1,.textHl1Bold { color: #ff9933; }
.textHl2,.textHl2Bold { color: #0099ff; }
.textHl3,.textHl3Bold { color: #0000ff; }
.textHl4,.textHl4Bold { color: #ff9900; }
.textHl5,.textHl5Bold { color: #999999; }
.textHl6,.textHl6Bold { color: #00aa00; }
.textHlBold,.textHl1Bold,.textHl2Bold,.textHl3Bold,.textHl4Bold,.textHl5Bold { font-weight: bold; }
.searchedText { background-color: #ffff99; }

.elementBg { background-color: #ff9c97 }
.contourAreaNice { background-color: #ffffff; vertical-align: top; }