/* GENERIC FORM STYLING */
#foreground .layout form {
	padding: 9px 0px 40px 0px;
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}
	#foreground .layout form fieldset {
		border:0px;
		padding:0px;
		clear: both;
		margin-bottom: 20px;
	}
	
		#foreground .layout .message {
			color:red;
			padding:10px 5px 5px 5px;
			margin:5px;
		}
		#foreground .layout span.message{
			width: 386px;
			display:block;
			font-family:Arial,Helvetica,sans-serif;
			font-size:1.1em;
		}
		#foreground .layout p span.message{
			font-size:0.9em;
		}
		#foreground .layout form div.field,
		#foreground .layout #Form_MemberForm div.field div{
			margin: 0px;
			padding: 0px;
			width: 100%;
		}
		#foreground .layout #CustomLogin_LoginForm div.field,
		#foreground .layout #Form_MemberForm div.field,
		#foreground .layout #Form_EntryForm div.field div{
			margin: 0px 0px 11px 0px !important;
			padding: 0px 0px 14px 0px !important;
			width: 100%;
			border-bottom: solid 1px #e0e0e0 !important;
		}
		
		/* list of form divs with no underline */
		#foreground .layout form div#TermsWrapper, #foreground .layout form div.simpleimage, #foreground .layout form div#Competitions, 
		#foreground .layout form div#OAuthenticationService, #foreground .layout form div#AvatarImageWrapper, #foreground .layout form div#JoinWith {
			border-bottom: 0px;
			margin: 0px;
			padding: 0px;
		}
		
		#foreground .layout form p.label, #foreground .layout form label {
			font: normal 1.2em/2.2em Arial, Helvetica, sans-serif;
			color:#808080;
			padding: 0px;
			margin: 0px;
		}
			#foreground .layout form label.left {
				float:left;
				width:12em;
			}
			#foreground .layout form label.FormHeading {
				font-size:1.3em;
				color:#ff7200;
				font-weight:bold;
			}
		#foreground .layout form p.label strong {
			font: normal 1.6em Helvetica,"Helvetica Neue",Arial,sans-serif;
			color: #C0C0C0;
			position:relative;
			top:3px;
		}
		#foreground .layout form p label {
			font: normal 1.0em/1.2em Arial, Helvetica, sans-serif;
		}
		
		#foreground .layout form input.text,
		#foreground .layout form textarea,
		#foreground .layout form select {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			width:386px;
			margin: 0px;
			color:#808080;
			background:#fff;
			border:1px solid #b3b3b3;
			padding:4px 10px;
		}
		#foreground .layout form .CompositeField {
			position:relative;
		} 
		#foreground .layout form #EntryImage, #foreground .layout form #Avatar {
			position:absolute;
			bottom: 0px;
			right: 0px;
			z-index:2; 
		}
		
		#foreground .layout form div#TermsWrapper {
			position: relative;
			min-height: 40px;
		}
		#foreground .layout form p#terms {
			position: absolute;
			top: 3px;
			left: 0px;
			padding: 0px;
			margin: 0px;
		}
		#foreground .layout form p#terms label {
			position: absolute;
			float: left;
			width: 300px;
			top: 3px;
			left: 25px;
		}
		
		#foreground .layout form .Actions #Form_EntryForm_action_doEnter{
			background: url(../images/foreground/layout/btn-submit.gif) no-repeat 50% 50%;
			height:50px;
			width:118px;
			margin:0px;
			display:block;
			border:none;
			cursor:pointer;
			font-size: 0px;
			line-height: 0px;
			color: #a5d351;
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		
		#foreground .layout form .Actions #FormUpload_DoUpload {
			background: url(../images/foreground/layout/upload_entry.png) no-repeat 50% 50%;
			height:50px;
			width:277px;
			margin:0px;
			display:block;
			border:none;
			cursor:pointer;
			font-size: 0px;
			line-height: 0px;
			color: transparent;
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		#foreground .layout form .Actions #Form_ChooseForm_action_doChoose{
			background: url(../images/foreground/layout/btn-submit.gif) no-repeat 50% 50%;
			height:50px;
			width:118px;
			margin:0px;
			display:block;
			border:none;
			cursor:pointer;
			font-size: 0px;
			line-height: 0px;
			color: transparent;
			position: absolute;
			bottom: 0px;
			right: 0px;
		}

		#foreground .layout form ul.optionset {
			padding: 0px;
			margin: 0px;
			list-style: none;
			/*width:410px;*/
		}
		
		/*#foreground .layout form ul.optionset li{
			width:100%;
		}*/
		
		
		/* manage service */
		#foreground .layout #manage-services .add,#foreground .layout #manage-services .minus {
			float: left;
			width: 50%;
			clear: none !important;
			position: relative !important;
		}
		
		#foreground .layout #manage-services .add p.header,#foreground .layout #manage-services .minus p.header {
			color: #808080;
			font-size: 1.0em;
			text-align: center;
		}
		#foreground .layout #manage-services .add p.header strong ,#foreground .layout #manage-services .minus p.header strong {
			font-size: 1.4em;
		}
		
		#foreground .layout #manage-services form  {
			width: 100px;
			position: relative;
			left: 75px;
			top: -10px;
		}
		
		#foreground .layout #manage-services form div.field {
			padding: 0px;
			margin: 0px;
			border: 0px;
		}
		#foreground .layout #manage-services form div.Actions {
			display: none;
		}
		
		#foreground .layout #manage-services form ul.optionset li {
			display: block;
			height: 35px;
			overflow: hidden;
		}
		
		#foreground .layout #manage-services form ul.optionset li input {
			visibility: hidden;
			position:absolute;		
		}
		#foreground .layout #manage-services .add form ul.optionset li label {
			width: 50px !important;
			height: 35px !important;
			display: block !important;
			cursor: pointer;
			
			background: url(../images/foreground/layout/plus.png) no-repeat 100% 50%;
			
			/* hide text */
			overflow: hidden; 
			text-indent: -100px; 
			color: #F7F7F7; 
		}
		#foreground .layout #manage-services .minus form ul.optionset li a {
			width: 50px !important;
			height: 35px !important;
			display: block !important;
			padding: 0px !important;
			background: url(../images/foreground/layout/minus.png) no-repeat 100% 50%;
			
			/* hide text */
			overflow: hidden; 
			text-indent: -40px; 
			color: #F7F7F7; 
		}
		
		#foreground .layout form .Actions #Form_Form_action_choose {
			background: url(../images/foreground/layout/btn-payFee.gif) no-repeat 50% 50%;
			height:50px;
			width:180px;
			margin:0px;
			display:block;
			border:none;
			cursor:pointer;
			font-size: 0px;
			line-height: 0px;
			color: transparent;
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		#foreground .layout form .Actions #Form_Form_action_choose:hover {
			background: url(../images/foreground/layout/btn-payFee-hi.gif) no-repeat 50% 50%;
		}
		#MusicHypeOrderForm_OrderForm_action_processOrder {
			background: url(../images/foreground/layout/btn-payNow.gif) no-repeat 50% 50%;
			height:50px;
			width:133px;
			margin:0px;
			display:block;
			border:none;
			cursor:pointer;
			font-size: 0px;
			line-height: 0px;
			color: transparent;
			position: absolute;
			bottom: 0px;
			right: 0px;
			text-indent:300px;
			overflow:hidden;
		}
		#foreground .layout form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		#foreground .layout form input.year {
			width:35px;
		}
		#foreground .layout form .Actions {
			text-align:right;
			position: relative;
			padding: 0px;
			height:50px;
			clear: both;
		}
			#foreground .layout form .Actions input {
				padding:2px;
			}

/* SHARE FORM STYLING */
#foreground .layout form#Form_ShareForm div, #foreground .layout form#Form_ShareForm ul.optionset li {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#foreground .layout form#Form_ShareForm ul.optionset li:hover {
	background: none;
}
#foreground .layout form#Form_ShareForm label {
	display: none;
}
#foreground .layout form#Form_ShareForm ul.optionset li {
	float: left;
	height: 28px;
	width: 55px;
	margin-right: 15px;
}
#foreground .layout form#Form_ShareForm ul.optionset li input {
	position: relative;
	left: 28px;
}

#foreground .layout form#Form_ShareForm ul.optionset li.valMySpaceAuthenticator {
	background: url(../images/foreground/layout/share_myspace.png) no-repeat;
}
#foreground .layout form#Form_ShareForm ul.optionset li.valTwitterAuthenticator {
	background: url(../images/foreground/layout/share_twitter.png) no-repeat;
}
#foreground .layout form#Form_ShareForm ul.optionset li.valFacebookAuthenticator {
	background: url(../images/foreground/layout/share_facebook.png) no-repeat;
}

#foreground .layout form#Form_ShareForm .Actions #Form_ShareForm_action_doShare {
	background: url(../images/foreground/layout/btn-share.gif) no-repeat 50% 50%;
	height:51px;
	width:105px;
	margin:0px;
	display:block;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#foreground .layout form#Form_ShareForm .Actions #Form_ShareForm_action_doShare:hover {
	background: url(../images/foreground/layout/btn-share-hi.gif) no-repeat 50% 50%;
}


/* GENEREAL SERVICE SELECTION STYLING */
/* service specific icons */
#foreground .layout form ul.optionset li.valFaceBookAuthenticator {
	background: url(../images/foreground/layout/activity-icon-facebook.png) no-repeat 0% 50%;
}
#foreground .layout form ul.optionset li.valFaceBookAuthenticator:hover {
	background: url(../images/foreground/layout/activity-icon-facebook.png) no-repeat 0% 50% !important;
}
#foreground .layout form ul.optionset li.valSoundCloudAuthenticator {
	background: url(../images/foreground/layout/activity-icon-soundcloud.png) no-repeat 0% 50%;
}
#foreground .layout form ul.optionset li.valMySpaceAuthenticator {
	background: url(../images/foreground/layout/activity-icon-myspace.png) no-repeat 0% 50%;
}
#foreground .layout form ul.optionset li.valTwitterAuthenticator {
	background: url(../images/foreground/layout/activity-icon-twitter.png) no-repeat 0% 50%;
}
#foreground .layout form ul.optionset li.valTwitterAuthenticator:hover {
	background: url(../images/foreground/layout/activity-icon-twitter.png) no-repeat 0% 50% !important;
}
#foreground .layout form ul.optionset li.valLastFMAuthenticator {
	background: url(../images/foreground/layout/activity-icon-lastfm.png) no-repeat 0% 50%;
}
#foreground .layout form ul.optionset li.valLastFMAuthenticator:hover {
	background: url(../images/foreground/layout/activity-icon-lastfm.png) no-repeat 0% 50% !important;
}
#foreground .layout form ul.optionset li.valFlickrAuthenticator {
	background: url(../images/foreground/layout/activity-icon-flickr.png) no-repeat 0% 50%;
}
#foreground .layout form ul.optionset li.valYouTubeAuthenticator {
	background: url(../images/foreground/layout/activity-icon-youtube.png) no-repeat 0% 50%;
}
#foreground .layout form ul.optionset li.valMusicHypeAuthenticator {
	background: url(../images/foreground/layout/activity-icon-musichype.png) no-repeat 0% 50%;
}

#Form_ShareForm_ShareService_FaceBookAuthenticator,
#Form_ShareForm_ShareService_SoundCloudAuthenticator,
#Form_ShareForm_ShareService_MySpaceAuthenticator,
#Form_ShareForm_ShareService_TwitterAuthenticator,
#Form_ShareForm_ShareService_LastFMAuthenticator,
#Form_ShareForm_ShareService_FlickrAuthenticator,
#Form_ShareForm_ShareService_YouTubeAuthenticator,
#Form_ShareForm_ShareService_MusicHypeAuthenticator{
	cursor:pointer;
}

/* Discussion Box */
.comment-form form#Form_ShareForm textarea, .comment-form #LiveChatCommentsInterface_Form_PostCommentForm textarea {
	width:272px !important;
	height:44px;
	border:1px solid #dedede;
	margin:0px 0px 0px 3px;
	padding:3px 5px;
	font: normal 1.0em Helvetica, Arial, sans-serif;
	float:left;
	color:#666;
}
.comment-form #LiveChatCommentsInterface_Form_PostCommentForm textarea {
	width: 330px !important;
	height: 100px;
	position: relative;
	left: 5px;
}

.comment-form form#Form_ShareForm #Form_ShareForm_action_doPost, .comment-form form#LiveChatCommentsInterface_Form_PostCommentForm #LiveChatCommentsInterface_Form_PostCommentForm_action_postcomment {
	background: url(../images/foreground/layout/comment-send-2.png) no-repeat 50% 50%;
	height:19px;
	width:125px;
	margin:0px;
	display:block;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
	color: #8cc63f;
	padding-top:15px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	outline:none;
}

.comment-form{
	margin-left:70px;
	width:340px;
}

.comment-form #Form_ShareForm, .comment-form #LiveChatCommentsInterface_Form_PostCommentForm {
	padding:0px 0px 20px 0px !important;
	margin-bottom:10px !important;
	border-bottom:1px solid #dedede;
}

#foreground .layout .comment-form form#LiveChatCommentsInterface_Form_PostCommentForm .Actions {
	height: 15px !important;
}

.comment-form .share{
	float:right;
	padding:10px 5px 3px 0px !important;
	font-size:1.0em;
	width:auto;
}
.comment-form .share .share-text{
	float:left;
	margin:3px 4px 0px 0px;
}
.comment-form .share img,
.comment-form .share input{
	float:left;
}
.comment-form .share img{
	margin:1px 4px 0px 0px;
}

.comment-form .comment{
	padding:3px 0px 0px 0px !important;
	width:339px;
}
.comment-form .comment img{
	border:1px solid #b6b6b6 !important;
	float:left;
}
.comment-form .comment-submit{
	float:right;
	margin:4px 0px 10px;
}

/* last fm checkbox no show */
.show-no-lastfm .LastFMAuthenticator-icon,
.show-no-lastfm .LastFMAuthenticator-choice{
	display:none;
}

/* login */	
#foreground .layout form#Form_ServiceLoginForm ul.optionset, #foreground .layout form#Form_JoinForm ul.optionset, #foreground .layout form#Form_ChooseForm ul.optionset {
	width: 100%;
}
#foreground .layout form#Form_ServiceLoginForm ul.optionset li, #foreground .layout form#Form_JoinForm ul.optionset li, #foreground .layout form#Form_ChooseForm ul.optionset li {
	position: relative;
	height: 35px;
	background-position: 40px 50%; /* icon */
}
#foreground .layout form#Form_ServiceLoginForm ul.optionset li:hover,
#foreground .layout form#Form_JoinForm ul.optionset li:hover{
	background-position: 40px 50% !important;
	background-color: #F2F2F2 !important;
}
#foreground .layout form#Form_ServiceLoginForm ul.optionset li label, #foreground .layout form#Form_JoinForm ul.optionset li label, #foreground .layout form#Form_ChooseForm ul.optionset li label {
	position: absolute;
	left: 80px;
}
#foreground .layout form#Form_ServiceLoginForm ul.optionset li input, #foreground .layout form#Form_JoinForm ul.optionset li input, #foreground .layout form#Form_ChooseForm ul.optionset li input {
	position: absolute;
	left: 0px;
	top: 23px;
}

#foreground .layout form#Form_ServiceLoginForm ul.optionset li:hover, #foreground .layout form#Form_JoinForm ul.optionset li:hover, #foreground .layout form#Form_ChooseForm ul.optionset li:hover {
	background-color: #F2F2F2;
}

/* JOIN FORM STYLING */
#foreground .layout form#Form_JoinForm .Actions #Form_JoinForm_action_doJoin {
	background: url(../images/foreground/layout/btn-createTrackrecord.gif) no-repeat 50% 50%;
	height:50px;
	width:292px;
	margin:0px;
	display:block;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* SIGN-IN FORM STYLING */
#foreground .layout form#Form_ServiceLoginForm .Actions #Form_ServiceLoginForm_action_doServiceLogin {
	background: url(../images/foreground/layout/btn-join.gif) no-repeat 50% 50%;
	height:50px;
	width:213px;
	margin:0px;
	display:block;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
	position: absolute;
	bottom: 0px;
	right: 20px;
}

#foreground .layout form#Form_ServiceLoginForm .Actions #Form_ServiceLoginForm_action_doServiceLogin {
	background: url(../images/foreground/layout/btn-signin.gif) no-repeat 50% 50%;
	height:50px;
	width:113px;
	margin:0px;
	display:block;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* MusicHype Account Login Form */
#foreground .layout form#CustomLogin_LoginForm div.field {
	margin: 0px;
	padding: 0px;
	width:100%;
}

/*#foreground .layout form#CustomLogin_LoginForm .Actions #CustomLogin_LoginForm_action_dologin:hover {
	background: url(../images/foreground/layout/btn-join-hi.gif) no-repeat 50% 50%;
}*/

#foreground .layout form#CustomLogin_LoginForm .Actions #CustomLogin_LoginForm_action_dologin {
	background: url(../images/foreground/layout/btn-signin.gif) no-repeat 50% 50%;
	height:50px;
	width:113px;
	margin:0px;
	display:block;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#ForgotPassword{
	margin-top:52px !important;
}

/* MEMBER EDIT FORM STYLING */
#foreground .layout form#Form_MemberForm {
	position: relative;
	/*bottom: 30px;*/
	padding-top:30px !important;
}
#foreground .layout form#Form_MemberForm input.text,
#foreground .layout form#Form_MemberForm textarea,
#foreground .layout form#Form_MemberForm select {
	margin-left: 0px;
	width: 386px;
}
#foreground .layout form#Form_MemberForm .Actions #Form_MemberForm_action_savedetails,#foreground .layout form#Form_MemberForm .Actions #Form_MemberForm_action_save,
#foreground .layout form#Form_MemberForm .Actions #Form_MemberForm_action_savedetails_top {
	background: url(../images/foreground/layout/edit_details_button.png) no-repeat 50% 50%;
	height:50px;
	width:253px;
	margin:0px;
	display:block;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
	color: transparent;
	position: absolute;
	bottom: 0px;
	right: 0px;
} 

#foreground .layout form#Form_MemberForm .Actions #Form_MemberForm_action_savedetails_top {
	top: 0px;
	right: 20px;
}

/* position things inside avatar section */
#foreground .layout form#Form_MemberForm div#AvatarImageWrapper {
	position: relative;
	height: 50px;
	width: 100%;
}

#foreground .layout form#Form_MemberForm div#AvatarImageWrapper #Avatar {
	position: absolute;
	top: 0px;
	left: 0px;
	border-bottom:none !important;
}

/* hide the real upload, so we can style */

#foreground .layout form#Form_MemberForm div#AvatarImageWrapper div.simpleimage input {
	position: absolute;
	top: 25px;
	right: 0px;
	border:1px solid #999;
	
	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

}
		
#foreground .layout form#Form_MemberForm div#AvatarImageWrapper #Avatar .thumbnail {
	position: absolute;
	top: 0px;
	left: 0px;
}
#foreground .layout form#Form_MemberForm div#AvatarImageWrapper #Avatar .thumbnail img {
	width: 55px;
	height: 55px;
}

#foreground .layout form#Form_MemberForm div#AvatarImageWrapper p.label {
	position: absolute;
	top: 0px;
	left: 65px;
}

#foreground .layout form#Form_MemberForm div#AvatarImageWrapper input.fakeupload {
	position: absolute;
	top: 25px;
	left: 65px;
	width: 270px;
	padding:4px 8px 3px 8px;
}

#foreground .layout form#Form_MemberForm div#AvatarImageWrapper input.fakeuploadbutton {
	width: 55px;
	height: 24px;
	color:#fff; 
	font: normal 1.2em Arial, Helvetica, sans-serif; 
	background: #8CC63F;
	border: 1px solid #b3b3b3;
	position: absolute;
	bottom: 15px;
	right: 0px;
	cursor:pointer;
}
#foreground .layout form#Form_MemberForm div#AvatarImageWrapper input.fakeuploadbutton:hover {
	cursor:pointer;
} 
		
/* Competetion Entry Upload */
#foreground .layout form#FormUpload {
	padding: 0px;
	margin: 0px;
}

#foreground .layout form#FormUpload div.Actions {
	height: 50px;
}

#foreground .layout form#FormUpload div#UploadWrapper {
	position: relative;
	height: 30px;
	width: 100%;
	margin-bottom:10px;
}

#foreground .layout form#FormUpload div#UploadWrapper input#file {
	position: absolute;
	top: 0px;
	right: 0px;
	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

}

#foreground .layout form#FormUpload div#UploadWrapper input.fakeupload {
	position: absolute;
	top: 0px;
	left: 178px;
	width: 160px;
	padding:4px 8px 3px 8px;
}

#foreground .layout form#FormUpload div#UploadWrapper input.fakeuploadbutton {
	width: 55px;
	height: 24px;
	color:#fff; 
	font: normal 1.2em Arial, Helvetica, sans-serif; 
	background: #8CC63F;
	border: 1px solid #b3b3b3;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor:pointer;
}

/*#foreground .layout form#Form_MemberForm div#AvatarImageWrapper input.fakeuploadbutton {
	width: 55px;
	height: 24px;
	color:#fff; 
	font: normal 1.2em Arial, Helvetica, sans-serif; 
	background: #8CC63F;
	border: 1px solid #b3b3b3;
	position: absolute;
	bottom: 15px;
	right: 0px;
	cursor:pointer;
}*/