table.weeklySchedule
{
	background-color: #7C7C7C;
	color: #FFF;
}

.scheduleColumn
{
	background-color: #7C7C7C;
	color: #FFF;
}

.scheduleColumnSelected
{
	background-color: #555555;
	color: #FFF;
}

.onePixelSpacerCell
{
	width: 1px;
	background-color: #A3A4A6;
}

.weeklyScheduleTimeSlot
{
	color: #FFFFFF;
	margin: 15px 2px 0px 4px;
	padding: 0px;
}

.weeklyScheduleShowName
{
    
	color: #00CCFF;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	font-weight: bold;
}

.weeklyScheduleShowName a
{
    width:106px;
    overflow:auto;
	color: #00CCFF;
	font-weight: bold;
	text-decoration: none;
}

.weeklyScheduleShowNameTODAY
{       
	color: red;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	font-weight: bold;
}

.weeklyScheduleShowNameTODAY a
{
    width:106px;
    overflow:auto;
	color: red;
	font-weight: bold;
	text-decoration: none;
}

.weeklyScheduleDJ
{
	margin: 0px 2px 0px 2px;
	padding: 0px;
	color: #000;
}

.hiddenDiv
{
    width:106px;
    overflow:auto;
    display:none;
}
.weeklyScheduleContainerDiv
{
    margin: 5px 2px 0px 2px;
}

div#scheduleInfoBox
{
	position: absolute;
	top: 200px;
	left: 200px;
	background: url(../images/schedule/scheduleInfoBoxBackground.png) left top no-repeat;
	width: 200px;
	height: 190px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

div#scheduleInfoBoxContent
{
	width: 180px;
	height: 170px;
	overflow:hidden;
	text-overflow: ellipsis;
	margin: 7px 0px 0px 11px;
	padding: 0px;
}

div#scheduleInfoBoxContent img
{
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

div#scheduleInfoBoxContent b
{
	color: #000;
}

div#scheduleInfoBoxContent strong
{
	color: #003399;
}

div.scheduleInfoShow
{
	display: none;
}

div#dailyScheduleDaysContainer
{
	height: 30px;
	width: 610px;
	background-color: #CCC;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

div#dailyScheduleDaysContainer .dailyScheduleDaysButton
{

	float: left;
	height: 29px;
	margin: 1px 1px 0px 0px;
	padding: 0px;
}
			
div#dailyScheduleDaysContainer .dailyScheduleDaysButtonLast
{

	float: left;
	height: 29px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
}
			
#dailyScheduleHeadContainer
{
	height: 20px;
	width: 610px;
	background-color: #CCCCCC;
	color: #333333;
	margin: 0px;
	padding: 0px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid none solid none;
}
			
.dailyScheduleHeadDJ
{
	float: left;
	height: 20px;
	width: 145px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-color: #999999;
	border-width: 1px;
	border-style: none dotted none none;
	line-height: 20px;
	font-weight: bold;
	text-indent: 10px;
}
.dailyScheduleHeadShow
{
	float: left;
	height: 20px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-color: #999999;
	border-width: 1px;
	border-style: none dotted none none;
	line-height: 20px;
	font-weight: bold;
	text-indent: 10px;
}
.dailyScheduleHeadTime
{
	float: left;
	height: 20px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 20px;
	font-weight: bold;
	text-indent: 10px;
}
			
#FeaturedShowOnSchedule
{
	margin: 0px 0px 10px 0px;
}