/*
CSS file created with:Instant Blueprint - Create a web project framework in seconds.
http://instantblueprint.com

Project: ASUMsportDAY
File: css/style.css
Last edited: January 1, 2011, 9:13 am
*/

/*  Main  */
body {
	font-family: /*arial,sans-serif, 微軟正黑體, */Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #FFFFFF;
	color: #444444;
	overflow-y: scroll;
	padding-bottom: 60px;
}

a {
	color: inherit;
	text-decoration: none;
	}
	
h3 {
	font-weight: normal;
	margin: 50px 0px 20px;
	color: #882255;
	}
	
.r {
	background: #EEAAAA !important;
	}
	
.y {
	background: #EEEE66 !important;
	}
	
.b {
	background: #AAAAEE !important;
	}
	
.g {
	background: #AAEEAA !important;
	}

#wrapper {
 margin:0 auto;
 width:960px; /*  Change to desired width :)  */
}

#header {
	color: #333333;
	margin: 60px 0px;
	}
	
h1 {
	font-size: 2.6em;
	margin: 20px 0px;
	display: inline;
	
	text-shadow: 3px 3px 3px #AAAAAA;
	filter: dropshadow(color=#AAAAAA, offx=3, offy=3);
}

h2 {
	font-size: 1.6em;
	margin: 10px 0px;
	opacity: 0.618;
	display: inline;
	margin-left: 30px;
	
	text-shadow: 1px 1px 1px #AAAAAA;
	filter: dropshadow(color=#AAAAAA, offx=1, offy=1);
}
	
#nav {
	/*color: #FFFFFF;*/
	font-size: 1em;
	margin: 60px 0px;
	clear: both;
	width: 100%;
	border-bottom: 2px #444444 solid;
	border-top: 1px #444444 dotted;
}

	#nav ul {
		position: relative;
		}
		
	#nav li {
		float: left;
		}
		
	#nav a {
		padding: 15px 15px;
		display: block;
		/*float: left;*/
		/*background: #888888;*/
		}
		
	#nav a.active {
		/*background: #228855;*/
		border-bottom: 5px #444444 solid;
		padding-bottom: 10px;
		color: #3388FF;
		}
		
	#nav li:last-child {
		float: right;
		color: #FF0000;
	}
		
#current {
	clear: both;
	margin: 60px 0px;
	width: 600px;
	cursor: pointer;
	position: relative;
	/*padding: 15px;*/
	/*background: #AEDEFA;*/
	line-height: 1.5;
	}
	
	#current:hover #compet {
		/*display: block;*/
		}
		
	#compet {
		clear: both;
		display: none;
		position: relative;
		top: 0px;
		margin-top: 15px;
		overflow: hidden;
		width: 100%;
		}
		
		#compet .sect {
			width: auto;
			/*border: #BBBBBB 5px dotted;*/
			margin-right: 50px;
			float: left;
			}
		
		#compet input {
			margin-right: 10px;
			}
		
		#compet li {
			margin-bottom: 3px;
			}
			
#list {
	clear: both;
	margin-top: 20px;
	}
	
	#list:hover {
		color: #333333;
		}
	
	#list input {
		width: 40px;
		}
		
	#list li {
		padding: 5px;
		width: 200px;
		margin: 5px 10px;
		background: #EEEEEE;
		float: left;
		}
		
	#list li span {
		display: none;
		}
		
	#list li:hover span {
		display: inline;
		}
		
#result {
	clear: both;
	margin-top: 20px;
	}
	
	#result li {
		background: #EEEEEE;
		margin: 5px 10px;
		width: 500px;
		padding: 5px;
		}
		
	#result input {
			width: 30px;
		}
		
#finale {
	clear: both;
	margin-top: 20px;
	font-size: 48px;
	text-align: center;
	}
	
	#finale div {
		margin: 10px;
		width: 220px;
		float: left;
		}
		
	#finale span {
		display: block;
		padding: 20px;
		}
		
table {
	width: 100%;
	text-align: center;
	margin: 20px 0px;
	}
	
	caption {
		margin: 5px;
	}
	
	tbody > tr {
		border-bottom: 1px #444444 solid;
		border-width: 0px 0px 1px 0px;
	}
	
	tbody > tr:hover {
		background: #EEAAFF !important;
	}
	
	tbody > tr:nth-child(even) {
		background: #EAEAEA;
	}
	
	th {
		border-bottom: 2px #444444 solid;
	}
	
	td, th {
		padding: 8px 0px;
	}
		
	table input[type=text] {
		/*width: 40px;*/
		text-align: center;
	}
		
	table input.ranking[type=text] {
		width: 40px;
		text-align: center;
	}
		
	table input.time[type=text],
	table input.distance[type=text] {
		font-size:100%;
		width: 120px;
		text-align: center;
	}
	
	table input.invisible[type=text] {
		background: transparent;
		border: 0px;
	}

form.housemark div {
	margin: 20px;
}
	
form.confirm {
	margin: 60px 0px;
}

div.progress {
	height: 10px;
	background: #3388FF;
	position: relative;
}

div.progress.ready {
	width: 0px;
	}

div.progress.fresh {
	width: 10px;
	}

div.progress.rollcalled {
	width: 110px;
	}

div.progress.scored {
	width: 210px;
	}

div.progress.announced {
	width: 310px;
	}

div.progress.awarded {
	width: 410px;
	}

	div.progress > span:first-child {
		border-color: transparent transparent transparent #3388FF;
		border-style: solid;
		border-width: 10px;
		height:0;
		width:0;
		position:absolute;
		top:-4px;
		right:-24px;
	}

	div.progress > span {
		position: absolute;
		right: -120px;
		width: 100px;
		display: block;
		text-align: left;
	}
	
table.clear {
}

	table.clear > tr,
	table.clear > tbody > tr {
		border: 0px !important;
		background: transparent !important;
	}
	
	table.clear > tr:hover,
	table.clear > tbody > tr:hover {
		background: transparent !important;
	}
	
	table.clear > tr > td,
	table.clear > tbody > tr > td {
		padding: 20px;
	}
		
.printonly {
	display: none;
	}