/*
==================================================
  SECTION-EVENTS.CSS
  Controls all layout styles for glad.org/events

  Author:   Ruthie BenDor
  Updated:  2009-02-06
==================================================
*/


/* === Events Overview Page ====================== */

/* --- Branding --- */
.section-events #content-inner #title-area {
	background:#FFF url(/assets/img/hdr-event.jpg) no-repeat left top;
}

/* --- Columns --- */

.section-events #special-events {margin-left:10px;}

.section-events #special-events,
.section-events #public-events,
.section-events #community-events {width:290px;}

.section-events #special-events h2,
.section-events #public-events h2,
.section-events #community-events h2 {
  padding:0.321em 0 !important;
  margin:0 !important;
  border-bottom:3px solid #660000;
}

.section-events #content h3 {
  margin:1.286em 0 0.643em 0;
  text-align:center;
}

/* --- Event Listings --- */

.section-events #content p.event-type-description {
  font-size:80%;
  padding:10px;
  margin-left:10px;
  margin-right:10px;
  border:1px dotted #DDD;
}


/* === Individual Event Overview Page ============ */

/* --- Branding --- */

.subsection-events-special #content-inner #title-area {
  background:#FFF url(/assets/img/hdr-event-special.jpg) no-repeat left top !important;
}

.subsection-events-public #content-inner #title-area {
  background:#FFF url(/assets/img/hdr-event-public.jpg) no-repeat left top !important;
}

.subsection-events-community #content-inner #title-area {
  background:#FFF url(/assets/img/hdr-event-community.jpg) no-repeat left top !important;
}

/* --- Styles --- */

.page-event #content h3 { /* overwrite .section-events style rules */
  margin:0.643em 0;
  text-align:left;
  font-style:normal;
}

/* --- Event Description --- */

.page-event div#event-description-area ul {
  list-style:disc;
  margin-left:1em;
}

.page-event div#event-documents {}

.page-event div#event-datetime {}

.page-event div#event-location {}


/* --- Event Speaker --- */

.page-event div#event-speaker-area {
  position:relative;
  overflow:auto;
  padding:0 0 0 20px;
}

.page-event div#event-speaker-area h4 {
  margin-bottom:0 !important;
}

.page-event div#event-speaker-area div#event-speaker-image {
  font-size:0.875em;
  line-height:1.286em;
  margin-top:1.286em;
}

.page-event div#event-speaker-area div#event-speaker-image img {
  border:1px solid #DDD;
}

.page-event div#event-speaker-area div#event-speaker-description {

}


/* --- Table Captain modal window --- */

#table-captain-info {
  display:none;
  position:absolute;
  width:490px;
  bottom:100px;
  left:200px;
  background:#FFF;
}

#table-captain-info .inner {
  padding:10px;
  border:3px solid #006;
}

/* --- Event Sponsors --- */

.page-event div#event-sponsors-area {text-align:center;}

.page-event div#event-sponsors-area h4.sponsor-level {
  font-weight:normal;
  font-style:italic;
  padding:0.643em 0;
  margin:1.286em auto 0 auto !important;
  width:160px;
/*  background:#600;
  color:#FFF; */
  border-top:3px solid #600;
  border-bottom:1px solid #600;
}

.page-event div#event-sponsors-area .sponsor {
  position:relative;
  overflow:auto;
  margin:0.643em auto !important;
}

.page-event div#event-sponsors-area .sponsor a {
  display:block;
  position:relative;
  overflow:auto;
  float:left;

}

.page-event div#event-sponsors-area .sponsor a img {
  display:block;
  float:left;
}


/* --- Event Auctions --- */

.page-event #auction-items {
  position:relative;
  overflow:hidden;
  padding-left:10px;
}

.page-event .auction-item {
  display:block;
  float:left;
  margin-right:10px;
}

.page-event .auction-item p {
  width:130px;
  margin:0.321em 0;
}

.page-event .auction-item p.caption {
  font-size:87.5%;
  padding:0 10px;
  width:110px !important;
  margin-bottom:1.286em !important;
}

.page-event .auction-item img {background:#CCC;}


/* --- Event RSVP Forms --- */

.page-event #event-form-area {
  position:relative;
  overflow:auto;
  border:1px dotted #DDD;
  padding:10px;
}

.page-event #event-form-area h2 {border-bottom:0px;}

.page-event #content form {
  position:relative;
  overflow:auto;
  margin-bottom:0 !important;
  border-top:3px solid #600;
}

.page-event #content form ol {list-style:none;}

.page-event #content form li {
  margin-left:0 !important;
}

.page-event #content form label {
  display:block;
  padding:0.643em 0 0.321em 0;
  font-weight:bold;
}

.page-event #content form input.text {
  display:block;
  width:250px;
}

/* --- Event Steps --- */

.page-event .step-header {
  position:relative;
  overflow:auto;
}

.page-event .step-header span {
  display:block;
  float:left;
  font-size:70%;
  font-weight:bold;
  text-transform:uppercase;
  margin:0.643em 1em 0.643em 0 !important;
  padding:5px;
  color:#FFF;
  background:#600;
}

.page-event .event-form-step {width:260px;}


/* --- Event Step: 2 --- */

.page-event .form-step2-optgroup {
  display:none;
  padding:5px 10px;
  border:1px solid #DDD;
  background:#EEE;
  border-width:1px 0;
  margin-bottom:0.632em;
}

.page-event .form-step2-optgroup h5 {
  font-family: Arial,Helvetica,sans-serif;
  font-size:0.875em;
  color: #333;
  font-weight:bold;
}

.page-event .form-step2-optgroup ul {
  list-style-type:none !important;
}

.page-event .form-step2-optgroup input.text {
  display:inline !important;
  width:40px !important;
}

/* --- Event Step: Review --- */

.page-event #event-form-step-review {
  width:530px !important;
}

.page-event #event-form-step-review .event-form-step {
  width:255px !important;
}

.page-event #event-form-step-review div.form-controls {clear:both;}

/* --- Form Controls --- */

.page-event .form-controls {
  text-align:center;
  margin:0.643em 0;
}

.page-event .form-controls input {
  background-color:#006 !important;
  color:#FFF;
}

/* --- Custom Styles for Specific Fields --- */

/* Step 1 of the form has some adjacent fields */
li#field-member_city, li#field-member_state, li#field-member_zip {
  display:block;
  float:left;
  margin-top:0 !important;
}

li#field-member_city {width:130px;}

li#field-member_city input {
  width:110px !important;
}

li#field-member_state {width:60px;}

li#field-member_zip {width:70px;}

li#field-member_zip input {
  width:60px !important;
}

li#field-member_phone1 {clear:both;}

li#field-donor_card_exp_month {
  position:relative;
  overflow:auto;
}

li#field-donor_card_exp_month select {
  display:block;
  float:left;
  width:100px !important;
  margin-right:10px;
}

li#field-donor_card_exp_month p {clear:both;}