@import url("common.css");
/* Basic CSS ------ */
* {
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
}

/*html {
    width: 100%;
    background-image: url(../Images/bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
}*/

form {
    padding: 0px;
    margin: 0px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*font-size: 11px;*/
}

a {
    text-decoration: none;
}

.clsShare {
    z-index: 980000 !important;
    cursor: pointer;
    margin-left: 3px;
    position: fixed;
    top: 25%;
    width: 50px;
}

.links {
    font-size: 12px;
    float: left;
}

    .links a {
        color: #272727;
        text-decoration: underline;
    }

        .links a:visited {
            text-decoration: underline;
        }

        .links a:hover {
            cursor: pointer;
            text-decoration: none;
        }
/* ----- Basic CSS */

/* Top Header Menu CSS ------ */
.meta {
    color: #F5F5F5;
    background-image: url(../Images/meta_bg.gif);
    background-position: top right;
    background-repeat: no-repeat;
    height: 36px;
    width: 1000px;
    overflow: hidden;
}

    .meta a {
        color: #92DF01;
        text-decoration: underline;
    }

        .meta a:visited {
            text-decoration: underline;
        }

        .meta a:hover {
            text-decoration: none;
        }

    .meta p {
        display: block;
        float: right;
        line-height: 18px;
    }

.metalinks {
    height: 23px;
    width: 166px;
    margin: 0 0 0 22px;
    padding: 13px 0 0 0;
    float: right;
    text-align: center;
}

    .metalinks a {
        margin: 0 10px 0 7px;
    }
/* ------ Top Header Menu CSS */

/* Header Menu CSS ----- */

.logo {
    padding-left: 15px;
    float: left;
}

.slogan {
    display: block;
    position: absolute;
    top: 25px;
    left: 70px;
}

#menu {
    float: left;
    margin: 0 0 10px 19px;
}

    #menu li {
        list-style-type: none;
        display: block;
        float: left;
        line-height: 40px;
        height: 40px;
        padding: 0 10px;
        background-image: url(../Images/line.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }

        #menu li:first-child {
            background: none;
        }

    #menu a {
        font-size: 12px;
        color: #272727;
        text-decoration: none;
    }

        #menu a:visited {
            text-decoration: none;
        }

        #menu a:hover {
            text-decoration: underline;
        }
/* ------ Header Menu CSS */

/* Content CSS ------ */
form {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#content, #header, #footer {
    float: left;
    width: 100%;
}

#innerContent {
    float: left;
    width: 1000px;
    padding: 5px 0px 5px 0px;
    margin: 0;
    min-height: 300px;
}

/* ------ Content CSS */

#info {
    background-image: url(../Images/bg2.gif);
    background-position: top left;
    background-repeat: repeat-x;
    border-top: 1px solid #dcdcdc;
    margin-top: 5px;
    width: 990px;
    float: left;
    overflow: hidden;
    padding: 20px 5px 20px 5px;
    background-color: #DBDBDB;
    color: #454545;
}

    #info div {
        width: 220px;
        float: left;
        padding: 0 12px 0 12px;
    }

    #info ul {
        padding: 12px 0 0 4px;
    }

    #info li {
        list-style-type: none;
        line-height: 18px;
    }

    #info a {
        color: #454545;
        text-decoration: none;
    }

#footer {
    background-image: url(../Images/footer_bg.gif);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0 15px;
    padding-top: 20px;
    text-align: center;
}

    #footer a {
        color: #254A73;
        text-decoration: underline;
    }

        #footer a:visited {
            text-decoration: underline;
        }

        #footer a:hover {
            text-decoration: none;
        }

.jobTitle {
    /*font-family: 'Trebuchet MS';*/
    font-size: 14px;
}

.JobTitlePost {
    /*font-family: 'Trebuchet MS';*/
    font-size: 14px;
    width: 100%;
}

    .JobTitlePost .Title {
        float: left;
        width: 50%;
        text-align: left;
        background-color: #F0F0F0;
    }

    .JobTitlePost .TitleDate {
        float: left;
        width: 50%;
        text-align: right;
        background-color: #F0F0F0;
    }


input, select, textarea {
    color: #505050;
    padding: 1px;
    /*border: 1px solid #808080;*/
}

#search {
    float: left;
    width: 100%;
}

    #search .jobTitle {
        padding-bottom: 2px;
        font-weight: bold;
    }


    #search .panel {
        float: left;
        padding: 5px;
    }

        #search .panel input[type="submit"], input[type="button"], a.buttonEx {
            margin-top: 15px;
        }

select option {
    background: transparent;
}
/*Commented by ganesan*/
/*
input[type="submit"], input[type="button"], a.buttonEx {
    float: right;
    font: normal 13px "Segoe UI", helvetica, Tahoma, Arial, sans-serif;
    color: #422E1A;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f6f6f6;
    padding: 5px 6px;
    white-space: nowrap;
    text-align: center;
    overflow: visible;
    text-decoration: none;
    /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef*/
background-image:none; cursor: pointer; margin: 2px;
}

input[type="submit"]:focus, input[type="button"]:focus, input[type="submit"]:hover, input[type="button"]:hover, a[class="buttonEx"]:hover, a[class="buttonEx"]:focus {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}

*/ input[type="submit"]:active, input[type="button"]:active, a[class="buttonEx"]:active {
    position: relative;
    top: 1px;
}

.jobOuterBox {
    width: 100%;
}

    .jobOuterBox .jobFilters {
        float: left;
        width: 220px;
    }

.jobFilters .jobTitle {
    font-weight: bold;
    color: #777777;
    margin-left: 2px;
    border-bottom: 1px solid #BBBBBB;
}

.jobFilters .sugLink {
    font-size: 12px;
    width: 205px;
    padding: 0px 0px 0px 10px;
    float: left;
    overflow: hidden;
}

    .jobFilters .sugLink a {
        float: left;
        width: 100%;
        line-height: 20px;
        color: #3D3D29;
        text-decoration: none;
    }

.JobDetails {
    /*background-color: #ededed;*/
    border: 1px solid #dcdcdc;
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    margin: 0;
    min-height: 300px;
    float: left;
    /*font-family: Trebuchet MS;*/
}

    .JobDetails .jobTitle {
        float: left;
        width: 100%;
        font-size: 18px;
        border-bottom: 1px solid #888888;
    }

    .JobDetails .jobLocation {
        float: left;
        width: 100%;
        color: #197519;
        font-size: 14px;
        text-align: right;
    }

    .JobDetails .jobBrief {
        padding: 10px;
        float: left;
        width: 100%;
        font-size: 12px;
    }

        .JobDetails .jobBrief p {
            text-indent: 0px;
        }

        .JobDetails .jobBrief .innerJobdiv {
            padding: 2px;
            float: left;
            width: 100%;
            font-size: 12px;
        }

.jobDescription .heading {
    font-size: 18px;
    border-bottom: 1px solid #888888;
}

.jobDescription .content {
    padding: 5px;
    margin: 5px 0px 5px 0px;
    border: 1px #ccc solid;
}

.JobDetails .jobBrief .innerJobdiv div {
    width: 750px;
    float: right;
}

.jobLinks {
    float: left;
    margin: 5px;
}

    .jobLinks .jobLink {
        float: left;
        width: 234px;
        padding: 2px 3px 2px 3px;
    }

        .jobLinks .jobLink a {
            font-size: 12px;
            line-height: 18px;
            float: left;
            width: 244px;
            color: #000010;
            text-decoration: none;
        }

            .jobLinks .jobLink a:hover, .jobLinks .jobLink a:visited:hover {
                color: #1919D1;
            }

            .jobLinks .jobLink a:visited {
                color: #8A2EE6;
            }

    .jobLinks .jobInnerLinks {
        float: left;
        width: 100%;
    }

        .jobLinks .jobInnerLinks .jobTitle {
            font-size: 15px;
            font-weight: bold;
            color: #090909;
            margin-top: 10px;
            margin-bottom: 10px;
            float: left;
            width: 970px;
            border-bottom: 2px solid #888888;
        }

.breadCrumb {
    float: right;
    background-color: #fff;
    line-height: 20px;
    font-size: 13px;
    width: 100%;
    float: left;
    font-weight: bold;
    margin-top: -5px;
}

    .breadCrumb li {
        list-style-type: none;
        margin: 0;
        float: left;
        padding-left: 8px;
    }

        .breadCrumb li a {
            padding: 0 24px 2px 0;
            background: transparent url(../Images/blue-arrow.png) no-repeat right center;
        }

            .breadCrumb li a:link, .breadCrumb li a:visited {
                text-decoration: none;
                color: #003366;
            }

            .breadCrumb li a:hover, .breadCrumb li a:focus {
                color: #0099CC;
            }

        .breadCrumb li span {
            color: #003366; /*color: #FF9900;*/
        }

.loginBox h3 {
    font-size: 14px;
    border-bottom: 2px solid #888888;
}

.loginBox h4 {
    font-size: 13px;
    border-bottom: 2px solid #888888;
}

#login {
    float: right;
    width: 240px;
    min-height: 200px;
    color: #888888;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    /*font-family: arial;*/
    font-size: 15px;
    font-weight: normal;
    padding: 6px 24px;
    text-decoration: none;
}

    #login .loginBox {
        width: 100%;
        padding: 8px;
    }

        #login .loginBox input[type="text"], #login .loginBox input[type="password"] {
            width: 100%;
        }

    #login .jobTitle {
        float: left;
        width: 240px;
    }

    #login .loginBox img {
        float: left;
    }

    #login span {
        font-size: 12px;
        color: #CC0000;
        float: left;
    }

#loginHelp {
    float: left;
    width: 335px;
    min-height: 200px;
    color: #888888;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    /*font-family: arial;*/
    font-size: 13px;
    font-weight: normal;
    padding: 6px 24px;
    text-decoration: none;
}

    #loginHelp table {
        width: 100%;
        float: left;
    }

    #loginHelp .loginBox {
        float: left;
        width: 100%;
        padding: 8px;
    }

        #loginHelp .loginBox input[type="text"], #loginHelp .loginBox input[type="password"] {
            width: 100%;
        }

    #loginHelp .jobTitle {
        float: left;
        width: 240px;
    }

    #loginHelp .loginBox img {
        float: left;
    }

    #loginHelp span {
        font-size: 12px;
        color: #CC0000;
        float: left;
    }

#Error {
    width: 800px;
    float: left;
}

    #Error .loginBox {
        float: left;
        width: 100%;
        padding: 8px;
    }

    #Error .jobTitle {
        float: left;
        width: 100%;
    }

.LeftPanel {
    float: left;
    width: 150px;
    padding: 0px;
    color: #888888;
    border: 0px none #dcdcdc;
    color: #777777;
    /*font-family: arial;*/
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.LeftPanelLinks a {
    color: #422E1A;
    float: left;
    padding: 5px;
    text-decoration: none;
    width: 138px;
    background-color: #f2f2f2;
    margin-bottom: 1px;
    border: 1px solid #dcdcdc;
    border-left: 2px solid #c0c0c0;
    white-space: nowrap;
    overflow: visible;
}

.LeftPanelLinks, .LeftPanelLinksMail a.MenuParent {
    text-indent: 5px;
    background-color: #EEEEEE;
}

.LeftPanelLinksMail a {
    color: #422E1A;
    float: left;
    padding: 5px;
    line-height: 20px;
    text-decoration: none;
    width: 85px;
    margin-bottom: 1px;
    border: 1px solid #f2f2f2;
    background-color: #f6f6f6;
    white-space: nowrap;
    overflow: visible;
}

.LeftPanelLinks a.MenuChild {
    background-color: #ededed;
    text-indent: 13px; /*display: none;*/
}

.LeftPanelLinks .MailBox {
    float: left;
    padding: 5px;
    text-decoration: none;
    width: 138px;
    border-top: 0px solid #f2f2f2;
    background-color: #f2f2f2;
    color: #454545;
    margin-bottom: 1px;
    border: 1px solid #ccc;
    white-space: nowrap;
    overflow: visible;
}

.LeftPanelLinks a.MenuParent {
    text-indent: 5px;
    background-color: #EEEEEE;
    line-height: 20px;
}

.LeftPanelLinks a.selected, .LeftPanelLinks a:hover {
    color: #111;
    border-left-color: #3358A1;
    background-color: #3d87cf;
    color: #fff;
}

.MenuChild {
    border-left-color: #f2f2f2;
    text-indent: 18px; /*display: none;*/
    line-height: 19px;
}

.RightPanel {
    float: left;
    width: 820px;
    margin-left: 5px;
    padding: 0px;
    min-height: 280px;
    color: #888888;
    border: 0px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    /*font-family: arial;*/
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

    .RightPanel .loginBox {
        float: left;
        width: 750px;
        padding: 5px;
    }

        .RightPanel .loginBox input[type="text"], .RightPanel .loginBox input[type="password"], .RightPanel .loginBox textarea {
            float: left;
            width: 240px;
        }

        .RightPanel .loginBox input[type="file"], select {
            /*float: left;*/
            width: 242px;
        }

    .RightPanel .jobTitle {
        float: left;
        width: 200px;
    }

    .RightPanel .loginBox img {
        float: left;
        width: 200px;
    }

    .RightPanel span {
        padding-left: 5px;
        font-size: 12px;
        /*float: left;*/
    }

        .ErrMsg, .RightPanel span.ErrMsg, #login .ErrMsg, #loginHelp .ErrMsg {
            color: red;
            /*font-size: 12px;*/
        }

        .SucsMsg, .RightPanel span.SucsMsg, #login .SucsMsg, #loginHelp .SucsMsg {
            color: Green;
            font-size: 12px;
        }

.ProSnap {
    width: 95%;
    /*font-family: Arial;*/
}

    .ProSnap .generalInfo {
        padding: 2px;
        text-align: right;
    }

    .ProSnap .generalInfoTitle {
        padding-top: 10px;
        font-weight: bold;
        border-bottom: 1px solid #060606;
    }

    .ProSnap .genSimple {
        /*font-family: Calibri;*/
        font-size: 16px;
    }

.blockInfo {
    float: left;
    width: 755px;
    padding: 10px;
    color: #888888;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    /*font-family: arial;*/
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 10px;
}

    .blockInfo .blockInfoTitle {
        font-weight: bold;
        height: 21px;
        color: black;
        border-bottom: 1px dashed #060606;
    }

    .blockInfo .genSimple {
        padding: 2px;
        width: 750px;
        float: left;
    }

        .blockInfo .genSimple .heading {
            width: 190px;
            float: left;
            font-weight: bold;
        }

        .blockInfo .genSimple .clsdata {
            width: 500px;
            float: left;
            color: #006699;
            word-wrap: break-word;
        }

.generalInfo .genSimple .heading {
    text-align: left;
    width: 190px;
    float: left;
    font-weight: bold;
}

.generalInfo .genSimple .clsdata {
    text-align: left;
    width: 470px;
    float: left;
    color: #006699;
}

.clsApphistory .jobBox {
    width: 770px;
}

    .clsApphistory .jobBox a {
        width: 750px;
    }

        .clsApphistory .jobBox a:hover {
            border-color: #808080;
        }

        .clsApphistory .jobBox a .jobTitle {
            width: 100%;
        }

.clsDashboardGrid {
    width: 814px;
    margin-top: 2px;
    margin-bottom: 2px;
    min-height: 100px;
    color: #888888;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    /*font-family: arial;*/
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

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

.innerhomeContent .homeleft {
    float: left;
    width: 730px;
    padding: 0px 5px 0px 5px;
}

.innerhomeContent .homeright {
    float: left;
    width: 250px;
    padding: 0px 5px 0px 5px;
}

    .innerhomeContent .homeright img {
        float: left;
        width: 250px;
        padding: 5px 0px 5px 0px;
    }

.homeleft .CustomContent {
    width: 700px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    text-decoration: none;
    margin-top: 1px;
    float: left;
}

.homeleft #search {
    width: 728px;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #888888;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

    .homeleft #search .heading-in {
        margin: 5px 15px 5px 5px;
        width: 706px;
        font-size: 14px;
        font-weight: bold;
        color: #777777;
        border-bottom: 1px solid #dcdcdc;
    }

.homeleft .serviceContent {
    width: 728px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    text-decoration: none;
    margin-top: 10px;
}

.homeleft .innerserviceContent {
    padding: 15px;
}

    .homeleft .innerserviceContent p {
        text-indent: 35px;
        font-size: 12px;
        line-height: 16px;
    }

    .homeleft .innerserviceContent h2 {
        font-size: 14px;
        border-bottom: 1px solid #888888;
    }


.homeright .poll {
    width: 250px;
    min-height: 200px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    text-decoration: none;
}

    .homeright .poll .heading {
        background-color: #f6f6f6;
        padding: 4px;
        font-size: 14px;
        font-weight: bold;
    }

    .homeright .poll .pollcontent {
        float: left;
        padding: 3px 5px;
    }

/*.homeright .pollcontent span
{
    line-height: 20px;
    float: left;
    width: 100%;
}*/

.homeright .pollcontent .pollAns {
    font-size: 12px;
    padding: 4px 6px 4px 6px;
    line-height: 16px;
}

.homeright .pollcontent span input {
    margin-left: 10px;
    background-color: #f6f6f6;
    margin-top: 5px;
    width: 8px;
}

.homeright .pollcontent .pollQus {
    font-size: 12px;
    padding: 4px 6px 4px 6px;
    font-weight: bold;
    line-height: 16px;
}

.pollcontent span label {
    font-size: 12px;
    color: #3E3928;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    clear: left;
}

.pollRow {
    float: left;
    width: 100%;
    font-weight: normal;
    line-height: 14px;
    padding: 1px 0px 1px 0px;
    font-size: 11px;
}

.p_result span {
    padding: 0;
    margin: 5px 0px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    white-space: nowrap;
    color: #777777;
    font-size: 12px;
    font-weight: bold;
}

.pollRow .p_ans {
    padding-left: 5px;
    float: left;
    width: 145px;
}

.pollRow .p_no {
    float: left;
    width: 40px;
}

/* CSS for Table */

#searchPanel .innerPanel .box .SimpleGrid {
    width: 790px;
    max-height: 300px;
}

.SimpleGrid {
    float: left;
    width: 99%;
    display: inline;
    overflow: auto;
    margin: 15px 0px 15px 0px;
    border: 0px solid #ccc;
    border-collapse: separate;
    /*font-family: Tahoma;*/
    max-height: 400px;
    z-index: -5;
    word-wrap: break-word;
}

    .SimpleGrid th {
        color: #422E1A;
        border: 1px solid #ccc;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #f6f6f6;
        margin: 1px;
        padding: 5px 4px;
        white-space: nowrap;
        text-align: center;
        overflow: visible;
        text-decoration: none;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
    }

    .SimpleGrid tr {
        background-color: #fff;
        cursor: pointer;
    }

        .SimpleGrid tr.DataRow {
            color: #000000;
            font-size: 12px;
        }

        .SimpleGrid tr:hover, .SimpleGrid .selection {
            background-color: #E0E0E0;
        }
/*Added by Ganesan on 17.05.2017 for Table Sorting and Filtering*/
.selection {
    background-color: #E0E0E0;
}

.SimpleGrid tr td {
    font-size: 12px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ccc; /* word-break: break-all;     word-wrap:break-word;*/
}

    .SimpleGrid tr td span {
        text-align: left;
    }

    .SimpleGrid tr td img, .SimpleGrid tr th img, .SimpleGrid tr td input[type="image"] {
        /*height: 30px;     width: 45px;*/
        border-width: 0px;
        text-align: center;
        vertical-align: middle;
    }

        .SimpleGrid tr td a.logo, .SimpleGrid tr th img.logo, .SimpleGrid tr td input[type="image"].logo {
            padding: 0 0 0 0;
            width: 20px;
        }

            .SimpleGrid tr td a.logo img, .SimpleGrid tr th img.logo, .SimpleGrid tr td input[type="image"].logo {
                width: 16px;
            }

    .SimpleGrid tr td a {
        text-decoration: none;
        color: #3366CC;
        text-align: center;
        cursor: pointer;
    }

.Element {
    /*font-family: 'Trebuchet MS';*/
    font-size: 14px;
    float: left;
    width: 100%;
    color: #422E1A;
}

    .Element .innerElement {
        float: left;
        width: 25%;
        padding: 0 1%;
    }

#lblLoading {
    background-color: #f6f6f6;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    left: 0%;
    top: 0%;
    padding-left: 45%;
    padding-top: 30%;
    margin: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#loading, .loading {
    background: #fff url(../greybox/indicator.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0%;
    top: 0%;
    margin: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* CSS for CheckListBox */
.clsChkBox {
    float: left;
    width: 95%;
    overflow: auto;
    max-height: 100px;
    padding: 5px 2px; /*border: 1px solid #CCC; float: left;*/
}

    .clsChkBox li {
        float: left;
        width: 100px;
        list-style-type: none;
    }

    .clsChkBox label {
        padding-left: 5px;
    }


/* base CSS element */
.tip {
    background: #eee;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    width: 200px;
}

    /* arrows - :before and :after */
    .tip:before {
        position: absolute;
        display: inline-block;
        border-top: 7px solid transparent;
        border-right: 7px solid #eee;
        border-bottom: 7px solid transparent;
        border-right-color: rgba(0, 0, 0, 0.2);
        left: -14px;
        top: 20px;
        content: '';
    }

    .tip:after {
        position: absolute;
        display: inline-block;
        border-top: 6px solid transparent;
        border-right: 6px solid #eee;
        border-bottom: 6px solid transparent;
        left: -12px;
        top: 21px;
        content: '';
    }

.flr {
    float: right;
}

.textAlignRight {
    display: block;
    text-align: right;
    padding-bottom: 10px;
}

.fll {
    float: left;
}


/* CSS for Report */
.tabContainer {
    margin: 10px 0;
    float: left;
    width: 99%; /*overflow: auto;*/
}

    .tabContainer .tabContent {
        padding: 15px;
        background-color: #fff;
        float: left;
        margin-bottom: 10px;
        min-height: 250px;
        border: 1px solid #e1e1e1;
    }

    .tabContainer .digiTabs {
        list-style: none;
        display: block;
        overflow: auto;
        margin: 0;
        padding: 0px;
        position: relative;
        top: 1px;
        left: 0px;
    }

        .tabContainer .digiTabs li {
            float: left;
            background-color: #EEEEEE; /*background-color: #959595;*/
            border: 1px solid #ddc;
            padding: 3px !important;
            cursor: pointer;
            border-bottom: none;
            margin-right: 10px;
            /*font-family: normal 12px "Segoe UI", helvetica, Tahoma, Arial, sans-serif;*/
            font-size: 11px;
            font-weight: bold;
            color: #422E1A;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            vertical-align: middle;
            text-align: center;
        }

            .tabContainer .digiTabs li div {
                min-width: 13px;
                height: 13px;
                border: 1px solid #333;
                background: #6495ED;
                color: white;
                border-radius: 10px;
                bottom: 1px;
                position: relative;
                line-height: 14px;
                text-align: center;
                overflow: hidden;
                margin-top: -5px;
                float: right;
                box-shadow: 0 0 10px #000000;
            }

        .tabContainer .digiTabs .selected {
            background-color: #999999;
            color: #fff;
        }

.tabContent {
    padding: 10px;
    background-color: #fff;
    float: left;
    min-height: 250px;
    border: 1px solid #e1e1e1;
    width: 790px;
}


.Topline {
    margin-bottom: 10px;
    margin-left: 374px;
}

.Label {
    float: left;
    width: 85%;
    text-align: center;
}

.lineCommon {
    width: 190px;
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 10px;
    text-align: center;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    background-color: #ffffff;
}

.Midleftdiv {
    float: left;
    margin-left: 170px;
    margin-right: 48px;
}

.bottonlinediv {
    height: 50px;
    float: left;
    padding: 20px;
    margin-left: 15px;
}

.bottomleftdiv {
    float: left;
    margin-left: 22px;
}
/*  css for Candidate report End */

.buttonClass {
    width: 50px;
    padding: 2px 20px;
    text-decoration: none;
    border: solid 1px #ccc;
    background-color: #ababab;
}

    .buttonClass:hover {
        border: solid 1px Black;
        background-color: #ffffff;
    }

input[type="radio"] {
    width: 13px;
    height: 18px;
    padding: 2px;
    display: block;
    clear: left;
    float: left;
}

.select {
    width: 154px;
    color: #505050;
    padding: 2px;
    border: 1px solid #808080;
}

    .select option {
        background: transparent;
    }

/*Dharam*/
.chartdiv {
    width: 785px;
    height: 430px;
}

/* Template Contextsmenu*/

ul.SimpleContextMenu {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 0px;
    /*font-family: verdana;*/
    font-size: 12px;
    list-style-type: none;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

    ul.SimpleContextMenu li {
        border-bottom: 1px solid #000000;
    }

        ul.SimpleContextMenu li a {
            width: 150px;
            padding: 5px 10px 5px 10px;
            background: #eeeeee;
            color: Black;
            text-decoration: none;
            display: block;
        }

            ul.SimpleContextMenu li a:hover {
                text-decoration: none;
                color: #708ABD;
                background: #efefef;
            }

.boxViewProfile {
    float: left;
    display: block;
    width: 795px;
    height: 450px;
    border-radius: 5px; /*background-color:#C0C0C0;*/ /*text-align:center;*/
}

.Reminder {
    width: 500px;
    height: 150px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    color: #422E1A;
    border: 2px solid #ccc;
    background-color: #f6f6f6;
    margin: 1px;
    padding: 5px 4px;
    text-decoration: underline;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 10px;
    z-index: 60000 !important;
}

    .Reminder span.head {
        font-weight: bold;
        font-size: 15px;
        margin-top: 5px;
        margin-left: 5px;
    }

    .Reminder .loginBox {
        float: left;
        width: 100%;
        font-size: 14px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .Reminder .jobTitle {
        /*font-family: 'Trebuchet MS';*/
        font-size: 14px;
        float: left;
        width: 140px;
    }

#popupInterviewInfo {
    width: 60%;
    position: absolute;
    top: 30%;
    left: 20%;
    min-height: 300px;
    overflow: auto;
    margin: 0px 0 0 0px; /* [-(height/2)px 0 0 -(width/2)px]*/
    color: #422E1A;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ccc;
    background-color: #f2f2f2;
    padding: 5px 4px;
    white-space: nowrap;
    text-decoration: underline;
    box-shadow: 10px 10px 5px #888888;
    float: left;
    z-index: 60001 !important;
}

#popupAlertInfo {
    width: 55%;
    position: absolute;
    top: 30%;
    left: 20%;
    min-height: 300px;
    overflow: auto;
    margin: 0px 0 0 0px; /* [-(height/2)px 0 0 -(width/2)px]*/
    color: #422E1A;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ccc;
    background-color: #f2f2f2;
    padding: 5px 4px;
    white-space: nowrap;
    text-decoration: underline;
    box-shadow: 10px 10px 5px #888888;
    float: left;
    z-index: 60001 !important;
}

/*.clspopup {  
    background-color: gray;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    margin: 0;
    display: none;
    z-index: 600 !important;
}*/

.clspopup {
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    margin: 0;
    display: none;
    z-index: 99999 !important;
}


.clspopupFrame {
    border: 0 solid #66FFFF; /*background: #fff url(../Images/loding.gif) no-repeat center center;*/
    background-color: #fff;
    height: 70%;
    width: 50%;
    position: fixed;
    padding: 5px 5px 5px 5px;
    overflow: auto;
    z-index: 6000 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
}

.chatparent {
    border: 0 solid #66FFFF;
    position: fixed;
    overflow: auto;
    height: 410px;
    width: 300px;
    padding: 5px 5px 5px 5px;
    z-index: 9000;
    bottom: 2px;
    right: 2px;
}

    .chatparent iframe {
        height: 400px;
        width: 300px;
        padding: 0;
        margin: 0;
        border: 0;
    }

.AutoAlert {
    border: 0 solid #66FFFF;
    position: fixed;
    overflow: auto;
    width: 450px;
    padding: 5px 5px 5px 5px;
    z-index: 9000;
    right: 2px;
    display: none;
    background: #fff no-repeat center center;
}

    .AutoAlert iframe {
        height: 315px;
        width: 450px;
        padding: 0;
        margin: 0;
        border: 0;
    }

.Outerbox {
    float: left;
    display: block;
    width: 99%;
    height: 465px;
    overflow: auto;
    border: 2px solid #ccc;
    border-radius: 5px; /*background-color:#C0C0C0;*/ /*text-align:center;*/
}

/* For document Div*/
.boxViewProfile {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    overflow: auto;
    border: 2px solid #ccc;
    border-radius: 5px; /*background-color:#C0C0C0;*/ /*text-align:center;*/
}

    .boxViewProfile .jobDescription .heading {
        font-size: 18px; /*border-bottom: 0px solid #888888;*/
    }

.jobDescription .content {
    padding: 5px;
    margin: 5px 0px 5px 0px; /*border: 1px #ccc solid;*/
}

/*Ending For Auto Alert Master Page 18 July 2013*/

.imgbtnAlert {
    width: 15px;
    background-image: none;
    border: black;
    height: 14px;
    margin: 0px 6px 0px 6px;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 20px;
    height: 150px;
    width: 500px;
}


.circleDiv {
    position: relative;
    top: -23px;
    left: -26px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -border-radius: 9px;
    -behavior: url(PIE.htc);
    width: auto;
    height: auto;
    min-width: 12px;
    min-height: 12px;
    float: right;
    font-size: 8px;
    background: red;
    color: White;
    text-align: center;
}

.leftPanelCircleDiv {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -border-radius: 9px;
    -behavior: url(PIE.htc);
    font-size: 11px;
    background: red;
    color: White;
    padding: 2px 5px 2px 5px;
}

/*Starting For Auto Alert Master Page 18 July 2013*/
.SearchContentForAutoAlert {
    position: absolute;
    color: #422E1A;
    moz-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
    background-color: #f6f6f6;
    margin: 35px 0 0 585px;
    padding: 5px 4px;
    text-decoration: underline;
    box-shadow: 1px 1px 1px #888888;
    float: left;
    width: 400px;
    z-index: 100;
}

    .SearchContentForAutoAlert .searchHeading {
        text-decoration: underline;
    }

.flrAlert {
    float: right;
    width: 17px;
    height: 17px;
    border: 0px;
}

.autoAlertGrid {
    width: 400px;
    margin: 0px 1px 1px 1px;
    height: auto;
    max-height: 470px;
    overflow: auto;
}


/***
Dashboard 
***/
.dashboard-head {
    float: left;
}

    .dashboard-head .dashboard-stat {
        margin-left: 2.5px;
        margin-right: 2.5px;
        float: left;
    }

.dashboard-stat {
    margin-bottom: 25px;
    /*width: 190px;*/
    width: 205px;
}


    .dashboard-stat:before, .dashboard-stat:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .dashboard-stat:after {
        /*clear: both;*/
    }

    .dashboard-stat .visual {
        width: 80px;
        height: 80px;
        display: inline-block;
        float: left;
    }

        .dashboard-stat .visual i {
            font-size: 65px;
            color: #fff;
        }

    .dashboard-stat .details {
        float: right;
        padding-right: 5px;
    }

        .dashboard-stat .details .number {
            /* padding-top: 25px; */
            text-align: right;
            font-size: 34px;
            letter-spacing: -1px;
            font-weight: 300;
            color: #fff;
        }

        .dashboard-stat .details .desc {
            text-align: right;
            font-size: 16px;
            letter-spacing: 0px;
            font-weight: 300;
            color: #fff;
        }

        /*Start Added by dharam for billing dashboard on 21 apr 2015*/

        .dashboard-stat .details .bm-number {
            /* padding-top: 25px; */
            text-align: right;
            font-size: 16px;
            letter-spacing: -1px;
            font-weight: 300;
            color: #fff;
        }

        .dashboard-stat .details .bm-desc {
            text-align: right;
            font-size: 14px;
            letter-spacing: 0px;
            font-weight: 300;
            color: #fff;
        }

    .dashboard-stat input[type="submit"] {
        width: 126px;
        color: white;
        background-color: #908434;
        border: 0px solid #ccc;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background-image: none;
    }
    /*end Added by dharam for billing dashboard on 21 apr 2015*/

    .dashboard-stat .more {
        width: 163px;
        clear: both;
        display: inline-block;
        padding: 5px 10px 10px 15px;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 11px;
        color: #fff;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

        .dashboard-stat .more i {
            margin-top: 3px;
            float: right;
        }

        .dashboard-stat .more:hover {
            text-decoration: none;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .dashboard-stat.Red {
        background-color: rgb(255, 0, -55);
    }

        .dashboard-stat.Red .more {
            background-color: rgb(255, 0, -55);
        }

    .dashboard-stat.Winblue {
        background-color: rgb(78, 105, 239);
    }

        .dashboard-stat.Winblue .more {
            background-color: rgb(78, 105, 239);
        }

    .dashboard-stat.blue {
        background-color: #27a9e3;
    }

        .dashboard-stat.blue .more {
            background-color: #208dbe;
        }

    .dashboard-stat.green {
        background-color: #28B99D;
    }

        .dashboard-stat.green .more {
            background-color: #28B99D;
        }

    .dashboard-stat.goldenrod .more {
        background-color: #da8620;
    }

    .dashboard-stat.yellow {
        background-color: #ffb848;
    }

        .dashboard-stat.yellow .more {
            background-color: #cb871b;
        }

    .dashboard-stat.purple {
        background-color: #852b99;
    }

        .dashboard-stat.purple .more {
            background-color: #6e1881;
        }

    .dashboard-stat.brass {
        background-color: #a2953b;
    }

        .dashboard-stat.brass .more {
            background-color: #908434;
        }

    .dashboard-stat.Camel {
        background-color: #c19a6b;
    }

        .dashboard-stat.Camel .more {
            background-color: #9e7442;
        }

    .dashboard-stat.DarkBlue {
        background-color: rgb(82, 4, 187);
    }

        .dashboard-stat.DarkBlue .more {
            background-color: rgb(82, 4, 187);
        }

    .dashboard-stat.Lead {
        background-color: #27a9e3;
    }

    .dashboard-stat.Client {
        background-color: rgb(82, 4, 187);
    }

    .dashboard-stat.Requirement {
        background-color: rgb(255, 0, -55);
    }

    .dashboard-stat.Onhold {
        background-color: rgb(255, 83, 255);
    }

    .dashboard-stat.Open {
        background-color: #663399;
    }

    .dashboard-stat.Interested {
        background-color: #BFBFBF;
    }

    .dashboard-stat.Resume {
        background-color: rgb(78, 105, 239);
    }

    .dashboard-stat.Interview {
        background-color: #3A539B;
    }

    .dashboard-stat.Feedback {
        background-color: #852b99;
    }

    .dashboard-stat.Scheduled {
        background-color: #ffb848;
    }

    .dashboard-stat.Today {
        background-color: #28B99D;
    }

    .dashboard-stat.Income {
        background-color: rgb(255, 26, 140);
    }

        .dashboard-stat.Income .number {
            font-size: 24px !important;
            height: 46px;
        }

    .dashboard-stat.Offered {
        background-color: rgb(0, 153, 255);
    }

    .dashboard-stat.Joined {
        background-color: rgb(255, 0, 221);
    }

    .dashboard-stat.Pipeline {
        background-color: rgb(51, 0, 0);
    }

    .dashboard-stat.TotalDOJ {
        background-color: #808080;
    }
/***
Metro icons
***/
.m-icon- {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: top;
    background-image: url(../Images/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.m-icon-big- {
    display: inline-block;
    width: 30px;
    height: 0px; /* margin: 6px;  */
    vertical-align: top;
    background-image: url(../Images/syncfusion-icons.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.m-icon-white {
    background-image: url(../Images/syncfusion-icons-white.png);
}

/*  Misc */
.btn.icn-only {
    min-width: 14px;
}

.btn.bigicn-only {
    min-width: 34px;
}

.m-icon-swapright {
    background-position: -27px -10px;
}

.m-icon-swapdown {
    background-position: -68px -10px;
}

.m-icon-swapleft {
    background-position: -8px -10px;
}

.m-icon-swapup {
    background-position: -46px -10px;
}

.m-icon-big-swapright {
    background-position: -42px -28px;
}

.m-icon-big-swapdown {
    background-position: -115px -28px;
}

.m-icon-big-swapleft {
    background-position: -6px -28px;
}

.m-icon-big-swapup {
    background-position: -78px -28px;
}

/*CSS for Context Menu*/
#SimpleContextMenu {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 0px;
    /*font-family: verdana;*/
    font-size: 12px;
    list-style-type: none; /*height: 100%;     width: 100%;*/
    z-index: 100;
}

ul#SimpleContextMenu li {
    float: left;
}

    ul#SimpleContextMenu li input[type="submit"] {
        margin: 0;
        text-align: left;
        clear: both;
        float: left;
        width: 230px;
    }
/*CSS for End Context Menu*/
.ExcelParentDiv .excelOption {
    position: relative !important;
    margin: 0 auto;
}

.ExcelParentDiv {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.excelOption {
    width: 774px;
    display: none;
    z-index: 7000 !important;
    color: #422E1A;
    border: 3px solid #ccc;
    background-color: #f6f6f6;
    overflow: auto;
    left: 0;
    top: 150px;
    right: auto;
    position: absolute;
    min-height: 50px;
    max-height: 450px;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    line-height: 1.42857143;
}

#fadeBackgroundFormat, #fadeBackground {
    width: 100%;
    height: 100%;
    z-index: 2000;
    position: absolute;
}


.excelOption div {
    width: 225px;
    padding: 5px;
    float: left;
}

    .excelOption div input[type="checkbox"] {
        float: left;
        padding: 0px; /*border: 1px solid #CCC; float: left;*/
        border: 0 none #fff;
        font-size: larger;
    }

    .excelOption div label {
        float: left;
    }

    .excelOption div input[type="button"] {
        float: right;
    }

/*start CSS for job expire*/

#reqExpiring {
    position: absolute;
    float: left;
    width: 500px;
    padding: 0;
    margin: 0;
    background-color: #f6f6f6;
    z-index: 23330;
}

    #reqExpiring #ExpireReq {
        padding: 10px;
    }

/*end CSS for job expire*/

/*start Added by ravi*/

.SearchContentadvance {
    top: 178px;
    position: absolute;
    color: #422E1A; /*-moz-border-radius: 10px;     -webkit-border-radius: 10px;     border-radius: 10px;*/
    border: 2px solid #ccc;
    background-color: #f6f6f6;
    margin: 1px;
    padding: 5px 4px;
    white-space: nowrap;
    text-decoration: underline;
    box-shadow: 10px 10px 5px #888888;
    float: left;
    -moz-column-count: 2; /* Firefox */
    -webkit-column-count: 2; /* Safari and Chrome */
    column-count: 2;
    column-gap: 50px;
    -moz-column-gap: 50px; /* Firefox */
    -webkit-column-gap: 50px; /* Safari and Chrome */
}

.displayperpage /* added by ravi*/ {
    font-weight: bold;
    color: Red;
}

/*.dropdowndisplay{
    width: 60px;
}*/

/*CSS for MailManager*/
.innerMail {
    float: left;
    margin-left: 2px;
    padding: 5px;
    width: 680px;
    border: 0px solid #B8B8B8;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: normal;
    cursor: pointer;
}

.header-fixed {
    position: fixed;
}

.DisplayName {
    width: 150px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 2px;
    color: Black;
}

.btnSubject {
    width: 400px;
    float: left;
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: Black;
}

#divCreated {
    width: 100px;
    float: right;
    color: Black;
}

.filterbox {
    float: left;
    margin-left: 10px;
    padding: 0px 4px;
}
/*End CSS for MailManager*/
.circleClientLead {
    position: relative;
    /*top: -3px;*/
    left: 37px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -border-radius: 9px;
    -behavior: url(PIE.htc);
    width: auto;
    height: auto;
    min-width: 15px;
    min-height: 15px;
    float: right;
    font-size: 10px;
    background: #33CC33;
    color: White;
    text-align: center;
}
/*end for Lead module*/

.circleClientReq {
    position: absolute;
    /* top: -3px; */
    /* left: -23px; */
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -border-radius: 9px;
    width: auto;
    height: auto;
    min-width: 15px;
    min-height: 15px;
    float: right;
    font-size: 10px;
    background: #33CC33;
    color: White;
    text-align: center;
    margin-left: 23px;
}
/*start added by Pushkar for chat  */

/*.chatParent {
    float: right;
    bottom: 0;
    right: 0;
    width: 250px;
    min-height: 200px;
    background-color: #F6F6F6;
    border: 2px solid Gray;
    border-radius: 3px;
    font: 12px "Segoe UI",helvetica,Tahoma,Arial,sans-serif;
    margin: 1px;
    overflow: visible;
    text-align: left;
    position: fixed;
    z-index: 100;
}

.headerChat {
    border-radius: 3px 3px 0 0;
    width: 250px;
    margin: 0 auto;
    height: 20px;
    background-color: Black;
    color: White;
    cursor: pointer;
}

.header .imgmini {
    float: right;
    height: 16px;
    width: 16px;
}

.onlineUserDisplay {
    display: block;
    width: 100%;
}

    .onlineUserDisplay ul li {
        vertical-align: middle;
        display: inline;
        width: 250px;
        cursor: pointer;
    }

        .onlineUserDisplay ul li a {
            font: 12px "Segoe UI",helvetica,Tahoma,Arial,sans-serif;
            color: Black;
        }



.CircleDivForum {
    position: relative;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -border-radius: 9px;
    top: -23px;
    left: 105px;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    font-size: 8px;
    background: red;
    color: White;
    text-align: center;
}

.ChatUserSearch {
    width: 90.4%;
    box-shadow: 0 0 2px black;
}

.onlineUsrList {
    width: 250px;
    position: fixed;
    bottom: 0px;
    right: 2px;
    border: 2px solid Gray;
    border-top: 5px solid Black;
    box-shadow: 0 0 10px black;
    height: 15px;
    display: block;
    font-size: small;
    background-color: White;
    font-weight: lighter;
    vertical-align: middle;
    z-index: 1000;
    font: 12px "Segoe UI",helvetica,Tahoma,Arial,sans-serif;
}*/
/*end added by Pushkar for chat  */
/*Starting For USer Rights Treeview by dharam on 31 july 2013*/
.treeNode {
    color: #422E1A;
}

.rootNode {
    font-size: 18px;
    padding: 2px;
    color: #422E1A;
}

/*#ChatMainParent {
    position: fixed;
    height: 300px;
    right: 260px;
    bottom: 0px;
}

.ChatChild {
    border: 1px solid black;
    overflow: hidden;
    padding: 0px;
    margin-right: 2px;
    width: 270px;
    float: right;
    z-index: 1000;
    background-color: white;
}

.ChatTextBox {
    bottom: 0px;
    height: 20px;
    width:280px;
}*/

.leafNode {
    padding: 3px;
    color: #070707;
}

.selectNode {
    background-color: Gray;
    color: White;
    border-radius: 5px;
}
/*End For USer Rights Treeview by dharam on 31 july 2013*/

.displayAction {
    background-color: #f6f6f6;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.displayBorder {
    padding: 3px;
    font-weight: normal;
}


    .displayBorder:hover {
        background-color: #DCD6DD;
    }

    .displayBorder img {
        margin-bottom: 2px;
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }


/*Start Added by dharam for ModulerView on 23 feb 2014*/
.gridBox {
    width: 140px;
    height: 130px;
    float: left;
    color: #422E1A;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 5px 5px 5px 5px;
    text-align: left;
    background-color: #EEEEEE;
}

.boxHeader {
    display: inline-block;
    background-color: #DCD6DD;
    border-top-left-radius: 10px;
    width: 80%;
    height: 24px;
    color: Blue;
    text-align: center;
    cursor: pointer;
}

.boxall {
    display: inline-block;
    width: 100%;
    height: 20px;
    text-align: center;
}

.boxModifiedall {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.boxleft {
    background-color: #DCD6DD;
    border-top-right-radius: 10px;
    width: 20%;
    height: 24px;
    float: right;
    cursor: pointer;
}

.boxFooter {
    display: inline-block;
    background-color: #DCD6DD;
    border-top-left-radius: 10px;
    width: 100%;
    height: 24px;
}

.boxFullHeader {
    display: inline-block;
    background-color: #DCD6DD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: 24px;
    color: Blue;
    text-align: center;
    cursor: pointer;
}

.userdivcss {
    background-color: White;
}

    .userdivcss :hover {
        background-color: #dfdfdf;
        border-radius: 12px;
    }
/*end Added by dharam for ModulerView*/

/*start added by dharam for user right user*/

.chkChoiseTypeUser {
    height: auto;
    width: auto;
    max-height: 100px;
    max-width: 220px;
    overflow: auto;
}

.UserRightUserListHeader {
    left: inherit;
    width: 196px;
    max-height: 150px;
    overflow: auto;
    position: absolute;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    margin: 1px;
    padding: 2px 1px;
    float: right;
    z-index: 100;
    margin-left: 160px;
}

    .UserRightUserListHeader tr:hover {
        background-color: #E0E0E0;
    }

.userRightSelectText {
    width: 47px;
    float: left;
    margin-left: 4px;
}

.userRightImgSize {
    width: 13px;
    height: 13px;
    border: none;
    margin-left: 2px;
}

.jopposting {
    float: left;
    width: 30%;
    padding: 5px;
    color: #555555;
}
/*end added by dharam for user right user*/


#CategorySearchContain {
    left: 300px;
    width: 600px;
}

#JargonSearchContain {
    left: 450px;
    width: 500px;
}

#SearchbyDateContent {
    left: 550px;
    width: 400px;
}

.circleCommentCount {
    position: relative;
    float: right;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -border-radius: 9px;
    -behavior: url(PIE.htc);
    width: auto;
    height: auto;
    min-width: 20px;
    min-height: 15px;
    font-size: 15px;
    background: red;
    color: White;
    text-align: center;
    cursor: pointer;
}

.hidedemo {
    position: relative;
    width: 40px;
    height: 20px;
    background: #e2e2e2;
    color: white;
    text-align: center;
    z-index: 1;
    top: 21px;
    left: 2px;
}

.writemonday {
    position: relative;
    width: 41px;
    height: 20px;
    background: #e2e2e2;
    color: #666;
    text-align: right;
    z-index: 1;
    top: 21px;
    left: 1px;
    display: none;
}

.topAlertImage {
    background: url('../images/arrow-top.png') no-repeat;
    position: relative;
    top: -10px;
    height: 5px;
    left: 376px;
    display: block;
}

/*start Excel Left Right Button*/
.btnUpDown {
    width: 15px;
    height: 15px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    float: right;
    background: #A9E2F3;
    color: darkgreen;
    cursor: pointer;
    text-decoration: none;
}

    .btnUpDown:hover {
        opacity: 0.5;
    }

.btnupRight {
    background: url('../Images/Resources/thumb/exlnext.png') no-repeat;
}

.btnupLeft {
    background: url('../Images/Resources/thumb/exlprev.png') no-repeat;
}
/*start Excel Left Right Button*/

.btnFlip {
    margin: 0px;
    border-style: none;
    float: right;
    width: 16px;
    height: 16px;
    background: url('../images/flip_horizontal-128.png') no-repeat;
    cursor: pointer;
}

.dd_chk_selected {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    min-height: 18px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
    text-decoration: none;
    overflow: visible;
    color: Black;
    background-color: white;
    background-image: url("WebResource.axd?d=-kVQMneD4rmJNnPCA9pT3tvyV7PVcLGRRjwSmnkq_I2Kju4SNlJq06u8…k7oOIS7qObtiKKCU8zQXhBVuthQfwNddbFgDVxKQMdxpcnlZc9Q2&t=635999389482562969");
    background-position: right center;
    background-repeat: no-repeat;
    width: 150px;
}


.templateFieldSet {
    min-height: 25px;
    padding-left: 1%;
    border-radius: 8px;
    margin-top: 45px;
    border: groove !important;
}

.excelOption .templateFieldSet {
    margin-top: 50px !important;
}

legend {
    padding: 0.2em 0.5em;
    font-size: 0.9em;
    /*text-transform: uppercase;*/
    color: #422E1A;
    border: 1px solid #422E1A;
    text-transform: capitalize;
}






.templateLegend {
    border: 1px solid #6C6C6C;
    font-weight: bold;
    border-radius: 7px;
    width: auto !important;
}



.dropSpace {
    float: right;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    /*background-color:green;*/
    background: url('../images/DropArrow.png') no-repeat;
}


#fullscreen .innerPanel {
    float: left;
    padding: 15px;
}

    #fullscreen .innerPanel .box {
        float: left;
        width: 100%;
        padding: 5px 0 5px 0;
    }

        #fullscreen .innerPanel .box .innerBox {
            float: left;
            padding-right: 25px;
        }

        #fullscreen .innerPanel .box fieldset {
            padding: 10px;
            border: 1px solid #ccc;
        }

            #fullscreen .innerPanel .box fieldset legend {
                padding: 0;
                margin: 0;
            }


        #fullscreen .innerPanel .box span, #fullscreen .innerPanel .box label {
            float: left;
            padding: 1px 5px;
            width: 148px;
            /*font-family: Arial, Helvetica, sans-serif;*/
            font-size: 11px;
        }

        #fullscreen .innerPanel .box input[type="text"], #fullscreen .innerPanel .box select, textarea {
            float: left;
            width: 160px;
            padding: 0;
            margin: 0;
        }

.tabContent1 {
    /* padding: 10px; */
    background-color: #fff;
    float: left;
    min-height: 250px;
    border: 1px solid #e1e1e1;
    width: 825px;
}

.tabContainer1 {
    /*margin: 10px 0;*/
    float: left;
    width: 99%; /*overflow: auto;*/
}


/*for codidate joining form family details*/
.FamilyRow {
    width: 140px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
}

.FamilyRow2 {
    width: 108px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
    text-align: -webkit-center;
}

    .FamilyRow2 span {
        padding-left: 5px;
    }

.FamilyDropdown {
    float: left;
    width: 90px;
    height: 22px;
    margin: 5px;
    padding-left: 10px;
    text-align: -webkit-center;
}

.FamilyImage {
    float: left !important;
    margin: 3px;
}
/*for codidate joining form achievement details*/
.achieveRow {
    width: 140px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
}

.achieveRow2 {
    width: 105px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
    text-align: center;
}

    .achieveRow2 span {
        padding-left: 20px;
    }
/*for codidate joining form reference details*/
.referenceRow {
    width: 140px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
}

.referenceRow2 {
    width: 105px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
    text-align: center;
}

    .referenceRow2 span {
        padding-left: 20px;
    }
/*for codidate joining form language details*/
.languageRow {
    width: 175px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
}

.languageRow2 {
    width: 173px !important;
    margin: 1px;
    float: left;
    height: 20px;
    margin: 5px;
}

    .languageRow2 span {
        padding-left: 17px;
    }

/*for codidate joining form skill details*/
.skillDetailsRow {
    width: 200px !important;
    float: left;
    height: 20px;
    margin: 5px !important;
}

.skillDetailsRow2 {
    width: 100px !important;
    float: left;
    height: 20px;
    margin: 5px !important;
    text-align: center;
}

.skillDetailsRowDrop {
    width: 90px !important;
    float: left;
    margin: 5px !important;
    height: 22px;
    text-align: center;
}


.skillDetailsRow2 span {
    padding-left: 5px;
}


.row3Dropdown {
    margin: 1px;
    float: left;
    margin: 5px;
}


.btnAddMore {
    line-height: 26px;
    padding: 0px 10px;
    background-color: #929394;
    border-color: #4267b2;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
}


/*Change Password Start */

.rdblPassword {
    width: 260px;
    font-size: larger;
    /*font-family: 'Trebuchet MS';*/
}

    .rdblPassword label {
        padding-left: 3px;
    }

.TextAlignRight {
    text-align: right;
}

.TextAlignCenter {
    text-align: center;
}

.TextAlignLeft {
    text-align: left;
}

/*Change Password End */

#MainDashboard .x_panel {
    min-height: 371px !important;
    margin-left: 5px;
}

#MainDashboard svg#svg {
    margin: 0 !important;
}

#MainDashboard span.lead-total {
    margin-left: 95px;
}

#MainDashboard .easypiechart {
    position: relative;
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 20px auto 10px auto;
}

    #MainDashboard .easypiechart .percent {
        display: block;
        position: absolute;
        font-size: 26px;
        top: 57px;
        width: 150px;
    }

#MainDashboard #chartContainer {
    height: 345px !important;
}

@media (max-width: 1024px) {
    #MainDashboard .padding-right-0 {
        padding-right: 15px !important;
    }

    #MainDashboard .black-line-chart span {
        margin-top: 0% !important;
        margin-left: 28%;
    }

    #MainDashboard span.title {
        margin: 0 !important;
        width: 89% !important;
    }

    #MainDashboard span.percent {
        right: -13px !important;
        bottom: 22px !important;
        position: absolute;
        top: auto;
    }
}

.clsUserRight {
    display: none;
}




/*multiselect {
    display: block;
}

multiselect .btn {
width: 100%;
background-color: #FFF;
}
  
multiselect .btn.error {
    border: 1px solid #da4f49 !important;
}

multiselect .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
    }

multiselect .dropdown-menu {
width: 100%;
box-sizing: border-box;
padding: 0px;
}

multiselect .dropdown-menu > li > a {
    padding: 3px 10px;
    cursor: pointer;
    display:inline-flex;
}

.drop-width{
    width:100%;
}

.selectbtn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #7b7676 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    width: 100%;
}
.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .btn-large [class^="multi-icon-"], .btn-large [class*="multi-icon-"] {
        margin-top: 4px;
    }

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn-small [class^="multi-icon-"], .btn-small [class*="multi-icon-"] {
        margin-top: 0;
    }

.btn-mini [class^="multi-icon-"], .btn-mini [class*="multi-icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-block + .btn-block {
    margin-top: 5px;
}


multiselect .multi-icon-ok {
    background-position: -288px 0;
    width: 20px;
}

multiselect .multi-icon-remove {
    background-position: -312px 0;
    width: 20px;
}

input-xlarge {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
multiselect .dropdown-menu > li .btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #0088cc !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

multiselect .btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

multiselect .btn-small {
    padding: 10px 10px !important;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}
 [class^="multi-icon-"], [class*="multi-icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}*/