@charset "UTF-8";
/* CSS Document */

/*-------- Event Left ----------*/
#event .event_side { float:left; width:264px; }
#event .event_side .event-image { background:url(img/event/bg_event.gif) top left no-repeat; padding-top:3px; margin:0 0 10px 0;  }
#event .event_side .event-image div { padding:0 4px 5px 4px; background:url(img/event/bg_event.gif) bottom left no-repeat;  }

#event .event_side .join-event { margin:10px 0; height:23px; }
#event .event_side .join-event a img { background-color:#e30808; padding:5px 10px; }
#event .event_side .leave a img { background-color:#BBB; }



/*-------- Share Event ----------*/
.share-event { position:relative; }
#share-menu { position:absolute; float:left; top:-25px; left:191px; color:#FFF; width:397px; background:url(img/event/share-menu-top.gif) top right no-repeat; padding:5px 0 0 0; display:none; z-index:99;  }
#share-menu div.bottom { background:url(img/event/share-menu-bot.gif) bottom right no-repeat; height:100%; padding-bottom:5px;  }
#share-menu div.left { background-color:#3F0; background:url(img/event/share-menu-left.gif) top left no-repeat;  }
#share-menu div.right { background:url(img/event/share_stripe.gif); border-right:5px solid #464646;  }

#share-menu form { margin-left:28px; padding:10px 0 5px 0; }
#share-menu form div { margin:0 0 5px 0; }
#share-menu form div label { float:left; width:90px; padding:5px 0 0 0; font-size:14px; text-align:right; }
#share-menu form div p { margin-left:100px; }
#share-menu form div p input.text { border:3px solid #3a3a3a; width:237px; font-size:12px; padding:2px 3px; }
#share-menu form div p textarea { border:3px solid #3a3a3a; width:237px; font-size:12px; padding:2px 3px; }
#share-menu form div.submit { text-align:right; margin-right:20px; }
#share-menu form div.submit a { color:#FFF; font-size:14px; text-decoration:none; margin-left:10px; }
#share-menu form div.submit a.cancel { color:#898989; }
#share-menu form div.submit .submit { color:#FFF; background-color:#00aeef; border:none; padding:3px 5px; margin-left:10px; }

/*.stbuttontext { display:none; }*/


/*-------- Share Event ----------*/

#event .event_side .social { margin:10px 0 50px 0; }
#event .event_side .social ul.share { list-style:none; }
#event .event_side .social ul.share li { float:left; margin:0 10px 0 0; position:relative; }
#event .event_side .social ul.share li li { float:none; margin:0; }

#calendar-actions { width:137px; position:absolute; top:17px; left:-15px; display:none; z-index:99; }
#calendar-actions .top { background:url(img/event/cal-menu-top.gif) top left no-repeat; }
#calendar-actions .bot { background:url(img/event/cal-menu-bot.gif) bottom left no-repeat; padding:21px 0 9px 0; }
#calendar-actions .stripe { background:#FFF url(img/event/bg_category_m.gif) top left; }
#calendar-actions .inside { border-left:3px solid #464646; border-right:3px solid #464646; }
#calendar-actions ul { list-style:none; }
#calendar-actions ul li { border-bottom:1px solid #DDD; padding:3px 5px; font-weight:bold; }
#calendar-actions ul li a { text-decoration:none; color:#464646; padding-left:18px; }
#calendar-actions ul li a:hover { color:#00aeef; }

#calendar-actions a.ical { background:url(img/event/calendar/ical.gif) left center no-repeat; }
#calendar-actions a.outlook { background:url(img/event/calendar/outlook.gif) left center no-repeat; }
#calendar-actions a.yahoo { background:url(img/event/calendar/yahoo.gif) left center no-repeat; }
#calendar-actions a.google { background:url(img/event/calendar/google.gif) left center no-repeat; }
#calendar-actions a.thirty { background:url(img/event/calendar/30boxes.gif) left center no-repeat; }


/*-------- Event Info ----------*/
#event .event_info { margin-left:274px;  }
#event .event_info h2 { font-size:24px; font-weight:normal;  color:#444; }

#event .event_info .event-date { margin:20px 0; font-size:13px; }
#event .event_info .event-date span { background-color:#f7941d; color:#FFF; padding:5px 10px;   }

#event .event_info .event-objective { color:#666; font-size:13px; line-height:130%; margin:40px 0 10px 0; border-bottom:1px solid #DDD; padding:0 0 10px 0; }

#event .event_info .event-description { line-height:150%; font-size:12px; color:#666;  }

#event .event_info .event-tags { list-style:none; font-size:10px; margin:10px 0; }
#event .event_info .event-tags li { float:left; height:17px; background-color:#dfdfdf; margin:0 0 5px 0;   }
#event .event_info .event-tags li a { display:block; height:17px;  background: url(img/common/tag_bg.gif) top right no-repeat; padding:2px 12px 0 7px; color:#333; text-decoration:none; }
#event .event_info .event-tags li.last { background:#FFF; }

#event .event_info .event-links ul { border-top:1px solid #DDD; margin: 5px 0; list-style:none; }
#event .event_info .event-links ul li { margin:5px 0; font-size:10px;  }

/*-------- Event Comments ----------*/
#event-comments .comment { margin:15px 0; padding:10px 0 0 0; }
#event-comments a { text-decoration:none; }
#event-comments .comment h4 { font-size:14px; font-weight:bold; padding:3px 0; margin:0 0 3px 0;  border-bottom:1px solid #DDD; margin-left:70px; }
#event-comments .comment h4 a { color: #333; margin:0 0 5px 0; }
#event-comments .comment h4 span { float:right; font-size:10px; color:#999; padding:3px 0 0 0; margin:0; }
#event-comments .comment p { font-size:12px; margin:0 0 10px 70px; }
#event-comments .comment p.meta { font-size:12px; }
#event-comments .comment p.meta a { margin-right:10px; }
#event-comments .image { float:left; width:58px; height:58px; margin-right:10px; background:url(img/user/bg_avatar_sm.gif) top left no-repeat;   }
#event-comments .image img { margin:3px 4px 3px 4px;  }

#event-comments .options { padding:5px 0; font-size:12px; }
#event-comments .options .viewall { background:url(img/common/bullet_orange_sm.gif) left center no-repeat; padding-left:10px; text-decoration:none; margin-right:10px; }
#event-comments .options .rss { background:url(img/common/rss_sm.gif) left center no-repeat; padding-left:15px; text-decoration:none; margin-right:10px; }


/*-------- Event Participants ----------*/
#side .participants { border:1px solid #DDD; background-color:#f6f6f6; padding:10px; position:relative; }
#side .participants .join-event { background-color:#e30808; position:absolute; top:0; right:0; padding:3px 10px 3px 10px; }
#side .participants .leave { background-color:#BBB; }
#side .participants .event-organizer { margin:11px 0 0 0;}
#side .participants .event-organizer p.avatar { background:url(img/event/bg_avatar_side.gif) top left no-repeat; width:36px; float:left; margin:0 10px 0 0; padding:0; }
#side .participants .event-organizer p.avatar img { padding:3px; }
#side .participants .event-organizer p { padding-top:3px; }
#side .participants .event-organizer p span { font-size:11px; }
#side .participants .event-organizer a { text-decoration:none; font-weight:bold; }

#side .participants h4 { font-size:12px; color:#333; font-weight:normal; border-bottom:1px solid #DDD; margin:15px 0 0 0; padding:2px 0; }
#side .participants h4 span { color:#e30808; }
#side .participants h4 small { float:right; font-size:10px; }

#side .participants ul { list-style:none; margin:5px 0 0 0; }
#side .participants ul li { float:left; width:50%; margin:2px 0; padding:0; font-size:11px; height:15px; line-height:15px; }
#side .participants ul li a { text-decoration:none; height:16px; line-height:16px;  }
#side .participants ul li img { height:15px; margin:0; padding:0; width:15px;  }

/*-------- Event Posts ----------*/
#side .event_posts { margin:10px 0; padding:0 3px; }
#side .event_posts .post { margin:3px 0;  border-bottom:1px solid #DDD; position:relative; }
#side .event_posts .post .avatar { float:left; width:38px; height:37px; background:url(img/event/bg_avatar_post.gif) top left no-repeat; padding:3px 0 0 4px; margin:0 5px 0 3px; }
#side .event_posts .post h4 { font-weight:normal; margin:3px 0 0 43px; padding:2px 0 0 0; font-size:12px; }
#side .event_posts .post h4 a { text-decoration:none; }
#side .event_posts .post p { margin:3px 0; font-size:11px; color:#666; }

/*-------- Expanded Event Posts ----------*/
#side .event_posts .expanded { position:absolute; top:-30px; left:-396px; width:393px; background:url(img/event/expanded-top.gif) top left no-repeat; padding-top:4px; padding-right:10px; display:none; z-index:100; }
#side .event_posts .expanded .bottom { background:url(img/event/expanded-bot.gif) bottom left no-repeat; height:100%; padding-bottom:4px; }
#side .event_posts .expanded .bottom .left {background:url(img/event/share_stripe.gif); border-left:4px solid #464646;  }
#side .event_posts .expanded .bottom .right {  background: url(img/event/expanded-right.gif) top right no-repeat; padding:10px;  }
#side .event_posts .expanded .avatar { background:none; border:1px solid #FFF; width:50px; height:50px; margin:0; padding:0; }
#side .event_posts .expanded p { margin:0 10px 0 65px; }
#side .event_posts .expanded p a { color:#00aeef; text-decoration:none; }
#side .event_posts .expanded .title { font-size:14px;  color:#FFF; }
#side .event_posts .expanded .desc { color:#FFF; margin-top:10px; }

/*-------- Event Suggested ----------*/
#side .suggested_events .event { margin:5px 0 0 0; border-bottom:1px solid #DDD; padding:0 0 5px 0; }
#side .suggested_events .event .date { float:left; width:24px; margin:2px 10px 0 0; }
#side .suggested_events .event h4 { margin-left:34px; font-size:14px; font-weight:normal; }
#side .suggested_events .event h4 a { text-decoration:none; }
#side .suggested_events .event p { margin-left:34px; font-size:11px; color: #666; }

.search-container { background:#4f4f4f url(img/event/bg_search_m.gif) top left; }
.search-container .top { background:url(img/event/bg_search_t.gif) top left no-repeat; }
.search-container .bot { background:url(img/event/bg_search_t.gif) bottom right no-repeat; padding:15px 18px; }
.search-container h2 { color:#FFF; font-size:24px; font-weight:normal; background:url(img/event/search-bullet-orange.gif) left center no-repeat; padding-left:20px; }
.search-container p.desc { font-size:14px; color:#8dc73f; border-bottom:1px dotted #FFF; padding:0 0 10px 20px; margin:0 0 20px 0; }
.search-container p.sub { font-size:24px; color:#8dc73f; border-bottom:1px dotted #FFF; padding:0 0 10px 20px; margin:0 0 10px 0; }
.search-container .search-fields div { float:left; color:#FFF; margin-right:10px; }
.search-container .search-fields .begin { font-size:14px;  margin:0 0 0 20px; }
.search-container .search-fields .begin a { color:#FFF; text-decoration:none; }
.search-container .search-fields .begin a:hover { text-decoration:underline; }
.search-container .search-fields .keyword { /*width:253px;*/ width:465px; }
.search-container .search-fields .category { width:158px;}
.search-container .search-fields input.text { border:3px solid #333; padding:3px 5px; height:15px  }
.search-container .search-fields label { display:block; margin:0 0 5px 5px; }
.search-container .search-fields .keyword input { width:450px; }

#find_events { margin:5px 0; }
#find_events .event { background-color:#f0f0f0; border-bottom:1px solid #DDD; padding:7px 7px; }
#find_events .alt { background-color:#FFF; }
#find_events .event .date { float:left; width:45px; height:49px; margin-right:5px; }
#find_events .event .image { float:left; width:61px; height:49px;  }
#find_events .event .members { float:right; font-weight:bold; text-align:right; font-size:14px; color:#555; margin-left:10px; }
#find_events .event .members span { font-size:32px; color:#8dc73f; }
#find_events .event h4 {  font-size:18px; font-weight:normal; margin:0 70px 0 126px; }
#find_events .event h4  a { text-decoration:none; }
#find_events .event h5 { font-size:12px; font-weight:normal; margin:0 70px 0 126px; color:#444;  }
#find_events .promo { margin:10px 0; }

#side .event_categories { background:#464646 url(img/event/bg_category_t.gif) top left no-repeat; }
#side .event_categories .bot { background: url(img/event/bg_category_t.gif) bottom right no-repeat; padding:0 6px 6px 6px;}
#side .event_categories h4 { color:#FFF; font-size:14px; margin:0px 10px; padding:5px 0; }
#side .event_categories .categories { background:#FFF url(img/event/bg_category_m.gif) top left; }
#side .event_categories .categories div { background:url(img/event/bg_category_b.gif) bottom left no-repeat; }
#side .event_categories .categories ul { background:url(img/event/bg_category_u.gif) top left no-repeat; padding:15px 0; }
#side .event_categories .categories ul li { float:left; width:134px; margin:0 0 3px 10px; }
#side .event_categories .categories ul li a { color:#333; text-decoration:none; }
#side .event_categories .categories ul li a:hover { color:#0295ba; }

#event-posts .post { border-bottom:1px solid #DDD; padding:15px; }
#event-posts .post .avatar { float:left; width:58px; height:58px; background:url(img/user/bg_avatar_sm.gif) top left no-repeat; margin:0 10px 10px 0; }
#event-posts .post .avatar img { margin:3px 0 0 4px; }
#event-posts .post h4 { font-size:18px; margin-left:68px; }
#event-posts .post p {margin-left:68px;}
#event-posts .post p.url { color:#999; font-size:11px; }
#event-posts .post p.desc { margin:10px 0 15px 0; }
#event-posts .post p.meta span { float:right; font-size:11px; color:#666; }
#event-posts .post p.meta a.read { font-size:11px; color:#FFF; font-weight:normal; background:url(img/event/bg-post-read.gif) right center no-repeat; padding:3px 15px 3px 7px; text-decoration:none; }

#submit-post { background:#464646 url(img/event/bg_search_m.gif); margin:0; }
#submit-post .lead { padding:10px 15px; color:#FFF; }
#submit-post .lead .avatar { float:left; border:1px solid #FFF; margin:0 15px 0px 0; }
#submit-post .lead h4 { font-size:18px; margin:0 0 0 65px; }
#submit-post .lead p { margin:0 0 0 65px; }
#submit-post .submit { text-align:right; }
#submit-post .submit input { background:#00aeef; border:none; color:#FFF; padding:5px 10px; }

#submit-post form { background:#FFF; display:none; }
#submit-post form div { margin:10px 15px; clear:left; }
#submit-post form div label { font-size:14px; display:block; margin:0 0 3px 0; padding:10px 0 0 0; }
#submit-post form div p .text { border:3px solid #BABABA; font-size:14px; padding:3px 5px; width:290px; float:left; }
#submit-post form div p textarea { margin-bottom:15px; }
#submit-post form div p .hint { float:left; color:#fff; height:21px; background:url(img/event/bg-post-hint.gif) right center no-repeat; padding:0 5px 0 0; margin:2px 0 0 5px; font-size:11px; }
#submit-post form div p .hint span { display:block; height:21px; background:url(img/event/bg-post-hint.gif) left center no-repeat; padding:0 5px 0 15px; line-height:21px; }
#submit-post form div p.error { clear:left; color:#C00; margin:0; padding:0; }
#submit-post form .submit { background:#464646 url(img/event/bg_search_m.gif); padding:10px 15px 10px 0; margin:10px 0 0 0; }

#resources { position:relative; z-index:50; }
#resources #grabit { position:absolute; top:-10px; left:35px; background:url(img/event/bg-badge-top.png) right bottom no-repeat;width:529px; padding:0 0 10px 0; z-index:99; }
#resources #grabit .bot { background:url(img/event/bg-badge-top.png) left top no-repeat; padding-top:10px; }
#resources #grabit .inside { background-color:#464646; padding:0 15px; color:#FFF; }
#resources .loading { background:url(img/common/ajax-loader.gif) center center no-repeat; padding:20px 0; }
#resources .empty { text-align:center; padding:10px 0; }

#grabit { display: none; }
#grabit .closeit { float:right; }
#grabit .badging { background:url(img/event/bg-badge-image.gif) top left no-repeat; float:left; padding:4px; }
#grabit h4 { margin:0 0 0 159px; font-size:30px; }
#grabit h4 span { color:#f7941d; }
#grabit p { margin:0 0 0 159px; }
#grabit p.instructions { margin:10px 0 0 159px; font-size:11px; }
#grabit p.instructions span { font-size:12px; }
#grabit p.code { border-top:1px solid #727272; border-bottom:1px solid #727272; margin:10px 0 10px 159px; padding:5px 0; }
#grabit p.code textarea { font-size:11px; border:2px solid #aeaeae; width:99%; }
#grabit .add_profile { text-align:right;}
#grabit .add_profile a { background-color:#00aeef; color:#FFF; text-decoration:none; padding:2px 5px; }
#grabit .video { text-align:center; }
#grabit .embed { text-align:center; width:425px; margin:0 auto; padding:0; }
#grabit .embed p { margin:5px 0; }