﻿/**** Reset all default styles ****/
* { margin: 0px 0px 0px 0px; }
a:link, a:visited { text-decoration: none; color:#999999; }
a img { border: none; }
table { border-collapse: collapse; }
img { border: 0; }
p { margin-bottom: 1em; }
b { border-bottom: solid 1px #ffcc0e; }
h2 { font-size: 20px; color: Black; padding-bottom: 8px; }
h3 { font-size: 16px; color: Black; padding-bottom: 8px; }

/**** Base Layout ****/
body { font-family: Helvetica, Arial, Sans-Serif; background-color:Black; margin:0; }
#root { }

/**** Top Bar ****/
#omnibar { font-size: 13px; position: absolute; z-index: 101; width: 100%; top: 0; position: fixed; min-width: 850px; background: url('/images/grad.png') repeat-x scroll left 26px; }
#omni-bg { width: 100%; height: 26px; background: White; }
#omni-left { float: left; height: 26px; }
#omni-left td { vertical-align: middle; padding:0; }
#omni-left ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#omni-left li { margin: 6px 0 5px 2px; display: block; float: left; padding: 0px 5px; font-size: 11px; color: black; border-right: solid 1px Black; }
#omni-left li:last-child { font-weight: bold; border-right: none; }
#omni-left li a:link, #omni-left a:visited { color: Black; }
#omni-left li a:hover, #omni-left a:active { color: #ffce0e; }
#omnibar .search { margin: 0; display: inline-block; font-size: 10px; width: 150px; position: relative; }
#omnibar .search-go { margin: 0; display: inline-block; font-size: 10px; }
#omnibar .home-icon img { width: 26px; height: 26px; background-color: Black; }
#omni-right { float: right; height: 26px; }
#omni-right td { padding: 0 0 0 7px; vertical-align: middle; }
#omni-right a:link, #omni-right a:visited { font-size: 11px; color: #333333; }
#omni-right a:hover, #omni-right a:active { color: #ffce0e; }
#omnibar .feeds-icon { }
#omnibar .feeds-icon img { width: 26px; height: 26px; background-color: Black; }
#omni-tag { background: url('/images/tag-bg.png') no-repeat; width: 162px; height: 23px; float: right; text-align: center; margin-right: 80px; }
#omni-tag img { margin-top: 3px; }

/**** Main Page ****/
#background-wrapper { top:-5px; background:repeat-y center top; padding-bottom:45px; }
#page-wrapper { width: 850px; margin: 0 auto; }
.clear { clear:both; }

.formview { width: 100%; }

/**** Header ****/
#header { width: 100%; height: 85px; }
#header td { vertical-align:bottom; padding:0; }
#header h1 { display: block; width: 275px; height: 28px; margin: 0 0 4px 0; overflow: hidden; float: left; padding-right: 8px; }
#header h1 a { position: relative; display: block; }
#header h1 a:hover { top: -28px; }
#header h1, #header h1 a:link, #header h1 a:visited { font-style: italic; font-size: 24px; padding-top: 0; padding-bottom: 0; color: #231f20; }
#new-here { float: right; margin-top: 14px; width: 145px; height: 36px; overflow: hidden; }
#new-here a { display: block; position: relative; }
#new-here a:hover { top: -36px; }

/**** Footer ****/
#footer { height:268px; background:Black none no-repeat center top; font-size: 11px; color: Black; }
#footer-inner { margin:0 auto; padding-top:25px; width:850px; }
#footer-links { float: right; }
#footer-links li { display: inline; margin-right: 5px; }
#footer-links a:link, #footer-links a:visited { color: Black; }
#footer-links a:hover, #footer-links a:active { color: #fecc0e; }

#twitter-link { padding-left:10px; float:left; }
#facebook-link { padding-right:20px; float:right; }

/**** General Use Layouts ****/
/**** Thirds Big/small boxes ****/
div.thirds-layout { padding: 25px 0; border-top: solid 2px #fecc0e; }
div.thirds-layout.nobar { border-top:none; }
div.thirds-layout .main { width: 576px; float: left; }
div.thirds-layout .side { width: 244px; padding: 15px 12px; float: right; }
div.thirds-layout .clear { clear:both; }

table.thirds-layout { padding: 25px 0; width: 100%; border-collapse: collapse; border-top: solid 2px #fecc0e; }
table.thirds-layout td { vertical-align: top; }
table.thirds-layout .main { width: 576px; padding: 25px 12px 0 0; }
table.thirds-layout .side { width: 268px; padding: 25px 0; }

.video-layout { padding: 25px 0; height: 320px; border-top: solid 2px #fecc0e; }
.video-layout .main { width: 576px; height: 320px; float: left; }
.video-layout .side { width: 244px; height: 294px; padding: 15px 12px; float: right; }
.video-layout .side { height: 294px; background: url('/images/thirds-side-bg.png') no-repeat; padding: 15px 23px; width: 222px; }
.video-layout .clear { clear:both; }

/**** Tab Panel ****/
.tab-panel { width: 100%; }
.tab-panel .buttons td { padding: 0 6px 0 0; }
.tab-panel .buttons td:last-child { padding-right: 0; }
.tab-panel .buttons a:link, .tab-panel .buttons a:visited { display: block; text-align: center; background: #fecc0e; color: Black; font-size: 11px; margin-top: 4px; padding: 4px 0 3px 0; }
.tab-panel .buttons a:hover, .tab-panel .buttons a:active { margin-top: 0; padding: 6px 0 5px 0; }
.tab-panel .buttons a:link.selected, .tab-panel .buttons a:visited.selected { background-color: #000000; color: #fecc0e; background-image: none; margin-top: 0; padding: 6px 0 5px 0; }
.tab-panel .buttons a:hover.selected, .tab-panel .buttons a:active.selected { color: #fecc0e; }

.tab-panel .content td { display: none; padding:0; vertical-align: top; }
.tab-panel .content td td { height: inherit; display: table-cell; }
.tab-panel .content td:first-child { display: table-cell; }

/**** Boxes ****/
table.wb { empty-cells: show; margin-bottom: 12px; width: 100%; }
td.wb-h { background: url('/images/w50.png'); padding:0; height: 10px; }
td.wb-v { background: url('/images/w50.png'); padding:0; width: 10px; }
td.wb-c { width: auto; background: url('/images/w50.png'); padding:0; }
td.wb-tl { background: url('/images/corners.png') no-repeat scroll -20px -20px; padding:0; width: 10px; height: 10px; }
td.wb-tr { background: url('/images/corners.png') no-repeat scroll -30px -20px; padding:0; width: 10px; height: 10px; }
td.wb-bl { background: url('/images/corners.png') no-repeat scroll -20px -30px; padding:0; width: 10px; height: 10px; }
td.wb-br { background: url('/images/corners.png') no-repeat scroll -30px -30px; padding:0; width: 10px; height: 10px; }
table.wb:hover td.wb-h { background: white; padding:0; height: 10px; }
table.wb:hover td.wb-v { background: white; padding:0; width: 10px; }
table.wb:hover td.wb-c { width: auto; background: white; padding:0; }
table.wb:hover td.wb-tl { background: url('/images/corners.png') no-repeat scroll 0px -20px; padding:0; width: 10px; height: 10px; }
table.wb:hover td.wb-tr { background: url('/images/corners.png') no-repeat scroll -10px -20px; padding:0; width: 10px; height: 10px; }
table.wb:hover td.wb-bl { background: url('/images/corners.png') no-repeat scroll 0px -30px; padding:0; width: 10px; height: 10px; }
table.wb:hover td.wb-br { background: url('/images/corners.png') no-repeat scroll -10px -30px; padding:0; width: 10px; height: 10px; }

table.wbs { empty-cells: show; margin-bottom: 12px; width: 100%; }
td.wbs-h { background: white; padding:0; height: 10px; }
td.wbs-v { background: white; padding:0; width: 10px; }
td.wbs-c { width: auto; background: white; padding:0; }
td.wbs-tl { background: url('/images/corners.png') no-repeat scroll 0px -20px; padding:0; width: 10px; height: 10px; }
td.wbs-tr { background: url('/images/corners.png') no-repeat scroll -10px -20px; padding:0; width: 10px; height: 10px; }
td.wbs-bl { background: url('/images/corners.png') no-repeat scroll 0px -30px; padding:0; width: 10px; height: 10px; }
td.wbs-br { background: url('/images/corners.png') no-repeat scroll -10px -30px; padding:0; width: 10px; height: 10px; }

table.bb { empty-cells: show; margin-bottom: 12px; width: 100%; }
td.bb-h { background: url('/images/b50.png'); padding:0; height: 10px; }
td.bb-v { background: url('/images/b50.png'); padding:0; width: 10px; }
td.bb-c { width: auto; background: url('/images/b50.png'); padding:0; }
td.bb-tl { background: url('/images/corners.png') no-repeat scroll -20px 0px; padding:0; width: 10px; height: 10px; }
td.bb-tr { background: url('/images/corners.png') no-repeat scroll -30px 0; padding:0; width: 10px; height: 10px; }
td.bb-bl { background: url('/images/corners.png') no-repeat scroll -20px -10px; padding:0; width: 10px; height: 10px; }
td.bb-br { background: url('/images/corners.png') no-repeat scroll -30px -10px; padding:0; width: 10px; height: 10px; }

table.bbs { empty-cells: show; margin-bottom: 12px; width: 100%; }
td.bbs-h { background: black; padding:0; height: 10px; }
td.bbs-v { background: black; padding:0; width: 10px; }
td.bbs-c { width: auto; background: black; padding:0; }
td.bbs-tl { background: url('/images/corners.png') no-repeat scroll 0px 0px; padding:0; width: 10px; height: 10px; }
td.bbs-tr { background: url('/images/corners.png') no-repeat scroll -10px 0px; padding:0; width: 10px; height: 10px; }
td.bbs-bl { background: url('/images/corners.png') no-repeat scroll 0px -10px; padding:0; width: 10px; height: 10px; }
td.bbs-br { background: url('/images/corners.png') no-repeat scroll -10px -10px; padding:0; width: 10px; height: 10px; }
