/*  ---------------------------------------------------------- DAILY view  ------------------------------------------------------------  */

.ListingsDaily{ padding:20px 10px 0px 10px!important}
.ListingsWeekly{ background-color:#e7e7e7; padding:20px 8px 0px 8px!important; width:964px!important}

.schedule_container{ width:100%}
.schedule_container h2, .schedule_container h1{float:left}
.schedule_container h1{ font-size:18px}


a.ButtonSmall .middleListing{
	display:inline-block;
	padding: 6px 18px;
	box-shadow: none;
}

a.ButtonSmall.left .middleListing{border-radius: 5px 0px 0px 5px;}
a.ButtonSmall.right .middleListing{border-radius: 0px 5px 5px 0px;}

div.ButtonSmall{ float:left}

div.ButtonSmall .off{display:inline-block; cursor:default}

div.ButtonSmall.left .off{border-radius: 5px 0px 0px 5px;}
div.ButtonSmall.right .off{border-radius: 0px 5px 5px 0px;}


/*extras*/
.Now_container{float:left; width:100%; margin-top:25px;}
.Now_container h2{
display: inline;
padding: 1px 32px 0px 10px !important;
height: 27px;
/*width: 80px;*/
line-height: 24px;
margin-right:10px;
width:auto
}

.Now_container a{ display:inline-block; margin-top:4px;} .Now_container a:hover{ cursor:pointer}

.ReminderLink {
    float: left;
    height: 18px;
    padding-left: 15px;
	margin:2px 0 0 7px;
	cursor:pointer;
}

.ReminderLink:hover{background-position:-438px -1147px;}
#week .calendarOverflow table td .itemListings.Now  a h4, #week .calendarOverflow table td .itemListings.Premiere  a h4{ margin-top:5px}


/* === Daily === */

.Daily{
	float: left;
	margin: 15px 0 20px -10px;
	box-shadow: inset 44px -15px 95px #fff;
	padding-bottom: 30px;
	width: 638px;
	height: auto;
	}


/*Left Column*/
.Daily .LeftCol{ width:194px; height:auto; float:left;}

.Daily .LeftCol .Now_container{ float:left; margin:10px 0 0 0}

.Daily .LeftCol .Now_container a{ font-size:14px; width:150px; display:inline; margin:11px 0 0 5px; float:left; line-height:12px; font-weight:bold}

.Daily .LeftCol .weekList{ margin-top:15px; width:100%; float:left}
.Daily .LeftCol .weekList ol .dayList{margin-top:2px; position:relative; margin-bottom:10px}
.Daily .LeftCol .weekList ol .dayList_off{ height:29px; margin-top:1px; position:relative; }
.Daily .LeftCol .weekList ol .dayList_off a:hover{ height:29px; width:91%; display:block}
.Daily .LeftCol .weekList ol .dayList_off a span{  display: block;  position: absolute; width: 14px; top:9px; left:15px;}
.weekList ol .dayList_off a:hover{text-decoration:none;}

/*second level*/
.Daily .LeftCol .weekList ol .dayList ul li{width:184px; text-align:right; margin:5px 0px;}
.Daily .LeftCol .weekList ol .dayList ul li a, .Daily .LeftCol .weekList ol .dayList ul li span{ background:none; font-size:14px; text-align:right; text-decoration:none; margin:5px 7px 8px 0px; height:auto; width:215px}

/*calendar*/

.Daily .LeftCol .CalendarView{ width:91%; height:200px; float:left; margin:15px 0 0 9px; position:relative}
.Daily .LeftCol .CalendarView div .arrows{width:22px; height:22px; display:block; position:absolute;}

.Daily .LeftCol .CalendarView div .prev{top:-1px; left:2px; background-position:-107px -1820px}
.Daily .LeftCol .CalendarView div .prev:hover{background-position:-129px -1820px}
.Daily .LeftCol .CalendarView div .prev:active{background-position:-151px -1820px}

.Daily .LeftCol .CalendarView div .next{background-position:-107px -1842px; top:-1px; right:5px;}
.Daily .LeftCol .CalendarView div .next:hover{ background-position:-129px -1842px;}
.Daily .LeftCol .CalendarView div .next:active{background-position:-151px -1842px}
.Daily .LeftCol .weekList ol .dayList div span{display: block; height: 29px; position: absolute; width: 10px; top: 0px; right: -4px; z-index:2}
.Daily .LeftCol .CalendarView .CalendarGrid .CalendarDates li a{width:24px; height:17px; display:block; font-size:8px}



/*Right Column*/
.Daily .RightCol{ width: 444px;
height: auto;
float: right;
padding-bottom: 30px;
margin-right: 0px;
/*overflow-x: hidden;*/}

.Daily .RightCol ol li{
padding: 10px 10px 15px 35px;
float: left;
position: relative;
margin-bottom: 1px;
width: 455px;
margin-left:0;
}

.Daily .RightCol ol li .SocialShareContainer{ width:100%; float:left}
.Daily .RightCol ol li .SocialShareContainer div{ float:left; margin:5px 3px 0 0}

.Daily .RightCol ol li a img, .Daily .RightCol ol li a{ float:left}
.Daily .RightCol ol li a span.LinkBtn{ margin-bottom:5px}
.Daily .RightCol ol li a h1, .Daily .RightCol ol li a h2, .Daily .RightCol ol li p{ float:left; display:block;}
.Daily .RightCol ol li a h1, .Daily .RightCol ol li a h2{margin:0 0 0 10px;}
.Daily .RightCol ol li p{ margin-top:5px; width:100%}

.Daily .RightCol ol li a span{margin-left:10px; float:left; border-bottom:1px solid transparent} .Daily .RightCol ol li a span:first-child{ text-decoration:none!important}


.Daily .RightCol ol li a div{height:20px; margin:10px 0px 0px 10px; float:left}
.Daily .RightCol ol li a div:first-child{ margin-left:0}
.Daily .RightCol ol li div span a{ float:left; font-weight:normal; padding-right:27px; font-size:14px; line-height:14px; margin:4px 0 10px 10px}
.Daily .RightCol ol li div span .Past{float:left; font-size:20px; margin-bottom:5px; line-height:100%}
.Daily .RightCol ol li div span a:hover{ background-position:right -20px;}
.Daily .RightCol ol li a strong{ display:none}

.Daily .RightCol .sprite-ListingLabel{ background-position:right -1825px!important}

.TitleShowDaily{float: right; width: 225px;}
.TitleShowDaily .Link{ margin-top:8px}
.TitleShowDaily .Link:last-child{ margin-top:2px; font-size:11px}

/*Revisar si va a servir*/
/*.Daily .RightCol ol .DailyPremier{ background:#f2f2f2; border:1px solid #b1b1b1; margin-top:5px;}
.Daily .RightCol ol .DailyPremier a strong{ display:block; font-weight:bold; font-size:11px; color:#666; text-shadow:0 1px 0 #F6E380; background:url(../fox/images/misc/Labels.png) no-repeat 0px -27px; display:inline; padding:0px 30px 7px 6px !important; margin-top:5px; float:left; position:absolute; top:70px; left:25px; height:16px; line-height:25px;}
.Daily .RightCol ol .DailyPremier div span a{ font-size:14px; color:#474747}*/

ul.WeeklyPrevNext
{
	float:right; 
}

ul.WeeklyPrevNext li
{
	/*width:216px;*/
	display:inline-block
}

ul.WeeklyPrevNext a
{
	display:block;
	cursor:pointer;
	float:left
}


/* - ----------------------- Reminder ----------------------- -*/


.ReminderOverlay div{ width:10px; height:6px!important; position:absolute; top:-5px; left:45px; background-position:-216px -1775px}
.Daily .RightCol ol li.DailyNow div span .Reminder .ReminderOverlay div{left:50%;}

.calendarBackground .Reminder .ReminderOverlay{ top:17px; z-index:1}
.calendarBackground .Reminder .ReminderOverlay div{ position:absolute!important; top:-5px; left:105px}

.ReminderOverlay{ z-index:3!important}

.ReminderOverlay .Error 
{
	color: Red;
	margin-top: 5px;
	float: left;
}

.ReminderOverlay .Buttons 
{
	height:15px;
	margin-top:5px;
	float:left!important
}

.ReminderOverlay .EmailTxt
{
	margin-left: 3px;
	float: left;
	width: 200px;
}
.ReminderOverlay .SetReminder span{ display:block; margin:0 0 10px 0;}
.ReminderOverlay .SetReminder span.Buttons{ margin:3px 0 6px 0}

.Daily .ReminderOverlay .SetReminder span.Buttons{ margin-top:5px; margin-right:5px}
.ReminderOverlay .SetReminder span.Buttons a{ font-size:12px; margin:0; padding-right:20px}



/*  ----------------------------------------------------------  WEEKLY view  ------------------------------------------------------------  */


.calendarBackground { clear:both; background-position:24px -1903px; height:755px; width:945px; position:relative; margin-top:20px; margin-left:7px!important; float:left }

table.calendarHead{ height:41px}
table.calendarHead td { width:35px; height:36px; position:relative }
table.calendarHead td a.up, table.calendarHead td a.down { display:block; text-indent:-9999px; width:22px; height:22px; margin:0 auto !important;  } 

table.calendarHead td a.down {background-position:-107px -1798px; position: absolute; top:728px; left:6px; z-index:1}
table.calendarHead td a.up { margin-bottom:2px !important; position:absolute; top:34px; left:6px; z-index:1; background-position:-107px -1775px }

table.calendarHead td a.up:hover { background-position:-129px -1775px} 
table.calendarHead td a.up:active { background-position:-151px -1775px} 

table.calendarHead td a.down:hover {background-position:-129px -1798px }
table.calendarHead td a.down:active {background-position:-151px -1798px }

#week table.calendarHead th { width:131px} 

#week table.calendarHead th .day_listing { font-size:22px; line-height:19px } table.calendarHead th small {display:block; font-size:11px; margin-top:3px!important; line-height:11px} 
#day table.calendarHead th { width:900px; }
.daily_title{ font-size:15px;}

.calendarOverflow { height:700px; width:945px; overflow-y:hidden; border-bottom:1px solid #e2e2e2}
 
.calendarOverflow table tr { position:relative }
#week .calendarOverflow table td {width:131px; vertical-align:top; border-collapse:collapse }
#day .calendarOverflow table td {width:902px; background:#F0EFEF;  vertical-align:top; border-collapse:collapse }
.calendarOverflow table td div { position:relative;  }
.calendarOverflow table td .itemListings:hover{ background:#fff}
.calendarOverflow table td.calendarHours { width:31px !important; text-indent:6px; vertical-align:top; border-left:none; float:left; margin-right:7px}
.calendarOverflow table td.calendarHours ol li {height:200px; position:relative } .calendarOverflow table td.calendarHours ol li span{ display:block; top:28px; position:absolute}

.min20{height:66px}
.halfHour{height:100px;}
.hour{ height:201px;}

.min20 .ReminderLink{ display:none}
.calendarOverflow table td div a h4 { font-size:14px !important; text-transform:none }
.calendarOverflow table td div a p, .calendarOverflow table td div a span { font-size:11px; margin:1px 0 0 8px !important; font-weight:bold; }

.calendarOverflow table td div a p:last-child{ font-weight:normal;}

#week .calendarOverflow table td div a h4 { vertical-align:middle; width:116px; overflow:hidden;  padding:0 4px 0px 8px !important; font-size:14px !important; margin-top:11px; float:left; font-weight:normal}
 
#week .calendarOverflow table td div.min20 a h4, #week .calendarOverflow table td div.min20 a p{ white-space:nowrap; overflow:hidden} 
 
.calendarBackground ol li .buttons{
 
  padding: 11px 11px !important;
  vertical-align: middle;
  cursor:pointer;
  text-indent:-9999px;
  z-index:1;
  }
  
.calendarBackground ol li .next{ position:absolute; right:-6px; background-position:-107px -1842px; height:13px; width:5px; top:9px;} .calendarBackground ol li .prev{ position:absolute; background-position:-107px -1820px; height:13px; width:5px; left:27px; top:9px; z-index:1}
.calendarBackground ol li .next:hover{background-position:-129px -1842px;}
.calendarBackground ol li .next:active{background-position:-151px -1842px;}

.calendarBackground ol li .prev:hover{background-position:-129px -1820px}
.calendarBackground ol li .prev:active{background-position:-151px -1820px}



/*  ----------------------------------------------------------  ToolTip Show Details  ------------------------------------------------------------  */

.ShowDetails .Content .Details .link{ white-space: nowrap; padding:5px}

.itemListings .ShowDetails{ display:none}
.itemListings:hover .ShowDetails{ display:block}

.ShowDetails.left{ left:auto; right:124px;}
.ShowDetails.left  .Arrow{
	background-position:-205px -1775px;
	width: 5px;
	height: 9px!important;
	position: absolute;
	top: 20px;
	left:auto;
	right:-5px
	}

.ShowDetails .Arrow{
	background-position:-210px -1775px;
	width: 6px;
	height: 9px!important;
	position: absolute;
	top: 20px;
	left: -5px;
	}
.ShowDetails .Content{ overflow:auto} 
.ShowDetails .Content h4{ padding-left:10px; margin-bottom:10px; white-space:nowrap; overflow:hidden}
.ShowDetails .Content .Photo{ width:184px; height:120px}
.ShowDetails .Content .Details{ width:126px;}
.ShowDetails .Content .Details h5{ margin-left:0; clear:right/*width:118px*/}
.ShowDetails .Content .Details p{ margin:5px 0 10px 0px; clear:left; display:block}
.ShowDetails .Content .Details .Link{}
.ShowDetails .Content .ShowDescription{ margin:10px}
.ShowDetails .Content .SocialShareContainer{width:335px; padding:5px 0 5px 10px; margin-left:0px}
.ShowDetails .Content .SocialShareContainer div{ float:left; margin-left:3px}

.ShowDetails .Content .ReminderLink{
	float: right;
	position: absolute;
	top: 10px;
	right: 10px;
	}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */