<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: 550px;
		left: 10px; 
		background-image: url('<?php echo asset('images/logos/USBank_200x50px.png'); ?>');		
	}

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

	.wrestling_bracket .sponsor.osaa
	{
		width: 250px;
		height: 130px; 		
		top: 505px; 
		left: 375px; 
		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: 475px;		
		font-size: 30pt;
	}

	.wrestling_bracket .part {
		width: 1020px;
	}

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

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

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

	.wrestling_bracket .part .round.five {
		position: absolute;
		left: 210px;
	}
	
	.wrestling_bracket .part .round .match {
		width: 200px;
	}

	.wrestling_bracket .part .round.zero .match {
		margin: 0;
	}	
	.wrestling_bracket .part .round.one .match {
		margin: 54px 0 98px 0;
	}	
	.wrestling_bracket .part .round.two .match {
		margin: 86px 0 0px 0;
	}
	.wrestling_bracket .part .round.three .match {		
		margin: 54px 0 98px 0;
	}
	.wrestling_bracket .part .round.four .match {		
		margin: 0;
	}
	.wrestling_bracket .part .round.five .match {		
		margin: 159px 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;		
		position: relative;
	}
	.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: 62px;
		line-height: 62px;
	}
	.wrestling_bracket .part .round.two .match .inner {
		height: 185px;
		line-height: 185px;
	}
	.wrestling_bracket .part .round.three .match .inner {
		height: 62px;
		line-height: 62px;
	}
	.wrestling_bracket .part .round.four .match .inner {
		height: 60px;
		line-height: 60px;
	}
	.wrestling_bracket .part .round.five .match .inner {
		height: 38px;
		line-height: 38px;
	}	
	

	.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 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 = '85px 0 40px 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 = '45px 0 20px 0';
					}
					else
					{
						$margin = '0 0 80px 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>