/* ------------------------------------------------------------------
Default Stylesheet
Contains all the styles for screen display
------------------------------------------------------------------ */


/* Reset CSS
------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* Fonts
------------------------------------------------------------------ */
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.42em;}


/* Default Tag Styles
------------------------------------------------------------------ */
body { background: #fff; }
h1,h2,h3,h4 { margin-bottom: 5px; color: #4e7c72; }
h1 { font-size: 136%; line-height: 141%; }
h2 { font-size: 129%; line-height: 134%; }
h3 { font-size: 122%; line-height: 127%; }
h4 { font-size: 115%; line-height: 120%; }
p, ul, dl, ol { margin-bottom: 15px; }
ul { list-style-type: square; padding-left: 25px; }
ol { list-style-type: decimal; padding-left: 25px; }
ol ol { list-style-type: lower-alpha; margin-bottom: 0; }


/* Form Elements
------------------------------------------------------------------ */
input.input-text, select.input-text, textarea.input-text { border: 1px solid #ccc; padding: 2px; font-size: 120%; }
input.input-button { border: 1px solid #ccc; padding: 2px; font-size: 120%; background: #f6f6f6; }

#container { font-size: 85%; }