/* Default Styles */

body { padding: 2em; color: #000; background: #fff; font-family: arial, helvetica, geneva, verdana, sans-serif; }
textarea { font-family: arial, helvetica, geneva, verdana, sans-serif; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
ul li, ol li, dl dt, dl dd { margin: 0; }

/* FONT SIZE SETTINGS
http://www.alistapart.com/articles/sizematters/
http://style.cleverchimp.com/font_size_intervals/altintervals.html
*/
body, body div, body p, body th, body td,
body ul, body ol, body li, body dl, body dt, body dd,
body input, body select, body textarea, body button {
font-size: x-small; /* false value for WinIE4/5 */
voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */
voice-family: inherit; /* recover from trick */
font-size: small; /* intended value for better browsers */
}
html>body, html>body div, html>body p, html>body th, html>body td,
html>body ul, html>body ol, html>body li, html>body dl, html>body dt, html>body dd,
html>body input, html>body select, html>body textarea, html>body button {
font-size: small; /* be nice to Opera */
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

.cmspage h3 { color: #941e11; } /* Bug 7634 */

p, li, dt, dd { line-height: 1.2em; margin: 0 0 0.8em 0; }
dt { font-weight: bold; }
ul { list-style: disc; }
ol { list-style: decimal; }

a, a:link { color: blue; text-decoration: underline; }
a:visited { color: purple; }
a:hover { color: #000; }
a:active { color: blue; }

table { width: 100%; }
th { font-weight: bold; text-align: left; }
th, td { vertical-align: top; padding: 4px 8px 4px 0; }

img, form, fieldset { border: 0; display: block; }

.Hide { position: absolute; left: -32767px; top: -32767px; }
/* From http://www.positioniseverything.net/articles/onetruelayout/equalheight:
Browsers don't let you throw arbitrarily large values at them. They have limits.
Fortunately, we know the number of that limit (provided by Safari, the most conservative browser in this matter): 32767px.
*/
.None { display: none; }
.Replace, .Replace li { text-indent: -9999px; overflow: hidden; }

.Clear { clear: both; height: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.ClearVis { clear: both; }

/* BEGIN CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
=====================================
	ClearFix is used on any floated element that would ordinarily need <div class="Clear"></div> below it.
	When ClearFix is used, the non-semantic Clear div should not be needed.

	USE THIS:
	<div style="float: left;" class="ClearFix">
	<!-- Content -->
	</div>

	NOT THIS:
	<div style="float: left;">
	<!-- Content -->
	</div>
	<div class="Clear"></div>
	*/
	.ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.ClearFix { display: inline-block; }
	/* Holly Hack Targets IE Win only \*/
		* html .ClearFix { height: 1%; }
		.ClearFix { display: block; }
	/* End Holly Hack */
/* END CLEARFIX
===================================== */

/* For rendering of .NET validator controls */
span[controltovalidate] { display: block; }
span>font[color="Red"] { display: block; }

/* Accessibility */
abbr[title], acronym[title] { cursor: help; border-bottom: 1px dotted #666; }