/* Used for prompt / login status area on many pages */
.login{
color:#263036;
border:solid #D3D9E3 1px;
width:225px;
position:relative;
float:right;
clear:right;
right:20px;
background-color:#E9F3FF;
padding:10px 5px;
margin:20px 0 0 30px;
}

.login_title{
text-align:center;
padding:0 0 20px 0;
}

.login_left{
float:left;
width:70px;
text-align:right;
display:inline;
}

.login_right{
margin-left:75px;
padding:0 0 5px 0;
}

.login_center{
text-align:center;
}

.login_message{
color:#F00;
margin-left:75px;
line-height:1.2em;
font-family:arial,sans-serif;
padding:0 0 10px 0;
}

.signup {
border:solid #D3D9E3 1px; 
width:225px;
position:relative;
top:20px;
float:right;
right:20px;
background-color:#E9F3FF;
padding:10px 5px;
margin-left:30px;
clear:right;
text-align:center;
}

.signup_left{
float:left;
width:90px;
text-align:center;
}

.signup_right{
margin-left:90px;
padding-bottom:5px;
text-align:center;
}

.signup_center{
text-align:center;
letter-spacing:-.3px;
font-family:arial,sans-serif;
font-size:17px;
padding:5px;
font-weight:bold;
}

.login_create{
color:#263036;
border:solid #D3D9E3 1px;
width:520px;
position:relative;
left:40px;
background-color:#E9F3FF;
padding:5px 5px;
margin:0 50px 0 0;
clear:left;
}

.login_create_left{
float:left;
width:170px;
text-align:left;
display:inline;
}

.login_create_right{
margin:0 0 10px 175px;
}

.login_create_center{
text-align:center;
padding:0 0 10px 0;
}

.login_create_message{
color:#F00;
line-height:1.2em;
font-family:arial,sans-serif;
}

div.login_logout{
font-weight: bold;
white-space:nowrap;
}

div.login_logout form, div.login_logout form div{
display:inline;
}

/* Used for independent pages (admin, invitations, settings, create...).
	container/page distinction allows us to center in a cross-
	browser way. */

.login_page_container{
width:100%;
text-align:center;
}

.login_page{
width:60%;
margin:auto;
text-align:left;
padding:1em;
}

.login table{
border:2px solid gray;
}

.login td, .login th{
border:1px solid gray;
padding:2px;
}

.login_forgot_link{
display: inline;
}

.login_create_link, .login_invitation_only{
display:inline;
padding-left:3em;
}

.login_captcha{
padding: 10px 0;;
}

.login_category_form_outer{
position:relative;
background:#FFB;
padding:15px;
margin:0 0 10px 0;
}

.login_category_form_inner{
padding-top:2.5em;
}

.login_category_tabs{
width:100%;
position:absolute;	
top:0px;
left:0px;
background:#E9FFF3;
}

.login_category_current_tab, .login_category_tab{
border:0;
padding:5px;
background:#FFB;
font-weight:bold;
cursor:pointer;
cursor:hand;
}

.login_category_tab{
background:transparent;
color:#039;
}

/* Work around the "enter key submits first button"
	problem by convincing browsers to display
	the first button in the HTML on the right
	rather than the left via CSS */

.login_create_buttons{
width:20em;
}

.login_create_previous_button{
float:left;
}

.login_create_next_button{
float:right;
}

.login_create_finished_button{
display:inline;
margin-left:175px;
}

.login_create_cancel_button{
display:inline;
}

.login_create_agreement{
border: 2px solid gray;
padding:0 10px 10px 10px;
margin:15px 10px 0 10px;
}

.login_buttons{
padding-top:.5em;
}

.login_continue{
text-align:center;
}

.login_error{
background-color: yellow;
}

td.royalties_select, th.royalties_select, td.royalties_bank_account, th.royalties_bank_account, td.royalties_status, th.royalties_status{
text-align:center;
border:solid 1px #D9D9F9;
line-height:16px;
padding:5px;
}

td.royalties_bank_account, th.royalties_bank_account{
text-align:left;
}

table.royalties{
margin:0 0 5px 0;
}

.login_settings_message{
color: #F00;
}

.royalties_navigation{
margin: 10px 0;
}

#guide_outer{
display:inline;
}

#guide{
width:600px;
background-color:#E9F3FF;
border:solid 1px gray;
padding:5px 10px;
margin:15px 0 10px 0;
}

.guide_title{
font-size:18px;
font-weight:bold;
text-transform:uppercase;
border-bottom:thin gray;
}

.guide_step_title{
font-weight:bold;
margin-left:5px;
}

.guide_description{
margin-left:20px;
}

a.guide_disabled{
color:gray;
cursor:default;
}

.artist_agreement_inline{
border:thin #CCF solid;
margin:5px 0;
padding:0 15px;
background:#FFF;
width:430px;
height:200px;
overflow:auto;
}

.ridged, .upload_prompt{
float:left;
border:ridge 3px #AEC;
}

.player_display, .code_display{
float:left;
padding:20px;
text-align:center;
}

.upload_prompt{
height:125px;
padding:15px;
margin-left:15px;
}

#artist_page_outer{
min-width:520px;
}

#artist_page_outer div.artist_page{
border-top:none;
}

#artist_tabs{
margin-top:4px;
width:100%;
float:left;
border-bottom:1px solid #A9B3BF;
}

#artist_tabs ul{
margin:0 0 0 2px;
padding:0;
list-style:none;
}

#artist_tabs li{
margin:0;
padding:0;
float:left;
}

#artist_tabs a{

display:block;
margin:0 2px;
padding:1px 15px;
border:1px solid #A9B3BF;
border-width:1px 1px 0 1px;
}

#artist_tabs a:hover{
background:#E9FFF3;
}

#artist_tabs a.selected{
background:#E9FFF3;
margin-bottom:-1px;
padding-bottom:2px;
}