/* CSS Reset */
*{ 
margin:0; 
padding:0; 
}

html{
background-color: black;
}

.spacer{
width: 20px;
height: 1px;
clear: both;
}

body{
background-color: black;
font-family: monospace;
font-size: 14px;
color: white;
}

#pageContainer{
width: 800px;
height: 100%;
margin: 10px auto 0px auto;
position: relative;
}

h1{
font-size: 35px;
height: auto;
margin: 0px 0px 10px 0px;
}

h2{
font-size: 20px;
height: 30px;	
}

h4{
margin: 10px 0px 0px 0px;
font-weight: normal;
font-size: 14px;
}

a{
color: #64E3FA;
text-decoration: none;
}

#footer{
height: 100px;
width: 800px;
float: right;
position: relative;
}

.red{
color: #ef3b3b !important;
}

.redBox{
background-color: #ef3b3b !important;
color: white;
}

.redBox:hover{
background-color: white !important;
color: #ef3b3b !important;
}

.green{
color: #36b72f !important
}

.longGreen{
width: 780px;
background-color: #36b72f;
color: white;
display:block;
padding: 10px;
text-align: center;
margin: 10px 0 0 0;
}

.longRed{
width: 780px;
background-color: #ef3b3b;
color: white;
display:block;
padding: 10px;
text-align: center;
margin: 10px 0 0 0;
}

.socialMedia{
float: left;
border: 0;
margin: 0px 0px 0px 20px;
}

#socialMedia{
float: left;
width: auto;
height: 179px;
}

.goBackNav{
width: 800px;
height: 10px;
margin: 0px 0px 10px 0px;
}

/* ------------------- HEADER STYLES ------------------- */


#logo{
width: 247px;
height: 179px;
float: right;
border: 0;
}

#searchBox{
width: 175px;
margin: 8px 0px 0px 8px;
float: left;
}

.suggestionsBox {
position: relative;
margin: 10px 0px 0px 0px;
width: 175px;
background-color: #64E3FA;
}

.suggestionsBox a{
color: #000000;
text-decoration: none;
}

.inputString{
border: none;
height: 25px;
width: 200px;
font-size: 14px;
font: monospace;
}
	
.suggestionList {
margin: 0px;
padding: 0px;
}
	
.suggestionList li {
list-style: none;
margin: 0px 0px 3px 0px;
padding: 3px;
border-bottom: 1px dashed black;
}

.suggestionList li a{
width: 200px;
display: block;
}
	
.suggestionList li:hover {
background-color: white;
}

.suggestionList li a:hover{
color: black;
}

#links{
font-size: 13px; 
float: left; 
padding: 14px 0px 0px 7px; 
margin: 0px 0px 0px 0px;
}

#links a{
display: block; 
color: black !important;
font-style: italic;
margin: 0px 0px 0px 0px;
}

#links a:hover{
text-decoration: underline;
}

#nav{
width: 800px;
height: 43px;
margin: 15px 0px 15px 0px;
float: right;
background-color: #64E3FA;
font-size: 18px;
}

#nav ul{
float: right;
}

#nav ul li{
float: left;
list-style: none;
}

#nav ul li a{
display: block;
margin: 0px 10px 0px 10px;
height: 43px;
color: black;
font-weight: bold;
text-decoration: none;
line-height: 42px;
}

#nav ul li a:hover{
text-decoration: underline;
}




#emailAddress{
float: left;
margin: 0px auto 0px auto;
width: 400px;
height: 100px;
}

#emailAddress .input-container{
margin: 10px 0px 10px 0px;
float: left;
}

#emailAddress .input-container input{
border: none;
font-size: 15px;
text-align: center;
color: grey;
float: left;
}


#emailAddress #label{
font-style: italic;
margin: 0px 0px 0px 0px; 
background-color: none; 
color: white;
width:180px;
height:25px;
float: left;
display:block;
}

#emailAddress .sendBtn{
width:180px;
height:25px;
float: left;
text-align:center;
color: black !important;
border: 0;
background-color: #64E3FA;
color:white;
display:block;
cursor:pointer;
margin: 10px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
}

#emailAddress #message{
width: 456px;
margin: 2px 0px 0px 0px;
float: left;
}

#socialMedia #message{
margin: 15px 0px 0px 10px;
float: left;
width: 245px;
height: 10px;
position: absolute;
		top: 65px !important;
		left: 0px !important;
}


.popUpDiv {
		position:absolute;
		width:245px;
		height:auto;
		z-index: 9002;
		top: 65px !important;
		left: 0px !important;
		display: none;
}


/* ------------------- CONTENT STYLES ------------------- */

.right{
float: right;
margin: 15px 0px 0px 0px;
width:493px;
border-left: 2px solid #64E3FA;
height: auto;
}

.left{
float: left;
width: 260px;
}


#chart{
height:205px;
width:260px;
float: left;
margin: 20px 0px 0px 0px;
}

#chart table{
margin: 10px 0px 0px 0px;
font-size: 14px;
}

#chart table a{
color: white;
text-decoration: none;
margin:0 0 0 10px;
}

#chart table a:hover{
text-decoration: underline;
}

#newBand{
float: left;
margin: 20px 0px 0px 0px;
}

.bandLogo{
max-width: 250px;
margin: 15px 0px 0px 0px;
border: 0;
}

#featured{
float: right;
width: 428px;
}

#featured img{
margin: 0px 0px 10px 0px;
}

#desc{
width: 432px;
}

.bandContent{
float: left;
width: 800px;
margin: 0px 0px 10px 0px;
}

#profileDiv{
background-image: url(../../media/images/site/profile-bg.png);
background-repeat: repeat-y;
}

#homeDiv{
background-image: url(../../media/images/site/home-bg.png);
background-repeat: repeat-y;
}

#loggedInDiv{
background-image: url(../../media/images/site/home-bg.png);
background-repeat: repeat-y;
margin: 60px 0px 0px 0px;
}

.bandContent #desc{
width: 400px;
}

.bandContentL{
float: left;
width: 400px;
border-right: 2px solid #64E3FA;
padding-right: 18px;
}

#loggedInLeft{
float: left;
width: 304px;
}


#loggedInMiddle{
float: left;
width: 243px;
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 3px;
text-align: center;
}


#loggedInRight{
float: left;
width: 400px;
margin: 0px 0px 0px 50px;
}


.newsRow{
margin: 25px 15px 20px 0px;
padding: 0px 0px 5px 0px;
height: auto;
float: left;
}

.newsTime{
font-size: 11px;
font-style: italic;
margin: 5px 0px 0px 0px;
}



.bandContent h1{
text-align: left;
}

.bandContentR{
float: right;
width: 350px;
}

.bandImage{
max-width: 378px;
margin: 0px 0px 10px 0px;
}

#register{

}

#registerTerms{
height: 100px;
width: 300px;
border: 1px solid white;
padding: 8px;
overflow: auto;
}

.profileTable{
margin: 0px 0px 20px 0px;
}

.messageBox{
color: #ef3b3b;
}

.tasks{
float: left;
width: 175px;
height: 76px;
background-color: #64E3FA;
color: white;
font-size: 16.5px;
text-align: center;
margin-top: 33px;
}

.tasks:hover{
background-color: white;
color: #64E3FA;
}

#uploadContainerR{
float: right;
width: 400px;
}

#uploadContainerL{
border-right:1px solid;
float:left;
width:390px;
}

#loader{width:40px;margin: 0px 0px 0px 7px;}

#allSearch{
width:800px;
margin: 20px 0;
}

#allSearch li{
border:1px solid white;
height:92px;
list-style:none outside none;
padding:10px;
width:47%;
}

#allSearch{

}


#homeNewsUpdate{
width: 374px;
margin-top: 45px;
float: left;
}

/* ------------------- DATE PICKER STYLES ------------------- */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #64E3FA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {

	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: white;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: white;
	cursor: pointer;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	color: black;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: black;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #d8e8ff;
	font-weight: bold;
	}





/* ------------------- FOOTER STYLES ------------------- */

#footerLinks{
position: absolute;
left: 0px;
bottom: 20px;
color: grey;
font-size: 11px;
}

#copyright{
position: absolute;
right: 20px;
bottom: 20px;
color: grey;
font-size: 11px;
}