/***************************************** 
Schedule page specific CSS
*****************************************/
body{ background: #000 url(../_images/bg/pages-bg3.png) repeat-x top left !important;}

#main-content {margin: -10px 0 30px 0; padding: 0; _margin: -25px 0 30px 0; }

#main-content img{ margin: 0; padding: 0;}

/*************************************
*  Global Styles
************************************/

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

#main-content ul li {float: left; padding: 0; margin: 0; cursor: pointer;}

#videoinfo {text-align: left;}

img#prev_btn,
img#next_btn,
img#close_btn {cursor: pointer;}

/*************************************
*  Schedule header (not page header)
************************************/

#scheduleHeader {width: 954px; height: 50px; margin: 35px 0 14px 0; border-bottom: 1px solid #696969;}

#scheduleTitle .title {font-size:20px; color: #FFFFFF;}

#scheduleTitle .showtimes {color: #696969;}

#scheduleFunctions {text-align: left; clear: both;}

#scheduleFunctions a {padding: 3px 0 0 20px; margin: 0 10px 0 0; color:#036c90;  text-decoration: none; text-align: left; cursor: pointer !important;}

a.rss-link { background: url(../_images/rss_small.gif) no-repeat 0px 0px; _background: url(../_images/rss_small.gif) no-repeat 0px 3px; cursor: pointer !important;}

a.print-link { background: url(../_images/print_small.gif) no-repeat 0px 0px; _background: url(../_images/print_small.gif) no-repeat 0px 3px; cursor: pointer !important;}

#scheduleHeader #rightBlock {width: 440px; float:right; text-align: right;padding:0px;margin:0px;margin-top:8px;height:40px;}
#scheduleHeader #rightBlock ul li{padding:0px;margin:0px;_margin-bottom:-3px;}
#scheduleHeader #rightBlock ul li img{padding:0px;margin:2px 0px 0px 0px;height:40px;}
#scheduleHeader #leftBlock { float:left; width: 500px;}

#scheduleHeader #leftBlock h3{ float:left; width: 100px;}

img#this_week_btn {width:158px; height: 40px; margin:0px;padding:0px;margin-top: 10px; }

img#next_week_btn {width:158px; height: 40px; margin:0px;padding:0px;margin-top: 10px; }

#this_week_btn.active {cursor: default;border-top:1px solid #FFF;} 
#next_week_btn.active{ cursor: default;border-top:1px solid #FFF;}
#this_week_btn.inactive , #next_week_btn.inactive{ cursor: pointer;}

#rightBlock ul {float: right; height: 40px; width: auto; }

#rightBlock ul li{float: left; height: 40px; }

/*************************************
*  control bar (earlier, later, times)
************************************/

#controls{width: 954px; margin: 0px auto; color: #ffffff; background: #000; position: relative; height: 35px; overflow: hidden; }

#controls ul {float:left; padding: 0; margin: -4px 0 0 0; }

#controls ul li {float:left; width: 176px; margin: 3px 0px; border-top: 4px solid black; border-bottom: 4px solid black; text-align: left; font-size: 16px; }


#controls #prev_btn {position: absolute; top:0px; left: 0px; padding: 4px 0 4px; _padding: 4px 0 0; background: #000000 !important; }

#controls #next_btn {position: absolute; top:0px; right: 0px; padding: 4px 0 4px; _padding: 4px 0 0; background: #000000 !important; }

#timeShell{width: 784px; height: 30px; overflow:hidden; position: absolute; top: 0px; left: 76px; _left:78px;}

#timeContainer {width: 17700px;}


/*************************************
*  days block (left of schedule)
************************************/

#dayBlock {width: 70px; height: 482px; _height:484px; @height:484px; overflow: hidden; color: #036c90; background: #000; float: left; position: relative; z-index: 99; margin-top: -5px; }

#dayBlock ul li { width: 80px; margin: 0; height: 72px; _height:70px; display: block; padding: 0; }

.this_date {color: #ffffff;}  

.next_weeks_date {color: #036c90;}


/*************************************
*  popup styles
************************************/
.popup_right {z-index:50; position: absolute; color:#ffffff; padding: 4px; width: 210px; font-size: 11px;  display: block;}
.popup_right div{ background-color:black; border: 1px solid #036c90;}
.popup_right img#left_arrow {float:left;z-index:100;margin-top:10px;}
.popup_right h3 {/*margin-top: -30px; */color:#036c90;}

.popup_right .date { color: #696969;}
/*.popup_right #close_btn {margin-left: 190px; margin-top: -70px;}*/

#close_btn {position: absolute; z-index: 100;}

.popup_left {z-index:50; position: absolute; color:#ffffff; padding: 4px 4px 4px 14px; width: 250px; font-size: 11px; display: block;}
.popup_left div{ background-color:black; border: 1px solid #036c90;margin:0px !important;float:left;width:200px;}
.popup_left h3 {/*margin-top: -30px;*/ color:#036c90;}
.popup_left img#right_arrow {float:left;z-index:100;margin-top:10px;margin-right:0px; margin-left: -1px;}
.popup_left .date { color: #696969;}

/*.popup_left #close_btn {margin-left: -30px; margin-top: -70px; padding:0px;}*/

/*************************************
*  Main schedule block
************************************/
#scheduleShell{ width: 878px; _width: 865px; overflow: hidden; padding:0; text-align:left; float:left; margin-top: -6px; }

#scheduleContainer { padding: 0; margin:0; }

#horizontalBlock { width: 954px; height: 500px; padding:0; margin:10px 0 0; clear: both; }

.movie_block p{  font-weight: bold; font-size: 12px; color: #036c90; margin:4px;}

.tv_block p{  font-size: 12px; color: #036c90; margin:4px;}

.movie_block_hover p{  font-weight: bold; font-size: 12px; color: #036c90; margin:4px;}

.tv_block_hover p{  font-size: 12px; color: #036c90; margin:4px;}

/* DAY_DIVS IS THE TOTAL (48) OF THE BASE UNIT */
.day_divs{ width: 12000px; overflow:hidden; height: 70px; } /*added set height & extended the width of the div. still works fine*/       

.day_divs ul {width: 100%; overflow:hidden;}

.day_divs ul li div:hover {border: 1px solid #036c90;}

.movie_block{height: 60px; background-color: #333333; border: 1px solid black; margin: 3px 3px; width: auto;}

.movie_block_hover {height: 60px; background-color: #333333; border: 1px solid #036c90; margin: 3px 3px; width: auto;}

.movie_block p strong {color: #d82301;}

.movie_block_hover p strong {color: #d82301;}

.tv_block {height: 60px; background-color: #121212; border: 1px solid black; margin: 3px 3px; width: auto;}

.tv_block_hover {height: 60px; background-color: #121212; border: 1px solid #036c90; margin: 3px 3px; width: auto;}

.tv_block p strong {color: #036c90;}

.tv_block_hover p strong {color: #036c90;}


/**************************************
*  Duration Styles - DURATIONS ARE BASED ON 176PX UNITS
***************************************/

#controls ul li, .half_hour {width: 176px; }

#print_frame {position:absolute;left: -9999px;}

/***************************************
* MODAL SCREEN STYLES
*****************************************/
#modal_layer {position:absolute; z-index: 100000; top:0px; left: 0px; height: 490px; width: 883px; background:black; margin:0; padding: 0;}

#modal_layer img {margin-top: 30%;}        

#videoinfo div img {margin-left: 80px; margin-bottom: 50px;}        

#videoinfo div {/*margin-left: 4px;*/margin-left: 15px; margin-bottom: 2px;padding:12px;}