/* define main architechture */

}
/* hack */
.spacer { clear: both; }
.leftclear { clear: left; }
.rightclear { clear: right; }
form { margin: 0; padding: 0}
#mainSite { 
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}
.mandatoryField{font-size:17px;color:#000000;}
#mainLogoContainer { height: 50px; padding-top: 50px; padding-left: 180px; background-color: #000000; padding-bottom: 25px;  margin: 0px auto; width: 100%; margin: 0 17 0 17; position: relative }
#loginContainer { width: 500px; position: absolute; bottom: 10px; right: 0px; height: 90px; }
.captcha { border: 1px solid #ccc; vertical-align: middle } 
.captchaReload { vertical-align: middle } 
#mainPageBody {  margin: 0px auto; width: 954px; padding-bottom: 250px; height:100%; }
/* navigation elements */
#mainNavigationBar { height: 31px; background-color: rgb(243, 243, 234); }
#mainNavigation { width: 954px; margin: 0px auto; height: 31px; position:relative}
#mainNavStar { width: 31px; height: 31px; float: left; }
.loginNavButton { float: right; }
/* black divider bar */
.dividerBar { background-color:  rgb(38,41,46); height: 3px; width: 100%; line-height: 1px; font-size: 1px; }
.dividerBarWithBottomSpacer { background-color:  rgb(38,41,46); height: 3px; width: 100%; margin-bottom: 15px; line-height: 1px; font-size: 1px; }
/* navigation section bar */
.sectionNavigationBar { height: 27px; background-color: rgb(243, 243, 234); }
/* my alterhit second level navigation */
#myAlterhitNavigationBar { background: url(/resources/gfx/site/account-top-bgpx.gif) repeat-x; height: 22px; width:67.5%; margin-bottom: 15px;margin-left: 36px; cursor: pointer }
.myAlterhitNavitemOff { float: left; height: 13px; padding: 7px 0 2px 0;  color: #fff; font-size: 10px; font-weight: bold; width: 90px; text-align: center; cursor: pointer}
.myAlterhitNavitemOn { float: left; height: 13px; padding: 7px 0 2px 0;  color: rgb(110,183,226); font-size: 10px; font-weight: bold; width: 90px; text-align: center; cursor: pointer}
.myAlterhitSubNavigationBar { height: 27px; background-color: rgb(243, 243, 234); margin-bottom: 15px; }


#sectionNavigationDescription { display: none  }
.blackDescriptionBar { overflow:auto;  padding: 8px 8px 8px 8px; font-family: Arial, Sans-Serif; color: #fff; font-size: 10px; background-color: rgb(29,30,29); }
/* end navigation elements */
/* start main page elements */
#homepageArtistScroller { PADDING-RIGHT: 13px; 
	PADDING-LEFT: 13px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px auto; 
	MARGIN-top: 17px; 
	WIDTH: 645px; 
	PADDING-TOP: 5px; 
	HEIGHT: 113px; 
	BACKGROUND-COLOR: rgb(25,26,26);
	color: #fff; }
.homepageArtistScrollerImage { background-color: #fff; padding: 3px 6px 3px 6px; height: 106px; cursor: pointer }
#homepageCols { width: 100%;  }
.homepageColumnHeader { padding: 0 9px 0 0; }
#homepageArtistCol1 { width: 275px; padding: 30px 0px 0px 0px; float: left;}
#homepageArtistCol2 { width: 273px; padding: 30px 0px 0px 9px; float: left;}
#homepageArtistCol3 { width: 273px; padding: 30px 0px 0px 9px; float: left;}
#homepageArtistContainer {  min-height: 405px; padding-bottom: 15px; padding-top: 15px; margin-top:5px; border-right: rgb(203,203,201) 1px solid; padding-left: 0 }
#homepageChartContainer {min-height: 405px; padding-bottom: 15px; padding-top: 15px; margin-top:5px; padding-left: 0 }
#homepageLabelContainer { min-height: 405px; padding-bottom: 15px; padding-top: 15px; margin-top:5px; border-right: rgb(203,203,201) 1px solid; padding-left: 0 }
#homepageStartSomethingLogo { height: 33px; padding-top: 40px; margin: 0px auto; width: 279px; }
#homepageStartSomethingButtons { height: 56px; padding-top: 18px; text-align: center; }
.startSomethingButton { padding-right: 5px; border: 0px;}
.homepageListing { height: 94px; padding-top: 2px; padding-bottom: 2px; width: 100%}
.homepageListingImage { float: left; width: 78px; }
.homepageListingText { padding-left: 91px; padding-right: 9px; }

.listBarGrey { padding: 10px 10px 10px 10px; background-color: rgb(242,242,242); }
.meleePicTitle { padding: 0px; background-color: rgb(229,229,229); width: 35px; border: 0px #B3B3B3 solid; cursor: pointer} 
.listBarWhite { padding: 10px 10px 10px 10px; background-color: #fff }
.numberListBox { width: 20px; float: left }
.numberListBoxValue { padding-left: 20px; }
.numberListBoxValue a:link { font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 11px; font-weight: bold; text-decoration:none; }
.numberListBoxValue a:visited { font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 11px; font-weight: bold; text-decoration:none; }
.numberListBoxValue a:hover { font-family: Arial, Sans-Serif; color: rgb(150,150,150); font-size: 11px; font-weight: bold; text-decoration:underline; }
#mainSearchBar { height: 28px; padding-top: 28px;  width: 314px; margin: 0px auto; padding-bottom: 28px;}
#pageHeaderSpacer { padding-top: 36px; }
.homeScroller { background-color: rgb(25,26,26); padding: 5px 13px 5px 13px;  margin: 0px auto; height: 123px; width: 100% }
/* footer elements */
#darkFooter { height: 200px; background-color: rgb(0,0,0); position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	z-index: 999;
	padding: 0px;
	margin: 0px;
}
#googleAds { padding-top: 36px; padding-bottom: 20px; text-align: center; width: 100% }
#aboutAlterhit { text-align: center; color: #fff }
#aboutAlterhit  a:link { font-family: Arial, Sans-Serif; color: #ccc; font-size: 13px; text-decoration: none; }
#aboutAlterhit  a:visited { font-family: Arial, Sans-Serif; color: #ccc; font-size: 13px; text-decoration: none; }
#aboutAlterhit a:hover { font-family: Arial, Sans-Serif; color: #ccc; font-size: 13px; text-decoration: underline; }
/* end footer elements */

/* rewrite label tag */
label	{ font-weight: bold; color: #7b7e52; text-align: right; font-size: 13px; }
.labelReply { font-weight: bold; color: #000; text-align: left; font-size: 13px; }

form { 
	margin: 0; 
	padding: 0;
}
.cssform p { clear: left;
			 margin: 0;
			 padding: 5px 0 8px 0;
			 padding-left: 0;  /*width of left column containing the label elements*/
			 height: 1%;
}

.commentContainer .cssform p {height:auto;}
.cssform label{ font-weight: normal; 
				color: #7b7e52;
				font-family: "Lucida Grande", Helvetica, Arial, Verdana; font-size: 12px;
				float: left;
				text-align: right;
				margin-left: 0px; /*width of left column*/
				padding-right: 20px;
				width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

* html .threepxfix{
	margin-left: 3px;
}
.normalFormContainer { width: 430px; position: absolute }
.wideFormContainer { width: 600px; position: absolute }
.veryWideFormContainer { width: 100%; }

.mainSearchBox {  color: rgb(150,150,150) ; font-size: 16px; width: 300px;  border: 1px solid #999999; padding: 5px; font-weight: bold; background-color: rgb(242,242,242);}
.form_textboxVeryShort {  color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 50px }
.form_textboxShort {   color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 100px }
.form_textboxMediumish {   color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 220px }
.form_textboxMedium {   color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 280px }
.form_textboxLong {  color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 350px }
.form_invalidtextboxShort {  color: #fff; background-color: rgb(172, 0, 105);  font-family: Arial, Sans-Serif; font-size: 16px;  border: 1px solid #999999; padding: 5px; font-weight: bold; width: 100px }
.form_invalidtextboxMediumish {  color: #fff; background-color: rgb(172, 0, 105);  font-family: Arial, Sans-Serif; font-size: 16px;  border: 1px solid #999999; padding: 5px; font-weight: bold; width: 220px }
.form_invalidtextboxMedium {   color: #fff; background-color: rgb(172, 0, 105);  font-family: Arial, Sans-Serif; font-size: 16px; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 280px }
.form_invalidtextboxLong {   color: #fff; background-color: rgb(172, 0, 105);  font-family: Arial, Sans-Serif; font-size: 16px; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 350px }
.form_invalidtextboxVeryShort {   color: #fff; background-color: rgb(172, 0, 105);  font-family: Arial, Sans-Serif; font-size: 16px; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 50px }
.form_loginbox {   font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px; width: 190px; background-color: #efefef; border: 1px solid #999999; padding: 3px; font-weight: bold; width: 280px }
.form_invalidloginbox {  color: #fff; background-color: rgb(172, 0, 105);  font-family: Arial, Sans-Serif; font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 190px }
.form_error {  font-family: Arial, Sans-Serif; background-color: rgb(172, 0, 105); color: #fff; font-size: 12px;  }
.form_valid { font-family: Arial, Sans-Serif; color: rgb(150,150,150) ; font-size: 12px; }
.form_textarea {  color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 14px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 100%; height: 200px; }
.form_dropdown { color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46);  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; font-size: 16px; }
.form_dropdownError { width: 150px; font-family: Arial, Sans-Serif; color: #fff; background-color: rgb(172, 0, 105); font-size: 16px; }
.form_dropdownshortError { width: 80px; font-family: Arial, Sans-Serif; color: #fff; background-color: rgb(172, 0, 105); font-size: 16px; }
.form_dropdownshort { color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 80px}
.form_dropdownshortest { color: rgb(150,150,150) ; font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; width: 50px}
.form_dropdownshortestError { width: 80px; font-family: Arial, Sans-Serif; color: #fff; background-color: rgb(172, 0, 105); font-size: 16px; }
.formError { padding: 5px 5px 5px 5px; color: #fff; background-color: rgb(172, 0, 105); display: none}
.form_checkboxes_list_div { overflow: auto; font-family: Arial, Sans-Serif; color: rgb(38,41,46);  background-color: #efefef; border: 1px solid #999999; padding: 5px; font-weight: bold; font-size: 16px; width : 350; height: 100px;}
.form_checkboxes_list_item {}



/* section buttons */
.sectionButtonOn { background: url(../gfx/site/on-button-bgpx.gif) repeat-x; width: 155px; height: 19px; padding: 8px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; font-size: 10px; color: rgb(110,183,226) }
.sectionButtonOff { background-color: rgb(243, 243, 234); width: 155px; height: 19px; padding: 8px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; font-size: 10px;color:  rgb(38,41,46) }
.sectionButtonOnSmall { background: url(../gfx/site/on-button-bgpx.gif) repeat-x; width: 145px; height: 19px; padding: 8px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; font-size: 10px; color: rgb(110,183,226) }
.sectionButtonOffSmall { background-color: rgb(243, 243, 234); width: 145px; height: 19px; padding: 8px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; font-size: 10px;color:  rgb(38,41,46) }
/* buttons */
.mediumGreyButton { background: url(../gfx/site/medium-grey-button.gif) no-repeat; width: 144px; height: 16px; padding: 5px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; color: rgb(150,150,150); font-size: 10px; }
.bigGreyButton { background: url(../gfx/app/big-button.gif) no-repeat; width: 84px; height: 21px; padding: 4px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; color: rgb(150,150,150) }
.smallGreyButton { background: url(../gfx/app/small-button.gif) no-repeat; width: 49px; height: 17px; padding: 3px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; color: rgb(150,150,150) }
.tinyLongGreyButton { background: url(../gfx/app/tiny-button-long.gif) no-repeat; width: 66px; height: 14px; padding: 1px 0 0 0; text-align: center; cursor: pointer; font-weight: bold; color: rgb(150,150,150); font-size: 9px; }
.formSubmitButton {  text-align: center; cursor: pointer; font-weight: bold; color: rgb(150,150,150); background-color: rgb(242,242,242);}


/* typography */
.headingLarge { font-size: 16px; font-family: Arial, Sans-Serif; color: rgb(110,183,226) }
.headingLargeUnderline { font-size: 16px; font-family: Arial, Sans-Serif; color: rgb(110,183,226); text-decoration:underline; }
.black {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 11px; }
.blackBold {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 11px; font-weight: bold }
.blackBold a:link {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 11px; font-weight: bold; text-decoration: none}
.blackBold a:hover{  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 11px; font-weight: bold; text-decoration: underline }
.blackBold a:visited{  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 11px; font-weight: bold; text-decoration: none }
.blackLarge {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 14px; font-weight: bold}
.blackLarger {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px;}
.blackLargerBold {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 16px; font-weight: bold}
.redLarge {  color:#990000; font-size: 14px; font-weight: bold}
.blackLargeBold {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 14px; font-weight: bold}
.blackLargest {  font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 18px; font-weight: bold}
.blue {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 11px; text-decoration:none;}
.blueBold {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 11px; font-weight: bold ;text-decoration:none;}
.blueBold a:link {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 11px; font-weight: bold ;text-decoration:none;}
.blueBold a:visited {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 11px; font-weight: bold ;text-decoration:none;}
.blueBold a:hover {  font-family: Arial, Sans-Serif; color: rgb(166,220,255); font-size: 11px; font-weight: bold ;text-decoration:none;}
.blueLarge {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; text-decoration:none;}
.blueLarge a:link {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; text-decoration:none;}
.blueLarge a:visited {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; text-decoration:none;}
.blueLarge a:hover {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; text-decoration:underline;}
.blueLargeBold {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; font-weight: bold; text-decoration:none;}
.blueLargeBold a:link {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; font-weight: bold; text-decoration:none;}
.blueLargeBold a:visited {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; font-weight: bold; text-decoration:none;}
.blueLargeBold a:hover {  font-family: Arial, Sans-Serif; color: rgb(150,150,150); font-size: 16px; font-weight: bold; text-decoration:underline;}
.blueLarger {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 13px; }
.blueLargerBold {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 13px; font-weight: bold }
.blueLargerBold a:link {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 13px; font-weight: bold; text-decoration:none; }
.blueLargerBold a:visited {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 13px; font-weight: bold; text-decoration:none; }
.blueLargerBold a:hover {  font-family: Arial, Sans-Serif; color: rgb(166,220,255); font-size: 13px; font-weight: bold; text-decoration:underline; }
.beige {  color: rgb(243,243,234); font-size: 11px; }
.beigeBold {  color: rgb(243,243,234); font-size: 11px; font-weight: bold }
.grey {  font-family: Arial, Sans-Serif; color: rgb(216,216,216); font-size: 11px; }
.greyBold {  font-family: Arial, Sans-Serif; color: rgb(216,216,216); font-size: 11px; font-weight: bold }
.darkGrey {  font-family: Arial, Sans-Serif; color: rgb(150,150,150) ; font-size: 11px; }
.darkGreyBold {  font-family: Arial, Sans-Serif; color: rgb(150,150,150); font-size: 11px; }
.darkGreySmall {  font-family: Arial, Sans-Serif; color: rgb(150,150,150) ; font-size: 10px; }
.darkGreySmallBold {  font-family: Arial, Sans-Serif; color: rgb(150,150,150); font-size: 10px; }
.pinkLarge {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:none;}
.pinkLarge a:link {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:none;}
.pinkLarge a:visited {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:none;}
.pinkLarge a:hover {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:underline;}
.pinkLargeBold {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:none; font-weight: bold}
.pinkLargeBold  a:link {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:none; font-weight: bold}
.pinkLargeBold  a:hover {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:underline; font-weight: bold}
.pinkLargeBold  a:visited {  font-family: Arial, Sans-Serif; color: rgb(185,45,128); font-size: 16px; text-decoration:none; font-weight: bold}


.lightGrey {  font-family: Arial, Sans-Serif; color: rgb(242,242,242); font-size: 11px; }
.white { font-family: Arial, Sans-Serif; color: #fff; font-size: 8px; }
.whiteLarge { font-family: Arial, Sans-Serif; color: #fff; font-size: 16px; }

/* exception reports */
#exception { font-family: Arial, Sans-Serif; font-size: 13px; padding-top: 15px; }
.exceptionReport { font-family: Arial, Sans-Serif; font-size: 11px; width: 700px;  margin: 0px auto; background-color: rgb(243, 243, 234); color:  rgb(150,150,150); padding: 10px}
.actionFailed { border: 1px #e22222 solid; color: #333; font-size: 14px; padding: 10px 10px 10px 40px; font-weight: bold; margin: 10px; background: #ffc7c7 url(/resources/gfx/app/cross.gif) no-repeat left; }
.actionComplete { border: 1px solid #ffe222; text-align: left; margin: 10px;  color: #333333; font-family: Arial, Sans-Serif;  font-size: 14px;  padding: 10px 10px 10px 35px; font-weight: bold; background: #fffbe2 url(/resources/gfx/app/bulb.gif) no-repeat left;  }
.actionWarning { border: 1px #ffae00 solid; color: #333; font-size: 14px; padding: 10px 10px 10px 40px; font-weight: bold; margin: 10px; background: #ffebc0 url(/resources/gfx/app/bomb.gif) no-repeat left; }
.subActionComplete { border: 1px solid #009900; text-align: left; margin: 10px;  color: #333333; font-family: Arial, Sans-Serif;  font-size: 14px;  padding: 10px 10px 10px 35px; font-weight: bold; background:#D6FFD8 url(/resources/gfx/app/bulb.gif) no-repeat left }
/* profile specific styles */
#controlButtons { width: 150px; position: absolute; right: 1px; bottom:1px; text-align:right; z-index:500; }
#profileMusicArtwork { width: 70px; float: left }
.profileMusicArtworkImage { width: 70px; height: 70px; padding: 5px; background-color: rgb(229,229,229); border: 1px #B3B3B3 solid; margin: 5px;}
#profileMusicInfo { padding-left: 95px; height: 80px; padding-bottom: 15px}
#profileMainContent { width: 590px; }
#profileSideContent { float: right; width: 230px; z-index: -1}
.gig { padding-bottom: 5px; padding-top: 5px }
.music_section { height: 390px; overflow:visible }
.profileScroller { background-color: rgb(25,26,26); padding: 5px 13px 5px 13px;  margin: 0px auto; }
.profileScrollerImage { background-color: #fff; padding: 2px 2px 2px 2px; height: 68px; cursor: pointer}
.profileScrollerImageOver { background-color: rgb(110,183,226); padding: 2px 2px 2px 2px; height: 68px; cursor: pointer }
#profile_body { margin: 0px auto; width: 840px; padding-bottom: 250px; height:100%; }
.profile_control { padding: 5px 0 5px 0 }
.profile_control a:link { color: rgb(110,183,226); text-decoration: none }
.profile_control a:visited { color: rgb(110,183,226); text-decoration: none }
.profile_control a:hover {  color: rgb(150,150,150);  text-decoration: underline }
.profile_control_button { vertical-align: middle; padding-left: 5px; border: 0px }
.profile_about_box {  width: 588px; position:relative }
.profile_news_box { margin-bottom: 15px; }
.profile_news_box_home {  padding-left: 408px; }
.profile_screen_name_large { font-family: Arial, Sans-Serif; color: rgb(38,41,46); font-size: 18px; font-weight: bold; padding-bottom: 9px; } 
.profile_screen_name_small{ font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 16px; font-weight: bold;  } 
.profile_divider { background-color:  rgb(38,41,46); height: 3px;margin-bottom: 15px; line-height: 1px; font-size: 1px; }
.profile_photo_container { float: left}
.profile_photo_frame { padding: 5px; background-color: rgb(229,229,229); border: 1px #B3B3B3 solid; max-width: 268px; width: expression(this.width > 268 ? 268: true);}
.profile_info_container { margin-left: 290px }
.profile_thin_underline { border-bottom: 1px solid rgb(150,150,150); padding-bottom: 5px }
.profile_location {font-size: 11px; font-weight: bold }
.profile_music_style {font-size: 11px; font-weight: bold }
.profile_links a:link {font-size: 11px; color: rgb(38,41,46); font-weight: bold; text-decoration: none }
.profile_links a:visited {font-size: 11px; color: rgb(38,41,46); font-weight: bold; text-decoration: none}
.profile_links a:hover{font-size: 11px; color: rgb(150,150,150); font-weight: bold; text-decoration: underline}
.profile_section_name {  color: rgb(38,41,46); font-size: 16px; font-weight: bold; padding-bottom: 12px; text-align: left}
.profile_section_name_home {  color: rgb(38,41,46); font-size: 12px; font-weight: bold; padding-bottom: 20px; text-align: left}
.profile_section_subtitle {  color: rgb(38,41,46); font-size: 14px; font-weight: bold; padding-bottom: 12px; }
.profile_news_headline { font-size: 11px; font-weight: bold; }
.profile_news_link a:link { font-size: 11px; color: rgb(110,183,226); text-decoration: none}
.profile_news_link a:visited { font-size: 11px;  color: rgb(110,183,226);text-decoration: none}
.profile_news_link a:hover { font-size: 11px; color: rgb(150,150,150); text-decoration: underline}
.profile_music_selector { height: 150px; width: 280px; float: left; }
.profile_music_details { padding: 0 245px 5px 295px;  }
.profile_music_player { height: 150px; width: 230px; float: right; }
.profile_musicitem_name { font-weight: bold; }
.profile_musicitem_cost { font-weight: bold; font-size: 12px; }
.profile_musicitem_listing { padding: 2px; background-color: rgb(243, 243, 234); height: 17px }
.profile_musicitem_listing-alt { padding: 2px; background-color:  #fff; height: 17px }
.profile_musicitem_listing_cost { font-weight: bold; float: right; padding-top: 2px; padding-right: 15px } 
.profile_melee_item { padding: 4px; background-color: rgb(229,229,229); width: 70px; margin-bottom: 15px; margin-right: 15px; border: 1px #B3B3B3 solid; cursor: pointer }
.profile_melee_item-over { padding: 4px; background-color:  #B3B3B3; width: 70px; margin-bottom: 15px; margin-right: 15px; border: 1px #999 solid; cursor: pointer }
.profile_gigs { padding-bottom: 15px;}
.profile_bio { padding-bottom: 15px; }
.profile_scenes { padding-bottom: 15px; }
.profile_gallery { padding-bottom: 15px; }
.profile_comments { padding-bottom: 15px; }
.profile_gig_flyer_image { padding: 4px; background-color: rgb(229,229,229); margin-right: 5px; width: 50px; border: 1px #B3B3B3 solid; cursor: pointer; float: left}
.profile_gig_flyer_image-over { padding: 4px; background-color:  #B3B3B3; width: 50px; border: 1px #B3B3B3 solid; cursor: pointer; margin-right: 5px;  float: left}
.profile_gallery_item { padding: 4px; background-color: rgb(229,229,229); width: 70px; margin-bottom: 15px; margin-right: 15px; border: 1px #B3B3B3 solid; cursor: pointer }
.profile_gallery_item_small { padding: 2px; background-color: rgb(229,229,229); width: 55px; margin-bottom: 9px; margin-right: 8px; border: 1px #B3B3B3 solid; cursor: pointer }
.profile_gallery_item-over { padding: 4px; background-color:  #B3B3B3; width: 70px; margin-bottom: 15px; margin-right: 15px; border: 1px #999 solid; cursor: pointer }
.profile_gallery_item_small-over { padding: 2px; background-color:  #B3B3B3; width: 55px; margin-bottom: 9px; margin-right: 8px; border: 1px #999 solid; cursor: pointer }
.profile_comment { border-bottom: 1px #B3B3B3 solid; padding-bottom: 10px; margin-bottom: 10px; overflow: visible; } 
.profile_comment_message { padding-left: 95px; } 
.profile_comment_date { float: right; font-weight: bold} 
.profile_comment_user { width: 80px; float: left }
.profile_comment_user-img { width: 70px;  padding: 4px; background-color: rgb(229,229,229); cursor: pointer}
.profile_comment_user-img-over { width: 70px;  padding: 4px; background-color: #B3B3B3; border: 1px #999 solid; cursor: pointer}
.profile_artists_section { position: relative; padding-bottom: 10px; padding-top: 10px;}
.profile_artist {padding: 4px; background-color: #f3f3ea; text-align:center; height: 150px; margin: 0px 5px 0px 5px; width: 100px }
.profile_artist_image { padding: 4px; background-color: rgb(229,229,229); width: 70px; margin-bottom: 15px; border: 1px #B3B3B3 solid; cursor: pointer  }
.profile_relationship_stats { padding: 5px 5px 10px 5px; font-weight: bold; }
/* gallery styles */
#galleryContainer { padding-top: 20px; }
#galleryContainer:after { content: ""; display: block; height: 0; clear: both; }
.galleryRow { }
.galleryItem {  padding: 20px 0px 0 0px; width: 208px; float: left; height: 250px; text-align: center}
.galleryPic { padding: 4px; background-color: rgb(229,229,229); width: 121px; border: 1px #B3B3B3 solid; cursor: pointer} 
.galleryPicFull { padding: 4px; background-color: rgb(229,229,229); max-width: 830px; border: 1px #B3B3B3 solid; cursor: pointer} 
.galleryPic-over { padding: 4px; background-color: #B3B3B3; width: 121px; border: 1px #999 solid; cursor: pointer} 
.galleryItemDescription { padding-top: 12px; text-align: center; }
.galleryZoom { }
.galleryZoomControls { text-align: center}
.galleryZoomControls a:link {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 13px; font-weight: bold; text-decoration:none; }
.galleryZoomControls a:visited {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 13px; font-weight: bold; text-decoration:none; }
.galleryZoomControls a:hover {  font-family: Arial, Sans-Serif; color: rgb(166,220,255); font-size: 13px; font-weight: bold; text-decoration:underline; }
.galleryZoomStats { text-align: center; padding-top: 20px; }
.galleryZoomPic { text-align: center; padding-top: 30px }
.galleryComments { padding-top: 20px; }


/* news article styles */
.newsArticle { margin: 20px; position: relative; border: #b5bbc0 1px solid; }
.newsArticleHeader { background-color:  rgb(243,243,234); padding:  11px; color: rgb(110,183,226); font-size: 14px; font-weight: bold; }
.newsArticleBody { padding: 15px; display:block; border-top:  #b5bbc0 1px solid;}
.newsArticleComment { background-color: rgb(243,243,234); margin:  15px; padding: 5px;  overflow:hidden; height: 66 px; }
.newsArticleComment-alt { background-color: #fff; margin:  15px; padding: 5px;  overflow:hidden; }
.newsArticleCommentUser { padding: 4px; background-color: rgb(229,229,229); width: 70px; height: 70px; border: 1px #B3B3B3 solid; cursor: pointer; margin-right: 10px; margin-bottom: 10px; float: left;  }
.newsArticleControlButton { float: right; width: 45px; position: absolute; right: 0px; top: 0px; cursor: pointer }
.newsArticlePublished { float: right; position: absolute; width:250px; right: 50px; text-align: right; }

/* inbox stuff */
#inboxFolders { width: 145px; /*height: 50px;*/ padding: 8px 0 0 0; float: left; }
#inboxFolders a:link { color: rgb(110,183,226); font-size: 11px; font-weight: bold ;text-decoration:none; }
#inboxFolders a:visited { color: rgb(110,183,226); font-size: 11px; font-weight: bold ;text-decoration:none; }
#inboxFolders a:hover {  color: rgb(150,150,150); font-size: 11px; font-weight: bold ;text-decoration:underline;}

#inboxContainer {  /*padding-left: 160px;*/ }
.inboxItem {  background-color: #fff;  padding: 5px;  overflow:auto; border-bottom: rgb(150,150,150) 1px solid;}
.inboxItemAlt {  background-color: rgb(243,243,234); padding: 5px;  overflow:auto; border-bottom: rgb(150,150,150) 1px solid; }
.inboxItemDisabled {   border: 1px #e22222 solid; color: #333; background: #ffc7c7; padding: 5px;  overflow: auto; }
.inboxUser { padding: 4px; background-color: rgb(229,229,229); width: 70px; border: 1px #B3B3B3 solid; cursor: pointer; margin-right: 10px; margin-bottom: 10px; float: left;  }
.messageIcon { padding: 10px; vertical-align:middle }

/*email notification configuration page*/
#emailConfContainer{width:680px;float:right;padding-left:0px;font-weight:bold;color:#404040;}
#emailConfContainer div{height:20px;border-bottom:1px solid #cccccc;margin-top:5px;font-weight:bold;color:#666666;font-size:12px;}
#emailConfContainer div input{float:right;margin-right:30px;}
#emailConfContainer #topHeading{color:#000000;font-size:15px;font-weight:bold;border-bottom:2px solid grey;}
#emailConfContainer #onOffHeading{border-bottom:1px solid grey;}
#emailConfContainer #onOffHeading span{display:block;float:right;margin-right:30px;}
#emailConfContainer div span{display:block;float:left;}
#emailConfContainer .mediumGreyButton{float:right;border-bottom:0px;margin-top:20px;}

/* my alter hit stuff */
.homepageAlert { padding: 5px; }
.homepageAlert a:link {  color:#990000; font-size: 14px; font-weight: bold; text-decoration: none }
.homepageAlert a:visited {  color:#990000; font-size: 14px; font-weight: bold; text-decoration: none}
.homepageAlert a:hover { color: rgb(150,150,150); font-size: 14px; font-weight: bold; text-decoration: underline}
.smallHomepagePhoto { padding: 5px; background-color: rgb(229,229,229); margin: 5px; width: 42px; height: 39px; border: 1px #B3B3B3 solid; cursor: pointer }
.smallHomepagePhotoOver { padding: 5px; background-color: #B3B3B3; margin: 5px; width: 42px; height: 39px; border: 1px #999 solid; cursor: pointer }

/* message styles */
.message { margin: 20px; position: relative; border: #b5bbc0 1px solid; }
.messageHeader { background-color:  rgb(243,243,234); padding:  11px; color: rgb(110,183,226); font-size: 14px; font-weight: bold; }
.messageBody { padding: 15px; display:block; border-top:  #b5bbc0 1px solid;}
.messageReply { border: #b5bbc0 1px solid; background-color: rgb(243,243,234); margin: 25px 15px 15px 15px; padding: 5px;  overflow:visible; clear:both }
.messageUser { padding: 4px; background-color: rgb(229,229,229); width: 70px; height: 70px; border: 1px #B3B3B3 solid; cursor: pointer; margin-right: 10px; margin-bottom: 10px; float: left;  }
.messageReplyUser { padding: 4px; background-color: rgb(229,229,229); width: 70px; border: 1px #B3B3B3 solid; cursor: pointer; margin-right: 8px; margin-bottom: 8px; float: left;  }
.messageSent { float: right; position: absolute; width:250px; right: 10px; text-align: right; }
 
/* scene stuff */
#left_scene_column { position: relative; float: left; width: 260px; margin-top: 20px; margin-bottom: 20px; border-right-color: #CBCBC9; border-right-style: solid; border-right-width: 1px;}
#right_scene_column { position: relative; float: left; width: 260px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; padding-left: 20px; height: auto;}
#create_scene_button { position: relative; width: 145px; height: 56px; margin-top: 20px; margin-left: auto; margin-right: auto;}

/* scene profile stuff*/
.scene_profile_photo_container { width: 144px; float: left}
.scene_profile_info_container {	padding-left: 165px; position: relative; width: 420px; height: auto;}
.scene_profile_about_box { width: 840px; float: left; position: relative;}
.scene_artists_section { height: auto; width: 840px;}
.scene_profile_particular_box { position: relative; float: left; width: 100px;}
#scene_control_buttons { width: 200px; position: absolute; right: 2px; text-align: right; top: 27px;}
#scene_enter_control_buttons { width: 125px; text-align: left; z-index:100;}
#sceneProfileSideContent {
	float: left;
	width: 230px;
	margin-left: 20px;
}
.scene_shop_profile_about_box { }
#scene_shop_musicnav { float: left; width: 280px }
#scene_shop_musicplayer { padding: 5px 0px 10px 290px; height: 400px}
.scene_shop_profile_info_container {	padding-left: 290px; position: relative; height: auto;}
.scene_shop_item { padding: 4px; background-color: rgb(229,229,229); width: 70px; margin-bottom: 7px; margin-right: 7px; border: 1px #B3B3B3 solid; cursor: pointer }
.scene_shop_item-over { padding: 4px; background-color:  #B3B3B3; width: 70px; margin-bottom: 7px; margin-right: 7px; border: 1px #999 solid; cursor: pointer }
/* my music */
.musicPic { padding: 4px; background-color: rgb(229,229,229); width: 60px; height: 60px; border: 1px #B3B3B3 solid; cursor: pointer} 
.musicPic-over { padding: 4px; background-color: #B3B3B3; width: 60px; height: 60px; border: 1px #999 solid; cursor: pointer} 
.musicPicLarge { padding: 4px; background-color: rgb(229,229,229); width: 120px; border: 1px #B3B3B3 solid; cursor: pointer} 
.musicPicLarge-over { padding: 4px; background-color: #B3B3B3; width: 120px;  border: 1px #999 solid; cursor: pointer} 
.darkGreyLarge {  font-family: Arial, Sans-Serif; color: rgb(150,150,150) ; font-size: 14px; }
.darkGreyBoldLarge {  font-family: Arial, Sans-Serif; color: rgb(150,150,150); font-size: 14px; font-weight: bold}

/* comment applications */
.commentContainer { height: 229px; background: #fff; }

/*REVO Stuff*/
.contenderPicture { width: 144px; margin-left:auto; margin-right:auto;}
.pictureBorder { width:144px; padding: 4px; background-color: rgb(229,229,229); border: 1px #B3B3B3 solid; cursor: pointer;}
.pictureBorder-Over {width:144px; padding: 4px; background-color: #B3B3B3; border: 1px #999 solid; cursor: pointer;}
.contenderWiterings { width:300px; margin-left:auto; margin-right:auto; margin-top:10px; color:#FFFFFF;}
.contenderColumn { width:399px;; float:left; padding-left:10px; padding-right:10px;}


/* date box stuff */
.dateBoxContainer {float: left;}

/*gigs stuff*/
.artistGig {width: 400px; border-width: 1px; border-style: solid; border-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left:10px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;}
.artistGigOn {border-style: dotted; border-width: 1px; border-color: rgb(150,150,150); width: 400px; padding-top: 10px; padding-bottom: 10px; padding-left:10px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; background-color: rgb(243,243,234);}
.artistGigPhoto {float: left; width:130px;}
.artistGigInfo { float: left; margin-left: 40px; width: 220px;}
.artistGigComment { padding: 10px 10px 10px 10px; }
.artistGigCommentDark {background-color: rgb(243,243,234); padding: 10px 10px 10px 10px; }
.artistGigAttendeePhoto {float: left;}
.artistGigAttendeeCommentText {float: left; margin-left: 10px;}
#commentArea {float: left; margin-left:10px; position: relative; left: 50px; width:380px;}
.gigInfoLeft {float: left; width: 100px; position: relative; color: #939393;font-size:11px;}
.gigInfoRight {float: left; width: 195px; position: relative;font-size:11px;}



.searchPic {padding: 4px; background-color: rgb(229,229,229); width: 70px; border: 1px #B3B3B3 solid; cursor: pointer; margin-right: 10px; margin-bottom: 10px; float: left; } 
.searchPic-over { padding: 4px; background-color: #666; width: 70px; border: 1px #999 solid; cursor: pointer; margin-right: 10px; margin-bottom: 10px; float: left; } 

/* genre stuff */
.genreBrowserResult { padding:4px; margin-top: 2px; border-bottom: #efefef solid 1px; }
.genreBrowserResult-over { padding:4px; background-color: rgb(172,0,105); margin-top: 2px; color:#fff; font-weight: bold; cursor: pointer }
.genreLink {   color: rgb(150,150,150); font-size: 14px; font-weight: bold; text-decoration: none}
.genreLink a:visited {   color: rgb(150,150,150); font-size: 14px; font-weight: bold; text-decoration: none}
.genreLink a:link {   color: rgb(150,150,150); font-size: 14px; font-weight: bold; text-decoration: none}
.genreLink a:hover {   color: rgb(150,150,150); font-size: 14px; font-weight: bold; text-decoration: underline} 

/* red asterisk */
.red_asterisk { color: #FF0000; font-size: 10px; text-decoration: blink }

/* charts */


/* copy on static pages */
.static_copy { padding: 20px 0 0 20px}

/* Friends SignUp Enhancement */

.cssform_center p { clear: left;
			 margin: 0;
			 padding: 5px 0 8px 0;
			 padding-left: 0;  /*width of left column containing the label elements*/
			 height: 1%;
}
.cssform_center label{ font-weight: normal; 
				color: #7b7e52;
				font-family: "Lucida Grande", Helvetica, Arial, Verdana; font-size: 12px;
				float: left;
				text-align: right;
				margin-left: 0px; /*width of left column*/
				padding-right: 20px;
				width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.redLargest {  color:#990000; font-size: 18px; font-weight: bold}
.blueLargest {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 18px; text-decoration:none; }
.blueLargest a:link {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 18px; text-decoration:none;}
.blueLargest a:visited {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 18px; text-decoration:none;}
.blueLargest a:hover {  font-family: Arial, Sans-Serif; color: rgb(110,183,226); font-size: 18px; text-decoration:underline;}



.grey a
{
	color: #797979;
	margin-left:2px;
}

.small_greybox{
	background: #eeeeee; color:#AEAEAE; width: 80px; padding:3px 0px 5px 2px; 
}
.chk_medium {
	vertical-align:middle; margin-right:5px;  
}
.btn_st
{
	border:0px; background-color:#F0F0F0; color:#AEAEAE; width:190px; font-family:Arial; font-weight:bold; font-size:12px;
}
.btn_st_hover
{
	display:block; border:0px; background-color:#F0F0F0; color:#AEAEAE; width:209px; height: 38px ; font-family:Arial; font-weight:bold; font-size:12px;background: url('/resources/i/m_dark_grey_box.jpg') no-repeat;
}
.btn_st_hover:hover{background-position:right;}


.red_small {
	color: #C4322D; font-weight: bold; font-family: Arial; font-size: 12px;
}
.table_form{
	color: #AEAEAE; font-family: Arial; font-weight: bold; font-size: 12px;
}
.profile_row_style
{
	background: url('../i/b_dark_grey_box.jpg') no-repeat; width: 250px; height: 66px;
}
.profile_row_style:hover{background-position:right;}
.number_txt
{
	padding-top:7px; padding-left:13px; font-weight:bold; color:#D1D2D4;
}
.txt_grey_underline {
	width:100%; height:4px; background-color:gray; overflow:hidden;
}
.fullpage_underline1 {
	width:819px; height:4px; background-color:gray; overflow:hidden;
}
.red_medium {
	color:#C4322D; font-weight:bold; font-family:Arial; font-weight:bold; font-size:14px;
}
.red_large {
	color: #C4322D; font-family: Arial; font-weight: bold; font-size: 16px;
}
.red_xtral {
	color: #C4322D; font-family: Arial; font-size: 18px;
}
.gray {
	color: Gray; margin-top: 5px; font-family: Arial; font-size: 12px;
}
.desc_box {
	background: url('../i/biography_box.gif') no-repeat; width: 675px; height: 383px; margin-top: 5px;
}
.desc {
	padding-top:32px; padding-left:40px;
}
.txt_area {
	padding-top:12px; padding-left:25px;
}
.btn_update {
	float:right; padding-right:30px; padding-top:40px;
}
.search_form{
    background: transparent url('../i/grey_box.gif') no-repeat;
                            width:335px; height:50px; padding-top:15px; padding-left:40px; color:#AEAEAE;
}
#desc_box {
	background: url('/resources/i/biography_box.gif'); background-repeat:no-repeat; width:350px; height:383px;margin-top:5px;
}
.desc {
	padding-top:32px; padding-left:40px;
}
#desc_box a {
	text-decoration:none; 
}
.small_grey_button{display:block;width:125px;height:34px;background:url('/resources/i/small_grey_button.jpg')left no-repeat;text-decoration:none !important;font-family:Arial; font-weight:bold; font-size:12px;color:#c7332f !important;}
.small_grey_button:hover{background-position:right;}

/*chart*/
.chartNumber { float: right;text-align: center; width: 100px }
#chartData .mediumGreyButton{clear:both;}
#chartData a {text-decoration:none !important;}
#chartData .chartArtistName span {font-size:11px !important;}
#chartData .chartArtistName .pinkLargeBold a {font-size:11px !important;}
#chartData .chartArtistName .blueLarge a {font-size:11px !important;}
#chartData .chartArtistName .blackBold {font-size:11px !important;}
#chartData .chartArtistGenre {font-size:11px;}
#chartData .darkGreyLarge {font-size:11px;}
/*End*/

.profile_box {margin-right: 10px }
.artist_box {margin-top: 10px; margin-bottom: 10px; }
.profile_melee {padding-bottom: 15px}