/* tools */
.replace { position:relative; margin: 0; padding: 0; overflow: hidden; }
.replace span { display: block; float: left; position: absolute; top: 0; left: 0; z-index: 100; }
.replace a { cursor: pointer; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear fix */
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;}


/* global */
body { font-size: 76%; font-family: "lucida grande", tahoma, verdana, arial, san-serif; margin: 20px 0 0; color: #424242; }
a img { border: none; }


/* container */
div.container { position: relative; width: 760px; margin: 0 auto; padding: 0; clear: both; z-index: 0;  }


/* --------- LAYOUT --------- */

/* header */
div#header { display: inline; float: left; width: 100%; height: 140px; margin: 0; padding: 0; clear: both; }
div#header h1 { position: absolute; top: 0; text-indent: -9000px; height: 0; margin: 0; padding: 0; }

div#logo { float: left; width: 400px; height: 100px; }



/* content div */
div#content { display: inline; float: left; width: 100%; height: auto !important; height: 340px; min-height: 340px; padding: 10px 0 20px; clear: both; }

/* footer */
div#footer { float: left; width: 100%; background: #e7e7e7 url(../gfx/footer_bg.gif) repeat-x; margin: 50px 0 0; padding: 30px 0 20px; clear: both; text-align: right; }
div#footer h3, div#footer h4 { color: #fff; }
div#footer p { color: #626262; font-size: 1em; }
div#footer small { color: #cecece; }
div#footer a { color: #a0a0a0; text-decoration: underline; border: none; }
div#footer .col1 { padding: 20px 0 0; }
div#footer .col2 { text-align: right; }



/* --------- DEFAULT TEMPLATE --------- */

/* content styles */
div.content h1 { font-size: 2.1em; font-weight: normal; color: #C80000; margin: 0 0 20px; }
div.content h2 { font-size: 1.5em; font-weight: normal; color: #292929; margin: 0 0 20px; }
div.content h3 { font-size: 1.4em; font-weight: normal; color: #C80000; margin: 0 0 20px; }
div.content h4 { font-size: 1.2em; font-weight: normal; color: #292929; margin: 0 0 20px; }
div.content h5 { font-size: 1.1em; font-weight: normal; color: #292929; margin: 0 0 15px; }
div.content p { font-size: 1em; margin: 0 0 20px; line-height: 1.6em; }
div.content small { font-size: 0.9em; color: #777; }
div.content ul { padding: 0 0 0 16px; list-style-position: outside; }
div.content a { color: #C80000; text-decoration: underline; }
div.content a:hover { color: #bbb; }
div.content blockquote { color: #888; font-size: 1em; line-height: 1.8em; margin: 0 0 20px; padding: 10px 0 10px 40px; border-left: 3px solid #C80000; }
div.content li { padding: 8px 0 0px 10px; line-height: 1.5em; }

/* forms */
form.default { margin: 0 0 20px; }
form.default label, form.default input, form.default textarea { font-family: "lucida grande", tahoma, verdana, arial, san-serif; font-size: 1em; clear: both; }
form.default input, form.default textarea { padding: 6px; margin: 0 0 6px; color: #555; }
form.default textarea { width: 400px; height: 80px; }
form.default label { margin: 0 10px 6px 0; padding: 4px 0 0; font-weight: bold; }
form.default .formelement { background: #f4f4f4; border: 1px solid #ccc; }
form.default .button { background: #d2dae2; padding: 5px !important; padding: 5px 0px; margin: 0 4px 0 0; color: #333; border: 1px solid #333; }
form.default .nolabel { margin: 0 0 0 130px; }
form.default #charlimit { margin: 0 0 6px; }
form.default img { margin: 0 0 6px; }

/* boxes */
div.box { width: 418px; height: auto !important; height: 220px; min-height: 220px; padding: 20px; margin: 0 0 20px; border: 1px solid #d2dae2; background: #e3edf7 url(/static/gfx/box_bg.gif) no-repeat top right; }
div.box-green { width: 180px; height: auto !important; height: 120px; min-height: 120px; padding: 20px; margin: 0 0 20px; border: 1px solid #cde5ba; background: #e5ffd0; }
div.box-grey { width: 180px; height: auto !important; height: 80px; min-height: 80px; padding: 20px; margin: 0 0 20px; border: 1px solid #ccc; background: #f0f0f0; }
.box-blue { width: 720px; padding: 5px 20px; border: 1px solid #d2dae2; background: #e3edf7; clear: both; }


/* tables */
table.default { width: 100%; clear: both; }
table.default th { padding: 15px 5px; background: #e3edf7; text-align: left; border: 1px solid #d2dae2; font-size: 1.2em; }


/* columns */
div.col1 { float: left; width: 460px; margin: 0 40px 0 0; padding: 0; }
div.col2 { float: left; width: 260px; padding: 0; }
div.col2 .box { width: 218px !important; }

/* lists */
ol#instructions { margin: 0; padding: 0 0 0 2em; list-style-image: url(/static/gfx/num1.gif); }
ol#instructions li { padding: 10px 0 10px 0; }
ol#instructions .bullet2 { list-style-image: url(/static/gfx/num2.gif); }
ol#instructions .bullet3 { list-style-image: url(/static/gfx/num3.gif); }
ol#instructions .bullet4 { list-style-image: url(/static/gfx/num4.gif); }
ol#instructions .bullet5 { list-style-image: url(/static/gfx/num5.gif); }
ol#instructions li ul { list-style-image: none; }

/* errors */
div.error { width: 100%; background: #FFDFDF; padding: 10px 0; border: 1px solid #BF0000; margin: 0 0 20px 0; color: #444; }


/* OTHER SITE SPECIFIC STUFF */

#tpl-results .col1 { width: 222px; margin: 0 40px 0 0; }
#tpl-results .col2 { width: 498px; }
#tpl-results span { color: #75955b; }

#heading { float: left; height: 45px; width: 290px; padding: 0; margin: 0; }
div.headingright { float: right; height: 35px; width: 470px; padding: 10px 0 0; margin: 0; text-align: right; }
p.submit { text-align: right; }

form.default ul { list-style-type: none; }
form.default ul label { width: 120px; }
form.default ul li label.error {
	color: red;
}

.highlight {
	color: #C80000;
	font-size: 1.5em !important;
}