﻿body {
	margin: 0; padding: 0;
	background: url(../images/background.gif);
	color: #000;
	font-size: 9pt; 
	font-family: Trebuchet MS, Arial, Sans-Serif;
 	text-align: center;
	line-height: 1.5em;
}

a { color: #007dcb; }
a.active, a:hover { color: #e60d2e; }
a.disabled { color: #a0a0a0; }
a.aname, a.aname:hover { color: inherit; }

ul, dl { margin: 0; padding: 0; list-style-type: none; }
li, dd {
	margin: 0; padding: 0;
	line-height: 1.2em;
}
dt { font-weight: bold; }
ol li { margin: 1.1em 0; }

#test dt { margin-top: 1em; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { 
	margin-top: 1em;
	margin-bottom: .5em;
	padding-bottom: 1px;
	font-size: 17pt;
	font-weight: normal;
	color: #000;
	background: url(../images/h1_background.png) no-repeat bottom right;
}
#twocolumn #content h1 { width: 357px; }
#twocolumn #content.ice h1 { width: inherit; }
h2 {
	margin: 1em 0 .2em 0; padding: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #8F843D;
	line-height: 1em;
}
h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #717073;
}
#test h3 { margin-top: 1em; }
h4 {
	margin-bottom: .5em;
	font-size: 9pt;
	font-weight: bold;
	color: #4c4c4c;
}
h5 {
	margin: 1em 0;
	font-size: 10pt;
	font-weight: bold;
	color: #007dcb;
}
h6 {
	font-size: 1em;
	color: #000;
}

h2 em { font-weight: normal; font-style: normal; }

h2.goal { font-size: 11pt; }
h2.goal em { color: #666; font-size: 10pt; font-weight: bold; }

h2.study { font-size: 9pt; }
h2.study em { color: #000; }
h2.study em a { line-height: 1.3em; font-weight: normal; }

h3.tableheader { margin: 1.5em 0 .5em 0; font-weight: normal; }

p { margin: .5em 0; padding: 0; line-height: 1.4em; }
p.intro {
	color: #717073;
	font-size: 12px;
	font-weight: bold;
}
#salestext p { margin: 1em 0; }
p.code {
	margin: 1em 0;
	padding: .5em;
	border: 1px solid #ccc;
	background-color: #f0f7fb;
	font-family: Courier New, Courier;
	font-size: 8pt;
	line-height: 1.5em;
}

img { border: 0; }
tr { vertical-align: top; }

hr { height: 2px; color: #aaa8a9; border: 0; margin: .5em 0; }
html>body hr { background-color: #aaa8a9; }

/*** utility ***/
.notop { margin-top: 0; }
.nobot { margin-bottom: 0; }
.nospc { margin: 0; padding: 0; }
.fullspace { margin: 1em 0; }
.bigtop { margin-top: 2em; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.xs { font-size: 7.5pt; }
.sm { font-size: 8pt; }
.ms { font-size: 9pt; }
.md { font-size: 10pt; }
.mdtxt { font-size: 11pt; }
.lgtxt { font-size: 12pt; }
.thin { width: 350px; }
.loose { line-height: 1.8em; }
.gold { color: #8F843D; }
.tright { text-align: right; }

.padded { padding: 5px; }

img.fleft { padding-right: 1.5em; }
img.fright { padding-left: 1.5em; }
img.middle, input.middle { vertical-align: middle; }

.error { color: #c00; }

.ss_container { margin: 20px 0; }
.ss_container ul { height: 1%; }

.outdent { margin-left: -14px; }
.iline {
	margin: .5em 15px .5em 0;
	float: left;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }

/*** common ***/

/*** START: forms ***/

.formcontent h2 { font-size: 12pt; }
.formcontent dl.act dt { margin-top: 8px; }
.formcontent dl.act dd { margin-left: 22px; }
.formcontent dl.act dd a { font-size: 8pt; }
.formcontent td.flbl { padding-right: 15px; }

.formfields p { font-size: 9pt; font-weight: bold; }
.formfields select { font-size: 8pt; font-weight: normal; width: 200px; }

input.itxtlg, textarea.itxtlg { width: 300px; }
input.itxt, textarea.itxt { width: 200px; }
input.itxtmm { width: 170px; }
input.itxtml { width: 150px; }
input.itxtpw { width: 130px; }
input.itxtmd { width: 100px; }
input.itxtxsm { width: 30px; }

select.iselect {
	font-family: Arial, Helvetica, Sans-Serif;
}
* html select.iselect { margin-top: 1px; /* for ie */ }
select.iselectsm {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}
* html select.iselectsm { margin-top: 1px; /* for ie */ }
select.iselect200 {
	font-family: Arial, Helvetica, Sans-Serif;
	width: 200px;
}
* html select.iselect200 { margin-top: 1px; /* for ie */ }
select.iselect120 {
	font-family: Arial, Helvetica, Sans-Serif;
	width: 120px;
}
* html select.iselect120 { margin-top: 1px; /* for ie */ }
select.iselect70 {
	font-family: Arial, Helvetica, Sans-Serif;
	width: 70px;
}
* html select.iselect70 { margin-top: 1px; /* for ie */ }


/*** END: forms ***/ 

/*** START: pipeline steps ***/
dl.pipeline_steps { margin: 0 22px 35px 22px; }
dl.pipeline_steps dt {
	margin-top: 20px;
	text-align: center;
}
dl.pipeline_steps dd {
	line-height: 1.5em;
	font-size: 7.5pt;
}
dl.pipeline_steps dd.disabled {
	color: #b0b0b0;
}
/*** END: pipeline steps ***/

ul.bullet li, dl.bullet dt {
	background: url(../images/bullet_red.gif) no-repeat 0 .5em;
	margin: .5em 0; line-height: 1.3em;
	padding-left: 9px;
}
dl.bullet dt { margin-bottom: 0; }
dl.bullet dd { 
	margin: .1em 0; line-height: 1.3em;
	padding-left: 9px; 
}

ul.bullet.loose li { margin: 1.2em 0; }
ul.bullet.tight li { margin: .5em 0; }

ul.loose li { margin: 1em 0; }

ul.linklist { margin-left: 14px; }
ul.linklist li {
	padding: 0 0 .5em 0;
	font-size: 10pt;
}
ul.linklist.ms li { font-size: 9pt; }

ul.lgbullet { 
	margin-left: 15px;
}
ul.lgbullet li {
	background: url(../images/bullet_red_lg.gif) no-repeat 0 .5em;
	margin: 1em 0; line-height: 1.3em;
	padding-left: 12px;
	font-size: 10pt;
	font-weight: bold;
}
ul.mdbullet {
	margin-left: 7px;
}
ul.mdbullet li {
	background: url(../images/bullet_red_lg.gif) no-repeat 0 .5em;
	margin: 1em 0; line-height: 1.3em;
	padding-left: 12px;
	font-size: 9pt;
	font-weight: bold;
}

ul.caption { 
	position: relative;
	font-style: italic;
	font-size: .9em;
	font-weight: bold;
	color: #717073;
}
ul.caption li { line-height: 1.3em; }
* html ul.caption li { width: 90%; }

ol.steplist {
	margin: 0 0 0 2em; padding: 0;
}

div.subhead_bar {
	height: 21px;
	background-color: #000;
	text-align: center;
}
div.subhead_bar h2 {
	margin: 0; padding: 6px 0;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .1em;
	height: 8px;
}
div.subhead_bar h3 {
	margin: 0; padding: 2px 0;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 1em;
	height: 16px;
}
div.subhead_bar a { color: #fff; text-decoration: none; }
div.subhead_bar img { position: relative; top: 2px; }

/************************************/

#actions li { float: left; padding-left: 21px; padding-right: 2px; }

#utilities {
	text-align: center;
}
#utilities p { margin: 0; }
#utilities a {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: .1em;
}
#utilities a img {
	padding-right: 4px;
	vertical-align: baseline;
	margin-bottom: -2px;
}

#sales_bug {
	background: url(../images/contact_sales_bug.gif) no-repeat top left;
	width: 169px;
	height: 95px;
	margin: 35px 0 20px 23px;
}
#sales_bug p {
	margin: 0;
	padding-top: 7px;
	padding-left: 57px;
	font-size: 7pt;
	text-align: center;
}
#sales_bug p strong, #sales_bug p a {
	font-size: 9pt; font-weight: bold;
}

#infobar h2 {
	margin: 0;
	padding: 10px 0 8px 0;
	color: #fff;
	background-color: #58a1d2;
	border-width: 5px 0;
	border-color: #fff;
	border-style: solid;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 10px;
	font-weight: normal;
}
#infobar li span { font-size: 8pt; }
#infobar li span a { color: #000; }
#infobar p { font-size: 7.5pt; padding-left: 10px; padding-right: 10px; }

#spud {
	margin: 35px 12px;
}
#spud .wrap {
	border: 1px solid #256cb0;
}
#spud .wrap.nt { border-top-width: 0; }
#spud h3 { 
	font-size: 8pt;
	color: #fff;
	padding: 0 0 0 5px;
	background-color: #256cb0; 
}

dl.teamlist { margin-top: 10px; margin-left: 17px; }
dl.teamlist dt { margin-top: 1em; }

#infobar ul { margin-top: 15px; }

/*** START: global nav ***/
#nav ul.top {
	background-color: #f1f1dc;
}
#nav ul.top li {
	position: relative;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #569cca;
	line-height: 1em;
}

#nav ul.top li a {
	display: block;
	padding: 5px 0 4px 23px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .1em;
	background: url(../images/navitem_background.png) no-repeat;
}
#nav ul.top li a:hover {
	background: url(../images/navitem_background_over.png) no-repeat;
}
#nav ul.top li a.current {
	background-image: url(../images/navitem_background_current.png);
}

#nav ul.top ul.sub {
	display: none;
	position: absolute;
	top: 0; left: 215px;
	margin: 1px 0;
	border: 2px solid #569cca;
	border-left-width: 1px;
	border-left-color: #f1f1dc;
	width: 211px;
	background-color: #f1f1dc;
	z-index: 100;
}
* html #nav ul.top ul.sub { left: 192px; }
#nav ul.top ul.sub * { z-index: 100; }

#nav ul.top ul.sub li {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #569cca;
	border-left: 2px solid #569cca;
	line-height: 1em;
}
#nav ul.top ul.sub li:first-child {
	border-top-width: 0;
}
#nav ul.top ul.sub li a {
	display: block;
	padding: 5px 0 4px 26px;
	color: #007dcb;
	text-transform: none;
	text-decoration: none;
	letter-spacing: .1em;
	background-image: none;
	line-height: 1em;
}
* html #nav ul.top ul.sub li a { width: 183px; position: relative; }
#nav ul.top ul.sub li a:hover {
	background-image: none;
	background-color: #f7f7e8;
}
#nav ul.top ul.sub li a.current { background-color: #fff; }
/*** END: global nav ***/

/*** START: benefits ***/
#benefits h1 { margin-top: .5em; border: 0; }
#benefits h2 { margin-top: .5em; font-size: 12px; line-height: 1.3em; }
#benefits .benefit {
	padding-right: 10px;
	width: 140px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #8F843D;
}
#benefits td.description, #benefits .description h1 {
	padding-left: 15px;
}
#benefits td, #benefits th {
	border-bottom: 1px solid #aaa8a9;
}
#benefits td.last { border-bottom-width: 0; }
#benefits td.description ul.links { margin-bottom: 7px; }
#benefits td.description ul.links a { font-size: 11px; }
/*** END: benefits ***/

/*** START: features ***/
#features th { font-size: 12px; font-weight: bold; color: #8F843D; }
#features .left {
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #8F843D;
}
#features .right {
	padding-left: 15px;
}
#features td, #features th {
	border-bottom: 1px solid #aaa8a9;
}
/*** END: features ***/

/*** START: deep dive ***/
#feature_dive {
	width: 527px;
	background: url(../images/dd_chart_background.gif) repeat-y;
}
#feature_dive #feature_dive_int {
	background: url(../images/dd_chart_footer.gif) no-repeat bottom left;
	padding-bottom: 15px;
}
#feature_dive .column {
	float: left;
}
#feature_dive .column.one {
	padding: 0 5px 0 6px;
	width: 123px;
}
#feature_dive .column.two {
	padding: 0 5px 0 5px;
	width: 122px;
}
#feature_dive .column.three {
	padding: 0 5px 0 5px;
	width: 121px;
}
#feature_dive .column.four {
	padding: 0 5px 0 5px;
	width: 120px;
}
/*** END: deep dive ***/

/*** START: pricing ***/
h3#trumbaconnectaccount { background: url(../images/boxheader_trumba_connect_account.png) no-repeat 4px 0; width: 222px; height: 50px; }
h3#additionaleditoraccounts { background: url(../images/boxheader_additional_editor_accounts.png) no-repeat 4px 0; width: 222px; height: 50px; }
h3#connectenterprise { background: url(../images/boxheader_enterprise_bundle.png) no-repeat 4px 0; width: 222px; height: 50px; }

table.pricing { margin: 0 8px 6px 8px; width: 210px;}
table.pricing td { padding: 7px 0 5px 5px; vertical-align: middle; }
table.pricing td.right div { position: relative; right: 0; }

#pricing_purchase a {
	margin: 0 auto;
	display: block;
	padding: 2px 0 0 8px;
	width: 74px;
	height: 21px; 
	background: url(../images/pricing_red_purchase.png) no-repeat;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#pricing_signup a {
	margin: 0 auto;
	display: block;
	padding: 2px 0 0 8px;
	width: 74px;
	height: 21px; 
	background: url(../images/pricing_blue_signup.png) no-repeat;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.contactsales a {
	margin: 0 auto;
	display: block;
	padding: 2px 0 0 8px;
	width: 107px;
	height: 21px; 
	background: url(../images/pricing_blue_contactsales.png) no-repeat;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

/*** END: pricing ***/


#billing_faq { margin-top: 17px; }
#billing_faq th, #billing_faq td {
	padding: 12px 9px;
}
#billing_faq th {
	font-size: 10pt;
	color: #8F843D;
	padding: 0 9px;
}
#billing_faq td { border-bottom: 1px solid #a0a0a0; }
#billing_faq .last { border-bottom: 0; }
#billing_faq .question { border-right: 1px dotted #a0a0a0; }
#billing_faq td.alt { background-color: #F4F4E8; }

/*** END: support ***/

/*** START: pr ***/
#pr { margin-top: 20px; }
#content_interior #pr h1 { width: auto; }
#pr h1 {
	text-align: center;
	font-size: 12pt; font-weight: bold;
	border-bottom: 0; background-image: none;
}
#pr h2 {
	text-align: center;
	color: #a0a0a0;
	font-style: italic;
}

table.releases td { padding: 3px 0; }
table.releases td.left { padding-right: 7px; }

ul.pr li { margin: .5em 0; line-height: 1.3em; }
ul.pr li span { padding-right: 7px; }
	

/*** END: pr ***/

#footer a { 
	color: #fff;
	text-decoration: none; 
	text-transform: uppercase; 
	font-size: 10px; 
}
#footer a:hover {
	color: #ef3d42;
	text-decoration: underline;
}

.subfoot { font-size: 7pt; color: #fff; }


#security h3, h3.subhead {
	margin-top: 8px;
	font-size: 10pt;
	line-height: 1.6em;
}

div.expand { margin-bottom: 7px; width: 357px; }
div.expand div { background: #59ABDD url(../images/expand_corner_tl.gif) top left no-repeat; }
div.expand h3 { 
	padding-top: 1px;
	color: #fff; 
	font-size: 8pt;
	background: url(../images/expand_corner_tr.gif) top right no-repeat; 
	height: 18px;
}
div.expand h3 a.explink { padding-top: 2px; }
div.expand h3 a.explink, div.expand h3 span { float: left; }
div.expand h3 img { padding: 1px 6px 0 8px; }
div.expand h3 a.morelink { float: right; padding-right: 12px; color: #fff; font-size: 7pt; }
div.expand ul { margin-left: 16px; }
a.expandall { float: right; font-size: 7pt; margin-right: 12px; }

/* html div.expand div, * html div.expand h3, * html div.expand h3 img { position: relative; } */

div.newsitem { margin-top: 17px; }
* html div.newsitem { width: 99%; } /* target IE6 */
div.newsitem div.logo { text-align: center; }
div.newsitem h2 { font-size: 12pt; }
div.newsitem p { margin: .5em 0; font-style: italic; }
div.newsitem p.signature { float: right; text-align: right; font-style: normal; }

/*** START: pdf download ***/

#pdf { width: 470px; }
#pdf th { font-size: 9pt; }
#pdf th.toggle { padding-top: 2px; }
#pdf td { vertical-align: top; padding-top: 4px; }
#pdf td a { text-decoration: none; font-weight: bold; }

#pdf th span { font-size: 7pt; }
#pdf th span img { padding: 0 2px; margin-bottom: -1px; }

#pdf td.toggle { padding-top: 8px; width: 18px; }
#pdf .link { width: 375px; }
#pdf .size { width: 77px; text-align: center; }

#pdf .link div { padding: 7px 0; }
#pdf .link div img { border: 1px solid #a0a0a0; }

#pdf td.size { border-left: 1px dotted #a0a0a0; }

/*** END: pdf download ***/

#verisign_right {
	margin: 25px 0 25px 19px;
	width: 133px;
	text-align:center;
}
#verisign_left {
	margin: 25px 0 25px 42px;
	width: 133px;
	text-align: center;
}
#verisign_signin {
	position: absolute;
	top: 90px; right: 40px;
	width: 133px;
	text-align: center;
}

#verisign_box {
	background-color: #fff;
	border-width: 0 1px;
	border-style: solid;
	border-color: #6bb2db;
}