/********************************************
* JSS Law
* Developed by I-ology
* http://www.i-ology.com
*
* Created 02/22/08 - AC
*
* Events Style Definitions
********************************************/

/*********************************
* Layout Definitions
*********************************/

#header-photo {
    text-indent: -9999px;
    background: url(/images/interior_photo4.jpg) top left no-repeat;
}

dl {
    width: 598px;
    clear: both;
    margin-top: 0;
    overflow: hidden;
}

dt {
    clear: both;
    float: left;
    width: 90px;
    text-align: right;
    padding: 0 0 15px 0;
    color: #7E3226;
    font-weight: normal;
    overflow: hidden;
}

dd {
    float: right;
    width: 490px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 1.4em;
}

.summary {
    padding: 3px 0 8px 0;
}

.related-info {
    padding-bottom: .5em;
}

#event-overview {
    /*float: left;*/
    /*width: 390px;*/
}

#quick-info {
    clear: right;
    float: right;
    width: 180px;
    width/**/:/**/ 170px;
    padding: 0 0 10px 15px;
    margin: 0 0 15px 20px;
    border-left: 1px solid #DFDDDB;
    border-bottom: 1px solid #DFDDDB;
}

#quick-info h3 {
    margin-bottom: .6em;
}

#quick-info ul {
    margin-top: 5px;
}

.event-details {
    padding: 0 0 8px 0;
    line-height: 1.4em;
}

.event-details strong {
    font-size: 1.1em;
    color: #9B672F;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal
}

#sidenav {
    clear: right;
    float: right;
    width: 185px;
    margin: 5px 0 10px 20px;
}

.form-left {
    float: left;
    clear: left;
    width: 280px;
    width/**/:/**/ 260px;
    padding: 0 0 20px 20px;
}
.form-right {
    float: right;
    clear: right;
    width: 284px;
    padding-bottom: 20px;
}

.form-left input,
.form-right input,
.form-left select,
.form-right select {
    width: 250px;
}

.form-left h4,
.form-right h4 {
    margin: 0 0 .5em 0;
}

#left-clear {
    clear: both;
}

.checkbox-width {
    width: 20px;
    margin-left: 18px;
}

.btn-form-search {
    padding: 20px 0 0 20px;
    clear: both;
}

/*********************************
* Titles & Headers
*********************************/

#ttl-events,
#ttl-register-online,
#ttl-event-survey {
    position: absolute;
    width: 359px;
    height: 31px;
    display: block;
    margin: 172px 0 0 27px;
    text-indent: -9999px;
}

#ttl-events {
    background: url(/images/ttl_events.gif) top left no-repeat;
}
#ttl-register-online {
    background: url(/images/ttl_register_online.gif) top left no-repeat;
}
#ttl-event-survey {
    background: url(/images/ttl_event_survey.gif) top left no-repeat;
}

/*********************************
* Buttons
*********************************/

#btn-view-all {
    float: right;
    display: inline;
    width: 67px;
    height: 21px;
    margin: 0 0 0 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_view_all.gif) top left no-repeat;
}
a:hover#btn-view-all {
    background-position: bottom left;
}

.btn-register-event {
    display: block;
    width: 141px;
    height: 21px;
    margin: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_register_event.gif) top left no-repeat;
}
a:hover.btn-register-event {
    background-position: bottom left;
}

#btn-take-survey {
    display: block;
    width: 137px;
    height: 21px;
    margin: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_take_our_survey.gif) top left no-repeat;
}
a:hover#btn-take-survey {
    background-position: bottom left;
}

#btn-back-events {
    display: block;
    width: 140px;
    width/**/:/**/ 115px;
    padding: 0px 0 4px 25px;
    margin-bottom: 8px;
    background: url(/images/icon_back.gif) top left no-repeat;
}

#btn-send-to-friend {
    width: 140px;
    width/**/:/**/ 115px;
    padding: 0px 0 4px 25px;
    margin-bottom: 8px;
    background: url(/images/icon_mail.gif) no-repeat 0 1px;
}