body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 12px;
    color: #363636;
    text-align: center;
}

a {
    text-decoration: none;
}

.footer {
    text-decoration: none;
    height: 36px;
    background-color: #3D74C6;
    color: #FFFFFF;
    text-align: right;
}

.info {
    text-decoration: none;
    color: #0000CC;
    text-align: left;
}

.loginerrormsg {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.loginLabelStyle {
    color: #FFFFFF;
}

.validator {
    color: Maroon;
}

.loginstatus {
    text-decoration: none;
    font-family: arial,sans-serif;
    font-size: 12px;
    color: lime;
    font-weight: bold;
}

.contextviewer {
    font-family: arial,sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}

.homecontent {
    font-family: arial,sans-serif;
    font-size: 14px;
    background-color: #ebf6ff;
}

.userdetails {
    font-family: arial,sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}

span {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #fff;
}

.formhead {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #0B799E;
    color: #fff;
    font-family: Arial;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    height: 10px;
}

.sectionseparator {
    text-align: center; /*background-color:#eff4ff;*/
    background-color: #d5e4ff;
}

#left {
    text-align: left;
}

#right {
    text-align: center;
}

#center {
    text-align: center;
}

.login {
    font-size: 12px;
}

.form_Labels {
    font-size: 12px;
    color: Black;
    font-family: Verdana;
}

.message {
    background-color: #ccffcc;
    color: Black;
}

.imageicons {
    border: 0px;
    background: white;
}
/*grid styles*/
.gridbody {
    font-size: 11pt;
    border: 1px solid gray;
}

.gridheader {
    background-color: #cccccc;
    color: black;
}

.gridalternaterow {
    background-color: #f3f3f3;
}

.GridSelected {
    background-color: #FFFFCC;
}

.dropdown {
    background-color: #ffffcc;
}

.textbox {
    border: 1px solid #d1c7ac;
    color: #333333;
    padding: 3px;
    margin-right: 4px;
    margin-bottom: 8px;
    font-family: tahoma, arial, sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pageborder {
    border: 5px solid #e3e5f0;
}

.activetab {
    font-size: 1.0em;
    color: #666;
    float: left;
    background-image: url( '../../../images/active_img.jpg' );
    background-repeat: repeat-x;
    padding: 5px 10px;
    list-style: none;
    margin-left: 2px;
    margin-bottom: 10px;
}

.inactivetab {
    color: #999;
    background-color: #CCC;
    background-image: url( '../../../images/inactive_img.jpg' );
    background-repeat: repeat-x;
}

.subBusDetContainer {
    padding: 16px 9px 8px 10px; /* different for IE */
    background: #fff;
    width: 752px; /* different for IE6 & IE7 */
}

.style1 {
    color: #FF0000;
}

.clear {
    clear: both;
}

select, input, textarea, label, span {
    font-family: Verdana;
    font-size: 12px;
    text-align: left;
}

.mandatoryFields {
    color: Red;
}

.fixedColWidth {
    table-layout: fixed;
}

.tooltip {
    border: 0.1em solid #fff;
    padding: 0.25em 0.5em;
    display: none;
    color: #303030;
    max-width: 30%;
    text-align: left;
    font-size: xx-small;
    -moz-box-shadow: 0 0 0.3em #000;
    -webkit-box-shadow: 0 0 0.3em #000;
}

.text-label {
    color: #cdcdcd;
    font-weight: bold;
}

.HeaderHomepage {
    background-image: url(../../images/hheader.png);
    border: 0;
    /* background-repeat:no-repeat;*/
    background-repeat: repeat-x;
}

.FooterNew {
    /* background-image:url(../../images/FooterNew.gif);*/
    border: 0;
    background-color: #171717;
    /* background-repeat:no-repeat;*/
}

.TextWhit {
    font: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #ffffff;
}

.input {
    background-image: url(../../images/Input.gif);
    background-repeat: no-repeat;
    height: 32px;
    width: 157px;
    border: 0;
}

.ButtonCss {
    background-image: url(../../images/button.jpg);
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
}

.ToolBar {
    border: solid 1px #d4d4d4;
    padding: 10px;
    margin-bottom: 20px;
}

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popup_Container {
    background-color: #F5F7FA;
    border: 3px solid black;
    padding: 0px 0px 0px 0px;
}

.popup_Titlebar {
    background-color: Black;
    height: 29px;
}

.popup_Body {
    padding: 15px 15px 15px 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 14pt;
    clear: both;
}

.TitlebarLeft {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}

.TitlebarRight {
    background-image: url(../../images/cross_icon_normal.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

.popup_Buttons {
    margin: 10px;
}

#ProgressBar {
    border: 0px solid #928F8F;
    position: absolute;
    display: none;
    z-index: 999999;
}

    #ProgressBar img {
        position: relative;
        left: 0px;
        top: 0px;
    }

#background {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 999;
}

.ajax__calendar_container {
    z-index: 10005;
}

/*input, textarea,select {margin: 0;padding: 5px;color: #666;background:#F1FFFF ;border: 1px solid #B8D1D8;font:1em  Arial;-moz-border-radius: 5px;-webkit-border-radius:5px;}
input:focus, textarea:focus, select:focus {border: 1px solid #819EA6;background-color: #fff;color:#333;}*/

.text {
    border: 1px solid #CCC;
    padding: 8px;
    font-weight: 200;
    font-size: 12px;
    font-family: Verdana;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0;
    padding: 5px;
    color: #666;
    background: #F1FFFF;
    border: 1px solid #B8D1D8;
}

/*--brief--*/
.brief {
}

.brief-grid {
    margin-top: 2em;
}

.brief-grid-text {
}

    .brief-grid-text h3 {
        color: #393939;
        font-size: 2.5em;
        font-family: 'Raleway', sans-serif;
        background: url(../../images/line.png) no-repeat 0px 100%;
        padding-bottom: 0.5em;
        margin-bottom: 1em;
        font-weight: 500;
    }

    .brief-grid-text p {
        color: #8e8e8e;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.5em;
        width: 91%;
    }

.main-image {
    float: left;
    width: 100%;
    margin-left: 4px;
}

.container {
    width: 970px;
}

.brief-grid-content1 {
    float: left;
    height: 67px;
    width: 14%;
}

.brief-grid-content2 {
    background: url(../../images/f2.png) no-repeat 0px 0px;
    padding: 0px 0 22px 60px;
    width: 50%;
    float: left;
    margin: 2em 0 0.5em 0;
}

.Other_Fees {
    background-image: url(../../images/Other_Fees.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Other_Fees:hover {
        background-image: url(../../images/Other_Fees_Over.png);
        height: 40px;
        width: 40px;
    }

.SMS {
    background-image: url(../../images/SMS.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .SMS:hover {
        background-image: url(../../images/SMS_Over.png);
    }

.Email {
    background-image: url(../../images/Email.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Email:hover {
        background-image: url(../../images/Email_Over.png);
    }

.Expense {
    background-image: url(../../images/Expense.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Expense:hover {
        background-image: url(../../images/Expense_Over.png);
    }

.Auto_Email {
    background-image: url(../../images/Auto_Email.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Auto_Email:hover {
        background-image: url(../../images/Auto_Email_Over.png);
    }

.Configuration {
    background-image: url(../../images/Configuration.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Configuration:hover {
        background-image: url(../../images/Configuration_Over.png);
    }

.Doc_Type {
    background-image: url(../../images/Doc_Type.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Doc_Type:hover {
        background-image: url(../../images/Doc_Type_Over.png);
    }

.Registation {
    background-image: url(../../images/Registation.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Registation:hover {
        background-image: url(../../images/Registation_Over.png);
    }

.Days {
    background-image: url(../../images/Days.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Days:hover {
        background-image: url(../../images/Days_Over.png);
    }

.Template {
    background-image: url(../../images/Template.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Template:hover {
        background-image: url(../../images/Template_Over.png);
    }

.Schedule {
    background-image: url(../../images/Schedule.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Schedule:hover {
        background-image: url(../../images/Schedule_Over.png);
    }

.Gratuity_Overtime {
    background-image: url(../../images/Gratuity_Overtime.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Gratuity_Overtime:hover {
        background-image: url(../../images/Gratuity_Overtime_Over.png);
    }

.Age_GracePeriod {
    background-image: url(../../images/Age_GracePeriod.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Age_GracePeriod:hover {
        background-image: url(../../images/Age_GracePeriod_Over.png);
    }

.StaffAllowances {
    background-image: url(../../images/StaffAllowances.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .StaffAllowances:hover {
        background-image: url(../../images/StaffAllowances-over.png);
    }

.StaffDeductions {
    background-image: url(../../images/StaffDeductions.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .StaffDeductions:hover {
        background-image: url(../../images/StaffDeductions-over.png);
    }

.Licenses {
    background-image: url(../../images/Licenses.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Licenses:hover {
        background-image: url(../../images/Licenses_Over.png);
    }

.Loyalty {
    background-image: url(../../images/Loyalty.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Loyalty:hover {
        background-image: url(../../images/Loyalty_Over.png);
    }

.Rules {
    background-image: url(../../images/Rules.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Rules:hover {
        background-image: url(../../images/Rules_Over.png);
    }

.Security {
    background-image: url(../../images/Security.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Security:hover {
        background-image: url(../../images/Security_Over.png);
    }

.Notification {
    background-image: url(../../images/Notification.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Notification:hover {
        background-image: url(../../images/Notification_Over.png);
    }

.Settings {
    background-image: url(../../images/Settings.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Settings:hover {
        background-image: url(../../images/Settings_Over.png);
    }

.Annoncement {
    background-image: url(../../images/Annoncement.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Annoncement:hover {
        background-image: url(../../images/Annoncement_Over.png);
    }

.Credentials {
    background-image: url(../../images/Credentials.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .Credentials:hover {
        background-image: url(../../images/Credentials_Over.png);
    }

.DiscountPromos {
    background-image: url(../../images/Discount_Promos.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .DiscountPromos:hover {
        background-image: url(../../images/Discount_Promos_Over.png);
    }

.PayrollSetup {
    background-image: url(../../images/Payroll_Setup.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .PayrollSetup:hover {
        background-image: url(../../images/Payroll_Setup_Over.png);
    }

.StudentCategory {
    background-image: url(../../images/StudentCategory.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .StudentCategory:hover {
        background-image: url(../../images/StudentCategory_hover.png);
    }

.EmailSubjects {
    background-image: url(../../images/emailsubject.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .EmailSubjects:hover {
        background-image: url(../../images/emailsubjecthover.png);
    }

.VirtualClass {
    background-image: url(../../images/virtualclass.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .VirtualClass:hover {
        background-image: url(../../images/virtualclass_Over.png);
    }

.ZoomEmailSetting {
    background-image: url(../../images/Email.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .ZoomEmailSetting:hover {
        background-image: url(../../images/Email_Over.png);
    }

.MappingSetting {
    background-image: url(../../images/oneTomany.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .MappingSetting:hover {
        background-image: url(../../images/oneTomany_Over.png);
    }

.PaymentGateway {
    background-image: url(../../images/paymentgetway.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}

    .PaymentGateway:hover {
        background-image: url(../../images/paymentgetway_Over.png);
    }

.PaymentRedirect {
    background-image: url(../../images/PaymentRedirect.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    float: left;
    height: 40px;
    padding: 17px 0 0 8px;
    width: 40px;
}
    .PaymentRedirect:hover {
        background-image: url(../../images/PaymentRedirect_Over.png);
    }

    .brief-grid-content1 h3, .brief-grid-content2 h3 {
        font-size: 16px;
    }

.brief-grid-content1 h3, .brief-grid-content2 h3 {
    color: #393939;
    font-family: "Raleway",sans-serif;
    font-size: 11px;
    font-weight: 700;
    margin-top: 9px;
}

.DashboardBG {
    background-color: #61AD40;
    /*background-color:#77D44F;*/
    color: white;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

span.dotText {
    font-size: 10px;
    color: black;
    font-weight: bold;
}

p.yellowText {
    background-color: #ffff00;
    padding: 2px;
    border-radius: 39px;
    width: 8px;
    height: 8px;
}

p.skyText {
    background-color: #00ffff;
    padding: 2px;
    border-radius: 39px;
    width: 8px;
    height: 8px;
}

p.greenText {
    background-color: #00ff00;
    padding: 2px;
    border-radius: 39px;
    width: 8px;
    height: 8px;
}

p.redText {
    background-color: #ff0000;
    padding: 2px;
    border-radius: 39px;
    width: 8px;
    height: 8px;
}