/* ======================================================
   BCCEVENTS.css contains general layout and typographic
   styles that will be used on the events listings pages
   
   1. Event listing page styles
   2. Individual event page styles
   
   
   COLORS
   text brown: #846445
   header blue: #67C8C6
   red: #9F1C26
   orange: #E87D1E
   
   ====================================================== */


@import "/index.php?css=site/base_css";


/* ======================================================
   EVENT LISTING PAGE STYLES                                     
   ====================================================== */

#bcccontent .eventlist h2 {
    text-transform: capitalize;
    color: #E87D1E;
    letter-spacing: normal;
    font-size: 2.2em;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 35px;
}
.eventnav {
    float: left;
}
#bcccontent .eventnav li {
    float: left;
    padding-right: 30px;
    padding-left: 0;
    background: transparent none no-repeat left top;
}
#bcccontent .eventnav li a {
    text-decoration: none;
    text-transform: uppercase;
}
#bcccontent .prev a {
    padding-left: 21px;
    background: transparent url(http://dev.berkeleycityclub.com/images/arrow-left.gif) no-repeat left center;
}
#bcccontent .this a {
    padding-left: 21px;
    background: transparent url(http://dev.berkeleycityclub.com/images/arrow-down.gif) no-repeat left center;
}
#bcccontent .eventnav .next a {
    padding-right: 21px;
    background: transparent url(http://dev.berkeleycityclub.com/images/arrow-right.gif) no-repeat right center;
}
#bcccontent .eventdate h3 {
    margin-top: 1.8em;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}
.eventdate {
    float: left;
    width: 100%;
}
div.event {
    float: left;
    padding-bottom: .7em;
    padding-top: 1.0em;
    background: transparent url(http://dev.berkeleycityclub.com/images/bck-horizline.gif) repeat-x left bottom;
    width: 100%;
} 
#bcccontent .eventlist .eventdate div.event:first-child {
    padding-top: 0;
}
.eventlist .eventdate div.event:last-child {
    background: transparent none no-repeat right top;
}
.eventimg {
    float: left;
    margin-top: .4em;
}
#bcccontent .event h4,
#bcccontent .event h5,
#bcccontent .event p {
    font-size: 1.3em;
    line-height: 1.4em;
    margin-top: 0;
}
#bcccontent .event p {
    margin-top: .6em;
}
#bcccontent .event p .more {
    color: #E87D1E;
    font-weight: bold;
    text-decoration: none;
    padding-right: 21px;
    margin-left: .5em;
    background: transparent url(http://dev.berkeleycityclub.com/images/arrow-right.gif) no-repeat right center;
}
#bcccontent .event p .more:hover {
    color: #9F1C26;
}

/* ======================== end event listing page styles */



/* ======================================================
   INDIVIDUAL EVENT PAGE STYLES                                    
   ====================================================== */
   
#bcccontent .eventdetail h2 {
    text-transform: capitalize;
    color: #E87D1E;
    letter-spacing: normal;
    font-size: 2.2em;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}
#bcccontent .eventdetail h3 {
    color: #9F1C26;
    margin-top: 2.4em;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: none;
    letter-spacing: normal;
    font-size: 1.9em;
}
#bcccontent .eventdetail h4 {
    color: #846445;
    padding-bottom: 1em;
}
#bcccontent .eventdetail h4 a {
    color: #846445;
}
#bcccontent .eventdetail h5 {
    color: #67C8C6;
}
.eventdetail .eventimg {
    float: none;
    margin: .8em 0;
}

/* ===================== end individual event page styles */



/* ======================================================
   EVENT SUBMIT PAGE                                    
   ====================================================== */

#bcccontent fieldset .frm li {
    list-style:none;
    margin-bottom:0.3em;
    padding-left:0.01em; 
    padding-bottom:0.4em;
    background: none;
}
#bcccontent .eventsubmit p.star { margin-bottom: 0; padding-bottom: 0; }
.eventsubmit fieldset { display: block; }
.eventsubmit fieldset ul { margin-bottom: .7em; }
.eventsubmit fieldset li { font-weight: normal; }
#bcccontent .eventsubmit fieldset p { font-weight: normal; font-size: 1.3em; }
.eventsubmit fieldset legend {
    display: block;
    font-family: "Gill Sans", Helvetica, Arial, sans-serif;
    color: #67C8C6;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: normal;
    letter-spacing: .1em;
    padding-top: 25px;
    padding-bottom: .2em;
}
.eventsubmit fieldset li label { font-weight: bold; }
ul.frm label { display: block; width: 100%; }
table.frm { margin-bottom: 10px; }
table.frm label { display: block; font-weight: normal; font-size: 1.3em; }
div.frm label {
    display: block;
    width: 100%;
    font-size: 1.3em;
    margin-bottom: .4em;
}
div.frm li label {
    font-size: 1.0em;
    font-weight: normal;
    margin-bottom: 0em;
}
#bcccontent .eventsubmit fieldset div.frm ul li {
    margin-bottom: 0em;
    padding-bottom: 0em;
}
span.req { color: #9F1C26; font-size: 1.4em; }
span.dir { color: #E87D1E; font-size: 1.4em; }
span.reg { color: #67C8C6; font-size: 1.4em; }
.datepick { margin-bottom: -3px; }
.timeset { width: 100%; float: left; }
.timeset input,
.timeset select { float: left; }
.updown { width: 16px; float: left; padding-top: 2px; }
.updown a { float: left; line-height: 10px; }
.timeset .noend { float: left; padding-left: 10px; padding-top: .2em; }
.timeset .noend label { float: left; font-weight: normal; }
.timeset .noend label input { float: none; }
.eventsubmit fieldset li .allday { font-weight: normal; }
#recurDateChk a {
    display: block;
    text-decoration: none;
    border: 1px #67C8C6 solid;
    padding: 3px 6px;
    float: left;
}
#recurDateChk a:hover { background-color: #67C8C6; color: white; }
.catlist { width: 35%; float: left; }
.catbuttons { clear: both; width: 100%; }
#bcccontent .catbuttons a {
    display: block;
    text-decoration: none;
    border: 1px #67C8C6 solid;
    padding: 5px 10px;
    float: left;
    font-size: 1.3em;
    margin-right: 10px;
    font-weight: normal;
}
#bcccontent .catbuttons a:hover { background-color: #67C8C6; color: white; }

/* ========================= end event submit page styles */




/* ======================================================
   EVENT SEARCH PAGE                                    
   ====================================================== */
   
#eventSearch fieldset {
    display: block; 
    margin-bottom: 20px;
}

#eventSearch fieldset legend {
    display: block;
    width: 100%;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: .3em;
}
#bcccontent #eventSearch fieldset .catlist { width: 35%; float: left; list-style: none; }
#bcccontent #eventSearch fieldset .catlist li { 
    list-style: none;
    margin-bottom:0em;
    padding-left:0.01em; 
    padding-bottom:0em;
    background: none;
}
#eventSearch .catbuttons { padding-top: 10px; }
#eventSearch .frmOpt label { font-size: 1.3em; }

/* ========================= end event search page styles */




/* ======================================================
   EVENT SEARCH RESULT PAGE                                    
   ====================================================== */

#bcccontent .searchresult h4 {
    color: #9F1C26;
}
#bcccontent .searchresult h4 a {
    color: #9F1C26;
    text-decoration: none;
}
#bcccontent .searchresult h4 a:hover {
    color: #E87D1E;
}
.greyInput{
 background:#999;
}
/* ================== end event search result page styles */