/*header*/
.frontpage-header-container {
}

.frontpage-header {
	position: relative;
	width: 960px;
	height: 270px;
	overflow: hidden;
}




/*matches*/
.frontpage-matches-container {
	margin-top: 20px;
	height: 210px;
}

	.frontpage-matches-container a {
		color: #222;
		text-decoration: none;
	}

	.frontpage-matches-box-container {
		float: left;
		margin-left: 38px;
		width: 280px;
		position: relative;
	}

		.frontpage-match-title {
			background-color: #fe5d22;
			padding: 3px 5px 1px 5px;
			font-size: 0.8em;
			width: 100px;
			color: #fff
		}
		
		.frontpage-match-subtitle {
			padding: 4px 5px 2px 5px;
			font-size: 0.8em; color: #616161
		}

		.frontpage-matches-box {
			border-top: 1px solid #aeafb0;
			border-left: 1px solid #aeafb0;
			border-right: 1px solid #777;
			border-bottom: 1px solid #777;
			background-color: #fff;
		}
			
			
			.frontpage-matches-box:hover {
				border-right: 1px solid #000;
				border-bottom: 1px solid #000;
			}
		
		
			.frontpage-match-box-image {
				width: 278px; height: 100px;
				border-bottom: 1px solid #ebe6e4
			}
			
			.frontpage-match-box-prediction {
				height: 27px; background: url('http://static.getinlive.com/images/frontpage/prediction_bg.png') repeat-x; 
				border-bottom: 1px solid #aeafb0; border-right: 1px solid #aeafb0
			}
		
			.frontpage-match-box-prediction-percentage {
				float: right; padding-left: 10px; border-left: 1px solid #fff
			}
			
			.frontpage-match-box-footer {
				background-color: #d8d8d8; position: relative; height: 25px
			}
			
				.frontpage-match-box-footer-text {
					position: absolute; bottom: 0px; right: 0px; background-color: #fff; padding: 3px 5px 1px 5px;
					font-size: 0.8em; color: #fe5d22; text-align: right; width: 150px;
				}
			
	
	

/*games*/
.frontpage-game-container {
	margin-top: 20px;
	height: 120px;
	
}


/*groups*/
.frontpage-groups-container {
	margin-top: 20px;
	height: 155px;
}

	.frontpage-groups-header {
		margin-bottom: 20px;
	}



	.frontpage-groups-box-container {
		float: left;
		margin-left: 30px;
		width: 200px;
		height: 147px;
	}

			.frontpage-groups-box-container div.frontpage-groups-box-title {
				background-color: #fb4a10;
				border-bottom: 1px solid #ffb39e;
				color: #fff;
				font-weight: bold;
				padding: 3px 10px 1px 10px;
				width: 195px;
				font-size: 0.8em;
			}

		.frontpage-groups-box {
			width: 213px;
			height: 107px;
			background: #E0E1E2 url('http://static.getinlive.com/images/frontpage/group_bg.png') repeat-x;
			border-bottom: 1px solid #b2b2b2;
			border-right: 1px solid #b2b2b2;
			border-left: 1px solid #e2e2e2;
		}
		
		.frontpage-groups-box table tr td.group-flag {
			width: 20%;
		}
		
		.frontpage-groups-box table tr td.group-country {
			width: 50%;
		}
		
		.frontpage-groups-box table tr td.group-matches {
			width: 15%;
			padding-right: 5%;
			text-align: right;
		}
		
		
		.frontpage-groups-box table tr td.group-points {
			width: 15%;
			padding-right: 5%;
			text-align: right;
		}
		



		.frontpage-groups-box table tr.group-header {
			font-size: 0.8em;
		}
		
			.frontpage-groups-box table tr.group-header td {
				color: #000;
				padding-top: 3px;
				padding-bottom: 1px;
			}
			
				.frontpage-groups-box table tr.group-header td.group-matches,
				.frontpage-groups-box table tr.group-header td.group-points {
					color: #FB4A10;

				}
			
		
		.frontpage-groups-box table tr.group-row td {
			height: 21px;
			border-bottom: 1px dotted #ccc;
		}
		
			.frontpage-groups-box table tr.group-row td.group-flag {
				padding-left: 10px;
			}
			
			.frontpage-groups-box table tr.group-row td.group-country a {
				color: #222;
			}