<style type="text/css">
	.wrestling_bracket {
		
	}

	.wrestling_bracket .watermark {
		position: absolute;		
		color: #7d7b7d;		
	}

	.wrestling_bracket .watermark.subdivision {		
		right: 5%;
		top: 175px;		
		font-size: 60pt;
	}

	.wrestling_bracket .watermark.consolation {		
		left: 5%;
		bottom: 0px;		
		font-size: 60pt;
	}

	.wrestling_bracket .part {		
		width: 100%;
	}

	.wrestling_bracket .part.top {
		
	}

	.wrestling_bracket .part .round {		
		width: 20%;
		float: left;
	}	

	.wrestling_bracket .part .round.zero {
		margin-top: 0px;
	}

	.wrestling_bracket .part .round.five {
		position: absolute;
		left: 21%;
	}
	
	.wrestling_bracket .part .round .match {		
		width: 100%;
	}

	.wrestling_bracket .part .round.zero .match {
		margin: 0;
	}	
	.wrestling_bracket .part .round.one .match {
		margin: 324px 0 588px 0;
	}	
	.wrestling_bracket .part .round.two .match {
		margin: 510px 0 0px 0;
	}
	.wrestling_bracket .part .round.three .match {		
		margin: 324px 0 588px 0;
	}
	.wrestling_bracket .part .round.four .match {		
		margin: 0;
	}
	.wrestling_bracket .part .round.five .match {		
		margin: 910px 0 0 0;
		border-left: 1px dashed gray;
	}	
	


	.wrestling_bracket .part .round .match .participant {
		height: 24pt;
		line-height: 24pt;
		font-size: 22pt;
		white-space: nowrap;
		padding: 1px 0 1px 4px;		
	}
	.wrestling_bracket .part .round.consolation .match .participant {
		height: 24pt;
		line-height: 24pt;
		font-size: 22pt;
		white-space: nowrap;		
		text-align: right;
		padding: 1px 4px 1px 0;
	}

	.wrestling_bracket .part .round .match .inner {
		font-size: 24pt;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	.wrestling_bracket .part .round.consolation .match .inner {		
		border-right: none;
		border-left: 1px solid #000000;
	}

	.wrestling_bracket .part .round.zero .match .inner {
		height: 102px;
		line-height: 102px;
	}
	.wrestling_bracket .part .round.one .match .inner {
		height: 372px;
		line-height: 372px;
	}
	.wrestling_bracket .part .round.two .match .inner {
		height: 1030px;
		line-height: 1030px;
	}
	.wrestling_bracket .part .round.three .match .inner {
		height: 372px;
		line-height: 372px;
	}
	.wrestling_bracket .part .round.four .match .inner {
		height: 360px;
		line-height: 360px;
	}
	.wrestling_bracket .part .round.five .match .inner {
		height: 228px;
		line-height: 228px;
	}	
	

	.wrestling_bracket .part .round .match .inner .number {
		float: right;
		width: 20%;
		text-align: right;
		padding-right: 4px;
	}
	.wrestling_bracket .part .round.consolation .match .inner .number {
		float: left;
		text-align: left;
		padding-left: 4px;
	}

	.wrestling_bracket .part .round .match .inner .results {
		width: 80%;
		text-align: center;
	}


</style>


<div class="wrestling_bracket">

	<!-- Sponsors -->	
	<img src="<?php echo asset('images/logos/USBank_200x50px.png'); ?>" style="width: 400px; height: 100px; position: absolute; bottom: 50px; left: 0;" />

	<img src="<?php echo asset('images/logos/LesSchwab_200x50px.png'); ?>" style="width: 400px; height: 100px; position: absolute; bottom: 50px; right: 0;" />

	<img src="<?php echo asset('images/logos/OSAAStateChampionship_250x130px.png'); ?>" style="width: 500px; height: 260px; position: absolute; bottom: 0; left: 1025px;" />
	
	<!-- Subdivision Reminder -->
	<div class="watermark subdivision">
		<?php echo $information['bracket']->bracket->division; ?> <?php echo $information['subdivision']; ?> lbs
	</div>	

	<!-- Top Part -->
	<div class="part top">

		<?php /*  Round 5  */ ?>
		<div class="round five">
			<?php for ($i = 11; $i < 12; $i++): ?>

				<?php
					$match = $information['bracket']->matches[$i];					
					BracketsController::getMatchMarkup($match, array('top_participant' => 'style="padding-top: 10px;"',
																	 'bottom_participant' => 'style="padding-bottom: 10px;"',
																	 'match' => 'data-inset="true"'));
				?>				
				
			<?php endfor; ?>
		</div>	

		<?php /*  Round 4  */ ?>
		<div class="round four consolation">
			<?php for ($i = 9; $i < 11; $i++): ?>

				<?php
					$match = $information['bracket']->matches[$i];							

					if ($i % 2 == 1)
					{
						$margin = '510px 0 240px 0';
					}
					else
					{
						$margin = '0';
					}
					BracketsController::getMatchMarkup($match, array('match' => 'style="margin: ' . $margin . ';"'));			
				?>					

			<?php endfor; ?>
		</div>	

		<?php /*  Round 3  */ ?>
		<div class="round three consolation">
			<?php for ($i = 7; $i < 9; $i++): ?>

				<?php
					$match = $information['bracket']->matches[$i];
					BracketsController::getMatchMarkup($match);
				?>				

			<?php endfor; ?>
		</div>			

		<?php /*  Round 0  */ ?>
		<div class="round zero">
			<?php for ($i = 0; $i < 4; $i++): ?>

				<?php
					$match = $information['bracket']->matches[$i];							

					if ($i % 2 == 0)
					{
						$margin = '270px 0 205px 0';
					}
					else
					{
						$margin = '0 0 480px 0';
					}
					BracketsController::getMatchMarkup($match, array('match' => 'style="margin: ' . $margin . ';"'));			
				?>				

			<?php endfor; ?>
		</div>

		<?php /*  Round 1  */ ?>
		<div class="round one">
			<?php for ($i = 4; $i < 6; $i++): ?>

				<?php
					$match = $information['bracket']->matches[$i];
					BracketsController::getMatchMarkup($match);
				?>				

			<?php endfor; ?>
		</div>

		<?php /*  Round 2  */ ?>
		<div class="round two">
			<?php for ($i = 6; $i < 7; $i++): ?>

				<?php
					$match = $information['bracket']->matches[$i];
					BracketsController::getMatchMarkup($match);
				?>				

			<?php endfor; ?>
		</div>		

		<br class="clear" />

	</div>

</div>