/* ----------- Problem Colors ----------- */
.color-A {
	background-color: lime !important;
}

.color-B {
	background-color: white !important;
}

.color-C {
	background-color: red !important;
	color: #fff;
}

.color-D {
	background-color: gold !important;
}

.color-E {
	background-color: violet !important;
}

.color-F {
	background-color: green !important;
	color: #fff;
}

.color-G {
	background-color: #FF8 !important;
}

.color-H {
	background-color: pink !important;
}

.color-I {
	background-color: navy !important;
	color: #fff;
}

.color-J {
	background-color: blue !important;
	color: #fff;
}

.color-K {
	background-color: lightblue !important;
}

/* ----------- Rest of styles ----------- */
body {
	font-family: Arial;
	font-size: 15px;
	min-width: 900px;
}

#header {
	height: 150px;
}

#header > .logo-right {
	float: right;
	padding: 0 30px 0 70px;
	max-width: 100px;
}

#header > .logo-left {
	float: left;
	padding-left: 10px;
	margin-top: -10px;
	max-width: 200px;
}

#header > h1, #header > h2, #header > span {
	text-align: center;
	margin-right: 200px;
	margin-left: 200px;
}

#header > h1 {
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 0px;
}

#header > h2 {
	margin-top: 5px;
	margin-bottom: 40px;
	font-size: 20px;
}

#header > h2.announce {
	display: block;
	font-size: 18px;
	font-weight: normal;	
	margin-top: 20px;
	margin-bottom: 0;
}

#footer {
	margin-top: 20px;
	width: 100%;
}

/* -------------- Table styles -------------- */

#scoreboard {
	margin: 5px auto;
	width: 100%;
	border: 2px solid #000;
	border-spacing: 0;
}

#scoreboard th {
	padding: 5px 0;
	border-bottom: 2px solid #000;
	border-right: 1px solid #aaa;	
}

#scoreboard td {
	padding: 0;
	min-width: 30px;
	text-align: center;
	border-bottom: 1px solid #555;
	border-right: 1px solid #aaa;
}

#scoreboard td:last-child, #scoreboard th:last-child {
	border-right: none;
}

td.team {
	font-size: 1.1em;
	text-align: left !important;
	padding: 3px 0 3px 15px !important;
}

#scoreboard tr:nth-child(even){
	background-color: #F0F0F0;
}

#scoreboard > tfoot td {
	border-top: 2px solid #000;
}

#scoreboard td.yes {
    background-color: #8F8;
}

#scoreboard td.yes.first {
	background-color: #0D0;
}

#scoreboard td.no {
    background-color: #F88;
}

#scoreboard td.pending {
    background-color: #FF8 !important;
}

.muted {
	font-size: 0.8em;
	color: #555;
	display: block;
}

.text-center {
	display: block;
	text-align: center !important;
}

span.balloon {
	display: block !important;
	width: 27px !important;
	height: 40px !important;
	margin: 0 auto !important;
	text-align: center !important;
	line-height: 30px !important;
	background: url("../img/balloon.png") -1px -1px no-repeat;
}