/* CSS Document */

.panel-heading.mypanel {
    text-align: center;
}

    .panel-heading.mypanel a {
        color: #909090;
        padding: 3px 12px;
        font-size: 12px;
        border: 1px solid #efefef;
        margin: 0px 8px;
        background-color: #f1f1f100;
    }

        .panel-heading.mypanel a:hover {
            background-color: #fb8133;
            color: #FFF;
            border: 1px solid #fb8133;
        }

        .panel-heading.mypanel a.active {
            background-color: #fb8133;
            color: #FFF;
            border: 1px solid #fb8133;
        }

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #676767;
    font-style: normal;
    font-weight: normal;
}

img {
    border: 0px;
}

.maintable {
    min-width: 990px;
    width: 96%;
}

.menubg {
    background-color: #362CA6;
    clear: both;
    padding: 0px 7px;
}

.footermenubg {
    background-color: #DDDDDD;
    clear: both;
}

.mainmenu {
    background-color: #362CA6;
    color: #ffffff;
    padding: 7px 0px !important;
    font-size: 11px;
    clear: both;
    margin: 0px;
    border-collapse: separate;
}

    .mainmenu a {
        text-decoration: none;
        color: #ffffff;
        padding: 0px;
        font-size: 13px;
        font-weight: bold;
    }

        .mainmenu a:hover {
            color: #f5f5f5;
        }

.lrpad8 {
    padding: 0px 8px;
}

.grayoutmain {
    text-decoration: none;
    color: #b2b2b2;
    font-size: 13px;
}

.footermenu {
    padding-bottom: 7px;
    padding-top: 7px;
}

    .footermenu a {
        text-decoration: none;
        color: #000000;
        font-size: 13px;
        padding: 0px;
    }

        .footermenu a:hover {
            color: #DF1000;
        }

.grayout {
    text-decoration: none;
    color: #999999;
    font-size: 12px;
}

.footermenudynamic {
    border: 1px solid #676767;
    text-align: left;
    z-index: 1;
}

    .footermenudynamic a {
        padding: 5px;
        min-width: 115px;
        display: block;
        text-decoration: none;
        color: #333333;
        line-height: 22px;
        border-bottom: 1px solid #676767;
        background: none;
    }

    * html .footermenudynamic a {
        padding: 5px;
        width: 115px;
        display: block;
        text-decoration: none;
        color: #333333;
        line-height: 22px;
        border-bottom: 1px solid #676767;
        background: none;
    }

        .footermenudynamic a:hover {
            color: #000000;
            background-color: #FFDEAF;
        }

.grayoutdynamic {
    text-decoration: none;
    color: #999999;
    font-size: 13px;
    padding-top: 3px;
}

.ivbtngray {
    background: url(../images/gray-btn.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px 1px 5px 1px;
    border: none;
    width: 180px;
    text-align: center;
    height: 27px;
}

.ivbtngreen {
    background: url(../images/green-button.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff !important;
    padding: 3px 1px 5px 1px;
    border: none;
    width: 180px;
    text-align: center;
    text-shadow: none;
    height: 27px;
}


h1, h2 {
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

h1 {
    color: #5e5e59;
    font-size: 22px;
}

h2 {
    color: #676767;
    font-size: 14px;
    font-weight: bold;
}
/*h1 span { text-transform:uppercase; font-size:24px; }*/
.tpad {
    padding-top: 10px;
}

.rpad {
    padding-right: 10px;
}

.bpad {
    padding-bottom: 10px;
}

.lpad {
    padding-left: 10px;
}

.lpad30 {
    padding-left: 30px;
}

.tpad5 {
    padding-top: 7px;
}

.bpad5 {
    padding-bottom: 5px;
}

.lrpad {
    padding-left: 10px;
    padding-right: 10px;
}

.lrpad {
    padding: 10px;
}

.tbpad {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mainbody {
    padding-right: 10px;
    border-right: 1px solid #aca899;
}

.rightbg {
    background: url(../images/rightbg.gif) repeat-y;
    padding: 0px 10px;
}

.tpad15 {
    padding-top: 15px;
}

.table tbody tr td, .table tbody tr th, .table tfoot tr td, .table tfoot tr th, .table thead tr td, .table thead tr th {
    font-weight: 400;
    font-size: 12px;
    padding: 8px 10px;
}

.tablelist {
    margin-bottom: 5px;
}

    .tablelist th {
        background-color: #919191;
        padding: 5px;
        color: #ffffff;
    }

        .tablelist th a {
            color: #ffffff;
            text-decoration: underline;
        }

            .tablelist th a:hover {
                text-decoration: none;
            }

    .tablelist td {
        padding-left: 4px;
        padding-right: 4px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        min-height: 22px;
        line-height: 22px;
        /* text-transform: capitalize;*/
        word-break: break-all;
    }

        .tablelist td a {
            text-decoration: underline;
            color: #6F706F !important;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
        }

            .tablelist td a.expandfeatureactions {
                height: 15px;
                width: 15px;
                text-decoration: none;
            }

            .tablelist td a:hover {
                text-decoration: none;
            }

        .tablelist td.gridheader {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            color: #ffffff;
            padding-left: 2px;
            padding-right: 2px;
            text-align: center;
            vertical-align: middle;
            background-color: #919191;
            height: 25px;
        }

  
        .tablelist tr.color2 {
            background-color: #e4e4e4;
        }

.fotter {
    border-top: 3px solid #5e5e59;
    padding: 10px;
}

.toplinks {
    text-decoration: underline;
    color: #5e5e59;
    padding: 0px 5px;
}

    .toplinks:hover {
        text-decoration: none;
    }

.logout {
    padding: 0px 10px 5px 0px;
    text-align: right;
    clear: both;
}

    .logout span {
        font-weight: bold;
        padding-right: 7px;
    }

.bodylinks {
    text-decoration: underline;
    color: #336699;
}

    .bodylinks:hover {
        text-decoration: none;
    }

.bodytext {
    text-align: justify;
    line-height: 18px;
}

.tablelist td table td {
    padding: 0px;
}

    .tablelist td table td.lpad5 {
        padding-left: 5px;
    }

table.dictionarytable tr td.labletext {
    vertical-align: top;
}

.tablelist evstatusgreencolor {
    color: #055F00;
    font-weight: bold;
}

.tablelist evstatusredcolor {
    color: #FF0000;
    font-weight: bold;
}

.tablelist evstatusbluecolor {
    color: #2058FF;
    font-weight: bold;
}

.tablelist evstatusgraycolor {
    color: #7F7F7F;
    font-weight: bold;
}

.tablelist subjgreencolor {
    color: #055F00;
    font-weight: bold;
}


.tablelist subjredcolor {
    color: #FF0000;
    font-weight: bold;
}

.tablelist subjblackcolor {
    color: #000000;
    font-weight: bold;
}


fieldset.fieldsets {
    margin: 0px 0 20px 0;
    width: 90%;
}

    fieldset.fieldsets legend {
        color: #245aaa;
        font-size: 14px;
    }

.BreadcrumbHolder {
    padding: 10px 0px 10px 0px;
    font-size: 12px;
}

    .BreadcrumbHolder a {
        font-size: 12px;
        color: #000000;
    }

        .BreadcrumbHolder a:hover {
            font-size: 12px;
            color: #000000;
            text-decoration: none;
        }

#tableheaderlist {
    background-color: #9c9c9c;
}

    #tableheaderlist th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #181818;
        padding-left: 2px;
        padding-right: 2px;
        background-color: #AFAFAF;
        height: 27px;
    }

        #tableheaderlist th a {
            text-decoration: none;
            color: #333333
        }

            #tableheaderlist th a:hover {
                text-decoration: underline;
            }

    #tableheaderlist td {
        padding-left: 5px;
        padding-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        height: 25px;
    }

        #tableheaderlist td a {
            text-decoration: none;
            color: #6F706F;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            border-bottom: 1px dotted #000000;
        }

            #tableheaderlist td a:hover {
                text-decoration: none;
                border-bottom: 0px dotted #FF9C00;
            }

    #tableheaderlist tr {
        background-color: #CFDFF6
    }

        #tableheaderlist tr.color1 {
            background-color: #FFFFFF;
        }

        #tableheaderlist tr.color2 {
            background-color: #f5f5f5;
        }

#tablelist span {
    color: #FF9C00;
}

.smalltextbox {
    width: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #F5F5F5;
    border: #999999 1px solid;
}

.unitstextbox {
    width: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #F5F5F5;
    border: #999999 1px solid;
}

.myheadertd th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    color: #181818;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #BAD2F6;
    height: 35px;
}

.tableheaderbluelist {
    background-color: #999999;
}

    .tableheaderbluelist th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: bold;
        color: #181818;
        padding-left: 2px;
        padding-right: 2px;
        background-color: #BAD2F6;
        height: 35px;
    }

        .tableheaderbluelist th a {
            text-decoration: none;
            color: #333333
        }

            .tableheaderbluelist th a:hover {
                text-decoration: underline;
            }

    .tableheaderbluelist td {
        padding-left: 5px;
        padding-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        height: 25px;
    }

        .tableheaderbluelist td a {
            text-decoration: none;
            color: #6F706F;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            border-bottom: 1px dotted #000000;
        }

            .tableheaderbluelist td a:hover {
                text-decoration: none;
                border-bottom: 0px dotted #FF9C00;
            }

    .tableheaderbluelist tr, .tableheaderbluelist tr.color1 {
        background-color: #FFFFFF;
    }

        .tableheaderbluelist tr.color2 {
            background-color: #f5f5f5;
        }

    .tableheaderbluelist span {
        color: #FF9C00;
    }

.textbox {
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #F5F5F5;
    border: #999999 1px solid;
}

.textboxbig {
    width: 250px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #F5F5F5;
    border: #999999 1px solid;
}

.normaltext {
}

.normaltextbold {
    padding: 5px;
    color: #000000;
    font-weight: bold;
}

.querymain {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

.SecHeading {
    background-color: #DFDFDF;
    padding: 5px;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.collapsePanel {
    width: 640px;
    height: 0px;
    background-color: white;
    overflow: hidden;
    padding-top: 5px;
}

.collapsePanelHeader {
    width: 640px;
    height: 20px;
    color: Yellow;
    background-color: Black;
    font-weight: bold;
    float: none;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.querylist {
    background-color: #7f9db9;
}

    .querylist th {
        background-color: #AFAFAF;
        padding: 5px;
        color: #000000;
    }

    .querylist td {
        padding: 5px 5px;
    }

        .querylist td div {
            font-weight: bold;
        }

            .querylist td div span {
                font-weight: normal;
            }

    .querylist tr {
        background-color: #ffffff;
    }

        .querylist tr.color2 {
            background-color: #CFCFCF;
        }

        .querylist tr.color1 {
            background-color: #EFEFEF;
        }

    .querylist td a {
        color: #000000;
    }

        .querylist td a:hover {
            color: #000000;
            text-decoration: none;
        }


.queryliscolor1 {
    background-color: #EFEFEF;
}

    .queryliscolor1 th {
        background-color: #EFEFEF;
        padding: 5px;
        color: #000000;
    }

    .queryliscolor1 td {
        padding: 5px 5px;
    }

        .queryliscolor1 td div {
            font-weight: bold;
        }

            .queryliscolor1 td div span {
                font-weight: normal;
            }

    .queryliscolor1 tr {
        background-color: #EFEFEF;
    }

        .queryliscolor1 tr.color2 {
            background-color: #EFEFEF;
        }

        .queryliscolor1 tr.color1 {
            background-color: #EFEFEF;
        }

    .queryliscolor1 td a {
        color: #000000;
    }

        .queryliscolor1 td a:hover {
            color: #000000;
            text-decoration: none;
        }

.queryliscolor2 {
    background-color: #FFFFFF;
}

    .queryliscolor2 th {
        background-color: #FFFFFF;
        padding: 5px;
        color: #000000;
    }

    .queryliscolor2 td {
        padding: 5px 5px;
    }

        .queryliscolor2 td div {
            font-weight: bold;
        }

            .queryliscolor2 td div span {
                font-weight: normal;
            }

    .queryliscolor2 tr {
        background-color: #FFFFFF;
    }

        .queryliscolor2 tr.color2 {
            background-color: #FFFFFF;
        }

        .queryliscolor2 tr.color1 {
            background-color: #FFFFFF;
        }

    .queryliscolor2 td a {
        color: #000000;
    }

        .queryliscolor2 td a:hover {
            color: #000000;
            text-decoration: none;
        }

.studybtnstyle {
    font-weight: bold;
    border: #000000 1px solid;
    padding-left: 20px;
    padding-right: 20px;
    height: 20px;
    background-color: #AFAFAF;
    color: #000000;
}

.redtext {
    color: Red;
}

.link {
    font-size: 10pt;
    color: #336699;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

    .link:hover {
        text-decoration: none;
    }

.linknormal {
    font-size: 10pt;
    color: #336699;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.toolbar {
    font-size: 13px;
    font-family: Verdana;
    padding: 6px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);
}

.rblock {
    border: 1px solid #5e5e59;
}

    .rblock *.m5 {
        margin: 0 5px;
    }

    .rblock *.m3 {
        margin: 0 3px;
    }

    .rblock *.m2 {
        margin: 0 2px;
    }

    .rblock *.m1 {
        margin: 0 1px;
    }

    .rblock p.content {
        padding: 0px 20px;
    }

.rblocktop, .rblockbottom {
    background-color: #FFFFFF;
    display: block;
    width: 100%;
}

    .rblocktop *, .rblockbottom * {
        background-color: #336699;
        display: block;
        height: 1px;
        overflow: hidden;
    }

.SubheadWhitefont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}

.rbleft {
    background-color: #336699;
}

    .rbleft *.m5 {
        margin: 0 0 0 5px;
    }

    .rbleft *.m3 {
        margin: 0 0 0 3px;
    }

    .rbleft *.m2 {
        margin: 0 0 0 2px;
    }

    .rbleft *.m1 {
        margin: 0 0 0 1px;
    }

    .rbleft p.content {
        padding: 0px 20px;
    }
/* Added By :Chari ,Date :06/01/2015 ,Bug ID :45076,
    Reason :Alignment of buttons padding modified for class buttonbdr
*/
.buttonbdr {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 16px;
    cursor: pointer;
    border: none;
    width: auto;
    text-align: center;
    height: auto;
    background-color: #362CA6;
    border-radius: 3px;
}

.cancel__btn {
    background-color: #ff9a0f;
}

/*Modified By : Pardhu, Bug Id:0044927, Comment : Change of width property*/
.buttonbdrmedium {
    border-radius: 3px;
    background-color: #362CA6;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 16px;
    cursor: pointer;
    border: none;
    width: auto;
    text-align: center;
    height: auto;
}

.buttonbdrsmall {
    border-radius: 3px;
    background-color: #362CA6;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 16px;
    cursor: pointer;
    border: none;
    width: auto;
    text-align: center;
    height: auto;
}
/* Added By :Chari ,Date :06/01/2015 ,Bug ID :45076,
    Reason :Alignment of buttons padding modified for class buttonbdrlarge
*/
.buttonbdrlarge {
    background: url(../images/buttonbig-blue.gif) no-repeat;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 3px 5px 1px;
    cursor: pointer;
    border: none;
    width: 175px;
    text-align: center;
    height: 27px;
}
/*Start The below line of code added by satyanarayana 1.2.2012 */
.buttonbdrmedium1 {
    background: url(../images/buttonlarge-blue.gif) no-repeat;
    height: 27px;
    height: 27px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 3px;
    cursor: pointer;
    border: none;
    width: 175px;
    text-align: center;
}

.buttonbdr1 {
    background: url(../images/buttonbdr.gif) no-repeat;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 3px 5px 1px;
    height: 27px;
    cursor: pointer;
    border: none;
    width: 70px;
    text-align: center;
}

/*End */

.forgot {
    font-size: 10pt;
    color: #5e5e59;
    text-decoration: underline;
}

    .forgot:hover {
        text-decoration: none;
    }

.hrline {
    background-color: #5e5e59;
    border: 0 none;
    color: #336699;
    height: 1px;
    width: 99%
}

.username {
    color: #5e5e59;
    text-align: right;
    padding: 0px 10px 10px 0px;
    font-weight: bold;
}

.textboxbdr {
    background-color: #F5F5F5;
    border: #c4c4c4 1px solid;
    padding: 0px 2px;
    margin: 5px 0px;
}

.rbtnbdr {
    padding: 0px 2px;
    margin-bottom: 10px;
}

.dropdown {
    background-color: #F5F5F5;
    border: #999999 1px solid;
    padding-left: 2px;
    margin-right:20px !important;
}

.whitefont {
    color: #ffffff;
}

.bdrleft {
    background: url(../images/left.gif) repeat-y;
    width: 10px;
}

.innerbodytopleft {
    background: url(../images/inner-body-top-left.gif) no-repeat;
    width: 319px;
    height: 549px;
}

.innerbodybotleft { /*background:url(../images/inner-body-bot-left.gif) top left no-repeat;*/
    border-bottom: 13px solid #ff9a0f;
    border-left: 13px solid #ff9a0f;
    width: 319px;
    height: 123px;
}

.leftbdr {
    border-left: 12px solid #84b549;
    background: url(../images/lady.gif) no-repeat;
}

.bdrright {
    background: url(../images/right.gif) repeat-y;
    width: 10px;
}

.lpad {
    padding-left: 10px;
}

.lpad50 {
    padding-left: 50px;
}

.rpad {
    padding-right: 10px;
}

.AutoNumber1fortbl {
    background-image: url(../../Modules/DashBoard/images/bg.gif);
}

.AutoNumber1fortd {
    background-image: url(../../Modules/DashBoard/images/progressBG.gif);
}

.rpad {
    padding-right: 10px;
}

.bodytextbold {
    font-size: 18px;
    color: #000000;
}

.bodytext11 {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.addlink {
    text-decoration: underline;
    color: #336699;
    font-weight: bold;
}

    .addlink:hover {
        text-decoration: none;
    }

.labletext {
    text-align: right;
    padding: 0px 10px 4px 0px;
    font-size: 12px;
    font-weight: bold;
}

.resultext {
    padding-bottom: 10px;
}

.borderbottom {
    border-bottom: 1px solid #bdbebe;
    font-size: 11px;
    padding: 5px;
}

.heading {
    text-align: right;
    padding: 0px 10px 10px 0px;
    font-weight: bold;
    font-size: 22px
}

.headingleft {
    text-align: left;
    padding: 0px 10px 10px 0px;
    font-weight: bold;
    font-size: 22px
}

.VisitColorgreen {
    color: #92CF0C;
    font-weight: bold;
}

    .VisitColorgreen a {
        color: #92CF0C;
        font-weight: bold;
    }

.VisitColorblue {
    color: #2058FF;
    font-weight: bold;
}

    .VisitColorblue a {
        color: #2058FF;
        font-weight: bold;
    }

.VisitColorgray {
    color: #919191;
    font-weight: bold;
}

    .VisitColorgray a {
        color: #919191;
        font-weight: bold;
    }

/* newely Added */
.eventgreencolor {
    color: #055F00;
    font-weight: bold;
}

.eventredcolor {
    color: #FF0000;
    font-weight: bold;
}

.eventbluecolor {
    color: #2058FF;
    font-weight: bold;
}

.eventblackcolor {
    color: #000000;
    font-weight: bold;
}

.subjectblackcolor {
    color: #000000;
    font-weight: bold;
}

.subjectgreencolor {
    color: #055F00;
    font-weight: bold;
}

.subjectbluecolor {
    color: #2058FF;
    font-weight: bold;
}

.subjectredcolor {
    color: #FF0000;
    font-weight: bold;
}

.subjectblackcolor {
    color: #000000;
    font-weight: bold;
}

.subjectorangecolor {
    color: #FFB03F;
    font-weight: bold;
}


/* GridList start here*/
.gridlist {
    background-color: #D4D4D4;
}

    .gridlist th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #211884;
        padding: 0px 5px;
        text-align: left;
        vertical-align: middle;
        background-color: #6E8CB3;
        height: 25px;
    }

    .gridlist td {
        padding: 2px 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        text-align: justify;
        line-height: 18px;
    }

    .gridlist tr {
        background-color: #FFFFFF
    }

        .gridlist tr.color1 {
            background-color: #DEE8F5;
        }

        .gridlist tr.color2 {
            background-color: #f5f5f5;
        }
/* GridList Ends here*/

/* Progress Bar */
.green .ajax__progress_indicator {
    background-image: url(../images/ProgressbarImages/progress_green.gif);
}

/* For Visits List in Subjects */
/*.visitgridlist { background-color:#5e5e59; }
.visitgridlist th { background-color:#919191; padding:5px; color:#000000; }*/

.visitgridlist {
    background-color: #5e5e59;
}

    .visitgridlist th {
        background-color: #919191;
        padding: 5px;
        color: #ffffff;
    }

    .visitgridlist td {
        padding: 3px 5px;
    }

    .visitgridlist tr {
        background-color: #ffffff;
    }

        .visitgridlist tr.color2 {
            background-color: #DEE8F5;
        }

    .visitgridlist td table td {
        padding: 0px;
    }

.greentext {
    color: Green;
}

    .greentext span a {
        color: blue;
    }

        .greentext span a:hover {
            color: blue;
            text-decoration: none;
        }

.rbleft {
    background-color: #d4d4d4;
}

    .rbleft *.m5 {
        margin: 0 0 0 5px;
    }

    .rbleft *.m3 {
        margin: 0 0 0 3px;
    }

    .rbleft *.m2 {
        margin: 0 0 0 2px;
    }

    .rbleft *.m1 {
        margin: 0 0 0 1px;
    }

    .rbleft p.content {
        padding: 0px 20px;
    }

.rblefttop, .rbleftbottom {
    background-color: #FFFFFF; /* must be of the same as body bg-color #990000*/
    display: block;
    width: 100%;
}

    .rblefttop *, .rbleftbottom * {
        background-color: #d4d4d4; /* must be of the same as .rblock bg-color */
        display: block;
        height: 1px;
        overflow: hidden;
    }



.bordertop {
    background: url("../images/top_middle.png") repeat-x;
    width: 8px;
    height: 8px;
}

.borderbottom {
    background: url("../images/bottom_middle.png") repeat-x;
    width: 8px;
    height: 8px;
}

.borderleft {
    border-left: 1px solid #bdd6f7;
}

.bdrbptr {
    background: url("../images/bottom_middle.png") repeat-x;
    width: 8px;
    height: 8px;
}

.borderbot {
    background: url("../images/bottom_middle.png") repeat-x;
    width: 8px;
    height: 8px;
}

.borderright {
    border-right: 1px solid #bdd6f7;
}

.button {
    background-color: #F5F5F5;
    border: #999999 1px solid;
    padding-left: 2px;
    margin-bottom: 10px;
}

.borderright {
    border-right: 1px solid #bdd6f7;
}

.alertsul {
    padding: 0px 0px 0px 18px;
    margin: 0px;
}

    .alertsul li {
        padding: 0px 0px 0px 0px;
        line-height: 18px;
        padding-bottom: 10px;
    }

.trialheading {
    color: #362ca6;
    font-size: 20px;
    font-weight: bold;
    display: none;
}

.mainheading {
    color: #333333;
    font-size: 17px;
    font-weight: bold;
}


.gridlistqryclosed th {
    background-color: #D1EE8F;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    height: 25px;
    padding: 0 5px;
    text-align: left;
    vertical-align: middle;
}

.gridlistqryclosed td {
    background-color: #E5F8BA;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    text-align: justify;
}

    .gridlistqryclosed td span {
        color: #000000;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        line-height: 18px;
        padding: 2px 5px;
        text-align: justify;
    }


.gridlistqryclosed2 td {
    background-color: #E5F8BA;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
}

.gridlistqrynew td {
    background-color: #FFBFBF;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
}

.attachmentLink {
    font-size: 10pt;
    color: #336699;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

    .attachmentLink:hover {
        text-decoration: underline;
    }

.loginhead {
    font-size: 18px;
    color: #5e5e59;
    padding: 5px 10px;
    font-weight: bold;
}

.buttonbdrNote {
    background-color: #5E5E59;
    border: 1px solid #A19685;
    color: #FFFFFF;
    height: 18px;
    cursor: pointer;
    font-size: 11px;
    padding: 1px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.smalltextbox2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #F5F5F5;
    border: #999999 1px solid;
    height: 12px;
}


.successmsg {
    font-weight: bold;
    color: Red;
    font-family: Verdana;
    font-size: 13px;
}

TR.row1 {
    background: #d6ebf8;
    color: #000000;
    font-size: 12px;
    font-family: verdana,Arial, Helvetica, sans-serif;
    line-height: 25px;
}

TR.row2 {
    background: #badef3;
    color: #000000;
    font-size: 12px;
    font-family: verdana,Arial, Helvetica, sans-serif;
    line-height: 25px;
}

TD.head {
    background: #336699;
    color: #ffffff;
    font-size: 12px;
    font-family: verdana,Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 27px
}

.verifylabel {
    padding: 0px 10px 10px 0px;
    text-align: left;
}


/*--------------------Green Class for QRS-------------------------*/

.tablelistgreen {
    background-color: #7f9db9;
}

    .tablelistgreen th {
        background-color: #AFAFAF;
        padding: 5px;
        color: #000000;
    }

.tablelistgreen {
    background-color: #5e5e59;
}

    .tablelistgreen th {
        background-color: #D1EE8F;
        padding: 5px;
        color: #000000;
    }

        .tablelistgreen th a {
            color: #000000;
            text-decoration: underline;
        }

            .tablelistgreen th a:hover {
                text-decoration: none;
            }

    .tablelistgreen td {
        padding-left: 5px;
        padding-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        height: 22px;
    }

        .tablelistgreen td a {
            text-decoration: underline;
            color: #6F706F;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
        }

            .tablelistgreen td a:hover {
                text-decoration: none;
            }

    .tablelistgreen tr {
        background-color: #ffffff;
    }

        .tablelistgreen tr.color2 {
            background-color: #E5F8BA;
        }

.jsmore {
    font-size: 13px;
    color: #288fdc;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 3px;
}

    .jsmore:hover {
        text-decoration: underline;
    }




.innerlstAttachmentsgrid .tablelistforecrfcomp {
    background-color: #C4C3C3;
}

    .innerlstAttachmentsgrid .tablelistforecrfcomp th {
        background-color: #CFCFCF;
        padding: 5px;
        color: #333333;
    }

.innerlstAttachmentsgrid .innerlstAttachmentsgrid tablelistforecrfcomp th a {
    color: #ffffff;
    text-decoration: underline;
}

.innerlstAttachmentsgrid .tablelistforecrfcomp th a:hover {
    text-decoration: none;
}

.innerlstAttachmentsgrid .tablelistforecrfcomp td {
    padding-left: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    height: 22px;
}

    .innerlstAttachmentsgrid .tablelistforecrfcomp td a {
        text-decoration: underline;
        color: #6F706F;
        font-size: 12px;
        font-style: normal;
    }

        .innerlstAttachmentsgrid .tablelistforecrfcomp td a:hover {
            text-decoration: none;
        }

.innerlstAttachmentsgrid .tablelistforecrfcomp tr {
    background-color: #ffffff;
}

    .innerlstAttachmentsgrid .tablelistforecrfcomp tr.color2 {
        background-color: #DFDFDF;
    }

.smallbuttonbdr {
    background-color: #5e5e59;
    border: 1px solid #a19685;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px;
    cursor: pointer;
}

.apperrlist {
    background-color: #676767;
    border: 1px solid #ff9a0f;
}

    .apperrlist th {
        background-color: #ff9a0f;
        padding: 5px;
        color: #FFFFFF;
    }

    .apperrlist td {
        padding: 3px 5px;
    }

    .apperrlist tr {
        background-color: #ffffff;
    }

        .apperrlist tr.color2 {
            background-color: #faead4;
        }

    .apperrlist td table td {
        padding: 0px;
    }

.redcolor1 {
    background-color: #ff3333;
    border: 1px solid #ff3333;
}

    .redcolor1 th {
        background-color: #ff3333;
        padding: 5px;
        color: #FFFFFF;
    }

    .redcolor1 td {
        padding: 3px 5px;
        background: #F9DBDB;
    }

    .redcolor1 tr {
        background-color: #ff3333;
    }

        .redcolor1 tr.color2 {
            background-color: #ff3333;
        }

    .redcolor1 td table td {
        padding: 0px;
    }

.ulalerts {
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

    .ulalerts li {
        padding-bottom: 10px;
        line-height: 18px;
        list-style-type: none;
    }

        .ulalerts li span {
            font-weight: bold;
        }

.leftblackmenu {
    text-decoration: underline;
    color: #676767;
    font-size: 12px;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
}

    .leftblackmenu:hover {
        text-decoration: none;
    }


/* -----------   CRF Screen Styles        ----------*/

.crfScreenHeading {
    background-color: #919191;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

.crfhelptext {
    font-size: 10px;
    color: #7F2F1F;
    padding-left: 3px;
}

.border {
    border: 1px solid #919191;
    border-bottom: none;
}

.bdrbr {
    border-right: 1px solid #919191;
    border-bottom: 1px solid #919191;
}

.bdrb {
    border-bottom: 1px solid #919191;
}

.bdrr {
    border-right: 1px solid #919191;
}

.Crfprintlist td {
    border-color: #000000;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
}

.Crfprintlist th {
    border-color: #000000;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
    background-color: #CFCFCF;
    color: #000000;
}

.Crfprintlist a {
    text-decoration: underline;
    color: #676767;
}

.Crfprintlist.td {
    border-color: #000000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}

.Crfprintlist a:hover {
    text-decoration: none;
    color: #006a9a;
}

.Crfprintlist td table td {
    border: none;
    padding: 0px;
    margin: 0px;
}

.Crfprintlist td table {
    border-spacing: 0px;
    float: left;
}

.Crftablelist td {
    border-color: #919191;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
}
/*.Crftablelist td img { cursor:move; }*/
.Crftablelist th {
    border-color: #919191;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
    background-color: #919191;
    color: #ffffff; /*white-space: nowrap;*/
}

.Crftablelist a {
    text-decoration: none;
    color: #676767;
}

    .Crftablelist a:hover {
        text-decoration: underline;
        color: #006a9a;
    }

.td {
    border-color: #919191;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}

.Crftablelist td table td {
    border: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
    white-space: nowrap;
}

.Crftablelist td table {
    border-spacing: 0px;
    float: left;
    text-align: left;
}
/*.Crftablelist td input { float:left; }*/
.CrfFieldValidation {
    float: left;
}

.Crftablelist tr.color2 {
    background-color: #F5F5F5;
}

* html .Crftablelist td span.CrfFieldValidation {
    float: none;
    clear: both;
    display: inline-block;
}

.CrfVertcaltablelist td {
    border-color: #919191;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
}
/*.Crftablelist td img { cursor:move; }*/
.CrfVertcaltablelist th {
    border-color: #919191;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
    background-color: #919191;
    color: #ffffff;
}

.CrfVertcaltablelist a {
    text-decoration: none;
    color: #676767;
}

    .CrfVertcaltablelist a:hover {
        text-decoration: underline;
        color: #006a9a;
    }

.td {
    border-color: #919191;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}

.CrfVertcaltablelist td table td {
    border: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.CrfVertcaltablelist td table {
    border-spacing: 0px;
    float: left;
}

.CrfVertcaltablelist tr.color2 {
    background-color: #F5F5F5;
}

* html .CrfVertcaltablelist td span.CrfFieldValidation {
    float: none;
    clear: both;
    display: inline-block;
}

.crftextBox {
    width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border: #999999 1px solid;
}

.crfdatetextBox {
    width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border: #999999 1px solid;
}

.crftextareanormal {
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border: #999999 1px solid;
}


.crftextareadynamic {
    width: 130px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border: #999999 1px solid;
}



.crfcontrollabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.crfcontroldisplaylabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 0px 10px;
    float: right;
}

.crfradiobtnlst {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.crfdropDown {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border: #999999 1px solid;
}

.crfradiobtn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.crfchkbtn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.crfbtnstyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: #000000 1px solid;
    width: 80px;
    height: 20px;
    background-color: #AFAFAF;
    color: #000000;
}

.CrfAttachmentsCount {
    font-size: 9px;
    color: #000;
    /*padding-left:3px;*/
}

.Crfleftmenu {
    color: #000000;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
}
    /*border-bottom:1px solid #000000; */
    .Crfleftmenu a {
        color: #000000;
    }

.Crfleftmenubold {
    color: #000000;
    font-family: "Arial",Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
}
    /*border-bottom:1px solid #000000; */
    .Crfleftmenubold a {
        color: #000000;
    }

.Crfleftmenugrayedout {
    border-bottom: 1px solid #000000;
    color: #999999;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
}

.Crfleftorangemenu {
    text-decoration: underline;
    color: #E64D1C;
    font-size: 12px;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
}

    .Crfleftorangemenu a {
        color: #E64D1C;
    }

    .Crfleftorangemenu:hover {
        text-decoration: none;
    }

/*Modified By : Pardhu, Bug Id:44937, Comment : CRemoving the text decoration*/
.Crfleftgreenmenu {
    color: #008F03;
    font-size: 12px;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
}

    .Crfleftgreenmenu a {
        color: #008F03;
    }

    .Crfleftgreenmenu:hover {
        text-decoration: none;
    }

.Crfleftorangemenubold {
    text-decoration: underline;
    color: #E64D1C;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
}

    .Crfleftorangemenubold a {
        color: #E64D1C;
    }

    .Crfleftorangemenubold:hover {
        text-decoration: none;
    }

/*Modified By : Pardhu, Bug Id:44937, Comment : Change of width property*/
.Crfleftgreenmenubold {
    color: #008F03;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
}

    .Crfleftgreenmenubold a {
        color: #008F03;
    }

    .Crfleftgreenmenubold:hover {
        text-decoration: none;
    }

.crfreqstar {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #FF0000;
    padding-left: 3px;
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -moz-opacity: 0.8;
    opacity: .90;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 40%;
    height: 300px;
    border: 1px solid #666666;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.dragme {
    cursor: move;
}

.valuechanged {
    font-family: Arial, Verdana;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    background-color: #990000;
    text-align: center;
    padding: 4px 4px 4px 4px;
}

.electsignature {
    font-family: Arial, Verdana;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    background-color: #8F1E78;
    text-align: left;
    padding: 4px 4px 4px 4px;
}

.maintext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

.padl {
    padding-left: 5px;
    text-align: left;
}


.CrfAudittextbox {
    width: 120px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #F5F5F5;
    border: #999999 1px solid;
}

.CrfAuditbtonpopup {
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    border: 0px;
    vertical-align: text-top;
    /* border-right:#cccccc 2px solid;
	border-bottom:#cccccc 2px solid;*/
    height: 20px;
    background-color: #D4D4D4;
    border: solid 1px #000000;
    /*  #414444 */
}






/*------------------- End of CRF Screen Styles--------------------------------*/

.Sitemaplink a {
    border-bottom: 1px dotted #362ca6;
    color: #362ca6;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

    .Sitemaplink a:hover {
        border-bottom: 1px dotted #ffffff;
    }

.Reportsleftmenu {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
}


.Reportsleftorangemenu {
    text-decoration: underline;
    color: #E64D1C;
    font-size: 12px;
    font-style: normal;
    font-family: "Arial", Helvetica, sans-serif;
}

    .Reportsleftorangemenu:hover {
        text-decoration: none;
    }

.clickhere {
    font-family: arial;
    font-size: 10pt;
    color: #FF0000;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

    .clickhere:hover {
        text-decoration: none;
    }

.ctrlbordercolor {
    border: 2px solid #BF0B0B;
}

.ctrlinsidecolor {
    background-color: Red;
}

.crfwarning {
    padding: 0px 10px 0px 0px;
    margin: 0px;
}

    .crfwarning li {
        padding-bottom: 10px;
        line-height: 18px;
        list-style-type: disc;
        text-align: justify;
    }


.notesspan {
    text-align: center;
    color: Red;
}


.gridtextboxbdr {
    background-color: #F5F5F5;
    border: #999999 1px solid;
    padding: 0px 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.screenorangemenu {
    padding: 2px;
}

    .screenorangemenu a {
        text-decoration: underline;
        color: #E64D1C;
        line-height: 18px;
        font-size: 11px;
    }

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

.screengreymenu {
    padding: 2px;
}

    .screengreymenu a {
        text-decoration: underline;
        color: #676767;
        line-height: 18px;
        font-size: 11px;
    }

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

.screengreenmenu {
    padding: 2px;
}

    .screengreenmenu a {
        text-decoration: underline;
        color: #008F03;
        line-height: 18px;
        font-size: 11px;
    }

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

.lrtbborder {
    border: 1px solid #D4D4D4;
}

.nowrap {
}

    .nowrap a {
        white-space: nowrap;
        padding-right: 10px;
    }

.statuslabel {
    color: #6F706F;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
}

.logintbg {
    background: url(../images/login_tbg.gif) repeat-x;
}

.loginleft {
    background: url(../images/login_left.gif) repeat-y;
}

.loginright {
    background: url(../images/login_right.gif) repeat-y;
}

.loginbbg {
    background: url(../images/login_bbg.gif) repeat-x;
}

.loginpad {
    padding: 5px 10px;
}

.logintxtbdr {
    background-color: #fbfbfb;
    border: 1px solid #e5e5e5;
    font-size: 24px;
    margin: 2px 6px 16px 0px;
    padding: 3px;
    width: 97%;
}

.loginlabel {
    color: #777777;
    font-size: 18px;
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
    line-height: 20px;
    text-align: left;
}

.loginbtn {
    background: url(../images/buttonbdr.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 0px 1px 0px 1px;
    border: none;
    height: 27px;
    line-height: 27px;
    width: 71px;
    text-align: center;
}

.loginbtnsub {
    background: url(../images/buttonbdr.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 0px 1px 0px 1px;
    border: none;
    width: 71px;
    text-align: center;
    height: 27px;
    line-height: 27px;
}

.paddinglrtb {
    padding: 10px;
}

.padlrtb {
    padding: 10px;
}

.padlrt {
    padding: 10px 10px 0px 10px;
}

.footer {
    background-color: #dddddd;
    padding: 8px 20px;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #989897;
}

.footerleft {
    float: left;
    width: 10%;
}

.footerright {
    float: right;
}

.tpad3 {
    padding-top: 3px;
}

.logo {
    float: left;
    padding: 10px 20px;
}

    .logo a {
        background: url(../images/Clinion_logo.jpg) no-repeat; /*url(../images/clinion-logo.gif) no-repeat;*/
        width: 164px;
        height: 58px;
        display: block;
        text-decoration: none;
    }

.sublogo {
    float: right;
    margin: 10px 20px;
    width: 204px;
    height: 58px;
    text-align: right;
}

.menuleft {
    float: left;
}

.welcometext {
    color: #ffffff;
    float: right;
}

.innerlogo {
    float: left;
    padding: 10px 20px;
}

    .innerlogo a {
        background: url(../images/clinion-logo.gif) no-repeat;
        width: 164px;
        height: 58px;
        display: block;
        text-decoration: none;
    }

.testlogo {
    float: left;
    padding: 10px;
    text-align: center;
    width: 50%;
}

.innersublogo {
    float: right;
    margin: 10px 20px;
    background: url(../images/new_logo.gif) no-repeat;
    width: 88px;
    height: 82px;
}

.bodycontent {
    padding: 0px 10px;
}

.dataextract {
    border: 1px solid #C4C3C3;
}

    .dataextract th {
        background-color: #919191;
        color: #FFFFFF;
        padding-left: 5px;
        line-height: 26px;
        font-weight: bold;
        border-bottom: 1px solid #C4C3C3;
        text-align: left;
    }

    .dataextract td {
        padding: 0px 0px 0px 10px;
    }

    .dataextract ul {
        padding: 0px 0px 0px 10px;
    }

        .dataextract ul li {
            list-style: none;
            background: url(../images/purplearrow.gif) no-repeat 0px 8px;
            padding: 0px 0px 10px 10px;
        }

/*CDM dashboard grid list css starts here  */
.cdmtablelist {
    background-color: #AFAFAF;
}

    .cdmtablelist th {
        background-color: #919191;
        padding: 5px;
        color: #ffffff;
    }

    .cdmtablelist td {
        padding: 0px 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #333333;
        height: 22px;
    }

    .cdmtablelist tr td input {
        background-color: #ffffff;
        border: 1px solid #676767;
        width: 40%;
        margin: 0px;
        padding: 0px 3px;
        color: #333333;
    }

    .cdmtablelist tr {
        background-color: #ffffff;
    }

        .cdmtablelist tr.color2 {
            background-color: #f5f5f5;
        }

/* Tabs css start here */
.tabheading {
    padding: 1px;
    background: #362CA6;
}

    .tabheading p {
        line-height: 32px;
    }

    .tabheading ul {
        clear: both;
        padding: 0px;
        margin: 0px;
        /* clear:both; padding:7px 0px 0px 0px; margin:0px; */
        overflow: hidden;
    }

        .tabheading ul li {
            list-style: none;
            float: left;
            margin: -1px;
            font-size: 13px;
            padding: 1px;
            font-weight: bold;
        }

            .tabheading ul li a {
                text-decoration: none;
                float: left;
                padding: 6px 10px;
                margin-right: 2px;
                color: #ffffff;
            }

                .tabheading ul li a:hover, .tabheading ul li.current a {
                    text-decoration: none;
                    float: left;
                    padding: 6px 10px;
                    background: #ffffff;
                    /* height:27px; */
                    color: #000000;
                    overflow: hidden;
                }

.selectmenu {
    padding: 20px;
    border: 1px solid #362CA6;
}

    .selectmenu p {
        clear: both;
        overflow: hidden;
        margin: 0px 0px 12px 0px;
        padding: 0px;
    }

    .selectmenu strong {
        float: left;
        width: 105px;
    }

    .selectmenu span {
        float: left;
    }

    .selectmenu select {
        width: 100px;
        height: 21px;
        margin: 0;
        padding: 0;
        font-size: 11px;
    }

    .selectmenu input[type="text"] {
        width: 70px;
    }
/* Tabs css end here */
/*CO dashboard grid list css starts here  */
.cotablelist {
    background-color: #AFAFAF;
}

    .cotablelist span {
        float: none;
    }

    .cotablelist th {
        background-color: #919191;
        padding: 5px;
        color: #ffffff;
    }

    .cotablelist td {
        padding: 0px 5px;
        font-size: 12px;
        color: #333333;
        height: 22px;
        text-align: center;
    }

        .cotablelist td img {
            cursor: move;
        }

        .cotablelist td a {
            color: #333333;
            text-decoration: underline;
        }

            .cotablelist td a:hover {
                text-decoration: none;
            }

    .cotablelist tr td .input {
        background-color: #ffffff;
        border: 1px solid #676767;
        width: 50%;
        margin: 5px 0px 5px 0px;
        padding: 0px 3px;
        color: #333333;
    }

    .cotablelist tr td .inputnone {
        background-color: #e1e1e1;
        border: 1px solid #676767;
        width: 50%;
        margin: 5px 0px 5px 0px;
        padding: 0px 3px;
        color: #333333;
    }

    .cotablelist tr {
        background-color: #ffffff;
    }

        .cotablelist tr.color2 {
            background-color: #f5f5f5;
        }

.labeltext {
    text-align: right;
    padding: 5px 0px;
}

.resulttext {
    padding: 0px 0px 10px 0px;
    color: #333333;
}

.resulttextboxbdr {
    font-size: 12px;
    padding: 0px 5px;
}

.resultdropdown {
    font-size: 12px;
    padding: 0px;
}
/*CO dashboard grid list css ends here  */
.blacktext {
    text-align: justify;
    line-height: 18px;
    color: #000000;
}

.lablerbtntext {
    text-align: right;
    padding: 0px 10px 10px 0px;
}

.purplebodytext {
    color: #8F1E78;
    text-align: justify;
    line-height: 18px;
}

.purplebodytextbold {
    color: #8F1E78;
    text-align: justify;
    line-height: 18px;
    font-weight: bold;
}

.footermenubackgroundcolor {
    background-color: #8F1E78;
}

.addpanelbdr {
    border: 1px solid #d4d4d4;
    width: 400px;
    padding: 10px;
}

.addpanel {
    text-decoration: underline;
    color: #676767;
    font-weight: bold;
    font-size: 12px;
}

    .addpanel:hover {
        text-decoration: none;
        color: #333333;
    }

.review {
    border: 1px solid #d4d4d4;
    padding: 10px;
}

.addvist {
    width: 80%;
    text-align: right;
    padding-bottom: 5px;
}

    .addvist a {
        text-decoration: underline;
        color: #676767;
    }

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

.clr {
    clear: both;
}

.studyleftmenu {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

h3 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #d4d4d4;
}

.studyleftmenu li.minust {
    padding: 2px 0px 0px 10px;
    background: url(../images/minust.gif) no-repeat 0px 0px;
}

.studyleftmenu li {
    padding: 2px 0px 10px 10px;
    background: url(../images/plust.gif) no-repeat 0px 0px;
}

    .studyleftmenu li a {
        text-decoration: none;
        color: #676767;
        padding-left: 10px;
    }

        .studyleftmenu li a:hover {
            text-decoration: underline;
            color: #000000;
        }

    .studyleftmenu li ul li {
        list-style-type: none;
        padding: 0px 0px 10px 10px;
        margin: 0px;
        background: none;
    }

.studyleft {
    width: 220px;
    height: 300px;
    padding: 10px;
    border: 1px solid #8f1e78;
}

.sublinks {
    padding: 0px 10px;
    text-align: right;
    width: 80%;
}

    .sublinks a {
        margin: 0px 10px;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        color: #676767;
        border-bottom: 1px solid #676767;
    }

        .sublinks a:hover {
            border-bottom: 2px solid #ffffff;
        }

#dialog1 .d-header {
    background: url(images/login-header.png) no-repeat 0 0 transparent;
    width: 375px;
    height: 150px;
}

    #dialog1 .d-header input {
        position: relative;
        top: 60px;
        left: 100px;
        border: 3px solid #cccccc;
        height: 22px;
        width: 200px;
        font-size: 15px;
        padding: 5px;
        margin-top: 4px;
    }

#dialog1 .d-blank {
    float: left;
    background: url(images/login-blank.png) no-repeat 0 0 transparent;
    width: 267px;
    height: 53px;
}

#dialog1 .d-login {
    float: left;
    width: 108px;
    height: 53px;
}

.column {
    padding-bottom: 10px;
}

.portlet-header .ui-icon {
    float: right;
}

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}

    .ui-sortable-placeholder * {
        visibility: hidden;
    }

.sectionheadingbackcolor {
    background-color: #919191;
    color: #FFFFFF;
    line-height: 22px;
    font-weight: bold;
    border-bottom: 1px solid #C4C3C3;
}



.leftmenu_tb {
    background: url("../images/leftmenu_tb.gif") repeat-x;
    width: 2px;
    height: 4px;
}

.leftmenu_bg {
    background: url("../images/leftmenu_bg.gif") repeat-x;
    width: 2px;
    height: 4px;
}

.leftmenu_left {
    background: url("../images/leftmenu_left.gif") repeat-y;
}

.leftmenu_right {
    background: url("../images/leftmenu_right.gif") repeat-y;
}

.leftmenu {
    float: left;
    width: 140px;
    position: absolute;
}

* html .leftmenu {
    float: left;
    width: 150px;
    position: absolute;
    z-index: 1000 !important;
    left: 60px;
}

    .leftmenu ul {
        padding: 0px;
        margin: 15px 0px 0px 0px;
        border-top: 1px solid #5f9bea;
    }

        .leftmenu ul li {
            border-left: 1px solid #5f9bea;
            border-bottom: 1px solid #5f9bea;
            list-style: none;
        }

            .leftmenu ul li a {
                text-decoration: none;
                font-weight: bold;
                color: #676767;
                padding: 5px;
                display: block;
            }

                .leftmenu ul li a:hover {
                    background-color: #bdd6f7;
                }

            .leftmenu ul li.selected {
                background-color: #d4d4d4;
            }

                .leftmenu ul li.selected a {
                    color: #000000;
                }

.homebody {
    float: left;
    width: 670px;
    border: 1px solid #5f9bea;
    margin-left: 139px;
    padding: 15px 16px;
}

.lefttabs {
    padding: 0px 15px 0px 15px;
}

.btnclose {
    text-align: center;
    padding-top: 0px;
}

.header {
    margin: auto;
}

.loginbodyleft {
    width: 319px;
    background: url("../images/home_left.gif") no-repeat;
    height: 501px;
}

.loginbodybg {
    background: url("../images/home_bg.gif") repeat-x top right;
}

.loginbodyright {
    background: url("../images/home right.gif") no-repeat top right;
    width: 126px;
}


.dashboardbody {
    padding: 0px 0px 0px 20px;
}

.inner_tbg {
    background: url("../images/inner_tbg-blue.gif") repeat-x;
}

.inner_leftbg {
    background: url("../images/inner_leftbg-blue.gif") repeat-y;
}

.inner_rightbg {
    background: url("../images/inner_tright-blue.gif") repeat-y;
}

.inner_bbg {
    background: url("../images/inner_bbg-blue.gif") repeat-x;
}

.lrtbpad {
    padding: 0px 20px 20px;
}

.crfnavigation {
    padding: 10px 20px 10px 0px;
}

.dashbodrleft {
    width: 380px;
    background-color: #211d70;
    background: url("../images/home_lbg.gif") repeat-y;
}
/*.homeleft { width:382px; text-align:left; background:url("../images/home_lbg.gif") left bottom no-repeat;  }*/
/*Start the below line code is used to home page dashobard left image breaking by satyanarayana.*/
.homeleft {
    text-align: left;
    background: url("../images/inner-body-left-bg.gif") repeat-y;
}
/*End*/
.homeright {
    text-align: left;
    background: url("../images/home_rightbg.gif") right top repeat-y;
}

.homeboybottom {
    background: url(../images/border-orange_bg.gif) repeat-x;
    overflow: hidden;
}

    .homeboybottom div {
        float: right;
        background: url(../images/border-oraange_right.gif) no-repeat;
        width: 25px;
        height: 13px;
    }

.homebodybg {
    border-top: 13px solid #362ca6; /*background:url("../images/innertopright.gif") right top no-repeat;*/
    padding-left: 20px;
}

* html .homebodybg {
    behavior: url(iepngfix.htc);
    background: url("../images/innertopright.gif") right top repeat-y;
    padding-left: 20px;
}

#popup_container {
    min-width: 480px !important;
    max-width: 480px !important;
    right: 0;
    bottom: 0;
    height: 300px;
    margin: auto;
}

.lpad12 {
    padding-left: 12px;
}

#divshowloding {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowloding img {
        position: absolute;
        top: 42%;
        left: 37%;
        z-index: 100;
    }

#divshowStudyloding {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowStudyloding img {
        position: absolute;
        top: 350px;
        left: 400px;
        z-index: 100;
    }

#divshowUnLockSiteloding {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowUnLockSiteloding img {
        position: absolute;
        top: 350px;
        left: 400px;
        z-index: 100;
    }

#divshowUnLockStudyloding {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowUnLockStudyloding img {
        position: absolute;
        top: 350px;
        left: 400px;
        z-index: 100;
    }

.tvvisitcolorgreen {
    color: #92CF0C;
    font-weight: bold;
    cursor: text;
}

    .tvvisitcolorgreen a {
        color: #92CF0C;
        font-weight: bold;
        cursor: text;
    }

.tvvisitcolorblue {
    color: #2058FF;
    font-weight: bold;
    cursor: text;
}

    .tvvisitcolorblue a {
        color: #2058FF;
        font-weight: bold;
        cursor: text;
    }

.tvvisitcolorgray {
    color: #919191;
    font-weight: bold;
    cursor: text;
}

    .tvvisitcolorgray a {
        color: #919191;
        font-weight: bold;
        cursor: text;
    }

.sdvbtngray {
    background: url(../images/gray_bt.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    border: none;
    width: 70px;
    text-align: center;
    height: 27px;
    cursor: pointer;
}

.sdvbtngreen {
    background: url(../images/green_bt.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    border: none;
    width: 70px;
    text-align: center;
    height: 27px;
}

.sdvbtnred {
    background: url(../images/red-button.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    border: none;
    width: 180px;
    text-align: center;
    height: 27px;
}

.sdvbtnorange {
    background: url(../images/orange-btn.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    border: none;
    width: 180px;
    text-align: center;
    height: 27px;
}

.ivbtngray {
    background: url(../images/gray-btn.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    border: none;
    width: 180px;
    text-align: center;
    height: 27px;
    cursor: pointer;
}

.ivbtngreen {
    background: url(../images/green-button.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff !important;
    padding: 3px;
    border: none;
    width: 180px;
    text-align: center;
    text-shadow: none;
    height: 27px;
}

.greentextbold {
    color: Green;
    font-weight: bold;
}

#divshowlodinges {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodinges img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

#divshowlodinggloball {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodinggloball img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }


#divshowlodinggloball {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodinggloball img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }



#divtreeviewloading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divtreeviewloading img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }


#divtreeviewloading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divtreeviewloading img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

#divshowlodingsdv {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodingsdv img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

#divshowlodingrvd img {
    position: absolute;
    top: 50%;
    left: 46%;
    z-index: 100;
}

#divshowlodingrvd {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.multiinputlabelclass {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    /*float: left;*/
    padding: 0px 3px 0px 3px;
    line-height: 18px;
}

.multiinputverticallabelclass {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    padding: 0px 3px 0px 3px;
    line-height: 18px;
}

.bdrbottom {
    border-bottom: 1px solid #c4c3c3;
}

#vtrepeatTableLayout td {
    padding: 0px;
    width: 200px;
}

#vtrepeatTableLayout input[type="text"], #vtrepeatTableLayout select {
    width: 98%;
}

#vtrepeatTableLayout td div.bdrbottom {
    padding: 5px;
}

#vtrepeatTableLayout td div.radioheight {
    height: 19px;
}

#slidingDiv {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 350px
}

#tvVisits {
    min-width: 150px;
}

.buttonbdrgridview {
    background: url(../images/loginbtn_small1.gif) no-repeat;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px;
    width: 54px;
    cursor: pointer;
    border: 0px;
    margin-bottom: 2px;
    height: 22px;
}

.dataentry {
    font-weight: bold;
    font-size: 16px;
}

.printlabletext {
    padding: 0px 10px 10px 0px;
    font-weight: bold;
}

.dcffooter {
    font-weight: bold;
}

    .dcffooter span {
        padding: 0px 15px;
        font-weight: normal;
    }

.tbpad {
    padding: 10px 0px;
}

.table td {
    border-color: #919191;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin: 0px;
}

    .table td:last-child {
        border-right: 1px solid #919191 !important;
    }

.td {
    border-color: #919191;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0px;
}

.tdpad td {
    padding: 2px 5px;
}

.tablebodytextbold {
    font-weight: bold;
}

.bmargin {
    margin-bottom: 10px;
}

.studylink {
    font-size: 10pt;
    color: #336699;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

    .studylink:hover {
        text-decoration: none;
    }

.lockbtngray {
    background: url(../images/gray_bt.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px 1px 5px 1px;
    border: none;
    width: 70px;
    text-align: center;
}

.lockbtngreen {
    background: url(../images/green_bt.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px 1px 5px 1px;
    border: none;
    width: 70px;
    text-align: center;
}

#divshowlodingml {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodingml img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

#divshowlodingmUl {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodingmUl img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

#divshowlodingdml {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodingdml img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

.monitorlockbtngray {
    background: url(../images/monitorlockgrey.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    border: none;
    width: 135px;
    text-align: center;
    cursor: pointer;
    height: 27px;
}

.monitorlockbtngreen {
    background: url(../images/monitorlockgreen.gif) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding: 3px;
    border: none;
    width: 135px;
    text-align: center;
    cursor: pointer;
    height: 27px;
}

#divshowlodingdmlul {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodingdmlul img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

.tablelistpages {
    background-color: #c3c3c3;
}

    .tablelistpages th {
        background-color: #cccccc;
        padding: 1px;
        color: #000000;
        font-size: 11px;
    }

        .tablelistpages th a {
            color: #ffffff;
            text-decoration: underline;
        }

            .tablelistpages th a:hover {
                text-decoration: none;
            }

    .tablelistpages td {
        padding-left: 5px;
        padding-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        height: 20px;
    }

        .tablelistpages td a {
            text-decoration: underline;
            font-size: 11px;
            font-style: normal;
            font-weight: bold;
        }

            .tablelistpages td a:hover {
                text-decoration: none;
            }

        .tablelistpages td.gridheader {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-style: normal;
            font-weight: bold;
            color: #ffffff;
            padding-left: 2px;
            padding-right: 2px;
            text-align: center;
            vertical-align: middle;
            background-color: #919191;
            height: 20px;
        }

    .tablelistpages tr {
        background-color: #ffffff;
    }

        .tablelistpages tr.color2 {
            background-color: #ffffff;
        }

#divshowlodinghlock {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodinghlock img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

#divshowlodingslock {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodingslock img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }

.subjectsconfirmdiv {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

.tablelist td.labeltext {
    padding: 0 10px 10px 0;
    text-align: right;
}
/*input[type="checkbox"] { margin:0px 10px 0px}*/
label {
    padding: 1px 5px 10px 4px;
    vertical-align: top;
}

input[type="file"] {
    margin-bottom: 10px;
}

fieldset > legend {
    font-weight: bold;
    color: #000000;
}

/*varaprasad*/


#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #fff;
    display: none;
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 400px;
    display: none;
    z-index: 9999;
    padding: 20px;
}

#boxes #dialog {
    width: 380px;
    height: 320px;
    padding: 10px;
    background-color: #ffffff;
    border: 2px solid #919191;
}

#boxes #dialog2 {
    width: 375px;
    height: 330px;
    padding: 10px;
    background-color: #ffffff;
}

#boxes #dialog3 {
    width: 100px;
    height: 600px;
    padding: 10px;
    background-color: #ffffff;
}

#pnlPreviewboxes #pnlPreviewdialog {
    padding: 10px;
    background-color: #ffffff;
    border: 3px solid #FF9A0F;
}

#pnlPreviewboxes #pnlPreviewdialogNew {
    padding: 10px;
    background-color: #ffffff;
}


#pnlPreviewboxes .pnlPreviewwindow {
    display: none;
    font-family: Arial;
    font-size: 14px;
    height: 160px;
    padding: 20px;
    position: absolute;
    width: 550px;
    z-index: 9999;
}


.subjectlist {
    background-color: #c4c3c3;
}

    .subjectlist th {
        background-color: #919191;
        padding: 0px 6px;
        color: #ffffff;
    }

        .subjectlist th a {
            color: #ffffff;
            text-decoration: underline;
        }

            .subjectlist th a:hover {
                text-decoration: none;
            }

    .subjectlist td {
        padding-left: 5px;
        padding-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        height: 22px;
    }

        .subjectlist td a {
            text-decoration: underline;
            color: #6F706F;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
        }

            .subjectlist td a:hover {
                text-decoration: none;
            }

        .subjectlist td.gridheader {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            color: #ffffff;
            padding-left: 2px;
            padding-right: 2px;
            text-align: center;
            vertical-align: middle;
            background-color: #919191;
            height: 25px;
        }

    .subjectlist tr {
        background-color: #ffffff;
    }

        .subjectlist tr.color2 {
            background-color: #e4e4e4;
        }

    .subjectlist input[type="checkbox"] {
        margin: 10px 0 10px;
    }

.commit-to-db-scrolling {
    height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .commit-to-db-scrolling input[type="checkbox"] {
        margin: 0px;
    }

.minheight {
    height: 500px;
}

.minheight430 {
    height: 430px;
    vertical-align: top;
}

.minheight500 {
    height: 500px;
    vertical-align: top;
}

.min_height_forgot {
    height: 474px;
    padding: 0px;
    margin: 0px;
}

.min_height_helpdesk {
    height: 474px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.min_height_datacapture {
    height: 474px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

#dataloadertreeview td {
    vertical-align: top;
}

    #dataloadertreeview td input[type="checkbox"] {
        margin: 0px 8px 10px 2px;
    }

    #dataloadertreeview td label {
        padding: 0 10px 10px 0px;
    }

    #dataloadertreeview td a {
        color: #676767;
    }

    #dataloadertreeview td img {
        margin-top: -4px;
    }


.maintabs {
    margin-left: 10px;
}

    .maintabs ul {
        background: none repeat scroll 0 0 #362CA6;
        list-style: none outside none;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }

        .maintabs ul li {
            float: left;
            margin-right: 1px;
            padding: 1px;
            text-align: center;
        }

            .maintabs ul li a {
                background: none repeat scroll 0 0 #362CA6;
                color: #FFFFFF;
                display: block;
                font-size: 13px;
                font-weight: bold;
                padding: 6px 10px;
                text-decoration: none;
            }

                .maintabs ul li a:hover {
                    background: none repeat scroll 0 0 #FFFFFF;
                    color: #000000;
                    display: block;
                }

            .maintabs ul li.currenttab a {
                background: none repeat scroll 0 0 #FFFFFF;
                color: #000000;
                display: block;
            }

            .maintabs ul li.conditional, .maintabs ul li.conditionalcurrenttab {
                width: 170px;
            }

                .maintabs ul li.conditional a {
                    background: url("../images/Conditional.gif") no-repeat scroll left bottom transparent;
                    color: #3A3A3A;
                    display: block;
                    font-size: 12px;
                    font-weight: bold;
                    line-height: 34px;
                    text-decoration: none;
                }

                    .maintabs ul li.conditional a:hover {
                        background: url("../images/Conditional_hover.gif") no-repeat scroll left bottom transparent;
                        color: #364E98;
                        display: block;
                        line-height: 34px;
                    }

                .maintabs ul li.conditionalcurrenttab a {
                    background: url("../images/Conditional_hover.gif") no-repeat scroll left bottom transparent;
                    color: #364E98;
                    display: block;
                    line-height: 35px;
                }


.bdrlrtb {
    border: 1px solid #A8A8A8;
    border-top: none;
}

.qrsnotes {
    margin: 7px 0px 5px;
    padding-left: 10px;
}

.gray_bg {
    background: url(../images/buttonlarge-blue.gif) no-repeat;
    font-size: 14px;
    color: #888888;
    font-weight: bold;
    padding: 3px 3px 5px 1px;
    cursor: pointer;
    border: none;
    width: 137px;
    text-align: center;
    height: 27px;
}

.treeviewscroll {
    overflow-x: hidden;
    overflow-y: auto;
    width: 500px;
    height: 330px;
}

.TableContainer {
    overflow-x: hidden;
    overflow-y: auto;
    height: 330px;
}

.bluetext {
    color: #ECE9D8;
}

.inputtype_bg {
    background: none;
}

.instructionstextclass {
    color: #8F1E78;
}

.NewsTab .ajax__tab_header {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    background-color: #362CA6;
}

.NewsTab .ajax__tab_outer {
    background-color: #362CA6;
}

.NewsTab .ajax__tab_inner {
    padding: 6px;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #362CA6;
}

.NewsTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #362CA6;
    color: #000000;
}

.NewsTab .ajax__tab_hover .ajax__tab_inner {
    background-color: #FFFFFF;
}

.NewsTab .ajax__tab_active .ajax__tab_outer {
    background-color: #362CA6;
}

.NewsTab .ajax__tab_active .ajax__tab_inner {
    background-color: #FFFFFF;
    color: #000000;
}

.NewsTab .ajax__tab_body {
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #362CA6;
    border-top-color: #362CA6;
    padding: 10px;
}

.test {
    line-height: 19px;
    vertical-align: middle;
}

div#tvVisits table td a div {
    display: inline;
}

li.marginl {
    margin-left: 10px;
    word-break: break-all;
}


.tablelistinPrint {
    background-color: #c4c3c3;
}

    .tablelistinPrint th {
        background-color: #919191;
        padding: 5px;
        color: #ffffff;
    }

        .tablelistinPrint th a {
            color: #ffffff;
            text-decoration: none;
            cursor: text;
        }

    .tablelistinPrint td {
        padding-left: 5px;
        padding-right: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        min-height: 22px;
        line-height: 22px;
    }

        .tablelistinPrint td a {
            color: #6F706F;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
        }

        .tablelistinPrint td.gridheader {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            color: #ffffff;
            padding-left: 2px;
            padding-right: 2px;
            text-align: center;
            vertical-align: middle;
            background-color: #919191;
            height: 25px;
        }

    .tablelistinPrint tr {
        background-color: #ffffff;
    }

        .tablelistinPrint tr.color2 {
            background-color: #e4e4e4;
        }

    .tablelistinPrint td table td {
        padding: 0px;
    }

        .tablelistinPrint td table td.lpad5 {
            padding-left: 5px;
        }

    .tablelistinPrint evstatusgreencolor {
        color: #055F00;
        font-weight: bold;
    }

    .tablelistinPrint evstatusredcolor {
        color: #FF0000;
        font-weight: bold;
    }

    .tablelistinPrint evstatusbluecolor {
        color: #2058FF;
        font-weight: bold;
    }

    .tablelistinPrint evstatusgraycolor {
        color: #7F7F7F;
        font-weight: bold;
    }

    .tablelistinPrint subjgreencolor {
        color: #055F00;
        font-weight: bold;
    }

    .tablelistinPrint subjredcolor {
        color: #FF0000;
        font-weight: bold;
    }

    .tablelistinPrint subjblackcolor {
        color: #000000;
        font-weight: bold;
    }

    .tablelistinPrint td.labeltext {
        padding: 0 10px 10px 0;
        text-align: right;
    }

.configure_details input[type="checkbox"] {
    margin: 4px 0 4px;
}

.configure_details label {
    vertical-align: middle;
    padding: 0 5px 5px 4px;
}

.topleft {
    background: url("../images/inner_tleft-blue.gif") no-repeat;
    width: 13px;
    height: 13px;
}

.topright {
    background: url("../images/inner_tright-blue.gif") no-repeat;
    width: 13px;
    height: 13px;
}

.bottomleft {
    background: url("../images/inner_bleft-blue.gif") no-repeat;
    width: 13px;
    height: 13px;
}

.bottomright {
    background: url("../images/inner_bright-blue.gif") no-repeat;
    width: 13px;
    height: 13px;
}

.dataextract1 {
    border: 1px solid #C4C3C3;
}

    .dataextract1 th {
        background-color: #919191;
        color: #FFFFFF;
        padding-left: 5px;
        line-height: 26px;
        font-weight: bold;
        border-bottom: 1px solid #C4C3C3;
        text-align: left;
    }

    .dataextract1 td {
        padding: 0px;
    }

    .dataextract1 ul {
        padding: 0px 0px 0px 10px;
    }

        .dataextract1 ul li {
            list-style: none;
            background: url(../images/purplearrow.gif) no-repeat 0px 8px;
            padding: 0px 0px 10px 10px;
        }

.dataextract1_left {
    padding-left: 10px !important;
}

.dataextract1_right {
    padding-right: 10px !important;
}

.link_data {
    color: #336699 !important;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal !important;
    text-decoration: underline;
    vertical-align: top;
    line-height: 22px;
}

.buttonbdr_large_btn {
    background: url(../images/buttonbdrgreen_large.gif) no-repeat;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 3px 5px 1px;
    cursor: pointer;
    border: none;
    width: 175px;
    text-align: center;
    height: 18px;
    float: right;
}

    .buttonbdr_large_btn:hover {
        text-decoration: none;
        color: #fff;
    }

.modalpopup {
    height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 380px;
}

.visit_img {
    padding-left: 5px;
}

.navigation {
    display: block;
    background: url(../images/crfnav_right_eclinion.png) no-repeat;
    width: 25px;
    height: 129px;
}

.ajax__tab_body {
    padding-bottom: 20px;
}

.bdrnone {
    border: none;
}

.att_dropdown {
    width: 90px;
}

.study_bdr {
    border: 1px solid #362CA6;
}

.healthceckdetails {
    background: none repeat scroll 0 0 #F8F8F8;
    height: 57px;
}

    .healthceckdetails th {
        background: url(../images/bggreydn.gif) repeat-x;
        padding: 3px 10px;
        height: 18px;
        font-weight: bold;
        text-align: left;
        border-bottom: 2px solid #FFFFFF;
    }

    .healthceckdetails td {
        padding: 3px 5px;
        font-size: 11px;
    }

.instal_text {
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}

.healthceckdetails input {
    background: #fff;
    width: 154px;
}

.installheading {
    text-align: center;
    padding: 0px 10px 10px 0px;
    font-weight: bold;
    font-size: 28px
}

.textareabdr {
    border: #c4c4c4 1px solid;
    padding: 0px 2px;
    margin-bottom: 10px;
}

.installdropdown {
    border: #999999 1px solid;
    padding-left: 2px;
    margin-bottom: 10px;
    width: 160px;
}

.dataextractionsectionheading {
    color: #362CA6;
    font-weight: bold;
}

.menubgfooter {
    background-color: #FF9A0F;
    clear: both;
    padding: 0 7px;
}

.mainmenufooter {
    background-color: #FF9A0F;
    clear: both;
    color: #FFFFFF;
    font-size: 11px;
    padding: 7px 0;
}

    .mainmenufooter a {
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        padding: 0;
        text-decoration: none;
    }

        .mainmenufooter a:hover {
            color: #F5F5F5;
        }

.tablelistScrolling {
    background-color: #c4c3c3;
}

    .tablelistScrolling th {
        background-color: #919191 !important;
        padding: 5px 0px !important;
        color: #ffffff !important;
    }

.test-cls th {
    background-color: #919191 !important;
    padding: 5px 0px !important;
    color: #ffffff !important;
}

.tablelistScrolling th a {
    color: #ffffff;
    text-decoration: underline;
}

    .tablelistScrolling th a:hover {
        text-decoration: none;
    }

.tablelistScrolling td {
    padding-left: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    min-height: 22px;
    line-height: 22px;
}

    .tablelistScrolling td a {
        text-decoration: underline;
        color: #6F706F;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
    }

        .tablelistScrolling td a:hover {
            text-decoration: none;
        }

    .tablelistScrolling td.gridheader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #ffffff;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center;
        vertical-align: middle;
        background-color: #919191;
        height: 25px;
    }

.tablelistScrolling tr {
    background-color: #ffffff;
}

    .tablelistScrolling tr.color2 {
        background-color: #e4e4e4;
    }

.tablelistScrolling td table td {
    padding: 0px;
}

    .tablelistScrolling td table td.lpad5 {
        padding-left: 5px;
    }

.tablelistScrolling evstatusgreencolor {
    color: #055F00;
    font-weight: bold;
}

.tablelistScrolling evstatusredcolor {
    color: #FF0000;
    font-weight: bold;
}

.tablelistScrolling evstatusbluecolor {
    color: #2058FF;
    font-weight: bold;
}

.tablelistScrolling evstatusgraycolor {
    color: #7F7F7F;
    font-weight: bold;
}

.tablelistScrolling subjgreencolor {
    color: #055F00;
    font-weight: bold;
}

.tablelistScrolling subjredcolor {
    color: #FF0000;
    font-weight: bold;
}

.tablelistScrolling subjblackcolor {
    color: #000000;
    font-weight: bold;
}


table.TableMain {
    border-left: 1px solid #000000;
    border-top: 1px solid #000;
}

thead tr th, tfoot tr th {
    text-align: center;
    background-color: #919191;
    color: #FFFFFF;
}

.scrollTable th, .scrollTable td {
    padding: 5px;
    border: solid #000000;
    border-width: 0 1px 1px 0;
}

.scrollTable {
    width: 100%
}

    .scrollTable > tbody {
        height: 0px;
        overflow: auto;
    }

        .scrollTable > tbody a {
            text-decoration: underline;
            color: #6F706F;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
        }

            .scrollTable > tbody a:hover {
                text-decoration: none;
            }

    .scrollTable .th_extra {
        width: 18px;
        padding: 0;
        border-right-width: 0;
    }

    .scrollTable tr.color2 {
        background-color: #e4e4e4;
    }

.menubg a img,
.menubgfooter a img {
    display: none;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
    display: none !important;
}

.TableContainer > .scrollTable .th_extra {
    width: 19px;
}

#divVisitsNScreensInfo {
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    border: 1px solid #FFD79F;
    visibility: hidden;
    z-index: 1000;
}

#CreatpagePopup #divVisitsNScreensInfo {
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    border: 0px solid #FFD79F;
    visibility: hidden;
    z-index: 1000;
}

.visitslistheadingtr {
    background-color: #FF9A0F;
    color: White;
    line-height: 25px;
}

.visitslistlezend {
    background-color: #FFE5BF;
    padding-left: 6px;
    border-top: 1px solid #FFD79F;
}

.enrollsubjectstyle {
    border: 1px solid #C4C3C3;
}

/*.subjectshelpindicator {
    border-right: 1px dashed #C4C4C4;
    padding-top: 10px;
}*/

.enrollseperator {
    padding-left: 10px;
    padding-top: 8px;
    border-bottom: 1px solid #C4C4C4;
}

#divProgress {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}

.crf_dataextract ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .crf_dataextract ul li {
        list-style: none;
        padding: 0px 0px 5px 10px;
        margin-top: 5px;
    }

.crf_list {
    background: #D4D4D4;
}

td table {
    border-collapse: separate;
    border-spacing: 1px;
}

.crf_list th {
    background: #D4D4D4;
    color: #676767;
    padding: 2px;
}

.crf_list td {
    background: #fff;
}

.de_visit {
    border-left: 1px solid #C4C3C3;
    padding-left: 10px !important;
}

.dataextractioncrf td .de_visitdata {
    font-size: 11px;
    padding-top: 5px;
    padding-right: 10px !important;
    color: #777;
}

.de_dataextract ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .de_dataextract ul li {
        list-style: none;
        padding: 0px 0px 5px 10px;
        margin-top: 5px;
    }

.de_dataextract {
    border: 1px solid #C4C3C3;
}

.de_visit_data {
    background: #D4D4D4;
    margin-top: -2px;
}

.de_visitdata {
    padding: 5px 10px !important;
}

.dataextractioncrf td {
    background: #fff;
}

.dataextractioncrf th {
    background: #D4D4D4;
    color: #676767;
    padding: 2px;
}

.child_list tr {
    background: none;
}

.folder_img {
    padding-left: 5px;
    vertical-align: top;
}

.btn_hide {
    position: absolute;
    top: -1000px;
}

.study_add {
    border: 1px solid #C4C3C3 !important;
}

.pnlPopUp {
    border: 5px solid ff9a0e !important;
    border-radius: 8px;
    padding: 15px !important;
}

.accordion {
    width: 400px;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.protocol_info .textboxbdr {
    width: 180px;
}

.text_boxbdr_area {
    background-color: #F5F5F5;
    border: #c4c4c4 1px solid;
    padding: 0px 2px;
    margin-bottom: 10px;
    width: 350px;
    height: 80px;
}

#DivFeaturesCopy #DivCopyFeatures123 {
    padding: 10px;
    background-color: #ffffff;
    border: 3px solid #FF9A0F;
}

#DivFeaturesCopy #pnlPreviewdialogNew {
    padding: 10px;
    background-color: #ffffff;
}

#DivFeaturesCopy .DivCopyFeatures {
    display: none;
    font-family: Arial;
    font-size: 14px;
    height: 390px;
    padding: 20px;
    position: absolute;
    width: 550px;
    z-index: 9999;
}

.role_name {
    height: 305px;
    overflow-x: hidden;
}

.popup_bg {
    background: #FFFFFF;
    left: 26%;
    position: absolute;
    top: 14%;
    width: 550px;
    z-index: 10000;
    padding: 15px;
    border: 2px solid orange;
    border-radius: 10px;
}

.clise_btn_list {
    position: absolute;
    right: 10px;
    top: 10px;
}

.labletextlbl {
    padding-bottom: 10px;
}

.clise_btn_list {
    position: absolute;
    right: 10px;
    top: 10px;
}

.tvRecurringvisitcolor {
    color: #A7211E;
    font-weight: bold;
    cursor: text;
    line-height: 24px;
    cursor: pointer;
}

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

table.dictionarytable {
    padding: 10px;
    border: 1px solid #D4D4D4;
    margin-right: 110px;
    margin-bottom: 10px;
}

.dictionarytable input[type="text"] {
    margin-bottom: 12px;
    width: 140px;
}

.dictionarytable select {
    margin-bottom: 12px;
    width: 145px;
}

.dictionarytable h4 {
    font-size: 17px;
    margin: 0;
    padding: 9px 0;
}

.admin_loading {
    background: url("../images/admin_loading.png") repeat;
    height: 100%;
    left: 0;
    overflow: auto;
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.hidden-column {
    display: none;
}
/* Modified By: Pardhu,Modified On : 02-Jan-2015,Bug Id : 0045152, Comment : Increasing th width to 100%*/
.footercenter {
    float: left;
    text-align: center;
    width: 100%;
}

a.mcinteractive {
    color: #FF9A0F;
    text-decoration: underline;
}

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

.add_roles_main label {
    vertical-align: baseline;
}

.dcfclose {
    background-color: #E5F8BA;
    color: #000000;
}

.mccolor {
    background-color: #cceedd !important;
}

.chkpad input {
    margin-bottom: 0px !important;
}

.mccolor {
    background-color: #cceedd !important;
}

#divshowlodingiv {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    #divshowlodingiv img {
        position: absolute;
        top: 350px;
        left: 400px;
        z-index: 100;
    }

.annotation {
    margin-left: 5px;
    background-color: #ffff00;
    color: #ff0000;
    font-size: 14px;
}

.buttonbdr_large_btn1 {
    background: url(../images/buttonbdrgreen_large.gif) no-repeat;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 3px 5px 1px;
    cursor: pointer;
    border: none;
    width: 175px;
    text-align: center;
    height: 30px;
    float: left;
}

#trTrailLevelUsers table td {
    float: left;
    width: 150px;
}

#trSiteLevelUsers table td {
    float: left;
    width: 150px;
}

#divSiteLevelUsers table td {
    float: left;
    width: 150px;
}

#tdTrailLeveluser table td {
    float: left;
    width: 150px;
}

#tdSitelevelusers table td {
    float: left;
    width: 150px;
}

.buttonbdr_large_btn1 {
    background: url(../images/buttonbdrgreen_large.gif) no-repeat;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 3px 5px 1px;
    cursor: pointer;
    border: none;
    width: 175px;
    text-align: center;
    height: 30px;
    float: left;
}

.imgClear {
    background: url(../images/edit-clear.png) no-repeat right center;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    cursor: pointer;
}

.imgClearDisable {
    background: url(../images/edit-clear.png) no-repeat right center;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    cursor: context-menu;
}

.rbtnAccessLevels {
    margin-bottom: 0px;
    margin-top: -8px;
}

    .rbtnAccessLevels input {
        margin: 0px;
    }

    .rbtnAccessLevels label {
        padding: 0px 5px 0px 4px;
        vertical-align: top;
    }

table.dictionarytable33 {
    padding: 10px;
    margin-right: 110px;
    margin-bottom: 10px;
}
/*This code is added by das on feb-06-2014 for bugid(24943)*/
.Documentssubversionhdr {
    background-color: #362CA6;
    color: White;
}

.widthadminttxt {
    width: 170px;
}

.widthadminddl {
    width: 170px;
}

#tableProtocolHeader td {
    text-align: center;
}

#tableProtocolHeader th {
    text-align: center !important;
    border: 1px solid #ccc;
}
/*#tableProtocolHeader tbody tr {
    background-color: #A0B6C9 !important;
}*/
#tableProtocolHeader td {
    border: 1px solid #ccc !important;
    padding: 7px 0px;
    color: #000000;
}

.errormsg_noaccess {
    padding: 85px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}



#divconditionshowloding {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
    /* Updated Top: 350px; left:400px; to top: 50%;  left: 46%; - To Show loading in the middle of the page */
    /* Modified by Venu Babu Borra on 29Dec 2014. Bug ID - 0044626 */
    #divconditionshowloding img {
        position: absolute;
        top: 50%;
        left: 46%;
        z-index: 100;
    }


.querystatus input[type="radio"] {
    margin: 0 5px !important;
}

.querystatus input[type="checkbox"] {
    margin: 1px 5px !important;
}

.protocolheader td img {
    max-height: 100px !important;
    max-width: 100px !important;
}



.dashboard-left {
    width: 319px;
    vertical-align: top;
    background: url(../images/clinion-new.png) no-repeat;
}

.dashboard-content {
    padding: 0px;
    border-width: 13px;
    border-style: solid;
    border-color: #362ca6 #362ca6 #ff9a0f #ff9a0f;
}
/*.dashboard .menubg { padding: 7px; }*/
.dashboard .mainmenu {
    padding: 0px;
}

    .dashboard .mainmenu td a, .dashboard .mainmenu td a:hover, .dashboard .mainmenu td a:focus {
        text-decoration: none;
    }

.dashBoarsHeading {
    padding-left: 25px; /*61px;*/
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

#divChart {
    min-height: 450px !important;
}

.dashBoardFooter {
    float: right;
    padding: 4px 0;
    width: auto;
}

.right-col {
    width: 17px;
    float: right;
}

.boot-table-set th {
    text-align: center !important;
    border: 1px solid #ccc;
}

.boot-table-set td {
    border: 1px solid #ccc !important;
}

.jqxMenu {
    width: auto !important;
}

.breakword {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

.tblSites tr td {
    border: 1px solid #d4d4d4 !important;
}

.failed-msg {
    background: #ffb0b5 url("../Images/failed_msg.png") no-repeat scroll 9px 50%;
    border: 1px solid #ffb0b5;
    border-radius: 7px;
    color: #343434;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 10px;
    padding: 15px 10px 15px 35px;
    width: auto;
}

.pan_ex .col-md-1 {
    float: left;
    width: 15%;
}

.pan_ex .col-md-2 {
    float: left;
    width: 20%;
}

    .pan_ex .col-md-2.btn {
        padding-top: 12px;
    }

.pan_ex .col-md-1.btn {
    padding-top: 12px;
}

.page-nav span, .page-nav a {
    float: left;
    padding: 8px;
    background: #362ca6;
    color: #fff !important;
    text-decoration: none !important;
    line-height: normal;
}

.page-nav table {
    padding: 8px;
}

.page-nav span {
    background: #ff9a0f;
}


.dashboard-search .col {
    float: left;
    margin: 0px;
    padding: 0px;
}

.dashboard-search .head {
    color: #333;
    float: left;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 6px 0 0;
}

.dashboard-search .feild {
    float: left;
}


.table-filter-top {
    display: inline-block;
    width: 100%:
}

    .table-filter-top .form-control {
        float: left;
        padding: 3px;
    }

    .table-filter-top label {
        display: inline-block;
        float: left;
        font-weight: bold;
        color: #333;
    }

    .table-filter-top .form-group {
        margin-right: 10px;
        width: 22%;
        font-size:13px;
    }
        .table-filter-top .form-group select {
            font-size: 13px;
        }
        .table-filter-top > div {
            display: inline-block;
        }

#gvSubjects tbody tr td table tbody tr {
    background-color: transparent;
}

    #gvSubjects tbody tr td table tbody tr td {
        border: none;
        padding-left: 8px !important;
        padding: 8px 10px;
    }

table.dataTable.table-condensed .bootstrap-datetimepicker-widget thead > tr > th {
    padding-right: 0;
    padding-left: 0;
}

table.dataTable.table .bootstrap-datetimepicker-widget thead > tr > th {
    padding-right: 0;
    padding-left: 0;
}

.notes__wrp ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .notes__wrp ul li {
        padding: 2px 10px;
        background-color: #f6fdf7;
        border: 1px solid #d1e6d4;
        margin: 6px 0;
        text-align: left;
        border-radius: 3px;
    }

        .notes__wrp ul li button {
            float: right;
        }


.txt__notes {
    background-color: #fdfdfd;
    margin-top: 10px;
    width: 60%;
    height: 80px;
    margin-bottom: 10px;
}

.info__row {
    width: 100%;
    color: #7c7c7c;
    font-size: 12px;
}

.modal-header {
    text-align: center;
}

    .modal-header .close {
        cursor: pointer;
    }

    .modal-header .modal-title,
    .modal-title {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
    }

iframe {
    border: 0px solid #ccc;
}

.gridbuttoncls {
    background-color: buttonface;
    box-sizing: border-box;
    color: buttontext !important;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    -webkit-appearance: button;
}

.sdl__btn {
    background-color: #ff9a0f;
    border: 1px solid #e88a08;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff !important;
    text-decoration: none !important;
}

.radio___iv input[type="radio"] {
    margin-top: 0px;
}

/*table.dataTable,
table.dataTable .fixedHeader th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}table.dataTable .fixedHeader th,
table.dataTable td {
    white-space: nowrap;
}*/
#ctl00_ContentPlaceHolder1_GvSystemLog_wrapper .dataTables_scrollHeadInner,
#ctl00_ContentPlaceHolder1_GvSystemLog_wrapper .dataTables_scrollBody table.dataTable {
    width: 100% !important
}
.dataTables_scrollHeadInner{
    margin-right:0px !important;
    padding-right:0px !important;
}
#ctl00_ContentPlaceHolder1_GvSystemLog_wrapper tbody > tr > :nth-child(4) {
    word-wrap: break-word;
    max-width: 100px;
    white-space: initial;
}

#ctl00_ContentPlaceHolder1_GvSystemLog_wrapper tbody > tr > :nth-child(5) {
    word-wrap: break-word;
    max-width: 100px;
    white-space: initial;
}

@media only screen and (max-width: 1380px) {
    .dataTables_wrapper {
        max-width: 100%;
    }

    #tblAdverseEvent, #tblconcom, .overflow___tblauto {
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        width: fit-content;
        max-width: 1220px !important;
    }
}

#rel_panelAttachmentsDiv .modal-dialog, #rel_AttachmentDiv .modal-dialog {
    width: 40% !important;
}

#divNewQuery .modal-dialog, #divNewQuery .modal-dialog {
    width: 70% !important;
}

#rel_AuditTrial .modal-dialog, #rel_AuditTrial .modal-dialog {
    width: 50% !important;
}

#divQueryList.modal-dialog, #divQueryList .modal-dialog {
    width: 70% !important;
}

@media only screen and (max-width: 1280px) {
    .dataTables_wrapper {
        max-width: 1084px;
    }

    #tblAdverseEvent, #tblconcom, overflow___tblauto {
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        width: fit-content;
        max-width: 1084px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .dataTables_wrapper {
        max-width: 984px;
    }

    #tblAdverseEvent, #tblconcom, overflow___tblauto {
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        width: fit-content;
        max-width: 984px !important;
    }
}

.paddingtop-10 {
    padding-top: 10px;
    width:50% !important;
}

.paddingtop-15 {
    padding-top: 15px;
}

.paddingtop-20 {
    padding-top: 20px;
}

.tblShadowBox {
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5);
    padding: 10px;
    border-radius: 5px;
}

.itemHeader {
    background: #362CA6;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.rowNumStyle {
    padding-top: 10px;
    font-size: 24px;
    font-weight: bold;
}

.padding10 {
    padding: 10px;
}

.btnDisabled {
    border-radius: 3px;
    background-color: #B4B3CA;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 16px;
    cursor: pointer;
    border: none;
    width: auto;
    text-align: center;
    height: auto;
}

.modal {
    top: 2% !important;
    overflow: auto !important;
}
.conditionalbranchingcolor {
    background-color: #878682;
}

input[type="radio"].conditionalbranchingcolor {
    -webkit-appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0px;
    background-clip: content-box;
    border: 2px solid #878682;
    background-color: #878682;
    border-radius: 50%;
}

input[type="checkbox"].conditionalbranchingcolor {
    -webkit-appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0px;
    background-clip: content-box;
    border: 2px solid #878682;
    background-color: #878682;
    
}



.tablelistvr {
    background-color: #c4c3c3;
    margin-bottom: 10px;
    width: 100%;
}

.tablelistvraelog {
    width: 3000px !important;
}

.tablelistvr th {
    background-color: #405F7B;
    padding: 5px;
    color: #ffffff;
    /*word-break: break-all;
        white-space: nowrap;*/
}

    .tablelistvr th a {
        color: #ffffff;
        text-decoration: underline;
    }

        .tablelistvr th a:hover {
            text-decoration: none;
        }

.tablelistvr td {
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    min-height: 22px;
    line-height: 22px;
    /* text-transform: capitalize;
        word-break: break-all;
      /*  white-space: nowrap;*/
}

    .tablelistvr td a {
        text-decoration: underline;
        color: #6F706F;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
    }

        .tablelistvr td a.expandfeatureactions {
            height: 15px;
            width: 15px;
            text-decoration: none;
        }

        .tablelistvr td a:hover {
            text-decoration: none;
        }

    .tablelistvr td.gridheader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #ffffff;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        background-color: #919191;
        height: 25px;
    }

.tablelistvr tr {
    background-color: #ffffff;
}

    .tablelistvr tr.color2 {
        background-color: #e4e4e4;
    }

.tablelistvr {
    background-color: #c4c3c3 !important;
    margin-bottom: 10px !important;
}