/*
 *	GeometryGamesIndex.css
 *
 *	Styles for the Geometry Games welcome page.
 */

/*
 *	For Western languages:
 *		"Times New Roman" and "Times" are the PC and Mac names
 *		for the same font.
 *
 *	For East Asian languages:
 *		Mac OS X  takes "sans-serif" and provides a good-looking font.
 *		Windows 7 takes "sans-serif" and provides an ugly non-smoothed
 *			font by default.  For better results, we must explicitly
 *			name a specific ClearType font for each individual
 *			non-Western language.
 */

body
{
	font-family:		sans-serif;
	color:				#000000;
	background-color:	#C0F0FF;
	width:				100%;
}
body:lang(ar)		{direction: rtl; font-family: "Simplified Arabic"}
body:lang(ja)		{font-family: Meiryo, メイリオ, sans-serif}
body:lang(ko)		{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
body:lang(zh-Hans)	{font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
body:lang(zh-Hant)	{font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

a
{
	text-decoration:	none;
	color:				#0040A0;
}

div.title
{
	text-align:			center;
	margin-top:			2em;
	margin-bottom:		2em;
}

h1.title
{
	color:				#000080;
	margin-top:			0;
	margin-bottom:		0;
}

h2.title
{
	font-size:			100%;
	margin-top:			0.5em;
	margin-bottom:		0.5em;
}

hr.sectionDivider
{
	margin-left:		12.5%;
	margin-right:		12.5%;
	border-width:		1.0px;
}

table.programList
{
	margin-left:		auto;
	margin-right:		auto;
	padding-left:		0;
	padding-right:		0;
}

tr.programInfo
{
}

td.programIcon
{
	text-align:			left;
	vertical-align:		middle;
	padding-top:		12pt;
	padding-bottom:		12pt;
	padding-left:		20pt;
	padding-right:		20pt;
}
td.programIcon:lang(ar) {text-align: right;}

img.programIcon
{
	width:				64px;
	height:				64px;
	border-width:		0;
}

td.programData
{
	vertical-align:		middle;
	padding-top:		12pt;
	padding-bottom:		12pt;
	padding-left:		0;
	padding-right:		0;
}

td.programName
{
	font-size:			120%;
	font-weight:		bold;
}

td.programDescription
{
	font-family:		"Times New Roman", Times, serif;
	font-size:			100%;
	font-style:			italic;
}
td.programDescription:lang(ar)		{font-style: normal; font-family: "Simplified Arabic"}
td.programDescription:lang(ko)		{font-style: normal; font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
td.programDescription:lang(ja)		{font-style: normal; font-family: Meiryo, メイリオ, sans-serif}
td.programDescription:lang(zh-Hans)	{font-style: normal; font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
td.programDescription:lang(zh-Hant)	{font-style: normal; font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

td.programLanguages
{
	/*
	 *	Set a tiny font size so that the flags themselves determine
	 *	the line height, not the implict ' ' character between flags.
	 *	The font-size also determines the width of that implicit ' '.
	 */
	font-size:			2pt;
}

img.flag
{
	width:				18px;
	height:				12px;
	margin-left:		2px;
	margin-right:		2px;
	margin-top:			0;
	margin-bottom:		2px;
}

span.forWhom
{
	font-style:			normal;
}

td.programPlatform
{
	font-size:			80%;
}

div.recentUpdates
{
	width:				90%;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			1em;
	margin-bottom:		1em;
	padding-top:		1em;
	padding-bottom:		1em;
}

p.recentUpdatesTitle
{
	color:				#000080;
	font-size:			120%;
	font-weight:		bold;
	text-align:			center;
	margin-top:			0;
	margin-bottom:		0.5em;
}

table.recentUpdates
{
	font-size:			80%;
	padding-left:		0;
	padding-right:		0;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			0.5em;
	margin-bottom:		0;
}

tr.recentUpdate
{
	/*
	 *	Applying paddings and margins to a table row seems to have no effect,
	 *	so use recentUpdateDescription to set the row spacing.
	 */
}

td.recentUpdateDate
{
	vertical-align:		top;
	white-space:		nowrap;
	padding-left:		0.5em;
	padding-right:		0.5em;
}

td.recentUpdateProgram
{
	vertical-align:		top;
	white-space:		nowrap;
	padding-left:		0.5em;
	padding-right:		0.5em;
}

td.recentUpdateDescription
{
	vertical-align:		top;
	text-indent:		-0.5em;	/* Coordinate text-indent with padding-left for hanging indent. */
	padding-left:		1em;
	padding-right:		0.5em;
	padding-bottom:		0.5em;	/*	Assumes the description is at least as tall as the date and the program name.	*/
}

div.recentUpdateFeature
{
	padding-bottom:		0.25em;
}

div.otherResources
{
	width:				90%;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			1em;
	margin-bottom:		1em;
	padding-top:		0;
	padding-bottom:		1em;
}

p.otherResourcesTitle
{
	color:				#000080;
	font-size:			120%;
	font-weight:		bold;
	text-align:			center;
	margin-top:			0;
	margin-bottom:		0;	/*	0.5em;	*/
}

table.otherResourceList
{
	margin-left:		auto;
	margin-right:		auto;
	padding-left:		0;
	padding-right:		0;
}

tr.otherResourceInfo
{
}

td.otherResourceIcon
{
	text-align:			center;
	vertical-align:		middle;
	padding-top:		12pt;
	padding-bottom:		12pt;
	padding-left:		20pt;
	padding-right:		20pt;
}

img.otherResourceIcon
{
	width:				64px;
	height:				64px;
	border-width:		0;
}

img.otherResourceIconShapeOfSpace /* non-square icon */
{
	width:				56px;
	border-width:		0;
}

td.otherResourceData
{
	vertical-align:		middle;
	padding-top:		12pt;
	padding-bottom:		12pt;
	padding-left:		0;
	padding-right:		0;
}

td.otherResourceName
{
	font-size:			120%;
	font-weight:		bold;
}

span.editionStyle	/*  for "3rd edition"  */
{
	font-size:			70%;
	font-weight:		normal;
	margin-left:		0.5em;
}

td.otherResourceDescription
{
	font-family:		"Times New Roman", Times, serif;
	font-size:			100%;
	font-style:			italic;
}
td.otherResourceDescription:lang(ar)		{font-style: normal; font-family: "Simplified Arabic"}
td.otherResourceDescription:lang(ko)		{font-style: normal; font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
td.otherResourceDescription:lang(ja)		{font-style: normal; font-family: Meiryo, メイリオ, sans-serif}
td.otherResourceDescription:lang(zh-Hans)	{font-style: normal; font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
td.otherResourceDescription:lang(zh-Hant)	{font-style: normal; font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

span.otherResourceLanguageSet
{
	/*
	 *	Set a tiny font size so that the flags themselves determine
	 *	the line height, not the implict ' ' character between flags.
	 *	The font-size also determines the width of that implicit ' '.
	 */
	font-size:			2pt;

	margin-left:		16pt;
}
span.otherResourceLanguageSet:lang(ar) {margin-right: 8pt;}


table.tertiaryResourcesList
{
	/*
	 *	To center the table, set margin-left and margin-right to auto.
	 */
	margin-left:		auto;
	margin-right:		auto;
}

tr.tertiaryResourcesRow
{
}

td.tertiaryResourcesItem
{
	color:				#000080;
	font-size:			80%;
	padding-left:		0.75em;
	padding-right:		0.75em;
	text-align:			center;
}

img.tertiaryResourcesIcon
{
	border-width:		0;
	height:				1em;
}


p.language
{
	font-size:			70%;
	text-align:			center;
	margin-top:			2em;
	margin-bottom:		1em;
}

a.languageName
{
	unicode-bidi:		embed;
}

p.contact
{
	font-size:			80%;
	text-align:			center;
	margin-top:			1em;
	margin-bottom:		1em;
}

p.NSF
{
	font-size:			60%;
	margin-top:			8pt;
	margin-bottom:		8pt;
	direction:			ltr;	/* useful on Arabic pages */
}