/* Aweber 3.0 */ /* Global Elements */ body {background-color:#f5f5f5; color:#343434; font-family:Verdana, Arial, sans-serif; margin:0; padding:0;} img {border:0px;} a:link {} a:visited {} a:hover {} .clear {clear:both;} /* !Submenu */ #submenu {background:transparent url(/images/menu-bg.png) no-repeat; height:45px; position:relative; top:-22px; left:-20px; width:984px;} /* !Live Chat */ .live-chat {height:21px; left:22px; position:relative; top:6px; width:208px; z-index: 300;} #header {background:#ffffff; border-color:#cecece; border-style:solid; border-width:0px 1px; height:120px; margin:auto; padding:0px 10px; width:940px;} #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;} #logo a {display:block; width:257px; height:71px; margin-top:-5px; text-indent:-3333px;} #logo-image {display:none;} #flash {} /*----------------------------------------------------------*/ /* Menu */ /*----------------------------------------------------------*/ .sf-menu {float:right; list-style:none; margin:0; padding:0; } .sf-menu a {display:block; padding:6px 11px; text-decoration:none;} .sf-menu ul {position:absolute; top:-999em;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} /* !global tab styles */ .sf-menu li {display:block; font:bold 14px Arial; float:left; height:28px; margin-left:6px; position: relative; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0px 0px; z-index:5000; } .sf-menu li a {-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;} /*!Off Tabs*/ .sf-menu .off {background:#0470C3 url(/images/sprite-main.png) repeat-x 0 0; border:1px solid #2391d1; border-bottom:none;} .sf-menu .off:hover {background:#2697d6; border:solid 1px #1f85bd; border-bottom:none;} .sf-menu .off a {color:#c0e9ff; } .sf-menu .off:hover a {color:#fff;} /* !Off tab when dropdown is activated */ .sf-menu .off.sfHover {background:#fff; border:1px solid #c6c6c6; border-bottom:none; } .sf-menu .off.sfHover a {background:#fff; border-color:#c6c6c6; color:#2899d7;} .sf-menu .off.sfHover a:hover {color:#45b7f5} /*!On Tabs */ .sf-menu .on {background:#fffdef url(/images/sprite-main.png) repeat-x 0 -66px; border:solid 1px #e2d67d; border-bottom:none; } .sf-menu .on:hover {border:solid 1px #e2d67d; border-bottom:none;} .sf-menu .on a {color:#4f810e;} .sf-menu .on:hover a, .sf-menu .on:active a {background:#fffbd9 url(/images/sprite-main.png) repeat-x 0 -33px; color:#66ae0a} /* !On tab when dropdown is activated */ .sf-menu .on.sfHover {background:#fff; border:1px solid #c6c6c6; border-bottom:none;} .sf-menu .on.sfHover a {background:#fff; border-color:#c6c6c6; color:#2899d7;} .sf-menu .on.sfHover a:hover {color:#45b7f5} /* Order Tab */ #ordertab {background:#00da00 url(/images/sprite-main.png) repeat-x scroll 0 -99px; border:solid 1px #4c9907; border-bottom:none; } #ordertab:hover {background:#00e500 url(/images/sprite-main.png) repeat-x scroll 0 -132px; border-color:#5ab706;} #ordertab a {color:#defbbb;} #ordertab a:hover {color:#ffffff;} /*Drop Down List Elements*/ .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:28px; } .sf-menu li ul {background-color:#fff !important; border:#c6c6c6 solid 1px; border-top:none; list-style:none; margin-left:-1px; padding:7px; width:160px; -moz-border-radius: 0px 10px 10px 10px; -moz-box-shadow:0 2px 3px #ccc; -webkit-border-radius:0px 10px 10px 10px !important; -webkit-box-shadow:0 2px 3px #ccc;} /* !drop down li rest */ .sf-menu li li {border:none; -moz-border-radius:0px; -moz-box-shadow:none; margin:0px; -webkit-border-radius:0px; -webkit-box-shadow:none; margin:1px 0px; } .sf-menu li li a {background:none !important; color:#878787 !important; font-weight:normal;} .sf-menu li li a:hover {background:#2899d7 !important; color:#ffffff ; -moz-border-radius:7px !important; -webkit-border-radius:7px !important;} .sf-menu li li a:visited {font-weight:normal !important;} .sfHover li a:hover {color:#fff !important;} /* Dropdown Arrows */ .sf-sub-indicator {background:transparent url('/images/sprite-main.png') no-repeat -0 -2350px; display:block; height:5px; position:absolute; right:9px; top:12px; width:10px; text-indent:-999em; } .on .sf-sub-indicator {background:transparent url('/images/sprite-main.png') no-repeat -0 -2380px; } /* !Adds Padding to tabs with dropdowns */ .sf-menu a.sf-with-ul {padding-right:20px; min-width:1px;} /* !Arrow when dropdown is activated */ .sfHover .sf-sub-indicator {background:transparent url('/images/sprite-main.png') no-repeat -0 -2365px; } .sf-menu .features {width:350px;} .sf-menu .features li {height:50px; border-bottom:1px dotted #e4e4e4;} .sf-menu .features li a {height:35px; line-height:35px; padding-left:80px;} #sf-menu-email-newsletters a {background:url(/images/dropdown-menu/emailnewsletters.png) no-repeat 5px 3px !important;} #sf-menu-email-newsletters a:hover {background:#2899d7 url(/images/dropdown-menu/emailnewsletters.png) no-repeat 5px 3px !important;} #sf-menu-signupforms a {background:url(/images/dropdown-menu/webforms.png) no-repeat 7px 3px !important;} #sf-menu-signupforms a:hover {background:#2899d7 url(/images/dropdown-menu/webforms.png) no-repeat 7px 3px !important;} #sf-menu-managesubscribers a {background:url(/images/dropdown-menu/subscribers.png) no-repeat 10px 7px !important;} #sf-menu-managesubscribers a:hover {background:#2899d7 url(/images/dropdown-menu/subscribers.png) no-repeat 10px 7px !important;} #sf-menu-followups a {background:url(/images/dropdown-menu/followups.png) no-repeat 9px 3px !important;} #sf-menu-followups a:hover {background:#2899d7 url(/images/dropdown-menu/followups.png) no-repeat 9px 3px !important;} #sf-menu-analytics a {background:url(/images/dropdown-menu/analytics.png) no-repeat 5px 7px !important;} #sf-menu-analytics a:hover {background:#2899d7 url(/images/dropdown-menu/analytics.png) no-repeat 5px 7px !important;} #sf-menu-customersolutions a {background:url(/images/dropdown-menu/customersolutions.png) no-repeat 14px 3px !important;} #sf-menu-customersolutions a:hover {background:#2899d7 url(/images/dropdown-menu/customersolutions.png) no-repeat 14px 3px !important;} #sf-menu-overview a {color:#5f96b4 !important; font-size:16px; text-align:center; padding-left:0px;} #sf-menu-overview a:hover {color:#FFF !important;} /* Order Tab */ #ordertab {background:#00da00 url(/images/sprite-main.png) repeat-x scroll 0 -99px; border:1px solid #1fba00 !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:#00e500 url(/images/sprite-main.png) repeat-x scroll 0 -132px; color:#007c00;} /* Content */ #content {background:#ffffff; border-color:#cecece; border-style:solid; border-width:0px 1px; color:#5c5c5c; font-family:verdana; font-size:13px; margin:auto; padding:40px 30px 80px; width:900px;} /* Blog Header */ #bh-box {background:url(/images/bluefade.gif) #69c6e9 repeat-x; border-color:#cecece; border-style:solid; border-width:0px 1px; color:#154169; font-size:12px; height:54px; margin:0px auto; width:960px;} #bh-content {background:url(/images/blog-header.gif) no-repeat top left; color:#FFF; height:54px; line-height:54px; text-align:right; width:930px;} #bh-content h1 {display:inline; font-size:12px; padding:0;} #bh-content a {color:#FFF; text-decoration:none;} #bh-content #titletxt {color:#FFF; font-size:20px; font-weight:bold; margin-right:5px; position:relative; top:2px;} #bh-content #titletxt a {color:#FFF; text-decoration:none;} #shadow {background:url(/images/blog-shadow.jpg) repeat-x; border-color:#cecece; border-style:solid; border-width:0px 1px; border-top:1px solid #FFF; height:4px; margin:0px auto; width:960px;} /* 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 12px verdana; float:left; margin:5px 0 0 25px;} #full .text {padding:10px 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:normal 24px Verdana; margin:0 0 0 0; padding:0;} #full h2 {color:#3197fa; font:normal 18px Verdana; letter-spacing:.5px; margin:0; padding:7px 0;} #full h3 {color:#3197fa; font:normal 16px Verdana; letter-spacing:.5px; margin:0; padding:7px 0;} #full strong {color:#343434; font:bold 11px Verdana;} #full .icon {margin:0 5px -9px 0;} #article-title-individual {display:block; font-size:30px !important; font-weight:normal !important; margin-bottom:12px !important; margin-top:-15px; text-decoration:none !important; outline:none;} .retweet-index {float:right; margin-bottom:15px;} .comments-tags-index {margin-top:7px;} /* Left Column */ #left {color:#2a2a2a; font:normal 12px verdana; float:left; margin:5px 25px 5px 15px; width:620px;} #left p {margin:15px 0px;} #left a:link {color:#2d9aff; text-decoration:underline;} #left a:visited {color:#09579f;} #left a:hover {color:#21b709; text-decoration:underline;} #left h1 {margin:0 0 0 0; padding:0; font:normal 30px Verdana; color:#1473cb; } #left h2 {margin:0px; padding:15px 0 3px; font:normal 20px Verdana; color:#3197fa; letter-spacing:.5px;} #left h2.title {} #left h3 {margin:0; padding:20px 0 0px; font:normal 16px Verdana; color:#3197fa; letter-spacing:.5px;} #left .first_image {margin:0 15px 10px 0 !important; float:left !important;} #left strong {color:#343434; font:bold 11px Verdana;} #left ul {margin:0 45px 10px 45px; padding:7px 0;} #left .icon {margin:0 5px -9px 0;} #left .text {padding:10px 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;} #left .article-divider {background:url(/images/blog-divider.png) repeat-x; height:3px; margin:30px 0px 40px; width:100%;} /* Blog Extras*/ #left .author {margin:0; font:bold 12px Verdana; color:#00aa00;} #left .date {margin:0; font:bold 12px Verdana; padding:0 0 4px 20px; color:#3197fa; background:url(/images/blog-icon-date.gif) no-repeat;} #left .comments {margin:0; font:bold 12px Verdana; padding:1px 0 12px 28px; color:#000; background:url(/images/blog-icon-comments.gif) no-repeat;} .blogextra-heading {display:block; margin:0; font:normal 22px Verdana; padding:0px 0 12px 55px; color:#000;} /*tags*/ #left .tags-title {background:url(/images/blog-tags-icon.png) 0px 2px no-repeat;} #left .tags {display:block; font-size:12px; margin-left:55px;} #left .line {border-top:none; border-bottom:dotted 1px #cccccc; margin:10px 0 40px 0; padding:0 10px;} #left .lbl {color:#000;} /*related articles*/ #left .related-title {background:url(/images/blog-related-icon.png) 5px 0px no-repeat;} #left .related {margin:0; font:12px Verdana; padding:1px 0 12px 28px; color:#3197fa;} #left .related_post {margin-left:55px; margin-top:-12px; padding-top:0px; margin-bottom:0px;} #left .related_post li {list-style-type:none; margin-bottom:7px;} /*social media icons*/ .share-title {margin-top:-7px; padding-left:0px;} .socialmedia {border:none; display:block; float:left;} .delicious {background:url(/images/delicious.png) top left no-repeat; display:block; float:left; height:61px; margin-left:20px; width:68px;} .delicious:hover {background-position:bottom left;} .fb_share_count_wrapper {display:block; float:left; margin-left:13px;} .fb_share_no_count {display:block !important;} /*comments*/ .avatar {margin-top:3px;} #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:20px; list-style-type:none; margin-left:12px;} #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;} .bubble_icon {position:relative; top:3px; margin-top:-1px;} .comment-left {float:left; position:relative; top:10px; width:115px;} .comment-author {display:block; font-size:13px !important; font-weight:normal !important; margin-top:2px; padding-bottom:0px;} .comment-bubble {background:url(/images/blog-comment-middle.png) repeat-y; float:right; width:500px;} .comment-bubble-top {background:url(/images/blog-comment-top.png) no-repeat; height:26px; width:500px;} .comment-bubble-bottom {background:url(/images/blog-comment-bottom.png) no-repeat; height:11px; width:500px;} .comment-text {margin:-25px auto 0 auto; width:435px; overflow:hidden; min-height:70px;} #comlist ol {margin:0px; padding:0; padding:0px;} #comlist li {margin:33px 0; list-style:none; color:#2a2a2a;} #comlist small {color:#9C9C9C; font-size:11px;} #comlist strong {font-size:16px;} .awaiting-moderation {color:#1f85d0; font-size:12px; font-style:italic;} /*trackbacks*/ #trackbacks ul {margin-left:0px !important;} #trackbacks ul li {list-style-type:none; padding:10px; border:1px solid #e4e4e4; margin-bottom:15px;} /* staff comments */ .followme {margin-left:-5px; margin-right:2px; position:relative; top:2px;} .followmelink {font-size:10px;} .staff .comment-bubble-top {background-image:url(/images/blog-comment-top-staff.png);} .staff .comment-bubble {background-image:url(/images/blog-comment-middle-staff.png);} .staff .comment-bubble-bottom {background-image:url(/images/blog-comment-bottom-staff.png);} img.staff-photo {float: right;} /*comments-form*/ #comments-form label {margin-bottom:7px;} #send-notifications-new-comments {color:#3197fa; display:block; font-size:14px; margin-top:-5px; margin-bottom:15px;} #solo-subscribe-email {float:left; margin-right:10px; margin-top:2px;} #left small {font:normal 10px Verdana; color:#4e4e4e; } #left blockquote {border:2px solid #e9e6a8; background:#fdf9d3; color:#6c640b; margin: 20px 50px; padding:25px;} #left .nav {font-size:11px;} a.need-avatar {background:url(/images/need-avatar.jpg) no-repeat left center; float: right; margin: 24px 190px 0 0; padding: 2px 0 2px 25px;} /*Blog List Numbers */ ol .one {list-style-type:none; background-image:url(/images/numbers/number1.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .two {list-style-type:none; background-image:url(/images/numbers/number2.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .three {list-style-type:none; background-image:url(/images/numbers/number3.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .four {list-style-type:none; background-image:url(/images/numbers/number4.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .five {list-style-type:none; background-image:url(/images/numbers/number5.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .six {list-style-type:none; background-image:url(/images/numbers/number6.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .seven {list-style-type:none; background-image:url(/images/numbers/number7.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .eight {list-style-type:none; background-image:url(/images/numbers/number8.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} ol .nine {list-style-type:none; background-image:url(/images/numbers/number9.png); background-position:0px 5px; background-repeat:no-repeat; padding-bottom:10px; padding-top:10px; padding-left:35px;} .img-right {border:1px solid rgb(204, 204, 204); margin: 20px 0px 5px 10px; padding:2px; float:right;} .img-left {border:1px solid rgb(204, 204, 204); margin: 20px 10px 5px 0px; padding:2px; float:left;} .list-blank li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-blank.png) 5px 6px no-repeat;} .list-bulb li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-bulb.png) 5px 6px no-repeat;} .list-check li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-check.png) 5px 6px no-repeat;} .list-caution li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-caution.png) 5px 6px no-repeat;} .list-flag li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-flag.png) 5px 6px no-repeat;} .list-no_sign li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-no_sign.png) 5px 6px no-repeat;} .list-question li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-question.png) 5px 6px no-repeat;} .list-video li {margin-bottom:7px; padding:10px 32px; list-style: none inside; background:url(/images/blog-list-video.png) 5px 6px no-repeat;} /* Right Column */ #right {color:#2a2a2a; float:left; margin:0 10px 0 15px; width:205px;} #right a:link {color:#2d9aff; text-decoration:underline;} #right a:visited {color:#09579f;} #right a:hover {color:#21b709; text-decoration:none;} #right h1 {color:#00c100; font:normal 24px Verdana; margin:0; padding:0;} #right h2 {color:#00c100; font:normal 20px Verdana; margin:0; padding:0;} #right h3 {color:#00c100; display:block; font:normal 16px Verdana; margin:0 0 15px 0; padding:0;} #right .divider {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 .header-img {float:right; margin:-5px 0 0 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:0 375px 0 10px;} #home-block3 {background:url(/images/home_bg-newsletter.jpg) no-repeat; color:#5a5a56; height:225px; padding:40px 0 0 25px; font:normal 11px Verdana; width:800px;} #home-block3 h2 {font-size:22px; margin:0; letter-spacing:-1px;} #home-block3 h3 {color:#169A08; font-size:16px; margin:0; letter-spacing:-1px;} #home-block3 .text {padding:0 375px 0 10px;} #home-left {color:#2a2a2a; float:left; padding:10px 20px; width:480px;} #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;} #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 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:#fff; font:bold 11px Verdana; padding:2px 4px;} /* Features */ #feat-img {float:left; padding-top:8px; width:200px;} #feat-txt {float:left; width:330px;} /* Pricing */ #price-bg {background:url(/images/bg_price.gif) no-repeat; height:31px; padding:15px 0 0 5px; width:510px;} /* 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:#fff; font:bold 12px Verdana;} /* Forms */ .forms {} #email-desc {margin:0 0 10px 0;} .forms input[type="button"] {background:url(/images/button_on.gif) #22be0b; border:1px solid #7f9682; color:#fff; font:bold 11px Verdana; margin:5px 0 0 0; padding:5px 4px 3px 4px;} .forms input[type="button"]:hover {background:url(/images/button_hover.gif) #2096e2; border:1px solid #0d79bf;} .forms input[type="button"]:focus {background:url(/images/button_focus.gif) #0154b0; border:1px solid #043974;} .forms input[type="password"] {background:#ffffff; 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:url(/images/button_on.gif) #22be0b; border:1px solid #7f9682; color:#fff; font:bold 11px Verdana; padding:5px 4px 3px 4px;} .forms input[type="submit"]:hover {background:url(/images/button_hover.gif) #2096e2; border:1px solid #0d79bf;} .forms input[type="submit"]:focus {background:url(/images/button_focus.gif) #0154b0; border:1px solid #043974;} .forms input[type="text"] {background:#ffffff; border:1px solid #8d8d8d; color:#363636; font:bold 10px Verdana; margin:0 0 15px 0; 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 {display:block; font:bold 11px Verdana;} .forms select {background:#ffffff; 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 {background:#ffffff; 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:url(/images/button_on.gif) #22be0b; border:1px solid #7f9682; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;} .link-button a:visited {background:url(/images/button_on.gif) #22be0b; border:1px solid #7f9682; color:#fff !important; padding:7px 7px 4px 7px; text-decoration:none !important;} .link-button a:hover {background:url(/images/button_hover.gif) #2096e2; 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;} .forms .whysubscribe {float:right; margin:12px 0px 0 0;} /* Form Errors*/ .error {background:#ffa7a7; padding:10px 5px 5px 5px; margin-bottom:5px;} .error input[type="text"] {background:#ffffff; 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 {background:#ffffff; 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 {background:#ffffff; 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;} /*RSS Feed*/ #rssbox {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;} #rssbox a {display:block; text-decoration:none !important;} #rssbox .bigger {font-size:18px; position:relative; left:39px;} #rssbox .bigger a {text-decoration:none !important;} /*----------------------------------------------------------*/ /* Footer */ /*----------------------------------------------------------*/ #footer {background:#f2f2f2 url(/images/footer-bg.png) repeat-x; border-color:#cecece; border-style:solid; border-width:0px 1px; color:#505050; font-size:12px; height:230px; margin:auto; padding:0px; width:960px;} #footer .box {float:left; margin:10px 0px 0px 23px; width:290px;} #footer span {background:#e7e7e7; display:block; height:150px; padding:5px 8px; -moz-border-radius:10px; -webkit-border-radius:10px;} #footer h2 {color:#888888; font-size:22px; font-weight:normal; margin:0px 0px 8px;} #footer .more {color:#2899D7; font-size:12px; margin-top:10px; padding-left:20px; text-align: left;} #footer #learn a {background:transparent url(/images/sprite-main.png) no-repeat; color:#505050; display:block; font-size:14px; height:31px; list-style:none outside none; padding:14px 0 0 56px; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px;} #footer #learn a:hover {background-color:#f2f2f2; color:#2899D7;} #footer #learn #kb {background-position:10px -1280px;} #footer #learn #webinars {background-position:10px -1343px;} #footer #learn #videos {background-position:10px -1406px;} #footer #learn .divider {background:#d9d9d9 ; height:1px; margin:3px 0px; padding:0px;} #footer p {margin:0px; padding:17px 20px 35px;} #footer #blog {padding-top:10px;} #footer #blog a {background:transparent url("/images/sprite-main.png") no-repeat 3px -2630px; color:#2899d7; display:block; padding:10px 10px 1px 15px;} #footer #blog a:hover {background-position:3px -2660px; color:#196c9a;} #footer #blog small {display:block; margin-left:25px;} #footer #blog br {display:none;} #sub-footer {background:#2b4672; color:#c9d6ec; font-size:11px; height:120px; margin:auto; width:962px;} #sub-footer h3 {color:#ffffff !important; font-size:22px; font-weight: normal; margin:12px 0px 0px;} #sub-footer a.contact {color:#c9d6ec; text-decoration:none;} #sub-footer a.contact:hover {color:#ffffff;} #sub-footer p {margin:0px;} #sub-footer #address {float:left; letter-spacing:-1px; margin-left:25px; width:660px;} #sub-footer strong {color:#ffffff; font-weight: normal;} #sub-footer #copy {margin-top:10px;} #sub-footer a.legal {color:#4ebffe; text-decoration:underline;} #sub-footer a.legal:hover {color:#ffffff; text-decoration:none;} #sub-footer #search {float:left; margin-top:20px; width:260px;} #sub-footer #search-box {border-color:#7f8fa9; border-width:1px 0 1px 1px; border-style: solid; color:#6f6f6f; float:left; margin-top:2px; padding:8px 5px 7px 5px; width:195px; -moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px;} #sub-footer #search-button {background-color:#50a504; background-position:0 -99px; border-top:solid 1px #83db09; border-width:1px 0px; float:left; height:34px; padding:0 6px; margin-top:2px; text-transform:uppercase; width:40px; -moz-border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; -moz-box-shadow:none; -webkit-box-shadow:none;} #sub-footer #search-button:hover {background-color:#63b308; background-position:0px 132px; border-top:solid 1px #86d50f;} #sub-footer #social {float:left; margin-top:10px; text-align: right; width:250px;} #sub-footer #social a {background-image:url(/images/sprite-footer.png); display:block; border:solid 3px #c3cddd; float:right; height:30px; margin-right:6px; width:30px; -moz-border-radius:8px; -webkit-border-radius:8px; opacity:0.8} #sub-footer #social a:hover {border-color: #ffffff; opacity:1;} #sub-footer #fb {background-position:0 -90px;} #sub-footer #twitter {background-position:0 -60px;} #sub-footer #rss {background-position:0 -30px;} #sub-footer input[type="submit"] {background:#00c100 url(/images/sprite-main.png) repeat-x scroll 0 -202px; border:1px solid #44b324; border-top:1px solid #6fe03b; border-bottom:1px solid #1e5f0d; color:#ffffff !important; font-size:14px; height:30px; padding:0px 15px; text-decoration:none !important; -moz-border-radius: 6px; -moz-box-shadow: 0 2px 3px #3d3d3d; -webkit-border-radius: 6px; -webkit-box-shadow: 0 2px 3px #3d3d3d;} #sub-footer input[type="submit"]:hover {background-position:0 -237px; border-color:#2ab604; border-top:1px solid #39ec06; border-bottom:1px solid #218008; -moz-box-shadow: 0 2px 3px #3d3d3d;} #sub-footer input[type="text"] {background:#ffffff; border:1px solid #8d8d8d; color:#363636; font-size:14px; padding:5px 4px 3px 4px;} #sub-footer input[type="text"]:hover {background:#def7fe; border:1px solid #4ab7fe; color:#2c84da;} #sub-footer input[type="text"]:focus {background:#f8ffba; border:1px solid #ffdb72; color:#000000;} /* Page End */ #page-end {height:15px; margin:auto; padding-bottom:20px; width:952px;} /* 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;}