﻿/* == STYLESHEET FUNCTIONS - Global reset and base element styling
------------------------------------------------------------------------------------------------------------------------ 

/* == Global Reset 
------------------------------------------------------------------------------------------------------------------------ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}


/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */
body{color: #333;line-height: 1.5;font-size: 75%;background: #eee; font-family: arial;text-align: center;}

h1, h2, h3, h4, h5, h6{font-size: 180%;font-weight: bold;color: #333;margin: 10px 0;}
h1{letter-spacing: -1px;margin-top: 0;border-bottom: dotted 3px #eee; line-height: 1.2em;}
h2{font-size: 150%;color: #D11414;margin: 15px 0; letter-spacing: -1px; line-height: 1.2em;}
h3{font-size: 120%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{font-size: 110%;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #333;}
.underline{border-bottom:solid 1px #333;padding-bottom:2px;}

.impact, .block, .keyPoints h2{background: #fafafa url(/_img/title-gradient.gif) repeat-x left bottom; border: dotted 1px #ccc; border-width: 1px 0; padding: 5px 10px; clear: both;}
.templateHome h1{text-align: center; background: #fafafa url(/_img/title-gradient.gif) repeat-x left bottom; border: dotted 1px #ccc; border-width: 1px 0; padding: 5px 10px;font-size: 160%; color: #555; }
.keyPoints h2{margin-top: 10px;}

p{margin: 10px 0;line-height: 1.5em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px; list-style-type: disc;}
ul.basic{margin: 10px 0 10px 0; list-style-type: disc;}
ul li{margin: 5px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 5px 0;}
ul.plain{margin: 20px 0 20px 0;list-style: none;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{background: #fff; border-collapse: collapse;margin: 10px 0;}
thead{}
tfoot{}
th{border: solid 1px #aaa;padding: 3px 6px; background: #eee; color: #000;}
tr{}
td{border: solid 1px #ddd;padding: 3px 6px;}

.prodDesc table{font-family: Times New Roman;}

label{float: left; font-weight: bold; width: 125px;}
.input, .inputText, select, textarea{border: solid 1px #ccc; background: #f6f6f6;margin-bottom: 2px;}
.btn{display: inline-block; height: 28px; line-height: 28px; text-align: center; color: #fff; font-weight: bold; background: url(/_img/btn-grey-repeat.gif) repeat-x left top; text-decoration: none; border: 0; padding: 0; font-style: normal; font-size: 100%; text-shadow: 1px 1px 0px #2e2e2e; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; font-family: Arial; letter-spacing: 0; border: solid 1px #242424; cursor: pointer; padding: 0 8px; overflow: visible;}

#navCol .input{width: 130px;background: #eee;padding: 3px;float: left;margin: 0px; font-size: 95%;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px;}
#navCol .btn{padding: 2px 3px 1px 3px;background: #000; color: #fff;float: right; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; height: auto; line-height: normal;}

/** provide width classes to stack onto elements **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fortynine{width:49%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/* Cross browser hr styling */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #ddd;clear:both;}
div.hr hr{display:none;}

div.hrPosh{margin: 20px 0 0 0; border: none; border:0; clear:both; float: left; width: 100%; background: url(/_img/fade-line.gif) no-repeat center top; height: 35px; line-height: 35px;}
div.hrPosh hr{display:none;}

.holder div.hr{border: 0; height: 2px; margin: 10px 0;background: url(/_img/holder-title-bg.gif) bottom left repeat-x;}

a{color: #333;text-decoration: none;font-weight: bold;text-decoration: underline;}
a:hover{text-decoration: none;}

img{vertical-align: bottom;}
img.rssIcon{position: absolute; bottom: 6px; right: 5px;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;line-height:1px;height:1px;}
.clrz, .clrSml{clear: both;line-height:1px;height:1px;}
/** presentation **/
.hide{display: none;}
.sponsorText{text-transform: uppercase; color: #777; text-align: center; margin: 10px 0 5px 0; letter-spacing: 1px; font-size: 95%;}
.highlight{color: #D30202;}
.sml{font-size: 90%;}

