/********************************************************************************/
/* STYLESHEET FOR THE MAIN APPLICATION
/********************************************************************************/
/*------------------------------------------------------------------------------*/
/* for the 3 layer style
/*------------------------------------------------------------------------------*/

/*input[type="text"] { border: solid 1px #a9a9a9;}*/

#bodyHeader {
    position: absolute;
    width: 100%; /*display:block;*/
    border: 0; /*z-index: 2;*/
    width: 100%;
    background-color: #D2D2D0;
    background-image: url('data:image/gif;base64,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');
    background-repeat: repeat-y;
    background-position: top left;
    height: 25px; /*padding-right: 10px;*/
    padding-top: 2px;
}

    #bodyHeader span {
        position: absolute;
        width: 100%;
        text-align: right;
        right: 10px;
    }

.maintitlelogo {
    float: left;
    position: relative;
    margin-bottom: 7px; /*top: -27px;*/
}

.MenuBottom {
    clear: both; /*top: -20px; */
    margin-bottom: 20px;
    height: 7px;
    background: #0F004E url('../../images/menu-bg.gif') repeat-x bottom left;
}

#leftNav {
    position: absolute;
    left: 10px; /*top:117px;*/
    margin-top: 10px;
    width: 190px;
    border: 0px; /*z-index: -1;*/
}

#mainBody {
    top: 77px;
    border: 0px;
    margin-left: 210px; /*margin-right: -1px;*/ /*z-index: 3;*/
}

#ctl00_Content_ScheduleControl1_ScheduleTable {
    /*table-layout:fixed;         border-collapse:collapse;         border-spacing:0;*/
    border-style: solid;
}

    #ctl00_Content_ScheduleControl1_ScheduleTable td {
        padding: 4px;
        border: 1px solid black;
    }

.ScheduleCell {
    border: 1px solid lightgrey;
    border-right: 1px solid black;
}

#headerLinks {
    vertical-align: middle;
    float: right;
    margin-top: 48px;
    margin-right: 10px;
    margin-bottom: 7px; /*margin-top:25px;*/
}

@media (max-width: 645px) {
    #headerLinks {
        margin-top: 0px;
    }
}

#reportheaderLinks {
    vertical-align: middle;
    float: right;
    margin-top: 48px;
    margin-right: 10px;
    margin-bottom: 7px;
}

@media (max-width: 485px) {
    #reportheaderLinks {
        margin-top: 0px;
    }
}

#PrintDate {
    visibility: hidden;
    display: none;
}

.PrintDate {
    visibility: hidden;
    display: none;
}

@media print {

    #ctl00_Content_ScheduleControl1_ScheduleTable {
    }

        #ctl00_Content_ScheduleControl1_ScheduleTable td {
        }

    .ScheduleCell {
    }

    #leftNav {
        position: absolute;
        left: 10px;
        top: 77px;
        margin-top: 10px; /*width: 190px;*/
        border: 0px;
        visibility: hidden;
        display: none;
        height: 0px;
        overflow: hidden; /*z-index: -1;*/
    }

    #headerLinks {
        visibility: hidden;
        display: none;
        overflow: hidden;
        margin: 0;
    }

    #mainBody {
        top: 77px;
        border: 0;
        margin-left: auto; /*margin-left:100px;*/
        margin-right: -1px;
    }


    #PrintDate {
        visibility: visible;
        display: block;
    }

    .PrintDate {
        visibility: visible;
        display: block;
    }

    .printHide {
        display: none;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }
}



/*------------------------------------------------------------------------------*/
/* BODY CLASS
/*------------------------------------------------------------------------------*/
BODY {
    font-weight: normal;
    font-size: 9pt;
    word-spacing: normal;
    text-transform: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    background-color: white;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
/*
input[type="text"]
{
    border: 1px solid #000;
   
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

input[type="text"]:focus {
    border: 1px solid #4195fc; 

   
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;


    
    -webkit-box-shadow: 0px 0px 4px #4195fc;
       -moz-box-shadow: 0px 0px 4px #4195fc;
            box-shadow: 0px 0px 4px #4195fc; 

}
*/
/*------------------------------------------------------------------------------*/
/* IMAGE CLASS
/*------------------------------------------------------------------------------*/
IMG {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}



/*------------------------------------------------------------------------------*/
/* TABLE CLASS
/*------------------------------------------------------------------------------*/
TABLE {
    border: 0px;
    padding: 0px;
}

    /*------------------------------------------------------------------------------*/
    /* TABLE with custom No-Wrap CLASS
/*------------------------------------------------------------------------------*/
    table.radioWithProperWrap input {
        float: left;
    }

    table.radioWithProperWrap label {
        margin-left: 20px;
        display: block;
    }


/*------------------------------------------------------------------------------*/
/* HEADER CLASSES
/*------------------------------------------------------------------------------*/
H1, H2, H3, H4, H5, TH, THEAD, TFOOT {
    color: #003366;
}



/*------------------------------------------------------------------------------*/
/* H1 CLASS
/*------------------------------------------------------------------------------*/
H1 {
    font-weight: bold;
    font-size: 11pt;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    text-decoration: none;
}



/*------------------------------------------------------------------------------*/
/* H2 CLASS
/*------------------------------------------------------------------------------*/
H2 {
    font-weight: 700;
    font-size: 10pt;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    text-decoration: none;
}



/*------------------------------------------------------------------------------*/
/* H3 CLASS
/*------------------------------------------------------------------------------*/
H3 {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}



/*------------------------------------------------------------------------------*/
/* H4 CLASS
/*------------------------------------------------------------------------------*/
H4 {
    font-weight: bold;
    font-size: 9pt;
    color: #330099;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    text-align: left;
}


/*------------------------------------------------------------------------------*/
/* H5 CLASS
/*------------------------------------------------------------------------------*/
H5, DT {
    font-weight: 700;
    font-size: 9pt;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    text-decoration: none;
}



/*------------------------------------------------------------------------------*/
/* H6 CLASS
/*------------------------------------------------------------------------------*/
H6 {
    font-weight: 700;
    font-size: 8pt;
    word-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    text-decoration: none;
}


/*------------------------------------------------------------------------------*/
/* FOOTER, HEADER CLASS
/*------------------------------------------------------------------------------*/
TFOOT, THEAD, TD, INPUT {
    font-size: 9pt;
    word-spacing: normal;
    text-transform: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    vertical-align: top;
}


    /*------------------------------------------------------------------------------*/
    /* TABLE DATE CELL - DEMOGRAPHIC ID CLASS
/*------------------------------------------------------------------------------*/
    TD#DemographicHeader {
        background-color: silver;
    }

    /*------------------------------------------------------------------------------*/
    /* TABLE DATE CELL - DATALISTSEPARATOR CLASS
/* NOTE:
/* for a td element, define class="DataListSeparator" for it to have a silver background
/*------------------------------------------------------------------------------*/
    TD.DataListSeparator {
        background-color: silver;
    }

    TD.DataListSubHeaderSeparator {
        background-color: #D6D6D6;
    }

    /*------------------------------------------------------------------------------*/
    /* TABLE DATE CELL - REGISTRATION ID CLASS
/*------------------------------------------------------------------------------*/
    TD#RegistrationHeader {
        background-color: silver;
    }



    /*------------------------------------------------------------------------------*/
    /* TABLE DATE CELL - REGISTRATION ID CLASS
/*------------------------------------------------------------------------------*/
    TD#AdmissionsHeader {
        background-color: silver;
    }

    /*------------------------------------------------------------------------------*/
    /* TABLE SCHEDULE CELL - COURSE LOCATION AND TIMES
/*------------------------------------------------------------------------------*/
    TD#ScheduleCell {
        vertical-align: middle;
        text-align: center;
    }

/*------------------------------------------------------------------------------*/
/* TH CLASS
/*------------------------------------------------------------------------------*/
TH {
    font-weight: bold;
    font-size: 9pt;
    word-spacing: normal;
    vertical-align: baseline;
    text-transform: none;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    letter-spacing: normal;
}


textarea {
    white-space: pre-wrap;
}


/*------------------------------------------------------------------------------*/
/* A:link CLASS
/*------------------------------------------------------------------------------*/
a:link {
    text-decoration: underline;
    color: black;
}



/*------------------------------------------------------------------------------*/
/* A:visited CLASS
/*------------------------------------------------------------------------------*/
a:visited {
    text-decoration: underline;
    color: black;
}



/*------------------------------------------------------------------------------*/
/* A:active CLASS
/*------------------------------------------------------------------------------*/
a:active {
    text-decoration: underline;
    color: #515f78;
}



/*------------------------------------------------------------------------------*/
/* A:hover CLASS /*, a:focus*/
/*------------------------------------------------------------------------------*/
a:hover {
    color: #515f78;
    text-decoration: underline;
}



/*------------------------------------------------------------------------------*/
/* BIG CLASS
/*------------------------------------------------------------------------------*/
BIG {
    font-size: medium;
}



/*------------------------------------------------------------------------------*/
/* BLOCKQUOTE, PRE CLASS
/*------------------------------------------------------------------------------*/
BLOCKQUOTE, PRE {
    font-family: Courier New, monospace;
}


/*------------------------------------------------------------------------------*/
/* UL LI CLASSES
/*------------------------------------------------------------------------------*/
UL LI {
    list-style-type: square;
}

    UL LI LI {
        list-style-type: disc;
    }

        UL LI LI LI {
            list-style-type: circle;
        }

OL LI {
    list-style-type: decimal;
}

OL OL LI {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}



/*------------------------------------------------------------------------------*/
/* tr.row:hover, tr.over td CLASS
/*
/* NOTE:
/* for a tr element, define a ".row" class, that will on "hover" or "mouse over", 
/* change the background colour of the td
/*------------------------------------------------------------------------------*/
tr.row:hover, tr.over td {
    background-color: #ffffcc;
}



/*------------------------------------------------------------------------------*/
/* .CourseTimeLabel CLASS
/*------------------------------------------------------------------------------*/
.CourseTimeLabel {
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
}



/*------------------------------------------------------------------------------*/
/* .AuditLabel CLASS
/*------------------------------------------------------------------------------*/
.AuditLabel {
    font-size: 7pt;
}



/*------------------------------------------------------------------------------*/
/* .content CLASS
/*------------------------------------------------------------------------------*/
.content {
    font-size: 9pt;
    font-family: Verdana,Arial, Helvetica, sans-serif;
}



/*------------------------------------------------------------------------------*/
/* .datetime CLASS
/*------------------------------------------------------------------------------*/
.datetime {
    font-size: 8pt;
    color: #7a96df;
    font-family: Arial;
}



/*------------------------------------------------------------------------------*/
/* .footer CLASS
/*------------------------------------------------------------------------------*/
.footer {
    font-weight: bold;
    font-size: 8pt;
    border-bottom-color: #7a96df;
    color: #000066;
    font-family: Arial;
    height: 100%;
    background-color: white;
    text-align: left;
}



/*------------------------------------------------------------------------------*/
/* .footerbar CLASS
/*------------------------------------------------------------------------------*/
.footerbar {
    border-top: #7a96df thin solid;
}



/*------------------------------------------------------------------------------*/
/* .gridInsertStyle CLASS
/*------------------------------------------------------------------------------*/
.gridInsertStyle {
    /*background-color: #e5f1de;*/
    background-color: #c8cfc6;
}



/*------------------------------------------------------------------------------*/
/* .gridDefaultStyle CLASS
/*------------------------------------------------------------------------------*/
.gridDefaultStyle {
    font-weight: bold;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid; /*background-color: white;*/ /* XXX */
    background-color: black;
    border-bottom-style: solid;
}



/*------------------------------------------------------------------------------*/
/* .gridAlternatingItemStyle CLASS
/*------------------------------------------------------------------------------*/
.gridAlternatingItemStyle {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    font-weight: normal;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid; /*background-color: #e1e6e7;*/
    background-color: #ebebeb; /*background-color: #d4d4d4;*/
}



/*------------------------------------------------------------------------------*/
/* .gridEditItemStyle CLASS
/*------------------------------------------------------------------------------*/
.gridEditItemStyle {
    font-weight: bold;
    background-color: #DADFD9;
}



/*------------------------------------------------------------------------------*/
/* .gridFooterStyle CLASS
/*------------------------------------------------------------------------------*/
.gridFooterStyle {
    font-weight: bold;
    color: white;
    padding-top: 2pt; /*background-color: #d2d8e3;*/
    background-color: #c8c8c8;
}



/*------------------------------------------------------------------------------*/
/* .gridHeaderStyle CLASS
/*------------------------------------------------------------------------------*/
.gridHeaderStyle {
    border-top-width: thin;
    font-weight: bold;
    border-left-width: thin;
    border-bottom-width: thin; /*color: #f7f7f7;*/
    color: #000000; /*background-color: #000066;*/
    background-color: #b9b9b9;
    border-right-width: thin;
}

/********************************************************************************/
/*  links in the DataGridheader
/********************************************************************************/
A#gridHeaderStyle {
    color: #000000;
}

.gridHeaderStyle th {
    text-align: left;
}

/*------------------------------------------------------------------------------*/
/* .gridItemStyle CLASS
/*------------------------------------------------------------------------------*/
.gridItemStyle {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    font-weight: normal;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    background-color: #f7f7f7; /*background-color: #e0e0e0;*/
}



/*------------------------------------------------------------------------------*/
/* .gridPagerStyle CLASS
/*------------------------------------------------------------------------------*/
.gridPagerStyle {
    font-weight: bold;
    background-color: #f7f7f7; /*background-color: #e0e0e0;*/
}



/*------------------------------------------------------------------------------*/
/* .gridSelectedItemStyle CLASS
/*------------------------------------------------------------------------------*/
.gridSelectedItemStyle {
    font-weight: bold;
    background-color: #ffffcc;
}


/*------------------------------------------------------------------------------*/
/* .gridregHeaderStyle CLASS
/*------------------------------------------------------------------------------*/
.gridRegHeaderStyle {
    border-top-width: thin;
    font-weight: bold;
    border-left-width: thin;
    border-bottom-width: thin;
    color: #000000;
    background-color: #dddcdc;
    border-right-width: thin;
}
/*------------------------------------------------------------------------------*/
/* .gridRegSelectedItemStyle CLASS
/*------------------------------------------------------------------------------*/
.gridRegSelectedItemStyle {
    font-weight: bold;
    background-color: #ffffff;
}

/*------------------------------------------------------------------------------*/
/* .gridRegItemStyle CLASS
/*------------------------------------------------------------------------------*/

.gridRegItemStyle {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    font-weight: normal;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    background-color: #d5dceb;
}

/*------------------------------------------------------------------------------*/
/* .gridRegAlternatingItemStyle CLASS
/*------------------------------------------------------------------------------*/

.gridRegAlternatingItemStyle {
    border-right: gray 0px solid;
    border-top: gray 0px solid;
    font-weight: normal;
    border-left: gray 0px solid;
    border-bottom: gray 0px solid;
    background-color: #e6e8e8;
}

/*------------------------------------------------------------------------------*/
/* .gridSelectedItemStyle CLASS
/*------------------------------------------------------------------------------*/
.gridDeleteHighlightStyle {
    font-weight: bold;
    background-color: #ccffcc;
}


/*------------------------------------------------------------------------------*/
/* .header CLASS
/*------------------------------------------------------------------------------*/
.header {
    font-weight: bold;
    font-size: 10pt;
    border-bottom-color: #7a96df;
    color: #000066;
    font-family: Arial;
    height: 100%;
    background-color: white;
    text-align: left;
}



/*------------------------------------------------------------------------------*/
/* .headerbar CLASS
/*------------------------------------------------------------------------------*/
.headerbar {
    border-bottom-style: double;
    border-bottom-color: #7a96df;
}



/*------------------------------------------------------------------------------*/
/* .headertitle CLASS
/*------------------------------------------------------------------------------*/
.headertitle {
    font-weight: bold;
    font-size: 10pt;
    color: #000066;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    height: 100%;
    background-color: white;
    text-align: left;
}



/*------------------------------------------------------------------------------*/
/* .Label CLASS
/*------------------------------------------------------------------------------*/
.Label {
    text-align: right;
    width: 100%;
}



/*------------------------------------------------------------------------------*/
/* .labelbold CLASS
/*------------------------------------------------------------------------------*/
.labelbold {
    font-weight: bold;
    float: right;
    text-align: right;
    width: 100%;
}

/*------------------------------------------------------------------------------*/
/* .wildcard CLASS
/*------------------------------------------------------------------------------*/
.wildcard {
    background-color: #ffffdd;
}


/*------------------------------------------------------------------------------*/
/* .navbar CLASS
/*------------------------------------------------------------------------------*/
.navbar {
    font-size: 8pt;
    border-bottom-color: #7a96df;
    font-family: Arial;
    height: 100%;
    text-align: left;
}



/*------------------------------------------------------------------------------*/
/* .screentitle CLASS
/*------------------------------------------------------------------------------*/
.screentitle {
    font-weight: bold;
    font-size: 12pt;
    font-family: Arial;
    text-align: left;
}



/*------------------------------------------------------------------------------*/
/* .selecteditem CLASS
/*------------------------------------------------------------------------------*/
.selecteditem {
    background-color: #99ffff;
}



/*------------------------------------------------------------------------------*/
/* .status CLASS
/*------------------------------------------------------------------------------*/
.status {
    font-size: 9pt;
    color: red;
    font-family: Arial;
    background-color: transparent;
}



/*------------------------------------------------------------------------------*/
/* .highlightField CLASS
/*------------------------------------------------------------------------------*/
.highlightField {
    background-color: #cccccc;
}



/*------------------------------------------------------------------------------*/
/* .highlightInquiry CLASS
/*------------------------------------------------------------------------------*/
.highlightInquiry, .highlightinquiry {
    font-weight: bold;
    color: #0000cc;
    font-style: normal;
}



/*------------------------------------------------------------------------------*/
/* .highlightEditTtemplateField CLASS
/*------------------------------------------------------------------------------*/
.highlightEditTtemplateField {
    background-color: #dee0ff;
}



/*------------------------------------------------------------------------------*/
/* .activeEntryRow CLASS
/*------------------------------------------------------------------------------*/
.activeEntryRow {
    font-weight: bold;
    color: #0066ff;
    font-family: Arial;
    background-color: #ffffff;
}


/********************************************************************************/
/* STYLESHEET FOR SCHEDULE CLASSES
/********************************************************************************/


/*------------------------------------------------------------------------------*/
/* .noClass CLASS
/*------------------------------------------------------------------------------*/
.noClass {
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
    vertical-align: middle;
    text-align: center;
}



/*------------------------------------------------------------------------------*/
/* .main CLASS
/*------------------------------------------------------------------------------*/
.main {
    background-color: #CCCCFF;
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
    vertical-align: middle;
    text-align: center;
}



/*------------------------------------------------------------------------------*/
/* .secondary CLASS
/*------------------------------------------------------------------------------*/
.secondary {
    background-color: #CCFFCC;
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
    vertical-align: middle;
    text-align: center;
}


/*------------------------------------------------------------------------------*/
/* .cancel CLASS
/*------------------------------------------------------------------------------*/
.cancel {
    background-color: #FFFFCC;
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
    vertical-align: middle;
    text-align: center;
}


/*------------------------------------------------------------------------------*/
/* .conflict CLASS
/*------------------------------------------------------------------------------*/
.conflict {
    background-color: #FFCC33;
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
    vertical-align: middle;
    text-align: center;
}

/*------------------------------------------------------------------------------*/
/* .conflict CLASS
/*------------------------------------------------------------------------------*/
.Overlap {
    background-color: lightgrey;
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
    vertical-align: middle;
    text-align: center;
}

/*------------------------------------------------------------------------------*/
/* .reserved CLASS
/*------------------------------------------------------------------------------*/
.reserved {
    background-color: #C0C0C0;
    font-family: Arial, Helvetica, 'Courier New';
    font-size: 7pt;
    vertical-align: middle;
    text-align: center;
}

/*------------------------------------------------------------------------------*/
/* Student Messages (Warning, BlockReg, Alert, etc.)
/*------------------------------------------------------------------------------*/
.textSealed {
    font-weight: bold;
    font-size: x-small;
    color: red;
}

.HeadingSealed {
    font-weight: bold;
    font-size: x-small;
    color: black;
}

.HeadingBlockRegistration {
    font-weight: bold;
    font-size: x-small;
    color: black;
}

.textBlockRegistration {
    font-weight: bold;
    font-size: x-small;
    color: red;
}

.HeadingError {
    font-weight: bolder;
    font-size: x-small;
    color: black;
}

.textError {
    font-weight: bold;
    font-size: x-small;
    color: black;
}

.HeadingWarning {
    font-weight: bolder;
    font-size: x-small;
    color: black;
}

.textWarning {
    font-size: x-small;
    color: black;
}

.HeadingMessage {
    font-weight: bold;
    font-size: x-small;
    color: black;
}

.textMessage {
    font-size: x-small;
    color: black;
}

/************************************************************************
        TREEVIEW CLASSES
************************************************************************/
.BrockTreeView div.AspNet-TreeView ul li {
    white-space: nowrap; /*padding: 2px 0 2px 0; */
    list-style: none;
    font-family: arial;
    margin: 4px 0;
}

.BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Root {
    text-decoration: none;
    font-weight: bold;
    font-family: arial;
    font-size: 10pt;
}

.BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Parent {
    text-decoration: none;
    font-weight: bold;
    font-family: arial;
    font-size: 8pt;
    margin-left: 11px;
    margin-bottom: 7px;
    margin-top: 5px;
}

.BrockTreeView div.AspNet-TreeView ul ul {
    margin: 2px 0 8px 5px;
}

.BrockTreeView div.AspNet-TreeView ul li img {
    border: none;
    vertical-align: middle;
    margin: 0 5px 0 0;
    font-family: arial;
}

.BrockTreeView div.AspNet-TreeView li a {
    text-decoration: none;
}

.BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf {
    margin-left: 11px;
    font-weight: normal;
    font-family: arial;
    font-size: 8pt;
}

.BrockTreeView div.AspNet-TreeView .AspNet-TreeView-ClickableNonLink {
    cursor: pointer;
}

.BrockTreeView div.AspNet-TreeView .AspNet-TreeView-Collapse {
    /*background: url(img/minus.gif) 0 -6px no-repeat;*/
    /*width: 15px;*/
    float: left;
    cursor: pointer;
    width: 1px;
    /* margin-right: 4px;*/
}

.BrockTreeView div.AspNet-TreeView .AspNet-TreeView-Expand {
    /*background: url(img/plus.gif) 0 -6px no-repeat;*/
    /*width: 15px;*/
    float: left;
    cursor: pointer;
    width: 1px;
    /* margin-right: 4px;*/
}

.BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Selected {
    color: white; /*background-color: Gray !important;*/
    font-weight: bold;
    text-decoration: none;
}

    .BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Selected a:link {
        color: white; /*font: 8pt arial;     font-size:8pt;*/
        background-color: Black;
        font-weight: bold;
        text-decoration: none;
    }

.BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf a:hover, .BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf a:focus {
    color: white; /* font: 8pt arial;     font-size:8pt;*/
    background-color: Blue;
}

.BrockTreeView div.AspNet-TreeView li.AspNet-TreeView-Selected img {
    background-color: transparent !important;
}

.BrockTreeView div.AspNet-TreeView span.AspNet-TreeView-Glyph {
    color: #738ec7;
    cursor: pointer;
    font-size: 9pt;
}

.ComputerAccountFormElementNoWrap {
    white-space: nowrap;
}

.ComputerAccountFormTable {
    border: thin solid #C0C0C0;
    width: 100%;
}

.ComputerAccountFormTableHeading {
    background-color: #C0C0C0;
    font-weight: bold;
    font-size: 10pt;
    color: #000066;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    height: 100%;
    text-align: left;
    padding: 4px;
}

.ComputerAccountFormTableHeadingBorderBottom {
    border-bottom: thin solid #CCCCCC;
}

.ComputerAccountFormVerticalAlignTop {
    vertical-align: top;
}

.ComputerAccountFormNoWrap {
    white-space: nowrap;
}



/* CSS tables using floating div's. Sam:20110322 */
#csstbl .row {
    width: 100%;
    clear: both;
}

#csstbl .row-20 {
    height: 20px;
}

#csstbl .row-50 {
    height: 50px;
}

#csstbl .col {
    float: left;
    padding: 3px;
}

#csstbl .col-50 {
    width: 50px;
}

#csstbl .col-100 {
    width: 100px;
}

#csstbl .col-150 {
    width: 150px;
}

#csstbl .col-200 {
    width: 200px;
}

#csstbl .col-250 {
    width: 250px;
}

#csstbl .col-300 {
    width: 300px;
}

#csstbl .col-400 {
    width: 400px;
}

#csstbl .col-500 {
    width: 500px;
}

#csstbl .col-600 {
    width: 600px;
}

#csstbl .col-700 {
    width: 700px;
}

#csstbl .col-800 {
    width: 800px;
}

#csstbl .col-900 {
    width: 900px;
}

#csstbl .col-1000 {
    width: 1000px;
}

#csstbl .cr {
    clear: both;
}

#csstbl .l-b {
    font-weight: bold;
}

/* Position the Get Adobe Reader snippet */
div.ad-get {
    border-top: 1px solid #999;
    width: 800px;
}

    div.ad-get p {
        margin: 0;
        padding: 4px 0;
        text-align: right;
        font-size: x-small;
    }

    div.ad-get img {
        border: none;
        float: right;
    }




#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -1000px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    -moz-transition: top 1s ease-out, background 1s linear;
    -o-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

    #skiptocontent a:focus {
        position: absolute;
        left: 5px;
        top: 40px;
        background: #BF1722;
        outline: 0;
        -webkit-transition: top .1s ease-in, background .5s linear;
        -moz-transition: top .1s ease-in, background .5s linear;
        -o-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
    }

#maincontent {
    font-size: 9pt;
    word-spacing: normal;
    text-transform: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: normal; /*display: inline-table;*/ /*min-width: 900px;*/
    display: block;
    min-width: 320px;
    min-height: 150px;
    margin-right: 10px;
}

/* Brock Button LOOK AND FEEL */
.brockButton {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='White'); /* for IE */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBEBEB), to(White)); /* For Chrome and Safari legacy syntax */
    background: -webkit-linear-gradient (top, #EBEBEB, White); /* For Chrome and Safari */
    background: -mox-linear-gradient(top, #EBEBEB, White); /* For old Fx (3.6 to 15) */
    background: -ms-linear-gradient(top, #EBEBEB, White); /* For pre-releases of IE 10*/
    background: -o-linear-gradient(top, #EBEBEB, White); /* For old Opera (11.1 to 12.0) */
    background: linear-gradient(to bottom, #EBEBEB, White); /* Standard syntax; must be last */
    background-color: #EBEBEB; /* Fallback color */
    -webkit-box-shadow: inset 0 0 1px 1px White; /* For Chrome and Safari */
    -moz-box-shadow: inset 0 0 1px 1px White; /* For old Fx (3.6 to 15) */
    box-shadow: inset 0 0 1px 1px White; /* Standard syntax; must be last */
    -webkit-border-radius: 4px; /* For Chrome and Safari */
    -moz-border-radius: 4px; /* For old Fx (3.6 to 15) */
    border-radius: 4px; /* Standard syntax; must be last */
    font: bold 12px Arial, Sans-Serif;
    color: #6582AE;
    text-shadow: 0 0 1px rgba(101,130,174,0.1);
    border: 1px solid #BBBBBB;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 60px;
    height: 24px;
    cursor: pointer;
}
/* Brock Button LOOK AND FEEL Arial, Sans-Serif*/
.brockNavButton {
    font: bold 15px Sans-Serif;
    color: #656565;
    background-color: #FFF; /* text-shadow: 0 0 1px rgba(101,130,174,0.1); */
    border: 0px solid #FFF;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px; /* min-width: 60px; */
    height: 24px;
    cursor: pointer;
}

.brockNavButtonHelp {
    color: #cc0000;
}

.brockNavBorder {
    border-left: 1px solid #000;
    padding-left: 15px;
}


.brockButton[disabled] {
    color: #A0A0A0;
    cursor: default;
}

.brockSearchButton {
}


/********************************************************************************/
/* Corrects for Legacy System - Should work towards removing these
/********************************************************************************/

/*------------------------------------------------------------------------------*/
/* HACKS
/*------------------------------------------------------------------------------*/

/* Case Sensitivity Problems */
.Labelbold {
    font-weight: bold;
    float: right;
    text-align: right;
    width: 100%;
}

.LabelBold {
    font-weight: bold;
    float: right;
    text-align: right;
    width: 100%;
}

.labelBold {
    font-weight: bold;
    float: right;
    text-align: right;
    width: 100%;
}

#header {
    background-color: #FFF;
    height: 94px;
}

#headertop {
    position: absolute;
    width: 100%;
    background-color: #D2D2D0;
    background-image: url(../../images/grey-white-transition.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    height: 25px;
    text-align: right;
    padding-right: 10px;
    padding-top: 2px;
}

    #headertop a, #headertop span {
        position: relative;
        top: -5px;
    }

    #headertop input {
        position: relative;
        top: -5px;
    }

#headerLinks ul {
    float: right;
    font-family: "Trebuchet MS",verdana,sans-serif;
}

#headerLinks li {
    list-style-type: none;
    list-style-image: none;
    float: left;
    border-right: dotted 1px #585858;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #585858;
}

    #headerLinks li a {
        text-decoration: none;
        color: #585858;
        font-size: 16px;
        font-weight: bold;
    }

.valFailed {
    outline: none;
    border-color: #a94442;
    border-width: 1px;
    box-shadow: 0 0 10px #a94442;
    /*outline:#a94442 solid 2px;*/
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

table.valFailed {
    outline: #a94442 solid 1px;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}