/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Perform Global reset to remove browser defaults
- Style default (X)HTML elements
----------------------------------------------------------------------------------------------------------------------*/

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

/* == Base Element Styling
------------------------------------------------- */

body
{
    color: #fff;
    font-family: arial, verdana;
    font-size: 80%;
    background: #0f110e url(/_img/body-bg.jpg) top center;
}

h1, h2, h3, h4, h5, h6{font-weight: bold; margin: 5px 0 5px 0;color: #fff; font-family: Arial;letter-spacing: -3px;text-transform: uppercase;}
h1{font-size: 240%;letter-spacing: -1px;color:#f25822;line-height: 0.9em;padding:15px 0;text-transform: none;}
h1.sml{font-size:120%;letter-spacing: -0.5px;}
h2, h1.top{font-size: 170%;letter-spacing: -0.5px;color: #fff;line-height: 0.9em;text-transform:uppercase;padding:0;}
h3{font-size: 150%;letter-spacing: -0.5px;color: #fff;line-height: 0.9em;text-transform: none;}
h4{font-size: 140%;letter-spacing: 0.5px;}
h5{font-size: 200%;}
h6{font-size: 200%;}
/* alternative heading style */
.headAlt{}

p{margin: 10px 0;line-height: 1.5em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 10px 20px; list-style-type: disc;}
ul li{margin: 3px 0;}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 3px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: separate;}
thead{}
tfoot{}
th{border: solid 1px #f35822;padding: 3px;background: #f35822;color:#fff;}
tr{}
td{padding: 6px 3px;border:solid 1px #101c29;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

/** Set default styles for form elements **/
form{margin: 0;}
fieldset{border: solid 0 #ccc;}
legend{font-weight: bold;}
label{float: left;text-align: left;margin: 0px 5px 0 0;color:#fff;padding: 3px 0;}
fieldset label{width:40%;}
.formHolder label{width:30%;}
.input, textarea{margin:1px 0 1px 0;font-family: Arial, Sans-Serif;font-size: 100%;background: #fff;border: solid 1px #888;padding: 4px;color: #333;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
input.check{border:0;}
select{font-size: 95%;font-family: Arial;color: #333; margin: 1px 0 1px 0; padding:1px 0 1px 0;border: solid 1px #ccc;background-color: #fff !important;}
select option{background: #fff;}
.btn{background: #ccc;border: 1px #333 solid;color: #333;width: auto;cursor: pointer;font-weight: bold;font-size: 95%;padding: 3px 5px;}

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

/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 2px dotted #ccc;clear:both;}
div.hr hr{display:none;}
div.blueHr{border-top: 2px dotted #30c2ff;}

a{color: #fff;}
a:hover{text-decoration: none;}

/** To remove dotted outline on links **/
a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}

div.lozLink{float:right;margin: 3px 5px 0 0;background:transparent url(/_img/btn/lozenge-light.gif) no-repeat top left;width:122px; height:25px;}
div.lozLinkBack{background-image:url(/_img/btn/lozenge-light-back.gif);}
div.lozLink a{float:left;text-transform:none;font-weight:normal;letter-spacing:0.01px;font-family:Century Gothic;text-decoration:none;width:117px; height:25px; text-align:center;padding:2px 5px 0 0;}
div.lozLink a:hover{background:url(/_img/btn/lozenge-light-back-hover.gif) no-repeat top left;}


img{vertical-align: bottom;}
.inlineImg,.inlineImgRight{border: solid 1px #aeaeae;padding: 5px; background: #f2f2f2;margin: 0 10px 5px 0;}
.inlineImgRight{margin: 0 0 5px 10px;}
h1 img.rssIcon{vertical-align: top;}

/* = Independent Global Styles
------------------------------------------------- */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
.hide{display: none;}
.textLeft{text-align: left;}
.textRight{text-align: right;}
.textCenter{text-align: center;}
/** clearing **/
.clr{clear: both;}
.clrSml, .clrz{clear: both;line-height:1px;height:1px;font-size:1px;}
.clrz{clear: both;line-height:0;height:0;font-size:0;}
.clrLeft{clear: left;}
.clrLeftSml{clear: left;line-height:1px;height:1px;}
.clrRight{clear: right;}
.clrRightSml{clear: right;line-height:1px;height:1px;}
/** presentation **/
.standoutText{color: #f35822;}
.sml{font-size:90%;}
.bigger{font-size:110%;}
.vmiddle{vertical-align: middle;}
.black{color: #000;}
.grey{color: #999;}
.lightGray{color: #ccc;}
.toolLink{text-transform: uppercase; font-weight: bold; font-family: Arial;text-decoration: none;color: #10b8fe;border-bottom: dotted 2px #fff;}
.toolLink:hover{border-bottom: dotted 2px #10b8fe;}
span.toolLink:hover{border-bottom: dotted 2px #fff;}

.padLeft{padding-left:5px;}
.padRight{padding-right:5px;}
.padTop{padding-top:5px;}
.padBottom{padding-bottom:5px;}

ul.toolNav, ul.toolNav li{float:left;margin:0;padding:0;list-style:none;}
ul.toolNav li{padding:0 10px 0 0;}
ul.toolNav li a.on{border-bottom: dotted 2px #10b8fe;}