textarea.config {font-family: monospace; font-size: 12px}
body {margin:0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif;}
div.header {background: #eee; border-bottom: 6px solid #911305; text-align: center; margin-bottom: 10px;}
h1 {font-size: 18px; display: block; text-align: left; padding: 0px 0px 0px 10px; margin: 0px;}
h2 { font-size: 18px; display: block; padding: 0px; margin: 0px 0px 4px 0px; border-bottom: 1px solid #ccc;}
p {margin: 0px 0px 0px 10px; font-size: 12px; padding: 5px;}
input.indented {margin: 5px 0px 0px 15px; font-size: 12px;}
pre.indented {margin: 5px 0px 0px 10px; font-size: 12px; padding: 5px;}
a {color: #911305}
a:visited {color: #610305}
table {margin: auto;}
td {vertical-align: top; font-size: 10pt;}
span.warning {font-weight: bold; color: #911305}
td.title {font-weight: bold; font-size: 12pt;}
table.pars {border-top: 3px solid #911305;  border-right: 0px solid #ccc;}
table.pars th, table.pars td {background-color: #DDDDDD; text-align: left; font-size: 14px; border: 1px solid #EEEEEE; padding: 0px 4px 0px 5px; white-space: nowrap;}
table.pars th.c {font-size: 16px; font-weight: 700; padding: 4px; background: #999999; color: white; }
table.data {border: 0px; width: 100%; margin-bottom: 10px; border-top: 3px solid #911305;  border-right: 1px solid #ccc;}
table.data th {text-align: right; vertical-align: top;  background: #DDDDDD;  font-size: 12px; }
table.data th.c {font-size: 16px; font-weight: 500;  background-color: #999999;   text-align: left; white-space: nowrap; vertical-align: top; color: white;}
table.data th.csm {font-size: 12px; font-weight: 500;  background-color: #bbbbbb;   text-align: left; white-space: nowrap; vertical-align: top; color: white;}
table.data th.l {text-align: left}
table.data td {text-align: right; background-color: white; font-size: 10pt; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
table.data td.c {text-align: center}
table.data td.l {text-align: left}
table.data td.b {vertical-align: bottom}
table.menu { border: 0px; padding: 0px; margin: auto; margin-top: 3px;}
table.menu td {text-align: center; }
table.menu td a {display: block; background-color: #999999;  text-decoration: none; color: white; font-size: 14px; border-right: 2px solid #eee; padding: 4px 15px 4px 15px; white-space: nowrap; }
table.menu td a:visited {color: white;}
table.menu td a:hover {background: #540B03; color: white;}
table.menu td a.selected {background-color:#911305; color: white;}


#queueRcptEventsHeader th { text-align: center; white-space: nowrap; vertical-align: top;}
.timeTh { border-left: 1px solid black; }

.hidden { display: none; }
table.data thead th.l {text-align: left}


#queueRcptEventsData td {
   font-size: 11px;
}

/* Queue Detail Page - Delivery Events styling */
table#deliveryEventsTable th.c {font-size: 16px; font-weight: 500;  background-color: #999999;   text-align: left;  color: white;}

/* Queue Detail Page - Delivery Events - Time Column */
#queueRcptEventsData td:nth-child(2) { min-width: 125px }

/* Queue Detail Page - Queue Detail - All Values */
table.queueDetails:nth-child(1) td { font-size: 12px; }

/* Queue Detail Page - Delivery Events - Destination IP Column */
#queueRcptEventsData td:nth-child(6) { min-width: 180px }

span:before, span:after {
    content: "";
    position: absolute;
    top: 10%;
    left: 0px;
}

/* used to display the icon AND content */
.warning:after {
    z-index: 1;
    border-width: 0px 11px 18px;
    border-style: solid;
    border-color: #F8D201 transparent;
    margin-top: -6px;
    background: none repeat scroll 0% 0% transparent;
    margin-left: -24px;
}

.warning:before {
    content: "!";
    z-index: 2;
    left: 8px;
    margin-top: -4px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-left: -24px;
}

.warning {
    position: relative;
    display: inline-block;
}

/* used to display JUST the icon in the queues display */
.warningIcon:after {
    z-index: 1;
    border-width: 0px 11px 18px;
    border-style: solid;
    border-color: #F8D201 transparent;
    margin-top: -10px;
    background: none repeat scroll 0% 0% transparent;
}

.warningIcon:before {
    content: "!";
    z-index: 2;
    left: 8px;
    margin-top: -8px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.warningIcon {
    position: relative;
    display: inline-block;
    margin-left: 2px;
    margin-bottom: 5px;
}

/*
dark red: #911305
darker red: #61035
grey: #999999
ligh grey: #DDDDDD */