/* Subscribe success/failure results */

.subscribe-error
{
    text-align:center;
    padding:10px 20px;
    margin:20px auto;
    max-width:600px;
    background-color:var(--failurered);
    border:2px dotted var(--blueborder);
    display:none;
}

.subscribe-success
{
    text-align:center;
    padding:10px 20px;
    margin:20px auto;
    max-width:600px;
    background-color:var(--successgreen);
    border:1px solid var(--blueborder);
    display:none;
}

/* Member/Event/Venue info pages */

.mev .thick-separator
{
    height:20px;
    background-image:linear-gradient(to bottom, var(--blue54), var(--blue8e));
}

.mev .section
{
    margin-bottom:20px;
}
.mev .bshadow-section>h2+.section>img,.mev .bshadow-section>h2+.section>a>img
{
    margin-top:20px;
}
.mev .bshadow-section #venue_map
{
    margin-top:20px;
}

.mev .line
{
    line-height:125%;
    margin-top:4px;
    margin-left:20px;
    text-indent:-20px;
}

.mev .detail
{
    font-size:90%;
    font-style:italic;
    line-height:100%;
    color:var(--graytext);
}

.mev .ensemble-names
{
    padding-left:20px;
    font-size:80%;
    color:var(--graytext);
    line-height:120%;
}
.mev .ensemble-names a
{
    color:var(--graytext);
}

.mev .event
{
    margin-top:0px;
    margin-bottom:12px;
    font-size:100%;
    line-height:125%;
    color:var(--greentext);
}

.mev .event>a
{
    font-size:110%;
    font-weight:bold;
    color:var(--greentext);
}
.mev .event .subtitle
{
    font-size:90%;
}

.mev .instance
{
    font-size:85%;
    line-height:145%;
    margin-left:20px;
    text-indent:-20px;
    color:black;
}

.mev img
{
    max-width:100%;
    max-height:600px;
}

.mev .logoright
{
    float:right;
    margin-left:4%;
    width:40%;
    text-align:center;
}
.mev .logoright img
{
    max-width:100%;
    max-height:100%;
}
.mev .logoright img.wide
{
    width:100%;
    max-width:400px;
}
.mev .logoright img.tall
{
/*    height:100%;*/
    max-height:400px;
}

.mev .logocenter
{
    text-align:center;
    margin:0 auto;
    max-width:600px;
}

.mev .venuefull
{
    display:none;
}

.mev .icon
{
    display:inline-block;
    padding:10px 0 0;
    text-indent:0;
    width:64px;
}

.mev .icon>a
{
    display:inline-block;
    width:64px;
    height:48px;
    margin:0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:48px 48px;
}

/* Web form styles */

.webform input,.webform textarea
{
    width:95%;
    padding-left:5px;
    padding-right:5px;
    margin-top:2px;
    margin-bottom:2px;
}

.webform input[type=checkbox],.webform input[type=radio]
{
    width:auto;
}

.webform-group
{
    display:block;
}

.webform-group h2
{
    margin-bottom:25px;
}

.webform-row
{
    min-height:30px;
}

.webform-prompt
{
    color:var(--greentext);
    display:inline-block;
    text-align:right;
    padding-right:2%;
    padding-top:1px;
    width:23%;
    min-width:200px;
    vertical-align:top;
    margin-bottom:3px;
}

.webform-entry
{
    display:inline-block;
    width:70%;
}

.webform-error
{
    font-size:75%;
    font-style:italic;
    color:var(--failurered);
}

.webform-detail
{
    font-size:75%;
    font-style:italic;
    color:var(--graytext);
    padding-bottom:10px;
}

.webform-value.changed
{
    box-shadow:0 0 2px 2px var(--cautionyellow);
}

.webform-value.error
{
    box-shadow:0 0 2px 2px var(--failurered);
}

.webform-value:focus,.button:focus
{
    box-shadow:none;
    outline:3px solid var(--greentext);
}

.webform-submit-error
{
    text-align:center;
    padding:10px 20px;
    margin:20px auto;
    max-width:600px;
    background-color:var(--failurered);
    border:1px solid var(--blueborder);
    color:white;
    display:none;
}

.webform-submit-success
{
    text-align:center;
    padding:10px 20px;
    margin:20px auto;
    max-width:600px;
    background-color:var(--successgreen);
    border:1px solid var(--blueborder);
    display:none;
}

.webform-textarea-preview
{
    display:none;
    border:1px dashed;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
    background-color:var(--lightbackground);
}

.webform-textarea-preview .webform-textarea-preview-title
{
    font-size:75%;
    font-weight:bold;
}

.webform-textarea-preview .webform-textarea-preview-text
{
    font-size:80%;
    padding:10px;
}

.webform-image-progress
{
    display:none;
    text-align:center;
    max-width:200px;
    padding:5px;
    background-color:var(--lightbackground);
}

.webform-image-container
{
    height:200px;
    width:100%;
    border:2px solid white
}

.webform-image-container img
{
    max-height:100%;
    max-width:100%;
}

.webform-image-container.hover
{
    border-color:var(--blue54);
}

.webform-date-calendar
{
    display:none;
    width:220px;
    border:1px dashed;
    padding:5px;
    background-color:var(--lightbackground);
}

.webform-calendar-row
{
    text-align:center;
    font-size:13px;
    line-height:30px;
    user-select:none;
}

.webform-calendar-row.webform-calendar-header
{
    border-bottom:1px solid var(--blueborder);
}

.webform-calendar-cell
{
    display:inline-block;
    width:30px;
    height:30px;
    cursor:pointer;
}

.webform-calendar-prevyear,.webform-calendar-prevmonth,.webform-calendar-nextyear,.webform-calendar-nextmonth
{
    display:inline-block;
    width:20px;
    height:30px;
    cursor:pointer;
}

.webform-calendar-month
{
    display:inline-block;
    width:130px;
    cursor:pointer;
}

.webform-calendar-cell.webform-calendar-cell-selected
{
    background-color:var(--greentext);
    color:white;
}

.webform-calendar-cell:hover,.webform-calendar-prevyear:hover,.webform-calendar-prevmonth:hover,.webform-calendar-nextyear:hover,.webform-calendar-nextmonth:hover,.webform-calendar-month:hover
{
    background-color:var(--bluetext);
    color:white;
}

.webform-calendar-cell.webform-calendar-cell-disabled:hover
{
    background-color:var(--lightbackground);
    color:black;
    cursor:default;
}

/* Item lists */

.listrow
{
    margin:0 0 10px;
    padding:0 0 0 2%;
    overflow:hidden;
}

.listrow .buttons
{
    display:inline-block;
    vertical-align:top;
    width:33%;
    margin-right:2%;
    margin-bottom:5px; /* for button dropshadow */
    text-align:right;
}

.listrow .buttons .button
{
    font-size:18px;
    min-width:30px;
    line-height:18px;
    vertical-align:top;
    padding-left:15px;
    padding-right:15px;
    margin:0;
}

.listrow .message
{
    text-align:center;
    color:var(--greentext);
}

.listrow .content
{
    text-align:left;
    display:inline-block;
    width:65%;
    min-width:200px;
    line-height:100%;
}

.listrow .content .title
{
    color:var(--greentext);
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}

.listrow .content .title:hover
{
    text-decoration:underline;
}

.listrow .content .summary
{
    font-size:75%;
    color:var(--graytext);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.listrow .content .summary a
{
    color:var(--graytext);
}

.listrow .content .full
{
    font-size:75%;
    color:var(--graytext);
    display:none;
    margin:10px 0 10px;
    border:1px var(--blueborder);
}

.listrow .content .full .line
{
    margin-left:25px;
    text-indent:-25px;
}

.listhelp
{
    font-size: 85%;
    color: var(--graytext);
    text-align: center;
    max-width: 600px;
    margin: -10px auto 20px auto;
}

/* Button stacks */

.buttonstack
{
    margin:0 0 10px;
    padding:0 0 0 2%;
}
.buttonstack .buttons
{
    display:inline-block;
    vertical-align:top;
    margin-bottom:5px;
    width:320px;
}
.buttonstack .buttons .button
{
    vertical-align:top;
    width:300px;
    padding-left:0;
    padding-right:0;
    margin-top:0;
    margin-bottom:12px;
}
.buttonstack .content
{
    vertical-align:middle;
    color:var(--graytext);
    font-size:90%;
    text-align:left;
    display:inline-block;
    width:250px;
    width:calc(90% - 300px);
    max-width:400px;
    min-width:200px;
    line-height:100%;
}

/* File table */

table.filelist td.size,table.filelist th.size
{
    text-align:right;
}

/* Log displays */

.preoutput,.logoutput
{
    display:none;
    margin:10px 10px;
}
.preoutput .working,.logoutput .working
{
    margin:20px auto;
    padding:40px 0;
    width:75%;
    border:2px dotted;
    background-color:var(--lightbackground);
}
.preoutput .output,.logoutput .output
{
    margin-top:10px;
    font-family:"Courier New", Courier, monospace;
    font-size:12px;
    text-align:left;
    white-space:pre;
    overflow-x:scroll;
}

/* Media adjustments */

@media screen and (max-width:800px) {
    .webform-prompt
    {
        display:block;
        padding-right:0;
        width:100%;
        text-align:left;
    }
    .webform-entry
    {
        display:block;
        width:100%;
    }
}

@media screen and (max-width:767px) {
    .mev .rfloat
    {
        float:right;
        margin-left:4%;
        width:50%;
    }
}

@media screen and (max-width:639px) {
    .buttonstack .content
    {
        display:none;
    }
}

@media screen and (max-width:480px) {
    .calendar .inner .week .event
    {
        font-size:100%;
    }
    .mev .rfloat
    {
        text-align:center;
        margin:0 auto;
        float:none;
        width:80%;
        max-height:300px;
    }
    .mev .rfloat img.wide
    {
        width:auto;
        max-height:300px;
    }
    .memberslist .column
    {
        width:100%;
    }
}

@media screen and (max-width:399px) {
}

@media screen and (max-width:319px) {
}