/*global properties*/
body{
	margin:0;
	padding:0;
	text-align:center;
	font: 0.75em/100% verdana,arial, helvetica, lucida;
	background:#444;
}

hr{
	border:none;
	height:1px;
	background-color:black;
	margin:0 25px;
}
h1,h2{
	color:#ccc;
	font-family:"Times New Roman";
}




/*page properties*/
div#wrapper{
	margin:0 auto;
	width:950px;
	text-align:left;	
}
	ul#main-nav{
		margin:0 25px 25px 0;
		padding:10px;
		background:black;
		list-style:none;
		float:right;
		overflow:hidden;
	}
		ul#main-nav li{
			float:left;
			margin-right:21px;
			margin-left:11px;	
		}
		ul#main-nav li a{
			text-decoration:none;
			color:#373737;
		}
		ul#main-nav li a:hover{
			color:#ccc;
		}
		ul#main-nav li.logout a{
			text-decoration:none;
			color:#ccc;
		}		
		
	div#header{
		clear:both;
		margin:35px 25px 8px;
		padding:2px 8px;
		background:#373737;
		border:1px solid black;
		overflow:hidden;
	}
		div#header h1{ 
			font: 430% "Times New Roman";
			margin:0 0 0 4px;
			padding:0;
			display:inline;
			float:left;
		}
		div#header h1 a{
			color:#ccc;
			text-decoration:none;
			margin:0;
			padding:0;
			display:inline;
		}

			div#header a.headbutton{ 
				float:right;
				text-align:center;
				font-size: 150%;
				background:#34431b;
				color:#c3ff66; /*87af46*/
				margin:18px 6px 10px;
				padding:10px;
				display:block;
				text-decoration:none;
				width:150px;
				border:1px solid #2f2f2f;
			}
			div#header a.headbutton:hover{
				background:#4b5f26;
				border:1px solid #1d1d1d;
			}
			div#header form{
				float:right;
				margin:19px 6px 10px 0;
				padding:0;
			}
			div#header form input{
				float:left;
			}
			div#header form input#student{
				width:160px;
				margin:0 2px 0 0;
				padding:6px 0 0px 4px;
				height:25px;
				line-height:29px;
				font-size:130%;
				border:0;
				border:1px solid #2f2f2f;
			}
				input.search_prompt{
					color:#999;
				}
			div#header form input#submit{
				text-align:center;
				font-family:verdana;
				font-size:150%;
				padding:3px;
				background:#34431b;
				color:#c3ff66;
				border:none;
				border:1px solid #2f2f2f;
			}
				div#header form input#submit:hover{
					background:#4b5f26;
				}	
	
	
	
/* this contains all games content ****************************/
	div#home-content{
		margin:22px 0 20px;
		padding:0 10px 0 40px;
	}
	
		/*these are the h3 session titles*/
		div#home-content h3{
			font-weight:normal;
			margin:25px 0 5px 60px;
			color:#999999;
		}

		div#home-content p.grey{
			color:#7f7f7f;
		}
		div#home-content ul{
			margin:0 0 0 61px;
			padding:0;
			list-style:none;
			overflow:hidden;
		}
					div#home-content ul li{
						margin:0 7px 0 0;
						padding:0;
						float:left;
					}
						div#home-content ul li a{
							display:block;
							width:117px;
							padding:14px 0 14px 10px;
							background:#373737;
							border:1px solid black;
							text-decoration: none;
							color:#c3ff66;
						}
						div#home-content ul li a:hover{
							background:#2f2f2f;
						}
				
						
/* this is the LINK for the Game Stats drop down*/						
		p.showStats{
			margin:-10px 30px 0 0;
			padding:0 0 2px 0;
			border-bottom:1px solid #2f2f2f;
		}
						div#home-content p.showStats a{
							padding:0 5px 0 10px;
							background:#34431b url('../images/g-arrow-right.gif') 1% 65% no-repeat;
							color:#a2d354;
							text-decoration:none;
							border:1px solid #2f2f2f;
						}
						div#home-content p.showStats a:hover, div#home-content p.showStats a:active{
							background:#4b5f26 url('../images/g-arrow-down.gif') 1% 65% no-repeat;
							border:1px solid #2f2f2f;
						}
	
	
						
/* this is the Game Stats drop down*/						
		div#home-content div.scores{
			overflow:hidden;
			margin:0px 30px 0 0;
			padding:15px 5px 5px;
			/*background: rgba(255, 255, 255, 0.2);*/
			background:#5b5b5b;
		}
	
		table.stats-tbl1 tr th, table.stats-tbl2 tr th{
			color:#ccc;
		}
		table.stats-tbl1 tr td{
			color:#FFF059;/*cabd00 b37100*/
		}
				table.stats-tbl1 tr td span{
					color:black;
				}
				
				
				
					
/* this is the first table "Stats" in the Game Stats drop down*/
						div.home-stats{
							width:323px;
							margin-right:7px;
							float:left;
						}
						
								div.home-stats table{
									margin-top:-2px;
									padding:0;
									border:none;
									/*border-bottom:1px solid black;*/
								}
										div.home-stats table th{
											border-bottom:1px solid black;
										}
										
										table.stats-tbl1 th{
											width:322px;
										}	
										
																	
								
/* this is the Top Players Performance table in the Game Stats drop down*/
						div.home-performance{
							width:500px;
							float:left;
						}
								div.home-performance table{
									margin:0;
									padding:0;
									border-spacing:0;
									border:none;
									/*border-bottom:1px solid black;*/
								}

										div.home-performance table th{
											border-bottom:1px solid black;
										}
										
										table th.tbl2-th1{
											width:270px;
											padding-left:20px;
										}
										table th.tbl2-th2{
											width:52px;
										}
										table.stats-tbl2 tr td span{
											color:#FFF059;
											padding:0 2px 0 20px;
										}
										
										
				
				
										
/* this is the sub page content areas*/
div#student-left{
	float:left;
	width:330px;
}
div#student-right{
	float:left;
	width:523px;
	margin-left:15px;
	padding-bottom:20px;
}
		div#home-content h2{
			font-weight:normal;
			font-size:200%;
			padding-top:20px;
			margin-bottom:10px;
		}
		div#home-content h2 span{
			color:#5b5b5b;
		}
/*		div.greenbar{
			margin:0px 30px 0 0;
			background:#c3ff66;
			border:1px solid #34431b;
			color:#34431b;
		}
			div.greenbar p{
				margin:0;
				padding:10px;
			}*/



/* this is the student finder table */
		table#allplayers{
			width:870px;
			border-spacing:0;
			border:1px solid #2f2f2f;
			background:#5b5b5b;
		}
		table#allplayers th{
			background:#34431b;
			padding:8px 10px;
			color:#c3ff66;
			border-bottom:1px solid #2f2f2f;
		}
			table#allplayers th.allplayers-th1{
				width:327px;
			}
			table#allplayers th.allplayers-th2{
				width:248px;
			}
			table#allplayers th.allplayers-th3{
				width:35px;
			}
			table#allplayers th.allplayers-th4{
				width:;
			}
			
		table#allplayers td{
			padding:5px 10px;
		}
		table#allplayers tr > td:first-child{
			color:#333;
			font-weight:bold;
		}

			
			
/* this is the player tables for one students performance */			
			table.player{
				margin-top:33px;
				width:330px;
				border-spacing:0;
				border:1px solid #2f2f2f;
				background:#5b5b5b;
			}
				table#player-overall, table#player-profile{
					margin-top:0;
				}
			table.player th{
				background:#34431b;
				padding:8px 10px;
				color:#c3ff66;
				border-bottom:1px solid #2f2f2f;
			}
			table.player td{
				padding:5px 10px;
				color:#333;
				font-weight:bold;
			}
				table.player td.game_titles{
					width:255px;
				}
			table.player td.playerdata{
				text-align:right;
			}
			table.player td span{
				color:#000;
				font-weight:normal;
			}
			table.player td span span{
				color:#666;
				font-weight:normal;
			}
				table.player th.player-th1{
					width:215px;
				}
				table.player th.player-th2{
					width:50px;
				}
				
				
/* this is the player profile table */
			table#player-profile {
				width:525px;
			}
			table#player-profile a, table#player-profile a:visited{
				color:#000;
			}
			table#player-profile a:hover{
				color:#000;
			}
			table#player-profile td.profile_titles {
				width:360px;
			}




/* this begins the sign-up form */
			div#sign_up_wrapper{
				margin-right:30px;
				padding:10px;
				background:#cccccc;
				overflow:hidden;
			}
			div#sign_up_wrapper #signup_feedback{
				background:#ffea88;/*8f0000*/
				border:1px solid #cf9700;
			}
					#signup_feedback p{
						margin:5px 10px;
						color:#cf9700;
						font-weight:bold;
					}
			div#sign_up_wrapper hr{
				height:1px;
				border-bottom:1px solid #999;
				margin:15px 60px;
			}
			div#sign_up_wrapper form{
				float:left;
				width:50%;
				margin:30px 0 20px 0;
				padding:0;
			}
					form table.sign_up_form tr td{
						padding-top:5px;
					}
					form table.sign_up_form tr td.input-hint{
						padding-top:0px;
						margin-left:20px;
						color:#ccc;
					}
					form table.sign_up_form tr td.input-hint span{
						margin-left:25px;
						color:#444;
					}
					form table.sign_up_form tr td span{
						margin-left:5px;
						color:#444;
					}
					div#sign_up_wrapper table tr > td:first-child{
						font-weight:bold;
						text-align:right;
						width:140px;
					}
					div#sign_up_wrapper table tr td input{
						margin-left:15px;
					}
					div#sign_up_wrapper form input.sign_up_submit{
						width:155px;
						margin-top:15px;
						padding:5px;
						font-size:140%;
						background:#34431b;
						border:1px solid #106b00;
						color:#fff;
					}
			div#benefits{
				float:left;
				width:40%;
				margin-left:10px;
				margin-top:10px;
			}
					div#benefits h2{
						padding:25px 0 32px 75px;
						font-size:220%;
						color:#333;
					}
						div#benefits h2#save{
							background: url('../images/benefits-floppy.jpg') center left no-repeat;
						}
						div#benefits h2#check{
							background: url('../images/benefits-search.jpg') center left no-repeat;
						}
						div#benefits h2#help{
							background: url('../images/benefits-help.jpg') .5% 50% no-repeat;
						}
					div#benefits p{
						margin:-43px 0 0 85px;
						color:#666;
						margin-right:80px;
						padding:20px 10px 0 0 ;
					}
					
#calendar{
	margin-top: 15px;
}
#calendar .fc-content table{
	background: #FFF;
}