@import url(features.css); /** * @author Filipe Araujo * @version 1.7.6 * @since 1.0 * @notes SuperGlobal CSS * All changes made to this stylesheet must be made across all sites. * * @CHANGES * @previous line_height and margin changes to section footer h2 * @current removed background and padding from user-contest */ /** * @section GENERAL */ #registration { font-family: Arial, Helvetica, sans-serif; color:#666; font-size:12px; width:614px; line-height:1.2em;margin:0px 0px 0px 28px;} #registration em { color:#ff0024; } #registration div, #registration h1, #registration h2, #registration h3, #registration h4, #registration p, #registration form, #registration label, #registration ul, #registration fieldset{ margin:0; padding:0; } #registration ul { list-style:none; } #registration fieldset, #registration iframe { border:0px; } #registration input { font-size:10px; } #registration input.sm { width:95px; } #registration input.med { width:165px; } #registration input.lrg { width:245px; } #registration input, #registration select, #registration textarea{ color:#666; font-size:12px; } #registration .tiplink { margin-left:4px; padding:0 6px; border:solid #dce1e2; border-width:0px 1px; font-size:11px; position:relative; } #registration p { font-size:12px; line-height:normal; margin-bottom:10px} #registration p.tip { clear:both; padding:0; margin:0 0 5px; font-size:9px; } #registration p.errmsg { clear:both; font-size:11px; padding:1px 0 7px 0px; color:#ff0024; display:none; } #registration div.error{ color:#666; line-height:inherit; } #registration div.error p.errmsg{ display:block; } #registration div.error label em { background:url(i/reg/error.gif) no-repeat; text-indent:9999px;} #registration div.error span.suggestedusername {display:block;} #registration .hidden {display:none;} /** * @section SECTION */ #registration .section{ position:relative; padding:28px 0 45px 21px; margin:auto; background:url(i/reg/bg-section.gif) top left repeat-x; zoom:1;} #registration .section h2 { margin-bottom:13px; padding:0 0 7px 0; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:20px; border-bottom: 1px solid #dce1e2; color:#333; } #registration .section h3 { color:#333; } #registration .section .row, #registration .section-offer .row{ position:relative; margin-bottom:3px; padding-left:160px; } #registration .section .row label, #registration .section-offer .row label{ position:absolute; top:2px; right:450px; float:left; text-align:right; } #registration .section .row em, #registration .section-offer .row em { position:absolute; left:-20px; color:#ff0024; float:left; width:14px; height:14px; overflow:hidden; display:none;} * html .section .row label,* html .section-offer .row label{ width:130px;} * html #registration .section .row em, * html #registration .section-offer .row em{ left:0px; } #registration .section .rqrd em, #registration .section-offer .rqrd em { display:block;} #registration .section .error em, #registration .section-offer .error em { display:block; left:-17px;} /* * @section SECTION OFFER */ #registration .section-offer { position:relative; padding:28px 0 45px 21px; margin:auto; background:url(i/reg/bg-section.gif) top left repeat-x;} #registration .p2 .section-offer {display:none;} #registration .section-offer h2{ margin-bottom:13px; padding:0 0 7px 0; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:20px; border-bottom: 1px solid #dce1e2; color:#aa0629; text-transform:uppercase;} #registration .section-offer.error h2{background:url(i/reg/error.gif) no-repeat; padding-left:16px;} #registration .section-offer .mod-info {margin-top:20px;} #registration .section-offer #regForm_subscribe {overflow:visible; clear:both; zoom:1 } /* * @section SECTION HEADER */ #registration .section-header{ position:relative; padding:72px 0 0px; margin: auto; color:#333333; } .ss_newsletters #registration .section-header{ padding:32px 0 0px; } #registration .section-header .logo{ position:absolute; top:0; left:0px; width:277px; height:48px; background:url(i/reg/register_logo.gif) no-repeat; } #registration .section-header h2{ margin:0 auto 15px; padding:0 0 4px 0px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:23px; color:#000; border-bottom:1px solid #dce1e2; line-height:normal;} #registration .section-header .regForm_actions{ position:absolute; top:0; right:0; padding: 7px 8px 8px; width:285px; border:1px solid #e0e4e5; color:#666; font-size:11px;} #registration .section-header .regForm_regCopy{margin:0 0 20px 0px;} #registration .section-header .regForm_regCopy em{ color:#000;} #registration .section-header .regForm_regCopy p{margin-left:21px;} #registration .section-header .regForm_regCopy ul{ margin:5px 0 15px 21px; list-style:disc;} #registration .section-header .regForm_regCopy li{ font-size:11px; margin-left:15px; } #registration .section-header #errors { margin:0 0 20px 21px; } #registration .section-header #errors h3 { font-size:12px; text-transform:uppercase; line-height:18px; /*display:none; */ } #registration .section-header #errors h3 img{ margin:0 1px; vertical-align: middle; display:inline; } #registration .section-header #errors ul{ margin:10px 0 0 10px; color:red; /*display:none;*/ } #registration .section-header .regError{ margin:0 0 0 21px;} #registration .section-header .tip{ position:relative; bottom:0; } /* * @section SECTION FOOTER */ #registration .section-footer{ position:relative; margin:0 auto; padding-bottom:45px; border-top:1px solid #dce1e2; color:#000; font-size:11px;} #registration .section-footer h2{ margin:45px auto; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align:center; } #registration .section-footer div{ padding:44px 0 35px 21px; margin:auto; background:url(i/reg/bg-section.gif) top left repeat-x; text-align:center } #registration .section-footer input{ background:url(i/reg/continue.gif); border:0; width:135px; height:61px; cursor:pointer; font-size:0; line-height:9999px; overflow:hidden;} #registration .section-footer input:hover{ background-position:0 -61px; } #registration .p2 .section-footer input{ background:url(i/reg/submit.gif);} #registration .section-footer p{ margin-left:35px; font-size:11px; } #registration .section-footer .user-contest { margin:0; padding:0; background:none;} /* * @section SECTION PROMOS */ #reg-promos{ margin-top:62px; } /* * @section Module Specific * @subsection mod-remember */ #registration .mod-login #suggestions{ margin-bottom:10px; } #registration .mod-login #suggestions li{ margin-left:10px; } #registration .mod-login #suggestions a{ font-weight:bold; } #registration .mod-login #suggestions i{ color:blue; font-style:normal;} /* * @subsection mod-program */ #registration .mod-program{margin-top:13px; } /* * @subsection mod-remember */ #registration .mod-remember{ position:relative; font-weight:bold; margin:25px 0 25px 157px; height:20px; line-height:20px; width:auto; border-bottom:1px solid #dce1e2;} #registration .mod-remember input { position:absolute; top:1px; _top:0px; left:0; } #registration .mod-remember label{ margin-left:22px; } #registration .mod-remember span{ font-size:9px; } /* * @subsection mod-preferences & mod-optins */ #registration .mod-optins .row, #registration .mod-preferences .row { margin-bottom:15px; padding:0 0 0 11px; } #registration .mod-optins .row label, #registration .mod-preferences .row label { margin-right:20px; position:static; text-align:left; width:390px; } #registration .mod-optins .row fieldset label, #registration .mod-preferences .row fieldset label { float:left; width:60px; margin:0; line-height:17px;} #registration .mod-optins .row fieldset input, #registration .mod-preferences .row fieldset input{ float:left; } #registration .mod-optins .row em, #registration .mod-preferences .row em { position:absolute; top:0; left:0px; z-index:99 } #registration .mod-optins .row.error em, #registration .mod-preferences .row.error em { left:-10px; _margin-left: -6px;} #registration .mod-preferences .phone label { width:140px;} #registration .mod-preferences .phone .tip { color:#333; font-size:11px;} /* * @subsection mod-demographic */ #registration .mod-demographic p{ margin:0 0 20px 11px; } #registration .mod-demographic .row{ margin-bottom:7px; } #registration .mod-demographic .row fieldset { position:relative;} #registration .mod-demographic .row fieldset label{ position:static; float:left; margin-right:10px; width:auto;} #registration .mod-demographic .row fieldset input{ float:left;} #registration .mod-demographic .interests { padding-left:7px; } #registration .mod-demographic .interests label { position:static; float:none; width:auto; } #registration .mod-demographic .interests fieldset label { position:static } #registration .mod-demographic .interests span { display:inline; color:#999; font-size:11px; } #registration .mod-demographic .interests fieldset { margin-top:30px; } #registration .mod-demographic .interests fieldset fieldset {margin:0 32px 0 0; float:left; width:150px; } #registration .mod-demographic .interests div { float:left; width:150px; } #registration .mod-demographic .interests div input { float:left; margin:1px;} #registration .mod-demographic .interests div label { float:left; width:125px; margin:2px 0 0 0; text-align:left; } /** * @subsection newsletter */ #registration .mod-newsletter-optins div { margin-bottom:10px; } #registration .mod-newsletter-optins input { float:left; margin-right:5px; } #registration #accountFields h4 { margin-bottom:25px; color:#666} #registration #accountFields .mod-remember { margin-top:10px;margin-bottom:0; } /** * @section SITE SPECIFICS */ .p{ background:#fff; } .yrcomponent{ border:0px; } /*@subsection Basic */ #registration .logo{ background:url(i/reg/register_logo.gif) no-repeat; } /* @ newsletter short form reg */ .s_services.ss_newsletters.c_demographics #registration ul.newsletters {margin:10px 10px 15px 0} /*@subsection Allure */ #registration .logo#tipsybest_of_beauty, #registration .logo#tipsyparty_beauty, #registration .logo#tipsycheaters_diet, #registration .logo#tipsylookyounger { background:url(i/reg/register_logo_tipsylookyounger.gif) no-repeat; } /*@subsection Glamour */ #registration .logo#bbgbbg_2009 { background:url(i/reg/register_bbg_logo.gif) no-repeat; } #registration .logo#tipsyglam_hair_ideas, #registration .logo#tipsyeat_lose_weight, #registration .logo#tipsymakeover { background:url(i/reg/register_30daymakeover_logo.gif) no-repeat; } /*@subsection Self */ #registration .logo#challengechallenge_2009 { background:url(i/reg/register_challenge_logo.gif) no-repeat; } #registration .logo#tipsyjillian-michaels, #registration .logo#tipsymoney, #registration .logo#tipsycountdown, #registration .logo#tipsyjumpstart, #registration .logo#tipsyorganized, #registration .logo#tipsyabs, #registration .logo#tipsybeautiful, #registration .logo#tipsyhealthhandbook, #registration .logo#tipsygreatsex{ background:url(i/reg/register_tips_logo.gif) no-repeat; } #challenge_2009 .section-header p.tip {display:none;} /* * @section CLEAR FIX */ .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .cf { height: 1%; } .cf { /*IE7 fix*/ display: inline-block; } .cf { display: block; } /* Thank You Page */ #thankyou {border:1px solid #f7a08f; font-family: georgia; font-size:12px; width:550px; margin:0 0 0 25px;padding:15px 25px 5px} #thankyou p img{display:inline;position:relative;top:1px} #thankyou_header h2 {background:transparent url(i/user/thankyou.gif) no-repeat scroll 0px;display:block;height:55px;margin-bottom:6px;text-indent:-9999px} #thankyou h2#updated {margin-bottom:12px}