@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 *******************/
div#footer {
   clear: both;
   text-align: center;
   color: #000000;
   font-size: 90%;
   padding-top: 7px; padding-bottom: 15px;
}

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

div#headerLeft {  
   float: left;
   margin: 0px;
   padding: 0px;
   width: 20%;
}

div#headerRight {  
   float: right;
   margin: 0px;
   padding: 0px;
   width: 80%;
}

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

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

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

div#progress * { font-size: 90%; }

div#resDescription {
	background-color: #E6E6E6;
	border: 2px solid black;
	border-radius: 7px;
	font-weight: normal;
	margin-left: 10px;
	padding: 10px;
}

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%; }

div#seasons, div#trySearch { clear: both; }

/************************************************   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; }

img { width: 100%; }

img.sResults {
   float: left;
   width: 350px;
}

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

input.checkBox {
   height: 20px;
   margin: 0px;
   width: 50px;
}

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;
	border-collapse: collapse;
}

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.sledSeating {
	border: 2px #000000 solid;
}

table.sledSeating td, table.sledSeating th{
	border: 1px #000000 solid;
}

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;
	cursor: pointer;
}

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;
	cursor: pointer;
}

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;
}

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

.infoDIV {
   clear: both;
}

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

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

.center {
   text-align: center;
}

.navButtonsDIV {
	background-color: #e6e6e6;
	border: 2px solid #000000;
	border-radius: 7px;
	margin: 0px 15%;
	padding: 0px 20px;
}

.navButtonsTable {
	border-collapse: collapse;
}

.navButtonsTable td {
	text-align: center;
	vertical-align: middle;
}
	
.navButtonsTD {
	width: 25%;
}

.somePadding {
	padding: 10px 0px;
}

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

a:hover {
   font-weight: bold;
}

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