/**
 * The file contains styles for GWT widgets in the dark theme.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    html>body .gwt-Widget {
 *      Rule applies to all browsers (including IE7), except IE6
 *    }
 *    * html .gwt-Widget {
 *      Rule applied to IE6 only (not to IE7)
 *    }
 * 
 * Specifically, IE6 does not support images with multiple transparent colors,
 * so we need to use the AlphaImageLoader in IE6 only.
 */


body {
  margin: 0px;
  border: 0px;
  padding: 0px;
  background: #000 url("images/background.jpg") repeat fixed right top;
  scrollbar-arrow-color: #64676c;
  scrollbar-3dlight-color: #10101c;
  scrollbar-darkshadow-color: #10101c;
  scrollbar-face-color: #10101c;
  scrollbar-highlight-color: #64676c;
  scrollbar-shadow-color: #64676c;
  scrollbar-track-color: #777777; 
}
a, a:visited, a:hover {
  color: #ccf;
}

#main{
	padding:0; 
	width: 1135px;	
	height: 725px;
}

#header{
	position: relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#fff; 
	top:0px;
	left:0px;
	font-size:10px;
	width: 1135px;	
	overflow: hidden;
	height: 136px;	
}

#content{
	position: relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#fff; 
	font-size:10px;	
	width: 1101px;
	height: 599px;
	top:0px;
	left:17px;
	background: url("images/background2.jpg");
	overflow: hidden;
}

#t4fcontent{
	position: relative;
	width:800px; 
	height:374px; 
	margin-top:50px; 
}

#t4f{
	position: relative;
	width:503px; 
	height:353px; 
	background-image: url(images/tickets4free.jpg); 
	text-align:left;
	float:left;
	margin-top:23px;
	overflow: hidden;
}
#ctw{
	position: relative;
	width:277px; 
	float:right;
}

#tickettv{
	position: relative;
	width:950px; 
	height:680px; 
	margin:0px; 
}

#topEvents{
	position: relative;
	top:0px;
	right:0px;
	text-align:left;
	width: 1086px;
	height: 585px;
	margin: 7px;
	overflow: hidden;	
	border:#000 1px solid; 	
}

#fiveyears{
	position: absolute;
	text-align:left;
	top:0px;
	left:0px;
	width: 253px;
	height: 585px;
	overflow: hidden;	
	background: url("images/fiveryearsbg.gif") no-repeat;
	padding:10px;	
}
#fivetext{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#fff; font-size:10px;
	width: 230px;
}


#intcontainer{
	position: absolute;
	text-align:left;
	top:0px;
	right:0px;
	height: 585px;
	width:825px;
	overflow: hidden;	
	border:#000 1px solid; 	
}

#personal{
	position: relative;
	width: 1086px;
	height: 585px;
	margin-top: 30px;
	margin-left: 30px;
	overflow: hidden;	
	text-align: left;
}


#topShows{
	position: relative;
	top:0px;
	right:0px;
	text-align:left;
	width: 1086px;
	height: 585px;
	margin: 7px;
	overflow: hidden;	
	border:#000 1px solid; 	
}


.style1 {font-size: 9px}

#events{
	position: absolute;
	text-align:left;
	width: 885px;
	height: 585px;
	overflow: hidden;	
}

#shows{
	position: absolute;
	text-align:left;
	width: 885px;
	height: 585px;
	overflow: hidden;	
}

#paging{
	position: relative;
	top:0px;
	left:0px;
	width: 885px;
}

#spaging{
	position: relative;
	top:0px;
	left:0px;
	width: 885px;
}

.pages{
	position: relative;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#pagescont{
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #000;
	width: 885px;	
	overflow: hidden;	
	background-color:#666666;		
}

#spagescont{
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #000;
	width: 885px;	
	overflow: hidden;	
	background-color:#666666;		
}

.page{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#FFF; 
	font-size:12px; 
	font-weight:bold;
	margin: 0px;
	padding: 3px 15px;
	border-right: 1px solid #000;
	list-style: none;
	display: inline;	
	cursor: pointer;
}

.pagespace{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#FFF; 
	font-size:12px; 
	font-weight:bold;
	margin: 0px;
	padding: 3px 15px;
	border-right: 1px solid #000;
	list-style: none;
	display: inline;
	cursor: default;	
}



#allthem{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#FFF; 
	font-size:12px; 
	font-weight:bold;
	margin: 0px;
	position: absolute;
	top:0px;
	right: 0px;
	cursor: pointer;
}


#overpaging{
	position: relative;
	top:0px;
	left:0px;
	width: 885px;
	height: 567px;
	overflow: hidden;	
}

#soverpaging{
	position: relative;
	top:0px;
	left:0px;
	width: 885px;
	height: 567px;
	overflow: hidden;	
}

.separator{
	width:885px;
	height:1px;
	margin:0px;
	padding:0px;
	border-top:#000 1px solid; 
	overflow:hidden;
}
.sseparator{
	width:885px;
	height:1px;
	margin:0px;
	padding:0px;
	border-top:#000 1px solid; 
	overflow:hidden;
}

.eventc{
	position: relative;
	text-align:left;
	overflow: hidden;	
	background-color:#FFFFFF;
	width:873px;
	height:130px;
	margin:5px;
}


.seventc{
	position: relative;
	text-align:left;
	overflow: hidden;	
	background-color:#FFFFFF;
	width:873px;
	height:130px;
	margin:5px;
}

.eimage{
	position:absolute;
	float:left;
	width:225px;
	height:120px;
	top:4px;
	left:3px;
	background-color:#CCCCCC;
	border:#888 1px solid; 
	overflow: hidden;	
}

.simage{
	position:absolute;
	float:left;
	width:180px;
	height:120px;
	top:4px;
	left:3px;
	background-color:#CCCCCC;
	border:#888 1px solid; 
	overflow: hidden;	
}
.title{
	position:relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0080FF; font-size:14px; font-weight:bold;
	margin-top:2px;
	margin-left:240px;
	overflow: hidden;	
	height:18px;
}
	
.intro{
	position:relative;
	width:628px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; font-size:10px;font-weight:bold;
	text-align:right;
	background-color:#dddddd;
	margin-left:240px;	
	overflow: hidden;	
}

.desc{
	margin-top:5px;
	position:relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; font-size:10px;
	overflow: hidden;	
	width:628px;
	text-align:left;
	height:75px;
	margin-left:240px;	
	
}
.buttons{
	position:relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; font-size:10px;
	margin-left:240px;	
	width:628px;
	text-align:right;
}

.stitle{
	position:relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0080FF; font-size:14px; font-weight:bold;
	margin-top:2px;
	margin-left:190px;
	overflow: hidden;	
	height:18px;
}
.sintro{
	position:relative;
	width:678px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; font-size:10px;font-weight:bold;
	text-align:right;
	background-color:#dddddd;
	margin-left:190px;	
	overflow: hidden;	
}
.sdesc{
	margin-top:5px;
	position:relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; font-size:10px;
	overflow: hidden;	
	width:678px;
	text-align:left;
	height:75px;
	margin-left:190px;	
	
}
.sbuttons{
	position:relative;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; font-size:10px;
	margin-left:190px;	
	width:678px;
	text-align:right;
}


h1{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0080FF; font-size:14px; font-weight:bold; text-decoration : none;
	margin: 0px;
	padding: 0px;
}

h2{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;
	color : #61d2ff;
	margin: 0px;
	padding: 0px;
}

#news{
	position: absolute;
	text-align:left;
	top:0px;
	right:0px;
	width: 200px;
	height: 585px;
	overflow: hidden;	
	background-color:#666666;
	border-left:#000 1px solid; 	
}
.newsseparator{
	width:200px;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	border-top:#000 1px solid; 
	overflow:hidden;	
}

#newstitle{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#fff; font-size:14px; font-weight: bold;
	width: 190px;
	padding:5px;
}


.newspiece{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#fff; font-size:10px;
	width: 190px;
	padding:5px;
}

 td                      { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000; font-size:10px }
 select, input, textarea { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000; font-size:10px }
  .black              { color : #000000; }
  .white              { color : #FFFFFF; }
  .tit                { color : #029AD3; font-size:20px; }
  .subtit             { color : #029AD3; font-size:13px; }
  .orange             { color : #F0A900; }
  .gray               { color : #737373; }
  .grey               {color : #AAAAAA; }
  .blue               { color : #029AD3; }
  .StarticketBlue     { color : #029AD3; }
  .ErrorMsg           { font-size:11px; color : #ff0000; }
  
  a.blue:link         { color : #fff; text-decoration : none; }
  a.blue:visited      { color : #fff; text-decoration : none; }
  a.blue:hover        { color : #fff; text-decoration : none; }
  
  a.atitle:link         { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0080FF; font-size:14px; font-weight:bold; text-decoration : none; }
  a.atitle:visited      { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0080FF; font-size:14px; font-weight:bold; text-decoration : none; }
  a.atitle:hover        { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0080FF; font-size:14px; font-weight:bold; text-decoration : none; }
  
  a.news:link         { color : #61d2ff; text-decoration : none; }
  a.news:visited      { color : #61d2ff; text-decoration : none; }
  a.news:hover        { color : #61d2ff; text-decoration : overline; text-decoration: underline;}
  
  a:link              { color : #000000; text-decoration : underline; }
  a:visited           { color : #000000; text-decoration : underline; }
  a:hover             { color : #000000; text-decoration : underline; }
  a.nav:link          { color : #8F8C85; text-decoration : underline; }
  a.nav:visited       { color : #8F8C85; text-decoration : underline; }
  a.nav:hover         { color : #8F8C85; text-decoration : underline; }
  a.navA:link         { color : #029AD3; text-decoration : underline; }
  a.navA:visited      { color : #029AD3; text-decoration : underline; }
  a.navA:hover        { color : #029AD3; text-decoration : underline; }
  a.navBLACK:link     { color : #000000; text-decoration : underline; }
  a.navBLACK:visited  { color : #000000; text-decoration : underline; }
  a.navBLACK:hover    { color : #000000; text-decoration : underline; }
  a.navWHITE:link     { color : #FFFFFF; text-decoration : underline; }
  a.navWHITE:visited  { color : #FFFFFF; text-decoration : underline; }
  a.navWHITE:hover    { color : #FFFFFF; text-decoration : underline; }
  a.navORANGE:link    { color : #F0A900; text-decoration : underline; }
  a.navORANGE:visited { color : #F0A900; text-decoration : underline; }
  a.navORANGE:hover   { color : #F0A900; text-decoration : underline; }
  a.navGRAY:link      { color : #737373; text-decoration : underline; }
  a.navGRAY:visited   { color : #737373; text-decoration : underline; }
  a.navGRAY:hover     { color : #737373; text-decoration : underline; }
  a.Error:link        { color : #029AD3; text-decoration : underline; font-size:20px;}
  a.Error:visited     { color : #029AD3; text-decoration : underline; font-size:20px;}
  a.Error:hover       { color : #029AD3; text-decoration : underline; font-size:20px;}
  .bgblue             { background-color : #029AD3 }
  .bgorange           { background-color : #F0A900 }
  .bglightblue        { background-color : #DAF0F8 }
  .bggray             { background-color : #737373 }
  .bglightgray        { background-color : #DCDCD6 }
  .bgverylightgray    { background-color : #F4F4F0 }
  .bgwarning          { background-color : #CC3300 }
  .SeatingPlanText    { font-size:20px;}
  a.button:link       { background-color: #D4D0C8; color: black; text-decoration: underline; cursor: default; padding: 3px 9px; border: 2px outset #666666;} 
  a.button:visited    { background-color: #D4D0C8; color: black; text-decoration: underline; cursor: default; padding: 3px 9px; border: 2px outset #666666;} 
  a.button:hover      { background-color: #D4D0C8; color: black; text-decoration: underline; cursor: default; padding: 3px 9px; border: 2px outset #666666;} 





.box1{
	float:left;
	background:#fff;
	padding:0 10px;
	margin:0px 20px;
	display:inline;/* IE double margin bug*/
	position:relative;
	top:10px;
}

.one1{width:90%}

.inner1{
	padding:10px 0;
	margin:-10px 0;
	min-height:0;/* ie7 haslayout issues fix*/
	position:relative;
	background: #fff url("images/starbg.png") no-repeat -80px 0px;	
}

.top1,.base1{
	margin:-10px -10px 0;
	background:url(/static/images/one-round-test2.png) no-repeat left top;
	height:10px;
	position:relative;
	font-size:10px;
}

* html .inner1{height:1px}/* ie6 haslayout issues fix*/

.base1{
	background-position:left bottom;
	margin:0 -10px -10px;
}

.top1 span,.base1 span{
	background:url(/static/images/one-round-test2.png) no-repeat right top;
	display:block;
	height:10px;
	font-size:10px;
}

.base1 span{background-position:right bottom;}

.content1{
	width:100%;
	height: 460px;
	overflow: auto;
	text-align: left;
}

.contenido1{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; font-size:10px;
	margin-left:200px;
}
.showtitle h2{
	color: white;
}

.image1{
	position: relative;
	width:200px;
	height: 460px;
	float:left;
}
.image1 img{
	border:#CCCCCC 1px solid;
}

.head{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#fff; font-size:22px;
	margin-left:20px;
	margin-bottom:10px;
}

.showtitle{
	background-color: #CCCCCC;
	padding:10px;
}

.dateunderline{
   color: green;
   border-bottom:green 1px dotted;
   margin-top: 10px;
   padding: 0px; 	
}

#sloading{
	margin-top:200px;
}