/*************/
/* MAIN BODY */
/*************/

body { font-size: 10pt; margin: 0px auto; padding: 0px; background-color: rgb(153,153,153); font-family: arial, sans-serif; overflow: scroll; }
.page-container {width: 920px; margin: 0px auto; padding: 0px; background-color: rgb(255,255,255); border: solid 1px rgb(100,100,100);}

.hidden { display: none; }

.a2a_dd { }

/*-------------------*/
/* Slogan and banner */
/*-------------------*/
.site-slogan-container  {width: 905px; height: 55px; overflow: hidden; margin: 0px; padding-right: 15px; padding-top: 10px; background-color: #f7fbff;  vertical-align: middle; }
.site-slogan {float: right; width: 500px; margin: 0px; padding: 0px; background-color: transparent; font-size: 10px; }
.site-slogan p.title {float: right; width: 100%; margin: 0px; padding: 0px; color: rgb(32,66,145); font-family: arial, sans serif;  text-align: right; font-weight: bold; font-size: 12pt; }
.site-slogan p.subtitle {clear: both; float: right; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; color: rgb(32,66,145); font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 14pt;}
.site-slogan p.text {clear: both; float: right; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; color: rgb(32,66,145); font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 10pt;}
.site-slogan a {color: rgb(234,239,247); text-decoration: underline;}
.site-slogan a:hover {text-decoration: none; color: rgb(50,50,50);}
.img-header {float: left; margin: 0px; padding-left: 15px; padding-top: 5px;}

/*------------*/
/* Navigation */
/*------------*/
.nav {clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 10pt;}
.nav table {float: left; width: 920px; margin: 0px; padding: 0px; border-top: solid 1px rgb(32,66,145); border-bottom: solid 1px rgb(32,66,145); background-color: rgb(78,120,168); font-weight: bold;}
.nav ul {float: left; width: 920px; margin: 0px; padding: 0px; border-top: solid 1px rgb(32,66,145); border-bottom: solid 1px rgb(32,66,145); background-color: rgb(78,120,168); font-weight: bold;}
.nav li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px rgb(32,66,145); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 7pt;}
.nav td {margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px rgb(32,66,145); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 8pt; text-align: center; white-space: nowrap; }
.nav td a { margin: 0px 0px 0px 0px; color: rgb(255,255,255); text-transform: none; text-decoration: none; font-size: 8pt; text-align: center; font-variant: small-caps; white-space: nowrap; }
.nav a:hover, .nav a.selected {color: rgb(50,50,50); text-decoration: none;}
.navselected a:visited, .navselected a:link {color: rgb(50,50,50); text-decoration: none;}

.buffer {clear: both; width: 920px; height: 15px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}



/*--------------*/
/* Content Area */
/*--------------*/
/* Layout */
/* For pages with subnavigation sidebars */
.sn-content {float: right; width: 740px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: black; font-size: 1.0em;}
.sn-content-container {float: left; width: 729px; margin: 0px 0px 15px 0px; padding: 0px; }
.sn-content-container-1col {overflow: hidden; width: 729px; margin: 0px; padding: 0px; }
.sn-content-pagetitle {overflow: hidden; width: 729px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(32,66,145); color: rgb(32,66,145); font-weight: bold; font-size: 14pt;}

h1 {font-weight: bold; font-size: 19px; margin-top: 0px; margin-bottom: 5px; padding: 0px; }
h2.brown-heading {font-weight: bold; font-size: 16px; line-height: 20px; padding-left: 2px; color: rgb(150,80,40);}
h2.blue-heading {font-weight: bold; font-size: 16px; line-height: 20px; padding-left: 2px; color: rgb(32,66,145);}
h3.brown-sub-heading {font-weight: bold; font-size: 13px; line-height: 18px; padding-left: 2px; padding-top: 5px; color: rgb(150,80,40);}
h3.blue-sub-heading {font-weight: bold; font-size: 13px; line-height: 18px; padding-left: 2px; padding-top: 5px; color: rgb(32,66,145);}


/* For full width pages */
.fw-content {float: left; width: 900px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: black;}
.fw-content-container {clear: both; float: left; width: 889px; margin: 0px 0px 15px 0px; padding: 0px;}
.fw-content-container-1col {overflow: hidden; width: 889px; margin: 0px; padding: 0px;}
.fw-content-pagetitle {overflow: hidden; width: 889px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(32,66,145); color: rgb(32,66,145); font-weight: bold; font-size: 14pt; }

/* Titles and textboxes */
.content-title {margin: 0px; padding: 5px 0px 0px 0px; color: rgb(32,66,145); font-weight: bold; font-size: 12pt;}
.content-subtitle { margin: 0px; color: rgb(32,66,145); font-weight: bold; font-size: 10pt; padding-right: 0px; padding-left: 2px; padding-bottom: 0px; padding-top: 0px; }
.content-subtitle-larger { margin: 0px; color: rgb(32,66,145); font-weight: bold; font-size: 11pt; padding-right: 0px; padding-left: 2px; padding-bottom: 0px; padding-top: 0px; }
.content-strong {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255); font-weight: bold;}
.content-text {margin: 0px; padding: 3px 20px 0px 5px; background-color: rgb(255,255,255);}
.content-text p {text-align: justify;}
.content-text-left p {text-align: left;}
.content-text-right p {text-align: right;}
.content-text-center p {text-align: center;}

.altcolor {color: rgb(150,80,40); }

/* For pages with subnavigation and ads */
.sna-content {float: left; width: 620px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: black; font-size: 1.0em;}
.sna-ad {float: left; width: 120px; height: 600px; border: 0px; margin: 0px; padding: 0px; background-color: rgb(200, 200, 200);}
.sna-content-container {float: left; width: 98%; margin: 0px 0px 15px 0px; padding: 0px; }
.sna-content-container-1col {overflow: hidden; width: 98%; margin: 0px; padding: 0px; }
.sna-content-pagetitle {overflow: hidden; width: 98%; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(32,66,145); color: rgb(32,66,145); font-weight: bold; font-size: 14pt;}

.revlarger { font-size: 130%; color: black; }

.home-quote { vertical-align: middle; font-size: 120%; line-height: 140%; }
.home-quote a, .home-quote a:visited, .home-quote a:hover { color: black; text-decoration: none; }
.home-quote a:hover { color: black; text-decoration: none; color: rgb(32,66,145); }

.home-graphic { border-collapse: collapse; border: 0px; }
.home-graphic tr {border: 0px none; padding: 0px; margin: 0px; }
.home-graphic td {border: 0px none; padding: 0px; margin: 0px; }

.home-steplabel { font-style: italic; }

.emphasis { background-color: rgb(50,50,75); color: white; }
.emphasis p { font-size: 140%; color: rgb(255, 100, 100); text-align: center; padding-left: 5px; padding-bottom: 5px; }
.emphasis a, .emphasis a:visited, .emphasis a:hover { color: rgb(255, 100, 100); text-decoration: none; }


.templatecategories {font-weight: bold; font-size: 20px;}
.templatecategories a,.templatecategories a:visited {color: rgb(32,66,145); text-decoration: none;}
.templatecategories a:hover {color: rgb(32,66,145); text-decoration: underline;}
.templatecategories table {width:100%; border-collapse: collapse; font-size: 14pt; padding: 0px; margin: 0px; }
.templatecategories td {padding: 7px 0px 7px 10px; border: solid 1px rgb(150,150,150); border-bottom: solid 1px rgb(150,150,150); text-align: center; vertical-align: middle;}
.templatecategories th {padding: 7px 10px 7px 0px; border: solid 1px rgb(150,150,150); border-bottom: solid 1px rgb(150,150,150); text-align: center; vertical-align: middle;}


/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 10pt;}

/* Lists */

ul {padding-left: 10px; margin: 5px 5px 7px 10px; font-size: 10pt;}
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 10pt;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 10pt;}
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 10pt;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 10pt;}
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 10pt;}

li {padding: 0px 0px 5px 0px;}


/* Tables */
.bordered {width:100%; border-collapse: collapse; font-size: 10pt;}
.bordered td {padding: 7px 0px 7px 10px; border-top: solid 1px rgb(150,150,150); border-bottom: solid 1px rgb(150,150,150); text-align: left; vertical-align: top;}
.bordered th {padding: 7px 10px 7px 0px; border-top: solid 1px rgb(150,150,150); border-bottom: solid 1px rgb(150,150,150); text-align: left; vertical-align: top;}
.video {padding: 7px 0px 7px 20px; vertical-align: top; width: 40%; border-left: solid 1px rgb(150,150,150);}
.explore {padding: 7px 0px 7px 10px; vertical-align: top; width: 40%; border-left: solid 1px rgb(150,150,150);}
.text {padding: 7px 30px 7px 0px; vertical-align: top;}

.benefits_bordered th {text-align: left;}
td {vertical-align: top; padding: 0px 10px 0px 10px;}

/*--------------*/
/* Sidebar Area */
/*--------------*/
.sidebar {overflow: hidden; float: left; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; color: black;  background-color: #f7fbff}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 11pt;}
.sidebar-title {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: black; font-weight: bold; font-size: 11pt;}
.sidebar-text {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-text p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 9pt;}
.sidebar-indent {margin: 0px 0px 0px 15px;}
.sidebar-excel {margin: 0px 0px 0px 10px; font-size: 8pt;}
.sidebar-excel p {margin: 0px 0px 0px 0px; font-size: 8pt;}
.sidebar a,.sidebar a:visited {color: rgb(32,66,145); text-decoration: none;}
.sidebar a:hover {color: rgb(32,66,145); text-decoration: underline;}

.purchase {font-size:9pt; float: right}

/*-------------*/
/* Footer Area */
/*-------------*/
.footer {overflow: hidden; clear: both; width: 920px; height: 1.7em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(78,120,168); color: rgb(255,255,255); font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 8pt;}

/*------------*/
/* Hyperlinks */
/*------------*/
a {color: rgb(32,66,145); text-decoration: underline;}
a:hover {color: rgb(32,66,145); text-decoration: none;}
a:visited {color: rgb(32,66,145);}
.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}

.invisilink a {text-decoration: none; border: 0px;}
.invisilink a:hover {text-decoration: none; border: 0px;}
.invisilink a:visited {text-decoration: none; border: 0px;}
.invisilink img {border: 0px; margin: 0px;}

.whitelink a { text-transform: none; text-decoration: none; color: white; }
.whitelink a:hover, .whitelink a.selected {color: white; text-decoration: underline;}

.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px;}

/* Apps */
.apps {border-collapse: collapse; font-size: 10pt; border-color: rgb(215,215,215);}
.apps td { padding: 3px 3px 3px 3px; text-align: left; vertical-align: top; border-right: 1px; border-top: 1px solid; border-left: 1px; border-bottom: 1px solid; }
.apps th { width: 25%; padding: 3px 3px 3px 3px; font-weight: normal; font-style: italic; text-align: left; vertical-align: top; border-right: 1px; border-top: 1px solid; border-left: 1px; border-bottom: 1px solid; }

.ops {border-collapse: collapse; font-size: 10pt; border-color: rgb(215,215,215);}
.ops td {padding: 3px 3px 3px 3px; text-align: left; vertical-align: top; border-right: 1px; border-top: 1px solid; border-left: 1px; border-bottom: 1px solid; }
.ops th {width: 20%; padding: 3px 3px 3px 3px; font-weight: normal; font-style: italic; text-align: left; vertical-align: top; border-right: 1px; border-top: 1px solid; border-left: 1px; border-bottom: 1px solid; }

/* Convenience */
.center {text-align: center;}
.nowrap {white-space: nowrap;}

/* EULA */
.EULAHead {font-weight: bold; padding: 0px 5px 0px 0px}
.EULAVersion {margin: 20px 0px 0px 0px; font-size: 8pt; width: 100%; text-align: right;}

/* Template feature tables */
.TemplateFeatures {vertical-align: middle; padding-left: 1px; }
.TemplateFeatures table {border-top: 1px solid black; border-bottom: 1px solid black; border-collapse: collapse; width: 100%; padding-left: 1px;}
.TemplateFeatures th {font-size:8pt; padding-left: 5px; padding-right: 5px; vertical-align: middle;}
.TemplateFeatures td {font-size:8pt; border-top: 1px solid rgb(220, 220, 220); vertical-align: middle;}
.NewFeature td {font-size:8pt; padding-top: 2px; border-top: 1px solid gray; margin-top: 4px; padding-bottom: 2px;}
.NewFeatureBold td {padding-top: 2px; border-top: 1px solid gray; margin-top: 4px; padding-bottom: 2px; font-weight: bold;}
.SubFeature {font-size:8pt; vertical-align: middle;}
.SubFeature ul {font-size:8pt; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px;}
.SubFeature1 {vertical-align: middle; padding-left: 15px;}
.FeatureCheck {text-align: center; vertical-align: middle;}
.FeatureUncheck {text-align: center; vertical-align: middle;}

.TemplateOverview td {padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; text-align:justify;}
.TemplateOverview table {border-width: 0px; border-spacing: 0px; border-collapse: collapse;}
.TemplateOverview table th {border-width: 0px; padding: 4px; border-bottom: solid; border-bottom-width: 1px}
.TemplateOverview table td {text-align:center; border-width: 0px; padding: 4px; width:50%}
.TemplateOverviewText {margin-right: 15px;}

.TemplateVersions {border: 1px solid black; border-collapse: collapse; width:80%; background-color: #f7fbff; }
.TemplateVersions th {border: 1px solid black; padding: 4px; text-align:center; color: white; }
.TemplateVersions td {text-align:left; padding: 4px; width:50%; border-left: 1px solid black; border-right: 1px solid black;  }
.TemplateVersionsText {margin-right: 15px;}
.TemplateVersions ul {margin-bottom: 0px;}

.TemplateVersionsDiv {clear: both; width: 100%; }
.TemplateVersionDiv {border: 1px solid black; background-color: #f7fbff; float: left; height: 200px; width: 300px; position: relative; }
.TemplateVersionDivTitle {border-bottom: 1px solid black; color: white; width: 295px; padding-left: 5px; padding-bottom: 3px; padding-top: 2px; text-align: center; }
.TemplateVersionDivItems { }
.TemplateVersionDivItems ul {margin-bottom: -5px; }
.TemplateVersionDivButtons { text-align: center; position: absolute; top: 165px; width: 300px; border: 0px; }
.TemplateVersionDivButtons img { border: 0px; }
.TemplateVersionsDivAfter { text-align: center; width: 650px; font-family: verdana, arial, sans serif; font-size: 16px; }

.TemplatePurchaseBlock { font-size: 14pt; font-weight: bold; margin-bottom: 10px; background-color: rgb(240,240,240); width: 250px; margin-left: 15px; }
.TemplatePurchaseBlock table { width: 100%; }
.TemplatePurchaseBlock td { vertical-align: middle; text-align: center; }

.SpecialOffer {color: rgb(200, 50, 50); font-style: italic; font-weight: bold;}
.SpecialOffer a, .SpecialOffer a:visited, .SpecialOffer a:hover {color: rgb(200, 50, 50); font-style: italic; font-weight: bold; text-decoration: underline; }

.MarkedCell {background-color: rgb(255, 255, 200);}

.PurchaseOptions tr td, .PurchaseOptions tr th { }
.PurchaseColumn { background-color: rgb(240, 240, 240); }

/* Template List on Home Page */
.templatelist { line-height: 175%; font-variant: small-caps; font-weight: bold; }
.templatelist a,.templatelist a:visited {color: rgb(32,66,145); text-decoration: none;}
.templatelist a:hover {color: rgb(32,66,145); text-decoration: underline;}

.logocyan { color: rgb(0, 164, 180); }
.logocyan a,.logocyan a:visited {color: rgb(0, 164, 180); text-decoration: none;}
.logocyan a:hover {color: rgb(0, 164, 180); text-decoration: underline;}

.logodarkblue { color: rgb(58, 62, 152); }
.logodarkblue a,.logodarkblue a:visited {color: rgb(58, 62, 152); text-decoration: none;}
.logodarkblue a:hover {color: rgb(58, 62, 152); text-decoration: underline;}

.logodarkbluenu { color: rgb(58, 62, 152); }
.logodarkbluenu a,.logodarkbluenu a:visited {color: rgb(58, 62, 152); text-decoration: none;}
.logodarkbluenu a:hover {color: rgb(58, 62, 152); text-decoration: none; }

.logomidblue { color: rgb(0, 112, 186); }
.logomidlighterblue { color: rgb(0, 136, 206); }
.logolightestblue { color: rgb(0, 172, 211); }

.homehead { font-size: 18pt; font-weight: bold; font-variant: small-caps; padding-left: 10px; text-align: left; }
.homelead { font-size: 14pt; padding-left: 50px; padding-right: 25px; padding-top: 20px; padding-bottom: 20px; line-height: 175%; text-align: left; font-weight: bold; background-color: #f7fbff; }