@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?iefix') format('eot'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#webfontPPBSbfkG') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?iefix') format('eot'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#webfontC4WSOHg3') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
	_border: none;
}
body, form {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0; padding:0;
	width: 100%;
	height: 100%;
}
body {
	/*background: url('../Images/UI/2011-bgtile.jpg') repeat 0 0;*/
	background-color:#F8C229;
}
img, object, embed {
	display: block;
	outline: none;
}
a img, img a, img, a {
	border: none;
}
a {
	outline: none;
	color:#F8981D;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	padding: 0;
	margin: 0;
}
p{
	font-size:12px;
	color:#000;	
	line-height:18px;
	margin:0 0 18px 0;
}
.clearer {
	clear: both;
	line-height: 0;
	height:0px;
	overflow:hidden;
	background:none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

p.noJS {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	display: block;
	width: 100%;
	padding: 4px 0 3px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: #F24E31;
}
div.siteContainer {
	text-align: left;
	width: 960px;
	overflow: visible;
	margin: 0 auto 60px auto;
	position: relative;
	padding: 30px 10px 10px 10px;
	background:#FFF;
}
.siteCenter{
	width: 960px;
	margin:0 auto;
}
.bgShell{
	margin:0; padding:0;
	/*background:url(../Images/UI/2011-bgmotif.jpg) no-repeat center 0;	*/
}
/*~~~~~~~~~~~~~~~heading and list styles~~~~~~~~~~~~~~*/

h1{
	color:#F8981D;
	font-size:36px;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;		
	font-weight:normal;
	margin:0 0 20px 0;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	color: #333;
	padding: 0.6em 0 0.5em 0;
	margin: 0;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #F8981D;
	padding: 0.6em 0 0.5em 0;
	margin: 0;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #333;
	padding: 0 0 0.5em 0;
	margin: 0;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: #b41933;
	padding: 0.6em 0 0.5em 0;
	margin: 0;
}
h6{
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: #b41933;
	padding: 0.6em 0 0.5em 0;
	margin: 0;
}
/*~~~~~~~~~~~~~~~~~global styles endZ~~~~~~~~~~~~~~~~~*/
/*~ used to align image left and content right~*/
.baseObj{
	display:block;
}	
.baseObj img{
	float:left;	
}
.baseObj div{
	float:left;	
	margin: 0 0 0 10px;
}
.homereviewObj div
{
    width:230px;
}
/*~~~~~~~~~~~~~~~~~header styles start~~~~~~~~~~~~~~~~*/

span.top {
	line-height: 0;
	height: 0;
	visibility: hidden;
}

/* header nav */
div.navShell {
	background:url(../Images/UI/2011-bg-nav-header.png) repeat-x 0 0;
	height:30px;
	margin:0; padding:0;
}
div.navInner {
	height:30px;	
	text-align:right;
}
div.navInner a {
	font-size:10px;
	color:#FFF;
	text-transform:uppercase;
	margin: 8px 0 0 10px;
	text-decoration:none;
	padding:3px 5px 2px 5px; display:inline-block;
}
div.navInner a:hover, div.navInner a.active{
	background:#BF1E2E;
}

div.header {
	width: 980px;
	height: 320px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	background:url(../Images/UI/2011-bg-header.gif) no-repeat 0 bottom;
}

a.logoContainer {
	position:absolute; top:20px; left:20px;
	width: 360px; 	height: 260px;
	display: block;
	margin: 0; padding: 0;
	cursor: pointer;
	cursor: hand;
	background:url(../Images/UI/logo-comedyfestival.png) no-repeat 0 0;
	text-indent:-999em;
}
.ie6 a.logoContainer{
	cursor: pointer;
	background: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='Resources/Images/UI/logo-comedyfestival.png');	
}

/* header gallery */
.headerGallery{
	position:absolute;
	top:10px; left:390px;
	width:350px; height:260px;
	background:#000; 
	display:block;
	overflow:hidden;
}
.headerGallery a span{
	width:330px; height:40px; overflow:hidden;
	position:absolute; bottom:0; left:0;
	background:url(../Images/UI/2011-bg-galleryhead.gif) no-repeat;
	color:#000; padding: 5px 10px 5px 10px;
	font-size:20px; text-transform:uppercase;
	font-family:"LeagueGothicRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	line-height:100%;
}
.headerGallery a span strong{
	text-transform:none;
	font-weight:normal;
	display:block;
	padding:0;
}

/* Header Gallery Right*/
div.headerGalleryRight {
	padding: 0; margin: 0; display: block;
	position: absolute; right: 10px; top: 10px;
	width: 220px;
	height: 260px;		
	overflow:hidden;	
}

/* region bar */

div.navbarContainerLinks {
	position: absolute;
	left: 10px;
	bottom: 40px;
	height: 26px;
	font-size: 12px;
	background:rgba(0,0,0,.65);	
}
.ie div.navbarContainerLinks {
	background:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);		
}
div.navbarContainerLinks a {
	height: 20px;	
	text-decoration: none;
	color: #FFD112;
	padding:6px 15px 0 15px;
	display:inline-block;
	float:left;
}
div.navbarContainerLinks a:hover {
	text-decoration: none;
	color: #BF1E2E;
}
div.navbarContainerLinks a.active {
	height: 26px;
	overflow: hidden;
	color:#FFD112;
	background:#000;
	font-weight:bold;
}

div.navbarContainer {
	position: absolute;
	left: 10px;
	bottom:0;
	width: 940px; height: 40px;	display:block; 
	background:#000;
	padding: 0 0 0 20px;
	color:#FFF;
	
}
div.navbarContainer a {
	float: left;
	font-size:24px;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	text-decoration:none; padding: 0; margin: 8px 30px 0 0;
	color:#FFF;
}
div.navbarContainer a:hover, div.navbarContainer a.active {
	color:#FFD112;
}
div.searchForm {
	height: 28px;
	width: 215px;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 10;
}
input.searchFormBox {
	color: #FFF;
	height: 26px;
	width: 208px;
	margin: 0;
	padding: 0px 0 0 5px;
	font-size: 12px;
	border: 1px solid #666;
	background: #000;
}
.ie8 input.searchFormBox, .ie7 input.searchFormBox, .ie6 input.searchFormBox {
	padding-top:5px;
	height:21px;	
}
div.searchForm a.searchSubmitButton {
	position:absolute;
	top:1px; right:2px;
	height: 24px; width: 28px;
	margin: 0; padding: 1px 0 0 0; display: block;
	background: #000;
	overflow:hidden;
	color:#F8981D;
	text-align:center;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
}
.ie8 div.searchForm a.searchSubmitButton, .ie7 div.searchForm a.searchSubmitButton, .ie6 div.searchForm a.searchSubmitButton {
	top:2px;
}
div.searchForm a.searchSubmitButton:hover {
	color: #FFD112;
}


/*~~~~~~~~~~~~~~~calendar styles start~~~~~~~~~~~~~~~~*/

div.calendarContainer {
	padding: 0; margin: 0; display: block;
	position: absolute; right: 10px; top: 10px;
	width: 220px;
	height: 260px;
	z-index: 3;
	background:#F5F5F5;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	overflow:hidden;
}
div.calendarContainer h2 {
	font-weight:normal; font-size:18px; margin:0 0 0 28px;
}
div.calendarContainer a{ 
	text-decoration:none;
}
div.calendarContainer div.numbersContainer {
	position: absolute;
	bottom: 45px;
	left: 5px;
	width: 220px;
}
div.numbersContainer div.numbers, div.numbersContainer div.days
{
    margin-left:16px;
}
div.numbersContainer a, div.numbersContainer div.number, div.numbersContainer div.days div {
	margin: 3px 6px 1px 0;
	float: left;
	height: 18px;
	width: 21px;
	display: block;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	background:url(../images/ui/header/calendar/calendarcircle.png) no-repeat;
	padding:3px 0 0 0;
	font-size:15px;	 
	text-align:center;
}
.ff3 div.numbersContainer a, .ff3 div.numbersContainer div.number, .ff3 div.numbersContainer div.days div {
	padding:1px 0 0 0;
	height:21px;	
}
.ie6 div.numbersContainer a, div.numbersContainer div.number, div.numbersContainer div.days div {
	cursor: pointer;
	background: none;	
}
	
div.numbersContainer div.days div{
	 color:#BF1E2D;
	 background:none;
	 margin: 4px 6px 0px 0;	 
  	 height: 18px;
	 width: 21px;	 
}

div.numbersContainer a
{
    cursor:pointer;
}
div.numbersContainer div.number
{
    color:#999999;
}
div.numbersContainer div.number.calBlue, div.numbersContainer a.calBlue{
	background:url(../Images/UI/2011-bg-cal-blue.gif) no-repeat 0 0;
	color:#FFF;	
}
div.numbersContainer div.number.calYellow, div.numbersContainer a.calYellow{
	background:url(../Images/UI/2011-bg-cal-yellow.gif) no-repeat 0 0;	
	color:#FFF;
}
div.numbersContainer div.number.calRed, div.numbersContainer a.calRed{
	background:url(../Images/UI/2011-bg-cal-red.gif) no-repeat 0 0;	
	color:#FFF;	
}
div.calendarHeader {
	display: block;
	height: 29px; width: 180px;
	background: url(../images/ui/2011-calendarheader.gif) no-repeat 0 0;
	color:#FFF;
	font-size:22px;
	padding: 5px 20px 0 20px;
	overflow:hidden;
}
div.numbersContainer a:hover, div.numbersContainer a.active {
	color:#000;
}
a.b-download-cal{
	background:url(../Images/UI/2011-b-download-cal.gif) no-repeat 0 0;
	width:220px; height:20px; display:block; overflow:hidden;
	color:#F8981D;
	position:absolute;
	bottom:0; left:0;
	font-size:16px;	
	padding: 7px 5px 3px 30px; margin:0;
}
a.b-download-cal:hover{
	color:#BF1E2E;
}	
/*~~~~~~~~~~~~~~~~calendar styles end~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~header styles end~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ construct ~~~~~~~~~~~~~~~~~~*/
.leftWide{
	width:710px;
	float:left;
}



/*~~~~~~~~~~~~~~~~content styles start~~~~~~~~~~~~~~~~~*/

div.leftColumn {
	margin: 0; padding:0;
	float: left;
	width:740px;
	position:relative;
}


div.homeCol {
	float: left;
	padding: 0;
	width: 340px;
	margin-top:12px;
	margin: 0 30px 0 0;
	position:relative;
}
.ie6 div.homeCol:nth-child(2){
	margin:0;
}
a.hotpickLink {
	width: 340px; height: 100px;
	display: block; 
	margin: 0 0 10px 0;
	text-decoration: none;
	background:#f5f5f5;
	position:relative;
	cursor:pointer;
}
a.hotpickLink span:nth-child(1), a.hotpickLink span:nth-child(2),a.hotpickLink span:nth-child(3),a.hotpickLink span:nth-child(4),a.hotpickLink span:nth-child(5) {
	display: block;
	padding: 0 0 3px 10px;
	overflow: hidden;
	float: left;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666; text-transform:uppercase;
}
a.hotpickLink span:nth-child(2) {
	margin:8px 0 0 0;
	color: #F8981D;
	font-size: 20px;
	text-transform:none;	
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;		
	line-height:90%;	
}
a.hotpickLink span:nth-child(3) {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-transform:none;	
	line-height:100%;		
}
a.hotpickLink span:nth-child(5){
	text-transform:none;
}
a.hotpickLink:hover {
	background:#EEE;
}
a.hotpickLink:hover span {
	color: #C0222F;	
}

a.hotpickLink img {
	width: 100px;
	height: 100px;
	padding: 0;
	display: block;
	float: left;
}
/* flags */
.flagShell, .flagShell-large, .flagShell-review{
	position:relative; display:block; width:166px; height:166px;
}
.flagShell-large{
	width:470px; height:auto;
}
.flagShell-review{
	height:225px; 
}
span.sellingfast, span.extrashows, span.soldout, span.showcanceled, span.extrashow, span.greatreview{
    position:absolute; right:-3px; bottom:0;
    padding:0; margin:0; float:none; 
	text-indent:-999em;
	z-index:90;
}
.flagShell-large span.sellingfast, .flagShell-large span.extrashows, .flagShell-large span.soldout, .flagShell-large span.showcanceled,.flagShell-large span.extrashow, .flagShell-large span.greatreview{
    position:absolute; right:-2px; top:10px;
    padding:0; margin:0; float:none; 
	text-indent:-999em;
	z-index:90;
}
span.sellingfast{
    background: url(../images/ui/2011-flag-sellingfast.png) no-repeat;
	width:103px; height:24px;
}
span.extrashows{
    background: url(../images/ui/2011-flag-extrashows.png) no-repeat;
	width:110px; height:24px;
}
span.soldout{
    background: url(../images/ui/2011-flag-soldout.png) no-repeat;
	width:87px; height:24px;
}
span.showcanceled{
    background: url(../images/ui/2011-flag-showcanceled.png) no-repeat;
	width:119px; height:24px;
}
span.extrashow{
    background: url(../images/ui/2011-flag-extrashow.png) no-repeat;
	width:104px; height:24px;
}
span.greatreview{
    background: url(../images/ui/2011-flag-greatreview.png) no-repeat;
	width:111px; height:24px;
}
.ie6 span.sellingfast{
	background: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='Resources/Images/UI/2011-flag-sellingfast.png');	
}
.ie6 span.extrashows{
	background: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='Resources/Images/UI/2011-flag-extrashows.png');		
}
.ie6 span.soldout{
	background: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='Resources/Images/UI/2011-flag-soldout.png');		
}
.ie6 span.showcanceled{
	background: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='Resources/Images/UI/2011-flag-showcanceled.png');		
}
.ie6 span.extrashow{
	background: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='Resources/Images/UI/2011-flag-extrashow.png');		
}
.ie6 span.greatreview{
	background: none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='Resources/Images/UI/2011-flag-greatreview.png');		
}

a.comedyShoutOut {
	width: 340px;
	display: block;
	margin: 0 0 10px 0;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	color:#666;
	font-size:12px;
}
a.comedyShoutOut:hover {

}
a.comedyShoutOut img {
	width: 100px;
	height: 100px;
	float:right;
}
a.comedyShoutOut span{
	font-style:italic;
	display:block;
}
.homereviewObj{
	margin:0 0 20px 0;	
}

p a, li a {
	color: #F8981D;
}
p span.introText {
	line-height: 21px;
	font-size: 14px;
}
p a:hover, li a:hover {
	text-decoration: none;
	color: #b21933;
}
li {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	line-height: 16px;
	list-style: none;
	padding: 0 0 16px 18px;
	background: url(../images/ui/content/li-bg.gif) no-repeat 0 1px;
}
hr {
	text-align: left;
	color: #CCC;
	margin: 0 auto 0 0;
	margin-bottom:20px;
	background-color: #CCC;
	width: 100%;
	border: none;
	height: 1px;
	padding: 0;
	display: block;
}
a.more {
	width: 51px;
	height: 11px;
	background: url(../images/ui/2011-b-more.gif) no-repeat;
	display: block;
	margin: 0 0 20px 0;
	overflow: hidden;
	text-indent: -9999px;
}
a.more:hover {
	background-position: 0 -11px;
}
div.contentContainerFooter {
	display: block;
	padding: 30px 0 0 0;
	float: none;
	background: #fff no-repeat bottom;
	clear: both;
	position:relative;
}
div.contentContainerFooter div.footerPromospot
{
    margin-top:20px;
    margin-bottom:20px;
}
div.contentContainerFooter a.back {
	background: url(../images/ui/2011-b-back.gif) no-repeat;
	height: 30px;
	width: 70px;
	float: left;
	overflow: hidden;
	margin: 0 1px 30px 0;
	text-indent: -9999px;
}
div.contentContainerFooter a.back:hover {
	background-position: 0 -30px;
}
div.contentContainerFooter a.top {
	background: url(../images/ui/2011-b-top.gif) no-repeat;
	height: 30px;
	width: 70px;
	display: block;
	overflow: hidden;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	float:left;
}
div.contentContainerFooter a.top:hover {
	background-position: 0 -30px;
}
div.footerPaging {
	float:right;
	height: 30px;
	margin: 0 30px 0 0;
	background:#FFC20F;	
}
div.footerPaging span {
	float: left;
	font-weight: normal;
	line-height: 100%;
	height:14px;
	border-right: 1px solid #FFF;
	padding:8px 10px 8px 10px;
}
div.footerPaging a {
	display: block;
	color: #000;
	text-decoration: none;
	float: left;
	height:14px;
	padding:8px 10px 8px 10px;	
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #ffc20f;
	margin: 0;
}
.ie div.footerPaging a, .ie div.footerPaging span, .mac div.footerPaging a, .mac div.footerPaging span  {
	padding:10px 10px 6px 10px;
}
div.footerPaging a:hover, div.footerPaging a.active {
	color: #b21933;
	background:#FFD313;
}
div.footerPaging a.pagingArrowLeft {
	width: 30px;
	height: 30px;
	padding:0;
	background: url(../images/ui/2011-b-page-left.png) no-repeat;
	border: none;
	text-indent: -9999px;
}
div.footerPaging a.pagingArrowLeft:hover {
	background-position: 0 bottom;
}
div.footerPaging a.pagingArrowRight {
	height: 30px;
	width: 30px;
	padding:0;	
	background: url(../images/ui/2011-b-page-right.png) no-repeat;
	border: none;
	text-indent: -9999px;
}
div.footerPaging a.pagingArrowRight:hover {
	background-position: 0 bottom;
}
div.contentContainerFooter a.logo {
	float: left;
	padding: 0;
	margin: auto;
	margin-right:50px;
	height: 65px;
	padding: 0;
}
div.contentContainerFooter a.logolast
{
    margin-right:0;
}
div.contentContainerFooter div.lowerCenter {
	width: 525px;
	margin: 0 0 0 92px;
}
div.contentContainerFooter a.logo img {
	padding: 0;
	margin: 0;
}

/* right column*/
div.rightColumn {
	width: 220px;
	float: left;
	background:#000;
}

/* righthand tiles */
div.baseTile {
	width: 220px;
	padding: 0; margin:0;
	position:relative; display: block;
}
div.baseTile a{ 
	text-indent:-9000px;		
	display: block;	
}
div.tile-join {
	height: 120px;
}
div.tile-join a {
	width: 223px;
	height: 122px;
	background:url(../Images/UI/2011-rh-tile-join.png) no-repeat;
	position:absolute; top:0; left:0; z-index:80;
}

div.tile-picks, div.tile-desk {
	height: 80px; width:220px;
}
div.tile-picks a{
	height: 80px;
	background:url(../Images/UI/2011-rh-tile-celeb.jpg) no-repeat 0 0;	
}
div.tile-picks
{
    display:none;
}
div.tile-desk a{
	height: 80px;
	background:url(../Images/UI/2011-rh-tile-fromdesk.jpg) no-repeat 0 0;
}
/* wishlist */
.baseList {
	display: block;
	width: 220px;
	margin: 0; padding: 20px 0 0 0;
	clear: both;	
}

.baseList h2{
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	font-weight:normal;
	text-transform:uppercase;	
	margin: 0 0 10px 0; padding:0 20px 0 20px;	
}
div.wishList h2{
	color:#FFF; font-size:26px;
}
div.wishList div.shell, div.wishList div.shell div  {
	display: block;
	width: 220px;
	position: relative;
	margin: 0; padding:0 0 40px 0;
}
div.wishList div.shell div {
	width:180px;
	margin:0 0 0 20px; padding:0;
}
div a.listItem, span.listItem {
	color: #F8981D;
	text-decoration: none;
}
span.listItem {
	width:180px; display:block;
	margin: 0 0 0 20px;
}
div a.listItem:hover {
	color: #FFD112;
}
div a.cross {
	color: #b21933;
	font-weight: bold;
	position: absolute;
	right: 0;
	text-decoration: none;
}
div a.cross:hover {
	color: #FFD112;
}
div a.shareevents{
	width:223px;
	height:32px;
	background:	url('../Images/UI/2011-b-shareevent.gif') no-repeat 0px 0px;
	text-indent:-9999px;
	margin:0; padding:0;
	position:absolute; bottom:0; right:-3px;
	
}
div a.shareevents:hover
{
    background-position:0 -32px;
}
/* share */
div.share {
	background:#222222;
	padding-top: 17px;	
	padding-bottom: 20px;
}
div.share h2{
	color:#999;
	font-size:16px;
}	
div.share a{
	float:left;
	margin:	0 10px 0 0;
}
div.share div{
	margin: 0 0 0 20px;
}	
/* more list */
div.moreInfo {
	background:#333;
	padding:20px;
	width:180px;
}

div.moreInfo a {
	display: inline-block;
	width: 168px;
	background:url(../Images/UI/2011-arrow-grey.png) no-repeat 0 5px;
	color: #ccc;
	text-decoration: none; text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	 font-size:18px;
	padding: 0 0 0 12px;
	margin: 0 0 5px 0; 
}
div.moreInfo a:hover {
	color: #FFD112;
}

div.specialsBanner {
	margin: 0;
	padding:10px;
}
div.specialsBanner a, div.specialsBanner {
	height: 200px;
	width: 200px;
}
/* sponsors */
.sponsors{
	margin:30px 0 0 0; padding:0;	
}
.sponsors a{
	float:left;
	margin: 0 30px 0 0;
	display:inline-block;	
}
/* footer column*/
div.footer {
	color: #FFF;
	font-size: 10px;
	width: 920px;
	margin: 30px 0 0 0;
	background:#000; display:block;
	padding:20px;
}
div.footer a {
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}
div.footer a:hover {
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~~SHOWS SUBNAV STYLES BEGIN~~~~~~~~~~~~~~~~~~~~~~~*/

div.showsSubnav {
	width: 740px;
	height: 100px;
	position: relative;
}

div.showsSubnavEvents {
	padding: 15px 0 0 0;
	width: 710px;
	position: relative;
}
div.majorLinks {
	position: absolute;
	right: 30px;
	top: 8px;
	height: 50px;
	margin: 0; 	padding: 0;
	z-index: 2;
	background:#EEEEEE;
	overflow:hidden;
}
div.majorLinks a {
	color: #000;
	text-align: center;
	text-decoration: none;
	height: 34px;
	float: left;
	margin: 0;
	padding: 16px 12px 0 12px;
	overflow: hidden;
	z-index: 2;
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	 font-size:18px;	
}
div.majorLinks a:hover, div.majorLinks a.active {
	color: #000;
	background:#FFC20F;
}
div.alphabetLinks {
	display: block;
	height: 30px;	width: 710px;
	margin:0; padding: 0;
	position: absolute;
	top: 58px;
	z-index: 1;
	background: #FFC20F;
}
div.alphabetLinks a {
	display: block;
	float: left;
	height: 16px; 
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding:7px 7px 7px 7px;
	color: #000;
}
div.alphabetLinks a.autowidth
{
    width:auto;
}
div.alphabetLinks a:hover, div.alphabetLinks a.active {
	color: #FFF;
	background: #ffc20f;
}
div.showsSubnav div.alphabetLinks a.first {
	width: 29px;
}
div.showsSubnav div.alphabetLinks a.disabled {
	color: #999;
	cursor: default;
	background: none;
}
div.baseContent {
	width: 740px;
	padding: 0; margin:0;
}
div.baseContent a {
	float: left;
	height: 280px;
	width: 170px;
	background:#f5f5f5;
	margin: 0 10px 10px 0;
	text-decoration: none;
	position:relative;
	overflow:hidden;
}
div.baseContent a span.link{
	background:url(../Images/UI/2011-b-showmore.gif) no-repeat 0 0;
	width:170px; height:30px; display:block; 
	text-indent:-999em;	
	float:none;
	position:absolute; bottom:-30px; left:0;
	
	-webkit-transition: bottom 0.25s ease-out;
 	-moz-transition: bottom 0.25s ease-out;
  	-o-transition: bottom 0.25s ease-out;
  	transition: bottom 0.25s ease-out;
}
div.baseContent a:hover span.link{
	bottom:0;		
	-webkit-transition: bottom 0.10s ease-in-out;
 	-moz-transition: bottom 0.10s ease-in-out;
  	-o-transition: bottom 0.10s ease-in-out;
  	transition: bottom 0.10s ease-in-out;	
}
div.baseContent a img {
	margin: 2px;
	height: 166px;
	width: 166px;
}

div.baseContent a span.showBoxShowName {
	color: #FF6600;
	display: block;
	line-height: 18px;
	margin: 10px 10px 2px 10px;
	overflow: hidden;
}
div.baseContent a span.showBoxPersonName {
	color: #000;
	display: block;
	line-height: 18px;
	margin: 0 2px 2px 10px;
}


div.extEvents a {
	height: 310px;
}
div.extEvents a img {
	height: 225px;
	width: auto;
}

div.extCelebrity div.celebObj{
	float: left;
	/*height: 280px;*/
	width: 170px;
	background:#f5f5f5;
	margin: 0 10px 10px 0;
	text-decoration: none;
	position:relative;
	overflow:hidden;
}
div.extCelebrity div.celebrityCompInner {
	height: 104px;
	overflow: hidden;
}
div.extCelebrity img {
	margin: 0 0 0 2px;
}
div.extCelebrity a {
	font-size: 11px;
	color: #F8981D;
	line-height: 110%;
	text-decoration: none;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0 0 5px 16px;
	display: block;
	float: none;
	background: url(../Images/UI/2011-arrow-orange.gif) no-repeat 10px 4px;
}
div.extCelebrity a:hover {
	color: #b21933;
}
div.extCelebrity span.celebrityName {
	color: #F8981D;
	display: block;
	padding: 7px 10px 5px 10px;
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	 font-size:20px;	
}

div.showsDetailFooter {
    display: block;
    margin: 30px 0 30px 0;
}
div.showsDetailFooter a{
	float:left;	
}
/*~~~~~~~~~~~~~~~~~~SHOWS SUBNAV STYLES END~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~SHOWS & EVENTS DETAIL STYLES START~~~~~~~~~~~~~~~~~~~~~*/

div.showsDetailCol-left {
	width: 470px;
	padding: 0;
	display: block;
	float: left;
	position: relative;
}
div.showsDetailCol-left h1 {
	text-transform:uppercase;
	margin:0; padding:0;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;		
}
h1.h1Detail{
	background:#222;
	color:#FFF;
	padding: 10px 20px 10px 20px; margin:0;
	position:relative;
}	
div.showsDetailCol-left h4 {
	font-weight: normal;
	font-size:18px;
	color:#333;
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	margin:0; padding:0;
}
div.showsDetailCol-left h3 {
	margin:0 0 4px 0; 
	padding:0;
	color:#F8981D;
	width:420px;
}
div.showsDetailCol-left a.back {
	background: url(../images/ui/content/back.gif) no-repeat;
	height: 11px;
	width: 44px;
	position: absolute;
	right: 20px;
	top: 65px;
	z-index: 2;
	overflow: hidden;
	text-indent: -9999px;
}
div.showsDetailCol-left a.back:hover {
	background-position: 0 -11px;
}

a.backalt{
	position: absolute;
	right: 0;
	top: 50px;
	z-index: 2;
	text-transform:uppercase;
	color:#F8981D; text-decoration:none;
}
div.showsSubnavEvents a.backalt {
	top: 30px;
}

div.showsDetailCol-left a.backalt:hover, div.comedyShoutOutContainer a.backalt:hover, div.showsSubnavEvents a.backalt:hover {
	background-position: 0 -15px;
}

div.showsDetailCol-left img {
	margin: 0 0 10px 0;
}
div.showsDetailCol-rightShell {
	width: 220px;
	background-color: #FFF;
	float:right;
	position:relative;
	margin:0 30px 30px 0;	
}

div.showsDetailCol-right {
	width: 220px;
	padding: 0;
	background-color: #222222;
	color:#FFF;
	position:relative;
	font-size:14px;
}
.ie6 div.showsDetailCol-rightShell {	
	margin: 0 30px 30px 0;
	display:inline;
}
.shareObj{
	background:#FFF;
	width:220px; height:70px; display:block;	
	position:relative;
	
}
.shareObj a{
	width:55px; height:20px; display:block;
	float:right; text-indent:-999em;	
	margin: 40px 0 0 10px; 
}
.shareObj a.b-facebook{
	background:url(../Images/UI/2011-b-share-fb.png) no-repeat 0 0;
}
.shareObj a.b-twitter{
	background:url(../Images/UI/2011-b-share-twitter.png) no-repeat 0 0;
}
.shareObj a.b-email{
	background:url(../Images/UI/2011-b-share-email.png) no-repeat 0 0;
}
.userObj{
	position:relative;	
	height:155px;
}
div.showsDetailCol-right a{
	color:	#FFF;
}
div.showsDetailCol-right h3 {
	padding: 0 0 2px 0;
	color:#F8981D;
	font-weight:normal;
}
div.showsDetailCol-right span {
	display: block;
	margin: 0 0 10px 0;
}
div.showsDetailCol-right span.small
{
    font-size:10px;
}
div.showsDetailCol-right .baseButton{
	position:absolute; display:block; text-indent:-999em;
	width: 223px; height: 32px; overflow: hidden;	
}
div.showsDetailCol-right a.buyTickets {
	width: 223px;
	height: 48px;
	background: url(../images/ui/2011-b-booktickets.png) no-repeat;
	top:10px; left:0;
}

div.showsDetailCol-right a.buyTickets:hover {
	background-position: 0 bottom;
}
div.showsDetailCol-right a.addToMyWishlist {
	background: url(../images/ui/2011-b-addtowishlist.png) no-repeat 0 0;
	top:58px; left:0;
}
div.showsDetailCol-right a.reviewThisShow {
	top:90px; left:0;	
	background-image: url(../images/ui/2011-b-addreview.png);
}
div.showsDetailCol-right a.watchAClip {
	background: url(../images/ui/2011-b-watchclip.png) no-repeat 0 0;
	top:122px; left:0;
}
div.showsDetailCol-right a.baseButton:hover {
	background-position: 0 bottom;
}

div.showsDetailCol-right .showData{
	width:180px;
	padding: 20px;
}
/*~~~~~~~~~~~~~~~~~~ review form objects ~~~~~~~~~~~~~~~~~~~~~~~*/
div.showsDetailReviews {
	width: 710px;
	padding: 0;
	display: block;
}
div.criticReviews {
	width: 710px;
	margin: 0;
	display: block;
	background-color: #e4e4e4;
	position: relative;
	padding: 0; margin:0 0 20px 0;
}
div.criticReviews div.criticReviewsTitle {
	display: block;
	width: 740px;
}
div.criticReviews div.reviewer {
	position: relative;
	padding: 10px 20px 10px 20px;
}
div.criticReviews a {
	color:#333333;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline;
	font-weight: normal;
}
div.criticReviews a.openClose {
	position: absolute;
	right: 20px;
	font-size: 10px;
	color: #F8981D;
}
div.criticReviews span {
	color:#F8981D;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	padding: 0 80px 0 10px;
}
div.criticReviews div.reviewText {
	padding: 20px;
	display: none;
}
div.userReviews {
	display: block;
	width: 710px;
	margin: 0;
	position: relative;
	padding:0;
}
div.open {
	/*height:208px;*/
}
div.userReviews div.userReviewsTitle {
	background: url(../images/ui/content/usersreview.png) no-repeat;
	width: 158px;
	height: 81px;
	position: absolute;
	left: -20px;
	top: -20px;
	display: block;
}
div.userReviews a.writeReviewLink, div.userReviews a.writeCommentLink {
	position: absolute;
	display: block;
	width:153px; height: 32px;
	right: -3px;
	top: 10px;
	z-index: 1;
	text-indent:-999em;
	background: url(../images/ui/2011-b-addreview-small.png) no-repeat 0 0;
}
 div.userReviews a.writeCommentLink{
	background: url(../images/ui/2011-b-addcomment.png) no-repeat 0 0;	
}
div.userComments a.writeReviewLink, div.userReviews a.writeCommentLink {
	position: absolute;
	display: block;
	width:153px; 
	height: 32px;
	right: -3px;
	top: 10px;
	z-index: 1;
	text-indent:-999em;
	background: url(../images/ui/2011-b-addcomment.png) no-repeat 0 0;
}
 div.userComments a.writeCommentLink{
	background: url(../images/ui/2011-b-addcomment.png) no-repeat 0 0;	
}
div.userReviews a.writeReviewLink:hover, div.userReviews a.writeCommentLink:hover {
	background-position:0 bottom;
}
div.userComments a.writeReviewLink:hover, div.userReviews a.writeCommentLink:hover {
	background-position:0 bottom;
}
div.userReviews div.review {
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #FFF;
	padding: 15px 20px 15px 20px;
	display: block;
	background:#f5f5f5;
}
div.userReviews div.review h5 {
	font-weight: bold;
	color: #333333;
}
div.userReviews div.reviewBox {
	display: none;
	width: 670px;
	padding: 20px;
	background-color: #ffc20f;
	position: relative;
}
div.userReviews div.reviewBox input.nameBox, div.userReviews div.reviewBox input.emailBox {
	width: 313px;
	line-height: 18px;
	font-size: 12px;
	height: 18px;
	border: 1px solid #666666;
	background-color: #e4e4e4;
	float: left;
	padding: 0 5px;
	margin: 0 20px 0 0;
}
div.userReviews div.reviewBox input.emailBox {
	margin: 0;
}
div.userReviews div.reviewBox textarea.reviewContent {
	width: 658px;
	line-height: 18px;
	font-size: 12px;
	height: 73px;
	border: 1px solid #666666;
	background-color: #e4e4e4;
	padding: 0 5px;
	float: left;
	margin: 10px 0;
	font-family: Arial, geneva, helvetica;
	overflow: hidden;
}
div.userReviews div.reviewBox a.cancelReview {
	float: right;
	margin: 5px 20px 0 0;
	color: #b21933;
}
div.userReviews div.reviewBox a.cancelReview:hover {
	color: #333333;
}
div.userReviews div.reviewBox a.submitReviewButton {
	float: right;
	background: url(../images/ui/2011-b-submitreview.jpg) no-repeat;
	width: 89px;
	height: 27px;
}
div.userReviews div.reviewBox a.submitReviewButton:hover {
	background-position: 0 -27px;
}
/*~~~~~~~~~~~~~~~~~~SHOWS DETAIL STYLES END~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~ review overview obj extends baseObj ~~~~~~~~~~~~~~~~~~~~~~~*/
.reviewObj, .searchObj {
	border-bottom: 1px solid #CCC;
	margin: 0;
}
.reviewObj a 
{
    margin: 10px 0 0 0;
    display: block;
    min-height: 176px;
    text-decoration: none;
    cursor: pointer !important;
    overflow: hidden;
}
.reviewObj .image-container 
{
    position: relative;
    width: 166px;
    height: 166px;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.reviewObj .details
{
    float: right;
    width: 534px;
}
.reviewObj a .image-container span.link
{
	background:url(../Images/UI/2011-b-showmore.gif) no-repeat 0 0;
	width:166px; 
	height:30px; 
	display:block; 
	text-indent:-999em;	
	float:none;
	position:absolute; 
	top: 166px; 
	left:0;
	
	-webkit-transition: top 0.25s ease-out;
 	-moz-transition: top 0.25s ease-out;
  	-o-transition: top 0.25s ease-out;
  	transition: top 0.25s ease-out;
}
.reviewObj a:hover .image-container span.link {
	top: 136px;		
	-webkit-transition: top 0.10s ease-in-out;
 	-moz-transition: top 0.10s ease-in-out;
  	-o-transition: top 0.10s ease-in-out;
  	transition: top 0.10s ease-in-out;	
}
.reviewObj h4, .searchObj h4{
	color:#F8981D;	
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	font-size:20px; font-weight:normal;
}
.reviewObj div :nth-child(2), .searchObj div :nth-child(2){
	margin:0; padding:0;
	color:#999;
}

.searchObj a 
{
    position: relative;
    margin: 0;
    display: block;
    text-decoration: none;
    cursor: pointer !important;
    overflow: hidden;
    padding: 25px 0 25px 0;
}
.searchObj .artist,
.searchObj .venue
{
    display: block;
	margin:0; padding:0;
	color:#999;
	font-style:italic;
}
.searchObj .summary 
{
    display: block;
	color: #666;
	line-height: 18px;
	margin: 0;
}
.searchObj a span.link
{
	background:url(../Images/UI/2011-b-showmore.gif) no-repeat 0 0;
	width:166px; 
	height:30px; 
	display:block; 
	text-indent:-999em;	
	float:none;
	position:absolute; 
	bottom: -30px;
	right:0;
	
	-webkit-transition: bottom 0.25s ease-out;
 	-moz-transition: bottom 0.25s ease-out;
  	-o-transition: bottom 0.25s ease-out;
  	transition: bottom 0.25s ease-out;
}
.searchObj a:hover span.link {
	bottom: 0;
	-webkit-transition: bottom 0.10s ease-in-out;
 	-moz-transition: bottom 0.10s ease-in-out;
  	-o-transition: bottom 0.10s ease-in-out;
  	transition: bottom 0.10s ease-in-out;	
}

/*~~~~~~~~~~~~~~~~~~COMEDY SHOUT OUT STYLES START~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~ extShoutOut obj extends baseObj ~~~~~~~~~~~~~~~~~~~~~~~*/
.extShoutOut {
	width: 710px;
	padding: 0;
	border-bottom: 1px solid #CCC;
	margin: 0 0 10px 0;
}
.extShoutOut img {
	margin: 0 0 10px 0;
	max-width:180px;
}
.extShoutOutInner {
	width: 519px;
	float: left;
}
.extShoutOutInner span {
	display: block;
}
.extShoutOutInner span.blogTitle {
	color:#F8981D;	
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	font-size:20px; font-weight:normal;
	margin: 0 0 10px 0;
}
.extShoutOutInner span.postedBy {
	margin:0; padding:0;
	color:#999;
	font-style:italic;
}
.extShoutOutInner span.postedOn {
	display: inline;
}
.extShoutOutInner div.blogSummary {
	height: 77px;
	overflow: hidden;
	margin:0;
}
.extShoutOutInner div.newsSummary {
	height: 94px;
	overflow: hidden;
}
.extShoutOutInner div.blogSummary p {
	color: #666;
	line-height: 18px;
}
.extShoutOutInner div.newsSummary p {
	padding: 0 0 20px 0;
}
.extShoutOutInner span.blogComments {
	color: #F8981D;
	line-height: 120%;
	padding: 0; margin: 0 0 10px 0;
}
.extShoutOutInner span.blogComments span {
	display: inline;
}

/*~~~~~~~~~~~~~~~~~~COMEDY SHOUT OUT STYLES END~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~COMEDY SHOUT OUT DETAIL STYLES START~~~~~~~~~~~~~~~~~~~~~*/

div.comedyShoutOutContainer {
	width: 710px;
	padding: 00;
	display: block;
	position: relative;
}
div.comedyShoutOutContainer span.dateCaption {
	font-style: italic;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	padding: 0 0 10px 0;
	display: block;
}
div.comedyShoutOutContainer h2{
	margin:0 0 10px 0; padding:0;	
}
div.comedyShoutOutContainer img {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
}
div.comedyShoutOutContainer img 
{
    float:none;
}
div.comedyShoutOutContainer img.author {
	width: 166px;
	height: 166px;
}
div.comedyShoutOutContainer h5 {
	font-weight: normal;
	margin: 5px 0 0 0;
}
div.comedyShoutOutContainer a.backalt {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	overflow: hidden;
}
div.comedyShoutOutContainer a.back:hover {
	background-position: 0 0;
}

/*~~~~~~~~~~~~~~~~~~COMEDY SHOUT OUT DETAIL STYLES END~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~GENERAL CONTENT PANE STYLES START~~~~~~~~~~~~~~~~~~~~~~~*/
div.generalContentPane, div.mediaPane {
	padding: 0;
	width:710px;
}
/*~~~~~~~~~~~~~~~~~~GENERAL CONTENT PANE STYLES END~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~GALLERY STYLES START~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
div.galleryContainer {
	width: 710px;
	padding: 15px 20px 50px 20px;
	display: block;
	position: relative;
}
div.galleryContainer h1 {
	padding: 0;
	margin: 0 0 10px 0;
}

div.galleryContainer img {
	display: block;
	float: left;
	margin: 0 0 50px 0;
}
div.galleryContainer div.first {
	border-top: 1px solid #cccccc;
}
div.galleryContainer div.galleryRow {
	width: 710px;
	display: block;
	line-height: 18px;
	border-bottom: 1px solid #cccccc;
	padding: 6px 0;
	clear: both;
}
div.galleryContainer div.galleryRow a {
	width: 355px;
	display: block;
	float: left;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
div.galleryContainer div.galleryRow a:hover {
	color: #b21933;
}
div.galleryContainer div.galleryRow a span {
	font-size: 12px;
	text-decoration: none;
	padding: 0 0 0 10px;
	color:#666666;
}
div.galleryContainer div.galleryRow a:hover span {
	color: #666666;
}
#flashGallery{
	width:710px;
	height:357px;
}
*/
.galleryNav{
	padding:20px;
}
.galleryNav a{
	text-decoration:none;
	color:#FFF;
	font-size:12px;	
	display:block;
}
.galleryNav a:hover, .galleryNav a.active{
	color:	#FFC10E;
}
/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 100px; height:85px;}
.pika-stage {width: 470px;}

.pikachoose {width: 470px; margin: 0 auto;}
.pika-stage {position: relative;background: #fafafa; border: none; padding: 0;text-align:center;height:360px; }
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 0; left: 0;}
	.pika-stage .pika-aniwrap{position: absolute; top: 0; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.showsDetailCol-left .pika-stage img {border:0;height:100%; margin:0; width:470px;}

	.pika-stage .caption {position: absolute; background: #E6175D;  font-size: 14px; 
			color: #FFF; padding: 10px  10px  3px  10px; text-align: left; bottom: 0; left: 0; width:450px; height:22px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../Images/2011gallery/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 0; left: 0;cursor:pointer;}
	.pika-imgnav a.next {background: url(../Images/2011gallery/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 0; right: 0;cursor:pointer;}
	.pika-imgnav a.play {background: url(../Images/2011gallery/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(../Images/2011gallery/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: none; }
	.pika-textnav a.next {float: right; width: auto; display: none;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none; padding: 4px; margin: 0 10px 10px 0; background: #FFF; border: 1px solid #CCC; cursor: pointer;}
	.ie .pika-thumbs li {float: left; list-style-type: none; padding: 4px; margin: 0 7px 10px 0; background: #FFF; border: 1px solid #CCC; cursor: pointer;}
	.pika-thumbs li:nth-child(4n+4){margin:0 0 10px 0 !important;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative; height:100%; text-align: center; vertical-align: center; overflow: hidden;}
		.ie6 .pika-thumbs li .clip {width:100px;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~GALLERY STYLES END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~POPUP CONTAINER STYLES START~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.lightBoxOverlay {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.85;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	filter: alpha(opacity=85);
	background-color: #000;
	z-index: 1001;
}

div.lightBoxContainer {
	text-align: left;
	display: none;
	width: 374px;
	margin: 0 0 0 -177px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9002;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~MEDIA LOGIN STYLES START~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.mediaLogin, div.tellAFriend, div.orderAProgramme, div.successMessage, div.videoBox {
	display: none;
	position: relative;
	padding: 20px;
	border:10px solid #000;
	width:334px;
	background-color: #F8C229;
}
div.mediaLogin h1, div.tellAFriend h1, div.orderAProgramme h1, div.successMessage h1, div.videoBox h1 {
	color:#A52A3E;
	text-transform:uppercase;
}
a.logoutBtn {
	margin-bottom: 5px;
	color: #b21933;
}
a.logoutBtn:hover {
	color: #000;
}
span.error {
	font-size: 10px;
	text-transform: uppercase;
	color: #b21933;
}
div.mediaLogin a.close, div.tellAFriend a.close, div.orderAProgramme a.close, div.successMessage a.close, div.videoBox a.close {
	color: #B31933;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 18px;
	right: 20px;
}
div.mediaLogin a.close span, div.tellAFriend a.close span, div.orderAProgramme a.close span, div.successMessage a.close span, div.videoBox a.close span {
	display: inline;
	text-decoration: underline;
}
div.mediaLogin a.close:hover span, div.tellAFriend a.close:hover span, div.orderAProgramme a.close:hover span, div.successMessage a.close:hover span, div.videoBox a.close:hover span {
	text-decoration: none;
}
div.mediaLogin img.popupHeading, div.tellAFriend img.popupHeading, div.orderAProgramme img.popupHeading, div.successMessage img.popupHeading {
	margin: 0 0 12px 0;
}
div.mediaLogin label {
	display: block;
	padding: 1px 9px 0 0;
	float: left;
}
div.mediaLogin input, div.tellAFriend input, div.orderAProgramme input {
	font-size: 12px;
	width: 200px;
	height: 17px;
	margin: 0 5px 10px 0;
	padding: 1px 0 0 3px;
	float: left;
	border: 1px solid #666;
	background-color: #E4E4E4;
}
div.tellAFriend input, div.orderAProgramme input {
	width: 330px;
	margin: 9px 7px 0 0;
}
div.mediaLogin a.loginBtn, div.tellAFriend a.sendBtn, div.orderAProgramme a.sendBtn, div.successMessage a.closeBtn {
	display: block;
	height: 14px;
	float: left;
	background:#A52A3E;
	padding: 3px 10px 3px 10px;
	color:#FFF;
	text-decoration:uppercase; text-decoration:none;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;
}

div.tellAFriend a.sendBtn, div.orderAProgramme a.sendBtn {
	float: right;
	margin: 9px 0 0 0;
	overflow: hidden;
}
div.tellAFriend a.sendBtn:hover, div.orderAProgramme a.sendBtn:hover, div.mediaLogin a.loginBtn:hover, div.successMessage a.closeBtn:hover {
	color:#A52A3E;
	background:#FFF;
}
div.successMessage a.closeBtn {
	width: 106px;
	margin: 0 0 0 229px;
	float: none;
	background: url(../images/ui/content/closewindowbutton.jpg) no-repeat;
	overflow: hidden;
}
div.mediaLogin span, div.successMessage span {
	display: block;
}
div.mediaLogin span.popupIntro, div.successMessage span.popupIntro {
	display: block;
	font-size: 14px;
	padding-bottom: 24px;
}
div.mediaLogin span a {
	color: #333;
}
div.mediaLogin span a:hover {
	text-decoration: none;
}
div.mediaLogin span.error {
	margin: 0 0 5px 80px;
}
div.tellAFriend span.error {
	float: left;
	width: 330px;
	margin: 0 7px 0 0;
	line-height:1.2;
}
div.orderAProgramme span.error {
	float: left;
	width: 330px;
	margin: 0 7px 0 0;
}
div.hide {
	visibility: hidden;
}
div.reviewBox span.error {
	bottom: 13px;
	left: 12px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~MEDIA LOGIN STYLES END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~VIDEO BOX STYLES START~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.videoBox div.swfContainer {
	width: 331px;
	height: 248px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~VIDEO BOX STYLES END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~POPUP CONTAINER STYLES END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~MEDIA STYLES START~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


div.generalContentPane div.mediaCol {
	width: 355px;
	padding: 0;
	margin: 0;
	float: left;
}
div.generalContentPane div.mediaCol a {
	display: block;
	margin: 0 0 2px 0;
	color: #F8981D;
	width: 300px;
	font-size: 11px;
}
div.generalContentPane div.mediaCol a:hover {
	text-decoration: none;
	color: #b21933;
}
div.mediaPane h4 {
	font-weight: normal;
	font-size:18px;
	color:#333;
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	margin:0; padding:0;
}
div.generalContentPane div.mediaCol h2 {
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	margin: 15px 0 0 0;
	padding: 0 0 0.3em 0;
}
div.generalContentPane div.mediaCol h2.top {
	margin: 0;
}
div.mediaPane div.downloadLink {
	color: #b21933;
	height: 24px;
	display: block;
	padding: 8px 0;
}
div.mediaPane div.downloadLink img {
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
	margin-top: -8px;
}
div.mediaPane div.downloadLink a {
	color: #b21933;
}
div.mediaPane div.downloadLink a:hover {
	text-decoration: none;
}
div.mediaPane div.contactDetails {
	margin: 20px 0 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~MEDIA STYLES END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~VENUE STYLES START~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.generalContentPane div.venueCol {
	width: 355px;
	padding: 0;
	margin: 0;
	float: left;
}
div.generalContentPane div.venueCol h2 {
	padding-top: 0px;
}
div.generalContentPane div.venueCol h3 {
	margin: 40px 0 0 0;
}
div.generalContentPane div.venueColContact h3 {
	margin: 0;
	padding-top: 0;
}
div.generalContentPane div.venueCol a {
	display: block;
	color: #F8981D;
}
div.generalContentPane div.venueCol p {
	font-size: 14px;
	font-weight: normal;
}
div.generalContentPane div.venueColContact p {
	padding: 0 0 22px 0;
}
div.generalContentPane div.venueCol p a {
	text-decoration: none;
}
div.generalContentPane div.venueColContact p a {
	text-decoration: underline;
}
div.generalContentPane div.venueCol p a:hover {
	color: #b21933;
	text-decoration: underline;
}
div.generalContentPane div.venueColContact p a:hover {
	text-decoration: none;
}
div.showsSubnavEvents a.back {
	background: url(../images/ui/content/back.gif) no-repeat 0 -11px;
	height: 11px;
	width: 44px;
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: 2;
	overflow: hidden;
	text-indent: -9999px;
}
div.showsSubnavEvents a.back:hover {
	background-position: 0 0;
}
div.generalContentPane div.venueColContactRight table th {
	font-size: 14px;
	color: #F8981D;
	text-align: left;
	vertical-align: top;
	padding: 0 0 9px 2px;
	border-bottom: 1px solid #CCC;
}
div.generalContentPane div.venueColContactRight table td {
	font-size: 12px;
	color: #333;
	text-align: left;
	vertical-align: top;
	padding: 14px 0 13px 2px;
	border-bottom: 1px solid #CCC;
}
div.generalContentPane div.venueColContactRight table td.name {
	width: 180px;
}
div.generalContentPane div.venueColContactRight table td a {
	display: inline;
}
div.generalContentPane div.venueColContactRight table td a:hover {
	color: #b21933;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~VENUE STYLES ENDS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~SHOWS BY DATE STYLES START~~~~~~~~~~~~~~~~~~~~~*/

div.showsbyDateContainer {
	width: 710px;
	padding: 0;
	display: block;
	position: relative;
}
div.showsbyDateContainer h1.heading
{
    color:#B31933;
    font-size:30px;
    height:43px;
}
div.showsbyDateContainer a.previousDay, div.showsbyDateContainer a.nextDay {
	position: absolute;
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	margin:0; padding:0;		
	text-decoration:none;
	font-size:16px;
}

div.showsbyDateContainer a.previousDay{
	right: 70px;
	top: 17px;
}
div.showsbyDateContainer a.nextDay {
	right: 0;
	top: 17px;
}
div.showsbyDateContainer a.previousDay:hover, div.showsbyDateContainer a.nextDay:hover  {
	color:#B31933;
}


div.showsbyDateContainer h3 {
	width: 205px;
	float: left;
	font-weight: normal;
	font-size:18px;
	color:#333;
	text-transform:uppercase;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	margin:0; padding:0;	
}
div.showsbyDateContainer h3.date {
	width: 80px;
	color:#333;	
	padding: 0 0 0 10px
}
div.showsbyDateContainer div.titleObj {
	background:#FFC40F;
	padding:10px 0 10px 0;
}
div.showsbyDateContainer div {
	width: 710px;
	display: block;
	clear: both;
	border-bottom:1px solid #FFF;
}
div.showsbyDateContainer div span {
	width: 200px;
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	padding: 0 5px 0 0;
	color: #000000;
	margin: 10px 0;
}
div.showsbyDateContainer div span.date {
	width: 80px;
	padding: 0 0 0 10px;
}

div.showsbyDateContainer div a span {
	font-size: 12px;
	text-decoration: none;
	padding: 0 0 0 10px;
	color:#666666;
}
div.showsbyDateContainer div a:hover span {
	color: #666666;
}



/*~~~~~~~~~~~~~~~~~~~~~~~SHOWS BY DATE STYLES END~~~~~~~~~~~~~~~~~~~~~~~~*/
div.printHeading {
	display: none;
	height: 0;
	width: 0;
	visibility: hidden;
	line-height: 0;
	position: absolute;
}
/*~~~~~~~~~~~~~~~~~~~~~~~09 GIGGUIDE STYLES START~~~~~~~~~~~~~~~~~~~~~*/
span.gigDay{
	display:block;
	font-size:12px;
	background:#ccc;
	color:#000;
	margin-top:0;
	padding:6px 0 6px 8px;
}
a.gigFull{
	width:102px;
	height:15px;
	background: url(../Images/UI/gig.guide.full.gif) no-repeat right top;
	display:block;
	height:15px;
	padding:0;
	float:right;
	text-decoration:none;
	margin-top:-30px;
	text-indent:-2000px;
}
a.gigFull:hover{
	background: url(../Images/UI/gig.guide.full.gif) no-repeat right -43px;
	
}
a.gigLink{
	border-bottom:1px solid #FFF;
	display:block;
	height:20px;
	padding:6px 0 3px 6px;
	text-decoration:none;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	background:#EEE;
}
a.gigLink:hover{
	background:#F8C229;
	color:#FFF;
}	
div.gigFilter{
	height:30px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:0;
	background:#F8C229;
	padding: 10px 10px 0 10px
}
img.filterTag{
float:left;
margin-left:5px;
margin-right:10px;
margin-top:6px;
}
div.gigFilter select{
	width:193px;
	background:#E4E4E4;
	border:1px solid #666;
	padding: 0;
	display:inline-block;
	float:left;
}
table.gigTable{
	margin:0 20px 0 20px;
	padding:0;
	border-collapse:collapse;
	width:710px;
	}

table.gigTable th.gigDate, table.gigTable th.gigShow,table.gigTable th.gigSynopsis,table.gigTable th.gigVenue,table.gigTable th.gigCity{
	color:#F8981D;
	font-weight:normal;
	font-size:18px;
	border-bottom:1px solid #CCC;
	height:30px;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
}
table.gigTable td a
{
    color:#F8981D;
}
table.gigTable td a:hover
{
    text-decoration:none;
}
th.gigDate{
	width:120px;
}
th.gigShow{
	width:160px;
}
th.gigSynopsis{
	width:auto;
}
th.gigVenue{
	width:140px;
}
th.gigCity{
	width:80px;
}
table.gigTable td{
	font-size:11px;
	border-bottom:1px solid #CCC;
	color:#333333;
	vertical-align:text-top;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;	
}
/*~~~~~~~~~~~~~~~~~form styles start~~~~~~~~~~~~~~~~~*/
div.form span.mandatory
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}
div.form p.error
{
    color:#FF0000;
}
div.formInner
{
    background:#F5F5F5;
    width:504px;/*540*/
    padding:18px;
    margin-bottom:15px;
}
div.formInner h2
{
    color:#333333;
    margin:4px 0 10px 0;
    font-size:16px;
}
div.formInner h3
{
    color:#333333;
    margin:4px 0 10px 0;
}
div.formInner ul
{
    margin-bottom:24px;
}
div.formInner ul li
{
    background: url(../images/ui/content/simpleli-bg.gif) no-repeat 1px 6px;
    color:#333333;
    font-weight:normal;
    padding:0 0 0 14px;
}
div.formInner label
{
    color:#333333;
    width:142px;
    float:left;    
}
div.formInner label.fullwidth
{
    width:100%;
    margin-bottom:10px;
}
div.formInner input.text
{
    float:left;
    width:360px;
    height:18px;
    display:block;
    border:solid 1px #CCCCCC;
    margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:2px;
}
div.formInner input.error
{
    border:solid 1px #FF0000;
}
div.formInner input.fullwidth
{
    width:100%;
}
div.formInner textarea.text
{
    float:left;
    width:360px;
    height:72px;
    display:block;
    border:solid 1px #CCCCCC;
    margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.formInner textarea.error
{
    border:solid 1px #FF0000;
}
div.formInner textarea.fullwidth
{
    width:100%;
}
div.formInner select.select
{
    float:left;
    width:362px;
    height:22px;
    display:block;
    border:solid 1px #CCCCCC;
    margin-bottom:10px;
}
div.formInner select.fullwidth
{
    width:100%;
}
div.formInner select.error
{
    border:solid 1px #FF0000;
}
.buttonGeneric {
	height:auto;
	padding:10px 20px 10px 20px;
	margin: 0 33px 0 0;
	font-weight: normal;
	font-size:24px;
	color:#FFD313;
	background:#D92544;
	text-transform:uppercase;
	text-decoration:none;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;		
	float:right;
	text-indent:inherit;
	display:inline-block;
}
.buttonGeneric:hover {
	background:#FFD313;
	color:#D92544;
}
div.w575
{
    width:575px;
}
a.help
{
	padding:5px 10px 5px 10px;
	position: absolute;
	right: 200px;
	/*top:120px;*/
	margin-top:-50px;
	overflow: hidden;
	font-weight: normal;
	font-size:18px;
	color:#FFD313;
	background:#D92544;
	text-transform:uppercase;
	text-decoration:none;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;		
}
a.help:hover
{
	background:#FFD313;
	color:#D92544;
}
div.helptextContainer
{
    position: absolute;
    right: 9px;
	margin-top:-53px;
	width:177px;
	background: url(../images/ui/content/arrowleft.gif) no-repeat 0px 12px;
	visibility:hidden;
}
div.helptext
{
    width:147px; /*170*/
    background:#000000;
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:18px 5px 8px 18px;
	float:right;
}
div.helptext p
{
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:normal;
}
div.formNav
{
    width:536px; /*540*/
    padding:5px 6px 5px 0px;
    margin-bottom:20px;
    background:#EEEEEE;
}
div.formNav a
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#BF1E2E;
	text-decoration:none;
	border-right:solid 1px #CCCCCC;
	padding:1px 10px 1px 8px;
}
div.formNav a.last
{
    border-right:none;
}
div.formNav a.logout
{
    float:right;
    border-right:none;
    padding-right:0px;
}
div.formNav a:hover, div.formNav a.active
{
    text-decoration:underline;
}
div.formSubNav
{
    margin-bottom:10px;
}
div.formSubNav a
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#BF1E2E;
	text-decoration:none;
	padding:1px 10px 1px 0;
}
div.formSubNav a:hover
{
    text-decoration:underline;
}
div.statusMessage
{
    width:528px; /*540*/
    padding:6px;
    margin-bottom:20px;
    background:#EEEEEE;
    border:solid 1px #FFC723;
}
div.statusMessage p
{
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#BF1E2E;
}
div.formInner span.radio input, div.formInner span.checkbox input
{
    float:left;
    margin-right:8px;
}
div.formInner span.radio label
{
    float:left;
    margin-top:2px;
    margin-bottom:5px;
    width:auto;
}
div.formInner span.checkbox label
{
    float:left;
    margin-top:2px;
    margin-bottom:5px;
    width:465px;
    margin-bottom:20px;
}
div.form div.formLeft
{
    float:left;
    width:350px;
    padding-right:10px;
}
div.form div.formRight
{
    float:left;
}
div.formHalfInner
{
    width:312px;/*350*/
    height:160px;
    padding:17px 19px 0 19px;
    background:#EEEEEE;
    margin-bottom:60px;
}
div.formHalfInner p
{
    text-align:left;
    padding-top:13px;
}
div.formHalfInner label
{
    color:#333333;
    width:130px;
    float:left;
    margin-top:3px;
}
div.formHalfInner input.text
{
    float:left;
    width:170px;
    height:18px;
    display:block;
    border:solid 1px #CCCCCC;
    margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:2px;
}
div.formHalfInner a.forgotpass
{
    font-size:11px;
    color:#C32B3A;
    margin-left:130px;
}
div.formHalfInner a.forgotpass:hover
{
    text-decoration:none;
}
div.form a.buttonStart, div.form a.buttonLogin, div.form a.buttonSaveAndContinueWorking, div.form a.buttonSaveAndSubmit  {
	margin-left:auto;
	margin-right:auto;
	padding:10px 20px 10px 20px;  margin: 0 33px 0 0;
	font-weight: normal; 	font-size:24px; 	color:#FFD313;	background:#D92544;
	text-transform:uppercase;	text-decoration:none;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;		
	float:left;
	text-indent:inherit;
	display:inline-block;
}

 div.form a.buttonLogin {
	float:right; 
	margin:10px 10px 0 0;
 }
div.form a.buttonStart:hover, div.form a.buttonSaveAndSubmit:hover {
	background:#FFD313;
	color:#D92544;
}

div.form a.buttonLogin:hover, div.form a.buttonSaveAndContinueWorking:hover {
	background:#FFD313;
	color:#D92544;
}
div.form a.buttonSaveAndContinueWorking {
	float:right;
	margin:35px 22px 0 0;
}
div.form a.buttonSaveAndSubmit {
	float:right;
	margin:35px 35px 0 0;
}
div.form a.buttonUpload {
	width: 120px;
	height: 20px;/*24*/
	background:#FFC519;
	border:solid 1px #BF1E2E;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#BF1E2E;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
	margin-left:10px;
	display:inline-block;
}
div.form a.buttonUpload:hover {
	background:#BF1E2E;
	color:#FFC519;
}
div.form input.fileUpload
{
    float:left;
    margin-bottom:20px;
}
div.form span.wordsRemaining
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	float:left;
	margin-bottom:12px;
}
div.checkboxGroup
{
    float:left;
    width:360px;
}
div.checkboxGroup span.checkbox label
{
    width:auto;
    margin-bottom:10px;
}
div.formInner p.ticketTextLarge
{
    font-size:18px;
    color:#6C7064;
}
div.formInner p.ticketTextSmall
{
    font-size:11px;
    color:#6C7064;
}
div.ticketPreview
{
    height:200px;
    margin-bottom:10px;
}
div.ticketPreview div.previewText
{
    position:relative;
    top:-200px;
    left:89px;
    width:270px;
    height:200px;
	font-family:"LeagueGothicRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	
}
div.ticketPreview div.previewText div p
{
    width:270px;
    text-align:center;
    padding:0;
    margin:0;
}
div.ticketPreview div.previewTextSize
{
    position:relative;
    top:-400px;
    left:450px;
    width:50px;
    height:200px;
}
div.ticketPreview div.previewTextSize p
{
    width:45px;
    margin-left:5px;
    padding:0;
    margin:0;
}
div.form table
{
    border-collapse: collapse;
    width:500px;
    margin-bottom:10px;
}
div.form table thead tr td
{
    border:solid 1px #CCCCCC;
    color:#333333;
    font-weight:bold;
    margin:0;
    padding:6px;
    vertical-align:top;
    background:#F5F5F5;
    text-align:center;
}
div.form table tbody tr td
{
    border:solid 1px #CCCCCC;
    color:#333333;
    font-size:12px;
    padding:6px;
    vertical-align:top;
    background:#FFFFFF;
}
div.form table tr td span.small
{
    font-size:11px;
    font-weight:normal;
    line-height:12px;
    float:left;
    width:100%;
}
div.form table tr td label
{
    width:auto;
    margin:2px 5px 0 0;
}
div.form table tr td input.text50
{
    width:50px;
    height:19px;
    border:solid 1px #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:3px;
}
div.form table tr td input.error
{
    border:solid 1px #FF0000;
}
div.form table tr td span.checkbox label
{
    width:auto;
    margin-top:4px;
    margin-bottom:0px;
}
/*~~~~~~~~~~~~~~~~~photoform~~~~~~~~~~~~~~~~~*/

div.photoForm{
	background:#f5f5f5;
	width: 500px;
	display:block;
	padding: 15px 0 0 0;
	margin: 20px 0 20px 0;
}
div.photoForm p.error
{
    color:#FF0000;
    margin:5px 0 10px 20px;
}
div.photoForm a{
	color:#F8981D;
}
div.photoForm label{
	display:block;
	margin: 0 20px 0 20px;
}
div.photoForm .shortLeft{
	display:inline-block;
	margin: 0 0 0 20px;
	width:190px;
	float:left;
}
div.photoForm .shortRight{
	display:inline-block;
	margin: 0 0 0 20px;
	width:190px;
	float:left;
}
div.photoForm label.checkbox{
	display:block;
	font-size:11px;
	color:#333;
}
div.photoForm label.radio{
	display:block;
	margin: 0 20px 0 0;
}
div.photoForm span{
	display:block;
}
div.photoForm input, div.photoForm textarea{
	display:block;
	width:448px;
	margin: 0 0 5px 0;
	height:17px;
	border:1px solid #CCC;
	padding:3px 5px 0 5px;
	font-size:12px;
	color:#666;
}
div.photoForm textarea
{
    height:66px;
    font-family:Arial, Helvetica, Sans-Serif;
}
div.photoForm a.addfriend
{
    float:right;
    font-weight:bold;
    text-decoration:none;
    margin-right:20px;
}
div.photoForm a.addfriend:hover
{
    text-decoration:underline;
}
div.photoForm input.shortField{
	display:block;
	width:180px;
}
div.photoForm input.radio{
	display:inline-block;
	width:20px;
	float:left;
	outline:none;	
	border:none;	
}
div.photoForm input.checkbox{
	display:inline-block;
	width:20px;
	float:left;
	outline:none;
	border:none;
}
div.photoForm span.radioLabel{
	width:60px;
	display:inline-block;
	float:left;
}
div.photoForm .upload{
	position:relative;	
	width:430px;
	margin: 0 0 10px 0;
}
div.photoForm .fieldBrowse {
	position:absolute;
	top:18px;
	height:20px;
	right:0;

	/* start of transparency styles */
	 opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; /* bring the real upload interactivity up front */
	width:410px;
}
div.photoForm .fakeupload {
	background:url(../Images/UI/buttonFileup.gif) no-repeat 360px center;
}
div.photoForm .fakeupload input {
	width:320px;
	margin: 0 0 0 20px;
}
a.buttonSubmit{
	background:url(../Images/UI/content/buttonSubmit2.jpg) no-repeat 0 0;
	width:156px;
	height:50px;
	display:inline-block;
	text-indent:-9999px;
	margin: 10px 20px 20px 0;
	float:right;
}
a.buttonSubmit:hover{
	background:url(../Images/UI/content/buttonSubmit2.jpg) no-repeat 0 bottom;
}
/* share wishlist  */
div.event
{
    width:500px;
    height:100px;
    float:left;
	background:#f5f5f5;
    display:inline;
	margin: 0 0 1px 0;
	overflow:hidden;
}
.p500{
	width:500px;	
}
div.event div.left
{
    padding:5px;
    width:70px;
    float:left;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	font-weight:normal; font-size:16px;
	text-transform:uppercase;		
}
div.event a.right
{
    float:left;
    text-decoration:none;
    padding:0;
    width:418px;
    height:100px;
	position:relative;
}
div.event a.right span.shareImg{
    width:100px;
    height:100px;
	overflow:hidden;
	position:relative;
	display:block;
    float:left;
    margin-right:10px;	
	text-indent:-999em;	
}
div.event a.right span.shareImg span{
	position:absolute;
	background:url(../Images/UI/2011-b-moreinfo.png) no-repeat 0 0;
	bottom:-30px;
	height:30px; width:100px; display:block;
	-webkit-transition: bottom 0.25s ease-out;
 	-moz-transition: bottom 0.25s ease-out;
  	-o-transition: bottom 0.25s ease-out;
  	transition: bottom 0.25s ease-out;

}
div.event a.right:hover span.shareImg span{
	bottom:0;		
	-webkit-transition: bottom 0.10s ease-in-out;
 	-moz-transition: bottom 0.10s ease-in-out;
  	-o-transition: bottom 0.10s ease-in-out;
  	transition: bottom 0.10s ease-in-out;	
}
div.event a.right img
{
    width:100px;
    height:100px;
}
div.event a.right span.line1
{
    color:#F8981D;
    font-size:20px;
	font-family:"BebasNeueRegular", 'Arial Narrow', Arial, Helvetica, sans-serif;	
	font-weight:normal; text-transform:uppercase;
    margin-top:10px;
    display:block;
}
div.event a.right span.line2
{
    color:#666666;
    font-size:14px;
    font-weight:bold;
    display:block;
}
div.event a.right span.line3
{
    color:#666666;
    font-size:14px;
    font-weight:normal;
    display:block;
}
div.event a.right span.sellingfast
{
    background: url(../images/ui/content/sellingfast.gif) no-repeat;
    position:relative;
    width:107px;
    height:23px;
    float:right;
    margin-right:25px;
    color:#FFF;
    font-size:8px;
    text-align:center;
    padding-top:3px;
}
/*~~~~~~~~~~~~~~~~~form styles end~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~photocompetition styles~~~~~~~~~~~~~~~~~*/
h1.inDent{
	margin: 0 0 0 20px;	
	padding:20px 0 0 0;
}
.photoRatingLeft, .photoRatingRight{
	float:left;	
	margin: 0 0 20px 20px;
	display:inline;
}
.photoRatingRight{
	margin: 0 0 20px 30px;	
}
.photoRatingLeft h2, .photoRatingRight h2{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:0;
}
.photoRatingLeft h3, .photoRatingRight h3{
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 5px 0;
	padding:0;
	color:#BF1E2D;	
}
.photoShell{
	margin:10px 0 0 0;
	overflow:hidden;
	width:340px; 
	height:226px; 	
}
.enterComp{
	text-decoration:none;
	letter-spacing:0.5em;
	color:#900;
	font-size:14px;
	color:#BF1E2D;
	background:url('../Images/UI/leftArrow.gif') no-repeat 0px 3px;
	padding: 0 0 0 32px;
	margin:3px 0 0 20px;
	display:block;
	float:left;
}
.photoSearch {
	float:right;
	margin:0 20px 20px 0;
	width:340px;
	position:relative;
	display:inline;
}
.photoSearch input{
	float:left;
	margin:0 20px 0 0;
	background:url('../Images/UI/photoSearchinput.gif') no-repeat 0px 0px;
	width:240px;
	height:19px;
	border:0;
	padding: 3px 5px 0 5px;
	color:#666;
	font-size:12px;
}
.butPhotoSearch{
	width:90px;
	height:22px;
	display:inline-block;
	position:absolute;
	right:0;
	background:	url('../Images/UI/butPhotoSearch.gif') no-repeat 0px 0px;
	text-indent:-999em;
}
/*~~~~~~~~~~~~~~~~~lightbox styles start~~~~~~~~~~~~~~~~~*/
#lightboxOverlay {
	display:block;
	position:fixed;
	-positio\n: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	}
div.lightboxContentWrap {
	position:fixed;
	-positio\n:absolute;
	z-index:31;
	width:100%;
	display:none;
}
div.lightboxContent {
	margin-left:auto;
	margin-right:auto;
	width:521px;
	height:400px;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:10px;
	position:relative;
	overflow:hidden;
	background:url(../images/ui/lightboxbg.png) no-repeat;
	text-align:left;
}
div.lightboxContentInner
{
    width:325px;
    height:163px;
    margin-left:0px;
    position:relative;
    top:122px;
    left:70px;
}
div.lightboxContentInner p
{
    color:#000000;
    text-align:left;
}
a.buttonOK {
	width: 157px;
	height: 51px;
	background-image: url(../images/ui/content/buttonok.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	text-indent:-9999px;
	float:left;
	margin:20px 10px 0 0;
}
a.buttonCancel {
	width: 157px;
	height: 51px;
	background-image: url(../images/ui/content/buttoncancel.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	text-indent:-9999px;
	float:left;
	margin:20px 0 0 0;
}
a.buttonOK:hover, a.buttonCancel:hover {
	background-position: 0 -51px;
}
/*~~~~~~~~~~~~~~~~~lightbox styles end~~~~~~~~~~~~~~~~~*/
div.showscontainer
{
    overflow:hidden;
    height:560px;
}
div.homeCol a.prev, div.homeCol a.next
{
    visibility:hidden;
	float:left;
	text-indent: -9999px;
}
div.homeCol a.prev
{
    width: 74px;
	height: 15px;
	background: url(../images/ui/content/prev.jpg) no-repeat;
}
div.homeCol a.next
{
    width: 54px;
	height: 15px;
	background: url(../images/ui/content/next.jpg) no-repeat;
	margin-left:200px;
}
div.homeCol a.prev:hover, div.homeCol a.next:hover
{
    background-position:0 -15px;
}
.mediaNav
{
    height:50px;
    padding-top:10px;
    background:#BF1E2E;
}
.mediaNavInner
{
    width:960px;
    margin:0 auto;
}
.mediaNavInner h1
{
    float:left;
}
.mediaNavInner h1 a
{
    text-decoration:none;
}

.videoPopup 
{
    position: absolute;
    top: 200px;
    width: 640px;
    height: 450px;
    padding: 50px 150px 30px;
    background: #000;
    border: 10px solid #F8C229;
    z-index: 1002;
}
.videoPopup a.closeVideoPopup 
{
    display: block;
    float: right;
    margin-top: 25px;
    padding: 0;
    font: normal 24px/24px 'LeagueGothicRegular';
    text-decoration: none;
    text-transform: uppercase;
}
.videoPopup a.closeVideoPopup:hover 
{
    color: #C1212F;
}

/* News letter sign up */
.bg_signupnewsletter
{       
    width:600px;
    height:480px;
    display:block;    
}

.bg_signupnewsletter a.signupnewsletter
{
    position:relative;  
    background:url(../images/ui/sprite_signupNewsletters.jpg) no-repeat;
    float:left;    
    text-indent:-999px;
    width:600px;
    height:480px;    
}

a.signupnewsletter
{
    background-position:0px 0px;        
}

a.signupnewsletter:hover
{
    background-position: 0px -480px;
}
.bg_signupnewsletter a.close
{
    background:url(../images/ui/lightboxClose.jpg) no-repeat;
    width:130px;
    height:13px;    
    border:none;
    position:relative;
    display:block;
    top:465px;
    left:450px;
    z-index:1004;
    text-indent:-999px;
}

.SignUpNewsletter
{
    width:600px;
    height:480px; 
    position:absolute;
    top:340px;
    left:50%;        
    margin-left:-300px;
    z-index:1002;
    display:none;
    
}