body, td {font: normal normal normal 12px/normal "Lucida Grande", Arial, sans-serif; color: #181818}
body {padding: 0px 5px 0px 5px; margin: 6px 0px 10px 0px; background: #101010 url(../images/bodyBg.jpg) no-repeat fixed top center}
a {color: #176988; text-decoration: none}
a:hover {color: #000; text-decoration: none}
a:active {color: #176988; text-decoration: none}
h1, h2, h3, h4 {margin: 0px}
h1 {font-size: 18px}
h2 {font-size: 17px}
h3 {font-size: 15px}
h4 {font-size: 13px}
img {border: 0px}
form {display: inline}
form label {display: block}
div.seperator {height: 12px; font-size: 20px}
div.hr {filter: alpha(opacity = 44); background: transparent url(../images/hr.gif) repeat-x center; height: 2px; font-size: 0px}
select {height: 21px; margin: 0px}
.flashMessage div {border: 2px solid #666; padding: 5px; margin: 10px 0px 10px 0px}
.flashMessage .error, .errorExplanation {border: 2px solid red; background-color: #FEFF9F}
.flashMessage .warning {background-color: #FEFF9F}
.flashMessage .notice {}
.flashMessage .success {background-color: #8FFF94}
.errorExplanation h2 {font-size: 12px}
.live {color: #FF589D; width: auto !important; margin-top: 0px !important}
.loader2 {margin-top: 8px; margin-right: 6px}
.highContrast {position: relative}
.highContrast span {position: relative}
.highContrast span.shadow {position: absolute}
.shadow {color: #FFF; top: 1px; left: 1px}
#navContainer {height: 72px; width: 942px; margin: 0px auto 10px auto; text-align: left}
#navContainer #signup {float: none; text-align: right; color: #FFF; padding-right: 10px; margin-bottom: 4px; font: normal normal bold 10px/normal "Lucida Grande", Arial, sans-serif}
#navContainer #signup a {color: #FFF}
#navContainer #signup a:hover {color: #176988}
#navContainer img {margin-top: 1px; margin-left: 0px; display: block; float: left; border: 0px}
#navContainer .left, #navContainer .right {float: left; width: 4px; height: 51px; background-image: url(../images/navLeft.gif)}
#navContainer .navigation {padding-left: 3px; height: 51px; width: 931px; background-image: url(../images/navBg.gif); float: left}
#navContainer .navigation #logoNav {margin-right: 174px}
#navContainer .navigation #searchField {background-image: url(../images/searchFieldBg.jpg); width: 266px; height: 49px; margin-top: 1px; margin-left: 1px; float: left}
#navContainer .navigation #searchField input {background: transparent; margin: 10px 0px 0px 10px; border: none; width: 245px; height: 25px; color: #666; font: normal normal bold 20px/normal "Lucida Grande", Arial, sans-serif}
#navContainer .navigation #searchButton {margin: 0px; margin-top: 1px; height: 49px}
#navContainer .right {background-image: url(../images/navRight.gif)}
.moduleContainer {clear: both; width: 942px; margin: 0px auto 20px auto; text-align: left; font-size: 1px}
.moduleContainer .topLeft, .moduleContainer .topRight {width: 4px; height: 4px; background-image: url(../images/moduleTopLeft.gif); float: left}
.moduleContainer .top {float: left; border-top: 1px solid #515151; width: 934px; height: 3px; background: #F0F0F0}
.moduleContainer .topRight {width: 4px; height: 4px; background-image: url(../images/moduleTopRight.gif)}
.moduleContainer .contentContainer {font-size: 12px; border-left: 1px solid #565656; border-right: 1px solid #565656; background: #D0D0D0 url(../images/moduleBg.jpg) no-repeat; clear: both}
.moduleContainer .contentContainer .content {margin: 0px 10px 0px 10px; padding: 6px 0px 6px 0px}
.moduleContainer .contentContainer .content h1 {margin-bottom: 10px; white-space: nowrap; height: 23px; margin-top: 6px; width: 200px}
.moduleContainer .contentContainer .contentWrapper {width: 610px; float: left; color: #666; font-size: 13px}
.moduleContainer .contentContainer .contentWrapper td {color: #666; font-size: 13px}
.moduleContainer .contentContainer .contentWrapper h1 {color: #000}
.moduleContainer .contentContainer .contentWrapper .hr {margin-bottom: 8px}
.moduleContainer .contentContainer .contentWrapper h2 {font-size: 15px}
.moduleContainer .contentContainer .contentWrapper h2, .moduleContainer .contentContainer .contentWrapper h3, .moduleContainer .contentContainer .contentWrapper h4 {color: #999}
.moduleContainer .contentContainer .content h1 a {font-size: 11px; margin-left: 10px}
.moduleContainer .contentContainer #adColumn {float: right; width: 300px; overflow: hidden}
.moduleContainer .contentContainer #adColumn img {}
.moduleContainer .bottomLeft, .moduleContainer .bottomRight {width: 4px; height: 4px; background-image: url(../images/moduleBottomLeft.gif); float: left}
.moduleContainer .bottom {float: left; border-bottom: 1px solid #565656; height: 3px; width: 934px; background: #D0D0D0}
.moduleContainer .bottomRight {width: 4px; height: 4px; background-image: url(../images/moduleBottomRight.gif)}
#subNavigationContainer {float: right; width: 300px; overflow: hidden}
#subNavigationContainer a {white-space: nowrap; padding: 11px; display: block; font-weight: bold}
#subNavigationContainer a:hover {color: #000}
#subNavigationContainer a.selected {background: transparent url(../images/scheduleSelected.gif) repeat; color: #000}
#subNavigationContainer blockquote {margin: 0px; margin-left: 20px; font-size: 11px}
#subNavigationContainer a.selected img {border: 0px; background: url(../images/arrowLarge.gif) no-repeat; height: 10px; width: 9px; margin-top: 3px; float: left; margin-right: 10px; clear:right}
#footer {font-size: 10px !important; color: #555; white-space: nowrap; text-align: right}
#footer div {float: left}
#footer a {color: #000; background-color: transparent; margin-right: 7px}
#footer a:hover {color: #176988; text-decoration: none}
.thumbContainer {float: left; width: 196px; height: 68px; margin-right: 10px; margin-bottom: 10px}
.thumbContainer .thumbImage {background-position: top center; width: 88px; height: 68px; background-image: url(../images/thumbDefault.jpg); cursor: pointer}
.thumbContainer .thumbImage, .thumbContainer .thumbContent {float: left}
.thumbContainer a {background-color: transparent}
.thumbContainer .thumbContent {width: 104px; height: 68px; background: #F5F5F5 url(../images/thumbBg.gif) repeat-x top; color: #565656; overflow: hidden}
.thumbContainer .thumbContent div {margin: 5px}
.thumbContainer .thumbContent h2 {font-size: 11px; line-height: 13px; margin-bottom: 5px}
.thumbContainer .thumbContent h3 {font-size: 9px; white-space: nowrap; line-height: normal }
.thumbContainer .thumbRight {float: right; background-color: red; height: 68px; width: 4px; background: transparent url(../images/thumbRight.gif) no-repeat bottom; vertical-align: top}
.smallThumbContainer {float: left; width: 342px; height: 40px; margin-right: 10px; margin-left: 5px; margin-bottom: 10px; cursor: pointer}
.smallThumbContainer .smallThumbImage {background-position: top center; width: 53px; height: 40px; background-image: url(../images/smallThumbDefault.jpg)}
.smallThumbContainer .smallThumbImage, .smallThumbContainer .smallThumbContent {float: left}
.smallThumbContainer a {background-color: transparent}
.smallThumbContainer .smallThumbContent {width: 279px; height: 40px; background: #F5F5F5 url(../images/playlistThumbBG.gif) repeat-x top; color: #565656; overflow: hidden}
.smallThumbContainer .smallThumbContent div {margin: 5px}
.smallThumbContainer .smallThumbContent h2 {font-size: 11px; line-height: 13px; margin-bottom: 5px}
.smallThumbContainer .smallThumbContent h3 {font-size: 9px; white-space: nowrap; line-height: normal }
.smallThumbContainer .smallThumbRight {float: right; background-color: red; height: 40px; width: 10px; background: transparent url(../images/playlistThumbRight.gif) no-repeat bottom; vertical-align: top}
.withoutFooter {height: 110px}
.leaderBoard .bottom {background-color: #E7E7E7}
.withoutFooter .content {padding: 6px 0px 6px 0px !important; margin: 0px 9px 0px 9px !important; height: 92px}
.leaderBoardAlt {height: 80px}
#leaderBoardAd {border-top: 1px solid #F5F5F5; border-bottom: 1px solid #8C8C8C; float: left; width: 728px; height: 90px; margin: 0px; overflow: hidden}
.shortSchedule {padding: 4px 6px 4px 6px !important; margin: 0px !important; height: 252px}
.shortSchedule #shortScheduleListContainer {float: right; height: 252px; width: 300px; padding-right: 3px; font-weight: normal; font-size: 10px}
.shortSchedule #shortScheduleListContainer #scheduleList {width: 300px; height: 173px; overflow: auto}
#shortScheduleListContainer .hr {margin-bottom: 0px}
#scheduleList .scheduleEntry {font-weight: normal; font-size: 9px; padding: 7px 3px 7px 3px; line-height: 12px; color: #565656}
#scheduleList .scheduleEntry .time {float: left; white-space: nowrap; width: 65px; height: 17px}
#scheduleList .scheduleEntry .information {margin: 0px; height: auto; margin-left: 55px; font-weight: normal}
#scheduleList .scheduleEntry .information h3 {font-size: 12px; font-weight: bold}
#scheduleList .scheduleEntry .information div {margin-left: 2px}
#scheduleList .scheduleSelected {background: transparent url(../images/scheduleSelected.gif) repeat; color: #000}
.shortSchedule #shortScheduleListContainer #viewFullSchedule {margin-top: 0px}
#featuredShowList {float: left; width: 618px}
#featuredShowList .thumbContent h2 {height: 28px}
#showListContainer {width: 610px; float: left}
#showListContainer .hr {margin-top: 4px; margin-bottom: 4px}
#showListContainer #input {float: right; width: 405px; margin-top: 5px}
#showListContainer .showEntry h2 {font-size: 14px}
#showListContainer .showEntry .time {color: #888888; float: left; width: 202px}
#showListContainer .showEntry .show {margin-left: 202px}
#showListContainer .showEntry .show h2 {color: #176988; margin-bottom: 3px}
#showListContainer .showEntry .thumbContainer {width: 408px; margin: 0px; margin-left: 0px; height: 75px}
#showListContainer .showEntry .thumbContainer .thumbContent {width: 306px}
#showListContainer .showEntry .thumbContainer h2 {margin-bottom: 5px; font-size: 12px}
#showListContainer .showEntry .thumbContainer h3 {font-size: 9px; white-space: normal; font-weight: normal}
#showListContainer .showEntry .thumbContainer .thumbRight {width: 14px; background: transparent url(../images/thumbRightArrow.gif) no-repeat top}
.showSummary {padding: 4px 6px 4px 6px !important; margin: 0px !important; height: 252px}
#showSummaryContainer {float: right; height: 252px; width: 300px; padding-right: 3px; font-size: 10px; font-weight: normal; color: #565656}
#showSummaryContainer h1 {margin-top: 0px; margin-bottom: 2px; height: 21px; width: 100px; color: #000}
#showSummaryContainer h1.live div {color: #FF358B !important}
#showSummaryContainer h3 {height: 10px; color: #176988; line-height: 8px; font-size: 9px; margin-bottom: 10px}
#showSummaryContainer #showExtras {height: 44px; white-space: nowrap; color: #181818}
#showSummaryContainer #showExtras .liveTimes {float: right; margin-top: 7px}
#showSummaryContainer #showSummaryContent {height: 86px; overflow: auto; margin-bottom: 10px}
.blogCategories {font-size: 10px; width: 200px; float: left}
.blogCategories h2 {margin-bottom: 8px}
.blogCategories ul {margin-top: 0px; padding: 0px; list-style-type: none}
.blogContent {float: right; width: 400px}
.blogContent .blogFooter {font-size: 10px}
.blogContent .comments {margin-bottom: 10px}
.blogContent .comments .comment {margin-bottom: 10px}
.blogContent .comments .commentHeader {font-size: 10px; margin-bottom: 25px}
#scheduleListContainer {width: 610px; float: left}
#scheduleListContainer .hr {margin-top: 4px; margin-bottom: 4px}
#scheduleListContainer #input {float: right; width: 405px; margin-top: 5px}
#scheduleListContainer .showEntry h2 {font-size: 14px}
#scheduleListContainer .showEntry .time {color: #888888; float: left; width: 202px}
#scheduleListContainer .showEntry .show {margin-left: 202px}
#scheduleListContainer .showEntry .show h2 {color: #176988; margin-bottom: 3px}
#scheduleListContainer .showEntry .thumbContainer {width: 408px; margin: 0px; margin-left: 0px; height: 75px}
#scheduleListContainer .showEntry .thumbContainer .thumbContent {width: 306px}
#scheduleListContainer .showEntry .thumbContainer h2 {margin-bottom: 5px; font-size: 12px}
#scheduleListContainer .showEntry .thumbContainer h3 {font-size: 9px; white-space: normal; font-weight: normal}
#scheduleListContainer .showEntry .thumbContainer .thumbRight {width: 14px; background: transparent url(../images/thumbRightArrow.gif) no-repeat top}
.loginForm .hr {margin: 4px 0px 4px 0px}
.loginForm .row {height: 33px}
.loginForm label {font-size: 12px; font-weight: bold; color: #323232; width: 90px; display: block; white-space: nowrap; float: left; margin-top: 8px}
.loginForm .inputField {float: right; background-image: url(/images/loginFieldBg.jpg); width: 180px; height: 33px}
.loginForm .inputField input {background: transparent; margin: 5px 0px 0px 4px; padding-top: 3px; border: none; width: 172px; color: #999; font-size: 14px; font-weight: bold}
.loginForm label a {font-size: 10px; font-weight: normal}
.loginForm table label {margin-top: 0px}
.sideText {font-size: 10px; margin: 4px 4px 4px 4px}
.sideText h2 {margin-bottom: 4px; font-size: 13px !important}
.sideText ul {margin: 0px; padding-left: 8px; margin-left: 8px}
#MB_content .createAccountForm {max-height: 500px; height: 500px; width: 580px; overflow: auto}
.createAccountForm .hr {margin: 4px 0px 4px 0px}
.createAccountForm .row {height: 33px}
.createAccountForm label {font-size: 12px; font-weight: bold; color: #323232; display: block; white-space: nowrap; float: left; margin-top: 8px}
.createAccountForm .inputField {float: right; background-image: url(/images/loginFieldBg2.jpg); width: 308px; height: 33px}
.createAccountForm .inputField input {background: transparent; margin: 5px 0px 0px 5px; padding-top: 3px; border: none; width: 298px; color: #999; font-size: 14px; font-weight: bold}
.createAccountForm label a {font-weight: normal}
.createAccountForm table label {margin-top: 0px}
.createAccountForm select {width: 98px}
#resultListContainer {width: 610px; float: left}
#resultListContainer div.hr {margin-top: 4px; margin-bottom: 4px}
#resultListContainer #input {float: right; width: 405px; margin-top: 5px}
#resultListContainer .results .type {color: #888888; float: left; width: 202px}
#resultListContainer .results .type h2 {font-size: 14px; white-space: nowrap}
#resultListContainer .results .type h2 a {font-size: 9px}
#resultListContainer .results .right {margin-left: 202px}
#resultListContainer .resultImage {background-position: top center; width: 88px; height: 68px}
#resultListContainer .imageType .thumbContainer {margin-right: 8px !important}
#resultListContainer .resultImage, .searchResults #resultListContainer .resultContent {float: left}
#resultListContainer a {background-color: transparent}
#resultListContainer .resultContent {width: 318px}
#resultListContainer .resultContent div {margin: 5px}
#resultListContainer .resultContent h2 {font-size: 13px; margin-bottom: 5px}
#resultListContainer .resultContent h3 {font-size: 11px; line-height: normal; color: #666}
#resultListContainer .resultButtons {margin-left: 92px}
#photoGallery {height: 300px; margin-bottom: 10px}
#photoGallery #galleryContainer {width: 210px; float: left; height: 300px; overflow: auto}
#photoGallery #galleryContainer .accordionContent {height: 0px; overflow: hidden}
#photoGallery #galleryContainer .accordionToggle {font-size: 13px; border-bottom: 1px solid #B4B4B4; cursor: pointer; height: 18px; color: #176988; padding-left: 5px; width: 185px; overflow: hidden}
#photoGallery #galleryContainer .accordionToggleActive {background-color: #AFAFAF !important}
#photoGallery #photoContainer {width: 400px; height: 300px; float: right}
.tag1 {font-size: 13px; color:#9eb4bd}
.tag2 {font-size: 14px; color:#7aa0ae}
.tag3 {font-size: 15px; color:#5b8fa3}
.tag4 {font-size: 16px; color:#2b7590}
.tag5 {font-size: 17px; color:#176988}
.pagination {font-size: 13px; color:#176988; margin:2px; margin-bottom:8px}
.pagination .current{ font-size: 15px; color:#7aa0ae; margin:3px}
.pagination .disabled{ font-size: 12px; color:#7aa0ae; margin:2px}
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000 !important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000}
#MB_window[id] {position: fixed !important}
#MB_frame {position: relative; background: #D0D0D0 url(../images/moduleBg.jpg) no-repeat; height: 100%}
#MB_header {margin: 0; height: 28px}
#MB_content {padding: 6px .75em; overflow: auto}
#MB_caption {font: bold 85% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em 0 .75em; margin: 0; text-align: left}
#MB_close {display: block; position: absolute; right: 5px; top:4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px}
#MB_close:hover {background: transparent}
#MB_loading {padding: 1.5em; text-indent: -10000px; background: transparent url(../images/spinner.gif) 50% 0 no-repeat}

/* this one */
#MB_frame {background-color: #000000; color: #000}

#MB_window {background-color: #D0D0D0; color: #000}

/* this one */
#MB_content {background-color: #D0D0D0; background: #000000 url(../images/moduleBg.jpg) no-repeat}

#MB_header {border-bottom: 1px solid #000; background: #181818 url(../images/modalBg.gif) repeat-x}
#MB_caption {color: #FFF; font-size: 14px; padding-top: 4px}
#MB_close {color: #FFF}
#MB_close:hover {color: #496496}