.header { 
	font-size:9pt;				/* the size of the text in the header */
	color:#FFF;
	font-weight:bold;				/* the style of the regular text in the header */
	text-align:center;				/* the alignment of the regular text in the header */
	/*background:#0000FF;				/* header background */
	background:#585858;				/* header background */
	border-color:#585858;				/* the border color of the header */
	}
.header a:link {
	font-size:9pt;				/* the size of the text in an active link */
	color:#FFF;				/* font color of links in a header not visited */
	font-weight:bold;				/* the style of the text of an active link */
	text-align:center;				/* the alignment of the text of an active linke */
	/*background:#0000FF;				/* background of links in a header not visited */
	background:#585858;				/* background of links in a header not visited */
	border-color:#585858;				/* the border color of the header with active links */
	}
.header a:visited {
	font-size:9pt;				/* the size of the text in the header on a visited link */
	color:#FFF;					/* font color of links in a header visited */
	font-weight:bold;				/* the style of the text on a visited link */
	text-align:center;				/* the alignment of the text on a visited link */
	/*background:#0000FF;				/* background of links in a header visited */
	background:#585858;				/* background of links in a header visited */
	border-color:#585858;
	}
.elim { 
	text-decoration: line-through;
	background:#0000FF;
	color:red;
	}
.scores {
	color: #781351;
	background: #FFFF00;
	border: 1px solid #781351;
	width: 1em;
	text-align:center;
	}
.detail {
	font-size:8pt;
	text-align:center;
	background:#F80;
	}
.schedule {
	font-size:12pt;
	color:#660000;
	font-weight:bold;
	background:#6699CC;
	}
.rleader {
	font-size:10pt;
	color:#660000;
	font-weight:bold;
	background:#FFFF00;
	text-align:center;
	}
.rwinner {
	font-size:10pt;
	color:#000;
	font-weight:bold;
	background:#66FF00;
	text-align:center;
	}
.bgood {
	font-size:8pt;
	text-align:center;
	}
.bbad {
	font-size:8pt;
	text-align:center;
	text-decoration:line-through;
	color:red;
	}

/* these are used by the adminuser page */
.add {
	border-style: solid;
	border-color: black;
	border-bottom: 2px;
	border-left: 2px;
	border-right: 2px;
	}

.textbox {
	border: solid black 1px;
	background:#d0d0d0;			/* this color indicates that it can't be edited */
	text-align:left;
	}


/* the following section is for the chat window and the welcome */
/* message on the home page */
.chat_time {                                   
	color:#FF0000;			/* the color of the text for the time in the chat window */
	font-weight: bold;			/* the css of the time sent in the chat window */
	font-size: 10pt;			/* the font size of the time sent in the chat window */
	}
.msg_text {                                    
	font-size:12pt;			/* the size of the text in the chat window */
	color:#0000FF;			/* the color of the text of the chat */
	}
.chat_style {
	height:250px;				/* the height of the chat window */
	width:100%;				/* the width of the chat window */
	overflow:scroll;			/* determine the behaviour of the vertical scroll bar */
	background-color:#E8E8E8 ;		/* the background color of the chat window */
	border:1px solid #555555;
	}
.welcome_msg {         
	font-size:14pt;			/* the size of the text for the welcome message */
	text-align:center;			/* the alignment of the text for the welcome message */
	}

/* this section is the style for the countdown timer on the main page */
.countdown {
	font-size: 24pt;
	position:absolute;
	color: #d00606;
	}	
img.picked {
	-ms-interpolation-mode:bicubic;
	width:23px;
	height:19px;
	}
img.blocked {
	-ms-interpolation-mode:bicubic;
	width:19px;
	width:19px;
	}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs {
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 10px arial;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	}
.shadetabs li {
	display: inline;
	margin: 2;
	}
.shadetabs li a {
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 0px;
	border: 1px solid #778;
	/*color: #c0c0; */
	color: #000;
	background: white url(../images/shade.gif) top left repeat-x;
	height:100px;
	}
.shadetabs li a:visited {
	color: #c0c0;
	}
.shadetabs li a:hover {
	text-decoration: underline;
	background:yellow;
	color:#000000;
	}
.shadetabs li a.selected { /*selected main tab style */
	position: relative;
	color: yellow;
	font: bold 14px arial;
	top: 1px;
	}
.shadetabs li a.selected { /*selected main tab style */
	background-image: url(../images/shadeactive.gif);
	background:#000000;
	border-bottom-color:#000000;
	}
.shadetabs li a.selected:hover { /*selected main tab style */
	text-decoration: none;
	}
.btn-back {
	display: inline-block;
	position: absolute;
	z-index: 1;
	padding: 0 10px 0 30px;
	left: 10px;
	top: 10px;
	line-height: 44px;
	text-shadow: 0 -1px #4d4d4d;
	color: #E5E5E5;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12px;
	}
.btn-back:before {
	content: '';
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 20px;
	right: 0;
	height: 34px;
	margin-top: 5px;
	z-index: -1;
	border: 1px solid #808080;
	border-bottom-color: #808080;
	border-top-color: #4d4d4d;
	border-left-width: 0;
	border-radius: 5px;
	background: #808080;
	background-image: -webkit-linear-gradient(top, #b3b3b3, #4d4d4d);
	background-image: -moz-linear-gradient(top, #b3b3b3, #4d4d4d);
	background-image: -ms-linear-gradient(top, #b3b3b3, #4d4d4d);
	background-image: -o-linear-gradient(top, #b3b3b3, #4d4d4d);
	background-image: linear-gradient(top, #b3b3b3, #4d4d4d);
	}

.btn-back:after {
	content: '';
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 11px;
	height: 27px;
	width: 26px;
	top: 8px;
	z-index: -2;
	border: 1px solid #FFF;
	border-top: 0 transparent;
	border-right: 0 transparent;
	border-bottom-color: #808080;
	border-left-color: #4d4d4d;
	border-radius: 7px 5px 5px 7px;
	background: #808080;
	background-image: -webkit-linear-gradient(315deg, #b3b3b3, #4d4d4d);
	background-image: -moz-linear-gradient(315deg, #b3b3b3, #4d4d4d);
	background-image: -ms-linear-gradient(315deg, #b3b3b3, #4d4d4d);
	background-image: -o-linear-gradient(315deg, #b3b3b3, #4d4d4d);
	background-image: linear-gradient(315deg, #b3b3b3, #4d4d4d);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.btn-back:hover:before {
	background-image: -webkit-linear-gradient(top, #b3b3b3 -25%, #4d4d4d 75%);
	background-image: -moz-linear-gradient(top, #b3b3b3 -25%, #4d4d4d 75%);
	background-image: -ms-linear-gradient(top, #b3b3b3 -25%, #4d4d4d 75%);
	background-image: -o-linear-gradient(top, #b3b3b3 -25%, #4d4d4d 75%);
	background-image: linear-gradient(top, #b3b3b3 -25%, #4d4d4d 75%);
	}
.btn-back:hover:after {
	background-image: -webkit-linear-gradient(315deg,#b3b3b3 -25%, #4D4D4D 75%);
	background-image: -moz-linear-gradient(315deg,#b3b3b3 -25%, #4D4D4D 75%);
	background-image: -ms-linear-gradient(315deg,#b3b3b3 -25%, #4D4D4D 75%);
	background-image: -o-linear-gradient(315deg,#b3b3b3 -25%, #4D4D4D 75%);
	background-image: linear-gradient(315deg,#b3b3b3 -25%, #4D4D4D 75%);
	}
.btn-back:active:before,.btn-back:active:after {
	background: #4D4D4D;
	box-shadow: inset 0px 1px 0px #4d4d4d;
	}
.btn-back:active:after {
	box-shadow: inset 1px 1px 0px #4d4d4d;
	}