/* ***** application styles for SAEdatatransfer ***** */


body {
 margin:3px;
 padding:2px 60px;
 font:80% Helvetica, Arial, sans-serif;
 color:#555;
 background:#777;
 min-width:900px;
}

body.ww {
 margin:3px;
 padding:2px 2px;
 font:80% Helvetica, Arial, sans-serif;
 color:#555;

 min-width:900px;
}


#masthead {
 background:#2967e3;
 position:relative;
 height:106px;
 font-size:36px;
 color:#fff;
 text-align:center;
}

#tnt {	/* --- Time Display --- */
	position:absolute; top:2px; right:6px;
	font-size:12px;
	color:#FFFFFF;
}

#logo {
 position:absolute;
 width:245px;
 height:100px;
 top:3px;
 left:40px;
}


/* --- Top Navigation Bar --- */
#topNav {
 background:#2967e3;
 margin:0 auto;
 padding:0;
 height:25px;
 font-size:17px;
}

#topNavtxt { position:relative; top:2px;}
#topNavtxt a {color:#FFFFFF; text-decoration:none}
#topNavtxt a:hover { text-decoration:underline}



#contentw {
	/* used for wide page with no sidebars */
 	background: #fff;
	padding:5px 50px;
	min-height:580px;
	min-width:800px;
}

#contentww {
	/* wide wide */
 	background: #fff;
	padding:5px 5px;
	min-height:580px;
	min-width:800px;
}



#footer{
	background-color:#fff;
	text-align:center;
}


h1 {	/* page heading */
	font: bold 24pt verdana,sans-serif;
	text-align:center;
	margin-bottom:8px}
h2 {	/* major section */
	font: 14pt verdana,sans-serif;
	margin-bottom:2px}
h3 {	/* minor section */
	font:bold 11pt verdana,sans-serif;
	margin-bottom:0px}
h4 {	/* detail item */
	font: bold 10pt verdana,sans-serif;
	margin-bottom:0px}




p {
 margin:0;
 padding:5px 0;
 font-size:1.5em;
 line-height:150%;
}



td.maint {
	min-height:1200px;
}




a.ml { font-size:14pt;}



#container1 { 
	float:left;
	width:100%;
	background:#ccc;
	position:relative;
	right:42%;
}
#container2 { 
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
}
#col1 {
	float:left;
	width:55%;
	position:relative;
	left:43%;
	padding-top:5px;
}
#col2 {
	float:left;
	width:42%;
	position:relative;
	left:45%;
}
div.gbox { width:99%; }



/* ---- small utility links ---- */
.util { font: 10px verdana, sans-serif; color:#00b; }
.util a {color: #008; text-decoration:none}
.util a.grey {color: #777; text-decoration:none}
.util a:hover { text-decoration:underline}




/* ----- div for date selection ------ */
.dbx {
	margin:auto;
	text-align:center;
	font: 13pt verdana,sans-serif;
	color:#444;
	border:1px solid #6c2180;
	background-color: #ccc;
	padding:4px 18px;
}
table.dbx * th {text-align:right; font: 11pt verdana,sans-serif;}
table.dbx * tr.err {color:#f00}


/* ----- div for big messages ------ */
.centerbox {
	width:63%;
	margin:auto;
	text-align:center;
	font: 13pt verdana,sans-serif;
	color:#FFFFFF;
	border:1px solid #f00;
	background-color: #ccc;
	padding:12px;
}



.tinynote {
	font: 8pt verdana,sans-serif;
	color:#000;
	padding:1px;
	margin-top:12px;
}


.flrt {	float:right;
	margin-left:15px;
	margin-right:0px;
}


li {margin-bottom:12px;}



/* ----- simple chart with grid ----- */
.chart {color:#000; background:#fff; font-size: 12pt;}
table.chart {border-collapse:collapse; border:1px solid #777; margin:auto}
table.chart * td {padding: 3px; border:1px #777 solid; }

table.chart * th { color:#444; 	background-color:#6e98eb; text-align:center;
		padding:1px 4px;
		font:bold 10pt verdana,sans-serif}
table.chart * tr.grey { color:#FFFFFF}


/* --- alert box --- */
table.abx {
	font-size: 11pt;
	border:1px #f00 solid;
	width:50%; margin:auto;
	background-color: #ccc;
}
table.abx * td { padding: 0px 8px 1px 4px; font-weight:bold }
table.abx * th { 
	color:#333;
	text-align:left;
	padding-left:4px;
	font-weight:normal;}



/* ----- simple chart with no grid ----- */
.chartb {color:#000; background:#fff; font-size: 12pt;}
table.chartb {border-collapse:collapse; margin:auto}
table.chartb * td {padding: 1px 5px 0px;}
table.chartb * td.wide {padding: 7px 14px}
table.chartb * tr.err {background-color:#f99}
table.chartb * tr.ent {background-color:#ccc}
table.chartb * th { color:#000; background:#6e98eb; text-align:center;
		padding:1px 4px;
		font:bold 10pt verdana,sans-serif}

table.chartb * input {font-size:13pt; }



/* ----- simple vertical chart ----- */
.chartv {color:#000; background:#fff; font-size: 12pt;}
table.chartv {border-collapse:collapse; border:1px solid #444; margin:auto}
table.chartv * td {padding: 2px; border:1px #777 solid; }
table.chartv * th { color:#333; padding-right:3px; text-align:right;
		padding-left:2px;
		border:1px #777 solid;
		background-color:#6e98eb;
		font:bold 10pt verdana,sans-serif}



.chartvr {color:#333; background:#fff; font: 11pt verdana,sans-serif}
table.chartvr {border-collapse:collapse; border:1px solid #444; margin:auto}
table.chartvr * td {padding: 2px; border:1px #777 solid;
		font-weight:bold }
table.chartvr * th { color:#333; padding-right:4px; text-align:right;
		padding-left:2px;
		border:1px #777 solid;
		background-color:#6e98eb;
		font-weight:normal;}


ul.pt { padding:1px 3px; margin-top:0px; text-align:left; }
ul.pt li { padding:4px 0px; list-style:none; line-height:78%; }
ul.pt li.sel { font-weight:bold; font-size:105%; background-color: #fff;}



tr.lbl {border-bottom: 1px solid #999}

.crr {color:#f00}
.cry {color:#f70}


.inactive {opacity: .5}


.loud {color:#f00}
.quiet {color:#999}
.big {font-size: 133%}
.little {font-size: 67%}
.typ {color:black; font: 10pt "courier new",courier,monospace,serif;}
/* .ital {font-style:italic} */
.ital {font-style:oblique}
.bold {font-weight:bold}

.txl {text-align:left}
.txc {text-align:center}
.txr {text-align:right}
.valt {vertical-align:top}
.valb {vertical align:bottom}
.valc {vertical-align:center}
.clr {clear:both}