/************* standard elements ***************/
* {margin:0; padding:0;} /* reset CSS */
body {font:100%/140% 'helvetica neue',sans-serif; font-size: .9em; background-color:Black; color:White; padding:5%;}
html, body {height:100%; }
h1 { font-size: .8em; letter-spacing:3px; text-transform:uppercase;padding-top:4px; padding-bottom:4px; }
h2 { font-size: 1em; margin-top: 1px; margin-bottom: 1px; text-align: center; letter-spacing:3px; text-transform:uppercase;}
h3 { font-size: .9em; margin-top: 1px; margin-bottom: 1px; text-align: center; letter-spacing:3px; text-transform:uppercase;}	
h4 { font-size: .8em; margin-top: 1px; margin-bottom: 1px; text-align: center; letter-spacing:1px;}
h5 { font-size: .6em; letter-spacing:3px; text-transform:uppercase; padding-bottom:4px;}
ol { font-size: .9em; font-weight: bold; padding:10px; vertical-align:bottom; }
ul { font-size: .9em; font-weight: bold; text-align: left;} 
a{color:#6E6E6E;text-decoration:none;outline:none; font-weight:300;}
a:hover{color:#2E2E2E; font-weight:300;}
table {width:100%; vertical-align:top;}
div {padding: 1px 1px 1px 1px; background-color:inherit;}
td {vertical-align:top;}
tr {vertical-align:top;}

/************* element ID driven **************/
#bg {width:500px; height:500px; margin: 0; padding:30px 0px 0px 50px; position: absolute; z-index: -1;}

/************* object specific core classes ***************/
li.tracks {font-size: .9em; margin-top: 2px; margin-bottom: 2px;}

/************* custom elements ***************/
.divMaster {width: 650px; height: 580px; border: solid 1px #A4A4A4; padding: 10px 4px 8px 10px; background-color:inherit; }
.divEmailJoin{width:650px; text-align:right; position:absolute; vertical-align:top;}
.divContactSend{width:610px; text-align:right; vertical-align:top;}
.divCenter{text-align:center; position:absolute;}
.divWrapper{height:400px; width: 500px; overflow:auto; }
.divStatusBarWrapper {z-index:1; top:250px; left:240px; background-color:white; position:absolute; color:White; border: solid 1px #A4A4A4; text-align:center; width:320px; padding:8px;}
.divDiscoveryWrapper{width:640px; height:540px; overflow:auto; padding: 10px 0px 1px 10px;}
.divShowsWrapper{width:650px; height:540px; overflow:auto; padding: 0px 0px 1px 0px;}
.divWimpyWrapper{width:650px; text-align:center; z-index:1; font-size: 9.7pt;}
.divContactWrapper{left:605px; top: 319px; position:absolute; font-size: 9.7pt;}
.divFloatLeft{float:left; width:202px; border:solid 1px #A4A4A4;}
.divFloatRight{float:right; width:180px;}
.divBuy{padding:0px 0px 0px 285px; width: 300px;}
.divUserControlPlaced{padding:0px 0px 0px 15px;}
.divFloatCenterPlaced{width:450px; padding:200px 0px 0px 110px;}
.divtracklisting{text-align:left; padding:20px;}
.divNews{width:635px; height:85px; background-color:White; border:dashed 1px grey; left:70px; top:590px; position:absolute; color: Gray; padding:8px 8px 8px 8px}
.divVideo{left:130px; top:250px;}
.divMediaBackground{background-color:Black; width:590px; height:500px; padding-top:50px;}
.divNestedDivCentered{padding:0px 0px 0px 100px;width:480px;}
.tableEmailJoin{width:600px;}
.tableMain{width:800px}
.tdLeft {width:200px;}
.tdRight {width:500px}
.tdContact{width:100px}
.labelerror {color:Red;}
.musictable{width:100% }
.musicrow{width:240px;}
.smallimages{padding-top: 2px; padding-bottom: 2px; }
.imageMain{position:absolute; padding:0px 0px 0px 300px; float:right;}
.headerImage {border-style:none; border-width:0px; width:650px;}
.mainBackgroundImage {position:absolute; top: 21%; left: 37%; width: 631px;}
.alignBottom{vertical-align:bottom;}
.aligntop{vertical-align:top;}
.alignMiddle{vertical-align:middle;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.imageButton {border:solid 40px black}
.image{background:white; width:200px; height:200px; padding:1px 1px 0px 1px;}
.txtCopyright{font-size:x-small}
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4A6034;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer; 
 }
.accordionHeader	
{
    background: none;
	text-decoration: underline;
	cursor: pointer;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}
.accordionContent{
    background-color: #212020;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px; 
    text-align:center;
 }
.dropDownStandard{width:297px; padding:4px; color:Black;}
.textboxStandard{width:285px; background-color: #F7F7F7; padding:4px; color:Black;}
.textboxMultiLine{width:600px; height:250px;  background-color: #F7F7F7; padding:4px; color:Black;}
.textboxStandardError{width:285px; color:black;  background-color: red; padding:4px;}
.textboxMultiLineError{width:600px; color:black; height:250px;  background-color: red; padding:4px;}
.textWatermark{font-style:italic; color: Silver; padding:4px; width:285px; background-color: #F7F7F7;}
.textWatermarkMultiline{font-style:italic; color: Silver; padding:4px; background-color: #F7F7F7;width:600px; height:250px;}
.textAreaStandard{padding:4px 4px 4px 4px }
.buttonSend{width:80px; height:25px;}


/************* image classes **************/
.colmask {
    position:relative; /* This fixes the IE7 overflow hidden bug */
    padding-top:40px;
    clear:both;	
    float:left;	
    width:100%; /* width of whole page */
    overflow:hidden;/* This chops off any overhanging divs */
}
.colright,.colmid,.colleft {float:left;	width:100%;	position:relative;}
.col1,.col2,.col3 {float:left; position:relative; padding:0 0 1em 0; overflow:hidden;}
.leftmenu {background-color:inherit;}/* right column background colour */		
.leftmenu .colleft {
    right:75%;/* right column width */
    background-color:inherit;/* left column background colour */
}
.leftmenu .col1 {
    width:71%;/* right column content width */
    left:102%;/* 100% plus left column left padding */
}
.leftmenu .col2 {
    width:21%;	/* left column content width (column width minus left and right padding) */
    left:6%;	/* (right column left and right padding) plus (left column left padding) */
}

/************* hover button classes **************/
.buttonwrappersmall
{
	overflow: hidden; 
	width: 10%;
	text-align:center;
	width:50px;
}
a.squarebutton
{
	background: transparent url('../../App_Images/Merchandise/square-green-left.gif') no-repeat top left;
	display: block;
	float: inherit;
	font: bold 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: black; /*button text color*/
}
a.squarebutton span{
	background: transparent url('../../App_Images/Merchandise/square-green-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.squarebutton:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.squarebutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #67a;
}

/************* hover pop up box with arrow ***************/
.popUpArrowPanel {display: none; z-index:1;}
.popUpArrowBoxTable{width: 500px;padding: 0;margin: 0;border-collapse: collapse;}
.popUpArrowBoxTdTopLeft {width: 75px; height: 28px; background-image: url('../../App_Images/PopupHover/BoxTopLeft.png'); background-repeat: no-repeat;}
.popUpArrowBoxTdTopSide {background-image: url('../../App_Images/PopupHover/BoxSideTop.png'); background-repeat: repeat-x; width: 160px;}
.popUpArrowBoxTdTopRight {width: 28px; height: 28px; background-image: url('../../App_Images/PopupHover/BoxTopRight.png'); background-repeat: no-repeat;}
.popUpArrowBoxTdTopArrow {vertical-align: top; background-image: url('../../App_Images/PopupHover/BoxTopLeftArrow.png');	background-repeat: no-repeat; position: relative;left: 75px;top: -28px; height: 94px; width:75px;}
.popUpArrowBoxTdSideLeft {vertical-align: top; width: 75px; height: 120px; background-image: url('../../App_Images/PopupHover/BoxSideLeft.png'); background-repeat: repeat-y;}
.popUpArrowBoxTdSideRight {width: 28px; height: 120px; background-image: url('../../App_Images/PopupHover/BoxSideRight.png'); background-repeat: repeat-y;}
.popUpArrowBoxTdBottomLeft {width: 75px; height: 28px; background-image: url('../../App_Images/PopupHover/BoxBottomLeft.png'); background-repeat: no-repeat;}
.popUpArrowBoxTdBottomSide {background-image: url('../../App_Images/PopupHover/BoxSideBottom.png'); background-repeat: repeat-x; width: 160px;}
.popUpArrowBoxTdBottomRight {width: 28px; height: 28px; background-image: url('../../App_Images/PopupHover/BoxBottomRight.png'); background-repeat: no-repeat;}
.popUpTitle{width:98%; border-color:#C7AF72; font-weight: bold; font-size: 12px; background-color:#7C7E31; color:White; text-align: center;}
.popUpArrowBoxTdContent {vertical-align: top; background: url('../../App_Images/PopupHover/SpacerWhite.gif');}
.popUpText{text-align:left;}