/* HTML TAGS 
*************************************************************************/
body {
    padding: 0px;
    overflow: auto;
    font-size: 11pt;
    font-family: 'Segoe UI';
    color: #4c4c4e;
    background-color: #ffffff;
}

    body.cl_new_site {
        padding: 0px;
        overflow: auto;
        font-size: 11pt;
        font-family: 'Segoe UI';
        color: #4c4c4e;
        background-color: #ffffff;
        margin: 0px;
    }

/* remove browsers put a thick border outline */
input:focus, textarea:focus, select:focus, table:focus, a:focus {
    outline: none;
}

li {
    padding: 4px 0px 4px 0px;
}

h1 {
    color: #336699;
    font-size: 21pt;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}

h2 {
    color: #A26F23;
    font-size: 19pt;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}

h3 {
    color: #336699;
    font-size: 17pt;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}

h4 {
    color: #A26F23;
    font-size: 15pt;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}

h5 {
    /* don't change <h5>*/
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}

h6 {
    color: #A26F23;
    font-size: 11pt;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}

/* AutoComplete flyout
*************************************************************************/
.cl_CompletionList {
    margin: 0px !important;
    background-color: white;
    color: black;
    border: 1px solid #A04CA9;
    cursor: default;
    overflow-y: scroll;
    overflow-x: auto;
    height: 230px;
    text-align: left;
    list-style: none;
    padding-left: 0px;
    z-index: 10000 !important;
    position: absolute;
    visibility: visible;
}

.cl_CompletionListItem {
    background-color: white;
    color: black;
    padding: 1px;
}

.cl_CompletionListHighlightedItem {
    background-color: #35B884; /*#ffff99*/
    color: black;
    padding: 1px;
}

.cl_completionListElement {
    margin: 0px !important;
    background-color: white;
    color: black;
    border: 1px solid #A04CA9;
    cursor: default;
    overflow: auto;
    height: 230px;
    text-align: left;
    list-style-type: circle;
}

.cl_highlightedListItem {
    background-color: #35B884; /*#ffff99*/
    color: black;
    padding: 1px;
}

.cl_listItem {
    background-color: window;
    color: black;
    padding: 1px;
}


/* Tips Rotator
*************************************************************************/

.cl_tipsbackground {
    background-image: url('../../App_Tips/Images/back.gif');
    background-repeat: no-repeat;
    width: 437px;
    height: 63px;
}

.cl_tip_next {
    background-image: url('../../App_Tips/Images/HorizontalButtons.gif');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    border: 0px;
}

/* LINKS
*************************************************************************/
A.cl_delsoft, A.cl_delsoft:link, A.cl_delsoft:visited, A.cl_delsoft:Active {
    color: white;
    text-decoration: none;
}

    A.cl_delsoft:Hover {
        color: #35B884;
    }

A.cl_stamp, A.cl_stamp:link, A.cl_stamp:visited, A.cl_stamp:Active {
    color: black;
    text-decoration: none;
}

    A.cl_stamp:Hover {
        color: #35B884;
    }

A.cl_hyl, A.cl_hyl:link, A.cl_hyl:visited, A.cl_hyl:Active {
    color: #4c4c4e;
    font-size: 11pt;
    text-decoration: none;
}

    A.cl_hyl:Hover {
        color: #852C8E;
    }

A.cl_lbu, A.cl_lbu:link, A.cl_lbu:visited, A.cl_lbu:Active {
    color: #4c4c4e;
    font-size: 11pt; /* changing this will change the LOGOut on the screen and changes the height*/
    text-decoration: none;
}

    A.cl_lbu:Hover {
        color: #852C8E;
    }

.cl_lbu_select {
    background-image: url('../../app_images/other/que.jpg');
    text-decoration: none;
}

.cl_lbu_select_Hover {
    background-image: url('../../app_images/other/que_h1.jpg');
    text-decoration: none;
}

A.cl_lbu_select, A.cl_lbu_select:link, A.cl_lbu_select:visited, A.cl_lbu_select:Active {
    background-color: white;
    text-decoration: none;
}

    A.cl_lbu_select:Hover {
        background-color: silver;
    }

A.cl_lbu_sort, A.cl_lbu_sort:link, A.cl_lbu_sort:visited, A.cl_lbu_sort:Active {
    color: black;
    font-family: 'Segoe UI';
    font-size: 11pt;
    text-decoration: None;
}

    A.cl_lbu_sort:Hover {
        color: #852C8E;
    }

A.cl_web_lbu, A.cl_web_lbu:link, A.cl_web_lbu:visited, A.cl_web_lbu:Active {
    color: Blue;
    text-transform: uppercase;
    line-height: 0.87rem;
    letter-spacing: 0.04em;
    font-family: 'Segoe UI';
    font-size: 11pt;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-top: 8px;
    margin-bottom: 8px;
}

    A.cl_web_lbu:Hover {
        color: red;
    }

/* AJAX
*************************************************************************/
.cl_vce {
    background-color: #FFFACD;
}

.modalBackground {
    background-color: gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.cl_wait {
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: 11pt;
    width: 163px;
    height: 100px;
}



.cl_PAStatus {
    color: Black;
}

.cl_PAStatus_Hot {
    color: #ED1C24;
}

.cl_rtt_PAStatus {
    background-color: coral;
    font-size: 14pt;
}


/* List Boxes Control (CheckBoxList, RadioButtonList, ...)
 *************************************************************************/
.ListBoxes {
    display: block;
    border: solid 1px #472444;
}

    .ListBoxes div {
        overflow: auto;
    }

.cl_li li {
    padding: 4px 0px 4px 0px;
    list-style-image: url('../../app_images/other/bullet.gif');
}

/* CLASSES
 *************************************************************************/
.cl_num_cir_alert {
    border-radius: 70%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 16px;
    height: 16px;
    padding: 4px;
    padding-top: 6px;
    background: #ED1C24;
    border: 1px solid #666;
    color: #ffffff;
    text-align: center;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    position: absolute;
    left: 45px;
    top: 8px;
}

.cl_num_cir_te_alert {
    border-radius: 70%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 16px;
    height: 16px;
    padding: 4px;
    padding-top: 6px;
    background: #ED1C24;
    border: 1px solid #666;
    color: #ffffff;
    text-align: center;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    position: absolute;
    left: 60px;
    top: 8px;
}

.cl_num_cir_invite {
    border-radius: 70%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */
    width: 16px;
    height: 16px;
    padding: 4px;
    padding-top: 6px;
    background: #ED1C24;
    border: 1px solid #666;
    color: #ffffff;
    text-align: center;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    position: absolute;
    left: 35px;
    top: 8px;
}

.cl_hat {
    color: #7F9DB9;
    font-size: 11pt;
    font-family: 'Segoe UI';
    vertical-align: middle;
    height: 90px;
}

.cl_con {
    color: #4c4c4e;
    font-size: 11pt;
    font-family: 'Segoe UI';
    border-top: dotted 2px #472444;
    border-bottom: dotted 2px #472444;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.cl_ribbon {
    color: #4c4c4e;
    font-size: 11pt;
    text-align: center;
    vertical-align: middle;
}

.cl_top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 0px;
    background-color: rgb(50, 58, 69);
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Segoe UI';
    font-size: 11pt;
    text-align: center;
}

.cl_bottom {
    border: solid 1px #472444;
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    height: 20px;
    vertical-align: middle;
}

.cl_tit_purple {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 0px;
    background-color: #862C8E;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Segoe UI';
    font-size: 13pt;
    text-align: center;
}

.cl_tit_green {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 0px;
    background-color: rgb(53, 184, 132); /* #35B884 */
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Segoe UI';
    font-size: 13pt;
    text-align: center;
}

.cl_tit {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 0px;
    background-color: rgb(50, 58, 69);
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Segoe UI';
    font-size: 13pt;
    text-align: center;
}

.cl_new_btn {
    height: 30px;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 6px;
    transition: background-color, 0.2s;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-family: 'Segoe UI';
    font-size: 9pt;
    font-weight: 700;
    text-decoration: none;
    margin-left: 3px;
    display: inline-block;
    cursor: pointer;
    background-clip: padding-box;
    -webkit-transition: background-color, 0.2s;
    -webkit-font-smoothing: antialiased;
    color: rgb(255, 255, 255);
}
/* only used in the shared objects between provider side and support side*/
.cl_pan {
    padding: 1px;
    border: 1px solid rgb(53, 184, 132);
    font-family: 'Segoe UI';
    font-size: 11pt;
}

.cl_lbl {
    font-family: 'Segoe UI';
    font-size: 11pt;
    display: block;
}

.cl_lbl_Q {
    font-family: 'Segoe UI';
    font-size: 11pt;
    display: block;
    line-height: 0.87rem;
    letter-spacing: 0.04em;
    -webkit-font-smoothing: antialiased;
    margin-top: 8px;
    margin-bottom: 8px;
}

.cl_note {
    border-radius: 10px;
    border: 2px solid #ffffcc;
    background-color: #ffffcc;
    color: black;
}

.cl_chat_pro {
    border-radius: 10px;
    border: 2px solid #852C8E;
    background-color: #852C8E;
    color: white;
}

.cl_chat_sup {
    border-radius: 10px;
    border: 2px solid #35B884;
    background-color: #35B884;
    color: white;
}

.cl_txt {
    padding: 2px;
    border: 1px solid rgb(53, 184, 132);
    font-family: 'Segoe UI';
    font-size: 11pt;
}

    .cl_txt:hover {
        border: 1px solid rgb(220, 227, 240);
    }

.cl_ddl {
    padding: 1px;
    border: 1px solid rgb(53, 184, 132);
    font-family: 'Segoe UI';
    font-size: 11pt;
}

    .cl_ddl:hover {
        border: 1px solid rgb(220, 227, 240);
    }

.cl_cbl {
    padding: 1px;
    border: 1px solid rgb(53, 184, 132);
    font-family: 'Segoe UI';
    font-size: 11pt;
    color: black;
}

    .cl_cbl:hover {
        /*color: #7F9DB9;*/
        border: 1px solid rgb(220, 227, 240);
    }

.cl_img {
    padding: 1px;
    border: 1px solid rgb(53, 184, 132);
    
}

    .cl_img:hover {
        /*color: #7F9DB9;*/
        border: 1px solid rgb(220, 227, 240);
    }

.cl_rb {
    padding: 1px;
    font-family: 'Segoe UI';
    font-size: 11pt;
}

.cl_rbl {
    padding: 1px;
    border: 1px solid rgb(53, 184, 132);
    font-family: 'Segoe UI';
    font-size: 11pt;
}

.cl_lib {
    padding: 1px;
    border: 1px solid rgb(53, 184, 132);
    font-family: 'Segoe UI';
    font-size: 11pt;
}

.cl_chk {
    padding: 1px;
    font-family: 'Segoe UI';
    font-size: 11pt;
}

    .cl_chk:hover {
        color: #7F9DB9;
    }

.cl_con_title {
    color: #4c4c4e;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
}

.cl_viw_field {
    color: #7F9DB9;
    width: 50%;
    text-align: right;
}

.cl_viw_value {
    color: #000000;
    width: 50%;
    text-align: left;
}

.cl_con_field {
    color: #7F9DB9;
    width: 30%;
    text-align: right;
}

.cl_con_value {
    color: #000000;
    width: 70%;
    text-align: left;
}

.cl_20_field {
    color: #7F9DB9;
    width: 20%;
    text-align: right;
}

.cl_80_value {
    color: #000000;
    width: 80%;
    text-align: left;
}

.cl_q_row {
    border-collapse: collapse;
    font-family: 'Segoe UI';
    font-size: 11pt;
}

.cl_q_row_locked {
    border-collapse: collapse;
    font-family: 'Segoe UI';
    font-size: 8pt;
    font-weight: bold;
    background-color: palevioletred;
    color: yellow;
}
/* Ajax Claesses
*************************************************************************/
/* always use combination of cl_txt or cl_txt along with cl_wm for watermark objects */
.cl_wm {
    color: silver;
    background: inherit;
}

    .cl_wm:hover {
        border: 1px solid rgb(220, 227, 240);
        background: inherit;
    }

/* Accordion */
.cl_accordionHeader {
    color: black;
    font-family: 'Segoe UI';
    font-size: 11pt;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.cl_accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    background-color: #336699;
    color: white;
    font-family: 'Segoe UI';
    font-size: 11pt;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align: left;
}

.cl_accordionContent {
    background-color: white;
    background-image: url('../../app_images/other/bkg3.png');
    background-repeat: repeat-x;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* cData Control View
*************************************************************************/
.cl_dat {
    color: #000000;
    font-size: 11pt;
    font-family: 'Segoe UI';
    border: solid 1px #472444;
    background-color: #BDCEB8;
    height: 30px;
    text-align: center;
}


/* Detail View
*************************************************************************/
.cl_det {
    color: #A26F23;
    font-size: 11pt;
    font-family: 'Segoe UI';
}

.cl_det_tit {
    color: #7F9DB9;
    font-size: 11pt;
    font-family: 'Segoe UI';
}

.cl_det_sec_tit {
    color: #A26F23;
    font-size: 11pt;
    font-family: 'Segoe UI';
}

.cl_det_sec_nam {
    color: #7F9DB9;
    font-size: 11pt;
    font-family: 'Segoe UI';
}

.cl_det_sec_val {
    color: #000000;
    font-size: 11pt;
    font-family: 'Segoe UI';
}

.cl_det_sec_val_inv {
    color: silver;
    font-size: 11pt;
    font-family: 'Segoe UI';
    text-decoration: line-through;
}

.cl_det_sec_val_dis {
    color: silver;
    font-size: 11pt;
    font-family: 'Segoe UI';
}

/* Progressing Control 
 *************************************************************************/
@media screen {
    div#preloader {
        position: absolute;
        left: -9999px;
        top: -9999px;
    }

        div#preloader img {
            display: block;
        }
}

@media print {
    div#preloader,
    div#preloader img {
        visibility: hidden;
        display: none;
    }
}

.progressPanel {
    margin: 0px 0px 10px;
    padding-left: 0px;
    display: block;
    float: right;
}

    .progressPanel DIV {
        z-index: 0;
        background-repeat: no-repeat;
        background-position: 50% 0px;
        float: left;
        vertical-align: top;
    }

        .progressPanel DIV SPAN {
            text-align: center;
            padding-bottom: 0px;
            padding-left: 3px;
            width: 100px;
            padding-right: 3px;
            display: block;
            font-size: 85%;
            padding-top: 35px;
        }

.bn00 {
    background: url(../../App_Controls/Level1/img/bn00.png);
}

.bn20 {
    background: url(../../App_Controls/Level1/img/bn20.png);
}

.bn21 {
    background: url(../../App_Controls/Level1/img/bn21.png);
}

/*.bn10 {
    background: url(../../App_Controls/Level1/img/bn10.png);
}*/

.b000 {
    background: url(../../App_Controls/Level1/img/b000.png);
}

.b120 {
    background: url(../../App_Controls/Level1/img/b120.png);
}

.b110 {
    background: url(../../App_Controls/Level1/img/b110.png);
}

.b00n {
    background: url(../../App_Controls/Level1/img/b00n.png);
}

.bn11 {
    background: url(../../App_Controls/Level1/img/bn11.png);
}

/*.bn12 {
    background: url(../../App_Controls/Level1/img/bn12.png);
}*/

.b111 {
    background: url(../../App_Controls/Level1/img/b111.png);
}

.b121 {
    background: url(../../App_Controls/Level1/img/b121.png);
}

.b11n {
    background: url(../../App_Controls/Level1/img/b11n.png);
}

.b12n {
    background: url(../../App_Controls/Level1/img/b12n.png);
}

.bn00 SPAN A {
    color: #65839d;
    font-weight: bold;
    text-decoration: none;
}

.bn10 SPAN A {
    color: #34b884;
    font-weight: bold;
    text-decoration: none;
}

.bn11 SPAN A {
    color: #34b884;
    font-weight: bold;
    text-decoration: none;
}

.bn20 SPAN A {
    color: #862c8e;
    font-weight: bold;
    text-decoration: none;
}

.bn21 SPAN A {
    color: #862c8e;
    font-weight: bold;
    text-decoration: none;
}

.b000 SPAN A {
    color: #65839d;
    font-weight: bold;
    text-decoration: none;
}

.b110 SPAN A {
    color: #34b884;
    font-weight: bold;
    text-decoration: none;
}

.b111 SPAN A {
    color: #34b884;
    font-weight: bold;
    text-decoration: none;
}

.b120 SPAN A {
    color: #862c8e;
    font-weight: bold;
    text-decoration: none;
}

.b121 SPAN A {
    color: #862c8e;
    font-weight: bold;
    text-decoration: none;
}

.b00n SPAN A {
    color: #65839d;
    font-weight: bold;
    text-decoration: none;
}

.b11n SPAN A {
    color: #34b884;
    font-weight: bold;
    text-decoration: none;
}

.b12n SPAN A {
    color: #862c8e;
    font-weight: bold;
    text-decoration: none;
}

.FileUploadClass input {
    font-size: 11pt;
}

/*Main wrapper class*/
.ContainerWrapper {
    background-color: #DFE8F6;
    border-right: 1px solid #9ABBE8;
    border-bottom: 1px solid #9ABBE8;
    border-left: 1px solid #9ABBE8;
    width: 100%;
}
/*Gap between wrapper and container*/
.ContainerMargin {
    padding: 4px;
}
/*Container*/
.Container {
    border: 1px solid #99BBE8;
    background-color: White;
}
/*Header of each container*/
.ContainerHeader {
    background-image: url(../../app_images/afu/Grid_Footer.gif);
    height: 25px;
}
    /*Margin of Header of each container*/
    .ContainerHeader td {
        padding: 4px;
    }

/*Progressbar container wrapper*/
#dvProgressContainer {
    width: 100%;
    height: 12px;
}
/*Progressbar container*/
#dvProgress {
    background-image: url(../../app_images/afu/Progressbar_Content.gif);
    height: 100%;
    width: 0px;
}

.cl_fixed_header {
    position: absolute;
    background-color: #2F3031;
}

/*****************************************************************************
From PARx New Web Site
******************************************************************************/
.cl_web_vce {
    background: #FFFACD;
}

.cl_menu_title {
    color: rgb(47,48,49); /* #2F3031 */
    font-family: 'Segoe UI';
    font-size: 15pt;
}

.cl_main_box {
    border-radius: 8px;
    border: 1px solid #35B884;
    background-color: White;
}

.cl_web_box {
    border-radius: 8px;
    border: 1px solid #DCE3F0;
    background-color: White;
}

.cl_web_box2 {
    border-radius: 10px;
    border: 2px solid #852C8E;
    background-color: White;
}

.cl_pop_tit {
    border: 0px;
    background-color: rgb(50, 58, 69);
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Segoe UI';
    font-size: 16pt;
    text-align: center;
}

.cl_web_tit {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 0px;
    background-color: rgb(50, 58, 69);
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Segoe UI';
    font-size: 19pt;
    text-align: center;
}

.cl_web_tit_red {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 0px;
    background-color: red;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Segoe UI';
    font-size: 19pt;
    text-align: center;
}


.cl_web_lbl {
    color: rgb(53, 184, 132);
    text-transform: uppercase;
    line-height: 0.87rem;
    letter-spacing: 0.04em;
    font-family: 'Segoe UI';
    font-size: 10pt;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
}

.cl_web_btn {
    width: 130px;
    height: 40px;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 6px;
    transition: background-color, 0.2s;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-family: 'Segoe UI';
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    margin-left: 6px;
    display: inline-block;
    cursor: pointer;
    background-clip: padding-box;
    -webkit-transition: background-color, 0.2s;
    -webkit-font-smoothing: antialiased;
    color: rgb(255, 255, 255);
}

.cl_red {
    background-color: red;
}

    .cl_red:disabled {
        background-color: rgb(237, 237, 237); /* #ededed */
        cursor: not-allowed;
    }

        .cl_red:disabled:hover {
            background-color: rgb(237, 237, 237); /* #ededed */
            cursor: not-allowed;
        }

    .cl_red:hover {
        background-color: darkred;
    }

.cl_blue {
    background-color: rgb(50, 58, 69); /* #323A45 */
}

    .cl_blue:disabled {
        background-color: rgb(237, 237, 237); /* #ededed */
        cursor: not-allowed;
    }

        .cl_blue:disabled:hover {
            background-color: rgb(237, 237, 237); /* #ededed */
            cursor: not-allowed;
        }

    .cl_blue:hover {
        background-color: rgb(73, 85, 103); /* #495567 */
    }

.cl_green {
    background-color: rgb(53, 184, 132); /* #35B884 */
}

    .cl_green:disabled {
        background-color: rgb(237, 237, 237); /* #ededed */
        cursor: not-allowed;
    }

        .cl_green:disabled:hover {
            background-color: rgb(237, 237, 237); /* #ededed */
            cursor: not-allowed;
        }

    .cl_green:hover {
        background-color: rgb(75, 206, 154); /* #4BCE9A */
    }

.cl_purple {
    background-color: rgb(133, 44, 142); /* #852C8E */
}

    .cl_purple:disabled {
        background-color: rgb(237, 237, 237); /* #ededed */
        cursor: not-allowed;
    }

        .cl_purple:disabled:hover {
            background-color: rgb(237, 237, 237); /* #ededed */
            cursor: not-allowed;
        }

    .cl_purple:hover {
        background-color: rgb(160, 76, 169); /* #A04CA9 */
    }

.cl_purple_stamp {
    background-color: rgb(133, 44, 142);
    text-align: center;
}

    .cl_purple_stamp > .cl_purple_stamp_container {
        background: url("../../app_images/other/bg-triangles-purple-100@2x.png") no-repeat right rgb(133, 44, 142);
        margin: 0 auto;
        padding-top: 5px;
        width: 100%;
        height: 100px;
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 18pt;
    }

.cl_purple_title {
    background-color: rgb(133, 44, 142);
    text-align: center;
}

    .cl_purple_title > .cl_purple_title_container {
        background: url("../../app_images/other/bg-triangles-purple-100.png") no-repeat right rgb(133, 44, 142);
        margin: 0 auto;
        width: 1200px;
        height: 100px;
        text-align: left;
    }

    .cl_purple_title span {
        color: rgb(255, 255, 255);
        line-height: 6.25rem;
        font-size: 29pt;
    }

.cl_below_title {
    background-color: rgb(230, 235, 245);
}

.cl_below_title_container {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
    padding-left: 40px;
    display: block;
    position: relative;
    max-width: 1200px;
}

.cl_content_container {
    margin: 0px auto;
    padding-top: 26px;
    padding-bottom: 26px;
    padding-right: 40px;
    padding-left: 40px;
    display: block;
    position: relative;
    max-width: 1260px;
}

.cl_site_header_container {
    background: rgb(255, 255, 255);
    height: 124px;
    padding-top: 26px;
    padding-bottom: 26px;
}

.cl_site_header_main_nav {
    left: 260px;
    height: 85px;
    bottom: 0px;
    overflow: hidden;
    display: block;
    position: absolute;
}

.cl_site_header_main_nav_list {
    display: block;
    list-style-type: none;
}

.cl_site_header_main_nav_list_item {
    margin: 0px 15px;
    width: auto;
    height: 85px;
    display: inline-block;
    position: relative;
}

    .cl_site_header_main_nav_list_item a {
        color: rgb(76, 76, 78);
        line-height: 85px;
        letter-spacing: 0.05em;
        font-family: 'Segoe UI';
        font-size: 0.87rem;
        font-weight: 700;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
    }

        .cl_site_header_main_nav_list_item a:hover {
            color: rgb(133, 44, 142);
            text-decoration: none;
        }

        .cl_site_header_main_nav_list_item a .short {
            display: none;
        }

.cl_site_header_main_nav_list_item_sub_nav_list {
    display: none;
}

.cl_site_header_main_nav_list_item_active a {
    color: rgb(133, 44, 142);
}

.cl_site_header_buttons {
    top: 56px;
    right: 40px;
    display: block;
    position: absolute;
}

.cl_site_header_buttons_button {
    width: 136px;
    height: 50px;
    line-height: 3.12rem;
}

.cl_horizontal_line {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 0.5px;
    border-color: rgb(220, 227, 240);
}

/* Site-Footer ********************************/

.cl_site-footer {
    color: rgb(101, 131, 157);
    text-align: center;
}

    .cl_site-footer .cl_horizontal_line {
        margin: 0px 0px 20px;
    }

.cl_site-footer_container {
    padding-top: 0px;
    padding-bottom: 10px;
}

.cl_site-footer_privacy {
    width: 19.05%;
    padding-right: 24px;
    float: left;
    display: block;
}

.cl_site-footer_privacy_text {
    text-transform: uppercase;
    line-height: 1rem;
    letter-spacing: 0.05em;
    font-size: 0.87rem;
    font-weight: 700;
}

.cl_site-footer_privacy_nav_links_list {
    margin: 8px 0px 0px;
    list-style-type: none;
}

.cl_site-footer_privacy_nav_links_list_item {
    line-height: 1.31rem;
    font-size: 0.81rem;
}

    .cl_site-footer_privacy_nav_links_list_item a {
        color: rgb(101, 131, 157);
        text-decoration: none;
    }

        .cl_site-footer_privacy_nav_links_list_item a:hover {
            color: rgb(133, 44, 142);
            text-decoration: none;
        }

/* Site-FooterTable ********************************/

.cl_footer_text {
    font-family: 'Segoe UI';
    font-size: 11pt;
    line-height: 1rem;
    padding-top: 10px;
}

.cl_privacy_text {
    font-family: 'Segoe UI';
    font-size: 10pt;
    line-height: 1rem;
    padding-top: 10px;
}

.cl_privacy_phone {
    font-family: 'Segoe UI';
    font-size: 15pt;
    line-height: 1rem;
    padding-top: 11px;
    font-weight: 600;
    text-align: left;
}

.cl_footer_text_Header {
    font-family: 'Segoe UI';
    font-size: 12pt;
    text-transform: uppercase;
    line-height: 1rem;
    font-weight: bold;
    padding-top: 15px;
}

.cl_privacy_text a {
    color: rgb(101, 131, 157);
    text-decoration: none;
}

    .cl_privacy_text a:hover {
        color: rgb(133, 44, 142);
        text-decoration: none;
    }

.cl_privacy_phone a {
    color: rgb(101, 131, 157);
    text-decoration: none;
}

    .cl_privacy_phone a:hover {
        color: rgb(133, 44, 142);
        text-decoration: none;
    }

.cl_nav_item {
    font-family: 'Segoe UI';
    font-size: 11pt;
    font-weight: 700;
    display: block;
}

    .cl_nav_item a {
        color: black;
        text-decoration: none;
    }

        .cl_nav_item a:hover {
            color: rgb(133, 44, 142);
            text-decoration: none;
        }

/* Customize uploaded file name */
html .RadUpload  .ruUploadProgress  {
        display:  inline-block;
        width:  200px;
        overflow:  hidden;
        text-overflow:  ellipsis;
        white-space:  nowrap;
        vertical-align:  top;
}

html  .demo-container  .ruFakeInput  {
        width:  210px;
}

html  .RadUploadProgressArea  {
        margin-top:  10px;
}