/* standard links */
a, a:link, a:visited { 
	color: #3b5998;
	text-decoration: none;
}
a:hover, a:active {
	color: #ffa500;
}

/* Main UI Styles --------------------------------------------------------------*/

div.java_error {
	display: block;
	border: 1px solid #3b5998; 
	margin: 0 6px 6px 0;
	background-color: #f9e04c;
	font-size: 1.1em; 
	font-weight: bold; 
	color: #ff0000;
}


div.band_innerwrapper {
	position: relative; 
	padding: 5px 0 0 5px; 
	margin: 10px auto; 
	width: 52em; 
	height: 52em; 
	border: 1px solid #3b5998;
	background:  url('/theme/skin/threecolumnfloat/tequila/images/soundcheckbackground.jpg') no-repeat center center;
	font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
}

div.band_inneritem {
	float: left; 
	width: 25.3em; 
	height: 12em; 
	border: 1px solid #3b5998; 
	margin: 0 6px 6px 0;
	background-color: #f9e04c;
	opacity: .75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
}
*html div.band_inneritem {
	width: 25.2em;
}

div.band_inneritem a, div.band_inneritem a:visited, div.band_inneritem a:link {
	display: block;
	height: 100%;
	width: 100%;
	background-color: transparent;
	color: #000000;
	font: 2.2em bold "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 5.3em;
}
div.band_inneritem a:hover, div.band_inneritem a:active {
	background-color: #ffa500;
}

div#overdiv {
	position: absolute; 
	top: 2px; 
	left: 2px; 
	padding: 0 0 0 0; 
	margin: 0; 
	width: 51.9em; 
	height: 51.9em; 
	background-color: #ffffff; 
	border: 1px solid #3b5998; 
	font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
}
*html div#overdiv {
	height: 51.6em;
}

#overdiv h1, h2 {
	padding-top: 7px;
}

#errordiv {
	padding: 8px; 
	margin: 0 0 10px 0; 
	background-color: white; 
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #ff0000;
	font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
}

div#uploaddiv {
	position: absolute; 
	top: 6.5em; 
	left: 0; 
	padding: 5px; 
	margin: 0; 
	width: 95%; 
	height: 86%; 
	background-color: #ffffff; 
	font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	z-index: 500;
}

div.band_innercontainer {
	clear: both;
	padding: 0 0.8em;
	margin: 0;
	background-color: #ffffff;
	overflow: auto;
	height: 47.9em;
	font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	overflow: auto;
}
*html div.band_innercontainer {
	height: 47.4em; 
}

#notificationdiv, #loadingdiv, #uploadingdiv {
	position: absolute; 
	top: 12.3em; 
	left: 30%; 
	padding: 0 0 0 0; 
	margin: 0; 
	width: 40%; 
	height: 4em; 
	text-align: center;
	font-size: 24px;
	font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	line-height: 4em;
	border: 3px solid #3b5998;
	z-index: 500;
	background: #ffffff url('/images/bandicons/spinner.gif') no-repeat center 15px;
}
#loadingdiv {
	margin: 3px 0 0 2px;
}
#uploadingdiv {
	top: 50px; 
	left: 100px; 
}

ul.band_innernav {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	width: 100%;
	height: 4em;
	border-bottom: 1px solid #3b5998;
}
*html ul.band_innernav {
	width: 99.32%;
	text-align: center;
}
ul#sub {
	border-bottom: 0;
	height: 2em;
}
ul.band_innernav li {
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	list-style-type: none;
	width: 25%;
}
ul.band_innernav li a, ul.band_innernav li a:link, ul.band_innernav li a:visited {
	display: block;
	margin: 0;
	padding: 0.5em 0;
	height: 3em;
	background-color: #f9e04c;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border-right: 1px solid #3b5998;
}
ul.band_innernav li a:hover, ul.band_innernav li a:active {
	background-color: #ffa500;
	color: #ffffff;
}
ul#sub li a, ul#sub li a:link, ul#sub li a:visited {
	height: 1.5em;
	padding: 0.25em 0;
	border-bottom: 1px solid #3b5998;
	border-left: 1px solid #3b5998;
}
ul#sub li#active a, ul#sub li#active a:link, ul#sub li#active a:visited {
	background-color: #ffa500;
	color: #ffffff;
}
ul li#savebtn a, ul li#savebtn a:link, ul li#savebtn a:visited {
	background-color: #ffa500;
}
ul li#savebtn a:hover, ul li#savebtn a:visited {
	background-color: #ff0000;
}

div.formstylebutton {
	text-align: center;
	margin: 5px 0;
}
div.formstylebutton a, div.formstylebutton a:link, div.formstylebutton a:visited {
	margin: 0;
	padding: 5px;
	background-color: #3b5998;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #3b5998;
}
div.formstylebutton a:hover, div.formstylebutton a:active {
	background-color: #93cb51;
}

/* Input Box Styles ------------------------------------------------------------*/


label.bandlabel, label.bandlabelinline {
	display: block;
	float: left;
	width: 105px;
	margin: 2px 0;
	padding: 2px;
	font-weight: bold;
}
label.bandlabel {
	clear: both;
}
input.bandinput, textarea.bandinput {
	font: 1em "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	float: left;
	display: block;
	width: 180px;
	border: 1px solid #a2a2a2;
	margin: 2px 4px;
	padding: 2px;
}
textarea.bandinput {
	width: 500px;
	height: 60px;
}
div.membercontainer {
	position: relative;
	border: 2px solid #3b5998;
	margin-bottom: 5px;
	padding: 3px;
}
div.cornerremove {
	position: absolute;
	top: 3px;
	right: 7px;
	width: 40px;
	height: 30px;
	z-index: 20;
}

*html div.cornerremove {
	right: 12px;
}

div.cornerremove {
	position: absolute;
	top: 3px;
	right: 7px;
	width: 40px;
	height: 30px;
	z-index: 20;
}


/* Popup Styles ----------------------------------------------------------------*/

body.popup {
	padding: 3px;
	margin: 0;
}
div.popupcontainer {
	border: 1px solid #3b5998;
	background-color: #f9e04c;
	padding: 3px;
	
}
div.popupcontainer h2 {
	font: 1.5em "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	margin: 0 0 7px 0;
	padding: 3px 0 3px 3px;
	background-color: #3b5998;
	color: #ffffff; 
}
h2.popheadline {
	font: 1.5em "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	margin: 0 0 7px 0;
	padding: 3px 0 3px 3px;
	background-color: #3b5998;
	color: #ffffff; 
	width: 100%;
}
div.popupcontainer label {
	clear: both;
	display: block;
	float: left;
	width: 140px;
	margin: 2px 0;
	padding: 2px;
	color: #3b5998;
}
div.popupcontainer input.box, div.popupcontainer select, div.popupcontainer textarea {
	font: 1em "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	float: left;
	display: block;
	width: 250px;
	border: 1px solid #3b5998;
	margin: 2px 0;
	padding: 2px;
}
div.popupcontainer textarea {
	height: 70px;
}

div.popupcontainer input.generalbuttonfield {
	color: #ffffff;
	font: bold 1.1em "Trebuchet MS", tahoma, verdana, arial, sans-serif;
	line-height: 1.1em;
	background-color: #3b5998;
	border: 0;
	padding: 0.3em;
}
div.popupcontainer input.generalbuttonfield:hover {
	background-color: #93cb51;
}

div.popupcontainer img.imagewrapper {
	border: 1px solid #3b5998;
	background-color: #ffffff;
	padding: 3px;
}

/* Gigsboard styles ------------------------------------------------------------*/

label.delgiglabel, label.delgiglabelinline {
	display: block;
	float: left;
	margin: 2px 0;
	padding: 2px;
  	cursor: pointer;
}
label.delgiglabel {
	clear: both;
}

label.giglabelleft {
	float: left;
	clear: both;
  	padding-left: 10px;
	display: block;
	width: 200px;
	height: 22px;
	font-weight: bold;
}
label.giglabelright {
	display: block;
	float: left;
	width: 375px;
}
span.gigdescriptionfull {
	display: block;
	width: 545px;
	padding: 0 0 0 30px;
}

label.giglabel, label.giglabelinline {
	display: block;
	float: left;
	width: 200px;
	margin: 2px 0;
	padding: 2px;
}
label.giglabel {
	clear: both;
}

span.gigmain, div.gigmain {
	position: relative;
	background-color: #cce6ce; 
	display: block;
	margin: 2px;
	border: 1px solid #3b5998;
}

span.clearline, div.gigClearLine, span.gigClearLine {
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	padding: 0;
	margin: 0;
}

h2.h2gigtitle {
	padding: 5px;
	margin: 12px 0 0 0;
	border: 2px solid #ffc61e;  
	color: #ffffff;
  	cursor: pointer;
  	position: relative;
	background-color: #3b5998;
}

div.giginfobody {
	border-left: 2px solid #ffc61e;
	border-right: 2px solid #ffc61e;
	border-bottom: 2px solid #ffc61e;    
	background-color: #f9e04c;
}

span.ReviewLink {
	cursor: Pointer;
	color: #ff0000;
	border: none;
	margin-left: 10px;
}

span.GigLink {
	cursor: Pointer;
	color: #ff0000;
	border: none;
	margin-left: 10px;
}


font.EditReview {
  	cursor: Pointer;
	color: #ff0000;
 	border: none;
}


textarea.reviewbox {
	margin-left: 5px;
	margin-right: 5px;
	width: 95%;
}

span.canclereview {
	position: absolute;
	top: 5px;
	right: 5px;
}

span.gigreviewbody {
	text-align: left;
	background-color: #f9e04c;
	border-top: 1px solid #3b5998;
	display: block;
  	position: relative;
}

span.GigInnerSpan, div.GigInnerSpan {
	float: left; 
	width: 200px; 
	height: 40px;
	display: block;
}

div.gigitemline, span.gigitemline {
	height: 18px;
	display: block;
	clear: both;
}

div.gigline, span.gigline {
	height: 25px;
	display: block;
}

div.postgigleft, span.postgigleft {
	position: absolute;
	left: 20px;
	font-weight: bold;
}

div.postgigright, span.postgigright {
	position: absolute;
	left: 200px;
}



/* Media Viewer ---------------------------------------------------------------- */

div.mini_media_viewer_wrapper {
	border: 1px solid #3b5998; 
	border-bottom: 0; 
	height: 50px; 
	padding: 5px; 
	position: relative; 
	text-align: center; 
	overflow: hidden;
}

*html div.mini_media_viewer_wrapper {
	padding: 2px 5px;
	height: 57px;
}

div.mini_viewer_nav_buttons {
	float: left; 
	width: 70px; 
	height: 50px; 
	position: relative;
}

div.mini_viewer_nav_buttons_safari {
	position: absolute; 
	top 0; 
	left: 0; 
	width: 70px; 
	height: 50px; 
	z-index: 10;
}

div#smallpictureframe {
	position: absolute; 
	height: 50px; 
	left: 0; 
	top: 0; 
	text-align: left;
}

div.media_viewer_wrapper {
	border: 1px solid #3b5998;
	height: 320px; 
	position: relative; 
	text-align: center; 
	overflow: hidden;
}

div#pictureframe {
	position: absolute;
	top: 0; 
	text-align: left;
	height: 320px;
}
div.picturewrapper {
	float: left; 
	margin: 10px; 
	height: 300px;
	cursor: move;
	position: relative;
}
div.linkwrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: #a2a2a2;
	height: 45px;
	padding: 0;
	line-height: 45px;
}
div.linkwrapper a.link, div.linkwrapper a:link.link, div.linkwrapper a:visited.link {
	display: block;
	background-color: #a2a2a2;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font: bold 30px Verdana;
}
div.linkwrapper a:hover.link, div.linkwrapper a:active.link {
	color: #ffffff;
	background-color: #3b5998;
}

div.VoteWrapper1 {
	text-align: left;
	float: left;
	width: 230px;
	height: 80px;
}
div.VoteWrapper2 {
	text-align: left;
	float: left;
	width: 290px;
	height: 80px;
}
div.VoteWrapper2 textarea
{
	width: 280px;
	height: 60px;
}
div.VoteWrapper3 {
	text-align: right;
	float: left;
	width: 100px;
	height: 25px;
	padding-top: 55px;
	vertical-align: bottom;
}

/* Media Ratings --------------------------------------------------------------- */

div.media_wrapper {
	clear: both; 
	padding-top: 5px;
}

div.media_top {
	padding: 5px; 
	height: 20px; 
	border: 1px solid #000000;
	width: 604px; 
	border-bottom: 0;
}
*html div.media_top {
	width: 590px;
}

div.media_rating {
	padding: 5px; 
	height: 53px; 
	border: 1px solid #000000;
	float: left; 
}
*div.media_rating {
	height: 68px; 
}

div.mediareview
{
	clear: both;
}

div.media_item_review {
	padding: 5px; 
	height: 40px; 
	border: 1px solid #000000;
	float: left; 
}
*html div.media_item_review {
	height: 50px;
}

span.votetrack, div.votetrack {
	display: block;
	width: 200px;  
	height: 5px; 
	background-color: #f9e04c;
}
span.votetrack {
	background-color: #ff0000;
}

img.votestar {
	position: relative;
}

span.voteselect, div.voteselect {
	text-align: left;
	display: block;
	width: 10px; 
	height: 20px; 
	background-color: #3b5998; 
	cursor: move;
}

span.starwrapper, div.starwrapper {
	text-align: left;
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 35px;
	background-color: #cce6ce;
	border: 1px solid #3b5998;
}

span.startrack, div.startrack {
	text-align: left;
	display: block;
	width: 40px; 
	height: 35px; 
	background: #cce6ce url('/theme/skin/threecolumnfloat/tequila/images/stars.gif') no-repeat top left;
	overflow: hidden;
}


/* Media Search ---------------------------------------------------------------- */

fieldset.media_search {
	border: 1px solid #3b5998;
	background-color: #ffffff;
	line-height: 2em;
	padding: 5px;
}
*html fieldset.media_search { 
	position: relative; 
	margin-top: 1.2em;
	padding-top: 1em;
}

fieldset.media_search legend {
	color: #ffffff;
	font-weight: bold;
	background-color: #ffa500;
	border: 1px solid #ffa500;
	padding: 2px 6px;
	line-height: 1em;
}
*html fieldset.media_search legend {
	position: absolute; 
	top: -0.5em; 
	left: 0.5em;
	margin-top: -7px;
}

div.media_search_left {
	float: left; 
	width: 400px; 
	background-color: #ffffff;
	border: 1px solid #3b5998;
}
div.header {
	background-color: #3b5998;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
	padding: 3px;
	text-align: center;
}
div.header a, div.header a:link, div.header a:visited {
	color: #ffffff;
}
div.header a:hover, div.header a:active {
	color: #ffa500;
}
div.pic_frame {
	position: relative;
	height: 320px;
	border-bottom: 1px solid #3b5998;
	text-align: center;
}
div.rating_box {
	padding: 3px 3px 8px 3px;
	border-top: 1px solid #3b5998;
	border-bottom: 1px solid #3b5998;
}
div.media_search_right {
	margin: 0 0 0 400px;
	border: 1px solid #3b5998;
	border-collapse: collapse;
}
div.matching_media {
	background-color: white; 
}

ul.media_search {
	list-style: none;
	padding: 3px;
	margin: 0;
}
ul.media_search li {
	min-height: 65px;
	margin-bottom: 5px;
}
*html ul.media_search li {
	height: 65px;
}
ul.media_search li:hover {
	background-color: #ffffff;
}
ul.media_search li img {
	float: left;
	height: 50px;
	margin: 5px;
}