
<style type="text/css">

.scrollbox {padding: 10px; height: 100px; width: 200px; border: 1px solid #999999; overflow: auto; background-color: #F1F1EB;}

h1 {font-size:         15px}
h2 {font-size:         13px}
h3 {font-size:         12px}
h4 {font-size: 10px}

body {
  color: 006633;
  background-color: #FFFFFF;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
}

div.guide {
  display:none;
}

div.help {
  display:none;
  background-color: #AAD77D;
}

pre.pretty {
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
}

table.td, table.th {
  padding : 20;
}

td, th {
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
}

table.main {
  border-style: none;
  width: 750px;
  margin-right:auto; margin-left:auto;
  background-color: #FFFFFF;
  border-collapse: collapse;
}

table.main td, table.main th {
padding : 0;
}

table.transparent {
  border-style: none;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

table.transparent td, table.transparent th {
  padding : 3;
}

table.transparent_border {
	border-width: 1px;
	border-spacing: 5px;
	border-style: outset;
	border-color: #C0C0C0;
	border-collapse: collapse;
	background-color: transparent;
}

table.transparent_border td, table.transparent_border th {
  border-color: #C0C0C0;
  padding: 3px;
}

table.transparent_bottom_border {
	border-style: none;
	border-color: #C0C0C0;
	border-collapse: collapse;
	background-color: transparent;
}

table.transparent_bottom_border td, table.transparent_bottom_border th {
  padding: 3px;
}

table.transparent_narrow {
  border-style: none;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

table.dynamic {
  padding: 1px;
  border-collapse: collapse;
}

table.c1, table.c1_sortable {
  width: 95%;
  background-color: #E8E8E8;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  border-collapse: collapse;
}

table.c1 td, table.c1 th, table.c1_sortable td{
  padding : 2;
}

tr.standard {
    border-collapse:collapse;
    background-color: #E8E8E8;
    padding: 2px;
    font-family: Verdana;
    font-style: Normal;
    font-weight: normal;
    font-size: 10px;
    vertical-align: middle;
}

tr.standard td {
  border: 1px solid #C0C0C0;
}

td.noborder {
  border-width: 0px;
  padding: 1px;
  background-color: #F0F0F0;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}

td.backgroundcolor_noborder {
  border-style: none;
  background-color: #FFFFFF;
  vertical-align: middle;
}

td.border_no_background {
  border: 1px solid #C0C0C0;
  border-color: #C0C0C0;
  padding: 2px;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}

td.c1, th.c1, th.sorttable_nosort {
  border: 1px solid #C0C0C0;
  padding: 2px;
  background-color: #E8E8E8;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}

td.c2 {
  border: 1px solid #C0C0C0;
  padding: 2px;
  background-color: #F0F0F0;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}

td.c3 {
  border-width: 0px;
  padding: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  background-color: #FFFFFF;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}

td.c4 {
  border-width: 0px;
  padding: 1px;
  border-style: solid;
  border-color: #C0C0C0;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}

button.c1 {
  vertical-align: middle;
  background-color: #E8E8E8;
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
}

button img {
vertical-align:middle;
}

select {
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
}

input {
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
}

textarea {
  font-family: Verdana;
  font-style: Normal;
  font-weight: normal;
  font-size: 10px;
}

a:visited { color: #3399CC; }
a:link    { color: #3399CC; }
a:active  { color: red; }
a:hover  { color: #008000; }

/* Playoff tree */
.t_ltb {
	border-left: 1px solid;
	border-left-color: #C0C0C0;
	border-top: 1px solid;
	border-top-color: #C0C0C0;
	border-bottom: 1px solid;
	border-bottom-color: #C0C0C0;
    background-color: #E8E8E8;
    font-family: Verdana;
    font-style: Normal;
    font-weight: normal;
    font-size: 10px;
}

.t_r {
	border-right: 1px solid;
	border-right-color: #C0C0C0;
}

.t_rtb {
	border-right: 1px solid;
	border-right-color: #C0C0C0;
	border-top: 1px solid;
	border-top-color: #C0C0C0;
	border-bottom: 1px solid;
	border-bottom-color: #C0C0C0;
    background-color: #E8E8E8;
    font-family: Verdana;
    font-style: Normal;
    font-weight: normal;
    font-size: 10px;
}

.t_tb {
	border-top: 1px solid;
	border-top-color: #C0C0C0;
	border-bottom: 1px solid;
	border-bottom-color: #C0C0C0;
    background-color: #E8E8E8;
    font-family: Verdana;
    font-style: Normal;
    font-weight: normal;
    font-size: 10px;
}

/* CalendarPickerControl */

div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: buttonface;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.monthnameLNX{
	width: 100%;
	font: normal 13px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
	background-color: buttonshadow;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.daynameLNX{
	font: normal 11px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: highlight;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: threedshadow;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}

#CalendarPickerControl td.weekend:hover{
	background-color: buttonshadow;
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: buttonhighlight;
	color: inactivecaptiontext;
	border: 1px solid buttonhighlight;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: buttonface;
	color: inactivecaptiontext;
	border-width: 0px;
}

/* Sortable tables */
table.c1_sortable th.c1 {
    text-decoration: underline;
    color: #3399CC
    }
}

</style>
