@charset "UTF-8";
/* HEB2 */
/* CSS version 7.0 (telly) */


/* GENERAL */

/* Links */
a:link {text-decoration:none; border: 0px none; color: #f0f0f0;}
a:visited {color: #f0f0f0; text-decoration:none; border: 0px none;}
a:hover {color:#FFFFFF; text-decoration:none; border: 0px none;}
a.img { border: 0px none;}
a:focus {outline: 0px;}
img {border: 0px none;}sche
img.border {border: -1px #FFFFFF solid;}
ul  {list-style:none outside none;}



#clear {
clear:both;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}


body {
/* background: url("./images/site/off4b.jpg"); */
background: #686868 url("./images/site/dots.png") repeat;
font-family: Arial, Sans-serif;
font-weight: 100;
font-size: 75%;
line-height: 1.25;
color: #ffffff;
letter-spacing: 1px;
margin:0;
padding:0;
min-width: 960px;
text-align: left;
}


/* SIDEBAR */

#sidebar {
z-index: 10;
width: 230px;
position: fixed;
margin: 25px 0px 0px 50px;
text-align: left;
float: left;
}

#logo {
background: url("./images/site/black_70.png") repeat;
padding: 10px 15px 10px 15px;
margin: 20px 0px 10px 0px;
}


#timeDateBar {
background: url("./images/site/black_70.png") repeat;
padding: 5px 15px 5px 15px;
margin: 20px 0px 10px 0px;
text-align: center;
font-size: 0.9em;
letter-spacing: 0px;
}

#timeDateBar table {
width: 100%;
}

#menuBar {
background: url("./images/site/black_70.png") repeat;
padding: 10px 15px 10px 15px;
margin: 20px 0px 10px 0px;
letter-spacing: 0px;
font-size: 1.1em;
}

#navbar {
}

#navbar table {
width: 100%;
}

#navbar tr {
width: 100%;
padding: 10px 10px 10px 10px;
}

#navbar td {
padding: 10px 10px 10px 10px;
width: 50%;
}


#nowPlayingBar {
background: url("./images/site/black_70.png") repeat;
padding: 10px 15px 10px 15px;
margin: 20px 0px 10px 0px;
letter-spacing: 0px;
line-spacing: 1.8em;
}




/* WRAPPER */

#wrapper {
width: 640px;
min-height: 360px;
position: relative;
margin: 45px 10px 0px 295px;
background: url("./images/site/black_70.png") repeat;
float: left;
padding: 20px 15px 20px 15px;
}


#sectionTop {
width: 100%;
text-align: center;
}

#sectionHeader {
float: left;
display: inline;
font-size: 1.4em;
}


#sectionTop table {
float: right;
display: inline
}

.link {
padding: 0px 15px 0px 15px;
font-size: 0.8em;
}

#content {
margin: 65px 0 25px 0px;
font-size: 1em;
line-height: 1.4em;
}



/* JAVASCRIPTS */

#livestreamPlayer {
z-index: -100;
position: fixed;
top: -1;
left: -1;
width: 1px;
height: 1px;
-webkit-font-smoothing: antialiased;
}

#onAirNowPlayingSection {
font-size: 1em;
z-index: 1;
}

#offAirNowPlayingSection {
font-size: 1em;
z-index: 1;
}

#onOffDiv {
//width: 40px;
}

#onAirMessage {
color: red;
}

#clockDiv {
color: #cacaca;
}

#nowOrNext {
font-size: 1.1em;
line-height: 2em;
}

/* ONAIR */

#nowPlayingTitle {
font-size: 1.6em;
font-weight: normal;
display: block;
}

#nowPlayingTimes {
font-size: 1em;
font-weight: normal;
text-align: left;
}

#nowPlayingWhere {
font-size: 1em;
font-weight: normal;
text-align: left;
}


#click_to_watch {
}

.onAir {
cursor: pointer;
}



/* OFFAIR */

.offAir {
color: #ffffff;
}

#scheduledTitle {
position: relative;
font-size: 1.6em;
font-weight: normal;
display: block;
}


#scheduledTimes {
position: relative;
font-size: 1em;
font-weight: normal;
text-align: left;
}

#scheduledWhere {
position: relative;
font-size: 1em;
font-weight: normal;
text-align: left;
}

#scheduledDate {
position: relative;
font-size: 1em;
font-weight: normal;
text-align: left;

}

#startingMomentarily {
position: relative;
font-size: 1em;
font-weight: normal;
text-align: left;
}


/* GUIDE */

#categoryEntry {
background: #000000;
font-size: 0.8em;
margin: 20px 0px 20px 0px;
}




/* SCHEDULE */
.highlighted {
color: #jhfger;
}

#googleCalendarBox {
margin: 0px 0px 0px 20px;
}

#schedule_section {
width: 640px;
float: left;
display: block;
margin: 0px 0px 0px 0px;
}

#schedule_block_A {
margin: 20px 0px 20px 0px;
text-align: justify;
font-size: 1em;
}

#schedule_block_B {
margin: 40px 0px 40px 0px;
text-align: justify;
font-size: 1em;
}

#schedule_block_C {
margin: 40px 0px 40px 0px;
text-align: justify;
font-size: 1em;
}

#day1Intro {
font-weight: normal;
font-size: 1.4em;
margin-bottom: 10px;
}

#day1 {
font-size:1.2em;
width: 360px;
font-weight: normal;
display: block;
float: right;
}

#day2Intro {
font-weight: normal;
font-size: 1.4em;
margin-bottom:10px;
}

#day2 {
font-size:1.2em;
width: 360px;
font-weight: normal;
display: block;
float: right;
}

#day3Intro {
font-weight: normal;
font-size: 1.4em;
margin-bottom: 10px;
}
#day3 {
font-size:1.2em;
width: 360px;
font-weight: normal;
display: block;
float: right;
}

.scheduleTitle {
font-weight: bold;
font-size: 1em;
}

.scheduleData {
font-weight: normal;
display: block;
font-size: 0.8em;
}

#highlightDate {
font-size: 1.4em;
padding: 0;
margin: 0;
}

#highlightTitle {
font-size: 1.2em;
font-weight: bold;
}

#highlightDesc {
font-size: 1.2em;
}

.scheduleLeftColumn {
float: left;
width: 240px;
}

#scheduleThumb {
float: left;
width: 240px;
height: 168px;
display: block;
//background: url("./images/site/schedule/imagePlaceholder240x168.png");
border: 1px #FFFFFF solid;
}

#highlightInfo_thisWeek {
font-size: 0.8em;
line-height: 1.2em;
margin: 5px 0px 5px 0px;
float: left;
}


#scheduleHighlights {
margin: 40px 0px 0px 0px;
}

#scheduleHighlightsBlock {
float: left;
font-size: 1em;
margin: 20px 0px 20px 0px;
}

#scheduleHighlightsThumb {
float: left;
width: 200px;
height: 140px;
background: url("./images/site/schedule/imagePlaceholder200x140.png");
margin: 0px 30px 0px 0px;
border: 1px #FFFFFF solid;
}


#highlightInfo_upcoming {
font-size: 1em;
width: 400px;
float: left;
display: inline;
margin: 10px 0px 10px 0px;
}

span.highlightDate {
font-weight: normal;
font-size: 1.4em;
}

span.highlightTitle {
font-weight: bold;
font-size: 1.4em;
}

/* ARCHIVE */

#dateThumbBox {
float: left;
width: 200px;
height: 113px;
padding: 0px;
margin: 0px 5px 20px 5px;
display: inline;
text-align: center;
border: 1px #FFFFFF solid;
}



#videoThumbBox {
float: left;
width: 200px;
height: 113px;
padding: 0;
margin: 0px 5px 20px 5px;
display: inline;
text-align: center;
border: 1px #FFFFFF solid;
}

#videoThumbBoxLarge {
float: left;
width: 640px;
height: 180px;
padding: 0;
margin: 10px 0px 25px 0px;
display: inline;
font-size: 2em;
line-height: 1.4em;

}


#videoThumbImage {
float: left;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background: #ffffff;
}

#videoThumbText {
float: left;
width: 40%;
height: 100%;
display: inline;
margin: 0% 5% 0% 5%;
}

span.videoCategory {
text-transform: uppercase;
font-size: 0.75em;
}

span.videoTitle {
font-size: 0.8em;
font-weight: bold;
}

span.videoDuration {
font-size: 0.8em;
}

#archiveBrowseBox {
float: right;
width: 320px;
}

#archiveBrowseBox ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#archiveBrowseBox li {
width: 240px;
list-style-type: none;
margin: 10px 0px 10px 0px;
text-align: center;
padding: 10px 0px 10px 0px;
font-size: 1.2em;
}
}

#leftColumn240 {
float: left;
width: 240px;
margin: 0px 10px 0px 0px;
}

#recentBroadcasts {
width: 240px;
margin: 10px 0px 30px 0px;
}


#recentBroadcasts ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#recentBroadcasts li {
width: 240px;
border: 1px #FFFFFF solid;
list-style-type: none;
margin: 10px 0px 10px 0px;
text-align: center;
padding: 10px 0px 10px 0px;
font-size: 1.4em;
}

#rightColumn380 {
float: right;
width: 380px;
margin: 0px 0px 0px 0px;
}

/* ARCHIVE BROWSER */

#videoPlayer {
width: 640px;
}

#videoTitle {
width: 640px;
float: left;
font-size: 1.4em;
margin: 10px 0px 10px 0px;
}

videoBy {
font-size: 1.2em;
}

#videoDescription {
width: 440px;
float: left;
}

#videoMeta {
width: 160px;
float: right;
font-size: 0.8em;
}

/* LIVE PAGE */

#loading {
position: absolute;
top: 0;
bottom: 0%;
left: 0;
right: 0%;
background-color: black;
text-align: center;
vertical-align: bottom; 
z-index: 99;
display: block;
}

#logoLive {
padding: 10px 15px 10px 15px;
margin: 20px 0px 20px 0px;
}

#liveMenu {
}


#controls {
z-index: 1;
position: absolute;
top: 45px;
right: 45px;
}

#homeDiv {
z-index: 1;
position: relative;
float: left;
}


#fullscreenDiv {
z-index: 1;
position: relative;
float: left;
}


#pauseDiv {
z-index: 1;
position: relative;
float: left;
}


#volDiv {
z-index: 1;
position: relative;
float: left;
}

#volumeTitle {
z-index: 1;
position: relative;
float: left;
}

#volumeBars {
z-index: 1;
position: relative;
float: left;
}