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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

input:focus, textarea:focus
{
    outline: none;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
}

ol, ul
{
    list-style: none;
}

.navbar-dark {
    background-color: #407cbd;
}

a
{
    cursor: pointer;
}

blockquote, q
{
    quotes: none;
}

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

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

strong, b
{
    font-weight: bold;
}

.clear
{
    clear: both;
}

.MarginLeft12
{
    margin-left: 12px !important;
}

.FloatLeft
{
    float: left;
}

.FloatRight
{
    float: right;
}

.textLeft
{
    text-align: left;
}

.textRight
{
    text-align: right;
}

.textCenter
{
    text-align: center;
}

.inBlk
{
    display: inline-block;
}

.blk
{
    display: block;
}

.pointer
{
    cursor: pointer;
}

img
{
    /*max-width: 100%;*/
}

.noBrdr
{
    border: none !important;
}

/*------------------------------------ Header*/
.header
{
    background: url(../images/header.jpg) repeat-x left top;
    height: 128px;
}

.headerInnerWidth
{
    width: 1120px;
    margin: 0 auto;
}

.headerInner
{
    height: 88px;
}

.logoPadding
{
    padding: 12px 0px 0px 0px;
}

.logoutWrap
{
    padding: 30px 0px 0px 0px;
}

    .logoutWrap a
    {
        color: #186aab;
        text-decoration: none;
        display: block;
        float: left;
        padding-top: 8px;
    }

        .logoutWrap a:hover
        {
            text-decoration: underline;
        }

        .logoutWrap a.button
        {
            background: #9d9d9d url(../images/logoutIcon.png) no-repeat 53px 4px;
            color: #fff;
            text-decoration: none;
            float: left;
            margin-left: 20px;
            padding: 6px 20px 6px 6px;
            width: 50px;
        }

            .logoutWrap a.button:hover
            {
                text-decoration: none;
                color: #fff;
                background: #909090 url(../images/logoutIcon.png) no-repeat 53px 4px;
            }


    .logoutWrap input[type=submit]
    {
        background: #9d9d9d url(../images/logoutIcon.png) no-repeat 53px 4px;
        color: #fff;
        text-decoration: none;
        float: left;
        margin-left: 20px;
        padding: 6px 28px 6px 6px;
        width: 80px;
        border: 0px;
        cursor: pointer;
    }

        .logoutWrap input[type=submit]:hover
        {
            text-decoration: none;
            color: #fff;
            background: #909090 url(../images/logoutIcon.png) no-repeat 53px 4px;
        }

.logo-home-image
{
    background: url("../Images/logoHeader.png?v=1");
    height: 68px;
    width: 172px;
    display: block;
}

.menuWrap
{
    border-left: 1px solid #12619f;
    height: 40px;
}

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

    .menuWrap li
    {
        padding: 0px;
        margin: 0px;
        list-style: none;
        float: left;
        border-right: 1px solid #12619f;
    }

        .menuWrap li a
        {
            padding: 0px 20px;
            line-height: 40px;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

            .menuWrap li a:hover
            {
                text-decoration: none;
                background: #156eb5;
                display: block;
            }

            .menuWrap li a:focus
            {
                text-decoration: none;
                background: #156eb5;
                display: block;
            }

            .menuWrap li a.sel
            {
                text-decoration: none;
                background: #1368ab;
                display: block;
            }

        .menuWrap li ul
        {
            position: absolute;
            min-width: 300px;
            z-index: 1000;
            margin-left: -1px;
        }

            .menuWrap li ul li
            {
                padding: 0px;
                margin: 0px;
                float: none !important;
                background: #1b6baa !important;
                border: none;
                border-bottom: 1px solid #12619f;
            }

                .menuWrap li ul li a
                {
                    padding: 5px 10px;
                    line-height: 18px;
                    color: #fff;
                    text-decoration: none;
                    font-size: 12px;
                    display: block;
                }

                    .menuWrap li ul li a:hover
                    {
                        text-decoration: none;
                        background: #2186d5;
                        display: block;
                    }


.greenBtn
{
    background: #89d0c7;
    text-decoration: none;
    color: #fff;
    padding: 7px 13px;
    display: block;
}

    .greenBtn:hover
    {
        background: #73afa8;
        text-decoration: none;
    }

    .greenBtn:focus
    {
        background: #73afa8;
        text-decoration: none;
    }

.greenBtnInput
{
    background: #89d0c7;
    text-decoration: none;
    color: #fff;
    padding: 7px 13px;
    display: block;
    border: 0px;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial;
    border: 0px !important;
}

    .greenBtnInput:hover
    {
        background: #73afa8;
        text-decoration: none;
    }

    .greenBtnInput:focus
    {
        background: #73afa8;
        text-decoration: none;
    }

.searchPad
{
    padding-top: 17px;
}

    .searchPad select
    {
        float: left;
    }

.searchDrop
{
    border: 1px solid #cacaca;
    height: 29px;
    margin-right: 0px;
    width: 210px;
}

    .searchDrop input
    {
        width: 175px;
        padding: 2px 7px;
        margin: 0px;
        height: 24px;
        float: left;
        border: 0px;
    }

    .searchDrop img
    {
        /*padding: 8px 3px 3px 3px;*/
        float: left;
        padding-top: 1px;
    }

.contentWrap
{
    width: 1120px;
    margin: 0 auto;
    font-size: 14px;
}

.popuptable tr td
{
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

.popuptable1 tr td
{
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

.popuptable2 tr td
{
    padding: 8px !important;
    margin: 5px !important;
    border: 0px !important;
}

.error
{
    font-size: 12px;
    color: #FF5353;
}

.contentWrap table
{
    width: 100%;
    margin-bottom: 20px;
    vertical-align: middle;
}

    .contentWrap table th
    {
        /*background: #d1d8e2 url(../images/border-bottom.png) repeat-x left bottom;*/
        background: #d1d8e2;
        border: 1px solid #c3cbd7;
        padding: 10px;
        text-align: left;
        vertical-align: middle;
        font-size: 14px;
    }

        .contentWrap table th a
        {
            color: #236aa2;
            text-decoration: none;
        }

            .contentWrap table th a:hover
            {
                color: #236aa2;
                text-decoration: underline;
            }

    /*.contentWrap table th:first-child
{
   border-left: 0px solid #c3cbd7;
}*/
    .contentWrap table tr.tdclr
    {
        background: #efefef;
    }

    .contentWrap table td
    {
        border: 1px solid #c3cbd7;
        padding: 10px;
        text-align: left;
        vertical-align: middle;
        font-size: 13px;
        color: #333;
    }

        .contentWrap table td a
        {
            color: #186aab;
            text-decoration: none;
        }

            .contentWrap table td a:hover
            {
                color: #186aab;
                text-decoration: underline;
            }

.Aligncenter
{
    text-align: center !important;
}

.AligncenterAll td
{
    text-align: center !important;
}

.AligncenterAll th
{
    text-align: center !important;
}

.Alignright
{
    text-align: right !important;
}

.borderZero tr td
{
    border: 0px !important;
}


.pagination ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
}

.pagination li
{
    list-style: none;
    float: left;
    border: 1px solid #c3cbd7;
    margin-right: 10px;
    display: block;
}

    .pagination li a
    {
        text-decoration: none;
        color: #0f4c7d;
        font-size: 14px;
        padding: 5px 8px;
        display: block;
    }

        .pagination li a:hover
        {
            background: #e9edf2;
        }

    .pagination li .prev
    {
        color: #0f4c7d;
        background: #e9edf2;
        display: block;
    }

    .pagination li .sel
    {
        color: #fff;
        background: #407cbd;
        padding: 5px 8px;
        display: block;
    }

    .pagination li a.prevsel
    {
        color: #fff;
        background: #407cbd;
    }

.tab-wrap
{
    padding: 0px;
    margin: 0px;
}

.tab-container
{
    border-top: 1px solid #d1d8e2;
    margin-top: 2px;
}

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

.tab-menu li
{
    padding: 0px;
    list-style: none;
    background: #407cbd;
    float: left;
    margin-right: 2px;
}

    .tab-menu li a
    {
        color: #fff;
        text-decoration: none;
        padding: 7px 15px;
        margin: 0px;
        float: left;
    }

        .tab-menu li a:hover
        {
            background: #0f4c7d;
        }

.tab-menu .active
{
    background: #0f4c7d !important;
}

.backBtn
{
    /* background: url(../images/backArrow.png) no-repeat left top;     display: block;     color: #0f4c7d;     text-decoration: none;     padding: 0px 0px 0px 15px;     margin: 10px 0px 0px 0px;*/
    background: #0F4C7D;
    display: block;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 7px 15px;
    text-decoration: none;
    margin-left: 10px;
}

.AddkBtn
{
    background: url(../images/addIcon.png) no-repeat left 2px;
    display: block;
    color: #18270e;
    text-decoration: none;
    padding: 0px 0px 0px 17px;
    margin: 10px 20px 0px 0px;
}

.sorting
{
    background: url(../images/sorting_arrow.png) no-repeat left top;
    display: block;
    float: left;
}

/*----------------------------------------------------------- work hour violation */
.monthYearWrap
{
    float: left;
    margin-left:5px;
}

    .monthYearWrap select
    {
        float: left;
        padding: 5px;
        margin: 0px 20px 0px 0px;
        border: 1px solid #cacaca;
        width: 70px;
        -webkit-appearance: none;
        border-radius: 0px;
        background: #fff url(../images/searchArrow2.png) no-repeat right 9px;
    }

.safari .monthYearWrap select
{
    padding: 3px 5px;
    line-height: 23px;
}

.chrome .monthYearWrap select
{
    padding: 3px 5px;
    line-height: 20px;
}

.monthYearWrap span
{
    padding: 5px 10px 3px 0px;
    margin: 0px;
    display: block;
}

.safari .monthYearWrap span
{
    padding-top: 7px;
}

.chrome .monthYearWrap span
{
    padding-top: 7px;
}

.calenderWrap
{
    float: left;
}

    .calenderWrap input
    {
        float: left;
        padding: 6px;
        margin: 0px 5px 0px 0px;
        border: 1px solid #cacaca;
        width: 70px !important;
    }

.safari .calenderWrap input
{
    padding: 7px 6px;
}

.safari .calenderWrap span
{
    padding-top: 7px;
}

.calenderWrap span
{
    float: left;
    padding: 5px 15px 0px 0px;
    margin: 0px;
}

.calenderWrap img
{
    float: left;
    margin-right: 15px;
}

.hoursWrap
{
    float: right;
    padding: 6px 15px 0px 0px;
}

    .hoursWrap .year, .hoursWrap .month, .hoursWrap .week
    {
        padding: 5px;
        /*line-height: 23px; for safari*/
    }

    .hoursWrap label
    {
        float: left;
    }

    .hoursWrap input[type=radio]
    {
        margin: 2px 3px 0px 15px;
        float: left;
        padding: 0px;
    }

.safari .hoursWrap input[type=radio]
{
    margin: 0px 5px 0px 15px;
}

.logged
{
    padding: 22px 20px 0px 0px;
}

.alignLeft
{
    text-align: left !important;
}


/*----------------------------*/
.permission-table
{
    height: 288px;
    overflow: auto;
}

.permission-header
{
    margin: 0px !important;
    border-bottom: 0px !important;
}

    .permission-header th
    {
        border-bottom: 0px !important;
    }

    .permission-header td
    {
        background: #d1d8e2;
        padding: 12px 0;
        text-align: center;
        border-right: 1px solid #c3cbd7;
    }

.permission-wrap
{
    border-right: 1px solid #c3cbd7;
    border-top: 1px solid #c3cbd7;
    background: #ffffff;
}

    .permission-wrap td
    {
        border-left: 1px solid #c3cbd7;
        border-bottom: 1px solid #c3cbd7;
        padding: 5px;
        text-align: center;
    }

    .permission-wrap input [type=checkbox]
    {
        width: auto;
        border: 1px solid #cacaca;
        outline: none;
        padding: 0px;
        height: auto;
        text-align: right;
        color: #7a7a7b;
        margin: 0 5px 0 0;
    }

.permission-btn-wrap
{
    margin: 15px 0 0 0;
    text-align: center;
}

.cancel-btn
{
    background: none repeat scroll 0 0 #9d9d9d;
    color: #FFFFFF;
    display: block;
    padding: 7px 13px;
    text-decoration: none;
    margin: 0 0 0 20px;
    cursor: pointer;
    border:0px;
    
}

    .cancel-btn:hover
    {
        background: #909090;
        text-decoration: none;
    }

.reject-btn
{
    background: none repeat scroll 0 0 #c3391e;
    color: #FFFFFF;
    display: block;
    padding: 7px 13px;
    text-decoration: none;
    margin: 0 0 0 20px;
    cursor: pointer;
}

    .reject-btn:hover
    {
        background: #b4341b;
    }

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

.permission-table td:nth-child(2), .permission-table td:nth-child(3), .permission-table td:nth-child(4), .permission-table td:nth-child(5), .permission-table td:nth-child(6), .permission-table td:nth-child(7), .permission-table td:nth-child(8)
{
    text-align: center;
}

.permission-header td:nth-child(2), .permission-header td:nth-child(3), .permission-header td:nth-child(4), .permission-header td:nth-child(5), .permission-header td:nth-child(6), .permission-header td:nth-child(7), .permission-header td:nth-child(8)
{
    text-align: center;
}
/*------------------------------------ Heading*/

/*---------------------------------------Padding*/
.pdTopBtm
{
    padding: 15px 0px;
}

.pdRht10
{
    padding-right: 10px;
}

.pdRhtLeft
{
    padding-right: 6px;
    padding-left: 6px;
}

.pdRht15
{
    padding-right: 15px;
}
.mrgTop14 {
   margin-top:-14px
}
.mrgTop2 {
   margin-top:2px
}

.mrgTop4 {
   margin-top:4px
}

.popuplabel {
    height:40px;font-size:18px;vertical-align:top;
}
.hrsLogWrap {

    float: left; padding: 0 0 10px 0; margin-top: 10px
}
/*------------------------------------ Footer*/
.footer
{
    background: #0c1f2e;
    height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
}
/*------------------ Login style starts here ------------------*/
.login-body
{
    background: #ffffff;
}

.login-wrap
{
    width: 570px;
    margin: 120px auto 0 auto;
}

.login-logo
{
    margin: 0 auto 25px auto;
    display: block;
}

.login-box
{
    background: #407cbd;
    padding: 40px 60px 30px 60px;
}

    .login-box label
    {
        color: #fff;
        font-size: 16px;
        display: block;
        margin: 0 0 6px 0;
    }

    .login-box .input
    {
        background: #fff url(../images/login-sprite.jpg) no-repeat right 0;
        border: 1px solid #cacaca;
        padding: 4px;
        margin: 0;
    }

    .login-box .password
    {
        background-position: right bottom;
    }

    .login-box input
    {
        width: 390px;
        height: 22px;
        background: none;
        border: none;
    }

    .login-box .checkbox
    {
        width: auto;
        height: auto;
        background: none;
        border: none;
        padding: 0px;
        margin: 2px 2px 2px 0px;
        float: left;
    }

.remember-label
{
    float: left;
    font-size: 12px !important;
}

.login-box span
{
    display: block;
    height: 25px;
    text-align: right;
    line-height: 25px;
}

    .login-box span label
    {
        font-size: 12px !important;
        color: #e48b8b !important;
    }

.float-right
{
    float: right;
}

.login-footer
{
    background: none;
    color: #1b1b1b;
    margin: 10px 0 10px 0;
    text-align: center;
    font-size: 12px;
}
/*------------------ Login style ends here ------------------*/



/*------------------ popup style starts here ------------------*/
.overlay_form, .overlay_form1, .overlay_formImg
{
    position: absolute;
    padding: 10px;
    background: white;
    z-index: 200;
}

.background_overlay
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: black;
    opacity: 0.5;
}

.main_background
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: black;
    opacity: 0.5;
}

.pop-close
{
    background: url(../images/popup-close.png) no-repeat 0 0;
    width: 51px;
    height: 51px;
    right: -25px;
    top: -15px;
    position: absolute;
}

.popup-wrap
{
    width: 945px;
}

    .popup-wrap h2
    {
        color: #fff;
        background: #407cbd;
        font-size: 20px;
        padding: 7px 5px;
        margin: 0 0 15px 0;
    }

    .popup-wrap input[type="button"]
    {
        width: 325px;
        border: 1px solid #cacaca;
        padding: 6px;
        margin: 0 0 0px 0;
    }


.stanford-wrap
{
    margin: 0 0 20px 0;
}

    .stanford-wrap td
    {
        padding: 0 5px 10px 5px;
        font-size: 14px;
        color: #383838;
        vertical-align: middle;
    }

    .stanford-wrap input
    {
        width: 35px;
        margin: 0 5px;
        border: 1px solid #cacaca;
        padding: 4px;
        text-align: center;
        /*float: left;*/
    }

.ie9 .stanford-wrap .checkSelect
{
    padding-top: 0px;
    width: auto !important;
    margin-top: 1px;
    float: left;
     margin-right:2px;
}

.stanford-wrap .checkSelect
{
    width: auto !important;
    margin-top: 1px;
    float: left;
     margin-right:2px;
}

.stanford-wrap a
{
    margin: 5px 0 0 0;
    float: left;
}

.pgy-header
{
    margin: 15px 0 2px 0;
}

    .pgy-header th
    {
        background: #d1d8e2;
        padding: 12px 0;
        text-align: center;
        border-right: 1px solid #c3cbd7;
    }

.pgy-wrap
{
    /*border-right: 1px solid #c3cbd7;     border-top: 1px solid #c3cbd7;     background: #ffffff;*/
    border: 1px solid #c3cbd7;
    background: #ffffff;
}

    .pgy-wrap th
    {
        background: #d1d8e2;
        padding: 12px 0;
        text-align: center;
        border-right: 1px solid #c3cbd7;
    }

        .pgy-wrap th span
        {
            float: left;
            display: block;
            padding: 3px 0 0;
        }

    .pgy-wrap input
    {
        width: 25px;
        border: 1px solid #cacaca;
        padding: 2px;
        height: 18px;
        line-height: 18px;
        text-align: right;
        /*color: #7a7a7b;*/
        float: left;
        margin-right: 5px;
    }
   
    .pgy-wrap select
    {
        border: 1px solid #cacaca;
        padding: 2px;
        height: 25px;
    }

    .pgy-wrap label
    {
        /*padding-top: 3px;*/
        float: left;
        height: 24px;
        line-height: 24px;
    }

.alignLeft
{
    text-align: left !important;
}

.pgy-table
{
    /*height: 288px;*/
    overflow: auto;
}

.pgy-btn-wrap
{
    margin: 15px 0 0 0;
    text-align: center;
}

.cancel-btn
{
    background: none repeat scroll 0 0 #9d9d9d;
    color: #FFFFFF;
    display: block;
    padding: 7px 13px;
    text-decoration: none;
    margin: 0 0 0 20px;
    border:1px solid #9d9d9d;
}

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

.edit-insitute
{
    width: 500px;
}

    .edit-insitute td
    {
        vertical-align: middle;
    }

    .edit-insitute input
    {
        width: 325px;
        border: 1px solid #cacaca;
        padding: 6px;
        margin: 0 0 0px 0;
    }

        .edit-insitute input[type="checkbox"]
        {
            width: 30px;
            border: 1px solid #cacaca;
            padding-top: 6px;
            margin-top: 6px;
            /* margin: 0 0 0px 0;*/
        }

.listBox
{
    border: 1px solid #CACACA;
    padding: 4px;
    width: 326px;
}

    .listBox input
    {
        width: auto;
        float: left;
        margin: 5px 5px 0 5px;
    }

    .listBox label
    {
        display: block;
        padding: 3px 5px 5px 5px;
    }

.edit-insitute .wd337 select
{
    width: 337px;
    margin-right: 0px;
}

.checkSelect
{
    width: 25px !important;
}

.star
{
    color: #ff0000;
    margin: 0 0 0 5px;
}
.star_home
{
    color: #ff0000;
    margin: 0 0 0 2px;
}


.ErrMsg
{
    color: #FF0000;
    font-size: 11px;
    height: 14px;
}

.edit-insitute select
{
    width: 120px;
    border: 1px solid #cacaca;
    padding: 5px 5px 5px 5px;
    margin: 0 57px 0px 0;
    /*float: left;*/ /* line-height:28px; for safari*/
    -webkit-appearance: none;
    border-radius: 0px;
    background: #fff url(../images/searchArrow2.png) no-repeat right 9px;
}

.safari .edit-insitute select
{
    padding-bottom: 7px;
    background: #fff url(../images/searchArrow2.png) no-repeat right 6px;
}

.zip-input
{
    margin: 0 0 0 5px;
    width: 100px !important;
}

.institute-name
{
    font-size: 16px;
    color: #407cbd;
}

.schedule-select
{
    width: 339px !important;
    margin-right: 0 !important;
}

.addLog-select
{
    width: 293px !important;
    margin-right: 0 !important;
}

.schedule-select01
{
    background: none repeat scroll 0 0 #FFFFFF;
    z-index: 300;
    position: absolute;
    display: none;
    border: 1px solid #CACACA;
    width: 335px;
    padding: 6px 3px 3px 3px;
    width: 330px;
    top: 30px;
}

    .schedule-select01 .checkbox
    {
        width: 25px !important;
        margin: 5px 0px 5px 0px;
        padding: 0px;
        float: left;
    }

    .schedule-select01 label
    {
        padding: 3px 0px 10px 0px !important;
        display: block;
        float: left;
    }
.nokia-searchbox-button {
    display:none !important;
}
dt.title{
 display:none !important;
}
dd {
    border-bottom: 1px dotted #C2E0F5;
    padding-top: 3px;
    padding-bottom: 5px;
}
.main-search .search-list dd {
    border-radius:0px !important;
}
.safari .edit-insitute select
{
    padding-bottom: 7px;
    background: #fff url(../images/searchArrow2.png) no-repeat right 8px;
}

.safari #statusDropdown
{
    background: url(../images/searchArrow2.png) no-repeat right 8px;
}

.date-input
{
    width: 75px !important;
    float: left;
    margin: 0 5px 0px 0 !important;
}

.time-input
{
    width: 22px !important;
    /*float: left;*/
    margin: 0 5px 0px 0 !important;
}

.date-select
{
    width: 100px;
    margin: 0 5px 0 0 !important;
    width: 55px !important;
}

.safari .date-select
{
    padding: 7px 5px;
}

.safari .date-input
{
    padding: 7px 5px;
}

.safari .time-input
{
    padding: 7px 5px;
}

.calendar-btn
{
    float: left;
    margin: 0 10px 0 0;
}

.schedule-textarea
{
    width: 325px;
    border: 1px solid #cacaca;
    padding: 6px;
    margin: 0 0 0 0;
    height: 100px;
    overflow: auto;
    resize: none;
    font-size: 14px;
    font-family: Arial;
}

.add-user
{
    width: 1000px !important;
}

.footer
{
    position: fixed;
    bottom: 0;
    width: 100%;
}

.add-user-left
{
    float: left;
    width: 500px;
}

.add-user-right
{
    float: right;
    width: 450px;
    background: #f7f8f7;
    border: 1px solid #d7d8d7;
    padding: 10px;
    min-height: 275px;
    margin-top: 2px;
}

    .add-user-right h3
    {
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 0 20px 0;
    }

    .add-user-right select
    {
        /* width: 337px;*/
        width: 290px;
        margin-right: 0;
        margin-bottom: 7px;
        -webkit-appearance: none;
        border-radius: 0px;
        background: #fff url(../images/searchArrow2.png) no-repeat right 8px !important;
    }

.safari .add-user-right select
{
    background: #fff url(../images/searchArrow2.png) no-repeat right 8px;
}

.name-show
{
    float: left;
    font-size: 16px;
    margin: 17px 0 0 0;
    color: #1879c6;
}

.pin-show
{
    float: right;
    height: 40px;
    margin: 17px 10px 0 0;
}

.add-user-right .email
{
    background: url(../images/email-icon.jpg) no-repeat 0 0;
    padding: 5px 0 5px 26px;
}

    .add-user-right .email a
    {
        color: #1879c6;
        text-decoration: underline;
    }

        .add-user-right .email a:hover
        {
            text-decoration: none;
        }

.add-user-right .phone
{
    margin: 0px 0 10px 0;
    background: url(../images/phone-icon.jpg) no-repeat 0 0;
    padding: 4px 0 5px 25px;
}

/*--------------------------------------*/
.pd_Btm10
{
    padding-bottom: 10px;
}

.radioBtn
{
    width: auto !important;
    height: auto !important;
    margin: 1px 5px 0px 0px !important;
    padding: 0px !important;
    outline: none !important;
    border: 0px !important;
}

.labelTxt
{
    margin-right: 5px !important;
    padding: 0px 4px 4px 4px !important;
    height: auto !important;
    vertical-align: middle;
}

/*-------------------------------------- Search Popup*/
.searchAbsolute
{
    position: absolute;
    background: #fff;
    top: 30px;
    right: 0px;
    width: 400px;
    padding: 10px;
    border: 1px solid #d1d8e2;
    margin-top: 5px;
    z-index: 200;
}

.searchPop table
{
    width: 450px !important;
}

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

.searchPop
{
    width: 400px !important;
}

    .searchPop input[type="text"]
    {
        padding: 3px;
        width: 200px;
        height: 24px;
    }

    .searchPop select
    {
        width: 205px;
    }

input.searchSelect
{
    float: left;
    width: auto;
    margin: 1px 0px 0px 0px;
    padding: 0px;
    height: auto;
}

.pdTopLft
{
    padding: 3px 0px 0px 5px;
}

.pdLeft30
{
    padding-left: 30px;
}

.pdLeft15
{
    padding-left: 15px;
}

.pdLeft31
{
    padding-left: 31px;
}


.pdTop15
{
    padding-top: 15px;
}

.GoBtnWrap
{
    width: 245px;
    float: right;
    padding-top: 5px;
}

    .GoBtnWrap label
    {
        margin-right: 10px;
    }

.mrgTop24
{
    margin-top: 24px;
}

.calenderIconAlign img
{
    float: left;
    margin-right: 5px;
}

.multipleListWrap
{
    position: relative !important;
}

.multipleSelect
{
    left: 0px;
    position: absolute;
    top: 30px;
    background: #fff !important;
}

.safari .multipleSelect
{
    left: 0px;
    top: 30px;
    background: #fff !important;
}

.multipleListWrap input
{
    border: none;
    width: 297px;
    float: left;
}

.multipleInputWrap
{
    border: 1px solid #cacaca;
    padding: 0px;
    margin: 0px;
    width: 336px;
    height: 28px;
    background: #fff;
}

    .multipleInputWrap img
    {
        float: left;
        padding: 5px;
    }

.pdTop4
{
    padding-top: 4px;
}

.messageIcon
{
    background: url(../images/message_icon.png) no-repeat 0 0;
    display: block;
    width: 32px;
    height: 20px;
    float: right;
    margin-left:5px;
}
.optionsWrap
{
    float: right;
    padding: 25px 15px 0px 0px;
}

    .optionsWrap input[type=radio]
    {
        margin: 2px 3px 0px 15px;
        float: left;
    }

.safari .optionsWrap input[type=radio]
{
    margin: 0px 5px 0px 15px;
}

.optionsWrap label
{
    float: left;
}

.ui-datepicker-trigger
{
    cursor: pointer;
}
/*-----------------------------------------*/
.extendTable table
{
    margin-bottom: 0px !important;
}

.extendTable td
{
    border: none !important;
    padding: 0px 2px 0px 2px !important;
    margin: 0px !important;
}

.extendTable select
{
    float: left;
    padding: 5px;
    margin: 0px;
    width: 70px; /*line-height:23px;  for safari*/
    border: 1px solid #cacaca;
    -webkit-appearance: none;
    border-radius: 0px;
    background: #fff url(../images/searchArrow2.png) no-repeat right 6px;
}

.nightFloat select
{
    float: left;
    padding: 3px;
    margin: 0px 20px 0px 0px;
    border: 1px solid #cacaca;
    width: 70px;
    /*line-height: 23px;  for safari*/
    -webkit-appearance: none;
    border-radius: 0px;
    background: #fff url(../images/searchArrow2.png) no-repeat right 6px;
}

.safari .nightFloat select
{
    padding: 3px 5px;
}

.chrome .extendTable select
{
    padding: 3px 5px;
    background: #fff url(../images/searchArrow2.png) no-repeat right 7px;
}

.nightFloat span
{
    float: left;
    padding: 5px 10px 0 28px;
    margin: 0px;
}

.sendMessage
{
    width: 488px;
    height: 150px;
    border: 1px solid #cacaca;
    font-size: 12px;
    font-family: Arial;
    resize: none;
    padding: 5px;
}

.serviceDesc
{
    width: 327px;
    height: 100px;
    border: 1px solid #cacaca;
    font-size: 12px;
    font-family: Arial;
    resize: none;
    padding: 5px;
}

.communnication input[type=checkbox]
{
    float: left;
    width: auto;
    margin-top: 5px;
    outline: 0px;
    border: 0px;
    padding: 0px;
}

.communnication label
{
    float: left;
    margin: 5px 10px 0px 3px;
}

.ErrorWrap
{
    width: 700px;
    margin: 20px auto 20px auto;
    padding: 20px;
}

.errorpage
{
    background: #f4f4f4;
    color: #464646;
    font-size: 28px;
    font-weight: normal;
    font-family: Arial;
    padding: 40px;
}

    .errorpage span
    {
        margin-bottom: 10px;
        display: block;
    }

    .errorpage a
    {
        font-size: 24px;
        color: #ca1d1d;
        text-decoration: none;
        padding-top: 0px;
        display: block;
    }

.wd60
{
    width: 60px;
    text-align: center;
}

.pdTop18
{
    padding-top: 18px;
}

.pdTop22
{
    padding-top: 22px;
}

.instituteWrap
{
    padding: 17px 30px 0px 50px;
    margin: 0px;
    float: right;
}

    .instituteWrap span
    {
        padding: 5px 10px 0px 0px;
    }

    .instituteWrap select
    {
        float: left;
        padding: 5px;
        margin: 0px 20px 0px 0px;
        border: 1px solid #cacaca;
        -webkit-appearance: none;
        border-radius: 0px;
        background: #fff url(../images/searchArrow2.png) no-repeat right 9px;
    }

.safari .instituteWrap select
{
    padding: 3px 10px;
    line-height: 23px;
}

.chrome .instituteWrap select
{
    padding: 3px 5px;
    line-height: 20px;
}

.instituteWrap.reportWrap {
    float:none !important; 
    padding:0px !important; 
    margin:0px !important; 

}
.instituteWrap.reportWrap table {

     margin-bottom:0px !important; 

}
.instituteWrap.reportWrap table td.labelFont {
    font-size:14px !important;
    padding-bottom:8px !important;
}

.institutePad
{
    padding: 7px 10px 0px 20px;
}

.grennDisable
{
    cursor: default;
    color: #ecfae2;
    background: #bdd4ad;
    text-decoration: none;
}

    .grennDisable:hover
    {
        cursor: default;
        color: #ecfae2;
        background: #bdd4ad;
        text-decoration: none;
    }

    .grennDisable:focus
    {
        cursor: default;
        color: #ecfae2;
        background: #bdd4ad;
        text-decoration: none;
    }


.redDisable
{
    cursor: default;
    color: #f9d4cd;
    background: #e29688;
    text-decoration: none;
}

    .redDisable:hover
    {
        cursor: default;
        color: #f9d4cd;
        background: #e29688;
        text-decoration: none;
    }

input[type=checkbox]
{
    outline: none;
    border: 0px;
}

input[type=radio]
{
    outline: none;
    border: 0px;
}

.loginBtn
{
    width: 100px;
}

    .loginBtn input[type=submit]
    {
        background: #89d0c7;
        text-decoration: none;
        color: #fff;
        width: 100px;
        display: block;
        border: 0px;
        cursor: pointer;
        font-size: 14px;
        font-family: Arial;
        border: 0px !important;
        height: 32px;
    }

        .loginBtn input[type=submit]:hover
        {
            background: #73afa8;
            text-decoration: none;
        }

        .loginBtn input[type=submit]:focus
        {
            background: #73afa8;
            text-decoration: none;
        }



.termsBtn
{
    width: 250px;
    margin-bottom: 30px;
    float: right;
}

    .termsBtn input[type=submit]
    {
        background: #89d0c7;
        text-decoration: none;
        color: #fff;
        width: 100px;
        display: block;
        border: 0px;
        cursor: pointer;
        font-size: 14px;
        font-family: Arial;
        border: 0px !important;
        height: 32px;
        float: left;
    }

        .termsBtn input[type=submit]:hover
        {
            background: #73afa8;
            text-decoration: none;
        }

        .termsBtn input[type=submit]:focus
        {
            background: #73afa8;
            text-decoration: none;
        }

    .termsBtn a.button
    {
        background: #9d9d9d;
        color: #fff;
        text-decoration: none;
        float: left;
        margin-left: 20px;
        padding: 6px 20px;
        height: 20px;
        line-height: 20px;
    }

        .termsBtn a.button:hover
        {
            text-decoration: none;
            color: #fff;
            background: #909090;
        }
/*Error Page--------------------*/
.headerError
{
    background: url(../images/headerError.png) repeat-x left top;
    height: 128px;
}

.ErrorWrap
{
    padding: 155px 0px;
    text-align: center;
    color: #333;
    font-size: 70px;
}

    .ErrorWrap span
    {
        color: #c82a10;
        font-size: 80px;
    }

    .ErrorWrap p
    {
        font-size: 34px;
    }

    .ErrorWrap a
    {
        color: #107ac8;
        font-size: 22px;
        text-decoration: none;
        padding-top: 10px;
        display: block;
    }

/*loader or processing image */
.loaderIndex
{
    float: right;
    padding-right: 20px;
    padding-top: 5px;
}

.loaderPopUp
{
    width: 30px;
    display: block;
    float: left;
    height: 30px;
    padding-top: 5px;
}

/*Search input*/
.searchinput
{
    width: 165px;
    border: 0px;
    padding: 0px;
    margin: 0 0 0px 0;
}

/*  terms & service new style ----------------*/

.terms p
{
    margin: 0px !important;
    padding: 0px 0px 10px 0px !important;
    line-height: 18px;
}

.terms h1
{
    float: none;
    font-size: 24px;
}

.terms h3
{
    color: #407cbd;
    font-size: 16px;
    padding: 7px 0px;
    margin: 0 0 5px 0;
    display: block;
    float: none;
}

/* ----------------------------------------*/

.mapSearch
{
    width: 292px;
    padding: 5px;
}

    .mapSearch .inputWrap
    {
        background: #fff;
        border: 1px solid #7f8080;
        width: 283px;
        float: left;
    }

    .mapSearch .inputWrap input
    {
        padding: 6px;
        width: 245px;
        float: left;
        border: 0px;
    }

    .main-search .search-list {
			padding: 10px;
			background-color: #1080DD;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			color: #485773;
			width: 320px;
			position:absolute;
			margin:5px 0px;
			z-index: 5000;
		}
		
		.main-search .search-list dl {
			margin: 0px;
			margin-top: 5px;
		}
		
		.main-search .search-list dt {
			width: 100%;
			background-color: #23435D;
			text-align: center;
			color: #fff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			padding: 2px;
		}
		
		.main-search .search-list dd {
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin: 2px;
			background-color: #1181DD;
			padding-left: 5px;
			color: #f5f5f5;
			padding: 5px;
		}
		
		.main-search .search-list dd.selected {
			background-color: #4F97D2;
			color: #f5f5f5;
			cursor: pointer;
		
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
		
			-webkit-transform: scale(1.03);
			-moz-transform: scale(1.03);
			-o-transform: scale(1.03);
		}

#basicSearchBoxResults {
            height: 300px;
            width: 300px;
            overflow: auto;
            margin: 0px;
            padding: 10px;
        }
.infoText
{
    padding: 5px;
    font-size: 12px;
    background: none;
    position: absolute;
    right: -240px;
    top: 37px;
    background: #fff;
    padding: 5px;
    border: 1px solid #7f8080;
}

.noData
{
    background: #e7eaee;
    padding: 10px;
    text-align: center;
    color: #2f3339;
    font-size: 14px;
}


.pop-close1
{
    background: url("../images/popup-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 51px;
    position: absolute;
    right: -24px;
    top: -18px;
    width: 51px;
}


.popup-wrap1
{
    width: 650px;
}

    .popup-wrap1 h2
    {
        color: #fff;
        background: #407cbd;
        font-size: 20px;
        padding: 7px 5px;
        margin: 0 0 15px 0;
    }

    .popup-wrap1 input[type="button"]
    {
        width: 325px;
        border: 1px solid #cacaca;
        padding: 6px;
        margin: 0 0 0px 0;
    }

.edit-image
{
    background: url(../images/edit.png) no-repeat 5px 4px;
    height: 25px;
    width: 30px;
    display: block;
}

.treeOuter
{
    width: 500px;
}

    .treeOuter h2
    {
        color: #407cbd;
        font-size: 14px;
        padding: 0px 0px 20px 0px;
    }

.tree
{
    height: 320px;
    width: 500px;
    overflow: auto;
    border: 1px solid #e7e7e7;
    padding: 10px 10px 10px 20px;
    margin: 0px;
    background: #f4f6f7;
}

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

        .tree ul li ul
        {
            padding-left: 47px;
            padding-top: 5px;
        }

    .tree img
    {
        cursor: pointer;
    }


.messageText
{
    color: #407cbd !important;
    font-size: 12px;
}

.bdrLine
{
    border-top: 1px solid #e6e9ef;
    height: 5px;
}


/**/

.homeFields
{
    
    background: #f9fafb;
    border: 1px solid #e7e7e7;
    padding: 20px;
    margin-bottom:20px;
}

    .homeFields td
    {
        vertical-align: middle;
        height: 20px;
        font-size: 13px !important;
    }

    .homeFields input
    {
        width: 225px;
        /* width: 80%;*/
        border: 1px solid #cacaca;
        padding: 6px;
        margin: 0 0 0px 0;
        font-size: 13px !important;
    }

        .homeFields input[type="checkbox"]
        {
            width: 30px;
            border: 1px solid #cacaca;
            padding-top: 6px;
            margin-top: 6px;
            /* margin: 0 0 0px 0;*/
        }

    .homeFields select
    {
        width: 240px;
      /*  width: 85%;*/
        border: 1px solid #cacaca;
        padding: 5px;
        /*margin: 0 57px 0px 0;*/

        /*float: left;*/ /* line-height:28px; for safari*/
        -webkit-appearance: none;
        border-radius: 0px;
        background: #fff url(../images/searchArrow2.png) no-repeat right 9px;
    }

.safari .homeFields select
{
    padding-bottom: 7px;
    background: #fff url(../images/searchArrow2.png) no-repeat right 6px;
}


.homeFields .state
{
    width: 338px !important;
    margin-right: 0 !important;
}


.edit input
    {
        width: 25px !important;
     
    }

.ie9 .homeFields .checkSelect
{
    padding-top: 0px;
    width: auto !important;
    margin-top: 1px;
    float: left;
     margin-right:2px;
}

.homeFields .checkSelect
{
    width: auto !important;
    margin-top: 1px;
    float: left;
    margin-right:2px;
}
.dateSpace
{
    margin-left: 20px;padding-right: 10px;
}
.editLink
{
    color:#e83428;
    font-size:14px;
    text-decoration:none;
    margin:7px 0px 0px 10px;
    display:block;
    float:left;
}
.updateBtnWrap
{
    width:182px; float:right;
}
.programInfo
{  
    border-bottom: 1px solid #e7e7e7;
    padding: 0px;
    margin-bottom:0px;
}

.YearMain
{
    /*border-bottom:none !important;*/
}
.YearNext
{
    border-bottom:none !important;
    border-top:none !important;
}
.YearLast
{
    border-top:none !important;
}

 .edit-insitute input[type="radio"]
        {
            width: 30px;
            border: 1px solid #cacaca;
            padding-top: 6px;
            margin-top: 6px;
            /* margin: 0 0 0px 0;*/
        }


.edit-insitute .wd215 input
{
width: 215px;
border: 1px solid #cacaca;
padding: 6px;
margin: 0 0 0px 0;
}

.edit-insitute  select.wd215
{
width: 215px;
border: 1px solid #cacaca;
padding: 6px;
margin: 0 0 0px 0;
}

.addType table td
{
    border:0px !important;
    padding:0px 0px 10px 0px !important;
}
.addType textarea
{

    border: 1px solid #cacaca;
    padding: 6px;
    margin: 0 0 8px 0;
    height: 75px;
    width:270px;
    overflow: auto;
    resize: none;
    font-size: 14px;
    font-family: Arial;
}
.addType .greenBtn
{
    color:#fff !important;
    text-decoration:none !important;
} 

.betaregLink
{
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    margin: 2px 0 0 0px !important;
    float: left;
}

 .betaregLink:hover
    {
        color: #fff;
        text-decoration: underline;
        font-size: 12px;
    }

    .betaregLink:focus
    {
        text-decoration: underline;
    }

#dailyLogList table td {
     border: 1px solid #c3cbd7;
        padding: 8px;
        text-align: left;
        vertical-align: middle;
        font-size: 13px;
        color: #333;
}
#dailyLogList table th
    {
      
        background: #d1d8e2;
        border: 1px solid #c3cbd7;
        padding: 8px;
        text-align: left;
        vertical-align: middle;
        font-size: 14px;
    }

.help
        {
            position:absolute;
            top:50%;
            left:1%;
        }