body {
    background-color: #666666;
    border: 10;
    color: #666666; /*background-color: #608a90;*/
    font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 85%;
    margin: 0;
    padding: 0;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 { color: #00369B; }

h1 {
    font-size: 1.9em;
    font-weight: normal;
    margin-left: 15px;
    margin-top: 7px;
}

#mainwrapper {
    border: solid 1px #750000;
    margin: 0 auto;
    margin-top: 10px;
    min-width: 780px;
    text-align: left;
    width: 780px; /*min-width: 880px; 	width:880px;*/
}

#mainwrapperwide {
    border: solid 1px #750000;
    margin: 0 auto;
    margin-top: 10px;
    min-width: 780px;
    text-align: left;
    width: 980px; /*min-width: 880px; 	width:880px;*/
}

#header {
    background-color: #000;
    background-image: url('Images/spraylogger-banner-4.jpg');
    /*background-image: url('../../Images/spraylogger-banner-4.jpg');*/
    background-size: cover;
    border-left: solid 1px Black;
    border-right: solid 3px Black;
    border-top: solid 1px black;
    color: #FFFFFF;
    font-size: 2.0em;
    font-weight: normal;
    height: 90px;
    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    padding-left: 10px;
}

#headerASPX {
    background-color: #000;
    background-image: url('Images/spraylogger-banner-4-sm.jpg');
    /*background-image: url('/Images/spraylogger-banner-4-sm.jpg');*/
    background-size: cover;
    border-left: solid 1px Black;
    border-right: solid 3px Black;
    border-top: solid 1px black;
    color: #FFFFFF;
    font-size: 2.0em;
    font-weight: normal;
    height: 90px;
    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    padding-left: 10px;
}

#header-bottom {
    font-size: 14px;
    font-style: italic;
    width: 100%;
}

#content_updated {
    background-color: #bfdbff;
    border-bottom: solid 1px #005AC5;
    border-left: solid 1px Black;
    border-right: solid 3px Black;
    border-top: solid 1px Black;
    min-height: 500px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top; /*background-color: #90b0c0;*//*background-color:#3BB9FF;*/
    width: auto;
    z-index: -999;
}

#content-right h1 { margin: 0; }

.message_div {
    background-color: darkolivegreen;
    color: white;
    display: block;
}

.message_div_error {
    background-color: crimson;
    color: white;
    display: block;
}

.message_div_noshow {
    color: white;
    display: none;
}

.message_label {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 20px;
}

.message_label_error {
    font-size: 120%;
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 20px;
}

.message_label_error a {
    color: #fff;
    font-weight: bold;
}

#breadcrumb {
    background-color: #bfdbff;
    border: thin solid black;
    border-bottom: none;
    font-family: Verdana;
    font-size: 9pt;
    margin: 0;
    padding: 0;
}

#breadcrumb a {
    color: #000;
    text-decoration: none;
}

#breadcrumb a:hover { text-decoration: underline; }

#footer {
    background: #fff;
    border-bottom: 3px solid black;
    border-left: 1px solid black;
    border-right: 3px solid black;
    font-size: 0.8em;
    font-style: italic;
    height: 54px;
    text-align: left;
}

#footer table { width: 100%; }

#footer td#user_name {
    color: Black;
    font-style: normal;
    text-align: right;
}

.menu_nodeStyle {
    border: solid 1px White;
    color: Black;
    font-family: "Verdana";
    font-size: 8pt;
    padding: 5px 5px 5px 5px;
    width: 100%;
}

.menu_hoverNodestyle {
    background-color: #CCCCCC;
    border: solid 1px #888888;
    cursor: pointer;
}

.menu_selectedNodestyle {
    color: #0066CB;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
}

.loginstatus1 { float: right; }

.head { /* border-bottom: 2px solid #00369B;     width: 100%;     margin-bottom: 10px;     padding-bottom: 10px;*/ }

.bod { background-color: #ccc; }

.section {
    background: #f6ffff;
    border: 1px solid black;
    font-size: 90%;
    padding-left: 5px;
}

.section_alt {
    background: #fffff6;
    border: 1px solid black;
    font-size: 90%;
    padding-left: 5px;
}

.section_no_border {
    background: #f6ffff;
    /*border:1px solid black; 	font-size: 90%;  	padding-left:5px;*/
    width: 100%;
}

.section_alt_no_border {
    background: #fffff6;
    /*border:1px solid black; 	font-size: 90%;  	padding-left:5px;*/
    width: 100%;
}

.section_alt_a {
    background: #fffff6;
    width: 100%;
}

.section_alt_b {
    background: #fffff6;
    width: 750px;
}

.hundred {
    border: 1px solid black;
    width: 100%;
}

.numeric { text-align: right; }


/* profile table */

table.profile_table {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

table.profile_table th { white-space: nowrap; }

.profile_table th[scope=row] { text-align: right; }

table.profile_table td { }

.profileTextBox { width: 160px; }

/* end profile table */

.CollapseContainer {
    background-color: #fffff6; /* border:1px solid black;*/
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
}

.CollapsePanel { /*     height: 0;     overflow: hidden;     border: 1px solid black; */ }

.CollapsePanelTitle {
    background-color: #999;
    color: #00369B;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
}

.CollapsePanelTitle .cpt_image { margin-left: 10px; }

.CollapsePanelTitle .cpt_name { margin-left: 20px; }

.CollapsePanelTitle .cpt_show {
    font-size: 70%;
    margin-left: 20px;
}

.CollapsePanelTitle .cpt_active { margin-right: 20px; }

h2 {
    background-color: #999;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 20px;
}

.dropdownname {
    color: #000;
    font-size: 120%;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
}

.dropdownitem {
    border-bottom: 1px solid black;
    padding: 10px;
}

.stand_tab {
    border-collapse: collapse;
    width: 100%;
}

.small_tab { border-collapse: collapse; }

.input_group { white-space: nowrap; }

/*
th
{
    color: #000;
    text-align: center;
    font-weight: bold;
}*/

.text_label {
    color: #000;
    font-weight: bold;
}


.border_table {
    border: solid 2px #750000;
    border-collapse: collapse;
    width: 100%;
}

.border_table td, .border_table th {
    border: 1px solid #750000;
    text-align: center;
}

.border_table td.nested td { border: none; }

.border_table td.nested_left td {
    border: none;
    text-align: left;
}

.border_table caption {
    background-color: #750000;
    color: #eeeeee;
    font-size: 120%;
    font-weight: bold;
}

.border_table .border_row { background-color: #f6ffff; }

.border_table .border_alt { background-color: #fffff6; }

.border_table thead {
    background-color: #750000;
    color: #eeeeee;
}






.border_table_yellow {
    border: solid 2px #ffcc00;
    border-collapse: collapse;
    width: 100%;
}

.border_table_yellow td, .border_table_yellow th {
    border: 1px solid #ffcc00;
    text-align: center;
}

.border_table_yellow td.nested td { border: none; }

.border_table_yellow td.nested_left td {
    border: none;
    text-align: left;
}

.border_table_yellow caption {
    background-color: #ffcc00;
    color: #eeeeee;
    font-size: 120%;
    font-weight: bold;
}

.border_table_yellow .border_row { background-color: #f6ffff; }

.border_table_yellow .border_alt { background-color: #fffff6; }

.border_table_yellow thead {
    background-color: #ffcc00;
    color: #333333;
}



.ta {
    border: 2px solid #750000;
    border-collapse: collapse;
    width: 100%;
}

.ta thead {
    background-color: #750000;
    color: #eeeeee;
}

.ta .control_buttons { width: 60px; }

.ta .ro { background: #EAffff; }

.ta td { text-align: center; }

.ta .ro td, .ta .ro th { border: 1px solid #750000; }

.ta .he th { text-align: center; }

.ta .fo {
    background-color: #666;
    color: #fff;
}

.fo td { text-align: left; }

.ta .ar { background: #fffff6; }

.ta .ar td, .ta .ar th { border: 1px solid #750000; }

.ta .ed { background-color: #d5d5dd; }

.ta .ed td, .ta .ed th {
    border: 1px solid #750000;
    text-align: center;
    white-space: nowrap;
}


.midtable {
    background-color: #666;
    width: 100%;
}

.tankmix_head {
    background-color: #80a0b0;
    color: #fff;
    font-size: 140%;
}

.tankmix_table {
    background-color: #d5d5dd;
    border: 2px solid #608090;
    border-collapse: collapse;
    margin-bottom: 15px;
    width: 100%;
}

.lefty { display: inherit; }

.create_work_order { background: url('Images/WorkOrdersMerged.png') 0 0 no-repeat; }

.create_work_order:hover { background-position: -277px 0; }

.upload_file { background: url('Images/UploadMerged.png') 0 0 no-repeat; }

.upload_file:hover { background-position: -278px 0; }

.download_map { background: url('Images/MapsMerged.png') 0 0 no-repeat; }

.download_map:hover { background-position: -276px 1px; }

.view_report { background: url('Images/ReportsMerged.png') 0 0 no-repeat; }

.view_report:hover { background-position: -277px 0; }

.timer {
    background-color: Black;
    color: White;
    width: 6em;
}

.easy { margin: 20px; }

.easy_top { /*text-align: center; 	 padding-top: 80px;*/ }

.easy_top p {
    margin: 0;
    padding: 0;
}

.page_header {
    clear: both; /*width:100%;*/
    color: #750000;
    font-family: Comic Sans MS;
    font-size: 200%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: right;
}

.page_header3 {
    border-bottom: 2px solid #750000;
    clear: both;
    color: #750000;
    font-family: Comic Sans MS;
    font-size: 200%;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: right;
}

.page_header2 {
    border-bottom: 2px solid #750000; /* color: #750000;*/
    border-top: 1px solid #750000;
    /*margin:0;     padding:0;*/
    padding: 10px;
}

tr.tankmixitem td {
    border: 1px solid #c6cfcf;
    text-align: center;
}

tr.tankmixitem_alt td {
    border: 1px solid #9f9f96;
    text-align: center;
}


dl.select_def {
    display: inline;
    white-space: nowrap;
}

dl.select_def dt, dl.select_def dd {
    display: inline;
    font-size: 90%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

dl.select_def dt {
    /*font-size:110%;*/
    color: Black;
    font-weight: bold;
    margin-right: 5px;
    vertical-align: bottom;
}

dl.select_def dd {
    margin-right: 9px;
    min-width: 200px;
    vertical-align: bottom;
}

.rv {
    margin-bottom: 10px; /*border: 2px solid #00369B;*/
    padding: 1px;
    padding-bottom: 34px;
}

.rv div { }

.delete_disabled {
    background: url('Images/Delete.Png') 0 0 no-repeat;
    border: 2px solid #FF0000;
    height: 24px;
    width: 24px;
}

.delete {
    background: url('Images/Delete.png') 0 0 no-repeat;
    border: none;
    height: 24px;
    width: 24px;
}

.edit {
    background: url('Images/edit.png') 0 0 no-repeat;
    border: none;
    height: 24px;
    width: 24px;
}

.edit_disabled {
    background: url('Images/edit.png') 0 0 no-repeat;
    border: 2px solid #FF0000;
    height: 24px;
    width: 24px;
}

.update {
    background: url('Images/Save.png') 0 0 no-repeat;
    border: none;
    height: 24px;
    width: 24px;
}

.cancel {
    background: url('Images/back_cancel.png') 0 0 no-repeat;
    border: none;
    height: 24px;
    width: 24px;
}

.clear_form {
    background: url('Images/back_cancel.png') 0 0 no-repeat;
    border: none;
    height: 24px;
    width: 24px;
}

.insert {
    background: url('Images/insert.png') 0 0 no-repeat;
    border: none;
    height: 24px;
    width: 24px;
}

.add {
    background: url('Images/insert.png') 0 0 no-repeat;
    border: none;
    height: 24px;
    width: 24px;
}

.watermarked {
    background-color: #444444;
    border: 1px solid #BEBEBE;
    filter: alpha(opacity=50);
    height: 20px;
    opacity: 0.7;
    padding: 2px 0 0 2px;
    width: 150px;
}

.waterdiv {
    background-color: #999999;
    border: 2px solid black;
    padding: 10px;
    text-align: center;
    width: 400px;
}

.waterdiv p {
    color: #000000;
    text-align: left;
}

.waterdivbig {
    background-color: #999999;
    border: 2px solid black;
    padding: 10px;
    text-align: right;
    width: 700px;
}

.clean_link { text-decoration: none; }


.clean_link:hover {
    color: #fff;
    text-decoration: none;
}

.wo_section_heading {
    background-color: #DDD;
    color: #00369B;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 20px;
    text-align: left;
}

.wo_customize {
    padding-right: 20px;
    width: 100%;
}

.download_table {
    border: solid 2px #750000;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

.download_col { border: solid 2px #750000; }

.pager_button {
    color: #bfdbff;
    text-decoration: None;
}

.download_sel_pan { margin-left: 20px; }

.login_table {
    display: inline-table;
    text-align: left;
}

.login_button { }

.login_text_box { width: 120px; }

.login_div {
    margin-top: 20px;
    padding: 30px;
    text-align: center;
}

.license_check_box { }

.app_edit { }

.add_tracks {
    float: left;
    font-size: small;
}

.download_div {
    background-color: #ACECFC;
    border: 1px solid #555555;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
}

.report_div {
    background-color: #EDE2CA;
    border: 1px solid #555555;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
}

#track-select-wrapper table { width: 350px; }

#track-select-wrapper td { width: 175px; }

.MultipleSelectionDDL {
    background-color: #f0f8ff;
    border: solid 1px #000000;
    font-family: Calibri, Arial, Helvetica;
    font-size: 11px;
    height: 100px;
    line-height: normal;
    overflow-y: scroll;
    width: 460px;
}

.divDDL {
    background-color: White;
    background-image: url(Images/dropdown_arrow.PNG);
    background-position: right;
    background-repeat: no-repeat;
    font-family: Calibri, Arial, Helvetica;
    font-size: 11px;
    height: 18px;
    margin-left: 100px;
    margin-top: 1em;
    padding-left: 5px;
    width: 460px;
}

.MultipleSelectionDDLsmall {
    background-color: #f0f8ff;
    border: solid 1px #000000;
    font-family: Calibri, Arial, Helvetica;
    font-size: 11px;
    height: 100px;
    line-height: normal;
    overflow-y: scroll;
    width: 300px;
}

.divDDLsmall {
    background-color: White;
    background-image: url(Images/dropdown_arrow.PNG);
    background-position: right;
    background-repeat: no-repeat;
    font-family: Calibri, Arial, Helvetica;
    font-size: 11px;
    height: 18px;
    margin-top: 1em;
    padding-left: 5px;
    width: 300px;
}

.aspnet_menu_item {
    border: none;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: small;
    margin: 0;
    padding: 0px;
}


.WorkOrderTab .ajax__tab_header {
    border-bottom: solid 1px #999999;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    text-align: left;
}

.WorkOrderTab .ajax__tab_outer {
    background-color: #D0D0D0;
    border-right: solid 1px #666666;
    border-top: solid 1px #aaaaaa;
    height: 21px;
    margin-right: 2px;
    padding-right: 4px;
}

.WorkOrderTab .ajax__tab_inner {
    background-color: #D0D0D0;
    padding-left: 3px;
}

.WorkOrderTab .ajax__tab_tab {
    color: #111111;
    height: 13px;
    margin: 0;
    padding: 4px;
}

.WorkOrderTab .ajax__tab_hover .ajax__tab_outer { background-color: #dddddd; }

.WorkOrderTab .ajax__tab_hover .ajax__tab_inner { background-color: #dddddd; }

.WorkOrderTab .ajax__tab_hover .ajax__tab_tab { }

.WorkOrderTab .ajax__tab_active .ajax__tab_outer {
    background-color: #fff;
    border-left: solid 1px #999999;
}

.WorkOrderTab .ajax__tab_active .ajax__tab_inner { background-color: #fff; }

.WorkOrderTab .ajax__tab_active .ajax__tab_tab { color: #333333; }

.WorkOrderTab .ajax__tab_body {
    background-color: #ffffff;
    border: 1px solid #999999;
    border-top: 0;
    font-family: verdana, tahoma, helvetica;
    font-size: 10pt;
    padding: 8px;
}

.match_background {
    background-color: transparent;
    border: none;
    color: #666666;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.updateProgress {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    height: 65px;
    position: absolute;
    width: 180px;
} 


.paging_two_button .ui-button {
    cursor: pointer;
    * cursor: hand;
    float: left;
}

.paging_full_numbers .ui-button {
    color: #333 !important;
    cursor: pointer;
    * cursor: hand;
    margin: 0;
    padding: 2px 6px;
}

.dataTables_paginate .ui-button { margin-right: -0.1em !important; }

.paging_full_numbers { width: 350px !important; }

.dataTables_wrapper .ui-toolbar { padding: 5px; }

.dataTables_paginate { width: auto; }

.dataTables_info { padding-top: 3px; }

table.display thead th {
    cursor: pointer;
    * cursor: hand;
    padding: 3px 0px 3px 10px;
}

div.dataTables_wrapper .ui-widget-header { font-weight: normal; }


/*
 * Sort arrow icon positioning
 */

table.display thead th div.DataTables_sort_wrapper {
    padding-right: 20px;
    padding-right: 20px;
    position: relative;
}

table.display thead th div.DataTables_sort_wrapper span {
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
    clear: both;
    position: relative;
}

.dataTables_processing {
    border: 1px solid #ddd;
    color: #999;
    font-size: 11px;
    left: 50%;
    margin-left: -125px;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 250px;
}

.dataTables_length {
    float: left;
    width: 40%;
}

.dataTables_filter {
    float: right;
    text-align: right;
    width: 50%;
}

.dataTables_info {
    float: left;
    width: 50%;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Pagination nested */

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    float: left;
    height: 19px;
    margin-left: 3px;
    width: 19px;
}

.paginate_disabled_previous { background-image: url('../images/back_disabled.jpg'); }

.paginate_enabled_previous { background-image: url('../images/back_enabled.jpg'); }

.paginate_disabled_next { background-image: url('../images/forward_disabled.jpg'); }

.paginate_enabled_next { background-image: url('../images/forward_enabled.jpg'); }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */

table.display {
    border-collapse: collapse;
    clear: both;
    margin: 0 auto;
    width: 100%;
}

table.display tfoot th {
    font-weight: bold;
    font-weight: normal;
    padding: 3px 0px 3px 10px;
}

table.display tr.heading2 td { border-bottom: 1px solid #aaa; }

table.display td { padding: 3px 10px; }

table.display td.center { text-align: center; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }

.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting { background: url('../images/sort_both.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }

.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

table.display tr.odd.gradeA { background-color: #fffff6; }

table.display tr.even.gradeA { background-color: #EAffff; }

table.display tr.odd.gradeC { background-color: #ddddff; }

table.display tr.even.gradeC { background-color: #eeeeff; }

table.display tr.odd.gradeX { background-color: #ffdddd; }

table.display tr.even.gradeX { background-color: #ffeeee; }

table.display tr.odd.gradeU { background-color: #ddd; }

table.display tr.even.gradeU { background-color: #eee; }


tr.odd { background-color: #E2E4FF; }

tr.even { background-color: white; }





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.dataTables_scroll { clear: both; }

.top, .bottom {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    padding: 15px;
}

.top .dataTables_info { float: none; }

.clear { clear: both; }

.dataTables_empty { text-align: center; }

tfoot input {
    color: #444;
    margin: 0.5em 0;
    width: 100%;
}

tfoot input.search_init { color: #999; }

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info { width: 40%; }

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #aaa;
    color: #333 !important;
    cursor: pointer;
    *cursor: hand;
    margin: 0 3px;
    padding: 2px 5px;
}

.paging_full_numbers a.paginate_button { background-color: #ddd; }

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active { background-color: #99B3FF; }

table.display tr.even.row_selected td { background-color: #B0BED9; }

table.display tr.odd.row_selected td { background-color: #9FAFD1; }


/*
 * Sorting classes for columns
 */

/* For the standard odd/even */

tr.odd td.sorting_1 { background-color: #D3D6FF; }

tr.odd td.sorting_2 { background-color: #DADCFF; }

tr.odd td.sorting_3 { background-color: #E0E2FF; }

tr.even td.sorting_1 { background-color: #EAEBFF; }

tr.even td.sorting_2 { background-color: #F2F3FF; }

tr.even td.sorting_3 { background-color: #F9F9FF; }


/* For the Conditional-CSS grading rows */

/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2

table.display tr.odd.gradeA {
	background-color: #fffff6;
}

table.display tr.even.gradeA {
	background-color: #EAffff;
}
 */

tr.odd.gradeA td.sorting_1 { background-color: #ffffe6; }

tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; }

tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; }

tr.even.gradeA td.sorting_1 { background-color: #E6ffff; }

tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; }

tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; }

tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; }

tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; }

tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; }

tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; }

tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; }

tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; }

tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; }

tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; }

tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; }

tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; }

tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; }

tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; }

tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; }

tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; }

tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; }

tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; }

tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; }

tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; }


/*
 * Row highlighting example
 */

.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; }

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; }