/* Aweber 3.0 */ /* Global Elements */ body {background:#FFF; 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; margin-right:20px; 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/sprite-main.png) repeat-x 0 0; 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/sprite-main.png) repeat-x scroll 0 -33px;} .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:#0470C3 url(/images/sprite-main.png) repeat-x 0 -33px; color:#1c3f5b;} /*Drop Down */ .sf-menu li ul {background-color:#f1f8fe !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 {background-image:none !important; background-color:#f1f8fe !important; color:#5790ce !important;} .sf-menu li li a:hover {background-image:none !important; background-color:#5790ce !important; color:#FFFFFF !important;} .sf-menu li li a:focus {background-image:none !important; background-color:#5790ce !important; color:#FFFFFF !important;} .sf-menu li li a:active {background-image:none !important; background-color:#5790ce !important; color:#FFFFFF !important;} /* On Tabs */ .sf-menu .on {background:#fffdef url(/images/sprite-main.png) repeat-x 0 -66px; 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:#0470C3 url(/images/sprite-main.png) repeat-x 0 -33px; color:#1C3F5B !important} /*On Tabs - Link Color/BG on the submenu */ .sf-menu .on a {color:#00aa00 !important; } .sf-menu .on a:active {background:#0470C3 url(/images/sprite-main.png) repeat-x 0 -33px; color:#1C3F5B !important} .sf-menu .on li a {color:#5790ce !important; background-color:#f1f8fe !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*/} /* 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;} .live-chat {margin-top:-10px; padding:4px 0 0 35px;} /* Content */ #content {background:#FFF; color:#676767; margin:auto; overflow:hidden; width:950px;} /* Blog Header */ #bh-box {background:url(/images/bluefade.gif) #69c6e9 repeat-x; color:#154169; font-size:12px; height:54px; width:100%; min-width:950px;} #bh-content {background:url(/images/blog-header.gif) no-repeat top left; color:#FFF; margin:0px auto; height:54px; line-height:54px; text-align:right; width:930px;} #bh-content a {color:#FFF; text-decoration:none; font-weight:bold;} #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-top:1px solid #FFF; height:4px; margin-bottom:40px; width:100%;} /* 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: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; padding-right:20px;} #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;} .stumbleupon {background:url(/images/stumbleupon.png) top left no-repeat; display:block; float:left; height:61px; margin-left: 20px; margin-right:28px; width:68px;} .stumbleupon:hover {background-position:bottom left;} .delicious {background:url(/images/delicious.png) top left no-repeat; display:block; float:left; height:61px; margin-right:20px; width:68px;} .delicious:hover {background-position:bottom left;} .facebook {background:url(/images/facebook.png) top left no-repeat; display:block; float:left; height:61px; width:50px;} .facebook:hover {background-position:bottom left;} /*comments*/ .avatar {border:1px solid #e4e4e4;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;} /*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-color:#1a68a5; border-top:solid 8px #072b48; color:#FFF; font-size:13px; float:left; margin:20px 0 0 0; width:100%; min-width:950px;} #footer a {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-size:20px; font-weight:normal; margin:0 0 5px 0;} #footer h2 a, #footer h2 a:visited {color:#3fc8ff; font-size:20px; text-decoration: none !important} #footer h2 a:hover {color:#b6eaff; text-decoration: underline !important} #footer h3 {color:#ffffff; font-size:18px; font-weight:normal; margin:0;} #footer strong {color:#ffffff; font-size:14px; font-weight:normal;} #footer small {color:#3fc8ff; padding-top:3px;} #footer .footer_divider {border-bottom:1px solid #17598f; height:20px; margin-bottom:20px;} #footer-top {background:#1a68a5 url(/images/sprite-main.png) repeat-x 0 -410px; height:80px; width:100%;} #footer-content {width:950px; margin:-50px auto 0px; padding-bottom:20px;} .box1 {border-right:1px solid #17598f; color:#d2f2ff; float:left; font-size:12px; margin-left:20px; width:280px;} .box1 ul {padding:0px; margin:0px;} .box1 ul li {list-style-type:none; margin:0px; padding:0px; width:150px;} .box1 ul li a {display:block; width:100%; padding:18px 54px; border-bottom:1px solid #17598f; text-decoration:none !important; color:#FFFFFF !important; font-size:16px !important;} .box1 ul li a:hover {color:#b6eaff !important; text-decoration: none !important;} .box1 #kb {background:transparent url(/images/sprite-main.png) no-repeat 0 -1275px;} .box1 #webinars {background:transparent url(/images/sprite-main.png) no-repeat 0 -1338px;} .box1 #videos {background:transparent url(/images/sprite-main.png) no-repeat 0 -1401px;} #follow-us h2 {margin-bottom:10px;} #follow-us a {background:url(/images/sprite-main.png) no-repeat; display:block; float:left; height:33px; left:-3px; margin-right:5px; position:relative; width:33px; text-decoration: none;} #follow-us .twitter {background-position:-0 -2044px;} #follow-us .twitter:hover {background-position:-0 -2082px;} #follow-us .facebook {background-position:-0 -2120px;} #follow-us .facebook:hover {background-position:-0 -2158px;} #follow-us .blog-email {background-position:-0 -2196px;} #follow-us .blog-email:hover {background-position:-0 -2234px;} #follow-us .rss {background-position:-0 -2272px;} #follow-us .rss:hover {background-position:-0 -2310px;} .box2 {float:left; width:270px; border-right:1px solid #17598f; margin-right:30px; padding-left:25px; padding-right:20px; font-size:13px !important;} .box2 a {font-size:13px; color:#FFF; text-decoration:underline;} .box2 a:hover {color:#B6EAFF; text-decoration: none} .box2 img {margin:0 0 -12px 6px; padding:6px 0;} .box2 .blog a {color:#ffffff !important;} .box2 .blog a:hover {color:#d2f2ff !important; text-decoration: underline;} .box3 {float:left; width:280px;} .box3 ul {padding:0px; margin:0px;} .box3 ul li {list-style-type:none; margin:0px; padding:0px; width:150px;} .box3 #search {background:transparent url(/images/sprite-main.png) no-repeat 0 -1464px;} .box3 #testimonial {text-align: right;} .box3 #testimonial .contact {margin: 15px 0 0 0;} .box3 #testimonial .company {font-size: 11px; margin: 0;} .box4 {width:100%; min-width:950px; background-color:#186099; margin-top:0px; border-bottom:5px solid #FFF; text-align:center; padding:10px 0;} .box4 a:link {color:#FFF; text-decoration:underline;} .box4 a:visited {color:#FFF; text-decoration:underline;} .box4 a:hover {color:#FFF; text-decoration:underline;} /* 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;}