/************ BUTTONS *************/ .sysbutton_h28 { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_28_offon.png'); line-height: 28px; height:28px; background-color: transparent; border-style: none; color:#fff; font-size:12px; text-align:center; margin:0px; cursor:pointer; } a.sysbutton { background-color: transparent !important; border-style: none !important; color:#fff !important; font-size:12px !important; text-align:center !important; margin:0px !important; cursor:pointer !important; } a.sysbutton:hover { text-decoration: none !important; } .sysbutton_h22 { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_22_offon.png'); line-height: 22px; height:22px; background-color: transparent; border-style: none; color:#fff; font-size:12px; text-align:center; margin:0px; cursor:pointer; } .sysbutton_h22_purple { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_22_purple_offon.png'); } .sysbutton_h22_green { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_22_green_offon.png'); } .sysbutton_h22_orange { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_22_orange_offon.png'); } .favorbutton { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/callout_btn.png'); line-height: 31px; height:31px; font-size:12px; background-color: transparent; border-style: none; color:#fff; margin:0px; text-align:center; cursor:pointer; } .favorbutton a { padding:0px; margin:0px; } .squareButton { background: transparent url(http://myspace3.vampires.static.zynga.com/graphics/buttons/square_red_offon.png); border-style: none; color: #fff !important; font-size: 12px; text-align: center; margin: 0px; cursor: pointer; height: 67px; width: 73px; display: block; margin-left: 10px; } .squareButton:hover { background-position: 0 -67px; text-decoration: none !important; } .squareButton .buttonText { font-size: 13px; padding-top: 18px; } .rectButton { background: transparent url(http://myspace3.vampires.static.zynga.com/graphics/buttons/rectangle_red_offon.png); border-style: none; color: #fff !important; font-size: 12px; text-align: center; margin: 0px; cursor: pointer; height: 37px; width: 93px; margin-bottom: 3px; margin-top: 3px; display: block; } .rectButton:hover { background-position: 0 -37px; text-decoration: none !important; } .rectButton .buttonText { font-size: 13px; padding-top: 10px; } input[disabled].sysbutton_h28, input[disabled='disabled'].sysbutton_h28, input.sysbutton_h28.disabled { color: #CCCCCC; /* IE6 hack */ background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_28_dead.png'); cursor:default; } input[disabled].sysbutton_h22, input[disabled='disabled'].sysbutton_h22 { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_22_dead.png'); cursor:default; } input[disabled].disabled_sysbutton_h28, input[disabled='disabled'].disabled_sysbutton_h28 { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_28_dead.png'); background-color: transparent; line-height: 28px; height:28px; border-style: none; color:#fff; font-size:12px; text-align:center; margin:0px; cursor:default; } .disabled_sysbutton_h28 { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/system_28_dead.png'); background-color: transparent; line-height: 28px; height:28px; border-style: none; color:#fff; font-size:12px; text-align:center; margin:0px; cursor:default; } .favorbutton_disabled { background-image: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/callout_btn.png'); line-height: 31px; height:31px; background-color: transparent; border-style: none; color:#fff; font-size:12px; margin:0px; width: 174px; background-position: -348px 0px ; } .w279xh28 { width:279px; background-position: 0px -28px; } .w202xh28 { width: 202px; background-position: 0px -112px; } .w177xh28 { width:177px; background-position: 0px -140px; } .w152xh28 { width: 152px; background-position: 0px -168px; } .w128xh28 { width: 128px; background-position: 0px -196px; } .w102xh28 { width: 102px; background-position: 0px -224px; } .w77xh28 { width: 77px; background-position: 0px -252px; } .w53xh28 { width: 53px; background-position: 0px -280px; } .w178xh22 { width: 178px; background-position: 0px -110px; } .w102xh22 { width: 102px; background-position: 0px -176px; } .w77xh22 { width: 77px; background-position: 0px -198px; } .w53xh22 { width: 53px; background-position: 0px -220px; } .fav_w174xh31 { width: 174px; } .centerButton { margin:0px auto; } /* hovers */ .w279xh28:hover { width:279px; background-position: -302px -28px; } .w202xh28:hover { background-position: 302px -112px; } .w177xh28:hover { width:177px; background-position: 302px -140px; } .w152xh28:hover { background-position: 302px -168px; } .w128xh28:hover { background-position: 302px -196px; } .w102xh28:hover { background-position: 302px -224px; } .w77xh28:hover { background-position: 302px -252px; } .w53xh28:hover { background-position: 302px -280px; } .w178xh22:hover { background-position: 303px -110px; } .w102xh22:hover { background-position: 303px -176px; } .w77xh22:hover { background-position: 303px -198px; } .w53xh22:hover { background-position: 303px -220px; } .fav_w174xh31:hover { background-position:-175px 0px; } .favorbutton a:hover { color:#fff; text-decoration:none; } /***** LARGE TEXT BUTTON ********/ a.redbtn { font-size:12px; text-decoration: none; color: #ccc; text-align:center; } a.redbtn:hover { text-decoration: none; color: #ccc; } a.redbtn em .money { display:inline; text-decoration: none; color:#fff; } .two_line_redbutton { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/action2line.png) no-repeat; height:44px; background-color: transparent; border-style: none; font-size:12px; color:#fff; margin:0px; text-decoration:none; } .one_line_redbutton { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/action1line.png) no-repeat; height:28px; background-color: transparent; border-style: none; font-size:12px; color:#fff; margin:0px; text-decoration:none; } .w164xh44 { width: 164px; padding:0px; background-position: 0px 0px; } div.w164xh44:hover { background-position: -164px 0px; text-decoration:none; } .w163xh28 { width: 163px; padding:0px; background-position: 0px 0px; } div.w163xh28:hover { background-position: -163px 0px; text-decoration:none; } .w163xh28 a { font-size:12px; text-decoration: none; text-align:center; color: #ccc; text-align: -moz-center; padding:10px; } .pad7top { padding-top:7px; } .blockpad { display:block; text-align:center; width:100%; } /******* END LARGE TEXT BUTTON *******/ /************ SPLATTER BUTTON ***********/ #cta_buy { background: url('http://myspace3.vampires.static.zynga.com/66563/graphics/buttons/accept_offer.png'); background-position: -26px -26px; width: 150px; height: 51px; border:0; } #cta_buy:hover { background-position: -26px -128px; } #cta_buy span { display:none; } /************ END SPLATTER BUTTON ***********/ .btn_bott_margin { margin-bottom:25px; } /********** END OF BUTTONS ***********/ .shoptabs { width: 100%; clear: both; } .shoptabs ul { list-style:none; text-align: center; margin: 0px; padding: 0px; } .shoptabs 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; } .shoptabs a { font-family:Arial, Arial, Helvetica, sans-serif; float:left; display:block; text-decoration:none; color:#fff !important; font-weight: bold; font-size: 14px; } .shoptabs a:hover { color:#ccc; text-decoration:none; } .shoptabs .selected_tab { background: url(http://myspace3.vampires.static.zynga.com/66563/css/ui/stats_tabs_bg_selected.gif) no-repeat center left; } #shopLeft { float: left; overflow: hidden; width:424px; padding-top:10px; padding-bottom:20px; } .shopItem { float: left; margin: 20px 0px 20px 10px; height: 165px; font-size:0.8em; width:155px; text-align:left; } .shopImage { height: 120px; width: 120px; overflow: hidden; margin: 0 auto; background-color: #222222; text-align: center; } .shopItem_name { width:135px; height:18px; } .smaller { font-size: 11px !important; } .avatarPopupBG { background-image: url(http://myspace3.vampires.static.zynga.com/66563/graphics/avatar_popup_back.png); height: 120px; width: 120px; float: left; margin: 10px; margin-top: -20px; } .tut_split_right { float:left; clear:none; width:150px; margin:12px 0px 0px 100px; } #treasure { border:1px solid #333; padding:5px; margin-bottom:10px; text-align:center; } #treasure .box, #treasure_box { border:1px solid #333; background-color:#000; margin:auto; width:600px; padding: 5px 5px 10px 5px; text-align: center; } #treasure p { text-align:left; } #treasure span.quote { font-style:italic; line-height:1.5em; } #treasure div.action_responses { border:1px solid #333; background-color:#000; } #treasure table.lock_table td { width:105px; height:125px; border:1px solid #333; text-align:center; } #treasure table.lock_table td.unavail { background-color:#252525; } #treasure div.row { margin:1px; } .inventory_none { margin-bottom: 15px; } .inventory_image { height: 75px; } .inventory_brag { padding-left: 30px; } .inventory_offense,.inventory_defense,.inventory_mobile { padding-top:18px; } .inventory_unlock { font-size:11px; font-weight:700; } .comment_text { color: white; } .comment_nongroup { color: #02C1A4; } #main_menu_link { margin-bottom: 10px; } .colbkgd table.main { table-layout: fixed; } table.main td.unlock { padding-top: 10px; padding-bottom: 10px; } table.main td.property_image { padding-right: 20px; } table.main td.property_separator { height: 14px; vertical-align: middle; } table.main td.property_separator div.line_separator { margin: 6px 0pt; } div.property_viral_title { font-size: 125%; white-space: nowrap; } div.property_requires { float: left; } div.property_members { float: left; margin-left: 4px; } div.property_clear { clear: both; display: none; } .stats_value, .finance_value { text-align: right; } .pts_needed { text-align: center; } .pts_needed img { padding-left: 10px; margin-left: 10px; } .input_box { background-color: #000000; color: #ffffff; } #statsLayout .column { float:left; width: 48%; } #statsLayout .column .columnContents { padding: 0px; } .columnContents .main { width: 90%; } #clearStatsLayout { clear: both; } .statsColumn { border-right: 1px dotted #700000; } #avatarLayout { margin: 0 auto; } #picColumn { float:left; margin:0 3px; width: 80%; } #avatarPic { border: 1px solid #FFF; background-color: #000; background-position: center; height:600px; } #avatarLayout .outfitsColumn { float:left; width: 4%; margin:10px 0 0 -2px; } #avatarLayout .outfitsColumn div { margin-top:-7px; } #avatarLayout .outfits_others div { display:none; } #avatarViewer { text-align: center; width: 100%; } #editAvatar { text-align: center; width: 100%; padding-top: 15px; } table.fight_table { width: auto; } div.fight_table_container { height:1500px; z-index: 1; } table.fight_table td { text-align: left; } table.fight_table td.groupsize, table.fight_table th.groupsize { text-align: center; } table.fight_table td.action, table.fight_table th.action { width: 120px; text-align: center; } table.fight_table td.action form { margin: 0; } .fresh_meat_green { color:#0c0; } .fresh_meat_overlay_close { position:absolute; left:275px; top:10px; width:15px; height:15px; } .fresh_meat_overlay_close img { width:15px; height:15px; } .fresh_meat_overlay_attack_invite { position:absolute; left:35px; top:80px; width:230px; height:40px; } .fresh_meat_overlay_attack_invite img { width:230px; height:40px; } .fresh_meat_overlay_attack_only { position:absolute; left:70px; top:140px; width:160px; height:20px; } .fresh_meat_overlay_attack_only img { width:160px; height:20px; } .fresh_meat_row td { vertical-align:middle; } ul.news { list-style-type: none; height: 200px; overflow: auto; margin:0px; padding-left: 10px; } ul.news li { margin: 0px 10px 10px 0px; padding: 0 10px 0 0; } div.news_title { font-size: 10px; font-weight: 700; } table.leader { width: 300px; } table.leader td { width:auto; max-width: 250px; overflow: hidden; font-size: 12px !important; } .nowrap { white-space:nowrap; } /* Buy_frame "page" */ body#buy_frame_body { background: #000; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; margin: 0px; padding: 0px; text-align: left; width: 100%; } body#buy_frame_body h1, body#buy_frame_body h2, body#buy_frame_body h3, body#buy_frame_body h4, body#buy_frame_body h5 { font-size: 13px; color: #333; margin: 0px; padding: 0px; } body#buy_frame_body h1 { font-size: 14px; margin: 10px; } body#buy_frame_body h4, body#buy_frame_body h5 { font-size: 11px; } body#buy_frame_body p { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; text-align: left; } body#buy_frame_body a { color: #3b5998; text-decoration: none; font-size: 15px; font-weight: bold; } body#buy_frame_body a:hover { text-decoration: underline; } body#buy_frame_body img { border: 0px; } body#buy_frame_body form { padding: 0px; margin: 0px; } body#buy_frame_body a.hover { text-decoration: underline; } #featured_buys { height: 145px; border: 2px solid #660000; margin: 0; padding: 10px; } #featured_buys li { list-style-type: none; display: inline; float: left; margin-bottom: 15px; } /* shoutout div */ #shoutout { width:100%; float: left; padding-top: 20px; } /* Special formatting for table-less index page */ #right_content { float: left; width: 210px; margin-left: 10px; } #left_content { float: left; } #news_on_home { text-align: left; width: 200px; margin-top: 10px; } /* Limited edition box on homepage */ #le_box { margin-top: 10px; margin-bottom: 10px; width: 200px; padding: 5px; font-size: 14px; text-align: center; width: 200px; } #vampire_santa { margin-top: 10px; margin-bottom: 10px; width: 200px; padding: 5px; font-size: 14px; text-align: center; width: 200px; } #le_box .title { width: 100%; font-size:20px; margin-bottom:15px; border: none; } #le_box .limited { color: white; font-size: 14px; } #le_box .buy { clear:both; width:100%; font-size:20px; } /* e-mail collection div */ #email_collection { border: 1px solid #fff; padding: 5px; margin-top: 15px; } #email_collection .text { font-size: 90%; font-weight: bold; } #email_collection .gold { color: #FFD927; } #email_collection .red { color: #AA0000; } #email_collection .input { background-color: #111; color: white; border: 1px solid #6C7A8F; } /* news feed div */ #news_feed_container { width:100%; clear: both; } #news_feed_container div.title { padding: 0px 0px 1px 10px; border:0px; } #news_feed { text-align: justify; } #news_feed .money { white-space:nowrap; } /* main menu as divs*/ #main_menu { padding: 4px; float: left; width: 100%; } #main_menu .wrapper { padding: 4px; clear: both; } #main_menu .image { vertical-align: middle; text-align: left; padding-right: 5px; float: left; } #main_menu .link { width: 175px; vertical-align: middle; float: left; } #main_menu .desc { vertical-align: middle; float: left; width: 305px; } /* column based rare ability page formatting */ .clear { clear: both; } .ability_padding { padding: 4px; } .ability_padding .right_float { font-size: 10px; } .left_float { float: left; } .right_float { float: right; } .ability_column { float: left; width: 30%; padding: 10px; text-align: center; } .ability_row { margin:5px; float: left; border-left: 1px dotted #400000; border-right: 1px dotted #400000; } .ability_row strong { white-space: nowrap; font-size:13px; } .right_border { border-right: 1px dotted #400000; } .submitBt { text-align: center; width: 625px; } .btn { width: 120px; height: 30px; } #selectedFriendsDiv { margin: 0 0 0 20px; } #pageNavPosition { text-align: right; font-size: large; width: 625px; } #pageNavPosition2 { text-align: right; font-size: large; width: 625px; margin-bottom: 5px; } #friendsListSize { display: inline; } .fight_results_buff_iconlist { padding: 0px 0px 0px 16px; } .fight_results_buff_iconlist a { margin: 0px 0px 0px 3px; } .buff_notification_icon { float: left; margin: 0px 10px 0px 10px; } .buff_notification_hottip hr { clear: both; visibility: hidden; height: 1px; line-height: 1px; margin: 0px; } .buff_notification_text { padding: 20px 0px 0px 0px; font-size: 15px; font-weight: bold; float: left; } .buff_notification_button_form { float: left; padding: 27px 0px 0px 30px; } .buff_notification_text i { font-size: 10px; } .buff_notification_text a { font-size: 15px !important; font-weight: bold; } .buff_notification_header { margin: 0px 0px 5px 0px; } .buy_button { width: 250px; text-align: center; color: #fff !important; border-color: #000; background-color: #000; cursor: pointer; border: 1px solid white; } .improve_ability_button { text-align: center; color: #fff !important; border: 1px solid #fff; background-color: #000; cursor: pointer; } .improve_ability_button a { text-decoration: none !important; color: #fff !important; } .improve_ability_button a:hover { text-decoration: none !important; } a.buy_button { border: none; } :hover a.buy_button:hover { color: #aa0000 !important; cursor: pointer; } a.buy_button:hover { color: #aa0000 !important; cursor: pointer; } #buy_frame_quad_table { border-top:1px solid #CCC; border-bottom:1px solid #CCC; } #buy_frame_quad_table .column_one { width:60%; color: white; border-right:1px dashed #111; padding-right:10px; } .disabled.widebutton { width: 250px; text-align: center; color:#666; } .requests { list-style-type: none; padding: 10px 5px; margin: 10px; width: 97%; max-height: 1000px; overflow: auto; } .requests li { text-align: center; float: left; overflow: hidden; margin: 3px; width: 100px; height: 200px; margin-left:13px; } .requests li div.pic { overflow: hidden; width: 94px; height: 60px; } .incoming_requests { list-style-type: none; padding: 10px; width: 95%; max-height: 1000px; height: auto !important; overflow: auto; } .incoming_requests li { float: left; overflow: hidden; margin: 3px; width: 180px; height: 160px; } ul.nice_list { list-style-type: none; padding: 0; margin-top: 0px; margin-left: 0px; } ul.nice_list li { float: left; overflow: hidden; text-align: center; margin-top: 0px; margin-left: 10px; margin-bottom: 10px; } ul.items_list { width: 99%; } ul.items_list li, ul.properties_list li { margin-top: 0px; margin-left: 10px; margin-bottom: 10px; width: 90px; } table.stats { margin-top: 0px; margin-left: 10px; margin-bottom: 10px; } table.comments { width: 100%; margin-top: 0px; margin-left: 10px; margin-bottom: 10px; } li.title a:link, li.title a:visited, li.title a:active { text-decoration: none; } div.photo div.thepic { float: left; width: 90px; height: 60px; overflow: hidden; } div.photo li { list-style: none; font-size: small; } div.photo li.title { font: bold small Arial, Verdana, sans-serif; padding-left: 60px; border-top: 1px solid white; } div.photo li.title a:link, div.photo li.title a:visited, div.photo li.title a:active { text-decoration: none; } div.photo li.del_link { margin: -1.8em 0 0 auto; margin-right: 0.2em; text-align: right; } div.photo li.del_link a:link, div.photo li.del_link a:visited, div.photo li.del_link a:active { text-decoration: none; } div.photo li.content { color: white; text-align: left; overflow-x: auto; overflow-y:auto; margin-left: auto; padding-top: 5px; padding-bottom: 25px; } div.photo li.tstamp { color: white; font: small Arial, Verdana, sans-serif; font-size: 0.70em; text-align: right; margin: 0.4em 0 0 auto; margin-right: 0.2em; } div.photo a:link, div.photo a:visited, div.photo a:active { color: white; } .help { font-size: 14pt; border-left: 1px solid white; border-bottom: 1px solid white; width: 150px; font-weight: bold; } .help_left { margin-right: 1%; } .help_left, .help_right { float: left; width: 48%; overflow: hidden; text-align: left; } .oldFriendPic { width: 75px; height: 75px; overflow: hidden; border: 1px solid #FFF; } .oldFriendPic img { width: 75px; } .display_none { display: none; } .userpic { float:left; margin-right:5px; } .extraMemberPic { margin: auto; width: 75px; text-align: center; } .buyframe_container { text-align:left; margin-top:5px; } .cc_logo { height:10px; } .funds_type { font-size:11px; } .funds_type .payment_terms { font-size: 9px !important; } .buyframe_logos { width:400px; text-align:right; } .buyframe_logos table td { padding:5px; } .buyframe_logos .dropdown { } #user_pay_packages { font-size:16px; } .gift_text_header { font-weight:bold; } .defaultImgSize { width: 75px; height: 75px; } #viral_loot_hot_tip { font-size: 14px; } #viral_loot_hot_tip .new { color: #ff0000 !important; font-weight: bold !important; } #viral_loot_hot_tip .name { width: 250px !important; font-size: 16px !important; } #viral_loot_hot_tip .clan_requirement { color: #ff0000 !important; } #viral_loot_hot_tip .icons { width: 100px !important; font-size: 14px !important; } .crypt_hot_tip_lock { border: 1px solid #333; } #crypt_hot_tip_treasure_box { float: left; width: 205px; min-height: 150px; font-size: 12px; margin-right: 10px; text-align: center; } #crypt_hot_tip_treasure_box_img { height: 150px; } #crypt_hot_tip_right { font-size: 12px; text-align: center; } .crypt_hot_tip_title { text-align: center; border-bottom: 1px solid #700000; font-size: 20px; } .crypt_hot_tip_godfather { width: 100px; float: left; } #crypt_hot_tip_warning { float: left; text-align: center; margin-top: 15px; margin-bottom: 5px; } .treasure_message { height: 100px; } .lock_div { text-align: center; } .treasure_timer { color: #AA0000; } .zy_request_form_bulletin { width: 100%; } .zy_request_form_bulletin table { width: 100%; } .bulletin_text { text-align:left; } .bulletin_button { text-align:right; } #zy_broadcast_bulletin_request { width:90%; text-align:left } #broadcast_body { width: 200px; border: 1px solid #6c7a8f; background-color: #111111; color:white; } .favor_points { color: #ffd927; } .cross_promo_award_text { height: 75px; line-height: 75px; } .cross_promo_award_text img { vertical-align: middle; } .bulletin_padding { padding-left: 30px; } .property_clear { clear:both; display:none; } .viral_property { border:3px solid #fff !important; width: 100%; } .jobs_prop_image_missing { width: 75px; height:auto; } .jobs_prop_image { height: 40px; height:auto; } .flash_banner { text-align: center; } .job_desc { padding-right: 10px; vertical-align: middle; } .magic_items_requirement { text-align: center; } .cross_promo_job { vertical-align: middle; } .cross_promo_job_text { font-size: 12px; color:#ededed; font-style:italic; } .cross_promo_job_form { margin: 0px; } .le_table { width: 240px; } .le_table .name { width: 180px; } .le_table .icon { width: 120px; } .giftable_table { border:1px solid #700; margin:0 auto; } .levelup { font-size: 14px; } .congrats_luco { vertical-align: top; } .news { } tr.header th { font-size: 18px; border-top: 1px solid #700000; border-bottom: 1px solid #700000; } table .header { padding: 30px; } .unlock, .unlock a { color: #aa0000; } .tutorial_congrats { border:1px solid #ffffff; text-align: center; margin: 0 10px 10px 0; } .blocked_box { text-align: center; } .blocked_text { font-size: 18px; font-weight: bold; } .you_gained { vertical-align: middle; } .magical_msg { vertical-align: middle; text-align: left; } .action_buttons { margin-top: 10px; } .action_attack { float: left; } .action_run { float: right; } .redeem_continue { margin-right: auto; margin-left: auto; } .boss_loot_chance { width:120px; } .boss_left_content { width: 200px; height: 150px; text-align: center; float: left; } .boss_right_content { padding-left: 20px; font-size: 90%; vertical-align: top; float: left; } .boss_title { font-size: 20px; border-bottom: 1px solid #555; margin-bottom: 5px; } .boss_desc { margin: 5px 0; } .req_boss_item { text-align: center; } .req_boss_item_not_present { text-align: center; border: 1px solid #600000; background-color:#600000; float:left; margin-left:2px; } .boss_submit { float: right; margin-left: 5px; vertical-align: middle; } .leader_kills, .leader_fights, .leader_hitlist, .leader_balances { color: #ffd927; font-size: 14px; } .treasure_msg { padding: 5px; } .treasure_box_open { width: 350px; height: 256px; } .treasure_click_text { font-style: italic; } div.rate_item { padding: 10px 0; } div.rate_item b { font-size: 15px; } .feedback_text { padding-bottom: 5px; } .race_list { list-style-type:none; } /* Skill Ratings Friend Rankings */ #friendRankings { color: white; } .friend_rankings_name_col { width: 75%; text-align: left; } .friend_rankings_rating_col { width: 25%; } td.friend_rankings_name_col { font-weight: normal; font-size: 14px; overflow: hidden; } td.friend_rankings_rating_col { font-weight: normal; font-size: 14px; text-align: center; } .flavor_left { float: left; width: 48%; margin: 5px; } .flavor_right { float: left; width: 48%; margin: 5px; } .terms_service { height: 800px; overflow: auto; padding: 10px; } .note { font-size: 12px; font-style: italic; padding: 5px; } .property_button { width: 75px; } .inventory_button { width: 65px; } .separator_column { width: 10px; } .pic { width: 750px; } .gift_ability { width: 25px; } .hot_tip_box { vertical-align: middle; padding: 10px; margin-top: 10px; margin-bottom: 10px; clear: both; } .center_ie7 { text-align: center !important; } #buff_wheel { width: 600px; height: 551px; margin: 0 auto; background-image: url(http://myspace3.vampires.zynga.com/graphics/bloodwheel.jpg); margin-bottom: 50px; border: 1px solid #333333; } #buff_button_container { width: 600px; margin: 0 auto 20px auto; } .buff_button_left { float: left; text-align: center; } .buff_button_right { float: right; text-align: center; } div .scrollable { height: 800px; overflow-y: scroll; } .admin_header { color: black; background-color: white; text-align: left; position: absolute; top: 0; width: 100%; z-index: 1; } .admin_header a, .admin_header a:visited { color: #3B5998; text-decoration:none; } .admin_header a:hover, .admin_header a:active { color: #3B5998; text-decoration:underline; background-color: white; } h2 { margin-top: 20px; } div.admin { color: black; background-color: white; text-align: left; padding: 10px; } #MainDiv { color: black !important; background-color: black; text-align: left !important; font-family: arial, sans-serif !important; } .admin td { color: black; } .admin .title { background: none; } .toggle_header { position: absolute; background: none; font-size: 8pt; color: #AA0000; z-index: 2; } .toggle_header a { color: #AA0000; text-decoration: none; } .fight_result_user { border-right: 1px solid #cccccc; width: 50%; } #fightResultsDiv { display: none; } #fightResultsDiv td { vertical-align: top; } #fightResultsDiv table { width: 100%; } #showResultsLink { text-align: center; } .lotto_image { height: 280px; } .lotto_boxes { width: 100%; } .lotto_boxes td { width: 32%; } .lotto_flavor { width: 100%; } .lotto_rarity { font-size: 10px; text-align: center; } .lotto_comeback, .lotto_odds { color: #F00; } .lotto_buy_button { width: 300px; background-image: url(http://myspace3.vampires.static.zynga.com/66563/graphics/judge/redbkgd.gif); padding: 2px 5px; border: 2px solid #aa0000; text-align: center; color: #fff !important; cursor: pointer; } a.lotto_buy_button { border: none; } :hover a.lotto_buy_button:hover { color: #ffc000 !important; text-decoration: none; } :hover a.lotto_buy_button{ color: #ffc000 !important; text-decoration: none; } .favor_warning { font-size: 14px; color: yellow; font-weight: bold; } .tut_clan { float: left; margin-right: 10px; margin-bottom: 10px; padding-top: 5px; border: 1px solid #FFF; width: 115px; height: 115px; overflow: hidden; } .tut_clan_img { width: 75px; height: 75px; overflow: hidden; } /* Ability mastery */ .ability_info .ability_pic_cont { width: 75px; height: 75px; position: relative; } .ability_info .ability_pic_cont img { border: 0px none #fff; width: 75px; height: 75px; } .ability_info .ability_name { width:180px; overflow:hidden; display:inline; float:left; text-align:left; } .ability_info .ability_buttons { width:95px; float:left; display:inline; margin-top: 10px; } .ability_info .ability_buttons .ability_button { width:95px; } .ability_info .ability_cost { width:80px; float:left; display:inline; margin-left: 10px; margin-top: 12px; white-space: nowrap; } .ability_info .ability_inline_edit { width:180px; float:left; display:inline; position:relative; } .ability_info .ability_inline_edit2 { border:1px solid #ffffff; } .ability_info .right_close { width:10px; font-weight:bold; position:absolute; top:3px; right:8px; } .ability_info .3pad { margin:3px; } .clan_popup { width: 400px; font-size: 20px; z-index: 94; border: 1px solid white; background-color: black; display: block; position: absolute; left: 200px; top: 5px; text-align: center; font-family: arial, sans-serif; padding: 10px; } .buy_button_new { width: 150px; background-image: url(http://myspace3.vampires.static.zynga.com/66563/graphics/judge/redbkgd.gif); padding: 2px 5px; border: 2px solid #aa0000; text-align: center; cursor: pointer; } .buy_button_new a { color: #fff !important; border: none; } .buy_button_new a:hover { color: #ffc000 !important; text-decoration: none !important; } a.buy_button_new_link { color: #fff !important; border: none; font-size: 12px !important; } :hover a.buy_button_new_link:hover { color: #fff !important; text-decoration: none !important; } a.buy_button_new_link:hover { color: #fff !important; text-decoration: none !important; } .disabled_new { width: 130px; font-weight: bold; } .le_layout { border: 2px solid #660000; width: 100%; display: block; margin-top:20px; } .items_td { width: 50%; } .le_left { width:78%; padding:10px; } .le_button { padding:10px; } .buy_button_new { width: 150px; background-image: url(http://myspace3.vampires.static.zynga.com/66563/graphics/judge/redbkgd.gif); padding: 2px; font-weight: bold; border: 2px solid #aa0000; text-align: center; color: #ffffff; cursor: pointer; display: block; text-decoration: none; } .buy_button_new a:link { text-decoration: none; color: #ffffff; } .buy_button_new a:visited { text-decoration: none; color: #ffffff; } .buy_button_new a:hover { color: #ffc000; text-decoration: none; } .notifpop_cont { text-align:left; padding:0px 20px; font-size: 10px; } .notifpop_header { font-size: 16px; } .notifpop_buttoncont { margin:10px auto; width:160px; } #confirm_popup .close_button { padding:5px; } #confirm_popup .closebutton { width: 21px; height:21px; } #confirm_popup .action_link { margin:2px; display: inline; } #inside_scrollable { width: 1000%; position: relative; } .scroll_button_right { padding-left: 5px; float: right; } .scroll_button_left { padding-left: 5px; float: left; } .hitlist_postbulletin_text { margin-top:10px; } /* Messaging Styles */ .messages .message { border:1px solid #705A5A; } .unweighted_message { border-left:1px solid #705A5A; border-right:1px solid #705A5A; position:relative; } .message_odd { border:1px solid #705A5A; border-top:none; position:relative; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/msg_grad_2.png) 0 0px; } .message_even { border:1px solid #705A5A; border-top:none; position:relative; } .message_top_border { border-top:1px solid #705A5A; } .message_bottom_border { border-bottom:1px solid #705A5A; } #mastered_mission_tier { height: 80px; position:relative; } #mastered_mission_tier img { position:absolute; left:20px; top: 5px; } #mastered_mission_tier p, #mastered_mission_tier a { margin:5px 0 0 120px; } #mastered_mission_tier p em { color: #007700; font-style:normal; font-weight: bold; } .message_earned_trophy { display: none; background: #000 url(http://myspace3.vampires.static.zynga.com/66563/graphics/popups/reallocatestats_popup_bkgd.png); position: absolute; top: 75px; z-index: 95; width:100%; } .message_earned_trophy .message_popup_close_link { position: absolute; top: -12px; right: 45px; } .message_earned_trophy img { position:absolute; left:20px; top: 15px; } .message_earned_trophy p { margin:5px 0 0 120px; } .reallocationHeader { margin:5px 0 0 120px; height: 21px; width: 307px; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/popups/header_reallocate_text.png) top left no-repeat; font-size: 0; } .characterHeader { margin:5px 0 0 120px; height: 21px; width: 347px; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/popups/characterTypeHeader.png) top left no-repeat; font-size: 0; } .message_earned_trophy a { margin:5px 0 0 0; } .message_earned_trophy p em { color: #AA0000; font-style:normal; font-weight: bold; } .message_earned_trophy .message_earned_feed_link { margin:5px 0 0 120px; position: relative; top: 15px; } .message_earned_trophy .buff_text { border:1px solid green; width:60%; margin-left:35%; margin-top:3%; } .message_non_curse { display: none; background-color: #000; position: absolute; top: 75px; z-index: 95; padding-top:15px; } .message_non_curse .message_popup_close_link { position: absolute; right: 5px; } .message_non_curse .buff_img { position:absolute; left:20px; top: 15px; } .message_non_curse p { margin:5px 0 0 120px; } .message_earned_trophy a { margin:5px 0 0 0; } .message_non_curse p em { color: #AA0000; font-style:normal; font-weight: bold; } .message_non_curse .message_earned_feed_link { margin:28px 0px 0px 65px; position: relative; top: 40px; } .message_non_curse .buff_desc { position:absolute; left:185px; top:0; font-weight:normal; font-size:1em; padding-bottom:10px; } .message_non_curse .buff_text { width:400px; position:relative; font-weight:normal; font-size:1em; border:0px; margin:0px 0px 0px 35px; } .message_non_curse .buff_attr { color:#ffba00; } .message_killed_opponent { background: #000 url(http://myspace3.vampires.static.zynga.com/66563/graphics/kill_popup.gif) bottom left no-repeat; } #mission_feedback { overflow: auto; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/mission_grad.png) 0 0px; background-repeat: repeat-x; position:relative; height: auto; padding: 4px 0 10px; } #message_judgement_buffs { height: auto; position:relative; } #message_judgement_buffs p { margin:5px 0 0 5px; } #message_judgement_buffs div { position: relative; padding-bottom: 8px; } #mastered_mission img { position: relative; left: 20px; top: 5px; float: left; } #mastered_mission p, #mastered_mission .sysbutton_h28 { margin:5px 0 0 120px; } #mastered_mission p em { color: #AA0000; font-style:normal; font-weight: bold; } /*END Weighted Messaging Styles */ /* LEVEL UP CONGRATS */ .mission_congrats { display: none; position: absolute; height: 273px; top: 75px; z-index: 94; background-color: #000000; } .mission_congrats .ftr { position: relative; padding: 5px; top: -32px; left: -55px; } .mission_congrats .message_popup_close_link { position: absolute; top: 2px; right: 2px; } .combat { border:1px solid #705A5A; margin-top: 10px; } .mission { border:1px solid #705A5A; border-top: 0px; } .mission_congrats .rewards h2 { font-size: 16px !important; } .mission_congrats .rewards p { margin-top: 10px; margin-bottom: 10px; font-size: 12px !important; } .mission_congrats .rewards h3 { margin-top: 3px; margin-bottom: 3px; font-weight: normal; font-size: 12px; } .mission_congrats_stats { display: none; position: absolute; top: 75px; left: 100px; z-index: 94; background: #000; border: 1px solid #705A5A; } .mission_congrats_stats .message_popup_close_link, #v_skillsWidget .message_popup_close_link { position: absolute; top: 2px; right: 2px; } .mission_congrats_stats .message_popup_close_button { position: absolute; bottom: 20px; right: 10px; } .mission_congrats_elders { display: none; position: absolute; height: 130px; top: 75px; z-index: 94; background: #000; border: 1px solid #705A5A; } .mission_congrats_elders .message_popup_close_link { position: absolute; top: 2px; right: 2px; } .mission_congrats_elders p { margin:18px 0 0 120px; } .mission_congrats_elders ul { margin:10px 0 20px 80px; } .mission_congrats_elders ul li { list-style: none; } .bdy { margin:75px 0 0 25px; } .promoted { margin:0; padding:0; width:201px; height:167px; border-right:1px solid #333; text-align: center; } .promoted p { margin:0 auto; text-align: center; padding:0; } #levCnt { margin:10px 45px 0; width:100px; height:87px; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/levboard_fr.png) 0 0px; position:relative; } #levBoard { position:absolute; top:45px; } #levBoard span { margin:0; padding: 0; width: 21px; height: 28px; display:block; float:left; } #levBoard span em { display:none; } .lev_0 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -14px; } .lev_1 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -70px; } .lev_2 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -126px; } .lev_3 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -182px; } .lev_4 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -238px; } .lev_5 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -294px; } .lev_6 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -350px; } .lev_7 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -406px; } .lev_8 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -462px; } .lev_9 { background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/level_sprite.png); background-position: -14px -518px; } #levCnt .dig1 { left: 39px; } #levCnt .dig2 { left: 29px; } #levCnt .dig3 { left: 19px; } #levCnt .dig4 { left: 7px; } #levCnt .digGT4 { left: 10px; } /* END LEVEL UP CONGRATS */ .hide_element { display:none; } .neccessary_job { background-color: #200; } #tutorial_congrats { width: 100%; } #tutorial_congrats td { margin: 10px; } #tutorial_congrats .image { text-align: center; } #tutorial_congrats a { font-weight: bold !important; } #tutorial_congrats .congrats_bg { background-image: url(http://myspace3.vampires.static.zynga.com/66563/graphics/congrats-luco.jpg); background-repeat: no-repeat; background-position: top right; } div.akem_cont { position:relative; display:inline; float:left; } div.akem_chests { position: relative; float: right; width: 383px; height: 92px; } span.akem_promo_header { font-weight:bold; font-size:15px; } /* END judge view */ .combat_kills { margin:10px 0 0 110px; } .position_top { position:absolute; top:0px; left:72px; } .left_large_popupbutton { position:absolute; left: 15px; width:112px; } .left_small_button { position:absolute; left:145px; width:65px; } .pop_text_cont { float: right; width: 190px; height:125px; font-size: 11px; text-align: left; position: relative; overflow:hidden; zoom:1; margin:0; padding:0; } .pop_button_cont { position: absolute; left:0px; bottom:0px; width:190px; overflow:hidden; zoom:1; } .wide_pop_button_cont { position: absolute; bottom:0px; left:0px; width:224px; height:24px; overflow:hidden; } .pop_buttons { float:left; margin-right: 10px; overflow:hidden; } .wide_pop_buttons { float:left; width:112px; overflow:hidden; zoom:1; top:0; } #share_link { margin-left:210px; } .helpPopupDiv { position: absolute; display: none; left: 25%; background: #000000 url('http://myspace3.vampires.static.zynga.com/66563/graphics/bloodSplatterCorner.jpg') top right no-repeat; border: 1px solid #890e0e; padding: 8px; width: 365px; z-index: 5; padding-bottom:15px; } .module_texture { border:1px solid #540606; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/email_bkgd.png) repeat; background-color:transparent; } .toolbarCongrats { position: absolute; left: 52px; padding: 15px 45px; width: 565px; background: url('http://myspace3.vampires.static.zynga.com/graphics/popups/reallocatestats_popup_bkgd.png') top left no-repeat black; border: 1px solid gray; z-index: 5; } .toolbarCongrats .smallText { font-size: 12px; clear: both; } .toolbarCongrats h2 { font-size: 17px; font-weight: bold; margin-bottom: 25px; } .toolbarCongrats .closeButton { float:right; } .toolbarCongrats .awardStats { float:left; margin-top: 20px; } .toolbarCongrats .statsList { margin: 13px 18px; font-weight: bold; position: relative; top: -81px; left: 100px; } .toolbarCongrats .statsList li { margin-top: 5px; } .playNowButtonToolbar { position: relative; left: 200px; } .lonelyMinionsCongrats { background: url('http://myspace3.vampires.static.zynga.com/graphics/popups/lonelyMinionCongrats.jpg') top left no-repeat black; height: 276px; width: 605px; position: absolute; top: 100px; left: 100px; } .lonelyMinionsCongratsText { width: 400px; margin-top: 20px; margin-left: 165px; font-size: 16px; font-weight: bold; } .lonelyMinionsMinionImage { position: relative; left: 59px; top: 93px; } .minionSkipBtn { position: relative; top: -8px; left: 215px; width: 77px; } .minionShareBtn { position: relative; top: 20px; left: 40px; width: 77px; } .itemGreyBg { background-image: url(http://myspace3.vampires.static.zynga.com/graphics/job_item_bg.png); width: 82px; height: 74px; margin-right: 5px; } .mission_line { border-bottom: 2px solid #333; padding: 10px; clear: both; } body { margin: 0; padding: 0; font-family: Arial, Arial, Helvetica, sans-serif; background-color: #000; } li, ul { margin: 0; padding: 0; list-style-type: none; } h1, h2, h3, h4, h5 { font-size: 13px; margin: 0; padding: 0; } .noUnderline, .noUnderline:hover { text-decoration: none !important; } .facebook_profile_pic { max-height: 75px; max-width: 75px; } .app { background: black; color: white; font-family: Arial, Arial, Helvetica, sans-serif; margin: 0 auto; text-align: justify; overflow: visible; } .app p { font-family: Arial, Arial, Helvetica, sans-serif !important; } .app a, .app a:link, .app a:visited { text-decoration: none; color: #ffc000; outline: none; } .app a:hover { text-decoration: underline; outline: none; } img { border: none; outline: none; } td { color: white; } .dialog_content .dialog_body { color: black; } .messages { border: 0px solid #333333; padding: 5px; background-color: #000000; } .messages td { } .message td { color: white; } .good { color: #007700; font-weight: bold; } .bad { color: #aa0000; font-weight: bold; } .line { border-bottom: 1px solid; font-size: 0%; } .title { font-size: 20px !important; margin-bottom: 5px; color: #ffffff; text-align: left; background: url(http://myspace3.vampires.static.zynga.com/66563/css/ui/scratch.gif) no-repeat center left; } .noscratch { background: none; } .title_action { font-size: 14px; } table.main { font-size: 14px; margin-bottom: 20px; width: 100%; } table.main th { font-size: 14px; text-align: left; vertical-align: top; color: #fff; } table.main td { font-size: 14px; color: #fff; } div.text { margin: 10px 0px 10px 0px; } /**************************************************************************** UTILITY STYLES ****************************************************************************/ .clearfix:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } .clearboth { clear:both; overflow:hidden; /*zoom:1;*/ } table.layout { margin: 0; border: 0; padding: 0; border-spacing: 0; } table.layout tr { margin: 0; border: 0; padding: 0; } table.layout td { margin: 0; border: 0; padding: 0; } div.app { background: black; color: white; } .money { color: #aa0000; font-weight: bold; } .favor { color: #FFD927; } .orange { color: #df5b00; } .line { border-bottom: 1px solid #400000; } .text { color: #ffffff; } .size12 { font-size:12px; } .pad5 { padding:5px; } .pad10 { padding:10px; } .marginLeft20 { margin-left:20px; } .margin5 { margin:5px; } .center_text { text-align: center; } .right_text { text-align: right; } .module_header_right { width:18px; height:34px; float:right; display:inline; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/news_box_right.gif) no-repeat top left; } .module_header_left { width:18px; height:34px; display:inline; float:left; background: url(http://myspace3.vampires.static.zynga.com/66563/graphics/news_box_left.gif) no-repeat top left; } .module_cont { margin:0px 15px; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #333333; padding: 5px; background-color: #000000; text-align:left; } .module_header_text { padding:5px 10px 0px 10px; font-size: 18px !important; } .module_header_text_small { padding:8px 10px 0px 10px; font-size: 15px!important; } .module_header_text a { font-size:13px; text-align:right; padding:0px 10px; } #right_content .module { width:210px; } #right_content .module_header { width:210px; } #right_content .module_header_bkgd { width:174px; } #right_content .module_cont { padding:10px; width:140px; margin-left:15px; margin-right:0px; } #right_content .module_inner{ width:140px; } .module_list { padding:0px; margin:0px; list-style-position: inside; } .module_list li { padding:6px 0px; } .small { font-size:13px; } .small a { font-size:13px; } #right_content .module { width:200px; } #right_content .module_header { width:210px; } #right_content .module_header_bkgd { width:174px; } #right_content .module_cont { padding:10px;width:140px; } #promoboxframe { background:#000000; } #vamp_content #lightbox_content { border:none; background:none; overflow:hidden; } #vamp_content #lightbox_content .border_top_payment{ position:absolute; top:0; left:0; background:#000 url(http://myspace3.vampires.zynga.com/graphics/bdr_top_payment_pop.gif) top left no-repeat; width:620px; height:9px; } #vamp_content #lightbox_content .border_bottom_payment{ position:absolute; bottom:0; left:0; background:url(http://myspace3.vampires.zynga.com/graphics/bdr_bot_payment_pop.gif) top left no-repeat; width:620px; height:9px; } #intlPayments { margin:0; padding:18px 10px 5px; margin-bottom:9px; border:2px solid #353535; border-bottom:none; background:#000 url(http://myspace3.vampires.zynga.com/graphics/bg_payment_pop.gif) top left repeat-x; color:#fff; text-align:left; overflow:hidden; } #intlPayments h1 { background:url(http://myspace3.vampires.zynga.com/graphics/hdr_buy_favor.gif) no-repeat; width:419px; height:41px; overflow:hidden; text-indent:-5000px; margin-left:10px; margin-bottom:10px; } #intlPayments p { margin-top:0; margin-left:10px; margin-right:10px; font-size:93%; } #intlPayments b { color:#e10413; } #vamp_content #close_lightbox { background:url(http://myspace3.vampires.zynga.com/graphics/btn_x.gif) top left no-repeat; width:29px; height:30px; overflow:hidden; text-indent:-5000px; top:15px; right:15px; } #vamp_content #close_lightbox:hover { background-position:bottom left; }