/*
## Style sheet for 'Show Day Live'
## Created by TSA Corporation/ Copyright © 2004
## Designer: Michael Ott
## Created: 07 Feb 2005
## Last Modified: 20 Feb 2005
## Modified by: Michael Ott
*/
body {
	font-family: Arial, Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 12px;
	background-color: #4a5e70;
	background-image:url(../images/background_main.gif);
	background-position:top center;
	background-repeat:repeat-x;
	margin: 0 0 0 0;
}

.container {
	position: relative;
	margin: 0 auto;
	width: 740px;
}

.pressRelease{
  height: 14px;
}

.pressReleaseHidden{
  height: 14px;
}

.pressReleaseInfo{
  height: 0px;
}

.pressReleaseInfoHidden{
  height: 40px;
}

#dates {
	position:absolute;
	text-align:center;
	left:0px;
	top:440px;
	width:350px;
	line-height:17px;
	padding-left:10px;
	z-index:150;
}

#dates a {
	border-bottom:solid 1px #d3cfc7;
	background-color:#d3cfc7;
	color:#394a52;
	text-decoration:none;
	padding:3px;
}

#dates a:hover {
	color:#0071e4;
	background-color:#e2ddd5;
	border-bottom:solid 1px #e2ddd5;
	text-decoration:none;
}

.top {
	background-image:url(../images/top.jpg);
	width:720px;
	height:99px;
	padding:30px 0px 0px 20px;
}

#menu {
	background-image:url(../images/background_menu.gif);
	width:740px;
	height:21px;
	padding-top:5px;
}

#menu a {
	font-size:11px;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
	border-right:solid 1px #c9c9cc;
	padding:2px 10px 2px 10px;
}

#menu a:hover {
	color:#ff0000;
}

/* Forces tabs to grow higher when page is selected.
/* The id is required in the menu anchors.
/* A unique id is required in the body tag of each page */
#what #menu-what {
	background-image:url(../images/menu_on.gif);
	margin-left:-4px;
	color:#ff0000;
	padding:6px 10px 6px 10px;
	border-right:0px;
}

#press #menu-press {
	background-image:url(../images/menu_on.gif);
	margin-left:-4px;
	color:#ff0000;
	padding:6px 10px 6px 10px;
	border-right:0px;
}

#shows #menu-shows {
	background-image:url(../images/menu_on.gif);
	margin-left:-4px;
	color:#ff0000;
	padding:6px 10px 6px 10px;
	border-right:0px;
}

#contact #menu-contact {
	background-image:url(../images/menu_on.gif);
	margin-left:-4px;
	color:#ff0000;
	padding:6px 10px 6px 10px;
	border-right:0px;
}

#video #menu-video {
	background-image:url(../images/menu_on.gif);
	margin-left:-4px;
	color:#ff0000;
	padding:6px 10px 6px 10px;
	border-right:0px;
	}

#download #menu-download {
	background-image:url(../images/menu_on.gif);
	margin-left:-4px;
	color:#ff0000;
	padding:6px 10px 6px 10px;
	border-right:0px;
}

#screens #menu-screens {
	background-image:url(../images/menu_on.gif);
	margin-left:-4px;
	color:#ff0000;
	padding:6px 10px 6px 10px;
	border-right:0px;
}

/* Download panel area */
#panel {
	background-image:url(../images/background_panel.gif);
	width:725px;
	height:190px;
	padding:0px 0px 0px 15px;
}

#panel img {
	float:left;
	border:0px;
}

#panel a {
	border:0px;
}

#featurelistnew {
	position:absolute;
	top:170px;
	left:180px;
}

#featurelistnew li, img {
	list-style-image:url(../images/li.gif);
	font-size:11px;
	color:#fff;
	line-height:14px;
	z-index:300;
}

#featurelistnew img {
	float:inherit;
}

#featurelistnew ul {
	margin-top:0px;
}

#featurelist {
	position:absolute;
	top:170px;
	left:400px;
}

#featurelist li, img {
	list-style-image:url(../images/li.gif);
	font-size:11px;
	color:#fff;
	line-height:14px;
	z-index:300;
}

#featurelist img {
	float:inherit;
}

#featurelist ul {
	margin-top:0px;
}



/* This forces an empty div to float right of the text in 'contentright', thereby giving the
   impression of text wrapping around the image. The actual image is in a separate div
   with a z-index higher than contentright. */
.textblock {
	float:right;
	right:5px;
	width:220px;
	height:210px;
	z-index:100;
}

.image {
	position:absolute;
	top:323px;
	float:right;
	right:15px;
	width:220px;
	height:261px;
	z-index:100;
}


/* Content area */
#contentleft {
	width:370px;
	border-top:solid 10px #b1aa98;
	background-image:url(../images/column_separation.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#contentleft p {
	padding:0px 25px 0px 25px;
	font-size:11px;
	line-height:17px;
	color: #394a52;
}

#contentleft a {
	background-image:url(../images/link.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#d3cfc7;
	padding:0px 14px 0px 4px;
	color: #394a52;
	text-decoration:none;
}

#contentleft a:hover {
	color: #0071e4;
	text-decoration:none;
	width:200px;
}

/* Padding to stop bullet points from touching the right edge of the 'contentleft' div.
	Purely for asthetics, but also to stop IE list-image bug from occuring.
*/
#contentleft ul {
	padding-right:15px;
}

#contentleft li {
	list-style-image:url(../images/li.gif);
	font-size:11px;
	color: #394a52;
}

#contentleft image {
	border:0px;
	padding:5px;
}


#contentimage {
	background-color:#f7f5f2;
	border:5px solid #f7f5f2;
	margin:0px 7px 0px 20px;
	color:#5d5d5d;
	float:left;
	width:200px;
	font-size:10px;
	line-height:12px;
	text-align:center;
	display:inline;
}

#contentright {
	width:340px;
	border-top:solid 10px #b1aa98;
	position:absolute;
	left:370px;
	top:345px;
	padding:20px 15px 0px 15px;
}

#contentright p {
	padding:0px 10px 0px 10px;
	font-size:11px;
	line-height:17px;
	color: #394a52;
}

#contentright a {
	background-image:url(../images/link.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#d3cfc7;
	padding:0px 14px 0px 4px;
	color: #394a52;
	text-decoration:none;
}

#contentright a:hover {
	color: #0071e4;
	text-decoration:none;
}


/*	Padding to stop bullet points from touching the right edge of the 'contentright' div.
	Purely for asthetics, but also to stop IE list-image bug from occuring.
*/
#contentright ul {
	padding-right:15px;
}

#contentright li {
	list-style-image:url(../images/li.gif);
	font-size:11px;
	color: #394a52;
	line-height:15px;
}

hr {
	border: solid 1px #b4b4b4;
	height:1px;
	width:300px;
}

h1 {
	background-image:url(../images/heading_01.gif);
	height:49px;
	width:348px;
	color:#fff;
	font-size:30px;
	font-weight:normal;
	padding:13px 10px 10px 15px;
	margin: 0 auto;
	margin-bottom:25px;
}

h2 {
	font-size:14px;
	color:#394a52;
	font-weight:bold;
	padding:0px 0px 0px 25px;
}

#footer {
	width:350px;
	height:20px;
	background-color:#2c6c94;
	border-bottom:solid 5px #f38900;
	margin-top:20px;
	color:#7aa2bb;
	font-size:11px;
	padding:8px 10px 0px 10px;
	position:absolute;
}

/* Footer area */
#footer a {
	color:#7aa2bb;
	text-decoration:none;
	background-color:#2c6c94;
}

#footer a:hover {
	color:#90c0dc;
	text-decoration:none;
}

#footer img {
	float:right;
	border:0px;
	margin:-13px 1px 0px 0px;
}

/* Input styles */
input, select, textarea {
	background-color:#fff;
	background-image:url(../images/background_input.gif);
	color:#2c6c94;
	font-family:Arial, Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 11px;
	border:solid 1px #2c6c94;
	padding:2px;
	width:75%;
}

.submit {
	margin-top:10px;
	height:22px;
	background-image:url(../images/submit.gif);
	width:70px;
}

form {
	margin: 0 0 0 0;
}

.images {
	border:solid 5px #fff;
	background-color:#fff;
}

.screens {
	width:700px;
}

.screens p {
	padding:0px 25px 0px 25px;
	font-size:11px;
	line-height:17px;
	color: #394a52;
}

.screens h1 {
	float:left;
	width:715px;
}

.screens li {
	font-size:11px;
	line-height:17px;
	color: #394a52;
	list-style-image:url(../images/li.gif);
}

.screens a {
	background-image:url(../images/link.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#d3cfc7;
	padding:0px 14px 0px 4px;
	color: #394a52;
	text-decoration:none;
}

.screens a:hover {
	color: #0071e4;
	text-decoration:none;
	width:200px;
}