/* start: reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

strong {
    font-weight: bold;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

.Msg {
    color: green;
}

.errMessage {
    float: left;
    font-size: 16px;
    width: 450px;
}

.rss {
    background-image: url('Images/rss.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 23px;
}

.loading {
    background-image: url('Images/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.button-med {
    -webkit-border-radius: 4px;
    background: #fdfdfd url('images/button-bg.jpg') bottom repeat-x;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #8e8e8e 1px solid;
    border-radius: 4px;
    color: #484848;
    display: inline-block;
    font-size: 9pt;
    height: 26px;
    line-height: 26px;
    padding: 0px 24px;
    text-align: center;
}

.button-dark {
    -webkit-border-radius: 4px;
    background: #818181 !important;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #ababab 1px solid !important;
    border-radius: 4px !important;
    color: #FFF !important;
    font-size: 10pt !important;
    font-weight: 500 !important;
    height: 26px !important;
    line-height: 2 !important;
    min-width: 64px;
    padding: 0px 16px !important;
    text-align: center;
}

.button-dark-small {
    -webkit-border-radius: 4px;
    background: #818181 !important;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #818181 1px solid !important;
    border-radius: 4px !important;
    color: #FFF !important;
    cursor: pointer !important;
    font-size: 8pt !important;
    font-weight: 500 !important;
    height: 22px !important;
    line-height: 2 !important;
    min-width: 64px;
    padding: 0px 10px !important;
    text-align: center;
    text-transform: uppercase;
}

.RadButton.RadButton_Default.rbButton,
.RadButton.RadButton_Default.rbButton {
    -webkit-border-radius: 4px;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #ababab 1px solid;
}

.button-disabled {
    background: rgb(170, 170, 170);
}

a.button-dark-small {
    height: 22px;
    line-height: 22px;
}

.popup {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 98%;
}

.popup-header {
    -webkit-border-radius: 4px;
    background: red;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 4px;
    display: block;
    margin-bottom: 10px;
    min-height: 50px;
    padding: 5px;
    padding-top: 8px;
    text-align: center;
    width: 100%;
}

    .popup-header .header-content {
        color: #FFFFFF;
        font-family: Calibri;
        font-size: 22px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: uppercase;
    }

.button-lar1 {
    -webkit-border-radius: 4px;
    background: #fdfdfd url('images/button-bg.jpg') bottom repeat-x;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #8e8e8e 1px solid;
    border-radius: 4px;
    color: #484848;
    display: inline-block;
    font-size: 11pt;
    height: 32px;
    line-height: 32px;
    padding: 0px 24px;
    text-align: center;
}

.count-red-small {
    -webkit-border-radius: 50%;
    background: #ff0000;
    border: #666 1px solid;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    float: left;
    font-size: 9pt;
    font-weight: 500;
    line-height: 8pt;
    margin-right: 4px;
    padding: 0px 3px 3px 3px;
    text-align: center;
}

.txtbox {
    border: none;
    width: 150px;
}

.txtbox_captcha {
    width: 200px;
}

.radio {
    background: url('images/radio-bg.png') 0px -23px no-repeat;
    display: inline-block;
    height: 23px;
    overflow: hidden;
    width: 23px;
}

.radio-active {
    background: url('images/radio-bg.png') 0px 0px no-repeat;
    display: inline-block;
    height: 23px;
    overflow: hidden;
    width: 23px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.aright {
    text-align: right;
}

body {
    background: #f1f2f2 url('images/body-bg.gif') center top no-repeat;
    font-family: Futura, "Raleway", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
}

a {
    color: #818181;
    text-decoration: none;
}

    a.more, a.less, a.showmore, a.showless {
        clear: both;
        color: #f15a2e;
        display: block;
        float: right;
        font-size: 14px;
        font-weight: bold;
    }

    a.header {
        font-size: larger;
        font-weight: bold;
        margin-bottom: 3px;
        margin-top: 5px;
    }

h1 {
    color: #f05d2f;
    font-size: 20pt;
    margin: 36px 0px;
}

.sharelinkdisable {
    cursor: default;
}

.center-wrapper {
    margin: 0px auto;
    width: 1006px;
}

.RadWindow .rwWindowContent {
    border-radius: 12px;
}

#header-top {
    height: 134px;
}

#header-logo {
    background: url('images/ccn-logo.png') no-repeat;
    display: block;
    float: left;
    height: 75px;
    margin-top: 46px;
    width: 251px;
}

#header-useroptions {
    height: 36px;
    margin-top: 64px;
    text-align: right;
}

#header-rightmenu {
    margin-top: 14px;
    text-align: right;
}

    #header-rightmenu a {
        color: #818181;
        font-size: 9pt;
    }

    #header-rightmenu span {
        color: #ababab;
        margin: 0px 6px;
    }

    #header-rightmenu a:hover {
        color: #6b6b6b;
        text-decoration: underline;
    }

#header-botmenu {
    background: #f05d2f; /*background-color: #D9001D; */ /* Original CCN logo red dot colour*/
    height: 40px;
}

    #header-botmenu .mmenu {
        padding-top: 10px;
    }

        #header-botmenu .mmenu a {
            color: #FFF;
            display: inline-block;
            font-size: 11pt;
            margin: 0px 20px;
            padding-top: 4px;
        }

            #header-botmenu .mmenu a:hover {
                color: #FF9;
            }

        #header-botmenu .mmenu .home {
            background: url('images/home-icon.png') no-repeat;
            height: 19px;
            margin: 0px;
            padding-top: 0px !important;
            width: 22px;
        }

/* search */

#top-search-box {
    height: 27px;
    margin-top: 8px;
    white-space: nowrap;
    width: 308px;
}

    #top-search-box .fleft {
        background: url('images/search-left-bg.png') no-repeat;
        height: 27px;
        width: 224px;
    }

        #top-search-box .fleft #topsearch-textquery {
            background: url('images/search-left-bg.png') -8px -4px no-repeat;
            border: 0px;
            margin-left: 8px;
            margin-top: 4px;
            width: 212px;
        }

    #top-search-box .fright {
        float: left;
    }

        #top-search-box .fright #topsearch-submitbutton {
            background: url('images/search-submitbutton.png') no-repeat;
            float: left;
            height: 27px;
            margin: 0px;
            width: 83px;
        }

#topsearch-textquery {
    color: #666;
    font-family: Arial, Tahoma;
    font-size: 9pt;
    font-weight: bold;
}

.text-focused {
    color: #000 !important;
}

#mid-content {
    margin-bottom: 56px;
}

.midcontent-default {
    padding: 0px 0px;
    width: 982px;
}

.midcontent-main {
    width: 100%;
}

.welcome-user {
    color: #000;
    font-size: 10pt;
    font-weight: 500;
}

.cotent-wbg {
    background: #FFF;
    margin-top: 18px;
}

.content-col3-con {
    background: #FFF url('images/col3-bg.gif') 0px 0px repeat;
}

.content-col3 {
    display: inline-block;
    width: 33.33%;
}

    .content-col3 .col3-header {
        background: #818181;
        height: 38px;
    }

        .content-col3 .col3-header .title {
            color: #FFF;
            display: inline-block;
            font-size: 10pt;
            font-weight: 500;
            height: 38px;
            line-height: 38px;
            text-align: right;
            vertical-align: top;
            width: 50%;
        }

        .content-col3 .col3-header h3 {
            color: #FFF;
            display: inline-block;
            font-size: 15pt;
            font-weight: 500;
            height: 38px;
            line-height: 38px;
            padding-left: 20px;
        }

        .content-col3 .col3-header .icon {
            display: inline-block;
            height: 38px;
            margin-left: 8px;
            vertical-align: top;
            width: 60px;
        }

            .content-col3 .col3-header .icon .new-count {
                -webkit-border-radius: 50%;
                background: #ff0000;
                border: #FFF 1px solid;
                border-radius: 50%;
                color: #FFF;
                display: inline-block;
                float: left;
                font-size: 10pt;
                font-weight: 500;
                line-height: 8pt;
                margin-left: 24px;
                margin-top: 18px;
                padding: 1px 5px 3px 5px;
                text-align: center;
            }

.wbg-mail-icon {
    background: url('images/mail-icon.png') 0px 4px no-repeat;
}

.wbg-files-icon {
    background: url('images/files-icon.png') 0px 4px no-repeat;
}

.wbg-chat-icon {
    background: url('images/chat-icon.png') 0px 4px no-repeat;
}

.content-col3 .col3-body {
    min-height: 80px;
    padding: 16px 18px;
}

    .content-col3 .col3-body .col3-citem {
        color: #000;
        font-size: 13pt;
        margin-bottom: 12px;
    }

    .content-col3 .col3-body .col3-citem-small {
        font-size: 10pt;
        line-height: 14pt;
    }

        .content-col3 .col3-body .col3-citem-small a {
            color: #000;
            font-weight: bold;
        }

#update-box {
    background: #dbdbdb url('images/login-bg.jpg') repeat-y;
    margin: 0px auto;
    padding: 20px 0px;
    width: 570px;
}

.forgotpass-link {
    color: #666;
    font-size: 11pt;
}

/* tab 8 */

.btab {
}

    .btab .tab-header {
        background: #F05D2F;
        height: 38px;
        overflow: hidden;
    }

.btab {
    padding: 0;
}

    .btab .tab-header a.header-button {
        color: #F05D2F;
        color: #FFF;
        display: inline-block;
        font-size: 10pt;
        font-weight: 500;
        margin-top: 8px;
        padding: 12px 12px;
    }

    .btab .tab-header a.header-button-active {
        -webkit-border-radius: 10px 10px 0px 0px;
        background: #FFF;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
        border-radius: 10px 10px 0px 0px;
        color: #F05D2F;
        display: inline-block;
        font-size: 10pt;
        margin-top: 8px;
        padding: 12px 24px;
    }

    .btab .tab-body {
        background-color: white;
        border-color: #F05D2F;
        border-style: solid;
        border-width: 2px 2px 2px 2px;
        display: inline-block;
        width: 99.6%;
    }

    .btab .tab-tools {
        background: #FFF;
        min-height: 38px;
    }

.btab {
    padding: 0;
}

    .btab .tab-tools .tab-tools-inner {
        padding: 5px;
    }

.tab-tools .tool-sep {
    background: #b0b0b0;
    display: inline-block;
    height: 24px;
    margin-left: 8px;
    margin-top: 2px;
    overflow: hidden;
    width: 1px;
}

.tab-tools a {
    background: url('images/toolbar/tools.png') no-repeat;
    color: #818181;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-left: 8px;
    padding-left: 28px;
}

    .tab-tools a:hover {
        color: #000;
    }

    .tab-tools a.tool-share {
        background-position: 0px 0x;
    }

    .tab-tools a.tool-move {
        background-position: 0px -28px;
    }

    .tab-tools a.tool-eSearch {
        background-position: 0px -56px;
    }

    .tab-tools a.tool-newfolder {
        background-position: 0px -84px;
    }

    .tab-tools a.tool-delete {
        background-position: 0px -112px;
    }

    .tab-tools a.tool-addressbook {
        background-position: 0px -140px;
    }

    .tab-tools a.tool-recent {
        background-position: 0px -168px;
    }

    .tab-tools a.tool-Search {
        background-position: 0px -196px;
    }

    .tab-tools a.tool-backup {
        background-position: 0px -224px;
    }

    .tab-tools a.tool-new {
        background-position: 0px -252px;
    }

    .tab-tools a.tool-fav {
        background-position: 0px -280px;
    }

    .tab-tools a.tool-chat {
        background-position: 0px -308px;
    }

    .tab-tools a.tool-doc {
        background-position: 0px -336px;
    }

    .tab-tools a.tool-Address {
        background-position: 0px -364px;
    }

    .tab-tools a.tool-Chatting {
        background-position: 0px -392px;
    }

    .tab-tools a.tool-Explorer {
        background-position: 0px -420px;
    }

    .tab-tools a.tool-Notification {
        background-position: 0px -448px;
    }

    .tab-tools a.tool-Password {
        background-position: 0px -476px;
    }

    .tab-tools a.tool-Company {
        background-image: url('../../App_Themes/CollaborationPlatform/Images/Toolbar/company.png');
    }

    .tab-tools a.tool-Hierarchy {
        background-image: url('../../App_Themes/CollaborationPlatform/Images/Toolbar/hierachy.png');
    }

    .tab-tools a.tool-Station {
        background-image: url('../../App_Themes/CollaborationPlatform/Images/Toolbar/station.png');
    }

    .tab-tools a.tool-Product {
        background-image: url('../../App_Themes/CollaborationPlatform/Images/Toolbar/product.png');
    }

    .tab-tools a.tool-User {
        background-image: url('../../App_Themes/CollaborationPlatform/Images/Toolbar/user.png');
    }

    .tab-tools a.tool-Operation {
        background-image: url('../../App_Themes/CollaborationPlatform/Images/Toolbar/sitemap.png');
    }

    .tab-tools a.tool-Tutorial {
        background-image: url('../../App_Themes/CollaborationPlatform/Images/Toolbar/video.png');
        text-transform: uppercase;
    }

.tab-headerbuttons {
    background: #f0f0f0;
    padding: 8px 132px;
}

    .tab-headerbuttons a {
        -webkit-border-radius: 2px;
        background: #818181;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
        border: #818181 1px solid;
        border-radius: 2px;
        color: #FFF;
        display: inline-block;
        font-size: 10pt;
        font-weight: 500;
        margin-right: 2px;
        padding: 3px 7px 2px 7px;
        text-align: center;
    }

.tab-search {
    background: #818181;
    height: 38px;
    padding: 0px 132px;
}

    .tab-search .search-box {
        -webkit-border-radius: 4px;
        background: #FFF;
        border-radius: 4px;
        display: inline-block;
        height: 25px;
        margin-top: 6px;
        overflow: hidden;
        width: 272px;
    }

    .tab-search .search-sep {
        display: inline-block;
        width: 32px;
    }

    .tab-search .search-box .search-text {
        border: 0px;
        color: #6f6f6f;
        float: left;
        font-size: 10pt;
        font-style: italic;
        height: 20px;
        margin-left: 8px;
        margin-top: 1px;
        width: 224px;
    }

    .tab-search .search-box .search-submit {
        background: #c8c8c8 url('images/tab-search-icon.png') 8px 4px no-repeat;
        display: inline-block;
        float: right;
        height: 25px;
        width: 31px;
    }

    .tab-search .search-advance {
        display: inline-block;
        padding: 11px 0px 0px 12px;
    }

        .tab-search .search-advance a {
            color: #FFF !important;
            font-size: 10pt;
            font-style: italic;
            font-weight: 500;
        }

.tab-advancedsearch {
    background: #f0f0f0;
    overflow: hidden;
}

.tab-advancedsearch_inner {
    margin: auto;
    padding: 8px 5px;
    position: relative;
}

#asearch-document {
    margin-left: 5px;
}

.asearch-group-title {
    color: #818181;
    font-size: 11pt;
    line-height: 23px;
}

.asearch-group {
    display: inline-block;
}

.asearch-fitem {
    margin: 8px 5px;
    text-align: right;
}

    .asearch-fitem label {
        color: #818181;
        display: inline-block;
        font-size: 10pt;
        padding-right: 4px;
        padding-top: 4px;
        text-align: right;
    }

    .asearch-fitem .input-con {
        -webkit-border-radius: 4px;
        background: #FFF;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
        border-radius: 4px;
        display: inline-block;
        height: 24px;
        overflow: hidden;
        width: 152px;
    }

        .asearch-fitem .input-con .full {
            border: none;
            font-size: 10pt;
            height: 20px;
            padding: 2px 4px;
            width: 166px;
        }

.asearch-submit-con {
    margin-left: 6px;
    margin-top: 80px;
}

    .asearch-submit-con button {
    }

.asearch-desc {
    background: #FFF;
    color: #818181;
    font-size: 10pt;
    line-height: 12pt;
    padding: 6px 132px;
}

.asearch-result .result-header {
    background: #FFF;
    border-bottom: #818181 3px solid;
    border-top: #818181 3px solid;
    padding: 9px 132px;
}

.asearch-result-contacts .result-header {
    border-top: none;
}

.asearch-result .result-header .header-item {
    color: #818181;
    font-size: 12pt;
    font-weight: bold;
}

.asearch-result-col {
    display: inline-block;
}

.col-name {
    width: 250px;
}

.col-email {
    width: 360px;
}

.col-company {
    width: 260px;
}

.col-refno {
    width: 186px;
}

.col-mawbno {
    width: 186px;
}

.col-hawbno {
    width: 146px;
}

.col-updateon {
    width: 150px;
}

.col-channelblank {
    width: 104px;
}

.col-channel {
    width: 305px;
}

.col-activity {
    width: 460px;
}

.col-date {
    width: 102px;
}

.col-filename {
    width: 220px;
}

.col-documenttype {
    width: 180px;
}

.col-owner {
    width: 160px;
}

.col-category {
    width: 186px;
}

.col-path {
    width: 336px;
}

.result-list {
    background: #FFF;
}

.result-list-item {
    border-top: #f0f0f0 1px solid;
    color: #818181;
    padding: 4px 132px;
}

.result-list-item-active {
    background: #f0f0f0;
}

.result-list-item .asearch-result-col {
    font-size: 11pt;
    line-height: 23px;
}

.result-list-item .move-button {
    background: url('images/result-item-moveicon.png') 0px 0px no-repeat;
    float: left;
    height: 26px;
    margin-left: -46px;
    margin-top: -2px;
    overflow: hidden;
    position: absolute;
    width: 26px;
}

.btab .tab-breadcrumbs {
    background: #FFF;
    color: #818181;
    font-size: 11pt;
    padding: 14px 132px;
}

.btab .tab-group-header {
    background: #f0f0f0;
    color: #818181;
    font-size: 12pt;
    font-weight: bold;
    padding: 10px 132px;
}

/* popup overlay */

.popup-box-overlay .black {
    background: #000;
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 100;
}

.popup-box-overlay .box-con .box-con-inner {
    padding: 18px;
}

.box-con .box-con-inner .box-x-con {
    margin-bottom: 16px;
    text-align: right;
}

    .box-con .box-con-inner .box-x-con .x {
        background: url('images/popupbox-x.png') no-repeat;
        display: inline-block;
        height: 22px;
        width: 23px;
    }

.popup-box-overlay .field-item {
    margin: 16px 0px;
}

    .popup-box-overlay .field-item label {
        color: #818181;
        display: inline-block;
        font-size: 12pt;
        padding-right: 18px;
        text-align: right;
        width: 170px;
    }

    .popup-box-overlay .field-item .input {
        -webkit-border-radius: 4px;
        background: #FFF;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc'); /*overflow: hidden;*/
        border-radius: 4px;
        display: inline-block;
        font-size: 9pt;
        height: 32px;
        width: 256px;
    }

        .popup-box-overlay .field-item .input input {
            border: none;
            display: inline-block;
            font-size: 11pt;
            height: 26px;
            margin-top: 1px;
            padding-left: 8px;
            width: 246px;
        }

.popup-box-overlay .box-message {
    margin-top: 20px;
    padding: 8px 30px;
    text-align: center;
}

    .popup-box-overlay .box-message .alert {
        background: url('images/alert-icon.png') 0px 0px no-repeat;
        color: #ff0000;
        display: inline-block;
        font-size: 12pt;
        padding: 4px 0px 4px 36px;
    }

#new-folder .buttons-con {
    padding-right: 30px;
    padding-top: 144px;
}

    #new-folder .buttons-con button {
        margin-bottom: 6px;
    }

#new-folder .box-con {
    width: 575px;
}

#table-channel .result-list .asearch-result-col {
    font-size: 10pt;
    line-height: 12pt;
    padding: 2px 0px;
}

.channel-list-item {
    background: url('images/channel-icon.png') 0px 6px no-repeat;
    padding: 0px 0px 0px 60px;
}

    .channel-list-item .name {
        font-size: 11pt;
        padding-bottom: 6px;
    }

    .channel-list-item .participants {
        font-size: 9pt;
        font-style: italic;
    }

#channeldetail {
    height: 718px;
    width: 576px;
}

    #channeldetail .box-con {
        height: 100%;
        max-width: 620px;
        min-width: 525px;
        width: 100%;
    }

    #channeldetail .box-title {
        margin: 25px 16px 0;
    }

    #channeldetail .box-top-buttons {
        padding: 12px 16px;
        text-align: right;
    }

.channel-conv {
    padding: 0px 16px;
}

    .channel-conv .conv-header {
        background: #818181;
        color: #FFF;
        font-size: 9pt;
        padding: 2px 4px;
    }

    .channel-conv .conv-body {
        background: #FFF;
        min-height: 594px;
        position: relative;
    }

        .channel-conv .conv-body .top-info {
            color: #999;
            float: left;
            font-size: 9pt;
            font-style: italic;
            padding: 3px;
            text-align: center;
            width: 100%;
        }

.top-info .date {
    color: #000;
    font-size: 7pt;
    font-style: italic;
    padding: 0px 21px 6px 21px;
}

.conv-message {
    -webkit-border-radius: 8px;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 8px;
    margin: 1px 0;
    padding: 0px 6px;
    width: 248px;
}

    .conv-message .from {
        color: #000;
        font-size: 10pt;
        font-weight: 500;
        padding: 9px 21px 0px 21px;
    }

    .conv-message .date {
        color: #000;
        font-size: 7pt;
        font-style: italic;
        padding: 0px 21px 6px 21px;
    }

    .conv-message .message {
        color: #000;
        font-size: 9pt;
        font-style: italic;
        padding: 8px 21px 12px 21px;
    }

.conv-message-right {
    background: #d0f4ff;
    float: right;
    margin: 3px 0;
}

    .conv-message-right .img-point {
        background: url('images/conv-message-right.png') no-repeat;
        height: 18px;
        margin-left: 254px;
        margin-top: 38px;
        position: absolute;
        width: 20px;
    }

    .conv-message-right .date {
        border-bottom: #758a90 1px solid;
    }

.conv-message-left {
    background: #e2ffd0;
    float: left;
    margin: 3px 0;
}

    .conv-message-left .date {
        border-bottom: #809075 1px solid;
    }

    .conv-message-left .img-point {
        background: url('images/conv-message-left.png') no-repeat;
        height: 18px;
        margin-left: -26px;
        margin-top: 38px;
        position: absolute;
        width: 20px;
    }

.conv-message-right-gray {
    background: grey;
    float: right;
    margin: 3px 0;
}

    .conv-message-right-gray a {
        color: lightgray;
    }

    .conv-message-right-gray .img-point {
        background: url(./images/conv-message-right-gray.png) no-repeat;
        height: 18px;
        margin-left: 254px;
        margin-top: 38px;
        position: absolute;
        width: 20px;
    }

    .conv-message-right-gray .date {
        border-bottom: #758a90 1px solid;
    }

.conv-message-left-gray {
    background: gray;
    float: left;
    margin: 3px 0;
}

    .conv-message-left-gray a {
        color: lightgray;
    }

    .conv-message-left-gray .img-point {
        background: url(./images/conv-message-left-gray.png) no-repeat;
        height: 18px;
        margin-left: -26px;
        margin-top: 38px;
        position: absolute;
        width: 20px;
    }

    .conv-message-left-gray .date {
        border-bottom: #809075 1px solid;
    }

.cov-newmessagebot .input-wrapper {
    -webkit-border-radius: 4px;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #c8c8c8 1px solid;
    border-radius: 4px;
    display: inline-block;
    height: 26px;
    width: 85%;
}

    .cov-newmessagebot .input-wrapper input {
        border: 0px;
        height: 24px;
        margin: 1px 1px 1px 1px;
        padding: 0px;
        width: 99.5%;
    }

#divChat {
    padding-left: 40px;
    padding-right: 40px;
}

.chat-sel {
    padding: 0px 30px;
}

.cov-newmessagebot .button-dark-small {
    height: 26px;
    line-height: 26px;
}

#newchannel .box-title {
    margin-bottom: 12px;
    margin-top: 16px;
}

.onetoonechat, .groupchat {
    -webkit-border-radius: 4px;
    background: #818181;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 75px;
    width: 254px;
}

.chat-bottom-buttons {
    padding: 24px 30px;
    text-align: right;
}

.onetoonechat .icon {
    background: url('images/onetoonechat.png');
    display: inline-block;
    height: 47px;
    margin-left: 52px;
    margin-top: 12px;
    width: 39px;
}

.onetoonechat .name {
    color: #FFF;
    display: inline-block;
    font-size: 14pt;
    height: 75px;
    line-height: 75px;
    padding-left: 18px;
}

.groupchat .icon {
    background: url('images/groupchat.png');
    display: inline-block;
    height: 57px;
    margin-left: 18px;
    margin-top: 10px;
    width: 78px;
}

.groupchat .name {
    color: #FFF;
    display: inline-block;
    font-size: 14pt;
    height: 75px;
    line-height: 75px;
    padding-left: 18px;
}

#newchannel .pin {
    height: 23px;
    padding: 10px 30px 0px 30px;
}

    #newchannel .pin a {
        background: url('images/pin.png');
        display: inline-block;
        height: 23px;
        width: 23px;
    }

#clearchat .box-title {
    margin: 16px 0;
}

.no-padding {
    padding: 0 0 0 0 !important;
}

.share-link-document-text {
    color: #818181;
}

#capchaDiv {
    padding-left: 192px;
}

.rcValid, .rcInvalid {
    height: 76px;
}

.inviteMessageErrorDiv {
    margin-left: 190px;
    margin-top: 5px;
}

.header-item {
    color: #818181;
    font-family: Futura, "Raleway", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

.label-item {
    color: #818181;
    font-family: Futura, "Raleway", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1;
    margin: 8px 5px;
    vertical-align: top;
}

.label-item_Captcha {
    color: #818181;
    font-family: Futura, "Raleway", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1;
    vertical-align: top;
}

.mid-content {
    margin-bottom: 56px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
}

.button-dark {
    -webkit-border-radius: 4px;
    background: #818181;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #ababab 1px solid;
    border-radius: 4px;
    color: #FFF;
    display: inline-block;
    font-size: 10pt;
    font-weight: 500;
    height: 26px;
    line-height: 22px;
    padding: 0px 16px;
    text-align: center;
}

.TxtSuccessNet {
    background: url('Images/alert-icon.png') left center no-repeat;
    color: green;
    font-family: Futura, "Raleway", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding-left: 20px;
    text-decoration: none;
}

.centerContent {
    align: center;
    padding-left: 50px;
}

.bred {
    color: #ff0000;
    font-weight: bold;
}

#search-result-detail-2 .result-list {
    min-height: 446px !important;
}

#move-folder .topmessage {
    color: #818181;
    font-size: 12pt;
    font-weight: 500;
    padding: 0px 30px 8px 30px;
    text-align: left;
}

#move-folder .tree-list {
    height: 174px;
    margin: 0px 30px;
    overflow-y: auto;
}

#move-folder .new-path {
    padding: 0px 30px;
}

    #move-folder .new-path label {
        padding-top: 6px;
        width: auto;
    }

    #move-folder .new-path .input {
        width: 420px;
    }

        #move-folder .new-path .input input {
            width: 408px;
        }

#move-folder .buttons-con {
    padding: 0px 30px 16px 30px;
    text-align: right;
}

#move-folder .tree-list > ul {
    min-height: 360px;
}

.tree-list {
    color: #818181;
    font-size: 12pt;
    text-align: left;
}

    .tree-list ul {
    }

        .tree-list ul li {
            padding: 10px 0px 10px 26px;
        }

            .tree-list ul li.expanded {
                background: url('images/tree-plusminus.png') -6px -40px no-repeat;
                padding: 2px 0px 2px 26px;
            }

            .tree-list ul li.contracted {
                background: url('images/tree-plusminus.png') -6px 2px no-repeat;
            }

                .tree-list ul li.contracted ul {
                    display: none;
                }

#channeldetail-2 .box-detail2-wbg {
    background: #FFF;
    color: #818181;
    font-size: 11pt;
    margin-bottom: 16px;
    padding: 12px;
}

.tree-list-wl {
}

    .tree-list-wl .fleft {
        float: left;
    }

        .tree-list-wl .fleft .pm-minus {
            background: url('images/tree-plusminus.png') -7px -40px no-repeat;
            display: inline-block;
            float: left;
            height: 18px;
            width: 18px;
        }

        .tree-list-wl .fleft .vdline {
            background: url('images/v-dotted.png') repeat-x;
            display: inline-block;
            float: left;
            height: 1px;
            margin-top: 8px;
            overflow: hidden;
            width: 12px;
        }

    .tree-list-wl .content-right {
        float: left;
    }

.checkbox-unchecked {
    background: url('images/check-bg-unchecked.png') no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.tree-list-wl .content-right ul.child {
    background: url('images/h-dotted.png') 8px 0px repeat-y;
    padding-top: 0px;
}

.tree-list-wl .content-right ul ul.child {
    padding: 0px 0px 0px 8px;
}

.tree-list-wl .content-right ul li.main {
    background: url('images/h-dotted.png') 8px 0px repeat-y;
    line-height: 22px;
}

    .tree-list-wl .content-right ul li.main span.title {
        display: inline-block;
        padding-left: 12px;
    }

.tree-list-wl .content-right ul.child li {
    padding-bottom: 4px;
    padding-top: 4px;
}

    .tree-list-wl .content-right ul.child li .vline {
        background: url('images/v-dotted.png') repeat-x;
        display: inline-block;
        float: left;
        height: 1px;
        margin-top: 8px;
        overflow: hidden;
        width: 18px;
    }

    .tree-list-wl .content-right ul.child li .title {
        padding-left: 6px !important;
    }

    .tree-list-wl .content-right ul.child li.last {
        background: url('images/li-last.png') 0px 12px no-repeat;
    }

.box-detail2-wbg .step-2 {
    background: #818181;
    color: #FFF;
    font-weight: 500;
    padding: 4px 6px;
}

.tree-list-wlf {
    background: url('images/h-dotted.png') 8px 0px repeat-y;
    line-height: 22px;
    padding-left: 8px;
}

    .tree-list-wlf .pm-minus {
        background: url('images/tree-plusminus.png') -7px -7px no-repeat;
        display: inline-block;
        float: left;
        height: 18px;
        margin-left: -26px;
        position: absolute;
        width: 18px;
    }

    .tree-list-wlf .pm-plus {
        background: url('images/tree-plusminus.png') -7px -7px no-repeat;
        display: inline-block;
        float: left;
        height: 18px;
        margin-left: -26px;
        position: absolute;
        width: 18px;
    }

    .tree-list-wlf .vline {
        background: url('images/v-dotted.png') repeat-x;
        display: inline-block;
        float: left;
        height: 1px;
        margin-top: 8px;
        overflow: hidden;
        width: 18px;
    }

    .tree-list-wlf li {
        padding: 3px 0px;
    }

        .tree-list-wlf li .title {
            display: inline-block;
            padding-left: 2px;
        }

        .tree-list-wlf li.first {
            background: url('images/li-last.png') 0px -27px no-repeat;
        }

        .tree-list-wlf li.last {
            background: url('images/li-last.png') 0px 12px no-repeat;
        }

.box-detail2-wbg .bottom-text {
    -webkit-border-radius: 4px;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: #b7b7b7 1px solid;
    border-radius: 4px;
    height: 32px;
    overflow: hidden;
}

    .box-detail2-wbg .bottom-text input {
        border: none;
        font-size: 11pt;
        height: 30px;
        margin: 1px 6px;
        width: 500px;
    }

#newchannel-2 {
    color: #818181;
    font-size: 12pt;
    font-weight: 500;
}

    #newchannel-2 .box-con-inner {
        padding: 0px 32px;
    }

    #newchannel-2 .channel-name-con {
        -webkit-border-radius: 4px;
        background: #FFF;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
        border-radius: 4px;
        height: 32px;
        overflow: hidden;
    }

        #newchannel-2 .channel-name-con input {
            border: none;
            font-size: 11pt;
            height: 30px;
            margin: 1px 6px;
            width: 500px;
        }

.channel-name-label {
    padding: 10px 0px 8px 0px;
}

.channel-participants-label {
    padding: 18px 0px 8px 0px;
}

.participants-left {
    width: 430px;
}

.participants-name {
    -webkit-border-radius: 4px;
    background: #FFF;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 4px;
    height: 19px;
    overflow: hidden;
}

    .participants-name .dp {
        background: url('images/participants-dp.png') no-repeat;
        display: inline-block;
        float: right;
        height: 19px;
        width: 29px;
    }

.participants-list {
    -webkit-border-radius: 4px;
    background: #FFF;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 4px;
    height: 165px;
    margin-bottom: 12px;
    margin-top: 8px;
    overflow: hidden;
}

#newchannel-2 .pin {
    height: 23px;
    padding: 14px 30px 0px 30px;
}

    #newchannel-2 .pin a {
        background: url('images/pin.png');
        display: inline-block;
        height: 23px;
        width: 23px;
    }

/*******************************************************************/

/* Amended / Added By Yvonne 17 Oct 2013														  */

/*******************************************************************/

.popup-box {
    background: #dbdbdb url('images/login-bg.jpg') repeat-y;
    height: 290px;
    margin: 0px auto;
    margin-top: 4%;
    padding: 20px 0px;
    width: 570px;
}

    .popup-box .box-title {
        -webkit-border-radius: 8px;
        background: #F15A2E;
        border-radius: 8px;
        color: #FFFFFF;
        font-size: 16pt;
        font-weight: 500;
        margin: 0px 20px;
        padding: 4px;
        text-align: center;
        text-transform: uppercase;
    }

    .popup-box .input-con {
        margin-top: 20px;
        padding: 0px 20px !important;
    }

        .popup-box .input-con input {
            border: 0px;
            font-size: 12pt;
            margin-bottom: 10px;
            outline: none;
            padding: 6px 12px;
        }

    .popup-box .input-con1 {
        margin-top: 20px;
        padding: 0px 20px !important;
    }

        .popup-box .input-con1 input {
            border: 0px;
            font-size: 12px;
            margin-bottom: 10px;
            outline: none;
            padding: 6px 12px;
        }

    .popup-box .box-bottom {
        margin-top: 20px;
        padding: 0px 20px;
    }

    .popup-box .box-message .alert {
        background: url('images/alert-icon.png') no-repeat;
        background-position: left top;
        color: #ff0000;
        display: inline-block;
        padding: 4px 0px 4px 36px;
    }

.TxtSuccess {
    color: green;
    font-size: 9pt;
    padding-left: 20px;
    text-transform: none;
}

.TxtWarn {
    color: red;
    font-size: 9pt;
    text-transform: none;
}

.fright {
    float: right;
}

/****************************************************/

/*****************Popup box after login**************/

/****************************************************/

.popup-box-body {
    -webkit-border-radius: 12px;
    background-image: none;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 12px;
}

.popup-box-overlay .box-con {
    -webkit-border-radius: 12px;
    background: #f0f0f0;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 12px;
    height: auto;
    left: 0px;
    margin: auto;
    min-height: 300px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 100;
}

    .popup-box-overlay .box-con table {
        margin-left: 30px;
        min-height: 220px;
        width: 88%;
    }

        .popup-box-overlay .box-con table span {
            color: #818181;
            display: inline-block;
            font-size: 10pt;
        }

.custom-class {
    background-color: Lime;
}

.popup-box-overlay .box-con .popup-box-table {
    color: #818181;
    display: inline-block;
    font-size: 10pt;
}

    .popup-box-overlay .box-con .popup-box-table th {
        float: left;
        font-size: 120%;
    }

    .popup-box-overlay .box-con .popup-box-table textarea {
        -webkit-border-radius: 8px;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
        border-radius: 8px;
    }

    .popup-box-overlay .box-con .popup-box-table .TxtWarn {
        color: #ff0000;
    }

.control-label {
    padding-right: 18px;
    padding-top: 8px;
}

.popup-box-overlay .box-con .popup-box-table td.popup-box-table_button-row {
    padding-bottom: 20px;
    padding-top: 20px;
}

.popup-box-overlay .box-con .popup-box-table .riTextBox, .popup-box-overlay .box-con .popup-box-table .asp-textbox, .tab-advancedsearch_inner .riTextBox, .tab-advancedsearch_inner .asp-textbox {
    -webkit-border-radius: 8px;
    background-color: #ffffff;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 8px;
    height: 26px;
}

.tab-advancedsearch_inner .rcbInput .popup-box-overlay .box-con .popup-box-table .RadListBox {
    -webkit-border-radius: 8px;
    background-color: #ffffff;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 8px;
    height: 19px;
}

.RadListBox {
    -webkit-border-radius: 8px;
    background-color: #ffffff;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 8px;
    min-height: 150px;
    overflow: auto;
}

    .RadListBox a {
        background: url('images/delete-icon.png') no-repeat;
        cursor: pointer;
        display: inline-block;
        float: right;
        height: 26px;
        width: 20px;
    }

    .RadListBox ul {
        -webkit-border-radius: 4px;
        background: #FFF;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
        border-radius: 4px;
        max-height: 130px;
    }

    .RadListBox li {
        border-bottom: #f0f0f0 1px solid;
        color: #818181;
        font-size: 10pt;
        height: 26px;
        line-height: 26px;
        padding: 0px 16px;
    }

.RadListBox1 li {
    border-bottom: #f0f0f0 1px solid;
    color: #818181;
    height: 26px;
    line-height: 26px;
}

.btn-plus {
    background: no-repeat url('images/newcontact-email-addicon.png');
    height: 26px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 33px;
}

.popup-box-overlay .box-title {
    -webkit-border-radius: 8px;
    background: #F15A2E;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14pt;
    margin: 22px 30px;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
}

.popup-box-overlay .fields-right {
}

.popup-box-overlay .field-item span {
    color: #818181;
    display: inline-block;
    font-size: 12pt;
    padding-right: 18px;
    padding-top: 4px;
    text-align: right;
    width: 170px;
}

.RadListBox_Default .rlbGroup {
}

.errorMessage {
    color: red;
    display: block;
}

.successMessage {
    color: green;
    display: block;
}

/************************************************************/

/****Added by Anu**********/

.customTextbox {
    -webkit-border-radius: 8px;
    background-color: #ffffff;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border-radius: 8px;
    height: 36px;
}

.asearch-actiongrouptitle {
    line-height: 23px;
}

/****Added by Anu**********Gear settings page**/

.editorBorder {
    -webkit-border-radius: 12px;
    background: none repeat scroll 0 0 #f0f0f0;
    behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
    border: 1px solid darkorange !important;
    border-radius: 12px;
}

    .editorBorder .box-con {
        -webkit-border-radius: 12px;
        background: #f0f0f0;
        behavior: url('\CollaborationPlatformRoot\App_Themes\CollaborationPlatform\border-radius.htc');
        border-radius: 12px;
    }

        .editorBorder .box-con table span {
            color: #818181;
            display: inline-block;
            font-size: 10pt;
            min-height: 50px;
        }

.application-icon {
    cursor: pointer;
    width: 90px;
}

.application-icon-small {
    height: 32px;
    width: 32px;
}

.utility-icon {
    cursor: pointer;
}

.utility-icon-small {
    cursor: pointer;
    cursor: hand;
    height: 32px;
    width: 32px;
}

.productdesc {
    font-style: bold;
}

.disabled {
    opacity: 0.5;
}

/* RAD WINDOW OVERRIDED STYLE */

.RadWindow .rwWindowContent {
    background: #f0f0f0 !important;
}

.UnselectedTab {
    background-color: white;
    behavior: url('PIE.htc');
    border-bottom: none;
    border-left: #F15A2E solid 1px;
    border-right: #F15A2E solid 1px;
    border-top: #F15A2E solid 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #000;
    display: block;
    float: left;
    font-family: Raleway;
    font-size: 13px;
    height: 23px;
    height: 18px;
    margin-right: 3px;
    padding-top: 7px;
    text-align: center;
    width: 95px;
}

.SelectedTab {
    background-color: #F15A2E;
    color: white;
    font-family: Raleway;
    font-size: 13px;
    font-weight: 700;
}

.round-corner {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.round-top-left {
    border-top-left-radius: 10px;
}

.round-top-right {
    border-top-right-radius: 10px;
}

.round-bottom-left {
    border-bottom-left-radius: 10px;
}

.round-bottom-right {
    border-bottom-right-radius: 10px;
}

.adbox3-video {
    background: no-repeat url('images/Video_grey.png');
    height: 35px;
    width: 160px;
}

.adbox3-faqs {
    background: no-repeat url('images/QAndA_grey.png');
    height: 35px;
    width: 160px;
}

.adbox3-help {
    background: no-repeat url('images/Help_grey.png');
    height: 35px;
    width: 160px;
}

.rgPager td[colspan] table {
    background: #eee;
    bottom: 0;
    position: absolute;
    width: 100% !important;
}

.MyContact .rgPager td[colspan] table {
    background: #eee;
    bottom: 2px;
    position: absolute;
    width: 99.5% !important;
}

.MyContact {
    position: relative;
}