body {
	background-color : white;
	color : black;
}

body.index {
	background-image : url(/img/watermark.png);
	background-position : 220px 120px;
	background-repeat : no-repeat;
	background-attachment : fixed
}

a {
	text-decoration : underline;
	color : blue;
}

a:visited {
	color : purple;
}

a:hover {
	color : green;
}

a:active {
	color : red;
}

a > img {
	border : 0px;
}

a.text {
	color : black;
	text-decoration :none;
}

th > a.text {
	color : white;
}

table.records *> th > a, a.header {
	color : white;
}

table.records *> th > a:visited, a.header:visited {
	color : white;
}

table.records *> th > a:hover, a.header:hover {
	color : green;
}

table.records *> th > a:active, a.header:active {
	color : red;
}

.error > a:hover, .message > a:hover {
	color : black;
}

.error, .message {
	width : 100%;
	font-size : 150%;
	text-align : center;
}

.error {
	background-color : red;
}

.message {
	background-color : green;
}


.green {
	color : green;
}

.red {
	color : red;
}

.yellow {
	color : yellow;
}

.popup, .tooltip {
	position: absolute;
	display : none;
	background-color: silver;
	border : 3px double black;
	font-size : 80%;
	text-align : left;
	z-index: 10;
	padding-right : 2px;
	padding-bottom : 2px;
}

.tooltip {
	visibility : visible;
	display : none;
	opacity : .9;
}

div.toolbarmsg {
	font-size : 150%;
	font-style : italic;
}

.invisible {
	display : none;
}

div.rightbutton {
	width : 100%;
	text-align : right;
	clear : both;
}

ul.calnote {
	padding-left : 25px;
}

#header {
	position: absolute;
	left: 10px;
	right : 10px;
	top: 10px;
	height:60px;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-top : 1px solid #000000;
	vertical-align : bottom;
}

#left, #wideleft {
	position: absolute;
	left:10px;
	top:90px;
	width:150px;
	border:1px solid #000000;
}

#wideleft {
	width:250px;
}

#banner {
	position: absolute;
	top:90px;
	left:161px;
	right:161px;
	height:25px;
	border-top:1px solid;
	text-align : center;
	vertical-align : middle;
	border-top-color : red;
}

#links {
	position: absolute;
	left : 10px;
	top : 70px;
	right : 10px;
	height:20px;
	border-top:1px solid;
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	text-align : center;
	vertical-align : middle;
	border-top-color : red;
}


#bannermiddle, #middle, #wideleftmiddle, #widerightmiddle, #fullmiddle  {
	position: absolute;
	left:161px;
	right:161px;
	top:111px;
	border:1px solid #000000;
	padding-top : 0px;
	min-width : 500px;
}

#middle {
	top : 90px;
}

#widerightmiddle, #wideleftmiddle, #fullmiddle {
	top : 90px;
	left:261px;
	right:10px;
}

#widerightmiddle {
	left:10px;
	right:261px;
}

#fullmiddle {
	left:10px;
	right:10px;
}

#right, #wideright {
	position: absolute;
	right:10px;
	top:90px;
	width:150px;
	border:1px solid #000;
}

#wideright {
	width:250px;
}

table {
	border-spacing : 0px;
}

table.records {
	width : 100%;
}

table.records > tr > th {
	text-align : left;
}

table.records > tr {
	vertical-align : top;
}

table.records > tr > td {
	padding-left : 5px;
	padding-right : 5px;
}

td {
	padding : 0px;
}

th {
	color : white;
	background-color : black;
}

div.header {
	padding-top : 1px;
	color : white;
	background-color : black;
	font-weight:bold;
	text-align:center;
	width : 100%
}

div.gizmo {
	width : 150px;
	padding-bottom : 2px;
}

div.gizmo div {
	width : 100%;
}

div.row {
	background-color : white;
}

div.altrow {
	background-color : #DDDDDD;
}

div.gizmo *> div.row {
	width : 146px;
	padding-left : 2px;
	padding-right : 2px;
}

div.gizmo *> div.altrow {
	width : 146px;
	padding-left : 2px;
	padding-right : 2px;
}

div.linkout {
	text-align : right;
	font-size : 60%;
}

#copyright {
	font-style : italic;
	font-size : 50%;
	text-align : center;
	width : 100%;
}

td.upperleft {
	border-left-style : solid;
	border-left-width : 1px;
	border-left-color : black;
	
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : black;
	
	padding-left : 5px;
	padding-top : 5px;
}

td.upperright {
	border-right-style : solid;
	border-right-width : 1px;
	border-right-color : black;
	
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : black;
	
	padding-left : 5px;
	padding-top : 5px;
}

td.lowerleft {
	border-left-style : solid;
	border-left-width : 1px;
	border-left-color : black;
	
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : black;
	
	padding-left : 5px;
	padding-top : 5px;
}

td.lowerright {
	border-right-style : solid;
	border-right-width : 1px;
	border-right-color : black;
	
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : black;
	
	padding-left : 5px;
	padding-top : 5px;
}

td.pipe {
	border-right-style : solid;
	border-right-width : 1px;
	border-right-color : black;
	
	border-left-style : solid;
	border-left-width : 1px;
	border-left-color : black;
	
	padding-left : 5px;
	padding-top : 5px;
}

td.hpipe {
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : black;
	
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : black;
	
	padding-left : 5px;
	padding-top : 5px;
}

p.code {
	text-align : left;
	vertical-align : middle;
	border-color : #D3FFD3;
	border-width : 2px;
	border-style : solid;
	color : #006600;
	padding : 2px;
	margin : 5px;
	white-space : pre;
	font-family:monospace;
}

div.photobox {
	float : left;
	padding : 2px;
	margin : 2px;
	width : 18%;
	border : 1px solid black;
	clear : right;
	text-align : center;
}