/* Styles used in all bracket pages
 *
 * These styles are used only on NCAA bracket pages to define the style of the bracket itself
 *
 */

/* Bracket Size and Location */
div#bracket
{
	position:relative;
	width:1100px;
	height:1375px;
	background-color:#EEEEEE;
}

/* Standards for left, right, and center */
.left
{
	display:inline;
	position:relative;
	float:left;
}

.right
{
	display:inline;
	position:relative;
	float:right;
}

.center
{
	display:inline;
}

/* Define the text styles for all round headings */
div#bracket div#round_headings
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	white-space:wrap;
	vertical-align:center;
	background-color:#a4d2eb;
	border:1px solid #444444;
}

div#bracket div#round_headings div.offset
{
	width:20px;
}

div#bracket div#round_headings div.round_title
{
	width:90px;
}

/* Define the Regions of the Bracket */
div#bracket div#ULRegion
{
	position:absolute;
	left:0px;
	top:25px;
	width:394px;
	height:675px;
}

div#bracket div#ULRegionSW16
{
	position:absolute;
	left:0px;
	top:25px;
	width:394px;
	height:340px;
}

div#bracket div#LLRegion
{
	position:absolute;
	left:0px;
	top:700px;
	width:394px;
	height:675px;
}

div#bracket div#LLRegionSW16
{
	position:absolute;
	left:0px;
	top:700px;
	width:394px;
	height:340px;
}

div#bracket div.region_title_left
{
	font-family:Arial, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	position:absolute;
	top:315px;
	width:394px;
	text-align:center;
}

div#bracket div#URRegion
{
	position:absolute;
	right:0px;
	top:25px;
	width:394px;
	height:675px;
}

div#bracket div#URRegionSW16
{
	position:absolute;
	right:0px;
	top:25px;
	width:394px;
	height:340px;
}

div#bracket div#LRRegion
{
	position:absolute;
	right:0px;
	top:700px;
	width:394px;
	height:675px;
}

div#bracket div#LRRegionSW16
{
	position:absolute;
	right:0px;
	top:700px;
	width:394px;
	height:340px;
}

div#bracket div.region_title_right
{
	font-family:Arial, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	position:absolute;
	top:315px;
	width:394px;
	text-align:center;
}

/* Define the Teams and Games within a Region */

div#bracket div.seed_left
{

	font-size:0.8em;
	color:#ffffff;
	max-width:15px;
	min-width:15px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#3788b8;
	border-radius:.5em 0em 0em .5em ;
	padding:0px 3px;
	white-space:nowrap;
	font-family:"Arial Narrow", Arial, sans-serif;
	font-weight:bold;
	text-align:right;
	float:left;
}

div#bracket div.team_left
{

	font-size:0.6875em;
	color:#000000;
	min-width:90px;
	max-width:90px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#75c2eb;
	border-radius:.5em .5em .5em .5em;
	padding:0px 3px;
	white-space:nowrap;
	float:left;
	position:relative; 
	left:-3px;
	z-index:1;
}

div#bracket div.entry_left
{
	font-size:0.6875em;
	color:#000000;
	min-width:115px;
	max-width:115px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#75c2eb;
	border-radius:.5em .5em .5em .5em;
	padding:0px 3px;
	white-space:nowrap;
	float:left;
	position:relative; 
	left:-3px;
	z-index:1;
}

span
{
	font-family:"Arial Narrow", Arial, sans-serif;
}

div#bracket div.score_left
{

	font-size:0.8em;
	color:#000000;
	max-width:17px;
	min-width:17px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#46b1ea;
	border-radius:0em .5em .5em 0em ;
	padding:0px 4px;
	white-space:nowrap;
	font-family:Arial, sans-serif;
	font-weight:bold;
	position:relative;
	float:left;
	left:-6px;
	text-align:center;
}

div#bracket div.seed_right
{

	font-size:0.8em;
	color:#ffffff;
	max-width:15px;
	min-width:15px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#3788b8;
	border-radius:0em .5em .5em 0em ;
	padding:0px 3px;
	white-space:nowrap;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	float:right;
}

div#bracket div.team_right
{

	font-size:0.6875em;
	color:#000000;
	min-width:90px;
	max-width:90px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#75c2eb;
	border-radius:.5em .5em .5em .5em;
	padding:0px 3px;
	white-space:nowrap;
	float:right;
	text-align:left;
	position:relative; 
	right:-3px;
	z-index:1;
}

div#bracket div.entry_right
{

	font-size:0.6875em;
	color:#000000;
	min-width:115px;
	max-width:115px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#75c2eb;
	border-radius:.5em .5em .5em .5em;
	padding:0px 3px;
	white-space:nowrap;
	float:right;
	text-align:right;
	position:relative; 
	right:-3px;
	z-index:1;
}

div#bracket div.score_right
{

	font-size:0.8em;
	color:#000000;
	max-width:17px;
	min-width:17px;
	height:32px;
	line-height:32px;
	border:1px solid #AAAAAA;
	background-color:#46b1ea;
	border-radius:.5em 0em 0em .5em ;
	padding:0px 4px;
	white-space:nowrap;
	font-family:Arial, sans-serif;
	font-weight:bold;
	position:relative;
	float:right;
	right:-6px;
	text-align:center;
}

div#bracket div.G1T1_left		{	position:absolute; left:0px; top:0px;		}
div#bracket div.G1T2_left		{	position:absolute; left:0px; top:33px;		}
div#bracket div.G2T1_left		{	position:absolute; left:0px; top:84px;		}
div#bracket div.G2T2_left		{	position:absolute; left:0px; top:117px;		}
div#bracket div.G3T1_left		{	position:absolute; left:0px; top:168px;		}
div#bracket div.G3T2_left		{	position:absolute; left:0px; top:201px;		}
div#bracket div.G4T1_left		{	position:absolute; left:0px; top:252px;		}
div#bracket div.G4T2_left		{	position:absolute; left:0px; top:285px;		}
div#bracket div.G5T1_left		{	position:absolute; left:0px; top:336px;		}
div#bracket div.G5T2_left		{	position:absolute; left:0px; top:369px;		}
div#bracket div.G6T1_left		{	position:absolute; left:0px; top:420px;		}
div#bracket div.G6T2_left		{	position:absolute; left:0px; top:453px;		}
div#bracket div.G7T1_left		{	position:absolute; left:0px; top:504px;		}
div#bracket div.G7T2_left		{	position:absolute; left:0px; top:537px;		}
div#bracket div.G8T1_left		{	position:absolute; left:0px; top:588px;		}
div#bracket div.G8T2_left		{	position:absolute; left:0px; top:621px;		}
div#bracket div.G9T1_left		{	position:absolute; left:145px; top:43px;	}
div#bracket div.G9T2_left		{	position:absolute; left:145px; top:76px;	}
div#bracket div.G10T1_left		{	position:absolute; left:145px; top:211px;	}
div#bracket div.G10T2_left		{	position:absolute; left:145px; top:244px;	}
div#bracket div.G11T1_left		{	position:absolute; left:145px; top:379px;	}
div#bracket div.G11T2_left		{	position:absolute; left:145px; top:412px;	}
div#bracket div.G12T1_left		{	position:absolute; left:145px; top:547px;	}
div#bracket div.G12T2_left		{	position:absolute; left:145px; top:580px;	}
div#bracket div.G13T1_left		{	position:absolute; left:207px; top:127px;	}
div#bracket div.G13T2_left		{	position:absolute; left:207px; top:160px;	}
div#bracket div.G14T1_left		{	position:absolute; left:207px; top:463px;	}
div#bracket div.G14T2_left		{	position:absolute; left:207px; top:496px;	}
div#bracket div.G15T1_left		{	position:absolute; left:269px; top:295px;	}
div#bracket div.G15T2_left		{	position:absolute; left:269px; top:328px;	}

div#bracket div.G1T1_right		{	position:absolute; right:0px; top:0px;		}
div#bracket div.G1T2_right		{	position:absolute; right:0px; top:33px;		}
div#bracket div.G2T1_right		{	position:absolute; right:0px; top:84px;		}
div#bracket div.G2T2_right		{	position:absolute; right:0px; top:117px;	}
div#bracket div.G3T1_right		{	position:absolute; right:0px; top:168px;	}
div#bracket div.G3T2_right		{	position:absolute; right:0px; top:201px;	}
div#bracket div.G4T1_right		{	position:absolute; right:0px; top:252px;	}
div#bracket div.G4T2_right		{	position:absolute; right:0px; top:285px;	}
div#bracket div.G5T1_right		{	position:absolute; right:0px; top:336px;	}
div#bracket div.G5T2_right		{	position:absolute; right:0px; top:369px;	}
div#bracket div.G6T1_right		{	position:absolute; right:0px; top:420px;	}
div#bracket div.G6T2_right		{	position:absolute; right:0px; top:453px;	}
div#bracket div.G7T1_right		{	position:absolute; right:0px; top:504px;	}
div#bracket div.G7T2_right		{	position:absolute; right:0px; top:537px;	}
div#bracket div.G8T1_right		{	position:absolute; right:0px; top:588px;	}
div#bracket div.G8T2_right		{	position:absolute; right:0px; top:621px;	}
div#bracket div.G9T1_right		{	position:absolute; right:145px; top:43px;	}
div#bracket div.G9T2_right		{	position:absolute; right:145px; top:76px;	}
div#bracket div.G10T1_right	{	position:absolute; right:145px; top:211px;	}
div#bracket div.G10T2_right	{	position:absolute; right:145px; top:244px;	}
div#bracket div.G11T1_right	{	position:absolute; right:145px; top:379px;	}
div#bracket div.G11T2_right	{	position:absolute; right:145px; top:412px;	}
div#bracket div.G12T1_right	{	position:absolute; right:145px; top:547px;	}
div#bracket div.G12T2_right	{	position:absolute; right:145px; top:580px;	}
div#bracket div.G13T1_right	{	position:absolute; right:207px; top:127px;	}
div#bracket div.G13T2_right	{	position:absolute; right:207px; top:160px;	}
div#bracket div.G14T1_right	{	position:absolute; right:207px; top:463px;	}
div#bracket div.G14T2_right	{	position:absolute; right:207px; top:496px;	}
div#bracket div.G15T1_right	{	position:absolute; right:269px; top:295px;	}
div#bracket div.G15T2_right	{	position:absolute; right:269px; top:328px;	}

div#bracket div#FFG1T1			{	position:absolute; left:361px; top:689px;	}
div#bracket div#FFG1T2			{	position:absolute; left:361px; top:722px;	}
div#bracket div#FFG2T1			{	position:absolute; right:361px; top:689px;	}
div#bracket div#FFG2T2			{	position:absolute; right:361px; top:722px;	}
div#bracket div#NFT1			{	position:absolute; left:489px; top:732px;	}
div#bracket div#NFT2			{	position:absolute; left:489px; top:765px;	}

div#bracket div#Champion
{
	position:relative;
	margin:auto;
	top:600px;
	font-size:0.8em;
	color:#000000;
	min-width:200px;
	max-width:200px;
	border:1px solid #888888;
	background-color:#75c2eb;
	border-radius:.5em .5em .5em .5em;
	white-space:nowrap;
	text-align:center;
	line-height:3;
	font-family:"Arial Narrow", Arial, sans-serif;
	font-weight:bold;
}	

/* Tie Breaker */

div#bracket div#TieBreaker
{
	position:relative;
	margin:auto;
	top:355px;
	font-size:0.675em;
	color:#000000;
	max-width:240px;
	border:1px solid #888888;
	background-color:#75c2eb;
	border-radius:.5em .5em .5em .5em;
	white-space:nowrap;
	text-align:center;
	font-family:"Arial Narrow", Arial, sans-serif;
}

.winner
{
	color:#0000FF;
	font-weight:bold;
	font-size:1.1em;
}

.loser
{
	color:#555555;
}

div#bracket div.right_pick
{
	font-family:"Arial Narrow", Arial, sans-serif;
	font-weight:bold;
	color:#0000FF;
}

div#bracket div.wrong_pick
{
	font-family:"Arial Narrow", Arial, sans-serif;
	color:#FF0000;
	text-decoration:line-through;
}