@import url("font-awesome.min.css");

iframe[name^='wnd'] {
    /*min-height: 350px !important;*/
}

/* BEGIN : Page layout css classes */
.smallButton {
    background-image: url(../images/icons/btnsearch.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 17px;
    width: 17px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}


.dddAdd {
    background-image: url(../images/ddd/add-24.png);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 32px;
    width: 32px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}

.dddEdit {
    background-image: url(../images/ddd/edit-24.png);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 32px;
    width: 32px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}

.dddDelete {
    background-image: url(../images/ddd/delete-24.png);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 32px;
    width: 32px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}


.gridListItem {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/icons/list.gif' ) no-repeat !important;
    cursor: pointer;
}

.gridSelectItem {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/icons/gridSelect.gif' ) no-repeat !important;
    cursor: pointer;
}

    .gridSelectItem:hover {
        background: url('../images/icons/gridSelectUp.gif' ) no-repeat !important;
        cursor: pointer;
    }

.gridDeleteItem {
    width: 20px;
    height: 20px;
    display: block;
    background: url( '../images/icons/delete.gif' ) no-repeat !important;
    cursor: pointer;
}

.ContentDiv {
    margin: 2px 5px 1px 0px;
    padding: 2px;
    float: left;
    text-align: left;
}

.NewRow {
    clear: both;
    height: 1px;
    margin: 0;
    overflow: hidden;
}

.ContentHeader {
    text-align: left;
    padding: 7px;
    padding-left: 35px;
    background: url('../images/icons/right.gif' ) #fff9d7 no-repeat 5px 3px;
    border: solid 1px #e2c822;
    margin-bottom: 5px;
}


/* END : Page layout css classes */

body {
    font-size: 0.75em;
    color: #45444f;
    font-family: tahoma,verdana,arial;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; /*background-color: #fff;*/ /*background-color: #e9ebf0;*/
}

.popupbody {
    height: auto;
    width: auto;
    font-size: 11px;
    color: #000;
    font-family: tahoma,verdana,arial;
    margin: 5px;
    background: #fff;
}

hr {
    border-bottom: solid 1px #f5f5f5;
    margin: -2px 0px 0px 0px;
    clear: both;
    padding: 0px 0px 0px 0px;
    display: block;
    float: none;
}
/* HEADER STYLES BEGIN*/
.menubar {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../images/header/menubarbg.gif) #e6e8ee repeat-x left top;
    width: 100%;
    height: 24px;
    text-align: right;
}

.infobar {
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../images/header/menubarbg.gif) #e6e8ee repeat-x left top;
    width: 100%;
    height: 24px;
}

.menubar div#menu {
    font-size: 11px;
    font-family: Verdana,Tahoma, Arial;
    background: url(../images/header/menubarbg.gif);
    font-weight: bold;
    color: #45444f;
    display: block;
    text-align: left;
    width: 100%;
    padding-top: 2px;
}

    .menubar div#menu td {
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: middle;
        border-right: solid 1px #b2b2b2;
    }

    .menubar div#menu select {
        font-size: 10px;
        font-family: Verdana,Tahoma,Arial;
    }

    .menubar div#menu a {
        font-size: 11px;
        font-family: Tahoma, Verdana, Arial;
        font-weight: bold;
        color: #45444f;
        text-decoration: none;
        padding: 0px;
        margin: 0px;
    }

        .menubar div#menu a:hover {
            text-decoration: underline;
        }

/*.header
{
	padding: 0px;
	margin: 0px;
	background: url(../images/header/headerbg.gif) #e6e8ee repeat-x left top;
	width: 100%;
	height: 53px;
}*/
.header table {
    width: 100%;
}

.header td#banner {
    width: 210px;
}

    .header td#banner div {
        float: left;
        width: 210px;
        height: 53px;
        background-image: url(../images/header/okulsis.gif);
        background-repeat: no-repeat;
    }

.header td#logo div {
    float: right;
    width: 56px;
    height: 20px;
    margin: 3px 5px 0px 0px;
}

.header td#logview {
    text-align: right;
    padding-right: 5px;
}

    .header td#logview span {
        font-size: 12px;
        color: #666699;
        font-family: Verdana, Tahoma, Arial;
        font-weight: bold;
    }
/* HEADER PAGE STYLES END*/

/* MASTER PAGE STYLES BEGIN*/
.MasterDiv {
    position: static;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #c6c9d8;
    text-align: center;
}

.MasterDivContent {
    position: static;
    top: 1px;
    bottom: 1px;
    left: 3px;
    right: 3px;
    border-right: #697188 1px solid;
    border-left: #697188 1px solid;
    background-color: #fff;
    text-align: left;
}

.DescriptionPanel {
    width: auto;
    background-color: #FFF;
    padding: 7px;
    margin-bottom: 5px;
    width: auto;
    border-radius: 4px;
    border: 1px solid #eee;
    border-left-width: 5px;
    /*border-left-color: #83B37C;*/
    border-left-color: #26a891;
    visibility: hidden;
    display: none;
}

.PageTitle {
    font-family: Arial;
    font-weight: bold;
    text-transform: none;
    color: #cc0000;
}

.PageDescription {
    font-family: Verdana;
    text-transform: none;
    color: #000;
}

/* MASTER PAGE STYLES END*/

/* LOGIN PAGE STYLES BEGIN*/
#login {
    background-image: url(../images/login/mainbg.gif);
    background-repeat: repeat-x;
    border: solid 1px #aeadb8;
}

    #login #content {
        background-image: url(../images/login/contentbg.gif);
        background-repeat: repeat-x;
        border: solid 1px #75829d;
        height: 386px;
        width: 300px;
        text-align: left;
        padding: 3px 3px 3px 3px;
        margin: 5px 5px 5px 3px;
    }

    #login #splash {
        background-image: url(../images/login/splash.png);
        background-repeat: no-repeat;
        margin-right: 5px;
        border: solid 1px #464e66;
        width: 208px;
        height: 392px;
        margin: 5px 0px 5px 5px;
    }

    #login .title {
        background-image: url(../images/login/h1bg.gif);
        background-repeat: repeat-x;
        height: 19px;
        width: auto;
        font-weight: normal;
        font-size: 16px;
        color: #3a4155;
        border: solid 1px #9594a3;
        font-family: 'Arial Black', verdana, arial, tahoma;
        padding: 0px 5px 5px 5px;
        display: block;
    }

    #login .description {
        font-weight: normal;
        font-size: 12px;
        font-family: Tahoma,Verdana,Arial;
        padding: 0px 5px 5px 5px;
    }
/* LOGIN PAGE STYLES END */

/*------------------ CONTROLS -----------------*/

/*-------------- LEGEND LABEL----------------*/
.LegendLabel {
    color: #bf2b2e; /* #006699 */
    font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
}

.LegendLabelBold {
    color: #bf2b2e; /* #006699 */
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
}

.LegendLabelNormal {
    color: #bf2b2e; /* #006699 */
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
}


.LegendLabelRed {
    color: #B22222; /* #006699 */
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
}

/*------------------ MAINTABLE BEGIN ---------------*/
table.mainTable {
    empty-cells: show;
    border-collapse: collapse;
}

    table.mainTable td.ltd {
        font-weight: bold;
        text-align: right;
        white-space: nowrap;
    }

        table.mainTable td.ltd .EntryLabel {
            font-weight: bold;
        }

    table.mainTable td.etd {
        padding-left: 3px;
        text-align: left;
    }

    table.mainTable td.atd {
        text-align: left;
    }

    table.mainTable tr {
    }

        table.mainTable tr.alt {
            background-color: #e6e6fa;
        }
/*------------------ MAINTABLE END ---------------*/
/*------------------ MAINTABLE BEGIN ---------------*/
table.listTable {
    empty-cells: show;
    border-collapse: collapse;
    border: solid 1px #d3d3d3;
}

    table.listTable td {
        border-left: solid 1px #d3d3d3;
        border-bottom: solid 1px #d3d3d3;
        padding: 3px;
    }

        table.listTable td td {
            border: none;
            padding: 0px;
        }

        table.listTable td.ltd {
            font-weight: bold;
            text-align: right;
            background-color: #e6e6fa;
        }

            table.listTable td.ltd .EntryLabel {
                font-weight: bold;
            }

        table.listTable td.etd {
            padding-left: 3px;
            text-align: left;
            background-color: #f5f5f5;
        }

    table.listTable tr.hdr {
        background-color: #e6e6fa;
        font-weight: bold;
    }

    table.listTable tr.alt {
        background-color: #f8f8ff;
    }
/*------------------ MAINTABLE END ---------------*/

/* PANEL STYLES BEGIN */
.pnltbl {
    width: 100%;
    background-image: url(../images/panel/basebg.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #ffffff;
    border: solid 1px #6788be;
    vertical-align: top;
    border-radius: 8px;
    min-height: 60px;
}

    .pnltbl > .pnlcnt {
        min-height: 350px;
    }

.pnlhdr {
    height: 24px;
    line-height: 24px !important;
    border-bottom: solid 1px #eee;
    color: #fff;
    font-weight: bold;
    padding-left: 3px;
    background-color: #007bff;
    /* background-color: #007bff !important;*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .pnlhdr .EntryLabel {
        line-height: 24px !important;
        color: #fff !important;
        font-weight: bold !important;
    }

    .pnlhdr a {
        color: #ffffff;
        text-decoration: none;
        border-left: solid 1px #ffffff;
        padding-left: 3px;
        padding-right: 3px;
    }

        .pnlhdr a:hover {
            background-color: #b0c4de;
        }

.pnlcnt {
    /*padding: 5px;*/
    padding: 10px 5px 5px 5px;
}

/*Panel*/
.panelInForm {
    background-image: url(../images/panel/basebg.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: white;
    vertical-align: top;
}

    .panelInForm .pnltbl {
        width: 100%;
    }

    .panelInForm .pnlhdr {
        height: 15px;
        border-bottom: solid 1px darkgray;
        color: #FFF !important;
        font-weight: bold;
        padding-left: 3px;
        background-color: #498bd1;
        background-image: none;
    }

    .panelInForm .pnlcnt {
        padding: 5px;
    }
/* PANEL STYLES END */

/*------------------ Content Div --------------*/
.ContentDivCentered {
    width: 100%;
    text-align: center;
}

.ContentDivLeftJustify {
    width: 100%;
    text-align: left;
}

/*------------------ Profile ------------------*/
div.normalProfile /*OgrenciProfile*/ {
    width: 180px;
    display: block;
    text-align: left;
    padding: 2px;
    border: solid 1px #483d8b;
    background-color: #f5f5f5;
    margin-bottom: 3px;
}

td .normalProfileCell {
    width: 180px;
    vertical-align: top;
}

div.customProfile {
    display: block;
    text-align: left;
    padding: 2px;
    border: solid 1px #483d8b;
    background-color: #f5f5f5;
    margin-bottom: 3px;
}

td .customProfile {
    vertical-align: top;
}
/*------------------ Label --------------------*/

.EntryLabel {
    font-style: normal;
    font-weight: normal;
    color: #45444f;
    line-height: 20px;
    padding: 5px;
}

.rgCurrentPage span {
    background-color: #337ab7;
    color: #FFF;
}

    .rgCurrentPage span:hover {
        background-color: #337ab7 !important;
    }

.RadGrid .rgNumPart span {
    padding: 6px 12px !important;
    border: 1px solid #cdd3d7;
}

    .RadGrid .rgNumPart span:hover {
        background-color: #eee;
    }

.rgInfoPart {
    line-height: 40px !important;
}

.EntryLabelBold {
    font-style: normal;
    font-weight: bold;
    color: #000000;
}

.EntryLabelBoldBlue {
    font-style: normal;
    font-weight: bold;
    color: #255282;
}

.EntryLabelBoldGreen {
    font-style: normal;
    font-weight: bold;
    color: green;
}

.EntryLabelBoldRed {
    font-style: normal;
    font-weight: bold;
    color: red;
}

.EntryLabelBoldDarkRedLeft {
    font-weight: bold;
    color: #B22222; /* #006699 */
    display: inline-block;
    text-align: left;
    width: 150px;
}

.EntryLabelBoldDarkBlack {
    font-weight: bold;
    color: #000000; /* #006699 */
    width: 100%;
}

.EntryLabelBoldLightBlueLeft {
    font-weight: bold;
    color: #25A0DA; /* #006699 */
    display: inline-block;
    text-align: left;
    width: 200px;
}


.EntryLabelSmall {
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

.EntryLabelSmallHeader {
    font-style: normal;
    font-weight: bold;
    color: #696969;
}

.EntryLabelSoft {
    font-style: normal;
    font-weight: normal;
    color: #696969;
}

.EntryLabelGroup {
    border-top: #a9a9a9 1px solid;
    font-weight: bold;
    background-color: #498bd1;
    padding: 4px 0px 4px 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
    color: #fff;
}

.EntryLabelSuccess {
    text-align: left;
    text-indent: 20px;
    background: url('../images/icons/icnSuccess.png') #dff0d8 no-repeat 5px 8px;
    border: 1px solid transparent;
    border-color: #d6e9c6;
    margin-bottom: 5px;
    display: block;
    font-style: normal;
    font-weight: bold;
    color: #3c763d;
    border-radius: 6px;
    padding: 15px;
}

.EntryLabelWarning {
    text-align: left;
    text-indent: 20px;
    background: url('../images/icons/icnWarning.png') #fcf8e3 no-repeat 5px 8px;
    border: 1px solid transparent;
    border-color: #faebcc;
    margin-bottom: 5px;
    display: block;
    font-style: normal;
    font-weight: bold;
    color: #8a6d3b;
    border-radius: 6px;
    padding: 15px;
}

.EntryLabelError {
    text-align: left;
    text-indent: 20px;
    background: url('../images/icons/icnError.png') #f2dede no-repeat 5px 8px;
    border: 1px solid transparent;
    border-color: #ebccd1;
    margin-bottom: 5px;
    display: block;
    font-style: normal;
    font-weight: bold;
    color: #a94442;
    border-radius: 6px;
    padding: 15px;
}

.EntryLabelInfo {
    text-align: left;
    background: url('../images/icons/icnInfo.png') #d9edf7 no-repeat 5px 8px;
    border: 1px solid transparent;
    border-color: #bce8f1;
    margin-bottom: 5px;
    display: block;
    font-style: normal;
    font-weight: bold;
    color: #31708f;
    border-radius: 6px;
    padding: 10px 10px 10px 36px;
}

.LabelHeader {
    font-style: normal;
    font-weight: bold;
    color: #990000;
    text-indent: 0px;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: underline;
}
/*------------------ Link --------------------*/
.LinkLabel {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000099;
    text-indent: 0px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    cursor: pointer;
    text-decoration: none;
}

    .LinkLabel:hover {
        font-family: Tahoma, Verdana, Arial;
        font-style: normal;
        font-size: 11px;
        font-weight: normal;
        color: blue;
        text-indent: 0px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
        text-decoration: underline;
    }
/*---------------------------------------------*/

/*------------------ Hyperlink --------------------*/
.Hyperlink {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    color: #800080;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: underline;
    cursor: pointer;
}

    .Hyperlink:hover {
        text-decoration: underline;
    }

.HyperlinkSmall {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 9px;
    font-weight: normal;
    color: #000099;
    cursor: pointer;
    margin-left: 1px;
    margin-right: 1px;
}

    .HyperlinkSmall:hover {
        font-family: Tahoma, Verdana, Arial;
        font-style: normal;
        font-size: 9px;
        font-weight: normal;
        color: blue;
        text-indent: 0px;
        cursor: pointer;
        margin-left: 1px;
        margin-right: 1px;
    }
/*---------------------------------------------*/

/*------------------ Input / TextBox -----------------*/
.EntryInput {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-indent: 0px;
    border: solid 1px #a9a9a9;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #ffffff;
    width: 137px;
    white-space: normal;
}

.EntryInputFocus {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-indent: 0px;
    border: solid 1px #cc9900;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-left: 1px;
    margin-right: 1px;
    background-color: #fffff0;
    width: 137px;
    white-space: normal;
}

.EntryInputLock {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #696969;
    background-color: #fafad2;
    text-indent: 0px;
    border: solid 1px #a9a9a9;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-left: 1px;
    margin-right: 1px;
    width: 137px;
}

.EntryInputLockFocus {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #696969;
    background-color: #fafad2;
    text-indent: 0px;
    border: solid 1px #cc9900;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-left: 1px;
    margin-right: 1px;
    width: 137px;
}

.EntryInputSmall {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-indent: 0px;
    border: solid 1px #a9a9a9;
    background-color: #ffffff;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    width: 137px;
}

.EntryInputSmallFocus {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-indent: 0px;
    border: solid 1px #cc9900;
    background-color: #fffff0;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    width: 137px;
}

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

/*------------------ ListBox -----------------*/
.EntryListBox {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    overflow: auto;
}

.EntryListBoxWithBorder, .EntryListBox5Cols {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    overflow: auto;
    border: solid 1px #a9a9a9;
}

    .EntryListBox, .EntryListBox5Cols input {
        vertical-align: middle;
    }

    .EntryListBox, .EntryListBox5Cols label {
        white-space: nowrap;
    }

    .EntryListBox5Cols tr td {
        width: 20%;
        background-color: #e9ebf0;
    }
/*----------------------------------------------*/

/*------------------ DropDownList -----------------*/
.EntryDropDownList {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    text-indent: 0px;
    margin-left: 1px;
    margin-right: 1px;
    border: solid 1px #cc9900;
    width: 142px;
}

.EntryDropDownListLock {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #696969;
    background-color: #fafad2;
    text-indent: 0px;
    margin-left: 1px;
    margin-right: 1px;
    border: solid 1px #cc9900;
    width: 142px;
}
/*----------------------------------------------*/

/*------------------ CheckBox -----------------*/
.EntryCheckBox {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
}

.SmallCheckBox input {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    width: 14px;
    height: 14px;
}

.HeaderCheckBox input {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    margin-left: 0px;
    margin-right: 0px;
    color: #000000;
    width: 14px;
    height: 14px;
}
/*----------------------------------------------*/

/*------------------ RadioButton -----------------*/
.EntryRadioButton {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin-left: 1px;
    margin-right: 1px;
}
/*----------------------------------------------*/

/*------------------ RadioButtonList -----------------*/
.EntryRadioButtonList {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
/*----------------------------------------------*/

/*------------------ Validator -----------------*/
.EntryValidator {
    font-family: Tahoma, Verdana, Arial;
    font-weight: bold;
    font-size: 11px;
    color: #ff0000;
    text-indent: 0px;
    text-align: left;
    margin-left: 1px;
    margin-right: 1px;
}

    .EntryValidator li {
        color: #ff0000;
        list-style-image: url( '../images/icons/bullet.gif' );
    }

div.errorDiv {
    overflow: auto;
    border: solid 1px #c0c0c0;
    background-color: white;
    font-style: italic;
    font-family: Tahoma, Arial, Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #ff0000;
    padding: 5px;
    margin-top: 5px;
}
/*----------------------------------------------*/

/*-------------------- Button ------------------*/
.Button {
    background-image: url(../images/buttons/btn.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 20px;
    width: 90px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: solid 1px #707070;
}

    .Button:hover {
        border: solid 2px #4682b4;
    }

.LargeButton {
    background-image: url(../images/buttons/btn.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 20px;
    width: 160px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: solid 1px #707070;
}

    .LargeButton:hover {
        border: solid 2px #4682b4;
    }

.LargerButton {
    background-image: url(../images/buttons/btn.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 20px;
    width: 220px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: solid 1px #707070;
}

    .LargerButton:hover {
        border: solid 2px #4682b4;
    }

.LargestButton {
    background-image: url(../images/buttons/btn.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 20px;
    width: 300px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: solid 1px #707070;
}

    .LargestButton:hover {
        border: solid 2px #4682b4;
    }

.LargestButton2 {
    background-image: url(../images/buttons/btn.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height: 20px;
    width: 400px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: solid 1px #707070;
}

    .LargestButton2:hover {
        border: solid 2px #4682b4;
    }

.LongButton {
    background-image: url(../images/longbutton.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 21px;
    width: 160px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}


.LongButtonOver {
    background-image: url(../images/longbutton_over.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 21px;
    width: 88px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}

/* Custom Buttons */
.LinkBtn {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    color: #0000CC;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
    cursor: pointer;
    background-color: #f5f5f5;
    border: none;
}

    .LinkBtn:hover {
        text-decoration: underline;
        background-color: #dcdcdc;
        cursor: pointer;
    }

.BtnAdd {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
}

.BtnRemove {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
}

.BtnEdit {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
}

.Btn {
    background-image: url(../images/buttons/btn.gif);
    background-repeat: repeat-x;
    background-color: #fff;
    height: 20px;
    width: 40px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000;
    cursor: pointer;
    border: solid 1px #707070;
}

    .Btn:hover {
        border: solid 2px #4682b4;
    }
/* ICONS BUTTONS */
/* Find Button */
.BtnFind {
    background-image: url(../images/buttons/find.gif);
    background-color: Transparent;
    height: 17px;
    width: 17px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    cursor: pointer;
    border: 0;
}

    .BtnFind:hover {
        background-image: url(../images/buttons/findh.gif);
    }

.BtnAddSmall {
    background-image: url(../images/small_btnAdd.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: center;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    cursor: pointer;
    border-width: 0;
}

.BtnEditSmall {
    background-image: url('../images/icons/disk.png');
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: center;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    cursor: pointer;
    border-width: 0;
}

    .BtnEditSmall[disabled] {
        background-image: url(../images/small_btnEditDisabled.gif);
    }

.BtnRemoveSmall {
    display: block;
    background-image: url(../images/small_btnRemove.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: center;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    cursor: pointer;
    border-width: 0;
}

    .BtnRemoveSmall[disabled] {
        background-image: url(../images/small_btnRemoveDisabled.gif);
    }

.BtnRepeatSmall {
    background-image: url(../images/small_btnRepeat.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: center;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    cursor: pointer;
    border-width: 0;
}

/*----------------------------------------------*/
/*------------------ MultiPage (TabStrip Container Style)-----------------*/
.MultiPage {
    clear: both;
    border-right: #bbbbbb 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 4px;
    border-left: #bbbbbb 1px solid;
    border-bottom: #bbbbbb 1px solid;
    background-image: url(../images/multipage/back.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
}
/*------------------ Container -----------------*/
.Container {
    clear: both;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 4px;
    border: solid 1px #bbbbbb;
    background-image: url(../images/multipage/back.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
}
/*----------------------------------------------*/

/* ------------------ FieldSet -------------------*/
/* Baslik Ile Kullanim */
.FieldSet {
    font-family: Tahoma,Verdana, Arial;
    font-size: 11px;
    padding: 1px;
    margin: 1px;
    background-color: white;
    vertical-align: top;
    border: solid 1px darkgray;
}

    .FieldSet legend {
        font-size: 12px;
        color: #000000;
        font-family: tahoma,verdana,arial;
        font-size: 12px;
        font-weight: bold;
        background-color: #dcdcdc;
        background-image: none;
        padding: 1px;
    }

/* Basliksiz Kullanim */
.FieldSetNoLegend {
    background-color: white;
    vertical-align: top;
    border: solid 1px darkgray;
    font-family: Tahoma,Verdana, Arial;
    font-size: 11px;
    margin: 0px 3px 2px 3px;
    display: block;
    padding: 1px 5px;
}

/* -----------------------------------------------*/
/* ----------------- Scroll Div/Panel ------------------*/
/* Scroll cikmasi istenen div/panel stili, style dan heigth verilmesi yeterli*/
.Scroll {
    /*position: relative;*/
    overflow: auto;
    background-color: #ffffff;
    border: solid 1px #a9a9a9;
}
/* -----------------------------------------------*/


/* ------------------ CUSTOM -------------------*/
/* Aciklama iconu <div> class */
.ToolTipIcon {
    background-image: url(../images/description.gif);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    cursor: pointer;
    border: 0;
}
/* Aciklama paneli <div> class id*/
#ToolTip {
    border-right: #696969 2px solid;
    border-top: #f0f8ff 1px solid;
    font-size: 10px;
    border-left: #f0f8ff 1px solid;
    color: black;
    border-bottom: #696969 2px solid;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    background-color: #d3dbe8;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

#ActionBarDiv, .ActionBarClass {
    width: 99%;
    text-align: left;
}

/* TABLE Panel Style BEGIN (bGrid.default skin benzeri) */
.tableStylePanel {
    background: #f7f7f7;
    border: solid 9px #e5e5e5;
    border-top: 0px;
    text-align: left;
    cursor: default;
    background: #f7f7f7;
    border: solid 1px #e5e5e5;
    border-top: 0px;
    font: normal 11px Tahoma,Arial,Verdana;
    text-align: left;
    cursor: default;
    scrollbar-face-color: #E9E9E9;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: #E9E9E9;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #AEAEAE;
}

    .tableStylePanel table {
        font: normal 11px Tahoma,Arial,Verdana;
        border: 0px !important;
        border-collapse: separate !important;
        width: 100%;
    }

    .tableStylePanel th {
        position: relative;
        top: expression(this.offsetParent.scrollTop);
        background: white url( '../images/table/GridHeaderBg.gif' ) repeat-x bottom;
        border-right: solid 1px #c6c6c6;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #bbb;
        padding-left: 3px; /*more than items to compensate for item borders!*/
        padding-right: 3px; /*more than items to compensate for item borders!*/
        height: 20px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 10px;
        font-family: Tahoma, Arial, Verdana;
    }

    .tableStylePanel tr {
        background: white;
        height: 16px;
        border: solid 1px white;
    }

    .tableStylePanel td {
        background: #f7f7f7;
        line-height: 16px;
        padding-left: 2px; /*more than items to compensate for item borders!*/
        padding-right: 2px; /*more than items to compensate for item borders!*/
        border-top: solid 1px #e9e9e9;
        border-right: solid 1px #e9e9e9;
    }

/* TABLE Panel Style END*/

/* Fihrist Button */
.FihristLargeButton {
    background-image: url(../images/fihrist/bigtab.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 19px;
    width: 42px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}

.FihristLargeButtonOver {
    background-image: url(../images/fihrist/bigtabover.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 19px;
    width: 42px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #ff6600;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}

.FihristButton {
    background-image: url(../images/fihrist/litletab.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 19px;
    width: 19px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}

.FihristButtonOver {
    background-image: url(../images/fihrist/litletabover.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 19px;
    width: 19px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #ff6600;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: center;
    padding-right: 0px;
    cursor: pointer;
    border: 0;
}
/*Alt Menu veya Kontrol grubu container style sinifi(TabStript secimleri alt paneli)*/
.controlContainer {
    background-image: url(../images/custom/menucontainerback.gif);
    background-color: #ffffff;
    height: 100%;
    width: 108px;
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    color: #ff6600;
    border: solid 1px #a9a9a9;
    padding: 3px 3px 3px 3px;
}

/* SELECTORLU EKRANLAR ICIN*/
div.Selector {
    width: 350px;
    display: block;
    float: left;
}

div.Selector500 {
    width: 500px;
    display: block;
    float: left;
}

div.SelectorPrm {
    margin-left: 10px;
    display: block;
    float: left;
    clear: right;
    padding: 0px 0px 0px 0px;
}

/* ------------------------*/
/* ESKI LER SILINECEK !!!!!!!! */
/* OgrenciSelector un style siniflari */
.OgrenciSelector {
    width: 400px;
    float: left;
    display: block;
}

.OgrenciSelectorPrm {
    margin-left: 10px;
    display: block;
    float: left;
    clear: right;
    padding: 0px 0px 0px 0px;
}

/* SinifSelector/Ders Selector/SinifDersSelector/Ogrenci Selector/Ogretmen Selector  un style siniflari */
.SelectorMaximize {
    width: 450px;
    height: 455px;
    padding-bottom: 5px;
    display: block;
    float: left;
}

.SelectorMinimize {
    width: 400px;
    height: 165px;
    padding-bottom: 5px;
    display: block;
    float: left;
}

.SelectorMinimizeMore {
    width: 300px;
    height: 145px;
    padding-bottom: 5px;
    display: block;
    float: left;
}

.SelectorMinimizeShowOnlySeviyeID {
    width: 250px;
    height: 165px;
    padding-bottom: 5px;
    display: block;
    float: left;
}
/* ------------------------*/


/* OkulProfil Tablosu */
.OkulProfil {
    border: solid 1px #a9a9a9;
    background-color: #ffffff;
    margin: 5px 5px 5px 5px;
    height: 50px;
    width: 200px;
}

.OkulProfilFoto {
    padding-left: 4px;
    width: 25px;
}

.OkulProfilDetay {
    padding-left: 4px;
    width: 150px;
}

/* Not Giris style siniflari */
.NtD {
    font-family: Tahoma, Verdana, Arial;
    color: Black;
    text-indent: 0px;
    border: solid 0px #a9a9a9;
    background-color: #fbfbc8;
    font-size: 7pt;
    text-align: center;
    pointer-events: none;
}

.NtE {
    font-family: Tahoma, Verdana, Arial;
    color: Black;
    text-indent: 0px;
    border: solid 0px #a9a9a9;
    background-color: inherit;
    font-size: 7pt;
    text-align: center;
}

.NtEFocus {
    font-family: Tahoma, Verdana, Arial;
    color: Black;
    text-indent: 0px;
    border: solid 0px #a9a9a9;
    background-color: #7fffd4;
    font-size: 7pt;
    text-align: center;
}

.NtDFocus {
    font-family: Tahoma, Verdana, Arial;
    color: Black;
    text-indent: 0px;
    border: solid 0px #a9a9a9;
    background-color: #7fffd4;
    font-size: 7pt;
    text-align: center;
}

.LinkCursor {
    cursor: pointer;
}

.DegerlendirmeEIS {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-indent: 0px;
    border: solid 1px #a9a9a9;
    background-color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 30px;
}

.DegerlendirmeEISFocus {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-indent: 0px;
    border: solid 1px #cc9900;
    background-color: #fffff0;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 30px;
}

/* NOT GIRIS EKRANLARI TAB ve PANEL SITILI */
.notTab {
    width: 800px;
}

.notPanel {
    clear: both;
    border-right: #bbbbbb 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 4px;
    border-left: #bbbbbb 1px solid;
    border-bottom: #bbbbbb 1px solid;
    background-image: url(../images/multipage/back.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    width: 790px;
}

/* bPanel Styles Begin*/
.bPanel {
    background-color: #edeaba;
    border: solid 1px #c9b573;
    padding: 1px 2px 1px 2px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= '#666666', Direction=135, Strength=4);
    z-index: 10000;
}

.bPanelHeader {
    background-image: url(../images/panelBack.gif);
    background-repeat: repeat-x;
    height: 17px;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Tahoma, Arial, Verdana;
}
/* bPanel Styles End*/

.BtnKazanim {
    background-image: url(../images/kazanim.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: center;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    cursor: pointer;
    border-width: 0;
}

.BtnKazanimOver {
    background-image: url(../images/kazanim.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: center;
    height: 16px;
    width: 18px;
    vertical-align: middle;
    cursor: pointer;
    border: solid 1px blue;
}

/* UYARI VE BILGILENDIRME */
div.succeed {
    text-align: left;
    padding: 7px;
    padding-left: 35px;
    background: url( '../images/icons/succeed.gif' ) #fff9d7 no-repeat 5px 3px;
    border: solid 1px #e2c822;
    margin-bottom: 5px;
}

div.warning {
    text-align: left;
    padding: 7px;
    padding-left: 35px;
    background: url( '../images/icons/warning.gif' ) #fff9d7 no-repeat 5px 3px;
    border: solid 1px #e2c822;
    margin-bottom: 5px;
}

/* PHOTO STYLES BEGIN*/
.photo_biggest {
    width: 171px;
    height: 190px;
    border: 1px solid #c2c8ce;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 2px;
    background-color: #fff;
}

    .photo_biggest img {
        width: 171px;
        height: 190px;
        margin: 0px;
        padding: 0px;
    }

.photo_bigger {
    width: 135px;
    height: 150px;
    border: 1px solid #c2c8ce;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 2px;
    background-color: #fff;
}

    .photo_bigger img {
        width: 135px;
        height: 150px;
        margin: 0px;
        padding: 0px;
    }

.photo_big {
    width: 90px;
    height: 100px;
    border: 1px solid #c2c8ce;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 2px;
    background-color: #fff;
}

    .photo_big img {
        width: 90px;
        height: 100px;
        margin: 0px;
        padding: 0px;
    }

.photo_medium {
    width: 72px;
    height: 80px;
    border: 1px solid #c2c8ce;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 2px;
    background-color: #fff;
}

    .photo_medium img {
        width: 72px;
        height: 80px;
        margin: 0px;
        padding: 0px;
    }

.photo_small {
    width: 36px;
    height: 40px;
    border: 1px solid #c2c8ce;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 2px;
    background-color: #fff;
}

    .photo_small img {
        width: 36px;
        height: 40px;
        margin: 0px;
        padding: 0px;
    }
/* PHOTO STYLES END*/

/* GRID SELECT LINK IMAGE BEGIN */
.gridListItem {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/icons/list.gif' ) no-repeat !important;
    cursor: pointer;
}

/* GRID SELECT LINK IMAGE END */

.JSDropDownList {
    font-family: Tahoma, Verdana, Arial;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    text-indent: 0px;
    margin-left: 1px;
    margin-right: 1px;
    border: solid 1px #cc9900;
    width: 40px;
}


.BagliSoruFilePassive {
    background-image: url(../images/icons/filepassive.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-style: none;
    border-width: 0;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.BagliSoruFileActive {
    background-image: url(../images/icons/fileactive.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-style: none;
    border-width: 0;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.verticalLabel {
    writing-mode: tb-rl;
    filter: flipH flipV;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
    color: #4C88BE;
    background-color: #00477F;
    width: 20px;
    font-weight: bold;
    vertical-align: middle;
    height: 150px;
}

.DarkGreen {
    background-color: #AEBC21;
    text-align: center;
    color: #00477F;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12px;
}

.DarkBlue {
    background-color: #00477F;
    text-align: center;
    color: #4C88BE;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12px;
    vertical-align: middle;
}

.LightBlue {
    background-color: #8DC3E9;
    text-align: center;
    color: #4C88BE;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12px;
    vertical-align: top;
}

.LightBlueOnlyFont {
    color: #4C88BE;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12px;
}

.BtnRounded {
    background-image: url(../images/btnrounded.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 18px;
    width: 34px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    color: #696969;
    text-align: center;
    cursor: pointer;
    border: 0;
    padding: 1px;
    margin: 2px;
    display: inline-block;
}

    .BtnRounded:hover {
        color: #000;
    }

.active {
    color: #990000;
    font-weight: bold;
}

/* HyperLink */

.HyperLinkClassic {
    color: #4C88BE;
    cursor: pointer;
}

/* Link Button */

.LinkButtonClassic {
    color: #4C88BE;
    cursor: pointer;
    font-size: 11;
}

.ModuleStyle {
    background-image: none;
    background-color: #E6EFFF;
    border: thin solid #000000;
}

.btnUp {
    background-image: url(../images/Up.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 22px;
    width: 22px;
}

.btnDown {
    background-image: url(../images/Down.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 22px;
    width: 22px;
}

.ReportDiv {
    /*width: 500px;
    height: 390px;*/
    text-align: center;
    margin-left: 10px;
}

/* DATA TABLE STYLES BEGIN */
.DataTable {
    background: #fff;
    border: solid 1px #d9d9d9;
    font: normal 11px tahoma,verdana,arial;
    empty-cells: show;
}

    .DataTable a {
        color: #000;
    }

        .DataTable a:hover {
            color: #ff3300;
        }

    .DataTable th a:hover {
        color: #ff3300;
    }

    .DataTable th a[disabled], a[disabled]:hover {
        color: #a9a9a9;
    }

    .DataTable th {
        padding: 2px 3px 2px 3px;
        background: white url('../images/table/GridHeaderBg.gif') repeat-x top;
        border-bottom: solid 1px #d9d9d9;
        border-right: solid 1px #d9d9d9;
        /*padding-left: 6px; /*more than items to compensate for item borders!*/
        height: 15px;
        font-weight: bold;
        font-size: 12;
        empty-cells: show;
    }

    .DataTable td {
        padding: 2px 3px 2px 3px;
        border-top: solid 1px #edf3fe;
        border-right: solid 1px #d9d9d9;
        border-bottom: solid 1px #d9d9d9;
        empty-cells: show;
    }

    .DataTable .alt {
        background: #f7f7f7;
    }

        .DataTable .alt td {
            border-top: solid 1px #f7f7f7;
            border-right: solid 1px #d9d9d9;
            border-bottom: solid 1px #d9d9d9;
            empty-cells: show;
        }

    .DataTable .group { /**/
    }

        .DataTable .group td {
            white-space: nowrap;
            height: 15px;
            font-weight: normal;
            border-top: #a6a6a6 1px solid;
            border-bottom: #d9d9d9 1px solid;
            empty-cells: show;
        }

.activecell {
    background-color: #fafad2;
}

/* DATA TABLE STYLES END */