body, div, span, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form, hr, fieldset {margin: 0; padding: 0;}
body {font: 62.5%/1.4 Helvetica, Arial, sans-serif; color: #414141; text-align: center;  background-color: #f5f5f5;}
h2 {font-size: 3.3em; font-weight: normal; line-height: 0.9em; margin-bottom: 0.3em;}
h3 {font-size: 2.4em; font-weight: normal;  line-height: 1.0em; margin-bottom: 0.4em;}
h4 {font-size: 14.5px; font-weight: bold; line-height: 1.2em; margin-bottom: 0.1em; }
h5 {font-size: 13px; font-weight: bold; line-height: 1.2em; margin-bottom: 0.1em;}
p {font-size:13px;  margin: .1em 0 .6em 0;}
li {font-size: 13px;  margin-bottom: 5px; }
ul {margin-left: 1.8em; list-style-type:square; }
ol {margin-left: 23px; }
blockquote {margin-left: 2.2em; padding: .2em; background: #efefef; border-left: 1px dotted #ccc;}
dl {font-size: 13px; }
table {border-collapse:collapse;}
td {font-size: 13px; }
th {font-size: 13px; font-weight: bold;}
input[type='checkbox'] {margin: 0;}
input[type='text'], input[type='password'] { font-size: 12px; padding: 2px; margin-right: 2px; border: 1px solid #C0C5CC; background:#FFF none repeat scroll 0%;}
select { font-size: 13px; padding: 0; margin-right: 2px; }
textarea {font-family: Arial, sans-serif; font-size: 1.2em; border: 1px solid #C0C5CC; background:#FFF}
span.errors input {border: 1px solid #FF0000;}
span.errors textarea {border: 1px solid #FF0000;}
label {font-size: 13px; color: #444;}
hr {margin: .2em .1em .6em;}
cite {font-style: italic;}
abbr, acronym, .help {border-bottom: 1px dotted #333; cursor: help;}
img {border: 0;}
a:link {color: #006A94; text-decoration: none;}
a:visited {color: #006A94; text-decoration: none;}
a:hover {color: #FFF; background-color: #006A94; text-decoration: none;}
a:active {color: #006A94; text-decoration: none;}
a.imagelink:hover, a.imagebutton:hover {background-color: transparent;}
a.para-follow {font-size: 1.2em;}
pre {border: 1px solid rgb(238, 238, 238); padding: 10px; background-color: rgb(248, 255, 255); font-size: 13px;}

.wrap {width: 980px; margin:0px auto; text-align: left;}
#head {background: #3485a8 url(/images/site/header-transition-to-dark.png) repeat-x top;}
#head .head-a {background: url(/images/site/panel-inset.png) repeat-x bottom;}
#head .head-b {background: url(/images/site/highlight.png) no-repeat top right;}
#head h1 {height:54px; width:220px;margin-left: -5px; top: 25px; margin-bottom: 30px; position: absolute; background:transparent url(/images/site/capsule-logo.png) no-repeat 0 0; text-indent:-9009px;}
#head h4 {position: absolute; display: block; top: 67px; margin-left: 92px;}
#head h4 a:link, #head h4 a:visited, #head h4 a:active {color: #99c6dd; font-size: 11px;}  
#head h4 a:hover {color: #fff;}

ul#navigation {float:right; height: 95px;}
ul#navigation li {margin-top: 27px; display:block; float: left; position: relative; padding: 7px 0; list-style-type:none; width: 125px; background: url(/images/site/blue-vertical-divider.png) repeat-y; }
ul#navigation li a {color: #FFF; display:block; text-decoration: none; font-size: 20px; line-height: 90%; padding: 0 10px; }
ul#navigation li a:hover {color: #eb592c; background-color: transparent;}
ul#navigation li span {display: block; font-size: 11px; text-transform: lowercase;}

#promo {clear: both;}
#promo div#w1 { height: 370px;}
#promo .intro {width: 370px; float: left;}
#promo .screenshot {float: right; margin-top: -10px; position: absolute; }
#promo h2, div#promo h3, div#promo p {color: #FFF;}
#promo h2 {margin-top: 35px; margin-bottom: 15px;}
#promo h3 {margin-bottom: 20px;}
#promo p {font-size: 16px;}
#promo a.button {margin-top: 42px; clear: both;}

#promo .action {padding-top: 34px; float: left; clear: both;}
#promo .action a.button {margin-top: 0; clear: both;}
#promo .action p {clear: both; color: #333; margin-left: 10px; font-size: 14px;}

#title {clear: both; height: 75px;  }
#title .wrap {height: 74px; background: url(/images/site/charty-arty.png) no-repeat bottom right; }
#title.title-signup .wrap {background-image: none;}
#title h2 {padding-top: 35px; color: #FFFFFF; text-align: left; margin-right: 50px; }
#title h3 {padding-top: 35px; color: #FFFFFF; text-align: center; font-weight: normal; }

#body {clear: both; padding: 35px 0 50px 0;}
body#home #body {clear: both; padding: 35px 0 50px 0;}
.body-break {background: url(/images/theme/horizontal-splitter.png) repeat-x; width: 100%; height: 2px; position: absolute; left:0;}

#footer {background-color: #444444; color: #FFF; padding: 25px;}
#footer p {font-size: 1em; margin-top: 15px; color: #FFF;}
#footer a:link, #footer a:visited {color: #FFF;}
#footer a:hover {background-color: #FFF; color: #555;}
#footer table {width: 100%;}
#footer td {padding: 5px 15px 5px 15px; background: url(http://capsulecrm.com/images/site/footer-div.png) repeat-y top right; vertical-align: top;}
#footer td.first {padding-left: 0;}
#footer td.last {padding-right: 0; background-image: none}
#footer h4 {color: #FFF;}

#footer ul {width: 980px; margin:0px auto; text-align: left; overflow: auto; font-size: 1em;}
#footer li {display: block; float: left; list-style-type:none;  padding:0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #CCC; line-height: 22px;}

.left-half {float: left; width: 48%; padding-right: 2%}
.right-half {float: right; width: 48%; padding-left: 2%}

.left-thirds {float: left; width: 64%; padding-right: 2%}
.right-third {float: right; width: 32%; padding-left: 2%}

.columns {overflow: auto; clear: both;}
.columns .column {float: left; padding: 0 25px; background: url(/images/theme/vertical-splitter.png) repeat-y top right;}
.columns .width1 {width: 230px;}
.columns .width2 {width: 460px;}
.columns .width3 {width: 690px;}
.columns .first {padding-left: 0;}
.columns .last {padding-right: 0; background: none;}

ul.features {margin:0;}
ul.features li {list-style-type:none; float: left; width: 337px; margin-bottom: 15px;}
ul.features li.even {margin-left: 15px;}
ul.features img {float: left; margin-right: 15px; margin-bottom: 10px; height: 32px; width: 32px;}
ul.features h4 {}

ul.news {margin: 0; }
ul.news li {list-style-type:none; margin-bottom: 5px; }
ul.news li span {display: block; font-size: 10px;}

.section {margin-bottom: 25px; }
.signup-section {margin-bottom: 35px; padding-bottom: 35px; background: url(/images/theme/horizontal-splitter.png) repeat-x bottom left; padding-right: 250px;}

.feature {margin-left: 425px; margin-bottom: 65px; clear: both;}
.feature img {margin-left: -425px; float: left; margin-bottom: 65px; margin-top: -25px; }

div.bt, a.button {float: left; background:transparent url(/images/theme/button-left.png) no-repeat left top; margin: 0; padding:0 0 0 9px; margin-right: 1px;}
div.bt input, a.button span {border: none; margin: 0; font-size: 16px; background:transparent url(/images/theme/button-right.png) no-repeat right top; height: 50px; line-height: 46px; color: #FFF; cursor:pointer; padding:0 20px 0 8px;}
div.bigbutton, a.bigbutton {background-image: url(/images/site/button-big-left.png); }
div.bigbutton input, a.bigbutton span {background-image: url(/images/site/button-big-right.png); height: 63px; line-height: 100%; font-size: 12px;}
div.bigbutton h3, a.bigbutton h3 {font-size: 20px; margin-top: 12px; margin-bottom: 4px;}
a.button span {float: left; }
div.bt input {padding-bottom: 6px; }

a.imagebutton {}

#blog-nav {float: right; width: 200px; padding: 25px; }
div.blog-entry {margin-bottom: 5em; padding-bottom: 5em; background: transparent url(/images/theme/horizontal-splitter.png) repeat-x left bottom; }
div.blog-entry h3 {margin-bottom: 0.2em; font-size: 3em;}
div.blog-entry .date {font-weight: bold; font-size: 1.1em; color: #777; margin-bottom: 1.5em; display: block;}
div.blog-entry .posted {margin-top: 2em; font-size: 1.1em; color: #777;}
.comments {margin-bottom: 4em;}
.comments .odd {background-color: #FDFDFD;}
.comments .even {}
.comments h3, .comments-form h3 {font-size: 2.8em; margin-bottom: 1em;}
.comment  {margin: 0 0 15px 0; padding: 15px 20px 5px 75px;}
.comment img {margin-left: -65px; position: absolute;}
.comment h4 {font-size: 1.8em; font-weight:normal; margin-bottom: 0.5em;}
.comment h4 span {font-size: 0.7em; color: #777; font-weight:normal; padding-left: 1em;}
.comments-form{margin-bottom: 2em; }

div#page-content {padding: 25px 25px 25px 25px; min-height: 400px;}

div.helpfile ol li {margin-bottom: 1.5em;}
div.helpfile li li {margin-bottom: 0;}
div.help-index-section {margin-bottom: 1.5em;}
div.help-index-section h5 {padding-left: 0em;}
div.help-index-section ul {}
div.help-index-section li {line-height: 100%; font-size: 13px; margin-bottom: 0; }
div.help-item h4 {font-size: 1.8em; padding-bottom:4px;}
div.index h4 {font-size: 1.8em; padding-bottom:4px;}
div.help-item, div.index {border-top: 1px dotted #999; padding-bottom: 20px; padding-top:20px;}
div.help-item h4 a:hover {background-color: transparent; color: inherit;}
div.help-item img {border: 1px solid #CCC; -webkit-box-shadow: rgb(171, 171, 171) 1px 1px 5px; -moz-box-shadow: rgb(171, 171, 171) 1px 1px 5px;}

p.page-header-text {margin-bottom: 1.4em; font-size: 1.4em; color: #003663;}
div.feature-section {margin-bottom: 1.0em;}
div.feature-section h3 {font-size: 1.4em; color: #003663;}
div.feature-section p {margin-bottom: 0;}
div.feature-image-left {margin-left: -10px;}
div.feature-image-right {text-align: right;}
div.feature-image-mid {text-align: center;}

ul.nav-list {margin: 0 0 0 0; }
ul.nav-list li {margin:0 15px 0 0; list-style-type:none; font-size: 1.4em; color: #444; padding: 7px 15px; border-top: 1px solid #E9E9E9;}
ul.nav-list li.nav-list-title {border: none}

/* field layout and formatting */
.propGroup {clear: both;}
.propGroup .prop {float: left; clear: none; margin-right: 3px;}
.prop {clear: both; padding-top: 0.2em; padding-bottom: 1em; overflow: hidden;}
.prop label {padding-right: 0.5em; display: block; text-align: left;}
.prop span.message {font-size: 13px;}
.prop span.fieldErrorMsg {color: red; display: block;}
.required {color: red;}
.clear {clear: both;}
.text {font-size: 13px;}
.question {font-size: 13px; font-weight: bold; color: #333; text-transform: none; margin-top: 10px; margin-bottom: 3px;}
.highlight {background-color: #C3D5DF; padding: 0.5em 1.0em;}
.subtext {font-size: 11px;}
.hint {font-size: 11px;}
div.clear {clear: both;}

.terms, .helpfile h3 {margin-top: 20px;}
.terms p, .helpfile p {margin-bottom: 15px;}
.terms p.bullet {margin-left: 1.6em; margin-top: -10px; margin-bottom: 15px;}

/* signup */
.headline {padding: 25px; text-align: center; font-size: 18px;}
.headline strong {font-weight: normal; padding: 9px 6px; background: url(/images/theme/highlighter.png) repeat-x top left; }
.signup {padding: 5px 25px 25px 25px;}
.signup ul {float: left; padding: 0; margin: 0; width: 100%;}
.signup li {padding: 0; margin: 0; float: left; width: 50%; list-style-type:none; text-align: center;}
.signup li.paid {background: url(/images/theme/30daytrial.png) no-repeat top right; }
.signup dl {margin-bottom: 25px;}
.signup dd {height: 70px;}
.signup h3 {margin-bottom: 0;}
.signup .price {font-size: 22px; display: block; line-height: 120%;}
.signup dt  {font-size: 16px;}
.signup dt strong {color: #d92803;}
.faq {padding: 20px;}
.faq ul {float: left; padding: 0; margin: 0; width: 100%;}
.faq li {padding: 0; margin: 0; float: left; width: 275px; list-style-type:none; padding: 15px;}

.addons img {margin-left: -4px; border: 4px solid #ececec; margin-bottom: 4px;}
.addons h4 {margin-top: 5px;}
.addons td {padding-right: 50px; width: 185px; vertical-align: top; padding-bottom: 35px;}
.addons p {margin-top: 4px; font-size: 12px;}
.addons .tag {margin-left: -5px;}

.tag {display:-moz-inline-box; display:inline-block; background:transparent url(/images/site/tag.png) no-repeat left -22px; margin: 0; padding:0 0 0 18px; margin-right: 1px;}
.tag span {display: block; font-size: 11px; font-weight: bold; background:transparent url(/images/site/tag.png) no-repeat right top; height: 18px; line-height: 18px; padding:0 10px 0 0;}

div.resource span.resource {font-weight: bold; font-size: 13px; font-family: monospace}

table.record-list {background-color: #FFF;}
table.record-list td {border-bottom: 1px solid #EEE; padding: 3px 5px;}
table.record-list th {background-color: #EEE; padding: 5px 5px;}