/* Default Styles */

body { padding: 2em; color: #000; background: #fff; font-family: arial, helvetica, geneva, verdana, sans-serif; }
body input, body select, body 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.3em; }
h3 { font-size: 1.1em; }
h4, h5, h6 { font-size: 1em; }

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; }

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

.Hide { position: absolute; top: -9999px; left: -9999px; }
.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; }
/*
ClearFix is used on any element that floats and would need a clearing div below it.
When ClearFix is used, the clearing div is rarely needed.
*/
.ClearFix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.ClearFix {
display: inline-block; /* Fixes IE Mac */
}
/* Hides from IE Mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }
/* End hide from IE Mac */

/* 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; }