/* 
----------------------------------
Screen Style Sheet
Author: 	Michael Tighe
Site:		bigrockuntapped.com
Date:		March 2008

Last Update:

----------------------------------
*/

/*-------------------------
	> User - Framework
-------------------------*/
.user_registration #userform { width: 477px;}
.user_registration #userform #pass_left, .user_registration #userform .pass_left { width: 220px; float: left; margin: 0 35px 0 0;}
.user_registration #userform #pass_right, .user_registration #userform .pass_right { width: 220px; float: left;}


/*-------------------------
	> User - Headings
-------------------------*/

.user_registration #userform p.userform_name { 
background: transparent url(../images/titles/form/username.jpg) no-repeat top left;
width: 127px;
height: 19px;
line-height: 19px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.user_registration #userform p.userform_email { 
background: transparent url(../images/titles/form/email.jpg) no-repeat top left;
width: 75px;
height: 18px;
line-height: 18px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.user_registration #userform p.userform_pass { 
background: transparent url(../images/titles/form/password.jpg) no-repeat top left;
width: 117px;
height: 21px;
line-height: 21px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.user_registration #userform p.userform_pass2 { 
background: transparent url(../images/titles/form/reenterpass.jpg) no-repeat top left;
width: 211px;
height: 21px;
line-height: 21px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

/*-------------------------
	> User - Text & Lists
-------------------------*/

.user_registration #userform ul { clear: both; margin-bottom: 25px;}
.user_registration #userform ul li {
list-style: none;
font-size: 12px;
color: #765411;
margin: 0 0 8px 0;
}
.user_registration #userform ul li a { color: #765411;}
.user_registration #userform ul li a:hover {text-decoration: none;}

/*-------------------------
	> User - Form Fields
-------------------------*/
.user_registration #userform input { width: 90%; padding: 4px 3px 4px 3px; margin-bottom: 12px;}
.user_registration #userform input.check { width: auto; margin-bottom: auto;}
.user_registration #userform input.submit { width: auto;}


/* ================================================= */


/*-------------------------
	> Artist - Framework
-------------------------*/
.artist_registration #artistform { width: 477px;}
.artist_registration #artistform #pass_left { width: 220px; float: left; margin: 0 35px 0 0;}
.artist_registration #artistform #pass_right { width: 220px; float: left;}

/*-------------------------
	> Artist - Headings
-------------------------*/

.artist_registration #artistform p.artistform_name { 
background: transparent url(../images/titles/form/artistname.jpg) no-repeat top left;
width: 208px;
height: 18px;
line-height: 18px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.artist_registration #artistform p.artistform_email { 
background: transparent url(../images/titles/form/email.jpg) no-repeat top left;
width: 75px;
height: 18px;
line-height: 18px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.artist_registration #artistform p.artistform_pass { 
background: transparent url(../images/titles/form/password.jpg) no-repeat top left;
width: 117px;
height: 21px;
line-height: 21px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.artist_registration #artistform p.artistform_pass2 { 
background: transparent url(../images/titles/form/reenterpass.jpg) no-repeat top left;
width: 211px;
height: 21px;
line-height: 21px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.artist_registration #artistform p.artistform_province { 
background: transparent url(../images/titles/form/province.jpg) no-repeat top left;
width: 108px;
height: 22px;
line-height: 22px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}

.artist_registration #artistform p.artistform_city { 
background: transparent url(../images/titles/form/city.jpg) no-repeat top left;
width: 57px;
height: 21px;
line-height: 21px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 5px 0;
}
.artist_registration #artistform p a.artistform_genre { 
background: transparent url(../images/titles/form/select_genre.jpg) no-repeat 0px -16px;
display: block;
width: 301px;
height: 16px;
line-height: 16px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 1.5em 0;
}
/* set background class to "artistform_genre_up" when we're hiding the genres */
.artist_registration #artistform p a.artistform_genre_up {
background: transparent url(../images/titles/form/select_genre.jpg) no-repeat 0px 0px;
display: block;
width: 301px;
height: 16px;
line-height: 16px;
overflow: hidden;
text-indent: -9999px;
margin: 0 0 1.5em 0;
}

/*-------------------------
	> Artist - Text & Lists
-------------------------*/

.artist_registration #artistform ul { clear: both; margin-bottom: 25px;}
.artist_registration #artistform ul li {
list-style: none;
font-size: 12px;
color: #765411;
margin: 0 0 8px 0;
}
.artist_registration #artistform ul li a { color: #765411;}
.artist_registration #artistform ul li a:hover {text-decoration: none;}

/*-------------------------
	> Artist - Form Fields
-------------------------*/
.artist_registration #artistform input { width: 90%; padding: 4px 3px 4px 3px; margin-bottom: 12px;}
.artist_registration #artistform #artistform_province_select { width: 90%; padding: 4px 3px 4px 3px; margin-bottom: 12px;}
.artist_registration #artistform input.check { width: auto; margin-bottom: auto;}
.artist_registration #artistform input.submit { width: auto;}

#search_genres { margin: 0 0 0 1em;}
#search_genres ul { }
#search_genres ul li { list-style: none; float: left; margin: 0 0 18px 0; width: 110px;}
#search_genres ul li input {}
#search_genres ul li label { font-size: 12px; color: #765411;}