.cross_promo_images { padding-bottom: 12px; padding-right: 15px; } #banner_row { font-size: 11px; } #banner_row a { font-size: 14px; } #menubar { background-color: #000000; } #menubar_table td a:hover { color: white; } #menubar_table { width: 760px; border-spacing: 0px; } #menubar_table td { font-size: 14px; text-align: center; color: #400000; border: 1px solid #700000; background-repeat: repeat-x; } #stats_table { border-spacing: 2px; } #stats_table td { font-size: 14px; text-align: left; color: #ffffff; font-weight: lighter; padding-right: 3px; padding-top: 5px; } .health_clock , .energy_clock , .stamina_clock { color: #ffd927; } .stupid_ie { display:none; } .countdown_timer { color: #FFD927; font-size:small; } #stats_table td.level_stat { background: url(http://myspace3.vampires.static.zynga.com/66563/css/ui/seal.gif) no-repeat top left; padding-left: 15px; } #stats_table td.level_stat span.level_text { font-size: 20px; font-variant: small-caps; } #stats_table td.level_stat span.active_buff a { font-size: 12px; } #levelupdiv { background: url(http://myspace3.vampires.static.zynga.com/66563/css/ui/levelup_overlay_ms.gif) no-repeat top left; width: 165px; height: 29px; display:block; position:relative; } #levelupbar { background: url(http://myspace3.vampires.static.zynga.com/66563/css/ui/levelup_bar_ms.gif) no-repeat top left; height: 29px; display:block; position:absolute; top:0; left:1px; } #levelupwords { margin:0; padding:0; display:block; position:absolute; top:0; left:30px; } #levelupwords a { margin:0; padding:0; height:29px; display:block; line-height:272%; font-size: 10px !important; color: #FFFFFF; } .elder_popup { border: 1px solid white; background-color: black; width: 200px; display: none; position: absolute; left: 275px; top: 115px; text-align: center; font-family: arial, sans-serif; padding: 10px; z-index: 95; } .withdraw_div { float: left; text-align: center; width: 48%; } .deposit_div { float: right; text-align: center; width: 48%; } .bank_wrapper { clear: both; } .health_div { width: 88%; } .elder_popup td { font-size: 11px; } .close_button { float: right; padding: 3px; } .elder_popup .buy_button, .elder_popup .disabled { width: auto; } .elder_popup_link { color: white !important; } .bank_popup { width: 350px; top: 100px; left: 150px; font-size: 10px; padding: 0px; z-index: 98; } #tos_dialogue { text-align:center; padding: 0 10px 10px 10px; } #tos_dialogue p { font-size:12px; text-align:center }#ad_container { text-align: center; margin: auto; } #footer { background:url(http://myspace3.vampires.static.zynga.com/66563/css/ui/footer_ms.png) no-repeat top left; height: 218px !important; width: 100%; clear: both; text-align:center; padding-top:30px; } #footer a { text-align:center; font-size: 12px; } #footer p { text-align: center; font-size: 12px; } #footer .margin_text { margin:0px 75px; } /* Special ability tabs stuff */ .abilitytabs { width: 100%; line-height:normal; margin: 20px; clear: both; } .abilitytabs ul { list-style:none; text-align: center; margin: 0 auto; } .abilitytabs li { float:left; margin:0 auto; padding: 6px 20px 9px 18px; background: url(http://myspace3.vampires.static.zynga.com/66563/css/ui/stats_tabs_bg.gif) no-repeat center left; } .abilitytabs a { font-family: Arial, Arial, Helvetica, sans-serif; float:left; display:block; text-decoration:none; color:#fff !important; font-weight: bold; font-size: 14px; } .abilitytabs a:hover { color:#ccc; text-decoration:none; } .abilitytabs .selected_tab { background: url(http://myspace3.vampires.static.zynga.com/66563/css/ui/stats_tabs_bg_selected.gif) no-repeat center left; } /** New tabs **/ .clearboth { clear:both; overflow:hidden; } .colbkgd_fb { background:#080808; border-top: 3px solid #333; width: 720px; height: 730px; } .colbkgd { background:#080808; border:1px solid #333; } .colbkgdTop { background: #080808; border-top: 1px solid #333; } .colbkgd_three { background:#080808; border:3px solid #333; height: 850px; width: 795px; } #tabs { float:left; width:auto; font-size:93%; line-height:normal; } #tabs ul { margin:0; padding:10px 10px 0 10px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url(http://myspace3.vampires.static.zynga.com/66563/graphics/tableft.gif) no-repeat left top; margin:0; text-decoration:none; } #tabs a span { float:left; display:block; background:url(http://myspace3.vampires.static.zynga.com/66563/graphics/tabright.gif) no-repeat right top; padding:5px 15px 4px 10px; color:#FFF; } #tabs a span {float:none;} #tabs a:hover span { color:#FFF; } #tabs a:hover { background-position:0 -42px; } #tabs a:hover span { background-position:100% -42px; } #tabs a.selected { background-position:0 -84px; } #tabs a.selected span { background-position:100% -84px; } #app_layout { width: 100%; } div.app { width: 100%; overflow:hidden; } #content { width: 795px; background: url(http://myspace3.vampires.static.zynga.com/css/ui/border_deco_ms.jpg) no-repeat top left; min-height: 364px; float: left; margin-left: 70px; position: relative; padding-top: 15px; font-size: 14px; } #lookery-ad-8845 { width: 100%; height:65px; } /** START NAV **/ .tabnav_container { text-align: center; clear: both; margin: 0 auto; } .tabnav, .subtabnav, .teeth_left, .teeth_right { line-height:normal; float:left; clear:none; } .tabnav { width:737px; height:46px; margin-bottom: -46px; margin-left: 100px; } .subtabnav { width: 100%; height:41px; background: url(http://myspace3.vampires.static.zynga.com/graphics/ui/sub_bar.png) repeat-x top left; clear: both; padding: 0 60px; } .tabnav ul { padding:0px; list-style:none; text-align: center; margin: 0 auto; margin-top: -46px; } .subtabnav ul { padding:0px; list-style:none; text-align: center; margin: 0 auto; } .tabnav li, .subtabnav li { float:left; margin:0px; } .subtabnav li { margin: 3px 5px; } *html .subtabnav li { margin:0px 3px; } .tabnav a, .subtabnav a { font-family: Arial, Arial, Helvetica, sans-serif; float:left; display:block; padding:0px 2px; text-decoration:none; font-size:12px; color:#ffd !important; } .tabnav a:hover, .subtabnav a:hover { color:#ccc; text-decoration:none; } .tabnav .selected_tab { height:46px; position:relative; top:13px; } .us_tabs { height:39px; position:relative; top:16px; } .tabnav .selected_tab a, .subtabnav .selected_tab a { color:#fff; } /* Subtab specific changes */ .subtabnav .outofbounds { overflow: hidden; width: 95%; position: relative; } .subtabnav_left { background: url(http://myspace3.vampires.static.zynga.com/graphics/ui/sub_l.png) no-repeat top left; width: 133px; height:58px; float:left;clear:none; } .subtabnav_right { background: url(http://myspace3.vampires.static.zynga.com/graphics/ui/sub_r.png) no-repeat top left; width: 125px; height:58px; float:left;clear:none; } .subtabnav ul { padding: 0px; font-size:14px; } .subWrapLeft_active, .subWrapLeft_inactive,.subWrapRight_active,.subWrapRight_inactive { margin:17px 0px 0px 0px; height:17px; float:left; clear:none; } .subWrapLeft_active, .subWrapRight_active { width:20px; } .subWrapLeft_inactive, .subWrapRight_inactive { width:10px; } .subWrapLeft_active { background:url(http://myspace3.vampires.static.zynga.com/graphics/ui/sub_select_l.gif) no-repeat top left; } .subWrapRight_active { background:url(http://myspace3.vampires.static.zynga.com/graphics/ui/sub_select_r.gif) no-repeat top left; } .subtabnav a { padding: 17px 1px 1px 1px; font-weight: none !important; } .subtabnav .left_subtab_bg, .subtabnav .right_subtab_bg { height: 57px; width: 53px; float: left; } .subtabnav .selected_tab .left_subtab_bg { width: 53px; } .subtabnav .selected_tab .right_subtab_bg { background: url(http://myspace3.vampires.static.zynga.com/css/ui/subtab_right_ms.gif) no-repeat top right; } #banner_row { height: 235px; width: 935px; background: url(http://myspace3.vampires.static.zynga.com/css/ui/header_ms_new.jpg) no-repeat top left; } #stats_row { height: 26px; } #menubar { height: 28px; } #menubar_table { margin-top: 0px; margin-bottom: 0px; border-spacing: 0px; } #menubar_table td { background-image: url('http://myspace3.vampires.static.zynga.com/graphics/menu_item_background.png'); } /** END NAV **/ .levelBarWidth { width:94px; } .messagesMinor { background-color: black; border:1px solid #ffae62; padding:5px; font-size: 14px; } .messagesMinor a, .messagesMinor a:link, .messagesMinor a:visited { color: #eae1bc; text-decoration:underline; } .health_clock, .energy_clock, .stamina_clock { color: #c70000; } #left_content { width: 570px; } #main_menu .desc { width: 350px; } .tut_story_block { border:0px solid #ff0000; width:99%; height:auto; margin:10px 0px 200px 0px; padding:1px; } .progress_meter { width: 960px; } .tut_story_block .image_holder { float:right; margin:2px; } .tut_main_bg { background-color: #000000; background-repeat: repeat-x; vertical-align: top; height:700px; width: 800px; padding:10px; margin:-10px; } .tut_split_left { float:left; clear:none; width:540px; } #overlay { position: absolute; background-color: black; text-align: left; vertical-align: top; visibility: hidden; top: 0px; left: 0px; z-index: 2; height: 100%; width: 100%; min-height: 0px; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; } #overlaymessage { position: absolute; visibility: hidden; background-color: #FFFFFF; left: 300; z-index: 3; vertical-align: top; border-width: 5px; border-color: #0033FF; text-align:center; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #overlaymessage_first { position: absolute; visibility: hidden; background-color: #FFFFFF; left: 300; z-index: 3; vertical-align: top; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-width: 5px; border-color: #0033FF; text-align: center; } .requests { height: 700px !important; } .incoming_requests { height: expression(700+'px'); } .buyframewarning { text-align:center; margin-left: auto; margin-right: auto; } .brag_font { font-size: 14px; } .job_desc { width: 200px; } .boss_right_content { width: 70%; } .avatar_editor { margin: 0px auto; margin-top: -11px; } #zyngalink { position: relative; float: left; width: 87px; height: 20px; left:405px; top:103px } .nyZyngaLink { top: 71px !important; left: 399px !important; height: 14px !important; width: 58px !important; } #zyngalink img { width: 100%; height: 100%; } .ability_row { width: 195px; } .elder_popup { left: 400px; top: 75px; _top: 40px; } .bank_popup { left: 275px; top: 75px; _top: 25px; } /*promo box and news page headers*/ .promo_cont { width:623px; } #cont_santa { background:url(http://myspace3.vampires.static.zynga.com/graphics/promobox/promo_images_VampireSanta_ms.jpg) no-repeat top left; width:623px; } #cont_akem { background:url(http://myspace3.vampires.static.zynga.com/graphics/promobox/promo_images_AkemGamble_smallAkem.jpg) no-repeat top left; width:623px; } #cont_survey { background:url(http://myspace3.vampires.static.zynga.com/graphics/promobox/promo_images_Survey_ms.jpg) no-repeat top left; width:623px; } #cont_bmagic { background:url(http://myspace3.vampires.static.zynga.com/graphics/promobox/promo_images_BlackMagic_ms.jpg) no-repeat top left; width:623px; } #cont_judge { display:none; background:url(http://myspace3.vampires.static.zynga.com/graphics/promobox/promo_images_Voting_ms.jpg) no-repeat top left; width:623px; } .module { width:568px; } .module_header { width:568px; } .module_header_bkgd, ul.news { width:532px; } /* Ability mastery Myspace extend-o-matic (Now with 50% less blank space!) */ .ability_image { width: 150px; text-align: center; } .ability_info .ability_buttons { width:125px; } .shopItem { width:150px; } /* Avatar voting */ .judge_cont { width: 800px; } .judge_cont .judge_left { width:570px; } .judge_cont .judge1 { margin-right:30px; } *html .judge_cont .judge1 { margin-right:25px; } .judge_name .name_left { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/name_left.gif) no-repeat top left; } .judge_name .name_bkgd { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/name_bkgd.gif) repeat-x top left; } .judge_name .name_right { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/name_right.gif) no-repeat top left; } .judge_cont .judge_options { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/radio_bkgd.gif); } .judge_cont .redbkgd { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/redbkgd.gif); } .judge_cont .deadlist { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/deadlist.gif); } .judge_cont .head_tab_off { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/radio_bkgd.gif); } .judge_cont .head_tab_on { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/redbkgd.gif); } .topten { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/leaderboardtile.gif); } .topten_user { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/leaderboardtile_red.gif); } #clan_judge { background: url(http://myspace3.vampires.static.zynga.com/graphics/judge/radio_bkgd.gif); } /* Mission completion */ #mission_feedback {width:783px;overflow: hidden;zoom:1;} #mission_feedback .mission_avatar {width: 160px; height: 160px; float: left;} #mission_feedback .mission_avatarcont {border:1px solid #5b5a56;width:150px;height:150px;} #mission_feedback .mission_infocont { width: 610px; height: auto; float: left; display: inline; overflow: hidden; } #mission_feedback .mission_success {height:20px;width:610px;overflow:hidden;} #mission_feedback .mission_numtext {padding:5px;font-size:14px;text-align:left} #mission_feedback .mission_masterycont {width: 165px; float: right; display: inline;overflow:hidden;} #mission_feedback .mission_masterybarcont {width: 165px;font-size: 14px;float:right;margin-bottom:10px;overflow:hidden;} #mission_feedback .mission_masterybar { width: 160px; } #mission_feedback .mission_buttonmasterycont {width: 165px;float:right;display:inline;overflow:hidden;} #mission_feedback .mission_buttoncont {width: 165px;float:right;display:inline;overflow:hidden;zoom:1;} #mission_feedback .mission_leftmargin {margin-left:0px;} #mission_feedback .mission_rightmargin {margin-right:0px;} #mission_feedback .mission_bottmargin {margin-bottom:10px;} #mission_feedback .mission_button {width:150px;} #mission_feedback .mission_leftlargemargin {margin-left:0px;} #mission_feedback .mission_rfloat {float:right;} #mission_feedback .mission_button a { font-size:13px; color:#ffffff; } .clearboth {clear:both;overflow:hidden;zoom:1;} .colbkgd { background:#080808; border:1px solid #333; } #tabs { float:left; width:auto; font-size:93%; line-height:normal; } #tabs ul { margin:0; padding:10px 10px 0 10px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url(http://myspace3.vampires.static.zynga.com/graphics/tableft.gif) no-repeat left top; margin:0; text-decoration:none; } #tabs a span { float:left; display:block; background:url(http://myspace3.vampires.static.zynga.com/graphics/tabright.gif) no-repeat right top; padding:5px 15px 4px 10px; color:#FFF; } #tabs a span {float:none;} #tabs a:hover span { color:#FFF; } #tabs a:hover { background-position:0 -42px; } #tabs a:hover span { background-position:100% -42px; } #tabs a.selected { background-position:0 -84px; } #tabs a.selected span { background-position:100% -84px; } .lottery_redbutton { overflow:hidden; width: 190px; } .lottery_redbutton a, .lottery_redbutton a:link, .lottery_redbutton a:visited { color: #fff; } .lottery_redbutton div { float: left; text-decoration: none; color: #fff; padding: 4px 15px 10px 0; margin: 10px 8px 10px 0; } .lottery_redbutton div span { float: left; padding-right: 15px; display: block; margin-top: -4px; height: 51px; } .lottery_redbutton div.red { background: url(http://myspace3.vampires.static.zynga.com/graphics/buttons/tall_red_btn.gif) no-repeat top right; } .lottery_redbutton div.red span { background: url(http://myspace3.vampires.static.zynga.com/graphics/buttons/tall_red_btn.gif) no-repeat top left; } /**************************************************************************** JOBS PAGE ****************************************************************************/ p.next_job_level { padding: 4px; } table.job_list { width: 100%; margin: 0; padding: 0; } table.job_list tr th { padding: 6px; margin: 0; font-size: 90%; font-weight: bold; text-align: left; border-top: none; } table.job_list td { height: 70px; padding: 2px 6px; margin: 0; font-size: 90%; text-align: left; border-bottom: 1px solid #333; } td.job_name { font-size: 150%; font-weight: bold; width: 250px; } td.job_reward { width: 200px; } td.job_energy { width: 100px; } td.job_required_items { vertical-align: top; } div.req_item { margin: 2px; padding: 5px 0; display: inline; float:left; width: 40px; height: 40px; clear: none; } div.req_property { text-align:center; width:40px; float:left; margin:2px; } div.req_property img { width: 40px; height: 40px; } div.req_item div { text-align: center; padding-bottom: 5px; } div.req_item img { width: 40px; height: 40px; } tr.disabled_row { } .disabled_text, .disabled_row b, .disabled_row strong, .disabled_row td{ color: #777777; } span.unlock_text { color: #aa0000; font-size: 14px; font-weight: bold; } span.bold_number { color: #fff; font-weight: bold; } span.job_loot_chance { color: green; } div.boss_wrapper { width: 100%; text-align: center; } div.boss_box { margin: 10px auto 20px auto; padding: 10px; border: 1px solid #fff; vertical-align: middle; text-align: left; width: 770px; display: block; clear: both; } img.boss_image { width: 200px; height: 150px; } span.boss_name { font-size: 18px; color: #fff; } div.boss_locked { font-size: 120%; text-align: center; } div.boss_float { float: left; padding: 10px 0 0 30px; } ul.bullet_list { margin: 0 0 0 35px; padding: 0; } ul.bullet_list li { margin-left: 0; } #mission_feedback .buttonnumbers_cont {width:600px;overflow:hidden;zoom:1;} #appInstall { position: relative; top: 25px; margin: 0 auto; height: 393px; width: 532px; font-size: 14px; background: url('http://myspace3.vampires.static.zynga.com/graphics/add_app.png'); } #addContent { position: relative; top: 130px; left: 60px; width: 240px; height: 191px; margin: 0px auto; font-family: arial, sans-serif; } #mission_feedback .buttonnumbers_cont { width: 600px; overflow: hidden; zoom: 1; } .avatar_comb_cont_edit { position:relative; left:35px; top:70px; } .avatar_comb_cont_shop { position:absolute; width: 100%; } .mission_congrats { background: url(http://myspace3.vampires.static.zynga.com/graphics/congratulations_ms.png) 0 0px; font-size: 14px; width: 787px; } /* WEIGHTED MEASSAGES */ .message_odd, .message_even, .unweighted_message { font-size: 14px; padding: 5px; } .message_body { margin: 0 5px; } #mastered_mission_tier { width: 791px; } #mastered_mission_tier div { top: 15px; position: relative; } .message_earned_trophy { width: 600px; height: 150px; left: 85px; } .message_popup_fight { width: 350px; } .message_earned_trophy .message_earned_feed_link { left: 150px; } #message_judgement_buffs { width: 791px; } #mastered_mission { width: 791px; } /* END WEIGHTED MESSAGES */ /* LEVEL UP CONGRATS */ .rewards { position:absolute; top:65px; right:280px; width:250px; overflow:auto; } .rewards h2 { margin:0; padding:0; color: #AA0000; } .rewards h3 { margin: 0px; margin-top: 10px; padding:0; color: #AA0000; } .rewards p { margin:0 0 5px 0; padding:0; } .mission_congrats { width: 791px; background: url(http://myspace3.vampires.static.zynga.com/graphics/congratulations_ms.png) 0 0px; background-repeat: no-repeat; } .mission_congrats_elders { width: 791px; } .mission_congrats_elders ul { position: relative; top: -70px; } .mission_congrats_elders .congrats_elders_img { position: relative; top: -15px; left:20px; } .mission_congrats_elders .ftr { position: relative; padding: 5px; top: -100px; left: 360px; } .mission_congrats .ftr a { position: relative; left: 340px; } /* END LEVEL UP CONGRATS */ /** inventory page fix for maxed page height in myspace only **/ #ms_abilities_scroll { height: 1300px; overflow-x:hidden; overflow-y:auto; } * html div#ms_abilities_scroll{ height: expression( this.scrollHeight > 600 ? "601px" : "auto" ); /* sets max-height for IE */ overflow-x:hidden; overflow-y:auto; } div#ms_abilities_scroll{ max-height: 600px; /* sets max-height value for standards-compliant browsers */ overflow-x:hidden; overflow-y:auto; } .trophyTitle { background-image: url('http://myspace3.vampires.static.zynga.com/graphics/trophyRowBg_ms.png'); } /********* new index messaging ***********/ .shout { border-width:1px; } .msg_news { height:354px; } .msg_content_control { width:405px; } .msg_content_control_news { width:480px; } .msg_content_news { width:475px; } .msg_control { width:180px; } /******************** END new index messaging ***********/ .buff_img { float: left; } .buff_desc { padding: 10px; } #content .messages div.sysbutton_h28 a.redbtn.sysbutton { position: relative; } #content .messages div.sysbutton_h28 a.redbtn.sysbutton span.money { padding-left: 13px; } #content .messages div.sysbutton_h28 a.redbtn.sysbutton span.money img{ position: absolute; top: 0px; left: 23px; } /******************** LIGHTBOX ********************/ #lightbox_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:4; -moz-opacity: 0.4; opacity:.40; filter: alpha(opacity=40); } #lightbox_content { display: none; position: absolute; top: 0%; width:656px; padding: 0; left: 50%; border: 2px solid #333; background-color: white; z-index:5; overflow: auto; color:#000; } #close { position:absolute; top:5px; right: 0px; cursor:pointer; } /******************** END LIGHTBOX ********************/ #vamp_content { position:relative; } #event_lock { width:153px; height:225px; position:absolute; top:0; left:517px; overflow: hidden; margin: 0px; padding:0px; } #event_title { width:143px; height:15px; position:absolute; top:0px; left:0px; margin:0px; padding:5px 10px 5px 0px; font-size:0.9em; text-align:center; } #event_boe { width:153px; height:25px; position:absolute; top:155px; left:0px; margin:0px; padding:0px 0px 5px 0px; text-align:center; font-size:0.9em; } /******************** END LIGHTBOX ********************/ #stats_div { width: 250px; max-width: 250px; overflow: hidden; position: absolute; top: 5px; right: 20px; } #v_event_nyportal { margin:0 17px; } #v_event_nyportal .story { font-size:14px; } #v_collector { margin-left:59px; } #v_ny_home { margin-left:32px; } .confirm_popup { position: absolute; left: 210px; top: 340px; _top: 5px; border: 2px solid #700000; background: #000000; z-index:50; width: 325px; height: auto; display: none; text-align: center; font-family: arial, sans-serif; font-size:12px; color:white; font-weight:normal; } #fight_results_div #wholeFightPage{ width:800px; } #fight_results_div .fighter { width:185px; } #fight_results_div .fighter_right { padding-left:25px; padding-right:0px; } #fight_results_div .center_img_ms { margin-left: 100px; } #fight_results_div .skill_set { width:340px; } #fight_results_div .more_info { width:800px; } div.photo li.content { width:720px; }/**************************************************************************** POPUP WINDOW ****************************************************************************/ div.zy_popup_box_bg { visibility:hidden; position:absolute; background-color:black; vertical-align:top; top:0; left:0; z-index:2; height: 100%; width: 100%; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* must be in this order for IE8-as-7! */ filter: alpha(opacity=50); } div.zy_popup_box_off_one, div.zy_popup_box_off_two, div.zy_popup_box_off_five, div.zy_popup_box_off_seven, div.zy_popup_box_def, div.zy_popup_box_def_ten, div.zy_popup_box_mov_one, div.zy_popup_box_mov_five, div.zy_popup_box_mov_ten, div.zy_popup_box_mov_twenty, div.zy_popup_box { visibility:hidden; position:absolute; background-color: #fffadb; left: 210px; width: 450px; z-index:30; vertical-align:top; border: 4px solid #ffd461; vertical-align:middle; text-align: left; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* must be in this order for IE8-as-7! */ filter: alpha(opacity=100); } div.zy_popup_box{ top: 125px; } div.zy_popup_box_off_one{ top: 1030px; } div.zy_popup_box_off_two{ top: 1120px; } div.zy_popup_box_off_five{ top: 1220px; } div.zy_popup_box_off_seven{ top: 1320px; } div.zy_popup_box_def{ top: 660px; } div.zy_popup_box_def_ten{ top: 760px; } div.zy_popup_box_mov_one{ top: 990px; } div.zy_popup_box_mov_five{ top: 1100px; } div.zy_popup_box_mov_ten{ top: 1200px; } div.zy_popup_box_mov_twenty{ top: 1310px; } div.zy_popup_box_button { visibility:hidden; position:absolute; right:10px; top:9px; width:21px; height:21px; padding: 0; margin: 0; background: #fffadb; } div.zy_popup_box_button a, div#zy_popup_box_button a:visited { border: none; text-decoration: none; } div.zy_popup_box_title { visibility:hidden; float:left; margin: 5px; font-size: 18px; font-weight: bold; color: #000; } div.zy_popup_box_body { visibility:hidden; float:left; margin: 15px 5px; clear: left; font-size: 14px; font-weight: normal; color: #000; width: 430px; } div.zy_popup_box_body td { font-size: 14px; }