/* Styles for Event Overview & Listing Pages */

#overview-area { padding-left: 25px; padding-right: 25px; }

/* OVERVIEW FEATURED EVENTS */
div.featured-events { height: 180px; }
div.featured-events h2 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 7px; color: #3A0000; font-size: 16px; }
div.featured-events div.submit { float: right; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 7px; font-size: 14px; }

table.featured { margin-bottom: 15px; background:url(../../images/bg_featured-events.gif) top repeat-x; border: 2px solid #FFC11F; width: 100%; background-color: #FFF9EA; }
table.featured td { vertical-align: top; padding: 5px;  }
table.featured td.heading { font-size: 14px; font-weight: bold; line-height: 14px; color: #333; }
table.featured td.image { width: 185px; }
table.featured td.image div { width: 185px; height: 125px; overflow: hidden; }

table.featured td.details { vertical-align: top; padding-left: 10px; margin-left: 5px; width: 100%; padding-bottom: 5px; border-left: 2px solid #FFC11F; }
table.featured td.details h2 { font-size: 16px; font-weight: bold; line-height: 18px; }
table.featured td.details h2 a { text-decoration: none; }
table.featured td.details h2 a:hover { text-decoration: underline; color: #3A0000; }
table.featured td.details h5 { font-size: 14px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; color: #3A0000; }
table.featured td.details div.location { font-size: 12px; color: #444; }
table.featured td.details div.buttons { float: right; }

/* OVERVIEW ALL EVENTS */
div.all-events { }

/* OVERVIEW ONGOING EVENTS */
div.ongoing-events { margin-top: 35px; }
div.ongoing-events h2 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; color: #3A0000; font-size: 16px; border-bottom: 2px solid #ccc; padding-bottom: 2px; }
div.ongoing-events div.submit { float: right; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 7px; font-size: 11px; }
div.ongoing-events p { font-size: 12px; border-bottom: 1px dotted #ccc; margin-bottom: 5px; padding-top: 4px; padding-bottom: 10px; }
table.ongoing { margin-top: 1px; margin-bottom: 2px; border-bottom: 1px dotted #ccc; width: 100%; }
table.ongoing td { padding-top: 5px; padding-left: 5px; padding-right: 5px; }
table.ongoing td.details { color:#770029; font-size:1.1em; font-family:Georgia,"Times New Roman",Times,serif; letter-spacing:1px; font-weight: bold; }
table.ongoing td.details span{ background: #71912C; color: #fff; padding: 0px 3px; font-size: 9px; }
table.ongoing td.details h2{ font-size: 12px; letter-spacing:0px; border-bottom: 0px solid #ccc; }
table.ongoing td.city{ font-size: 12px; font-weight: bold; text-align:right; padding-top: 5px; }

/* OVERVIEW TWO COLUMNS */
table.two-columns { margin-top: 25px; width: 100%; margin-bottom: 10px; }
table.two-columns td.col-1 { width: 60%; border-right: 1px dotted #ccc; padding-right: 15px; }
table.two-columns td.col-2 { width: 40%; padding-left: 25px;}
table.two-columns td h2 { font-size: 16px; font-weight: bold; margin-top: 5px; color: #8DB012; margin-bottom: 15px; border-bottom: 1px dotted #ccc; padding-bottom: 2px; }

/* OVERVIEW CITY SPOTS */
div.city-spots { margin-top: 35px; }
div.city-spots h2 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; color: #3A0000; font-size: 16px; padding-bottom: 2px; }
div.city-spots div.submit { float: right; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 7px; font-size: 11px; }
div.city-spots div.images { text-align: center; border: 1px dotted #ccc; background-color: #f4f4f4; }

div.city-spots img { width: 125px; height: 125px; padding: 10px; }

/* CLASSIFIEDS */
div.classifieds { margin-top: 35px; margin-bottom: 35px; }
div.classifieds h2 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; color: #3A0000; font-size: 16px; padding-bottom: 2px; }
div.classifieds div.submit { float: right; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 7px; font-size: 11px; }