body				{ background: #ffffff; margin:0px 0px 0px 11px; padding: 0px; font-size:0.8em; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
td,th,div,span,p		{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 11px; color: #000000; }
.head				{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-weight: bold; font-size: 11px; color: #990000; }
.notice				{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 11px; color: #707168; }
pre,.code			{ font-family: monospace,sans-serif; font-size: 11px; color: #000033; }

A					{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none; color: #003333; }
a:link				{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none; color: #707168; }
a:visited			{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none; color: #707168; }

input.button-small	{ font-size: 8pt; }

table.hide			{ width: 100%; border: solid 0px #ffffff; }
table.width100		{ width: 100%; border: solid 1px #000000; }
table.width99			{ width: 99%;  border: solid 1px #000000; border-collapse: collapse;}
table.width95			{ width: 95%;  border: solid 1px #000000; border-collapse: collapse;}
table.width75			{ width: 75%;  border: solid 1px #000000; border-collapse: collapse;}
table.width60			{ width: 60%;  border: solid 1px #000000; border-collapse: collapse;}
table.width50			{ width: 50%;  border: solid 1px #000000; border-collapse: collapse;}
table.width550		{ width: 550px;  border: solid 0px #000000; border-collapse: collapse;}
table.tip{
		border:0px solid #000;
		border-collapse: collapse;
		width: 250px;
	}

thead td				{ border:1px solid #000; font-weight:bold; color:#000; background-color: #c8c8e8; text-align: center; font-size: 12px; padding: 2px; }
	
td.center			{ text-align: center; }
td.left				{ text-align: left; }
td.leftErrors		{ text-align: left; color: #ff0000 ; font-weight: bold; }
td.right				{ text-align: right; }
td.category			{ background-color: #c8c8e8; color: #000000; font-weight: bold; vertical-align : top ; white-space: nowrap; }
td.category-right	{ background-color: #c8c8e8; color: #000000; font-weight: bold; vertical-align : top; text-align: right; white-space: nowrap; }
td.form-title		{ background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; }
td.table-title		{ background-color: #c8c8e8; color: #000000; font-weight: bold; text-align: center; font-size: 12px; }
td.topnav			{ background: #b49559; }
td.leftnav			{ background: #6699cc; width: 100%; }
td.location			{ background: #152652; }
td.HELP				{ background: #f9ecc5; font-size: 11px; padding-left: 4px; }
td.DIVIDER			{ background: #b49559; height: 2px; }
td.frameborder		{ border-bottom: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; }
td.frameErrors		{ border-bottom: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; background-color: #e8e8e8; }

td.row-1				{ background-color: #d8d8d8; color: #000000; }
td.row-2				{ background-color: #e8e8e8; color: #000000; }

tr.row-1				{ background-color: #d8d8d8; color: #000000; }
tr.row-2				{ background-color: #e8e8e8; color: #000000; }

tr.note				{ vertical-align: top; }
td.note-button		{ background-color: #c8c8e8; color: #000000; font-weight: bold; line-height: 1.4; }
td.note-public		{ background-color: #c8c8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; }
td.note-private		{ background-color: #e8e8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; }
td.note-note-public	{ background-color: #e8e8e8; color: #000000; width: 75%; }
td.note-note-private	{ background-color: #e8e8e8; color: #000000; width: 75%; }

hr					{ color: #999999; margin: 2px 0px 0px 0px; height: 1px; width: 36px; text-align : left;}

div.LEFTSUBNAV		{ text-indent: 3em; line-height: 0.8; }
div.small			{ font-size: 8pt; }

span.TITLE			{ font-size: 11px; font-weight: bold; }
span.HELP_TITLE		{ font-size: medium; font-style: italic; font-weight: bold; }
span.HELP_TEXT		{ font-size: small; }
span.required 		{ font-size: 8pt; color: #bb0000; }
span.frameErrors	{ color: #ff0000 ; font-weight: bold; }

h1					{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:1.3em; color: #707168; margin-bottom:0px; }
h2					{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 11px; color: #707168; }
h3					{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 11px; color: #707168; }
h3.frameErrors		{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-weight: bold; font-size: 11px; color: red; }
h4					{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 11px; color: #707168; }

INPUT				{ FONT-SIZE: 11px;FONT-FAMILY: Arial,Helvetica,Verdana,Geneva,sans-serif}
SELECT				{FONT-SIZE: 11px;FONT-FAMILY: Arial,Helvetica,Verdana,Geneva,sans-serif}
TEXTAREA			{FONT-SIZE: 11px;FONT-FAMILY: Arial,Helvetica,Verdana,Geneva,sans-serif}

.spacer1			{ font-family: monospace,sans-serif; font-size: 1px; }
.spacer2			{ font-family: monospace,sans-serif; font-size: 2px; }
.spacer3			{ font-family: monospace,sans-serif; font-size: 3px; }
.spacer5			{ font-family: monospace,sans-serif; font-size: 5px; }
.spacer10			{ font-family: monospace,sans-serif; font-size: 10px; }
.spacer20			{ font-family: monospace,sans-serif; font-size: 20px; }
.spacer40			{ font-family: monospace,sans-serif; font-size: 40px; }
.spacer60			{ font-family: monospace,sans-serif; font-size: 60px; }
.spacer80			{ font-family: monospace,sans-serif; font-size: 80px; }
.spacer100			{ font-family: monospace,sans-serif; font-size: 100px; }

#main_content  {
	margin:0;
	padding:0px 0px 0px 3px;
	border-left: 1px solid #C4C8CD;
}
#navbar .nav_element  {
	float:left;
	clear:none;
	height:16px;
	margin:0;
	padding:0;
	background:transparent;
}

/*
CORNSILK: #fff8dc
DARKSEAGREEN: #8fbc8f
LIGHTBLUE: #add8e6
LIGHTCORAL: #f08080
*/


#menuButtons {
	width: 205px ;
	height: 36px ;
	text-align: center ;
}
#menuButtons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#menuButtons li {
	overflow: hidden ;
	/* background-image: url('../images/reply.gif') ;
	background-repeat: no-repeat;  */
	margin: 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#menuButtons li a {
	color: #000 ;
	background-color: #e8e8e8 ;
	border: 1px outset #000 ;
	width: 200px ;
	text-decoration: none ;
	display: block ;
}
#menuButtons li a:hover {
	color: #fff ;
	background-color: #c8c8e8 ;
	cursor: pointer ;
}


.tooltipShadow {
	background: url('shadow.png');  /* translucent shadow */
 }
 
.tooltipContent {
    left: -4px; top: -4px;        /* how much of the shadow shows */
    background-color: #ff0;       /* yellow background */
    border: solid black 1px;      /* thin black border */
    padding: 5px;                 /* spacing between text and border */
    font: bold 8pt Arial;   /* small bold font */
}

/* These classes are used by the script as rollover effect for table */
	
.tableRollOverEffect{
	background-color:#c8c8e8;;
	color:#FFF;
}
	
.tableRowClickEffect{
	background-color:#F00;
	color:#FFF;
}

.borderit img{ border: 1px solid #ccc;} 
.borderit:hover img{ border: 1px solid navy; }
.borderit:hover{ color: red; /* irrelevant definition to overcome IE bug */ }