/* CSS Document */
body {
	margin: 0px;
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	height: 100%; 
	text-align:left;
	width:963px;
}

blockquote { 
	/* background-color: #ccc;  */
	text-align: left;	
	}

header {
	display:block;
	position:relative;
	text-align:left;
	margin:0px;
	padding: 10px;
}

article {
	position:relative;   
/*	position:static;    */
/*	position:absolute;   /* This doesn't work...just moves it left under the nav */
	width:720px;
	float:right;
	text-align:left;
	top: 0px;
	margin: 0px;
	left: 0px;
	padding: 10px;
	color: #000000;
	text-align: justify;
	/* border-right: 1px solid #cccccc; */
	padding-bottom:32767px; 
	margin-bottom:-32767px;
}

section {
	position:relative;
	width:900px;
	float:left;
	text-align:left;
	top: 0px;
	margin: 0px;
	left: 0px;
	padding: 20px;
	color: #000000;
	text-align: justify;
	/* border-right: 1px solid #cccccc; */
	padding-bottom:32767px; 
	margin-bottom:-32767px;
}

article header {
	display: inline;
	border: 0px;
	padding: 0px;
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
}
	
article footer {
	display: inline;
	border: 0px;
	padding:0px;
}

footer {
	display:block;
	clear:both !important;
	margin: 0px;
	padding:10px;
}

nav {
	display:block;
	float:left;
	position:relative; 
/*  The use of relative breaks anchors! */
/*	position:absolute;  */
/*  But the use of absolute also makes the nav very long! */
	width:200px;
	text-align:left;
	padding:10px;
	margin:0px;
	background:#93BFAF; 
 	padding-bottom:32767px; 
	margin-bottom:-32767px; 
}	

lnav li{
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	margin: 1em 0; 
	color: white;	
}

lnav a{
	color: white;	
}


navheader {
	display:block;
	position:relative;
	text-align:left;
	margin:0px;
	padding: 10px;
}

#content {
	overflow:hidden;
	clear:both;
}

#topnav{
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}
#topnav li{
  display:inline;
}
#topnav a{
  display:inline-block;
  padding:10px;
}

#bottomnav{
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
  vertical-align: center;
}
#bottomnav li{
  display:inline;
}
#bottomnav a{
  display:inline-block;
  padding:10px;
}

.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}
/* center images */
.imgclass
{
	text-align:center;
}
.imgclass img
{
	margin:auto;
	width:100%;
}

/* Commented out by BJM on 9/9/18
img
{
	display:block;
}
*/

.status {
width: 100px;
height: 18px;
position: left;
display:inline-block;
}

/* pop-up box on click */
.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; 
	left: 1em; 
	top: 2em; 
	z-index: 99;
	margin-left: 0; width: 450px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; 
	font-size: 2.0em; 
	font-weight: bold;
	display: block; 
	padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
*	.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
* 	.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
* 	.help { background: #dcddf1; border: 1px solid #2BB0D7;	}
* 	.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
* 	.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

td {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 8pt;
        padding: 4px 4px 4px 4px;
        text-align:left;
	font-weight:lighter;
        color: #333333;
        }

td.buttontext {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size:small; 
	font-weight:bold;
	background-color:#dcddf1; 
	color:black; 
	text-align: center;	
	border:4px outset lightgrey;
}

td.med {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	text-align: left;
}

td.med_center {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	text-align: center;	
}

td.med_right {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	text-align: right;	
}

td.med_center_big {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12pt;
	text-align: center;	
        font-weight:bold;
}

td.small {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 7pt;
}

td.small_right {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 7pt;
	text-align: right;	
}

td.small_center {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 7pt;
	text-align: center;	
}

td.titlebanner {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	background-color: #DBEDC0;
        font-size: 12pt;
        font-weight:bold;
	color: #333399;
	text-align: center;
}

td.smaller_banner {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	background-color: #DCDDF1;
        font-size: 10pt;
        font-weight:bold;
	color: #333399;
	text_align: center;
}

td.title {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	background: #dcddf1;
}

td.blankrow {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	background-color: #DBEDC0;
}


td.error {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #990000;
	background-color: #80DFFF;
	text-align: left;
	}

td.big {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 11pt;
}

/*
td.status_red {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #FF0000; 
	text-align: center;
	font-weight:bold;
	}

td.status_orange {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #FF6600; 
	text-align: center;
	font-weight:bold;
	}

td.status_green {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #005502; 
	text-align: center;
	font-weight:bold;
	}

td.status_blue {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #003366; 
	text-align: center;
	font-weight:bold;
	}

td.status_violet {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #660099; 
	text-align: center;
	font-weight:bold;
	}


td.status_white {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #FFFFFF; 
	text-align: center;
	font-weight:bold;
	}
*/

th {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 9pt;
	color: #333399;
	text-align: left;
}

hr {
         color: #008000;
         background-color: #008000;
         height: 3px;
}

input.buttontext {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size:small; 
	font-weight:bold;
	background-color:#dcddf1; 
	color:black; 
}

p {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
}

ul {
	list-style-type: disc;
	padding: 15;
	margin: 0;
}

li {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	margin: 1em 0; 
}


a:link {
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	color: #003399;
	text-decoration: none;
}

a.black:link {
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.black:visited {
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	color: #003399;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}

.big12 {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12pt;
	color: #333399;
}

.big12redCenter {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12pt;
	color: red;
	text-align: center;
}

.big12rust {

	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12pt;
	color: #333399;
	font-weight: bold;
}

.big12rustRight {

        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 12pt;
        color: #333399;
        text-align: right;
}

.big12rustCenter {

        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 12pt;
        color: #333399;
        text-align: center;
}

.rust {

	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: #333399;
	text-align: left;
}

.smrust {

        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight:lighter;
	color: #333399;
	text-align: left;
}

.blue {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 10pt;
        color: blue;
        }
.violet {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 10pt;
	color: purple;
        }
.green {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 10pt;
        color: green;
        }

.orange {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 10pt;
        color: #F87217;
        }

.req {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
        font-size: 10pt;
        color: red;
        }

.big {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;			
}

.error {
        font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	color: #990000;
	text-align: left;
	}

			
.title {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt
	color: #990000;
}

.margin {
	font-family: Verdana, Univers, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 9pt;
	padding-right: 20px;
	padding-left: 50px;
}

.head {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC9933;
}

/* Sortable tables */
table.sortable a.sortheader {
background-color:#eee;
color:#CC6B53;
font-weight: bold;
text-decoration: none;
display: block;
}
		    
table.sortable span.sortarrow {
color: #990000;
text-decoration: none;
}

/*
   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort

body.sort-active *
        {
        cursor:wait;
        }
*/


p a
        {
        font-weight:normal;
        outline:none;
        }
p a:link,
p a:visited
        {
        color:#333;
        text-decoration:underline;
        }
p a:hover
        {
        color:#fff;
        text-decoration:none;
        background:#000;
        }
p a:active
        {
        color:#000;
        text-decoration:underline;
        }
code
        {
        font-family:'andale mono','lucida console','courier new',monospace;
        font-size:1em;
        }
p
        {
        line-height:1.6em;
        margin:0 0 1em 0;
        }
h1
        {
        font-weight:lighter;
        font-family:verdana,arial,sans-serif;
        text-align:center;
        margin-top:0.6em;
        color:#000;
        font-size:2.25em;
        }
h2
        {
        font-weight:lighter;
        font-family:verdana,arial,sans-serif;
        text-align:center;
        margin-top:1em;
        color:#333;
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:1.6em;
        }
h2.left
        {
        font-weight:lighter;
        font-family:verdana,arial,sans-serif;
        text-align:left;
        margin-top:1em;
        color:#333;
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:1.6em;
        }
h2 span
        {
        font-variant:small-caps;
        text-transform:none;
        }
h3
        {
        font-weight:lighter;
        font-family:verdana,arial,sans-serif;
        text-align:center;
        margin-top:0.6em;
        color:#000;
        font-size: 1.25em;
        }

h3.left
        {
        font-weight:lighter;
        font-family:verdana,arial,sans-serif;
        text-align:left;
        margin-top:0.6em;
        color:#000;
        font-size: 1.25em;
        }


.infohead {
	font-family: Verdana, Arial, Helvetica, Tahoma, Airal, sans-serif;  
	font-size: 812pt;
	color: #333399;
}

.smrust {
	font-family: Verdana, Arial, Helvetica, Tahoma, Airal, sans-serif;  
	font-size: 8pt;
	font-weight:lighter;
	color: #333399;
}
table
        {
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-collapse:collapse;
        }


.cs1
        {
        width:30em;
        }
.cs2
        {
        width:20em;
        }
.cs1 td,
.cs2 td,
#scientificNotation
        {
        text-align:right;
        }
caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }
th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        padding: 4px 4px 4px 4px;
        background: #DBEDC0 url(images/bg_header.jpg) no-repeat;
        vertical-align:middle;
        }
td.total
        {
        border-top: 0;
        border-left: 0;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #DBEDC0 url(images/bg_header_sortable.jpg) no-repeat;
        padding: 4px 4px 4px 20px;
        }
th.forwardSort
        {
        background:#DBEDC0 url(images/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#DBEDC0 url(images/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(images/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
th a
        {
        text-decoration:none;
        color: #4f6b72;
        background:transparent;
        }
td a
        {
        text-decoration:none;
        color:#239;
        background:transparent;
        }
td img
        {
        margin:0 auto;
        }
td a:hover
        {
        color:#a84444;
        background:transparent;
        }

/*
td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        padding: 4px 4px 4px 4px;
        text-align:left;
        color: #4f6b72;
	font-weight:lighter;
        }
*/

td.lft
        {
        text-align:left;
        }

td.rgt
        {
        text-align:right;
        }
td.ctr
        {
        text-align:center;
        }

tr.alt
        {
        background: #DEDEF3;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */

tr[class="alt"] td
        {
        background: #dedef3 url(images/td_alt.jpg) no-repeat;
        }
td[class="alt"]
        {
        background: #edf3f3 url(images/col_alt.jpg) no-repeat !important;
        }

/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */

//tbody tr.alt td:first-child
// { font-weight:bold; }
//tbody tr td:first-child
//  { font-weight:bold; }

/* Image free rules for Internet Explorer < 7 */
* html tr.alt td
        {
        background-color:#dedef3;
        }
* html tr td.alt,
* html tr.alt td.alt
        {
        background-color:#d8d8f1;
        }