/* dl/dt/dd used for individual event listings. */
dt {
    font-weight: bold;
    width: 100%;
    clear: both;
    float: left;
    display:block;
}

dd {
     /* margin-left: 110px;
    Note that this CSS is shared across all three sites; 220px is the widest I can make the DDs
       considering all test browsers on all three sites. It can be a lot wider in some cases
       (e.g. 235px Firefox/dh.org). */
    /* width: 220px;
     This padding is maybe a little tall, but it can't be any shorter. If a DT is two lines tall 
       and the corresponding DD is only one line tall, this padding keeps the next DT/DD set from
       crashing into their upstairs neighbors.
    padding-bottom: 1.5em; */
    clear:both;
    display:block;
    margin:0 0 1.5em;
    padding:0;
    width:100%;
}

/* Overflow: hidden does a nice job of handling long event URLs. However, when applied directly to
   the DD it triggers a problem in FF <= 2 (mitigated in FF3) in which the float on the DT is cleared
   and the DD is shifted right as a result. This is not a bug, it is (almost) correct behavior; AFAICT 
   all other browsers get this wrong. (FF <= 2's right shifting of the DD places it where it overwrites
   sidebar content. FF3 correctly moves the DD to the next line.)
   Details here (see esp. comment #9): 
   https://bugzilla.mozilla.org/show_bug.cgi?id=191936#c9
   The solution is to stick a DIV in the DD and apply the overflow to that. Works great, but requires
   the addition of an explicit width declaration for IE7.
*/
div#event_url { 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    width: 220px; 
}

/* PS Feb 2008 - I'm pretty sure table.data is no longer used. */
table.data { width: 100%; }
table.data td {  vertical-align: top; }


.Error {
  color: #ff0000;
}
.Important {
  color: #ff0000;
}
.Required {
  color: #ff0000;
}
h2.dateheader {
  font-style: normal;
  color: #000000;
}
h2.todayheader {
  font-style: normal;
}
.sidebar_box {
  border-bottom:2px solid white;
}
.CalendarViewlet {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  background-color: #91ACBA;
  border: 1px solid #6D8EA0;
  margin: 0 auto;
  padding: 5px;
  width: 219px;
}
.CalendarViewlet form, .CalendarViewlet select {
  font-family: Verdana, sans-serif;
  font-size: 10px;
}
.CalendarViewlet table {
  border-collapse: collapse;
}
.CalendarViewlet th {
  text-align: center;
  padding: 4px 8px 4px;
}
.CalendarViewlet a {
  font-weight: bold;
  text-decoration: none;
}
.CalendarViewletTitleBar {
  margin-top: 6px;
  text-align: center;
}
.CalendarViewletTitleBar img {
  vertical-align: bottom;
}

div.CalendarViewletMonthNavBox { 
    width: 21.65em; 
    height: 3.3em; 
    border: 1px solid white; 
    background-color: #D7E6E9; 
    margin-bottom: .25em;
}

div.CalendarViewletMonthNavBox ul {
    float: left;
    list-style-type: none;
    margin: 0px ! important;
    padding: 0px;
    /* The width of the list is determined by its contents, but specifying an explicit width here
        forces it to wrap to a second line between June & July. */
    width: 85%; 
    line-height: 1.3em;
}
div.CalendarViewletMonthNavBox ul li {
    /* floating these works much better than display:inline. */
    float: left;
    width: 12.6%; 
    text-align: center;
    border-color: white;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    padding: .1em .3em .2em .3em;

}
div.CalendarViewletMonthNavBox ul li a { display: block; }

div.CalendarViewletMonthNavBox ul li.MonthFuture { background-color: inherit; }
div.CalendarViewletMonthNavBox ul li.MonthFuture a { color: #000; }
div.CalendarViewletMonthNavBox ul li.MonthPast { background-color: #F4F6F1; }
div.CalendarViewletMonthNavBox ul li.MonthPast a { color: #99AA89; }
div.CalendarViewletMonthNavBox ul li.MonthHighlight { background-color: #9DC9D3; }
div.CalendarViewletMonthNavBox ul li.MonthHighlight a { color: #000; }

div.CalendarViewletMonthNavBox div#YearNavigator {
    text-align: center;
    float: right;
    width: 15%;   
    height: 100%;
}
div.CalendarViewletMonthNavBox div#YearNavigator div { height: 1.2em; }
div.CalendarViewletMonthNavBox div#YearNavigator a {
    height: .9em; 
    display: block; 
    text-align: center;
}
div.CalendarViewletMonthNavBox div#YearNavigator a img {
    position: relative;
    top: 33%;
}

div.CalendarViewletMonthBox {
  background-color: #F4F6F1;
  border: 1px solid #ffffff;
  border-bottom: none;
  margin: 5px 0 0 0;
  padding-bottom: 5px;
  width: 217px;
}
.CalendarViewletMonthBox a {
  color: #000;
}

.CalendarViewletMonth td {
  border: 1px solid #F4F6F1;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.CalendarViewletMonth {
  background-color: #F4F6F1;
  margin: 0 auto;
  text-align: center;
}

div.CalendarViewletPrevNextBox {
  background-color: #D7E6E9;
  border: 1px solid #ffffff;
  font-size: 1.2em;
  padding: 5px;
  text-align: center;
  width: 207px;
}
.CalendarViewletPrevNextBox a {
  text-decoration: underline;
  font-weight: normal;
}
div.CalendarViewletSearchBox {
  background-color: #B4C9D5;
  border: 1px solid #ffffff;
  margin: 5px 0 0 0;
  padding: 5px;
  width: 207px;
}
.CalendarViewletSearchBox td {
  text-align: left;
  vertical-align: middle;
  border: none;
}
.CalendarViewletSearchButton {
  text-align: center;
}

td.CalendarHighlight {
  background-color: #9DC9D3;
}
td.MonthFuture {
  background-color: #D7E6E9;
}
td.MonthFuture a {
  color: #000;
}
td.MonthPast {
  background-color: #F4F6F1;
}
td.MonthPast a {
  color: #99AA89;
}
td.MonthHighlight {
  background-color: #9DC9D3;
}
td.MonthHighlight a {
  color: #000;
}
td.Year {
  background-color: #D7E6E9;
  vertical-align: middle;
}
td.CalendarToday {
  background-color: #ffa500;
}
a.DateLink {
  text-decoration: underline !important;
}
a.DateLink:hover {
  background-color: #d7e6e9;
  display: block;
  width: 100%;
}
a.EventLink {
  text-decoration: underline !important;
}

.CalendarViewlet .overlib_fg {
  background-color: #d7e6e9;
  padding: 6px;
  margin: 0;
  width: 198px;
}
.CalendarViewlet .overlib_bg {
  background-color: #6D8EA0;
  margin:0;padding:0;
}
.CalendarViewlet .overlib_fg li {
  padding: 0;
  margin: 0.5ex 0 0 1em;
}
.CalendarViewlet .overlib_bg td {
  padding: 1px;
}
.CalendarViewlet .overlib_bg a {
  color: black;
}
.CalendarViewlet .overlib_close {
  color: black;
  text-align: right;
}

.RelatedEventsViewlet {
  background-color: #91ACBA;
  border: 1px solid #6D8EA0;
  margin: 6px auto ;
  padding: 5px;
  width: 219px;
}
.RelatedEventsTitleBar {
  background-color: #B4C9D5;
  border: 1px solid #ffffff;
  border-bottom: none;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 207px;
}
.RelatedEventsListing {
  text-align: left;
  background-color: #f4f6f1;
  border: 1px solid #ffffff;
  width: 213px;
  padding: 5px 2px 12px 2px;
}
.RelatedEventsListing ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.RelatedEventsListing li {
  padding: 5px;
}
.content_management_summary {
  border: 1px dashed #aaaaaa;
  padding: 3px;
}
.foreign_event_notice {
  border: 1px dashed #aaaaaa;
  padding: 3px;
}
.unpublished_state {
  color: red;
}
#event_registration_form .form_label {
    width: 40%;
    margin-right: 1.5%;
    text-align: right;
    display: block;
    float: left;
}
#event_registration_form textarea {
    width: 179px;
}
#event_registration_form .err_msg {
    /* 41.5 = label.width + label.margin-right */
    margin-left: 41.5%;
    padding-top: .25em;
}
#content_well blockquote {
 background: none;
 color: #000;
 text-indent: 0;
}