@import url("https://fonts.googleapis.com/earlyaccess/droidarabickufi.css");

body
{
    min-width: 550px;
    width: auto !important;
    font-family: droid arabic kufi;
}

.table > thead > tr[align=center] > th { text-align: center; }
.table > thead > tr > th[align=center] { text-align: center; }
.table > thead > tr > th[align=left] { text-align: left; }
.table > thead > tr > th[align=right] { text-align: right; }

label.error { color: red; }

.GridviewControl { display: inline-block; }

.MarksLoadingImage { height: 19px; border: 0; vertical-align: bottom; }

.MarksWarningImage { height: 20px; border: 0; vertical-align: bottom; }

.MarksSuccessImage { height: 20px; border: 0; vertical-align: bottom; }

.no-padding { padding: 0 !important; }

.no-margin { margin: 0 !important; }

.row-margin-bottom { margin-bottom: 10px; }

.ItemSelected { background-color: #dff0d8; }

#header
{
    background-color: #21498A;
    background-image: url("../Images/banner_bkgd.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 125px;    
    padding: 39px 0;
    font-size: 17pt;
    font-weight: bold;
    color: white;
}

#header-xs
{
    background-color: #21498A;
    height: 115px;
    font-size: 17pt;
    font-weight: bold;
    color: white;
}

    #header-xs .logo
    {
        float: left;
    }

    #header-xs .title
    {
         float: left;
         margin-top: 16px;
    }

@media(min-width: 900px)
{
    #header{font-size: 17pt;}
}

@media (min-width: 769px)
{
    .label-left { text-align: left; }
}

.no-margin {
    margin: 0;
}