/* BODY */
body {
    margin: 0;
    padding: 0;
    font-family: verdana;
    font-size: 11pt;
}
body.user { background-color: #ebebeb; }

/* fonts */
.white { color: #ffffff; }
.size00 { font-size: 7pt; }
.size0 { font-size: 8pt; }
.size1 { font-size: 9pt; }
.size2 { font-size: 11pt; }
.size3 { font-size: 13pt; }
.faded { color: #999999; }
.faded1 { color: #777777; }
.size0dl { font-size: 8pt; color: #999999; }
.size00dl { font-size: 7pt; color: #999999; }
.size1dl { font-size: 9pt; color: #999999; }
.size2dl { font-size: 11pt; color: #999999; }
.size3dl { font-size: 13pt; color: #999999; }
.size0bold { font-size: 8pt; font-weight: bold; }
.size1bold { font-size: 8pt; font-weight: bold; }
.size2bold { font-size: 11pt; font-weight: bold; }
.size3bold { font-size: 13pt; font-weight: bold; }
.hint,.hintSelected { font-family: verdana; font-size: 9pt; color: #888888; }
.hintSelected { color: #ff0000; }
.hintSmall,.hintSmallSelected { font-family: verdana; font-size: 8pt; color: #0099ff; }
.hintSmallSelected { color: #ff0000; }
.formChapterTitle { }
.formChapterTitleText { font-weight: bold; }
.chapterTitle { background-color: #fff2b8; }
.chapterTitleText { font-weight: bold; }
.headerFieldTitle { background-color: ddf0ff; font-weight: bold; }

/* HTML elements */
input,textarea,select,button { font-family: verdana; font-size: 9pt; background-color: #eeeeee; }
textarea,select { background-color: #ffffff; }
img { border: 0; }

/* anchors */
a:link, a:visited { color: #dd9700; text-decoration: none; }
a:hover { color: #ff9900; text-decoration: underline; }
a.bold:link, a.bold:visited, a.bold:hover { font-weight: bold; }

/* error areas */
.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: 15pt;
    border: 1px solid #ff0000;
    text-align: center;
}
.fieldErrorsArea,.fieldErrorsAreaVisible,.fieldErrorsAreaHidden {
    padding: 2px;
    background-color: #ffdddd;
    border: 1px solid #ff0000;
}
.fieldErrorsAreaHidden { display: none; }
.fieldErrorsAreaVisible { display: block; }

/* users profiles */
.profileFree { color: #00aa00; }
.profilePro { color: #ff0000; }

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

/* tables */
.listSelectedItem { background-color: #ffffcc; }
.cellHl { background-color: #ffffee; }
.cellHl1 { background-color: #ffffdd; }
.cellNormal { background-color: #ffffff; }
.cellTitle { background-color: #ddf0ff; }
td.listTitle, td.listTitleNext { color: #0066ff; font-family: verdana; font-size: 9pt; }
td.listCell, td.listCellNext { }
tr.listRow { background-color: #eeeeee; }
tr.listRow1 { background-color: #dddddd; }
td.listCellTitle { text-align: right; vertical-align: top; font-size: 11pt; color: #000099; background-color: #ffffcc; }
td.listCellHl { background-color: #ffffcc; }
td.listTitleB { background-color: #ffffcc; font-weight: bold; }
.listArea { border: 1px solid #93d1ff }
.listAreaTitle { background-color: #d7faaa; text-align: center; font-size: 8pt; }
.listAreaTitle1 { background-color: #ddf2bf; text-align: center; font-size: 8pt; }

/* areas */
.helpArea, .helpAreaWide, .helpAreaHidden, .helpAreaWideHidden {
    display: none;
    border: solid 1px #cccccc;
    background-color: #fff2b8;
    padding: 7px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 8pt;
}
.helpArea, .helpAreaHidden { width: 300; }
.helpAreaWide, .helpAreaWideHidden { width: 100%; }
.helpAreaHidden, .helpAreaWideHidden { display: none; }
.attentionArea1,.attentionArea2,.attentionArea3,
    .attentionArea1Bold,.attentionArea2Bold,.attentionArea3Bold,
    .attentionAreaInfo {
    border: 1px solid #00cc00;
    color: #00cc00;
    padding: 7px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    background-color: #ffffff;
}
.attentionArea2,.attentionArea2Bold { border: 1px solid #008800; color: #008800; }
.attentionArea3,.attentionArea3Bold { border: 1px solid #cc0000; color: #cc0000; }
.attentionArea2Bold,.attentionArea3Bold { font-weight: bold; }
.attentionAreaInfo { text-align: justify; color: #008800; }

body.bright { background-color: #ffffff;  }
body.light { background-color: #ffffff; padding: 5px; }
body.preview { margin: 10; padding: 10; font-family: verdana; font-size: 11pt; }
td.mainArea { padding: 10px; vertical-align: top;}
pre { font-family: verdana; font-size: 9pt; padding: 0; margin: 0; }

.checkbox { padding: 0; margin: 0; }
.regular { background-color: #ffffff; }
/*.textBox,.textBoxHl,.textBoxDl,.textBoxDlSize1 { font-size: 10pt; background-color: #959595; color: #ffdc62; border: 1px solid #000000; }*/
.textBox,.textBoxBold,.textBoxHl,.textBoxDl,.textBoxDlSize1 { font-size: 10pt; background-color: #ffffff; color: #333333; border: 1px solid #333333; padding: 1 2 1 2; }
.textBoxBold { font-weight: bold; }
.textBoxHl { color: #ff0000; }
.textBoxDl,.textBoxDlSize1 { color: #999999; }
.textBoxDlSize1 { font-size: 11pt; }
.textArea,.textAreaSmall,.textAreaVSmall { background-color: #ffffff; color: #000099; border: 1px solid #888888; }
.textAreaSmall { font-size: 9pt; }
.textAreaVSmall { font-size: 8pt; }
.buttonSubmit {  }
.textBoxSmall { background-color: #ffffff; font-size: 9pt; }
.textBoxVSmall { background-color: #ffffff; font-size: 8pt; }
.textBoxVVSmall { background-color: #ffffff; font-size: 7pt; }
.textBoxHlSmall { background-color: #ffffff; font-size: 9pt; color: #ff0000; }

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: #fff2b8; }
.tRow { vertical-align: middle; background-color: #ffffff; }
.cellFieldTitle { background-color: #fff2b8; }
.fieldTitle { background-color: #fff2b8; }
.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; }

.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.hlSmall:link,a.hlSmall:visited,a.hlSmall:hover {
    color: #ffffff;
    font-size: 8pt;
}
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: 8pt; }
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: 8pt; }
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: 11pt; }
a.hrefErrorArea:link,a.hrefErrorArea:visited,a.hrefErrorArea:hover { font-weight: bold; color: #aa0000; }
a.hrefSmall:link,a.hrefSmall:visited,a.hrefSmall:hover { font-size: 8pt; }
a.hrefSmallBold:link,a.hrefSmallBold:visited,a.hrefSmallBold:hover { font-weight: bold; font-size: 8pt; }
a.hrefInHint:link,a.hrefInHint:visited,a.hrefInHint:hover { font-style: italic; }

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

table { font-size: 10pt; font-family: verdana; color: #000000; }
td,tr,div { font-size: 10pt; font-family: Verdana; color: #222222; }
.buttonSmall { font-family: verdana; font-size: 8pt;  }
.tOrdinary { background-color: #ffffff; vertical-align: middle; font-size: 11pt; }
.smallText,.vsmallText,.smallTextHl,.smallTextInfo,.vsmallTextAttention {
    font-family: verdana; font-size: 8pt;
}
.vsmallTextAttention { text-decoration: none; font-weight: normal; color: #ff0000; }
.vsmallText { text-decoration: none; font-weight: normal; }
.smallTextHl { color: #00cc00; }
.smallTextInfo { color: #000099; }
.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; }
.attentionBold { color: #ff0000; font-weight: bold; }
.errorMessageText { font-family: verdana; color: #ff0000; }
.errorMessage,.errorMessageBold { color: #ff0000; }
.errorMessageBold { font-weight: bold; }
.messageText { font-family: verdana; font-size: 10pt; color: #000099; }

.paddedArea { margin: 0; padding: 13 15 13 17; }
.contourArea { vertical-align: top; padding: 4 0 5 5; }

.listBox, .listBoxSmall, .listBoxDisabled {
    font-size: 10pt;
    font-family: verdana;
    background-color: #ffffff;
    color: #333333;
    padding: 1 2 1 2
}
.listBoxSmall { font-size: 9pt; }
.listBoxDisabled { }

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


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

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

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

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

.mediumFont { font-size: 12px; }
.bigTitleFontHl { font-family: verdana; font-size: 15px; font-weight: bold; color: #008800; }

.textTitle { font-family: Arial; font-size: 18px; font-weight: bold; color: #ff0000; }
.textJustify { text-align: justify; }
.text { }
.textHl,.textHlBold { color: #008800; }
.textHl1,.textHl1Bold { color: #ff9933; }
.textHl2,.textHl2Bold { color: #0099ff; }
.textHl3,.textHl3Bold { color: #0000ff; }
.textHlBold,.textHl1Bold,.textHl2Bold,.textHl3Bold { font-weight: bold; }

.fontSize0 { font-size: 9pt; }
.fontSize1 { font-size: 10pt; }
.fontSize1_1  { font-size: 11pt; }
.fontSize2 { font-size: 12pt; }
.fontSize3 { font-size: 15px; }
.fontSize4 { font-size: 17px; }
.fontSizeSpec { font-size: 12px; line-height: 15px; }
.fontFamily0 { font-family: verdana; }
.fontFamily1 { font-family: arial; }
.fontFamily2 { font-family: times new roman; }
.ratesTabField { font-size: 7pt; padding: 1 1 1 1; text-align: center; }