body {
	width: 920px !important;
}

form { 
	/* set color to hide any logo behind */
	background-color: transparent;	
}

#content {
	width: 100%;
	margin-top: 0px;
}
#content a 
{
	font-size: 0.9em;
}

ul {
	margin-top: 10px;
}

li.flag {
	color: Black !important;
	font-size: 0.8em;
	font-style: italic;
	padding: 1px 0px 0px 25px;
}

li.splash {
	color: red !important;
}

li.overdue
{
	color: #cc0000 !important; /* orangish red cf orangeRed=ff4500 */
	font-size: 0.9em;
	margin: 15px 0px 0px 15px;
	font-variant: small-caps;
	padding-left: 15px;
	border-left: solid;
}

#afterlogon li {
    list-style-type: none;
}

span.newmark
{
    position: relative;
	float: left;
	margin-left: -5em;
    font-weight: bold;
    font-style: italic;
    color: Blue;
    border: 1px solid blue;
    padding: 0px 2px;
    background-color: yellow;
}

#introarea div {
	padding: 20px 0px;
	text-align: left;
}

#introarea p {
	margin-left: 10px;
	text-align: left;
	color: maroon;   
	font-size: 0.9em;
}
/* ---------  area position & layout ----------------- */

div#leftside
{
	width: 24%;
	float: left;
}

div#introarea {
	padding-right: 5px;
}

div#workspace {
	float: right;
	width: 74%;
	margin-top: 0px;
}

img#closer
{
	float: right;
	height: 16px;
	width: 16px;
	margin: 2px 0 0 0;
}

.leftside
{
	width: 54%;
	float: left;
	margin: 0 0 0 2px;
}

.rightside 
{
	width: 45%;
	float: right;
	margin-top: 0px;
}

.widelabel 
{
	width: 90% !important;
}

#gateresults {
	width: 74%;
	float: right;
}

/*  --- photo work --- */
div#photo {	
	height: 110px;
}
#photo a
{
	float: left;
}
#photo div.pixframe
{
	/* use same size as in badges.css */
	width: 0.85in; 
	height: 0.85in;
	float: left; 
}
#photo img
{
	width: 90%;			/* simulate/attempt good aspect ratio */
	height: 100%;
	border: solid 1px dimgray;
}

/* ------- bottommatter details ------------ */

div#buttons {
	height: 28px;
}

div#buttons input[type="button"] {
	float: right;
	margin-top: 3px;
	margin-left: 5px;
}

/* ---------------- general stuff -------- */

.clearthefloats {
	clear: both;
	margin: 0px;
}

#gateresults p.special, #gatestatus {
	border: solid 1px darkgreen;
	padding: 3px;
}

div#actionchoices
{
    /* If width not used, click-space is too wide!  */
    /* Less width does not allow for nice tickler messages. */
    width: 50%;
    margin-left: 30%;
}

#actionchoices a {
	margin:	10px 0px;
	display: block;
	text-align: left;
}

.tickler
{
	/* tickler messages in the actionchoices area on gateway */
	font-size: 90%;
	color: Maroon;
	margin-left: 10%;
	text-align: left;
	font-variant: small-caps;
}

#msgbox {
	top: 20% !important;
	left: 5% !important;
	width: 310px !important;
}

/* for special sec/admin/master instructions etc */
div#adminpwreset label
{
	color: darkgreen;
}
div#adminpwreset input[type="checkbox"]
{
	margin-top: 5px;
	position: relative;
	top: 2px;
}

/* -----  admin table displays (hit counters, pw stats ---- */
#admininfo div
{
	float: left;
	width: 50%;
}

div.statsresults, div#pagehits
{
	margin-top: 20px;
}

p.admin
{
	font-size: 0.8em;
	color: darkslategray !important;
}

table.admin 
{
	width: 88%;					/* of generic table width */
	color: darkslategray;
	font-size: 0.75em;
} 

.admin td
{
	border: solid 1px gray;	
}

.admin th
{
	font-weight: normal;
	font-variant: small-caps;
	text-align: center !important;
}

.admin th.ljust, td.ljust
{
	text-align: left;
	width: 70%;
}

.admin th.rjust, td.rjust
{
	width: 30%;
}

.admin th.narrative, td.narrative
{
	width: 50%;
	text-align: left;
}

.admin th.datefmt, td.datefmt
{
	width: 40%;
}

.admin td.rjust
{
	text-align: right !important;
}