/*****************************************************************************
jeopardy.css

Created by Christian Web Programming

Copyright © 2009-2010 by James E. Pettis

July 6, 2010
/*****************************************************************************/


body, button, input, textarea
	{
	font-family: 'arial', 'helvetica', 'arial mt', 'arial unicode ms', 'nimbus sans l', 'univers', sans-serif;
	}


/*****************************************************************************
/*****************************************************************************
Color
/*****************************************************************************
/*****************************************************************************/
div.Solution div
	{
	color: #FFF010;
	}

div.Solution, .FinalCategory, .SolutionBorder
	{
	background-color: #FFF010;
	}

div.Solution div, .FinalCategory span, .SolutionBorder span
	{
	background-color: #0000A0;
	}

.Silver, h3
	{
	color: #F0F0F0;
	}

.Value
	{
	color: #FFA500;
	}

/* border outset from Default Background Color to Highlight Color */
table.Weekly
	{
	border-color: #FFFFFF #D7D7D7 #D7D7D7 #FFFFFF;
	border-style: solid;
	}

/* border outset from Default Background Color to Text Color */
div.Solution, .SolutionBorder, .FinalCategory
	{
	border-color: #FFFF00 #FFCC00 #FFCC00 #FFFF00;
	border-style: solid;
	}

/* border inset from Text Color to Default Background Color */
div.Solution div, .SolutionBorder span, .FinalCategory span
	{
	border-color: #FFCC00 #FFFF00 #FFFF00 #FFCC00;
	border-style: solid;
	}


/*****************************************************************************
/*****************************************************************************
Font Size
/*****************************************************************************
/*****************************************************************************/
h1, h2, h3, h4
	{
	font-size: medium;
	}

h1
	{
	font-size: 444%;
	}

h2, .FinalCategory span span
	{
	font-size: 300%;
	}

div.Smaller h2
	{
	font-size: 224%;;
	}

h3, h4, .TournamentLink, table.Weekly .Value span
	{
	font-size: 159%;
	}

div.Solution span, .SolutionBorder span span
	{
	font-size: 126%;
	}




/*****************************************************************************
/*****************************************************************************
Elements
/*****************************************************************************
/*****************************************************************************/
h2
	{
	display: inline-block;
	}




/*****************************************************************************
/*****************************************************************************
Classes
/*****************************************************************************
/*****************************************************************************/

/*****************************************************************************
.Buttons
/*****************************************************************************/
.Buttons form
	{
	text-align: center;
	width: 336px;
	}

.Buttons span
	{
	width: 13em;
	}

.Buttons span span
	{
	width: auto;
	}
/*****************************************************************************
end .Buttons
/*****************************************************************************/


/*****************************************************************************
.cse-branding-form
/*****************************************************************************/
.cse-branding-form button
	{
	width: 11em;
	}

.cse-branding-form button span
	{
	width: 7.6em;
	}

.cse-branding-form input
	{
	width: 11em;
	}
/*****************************************************************************
end .cse-branding-form
/*****************************************************************************/


.EMailSearchFooter .EMail
	{
	width: 17em;
	}


/*****************************************************************************
.FinalCategory
/*****************************************************************************/
.FinalCategory, .FinalCategory span
	{
	display: inline-block;
	border-width: .3em;
	}

.FinalCategory span span
	{
	border-style: none;
	font-weight: bold;
	padding: .2em;
	}
/*****************************************************************************
.FinalCategory
/*****************************************************************************/


/*****************************************************************************
.SolutionBorder
/*****************************************************************************/
.SolutionBorder, .SolutionBorder span
	{
	display: inline-block;
	border-width: .13em;	/* div.Solution border width should be the same */
	}

.SolutionBorder span span
	{
	border-style: none;
	padding: .5em;
	}
/*****************************************************************************
.SolutionBorder
/*****************************************************************************/


.TournamentLink
	{
	font-weight: bold;
	}




/*****************************************************************************
/*****************************************************************************
element.class pairs
/*****************************************************************************
/*****************************************************************************/

/****************************************************************************
.HomeButton
/****************************************************************************/
.HomeButton
	{
	margin: auto;
	position: relative;
	width: 46em;
	}

.HomeButton form
	{
	position: absolute;
	left: 0;
	}

.HomeButton button
	{
	margin-top: .5em;
	text-align: left;
	}

.HomeButton button span
	{
	text-align: center;
	}

.HomeButton img
	{
	height: 1.3em;
	margin-left: .3em;
	margin-right: .2em;
	margin-top: .2em;
	vertical-align: top;
	}
/****************************************************************************
end .HomeButton
/****************************************************************************/


.Y
	{
	margin-left: 3px;
	}


/*****************************************************************************
div.Solution
/*****************************************************************************/
div.Solution
	{
	border-width: .13em;	/* .SolutionBorder border width should be the same */
	margin-top: .5em;
	}

div.Solution div
	{
	border-width: .13em;	/* .SolutionBorder border width should be the same */
	height: 3.1em;
	padding: .5em;
	}

div.Solution div.ExtraLine
	{
	height: 4.5em;
	}
/*****************************************************************************
end div.Solution
/*****************************************************************************/


/*****************************************************************************
table.Weekly
/*****************************************************************************/
table.Weekly
	{
	border-width: .5em;
	}

table.Weekly td, table.Weekly th
	{
	border-color: #000000;
	border-style: solid;
	border-width: 0 .25em;
	text-align: center;
	width: 16em;
	vertical-align: top;
	}

table.Weekly td.Left, table.Weekly th.Left
	{
	border-left-width: .5em;
	}

table.Weekly td.Right, table.Weekly th.Right
	{
	border-right-width: .5em;
	}

table.Weekly tr.Top th
	{
	border-top-width: .5em;
	padding-top: .5em;
	}

table.Weekly tr.Bottom td
	{
	border-bottom-width: .5em;
	}

table.Weekly .Value span
	{
	font-weight: bold;
	}
/*****************************************************************************
end table.Weekly
/*****************************************************************************/


/****************************************************************************
Printer Friendly Overrides
/****************************************************************************/
@media print
	{
	/************************************************************************
	Size
	/************************************************************************/
	h1
		{
		font-size: 36pt;
		}

	h2
		{
		font-size: 16pt;
		}

	h3
		{
		font-size: 13pt;
		}

	div.Solution span, .SolutionBorder span
		{
		font-size: 13pt;
		}

	div.Solution div
		{
		height: 31pt;
		padding: 2pt;
		}

	div.Solution div.ExtraLine
		{
		height: 41pt;
		}

	table.Weekly
		{
		width: 7in;
		}

	.Top1
		{
		margin-top: 5pt;
		}


	/************************************************************************
	Color
	/************************************************************************/
	.OutsetB, h3, h3.Silver, div.Solution div, span.SansSerif, .TitleTop, .SolutionBorder
		{
		color: #000000;
		}

	body, div.Solution div, .SolutionBorder span, .TitleTop
	.PipeBorder span span span span span span span span span span span span
		{
		background-color: #FFFFFF;
		}


	/************************************************************************
	Everything Else
	/************************************************************************/
	body
		{
		margin: 0;
		padding: 0;
		}

	.NoPrint, span.TitleText
		{
		display: none;
		}

	.OutsetA
		{
		display: none;
		}

	.PageBreakAfter
		{
		page-break-after: always;
		}

	.PageBreakBefore
		{
		page-break-before: always;
		}

	span.TitleContainer
		{
		margin: 0;
		padding: 0;
		padding-left: 8pt;
		padding-top: 4pt;
		}

	table.Weekly, div.Solution, .SolutionBorder
		{
		border-color: #D0D0D0 #909090 #909090 #D0D0D0;
		}

	div.Solution div, .SolutionBorder span
		{
		border-color: #909090 #D0D0D0 #D0D0D0 #909090;
		}
	}