#calendar th,
#calendar td,
#calendar-nav,
#trailer_list
{
  font-family:Arial,Verdana,sans-serif;
  font-size:10px;
}

#calendar
{
    width: 155px;
    border-collapse: collapse;
    table-layout: auto;
}

#calendar th,
#calendar td
{
  height: 18px;
  width: 21px;

  border:1px solid #e7e8e8; /* Because IE doesn't support border-spacing = npx attribute */
}

#calendar a
{
}

#calendar a.active {
	background-color: #e7e8e8;
	color: #E34349;
}

#calendar thead th
{
  background-color: #b11016;
  color:#FFFFFF;
  text-decoration:none;
}

#calendar tbody td
{
  width: 155px;
  color:#8F9091;
  background-color: white;
  text-align: center;
}

#calendar td.today
{
  background-color: #b11016;
  color: white;
}

#calendar tbody td.event
{
	background-color: #a2a3a3;
	color: white;
}

#calendar tbody td a
{
	display: block;
    text-decoration:none;
	font-weight: bold;
	color: white;
}

#calendar-nav
{
  width: 155px;
  position: relative;
  height: 20px;
}

#calendar-nav
{
  background-color: #c0c0c0;
  text-align: center;
}

#prev-nav
{
  position: absolute;
  top: 0;
  left: 0;
}

#next-nav
{
  position: absolute;
  top: 0;
  right: 0;
}

#calendar-nav span
{
  top: 4px;
  position: relative;
}

/* ------------------------------------------------------------------------------------------------------
 * Tailer List
 */

#trailer_player
{
	height: 295px;
	position: relative;

	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
}

#trailer_intro h1
{
	color:#B11016;
	font-weight:bold;
	margin: 0 0 10px 0;
	font-size: 18px;
	text-align: left;
}

#trailer_intro h1 a
{
	color:black;
	text-decoration: none;
}

#trailer_intro h1 a:hover
{
	color: #3C3B3B;
}

#trailer_intro
{
	width: 236px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px;
	overflow: auto;
	height: 285px;
	text-align: justify;
}

#trailer_intro_content p
{
	margin: 0 0 10px 0;
	color: #666666;
}

#trailer_intro_content a:hover
{
	color: #E34349;
}

#trailer_intro_content a
{
	color: #B11016;
	text-decoration: none;
}


#trailer_video
{
	width: 433px;
	height: 263px;
	overflow: hidden;
	position: relative;
}

#trailer_video
{
	border: 0;
	cursor: pointer;
}


/**  
 * Need IE fix because of quirks mode
 */
#ie7 #trailer_intro
{
	height: 295px;
}

#trailer_list 
{
	margin-top: 3px;
}

#trailer_list ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
}

#trailer_list ul li
{
	list-style: none;
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
	background-color: #9c9c9c; 
	height: 17px;
}

#trailer_list ul li a
{
	display: block;
	width: 20px;
	height: 19px;
	text-decoration: none;
	text-align: center;
	background-color: #9c9c9c; 
	color: white;
	line-height: 19px;
}

#trailer_list ul li a.selected
{
	background-color: #b11017; 
}

#trailer_list ul li a:hover
{
	background-color: #b11017; 
}

#trailer_intro sup
{
	vertical-align: top;
	font-size: 0.8em;
}


#jtooltip h3
{
  font-family:Arial,Verdana,sans-serif;
  font-size:12px;
  font-weight: bold;
}

#jtooltip {
	z-index: 100;
	position: absolute;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
}

#jtooltip h3, #tooltip div { margin: 0; background-color:#eee}

#tooltip-container
{
  font-family:Arial,Verdana,sans-serif;
  font-size:12px;
  font-weight: bold;
  color: #666666;
}

#tooltip-container
{
	margin-top: 5px;
	background-color: #eee;
	padding: 5px;
	display: none;
}

#tooltip-container h2 {
	font-size: 14px;
	margin: 5px 0;
}
#tooltip-container ul
{
	margin: 0;
	padding-left: 15px;
}

#tooltip-container ul li a
{
	color:#B11016;
	text-decoration: none;
}
#tooltip-container ul li {
	margin-bottom: 5px;
}
#tooltip-container ul li a:hover
{
	color:#E34349;
}