body { margin:0; font-size:62.5%; background:#F4F4F4 url(../../gfx/rummble/web/loggedout/ui/bkg_body_greySwirl.gif) no-repeat left center; color:#222; } #pageContainer { min-width:750px; width:895px; text-align:left; margin:0 auto; } .contentPanel { background:#FFF url(../../gfx/rummble/web/loggedout/ui/bkg_whiteSwirl.gif) no-repeat right center; border:1px solid #E1E1E1; margin-bottom:1em; } /* form{text-align:left;}input,textarea,body{font-family:tahoma, helvetica, arial,sans-serif;}body{margin:0;padding:0 2em;background:#F4F4F4 url(../../gfx/rummble/web/loggedout/ui/bkg_body_greySwirl.gif) no-repeat left center;}#pageContainer{min-width:750px;width:895px;text-align:left;margin:0 auto;}.contentPanel{background:#FFF url(../../gfx/rummble/web/loggedout/ui/bkg_whiteSwirl.gif) no-repeat right center;border:1px solid #E1E1E1;margin-bottom:1em;}h2{letter-spacing:-0.03em;color:#3F235C;}.contentPanel h2{font-size:40px;font-weight:bold;margin-bottom:.25em;}h3,legend{color:#2C2C2C;font-size:22px;letter-spacing:-0.02em;line-height:29px;font-weight:bold;}h4{color:#3F235C;font-weight:bold;}a.anchor,a.anchor:hover{color:inherit;text-decoration:none;}a:link{text-decoration:none;color:#479CEB;}p a:link{color:#479CEB!important;}a:hover{text-decoration:underline;}a.username,p a.username{color:#3B2156!important;}form:target .liner{background-color:#FFFFE3!important;border:3px solid #FFEE8F;}.error,.notice,.success{padding:0;}.imageFrame{text-align:center;overflow:hidden;}.iconList ul{list-style-type:none;margin-left:0;padding-left:0;}.iconList li{float:left;margin-right:0;text-align:center;}.iconList li img{display:block;margin:.5em auto;}.iconList li span.icon{display:block;margin:.5em auto;height:100px;width:60px;background-position:center center;background-repeat:no-repeat;}#mobileOptions.iconList span.icon{background-image:url(../../gfx/rummble/web/loggedout/home/mobile/sprites_mobile.gif);}#appOptions.iconList span.icon{background-image:url(../../gfx/rummble/web/loggedout/home/integration/sprites_integration.jpg);}.iconList #integrationiPhone.icon{background-position:4px 4px;width:60px;}.iconList #integrationPhone.icon{background-position:-57px 4px;width:60px;}.iconList #integrationSMS.icon{background-position:-118px 4px;width:101px;}.iconList #integrationFacebook.icon{background-position:4px 4px;width:44px;}.iconList #integrationTwitter.icon{background-position:-43px 4px;width:45px;}.iconList #integrationBebo.icon{background-position:-84px 4px;width:52px;}.iconList #integrationFlickr.icon{background-position:-129px 4px;width:60px;}.iconList #integrationFireEagle.icon{background-position:-192px 4px;width:60px;}.iconList h3{margin-bottom:.5em;text-indent:10px;}#appOptions.iconList li{width:82px;}#mobileOptions.iconList li{width:128px;}#mobileOptions.iconList li{padding:0 10px 0 0;}#press.iconList{font-size:11px;text-align:center;}#press.iconList li{display:block;width:22%;}.grouper{clear:both;margin-bottom:1em;width:100%;float:left;}.twoTone{background:#FFF;border:1px solid #E1E1E1;}.grouper #showAndTell,.grouper #mobileOptions,.grouper #signUpPanel{width:50%;float:left;}.bigNotification{padding:.5em;margin-bottom:1em;background:#FFFEAF url(../../gfx/rummble/web/loggedout/ui/bkg_extraHelp.jpg) repeat-x scroll left top;}.bigNotification .liner{padding:.5em 20px .5em 96px;border:1px solid #FFF;}.bigNotification h2{line-height:1em;margin-bottom:0;padding-top:20px;}.bigNotification p{margin-bottom:10px;font-size:13px;}.bigNotification p a{font-weight:bold;}.textOnly .liner{padding:.5em 20px 0 20px;}.warning .liner{background:transparent url(../../gfx/rummble/web/loggedout/ui/icon_warning_big.gif) no-repeat 24px 35%;}.invitedWelcome{background:#D1E6FA url(../../gfx/rummble/web/loggedout/ui/bkg_invitedWelcome.jpg) repeat-x top left;}.invitedWelcome .liner{border-color:#D1E6FA;background:transparent url(../../gfx/rummble/web/loggedout/ui/icon_invitedWelcome.gif) no-repeat 24px 35%;}.invitedWelcome h2{color:#2D4460;letter-spacing:-0.03em;font-size:24px;font-weight:normal;}.invitedWelcome p{color:#222;font-size:13px;line-height:1.5;margin-bottom:10px;margin:0 0 1.5em;}#iPhoneLaunch{background:transparent url(../../gfx/rummble/web/loggedout/home/banner_home_iPhoneLaunch.jpg) no-repeat left top;height:120px;margin-bottom:0;}#iPhoneLaunch .liner{border:0;}#iPhoneLaunch h2{visibility:hidden;}#iPhoneLaunch p{color:#FFF;font-weight:bold;font-size:17px;padding-left:45px;margin-top:10px;}#iPhoneLaunch p a{color:#A0D1FF;text-decoration:none;}#iPhoneLaunch p a:hover{color:#D7ECFF;text-decoration:none;}#iPhoneLaunch p a:visited{color:#BA96C2;}#showAndTell{background-color:#FFFFFF;color:#222;}#showAndTell .liner{position:relative;margin:10px;padding:22px 16px;border:1px solid #6B2679;}#showAndTell h2,#showAndTell h3{color:#FFF;}#showAndTell h3{font-size:20px;height:120px;line-height:27px;font-weight:normal;letter-spacing:-0.026em;}#showAndTell ol#quickWalkThrough{height:420px;width:392px;}#showAndTell ol.slides{list-style-type:none;margin:0;padding:0;}#showAndTell ol#quickWalkThrough li{height:420px;width:392px;}#showAndTell ol#quickWalkThrough li{display:none;}#showAndTell ol#quickWalkThrough li.current{display:block;}#showAndTell .imageFrame img{padding:5px;background-color:#F4F4F4;}#showAndTell ol.slideControls{position:absolute;bottom:20px;right:2px;z-index:10;}#showAndTell ol.slideControls li{display:block;float:left;margin-right:1em;overflow:hidden;}#showAndTell ol.slideControls li a{display:block;background:transparent url(../../gfx/rummble/web/loggedout/ui/icons_slideControls.png) no-repeat top left;height:34px;width:48px;text-decoration:none;color:#FFF;text-indent:-5em;overflow:hidden;}#showAndTell ol.slideControls li.slide1 a{background-position:0 -35px;}#showAndTell ol.slideControls li.slide2 a{background-position:-59px -35px;}#showAndTell ol.slideControls li.slide3 a{background-position:-116px -35px;}#showAndTell ol.slideControls li.slide4 a{background-position:-173px -35px;}#showAndTell ol.slideControls li.slide1 a.activeSlide{background-position:0 0;}#showAndTell ol.slideControls li.slide2 a.activeSlide{background-position:-59px 0;}#showAndTell ol.slideControls li.slide3 a.activeSlide{background-position:-116px 0;}#showAndTell ol.slideControls li.slide4 a.activeSlide{background-position:-173px 0;}#signUpPanel,#forgottenPassword,#login{background-color:#FFF;}#signUpPanel legend,#forgottenPassword legend,#login legend{margin-bottom:.5em;}#signUpPanel .liner,#forgottenPassword .liner,#login .liner{margin:12px 12px 12px 12px;padding:15px;}#signUpPanel .liner{margin-right:6px;}fieldset{border:0;padding:0;margin-bottom:0;}#signUpPanel .note,#forgottenPassword .note,#login .note{font-size:11px;color:#858585;padding:0;margin-bottom:0;font-weight:normal;}label.note{padding-left:2em;}#signUpPanel input,#forgottenPassword input,#login input,#captcha input,#twitterLogin input{height:28px;background:transparent url(../../gfx/rummble/web/loggedout/forms/bkg_form_inputs.png) no-repeat scroll;background-position:0 -103px;padding:8px 8px 0 8px;}#signUpPanel input:focus,#signUpPanel input.focus,#signUpPanel input.active,#login input:focus,#login input.focus,#login input.active,#forgottenPassword input:focus,#forgottenPassword input.focus,#forgottenPassword input.active,#captcha input:focus,#captcha input.focus,#captcha input.active,#twitterLogin input:focus,#twitterLogin input.focus,#twitterLogin input.active{background-position:0 0;}#signUpPanel .ok input,#login .ok input,#forgottenPassword .ok input{background-position:0 -34px;}#signUpPanel input.error,#signUpPanel .error input,#forgottenPassword input.error,#forgottenPassword .error input,#captcha input.error,#captcha .error input{background-position:0 -69px;}#login fieldset,#forgottenPassword fieldset{width:540px;}#signUp #signUpPanel fieldset{width:540px;}#login .buttonBar,#forgottenPassword .buttonBar{margin-right:0;}.formError{background:#DC2F14 url(../../gfx/rummble/web/loggedout/forms/bkg_formError.jpg) repeat-x top left;padding:1em;color:#FFF;border:1px solid #AB3826;margin-bottom:2em;}.formNotification{background:#FFFEAF url(../../gfx/rummble/web/loggedout/forms/bkg_formNotification.jpg) repeat-x top left;padding:1em;color:#222;border:1px solid #B6B57D;margin-bottom:2em;}.formSuccess{background:#2B712D url(../../gfx/rummble/web/loggedout/forms/bkg_formSuccess.jpg) repeat-x top left;padding:1em;color:#FFF;border:1px solid #39973C;margin-bottom:2em;}.summaryBar{margin-left:15px;width:655px;float:left;}.column{width:300px;padding:5px 10px;margin-left:15px;background-color:#FFF;border:1px solid #ECECEC;float:left;}.column .block{background-color:#ECECEC;padding:1em;margin-bottom:1em;}.userColumn{width:200px;}.contentFooter,.groupFooter{clear:both;margin-left:15px;text-align:right;color:#FFF;}.footer{background-color:#FFF;padding:1em 0 3em 0;border:1px solid #FFF;border-top-color:#DDD;}.popUp{display:none;position:absolute;z-index:50;background-color:#5D3488;padding:15px;width:610px;color:#FFF;text-align:left;}.popUp legend,.popUp fieldset{margin:0;padding:0;border:0;}.popUp .liner,.popUp div.container{padding:24px 20px 24px 50px;background:#49296C url(../forms/popUp_bkg.jpg) no-repeat left top;border:2px solid #7642AE;}.popUp div.container{width:538px;}.popUp legend span{font-size:22px;font-weight:normal;}.popUp form .note{color:#FFF;}.popUp .shadow{background:url(../forms/popUp_shadow.png) no-repeat top center;padding-top:32px;width:640px;position:absolute;bottom:-32px;left:0;}.popUp .liner{padding:24px 20px 24px 50px;background:#49296C url(../../gfx/rummble/web/coolest/popUp_bkg.jpg) no-repeat left top;border:2px solid #7642AE;}.popUp .closeWidget{position:absolute;top:24px;right:16px;}.popUp .closeWidget a{display:block;letter-spacing:-1000em;text-indent:-5em;height:24px;width:24px;background:url('../ui/icon_closePopup.gif') no-repeat top left;border:0;overflow:hidden;}#captcha.popUp{width:380px;}#captcha.popUp .liner{padding:10px 20px;}#captcha.popUp .buttonBar{margin-right:0;background-color:transparent;padding-right:0;padding-bottom:0;margin-bottom:0;}#captcha.popUp input{background-color:transparent;}#captcha img{padding:0 15px;margin-left:2px;background-color:#FFF;}#captcha .formStructure .error label.validation,#captcha .formStructure .ok label.validation,#captcha .formStructure .query label.validation{right:-166px;}.modal{z-index:100;}dl.formStructure dt,dl.formStructure dd{margin-bottom:.75em;}dl.formStructure dt{float:left;width:30%;}dl.formStructure dd{float:left;margin-left:0;padding-left:0;position:relative;clear:right;width:70%;}dl.formStructure input{float:left;margin:0 8px 0 0;}dl.formStructure dt{padding-top:.5em;}dl.formStructure .divider{border-top:1px solid #DDD;padding-top:16px;margin-top:8px;}.formStructure input.text{width:220px;height:30px;padding:12px 8px 0 8px;border:0;color:#666;}.formStructure input.text:focus,.formStructure input.focus{color:#000;}.formStructure input.dirty{color:#020202;}dl.formStructure input.radio{float:left;margin-top:14px;margin-right:0;height:auto!important;width:auto!important;background-image:none!important;padding-top:0!important;padding-bottom:0!important;}dl.formStructure #genderMale,dl.formStructure #genderFemale{padding:16px 0 16px 40px;margin-left:8px;background:transparent url(../../gfx/rummble/web/loggedout/forms/icon_male.png) no-repeat left top;height:24px;width:60px;float:left;margin-right:8px;}dl.formStructure #genderFemale{background-image:url(../../gfx/rummble/web/loggedout/forms/icon_female.png);}dl.formStructure .radioCurrent{background-position:left bottom!important;}dl.formStructure .inputHelper{display:block;position:absolute;z-index:99;left:25px;top:12px;color:#666;}dl.formStructure .captchaWrapper{width:230px;text-align:center;background:#FFF;border:2px solid #7642AE;}dl.formStructure dd.captcha{margin-bottom:0;}dl.formStructure dd.captcha img{clear:both;float:none;}.formStructure .optional{color:#AE92BF;}.formStructure .inline{margin-right:1em;}button{color:#FFF;background:#7C7C7C url(../../gfx/rummble/web/loggedout/ui/bkg_basicButton.gif) repeat-x top left;border:1px solid #534F56;font-weight:bold;padding:4px 6px;}.buttonBar{clear:both;background-color:#E1E1E1;font-weight:bold;padding:4px 8px;text-align:right;margin:0 10px 1em 0;}.buttonBar button{color:#FFF;font-weight:bold;background-color:transparent;border:0;height:38px;padding-top:0;line-height:1em;}li div.buttonBar{margin-left:0;margin-right:8px;}button.done{background:url(../../gfx/rummble/web/loggedout/forms/button_done.png) no-repeat left center transparent;width:84px;margin-left:1em;}form .formValidationError{color:#000;font-weight:bold;background:url(../../gfx/rummble/web/loggedout/forms/bkg_formValidation.gif) no-repeat bottom right;padding:8px 12px 26px 16px;clear:both;margin-top:.5em;margin-bottom:0;width:480px;}.formStructure .error,.formStructure .ok,.formStructure .query{border:0;background:transparent;padding-top:0;padding-bottom:0;}.formStructure .error label.validation,.formStructure .ok label.validation,.formStructure .query label.validation{display:block;font-weight:bold;color:#FFF;background:transparent url(../../gfx/rummble/web/loggedout/forms/bkg_form_validators.png) no-repeat top left;margin:2px 0 0 0;height:22px;width:168px;padding:4px 4px 6px 0;position:absolute;top:0;right:-120px;z-index:20;}body#signUp .formStructure .error label.validation,body#signUp .formStructure .ok label.validation,body#signUp .formStructure .query label.validation{right:-22px;}.formStructure .error label.validation{background-position:0 -34px;}.formStructure .ok label.validation{background-position:1 100px;}.formStructure .extraHelp{display:block;clear:both;border:1px solid #CACACA;color:#111;background:#FFFEAF url(../../gfx/rummble/web/loggedout/ui/bkg_extraHelp.jpg) repeat-x top left;font-size:10px;font-weight:normal;padding:.5em;width:220px;}.formStructure .extraHelp strong{white-space:nowrap;}.formStructure .error span{padding-left:36px;}.formStructure .extraHelp span{padding:0!important;}.formStructure .error span.inputHelper{background:none;padding-left:0;}.formStructure .ok span{padding-left:36px;}#siteFooter{background:transparent url(../../gfx/rummble/web/footer_images/bkg_siteFooter.gif) no-repeat left bottom;font-size:11px;clear:both;position:relative;margin-top:28px;margin-bottom:.5em;}.siteMap{background:transparent url(../../gfx/rummble/web/footer_images/bkg_siteFooter.gif) no-repeat left top;margin:0;padding:1em 1em 0 2em;position:relative;top:-14px;}.siteMap h4{font-weight:bold;padding-right:1em;}.siteMap,.siteMap ul{list-style-type:none;}.siteMap li{font-weight:bold;padding:.5em 0 .5em 0;border-bottom:1px solid #562865;width:auto;background:url(../../gfx/rummble/web/footer_images/footer_listSeparator.gif) no-repeat left center;}.siteMap li{color:#F3F3F3;}.siteMap li a:link{color:#FFF!important;}.siteMap li a:visited{color:#FFF!important;text-decoration:none;}.siteMap li ul li a:link{color:#B276F3!important;}.siteMap li ul li a:visited{color:#A98CC7!important;text-decoration:none;}.siteMap li ul{display:inline;margin-left:0;padding-left:0;}.siteMap ul li{display:inline;padding-left:18px;font-weight:normal;border-bottom:0;color:#B276F3;}.footnote{color:#555;font-size:11px;text-align:right;padding-right:20px;} */ form {text-align:left;} input, textarea, body {font-family:arial;} h1, h2, h3, h4, h5, h6, fieldset legend {font-family:arial;} h2 { letter-spacing:-0.03em; color:#3F235C; } .contentPanel h2{ font-size:40px; font-weight:bold; margin-bottom:0.25em; } h3, legend { color:#2C2C2C; font-size:22px; letter-spacing:-0.02em; line-height:29px; font-weight:bold; } h4{ color:#3F235C } p {font-size:1.2em;} a.anchor, a.anchor:hover { color:inherit; text-decoration:none; } a:link { text-decoration:none; color:#479CEB; } p a:link { color:#479CEB!important; } a:hover { text-decoration:underline; } a.username, p a.username { color:#3B2156!important; } form:target .liner{ background-color:#FFFFE3!important; border:3px solid #FFEE8F; } .error, .notice, .success {padding:0;} /* ImageFrame centers images in a fluid layout, and prevents overflows */ .imageFrame { text-align:center; overflow:hidden; } /* Icon lists stack up horizontally - good for logos etc. */ .iconList ul { list-style-type:none; margin:0 auto; padding:0; } .iconList li { float:left; margin-right:0; text-align:center; } .iconList li img{ display:block; margin:0.5em auto; } .iconList li span.icon{ display:block; margin:0.5em auto; height:100px; width:60px; background-position:center center; background-repeat:no-repeat; } #mobileOptions.iconList span.icon{background-image:url(../../gfx/rummble/web/loggedout/home/mobile/sprites_mobile.gif);} #appOptions.iconList span.icon{background-image:url(../../gfx/rummble/web/loggedout/home/integration/sprites_integration.jpg);} .iconList #integrationiPhone.icon {background-position:4px 4px;width:60px;} .iconList #integrationPhone.icon {background-position:-57px 4px;width:60px;} .iconList #integrationSMS.icon {background-position:-118px 4px;width:101px;} .iconList #integrationFacebook.icon {background-position:4px 4px;width:44px;} .iconList #integrationTwitter.icon {background-position:-43px 4px;width:45px;} .iconList #integrationBebo.icon {background-position:-84px 4px;width:52px;} .iconList #integrationFlickr.icon {background-position:-129px 4px;width:60px;} .iconList #integrationFireEagle.icon {background-position:-192px 4px;width:60px;} /* Specific spacing for different instances of iconList */ .iconList h3 {margin-bottom:0.5em;text-indent:10px;} #appOptions.iconList li {width:82px;} #mobileOptions.iconList li {width:128px;} #mobileOptions.iconList li{ padding:0 10px 0 0; } #press.iconList,#press2.iconList { font-size:11px; text-align:center; padding:10px 0; } #press.iconList ul,#press2.iconList ul { width:98%; } #press.iconList li,#press2.iconList li { display:block; width:23%; padding:0 6px; } /* A general purpose container for keeping heights the same */ .grouper { clear:both; margin-bottom:1em; width:100%; float:left; } /* Apply .twoTone to a .grouper to add a background to the 50% spot - good for faking matched-heights */ .twoTone { background:#FFFFFF; border:1px solid #E1E1E1; } /* --------------------------------------------- */ /* 2 column boxes group */ /* --------------------------------------------- */ .grouper #showAndTell, .grouper #mobileOptions, .grouper #signUpPanel { width:50%; float:left; } /* --------------------------------------------- */ /* 3 column boxes group */ /* --------------------------------------------- */ /* --------------------------------------------- */ /* notification panels for the top of the page */ /* --------------------------------------------- */ .bigNotification { padding:0.5em; margin-bottom:1em; background:#FFFEAF url(../../gfx/rummble/web/loggedout/ui/bkg_extraHelp.jpg) repeat-x scroll left top; } .bigNotification .liner{ padding:0.5em 20px 0.5em 96px; border:1px solid #FFF; } .bigNotification h2 { line-height:1em; margin-bottom:0; padding-top:20px; } .bigNotification p { margin-bottom:10px; font-size:13px; } .bigNotification p a { font-weight:bold; } /* Use text only as a second class if you don't need big headings or an icon */ .textOnly .liner{ padding:0.5em 20px 0 20px; } .textOnly p { } /* --------------------------------------------- */ /* Warnings (used for 'no JS' atm) */ /* --------------------------------------------- */ .warning .liner{ background:transparent url(../../gfx/rummble/web/loggedout/ui/icon_warning_big.gif) no-repeat 24px 35%; } /* --------------------------------------------- */ /* the invitation feedback panel */ /* --------------------------------------------- */ .invitedWelcome { background:#D1E6FA url(../../gfx/rummble/web/loggedout/ui/bkg_invitedWelcome.jpg) repeat-x top left; } .invitedWelcome .liner { border-color:#D1E6FA; background:transparent url(../../gfx/rummble/web/loggedout/ui/icon_invitedWelcome.gif) no-repeat 24px 35%; } .invitedWelcome h2 { color:#2D4460; letter-spacing:-0.03em; font-size:24px; font-weight:normal; } .invitedWelcome p { color:#222; font-size:13px; line-height:1.5; margin-bottom:10px; margin:0 0 1.5em; } /* --------------------------------------------- */ /* Logged out homepage slideshow panel */ /* --------------------------------------------- */ #getFlash { width:100%; text-align:center; height:200px; padding-top:100px; font-size:16px; color:#000000 } #showAndTell { color:#FFF; } #showAndTell h2, #showAndTell h3 { color:#FFF; } #showAndTell h3 { font-size:20px; height:120px; line-height:27px; font-weight:normal; letter-spacing:-0.026em; } /* --------------------------------------------- */ /* Logged out homepage signup panel */ /* --------------------------------------------- */ #signUpPanel, #forgottenPassword, #login { background-color:#FFF; } #signUpPanel legend, #forgottenPassword legend, #login legend { margin-bottom:0.5em; } #signUpPanel .liner, #forgottenPassword .liner, #login .liner { margin:12px 12px 12px 12px; padding:15px; } #signUpPanel .liner { position:relative; margin-right:6px; padding: 0 15px 15px 15px; } #signUpPanel .liner .socialSignupArrow { position:absolute; right:6px; top:-57px; z-index:98; } #signUpPanel .liner legend { color:#49296c; height:40px; display:block; } fieldset { border:0; padding:0; margin-bottom:0; } #signUpPanel .note, #forgottenPassword .note, #login .note { font-size:11px; color:#858585; padding:0; margin-bottom:0; font-weight:normal; } label.note { padding-left:2em; } #signUpPanel input, #forgottenPassword input, #login input, #captcha input, #twitterLogin input, #loginPop input { height:28px; background:transparent url(../../gfx/rummble/web/loggedout/forms/bkg_form_inputs.png) no-repeat scroll; background-position:0 -103px; padding:8px 8px 0 8px; } #signUpPanel input:focus, #signUpPanel input.focus, #signUpPanel input.active, #login input:focus, #login input.focus, #login input.active, #forgottenPassword input:focus, #forgottenPassword input.focus, #forgottenPassword input.active, #captcha input:focus, #captcha input.focus, #captcha input.active, #twitterLogin input:focus, #twitterLogin input.focus, #twitterLogin input.active { background-position:0 0px; } #signUpPanel .ok input, #login .ok input, #forgottenPassword .ok input { background-position:0 -34px; } #signUpPanel input.error, #signUpPanel .error input, #forgottenPassword input.error, #forgottenPassword .error input, #captcha input.error, #captcha .error input { background-position:0 -69px; } #login fieldset, #loginPop fieldset, #forgottenPassword fieldset{ font-size:14px; } #signUp #signUpPanel fieldset{ width:540px; } #login .buttonBar, #forgottenPassword .buttonBar{ margin-right:0; } .formError { background:#DC2F14 url(../../gfx/rummble/web/loggedout/forms/bkg_formError.jpg) repeat-x top left; padding:1em; color:#FFF; border:1px solid #AB3826; margin-bottom:2em; } .formNotification { background:#FFFEAF url(../../gfx/rummble/web/loggedout/forms/bkg_formNotification.jpg) repeat-x top left; padding:1em; color:#222; border:1px solid #B6B57D; margin-bottom:2em; } .formSuccess { background:#2B712D url(../../gfx/rummble/web/loggedout/forms/bkg_formSuccess.jpg) repeat-x top left; padding:1em; color:#FFF; border:1px solid #39973C; margin-bottom:2em; } /* --------------------------------------------- */ /* General stuff (needs a clean up) */ /* --------------------------------------------- */ .summaryBar { margin-left:15px; width:655px; float:left; } .column { width:300px; padding:5px 10px; margin-left:15px; background-color:#FFF; border:1px solid #ECECEC; float:left; } .column .block { background-color:#ECECEC; padding:1em; margin-bottom:1em; } /* Select columns that need width adjusts */ /* narrower */ .userColumn { width:200px; } .contentFooter, .groupFooter { clear:both; margin-left:15px; text-align:right; color:#FFF; } .footer { background-color:#FFF; padding:1em 0 3em 0; border:1px solid #FFF; border-top-color: #DDD; } /* popup form styles */ .popUp { display:none;/*hidden by default*/ position:absolute; z-index:50; background-color:#5D3488; padding:15px; width:610px; color:#FFF; text-align:left; } .popUp legend, .popUp fieldset { margin:0; padding:0; border:0; } /* Style a liner element instead of the fieldset itself :( */ .popUp .liner, .popUp div.container { padding:24px 20px 24px 50px; background:#49296C url(../forms/popUp_bkg.jpg) no-repeat left top; border:2px solid #7642AE; } .popUp div.container{ width:538px; } /* Style a liner element instead of the legend itself :( */ .popUp legend span { font-size:22px; font-weight:normal; } /* Small help texts used in the form */ .popUp form .note { color:#FFF; } .popUp .shadow { background:url(../forms/popUp_shadow.png) no-repeat top center; padding-top:32px; width:640px; position:absolute; bottom:-32px; left:0; } .popUp .liner{ padding:24px 20px 24px 50px; background:#49296C url(../../gfx/rummble/web/coolest/popUp_bkg.jpg) no-repeat left top; border:2px solid #7642AE; } .popUp .closeWidget { position:absolute; top:24px; right:16px; } .popUp .closeWidget a { display:block; letter-spacing:-1000em; text-indent:-5em; height:24px; width:24px; background:url('../ui/icon_closePopup.gif') no-repeat top left; border:0; overflow:hidden; } /* Sizes for specific popUps */ #captcha.popUp { width:380px; } #captcha.popUp .liner{ padding:10px 20px; } #captcha.popUp .buttonBar { margin-right:0; background-color:transparent; padding-right:0; padding-bottom:0; margin-bottom:0; } #captcha.popUp input { background-color:transparent; } #captcha img { padding:0 15px; margin-left:2px; background-color:#FFF; } #captcha .formStructure .error label.validation, #captcha .formStructure .ok label.validation, #captcha .formStructure .query label.validation { right:-166px; } /* Sizes for specific popUps */ #twitterLogin.popUp { width:420px; } #twitterLogin.popUp .liner{ padding:10px 20px; } #twitterLogin.popUp .buttonBar { margin-right:0; background-color:transparent; padding-right:0; padding-bottom:0; margin-bottom:0; } #twitterLogin.popUp input { background-color:transparent; } /* an additional class to specify the popup has a #modalBlocker screen behind it, over the other content */ .modal { z-index:100; } dl.formStructure { margin-top:8px; } dl.formStructure dt, dl.formStructure dd { margin-bottom:0.75em; } dl.formStructure dt { float:left; width:30%; } dl.formStructure dd { float:left; /*width:416px;*/ margin-left:0; padding-left:0; position:relative; clear:right; width:70%; } dl.formStructure input { float:left; margin:0 8px 0 0; } dl.formStructure dt{ padding-top:0.5em; } dl.formStructure .divider { border-top:1px solid #DDD; padding-top:16px; margin-top:8px; } .formStructure input.text { width:220px; height:30px; padding:12px 8px 0 8px; border:0; color:#666; } .formStructure input.text:focus, .formStructure input.focus { color:#000; } /* dirty signifies the value has been changed since load (the default text has been replaced) */ .formStructure input.dirty { color:#020202; } dl.formStructure input.radio { float:left; margin-top:14px; margin-right:0; height:auto!important; width:auto!important; background-image:none!important; padding-top:0!important; padding-bottom:0!important; } dl.formStructure #genderMale, dl.formStructure #genderFemale { padding:16px 0 16px 40px; margin:0 0 0 8px; background:transparent url(../../gfx/rummble/web/loggedout/forms/icon_male.png) no-repeat left top; height:24px; width:60px; float:left; } dl.formStructure #genderFemale { background-image:url(../../gfx/rummble/web/loggedout/forms/icon_female.png); } dl.formStructure .radioCurrent { background-position:left bottom!important; } dl.formStructure .inputHelper{ display:block; position:absolute; z-index:99; left:25px; top:12px; color:#666666; } dl.formStructure .captchaWrapper { width:230px; text-align:center; background:#FFF; border:2px solid #7642AE; } dl.formStructure dd.captcha { margin-bottom:0; } dl.formStructure dd.captcha img{ clear:both; float:none; } .formStructure .optional { color:#AE92BF; } /* When labels are used inline with their target input, add some space */ .formStructure .inline { margin-right:1em; } button { color:#FFF; background:#7C7C7C url(../../gfx/rummble/web/loggedout/ui/bkg_basicButton.gif) repeat-x top left; border:1px solid #534F56; font-weight:bold; padding:4px 6px; } .buttonBar { clear:both; _background-color:#E1E1E1; font-weight:bold; padding:4px 35px; text-align:right; margin:0 10px 1em 0; } .buttonBar button { color:#FFF; font-weight:bold; background-color:transparent; border:0; height:38px; padding-top:0; line-height:1em; } li div.buttonBar {/*For use when the button bar is numbered*/ margin-left:0; margin-right:8px; } button.done { background:url(../../gfx/rummble/web/loggedout/forms/button_done.png) no-repeat left center transparent; width:84px; margin-left:1em; } /* validation feedback styles: */ form .formValidationError { color:#000; font-weight:bold; background:url(../../gfx/rummble/web/loggedout/forms/bkg_formValidation.gif) no-repeat bottom right; padding:8px 12px 26px 16px; clear:both; margin-top:0.5em; margin-bottom:0; width:480px; } .formStructure .error, .formStructure .ok, .formStructure .query { border:0; background:transparent; padding-top:0; padding-bottom:0; } .formStructure .error label.validation, .formStructure .ok label.validation, .formStructure .query label.validation { display:block; font-weight:bold; color:#FFFFFF; background:transparent url(../../gfx/rummble/web/loggedout/forms/bkg_form_validators.png) no-repeat top left; margin:2px 0 0 0; height:22px; width:168px; padding:4px 4px 6px 0; position:absolute; top:0; right:-120px; z-index:20; } /* Slight adjust for the lite sign up page: */ body#signUp .formStructure .error label.validation, body#signUp .formStructure .ok label.validation, body#signUp .formStructure .query label.validation { right:-22px; } .formStructure .error label.validation { background-position:0 -34px; } .formStructure .ok label.validation { background-position:1 100px; } .formStructure .extraHelp { } .formStructure .extraHelp { display:block; clear:both; border:1px solid #CACACA; color:#111; background:#FFFEAF url(../../gfx/rummble/web/loggedout/ui/bkg_extraHelp.jpg) repeat-x top left; font-size:11px; font-weight:normal; padding:0.5em; width:220px; } .formStructure .extraHelp strong{ white-space:nowrap; } .formStructure .error span { padding-left:36px; } .formStructure .extraHelp span { padding:0!important; } .formStructure .error span.inputHelper { background:none; padding-left:0; } .formStructure .ok span { padding-left:36px; } form label {font-size:1.2em;} .mobileNum { display:none } /* --------------------------------- */ /* Bottom banners */ /* --------------------------------- */ .bottomBanners { text-align:center; margin:0 0 12px; padding:4px; background:#fff; } /* --------------------------------- */ /* Global page footer */ /* --------------------------------- */ #siteFooter { background:transparent url(../../gfx/rummble/web/footer_images/bkg_siteFooter.gif) no-repeat left bottom; font-size:11px; clear:both; position:relative; margin-top:102px; margin-bottom:0.5em; } .siteMap { background:transparent url(../../gfx/rummble/web/footer_images/bkg_siteFooter.gif) no-repeat left top; margin:0; padding:1em 1em 0 2em; position:relative; top:-14px; } .siteMap h4 { font-weight:bold; padding-right:1em; } .siteMap, .siteMap ul { list-style-type:none; } .siteMap li{ font-weight:bold; padding:0.5em 0 0.5em 0; border-bottom:1px solid #562865; width:auto; background:url(../../gfx/rummble/web/footer_images/footer_listSeparator.gif) no-repeat left center; } .siteMap li {color:#F3F3F3;} .siteMap li a:link{color:#FFF!important;} .siteMap li a:visited{color:#FFFFFF!important;text-decoration:none;} .siteMap li ul li a:link{color:#B276F3!important;} .siteMap li ul li a:visited{color:#A98CC7!important;text-decoration:none;} .siteMap li ul{ display:inline; margin-left:0; padding-left:0; } .siteMap ul li{ display:inline; padding-left:18px; font-weight:normal; border-bottom:0; color:#B276F3; } .footnote { color:#555; font-size:11px; text-align:right; padding-right:20px; } #mobileAppsAdvert p { text-align: center; margin-bottom: 5px; margin-top: 5px; } #mobileAppsAdvert .appImage { padding-left:5px; padding-right:10px; } .outtopleft { display:block; float:left; padding:24px 0 0 60px; width:25%; } .outtopright { display:inline-block; font-family:arial; font-size:14px; height:70px; padding:30px 0 0; position:relative; width:68%; } .outtopleft .signup { background-image:url("../../gfx/rummble/web/loggedout/home/but_signupbg.jpg"); color:white; display:block; font-family:arial; font-size:22px; font-weight:bold; height:40px; line-height:40px; margin:0 10px; padding:5px; position:relative; text-align:center; width:154px; } .outtopleft .login { color:#606060; font-size:12px; padding:5px; width:200px; } .outtopright .big { color:#49296C; font-size:14px; font-weight:bold; padding:5px; } #outleft { display:block; float:left; height:400px; padding-bottom:10px; padding-right:10px; padding-top:0; width:45%; } #outleft .title { color:#49296C; font-family:arial; font-size:22px; font-weight:bold; height:50px; padding:10px 10px 10px 30px; width:90%; } #outleft .video { display:block; padding:40px 30px 0; } .outright { display:block; float:left; padding:0 10px 10px; width:45%; } .outright .title { color:#49296C; font-family:arial; font-size:16px; font-weight:bold; padding:45px 10px 7px; width:100%; } .outright .text { color:#606060; font-family:arial; font-size:13px; padding-left:10px; text-align:left; width:90%; } #outleft .text { color:#797979; font-family:arial; font-size:15px; font-weight:bold; padding:0 0 0 30px; width:90%; } .outbottom { padding:10px; text-align:center; width:100%; } .outbottom .title { color:#49296C; font-family:arial; font-size:20px; padding:0; text-align:center; width:100%; } .outbottom .title .big { font-weight:bold; } .outtopright li { height:20px; } div#signup { padding:0 240px; position:absolute; width:420px; z-index:100; } .closesignup { background-image:url("../../gfx/rummble/web/loggedout/home/close.png"); display:block; height:40px; left:406px; position:relative; top:23px; width:46px; } div#press li div, div#press2 li div { height:40px; } div#press2 { display:none; } div#press, div#press2 { position:absolute; width:893px; } .outtop { background:url("/playtxt/gfx/rummble/web/loggedout/home/hspacer.jpg") no-repeat scroll 180px 110px transparent; display:block; height:120px; } .outbottom img { padding:10px; }