body
{
font-family: arial, verdana;
font-size: .9em;
color: black;
background-color: #40608b;
}


a img {border : 0}

form
{
}

input
{
	font-size: 1.2em;
}

#page
{
background-color: white;
width: 90%;
margin-left: auto;
margin-right: auto;
border : 1px solid #000000;
padding: 0px;
padding-top: 0px;

}

.rosterForm
{
	text-align: center;	
}

#hyperlinks
{
text-align: center;
}

#hyperlinks a 
{
padding : 0px 10px;
}



#instructions 
{
margin :30px;
}

#instructions dt
{
font-weight: bold;
margin-top: 10px;
}


#legend
{
text-align: center;
margin: 20px;
}

.legend
{
display: inline;
margin : 30px;
padding: 5px;
border: 1px solid;
}



#header
{
border : 1px solid #FFFFFF;
position: relative;
margin: 10px;
padding: 0px;
text-align: center;
}

#afterHeader
{

	clear : both;
}


#content
{
	margin : 20px;
}


#logo
{
float: right;
}

#roster td
{
	padding : 5px;
	text-align: center;

}

.one { background-color: #ffb0b0;}
.two { background-color: #fff79d;}

.available { background-color: #a0ffdd;} 
.requested { background-color: #20aa66;} 
.reserved { background-color: #ddaadd;} 
.completed { background-color: #dddddd;}
.cancelled { background-color: #000000; color: #ffffff;}
.cancelled a { color: #ffffff;}



.nightType 
{
	font-style : italic;
	font-size : .7em;
}



	

#playerTallies
{
margin : 30px;
}


#tally th
{
	padding : 0 10px;
	text-align : left;
}



#tally td
{
	padding : 0 10px;
}

.tallyName
{
	text-align : left;
}
.tallyNumber
{
	text-align : center;
}
		

		
		


#requestForm
{
width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom : 50px;
}


#requestForm th
{
text-align: right;
padding-right: 10px;
}

.requestHeader
{
text-align: left;
font-weight: bold;
}

.error
{
padding-left: 10px;
color: red;
}

#successEmail
{

margin : 100px 20px 200px 20px;
text-align : center;

}
		
		
#reminder
{
	margin : 30px;
}