* { font-size:20px;  }
BODY{ font-family: Verdana,Tahoma,Arial,sans-serif; color:#fff; background-color:#333; }
#nav{ display:none; }
#content { background-color:transparent; border:none; background-image:none; }
.caption{ font-size:20px; color:#ccc; }

H1{ font-size:26px; color:#fff; line-height:34px; margin-bottom:30px; }
H2{ font-size:26px; font-weight:bold; margin:0; color:#fff; line-height:34px; background:transparent url('../img/bg_black_75trans.png') repeat top center; display:inline-block; padding:4px 10px 6px 10px; }

#nDateControl { border:none; color:#fff; background-color:transparent; -webkit-appearance:none; }
#nDateControl OPTION { color:#fff; background-color:#000; }

/* Ticker */
.ticker{ height:50px; }
.ticker-wrapper.has-js{ margin-bottom:0; background: #000; color:#fff; position:relative; height:98px; margin-bottom:-36px; padding:10px 20px 0px 40px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border-top:5px solid #f7f968; }
.ticker-content{ font-size:32px; line-height:38px; }
.ticker-swipe{ background:#000; height:36px; width:100% }
.ticker-swipe SPAN{ background-color:#fff; border-bottom:1px solid #333; height:34px; }
.ticker-title SPAN{ font-size:32px !important; line-height:38px; color:#e02512; }
.ticker-controls{ display:none; }

/* DataTables */
.ui-toolbar{ display:none !important; }
table.dataTable{ border-collapse:separate; border-spacing:1px 2px; }
.dataTable tr.listHdr{ background:transparent !important; }
.dataTable th { background:transparent; color:white; text-transform:uppercase; white-space:nowrap; font-weight:bold; border:none; }
.dataTable th div{ font-size:16px !important; }
.DataTables_sort_icon{ display:none !important; }
.dataTable td { border:none; margin:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:32px !important; line-height:1.5em !important; font-weight:bold; text-shadow: 2px 2px 2px #000; padding:0 0.5em; }
.dataTable tr td:first-child { border-left:none; }
.dataTable tr td:last-child { border-right:none; }
.dataTable td A:link, .dataTable td A:visited { color:#fff; font-size:32px !important; }
.dataTable td A:hover { text-decoration:none; }

/* Profile images */
.profileImg{ height:70px !important; }
.profileImg IMG{ width:70px !important; height:70px !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; max-width:none; }
TD.tdMain.tdImg{ white-space:normal; }
.tdImg .profileBox{ border-collapse:collapse; }
.tdImg .profileName{ white-space:nowrap; }

.dataTable tr { background:transparent url('../img/bg_black_30trans.png') repeat top center; }
.dataTable tr:nth-child(2n) { background:transparent url('../img/bg_black_50trans.png') repeat top center; }
.sorting_1 { background:#fff; color:#000 !important; text-shadow:none !important; }
tr:nth-child(2n) .sorting_1 { background:#ddd; }

.dataTable tr:hover,.dataTable tr.hilite { background:transparent url('../img/bg_black_75trans.png') repeat top center; }
.dataTable tr.hilite td, .dataTable tr.hilite td A:link, .dataTable tr.hilite td A:visited { color:#f7f968 !important; }
.dataTable tr:hover td, .dataTable tr:hover td A:link, .dataTable tr:hover td A:visited { color:#f7f968 !important; }
.dataTable tr:hover .sorting_1,.dataTable tr.hilite .sorting_1 { color:#000 !important; background:#f7f968 !important; }
.dataTable > tbody > TR.hilite:hover .sorting_1,.table-leaderboard > tbody > TR.hilite:hover .sorting_1,.dataTable > tbody > TR.hilite .sorting_1 A{ color:#000 !important; background:#f7f968 !important; }


.bottomBorder{ border-bottom:none; }
.topBorder{ border-top:none; }

.zebra tr.rowhover{ background: #dedede; }

table.regular{ border-collapse:separate; border-spacing:1px 1px; }
.regular td, .regular td strong{ font-size:20px !important; line-height:30px !important; }

.ui-state-default, .ui-widget-header .ui-state-default { color: #333; }
.fg-buttonset .ui-state-disabled, .pagination .disabled a {color: #aaa}

.fg-buttonset .fg-button, .pagination li a {
    background: #fafafa; padding: 0 6px; border: 1px solid #ccc; opacity: 1;
    background: -moz-linear-gradient(top, #fafafa 0%, #dcdcde 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dcdcde));
    background: -webkit-linear-gradient(top, #fafafa 0%,#dcdcde 100%);
    background: -o-linear-gradient(top, #fafafa 0%,#dcdcde 100%);
    background: -ms-linear-gradient(top, #fafafa 0%,#dcdcde 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcde',GradientType=0 );
    background: linear-gradient(top, #fafafa 0%,#dcdcde 100%);
}

.fg-buttonset span .ui-state-disabled, .pagination .active a {
    background: #ef9237; color: #fff;
    background: -moz-linear-gradient(top, #ef9237 0%, #f6a04d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef9237), color-stop(100%,#f6a04d));
    background: -webkit-linear-gradient(top, #ef9237 0%,#f6a04d 100%);
    background: -o-linear-gradient(top, #ef9237 0%,#f6a04d 100%);
    background: -ms-linear-gradient(top, #ef9237 0%,#f6a04d 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9237', endColorstr='#f6a04d',GradientType=0 );
    background: linear-gradient(top, #ef9237 0%,#f6a04d 100%);
    box-shadow: 0 1px 1px #f7b914 inset; border: 1px solid #d36624; border-right-width: 2px;
}

.dataTables_filter input { box-shadow:none; border:1px solid #ccc; background-color:#eee; color:#333; }
.dataTables_length select { box-shadow:none; border:1px solid #ccc; background-color:#eee; color:#333; }

/* mobile version */
@media handheld, only screen and (max-width: 767px) {

    * { font-size:15px;  }
	.caption{ font-size:15px; color:#ccc; }
	H1{ font-size:14px; line-height:18px; margin-bottom:20px; }
	H2{ font-size:14px; line-height:18px; padding:2px 6px 2px 6px; }
	.ticker-content{ font-size:12px; line-height:14px; }
	.ticker-title SPAN{ font-size:12px !important; line-height:14px; }
	BODY.tvOutput .dataTable th div{ font-size:10px !important; }
	BODY.tvOutput .dataTable td { font-size:12px !important; line-height:1.5em !important; text-shadow: 2px 2px 2px #000; padding:0 0.5em; }
	BODY.tvOutput .dataTable td A:link, BODY.tvOutput .dataTable td A:visited { font-size:12px !important; }
	.regular td, .regular td strong{ font-size:12px !important; line-height:14px !important; }
	
}
