/*
 * FM Schedule styles
 */

#error {
   color: red;
   font-weight: bold;
   font-size: large;
}

/*
 * Upcoming Shows Sidebar widget:
 *
 * <ul id="fmschedule-shows">
 *    <li><span id="fmschedule-show-date">Month day, year</span><br />
 *	  <div  id="fmschedule-show-artist">Name of act</div></li>
 * </ul>
 */

#fmschedule-shows {
    font-size: 150%;
}
#fmschedule-show-date {
}
#fmschedule-show-artist {
}

/*
 * Upcoming Open Mics Sidebar widget:
 *
 * <ul id="fmschedule-shows">
 *    <li><span id="fmschedule-show-date">Month day, year</span><br />
 *	  <div  id="fmschedule-show-artist">Name of main act</div>
 *	  <ul id="fmschedule-openmics">
 *	     <li><div id="fmschedule-openmic-artist">Name of Open Mic artist<br />
 *		 Type of Open Mic Act</div></li>
 *        </ul></li>
 * </ul>
 */

#fmschedule-openmics {
}
#fmschedule-openmic-artist {
}

/*
 * [fmschedule] shortcode:
 *
 * <div id="fm-schedule">
 *    <h3>year-year Schedule</h3>
 *    <table class="fm-schedule-table" cellspacing="2">
 *    <thead><tr><th scope="col" class="fm-schedule-show">Show</th>
 *		 <th scope="col" class="fm-schedule-date">Date</th>
 *		 <th scope="col" class="fm-schedule-artist">Artist</th>
 *		 <th scope="col" class="fm-schedule-beneficiary">Beneficiary</th></tr></thead>
 *    <tfoot><tr><th scope="col" class="fm-schedule-show">Show</th>
 *		 <th scope="col" class="fm-schedule-date">Date</th>
 *		 <th scope="col" class="fm-schedule-artist">Artist</th>
 *		 <th scope="col" class="fm-schedule-beneficiary">Beneficiary</th></tr></tfoot>
 *    <tbody>
 *    <tr>
 *    <td class="fm-schedule-show">shownum</th>
 *    <td class="fm-schedule-date">Month date, year</th>
 *    <td class="fm-schedule-artist"><b>Name of Main Act</b><br />
 *		       <div id="fm-schedule-info">Info about Main act</div><br />
 *		           <a href="Main Act Url">Name of Main Act's website</a></div></td>
 *    
 *    <td class="fm-schedule-beneficiary"><b>Name of Beneficiary</b><br />
 *		       <div id="fm-schedule-info">Info about Beneficiary</div><br />
 *		           <a href="Beneficiary Url">Beneficiary's website</a></div></td>
 *    </tr>
 *
 *    </tbody></table>
 *    <form name="schedule" method="POST" action="">
 *    <select name="season">
 *    <option value="year0/year1" selected="selected">year0-year1</option>
 *    <option value="year1/year2" >year1-year2</option>
 *    </select>
 *    <input type="submit" name="submit" value="View Schedule" /></form>
 *  </div>
 */

#fm-schedule {
  background-color:#f7f7f7;
  -moz-opacity:0.75;
  -khtml-opacity:0.75;
  opacity:.75;
  -moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.fm-schedule-table {
}
.fm-schedule-show {
  width:10%;
  text-align:left;
  vertical-align:top;
}
.fm-schedule-date {
  width:20%;
  text-align:left;
  vertical-align:top;
}
.fm-schedule-artist {
  width:35%;
  text-align:left;
  vertical-align:top;
}
.fm-schedule-beneficiary {
  width:35%;
  text-align:left;
  vertical-align:top;
}
#fm-schedule-info {}

/* 
 * [fmschedule_openmic] shortcode:
 *
 * <div id="fm-openmic">
 *    <!-- Possible messages from form -->
 *    <p>message</p>
 *    <h3>Month date, year Main Act: Name of main act</h3>
 *    <dl>
 *       <dt>Name of Open Mic</dt>
 *       <dd>Type of Open Mic</dd>
 *    </dl>
 *    <h3>Open Mic slots are full for this date!</h3>
 *    <h3>There are no available open mic slots available!</h3>
 *    <form name="openmicsignup" method="POST" action="">
 *    <table class="form-table">
 *        <tr valign="top">
 *            <th scope="row"><label for="fm-thedate" style="width:20%;">Date:</label></th>
 *	      <td><select name="thedate" id="fm-thedate" style="width:75%;">
 *		  <option value="YYYY-MM-DD" selected="selected">Month date, year</option>
 *		  <option value="YYYY-MM-DD">Month date, year</option></select></td></tr>
 *            <tr valign="top">
 *		  <th scope="row" colspan="2">Published Information (will be displayed here)</th></tr>
 *	      <tr valign="top">
 *		  <th scope="row"><label for="fm-artist" style="width:20%;">Artist:</label></th>
 *	 	  <td><input id="fm-artist" 
 *				value="artist"
 *				name="artist"
 *				style="width:75%;" /></td></tr>
 *	     <tr valign="top">
 *		  <th scope="row"><label for="fm-typeofact" style="width:20%;">Type of Act:</label></th>
 *		  <td><textarea id="fm-typeofact" name="typeofact"
 *				cols="50" rows="5"
 *				style="width:75%;">typeofact</textarea></td></tr>
 *	      <tr valign="top">
 *		  <th scope="row" colspan="2">Unpublished Information (for the Committee -- mainly contact info)</th></tr>
 *	      <tr valign="top">
 *		  <th scope="row"><label for="fm-telephone" style="width:20%;">Telephone:</label></th>
 *		  <td><input id="fm-telephone" 
 *				value="telephone"
 *				name="telephone"
 *				style="width:75%;" /></td></tr>
 *	      <tr valign="top">
 *		  <th scope="row"><label for="fm-email" style="width:20%;">Email:</label></th>
 *		  <td><input id="fm-email" 
 *				value="email"
 *				name="email"
 *				style="width:75%;" /></td></tr>
 *	      <tr valign="top">
 *		  <th scope="row"><label for="fm-specialrequirements" style="width:20%;">Special Requirements:</label></th>
 *		  <td><textarea id="fm-specialrequirements" name="specialrequirements"
 *				cols="50" rows="5"
 *				style="width:75%;">specialrequirements</textarea></td></tr>
 *	</table>
 *	(recaptcha block here if recaptcha is available)	
 *      <p>
 *	        <input type="submit" name="EnterOpenMic" class="button-primary" value="Sign up for an Open Mic">
 *      </p>
 *  </form>
 *</div>
 *
 *
 */

#fm-openmic {
  background-color:#f7f7f7;
  -moz-opacity:0.75;
  -khtml-opacity:0.75;
  opacity:.75;
  -moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#fm-thedate {}
#fm-artist {}
#fm-typeofact {}
#fm-telephone {}
#fm-email {}
#fm-specialrequirements {}