/* CSS Document */
html
{
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
body {
	margin-top: 2px;
	margin-left: 3px;
}

A.plainLink:link{
	font-weight:normal;
	color:#0000FF;
	text-decoration: none;
}
A.plainLink:visited{
	font-weight:normal;
	color:#0000FF;
	text-decoration:none;
}
A.plainLink:hover{
	font-weight:normal;
	color:#0000FF;
	text-decoration:underline;
}

#pagecontainer
{
	border:2px solid #999999;
}

.note {
	font-size:12px;
}
.notemedsmall {
	font-size:11px;
}
.notesmall {
	font-size:10px;
}

#currentstationtime {
	color:#FFFFFF;
	font-size:10px;
}

/* live updates scroll region */
.Container-LiveUpdates {
  position: absolute;
  top: 20px; left: 0px;
  width: 220px;
  height: 239px;
  background-color: #000000;
}
#Scroller-LiveUpdates { 
  position: absolute; 
  overflow: hidden;
  width: 218px;
  height: 239px;
  background-color:#FFFFFF;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
}

#Scrollbar-LiveUpdates {
  position: absolute;
  top: 0px;
  left: 0px;
  width:220px;
}
/* end live updates scroll region */

/* general classes needed for scrolling */
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Track {
  width: 20px; height: 161px;
  position: absolute;
  top: 36px; left: 4px;
  background: transparent url(images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height: 22px;
}
/* end general classes needed for scrolling */

/* program schedule scroll region */
.Container-PrgSch {
  position: absolute;
  top: 20px; left: 0px;
  width: 220px;
  height: 325px;
  background: #FFF url(images/container_background.gif) no-repeat;
}

#Scroller-PrgSch { 
  position: absolute; 
  overflow: hidden;
  width: 218px;
  height: 325px;
  background-color:#FFFFFF;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
}

#Scrollbar-PrgSch {
  position: absolute;
  top: 0px;
  left: 0px;
  width:220px;
}

#Scroller-PrgNowPlaying { 
  position: absolute; 
  overflow: hidden;
  width: 218px;
  height: 325px;
  background-color:#FFFFFF;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
}
/* end program schedule scroll region */

/* styling of program schedule items inside the scroll region */
.programitemrow_on {
	background-color: #336699;
	color:#FFFFFF;
}
.programitemrow_on .ProgramScheduleDateLine {
	font-size:10px;
	color: #CCCCCC;
}
.programitemrow_1 {
/* this is an alternating row in the program schedule when it is not selected */
	background-color:#EBEBFF;
	color:#000000;
}
.programitemrow_2 {
/* this is an alternating row in the program schedule when it is not selected */
	background-color:#FFFFFF;
	color:#000000;
}
.ProgramScheduleTitle {
	cursor:pointer;
	font-weight:bold;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.ProgramNowStreamingText {
	color:#336699;
}
.ProgramNowPlayingText {
	color:#990000;
}
.ProgramScheduleDateLine {
	font-size:10px;
	color:#666666;
}
.LoadingProgramSchedule
{
	width:220px;
	text-align:center;
	padding-top:100px;
}
A.whiteLink:link{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
A.whiteLink:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;	
}
A.whiteLink:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;	
}
A.whitesmall:link{
	color: #FFFFFF;
	text-decoration:none;
	font-size: 11px;
}
A.whitesmall:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-size: 11px;
}
A.whitesmall:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;	
}

/* end styling of program schedule items inside the scroll region */

/* help button text */
A.helpButtonText:link{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
A.helpButtonText:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;	
}
A.helpButtonText:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;	
}

/* end help button text */
/* player area classes */
.divAssetPic_default {
	width: 320px;
	height: 245px;
	text-align:center;
	background-image: url(../images/PlayerDefaultBackground.gif);
	background-repeat: no-repeat; 
}
.divAssetPic_image {
}
.divAssetPic_video {
}
.imgAsset_default {
	margin-top: 140px;
}
.imgAsset_image {
}
/* end player area styles */
/* ad styles */
.sponsorby_text {
	color:#FFFFFF;
	font-weight:bold;
}
/* end ad styles */

#nowPlaying_text {
	text-align:left;
	color:#FFFFFF;
	height:15px;
	font-weight:bold;
}

#ProgramDetailDate {
	font-size:10px;
	color:#666666;
	font-weight:bold;
}

.LiveStreamButton_on {
}
.LiveStreamButton_off {
	display:none;
}

/* makes round corners around box */
.roundcorner{display:block}
.roundcorner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.roundcorner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.roundcorner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.roundcorner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.roundcorner4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.roundcorner5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.roundcornerfg{
  background:#FFFFFF}  

