html {
    width: 100%;
    min-width: 1000px;
}

* {
    outline: none;
    font-family: 'PT Sans', Tahoma, Geneva, sans-serif !important;
}

body {
    min-width: 99%;
    background-image: url('Images/Background.png');
    background-repeat: repeat-x;
    background-color: #fff;
    margin: 0;
}

.Head {
    min-width: 100%;
    height: 41px;
    margin: auto;
    cursor: pointer;
}

b {
    font-weight: bold;
}

.DivHead {
    height: 41px;
    display: inline;
    float: left;
}

.Head p {
    margin: auto;
    color: white;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    text-align: center;
}

.P {
    font-size: 19px;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.main {
    margin: auto;
    font-size: 16px;
    background-color: #fff;
    position: absolute;
    min-width: 100%;
}

.content {
    /*width: 100% !important;*/
    /*overflow-x: auto;*/
}

.ContentBackground {
    margin: 110px 18px 5px 18px;
}

.userbar div {
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
}

.login {
    margin: auto;
    padding-top: 100px;
    width: 290px;
}

.WidthAuto {
    width: auto;
    margin: auto;
}

.MarginAuto {
    margin: auto;
}

.HeadMid {
    background-image: url('Images/Head.png');
    height: 41px;
}

.Button {
    width: 100% !important;
    background-image: url('Images/Button.png');
    border: 3px solid #085B86;
    height: 40px;
}

.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip {
    font-size: 14px !important;
    border-width: 1px !important;
    line-height: 20px !important;
}

.RadToolBarButton {
    font-size: 14px !important;
}

.filling {
    background: linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x scroll 0 0 rgba(11, 11, 11, 0.2);
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.popup-holder {
    background: none repeat scroll 0 0 white;
    cursor: default;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: 200px;
    width: 610px;
    z-index: 1000;
}

.popup {
    background: none repeat scroll 0 0 #fff;
    color: #989898;
    font: bold 12px/15px Tahoma,Geneva,sans-serif;
    padding: 10px 15px 35px 23px;
    position: relative;
}

.nestedViewTemplate {
    border: 5px solid #25a0da;
}

.blueBorder {
    border: 5px solid #25a0da;
    padding: 10px;
}

.RadGrid_Metro .rgEditForm {
    border: 5px solid #25a0da !important;
}

    .RadGrid_Metro .rgEditForm > div:last-child > div {
        padding: 10px;
    }

    .RadGrid_Metro .rgEditForm .buttons {
        padding-top: 15px;
    }

.rgEditPopup {
    padding-bottom: 31px;
}

html .RadAsyncUpload {
    width: 100%;
}

    html .RadAsyncUpload .ruFileWrap {
        display: block;
    }

div.RadUpload .ruBrowse {
    height: 22px !important;
    width: 60px !important;
}

.ruFakeInput {
    display: inline-block;
    width: 292px !important;
}

.log-filter {
    border-collapse: collapse;
}

    .log-filter td:first-child {
        padding: 3px 10px 3px 20px;
    }

    .log-filter td {
        padding: 3px 10px;
    }

    .log-filter table,
    .log-filter td,
    .log-filter th {
        border: 1px solid #767676;
    }


    .log-filter .rbSkinnedButton,
    .log-filter .rbSkinnedButton .rbDecorated {
        background-color: #25a0da !important;
        color: #fff !important;
        font-size: 12px;
    }


.RadGrid .rgCaption {
    color: #fff;
    background-color: #007acc;
    font-size: 16pt;
    padding: 5px;
}

.RadWindow .rwIcon {
    width: 20px !important;
    height: 20px !important;
}

.hide {
    visibility: hidden;
}

.grid_filter_combo .rcbReadOnly .rcbInputCell {
    padding: 0 !important;
}

    .grid_filter_combo .rcbReadOnly .rcbInputCell::before {
        background-image: url(Images/telerik.png); /*no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
        background-position: -1px -301px;
        background-repeat: no-repeat;
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
    }

.grid_filter_combo .rcbHovered .rcbReadOnly .rcbInputCell::before {
    background-position: -1px -351px;
}

.grid_filter_combo .rcbFocused .rcbReadOnly .rcbInputCell::before {
    background-position: -1px -401px;
}


.RadTabStrip_Metro .rtsLevel .rtsTxt {
    text-transform: none !important;
}


.personDetails {
    list-style: outside none none;
    /*border: 1px solid #25a0da;*/
    padding: 0;
}

    .personDetails .name {
        font-weight: bold;
    }




.users-list {
    margin: 0;
    padding: 0 0 4px;
    list-style: none;
}

    .users-list li {
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 20px;
        margin: 0 0 16px;
    }

    .users-list .img {
        float: left;
        width: 81px;
        margin: 4px 10px 0 0;
    }

    .users-list .description {
        overflow: hidden;
        font-size: 14px;
        line-height: 14px;
    }

    .users-list .heading {
        display: block;
        font-weight: normal;
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 9px;
    }

    .users-list .description p {
        margin: 0 0 10px;
    }

    .users-list .more {
        font: italic 12px/16px Arial, Helvetica, sans-serif;
        color: #b41d8d;
    }

.messageTextBox {
    /*width:331px;*/
    width: 98%;
    min-height: 100px;
    margin: 3px;
}

.sendMessage-link {
    color: #fff;
    text-decoration: none;
    background: #007ACC;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 8px 17px 7px;
    float: right;
    cursor: pointer;
}

    .sendMessage-link:hover {
        color: #fff;
        text-decoration: none;
        background: #0E639C;
    }

    .sendMessage-link:disabled {
        cursor: default;
        color: #8C83A8;
        background: #D4D2CC;
    }

.messages-list {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
}

    .messages-list li {
        overflow: hidden;
        position: relative;
        margin: 0px 0px 5px 5px;
    }

    .messages-list .alignleft {
        float: left;
        margin: 0 -4px 0 0;
        border: 0;
    }

    .messages-list .action-comment-comment-area,
    .messages-list .comment-area {
        float: left;
        padding: 0 0 0 5px;
        /*width: 444px;*/
    }

    .messages-list .comment-area {
        width: 100%;
    }

    .messages-list .action-comment-comment-area {
        width: 100%;
    }

    .messages-list .comment-info {
        overflow: hidden;
        padding: 2px 0 0;
    }

        .messages-list .comment-info .action-comment-text-holder,
        .messages-list .comment-info .text-holder {
            float: left;
            /*width: 365px;*/
            letter-spacing: -1px;
            font: 18px/18px Tahoma, Geneva, sans-serif;
            color: #000;
            margin: 0 4px 0 0;
        }


        .messages-list .comment-info .text-holder {
            /*/*width: 100%;*/
            text-align: left;
            float: left;
        }

            /*.messages-list .comment-info .text-holder correspondent {
                float: left;
            }

            .messages-list .comment-info .text-holder sender {
                float: right !important;
            }*/

            .messages-list .comment-info .text-holder .sender .name {
                display: block;
                font: 18px/18px Tahoma, Geneva, sans-serif,bolder;
                color: #007ACC;
                margin: 0 0 9px;
                text-align: right !important;
            }



            .messages-list .comment-info .text-holder .correspondent .name {
                color: #0E639C !important;
            }

            .messages-list .comment-info .text-holder p {
                margin: 0;
            }

            .messages-list .comment-info .text-holder p {
                margin: 0;
            }

        .messages-list .comment-info .date-area {
            text-align: right;
            float: left;
            width: 75px;
            font: bold 12px/15px Tahoma, Geneva, sans-serif;
            color: #ccc;
            padding: 4px 0 0;
        }

            .messages-list .comment-info .date-area .date {
                display: block;
                float: none;
                margin: 0 0 25px;
                font: bold 12px/15px Tahoma, Geneva, sans-serif;
                color: #ccc;
                padding: 0 12px 0 0;
                letter-spacing: -1px;
            }






.chat-list {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
}

    .chat-list li {
        overflow: hidden;
        position: relative;
        margin: 0px 0px 5px 0px;
    }

        .chat-list li.active {
            border: solid 2px #007ACC;
        }

    .chat-list .alignleft {
        float: left;
        margin: 0 -4px 0 0;
        border: 0;
    }

    .chat-list .action-comment-comment-area,
    .chat-list .comment-area {
        float: left;
        padding: 0 0 0 5px;
        /*width: 444px;*/
    }

    .chat-list .comment-area {
        width: 100%;
    }

    .chat-list .action-comment-comment-area {
        width: 100%;
    }

    .chat-list .comment-info {
        overflow: hidden;
        padding: 2px 0 0;
    }

        .chat-list .comment-info .action-comment-text-holder,
        .chat-list .comment-info .text-holder {
            float: left;
            /*width: 365px;*/
            letter-spacing: -1px;
            font: 18px/18px Tahoma, Geneva, sans-serif;
            color: #000;
            margin: 0 4px 0 0;
        }

        .chat-list .comment-info .lastMessageSender p {
            font: 14px/14px Tahoma, Geneva, sans-serif,bolder;
            color: #007ACC;
            margin: 0;
        }

        .chat-list .comment-info .lastMessagePreview p {
            font: 12px/12px Tahoma, Geneva, sans-serif,bolder;
            margin: 0;
        }

        .chat-list .comment-info .text-holder {
            width: 100%;
            text-align: left;
        }



            .chat-list .comment-info .text-holder .name {
                display: block;
                font: 18px/18px Tahoma, Geneva, sans-serif,bolder;
                color: #0E639C;
                margin: 0;
            }






        .chat-list .comment-info .date-area {
            text-align: right;
            float: left;
            width: 75px;
            font: bold 12px/15px Tahoma, Geneva, sans-serif;
            color: #ccc;
            padding: 4px 0 0;
        }

            .chat-list .comment-info .date-area .date {
                display: block;
                float: none;
                font: bold 12px/15px Tahoma, Geneva, sans-serif;
                color: #ccc;
                padding: 0 12px 0 0;
                letter-spacing: -1px;
            }




.chatMember-list {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
}

    .chatMember-list li {
        overflow: hidden;
        position: relative;
        margin: 0px 0px 5px 0px;
    }

        .chatMember-list li.active {
            border: solid 2px #007ACC;
        }

    .chatMember-list .alignleft {
        float: left;
        margin: 0 -4px 0 0;
        border: 0;
    }

    .chatMember-list .action-comment-comment-area,
    .chatMember-list .comment-area {
        float: left;
        padding: 0 0 0 5px;
        /*width: 444px;*/
    }

    .chatMember-list .comment-area {
        width: 100%;
    }

    .chatMember-list .action-comment-comment-area {
        width: 100%;
    }

    .chatMember-list .comment-info {
        overflow: hidden;
        padding: 2px 0 0;
    }

        .chatMember-list .comment-info .action-comment-text-holder,
        .chatMember-list .comment-info .text-holder {
            float: left;
            /*width: 365px;*/
            letter-spacing: -1px;
            font: 18px/18px Tahoma, Geneva, sans-serif;
            color: #000;
            margin: 0 4px 0 0;
        }

        .chatMember-list .comment-info .memberStatus {
            font: bold 12px/15px Tahoma, Geneva, sans-serif;
            color: #ccc;
            padding: 4px 0 0;
            float: right;
        }

        .chatMember-list .comment-info .lastMessageSender p {
            font: 14px/14px Tahoma, Geneva, sans-serif,bolder;
            color: #007ACC;
            margin: 0;
        }

        .chatMember-list .comment-info .lastMessagePreview p {
            font: 12px/12px Tahoma, Geneva, sans-serif,bolder;
            margin: 0;
        }

        .chatMember-list .comment-info .text-holder {
            width: 100%;
            text-align: left;
        }



            .chatMember-list .comment-info .text-holder .name {
                display: block;
                font: 18px/18px Tahoma, Geneva, sans-serif,bolder;
                color: #0E639C;
                margin: 0;
            }






        .chatMember-list .comment-info .date-area {
            text-align: right;
            float: left;
            width: 75px;
            font: bold 12px/15px Tahoma, Geneva, sans-serif;
            color: #ccc;
            padding: 4px 0 0;
        }

            .chatMember-list .comment-info .date-area .date {
                display: block;
                float: none;
                font: bold 12px/15px Tahoma, Geneva, sans-serif;
                color: #ccc;
                padding: 0 12px 0 0;
                letter-spacing: -1px;
            }



.addChatButton {
    margin: 5px;
}

.topicEditButton, .deleteMemberButton {
    float: right;
    margin: 5px;
}

.chatInfoMessage {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 17px 7px;
    width: auto;
    overflow: hidden;
    text-align: center;
}

.assignChat-link {
    color: #fff;
    text-decoration: none;
    background: #007ACC;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 8px 17px 7px;
    float: right;
    cursor: pointer;
    text-align: center;
    width: 200px;
    margin-top: 2px;
}

    .assignChat-link:hover {
        color: #fff;
        text-decoration: none;
        background: #0E639C;
    }

.unassignedChatBlock {
    background-color: #25a0da;
    height: 42px;
    width: 100%;
    display: none;
}