/* Icons */
.cp_arrow_down, .cp_arrow_up {
    background: url(../img/cp_icons.png);
    display: inline-block;
}

.cp_arrow_down {
    background-position: -281px -32px;
    height: 16px;
    width: 16px;
}

.cp_arrow_up {
    background-position: -241px -32px;
    height: 16px;
    width: 16px;
}

.sorting_asc {
    background: url(../img/up_arrow.png) no-repeat center right;
}

.sorting_desc {
    background: url(../img/down_arrow.png) no-repeat center right;
}

.cp_x_icon_pink {
    background: url(../img/x_icon.png) no-repeat !important;
    height: 14px;
    width: 14px;
}

.cp_h1, .cp_content h1 {
    font-family: 'DIN';
    font-size: 42px;
    font-weight: normal;
    color: #333333;
    margin: 0px;
}

.cp_h1_pink, h1.cp_h1_pink {
    font-family: 'DIN';
    font-size: 42px;
    font-weight: normal;
    color: #e65785;
    margin: 0px;
}

.cp_h2, .cp_content h2 {
    font-family: 'DIN';
    font-size: 22px;
    font-weight: bold;
    color: #e85685;
}

.cp_h2_black, h2.cp_h2_black {
    font-family: 'DIN';
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}

.cp_h3, .cp_content h3 {
    font-family: 'DIN';
    font-size: 18px;
    font-weight: bold;
    color: #e85685;
}

.cp_h3_black, h2.cp_h3_black {
    font-family: 'DIN';
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.cp_text, .cp_content * {
    font-family: 'DIN';
}

.cp_bread_crumbs, .cp_bread_crumbs > a, .cp_bread_crumbs > a:hover,
.cp_link_block .cp_bread_crumbs, .cp_link_block .cp_bread_crumbs > a, .cp_link_block .cp_bread_crumbs > a:hover {
    font-family: 'DIN';
    font-size: 13px;
    color: #999999;
    font-weight: normal;
    text-decoration: none;
}

.cp_bread_crumbs,
.cp_link_block .cp_bread_crumbs {
    color: #333333;
}

    .cp_bread_crumbs > a:hover {
        text-decoration: underline;
    }

.cp_input, .cp_input_box intput {
    font-family: 'DIN';
    font-size: 19px;
    color: #333333;
    padding: 2px;
    height: 25px;
}

.cp_err_state {
    border: 1px solid #c21546; /* TODO: check color */
}

.cp_err_msg {
    display: none;
}

div.cp_err_tooltip {
    background-color: #efefef;
    border: 1px solid #bcbcbc;
    font-family: 'DIN';
    color: #be0439;
    border-color: #be0439;
}

.cp_btn, .cp_btn.ui-button {
    font-family: 'DIN';
    font-size: 16px;
    font-weight: normal;
    border: none;
    min-width: 6.3em;
    height: 1.6em;
    padding-left: 10px;
    padding-right: 10px;
    width: initial;
    cursor: pointer;
    background: none;
    background-color: #e65785;
    color: #ffffff;
}

.cp_sec_btn {
    background-color: #cacaca;
    color: #333333;
}

.cp_btn:hover {
    background: none;
    background-color: #999999;
    color: #ffffff;
}

.cp_btn_disabled, .cp_btn_disabled:hover {
    background-color: #cccccc;
    color: #999999;
    cursor: default;
}

.cp_btn > * {
    display: inline-block;
    font-family: 'DIN';
    font-size: 19px;
}

.cp_filter, button.cp_filter.ui-state-default {
    background: none;
    background-color: #efefef;
    border: 1px solid #cccccc;
    color: #000000;
    height: 25px;
}

.placeholder {
    color: #aaaaaa;
}

.cp_datatable {
    border-collapse: collapse;
    border-color: #cccccc;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
}

    .cp_datatable > tr, .cp_datatable > thead > tr, .cp_datatable > tbody > tr, .cp_datatable > tfoot > tr {
        height: 12px;
    }

        .cp_datatable > thead > tr > th, .cp_datatable > tbody > tr > th, .cp_datatable > tfoot > tr > th, .cp_datatable > tr > th {
            font-family: 'DIN';
            font-size: 14px;
            background-color: #efefef;
            border-bottom: 1px solid #cccccc;
            color: #333333;
            text-decoration: none;
            padding-left: 5px;
            text-align: left;
        }

    .sorting, .sorting_asc, .sorting_desc,
    .cp_datatable th.sorting, .cp_datatable th.sorting_asc, .cp_datatable th.sorting_desc {
        /* padding-left: 10px; */
    }

    .cp_datatable > thead > tr > td, .cp_datatable > tbody > tr > td, .cp_datatable > tfoot > tr > td, .cp_datatable > tr > td {
        font-family: 'DIN';
        font-size: 14px;
        background-color: #ffffff;
        border-width: 1px 0px 1px 0px;
        border-color: #cccccc;
        border-style: solid;
        padding-left: 5px;
        color: #333333;
        text-decoration: none;
    }



        .cp_datatable > tr > th:first-child, .cp_datatable > tr > td:first-child,
        .cp_datatable > thead > tr > th:first-child, .cp_datatable > thead > tr > td:first-child,
        .cp_datatable > tbody > tr > th:first-child, .cp_datatable > tbody > tr > td:first-child,
        .cp_datatable > tfoot > tr > th:first-child, .cp_datatable > tfoot > tr > td:first-child {
            border-left: 1px solid #cccccc;
        }

    .cp_datatable > tr:first-child > th, .cp_datatable > tr:first-child > td,
    .cp_datatable > thead > tr:first-child > th, .cp_datatable > thead > tr:first-child > td,
    .cp_datatable > tbody > tr:first-child > th, .cp_datatable > tbody > tr:first-child > td,
    .cp_datatable > tfoot > tr:first-child > th, .cp_datatable > tfoot > tr:first-child > td {
        border-top: 1px solid #cccccc;
    }

    .cp_datatable > thead > tr > .group, .cp_datatable > tbody > tr > .group, .cp_datatable > tfoot > tr > .group, .cp_datatable > tr > .group {
        background-color: #f7f7f7;
        color: #333333;
        text-decoration: none;
    }

    .cp_datatable > thead > tr > th.cp_table_sep, .cp_datatable > tbody > tr > th.cp_table_sep, .cp_datatable > tfoot > tr > th.cp_table_sep, .cp_datatable > tr > th.cp_table_sep,
    .cp_datatable > thead > tr > td.cp_table_sep, .cp_datatable > tbody > tr > td.cp_table_sep, .cp_datatable > tfoot > tr > td.cp_table_sep, .cp_datatable > tr > td.cp_table_sep {
        border-color: #cccccc;
        border-style: solid;
        border-width: 0px 1px 0px 1px;
        background: none;
        font-size: 0px;
    }

.dataTableFixedWidth {
    width: 100%;
}


.cp_link, .cp_link:hover, .cp_link:visited, .cp_link:link,
a.cp_link, a.cp_link:hover, a.cp_link:visited, a.cp_link:link,
.cp_datatable a, .cp_datatable a:hover, .cp_datatable a:visited, .cp_datatable a:link,
.cp_link_block a, .cp_link_block a:hover, .cp_link_block a:visited, .cp_link_block a:link,
a.cp_link_black, a.cp_link_black:hover, a.cp_link_black:visited, a.cp_link_black:link,
.cp_link_block_black a, .cp_link_block_black a:hover, .cp_link_block_black a:visited, .cp_link_block_black a:link {
    font-family: 'DIN';
    font-size: 14px;
    color: #ba2454;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
}

    .cp_link:hover, a.cp_link:hover, .cp_datatable a:hover, .cp_link_block a:hover,
    .cp_link_block_black a:hover, a.cp_link_black:hover {
        text-decoration: underline;
        font-weight: normal;
    }

    a.cp_link_black, a.cp_link_black:hover, a.cp_link_black:visited, a.cp_link_black:link, .cp_link_block_black a,
    .cp_link_block_black a:hover, .cp_link_block_black a:visited, .cp_link_block_black a:link {
        color: #333333;
    }


.cp_loading_div {
    position: absolute;
    background: #aaaaaa url("../img/modal_bg.png") 50% 50% repeat-x;
    opacity: 0.4;
    filter: Alpha(Opacity=40); /* support: IE8 */
    z-index: 99;
}

.cp_loading_div_content {
    position: absolute;
    left: 50%;
    z-index: 100;
}

    .cp_loading_div_content > div {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
    }

.spinner {
    z-index: auto !important;
}

/* CP Overrides */

.cp_accr {
    height: initial;
    min-height: initial;
    border: 1px solid #cccccc;
    margin-top: -1px;
}

.cp_accr_heading {
    z-index: 2;
    display: block;
    background: #ffffff;
    border: none;
    width: auto;
    padding: 8px 8px 8px 10px;
    float: none;
    height: 20px;
    min-height: initial;
    margin: 0px;
    cursor: pointer;
}

    .cp_accr_heading > .heading {
        font-family: 'DIN';
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        padding: 0px;
        display: inline-block;
        margin: 0px;
    }

.cp_accr_heading_100 > .heading {
    width: 100px;
}

.cp_accr_heading_200 > .heading {
    width: 200px;
}

.cp_accr_heading_300 > .heading {
    width: 300px;
}

.cp_accr_heading > .triangleBlack {
    float: none;
    display: inline-block;
    margin-top: 0px;
    cursor: pointer;
}

.cp_accr > .cp_accr_heading.cp_accr_heading_show {
    margin-bottom: 0px;
}

.cp_accr_content {
    background-color: #ffffff;
    padding: 5px 10px 10px 10px;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #cccccc;
}

/* CP Datatables Overrides */
.cp_datatable th.sorting, .cp_datatable td.sorting,
.cp_datatable th.sorting_desc, .cp_datatable td.sorting_desc,
.cp_datatable th.sorting_asc, .cp_datatable td.sorting_asc {
    cursor: pointer;
}

.cp_datatable_top, .cp_datatable_bottom {
    font-family: 'DIN';
    font-size: inherit;
}

.cp_datatable_top {
    padding-bottom: 5px;
}

    /* Top */
    .cp_datatable_top > div {
        width: 50%;
        display: inline-block;
    }

    .cp_datatable_top .dataTables_filter {
        padding-bottom: 2px;
    }

        .cp_datatable_top .dataTables_filter input {
            font-family: 'DIN';
            font-size: 14px;
            width: 250px;
            outline: none;
            height: 20px;
            border: 1px solid #aaaaaa;
            vertical-align: bottom;
        }

        .cp_datatable_top .dataTables_filter .search_icon {
            display: inline-block;
            background-color: #fff;
            width: 23px;
            height: 22px;
            border-width: 1px 1px 1px 0px;
            border-style: solid;
            margin-left: -1px;
            border-color: #aaa;
            margin-right: 5px;
            vertical-align: bottom;
        }

            .cp_datatable_top .dataTables_filter .search_icon div {
                background: url(../img/cp_icons.png) -87px -30px;
                display: inline-block;
                width: 100%;
                height: 100%;
            }

        .cp_datatable_top .dataTables_filter .spanT {
            margin-right: 5px;
        }

.cp_datatable_top_right {
    text-align: right;
}

    .cp_datatable_top_right .dataTables_length {
        display: inline-block;
        margin-left: 20px;
    }

        .cp_datatable_top_right .dataTables_length select {
            width: 50px;
            height: 20px;
            vertical-align: bottom;
        }

.dataTables_info {
    display: inline-block;
    vertical-align: bottom;
}

/* Bottom */
.cp_datatable_bottom .dataTables_paginate {
    text-align: right;
}

    .cp_datatable_bottom .dataTables_paginate .dataTables_info {
        display: inline-block;
    }

    .cp_datatable_bottom .dataTables_paginate > * {
        margin-left: 10px;
    }

.cp_datatable_bottom .first, .cp_datatable_bottom .last {
    display: none;
}

.cp_datatable_bottom .previous, .cp_datatable_bottom .next {
    cursor: pointer;
}

.cp_datatable_bottom .paginate_button, .cp_datatable_bottom .paginate_button {
    color: #e65785;
    cursor: pointer;
}

.cp_datatable_bottom .paginate_button_disabled.next, .cp_datatable_bottom .paginate_button_disabled.next,
.cp_datatable_bottom .paginate_button_disabled.previous, .cp_datatable_bottom .paginate_button_disabled.previous {
    color: #666666;
    cursor: default;
}

.cp_datatable_bottom .next, .cp_datatable_bottom .previous {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.previous .left_arrow, .next .right_arrow {
    background: url(../img/cp_icons.png);
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0px;
}



.previous .left_arrow {
    background-position: -130px -39px;
}

.next .right_arrow {
    background-position: -169px -39px;
}

.paginate_button_disabled .left_arrow {
    background-position: -130px -100px;
}

.paginate_button_disabled .right_arrow {
    background-position: -169px -100px;
}

.dataTables_empty {
    text-align: center;
}

/* jQuery Overrides */

/* Radio Buttons */
.ui-buttonset .ui-button {
    color: #333333;
    border: 1px solid #e65785;
}

    .ui-buttonset .ui-button.ui-state-active {
        color: #ffffff;
        background: none;
        background-color: #e65785;
    }

.ui-buttonset .ui-button-text-only .ui-button-text {
    padding: 0.2em 0.5em;
}

/* Buttons */
.cp_dialog {
    padding: 0px;
}

    .cp_dialog .ui-dialog-titlebar {
        border: 0px;
    }

    .cp_dialog .ui-dialog-titlebar-close .ui-button-text {
        display: none;
    }

        .cp_dialog .ui-dialog-titlebar .ui-button {
            background: none;
            border: none;
        }

            .cp_dialog .ui-dialog-titlebar .ui-button .ui-button-icon-primary {
                background-image: url("../js/jquery-ui/images/ui-icons_ffffff_256x240.png");
            }

    .cp_dialog.ui-dialog .ui-button .ui-state-default, .cp_dialog.ui-dialog .ui-widget-content .ui-state-default {
        margin-left: 5px;
        font-family: 'DIN';
        font-size: 19px;
        border: none;
        height: 31px;
        min-width: 120px;
        background: none;
        cursor: pointer;
        background-color: #e65785;
        color: #ffffff;
    }

    .cp_dialog.ui-dialog .ui-dialog-buttonpane {
        border: none;
        padding: 0;
    }

    .cp_dialog.ui-dialog .ui-button:hover {
        background-color: #999999;
        color: #ffffff;
    }

    .cp_dialog.ui-dialog .ui-dialog-buttonset > .ui-button > span {
        display: inline;
    }


/* Tabs */
.cp_tabs {
    border: 0px;
    background: none;
}

    .cp_tabs > .ui-tabs-nav {
        background: none;
        border-radius: 0px;
        padding: 0px;
        line-height: 25px;
        border: 1px solid #cccccc;
        background-color: #f1f1f1;
        margin-bottom: 10px;
    }

        .cp_tabs > .ui-tabs-nav > * {
            float: left;
        }

        .cp_tabs > .ui-tabs-nav > .ui-state-default, .cp_tabs > .ui-tabs-nav > li {
            background: none;
            border-radius: 0px;
            margin: 0;
            border-right: 1px solid #cccccc;
            border-top: 0px;
            border-left: 0px;
            height: 100%;
            text-align: center;
            box-sizing: border-box;
            width: 100px;
        }

        .cp_tabs.cp_tabs_150 > .ui-tabs-nav > .ui-state-default, .cp_tabs > .ui-tabs-nav > li {
            width: 150px;
        }

        .cp_tabs.cp_tabs_200 > .ui-tabs-nav > .ui-state-default, .cp_tabs > .ui-tabs-nav > li {
            width: 200px;
        }

            .cp_tabs > .ui-tabs-nav > li.ui-tabs-active {
                background-color: #ffffff;
                padding-bottom: 0px;
            }

            .cp_tabs > .ui-tabs-nav > li.ui-tabs-selected {
                padding-bottom: 0px;
            }

.cp_tabs_auto {
    border: none !important;
}

.cp_tabs > .ui-tabs-nav > .ui-state-default > a, .cp_tabs > .ui-tabs-nav > .ui-corner-top > a {
    font-size: 15px;
    color: #333333;
    outline: none;
    float: none;
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: normal;
    font-family: 'DIN';
}

.cp_tabs > .ui-tabs-nav > .tabs-selected > a, .cp_tabs > .ui-tabs-nav > .ui-state-active > a {
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 5px solid #e65785;
}

.cp_tabs > .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    padding: 0px;
}

.cp_tabsTitleSubtitle {
    font-size: 12px;
    color: #e65785;
}


/* Accordion */

.cp_accord > h3.ui-accordion-header {
    margin-top: 10px;
    font-weight: bold;
}

    .cp_accord > h3.ui-accordion-header:first-child {
        margin-top: 0px;
    }

.cp_accord > .ui-accordion-header {
    border: none;
    outline: none;
}

    .cp_accord > .ui-accordion-header.ui-accordion-header-active {
        border-bottom: none;
    }

.cp_accord > .ui-accordion-content {
    border: none;
}

.ui-datepicker {
    padding: 0px;
}

    .ui-datepicker > .ui-datepicker-calendar {
        padding: 3.2px;
    }

    .ui-datepicker > .ui-datepicker-header {
        border: none;
    }


/* Q-tip */

.cp-qtip-default {
    background-color: #ffffff;
    border-color: #e65785;
    font-family: 'DIN';
    font-size: 14px;
}