/* trackpipe/public/css/label/signup.css */
#pgBd {
    background-color: white;
    margin: auto;
}

div#propOpenWrapper {
    left: 0;
    right: 0;
    background-color: unset;
}

#label-signup-vm {
    position: relative;
    width: 406px;
    left: 50%;
    margin-left: -203px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    color: #333;
    font-size: 13px;
    /* Because the panes are position:absolute, we need to manually prop the height so that it's tall enough. I'm not sure why padding-bottom:100% works but it seems to do the trick; I just copied it from settings.css. --daniel */
    padding-bottom: 100%;
}

#label-signup-vm.loading {
    display: none;
}

#label-signup-vm > .pane {
    position: absolute;
}

#label-signup-vm .nobr {
    white-space: nowrap;
}

#label-signup-vm .weak {
    color: #999;
}

#label-signup-vm p.error {
    margin: 0.25em 0;
    width: 125%;
}

#label-signup-vm h2 {
    text-align: center;
    font-weight: normal;
    font-size: 22px;
}

#label-signup-vm .signup-section {
    border-top: solid 1px #ddd;
    padding: 23px 45px 23px 60px;
}

#label-signup-vm .signup-section.wide {
    padding: 0 30px;
}

#label-signup-vm .signup-section.footer {
    font-size: 12px;
    margin-right: -20px;
}

#label-signup-vm .signup-section.admin {
    color: #d00;
    font-weight: bold;
}
#label-signup-vm .signup-section.admin input {
    display: inline;
}

.label-signup-form > div {
    position: relative;
    margin-top: 14px;
}

.label-signup-form > div > label {
    position: absolute;
    display: block;
    text-align: right;
    left: -10px;
    width: 100%;
    margin-left: -100%;
    line-height: 27px;
}
.label-signup-form input[type=text],
.label-signup-form input[type=email],
.label-signup-form input[type=password],
.label-signup-form input[type=url] {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
}

.label-signup-form #label-subdomain {
    width: 54%;
}

.label-signup-form .subdomain-hint {
    font-size: 12px;
    margin: 0.5em 0 0 0;
}

.label-signup-form .geocoded-location {
    position: absolute;
    top: 0;
    left: 10px;
    margin: 0 0 0 100%;
    line-height: 27px;
    width: 100%;
    color: #0b2;
    font-style: italic;
}
.ui-dialog.not-very-label-like-warning .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: left;
}
.nu-dialog.not-very-label-like-warning .ui-dialog-buttonset button {
    width: inherit;
}
/* trackpipe/public/css/label/label_conversion.css */
.label-converter {
    position: relative;
    font-size: 14px;
    height: 1000px; /* the panes are absolutely positioned to crossfade so container needs a fixed height as far as i can figure */
}

.label-converter h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 0;
    font-weight: 300;
    font-size: 23px;
}
.label-converter h1.first {
    top: 13px;
}
.label-converter h1.not-first {
    display: none; /* ko animateVisible subsequently */
    top: 20px;
}

.label-converter h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}

.label-converter h3 .thumb-25 {
    margin-top: -6px;
}

.label-converter h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.label-converter-buttons {
    margin: 10px 0 0 0;
}

/* needs annoyingly long selector to override ".label-style form button" */
.label-converter .label-converter-buttons button {
    margin: 0 20px 0 0;
    width: auto;
    display: inline-block;
}
.label-converter .pp-email-carry-on {
    margin-top: 25px;
}
.label-converter-buttons .carry-on {
	padding-left: 55px;
    padding-right: 55px;
    position: relative; /* for positioning the busy spinny */
}

.label-converter-buttons .carry-on.busy,
.label-converter-buttons .carry-on.busy:hover {
    /* unfortunate priority needed because form.css defines !important colors for disabled and hover states */
    color: transparent !important;
    opacity: 1;
    background-color: #eee;
    border-color: #bbb;
}
.label-converter-buttons .carry-on.busy::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../gif/spinny.gif);
    background-repeat: no-repeat;
    background-position: center center;
    content: ' '; /* nothing appears unless there's a content in ::before elemnts. */
}

.label-converter-hint {
    color: #999;
}

.label-converter .thumb-25 {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.label-converter.loading .label-converter-pane {
    display: none;
}

.label-converter-pane {
    position: absolute;
	width: 53%;
	left: 23%;

    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: step-start, ease-out, ease-out;
    -moz-transition-property: visibility, opacity, -moz-transform;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: step-start, ease-out, ease-out;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-duration: 0.25s;
    transition-timing-function: step-start, ease-out, ease-out;
    transition-property: visibility, opacity, transform;
}

.label-converter-pane.standby {
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateX(200px) scale(0.9, 0.9);
    -webkit-transform: translateX(200px) scale(0.9, 0.9);
    transform: translateX(200px) scale(0.9, 0.9);
}

.label-converter-pane.finished {
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateX(-200px) scale(0.9, 0.9);
    -webkit-transform: translateX(-200px) scale(0.9, 0.9);
    transform: translateX(-200px) scale(0.9, 0.9);

    -moz-transition-timing-function: step-end, linear, linear;
    -webkit-transition-timing-function: step-end, linear, linear;
    transition-timing-function: step-end, linear, linear;
}

.label-converter-instructions {
    top: 90px;
}
.label-converter .label-info-container {
    top: 100px;
}
.label-converter .attached-artists-container {
    top: 100px;
}
.label-converter .index-links-container {
    top: 170px;
}
.label-converter .custom-artists-container {
    top: 260px;
    padding-top: 45px;
    border-top: solid 1px #ccc;
    font-size: 16px;
}
.label-converter .all-done-container {
    top: 200px;
    text-align: center;
}

.label-converter .attached-artist-box {
    outline: 3px rgb(204, 204, 204) solid;
}

.label-converter ul.attached-artist-list {
    list-style: none;
	padding: 15px 13px;
    overflow: scroll;
    max-height: 300px;
}

.label-converter ul.attached-artist-list li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.label-converter ul.attached-artist-list li:first-child {
    padding-top: 0;
}

.label-converter ul.attached-artist-list li:last-child {
	border-bottom: 0;
}

.label-converter li.attached-artist img {
    margin: 0 5px 0 10px;
}

.label-converter li.attached-artist.existing-member img {
    opacity: 0.4;
}

.label-converter li.attached-artist.existing-member {
    color: rgb(204, 204, 204);
}

.label-converter li.attached-artist .different-account {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 0.3em;
    margin-left: 60px;
}

.label-converter li.attached-artist .different-account span {
    white-space: nowrap;
}
.label-converter .pro-marker {
    color: rgb(190, 42, 42);
}

.label-converter .change-paypal,
.label-converter .pro-account-info {
    font-size: 13px;
    margin-left: 20px;
}
.label-converter .pro-account-info {
    text-indent: -7px;
}

.label-converter .addition-option {
    margin-bottom: 6px;
    margin-right: -100px; /* let it fall off the right hand side without wrapping for long subdomains */
    line-height: 30px;
}

.label-converter .addition-option .answer {
    font-weight: 500;
    margin-left: 0.5em;
}

.label-converter .index-links-container .tralbum-picker {
    margin-left: 40px;
}

.label-converter .tralbum-picker-intro {
    margin-top: 0;
}

.label-converter .index-links-container input[type=password],
.label-converter .label-info-container input[type=text] {
    height: 16px;
    position: relative;
    top: -2px;
}
.label-converter .index-links-container input[type=password]{
        margin-left: 0.5em;
        padding-left: 5px;
        width: 125px;
}
.label-converter .label-info-container p {
    margin-top: 3em;
    text-align: center;
}
.label-converter .label-info-container p.error {
    text-align: left;
    margin-left: 0px;
    width: 100%;
}
.label-converter .label-info-container input[type=text] {
    width:175px;
}
.label-converter .index-links-container input[type=password]::-webkit-input-placeholder, 
.label-converter .index-links-container input[type=text]::-webkit-input-placeholder { 
    font-size: 1.1em; 
    font-weight: 400; 
} /* webkit */
.label-converter .index-links-container input[type=password]::-moz-placeholder,
.label-converter .index-links-container input[type=text]::-webkit-input-placeholder { 
    font-size: 1.1em; 
    font-weight: 400; 
} /* FF 4-18 */
.label-converter .index-links-container input[type=password]:-moz-placeholder,
.label-converter .index-links-container input[type=text]::-webkit-input-placeholder  { 
    font-size: 1.1em; 
    font-weight: 400; 
} /* FF 19+ */
.label-converter .custom-artists-header {
    margin: 0;
}
.label-converter .custom-artists-inner {
    position: relative;
    margin: 25px 0;
    min-height: 40px;
}

.label-converter .custom-artists-option {
    margin-bottom: 12px;
}
.label-converter .custom-artists-select {
    display: block;
    margin-top: 10px;
}

.label-converter .custom-artists-option input[type="radio"] {
    margin-right: 5px;
}

.label-converter .custom-artists .tralbum-picker {
    margin-left: 22px;
}
.label-converter .custom-artists .tralbum-picker-intro {
    font-size: 13px;
}
.label-converter .tralbum-picker-currency-warning {
    color: rgb(190, 42, 42);
    font-size: 13px;
    margin-left: 40px;
}

.label-converter .custom-artists-confirmation {
    position: absolute;
    top: 0;
    color: #30C96F;
    font-weight: 500;
}
.label-converter .custom-artists-checkmark {
    display: inline-block;
    width: 19px;
    height: 17px;
    background-position: 0 -510px;
    position: absolute;
}
.label-converter .custom-artists-confirmation p {
    margin: 0 0 0 25px;
}
.custom-artists-container .label-converter-buttons {
    margin: 0;
}

.label-converter .modern-form input.verifyemail {
    line-height: normal;
    font-size: 14px;
    height: auto;
    width: 450px;
    display: block;
}

.label-converter .select-account-link {
    font-weight: bold;
    display: inline-block;
}

.already-block {
    display: inline-block;
    width: 460px;
    vertical-align: top;
}

.hasduplicate {
    color: #999;
}

/* override old stuff */
.gecko input[type="checkbox"], .gecko input[type="radio"] {
    top: 0;
}
/* trackpipe/public/css/label/accept_transfer.css */
#accept-transfer-vm {
    position: relative;
    width: 406px;
    left: 50%;
    margin-left: -203px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    color: #333;
    font-size: 13px;
    font-weight: 400;
}

#accept-transfer-vm.loading {
    display: none;
}