@import "html5reset.css";

* { outline-width:0!important;}
html,body { }
body { color:#666; font-family:Tahoma,Verdana,sans-serif; font-size:12px; line-height:150%; position:relative; }
a:link, a:active, a:visited, a:hover { color:#B73535; }
.clear { clear:both; }
	a.logout, a.home { display:block; font-size:11px; height:16px; margin:5px; padding:1px 18px 1px 1px; text-align:right; text-decoration:none; }
		a.logout { background:url(../_imgs/logout.png) right center no-repeat; }
		a.home { background:url(../_imgs/home.png) right center no-repeat; }
	a.addVariables { background:url(../_imgs/addVariables.png) left center no-repeat; padding:1px 1px 1px 18px; }
	#loading { background:url(../_imgs/white70.png); height:100%; position:absolute; right:0; top:0; width:100%; z-index:10; }
		#loading span { height:18px; margin-left:-50px; margin-top:-10px; left:50%; position:absolute; text-align:center; top:50%; width:100px; }
	#container { padding:10px; position:relative; }
		#container .box { background:#fbfbfb; border-bottom:1px solid #ccc; border-radius:15px; box-shadow:0 0 5px #ccc; float:left; margin:10px; padding:10px; }
		#container div#userInfo { background:#f6f6f6; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0 0 5px #ccc; padding:5px; position:fixed; right:10px; top:-75px; }
			div#userInfo #toggleUserInfo { cursor:pointer; display:block; font-size:10px; text-align:center; }
				#toggleUserInfo img { width:10px; }
		form#login { 
			text-align:center; 
			width:200px;
			background:#fff;
			padding:20px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px; 
		}
			#login fieldset { border:1px dotted #999; padding:10px; }
				#login fieldset legend { color:#B73535; font-size:16px; padding:0 3px; text-shadow:0 0 1px #B73535; }
			#login label { color:#333; display:block; font-size:11px; margin:0 auto; text-align:right; width:95%; }
			#login input[type="text"], #login input[type="password"], #login select { display:block; margin:0 auto 10px auto; width:95%; }
			#login input[type="submit"], * button { background:#B73535; border:none; border-radius:5px; color:#fff; cursor:pointer; font-size:13px; padding:3px 10px; }
				#login input[type="submit"]:hover, * button:hover { background:#345; }
		nav#u_menu span { float:left; padding:1%; width:18%; }
		table.listValues { margin:10px; }
		table.list { margin:5px; }
			table.listValues td, table.list td { border:1px solid #bbb; padding:10px; text-align:center; vertical-align:top; }
			table.list td { padding:1px; }
			table.listValues tr:first-child td:first-child { border-left:none; border-top:none; }
			table.listValues td.player, table.listValues td.period, table.list th { background:#678; color:#fff; font-weight:bold; padding:10px; text-transform:capitalize; }
			table.list th { border:1px solid #345; }
			table.list td input[type="text"] { border:1px solid #666; padding:2px; width:100px; }
			table.list td textarea { font-family:Courier,monospace; font-size:11px; height:90px; resize:vertical; width:160px; }
		.graph { float:left; height:250px; margin-left:20px; width:500px; }
		.generateGraph {  }
		#newPeriod { cursor:pointer; }
			#newPeriod:hover { background:#42ffbe; color:#000; }
		span.warning { background:url(../_imgs/warning.png) left center no-repeat; color:#CE3A2D; display:block; font-weight:bold; margin-top:20px; padding:1px 1px 1px 18px; }
		nav:after, #container:after, .graph:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }