/*
Theme Name:Centercode Corporate
Theme URI:http://www.centercode.com
Description:Centercode's Primary Marketing Theme
Author:Centercode
Author URI:http://www.centercode.com
Version:1.0
*/

body {background:url(img/body-bg-new.png) top center no-repeat;text-align:center;font-family:"Droid Sans", arial, helvetica, sans-serif}
p {margin-bottom:25px}

a {color:#156D98;text-decoration:none}
a:hover {text-decoration:underline;color:#e34a34}

#container {margin:0 auto;text-align:left;width:1015px;height:600px}

#base {margin-right:28px}

#quickContact {text-align:right;height:40px}
#quickContact div {color:#999;padding-top:20px}
#quickContact a {font-weight:normal}

#logo img {margin-left:7px}

#pitch div {font-size:15px;padding:21px 0 20px 0;border:1px solid #eee;text-align:center}
#pitch div {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
#pitch div {background:url(img/pitch.png) top left repeat-x #F6F6F6;color:#888}
#pitch div a {font-weight:bold;color:#e34a34}

/* corners */

#globalMenu #innerglobalMenu ul li a,
#globalMenu #innerglobalMenu, #subMenu div, #actionMenu, 
#pageBody #infoForm .hidden {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}

/* top menu */

#globalMenu #innerglobalMenu {border:1px solid #ddd;background:url(img/gmenu-bg.png) bottom left repeat-x #fff;color:#999;padding:13px 2px;text-align:center;white-space:nowrap}
#globalMenu #innerglobalMenu ul {margin:0}
#globalMenu #innerglobalMenu ul li {margin:0;display:inline}
#globalMenu #innerglobalMenu ul li a {border:1px solid #dd8937;background:url(img/gmenu-item-bg.png) bottom left repeat-x #f89a3e;color:#fff;font-size:15px;margin:0 4px 0 5px;padding:6px 12px}
#globalMenu #innerglobalMenu ul li a:hover {border:1px solid #ca422e;background:url(img/gmenu-item-hover-bg.png) bottom left repeat-x #E34A34;color:#fff;font-size:15px;text-decoration:none}
#globalMenu #innerglobalMenu ul li.sel a {border:1px solid #ca422e;background:url(img/gmenu-item-hover-bg.png) bottom left repeat-x #E34A34;color:#fff}
#globalMenu #innerglobalMenu a {font-weight:bold;text-decoration:none}

#banner {height:105px}

/* left menu */

#subMenu div {border:1px solid #eee;background:url(img/vertmenu-grad.png) bottom left repeat-x #fff}
#subMenu div {padding:10px 10px 0px 10px;font-size:13px}
#subMenu strong {display:block;padding-top:3px;font-weight:normal;color:#000;font-family:"Droid Sans", arial, sans-serif}
#subMenu div ul {border-top:1px solid #eee;list-style-type:none;margin:6px 0px 20px 0;padding-top:3px;position:relative}
#subMenu div li {border-bottom:1px solid #eee;padding:5px 0px !important;margin:0;position:relative}
#subMenu div li.sel a {color:#e34a34;text-decoration:underline}
#subMenu div li#last {border-bottom:0;margin-bottom:-15px}

/* right menu */

#actionMenu {border:1px solid #eee;background:url(img/vertmenu-grad.png) bottom left repeat-x #fff;padding:10px 10px 0px 10px}
#actionMenu li {margin:0;padding:0}
#actionMenu strong {display:block;padding-top:3px;font-weight:normal;color:#000;font-family:"Droid Sans", arial, sans-serif}
#actionMenu ul {margin-bottom:10px}
#actionMenu ul#steps {border-top:1px solid #eee;list-style-type:none;margin:6px 0px 20px 0;padding-top:3px;position:relative}
#actionMenu ul#steps li {border-bottom:1px solid #eee;padding:5px 0px !important;margin:0;position:relative;font-size:13px}

/* ---- search */

#actionMenu #search-2 {margin:0 0 20px 0;padding:0;list-style-type:none;position:relative}
#actionMenu #search-2 li {margin:0;padding:0;position:relative}
#actionMenu #search-2 label {display:none}
#actionMenu #search-2 h2 {color:#000;margin-bottom:8px;font-family:"Droid Sans", arial, sans-serif;position:relative;font-size:13px;font-weight:normal}
#actionMenu #search-2 #s {border:1px solid #ccc;background:url(img/search-bg.png) top left repeat-x #fff;padding:4px;width:130px;position:relative}
#actionMenu #search-2 #s:focus {background:url(img/search-bg-focus.png) top left repeat-x #fff;border:1px solid #d5d8aa;color:#919466;position:relative}
#actionMenu #search-2 #searchsubmit {display:none}

/* ---- customer logo cycle */

#actionMenu #sponsors-slideshow-2 {border:1px solid #E34A34;background:#fff;text-align:center;margin-bottom:0px;padding-bottom:10px;margin-top:0px}
#actionMenu #sponsors-slideshow-2 {-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px}
#actionMenu #sponsors-slideshow-2 {-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px}
#actionMenu #sponsors-slideshow-2 {border-bottom-right-radius:6px;border-bottom-right-radius:6px}

#actionMenu #sponsors-slideshow-2 {list-style-type:none}
#actionMenu #sponsors-slideshow-2 strong {color:#fff;background:url(img/gmenu-item-hover-bg.png) bottom left repeat-x #E34A34;padding:6px 4px;display:block;font:bold 11px arial, sans-serif}
#actionMenu #sponsors-slideshow-2 img {padding:5px 0}

/* body */

a.pdf {background:url(img/pdf.png) right no-repeat;padding-bottom:1px;padding-right:20px} /* Show PDF icon on Linked Files */
a.png {background:url(img/img.png) right no-repeat;padding-bottom:1px;padding-right:20px} /* Show PNG icon on Linked Files */
a.ppt {background:url(img/ppt.png) right no-repeat;padding-bottom:1px;padding-right:20px} /* Show PPT icon on Linked Files */

.download {background:#eee;padding:15px;border:1px solid #ccc;margin-bottom:20px}
.download {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}

#pageBody {color:#333;_margin-left:8px}
#pageBody p {line-height:1.8;color:#333}
#pageBody b {color:#000}
#pageBody a {text-decoration:underline;font-weight:normal}
#pageBody a:hover {text-decoration:none;color:#666}
#pageBody li {line-height:1.8}
#pageBody p + ol {margin-top:-15px}
#pageBody ul.spaced li {margin-bottom:15px}
#pageBody ul.spaced {margin-bottom:25px;margin-top:25px}
#pageBody ul.spaced b {color:#333}
#pageBody big {font-size:120%}
#pageBody .crop  {border:8px solid #fff;overflow:hidden;background:#000} /* Used for Placing Images */

#pageBody ul {list-style-type:none;padding:0;margin-left:-15px}
#pageBody ul li {background-image:url(img/bullet.gif);background-position:0 0.6em;background-repeat:no-repeat;padding:0 0 0 13px}

#pageBody h2 {color:#E34A34;font-weight:normal;font-size:32px;line-height:1;margin:10px 0 25px 0;font-family:"Droid Serif", georgia, serif}
#pageBody h2 + p, #pageBody h2 + h3  {margin-top:-5px}
#pageBody h2 + p.single {margin-top:-15px} /* used for a single line paragraph following a title */

#pageBody h3 {color:#000;border-bottom:1px solid #eee;font:bold 17px "Droid Sans", georgia, serif;padding:6px 0;margin-bottom:15px;clear:both}
#pageBody h3 b {color:#d03434;font-weight:normal}
#pageBody h3.block {border-bottom:0;margin-bottom:5px} /* use when following by a block like a table */
#pageBody h3 small {color:#aaa;font-size:60%;margin-left:2px}
#pageBody h4 {margin:0 0 4px 0;font-weight:bold;font-family:"Droid Sans", georgia, serif;font-size:14px;color:#000}

#pageBody p .num {font-size:80%;color:#000;background:#eee;padding:1px 4px;border-radius:2px}
#pageBody p.justify {text-align:justify}
#pageBody p.light {background:url(img/grad-downdark2.png) bottom left repeat-x #fff;border:1px solid #eee;display:block;width:auto;margin-top:-10px}
#pageBody p.light {padding:6px 6px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#pageBody h4 + p.light {margin-top:2px}

#pageBody a.learnbtn {background:url(img/grad-downdark2.png) bottom left repeat-x #fff;border:1px solid #ddd;margin-bottom:10px;display:block;width:auto;text-align:center}
#pageBody a.learnbtn {padding:10px 15px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#pageBody div.learnbtn {background:url(img/grad-downdark2.png) bottom left repeat-x #fff;border:1px solid #ddd;margin-bottom:10px;display:block;width:auto;text-align:center}
#pageBody div.learnbtn {padding:10px 15px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}

#pageBody a.more {display:block;margin:15px 0 30px 0;padding:2px 12px;background:#eee;text-align:center;-moz-border-radius:3px} /* Currently Unused */
#pageBody .price {color:#529c32;font-weight:bold} /* Used to display prices */

/* jquery reveals */

#pageBody .showHide li {color:#156D98;font-size:15px;line-height:2.2;cursor:pointer;background-position:0 0.8em}
#pageBody .showHide li b {text-decoration:underline}
#pageBody .showHide.tight li {color:#E34A34;font-size:13px;line-height:1.7;cursor:pointer;background-position:0 0.5em}
#pageBody .showHide li span {background:url(img/grad-downdark2.png) bottom left repeat-x #fff;border:1px solid #eee;color:#444;display:block;padding:10px 15px;font-size:13px;line-height:1.8;margin-left:-20px;margin-bottom:10px}
#pageBody .showHide li span {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#pageBody .showHide li small {font-size:70%;color:#aaa}

#pageBody .showNoPad li span {background:transparent;padding:0;border:0;margin:0}

#pageBody .showHide .list {border:1px solid #ccc;margin-top:5px}
#pageBody .showHide .list td {padding:9px;border:1px solid #eee;background:url(img/grad-downdark.png) bottom left repeat-x #fff;_background:#;line-height:1.6}
#pageBody .showHide .list .fb {background:url(img/grad-downdark.png) bottom left repeat-x #E34A34;_background:#E34A34;color:#fff;width:70px;font-weight:bold}

#pageBody .showHide.horzRule {margin:0px;padding:0;color:#000}
#pageBody .showHide.horzRule li {border-top:1px solid #eee;line-height:2.5;padding:0;margin-left:20px;background:transparent;background-repeat:no-repeat;list-style-type:decimal}

/* individual page styles */

/* ---- Beta / Beta Types */

#pageBody #betaTypes a {text-decoration:none;box-shadow:rgba(0, 0, 0, 0.199219) 0px 0px 4px 0px, rgba(0, 0, 0, 0.0976563) 0px 5px 5px 0px;background:#F6F6F6;border-top:1px solid #fff;border-radius:10px;margin:25px 0 15px 0;margin:0 15px 15px 0;width:270px;float:left}
#pageBody #betaTypes a div {background:#eee;border:3px solid #fff;padding:12px 0 11px 0px;border-radius:10px;font:normal 17px/23px "Droid Sans", arial, sans-serif;text-align:center}
#pageBody #betaTypes a div:hover {background:#ccc}

/* Connect / Digital Brochure Pages */

#pageBody .featureList {list-style-type:none;margin:0;padding:0;border-top:1px solid #eee;margin-bottom:20px;border-top:1px solid #eee}
#pageBody .featureList li {border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;background:url(img/grad-downdark2.png) top left repeat-x #F6F6F6;padding:6px 10px;margin:0;color:#888;font-size:12px}
#pageBody .featureList li b {color:#000 !important;margin-right:3px}

.twoTone {color:#666}
.twoTone b {font-size:110%}

#pageBody .licenseValues {border:1px solid #ccc;width:100%} /* block of license parameters */
#pageBody .licenseValues td {padding:8px;border:1px solid #eee;background:url(img/row.png) bottom left repeat-x}
#pageBody .licenseValues th {padding:8px;border:1px solid #eee;background:#95161E;color:#fff}
#pageBody .licenseValues small {font-size:12px;color:#888;font-weight:normal}
#pageBody .licenseValues B {font-weight:bold;color:#000}
#pageBody .licenseValues .count {width:20%;text-align:center}

/* Call to Action Box */

#pageBody .callout {box-shadow:rgba(0, 0, 0, 0.199219) 0px 0px 4px 0px, rgba(0, 0, 0, 0.0976563) 0px 5px 5px 0px;background:#F6F6F6;border-top:1px solid #fff;border-radius:10px;margin:25px 0 15px 0}
#pageBody .callout div {background:#e3ef77 ;border:3px solid #fff;padding:15px;border-radius:10px;font:normal 17px/23px "Droid Sans", arial, sans-serif;text-align:center}
#pageBody .callout div strong {font-weight:bold;display:block;margin-bottom:4px}
#pageBody .callout.intro div {background:#d1edfc;font-size:13px;text-align:left;padding:12px 15px}
#pageBody .callout.tip {margin:-10px 0 25px 0}
#pageBody .callout.tip div {background:#eee;font-size:13px;text-align:left;padding:12px 15px}

#pageBody .screenshot {box-shadow:rgba(0, 0, 0, 0.199219) 0px 0px 4px 0px, rgba(0, 0, 0, 0.0976563) 0px 5px 5px 0px;border-top:1px solid #fff;border-radius:10px;margin:25px 0 15px 0}

#thumbs {float:right;padding:0 50px;width:408px;margin:5px 5px 0 0}
#thumbs img {border:2px solid #d8a519;box-shadow:0 3px 4px #cfa022;margin:0 0 10px 10px}

#pageBody .video  {border:5px solid #ddd;border-radius:6px}
#pageBody .video.centercode  {width:560px;height:315px;border-radius:6px}
#pageBody .video.connect {width:570px;height:427px; margin-bottom: 20px;}

.currentTextHolder {display:none!important}
.pp_description {font-size:16px!important;font-weight:normal !important}

/* Connect / Compare Editions */

.std {color:#1A6E9A !important}
.ent {color:#7dbd42 !important}

h2.std, h2.ent, h2.com {padding:9px 12px;color:#fff !important;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;_padding:0}

h2.std {background-color:#1A6E9A;_color:#1A6E9A !important;text-shadow:1px 1px 1px #0c3449}
h2.ent {background-color:#7dbd42;_color:#7dbd42 !important;text-shadow:1px 1px 1px #3f5f21}
h2.com {background-color:#e34a34;_color:#e34a34 !important;text-shadow:1px 1px 1px #832012}

#editionCompare {width:100%} 
#editionCompare .edition td {color:#fff !important;font-weight:bold;font-size:16px}
#editionCompare .edition .std {background:#1A6E9A;width:33%;text-shadow:1px 1px 1px #10425c;padding:12px 0}
#editionCompare .edition .ent {background:#7dbd42;width:33%;text-shadow:1px 1px 1px #56832e;padding:12px 0}
#editionCompare .edition a, #editionCompare .edition a:hover {color:#fff}

#editionCompare td.topleft {border-top-left-radius:12px}
#editionCompare td.botleft {border-bottom-left-radius:12px}
#editionCompare td.topright {border-top-right-radius:12px}
#editionCompare td.botright {border-bottom-right-radius:12px}

#editionCompare td.block {border-left:0;border-right:0;padding:11px 0 9px 0;text-align:center;font-weight:bold;background:none;background:#ffdf62;color:#6a5500;text-shadow:1px 1px 1px #fff46c}

#editionCompare td {border:1px solid #fff;padding:4px 6px;font-size:14px;text-align:center;background:#fffbca}
#editionCompare td.param {text-align:right;background:#fff;padding-right:15px;border-bottom:1px solid #fffbca}
#editionCompare td.param.botline {border-bottom:none !important}/* not working */

#editionCompare td.price {color:#000;font-weight:normal} /* Used to display prices */
#editionCompare td.price i {font-style:normal;color:#aa8800;font-size:80%}

#editionCompare span.unlimited {color:#95161e;font-weight:bold;font-size:90%}

#editionCompare td.dot {padding-top:10px}
#editionCompare .blank {background:none}

#editionCompare td.trial {background:#fff579;padding:11px 0 9px 0}
#editionCompare td.trial a {font-size:90%;font-weight:bold;text-transform:uppercase;background:#95161e;border-radius:5px;padding:4px 8px;color:#fff;text-decoration:none;box-shadow:0px 0px 4px #e1cb2f}
#editionCompare td.trial a:hover {background:#cd1f2c}

.tooltip {display:none;background:url(/img/tip-bg.png) top left repeat-x #ffffa3;border:6px solid #fff;box-shadow:0px 0px 15px #000;border-radius:4px;font-size:12px;padding:15px 20px;color:#222;width:342px;text-shadow:1px 1px 1px #fff}
.feature {background:url(/img/tip.png) top right no-repeat;padding-right:20px}
.tooltip b {font-size:130%;display:block;margin-bottom:5px;font-style:normal;font-weight:bold}

#pageBody .brochureContact {font-size:18px;padding:10px;margin-top:15px;background:url(img/grad-downdark2.png) top left repeat-x #F6F6F6;border:1px solid #eee;color:#888;display:block;width:auto;text-align:center}
#pageBody .brochureContact {-moz-border-radius:8px}

/* Clients */

#pageBody ul.logos {margin-left:-10px}
#pageBody ul.logos li {float:left;padding:0px;margin:0 0 10px 10px;background:#eee;position:relative}
#pageBody ul.logos img {margin-bottom:-5px}
#pageBody ul.logos div {color:#fff;display:none;width:180px;height:120px;font-family:verdana;font-size:10px;position:absolute;left:0;top:0;text-align:center}
#pageBody ul.logos b {display:block;font-size:12px;color:#fff;margin-top:40px;font-weight:bold;font-style:normal}
#pageBody ul.logos i {display:block;font-size:12px;color:#fff;margin-top:30px;font-weight:bold;font-style:normal}

#pageBody .testimonial {padding:15px;background:#fdffcd;margin-bottom:25px;margin-top:-5px;-moz-border-radius:10px;color:#000;font-style:italic}
#pageBody .testimonial span {color:#ff6600;font-weight:bold;font-style:normal}

#pageBody h3 + ul.logos.small {margin-top:20px}

#pageBody ul.logos.small div {color:#fff;display:none;width:126px !important;height:84px !important;font-family:arial;font-size:8px;line-height:11px;position:absolute;left:0;top:0;text-align:center}
#pageBody ul.logos.small img {width:126px !important;height:84px !important}
#pageBody ul.logos.small b {display:block;color:#fff;margin-top:26px;line-height:18px}
#pageBody ul.logos.small i {display:block;color:#fff;margin-top:18px;line-height:18px}
#pageBody hr {border:0;border-bottom:1px solid #eee}

/* footer */

#footer div {background:url(img/flowingfooter.png) top left no-repeat;text-align:center;margin-top:-10px;padding-top:110px;font-size:15px;color:#fff}
#footer a {margin:0 5px;color:#fff}
#footer p {margin-top:30px;color:#ddd}

/* General Utility */

.right {float:right}
.left {float:left}
.clear {clear:both}

div.right {float:right;margin-left:15px}
div.left  {float:left;margin-right:15px}

/* def tools */

.dev {position:absolute;top:1px;right:1px;padding:6px;background:#666;color:#fff;font-size:11px}

/* Search Results Page */

#searchResults ul {list-style-type:none;border-top:1px solid #eee;margin:15px 0 20px}
#searchResults li {padding:5px 0;margin:0;border-bottom:1px solid #eee}
#searchResults .btn a {color:#fff;background:#777;color:#fff;padding:4px 8px}
#searchResults .btn a {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}

/* Contact Us Page */

.contact {width:45%;float:left;margin-right:3%}
.contactFull {width:93%;float:left;margin-right:3%}

/* Forms */

#pageBody #infoForm label {margin:0 0 4px 0;display:block;padding:0;font-family:georgia;font-weight:bold;color:#000}
#pageBody #infoForm p {margin:0;padding:0}
#pageBody #infoForm h2 {font-size:24px}

#pageBody #infoForm input {padding:3px;font:normal 13px arial;color:#888;background:url(img/search-bg.png) top left repeat-x #fff;margin-bottom:20px;border:1px solid #ddd;width:40%}
#pageBody #infoForm textarea {padding:3px;height:60px;font:normal 13px arial;color:#888;background:url(img/search-bg.png) top left repeat-x #fff;margin-bottom:20px;border:1px solid #ddd;width:88%}
#pageBody #infoForm select {font:normal 13px arial;color:#888;background:url(img/search-bg.png) top left repeat-x #fff;margin-bottom:20px;border:1px solid #ddd;width:20%}
#pageBody #infoForm option {color:#888}

#pageBody #infoForm .url {width:20%}
#pageBody #infoForm .urlfull {width:40%}
#pageBody #infoForm .note {color:#aaa;font-size:11px;font-weight:normal;margin-left:5px}
#pageBody #infoForm .captcha {width:94px;font-size:20px}
#pageBody #infoForm .captchablock {padding:15px;background:#95161E}
#pageBody #infoForm .phone {width:20%}
#pageBody #infoForm .int {width:5%}
#pageBody #infoForm .name {width:30%}
#pageBody #infoForm .company {width:30%}

#pageBody #infoForm .date {width:12%}
#pageBody #infoForm .time {width:12%}
#pageBody #infoForm #editionCompare td {width:14.28%}
#infoForm #editionCompare td {} 

#edition_cost {margin-top:20px}

.atCentercode {_display:none}

#pageBody #infoForm .req {color:#E34A34;margin-left:2px}
#pageBody #infoForm input[type=submit] {background:url(img/button.png) bottom left repeat-x #fff;width:30%;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;font-size:14px;color:#000;margin-top:15px}
#pageBody #infoForm input[type=checkbox] {width:20px;margin:0;padding:0}
#pageBody #infoForm .chks input {_margin:0;_border:0;_width:auto;_background:transparent} /* IE6 Fixes */

#pageBody #infoForm .hidden {color:#000;font-size:12px;font-weight:normal;background:#fdffcd;margin-top:0;line-height:20px}
#pageBody #infoForm .hidden b {color:#000;font-size:14px;color:#f60}

#pageBody #infoForm .wpcf7-not-valid-tip-no-ajax {margin-left:10px;background:#95161E;color:#fff;padding:2px 6px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:12px}
#pageBody #infoForm .wpcf7-list-item {display:block}
#pageBody #infoForm .wpcf7-response-output {display:block;text-align:center;font-size:16px;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
#pageBody #infoForm .wpcf7-validation-errors {background:#95161E;margin-bottom:20px;padding:10px}
#pageBody .wpcf7-mail-sent-ok {background:#7DBC42;border:0;margin-bottom:20px;padding:20px;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
#pageBody .wpcf7-mail-sent-ng {background:#fdc631;border:0;margin-bottom:20px;padding:20px;color:#000;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}

/* Branding */

.colorTable {width:50px}
.colorTable td {color:#fff;padding:10px 10px 40px 10px;border-right:10px solid #fff}

.colorTable .red {background:#E24933}
.colorTable .darkRed {background:#9B3f0C}
.colorTable .orange {background:#F89A3E}
.colorTable .blue {background:#63C9D3}

.colorTable .lightBlue {background:#DDF2F8;color:#000}
.colorTable .darkBlue {background:#156D98}
.colorTable .toffee {background:#F9D470;color:#000}
.colorTable .applegreen {background:#7DBC42}

/* Management */

.avatar {width:13%;height:13%;margin-right:10px;margin-bottom:5px}

#total_msg {margin-top:15px;padding:10px;font-size:15px;color:#000}

#optin {background:url(img/grad-yellow.png) top left repeat-x #fff7bf;border:1px solid #eed9a1;padding:13px;margin-bottom:25px;color:#806300;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
#optin .nospam {font-size:10px;margin-top:16px}
#optin h4 {font-size:140%;margin:0;margin-bottom:4px}
#optin p {color:#000;margin-bottom:4px}