/* Choral Arts New England events calendar styles for PHP version of the calendar (not cgi-bin version) URL = chorus_calendar */
/* Crazy fieldset behavior! See http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content */
#select_form fieldset { min-width: 0; width: 100%; }
@-moz-document url-prefix() {
    #select_form fieldset {
        display: table-cell;
    }
}
/* Should probably be temporary: set an "active selection" for the top submenu */
#cal_subhead .active { font-weight: bold }
#cal_selections.altsel { float:none; clear:both; border:1px solid gray; margin:0; padding:0 }
#cal_selections fieldset { margin:0; padding:6px; top:0 }
#cal_selections #selloc, .altsel #selloc p, .altsel #selstates { display:inline-block }
#cal_selections #selloc p { margin-left:2em; }
/* Don't know why this works (since width=100%)! But by default the embedded fieldset elements were getting clipped in small screens */
#cal_selections { overflow:auto }
/* #cal_selections { border:1px solid gray; background-color:#D9EBF4; margin:0 1em 1em 0; } */
/* Bisque = #ffe4c4 */
#cal_selections { border:1px solid gray; background-color:#ffe4c4; margin:0 1em 1em 0; }

/* Why is ths class being ignored? The other two classes (form-item and form-type-checkboxes) have an effect.
 div.form-item-state { display:inline-block; margin-top:12px; border:2px solid green; }
 And this works: div.form-item-state { color:red; } */
#cal_selections .form-item { margin-bottom:2px; margin-top:2px }
div.form-item-state { display:inline-block; margin-bottom:0 }
.form-item-state div { display:inline-block; }
div.form-item-all { display:inline-block }

#cal_selections fieldset div { display:inline-block }
.container-inline-date .date-padding {  display:inline-block; float:none; vertical-align:middle; padding:0em }
.form-type-dateicon label { display:inline-block; }
#edit-state label { margin-right:0.5em; margin-left:0; }

/* Pale gray color  .sname { color:#AEAEAE } */
.intro-text { font: 11pt Georgia,'Times New Roman',Times,serif; color:#663300; background-color:#FFFFCC; border:1px solid #FFFFCC;}
p.intro-text { margin-bottom:0 }
a.plainlink:link,a.plainlink:visited { color:black; text-decoration:none }
a.hilitlink:hover { color:#663300; text-decoration:underline }

/* An event listing */
.elist { margin-left:2em; text-indent:-1em; margin-top:0; margin-bottom:0.5em; padding:0 }
.pslink:hover, .pslink:focus { color:#0000ee; cursor:pointer; cursor:hand; }

/* For a listing in a column */
h3.eventdate { background-color:white !important; font-weight:bold; color:rgb(251,90,2); font-size:16px; margin-top:1.4em; }
.unapproved .eventdate { background-color:turquoise }
.auditionhead { background-color:LightGreen }

/* State name */
.sname { font:smaller Verdana,Geneva,Helvetica,sans-serif; }
/* iCal icon ("add to calendar") */
img.ics, .events img.ics { height:16px; border:0; padding:0 }
/*.eventloc { color:#9AA553 } or purple */
.eventloc { color:#96A24E }
.title { font-weight:bold }

/* Styling for special kinds of events */
.canceled { text-decoration:line-through; }
.audition { color:Navy; /* This is a bright pink! color:#ff3399 */ }
.summer span.etime {background-color:#D9EBF4}
.summer:before{
  content:'S';margin-right:3px;margin-left:-1em;position:relative;top:-3px;
  font:bold smaller "Myriad Pro","Gill Sans","Gill Sans MT",Calibri,sans-serif;color:white;
  background-color:#4268AC;
}
.CANE span.title { background-color:#00FFFF; }
/* Following is a way to gin up "tooltips" with CSS, but the added text just overlays existing text, so is unreadable
  .CANE span.title:hover:after { content: "Choral Arts New England grant funded";  position: absolute; }
*/

#cal-header { overflow:scroll;white-space:nowrap;background-color:#FFFFCC;margin-bottom:6px;border-style:none }
/* Moved from Calendar.cgi on 4/4/16; different definitions apply for mobile devices! */
#select_form p { margin:0.6em 0 0.4em 0 }
#select_form input { font-size:12px }
/* Style variations for mobile devices */
#cal_selections.mobcal { float:none; white-space:normal; text-align:left }
.mobcal #select_form p { margin:0.6em 0 0.4em 0; font-size:1em; }
.mobcal #select_form input { font-size:.5em; }
.mobcal #select_form select { font-size:.8em; }
.mobcal label { white-space:nowrap; }
.mobcal #geo_here { display:none; font-style:normal; font-variant:small-caps;}
.mobcal p.navtab { padding-left:0px; text-indent:-0px; }

/* Search form checkbox */
.cb { margin:0 0.2em 0 0.2em }
/* Selection box styling (new 4/6/17) */
#select_form { text-align:left }
/* Margin has no effect on a legend, nor does basic positioning (display type) */
#select_form fieldset legend { float:left; position:static; width:8em; background-color:initial;border:none; font-weight:bold;
 vertical-align:middle; margin:0; text-indent:0; }
/* The theme's gray border around the fieldset isn't really needed, but I'll keep it for now */
#select_form fieldset div.fieldset-wrapper { display:inline-block; position:static; vertical-align:middle; margin:0 1em; padding:0; }
#select_form div.form-item-s { margin-bottom:3px }
/* Special case: want the archive pulldown to be on a separate line */
#select_form div.form-item-archive { display:block }
#select_form .form-submit { margin-top:6px; }
/* Submit button in the search form */
/* #edit-submit { background-color:rgb(251, 90, 2); background-image:none; color:white; } */

/* Controller box: positioning (dctl) and formatting (dfmt) Second line, with underscores, is for IE8 (and below?) */
/* I can set the box's left edge at the right margin of the content area, but it gets clipped when the right sidebar block (fliers)
   disappears (if the screen width is too small). I wish I could have it shift to the left when that happens! */
#navbox { position:relative; width:100%; } /* height:3px; border:2px solid blue; */
div.positioner {position:absolute; right:0; z-index:3 } /* border:2px solid red; } */
.Xdctl { position:fixed; bottom:0.6em; margin-left:2em; /* border:2px solid blue; */
  _position:absolute;  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}
.Xdfmt { font:smaller Verdana,Geneva,Helvetica,sans-serif; padding:3px; background:#D9EBF4; border:3px solid gray; }
.Xdfmt label { display:inline }

/* Distinctive styling for "small print" text before the listing of events */
.pre-listing { font:smaller Verdana,Geneva,Helvetica,sans-serif; }
.pre-listing p { margin:0 0 0.2em 0; padding:0 }

/* Container for jump-to-month shortcutton buttons */
.mbutton { float:right;margin-top:0 }
/* Filter by chorus name (header) */
/* .cfilter { background-color:bisque;margin-top:0 } */
.cfilter { background-color:#EDEDED;margin-top:12px; border:1px solid gray; padding:6px; }
/* Javascript-generated performer lists */
div.pnlist { margin-left:1em }
.pnlist:hover { background-color:beige }

/* Admin mode, and admin mode with an unapproved event */
.admin { background-color:#FF4D4D; color:white; }
.adq { background-color:red; }
/* Metadata display (given to admin only) */
.minfo { color:dimgray; }
.minfo:hover { cursor:pointer; cursor:hand; }