@charset "utf-8";

/****************************************************************************************
 *                Button rules
 ****************************************************************************************/
button
{
   padding: 3px 5px;
   background-color: #9fc9f2;
}

button.bigButt
{
   font-size: 125%;
   font-weight: bold;
   padding: 9px 15px;
   border: 3px solid #000000;
}

button:hover { cursor: pointer; }

div#calendarDTNext { width: 40%; float: right; }

/************************** Footer rules *******************/
#footer
{
   clear: both;
   text-align: center;
   color: #000000;
   font-size: 90%;
   padding-top: 7px; padding-bottom: 15px;
}

/************************** Header rules *******************/
div#header
{  
	padding: 0px 1%;
	width: 98%;
   float: left;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 15px 0px;
}

div#header p { text-align: center; }

/************************** Main content rules *******************/
div#main
{
}

div#matchRidersDIV, div#cartDIV    { width: 50%; float: right; }

div#matchSledsDIV, div#itemListDIV { width: 50%; float: left; }

div#progress
{
   clear: both;
   width: 20%;
   float: left;
   font-size: 90%;
}
div#progress * { font-size: 90%; }

div#selectedSleds { width: 40%; float: right; }

div#sledCalendar   { width: 60%; float: left; }

div#tabsDIV
{
   -moz-border-radius: 16px;
   background-color: #f5f5f5;
   border: 2px solid #000000;
   border-radius: 16px;
   float: left;
   margin-left: 20%;
   padding: 20px 0px;
}
div#tabsDIV * { font-size: 95%; }

/************************************************   dl rules  */
dl
{
}

dd
{
   margin: 5px 25px;
   display: none;
}


dl.resNav dt
{
   padding: 5px 15px;
   margin: 0px 25px 5px 0px;
}

dl.resNav dt:hover
{
   cursor: pointer;
}

dl.resNav dd
{
   border: 3px solid #000000;
   overflow: auto;
   margin: 0px 50px 10px 25px;
   padding: 5px 25px 5px 25px;
}


dl.seatSelection
{
}

dl.seatSelection dt
{
   font-weight: bold;
   font-size: 105%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
}

dl.seatSelection dd
{
   margin: 0px 0px 5px 12px;
   padding: 0px 0px 0px 0px;
   display: block;
   border: 0px;
}


dl.progress
{
}

dl.progress dt
{
   font-weight: bold;
   margin: 0px 2px 5px 0px;
   padding: 0px;
   color: #000000;
}

dl.progress dt button
{
   margin: 0px 10px 0px 10px;
   padding: 0px;
}

dl.progress dd
{
   font-size: 90%;
/*   color: #485eee;  */
   border: 0px;
   margin: 1px 3px 5px 25px;
   padding: 0px;
}

dl#resReviewDL
{
   margin-top: 25px;
}

dl#resReviewDL dt
{
   margin: 5px 5px 5px 5px;
   font-weight: bold;
}

dl#resReviewDL dt:hover
{
   cursor: pointer;
}

input, select, textarea
{
   margin: 7px 25px;
   padding: 3px 5px;
   background-color: #ffffff;
}

label { padding: 5px; }

option
{
   padding: 3px 5px;
   background-color: #ffffff;
}

/************************** Tab rules *******************/
ul.tabs
{
   background: #f5f5f5 url(tab-border.gif) repeat-x bottom;
   clear: left;
   float: left;
   list-style: none;
   padding: 5px 3% 0 3%;
}

ul.tabs li
{
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   float: left;
   display: block;
   margin: 0 5px 0 0;
   padding: 6px 12px;
   color: #ffffff;
   border: 1px solid #000000;
   border-bottom: none;
   background: rgb(72,94,238);
}

ul.tabs li:hover
{
   font-weight: bold;
   cursor: pointer;
}

ul.tabs li.tabOn
{
   background-color: #f5f5f5;
   color: #485eee;
   border-bottom: 1px solid #f5f5f5;
}

/****************************************************************************************
 *                Table rules
 ****************************************************************************************/
table
{
   border: 0px;
}

table tr
{
   vertical-align: top;
   text-align: left;
   background: #e6e6e6;
}

table th, table td
{
   vertical-align: top;
   text-align: center;
   padding: 7px;
}

table.reviewTable
{
   border: 3px solid #000000;
   -moz-border-radius: 5px;
}

table.reviewTable th
{
   text-align: left;
   font-weight: bold;
   background-color: #33FF66;
   padding-right: 10px;
}

table.reviewTable td
{
   padding-left: 10px;
   text-align: left;
}

table th.sledStatus0, table td.sledStatus0, table th.sledStatus1, table td.sledStatus1, table th.sledStatus2, table td.sledStatus2, table th.sledStatus3, table td.sledStatus3, table th.sledStatusHold, table td.sledStatusHold
{
   border: 2px solid #0000FF;
   color: #000000;
}

table th.sledStatus0, table td.sledStatus0
{
   background-color: #00FF00;
}

table th.sledStatus1, table td.sledStatus1
{
   background-color: #FFFF00;
}

table th.sledStatus2, table td.sledStatus2
{
   background-color: #FF6464;
}

table th.sledStatus3, table td.sledStatus3
{
   background-color: #000000;
   color: #FFFFFF;
}

table th.sledStatusHold, table td.sledStatusHold
{
   background-color: #ff8000;
}

table th
{
   font-weight: bold;
}

table.resTable th
{
   text-align: left;
   font-weight: bold;
}

table.resTable td
{
   text-align: left;
}

li
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}


p
{
   margin: 0px; margin-bottom: 10px;
}

.resInfoDIV
{
/*   background-color: #0203aa; */
}

.incomplete {
   font-weight: bold;
   background-color: #FF6464;
}

.complete {
   font-weight: bold;
   background-color: #33FF66;
}

.listen {
   font-weight: bold;
   background-color: #FF3366;
   text-align: center;
}

.hidden
{
   display: none;
}

.center
{
   text-align: center;
}


a
{
   text-decoration: none;
   color: #000000;
}

a:hover
{
   font-weight: bold;
}

h1
{
   color: #485eee;
   font-size: 150%;
   padding-bottom: 10px;
}


/*
                  Calendar styles
*/

.cpYearNavigation, .cpMonthNavigation
{
   background-color: #C0C0C0;
   text-align: center;
   vertical-align: middle;
   text-decoration: none;
   color: #000000;
   font-weight: bold;
}

.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText
{
   font-family:arial;
   font-size:8pt;
}

TD.cpDayColumnHeader
{
   text-align:right;
   border:solid thin #C0C0C0;
   border-width:0px 0px 1px 0px;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate { text-align:right; text-decoration:none; }
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate { color:#808080; }
TD.cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }
TD.cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
A.cpTodayText { color:black; }

.cpTodayTextDisabled
{
   color:#D0D0D0;
}

.cpBorder
{
   border:solid thin #808080;
}