select
{ 
  font-family:arial;
  font-size:110%;
}

input
{ 
  font-family:arial;
  font-size:110%;
}

CAPTION.mrt
{
  background-color:#8080ff;
  color:white;
  border-style:solid;
  border-width:2px;
  border-color:black;
}

TABLE.mrt
{ 
  font-family:arial;
  font-size:110%;
  background-color:#808080;
  border-collapse:collapse;
  border-style:solid;
  border-color:beige;
  border-width:2px;
  padding:2px;
  /* width:450px; */
}

TABLE.bowling
{ 
  font-family:arial;
  font-size:110%;
  /* width:300px; */
}

TABLE.schedule
{ 
  /*
     table-layout:fixed;
     border-collapse:collapse;
     border:thin solid #0000FF;
   */
  font-family:arial;
  font-size:110%;
  padding:2px 4px 2px 4px;
}

TH.mrt
{
  border-style:solid;
  border-color:black;
  border-width:2px;
  background-color:grey;
  color:black;
  border-style:solid;
  text-align:left;
}

TH.verticaltext
{
  writing-mode: tb-rl;
  filter: flipv fliph;
}

TR.mrt
{ 
}

TR.mrtOdd
{ 
  background-color:#FFCCFF;
  border-color:black;
}

TR.mrtEven
{
  background-color:#CCCCFF;
  border-color:black;
}

TD.mrt
{  
  color:black;
  border-style:solid;
  border-width:1px;
  text-align:right;
}

TR.scheduleOdd
{  
  color:black;
  background-color:#99FFCC;
}

TR.scheduleEven
{  
  color:black;
  background-color:#99FFFF;
}

TR.schedule
{ 
  background-color:#FF9999;
}

TH.schedule
{ 
  background-color:#CC6600;
  text-align:left;
}

TD.schedule
{  
  border-collapse:collapse;
  border-style:solid;
  text-align:left;
  border-top:0px;
  border-bottom:0px;
  border-left:0px;
  border-right:0px;
  padding:0px;
  margin:0px;
}

TD.mrtN
{  
  background-color:#CCCC99;
  color:black;
  border-style:solid;
  border-width:1px;
  text-align:right;
}

TH.right
{ 
  text-align:right;
}

TD.right
{ 
  text-align:right;
}

input.right
{ 
  text-align:right;
  width:3em;
}

span.green
{
  font-size:10pt;
  background-color:#006633;
  color:white;
  white-space: pre;
  
}

/* the div that holds the date picker calendar */
.dpDiv {
}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #505050;
  background-color: #ece9d8;
  border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
  border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
  background-color: #CCCCCC;
  border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
  background-color: #aca998;
  border: 1px solid #888888;
  cursor: pointer;
  color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
  background-color: #CCCCCC;
  border: 1px solid #AAAAAA;
  color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
  font-size: 12px;
  color: gray;
  font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
  color: #4060ff;
  font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: gray;
  background: #d8e8ff;
  font-weight: bold;
  padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: gray;
  background: #d8e8ff;
  font-weight: bold;
}

/* tabber styles */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}