/*
 *	GeometryGamesPage.css
 *
 *	Styles for pages representing individual programs.
 */

/*
 *	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:		"Times New Roman", Times, serif;
	background-color:	#C0F0FF;
	margin-left:		16pt;
	margin-right:		16pt;
}
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;
}

img.screenshot
{
	border-width:		0;
}

div.main
{
}

h1.programName
{
	font-family:		sans-serif;
	font-size:			200%;
	color:				#000080;
	margin-top:			0;
	margin-bottom:		16pt;
}
h1.programName:lang(ar)			{direction: rtl; font-family: "Simplified Arabic"}
h1.programName:lang(ja)			{font-family: Meiryo, メイリオ, sans-serif}
h1.programName:lang(ko)			{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
h1.programName:lang(zh-Hans)	{font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
h1.programName:lang(zh-Hant)	{font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

img.programIcon
{
	height:				0.75em;
}

p.programLongDescription
{
	font-size:			100%;
}

p.featureListTitle
{
	font-size:			100%;
	margin-top:			0pt;
	margin-bottom:		0pt;
}

ul.featureList
{
	margin-top:			2pt;
}

li.spacedFeatureList
{
	margin-top:			8pt;
}
/*
 * li.spacedFeatureList:first-child
 * {
 * 	margin-top:			0pt;
 * }
 */

p.tipsListTitle
{
	font-size:			100%;
	margin-top:			0pt;
	margin-bottom:		0pt;
}

ul.tipsList
{
	margin-top:			2pt;
}

div.details
{
}

div.detail
{
}

div.detailLabel
{
	font-family:		sans-serif;
	font-size:			80%;
	font-weight:		bold;
	margin-top:			8pt;
	margin-bottom:		2pt;
}
div.detailLabel:lang(ar)		{direction: rtl; font-family: "Simplified Arabic"}
div.detailLabel:lang(ja)		{font-size: 100%; font-weight: 500; font-family: Meiryo, メイリオ, sans-serif}
div.detailLabel:lang(ko)		{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
div.detailLabel:lang(zh-Hans)	{font-size: 100%; font-weight: 600; font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
div.detailLabel:lang(zh-Hant)	{font-size: 100%; font-weight: 600; font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

div.detailContent
{
	font-size:			80%;
	font-style:			italic;
	padding-left:		8pt;
	padding-right:		0;
}
div.detailContent:lang(ar) {font-style: normal; padding-left: 0; padding-right: 8pt;}
div.detailContent:lang(ja) {font-style: normal}
div.detailContent:lang(zh) {font-style: normal}

div.detailContentLine
{
	/*
	 *	Coordinate text-indent with padding-left for hanging indent in LTR languages,
	 *	and with padding-right in Arabic (see immediately below)
	 */
	text-indent:		-1em;
	padding-left:		1em;
	padding-right:		0;
}
div.detailContentLine:lang(ar) {padding-left: 0; padding-right: 1em}

p.questions
{
	font-family:		sans-serif;
	text-align:			center;
	font-size:			80%;
	margin-top:			16pt;
	margin-bottom:		8pt;
}
p.questions:lang(ar)		{direction: rtl; font-family: "Simplified Arabic"}
p.questions:lang(ja)		{font-family: Meiryo, メイリオ, sans-serif}
p.questions:lang(ko)		{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
p.questions:lang(zh-Hans)	{font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
p.questions:lang(zh-Hant)	{font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

p.translators
{
	font-family:		sans-serif;
	text-align:			center;
	font-size:			80%;
	margin-top:			8pt;
	margin-bottom:		8pt;
}
p.translators:lang(ar)		{direction: rtl; font-family: "Simplified Arabic"}
p.translators:lang(ja)		{font-family: Meiryo, メイリオ, sans-serif}
p.translators:lang(ko)		{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
p.translators:lang(zh-Hans)	{font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
p.translators:lang(zh-Hant)	{font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

span.translatorName
{
	unicode-bidi:		embed;
}

p.language
{
	font-family:		sans-serif;
	text-align:			center;
	font-size:			70%;
	margin-top:			8pt;
	margin-bottom:		8pt;
}
p.language:lang(ar)			{direction: rtl; font-family: "Simplified Arabic"}
p.language:lang(ja)			{font-family: Meiryo, メイリオ, sans-serif}
p.language:lang(ko)			{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
p.language:lang(zh-Hans)	{font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
p.language:lang(zh-Hant)	{font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

a.languageName
{
	unicode-bidi:		embed;
}

p.NSF
{
	font-family:		sans-serif;
	font-size:			60%;
	margin-top:			8pt;
	margin-bottom:		8pt;
	direction:			ltr;	/* useful on Arabic pages */
}
p.NSF:lang(ar)		{direction: rtl; font-family: "Simplified Arabic"}
p.NSF:lang(ja)		{font-family: Meiryo, メイリオ, sans-serif}
p.NSF:lang(ko)		{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
p.NSF:lang(zh-Hans)	{font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
p.NSF:lang(zh-Hant)	{font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

p.home
{
	font-family:		sans-serif;
	text-align:			center;
	font-size:			80%;
	margin-top:			0;
	margin-bottom:		0;
}
p.home:lang(ar)			{direction: rtl; font-family: "Simplified Arabic"}
p.home:lang(ja)			{font-family: Meiryo, メイリオ, sans-serif}
p.home:lang(ko)			{font-family: "Malgun Gothic", "맑은 고딕", sans-serif}
p.home:lang(zh-Hans)	{font-family: "Microsoft YaHei", 微软雅黑, sans-serif}
p.home:lang(zh-Hant)	{font-family: "Microsoft JhengHei", 微軟正黑體, sans-serif}

img.textAligned
{
	vertical-align:		bottom;
}

/*
 *	Non-breaking hyphens would be the cleanest way to prevent
 *	words like "3-dimensional" from breaking at the hyphen,
 *	but unfortunately a non-breaking hyphen renders as a wider dash
 *	than a regular hyphen.  White-space:nowrap provides an alternative
 *	that's messier but at least maintains the usual hyphen width.
 */
span.nobreak
{
	white-space:		nowrap
}