* { margin: 0; padding: 0 } body { background: #fff; border-top: 12px solid #eee; color: #444; font: 62.5%/1.5 Verdana, Arial, sans-serif } a img { border: 0 } a, #my_account strong { color: #2ae } a:hover { color: #41b5e8 } h1, #index h2 { display: none } h2 { background-position: left /* iffy */; background-repeat: no-repeat !important; border-bottom: 1px solid #eee; height: 26px; margin: 5px 0 20px 0; text-indent: -9990px; font-family: Arial, "Trebuchet MS", sans-serif; color: #666; font-size: 1.8em } h3, h4, h5 { color: #555; font-family: Arial, "Trebuchet MS" } h3 { font-size: 1.6em; margin: 1.5em 0 } h4 { font-family: "Trebuchet MS"; font-size: 1.4em; margin: 1em 0 1em 20px; text-transform: uppercase } /*blue*/ h3 em { color: #2ae; font-style: normal } strong em { color: #2ae; font-style: normal } .mail { background: url(../gfx/mail.gif) 0 2px no-repeat; padding: 0 0 0 18px } .clear { clear: both } textarea { height: 100px; overflow: auto } #apps-intro { float: right; width: 440px } #apps-intro a { background: url(../gfx/app_home.jpg) no-repeat; display: block; width: 440px; height: 239px; text-indent: -9999px } #apps-intro a:hover { background: url(../gfx/app_home2.jpg) no-repeat; display: block; width: 440px; height: 239px; text-indent: -9999px } #about h2 { background-image: url(../gfx/h2about-us.gif) } #terms h2 { background-image: url(../gfx/h2terms.gif) } #privacy h2 { background-image: url(../gfx/h2privacy.gif) } #faq h2 { background-image: url(../gfx/h2faq.gif) } #premium h2 { background-image: url(../gfx/h2premium.gif) } #support h2 { background-image: url(../gfx/h2support.gif) } #situations h2 { background-image: url(../gfx/h2situations.gif) } #press h2 { background-image: url(../gfx/h2press.gif) } #videos h2 { background-image: url(../gfx/h2videos.gif) } #tell h2 { background-image: url(../gfx/h2tell.gif) } #my_account h2#pre { background-image: url(../gfx/h2mypremium.gif) } #my_account h2#basic { background-image: url(../gfx/h2my.gif) } #signup h2 { background-image: url(../gfx/h2signup.gif) } #dial h2 { background-image: url(../gfx/h2dial.gif) } #blog h2 { background-image: url(../gfx/h2blog.gif) } #contest h2 { background-image: url(../gfx/h2contest.gif) } #bonus h2 { background-image: url(../gfx/h2bonus.gif) } #my_info h2 { background-image: url(../gfx/h2my_info.gif) } #reminder h2 { background-image: url(../gfx/h2my.gif) } #main { background: #fff url(../gfx/rule.gif) top no-repeat; margin: 10px 0 0 0; padding: 14px 0 0 0 } #index #main { background: none; padding: 0 } /* content */ #content { background: url(../gfx/content-bg.gif) repeat-y !important; /*float: right; float: left;*/ margin: 10px 0; width: 900px } #content-holder { background: url(../gfx/content-top.gif) left top no-repeat; padding: 0 } #content-wrap { background: url(../gfx/content-bottom.gif) bottom no-repeat; padding: 15px 20px; } #bonus #content, #contest #content, #my_info #content { float: left } #content p { margin-left: 20px; margin-right: 20px } #content ul { list-style: square; margin: 0 0 0 20px } #content ul li { margin: 0 0 10px 0 } #content ul li h4 { font-size: 1.2em; margin-left: 0 } #content ul li p { font-size: 1.1em; margin-left: 0; margin-right: 0 } #index #content { border: 0; background-color: #fff; /*float: left;*/ background-image: none !important; margin-top: 0; padding: 0; width: 900px } #index #content-holder, #index #content-wrap { background-image: none !important; padding: 0 } #videos #content { background-color: #fff; background-image: none } #situations #content, #premium #content { width: 858px } #videos #content { /*width: 540px*/ } #faq #content, #terms #content, #privacy #content, #support #content, #about #content, #press #content, #blog #content, #signup #content, #my_account #content, #my_account #dialbyname { float: right; background: url(../gfx/content-narrow-bg.gif) right repeat-y !important; width: 636px; padding: 0 } #faq #content-holder, #terms #content-holder, #privacy #content-holder, #support #content-holder, #about #content-holder, #press #content-holder, #my_account #content-holder, #blog #content-holder, #signup #content-holder,#my_account #dialbyname-holder { background: url(../gfx/content-narrow-top.gif) left top no-repeat; padding: 0 } #faq #content-wrap, #terms #content-wrap, #privacy #content-wrap, #support #content-wrap, #about #content-wrap, #press #content-wrap, #my_account #content-wrap, #blog #content-wrap, #signup #content-wrap, #my_account #dialbyname-wrap { background: url(../gfx/content-narrow-bottom.gif) bottom no-repeat; padding: 15px 20px 15px 20px } #signup #content { background: url(../gfx/content-narrower-bg.gif) right repeat-y !important; width: 371px; float: left; display: inline; margin-left: 14px } #signup #content-holder { background: url(../gfx/content-narrower-top.gif) left top no-repeat; padding: 0; } #signup #content-wrap { background: url(../gfx/content-narrower-bottom.gif) left bottom no-repeat !important; padding: 15px 20px 15px 20px; width: 331px } #my_account #content { float: left } #my_account #sidebar { margin-right: 0; float: right } #my_account {} p#edit_info { font-size: 1em; margin: 0; float: right; margin-top: -4.5em } #my_account #content ul { margin-left: 0; list-style: none } #my_account #content ul li { padding: 0 0 5px 44px; text-align: justify } #my_account #content ul li p { margin: 0; margin-bottom: 1em } #my_account h3 { /*font-size: 1.2em; margin-top: 0; margin-bottom: .5em*/ } #my_account #content ul li { min-height: 13em; height: auto !important; height: 13em } #my_account ul li p { font-size: 1em } #my_account .dial-by-name { background: url(../gfx/dial-by-name-ico.gif) no-repeat; } #my_account .situations { background: url(../gfx/situations-ico.gif) no-repeat; } #my_account .video { background: url(../gfx/video-ico.gif) no-repeat; } #my_account .logo { background: url(../gfx/logo-ico.gif) no-repeat; } /*#my_account .half { display: inline; float: left; width: 400px; margin-left: 20px }*/ /*a#hash { display: block; width: 50px; height: 54px; position: absolute; top: 0; left: 0; text-indent: -9990px; outline: none }*/ #my_account .input_text, #my_account .input_image { float: left } #my_account #content form { padding: 0 } #my_account #content form p { margin-bottom: 4px !important; padding: 0 } #my_account #content label { clear: both; margin: 0; display: block; padding: 8px 0 4px 0; width: 265px } #my_account #content .input_text { clear: both; width: 285px } #my_account #sidebar .input_text { float: none; margin-bottom: 4px } /*.smaller { margin-left: 20px }*/ #my_account form { font-size: .9em } #my_account form p .numbers_input { width: 255px !important; display: inline; float: left !important; clear: none !important; padding-top: 5px !important; } #my_account #content label { clear: both !important; padding-top: 0 !important } #my_account #content form p { clear: both; display: inline; float: left; margin-top: 2px !important; padding: 0 !important } #my_account #login { display: none } #my_account #sidebar ul { list-style: square; margin: 0 0 0 28px } #user_menu h3 { margin: .2em 0 .6em 0 } #my_account #head #logged-in { display: block; position: absolute; font-size: 1em; right: 0; top: 80px; width: 376px; text-align: right } #my_account #content p { margin-left: 0 } #my_account #content p small { font-size: .9em } #my_account #topl { background-color: #eee; margin-bottom: 20px; } #my_account #topl p { margin: 0 !important; padding: 0 15px 15px 15px } #my_account #bottomr, #my_account #bottoml, #my_account #topl, #my_account #topr { display: block; width: 590px } #my_account #bottomr form { padding: 15px 15px 0 15px } #my_account #bottomr input { background-color: #fff } #my_info { } #my_info #content .input_text { width: 300px } #my_info #content label { clear: both; margin: 0; display: block; padding: 2px 0 2px 0; width: 365px } #my_info #content label#reg { padding-bottom: 8px !important; } #my_info #content form input.numbers_input { width: 270px } #my_info #head #logged-in { display: block; position: absolute; font-size: 1em; right: 0; top: 80px; width: 376px; text-align: right } /*#dial {} dial by name*/ #my_account #content .phone { width: 140px } #my_account #content .ref { width: 145px } #my_account #content .nick { width: 115px } #my_account #content .code { width: 130px } #my_account #content form { font-size: 1.1em } #my_account #content form p { float: left; margin: 0 0 8px 0 !important; display: inline } #my_account table { font-size: 1em } #my_account td { } #my_account th { text-align: left; font-size: 1.1em; padding: 0 0 4px 0 } #my_account #content form p.note { float: right; width: 300px; display: inline; font-size: 1.4em } #my_account #content form p textarea { width: 496px !important } #my_account #content form #cut-paste { display: block; font-weight: bold; margin: 10px 0 8px 0px !important; width: 400px } #my_account #content form p.bttns { display: inline; float: left; width: 100px; margin: 0 0 4px 0px !important } /*#dial #content form p .input-image { clear: both; float: left; }*/ #my_account th em, #my_account p small em { font-style: normal; color: #2ae } #my_account #sidebar { background: transparent } #my_account #sidebar .box h3 { font-size: 1.4em; background: url(../gfx/sidebar-bg.gif) no-repeat; margin-bottom: .8em !important } #my_account #sidebar .box { background: #efefef url(../gfx/sidebar-bottom.gif) bottom no-repeat; padding: 0 0 14px 0; margin: 0 0 10px 0 } #my_account #sidebar .darker h3 { color: #eee; background: url(../gfx/sidebar-bg2.gif) no-repeat !important } #my_account #sidebar .darker { background: #ddd url(../gfx/sidebar-bottom2.gif) bottom no-repeat; padding: 0 0 14px 0; margin: 0 0 10px 0 } .box img { float: left; padding: 2px 10px 0 15px } h3#premiumm { font-size: 1.5em !important } #my_account #sidebar .box h3, #my_account #sidebar .box p { padding: 0 20px } #my_account #sidebar .box h3 { padding: 14px 20px 0 20px; margin: 0 } #my_account #sidebar .box p { padding: 0 20px; margin: 0; text-align: justify } #my_account #sidebar .box ul { line-height: 1.4em; margin: 4px 0 4px 24px; list-style: none } #my_account #sidebar .box i { font-size: .9em } /*#my_account #sidebar .box { min-height: 19em; height: auto !important; height: 19em }*/ #my_account #sidebar .box h3 a { text-decoration: none; color: #666 } #dial {} /* dial by name*/ #dial .phone { } #dial .ref { width: 305px } #dial .code { width: 130px } #dial #content form p { float: left; margin: 0 0 8px 0 !important; display: inline } #dial table { font-size: 1em; margin: 0 0 0 20px } #dial td { } #dial th { text-align: left; font-size: 1.1em; padding: 0 0 4px 0 } #dial #content form p.note { float: right; display: inline; width: 690px; font-size: 1.4em; margin: 0 20px 20px 20px !important } #dial #content form p textarea { margin-left: 20px; width: 800px } #dial #content form #cut-paste label { display: block; margin: 10px 0 8px 20px !important } #dial #content form p.bttns { display: inline; float: left; width: 100px; margin: 0 0 4px 20px !important } /*#dial #content form p .input-image { clear: both; float: left; }*/ #dial th em, #dial p small em { font-style: normal; color: #2ae } /* sidebar */ #sidebar { background: #efefef url(../gfx/sidebar-bottom.gif) bottom no-repeat; color: #777; float: left; /*margin: 45px 0;*/ margin: 10px 0 10px 0; padding-bottom: 10px; width: 250px } #sidebar h3, #sidebar h4 { color: #666 } #sidebar h3 { /*font-size: 1.4em*/ background: url(../gfx/sidebar-bg.gif) no-repeat; margin-top: 0; padding-top: 20px } #sidebar h3 em { color: #2ae; font-style: normal } #sidebar #features h4 { background: url(../gfx/sidebar-icos.gif) no-repeat; font-family: Verdana, Arial, sans-serif; font-size: 1.2em; margin: 0; padding: 0 0 1.3em 55px; text-transform: none } #sidebar #features p, #sidebar #features h3, #sidebar #features h4 { padding-left: 20px; padding-right: 20px } #sidebar #features h4 { padding-left: 75px; width: 150px } #sidebar h4#feature-contact { background-position: 20px 0 } #sidebar h4#click-to { background-position: 20px -3520px } #sidebar h4#feature-situations { background-position: 20px -1110px } #sidebar h4#feature-video { background-position: 20px -2360px } #signup #sidebar h4#feature-video2, #signup h4#access-premium, #signup h4#bonuses { padding-left: 80px } #signup #sidebar h4#feature-contact { padding: 0 0 1.3em 75px; background-position: 20px 0 } #signup #sidebar h4#feature-video2 { background: url(../gfx/s2video.gif) no-repeat 20px 0 } #signup #sidebar h4#access-premium { background: url(../gfx/s2prem.gif) no-repeat 20px 0 } #signup #sidebar h4#bonuses { background: url(../gfx/s2bonus.gif) no-repeat 20px 0 } .ftr { min-height: 20em; height: auto !important; height: 20em } #sidebar p { font-size: 1.1em; /*padding: 0 0 0 14px*/ } #sidebar img { display: block; margin: 10px auto !important } #sidebar h3#funny { font-size: 1.4em !important } /*#sb { background: red url(../gfx/sidebar-bottom.gif) bottom no-repeat; height: 20px }*/ /* sidebar2 of signup page right part */ #sidebar2 { background: #efefef url(../gfx/sidebar-bottom.gif) bottom no-repeat; color: #777; float: left; /*margin: 45px 0;*/ margin: 10px 0 10px 0; padding-bottom: 10px; width: 250px } #sidebar2 h3, #sidebar h4 { color: #666 } #sidebar2 h3 { /*font-size: 1.4em*/ background: url(../gfx/sidebar-bg.gif) no-repeat; margin-top: 0; padding-top: 20px } #sidebar2 h3 em { color: #2ae; font-style: normal } #sidebar2 #features h4 { background: url(../gfx/sidebar-icos.gif) no-repeat; font-family: Verdana, Arial, sans-serif; font-size: 1.2em; margin: 0; padding: 0 0 1.3em 55px; text-transform: none } #sidebar2 #features p, #sidebar2 #features h3, #sidebar2 #features h4 { padding-left: 20px; padding-right: 20px } #sidebar2 #features h4 { padding-left: 75px; width: 150px } #signup #sidebar2 h4#feature-video2, #signup h4#access-premium, #signup h4#bonuses { padding-left: 80px } #signup #sidebar2 h4#feature-contact { padding: 0 0 1.3em 75px; background-position: 20px 0 } #signup #sidebar2 h4#feature-video2 { background: url(../gfx/s2video.gif) no-repeat 20px 0 } #signup #sidebar2 h4#access-premium { background: url(../gfx/s2prem.gif) no-repeat 20px 0 } #signup #sidebar2 h4#bonuses { background: url(../gfx/s2bonus.gif) no-repeat 20px 0 } #sidebar2 p { font-size: 1.1em; /*padding: 0 0 0 14px*/ } #sidebar2 img { display: block; margin: 10px auto !important } #sidebar2 h3#funny { font-size: 1.4em !important } p, ul, ol, dl { margin-bottom: 1.5em; font-size: 1.2em } dl {} dt { font-weight: bold } dd { margin: 0 0 1em 20px } .important { background: #dff; padding: 4px } #wrap { margin: 0 auto; width: 900px } #head { position: relative } #head #login { position: absolute; font-size: 1.1em; right: 0; top: 50px; width: 376px } #login fieldset { border: 0 } #login p { color: #2ae; font-size: 1em; margin: 0; padding: 4px 0 } .input_text { background: url(../gfx/input_text-bg.gif) repeat-x; border: 1px solid #bbb; float: left; font-family: Verdana, Arial, sans-serif; font-size: 1em; margin: 0 10px 0 0; padding: 5px 3px; width: 155px } #login .input_img { float: left } #logged-in { display: block; position: absolute; font-size: 1em; right: 0; top: 80px; width: 376px; text-align: right } #head #login2 { position: absolute; font-size: 1.1em; right: 0; top: 30px; width: 376px } #login2 fieldset { border: 0 } #login2 p { color: #2ae; font-size: 1em; margin: 0; padding: 4px 0 } .input_text { background: url(../gfx/input_text-bg.gif) repeat-x; border: 1px solid #bbb; float: left; font-family: Verdana, Arial, sans-serif; font-size: 1em; margin: 0 10px 0 0; padding: 5px 3px; width: 155px } #login2 .input_img { float: left } #head #tryslyb { position: absolute; font-size: 1.1em; right: 20px; top: 95px; width: 180px } #menu { background: #3facdc url(../gfx/menu-links.gif) no-repeat; height: 56px } #menu ul { margin: 0; width: 900px } #menu ul li a, #menu ul li.current { background: url(../gfx/menu-links.gif); display: block; float: left; height: 56px; outline: none; text-indent: -9990px } #menu ul li { list-style: none; float: left } #menu ul li#current { } #menu ul li#link_index a { background-position: 0 0; width: 62px } #menu ul li#link_index a:hover, #menu ul li#link_index a.current { background-position: 0 -57px } #menu ul li#link_videos a { background-position: -62px 0; width: 123px } #menu ul li#link_videos a:hover, #menu ul li#link_videos a.current { background-position: -62px -57px } #menu ul li#link_situations a { background-position: -184px 0; width: 145px } #menu ul li#link_situations a:hover, #menu ul li#link_situations a.current { background-position: -184px -57px } #menu ul li#link_blog a { background-position: -330px 0; width: 53px } #menu ul li#link_blog a:hover, #menu ul li#link_blog a.current { background-position: -330px -57px } #menu ul li#link_faq a { background-position: -382px 0; width: 45px } #menu ul li#link_faq a:hover, #menu ul li#link_faq a.current { background-position: -382px -57px } #menu ul li#link_press a { background-position: -425px 0; width: 60px } #menu ul li#link_press a:hover, #menu ul li#link_press a.current { background-position: -425px -57px } #menu ul li#link_join a { background-position: -755px 0; display: inline; margin-left: 152px; width: 132px } #menu ul li#link_join a:hover, #menu ul li#link_join a.current { background-position: -755px -57px } #menu ul li#link_tell a { background-position: -485px 0; width: 115px } #menu ul li#link_tell a:hover, #menu ul li#link_tell a.current { background-position: -485px -57px } #intro-wrap { background: url(../gfx/rule.gif) bottom no-repeat; padding: 0 0 30px 0; height: 235px } #intro { background: #ebebeb } #intro-text { float: left; width: 440px; /* ? */ height: 239px } .image-one { background: url(../gfx/slybroadcast.jpg) no-repeat } .image-two { background: url(../gfx/intro-image1.gif) no-repeat } .image-three { background: url(../gfx/intro-image2.gif) no-repeat } #intro-text a { width: 440px; height: 239px; display: block; text-indent:-9999px;} #intro-text dl { line-height: 1.4em; padding: 44px 0 0 14px; text-align: justify; width: 400px } #intro-text dl dt { display: none } #what {} #why { padding-top: 22px } #who { margin-bottom: 0; padding-top: 24px } #intro-video { float: right; height: 239px; width: 450px } #signup-p {font-size:11px; text-align: justify; margin-top: 22px !important } #signup-p b { color: #2ae } #how-slydial { float: right; margin: 10px 0; width: 428px } #how-slydial h2 { background: url(../gfx/h2how-slydial.gif); display: block; margin-bottom: 10px; height: 25px } #how-slydial p { margin: 0 } #how-slydial ol { list-style: none; margin: 0 } #how-slydial li { text-align: justify; background-repeat: no-repeat; margin: 0 0 1px 0; padding: 9px 50px 9px 45px } #one { background: url(../gfx/numbers.jpg) 0 10px } #two { background: url(../gfx/numbers.jpg) 0 -180px } #three { background: url(../gfx/numbers.jpg) 0 -365px } #faq { } #faq dt { padding: 0 0 4px 0 } #faq dt a:link { color: #444; font-weight: normal } #faq dt a:hover { color: #e40 } #faq dt.closed a, #faq dt.open a { padding: 0 0 0 18px } #faq dt.closed a { background: url(../gfx/plus-minus.gif) 0 1px no-repeat } #faq dt.open a { background: url(../gfx/plus-minus.gif) 0 -281px no-repeat } #faq table { font-size: 1.1em; margin: 0 auto 2em auto; width: 444px } #faq table td { background: #dff; border-bottom: 1px solid #bff; padding: 6px } #faq table th { background: #0be; padding: 6px; color: #fff; text-align: left } #press {} #press #content p { padding: 0 0 20px 200px } #press #content small { background: url(../gfx/cal.gif) 0 5px no-repeat; display: block; padding: 5px 0 0 15px } #press #content p#tech_recipes { background: url(http://joopz.com/images/joopz.com/content/tech_recipes.png) no-repeat } #press #content p#prepaid { background: url(http://joopz.com/images/joopz.com/content/prepaid_reviews.png) no-repeat } #press #content p#cnet {background: url(../gfx/cnet-logo.gif) no-repeat; background-position: 36px 2px; } #press #content p#teamsugar {background: url(../gfx/teamsugar.gif) no-repeat} #press #content p#aysc {background: url(../gfx/ays_150.jpg) no-repeat} #press #content p#cofi {background: url(../gfx/confessions_spash.jpg) no-repeat; background-position: 10px 0px;} #situations { } #situations #content { float: left; width: 900px } #situations #content ul { list-style: none } #situations #content ul li { background: #eee url(../gfx/situations-bullet.jpg) 10px 10px no-repeat; margin-bottom: 20px; text-align: justify } #situations .half { display: inline; float: left; width: 400px; /*margin-left: 30px*/ } #situations .left { } #situations #content ul li { } #situations-list { /*margin: 0 auto !important; width: 650px; border: 1px solid red*/ } #situations #content h3 { font-family: Arial; font-size: 1.2em; margin:5px 0 6px 0 } #videos {} #videos #content { float: left } /* ! */ #videos #sidebar { background: #fff; float: right; margin: 0; width: 290px } #videos #sidebar img { /*display: block;*/ margin: 0 !important } #videos #sidebar h3 { background-image: none; margin-bottom: .8em } #videos #sidebar p { margin: 1em 0 } #videos #sidebar ul { list-style: none; margin: 0 } #videos #sidebar ul li { list-style: none; padding: 0; height: 75px } /* video container */ #video-wrap { background: #eee url(../gfx/video-bg-bottom.gif) bottom left no-repeat; padding: 0 0 20px 0; margin: 0 0 10px 0; width: 540px } #video { background: url(../gfx/video-bg.gif) no-repeat; padding: 5px 20px 0px 20px } #video h3 { font-size: 1.6em; padding: 0 0 0 10px } #video img /* later: embed */ { } #support {} #support #content form { } #support #content label { clear: both; display: block; padding: 0 0 4px 0; width: 540px } #content small { color: #666; font-size: .8em; font-style: italic } #support #content label#q-label { display: none } #support #content .input_text { clear: both; width: 355px} #support #content form p { clear: both; display: inline; float: left; margin-top: .2em } #tell {} #tell #content { float: left; } #tell #content form { float: left; } #tell #content label { clear: both; display: block; padding: 0 0 4px 0; width: 390px } #tell #content small { color: #666; font-size: .8em; font-style: italic } #tell #content label#q-label { display: none } #tell #content .input_text { clear: both; width: 360px} #tell #content form p { clear: both; display: inline; float: left; margin-top: .2em } /*#tell #content #tell_mssg h3 { margin-top: 0 }*/ #tell p#sent { width: 360px !important } #share-left, #share-right { float: left; } #share-right { float: right; } #share-right form { margin: 0 !important } #share-left { border-right: 10px solid #fff; width: 400px !important } .share-inner { background: #eee; width: 415px; float: left; padding: 10px 0; border: 1px solid #eee; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;} #tell_mssg { float: right; width: 328px; margin: 1em 0; background: #fff; padding: 20px; border: 1px solid #ddd } #tell_mssg p { margin-left: 0; margin-right: 0; display: block !important; clear: none !important; float: none !important; margin-top: .5em !important } #tell_mssg #bottomr { padding: 15px } #tell_sms { float: left; padding: 20px; width: 327px; margin-left: 20px; background: #fff;border: 1px solid #ddd } #tell_sms p { margin-left: 0; margin-right: 0; display: block !important; clear: none !important; float: none !important; margin-top: .5em !important } #tell_sms #bottomr { padding: 15px } #signup {} #why-signup_mssg { float: right; margin: 0 0 0 20px; width: 400px } #why-signup_mssg h3 { margin-top: 0 } #signup #content form { width: 280px } #signup #content form p { clear: both; width: 300px; display: inline; float: left; margin-top: .2em } #signup #content label { clear: both; display: block; padding: 0 0 4px 0; width: 290px } #signup #content small { color: #666; font-size: .8em; font-style: italic } #signup #content label#q-label { display: none } #signup #content .input_text { clear: both; width: 280px} #signup p.important { float: right; width: 280px !important; margin-top: 14px !important } .numbers { width: 25px !important; clear: both !important; float: left; display: inline; padding-top: 3px !important; clear: none !important } #signup form p .numbers_input { width: 256px !important; float: left !important; clear: none !important; margin-bottom: 5px } #plans { border-top: 1px solid #ccc; background: #efefef; width: 208px; padding: 8px; float: right } #plans p { font-size: 1.1em; color: #777; margin: 0 } #plans h3 { margin: 1em 0; color: #666; font-size: 1.4em } #plans table { font-size: 1.1em; margin-bottom: 1em } #plans table th { background: #999; color: #fff; padding: 2px; text-align: left } #plans table td { background: #fff; padding: 2px; vertical-align: top } #signup #content form { float: left; } #blog {} #blog #sidebar h3, #blog #sidebar ul, #blog #sidebar p { padding-left: 20px; padding-right: 20px } #blog #content small { background: url(../gfx/cal.gif) 0 5px no-repeat; display: block; padding: 5px 0 0 15px } #premium {} #premium #content { float: left; width: 900px } #premium table, #tbl { font-size: 1.2em; margin: 0 auto 2em auto; width: 444px } #premium table td, #tbl td { background: #dff; border-bottom: 1px solid #bff; padding: 6px } #premium table th, #tbl th { background: #0be; padding: 6px; color: #fff; text-align: left } #signup #tbl { width: 330px; } #premium #content form { width: 380px } #premium #content form p { clear: both; width: 400px; display: inline; float: left; margin-top: .2em } #premium #content label { clear: both; display: block; padding: 0 0 4px 0; width: 360px } #premium #content small { color: #666; font-size: .8em; font-style: italic } #premium #content label#q-label { display: none } #premium #content .input_text { clear: both; width: 360px} #premium .security { width: 150px !important } /* form spacing */ #content form p { font-size: 1.1em; margin-top: 0; margin-bottom: 5px } #foot { background: url(../gfx/rule.gif) no-repeat; clear: both; margin: 0; padding: 40px 0 20px 0; width: 100% } #foot a { color: #444 } #foot a:hover { color: #2ae } #foot p { font-size: 1.1em; margin: 0 0 .8em 0; text-align: center } #foot p#copy { color: #999 } #foot p#copy a { border-bottom: 1px solid #ddd; color: #999; text-decoration: none } #foot p#copy a:hover { border-bottom: 1px solid #fff; color: #444 } #foot p#to_top_link a { background: url(../gfx/top.gif) top center no-repeat; display: block; height: 28px; margin: 0 auto; outline: none; text-indent: -9990px; width: 28px } #foot p#to_top_link a:hover { background: url(../gfx/top.gif) bottom center no-repeat } #topl { background: url(../gfx/topleft.gif) top left no-repeat } #topr { background: url(../gfx/topright.gif) top right no-repeat } #bottoml { background: url(../gfx/bottomleft.gif) bottom left no-repeat } #bottomr { background: url(../gfx/bottomright.gif) bottom right no-repeat } #situations #bottomr { padding: 10px 15px 10px 55px; min-height: 12em; height: auto !important; height: 12em } .input_text { background-color: #fff } /* clearfix for browsers that suck */ .clearfix { display: inline-block } /* IE 7 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* hides from IE-mac \*/ * html .clearfix { height: 1% } /* end hide from IE-mac */ .redmsg{ color:#2ae; font-weight:bold} #situations-slide {float: left; margin: 10px 0; width: 444px} #situations-slide h2 { border: 0 } #situations-slide { /*min-height: 180px; height:auto !important; height:208px;*/ } /* iffy */ #situations-slide p {/* margin: 60px 70px 50px 56px; text-align: justify */} #situations-slide p#other { font-size: 1.1em; margin: 0; padding: 10px 0 5px 38px } /* home page situations carousel */ .jcarousel-skin-situations.jcarousel-container { background: #fff; margin: 10px 0; width: 434px /* IE7 needs width */ position: relative; } .jcarousel-skin-situations.jcarousel-container p { margin-bottom: 0; margin-right: 0 !important; } .jcarousel-skin-situations .jcarousel-clip { width: 380px; } .jcarousel-skin-situations .jcarousel-item { padding: 4px 6px 12px 6px; width: 374px; height: 150px; } .jcarousel-skin-situations .jcarousel-item img { /* border: 3px solid #679; float: left; width: 165; height: 77; margin: 0 18px 44px 0; */ } .jcarousel-skin-situations .jcarousel-item p { font-size: 0.84em; float:left; width: 340px; text-align:justify; } /* prev/next navigation styles */ .jcarousel-skin-situations .jcarousel-prev { display: block; height: 175px; outline: none; text-indent: -9999px; width: 22px; border:0; background: #2ae url(../gfx/indicator.gif) no-repeat 9px 50%; float: left } .jcarousel-skin-situations .jcarousel-next { display: block; height: 175px; outline: none; text-indent: -9999px; width: 22px; border:0; background: #2ae url(../gfx/indicator.gif) no-repeat -387px 50%; float: right } .jcarousel-skin-situations .jcarousel-prev-disabled, .jcarousel-skin-situations .jcarousel-next-disabled { background-color: #bbb; } .jcarousel-skin-situations .jcarousel-next:hover, .jcarousel-skin-situations .jcarousel-prev:hover { cursor:pointer; cursor:hand; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the