/* HTML overrides */

a:link, a:visited, a:hover, a:active 
{
	color: White;
	text-decoration: none;	
	cursor:pointer;
}

img {
	border: 0;
}

p 
{
	margin: 0;
	padding: 0;
	margin-top: 5px;
}


body {
	text-align: center;
	background-color: #132448;		
	font-family: Arial;
	font-size: 13px;
}

/* Main layout container */
#masterLayout {
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	top: 0px;
	width: 1082px;
	height: 850px;
}

#topBar {
	position: absolute;
	left: 750;
	top: 8;
	height: 10px;
}

/* Second Nav is for Bands, Fun, Info, etc. */ 
#secondNav {
	position: absolute;
	left: 305px;
	top: 130px;
	
}

#secondNav ul {
	padding: 0;
	margin: 0;	
	margin-top: 10px;

}
#secondNav li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

/* Third Nav is for info page */ 
#thirdNav {
	position: absolute;
	left: 300px;
	top: 180px;		
}

#thirdNav ul {
	padding-left: 0px;
	margin:0;
	padding:0;
	margin-top: 10px;
	cursor: pointer;			
}

#cityInfo 
{
	color: White;
	position: relative;
	left: -230px;
	top: 30px;
	font-weight: bold;
	width:300px;
}

#cityName 
{
	width:300px;
}

#cityDate 
{
	font-size: 18pt;
	width:300px;
}

#ctl00_whitebar
{
	position: absolute;
	top: 143px;
	left: 315px;
	width: 620px;
	height: 46px;
	z-index: 1;
}

#thirdNav li {
	list-style-type: none;
	display: inline;		
}

#thirdNav, img
{		
	vertical-align: top;
}

#thirdNav {
	text-decoration: none;
}

/* Common styles between topBar, secondNav */
#topBar, #secondNav {
	color: white;
	font-family: Courier New;
	font-size: 12px;
}

#topBar a, #secondNav a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

/* Patch logo */

#patchLogo {
	position:absolute; 
	left:145px; 
	top: 20px; 
	width: 160px; 
	height:160px; 
	cursor: pointer;
}

#patchLogo2 
{
	position:absolute; 
	left:105px; 
	top: 50px; 
	width: 250px; 
	height:80px; 
	cursor: pointer;	
}

/************************************/

.headLinks {
	position:absolute;
	top: 10px;
	left: 790px;
	z-index: 1;	
}

.borderLeft {
	position: absolute;
	top: 0px;
	left: 0px;
}

.logoLeft {
	position: absolute;
	top: 0px;
	left: 75px;
}

.logoMid {
	position: absolute;
	top: 0px;
	left: 146px;
	z-index: 1;
}

.banner {
	position: absolute;
	top: 0px;
	left: 305px;
}

.borderRight {
	position: absolute;
	top: 0px;
	left: 936px;
}

.redBar {
	position: absolute;
	top: 156px;
	left: 305px;
	width: 631px;
	height: 33px;
}

.bottomBar {
	position: absolute;
	top: 822px;
	left: 146px;	
}

.mainContent 
{	
	position: absolute;
	top: 220px;
	left: 171px;
	width: 740px;	
}

.headerImg
{
	margin-bottom:10px;	
}

.infoText 
{
	
}

.location img
{
	float: right;
	
}

.cityHeader
{

}

#flash 
{	
	position: absolute;
	top: 190px;
	left: 146px;
	width: 760px;
}


.hands {
	position: absolute;
	top: 711px;
	left: 150px;

}

.bottomText {
	position: absolute;
	font-size: 10px;
	top: 828px;
	left: 146px;
	width: 790px;
	color: white;	
}

.alignLeft {
	text-align: left;	
}

.alignRight {
	text-align: right;
}

/* For home page (TODO: break into a separate file) */

#homeContent 
{
	position: absolute;
	top: 640px;
	left: 146px;
	width: 785px;
	margin-left: 5px;
	font-size: 11px;	
}

#about {
	float: left;	
	padding-top: 5px;
	padding-left: 4px;
	width: 240px;	
}

#about .separator 
{
	border: 0;
	height: 1px;
	color: #919191;
	background-color: #919191;
}

#about a:link, #about a:visited, #about a:hover, #about a:active 
{
	color: black;
	text-decoration: none;	
}

#updates 
{
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	width: 320px;	
}

#sponsors {
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	width: 160px;
}

.twitter {
	float: right;
	padding-top: 13px;
	padding-left: 4px;
}

.bandImg 
{
	position: relative;
	left: -8px;
	font-weight: bolder;
	text-align: right;
	color: white;
	width: 452px;
	height: 239px;

}

.bandImg td {
	padding-right: 30px;	
}

.bandImg .cityBig {
	font-size: 40px;	
}

.redBarLinks {
	position:absolute;
	top: 136px;
	left: 305px;	
	z-index:1;
}

.redBarLinks ul {
	list-style-type: none;		
}

.redBarLinks ul li {
	float:left;
	padding-left: 20px;	
}

.redBarLinks img {
	height: 36px;	
}

/* Band table */

.stages 
{
	height: 336px;
	background-image: url('../images/box_denimbg.jpg');
}

.stages table
{	
	color: white;
	font-weight: bold;
	margin-left: 20px;

}

.stages table.stagesTable 
{
	width: 480px;
}

.stages table th {
	text-align: left;
	padding-right:16px;	
}

.stages .stageScroll
{
	height: 250px;
	width: 520px;
	position: relative;
	top: 35px;
	overflow-y: auto;
	overflow-x: hidden;
}

.stages table td {
	vertical-align: top;
	padding-right:16px;
}

.stages table ul {
	list-style-type: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.stages table li {
	font-size: 10pt;
	position: relative;	
	color: #132448;
	width: 215px;
	height: 42px;
	padding-left: 10px;
	background-image: url('../images/band_back.GIF');
	
	margin-top: 5px;
	cursor: pointer;
	vertical-align: middle;
}

.stages table a {
	color: #132448;
}

.stages table p {
	padding:0px;
	margin:0px;
}

.stages table.stageBand 
{
	margin-left: 0px;
	vertical-align: middle;
}

.stages table.stageBand td
{
	vertical-align: middle;
}

.stageBandName
{
	height: 40px;
	width: 130px;
}

.stageBandName a
{
	
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.stageBandTime 
{
	width: 70px;
	color: Black;
}

/* Band list */

.bandList {
	position:absolute;
	top: 8px;
	left: 560px;
	text-align: right;
	color: #6B7C91;	
	font-weight: bold;
}

.bandList ul {
	list-style-type: none;
	width: 175px;	
	padding: 0;
	margin: 0;
	padding-top: 8px;
	float: left;
}

.bandList li {
	cursor: pointer;
	margin-bottom: 1px;
}

.bandList li span {
}

.bandList .separator 
{
	border: 0;
	height: 5px;
	color: #c5c9d4;
	background-color: #c5c9d4;
}

.bandList li img
{
	margin-top:5px;
	margin-right:5px;
}

.bandListSelected span
{
	width:100%;
}
.bandList a:link, .bandList a:visited, .bandList a:hover, .bandList a:active
{
	color:#6B7C91;
}

.bandListSelected a:link, .bandListSelected a:visited, .bandListSelected a:hover, .bandListSelected a:active
{
	color:#1F3354;
	width:100%;
}

.bandList img 
{
	
}

.liveBands 
{
	padding-right: 23px;
}

.bandListScroll 
{
	width: 200px;
	max-height: 400px;
	overflow: auto;
}



/***************************/
#bandStages
{
	width: 542px;
}

#bandStages div.bandStagesNav
{
	height:34px;
	padding: 5px 0px 5px 0px;
}

#cssdropdownNav
{
	width: 220px;
	float:left;
}

#printNav
{
	float:right;
}


#cssdropdown 
{
	height:31px;
	margin:0px;
	padding: 2px 0px 2px 0px;
}

#cssdropdown, #cssdropdown ul 
{
	list-style: none; 
	z-index: 1;
	background-color: #6B7C91;	
	
}

/* Head links */
#cssdropdown li.headlink 
{
	width: 220px;
	height:25px;
	
	background-color: #6B7C91;	
	background-image: url("../images/dropdown_button.png");
	background-position: right;
	background-repeat: no-repeat;
}
		

#cssdropdown li.headlink  div
{
	width:150px;
	height:31px;
	margin:0px;
	margin:3px 0px 3px 10px;
}

/* Child lists and links */
#cssdropdown li.headlink ul 
{
	position:absolute;
	width: 220px;
	display: none; 
	/*border-top: 1px black solid; */
	text-align: left; 
	top:60px;
	left:0px;
	
	list-style: none; 
	padding:0px;
	margin:0px;
}

#cssdropdown li.headlink ul:hover 
{
	display: block; 
}
#cssdropdown li.headlink:hover ul 
{
	display: block; 
}

#cssdropdown li.headlink ul li
{
	height:25px;
	padding:0px 0px 0px 7px;
}

#cssdropdown li.headlink ul li a 
{
	padding: 5px; 
}

#cssdropdown li.headlink ul li:hover 
{
	background-color: #1f3556 ;
}

#cssdropdown li.secondLink a 
{
	color:#FFFFFF;
	font-size:16px;
}

/* Pretty styling */

#cssdropdown a, #cssdropdown li
{
	color: white; 
	font-weight: bolder;
	cursor: pointer;
} 
#cssdropdown ul li a:hover 
{
	text-decoration: none; 
}
#cssdropdown li.headlink 
{
}
#cssdropdown li.headlink ul 
{
	background-image: url(bg.gif); 
	background-position: bottom;
}


.dropdown {
	padding-top: 7px;	
}

.print {
	position:relative;
	top: -30px;
	left: 400px;
	float:left;
}

/* Performer details */

.performerDetails {
	background-image: url('../images/details_back.png');
	position: absolute;
	top: -17px;	
	left: -5000px;
	width: 579px;
	height: 473px;
	z-index: 1;
	color: white;	
}

.performerDetails .descriptionName {
	position: relative;
	top: 45px;
	left: 50px;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 13pt;
}

.performerDetails .descriptionName img {
	float: right;
	position: absolute;
	top: 0px;
	left: 400px;
	cursor: pointer;
	
}

.performerDetails .tickets {
	font-size: 11pt;
	font-weight: bolder;
	position: absolute;
	top: 400px;
	left: 50px;	
}

/* Band info */
.bandInfo 
{
	position: relative;
	top: 50px;
	left: 50px;
	width: 469px;
	height:325px;
	font-size: 13px;
}

.bandInfo img 
{
	width: 469px;
	padding-right: 10px;

}

.bandInfo p 
{
	overflow:hidden;
	width:469px;
	height:84px;
	padding-top: 5px;
}

/*Location info*/
.location img
{
	margin-left:15px;
	margin-bottom:15px;
}

.ddDate
{
	height: 23px;
	line-height: 23px;
}

.bandListUnselected
{
	padding-bottom: 8px;
}

.bandListSelected 
{
	padding-bottom: 8px;
}