body { background:#b1b1b1 url(/en/images/scene_homepage/bg_home.gif) repeat-x; }
.hide { display: none; }
.show { display: block; }

#homepage_flash { width: 786px; }
#homepage_flash #left_side { z-index: 9; float: left; }
#homepage_flash #left_side img { margin-top: 5px; }
#flashcontent { border: solid 0px #000; width: 525px; height: 360px; float: left; margin: 0px 0px; }
#homepage_flash #right_side { z-index: 10; float: left; margin-left: 5px; text-align: left; width: 256px; height: 360px; background: url(/en/images/scene_homepage/bg_right_panel_new.gif) no-repeat; }
#homepage_flash #right_side ul { margin-top: 24px; }
#homepage_flash #right_side li { color: #fff; font-size: 11px; }
#homepage_flash #right_side li img { margin: 4px 6px 0 10px; }
#homepage_flash #right_side li h3 { display: inline; position: absolute; margin-top: 8px; font-size: 16px; font-weight: bold; }
#homepage_flash #right_side li h4 { font-size: 14px; font-weight: bold; }
#homepage_flash #right_side ul .featuring { margin: 10px 0 5px 10px; }
#homepage_flash #right_side ul .separator { line-height: 12px; width: 256px; height: 12px; border-bottom: 1px solid #666; }
#homepage_flash #right_side li a { text-decoration: none; color: #fff; }
#homepage_flash #right_side li a.beta_download { color: #0cf; }
#homepage_flash #right_side #bottom { width: 256px; height: 76px; }
#homepage_flash #right_side #bottom a.download { padding: 0; width: 234px; height: 32px; display: block; background:url(/en/images/scene_homepage/b_download_new.gif) repeat-x; text-decoration:none; font: bold 18px/32px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #fff; }
#homepage_flash #right_side #bottom a.download:hover { text-decoration: underline; }
#homepage_flash #right_side #bottom p { margin-top: 5px; }
#homepage_flash #right_side #bottom p a { font: 11px/14px Arial, Helvetica, sans-serif; color: #fff; }

#featured_groups { clear:both; background: url('/en/images/shows_browser/bg_popular_groups.gif') no-repeat;	margin-bottom: 10px; width: 775px;	height: 176px;	text-align: left;	font: 11px/13px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#featured_groups h2 { display: block; padding-right: 20px; font: bold 16px/40px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; height: 40px; margin-left: 15px;}
#featured_groups a.more { font: 11px Arial, sans-serif; color: #0cf; margin-left: 10px; text-decoration: none;}

#featured_groups #progress_bar { width: 208px; height: 40px; margin: 40px auto 0 auto; }
#featured_groups #progress_bar h3 { font: 14px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-align: center; }

#featured_groups ul { margin: 20px 22px 0 30px; }
#featured_groups ul li { float: left; position: relative; width: 230px; margin-right: 10px; }
#featured_groups ul li .group-info { margin-left: 66px; }
#featured_groups ul li img { float: left; border: 1px solid #fff; }
#featured_groups ul li h3 { color: #fff; font-size: 12px; font-weight: bold; }
#featured_groups ul li p { color: #999; }
#featured_groups ul li a.room-title { color: #fff; text-decoration: none; }
#featured_groups ul li a.room-link { padding-left: 4px; color: #0cf; text-decoration: none; white-space: nowrap; }
#featured_groups ul li a.room-button { position: absolute; top: 64px; left: 66px; font: bold 12px/23px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; width: 85px; height: 23px; text-decoration: none; border: 1px solid #0cf; background-color: #09f; display: block; text-align: center; }
#featured_groups ul li a:hover { text-decoration: underline; }
#featured_groups ul li a:hover img { border-color: #0cf; }

/* PEOPLE/GROUPS BROWSER */
#people_slide { clear: both; background: url('/en/images/shows_browser/bg_people_slider.gif') no-repeat;	margin-bottom: 10px; width: 775px;	height: 176px; text-align: left;	font: 11px/13px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#people_slide h2 { font: bold 16px/40px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; height: 40px; margin-left: 15px;}
#people_slide h2 a.more { font: 11px Arial, sans-serif; color: #0cf; margin-left: 10px; text-decoration: none;}
#people_slide h2 a.more:hover {text-decoration: underline;}
#people_slide ul { margin: 12px 0 0 16px; }
#people_slide ul li { float: left; width: 226px; margin-right: 26px; }
#people_slide ul li a {	font-weight: bold; color: #06f;}
#people_slide ul li a.name-link { color: #000; text-decoration: none; }
#people_slide ul li a:hover { text-decoration: underline; }
#people_slide ul li .pic-and-button { float: left; margin-right: 6px; }
#people_slide ul li h3 { font: bold 14px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 10px; }
#people_slide ul li p { margin-top: 10px; }
#people_slide ul li .pic-and-button a.button { margin-top: 6px; padding-left: 5px; width: 82px; height: 23px; display: block; background:url(/en/images/shows_browser/b_enter.gif) no-repeat; text-decoration:none; font: bold 11px/22px Arial, Helvetica, sans-serif; color: #fff; }
#people_slide ul li .pic-and-button a.button:hover { background-position: 0 -23px; color: #ff0; }

/* Viral Video*/
#viral_video { clear: both; margin-top: 14px; background-color: #fff; border: 1px solid #000; width: 775px; min-height: 400px; text-align: left; }
#viral_video h2.prank_title { padding-left: 15px; background-color: #000; color: #fff; font: bold 16px/30px "Helvetica Neue",Helvetica,Arial,sans-serif; }
#viral_video strong { font-weight: bold; }
#viral_video #viral_input { float: left; width: 330px; margin: 20px 0 0 34px; }
#viral_video #viral_input h2 { font: bold 24px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;}
#viral_video #viral_input h3 { font: 24px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;}
#viral_video #viral_input p { font-size: 14px; line-height: 18px; margin: 16px 0 10px 0; }
#viral_video #viral_input label { display: block; margin-top: 10px; }
#viral_video #viral_input a.update_button { display: block; background-color: #09f; text-decoration: none; margin-top: 14px; font: bold 14px/30px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #fff; width: 110px; height: 30px; border: 1px solid #0cf; }
#viral_video #viral_input #play { margin-top: 6px; font: bold 14px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#viral_video #video_block { position: relative; float: left; margin: 20px 0 0 10px; width:384px; height: 344px; }
#viral_video #flashcontent { width:384px; height: 304px; } 
#viral_video .embed_link { float: left; display: block; margin: 10px 20px 8px 0px; font: bold 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #09f; color: #fff; text-align: center; height: 20px; padding: 0 8px; text-decoration: none; border: 1px solid #0cf; }
#viral_video .embed_link:hover, #viral_video #viral_input a.update_button:hover { background-color: #000; }
#viral_video .send_link { float: left; display: block; margin-top: 10px; font: bold 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #09f; height: 20px; text-decoration: none; }
#viral_video .send_link:hover { text-decoration: underline; }
#viral_video #flash_code { clear: both;  }
#viral_video #flash_code #embed { width: 380px; height: 115px; overflow: auto; margin-bottom: 8px; }
#viral_video #flash_code p.directions { float: left; margin: 0 34px 0 34px; width: 305px; height: 83px; }