/* form from contact page */

form.contact {
width: 520px;
margin: 0 20px;
font-size: 112%;
}


/* =label/labelspan */
label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%; }
label span { float : left; width : 25%; text-align : right; }
label span.checkline { float : left; width : 91%; text-align : right; }

/* =input for details */
fieldset#details input, textarea { float : right; width : 70%; border : 1px solid #000; }
fieldset#details input:hover, textarea:hover { border-color : #ffcc00; }
fieldset#details input:active, input:focus { border-color : #000; } 
fieldset#details textarea:active, textarea:focus { border-color : #000; } 


/* =input for checkboxes */
fieldset#check input { float : right; width: 5%; }
fieldset#check input:hover { border-color : #ffcc00; }
fieldset#check input:active, input:focus { border-color : #ffcc00; }

/* =fieldset */
fieldset { 
margin-bottom : 5px; 
padding : 10px; 
border : 1px solid #ffcc00; 
overflow : hidden; }

/* =div */
form.contact div { margin-bottom : 5px; padding : 10px; border : 1px solid #ffcc00; text-align : right; }

form.contact p { font-size: .9em; margin: -35px 0 0 0; }



form#backbut {
	margin: 0 0 0 20px;
	}

div#loginarea {
	height: 300px;
	}

form#login {
	margin: 0 0 20px 20px;
	}
	
	
/* form from music page */

form.musiclist {
width: 520px;
margin: 0 20px;
font-size: 112%;
}


/* =label/labelspan */
form.musiclist label, label span { display : block; padding-bottom : .25em; }
form.musiclist label { float : left; width : 100%; }
form.musiclist label#description { float : left; width : 100%; color: #ffcc00; text-decoration: underline; }
form.musiclist label span { float : left; width : 25%; text-align : right; }
/* form.musiclist label span.number { float : left; width : 6%; text-align : left; font-size: .8em; } */
form.musiclist label span.artist { float : left; width : 34%; text-align : left; font-size: .8em; padding: 0; margin-right: 5px; border: none; }
form.musiclist label span.title { float : left; width : 34%; text-align : left; font-size: .8em; padding: 0; margin-right: 5px;  border: none; }
form.musiclist label span.year { float : left; width : 10%; text-align : left; font-size: .8em; padding: 0; margin-right: 5px;  border: none; }
form.musiclist label span.cat { float : left; width : 12%; text-align : left; font-size: .8em; padding: 0; margin-right: 5px;  border: none; }

/* =input for details */
form.musiclist fieldset#details input, textarea { float : right; width : 70%; border : 1px solid #000; }
form.musiclist fieldset#details input:hover, textarea:hover { border-color : #ffcc00; }
form.musiclist fieldset#details input:active, input:focus { border-color : #000; } 
form.musiclist fieldset#details textarea:active, textarea:focus { border-color : #000; } 


/* =input for checkboxes */
form.musiclist fieldset#tracks input { float : right; width: 5%; }
form.musiclist fieldset#tracks input:hover { border-color : #ffcc00; }
form.musiclist fieldset#tracks input:active, input:focus { border-color : #ffcc00; }

/* =fieldset */
form.musiclist fieldset { 
margin-bottom : 5px; 
padding : 10px; 
border : 1px solid #ffcc00; 
overflow : hidden; }

/* =div */
form.musiclist div { margin-bottom : 5px; padding : 10px; border : 1px solid #ffcc00; text-align : right; }

form.musiclist p { font-size: .9em; margin: -35px 0 0 0; }