/*@charset "UTF-8";*/ /* CSS Document */ /* MediaFire - Master Stylesheet Version: 2010.6.02 */ /* LEGACY FORM STYLES */ .form { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; } .form_error { font-size: 12px; background: #ffecef; padding: 3px; text-align: center; font-weight: bold; color: #FF0000; } .form_error a { color: #FF0000; text-decoration: underline; } .form_success { font-size: 12px; background: #E3FFE9; padding: 3px; text-align: center; font-weight: bold; color: #18CE3F; } .form_success a { color: #18CE3F; text-decoration: underline; } .login_box { width: 195px; border: #7dc7ff 1px solid; padding: 5px; font-size: 14px; } .default_input_box { width: 195px; border: #c1c1c1 1px solid; padding: 5px; font-size: 14px; } /*LEGACY DOWNLOAD STYLES*/ .captcha_box { text-align: center; } .password_download_link { text-align: center; } .code_header { margin-top: 5px; margin-bottom: 2px; font-weight: bold; font-size: 12px; color: #505050; overflow: auto; } .delete_link { color:#444444; font-size: 12px; } .delete_link a { color:#21d548; text-decoration: none; } .delete_link a:hover { border-bottom: 2px #21d548 dotted; } /*CREATE ACCT FOR SOCIAL NETWORKS?*/ #upload_create.upload_create { display: block; } #upload_create { display: none; } #upload_login.upload_create { display: none; } #upload_login { display: block; } /*LEGACY IMAGE PREVIEW PAGE*/ .image_size_tab { float: left; padding: 5px 10px } .image_leftcolumn_small { float: left; width: 55.5%; } .image_leftcolumn_800 { width: 810px; position: relative; margin: auto; } .image_leftcolumn_1024 { width: 1034px; position: relative; margin: auto; } /*LEGACY: old index page content, investigate removal*/ .home_page_content_container { background: url( images/sprites/index_gradients_sprites_v3.png) 0 -630px repeat-x; color: #777; } .home_page_content_container div p { font-size: 14px; line-height: 18px; } /* STATS FILTER TOGGLES */ .report_option_highlighted, .time_option_highlighted { background: #e1e6eb; line-height: 34px; margin-right: 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .report_option { line-height: 34px; margin-right: 15px; } .report_option_highlighted a, .time_option_highlighted a { display: block; margin-left: 15px; padding-left: 40px; background: url( images/icons/check-green-circle.png) no-repeat left; font-weight: bold; } .report_option a, .time_option a { display: block; padding-left: 55px; } .report_option a:hover, .time_option a:hover { } .time_option { line-height: 34px; margin-right: 10px; } .stats-filter-options > div, .stats-filter-options > ul { padding: 0 5px; margin: 0 0 15px; border-radius: 4px; border: 0px solid #b1b8bf; -moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0 1px 0 0 #fff; -webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0 1px 0 0 #fff; box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0 1px 0 0 #fff; background: #f5f9fc; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f9fc), to(#ebf0f5)); background-image: -webkit-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: -moz-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: -ms-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: -o-linear-gradient(top, #f5f9fc, #ebf0f5); background-image: linear-gradient(top, #f5f9fc, #ebf0f5); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f9fc', EndColorStr='#ebf0f5'); } #show_basicreportsettings .stats-filter-options > div { height: 180px; float: left; } #customize_report_form ul { border: none !important; margin-bottom: 15px !important; padding: 15px !important; } #customize_report_form li { margin-bottom: 10px; } #customize_report_form li label { display: block; font-weight: bold; } #customize_report_form ul select { width: 385px; } #customize_report_form li input[type="text"] { font-size: 16px; padding: 1px; } #customize_report_form li.stats-filter-region { float: left; } #customize_report_form li.stats-filter-region select { width: 304px; } #customize_report_form li.stats-filter-filesize select { width: 60px; clear: both; } #customize_report_form li.stats-filter-sort select, #customize_report_form li.stats-filter-filetype select { width: 190px; } #customize_report_form li.stats-filter-filetype input[type="text"] { width: 615px; margin-top: 8px; } #customize_report_form li.stats-filter-number select { width: 60px; } #customize_report_form li.stats-filter-bandwidth div { margin-bottom: 20px; } #customize_report_form li.stats-filter-bandwidth select { width: 190px; } #customize_report_form li.stats-filter-bandwidth select#bandwidth_multi { width: 60px; } #show_filterfiles p { clear: both; margin: 0 0 0 27px; } .stats-filter-submit { padding: 15px 0 10px 0; text-align: center; clear: both; } .stats-filter-submit a { padding: 15px 40px; margin: 0 5px; } .stats-filter-options h4 { padding: 3px 3px 8px 3px; } .stats-filter-icons { float: right; width: 201px; margin: -24px 4px 0 0; padding: 10px 0 0; border: 5px solid #e1e6eb; border-radius: 4px; background: #fff; } #show_filterfiles > div > p { padding-left: 27px; margin-bottom: 15px; clear: both; } /*MISC TABLE STYLES*/ .invoices table tr td { padding: 5px; } .stats_table table tr td { padding: 5px; } .popup_table table tr td { padding: 10px; } #report_contents table tr td { padding: 5px; } /* LEGACY STYLES FOR: multiple_recurring_subscriptions_denied.tpl */ .next_steps_bullets { font-size: 14px; line-height: 20px; padding: 10px 0 10px 35px; font-weight: bold; color: #555; background: url( images/v4images/icons/bullet_go.gif) left no-repeat; } .next_steps_bullets_container { background: url( images/v4images/backgrounds/why_upgrade/right_column_bg.gif) repeat-x; padding: 20px; } .next_steps_right_column { float: right; width: 360px; } .next_steps_left_column { width: 540px; line-height: 20px; } /* LEGACY: Color Selector Styles (only dropbox settings uses this now. should switch to js color pickers) */ /* LEGACY: used in many billing pages */ .small-print { font-size: 10px; color: #888; } .small-print a:link, .small-print a:visited { color: #888; } .small-print a:hover, .small-print a:active { color: #333; } .checkout_table td { padding: 7px; } /* LEGACY MESSAGE BOXes */ .yellow_message { background: #FFFFCC; border: 2px solid #fc6; line-height: 18px; padding: 16px 20px; position: relative; } .yellow_message div.ym_pointer_left_med { position: absolute; top: 50%; left: -15px; margin-top: -13px; height: 27px; width: 15px; background: url( images/v4images/backgrounds/ym_pointer_left_med.png) 0 center no-repeat; } .yellow_message_popup { position: relative; } .yellow_message_popup .yellow_message { display: none; position: absolute; } .yellow_message_popup:hover .yellow_message { display: block } .red_message { border: 1px solid #FF0000; background: #FFCBC8; padding: 15px; color: #990000; font-weight: normal; display: block; } /* LEGACY LAYOUT CONTAINERS */ .content_650px { float: left; width: 650px; } .content_650px h2 { margin: 36px 0 16px 0; font-size: 20px; } .content_650px h3.text_title { margin: 0px 0 18px 0; font-size: 16px; } .content_650px p { margin: 0 0 18px 0; } .content_650px ul { list-style: none; margin: 0 0 18px 0; } .content_650px ul.list_disc { padding: 0 0 0 1em; list-style: disc outside none; } .content_650px div.text_with_pic { clear: both; overflow: auto; margin-bottom: 36px; } .content_650px div.text_with_pic div { float: left; } .content_650px div.topic_pic { height: 110px; width: 110px; margin-right: 30px; background: #eee; } .content_650px div.topic_text { width: 510px; } .right_sidebar { width: 230px; float: right; padding: 5px; margin-top: 30px; background: #e7f4ff; clear: right; } .right_sidebar h6 { font-size: 13px; font-weight: bold; text-align: center; padding: 3px 0 8px; color: #06d; } .right_sidebar p, .right_sidebar ul { background: #fff; padding: 15px; line-height: 18px; } .right_sidebar p a { display: block; } .right_sidebar ul { line-height: 18px; } .right_sidebar ul.withicons li { padding: 0 0 18px 26px; } /*ABOUT PAGE INDEX: accolades block */ div.accolades_subdued { overflow: auto; padding: 8px 0 54px 0; } div.accolades_subdued div { height: 128px; width: 202px; margin: 0 20px 0 0; float: left; text-align: center; } div.accolades_subdued em { font-size: 11px; font-weight: bold; line-height: 15px; display: block; margin-top: 78px; } #as_doubleclick { background: url( images/v4images/backgrounds/as_doubleclick.png1) 0 0 no-repeat; } #as_alexa { background: url( images/v4images/backgrounds/as_alexa.png1) 0 0 no-repeat; } #as_techcrunch { background: url( images/v4images/backgrounds/as_techcrunch.png1) 0 0 no-repeat; } #as_pcworld { background: url( images/v4images/backgrounds/as_pcworld.png1) 0 0 no-repeat; } #as_cnet { background: url( images/v4images/backgrounds/as_cnet.png1) 0 0 no-repeat; } #as_pcmag { background: url( images/v4images/backgrounds/as_pcmag.png1) 0 0 no-repeat; } /* Reseller Styles */ #redemption_process { margin: 42px 0 0 60px; } #redemption_process h2 { margin: 0 0 8px 0; } #redemption_process li { font-weight: normal; margin: 0 0 10px 0px; font-size: 14px; color: #494949; } #redemption_process li.rp_selected { font-weight: bold; color: #639500; } table.border_fix td{ border: 1px solid #e0e0e0; border-collapse: collapse; } .heading_reseller { padding: 6px 5px; background: #fff; border-bottom: 1px #cde4fb solid; color: #0655c0; font-weight: bold; font-size: 16px; margin-bottom: 5px; } .heading_reseller_country { padding: 10px 5px 0 0px; background: #fff; border-top: 1px #cde4fb solid; color: #0655c0; font-weight: bold; font-size: 14px; margin-bottom: 5px; } #reseller_list h3 { float: left; clear: both; width: 100%; padding-right: 0; margin: 0 0 5px; background: #E9F2FB; border-radius: 6px; } #reseller_list:first-child h3 { background: transparent; } #reseller_list h3 img { margin: 0 10px !important; } #reseller_list div { overflow: auto; padding-bottom: 12px; } #reseller_list div div { width: 320px; float: left; margin: 0 30px 0 0; } .lg_grey { font-size: 24px; color: #bbb; margin: 4px 5px 0 0; float: left; display: block; } #heading_application { font-size: 20px; color: #000; margin: 12px 0 10px 5px; } #reseller_signup_side { width: 390px; margin: 48px 10px 0 0px; line-height: 18px; float: right; } #reseller_signup_side div { padding: 4px 0 0 0; } #reseller_signup_side h3 { font-size: 20px; } #reseller_signup_side p { margin: 10px 0 23px; } #reseller_list div.align_country { width: 100%; height: 0px; clear: both; padding: 0; margin: 0; } #reseller-countries tbody tr { background: transparent; } /* LEGACY: toolbar pages*/ #toolbar_uninstall_gfx { float: left; width: 666px; padding: 0 10px 40px 10px; margin: 12px 0 30px 0; background: url( images/toolbar_howto/toolbar_uninstall_bg.png1) 0 0px repeat-x; overflow: auto; } div.toolbar_steps_sm { float: left; height: 244px; width: 214px; } div.toolbar_steps_med { float: left; width: 197px; padding: 238px 10px 0 15px; } div.toolbar_steps_med em { color: #009900; font-style: normal; } #toolbar_1 { background: url( images/toolbar_howto/toolbar_howto_1.png1) 0 0 no-repeat; } #toolbar_2 { background: url( images/toolbar_howto/toolbar_howto_2.png1) 0 0 no-repeat; width: 213px; } #toolbar_3 { background: url( images/toolbar_howto/toolbar_howto_3.png1) 0px 0 no-repeat; } #toolbar_4-5-6 { float: left; height: 441px; width: 641px; background: url( images/toolbar_howto/toolbar_howto_4-5-6.png1) 0 0 no-repeat; } #toolbar_u1 { background: url( images/toolbar_howto/toolbar_uninstall_1.png1) 0 0 no-repeat; } #toolbar_u2 { background: url( images/toolbar_howto/toolbar_uninstall_2.png1) 0 0 no-repeat; } #toolbar_u3 { background: url( images/toolbar_howto/toolbar_uninstall_3.png1) 0px 0 no-repeat; } #toolbar_u4 { background: url( images/toolbar_howto/toolbar_uninstall_4.png1) 0 0 no-repeat; } #toolbar_u5 { background: url( images/toolbar_howto/toolbar_uninstall_5.png1) 0 0 no-repeat; } #toolbar_u6 { background: url( images/toolbar_howto/toolbar_uninstall_6.png1) 0px 0 no-repeat; } #toolbar_uninstall_gfx.tb_uninstall_xp #toolbar_u1 { background: url( images/toolbar_howto/toolbar_uninstall_1xp.png1) 0 0 no-repeat; } #toolbar_uninstall_gfx.tb_uninstall_xp #toolbar_u2 { background: url( images/toolbar_howto/toolbar_uninstall_2xp.png1) 0 0 no-repeat; } #toolbar_uninstall_gfx.tb_uninstall_xp #toolbar_u3 { background: url( images/toolbar_howto/toolbar_uninstall_3xp.png1) 0px 0 no-repeat; } #toolbar_uninstall_gfx.tb_uninstall_xp #toolbar_u4 { background: url( images/toolbar_howto/toolbar_uninstall_4xp.png1) 0px 0 no-repeat; } #toolbar_uninstall_gfx.tb_uninstall_xp #toolbar_u5 { background: url( images/toolbar_howto/toolbar_uninstall_5xp.png1) 0px 0 no-repeat; } #toolbar_uninstall_gfx p.xp_instruction, #toolbar_uninstall_gfx.tb_uninstall_xp p.win7 { display: none; } #toolbar_uninstall_gfx.tb_uninstall_xp p.win7 { display: none; } #toolbar_uninstall_gfx.tb_uninstall_xp p.xp_instruction { display: block; } /* Change Payment Styles */ #current_card_table { margin: 0 0 40px; } #current_card_table table { width: 494px; } #current_card_table tr{ height: 27px; } #current_card_table td { } .current_card_item { width: 148px; text-align: right; font-weight: bold; } .heading_sm_blue { padding: 6px 5px; background: #fff; border-bottom: 1px #cde4fb solid; color: #0655c0; font-weight: bold; font-size: 16px; margin-bottom: 10px; } #cc_bg { padding: 70px 6px 5px 6px; margin-top: 5px; background: url( images/myaccount/change_pay_cc_logos.png1) 0 0 no-repeat; } #new_card_info { padding: 5px 0; width: 478px; } #new_card_info { width: 492px; padding: 5px 0; } #new_card_info p { text-align: center; color: #4784BA; padding: 20px 0; } #new_card_info > div, #new_card_info #us_address > div, #new_card_info #foreign_address > div { width: 492px; padding: 7px 0; } #new_card_info div#us_address, #new_card_info div#foreign_address { padding:0; } #new_card_info label { width: 148px; padding: 0 10px; text-align: right; font-weight: bold; display: inline-block; } #new_card_info input { padding: 3px; width: 270px; } #new_card_info select { border: 1px solid #c8c8c8; padding: 3px; } #change_cc_btns { padding: 20px 20px 15px 20px; margin-top: 10px; text-align: center; } #change_cc_btns a { margin: 0 5px; padding: 15px 40px; } #alt_payment_changes { width: 600px; } #change_paypal_bg { padding: 50px 6px 5px 6px; margin-top: 5px; background: url() 0 0 no-repeat; } #change_amazon_bg { padding: 50px 6px 5px 6px; margin-top: 5px; background: url() 0 0 no-repeat; } #alt_payment_changes p { margin: 24px 0; font-size: 14px; line-height: 18px; } #alt_payment_changes ol { padding-left: 1.5em; font-size: 14px; line-height: 18px; list-style-type: decimal; } #alt_payment_changes li { margin: 0 0 24px; } #alt_payment_changes ol li em { font-weight: bold; font-style: normal; } /* Upload & Download Options Pages */ .ul_options_outer { position: relative; padding: 20px !important; } .ul_options_outer p { margin-bottom: 0 !important; } p.ul_options_title { float: left; width: 32px; margin: 6px 15px 0 5px; height: 33px; background: url() center no-repeat; } .ul_options_inner { float: left; padding-bottom: 0; width: 585px; margin: 0; position: relative; } #web_upload_options h4 { margin-bottom: 0px; } a.ul_option_enable_disable { position: absolute; right: 0; bottom: 0; display: block; font-weight: bold; } #web_upload_options span.ul_option_enabled { color: #629721; } #web_upload_options span.ul_option_disabled { color: #BD280A; } div.ul_flowarrow { background: url() center no-repeat; height: 20px; width: 20px; position: absolute; top: -19px; left: 31px; } li.ul_option_disabled_block .ul_options_outer .ul_options_title { background: url() center no-repeat; } #web_upload_options li.option_unsupported a.ul_option_enable_disable { display: none; } .options_box p.ul_options_title { background: url() center no-repeat; } .options_box .singlefile_selected:hover, .options_box .browsable_selected:hover { } .options_box .singlefile_selected p.ul_options_title, .options_box .browsable_selected p.ul_options_title { background: url() center no-repeat; } .options_box .singlefile_selected a.btn.secondary, .options_box .browsable_selected a.btn.secondary { display: none; } .options_box li { cursor: pointer; } .options_box li.singlefile_selected, .options_box li.browsable_selected { cursor: default; } .options_box li h4 > span { display: none; } .options_box li h4 > em { display: inline; font-style: normal; } .options_box li h4 > em span{ color: #BD280A; } .options_box li h4 > span span { color: #629721; } .options_box .singlefile_selected h4 > span, .options_box .browsable_selected h4 > span { display: inline; } .options_box .singlefile_selected h4 > em, .options_box .browsable_selected h4 > em { display: none; } #instantupload-toggle { position: absolute; top: 0; right: 216px; width: 150px; height: 21px; background: #D3D9DE; border-radius: 8px; padding-left: 8px; box-shadow: inset 0 1px 0 0px #C2C7CB, inset 0 -1px 0 0 #fff; color: #494D50; font-size: 12px; } #instantupload-toggle .toggle-switch { position: absolute; top: 0; right: 0; height: 18px; width: 54px; font-size: 10px; font-weight: bold !important; } #instantupload-toggle .tooltip { width: 275px; margin-bottom: 3px; font-size: 11px; line-height: 1.4; left: 0; } #instantupload-toggle > label { cursor: help; height: 21px; line-height: 21px; } #instantupload-toggle > label:hover .tooltip { display: block; } .ul_option_disabled_block #instantupload-toggle { display: none; } .macFlashUploaderLimit { display: none; } .mac .macFlashUploaderLimit { display: inline; } .mac .flashUploaderLimit { display: none; } /* CVR Message */ #cvr_container { width: 640px; margin: 0 auto; } #dl_unavailable { background: #ffcbc8 url() 20px 20px no-repeat; border: 1px solid #de7f7c; padding: 20px 20px 40px 96px; margin: 40px 0 0; } #dl_unavailable h2, #dl_unavailable p { color: #990000; margin: 0 0 6px; } #failed_file_info { overflow: auto; border-top: 1px solid #de7f7c; margin-top: 10px; padding: 10px 0 0; } #failed_file_info a { float: left; clear: both; display: block; margin: 14px 0 0 0; height: 46px; width: 270px; position: relative; } #failed_file_info a span { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url() 0 0 no-repeat; } #failed_file_info div { float: left; margin: 0 40px 0 0; color: #000; font-weight: bold; } #failed_file_info em { font-weight: bold; font-style: normal; color: #990000; } #dl_getmediapro { background: #cef5c4 url() 20px 20px no-repeat; border: 1px solid #7fd46e; padding: 20px 20px 20px 96px; margin: 20px 0 80px 0; overflow: auto; } #dl_getmediapro h2, #dl_getmediapro p { color: #007400; margin: 0 0 6px; } p#feature_highlight { font-weight: bold; color: #000; margin-bottom: 16px; } p#feature_highlight em { font-weight: normal; font-style: normal; color: #007400; } #dl_getmediapro h3 { font-size: 16px; font-weight: bold; color: #fff; display: block; margin: 14px 0 0 0; padding: 5px 5px 5px 10px; background: #0ea00a; } #bronze_showcase { overflow: auto; padding: 14px 20px 20px 20px; border: 1px solid #7fd46e; border-top: none; background: #fff; } #bronze_showcase ul { float: left; font-size: 13px; font-weight: bold; margin: 0 0 0 0; color: #000; width: 238px; border: 1px solid #ddd; } #bronze_showcase li { border-bottom: 1px solid #ddd; display: block; padding: 4px 5px 4px 36px; background: url() 8px 5px no-repeat; } #bronze_showcase ul.last_show_list { border-left: none; width: 239px; } #bronze_showcase li.last_showcase { border: none; } #cvr_learnmore { float: left; clear: both; display: block; margin: 20px 0 0 0; height: 46px; width: 270px; position: relative; } #cvr_learnmore span { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url() 0 0 no-repeat; } #cvr_send_message { display: block; height: 38px; width: 262px; position: relative; margin: 0; } #cvr_send_message span { display: block; position: absolute; height: 100%; width: 100%; background: url() 0 0 no-repeat; } #dl_unavailable #recaptcha_widget_div { text-align: left; } /* MediaFire Charge page */ #charges_container { overflow: auto; padding: 0 0 80px; } #answers_box { width: 640px; float: left; background: #fff; font-size: 14px; } #answers_box h3 { padding: 14px 0 12px 0; margin: 36px 0 0; color: #0655C0; font-size: 18px; font-weight: bold; border-top: 1px solid #CDE4FB; } #answers_box p { margin: 0; line-height: 18px; } #answers_box em { font-weight: bold; font-style: normal; } #answers_box #charges_acct_details { margin: 27px 0 0; font-size: 14px; font-weight: bold; line-height: 18px; color: #009900; } #answers_box #charges_acct_details em { color: #555; font-weight: normal; } #answers_box form { overflow: auto; padding: 0px; width: 320px; } #answers_box form div { float: left; width: 320px; margin: 0 0 8px; } #answers_box label { float: left; width: 320px; font-weight: bold; color: #000; margin: 0 0 3px; } #check_email div input { width: 300px; font-size: 14px; } #answers_box #charge_chk_email { float: left; margin: 10px 0; height: 46px; width: 320px; } #answers_box ul.charge_showsteps { margin: 18px 0; } #answers_box ul.charge_showsteps li { padding: 40px 0 50px 210px; } #illustrate_billing { background: url) 0 0 no-repeat; } #illustrate_billing2 { background: url() 0 0 no-repeat; } #illustrate_cancel { background: url() 0 0 no-repeat; } #illustrate_paymenthistory { background: url() 0 0 no-repeat; } #charges_help { float: right; width: 250px; margin: 16px 0 0; } #charges_help h3 { margin: 5px 0; text-align: center; color: #0066dd; font-size: 14px; font-weight: bold; padding: 3px 5px 2px; } #charges_help div { padding: 15px; margin: 5px; background: #fff; } #charges_help p { margin-bottom: 18px; } /* Social Networks Status (My Account) */ .sn_status_inner { position: relative; } #sn_status_fb, #sn_status_tw { } #sn_status_fb { border-bottom: 1px solid #ddd; padding-bottom: 30px; } #sn_status_tw { border-top: 1px solid #fff; padding-top: 20px; } .sn_status_inner form { overflow: auto; position: relative; } .sn_status_inner a.primary, .sn_status_inner a.secondary { float: left; width: 160px; text-align: center; padding: 12px; margin: 0 10px 0 0; } .sn_status_inner em { font-style: normal; font-weight: bold; } #sn_status_fb p, #sn_status_tw p { padding: 10px 0px 5px 55px; float: left; } #sn_status_fb p { background: url() 0px 15px no-repeat; } #sn_status_tw p { background: url() 0px 15px no-repeat; } .sn_status_login, .sn_status_logout, .sn_status_unlink { } .sn_status_link { } #sn_status a.sn_status_logout span { background: url() 0 0 no-repeat; } #sn_status a.sn_status_login span { background: url() 0 0 no-repeat; } #sn_status a.sn_status_unlink span { background: url() 0 0 no-repeat; } #sn_status a.sn_status_link span { background: url() 0 0 no-repeat; } #sn_status em.social_info { font-weight: bold; color: #0655c0; font-style: normal; } #sn_status span.sn_info_title { font-weight: bold; color: #009900; } .sn-options { padding: 0px 0 10px 55px; clear: both; } div.sn_status_perms { overflow: auto; padding: 6px 10px 0; margin: 0 10px 0 0; font-size: 11px; float: left; width: 285px; height: 40px; } div.sn_status_perms input { margin: 2px 0 0 2px; float: left; } div.sn_status_perms span { background: none; float: right; width: 240px; margin-right: 21px; } /* Custom URL */ #customurl_intro { position: relative; overflow: auto; } #customurl_intro p { padding-bottom: 56px; } #customurl_add { position: absolute; width: 170px; bottom: 15px; right: 0; padding: 10px; text-align: center; } #customurl_add:hover, #customurl_add:focus { text-decoration: none; } #customurl_settings { font-size: 12px; line-height: 16px; } #customurl_table { font-size: 12px; table-layout: fixed; } #customurl_table td, #customurl_table th { padding: 6px; } #customurl_table select { width: 95%; border: 1px solid #ccc; font-size: 12px; } .customurl_edit { padding: 0 0 0 17px; } .customurl_delete { color: #888; } .customurl_enabled_status { background: none; } .customurl_enabled_status input { display: block; } a.customurl_copylink_main { display: block; width: 310px; overflow: hidden: text-overflow: ellipsis; } a.customurl_copylink_main:hover, a.customurl_copylink_main:focus { text-decoration: none; } /* Control Overlay for Image Viewer */ div.control_overlay { position: absolute; z-index: 20; } div.control_overlay a { background-image: url(); background-repeat: no-repeat; } div.control_overlay a.control_inactive { background-image: url(); cursor: default; } a.control_overlay_close { background-color: #000; background-position: right 0; display: block; height: 24px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } div.control_overlay_bg { background: #000; opacity: .4; position: absolute; top: 24px; left: 0; height: 56px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } div.control_overlay div a { float: left; display: block; height: 56px; position: relative; } a.control_overlay_prev { width: 31px; margin: 0 18px 0 20px; background-position: 0 -56px; } a.control_overlay_next { width: 31px; margin-right: 29px; background-position: 0 -112px; } a.control_overlay_smaller { width: 26px; margin-right: 18px; background-position: 0 -168px; } a.control_overlay_larger { width: 26px; margin-right: 29px; background-position: 0 -224px; } a.control_overlay_share { width: 59px; margin-right: 20px; background-position: 0 -280px; } /* Contact Page */ ul#stylish_contact_list { padding: 18px 0 18px 0; } ul#stylish_contact_list li h3 { } ul#stylish_contact_list li { margin: 0 0 0 0; padding: 0 0 18px 0; overflow: auto; } ul#stylish_contact_list div { float: left; width: 602px; } ul#stylish_contact_list address { font-style: normal; } div#contact_tech_support { background-position: 0 0; } div#contact_file_abuse { background-position: 0 -48px; } div#contact_suggestion { background-position: 0 -96px; } div#contact_bizdev { background-position: 0 -144px; } div#contact_advert { background-position: 0 -192px; } div#contact_media { background-position: 0 -240px; } div#contact_phone { background-position: 0 -288px; } div#contact_mailing { background-position: 0 -336px; } /* FAQ (currently only BitDefender FAQ uses this) */ .faq_layout { margin-top: 38px; } .faq_layout h4, .faq_layout ul, .faq_layout h3, .faq_layout p { margin-left: 25px; } .faq_layout h4 { color: #03497A; font-size: 13px; } .faq_layout h2 { height: 26px; background: #e7f4ff; color: #03497A; margin-bottom: 30px; margin-top: 0; padding: 10px 0 0 25px; } .faq_layout h3 { font-size: 15px; } .faq_layout em { font-weight: bold; font-style: normal; } .faq_layout p { margin-bottom: 18px; } .faq_section { margin-bottom: 44px; } #faq_supportlink a{ margin-top: 10px; height: 24px; width: 207px; float: right; clear: right; color: #474848; text-decoration: none; font-weight: bold; font-size: 12px; padding: 9px 0 0 33px; background: url() 0 0 no-repeat; } #faq_supportlink a:hover, #faq_supportlink a:focus { text-decoration: none; } /* About Page */ h2.jumbo_stats { margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-size: 29px } h2.jumbo_stats em { color: #629721; font-style: normal; } /* Press Page */ .pressCo { float: left; margin-right: 3px; height: 166px; overflow: hidden; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SITE (RESTRUCTURE 4/2011) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* LEGACY Table styles */ .basic_table { border: 1px solid #e0e0e0; border-collapse: collapse; font-size: 11px; table-layout: fixed; } .basic_table tr.basic_table_header { background: #f1f1f1; font-weight: bold; color: #444; } .basic_table td { border: 1px solid #e0e0e0; border-collapse: collapse; padding: 6px 10px 6px 10px; text-align: left; } .basic_table td.col_centered { text-align: center; } .basic_table td.lgfield { word-wrap: break-word; } div.basic_table_filter_group { float: left; margin-right: 5px; padding: 0px; margin-bottom: 5px !important; } div.basic_table_filter { float: left; margin-right: 5px; } div.basic_table_filter label, div.basic_table_filter select { font-size: 12px; float: left; margin-right: 5px; } div.basic_table_filter label { display: block; font-weight: bold; } div.basic_table_filter label.top { float: none; } div.basic_table_filter .date_picker { float: left; margin-top: -2px; } div.basic_table_filter .date_picker img, div.basic_table_filter .date_picker span, div.basic_table_filter .date_picker input { float: left; } div.basic_table_filter .date_picker img { cursor: pointer; margin-top: 3px; } div.basic_table_filter .date_picker input { font-size: 12px; margin: 2px 0 0 2px !important; padding: 0 !important; } div.basic_table_filter .date_picker span { margin: 3px 4px 0; font-size: 12px; } /* Applications page */ .row_delete { display: inline-block; padding: 1px 0 1px 20px; color: #888; background: url() 0 0 no-repeat; } input.std_grey, select.std_grey, div.std_grey { font-size: 13px; font-family: arial, sans-serif; padding: 5px; border: 1px solid #ddd; display: block; width: 100%; color: #333; background: #f6f6f6; background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(0.20, #f6f6f6), to(#f6f6f6)); background: -webkit-linear-gradient(top, #eee, #f6f6f6 20%, #f6f6f6); background: -moz-linear-gradient(top, #eee, #f6f6f6 20%, #f6f6f6); background: -o-linear-gradient(top, #eee, #f6f6f6 20%, #f6f6f6); } input.std_grey:focus { background: #ffc; } .blue_metallic, .grey_plastic, .green_plastic, .yellow_plastic, .red_plastic, .red_flat, .emerald_plastic, .white_inset { border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; } .blue_metallic:hover, .grey_plastic:hover, .green_plastic:hover, .yellow_plastic:hover, .red_plastic:hover, .emerald_plastic:hover { text-decoration: none; } .blue_metallic { color: #03497a; border-color: #a6c8ec; background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfcff), color-stop(0.50, #eaf4ff), color-stop(0.51, #dcedff), to(#eaf4fe)); background: -webkit-linear-gradient(top, #fbfcff, #eaf4ff 50%, #dcedff 51%, #eaf4fe); background: -moz-linear-gradient(top, #fbfcff, #eaf4ff 50%, #dcedff 51%, #eaf4fe); background: -o-linear-gradient(top, #fbfcff, #eaf4ff 50%, #dcedff 51%, #eaf4fe); } .grey_plastic { color: #333; border-color: #bbb; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4); background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(0.5, white), to(#EEE)); background: -webkit-linear-gradient(top, #fff, #FCFCFC 50%, #EEE); background: -moz-linear-gradient(top, #fff, #FCFCFC 50%, #EEE); background: -o-linear-gradient(top, #fff, #FCFCFC 50%, #EEE); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); } .green_plastic { color: #06691c; border-color: #8bd695; background: #c9f9d0; background: -moz-linear-gradient(top, #DFFEE5, #CCF5D5); background: -webkit-gradient(linear, 0 0, 0 100%, from(#DFFEE5), to(#CCF5D5)); background: -webkit-linear-gradient(top, #DFFEE5, #CCF5D5); background: -o-linear-gradient(top, #DFFEE5, #CCF5D5); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFFEE5', EndColorStr='#CCF5D5'); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.75); } .emerald_plastic { color: #fff; border-color: #383838; background: #18b513; background: -moz-linear-gradient(top, #12b70d, #0c8b09); background: -webkit-gradient(linear, 0 0, 0 100%, from(#12b70d), to(#0c8b09)); background: -webkit-linear-gradient(top, #12b70d, #0c8b09); background: -o-linear-gradient(top, #12b70d, #0c8b09); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#12b70d', EndColorStr='#0c8b09'); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.3); } .yellow_plastic { color: #333; border-color: #f2d377; background: #ffc; background: -moz-linear-gradient(top, #ffc, #FFE98F); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc), to(#FFE98F)); background: -webkit-linear-gradient(top, #ffc, #FFE98F); background: -o-linear-gradient(top, #ffc, #FFE98F); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffc', EndColorStr='#FFE98F'); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.75); } .red_plastic { color: #b40000; border-color: #f5a2a2; background: #ffdede; background: -moz-linear-gradient(top, #ffdede, #ffbaba); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffdede), to(#ffbaba)); background: -webkit-linear-gradient(top, #ffdede, #ffbaba); background: -o-linear-gradient(top, #ffdede, #ffbaba); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffdede', EndColorStr='#ffbaba'); box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.3); } .red_flat { color: #b40000; border-color: #f5a2a2; background: #ffdede; } .sm_rounded { border-radius: 3px; -moz-border-radius: 3px; } .white_inset { color: #333; border-color: #a6c8ec; background: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), color-stop(0.10, #fff), to(#fff)); background: -webkit-linear-gradient(top, #f1f1f1, #fff 10%, #fff); background: -moz-linear-gradient(top, #f1f1f1, #fff 10%, #fff); background: -o-linear-gradient(top, #f1f1f1, #fff 10%, #fff); } .blue_metallic:hover { text-decoration: none; } .options_box li { overflow: auto; padding: 20px; } .options_box_title { float: left; width: 255px; font-weight: bold; font-size: 16px; color: #1165AD; padding: 40px 0 0 0; text-align: center; } .options_box li:hover .options_box_title { text-decoration: underline; } .options_box_content { margin-bottom: 0 !important; width: 480px; } .options_box li:hover .options_box_content { } .options_box li.browsable_selected, .options_box li.singlefile_selected { /*this targets classes specific to the Privacy Mode page. Change to generic classes*/ cursor: default; } .options_box li.browsable_selected .options_box_title, .options_box li.singlefile_selected .options_box_title { text-decoration: none !important; } .options_box li.browsable_selected .options_box_content, .options_box li.singlefile_selected .options_box_content { } .flyout_pointer_left { display: none; position: absolute; height: 25px; width: 15px; z-index: 30; background: url() 0 0 no-repeat; } .infomsg_pointer_up { position: absolute; height: 15px; width: 25px; /*maximum dimensions - we should make the image large in the future so it can be used at any size. set unique styles inline or on selector*/ background: url() center top; } /* span.arrow_down, span.arrow_up { border-style: solid; height: 0; width: 0; position: absolute; right: 8px; } span.arrow_down { border-color: #666 transparent transparent; border-width: 6px 4px 0; top: 9px; } span.arrow_up { border-color: transparent transparent #666; border-width: 0 4px 6px; top: 8px; } */ .icon_localupload { background-image: url(); } .icon_webupload { background-image:( ); } .icon_newfolder { background-image: url(); } .icon_moveitems { background-image: url(); } .icon_emailitems { background-image: url(); } .icon_update { background-image: url(); } .icon_bulkdownload { background-image: url(); } .icon_downloadarrow { background-image: url(); } .icon_uploadarrow { background-image: url(); } .icon_uploadarrow_grey { background-image: url(); } .icon_customurls { background-image: url(); } .icon_delete { background-image: url(); } .icon_tags { background-image: url(); } .icon_desc { background-image: url(); } .icon_public { background-image: url(); } .icon_private { display: none; background-image: url(); } .icon_note { background-image: url(); } .icon_dropbox { background-image: url(); } .icon_stats { background-image: url(); } .icon_copylink { background-image: url(); } .icon_share { background-image: url(); } .icon_editinfo { background-image: url(); } .icon_sendfile { background-image: url(); } .icon_password { background-image: url(); } .icon_facebook { background-image: url(); } .icon_twitter { background-image: url(); } .icon_rss { background-image: url(); } .icon_wrench { background-image: url(); } .icon_savetoacct { background-image: url(); } .icon_app { background-image: url(); background-repeat: no-repeat; } .icon_add { background-image: url(); } .icon_cog { background-image: url(); } .icon_user_grey { background-image: url(); } .icon_dollar_grey { background-image: url(); } /* MAIN NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .nav_dropdown { position: relative; } .nav_dropdown ul { display: none; position: absolute; top: 100%; left: 0; z-index: 60; border: 1px solid #fff; border-radius: 3px; border-top-left-radius: 0; -moz-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3); box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3); background: #fff; padding: 5px 0; } .nav_dropdown:hover ul { display: block; } #header_nav li.nav_dropdown li { float: none !important; margin: 0 5px; padding: 0; height: auto; } #header_nav li.nav_dropdown ul li a { color: #06d; display: block; padding: 3px 10px; white-space: nowrap; height: auto !important; } #header_nav li.nav_dropdown li a:hover { background: #e7f4ff; text-decoration: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MY FILES (RESTRUCTURE 9/2011) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* MOVE SELECTED LIGHTBOX STYLES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #move_selected_folderlist { margin: 10px 20px 5px; border: 1px solid #bbb; overflow: auto; background: #fff; padding: 5px 10px; height: 200px; } #move_selected_folderlist.folderlist_content ul li { font-size: 13px; background-position: 0 3px; } #move_selected_folderlist.folderlist_content ul li a { padding: 3px 0 3px 5px; height: 14px; overflow: visible; } #move_selected_folderlist.folderlist_content ul li a.folder_arrow { top: 5px; padding: 0; } #move_selected_folderlist.folderlist_content ul li a.folder_name:hover { background: #edf1f5; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MEDIAPRO REDESIGN (/upgrade/index.php) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*body.signup { background-color: #fff; background-image: url(); background-repeat: no-repeat; background-position: center 49px; height: auto; }*/ /*body.signup #titlebar { border: none; background: none; top: 100px; } body.signup #titlebar:after { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }*/ /*body.signup #container { padding-top: 0; } body.signup #header { position: static; }*/ /*body.signup .header-buttons { float: none; text-align: left; padding: 0; } body.signup #titlebar .alt-text { float: none; margin: 0; font-size: 32px; font-weight: normal; font-family: 'Open Sans'; text-align: center; color: #3E4042; } body.signup #titlebar .title { display: none; } body.signup #main { position: relative; padding-bottom: 100px; }*/ /* DROP SHADOW FOR #mp_signup_block-wrap*/ /*body.signup #main:after { content: ""; position: absolute; top: 136px; left: 1px; right: 1px; width: 958px; -webkit-box-shadow: 0px 0 10px 0px rgba(148, 178, 209, .8); -moz-box-shadow: 0px 0 10px 0px rgba(148, 178, 209, .8); box-shadow: 0px 0 10px 0px rgba(148, 178, 209, .8); bottom: 100px; border-radius: 6px; z-index: 0; } */ /* SIGNUP HEADER BAR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #subscription_waiting_period, #changePlanDisabled { display: none; background: url( images/backgrounds/signup/signup_lightbg.jpg) center 0 no-repeat; position: relative; z-index: 1; } #subscription_waiting_period p, #changePlanDisabled p { text-align: center; font-size: 18px; padding-top: 220px; background: url( images/icons/acct_suspended.png) center 40px no-repeat; } .hslide_header { position: relative; width: 958px; } .hslide_header > span { display: none; } .hslide_header > .btn { position: absolute; top: 8px; right: 7px; height: 25px; padding: 0 20px; line-height: 25px; } /* SIGNUP MAIN DIVS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mp_comparison_table { top: 0px; left: 0px; margin-top: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .mp_signupform_outer { top: 0px; left: 1000px; } .mp_checkout { top: 0px; left: 2000px; width: 1960px; } .mp_yearly_offer { top: 0px; left: 1000px; } #checkout_page_processing { text-align: center; width: 960px; } /*#checkout_page_show { width: 958px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }*/ #mp_credit_results { position: relative; } /* 50% OFF PROMO LANDING PAGE */ .mp_checkout_promo50 { width: 600px; margin: 25px auto; min-height: 699px; position: relative; border: 1px solid #ccc; z-index: 1; background: url( images/backgrounds/signup/signup_bg.jpg) top center no-repeat; border-radius: 6px; } .mp_checkout_promo50 #promo50Button { float:none; display:block; text-align:center; margin:10px auto; font-size:18px; padding: 5px 43px 5px 35px; width:170px; } .mp_checkout_promo50 h1 { font-weight: 400; text-align: center; } .mp_checkout_promo50 h2 { text-align:center; font-size:26px; } .mp_checkout_promo50 h3 { text-align: center; margin-top: 35px; margin-bottom: 5px; font-size: 18px; } .mp_checkout_promo50 .bluepromo { color: #47A9EB; font-weight: 700; } .promoSub { display:inline-block; margin:10px auto; text-align:center; } .promoUpsellList { display:block; margin: 30px auto; width: 425px; font-size: 22px; font-weight: 400; } .promoUpsellList li { padding-left: 30px; background-image: url( images/promo/check.png); background-repeat: no-repeat; background-position: left center; } .promoLists { margin: 40px auto 10px; background: url( images/backgrounds/mobileApp/column.png) center top no-repeat; } .promoListHeader { height: 50px; background: #ddd; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; white-space: nowrap; } .promoListHeader span { display: inline-block; width: 299px; text-align: center; padding-top: 15px; height: 35px; } .promoMoreInfo { display: inline-block; width: 298px; margin: 10px auto; } .promoMoreInfo li { padding: 10px 10px 10px 80px; font-size: 12px; background: url( images/promo/promo-icon-sprite.png) 2px 15px no-repeat; } .promoMoreInfo li.plCustomHead { background-position: 2px -85px; } .promoMoreInfo li.plFileSize { background-position: 2px -185px; } .promoMoreInfo li.plMedia { background-position: 2px -285px; } .promoMoreInfo li.plDocs { background-position: 2px -385px; } .promoMoreInfo li.plSecure { background-position: 2px -485px; } .promoTop { width: 600px; height:235px; border-radius: 6px; cursor: pointer; } .promoBottom { background: #fff; border-top: 1px solid #ccc; } .promoBanner { background: url( images/promo/promo_banner.png) left center no-repeat; position: absolute; width: 300px; height: 90px; top: 80px; left: -18px; } .promoGraphic { background: url( images/promo/overstuffed.png) top center no-repeat; width:300px; height:260px; position: absolute; right: 0px; top: -10px; } .promoOverLimit { background: #d34c5c; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin:0px; position:relative; text-align:center; color: #fff; font-weight: 300; font-size: 16px; z-index:2; } .promoOverLimit span { font-weight: 600; } .overLimitIcon { height: 40px; width: 40px; background: #fff; display: inline-block; border-radius: 50%; color: #d34c4c; text-align: center; font-size: 26px; font-weight: 800; margin: 8px; vertical-align: middle; } .overLimitText { display: inline-block; line-height: 18px; vertical-align: middle; margin-right:20px; } .promoTop span{ display:block; } .p50Up { font-size: 32px; font-weight: 700; color: #2f6893; margin: 25px 40px; } .p50Plan { color: #2f6893; font-weight: 700; margin-top: 90px; font-size: 24px; margin-left: 64px; } .p50Exp { margin-left: 45px; font-size: 12px; } .p50Exp.p50Time { margin-left: 100px; } /* SELECT A PLAN ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mp_banner { background: #0a2e47; padding: 30px 0 35px; } #mp_banner div { color: #fff; font-size: 48px; width: 960px; margin: auto; position: relative; font-weight: bold; text-align: center; } #mp_selectplan { height: 175px; position: relative; z-index: 10; background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } #mp_selectplan #mp_selectmessage { float: left; text-align: center; font-size: 24px; font-weight: normal; width: 272px; padding-top: 70px; } #mp_selectplan #mp_selectmessage span { color: #3190D3; } div.mp_plan { float: right; height: 175px; width: 160px; margin-left: 1px; text-align: center; position: relative; top: 0px; line-height: 1.4; z-index: 0; color: #fff; overflow: hidden; background-image: url( images/backgrounds/signup/noise_overlay.png); } .free_disabled #mp_selectplan #nonmp_free, .personal_disabled #mp_selectplan #mp_personal, .pro_disabled #mp_selectplan #mp_professional, .business_disabled #mp_selectplan #mp_business, .current_free #mp_selectplan #nonmp_free, .current_personal #mp_selectplan #mp_personal, .current_pro #mp_selectplan #mp_professional, .current_business #mp_selectplan #mp_business { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #mp_selectplan div.mp_plan b { color: red; } #mp_selectplan div.mp_plan.last { border-right: 1px solid #fff; -webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; margin-right: -1px; width: 161px; } #mp_selectplan #nonmp_free { background-color: #63C594; } #mp_personal { background-color: #50B1B4; margin-top: -13px; margin-right: 0px; padding-top: 13px; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; z-index: 5; } .priceLegend { position: absolute; bottom: 50px; left: 15px; right: 15px; text-align: center; font-size: 11px; line-height: 24px; height: 29px; font-family: Arial, sans-serif; text-shadow: none; } #mp_selectplan #mp_professional { background-color: #2392c3 } #mp_selectplan #mp_business { background-color: #216698; } div.mp_plan > em { position: absolute; top: 0; margin: 0; left: 0; width: 100%; height: 34px; line-height: 34px; font-size: 18px; font-weight: normal; font-style: normal; color: white; cursor: default; text-shadow: 0 -1px 0 rgba(0,0,0,.5); background-color: rgba(0, 0, 0, .25); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1); box-shadow: 0 1px 0 rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(0, 0, 0, .3); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .1) ); } #mp_personal > em { border-radius: 6px 6px 0 0; } #mp_business > em { border-radius: 0 6px 0 0; } p.mp_price { text-align: center; position: absolute; width: 100%; font-weight: normal; font-family: 'Open Sans', sans-serif; text-shadow: 0px 1px 1px rgba(0, 0, 0, .3); cursor: default; -webkit-transition: bottom .2s linear; -moz-transition: bottom .2s linear; -ms-transition: bottom .2s linear; -o-transition: bottom .2s linear; transition: bottom .2s linear; bottom: 60px; } .mp_plan:hover p.mp_price { bottom: 63px; } p.mp_price span.dollar { vertical-align: top; font-size: 20px; font-family: Arial, sans-serif; opacity: .75; } p.mp_price span.cents { position: absolute; top: 0; font-size: 20px; opacity: .75; } p.mp_price span.monthly_text { font-size: 64px; line-height: .9; letter-spacing: -2px; font-weight: 700; } span.freq_txt { } div.mp_comparison_table.basic_table td { border-color: #eaeaea; } div.mp_plan .btn { font-size: 16px; font-weight: bold; padding: 0; position: absolute; bottom: 15px; left: 15px; right: 15px; height: 36px; line-height: 36px; background: -webkit-linear-gradient(top, #fff, #D4D8DB); /*color: white; text-shadow: none;*/ border: none; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0px 0px 1px rgba(0, 0, 0, .15), inset 0 1px 0 0 rgba(255, 255, 255, .75); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0px 0px 1px rgba(0, 0, 0, .15), inset 0 1px 0 0 rgba(255, 255, 255, .75); box-shadow: 0 1px 0 rgba(0, 0, 0, .2),0 0px 0px 1px rgba(0, 0, 0, .15), inset 0 1px 0 0 rgba(255, 255, 255, .75); } #nonmp_free .btn { color: #499C73; background-color: #ADE1C7; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } #mp_personal .btn { color: #3C8B8B; background-color: #94D1D1; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } #mp_professional .btn { color: #1B7298; background-color: #79C6E7; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } #mp_business .btn { color: #1B5279; background-color: #64ABDD; background-image: -webkit-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, white, rgba(255,255,255,0)); background-image: -o-linear-gradient(top, white, rgba(255,255,255,0)); background-image: linear-gradient(top, white, rgba(255,255,255,0)); } div.feature_popup { float: left; position: relative; margin-left: 10px; } div.mp_comparison_table div.tooltip { bottom: 25px !important; left: 0px; font-weight: normal; z-index: 10; -webkit-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -moz-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -ms-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -o-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; visibility: hidden; padding: 0; border-width: 0; opacity: 0; display: block; width: 0; } div.mp_comparison_table tr:hover div.feature_popup div.tooltip { visibility: visible; border-width: 1px; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; width: 350px; padding: 15px; } div.mp_comparison_table div.tooltip:before { left: 60px !important; } div.mp_comparison_table div.tooltip h4 { padding-left: 0; font-size: 14px !important; margin-bottom: 10px; } .signup-base { position: absolute; bottom: 70px; left: 30px; right: 30px; height: 70px; padding: 0; margin: 0; background-color: white; border-top: 1px dotted #ccc; } .signup-base a, .signup-base input[type="submit"].primary { padding: 0 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; margin: 14px 0px; cursor: pointer; text-transform: none; } .signup-base a.primary.btn, .signup-base input[type=submit].primary { float: right; } .signup-base a.gbtnPrimary { float: left; margin-top: 10px; } .mp_comparison_table .signup-base { padding: 0; height: 85px; } .mp_comparison_table .signup-base a { margin: 0 5px !important; white-space: nowrap; float: none !important; } #mp_signup_block .signup-base table.basic_table { background: transparent; height: 85px; } #mp_signup_block .signup-base table.basic_table tbody tr:last-child td { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent; border-right: 1px solid #CFD1D3; } .btnGlare { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 1; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 65%, rgba(255, 255, 255, 0) 65% ); -webkit-transition: background-position 0s 0s linear; -moz-transition: background-position 0s 0s linear; -o-transition: background-position 0s 0s linear; -ms-transition: background-position 0s 0s linear; transition: background-position 0s 0s linear; background-position: -110px 0; } .mp_plan:hover .btnGlare { -webkit-transition: background-position .5s .0s linear; -moz-transition: background-position .5s .0s linear; -o-transition: background-position .5s .0s linear; -ms-transition: background-position .5s .0s linear; transition: background-position .5s .0s linear; background-position: 110px 0; } .current_free #nonmp_free .btnGlare, .current_personal #mp_personal .btnGlare, .current_pro #mp_professional .btnGlare, .current_business #mp_business .btnGlare, .free_disabled #nonmp_free .btnGlare, .personal_disabled #mp_personal .btnGlare, .pro_disabled #mp_professional .btnGlare, .business_disabled #mp_business .btnGlare { display: none; } .current_free #mp_selectplan #nonmp_free p.mp_price, .current_personal #mp_selectplan #mp_personal p.mp_price, .current_pro #mp_selectplan #mp_professional p.mp_price, .current_business #mp_selectplan #mp_business p.mp_price, .free_disabled #mp_selectplan #nonmp_free p.mp_price, .personal_disabled #mp_selectplan #mp_personal p.mp_price, .pro_disabled #mp_selectplan #mp_professional p.mp_price, .business_disabled #mp_selectplan #mp_business p.mp_price { bottom: 60px; text-shadow: none; } .select_txt { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all .5s 0s linear; -moz-transition: all .5s 0s linear; -ms-transition: all .5s 0s linear; -o-transition: all .5s 0s linear; transition: all .5s 0s linear; -webkit-box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0); moz-box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0); box-shadow: inset 0 0 10px 5px rgba(255, 255, 255, 0); } .mp_plan:hover .select_txt { -webkit-box-shadow: inset 0 0 15px 5px rgba(255, 255, 255, .8); -moz-box-shadow: inset 0 0 15px 5px rgba(255, 255, 255, .8); box-shadow: inset 0 0 15px 5px rgba(255, 255, 255, .8); } /* SIGNUP AND CHECKOUT FORM ELEMENTS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mp_signupform { /*background: #F0F2F5;*/ } .mp_signupform .mp_signupform_legend { font-size: 24px; clear: both; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 500; padding-top: 1px; background-image: -webkit-linear-gradient(left, #fff, #e6e6e6, #fff); background-image: -moz-linear-gradient(left, #fff, #e6e6e6, #fff); background-image: -ms-linear-gradient(left, #fff, #e6e6e6, #fff); background-image: -o-linear-gradient(left, #fff, #e6e6e6, #fff); background-image: e6e6e6linear-gradient(left, #fff, #e6e6e6, #fff); color: #3190D3; } .mp_signupform .mp_signupform_legend:first-child { padding: 0; } .mp_signupform .mp_signupform_legend span { display: block; background: white; padding: 30px 0 0; } .mp_signupform fieldset label { display: block; font-size: 14px; margin: 0 0 3px; position: relative; } .mp_signupform fieldset label.ieLabels { display: none; } .mp_signupform fieldset label span { font-weight: normal; } .mp_signupform input[type="submit"] { margin: 10px 0 0 0; padding-left: 10px; } p#mp_signup_cookiesmsg { float: right; clear: both; width: 412px; text-align: center; font-size: 13px; color: #777; margin: 10px 30px 0 0; } a.signupResellers:focus { outline: 1px dotted #696969; outline-offset: 3px; /*Delete if you don't want an offset*/ } .mp_signupform fieldset > div.signup_tos_box { height:110px; overflow:auto; width: 650px; margin-top:20px; } .checkoutSectionTitle { background: #FEE9AA; height: 50px; line-height: 50px; border-radius: 6px 6px 0 0; margin-bottom: 10px; padding: 0 15px; -webkit-box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, .1), inset 0 1px 0 0 rgba(255, 255, 255, .5); -moz-box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, .1), inset 0 1px 0 0 rgba(255, 255, 255, .5); box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, .1), inset 0 1px 0 0 rgba(255, 255, 255, .5); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)), url(/images/backgrounds/signup/noise_overlay.png); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)), url(/images/backgrounds/signup/noise_overlay.png); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)), url(/images/backgrounds/signup/noise_overlay.png); background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)), url(/images/backgrounds/signup/noise_overlay.png); background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .0)), url(/images/backgrounds/signup/noise_overlay.png); font-weight: bold; font-size: 20px; color: #AE8647; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); } .mp_signupform .helpIcon { position: absolute; right: -25px; top: 10px; } /* New Registration 3/27/2012 IE FIX */ .ie7 .mp_signupform fieldset label.ieLabels, .ie8 .mp_signupform fieldset label.ieLabels, .ie9 .mp_signupform fieldset label.ieLabels { display: block; font-size: 14px; margin: 0; text-align:left; position: relative; } .ie7 .form_slide .form_slideWrap, .ie8 .form_slide .form_slideWrap, .ie9 .form_slide .form_slideWrap { margin-bottom: 20px; } .ie7 .mp_signupform .field_confirm, .ie8 .mp_signupform .field_confirm, .ie9 .mp_signupform .field_confirm { top: 33px; } .ie7 .mp_signupform .helpIcon, .ie8 .mp_signupform .helpIcon, .ie9 .mp_signupform .helpIcon { position: absolute; right: -25px; top: 32px; } .ie7 .ieHide, .ie8 .ieHide, .ie9 .ieHide { display: none; } .ie7 input[type="password"], .ie8 input[type="password"], .ie9 input[type="password"] { font-family: sans-serif; } /* SIGNUP ALREADY COMPLETED MESSAGE (IF LOGGED IN, REPLACES SIGNUP FORM IN STEP 2) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .signup_complete_msg { } .changePlanInfo { width: 530px; margin: 0 auto; padding-top: 30px; } .changePlanInfo > p { margin-bottom: 20px; } .changePlanMainMsg { font-size: 18px; font-weight: bold; } .changePlanMainMsg span { border-bottom: 1px dotted #4D5256; } .changePlanMainMsg em { color: #609618; font-style: normal; } .changePlanCO { float: left; width: 253px; height: 105px; margin-bottom: 30px; background: #deecfa; font-size: 18px; font-weight: bold; color: #163d63; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 0 0 1px #d2deeb; -moz-box-shadow: inset 0 0 0 1px #d2deeb; box-shadow: inset 0 0 0 1px #d2deeb; text-align: center; } .changePlanCO h3 { height: 32px; line-height: 32px; font-size: 14px; color: #fff; text-align: center; background-color: #3e89c7; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .changePlanCO .changePlanDetail { font-size: 12px; font-weight: normal; margin-top: -4px; } .changePlanCO p { margin-top: 20px; } .changePlanLogout { width: 530px; margin: 0 auto; clear: both; font-size: 12px; font-style: italic; } .signup_complete_msg .signup-base .tooltip { display: block; left: auto; right: 155px; top: 24px; height: 42px; padding: 0 20px; line-height: 42px; font-weight: bold; font-size: 14px; } #upgrade_subdomain_form fieldset { width: 530px; } .changePlanComplete { display: none; text-align: center; position: relative; } .changePlanComplete p { font-size: 21px; font-weight: bold; padding: 40px 0; margin-top: 100px; } .changePlanComplete p span { border-bottom: 1px dotted #4D5256; } .changePlanComplete a.gbtnTertiary { width: 250px; height: 40px; padding: 0 10px 0 0; line-height: 40px; font-size: 16px; margin: 0 5px; float: none; display: inline-block; font-size: 12px; } /* CREDIT CARD DECLINED MESSAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .cc_declined_msg { position: relative; height: 375px; } .cc_declined_txt { font-size: 16px; text-align: center; padding: 40px 0; } .cc_declined_msg > div { text-align: center; } .cc_declined_msg .checkoutSectionTitle { text-align: left; background-color: #EFB5AE; color: #9C4A40; } .cc_declined_msg .checkoutSectionTitle em { padding: 0px 9px; margin-right: 8px; background: url( images/icons/redWarning.png) 0px 0px no-repeat; } .cc_declined_msg_txt { } .cc_declined_msg span { color: #b34444; font-weight: normal; } /* FORM PLACEHOLDER TEXT */ input:-webkit-input-placeholder { font-size: 12px; opacity: 1; color: #000; } input:-moz-placeholder { font-size: 12px; color: #000; } input:-ms-input-placeholder { font-size: 12px; color: #000; } /* PROGRESS BAR FOR SIGNUP HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .progress_tracker { height: 75px; position: absolute; left: 0; top: 10px; } .progress_wrapper { margin: 0 0 0 30px; } .progress_tracker a { display: block; height: 13px; width: 13px; float: left; margin: 0 10px 0 0; z-index: 1; cursor: pointer; background: url( images/mediapro/progress_tracker_sprite_01.png) right top no-repeat; } .progress_tracker a:hover { text-decoration: none; color: #3190D3; } a.progress1 { background-position: right top; } a.progress2 { background-position: right top; } a.progress3 { background-position: right top; } a.progress4 { background-position: right top; } a.progress5 { background-position: right top; } .progress_tracker.step1 a.progress1 { background-position: left top; } .progress_tracker.step2 a.progress2 { background-position: left top; } .progress_tracker.step3 a.progress3 { background-position: left top; } .progress_tracker.step4 a.progress4 { background-position: left top; } .progress_tracker.step5 a.progress5 { background-position: left top; } .progress_tracker.free { } .progress_tracker.free a.progress3, .progress_tracker.free a.progress4 { display: none; } .progress_tracker a span.tooltip { display: block; bottom: 76px; left: 0; font-weight: bold; width: 0px; text-align: center; font-size: 11px; padding: 0; opacity: 0; -webkit-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -moz-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -ms-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; -o-transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; transition: visibility 0s linear .1s, width 0s linear .1s, padding 0s linear .1s, border-width 0s linear .1s, opacity .5s linear; visibility: hidden; } .progress_tracker a span.tooltip.tooltip1:before { margin: 0 0 0 -50px; } .progress_tracker a span.tooltip.tooltip2:before { margin: 0 0 0 -28px; } .progress_tracker a span.tooltip.tooltip3:before { margin: 0 0 0 -5px; } .progress_tracker a:hover span.tooltip { opacity: 1; width: 145px; padding: 3px; visibility: visible; } .progress-bar_signup { position: absolute; bottom: 0; left: -1px; height: 5px; width:960px; background: #9EA0A3; -webkit-box-shadow: inset 0 2px 0 0 #6f7173; box-shadow: inset 0 2px 0 0 #6f7173; } .progress-bar_signup .bar { height: 100%; width: 33%; background: #00aafc; -webkit-box-shadow: inset 0 1px 0 0 #09dbff; box-shadow: inset 0 1px 0 0 #09dbff; } .progress-bar_signup .grad { width: 65px; height: 100%; float: right; -webkit-box-shadow: inset 0 1px 0 0 #09dbff; box-shadow: inset 0 1px 0 0 #09dbff; background-color: #00aafc; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#00aafc), to(#00f9fd)); background-image: -webkit-linear-gradient(left, #00aafc, #00f9fd); background-image:    -moz-linear-gradient(left, #00aafc, #00f9fd); background-image:     -ms-linear-gradient(left, #00aafc, #00f9fd); background-image:      -o-linear-gradient(left, #00aafc, #00f9fd); background-image:         linear-gradient(left, #00aafc, #00f9fd); } .progress-bar_signup .flare { float: right; background: #fff; height: 3px; width: 8px; -webkit-box-shadow: 0 0 12px 2px #fff; box-shadow: 0 0 12px 2px #fff; border: 1px solid #2bffff; } .progress_tracker.step1 .progress-bar_signup .bar { width: 25%; } .progress_tracker.step2 .progress-bar_signup .bar { width: 50%; } .progress_tracker.free.step2 .progress-bar_signup .bar { width: 75%; } .progress_tracker.step3 .progress-bar_signup .bar { width: 75%; } /* GO PRO (CHECKOUT PAGE) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*#checkout_banner { height: 80px; padding-top: 40px; text-align: center; color: #fff; font-size: 30px; font-weight: bold; background: #0a2e47; }*/ .checkout_summary { width: 544px; margin: 30px auto 0; position: relative; background: hsl(46, 95%, 89%); border-radius: 5px; padding: 20px 30px; } .plan_features { display:none !important; } .checkout_summary > div { margin: 0 auto; } .checkout_summary > div ul { } .checkout_summary > div.checkout_planselected { font-size: 24px; line-height: 36px; text-align: center; border-top: 0; } .checkout_summary > div.checkout_planselected p { position: absolute; top: 50%; left: 0; margin-top: -36px; width: 422px; color: #000; } .checkout_summary > div.summary_breakdown li { overflow: auto; padding: 8px 0; border-top: 1px dotted #E9CB9B; } .checkout_summary > div.summary_breakdown li span { float: left; } .checkout_summary > div.summary_breakdown li em { float: right; text-align: right; font-style: normal; } .checkout_summary > div.summary_breakdown li.breakdown-total, .checkout_summary > div.summary_breakdown li.breakdown-subtotal { font-weight: bold; border-top: 1px dotted #E9CB9B; } .checkout_summary > div.summary_breakdown li.breakdown-total { border-top: 2px solid #E9CB9B; } .summary-support-info { border-bottom: 0 !important; } .cc_sprite > div { float: left; margin-right: 5px; height: 20px; width: 28px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url( images/mediapro/cc_sprite_v2.png) 0 0 no-repeat; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.3); box-shadow: 0 1px 1px 0 rgba(0,0,0,.3); -webkit-transition: box-shadow .2s linear, margin-top .2s linear; -moz-transition: box-shadow .2s linear, margin-top .2s linear; -ms-transition: box-shadow .2s linear, margin-top .2s linear; -o-transition: box-shadow .2s linear, margin-top .2s linear; transition: box-shadow .2s linear, margin-top .2s linear; } .cc_sprite > div.visa { background-position: 0 0; } .cc_sprite > div.mastercard { background-position: -33px 0; } .cc_sprite > div.amex { background-position: -66px 0; } .cc_sprite > div.discover { background-position: -99px 0; } .cc_sprite.detected_visa .visa, .cc_sprite.detected_mastercard .mastercard, .cc_sprite.detected_amex .amex, .cc_sprite.detected_discover .discover { -webkit-box-shadow: inset 0 0 0 1px #000, 0 0 6px 2px #24A4FF; -moz-box-shadow: inset 0 0 0 1px #000, 0 0 6px 2px #24A4FF; box-shadow: inset 0 0 0 1px #000, 0 0 6px 2px #24A4FF; position: relative; z-index: 1; margin-top: -3px; } .accolades_checkout { background: url( images/mediapro/accolades_checkout.png) center 0 no-repeat; height: 113px; margin: 110px auto; } fieldset#saved_card_fs { display: none; } .security-code { position: relative; } .security-code .tooltip.security-code-help { width: 292px; margin-left: -155px; } .payment_details { display: block !important; } .security-code .security-code-help img, .payment_details img { /*border: 1px solid #D7DBDE;*/ } /*.security-code:hover .security-code-help { display: block; }*/ .payment_details.tooltip.point-up:before { left: 25% !important; } .yearlyOffer.tooltip { display: block; position: relative; margin: 30px 54px 0; padding: 25px; font-size: 24px; text-align: center; } .yearlyOffer > p { margin: 20px 0 15px; font-size: 18px; } .yearlyOffer > p span { font-weight: bold; } .yearlyOffer .yearly_choice { width: 345px; margin-right: 0; } .yearlyOffer { display: block; text-align: center; width: 801px; margin: 0 auto; padding: 20px 0 30px; } /* ADD BANDWIDTH WITH CHECKOUT PAGE, SUB-USERS WITH CHECKOUT PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ div#addbandwidth_wrapper { position: relative; width: 1960px; height: 800px; } div#addbandwidth_wrapper div#bandwidth_select { padding: 0; width: 960px; position: absolute; top: 0; left: 0; } div#addbandwidth_wrapper div#go_pro_div, #subuser_wrapper #subuser div#go_pro_div { width:958px; position: absolute; top: 0; left: 1000px; margin-top: 20px; overflow: hidden; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #subuser .subuserinfo h3 { font-weight: bold; font-size: 18px; padding-top: 5px; } #subuser .subuserinfo h3 span { color: #629721; } #content #subuserform.inset-box { margin-bottom: 30px; display: none; } #subuserform label { font-size: 18px; float: left; margin: 7px 10px 0 0; } #subuserform input[type="submit"]{ cursor: pointer; float: right; /*padding: 12px 25px;*/ } #subuser tbody { font-size: 12px; } #subuser thead td, #subuser tbody td { width: 458px; } #subuser thead td+td, #subuser thead td+td+td, #subuser tbody td+td, #subuser tbody td+td+td { width: 100px; } #subuser tbody tr:hover { background: #fff; } tr .subuser-options .indicator-down { top: 5px; right: 40px; } tr .subuser-options .dropdown:hover ul { display: block; } tr .subuser-options .dropdown, tr .subuser-name .email { display: none; } tr .subuser-options .dropdown > a:hover { text-decoration: none; } tr.subuser-assigned .subuser-options .dropdown, tr.subuser-assigned .subuser-name .email { display: block; } tr.subuser-assigned .subuser-options > a, tr.subuser-assigned span.nouser { display: none; } .subuser-deleteseat a { position: relative; } tr.subuser-assigned .subuser-deleteseat a { color: #aaa; cursor: default; } tr.subuser-assigned .subuser-deleteseat a:hover { text-decoration: none; } tr .subuser-deleteseat .tooltip { text-align: left; } tr.subuser-assigned .subuser-deleteseat a:hover .tooltip { display: block; } #seat_account_popup { height: auto !important; margin-top: -100px; } #managebox-user input[type="text"], #managebox-user input[type="password"] { width: 350px; } #managebox-user { padding-bottom: 5px; } #managebox-user li { padding: 0 5px 10px; } #managebox-user .subuser-email div, #managebox-user .subuser-pwd label span { display: none; } #managebox-user.changepwd .subuser-email input, #managebox-user.changepwd .subuser-confirmemail { display: none; } #managebox-user.changepwd .subuser-email div { display: block; } #managebox-user.changepwd .subuser-pwd label span { display: inline; } .share-popup-btns input, .share-popup-btns a { float: right; margin: 0 0 0 10px; } .popup.avatar-uploader { width: 400px; height: 220px; top: 50%; left: 50%; margin: -100px 0 0 -200px; } #bandwidthoptions_popup { top: 10px !important; } #suggested_plan { font-weight: bold; font-size: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px; clear: both; margin: 0; width: auto; text-align: center; color: white; border: 1px solid black; background-color: transparent; -moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0px 1px 0px rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0px 1px 0px rgba(255, 255, 255, 0.1); box-shadow: 0px 1px 3px 0 rgba(0,0,0,.1), inset 0px 1px 0px rgba(255, 255, 255, 0.25); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 36, 36, 0.85)), to(#202020)); background-image: -webkit-linear-gradient(top, rgba(36, 36, 36, 0.85), #202020); background-image: -moz-linear-gradient(top, rgba(36, 36, 36, 0.85), #202020); background-image: -ms-linear-gradient(top, rgba(36, 36, 36, 0.85), #202020); background-image: -o-linear-gradient(top, rgba(36, 36, 36, 0.85), #202020); background-image: linear-gradient(top, rgba(36, 36, 36, 0.85), #202020); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#424446', EndColorStr='#202020'); } .BWpackageComparison { text-align: center; } #content .BWpackageComparison h3 { line-height: 1.2; margin-bottom: 0; } .BWpackageComparison em { font-style: normal; color: #629721; } .BWpackageComparison span { font-size: 24px; display: block; padding: 15px 0; } .BWpackageComparison td { padding: 15px; } .BWpackageComparison a.btn { padding: 12px 0; } /* SIGNUP TRUNCATED TOP ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .signup #titlebar { position: absolute; top: 49px; left: 0; right: 0; height: 100px; } .signup #titlebar .title { padding: 22px 25px 20px 0px; } /* GETTING STARTED ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #get-started { padding: 50px 0 0; } #get-started ul { padding: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 52px; padding: 0; position: relative; margin-top:40px; text-align: center; font-size: 0; } #get-started ul:after { content: ""; width: 100%; height: 2px; top: 100%; left: 0; background-image: -webkit-linear-gradient(left, transparent 10%, #ddd, transparent 90%); background-image: -moz-linear-gradient(left, transparent 10%, #ddd, transparent 90%); background-image: -ms-linear-gradient(left, transparent 10%, #ddd, transparent 90%); background-image: -o-linear-gradient(left, transparent 10%, #ddd, transparent 90%); background-image: linear-gradient(left, transparent 10%, #ddd, transparent 90%); } #get-started ul li { background: #99a3ad; color: #fff; width: 190px; height: 36px; line-height: 36px; font-size: 14px; cursor: pointer; text-align: center; border: 1px solid #7a7f85; border-left-color: #adb5bd; width:164px; float: none; display: inline-block; } #get-started ul li:first-child { border-left-color: #7a7f85; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #get-started ul li:last-child { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } #get-started ul li:hover { border-color: #7a7f85; border-left-color: transparent; background-color: #8a939c; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a939c), to(#98a2ac)); background-image: -webkit-linear-gradient(top, #8a939c, #98a2ac); background-image: -moz-linear-gradient(top, #8a939c, #98a2ac); background-image: -ms-linear-gradient(top, #8a939c, #98a2ac); background-image: -o-linear-gradient(top, #8a939c, #98a2ac); background-image: linear-gradient(top, #8a939c, #98a2ac); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8a939c', EndColorStr='#98a2ac'); } #get-started ul li.current, #get-started ul li.current:hover { background: #303030; cursor: default; border-color: #1A1A1A; margin-left: -1px; padding-left: 1px; } #get-started > div { height: 100%; border: none; padding: 30px; background-color: #fff; } #get-started .screenshot-example { border: 5px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 6px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.15); box-shadow: 0 2px 6px rgba(0,0,0,.15); } #get-started h3 { font-size: 18px; margin-bottom: 18px; color: black; } #get-started p { margin-bottom: 18px; } #get-started .threecol-1-1-1 > div { float: left; width: 280px; margin-right: 30px; } #get-started .threecol-1-1-1 .screenshot-example { height: 235px; margin-bottom: 30px; } #get-started .threecol-1-2 .screenshot-example { float: right; width: 570px; height: 360px; } #get-started-3 { } #get-started-4 { } #get-started-5 { } #upload-example { background: url( images/backgrounds/checkout/getting-started/upload-example-v3.jpg) 0 0 no-repeat; } #bulkdownload-example { background: url( images/backgrounds/checkout/getting-started/bulkdownload-example-v3.jpg) 0 0 no-repeat; } #directdownload-example { background: url( images/backgrounds/checkout/getting-started/directdownload-example-v3.jpg) 0 0 no-repeat; } #myaccount-example { background: url( images/backgrounds/checkout/getting-started/myaccount-example-v3.jpg) 0 0 no-repeat; } #avatar-example { background: url( images/backgrounds/checkout/getting-started/avatar-example-v3.jpg) -5px 0 no-repeat; } #header-example { background: url( images/backgrounds/checkout/getting-started/header-example-v3.jpg) 0 0 no-repeat; } #logo-example { background: url( images/backgrounds/checkout/getting-started/logo-example-v3.jpg) 0 0 no-repeat; } #advancedstats-example { background: url( images/backgrounds/checkout/getting-started/advancedstats-example-v3.jpg) 0 0 no-repeat; } #premiumsupport-example { background: url( images/backgrounds/checkout/getting-started/premiumsupport-example-v3.jpg) 0 0 no-repeat; } #viewinvoicetoggle { right: 10px; top: 20px; position: absolute; z-index: 5; width: 155px; text-align: center; } #get-started > div.gettingStartedDivider { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(102,102,102,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(102,102,102,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(102,102,102,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(102,102,102,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(102,102,102,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(102,102,102,1) 50%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ height:1px; height: 1px; padding: 0px; margin: -15px -30px 25px -30px; display:block; } /* INVOICE TEMPLATES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ div.invoice_container { display: none; font-size: 14px; line-height: 22px; width: 960px !important; background-color: #fff; background-repeat: no-repeat; background-position: 20px 20px; color: #000 !important; padding: 53px 0 0px; height: 100%; } div.invoice_heading { font-size: 20px; font-weight: bold; height: 56px; padding: 2px; background: #222 url( images/mediapro/mf_logo_invoice.png) 16px 15px no-repeat; display: none; } div.invoice_heading > span { color: #a1c5e3; float: right; padding: 18px 25px 0; } div.invoice_heading > span em { color: #fff; font-style: normal; } div.invoice_heading a span { display: block; padding: 8px 0 0 40px; margin: 10px 0 0 35px; background: url( images/icons/printer.png) 0 center no-repeat; text-shadow: -1px -1px 0px #004D80; } div.invoice_heading a:hover { text-decoration: none; } div.invoice_subheading { padding: 10px 20px; margin: 20px 20px 40px; background: #eee; } div.invoice_subheading a { float: right; margin-left: 20px; padding-left: 22px; background-position: 0 center; background-repeat: no-repeat; } table.invoice_table { border: none; font-size: 14px; margin-bottom: 60px; background: transparent; box-shadow: none; margin-left: 20px; } table.invoice_table tbody tr { background: #fff; } table.invoice_table tbody th { font-size: 14px; } table.invoice_table th span { display: block; padding-bottom: 10px; } table.invoice_table td { border-width: 1px; padding: 0; height: 36px; } table.invoice_table td.borderless { border-width: 1px 0; } table.invoice_table td span { } table.invoice_table .invoice_items td { background: #fff; color: #000; border-color: #aaa; } table.invoice_table .subtotal_items td { background: #fff; color: #000; border-color: #aaa; font-weight: bold; } table.invoice_table .invoice_table_header { color: #333; font-weight: bold; } table.invoice_table .cols_center td { text-align: center; } div.invoice_extrainfo { width: 535px; float: left; padding-left: 20px; } div.invoice_acctinfo { width: 316px; float: right; padding: 0 0 6px 0; border: 0px solid #ececec; } div.invoice_extrainfo h3 { font-size: 18px; color: #000; margin-bottom: 18px; } div.invoice_extrainfo p, div.invoice_acctinfo p { margin-bottom: 22px; } div.invoice_extrainfo span, div.invoice_acctinfo span { display: block; } div.invoice_acctinfo h4 { font-size: 18px; margin: 0 0 18px; background: #fff; color: #000; border-bottom: 0px solid #aaa; } div.invoice_acctinfo p { margin-left: 0px; } div.invoice_container.printinvoice div.invoice_heading > a, div.invoice_container.printinvoice div.invoice_subheading > a { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NEW SIGN UP DESIGN - CIRCLES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .circleSignupContainer { /*display: none;*/ position: relative; } body.signupCircles { background: none; } body.signup.signupCircles #main:after { display: none; } .signupCircles .circleSignupContainer { display: block; } .circleSignupContainer #planSelectionUpdate { color: #4D5256; } .circleSignupContainer { overflow: hidden; display: block; } #circleSpaceSlider { width: 1920px; /*height: 380px;*/ font-size: 14px; margin-bottom: 70px; margin-top:-10px; background: url( images/backgrounds/signup/signupC/cricleShadows.png) 85px 259px no-repeat; position: relative; } .circleSpaceChoice { background-color: #ebebeb; border-radius: 130px 130px 130px 130px; float: left; font-size: 48px; font-weight: bold; height: 260px; text-align: center; width: 260px; position: relative; cursor: pointer; -webkit-box-shadow: inset 0px 0px 40px 40px rgba(0, 0, 0, .07), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); box-shadow: inset 0px 0px 40px 40px rgba(0, 0, 0, .07), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .circleSpaceChoice:hover { background-color: #acdaf8; -webkit-box-shadow: inset 0px 0px 40px 40px rgba(71, 167, 231, .2), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); box-shadow: inset 0px 0px 40px 40px rgba(71, 167, 231, .2), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); } .circleSpaceChoice.spaceSelected { background-color: #6fc0f5; -webkit-box-shadow: inset 0px 0px 40px 40px rgba(71, 167, 231, .2), inset 0px 0px 0px 10px rgba(71, 167, 231, 1); box-shadow: inset 0px 0px 40px 40px rgba(71, 167, 231, .2), inset 0px 0px 0px 10px rgba(71, 167, 231, 1); color: #fff; } .circleSpaceChoice span { display: block; left: 50%; margin-left: -74px; margin-top: -38px; position: absolute; top: 50%; width: 160px; } .circleSpaceChoice input[type="radio"] { left: 50%; margin-left: -6px; position: absolute; bottom: 20px; } #circlePlanTitle { font-size: 32px; text-align: center; margin: 20px 0; } .circleSignupContainer #spaceFooter { border: 1px solid #DEE6EC; border-radius: 3px; } .circleSignupContainer #planSelectionUpdate label { font-weight: normal; margin-left: 20px; cursor: pointer; } .circleBusiness { height: 270px; padding: 20px 50px 0 420px; width: 490px; float: left; background: url( images/backgrounds/signup/signupC/businessPlanCircle.png) 80px center no-repeat; } .circleBusiness ul { margin-top: 15px; } .circle100 { width: 200px; height: 200px; border-radius: 100px; margin: 72px 35px 0 72px; } .circle100:after { content: ""; background: url( images/backgrounds/signup/signupC/ribbon.png) left center no-repeat; height: 110px; left: -1px; position: absolute; top: -1px; width: 133px; } .circle100stack { content: ""; background: url( images/backgrounds/signup/signupC/fileStacks.png) -4px center no-repeat; height: 63px; left: 32px; position: absolute; top: 182px; width: 133px; } .circle200 { width: 230px; height: 230px; border-radius: 115px; margin: 42px 30px 0 30px; } .circle200stack { content: ""; background: url( images/backgrounds/signup/signupC/fileStacks.png) -285px center no-repeat; height: 63px; left: 48px; position: absolute; top: 212px; width: 133px; } .circle500 { margin: 12px 70px 0 32px; } .circle500stack { content: ""; background: url( images/backgrounds/signup/signupC/fileStacks.png) -593px center no-repeat; height: 63px; left: 65px; position: absolute; top: 242px; width: 133px; } #freePlanPiggy { background: #fbe2e4 url( images/backgrounds/signup/signupC/piggy.png) 10px center no-repeat; border: 1px solid #E1C8CA; border-radius: 3px 3px 3px 3px; float: left; height: 44px; margin-top: 20px; padding: 10px 10px 10px 70px; cursor: pointer; } #freePlanPiggy:hover { background: #FAEBED url( images/backgrounds/signup/signupC/piggy.png) 10px center no-repeat; } .filesStacks { background: url( images/backgrounds/signup/signupC/fileStacks.png) left center no-repeat; height: 63px; left: 101px; position: absolute; top: 250px; width: 730px; } #circleMoreSpace { float: right; cursor: pointer; margin-bottom: 10px; } #circleLessSpace { float: left; cursor: pointer; margin-bottom: 10px; } .circleInfo { color: #666666; font-size: 12px; font-weight: normal; line-height: 16px; position: absolute; top: 310px; pointer-events: none; } .circleCurrentPlan { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: inset 0px 0px 40px 40px rgba(0, 0, 0, .05), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); box-shadow: inset 0px 0px 40px 40px rgba(0, 0, 0, .05), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); color: #D0D0D0; } .circleCurrentPlan:hover { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: inset 0px 0px 40px 40px rgba(0, 0, 0, .05), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); box-shadow: inset 0px 0px 40px 40px rgba(0, 0, 0, .05), inset 0px 0px 0px 0px rgba(71, 167, 231, 0); color: #D0D0D0; } .circleCurrentPlan:before { color: #D0D0D0; content: "Current Plan"; font-size: 14px; left: 50%; margin: 30px 0 0 -51px; position: absolute; text-transform: uppercase; top: 50%; } .circleCurrentPlan .circle100stack, .circleCurrentPlan .circle200stack, .circleCurrentPlan .circle500stack { opacity: .4; } .circleCurrentPlan input[type="radio"] { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NEW SIGN UP DESIGN - BACKPACKS N STUFF ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #upgradeLogin, #upgradeDiscountBanner { display: none; background-color: #eeeff1; background-color: rgba(238, 238, 238, .6); padding: 0.5em; text-align: center; font-size: 14px; } #upgradeDiscountBanner span { font-weight: bold; text-transform: uppercase; color: #ff113e; } #upgradeDiscountBanner em { font-weight: bold; font-style: normal; } .discountActive #upgradeLogin { display: none !important; } .discountActive #upgradeDiscountBanner { display: block; } .siteMinWidth #upgradeLogin { top: 70px; position: relative; } #upgradeLogin a { font-weight: bold; } .signupLayoutA, .signupLayoutB { font-size: 0; text-align: center; font-family: "Open Sans", sans-serif; color: #222; margin-bottom: -40px; } #chooseYourPlan { padding-top: 40px; padding-bottom: 0px; width: 960px; margin: 0 auto; } .planChoice { /*height: 380px;*/ width: 300px; margin: 0 10px; padding-bottom: 10px; display: inline-block; background: #fff; position: relative; cursor: pointer; background-color: #f3f3f3; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); border-radius: 5px 5px 0 0; padding-bottom: 25px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.08); box-shadow: 0 0 0 1px rgba(0,0,0,.08); -webkit-transition: background-color .1s linear, box-shadow .1s linear; -moz-transition: background-color .1s linear, box-shadow .1s linear; -ms-transition: background-color .1s linear, box-shadow .1s linear; -o-transition: background-color .1s linear, box-shadow .1s linear; transition: background-color .1s linear, box-shadow .1s linear; } .signupLayoutB .planChoice { border-radius: 5px; } .planChoice:hover { background-color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.15); } .planChoice.currentOrLowerPlan { opacity: .6; color: #777; cursor: default; } .planChoice.currentOrLowerPlan:hover { background-color: #f3f3f3; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 10px 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 10px 0 rgba(0,0,0,0); box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 10px 0 rgba(0,0,0,0); } .planChoice.currentOrLowerPlan .gbtnTertiary { box-shadow: none; background: #777; cursor: default; } /* PLAN FEATURES BELOW */ #planFeatures { width: 960px; height: 300px; margin: 0 auto; } #planFeatures > div{ border-radius: 0 0 5px 5px; float: left; font-size: 14px; margin: 1px 10px; width: 250px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.08); box-shadow: 0 0 0 1px rgba(0,0,0,.08); padding: 10px 25px 0 25px; text-align: left; } .planFreeFeatures { background: url( images/backgrounds/signup/signupC/ad_diagram-v2.png) center 25px no-repeat; } #planFeatures ul li { border-bottom: 1px solid #e8e8e9; background-image: url( images/icons/tick.png); background-repeat: no-repeat; background-position: left center; padding:10px 0px; text-indent: 25px; white-space: nowrap; } .planTitle { font-size: 30px; font-weight: 400; height: 60px; line-height: 60px; } .planIllustration { height: 232px; margin: 10px 0 25px; } .signupLayoutB .planIllustration { margin-top: 20px; } #planFree .planIllustration { background: url( images/backgrounds/signup/signupC/free_items.png) center 7px no-repeat; } #planFree.currentOrLowerPlan .planIllustration { background: url( images/backgrounds/signup/signupC/free_items_gray.png) center 7px no-repeat; } #planPro .planIllustration { background: url( images/backgrounds/signup/signupC/rucksack.png) center -16px no-repeat; } #planPro.currentOrLowerPlan .planIllustration { background: url( images/backgrounds/signup/signupC/rucksack_gray.png) center -16px no-repeat; } #planBusiness .planIllustration { background: url( images/backgrounds/signup/signupC/briefcase.png) center -16px no-repeat; } #planBusiness.currentOrLowerPlan .planIllustration { background: url( images/backgrounds/signup/signupC/briefcase_gray.png) center -16px no-repeat; } .planDesc { font-size: 13px; line-height: 18px; margin: 0 25px 30px; } .planDesc em { font-style: normal; font-weight: bold; } .planDescPrice, .planDescSize { font-weight: 600; font-size: 24px; display: block; margin-top: 10px; color: #444; } .signupLayoutB .planDescPrice, .signupLayoutB .planDescSize { line-height: 22px; font-size: 32px; } .signupLayoutB .planDescSize { font-weight: 700; color: #000; } .signupLayoutB .planDescPrice { font-weight: 400; font-size: 14px; } .planRibbonWrap { display: none; width: 85px; height: 85px; overflow: hidden; position: absolute; top: -4px; right: -4px; } .planRibbon { font: 700 12px/12px 'Open Sans', sans-serif; color: #FFF; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; padding: 4px 0; left: -10px; top: 24px; width: 120px; background-color: #f24b6a; background-image: -webkit-gradient(linear, left top, left bottom, from(#f24b6a), to(#df3b5a)); background-image: -webkit-linear-gradient(top, #f24b6a, #df3b5a); background-image: -moz-linear-gradient(top, #f24b6a, #df3b5a); background-image: -ms-linear-gradient(top, #f24b6a, #df3b5a); background-image: -o-linear-gradient(top, #f24b6a, #df3b5a); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); text-transform: uppercase; } .windows.chrome .planRibbon { -webkit-transform: translate3d(0,0,0) rotate(45deg); /* forces hardware antialiasing, our font looks bad on Windows after rotation */ } .planRibbonWrap.mostPopular .planRibbon { text-transform: none; } .planRibbon:before, .planRibbon:after { content: ""; border-top: 2px solid #7d2d3c; border-left: 2px solid transparent; border-right: 2px solid transparent; position:absolute; bottom: -2px; } .planRibbon:before { left: 0px; } .planRibbon:after { right: 0; } .planChoice .gbtnTertiary { float: none; margin: 0 25px; height: 50px; line-height: 50px; font-size: 16px; padding: 0; text-align: center; } .planChoice .gbtnTertiary:first-letter { padding: 0; } #planAdSupported { cursor: pointer; color: #d6182f; } #planAdSupported .tooltip { display: block; color: #000; left: -11px; background: #fff url(/images/backgrounds/signup/signupC/ad_diagram.png) center no-repeat; margin-bottom: -14px; -webkit-transition: visibility 0s linear .2s, opacity .2s linear, height 0s linear .2s, width 0s linear .2s; -moz-transition: visibility 0s linear .2s, opacity .2s linear, height 0s linear .2s, width 0s linear .2s; -ms-transition: visibility 0s linear .2s, opacity .2s linear, height 0s linear .2s, width 0s linear .2s; -o-transition: visibility 0s linear .2s, opacity .2s linear, height 0s linear .2s, width 0s linear .2s; transition: visibility 0s linear .2s, opacity .2s linear, height 0s linear .2s, width 0s linear .2s; visibility: hidden; opacity: 0; height: 0; width: 0; } #planAdSupported .tooltip.point-down:before { left: 80px; } #planAdSupported:hover .tooltip { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; visibility: visible; opacity: 1; height: 167px; width: 253px; } #chooseYourSpace { overflow: hidden; font-size: 14px; display: none; position: relative; padding-bottom: 20px; } #spaceHeader { height: 70px; line-height: 70px; font-size: 24px; text-align: center; position: relative; margin-bottom: 30px; padding-top: 30px; } #spaceHeader:after { content: ""; position: absolute; bottom: -2px; height: 2px; left: 0; width: 100%; background: #e8e8e8; background: -webkit-linear-gradient(left, transparent, rgba(0,0,0,.1), transparent); background: -moz-linear-gradient(left, transparent, rgba(0,0,0,.1), transparent); background: -ms-linear-gradient(left, transparent, rgba(0,0,0,.1), transparent); background: -o-linear-gradient(left, transparent, rgba(0,0,0,.1), transparent); background: linear-gradient(left, transparent, rgba(0,0,0,.1), transparent); } #spaceHeader em { font-weight: bold; font-style: normal; } #spaceHeader .gbtnPrimary { position: absolute; left: 9px; bottom: 15px; } #spaceSlider { width: 3000px; /*height: 380px;*/ font-size: 14px; margin-bottom: 20px; } .spaceChoice { width: 300px; /*height: 380px;*/ float: left; margin: 0 10px; padding-bottom: 15px; font-size: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; position: relative; } .spaceChoice.spaceSelected { background-color: #EEF6FC; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); } .spaceChoice:hover { -webkit-transition: background-color .1s linear, box-shadow .1s linear; -moz-transition: background-color .1s linear, box-shadow .1s linear; transition: background-color .1s linear, box-shadow .1s linear; background-color: #f5f5f5; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); /*background-color: #E3F4D7;*/ } .briefCase.spaceChoice.spaceSelected, .briefCase.spaceChoice.spaceSelected:hover { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .spaceChoice.spaceSelected:hover { background-color: #EAF4FB; } .spaceChoice.currentSpace, .spaceChoice.currentSpace:hover { background-color: transparent; box-shadow: none; cursor: default; opacity: .75; color: #777; } .spaceChoice.currentSpace input, .spaceChoice.currentSpace p span { display: none; } .currentSpaceTxt { display: none; height: 36px; line-height: 36px; color: #777; text-transform: uppercase; font-weight: 600; font-size: 13px; } .spaceChoice.currentSpace p span.currentSpaceTxt { display: block; } .spaceChoice label { display: inline-block; margin-top: 0; font-size: 24px; line-height: 24px; position: relative; cursor: pointer; } .spaceChoice.currentSpace label { cursor: default; } .spaceChoice input { position: absolute; top: 6px; left: -21px; margin: 0; } .spaceChoice p { font-size: 13px; line-height: 18px; margin: 5px 20px; } .spaceIllustration { height: 250px; background-position: center bottom; background-repeat: no-repeat; } .fannyPack .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/fannypack.png); } .fannyPack.currentSpace .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/fannypack_gray.png); } .backPack .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/backpack.png); } .backPack.currentSpace .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/backpack_gray.png); } .ruckSack .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/rucksack.png); } .ruckSack.currentSpace .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/rucksack_gray.png); } .suitCase .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/briefcase.png); } .suitCase.currentSpace .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/briefcase_gray.png); } .luggageSet .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/suitcase.png); } .briefCase { width: 940px; text-align: left; cursor: default; background: url( images/backgrounds/signup/signupC/briefcase.png) 20px 40px no-repeat; } .briefCase:hover { background-color: transparent; } .briefCase label { display: block; margin-left: 350px; font-size: 24px; padding-top: 30px; } .briefCase p { margin-left: 350px; margin-bottom: 20px; font-size: 15px; line-height: 24px; } .spaceChoiceLabel { font-size: 15px; font-weight: bold; margin-left: 350px; display: inline-block; margin-bottom: 30px; } .briefCase ul { margin-left: 350px; font-weight: bold; font-size: 15px; line-height: 24px; } .briefCase li, .circleBusiness li { padding-left: 26px; position: relative; } .briefCase li:before, .circleBusiness li:before { content: ""; height: 16px; width: 16px; position: absolute; left: 0px; top: 50%; margin-top: -8px; background-image: url( images/backgrounds/signup/signupC/businessFeatures.png); background-repeat: no-repeat; } .dlStats:before { background-position: 0 0; } .multiUsers:before { background-position: 0 -16px; } .customBranding:before { background-position: 0 -32px; } li.customDomain:before { background-position: 0 -48px; height: 17px; width: 18px; margin-top: -9px; left: -1px; } .securityLog:before { background-position: 0 -66px; } .briefCase .spaceIllustration { background-image: url( images/backgrounds/signup/signupC/suitcase.png); } #lessSpace { float: left; margin-bottom: 20px; cursor: pointer; } #moreSpace { float: right; margin-bottom: 20px; cursor: pointer; } #spaceFooter { height: 70px; line-height: 70px; border-top: 2px solid #55a4da; font-size: 15px; font-weight: bold; clear: both; background: #EEF6FC; padding: 0 16px 0 28px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .storageNote { position: absolute; bottom: -4px; left: 28px; font-size: 11px; color: #777; } #planSelectionUpdate > span { margin-right: 20px; } #planSelectionUpdate label { font-weight: normal; margin-right: 20px; } #planSelectionUpdate input[type="radio"] { margin: -2px 6px 0 0; vertical-align: middle; } #planSelectionUpdate { color: #2a4a69; float: left; text-align: left; } #planSelectionUpdate .totalBonus { color: #89A9C8; font-style: italic; font-weight: normal; margin-left: 5px; } #planSelectionUpdate em { font-style: normal; } #planPrice { color: #7A9A18; position: relative; } #planPrice, #spaceFooter .gbtnTertiary { float: right; } #spaceFooter .gbtnTertiary { margin-top: 18px; margin-right: 0; margin-left: 30px; margin: 16px 0 0 30px; } #spaceFooter .helpIcon { opacity: 0.6; } #spaceFooter .helpIcon:hover { opacity: 1; } #spaceFooter .helpIcon .tooltip { width: 240px; left: -120px; } #spaceUsed { font-weight: bold; color: #7A9A18; } #businessStorageSelect { border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 3px; height: 24px; line-height: 24px; } /* DISCOUNT ELEMENTS */ #discountPrice { display: none; color: #ff113e; font-weight: 800; font-size: 15px; width: 230px; line-height: 26px; margin-bottom: -11px; left: 50%; margin-left: -120px; } #discountPrice span { font-weight: normal; } .planDiscount { display: none; font-size: 24px; position: absolute; left: 50%; text-align: center; width: 300px; margin-left: -150px; top: 365px; color: #ff113e; font-weight: 600; } .signupLayoutB .planDiscount { font-size: 14px; top: 85px; } .discountTag { display: none; position: absolute; top: -15px; left: 50%; margin: 0 0 0 -40px; width: 80px; height: 28px; background: #ff113e; font-weight: bold; color: #fff; font-size: 14px; border-radius: 3px; line-height: 28px; text-align: center; } .signupLayoutA.discountActive #planPrice, .signupLayoutA.discountActive #planPro .planDescPrice, .signupLayoutA.discountActive #planBusiness .planDescPrice, .signupLayoutB.discountActive #planPrice, .signupLayoutB.discountActive #planPro .planDescPrice, .signupLayoutB.discountActive #planBusiness .planDescPrice { text-decoration: line-through; color: #ccc; font-weight: 300; } .signupLayoutA.discountActive .planDescPrice { margin-top: 7px; } .signupLayoutB.discountActive .planDescPrice { margin-top: ; } .signupLayoutA.discountActive #discountPrice, .signupLayoutA.discountActive .discountTag, .signupLayoutA.discountActive .planDiscount, .signupLayoutA.discountActive .planRibbonWrap, .signupLayoutA:not([class*=discountActive]) .planRibbonWrap.mostPopular, .signupLayoutB.discountActive #discountPrice, .signupLayoutB.discountActive .discountTag, .signupLayoutB.discountActive .planDiscount, .signupLayoutB.discountActive .planRibbonWrap, .signupLayoutB:not([class*=discountActive]) .planRibbonWrap.mostPopular { display: block; } .signupLayoutA.discountActive #planPro .planDesc, .signupLayoutA.discountActive #planBusiness .planDesc { margin: -15px 25px 45px; } .signupLayoutB.discountActive .planDesc { position: relative; top: -8px; } .signupLayoutA.discountActive .planRibbonWrap.mostPopular, .signupLayoutB.discountActive .planRibbonWrap.mostPopular { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NEW SIGN UP AND CHECKOUT FORMS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mp_signupform fieldset > div, #billing_region_info_div > div, .mp_signupform div#billing_information > div { position: relative; width: auto; /*display: inline-block;*/ margin: 0 0 10px; /*clear: both;*/ float: left; } /*.signUpRegister, .checkOut, .changePlan { background: url( images/backgrounds/signup/signup_bg.jpg) center 0 no-repeat; }*/ .signUpRegister #reg_first_name, .signUpRegister #reg_last_name { width: 126px; } fieldset div.confirmFormSlide { margin-bottom: 0; -webkit-transition: margin-bottom 0.3s ease 0s; -moz-transition: margin-bottom 0.3s ease 0s; transition: margin-bottom 0.3s ease 0s; } .form_slideWrap { height:0px; visibility:hidden; } .confirmFormSlide.form_slide { margin-bottom: 10px; } .form_slide .form_slideWrap { height:37px; visibility: visible; -webkit-transition: height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } .mp_signupform fieldset input[type="text"], .mp_signupform fieldset input[type="email"], .mp_signupform fieldset input[type="password"] { /*color: #666;*/ display: block; width: 300px; height: 36px; line-height: 36px; margin: 0; padding: 0px 26px 0px 10px; position: relative; z-index: 0; font-size: 14px; background: #fff; } .checkOut .mp_signupform fieldset input[type="text"], .checkOut .mp_signupform fieldset input[type="email"], .checkOut .mp_signupform fieldset input[type="password"] { width: 257px; } #signUpTOS { border: 1px solid #c2c2c2; background-color: #fff; height: 75px; margin-top: 20px; margin-bottom: 0; margin-bottom: 0; font-size: 12px; overflow: auto; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.1); box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.1); color: #999; font-size: 11px !important; line-height: 15px; } #signUpTOS h1, #signUpTOS h2, #signUpTOS h3, #signUpTOS h4, #signUpTOS h5, #signUpTOS h6 { font-size: 11px !important; } .mp_signupform fieldset { margin: 0 auto; padding: 0; width: 338px; } .mp_signupform .pwdStrength { position: absolute; left: 100%; top: 4px; margin-left: 9px; } /*captcha*/ #recaptchaDiv { width: 338px; display: block; position: relative; padding: 10px 0; } #recaptchaDiv #adcopy-outer { margin: 0 auto; } #recaptchaDiv .field_notvalid { margin-left: 15px; } .mp_signupform #recaptcha_area, .mp_signupform #recaptcha_table { width: 318px!important; margin: 0 auto; } #adcopy-outer table, #adcopy-outer tr, #mp_signup_block #adcopy-outer table tr:hover { background: transparent !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #adcopy-outer #adcopy_response { padding: 0; background: white; border: 1px solid #CCC; } .mp_signupform .field_notvalid { position: static; margin: 0; padding: 0; box-shadow: none; color: red; font-size: 11px; width: auto; padding: 1px 0px; font-size: 10px; } .mp_signupform div:hover > .field_notvalid { display: none; } .mp_signupform .field_confirm { position: absolute; right: 11px; top: 12px; width: 16px; height: 16px; z-index: 4; margin-top: 0; } #signup_continue { float: none; width: 338px; height: 50px; margin: 10px 0 0; } #mp_registration_iframe { position: absolute; } #verify_tos label { font-size: 12px; font-weight: bold; padding: 5px 0 0; color: #000; float: left; margin: 0; } /*for pages that need the signup box, we selectively hide #header inner elements*/ .signUpRegister #header { height: 0; } .signUpRegister #header h2.logo, .signUpRegister #header ul.nav, .signUpRegister .signup_button, .signUpRegister #headerlogin_tab, .signUpRegister #logged_in_info, .signUpRegister #signUpLogin, .signUpRegister #login_ssl_btn { display: none; } .signUpRegister #main_login { border-radius: 5px; top: 142px; left: 50%; margin-left: -144px; } .signUpRegister #main_login .tabs > ul { border-radius: 5px 5px 0 0; } /*hide the header, show signup header*/ .checkOut #header, .changePlan #header { display: none; } .signUpRegister #content_container, .changePlan #content_container { padding-bottom: 140px; } .checkOut #content_container { padding-bottom: 90px; } #signupHeader { background: #fff; } #signupHeader .wrap { position: relative; line-height: 70px; height: 70px; border-bottom: 1px dotted #bbb; background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,.75) 50%, rgba(255,255,255,1)); background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,.75) 50%, rgba(255,255,255,1)); background: -ms-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,.75) 50%, rgba(255,255,255,1)); background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,.75) 50%, rgba(255,255,255,1)); background: linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,.75) 50%, rgba(255,255,255,1)); } #signupHeader #signupLogo { float: left; height: 70px; width: 200px; background: url(../images/backgrounds/newHome/sections/logoDarkFull1.png) 0 21px no-repeat; } #ccLogosGray { float: right; margin-top: 16px; } .freeSignUp #ccLogosGray { display: none; } #ccLogosGray div { float: right; height: 36px; margin-left: 10px; background-image: url( images/backgrounds/signup/cc_logo_sprite_gray.png); background-repeat: no-repeat; } #ccVisa { background-position: 0 0; width: 49px; } #ccMasterCard { background-position: -55px 0; width: 44px; } #ccDiscover { background-position: -108px 0; width: 42px; } #ccAmex { background-position: -160px 0; width: 44px; } #sealVerisign { background-position: -212px 0; width: 64px; } .progressTracker { width: 278px; position: absolute; left: 50%; margin-left: -139px; top: 23px; } .progressTracker.ptSteps2, .freeSignUp .progressTracker { width: 150px; margin-left: -75px; } .progressTracker div { height: 21px; background-repeat: no-repeat; margin: 0 auto; } .progressTracker.ptSteps3 div { background-image: url( images/backgrounds/signup/formProgressTrackerSprite-3step.png); } .progressTracker.ptSteps2 div, /* doing free signup statically this time around */ .freeSignUp .progressTracker div { background-image: url( images/backgrounds/signup/formProgressTrackerSprite-2step.png); } .progressTracker.onStep1 div { background-position: 0 0; } .progressTracker.onStep2 div { background-position: 0 -21px; } .progressTracker.onStep3 div { background-position: 0 -42px; } .progressTracker ul { margin: 0 12px; position: relative; height: 11px; margin-top: 3px; } .progressTracker li { position: absolute; top: 0; width: 100px; margin-left: -50px; text-align: center; line-height: 11px; font-size: 11px; color: #aaa; } .progressStep1 { left: 0; } .progressStep2 { left: 50%; } .progressStep3 { left: 100%; } .onStep1 .progressStep1, .onStep2 .progressStep2, .onStep3 .progressStep3 { color: #699c17; font-size:12px; font-weight:bold; } .onStep2 .progressStep1, .onStep3 .progressStep1, .onStep3 .progressStep2 { color: #a2c962; } .freeSignUp .progressStep2, .ptSteps2 .progressStep2 { left: 100%; } .freeSignUp .progressStep3 { display: none; } .displayname-input, .subdomain-input { position: relative; } .subdomain-input input { width: 156px !important; float: left !important; border-radius: 0px !important; } .subdomain-input > span { font-size: 12px; float: left; padding: 0px 6px 0; height: 36px; border-radius: 3px; line-height: 37px; background: #f2f2f2; color: #999; border: 1px solid #ddd; } .subdomain-input > span.prepend { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; width: 32px; } .subdomain-input > span.append { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; width: 85px; } .subdomain-input .tooltip, .displayname-input .tooltip { left: 30px; bottom: auto !important; text-align: left; width: 250px; z-index: 4; font-size: 11px; top: -76px; } .subdomain-input .tooltip:before { margin-top: -59px; } .displayname-input .tooltip { margin-bottom: 32px; } .subdomain-input .tooltip.point-down:before, .displayname-input .tooltip.point-down:before { left: 30px; } .subdomain-input .helpIcon { position: absolute; right: -27px; top: 10px; } body.signUp iframe[src="about:blank"], body.signUpRegister iframe[src="about:blank"] { position: absolute; } .checkOut .mp_signupform fieldset { width: 604px; } #country_info { width: 170px !important; } #state_info_div { float: left; } #state_info { width: 70px; margin-right: 10px; } #region_info_div { margin-left: 0px; float: left; width: 100%; } #zip_info_div { float: left; } #zip_info { width: 85px!important; margin-right:0px!important; } #city_info { width: 188px; } .try_resellers { margin-top: -3px; text-align: center; line-height: 1.4; font-size: 12px; margin-bottom: 10px; color: #aaa; float: right; } /*.mp_signupform fieldset input[type="text"]:focus, .mp_signupform fieldset input[type="password"]:focus { background: #fff !important; border-color: #70ABE6 !important; -webkit-box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important; -moz-box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important; box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important; */} .mp_signupform div.input-row { float: left; } .mp_signupform select { font-size: 14px; padding: 3px 3px 3px 6px; border-radius: 4px; margin: 4px 0 0; height: 32px; line-height: 26px; border: 1px solid #ddd; float: left; } .mp_signupform select.error { border-color: #e48181; background: #ffebeb; } .mp_signupform select.error:focus { background: #fff; } #checkout-input, #checkoutTimer { width: 300px; font-size: 16px; margin-top: 0; float: none; margin: 50px auto 30px; display: block; height: 50px; } #checkoutTimer { display: none; background: #eee url(/images/icons/ajax-loader-sm-round.gif) 20px center no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 10px 10px 10px 50px; width: 200px; height: auto; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15); } #checkoutTimer span { font-weight: bold; } #checkoutSeals { width: 604px; margin: 0 auto; text-align: center; font-size: 0; } #checkoutSeals div { width: 100px; height: 55px; display: inline-block; margin: 0 5px; background-position: center; background-repeat: no-repeat; } #bbbSeal { background-image: url( images/backgrounds/signup/bbbSeal.png); } #verisignSeal { background-image: url( images/backgrounds/signup/verisignSeal.png); } .mp_signupform fieldset input.input-static, .mp_signupform fieldset input[readonly="readonly"] { font-size: 14px; padding: 0 8px; border-radius: 3px; background: #f5f5f5; border: 1px solid #E3E3E3; color: #B0B0B0; line-height: 36px; height: 36px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mp_signupform fieldset input.input-static:focus, .mp_signupform fieldset input[readonly="readonly"]:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: #f5f5f5 !important; border-color: #E3E3E3 !important; color: #B0B0B0 !important; } #loginLink { text-align: center; position: absolute; left: 50%; top: 98px; width: 340px; margin-left: -170px; color: #000; font-size: 12px; } #loginLink a { border-bottom: 1px dotted #3190D3; } #loginLink a:hover { border-bottom: none; } /* temporary fix for ie reaching selector limit */ .signUpRegister.ie9 #footer, .signUpRegister.ie9 #simpleFooter, .checkOut.ie9 #footer, .checkOut.ie9 #simpleFooter { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SESSION EXPIRED ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .login-wrap #login_email, .login-wrap #login_pass { background: url( images/textbox-bg.png) repeat-x; padding:6px 10px; width:360px; font: normal normal normal 24px/24px 'Arial', sans-serif; border: 1px solid #d7d7d7; /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0px 1px 0px #ffffff; /* Saf3.0+, Chrome */ -moz-box-shadow: 0px 1px 0px #ffffff; /* FF3.5+ */ box-shadow: 0px 1px 0px #ffffff; /* Opera 10.5, IE9, Chrome 10+ */ } .login-validate-submit:active { background: #cce5ff; background-color: #cce5ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#cce5ff), to(#e7f3ff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #cce5ff, #e7f3ff); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #cce5ff, #e7f3ff); /* FF3.6 */ background-image: -ms-linear-gradient(top, #cce5ff, #e7f3ff); /* IE10 */ background-image: -o-linear-gradient(top, #cce5ff, #e7f3ff); /* Opera 11.10+ */ background-image: linear-gradient(top, #cce5ff, #e7f3ff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce5ff', EndColorStr='#e7f3ff'); /* IE6–IE9 */ -moz-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.2); /* FF3.5+ */ -webkit-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.2); /* Saf3.0+, Chrome */ box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.2); /* Opera 10.5, IE9, Chrome 10+ */ } .login-inside { width: 382px; background: url(  images/validate_session.png) no-repeat left top; padding: 42px 0px 100px 380px; margin: 10px 0px 0px 86px; } .login-inside .form a { color: #5C96C7; font-weight: normal; } .login-username { margin-bottom: 10px; } .login-username .recognized-email { color: #03497A; font: normal normal normal 24px/24px 'Arial',sans-serif; display: block; margin-bottom: 6px; text-decoration: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MY ACCOUNT MISCELLANEOUS STYLES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #account-change-buttons a { font-size: 12px; padding: 5px 10px; float: right; margin-left: 5px; } #content #form_account ul { padding: 30px 0; } #form_account li { overflow: visible; clear: both; } #form_account span.label { display: block; font-weight: bold; clear: both; padding: 5px 0 2px; width: 410px; color: black; } #form_account input[type="text"], #form_account input[type="password"] { text-indent: 5px; width: 400px; padding: 5px; margin: 0; float: left; } #form_account select { float: left; margin: 0; padding: 5px; border-radius: 4px; border: 1px solid #BFC3C7; margin-right: 5px; color: #5B636A; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MY APPLICATIONS PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ form.app_signup_form { display: block; width: 330px; padding: 0; } form.app_signup_form label { font-weight: bold; } form.app_signup_form input { margin-bottom: 10px; } form.app_signup_form input[type=submit] { font-weight: bold; padding: 0px 38px; margin: 0 -17px 30px 0; width: auto; float: right; cursor: pointer; } div.app_signup_info { display: block; padding: 0 0 10px; width: 340px; display: none; } div.dev_info_title { margin-bottom: 10px; font-weight: bold; border-bottom: 1px dotted #ccc; } div.dev_info_title span { float: left; padding: 6px; padding-left: 0; } div.dev_info_title a { float: right; padding: 2px 10px; font-size: 12px; } div.app_signup_info ul { line-height: 18px; } div.app_signup_info li span { color: #3190D3; } div.app_table_outer { display: none; } table.app_table { margin: 0 0 20px 0; } table.app_table a.row_delete { padding: 0; height: 16px; width: 16px; } table.app_table a.row_edit { display: inline-block; height: 16px; width: 16px; background: url(  images/icons/page_white_edit.png) center no-repeat; } table.app_table .col_centered { text-align: center; } div.create_newapp { padding: 0 0 20px; display: none; } div.create_newapp input { float: left; width: 438px; margin: 0; } div.create_newapp input[type="submit"] { float: right; font-weight: bold; font-size: 14px; padding: 0 !important; margin: 0; width: 219px; height: 38px; line-height: 38px; text-align: center; position: relative; cursor: pointer; } div.create_newapp label { display: none; margin-bottom: 5px; font-weight: bold; } span.dev_editinfo_msg { display: none; } div.developer_signedup div.app_signup_info, div.developer_signedup div.create_newapp, div.application_created div.app_table_outer { display: block; } div.developer_signedup div.app_signup { display: none; } div.developer_editinfo div.app_signup, div.developer_editinfo span.dev_editinfo_msg { display: block !important; } div.developer_editinfo div.app_signup_info, div.developer_editinfo div.app_table_outer, div.developer_editinfo div.create_newapp { display: none !important; } div.developer_editinfo p.myacct_content_txt span { display: none; } div.developer_editinfo p.myacct_content_txt span.dev_editinfo_msg { display: inline; } a.dev_editinfo_cancel { display: none; float: right; margin-right: 10px; padding: 5px 20px; font-weight: bold; } div.developer_editinfo a.dev_editinfo_cancel { display: block; padding: 0px 35px 0 29px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DOWNLOAD ERROR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .error-download { padding: 70px 0 65px 360px; height: 100px; background: url(  images/error/oops.png) no-repeat; } .reload-timer { padding: 18px 148px 18px 15px; background: url(  images/error/reload-timer.png) no-repeat; float: left; margin-right: 20px; height: 45px; width:50px; color: white; text-shadow: 0px 1px 2px black; font-size: 40px; font-weight: bold; text-align: center; } p.error-title { font-size: 30px; line-height: 36px; font-weight: bold; color: #03497A; margin-bottom: 15px; } p.error-msg { line-height: 1.7; font-size: 14px; margin: 22px 0px 15px 0px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SOCIAL MEDIA FOLLOW BOXES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .social-follow .titlebar { border-top:1px solid white; background-color: #c0e7f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#c0e7f5), to(#9bd6ed)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #c0e7f5, #9bd6ed); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #c0e7f5, #9bd6ed); /* FF3.6 */ background-image: -ms-linear-gradient(top, #c0e7f5, #9bd6ed); /* IE10 */ background-image: -o-linear-gradient(top, #c0e7f5, #9bd6ed); /* Opera 11.10+ */ background-image: linear-gradient(top, #c0e7f5, #9bd6ed); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c0e7f5', EndColorStr='#9bd6ed'); /* IE6–IE9 */ text-shadow: 0px 1px 0px #fff; /* FF3.5+, Opera 9+, Saf1+, Chrome */ color: #186487; font-size: 11px; font-weight: bold; font-family:Arial, sans-serif; padding: 4px 0 4px 9px; display:block; } .social-follow.fb .twitter-follow { display:none; } .social-follow.twitter .fb-like { display:none; } .social-follow.fb.twitter .fb-like { width:205px; float: left; display: block; } .social-follow.fb.twitter .twitter-follow { width:205px; float: right; display: block; } .social-follow.fb .fb-like { width:428px; } .social-follow .like-box_wide { height: 25px; padding: 20px; overflow: hidden; background: #ECEEF5; } .social-follow.fb .fb-like .like-box_wide { padding:20px; background: #ECEEF5 url(  images/v4images/backgrounds/follow-bubble.png) 198px -92px no-repeat; } .social-follow.twitter .twitter-follow { width:428px; } .social-follow.twitter .twitter-follow .follow-box { padding:20px; background: url(  images/v4images/backgrounds/follow-bubble.png) 198px 5px no-repeat; } .social-follow.fb.twitter .twitter-follow .follow-box { padding:10px; background-image: none; } body .social-follow.fb.twitter .fb-like .like-box_wide, body .social-follow.fb.twitter .twitter-follow .follow-box, .social-follow.myfiles-page .fb-like .like-box, .social-follow.myfiles-page .twitter-follow .follow-box { height:25px; background-image: none; padding:10px; } .dl_options_innerblock .social-follow.fb.twitter .fb-like, .dl_options_innerblock .social-follow.fb.twitter .twitter-follow { width:240px; } .nonpro_adslayout .dl_options_innerblock .social-follow.fb.twitter .fb-like, .nonpro_adslayout .dl_options_innerblock .social-follow.fb.twitter .twitter-follow { width:205px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ COLOR PICKER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .colorpicker-selector { position: absolute; top: 1px; right: 6px; width: 36px; height: 36px; background: url(/js/colorpicker/images/select2.png); margin: 5px 0; } .colorpicker-selector div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: url(/js/colorpicker/images/select2.png) center; cursor: pointer; } .colorpicker-holder { top: 46px; right: 0; width: 287px; height: 0; overflow: hidden; position: absolute; } .colorpicker-holder .colorpicker { background-image: url(/js/colorpicker/images/custom_background.png); position: absolute; bottom: 0; left: 0; z-index: 50 } .colorpicker-holder .colorpicker_hue div { background-image: url(/js/colorpicker/images/custom_indic.gif); } .colorpicker-holder .colorpicker_hex { } .colorpicker-holder .colorpicker_rgb_r { background-image: url(/js/colorpicker/images/custom_rgb_r.png); } .colorpicker-holder .colorpicker_rgb_g { background-image: url(/js/colorpicker/images/custom_rgb_g.png); } .colorpicker-holder .colorpicker_rgb_b { background-image: url(/js/colorpicker/images/custom_rgb_b.png); } .colorpicker-holder .colorpicker_hsb_s { background-image: url(/js/colorpicker/images/custom_hsb_s.png); display: none; } .colorpicker-holder .colorpicker_hsb_h { background-image: url(/js/colorpicker/images/custom_hsb_h.png); display: none; } .colorpicker-holder .colorpicker_hsb_b { background-image: url(/js/colorpicker/images/custom_hsb_b.png); display: none; } .colorpicker-holder .colorpicker_submit { } .colorpicker-holder .colorpicker input { color: #778398; line-height: 11px; } .header-options form { clear: both; } .header-options li { position: relative; padding: 15px 0; } .header-options .colorpickers li { float: left; width: 134px; margin: 0 10px 0 0; padding: 14px; font-size: 12px; margin-bottom: 0 !important } .header-options .row { position: relative; /*float: left;*/ /*width: 540px;*/ margin-right: 8px; margin-bottom: 20px; } .header-options form ul { border: none !important; padding: 0 !important; } .colorpicker-widget > span { padding: 0; display: block; font-weight: bold; } .colorpicker-holder .colorpicker { width:287px; } .header-options .block { padding-bottom: 40px; } .header-options form > input { float: left; padding: 0px 38px !important; margin: 0; } .customheader-examples { } .customheader-examples div { float: left; width: 162px; margin-right: 10px; position: relative; } #content .customheader-examples p { margin-bottom: 5px; } .customheader-examples div div { height: 69px; } #customheader-ex1 { background: url(  images/backgrounds/myaccount/customization/customheader-ex1.png) 0 0 no-repeat; } #customheader-ex2 { background: url(  images/backgrounds/myaccount/customization/customheader-ex2.png) 0 0 no-repeat; } #customheader-ex3 { background: url(  images/backgrounds/myaccount/customization/customheader-ex3.png) 0 0 no-repeat; } #customheader-ex4 { background: url(  images/backgrounds/myaccount/customization/customheader-ex4.png) 0 0 no-repeat; } #customlogo-example { height: 38px; width: 677px; background: url(  images/backgrounds/myaccount/customization/customlogo-example.png) 0 0 no-repeat; } .colorpicker-widget:hover .tooltip { display: block; } .header-options .logo-uploader input[type="button"] { position: absolute; right: -1px; top: -1px; margin: 0; } .logo-uploader { font: normal normal normal 14px/24px Arial, sans-serif; } .logo-uploader input.logo-txt { font-size: 12px; } input.header-option { text-align: center; width:50px; text-indent: 0 !important; } .progress-bar { position: absolute; height: 100%; width: 0%; background: #27619c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; z-index: 1; } .percentage_indicator { position: absolute; left: 200px; width: 50px; text-align: center; margin-top: 5px; } .percentage_indicator.light { color: #fff; } .percentage_indicator.dark { color: #333; z-index: 0; display: none; } .customlogo_uploading input.logo-browse { display: none; } .customlogo_uploading .progress-bar, .customlogo_uploading .percentage_indicator.dark { display: block; } body.h_bg_custom #header_bar_bg { background-image: none; } body.h_bg_custom #header_bar { background-image: none; border: 0; } body.h_logo_custom #v4logo a { background-image: none; } body.h_logo_custom #v4logo span.mftagline { display: none; } body.ie9 .color-bottomgradient, body.ie8 .color-bottomgradient, body.ie7 .color-bottomgradient, body.ie9 .gradient-label, body.ie8 .gradient-label, body.ie7 .gradient-label { display: none; } body.ie9 .background-label, body.ie8 .background-label, body.ie7 .background-label { display: block !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CUSTOM AVATAR CHOOSER (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .choose-avatar > div { float: left; padding: 5px; margin: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #E8E8E8; background: #F2F2F2; } .choose-avatar div.avatar-preview { height: 145px; width: 145px; clear: both; } .avatar-preview { cursor: pointer } .choose-avatar input { float: left; margin: 4px 5px 0 0; } .choose-avatar > div label { float: left; padding-bottom: 5px; } .choose-avatar .ico16 { float: right; margin-right: 0; } #upload-image-form .popup-btns { position: absolute; bottom: 0; left: 0; width: 370px; margin-bottom: 2px; } .empty-custom-avatar { display: block; height: 85px; width: 145px; text-align: center; clear: both; padding-top: 60px; background: #fff; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CUSTOM LOGO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .customlogo-previewbox { padding: 5px; background: #F8FAFC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /*height: 29px;*/ box-shadow: 0 1px 6px rgba(0,0,0,.1); float: left; overflow: hidden; } .customlogo-previewbox img, .customlogo-previewbox span { vertical-align: middle; } .customlogo-previewbox span { padding-bottom: 5px; display: block; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #acctlogin-page { width: 410px; margin: 50px auto 0 auto; padding: 40px 50px 50px; background: #F2F5F7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #CED8E3; } #acctlogin-page h3 { margin-bottom: 25px; } #acctlogin-page form li { margin-bottom: 10px; } #acctlogin-page label { display: block; } #acctlogin-page .btn.secondary { position: relative; padding-left: 34px; } #acctlogin-page input { display: block; } #acctlogin-page input[type="text"], #acctlogin-page input[type="password"] { width: 100%; margin: 0; } #acctlogin-page input[type="submit"] { width: 100%; font-size: 16px; padding: 14px 0; } #acctlogin-page .btn.secondary span { background: url(  images/icons/lock.png) center no-repeat; height: 16px; width: 16px; top: 8px; left: 10px; position: absolute; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SSL LOGIN PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* #sslLoginSlideshow { width: 655px; padding: 0 305px 0 0; position: relative; height: 390px; } #sslLoginSlideshow li.sslSlide1 { width: 655px; position: absolute; padding: 20px 0 0 0; top:0; left:0; background: #fff url(  images/backgrounds/login/sslslide1.jpg) left top no-repeat; height: 360px; } #sslLoginSlideshow li.sslSlide2 { width: 655px; position: absolute; padding: 0; top:0; left:0; background: #fff url(  images/backgrounds/login/sslslide2-v2.jpg) 0 -20px no-repeat; text-align: center; padding-top: 50px; height: 340px; } #sslLoginSlideshow li.sslSlide3 { width: 655px; position: absolute; top:0; left:0; background: #fff url(  images/backgrounds/login/sslslide3.jpg) left top no-repeat; height: 360px; padding: 20px 0 0 0; } */ .sslLoginSlideContent2 { height: 108px; left: 45px; position: absolute; top: 171px; width: 576px; } /* .sslLoginSlideContent3 { float: right; margin: 20px 10px 0 0; position: relative; width: 360px; height: 400px; } */ #sslLoginSlideshow .proBox { color: #FFFFFF; float: left; font-size: 12px; height: 53px; padding: 0 0 0 50px; text-align: left; width: 142px; } #sslLoginSlideshow h3 { font-weight: 700; color: #446383; font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: 30px; margin-bottom: 20px; } #sslLoginSlideshow p { margin-bottom: 20px; } #sslLoginSlideshow ul { font-weight: bold; list-style: disc; padding-left: 1em; margin-bottom: 30px; } #sslLoginSlideshow .btn { height: 36px; line-height: 36px; padding: 0 35px; position: relative; } .sslCircleContainer { width:45px; height: 10px; position: absolute; top:15px; right:5px; } .sslCircle { background: #b9bcbf; -webkit-box-shadow: inset 0px 1px 0px 1px rgba(147, 150, 152, 1); box-shadow: inset 0px 1px 0px 1px rgba(147, 150, 152, 1); width: 10px; height: 10px; border-radius: 50%; margin-left: 5px; display: block; float: left; } .sslCircle:hover { background: #b1d5ed; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(34, 110, 176, .5); box-shadow: inset 0px 1px 0px 0px rgba(34, 110, 176, .5); } .sslCircle.circleON { background: #329aee; -webkit-box-shadow: inset 0px -1px 0px 0px rgba(34, 110, 176, 1); box-shadow: inset 0px -1px 0px 0px rgba(34, 110, 176, 1); } /*#sslLoginSlideshow .btn:before { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -6px; border-color: transparent transparent transparent rgba(0,0,0,.5); border-style: solid; border-width: 5px 8px; z-index: 1 }*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FILE PREVIEW ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*.filepreview-controlbar { position: relative; width: 100%; top: 0px; padding-bottom: 10px; border-top: 1px solid #fdfefe; border-bottom: 1px solid #FFF; background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDF1F5)); background-image: -webkit-linear-gradient(top, #FFF, #EDF1F5); background-image: -moz-linear-gradient(top, #FFF, #EDF1F5); background-image: -ms-linear-gradient(top, #FFF, #EDF1F5); background-image: -o-linear-gradient(top, #FFF, #EDF1F5); background-image: linear-gradient(top, #FFF, #EDF1F5); } .available_image_sizes li.image_size_tab_selected { float: left; background: #fff; font-weight: bold; background: #C2CCD6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0px 1px 0px white, inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 1px 0px white, inset 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px white, inset 0 1px 2px rgba(0, 0, 0, 0.25); } .available_image_sizes { float: left; margin: 10px 0 0 10px; } .available_image_sizes li { float: left; padding: 0px 7px; } .download_share_link { display: block; }*/ /*** SMALL FOR IMAGE SLIDER ***/ .imageslider a.small_thumbnail { display: block; border: 0px #0099FF solid; width: 107px; float: left; height: 80px; padding: 4px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center; } .imageslider a.small_thumbnail span { display: block; position: absolute; } .imageslider a.small_thumbnail:hover { border: 2px #D2E9FF solid; padding: 2px; background: #F0F9FF; } #toslide { margin-left: -115px; } #toslide div { float: left; } #imageprevdiv a { text-decoration: none; } #imageprevdiv a:hover { text-decoration: none; } a.slider-right { display: block; float: left; height: 112px; width: 21px; background: #DADBDD url(  images/icons/dropdown-arrow-right-dark.png) center no-repeat; z-index: 1001; cursor: pointer; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } a.slider-left { display: block; float: left; height: 112px; width: 21px; background: #DADBDD url(  images/icons/dropdown-arrow-left-dark.png) center no-repeat; z-index: 1001; cursor: pointer; margin-left: 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .reset-table { /*used to remove global style on tables */ font-weight: bold; background: none; padding: 0; border: 0; box-shadow: none; } .reset-table td, .reset-table tr { border: none !important; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEAM PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #companyGeneralInfo { position: relative; margin-bottom: 50px; } #companyGeneralInfo p { width: 450px; font-size: 15px; } #companyGeneralInfo > div { position: absolute; top: 7px; right: 0px; width: 200px; } #companyGeneralInfo > div > div { font-size: 11px; margin: -4px 0 5px; font-weight: 600; color: #aaa; } #companyGeneralInfo div .gbtnTertiary { float: none; display: block; margin: 0 0 10px 0; height: 50px; } #aboutUs_FacebookBtn { background: #3d5a95 url(/images/backgrounds/about/mediafire_team/fb.png) center no-repeat; box-shadow: none; } #aboutUs_TwitterBtn { background: #35a9de url(/images/backgrounds/about/mediafire_team/tw.png) center no-repeat; box-shadow: none; } #aboutUs_pressBtn { display: block; padding-top: 15px; margin-top: 15px; font-size: 13px; } #accoladesSection { text-align: center; font-size: 18px; font-weight: 300; height: 150px; margin-bottom: 50px; } #accoladesSection div { margin-bottom: 20px; } #accoladesSection li { float: left; width: 125px; margin: 0 5px; font-size: 11px; font-weight: 400; line-height: 13px; padding-top: 60px; color: #aaa; font-style: inherit; } #accDoubleClick { background: url(/images/backgrounds/about/mediafire_team/accDoubleClick.jpg) center 8px no-repeat; } #accPCMag { background: url(/images/backgrounds/about/mediafire_team/accPCMag.jpg) center 0 no-repeat; } #accTechCrunch { background: url(/images/backgrounds/about/mediafire_team/accTechCrunch.jpg) center 15px no-repeat; } #accPCWorld { background: url(/images/backgrounds/about/mediafire_team/accPCWorld.jpg) center 11px no-repeat; } #accCNet { background: url(/images/backgrounds/about/mediafire_team/accCNet.jpg) center 0 no-repeat; } .mfteamlist li { float: left; width: 150px; margin: 0 10px; height: 260px; position: relative; } .mfteamlist.companyList li { height: 180px; } .mfteamlist .team-photo { height: 120px; width: 120px; border-radius: 50%; background: #f2f2f2; margin: 0 auto 10px; -webkit-transition: opacity .2s linear 0s; -moz-transition: opacity .2s linear 0s; -ms-transition: opacity .2s linear 0s; -o-transition: opacity .2s linear 0s; transition: opacity .2s linear 0s; } .mfteamlist .team-photo img { border-radius: 50%; width: 100%; } .mfteamlist .team-bio { line-height: 18px; -webkit-transition: opacity .2s linear 0s; -moz-transition: opacity .2s linear 0s; -ms-transition: opacity .2s linear 0s; -o-transition: opacity .2s linear 0s; transition: opacity .2s linear 0s; } .mfteamlist .jobtitle { display: block; font-size: 13px; font-weight: normal; } .team-bio { text-align: center; font-size: 15px; } .team-bio > a { color: #000; display: block; font-weight: 600; font-size: 15px; line-height: 20px; } .team-bio .jobtitle { text-align: center; } .team-bio > div { height: 2px; position: absolute; top: 100%; overflow: hidden; margin-top: -44px; opacity: 0; background: #fff; left: 67px; right: 67px; z-index: 1; -webkit-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; -moz-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; -ms-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; -o-transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; transition: height .2s linear .5s, opacity .5s linear 0s, margin-top .5s ease-out 0s, left .2s linear .5s, right .2s linear .5s; } .team-bio > div p { background: #fff; border-top: 2px solid #33a9ee; text-align: left; line-height: 20px; padding: 15px 0; margin: 0; font-size: 13px; width: 490px; -webkit-transition: border-color .2s linear 0s; -moz-transition: border-color .2s linear 0s; -ms-transition: border-color .2s linear 0s; -o-transition: border-color .2s linear 0s; transition: border-color .2s linear 0s; } .bioToggleBtn { position: absolute; height: 30px; width: 30px; left: 50%; top: 200px; margin-left: -17px; border-radius: 50%; border: 2px solid #33a9ee; cursor: pointer; z-index: 2; -webkit-transition: -webkit-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; -moz-transition: -moz-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; -ms-transition: -ms-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; -o-transition: -o-transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; transition: transform .2s linear 0s, border-color .2s linear 0s, background-color .2s linear 0s; } .bioToggleBtn b, .bioToggleBtn i { background: #33a9ee; position: absolute; top: 50%; left: 50%; -webkit-transition: background-color .2s linear 0s; -moz-transition: background-color .2s linear 0s; -ms-transition: background-color .2s linear 0s; -o-transition: background-color .2s linear 0s; transition: background-color .2s linear 0s; } .bioToggleBtn b { width: 16px; height: 2px; margin: -1px 0 0 -8px; } .bioToggleBtn i { width: 2px; height: 16px; margin: -8px 0 0 -1px; } /* activate css transitions */ .bioToggleBtn:hover { background-color: #33a9ee; } #leadershipList.focusBio li:not([class="viewBio"]) .team-photo, #leadershipList.focusBio li:not([class="viewBio"]) .team-bio { opacity: .4; } .viewBio .bioToggleBtn:hover { background-color: #ff911e; } .bioToggleBtn:hover b, .bioToggleBtn:hover i { background-color: #fff !important; } .viewBio .bioToggleBtn { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-color: #ff911e; } .viewBio .bioToggleBtn b, .viewBio .bioToggleBtn i { background-color: #ff911e; } .viewBio .team-bio > div { height: 250px; opacity: 1; margin-top: -10px; z-index: 3; } .viewBio > div p { border-color: #ff911e; } .viewBio #sharonF { left: -170px; right: -170px; } .viewBio #derekL { left: 0; right: -340px; } .viewBio #bryanC { left: -170px; right: -170px; } .viewBio #gabeS { left: -340px; right: 0; } .viewBio #toddF { left: 0; right: -340px; } .viewBio #tomL { left: -170px; right: -170px; } .viewBio #danielG { left: -170px; right: -170px; } .viewBio #chrisO { left: -340px; right: 0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JOBS PAGES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #jobstable { } #jobstable th { } #jobstable th, #jobstable td { } #jobstable a { } #jobstable a:hover { } #jobstable .oddrow { } .jobsIntro p { } #pathToFuture { text-align: center; font-weight: bold; background: #4482C8; color: #CCE3FA; font-size: 16px; padding: 30px; position: relative; overflow: hidden; background: -webkit-linear-gradient(top, #4482C8, #316AAA); background: -moz-linear-gradient(top, #4482C8, #316AAA); background: -ms-linear-gradient(top, #4482C8, #316AAA); background: -o-linear-gradient(top, #4482C8, #316AAA); background: linear-gradient(top, #4482C8, #316AAA); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, 0.2); -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } #pathToFuture a { color: white; border-bottom: 1px dotted white; } #pathToFuture a:hover { border-style: solid; } .backClouds { background: url(  images/backgrounds/about/jobs/back_cloud.png) repeat; } .middleClouds { background: url(  images/backgrounds/about/jobs/middle_cloud.png) repeat; } .topClouds { background: url(  images/backgrounds/about/jobs/top_cloud.png) repeat; } .backClouds { opacity: .6; position: absolute; bottom: -10px; left:0px; /*background: url(images/homepage/back_cloud.png) repeat;*/ width:1240px; height:90px; -webkit-transition: bottom 2s ease-out; -moz-transition: bottom 2s ease-out; -o-transition: bottom 2s ease-out; -ms-transition: bottom 2s ease-out; transition: bottom 2s ease-out; animation:back-cloud 40s infinite linear; -moz-animation:back-cloud 40s infinite linear; /* Firefox */ -webkit-animation:back-cloud 40s infinite linear; /* Safari and Chrome */ -o-animation:back-cloud 40s infinite linear; /* Opera */ } @-moz-keyframes back-cloud { from {left: 0;} to {left: -620px;} } @-webkit-keyframes back-cloud { from {left: 0;} to {left: -620px;} } .middleClouds { opacity: .8; position: absolute; bottom:0px; left:0px; /*background: url(images/homepage/middle_cloud.png) repeat;*/ width:1240px; height:90px; -webkit-transition: bottom 2s ease-out; -moz-transition: bottom 2s ease-out; -o-transition: bottom 2s ease-out; -ms-transition: bottom 2s ease-out; transition: bottom 2s ease-out; animation:middle-cloud 24s infinite linear; -moz-animation:middle-cloud 24s infinite linear; /* Firefox */ -webkit-animation:middle-cloud 24s infinite linear; /* Safari and Chrome */ -o-animation:middle-cloud 24s infinite linear; /* Opera */ } @-moz-keyframes middle-cloud { from {left: 0;} to {left: -620px;} } @-webkit-keyframes middle-cloud { from {left: 0;} to {left: -620px;} } .topClouds { position: absolute; bottom:0px; left:0px; /*background: url(images/homepage/top_cloud.png) repeat;*/ width:1240px; height:90px; -webkit-transition: bottom 2s ease-out; -moz-transition: bottom 2s ease-out; -o-transition: bottom 2s ease-out; -ms-transition: bottom 2s ease-out; transition: bottom 2s ease-out; animation:top-cloud 14s infinite linear; -moz-animation:middle-cloud 14s infinite linear; /* Firefox */ -webkit-animation:middle-cloud 14s infinite linear; /* Safari and Chrome */ -o-animation:middle-cloud 14s infinite linear; /* Opera */ } @-moz-keyframes top-cloud { from {left: 0;} to {left: -620px;} } @-webkit-keyframes top-cloud { from {left: 0;} to {left: -620px;} } .jobSubInfo { float: left; width: 206px; margin-right: 30px; } .jobSubInfo div { height: 130px; background: #EEE; margin: 15px 0; } .jobSubInfo h3 { text-align: left; } #jobs_pics_section .jobSubInfo h3{ font-size: 21px; margin-bottom: 10px; } #jobdetails, #jobdetailsFooter { display: block; position: relative; padding: 25px; line-height: 25px; } #jobdetails .btn, #jobdetailsFooter .btn { position: absolute; bottom: 20px; right: 20px; } #content #jobdescription h3 { margin: 50px 0 15px 0; color: black; font-size: 18px; } #jobdescription { margin:30px 0px; } #returnlink a { margin: 10px 0 20px; padding: 0 10px; height: 30px; line-height: 30px; } #returnlink a:hover { text-decoration:none; } /*#emaillink { margin-top:15px; margin-bottom: 0 !important; padding-top:15px; padding-bottom: 5px; }*/ #joblisting a.btn { padding:10px 15px; float:left; } #joblisting b { color: #7D6025; padding: 10px; margin-bottom: 20px; background-color: #F4E8BD; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #DBCD9B; display: block; margin: 30px 0; } #joblisting ul { list-style: disc; padding-left: 1.5em; } #joblisting ol { list-style: decimal; padding-left: 1.5em; } .jobAppInstructions ol { list-style: decimal; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #BBB; } #content .jobAppInstructions h3 { color: black; font-size: 18px; margin-bottom: 10px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ AUTO BANDWIDTH (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #content #autobandwidth p { margin-bottom: 0px; padding: 0 150px 0 0; } #content #autobandwidth.ab-enabled p { padding: 0 150px 15px 0; border-bottom: 1px solid #BCC7D2; } #autobandwidth select { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; padding: 2px; border-color: #BFC3C7; } .autobandwidth-biz .ab-pro { display: none; } .autobandwidth-biz .inset-box { margin-top: 10px; position: relative; } .autobandwidth-pro .ab-biz { display: none; } .autobandwidth-pro .inset-box { margin-top: 10px; position: relative; } #autobandwidth h4 span, #autobandwidth.ab-enabled h4 .text-disabled { display: none; } #autobandwidth h4 .text-disabled, #autobandwidth.ab-enabled h4 .text-enabled { display: inline; } .ab-options { display: none; padding: 15px 0 0; border-top: 1px solid #fff; } #autobandwidth.ab-enabled .ab-options { display: block; } .ab-options span { font-weight: bold; } .feature-denied { padding: 10px 30px 50px 80px; background: url(  images/icons/64x64/briefcase-warning.png) 0 0 no-repeat; } body.myaccount .tour-dropdown-from-top.btn { display: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SITEMAP ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .sitemap { margin-top: 30px; font-size: 12px; } .sitemap > ul { margin-bottom: 30px; padding-left: 40px; float: left; } .sitemap ul li { list-style-type: disc; } .sitemap ul li a { position: relative; padding-right: 32px; } .sitemap ul ul li { list-style-type: circle; } .sitemap ul ul ul li { list-style-type: square; } .sitemap ul ul { padding-left: 30px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ VENDORS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .vendors-list p { clear: both; } #content.vendors-list ul { clear: both; margin-bottom: 50px; overflow: auto; } .vendors-list li { float: left; width: 100px; border: 1px solid #DBDEE1; background: white; text-align: center; margin-right: 10px; height: 100px; margin-bottom: 10px; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 100px; font-size: 0px; } .vendors-list li img { width: 100%; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ COPYRIGHT SECTIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .copyright-content li { margin-bottom: 20px; } .copyright-content ol ul li { margin-bottom: 0px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOOLS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .tools-list > li { margin-bottom: 30px; } .tool-screenshot { width: 210px; height: 125px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 5px solid #fff; float: left; margin-right: 25px; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); } #content .tool-description h3 { font-size: 18px; } #content .tool-description div > a { font-weight: bold; float: left; } #content .tool-description .dl-not-avail { font-weight: bold; color: #888; } #mfuploader .tool-screenshot { background: url(  images/backgrounds/tools/tool-mfdesktop-comingsoon.png) center; margin-top: 0px; margin-bottom: 30px; } #mftoolbar .tool-screenshot { background: url(  images/backgrounds/tools/tool-mftoolbar.png) center; } #mfMobile .tool-screenshot { background: url(  images/backgrounds/tools/tool-mobile.png) center; } .tools-list .mac-dl, .tools-list .win-dl, .tools-list .linux-dl { display: none; } .tools-list .linux-dl { padding-right: 15px; cursor: default; } .mac .tools-list .mac-dl, .windows .tools-list .win-dl, .linux .tools-list .linux-dl { display: inline; } .tools-list .other-dl > a { font-weight: normal !important; border-left: 1px solid #ccc; padding: 0 30px 0 15px; margin-left: 15px; cursor: default; } .tools-list .dropdown { display: inline; float:left; } #content .tool-description p { margin-bottom:10px; } /* .tools-list .indicator-down { top: 4px; right: 0; } */ .tools-list .other-dl ul { left: 15px } .tools-list .dropdown:hover ul { display: block; } .tools-list .dropdown:hover > a { border-top-left-radius: 3px; border-top-right-radius: 3px; border-left: 1px solid #fff; } .tools-list .dropdown .indicator-down { right: 12px; top: 10px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TOOLS - INSTALLATION INSTRUCTIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .software-install { padding-top: 30px; } .software-install div { float: left; width: 304px; margin-right: 22px; } .software-install li { margin-bottom: 30px; } .software-install h4 { margin-bottom: 5px; } .software-install div div { height: 215px; width: 296px; border: 5px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); box-shadow: 0 1px 3px 0 rgba(0,0,0,.15); margin-bottom: 10px; } .software-install h3 { margin-bottom: 15px; } /*BROWSER SCREENSHOTS*/ .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/chrome-dl.jpg) center; } .chrome .install-step1 div, .rockmelt .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/chrome-dl.jpg) center; } .firefox .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/firefox-dl.jpg) center; } .windows.firefox .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/ff-win-dl.jpg) center; } .safari .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/safari-dl.jpg) center; } .windows.safari .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/safari-win-dl.jpg) center; } .ie9 .install-step1 div, .ie8 .install-step1 div, .ie7 .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/ie-dl.jpg) center; } .opera .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/opera-dl.jpg) center; } .windows.opera .install-step1 div { background: url(  images/backgrounds/tools/uploader/browser/opera-win-dl.jpg) center; } /*WINDOWS STEPS*/ .tutorial-win .install-step2 div { background: url(  images/backgrounds/tools/uploader/tutorial-win/winstep-locate.jpg) center; } .tutorial-win .install-step3 div { background: url(  images/backgrounds/tools/uploader/tutorial-win/winstep-wizard.jpg) center; } .tutorial-win .install-step4 div { background: url(  images/backgrounds/tools/uploader/tutorial-win/winstep-signin.jpg) center; } .tutorial-win .install-step5 div { background: url(  images/backgrounds/tools/uploader/tutorial-win/winstep-upload.jpg) center; } .tutorial-win .install-step6 div { background: url(  images/backgrounds/tools/uploader/tutorial-win/winstep-context.jpg) center; } /*MAC STEPS*/ .tutorial-mac .install-step2 div { background: url(  images/backgrounds/tools/uploader/tutorial-mac/macstep-locate.jpg) center; } .tutorial-mac .install-step3 div { background: url(  images/backgrounds/tools/uploader/tutorial-mac/macstep-applications.jpg) center; } .tutorial-mac .install-step4 div { background: url(  images/backgrounds/tools/uploader/tutorial-mac/macstep-open.jpg) center; } .tutorial-mac .install-step5 div { background: url(  images/backgrounds/tools/uploader/tutorial-mac/macstep-signin.jpg) center; } .tutorial-mac .install-step6 div { background: url(  images/backgrounds/tools/uploader/tutorial-mac/macstep-upload.jpg) center; } /*LINUX STEPS*/ .tutorial-linux li { } .tutorial-linux li div { background: #CBCFD2; height: 30px; width: 30px; line-height: 30px; color: white; font-weight: bold; font-size: 18px; border-radius: 16px; text-shadow: 0 -1px #7E8995; border: 1px solid rgba(0, 0, 0, .1); text-align: center; } .tutorial-linux li p { float: left; padding-top: 5px; } /*DISPLAY FOR OS USING BODY CLASS*/ .tutorial-win, .tutorial-mac, .tutorial-linux { display: none; } .windows .tutorial-win, .mac .tutorial-mac, .linux .tutorial-linux { display: block; } /*TOOLBAR INSTALL*/ #toolbar-install .install-step1 div { background: url(  images/backgrounds/tools/toolbar/browser/ff-toolbar-dl.jpg) center; } .ie9 #toolbar-install .install-step1 div, .ie8 #toolbar-install .install-step1 div, .ie7 #toolbar-install .install-step1 div { background: url(  images/backgrounds/tools/toolbar/browser/ie-toolbar-dl.jpg) center; } #toolbar-install .install-step2 div { background: url(  images/backgrounds/tools/uploader/tutorial-win/winstep-locate.jpg) center; } #toolbar-install .install-step3 div { background: url(  images/backgrounds/tools/toolbar/tutorial-win/winstep-wizard.jpg) center; } #toolbar-install .use-step1 div { background: url(  images/backgrounds/tools/toolbar/tutorial-win/winstep-sharedview.jpg) center; } #toolbar-install .use-step2 div { background: url(  images/backgrounds/tools/toolbar/tutorial-win/winstep-selection.jpg) center; } #toolbar-install .use-step3 div { background: url(  images/backgrounds/tools/toolbar/tutorial-win/winstep-download.jpg) center; } .tutorial-linux > ul { margin-bottom: 45px; } /*EULA POPUP*/ #popup-eula p { margin-bottom: 24px !important; } #popup-eula p font font[size="3"] { font-size: 14px !important; } #popup-eula p[align="CENTER"], #toolbar-eula p:nth-child(3), #toolbar-eula p:nth-child(4), #toolbar-eula p:nth-child(5) { margin-bottom: .07in !important; } #toolbar-eula p:nth-child(6) { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MEDIAFIRE EXPRESS TOUR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mfExpressTourWrap { padding: 30px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background: url(  images/backgrounds/uploader/tour/tour_bg.jpg) center bottom no-repeat; } #mfExpressTourVideo { width: 590px; float: left; margin: 0 0 30px; } #mfExpressTourVideo object, #mfExpressTourVideo embed { width: 590px; height: 355px; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo { width: 900px; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo object, #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo embed { width: 900px; height: 530px; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourVideo > div { display: none; } #mfExpressTourVideo h3 { font-size: 20px; line-height: 1.2; padding: 20px 0; color: #205285; } #mfExpressTourDownloads { float: right; width: 280px; margin: 0 0 30px; background: url(  images/backgrounds/uploader/tour/box_sm.png) 0 0 no-repeat; } #mfExpressTourWrap.tourFromSoftware #mfExpressTourDownloads { display: none; } #mfExpressTourDownloads h3 { color: #2f3133; font-size: 20px; padding: 48px 0 0 125px; height: 150px; line-height: 1; } #mfExpressTourDownloads h3 em { display: block; font-size: 16px; color: #4988C5; margin-top: 12px; font-style: italic; } #mfExpressTourDownloads div { padding: 18px 0 18px 80px; border-top: 1px solid #B9BDC1; font-size: 13px; } #mfExpressTourDownloads div h4 { font-weight: normal; } #mfExpressTourDownloads span { font-size: 8px; vertical-align: super; } #mfExpressTourDownloads a { display: block; font-weight: bold; color: #558B04; position: relative; } #mfExpressTourDownloads a:before { content: ""; position: absolute; top: 50%; left: -8px; border-color: transparent transparent transparent black; border-style: solid; border-width: 4px 0 4px 4px; margin-top: -4px; } #mfExpressTourDownloads a:hover { text-decoration: underline; } #mfExpressTourDownloads em{ font-style: normal; color: #070c12; } #mfExpressTourDownloads .winDl { background: url(  images/backgrounds/uploader/tour/icon_windows.png) 0 0 no-repeat; } #mfExpressTourDownloads .macDl { background: url(  images/backgrounds/uploader/tour/icon_osx.png) 0 0 no-repeat; } #mfExpressTourDownloads .linuxDl { background: url(  images/backgrounds/uploader/tour/icon_linux.png) 0 0 no-repeat; } #mfExpressTourInfo { clear: both; background: #ebf1f6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.2); } #mfExpressTourInfo div { float: left; width: 268px; height: 205px; padding: 15px; border-right: 1px solid #dde7f1; border-left: 1px solid #fff; } #mfExpressTourInfo div h4 { color: #303133; } #mfExpressTourInfo p { margin-top: 140px; font-size: 13px; } #mfExpressTourInfo .mfxpFeature1 { background: url(  images/backgrounds/uploader/tour/co_drop.png) center 50px no-repeat; } #mfExpressTourInfo .mfxpFeature2 { background: url(  images/backgrounds/uploader/tour/co_share.png) center 50px no-repeat; } #mfExpressTourInfo .mfxpFeature3 { background: url(  images/backgrounds/uploader/tour/co_crop.png) center 50px no-repeat; } .windows #mfExpressTourInfo .mfxpFeature1 { background: url(  images/backgrounds/uploader/tour/co_drop_win.png) center 50px no-repeat; } .windows #mfExpressTourInfo .mfxpFeature2 { background: url(  images/backgrounds/uploader/tour/co_share_win.png) center 50px no-repeat; } .windows #mfExpressTourInfo .mfxpFeature3 { background: url(  images/backgrounds/uploader/tour/co_crop_win.png) center 50px no-repeat; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MOBILE APP PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mobilebg { background: url(  images/backgrounds/mobileApp/mobilePagebg.jpg) center no-repeat #000000; height: 482px; margin-top:-1px; padding-top: 25px; } #mobilebg h2{ color:#ffffff; text-align: center; font-weight: normal; } .mobilePagewrap { background: url(  images/backgrounds/mobileApp/column.png) center top no-repeat #FFFFFF; white-space: nowrap; font-family: 'Open Sans', sans-serif; } .downloadMobile { width:480px; display:block; padding:0; margin:0; white-space: nowrap; font-family: 'Open Sans', sans-serif; float:left; } .downloadMobile span { padding-left: 50px; padding-top: 10px; display:block; font-style: italic; color:#999999; } .downloadMobile ul { padding-left: 50px; list-style-position: inside; color:#999999; } .downloadMobile ul h2{ font-weight: normal; color:#000000; } .downloadMobile ul li { border-bottom:1px solid #e8e8e9; display: block; width:380px; background-image: url(  images/icons/tick.png); background-repeat: no-repeat; background-position: right center; padding:10px 0px; } .mobilePagebtn { color: #ffffff; font-size: 16px; display: inline-block; line-height:37px; padding: 0px 30px 0px 72px; margin: 30px 0px 35px 110px; position:relative; width:155px; height:37px; top:10px; background: #78D7FF; background: -webkit-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: -moz-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: -ms-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: -o-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: linear-gradient(top, #78D7FF 0%, #349EEE 100%); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #2e8ad1; -moz-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); -webkit-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); text-shadow: 0px -1px 1px rgba(46,138,209,1); } .mobilePagebtn:after { content:""; position:absolute; z-index:2; top:-1px; left:48px; width:22px; height:37px; background: #78D7FF; background: -webkit-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: -moz-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: -ms-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: -o-linear-gradient(top, #78D7FF 0%, #349EEE 100%); background: linear-gradient(top, #78D7FF 0%, #349EEE 100%); border: 1px solid #2e8ad1; border-width: 1px 0; -moz-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); -webkit-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); } #androidMobilebtn:before { display:inline-block; width:62px; height:62px; border-radius: 31px; content:""; background: #78D7FF; background: url(  images/backgrounds/mobileApp/android.png) center, -webkit-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, -moz-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, -ms-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, -o-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, linear-gradient(top, #78D7FF 17%, #349EEE 83%); position:absolute; z-index: 1; top:-13px; left:-9px; -moz-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); -webkit-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); border: 1px solid #2e8ad1; border-right: 0px; } #iosMobilebtn:before { display:inline-block; width:62px; height:62px; border-radius: 31px; content:""; position:absolute; background: #78D7FF; background: url(  images/backgrounds/mobileApp/apple.png) center, -webkit-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, -moz-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, -ms-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, -o-linear-gradient(top, #78D7FF 17%, #349EEE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, linear-gradient(top, #78D7FF 17%, #349EEE 83%); z-index:1; top:-13px; left:-9px; -moz-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); -webkit-box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); box-shadow: inset 0px -1px 1px rgba(83, 193, 244, 0.7); border: 1px solid #2e8ad1; border-right: 0px; } .mobilePagebtn:hover { color:#e7f8ff; background: #88E7FF; background: -webkit-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); background: -moz-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); background: -o-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); background: -ms-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); } #androidMobilebtn:hover:before{ background: #88E7FF; background: url(  images/backgrounds/mobileApp/android.png) center, -webkit-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, -moz-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, -o-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, -ms-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/android.png) center, linear-gradient(top, #88E7FF 17%, #44AEFE 83%); } #iosMobilebtn:hover:before{ background: #88E7FF; background: url(  images/backgrounds/mobileApp/apple.png) center, -webkit-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, -moz-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, -o-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, -ms-linear-gradient(top, #88E7FF 17%, #44AEFE 83%); background: url(  images/backgrounds/mobileApp/apple.png) center, linear-gradient(top, #88E7FF 17%, #44AEFE 83%); } .mobilePagebtn:hover:after{ background: #88E7FF; background: -webkit-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); background: -moz-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); background: -o-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); background: -ms-linear-gradient(top, #88E7FF 0%, #44AEFE 100%); background: linear-gradient(top, #88E7FF 0%, #44AEFE 100%); } .accountRequired { margin: 50px auto 0px; text-align: center; color: #999; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DESKTOP PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .desktopPage { margin-bottom: -86px; /* height: 100px; */} .desktopPage h3 { font-size: 48px; margin-top: 70px; font-weight: 300; } .desktopPage p { font-size: 24px; margin: 20px auto; position: relative; display: block; z-index:2; } .desktopPage .desktopOpener { height: 350px; width: 100%; padding-top: 60px; font-weight: 400; position: relative; display: block; text-align: center; background: url('../images/backgrounds/desktop/openerBg.jpg') top center no-repeat; background-size: cover; } .mac .desktopPage .desktopShot { background: url('  images/backgrounds/desktop/macDesktopShot-v3.png') top center no-repeat; } .desktopPage .desktopLogo { width: 345px; height: 40px; margin: 0px auto 0; background: url('  images/backgrounds/desktop/desktopLogo.png') center center no-repeat; } .desktopPage .desktopShot { background: url('  images/backgrounds/desktop/winDesktopShot-v2.png') bottom center no-repeat; position: absolute; left:0px; right: 0px; bottom:0px; top: 286px; } .desktopPage .desktopOpener p { font-size: 20px; } .desktopPage .desktopOpener .gbtnTertiary { float: none; display: inline-block; height: 40px; line-height: 40px; font-size: 14px; } .desktopPage .desktopOpener .gbtnHollow { background: transparent; height: 38px; line-height: 40px; border: 2px solid white; display: inline-block; float: none; text-align: center; width: 120px; padding: 0px!important; font-size: 14px; color: #fff; } .desktopPage .desktopOpener .gbtnHollow:hover { color: #fff; background: rgba(255,255,255,0.2); } .desktopPage .desktopOpener .gbtnTertiary span.downloadMac, .mac .desktopPage .desktopOpener .gbtnTertiary span.downloadWin { display: none; } .mac .desktopPage .desktopOpener .gbtnTertiary span.downloadMac { display: inline; } .desktopPage .section { height: 100%; width: 100%; overflow: hidden; background: #ffffff; text-align: center; /* position: fixed; */ display: block; font-weight: 300; } .desktopPage .desktopOpener, .desktopPage .connect, .desktopPage .screenshot { color: #ffffff; } .desktopPage .access, .desktopPage .share { color: #666; } .desktopPage .zePlane { height: 800px; width: 800px; position: absolute; display: block; z-index: 1; top: 250px; left: 50%; margin-left: -400px; background: url('  images/backgrounds/desktop/zePlane.png') center center no-repeat; -webkit-animation: airplane 8s linear infinite; -moz-animation: airplane 8s linear infinite; animation: airplane 8s linear infinite; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .desktopPage .worldDevices { height: 194px; display: block; z-index: 2; position: absolute; background: url('  images/backgrounds/desktop/worldDevices.png') center center no-repeat; bottom: 0px; left: -30px; right: 0px; } .desktopPage .deviceScreens { position: relative; width: 568px; height: 194px; margin: 0 auto; display: block; } .desktopPage .deviceScreens div { display: block; position: absolute; background-color: #fff; overflow: hidden; } .desktopPage .desktopScreen { height:76px; width:120px; bottom: 66px; left: 11px; background: url('  images/backgrounds/desktop/desktopScreen.png') top center repeat; -webkit-animation: desktopScreen 24s infinite ; -moz-animation: desktopScreen 24s infinite ; animation: desktopScreen 24s infinite ; } .desktopPage .laptopScreen { height:62px; width:106px; bottom: 122px; left: 207px; background: url('  images/backgrounds/desktop/laptopScreen.png') top center repeat; -webkit-animation: laptopScreen 24s infinite; -moz-animation: laptopScreen 24s infinite; animation: laptopScreen 24s infinite; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; } .desktopPage .tabletScreen { height: 69px; width: 66px; bottom: 100px; right: 103px; background: url('  images/backgrounds/desktop/tabletScreen.png') top center repeat; -webkit-animation: tabletScreen 24s infinite; -moz-animation: tabletScreen 24s infinite; animation: tabletScreen 24s infinite; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; animation-delay: 1.4s; } .desktopPage .phoneScreen { height: 56px; width: 33px; bottom: 48px; right: 6px; background: url(  images/backgrounds/desktop/phoneScreen.png) top center repeat; -webkit-animation: phoneScreen 24s infinite; -moz-animation: phoneScreen 24s infinite; animation: phoneScreen 24s infinite; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; } .desktopPage .connectIcon { width: 150px; height: 127px; margin: 50px auto; background: url(  images/backgrounds/desktop/connectIcon.png) center center no-repeat; } .desktopPage .connect { background: url(  images/backgrounds/desktop/connectBg.jpg) center -72px no-repeat; background-size: auto 165%; } .desktopPage .shareGraphic { position: absolute; display: block; z-index:1; bottom: 0px; left:0px; right:0px; height: 272px; background: url(  images/backgrounds/desktop/shareGraphic.png) center center no-repeat; } .desktopPage .windows .shareGraphic { background: url(  images/backgrounds/desktop/shareGraphicWin.png) center center no-repeat; } .desktopPage .screenshotIcon { width: 153px; height: 125px; margin: 50px auto; background: url(  images/backgrounds/desktop/screenshotIcon.png) center center no-repeat; } .desktopPage .screenshot { background: url(  images/backgrounds/desktop/screenshotBg.jpg) center center no-repeat; background-size: cover; } .desktopPage .systemRequirements.section { background: #fff; width: 960px; margin: 0 auto; height: auto; padding-bottom: 100px; font-weight: 400; } .desktopPage .systemRequirements.section > div { width: 375px; padding: 40px 50px 0 50px; } .desktopPage .systemRequirements.section h4 { font-size: 24px; font-weight: 400; } .desktopPage .systemRequirements.section ul { margin: 10px auto 60px auto; text-align: left; } .desktopPage .systemRequirements.section ul li { list-style-type: disc; list-style-position: inside; font-size: 13px; } .systemRequirements h4:before { content: ""; width: 58px; height: 58px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -8px; } h4.windows:before { background: #fff url('  images/backgrounds/desktop/windowsIcon.png') top left no-repeat; } h4.mac:before { background: #fff url('  images/backgrounds/desktop/osxIcon.png') top left no-repeat; } .desktopPage .systemRequirements.section p { margin: 20px auto 0 auto; text-align: left; font-size: 13px; } .windowsBtns, .macBtns { display: none; } body.mac .macBtns, body.windows .windowsBtns { display: block; margin: 0 auto; } .desktopPage .systemRequirements.section .gbtnTertiary { float: none; margin: 30px auto 0 auto; display: block; clear: both; font-size: 18px; padding: 0 20px 0 20px; height: 50px; line-height: 50px; } body.mac .systemRequirements .gbtnTertiary.desktopWin, body.windows .systemRequirements .gbtnTertiary.desktopMac { margin: 5px auto 0 auto; padding: 0; display: block; background: transparent; border: 0; border-radius: 0; box-shadow: none; font-size: 13px; color: #3190D3; text-shadow: none; font-weight: normal; } body.mac .systemRequirements .gbtnTertiary.desktopWin:hover, body.windows .systemRequirements .gbtnTertiary.desktopMac:hover { color: #d85724; } body.mac .systemRequirements .gbtnTertiary.desktopWin.betaBtn:after, body.windows .systemRequirements .gbtnTertiary.desktopMac.betaBtn:after { color: #FFFFFF; display: none; } /* PLANE */ @-webkit-keyframes airplane { from{ -webkit-transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); } } @-moz-keyframes airplane { from{ -moz-transform: rotate(0deg); } to{ -moz-transform: rotate(360deg); } } @-keyframes airplane { from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } /* DEVICE ANIMATIONS */ @-webkit-keyframes desktopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -76px;} 33% {background-position: 0px -76px;} 37% {background-position: 0px -152px;} 66% {background-position: 0px -152px;} 70% {background-position: 0px -228px;} 100% {background-position: 0px -228px;} } @-moz-keyframes desktopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -76px;} 33% {background-position: 0px -76px;} 37% {background-position: 0px -152px;} 66% {background-position: 0px -152px;} 70% {background-position: 0px -228px;} 100% {background-position: 0px -228px;} } @-keyframes desktopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -76px;} 33% {background-position: 0px -76px;} 37% {background-position: 0px -152px;} 66% {background-position: 0px -152px;} 70% {background-position: 0px -228px;} 100% {background-position: 0px -228px;} } @-webkit-keyframes laptopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -62px;} 33% {background-position: 0px -62px;} 37% {background-position: 0px -124px;} 66% {background-position: 0px -124px;} 70% {background-position: 0px -186px;} 100% {background-position: 0px -186px;} } @-moz-keyframes laptopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -62px;} 33% {background-position: 0px -62px;} 37% {background-position: 0px -124px;} 66% {background-position: 0px -124px;} 70% {background-position: 0px -186px;} 100% {background-position: 0px -186px;} } @-keyframes laptopScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -62px;} 33% {background-position: 0px -62px;} 37% {background-position: 0px -124px;} 66% {background-position: 0px -124px;} 70% {background-position: 0px -186px;} 100% {background-position: 0px -186px;} } @-webkit-keyframes tabletScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -69px;} 33% {background-position: 0px -69px;} 37% {background-position: 0px -138px;} 66% {background-position: 0px -138px;} 70% {background-position: 0px -207px;} 100% {background-position: 0px -207px;} } @-moz-keyframes tabletScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -69px;} 33% {background-position: 0px -69px;} 37% {background-position: 0px -138px;} 66% {background-position: 0px -138px;} 70% {background-position: 0px -207px;} 100% {background-position: 0px -207px;} } @-keyframes tabletScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -69px;} 33% {background-position: 0px -69px;} 37% {background-position: 0px -138px;} 66% {background-position: 0px -138px;} 70% {background-position: 0px -207px;} 100% {background-position: 0px -207px;} } @-webkit-keyframes phoneScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -56px;} 33% {background-position: 0px -56px;} 37% {background-position: 0px -112px;} 66% {background-position: 0px -112px;} 70% {background-position: 0px -168px;} 100% {background-position: 0px -168px;} } @-moz-keyframes phoneScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -56px;} 33% {background-position: 0px -56px;} 37% {background-position: 0px -112px;} 66% {background-position: 0px -112px;} 70% {background-position: 0px -168px;} 100% {background-position: 0px -168px;} } @-keyframes phoneScreen { 0% {background-position: 0px 0px;} 4% {background-position: 0px -56px;} 33% {background-position: 0px -56px;} 37% {background-position: 0px -112px;} 66% {background-position: 0px -112px;} 70% {background-position: 0px -168px;} 100% {background-position: 0px -168px;} } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PERSISTENT STORAGE (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DISABLING THIS BOX UNTIL FURTHER NOTICE */ .persistentWrap { position:relative; } .persistentWrap .labelRibbon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: -5px; left: auto; } .windows.chrome .persistentWrap .labelRibbon { -webkit-transform: translate3d(0,0,0) rotate(45deg); } #persistent-storage.elementDisabled { pointer-events: none; } /* ----------------------------------------*/ #persistent-storage { margin-top: 13px; position: relative; } #content #persistent-storage h4, #content #persistent-storage p { margin-bottom: 0; width: 440px; } #persistent-storage .feature-settings { position: absolute; right: 30px; top: 36px; width: 170px; } #persistent-storage .feature-settings .toggle-switch { float: left; } #persistent-storage .feature-settings button { text-transform: none; line-height:10px; margin: 0; font-size: 12px; font-weight: normal; width: 92px; height: 26px; padding: 0; float: right; cursor: pointer; } #persistent-storage .text-enabled { display: none; } #persistent-storage.on .text-disabled { display: none; } #persistent-storage.on .text-enabled { display: inline; } #persistent-storage .tooltip { top: 100%; right: 0; left: auto; margin-top: 9px; text-align: left; width: 175px; } .psDisabled .toggle-switch, .psDisabled .btn { opacity: .3; filter: alpha(opacity = 30); } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PREVIOUS FILE VERSIONS (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #content.fileVersionWrap h2 { font-weight: 300; font-size: 26px; line-height: 80px; color: #4f4f4f; } .fileVersionSettings { background: #eee; padding: 20px 0; text-align: center; border-radius: 4px; border: 1px solid #ddd; margin-top: 30px; } .fileVersionSettings span { font-size: 18px; display: block; line-height: 36px; } .fileVersionSettings i { font-size: 13px; display: block; color: #666; } .fileVersionSettings .gbtnTertiary { float: none; display: inline-block; width: 150px; text-transform: none; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px; margin-top: 20px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ INACTIVITY (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #inactivity_login { margin-top: 13px; position: relative; } #content #inactivity_login h4, #content #inactivity_login p { margin-bottom: 0; width: 500px; } #inactivity_login .feature-settings { position: absolute; right: 30px; top: 36px; width: 70px; } #inactivity_login .feature-settings .toggle-switch { float: left; } #inactivity_login .feature-settings button { text-transform: none; line-height:10px; margin: 0; font-size: 12px; font-weight: normal; width: 92px; height: 26px; padding: 0; float: right; cursor: pointer; } #inactivity_login .text-enabled { display: none; } #inactivity_login.on .text-disabled { display: none; } #inactivity_login.on .text-enabled { display: inline; } #inactivity_login .tooltip { top: 100%; right: 0; left: auto; margin-top: 9px; text-align: left; width: 175px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SHARE LINK (MY ACCOUNT) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #share_link { margin-top: 13px; position: relative; } #content #share_link h4, #content #share_link p { margin-bottom: 0; width: 500px; } #share_link .feature-settings { position: absolute; right: 30px; top: 36px; width: 70px; } #share_link .feature-settings .toggle-switch { float: left; } #share_link .feature-settings button { text-transform: none; line-height:10px; margin: 0; font-size: 12px; font-weight: normal; width: 92px; height: 26px; padding: 0; float: right; cursor: pointer; } #share_link .text-inherit, #share_link .text-enabled, #share_link.inherit .text-disabled, #share_link.on .text-disabled { display: none; } #share_link.inherit .text-inherit, #share_link.on .text-enabled, #share_link .text-disabled { display: inline; } .text-inherit { color: #E08E00; } #share_link .tooltip { top: 100%; right: 0; left: auto; margin-top: 9px; text-align: left; width: 175px; } .inheritMsg { margin-top: 20px; width: 650px!important; } #share_link input[type="checkbox"] { margin: 15px 0 10px; } .inheritMask { position: absolute; top: 35px; left: 0px; right: 0px; height: 100px; background: #eee; z-index: 2; opacity: 0.8; display: none; pointer-events: none; } #share_link.inherit .inheritMask { display: block; } #share-link.inherit .feature-settings { pointer-events:none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA NOTICE REQUEST ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaRequestWrap { width: 2200px; } .dmcaRequestStep { width: 680px; float: left; } #dmcaRequestStep1, #dmcaRequestStep2 { margin-right: 50px; } .dmcasection h4 { color: #2F3031; } .dmcasection label { display: block; font-weight: bold; font-size: 14px; color: #2F3031; margin-bottom: 5px; } .dmcasection label .warning { float: right; padding: 4px 6px; font-size: 11px; font-weight: normal; line-height: 14px; height: auto; margin: 0; position: relative; width: 200px; margin-top: -13px; display: none; } .dmcasection label .inset-box .warning-triangle-ico { margin: 0; position: absolute; top: 4px; left: 8px; } .dmcasection textarea { display: block; width: 668px; margin-left: 4px; } .dmcasection textarea.lgTextInput { height: 288px; margin-bottom: 10px; } .dmcasection .inset-box p:last-child{ margin-bottom: 0 !important; } #dmcaAcceptTerms { text-align: center; padding: 0 0 15px 0; } #dmcaAcceptTerms span { color: #000; font-weight: bold; } #dmcaRequestStep1 button { float: right; width: 120px; margin-right: 3px; } #dmcaRequestStep2 .pseudoTable, #dmcaRequestJustify { margin-bottom: 30px; } #dmcaRequestStep2 .pseudoTable ul { max-height: 329px; overflow: auto; } #dmcaRequestStep2 .fileName { width: 300px; } #dmcaRequestStep2 .fileSize { width: 70px; text-align: right; margin-right: 40px; } #dmcaRequestStep2 .fileQuickkey { width: 150px; } #dmcaRequestStep2 ul .folderKey { width: 50px; height: 18px; position: relative; } #dmcaRequestStep2 ul .itemFromFolder .folderKey { background: url(  images/icons/folder.png) no-repeat 0px 0px; } #dmcaRequestStep2 .tooltip { width: 360px; right: 100%; left: auto; top: -4px; margin-right: 14px; height: 23px; padding: 0 5px; font-size: 12px; line-height: 23px; } #dmcaRequestStep2 .tooltip span { color: #bbb; } #dmcaRequestStep2 .itemFromFolder .folderKey:hover .tooltip { display: block; } #dmcaRequestStep2 .pseudoTable li.folderColor1 { background-color: #FFDAD1;} #dmcaRequestStep2 .pseudoTable li.folderColor2 { background-color: #FFD6D6;} #dmcaRequestStep2 .pseudoTable li.folderColor3 { background-color: #FFE2D1;} #dmcaRequestStep2 .pseudoTable li.folderColor4 { background-color: #FFEBBD;} #dmcaRequestStep2 .pseudoTable li.folderColor5 { background-color: #FDFFD1;} #dmcaRequestStep2 .pseudoTable li.folderColor6 { background-color: #DDFFC2;} #dmcaRequestStep2 .pseudoTable li.folderColor7 { background-color: #C7F5D9;} #dmcaRequestStep2 .pseudoTable li.folderColor8 { background-color: #CBF1FB;} #dmcaRequestStep2 .pseudoTable li.folderColor9 { background-color: #C8DFFE;} #dmcaRequestStep2 .pseudoTable li.folderColor10 { background-color: #D5D2FE;} #dmcaRequestStep2 .pseudoTable li.folderColor11 { background-color: #EFDCFF;} #dmcaRequestStep2 .pseudoTable li.folderColor12 { background-color: #FFDBF7;} #dmcaRequestStep2 .itemFromFolder { border-bottom-color: transparent; } #dmcaRequestStep2 .fileSelect { width: 25px; } #dmcaRequestStep2 .stepConfirm { margin-right: 8px; } #dmcaRequestJustify { height: 66px; } #dmcaRequestStep2 .inset-box p { margin-bottom: 1em; } #dmcaDigitalSignature { text-align: center; padding: 1em 0; } #dmcaDigitalSignature span { color: #000; font-weight: bold; } #dmcaRequestFinal .btn.primary { display: block; margin: 0 auto 15px auto; width: 380px; text-align: center; line-height: 36px; padding: 0; height: 36px; font-size: 14px; float: none; } #dmcaRequestStep1.requestDisabled .btn.primary, #dmcaRequestStep2.requestDisabled .btn.primary { opacity: .5; filter: alpha(opacity = 50); } #dmcaRequestStep3 { } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA NOTIFICATIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaNotification .dateSent { margin-right: 8px; width: 90px; } #dmcaNotification .ticketId { width: 90px; } #dmcaNotification .quickKey { margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 110px; } #dmcaNotification .emailSubject { margin-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 342px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA SETTINGS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaSettings { /*background: ;*/ } .dmcaSet { padding: 16px 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; } .dmcaSet p { margin-bottom: 0; } .dmcaIP { margin: 0 !important; } .dmcaIP.netAuthDisabled { opacity: .4; filter: alpha(opacity = 40); } .dmcaIP.netAuthDisabled .dmcaNewIP { display: none; } .dmcaIP li { margin-bottom: 5px; } .dmcaIP div, .dmcaIP input, .dmcaIP button { float: left; } .dmcaIP li .input-static, .dmcaIP li input[type="text"], .dmcaIP li button { font-size: 12px; padding: 0 10px; height: 24px; line-height: 24px; margin: 0 5px 0 0; } .dmcaIP li button { height: 26px; } .dmcaIP li div, .dmcaIP li input[type="text"] { width: 250px; } .dmcaIP li button { width: 80px; text-align: center; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DMCA CONTACT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #content #dmcaContactInfo form ul { padding: 0; border: none; } #content #dmcaContactInfo form ul li { padding: 6px 0; } #dmcaContactInfo label button { float: right; height: 24px; width: 70px; padding: 0; line-height: 22px; } #dmcaContactForm label, #dmcaContactForm input[type="text"], #dmcaContactForm div { float: left; height: 28px; line-height: 28px; } #dmcaContactForm label { font-size: 14px; font-weight: normal; color: #5B636A; width: 170px; margin: 0; padding-left: 10px; } #dmcaContactForm input[type="text"] { display: none; margin: 0; padding: 0px 5px; font-size: 14px; width: 450px; height: 26px; line-height: 26px; } #dmcaContactInfo.dmcaContactEditable input { display: block; } #dmcaContactInfo.dmcaContactEditable #dmcaContactForm div, #dmcaContactInfo.dmcaContactEditable label button { display: none; } #dmcaContactInfo.dmcaContactEditable #dmcaCompanyName div { display: block } .dmcaContactSubmit { position: absolute; left: 0; top: 100%; width: 680px; padding-top: 8px; display: none; } #dmcaContactInfo.dmcaContactEditable .dmcaContactSubmit { display: block; } .dmcaContactSubmit input[type="submit"], .dmcaContactSubmit button { width: 100px; height: 30px; line-height: 30px; float: right; margin: 0 0 0 7px; padding: 0px 5px; font-size: 14px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CANCEL PRO SUBSCRIPTION / DOWNGRADE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .cancelSubscription { float:right; border-radius:8px; background:#fff; width:638px; border:1px solid #dadee2; margin:20px 0 0; padding:20px; position:relative; overflow: hidden; } .cancelSlideContainer { width:2000px; position:relative; margin-left:0; } .cancelVs { width:52px; height:52px; background: url(  images/icons/vs.png) center center no-repeat; position: absolute; top:26px; left:387px; } .cancelFreeColumn { float: left; border-radius:4px; width:216px; background-color:#d6dce4; background-image: linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -o-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -moz-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -webkit-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -ms-linear-gradient(bottom, #C0CAD6 0%, #E1E6EC 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #C0CAD6), color-stop(1, #E1E6EC)); border:1px solid #b9c0c8; text-align: center; text-shadow:0px 1px 0px #ffffff; margin: 0 0 10px 10px; } .cancelProColumn { float:left; border-radius:4px; width:216px; background-color:#2b69a5; background-image: linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -o-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -moz-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -webkit-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -ms-linear-gradient(bottom, #2B68A5 0%, #4CA9DB 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2B68A5), color-stop(1, #4CA9DB)); /* background: url(  images/icons/pro_top.png) center top no-repeat; */ border:1px solid #2b69a5; text-align: center; color:#fff; text-shadow:0px -1px 0px #1f3d84; margin: 0 0 10px 10px; overflow: hidden; } .cancelStep1 { width: 660px; float: left; } .cancelStep2 { width: 660px; float: left; } .cancelStep3 { width: 630px; float: left; } .cancelGreenHighlight { height: 10px; width: 216px; background: #9dd53a; /* Old browsers */ background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */ background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6 */ -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; -webkit-box-shadow: 0px 1px 2px 0px rgba(000, 000, 000, .5); -moz-box-shadow: 0px 1px 2px 0px rgba(000, 000, 000, .5); box-shadow: 0px 1px 2px 0px rgba(000, 000, 000, .5); position: absolute; top: 1px; left: 191px; overflow:hidden; } .cancelGreenHighlightFlare { content:""; height:1px; width:75px; background: -moz-linear-gradient(left, rgba(220,247,84,0) 0%, rgba(239,244,212,1) 53%, rgba(220,247,84,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(220,247,84,0)), color-stop(53%,rgba(239,244,212,1)), color-stop(100%,rgba(220,247,84,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* IE10+ */ background: linear-gradient(left, rgba(220,247,84,0) 0%,rgba(239,244,212,1) 53%,rgba(220,247,84,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dcf754', endColorstr='#00dcf754',GradientType=1 ); /* IE6-9 */ position: absolute; top: 4px; right: 217px; } .cancelGreenHighlightFlare { animation-name: greenGlare; animation-duration: 4s; animation-timing-function: ease-out; animation-delay: 2s; animation-iteration-count: infinite; /* Firefox: */ -moz-animation-name: greenGlare; -moz-animation-duration: 4s; -moz-animation-timing-function: ease-out; -moz-animation-delay: 2s; -moz-animation-iteration-count: infinite; /* Safari and Chrome: */ -webkit-animation-name: greenGlare; -webkit-animation-duration: 4s; -webkit-animation-timing-function: ease-out; -webkit-animation-delay: 2s; -webkit-animation-iteration-count: infinite; } @keyframes greenGlare { from {right: 217px;} to {right: -700px;} } @-moz-keyframes greenGlare { from {right: 217px;} to {right: -700px;} } @-webkit-keyframes greenGlare { from {right: 217px;} to {right: -700px;} } .cancelFeaturesColumn { float:left; border-radius:4px; width:180px; text-align: right; } .cancelValues li { border-bottom: 1px solid #5587b7; border-bottom: 1px solid rgba(255, 255, 255, .2); border-top: 1px solid #5587b7; border-top: 1px solid rgba(0, 0, 0, .2); padding:10px 0; height:15px; line-height:15px; } .cancelFeatures li { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; padding: 10px 0; height:15px; line-height:15px; font-size: 12px; } .cancelCheck { background: url(  images/icons/check.png) center center no-repeat; } .crossed-grey { background: url(  images/icons/close.png) center center no-repeat; height: 15px; } .cancelFreeColumn .crossed-grey { opacity: 1!important; } .cancelInfo { float: left; margin:40px 0 0; width:250px; } .cancelButtons { float: right; margin: 0 24px 0 0; } .cancelNotice { border-radius:4px; background:#e1e5e9; padding:5px 10px 5px 25px; width:225px; border: 1px solid #d0d3d7; margin: 0 0 10px 0; position: relative; } .cancelNotice:before { content:""; border-radius: 50%; width:5px; height:5px; background-color:#8ac800; border: 1px solid #488900; position: absolute; top: 12px; left: 10px; -webkit-box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, .5); -moz-box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, .5); box-shadow: inset 0px 1px 1px 1px rgba(255, 255, 255, .5); } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Download Options ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .downloadOptionsWrap .inset-box { padding: 0; position: relative; padding: 0; -webkit-border-radius: 6px 0px 6px 6px; -moz-border-radius: 6px 0px 6px 6px; border-radius: 6px 0px 6px 6px; } .downloadLabel { background: #E8EBED; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); padding: 10px; position: absolute; right: 0px; top: -40px; } .downloadRow { padding: 25px; /*width: 628px;*/ border-bottom: 1px solid #d4d6d9; } .whiteBox { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #d4d6d9; background: #fff; position: relative; margin: 40px 0 0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Submit Ticket ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .support #content_container { background: #ffffff; } .supportBanner { font-size:17px; height: 123px; text-shadow: 0px 1px 1px #fff; color: #2e2f30; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #d4d6d9; position: relative; padding: 25px; width:628px; background: #cfdae0 url(  images/backgrounds/support/img_submitTicket.png) right center no-repeat; } .supportLeft { width:258px; float:left; background:#FFFFFF; border: 1px solid #D4D6D9; border-radius: 4px; margin: 20px 20px 0 0; padding: 0 0 20px 0; text-align:center; } .supportLeft p { margin: 15px 15px 15px 15px; width: 230px; text-align:left; } .supportLeft h3 { display: block; width:257px; background:#000; text-align:center; color:#fff; font-size:17px; font-weight:bold; border-radius: 4px 4px 0 0; height:40px; background: #4c4c4c; /* Old browsers */ background: -moz-linear-gradient(top, #4c4c4c 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4c4c4c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4c4c4c 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4c4c4c 0%,#000000 100%); /* IE10+ */ background: linear-gradient(top, #4c4c4c 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000; line-height: 38px; } .support .mp_signupform div.input-row { float:none; } .support .mp_signupform fieldset { margin:0; padding:0; width:380px; } .support .mp_signupform fieldset input[type="text"] { width:342px; background: white; border-color: #CCC; box-shadow: none; } .support .mp_signupform textarea { width:368px; margin: 0; float: left; } .support .mp_signupform fieldset label { color:#000; font-size:14px; } .support .mp_signupform select { padding:5px; background: #fff; border: 1px solid #CCCCCC; color: #333333; } .support .supportRequired { font-style:italic; position: absolute; right: 26px; top: 100px; font-weight:bold; } .supportPayPalEmail, .supportQuestionsDrop, .supportPayPal { display: none; } .supportEmail, .supportDescription { display: block; } .support .field_confirm { height: 16px; margin-top: -7px; position: absolute; right: 11px; top: 15px; width: 16px; z-index: 4; } .support .mp_signupform fieldset label { text-align:left; font-weight:bold; } #submit_ticket_form .gbtnTertiary { float: none; display: block; width: 280px; font-size: 16px; height: 50px; margin-left: 175px; margin-top: 40px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NEW REDESIGNED HOMEPAGE 6/21 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #homeContentNav ul li a { background-position: left top; background-repeat: no-repeat; } .hpAcccess { background-image: url(  images/backgrounds/newHome/redesign/icn_access.png); } .hpCollaboration { background-image: url(  images/backgrounds/newHome/redesign/icn_collaborate.png); } .hpStorage { background-image: url(  images/backgrounds/newHome/redesign/icn_store.png); } .hpSharing { background-image: url(  images/backgrounds/newHome/redesign/icn_share.png); } .hpDesktop { background-image: url(  images/backgrounds/newHome/redesign/icn_mobile.png); } .hpNext { background-image: url(  images/backgrounds/newHome/redesign/icn_next.png); } a.contentActive { color: #348ae8 !important; background-position: left bottom !important; } #navBtnHome { float: left; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; margin-bottom: 15px; width: 80px; padding: 0 0 0 10px; line-height: 38px; } span.hpHome { background: url(  images/backgrounds/newHome/redesign/icn_home.png) left center no-repeat; float: left; height: 38px; width: 28px; } #navBtnSignup { float: left; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; margin-bottom: 15px; width: 104px; padding: 0 0 0 11px; line-height: 38px; } .sliderBg { position: relative; height: 429px; width:100%; background: #549ce4 url(  images/backgrounds/newHome/redesign/home_top_bg.jpg) center center repeat-x; } .sliderControls { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #1F4061; text-align: center; padding: 15px 0; background: url(  images/backgrounds/newHome/redesign/sliderControls_bg.png) center bottom no-repeat; position: relative; z-index: 11; } .sliderControls li { display: inline-block; padding: 0 15px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); cursor: pointer; } .sliderControls li:hover { color: #070D12; } .sliderControls li:after { content: "\2022"; position: absolute; right: -5px; top: 0; color: #2B70B6; text-shadow: 0 1px 0 rgba(255, 255, 255, .2); } .sliderControls li.last:after { display: none; } li.sliderArrow { position: absolute; height: 24px; width: 24px; background: #4188da; background: rgba(0, 0, 0, .2); padding: 0; border-radius: 50%; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .4); left: 0; margin: -12px 100px 0; top: 50%; } .sliderControls li:last-child { left: auto; right: 0; } li.sliderArrow:after { content: ""; position: absolute; right: 50%; top: 50%; color: #2B70B6; text-shadow: 0 1px 0 rgba(255, 255, 255, .2); margin-right: -2px; margin-top: -6px; border-style: solid; border-color: transparent white transparent transparent; border-width: 6px; } .sliderControls li:last-child:after { border-color: transparent transparent transparent white; margin-right: -10px; } li.sliderControlActive, li.sliderControlActive:hover { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); cursor: default; } /* GLOBAL SLIDE STYLES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .sliderContent { position: absolute; top: 0; left: 0; width: 100%; height: 519px; } .sliderContent li { color: #fff; position: absolute; top: 0; left: 0; height: 519px; width: 100%; overflow: hidden; display: none; background: url(  images/backgrounds/newHome/redesign/home_top_bg.jpg) center top repeat-x; z-index: 1; } .sliderContent li.sliderContentActive { display: block; z-index: 1; } .sliderText { position: relative; z-index: 10; width: 960px; margin: 90px auto 0; } .sliderText h3 { font-family: 'Open Sans', sans-serif; font-weight: 700; /* 3 weights included: 800, 700, 400. see <link> in header .php */ font-size: 60px; line-height: 70px; letter-spacing: -0.04em; text-shadow: 0 2px 3px rgba(0, 0, 0, .2); } .sliderText p { font-size: 18px; line-height: 31px; margin-top: 20px; width: 400px; color: #A7D0F6; } .sliderText a { position: relative; /*padding-right: 15px;*/ color: #fff; text-shadow: 0 -1px 0 black; border-bottom: 1px dotted rgba(255, 255, 255, .4); } .sliderText a:hover { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 1); } /*.sliderText a:after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -3px; border-style: solid; border-color: white transparent transparent transparent; border-width: 5px; }*/ .foregroundAnimation { position: absolute; height: 519px; width: 960px; top: 0; left: 50%; margin-left: -480px; z-index: 9; } .backgroundAnimation { position: absolute; height: 429px; width: 100%; top: 0; z-index: 8; overflow: hidden; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .25)), color-stop(5%, transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); background-image: linear-gradient(bottom, rgba(0, 0, 0, .25) -10px, transparent 20px); } .foregroundAnimation > div { position: absolute; } .backgroundAnimation > div { position: absolute; bottom: 0; left: 50%; } /* SLIDE - SHARING AND DISTRIBUTION +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #shareFolder { height: 314px; width: 405px; bottom: 0; right: 20px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/folder.png) 0 0 no-repeat; } #shareCloudBack { height: 263px; width: 528px; margin-left: -160px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/share_cloud_back.png) 0 0 no-repeat; } #shareCloudMid { height: 120px; width: 331px; margin-left: 260px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/share_cloud_mid.png) 0 0 no-repeat; } #shareCloudFront { height: 87px; width: 243px; margin-left: -100px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/share_cloud_front.png) 0 0 no-repeat; } #circleUsers { height: 124px; width: 124px; margin: 0 0 130px -50px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/circle_users.png) 0 0 no-repeat; } #circleTransfer { height: 82px; width: 82px; margin: 0 0 280px 220px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/circle_transfer.png) 0 0 no-repeat; } #circleDocument { height: 105px; width: 105px; margin: 0 0 163px 310px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/circle_document.png) 0 0 no-repeat; } /* SLIDE - ACCESS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*#accessUserPic { right: 20px; bottom: 0; height: 463px; width: 444px; background: url(  images/backgrounds/newHome/redesign/slide_access/user_pic.png) 0 0 no-repeat; }*/ #circleHeadphones { height: 130px; width: 130px; right: 193px; bottom: 38px; background: url(  images/backgrounds/newHome/redesign/slide_access/circle_headphones.png) 0 0 no-repeat; } #cloudInset { height: 209px; width: 335px; top: 157px; margin-left: -73px; background: url(  images/backgrounds/newHome/redesign/slide_access/cloud_inset.png) 0 0 no-repeat; } #dataFlow { height: 313px; width: 665px; top: 107px; margin-left: -120px; opacity: .5; background: url(  images/backgrounds/newHome/redesign/slide_access/data_flow.png) 0 0 no-repeat; } #metalSync { height: 148px; width: 144px; top: 206px; margin-left: 40px; background: url(  images/backgrounds/newHome/redesign/slide_access/metal_sync.png) 0 0 no-repeat; } #circleComputer { height: 107px; width: 107px; top: 296px; margin-left: -180px; background: url(  images/backgrounds/newHome/redesign/slide_access/circle_computer.png) 0 0 no-repeat; } #circleLaptop { height: 78px; width: 78px; top: 68px; margin-left: 160px; background: url(  images/backgrounds/newHome/redesign/slide_access/circle_laptop.png) 0 0 no-repeat; } #circlePhone { height: 149px; width: 149px; top: 134px; margin-left: 390px; background: url(  images/backgrounds/newHome/redesign/slide_access/circle_phone.png) 0 0 no-repeat; } /* SLIDE - COLLABORATION +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #collabDoc { right: 60px; bottom: 20px; height: 381px; width: 345px; background: url(  images/backgrounds/newHome/redesign/slide_collab/collab_doc.png) 0 0 no-repeat; } #collabTitle { bottom: 312px; height: 67px; right: 178px; width: 198px; background: url(  images/backgrounds/newHome/redesign/slide_collab/collab_title.png) 0 0 no-repeat; } #collabText { right: 130px; bottom: 210px; height: 87px; width: 205px; background: url(  images/backgrounds/newHome/redesign/slide_collab/collab_text.png) 0 0 no-repeat; } #collabPie { right: 100px; bottom: 70px; height: 127px; width: 158px; background: url(  images/backgrounds/newHome/redesign/slide_collab/collab_pie.png) 0 0 no-repeat; } #collabAnna { right: 280px; bottom: 360px; height: 100px; width: 227px; background: url(  images/backgrounds/newHome/redesign/slide_collab/collab_michael.png) 0 0 no-repeat; } #collabJosh { right: 310px; bottom: 170px; height: 89px; width: 257px; background: url(  images/backgrounds/newHome/redesign/slide_collab/collab_peter.png) 0 0 no-repeat; } #collabSalman { right: 0px; bottom: 140px; height: 301px; width: 131px; background: url(  images/backgrounds/newHome/redesign/slide_collab/collab_samir.png) 0 0 no-repeat; } #collabCloudBack { height: 263px; width: 528px; margin-left: -160px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/share_cloud_back.png) 0 0 no-repeat; } #collabCloudMid { height: 120px; width: 331px; margin-left: 260px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/share_cloud_mid.png) 0 0 no-repeat; } #collabCloudFront { height: 87px; width: 243px; margin-left: -100px; background: url(  images/backgrounds/newHome/redesign/slide_sharing/share_cloud_front.png) 0 0 no-repeat; } /* SLIDE - APP +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #appComputer { bottom: -12px; right: 0px; height: 458px; width: 494px; background: url(  images/backgrounds/newHome/redesign/slide_app/app_computer-v3.png) 0 0 no-repeat; } #appTablet { bottom: 0px; right: -20px; height: 194px; width: 251px; background: url(  images/backgrounds/newHome/redesign/slide_app/app_tablet.png) 0 0 no-repeat; } #circleBlackberry { height: 45px; width: 45px; bottom: 15px; margin-left: -230px; background: url(  images/backgrounds/newHome/redesign/slide_app/circle_blackberry.png) 0 0 no-repeat; } #circleApple { height: 129px; width: 129px; bottom: 15px; margin-left: -123px; background: url(  images/backgrounds/newHome/redesign/slide_app/circle_apple.png) 0 0 no-repeat; } #circleWindows { height: 61px; width: 61px; bottom: 344px; margin-left: 419px; background: url(  images/backgrounds/newHome/redesign/slide_app/circle_windows.png) 0 0 no-repeat; } #circleAndroid { height: 89px; width: 89px; bottom: 119px; margin-left: 467px; background: url(  images/backgrounds/newHome/redesign/slide_app/circle_android.png) 0 0 no-repeat; } /* SLIDE - STORE AND BACKUP +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #backupVault { height: 287px; width: 502px; bottom: 0; right: 0; background: url(  images/backgrounds/newHome/redesign/slide_storeandbackup/home_cloudvault.png) 0 0 no-repeat; } #timeline, #timelineMask { position: absolute; bottom: 90px; left: 50%; width: 1468px; height: 102px; margin-left: -734px; } #timeline { background: url(  images/backgrounds/newHome/redesign/slide_storeandbackup/timeline.png) 0px bottom no-repeat; } #timelineMask { background: url(  images/backgrounds/newHome/redesign/slide_storeandbackup/timeline_mask.png) center bottom no-repeat; } div.circleBackup { bottom: 75px; height: 91px; width: 91px; background: url(  images/backgrounds/newHome/redesign/slide_storeandbackup/circle_backup.png) center top no-repeat; } .circleBackup div { height: 91px; background-image: url(  images/backgrounds/newHome/redesign/slide_storeandbackup/circle_backup_sprite.png); background-repeat: no-repeat; } .circleBackup p { position: absolute; left: 100%; top: 32px; margin-left: 10px; font-size: 12px; line-height: 16px; color: #162f48; } .circleBackup:before { content: ""; position: absolute; top: 91px; left: 50%; bottom: 0; width: 2px; margin-left: -1px; background: rgba(255,255,255,.2); } .circleBackup:after { content: ""; position: absolute; bottom: -8px; left: 50%; width: 8px; height: 8px; margin-left: -4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255,255,255,.2); } #circleBrush { margin-left: -44px; } #circleCamera { margin-left: 223px; } #circlePage { margin-left: 329px; } #circleBrush div { background-position: 0 0; } #circleCamera div { background-position: -91px 0; } #circlePage div { background-position: -182px 0; } #appClouds { width: 654px; height: 272px; bottom: 90px; left: 50%; background: url(  images/backgrounds/newHome/redesign/slide_app/app_clouds.jpg) right bottom no-repeat; position: absolute; margin-left: -230px; } /* TABLE/MID BANNER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .tableBg { height: 90px; width:100%; background: url(  images/backgrounds/newHome/redesign/table_bg.jpg) center center repeat-x; position: relative; font-size: 18px; } .tableBg:after { background: url(  images/backgrounds/newHome/redesign/table_shadow.jpg) no-repeat scroll center top transparent; content: ""; height: 10px; left: 0; position: absolute; right: 0; top: 91px; } .tableBg div { position: relative; z-index: 11; } .tableBg .btn { padding: 15px; margin-top: 23px; float: left; font-size: 18px; } .tableBg p { float: left; color: #4C4F52; font-weight: bold; margin: 26px 0 0 20px; line-height: 22px; font-size: 16px; } .tableBg span { font-weight: normal; } /* CONTENT AREA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mfStats { margin-top: 60px; background: #EFF0F0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); } #mfStats > div { width: 308px; height: 116px; float: left; border-right: 1px solid #DEDEDE; border-left: 1px solid rgba(255,255,255,.5); padding: 0 10px 0 0; color: #878787; line-height: 14px; } #mfStats > div:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } #mfStats > div:last-child { border-right-width: 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } #mfStats > div span { font-family: 'Open Sans',sans-serif; font-size: 36px; font-weight: 700; padding-top: 40px; display: block; } #mfStats > div > img { float: left; margin: 38px 10px 50px 20px; } #mfStatsAccolades { overflow: hidden; } #mfStatsAccolades ul { } #mfStatsAccolades li { height: 116px; } #mfStatsAccolades div { float: left; height: 116px; width: 175px; } #mfStatsAccolades p { float: right; width: 110px; line-height: 18px; margin-top: 40px; font-size: 12px; margin-right: 5px; } .home #rockmeltTab { display: none; } #homeContent { position: relative; padding: 0; margin-top: 60px; } #homeContentNav { position: absolute; top: 0; left: 0; width: 240px; } #homeContentNav.fixedNav { position: fixed; top: 90px; left: 50%; margin-left: -480px; } #homeContentNav.bottomNav { bottom: -200px; top: auto; } #homeContentNav li a { color: #737373; line-height: 30px; display: block; height: 30px; width: 200px; padding-left: 40px; margin-bottom:15px; } #homeContentNav li a:hover { color: #D85724; } #homeContentNav .contentActive a { color: #3171b1; } #homeContentSections { width: 720px; margin-left: 240px; } #homeContentSections > div { height: 460px; margin-bottom: 200px; position: relative; } #homeContentSections h3 { font-family: 'Open Sans', sans-serif; font-size: 60px; font-weight: 400; text-align: center; position: relative; top: -30px; margin-bottom: -100px; letter-spacing: -0.04em; color: #595959; /*text-shadow: 0 -1px rgba(0, 0, 0, 1), 0 1px 0 white;*/ /*-webkit-transition: color .5s linear; -moz-transition: color .5s linear; -ms-transition: color .5s linear; -o-transition: color .5s linear; transition: color .5s linear;*/ z-index: 1; } #homeContentSections > div { opacity: .3; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -ms-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } #homeContentSections > div.contentActive { opacity: 1; } /*#homeContentSections .contentActive h3 { color: #595959; }*/ #homeContentSections .csNav { position: absolute; width: 100%; top: 100%; left: 0; text-align: center; font-size: 0; /*kill spacing between inline-block child <li>*/ } #homeContentSections .csNav li { display: inline-block; height: 60px; width: 140px; background: url(  images/backgrounds/newHome/redesign/nav_bg.jpg) left center no-repeat; font-size: 14px; cursor: pointer; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; line-height: 58px; } #homeContentSections .csNav li.featureActive { background: url(  images/backgrounds/newHome/redesign/nav_bg_on.jpg) left center no-repeat; color: #3786dc; text-shadow: 0px 1px 0px #fff; } #homeContentSections .csNav li > div { display: none; position: absolute; bottom: 100%; left: 0; } #homeContentSections .csNav li.featureActive > div { display: block; } #homeContentSections p { color: #5E5E5E; font-family: arial; font-size: 14px; font-style: italic; font-weight: normal; height: 60px; padding: 20px 80px 0; text-shadow: none; line-height: 22px; } .pageDividerIndent { background: white url(  images/backgrounds/newHome/redesign/slide_divider_indent.jpg) center top no-repeat; } .pageDivider { background: white url(  images/backgrounds/newHome/redesign/slide_divider.jpg) center top no-repeat; } .csImage { height: 315px; } .accessMyfiles { background: white url(  images/backgrounds/newHome/redesign/slide_access/bottom/access_myfiles_v2.jpg) center top no-repeat; } .accessDrag { background: white url(  images/backgrounds/newHome/redesign/slide_access/bottom/access_drag_v2.jpg) center top no-repeat; } .accessThumb { background: white url(  images/backgrounds/newHome/redesign/slide_access/bottom/access_thumb_v2.jpg) center top no-repeat; } .accessAnywhere { background: white url(  images/backgrounds/newHome/redesign/slide_access/bottom/access_anywhere.jpg) center top no-repeat; } .collabView { background: white url(  images/backgrounds/newHome/redesign/slide_collab/bottom/collab_view.jpg) center top no-repeat; } .collabCollab { background: white url(  images/backgrounds/newHome/redesign/slide_collab/bottom/collab_collab_v2.jpg) center top no-repeat; } .collabVdr { background: white url(  images/backgrounds/newHome/redesign/slide_collab/bottom/collab_vdr.jpg) center top no-repeat; } .collabDropFiles { background: white url(  images/backgrounds/newHome/redesign/slide_collab/bottom/collab_dropfiles.jpg) center top no-repeat; } .collabCustom { background: white url(  images/backgrounds/newHome/redesign/slide_collab/bottom/collab_custom.jpg) center top no-repeat; } .collabSecure { background: white url(  images/backgrounds/newHome/redesign/slide_collab/bottom/collab_secure.jpg) center top no-repeat; } .store100gb { background: white url(  images/backgrounds/newHome/redesign/slide_storeandbackup/bottom/store_100gb.jpg) center top no-repeat; } .storeSecure { background: white url(  images/backgrounds/newHome/redesign/slide_storeandbackup/bottom/store_secure.jpg) center top no-repeat; } .sharingImage { background: white url(  images/backgrounds/newHome/redesign/slide_sharing/bottom/sharing_image-v2.jpg) center top no-repeat; } .sharingGallery { background: white url(  images/backgrounds/newHome/redesign/slide_sharing/bottom/sharing_gallery-v2.jpg) center top no-repeat; } .sharingExclusive { background: white url(  images/backgrounds/newHome/redesign/slide_sharing/bottom/sharing_exclusive.jpg) center top no-repeat; } .appDownload { background: white url(  images/backgrounds/newHome/redesign/slide_app/bottom/app_download.jpg) center top no-repeat; } .nextSteps { background: white url(  images/backgrounds/newHome/redesign/slide_next/next_steps.jpg) center top no-repeat; } .sharingFeatures { background: white url(  images/backgrounds/newHome/redesign/share_box_bg.png) center center no-repeat; border-radius: 6px; border: 2px solid #3371dc; height: 357px; width: 716px; font-style: normal; float: left; margin-bottom: 20px; } .sharingFeatures .box { width:237px; height:163px; float: left; position: relative; overflow: hidden; font-family: 'Open Sans', sans-serif; font-weight: 600; text-shadow: 0px 1px 0px #346ddd; border-bottom: 1px solid #4283E0; border-right: 1px solid #4283E0; font-size: 21px; line-height: 28px; padding-top:15px; } .animateBox { background: #1C3145; background: rgba(21, 36, 51, .9); width:200px; height:138px; position: absolute; z-index: 1; top:178px; left:0; font-size: 16px; font-weight: 400; padding:20px; line-height: 22px; -webkit-transition: top .3s ease-out 0s; -moz-transition: top .3s ease-out 0s; -o-transition: top .3s ease-out 0s; transition: top .3s ease-out 0s; } a.box { color: white; } a.box:hover { color: white; } a.box:hover .animateBox { top:0; color: white; } a.appDownloadBtn { float: left; width: 148px; height: 38px; border-radius: 6px; border: 1px solid #d1e2f2; text-align: left; line-height: 36px; margin: 387px 45px 0; } a.appDownloadBtn:hover { border: 1px solid #9FB1C1; } .appDownloadIcon { background: url(  images/backgrounds/newHome/redesign/downloadIcon.png) center top no-repeat; height: 13px; margin: 12px 10px 12px 32px; width: 12px; float: left; } #nextSteps { } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ WHY WAS I CHARGED ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .whyChargedCallout { width:185px; height:137px; float:left; padding-left:100px; font-size:14px; } .whyChargedCallout h3 { font-size:15px; font-weight:bold; color:#000; } .whyChargedCallout.aboutBg { background:url(  images/backgrounds/whyCharged/aboutUs.png) left center no-repeat; } .whyChargedCallout.cancelBg { background:url(  images/backgrounds/whyCharged/cancel.png) left center no-repeat; } .whyChargedCallout.contactBg { background:url(  images/backgrounds/whyCharged/contact.png) left center no-repeat; margin-left:15px; } .whyChargedCallout.invoiceBg { background:url(  images/backgrounds/whyCharged/invoice.png) left center no-repeat; } .whyChargedCallout.refundBg { background:url(  images/backgrounds/whyCharged/refund.png) left center no-repeat; margin-left:15px; } .whyChargedCallout.whyBg { background:url(  images/backgrounds/whyCharged/why.png) left center no-repeat; margin-left:15px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BBB Seal ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .newBBB { background:url(  images/bbb.png) no-repeat; height: 149px; width: 92px; position: absolute; left: 836px; top: 155px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* STORAGE INDICATOR TOP PAGE (MY ACCOUNT/MYFILES) ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .spaceIndicator { display: none; } .chrome .spaceIndicator, .firefox .spaceIndicator, .safari .spaceIndicator { width: 680px; height: 70px; position: relative; margin-top: 50px; margin-bottom: 10px; display: block; } .indicatorNeedle { height: 35px; position: absolute; border-radius: 6px; background: #1c3145; left: 0px; top:-31px; text-align: center; color:white; font-size: 12px; line-height: 15px; opacity:0; margin-left:-45px; padding: 5px 5px 0 5px; animation:needleAnim 1.5s 1.5s 1 ease-out forwards; -moz-animation:needleAnim 1.5s 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:needleAnim 1.5s 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:needleAnim 1.5s 1.5s 1 ease-out forwards; /* Opera */ } /* Animation styles in 'myaccount.php'. -Cliff 8/21/2012 */ .indicatorNeedle:after { background: #1c3145; content: ""; height: 31px; left: 45px; position: absolute; top: 40px; width: 3px; } .needlePromo.indicatorNeedle { animation: 1.5s ease-out 1.5s normal forwards 1 needleAnim; background:#1C3145; border-radius: 6px 6px 6px 6px; color: white; font-size: 12px; left: 0; line-height: 18px; margin-left: -220px; opacity: 0; padding: 5px 5px 5px 30px; position: absolute; text-align: center; top: -27px; height: 20px; } .needlePromo.indicatorNeedle:after { background: #1C3145; content: ""; height: 39px; left: 220px; position: absolute; top: 28px; width: 3px; } .needlePromo.indicatorNeedleOld { background:#1C3145; color: white; font-size: 12px; left: 0; line-height: 18px; margin-left: -214px; opacity: 0; padding: 5px 5px 5px 30px; position: absolute; text-align: center; top: -21px; height: 20px; white-space: nowrap; } .needlePromo.indicatorNeedleOld:after { content: ""; background: #1C3145; height: 39px; left: 220px; position: absolute; width: 3px; top: 28px; } .needlePromo .needleContainer { display: none; } .needlePromoBtn:hover a { color: #fff; } .needlePromoBtn { display: none; } .needlePromo .needlePromoBtn { display: block; white-space: nowrap; } .grayBar { width: 680px; height: 40px; position: relative; } .grayFront { width: 680px; height: 25px; position: absolute; top:15px; background: #dbdbdb; /* Old browsers */ background: url(  images/backgrounds/myfiles/noise.png),-moz-linear-gradient(top, #dbdbdb 0%, #eaeaea 100%); /* FF3.6+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(top, #dbdbdb 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: url(  images/backgrounds/myfiles/noise.png),-o-linear-gradient(top, #dbdbdb 0%,#eaeaea 100%); /* Opera 11.10+ */ background: url(  images/backgrounds/myfiles/noise.png),-ms-linear-gradient(top, #dbdbdb 0%,#eaeaea 100%); /* IE10+ */ background: url(  images/backgrounds/myfiles/noise.png),linear-gradient(to bottom, #dbdbdb 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ animation:grayFrontAnim 1.5s 1 ease-out forwards; -moz-animation:grayFrontAnim 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:grayFrontAnim 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:grayFrontAnim 1.5s 1 ease-out forwards; /* Opera */ } @-moz-keyframes grayFrontAnim { from {top:4px;} to {top:15px;} } @-webkit-keyframes grayFrontAnim { from {top:4px;} to {top:15px;} } .grayTop { background: #e4e4e4; background: url(  images/backgrounds/myfiles/noise.png),-moz-linear-gradient(top, #d8d8d8 0%, #f7f7f7 100%); /* FF3.6+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(top, #d8d8d8 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: url(  images/backgrounds/myfiles/noise.png),-o-linear-gradient(top, #d8d8d8 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: url(  images/backgrounds/myfiles/noise.png),-ms-linear-gradient(top, #d8d8d8 0%,#f7f7f7 100%); /* IE10+ */ background: url(  images/backgrounds/myfiles/noise.png),linear-gradient(to bottom, #d8d8d8 0%,#f7f7f7 100%); /* W3C */ -moz-transform: perspective( 237px ) rotateX( 45deg ); -webkit-transform: perspective( 237px ) rotateX( 45deg ); -o-transform: perspective( 237px ) rotateX( 45deg ); height: 30px; left: 14px; position: absolute; top: -11px; width: 652px; outline: 1px solid transparent; animation:grayTopAnim 1.5s 1 ease-out forwards; -moz-animation:grayTopAnim 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:grayTopAnim 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:grayTopAnim 1.5s 1 ease-out forwards; /* Opera */ } @-moz-keyframes grayTopAnim { from {-moz-transform: perspective( 237px ) rotateX( 90deg );} to {-moz-transform: perspective( 237px ) rotateX( 45deg );} } @-webkit-keyframes grayTopAnim { from {-webkit-transform: perspective( 237px ) rotateX( 90deg );} to {-webkit-transform: perspective( 237px ) rotateX( 45deg );} } .spaceShadow { -moz-transform: perspective(210px) rotateX(45deg); -webkit-transform: perspective(150px) rotateX(45deg); -o-transform: perspective(150px) rotateX(45deg); background: #D0D0D0; box-shadow: 0 0 10px 10px #D0D0D0; height: 5px; left: 33px; position: absolute; top: 40px; width: 607px; animation:grayShadowAnim 1.5s 1 ease-out forwards; -moz-animation:grayShadowAnim 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:grayShadowAnim 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:grayShadowAnim 1.5s 1 ease-out forwards; /* Opera */ } @-moz-keyframes grayShadowAnim { from {top:20px;} to {top:40px} } @-webkit-keyframes grayShadowAnim { from {top:20px;} to {top:40px} } .colorBar { height: 50px; overflow: hidden; position: relative; top: -50px; width: 0px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; -moz-animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; /* Firefox */ -webkit-animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; /* Safari and Chrome */ -o-animation:colorBarAnim 1.5s 1.5s 1 ease-out forwards; /* Opera */ } /* Animation styles in 'myaccount.php'. -Cliff 8/21/2012 */ .colorFront { height: 25px; position: absolute; top: 25px; width: 680px; background: #5d8926; /* Old browsers */ background: url(  images/backgrounds/myfiles/noise.png),-moz-linear-gradient(left, #5d8926 0%, #bc8d02 50%, #d23d09 100%); /* FF3.6+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, right top, color-stop(0%,#5d8926), color-stop(50%,#bc8d02), color-stop(100%,#d23d09)); /* Chrome,Safari4+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(left, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* Chrome10+,Safari5.1+ */ background: url(  images/backgrounds/myfiles/noise.png),-o-linear-gradient(left, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* Opera 11.10+ */ background: url(  images/backgrounds/myfiles/noise.png),-ms-linear-gradient(left, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* IE10+ */ background: url(  images/backgrounds/myfiles/noise.png),linear-gradient(to right, #5d8926 0%,#bc8d02 50%,#d23d09 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8926', endColorstr='#d23d09',GradientType=1 ); /* IE6-9 */ } .colorTop { background: #6fa42e; /* Old browsers */ background: url(  images/backgrounds/myfiles/noise.png),-moz-linear-gradient(left, #6fa42e 0%, #fdba01 50%, #ff4a0b 100%); /* FF3.6+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-gradient(linear, left top, right top, color-stop(0%,#6fa42e), color-stop(50%,#fdba01), color-stop(100%,#ff4a0b)); /* Chrome,Safari4+ */ background: url(  images/backgrounds/myfiles/noise.png),-webkit-linear-gradient(left, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* Chrome10+,Safari5.1+ */ background: url(  images/backgrounds/myfiles/noise.png),-o-linear-gradient(left, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* Opera 11.10+ */ background: url(  images/backgrounds/myfiles/noise.png),-ms-linear-gradient(left, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* IE10+ */ background: url(  images/backgrounds/myfiles/noise.png),linear-gradient(to right, #6fa42e 0%,#fdba01 50%,#ff4a0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa42e', endColorstr='#ff4a0b',GradientType=1 ); /* IE6-9 */ -moz-transform: perspective( 237px ) rotateX( 45deg ); -webkit-transform: perspective( 237px ) rotateX( 45deg ); -o-transform: perspective( 237px ) rotateX( 45deg ); height: 30px; left: 14px; position: absolute; top: -1px; width: 652px; outline: 1px solid transparent; } #earnSpaceSettings { background: #78b44c; padding: 2px 4px; color: #fff; font-weight: 500; border-radius: 4px; font-size: 12px; margin-left: 6px; } #earnSpaceSettings:hover { color: #fff; background: #6fa846; } /* Old Browsers */ .spaceIndicatorOld { display: none; } .opera .spaceIndicatorOld, .ie7 .spaceIndicatorOld, .ie8 .spaceIndicatorOld, .ie9 .spaceIndicatorOld { width: 680px; height:66px; position: relative; display: block; margin-top: 50px; margin-bottom: 20px; } .indicatorNeedleOld { height: 35px; position: absolute; border-radius: 6px; background: #1c3145; top:-31px; text-align: center; color:white; font-size: 12px; line-height: 15px; margin-left:-45px; padding: 5px 5px 0 5px; } .indicatorNeedleOld:after { background: #1c3145; content: ""; height: 37px; left: 45px; position: absolute; top: 40px; width: 3px; } .grayBarOld { background: url(  images/backgrounds/myfiles/grayBar.png) no-repeat; position: absolute; top:0; left: 0; width: 680px; height: 66px; } .colorBarOld { background: url(  images/backgrounds/myfiles/colorBar.png) no-repeat; position: absolute; top:0; left: 0; height: 66px; overflow: hidden; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* 24hr SocialVibe Promo /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .promo24hr #titlebar h1.title { text-align: center; float: none; } .promo24Container { width:100%; position: relative; background: url(  images/backgrounds/24Promo/bgStep1.jpg) no-repeat center center; text-align: center; padding-top: 40px; } .promo24Container h3 { width:100%; font-size: 28px; color: #1c3145; font-family: 'Open Sans',sans-serif; margin-bottom: 40px; } .promoBox24hr { width:410px; height:275px; background: #fff; background: rgba(255, 255, 255, .5); -webkit-box-shadow: 0px 0px 3px 0px rgba(28, 49, 69, .75), inset 0px 0px 10px 0px rgba(203, 221, 238, 1); box-shadow: 0px 0px 3px 0px rgba(28, 49, 69, .75), inset 0px 0px 10px 0px rgba(203, 221, 238, 1); float:left; border-radius: 6px; margin-left: 45px; font-family: 'Open Sans',sans-serif; font-size: 20px; padding-top: 15px; position: relative; overflow: hidden; cursor: hand; cursor: pointer; border: 2px solid #fff; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: background .3s ease-out 0s; -moz-transition: background .3s ease-out 0s; -o-transition: background .3s ease-out 0s; transition: background .3s ease-out 0s; } .promoBox24hr.active { border: 2px solid #397aba; } .promoBox24hr:hover { background: rgba(255, 255, 255, 1); } .promoBox24hr:hover .bannnersDowload, .promoBox24hr:hover .oneCommercial{ top:90px; } .bannnersDowload { background: url(  images/backgrounds/24Promo/bannersDownload.png) no-repeat center center; width:237px; height:150px; top: 100px; left: 85px; position: absolute; -webkit-transition: top .3s ease-out 0s; -moz-transition: top .3s ease-out 0s; -o-transition: top .3s ease-out 0s; transition: top .3s ease-out 0s; } .oneCommercial { background: url(  images/backgrounds/24Promo/oneCommercial.png) no-repeat center center; width:237px; height:150px; top: 100px; left: 85px; position: absolute; -webkit-transition: top .3s ease-out 0s; -moz-transition: top .3s ease-out 0s; -o-transition: top .3s ease-out 0s; transition: top .3s ease-out 0s; } .promoBox24hr:hover .shadow24hr { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } .shadow24hr { width: 384px; height: 39px; top:250px; left: 18px; background: url(  images/backgrounds/24Promo/shadow.png) no-repeat center center; position: absolute; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .orCloud { width:84px; height:57px; position: absolute; top: 248px; left:436px; background: url(  images/backgrounds/24Promo/orCloud.png) no-repeat center center; } .promo24Container .checkbox-custom { width: 25px; height: 25px; top:-3px; left: 0px; border-radius: 3px; position: absolute; } .promoBox24hr.active .checkbox-custom { background: url(  images/icons/custom-checkbox-tick-blue.png) no-repeat center center; } .promo24Step3 { background: url(  images/backgrounds/24Promo/bgStep3.jpg) no-repeat center center; } .promo24Bullets { width:400px; height:210px; font-family: 'Open Sans',sans-serif; font-size:16px; margin: 30px 0 0 280px; text-align: left; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* EMAIL VALIDATION, ACCOUNT RESTRICTION, DL NOT AVAILABLE PAGES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .emailValidation, .accountRestriction, .dlNotAvailable, .tosDeclined { background-image: url(  images/backgrounds/email_validation/ev_cloudbg.jpg); background-position: center 49px; background-repeat: no-repeat; color: #6e6e6e; } .emailValidationWrap.wrap { margin-top: 110px; width: 720px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); -moz-box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); position: relative; } .dlNotAvailable .emailValidationWrap.wrap { margin-top: 30px; } .emailValidationWrap .mf_page_processing { height: auto; bottom: 0; top: -20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .emailValidationWrap h3 { background: #3e89c7; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: 1px solid #2e6694; color: #fff; font: normal normal 700 21px/60px "Open Sans", sans-serif; height: 60px; padding: 0 0 0 115px; position: relative; } .dlNotAvailable .emailValidationWrap h3 { padding-left: 65px; } .emailValidationWrap h3:before { content: ""; position: absolute; top: -20px; left: 15px; height: 74px; width: 93px; background: url(  images/backgrounds/email_validation/email_validation_inprogress.png) 0 0 no-repeat; } .accountRestriction .emailValidationWrap h3:before { height: 78px; background: url(  images/backgrounds/myaccount/account_restricted/geolocation_lock.png) 0 0 no-repeat; } .dlNotAvailable .emailValidationWrap h3:before { top: 5px; left: 7px; height: 48px; width: 48px; background: url(  images/backgrounds/lightbox/archive_information/green_info_48x48.png) 0 0 no-repeat; } .tosDeclined .emailValidationWrap h3 { padding-left: 50px; } .tosDeclined .emailValidationWrap h3:before { display: none; } .tosDeclined .emailValidationWrap .btn { margin: 0 auto; display: block; width: 290px; padding: 20px; text-align: center; margin-top: 45px; font-size: 16px; cursor: pointer; } .evContentWrap { padding: 40px 50px 50px; height: 177px; } .emailValidationWrap label { display: block; font-size: 21px; margin-bottom: 20px; float: left; } .emailValidationWrap .inset-box { float: left; clear: both; margin-bottom: 25px; padding: 15px; } .emailValidationWrap .inset-box input { margin: 0; float: left; height: 32px; line-height: 30px; padding: 0 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .emailValidationWrap .inset-box input[type="password"] { margin-right: 10px; height: 30px; width: 50px; text-align: center; border: 1px solid #cfcfcf; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .13), 0 1px 0 rgba(255, 255, 255, .5); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .13), 0 1px 0 rgba(255, 255, 255, .5); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .13), 0 1px 0 rgba(255, 255, 255, .5); } .emailValidationWrap .inset-box input[type="submit"] { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5); border-color: #417500; } .evFooter { text-align: center; font-size: 0; border-top: 1px solid #ebebeb; height: 60px; line-height: 60px; } .evFooter li { display: inline-block; font-size: 14px; padding: 0 15px; margin: 10px 0; line-height: 40px; } .evFooter li a { cursor: pointer; } .evFooter li:first-child { font-weight: bold; } .evFooter li:nth-child(2), .evFooter li:nth-child(3) { border-right: 1px dotted #ccc; } .leaderBoard { width: 728px; height: 90px; border: 1px solid #000; margin: 30px auto 0; background: #eee; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ERROR PAGES ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .errorPage { /* background-image: url(  images/backgrounds/email_validation/ev_cloudbg.jpg); background-position: center 49px; background-repeat: no-repeat; */ color: #6e6e6e; } .errorPage h3 { font-size: 14px; } /*.errorPage h3:before { content: ""; position: absolute; top: 5px; left: 7px; height: 48px; width: 48px; background: url(  images/backgrounds/lightbox/archive_information/green_info_48x48.png) 0 0 no-repeat; } .errorPageWrap { background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); -moz-box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); box-shadow: 0 2px 12px 0 rgba(25, 94, 163, .25); position: relative; }*/ .errorPageWrap > div { padding: 40px 50px 50px; } .copyRightFiles .errorPageWrap > div { padding: 10px; } .errorPageWrap p { margin-bottom: 20px; } /*.errorPageWrap > div > p > br { display: none; }*/ .nonpro_adslayout_error .errorPageWrap { width: 960px; margin: 24px 0 20px 0px; } .error_topbanner { padding-top: 40px; } .nonpro_adslayout_error .error_topbanner { padding-top: 0; } /* ERROR PAGE PROMO */ .errorPromoWrap { background: url(  images/backgrounds/signup/signup_bg.jpg) center 0 no-repeat; } .errorPromo { width: 960px; margin: 0 auto; background: url(  images/backgrounds/error/error_promo.png) bottom left no-repeat; height: 285px; position:relative; } .errorPromoMessage { float: right; width: 450px; padding-left: 45px; padding-right:50px; background: url(  images/backgrounds/error/error_promo_logo.png) 0px 20px no-repeat; margin-top: 30px; color: #4c5370; } .errorPromoMessage h4 { font-size: 26px; margin-top:10px; } .errorPromoMessage p { margin: 10px auto; } .errorPromoIcons { background: url(  images/backgrounds/error/error_promo_icons.png) center no-repeat; height: 90px; width: 40px; display: block; position: absolute; top: 15px; right: 45px; } .errorPromoMessage .gbtnTertiary:not([class*="ico30"]) { margin-top: 15px; margin-right: 120px; font-size: 14px; padding: 3px 25px 3px 15px; } .errorPromoLink { height: 285px; width: 960px; position: absolute; top: 0px; left: 0px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ERROR PAGES COPYRIGHT FILE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* COPY RIGHT ELEMENTS */ .copyrightFileInset { border-radius: 0px 0px 4px 4px; background: url(  images/backgrounds/copyrightFiles/insetBg.png); width: 100%; height:365px; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(156, 182, 212, 1); box-shadow: inset 0px 0px 5px 0px rgba(156, 182, 212, 1); position: relative; } .copyrightFileInset h4 { display: block; color:#1c3045; text-shadow: 0px 1px 0px #fff; width: 100%; height: 68px; font-size: 18px; background: url(  images/backgrounds/copyrightFiles/titleShadow.png) center bottom no-repeat; text-align: center; line-height: 65px; margin-bottom: 30px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .copyrightCoverArt { height:212px; width: 212px; background: rgba(255, 255, 255, 0.5); border: solid white 3px; position: absolute; left: 95px; top: 100px; -webkit-box-shadow: 0px 0px 5px 0px rgba(156, 182, 212, 1); box-shadow: 0px 0px 5px 0px rgba(156, 182, 212, 1); border-radius: 6px; } .copyrightPreview { color: #55687C; font-family: 'Open Sans',sans-serif; height: 215px; left: 330px; position: absolute; text-shadow: 0 1px 0 #FFFFFF; top: 100px; width: 285px; } .copyrightVideoPreview { margin-left: 30px; width: 645px; display: none; } .artistDescription { margin-top: 5px; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .copyrightPreview > h5 { border-bottom: 1px solid #9cc0e4; display: block; font-size: 18px; height: 45px; line-height: 40px; margin-bottom: 15px; text-align: center; width: 100%; } .prototype-wrapper { width: 100%; display: none; } .copyrightPurchase { padding: 10px; width: 195px; height: 195px; background: rgba(62, 134, 200, .15); -webkit-box-shadow: inset 0px 0px 0px 1px rgba(62, 134, 200, .5), 0px 1px 0px 0px rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 0px 1px rgba(62, 134, 200, .5), 0px 1px 0px 0px rgba(255, 255, 255, 1); position: absolute; left: 628px; top: 100px; border-radius: 6px; } .copyrightPurchase span { display: block; font-weight: bold; width: 80px; margin: 0 auto; padding-left: 20px; color: #1c3045; text-shadow: 0px 1px 0px #fff; font-family: 'Open Sans',sans-serif; background: url(  images/backgrounds/copyrightFiles/icoShopping.png) left center no-repeat; } .retailerBtniTunes { display: none; margin-top: 10px; border-radius: 4px; width: 100%; height: 75px; background: url(  images/backgrounds/copyrightFiles/btnApple.png) center center no-repeat, rgba(255, 255, 255, 0.7); -webkit-box-shadow:0px 1px 3px 0px rgba(156, 182, 212, 1), inset 0px 0px 3px 2px rgba(255, 255, 255, 1); box-shadow:0px 1px 3px 0px rgba(156, 182, 212, 1), inset 0px 0px 3px 2px rgba(255, 255, 255, 1); } .retailerBtniTunes:hover { background:url(  images/backgrounds/copyrightFiles/btnApple.png) center center no-repeat, rgba(255, 255, 255, 1); } .retailerBtnAmazon { margin-top: 10px; display: block; border-radius: 4px; width: 100%; height: 163px; background: url(  images/backgrounds/copyrightFiles/btnAmazon.png) center center no-repeat, rgba(255, 255, 255, 0.7); -webkit-box-shadow:0px 1px 3px 0px rgba(156, 182, 212, 1), inset 0px 0px 3px 2px rgba(255, 255, 255, 1); box-shadow:0px 1px 3px 0px rgba(156, 182, 212, 1), inset 0px 0px 3px 2px rgba(255, 255, 255, 1); } .retailerBtnAmazon:hover { background:url(  images/backgrounds/copyrightFiles/btnAmazon.png) center center no-repeat, rgba(255, 255, 255, 1); } .noCoverArt { height:215px; width: 215px; background:url(  images/backgrounds/copyrightFiles/noCoverArt.png) center center no-repeat; font-size: 12px; color:#5c7c9b; position: relative; display: none; } /*.copyrightGenericFile { height:215px; width: 215px; background:url(  images/backgrounds/copyrightFiles/genericFile.png) center center no-repeat; font-size: 12px; color:#5c7c9b; position: relative; display: none; }*/ /*display text instead*/ .copyrightGenericFile { width: 215px; font-size: 18px; color:#829CB5; text-align: center; font-family: 'Open Sans'; font-weight: 600; padding-top: 72px; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); position: relative; display: none; } .copyrightNoMoviePreview { height:215px; width: 215px; background:url(  images/backgrounds/copyrightFiles/noVideo.png) center center no-repeat; font-size: 12px; color:#5c7c9b; position: relative; display: none; } /* GLOBAL COPY RIGHT STYLES */ .showGeneric .copyrightGenericFile { display: block; } .showNoArt .noCoverArt { display: block; } .showPreview .prototype-wrapper { display: block; } .showItunes .retailerBtniTunes { display: block; } .showGenericVideo .copyrightNoMoviePreview { display: block; } .copyrightVideo .copyrightPurchase { display: block; left: 695px; } .copyrightVideo .copyrightVideoPreview { display:block; } .copyrightVideo .copyrightPreview, .copyrightVideo .copyrightCoverArt { display: none; } .copyrightFileInset.copyrightVideo { height:585px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ERROR MOBILE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mobileLayout.errorPage { background-image: none; color: #6e6e6e; } .mobileLayout.errorPage #container { padding-top: 0; } .mobileLayout.errorPage #header, .mobileLayout.errorPage #footer, .mobileLayout.errorPage .floatingTabsBox { display: none; } .mobileLayout.errorPage .error_topbanner { margin-top: 0; } .mobileLayout.errorPage .wrap { width: auto; } .mobileLayout.errorPage h3 { background-color: #16589e; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 0; color: #fff; font: normal normal 700 16px/50px "Open Sans", sans-serif; height:50px; padding: 0 0 0 55px; position: relative; background-image: url(  images/mobile/preview/bg_top.png); background-size: 50px 50px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .3); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .3); } .mobileLayout.errorPage h3:before { content: ""; position: absolute; height: 40px; width: 40px; top: 5px; left: 5px; background: url(  images/mobile/preview/logo.png) 0 0 no-repeat; } .mobileLayout.errorPage .errorPageWrap { background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; } .mobileLayout.errorPage .errorPageWrap > div { padding: 30px; } .mobileLayout.errorPage .copyRightFiles .errorPageWrap > div { padding: 0; } .mobileLayout.errorPage .errorPageWrap { width: auto !important; margin: 0!important; } .mobileLayout.errorPage .errorPageWrap p { margin-bottom: 20px; } .mobileLayout.errorPage .error_topbanner { padding-top: 0 !important; margin-top: 0 !important; } .mobileLayout.errorPage #content_container { padding: 0; } .mobileLayout.errorPage center { display: none; } /* This one targets high resolution screens ========================================================================== */ @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .mobileLayout.errorPage h3 { background: url(  images/mobile/preview/bg_top@2x.png); } .mobileLayout.errorPage h3:before { content: ""; background: url(  images/mobile/preview/logo@2x.png) center center no-repeat; background-size: 40px 40px; } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* BONUS SPACE PAGE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .earnSpacePage .popup { background-color: transparent; } .earnSpacePage #main { background: url(  images/backgrounds/signup/signup_bg.jpg) center 0 no-repeat; min-height: 699px; } .earnspace h1 { text-align: center; font-size: 42px; font-weight: normal; margin-top: 25px; } .earnspace h2 { font-size: 16px; line-height: 18px; font-weight: 600; } .earnspace h3 { font-size: 36px; font-weight: 300; margin-top: -10px; } .earnspaceSub { text-align: center; font-size: 18px; font-weight: 400; } .earnspaceSub .earnspaceSubAmount { font-weight:bold; } .earnCompl { display:none; } .earnspace .spaceTiles { width: 892px; margin: 30px auto; } .tileContainer { float:left; display:inline-block; margin:10px; position:relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; } .tileContainer a { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2500; } .earnspace .spaceTiles.shortenedSpace { width:670px; } .spaceTile { display:inline-block; height: 160px; width: 150px; color: #fff; padding: 20px 25px; border-radius: 4px; text-align: center; cursor: pointer; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; -moz-transform-style: preserve-3d; -moz-transition: 0.5s; } .spaceTile .tileFront{ display: inline-block; height: 160px; width: 150px; color: #fff; position:absolute; z-index:2; top: 0; left: 0; padding: 20px 25px; border-radius: 4px; text-align: center; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.2); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .spaceTile .tileBack{ display: inline-block; height: 160px; width: 150px; color: #fff; padding: 20px 25px; position:absolute; z-index:1; top: 0; left: 0; border-radius: 4px; text-align: center; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.2); -webkit-transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-transform: rotateY(180deg); -moz-backface-visibility: hidden; } .spaceTile .addTileFace { height: 156px; width: 146px; color: #aaa; position:absolute; z-index:2; top: 0; left: 0; padding: 20px 25px; border-radius: 4px; border: 2px dashed #ddd; text-align: center; } .earnspace .addTileFace h2 { margin-top: 65px; } .earnspace .tileContainer:hover .spaceTile { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .earnspace .tileContainer:hover .spaceTile.earnedSpace, .earnspace .tileContainer:hover .spaceTile.addTile{ -webkit-transform:none; -moz-transform:none; cursor:default; } .spaceTile.earnedSpace .tileFront, .spaceTile.earnedSpace .tileBack{ background:#eee; } .upgradeTile .tileFront, .upgradeTile .tileBack{ background:#88c859; } .referTile .tileFront, .referTile .tileBack{ background:#ff9771; } .feedbackTile .tileFront, .feedbackTile .tileBack{ background:#ee6a83; } .desktopTile .tileFront, .desktopTile .tileBack{ background:#edc669; } .mobileTile .tileFront, .mobileTile .tileBack{ background:#cb7ad5; } .facebookTile .tileFront, .facebookTile .tileBack{ background:#5983c8; } .twitterTile .tileFront, .twitterTile .tileBack{ background:#62c3ef; } .avatarTile .tileFront, .avatarTile .tileBack{ background: #717f8c; } .postFacebookTile .tileFront, .postFacebookTile .tileBack{ background:#5983c8; } .postTwitterTile .tileFront, .postTwitterTile .tileBack{ background:#62c3ef; } .spaceTileIcon { height: 50px; width: 50px; background: url(  images/icons/earnspace/earn-space-sprite.png) top left no-repeat; margin: 20px auto; } .spaceTile.earnedSpace .spaceTileIcon { background-position: 0px 0px; } .upgradeTile .spaceTileIcon { background-position: -100px 0px; } .referTile .spaceTileIcon, .postFacebookTile .spaceTileIcon, .postTwitterTile .spaceTileIcon { background-position: -200px 0px; } .feedbackTile .spaceTileIcon { background-position: -300px 0px; } .desktopTile .spaceTileIcon { background-position: -400px 0px; } .mobileTile .spaceTileIcon { background-position: -500px 0px; } .facebookTile .spaceTileIcon { background-position: -600px 0px; } .twitterTile .spaceTileIcon { background-position: -700px 0px; } .avatarTile .spaceTileIcon { background-position: -800px 0px; } .earnedTag {display:none;} .earnedSpace .earnedTag { display:block; color: #666; margin: -15px auto; } .spaceTile.earnedSpace { cursor:default; pointer-events: none!important; } .spaceTile.earnedSpace > div { pointer-events: none!important; } .earnedSpace h2 { color: #aaa; } .earnedSpace h3 { color: #666; } .earnedSpace .uptoTag { display:none; } .spaceTiles .tileContainer:hover .earnedSpace a { display:none; } .uptoTag { display:block; color: #fff; margin: -15px auto; font-weight: 300; } .tileBack h2 { display: inline-block; padding-top: 30px; margin: 20px; line-height: 22px; font-weight: 400; z-index:1; color: #fff; } /* ---Hiding elements when all bonus storage has been earned--- */ .bonusCompleted .earnInstr { display:none; } .bonusCompleted .spaceTiles { display:none; } .bonusCompleted .earnCompl { display:inline; } /* --- Opera and ie10fix ---*/ .opera .earnspace .tileContainer .tileFront, .ie10 .earnspace .tileContainer .tileFront { visibility: visible; opacity:1; -ms-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; } .opera .earnspace .tileContainer:hover .tileFront, .ie10 .earnspace .tileContainer:hover .tileFront { opacity:0; visibility: hidden; -o-transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s; -ms-transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s; transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s; } .ie10 .earnspace .tileContainer:hover .earnedSpace .tileFront, .opera .earnspace .tileContainer:hover .earnedSpace .tileFront { visibility:visible; opacity:1; -ms-transition:none; -o-transition:none; transition:none; } .ie9 .earnspace .tileContainer:hover .tileFront{ display:none; } .spaceTiles .tileContainer:hover .tileBack { /*z-index: 2000;*/ } .spaceTiles .tileContainer:hover .earnedSpace .tileBack { z-index: 0; display: none; } .fallbackTileLink { display:none; } .ie9 .fallbackTileLink { display:block; } .spaceTiles .beta { font-size: 11px; padding: 1px 6px; background: rgba(255,255,255,0.5); font-weight: 700; border-radius: 3px; color: #D6AA42; } .earnSpacePage #loggedin_dropdown { opacity: 1; /* fixes issue with opacity messing with z-index */ } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* REFER A FRIEND PAGE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .referTitle { position:relative; } .referTitle:after { display:block; content: ""; width:45px; height:30px; left:620px; top:10px; position:absolute; background: url(  images/icons/earnspace/refericon.png) top center no-repeat; } .referralForm { white-space: nowrap; margin: 80px auto 0px auto; display: block; position: relative; height: 200px; } .referralForm .gbtnTertiary { white-space: normal; } .referralForm textarea { width: 390px; height: 50px; padding: 10px; resize: none; font-size:12px; margin-bottom:5px; background: #fff; } .firefox .referralForm textarea { margin-bottom:10px; } .referralForm .gbtnTertiary { } .referralForm .gbtnTertiary.facebookReferral { background-color:#5983c8; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 44, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 44, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); } .referralForm .gbtnTertiary.twitterReferral { background-color:#62c3ef; -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 110, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 110, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); } .referralForm .gbtnTertiary.facebookReferral.ico30:after { background-image: url(  images/backgrounds/newHome/loginActivateFB_v2.png); background-position: 8px 0px; opacity: 1; } .referralForm .gbtnTertiary.twitterReferral.ico30:after { background-image: url(  images/backgrounds/newHome/loginActivateTW_v2.png); background-position: 10px 0px; opacity: 1; } .referralLink span, .referralForm span { display: block; margin-bottom: 10px; font-weight: 600; font-size: 16px; } .referralLink span { margin:10px; display:block; font-size:14px; text-align:center; font-weight: 500; color: #666; } .referralLink { width: 340px; margin: 10px auto; margin-top: 40px; border-radius: 6px; } .referralLink .gbtnPrimary { margin-right:0px; margin-top:2px; } .referralBubble { width:100%; height:200px; margin-top:10px; background: url(  images/icons/earnspace/referbubble.png) top center no-repeat; display:none; } input[type="text"].referralLinkField { width: 225px; background: #fff; } .referralEmail, .referralSocial { width: 410px; height: 160px; border-radius: 6px; display: inline-block; padding:10px; white-space: normal; } .referEmailImport { float:right; font-size:12px; margin-top:-30px; } .referralForm span.orRefer { margin: 20px; width: 50px; height: 38px; text-align: center; background: rgb(255, 255, 255); border: 1px solid #fff; border-radius: 50%; padding-top: 12px; color: #666; z-index: 2; display: inline-block; position: relative; font-size: 16px; font-weight: bold; top: 85px; left: -45px; } .referDivider { display: inline-block; width: 1px; margin: -140px 45px; height: 270px; position: relative; top: -120px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 50%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#cccccc 50%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* EXPRESS GETTING STARTED PAGE */ .expressSignUp.wrap { width: 720px; } .expressSignUp #mfuploader { background: url(  images/backgrounds/login/sslslide1.jpg) left -2px no-repeat; padding-left:280px; } .expressSignUp #mfuploader .tool-description { padding-top: 30px; } .expressSignUp #mfuploader p { font-size: 14px; margin: 15px auto; } .expressSignUp #mfuploader span { font-size:14px; } .expressSignUp #mfuploader ul { font-weight: bold; list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 40px; padding-left: 1em; } .expressSignUp #mfuploader .dropdown ul { list-style:none; } .expressSignUp #mfuploader a[class*="gbtn"] { float:left; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DMCA APPLICATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #dmcaapplication label { display: block; margin-top: 12px; } #dmca_submit { float: none; margin: 20px auto; display: block; width: 280px; font: bold 16px/50px 'Open Sans', sans-serif; height: 50px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* GOLDEN TICKET /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .goldenTicket { min-height: 100%!important; } .goldenTicket #titlebar, .goldenTicket #footer, .goldenTicket h2.logo, .goldenTicket #logged_in_info, .goldenTicket .headerPhoneNumber, .goldenTicket #secondaryHeaderNav { display: none; } .goldenTicket #header { height:0!important; } .goldenTicket .gradientWrapper { background: -moz-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, top center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */ background: -ms-radial-gradient(top, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: radial-gradient(ellipse at top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity:0.5; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 0; } .goldenTicket .woodGrain { background: url(/images/goldenticket/wood.jpg) center; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 0; } .goldenTicket #container { padding-top: 0px; } .goldenTicket .gbtnTertiary { height: 32px; line-height: 30px; text-transform: none!important; font-weight: 600; margin: 10px auto; float: none; display: block; } .goldenTicket #content_container { padding:0!important; } .goldenTicket #page { width: 100%; position:relative; z-index:1; } .goldenTicket #page .wrap { width: 960px; min-height: 800px; height: 100%; margin: 0 auto; position: relative; overflow: visible; padding-top: 125px; } .goldenLogo { width: 155px; height:20px; display:block; margin:10px auto; background: url(/images/goldenticket/logo.png) center no-repeat; } .goldenTicket .deskTicket { width: 341px; height: 246px; background: url(/images/goldenticket/ticket.png) center no-repeat; position:absolute; top: 464px; right: 25px; z-index:3; top: 580px; left: -45px; z-index: 3; } .goldenTicket .deskPen { width: 117px; height: 390px; background: url(/images/goldenticket/pen.png) center no-repeat; position:absolute; top: 464px; right: 25px; } .goldenTicket .deskCoffee { width: 351px; height: 281px; background: url(/images/goldenticket/coffee.png) center no-repeat; position: absolute; top: -40px; left: -200px; z-index:1; } .goldenTicket .deskEnvelope { width: 660px; height: 404px; background: url(/images/goldenticket/envelope.png) center no-repeat; position: absolute; top: 82px; left: 260px; z-index: 0; } .goldenTicket input[type="text"], .goldenTicket input[type="password"], .goldenTicket input[type="email"] { height:30px; line-height: 30px; width: 300px; padding:0px 10px; margin-bottom: 10px; font-size: 13px; } .goldenTicket input#registry_coupon_code, .goldenTicket input#coupon_code { background: #fce7c8; border-color: #fad296; color: #e18e2b; } .goldenTicket input#registry_coupon_code:focus, .goldenTicket input#coupon_code:focus { -webkit-box-shadow: 0px 0px 5px rgba(255, 193, 81, 0.7), inset 0px 1px 2px 0px rgba(0, 0, 0, .15); -moz-box-shadow: 0px 0px 5px rgba(255, 193, 81, 0.7), inset 0px 1px 2px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 5px rgba(255, 193, 81, 0.7), inset 0px 1px 2px 0px rgba(0, 0, 0, .15); background: #fff6e2; } .goldenTicket input#registry_coupon_code::-webkit-input-placeholder {color: #e18e2b;} .goldenTicket input#registry_coupon_code:-moz-placeholder {color: #e18e2b;} .goldenTicket input#registry_coupon_code:-ms-input-placeholder {color: #e18e2b;} .goldenTicket input#coupon_code::-webkit-input-placeholder {color: #e18e2b;} .goldenTicket input#coupon_code:-moz-placeholder {color: #e18e2b;} .goldenTicket input#coupon_code:-ms-input-placeholder {color: #e18e2b;} .goldenTicket .letterWrapper { position:relative; z-index:2; padding: 40px 80px 40px; width: 426px; margin:0 auto 120px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .goldenTicket .gTLogin { position: absolute; text-align: right; bottom: 100%; color: white; right: 0px; font-size: 13px; line-height: 30px; } .goldenTicket .gTLogin a { font-weight:bold; color: white; opacity:1; } .goldenTicket .gTLogin a:hover { font-weight:bold; color:white; opacity: 0.8; } .gTAccount { margin: 0px 0px 20px 52px; } .gTAccount .userEmail { font-weight: bold; } .goldenTicket .letterPattern { background: url(/images/goldenticket/pattern.png) bottom center no-repeat; left:0px; right:0px; height: 9px; position: absolute; bottom: 0px; } .goldenTicket .letterPatternTop { background: url(/images/goldenticket/pattern.png) bottom center no-repeat; left:0px; right:0px; height: 9px; position: absolute; top: 0px; } .goldenTicket #redeem_credits_register_box, .goldenTicket #redeem_credits_box { position:relative; margin:0 auto; } .goldenTicket #reg_area, .goldenTicket #redeem_credits_box ul { margin:0 auto; width: 322px; } .goldenTicket p { margin: 20px auto; } .goldenTicket i { display: block; margin-bottom: 30px; font-weight: 300; } .goldenTicket h2 { text-align: center; margin: 20px auto; font-size: 20px; } .goldenTicket h2 span { color: #e18e2b; } .goldenTicket #success_box .gbtnTertiary { float: none; display: block; margin: 50px auto 80px; width: 150px; text-align: center; } .goldenTicket .errorMsg { font-style: italic; color: red; margin:10px auto; } .goldenTicket #main_login { margin-left: -145px; right: auto; left: 50%; box-shadow: 0px 0px 100px rgba(0,0,0,0.5); } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* EXPIRED LINK - REQUEST ACCESS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ @media (min-width: 960px) { #expiredLinkMsg { background: #fff url('/images/backgrounds/error/error_lock.png') no-repeat 100% 40%; } } #expiredLinkMsg { font-size: 18px; font-weight: 400; line-height: 30px; width: 75%; height: 300px; margin: 50px auto; } #expiredLinkMsg h3 { font-size: 50px; font-weight: 300; line-height: 50px; margin-bottom: 40px; } .expiredLink { position: absolute; } .expiredLink p { max-width: 550px; margin-bottom: 50px; } #expiredLinkMsg .gbtnTertiary { float: left; font-size: 18px; font-weight: 400; height: 50px; width: 200px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* REQUEST ACCESS TO PRIVATE FILE /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #privateFileMsg { padding-top: 80px; background: url(/images/backgrounds/request_access/private_icon_xlg.png) right 80px no-repeat; } #privateTitle { font-size: 50px; font-weight: 300; width: 520px; line-height: 65px; margin-bottom: 80px; } #privateNotLoggedIn, #privateLoggedIn { font-size: 18px; width: 620px; } #privateFileMsg p { margin-bottom: 30px; } #privateFileMsg button { float: left; margin-top: 20px; height: 50px; width: 200px; font-size: 18px; font-weight: 400; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* FIX SEARCH FOR SWIFTYPE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ form input.st-search-input { height: 27px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DESKTOP PROMOS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mfdesktopPopupTitle { font-weight: 300; font-size: 28px; margin: 0px 0 -50px 45px; display: block; z-index: 3; position: relative; } #mfdesktopPrompt { background: url(  images/backgrounds/login/computers.png) left 60px no-repeat; text-align: left; margin: 50px auto; position: relative; min-height: 200px; font-size: 16px; line-height: 30px; color: #4f4f4f; width: 700px; height: 350px; /*display: none;*/ } .mfdesktopPromo { background: url(  images/backgrounds/login/computers.png) 45px 60px no-repeat; text-align: left; margin: 40px auto 20px; position: relative; min-height: 200px; font-size: 16px; line-height: 30px; color: #4f4f4f; width: 700px; height: 320px; /*display: none;*/ } .mfdesktopPromo p { padding: 5px 20px 0 0; } #mfdesktopPrompt h3 { font-size: 35px; font-weight: 300; } .mfdesktopPromo .mfdesktopInfo { margin: 35px 0 0 330px; } .mfdesktopInfo { width: 350px; height: 250px; margin: -35px 0 0 350px; } .mfdesktopInfo ul { margin-top: 20px; margin-left: 30px; } .mfdesktopPromo .mfdesktopInfo ul li { height: 28px; font-size: 14px; } .mfdesktopInfo ul li { list-style-type: disc; list-style-position: inside; } .mfdesktopInfo .gbtnTertiary { float: left; margin-top: 30px; height: 45px; width: 180px; font-size: 16px; line-height: 45px !important; text-align: center; } .swiftTypeLogo { position: absolute; bottom: 15px; background: url(  images/backgrounds/footer/swift.png) center no-repeat; width: 155px; height: 20px; } /*––––––––––– promo for /upgrade/getstarted.php –––––––––––*/ #mfdtGetStarted { background: url(/images/backgrounds/desktop/getstarted_promo/mf_logo_lg.png) 0 60px no-repeat; padding-top: 70px; padding-bottom: 50px; } #mfdtGetStarted h3 { margin-left: 335px; margin-bottom: 20px; font-size: 36px; font-weight: 300; } #mfdtGetStarted > p { margin-left: 335px; font-size: 20px; } #mfdtGetStarted > div { padding-top: 90px; } #mfdtGetStarted > div > div { float: left; width: 290px; margin: 0 15px; } #mfdtGetStarted > div > div > div { background: #eee; height: 166px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } #mfdtGetStarted > div > div p { margin-top: 18px; font-size: 13px; line-height: 18px; } #mfdtGetStarted .windowsTxt, .windows #mfdtGetStarted > div > div p span { display: none; } .windows #mfdtGetStarted > div > div p span.windowsTxt { display: inline; } /* mac getting started instructions */ .mac #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/mac-chrome.jpg) center no-repeat; } .mac.ff #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/mac-ff.jpg) center no-repeat; } .mac.safari #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/mac-safari.jpg) center no-repeat; } .mac.opera #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/mac-opera.jpg) center no-repeat; } .mac #mfdtStep2 div { background: url(/images/backgrounds/desktop/getstarted_promo/mac-signup.jpg) center no-repeat; } .mac #mfdtStep3 div { background: url(/images/backgrounds/desktop/getstarted_promo/mac-menubar.jpg) center no-repeat; } /* windows getting started instructions */ .windows #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/windows-ie.jpg) center no-repeat; } .windows.chrome #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/windows-chrome.jpg) center no-repeat; } .windows.ff #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/windows-ff.jpg) center no-repeat; } .windows.safari #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/windows-safari.jpg) center no-repeat; } .windows.opera #mfdtStep1 div { background: url(/images/backgrounds/desktop/getstarted_promo/mac-opera.jpg) center no-repeat; } .windows #mfdtStep2 div { background: url(/images/backgrounds/desktop/getstarted_promo/windows-signup.jpg) center no-repeat; } .windows #mfdtStep3 div { background: url(/images/backgrounds/desktop/getstarted_promo/windows-taskbar.jpg) center no-repeat; }