/* ------------------------------ nclud'ed screen styles Design & Dev by nclud, LLC http://www.nclud.com ------------------------------ */ /*------ Yahoo! Reset CSS ------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} body { width: 100%; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #292929; background: #3f3f3f url(../images/bg.png) repeat-x 0 0; position: relative; } #container {width:881px; margin:0 auto; padding:0 30px;} #subcontainer {width:881px;} #contentcontainer {background:#ffffff url(../images/bg_contentcontainer.png) no-repeat 0 0; width: 881px;} #interior_contentcontainer, #interior_contentcontainer_nohead, #interior_contentcontainer_no_title {background: url(../images/bg_interior_content.png) 0 0 repeat-y; width: 880px; padding-bottom: 70px;} #interior_contentcontainer_nohead_fixed_height {background: url(../images/bg_interior_content.png) 0 0 repeat-y; height: 595px; width: 880px; padding-bottom: 70px;} #interior_contentcontainer.no_pad, #interior_contentcontainer_nohead.no_pad, interior_contentcontainer_nohead_fixed_height.no_pad {padding-bottom: 0;} #content.fixed_height {height: 595px} /*------ Header Styles ------*/ #header {margin-bottom:12px; padding-top:50px; position:relative; width: 881px;} #header .brand {width:220px; float:left; margin-left:22px;} #header .brand a {width:220px; height:49px; display:block; text-indent:-9000px; background:transparent url(../images/bg_brand.png) no-repeat 0 0;} #header .nav {float:right; margin-top:27px; margin-left:100px;} #header .nav a {font-size:14px; color:#bce5ff; padding:7px 15px; margin: 0 15px;} #header .nav li.on {margin-top: -6px;} #header .nav li.on a {background: url(../images/bg_nav_on.png) left center no-repeat; font-weight: bold; color: #e7e8e8; float: left; margin-right: 0; padding-right: 9px;} #header .nav li.on span {display: block; height: 26px; background: url(../images/bg_nav_on.png) right center no-repeat; width: 7px; float: left; margin-top: 2px;} #header #login, #header #logout {float:right; position:absolute; right:0; top:0; background:#626b71 url(../images/bg_login.png) repeat-x bottom left;} #header .login, #header .logout {margin-left:5px; padding:10px; color:#d6d6d6; font-size:11px; background:#626b71 url(../images/bg_login.png) repeat-x bottom right;} #header .login .submit {vertical-align: middle; *vertical-align: text-bottom; margin-top: -4px;} #header .login a {color: #e7e8e8;} #header .login #uid_email {width:120px; padding:2px; padding-left: 4px;} #header .login #uid_pin {width:44px; padding:2px; margin-left: 8px;} #header .login input {padding:2px; border:1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px;, -o-border-radius: 5px; color: #868686; font-size: 11px;} #logout {background-color: #626b71; padding-bottom: 10px; padding-left: 8px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} #logout p {float: left; color: #fff; margin: 6px 5px 0 5px;} #logout a {color: #fff; font-size: 11px; margin-top: 1px; margin-right: 8px; display: block; float: left;} #header #logout p.button a {display: block; background: url(../images/btn_logout.png) 0 0 no-repeat; text-indent: -9999px; height: 18px; width: 53px; margin: 1px 2px 0 8px;} #header #notice {float:right; position:absolute; right:0; top:50; color:#E7E8E8; font-size:12.75px; repeat-x bottom left;} /*-------Sidebar Styles------*/ #colA {float: left; width: 189px;} #colA ul.support li.on>a {color: #2d2d2d; cursor: auto;} #colA ul.support li.on>a:hover {text-decoration: none;} #colA ul.support p.arrow {top: 6px; right: 18px;} #colA ul.support li.on {background: url(../images/bg_subnav_head.png) 0 0 repeat-x; padding-left: 20px; border-bottom: 1px solid #94adbb; padding-top: 1px; margin-left: 0; color: #2d2d2d; cursor: auto; position: relative;} #colA ul.support {padding-left: 0;} #colA ul.support li {margin-left: 10px;} #colA h5 {font-size: 12px; font-weight: bold; color: #2d2d2d; float: left;} #colA h4 {font-size: 16px; float: left; margin-left: 20px;} #colA h3 {margin-left: 20px; margin-top: 20px; font-size: 16px;} #colA #subnav_head p {float: left; padding-left: 14px; padding-top: 5px;} #colA ul.subnav_large {padding-left: 0;} #colA ul.subnav_large li.on {background: url(../images/bg_subnav_on.png) 0 0 repeat-x; position: relative; padding: 0 10px 0 20px; border-bottom: 1px solid #acc4d2; border-top: none; padding-top: 7px; height: 25px;} #colA ul.subnav_large li.on a {color: #2d2d2d; cursor: default;} #colA ul.subnav_large li.on a:hover {text-decoration: none;} #colA ul.subnav_large li.top {margin-top: -5px;} #colA .subnav_large li {font-weight: normal; font-size: 16px; padding: 7px 10px 7px 20px; border-bottom: 1px solid #acc4d2;} #colA p.arrow {display: block; text-indent: -9999px; background: transparent url(../images/icn_arrow_black.png) 0 0 no-repeat; width: 3px; height: 5px; position:absolute; right: 25px; top: 14px;} #colA ul {padding-left:10px;} #colA ul li {font-size: 12px; font-weight: bold; padding: 4px 10px; border-bottom: 1px solid #acc4d2;} #colA ul li ul {border-top: 1px solid #acc4d2; margin-left: -10px; padding-top: 3px; margin-top: 2px;} #colA ul li ul li {border: none; font-weight: 100; padding: 5px 10px;} #colA ul li ul li a {color: #517792;} #colA #search {margin-top: 17px;} #colA #search input {padding: 2px; border: 1px solid #b2bfc5; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; float: left; margin-left: 10px; padding-left: 6px; height: 16px; padding-right: 6px; padding-top: 3px; width: 128px; color: #9a9a9a;} #colA .submit_search {padding: 0; margin-left: -4px; margin-top: -1px;} #colA ul.simple_list {border-top: 1px solid #acc4d2; margin-left: 10px; padding-left: 0; margin-top: 3px;} #colA ul.simple_list li {font-weight: 100; padding-left: 20px;} #colA table {margin-left: 20px; color: #517793; border-bottom: 1px solid #c1d4de; text-align: center;} #colA table tr {border-top: 1px solid #c1d4de; border-right: 1px solid #c1d4de; border-left: 1px solid #c1d4de; font-size: 11px;} #colA table td {padding: 2px 4px; border-right: 1px solid #c1d4de;} #colA table td a {color: #ffffff;} #colA table td.blog_link {background-color: #d1bd42;} #colA table th {padding: 2px 4px; font-weight: bold; font-size: 14px;} #colA .month {float: right; margin-top: -20px;margin-right: 20px;} #colA .month p.previous {background: url(../images/icn_back_arrow.png) 0 0 no-repeat; display: block; text-indent: -9999px; height: 18px; width: 18px; float: left; padding-right: 4px; cursor: pointer; margin-bottom: 8px;} #colA .month p.next {background: url(../images/icn_next_arrow.png) 0 0 no-repeat; display: block; text-indent: -9999px; height: 18px; width: 18px; float: left; cursor: pointer; margin-bottom: 8px;} /*------ Content Styles For Support ------*/ #colB.support img.resize {width: 660px; height: auto;} #colB.support ol li, #colB.support ul li {font-size:12px; padding:3px;} /*------ Content Styles ------*/ #colB {width: 690px; float: right;} #page_title {background-color: #f1f1f2; height: 54px;} #colB h1 {color: #58595b; padding-top: 11px; padding-left: 20px;} #colB ol {margin:10px; padding-left:10px;} #content ol li {list-style:decimal; margin:5px 0; padding-left:2px;} span.bg_interior_top {background: url(../images/bg_interior_top.png) 0 0 no-repeat; width: 881px; height: 5px; display: block; position: relative; z-index: 20;} span.bg_interior_nohead_top {background: url(../images/bg_top_interior3.png) 0 0 no-repeat; width: 880px; height: 4px; display: block; position: relative; z-index: 20;} span.bg_interior_bottom {background: url(../images/bg_interior_bottom.png) 0 0 no-repeat; width: 881px; height: 6px; display: block;} span.bg_white_bottom {background: url(../images/bg_bottom_white.png) 0 0 no-repeat; width: 881px; height: 6px; display: block;} span.bg_smblue_largewhite {background: url(../images/bg_large_white.png) 0 0 no-repeat; width: 880px; height: 6px; display: block;} span.bg_blue_right {background: url(../images/bg_right_blue.png) 0 0 no-repeat; width: 881px; height: 7px; display: block;} .colB p.light {color: #9a9a9a;} #content {padding: 15px 20px 0 20px; overflow: hidden; } #content ul.list_bull {margin-left: 20px; padding-right: 60px;} #slides {height:405px; position:relative; width: 880px;} #slides .slider {height: 405px; width: 880px; background: url(../images/bg_slides.png) 0 0 no-repeat;} #slides h3 a {display: block; background: transparent url(../images/btn_free_trial.png) 0 0 no-repeat; height: 48px; width: 201px; text-indent: -9999px; position: absolute;} #slides.prepaid h3 a {background: transparent url(../images/btn_sign_up.png) 0 0 no-repeat;} #slides h4 a {background: transparent url(../images/icn_circle_arrow.png) right center no-repeat; padding-right: 20px; position: absolute;} #slides .slide01 {background: transparent url(../images/bg_slide_one.jpg) 0px 0 no-repeat;} #slides .slide01 h3 a {top: 261px; right: 23px;} #slides .slide01 h4 a {top: 312px; right: 131px;} #slides .slide02 {background: transparent url(../images/bg_slide_two.jpg) 0 0 no-repeat;} #slides .slide02 h3 a {top: 290px; left: 30px;} #slides .slide02 h4 a {top: 343px; left: 31px;} #slides .slide03 {background: transparent url(../images/bg_slide_three.jpg) 0 0 no-repeat;} #slides .slide03 h3 a {top: 287px; right: 275px;} #slides .slide03 h4 a {top: 340px; right: 383px;} #slides .slide04 {background: transparent url(../images/bg_slide_four.jpg) 0 0 no-repeat;} #slides .slide04 h3 a {top: 237px; right: 75px;} #slides .slide04 h4 a {top: 291px; right: 185px;} #slides .slide04b {background: transparent url(../images/bg_slide_fourb.jpg) 0 0 no-repeat;} #slides .slide04b h3 a {top: 237px; right: 75px;} #slides .slide04b h4 a {top: 291px; right: 185px;} #slides .slide05 {background: transparent url(../images/bg_slide_five.jpg) 0 0 no-repeat;} #slides .slide05 h3 a {top: 102px; right: 70px;} #slides .slide05 h4 a {top: 156px; right: 176px;} .guide {border-right:1px solid #e6da87; background:#f9f3c9 url(../images/bg_guide.png) repeat-x left bottom;} .guide a {background:#f9f3c9 url(../images/bg_guide.png) repeat-x left bottom; width:175px; text-align:center; color:#58595b; font-size:12px; padding:10px 0 10px 0px; border-top:1px solid #e4d1ae; border-left:1px solid #e6da87; display: block;} .guide a:hover {background-image:none; text-decoration:none;} #tabs {position: relative;} #tabs li a.activeSlide {background:#f1f0f0 repeat-x left bottom; border-top-color:#f1f0f0; width:175px; color: #517793;} #tabs li.slide04b a {position: absolute; right: 176px; z-index: -1;} #tabs li.slide04b a.activeSlide {z-index: 10;} #promotions {/*border-top:1px solid #dae7ee;*/ background:transparent url(../images/bg_promotions_bottom.png) no-repeat left bottom; padding-bottom:6px;} #promotions .container {background:#d0e0e8 url(../images/bg_promotions.png) repeat-y 0 0; border-top:1px solid #a7c3d1; width: 881px;} #promotions .promo {padding:20px; float:left; font-size:13px; height: 190px; position: relative;} #promotions .promo p {float:right; padding-left:5px; margin-left:5px margin-bottom:5px; display:block;} #promotions .promo p a.learnmore {position: absolute; right: 20px; bottom: 18px;} #promotions .promo h3 {color:#2a2a2a; font-size:18px;} #promotions .promo01 {width:254px;} #promotions .promo02 {width:252px;} #promotions .promo03 {width:254px;} .blog_post {border-bottom: 1px solid #d6e4eb; padding-bottom: 10px; margin-bottom: 10px;} .blog_post p {padding-left: 22px;} .image_wrapper {background: url(../images/bg_image.png) 0 0 no-repeat; height: 165px; width: 165px; padding-top: 5px; padding-left: 5px; float: right; margin-left: 10px;} ul.author {color: #9a9a9a; padding: 4px 0 30px 0; font-size: 12px;} li.comments{border-left: 1px solid #9a9a9a; margin-left: 7px; padding-left: 7px; line-height: 10px; margin-top: 1px;} ul.image_list {border-top: 1px solid #f1f1f2;} ul.image_list li .image_container .pos_left {margin-right: 25px;} ul.image_list li {clear: both; padding: 10px 0 10px 20px; border-bottom: 1px solid #f1f1f2; margin-right: 60px;} ul.image_list h4 {margin-bottom: 10px; padding-top: 3px; font-size: 15px;} #page_title h1 {float: left;} h4.sign_up {background: url(../images/btn_free_trial.png) 0 0 no-repeat; height: 33px; width: 162px; text-indent: -9999px; float: right; margin-right: 20px; margin-top: 8px; cursor: pointer;} #testimonials {background-color: #fbfafb; margin-top: 40px; border-top: 1px solid #f1f1f2; padding: 10px 30px 20px 30px; height: 150px; width: 630px;} #testimonials.no_bg {background-color: #fff; border-top: none; margin-top: 20px;} #arrows {position: relative; z-index: 50;} #next {background: url(../images/icn_arrow_next.png) 0 0 no-repeat; display: block; height: 28px; width: 14px; text-indent: -9999px; position: absolute; right: 10px; top: 42px;} #prev {background: url(../images/icn_arrow_prev.png) 0 0 no-repeat; display: block; height: 28px; width: 14px; text-indent: -9999px; position: absolute; top: 37px;} .testimonial img {float: left;} .testimonial {padding: 0 70px; clear: both; height: 150px; width: 550px; margin-top: 36px;} .testimonial p {color: #9a9a9a; float: left; width: 440px; margin-left: 20px;} .testimonial p.byline {color: #292929;} /*-----new plans page------*/ div#content.plan_content {margin-left: 15px; margin-top: 10px; font-family: Helvetica, "Arial Narrow", Arial, Verdana, sans-serif} div#content.plan_content h5 {text-transform: uppercase; font-size: 10px; color: #999999;} div#content.plan_content div.corporate {width: 185px; border-right: 1px solid #cccccc; height: 180px; float: left; padding-right: 8px;} div#content.plan_content div.individual {width: 430px; height: 180px; float: left; margin-left: 10px; float: left;} div#content.plan_content div.individual h5 {margin-left: 47px;} div.plan {margin-top: 17px; float: left;} div.plan h2 {font-size: 19px; color: #537893;} div.plan p {font-size: 12px;} div.plan h3 {font-size: 21px; font-weight: bold; margin-bottom: 5px;} div.plan h3 span.before {font-size: 14px; vertical-align: top; position: relative; top: 2px;} div.plan h3 span.after {font-size: 14px; vertical-align: bottom; position: relative; top: -1px;} div.plan span {font-size: 11px;} div.corporate div.plan {width: 195px; text-align: left;} div.individual div.plan {width: 123px; text-align: center; padding-left: 10px; padding-right: 10px;} div.individual div.plan.plan2 {position: relative; left: -3px;} div.individual div.plan.plan3 {padding-right: 0px;} div.individual div.plan.plan4 {margin-left: 8px;} div.plan p a {color: #537893;} div.plan h4 a {display: block; background: transparent url(../images/btn_gray.png) 0 0 no-repeat; height: 22px; width: 83px; position: relative; color:#000000; font-size: 13px; text-align: center; padding-top: 4px; text-decoration: none; color: #333333;} div.plan.plan1 h4 a {top: 7px;} div.plan.plan2 h4 a {top: 35px; left:20px;} div.plan.plan3 h4 a {top: 11px; left:20px;} div.plan.plan4 h4 a {top: 11px; left:21px;} div.features {padding-top: 21px; padding-bottom: 7px;} div.feature {display: block; height: 43px; width: 619px; padding-top: 6px; padding-left: 10px;} div.feature.gray3 {background: transparent url(../images/bg_plans_3_gray.png) 0 0 no-repeat;} div.feature.gray2 {background: transparent url(../images/bg_plans_2_gray.png) 0 0 no-repeat;} div.feature.gray1 {background: transparent url(../images/bg_plans_1_gray.png) 0 0 no-repeat;} div.feature.white3 {background: transparent url(../images/bg_plans_3_white.png) 0 0 no-repeat;} div.feature.white2 {background: transparent url(../images/bg_plans_2_white.png) 0 0 no-repeat;} div.feature.white1 {background: transparent url(../images/bg_plans_1_white.png) 0 0 no-repeat;} /*-----new plans popup-----*/ div#plansPopup p {margin-top: 5px; margin-bottom: 5px;} div#plansPopup div.feature p {margin: 0px;} div#plansPopup div.plan {margin-top: 0;} div#plansPopup div#content.plan_content div.corporate {height: 117px;} div#plansPopup div#content.plan_content div.individual {margin-bottom: 11px; height: 117px;} div#plansPopup div#content.plan_content div.individual span {color: #000000;} .personal_info .info {background-color: #f3fbff; padding: 20px 30px; border-top: 1px solid #f1f1f2; border-bottom: 1px solid #f1f1f2;} .personal_info .colA, .personal_info .colB {width: 43%; float: left; position: relative;} .personal_info .colA {margin-right: 85px;} .personal_info li {padding: 15px 0; width: 310px;} .personal_info li.required {background: url(../images/icn_required_flower.png) right 19px no-repeat;} .personal_info li.error {background: url(../images/icn_error.png) right 17px no-repeat; width: 340px; padding-bottom: 15px;} .personal_info li.error p {position: relative; font-size: 11px; color: #9a9a9a; left: 123px; top: 5px; height: 10px; margin-bottom: -10px;} .personal_info label {font-size: 13px; color: #292929;} .personal_info input, .personal_info select {position: absolute; right: 48px; vertical-align: middle; width: 160px;} .personal_info select {width: 165px;} .personal_info p.required {background: url(../images/icn_required.png) 0 0 no-repeat; height: 29px; width: 180px; text-indent: -9999px; margin-top: 12px;} .personal_info .continue p.notification {position: relative; font-size: 14px; color: #9a9a9a; text-align:right; right: 180px; top: 18px; height: 10px; margin-top: -10px;} .continue p.policy {font-size: 11px; color: #9a9a9a; float: left; margin-right: 205px; margin-left: 20px; margin-bottom: 40px;} .continue p.skip {font-size: 12px; float: left;} .continue p.submit a, .continue input.submit {display: block; background: url(../images/btn_continue.png) 0 center no-repeat; position: relative; top: -10px; height: 36px; width: 92px; float: right; margin-right: 20px; text-indent: -9999px; margin-top: -5px;} /*------ Sign Up Step 1 ------*/ #content .numbered img {float: left; position: relative; top: -5px; padding-right: 12px; padding-bottom: 10px;} div.info.signup {padding-top: 6px; padding-bottom: 18px;} div.info.signup p.required {margin-left: 108px;} .personal_info h5 {background-color: #e4e4e6; font-size: 13px; padding: 7px 15px; float: left; width: 535px; margin-top: 5px;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;} .review {float: left; width: 275px; margin-top: 5px;} .review h2 {color:#58595B; margin-bottom: 8px;} .grey_box {width: 735px; height: 400px; margin-top: 15px; margin-left: 0px; background-color: #fafbfb; padding: 10px; padding-top: 12px; border: 1px solid #e4e4e6; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} .grey_box .terms_content {height: 390px; overflow: auto; width: 723px; border: 1px solid #e4e4e6; margin-bottom: 10px; padding: 5px;} .personal_info input.submit {background: url(../images/btn_continue.png) 0 0 no-repeat; height: 26px; width: 92px; text-indent: -9999px; position: static; border: none; margin-left: 725px; margin-top: 0px; margin-bottom: 25px;} .continue.signup p.submit a, .continue input.submit {margin-right: 10px; margin-top: -10px;} #content div.choose_plan {margin-top: 15px; margin-bottom: 15px; border-bottom:1px solid #F1F1F2; padding-bottom: 5px;} #content div.choose_plan.last {border-bottom: none; margin-bottom: none; padding-bottom:none;} #content .choose_plan h1 {color: #58595b; float: left;} #content div.choose_plan div.plan {background: url(../images/bg_signup_plan.png) 0 0 no-repeat; height: 69px; width: 217px; color: #58595b; float: left; padding-left: 12px; padding-top:6px;} #content div.choose_plan div.plan.standard {margin-right:25px;} #content div.choose_plan div.plan div.text {width: 170px; float:left;} #content div.choose_plan div.plan input {width: auto; position:relative; left:-10px; top:20px;} #content div.choose_plan div.plan h2 {font-size:16px;} #content div.choose_plan div.plan p {font-size:11px;} #content div.choose_plan h3 a {display: inline; background: transparent url(../images/btn_view_plans.png) 0 0 no-repeat; height: 18px; width: 63px; text-indent: -9999px; position: relative; top: 5px; left: 5px;} #content div.choose_plan a img {display: inline; position: relative; top: 24px; left: 13px;} #content div.choose_plan div.review p {font-size: 12px; width:260px;} #content div.choose_plan div.promotion {margin-left:287px; margin-top: 15px; margin-bottom: 20px;} #content div.choose_plan input.promotion {position: static; width: 100px;} #content div.choose_plan label {margin-left: 13px; vertical-align: middle;} #content div.choose_plan label span {font-size: 11px;} .personal_info input.accept {position: static; margin-left: 13px; width: 13px; vertical-align: middle; margin-top:21px;} #content div.review_terms {margin-bottom: 8px;} #content div.review_terms p {display: inline; margin-left: 15px; position: relative; top: 13px;} .continue.signup.signup_one {margin-top:0px;} div.signupModal.review_terms span { color: #292929; } form.apply_promotion input.submit {display: inline; background:transparent url(../images/btn_apply.png) no-repeat scroll 0 0; position: relative; top: -199px; left: 585px; height: 24px; width: 71px; border:medium none;} form.apply_promotion {height: 24px;} /*------ Content Styles For Choose Plan pages ------*/ #content.fixed_height {height: 595px} #content div.info.choose_plan {padding-top: 6px; padding-bottom: 18px; margin-bottom: 15px;} #content div.choose_plan li#input_password p {position: relative; top:-14px; left:330px;} #content div.choose_plan.wizard {border-bottom: none; margin-top:75px; margin-bottom: 100px; } #content div.choose_plan.wizard div.plan.standard {margin-left:145px; margin-bottom: 55px;} #content div.choose_plan.wizard div.plan.unique {margin-left:273px; margin-bottom: 55px;} .title span {color:#097BAF;} #content div.choose_plan.account {border-bottom: none;} #content div.choose_plan.account div.plan {background: url(../images/bg_change_plan.png) 0 0 no-repeat; width: 196px;} #content div.choose_plan.account div.plan.standard {margin-left: 13px; margin-right: 13px;} #content div.choose_plan.account a img {top: -218px; left: 587px;} #content div.title.change_plan p {margin-top: 5px; margin-bottom: 15px;} #content div.continue.change_plan {margin-top: 25px;} #content div.continue.change_plan input {width: 92px; position: static;} #content div.continue.change_plan_confirm button#ok {margin-left: 490px;} #chargePopup a img {margin-left: 10px;} #content button.change_card {background-color:transparent; border:0 none; float: right; position: relative; left: -175px; top: -2px;} /*------ Content Styles For Account Info pages ------*/ .personal_info.account_info input, .personal_info.account_info select {position: absolute; right: -33px; vertical-align: middle;} .personal_info.account_info input {width: 160px;} .personal_info.account_info select {width: 167px;} .personal_info input.submit.updateacct {background: url(../images/btn_updateacct.png); height: 24px; width: 101px; margin-right: 33px; position: relative; top: 0px; right: 0px;} .personal_info.account_info .continue p.notification {top: 11px; right: 135px;} .personal_info.account_info .continue.updateacct p.notification {top: 15px; right: 150px;} .personal_info.account_info .continue.change_plan p.notification {top: 16px; right: 135px;} .personal_info.account_info .continue.change_plan_confirm {margin-top: 5px;} .personal_info.account_info .continue.change_plan_confirm p.notification {top: 26px; right: 170px;} .personal_info.account_info div.prefs_checkboxes input {right: 50px;} /*------ Content Styles For Downloads ------*/ #outlook-logo img {width: 213px; height: auto;} legend.download {font-size: 16px; font-style: bold; padding-bottom: 10px;} ul#contacts {text-indent: -9999px; margin-bottom: 170px; margin-top: 25px;} ul#contacts li a {height: 98px; width: 175px; margin: 0 17px; cursor: pointer; display: block;} #contacts li.outlook a {background: url(../images/btn_outlook.png) 0 0 no-repeat;} #contacts li.outlook_csv a {background: url(../images/btn_outlookcsv.png) 0 0 no-repeat;} #contacts li.google a {background: url(../images/btn_google.png) 0 0 no-repeat;} #contacts li.plaxo a {background: url(../images/btn_plaxo.png) 0 0 no-repeat; margin-right: 0;} .blue_box {clear: both;background-color: #e9f4fa; border: 1px solid #ececed; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 10px 15px; margin-left: 20px; margin-right: 20px; margin-top: 15px; margin-bottom: 30px;} .blue_box img {padding-right: 15px; float: left;} .blue_box img.resize {width: 65px; height: 70px;} #content li#forward {background: url(../images/icn_step_one.png) 0 0 no-repeat; width: 216px; padding-top: 117px; padding-left: 0;} #content li#forward p {background-color: #fbfafb; width: 200px; border-left: 1px solid #e4e4e6; border-bottom: 1px solid #e4e4e6; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; height: 140px; padding: 8px;} #content li#forward span {font-size: 18px; display: block; margin: 12px 0;} ol#sign_up li {background-color: #fbfafb;} ol#sign_up li h5 {font-size: 13px; font-weight: bold; background-color: #85a4b6; color: #ffffff; padding: 3px 8px; border-left: 1px solid #e4e4e6; width:198px;} #content li#download {background: url(../images/icn_step_two.png) 0 0 no-repeat; padding-top: 117px; width: 216px; padding-left: 0;} #content li#download .instructions {background-color: #fbfafb; width: 200px; border-left: 1px solid #f1f1f2; border-bottom: 1px solid #e4e4e6; border-right: 1px solid #f1f1f2; height: 140px; padding: 8px;} #content li#greeting {background: url(../images/icn_step_three.png) 0 0 no-repeat; padding-top: 117px; width: 216px; padding-left: 0;} #content li#greeting p {background-color: #fbfafb; width: 197px; border-bottom: 1px solid #e4e4e6; border-right: 1px solid #e4e4e6; border-left: 1px solid #f1f1f2; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; height: 140px; padding: 8px;} ol#sign_up {margin-bottom: 80px;} ol#sign_up.stage_three {margin-bottom: 20px;} #content.add_contacts {padding-bottom: 30px;} .percent_complete {background: url(../images/icn_percent_complete.png) 0 0 no-repeat; height: 32px; width: 129px; position: relative; left: 260px; top: 6px; text-indent: -9999px;} ul#summary {margin-bottom: 20px;} ul#summary li {border-bottom: 1px solid #f1f1f2; position: relative; padding: 15px 0 0 0;} ul#summary li.start {padding: 0;} ul#summary li.end {border-bottom: none;} ul#summary h2 {margin-bottom: 6px;} #summary span {color:#097BAF;} p.edit a {display: block; background: url(../images/icn_edit.png) 0 0 no-repeat; text-indent: -9999px; height: 21px; width: 54px; position: absolute; top: 15px; right: 10px; } p.see_all a {display: block; background: url(../images/icn_see_all.png) 0 0 no-repeat; text-indent: -9999px; height: 21px; width: 54px; position: absolute; top: 15px; right: 10px; } #content.diagram {padding-left: 17px; margin-bottom: 5px;} /*------ Footer Styles ------*/ #footer {clear:both; margin:14px 0;} #footer p, #footer ol {float:left; width:auto;} #footer p, #footer a {color:#868686; font-size:11px;} #footer p {margin-right:35px; line-height:12px;} #footer a {border-right:1px solid #868686; margin-right:8px; padding-right:8px;} #footer li.last a {border-right: none;} .learnmore {width:84px; height:23px; background:transparent url(../images/btn_learnmore.png) no-repeat 0 0; text-indent:-9000px; display:block;} .readmore {width: 77px; height:22px; background:transparent url(../images/btn_readmore.png) no-repeat 0 0; text-indent:-9000px; display:block;} /*------ General Styles ------*/ h1 {font-size:20px;} h2 {font-size:18px;} h3 {font-size:15px;} h4 {font-size:14px;} h5 {font-size:12px;} h6 {font-size:11px;} p {font-size: 13px; line-height: 18px; margin-bottom: 12px;} a {text-decoration:none; color: #097baf; outline: none;} a:hover {text-decoration:underline;} h1, h2, h3, h4, h5, h6, strong {font-weight:normal;} em {font-style:italic;} strong{font-weight: bold;} form {} form input {} form select {} form select option {} form textarea {font-family:Arial, Helvetica, sans-serif;} form button {border:0; background-color:transparent;} /*------ Global Classes (Things I Use All The Time) ------*/ .alt em {position: absolute; left: -5000px; top: -5000px;} .pos_left {float:left; margin-right:5px;} .pos_right {float:right; margin-left:5px;} .list_horizontal li {display: block; float: left;} .list_bull { margin: 10px 0;} .list_bull li {background: url(../images/icn_bullet_blue.png) no-repeat 0px 5px; margin:5px 0; padding-left:12px; font-size: 13px; line-height: 18px;} .list_num {margin:10px; padding-left:10px;} .list_num li {list-style:decimal; margin:5px 0; padding-left:2px;} .clear {display:block; clear: both;} .clear_left {display: block; clear: left;} .clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .continue {border-top: 1px solid #f1f1f2; margin-top: 25px; padding-top: 15px; clear: both;} #container .last {border: none; padding-bottom: 0; margin-right: 0;} /*----------Sign Up Steps-------------*/ ol#stages {padding-left: 15px;} ol#stages li span {font-size: 30px; display: block; float: left; margin-top: -9px; margin-right: 10px;} ol#stages li span.small {font-size: 11px; display: inline; float: none; margin-top: 0; margin-right: 0;} ol#stages li.long {margin-left: -20px; margin-right: 60px;} ol#stages li {font-size: 15px; color: #626b71; margin-right: 103px; padding-top: 14px;} ol#stages li.on {color: #fff;} ol#stages.stage_three {background: url(../images/bg_signup_stage3.png) 0 0 no-repeat; height: 44px; width: 881px;} ol#stages.stage_two {background: url(../images/bg_signup_stage2.png) 0 0 no-repeat; height: 44px; width: 881px;} ol#stages.stage_one {background: url(../images/bg_signup_stage1.png) 0 0 no-repeat; height: 44px; width: 881px;} /*----------Choose Plan Steps-------------*/ ol#stages li.stage_1 {width:217px;} ol#stages li.stage_2 {width:267px;} /*----------Wide While Left and Blue Side Right Columns------------------*/ #content.colB_blue {padding: 0; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} .colB_blue .colB {background-color: #f3fbff; width: 159px; float: right; padding: 20px 17px; min-height: 630px; border-left: 1px solid #e4e4e6; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} .colB_blue .colA {width: 650px; float: left; padding-top: 20px; padding-left: 20px;} #content .title h1 {color: #58595b; margin-bottom: 12px;} .number p {font-size: 11px; color: #9a9a99; margin-bottom: 3px;} .number h4 {font-size: 26px; color: #555555; padding-top: 8px; padding-left: 12px; background: url(../images/btn-didpanel.png) 0 0 no-repeat; height: 45px; width: 214px; margin-bottom: 10px;} .continue p.account a {background: url(../images/btn_account.png) 0 0 no-repeat; height: 28px; width: 139px; text-indent: -9999px; float: right; display: block;} /*----------ACCOUNT SUMMARY PAGE -------*/ span.help a {text-decoration: underline; margin-left: 20px; font-size: 12px;} /*----------SYNC PAGE ------------------*/ /* Address book */ div#address_book { position: relative; float: left; width: 290px; padding-right: 20px; margin-right: 29px; border-right: 1px solid #f1f1f2; font-size: 12px; padding-bottom: 30px;} div#calendar { position: relative; float: left; width: 290px; padding-right: 20px; font-size: 12px; padding-bottom: 30px; margin-bottom: 55px;} div#address_book p.edit a, div#calendar p.edit a { top: 0px; right: 25px; } dl.info dt { float: left; width: 140px; margin-top: 12px; } dl.info dd { float: left; width: 140px; margin-top: 12px; color: #9a9a9a; } div#add-edit { clear: both; background-color: #e9f4fa; padding: 15px 30px; overflow: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #e4e4e6; margin-top: 15px; clear: both; } div#add-edit h2 { float: left; margin-right: 30px; padding-top: 5px; } div#add-edit ul { float: left; } div#add-edit ul li { float: left; margin-right: 10px; } div#add-edit ul li.gmail a { display: block; text-indent: -999999px; width: 82px; height: 30px; background: url('../images/btn-gmail.gif') no-repeat; } div#add-edit ul li.outlook a { display: block; text-indent: -999999px; width: 136px; height: 30px; background: url('../images/btn-outlook.gif') no-repeat; } div#add-edit ul li.plaxo a { display: block; text-indent: -999999px; width: 87px; height: 30px; background: url('../images/btn-plaxo.gif') no-repeat; } div#add-edit ul li.csv a { display: block; text-indent: -999999px; width: 78px; height: 30px; background: url('../images/btn-csv.gif') no-repeat; } div#iphone-info { background-color: ; padding: 15px 30px 15px 100px; background: #f1f1f2 url('../images/img-iphone.gif') no-repeat 18px 18px; margin-top: 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #e4e4e6; margin-bottom: 200px; } /* credit card collection */ .cc_info select#card_exp_month { width: 91px; right: 122px;} .cc_info select#card_exp_year { width: 60px; right: 53px;} .cc_info input.cvv { width: 50px; right: 159px;} /* billing: 148px */ .cc_info span.cvv { margin-left: 86px; } .cc_info input#input_cc_city { width: 88px; right: 121px;} /* billing: { width: 75px; right: 122px;} */ .cc_info select#input_cc_state { width: 60px; right: 53px;} .cc_info input#card_zip { width: 88px; right: 121px;} .cc_actions .AuthorizeNetSeal {float:right; margin-right: 20px;} .cc_actions button {float:right;} .cc_actions p.notification {position: relative; font-size: 14px; color: #9a9a9a; text-align:right; right: 0px; top: 28px; height: 10px; width: 600px; margin-top: -10px;} /* cvv popup */ div.info_modal { background-color: #f3fbff;} /* credit card collection in account section */ #content div.info.credit_card {padding-top: 6px; padding-bottom: 18px; margin-bottom: -3px;} #content div.info.credit_card li {width: 305px;} #content div.info.credit_card select#card_exp_month { right: 52px;} #content div.info.credit_card input.cvv { right: 87px;} #content div.info.credit_card span.cvv { margin-left: 86px; } #content div.info.credit_card input#input_cc_city, #content div.info input#card_zip { right: 49px;} div.info.credit_card input, div.info.credit_card select, #content div.info.credit_card select#input_cc_state, #content div.info.credit_card select#card_exp_year {right: -23px;} #content div.info.credit_card li.error {width: 340px;} #content div.info.credit_card li.error p {left: 0;} div.cc_actions.credit_card p.notification {margin-top:10px; top: 10px; width: 400px;} div.cc_actions.credit_card button {position:relative; top:-15px;} div.cc_actions.credit_card .AuthorizeNetSeal {margin-right: 8px; margin-bottom: 4px; margin-left:6px;} /* Reset PIN */ .personal_info.reset_pin input {top: 25px; left:210px;} .personal_info.reset_pin li {width: 400px; margin-top: 10px;} .personal_info.reset_pin p.required {margin-top: 25px;} div#content div.title p.border {margin-top: 30px; border-bottom:1px solid #e1e1e2} .personal_info.reset_pin_final .continue p.notification {top: 16px;} #content .personal_info.reset_pin div.choose_plan label {position: relative; top: 3px; left: -8px;} /* plans popup */ div.signupModal { background-color: #f3fbff; } div.signupModal span { color: #097baf; } div.signupModal #content {padding: 0; margin-top: 0;} div.signupModal #join {margin-top: 0;} div.signupModal #plans {padding-left: 65px; margin-top: 10px;} div.signupModal #plans>li {height: 370px;} div.signupModal #plans li ul div {bottom: -7px;} div.signupModal div.actions {margin-top: 10px;} div.signupModal a img {float: right; margin-bottom: 20px;} /* sync popup */ div.editSyncModal { background-color: #ffffff;} div.popup { display: none; padding: 20px 20px 0px 20px; font-size: 13px; overflow: hidden;} div.popup dl { overflow: hidden; } div.popup dl dt { float: left; width: 150px; margin-top: 20px; font-weight: bold; } div.popup dl dd { float: left; width: 150px; margin-top: 20px; } div.popup p { margin: 15px 0; } div.popup input { margin-right: 5px; } div.popup label { margin-right: 15px; } div.popup div.actions { text-align: left; margin-top: 20px; border-top: 1px solid #ccc; } div.popup div.actions.account_info { padding-top: 20px;} div.popup div.actions button {padding: 0; /* background-color: #f3fbff; */ cursor: pointer; float: right; position: relative;} /* re-enable background color for blue popups if needed */ div.popup div.actions.account_info button {margin-bottom: 20px; margin-left: 10px; background-color: #f3fbff; border:0;} div.popup div.actions button#entercredentials {top: -30px;} div.popup div.actions button#csv_upload {clear: both; top: 8px;} div.popup div.actions button#signup {clear: both; top: -29px;} div.popup div.actions label {width: 80px; float: left; margin-right: 8px;} div.popup div.actions input {float: right; width: 130px;} div.popup div.actions p {width: 230px; padding-bottom: 12px;} div.popup#outlookPopup div.actions {padding-top: 4px; height: 40px;} div.popup#outlookCsvPopup div.actions {padding-top: 10px; height: 60px;} div.popup div.actions p.notification {width: 227px; padding-bottom: 0px; padding-top: 0px; margin: 0px; text-align: right; font-size: 11px; color: #9a9a9a;} div.popup#outlookCsvPopup div.actions p.notification {position: relative; top: 48px; left: 20px;} div.popup div.actions .spinner {position: relative; top:-28px;} a.addnew { background: #e4f3f9 url('../images/icn_add.gif') no-repeat 3px 3px; display: block; padding: 4px 4px 4px 20px; width: 60px; margin-top: 20px; } div.popup input { width: 100px; } div.popup input#file_upload { float: left;} div.popup #address_book {width: 10px;} div.popup #calendar {width: 10px;} /* Dialog ----------------------------------*/ .ui-dialog { -moz-box-shadow: 0 0 3px #938e8e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top: 245px !important;} div.ui-dialog-titlebar { float: right; } .ui-dialog-titlebar-close { color: #333; text-decoration: none; position: absolute; right: 20px; top: 20px; background: url('../images/btn-close.gif') no-repeat; display: block; width: 20px; height: 20px; text-indent: -999999px; } .ui-widget-overlay { opacity: 0.8; filter:alpha(opacity=80); background-color: #e7e7e7;position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; } /*----------DELIVERY PAGE ------------------*/ .prefs {padding-bottom:20px; border-bottom:1px solid #e1e1e2; width:400px;} #input_reminder-prefs.error {background: url(../images/icn_error.png) right 18px no-repeat; width: 320px; padding-bottom: 15px;} #input_reminder-prefs.error p.errorMsg {position: relative; font-size: 11px; color: #9a9a9a; top: 5px; height: 10px; margin-bottom: -10px;} #single_sms input {width:15px; position: relative; left: -20px; top: -2px;} #single_sms div.indented_radio {margin-left: 17px;} .top_border_prefs {margin-top:20px; border-top:1px solid #e1e1e2; width:400px;} #time_zone select {position: static; width: 150px;} /*----------GREETING PAGE ------------------*/ #greeting_prefs {width:700px;} #greeting_prefs input {margin-left:100px; position:relative; top:-2px; width: 14px;} .title p.divider_below {padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #e1e1e2; } /*----------HOW IT WORKS ------------------*/ ul.image_list li .image_container img.img_padded {margin-bottom: 40px;} ul.image_list li.last {border-bottom: none;} #content.no_overflow {overflow: none;} /*----------LAST_BETA LANDING PAGE---------*/ #slides_last_beta {height:405px; position:relative; width: 880px;} #slides_last_beta .slider {height: 405px; width: 880px; background: url(../images/bg_slides.png) 0 0 no-repeat;} #slides_last_beta h3 a {display: block; background: transparent url(../images/btn_join_beta.png) 0 0 no-repeat; height: 48px; width: 201px; text-indent: -9999px; position: absolute;} #slides_last_beta h4 a {background: transparent url(../images/icn_circle_arrow.png) right center no-repeat; padding-right: 20px; position: absolute;} #slides_last_beta .slide01 {background: transparent url(../images/lb_slide_one.jpg) 0px 0 no-repeat;} #slides_last_beta .slide01 h3 a {top: 261px; right: 23px;} #slides_last_beta .slide01 h4 a {top: 312px; right: 131px;} #slides_last_beta .slide02 {background: transparent url(../images/bg_slide_two.jpg) 0 0 no-repeat;} #slides_last_beta .slide02 h3 a {top: 290px; left: 30px;} #slides_last_beta .slide02 h4 a {top: 343px; left: 31px;} #slides_last_beta .slide03 {background: transparent url(../images/bg_slide_three.jpg) 0 0 no-repeat;} #slides_last_beta .slide03 h3 a {top: 287px; right: 275px;} #slides_last_beta .slide03 h4 a {top: 340px; right: 383px;} #slides_last_beta .slide04 {background: transparent url(../images/bg_slide_four.jpg) 0 0 no-repeat;} #slides_last_beta .slide04 h3 a {top: 237px; right: 75px;} #slides_last_beta .slide04 h4 a {top: 291px; right: 185px;} #slides_last_beta .slide04b {background: transparent url(../images/bg_slide_fourb.jpg) 0 0 no-repeat;} #slides_last_beta .slide04b h3 a {top: 237px; right: 75px;} #slides_last_beta .slide04b h4 a {top: 291px; right: 185px;} #slides_last_beta .slide05 {background: transparent url(../images/bg_slide_five.jpg) 0 0 no-repeat;} #slides_last_beta .slide05 h3 a {top: 102px; right: 70px;} #slides_last_beta .slide05 h4 a {top: 156px; right: 176px;} /*----------LANDING 1 ---------*/ #slides_landing_1 {height:405px; position:relative; width: 880px;} #slides_landing_1 .slider {height: 405px; width: 880px; background: url(../images/bg_slides.png) 0 0 no-repeat;} #slides_landing_1 h3 a {display: block; background: transparent url(../images/btn_free_trial.png) 0 0 no-repeat; height: 48px; width: 201px; text-indent: -9999px; position: absolute;} #slides_landing_1 h4 a {background: transparent url(../images/icn_circle_arrow.png) right center no-repeat; padding-right: 20px; position: absolute;} #slides_landing_1 .slide01 {background: transparent url(../images/l1_slide_one.jpg) 0px 0 no-repeat;} #slides_landing_1 .slide01 h3 a {top: 288px; right: 193px;} #slides_landing_1 .slide01 h4 a {top: 336px; right: 301px;} #slides_landing_1 .slide02 {background: transparent url(../images/bg_slide_two.jpg) 0 0 no-repeat;} #slides_landing_1 .slide02 h3 a {top: 290px; left: 30px;} #slides_landing_1 .slide02 h4 a {top: 343px; left: 31px;} #slides_landing_1 .slide03 {background: transparent url(../images/bg_slide_three.jpg) 0 0 no-repeat;} #slides_landing_1 .slide03 h3 a {top: 287px; right: 275px;} #slides_landing_1 .slide03 h4 a {top: 340px; right: 383px;} #slides_landing_1 .slide04 {background: transparent url(../images/bg_slide_four.jpg) 0 0 no-repeat;} #slides_landing_1 .slide04 h3 a {top: 237px; right: 75px;} #slides_landing_1 .slide04 h4 a {top: 291px; right: 185px;} #slides_landing_1 .slide04b {background: transparent url(../images/bg_slide_fourb.jpg) 0 0 no-repeat;} #slides_landing_1 .slide04b h3 a {top: 237px; right: 75px;} #slides_landing_1 .slide04b h4 a {top: 291px; right: 185px;} #slides_landing_1 .slide05 {background: transparent url(../images/bg_slide_five.jpg) 0 0 no-repeat;} #slides_landing_1 .slide05 h3 a {top: 102px; right: 70px;} #slides_landing_1 .slide05 h4 a {top: 156px; right: 176px;} .slides_landing_1 .guide {border-right:1px solid #e6da87; background:#f9f3c9 url(../images/bg_guide.png) repeat-x left bottom;} .slides_landing_1 .guide a {background:#f9f3c9 url(../images/bg_guide.png) repeat-x left bottom; width:219px; text-align:center; color:#58595b; font-size:14px; padding:10px 0 10px 0px; border-top:1px solid #e4d1ae; border-left:1px solid #e6da87; display: block;} .slides_landing_1 .guide a:hover {background-image:none; text-decoration:none;} .slides_landing_1 #tabs {position: relative;} .slides_landing_1 #tabs li a.activeSlide {background:#f1f0f0 repeat-x left bottom; border-top-color:#f1f0f0; width:219px; color: #517793;} .slides_landing_1 #tabs li.slide04b a {position: absolute; right: 440px; z-index: -1;} .slides_landing_1 #tabs li.slide04b a.activeSlide {z-index: 10;} /*----------TEMPLATE FOR STANDARD CONTENT---------*/ #colB.no_margin ol {margin:0px; padding-left:0px;} div#content.standard {font-size:13px;} div#content.standard p {margin-bottom:18px;} div#content.standard li {font-weight:bold;} div#content.basic li {list-style:disc; font-size:13px; margin-left: 10px; padding-top: 10px;} /*----------TEMPLATE FOR FAQ ---------*/ ul.anchor_list {border-top: 1px solid #f1f1f2; padding: 10px 0 10px 20px; ; list-style:disc;} ul.anchor_list h4 {padding-top: 3px; font-size: 13px;} ul.question_list {border-top: 1px solid #f1f1f2;} ul.question_list li {clear: both; padding: 10px 0 10px 20px; border-bottom: 1px solid #f1f1f2; margin-right: 60px;} ul.question_list h4 {margin-bottom: 10px; padding-top: 3px; font-size: 15px;} ul.question_list li.last {border-bottom: none;} /*----------JQUERY POPUPS ---------*/ .ui-dialog {top: 120px !important;} /*----------CHARGES----------------*/ .charge_list {padding: 12px 0 6px 0; border-top: 1px solid #e3e3e3; background-color: #f3fbff; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #f1f1f2; border-right: 1px solid #f1f1f2; font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif; font-size: 12px;} .charge_list table {width: 100%;margin: 1px 0 10px 0; clear: both; } .charge_list table th {color: #636363; font-weight: bold; font-size: 0.86em; padding: 6px 8px 4px 8px; vertical-align: middle; } .charge_list table td, .charge_list table th {border-bottom:1px solid #f1f1f2;} .charge_list table td {padding:6px 8px 5px; vertical-align:middle;} .charge_even {background-color: #ffffff;} .charge_odd {} .charge_list table th.invoice {text-align: right;} .charge_list table td.invoice {text-align: right;} .charge_list table th.payment {text-align: right; padding-right: 15px;} .charge_list table td.payment {text-align: right; padding-right: 17px;} li .charge_list {padding: 0;} li .charge_list table {margin-bottom: 6px;} /*----------INVOICE----------------*/ #invoice {width:800px; margin:0 auto; padding:15px; font-size: 15px;} #invoice .heading {float: left; width:420px;} #invoice .right {float: left; width: 300px; font-size: 12px; margin-bottom: 20px;} #invoice img {border:0;} #invoice #address {height:181px; margin-left:250px;} #invoice table {width:100%;} #invoice td {padding:5px;}