﻿body {
    padding-top: 50px;
}

.formtextCompulsory {
    font: 9pt verdana;
    color: #FF0000;
}
.formtextFormat {
    font: 9pt verdana;
    color: #5F72FA;
}

.checkboxlist label {
    margin-left: 5px;
    margin-right: 15px;
    display: inline;
}

.checkbox-inline label {
    margin-left: 5px;
}


.PasswordStrength_TextIndicator {
    margin-left: 10px;
    color: black;
    font-size: 10pt;
    font-style: italic;
    padding: 2px 3px 10px 3px;
}

.VeryPoorStrength {
    margin-left: 10px;
    color: Black;
    font-size: 10pt;
    font-style: italic;
    padding: 2px 3px 10px 3px;
    font-weight: bold;
}

.WeakStrength {
    margin-left: 10px;
    color: darkgoldenrod;
    font-size: 10pt;
    font-style: italic;
    padding: 2px 3px 10px 3px;
    font-weight: bold;
}

.AverageStrength {
    margin-left: 10px;
    color: blue;
    font-size: 10pt;
    font-style: italic;
    padding: 2px 3px 10px 3px;
    font-weight: bold;
}

.GoodStrength {
    margin-left: 10px;
    color: red;
    font-size: 10pt;
    font-style: italic;
    padding: 2px 3px 10px 3px;
    font-weight: bold;
}

.ExcellentStrength {
    margin-left: 10px;
    color: green;
    font-size: 10pt;
    font-style: italic;
    padding: 2px 3px 10px 3px;
    font-weight: bold;
}




/*------------- GridView ----------------*/
.grid-view-search {
    padding: 0;
    margin: 0;
    border: 1px solid #CCCCCC;
    font-family: verdana;
    width: 100%;
    border: 1px solid #CCCCCC;
}

    .grid-view-search th {
        border: 1px solid #CCCCCC;
        padding: 5px;
    }

    .grid-view-search td {
        border: 1px solid #CCCCCC;
        padding: 5px;
    }


    .grid-view-search tr.header a {
        color: white !important;
    }

    .grid-view-search tr.header {
        color: #666666;
        background-color: #00c0ef;
        vertical-align: middle;
        text-align: left;
        font-size: 11pt;
        border: 1px solid #CCCCCC;
    }

    .grid-view-search tr.normal {
        vertical-align: middle;
        text-align: left;
        font-size: 10pt;
        border: 1px solid #CCCCCC;
    }

    .grid-view-search tr.alternate {
        vertical-align: middle;
        background-color: #E9E9E9;
        text-align: left;
        font-size: 10pt;
        border: 1px solid #CCCCCC;
    }

        .grid-view-search tr.normal:hover, .grid-view-search tr.alternate:hover {
            background-color: #99CCFF;
            /*cursor: pointer;*/
        }





.grid-view-info {
    padding: 0;
    margin: 0;
    border: 1px solid #CCCCCC;
    font-family: verdana;
    width: 100%;
    border: 1px solid #CCCCCC;
}

    .grid-view-info th {
        border: 1px solid #CCCCCC;
        padding: 5px;
    }

    .grid-view-info td {
        border: 1px solid #CCCCCC;
        padding: 5px;
    }

        .grid-view-info td table td {
            border: 1px solid #CCCCCC;
            vertical-align: middle;
            padding: 2px;
        }

    .grid-view-info tr.header {
        color: #FFFFFF;
        background-color: #3c8dbc;
        vertical-align: middle;
        text-align: left;
        font-size: 10pt;
        border: 1px solid #CCCCCC;
    }

    .grid-view-info tr.normal {
        vertical-align: middle;
        background-color: white;
        text-align: left;
        font-size: 9pt;
        border: 1px solid #CCCCCC;
    }

    .grid-view-info tr.alternate {
        vertical-align: middle;
        background-color: #E9E9E9;
        text-align: left;
        font-size: 9pt;
        border: 1px solid #CCCCCC;
    }



.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    color: #000000;
    background-color: #FFFFFF; /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c3dffc', EndColorStr='#ffffff')*/
}

.MyCalendar .ajax__calendar_today {
    background-color: #c3dffc; /* pale blue */
    height: 20px;
    font-weight: bold;
}

.MyCalendar .ajax__calendar_day {
    color: #000000; /* normal day - dark color */
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day {
    color: #666; /* day not actually in this month - lighter gray color */
}  

