body{background: #036 /* URL(/graphics/greywelcome.png) 50% 10px no-repeat */;  color: #fff; text-align: center; margin: 1%; padding: 0;}

* {font-family: Arial, Verdana, sans-serif}

h1{ font-size: 130%; display: none;}
h2{ font-size: 105%}

ul{text-align: justify; margin-left: 10%; margin-right: 10%}

.logo{ /*background: URL(graphics/logobg-arc.gif) no-repeat;*/ font-size: 180%; color: #000; width: 100%; text-align: center; padding-left: 0px; /*border-bottom: 1px solid #090 */}

.techdetail{font-weight: 500; font-size: 120% }

.greydetail{/* font-weight: light; font-size: 80%;  */color: #333; }

.instruction{
	font-weight: bold; font-size: 110%; background: #ccc; color: #000; 
	border: 2px solid #036; padding: 6px; 
	margin-top: 0px;
	
	/* width: 75%; margin-left: 15%; */
	
	/**/}

.msghead{
background: /*URL(logobg-arc2.jpg) no-repeat*/ #fff; color: #000;
	/*border-top: 1px solid #666;*/
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;/* to steer clear of bg*/
	text-align: center;
/*	font-family: 'Arial Narrow', sans-serif;*/
	font-weight: bold;
	/* font-size: 75%; */
	/*text-transform: lowercase; */
}
h3.msgsubject{
    margin: 0px;
    padding: 0px;
}
table.outline {background: #666}
div.outline {border: 1px solid #036; background: #ccc; text-align: left; color: #000; width: 75%; padding: 5px;}

td, th {background: #ddd; color: #000}

.randomimg td{ background: transparent;}
.randomimg img{ border: 2px solid #fff }

.thc1{ background: #ccc; color: #000 }
.thc2{ background: #eee; color: #000 }

.navpane{
/* background: #777;
background: URL(logobg.gif);*/
 color: #999;

 /*
 border-top:3px lifted #444;
 border-left: 3px inset #444;
 border-bottom: 3px ridge #000;
 border-right: 3px ridge #000;*/

 padding-top: 5px;
 padding-bottom: 5px;
}

a.navlink{
background:		#eee;
padding: 2px;
text-align:center;
margin-top: 5px
margin-bottom: 3px;
text-decoration: none;
display: block;
letter-spacing: 2px;
text-transform: lowercase;
/*float: left;*/
}
a.navlink:hover{color: #050; background: #fff; 
}
a:hover{color: #f00; }
.navdiv{width: 18%; /* float:left; position: absolute; top: 15px; left: 5px;*/ text-align:center; /*border-left: 2px ridge #494; border-right: 2px ridge #666; background: #9b9*/}

a:link{text-decoration: none}

.navcontainer{
/*background: URL(picbg.gif); margin-left: 1px; margin-right: 1px; border: 1px solid #0c0;*/  padding-top: 1px; padding-bottom: 15px; background: #fff; border: 1px solid #036;}

.copy{font-size: smaller; background: #036; color: #fff; margin-top:0px;padding-bottom: 20px}
.tagline{ clear: both;font-family: Arial;background: #036; color: #fff; font-size:1.5em; text-align: left; line-height: 5em; vertical-align: middle;
height:130px; /* to fit logo in */
min-height: 130px;margin-bottom: 0px}
.tagline img{float: left; margin-left: 30%}
.tagline a, .copy a{color: #fff}

a.here{text-decoration: none; color: #000 }
a.nothere{text-decoration: underline; width: 100%; height: 100%; color: #00a }

a.herenew{text-decoration: none; color: #000 }
a.notherenew{text-decoration: underline; width: 100%; height: 100%; color: #00f }

td.here{ border: 1px inset #666; border-bottom: 0px; /* background: #dfd */ text-align: center; font-size: 65%;  padding: 3px; }

td.nothere{border: 1px outset #666; background: #ccc; text-align: center; font-size: 65%;  padding: 3px; }
td.nothere:hover{color: #050; background: #fff; }

td.herenew{ border: 1px inset #666; border-bottom: 0px; background:  URL(ico-mailalert.gif) no-repeat top center; text-align: center; font-size: 65%;   padding: 3px; padding-top: 27px;}

td.notherenew{border: 1px outset #666; background: #ccc URL(ico-mailalert.gif) no-repeat  center top; text-align: center; font-size: 65%; padding: 3px;  padding-top: 27px}
td.notherenew:hover{color: #050; background: #fff URL(ico-mailalert.gif) no-repeat  center top; text-transform: uppercase; }

/* HELP styles */

.question{border-top: 1px solid #090; border-left: 1px solid #090; border-right: 1px solid #090; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; /* margin-right: 10px; margin-left: 10px; */ padding: 5px; background: #ccc; font-size: 110%; font-weight: bold}

.answer{border-bottom: 1px solid #090;border-left: 1px solid #090;border-right: 1px solid #090; margin-top: 0px; padding-top: 0px; margin-bottom: 15px; /* margin-right: 10px; margin-left: 10px; */ padding: 5px;}

#mhdiv{
    position: absolute;
    display: none;
    border: 1px solid #0f0;
    width: 20%;
    color: #000;
    background: #ccc;
    padding: 5px;
}
#mhdiv>b{
    text-transform: uppercase;
    display: block;
/*    background: URL(logobg-arc2.jpg);*/
    color: #fff;
}
#mhdiv ul, #mhdiv li{
    margin: 0px;
    padding: 0px;
}

.minihelp{ /*
background: URL(logobg.gif); color: #fff;
	border-left:	1px solid ThreeDHighlight;
	border-top:		1px solid ThreeDHighlight;
	border-right:	1px solid ThreeDShadow;
	border-bottom:	1px solid ThreeDShadow;
*/
/*display: block;*/
float: right;
/*margin-left: 10px;*/
clear: right;
}
.minihead{font-weight: lighter; font-size: 60%; color: #333; background: #4a4; ; text-transform: lowercase;
}
td{padding: 10px;}
.errormessage{color: red; background: white}
.celebrate {border: 1px dashed red; color: red; background: white; margin-bottom: 20px; width: 60%; padding: 10px;}

.msgoverview{
    background: #036;
    pointer: cursor;
    pointer: hand;
}

.msgoverview td{
    background: #eee;
    font-size: 75%;
    padding: 1px;
    pointer: cursor;
    pointer: hand;
}
.msgoverview img{
    margin: auto;
    text-align: center;
}
.msgoverview .newmsg td{
    font-weight: bolder;
    background: #ccc;
    /*border: 1px solid #036;*/

}

.msgoverview:hover th:hover td{
    text-decoration: underline;
    background: #fff;
}

#filelist{background: #000}
#filelist td{background: #fff; color: #000}
.largenavicons img{ margin-top: 5px }

.admin .nav{
		list-style-type: none;
		padding: 2px;
	}
.admin .nav li{
		list-style-type: none;
		display: inline;
		background: #ccc;
		border: 2px #888 outset;
		padding: 4px;
	}
	
.admin h1{display: block}
.admin .instruction{text-align:left}
body.admin,  .admin #editform {width: 100%; max-width: 100%; background: #ccc}
.admin table{
	font-size: 90%; width: 100%; max-width: 100%;
	}
.admin #editform table td, .admin #editform table th{
	  padding: 0;
	}
.admin #editform tr.odd td, .admin #editform tr.odd th{ background: #ccc; }
.admin #editform tr.even td, .admin #editform tr.even th{ background: #eee; }
.admin #editform td, .admin #editform th{
	border: 1px solid black; width: auto; vertical-align: top;
}
.admin #editform td,
.admin #editform tr{
	height: 12px;
}
.admin #editform td *{
	margin:0; padding:0;
}
.admin #editform table{
	border-collapse: collapse;
}
.admin #editform table input, .admin #editform table textarea{
	height: 100%;border: 0px; 
	background:transparent; color: #000; 
	width: 100%; min-width: 10em; position:static; overflow:hidden;
}
.admin #editform table td textarea:focus,
.admin #editform table td input:focus,
.admin #editform table td textarea.focus,
.admin #editform table td input.focus{
	 background: #fff;max-width: 15em; 
}
.admin #editform table td textarea:focus,
.admin #editform table td textarea.focus{
	height: 4em;
	position:absolute; /* do not disrupt table layout */
	overflow:auto; 
}
.admin #editform table caption input{
	border: 4px outset grey;
}
/* .admin #editform table td input{
	width: 100%; height: 3em;
} */
.admin #editform td.imgcell{ overflow: hidden; height: 2em; position:relative }
.admin #editform td.imgcell span input{ width: 200%; height:  5em; position:absolute; opacity: 30; z-index:2; right: 0; top: 0;  filter:alpha(opacity=100); 

}
.admin table td.submit {
	height: auto;min-height: 2em;
}
.admin table td.submit input{ 
	
	font-size: 130%;
	font-weight: bolder;
	padding: 5px;
	border: 3px double #0a0;
	
	}
.admin table{
	margin-right:auto; margin-left: auto; max-width: 100%;
}
.admin #editform caption{  
	font-size: 150%;
}