html, body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

.aHNh:hover {
    text-decoration: none !important
}

.aNh {
    text-decoration: none !important;
}

.aNhNi {
    text-decoration: none;
}

.clr {
    clear: both;
    line-height: 1px;
}

.flL {
    float: left;
}

.flR {
    float: right;
}

.taL {
    text-align: left !important;
}

.taC {
    text-align: center !important;
}

.taR {
    text-align: right !important;
}

.cPointer {
    cursor: pointer;
}

.vAlTop {
    vertical-align: top !important;
    vert-align: top !important;
}

.wwBreakWord {
    word-wrap: break-word !important;
}

table.wwBreakWord tr td, table.wwBreakWord tr th {
    word-wrap: break-word !important;
}

.tblLtFixed {
    table-layout: fixed !important;
}

.fs20 {
    font-size: 20px !important;
}

.mt00 {
    margin-top: 0 !important;
}

.mt05 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.p0 {
    padding: 0 !important;
}

.p3 {
    padding-left: 3px !important;
}

.pt17 {
    padding-top: 15px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.w5 {
    width: 5px !important;
}

.w30 {
    width: 30px !important;
}

.w100 {
    width: 100px !important;
}

.w120 {
    width: 120px !important;
}

.w150 {
    width: 150px !important;
}

.w200 {
    width: 200px !important;
}

.w395 {
    width: 395px !important;
}

.w580 {
    width: 580px !important;
}

.w700 {
    width: 700px !important;
}

.w1200 {
    width: 1200px !important;
}

.wAuto {
    width: auto !important;
}

.w100p {
    width: 100% !important;
}

.w30p {
    width: 30% !important;
}

.w40p {
    width: 40% !important;
}

.w50p {
    width: 50% !important;
}

.w80p {
    width: 80% !important;
}

.w90p {
    width: 90% !important;
}

.trThW196 tr td, .trThW196 tr th {
    width: 196px !important;
}

.trThW236 tr td, .trThW236 tr th {
    width: 236px !important;
}

.h0 {
    height: 0 !important;
}

.h40 {
    height: 40px !important;
}

.h80 {
    height: 80px !important;
}

.h100p {
    height: 100% !important;
}


.brdrNone {
    border: none !important;
}

.brdrT0001 {
    border-top: 1px solid #000;
}

.brdrT0002 {
    border-top: 2px solid #000;
}

.brdrB0002 {
    border-bottom: 2px solid #000;
}

.brdrfff2 {
    border: 2px solid #fff;
}

.brdr0002 {
    border: 2px solid #000;
}

.brdrLfff2 {
    border-left: 2px solid #fff;
}

.brdrL0002 {
    border-left: 2px solid #000;
}

.display-block {
    display: block !important;
}

.display-inline {
    display: inline !important;
}

.display-inline-block {
    display: inline-block !important;
}


.splitter05 {
    float: left;
    width: 1200px;
    height: 5px;
    margin: 0;
    padding: 0;
}

.splitter10 {
    float: left;
    width: 1200px;
    height: 10px;
    margin: 0;
    padding: 0;
}

.splitter20 {
    float: left;
    width: 1200px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.errorT {
    color: red;
}

.successT {
    color: green;
}

.iExcel32x32 {
    margin: 0;
    padding: 0 0 0 35px;
}

.iDownloadBlock32x32 {
    display: block;
    width: 32px;
    height: 32px;
}

.iLikeBlock32x32, .iDisLikeBlock32x32, .iLikeBlock32x32Na, .iDisLikeBlock32x32Na {
    display: block;
    width: 32px;
    height: 32px;
}

.iSortedAsc, .iSortedDesc {
    padding-left: 26px;
}

.itCollapsed24x24, .itExpanded24x24 {
    margin: 0;
    padding: 0 0 0 27px;
    cursor: pointer;
}

table.tabs tr td.tab {
    width: 50%;
    padding: 5px;
    border: 1px solid #000;
}

table.tabs tr td.tab:hover, table.tabs tr td.tabC {
    background-color: #000;
}

table.tabs tr td.tab:hover a, table.tabs tr td.tabC a {
    color: #FFF;
}


/* -------------------------- Font sizes ----------------------- */
#tblHeader tr td {
    font-size: 18px;
}

.logo a {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1px;
}

.logo a span {
    font-size: 16px;
}

.tblMainMenu tr td {
    font-size: 22px;
}

.pageTitle {
    font-size: 18px;
}

#tblFooter tr td {
    font-size: 18px;
}

.txtSearch {
    font-size: 18px;
}

.btn, .btnSearch, .btnNa {
    font-size: 18px;
    padding: 1px 10px;
    margin: 0;
    line-height: 22px;
    display: inline-block;
}

.aBtn {
}

/*#tblHeader tr td { font-size: 28px;}
.logo a {font-size: 28px;}
.tblMainMenu tr td { font-size: 28px;}
.pageTitle {font-size: 28px;}
#tblFooter tr td { font-size: 28px;}
.txtSearch { font-size: 28px;}
.btnSearch { font-size: 28px;}*/

/*#specSettable { float: left;width: 1200px;font-size: 16px;}
.details .title { font-size: 18px;}*/
#specSettable {
    float: left;
    width: 1200px;
    font-size: 28px;
}

.details .title {
    font-size: 30px;
}

.title2 {
    font-size: 18px;
}

.title3 {
    font-weight: bold;
}

ul.footerLinks, ul.footerLinks li {
    font-size: 18px;
}

ul.footerLinks li a {
    font-size: 16px;
    text-transform: uppercase;
}

/* -------------------------- Changable ------------------------ */
/*.fSizer {margin-left: 10px;text-decoration: none;cursor: pointer;}
.fSizerBox a.c { font-weight: bold;text-decoration: underline;}
.fSizable {}
.fSize1 { font-size: 10px !important;}
.fSize1 .title { font-size: 12px !important;}
.fSize3 { font-size: 20px !important; }
.fSize3 .title { font-size: 22px !important; }*/
.fSizer {
    margin-left: 10px;
    text-decoration: none;
    cursor: pointer;
}

.fSizerBox a.c {
    font-weight: bold;
    text-decoration: underline;
}

.fSizable {
    font-size: 28px;
}

.fSizable .title {
    font-size: 32px;
}

.fSize1 {
    font-size: 20px !important;
}

.fSize1 .title {
    font-size: 22px !important;
}

.fSize3 {
    font-size: 36px !important;
}

.fSize3 .title {
    font-size: 38px !important;
}

.fSize1 .title3 {
    font-size: 18px;
}

.fSize2 .title3 {
    font-size: 26px;
}

.fSize3 .title3 {
    font-size: 36px;
}

/* //------------------------ Changable ------------------------ */

/* //------------------------ Font sizes ----------------------- */


.clrSchemeBox a {
    text-decoration: none;
    margin-left: 5px;
    padding: 0 5px;
    cursor: pointer;
    font-size: 16px;
}

.clrSchemeBox a:hover {
    text-decoration: underline;
}

.clrSchemeBox a.c {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

/* -------------------------- Font colors ---------------------- */


/* ----- Default: color: black; bgColor: white ----------------- */
.content {
    color: #000;
}

a {
    color: #000;
}

#specSettings {
    background-color: gainsboro;
}

.tblMainMenu tr td a.c, .tblMainMenu tr td a:hover {
    color: #fff;
    background-color: #000;
}

.pageTitle .flR a.c, .pageTitle .flR a:hover {
    background-color: #000;
    color: #fff;
}

.btn, .btnSearch {
    color: #fff;
    background-color: #000;
}

.btn:hover, .btnSearch:hover {
    color: #000;
    background-color: #FFF;
    border: 1px solid #000;
}

.btnNa, .btnNa:hover {
    color: #000 !important;
    background-color: gainsboro !important;
    border: 1px solid #000 !important;
    cursor: default !important;
}

.liNews .dt, .details .dt {
    color: #999;
}

.footerArms {
    height: 70px;
    padding-left: 50px;
    background: url("i/arms-46x64-000.png") no-repeat 0 0 transparent;
}

.menuBranchWrapper ul li a.c, .menuBranchWrapper ul li a:hover {
    color: #FFF !important;
    background-color: #000 !important;
}

b.menuExpanded {
    background: url("i/collapse-24x24x4-000.png") no-repeat center center transparent;
    background-size: 200%;
    margin: 10px;
}

b.menuCollapsed {
    background: url("i/expand-24x24x4-000.png") no-repeat center center transparent;
    background-size: 200%;
    margin: 10px;
}

/*b.menuExpanded:hover { background-image: url("i/collapse-24x24x4-FFF.png") !important; }
b.menuCollapsed:hover { background-image: url("i/expand-24x24x4-FFF.png") !important; }*/

.clearer {
    background: url("i/close-24x24x4-000.png") no-repeat 0 -2px #FFF;
}

.printer32x32 {
    background: url("i/printer-32x32x0-000.png") no-repeat center center transparent;
}

.printer32x32:hover {
    background-image: url("i/printer-32x32x0-FFF.png") !important;
}

.iExcel32x32 {
    background: url("i/excel-32x32x0-000.png") no-repeat center center transparent;
}

.iDownloadBlock32x32 {
    background: url("i/download-32x32x2-000.png") no-repeat center center transparent;
}

.iDownloadBlock32x32:hover {
    background: url("i/download-32x32x2-FFF.png") no-repeat center center transparent;
}

.iLikeBlock32x32 {
    background: url("i/like-32x32x2-000.png") no-repeat center center transparent;
}

.iLikeBlock32x32:hover {
    background-image: url("i/like-32x32x2-FFF.png");
}

.iDisLikeBlock32x32 {
    background: url("i/dislike-32x32x2-000.png") no-repeat center center transparent;
}

.iDisLikeBlock32x32:hover {
    background-image: url("i/dislike-32x32x2-FFF.png");
}

.iLikeBlock32x32Na {
    background-image: url("i/like-32x32x2-FFF.png");
}

.iDisLikeBlock32x32Na {
    background-image: url("i/dislike-32x32x2-FFF.png");
}

.iSortedAsc {
    background: url("i/sortAsc-32x32x2-000.png") no-repeat center center transparent;
}

.iSortedDesc {
    background: url("i/sortDesc-32x32x2-000.png") no-repeat center center transparent;
}

.itExpanded24x24 {
    background: url("i/collapse-24x24x4-000.png") no-repeat center center transparent;
}

.itCollapsed24x24 {
    background: url("i/expand-24x24x4-000.png") no-repeat center center transparent;
}


.dialogCloseUpper {
    background: url("i/close-24x24x4-000.png") no-repeat center center #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dialogCloseUpper:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.dialogContentWrapper {
    background-color: gainsboro;
}

.surveyVotedBar {
    background-color: gainsboro;
}

.surveyVotedBar div {
    height: 20px;
    background-color: #000;
}

/* //--- Default: color: black; bgColor: white ----------------- */


/* ----- 1: color: black; bgColor: white ----------------------- */
.fClr1 {
    background-color: #fff !important;
}

.fClr1 .content, .fClr1 #dialogBox {
    color: #000 !important;
}

.fClr1 a {
    color: #000;
}

.fClr1 #specSettings {
    background-color: gainsboro !important;
}

.fClr1 .tblMainMenu tr td a.c, .fClr1 .tblMainMenu tr td a:hover {
    color: #FFF !important;
    background-color: #000 !important;
}

.fClr1 .pageTitle .flR a.c, .fClr1 .pageTitle .flR a:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.fClr1 .btn, .fClr1 .btnSearch {
    color: #FFF !important;
    background-color: #000 !important;
}

.fClr1 .btn:hover, .fClr1 .btnSearch:hover {
    color: #000 !important;
    background-color: #FFF !important;
    border: 1px solid #000;
}

.fClr1 .btnNa, .fClr1 .btnNa:hover {
    color: #000 !important;
    background-color: gainsboro !important;
    border: 1px solid #000 !important;
}

.fClr1 .liNews .dt, .fClr1 .details .dt {
    color: #999 !important;
}

.fClr1 .brdrT0001 {
    border-top: 1px solid #000 !important;
}

.fClr1 .brdrT0002 {
    border-top: 2px solid #000 !important;
}

.fClr1 .brdrB0002 {
    border-bottom: 2px solid #000 !important;
}

.fClr1 .brdrLfff2 {
    border-left: 2px solid #fff !important;
}

.fClr1 .brdrL0002 {
    border-left: 2px solid #000 !important;
}

.fClr1 .brdrfff2 {
    border: 2px solid #fff !important;
}

.fClr1 .brdr0002 {
    border: 2px solid #000 !important;
}

.fClr1 .tblBigBanners tr td a:hover {
    color: #FFF !important;
    background-color: #000 !important;
}

.fClr1 .newMenuWide a:hover {
    color: #FFF !important;
    background-color: #000 !important;
}

.fClr1 .footerArms {
    height: 70px;
    padding-left: 50px;
    background: url("i/arms-46x64-000.png") no-repeat 0 0 transparent;
}

.fClr1 .menuBranchWrapper ul li a.c, .fClr1 .menuBranchWrapper ul li a:hover {
    color: #FFF !important;
    background-color: #000 !important;
}


.fClr1 b.menuExpanded {
    background: url("i/collapse-24x24x4-000.png") no-repeat center center transparent;
    background-size: 200%;
    margin: 10px;
}

.fClr1 b.menuCollapsed {
    background: url("i/expand-24x24x4-000.png") no-repeat center center transparent;
    background-size: 200%;
    margin: 10px;
}

/*    .fClr1 b.menuExpanded {
        background: url("i/collapse-24x24x4-000.png") no-repeat 0 0 transparent;
        
        
    }
    .fClr1 b.menuCollapsed {
        background: url("i/expand-24x24x4-000.png") no-repeat 0 0 transparent;
        
    }
.fClr1 b.menuExpanded:hover {background-image: url("i/collapse-24x24x4-FFF.png")!important;}
.fClr1 b.menuCollapsed:hover {background-image: url("i/expand-24x24x4-FFF.png")!important;}*/


.phonelink {
    padding: 20px;
    text-align: center;
    font-size: 30px;
}


.fClr1 .clearer {
    background: url("i/close-24x24x4-000.png") no-repeat 0 -2px #FFF;
}

.fClr1 .printer32x32 {
    background: url("i/printer-32x32x0-000.png") no-repeat 0 0 transparent;
}

.fClr1 .printer32x32:hover {
    background-image: url("i/printer-32x32x0-FFF.png") !important;
}

.fClr1 .iExcel32x32 {
    background: url("i/excel-32x32x0-000.png") no-repeat 0 0 transparent;
}

.fClr1 .iDownloadBlock32x32 {
    background: url("i/download-32x32x2-000.png") no-repeat 0 0 transparent;
}

.fClr1 .iDownloadBlock32x32:hover {
    background-image: url("i/download-32x32x2-FFF.png") !important;
}

.fClr1 .iLikeBlock32x32 {
    background: url("i/like-32x32x2-000.png") no-repeat 0 0 transparent;
}

.fClr1 .iLikeBlock32x32:hover {
    background-image: url("i/like-32x32x2-FFF.png");
}

.fClr1 .iDisLikeBlock32x32 {
    background: url("i/dislike-32x32x2-000.png") no-repeat 0 0 transparent;
}

.fClr1 .iDisLikeBlock32x32:hover {
    background-image: url("i/dislike-32x32x2-FFF.png");
}

.fClr1 .iLikeBlock32x32Na {
    background-image: url("i/like-32x32x2-FFF.png");
}

.fClr1 .iDisLikeBlock32x32Na {
    background-image: url("i/dislike-32x32x2-FFF.png");
}

.fClr1 .iSortedAsc {
    background: url("i/sortAsc-32x32x2-000.png") no-repeat 0 0 transparent;
}

.fClr1 .iSortedDesc {
    background: url("i/sortDesc-32x32x2-000.png") no-repeat 0 0 transparent;
}

.fClr1 .itExpanded24x24 {
    background-image: url("i/collapse-24x24x4-000.png") !important;
}

.fClr1 .itCollapsed24x24 {
    background-image: url("i/expand-24x24x4-000.png") !important;
}

.fClr1 table.inputForm tr td.hintImg {
    background-image: url("i/question-24x24x2-000.png") !important;
}

.fClr1 #tblFiles tr td b.fileUploaderRemove {
    background: url("i/close-24x24x4-000.png") no-repeat 0 -2px #FFF !important;
}

.fClr1 table.tabs tr td.tab {
    border: 1px solid #000;
}

.fClr1 table.tabs tr td.tab:hover, .fClr1 table.tabs tr td.tabC {
    background-color: #000;
}

.fClr1 table.tabs tr td.tab:hover a, .fClr1 table.tabs tr td.tabC a {
    color: #FFF;
}

.fClr1 .rowDataFilter {
    background-color: gainsboro !important;
}

.fClr1 #dialogBoxBg {
    background-color: #000 !important;
}

.fClr1 #dialogBox {
    background-color: #FFF !important;
}

.fClr1 .dialogCloseUpper {
    background: url("i/close-24x24x4-000.png") no-repeat 0 0 #FFF;
}

.fClr1 .dialogContentWrapper {
    background-color: gainsboro;
}

.fClr1 .surveyVotedBar {
    background-color: gainsboro;
}

.fClr1 .surveyVotedBar div {
    height: 20px;
    background-color: #000;
}

/* //--- 1: color: black; bgColor: white ----------------------- */


/* ----- 2: color: white; bgColor: black ----------------------- */
.fClr2 {
    background-color: #000 !important;
}

.fClr2 .content, .fClr2 #dialogBox {
    color: #FFF !important;
}

.fClr2 a {
    color: #FFF;
}

.fClr2 #specSettings {
    background-color: #333 !important;
}

.fClr2 .tblMainMenu tr td a.c, .fClr2 .tblMainMenu tr td a:hover {
    color: #000 !important;
    background-color: #FFF !important;
}

.fClr2 .pageTitle .flR a.c, .fClr2 .pageTitle .flR a:hover {
    background-color: #FFF !important;
    color: #000 !important;
}

.fClr2 .btn, .fClr2 .btnSearch {
    color: #000 !important;
    background-color: #FFF !important;
}

.fClr2 .btn:hover, .fClr2 .btnSearch:hover {
    color: #FFF !important;
    background-color: #000 !important;
    border: 1px solid #FFF;
}

.fClr2 .btnNa, .fClr2 .btnNa:hover {
    color: #FFF !important;
    background-color: #333 !important;
    border: 1px solid #FFF !important;
}

.fClr2 .liNews .dt, .fClr2 .details .dt {
    color: #999 !important;
}

.fClr2 .brdrT0001 {
    border-top: 1px solid #FFF !important;
}

.fClr2 .brdrT0002 {
    border-top: 2px solid #FFF !important;
}

.fClr2 .brdrB0002 {
    border-bottom: 2px solid #FFF !important;
}

.fClr2 .brdrLfff2 {
    border-left: 2px solid #000 !important;
}

.fClr2 .brdrL0002 {
    border-left: 2px solid #FFF !important;
}

.fClr2 .brdrfff2 {
    border: 2px solid #000 !important;
}

.fClr2 .brdr0002 {
    border: 2px solid #FFF !important;
}

.fClr2 .tblBigBanners tr td a:hover {
    color: #000 !important;
    background-color: #FFF !important;
}

.fClr2 .newMenuWide a:hover {
    color: #000 !important;
    background-color: #FFF !important;
}

.fClr2 .footerArms {
    height: 70px;
    padding-left: 50px;
    background: url("i/arms-46x64-fff.png") no-repeat 0 0 transparent;
}

.fClr2 .menuBranchWrapper ul li a.c, .fClr2 .menuBranchWrapper ul li a:hover {
    color: #000 !important;
    background-color: #FFF !important;
}

.fClr2 b.menuExpanded {
    background: url("i/collapse-24x24x4-FFF.png") no-repeat 0 0 transparent;
}

.fClr2 b.menuCollapsed {
    background: url("i/expand-24x24x4-FFF.png") no-repeat 0 0 transparent;
}

.fClr2 b.menuExpanded:hover {
    background-image: url("i/collapse-24x24x4-000.png") !important;
}

.fClr2 b.menuCollapsed:hover {
    background-image: url("i/expand-24x24x4-000.png") !important;
}

.fClr2 .clearer {
    background: url("i/close-24x24x4-FFF.png") no-repeat 0 -2px #000;
}

.fClr2 .printer32x32 {
    background: url("i/printer-32x32x0-FFF.png") no-repeat 0 0 transparent;
}

.fClr2 .printer32x32:hover {
    background-image: url("i/printer-32x32x0-000.png") !important;
}

.fClr2 .iExcel32x32 {
    background: url("i/excel-32x32x0-FFF.png") no-repeat 0 0 transparent;
}

.fClr2 .iDownloadBlock32x32 {
    background: url("i/download-32x32x2-FFF.png") no-repeat 0 0 transparent;
}

.fClr2 .iDownloadBlock32x32:hover {
    background-image: url("i/download-32x32x2-000.png") !important;
}

.fClr2 .iLikeBlock32x32 {
    background: url("i/like-32x32x2-FFF-333.png") no-repeat 0 0 transparent;
}

.fClr2 .iLikeBlock32x32:hover {
    background-image: url("i/like-32x32x2-000-333.png");
}

.fClr2 .iDisLikeBlock32x32 {
    background: url("i/dislike-32x32x2-FFF-333.png") no-repeat 0 0 transparent;
}

.fClr2 .iDisLikeBlock32x32:hover {
    background-image: url("i/dislike-32x32x2-000-333.png");
}

.fClr2 .iLikeBlock32x32Na {
    background-image: url("i/like-32x32x2-000-333.png");
}

.fClr2 .iDisLikeBlock32x32Na {
    background-image: url("i/dislike-32x32x2-000-333.png");
}

.fClr2 .iSortedAsc {
    background: url("i/sortAsc-32x32x2-FFF.png") no-repeat 0 0 transparent;
}

.fClr2 .iSortedDesc {
    background: url("i/sortDesc-32x32x2-FFF.png") no-repeat 0 0 transparent;
}

.fClr2 .itExpanded24x24 {
    background-image: url("i/collapse-24x24x4-FFF.png") !important;
}

.fClr2 .itCollapsed24x24 {
    background-image: url("i/expand-24x24x4-FFF.png") !important;
}

.fClr2 table.inputForm tr td.hintImg {
    background-image: url("i/question-24x24x2-FFF.png") !important;
}

.fClr2 #tblFiles tr td b.fileUploaderRemove {
    background: url("i/close-24x24x4-FFF.png") no-repeat 0 -2px #000 !important;
}

.fClr2 table.tabs tr td.tab {
    border: 1px solid #FFF;
}

.fClr2 table.tabs tr td.tab:hover, .fClr2 table.tabs tr td.tabC {
    background-color: #FFF;
}

.fClr2 table.tabs tr td.tab:hover a, .fClr2 table.tabs tr td.tabC a {
    color: #000;
}

.fClr2 .rowDataFilter {
    background-color: #333 !important;
}

.fClr2 #dialogBoxBg {
    background-color: #FFF !important;
}

.fClr2 #dialogBox {
    background-color: #000 !important;
}

.fClr2 .dialogCloseUpper {
    background: url("i/close-24x24x4-FFF.png") no-repeat 0 0 #000;
}

.fClr2 .dialogContentWrapper {
    background-color: #333;
}

.fClr2 .surveyVotedBar {
    background-color: #333;
}

.fClr2 .surveyVotedBar div {
    height: 20px;
    background-color: #FFF;
}

/* //--- 2: color: white; bgColor: black ----------------------- */


/* ----- 3: color: #063462; bgColor: #9DD1FF ------------------- */
.fClr3 {
    background-color: #9DD1FF !important;
}

.fClr3 .content, .fClr3 #dialogBox {
    color: #063462 !important;
}

.fClr3 a {
    color: #063462;
}

.fClr3 #specSettings {
    background-color: #83BAE7 !important;
}

.fClr3 .tblMainMenu tr td a.c, .fClr3 .tblMainMenu tr td a:hover {
    color: #9DD1FF !important;
    background-color: #063462 !important;
}

.fClr3 .pageTitle .flR a.c, .fClr3 .pageTitle .flR a:hover {
    background-color: #063462 !important;
    color: #9DD1FF !important;
}

.fClr3 .btn, .fClr3 .btnSearch {
    color: #9DD1FF !important;
    background-color: #063462 !important;
}

.fClr3 .btn:hover, .fClr3 .btnSearch:hover {
    color: #063462 !important;
    background-color: #9DD1FF !important;
    border: 1px solid #063462;
}

.fClr3 .btnNa, .fClr3 .btnNa:hover {
    color: #063462 !important;
    background-color: #83BAE7 !important;
    border: 1px solid #063462 !important;
}

.fClr3 .liNews .dt, .fClr3 .details .dt {
    color: #0099CC !important;
}

.fClr3 .brdrT0001 {
    border-top: 1px solid #063462 !important;
}

.fClr3 .brdrT0002 {
    border-top: 2px solid #063462 !important;
}

.fClr3 .brdrB0002 {
    border-bottom: 2px solid #063462 !important;
}

.fClr3 .brdrLfff2 {
    border-left: 2px solid #9DD1FF !important;
}

.fClr3 .brdrL0002 {
    border-left: 2px solid #063462 !important;
}

.fClr3 .brdrfff2 {
    border: 2px solid #9DD1FF !important;
}

.fClr3 .brdr0002 {
    border: 2px solid #063462 !important;
}

.fClr3 .tblBigBanners tr td a:hover {
    color: #9DD1FF !important;
    background-color: #063462 !important;
}

.fClr3 .newMenuWide a:hover {
    color: #9DD1FF !important;
    background-color: #063462 !important;
}

.fClr3 .footerArms {
    height: 70px;
    padding-left: 50px;
    background: url("i/arms-46x64-003163.png") no-repeat 0 0 transparent;
}

.fClr3 .menuBranchWrapper ul li a.c, .fClr3 .menuBranchWrapper ul li a:hover {
    color: #9DD1FF !important;
    background-color: #063462 !important;
}

.fClr3 b.menuExpanded {
    background: url("i/collapse-24x24x4-063462.png") no-repeat 0 0 transparent;
}

.fClr3 b.menuCollapsed {
    background: url("i/expand-24x24x4-063462.png") no-repeat 0 0 transparent;
}

.fClr3 b.menuExpanded:hover {
    background-image: url("i/collapse-24x24x4-9DD1FF.png") !important;
}

.fClr3 b.menuCollapsed:hover {
    background-image: url("i/expand-24x24x4-9DD1FF.png") !important;
}

.fClr3 .clearer {
    background: url("i/close-24x24x4-063462.png") no-repeat 0 -2px #9DD1FF;
}

.fClr3 .printer32x32 {
    background: url("i/printer-32x32x0-063462.png") no-repeat 0 0 transparent;
}

.fClr3 .printer32x32:hover {
    background-image: url("i/printer-32x32x0-9DD1FF.png") !important;
}

.fClr3 .iExcel32x32 {
    background: url("i/excel-32x32x0-063462.png") no-repeat 0 0 transparent;
}

.fClr3 .iDownloadBlock32x32 {
    background: url("i/download-32x32x2-063462.png") no-repeat 0 0 transparent;
}

.fClr3 .iDownloadBlock32x32:hover {
    background-image: url("i/download-32x32x2-9DD1FF.png") !important;
}

.fClr3 .iLikeBlock32x32 {
    background: url("i/like-32x32x2-063462-83BAE7.png") no-repeat 0 0 transparent;
}

.fClr3 .iLikeBlock32x32:hover {
    background-image: url("i/like-32x32x2-9DD1FF-83BAE7.png");
}

.fClr3 .iDisLikeBlock32x32 {
    background: url("i/dislike-32x32x2-063462-83BAE7.png") no-repeat 0 0 transparent;
}

.fClr3 .iDisLikeBlock32x32:hover {
    background-image: url("i/dislike-32x32x2-9DD1FF-83BAE7.png");
}

.fClr3 .iLikeBlock32x32Na {
    background-image: url("i/like-32x32x2-9DD1FF-83BAE7.png");
}

.fClr3 .iDisLikeBlock32x32Na {
    background-image: url("i/dislike-32x32x2-9DD1FF-83BAE7.png");
}

.fClr3 .iSortedAsc {
    background: url("i/sortAsc-32x32x2-063462.png") no-repeat 0 0 transparent;
}

.fClr3 .iSortedDesc {
    background: url("i/sortDesc-32x32x2-063462.png") no-repeat 0 0 transparent;
}

.fClr3 .itExpanded24x24 {
    background-image: url("i/collapse-24x24x4-063462.png") !important;
}

.fClr3 .itCollapsed24x24 {
    background-image: url("i/expand-24x24x4-063462.png") !important;
}

.fClr3 table.inputForm tr td.hintImg {
    background-image: url("i/question-24x24x2-063462.png") !important;
}

.fClr3 #tblFiles tr td b.fileUploaderRemove {
    background: url("i/close-24x24x4-063462.png") no-repeat 0 -2px #9DD1FF !important;
}

.fClr3 table.tabs tr td.tab {
    border: 1px solid #063462;
}

.fClr3 table.tabs tr td.tab:hover, .fClr3 table.tabs tr td.tabC {
    background-color: #063462;
}

.fClr3 table.tabs tr td.tab:hover a, .fClr3 table.tabs tr td.tabC a {
    color: #9DD1FF;
}

.fClr3 .rowDataFilter {
    background-color: #83BAE7 !important;
}

.fClr3 #dialogBoxBg {
    background-color: #000 !important;
}

.fClr3 #dialogBox {
    background-color: #9DD1FF !important;
}

.fClr3 .dialogCloseUpper {
    background: url("i/close-24x24x4-063462.png") no-repeat 0 0 #83BAE7;
}

.fClr3 .dialogContentWrapper {
    background-color: #83BAE7;
}

.fClr3 .surveyVotedBar {
    background-color: #83BAE7;
}

.fClr3 .surveyVotedBar div {
    height: 20px;
    background-color: #063462;
}

/* //--- 3: color: #063462; bgColor: #9DD1FF ------------------- */

/* //------------------------ Font colors ---------------------- */

/*.menuBranchWrapper ul li a { margin-left: 30px;}*/
/*b.menuExpanded, b.menuCollapsed { display: block;float: left;  width: 30px;height: 24px;cursor: pointer;}*/
.menuBranchWrapper ul li {
    list-style-type: none;
}

.menuBranchWrapper ul li b {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 8px 5px 0 0;
}

b.menuExpanded, b.menuCollapsed {
    cursor: pointer;
}


.content {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.row {
    float: left;
    width: 1200px;
    margin: 0;
    padding: 0;
}

.row .path .path_item:hover {
    text-decoration: none;
}

.row .path strong {
    font-weight: normal !important;
}

#specSettings {
    float: left;
    width: 1200px;
}

#specSettings table {
    width: 100%;
}

#specSettings table tr td {
    width: 33%;
    padding: 5px;
    font-size: 18px;
}


#specSettable {
    float: left;
    width: 1200px;
}


#tblHeader {
    width: 100%;
}

#tblHeader tr td {
    width: 50%;
    padding-left: 10px;
}

.logo a {
    text-decoration: none;
}

.tblMainMenu {
    width: 100%;
}

.tblMainMenu tr td {
    margin: 0;
    padding: 0;
}

.tblMainMenu tr td a {
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
}

.tblBigBanners {
    width: 100%;
}

.tblBigBanners tr td {
    margin: 0;
    padding: 0;
}

.tblBigBanners tr td a {
    display: block;
    height: 100%;
    padding: 10px;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    font-size: 24px;
}


.pageTitle {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
}

.pageTitle .flR a {
    margin-left: 2px;
    padding: 1px 5px;
    text-decoration: none;
    text-transform: none;
}

.specResizable {
    float: left;
    width: 100%;
}

#tblFooter {
    width: 100%;
}

#tblFooter tr td {
    width: 50%;
    padding-left: 5px;
}

ul.footerLinks {
    margin: 10px 0 0 20px;
    padding: 0;
}

ul.footerLinks li {
    margin: 0;
    padding: 0;
}

ul.footerLinks li a {
    text-decoration: none;
}

ul.footerLinks li a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.footerArms {
    height: 70px;
    padding-left: 50px;
}

.txtSearch {
    width: 400px;
}

.btn, .btnSearch {
    border: 1px solid transparent;
    cursor: pointer;
}


/* -------------------------- Home page ------------------------ */
/*.newMenuWide a { display: block;width: 380px;padding: 5px;margin-top: 5px; text-decoration: none;text-transform: uppercase;}*/

.newMenuWide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newMenuWide a {
    display: block;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 5px;
    flex: 0 1 30%;
    text-align: center;
}

.newMenuWide td {
    flex: 0 1 30%;
}

.newMenuWide td a {
    display: block;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 5px;
    text-align: center;
    min-height: 150px;
}

p.listItemLight {
    display: block;
    width: 380px;
    padding: 5px;
    margin: 0 0 15px 0;
    text-align: left;
}

p.listItemLight a {
    text-decoration: none;
}

p.listItemLight a:hover {
    text-decoration: underline;
}

/* //------------------------ Home page ------------------------ */


/* -------------------------- Lists ---------------------------- */
.ulLvl1 {
    float: left;
    width: 1200px;
    margin: 10px 0;
    padding: 0;
}

.ulLvl1 .liLvl1 {
    float: left;
    width: 1200px;
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.ulLvl1 .liLvl1 a {
    text-decoration: none;
    font-weight: bold;
}

/*.ulLvl1 .liLvl1 a.c,*/
.ulLvl1 .liLvl1 a:hover {
    text-decoration: underline;
}

.ulLvl2 {
    float: left;
    width: 1100px;
    margin: 5px 0 10px 50px;
    padding: 0;
}

.ulLvl2 .liLvl2 {
    float: left;
    width: 1100px;
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: disc;
}

.ulLvl2 .liLvl2 a {
    text-decoration: underline;
    font-weight: normal;
}

.ulNews {
    float: left;
    width: 1200px;
    margin: 10px 0;
    padding: 0;
}

.ulNews .liNews {
    float: left;
    width: 1200px;
    margin: 15px 0 0 10px;
    padding: 0;
}

.ulNews .liNews a {
    text-decoration: underline;
    font-weight: bold;
}

/*.ulNews .liLvl1 a.c,*/
.ulNews .liNews a:hover {
    text-decoration: none;
}

.liNews .dt {
    float: left;
    width: 1200px;
}

.ulSubItem {
    float: left;
    width: 1200px;
    margin: 0;
    padding: 0;
}

.ulSubItem .liSubItem {
    float: left;
    width: 1160px;
    margin: 0 0 0 40px;
    padding: 0;
    list-style-type: disc;
}

/* //------------------------ Lists ---------------------------- */


/* -------------------------- Details -------------------------- */
.details {
    float: left;
    width: 1200px;
    margin: 0;
    padding: 0;
}

.details .title {
    font-weight: bold;
}

.details .dt {
    float: left;
    width: 1200px;
}

.details .item {
    float: left;
    width: 1200px;
    margin: 15px 0 0 0;
    padding: 0;
}

.details .item b {
    display: block;
    float: left;
    width: 1200px;
}

.details .item .subItem {
    float: left;
    width: 1200px;
    margin: 5px 0 0 0;
    padding: 0;
}

.details .text {
    float: left;
    width: 1200px;
}

.details .text p {
    margin-top: 10px;
}

/* //------------------------ Details -------------------------- */


/* -------------------------- pager ---------------------------- */
.pager {
    float: left;
    width: 1200px;
    margin: 30px 0;
}

.pager a, .pager span {
    float: left;
    display: block;
    width: auto;
    padding: 15px;
    font-weight: normal !important;
}

.pager a.c, .pager a:hover {
    text-decoration: none !important;
    font-weight: bold !important;
}

.listPager {
    float: left;
    width: 1100px;
    margin: 5px 0 5px 20px;
}

.listPager a, .listPager span {
    float: left;
    display: block;
    width: auto;
    padding: 15px;
    font-weight: normal !important;
}

.listPager a.c, .listPager a:hover {
    text-decoration: none !important;
    font-weight: bold !important;
}

/* //------------------------ pager ---------------------------- */


/* -------------------------- tabs ----------------------------- */
/* -------------------------- tabs ----------------------------- */


/* -------------------------- input forms ---------------------- */
table.inputForm {
    width: 100%;
}

table.inputForm, table.inputForm tr, table.inputForm tr td {
    border-collapse: collapse;
    border: none;
}

table.inputForm tr td {
    padding: 2px 5px;
}

table.inputForm tr td.r input, table.inputForm tr td.r textarea, table.inputForm tr td.r select {
    width: 100%;
    font-size: 18px;
    font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

table.inputForm tr td.l {
    width: 400px;
}

table.inputForm tr td.r {
    width: 400px;
}

table.inputForm tr td.vld {
    width: 400px;
    color: red;
}

table.inputForm tr td.hintImg {
    float: left;
    width: 35px;
    height: 25px;
    background: url("i/question-24x24x2-000.png") no-repeat 2px center transparent;
}

#tblFiles tr td b.fileUploaderRemove {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: url("i/close-24x24x4-000.png") no-repeat 0 -2px #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

#tblFiles tr td b.fileUploaderRemove:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

table.inputForm tr td.l span {
    color: red;
}

/* //------------------------ input forms ---------------------- */
.accessibleInput {
    padding: 5px 5px;
    font-size: 30px;
}

.accessibleButton {
    display: inline-block;
    padding: 20px 30px;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #000;
    margin: 10px auto;
    box-sizing: border-box;
}

.accessibleBox {
    box-sizing: border-box;
    padding: 20px 30px;
}

/* -------------------------- statistics ----------------------- */
.statisticFilter .datepicker-input {
    font-size: 18px;
}

.clearer {
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

.clearer:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.tblStatistics {
    width: 100%;
}

.tblStatistics, .tblStatistics tr, .tblStatistics tr th, .tblStatistics tr td {
    border-collapse: collapse;
}

.tblStatistics tr th, .tblStatistics tr td {
    border: 1px solid #333;
    text-align: center;
}

/* //------------------------ statistics ----------------------- */


/* -------------------------- vehicles calculation ------------- */
.tblVehicleCalcResult tr td {
    padding: 0 10px 0 0 !important;
}

.printer32x32 {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none !important;
}

/* //------------------------ vehicles calculation ------------- */


/* -------------------------- generic table with data ---------- */
.tblData {
    width: 100%;
}

.tblData, .tblData tr, .tblData tr th, .tblData tr td {
    border-collapse: collapse;
}

.tblData tr th, .tblData tr td {
    border: 1px solid #333;
    text-align: center;
}

.rowDataFilter {
    width: 1180px;
    padding: 10px;
    border: 1px solid #333;
    background-color: gainsboro;
}

.tblDataFilter, .tblDataFilter tr, .tblDataFilter tr th, .tblDataFilter tr td {
    border: none;
}

.tblDataFilter tr td .ctrlInput {
    width: 100%;
    font-size: 18px;
    font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/* //------------------------ generic table with data ---------- */


/* ----- Dialogs ----------------------------------------------------- */
#dialogBoxBg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.65;
    filter: alpha(opacity=65);
    background-color: #000;
    z-index: 99990;
    display: none;
}

#dialogBox {
    position: fixed;
    top: 0%;
    left: 50%;
    width: 800px;
    height: 270px;
    margin-left: -400px;
    margin-top: 0;
    background-color: #FFF;
    z-index: 99991;
    display: none;
}

.dialogT {
    padding: 5px 10px;
}

.dialogC {
    padding: 5px 10px;
    height: 190px;
    overflow-y: auto;
    text-align: left;
}

.dialogO {
    height: 30px;
    margin: 5px 0 0 0;
    padding: 0 10px;
}

.dialogBtn {
    float: right;
    cursor: pointer;
}

.dialogCloseUpper {
    float: right;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
}

.dialogContentWrapper {
    overflow: auto;
}

/* //--- Dialogs ----------------------------------------------------- */