/**
 * CSS for volunteers.mayfest.org site
 *
 */

/***** MASS RESET *****
 ----------------------*/

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset, div { margin: 0; padding: 0; }

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 1em 0;
    padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 26px; }

/* Miscellaneous conveniences: */
form label {  }
fieldset { border: solid 1px #a4a4a4; }
fieldset legend { margin-left: 5px; font-weight: bold; color: #4a4a4a; }

/* Form field text-scaling */
input, select, texarea { font-size: 100%; }

/***** End Mass Reset *****
---------------------------*/

/***** PREFERRED STYLING *****
 -----------------------------
el/class { position/float list-type margin/padding/border width/height background/color font/text }
------------------------------
*/


/***** BEGIN STYLES ******
 -----------------------------------*/
body { background: #e5e5e5; color: #1e384f; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 11pt; }


/***** GLOBAL STYLES *****
 -------------------------*/
#page-wrapper { margin: 0 auto; border: solid 1px #404040; border-top: 0; width: 1040px; background: white; }
.rounded-corners-3px { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rounded-corners-5px { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.clear-fix { clear: both; visibility: hidden; height: 1%; }


/***** FORMS *****
 -----------------*/
.form label, .form input[type=text], .form input[type=password], .form textarea, .form select { display: block; }
.form label { font-size: 0.9em; }
.form input[type=text], .form input[type=password], .form textarea, .form select { margin-bottom: 10px; padding: 4px; font-size: 1.0em; }
.form input[type=text], .form input[type=password], .form textarea { width: 200px; }
.lbl-info { font-size: 0.7em; }


/***** BUTTONS ***** 
 -------------------*/
.mf-button, .mf-button-small {
    outline: 9;
    margin: 0 !important;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    zoom: 1;
}
.mf-button {
    padding: .4em 1em;
}
.mf-button-small {
    padding: .2em .25em .3em .25em;
    font-size: 1em !important;
}
.mf-button-icon-left { padding-left: 0.5em !important; }
.mf-button-icon-left span { float: left; margin-right: 4px; }
.mf-button-icon-right { padding-right: 0.5em !important; }
.mf-button-icon-right span { float: right; margin-left: 4px; }
.btn-checkin, .btn-remove-checkin { margin-left: 5px !important; padding: .15em !important; font-weight: normal !important; }


/***** HEADER *****
 ------------------*/
#header { }


/***** NAV *****
 ---------------*/
#nav { margin: 20px 0; padding: 10px 0; border-top: solid 1px #cde4ea; border-bottom: solid 2px #cde4ea; height: 25px; background: #018400; }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav ul li { float: left; margin: 0 75px 0 50px; padding: 0; }
#nav ul li a { display: block; float: left; border-bottom: 0; color: white; font-size: 1.2em; font-variant: small-caps; text-decoration: none; letter-spacing: 1px; }
#nav ul li a:hover { border-bottom: solid 3px white; }


/***** CONTENT *****
 --------------------*/
#content-wrapper { padding: 0 20px 20px 20px; }
#content-wrapper h2 { margin: 0; }


/***** ONE COLUMN MASTER *****
 -----------------------------*/
#tbl-two-column { width: 1000px; }
#tbl-two-column td { padding: 20px; vertical-align: top; }
#td-left-two-column { width: 655px; }
#td-right-two-column { padding-right: 0 !important; width: 285px; }


/***** FOOTER *****
 ------------------*/
#footer { margin-top: 10px; padding: 10px 10px 20px 10px; border-top: dashed 1px #018400; font-size: 0.8em; }
#footer a { color: #018400; }


/***** VALIDATOR CLASSES ******
 --------------------------*/
.error { border: solid 1px red; background: #ffdddd; color: Red; }
.status-error { color: Red; font-size: 0.8em; }


/***** REGISTRATOIN *****
 ------------------------*/
.register-error { margin-left: 25px; }
.bad { color: Red; }


/***** SCHEDULE CALENDAR *****
 -----------------------------*/
.toolbar { padding: 0 0 10px 0; height: 20px; }
.tbl-calendar, .tbl-locations { width: 1000px; }
.tbl-calendar td { width: 180px; vertical-align: top; }
.tbl-locations td { width: 300px; vertical-align: top; }
.tbl-calendar td.first, .tbl-locations td.first { padding: 0; }
.tbl-calendar td.gt0 { padding-left: 25px; }
.tbl-locations td.gt0 { padding-left: 50px; }
.time-box { padding: 20px 10px; border: solid 1px #666; font-size: 0.9em; text-align: center; }
.time-box p { margin-top: 0; }


/***** GROUP MANAGEMENT *****
 ----------------------------*/
#tbl-vol-list { border: solid 1px #666; }
#tbl-vol-list th, #tbl-vol-list td { padding: 3px 10px; }
#tbl-vol-list button { font-size: 0.8em !important; }
#tbl-vol-list th.first, #tbl-vol-list td.first { border-bottom: solid 1px #666; }
#tbl-vol-list th.gt0, #tbl-vol-list td.gt0 { border: solid 1px #666; border-top: 0; border-right: 0; }
#tbl-vol-list td.td-center { text-align: center; }
#tbl-vol-list td.td-center span { margin: 0 auto; }