/* Sandeep - Nov 30 2012 Global */
:focus {
    outline: none;
}

.t1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2.4em;
    font-weight: normal;
    color: #131f31;
}

.t2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.8em;
    font-weight: normal;
    color: #223552;
}

.t3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 9px;
    font-weight: normal;
    color: #5074a9;
}

.ph {
    padding: 7px;
}

a.box1:link {
/*    font-weight: bold;*/
    width: auto;
    color: #102341;
    /*padding:10px;      //designer  */
    padding-top: 9px; /*apps*/
    padding-bottom: 3px;
    /*    background: url(images/menuBg.png) repeat-x;
*/    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

a.box1:hover {
    background: #59749D;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
}

a.box1-selected:link {
    background: #284065;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
}

a.box1-selected:hover {
    background: #284065;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
}

a.rca:link {
    font-weight: bold;
    width: auto;
    color: #102341;
    /*padding:10px;      //designer  */
    padding-top: 9px; /*apps*/
    padding-bottom: 9px;
    background: url(images/menuBg.png) repeat-x;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

a.rca:hover {
    background: #59749D;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
}

a.rca-selected:link {
    background: #284065;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
}

a.rca-selected:hover {
    background: #284065;
    cursor: pointer;
    color: #fff;
    text-indent: 3px;
}

.box1Div {
    font-weight: bold;
    width: auto;
    color: #102341;
    padding: 9px 9px 9px 0px;
    background: url(images/menuBg.png) repeat-x;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .box1Div:hover {
        background: #59749D;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }

.box1Div-selected {
    background: #284065;
    color: #fff;
    text-indent: 13px;
    font-weight: bold;
    width: auto;
    padding: 9px 9px 9px 0px;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .box1Div-selected:hover {
        background: #59749D;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }

.boxAuditDiv {
    font-weight: bold;
    width: auto;
    color: #102341;
    padding: 9px 9px 9px 0px;
    background: url(images/menuBg.png) repeat-x;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .boxAuditDiv:hover {
        background: #284065;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }

.boxAuditDiv-selected {
    background: #284065;
    color: #fff;
    text-indent: 13px;
    font-weight: bold;
    width: auto;
    padding: 9px 9px 9px 0px;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .boxAuditDiv-selected:hover {
        background: #284065;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }

.boxReportDiv {
    font-weight: bold;
    width: auto;
    color: #102341;
    padding: 9px 9px 9px 0px;
    background: url(images/menuBg.png) repeat-x;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .boxReportDiv:hover {
        background: #284065;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }

.boxReportDiv-selected {
    background: #284065;
    color: #fff;
    text-indent: 13px;
    font-weight: bold;
    width: auto;
    padding: 9px 9px 9px 0px;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .boxReportDiv-selected:hover {
        background: #284065;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }


.boxSearchDiv {
    font-weight: bold;
    width: auto;
    color: #102341;
    padding: 9px 9px 9px 0px;
    background: url(images/menuBg.png) repeat-x;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .boxSearchDiv:hover {
        background: #284065;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }

.boxSearchDiv-selected {
    background: #284065;
    color: #fff;
    text-indent: 13px;
    font-weight: bold;
    width: auto;
    padding: 9px 9px 9px 0px;
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .boxSearchDiv-selected:hover {
        background: #284065;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }

.boxIncident {
    font-weight: bold;
    width: auto;
    color: #102341;
    padding: 5px; /* apps */
    background-color: #EFF2FB;
    clear: both;
    text-indent: 3px;
    border-radius: 5px;
    display: block;
    text-decoration: none;
}

    .boxIncident:hover {
        background: #59749D;
        font-weight: bold;
        width: auto;
        color: #fff;
        clear: both;
        display: block;
        text-decoration: none;
    }

.boxIncident-selected {
    background: #284065;
    color: #fff;
    text-indent: 13px;
    font-weight: bold;
    width: auto;
    padding: 6px; /* apps */
    clear: both;
    text-indent: 3px;
    display: block;
    text-decoration: none;
}

    .boxIncident-selected:hover {
        background: #284065;
        cursor: pointer;
        color: #fff;
        text-indent: 3px;
    }


.Incbutton {
    font-family: Georgia, "Times New Roman", Times, serif;   
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 15px;
    text-align: center;
    background: #284065;
    width: 95px;
}

    .Incbutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .Incbutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.StaffTrackerBatchbutton {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 15px;
    text-align: center;
    background: #284065;
    width: 160px;
}

    .StaffTrackerBatchbutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .StaffTrackerBatchbutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.NorIncbutton {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 8px;
    text-align: center;
    background: #284065;
    width: 85px;
}

    .NorIncbutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .NorIncbutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.NorChecklistbutton {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 8px;
    text-align: center;
    background: #284065;
    width: 85px;
}

    .NorChecklistbutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .NorChecklistbutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.librarybutton {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 15px;
    text-align: center;
    background: #7c98c1;
    width: 95px;
}

    .librarybutton:hover {
        background: #284065;
        cursor: pointer;
    }

    .librarybutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.button {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 30px;
    text-align: center;
    background: #284065;
    width: 130px;
    margin-left: 120px;
}

    .button:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .button:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.Cancelbutton {
    font-family: Georgia, "Times New Roman", Times, serif;   
    font-weight: normal;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 15px;
    background: #284065;
    margin-left: 120px;
    margin-top: 15px;
}

    .Cancelbutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .Cancelbutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.Closebutton {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 15px;
    background: #284065;
    width: 100px;
    margin-left: 120px;
    margin-top: 15px;
}

    .Closebutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .Closebutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }

.Savebutton {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 15px;
    background: #284065;
    width: 130px;
    margin-left: 120px;
    margin-top: 15px;
}

    .Savebutton:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .Savebutton:active {
        background: #7c98c1;
        cursor: pointer;
        margin-top: 1px;
    }


.button1 {
    //font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    padding: 3px 5px;
    background: #4b668f;
    margin: 4px;
    clear: both;
    border: 1px solid #c6d6ef;
    box-shadow: 2px 2px 3px #5d6879;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .button1:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .button1:active {
        background: #7c98c1;
        cursor: pointer;
    }

.button2 {
    //font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    width: 90%;
    font-size: 12px !important;
    color: #ffffff;
    padding: 4px 6px;
    background: #5070a1;
    margin: 4px;
    clear: both;
    border: 1px solid #c6d6ef;
    box-shadow: 2px 2px 3px #5d6879;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .button2:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .button2:active {
        background: #7c98c1;
        cursor: pointer;
    }


.addAuditAnswer {
    //font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    float: right;
    text-decoration: none;
    width: 84px;
    font-size: 12px !important;
    color: #ffffff;
    padding: 4px 6px;
    background: #5070a1;
    margin: 4px;
    clear: both;
    border: 1px solid #c6d6ef;
    box-shadow: 2px 2px 3px #5d6879;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .addAuditAnswer:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .addAuditAnswer:active {
        background: #7c98c1;
        cursor: pointer;
    }

.addLogAnswer {
    //font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    float: right;
    text-decoration: none;
    width: 84px;
    font-size: 12px !important;
    color: #ffffff;
    padding: 4px 6px;
    background: #5070a1;
    margin: 4px;
    clear: both;
    border: 1px solid #c6d6ef;
    box-shadow: 2px 2px 3px #5d6879;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .addLogAnswer:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .addLogAnswer:active {
        background: #7c98c1;
        cursor: pointer;
    }

a.rButton:link {
    font-weight: normal;
    width: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: url(images/menuBg.png) repeat-x;
    float: right;
    font-size: 12px !important;
    color: #ffffff;
    padding: 4px 8px 4px 8px;
    background: #1e3558;
    margin: 4px;
    clear: both;
    box-shadow: 1px 1px 2px #5d6879;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: block;
    text-decoration: none;
    font-weight: bold;
}




a.rButton:hover:link {
    background: #7c98c1;
    cursor: pointer;
}

.rButton:active {
    background: #7c98c1;
    cursor: pointer;
}

.rButton1 {
    font-weight: bold;
    width: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    font-size: 12px !important;
    color: #ffffff;
    padding: 4px 8px 4px 8px;
    background: #1e3558;
    margin: 4px;
    clear: both;
    border: 1px solid #c6d6ef;
    box-shadow: 1px 1px 2px #5d6879;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .rButton1:hover {
        background: #7c98c1;
        cursor: pointer;
    }

    .rButton1:active {
        background: #7c98c1;
        cursor: pointer;
    }


.addProj, .AuditTemp, .auditLibrary, .SurveyTemp, .surveyLibrary, .meetLibrary {
    font-weight: bold;
    width: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    font-size: 12px !important;
    color: #222;
    padding: 4px 8px 4px 8px;
    margin: 4px;
    clear: both;
    border: 1px solid #c6d6ef;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-decoration: none;
    border-right: 1px solid #ccc;
}

    .addProj:hover, .AuditTemp:hover, .auditLibrary:hover, .SurveyTemp:hover, .surveyLibrary:hover, .meetLibrary:hover {
        background: #7c98c1;
        color: #fff;
        cursor: pointer;
    }

    .addProj:active, .AuditTemp:active, .auditLibrary:active, .SurveyTemp:active, .surveyLibrary:active, .meetLibrary:active {
        background: #7c98c1;
        cursor: pointer;
    }


/* Framework */
.wrapper {
    margin: 10px auto;
    width: 97%;
    /*min-width:1000px;*/
    overflow: auto;
    height: auto;
    border: 1px solid #fdfeff;
    box-shadow: 1px 3px 9px #555;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.contWrapper {
    width: auto;
    height: auto;
    /*min-height:470px;*/
    overflow: auto;
    padding: 12px 12px 0 12px;
}

.contIncWrapper {
    width: auto;
    height: auto;
    /*min-height:410px;*/
    overflow: auto;
    padding-left: 1px;
}

.contchecklistWrapper {
    width: auto;
    height: auto;
    min-height: 410px;
    overflow: auto;
    padding-left: 1px;
}

.contphychecklistWrapper {
    width: auto;
    height: auto;
    min-height: 410px;
    overflow: auto;
    padding-left: 1px;
}

.wx {
    border: 1px solid #099;
}

.homeWrapper {
    width: auto;
    height: auto;
    overflow: auto;
    padding: 15% 0% 10% 20%;
    vertical-align: middle;
}

.homeLogo {
    float: left;
    width: 198px;
    height: 167px;
    margin-right: 15%;
    margin-top: 30px;
}

.homeDiv {
    float: left;
    width: 25px;
    height: 325px;
    background: url(images/divider.png) no-repeat;
    margin-right: 9%;
    margin-top: -55px;
}

.homeLogin {
    /*	float: left;     // designer
    width: 471px;   //apps */
    height: auto;
}
/* Form */
.rowElem {
    clear: both;
    width: auto;
    margin: 9px 0 9px 0;
    overflow: auto;
}

label {
    width: auto;
    float: left;
    margin-right: 7px;
}

input {
    float: none;
    text-align: left;
    padding: 5px;
    outline: none;
    width: 200px;
    font-family: Verdana,arial,sans-serif;
    font-size: .9em !important;
    border: 1px solid #ccc;
}
/* Header */
.logoInn {
    float: left;
    width: 84px;
    height: 60px;
    margin: -44px 0 0 21px;
}

.logoTxt {
    width: auto;
    text-align: center;
    height: 22px;
    color: #34507A;
    margin: -5 0 0 8px;
}

.mainHeader {
    width: 450px;
    text-align: center;
    height: 90px;
    font-size: 14px;
    color: #34507a;
    font-weight: bold;
    display: inline-block;
}

.leftmainHeader {
    float: left;
}

.rightmainHeader {
    float: left;
    width: 200px;
}

.toprightmainHeader {
    float: left;
    width: 390px;
}

.bottomrightmainHeader {
    margin-top: 50px;
    width: 390px;
}

.SetupHeader {
    width: 450px;
    text-align: center;
    height: 90px;
    font-size: 15px;
    color: #34507a;
    font-weight: bold;
    display: inline-block;
}

.subHeader {
    width: auto;
    float: left;
    color: #375686;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding: 1vh;
}

.txtRight {
    width: auto;
    margin: 10px 0 6px 1px;
    float: left;
}

.header {
    margin: 0 0 0 0;
    width: 100%;
    height: 90px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.logo {
    width: 262px;
    height: 61px;
    padding: 25px 0 0 25px;
    background: url(images/logo.png) no-repeat bottom;
}










/* Content */
.contentMenu {
    margin: 10px;
    display: block;
    width: auto;
    text-align: center;
    min-height: 470px;
}

.leftContentMenu {
    float: left;
    min-height: 470px;
    width: 5%;
}

.seperatorContentMenu {
    width: 1px;
    min-height: 470px;
    float: left;
    background: url(images/divider.png) no-repeat;
    border: 1px solid #ccc;
}

.rightContentMenu {
    float: right;
    /*   min-height:470px; */
    width: 94%;
}

.rightSingleDivContentMenu {
    float: right;
    min-height: 470px;
    width: 91%;
    border: 1px solid #ccc;
}

.toprightContentMenu {
    float: left;
    width: 100%;
    min-height: 230px;
    margin-bottom: 1px;
}

.toprightDoubleContentMenu {
    float: left;
    width: 100%;
    min-height: 230px;
    margin-bottom: 1px;
    border: 1px solid #ccc;
}

.bottomrightDoubleContentMenu {
    float: left;
    width: 100%;
    min-height: 230px;
    border: 1px solid #ccc;
}


.lefttoprightContentMenu {
    float: left;
    width: 49.8%;
    min-height: 230px;
    border: 1px solid #675c50;
}

.righttoprightContentMenu {
    float: right;
    width: 49.8%;
    min-height: 230px;
    border: 1px solid #675c50;
}

.bottomrightContentMenu {
    float: left;
    width: 100%;
    min-height: 230px;
}

.leftbottomrightContentMenu {
    float: left;
    width: 49.8%;
    min-height: 230px;
    border: 1px solid #675c50;
}

.rightbottomrightContentMenu {
    float: right;
    width: 49.8%;
    min-height: 230px;
    border: 1px solid #675c50;
}


/* Chart Button Style by - apps */

.buttonchart {
    float: left;
    height: auto;
    font: 76%/150% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    text-align: center;
    white-space: nowrap;
}
/*Button Arrow Styles*/
.Incarrows {
    font-size: 100%;
    margin: 0.2em;
    font-weight: bold;
    left: 1298px;
    position: absolute;
    top: 524px;
    color: #fff;
}

.Logarrows {
    font-size: 100%;
    margin: 0.2em;
    font-weight: bold;
    left: 1198px;
    position: absolute;
    top: 524px;
    color: #fff;
}

.Audarrows {
    font-size: 100%;
    margin: 0.2em;
    font-weight: bold;
    left: 1054px;
    position: absolute;
    top: 524px;
    color: #fff;
}

/*Button link styles*/
.buttonchart a:link, .buttonchart a:visited {
    color: #eee;
    background-color: #1e5184;
    font-size: 1em;
    font-weight: bolder;
    text-decoration: none;
    border-bottom: 0.1em solid #555;
    border-right: 0.1em solid #555;
    border-top: 0.1em solid #ccc;
    border-left: 0.1em solid #ccc;
    margin: 0.2em;
    padding: 0.2em;
    display: block;
}

.buttonchart a:hover {
    background-color: #003366;
    color: #999;
    border-top: 0.1em solid #777;
    border-left: 0.1em solid #777;
    border-bottom: 0.1em solid #aaa;
    border-right: 0.1em solid #aaa;
    padding: 0.2em;
    margin: 0.2em;
}

.AppChart {
    margin-top: 180px;
    float: right;
}
/* Menu */
.menuBox {
    text-align: center;
    width: auto;
    margin: 11% 0 0 0px;
    overflow: auto;
    display: inline-block;
    vertical-align: middle;
}

a.incRep {
    float: left;
    padding: 10px 10px 10px 0px;
    background: #59749D;
    border-radius: 4px;
    box-shadow: 0 1px 2px #59749D;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 47px;
    height: 21px;
    left: 30px;
    top: 125px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/incRep0.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 0px;
}

    a.incRep:hover {
        background-image: url(images/incRep1.png);
        box-shadow: 0 2px 8px #23337c;
        cursor: pointer;
        transform: scale(1.1);
        background-repeat: no-repeat;
        opacity: 1;
        left: 30px;
        position: absolute;
        width: 141px;
        top: 125px;
        margin: 3px 17px 7px 5px;
        z-index: 10000;
        border-radius: 5px;
    }

a.log {
    float: left;
    padding: 10px 10px 10px 0px;
    background: #59749D;
    border-radius: 4px;
    box-shadow: 0 1px 2px #59749D;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 47px;
    left: 30px;
    top: 225px;
    position: absolute;
    height: 21px;
    background-repeat: no-repeat;
    background-image: url(images/logs0.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 0px;
}

    a.log:hover {
        background-image: url(images/logs1.png);
        box-shadow: 0 2px 8px #23337c;
        cursor: pointer;
        transform: scale(1.1);
        opacity: 1;
        width: 141px;
        left: 30px;
        top: 225px;
        position: absolute;
        background-repeat: no-repeat;
        height: 21px;
        margin: 3px 17px 7px 5px;
        z-index: 10000;
    }

a.inf {
    float: left;
    display: block;
    background-repeat: no-repeat;
    width: 47px;
    height: 21px;
    background-image: url(images/infControl0.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 0px;
}

    a.inf:hover {
        background-image: url(images/infControl1.png);
        cursor: pointer;
        margin: 3px 5px 7px 5px;
        background-repeat: no-repeat;
    }

a.sur {
    float: left;
    padding: 10px 10px 10px 0px;
    background: #59749D;
    border-radius: 4px;
    box-shadow: 0 1px 2px #59749D;
    -webkit-transition: 0.3s;
    background-repeat: no-repeat;
    transition: 0.3s;
    width: 47px;
    height: 21px;
    left: 30px;
    top: 175px;
    position: absolute;
    background-image: url(images/sur0.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 0px;
}

    a.sur:hover {
        background-image: url(images/sur1.png);
        box-shadow: 0 2px 8px #23337c;
        cursor: pointer;
        transform: scale(1.1);
        background-repeat: no-repeat;
        opacity: 1;
        width: 141px;
        top: 175px;
        left: 30px;
        position: absolute;
        margin: 3px 17px 7px 5px;
        z-index: 10000;
    }

a.comp {
    float: left;
    padding: 10px 10px 10px 0px;
    background: #59749D;
    border-radius: 4px;
    box-shadow: 0 1px 2px #59749D;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 47px;
    left: 30px;
    top: 276px;
    position: absolute;
    height: 21px;
    background-image: url(images/compTracking0.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 0px;
}

    a.comp:hover {
        background-image: url(images/compTracking1.png);
        box-shadow: 0 2px 8px #23337c;
        cursor: pointer;
        transform: scale(1.1);
        opacity: 1;
        background-repeat: no-repeat;
        top: 276px;
        width: 141px;
        left: 30px;
        position: absolute;
        margin: 3px 17px 7px 5px;
        z-index: 10000;
    }

.StudyIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/s333Revised.png) no-repeat;
}

.QIStudyIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/QIModuleRevised.png) no-repeat;
}

.TrackersIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/Trackers_smallRevised.png) no-repeat;
}

.ContractsIcon_Transparent {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/Contracts_TransparentIcon.png) no-repeat;
}

.Policy_Icon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/PolicyPageIcon_final.png) no-repeat !important;
}

.DashBoardIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/Dashboard-Main-Icon.png) no-repeat;
}

.StaffIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/StaffHeading.png) no-repeat;
}

.SurveyIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/SurveyIconRevised.png) no-repeat;
}

.QAPIIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/QAPI_N1.png) no-repeat;
}

.QCTopIcon {
    height: 58px;
    width: 59px;
    margin-top: 17px;
    background: url(images/QCTopIcon.png) no-repeat;
}

.topIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/c1Revised.png) no-repeat;
}

.LogsIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/c2Revised.png) no-repeat;
}

.AuditIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/c4Revised.png) no-repeat;
}

.logged {
    float: left;
    text-align: right;
    width: 100%;
    overflow: auto;
    margin: 15px 0 0 -3px;
}

.SetIcon {
    height: 56px;
    width: 56px;
    margin-top: 17px;
    background: url(images/settingRevised.png) no-repeat;
}

.ProductIcon {
    height: 44px;
    width: 56px;
    margin: 0;
    background: url(images/ascqip_admin.png) no-repeat;
}

.topIcon1 {
    float: left;
    height: 56px;
    width: 56px;
    margin: 0;
    margin: 34px 90px -5px 13%;
}

.logout {
    float: right;
    height: 24px;
    width: 72px;
    background: url(images/logout.png) no-repeat;
    margin: 20px 0 0 0;
    cursor: pointer;
}

.forPass {
    float: right;
    height: 24px;
    width: 110px;
    background: url(images/forgotPass.png) no-repeat;
    margin: 20px 0 0 0;
    cursor: pointer;
}

.menuHeader {
    float: right;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    margin: 0;
    margin: -48px 13px 0 0;
}

.hRight {
    float: right;
    text-align: left;
    width: 306px;
    //border:1px solid #900;
}

a.h {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Revised_ascqiphome_icon.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.h:hover {
        float: left;
        display: block;
        background-image: url(images/Revised_ascqiphomeover_icon.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.ascqipResource {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Revised_ascqip_resource.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.ascqipResource:hover {
        float: left;
        display: block;
        background-image: url(images/Revised_ascqip_resource.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.inc {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/incidentc111.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.inc:hover {
        float: left;
        display: block;
        background-image: url(images/incidentc11.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.QAPI_top_xx {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/QAPI_N1_xx.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.QAPI_top_xx:hover {
        float: left;
        display: block;
        background-image: url(images/QAPI_N1_xx1.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }


a.dashboard {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    background: url(images/Dashboard-Shorcut-Icon.png) no-repeat;
    background-position: 0px 0px;
    margin: 2px 2px 2px 2px;
}

a.dashboardHomeScreenIcon {
    float: left;
    display: block;
    width: 48px;
    height: 48px;
    background: url(images/Dashboard-Icon.png) no-repeat;
    background-position: 0px 0px;
    margin: 2px 2px 2px 2px;
}

/*a.dashboard:hover {
        float: left;
        display: block;
        background: url(images/Dashboard-Shorcut-Icon.png) no-repeat;
        cursor: pointer;
        background-position: 0px 0px;
        margin: 5px 2px 2px 2px;
        width: 25px;
        height: 25px;
    }*/


a.track {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/RevisedTracker_top_small.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.track:hover {
        float: left;
        display: block;
        background-image: url(images/RevisedTracker_top_small_1.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }


a.Contracttrack {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/ContractTracker_top_small.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.Contracttrack:hover {
        float: left;
        display: block;
        background-image: url(images/ContractTracker_top_small_onhover.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }




a.staffSmallIcon {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/staff.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.staffSmallIcon:hover {
        float: left;
        display: block;
        background-image: url(images/staff1.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.contractSmallIcon {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/staff.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.contractSmallIcon:hover {
        float: left;
        display: block;
        background-image: url(images/staff1.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.PolicySmallIcon {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Final_policySmallIcon.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.PolicySmallIcon:hover {
        float: left;
        display: block;
        background-image: url(images/Final_policyOnhoverSmallIcon.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.QCSmallIcon {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/QC1.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.QCSmallIcon:hover {
        float: left;
        display: block;
        background-image: url(images/QC2.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.support {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Revised_support.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.support:hover {
        float: left;
        display: block;
        background-image: url(images/Revised_support.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.aud {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Auditsc444.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.aud:hover {
        float: left;
        display: block;
        background-image: url(images/Auditsc44.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.logs {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Logsc222.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.logs:hover {
        float: left;
        display: block;
        background-image: url(images/Logsc22.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.studies {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Studiess222.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.studies:hover {
        float: left;
        display: block;
        background-image: url(images/Studiess22.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.qistudies {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/RevisedQIStudyS1.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.qistudies:hover {
        float: left;
        display: block;
        background-image: url(images/RevisedQIStudyS2.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.surveys {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Revisedsurvey01.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.surveys:hover {
        float: left;
        display: block;
        background-image: url(images/Revisedsurvey02.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.asc {
    float: left;
    display: block;
    /* width:65px;     //deesigner*/
    width: 25px; /*apps*/
    height: 25px;
    background-image: url(images/Setupc666.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.asc:hover {
        float: left;
        display: block;
        background-image: url(images/Setupc66.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 25px;
        height: 25px;
    }

a.ir {
    float: left;
    display: block;
    width: 65px;
    height: 76px;
    background-image: url(images/c1.png);
    background-position: 0px 0px;
    margin: 1px;
}

    a.ir:hover {
        background-image: url(images/c1a.png);
        cursor: pointer;
        margin: 1px;
    }

a.lg {
    float: left;
    display: block;
    width: 65px;
    height: 76px;
    background-image: url(images/c2.png);
    background-position: 0px 0px;
    margin: 1px;
}

    a.lg:hover {
        background-image: url(images/c2a.png);
        cursor: pointer;
        margin: 1px;
    }


a.in {
    float: left;
    display: block;
    width: 65px;
    height: 76px;
    background-image: url(images/c3.png);
    background-position: 0px 0px;
    margin: 1px;
}

    a.in:hover {
        background-image: url(images/c3a.png);
        cursor: pointer;
        margin: 1px;
    }

a.su {
    float: left;
    display: block;
    width: 65px;
    height: 76px;
    background-image: url(images/c4.png);
    background-position: 0px 0px;
    margin: 1px;
}

    a.su:hover {
        background-image: url(images/c4a.png);
        cursor: pointer;
        margin: 1px;
    }

a.ct {
    float: left;
    display: block;
    width: 65px;
    height: 76px;
    background-image: url(images/c5.png);
    background-position: 0px 0px;
    margin: 1px;
}

    a.ct:hover {
        background-image: url(images/c5a.png);
        cursor: pointer;
        margin: 1px;
    }

.tableNx {
    border: none !important;
    margin: 10px 0 10px 0 !important;
}

.tableNx1 {
    border: none !important;
}

table {
    border-collapse: collapse;
}

table, th, td {
    border: none;
}

#mod1 {
    overflow: auto;
}

#mod2 {
    overflow: auto;
}

#mod3 {
    overflow: auto;
}

#mod4 {
    overflow: auto;
}

#mod5 {
    overflow: auto;
}

#mod6 {
    overflow: auto;
}

#mod7 {
    overflow: auto;
}

/*.bx {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}*/

.bx1 {
    background-color: #ADC5EA;
    border-right: 1px solid #89A8D8;
    box-shadow: 0 1px 5px #FFFFFF;
    float: left;
    margin: 0;
    margin-top: -8px;
    min-height: 369px;
    padding: 51px 0 0 0;
    width: 18.8%;
}

.bxIncident {
    width: 100%;
    float: right;
    overflow: auto;
}

.bxchecklist {
    width: 100%;
    float: right;
    overflow: auto;
}

.bxphychecklist {
    width: 100%;
    float: right;
    overflow: auto;
}

.leftbxIncident {
    box-shadow: 0 1px 5px #FFFFFF;
    float: left;
    margin: 0;
    margin-top: -52px;
    min-height: 369px;
    padding: 0px 5px 0 0;
    width: 25%;
    /*	border-right:1px solid #ccc; */
    position: absolute;
    top: 100px;
}

.leftbxchecklist {
    box-shadow: 0 1px 5px #FFFFFF;
    float: left;
    margin: 0;
    margin-top: -52px;
    min-height: 369px;
    padding: 0px 5px 0 0;
    width: 15%;
    /*	border-right:1px solid #ccc; */
    position: absolute;
    top: 100px;
}

.leftbxphychecklist {
    box-shadow: 0 1px 5px #FFFFFF;
    float: left;
    margin: 0;
    margin-top: -52px;
    min-height: 369px;
    padding: 0px 5px 0 0;
    width: 15%;
    /*	border-right:1px solid #ccc; */
    position: absolute;
    top: 100px;
}

.rightbxIncident {
    border-left: 1px solid #ccc;
    width: 75%;
    float: right;
    top: 56px;
    left: 24.9%;
    position: absolute;
    bottom: 0px;
    overflow: auto;
}

.rightbxchecklist {
    border-left: 1px solid #ccc;
    width: 85%;
    float: right;
    top: 60px;
    left: 15.9%;
    position: absolute;
    bottom: 0px;
    overflow: auto;
}

.rightbxchecklist1 {
    width: 85%;
    float: right;
    top: 142px;
    left: 17.9%;
    position: fixed;
    bottom: 0px;
    overflow: auto;
}

.rightbxchecklistRun {
    width: 100%;
    top: 60px;
    position: absolute;
    bottom: 0px;
    overflow: auto;
}

.rightbxchecklistRun1 {
    width: 100%;
    top: 142px;
    position: fixed;
    bottom: 0px;
    overflow: auto;
}

.rightbxphychecklistRun {
    width: 98%;
    top: 60px;
    position: absolute;
    bottom: 0px;
    overflow: auto;
}

.rightbxphychecklistRun1 {
    width: 98%;
    top: 165px;
    position: fixed;
    bottom: 0px;
    overflow: auto;
}

.rightbxphychecklist {
    border-left: 1px solid #ccc;
    width: 85%;
    float: right;
    top: 55px;
    left: 15.9%;
    position: absolute;
    bottom: 0px;
    overflow: auto;
}


.rightbxphychecklist1 {
    width: 85%;
    float: right;
    top: 152px;
    left: 17.9%;
    position: fixed;
    bottom: 0px;
    overflow: auto;
}

.leftRCAbxIncident {
    box-shadow: 0 1px 5px #FFFFFF;
    float: left;
    margin: 0;
    margin-top: -52px;
    min-height: 369px;
    padding: 0px 5px 0 0;
    width: 14%;
    /*	border-right:1px solid #ccc; */
    position: absolute;
    top: 94px;
}

.leftRCAbxQistudy {
    box-shadow: 0 1px 5px #FFFFFF;
    float: left;
    margin: 0;
    margin-top: -52px;
    min-height: 369px;
    padding: 0px 5px 0 0;
    width: 20%;
    /*	border-right:1px solid #ccc; */
    position: absolute;
    top: 94px;
}

.rightRCAbxIncident {
    border-left: 1px solid #ccc;
    width: 85%;
    float: right;
    bottom: 0px;
    overflow: scroll;
    height: 410px;
}

.leftbxQistudyQIStudy {
    box-shadow: 0 1px 5px #FFFFFF;
    float: left;
    margin: 0;
    margin-top: -53px;
    min-height: 369px;
    padding: 0px 5px 0 0;
    width: 19%;
    /* border-right: 1px solid #ccc; */
    position: relative;
    top: 53px;
    overflow-y: auto;
}

.rightbxQistudyQIStudy {
    border-left: 1px solid #ccc;
    width: 80%;
    float: right;
    bottom: 0px;
    overflow: auto;
    /*height: 400px;*/
    top: -79%;
    position: relative;
}

.rightRCAbxQistudy {
    border-left: 1px solid #ccc;
    width: 80%;
    float: right;
    bottom: 0px;
    overflow: scroll;
    height: 410px;
}

/*.bxAudit {
    width: 100%;
    float: right;
    overflow: auto;
}

#leftbxAudit {
    float: left;
    margin: 0;
    margin-top: -42px;
    height: 340px;
    padding: 0px 5px 0 0;
    width: 17.8%;
    overflow: scroll;*/
    /*	border-right:1px solid #ccc; */
    /*position: absolute;
    top: 83px;
}

#PrevleftbxAudit {
    float: left;
    margin: 0;
    margin-top: -42px;
    height: 382px;
    padding: 0px 5px 0 0;
    width: 16%;
    overflow: scroll;*/
    /*	border-right:1px solid #ccc; */
    /*position: absolute;
    top: 83px;
}

#LibraryleftbxAudit {
    float: left;
    margin: 0;
    margin-top: -42px;
    min-height: 382px;
    padding: 0px 5px 0 0;
    width: 11%;
    overflow: scroll;*/
    /*	border-right:1px solid #ccc; */
    /*position: absolute;
    top: 83px;
    height: 87%;
}

#librarypTagid {
    width: 180%;
}



#LibraryrightbxAudit {
    border-left: 1px solid #ccc;
    width: 47%;
    float: right;
    top: 76px;
    left: 28.81%;
    position: absolute;
    bottom: 0px;
    height: 80%;
    overflow: auto;
}

#rightbxAudit {
    border-left: 1px solid #ccc;
    width: 81%;
    float: right;
    top: 40px;
    left: 18.80%;
    position: absolute;
    bottom: 0px;
    overflow: auto;
}

.bx2 {
    width: 81%;
    float: right;
    margin-top: -8px;
}*/

.lx {
    width: auto;
    float: right;
}

a.lin1:link {
    color: #162c4a;
    font-weight: bold;
}

a.lin1:active {
    color: #fff;
}

a.lin1:visited {
    color: #fff;
}

a.lin1:hover {
    color: #4b7aba;
}


.tHeader {
    color: #fff;
    background-color: #59749d;
    font-weight: bold;
}
/* Footer */
.footHome {
    clear: both;
    margin: 0 0 0 0;
    width: auto;
    height: 22px;
    color: #f3f6ff;
    foot font-size: 11px;
    text-shadow: 0px 1px 1px #7b8188;
    text-align: center;
    padding: 9px 10px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.footIcon {
    height: 16px;
    width: auto;
    background-position: left;
    float: right;
    padding-left: 48px;
}

.footIconLeft {
    float: left;
    margin-left: 20px;
}

.foot {
    clear: both;
    margin: 0 0 0 0;
    width: auto;
    height: 22px;
    color: #d9e7f7;
    font-size: 11px;
    text-shadow: 1px 1px 1px #6983a6;
    text-align: right;
    padding: 9px 10px 1px 0;
    background-color: #94b1df;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin: 0px 0 0 0;
}

/* eror-------*/
.field-validation-error {
    margin: 11px 0 0 5px !important;
    font-size: 11px !important;
}

#valuefont {
    font-weight: bold;
}


/*new css*/
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: right;
    background: #59749D;
    border-bottom: 1px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

nav li {
    float: left;
}

nav #login {
    border-right: 0px solid #ddd;
    -moz-box-shadow: 1px 0 0 #fff;
    -webkit-box-shadow: 1px 0 0 #fff;
    box-shadow: 1px 0 0 #fff;
}

nav #login-trigger,
nav #signup a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: auto;
    line-height: 25px;
    font-weight: bold;
    padding: 0 8px;
    text-decoration: none;
    color: #fff;
}

nav #signup a {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}



    nav #login-trigger:hover,
    nav #login .active,
    nav #signup a:hover {
        background: #284065;
        color: #ccc;
    }

nav #login-content {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 999;
    background: #59749D;
    padding: 15px;
    -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
    box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
    -moz-border-radius: 3px 0 3px 3px;
    -webkit-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
}

nav li #login-content {
    right: 0;
    width: 200px;
}


.actions {
    color: #fff;
    font-weight: bold;
}

#tbReportCriteria {
    border: 0px none #ADC5EA !important;
}


#imgToggle {
    float: right !important;
    /*margin-right:10px !important;*/
    cursor: pointer !important;
}

#imgmedToggle {
    float: right !important;
    /*margin-right:10px !important;*/
    cursor: pointer !important;
}

#imgphyToggle {
    float: right !important;
    /*margin-right:10px !important;*/
    cursor: pointer !important;
}

#imgsearchToggle {
    float: right !important;
    /*margin-right:10px !important;*/
    cursor: pointer !important;
}

/* Inline Stylesheet replaced */


.policy {
    margin-left: 20px;
}

#switchlist {
    height: 22px;
    margin-left: 10px;
    border: 1px solid #ccc;
}

#regionlist {
    height: 22px;
    margin-left: 10px;
    border: 1px solid #ccc;
}

#phytypelist {
    height: 22px;
    margin-top: 8px;
    width: 213px;
    overflow: hidden;
    border: 1px solid #ccc;
}

#Copyphytypelist {
    height: 22px;
    margin-top: 8px;
    width: 213px;
    overflow: hidden;
    margin-left: 30px;
    border: 1px solid #ccc;
}

.wide {
    width: 200px;
}

#boxgap {
    width: auto;
    margin-left: 32px;
}

.radio {
    width: 14px;
    border: 0px;
}

.userradio {
    width: 14px;
    border: 0px;
    margin-top: -1;
}

#tenantlist {
    height: 22px;
    border: 1px solid #ccc;
    width: 213px;
    overflow: hidden;
}

.checkcorp {
    width: 17px;
    border: 0px;
    /*margin-top:13px;*/
}

.checkcorpuser {
    width: 17px;
    border: 0px;
    margin-top: 13px;
}

.ui-autocomplete {
    max-height: 600px;
    overflow-y: auto;
    height: 250px;
    font-size: 13px;
}

.newincident {
    border: 0px;
    padding-top: .5em;
    padding-bottom: .5em;
    white-space: nowrap;
}

.layer1 {
    margin: 0;
    padding: 0;
}

.heading {
    margin: 1px 1px 4px 1px;
    color: #fff;
/*    font-weight: bold;
*/    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #59749D;
}

    .heading:hover {
        margin: 1px 1px 4px 1px;
        color: #fff;
/*        font-weight: bold;*/
        padding: 3px 10px;
        cursor: pointer;
        position: relative;
        background-color: #284065;
    }

.heading-selected {
    margin: 1px 1px 4px 1px;
    color: #fff;
/*    font-weight: bold;
*/    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #284065;
}

    .heading-selected:hover {
        margin: 1px 1px 4px 1px;
        color: #fff;
/*        font-weight: bold;*/
        padding: 3px 10px;
        cursor: pointer;
        position: relative;
        background-color: #59749D;
    }

.AuditQuestionheading {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #59749D;
}


.heading1 {
    margin: 1px 1px 4px 1px;
    color: #fff;
/*    font-weight: bold;
*/    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #284065;
}

    .heading1:hover {
        margin: 1px 1px 4px 1px;
        color: #fff;
/*        font-weight: bold;
*/        padding: 3px 10px;
        cursor: pointer;
        position: relative;
        background-color: #59749D;
    }

.heading1-selected {
    margin: 1px 1px 4px 1px;
    color: #fff;
/*    font-weight: bold;
*/    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #284065;
}

    .heading1-selected:hover {
        margin: 1px 1px 4px 1px;
        color: #fff;
/*        font-weight: bold;
*/        padding: 3px 10px;
        cursor: pointer;
        position: relative;
        background-color: #59749D;
    }


#TrackerRunheading {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #006400;
}

    #TrackerRunheading:hover {
        margin: 1px 1px 4px 1px;
        color: #fff;
        font-weight: bold;
        padding: 3px 10px;
        cursor: pointer;
        position: relative;
        background-color: #228B22;
    }

#TrackerRunheading-selected {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #228B22;
}

    #TrackerRunheading-selected:hover {
        margin: 1px 1px 4px 1px;
        color: #fff;
        font-weight: bold;
        padding: 3px 10px;
        cursor: pointer;
        position: relative;
        background-color: #228B22;
    }

.RCAheading1 {
    margin: 2px 1px 4px -14px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    width: 99%;
    position: relative;
    background-color: #284065;
    border-radius: 3px;
}

.RCAheading1-selected {
    margin: 2px 1px 4px -14px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    width: 99%;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
}



.Incheading1 {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    width: 99%;
    position: relative;
    background-color: #284065;
}

.Incheading1-selected {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    width: 99%;
    position: relative;
    background-color: #fff;
}

.checklistheading1 {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    width: 1000px;
    position: relative;
    background-color: #284065;
}

.checklistheading1-selected {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    width: 1000px;
    position: relative;
    background-color: #fff;
}



.heading:hover {
    margin: 1px 1px 4px 1px;
    color: #000;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #89A8D8;
}

.heading1:hover {
    margin: 1px 1px 4px 1px;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color: #284065;
}

/*.Incheading1:hover {
    margin: 1px 1px 4px 1px;
    color: #000;
    font-weight: bold;
    padding: 3px 10px;
    cursor: pointer;
    width: 99%;
    position: relative;
    background-color: #89A8D8;
}
*/
.content {
    background-color: #ffffff;
}


.content1 {
    background-color: #ffffff;
}

.TrendShow {
    width: 300px;
    height: 70px;
    display: block;
}

.OFIShow {
    width: 300px;
    height: 70px;
    display: block;
}

.SOCShow {
    width: 300px;
    height: 70px;
    display: block;
}

.TrendHide {
    width: 300px;
    height: 70px;
    display: none;
}

.SOCHide {
    width: 300px;
    height: 70px;
    display: none;
}

.OFIHide {
    width: 300px;
    height: 70px;
    display: none;
}



.wide4 {
    width: 200px;
}

.wide1 {
    width: 340px;
    height: 70px;
}

.AuditSectionCommentCSS {
    width: 340px;
    height: 70px;
}

.wide2 {
    width: 250px;
}

.wide3 {
    width: 310px;
    height: 50px;
}

p {
    padding: 0px;
}

#incidenttlist {
    border: 1px solid #ccc;
}

/*#incidentttextarealist {
    width: 300px;
    height: 70px;
    margin-left: 20px;
    display: block;
}*/

#AuditSectionNotesTextarealist {
    width: 430px;
    height: 90px;
    margin-left: 20px;
    display: block;
}

.incidenticons {
    margin-left: 900px;
}

.txtarea1 {
    width: 102%;
    color: #555555;
    font-family: Verdana,arial,sans-serif;
    font-size: .9em !important;
}

.textare2 {
    width: 100%;
}

.QuestTextarea {
    width: 208px;
    height: 40px;
}

#searchIncidentarea {
    width: 102%;
}

#tdright {
    margin-left: 30px;
}

#productregionlist {
    height: 22px;
    border: 1px solid #ccc;
    margin-top: 10px;
    width: 213px;
    overflow: hidden;
}

.checkProdcorp {
    width: 20px;
    margin-top: 23px;
    margin-bottom: 11px;
    border: 0px;
}

.RBNotAnswered {
    width: 20px;
    margin-top: 23px;
    margin-bottom: 11px;
    border: 0px;
}

.DDNotAnswered {
    width: 20px;
    margin-top: 23px;
    margin-bottom: 11px;
    border: 0px;
}

.MSNotAnswered {
    width: 20px;
    margin-top: 23px;
    margin-bottom: 11px;
    border: 0px;
}

.checkanswergrid {
    width: 20px;
    border: 0px;
}

.centercheckanswergrid {
    width: 20px;
    border: 0px;
}

.copySec {
    width: 20px;
    border: 0px;
}

.copyQues {
    width: 20px;
    border: 0px;
}

.copyLogQues {
    width: 20px;
    border: 0px;
}

.copyLogSec {
    width: 20px;
    border: 0px;
}

.checkGroup {
    width: 20px;
    border: 0px;
}

#addPerson {
    display: none;
}

#loginbutton {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    background: #6681a9;
    margin-top: 15px;
    margin-left: 120px;
}

#regionlistcenter {
    height: 22px;
    border: 1px solid #ccc;
    width: 213px;
    overflow: hidden;
}

.middlecss {
    width: 56px;
}

.prodcheckcorp {
    width: 12px;
    border: 0px;
    margin-top: 15px;
}

.DivInline {
    top: 1.4%;
    right: 0.5%;
    position: absolute;
}

.NewDivInline {
    top: 1.4%;
    right: 0.5%;
    position: absolute;
}

.EditDivInline {
    top: 1.4%;
    right: 3%;
    position: absolute;
}

.SearchDivInline {
    top: 1.4%;
    right: 0.5%;
    position: absolute;
}

.HistoryDivInline {
    top: 1.4%;
    right: 3%;
    position: absolute;
}

#Actionlinks {
    color: #162C4A;
    font-weight: bold;
    font-size: 11px;
}

a#Actionlinks:active {
    color: #fff;
}

a#Actionlinks:visited {
    color: fff;
}

a#Actionlinks:hover {
    color: #4b7aba;
}




a#KendoActionlinks:active {
    color: #fff;
}

a#KendoActionlinks:visited {
    color: fff;
}

a#KendoActionlinks:hover {
    color: #4b7aba;
}


#KendoActionlinkssetPass {
    color: #162C4A;
    font-weight: bold;
    font-size: 11px;
}

a#KendoActionlinkssetPass:active {
    color: #fff;
}

a#KendoActionlinkssetPass:visited {
    color: fff;
}

a#KendoActionlinkssetPass:hover {
    color: #4b7aba;
}


#KendoActionlinksautoPass {
    color: #162C4A;
    font-weight: bold;
    font-size: 11px;
}

a#KendoActionlinksautoPass:active {
    color: #fff;
}

a#KendoActionlinksautoPass:visited {
    color: fff;
}

a#KendoActionlinksautoPass:hover {
    color: #4b7aba;
}

.deleteRow {
    color: #162C4A;
    font-weight: bold;
    font-size: 11px;
}

a.deleteRow:active {
    color: #fff;
}

a.deleteRow:visited {
    color: fff;
}

a.deleteRow:hover {
    color: #4b7aba;
}


.headerleft {
    float: left;
    width: 14%;
    /*width:180px;*/
    padding: 4px;
    height: 80px;
}

.headerright {
    float: right;
    width: 85%;
    height: 90px;
}

.headertop {
    /* padding-left:25%; */
    text-align: center;
    height: 90px;
}

.headerbottom {
    float: left;
    width: 80%;
}

#PageNotFpound {
    width: 100%;
    height: 50%;
}
/*
#FromDateIncident
{
    width:130px;
    height:12px;
}
#ToDateIncident
{
    width:130px;
    height:12px;
}
#FromDateOfSurgery
{
    width:130px;
    height:12px;
}
#ToDateOfSurgery
{
    width:130px;
    height:12px;
}
*/

/*Table Scrolling Added By Manju*/
table#table-body, table#table-header, table#table-footer {
    border-spacing: 0;
    border: 1px solid;
    border: 1px solid #000;
}

    table#table-body td, table#table-header th, table#table-footer td {
        border: 1px solid #000;
        overflow: auto;
        white-space: nowrap;
    }

div#header-container, div#footer-container {
    overflow: hidden;
}

table#table-footer td {
    background: #a39393;
}

div#scroll {
    overflow: auto;
    max-height: 200px; /*changed by apps from 250 to 200 */
    padding-left: 1px;
}

div#fake-scroll-container {
    max-height: 400px;
    overflow: auto;
    position: relative;
}

div#y-fake-scroll {
    overflow-y: auto;
    background: transparent;
    position: absolute;
    right: 0;
    position: absolute;
    max-height: 200px;
    top: 31px;
}

div#x-fake-scroll {
    height: 40px;
    margin-top: -23px;
    overflow-x: auto;
}

div#y-scroll {
    max-height: 400px;
    overflow: auto;
    padding: 0px 1px 1px 1px;
}

.footpowered {
    float: left;
    margin-left: 35%;
}

.RadioButton {
    float: left;
}

.CommenuBox {
    text-align: center;
    width: auto;
    margin: 11% 0% 0% 0%;
    overflow: auto;
    display: inline-block;
    vertical-align: middle;
}

a.ComincRep {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/ComincRep01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.ComincRep:hover {
        background-image: url(images/ComincRep11.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.QualityRep {
    float: left;
    display: block;
    width: 128px;
    height: 160px;
    background-image: url(images/QualityRep01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.QualityRep:hover {
        background-image: url(images/QualityRep11.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.Comsur {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/Comsur01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.Comsur:hover {
        background-image: url(images/Comsur11.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.Comlog {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/Comlogs01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.Comlog:hover {
        background-image: url(images/Comlogs11.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.Comcomp {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/compTracking01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.Comcomp:hover {
        background-image: url(images/compTracking11.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.Study {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/Study01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.Study:hover {
        background-image: url(images/Study11.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.QIStudy {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/QIStudy01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.QIStudy:hover {
        background-image: url(images/QIStudy1.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }


a.Survey {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/infControl01.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.Survey:hover {
        background-image: url(images/infControl11.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.Trackers {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/Trackers1.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.Trackers:hover {
        background-image: url(images/Trackers_21.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.Contract {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/Contracts_Icon.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.Contract:hover {
        background-image: url(images/Contracts_IconOnHover.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.PolicyProcedures {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url('images/PolicyProcedure1.png');
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.PolicyProcedures:hover {
        background-image: url('images/PolicyOnHover_final1.png');
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.StaffTracker {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/StaffTracker1.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.StaffTracker:hover {
        background-image: url(images/StaffTracker2.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.StaffTrackerPlus {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/StaffTrackerPlus.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.StaffTrackerPlus:hover {
        background-image: url(images/StaffTrackerPlushover.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

a.StaffTrackerLearn {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/Learning.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

    a.StaffTrackerLearn:hover {
        background-image: url(images/Learninghover.png);
        cursor: pointer;
        margin: 5px 5px 5px 5px;
    }

.auditTempLib {
    width: 1000px;
    height: 450px;
}

.leftauditTempLib {
    float: left;
    width: 160px;
    height: 450px;
}

.rightauditTempLib {
    float: right;
    width: 838px;
}

.leftrightauditTempLib {
    float: left;
    border: 1px solid #ccc;
    width: 619px;
    height: 489px;
    overflow: scroll;
}

.rightrightauditTempLib {
    float: right;
    width: 214px;
    border: 1px solid #ccc;
    height: 468px;
}

.topleftauditTempLib {
    height: 20px;
    width: 160px;
    background-color: #284065;
}

.topleftrightauditTempLib {
    height: 20px;
    float: left;
    width: 619px;
    background-color: #284065;
}

.toprightrightauditTempLib {
    height: 20px;
    float: right;
    width: 215px;
    background-color: #284065;
}

.Logtextarea {
    width: 725px;
    margin-bottom: 20px;
}

.Audittextarea {
    width: 725px;
    margin-bottom: 20px;
}

.error {
    height: 52px;
    overflow-y: scroll;
    background: #FBE3E4;
    color: #8a1f11;
    border: 1px solid #FBC2C4;
    padding: 5px;
}

.pwdwidgetdiv {
    width: 155px;
    height: 20px;
}

.pwdopsdiv {
    display: block;
    float: left;
    margin-right: 6px;
}

    .pwdopsdiv a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

.pwdstrengthbar {
    float: right;
    background: #cccccc;
    height: 4px;
    margin: 0;
}

.pwdstrength {
    float: left;
    height: 20px;
    width: 50px;
    margin-top: 3px;
    margin-left: 162px;
}

.pwdstrengthstr {
    float: right;
    clear: both;
    height: 14px;
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.gridTitles {
    font-size: 14px;
    font-weight: bold;
    color: #375686;
    z-index: 500;
    position: absolute;
    top: 8%;
    margin-left: 10px;
}

a.resetPass {
    float: left;
    display: block;
    width: 19px;
    height: 19px;
    background-image: url(images/loginReset.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.resetPass:hover {
        float: left;
        display: block;
        background-image: url(images/loginResethover.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 19px;
        height: 19px;
    }

a.backLogin {
    float: left;
    display: block;
    width: 19px;
    height: 19px;
    background-image: url(images/backtoLogin.png);
    background-position: 0px 0px;
    margin: 2px;
}

    a.backLogin:hover {
        float: left;
        display: block;
        background-image: url(images/backtoLoginhover.png);
        cursor: pointer;
        background-position: 0px 0px;
        margin: 2px;
        width: 19px;
        height: 19px;
    }

#passwordStrength {
    display: block;
    float: left;
    height: 3px;
    width: 70px;
 
}

.strength0 {
    width: 250px;
    background: #cccccc;
}

.strength1 {
    width: 50px;
    background: #ff0000;
}

.strength2 {
    width: 100px;
    background: #ff5f5f;
}

.strength3 {
    width: 150px;
    background: #56e500;
}

.strength4 {
    background: #4dcd00;
    width: 200px;
}

.strength5 {
    background: #399800;
    width: 250px;
}

/*Added to make active inactive distinguish*/
.UserActive {
    color: black;
}

.UserInActive {
    color: red;
}

/* TRacker Library  */
.trackersTempLib {
    width: 1000px;
    height: 450px;
}

.lefttrackersTempLib {
    float: left;
    width: 160px;
    height: 450px;
}

.righttrackersTempLib {
    float: right;
    width: 838px;
}

.leftrighttrackersTempLib {
    float: left;
    border: 1px solid #ccc;
    width: 619px;
    height: 489px;
    overflow: hidden;
}

.rightrighttrackersTempLib {
    float: right;
    width: 214px;
    border: 1px solid #ccc;
    height: 468px;
}

.toplefttrackersTempLib {
    height: 20px;
    width: 160px;
    background-color: #284065;
}

.topleftrighttrackersTempLib {
    height: 20px;
    float: left;
    width: 619px;
    background-color: #284065;
}

.toprightrighttrackersTempLib {
    height: 20px;
    float: right;
    width: 215px;
    background-color: #284065;
}


.addTrackerAttachFile {
    font-weight: bold;
    width: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    font-size: 12px !important;
    color: #222;
    padding: 4px 8px 4px 8px;
    margin: 4px;
    clear: both;
    border: 1px solid #c6d6ef;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-decoration: none;
    border-right: 1px solid #ccc;
}

    .addTrackerAttachFile:hover {
        background: #7c98c1;
        color: #fff;
        cursor: pointer;
    }

    .addTrackerAttachFile:active {
        background: #7c98c1;
        cursor: pointer;
    }




.logsTempLib {
    width: 1000px;
    height: 450px;
}

.leftlogsTempLib {
    float: left;
    width: 160px;
    height: 450px;
}

.rightlogsTempLib {
    float: right;
    width: 838px;
}

.leftrightlogsTempLib {
    float: left;
    border: 1px solid #ccc;
    width: 619px;
    height: 550px;
    overflow: hidden;
}

.rightrightlogsTempLib {
    float: right;
    width: 214px;
    border: 1px solid #ccc;
    height: 468px;
}

.topleftlogsTempLib {
    height: 20px;
    width: 160px;
    background-color: #284065;
}

.topleftrightlogsTempLib {
    height: 20px;
    float: left;
    width: 619px;
    background-color: #284065;
}

.toprightrightlogsTempLib {
    height: 20px;
    float: right;
    width: 215px;
    background-color: #284065;
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-top > .k-tabstrip-items .k-item {
    margin: 0 2px 0 0 !important;
}

.k-pager-wrap .k-dropdown {
    width: 6.5em !important;
}

.Communicationbutton {
    font-weight: bold;
    width: auto;
    color: #102341;
    padding: 5px; /* apps */
    background-color: #89a8d8;
    clear: both;
    text-indent: 3px;
    border-radius: 5px;
    display: block;
    text-decoration: none;
}

    .Communicationbutton:hover {
        background: #59749D;
        font-weight: bold;
        width: auto;
        color: #fff;
        clear: both;
        display: block;
        text-decoration: none;
    }

.notefiedTooltip {
    display: inline;
    position: absolute;
    margin-left: -2px;
    margin-top: 12px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-family: Verdana,arial,sans-serif;
    font-size: 0.8em;
    color: white;
    background: #ff8c00;
    border: solid 1px #FF4500;
    line-height: 130%;
    text-align: center;
}

.k-window-titlebar {
    background-color: #89a8d8 !important;
}

.k-popup-edit-form > .k-edit-form-container > .editor-label {
    padding-left: 10px;
}

.CenterInActiveColor {
    color: red;
}

.CenterActiveColor {
    color: black;
}

.LogDrugtextarea {
    width: 310px;
    margin-bottom: 20px;
}

a.QualityCollabration:hover {
    background-image: url(images/QualityCollabration2.png);
    cursor: pointer;
    margin: 5px 5px 5px 5px;
}

a.QualityCollabration {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/QualityCollabration1.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

a.MinuteMeeting:hover {
    background-image: url(images/QAPI_N2.png);
    cursor: pointer;
    margin: 5px 5px 5px 5px;
}

a.MinuteMeeting {
    float: left;
    display: block;
    width: 128px;
    height: 156px;
    background-image: url(images/QAPI_N3.png);
    background-position: 0px 0px;
    margin: 5px 5px 5px 5px;
}

.bxQC {
    width: 100%;
    float: right;
    overflow: auto;
}

#leftbxQCRun {
    float: left;
    margin: 0;
    margin-top: -42px;
    height: 340px;
    padding: 0px 5px 0 0;
    width: 17.8%;
    overflow: scroll;
    /*	border-right:1px solid #ccc; */
    position: absolute;
    top: 83px;
}

#rightbxQCRun {
    border-left: 1px solid #ccc;
    width: 81%;
    float: right;
    top: 40px;
    left: 18.80%;
    position: absolute;
    bottom: 0px;
    overflow: auto;
}
/*.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: black !important;
}*/

/*.k-pager-wrap > .k-link > .k-icon {
    color: #333 !important;
}
.k-event, .k-task-complete{
    color:black !important;
}
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: black !important;
}*/
/*end*/

.bi-a-color {
    color: white !important;
    text-decoration-line: none;
    font-weight: bold;
}

.menu-Expand {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
}

.menu-Collapse {
    display: flex;
    flex-flow: column;
}

.vertical-align {
    writing-mode: vertical-rl;
}

.paneHeadermenu {
    text-align: center;
    cursor: pointer;
    margin: 2vh 0vh 2vh 1vh;
}

.pane-menu {
    font-size: 20px;
    font-family: 'roboto', sans-serif;
    font-weight: bold;
}

    .pane-menu.vertical-align {
        margin-top: 10px;
        transform: rotate(180deg);
        -ms-transform: rotate(90deg);
        margin-left: 3px;
    }

.pane-icon {
    font-size: 15px;
    font-family: 'roboto', sans-serif;
    font-weight: bold;
    cursor: pointer;
}

.paneContents {
    display: flex;
    flex-flow: column;
    margin-top: 10px;
}

.chart-download {
    display: flex;
    justify-content: center;
}

    .chart-download a {
        width: 135px;
    }

.bi-splitter-scroll.k-scrollable {
    overflow: hidden !important;
}


.bi-bookmark-grid .k-grid-header {
    display: none;
}

.bi-bookmark-grid .k-command-cell > .k-button {
    min-width: 45px !important;
}

.bi-bookmark-grid .k-command-cell {
    display: flex !important;
}


.report-menu {
    font-size: 18px;
    font-family: 'roboto', sans-serif;
    font-weight: bold;
}

    .report-menu.vertical-align {
        margin-top: 10px;
        transform: rotate(180deg);
        -ms-transform: rotate(90deg);
    }



.ReportContents {
    display: flex;
    flex-flow: column;
    margin-top: 5px;
}

.k-tabstrip-items-wrapper {
    background-color: transparent;
}

.k-state-border-down li {
    font-size: inherit !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 0px !important;
}

.multiScroll {
    max-height: 200px;
}

.k-multiselect.k-input.multiScroll {
    overflow: auto !important;
}

.k-lg-date-format {
    max-width: 100% !important;
}

.k-datetimepicker {
    width: 80% !important;
}

.k-button {
    border-radius: 4px;
    border-color: #ccc;
    background-color: #fff;
    background-position: 50% 50%;
}

.k-toolbar .k-button-icontext {
    padding-right: 0.8em !important;
}

.k-list {
    font-size: 13px !important;
}

.k-button {
    margin-right: 5px !important;
}

.k-filter-menu span.k-filter-and {
    width: 7em !important;
}

.k-checkbox {
    margin-left: 6px !important;
}

.k-input-inner,
.k-upload-button input {
    z-index: auto !important;
}

.k-edit-field > ul.k-reset .k-datepicker,
.k-edit-field > ul.k-reset .k-dropdown,
div[name=recurrenceRule] > .k-dropdown {
    width: 10em !important;
}

.k-edit-field > ul.k-reset .k-numerictextbox {
    width: 6em !important;
}

.k-editor-widget .k-picker.k-dropdown.k-widget.k-editor-widget {
    width: 150px;
}

#Reportreeview.k-treeview {
    width: 807px !important;
}

#lstPhysiciansByType .k-edit-cell .k-numerictextbox {
    width: 100px !important;
}