.attendance-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    z-index: 1005;
}

.attn-popup {
    width: 554px;
    height:auto;
    background: #FFFFFF;
    border: 0px solid #ddd;
    box-shadow: #ddd 0px 0px 3px 3px;
    -moz-box-shadow: #ddd 0px 0px 3px 3px;
    -webkit-box-shadow: #ddd 0px 0px 3px 3px;
    position: absolute;
    top:200px;
    left:50%;
    margin-left:-277px;
    padding: 25px;
    text-align: center;
}
   
.attn-content {
    overflow-y: auto;
    max-height: calc(100vh - 500px);
}

    .r {
        float: right;
    }

.l {
    float: left;
}

/*.popup-fixed {
    margin: 0;
    height:100vh;
    overflow:hidden;
}*/

.parent-det-table {
    width:100%;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.parent-det-table td {
    text-align:center;
    padding:10px 0 10px 0;
    border-right:1px solid #eee;
    vertical-align:baseline;
}

    .parent-det-table td img {
        object-fit: contain;
        height: 135px !important;
    }

.parent-det-table tr td:last-child {
    border-right:0px;
} 

.popup {
    position: absolute;
    margin: 0 auto;
    z-index: 100000;
    display: none;
    background: #fff;
    border: 2px solid #ddd;
    box-shadow: 0 0 10px rgba(0,0,0,.18);
    padding: 5px;
}
/*
#processingMSG
{
	margin: 0 auto;
	display: none;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0,.18);
	padding: 30px;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	color: #000;
	border-radius: 3px;
}
#processingMSG img,#processingIframe img
{
	vertical-align: middle;
	margin-right: 5px;
}*/
.iframe-page {
    background: #fff;
}

.closepopup {
    position: absolute;
    right: -60px;
    top: -2px;
    color: #333;
    font-size: 22px;
    text-decoration: none;
    background: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    outline: none;
    border: 2px solid #ddd;
    box-shadow: 0 0 10px rgba(0,0,0,.18);
}

    .closepopup:hover {
        background: #f00;
        color: #fff;
        border: 1px solid #f00;
    }

.popupcontainer {
    position: relative;
}

.iframe-holder {
    position: absolute;
    z-index: 1000;
}

.popupcenter {
    z-index: 100000;
}


.popup-head {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
}

.popup-mid {
    padding: 20px;
}

.popup-content-details {
    background: #fff;
}

    .popup-content-details .button {
        padding: 5px 10px;
        cursor: pointer;
    }

.button-group {
    padding-top: 10px;
    text-align: center;
}

/*//////////////////////////*/
.wrapper {
}

img {
    border: 0;
}

a:hover {
    text-decoration: none;
}

form {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

html, body {
    margin: 0;
    padding: 0;
    font: 13px Arial;
}

body {
    background: #fff;
}

.top-nav {
    min-height: 36px;
    position: fixed;
    z-index: 1004;
    width: 100%;
    background: #444 url("/images/new/login-bg.png");
}

    .top-nav ul {
        margin: 0;
        padding: 0;
        color: #fff;
        display: inline-block;
    }

        .top-nav ul .top-nav-sub {
            display: none;
        }

            .top-nav ul .top-nav-sub ul {
                display: block;
            }

        .top-nav ul li:hover, .top-nav ul li.active:hover {
            background: #636363 url("/images/new/login-bg.png");
        }

        .top-nav ul li:hover {
            z-index: 1100;
        }

            .top-nav ul li:hover .top-nav-sub {
                display: block;
                position: absolute;
                white-space: nowrap;
                z-index: 1005;
                box-shadow: 0px 5px 5px rgba(0,0,0,.55);
                padding: 5px;
                background: #636363 url("/images/new/login-bg.png");
            }

                .top-nav ul li:hover .top-nav-sub li {
                    border: none;
                }

                .top-nav ul li:hover .top-nav-sub a {
                    font-weight: normal;
                    padding: 10px;
                    border-radius: 3px;
                    background-image: none;
                }

                    .top-nav ul li:hover .top-nav-sub a:hover {
                        background: #333 url("/images/new/login-bg.png");
                        color: #fff;
                    }

                .top-nav ul li:hover .top-nav-sub li {
                    display: block;
                    float: none;
                }

a {
    color: #9b5257;
}

.top-nav ul a {
    color: #fff;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: 1px 1px rgba(0,0,0,.7);
}

.top-nav ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
    font-weight: bold;
    position: relative;
    float: left;
    z-index: 1005;
    border-left: 1px solid #555;
    border-right: 1px solid #000;
}

    .top-nav ul li.submenu-exists a {
        padding-right: 35px;
        background: url("/images/new/submenu-icon.png") no-repeat right center;
    }

    .top-nav ul li.active {
        background: #000;
    }

        .top-nav ul li.active em {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #000;
            position: absolute;
            bottom: -10px;
            left: 50%;
            margin-left: -10px;
        }

.header {
    background: #f1f1f1;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 36px;
    z-index: 101;
    position: relative;
}

.breadcrumbs {
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    width: 100%;
    z-index: 1003;
    box-shadow: 0 2px 2px rgba(0,0,0,.08);
    position: relative;
}

    .breadcrumbs .inner {
        min-height: 36px;
    }

        .breadcrumbs .inner td {
            height: 40px;
            padding: 0 10px;
        }

.header table td {
    height: 80px;
}

.header {
    color: #666;
}

    .header strong {
        font-weight: normal;
    }

    .header .logotd {
        width: 60px;
    }

    .header .logo {
        padding: 10px;
    }

    .header table {
        width: 100%;
    }

    .header .logo-disc {
    }

    .header h1 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-weight: normal;
    }

.content-wrapper .inner {
}

.graphPaper {
    background: #636363;
}

.bar-chart {
    background: #636363;
    border-radius: 5px;
}


#tooltip {
    background: #000;
    padding: 10px;
    color: #fff;
    position: absolute;
    z-index: 1002;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    display: none;
    font-size: 18px;
    max-width: 250px;
}

    #tooltip p {
        white-space: nowrap;
        margin: 0;
        padding: 0;
        font-size: 13px;
    }

.graph-title {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.graph-title-text {
    padding-bottom: 10px;
}

.calendar-ctrl {
    position: absolute;
    z-index: 1;
    background: #fff;
    border-radius: 5px;
    padding: 3px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.25);
    display: none;
    border: 1px solid #ddd;
}

    .calendar-ctrl table {
        border: none;
    }

        .calendar-ctrl table td {
            padding: 0;
            background-color: inherit !important;
        }

        .calendar-ctrl table table {
            background: #333;
            color: #fff;
            font-size: 20px;
        }

            .calendar-ctrl table table td {
                padding: 5px;
            }



                .calendar-ctrl table table td a {
                    display: inline-block;
                    padding: 0 0;
                    color: #fff !important;
                    text-decoration: none;
                    background: #666;
                    font-size: 13px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border-radius: 5px;
                    min-width: 10px;
                    text-align: center;
                    outline: none;
                }

                    .calendar-ctrl table table td a:hover {
                        background: #3F9CEA;
                        border: none;
                    }

        .calendar-ctrl table td a {
            display: block;
            padding: 5px;
            text-align: center;
            height: 25px;
            width: 25px;
            line-height: 25px;
            text-decoration: none;
            font-size: 13px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .calendar-ctrl table td a:hover {
                background: #68A3D5;
                color: #fff !important;
                border: 1px solid #68A3D5;
            }

.cal-header {
    font-size: 17px;
    color: #000;
    font-weight: bold;
}

.calendar-ctrl table td.cal-weekend a {
    background: #fff;
}

    .calendar-ctrl table td.cal-weekend a:hover {
        background: #68A3D5;
    }

.cal-day a, .cal-weekend a {
    color: #555 !important;
    border: 1px solid #ddd;
    margin: 5px;
    background: #f5f5f5;
}

.cal-othermonth a {
    color: #aaa !important;
    font-size: 17px;
    border: 1px solid #fff;
    margin: 5px;
}

.cal-selected-day a {
}

.cal-today a {
    border: 1px solid #ddd;
    background: #F5F5F5 url(/images/new/today-cal-bg.png) no-repeat center bottom;
}

html body .cal-today a:hover {
    background: #68A3D5 url(/images/new/today-cal-bg-h.png) no-repeat center bottom;
}

.cal-close {
    color: #aaa;
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
}

    .cal-close em {
        display: inline-block;
        color: #fff;
        background: #68A3D5;
        font-style: normal;
        font-weight: bold;
        padding: 5px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .cal-close strong {
        padding: 5px 10px 5px 0px;
        display: inline-block;
        font-weight: normal;
    }

    .cal-close:hover em {
        background: #555;
    }

    .cal-close:hover strong {
        color: #333;
    }

.button-holder {
    padding: 5px;
    text-align: right;
    background: #f5f5f5;
}

.cal-selected-day a {
    background: #F0A246;
    border: 1px solid #F0A246;
}

.cal-button-holder .scrollleft {
    z-index: 1;
}

.cal-button-holder .scrollright {
    z-index: 1;
}

.cal-button-holder {
    position: relative;
    height: 0px;
}

.widget {
    padding: 5px 45px 0 45px;
}

.message-widget {
}

.msg-sender {
    background: #636363;
    border-bottom: 1px solid #777;
    width: 45%;
}

    .msg-sender table {
        width: 100%;
    }

    .msg-sender td {
        padding: 10px 30px 10px 10px;
        text-align: left;
    }

    .msg-sender a {
        color: #636363;
        font-weight: bold;
    }

        .msg-sender a:hover {
            color: #222;
        }

    .msg-sender span {
        color: #666;
        display: block;
    }

.msgsubject {
    padding: 10px;
}

    .msgsubject a {
        color: #222;
        text-decoration: underline;
        font-weight: bold;
    }

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

.msg-sender td.sender-icon {
    width: 32px;
    padding: 0;
    text-align: center;
}

.message-widget {
}

.msg-table {
    width: 100%;
}

.msg-sender-container table td {
    padding: 0;
    border: none;
}


.msg-sender-container {
    position: relative;
}

    .msg-sender-container em {
        position: absolute;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #eee;
        right: -5px;
        top: 50%;
        margin-top: -5px;
    }

.widget-heading {
    font-size: 22px;
    margin: 0;
    padding: 0 0 10px 0;
    color: #62494C;
}

.widget-footer-link {
    text-align: right;
    padding-top: 10px;
}

    .widget-footer-link a {
        display: inline-block;
        padding: 5px 20px;
        background: #222;
        color: #fff;
        border-radius: 3px;
    }

        .widget-footer-link a:hover {
            background: #636363;
            color: #fff;
        }

.fifty-fifty .widget {
    float: left;
    width: 50%;
    padding: 0;
}

.fifty-fifty .first-column {
    padding: 10px 45px 0 45px;
}

.fifty-fifty .second-column {
    padding: 10px 45px 0 0;
}

.footer {
    color: #999;
    padding-left: 350px;
    padding-top: 20px;
}

    .footer a {
        color: #999;
    }

.content-wrapper {
    padding-bottom: 30px;
}

.profile-settings {
    float: right;
}

.profile-name {
    float: right;
    padding-right: 10px;
    position: relative;
}

.profile-name-submenu {
    display: none;
    position: absolute;
    right: 0;
    border: 1px solid #ccc;
    top: 28px;
    background: #f1f1f1;
    box-shadow: 2px 2px 5px rgba(0,0,0,.18);
    min-width: 220px;
}

    .profile-name-submenu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .profile-name-submenu ul a {
            white-space: nowrap;
            line-height: normal;
            display: block;
            padding: 10px 10px;
        }


.profile-name:hover .profile-name-submenu {
    z-index: 1005;
}

.lastlogintime {
    padding: 10px;
    font-size: 11px;
    background: #fff;
    color: #666;
    border-top: 1px solid #ddd;
}

.user {
    display: inline-block;
    position: relative;
    padding-right: 12px;
    cursor: pointer;
}

    .user a {
        color: #222;
        text-decoration: none;
        padding-right: 22px;
        background: url("/images/new/setting.png") right no-repeat;
    }

    .user em {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #000;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -2px;
    }

.signout {
    float: right;
    color: #999;
}

    .signout a {
        padding-left: 10px;
    }

.graph-holder {
    padding-top: 20px;
}

.upparrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    position: absolute;
    right: 23px;
    top: -6px;
}

.quicklink-ctrl-holder {
    float: right;
    padding-right: 20px;
}

.quicklink-ctrl {
    position: relative;
    padding-right: 15px;
}

.quicklink-heading {
    cursor: pointer;
}

    .quicklink-heading em {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #000;
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -2px;
    }

    .quicklink-heading a {
        background: url("/images/new/quick.png") no-repeat right 0;
        color: #222;
        text-decoration: none;
        display: inline-block;
        padding-right: 18px;
        font-weight: bold;
    }


.quicklink-name-submenu {
    position: absolute;
    left: 0;
    border: 1px solid #ccc;
    top: 28px;
    background: #f1f1f1;
    box-shadow: 2px 2px 5px rgba(0,0,0,.18);
    min-width: 230px;
    display: none;
}

.quick-link-footer {
    background: #fff url("/images/new/quick.png") no-repeat 10px center;
    color: #666;
    border-top: 1px solid #ddd;
    padding-left: 16px;
}

    .quick-link-footer a {
        color: #666;
        font-size: 11px;
        text-decoration: none;
    }

        .quick-link-footer a:hover {
            color: #222;
            text-decoration: underline;
        }

.quicklink-name-submenu .upparrow {
    left: 20px;
}

.quicklink-name-submenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .quicklink-name-submenu ul a {
        white-space: nowrap;
        line-height: normal;
        display: block;
        padding: 10px 10px;
    }

.cal-icon, .msg-icon {
    float: left;
    margin-right: 20px;
}

    .msg-icon a, .cal-icon a {
        background: url("/images/new/msg-small-icon.png") no-repeat left 0;
        padding-left: 30px;
        display: inline-block;
        white-space: nowrap;
        text-decoration: none;
        color: #222;
        line-height: 26px;
        font-weight: bold;
    }

    .cal-icon a {
        background: url("/images/new/cal-s-icon.png") no-repeat left 0;
    }


.breadcrum-content, .profile-content {
}

.quicklink-content {
}

#breadcrumbctrl {
    font-size: 11px;
    color: #636363;
    padding: 10px 45px 0 45px;
}

    #breadcrumbctrl a {
        color: #999;
        text-decoration: none;
    }

        #breadcrumbctrl a:hover {
            text-decoration: underline;
            color: inherit;
        }

#waitingfor-response {
    display: none;
    color: #000;
    font-weight: bold;
    display: none;
    width: 400px;
}

    #waitingfor-response img {
        vertical-align: bottom;
    }

.messagelinks {
    vertical-align: top;
    padding: 15px;
    padding-left: 35px;
    width: 200px;
}

.messagelinks-holder {
    width: 200px;
}

    .messagelinks-holder a {
        display: block;
        padding: 10px;
        border-bottom: 1px solid #eee;
        background: #fff;
    }

        .messagelinks-holder a em {
            font-style: normal;
        }

        .messagelinks-holder a.active {
            text-decoration: none;
            background: #f2f2f2;
            color: #222;
        }

.messagecontent {
    vertical-align: top;
    padding: 15px;
    padding-right: 45px;
}

.headerbar {
    padding: 5px 0 10px 5px;
}

.grid {
    width: 100%;
    font-size: 12px;
}

    .grid th {
        padding: 5px;
        text-align: left;
        background: #f3f3f3;
        border-top: 1px solid #dbdbdb;
    }



        .grid th a {
            text-decoration: none;
        }

    .grid td {
        padding: 5px;
        border-top: 1px solid #eee;
        background: #f9f9f9;
        max-width: 200px;
    }

        .grid td.center, .grid th.center {
            text-align: center;
        }

        .grid td.right, .grid th.right {
            text-align: right;
        }

        .grid td.left, .grid th.left {
            text-align: left;
        }

    .grid .alt td {
        background: #fff;
    }

        .grid .alt td.red {
            color: Red;
        }

            .grid .alt td.red a {
                color: Red;
            }

    .grid .red {
        color: Red;
    }

        .grid .red a {
            color: Red;
        }


    .grid td.red {
        color: Red;
    }

        .grid td.red a {
            color: Red;
        }


.msg-ctrl-content {
}

.inbox-actions {
    color: #aaa;
}

    .inbox-actions a {
        color: #666;
        margin: 0 5px;
        text-decoration: underline;
        cursor: pointer;
    }

        .inbox-actions a:hover {
            text-decoration: none;
        }

.alignRight {
    text-align: right;
}

.no-meassage {
    border: 1px dashed #ddd;
    padding: 15px;
    color: #636363;
}

.footer {
    background: #fff;
    padding: 20px;
    padding-left: 200px;
    margin: 0 20px;
}

.compose-form td, .compose-form th {
    vertical-align: top;
    padding: 10px;
}

.compose-form th {
    text-align: right;
    padding-top: 15px;
    width: 100px;
}

.required {
    color: Red;
}

.mail-suggestion-holder {
}

input[type="text"], input[type="number"], textarea, select, input[type="password"] {
    padding: 5px;
    border: 1px solid #666;
    border-color: #999 #ccc #ccc #999;
    border-radius: 3px;
    font-family: Arial;
    font-size: 13px;
}

.message-to-textbox {
}

    .message-to-textbox .recipient {
    }

.button, .grey-button {
    border-radius: 3px;
    padding: 12px 25px;
    min-width: 100px;
    text-align: center;
    background: #9B5257;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border:0px;
}

.pay-button {
    border-radius: 4px;
    padding: 8px 10px;
    min-width: 60px;
    text-align: center;
    background: #9b5257;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    border: 0px;
    text-decoration:none;
}

.fee-paynow{
    text-align:right;
    margin-top:5px;
}

.online-trans, .fee-paynow {
    text-align: center;
}
    .fee-paynow-alert {
        text-align: right;
        margin-top: 5px;
        font-size: 20px;
    }

.pay-button-disable {
    /*pointer-events: none;*/
    cursor: not-allowed;
    color: #fff;
    border-color: #555555;
}

.button-small {
    padding: 8px 17px;
    min-width:70px;
}

.button-issue {
    /*background:#274f29;*/
    background:#056527;
}

    .button em, .grey-button em {
        font-style: normal;
        font-weight: bold;
    }

.greybutton, .grey-button {
    background: #333;
}

.mail-suggestion {
    position: relative;
}

.mail-suggestionBorder {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 2px rgba(0,0,0,.08);
    min-width: 540px;
    display: none;
}

.search-result-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

    .search-result-item:hover {
        background: #f5f5f5;
        color: #222;
    }

.message-to span {
    display: inline-block;
    margin: 0 2px 2px 0;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f1f1f1;
}

    .message-to span a {
        display: inline-block;
        vertical-align: middle;
        background: url("/images/new/small-close.gif") no-repeat 0 0;
        width: 12px;
        height: 12px;
        margin-left: 5px;
    }

.scroll-result-div {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .scroll-result-div div {
        padding: 10px;
    }

.mail-tab {
    width: 540px;
}

    .mail-tab input {
        box-shadow: none;
    }

.mailto-textbox {
    border: 1px solid #666;
    border-color: #999 #ccc #ccc #999;
    padding: 5px;
    background: #fff;
    border-radius: 3px;
    border-top-left-radius: 0;
}

    .mailto-textbox input {
        padding: 0;
        border: none;
        display: inline;
    }

.recipient {
}

    .recipient table {
        width: auto;
    }

    .recipient td {
        padding: 0;
    }

    .recipient a {
        background: #fff;
        color: #333;
        display: inline-block;
        padding: 10px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background: #f1f1f1; /* Old browsers */
        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
        border: 1px solid #ddd;
        border-bottom: none;
        text-decoration: none;
        margin-right: 1px;
    }

        .recipient a strong {
            font-weight: normal;
        }

        .recipient a em {
            font-style: normal;
        }

        .recipient a.active {
            background: #222;
            color: #fff;
            text-decoration: none;
            border-color: #666;
        }

.addtofav {
    height: 40px;
    line-height: 40px;
}

.message-to {
    display: inline;
}

.massage-to-label {
    padding-top: 10px;
}

.highlightitem {
    background: #f1f1f1;
}

.viewmessage h2, h2 {
    font-size: 22px;
    padding: 0 10px 10px 10px;
    margin: 0;
}

.viewmessage h3 {
    margin: 0;
    padding: 0 10px 10px;
    font-size: 13px;
    font-weight: normal;
    color: #666;
    border-bottom: 1px solid #eee;
}

    .viewmessage h3 strong {
        color: #222;
    }

.message {
    padding: 12px 10px 10px 10px; /*background: url("/images/new/message-content.png") no-repeat 10px 10px;*/
}

.announcment {
    padding: 12px 10px 30px 0;
}

.mail-action {
}

.mail-action-button {
    padding: 10px;
    border-top: 1px solid #eee;
}

    .mail-action-button a {
        padding: 5px 10px;
        margin-right: 5px;
    }

        .mail-action-button a em {
            font-weight: normal;
        }

.replay-content {
    background: #f2f2f2;
}

.calendar-box {
    width: 100%;
}

.clendar-links {
    width: 250px;
    vertical-align: top;
}

.clendar-content {
    vertical-align: top;
}

.left-nav {
    vertical-align: top;
    padding: 15px;
    width: 200px;
}

.left-nav-holder {
    width: 200px;
}

    .left-nav-holder a {
        display: block;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }

        .left-nav-holder a em {
            font-style: normal;
        }

        .left-nav-holder a.active {
            text-decoration: none;
            background: #f2f2f2;
            color: #222;
        }

.announcements h2 {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 22px;
}

.announcements .grid {
    border-bottom: 1px solid #eee;
}

.sliding-popup-content {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,.28);
    right: -45px;
    top: -30px;
    display: none;
    width: 680px;
    overflow: hidden;
    z-index: 200;
    padding-top: 29px;
    padding-right: 43px;
}

.page-header .page-heading {
    float: left;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 22px;
}

.sliding-popup {
    float: right;
    position: relative;
}

.form {
    width: 100%;
}

    .form td, .form th {
        padding: 5px;
    }

    .form th {
        width: 200px;
        text-align: right;
    }

        .form th .guiding-text {
            font-weight: normal;
            font-size: 11px;
        }

    .form td .recipient td {
        padding: 0;
    }

.Custom_DropDownPenultimateDiv img {
    display: none;
}

.Custom_DropDownPenultimateDiv input {
    background: #fff url(/images/new/cal-small.png) no-repeat right center;
    width: 160px !important;
    cursor: pointer;
}



.cal-ctrl {
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
    padding-right: 0;
    -moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
    box-shadow: 0px 0px 5px #999;
    border: 1px solid #eee;
    margin-top: 17px;
}

.cal-top-shadow, .cal-bottom-shadow {
    display: none;
}

html .cal-ctrl .cal-content {
    background: none;
    margin: 0;
}

html .cal-ctrl .cal-content-border {
    background: none;
    width: 215px;
}

html .cal-ctrl .cal-table {
    margin: 0;
    width: 215px;
}

html body .cal-ctrl {
    width: 215px !important;
}

html .cal-ctrl .cal-table .day .cal-week-head span {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    width: 25px;
    height: 20px;
    line-height: 20px;
    background: none;
    border: 1px solid #fff;
}

html .cal-ctrl .cal-table .day a, html .cal-ctrl .cal-table .day span {
    font-size: 15px;
    padding: 0;
    width: 25px;
    height: 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #eee;
    line-height: 25px;
    margin-bottom: 3px;
}

    html .cal-ctrl .cal-table .day a:hover {
        color: #fff;
        background: #68A3D5 !important;
        border: 1px solid #68A3D5;
    }

html .cal-ctrl .cal-header {
    background: #555;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 202px;
    padding: 5px;
    height: 23px;
    line-height: 22px;
}

html body .cal-ctrl .cal-table .day a.today {
    background: #F0A246;
    border: 1px solid #F0A246;
    color: #fff;
}

html .cal-ctrl .cal-table .day a.notthismonth {
    border: 1px solid #fff;
    background: #fff;
}

html .cal-ctrl .cal-header a {
    color: #fff;
    font-size: 16px;
}

html body .cal-footer {
    height: 33px;
    padding: 0;
}

html body .cal-ctrl .cal-footer .popupclose, .cal-ctrl .cal-footer a {
    display: inline-block;
    padding: 5px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    background: #3f9cea;
    text-decoration: none;
    color: #fff;
    right: 3px;
    top: 0;
}

    html body .cal-ctrl .cal-footer .popupclose:hover {
        background: #555;
    }

html body .cal-ctrl .cal-footer {
    padding: 0;
    background: #F5F5F5;
    border-top: none;
}

    html body .cal-ctrl .cal-footer a {
        background: #555;
        color: #fff;
        margin: 3px;
        margin-top: 5px;
    }

        html body .cal-ctrl .cal-footer a:hover {
            background: #3f9cea;
        }

html .cal-ctrl .cal-table .month a, html .cal-ctrl .cal-table .year a {
    font-size: 17px;
    width: 47px;
    line-height: 44px;
    height: 44px;
    border: 1px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 3px 3px 0 0;
    color: #333;
    background: #f5f5f5;
}

html body .cal-ctrl .cal-table .month a:hover, html body .cal-ctrl .cal-table .year a:hover {
    background: #3f9cea;
    border: 1px solid #3f9cea;
    color: #fff;
}

html body .cal-ctrl .cal-table .month, html body .cal-ctrl .cal-table .year {
    padding-left: 1px;
    padding-bottom: 3px;
}

html body .cal-ctrl .cal-header a.prev {
    background: url("/images/new/cal-nav-bg.png") no-repeat -5px -5px transparent;
    width: 25px;
    height: 25px;
    margin-left: 0;
    margin-top: -1px;
}


    html body .cal-ctrl .cal-header a.prev:hover {
        background-position: -5px -41px;
    }



html body .cal-ctrl .cal-header a.next {
    background: url("/images/new/cal-nav-bg.png") no-repeat -42px -5px transparent;
    width: 25px;
    height: 25px;
    margin: -1px 0 0;
}


    html body .cal-ctrl .cal-header a.next:hover {
        background-position: -42px -41px;
    }

.Custom_DropDownPenultimateDiv {
    padding: 0;
}

.sliding-popup-content-heading {
    text-align: right;
    position: relative;
    height: 0px;
}

.sliding-popup-link a {
    display: inline-block;
    padding: 8px 30px 8px 15px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    background: #9B5257 url("/images/new/white-plus.png") no-repeat right center;
    white-space: nowrap;
}

.sliding-popup-content-heading a {
    display: inline-block;
    padding: 8px 30px 8px 15px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: #999 url("/images/new/white-close.png") no-repeat right center;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.sliding-popup-link a.greybutton {
    background: #222;
    padding: 8px 15px;
}

.sliding-popup-link a.split-fee-config-link {
    background: #9B5257;
    padding: 8px 15px 8px 15px;
}

.page-header {
    height: 45px;
}

.small-grey-button, .small-button {
    display: inline-block;
    padding: 5px 10px;
    min-width: 50px;
    text-align: center;
    font-size: 12px;
    background: #222;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
}

.small-button {
    background-color: #9B5257
}

    .small-grey-button em {
        font-style: normal;
        color: #fff;
        font-weight: normal;
    }

    .small-grey-button:hover {
        background: #636363;
    }

.announcements .sliding-popup-content {
    min-height: 480px;
}

.announcements-widget .expirydate {
    font-size: 11px;
    color: #999;
    padding-top: 2px;
}

    .announcements-widget .expirydate strong {
        font-weight: normal;
        color: #333;
    }

.announcements-widget a {
    font-weight: bold;
    font-size: 16px;
}

.announcements-widget .grid .inactive td a {
    color: #888;
    font-weight: normal;
}

.announcements-widget .inactive .expirydate strong {
    color: #999;
}

.announcements-widget .grid .inactive td {
}

.announcements-widget .small-grey-button {
    font-size: 12px;
}

#successbubble {
    background: #ffffcc;
    width: 100%;
    border: 1px solid #ddd;
    border-width: 1px 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    display: none;
    overflow: hidden;
}

    #successbubble .bubblecontent {
        padding: 10px;
        padding-right: 25px;
    }

.overlay-message {
    display: none;
}

.create-timetable h2 {
    font-size: 22px;
    margin: 0;
    padding: 0 0 10px 0;
}

.msg-ctrl-content .grid strong {
    font-weight: normal;
}

.msg-ctrl-content .grid a {
    color: #666;
}

.msg-ctrl-content .grid .bold {
    font-weight: bold;
    color: #9B5257;
}

#inlineIframe {
    border: none;
    display: block;
    width: 100%;
}

.inlinepopuperrortd {
    height: 50px;
}

#popupBody {
}

#popupLoader {
    text-align: center;
    padding-top: 50px;
}

.manage-timetable h2 {
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: normal;
    color: #666;
    line-height: 35px;
    float: left;
}

    .manage-timetable h2 strong {
        color: #222;
    }

.page-header .backbutton {
    float: left;
    background: #222 url("/images/new/white-left-arrow.png") no-repeat 8px center;
    color: #fff;
    padding: 5px 10px 5px 20px;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 10px;
}

.grid td.week-name {
    text-transform: uppercase;
    text-align: center;
    background: #f1f1f1;
    width: 100px;
    height: 90px;
    font-weight: bold;
}

.hour-container {
    position: relative;
    border-bottom: 2px dashed #ddd;
    height: 90px;
    background: url("/images/new/transparent.gif") 0 0;
}

div.hour-container div.hour-item {
    position: absolute;
    background-color: #EAF7FC;
    margin: 0px 0px 0px 0px;
    border: 1px solid #88DCFB;
    top: 0;
    cursor: pointer;
    height: 90px;
    overflow: hidden;
}

    div.hour-container div.hour-item div {
        padding: 5px;
    }

div.hour-container div.assigned-hour {
    background: #e2f1dd;
    border: 1px solid #91c382;
}

div.hour-container div.hour-item div {
    font-size: 11px;
    overflow: hidden;
}

.hour-container p span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hour-container p {
    margin: 4px 0px 4px 0px;
}

    .hour-container p span.sub-container {
        display: inline-block;
        width: auto;
        max-width: calc(100% - 30px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 5px;
    }

        .hour-container p span.sub-container + span {
            width: auto;
            max-width: 100%;
        }

.end-time {
    float: right;
    padding: 5px;
    background: #222;
    color: #fff;
    font-size: 12px;
    margin-top: 2px;
    border-radius: 3px;
}

.start-time {
    float: left;
    padding: 5px;
    background: #222;
    color: #fff;
    font-size: 12px;
    margin-top: 2px;
    border-radius: 3px;
}

.time-slot {
    width: 100%;
}

    .time-slot td.time-slot-action {
        text-align: right;
    }

.grid .time-slot td {
    border: none;
}

.manage-timetable .grid {
}

    .manage-timetable .grid td {
        border-top: none;
        border-bottom: 5px solid #fff;
    }

#calloutBox {
    background: #222;
    color: #fff;
    position: absolute;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    display: none;
}

.timetable-template-tooltip p {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

div.hour-container div.hour-item.lunch {
    background-color: #fff;
    border: 1px solid #ccc;
}

div.hour-container div.hour-item.break {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}

.manage-timetable .grid td.timetableaction {
    width: 100px;
    border-left: 1px solid #fff;
    background: #F1F1F1;
}

.timetableaction a {
    display: block;
    font-size: 12px;
    padding: 3px 0;
}

.timetable-template-selector {
    display: none;
    position: absolute;
}

.timetable-template-selector-open {
    position: absolute;
    background: #222;
    padding: 5px;
    box-shadow: 0 0 3px #000;
    border-radius: 3px;
    margin-top: 10px;
}

    .timetable-template-selector-open a {
        color: #fff;
        padding: 5px 10px;
    }

    .timetable-template-selector-open em {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #222;
        position: absolute;
        left: 20%;
        top: -5px;
    }

.small-form th {
    width: 20%;
}

.small-form .button {
    padding: 5px 10px;
    min-width: 80px;
    font-weight: bold;
}

.popup-heading {
    margin: 0;
    padding: 5px 0 5px 0;
    font-size: 22px;
}

.ref-popup-heading {
    margin: 0;
    padding: 15px 0 5px 0;
    font-size: 22px;
}

#popupBody {
    padding: 10px;
    /*padding-right: 0;*/
}



.search {
}

    .search .form-table {
    }

    .search .page-heading {
        padding: 30px;
        min-height: 35px;
    }

.manage-timetable-heading {
    background: url(/images/new/arrow-sep-bg.png) no-repeat right center;
    width: 235px;
}

.search .with-table {
    padding: 0;
}

    .search .with-table td {
        min-height: 35px;
        padding: 10px;
    }

.manage-timetable-step1, .manage-timetable-step2 {
    background: url(/images/new/arrow-sep-bg.png) no-repeat right center;
    width: 235px;
    color: #999;
    font-weight: bold;
}

.search .with-table td h1 {
}

.manage-timetable-step1 span, .manage-timetable-step2 span {
    background: url(/images/new/round.png) no-repeat center center;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    margin-right: 5px;
    margin-left: 10px;
}

.manage-timetable-step1 .link-button {
    font-size: 13px;
    padding: 3px 10px;
    margin: 0;
    vertical-align: middle;
    font-weight: normal;
    background: #636363;
}

.page-heading .active {
    color: #333;
}

    .page-heading .active span {
        background: url(/images/new/active-round.png) no-repeat center center;
    }

.page-heading .done span {
    background: url(/images/new/done-round.png) no-repeat center center;
}

#searchCancelLink {
    background: #636363;
}

    #searchCancelLink:hover {
        background: #555;
    }

.form-table {
    width: 100%;
    color: #333;
}

    .form-table th {
        text-align: right;
        font-size: 15px;
        padding: 10px;
        width: 33%;
        font-weight: normal;
    }

    .form-table td {
        padding: 5px 0;
        font-size: 15px;
    }

        .form-table td b {
            font-weight: normal;
        }

        .form-table td input, .form-table td select {
            padding: 5px;
            color: #666;
            font-size: 15px;
            background-color: #fff;
        }

.link-button {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    background: #9B5257;
    margin-right: 5px;
    font-size: 13px;
    line-height: 25px;
    text-decoration: none;
}

    .link-button:hover {
        background: #555;
        color: #fff;
    }

.page-heading .add-button {
    float: right;
    margin-right: 0;
    font-size: 13px;
}

.search .with-table {
    padding: 0;
}

    .search .with-table td {
        min-height: 35px;
        padding: 10px;
        padding-left: 0;
    }

        .search .with-table td h1 {
            font-size: 22px;
        }

div.page-heading {
    padding: 10px;
    min-height: 30px;
}

    div.page-heading table {
        width: 100%;
    }

    div.page-heading h1 em {
        color: #333;
        font-style: normal;
    }

    div.page-heading div.disc {
        color: #666;
    }

        div.page-heading div.disc span {
            color: #333;
        }

.search-heading {
    font-size: 13px;
    color: #999;
    padding: 10px;
}

    .search-heading b {
        font-weight: normal;
    }

    .search-heading span {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: #333;
        display: inline-block;
        line-height: 18px;
        padding: 5px 10px;
        border: 1px solid #ddd;
        margin: 0 5px 5px 0;
        background: #f5f5f5;
    }

        .search-heading span em {
            font-style: normal;
            color: #999;
        }

.form-table .error-td {
    padding: 0;
}

    .form-table .error-td .info-box {
        border-top: none;
        padding: 10px;
    }

        .form-table .error-td .info-box ul {
            margin-top: 5px;
        }



.attendance {
}

.attendance-heading {
}

    .attendance-heading td {
        padding: 10px;
    }

    .attendance-heading span {
        color: #333;
        font-size: 17px;
        padding-right: 10px;
    }

        .attendance-heading span strong {
            display: block;
            font-size: 13px;
            font-weight: normal;
        }

.cal-day {
    width: 250px;
    text-align: center;
}

.attendance-heading .attendance-links {
    text-align: right;
    vertical-align: top;
}

.attendance-links a, .save-attendance {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    background: #3f9cea;
    margin-right: 5px;
    font-size: 18px;
    line-height: 25px;
    text-decoration: none;
}

.save-attendance {
    background: #F0A246;
}

.attendance-links a:hover {
    background: #666;
}


html body .highlightlink {
    background: #9B5257;
}

.attandance-row {
}

    .attandance-row tr td.rollnoTD {
        width: 50px;
        padding-right: 0;
    }


span.rollno {
    font-size: 11px;
    display: block;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
}

.attendance-summary {
    font-size: 30px;
}

    .attendance-summary td {
        text-align: center;
        vertical-align: middle;
        width: 80px;
        color: #999;
        padding: 5px;
        line-height: 25px;
    }

    .attendance-summary strong {
        display: block;
        font-size: 11px;
        line-height: 11px;
    }

    .attendance-summary .present {
        color: #55A568;
    }

    .attendance-summary .absent {
        color: #BF3819;
    }


.subject-name {
    text-align: left;
    vertical-align: middle;
    background: url(/images/new/right-group.png) no-repeat right center;
}

.attendance-heading .subject {
    font-size: 22px;
    color: #222;
}

.subject-name span {
    display: block;
}

.attendance-table {
    border-top: 1px solid #ddd;
}

.attendance-table-links, .attendance-table-sort, .attendance-links, .attendance-summary {
    background: #f1f1f1;
    padding: 10px;
    width: 230px;
    text-align: center;
}

.attendance-table-sort {
    border-right: none;
    height: 50px;
    text-align: left;
    width: 240px;
}

.attendance-summary {
    width: auto;
    border-right: none;
    border-left: none;
}

    .attendance-summary table {
        margin: 0 0 0 auto;
    }

.attendance-table-sort select {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    font-size: 13px;
    background: #777;
    border: none;
    color: #fff;
    outline: none;
}

.mark-all-present {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 13px;
    font-size: 13px;
    background: #777;
    border: none;
    color: #fff;
    outline: none;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
}

    .mark-all-present:hover {
        background: #55A568;
    }

.mark-all-absent {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 12px;
    font-size: 13px;
    background: #777;
    border: none;
    color: #fff;
    outline: none;
    display: inline-block;
    text-decoration: none;
}

    .mark-all-absent:hover {
        background: #BF3819;
    }

.small-link-button {
    font-size: 13px;
}

.attendance-table-links {
    width: 255px;
    white-space: nowrap;
    border-right: none;
    text-align: left;
}

.hidebutton {
    display: none;
}

.submenu-container {
    position: relative;
    display: inline-block;
}

.small-submenu {
    position: absolute;
    background: #222;
    padding: 5px;
    box-shadow: 0 0 3px #000;
    border-radius: 3px;
    margin-top: 10px;
    right: 0;
    display: none;
    z-index: 1;
}

    .small-submenu a {
        color: #fff;
        padding: 5px 10px;
        display: block;
        white-space: nowrap;
    }

    .small-submenu em {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #222;
        position: absolute;
        right: 20%;
        top: -5px;
    }

.submenu-heading {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 3px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

    .submenu-heading em {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #000;
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -2px;
    }

    .submenu-heading a {
        color: #222;
        text-decoration: none;
        display: block;
    }

.grid-pager-current-page {
    padding: 10px;
    border-top: 1px solid #eee;
}

.grid-pager {
    text-align: center;
}

.grid-pager-ctrls {
    margin: 0 auto;
}

    .grid-pager-ctrls td {
        padding-top: 5px;
    }

    .grid-pager-ctrls input {
        border: 1px solid #ddd;
        padding: 5px;
        border-radius: 3px;
        background: #f1f1f1; /* Old browsers */
        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
        cursor: pointer;
        display: inline-block;
    }

.grid-page-number {
    text-align: center;
    min-width: 100px;
}

    .grid-page-number table {
        margin: 0 auto;
    }

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

.staff-manager h2 {
    float: left;
    margin: 0;
    padding: 5px 10px 10px 0;
}

.mainpage-heading h1 {
    margin: 0;
    padding: 0;
    font-size: 25px;
    float: left;
}

.mainpage-heading .backbutton {
    padding-left: 25px;
}

.course-manager h2 {
    margin: 0;
    padding: 5px 0 0 10px;
}

.filter-heading {
    clear: both;
    background: #f5f5f5;
}

    .filter-heading h4, .filter-heading span {
        display: inline-block;
        padding: 10px;
    }

    .filter-heading span {
        padding-top: 0;
    }

    .filter-heading h4 {
        border-right: 1px solid #ddd;
        text-transform: uppercase;
        color: #999;
    }

    .filter-heading a {
        padding: 5px 10px;
        min-width: 80px;
        margin: 0 10px;
    }

        .filter-heading a.greybutton {
            margin-bottom: 10px;
        }

.filter-details td {
    vertical-align: top;
    padding: 10px;
}

.filter-details {
}

.filter-heading select {
    margin-right: 10px;
}

.filter-details h3 {
    font-size: 16px;
    margin: 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
}

.filter-details table td {
    padding: 0 0 5px 0;
}

.tab-holder {
    padding-left: 10px;
    margin-bottom: 10px;
    background: url("/images/new/tab-border.png") 0 top;
}

    .tab-holder span {
        display: inline-block;
    }

    .tab-holder a {
        background: #fff;
        color: #333;
        display: inline-block;
        padding: 5px 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #f1f1f1; /* Old browsers */
        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
        border: 1px solid #ddd;
        text-decoration: none;
        margin-right: 1px;
        font-weight: bold;
        font-size: 13px;
        position: relative;
        z-index: 1;
        line-height: 30px;
    }

        .tab-holder a strong {
        }

        .tab-holder a em {
            font-style: normal;
        }

        .tab-holder a.active {
            background: #fff;
            text-decoration: none;
            bottom: -1px;
            border-bottom: none;
            color: #777;
            padding-top: 6px;
        }

.expand-group {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
}

.expand-group-heading {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 20px;
    background: #f5f5f5;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
    border-radius: 3px;
}

    .expand-group-heading em {
        display: inline-block;
        background: url("/images/new/black-right-arrow.png") no-repeat 0 center;
        height: 16px;
        width: 16px;
        vertical-align: middle;
    }

.group-content-expanded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .group-content-expanded em {
        background-image: url("/images/new/black-bottom-arrow.png");
    }

.expand-group-heading a {
    font-size: 12px;
    display: none;
}

.expand-group-content {
}

    .expand-group-content .grid td {
        border-bottom: 1px solid #eee;
        border-top: none;
    }

.inner-grid, .fee-payment .inner-grid {
    width: 50%;
    border: 1px solid #ddd;
    border-bottom: none;
    border-right: none;
}

    .grid .inner-grid tr td, .grid .inner-grid tr th, .fee-payment .inner-grid tr th, .fee-payment .inner-grid tr td, .trans-fee-payment .inner-grid tr th, .trans-fee-payment tr td {
        padding: 5px;
        background: #f1f1f1;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        white-space: nowrap;
    }

    .grid .inner-grid tr th, .fee-payment .inner-grid tr th {
    border-top: none;
}

    .grid .inner-grid tr td, .fee-payment .inner-grid tr td {
    background: none;
}

.class-assignment {
    height: 37px;
}

    .class-assignment a {
        float: right;
        padding: 8px 20px;
        font-weight: bold;
        background: #9B5257;
    }

    .class-assignment strong {
        display: inline-block;
        padding-left: 5px;
        padding-top: 5px;
        font-size: 16px;
        float: left;
    }

.inner-grid .small-grey-button {
    padding: 5px;
    background: none;
    color: #9B5257;
    text-decoration: underline;
}

    .inner-grid .small-grey-button em {
        color: #9B5257;
    }

.group-expanded {
    background: #fff;
}

.group-notclickable {
    background: #fff;
    color: #999;
    cursor: text;
}

    .group-notclickable em {
        display: none;
    }

.profile-photo {
    padding-right: 20px;
    border-right: 1px solid #eee;
    vertical-align: top;
    width: 150px;
    vertical-align: top;
    text-align: center;
}

    .profile-photo img {
        width: 140px;
        max-height: 170px;
    }

    .profile-photo div.photo {
        padding: 5px;
        background: #f5f5f5;
    }

    .profile-photo .addphoto {
        background: none;
        padding-top: 10px;
    }

.profile-details {
    padding-left: 20px;
    vertical-align: top;
}

.profile-photo-container {
    position: relative;
}

.profile-photo .profile-photo-popup {
    position: absolute;
    left: -6px;
    top: -6px;
    padding: 0;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    display: none;
}

.profile-photo-popup strong {
    text-align: left;
    padding-bottom: 10px;
    display: block;
}

.profile-photo .profile-photo-popup img {
    width: 140px;
}

.profile-photo .profile-photo-popup td {
    padding: 20px;
    background: #f5f5f5;
}

    .profile-photo .profile-photo-popup td.photo-ctrl-footer {
        background: #fff;
        border-top: 1px solid #ddd;
    }

.photo-ctrl-footer .button {
    padding: 5px 10px;
    min-width: 80px;
}

.profile-ctrl td {
    padding-right: 10px;
}

.profile-data {
}

.profile-ctrl {
    display: none;
}

.profile-text {
}

.profile-ctrl strong {
    display: inline-block;
    min-width: 100px;
}

html .Custom_DropDownPenultimateDiv {
    padding: 0;
}

.profile-table td, .profile-table th {
    padding-bottom: 10px;
    padding-top: 10px;
}

.profile-hading {
    font-size: 18px;
    color: #666;
    border-bottom: 1px solid #eee;
}

.profile-table {
    width: 100%;
}

    .profile-table th {
        text-align: right;
        width: 200px;
        font-weight: normal;
        padding-right: 20px;
    }

    .profile-table .profile-ctrl td {
        padding-bottom: 5px;
        padding-top: 0;
    }

    .profile-table .profile-text td {
        padding-bottom: 5px;
        padding-top: 0;
        padding-right: 10px;
    }

    .profile-table textarea {
        min-width: 325px;
    }

.address2 {
    border-top: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.profile-hading a {
    font-size: 12px;
    display: inline-block;
    padding-left: 10px;
}

.profile-table .grid td, .profile-table .grid th {
    padding: 5px 10px;
    font-size: 12px;
}

.profile-table .grid th {
    vertical-align: bottom;
    text-align: left;
    font-weight: bold;
}

.edit-profile {
    padding-top: 10px;
}

    .edit-profile a {
        display: block;
        margin-bottom: 10px;
    }

        .edit-profile a.savebutton {
            background: #498af3;
            display: none;
        }

.bluebutton {
    background: #498af3;
}

.savebutton {
    background: #498af3;
    display: none;
}

.popup-heading h2, .ref-popup-heading h2 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 10px 0;
}

.header-table {
    display: none;
}

.listbox {
}

    .listbox select {
        display: block;
        min-height: 150px;
    }

    .listbox a {
        margin-top: 10px;
        display: block;
        white-space: nowrap;
    }

.popuplistbox {
    position: absolute;
    left: -265px;
    top: -15px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    display: none;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.addclasss {
    position: relative;
}

    .addclasss a {
        margin-top: 0;
        margin-bottom: 10px;
    }

.listbox td {
    vertical-align: top;
}

.addbutton {
    background: #358618;
}

.deletebutton {
    background: #ad3229;
}

.small-form.bigformtitle th {
    width: 30%;
}

.small-form.popupfom th {
    width: 40%;
}

.h-form {
    margin: 0 auto;
    width: 100%;
    background: #f5f5f5;
}

    .h-form th {
        text-align: left;
        padding: 10px 0 0 10px;
    }

    .h-form td {
        padding: 10px;
    }

        .h-form td input {
            width: 95%;
        }

.footer-row td {
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 17px;
}

.expand-group-content .grid th {
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.expangroup-link .addbutton, .addfeeintallment .addbutton {
    display: inline-block;
    padding: 5px;
    font-weight: normal;
    float: right;
}

.addfeeintallment {
    width: 30%;
}

    .addfeeintallment .addbutton {
        float: right;
    }

.expangroup-link .addbutton {
    position: absolute;
    right: 20px;
    top: 15px;
}

.expangroup-link {
    position: relative;
}

.datalist {
    width: 100%;
    background: #f5f5f5;
}

    .datalist td {
        padding: 5px;
    }

.datalist-outer {
    width: 100%;
}

.popup-selector {
    background: #ddd;
    padding: 10px;
    margin: 10px 0;
}

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

#canceleditprofile {
    display: none;
}

.iframe-page #popupConfirmation table {
    left: 0 !important;
    top: 0 !important;
    position: fixed;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
    background: #fff;
}

    .iframe-page #popupConfirmation table td {
        text-align: center;
        font-size: 14px;
    }

    .iframe-page #popupConfirmation table table {
        position: static;
    }

.iframe-page #popupConfirmation .button-group {
    padding-top: 20px;
}

.search-filter {
    background: #f5f5f5;
    padding: 20px;
    padding-left: 45px;
    padding-top: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,.25);
    margin: 0 20px;
}

    .search-filter th {
        padding: 5px 0 5px;
        text-align: left;
    }

.fee-summery-table {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .fee-summery-table th {
        text-align: right;
        font-size: 16px;
        font-weight: normal;
        color: #666;
        padding: 0 5px 0 0;
    }

    .fee-summery-table td {
        text-align: right;
        padding: 0 5px 5px 0;
        font-size: 16px;
    }

    .fee-summery-table .total-amount td, .fee-summery-table .total-amount th {
        color: #222;
        font-weight: bold;
        font-size: 24px;
    }

.search-again, .hidesearch {
    padding: 0 0 5px 0;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.18);
    display: none;
    position: relative;
}

    .search-again a, .hidesearch a {
        display: inline-block;
        border-radius: 3px;
        background: #498af3;
        padding: 10px 25px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        position: absolute;
        top: -59px;
        box-shadow: 0 2px 2px rgba(0,0,0,.18);
        left: 296px;
        min-width: 100px;
        margin-left: -100px;
    }

    .hidesearch a {
        left: 50%;
        top: 15px;
        background: #333;
        text-align: center;
    }

        .search-again a em, .hidesearch a em {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #498AF3;
            position: absolute;
            left: 50%;
            top: -5px;
            margin-left: -5px;
        }

        .hidesearch a em {
            border-bottom: 5px solid #333;
        }

.fee-menu {
    padding: 10px 10px 20px 10px;
}

    .fee-menu a span {
    }

.total-amount {
    position: relative;
}

.total-amount-popup, .fee-payment {
    position: absolute;
    right: 10px;
    background: #ffffcc;
    z-index: 100;
    box-shadow: 0 0 3px rgba(0,0,0,.18);
    padding: 10px;
}

.trans-fee-payment {
    position: relative;
    padding: 15px;
    max-width: 800px;
    margin: 0 auto;
}
    .trans-fee-payment table{
        width:100%;
    }
    
.fee-payment {
    right: 40px;
}

.fee-table {
    display: table;
    width: 100%;
    border: solid #ddd;
    border-width:1px 0 0 1px;
}

.fee-table .row{
    display:table-row;
    width:100%;
}

.fee-table .row .cell{
    display:table-cell;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.fee-table .row.header-row .cell{
    background: #f1f1f1;
    font-weight:bold;
}

.fee-table .row .cell.empty-cell{
    border-right: 0;
}

.transaction-details {
    margin-top: 25px;
    box-shadow: 0 0 10px #9b5257;
    padding: 20px;
}

.transaction-details h2.fee-sub-header{
    margin-top:0;
    padding-top:0;
}

    .grid .total-amount-popup .inner-grid tr td, .fee-payment .inner-grid tr td, .trans-fee-payment .inner-grid tr td {
        background: #fff;
    }

.staff-search {
    background: #f1f1f1;
    padding: 10px;
}

    .staff-search th {
        text-align: left;
        padding-right: 10px;
    }

    .staff-search td select {
        min-width: 180px;
    }

    .staff-search .action a {
        padding: 5px 5px;
    }

.staff {
    width: 100%;
}

    .staff td {
        padding: 10px;
    }

    .staff td {
        text-align: center;
    }

        .staff td.staff-details {
            text-align: left;
        }

.staff-card {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.staff-datalist {
    border-left: 1px solid #eee;
}

.login-ctrl {
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 20px;
    min-width: 360px;
}

    .login-ctrl h1 {
        margin: 0;
        padding: 0;
        font-size: 22px;
        padding-bottom: 10px;
    }

    .login-ctrl table {
        width: 100%;
    }

        .login-ctrl table td {
            padding-bottom: 10px;
        }

            .login-ctrl table td strong {
                display: block;
                font-size: 14px;
                padding: 10px 0 5px;
            }

            .login-ctrl table td input {
                min-width: 330px;
                padding: 7px;
                font-size: 15px;
                box-sizing: border-box;
            }

            .login-ctrl table td .button {
                min-width: 70px;
            }

.change-password .form {
    width: 700px;
    margin: 0 auto;
}

    .change-password .form input {
        min-width: 300px;
    }

.licence-registration-setting .form {
    width: 600px;
    margin: 0 auto;
}

    .licence-registration-setting .form input {
        min-width: 300px;
    }

.searchfilter-holder {
    position: relative;
}

.searchfilter-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 101;
}

#content-dimmer, #bodydimmer, #iframeDimmer {
    background: #fff;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */
    filter: alpha(opacity=80); /* Netscape */
    -moz-opacity: 0.8; /* Safari 1.x */
    -khtml-opacity: 0.8; /* Good browsers */
    opacity: 0.8;
    display: none;
    z-index: 100;
}

#bodydimmer, #iframeDimmer {
    z-index: 2000;
}

.close-small-popup {
    position: absolute;
    padding: 10px;
    color: #fff;
    background: red;
    line-height: normal;
    width: 12px;
    height: 12px;
    text-align: center;
    right: -32px;
    top: 0;
}

.modal-popup {
    padding: 20px;
    background: #fff;
    width: 400px;
    border: 2px solid #ddd;
    box-shadow: 0 0 10px rgba(0,0,0,.18);
}



    .modal-popup h3 {
        margin: 0;
        padding: 0;
        font-size: 22px;
        color: #000;
    }

    .modal-popup p {
        margin: 0;
        padding: 10px 0;
        font-size: 14px;
        color: #000;
    }

    .modal-popup .button, .modal-popup .grey-button {
        padding: 8px 10px;
        margin-bottom: 10px;
    }

    .modal-popup td {
        text-align: center;
    }

    .feeformat {
    margin-top: 10px;
}

    .feeformat .list-container {
        padding-bottom: 10px;
        width: 470px;
    }


        .feeformat .list-container select {
            min-height: 250px;
        }

    .feeformat a {
        padding: 5px 10px;
        width: 180px;
    }

    .feeformat .popuplistbox {
        left: auto;
        right: 0;
        box-shadow: none;
        border: none;
        background: #eee;
    }

        .feeformat .popuplistbox select {
            min-height: 250px;
        }

.process-fee-bu {
    padding: 10px;
    border-top: 1px solid #ddd;
}

.fee-rocessing-table td {
    text-align: left;
}

.fileupload-ctrl {
    padding: 10px;
    margin: 10px 0;
    background: #f1f1f1;
}

.process-status {
    font-size: 13px;
    display: inline-block;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    font-weight: normal;
    margin-left: 10px;
    color: #666;
    border: 1px solid #eee;
}

    .process-status em {
        color: #333;
        font-style: normal;
        font-weight: bold;
    }

.fee-processing-table td {
    font-size: 16px;
    padding: 20px;
    border-right: 1px solid #ddd;
    vertical-align: top;
}

    .fee-processing-table td strong {
        display: block;
        padding: 10px 0;
        font-size: 26px;
    }

    .fee-processing-table td a {
        background: url(/images/new/document-d.png) no-repeat 0 center;
        padding-left: 21px;
        display: inline-block;
        height: 20px;
        font-size: 13px;
    }

.grid .failedtr td {
    color: Red;
}

.horizondal-scroll {
    overflow-x: auto;
}

.print-body {
    padding: 10px;
}

.print-page .header {
    padding-top: 0;
    background: #fff;
    border-bottom: 1px solid #000;
}

    .print-page .header h1 {
        color: #000;
    }

.receipt-table {
    width: 100%;
}

    .receipt-table td {
        padding: 10px;
        border-bottom: 1px solid #000;
        text-align: left;
    }

        .receipt-table td.payemnt-item-no {
            padding-left: 0;
        }

    .receipt-table .payment-total td {
        text-align: right;
        font-weight: bold;
    }

.print-page .print-body h1 {
    padding: 30px 0 20px 0;
    margin: 0;
    text-align: center;
}

.receipt-content {
    font-size: 14px;
    line-height: 1.5em;
    padding-bottom: 10px;
}

.receipt-table td.payemnt-amt {
    text-align: right;
}

.receipt-footer {
    text-align: right;
    padding-top: 80px;
    font-weight: bold;
}

    .receipt-footer strong {
        display: inline-block;
        padding: 10px 50px;
        border-top: 1px solid #000;
    }

.receipt-disclaimer {
    text-align: center;
    padding-top: 20px;
    bottom: 0;
    font-weight: bold;
    width: 100%;
}

    .receipt-disclaimer strong {
        display: inline-block;
        padding: 10px 50px;
        width: 100%;
        border-top: 0.6px solid #000;
    }

.bankreport {
    font-size: 15px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

    .bankreport th {
        text-align: right;
        font-weight: normal;
    }

    .bankreport td {
        font-weight: bold;
    }

    .bankreport table {
        margin-left: auto;
    }

.bankreport-table th, .bankreport-table td {
    text-align: right;
    padding: 5px;
}

.fee-menu a {
    margin-right: 5px;
}

.iframe-page .widget {
    padding: 0;
}

.filter-box {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    height: 30px;
    border-bottom: 1px solid #ddd;
}

    .filter-box a {
        border: 1px solid #ddd;
        padding: 5px 10px;
        border-radius: 3px;
        background: #f1f1f1; /* Old browsers */
        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
        display: inline-block;
        margin: 0 10px 0 0;
        font-size: 12px;
        color: #666;
        text-decoration: none;
        float: right;
    }

.filter-search {
    float: left;
}

    .filter-search a {
        float: none;
    }

.grid .timetable-row-fade .week-name {
    color: #999;
    text-decoration: line-through;
    background: url("/images/new/transparent.gif") 0 0;
}

.grid .timetable-row-fade .hour-container {
    visibility: hidden;
}

.manage-timetable .grid .timetable-row-fade td.timetableaction {
    background: url("/images/new/transparent.gif") 0 0;
}

.admin-loginbox {
    width: 700px;
    margin: 0 auto;
    background: #f1f1f1;
    padding: 20px;
}

.create-timetable .page-header .page-heading {
    font-weight: bold;
    color: #222;
}

.create-timetable-box {
    border-bottom: 1px solid #ddd;
}

    .create-timetable-box td {
        padding: 20px;
        vertical-align: bottom;
    }

        .create-timetable-box td strong {
            display: block;
            padding-bottom: 10px;
        }

        .create-timetable-box td select {
            width: 100%;
        }

.timetable-arrow {
    position: relative;
}

    .timetable-arrow em {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #F1F1F1;
        position: absolute;
        left: 49px;
        top: -10px;
    }

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

.guest-page {
    height: 100%;
    background: #fff;
}

    .guest-page .wrapper {
    }

    .guest-page .logo-disc h1 {
        margin: 0;
        padding: 0;
        font-size: 30px;
    }

    .guest-page .logo-disc {
        color: #666;
    }

.guest-header {
    padding: 10px;
    background: #f1f1f1;
}

.error-text {
    color: Red;
}

.guest-header img {
    margin-right: 10px;
}

.setting-box {
    background: #f1f1f1;
    padding: 20px;
    margin-bottom: 10px;
}

    .setting-box h3 {
        padding: 0;
        margin: 0;
        font-size: 18px;
        padding-bottom: 10px;
    }

    .setting-box input[type="text"], .setting-box textarea {
        width: 200px;
    }

    .setting-box .grid {
        width: auto;
        min-width: 50%;
    }

.iframe-page .cal-ctrl {
    position: fixed;
    height: 100% !important;
    width: 100% !important;
    box-shadow: none;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: url("/images/new/fade-bg.png");
}

html .iframe-page .cal-ctrl .cal-content {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    padding: 10px;
    width: 210px;
    border: 1px solid #ddd;
}

html .iframe-page .cal-ctrl .cal-content-border {
    position: fixed;
    left: 50%;
    margin-left: -105px;
    margin-top: -145px;
    top: 50%;
    background: #fff;
}

.page-submenu {
    float: right;
}

    .page-submenu a {
        margin-left: 10px;
    }

.filter-details-box {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

.filter-details-box {
    font-size: 14px;
    height: 141px;
}

    .filter-details-box td {
        padding-bottom: 5px;
    }

    .filter-details-box span {
        color: #777;
        padding-right: 5px;
    }

html body .cal-ctrl .cal-footer .popupclose {
    float: right;
}

.info-box {
    padding: 5px 10px;
    margin: 5px;
    background: #ffffcc;
}

.mapped-syllabus {
    background: #f1f1f1;
    padding: 10px;
    margin-bottom: 10px;
}

    .mapped-syllabus h3 {
        margin: 0;
        padding: 0;
        font-size: 15px;
    }

    .mapped-syllabus p {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

.iframe-page .mail-suggestionBorder {
    min-width: 250px;
}

.sudent-search select {
}

.manage-timetable-cell {
    vertical-align: top;
    width: 200px;
}

.manage-timetable-holder a {
    display: block;
    margin-bottom: 10px;
}

.timetable-item {
    padding-top: 10px;
}

.timetablebucell {
    width: 165px;
}

    .timetablebucell a {
        display: block;
        margin-bottom: 5px;
        padding: 5px;
    }

.timtablegrid .inner-grid {
    width: 100%;
}

    .timtablegrid .inner-grid .dateandtime strong, .dateandtime strong {
        font-size: 15px;
        display: inline-block;
        min-width: 100px;
        text-align: center;
        background: #eee;
        color: #666;
        padding: 5px;
        border-radius: 3px;
    }

    .timtablegrid .inner-grid .dateandtime span, .dateandtime span {
        padding: 0 10px;
        text-transform: uppercase;
        font-size: 11px;
        color: #666;
    }

    .timtablegrid .inner-grid .dateandtime em, .dateandtime em {
        font-style: normal;
    }

    .timtablegrid .inner-grid tr td {
        background: #fff;
    }

    .timtablegrid .inner-grid tr.alt td {
        background: #f9f9f9;
    }

.expand-group-content .grid td.timetablebucell {
    vertical-align: top;
    padding-left: 0;
}

.timetablebucell .button {
    background: #358618;
}

.timetablebucell .removebutton {
    background: #AD3229;
}

.timetablebucell-container {
    position: relative;
}

.subject-row-inactive {
    color: #ccc;
}

.form-table .subject-row-inactive td select {
    color: #999;
    border-color: #eee #efefef #efefef #eee;
}

.timetablebucell .selectallclasses a {
    font-size: 11px;
    padding: 0;
    text-align: center;
}

.timetablebucell-scrollbox {
    width: 165px;
}

.timetablelist {
    vertical-align: top;
}

.setting-form th {
    vertical-align: top;
}

.setting-form td {
    background: #f5f5f5;
}

.asign-staff h3 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: normal;
}

.asign-staff-item {
    padding: 10px;
    background: #f5f5f5;
    margin-top: 10px;
    margin-bottom: 10px;
}

.closebubble {
    position: absolute;
    right: 5px;
    font-size: 22px;
    color: #000;
    text-decoration: none;
    height: 22px;
    width: 22px;
    text-align: center;
    margin-top: 3px;
}

.footerlinks a {
    font-size: 11px;
}

.copyright {
    font-size: 11px;
    text-align: right;
}

.takeattendance h3 {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 15px;
}

.class-attendance {
    width: 260px;
    vertical-align: top;
    padding: 15px;
    padding-left: 45px;
}

    .class-attendance h3 {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 16px;
        text-transform: uppercase;
    }

    .class-attendance select {
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }

.attandance-button {
    width: 100%;
}

    .attandance-button a {
        display: block;
        margin-bottom: 5px;
    }

.class-attendance .left-nav-holder {
    width: 260px;
}

.class-attendance .leftnav {
    width: 260px;
}

.attendance-calendar {
    display: none;
    box-shadow: 0 0 5px rgba(0,0,0,.18);
}

    .attendance-calendar td {
        border-bottom: none;
    }

.class-attendance .left-nav-holder .attendance-calendar a {
    padding: 0;
    border: none;
    text-decoration: none;
}

.weekend {
    background: #eee;
}

.class-attendance .left-nav-holder .attendance-calendar .othermonthcal a {
    color: #999 !important;
}

.selectedCal {
    font-weight: bold;
}

.pageCal {
    width: 100%;
}

.Calpageheader {
    width: 100%;
}

    .Calpageheader .callinks {
        text-align: right;
    }

        .Calpageheader .callinks a {
            padding: 5px;
            display: inline-block;
        }

.calDay {
    font-size: 22px;
    text-align: center;
}

.left-nav-holder a.showCal {
    padding: 0;
    border-bottom: none;
    cursor: pointer;
}

.Calpageheader td {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

.pageCal {
    background: #fff;
}

    .pageCal td {
        padding: 5px;
        background: #fff !important;
    }

.take-attendance-heading {
    font-size: 22px;
    display: block;
    padding: 10px;
    background: #999;
    color: #fff;
    border: 1px solid #888;
    width: 30px;
}

.grid th.chumma, .grid td.chumma, .grid td.disabledCell {
    text-align: center;
    width: 30px;
    padding: 0;
}

html .StudentAttendancetable tr td.nonclass {
    background: #eee;
    border-right: 1px solid #eee;
}

.Attendancelinkcell {
    text-align: left;
}

.StudentAttendancetable tr:hover td {
    background: #ffffcc;
}

.StudentAttendancetable td.chumma, .StudentAttendancetable td.disabledCell {
    cursor: pointer;
    border-right: 1px solid #eee;
}

.StudentAttendancetable td.disabledCell {
    cursor: text;
}

.StudentAttendancetable td.at-studentname {
    border-right: 1px solid #eee;
}

.StudentAttendancetable tr.marked td {
    background: #f9f9f9;
}

    .StudentAttendancetable tr.marked td.at-studentname {
        font-weight: bold;
    }

    .StudentAttendancetable tr.marked td.stpresent {
        background: #74aa6b;
        color: #fff;
    }

    .StudentAttendancetable tr.marked td.stabsent {
        background: #e1736b;
        color: #fff;
    }

    .StudentAttendancetable tr.marked td.disabledCell {
        background: #d19692;
    }

.canceltimetable {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 22px;
    text-decoration: none;
    display: none;
    text-align: center;
    line-height: 70px;
    font-weight: bold;
    color: #ff6000;
    display: block;
    z-index: 1;
    background: url("/images/new/fade-bg.png");
}

.assigned-hour {
    position: relative;
    z-index: 1;
}

.conflicts-error {
    padding: 20px;
    background: #ffefe6;
    margin-bottom: 10px;
}

    .conflicts-error h4 {
        font-size: 16px;
        margin: 0;
        padding: 0 0 0 0;
        color: #000;
    }

.conflicts-list {
    display: none;
    font-size: 15px;
}

.grid tr.current-process td {
    background: #ffffcc;
    border-top: 1px solid #dec56f;
    border-bottom: 1px solid #dec56f;
    font-weight: bold;
}

.grid tr.aborted-process td {
    background: #fff1e7;
    border-bottom: 1px solid #dec56f;
}

.grid tr.finalized-process td {
    background: #f9ffe7;
    border-bottom: 1px solid #dec56f;
}

.allfeeprocess tr td {
    border: none;
}

.addempdesignation {
    padding: 10px;
    background: #f1f1f1;
}

    .addempdesignation .button {
        padding: 5px 10px;
    }

.link-space a {
    margin: 0 10px;
}

.checkbox-list, .checkbox-item {
    position: relative;
    padding-left: 20px;
    color: #666;
    font-size: 11px;
}

    .checkbox-item input {
        position: absolute;
        left: 0;
    }

    .checkbox-list span, .checkbox-item span {
        display: block;
    }

    .checkbox-list b, .checkbox-item b {
        font-weight: normal;
        color: #000;
        font-size: 13px;
    }

    .checkbox-list label, .checkbox-item label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        min-height: 20px;
        font-weight: normal;
        cursor: pointer;
    }    

    .role-table {
        border-left: 1px solid #eee;
        border-top: 1px solid #eee;
    }

    .role-table td {
        padding: 5px;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

.clearer {
    clear: both;
    height: 10px;
}

.submit-status em {
    color: #666;
    text-decoration: none;
    font-size: 11px;
}

.submit-status a {
    text-decoration: none;
}

.grid .hwsubmitted td {
    color: #417b22;
    font-weight: bold;
    background: #fff;
}

    .grid .hwsubmitted td.submit-status a strong {
        border: 1px solid #3c7e19;
        background: #92ba7d; /* Old browsers */
        background: -moz-linear-gradient(top, #9ac483 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ac483), color-stop(100%,#92ba7d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #9ac483 0%,#92ba7d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #9ac483 0%,#92ba7d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #9ac483 0%,#92ba7d 100%); /* IE10+ */
        background: linear-gradient(to bottom, #9ac483 0%,#92ba7d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac483', endColorstr='#92ba7d',GradientType=0 ); /* IE6-9 */
        color: #fff;
    }

    .grid .hwsubmitted td.submit-status {
        font-weight: normal;
    }

.hwdetailtable td {
    background: #f9f9f9;
    font-size: 13px;
    border-top: 1px solid #ededed;
}

.grid td.submit-status a strong {
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    display: inline-block;
    text-align: center;
    color: #333;
    font-weight: normal;
    font-size: 11px;
}

.rotate_text {
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: top left;
    -o-transform: rotate(-90deg);
    -o-transform-origin: top left;
    white-space: nowrap;
}

.reports-grid th.vertical-th {
    vertical-align: bottom;
    border-left: 1px solid #ddd;
    background: #ededed;
    border-bottom: 1px solid #ccc;
    width: 0;
    vertical-align: bottom;
}

.vertical-th .rotate_text {
    position: absolute;
    left: 0;
    top: 0;
}

.reports-grid th {
    vertical-align: bottom;
}

    .reports-grid th.total-th {
        border-left: 1px solid #ddd;
    }

.fee-item-amt {
    white-space: nowrap;
    border-left: 1px solid #eee;
}

.total-td {
    border-left: 1px solid #ddd;
    font-weight: bold;
}

.tab-content {
}

.teaching-aids-disc {
    font-size: 15px;
}

.teaching-aids .page-header {
    height: auto;
}

.teaching-aids-disc {
    color: #666;
}

    .teaching-aids-disc span {
        color: #000;
        padding-right: 10px;
        font-weight: bold;
    }

.teaching-aids .page-header .page-heading {
    color: #666;
    font-size: 18px;
    padding-bottom: 5px;
}

    .teaching-aids .page-header .page-heading em {
        font-style: normal;
    }


.syllablus-units {
    font-size: 13px;
    padding: 5px;
    white-space: nowrap;
    background: #fff;
    color: #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #dedede;
    margin: 5px 5px 5px 0;
    position: relative;
}

    .syllablus-units span {
        position: absolute;
        background: url("/images/new/note-icon.png") no-repeat 0 0;
        width: 16px;
        height: 16px;
        top: 5px;
        right: -9px;
        display: none;
    }

.add-notes a {
    font-size: 13px;
    text-transform: none;
    display: inline-block;
    margin: 0 0 0 2px;
    padding: 5px 10px 5px 24px;
    line-height: 23px;
    background: #9B5257 url("/images/new/attachnotes.png") no-repeat 5px center;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

    .add-notes a:hover {
        background-color: #333;
    }

    .add-notes a.wite-note {
        background-image: url("/images/new/write.png");
        font-weight: bold;
        width: 80px;
    }

.unit-options {
    float: right;
}

.unit-title {
    float: left;
    padding-right: 20px;
}

.unit-name {
    float: left;
}

.session-note-holder {
    padding: 20px;
}


.session-notes-icon a {
    height: 55px;
    width: 50px;
    background: url("/images/new/sessionnotes.png") no-repeat -121px 0px;
    float: left;
    margin: 5px 0px 0 10px;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    color: #222;
    line-height: 45px;
    padding-top: 10px;
    outline: none;
}

    .session-notes-icon a:hover {
        background-position: -122px -70px;
    }

    .session-notes-icon a.completed {
        background-position: 0 -1px;
    }

        .session-notes-icon a.completed:hover {
            background-position: -1px -71px;
        }

    .session-notes-icon a.in-progress {
        background-position: -61px 0px;
    }

        .session-notes-icon a.in-progress:hover {
            background-position: -62px -70px;
        }

.session-notes-icon {
    float: left;
    margin-top: 1px;
    padding-bottom: 5px;
}

.session-notes .clicked {
    clear: left;
    float: none;
    margin-top: 0;
    height: 70px;
    background: #F7FAFF;
    border-top: 1px solid #abcaff;
    padding-bottom: 5px;
}

    .session-notes .clicked a {
        background-position: 0 -143px;
        color: #333;
        font-weight: bold;
        padding-right: 40px;
        font-size: 30px;
    }

        .session-notes .clicked a:hover {
            background-position: -93px -143px;
        }

.session-unit-clicked {
    height: 50px;
}

.note-item {
    clear: both;
    padding: 0 10px 10px;
    background: #f7faff;
    border-bottom: 1px solid #abcaff;
}

.edit-box {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}

    .edit-box th {
        text-align: left;
        padding: 5px;
        padding-left: 10px;
        background: #fff;
        font-size: 18px;
        font-weight: normal;
        color: #000;
    }

        .edit-box th a {
            margin-left: 15px;
            font-size: 13px;
        }

    .edit-box td {
        padding: 10px;
        border: none;
    }

        .edit-box td.edit-box-footer {
            padding: 0 0 5px 0;
        }

    .edit-box .files-holder .file-edit {
        margin-bottom: 5px;
    }

.active-state {
    color: #d78d35;
}

.complated-state {
    color: #2aa62a;
}

.cancelled-state {
    color: #e2315f;
}

.dummy-session-note a, .dummy-session-note a:hover {
    color: #ccc;
    cursor: text;
    background: url("/images/new/sessionnotes.png") no-repeat 0px -209px;
}

.files-holder {
    padding-left: 10px;
}

    .files-holder th {
        font-size: 13px;
        font-weight: bold;
    }

    .files-holder .file-edit {
        border: none;
    }

    .files-holder .file-edit {
    }

        .files-holder .file-edit td, .files-holder .file-edit th {
            padding: 3px 5px;
        }

        .files-holder .file-edit td {
            font-size: 11px;
        }

        .files-holder .file-edit .delete, .files-holder .file-edit .share {
            background: url("/images/new/delete.png") no-repeat 0 0;
            height: 16px;
            width: 16px;
            overflow: hidden;
            text-indent: -999px;
            padding: 0;
            margin: 0;
            line-height: 16px;
            text-align: left;
            vertical-align: middle;
            padding-right: 0;
            display: inline-block;
        }

        .files-holder .file-edit .share {
            background: url("/images/new/share.png") no-repeat 0 0;
        }

            .files-holder .file-edit .share:hover {
                background: url("/images/new/unshare.png") no-repeat 0 0;
            }

        .files-holder .file-edit .unshare {
            background: url("/images/new/unshare.png") no-repeat 0 0;
        }

            .files-holder .file-edit .unshare:hover {
                background: url("/images/new/share.png") no-repeat 0 0;
            }

    .files-holder .file-edit {
    }

        .files-holder .file-edit a {
            margin: 0;
            padding-right: 10px;
            color: #333;
            font-size: 12px;
            line-height: 20px;
        }

    .files-holder a {
        display: inline-block;
        margin: 10px 20px 5px 10px;
        font-size: 12px;
        text-align: center;
        background: url(/images/new/file-icon.png) no-repeat -3px 0;
        padding-left: 21px;
        color: #54a9f0;
        height: 21px;
        line-height: 24px;
        text-decoration: none;
    }

        .files-holder a:hover {
            color: #333;
            text-decoration: underline;
        }

.edit-box th.editattachbugrp a {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 3px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    display: inline-block;
    min-width: 80px;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}

.editattachbugrp a:hover {
    background: #636363;
}

.session-notes h3 {
    font-size: 20px;
    margin: 0;
    padding: 20px 0 10px 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #999;
}

.unit-topic {
    font-size: 25px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.sessioncontent-exists .session-icon {
    position: relative;
}

    .sessioncontent-exists .session-icon span {
        height: 32px;
        width: 32px;
        position: absolute;
        left: -38px;
        background: url(/images/new/note-icon-big.png) no-repeat 0 0;
        top: -6px;
    }

.ward-profilr-link a {
    text-decoration: none;
}

    .ward-profilr-link a em {
        font-style: normal;
        color: #666;
    }

    .ward-profilr-link a:hover strong {
        text-decoration: none;
    }

    .ward-profilr-link a strong {
        font-weight: normal;
        text-decoration: underline;
    }






.ward-name {
    float: right;
    padding-right: 20px;
    position: relative;
    margin-right: 10px;
}

.ward-name-submenu {
    display: none;
    position: absolute;
    right: 0;
    border: 1px solid #ccc;
    top: 28px;
    background: #f1f1f1;
    box-shadow: 2px 2px 5px rgba(0,0,0,.18);
    min-width: 200px;
}

.ward-name ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .ward-name ul a {
        white-space: nowrap;
        line-height: normal;
        display: block;
        padding: 10px 10px;
    }


.ward-name:hover .ward-name {
    z-index: 1005;
}

.ward-name-submenu .upparrow {
    right: 34px;
}

.ward-user {
    display: inline-block;
    position: relative;
    padding-right: 12px;
    cursor: pointer;
    color: #888;
}

    .ward-user strong {
        color: #222;
        padding-right: 22px;
        background: url("/images/new/student-icon.png") right no-repeat;
    }

    .ward-user em {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #000;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -2px;
    }

.footer-text {
    text-align: right;
    font-size: 11px;
    color: #666;
    padding-top: 20px;
}

.poweredby {
    padding-top: 5px;
}

    .poweredby img {
        vertical-align: middle;
    }

#profileContentLinks {
}

.smallheader .msg-icon {
    overflow: hidden;
    width: 26px;
}

.smallheader .quicklink-heading a {
    width: 0;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
}

.smallheader .ward-user span {
    display: none;
}

.smallheader .ward-user strong, .smallheader .user strong {
    font-weight: normal;
}

.smallheader .ward-name, .smallheader .quicklink-ctrl-holder {
    padding-right: 10px;
}

.leftnav {
    background: #fff;
}

.page-header .page-heading .headingdisc {
    display: block;
    font-size: 15px;
    padding-top: 10px;
}

    .page-header .page-heading .headingdisc em {
        font-style: normal;
        font-weight: normal;
        color: #666;
    }

.syllabus-aids-disc {
    font-size: 15px;
    color: #666;
}

    .syllabus-aids-disc strong {
        font-size: 18px;
        color: #222;
    }

    .syllabus-aids-disc span {
    }

        .syllabus-aids-disc span strong {
        }


/*////////////////////*/
.update-session-status {
    position: relative;
    z-index: 1000;
}

    .update-session-status div {
        position: absolute;
        left: 82px;
        top: -55px;
        z-index: 1001;
    }


        .update-session-status div.coverage-status-inner {
            left: 20px;
        }

    .update-session-status table td {
        padding: 0px 5px 0px 0;
        border: none;
    }

        .update-session-status table td span {
            display: block;
            text-align: center;
            text-align: center;
            padding: 5px 10px;
            border-bottom: 5px solid #ddd;
        }

            .update-session-status table td span label {
                display: block;
                font-size: 11px;
            }

        .update-session-status table td.in-progress span {
            border-bottom: 5px solid #e6af19;
        }

        .update-session-status table td.completed span {
            border-bottom: 5px solid #84a066;
        }

    .update-session-status .link-button {
        font-size: 13px;
    }

    .update-session-status table td input[type="text"] {
        padding: 5px;
        margin: 0;
        min-height: 24px;
    }

    .update-session-status div.update-history {
        left: 615px;
        padding: 5px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        max-width: 350px;
    }

        .update-session-status div.update-history:hover {
            background: #fff;
            border: 1px solid #ddd;
            box-shadow: 0 0 5px rgba(0,0,0,.25);
            margin-left: -1px;
            margin-top: -1px;
        }

            .update-session-status div.update-history:hover em {
                display: none;
            }

        .update-session-status div.update-history .scroll {
            overflow-y: auto;
            max-height: 300px;
            display: none;
            min-width: 200px;
            margin-top: 5px;
        }

        .update-session-status div.update-history:hover .scroll {
            display: block;
        }

        .update-session-status div.update-history a {
            font-weight: bold;
            font-size: 12px;
        }

        .update-session-status div.update-history table {
            width: 100%;
        }

    .update-session-status .update-history-content td {
        padding: 5px 0;
        vertical-align: top;
        font-size: 12px;
        color: #222;
        border-top: 1px solid #eee;
    }

        .update-session-status .update-history-content td em {
            font-size: 11px;
            display: block;
            color: #aaa;
        }

        .update-session-status .update-history-content td.date-column {
            font-size: 11px;
            padding-right: 10px;
            color: #222;
            width: 10px;
        }

            .update-session-status .update-history-content td.date-column b {
                display: block;
                padding: 3px 5px;
                background: #f1f1f1;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 5px;
                font-weight: normal;
                white-space: nowrap;
            }

.viewupdatehistory {
    padding: 10px 5px;
    display: block;
}

    .viewupdatehistory em {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #000;
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -2px;
        cursor: pointer;
    }

.update-history .alt td {
    background: #f9f9f9;
}

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

    .printbutton-holder a {
        font-weight: bold;
    }

.total-row td {
    font-weight: bold;
}

.print-page .grid td, .print-page .grid th {
    padding: 2px;
    background: #fff;
    font-size: 12px;
    color: #000;
    border-color: #999;
}

.print-page .grid th {
    border-top: none;
}

.textright, table td.textright, table th.textright, input.textright {
    text-align: right;
}


.textcenter, table td.textcenter, table th.textcenter {
    text-align: center;
}

.addnote-popup .popup-heading {
    padding-left: 10px;
}

.addnote-popup select {
    padding: 0;
}

.fixedcolumn, .grid th.fixedcolumn, .grid td.fixedcolumn {
    vertical-align: top;
    padding: 0;
    white-space: nowrap;
}

    .fixedcolumn span {
        visibility: hidden;
        display: inline-block;
        padding: 5px;
    }

.fixed-td-container {
    position: relative;
}

.fixed-layer {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.fixedcolumn .fixed-td-container .fixed-layer td {
    border: none;
    padding: 5px;
}

th.fixedcolumn .fixed-td-container .fixed-layer td {
    vertical-align: bottom;
    background: #F3F3F3;
}

.feepayment-report tr:hover td {
    background: #ffffcc;
}

.guest-page .header {
    padding-top: 0;
}

.guest-page .widget {
    padding: 45px;
}

.landing-page-content {
    padding-left: 45px;
    vertical-align: top;
    font-size: 15px;
}

    .landing-page-content h1 {
        color: #000;
        font-size: 30px;
    }

    .landing-page-content li {
        padding-bottom: 10px;
        color: #444;
    }

.print-page {
    font: "Courier New";
}

.notverified {
    /*background-color:89B3D6;*/
}

.verified {
    /*background-color:#1BE0A5;*/
}

.rejected {
    /*background-color:D97F4E;*/
}

.resubmitted {
    /*background-color:D97F4E;*/
}

.approvephoto tr td {
    border-right: 1px solid #ddd;
}

.photo-grid td {
    border: none;
}

.reject-container {
    margin-top: 5px;
}

.reject-popup {
    padding: 10px;
    background: #fff;
    position: absolute;
    box-shadow: 0 0 10px rgba(0,0,0,.18);
    white-space: nowrap;
    left: 0;
    top: 0;
    display: none;
}

.reject-container:hover .reject-popup {
    display: block;
}

.grid td .photo-grid td.photo-td {
    width: auto;
    text-align: center;
    background: #f5f5f5;
    white-space: normal;
    border: 2px solid #ddd;
    height: 100px;
}

.grid td .photo-grid td {
    white-space: nowrap;
    border: none;
}

.photo-grid {
    margin: 0 auto;
}

.grid td .photo-grid td img {
    height: 100px;
}

.notverified, .rejected, .verified {
    padding: 10px;
    border: 1px dotted #ddd;
}

.rejected {
    border: 1px dotted red;
}

.verified {
    border: 1px dotted green;
}

.grid td .verified .photo-grid td.photo-td {
    border-color: green;
}

.grid td .rejected .photo-grid td.photo-td {
    border-color: red;
}

.tab-button-container {
    padding-bottom: 10px;
    text-align: right;
    font-weight: bold;
}

.report-card-button-container {
    text-align: right;
}

.createunittest .addclasss {
    width: 217px;
}

.unittest-details {
    float: left;
    margin-left: 20px;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.announcement-details {
    float: left;
    margin-left: 20px;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.announcement-attachment {
    display: inline-block;
    padding-left: 35px;
    height: 30px;
    line-height: 30px;
    background: url('/images/new/download-attachment.png') no-repeat 0 center;
}



.examination-subject .expand-group-content .grid th {
    background: #f3f3f3;
}

.examination-subject .expand-group-content .grid .alt td {
    background: #fff;
}

.examination-subject .expand-group-content .grid td {
    background: #F9F9F9;
}


.examination-subject .expand-group-content .grid .alt td.subject-test {
    background: #fff;
}

.examination-subject .expand-group-content .grid td.subject-test {
    background: #F9F9F9;
}

.subject-test-pointer {
    position: relative;
}

    .subject-test-pointer .upparrow {
        right: auto;
        left: 15px;
        top: -5px;
    }

.examination-subject .grid .examination-test-exists td {
    border-bottom: none;
}

.important-label {
    font-size: 13px;
}

.popup-heading .unittest-details {
    font-size: 12px;
}

.important-keywords {
    padding-bottom: 10px;
}

    .important-keywords span {
        padding: 5px 10px;
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 3px;
    }

.reject-container select {
    width: 100px;
    text-overflow: ellipsis;
}


.report-field-heading em {
    display: inline-block;
    background: url("/images/new/black-bottom-arrow.png") no-repeat 0 center;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    cursor: pointer;
}

.report-field-collapsed em {
    background: url("/images/new/black-right-arrow.png") no-repeat 0 center;
}

.report-field-heading {
    padding-bottom: 10px;
    font-weight: bold;
}

.report-field-collapsed .report-field-heading {
    padding-bottom: 0;
}

.report-field-heading input {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.report-field-heading label {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}

.report-field-group {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #f5f5f5;
}

.report-field-group-no-child {
}

.report-field-group .report-field-group {
    background: #fff;
}

    .report-field-group .report-field-group .report-field-group {
        background: #f5f5f5;
    }

        .report-field-group .report-field-group .report-field-group .report-field-group {
            background: #fff;
        }

.report-field-group-no-child .report-field-heading {
    padding: 0;
}

    .report-field-group-no-child .report-field-heading em {
        visibility: hidden;
    }

.report-field-group-no-child .report-field-heading {
    font-weight: normal;
}

.report-label {
    display: inline-block;
    text-align: right;
    min-width: 200px;
}

.report-field-item {
    padding: 0 0 5px;
}

    .report-field-item td {
        vertical-align: top;
    }

        .report-field-item td .report-label {
            padding-top: 5px;
        }

        .report-field-item td.checkbox-ctrl {
            padding-top: 5px;
        }

.exam-widget-nav {
    position: relative;
}

.exam-ctrl-nav {
    position: relative;
}

    .exam-ctrl-nav .scrollleft {
        top: -40px;
    }

    .exam-ctrl-nav .scrollright {
        top: -40px;
    }

.grid .exam-first-row td {
    border-top: 1px solid #ccc;
}

.grid td.exam-subject {
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
}

.exam-result tr td {
    background: #fff;
    padding: 10px 5px;
}

.teacher-comment-details {
    width: 100%;
    color: #666;
}

    .teacher-comment-details td {
        padding: 5px 0 0;
    }

    .teacher-comment-details strong {
        color: #333;
    }

.teacher-comment-content {
    padding: 5px 0 10px 0;
    line-height: 1.3em;
    color: #555;
}

.teacher-comment h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.teacher-comment {
    padding-bottom: 20px;
}

.comment-rating {
    color: #999;
}

    .comment-rating span {
        color: #333;
    }

.teacher-comment-rating {
    width: 100%;
}

.widget-tab {
    margin-top: 10px;
    padding-left: 35px;
}

.comment-rating .comment-rating-table {
    float: right;
}

    .comment-rating .comment-rating-table td {
        padding-left: 5px;
        text-align: center;
        width: 40px;
    }

    .comment-rating .comment-rating-table div {
        width: 16px;
        height: 16px;
        margin: 5px auto 0 auto;
        border-radius: 3px;
    }

    .comment-rating .comment-rating-table span {
        font-size: 11px;
        color: #999;
    }

.comment-rating-table div {
    background: #ddd;
}

.comment-rating-active-1 .comment-rating-table td.excellent-cmt div {
    background: #4FA644;
    color: #000;
}

.comment-rating-active-2 .comment-rating-table td.good-cmt div {
    background: #7DD4FA;
    color: #000;
}

.comment-rating-active-3 .comment-rating-table td.average-cmt div {
    background: #E6D200;
    color: #000;
}

.comment-rating-active-4 .comment-rating-table td.fair-cmt div {
    background: #dc8325;
    color: #000;
}

.comment-rating-active-5 .comment-rating-table td.poor-cmt div {
    background: #f00;
    color: #000;
}

comment-rating-active-1 .comment-rating-table td.excellent-cmt span {
    color: #000;
}

.comment-rating-active-2 .comment-rating-table td.good-cmt span {
    color: #000;
}

.comment-rating-active-3 .comment-rating-active-2.comment-rating-table td.average-cmt span {
    color: #000;
}

.comment-rating-active-4 .comment-rating-table td.fair-cmt span {
    color: #000;
}

.comment-rating-active-5 .comment-rating-table td.poor-cmt span {
    color: #000;
}

.disabled-button {
    background: #ddd !important;
    color: #999 !important;
    cursor: text !important;
    font-size: 11px !important;
    font-weight: normal !important;
}

.move-students-tab {
    font-size: 22px;
    color: #aaa;
}

    .move-students-tab table {
        width: 50%;
        min-width: 800px;
    }

        .move-students-tab table td {
            width: 50%;
        }

    .move-students-tab td.active {
        color: #000;
    }

    .move-students-tab td {
        padding: 0 10px 20px 0;
        font-weight: bold;
    }

    .move-students-tab span {
        display: inline-block;
        text-align: center;
        line-height: 60px;
        width: 60px;
        color: #fff;
        border-radius: 999px;
        background: #aaa;
        margin: 0 5px;
        font-size: 13px;
        font-weight: bold;
    }

    .move-students-tab td.active span {
        background: #000;
    }

.small-grid {
    mwidth: 50%;
    min-width: 700px;
}

    .small-grid td {
        padding: 10px 20px 10px;
        border-bottom: 1px solid #ddd;
    }

    .small-grid th {
        background: #333;
        padding: 10px 20px 10px;
        color: #fff;
        text-align: left;
    }

        .small-grid th a {
            color: #fff;
        }

    .small-grid .alt td {
        background: #f0f0f0;
    }

    .small-grid .selectedrow td {
        background: #549E2F;
        color: #fff;
    }

    .small-grid th em {
        font-weight: normal;
        color: #aaa;
        font-style: normal;
        font-size: 11px;
    }

.half-button-group {
    width: 45%;
    min-width: 700px;
    height: 100px;
}

.move-students-tab td.finished em {
    color: #549E2F;
}

.move-students-tab td.finished span {
}

.move-students-tab td em {
    font-size: 12px;
}

.half-form {
    width: 45%;
    min-width: 700px;
    background: #f5f5f5;
}

    .half-form th {
        width: 30%;
    }

.viewselected-students {
    width: 45%;
    min-width: 700px;
    margin-top: 10px;
}

    .viewselected-students .expand-group-heading {
        font-size: 13px;
        padding: 10px;
        text-decoration: underline;
        color: #9b5257;
        background: none;
    }

        .viewselected-students .expand-group-heading em {
            vertical-align: text-bottom;
        }

.expand-group-content .small-grid {
    width: 100%;
    min-width: 100%;
}

.grey-box {
    padding: 10px;
    background: #f0f0f0;
}

.subheading {
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
    font-style: normal;
}

.split-form-container {
    width: 100%;
}

    .split-form-container td {
        width: 50%;
        padding: 10px;
        vertical-align: top;
    }

        .split-form-container td.first {
            border-right: 1px solid #ddd;
            background: #f5f5f5;
        }

        .split-form-container td .grid td {
            padding: 5px;
        }

.subtabcontainer .subtab, .import-button {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    text-align: center;
    min-width: 100px;
    color: #999;
    text-decoration: none;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
    float: right;
}

.subtabcontainer .subtab {
    font-weight: bold;
}

.subtabcontainer .activetab {
    background: #666;
    color: #fff;
}

.import-button {
    float: right;
    cursor: pointer;
    color: #000;
}

.subtabcontainer {
    padding: 0 0 10px 0;
    background: #f0;
}

    .subtabcontainer .subtab:first-child {
        border-right: none;
    }

.norecord {
    color: #777;
}

.search-sss {
    border: 1px solid #ddd;
    padding: 10px;
    background: #f0f0f0;
}

    .search-sss .mailto-textbox {
        min-width: 500px;
    }

        .search-sss .mailto-textbox input {
            min-height: 200px;
            min-height: 25px;
            line-height: 25px;
        }

.search-history-popup {
    position: absolute;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    max-height: 400px;
    display: none;
}

    .search-history-popup td {
        padding: 10px 20px;
        white-space: nowrap;
    }

.prev-hist-popup-container {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.prev-hist-popup-head {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #ddd;
    text-align: center;
    min-width: 100px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
}

.prev-hist-popup-container:hover .search-history-popup {
    display: block;
}

.search-sss .mail-suggestion {
    z-index: 10;
}

.prev-hist-popup-container:hover .prev-hist-popup-head {
    background: #fff;
    color: #000;
}

.showsummary {
    padding: 20px 0;
}

    .showsummary a {
        display: inline-block;
        padding: 10px 15px;
        border: 1px solid #ddd;
        text-align: center;
        min-width: 100px;
        border-radius: 3px;
        color: #333;
        text-decoration: none;
        background: #f1f1f1; /* Old browsers */
        background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5f5f5 0%,#f1f1f1 100%); /* W3C */
        font-size: 13px;
        font-weight: normal;
    }

.process-searchfilter {
    float: right;
    padding: 5px;
    border: 1px solid #ddd;
    background: #f0f0f0;
    border-radius: 5px;
}

    .process-searchfilter .button {
        padding: 5px;
        min-width: 60px;
        background: #333;
    }

.itemaddedforprocessing {
    float: right;
}

    .itemaddedforprocessing a {
        background: #333;
    }

.grey-box .small-grey-button {
    background: #9B5257;
}

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

.academic-year {
    color: #fff;
    float: right;
    padding: 10px 6px;
    text-decoration: none;
    text-shadow: 1px 1px rgba(0,0,0,.7);
}

#processingIframe, #processingMSG {
    margin: -20px auto 0 auto;
    display: none;
    background: #333;
    box-shadow: 0 0 5px rgba(0,0,0,.55);
    padding: 15px;
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
}

    #processingIframe p, #processingMSG p {
        margin: 0;
        padding: 0 0 0 20px;
    }

.grid th.progresscard-subject, .grid td.progresscard-mark {
    text-align: center;
    border-left: 1px solid #ddd;
    width: 70px;
}

.print-page .grid th.progresscard-subject, .print-page .grid td.progresscard-mark {
    border-left: 1px solid #999;
}

.progresscard-subject table {
    margin: 0 auto;
}

    .progresscard-subject table td {
        padding: 0;
        text-align: center;
        font-size: 11px;
        font-weight: normal;
        background: none;
        border: none;
        padding-right: 5px;
    }

.progresscard-subject strong {
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding-bottom: 5px;
    height: 40px;
}

.progresscard-subject table td.max-mark {
    padding-left: 5px;
    border-left: 1px solid #ddd;
    padding-right: 0;
}

.print-page .progresscard-subject table td.max-mark {
    border-left: 1px solid #999;
}

.grid th.report-rollno, .grid td.report-rollno {
    text-align: center;
    width: 30px;
}

.tc-checklist-popup-container {
    position: relative;
}

.tc-checklist-popup {
    position: absolute;
    right: 10px;
    background: #ffffcc;
    z-index: 100;
    box-shadow: 0 0 3px rgba(0,0,0,.18);
    padding: 10px;
}

.kilipoyi-group {
    position: relative;
    height: 20px;
}

.creategroup {
    position: absolute;
    right: -22px;
    top: 0;
    background: url("/images/group.png") no-repeat right 0;
    width: 32px;
    height: 17px;
    overflow: hidden;
    text-indent: -999px;
    opacity: .7;
}

    .creategroup:hover {
        opacity: 1;
    }

.ungroup {
    display: block;
    margin: 0 auto;
    border-radius: 3px;
    height: 16px;
    width: 16px;
}

.attendance-report-summery-table {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .attendance-report-summery-table th {
        text-align: right;
        font-size: 16px;
        font-weight: normal;
        color: #666;
        padding: 0 5px 0 0;
    }

    .attendance-report-summery-table td {
        font-size: 16px;
    }

.attendance-reports {
    padding-top: 50px;
}

    .attendance-reports .printbutton-holder {
        position: relative;
    }

        .attendance-reports .printbutton-holder a {
            position: absolute;
            right: 0;
            bottom: 10px;
        }

.print-header h2 {
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

.attendanceprintdetails {
    text-align: center;
    padding: 5px 0;
}

.not-verified-examination-mark {
    color: Red;
}

.withheld-underevaluation-examination-mark {
    color: Red;
}

.checkboxgrid {
}

    .checkboxgrid td {
        padding: 5px 5px 5px 0;
        margin-top: 5px;
    }

.tchecklist .mailto-textbox {
    width: 500px;
}

.redbutton {
    background: #9B5257;
}

.consolidated-report-summery-table {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .consolidated-report-summery-table th {
        text-align: right;
        font-size: 16px;
        font-weight: normal;
        color: #666;
        padding: 0 5px 0 0;
    }

    .consolidated-report-summery-table td {
        text-align: right;
        padding: 0 5px 5px 0;
        font-size: 16px;
    }

.consolidated-weightage-details-popup-container {
    position: relative;
}

.consolidated-weightage-details-popup {
    position: absolute;
    right: 10px;
    background: #ffffcc;
    z-index: 100;
    box-shadow: 0 0 3px rgba(0,0,0,.18);
    padding: 10px;
}

.fee-installment-widget {
    width: 100%;
}

    .fee-installment-widget td {
        padding: 5px;
        position:relative;
        vertical-align:top;
        padding-top:0px;
    }

        .fee-installment-widget td.not-last {
            border-right: dotted 1px #BBB;
            padding-right: 10px;
        }

        .fee-installment-widget td span.paid-fee-counter {
            color: #fff;
            background-color: #BBB;
            float: left;
            text-align: center;
            vertical-align: middle;
            display: block;
            position: absolute;
            left: 5px;
            padding: 14px 10px;
            line-height: 0px;
            top:0;
            border-radius:5px;
        }

        .fee-installment-widget td span.due-fee-counter {
            color: #fff;
            background-color: #9b5257;
            float: left;
            text-align: center;
            vertical-align: middle;
            display: block;
            position: absolute;
            left: 5px;
            padding: 14px 10px;
            line-height: 0px;
            top: 0;
            border-radius: 5px;
        }

        .fee-installment-widget td span.future-fee-counter {
            color: #fff;
            background-color: #000;
            float: left;
            text-align: center;
            vertical-align: middle;
            display: block;
            position: absolute;
            left: 5px;
            padding: 14px 10px;
            line-height: 0px;
            border-radius: 5px;
            top: 0;
        }

        .fee-installment-widget td span.paid-installment-amount {
            color: #848484;
            font-size: 14px;
            font-weight: bold;
            text-align: right;
            padding-top: 10px;
            display: block;
        }

        .fee-installment-widget td span.un-paid-installment-amount {
            color: #848484;
            font-size: 14px;
            font-weight: bold;
            text-align: right;
            padding-top: 10px;
            display: block;
        }

        .fee-installment-widget td a.paid-installment-amount {
            color: #848484;
            font-size: 14px;
            font-weight: bold;
            text-align: right;
            padding-top: 10px;
            display: block;
        }

        .fee-installment-widget td a.un-paid-installment-amount {
            color: #848484;
            font-size: 14px;
            font-weight: bold;
            text-align: right;
            padding-top: 10px;
            display: block;
        }

        .fee-installment-widget td span.paid-installment-date {
            color: #CECECE;
            font-size: 18px;
            font-weight: bold;
            text-align: right;
            display: block;
        }

        .fee-installment-widget td span.un-paid-installment-date {
            color: #000;
            font-size: 18px;
            font-weight: bold;
            text-align: right;
            display: block;
        }

.fee-summary-for-student-details {
    float: left;
    margin-left: 20px;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.homework-attachment img {
    width: 20px;
    border: none;
}

.file-attachment img {
    width: 20px;
    border: none;
}

.alumni-registration input, .alumni-registration textarea, .alumni-registration select {
    width: 300px;
}

.form .alumni-registration-confirmation {
    font-size: 14px;
    font-weight: bold;
    color: #00F;
}

.reset-new-password {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.2em;
}

.form .alumni-registration-confirmation {
    font-size: 14px;
    font-weight: bold;
    color: #00F;
}

.alumni-comment {
    display: inline-block;
    vertical-align: middle;
    background: url("/images/new/user_comment.png") no-repeat 0 0;
    width: 20px;
}

.loginpage-footer {
    display: none;
}


/************ GENERIC NAME SEARCHER  *************/
.generic-name-search-textbox {
    border: 1px solid #666;
    border-color: #999 #ccc #ccc #999;
    padding: 5px;
    background: #fff;
    border-radius: 3px;
    border-top-left-radius: 0;
}

    .generic-name-search-textbox input {
        padding: 0;
        border: solid 1px #eee;
        display: inline;
    }

.generic-name-search-results span {
    display: inline-block;
    margin: 0 2px 2px 0;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f1f1f1;
}

    .generic-name-search-results span a {
        display: inline-block;
        vertical-align: middle;
        background: url("/images/new/small-close.gif") no-repeat 0 0;
        height: 12px;
        margin-left: 5px;
        padding: 0px;
        min-width:12px;
    }

.generic-name-search-suggestion {
    position: relative;
    z-index:100;
}

.generic-name-search-suggestionBorder {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 2px rgba(0,0,0,.08);
    min-width: 540px;
    display: none;
}

.generic-name-search-scroll-result-div {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.generic-name-search-result-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

    .generic-name-search-result-item:hover {
        background: #f5f5f5;
        color: #222;
    }

.generic-name-search-result-highlightitem {
    background: #f1f1f1;
}
/************ END GENERIC NAME SEARCHER  *************/

.message-compose {
    padding-left: 0px;
}

    .message-compose select {
        padding: 0;
    }

.student-item-info {
    padding: 3px;
}

    .student-item-info td.student-pic {
        width: 115px;
    }

    .student-item-info table {
        padding: 0px;
    }

        .student-item-info table td {
            height: auto;
            padding: 0px;
            text-align: right;
        }

    .student-item-info td {
        height: auto;
    }

    .student-item-info table td.student-name {
        font-weight: bold;
    }

.studentinfo {
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

    .studentinfo img {
        max-height: 70px;
        position: absolute;
        top: 5px;
        right: 5px;
    }

.studentDetails {
    text-align: left;
    padding: 10px;
    padding-right: 100px;
}

.studentinfo-container {
    position: relative;
    float: right;
    border: 1px solid red;
}

.studentinfotd {
    vertical-align: top;
}

.studentDetails strong {
    font-weight: bold;
}

.fifty-fifty .left-column, .fifty-fifty .right-column {
    float: left;
    width: 50%;
}

    .fifty-fifty .left-column .widget, .fifty-fifty .right-column .widget {
        width: 100%;
    }

/*Attendance calendar on student dashboard*/
.attendance-calendar-present {
    background-color: #e0fbdf;
}

.attendance-calendar-absent {
    background-color: #f7dbce;
}

.attendance-calendar-noclass {
    background-color: #fff;
    color: #ccc;
}

.attendance-calendar-othermonth {
    background-color: #fff;
}
/*End attendance calendar on student dashboard*/

/*Attendance summary widget*/
.attendance-summary {
    width: 100%;
    background-color: #fff;
}

    .attendance-summary td.attendance-summary {
        border: solid 1px #EEE;
        font-size: 14px;
    }

    .attendance-summary td.attendance-month {
        border: solid 1px #EEE;
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }
/*End attendance summary widget*/

.popup-title-description {
    float: left;
    margin-left: 20px;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.viewctrlbutton {
    padding-top: 15px;
}

    .viewctrlbutton a {
        display: inline-block;
        padding: 5px 10px;
        margin-right: 10px;
        border-radius: 5px;
        border: 1px solid #ddd;
        text-decoration: none;
        color: #333;
        font-size: 13px;
        background: #fcfcfc; /* Old browsers */
        background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 100%); /* W3C */
        min-width: 80px;
        text-align: center;
        position: relative;
    }

        .viewctrlbutton a.activetab {
            background: #666;
            color: #fff;
            border: 1px solid #666;
        }

        .viewctrlbutton a em {
            position: absolute;
            height: 0px;
            width: 0px;
            bottom: -5px;
            left: 50%;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #666;
            margin-left: -5px;
            display: none;
        }

        .viewctrlbutton a.activetab em {
            display: block;
        }

.rollno {
    font-style: normal;
    display: block;
    background: #666;
    padding: 5px;
    font-size: 11px;
    color: #fff;
}

    .rollno b {
        font-weight: normal;
    }

.profile-image {
    width: 60px;
}

    .profile-image img {
        width: 60px;
    }

.staff-details .submenu-heading {
    border: none;
    background: none;
    padding: 0 20px 5px 0;
    font-weight: bold;
}

    .staff-details .submenu-heading a {
        color: #9B5257;
        text-decoration: underline;
    }

.cardview .viewctrlbutton {
    padding-bottom: 20px;
    padding-top: 10px;
}

.teachercomment .popup-heading {
    border-bottom: 1px solid #eee;
}

.teachercomment .comments-description {
    float: right;
    font-size: 17px;
    color: #666;
    padding-right: 10px;
}

.teachercomment .popup-heading h2 {
    font-size: 17px;
}

.popupfilter {
    padding: 10px;
    background: #fff;
}

.comment-item {
    padding: 10px 10px 20px;
}

.comment-bubble {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
    position: relative;
}

.comment-data {
    font-size: 15px;
    line-height: 20px;
    color: #666;
}

.comment-item .comment-rating .comment-rating-table div {
    height: 6px;
    width: 80px;
    border-radius: 0;
}

.comment-item .comment-rating .comment-rating-table td {
    padding-left: 1px;
}

.cdownarrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f5f5f5;
    position: absolute;
    right: 30px;
    bottom: -10px;
}

.commented-by {
    text-align: right;
    padding-top: 10px;
    font-size: 17px;
}

.comment-scroll {
    overflow: hidden;
    overflow-y: auto;
    height: 442px;
}

.c-staff-img {
    height: 50px;
    vertical-align: middle;
}

.comment-subject {
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

    .comment-subject em {
        display: block;
        font-style: normal;
        font-size: 11px;
        color: #666;
    }

.dashboard-comments h3 {
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 5px;
    margin: 0;
}

.dashboard-comments .comment-item {
    padding: 10px 0 20px 0;
}

.dashboard-comments .commented-by {
    padding: 10px 10px 20px;
}

.valign-top {
    vertical-align: top;
}

.invalid-mobile-for-sms {
    text-decoration: line-through;
}

.grey-small-text {
    color: Gray;
    font-size: 10px;
}

.menu-academicyear-container {
    position: absolute;
    background: #444;
    padding: 10px 0;
    box-shadow: 0 5px 5px rgba(0,0,0,.5);
    z-index: 10000;
}

    .menu-academicyear-container a {
        display: block;
        padding: 5px 15px;
        text-decoration: none;
        white-space: nowrap;
    }

.academic-year a {
    color: #fff;
}

.academic-year {
    position: relative;
}

.menu-academicyear-container {
    left: 0;
}

.warning-icon {
    background: url(/images/new/warning-icon.png) no-repeat 0 0;
    height: 16px;
    width: 16px;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}

.toolbar {
    padding: 10px;
}

.footer-button-gp {
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}

    .footer-button-gp div {
        padding: 10px 0;
    }

.prifact-footer-link {
    letter-spacing: 1px;
}

.prifact-footer-link a {
        color: #9B5257;
        font-size: 12px;
}

.center-content {
    margin: 0 auto;
    width: 800px;
}

    .center-content .section {
        margin-top: 20px
    }

    .center-content .heading {
        color: #9b5257;
    }

    .center-content .content {
        font-size: 15px;
        color: #777576;
    }

    .notice-content-list-entry{ 
        max-width:800px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

.reset-password-ctrl {
    margin: 100px auto 0px auto;
    max-width:400px;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 20px;
    font-size: 15px;
}

    .reset-password-ctrl label {
        display:block;
        font-weight:bold;
    }

    .reset-password-ctrl label + input {
        display:block;
        width:calc(100% - 20px);
    }

    .reset-password-ctrl .info-box {
        margin:0;
    }

    .reset-password-ctrl h1 {
        margin: 0;
        padding: 0;
        font-size: 22px;
        padding-bottom: 10px;
    }

    .reset-password-ctrl .error-box {
        color: red;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .reset-password-ctrl .button-group {
        text-align: left;
    }

    .reset-password-ctrl input[type="text"], .reset-password-ctrl input[type="password"] {
        padding: 7px;
        margin: 10px 0;
        border: 1px solid #666;
        border-color: #999 #ccc #ccc #999;
        border-radius: 3px;
        font-family: Arial;
        font-size: 15px;
    }

    .reset-password-ctrl span {
        display:inline-block;
        vertical-align:middle;
    }

    .reset-password-ctrl span + input {
        width:50px;
        margin:0 5px;
        vertical-align:middle;
        display:inline-block;
    }

    .reset-password-ctrl .button-group input:last-child {
        background: #333;
    }

.grid .odd td {
    background: #fff;
}

.bus-ord-num, .ref-group-ord-num{
    width:200px;
}

.edit-busroute-button {
    border-radius: 3px;
    padding: 3px 5px;
    min-width: 45px;
    text-align: center;
    background: #9B5257;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 0px;
}

.delete-busroute-button, .delete-ref-button {
    border-radius: 3px;
    padding: 3px 5px;
    min-width: 60px;
    text-align: center;
    background: #000;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 0px;
}

.bus-route-popup, .ref-group-popup, .fee-group-popup {
    width: 400px;
}

.bus-route-edit-popup{
    width:600px;
}


.bus-route-error-text, .ref-group-error-text {
    padding: 5px 45px 0 45px;
    color: Red;
}

.busstop-button-holder, .ref-group-holder {
    float: right;
    position: relative;
    padding:0px 5px 5px 5px;
}

.busroute-button, .ref-group-button {
    border-radius: 3px;
    padding: 8px 15px 8px 15px;
    min-width: 60px;
    text-align: center;
    background: #9B5257;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 0px;
}

.bus-stop-div .mailto-textbox {
    display: inline-block;
}

.bus-stop-div .scroll-result-div {
    max-height: 165px;
}

/*.bus-stop-div  .form td{
    float: left;
}*/

.unasgn-main {
    background-color: #f5f5f5;    
    margin-top: 50px;
    padding: 10px 15px 10px 15px;
}

.unasgn-list {
    padding-top: 10px;
    text-align: center;
    margin-top: 10px;
    border: solid 1px;
}

.unasgn-list td{
    display: inline-block;
}

    .unasgn-list label {
        padding: 5px;
        text-indent: -15px;
    }

    .unasgn-list input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        *overflow: hidden;
    }

.unasgn-button-gp {
    padding-top: 10px;
}

.success-img{
    max-width:80px;
}

.trans-complete{
    padding: 20px;
    max-width:400px;
    margin:30px auto;
    box-shadow: 0 0 5px #ddd;
    text-align: center;
}

.report-filter-padding td {
    padding-right: 15px;
}

.report-filter-padding th {
    padding-right: 5px;
}

.fee-pay-div {
    display: inline-block;
    width: 100%;
}

    .fee-pay-div div.not-last, .fee-pay-div div.not-last {
        border-right: dotted 1px #BBB;
        padding-right: 10px;
    }

.fee-installment-pay-widget {
    display: inline-block;
    padding: 5px;
    position: relative;
    vertical-align: top;
    /*padding-top: 0px;*/
    margin-bottom: 10px;
}

    .fee-installment-pay-widget div {
        display: block;
        /*padding-left: 50px;*/
    }

    .fee-installment-pay-widget span.paid-fee-counter {
        color: #fff;
        background-color: #BBB;
        float: left;
        text-align: center;
        vertical-align: middle;
        display: block;
        position: absolute;
        left: 5px;
        padding: 14px 10px;
        line-height: 0px;
        top: 0;
        border-radius: 5px;
    }

    .fee-installment-pay-widget span.due-fee-counter {
        color: #fff;
        background-color: #9b5257;
        float: left;
        text-align: center;
        vertical-align: middle;
        display: block;
        position: absolute;
        left: 5px;
        padding: 14px 10px;
        line-height: 0px;
        top: 0;
        border-radius: 5px;
    }

    .fee-installment-pay-widget span.future-fee-counter {
        color: #fff;
        background-color: #000;
        float: left;
        text-align: center;
        vertical-align: middle;
        display: block;
        position: absolute;
        left: 5px;
        padding: 14px 10px;
        line-height: 0px;
        border-radius: 5px;
        top: 0;
    }

    .fee-installment-pay-widget div.paid-installment-amount {
        color: #848484;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        padding-top: 10px;
        display: block;
    }

    .fee-installment-pay-widget div.un-paid-installment-amount {
        color: #848484;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        padding-top: 10px;
        display: block;
    }

    .fee-installment-pay-widget a.paid-installment-amount {
        color: #848484;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        padding-top: 10px;
        display: block;
    }

    .fee-installment-pay-widget a.un-paid-installment-amount {
        color: #848484;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
        padding-top: 10px;
        display: block;
    }

    .fee-installment-pay-widget span.paid-installment-date {
        color: #CECECE;
        font-size: 18px;
        font-weight: bold;
        text-align: right;
        display: block;
    }

    .fee-installment-pay-widget span.un-paid-installment-date {
        color: #000;
        font-size: 18px;
        font-weight: bold;
        text-align: right;
        display: block;
    }

.fee-home {
    text-align: center;
    margin-top: 5px;
    display: inline-block;
}

.calHoliday {
    font-size: 15px;
}

.attendance-holiday {
    background: #f3f3f3;
    border: 1px solid #dbdbdb;
    font-size: 28px;
    color: #000;
    text-align: center;
}

h2.fee-sub-header {
    margin: 15px 0 5px 0;
}

.profile-ver-reason{
    padding-bottom: 50px;
    text-align:center;    
}
.profile-ver-reason div{
    padding-top:10px;
}


.fee-payment-items .inner-grid {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
    border-right: none;
}

    .fee-payment-items .inner-grid tr th {
        border-top: none;
    }


    .fee-payment-items .inner-grid tr th, .fee-payment-items .inner-grid tr td {
        padding: 5px;
        background: #f0f0f0;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        white-space: nowrap;
    }

    .fee-payment-items .inner-grid tr td {
        background: #fcfcfc;
    }

.session-notes-delete {
    display: inline-block;
}
.session-notes-delete a, .session-notes-delete a:hover {
    background: url("/images/new/delete.png") no-repeat 0 0;
    height: 16px;
    width: 16px;
    overflow: hidden;
    text-indent: -999px;
    padding: 0;
    margin: 0;
    line-height: 16px;
    text-align: left;
    vertical-align: middle;
    padding-right: 0;
    display: inline-block;
}

.delete-icon {
    display: -moz-inline-stack;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/images/delete-icon.gif) no-repeat;
}

@media only screen and (max-width: 1450px) {
    .academic-year a {
        font-size: 11px;
    }
    .top-nav ul a{
        font-size: 11px;
        padding: 10px;
    }
    .top-nav ul li.submenu-exists a {
        padding-right: 25px;
        background: url(/images/new/submenu-icon.png) no-repeat right center;
        background-size:20px auto;
    }
    .top-nav{
        min-height: 32px;
    }
}

@media only screen and (max-width: 950px) {
    .login-page tbody, .login-page thead, .login-page th, .login-page tr, .login-page th, .login-page td {
        display: block;
    }
    .login-page td.landing-page-content {
        padding-left:0;
        padding-top:20px;
    }
    .guest-page .widget{
        padding:20px;
    }
    .reset-password-ctrl {
        margin-top: 20px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 600px) {
    .reset-password-ctrl {
        width:calc(100% - 40px);
    }
    .reset-password-ctrl label + input
    {
        width:80%;
    }
    h2.fee-sub-header{
        padding-left:0;
        padding-right:0;
    }
    .fee-table{
        display:block;
        border:0;
    }
    .fee-table .row{
        display:block;
    }
    .fee-table .row.header-row{
        display:none;
    }
    .fee-table .row .cell{
        display:block;
        width:100%;
        padding:10px 0;
        border-right:0;
     }
        .fee-table .row .cell:before {
            display: block;
            font-size: 0.9em;
            content: attr(title);
            margin-bottom: 5px;
            color: #605f5f;
        }
        .fee-table .row .cell.total-cell {
            border-bottom: 0;
            padding-top: 25px;
            padding-bottom:0;
        }
        .fee-table .row .cell.total-cell:before {
            display:none;
        }
    .fee-table .row .cell.empty-cell{
        display:none;
    }
    .fee-table .row .cell.not-shown-mob {
        display:none;
    }
    .fee-table .row .cell.first-cell{
        border-bottom:0;
        padding-top:9px;
        padding-bottom:9px;
        font-weight:bold;
    }
    .fee-table .row .cell.second-cell:before{
        display:none;
    }
    .fee-table .row .cell.second-cell{
        padding-top:0px;
    }
    .fee-table .row .cell.cell-2,.fee-table .row .cell.cell-3{
        display:inline-block;
        vertical-align:middle;
        white-space:nowrap;
        overflow:hidden;
        max-width:100%;
        text-overflow:ellipsis;
    }
    .fee-table .row .cell.cell-2{
        width:49%;
    }
    .fee-table .row .cell.cell-3{
        width:32.33%;
    }
}
@media only screen and (max-width: 500px) {
    .login-ctrl table td input {
        min-width: 0;
        width:90%;
    }
    .header table tr td:nth-child(2) div, .header table tr td:nth-child(2) strong {
        display:none;
    }
}.timetable-generator-container {
    padding: 0px 20px 0px 25px;
}

.timetable-generator-iframe {
    width: 100%;
    min-height: 57vh;
    border: 0px;
}

.subject-group-item {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 12px;
    margin: 5px 5px 5px 0;
    border-radius: 5px;
    border: solid 1px #ddd;
}

    .subject-group-item a, .remove-subject-group a {
        font-size: 0.85em;
        opacity: 0.8;
        text-decoration: none;
    }

        .subject-group-item a:hover, .remove-subject-group a:hover {
            opacity: 1;
        }

.subject-group-container {
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.group-info {
    margin-bottom: 5px;
}

.subject-count-list .grid {
    font-size: 13px;
    margin: 10px 0;
}

    .subject-count-list .grid td, .subject-count-list .grid th {
        background: none;
        border: 0;
        padding: 7px 0;
    }

    .subject-count-list .grid tr td:first-child {
        width: 80px;
    }

    .subject-count-list .grid tr td:nth-child(2) {
        width: 160px;
    }


.hour-items {
    display: table;
    width: 100%;
}

    .hour-items div.hour-item-row {
        display: table-row;
        width: 100%;
    }

    .hour-items div.hour-item-cell {
        display: table-cell;
        vertical-align: top;
    }

    .hour-items div.hour-item-row div.hour-item-cell {
        padding: 5px 0;
        border-bottom: solid 1px #ddd;
    }

        .hour-items div.hour-item-row div.hour-item-cell:last-child {
            text-align: right;
        }

    .hour-items div.hour-item-row:last-child div.hour-item-cell {
        border-bottom: 0;
    }

    .hour-items div.hour-item-row div.hour-item-cell:last-child a {
        display: inline-block;
        padding-top: 10px;
    }

    .hour-items div.hour-item-row div.hour-item-cell:last-child img {
        height: 16px;
        width: 16px;
    }

.infotext {
    opacity: 0.7;
}
.report-template-selector{
    padding:15px 0;
}
    .report-template-selector a, input[type=text] {
        /*margin-left:5px;*/
    }


.unit-status {
    background: #84a066;
    float:left;
    padding:5px 10px;
    font-size:10px;
    color:#fff;
    margin-left:10px;
    line-height:10px;
    border-radius:10px;
    height:10px;
    font-weight:normal;
}

    .unit-status.in-progress {
        background: #e6af19;
        color: #000;
    }

.horizontal-line {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
    

.sentto {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    

.close {
    position: relative;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    display: inline-block;
    vertical-align:middle;
}

    .close:hover {
        opacity: 1;
    }

    .close:before, .close:after {
        position: absolute;
        top:0;
        left: 0;
        content: ' ';
        height: 10px;
        width: 2px;
        background-color: #333;
    }

    .close:before {
        transform: rotate(45deg);
    }

    .close:after {
        transform: rotate(-45deg);
    }

.recipients {
    vertical-align: middle;
    display: inline-block;
}

.rec-div {
    margin: 5px;
    display: inline-block;
}

.album-div {
    border: 1px solid #ccc;
    width: 150px;
    float: left;
    margin: 10px;
    position: relative;
}
.album-div .options-dots{
    position:absolute;
    right:8px;
    top:8px;
    cursor:pointer;
    width:5px;
    z-index:2;
}
.album-div .options-dots span{
    display:inline-block;
    width:4px;
    height:4px;
    margin-bottom:3px;
    border-radius:50%;
    background:#222;
}
.album-div .options-dots span:last-child{
    margin-bottom:0;
}
.album-image{
    position:relative;
}
/*.album-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background:rgba(255,255,255,0.7);
    display:none;
}*/
.album-image img{
    display:inline-block;
    transition:all 500ms ease;
}
.album-image:hover img{
    opacity: 0.2;
}
.album {
    width: 150px;
    height: 123px;
}
.editAlbum-div {
    border: 1px solid #ccc;
    width: 150px;
    margin-left: 10px;
    margin-top:20px;
    display: inline-block;
}
.delBtn-div {
    padding: 10px;
    text-align: center;
}
.album-submenu {
    width: 123px;
}
.shareBtn{
    margin-top:20px;
    margin-left:400px;
}
.gallery-name {
    background: #f0f0f0;
    border-top: solid 1px #ccc;
    white-space: nowrap;
    max-width: 100%;
    padding: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size:11px;
    text-align:center;
    color:#666;
    font-weight: bold;
}

.nolink{
    text-decoration:none;
    color:inherit;
    display:inline-block;
}

.long-table {
    max-width: 100%;
    overflow: auto;
    max-height: calc(100vh - 310px);
}

/* START Impersonation styles*/

.impersonation .generate-link {
    margin-top: 10px;
}

.impersonation .form-label {
    margin-top: 10px;
    margin-bottom: 5px;
}

.impersonation-link-wrapper{
    width:500px;
    margin:30px auto;
    border:solid 1px #ddd;
    text-align:center;
    padding:20px;
    box-shadow: 0 0 10px #ccc;
    background:#fff;
}

.impersonation-or-wrapper{
    text-align:center;
    font-size:30px;
    margin:20px 0;
}

.copy-text-wrapper{
    margin-bottom:10px;
}

.copy-text-wrapper input,.copy-text-wrapper button{
    display:inline-block;
    vertical-align:middle;
}

.copy-text-wrapper input{
    width:100%;
    max-width:calc(100% - 50px);
}

.copy-text-wrapper button{
    border:0;
    background:0;
    box-shadow:0 0 0 #fff;
    cursor:pointer;
}

.copy-text-wrapper button img{
    max-width:20px;
}

.impersonation .done-link-holder {
    text-align: center;
}

.impersonation  .note-text {
    color:red;
    font-weight:bold;
}

/* END Impersonation styles*/

.sso-error{
    color:red;
    font-size:12px;
}
.social-login-button {
    padding: 5px 15px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    color: #000;
}
.social-login-button span{
    display:inline-block;
    vertical-align:middle;
}
.social-login-button span.icon-holder{
    background:#fff;
    line-height:0;
    margin-right: 5px;
}
.social-login-button svg {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    fill:#fff;
}
.or-text{
    display:inline-block;
    vertical-align:middle;
    margin:0 10px;
}
.toggle-password-button {
    border: none;
    background-color: transparent;
    position:absolute;
    right: 4px;
    top: 8px;
}
.toggle-password-button img {
    width: 15px;
    height: 15px;
    opacity: 0.5;
}
html .login-ctrl table td .login-input-box input {
    width: 100%;
}
html .login-ctrl table td input.password-input {
    padding-right: 34px;
    width: 100%;
}
.login-input-box {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 350px;
}
@media only screen and (max-width: 500px) {
    .login-ctrl table td .button{
        width:100%;
        box-sizing:border-box;
    }
    .or-text {
        margin:10px 0;
        text-align:center;
        width:94%;
    }
}
.delete-max-width{
    max-width:none !important;
}
.stu-table {
    width: 40%;
    border: 3px solid #eeee;
    border-radius: 5px;
}
.declarations{
    font-size: 15px;
}
.sign-name {
    font-size: 17px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
}
.prog-bar {
    width: 100%;
    height: 15px;
}
.uploaded-file {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
    background-color: #eee;
    border-radius: 5px;
    padding: 8px 10px;
}
.uploaded-file-div {
    background-color: #eee;
    width: 250px;
    border-radius: 5px;
    padding: 8px 10px;
}
.uploaded-file-view {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 250px;
    display: block;
}
.marks-table th {
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.marks-table td {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.sign-table{
    padding-top:25px;
}
.sign-table th,td{
    padding: 7px;
}
.admission-form-type {
    margin: 0px;
    padding: 10px;
    display: none;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.admission-form-heading {
    display: flex;
    justify-content: space-between;
}
.application-type-DD {
    width: 100px;
    margin: 10px;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: bold
}
.admission-fee {
    padding: 8px;
    background-color: #eee;
    border-radius: 3px;
}