<style type="text/css">
	.wrestling_bracket {
		padding: 1em 0 0 0;
	}

	.wrestling_bracket .sponsor
	{
		position: absolute; 		
		background-image: url('<?php echo asset('images/logos/USBank_200x50px.png'); ?>');
		background-repeat: no-repeat;
	}

	.wrestling_bracket .sponsor.us_bank
	{
		width: 200px;
		height: 50px;		
		top: 575px;
		left: 50px; 
		background-image: url('<?php echo asset('images/logos/USBank_200x50px.png'); ?>');		
	}

	.wrestling_bracket .sponsor.les_schwab
	{
		width: 200px;
		height: 50px;
		position: absolute;
		top: 575px; 
		right: 50px; 
		background-image: url('<?php echo asset('images/logos/LesSchwab_200x50px.png'); ?>');
		background-repeat: no-repeat;
	}

	.wrestling_bracket .sponsor.osaa
	{
		width: 250px;
		height: 130px; 		
		top: 530px; 
		left: 390px; 
		background-image: url('<?php echo asset('images/logos/OSAAStateChampionship_250x130px.png'); ?>');		
	}

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

	.wrestling_bracket .watermark.subdivision {		
		right: 10px;
		top: 115px;		
		font-size: 30pt;
	}

	.wrestling_bracket .watermark.consolation {		
		left: 0;
		top: 675px;		
		font-size: 30pt;
	}

	.wrestling_bracket .part {
		width: 1020px;
	}

	.wrestling_bracket .part.top {
		height: 470px;
	}

	.wrestling_bracket .part .round {
		width: 200px;
		float: left;
	}

	.wrestling_bracket .part .round.zero,
	.wrestling_bracket .part .round.seven {
		margin-left: 110px;
	}

	.wrestling_bracket .part .round.eight {
		position: absolute;
		left: 520px;
	}

	
	.wrestling_bracket .part .round .match {
		width: 200px;
	}

	.wrestling_bracket .part .round.zero .match {
		margin: 0 0 10px 0;
	}	
	.wrestling_bracket .part .round.one .match {
		margin: 9px 0 28px 0;
	}	
	.wrestling_bracket .part .round.two .match {
		margin: 36px 0 81px 0;
	}
	.wrestling_bracket .part .round.three .match {		
		margin: 89px 0 0 0;
	}
	.wrestling_bracket .part .round.four .match {		
		margin: 0;
	}
	.wrestling_bracket .part .round.five .match {		
		margin: 64px 0 137px 0;
	}
	.wrestling_bracket .part .round.six .match {		
		margin: 0;
	}
	.wrestling_bracket .part .round.seven .match {		
		margin: 144px 0 0 0;
	}
	.wrestling_bracket .part .round.eight .match {		
		margin: 208px 0 0 0;
		border-left: 1px dashed gray;
	}
	


	.wrestling_bracket .part .round .match .participant {
		height: 12px;
		line-height: 12px;
		font-size: 8pt;
		white-space: nowrap;
		padding: 0 0 0 2px;		
	}
	.wrestling_bracket .part .round.consolation .match .participant {
		height: 12px;
		line-height: 12px;
		font-size: 8pt;
		white-space: nowrap;
		text-align: right;
		padding: 0 2px 0 0;
	}

	.wrestling_bracket .part .round .match .inner {
		font-size: 8pt;
		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: 17px;
		line-height: 17px;
	}
	.wrestling_bracket .part .round.one .match .inner {
		height: 52px;
		line-height: 52px;
	}
	.wrestling_bracket .part .round.two .match .inner {
		height: 105px;
		line-height: 105px;
	}
	.wrestling_bracket .part .round.three .match .inner {
		height: 211px;
		line-height: 211px;
	}
	.wrestling_bracket .part .round.four .match .inner {
		height: 35px;
		line-height: 35px;
	}
	.wrestling_bracket .part .round.five .match .inner {
		height: 89px;
		line-height: 89px;
	}
	.wrestling_bracket .part .round.six .match .inner {
		height: 70px;
		line-height: 70px;
	}
	.wrestling_bracket .part .round.seven .match .inner {
		height: 182px;
		line-height: 182px;
	}
	.wrestling_bracket .part .round.eight .match .inner {
		height: 52px;
		line-height: 52px;	
	}
	

	.wrestling_bracket .part .round .match .inner .number {
		float: right;
		width: 30px;
		text-align: center;
	}
	.wrestling_bracket .part .round.consolation .match .inner .number {
		float: left;
	}

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


</style>


<div class="wrestling_bracket">

	<!-- Sponsors -->
	<div class="sponsor us_bank"></div>
	<div class="sponsor les_schwab"></div>
	<div class="sponsor osaa"></div>

	<!-- Subdivision Reminder -->
	<div class="watermark subdivision">
		<?php echo $information['subdivision']; ?> lbs
	</div>

	<!-- Consolation Bracket Watermark -->
	<div class="watermark consolation">
		<?php echo $information['subdivision']; ?> lbs Consolation
	</div>

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

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

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

			<?php endfor; ?>
		</div>

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

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

			<?php endfor; ?>
		</div>

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

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

			<?php endfor; ?>
		</div>

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

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

			<?php endfor; ?>
		</div>
		
		<br class="clear" />

	</div>

	

	<div class="part" style="margin-top: 50px;">
		

		<?php /*  Round 8  */ ?>
		<div class="round eight">
			<?php for ($i = 24; $i < 25; $i++): ?>

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

			<?php endfor; ?>
		</div>	

		<?php /*  Round 7  */ ?>
		<div class="round seven consolation">
			<?php for ($i = 23; $i < 24; $i++): ?>

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

			<?php endfor; ?>
		</div>	

		<?php /*  Round 6  */ ?>
		<div class="round six consolation">
			<?php for ($i = 21; $i < 23; $i++): ?>

				<?php
					$match = $information['bracket']->matches[$i];
					
					if ($i % 2 == 1)
					{
						$margin = '109px 0 86px 0';
					}
					else
					{
						$margin = '0';
					}
					BracketsController::getMatchMarkup($match, array('match' => 'style="margin: ' . $margin . ';"'));				
				?>				

			<?php endfor; ?>
		</div>	

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

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

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

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

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

			<?php endfor; ?>
		</div>	

		<br class="clear" />

	</div>

</div>