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

body {
	background-color:		rgb(255,255,255);
	font-family:       		Verdana, Arial, sans-serif;
	font-size:         		10pt;
	color:             		rgb(102,102,102);
	margin: 	      		0px;
	padding: 	      		0px;
	text-align:				left;
}

verbatim {
	font-family:       		Courier, Monaco, monospace;
	font-size:         		10pt;
	color:             		rgb(201,51,51);
}

pre {
	font-family:       		Courier, monospace;
	font-size:         		9pt;
	color:             		rgb(102,102,102);
	white-space:			pre-wrap;       /* css-3 */
	white-space:			-moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space:			-pre-wrap;      /* Opera 4-6 */
	white-space:			-o-pre-wrap;    /* Opera 7 */
	word-wrap:				break-word;		/* Internet Explorer 5.5+ */	
}

h1 {
	font-size:         		16pt;
	color:             		rgb(100,100,100);
}

p, td {
	font-size:         		8pt;
	color:             		rgb(75,75,75);
}

p.title {
	font-size:         		12pt;
	color:             		rgb(51,51,51);
}

input, textarea, select, option {
	font-family:			Courier, Monaco, monospaced;
	font-size:         		8pt;
	color:             		rgb(102,102,102);
}

em {
	font-weight:			normal;
	font-style:				normal;
	color:					#cc0000;
}

em.faint {
	color:					#cc3333;
}

.annotation {
	color:					rgb(51,51,204);
}

/* inherited with forms -------------------------------------------- */

h3 {
	font-size:				12pt;
	font-weight:			bold;
	color:					#cc0000;
}

h4 {
	font-size:				10pt;
	font-weight:			bold;
	color:					#003366;
}

a {
	font-weight:			bold;
	text-decoration:		none;
}

a, a:link, a:visited {
	color:					#006699;
}

a, a:hover, a:active {
	color:					#cc3300;
}

p.big {
	font-size:				10pt;
	font-weight:			bold;
	color:					#cc0000;
}

p.small {
	font-size:				8pt;
	color:					#cc0000;
}

p.annotation {
	font-size:				8pt;
	color:					rgb(51,51,204);
}

b {
	font-weight:			bold;
	color:					#cc0000;
}

b.amber {
	font-weight:			bold;
	color:					#cc9933;
}

b.small {
	font-size:				8pt;
	font-weight:			bold;
	color:					#cc0000;
}

b.templates {
	font-size:				10pt;
	font-weight:			bold;
	color:					#003366;
}

input.notes {
	background-color:		rgb(135,215,255);
}

input.commit {
	background-color:		rgb(255,190,190);
}

/* table stuff ----------------------------------------------------- */

table.small td {
	vertical-align: 		top;
	text-align:				center;
}

table.setupsearch {
	background-color:		#ffefef;	
	border:					1px silver solid;
	border-collapse:		collapse;
}

th {
	vertical-align: 		center;
	text-align:				center;
	font-size:         		8pt;
	padding-top:			15px;
	color:					rgb(153,51,51);
}

th.left {
	text-align:				left;
}

td {
	vertical-align: 		top;
}

td.selects {
	padding:				5px;
	vertical-align:			middle;
	line-height:			1.5em;
}

td.submit {
	padding:				5px;
	vertical-align:			middle;
	text-align:				center;
	background-color:		#efefff;
	line-height:			1.5em;
}

tr.active, td.active, th.active {
	background-color: 		rgb(255,235,235);
}

tr.starter {
	background-color: 		rgb(235,255,235);
}

tr.done, td.done, th.done {
	background-color: 		rgb(235,235,255);
}

tr.grey {
	background-color: 		rgb(225,225,225);
}

.tiny {
	font-size:				8pt;
}

table.listing, table.listing td, table.listing th {
	border:					1px solid rgb(201,201,201);
}

tr.newpage {
	page-break-before:		always;
}

td.category {
	background-color: 		rgb(204,204,204);
	vertical-align: 		center;
	font-weight:			bold;
	text-align:				left;
	font-size:         		8pt;
	padding-top:			10px;
	padding-bottom:			5px;
	padding-left:			5px;
	color:					rgb(153,51,51);
}

td.friendlycategory {
	background-color: 		rgb(204,204,204);
	vertical-align: 		center;
	font-weight:			bold;
	text-align:				left;
	font-size:         		8pt;
	padding-top:			10px;
	padding-bottom:			5px;
	padding-left:			5px;
	color:					rgb(51,51,153);	
}

td.unsatisfactory, th.unsatisfactory {
	background-color: 		rgb(255,153,153);
	vertical-align: 		center;
	font-weight:			bold;
	text-align:				center;
	font-size:         		8pt;
}

td.average, th.average {
	background-color: 		rgb(255,255,153);
	vertical-align: 		center;
	font-weight:			bold;
	text-align:				center;
	font-size:         		8pt;
}

td.excellent, th.excellent {
	background-color: 		rgb(153,255,153);
	vertical-align: 		center;
	font-weight:			bold;
	text-align:				center;
	font-size:         		8pt;
}

td.date_change {
	width:					100px;
}

table.boxed {
	border:					1px solid rgb(201,201,201);
}

/* general div stuff so don't have to repeat ----------------------- */

div {
	position:				absolute;
	background-color:		transparent;
	border: 				1px solid rgb(255,255,255);
	z-index:           		75;
	margin:					0px;
	padding:				0px;
	border-collapse: 		collapse;
	font-size:         		8pt;
	font-weight:			normal;
	overflow:				hidden;
}

/* logo stuff ------------------------------------------------------ */

div.logo {
	top:					25px;
	left:					25px;
	height:					140px;
	width:					200px;
}

/* header stuff ---------------------------------------------------- */

div.header {
	top:					25px;
	left:					245px;
	height:					75px;
	padding-right:			25px;
}

div.header td {
	color:					rgb(51,51,204);
}

/* login box stuff ------------------------------------------------- */

div.login {
	border-left: 			1px solid rgb(175,175,175);
	border-top: 			1px solid rgb(175,175,175);
	position:				static;
	z-index:           		150;
}

div.login table {
	width:					200px;
	background-color: 		rgb(255,245,245);
	margin:					0px;
	text-align:				center;
}

/* left hand column stuff ------------------------------------------ */

div.left {
	top:					170px;
	left:					25px;
	width:             		200px;
}

/* annotation space stuff ------------------------------------------ */

div.annotation {
	top:					285px;
	left:					25px;
	width:             		200px;
}

div.annotation p {
	color:					rgb(51,51,204);
}

/* main display stuff ---------------------------------------------- */

div.main {
	top:					100px;
	left:					245px;
	padding-right:			25px;
	padding-bottom:			25px;
}

/* postit stuff ---------------------------------------------------- */

.postit_default {
	background-color:		rgb(255,255,204);
}

.postit_green {
	background-color:		rgb(204,255,204);
}

.postit_blue {
	background-color:		rgb(204,204,255);
}

/* date input stuff ------------------------------------------------ */

div#datefieldmessage {
	font-size:				0.75em;
}

div#datefieldmessage.error {
	color:					red;
}

input#datefield.error {
	background-color:		pink;
}

/* menu stuff ------------------------------------------------------ */

div.menu {
	border-left: 			1px solid rgb(175,175,175);
	border-top: 			1px solid rgb(175,175,175);
	position:				static;
	z-index:           		150;
	text-align:				center;
}

div.menu table {
	width:					200px;
	background-color: 		transparent;
	margin:					0px;
	border-collapse: 		collapse;
}

div.menu table td {
	width:					200px;
	margin:					0px;
	padding:				0px;
	border-collapse: 		collapse;
}

div.current {
	position:				relative;
	background-color: 		rgb(0,102,255);
	color:					rgb(255,255,255);
	display:				block;
	text-decoration:		none;
	text-align:				center;
	vertical-align:			center;
	height:					18px;
	border:					0px;
}

div.menu a {
	font-weight:			normal;
	font-size:         		8pt;
	text-align:				center;
	line-height:			18px;
}

div.menu a, div.menu a:link, div.menu a:visited {
	background-color: 		rgb(245,245,245);
	color: 					rgb(102,102,102);
	display:				block;
	text-decoration:		none;
}

div.menu a:hover, div.menu a:active {
	background-color:		rgb(51,153,255);
	color:					rgb(255,255,255);
}

/* calendar stuff -------------------------------------------------- */

table.calendar {
	margin:					auto;
	margin-top:				10px;
	margin-bottom:			10px;
	border:					1px #999999 solid;
	background-color:		#ffffff;
}

td.calmonthname {
	text-align:				center;
	background-color:		#dfdfdf;
	color:					#000066;
	font-weight:			normal;
	padding:				5px;
}

td.calcell, td.caltoday {
	text-align:				center;
	width:					2.5em;
	font-weight:			bolder;
	color:					#000066;	
}

td.caltoday {
	background-color:		#dfdfdf;
}

td.calblank {
	width:					2.5em;
	background-color:		#f8f8f8;	
}

th.caldayname {
	padding:				2px;
	background-color:		#cccccc;
	color:					#333333;
	font-weight:			bolder;
	border:					1px silver solid;
	border-collapse:		collapse;
}

/* that's all folks ------------------------------------------------ */