/* ============================== */
/* BEGIN Maintenance Tables/Grids */
/* ============================== */

table.maintenance { 
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 background: #E8E8E8;
}
caption.maintenance { border:1px solid #314B66;
 color: #314B66;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
td.maintenance, th.maintenance { color: #444444;
 padding:.4em;
}
tr.maintenance { border:1px dotted gray;
}
thead th.maintenance, tfoot th.maintenance { background: #354962;
 color: #E9E9E9;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
tbody td.maintenance a { color: #3C3C3C;
 text-decoration:underline;
}
tbody td.maintenance a:visited { color: #3C3C3C;
 /*text-decoration:line-through;*/
}
tbody td.maintenance a:hover { text-decoration:underline;
}
tbody th.maintenance a { color: #3C3C3C;
 font-weight:normal;
 text-decoration:none;
}
tbody th.maintenance a:hover { color:#363636;
}
tbody td+td+td+td.maintenance a {
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
tbody td+td+td+td.maintenance a:visited {
 background-position:left center;
 background-repeat:no-repeat;
}
tbody th.maintenance, tbody td.maintenance { text-align:left;
}

tfoot td.maintenance { background:#314963;
 color: #FFFFFF;
 padding-top:3px;
}
tfoot td.maintenance a { color: #C9C9C9;
 text-decoration:underline;
}
tfoot td.maintenance a:visited { color: #C9C9C9;
 /*text-decoration:line-through;*/
}
tfoot td.maintenance a:hover { color: #D2D2D2;
 text-decoration:underline;
}
.odd.maintenance { background:#fff;
}
tbody tr.maintenance:hover { background:#DDDDDD;
 border:1px solid #03476F;
 color:#000000;
}

/* ============================ */
/* END Maintenance Tables/Grids */
/* ============================ */


/* =========================== */
/* BEGIN Products Tables/Grids */
/* =========================== */

table.categories {
    color:#fff;
    font:normal 12px verdana, arial, helvetica, sans-serif;
}
td.categories, th.categories {
    color: #D7D7D7;
}
thead th.categories, tfoot th.categories { background: #354962;
 color: #E9E9E9;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
tbody td.categories a { color: #FFFFFF;
 text-decoration:underline;
}
tbody td.categories a:visited { color: #FFFFFF;
 /*text-decoration:line-through;*/
}
tbody td.categories a:hover { color: #D7D7D7;
        text-decoration:underline;
}
tbody th.categories a { color: #FFFFFF;
 font-weight:normal;
 text-decoration:none;
}
tbody th.categories a:hover { color:#D7D7D7;
}
tbody td+td+td+td.categories a {
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
} 
tbody td+td+td+td.categories a:visited {
 background-position:left center;
 background-repeat:no-repeat;
}
tbody th.categories, tbody td.categories { text-align:left;
 vertical-align:top;
}
tfoot td.categories { background:#314963;
 color: #FFFFFF;
 padding-top:3px;
}
tfoot td.categories a { color: #C9C9C9;
 text-decoration:underline;
}
tfoot td.categories a:visited { color: #C9C9C9;
 /*text-decoration:line-through;*/
}
tfoot td.categories a:hover { color: #D2D2D2;
 text-decoration:underline;
}
.odd.categories { background:#fff;
}
tbody tr.categories:hover {
    
 border: none;
 color: #000000;
}

tbody.categories div {
 border: 1px solid black;
}

table.content {
    color:#fff;
    font:normal 12px verdana, arial, helvetica, sans-serif;
}

#product-list td {
    border-bottom: 2px solid #1D2D6B;
    background: none;
    color: #FFFFFF;
    padding: 10px;
}

#product-list td:hover {
    border: 2px solid #BEBEBE;
    background: #0A2457;
}


#product-add td {
    border-bottom: 2px solid #1D2D6B;
    background: none;
    color: #FFFFFF;
    padding: 10px;
}


/* ========================= */
/* END Products Tables/Grids */
/* ========================= */

input.registration, select.registration, textarea.registration {
    width: 175px;
}


textarea.large {
    width: 350px;
}

div.notification {
    margin:0 auto;
    color:#800000;
    background:#FFFDCA;
    --border:1px solid #5E0000;
    height: auto;
    --width: 100%;
    overflow: hidden;
    line-height: 15px;
    vertical-align: middle;
    text-align:center;
    padding: 6px 0px 6px 0px;
}

.notification td, .notification tr, .notification a {
    color: #070358 !important;
}

.notification a:hover {
    color: #405784 !important;
}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none
}

a.tooltip:hover{
    color: #000000;
    z-index:25;
    background-color:#ff0}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:18em;
    border:1px solid #5E0000;
    background-color: #FFFDCA;
    color: #800000;
    text-align: left;
    padding: 5px;
}


/* CUSTOM CSS */

body,td,th {
	color: #D7D7D7;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
}
a {
	font-size: 12px; color: #FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none; color: #FFFFFF;
}
a:hover {
	text-decoration: none; color: #E1E1E1;
}
a:active {
	text-decoration: none; color: #F4BD00;
}


div .content-navigation {
    --border: 1px solid #0A2456;
    width: 200px;
    float: left;
}

div .content-main {
    --border: 1px solid #0A2456;
    width: 600px;
    float: left;
}

div .content-main td {
    float: left;
}