﻿/* == 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: #a2a2a2; font-family: Arial, Helvetica, Sans-Serif; font-size: 75%; background: #000 url(/_img/bg-body.jpg) center top; }

h1, h2, h3, h4, h5, h6 { font-size: 180%; font-weight: bold; margin: 0 0 10px; font-family: Arial; }
h1 { font-size: 200%; letter-spacing: -1.5px; margin: 0 0 13px 0; color: #ffffff; }
h2 { color: #ffff01; font-size: 170%; letter-spacing: -1.5px; text-transform: uppercase; }
h3 { font-size: 120%; color: #999; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

p { margin: 15px 0; line-height: 1.4em; }
blockquote { margin: 15px; }

a { color: #FFFF01; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

ul { margin: 10px 0 10px 20px; list-style-type: none; }
ul li { margin: 5px 0; }
ol { margin: 10px 0 10px 25px; list-style-type: none; }
ol li { margin: 5px 0; }

dl { margin: 15px 0; }
dt { font-weight: bold; }
dd { text-indent: 15px; }

hr { border: 0; border-top: solid 1px #ccc; height: 1px; margin: 5px 0; }
div.hr { margin: 5px 0px; border: none; border-top: 2px dotted #373737; clear: both; }
div.hr hr { display: none; }

table { border-collapse: separate; margin: 15px 0; }
th { border: solid 1px #333; padding: 20px 6px 6px 6px; background: url("/_img/thead-bg.gif") repeat-x scroll left top #FFFF00; color: #000; text-transform: uppercase; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; text-align: left; }
td { border: solid 1px #333; padding: 3px 6px; background: #242424; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 95%; }

#wrap form { margin: 10px 0; }
legend { font-weight: bold; }
input.text, input.input { margin: 3px 0;border: solid 1px #444; background: #292929; color: #ccc; font-size: 95%; font-family: Arial; padding: 4px 8px; }
textarea { margin: 3px 0; border: solid 1px #444; background: #292929; color: #ccc; font-size: 95%; font-family: Arial; padding: 4px 8px; }
select { margin: 3px 0; border: solid 1px #444; background: #292929; color: #ccc; font-size: 95%; font-family: Arial; }

.btn { background: #1C1C1C; border: 2px solid #525252; color: #FFFF00; cursor: pointer; display: inline-block; font-family: Arial; padding: 5px; text-decoration: none; }
.btnViewAll { background: #1C1C1C; border: 2px solid #525252; color: #FFFF00; cursor: pointer; display: inline-block; padding: 0 8px; text-decoration: none; }

img { vertical-align: bottom; }

/** layout **/
.floatLeft { float: left; }
.floatRight { float: right; }
.rel { position: relative; }

/** clearing **/
.clr { clear: both; }
.clrSml { clear: both; line-height: 1px; height: 1px; }
.clrz { display: none; }
.clrLeft { clear: left; }
.clrRight { clear: right; }

/** presentation **/
.viewAll { background: #1C1C1C; border: 2px solid #525252; color: #FFFF00; cursor: pointer; display: inline-block; font-family: Arial; padding: 5px; text-decoration: none; }
.hide { display: none; }
.secureTitle { float: right; margin: 100px 20px 0 0; display: inline; font-family: Arial Narrow, Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; font-size: 220%; letter-spacing: -1px; color: #F9316A; }
.sml { font-size: 90%; }
.secureTitle{float: right; font-size: 300%; letter-spacing: -1.5px; margin: 100px 20px 0 0; color: #666;}

h2.tabTitle { background: url(/_img/top10-title.gif) no-repeat top left; width: 100%; height: 16px; margin: 0; padding: 15px 12px 10px; color: #000; float: left; }
.tabTitle .rss { line-height: normal; position: absolute; right: 30px; top: 13px; }
h2.tabTitleWide { background: #242424; float: left; padding: 10px; margin: 0; text-transform: uppercase; outline: none; }
