/* -----------------------------------------------
GLOBAL
----------------------------------------------- */
body { background: #000 url(../images/content/whatson/body_bg.jpg) no-repeat -60px 0; }
div#NavigationPrimary li { background-image: url(../images/content/whatson/navprimary_li_bg.gif); }
div#NavigationSecondary li a:hover { background: url(../images/content/whatson/navsecondary_bg.jpg) no-repeat top; }

/* -----------------------------------------------
WHATSON HOME
----------------------------------------------- */
/* Promo Mail */
body.whats-on-home div#PromoMain { float: left; width: 366px; min-height:220; height:auto !important; height:220; }
body.whats-on-home div#PromoMain p { background-color:Black; padding: 5px;  margin-bottom:0;}

/* Email Signup */
body.whats-on-home div#EmailSignup { float: right; margin: 0 0 0 0; }

/* Promo Panel*/
body.whats-on-home div#PromoPanel { margin: 10px 0 20px 0; }
body.whats-on-home div#PromoPanel div.item { float: left; width:180px; }
body.whats-on-home div#PromoPanel div#PromoPanelItem2 { margin: 0 6px; }

/* Whats on */
body.whats-on-home div#WhatsOn { background: #000; padding: 10px 10px 0 10px; }
body.whats-on-home div#WhatsOn ul { margin: 0; padding: 0; list-style: none; width: 350px; float: left; }
body.whats-on-home div#WhatsOn li { width: 155px; float: left; background: url(../images/global/bullet.gif) no-repeat left 6px; margin: 0 20px 0 0; font-size: 1.2em; }
body.whats-on-home div#WhatsOn li a { color: #fff; background: url(../images/global/hr_bg.gif) repeat-x left bottom; display: block; padding: 3px 0 3px 15px; }
body.whats-on-home div#WhatsOn div#Calendar { position: relative; top: -40px; }

/* -----------------------------------------------
WHATSON LIST
----------------------------------------------- */
/* Heading */
body.whats-on-list div#Heading { position: relative; }
body.whats-on-list div#Heading label { position: absolute; right: 3px; top: 7px; }
body.whats-on-list div#Heading label input { }

/* Results */
body.whats-on-list div#Results p.pagenation { background-color: #000000; color: #ffffff; clear: both; margin: 5px 0; padding: 5px; }
body.whats-on-list div#Results p.pagenation a { color: #ec6a00; text-decoration: underline; padding: 0 2px; font-weight:bold; }
body.whats-on-list div#Results p.pagenation a.active { color: #ffffff; text-decoration: none; }

body.whats-on-list div#Results div.item { margin: 0 0 10px 0; clear: both; position: relative; }
body.whats-on-list div#Results div.item div.image { float: left; width: 177px; height:107px; background-image: url(../images/global/list_image_bg.gif);}
body.whats-on-list div#Results div.item div.image img{display:block; margin: 6px auto 0 auto; text-align: center;}
body.whats-on-list div#Results div.item div.content { background: #000; float: right; width: 350px; padding: 5px 10px; }
body.whats-on-list div#Results div.item div.content h2 { margin: 0; }
body.whats-on-list div#Results div.item div.content p { margin: 0; }
body.whats-on-list div#Results div.item div.content p.buttons img { margin: 7px 10px 0 0; }
body.whats-on-list div#Results div.item div.content span.join-in { position: absolute; right: 5px; top: 5px; }

/* -----------------------------------------------
WHATSON EVENT
----------------------------------------------- */
/* Details */
body.whats-on-event div#Details { position: relative; float: left; width: 366px; }
body.whats-on-event div#Details div.content { background: #000; padding: 10px 10px 5px 10px; }
body.whats-on-event div#Details div.content h2 { margin-bottom: 0; }
body.whats-on-event div#Details div.content h3 { margin-bottom: 5px; }
body.whats-on-event div#Details div.content p { font-size: 1.2em; margin: 0 0 10px 0; }

/* Email Signup */
body.whats-on-event div#EmailSignup { float: right; }

/* Promo Panel*/
body.whats-on-event div#PromoPanel { margin: 10px 0 20px 0; }
body.whats-on-event div#PromoPanel h2 { background: #000; padding: 3px 10px; }
body.whats-on-event div#PromoPanel div.item { float: left; width:180px; background-color:Black; }
body.whats-on-event div#PromoPanel div.item p{ padding-left: 5px; padding-right: 5px; }
body.whats-on-event div#PromoPanel div#PromoPanelItem2 { margin: 0 6px; }