/* Start of CMSMS style sheet 'BlueWho default styles' */
/* begin general styles */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	color: /*#545555*/black;/*
	text-align: center; /* for IE 5 */
        font-size: 12px;
}
a {
	text-decoration: none;
	color: #006BBB;
}
.skip, hr {display: none;}
img {border: none;}
.centerblock {
  display: block;
  margin: auto;
}
.float_left {
  float: left;
  margin-right: 10px;
}
.float_right {
  float: right;
  margin-left: 10px;
}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
#container {
	width: 801px;
	margin: auto;/*
	text-align: left; /* again, for IE 5 */
}
#header {
	background: url(images/header.png) no-repeat;
	padding-top: 94px;
	position: relative;
	height: 45px;
}
#logo {
	display: block;
	width: 210px;
	height: 50px;
	position: absolute;
	top: 20px;
	left: 40px;
}
#logo img {visibility: hidden;}
#header h1 {display: none;}
#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
        height: 1%;
}
#header li {float: left;}
#header li * {
	display: block;
	height: 35px;
	text-indent: -999em;
}
#header .page15 {display: none;}
#header .page34 * {
	width: 118px;
	background: url(images/b_about.png);
}
#header .page19 * {
	width: 134px;
	background: url(images/b_resellplans.png);
}
#header .page24 * {
	width: 103px;
	background: url(images/b_presales.png);
}
#header .page51 * {
	width: 139px;
	background: url(images/b_gettingstarted.png);
}
#header .page52 * {
	width: 94px;
	background: url(images/b_forums.png);
}
#header .page53 * {
	width: 105px;
	background: url(images/b_helpdesk.png);
}
#header .page54 * {
	width: 108px;
	background: url(images/b_getstarted.png);
}
#header li.activeparent a,
#header .current span,
#header a:hover
	{
		background-position: bottom left;
	}
#content {
	clear: left;
	font-size: 12px;
        position: relative;
	background: url(images/bg_content.gif) repeat-y;
        min-height: 400px;
float: left;
width: 801px;
}
#content a:hover {text-decoration: underline;}
#content #pagetitle {
        position: absolute;
        background: none;
        line-height: normal;
        font: normal 15px "Trebuchet MS", Arial, Helvetica, Sans-serif;
        text-transform: uppercase;
        top: 36px;
        left: 20px;
        line-height: 23px;
        color: white;
}
#content #pagetitle:first-line {
  line-height: 12px;
  letter-spacing: 1px;
}
#content #pagetitle span {
        color: #1C1718;
        font: normal 23px "Myriad Pro", "Trebuchet MS", Helvetica, Arial, Sans-serif;
}
#features {
	padding: 20px 0 10px 20px;
	border-top: 1px solid #B3ADAD;
	clear: both !important;
        margin-top: 20px;
}
#features div {
	float: left;
	width: 48%;
	padding-right: 10px;
	margin-bottom: 15px;
}
#features img {
	float: left;
	margin-right: 5px;
}
#features h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 2px 60px;
}
#features p {
	font-size: 11px;
	margin: 0 0 0 60px;
	line-height: 15px;
}

#footer {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	background: url(images/footer.png) bottom left no-repeat;
	border-top: 1px solid #9F9C9C;
	padding-bottom: 10px;
}
#footer .more {float: right;}
#footer .more a {padding: 0 2px;}
#footer ul {
	margin: 0;
	padding: 6px 0 0 8px;
	list-style: none;
}
#footer li {
	float: left;
	padding: 0 5px;
	background: url(images/footer_separator.gif) left 5px no-repeat;
}
#footer .contact {background: none;}
#footer .skip {display: block;}
#footer li a {
	color: #717272;
	font: normal 11px "Helvetica Neue Light", Helvetica, Verdana, Arial, sans-serif;
}
#footer a:hover {text-decoration: underline;}
/* end general styles */

/* start styles for pages with left sub navigation */
.subnav #content {
	float: left;
	width: 801px;
}
.subnav #content_container {
        padding: 120px 20px 0 195px;/*
	float: right;
	width: 586px;*/
	line-height: 18px;
        background: url(images/bg_content_top.jpg) no-repeat;
}
.subnav #content h1, .subnav #content h2 {
	font: bold 13px "Trebuchet MS", Arial, Helvetica, Sans-serif;
	background: url(images/about_bg_headline.png) no-repeat;
	height: 26px;
	padding: 0 0 0 10px;
	line-height: 26px;
	clear: left;
}
.subnav #content h1:first-child,
.subnav #content h2:first-child,
.subnav #content h1.first,
.subnav #content h2.first
	{
          color: white;
          margin-top: 0;
}
.subnav #content h3 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}
.subnav #content p {
	margin-left: 10px;
}
.subnav #content img {max-width: 580px;}
.subnav #features {
        margin-left: -195px;
        position: relative;
}
#navsection {
  width: 156px;
  position: absolute;
  top: 120px;
  left: 20px;
}
#navsection ul {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	list-style: none;
	background: url(images/bg_submenu.png) bottom left no-repeat;
}
#navsection li:first-child,
#navsection li.first
	{background: url(images/bg_submenu_top.gif) no-repeat;}
#navsection ul * {
	color: black;
	font-weight: bold;
	display: block;
	width: 156px;
	height: 23px;
	line-height: 23px;
	text-indent: 6px;
}
#navsection ul ul,
#navsection .current,
#navsection .activeparent
  {height: auto;}
#navsection .current *,
#navsection .activeparent *,
#navsection ul a:hover {
	color: white;
	text-decoration: none;
	font-weight: normal;
	background: url(images/bg_submenu_highlight.png);
        width: 155px;
}
#navsection ul a:hover {cursor: pointer;}
#navsection li ul, #navsection li li {
	background: none !important;
	padding: 0;
	margin: 0;
	height: auto;
}
#navsection li ul {padding: 5px 0;}
#navsection .activeparent li *,
#navsection .current li * {
	background-image: none;
	color: black !important;
	font-size: 10px;
	line-height: normal;
	height: auto;
	text-indent: 18px;
	padding: 2px 0;
}
#navsection .current li a:hover,
#navsection .activeparent li a:hover,
#navsection .activeparent .current * {
	color: #2980C1 !important;
	background: url(images/arrow_small.gif) 10px 50% no-repeat !important;
}
/* end styles for subnav pages */


/* begin page specific styles */
#page15 #content {background: none;}
#welcome {
	display: block;
	margin-bottom: 6px;
}
#page15 #content h1, #page15 #content h2 {
	font: bold 13px "Trebuchet MS", Arial, Helvetica, Sans-serif;
	color: #000;
	background: url(images/bg_headline_home.png) no-repeat;
	height: 31px;
	padding: 1px 10px;
	margin: 0 0 6px 0;
	line-height: 30px;
}
#content h2 .more {
	background: url(images/arrows.png) right center no-repeat;
	padding-right: 25px;
	text-transform: uppercase;
	color: black;
	float: right;
}
#mainoffer, #mainoffer img {display: block;}
#mainoffer {margin-bottom: 6px;}
#page15 #maincontent {padding-left: 20px;}
#page15 #maincontent div {
	float: left;
	width: 48%;
	padding-right: 10px;
	margin-bottom: 15px;
}
#page15 #maincontent img {
	float: left;
	margin-right: 5px;
}
#page15 #maincontent h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 2px 0;
}
#page15 #maincontent p {
	font-size: 11px;
	margin: 0 0 0 60px;
	line-height: 15px;
}
.bottom {
	width: 396px;
	margin-bottom: 10px;
}
.bottom h1, .bottom h2 {
	background: url(images/bg_subheadline_home.png) !important;
	width: 376px; /* plus 20px side padding */
	height: 29px !important;
}
#suboffer {
	clear: both;
	float: left;
}
#support {
	float: right;
	background: url(images/bg_gradient.png) 0 38px no-repeat;
}
#support h2 {
	margin-bottom: 20px;
}
#support p {
	color: black;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px 10px;
	text-indent: 30px;
	height: 22px;
	line-height: 22px;
}
#support a:hover {text-decoration: underline;}
#support .sales {background: url(images/icon_bag1.gif) 1px center no-repeat;}
#support .support {background: url(images/icon_question.gif) center left no-repeat;}
#support .billing {background: url(images/icon_billing.png) 1px center no-repeat;}
/* endi index page rules */

/* about pages */
.about #content_container {/*background: url(images/about_bg_content_top.jpg) no-repeat;*/}
.about #content h1:first-child,
.about #content h2:first-child,
.about #content h1.first,
.about #content h2.first
	{background: url(images/bg_headline_top.png) no-repeat;}
.about ul#contact {
	list-style: none;
	margin: 10px 0;
	padding: 0 0 0 20px;
}
.about ul#contact li {
	background: left center no-repeat;
	padding-left: 30px;
	height: 22px;
}
.about #contact[id] li {
	height: auto;
	min-height: 22px;
}
.about #main li.sales {
	background-image: url(images/icon_bag1.gif);
	padding-top: 6px;
}
.about #main li.support {background-image: url(images/icon_question.gif);}
.about #main li.billing {
	background-image: url(images/icon_billing.png);
	padding-top: 6px;
}
/* end about page styles */

#page49 #content {
	float: left;
	width: 100%;
}
#content #ad {display: block;}
#content #choice {
	background: url(images/bg_below_ad.png) top left no-repeat;
	height: 32px;
}
#content #choice .plans {
	float: right;
	width: 150px;
}
#content #choice ul {
	margin: 0;
	padding: 9px 0 0 15px;
	list-style: none;
}
#content #choice li {
	display: inline;
	padding-right: 20px;
}
#content #choice li * {
	color: #828282;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#content #choice .current *, #content #choice a:hover {color: #353535;}
#content #choice .plans ul {
  padding: 0;
}
#content #choice .plans li {
  float: left;
  padding: 0;
}
#content #choice .plans li * {
	float: left;
	width: 29px;
	height: 29px;
	background-repeat: no-repeat;
	text-indent: -999em;
}
#content .plans a:hover,
#content .plans span,
#content .plans .activeparent {
	color: white !important;
	background-position: 0 -29px;
	text-decoration: none;
}
#content .plans .li1 * {background-image: url(images/b_plan1.gif);}
#content .plans .li2 * {background-image: url(images/b_plan2.gif);}
#content .plans .li3 * {background-image: url(images/b_plan3.gif);}
#content .plans .li4 * {background-image: url(images/b_plan4.gif);}
#content .plans .li5 * {background-image: url(images/b_plan5.gif);}
#description {
	float: left;
	width: 360px;
	padding-left: 11px;
	line-height: 18px;
        position: relative;
}
#description p {margin: 20px 0;}
#description p:first-child {margin-top: 10px;}
#featurelist {
	width: 390px;
	float: right;
	padding-right: 10px;
	padding-top: 8px;
        position: relative;
}
#featurelist div {
	padding-right: 10px;
	margin-bottom: 15px;
	clear: left;
	float: left;
	width: 370px;
}
#featurelist img {
	float: left;
	margin-right: 5px;
}
#featurelist h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 2px 0;
}
#featurelist p {
	font-size: 11px;
	margin: 0 0 0 60px;
	line-height: 15px;
}
#include {
	padding-right: 130px;
	background: right center no-repeat;
	/*width: 240px !important;*/
        margin-bottom: 10px;
}
#page63 #include {background-image: url(uploads/images/r1.png);}
#page66 #include {background-image: url(uploads/images/r2.png);}
#page69 #include {background-image: url(uploads/images/r3.png);}
#page72 #include {background-image: url(uploads/images/r4.png);}
#page75 #include {background-image: url(uploads/images/r5.png);}
#include ul {
	margin: 0;
	padding-left: 20px;
}
#include li {line-height: 17px;}
#footer .more {padding: 8px 10px 0 0;}
#footer .more a {font: normal 13px "Helvetica Neue", Helvetica, Tahoma, Verdana, Arial, sans-serif;}
#questions {
  float: left;
  clear: left;
  font-weight: bold;
  margin-left: 0 !important;
  margin-top: 15px;
width: 150px;
}
#questions a {
  display: block;
  color: #006BBB;
}
a.start {float: right;}
#reasons {
    width: 580px;
    float: right;
}
#text {padding-left: 10px;}/*
.reseller #content p {margin-left: 20px; margin-right: 20px;}*/

.reseller table, #features_included {
	font: normal 13px "Helvetica Neue Light", Helvetica, Arial, Sans-serif;
	color: #868686;
}
.reseller table {margin: 0 5px 10px 5px;}
.reseller th, .reseller td {
	padding: 6px 5px;
	background-color: #EFF0F1;
}
.reseller th {
	font-weight: normal;
	text-align: left;
}
.reseller td {text-align: center;}
.reseller table a, .reseller #toptext {
	color: #6DADDB;
	text-decoration: none;
}
.reseller table a:hover {text-decoration: underline;}
.reseller #toprow * {background-color: white;}
.reseller #titlerow th, .reseller #titlerow td {
	font-weight: bold;
	color: #383838;
	background-color: #E0E2E2;
	font-size: 14px;
}
#titlerow #td3 {color: #054F8E;}
#titlerow #td4 {color: #7AA865;}
#titlerow #td5 {color: #EEB158;}
#titlerow #td6 {color: #E5654A;}
#prices {
	color: #383838;
	font-weight: bold;
}
#prices th {font-weight: bold;}
#features_included {padding: 0 10px;}
#features_included h2 {
	color: #383838;
	background-color: #E0E2E2;
	font-size: 14px;
	padding: 6px 5px;
	margin: 0 0 5px 0;
}
#features_included ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#features_included li {
	padding: 6px 5px;
	background: #EFF0F1 url(uploads/images/icon_check_small1.gif) 99% 50% no-repeat;
	margin: 0 5px 5px 0;
	width: 375px;
	float: left;
}


/* end reseller plans page styles */

/* begin presales page styles */
.presales #content_container {/*background: url(images/presales_content_top.jpg) no-repeat;*/}
.presales #top {height: 1%;}
.presales dl {
	margin: 0;
	padding: 0 0 10px 0;
}
.presales dl img {clear: both;}
#section1 dt, #section2 dt {
	color: #231F20;
	font: bold 15px "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
}
#section1 dd, #section2 dd {
	margin: 0 0 0 66px;
	padding: 0;
	font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #878787;
}
#section1 {
	float: left;
	width: 290px;
}
#section2 {
	width: 290px;
	float: right;
}
.presales #maincontent {
	clear: both;
	padding: 0;
}
.presales #maincontent p {
	font-size: 12px;
	margin: 12px 0 12px 10px;
}
.presales #content h1, .presales #content h2 {
	background: url(images/presales_bg_headline.png) no-repeat;
	height: 26px;
	padding: 0 0 0 10px;
	line-height: 26px;
	text-indent: 20px;
	margin: auto 0;
}
.presales #content h1:first-child,
.presales #content h2:first-child,
.presales #content h1.first,
.presales #content h2.first {
	background: url(images/presales_bg_headline_top.png) no-repeat;
	height: 31px;
	line-height: 31px;
	text-indent: 0;
}

/*start specific FAQ page styles */
#page20 h3 {
  cursor: help;
  margin-bottom: 0;
}
#page20 h3:hover {color: #444;}/*
#page20 #content_container div {display: none;}*/
#page20 p {
  margin: 0;
  padding: 8px;
}
/* end presales page styles */


/* begin getting started page styles */
.gettingstarted #content_container {/*background: url(images/gettingstarted_content_top.jpg) no-repeat;*/}
.gettingstarted #content h1:first-child,
.gettingstarted #content h2:first-child,
.gettingstarted #content h1.first,
.gettingstarted #content h2.first {
	background: url(images/presales_bg_headline_top.png) no-repeat;
	height: 31px;
	line-height: 31px;
}
.gettingstarted #content h1, #gettingstarted #main h2 {margin-bottom: 15px;}
/* End of 'BlueWho default styles' */

