#login-buttons {
    display: inline-block;
    margin-right: .2px;
    line-height: 1
}

#login-buttons .login-button {
    position: relative
}

#login-buttons button.login-button {
    width: 100%
}

#login-buttons .login-buttons-with-only-one-button, #login-buttons .login-buttons-with-only-one-button .login-button, #login-buttons .login-buttons-with-only-one-button .login-text-and-button {
    display: inline-block
}

#login-buttons .login-display-name {
    display: inline-block;
    padding-right: 2px;
    line-height: 1.5;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

#login-buttons .loading {
    line-height: 1;
    background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
    width: 16px;
    background-position: 50%;
    background-repeat: no-repeat
}

#login-buttons .login-button, .accounts-dialog .login-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #596595;
    border: 1px solid #464f75;
    border-radius: 4px
}

#login-buttons .login-button:hover, .accounts-dialog .login-button:hover {
    background: #7580ac
}

#login-buttons .login-button:active, .accounts-dialog .login-button:active {
    background: #7580ac;
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2) inset
}

#login-buttons .login-button.login-button-disabled, #login-buttons .login-button.login-button-disabled:active, .accounts-dialog .login-button.login-button-disabled, .accounts-dialog .login-button.login-button-disabled:active {
    color: #ddd;
    background: #aaa;
    border: 1px solid #c3c3c3;
    box-shadow: none;
    -webkit-box-shadow: none
}

.accounts-dialog * {
    padding: 0;
    margin: 0;
    line-height: inherit;
    color: inherit;
    font: inherit;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.accounts-dialog .login-button {
    width: auto;
    margin-bottom: 4px
}

#login-buttons .login-buttons-padding {
    display: inline-block;
    width: 30px
}

#login-buttons .login-display-name {
    margin-right: 4px
}

#login-buttons .configure-button {
    background: #ff2a00;
    border-color: #c20
}

#login-buttons .configure-button:active, #login-buttons .configure-button:hover {
    background: #f53;
    border-color: #ff2a00
}

#login-buttons .login-image {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 16px;
    height: 16px
}

#login-buttons .text-besides-image {
    margin-left: 18px
}

#login-buttons .no-services {
    color: red
}

#login-buttons .login-link-and-dropdown-list {
    position: relative
}

#login-buttons .login-close-text {
    float: left;
    position: relative;
    padding-bottom: 8px
}

#login-buttons .login-link-and-dropdown-list .loading, #login-buttons .login-text-and-button .loading {
    display: inline-block
}

#login-buttons.login-buttons-dropdown-align-left #login-dropdown-list .loading {
    float: right
}

#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list .loading {
    float: left
}

#login-buttons .login-close-text-clear {
    clear: both
}

#login-buttons .or {
    text-align: center
}

#login-buttons .hline {
    text-decoration: line-through;
    color: #d3d3d3
}

#login-buttons .or-text {
    font-weight: 700
}

#login-buttons #signup-link {
    float: right
}

#login-buttons #forgot-password-link {
    float: left
}

#login-buttons #back-to-login-link {
    float: right
}

#login-buttons a, .accounts-dialog a {
    cursor: pointer;
    text-decoration: underline
}

#login-buttons.login-buttons-dropdown-align-right .login-close-text {
    float: right
}

.accounts-dialog {
    border: 1px solid #ccc;
    z-index: 1000;
    background: #fff;
    border-radius: 4px;
    padding: 8px 12px;
    margin: -8px -12px 0;
    width: 250px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
    font-size: 16px;
    color: #333
}

.accounts-dialog>* {
    line-height: 1.6
}

.accounts-dialog>.login-close-text {
    line-height: inherit;
    font-size: inherit;
    font-family: inherit
}

.accounts-dialog .title, .accounts-dialog label {
    font-size: 80%;
    margin-top: 7px;
    margin-bottom: -2px
}

.accounts-dialog label {
    display: inline
}

.accounts-dialog input[type=email], .accounts-dialog input[type=password], .accounts-dialog input[type=text] {
    box-sizing: border-box;
    width: 100%
}

.accounts-dialog input[type=email][type], .accounts-dialog input[type=password][type], .accounts-dialog input[type=text][type] {
    height: auto
}

.accounts-dialog .login-button-form-submit {
    margin-top: 8px
}

.accounts-dialog .message {
    font-size: 80%;
    margin-top: 8px;
    line-height: 1.3
}

.accounts-dialog .error-message {
    color: red
}

.accounts-dialog .info-message {
    color: green
}

.accounts-dialog .additional-link {
    font-size: 75%
}

.accounts-dialog .accounts-close {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    opacity: .4
}

.accounts-dialog .accounts-close:hover {
    opacity: .8
}

.accounts-dialog #login-buttons-cancel-enroll-account, .accounts-dialog #login-buttons-cancel-reset-password {
    float: right
}

#login-dropdown-list {
    position: absolute;
    top: -1px;
    left: -1px
}

#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
    left: auto;
    right: -1px
}

#login-buttons-message-dialog .message {
    font-size: 100%
}

.accounts-centered-dialog {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    z-index: 1001;
    position: fixed;
    left: 50%;
    margin-left: -129px;
    top: 50%;
    margin-top: -40px
}

#configure-login-service-dialog {
    width: 530px;
    margin-left: -269px;
    margin-top: -300px
}

#configure-login-service-dialog table {
    width: 100%
}

#configure-login-service-dialog input[type=text] {
    width: 100%;
    font-family: Courier New, Courier, monospace
}

#configure-login-service-dialog ol {
    margin-top: 10px;
    margin-bottom: 10px
}

#configure-login-service-dialog ol li {
    margin-left: 30px
}

#configure-login-service-dialog .configuration_labels {
    width: 30%
}

#configure-login-service-dialog .configuration_inputs {
    width: 70%
}

#configure-login-service-dialog .new-section {
    margin-top: 10px
}

#configure-login-service-dialog .url {
    font-family: Courier New, Courier, monospace
}

#configure-login-service-dialog-save-configuration {
    float: right
}

.configure-login-service-dismiss-button {
    float: left
}

#just-verified-dismiss-button, #messages-dialog-dismiss-button {
    margin-top: 8px
}

.hide-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7)
}

#login-buttons input[type=email], #login-buttons input[type=password], #login-buttons input[type=text], .accounts-dialog input[type=email], .accounts-dialog input[type=password], .accounts-dialog input[type=text] {
    padding: 4px;
    border-radius: 3px;
    line-height: 1
}

.admin-menu {
    text-align: center;
    padding: 25px
}

@font-face {
    font-family: Effects Eighty;
    font-weight: 400;
    font-style: normal;
    src: url(assets/fonts/effects-eighty/EffectsEighty.woff) format("woff"), url(assets/fonts/effects-eighty/EffectsEighty.woff2) format("woff2")
}

@font-face {
    font-family: Effects Eighty;
    font-weight: 700;
    font-style: normal;
    src: url(assets/fonts/effects-eighty/EffectsEightyBold.woff) format("woff"), url(assets/fonts/effects-eighty/EffectsEightyBold.woff2) format("woff2")
}

@font-face {
    font-family: Effects Eighty;
    font-weight: 400;
    font-style: italic;
    src: url(assets/fonts/effects-eighty/EffectsEightyItalic.woff) format("woff"), url(assets/fonts/effects-eighty/EffectsEightyItalic.woff2) format("woff2")
}

@font-face {
    font-family: Effects Eighty;
    font-weight: 700;
    font-style: italic;
    src: url(assets/fonts/effects-eighty/EffectsEightyBoldItalic.woff) format("woff"), url(assets/fonts/effects-eighty/EffectsEightyBoldItalic.woff2) format("woff2")
}

body, html {
    width: 100%;
    margin: 0;
    margin-top: 0;
    padding: 0;
    font-family: Effects Eighty, monospace;
    background: #f6f6f6;
    background-image: url(assets/images/dot6.png), url(assets/images/dot6.png);
    background-position: 0 0, 100% 0;
    background-repeat: repeat-y;
    background-size: 1.5em auto;
    color: #000;
    font-size: 19px
}

.nothing {
    animation: shake 1s;
    animation-timing-function: ease-in-out;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite
}

a, a:link, a:visited {
    color: #777 !important;
    padding-bottom: 0;
    border-bottom: 1px solid #aaa;
    text-decoration: none !important
}

span {
    color: #000;
    font-weight: 700
}

u {
    text-decoration: none;
    border-bottom: 1px solid #000;
    font-weight: 400
}

h3 {
    font-size: 23px;
    background: #bdd9ce;
    border: 1px solid #9db9ae;
    border-width: 1px 0
}

h3, h4 {
    padding: 5px 10px
}

h4 {
    font-size: 19px;
    background: #bdced9;
    border: 1px solid #9daeb9;
    border-width: 1px 0
}

h5 {
    font-size: 16px;
    background: #eecde9;
    padding: 5px 10px;
    border: 1px solid #ceadc9;
    border-width: 1px 0
}

hr {
    border: 0;
    border-color: #ccc;
    border-bottom-width: 1px;
    border-style: dashed
}

.main {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding: 30px;
    padding-bottom: 200px
}

.row {
    padding: 0;
    display: block
}

.row-second {
    padding: 10px 50px 40px;
    background-color: #bdd9ce
}

.row-second>input, .row-second>textarea {
    width: 95%;
    margin: -5px -2px
}

.row-second>h4 {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 10px
}

@media only screen and (max-width:500px) {
    .row-second {
        padding: 20px
    }

    .timeslot-chooser {
        font-size: 12px
    }
}

.column {
    display: inline-block
}

.row.daylisting {
    padding-left: 10px
}

.right {
    float: right
}

#login-buttons {
    margin-right: auto;
    text-align: right
}

.login-buttons-dropdown-align- {
    position: relative;
    display: block;
    width: 300px;
    background: #222
}

.accounts-dialog {
    background: #000;
    border: none;
    color: #000;
    border-radius: 0
}

.login-form>div>input {
    background: #000;
    border: none;
    border-color: #000;
    border-radius: 0;
    border: 1px solid #000
}

#login-name-link:before {
    content: "User: "
}

.login-form>div>label {
    text-align: center;
    width: 100%;
    float: left;
    font-family: monospace;
    padding-bottom: 5px
}

.login-form>div>input[type=email], .login-form>div>input[type=text] {
    font-family: monospace
}

a.login-close-text {
    text-decoration: none !important;
    padding: 0 !important;
    border: none !important
}

#login-buttons .login-button, .accounts-dialog .login-button {
    cursor: pointer;
    padding: 4px 8px;
    font-size: 80%;
    font-family: Effects Eighty, monospace;
    line-height: 1.5;
    text-align: center;
    color: #000;
    background: #aaa;
    border: 1px solid #aaa;
    border-radius: 0
}

#login-buttons .login-button:hover, .accounts-dialog .login-button {
    background: #aaa;
    color: #222
}

#login-buttons input[type=email], #login-buttons input[type=password], #login-buttons input[type=text], .accounts-dialog input[type=email], .accounts-dialog input[type=password], .accounts-dialog input[type=text] {
    background: #aaa;
    color: #222;
    border: 1px solid #aaa;
    border-radius: 0
}

#login-dropdown-list {
    background: #ddd
}

.edit-home-submit {
    display: block
}

.flash-number {
    animation-name: flash;
    animation-duration: .6s;
    animation-timing-function: ease-out
}

button {
    background: #222;
    color: #ddd;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 8px;
    margin-bottom: 2px;
    font-family: Effects Eighty, monospace;
    font-size: 16px
}

button:hover {
    background: #444;
    border: 1px solid #000;
    color: #fff
}

.track-time {
    color: #444
}

.track-time-duration {
    color: #999
}

.track-title {
    color: gray
}

.track-desc {
    color: gray;
    font-size: 15px;
    margin: -15px 0 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom: 1px dashed #ccc
}

.toggle-minimal {
    text-align: right;
    padding: 0
}

.toggle-minimal-collapse {
    padding: 2px 4px
}

.toggle-minimal-expand {
    padding: 2px 4px;
    margin-right: 2px
}

.projection-button {
    background: #ddd;
    color: #000;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 8px;
    margin-bottom: 1px;
    font-family: Effects Eighty, monospace;
    font-size: 20px
}

.projection-button:hover {
    background: #000;
    border: 1px solid #eee;
    color: #eee
}

.projection-button-count {
    cursor: pointer;
    background: #222;
    border: none;
    padding: 8px;
    color: #eee;
    font-weight: 700;
    font-family: Effects Eighty, monospace;
    font-size: 21px;
    min-width: 40px;
    text-align: right
}

.projection-button-count:hover {
    color: #999;
    border: 0 solid transparent
}

.submission-row {
    border-bottom: 1px dashed #ccc
}

.submission-row>table {
    width: 100%
}

.submission-type-underline {
    color: #999
}

table.timeslot-chooser>tr {
    border-bottom: 5px
}

table.timeslot-chooser>tr>th {
    background: gray;
    color: #000;
    width: 90px
}

table.timeslot-chooser>tr>td {
    width: 120px;
    height: 40px;
    background: #222;
    color: #fff;
    text-align: center;
    padding: 6px
}

table.timeslot-chooser>tr>td:hover {
    background: #333;
    cursor: pointer
}

table.timeslot-chooser>tr>td.selected {
    background: #0e0;
    color: #000
}

input, select, textarea {
    padding: 4px 8px;
    background: #222;
    border: 1px solid #000;
    margin: 0;
    margin-bottom: 2px;
    font-size: 14px;
    font-family: monospace;
    height: 24px;
    color: #ddd
}

input[type=checkbox] {
    width: 0;
    height: 18px;
    margin-bottom: 9px
}

input[type=checkbox]+label {
    font-size: 19px;
    cursor: pointer
}

input[type=checkbox]+label:before {
    content: "[ ] "
}

input[type=checkbox]:checked+label:before {
    content: "[x] "
}

textarea {
    width: auto;
    width: 100%;
    font-family: monospace
}

select, textarea {
    height: auto
}

.accounts-dialog {
    background-color: #ff00c1
}

@keyframes flash {
    0% {
        color: #fff
    }

    to {
        color: #e00
    }
}

@keyframes crt {
    0% {
        opacity: .3
    }

    to {
        opacity: .7
    }
}

@keyframes tv_shaking {
    0% {
        opacity: .1;
        margin-top: -20px
    }

    to {
        opacity: .9;
        margin-top: 20px
    }
}

@keyframes tv_hardcore {
    0% {
        opacity: .1;
        margin-top: -80px;
        margin-left: -100px
    }

    to {
        opacity: .9;
        margin-top: 0;
        margin-left: 100px
    }
}

@keyframes shake {
    0% {
        width: 100%;
        height: 10px;
        overflow: hidden;
        background: #000;
        overflow-y: scroll
    }

    to {
        width: 50%;
        height: 1px;
        overflow: hidden;
        background: red
    }
}

.notification-top {
    position: absolute;
    width: 100%;
    background: #d00;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #fff;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    display: block;
    float: left
}

.searchInput {
    padding: 5px;
    margin-bottom: 20px;
    width: 100%
}