body {
	font-family:"Arial","Helvetica",sans-serif;
	font-size: 12px;
}
.drag {
	position: relative;
}
.rotator1 {
 	text-align: center;
 	float: left;
	width: 703px; /*874px;*/
	margin:0 auto;
	background-color: #ffffff;
}
.flash  {
	width: 874px;
}
.flash img {
	width: 874px;
	padding: 0px;
	vertical-align: bottom;
}
.rotator1 .rotatorLeft {
    border: 4px solid #ffffff;
    border-bottom: 0px;
 	float: left;
	width: 117px;
}
.rotator1 .rotatorLeft .images  {
 	height: 210px;
 	overflow: hidden;
 	background-color: #ffffff;
}
.rotator1 .rotatorLeft .images .images1 {
 	margin-top: 0px;
}
.rotator1 .rotatorLeft .images .imageDiv {
 	width: 117px;
 	height: 70px;
}
.rotator1 .rotatorLeft .images a img,
.rotator1 .rotatorLeft .images img {
 	border: 0px;
	vertical-align: bottom;
 	width: 113px;
 	height: 64px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 2px;
}
.rotator1 .rotatorLeft .images a { outline: none; }
/*#image1 {
 	border: 2px solid #701170;
}*/
#image0, #image1, #image2, #image3, #image4 {
 	border: 2px solid #999999;
}
.rotator1 .rotatorLeft .images .imageDivFM {
    width: 117px;
    height: 70px;
}
.rotator1 .rotatorLeft .images .imageDivFM img {
    border: 2px solid #999999;
}
.rotator1 .rotatorLeft .ster {
 	width: 117px;
    background: transparent url(/img/rotator/ster/control-bg.jpg) repeat-x scroll 0px -2px;
	height: 37px;
}
.rotator1 .rotatorLeft .ster .timer {
 	width: 25px;
 	padding-left: 10px;
}
.rotator1 .rotatorLeft .ster .timer .backTimer {
	width: 18px;
	background: url('/img/rotator/ster/timer-bg.gif') no-repeat;
}
.rotator1 .rotatorLeft .ster .timer .backTimer .backTimerDiv {
	text-align: left;
}
.rotator1 .rotatorLeft .ster .timer .backTimer img {
   margin: 0px 0px 0px 2px;
}
.rotator1 .rotatorLeft .ster .pause {
 	width: 30px;
 	padding-left: 5px;
}
.rotator1 .rotatorLeft .ster .up {
 	width: 20px;
}
.rotator1 .rotatorLeft .ster .down {
 	width: 20px;
 	padding-right: 3px;
}
.rotator1 .rotatorLeft .ster a img {
 	position: relative;
 	top: 1px;
	border: 0px;
}
.rotator1 .rotatorLeft .ster a { outline: none; }
.rotator1 .rotatorCenter {
 	background-color: #ffffff;
 	padding-right: 4px;
 	border-top: 4px solid #ffffff;
 	float: left;
	width: 574px;
	height: 247px;
	vertical-align: bottom;
	position: relative;
}
.rotator1 .rotatorCenter a {
}
.rotator1 .rotatorCenter #largeImage {
	vertical-align: bottom;
}
.rotator1 .rotatorRight {
 	padding: 4px 4px 0px 4px;
 	background-color: #999999;
 	float: left;
}
.rotator1 .rotatorCenter #openHTMLinner {
 	position: absolute;
	overflow: hidden;
 	left: 0px;
 	top: 0px;
 	width: 191px;
	height: 247px;
	float: left;
}
.rotator1 .rotatorCenter #openHTMLinner img {
 	width: 191px;
 	height: 247px;
	vertical-align: bottom;
	border: 0px;
}
.rotator1 .rotatorCenter #largeImage {
    background: transparent url(/img/rotator/spacer.gif) no-repeat scroll right 0;
	height: 247px;
	width: 574px;  /*383px;*/
	float: left;
	cursor: pointer;
}
.rotator1 .rotatorCenter #largeImage a img {
	height: 247px;
	width: 383px;
	vertical-align: bottom;
	border: 0px;
}
.rotator1 .rotatorCenter #largeImage a { outline: none; }
.rotator1 .rotatorRight img {
	height: 247px;
	width: 159px;
	border: 0px;
	vertical-align: bottom;
}
.rotator1 .rotatorShadow {
	padding-left: 123px;
	float: left;
}
.rotator1 .rotatorShadow img {
	vertical-align: top;
}
/*********************
/ rotatorForm
*********************/
.rotatorForm {
 	float: left;
 	margin-top: 10px;
 	border: 1px solid black;
 	padding: 20px 0px 3px 0px;
	width: 600px;	
}
.rotatorForm form {
 	margin: 0px;
}
.rotatorForm .thumbnail {
	margin-bottom: 8px;
	width: 600px;
}
.rotatorForm span {
	float: left;
	text-align: right;
	width: 100px;
	padding-right: 5px;
}
.rotatorForm .thumbnail .te_thumbnail_div {
	text-align: left;
}
.rotatorForm .thumbnail .te_thumbnail_div input {
/* 	font-family: monospace;
 	font-size: 13px;*/
}
.rotatorForm .URL {
	width: 500px;
	margin-bottom: 10px;
 }
.rotatorForm .URL input {
	width: 305px;
}
.rotatorForm textarea {
	text-align: left;
	width: 390px;
}
.rotatorForm .teCheck {
 	float: left;
 }
.rotatorForm .teDiv {
 	float: left;
	text-align: left;
	width: 480px;
}
.rotatorForm .startTime,
.rotatorForm .endTime {
 	float: left;
	margin-top: 5px;
 	width: 590px;
 	position: relative;
 	z-index: 1;
}
.rotatorForm .startTime span,
.rotatorForm .endTime span {
 	padding: 3px 0px 0px 3px;
	width: 77px;
	text-align: left;
}
.rotatorForm .timeCheck {
 	float: left;
	width: 100px;
	padding-right: 5px;
}
.rotatorForm .teDiv .teDataMonth {
	margin-right: 5px;
	width: 100px;
}
.rotatorForm .teDiv .teDataDay {
	margin-right: 5px;
	width: 50px;
}
.rotatorForm .teDiv .teDataYear {
	margin-right: 5px;
	width: 70px;
}
.rotatorForm .teDiv .teDataHour {
	margin-right: 5px;
	width: 50px;
}
.rotatorForm .teDiv .teDataMinute {
	margin-right: 5px;
	width: 50px;
}
.rotatorForm .teDiv .teDataPM {
	width: 50px;
}
.rotatorForm .submitButtonDiv #errorArea {
	float: none;
	margin-left: 10px;
 	font-size: 18px;
}
.rotatorForm .submitButtonDiv  {
	clear: both;
 	padding-top: 10px;
}
.rotatorForm .submitButtonDiv .submitButton {
	float: right;
	margin-right: 5px;
}
.frequencyForm {
 	width: 265px;
	margin-left: 5px;
	float: left;
}
.rotatorForm .te_div {
    text-align: left;
}
.rotatorForm .te_thumbnail_div {
    text-align: left;
}
.rotatorForm .te_thumbnail {
    text-align: left;
}
.frequencyForm .te1 {
	width: 30px;
	font-size: 12px;
	text-align: right;
}
.frequencyForm .te2 {
	width: 55px;
	font-size: 12px;
	text-align: right;
}
.frequencyForm .submitButton {
	margin-left: 10px;
}
.rotatorAdmin {
	float: left;
}
.rotatorAdmin .changeContent {
	float: left;
	margin-top: 5px;
	text-align: center;
	width: 130px;
}
.rotatorAdmin .changeContent .addButton {
 	text-align: center;
 	width: 80px;
 	margin-bottom: 5px;
}
.publish {
 	float: left;
	width: 600px;
	margin-top: 15px;
 	text-align: center;
}
.publish .publishButton {
 	margin-bottom: 8px;
}
.rotatorAdminForm {
	width: 600px;
	float: left;
}

.rotatorAdminContainer {
	float: left;
	width: 985px;
/*	margin: 0px auto;
	width: 874px;*/
}
.rotatorChange {
 	background-color: #eeeeee;
 	width: 840px;
 	float: left;
 	border: 2px solid gray;
 	padding: 5px;
 	margin-bottom: 5px;
}
.rotatorChange .select {
 	width: 230px;
 	float: left;
}
.rotatorChange .select .rotatorChangeSelect {
 	width: 220px;
}
.rotatorChange .rotatorText {
 	width: 380px;
 	float: left;
 	text-align: left;
 	color: brown;
 	font-weight: normal;
 	font-size: 16px;
}
.rotatorChange .rotatorText #infoRotator {
 	font-weight: bold;
}
.rotatorChange .rotatorTextElements {
 	width: 140px;
 	float: left;
 	text-align: left;
 	color: brown;
 	font-weight: normal;
 	font-size: 16px;
}
.rotatorChange .rotatorTextElements #infoRotatorElements {
 	font-weight: bold;
}
.rotatorChange .rotatorTextEdit {
 	width: 80px;
 	float: left;
 	text-align: left;
 	color: brown;
 	font-weight: normal;
 	font-size: 16px;
}
.rotatorChange .rotatorTextEdit #infoRotatorEdit {
 	font-weight: bold;
}
#rotatorMainImage {
	display: block;
}
#rotatorMainControlImage {
	display: block;
}
#rotatorMainVideo {
    display: none;
    float: right;
    margin: 2px 2px 0 0;
    /*border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;*/
}
#rotatorMainVideoFM {
	display: block;
	float: right;
	margin: 2px 2px 0 0;
	position: absolute;
	left: -1000px;
}
#rotatorMainControlVideo {
	display: none;
	float: left;
}
#ooyalaWaiting {
	display: block;
	padding-bottom: 8px;
	padding-top: 5px;
	width: 600px;
	float: left;
}
#ooyalaWaiting .ooyalaWaitingSpan {
	margin-left: 10px;
 	color: blue;
 	text-align: left;
 	font-size: 15px;
 	font-weight: bold;
	width: 200px;
	float: left;
}
#ooyalaWaiting #progressText, #ooyalaWaiting #progressTime {
	width: auto;
	margin-left: 5px;
}
#ooyalaVideoList {
	display: none;
	width: 600px;
	float: left;
}
.rotatorForm .ooyalaVideo {
	width: 600px;
	float: left;
}
#ooyalaVideoList .ooyalaVideo span {
 	padding: 0px;
	width: 66px;
}
 #videoCategoriesDiv {
	float: left;
}
#ooyalaVideoList .ooyalaVideo #videoListDiv {
	float: left;
}
#ooyalaVideoList .ooyalaVideo {
	padding-bottom: 5px;
}
.rotatorForm .rotatorParams {
    width: 500px;
    float: left;
    margin: 0px 0px 8px 50px;
    border: 1px solid black;
} 
.rotatorForm .rotatorParams .rotatorParam {
    font-weight: bold;
    color: brown;
} 
.rotatorForm .rotatorParams span {
	width: auto;
}

#progressBar { width:218px; height:16px; background:url(http://images.channelone.com/img/sports_potw/loader_background.gif) repeat-x; float:left; }
#progressBar #pBar { background-color:#dad6d6;width:0%;height:16px; float:left;padding:0px;line-height:16px; }
#uploadComplete { color:blue; font-size:16px; font-weight:bold; }
/*********************************
rotator standard template
*********************************/
#openHTMLinner .standard { padding: 10px 0 0 10px; }
#openHTMLinner .standard h2, #openHTMLinner .standard h2 a { color: #f7ca2d; font-size: 26px; line-height: 28px; margin: 0; padding: 0 0 7px; text-align: left; text-decoration: none; text-transform: none; }
#openHTMLinner .standard p { margin: 0; padding: 0 0 15px; }
#openHTMLinner .standard p.subhead { color: #fff; font-size: 12px; line-height: 17px; text-align: left; }
#openHTMLinner .standard p.btn { text-align: center; }
#openHTMLinner .standard p.btn a { background: #000 url(http://images.channelone.com/img/rotator/bg-standard-btn.gif) repeat-x top left; border: 2px solid #a8aeaa; color: #fff; font-size: 12px; font-weight: bold; line-height: 17px; margin: 0 auto; padding: 1px 8px; text-align: center; text-transform: uppercase; text-decoration: none; }

#section_home .rotator1 .rotatorCenter #openHTMLinner { width: 250px; }
#todaysShow { text-align: left; }
#todaysShow h2 { margin: 0; padding: 0 0 16px; }
#todaysShow h2 a { display: block; font-size: 28px; line-height: 31px; color: #fff; margin: 0; padding: 67px 0 0 13px; text-decoration: none; width: 100%; }
#todaysShow p { color: #fff; font-size: 12px; margin: 0; padding: 0 0 0 13px; }
#todaysShow p a { color: #fff; font-weight: bold; text-decoration: underline; }
#todaysShow p.desc { padding-bottom: 4px; }

#videoInfo { position: relative; text-align: left; }
#videoInfo #bufferlink { height: 53px; width: 191px; margin-bottom: 13px; display: block; text-indent: -9999em; overflow: hidden; }
#videoInfo h2 { margin: 0; padding: 0 6px 22px 17px; text-transform: none; }
#videoInfo h2, #videoInfo h2 a { color: #f93; font-weight: bold; font-size: 20px; line-height: 24px; text-decoration: none; }
#videoInfo h2 a:hover { text-decoration: underline; }
#videoInfo p { background: url(http://images.channelone.com/img/rotator/video-arrow.png) no-repeat 9px 6px; color: #fff; font-size: 12px; line-height: 14px; margin: 0; padding: 0 6px 0 17px; }