/* Aweber 3.0 */ /* Global Elements */ body {background-color:#FFFFFF; color:#343434; font:normal 11px Verdana; margin:0; padding:0; background-image:url(/images/submenu_back.gif); background-repeat:repeat-x; background-position:0px 88px;} img {border:0px;} a:link {} a:visited {} a:hover {} .clear {clear:both;} /* Page Layout */ #header {margin:auto; width:950px; height:120px;} #signin {float:right; font-size:14px; margin-top:10px; height:50px;} #signin a:visited, #signin a:link, #signin a:hover {color:#1483d9;} /* Logo */ #logo {position:absolute; top:15px; margin:0;} #flash {} /* Suckerfish Menu */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:1px 0 0 0; padding:0; list-style:none;} .sf-menu {line-height:1.0;} .sf-menu ul {position:absolute; top:-999em; margin-left:-1px; width:14em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left; position:relative;} .sf-menu a {display:block; position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em; /* match top ul list item height */ z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:8.5em; /* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:8.5em; /* match ul width */ top:0;} /*** AWeber SKIN ***/ .sf-menu {float:right; margin-bottom:1em; margin-top:-2px;} .sf-menu a {padding:.38em 1em; text-decoration:none;} /* visited pseudo selector so IE6 applies text colour*/ .sf-menu a, .sf-menu a:visited {color:#FFF; font:bold 14px Arial;} /*Off Tabs*/ .sf-menu li {background:#0470c3 url(/images/menu_off.gif) repeat-x; margin-left:2px; border:1px solid #1473cb; border-bottom:1px solid #eeeab6;} /*Off Tabs - Link Color/BG on the submenu */ .sf-menu li:hover a {color:#1c3f5b; background:#eef7fe url(/images/menu_off_h.gif) repeat-x;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#eef7fe url(/images/menu_off_h.gif) repeat-x !important; color:#1c3f5b !important;} /*Drop Down */ .sf-menu li ul {background:url(/images/transparentmenu.png) repeat !important; border-top:1px solid #b7cfd9 !important; border:1px solid #578fcb; margin-top:0px;} /*Drop Down List Elements*/ .sf-menu li li {background-image:none !important; background-color:transparent !important; border-bottom:1px solid #c1daf1 !important; border-top:none !important; border-left:none !important; border-right:none !important; margin:0px !important; width:14em;} .sf-menu li li a {color:#5790ce !important; background:url(/images/transparentmenu.png) repeat !important;} .sf-menu li li a:hover {background-image:none !important; background-color:#5790ce !important; color:#FFF !important;} .sf-menu li li a:focus {background-image:none !important; background-color:#5790ce !important; color:#FFF !important;} .sf-menu li li a:active {background-image:none !important; background-color:#5790ce !important; color:#FFF !important;} /* On Tabs */ .sf-menu .on {background:#fffdea url(/images/menu_on.gif) repeat-x; border:solid 1px #e9e6a8; border-bottom:solid 2px #fffdea !important;} .sf-menu .on:hover, .sf-menu .on:focus, .sf-menu .on:active {border:1px solid #1473cb;} /* On Tabs - Selected */ .sf-menu .on a:focus, .sf-menu .on a:hover {background:#eef7fe url(/images/menu_off_h.gif) repeat-x;} /*On Tabs - Link Color/BG on the submenu */ .sf-menu .on a {color:#00aa00 !important; } .sf-menu .on a:active {background:#eef7fe url(/images/menu_off_h.gif) repeat-x;} .sf-menu .on li a {color:#5790ce !important; background:url(/images/transparentmenu.png) repeat !important; } .sf-menu .on ul {background:#FFF !important;} .size_fix {font-size:10px;} /*** arrows **/ /* trigger IE7 hasLayout so spans position accurately */ .sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px;} /* 8-bit indexed alpha png. IE6 gets solid image only */ .sf-sub-indicator {position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('/images/arrows-ffffff.png') no-repeat -10px -100px;} /*Green arrow*/ .on .sf-sub-indicator {background-image:url('/images/arrows_green.gif')!important; background-position:center;} /* give all except IE6 the correct values */ /* use translucent arrow for modern browsers*/ a > .sf-sub-indicator {top:8px; background-position:0 -100px;} /* apply hovers to modern browsers */ /* arrow hovers for modern browsers*/ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator {background-position:-10px 0; } .sf-menu ul a > .sf-sub-indicator {background-position:0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } #ordertab {background-image:url(/images/menu_off_green.gif) !important; border: 1px solid #1fba00 !important; background-color:#2bb300 !important;} #ordertab.on {color:#FFF !important; border-bottom:none !important;} #ordertab.on a:visited {color:#FFF !important; border-bottom:none !important;} #ordertab.on a:hover {color:#FFF !important; border-bottom:none !important;} #ordertab a:hover {background-image:url(/images/menu_on_green.gif) !important;} .live-chat {margin-top:-10px; padding:4px 0 0 35px;} /* Content */ #content {color:#676767; margin:15px auto; margin-bottom:10px; overflow:hidden; width:950px;} /* Bread Box */ #bread-box {} .bread-crumb {background:#ecf6ff; color:#79b8f3; font:bold 10px Verdana; padding:6px 8px 6px 8px;} .bread-crumb a:link {color:#79b8f3; text-decoration:underline;} .bread-crumb a:visited {color:#79b8f3;} .bread-crumb a:hover {color:#3197fa; text-decoration:none;} .bread-b {color:#3197fa;} .bread-img {margin:0 0 -8px 0;} /* Full Column */ #full {color:#2a2a2a; font:normal 11px verdana; float:left; margin:5px 0 0 25px; width:720px;} #full .text {padding:25px 10px 10px 0;} #full small {color:#4e4e4e; font:normal 9px Verdana;} #full a:link {color:#1473cb; text-decoration:underline;} #full a:visited {color:#075caa;} #full a:hover {color:#21b709; text-decoration:underline;} #full h1 {color:#1473cb; font:bold 24px Verdana; margin:0 0 0 0; padding:0;} #full h2 {color:#3197fa; font:bold 20px Verdana; letter-spacing:.5px; margin:0; padding:7px 0;} #full h3 {color:#3197fa; font:bold 16px Verdana; letter-spacing:.5px; margin:0; padding:7px 0;} #full li {padding:5px 0px; margin-left:40px;} #full strong {color:#343434; font:bold 11px Verdana;} #full ul {margin:0; padding:0 20px 20px 0;} #full .icon {margin:0 5px -9px 0;} /* Left Column */ #left {color:#2a2a2a; font:normal 11px verdana; float:left; margin:5px 0 0 25px; width:665px;} #left a:link {color:#2d9aff; text-decoration:underline;} #left a:visited {color:#09579f;} #left a:hover {color:#21b709; text-decoration:underline;} #left h1 {color:#1473cb; font:bold 30px Verdana; margin:0 0 0 0; padding:0;} #left h2 {color:#3197fa; font:bold 14px Verdana; letter-spacing:.5px; margin:0; padding:7px 0;} #left h3 {color:#29c910; font:bold 13px Verdana; letter-spacing:.5px; margin:0; padding:7px 0;} #left li {margin-left:40px; padding:5px 0px;} #left strong {color:#343434; font:bold 11px Verdana;} #left ul {margin:0; padding:0 20px 20px 0;} #left .icon {margin:0 5px -9px 0;} #left .text {padding:25px 10px 10px 0;} #left .comments {background:url(/images/blog-icon-comments.gif) no-repeat; color:#3197fa; font:bold 12px Verdana; margin:0; padding:5px 0 12px 28px;} /* Right Column */ #right {color:#2a2a2a; float:left; margin:40px 0 0 15px; width:220px;} #right a:link {color:#2d9aff; text-decoration:underline;} #right a:visited {color:#09579f;} #right a:hover {color:#21b709; text-decoration:none;} #right h1 {color:#29c910; font:bold 24px Verdana; margin:0; padding:0;} #right h2 {color:#29c910; font:bold 20px Verdana; margin:0; padding:0;} #right h3 {color:#29c910; font:bold 16px Verdana; margin:0; padding:0;} #right hr {border-top:none !important; border-left:none !important; border-right:none !important; height:1px; overflow:hidden; border-bottom:dotted 1px #cccccc; margin:20px 0 20px 0; padding:0 10px;} #right li {font:normal 11px verdana; list-style:disc inside; margin:0px; padding:10px 0 0 15px;} #right li.blog {color:#4f96d8; font:normal 11px Verdana; list-style:disc outside; margin-left:10px; padding:5px 0;} #right li.blog a:link {color:#4f96d8; text-decoration:underline;} #right li.blog a:visited {} #right li.blog a:hover {color:#21b709; text-decoration:underline;} #right ul {margin:0 0 0 0; padding:0 15px 0 15px;} #right .icon {margin:0 0 -7px 0;} #right .icon-menu {margin:0 3px -3px 0;} .right-menu-current a:link {color:#09579f !important; font-weight:bold;} .right-menu-current a:visited {color:#09579f !important; font-weight:bold;} .right-menu-current a:hover {color:#21b709 !important; font-weight:bold;} /* Home */ #home-block1 {background:url(/images/home_bg-custsupport.jpg) no-repeat; color:#5a5a56; font:normal 11px Verdana; height:225px; padding:40px 0 0 25px; width:800px;} #home-block1 h2 {font-size:22px; margin:0; letter-spacing:-1px;} #home-block1 h3 {color:#169A08; font-size:16px; margin:0; letter-spacing:-1px;} #home-block1 .text {padding:0 375px 0 10px;} #home-block2 {background:url(/images/home_bg-webform.jpg) no-repeat; color:#5a5a56; height:225px; padding:40px 0 0 25px; font:normal 11px Verdana; width:800px;} #home-block2 h2 {font-size:22px; margin:0; letter-spacing:-1px;} #home-block2 h3 {color:#169A08; font-size:16px; margin:0; letter-spacing:-1px;} #home-block2 .text {padding:0px 375px 0 10px; margin-top:15px;} #home-block3 {background:#fffdf4; border:1px solid #cbccba; color:#151515; padding:25px 0 0 25px; font:normal 11px Verdana; width:923px; overflow:hidden; height:230px;} #home-block3 #templates-img {float:right; margin-top:12px; margin-right:-8px;} #home-block3 h2 {font-size:22px; margin:0; display:block; letter-spacing:-1px;} #home-block3 h3 {color:#000; font-size:14px; font-family: verdana; font-weight:normal; line-height:22px; margin:25px 0 0 0; display:block;} #home-block3 h3 a:link, #home-block3 h3 a:focus, #home-block3 h3 a:visited {color:#1573bd; font-size:15px; font-weight:bold;} #home-block3 h3 a:hover {color:#289bf6; text-decoration:none;} #home-block3 p {padding:0 375px 0 0px;} #block3_testdrive {display:block; margin-top:25px; width:215px;} #home-left {color:#2a2a2a; float:left; padding:10px 20px; width:625px; margin-top:20px;} #home-left a:link {color:#1473cb; font-weight:bold; text-decoration:underline;} #home-left a:visited {color:#1473cb; font-weight:bold; text-decoration:underline;} #home-left a:hover {color:#3197fa; text-decoration:none;} #home-left h1 {color:#27b314; font:bold 16px Verdana; letter-spacing:0px; margin:0; padding:5px 0 5px 2px;} #home-left h2 {color:#3197fa; font:bold 16px Verdana; letter-spacing:0px; margin:0; padding:0 0 5px 2px;} #home-left img {padding-right:10px;} #home-left label {color:#343434; font:bold 11px Verdana;} #home-left .field {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; height:14px; padding:5px 4px 3px 4px; position:relative; text-align:left; top:3px; width:188px;} #home-left .field:hover {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;} #home-left .field:focus {background:#f8ffba; border:1px solid #ffdb72; color:#b26d00;} #home-right {color:#2a2a2a; float:left; padding:10px 20px; width:240px; margin-top:20px;} #home-right a:link {color:#1473cb; font:bold 11px Verdana; text-decoration:underline;} #home-right a:visited {color:#1473cb;} #home-right a:hover {color:#3197fa; text-decoration:none;} #home-right h1 {color:#27b314; font:bold 16px Verdana; letter-spacing:0px; margin:0; padding:5px 0 5px 2px;} #home-right li {font:normal 11px verdana; list-style:disc inside; margin:0px; padding:0px 0 10px 0px; position:relative; left:-15px;} #home-right .icon {margin:0 0 -5px 0;} #home-right .order1 {color:#676767; font:bold 12px Verdana;} #home-right .order2 {color:#949494; font:bold 11px Verdana;} #home-right .order3 {color:#b8b8b8; font:bold 10px Verdana;} #home-right .order4 {color:#dbdbdb; font:bold 09px Verdana;} .test-button {background:url(/images/button_on.gif) repeat-x; border:1px solid #7f9682; color:#FFFFFF; font:bold 11px Verdana; padding:2px 4px;} /* Features */ .feature {margin-bottom:35px;} .feat-img {float:left; padding-top:8px; width:200px;} .feat-txt {float:left; width:440px;} .twitterchicklet {margin:10px 0 0 47px;} /* Pricing Universal*/ #price-bg {background:url(/images/bg_price.gif) no-repeat; height:31px; padding:15px 0 0 5px; width:510px;} .headline {color:#2aaafd; font-size:24px; font-weight:bold; margin-bottom:15px;} .headline a {text-decoration:none !important; color:#2aaafd !important;} .headline span {color:#0e498e; font-size:27px;} .list_checks li {background-image:url(/images/check.gif); background-repeat:no-repeat; background-position:0px 7px; list-style-type:none; padding-left:30px !important;} #pricechart {border:1px solid #CCC; font-size:12px; margin:10px 0px; width:329px;} #pricechart td {padding:6px 0px 6px 20px;} #pricechart .stripe {background-color:#f0efef;} #table_header {background-image:url(/images/table_header.gif); background-repeat:repeat-x; color:#FFF; font-weight:bold;} #trialbutton {margin-top:10px;} /*Pricing - White Version */ #features_list {font-size:12px; margin-left:100px;} #features_list-banner {font-size:12px; margin-left:130px;} #features_list-bar {font-size:12px; margin-left:140px;} /*Pricing - Yellow Box Version */ #yellowboxtop {background-image:url(/images/yellowtop.gif); background-repeat:no-repeat; margin-bottom:8px; height:13px; width:519px;} #yellowbox {background-image:url(/images/yellowmiddle.gif); background-repeat:repeat-y; width:519px;} #yellowboxbottom {background-image:url(/images/yellowbottom.gif); background-repeat:no-repeat; height:13px; width:519px; position:relative; top:-2px;} #yellowbox .list_checks {border-right:1px solid #ece6cc; width:310px;} #yellowbox .list_checks li {margin-left:20px;} #yellow_rightcolumn {float:right; margin-top:-3px; text-align:center; width:175px;} #yellow_rightcolumn #seal {margin-top:0px; margin-bottom:10px;} /* Login */ #login {float:left; padding:0 85px 0 85px; margin:5px 0 0 25px; width:365px;} #login a:link {color:#22be0b; font:bold 11px verdana;} #login a:visited {color:#22be0b;} #login a:hover {text-decoration:none;} #login .icon {margin:0 5px -16px 0;} #login-cust {background:#cee9cf; border:2px solid #aed5b0; color:#18941f; float:left; padding:5px 50px 30px 50px; margin-top:30px; text-align:right; width:260px;} #login-cust h1 {color:#22be0b !important; font:bold 20px Verdana !important; padding:5px 0 20px 0 !important; text-align:center !important;} #login-aff {background:#d9d9d9; border:2px solid #c9c9c9; float:left; padding:5px 50px 30px 50px; margin:30px 0 80px 0; text-align:right; width:260px;} #login-aff h1 {font:bold 20px Verdana; padding:5px 0 20px 0; text-align:center;} /* Order Page */ .order-info {margin-left:210px;} .receipt {background:#f8ffba; border:2px solid #ffdb72; color:#4e3a01; padding:20px;} .receipt h2 {color:#dde3a4 !important; font:bold 24px verdana !important; padding:0 !important;} .receipt h3 {color:#a8800d !important; font:bold 14px verdana !important; padding:0 !important;} .receipt strong {color:#423100 !important; font-size:12px !important;} .receipt ul {padding:0 30px !important;} #secure-bg {background:url(/images/secure_bg.jpg) no-repeat; color:#02305a; font-size:10px; height:216px; margin:auto; width:165px; padding:10px;} #secure-bg strong {color:#FFFFFF; font:bold 12px Verdana;} /* Thank You Confirmed */ .confirmed {background:url('/faq/images/split/mailbox.jpg') 575px 20px no-repeat;width: 890px !important;font-size: 12px;margin: 30px;} .confirmed ul {list-style-image:url('/images/blog-list-check.png');padding-bottom: 10px;} .confirmed a#signUp {display: block; background: #22be0b url('http://www.aweber.com/faq/images/split/button-bg.gif'); border: 1px solid #7f9682; color: #FFFFFF !important; font: bold 14px Verdana; padding: 8px 15px; text-decoration: none !important; width: 150px; text-align: center; height:21px;line-height:20px;} .confirmed a#signUp:hover {background: #22be0b url('http://www.aweber.com/faq/images/split/button-bg-hover.gif') !important; } .confirmed strong {font-size: 12px;} .confirmed p {margin:20px 0;padding:0;} .confirmed #buttonHeadline {display:none;font-weight:bold;} .confirmed #limitedOffer {display:none;color:#1473cb;width:180px;text-align:center;margin-top:5px;} /* Forms */ .forms {} .forms input[type="button"] {background:#22be0b url(/images/button_on.gif); border:1px solid #7f9682; color:#FFFFFF; font:bold 11px Verdana; padding:5px 4px 3px 4px;} .forms input[type="button"]:hover {background:#2096e2 url(/images/button_hover.gif); border:1px solid #0d79bf;} .forms input[type="button"]:focus {background:#0154b0 url(/images/button_focus.gif); border:1px solid #043974;} .forms input[type="password"] {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .forms input[type="password"]:hover {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;} .forms input[type="password"]:focus {background:#f8ffba; border:1px solid #ffdb72; color:#b26d00;} .forms input[type="submit"] {background:#22be0b url(/images/button_on.gif); border:1px solid #7f9682; color:#FFFFFF; font:bold 11px Verdana; padding:5px 4px 3px 4px;} .forms input[type="submit"]:hover {background:#2096e2 url(/images/button_hover.gif); border:1px solid #0d79bf;} .forms input[type="submit"]:focus {background:#0154b0 url(/images/button_focus.gif); border:1px solid #043974;} .forms input[type="text"] {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .forms input[type="text"]:hover {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;} .forms input[type="text"]:focus {background:#f8ffba; border:1px solid #ffdb72; color:#000;} .forms label {font:bold 11px Verdana; } .landing label {display:block;} .forms select {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .forms select:hover {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;} .forms select:focus {background:#f8ffba; border:1px solid #ffdb72; color:#000;} .forms textarea {border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .forms textarea:hover {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;} .forms textarea:focus {background:#f8ffba; border:1px solid #ffdb72; color:#000;} .link-button {font:bold 11px Verdana; padding-top:15px;} .link-button a:link {background:#22be0b url(/images/button_on.gif); border:1px solid #7f9682; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;} .link-button a:visited {background:#22be0b url(/images/button_on.gif); border:1px solid #7f9682; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;} .link-button a:hover {background:#2096e2 url(/images/button_hover.gif); border:1px solid #0d79bf; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;} #radio label {color:#343434; font:Bold 11px Verdana; top:-3px;} /* Form Errors*/ .error {background:#ffa7a7; padding:10px 5px 5px 5px; margin-bottom:5px;} .error input[type="text"] {border:1px solid #8d8d8d; color:#950808; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .error input[type="text"]:hover {background:#ff8181; border:1px solid #c40000; color:#950808;} .error input[type="text"]:focus {background:#f8ffba; border:1px solid #ffdb72; color:#b26d00;} .error label {color:#950808; font:bold 11px Verdana;} .error select {border:1px solid #8d8d8d; color:#950808; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .error select:hover {background:#ff8181; border:1px solid #c40000; color:#950808;} .error select:focus {background:#f8ffba; border:1px solid #ffdb72; color:#b26d00;} .error textarea {border:1px solid #8d8d8d; color:#950808; font:bold 10px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .error textarea:hover {background:#ff8181; border:1px solid #c40000; color:#950808;} .error textarea:focus {background:#f8ffba; border:1px solid #ffdb72; color:#b26d00;} /* Footer */ #footer {background-image:url(/images/footer-back.gif); background-repeat:repeat-x; background-color:#1b6dae; color:#FFF; font-size:13px; float:left; margin:20px 0 0 0; width:100%; min-width:950px;} #footer-content {width:950px; margin:0px auto; padding-top:40px; padding-bottom:20px; background-image:url(/images/footer-back.gif); background-repeat:repeat-x;} #footer a:link {color:#fbffb8; font:12px Verdana;} #footer a:visited {color:#fbffb8; font:12px Verdana;} #footer a:hover {color:#fbffb8; text-decoration:none;} #footer h2 {color:#3fc8ff; font:bold 18px Arial; font-weight:bold; padding:0; margin:0 0 15px 0;} #footer .footerheader:link {color:#3fc8ff; font:bold 18px Arial; font-weight:bold; padding:0; margin:0;} #footer .footerheader:visited {color:#3fc8ff; font:bold 18px Arial; font-weight:bold; padding:0; margin:0;} #footer .footerheader:hover {color:#3fc8ff; font:bold 18px Arial; font-weight:bold; padding:0; margin:0;} #footer .footer_divider {border-bottom:1px solid #0f436b; height:20px; margin-bottom:20px;} #footer .box1 {float:left; width:280px; margin-left:20px; border-right:1px solid #0f436b} #footer .box1 ul {padding:0px; margin:0px;} #footer .box1 ul li {list-style-type:none; margin:0px; padding:0px; width:150px;} #footer .box1 ul li a {display:block; width:100%; padding:18px 54px; border-bottom:1px solid #165384; text-decoration:none; color:#FFFFFF !important; font-size:16px !important;} #footer .box1 ul li a:hover {color:#b6eaff !important;} #footer .box1 #kb {background-image:url(/images/icon_lightbulb.gif); background-repeat:no-repeat; background-position:5px 8px;} #footer .box1 #webinars {background-image:url(/images/icon_webinars.gif); background-repeat:no-repeat; background-position:5px 8px;} #footer .box1 #videos {background-image:url(/images/icon_videos.gif); background-repeat:no-repeat; background-position:5px 8px;} #footer .box2 {float:left; width:270px; border-right:1px solid #0f436b; margin-right:30px; padding-left:25px; padding-right:20px; font-size:13px !important;} #footer .box2 a {font-size:13px; color:#FFF;} #footer .box2 img {margin:0 0 -12px 6px; padding:6px 0;} #footer small {color:#3fc8ff; padding-top:3px;} #footer .box3 {float:left; width:280px;} #footer .box3 ul {padding:0px; margin:0px;} #footer .box3 ul li {list-style-type:none; margin:0px; padding:0px; width:150px;} #footer .box3 #search {background-image:url(/images/icon_search.gif); background-repeat:no-repeat; background-position:5px 8px;} #footer .box3 #testimonial {text-align: right;} #footer .box3 #testimonial .contact {margin: 15px 0 0 0;} #footer .box3 #testimonial .company {font-size: 11px; margin: 0;} #footer .box4 {width:100%; min-width:950px; background-color:#186099; margin-top:0px; border-bottom:5px solid #FFF; text-align:center; padding:10px 0;} #footer .box4 a:link {color:#FFF; text-decoration:underline;} #footer .box4 a:visited {color:#FFF; text-decoration:underline;} #footer .box4 a:hover {color:#FFF; text-decoration:underline;} /* Status alerts */ .alert_div {background-color:#eee; border:2px dashed gray; margin-bottom:10px; padding:5px; width:580px;} .error_status_div {background:#FFABAB; border:1px solid #AD4D4D; color:#8C4C4C; padding:10px; margin:auto; margin:9px 15px;} .json_status_div {display:none;} .success_status_div {background:#AFFFAB; border:1px solid #6DA16B; color:#6A8269; padding:10px; margin:auto; margin:9px 15px;} .yield_status_div {background:#FEFFAB; border:1px solid #DDC57C; color:#6F603E; padding:10px; margin:auto; margin:9px 15px;} .m-error {background: url(/img/global/form_m_error.gif) no-repeat; padding:0px 0px 10px 30px; width:580px;} .m-yield {background: url(/img/global/form_m_yield.gif) no-repeat; padding:0px 0px 10px 30px; width:580px;} .m-success {background: url(/img/global/form_m_success.gif) no-repeat; padding:0px 0px 10px 30px; width:580px;} .status-icon {float:left; height:45px; left:10px; margin-left:5px; width:45px; top:0px;} .status-text {border-left:1px solid #707070; font-size:12px; margin-left: 70px; padding:5px 0 10px 20px; text-align:left; width:auto;} .status-text strong {font-size:18px;} /*Privacy Policy Page*/ .good {background:url(/images/blog-list-check.png) no-repeat; padding-left:35px; min-height:20px; margin-top:10px;} .bad {background:url(/images/blog-list-no_sign.png) no-repeat; padding-left:35px; min-height:25px; margin-top:20px;} /* Features: Templates */ .templates #tabContent {height:345px; position:relative;} .templates #browseTemplates {background-color:#fffcef; border:1px solid #ede7ce; padding:25px 0; position:absolute; top:0; z-index:1;} .templates #watchVideo {opacity:0; position:absolute; top:0;} /* TD Form*/ .split {background:url(/images/test-drive-bg.jpg) no-repeat; padding:15px 30px; width:621px; height:243px;} .split label {display:block; text-align:right; line-height:35px !important; font-size:12px !important; color:#FFF !important;} .testdrive input[type="text"] {border:1px solid #011620; padding:4px;} .testdrive input[type="text"]:focus {background-color:#f8ffba !important; border:1px solid #ffdb72 !important;} .td-headline {color:#FFF; font-size:30px;} .td-subheading {color:#6bbfe3; display:block; font-size:14px; margin-bottom:10px;} .testdrive input[type="submit"] {margin:10px 0 0 5px;} .testdrive input[type="submit"]:hover {border: 1px solid #22BE0B !important;} .privacy {color:#fff; display:block; margin-top:10px;} .privacy a {color:#6bbfe3 !important;} .privacy a:hover {color:#6bbfe3 !important;} /*** Video ***/ /* Video Play Button Overlays */ #play-button, #play-again {position:absolute;} #play-button img, #play-again img {border:medium none; cursor:pointer; opacity:0.8;} #play-button img:hover, #play-again img:hover {opacity:1.0 !important;} #vid-container {position:relative; width:600px;} #vid-container a:focus {-moz-outline-style: none;} /*Sets width buttons span to - use between 200px and 500px*/ #videoButtons {position:absolute; top:200px; width:300px;} /*Universal Video Button Styles*/ #videoButtons a {color:#FFF !important; display:block; font-weight:bold; font-size:14px; line-height:36px; text-align:center; text-decoration:none !important; height:40px;} .left {float:left; height:40px; position:relative; width:7px;} /*Green (Call to Action) Button Styles*/ .green {background:url(/images/video/green-right.png) no-repeat top right; overflow: hidden; height:40px;} .greenleft {background:url(/images/video/green-left.png) no-repeat top left;} #actionButton:hover .green {background-position:bottom right;} #actionButton:hover .greenleft {background-position:bottom right;} /*Gray (Replay) Button Styles*/ .gray {background:url(/images/video/grey-right.png) no-repeat top right; overflow:hidden; height:40px;} .grayleft {background:url(/images/video/grey-left.png) no-repeat top left;} #replayButton {margin-top: 10px;} #replayButton:hover .gray {background-position:bottom right;} #replayButton:hover .grayleft {background-position:bottom right;} #playback {position:relative; top:7px;} #soundButton {position:absolute; left:0; top:0; width:580px;} /*Tabs*/ #comment_tabs {padding:0px; margin:-1px 0 0 -10px !important;} #comment_tabs li {background:url(/images/comment_tab_left.png) no-repeat top left; float:left; font-size:18px; list-style-type:none; margin-left:12px; padding:0 !important;} #comment_tabs li a {background:url(/images/comment_tab_right.png) no-repeat top right; color:#FFF !important; display:block; outline:none !important; padding:4px 12px 6px 1px; position:relative; left:11px; text-decoration:none !important;} #comment_tabs_underline {background:url(/images/comment_tabs_underline.png) repeat-x; clear:both; height:9px; width:100%;} .comment_tab_on {background-position:0px -37px !important;} .comment_tab_on a {background-position:right -37px !important;}