/* @charset "UTF-8"; /* CSS Document */ /* general */ html *, body * { padding:0; margin:0; } body { background:#0e245b url(images/top_gradient_blue.jpg) top repeat-x; text-align: center; font: 13px/18px "Trebuchet MS", Verdana, sans-serif; color:#333; padding-top:57px; } img { border: none; } a { color: #225ca8; } img a { display:block; } a img { border:0; } ul, ol { margin: 0 0 15px 20px; padding:0; color:inherit; } * html ol { margin-left:25px; } ul li, ol li { font-size: 13px; line-height:18px; padding: 0 0 3px 0; } dl dt { font-weight:bold; margin-bottom:.2em; padding: 1em 0; border-top:1px solid #d6e7f7; } dl dd { margin-left:2em; margin-bottom:1.5em; } dl span { margin-top:.5em; padding:.25em .5em; background-color:#edf4fc; color:#555; font-size:11px; line-height:15px; display:block; font-style:italic; } p { font-size: 13px; line-height:18px; padding: 0 0 15px 0; color:#333; clear:both; } p.smaller { font-size: 11px; line-height:16px; } code textarea { margin:0 0 20px 0; } table { margin: 0 0 20px 0; font-size:12px; width:100%; } /* h1 styles */ h1 { font-size:22px; line-height:25px; color:#333; padding-bottom:10px; clear:both;} body#internal div.internal_intro h1 { padding-bottom:3px; } body#internal div.internal_intro h1 span.upgrade { font-weight:normal; font-size:13px; } .introbox h1 { font-size:20px; line-height:20px; font-weight:bold; margin:0; padding:0 0 10px 0; } .bluebox h1 { color: #154ba0; } .greenbox h1 { color: #8fb51d; } .tealbox h1 { color: #3f94aa; } .orangebox h1 { color: #f15e2d; } div.mainpic h1, div.mainpic h1 a { font-size:28px; line-height:32px; color:#111; font-weight:bold; text-decoration:none; float:left; clear:both; margin:0; padding-bottom:7px; } div.mainpic h1 em { color:#666666; } .resources h1 a, div.support h1 a { text-decoration:none; color: #333; } div.support h1, body#internal div.support h1 { float:left; clear:none; } .landing_content h1 { color: #fff; font-size: 28px; font-weight: 100; line-height: 1.2em; margin-left: 360px; padding-top: 15px; padding-bottom: 14px; } .landing_content_bus h1 { color: #fff; font-size: 28px; font-weight: 100; line-height: 1.2em; margin-left: 360px; padding-top: 15px; padding-bottom: 14px; } .landing_content_non h1 { color: #fff; font-size: 28px; font-weight: 100; line-height: 1.2em; margin-left: 360px; padding-top: 15px; padding-bottom: 14px; } div#industry_pages h1 { color: #f15e2d; } body#bare_body h1 { font-size: 25px; padding-top:20px; padding-bottom:20px; } .tutorial-banner h1 { margin-left:20px; padding-top:20px; color: #154ba0; } /* h2 styles */ h2 { font-size:22px; line-height:25px; color:#333; padding-bottom:10px; clear:both; } body#internal div.internal_intro h2 { padding-bottom:3px; } body#internal div.internal_intro h2 span.upgrade { font-weight:normal; font-size:13px; } .introbox h2 { font-size:20px; line-height:20px; font-weight:bold; margin:0; padding:0 0 10px 0; } .bluebox h2 { color: #154ba0; } .greenbox h2 { color: #8fb51d; } .tealbox h2 { color: #3f94aa; } .orangebox h2 { color: #f15e2d; } div.mainpic h2, div.mainpic h2 a { font-size:24px; color:#111; font-weight:bold; text-decoration:none; } div.mainpic h2 em { color:#666666; } div#front_page_bottom h2{ font-size:19px; line-height:26px; margin:0; padding:0 0 8px 0; } div#front_page_bottom div.screenshots h2 { float:right; padding:0 15px 0px 10px; width:269px; text-align:right; clear:none; } .resources h2 a, div.support h2 a { text-decoration:none; color: #333; } div.support h2, body#internal div.support h2 { float:left; clear:none; } .xxContentFrame .xxAllTabs .xxTabContent .xxText h2 { color: #ffffdd; font-size: 18px; font-weight: 300; border-bottom: #a9a388 solid 1px; padding-left: 26px; } .column_b .fl_sidebar .form_info h2 { color: #333; } div#industry_pages h2 { color: #f15e2d; } /* h3 styles */ h3 { font-size:16px; line-height:19px; color:#333; margin-bottom:5px; } h3.breadcrumbs { font-size:12px; margin-bottom:30px; } body#internal h3 { color: #154ba0; } body#internal .column_a h3 { color:#333; } body#internal .column_i h3 { color:#333; } body#internal table.template_editor td h3 { line-height:normal; } body#internal div.tabular h3 { background: url(images/title_tag_left.gif) top left no-repeat; padding: 0 0 0 15px; margin: 4px 0 0 0; color: #444; font-size: 14px; line-height:14px; clear:both; float: none;position:relative; } body#internal div.tabular h3 span.tabular_title { display:block; background: #e4eef3 url(images/title_tag_right.gif) top right no-repeat; padding:8px 0 8px 0; float:none; width:100%; } body#internal div#centered_content div#bodycontent div#front_page_bottom div.smaller_column div.ebook h3{ font-size:16px; padding:10px 10px 0px 17px; margin:0; line-height: 19px; color: #333333; } div.support h3, div.support h3 a, div.support a, body#internal div.support h3 { text-decoration:none; color:#154ba0; clear:both; line-height:1.5em; padding-top:1em; padding-bottom:.5em; } div.column_b div.sidenote h3 { margin:0; margin-left:1px; margin-right:1px; padding: 0 10px 5px 10px; border-left: solid 1px #a7daf5; border-right: solid 1px #a7daf5; } .pricingcontent h3 { color:#999; margin-bottom:20px; border-bottom:2px solid #ccc; } form.signup h3, body#internal form.signup h3, div#testimonial_story div.heading h3 { border-bottom:1px solid #bde19a; color:#579412; font-size:16px; line-height:19px; width: 857px; float:left; padding: 5px 0 0 0; margin:0; } div#testimonial_story div.heading h3 { width:500px; font-size:21px; } div.tips_block h3, body#internal div.tips_block h3, body#internal div.info_block h3 { color: #222; margin-bottom:10px; } body#internal div#dashboard_and_notices div.column_b div.tabular h3 { background: url(images/title_tag_left_green.gif) top left no-repeat; } body#internal .tabs-float h3 { color: #444444;} div#voting h3, div#current_results td h3 { color:#333; } div#industry_pages h3 { color:#333; } div.testimonials h3, body#internal div.newsletter h3 { margin:0 0 10px 0; padding:0; border-bottom:1px dotted #c1e25d; clear:both; color: #333; } body#bare_body h3 { color: #333; } body#bare_body table.performance_graphs h3 { padding-bottom:20px; } .template_edit h3 { margin:0; padding:0; } .stats-buttons h3 { margin: 20px 0 20px 40px; line-height: 19px; font-size: 16px; color: #444444; } /* h4 styles */ ul#navbar h4 { display:inline; font-size:14px; font-weight: bold; border-right: 1px solid #CCCCCC; position:relative; top:40px; } ul#navbar h4.lastonnavbar { border-color: #FFFFFF; } ul#navbar h4.lastonnavbar img { display:inline; position:relative; bottom:-5px; margin-top:-25px; } h4 { font-size:15px; line-height:17px; color:#333; margin-bottom:3px; } body#internal div.internal_intro h4 { font-size:13px; color:#444; font-weight:normal; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-style:italic; } .pricingcontent h4 { font-size:12px; line-height:20px; font-weight:bold; color:#579412; padding:0; margin:0; } div.quick_stats h4 { font-size:16px; padding-bottom:10px; } div#industry_pages h4 { font-size:15px; margin-bottom:10px; padding: 0; color: #f15e2d; border-bottom:1px solid #f5c86b; } body#bare_body h4 { font-size: 18px; padding-bottom:8px; } div.add_subscribers div.intro h4 { padding:15px 0 15px 60px; background:url(images/arrow_tint_48.gif) top left no-repeat; background-color:#e8f4fa; } .blue-pin h4 { margin:0; color:#fff; font-size:26px; float:left; padding-left:20px; padding-top:8px; width:auto; } /* h5 styles */ h5 { font-size:12px; color:#333333; line-height:18px; clear:both; } table#report_table h5 { background: url(images/exclamation.gif) #fff top left no-repeat; padding:0 0 0 20px; font-size:12px; font-weight:normal; } body#bare_body h5 { color:#999999; font-size:12px; font-weight:normal; font-style:italic; display: inline; } body#bare_body h5.formtip { text-align:left; width:150px; margin:0; } /* root styles */ div#white_page_area {background: #fff url(images/top_gradient_white.jpg) repeat-x; width:100%; text-align:center; border:0px solid red;clear:both;min-height:665px;} * html div#white_page_area {height:665px;} div#centered_content {width:992px; margin: 0 auto; text-align:left; position:relative; top:-19px; border:0px solid yellow;} div#bodycontent { width:892px; text-align:left; padding-left:50px;clear:both;position:relative; top:-87px; border:0px solid purple; } /* navigation bar */ #navcontainer { background:url(images/page_top_wider.jpg) top left no-repeat; width:992px; padding-top:18px; float:left; clear:both; height:205px; text-align:right;border:0px solid black; } #navcontainer ul#navbar { list-style: none; width: 860px; padding-right:32px; height:205px; display:inline; } ul#navbar li { display:inline; } ul#navbar li a { color:#f1602f; text-decoration:none; padding: 10px 15px 0 14px; } ul#navbar li a:link, ul#navbar li a:visited { text-decoration:none; } ul#navbar li a:hover { color:#000; text-decoration:none; } ul#navbar li.logo a { padding:0; margin-left:50px; float:left; } /* high level internal page styles */ body#internal a:link, body#internal a:visited { text-decoration:none; } body#internal .column_a ul, body#internal .column_i ul { margin-bottom: 15px; } body#internal a:hover { text-decoration:underline; } body#internal a:link img, body#internal a:visited img, body#internal a:hover img { text-decoration:none; } body#internal div.column_a_divider { width: 100%; height: 1px; background: #ccc; margin-bottom: 20px; margin-top: 20px; } body#internal p span.red_text { color:#990000; } body#internal table { font-size:12px; margin: 10px 0; } body#internal ol, body#internal ul { padding-left:20px; margin:0; } body#internal span.warning { color:#990000; } body#internal span.warning a { color:#990000; } body#internal ul { margin-left:0; margin-right:0; color:#444; } body#internal ul li { color: #333; } body#internal table td { vertical-align:top; line-height:15px; } body#internal table th { text-align:left; } body#internal table.template_editor td img { /*xfloat:left; (property doesn't exist, commenting for debugging purposes)*/ /*to imitate inline preview*/ clear:none; display:inline; } body#internal table.template_editor td { line-height:normal; } body#internal div.template_border { border:1px solid #ccc; float:left; } /* tabular data styles */ body#internal div.tabular table { width:100%; margin:0; } body#internal div.tabular table td, body#internal div.tabular table th { padding: 6px 10px; margin:0; border-bottom:1px solid #d8e5ea; } body#internal div.tabular td form { margin-bottom:0; } body#internal div.tabular table td em { font-weight:normal; } body#internal div.tabular, body#internal div.dropdown { margin-bottom: 30px; clear:both;position:relative; } body#internal div.tabular h3 span.tabular_title span.edit_link, body#internal div.tabular td span.edit_link { font-weight:normal; font-size:11px; } body#internal div.tabular td.empty_sent { text-align:center; padding:20px 0; } body#internal div.tabular td.empty_sent p { padding:0; font-weight:bold; } /* top level - preview for template editor */ body#internal div.top_level ul li { width:240px; height:75px; float:left; padding:0 20px 20px 0; } body#internal div.column_b div.top_level ul li { width:300px; height:75px; float:left; padding:0 20px 20px 0; } body#internal div.column_b div.top_level ul li p { width:200px; } .column_b span.ebook_2_margin a img { margin-bottom: 200px; margin-top: 142px; } body#internal div.top_level ul li p { padding-top:5px; float:left; clear:none; width:150px; line-height:15px; } body#internal div.top_level ul li.unselected p { color: #777; } body#internal div.top_level ul li img { float:left; padding-right:5px; } body#internal div.top_level ul li p.menu_note { width:200px; } body#internal div.top_level ul li p.menu_note, body#internal div.top_level ul li span.menu_note, body#internal span.menu_note { font-size:11px; line-height:14px; font-style:italic; font-weight:normal; } body#internal div.column_d ol { margin-left:5px; } body#internal ol li span.unselected { color:#c0c0c0; } body#internal ol li { color:#666; } body#internal tr.title { background-color: #f5f9fb; color:#444; font-weight:bold; } body#internal tr.bottom { font-weight:normal; font-size:11px; } body#internal tr.bottom a { color:#4091c9; text-decoration:underline; } body#internal td.steps { vertical-align:top; width:185px; padding-right:10px; } body#internal td.steps li { font-weight:bold; } /* choose template styles */ body#internal div.tabular tr.templates td { width:20%; } body#internal div.tabular tr.templates td img { width:70px; margin: 8px 0; } body#internal div.tabular tr.templates td a:link img, body#internal div.tabular tr.templates td a:visited img { border: 2px solid #ffffff; } body#internal div.tabular tr.templates td a:hover img { border: 2px solid #70afea; } body#internal div.trailer ul { list-style-type: none; padding:0; margin:0; } body#internal div.trailer ul li { padding-bottom: 10px; } /* --- TURNING OFF STYLES FOR LIVEEDIT OR SIMPLEEDIT --- */ /* align to top */ body#internal form div.liveedit_adjust table td.mceToolbar, body#internal form div.liveedit_adjust table th.mceToolbar, body#internal form div.simpleedit_adjust table td.mceToolbar, body#internal form div.simpleedit_adjust table th.mceToolbar {text-align:left; } body#internal form div.liveedit_adjust table, body#internal form div.simpleedit_adjust table { margin:0; padding:0; width:auto; border-collapse:separate; } /* keep inline */ body#internal form div.liveedit_adjust table td, body#internal form div.liveedit_adjust table th, body#internal form div.simpleedit_adjust table td, body#internal form div.simpleedit_adjust table th { min-width:0; padding:0px; margin:0; } /* remove extra padding table styles */ body#internal form div.liveedit_adjust div, body#internal form div.simpleedit_adjust { min-width:0; padding:0; margin:0; float:none; width:auto; } body#internal form div.liveedit_adjust { min-width:540px; padding:0; margin:0; float:none; width:auto; } body#internal form div.liveedit_adjust div div { float:none; width:auto; } body#internal div.liveedit_column { width: 582px; } body#internal div.liveedit_column table { margin:0; width:auto; } /* select masthead styles */ div.select_masthead p { float:left; width:300px; clear:none; padding: 0 20px 20px 0; } div.select_masthead p img { float:left; width:300px; } /* enter code */ body#internal form.enter_code div label { width:75px; } /* body content styles */ div.introbox { display: block; position:relative; top:0; left:-1px; width:893px; height:142px; margin:0; padding: 15px 0 0 10px; text-align:left; } body#internal div.internal_intro { background:url(images/internal_intro.jpg) top left no-repeat; padding:22px 0 0 74px; height:80px; } .orangebox { background:url(images/pricing_intro_2.jpg) top left no-repeat; } .tealbox { background:url(images/resources_intro.jpg) top left no-repeat; } .greenbox { background:url(images/agencies_intro.jpg) top left no-repeat; } .bluebox { background:url(images/features_intro_2.jpg) top left no-repeat; } .lightbluebox { background:url(images/introbox_internal.jpg) top left no-repeat; } .shortbluebox { background:url(images/short_blue_intro.jpg) top left no-repeat; } body#internal .features-page { background:url(images/features-page-introbox.jpg) top left no-repeat;padding-bottom:5px; } div#helpbox { text-align:right; margin:0; padding:0; position:absolute; top: 45px; right:45px; font-weight:bold; font-size:15px; color:#fff; } body#internal div#helpbox a { color:#fff; display:block; float:right; clear:both; height:28px; text-decoration: none; } div#helpbox a:link, div#helpbox a:visited, div#helpbox a:hover, div#helpbox_hp a:link,div #helpbox_hp a:visited, div#helpbox_hp a:hover { color:#fff; text-decoration:none; } body#internal .lightbluebox div#helpbox a:link, .lightbluebox div#helpbox a:visited, .lightbluebox div#helpbox a:hover { color:#5883a8; } .introbox p { font-size:13px; line-height:18px; font-style:normal; width:700px; margin:0; padding:0 0 10px 0; } .orangebox p span { font-size: 16px; line-height: 17px; font-style: normal; font-weight: bold; } .bluebox p { color: #3079ce; } body#internal .bluebox a { color: #3079ce; text-decoration: underline; } body#internal .features-page a { color: #698711; text-decoration: underline; } .greenbox p, .greenbox a { color: #698711; } .tealbox p, .tealbox a { color: #328ca4; } .orangebox p { color: #ff7a32; } body#internal .orangebox a { text-decoration: underline; color: #ff7a32; } /* architext dock editor */ body#internal table#architext_lower { width:887px; position:relative; clear:both;float:left;padding:0;border-bottom:1px solid #D8E5EA;top:14px;} table#architext_lower td#editor-wrapper { width:658px;padding-bottom:8px;padding-top:8px;} table#architext_lower iframe#editor { width: 650px; min-height:400px; border: 0px solid #000;text-align:left; height: 520px;} table#architext_lower td#toolbar { min-height:520px; width:229px;background-color: #F5F9FB; border-right:1px solid #D8E5EA; border-left: 5px solid #d8e5ea; text-align:center;} table#architext_lower #toolbar ul { list-style-type:none; margin:0 auto; padding:0; width:137px; float:none; } table#architext_lower #toolbar ul li { font-size:13px; font-weight:bold; line-height:13px; margin:25px 0 0 0; width:137px; height:26px; clear:both; } table#architext_lower #toolbar ul li a { color:#292735; display:block; width:137px; height:20px; text-align:center; padding:6px 0 0 0; } table#architext_lower #toolbar ul li a:link,table#architext_lower #toolbar ul li a:visited, table#architext_lower #toolbar ul li a:hover { text-decoration:none; } table#architext_lower #toolbar ul li.light-button a { color:#292735; background: transparent url(images/architext-nav-buttons.gif) no-repeat 0 0; } table#architext_lower #toolbar ul li.dark-button a { color:#f4f8fb; background: transparent url(images/architext-nav-buttons.gif) 0px 26px; } /*-- div.kolorpicker-palette { float: left; margin: -33px 0 0 78px; } div.kolorpicker-palette ul li { list-style: none; float: left; width: 42px; height: 15px; background: #D0DFE5; border: 1px solid #666666; font-size: 10px; text-align: center; margin: 0 3px 0 0; padding: 0 3px 4px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #353448; cursor: pointer; } body#internal div.kolorpicker-palette ul li.kolorpicker-palette-select { background: #353448; color: #D0DFE5; } div.x-close-box { float: right; width: 15px; height: 15px; background: #353448; border: 1px solid #666666; text-align: center; padding: 0 3px 4px 3px; margin: -33px 2px 0 0; display: block;-moz-border-radius: 4px; -webkit-border-radius: 4px; color: #ffffff; cursor: pointer; } */ input.kolorPicker { background-image:url('/images/icons/color-wheel2.jpg'); background-repeat:no-repeat; background-position:70px center; } /* column a style (larger left hand column) */ .column_a { width: 540px; float:left; clear:both; } /* column b style (smaller right hand column)*/ .column_b { width: 300px; float:right; display:inline; text-align:left; } div.right_align { text-align:right; } /* column d style (smaller left hand column) */ .column_d { width: 200px; float:left; clear:both; } /* column e style (larger right hand column)*/ .column_e { min-height:400px; width: 690px; float:right; text-align:left; } /* column f style (two columns of equal size) */ div.column_f { width:440px; float:left; display:inline; } /* column g style (centers all content) */ /*div.column_g { width:440px; float:left; display:inline; } */ /* column h style (left hand column of 216px width as used on features page */ div.column_h {width:216px; float:left; clear:both;} /* column i style (left hand column of 216px width as used on features page */ div.column_i {width:640px; float:right; display:inline;} .column_aa { width: 300px; float: left; } .column_bb { width: 540px; float: left; } /* HOME PAGE MAINPIC STYLES */ div.mainpic { background: top left no-repeat; height:304px; width:905px; position:relative; float:left; display:inline; margin:-30px 0 0 -8px; padding:20px 20px 0 25px; } /* content space is on the left */ div.mainpic_cobrand_1 { background-image:url(images/main_pic_cobrand_1.jpg); } div.mainpic_cobrand_2 { background-image:url(images/main_pic_cobrand_2.jpg); } div.mainpic0 { background-image:url(images/mainpic_0.jpg); } div.mainpic1 { background-image:url(images/mainpic_1.jpg); } div.mainpic2 { background-image:url(images/mainpic_2.jpg); } div.mainpic3 { background-image:url(images/mainpic_3.jpg); } /* home page content styles, inside the main pic */ div.mainpic p { font-size:14px; line-height:26px; width:360px; float:left; clear:both; padding-bottom:27px; color:#666; } div.mainpic p a { color:#579412; padding-right: 22px; } div.mainpic p a:link, div.mainpic p a:visited { text-decoration:none; } div.mainpic p a:hover { text-decoration:underline; } div.mainpic img { float:left; clear:both; } div.mainpic ul { list-style:none; width:600px; display:inline; padding:0; margin:8px 0 0 0; height:1%; float:left; clear:both; } div.mainpic li { margin:0 0 10px 0; font-size:14px; font-weight:bold; font-style:italic; line-height: 47px; background-repeat: no-repeat; background-position: left center; float:left; clear:both; } div.mainpic a.main_pic_feature { line-height: 47px; background: no-repeat left center; padding-left:60px; color:#333333; } li#f-setup { background-image: url(images/icons/simple_setup_icon_hp.jpg); } li#f-managelist { background-image: url(images/icons/list_manage_icon_hp.jpg); } li#f-reports { background-image: url(images/icons/reports_icon_hp.jpg); } div.mainpic a.main_pic_feature:link, div.mainpic a.main_pic_feature:visited { text-decoration:none; } div.mainpic a.main_pic_feature:hover { text-decoration:underline; } div.mainpic div.brgrad { text-align: right; background: url(images/brgrad.png) no-repeat bottom right; position: absolute; padding:5px 10px; bottom: 26px; right: 52px; width: 430px; } div.mainpic div p, div.mainpic div form { margin:0; padding:0; color:#386892; display:inline; font-size:13px; line-height:13px; float:none; } div.mainpic div p { font-style:italic; } * html div.mainpic div { background: none; } /* home page lower section */ div#front_page_bottom { position:relative; top:15px; width:893px; } div#front_page_bottom a:link, div#front_page_bottom a:visited { text-decoration:none; } div#front_page_bottom a:hover { text-decoration:underline; } div#front_page_bottom div.larger_column { width:585px; float:left; clear:both; } div#front_page_bottom div.larger_column ul{ list-style-type:none; padding:0; margin:0; } div#front_page_bottom div.larger_column ul li{ margin-bottom:30px; font-size:13px; line-height:20px; background:top left no-repeat; padding-left:80px; color:#666; min-height:65px; } div#front_page_bottom div.larger_column ul li#feature_one{ background-image:url(images/feature_one.jpg); } div#front_page_bottom div.larger_column ul li#feature_two{ background-image:url(images/feature_two.jpg); } div#front_page_bottom div.larger_column ul li#feature_three{ background-image:url(images/feature_three.jpg); } div#front_page_bottom div.smaller_column { width:289px; float:left; clear:none; display:inline; margin-left:19px; } div#front_page_bottom div.first { margin-left:0; margin-right:19px; clear:both; } div#front_page_bottom div.smaller_column div.industry_recognition { margin-bottom:33px; } div#front_page_bottom div.smaller_column div.testimonial_top { background:url(images/testimonial_top.gif) top left no-repeat; padding-top:20px; } div#front_page_bottom div.smaller_column div.testimonial_top p { color:#666666; padding:10px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; } div#front_page_bottom div.smaller_column div.testimonial_bottom { background:url(images/testimonial_bottom.gif) top left no-repeat; padding-top:48px; } div#front_page_bottom div.smaller_column div.testimonial_bottom p { border:none; padding:0; margin:0; text-align:right; color:#333333; font-weight:bold; font-style:italic; } div#front_page_bottom div.smaller_column div.testimonial_bottom p a { font-weight:normal; font-style:normal; text-decoration:none; } div#front_page_bottom div.smaller_column div.testimonial_bottom p a:link, div#front_page_bottom div.smaller_column div.testimonial_bottom p a:link { text-decoration:none; } div#front_page_bottom div.smaller_column div.testimonial_bottom p a:hover { text-decoration:underline; } /* home page testimonials styles */ div.testimonial_top { margin-top: 30px; background:url(images/testimonial_top.gif) top left no-repeat; padding-top:20px; } div.testimonial_top p { width: 267px; color:#666666; padding:10px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; } div.testimonial_bottom { background:url(images/testimonial_bottom.gif) top left no-repeat; padding-top:48px; } div.testimonial_bottom p { border:none; padding:0; margin:0; text-align:right; color:#333333; font-weight:bold; font-style:italic; } div.testimonial_bottom p a { font-weight:normal; font-style:normal; text-decoration:none; } div.testimonial_bottom p a:link { text-decoration:none; } div.testimonial_bottom p a:hover { text-decoration:underline; } /* home page ebook styles */ div#front_page_bottom div.smaller_column div.ebook { background:url(images/ebook_background.jpg) top left no-repeat; } div#front_page_bottom div.smaller_column div.ebook p { padding:0 15px 15px 17px; margin:0; color:#666; } div#front_page_bottom div.smaller_column div.ebook img { margin-left:18px; } /* home page popup screenshot styles */ div#front_page_bottom div.screenshots { background:url(images/screenshots_background.jpg) top left no-repeat; clear:none; } div#front_page_bottom div.screenshots img { float:right; padding:15px 15px 10px 0; } div#front_page_bottom div.screenshots div.pics { float:right; padding:0 0 10px 0; margin:0 15px 0 0; display:inline; } div#front_page_bottom div.screenshots div.pics img { float:right; padding:0; margin:15px 0 0 0; width:272px; height:188px; display:inline; } div#front_page_bottom div.screenshots p { float:right; padding:10px 15px 10px 10px; width:269px; text-align:right; clear:none; margin-left:-3px;/*ie duplicate character bugfix */ } /* home page contact area styles */ div#front_page_bottom div#contact_area { background:url(images/contact_area_background.jpg) top left no-repeat; width:892px; height:90px; float:left; clear:both; margin-top:30px; padding-top:10px; text-align:center; } div#front_page_bottom div#contact_area p { color:#5283ae; padding:0; font-style:italic; } div#front_page_bottom div#contact_area a { text-decoration:none; font-weight:bold; color:#5283ae; padding-left:10px; font-style:normal; } div#front_page_bottom div#contact_area a img { padding-right:5px; position:relative; top:3px; } div#bodycontent div.internal_intro div.chat_hp { background:transparent url(images/chat_internal_hp.gif) no-repeat; margin:0; padding:3px 0 0 22px; width:280px; position:absolute; top: 24px; right:55px; font-weight:bold; font-size:14px; line-height:14px;} div#bodycontent div.internal_intro div.upgrade { background:none; right:78px;padding:0; top:22px;} /* contact page chat styles */ div#bodycontent div.chat_hp, div#bodycontent div.chat_sidebar { background: url(images/contact_box.jpg) top left no-repeat; float:left; width:300px; height:78px; padding: 2px 0 0 28px; } div#bodycontent div.chat_sidebar.connect { padding-left: 71px; } div#bodycontent div.chat_sidebar { background: url(images/contact_box_on_white_2.jpg) top left no-repeat; padding-left: 42px; } div#bodycontent div.chat_hp a, div#bodycontent div.chat_sidebar a { font-weight:bold; padding:0 10px 0 0; color:#5883a8; text-decoration:none; } div.chat_hp a img, div.chat_sidebar a img { position:relative; top:2px; } div.chat_hp a img.live_chat, div.chat_sidebar a img.live_chat { position:relative; top:5px;} /* login block */ div#login_block { width:536px; height: 382px; background: url(images/login_block.jpg) no-repeat; margin:50px auto 0 auto; padding:120px 0 0 36px; } div#login_block_pin { width:536px; height: 564px; background: url(images/login_block_pin.jpg) no-repeat; margin:50px auto 0 auto; padding:120px 0 0 36px; } div#login_block p, div#login_block_pin p { padding-right:36px; } p.help { position:relative; font-size:11px; top:-150px; margin-left:370px; } /* support section resources styles */ div.resources { margin-top:20px; } body#internal div.resources ul, div.support ul, body#internal div.support ul { margin:0; list-style:disc; padding:0 0 0 15px; color:#94bad9; clear:both; } body#internal .column_f ul li { color: #94bad9; } body#internal div.resources ul { padding-bottom: 15px; } .resources ul li a { color:#f1602f; } .resources li a:link, .resources li a:visited { color: #f15e2d; text-decoration:none; } .resources li a:hover { text-decoration:underline; } .resources img { margin:0 15px 0 0; width:68px; float:left; } div.resources div { float:left; } div.resources div div { float:left; width:300px; } div.resources_footer { float:left; height:60px; width:894px; background:url(images/resource_footer.jpg) no-repeat; margin-top:20px; padding: 18px 0 0 0; } div.resources_footer p { color:#5883a8; width:360px; padding-left:75px; padding-right:10px; float:left; clear:none; font-size:12px; line-height:15px; font-style:italic; display:inline; position:relative;} body#internal div.resources_footer p a { color:#3d76a8; text-decoration: underline; } /* support section styles */ body#internal div.support ul * { margin:0; padding:0; } div.support ul li, body#internal div.support ul li { color:#3d76a8; font-size:1.1em; line-height:1.1em; margin-bottom:5px; } div.support ul li p, body#internal div#centered_content div.support ul li p { margin-top:.5em; padding-bottom: 18px; } div.support ul ol { margin:0; padding:0; } body#internal div.support ol li { color:#333; font-size: 13px; list-style-position:inside; margin-bottom:1em; } div.support ul li a:link, div.support ul li a:visited, body#internal div.support ul li a:link, body#internal div.support ul li a:visited { color:#666; } div.support div, body#internal div.support div { margin-bottom:5px; } li.see_all a { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; } div.support li.see_all a:link, div.support li.see_all a:visited, body#internal div.support li.see_all a:link, body#internal div.support li.see_all a:visited, body#internal div.support li.see_all a:hover { color:#555; } /* partners/agencies content styles */ div#agenciescontent { width: 894px; background:url(images/agencies_hands.jpg) no-repeat; } #agenciescontent table { width:700px; margin: 0 0 25px 165px; padding:0; position: relative; left: 150px; border-collapse:collapse; } #agenciescontent tr { border-bottom:1px dotted #c1e25d; } #agenciescontent tr.no_border { border:none; } #agenciescontent td { font-size:12px; line-height:17px; padding:10px; color:#444; vertical-align:top; } #agenciescontent td.emphasis, #agenciescontent td.emphasis p { font-weight:bold; } #agenciescontent td p { font-size:12px; line-height:17px; color:#444; margin: 0 0 8px 0; padding:0; } #agenciescontent td.heading { font-size:15px; line-height:21px; color: #fca800; font-weight:bold; margin:0; white-space:nowrap; text-align:right; vertical-align:top; } #agenciescontent td.program { text-align:left; color:#154ba0; font-size:18px; width:40%; vertical-align:bottom; padding-bottom:5px; } /* features pages list styles */ body#internal #featureslist ul { padding:0; margin:0; list-style-type:none; } #featureslist li { font-size:12px; line-height:17px; margin:0 auto 0 46px; padding:3px 0 3px 15px; background:url(images/features_bullet.gif) 0 7px no-repeat; } #featureslist li.listheading { font-size:18px; line-height:21px; color: #f15e2d; font-weight:bold; padding:0; margin: 0 0 30px 0; background:none; border-bottom: 1px solid #f5c86b; } #featureslist { position: relative; top: -10px; } #featureslist img { margin: 10px 8px -13px 0; } #featureslist p { margin-left: 46px; margin-top: -16px; line-height: 1.5em; } .landing_paragraph { margin-bottom: 10px; margin-top: 30px; } .landing_paragraph p { margin-top: 14px; } span.superscript { font-size:9px; position:relative; bottom:7px; } /* Sidenav and Features Page Styles */ body#internal ul.sidenav-menu { list-style-type:none; margin:0 0 20px 0; padding:0; } body#internal ul.sidenav-menu li a { color:#777c7f; background:url(images/features-page-menu-bg.jpg) 0 44px; display:block; height:30px; width:206px; padding: 14px 0 0 10px; line-height:13px; font-size:13px; } body#internal ul.sidenav-menu li a.active { color:#fff; background:url(images/features-page-menu-bg.jpg) 0 0; } body#internal ul.blue-version li a.active { background:url(images/sidenav-hover-blue.jpg) 0 0; } body#internal ul.sidenav-menu li a:link, ul.sidenav-menu li a:visited { text-decoration:none; } body#internal ul.sidenav-menu li a:hover { text-decoration:none; background:url(images/features-page-menu-bg.jpg) 0 88px; } body#internal ul.sidenav-menu li a.active:hover { text-decoration:none; background:url(images/features-page-menu-bg.jpg) 0 0; } body#internal ul.blue-version li a.active:hover { text-decoration:none; background:url(images/sidenav-hover-blue.jpg) 0 0; } div.tipbox-wrapper { background:#e9e9e9 url(images/tipbox-top.jpg) 0 0 no-repeat; width:216px; margin-bottom:20px; } div.tipbox { background: url(images/tipbox-bottom.jpg) bottom left no-repeat; padding:65px 15px 5px 15px; } div.tipbox p { color:#555; } body#internal div.tipbox p a{ text-decoration:underline; } body#internal div.tipbox p a:link, div.tipbox p a:visited { text-decoration:underline; } body#internal div.tipbox p a:hover { text-decoration:underline; } div.column_i div.features-block { border-bottom:1px dotted #CCCCCC; float:left; padding:20px 0 30px 0; width: 640px; } div.column_i div.features-block img{ border:4px solid #ececec; width:302px; } div.column_i div.features-block p a{ white-space:nowrap; } div.column_i div.first-block { padding-top:0; } div.column_i div.no-border { border-bottom:0; padding-bottom:20px; } div.column_i div.features-block div.features-left { float:left; width:310px; padding-right:20px; } div.column_i div.features-block div.features-right { float:left; width:310px; } body#internal div.column_i div.features-block h3 { color:#333; padding-bottom:15px; margin:0; } body#internal div.column_i p.lead-in { font-size:15px; line-height:24px; border-bottom:1px dotted #CCCCCC; } body#internal div.column_i div.full-width-image { margin-bottom:20px; } body#internal div.column_i div.feature-detail-list ul { list-style-type:none; padding: 20px 0 20px 0; } body#internal div.column_i div.feature-detail-list ul li { float:left; clear:both; padding: 0 0 20px 0; } body#internal div.column_i div.feature-detail-list ul li strong { display:block; float:left; padding: 0 0 10px 0; } body#internal div.column_i div.feature-detail-list ul li p { float:left; width:550px; clear:none; } body#internal div.column_i div.feature-detail-list ul li img { width:60px; float:left; padding-right:15px; } /* LANDING PAGE SLIDE VERSION CONTENT STYLES */ .landing_content { background: url(images/band_landing_background_3.png) no-repeat top left; width: 928px; height: 614px; margin-left: -34px; } .landing_content_bus { background: url(images/small_business_background.png) no-repeat top left; width: 966px; height: 614px; margin-left: -70px; } .landing_content_non { background: url(images/non-profit_background.jpg) no-repeat top left; width: 895px; height: 492px; margin-left: 0px; } .xxSignup { width: 141px; height: 20px; } .xxContent { width: 820px; height: 614px; overflow: hidden; margin-left: 63px; margin-top: 55px; } .landing_content_bus .xxContent { width: 820px; height: 614px; overflow: hidden; margin-left: 100px; margin-top: 55px; } .landing_content_non .xxContent { width: 820px; height: 614px; overflow: hidden; margin-left: 31px; margin-top: 55px; } .xxTabMenu { width: 928px; } .xxTabMenu span { display: inline-block; height: 44px; width: 141px; padding: 0; margin: 0; } /* band page slide version tabs styles */ .xxTabMenu span#xxTab-0 { background: url(images/band_icon_1.png) no-repeat; margin-right: 28px; } .xxTabMenu span#xxTab-0:hover { background: url(images/band_icon_1_hover.png) no-repeat; } .xxTabMenu span#xxTab-0.xxselector { background: url(images/band_icon_1_hover.png) no-repeat; } .xxTabMenu span#xxTab-1 { background: url(images/band_icon_2.png) no-repeat; margin-right: 27px; } .xxTabMenu span#xxTab-1:hover { background: url(images/band_icon_2_hover.png) no-repeat; } .xxTabMenu span#xxTab-1.xxselector { background: url(images/band_icon_2_hover.png) no-repeat; } .xxTabMenu span#xxTab-2 { background: url(images/band_icon_3.png) no-repeat; margin-right: 27px; } .xxTabMenu span#xxTab-2:hover { background: url(images/band_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxTab-2.xxselector { background: url(images/band_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxTab-3 { background: url(images/band_icon_5.png) no-repeat; margin-right: 32px; } .xxTabMenu span#xxTab-3:hover { background: url(images/band_icon_4_hover.png) no-repeat; } .xxTabMenu span#xxTab-3.xxselector { background: url(images/band_icon_4_hover.png) no-repeat; } .xxTabMenu span#xxTab-4 { background: url(images/band_icon_5_hover.png) no-repeat; } .xxTabMenu span#xxTab-4:hover { background: url(images/band_icon_4.png) no-repeat; } .xxTabMenu span#xxTab-4.xxselector { background: url(images/band_icon_4.png) no-repeat; } /* small biz slide version tabs styles */ .xxTabMenu span#xxBizTab-0 { background: url(images/band_icon_1.png) no-repeat; margin-right: 28px; } .xxTabMenu span#xxBizTab-0:hover { background: url(images/biz_icon_0_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-0.xxselector { background: url(images/biz_icon_0_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-1 { background: url(images/biz_icon_3.png) no-repeat; margin-right: 27px; } .xxTabMenu span#xxBizTab-1:hover { background: url(images/biz_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-1.xxselector { background: url(images/biz_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-2 { background: url(images/biz_icon_1.png) no-repeat; margin-right: 27px; } .xxTabMenu span#xxBizTab-2:hover { background: url(images/biz_icon_1_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-2.xxselector { background: url(images/biz_icon_1_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-3 { background: url(images/band_icon_5.png) no-repeat; margin-right: 32px; } .xxTabMenu span#xxBizTab-3:hover { background: url(images/biz_icon_2_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-3.xxselector { background: url(images/biz_icon_2_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-4 { background: url(images/band_icon_5_hover.png) no-repeat; } .xxTabMenu span#xxBizTab-4:hover { background: url(images/band_icon_4.png) no-repeat; } .xxTabMenu span#xxBizTab-4.xxselector { background: url(images/band_icon_4.png) no-repeat; } /* non-profit slide version tabs styles */ .xxTabMenu span#xxNonTab-0 { background: url(images/band_icon_1.png) no-repeat; margin-right: 26px; } .xxTabMenu span#xxNonTab-0:hover { background: url(images/non_icon_2_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-0.xxselector { background: url(images/non_icon_2_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-1 { background: url(images/non_icon_1.png) no-repeat; margin-right: 28px; } .xxTabMenu span#xxNonTab-1:hover { background: url(images/non_icon_1_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-1.xxselector { background: url(images/non_icon_1_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-2 { background: url(images/biz_icon_3.png) no-repeat; margin-right: 26px; } .xxTabMenu span#xxNonTab-2:hover { background: url(images/biz_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-2.xxselector { background: url(images/biz_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-3 { background: url(images/band_icon_5.png) no-repeat; margin-right: 30px; } .xxTabMenu span#xxNonTab-3:hover { background: url(images/non_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-3.xxselector { background: url(images/non_icon_3_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-4 { background: url(images/band_icon_5_hover.png) no-repeat; } .xxTabMenu span#xxNonTab-4:hover { background: url(images/band_icon_4.png) no-repeat; } .xxTabMenu span#xxNonTab-4.xxselector { background: url(images/band_icon_4.png) no-repeat; } /* slide version landing page contentFrame styles and signup form */ .xxContentFrame { width: 540px; height: 400px; position: relative; left: 280px; top: 42px; overflow: hidden; } .xxContentFrame .xxAllTabs { position: relative; left: 10px; width: 2700px; height: 400px; overflow: hidden; } .xxContentFrame .xxAllTabs .xxTabContent { width: 540px; height: 410px; float: left; } .xxContentFrame .xxAllTabs .xxTabContent img { float: left; width: 44px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText { float: left; width: 496px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText form { margin-top: 10px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText p { padding-left: 26px; padding-top: 6px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; } .xxContentFrame .xxAllTabs .xxTabContent .xxText p a { color: #ffffdd; text-decoration: underline; } .xxContentFrame .xxAllTabs .xxTabContent .xxText img { float: right; width: 236px; height: 52px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText label { width: 80px; float: left; color: #fff; margin-top: 2px; margin-bottom: 2px; padding-left: 26px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText input { width: 368px; float: left; margin-top: 2px; margin-bottom: 2px; background: #d6e1ec; border: 2px inset #5a7ea6; } .xxContentFrame .xxAllTabs .xxTabContent .xxText input:focus { border: 2px solid #84b7e9; } .xxContentFrame .xxAllTabs .xxTabContent .xxText .state_info { width: 240px; float: left; margin-top: 2px; margin-bottom: 2px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText .state_info label { width: 80px; float: left; margin-top: 2px; margin-bottom: 2px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText .state_info select { margin-top: 2px; margin-bottom: 0px; } .xxContentFrame .xxAllTabs .xxTabContent .xxText .state_info input { width: 130px; background: #d6e1ec; border: 2px inset #5a7ea6; float: left; } .xxContentFrame .xxAllTabs .xxTabContent .xxText .state_info input:focus { border: 2px solid #84b7e9; } .xxContentFrame .xxAllTabs .xxTabContent .xxText div#xxSubmit input { width: 134px; clear: both; float: right; margin-right: 14px; margin-top: 4px; border: 2px outset #333; background: #fff; padding-top: 2px; padding-bottom: 2px; } /* flash landing page column_b signup form styles */ .column_b .fl_sidebar { margin-top: 30px; margin-right: 2px; width: 267px; float: right; } .column_b .fl_sidebar .form_info_top { background: url(images/col_sign_up_01.jpg) no-repeat; width: 267px; height: 20px; } .column_b .fl_sidebar .form_info { padding: 16px; padding-top: 0px; background: url(images/col_sign_up_02.jpg) no-repeat; height: 300px; } .column_b .fl_sidebar label { float: left; width: 80px; margin-bottom: 6px; color: #5a5a5a; } .column_b .fl_sidebar input { float: left; width: 148px; margin-bottom: 6px; background: #ffffe3; } .column_b .fl_sidebar input:focus { border: 2px solid #84b7e9; } .column_b .fl_sidebar select { float: left; width: 148px; margin-bottom: 6px; } .column_b .fl_sidebar .form_info div#xxSubmit { float: right; margin-top: 10px; padding-right: 2px; } .column_b .fl_sidebar .form_info div#xxSubmit input { background: #50709a; color: #fff; border-color: #6f9fce; padding: 2px; } /* END LANDING PAGE SPECIFIC STYLES */ /* column b text style */ div.column_b p { color:#333; } /* captions styles */ div.column_b p.caption { font-size:11px; line-height:17px; color: #f15e2d; text-align:left; margin:5px 0 20px 0; clear:both; } div.column_b p.caption img { padding:5px 0; } div.column_b p.caption a img { display:block; } div.column_b p.caption a { color: #f15e2d; } #featureslist li.toplistitem { margin: -20px auto 0 46px; } /*sidenote, sidenav styles */ div.column_b div.sidenote { clear:both; background: #f4fafd url(images/sidenote_top.gif) top left no-repeat; padding-top:10px; list-style:none; margin-left:0px; width:300px; } div.column_b div.sidenote_bottom { background: #f4fafd url(images/sidenote_under_2.gif) top left no-repeat; height: 10px; width: 300px; } div.column_b div.sidenote, div.column_b div.sidenav { margin-bottom:20px; } div.column_b div.sidenote p { padding-left:9px; clear:none; min-height:55px; border-left: solid 1px #a7daf5; border-right: solid 1px #a7daf5; width:287px; margin-left:-9px; } div.column_b div.sidenote form { padding: 0 6px 10px 10px; clear:none; background: #f4fafd bottom left repeat-x ; min-height:65px; } body#internal div.column_b div.sidenav ul { border-top: 1px solid #bfe274; clear:left; } body#internal div.column_b div.sidenav ul, body#internal div.column_b div.sidenav ul li, body#internal div.column_b div.sidenote ul, body#internal div.column_b div.sidenote ul li { list-style-type:none; padding:0; margin:0; } div.column_b div.sidenav ul li#selected { width:300px; background:url(images/sidenav_bg_selected.gif) 0% 50% no-repeat; } div.column_b div.sidenav ul li { width:300px; background:url(images/sidenav_bg.gif) 0% 50% no-repeat; } body#internal div.column_b div.sidenav ul li a { padding:5px 13px; display:block; color:#579412; border-bottom: 1px solid #bfe274; } div.column_b div.sidenav ul li a:link, div.column_b div.sidenav ul li a:visited, div.column_b div.sidenote ul li a:link, div.column_b div.sidenote ul li a:visited, div.column_b div.sidenote p a:link, div.column_b div.sidenote p a:visited { text-decoration:none; } div.column_b div.sidenav ul li a:hover, div.column_b div.sidenote ul li a:hover, div.column_b div.sidenote p a:hover { text-decoration:underline; } div.column_b div.sidenote a { color: #225ca8; } body#internal div.column_b div.sidenote div.sidenote_body ul li { padding-bottom:5px; list-style:disc inside; } div.sidenote_body { padding: 0 10px 10px 10px; clear:none; background: #f4fafd url(images/sidenote_bottom_2.gif) bottom left no-repeat ; min-height:65px; } /* left side navigation */ div.left-nav { width: 301px; min-height: 359px; background: url(images/left_nav/left_nav_background_anchor.jpg) 229px 0 no-repeat; } div.left-nav ul { width: 211px; border-bottom: #e1e8f0 solid 7px; border-top: #e1e8f0 solid 1px; } div.left-nav ul li { background: url(images/left_nav/left_nav_background.jpg) top left no-repeat; height: 43px; width: 250px; padding: 0; margin: 0; list-style: none; font-size: 14px; font-weight: bold; margin-left: -20px; } /* div.left-nav ul li:hover { background: url(images/left_nav/left_nav_background_hover.png) top left no-repeat; } */ div.left-nav ul li img { float: left; } div.left-nav ul li a { padding-top: 12px; padding-left: 10px; color: #497096; height: 31px; width: 200px; display: block; float: left; } body#internal div.left-nav ul li a:hover { text-decoration: none; } div.left-nav ul li#left-nav-active { background: url(images/left_nav/left_nav_background_hover.png) top left no-repeat; } div.left-nav ul li#left-nav-active a { color: #EDF4F6; } /* about us affiliations styles */ div.affiliations { width:415px; } div.affiliations img { float:left; margin: 0 10px 10px 0; } /* press page styles */ div.press p { padding-left:40px; background:url(images/star_icon.gif) top left no-repeat; } div.press p a { white-space:nowrap; color:#225ca8; } /* press page newsfeed styles */ a.newsfeed { margin-top:8px; background: url(images/feed.png) top left no-repeat; padding:0 0 0 23px; display:block; } /* pricing page content styles */ div.pricingcontent { float:left; width:890px; height:auto; padding-bottom:50px; } .pricingcontent img { margin:0 0 10px 20px; } .pricingcontent div.clickable { width:890px; float:left; padding-bottom:50px; } .pricingcontent div.clickable div { float:left; width:127px; margin:0 0 0 5px; padding:0 0 0 25px; font-size:11px; line-height:14px; color:#808080; } .pricingcontent div.clickable div img { width:79px; margin:0; } .pricingcontent div.clickable div.free { margin-right:15px; } .pricingcontent div.clickable div.bronze { margin-right:15px; } .pricingcontent div.clickable div.silver { margin-right:30px; } .pricingcontent div.clickable div.gold { margin-right:30px; } .pricingcontent div.details { padding-top:20px; float:left; clear:both; } .pricingcontent div.clickable div.last { margin-right:0; } body#internal .pricingcontent div.clickable div ul { float:left; padding:0; margin:10px 0 0 0; font-size:12px; position:relative;} * html body#internal .pricingcontent div.clickable div ul { float:left; padding:0 0 0 20px; margin:10px 0 0 -10px; font-size:12px; position:relative;} body#internal .pricingcontent div.clickable div ul li { padding:0; margin: 0 0 10px 0; color: #808080;position:relative; } .pricingcontent div.clickable div span.bignum { font-size:20px; line-height:20px; font-weight:bold; margin:0; padding:0; } .extraprice { font-size:18px; line-height:20px; font-weight:bold; color:#999999; margin:0 0 0 -25px; padding:0; } .noextraprice { position:relative; top:5px; } .pricingcontent p.centered {clear:both;padding-top:25px;border-top:1px solid #ededed; text-align:center;} /* create polls page styles */ .pollpreview { margin-top:60px; width: 280px; text-align:left; border:1px dashed #99cc33; padding:10px 10px 0 10px; } .pollpreview input{ position:relative; top:3px; } p#prev_poll_question { font-weight:bold; font-size:15px; line-height:22px; } div.answer_choices { margin-bottom:5px; } div.answer_choices span { font-size:13px; font-weight:bold; color:#333333; } /* form.fl STYLES */ /* form.fl styles */ form.fl, form.fl div, form.fl label { float:left; } form.fl { clear:left; font-size:12px; margin-bottom:20px; } .sidenote_body form.fl { border-left: solid 1px #a7daf5; border-right: solid 1px #a7daf5; border-bottom: solid 1px #a7daf5; margin-left: -9px; } form.fl input, form.fl select, form.fl textarea { border:1px solid #d0d9e0; background-color: #f2f6f9; padding:2px; } form.fl textarea.signup-code {width:700px;} form.fl input.radio_button, form.fl input.checkbox { border:none; background-color: #fff; padding:0; } form.login div input { width:150px; } form.fl label { width:120px; margin-right:5px; text-align:left; } form.fl em { color:#990000; } form.fl div, fieldset.fl div { width:530px; clear:left; margin: 0 0 10px 0; } form.fl login loginpop div { width:250px; clear:left; margin: 0 0 10px 0; } form.fl div div { width:410px; clear:none; } form.fl div.form_data_with_help { width:892px; clear:left; } /* form_data houses form elements, flush left */ form.fl div.form_data_with_help div.form_data { width:530px; padding-right:15px; display:inline; clear:none; } form.fl div.form_data_with_help div.form_data div { float:left; width:520px; margin: 0 0 10px 0; } /* form_help houses form advice and accessory information to right */ form.fl div.form_data_with_help div.form_help { padding:15px 15px 0 15px; width:315px; background-color:#e6ffcd; display:inline; clear:none; } form.fl div.form_help p { color:#579412; padding-bottom:15px; } form.fl div.form_data_with_help div.form_help p a, body#internal form.fl div.form_data_with_help div.form_help p a { color:#579412; text-decoration:underline; } form.fl ul, form.fl li { font-size:inherit; color:#579412; } div#three_columns input.try_it_free { border: 1px solid #93be4d; } body#internal div.form_note { border:3px solid #f2f6f9; padding:10px; } body#internal div.form_note p { font-size:12px; line-height:17px; } form.fl div p { padding:0 0 5px 0; margin:0; } form.fl div.form_data p { margin-bottom:15px; padding:0; } body#internal .column_a form.fl p.require_tip, body#internal p.require_tip, span.require_tip { font-size:11px; line-height:11px; font-style:italic; color:#579412; padding: 0 0 15px 0; margin:0; } form.fl div div.input_group, form.fl div.form_data_with_help div.form_data div.input_group, form.fl div div.stacked_radios { width:280px; clear:none; margin-bottom:0px; } form.targeting div div.input_group { width:400px; } body#internal div.stacked_radios div { margin-bottom:5px; } body#internal form.targeting div div.input_group div.stacked_radios { margin-bottom:0; } /* template color picker positioning styles */ body#internal form.fl div.form_data div.color_picker, body#internal form.fl div div.color_picker { width:300px; clear:none; display:inline; } body#internal form.fl div div.color_picker div, body#internal form.fl div div.color_picker input { float:left; clear:none; padding:0; margin:0; } body#internal form.fl div.color_picker a span { float:left; clear:none; display:block; width:15px; } /* form.fl buttons positioning and spacing styles, for buttons, additional space is added above and below them */ form.fl div.buttons, div.buttons, form.fl div.selection, body#internal form.fl div.selection, body#internal div.buttons { float:none; clear:both; padding-top:20px; margin-bottom:20px;} form.login div.buttons, div.sidenote div.buttons { margin:0; padding-top:10px; } form.fl div.buttons input { width:auto; } div.buttons img { cursor:pointer; } div.buttons a img { display:inline; margin-right:10px; float:left; } div.buttons div a img { margin-bottom:10px; } div.buttons form { display:inline; } form.fl span.buttons { position:relative; top:9px; } form.fl div.buttons input, div.buttons input, body#internal div.buttons input, form.fl span.buttons input { border:none; background-color:transparent; padding:0; } div.column_c form.fl { width:250px; } div.sidenote form.fl, div.sidenote form.fl div { width:280px; } div.column_c form.fl div { width:250px; } div.column_c form.fl div.buttons { margin:0; width:250px; } div.column_c form.fl, div.column_c form.fl div.buttons { margin:0; width:250px; } div.column_c form.fl a, form.login a { color: #154ba0; } div.column_c form.fl label, div.sidenote form.fl label { float:none; } div.form_help p { font-size:12px; font-style:normal; padding:0; margin:0; } div.form_floats form.fl { padding-right:10px; float:left; clear:none; width:auto; } body#internal form.fl div.warning_block { padding:10px; background-color:#ffefe9; margin:0 0 15px 0; border:1px solid #fecfc2; float:none; clear:both; width:100%; } /* internal form styles */ body#internal form.fl p.form_tip { font-size:11px; line-height:15px; font-style:normal; color: #4091c9; padding: 5px 0 0 0; margin:0; } form.fl p.form_tip a { text-decoration:underline; } body#internal form td, body#internal form th { padding:0 10px 8px 0; vertical-align:top; } body#internal form td table, body#internal form th table { margin:0; } /* exit survey styles */ body#internal form.exit_survey table { width:650px; clear:both; border:2px solid #bde19a; border-collapse:collapse; } body#internal form.exit_survey td, body#internal form.exit_survey th { width:100px; border:1px solid #bde19a; padding:5px; vertical-align:bottom; } body#internal form.exit_survey th { width:150px; } body#internal form.exit_survey tr.top_row { border-bottom:2px solid #bde19a; background-color: #e6ffcd; } /* signup form styles */ form.signup div.heading { clear:both; width:892px; margin:20px 0; } div#testimonial_story div.heading { clear:both; width:560px; margin:0; } form.signup div.first { margin-top:0; } body#internal form.signup div.heading img, form.signup div.heading img, div#testimonial_story div.heading img { float:left; padding-right:5px; width:30px; } div#testimonial_story img { margin-bottom:10px; } div#testimonial_story h4, div#testimonial_story a { color:#579412; } div#testimonial_story p.leader { font-size:14px; line-height:22px; font-weight:bold; } div.quick_stats { background:url(images/quick_stats_bg.jpg) top left no-repeat; min-height:180px; width:280px; padding:10px; } div.quick_stats p { padding-bottom:10px; } div.quote { background:url(images/quote_bg.jpg) top left no-repeat; min-height:180px; width:280px; padding:10px; } div.quote p { font-style:italic; } /* tips block and warning block and notices styles */ div.tips_block, div.info_block { padding:10px 10px 0 10px; background-color: #ffffdf; border:1px solid #ffeb8e; margin-bottom:15px; z-index:9; clear:both; } div.info_block { background-color: #fff; border:1px solid #b9d7e8; } body#internal div.warning_block, div.warning_block, body#internal div.ok_block, div.ok_block { padding:10px; background-color:#ffefe9; margin:0 0 15px 0; border:1px solid #fecfc2; float:none; clear:both; } form.signup div.warning_block { padding:10px; width:315px; float:left; clear:none; margin:0 0 15px 0; } body#internal div.ok_block, div.ok_block { background-color:#fff; border:1px solid #bde88c; } body#internal div.warning_block p, form.signup div.warning_block p, div.warning_block p, body#internal div.ok_block p, div.ok_block p { margin:0; padding:0 0 0 21px; background:url(images/warning_icon.gif) top left no-repeat; } form.signup div.warning_block p { font-size:12px; } body#internal div.ok_block p, div.ok_block p { background:url(images/ok_icon.gif) top left no-repeat; } body#internal div.ok_block p a, div.ok_block p a { color:#579412; } body#internal div#bodycontent div.warning_block p a, div.warning_block p a { color: #f46b6b; text-decoration:underline; } div.tips_block ul li a, div.info_block ul li a { color: #225ca8; } div.tips_block ul, body#internal div.tips_block ul, body#internal div#dashboard_and_notices div.column_b div.tabular ul, body#internal div.info_block ul { margin:0; list-style-type:none; padding:0; } div.tips_block ul li, body#internal div.tips_block ul li, body#internal div#dashboard_and_notices div.column_b div.tabular ul li, body#internal div.info_block ul li, div.info_block ul li { padding:0 0 10px 21px; font-size:12px; background:url(images/info_icon.gif) top left no-repeat; } body#internal div.info_block ul li, div.info_block ul li { background:url(images/info_icon_onwhite.gif) top left no-repeat; } body#internal div#dashboard_and_notices div.column_b div.tabular ul li { background:url(images/info_icon_onwhite.gif) 10px 10px no-repeat; padding: 10px 8px 10px 30px; border-bottom:1px solid #e7f5e4; } body#internal div#dashboard_and_notices div.column_b div.tabular ul li.important { font-weight:bold; } body#internal div#dashboard_and_notices div.column_b div.tabular ul li.warning { background:url(images/warning_icon_on_white.gif) 8px 10px no-repeat; padding: 10px 8px 10px 30px; border-bottom:1px solid #e7f5e4; font-weight:bold; } body#internal div#dashboard_and_notices div.column_b div.tabular ul li.warning a { color: #f46b6b; } span.alert { color:#CC0000; } /* tips block and warning block and notices column styles, div.dashboard_and_notices (shorter column a and wider column b */ body#internal div#dashboard_and_notices { float:left; width:892px; margin-bottom:30px; } body#internal div#dashboard_and_notices div.column_a { width:482px; } body#internal div#dashboard_and_notices div.column_b { width:410px; } body#internal div#dashboard_and_notices ul { padding-bottom:20px; } body#internal div#dashboard_and_notices div.column_a div ul li { width:120px; height:100px; float:left; padding:0 0 0 0; } body#internal div#dashboard_and_notices div.column_b div.tabular li { display:block; float:left; width:370px; } body#internal div#dashboard_and_notices div.column_b div.tabular span.date { float:left; clear:none; display:block; width:70px; } body#internal div#dashboard_and_notices div.column_b div.tabular p { float:left; clear:none; display:block; width:300px; padding:0; margin:0; } body#internal div.top_level ul, body#internal div#dashboard_and_notices div.column_a div ul { list-style-type:none; padding:0; margin: 0; } body#internal div#dashboard_and_notices div.column_b div.tabular span.tabular_title { background: #e7f5e4 url(images/title_tag_right_green.gif) top right no-repeat; } /* footer styles */ #footer {width:100%; z-index:9; clear:both; text-align:center; border:0px solid white; } #footer p{color:#79bff5; padding-top:10px;font-size:10px;} div#footer_gradient_area { width:100%; background: #195eac url(images/footer_gradient_area_bg.jpg) top repeat-x;clear:both;float:none; position:relative;} div#footer_gradient_area div#centered_footer {clear:both;width:978px;margin:0 auto;position:relative; top:-68px; border:0px solid orange;} div#footer_gradient_area div#centered_footer div#boxes {clear:both;width:894px;margin:0 auto;} div#footer_gradient_area div#centered_footer div#boxes div {float:left; width:284px; text-align:left;margin:40px 0 -30px 0;padding: 10px 0 0 0;border-top:1px solid #1b2a55; margin-right:20px; display:inline; position:relative;} div#footer_gradient_area div#centered_footer div#boxes div.larger {width:426px;} div#footer_gradient_area div#centered_footer div#boxes div.smaller {width:213px;} div#footer_gradient_area div#centered_footer div#boxes div.last {margin-right:0;} div#footer_gradient_area div div h3 {text-transform:uppercase;color:#beda28;letter-spacing:3px;font-size:10px;line-height:10px; padding-bottom:20px;} div#footer div#footer_gradient_area div div p {color:#79bff5; padding-top:0;font-size:12px;line-height:22px;} div#footer a {color:#d0e6f6;text-decoration:none;} div#footer_gradient_area div#centered_footer div.smaller p {padding-bottom:10px;padding-top:5px;border-bottom:1px dotted #193b7c} div#footer a:link, div#footer a:visited {color:#d0e6f6;} div#footer a:hover {color:#d0e6f6;text-decoration:underline;} div#footer div#footer_gradient_area div div ul {list-style-type:none; padding:0; margin:0;} div#footer div#footer_gradient_area div div li {padding:5px 0; border-bottom:1px dotted #193b7c;font-size:12px;line-height:22px;position:relative;} div#footer div#footer_gradient_area div div li a {color:#d0e6f6;} div#footer div#footer_gradient_area form input.button {position:relative; top:8px; padding:0; margin:0;border:0;} div#footer div#footer_gradient_area div.last p {padding-top:0; padding-bottom:0;margin:0;border:none;} div#footer div#footer_gradient_area p.phone {color:#79bff5;padding-left:23px;background:url(images/phone_icon.gif) 0% 25% no-repeat; display:block;} div#footer div#footer_gradient_area p.email {color:#79bff5;padding-left:23px;background:url(images/envelope_icon.gif) 0% 50% no-repeat; display:block;} div#footer div#footer_gradient_area p.chat {color:#79bff5;padding-left:23px;background:url(images/chat_icon.gif) 0 25% no-repeat; display:block;width:180px} div#footer div#footer_gradient_area div div p.follow {padding-left:20px;padding-top:12px;} /* footer vkmlm styles */ #footer-vk {width:100%; z-index:9; clear:both; text-align:center; border:0px solid white; } #footer-vk p{color:#79bff5; padding-top:10px;font-size:10px; } div#footer_gradient_area-vk { width:100%; background: #195eac url(images/footer_gradient_area_bg.jpg) 0px 0px repeat-x;clear:both;float:none; position:relative;} div#footer_gradient_area-vk div#centered_footer {clear:both;width:978px;margin:0 auto;position:relative; top:-65px; border:0px solid orange;} div#footer_gradient_area-vk div#centered_footer div#boxes {clear:both;width:894px;margin:0 auto; padding:0;} div#footer_gradient_area-vk div#centered_footer div#boxes div {float:left; width:284px; text-align:left;margin:40px 0 -30px 0;padding: 10px 0 0 0;border-top:1px solid #1b2a55; margin-right:20px; display:inline; position:relative;} div#footer_gradient_area-vk div#centered_footer div#boxes div.larger {width:426px;} div#footer_gradient_area-vk div#centered_footer div#boxes div.smaller {width:213px;} div#footer_gradient_area-vk div#centered_footer div#boxes div.last {margin-right:0;} div#footer_gradient_area-vk div div h3 {text-transform:uppercase;color:#beda28;letter-spacing:3px;font-size:10px;line-height:10px; padding-bottom:20px;} div#footer-vk div#footer_gradient_area div div p {color:#79bff5; padding-top:0;font-size:12px;line-height:22px;} div#footer-vk a {color:#d0e6f6;text-decoration:none;} div#footer-vk a:link, div#footer a:visited {color:#d0e6f6;} div#footer-vk a:hover {color:#d0e6f6;text-decoration:underline;;} div#footer-vk div#footer_gradient_area-vk div div ul {list-style-type:none; padding:0; margin:0;} div#footer-vk div#footer_gradient_area-vk div div li {padding:5px 0; border-bottom:1px dotted #193b7c;font-size:12px;line-height:22px;} div#footer-vk div#footer_gradient_area-vk div div li a {color:#d0e6f6;} div#footer-vk div#footer_gradient_area-vk form input.button {position:relative; top:8px; padding:0; margin:0;border:0;} div#footer-vk div#footer_gradient_area-vk div div p span.phone {color:#79bff5;padding-left:23px;background:url(images/phone_icon.gif) 0% 25% no-repeat; display:block;} div#footer-vk div#footer_gradient_area-vk div div p span.email {color:#79bff5;padding-left:23px;background:url(images/envelope_icon.gif) 0% 50% no-repeat; display:block;} div#footer-vk div#footer_gradient_area-vk div div p span.chat {color:#79bff5;padding-left:23px;background:url(images/chat_icon.gif) 0% 50% no-repeat; display:block;} div#footer-vk div#footer_gradient_area-vk div div p.follow {padding-left:20px;} /* img upload page styles */ img.uploader { float:right; clear:both; z-index:8; } .tabs-float ul { padding:40px 30px 0 0; margin:0; list-style:none; } .tabs-float ol { padding-top: 10px; padding-bottom: 10px;} body#internal .tabs-float ol li { list-style: decimal; color: #666666; } .tabs-float li { font-size:13px; list-style:none; } p.small_text, span.small_text { margin:10px 0; font-size:11px; } /* my images table styles */ table#image_table { margin: 0 0 20px 0; float:left; width: 844px; } #noImages { font-weight: bold; text-align: center; } div.image_container { position: relative; margin: 0; margin-right: 6px; margin-top: 10px; top: -10px; float:left; height: 105px; width: 273px; border: #ccc solid 1px; background: #fff; } .image_row { float: left; position: relative; top: 11px; } .image_information { position: absolute; background:#e4eef3; padding: 3px; width: 174px; left: 85px; font-size: 11px; text-align: left; } .image_name { top: 5px; font-weight: bold; } .image_size { top: 30px; } .image_data { top: 55px; } .image_size_address { display: none; } .image_code_label { position: absolute; background:#e4eef3; padding: 3px; width: 35px; font-size: 75%; left: 85px; bottom: 5px; } .image_size_selected { background: #abbbc7; } .image_size_unselected { background: #e4eef3; } .image_size_selectors { position: absolute; padding-bottom: 2px; width: 65px; left: 5px; bottom: 5px; } .image_size_selectors a { font: bold 10px arial,verdana; color: #f5f9fb; padding: 2px; } .image_path { position: absolute; bottom: 5px; left: 125px; } .image_path input { width: 134px; } .delete_link { position: absolute; right:15px; top: 7px; } .image_logo { position: absolute; left: 5px; top: 5px; } .image_logo a img { border: 2px solid #d3d3d3; } .image_logo a:visited img { border: 2px solid #d3d3d3; } .image_logo a:hover img { border: 2px solid #588ec9; } #iu_footer { margin-top: 10px; border-top: solid 1px #9ABCFF; width: 100%; font-size: x-small; font-family: Arial, helvetica, sans-serif; clear: both; } th { text-align:left; } table#report_table { line-height:21px; border-collapse:collapse; margin:10px 0; } table#report_table td, table#report_table th { border:2px solid #ededed; padding:5px; } table#report_table th { font-size:14px; background-color:#e6ffcd; padding:5px 5px 0 5px; } /* mixin main table styles */ div#mixins_main a img { float:left; } div#mixins_main p { font-size:12px; margin-top:15px; width:280px; height:75px; padding-left:15px; float:left; clear:none; } table#mixin_main td p { font-size:12px; margin-top:15px; font-style:italic; font-weight:normal; color:#666666; } /* poll results table styles */ div#current_results table { width:300px; border-collapse:collapse; margin-top:0; } div#current_results td { font-size:12px; } div#current_results td { vertical-align:top; font-weight:bold; } div#current_results td#total { padding-top:15px; font-size:11px; text-transform:uppercase; } div#current_results table td { padding-bottom:10px; } div.vote_bar { background:url(../images/bars/bar_bg.png) repeat-x; } p.poll_stats { line-height:22px; } p.poll_stats a { color:#666666; } p.poll_stats em { font-weight:bold; font-style:normal; } table.stripe { border:none; border-collapse:collapse; border:1px solid #99cc33; } table.stripe td, table.stripe th { padding:4px; } table.stripe th { background-color: #77ae39; color: #ffffff; } table.stripe tr.over td { background-color: #d5efa8; } table.stripe tr.alt td { background-color: #f2f8e2; } form.voting div { margin: 0 0 5px 0; } form.voting label { width:550px; } /* industry pages styles */ div#industry_pages p { clear:left; } div#industry_pages ul { margin: 0 0 20px 0; list-style:none; clear:both; } div#industry_pages li { padding-bottom:7px; background:url(images/features_bullet.gif) 0 5px no-repeat; padding-left:15px; } div#industry_pages h4 a { color: #f15e2d; text-decoration:none; } div#industry_pages img { float:right; padding: 0 0 0px 0px; height:100px; } div#industry_pages img.signup_page { float:left; height:auto; width:538px; margin: 0 0 30px 0; border: 1px dotted #ddd; } /* testimomnials page styles */ div.testimonials img { float:left; padding:0 10px 10px 0; height:75px; } div.testimonials div p a { font-size:11px; background:url(images/sidenav_bg.gif) 0% 50% no-repeat; padding-left:13px; } div.testimonials p em { font-weight:bold; } div.testimonials div { padding:15px 0; border-bottom:2px dotted #ccc; } body#internal div.newsletter ul {margin-bottom: 15px; } body#internal div.newsletter ul li { color: #ccc; } div.newsletter ul li a { color:#579412; } div.newsletter ul li a:link, div.newsletter ul li a:visited { text-decoration:none; } div.newsletter ul li a:hover { text-decoration:underline; } /* bare body id#signup form styles */ body#bare_body { margin:0; padding:20px 0; text-align:center; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#666666; background-color:#f7f7f7; background-image:none; font-size:13px; } body#bare_body * { margin:0; padding:0; } body#bare_body div#wrapper, body#bare_body div#support_popup { width:700px; margin:0 auto; text-align:left; border: 5px solid #CCCCCC; background-color:#fff; padding:20px; } body#bare_body div#support_popup { width:500px; } body#bare_body div#support_popup ul, body#bare_body div#support_popup ol { padding-left:20px; } /* user logo styles */ body#bare_body a img { margin-bottom:10px; } /* hr (horizontal line) styles */ hr, body#internal hr, body#bare_body hr { color:#d0d9e0; background-color:#d0d9e0; height:1px; margin: 0 0 10px 0; clear:both; border:none; } /* bare body font styles */ body#bare_body p { font-size:13px; line-height:17px; clear:both; color:#666666; padding-bottom:20px; } body#bare_body a { color: #438cde; } body#bare_body em { color:#660000; } /* bare body form styles */ body#bare_body div.sendcode form input { float:left; } body#bare_body form div { padding:10px 0px; float:left; } body#bare_body form div div { float:left; text-align:left; width:460px; clear:none; padding:0; } body#bare_body label { font-size:13px; float:left; width:200px; margin-right: 10px; text-align:right; } body#bare_body div.otherstate { margin: -5px 50px 8px 50px; } body#bare_body table.performance_graphs { padding: 0 75px 0 0; width:auto; } body#bare_body table.performance_graphs * { padding:0; margin:0; } body#bare_body div.performance_graphs table p { padding-top:5px; padding-bottom:30px; color: #333; } body#bare_body div.performance_graphs table.y_axis { border-right:1px solid #ccc; } body#bare_body div.performance_graphs td.x_axis { border-top:1px solid #ccc; } body#bare_body div.sendcode form div.buttons { clear:none; float:none; padding:0; margin:0; position:relative; left:10px; } input { font-size: 12px; } /* floats styles */ .right_float { float:right; clear:both; } .left_float { float:left; margin: -12px 10px 10px 0; } .float_none { float:none; } /* clear fix styles when needed */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* hides from IE-mac styles */ * html .clearfix {height: 1%;} .clearfix {display: block;} /* end hide from IE-mac styles */ /* user questions page styles */ body#internal form.questions_form div.form_help { background-color: transparent; color:#666; padding:0; } body#internal form.questions_form div.form_help p { color:#222; padding-bottom:10px; } body#internal form.questions_form div.form_data_with_help div.form_help p a { color: #225ca8; } /* questions.t js styles */ div#answer, div#password { position:relative; float:left; margin-right:3px; } input#answer-field, input#password-field { width:300px; } label.overlabel { color:#999; } label.overlabel-apply { position:relative; top:3px; left:130px; z-index:1; color:#999; } /* setup wizard steps styles */ body#internal div.wizard_steps * { margin:0; padding:0; } body#internal div.wizard_steps { width:872px; float:left; background-color:#f7f7f7; border:1px solid #f1f1f1; padding:10px; margin-bottom:30px; } body#internal div.wizard_steps p { width:320px; float:left; clear:none; color:#888; font-size:12px; } body#internal div.wizard_steps strong { display:block; color:#555; font-size:14px; } body#internal div.wizard_steps ol#three_step { float:right; width:405px; clear:none; background: url(images/status_bar_three_step.gif) no-repeat 20px 10px; } body#internal div.wizard_steps ol#four_step { float:right; width:540px; clear:none; background: url(images/status_bar_four_step.gif) no-repeat 20px 10px; } * html body#internal div.wizard_steps img { position:relative; top:15px; } body#internal div.wizard_steps ol { list-style-type:none; } body#internal div.wizard_steps ol li { display:block; float:left; width:129px; font-size:12px; line-height:12px; background: url(images/status_bar_circles.gif) no-repeat top left; color:#fff; font-weight:bold; padding: 5px 0 0 6px; } body#internal div.wizard_steps ol li span { background-image:none; background-color:#f7f7f7; display:block; clear:both; float:left; width:135px; padding: 5px 0 0 0; margin:3px 0 0 -6px; line-height:14px; color:#aaa; font-weight:normal; } * html body#internal div.wizard_steps ol li span { margin-left:-3px; } body#internal div.wizard_steps ol li.current { background-position:0 -20px; } body#internal div.wizard_steps ol li.current span { color:#555; font-weight:bold; } body#internal div.wizard_steps ol li.uncompleted { background-position:0 -40px; color:#999; } /* kolorPicker styles */ .kolorPicker_show { width:15px; height:15px; border:1px solid #000; float:left; background:#FFF; cursor: pointer; } /* add members page styles */ div.add_subscribers div.intro { margin-bottom:40px; padding:10px; background-color:#e8f4fa; border:1px solid #bddaea; width:468px; float:none; } div.add_subscribers img { float:left; margin: 0 30px 0 30px; } div.add_subscribers a img { float:left; margin:0; } div.add_subscribers div { width:207px; float:left; } div.add_subscribers div p { width:207px; height:95px;/*alter this value to push images down*/ float:left; } /* message editing template styles */ .template_modul { position: relative; padding: 5px; } .template_edit { margin: 0 0 0 33px; padding-right: 20px; padding-left: 20px; border: 1px solid #fff; z-index:23; float: left; } #template_edit_dual.template_editor .template_edit { padding-right: 20px; padding-left: 20px; } #template_edit_toc.template_editor .template_edit { padding-left: 20px; padding-right: 20px; } #template_edit_toc.template_editor .template_toc { padding-top: 12px; padding-right: 5px; padding-left: 54px; } .template_edit p { padding: 0; margin: 0; clear:none; } .tools { background: #fff; margin: 0; padding: 0 0 0 3px; border: 1px solid #ccc; border-right-width: 0; width: 30px; visibility: hidden; position: absolute; top: 5px; left: 5px; z-index:22; } .tools ul { font-weight: bold; color: #000; list-style-type: none; margin: 0 !important; padding: 0 !important; } .tools li { background-position: 3px 3px; background-repeat: no-repeat; text-align: center; margin: 6px 3px; padding: 0; width: 22px; height: 22px; overflow: hidden; border: 1px solid #fff; cursor: pointer; z-index:22; } .tools a { background-position: 3px 3px; background-repeat: no-repeat; text-align: center; padding: 19px 3px 3px; border: 1px solid #fff; cursor: pointer; width: 16px; height: 0; display: block; overflow: hidden; } .tools li:hover { background-color: #eee; border-color: #ccc; } .t-up, .t-up a { background-image: url(images/arrow_up.png); } .t-down, .t-down a { background-image: url(images/arrow_down.png); } .t-delete, .t-delete a { background-image: url(images/delete.png); } .t-add, .t-add a { background-image: url(images/add.png); } .t-edit, .t-edit a { background-image: url(images/page_edit.png); } .template_modul:hover { z-index:25; } .template_modul:hover .template_edit { background: #fff; border-color: #ccc; } .template_modul:hover .tools { visibility: visible; display:block; z-index:30; } .modul_right .tools { border-right-width: 1px; border-left-width: 0; right: 5px; } .modul_right .template_edit { margin: 0 33px 0 0; } /* login popup-form styles */ .loginform { width:252px; position:relative; top: -118px; left:748px; z-index:10; } .loginform span.title { color:#FFFFFF; font-size:14px; margin-right:5px; margin-bottom:0px; margin-left:10px; margin-top:0px; } .loginform span.btn { position:absolute; top:15px; margin-right:0px; margin-bottom:0px; margin-left:10px; margin-top:0px; } .loginpop { background: transparent url(images/login_bg.gif) top left no-repeat; padding: 20px; width: 252px !important; height:223px; position: absolute; top: 0px; right: 50px; display: block !important; min-height: 150px; } #cancelLogin { display: none; color: #154BA0; text-decoration: underline; cursor: pointer; } .loginpop #cancelLogin { display: inline; line-height: 30px; } /* login link styles */ p.login_button { position: absolute; top:-28px; right: 33px; text-align:right; color:#fff; margin:0; padding:0; float:none; } body#internal p.login_button a { color:#fff; text-decoration: underline; } /* form.logfl STYLES */ form.logfl, form.logfl div, form.logfl label { float:left; } form.logfl { clear:left; font-size:12px; margin-bottom:20px; } form.logfl input, form.logfl select, form.logfl textarea { border:1px solid #d0d9e0; background-color: #f2f6f9; padding:2px; } form.logfl input.radio_button, form.logfl input.checkbox { border:none; background-color: #fff; padding:0; } form.logfl label { width:120px; margin-right:5px; text-align:left; } form.logfl em { color:#990000; } form.logfl div, fieldset.logfl div { width:250px; clear:left; margin: 0 0 10px 0; } form.logfl login loginpop div { width:250px; clear:left; margin: 0 0 10px 0; } form.logfl div div { width:410px; clear:none;} form.logfl div.form_data_with_help { width:892px; clear:left; } /* form.logfl styles, form_data houses form elements, flush left */ form.logfl div.form_data_with_help div.form_data { width:530px; padding-right:15px; display:inline; clear:none; } form.logfl div.form_data_with_help div.form_data div { float:left; width:520px; margin: 0 0 10px 0; } /* form.logfl styles, form_help houses form advice and accessory information to right */ form.logfl div.form_data_with_help div.form_help { padding:15px 15px 0 15px; width:315px; background-color:#e6ffcd; display:inline; clear:none; } form.logfl div.form_help p { color:#579412; padding-bottom:15px; } form.logfl div.form_data_with_help div.form_help p a, body#internal form.fl div.form_data_with_help div.form_help p a { color:#579412; text-decoration:underline; } form.logfl ul, form.logfl li { font-size:inherit; color:#579412; } div#three_columns input.try_it_free { border: 1px solid #93be4d; } body#internal div.form_note { border:3px solid #f2f6f9; padding:10px; } form.logfl div p { padding:0 0 5px 0; margin:0; } form.logfl div.form_data p { margin-bottom:15px; padding:0; } form.logfl p.form_tip, p.form_tip, span.form_tip { font-size:11px; line-height:11px; font-style:italic; color:#579412; padding: 0 0 15px 0; margin:0; } form.logfl div div.input_group, form.logfl div.form_data_with_help div.form_data div.input_group, form.logfl div div.stacked_radios { width:280px; clear:none; margin-bottom:0px; } form.targeting div div.input_group { width:400px; } form.logfl div div.input_group select { margin-bottom:5px; } body#internal div.stacked_radios div { margin-bottom:5px; } body#internal form.targeting div div.input_group div.stacked_radios { margin-bottom:0; } /* form.logfl styles, color picker */ body#internal form.logfl div.form_data div.color_picker, body#internal form.logfl div div.color_picker { width:300px; clear:none; display:inline; } body#internal form.logfl div div.color_picker div, body#internal form.logfl div div.color_picker input { clear:none; padding:0; margin:0; } body#internal form.logfl div.color_picker a span { float:left; clear:none; display:block; width:15px; } /* form.logfl styles for buttons, additional space is added above and below them */ form.logfl div.buttons, div.buttons, form.logfl div.selection, body#internal form.logfl div.selection { float:none; clear:both; padding-top:20px; margin-bottom:20px; } form.login div.buttons, div.sidenote div.buttons { margin:0; padding-top:10px; } div.buttons img { cursor:pointer; } div.buttons a img { display:inline; margin-right:10px; float:left; } div.buttons div a img { margin-bottom:10px; } div.buttons form { display:inline; } form.logfl span.buttons { position:relative; top:9px; } form.logfl div.buttons input, div.buttons input, body#internal div.buttons input, form.logfl span.buttons input { border:none; background-color:transparent; padding:0; } div.column_c form.logfl { width:250px; } div.sidenote form.logfl, div.sidenote form.logfl div { width:280px; } div.column_c form.logfl div { width:250px; } div.column_c form.logfl div.buttons { margin:0; width:250px; } div.column_c form.logfl, div.column_c form.logfl div.buttons { margin:0; width:250px; } div.column_c form.logfl a, form.login a { color: #154ba0; } div.column_c form.logfl label, div.sidenote form.logfl label { float:none; } div.form_help p { font-size:12px; font-style:normal; padding:0; margin:0; } div.form_floats form.logfl { padding-right:10px; float:left; clear:none; width:auto; } body#internal form.logfl div.warning_block { padding:10px; background-color:#ffefe9; margin:0 0 15px 0; border:1px solid #fecfc2; float:none; clear:both; width:100%; } /* END form.logfl STYLES */ /* 404 page styles */ div.list_404 { list-style-type: disc; list-style-position: outside; color: #94bad9; } div.list_404 ul li a { color: #f1602f; text-decoration:none; } div.list_404 ul li a:hover { text-decoration:underline; } div#columns_404 { width:892px; display:inline; } div#column_404_a { position:relative; margin-top:3em; top:-2em; left:4em; float:left; display:inline; } div#column_404_b { float:left; margin-top:3em; margin-left:5em; display:inline; } div#column_404_b ol { margin-left:4em; } div#column_404_b ul { margin-left:4em; } div#column_404_b span.exclamation { color: #f1602f; font-size:1.5em; } /* video resource page styles */ .video-icon-main { margin-left:-1.4em; height:250px; } /* video resources page styles, gallery thumbnail section */ #tutorial-gallery { height:auto; background-image:url(images/movie_player.jpg); background-repeat:repeat-y; margin: 0 auto; width:inherit; } #tutorial-gallery ul { list-style:none; float: left; } #tutorial-gallery ul li { width:217px; height:210px; float:left; } #tutorial-gallery ul li a img { width:150px; border:5px solid #ccc; } #tutorial-gallery ul li strong { text-align:center; display:block; width:150px; } #tutorial-gallery ul li.now-playing a img { color:#b6cbef; text-decoration:underline; border-color:#337bd2; } #tutorial-gallery ul li.now-playing { color:#000; background-position:bottom; background-repeat:no-repeat; overflow:visible; } /* video resources page styles, top graphical banner and text */ .tutorial-banner { background-image:url(images/video_background.jpg); width:893px; height:99px; margin-left:-.7em; margin-bottom:3em; } .tutorial-banner p { margin-left:20px; color: #3079ce; font-style:italic; } /* video resources page styles, video player and frame */ #tutorial-contain { width:908px; float:left; display:inline; } #tutorial-display { float:left; display:inline; width:640px; margin-left:91px; border:10px solid #ccc; } #tutorial-background { background:url(images/movie_player_bottom.jpg) no-repeat; display:block; float:left; width:908px; height:120px; margin:0; } #leaning { background-image:url(images/leaning_woman.jpg); display:block; float:left; margin-top:111px; height:299px; width:96px; z-index:50; } .tutorial-icon-main { margin-left:20.5px; } /* quick tour page styles */ div#tour_position { margin-left:-.45em; } #shadow img { display:block; margin-top:2em; margin-left:auto; margin-right:auto; width:auto; height:auto; } /* STATISTICS PAGE STYLES */ /* buttons for stats page styles */ .stats-buttons { width:890px; min-height:270px; background-color:#f5f9fb; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #d8e5ea; border-right-width: 1px; border-right-style: solid; border-right-color: #d8e5ea; border-left-width: 1px; border-left-style: solid; border-left-color: #d8e5ea; border-top-width: 1px; border-top-style: solid; border-top-color: #d8e5ea; margin-bottom:2em;position:relative;} * html .stats-buttons {height:270px} .stats-buttons-pos { position:relative; margin-left:2em; font-size:12px; font-weight:bold; z-index:101; } .stats-buttons-pos ul { float:left; display:inline; width:500px; margin-bottom:2em; } .stats-buttons-pos ul li { list-style:none; display:inline; padding-left:1em; padding-right:1em; padding-top:4px; } .stats-buttons-pos h6 { color:#5883a8; padding-top:4px; font-size:12px; } .stats-buttons-pos ul li a { display:inline; color:#5883a8; font-size:12px; font-weight:bold; padding-right:2em; border-right-width: 1px; border-right-style: solid; border-right-color: #5883a8; } .stats-buttons-pos ul li.no-right a { border:none; } .stats-help a { padding-left:1.95em; font-size:12px; color:#5883a8; font-weight:normal; border-left-width: 1px; border-left-style: solid; border-left-color: #5883a8; } .stats-buttons-two { position:relative; right:0; font-size:12px; font-weight:bold; z-index:102; text-align:right;} .stats-buttons-two ul { display:inline; width:250px; float:right; padding:0 38px 0 0; } .stats-buttons-two ul li { list-style:none; display:inline; padding-left:1em; padding-right:.7em; padding-top:2px; } .stats-buttons-two ul li a label { padding-top:.95em; padding-bottom:.3em; padding-left:2.25em; background: url(images/check-stats-off.jpg) no-repeat; cursor: pointer; color:#5883a8; font-size:12px; font-weight:normal; text-decoration:none; } .stats-buttons-two ul li a label.checked { background: url(images/check-stats-on.jpg) no-repeat; color:#5883a8; font-size:12px; font-weight:normal; text-decoration:none; } .stats-buttons-two ul li a label.over { color:#5883a8; font-size:12px; font-weight:normal; text-decoration:none; } #stats-chart { position:relative; margin-left:1em; width:860px; height:200px; z-index:100; } div.film-reel { width:93px; height:26px; float:right;} .film-reel ul li { width:93px; height:26px; float:right; padding-right:0; padding-top:.2em; list-style:none; cursor:pointer; z-index:23; } h2.reports-title {width:200px; float:left;} /* END STATISTICS PAGE STYLES */ /* architext navigation screen styles */ div.template-button-container { margin-left: 40px; padding-bottom: 40px; padding-top: 10px } img.template-button { padding: 0; } img.template-button-middle { padding: 0 70px; } .stats-buttons p { margin: 0 0 0 40px; color: #666666; } .stats-buttons form { width: 600px; } .stats-buttons .form-container { padding: 30px 15px; background: #ffffff; border: 1px solid #C6D0D9; margin: 0 0 0 40px; } .stats-buttons .message-tips { width: 250px; float: left; margin: 0 0 40px 0; } .stats-buttons .message-tips span.message-tips-title { color: #F15E2D; } div.stats-buttons form.fl div.buttons { width: 100px; margin: 0 0 0 40px; } .clear-screen { clear:both; font-size:1px; line-height:0px; } div#layout-options{ width:668px; float:left; } div#layout-options a{ display:block; background:transparent url(images/layout-choices.jpg); height:158px; text-align:center; float:left; margin-right:5px; } div#layout-options a:active, div#layout-options a:visited, div#layout-options a:hover { text-decoration:none; } div#layout-options a span { display:block; font-size:10px; padding-top:138px; } div#layout-options a:link, div#layout-options a:visited { color:#666; } div#layout-options a:hover { color:#333; } div#layout-options a#single-column { width:157px; background-position:0 0; } div#layout-options a#single-column:link, div#layout-options a#single-column:visited { background-position:0 0; } div#layout-options a#single-column:hover { background-position:0 159px; } div#layout-options a#left-sidebar { width:157px; background-position:471px 0; } div#layout-options a#left-sidebar:link, div#layout-options a#left-sidebar:visited { background-position:471px 0; } div#layout-options a#left-sidebar:hover { background-position:471px 159px; } div#layout-options a#right-sidebar { width:157px; background-position:314px 0; } div#layout-options a#right-sidebar:link, div#layout-options a#right-sidebar:visited{ background-position:314px 0; } div#layout-options a#right-sidebar:hover { background-position:314px 159px; } div#layout-options a#two-column { width:157px; background-position:157px 0; } div#layout-options a#two-column:link, div#layout-options a#two-column:visited{ background-position:157px 0; } div#layout-options a#two-column:hover { background-position:157px 159px; } /* misc styles */ .question-mark { margin-left:5.5em; } /* pin pad styles */ .pin-holder * { padding:0; margin:0; } .pin-holder { padding:0; height:auto; margin:0; float:left; } .pin-column { float:left; width:61px; height:auto; } .blue-pin { background: url(images/pin_button_bg.gif) top left no-repeat; width:57px; height:34px; margin: 0 4px 4px 0; cursor:pointer; float:left; display:inline; } div#login_block_pin .pin-holder .pin-column .blue-pin p { width:auto; color:#313b5e; font-size:11px; line-height:11px; margin:0; float:left; padding:16px 0 0 6px; clear:none; } .pin-form { float:left; clear:both; margin-top:30px; } .forgot-pin { margin-top:2em; } .green { color:#1d4783; font-weight:bold; } .pin-input { margin-bottom:2.5em; display:block; } .space { margin-left:.5em; } /* awards page links and positions styles */ .awards-one { padding-top:12.7em; padding-bottom:7em; } .awards-two { padding-top:18.1em; padding-bottom:22.7em; } .awards-three { padding-top:29.5em; padding-bottom:33.7em; } .award-logos { margin-bottom:4em; padding-top:.8em; padding-bottom:50px; } /* pie chart styles */ div.tabular .s-column-contain div { margin:0; padding:0; } .s-column-contain { padding-top:1em; width:892px; min-height:350px; height:auto; background-color:#f5f9fb; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #d8e5ea; } .s-row-contain { float:left; width:50%; } .s-row { padding-top:1em; width:100%; height:auto; } .s-column { width:50%; float:left; background-color:#f5f9fb; } .s-column ul { list-style:none; margin: 0; } .s-column ul li { list-style:none; margin: 0 0 0 -1.5em; } .s-column ul li p { line-height:1.15em; padding-left:1em; font-size:12px; } .s-column ul li p a { color:#579412; } .s-text { background:url(/images/iconCSV.gif) no-repeat top left; padding-left:2.4em; padding-bottom:.5em; } .s-text-two { background:url(/images/iconTarget.gif) no-repeat top left; padding-left:2.4em; padding-bottom:.5em; } .s-column_title { font-size:13px; font-weight:bold; color:#5883a8; } .pie-legend * { padding:0; margin:0; } #pie-column { float:right; width:440px; } .pie-column { width:440px; float:right; background-color:#f5f9fb; } .pie-legend { float:right; display:block; width:385px; height:49px; background-color:#000000; margin-top:22em; margin-left:2.9em; background:url(/images/pie-chart-legend.jpg) no-repeat bottom left; } .pie-legend ul { position:relative; left:-.25em; } .pie-legend ul li { float:left; list-style:none; padding-top:1.65em; width:76px; text-align:center; } .pie-legend ul li p { color:#ffffff; font-size:14px; } .no-tracking { margin-top:8.25em; } .no-tracking p { font-size:1.3em; text-align:center; color:#666666; border:1px solid #5883a8; padding:.75em; line-height:1.2em; margin-top:auto; margin-bottom:auto; width:325px; height:auto; } .no-tracking p a { color:#579412; } .pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden } .pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 } #s1 { margin: 30px auto;} li.list_box { list-style:url(/images/check_box.gif ) inside; } /* image hosting/architext tabs hover and text decoration styles */ #tabs {z-index: 1; width:885px;float:left;clear:both;min-height:100px;} * html #tabs {height:100px;} #tabs ul li a:hover { text-decoration: none; } span.media_icon { margin-right: 10px; } code.code_reports { background: #d8e5ea; } .tabs_film { position: relative; left: 799px; top: 22px; width: 93px; height: 26px; z-index: 10; } /* metrics page styles */ .column_b span.metrics_cover_margin a img { margin-bottom: 170px; } .column_b iframe#a9cb71bd { margin-bottom: 63px; } /* revised signup box styles */ div#signup_box_wrapper{width:540px;float:left;position:relative;} div#signup_box_top {background:url(images/signup_box/signup_box_top.jpg) no-repeat;width:540px;float:left;height:152px;} div#signup_box_content {background:url(images/signup_box/signup_box_bg.jpg) repeat-y;width:540px;float:left;} div#signup_box_footer {background:url(images/signup_box/signup_box_bottom.jpg) no-repeat;width:540px;float:left;height:44px;} div#signup_box_top p {text-align:right;padding:11px 15px 0 0;font-size:11px;} div#signup_box_top h2 {text-align:center;font-size:27px; padding-top:66px;} div#signup_box_content form.fl {width:478px;text-align:left;margin:20px 25px 0 25px;float:left;display:inline;} div#signup_box_content form.fl div.section {background:url(images/signup_box/signup_box_divider.jpg) 0% 50% no-repeat;width:478px;text-align:center;margin-bottom:15px;} div#signup_box_content form.fl h3 {text-align:left;margin:0 25px;background-color:#EEF5FD;display:inline;padding:0 5px;} div#signup_box_content form.fl label {text-align:right;} div#signup_box_content form.fl span {font-style:italic;color:#6a7b97;} div#signup_box_content form.fl div {width: 490px; margin-bottom:20px;} div#signup_box_content form.fl div div {margin-bottom:0;padding-bottom:0;} div#signup_box_content form.fl input {width:340px;} div#signup_box_content form.fl div div.input_group span.buttons input {width:auto;} div#signup_box_content form.fl div div.input_group {width:360px;margin-bottom:0;} div#signup_box_content form.fl div div.form_warning {width:346px;margin:0;background:#fddcd9 url(images/form_warning_icon.gif) 3px 5px no-repeat;padding:padding:0 0 0 21px;} div#signup_box_content form.fl div div.form_warning p {padding:5px 5px 5px 23px;font-size:11px;margin:0; color:#ca5447;} div#signup_box_content form.fl p {font-size:11px;clear:both;margin-top:15px;line-height:14px;color:#53627b;} div#signup_box_content form.fl div.form_warning_wrapper input { border-color: #d66154; background-color: #f9f2f1; padding:2px; } div#signup_box_footer p {text-align:center;margin:10px 0 0 0;font-size:11px;} div#signup_free_box {background:url(images/signup_box/signup_free_box_bg.jpg) no-repeat;width:300px; height:116px;margin-bottom:30px;} div#signup_free_box h3 {color:#333;font-size:18px;padding:15px 0 5px 15px;} div#signup_free_box p span{font-weight:bold;} div#signup_free_box p {padding:0 15px;} div#signup_quote_wrapper {width:300px;margin-bottom:30px;} div#signup_quote_wrapper p {text-align:right;font-size:11px;line-height:14px;} div#signup_quote {background: #fff2e7 url(images/signup_box/signup_quote_top.jpg) no-repeat;width:300px;} div#signup_quote p {background: url(images/signup_box/signup_quote_bottom.jpg) 0% 100% no-repeat;width:240px;padding:30px 30px 40px 30px;font-style:italic;text-align:left;font-size:13px;line-height:20px;} div#signup_faq h4{font-size:11px;border-bottom:1px solid #d6d6d6;padding-bottom:3px;} div#signup_faq p{font-size:11px;} img.signup_banner {position:absolute;top:-5px;left:-5px;} /* New signup process insert page aka base blue box styles */ div#blue-box-wrapper {width:572px; margin:0 auto;} div#blue-box {width:572px;margin:0 auto; background:url(images/bluebox/bluebox_bg.gif) repeat-y;} body#internal div.blue-box-e {width:690px;margin:0; background:url(images/bluebox/bluebox_bg_e.gif) repeat-y;} div#blue-box div.top {background:url(images/bluebox/bluebox_top.gif) no-repeat;width:572px;float:left;height:6px;} body#internal div.blue-box-e div.top{background:url(images/bluebox/bluebox_top_e.gif) no-repeat;width:690px;float:left;height:6px;} div#blue-box div.bottom {background:url(images/bluebox/bluebox_bottom.gif) no-repeat;width:572px;float:left;height:39px;} body#internal div.blue-box-e div.bottom {background:url(images/bluebox/bluebox_bottom_e.gif) no-repeat;width:690px;float:left;height:39px;} div#blue-box div.content p {padding-bottom:20px;} div#blue-box div.content {padding:30px 25px 0 25px;} div#blue-box div.content img {padding-bottom:15px;} div#blue-box div.content form.fl label {text-align:right;width:125px;} div#blue-box div.content form.fl div.buttons {padding-top:10px;} div#blue-box div.bottom p {text-align:center;margin:10px 0 0 0;font-size:11px;} /*div#blue-box form.fl {margin-bottom:0;}*/ div#blue-box form.fl {width:478px;text-align:left;margin:0 25px 0 25px;float:left;display:inline;} div#blue-box form.fl span {font-style:italic;color:#6a7b97;} div#blue-box form.fl div {width: 490px; margin-bottom:20px;} div#blue-box form.fl div div {margin-bottom:0;padding-bottom:0;} div#blue-box form.fl div.buttons input {width:auto;} div#blue-box form.fl div div.input_group {width:360px;margin-bottom:0;} div#blue-box form.fl div div.state input {width:175px; float:left; margin-left:5px;} div#blue-box form.fl div div.state p.form_tip {width:175px; float:left; margin:-3px 0 0 5px; clear:none;padding:0;line-height:13px;} div#blue-box form.fl div div.state select {width:160px; float:left;} div#blue-box form.fl div div.form_warning {width:346px;margin:0;background:#fddcd9 url(images/form_warning_icon.gif) 3px 5px no-repeat;padding:padding:0 0 0 21px;} div#blue-box form.fl div div.form_warning p {padding:5px 5px 5px 23px;font-size:11px;margin:0; color:#ca5447;} div#blue-box form.fl div div.form_tip {width:346px;margin:0;background:#eff6fd;padding:padding:0 0 0 21px;} div#blue-box form.fl div div.form_tip p {padding:5px 5px 5px 5px;font-size:11px;margin:0;font-style:italic;color:#4091C9;} div#blue-box form.fl p {font-size:11px;clear:both;margin-top:15px;line-height:14px;color:#53627b;} div#blue-box form.fl div.form_warning_wrapper input { border-color: #d66154; background-color: #f9f2f1; padding:2px; } div#blue-box form.fl div.form_warning_wrapper select { border-color: #d66154; background-color: #f9f2f1; padding:2px; } div#blue-box form.fl input {width:340px;} /* labs */ div.labs-wrapper { background: url(images/labs-bg.jpg) no-repeat; float: left; width:893px; min-height:450px; } div.labs-wrapper p.downloads a{ display:block; background: url(images/downloads.gif) no-repeat; padding-left:30px; padding-top:4px; height:17px; } * html div.labs-wrapper { height:450px; } div.labs-wrapper h1 { color:#292c27; } div.labs-wrapper h1 span{ color:#7cbc4d; } div.labs-wrapper h3 { color:#4d5546; } body#internal div.labs-wrapper div.column_aa ul { list-style-type:none; padding-left:10px; text-align:left; margin-left:0; } div.labs-wrapper div.column_aa ul li { display:block; width:253px; height:59px; background: url(images/label-bg.jpg) no-repeat; } div.labs-wrapper ul li a{ display:block; width:163px; height:39px; padding-top:20px; padding-left:90px; color:#7a8173; } div.labs-wrapper ul li a.labs-overview{ background: url(images/labs-home.gif) 55px 17px no-repeat; } div.labs-wrapper ul li a.labs-projects{ background: url(images/testtube.gif) 55px 17px no-repeat; } div.labs-wrapper ul li a.labs-presentations{ background: url(images/presentations.gif) 55px 17px no-repeat; } div.labs-wrapper ul li.active { background: url(images/label-bg-active.jpg) no-repeat; } div.labs-wrapper ul li.active a { color:#e6ad01; } body#internal div.labs-wrapper div.column_bb div.demo{ position:relative; margin-bottom:20px; } body#internal div.labs-wrapper div.column_bb div.demo form input{ width:87px; background-color:#fff; border:1px solid #D0D9E0; padding:2px; } div.labs-wrapper div.column_bb ul{ padding-left:15px; } div.labs-wrapper div.column_bb ul li{ background-image: none; } div.labs-wrapper div.column_aa, div.labs-wrapper div.column_bb { padding-top:15px; } div.labs-wrapper p.recent-news { line-height:27px; color:#859179; margin-bottom:20px; } div.labs-wrapper p.recent-news span{ color:#4d5546; padding-right:10px; } div.labs-wrapper p.overview { margin-bottom:20px; color:#4d5546; } div.labs-wrapper p.recent-news a{ color:#e6ad01; } /* Industry Dropdown */ div.industry-averages {width:auto; float:right;text-align:right; padding-right:3.3em;padding-top:.3em; z-index:999;position:relative;} div.industry-averages div.label-text { float:left; text-align:left; padding-right:5px; display:inline; } div.industry-averages span.rate-text { float:left; text-align:left; color:#4192d6 } div.industry-averages div#industry-dropdown { float:left; text-align:left; } div#industry-dropdown ul { padding:0; margin:0; list-style-type:none; } div#industry-dropdown ul li{ float:left; position:relative; margin-right:5px; } div#industry-dropdown ul li a{ float:left; display:block; text-decoration:none; padding:0 18px 0 5px; line-height:17px; background:#EBEAEB url(images/arrow.gif) 97% 50% no-repeat; color:#333333; font-size:11px; border:1px solid #EBEAEB; text-transform:capitalize; } div#industry-dropdown ul li a:active, div#industry-dropdown ul li a:visited{ text-decoration:none; } div#industry-dropdown ul li a:hover, div#industry-dropdown ul li.active a { text-decoration:none; width:auto; background-color:#d1e3ef; border:1px solid #DDDDDD; } div#industry-dropdown ul li div { display:none; } div#industry-dropdown ul li ul li a{ background-color:transparent; width:176px; } div#industry-dropdown ul li.active div{ display:block; position:absolute; top:18px; left:0; background-color:#E9F3FA; height:227px; width:207px; padding:10px; border:1px solid #DDDDDD; z-index:3000; } div#industry-dropdown ul li.active div p{ display:block; position:absolute; top:15px; left:10px; height:20px; font-size:11px; font-weight:bold; } div#industry-dropdown ul li.active div ul{ display:block; position:absolute; top:35px; left:10px; background-color:#fff; height:200px; width:205px; overflow-y:auto; border:1px solid #BDBDBD; } div#industry-dropdown ul li.active ul li { margin-right:0; width:174px; } div#industry-dropdown ul li.active ul li a{ width:174px; color:#565656; border:none; background-image:none; padding:2px 7px; background-color:transparent; cursor:pointer; } div#industry-dropdown ul li.active ul li a:active, div#industry-dropdown ul li.active ul li a:visited{ background-color:transparent; border:none; } div#industry-dropdown ul li.active ul li a:hover{ background-color:#E9E9E9; border:none; }