BODY
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    color: black;
    padding-top: 0px;
    font-family: Arial;
    min-width: 600px;
}

    BODY.Blue {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin: 0px;
        color: black;
        padding-top: 0px;
        font-family: Arial;
        background-color: #559bbb;
        /*background-color: #e4e4ff;*/
    }

.Highlight
{
    border-right: #333399 1pt solid;
    border-top: #333399 1pt solid;
    border-left: #333399 1pt solid;
    border-bottom: #333399 1pt solid;
    background-color: #9a99ff;
}
.Highlight2
{
    border-right: #333399 1pt solid;
    border-top: #333399 1pt solid;
    border-left: #333399 1pt solid;
    border-bottom: #333399 1pt solid;
    background-color: #6868cc;
}

.Highlight3
{
    border-right: black 1pt solid;
    border-top: black 1pt solid;
    border-left: black 1pt solid;
    border-bottom: black 1pt solid;
}

.Highlight4
{
    border-right: #867CC5 1pt solid;
    border-top: #867CC5 1pt solid;
    border-left: #867CC5 1pt solid;
    border-bottom: #867CC5 1pt solid;
    background-color: whitesmoke;
}

H1
{
    font-weight: bold;
    font-size: 18pt;
    color: black;
    font-family: Arial;
}
TH.blue {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    color: black;
    padding-top: 0px;
    font-family: Verdana, 'Arial CYR', 'Arial CE';
    background-color: #559bbb;
    /*background-color: #988ecd;*/
}


TH.gold
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    color: black;
    padding-top: 0px;
    font-family: Verdana, 'Arial CYR' , 'Arial CE';
    background-color: #867CC5;
}


TH.blueUnderline {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    color: black;
    padding-top: 0px;
    font-family: Verdana, 'Arial CYR', 'Arial CE';
    background-color: #559bbb;
    /*background-color: #9a99ff;*/
    border-bottom: black thin solid;
}

TH.yellow
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    color: black;
    padding-top: 0px;
    font-family: Verdana, 'Arial CYR' , 'Arial CE';
    background-color: #ffff99;
}
TH.blue2 {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    color: white;
    padding-top: 0px;
    font-family: Verdana, 'Arial CYR', 'Arial CE';
    background-color: #559bbb;
    /*background-color: #6868cc;*/
}
TD.blue {
    background-color: #559bbb;
    /*background-color: #9a99ff;*/
}
TH.red
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    color: black;
    padding-top: 0px;
    font-family: Verdana, 'Arial CYR' , 'Arial CE';
    background-color: #fd6c70;
}
TD.red
{
    background-color: #ff9999;
}

TD.White
{
    color: white;
    padding-top:5px;
}

TD.WhiteLines {
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1pt;

}

FORM
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
DIV.scroll {
    border: #DEE2E6 1pt solid;
    overflow: scroll;
}
INPUT.plain
{
    border-right: medium none;
    padding-right: 0px;
    border-top: medium none;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: medium none;
    padding-top: 0px;
    border-bottom: medium none;
    font-family: Arial;
}
INPUT.smallplain
{
    border-right: medium none;
    padding-right: 0px;
    border-top: medium none;
    padding-left: 0px;
    font-size: 8pt;
    padding-bottom: 0px;
    margin: 0px;
    border-left: medium none;
    padding-top: 0px;
    border-bottom: medium none;
    font-family: Arial;
}
INPUT.plainred
{
    border-right: medium none;
    padding-right: 0px;
    border-top: medium none;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: medium none;
    color: red;
    padding-top: 0px;
    border-bottom: medium none;
    font-family: Arial;
}

INPUT.size
{
    width: 30px;
}

/*TABLE.grid
{
    border-right: black 1pt;
    padding-right: 0px;
    border-top: black 1pt;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: black 1pt;
    padding-top: 0px;
    border-bottom: black 1pt;
    background-color: black;
}*/

/*TABLE.grid {
    padding: 0px;
    border: #DEE2E6 1pt;
    margin: 0px;
    background-color: #DEE2E6;
}*/



TD
{
    font-size: 10pt;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.PopupHeader {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 12pt;
    padding-bottom: 0px;
    margin: 0px;
    color: white;
    padding-top: 0px;
    border-bottom: #ffff99 solid;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: darkslateblue;
}
DIV.Search
{
    padding-right: 0px;
    border-top: darkslateblue 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    color: white;
    padding-top: 0px;
    border-bottom: darkslateblue 1pt solid;
    background-color: darkslateblue;
}
.CalDOW {
    font-weight: bold;
    font-size: 8pt;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: darkslateblue;
    text-align: center;
}
.CalDay {
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #eeeeee;
    text-align: right;
}
.CalDay2 {
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #eeeeee;
    text-align: right;
}
.CalHdr
{
    text-align: center;
}
BODY.CalPopup
{
    background-color: #ffffcc;
}
A.cal {
    font-size: 10pt;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: underline;
}
A.today {
    font-weight: bold;
    font-size: 10pt;
    color: #cc0000;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: underline;
}
.light
{
    color: #ffffff;
}


TABLE.ridge
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    border-bottom: thin ridge;
    background-color: white;
}
TABLE.Bghighlight
{
    border-right: darkslateblue 1pt solid;
    padding-right: 0px;
    border-top: darkslateblue 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: darkslateblue 1pt solid;
    padding-top: 0px;
    border-bottom: darkslateblue 1pt solid;
    background-color: #fa9292;
}
TH.Help {
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
    font-size: 11pt;
    padding-bottom: 3px;
    margin: 0px;
    color: darkslateblue;
    padding-top: 3px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.white
{
    color: white;
}
BODY.Popup
{
    background-color: #eeeeee;
}
.border
{
    border-right: darkslateblue 1pt solid;
    padding-right: 0px;
    border-top: darkslateblue 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: darkslateblue 1pt solid;
    padding-top: 0px;
    border-bottom: darkslateblue 1pt solid;
    background-color: white;
}
.redborder
{
    border-right: #cc3333 1pt solid;
    padding-right: 0px;
    border-top: #cc3333 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #cc3333 1pt solid;
    padding-top: 0px;
    border-bottom: #cc3333 1pt solid;
}
BODY.bgwhite {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    color: black;
    padding-top: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: white;
}
.VR
{
    border-right: darkslateblue 1pt solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    border-left: darkslateblue 1pt solid;
}
TD.Form {
    font-size: 12pt;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #b1beeb;
}
TD.under
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    border-bottom: darkslateblue solid;
    border-width: 1px;
}
H4 {
    padding-right: 0px;
    padding-left: 5px;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px 0px 0px;
    color: white;
    padding-top: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
H5
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px 0px 5px;
    color: #cc3333;
    padding-top: 0px;
}
TH.menu {
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 0px;
    margin: 0px;
    color: white;
    padding-top: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fc3437;
}
.ridge
{
    border-right: thin ridge;
    border-top: thin ridge;
    border-left: thin ridge;
    border-bottom: thin ridge;
}
TABLE.menu
{
    border-right: #cc3333 1pt solid;
    padding-right: 0px;
    border-top: #cc3333 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #cc3333 1pt solid;
    padding-top: 0px;
    border-bottom: #cc3333 1pt solid;
    background-color: white;
}
TABLE.border
{
    border-right: #a39ace 1pt solid;
    padding-right: 0px;
    border-top: #a39ace 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #a39ace 1pt solid;
    padding-top: 0px;
    border-bottom: #a39ace 1pt solid;
    background-color: white;
}
.redtext
{
    color: #990000;
}
.blacktext
{
    color: black;
}
TD.small {
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-style: normal;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: white;
    text-align: left;
}


/*TD.white {
    background-color: white;
}*/


TD.cell
{
    font-size: 8pt;
    border-left: black thin solid;
}
TD.cellW
{
    border-left: black thin solid;
}
TD.cell2
{
    border-right: black thin solid;
    font-size: 8pt;
    border-left: black thin solid;
}
TH.small {
    border-top: black thin solid;
    font-weight: 500;
    font-size: 8pt;
    border-left: black thin solid;
    color: black;
    border-bottom: black thin solid;
    font-style: normal;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #9a99ff;
    text-align: center;
}
TH.small2 {
    border-right: black thin solid;
    border-top: black thin solid;
    font-weight: 500;
    font-size: 8pt;
    border-left: black thin solid;
    color: black;
    border-bottom: black thin solid;
    font-style: normal;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #9a99ff;
    text-align: center;
}
.proper
{
    text-transform: capitalize;
}
TABLE.Shade {
    border-right: #DEE2E6 1pt solid;
    padding-right: 0px;
    border-top: #DEE2E6 1pt solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #DEE2E6 1pt solid;
    padding-top: 0px;
    border-bottom: #DEE2E6 1pt solid;
    background-color: #eeeeee;
}

INPUT {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

TEXTAREA {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
H3 {
    margin-top: 0px;
    font-weight: bold;
    font-size: 12pt;
    margin-bottom: 3px;
    padding-bottom: 0px;
    color: #bd494a;
    padding-top: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
H3.searchmargins
{
    text-align: center;
    margin-top: 88px;
}

HR.divider {
    color: #DEE2E6;
    width: 98%;
}
.LtBlue
{
    background-color: #ccccff;
}

.small
{
    font-size: 8pt;
}
TD.Averages {
    border-top: black thin solid;
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #ffffcc;
}

TD.Totals {
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #ffffcc;
}
span.headerlabel {
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
}
span.bannerlabel {
    font-size: 14pt;
    color: #A78C57;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: right;
    vertical-align: bottom;
}
td.bannerlabel {
    font-size: 14pt;
    color: #A78C57;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: right;
    vertical-align: middle;
}
table.homepagetop
{
    height: 295px;
    width: 98%;
    background-color: whitesmoke;
    border-width: 1px;
    vertical-align: top;
    text-align: center;
    padding: 0px;
    border-right: #867CC5 1pt solid;
    border-top: #867CC5 1pt solid;
    border-left: #867CC5 1pt solid;
    border-bottom: #867CC5 1pt solid;
}
DIV.scrollhomepagetop
{
    height: 295px;
    overflow: auto;
    border: none;
}
table.homepagebottom
{
    /*height: 278px;*/
    width: 98%;
    background-color: whitesmoke;
    border-width: 1px;
    vertical-align: top;
    text-align: center;
    padding: 0px;
    border-right: #867CC5 1pt solid;
    border-top: #867CC5 1pt solid;
    border-left: #867CC5 1pt solid;
    border-bottom: #867CC5 1pt solid;
}
DIV.scrollhomepagebottom
{
    height: 278px;
    overflow: auto;
    border: none;
}

table.MentorReports {
    width: 100%;
    background-color: whitesmoke;
    border-width: 1px;
    vertical-align: top;
    text-align: center;
    padding: 0px;
    border-right: #867CC5 1pt solid;
    border-top: #867CC5 1pt solid;
    border-left: #867CC5 1pt solid;
    border-bottom: #867CC5 1pt solid;
}


table.homepagereports
{
    height: 590px;
    width: 98%;
    background-color: whitesmoke;
    border-width: 1px;
    vertical-align: top;
    text-align: center;
    padding: 0px;
    border-right: #867CC5 1pt solid;
    border-top: #867CC5 1pt solid;
    border-left: #867CC5 1pt solid;
    border-bottom: #867CC5 1pt solid;
}
.benchmark
{
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
    cursor: hand;
    outline-style: none;
}
.benchmarklevel
{
    font-weight: bold;
    /*background-color: #d8e4f8;*/
    /*width: 690px;*/
}
.organizerlevel
{
    /*background-color: #FFF8DC;*/
    vertical-align: top;
    text-align: left;
    /*width: 690px;*/
}
.indicatorlevel
{
    /*background-color: #FFE4B5;*/
    vertical-align: top;
    text-align: left;
    /*width: 690px;*/
}
.courselevel
{
    background-color: #eeeeee;
    vertical-align: top;
    text-align: left;
    /*width: 690px;*/
}
.lessonlevel
{
    background-color: White;
    vertical-align: top;
    text-align: left;
    overflow-x: hidden;
    /*width: 690px;*/
}
.spacefiller
{
    width: 10px;
}
.btnhidden
{
    visibility: hidden;
}

.studentclasslistmid
{
    color: black;
    text-align: center;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}
.studentclasslistouter
{
    color: black;
    text-align: center;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}
.studentclasslistheadermid
{
    color: white;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
.studentclasslistheaderouter
{
    color: white;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.studentclasslisttable {
    border-collapse: collapse;
    color: black;
    font-size: 10pt;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    background-color: white;
    border: 1px solid black;
}
.studentclasslistheaderrow
{
    background-color: mediumslateblue;
    border: 1px solid black;
}
.studentclasslistheadercell
{
    color: white;
    font-weight: bold;
    text-align: center;
}
.studentclasslistdataitemrow
{
    background-color: lavender;
    border: 1px solid black;
}
.studentclasslistdataitemcell
{
    color: black;
    text-align: center;
}
.studentclasslistdataaltrow
{
    background-color: lightgoldenrodyellow;
    border: 1px solid black;
}
.studentclasslistitemdatarow
{
    border-top: 1px solid black;
    text-align: center;
    border-right: 1px solid black;
}
.studentclasslistitemdatarowtop
{
    border-top: 1px solid black;
    text-align: center;
}
.studentclasslistitemdatarowrightmost
{
    border-top: 1px solid black;
    text-align: center;
}
.studentclasslistheader
{
    text-align: center;
    font-weight: bold;
    color: white;
    border-bottom: 1px solid black;
}
.studentclasslistheaderdata
{
    text-align: center;
    font-weight: bold;
    color: white;
    border-right: 1px solid black;
}
.studentclasslistheaderdatarightmost
{
    text-align: center;
    font-weight: bold;
    color: white;
}
@media Print
{
    .scrollprintable
    {
        visibility: visible;
    }
    A {
        border-right: medium none;
        border-top: medium none;
        font-size: 10pt;
        border-left: medium none;
        color: black;
        border-bottom: medium none;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-decoration: none;
    }
    UnderlineLink
    {
        text-decoration: none;
    }
}
@media Screen
{
    .scrollprintable {
        border-right: #ADAEAF 1pt solid;
        border-top: #ADAEAF 1pt solid;
        overflow-y: auto;
        visibility: visible;
        overflow-x: auto;
        border-left: #ADAEAF 1pt solid;
        width: 900px;
        border-bottom: #ADAEAF 1pt solid;
        height: 500px;
        text-align: center;
    }
    A {
        border-right: medium none;
        border-top: medium none;
        font-size: 10pt;
        border-left: medium none;
        color: #333399;
        border-bottom: medium none;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        text-decoration: underline;
    }
    UnderlineLink
    {
        text-decoration: underline;
    }

}

.admingrid
{
    color: Black;
    text-align: left;
    border-color: gray;
}
.admingrid TD
{

}
.admingrid .headerstyle
{
    color: White;
    background-color: #867CC5;
    font-weight: bold;
}
.admingrid .itemstyle
{
    background-color: white;
}
.admingrid .alternatingitemsyle
{
    background-color: #EBEBEB;
}

.admingrid .alternatingitemstyle
{
    background-color: #EBEBEB;
}

.admingrid .selecteditemsyle
{
    background-color: #B35175;
}

.center
{
    text-align: center;
}

.nomargin
{
    margin: 0;
}

.gradient
{
    background-image: url(../Images/BottomBar.gif);
    line-height: 6px;
}

.gradientSmall
{
    background-image: url(../Images/BottomBar.gif);
    line-height: 2px;
}



#nav {
    background-color: darkslateblue;
    min-height: 20px;
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    padding-top: 7px;
}

#nav #navLeft
{
    float: left;
}

#nav #navRight
{
    float: right;
    text-align: right;
}

#nav #navCenter
{
    text-align: center;
}

#nav a
{
    color: #fff;
    text-decoration: underline;
}

#selectBlock.rightAlign, .offsetFromScroll
{
    margin-right: 20px;
}

#ApplyButtonBlock
{
    margin-right: 10px;
    padding-top: 3px;
}

.rightAlign
{
    float: right;
    margin-bottom: 3px;
}

.rightAlignAndBold
{
    float: right;
}

.legend
{
    padding-top: 5px;
    width: 580px;
}

.createdByColumnView
{
    text-align: left;
    width: 120px;
}

.viewByColumnEdit
{
    text-align: left;
    width: 250px;
}

.viewByColumnView
{
    text-align: left;
    width: 120px;
}

.deleteButton
{
    padding-right:20px;
}

.errorLabel
{
    text-align: center;
    color: Red;
    font-weight: bold;
}

#MailToBlock
{
    border: solid 0px #777;
}

#MailToBlock .ToggleDropDown
{
    margin-left: 5px;
    float: right;
}

.hidden
{
    display: none;
}

.visible
{
    display: block;
}

.smallText
{
    font-size: 8pt;
    font-weight: bold;
}

#FilterLinkBlock
{
    width: 150px;
}

#FilterLinkBlock.anchorRight
{
    float: right;
}

#FilterMessage
{
    width: 300px;
    font-size: 12pt;
    color: #333399;
    padding-left: 1em;
}

.errorQuestion
{
    color: Red;
}

#grade_block
{
    margin-top: 5px;
    text-align: left;
}

#toggle_block a
{
    vertical-align: top;
}

#imageToggle:hover
{
    cursor: pointer;
}

.ui-layout-resizer
{
    /* all 'resizer-bars' */
    background: #DDD;
    border: 1px solid #BBB;
    border-width: 0;
}
.ui-layout-resizer-drag
{
    /* REAL resizer while resize in progress */
}
.ui-layout-resizer-open:hover, /* hover-color to 'resize' */ .ui-layout-resizer-dragging
{
    /* resizer beging 'dragging' */
    background: #C4E1A4;
}
.ui-layout-resizer-dragging
{
    /* CLONED resizer being dragged */
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
}
.ui-layout-resizer-dragging-limit
{
    /* CLONED resizer at min or max size-limit */
    background: #E18D8D;
}

.ui-layout-resizer-closed:hover
{
    /* hover-color to 'slide open' */
    background: #EBD5AA;
}
.ui-layout-resizer-sliding
{
    /* resizer when pane was 'slid open' */
    opacity: 0.1; /* show only a slight shadow */
    filter: alpha(opacity=10);
}
.ui-layout-resizer-sliding:hover
{
    /* sliding resizer - hover */
    opacity: 1; /* on:hover, show the resizer-bar normally */
    filter: alpha(opacity=100);
}
/* sliding resizer - add 'outside-border' to resizer on:hover */
.ui-layout-resizer-north-sliding:hover
{
    border-bottom-width: 1px;
}
.ui-layout-resizer-south-sliding:hover
{
    border-top-width: 1px;
}
.ui-layout-resizer-west-sliding:hover
{
    border-right-width: 1px;
}
.ui-layout-resizer-east-sliding:hover
{
    border-left-width: 1px;
}
.tabareabg {
    background-color: #EEEEF7
}


.LogTable  {
    width: 800px;
    color: white;
    border-spacing: 0px;
}

.LogHeader {
    background-color: grey;
    font-weight: bold;
    font-size: x-small;
    color: white;
    height: 40px;
    padding: 4px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    border-spacing: 0px;
    text-align: center;
}

.LogCell {
    height: 40px;
    padding: 4px;
    font-weight: normal;
    color: black;
    background-color: gainsboro;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    border-spacing: 0px;
    text-align: left;
}




.logBtn {
    background: #69AAFF;
    background-image: -webkit-linear-gradient(top, #69AAFF, #4B62FA);
    background-image: -moz-linear-gradient(top, #69AAFF, #4B62FA);
    background-image: -ms-linear-gradient(top, #69AAFF, #4B62FA);
    background-image: -o-linear-gradient(top, #69AAFF, #4B62FA);
    background-image: linear-gradient(to bottom, #69AAFF, #4B62FA);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 6px;
    line-height: 6px;
    color: #FFFFFF;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    min-width: 34px;
    font-size: 12px;
    font-weight: 100;
    padding: 9px;
    text-shadow: 1px 1px 20px #000000;
    border: solid #4B62FA 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.logBtn:hover {
    background: #4B62FA;
    background-image: -webkit-linear-gradient(top, #4B62FA, #69AAFF);
    background-image: -moz-linear-gradient(top, #4B62FA, #69AAFF);
    background-image: -ms-linear-gradient(top, #4B62FA, #69AAFF);
    background-image: -o-linear-gradient(top, #4B62FA, #69AAFF);
    background-image: linear-gradient(to bottom, #4B62FA, #69AAFF);
    text-decoration: none;
}

.close-icon
{
  display:block;
  box-sizing:border-box;
  width:20px;
  height:20px;
  border-width:3px;
  border-style: solid;
  border-color:red;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:red;
  box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}

.box{
    width: 560px;
    height: 60px;
    Background-color: lightgoldenrodyellow;
    border-color: goldenrod;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

.LogFormEntry {
    /*Background-color: white;
    border-color:#ebebeb;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    font-size: 10pt;*/
}


.gridheader {
    background-color: #F2F2F2;
    color: #212529;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
}

.gridheader a {
    color: #212529;
}

.gridrow {
    color: #212529;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
}

.ReportSelectionLabel {
    color: #212529;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}



Table.LoginBox {
    background-color: white;
    border: 1px solid #DEE2E6;
    border-radius: 5px;
    padding: 0px;
    height: 300px;
    width: 200px;
    border-spacing: 0px;
}

td.LoginCell {
    color: #212529;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    padding: 4px 20px 4px 20px;
    display: block;
    border: none;
}

td.LoginHeader {
    font-weight: bold;
    border-bottom: 1px solid #DEE2E6;
    background-color: #f2f2f2;
    color: #212529;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    text-align: center;
    height: 70px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.V2 {
    border-width: 1px;
    border-style: solid;
    /*border-color: #DEE2E6;*/
    border-color: #ADAEAF;
    border-image: none;
    border-radius: 3px;
    padding: 2px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11pt;
    color: #212529;
}

.V2Admin {
    border-width: 1px;
    border-style: solid;
    /*border-color: #DEE2E6;*/
    border-color: #ADAEAF;
    border-image: none;
    border-radius: 3px;
    padding: 2px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    color: #212529;
}

.V2AdminLabel {
    border-style: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    color: #212529;
}

    .V2Admin:disabled {
        border-width: 1px;
        border-style: solid;
        /*border-color: #DEE2E6;*/
        border-color: #ADAEAF;
        border-image: none;
        border-radius: 3px;
        padding: 2px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 10pt;
        color: #212529;
        /*background-color: #f0f0f0;*/
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANElEQVQYV2P88OHDfwY0MH/+fAZGdAmQYGJiIqoETBBkAFwHsiBcAl0QLNHf3/8fZCY6AAD65yS+cJuWfQAAAABJRU5ErkJggg==);
    }

#lblWelcome {
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

div.progress-details {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    Font-Size: 8pt;
    Font-Weight: 400;
    Color: #ADAEAF;
    padding-top: 1px;
}

div.averageBackground {
    background: rgba(252, 244, 232, 0.5);
}

.italicsMsg {
    Font-Size: 8pt;
    Color: Gray;
    font-style:italic;
}

/*-------------------------------------------------------------------------------------------------------*/
    .TopIcons {
    font-size: 2em;
    padding-left: 8px;
}

.TopBar {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 32px;
    border-collapse: initial;
}


.banner-wrapper {
    margin: 0 0 5px 0;
    padding: 5px 10px 5px 10px;
    min-height: 20px;
    background-color: white;
}

.PageTitle {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14pt;
    font-weight: 400;
}


.StandardButton {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    display: inline-block;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    padding: 8px 18px;
    text-decoration: none;
}

.StandardButton:active {
    position: relative;
    top: 1px;
}

.StandardButton:hover {
    filter: brightness(1.20);
}


.SaveButton {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    display: inline-block;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    padding: 8px 30px;
    text-decoration: none;
    color: white;
    background-color: #818181;
    align-content: center;
}

.SaveButton:active {
    position: relative;
    top: 1px;
}

.SaveButton:hover {
    filter: brightness(1.60);
}


.CancelButton {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    display: inline-block;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    padding: 8px 18px;
    text-decoration: none;
    background-color: #BBBBBB;
    color: white;
}

.CancelButton:active {
    position: relative;
    top: 1px;
}

.CancelButton:hover {
    background-color: #CCCCCC;
}


.GoButton {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    display: inline-block;
    cursor: pointer;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    padding: 4px 8px;
    text-decoration: none;
    background-color: #DDDDDD;
    color: black;
}

.GoButton:active {
    position: relative;
    top: 1px;
}

.GoButton:hover {
    background-color: #BBBBBB;
}


.GoButtonDark {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    display: inline-block;
    cursor: pointer;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    padding: 4px 8px;
    text-decoration: none;
    background-color: #848484;
    color: white;
}

.GoButtonDark:active {
    position: relative;
    top: 1px;
}

.GoButtonDark:hover {
    background-color: #505050;
}



.linkText {
    text-decoration: none;
    /*font-weight: bold;*/
}

.linkText:disabled {
    text-decoration: none;
}

.linkTextDisabled {
    text-decoration: none;
    color: #212529;
}

.linkText12{
    font-size:12pt;
    padding:5px;
}

.Name {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: 500;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}

.AdminTitle {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: 500;
    letter-spacing: 2px;
    display:block;
    padding-top: 20px;
    padding-bottom: 10px;
}

.Title {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: 500;
    letter-spacing: 2px;
    padding-top: 30px;
    padding-bottom: 15px;
    display: inline-block;
}

.TitleNoTopPad {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: 500;
    letter-spacing: 2px;
    padding-top: 10px;
    padding-bottom: 15px;
    display: inline-block;
}

.TitleNoPad {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: 500;
    letter-spacing: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
}

.LightBackground {
    text-align: center;
}

.LighterBackground {
    text-align: center;
}

.LightestBackground {
    text-align: center;
}

TD.TimeCreditedLines {
    border-right-style: solid;
    border-right-width: 1pt;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

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

.CloseIcon {
    font-size: 2em;
    padding-right: 5px;
    color: white;
}

div.NotRequiredBox {
    /*background-color: #F7F7F7;*/
    background-color: white;
    border-color: #DEE2E6;
    border-style: solid;
    border-width: thin;
    color: #4A4A4A;
    padding: 12px 30px 12px 30px;
    width: 610px;
}

div.CommentBox {
    background-color: #f0f0f0;
    border-color: #DEE2E6;
    border-style: solid;
    border-width: thin;
    color: #4A4A4A;
    padding: 12px 30px 12px 30px;
    /*width: 610px;*/
}

.size {
    font-size: 12pt;
}

tr.QuestionBlock {
    background-color: #F7F7F7;
    border: solid thin #DEE2E6;
    padding: 10px 20px 10px 20px;
}

tr.IncorrectQuestion {
    /*background-color: #f6d5d5;*/ 
    background-color: #faeaea;
    border: solid thin #C22b2b;
    padding: 10px 20px 10px 20px;
}

tr.CorrectQuestion {
    /*background-color: #dff0db;*/
    background-color: #eff8ed;
    border: solid thin #67bb54;
    padding: 10px 20px 10px 20px;
}

tr.IncompleteQuestion {
    background-color: #F7F7F7;
    border: solid thin #DEE2E6;
    padding: 10px 20px 10px 20px;
}

tr.ExcludedQuestion {
    /*background-color: #fae9d1;*/
    background-color: #fcf4e8;
    border: solid thin #e89c30;
    padding: 10px 20px 10px 20px;
}

tr.SubmittedQuestion {
    /*background-color: #d5eef6;*/
    background-color: #eaf7fb;
    border: solid thin #5bc0de;
    padding: 10px 20px 10px 20px;
}

tr.QuestionSpacer {
    background-color: transparent;
    border: none;
    padding: 1px;
}

.chkboxlist {
    font-size: 12pt;
}

table.AttachmentTable {
    background-color: white;
    border-color: #DEE2E6;
    border-style: solid;
    border-width: thin;
    color: #4A4A4A;
    padding: 12px;
    width: 280px;
}

table.AttachmentTableAdd {
    border-style: none;
    color: #4A4A4A;
    padding: 12px;
    width: 280px;
}

.TextBoxCounter {
    color: #4a4a4a;
    font-size: 8pt;
    font-style: italic;
}

textarea:disabled {
    background-color: #eeeeee;
}

input:disabled {
    background-color: #eeeeee;
}

Input.FileUpload {
    background-color: white;
    border-color: #DEE2E6;
    border-style: solid;
    border-width: thin;
    color: #4A4A4A;
    padding: 0px;
    width: 350px;
}

.DataEntryGroup {
    background-color: #F7F7F7;
    border: solid thin #DEE2E6;
    padding: 10px 20px 10px 20px;
}