
* {	margin: 0; padding: 0; }

html { margin: 0;	padding: 0; }

ul { margin: 0; padding: 0; }

img {	padding: 0; margin: 0; border-width: 0; }

h3 {
	font-weight: bold;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.2em;
	border-bottom: 1px #4F81B0 solid;
	padding-bottom: 2px;
}

h4 {
	font-weight: bold;
	display: block;
	margin: 0;
	font-size: 1em;
}

a:link    { color: #4F81B0; text-decoration: none; } /* unvisited links */
a:visited { color: #4F81B0; text-decoration: none; } /* visited links   */
a:hover   { color: #DF8F33; text-decoration: underline; } /* user hovers     */
a:active  { color: #4F81B0; text-decoration: none; } /* active links    */

.supportnav a:link {color: #FFFFFF; text-decoration: none;}
.supportnav a:visited {color: #FFFFFF; text-decoration: none;}
.supportnav a:hover {color: #FFFFFF; text-decoration: underline;}
.supportnav a:active {color: #FFFFFF; text-decoration: none;}

body {
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	/*font-size: 11px;*/
	font-size-adjust: 0.54;
	/*letter-spacing: 0.5px;*/
	color: #000000;
	background-color: #E5E5E5;
	text-align: center;
	letter-spacing: 0px;
}

#maincontent {
	text-align: left;
	width: 783px;
	margin-left: auto;
	margin-right: auto;
	border: 1px black solid;
	background-color: #FFFFFF;
}

/* HACK for IE 5 and 5.5 */
* html #maincontent {
	width /**/: 785px;
}

#maincontentpopup {
	text-align: left;
	padding:10px;
	background-color: #D5E6F6;
}

#maincontenthomepage {
	text-align: left;
	width: 783px;
	margin-left: auto;
	margin-right: auto;
	border: 1px black solid;
	background-color: #F4F4F4;
}

/* HACK for IE 5 and 5.5 */
* html #maincontenthomepage {
	width /**/: 785px;
}

/*---------------------------*/
/* HEADER                    */
#header {
	background-image: url(/images/headerbackground.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

#header .supportnav {
	background-image:  url(/images/top.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: right;
	padding: 3px 0 4px 0;
}

#header .supportnav ul {
	list-style: none none;
	padding: 5px 10px 5px 0;
}

#header .supportnav ul li {
	display: inline;
	font-size: 0.95em;
	margin-left: 12px;
}

#header .supportnav ul li.loginlink {
	background-image: url(/images/login-bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 13px 10px 10px 11px;
}

#navigation {}

/* Prevents most browsers from displaying the menu */
#backupnav { display: none; }
/* HACK only displays this special navigation for IE5 */
* html #backupnav {
	position /**/: /**/relative; 
	display /**/: /**/block;
	text-align /**/: /**/center; 
	border-bottom /**/: /**/1px black solid;
	background-color /**/: /**/#F4F4F4;
}

/*---------------------------*/
/* GUTTER                    */
#gutterstrip {
	background-color: #FFFFFF;
	float: right;
	width: 200px;
	padding: 10px 5px 5px 5px;
}

#gutterstrip .box {	margin-bottom: 10px; width: 187px; }

/* HACK so this is only shown in IE5 and IE5.5 */
* html #gutterstrip .box { width /**/: 200px; }

#gutterstrip .box.info {
	border: 1px #4F81B0 solid;
	padding: 5px;
	background-color: #D5E6F6;
	-moz-border-radius: 6px;
}

#gutterstrip .box.info .gobutton { text-align: right;	margin: 3px 13px 5px 0; }

#gutterstrip .box.ad {}

/*---------------------------*/
/* PRODUCTSTRIP              */
#productstrip {	clear: left; }

#productstrip .productcontainer {
	border: 1px #6A94BC solid;
	background-color: #F4F4F4;
	margin-bottom: 5px;
}

#productstrip.homepage .productcontainer {
	/*border: 1px #6A94BC solid;*/
	border: none none none;
	border-width: 0;
	background-color: #FFFFFF;
	margin: 0;
}

#productstrip.homepage .productcontainer.next {	border-left: 1px #6A94BC solid; }

#productstrip .productcontainer h4 {
	background-color: #6A94BC;
	background-image: url(/images/product-header.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 6px;
	padding-left: 5px;
	border-bottom: 1px solid #0B2945;
	vertical-align: bottom;
	display: block;
	margin: 0;
}

#productstrip .productcontainer.oneofthree { float: left;	width: 180px; }

#productstrip .productcontainer.oneofthree.homepage {	float: left; width: 260px; }

#productstrip .productcontainer.oneoftwo { float: left;	width: 274px; }

#productstrip .productcontainer.oneproduct { margin-top: 3px; }

#productstrip .productcontainer.oneproduct.premiumtoolkit {	width: 550px; }

/* For adding a margin to product boxes that follow the first product box. */
.next {	margin-left: 3px; }

/*---------------------------*/
/* FOOTER                    */
#footer {
	background-color: #FFFFFF;
	background-image: url(/images/bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	clear: both;
}

#footer ul.linklist, #backupnav ul.linklist {	list-style: none none; padding: 35px 0 5px 0; }
* html #backupnav ul.linklist {	padding /**/: /**/5px; }

#footer ul.aboutsitelist { list-style: none none; padding: 5px 0 5px 0; }

#footer li, #backupnav li { display: inline; }

#footer .copyright { padding-bottom: 1px; }

/*---------------------------*/
/* Needed by the slideshow   */
#CaptionBox {	height: 0; }

/*---------------------------*/
/* Content Elemenets         */
.content { padding: 0 100px 5px 100px; }

.content p { margin-top: 8px; }

.content h3 { padding-top: 10px; }

.content h4 { margin-top: 8px; text-align: center; }

.content ol { margin-left: 20px; }

.content ol li { margin: 8px 0; }
ol.alpha { list-style: lower-alpha; }

.content .privacy h2 { margin: 10px 0; padding-bottom: 2px; border-bottom: 3px #4F81B0 solid; }
.content .privacy h4 { text-align: left; }
.content .privacy ul { list-style: disc; margin-left: 20px; }
.content .privacy ul.jumplist { list-style: none none; margin-left: 0; }
.content .privacy .totop { text-align: right; margin: 5px 0 10px 0; }
.content .privacy .address { margin: 10px 0 10px 25px; }

.content.sitemap h4 { text-align: left; }
.content.sitemap p { margin: -3px 0 5px 0; }
.content.sitemap ul { margin-left: 15px; }

.contentwithsidebar {	width: 522px;	float: left; }

.learnmore { margin-top: 10px; font-weight: bold; }

/*---------------------------*/
/* Popup Content Elemenets   */
#maincontentpopup .content {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:5px;
	border: 1px black solid;
	background-color: #FFFFFF;
	text-align: left;
	padding: 10px;
}

#maincontentpopup .logo {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#maincontentpopup .close {
	margin-top: 10px;
	text-align: center;
	background-image: url(/images/button-no-arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	font-weight: bold;
	padding: 11px 5px 5px 5px;
}

.close :link, .close :visited, .close :active { color: #660000; text-decoration: none; }

.close :link:hover, .close :visited:hover {	color: #C20E0E; }

#maincontentpopup .content h3 {	font-size: 1em; }

#maincontentpopup .content p { margin-top: 8px; }

#maincontentpopup .content ul {	margin-top: 8px; margin-left: 30px; }

/*---------------------------*/
/* Content with Gutter       */
.contentwithgutter {
	margin: 0 205px 0 0;
	background-color: #FFFFFF;
	padding: 5px;
	clear: left;
	height: 1%;		/* Holly Hack: Fixes the IE peekaboo bug */
}

.contentwithgutter h4 {	margin-top: 10px; }

.contentwithgutter p { margin-top: 8px; }

.contentwithgutter ul { margin-left: 30px; }

.contentwithgutter .learnmore {	margin-top: 10px; font-weight: bold; }

/*---------------------------*/
/* Content with No Gutter    */
.contentwithnogutter {
	clear: both;
	margin: 0;
	background-color: #FFFFFF;
	padding: 5px;
}

.contentwithnogutter h4 {	margin-top: 8px; }

.contentwithnogutter ul {	margin-left: 30px; }

.contentwithnogutter p { margin-top: 8px; }

.contentwithnogutter .learnmore {	clear: left; }

.productheader {
	background-color: #6A94BC;
	background-image: url(/images/product-header.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0;
	padding-top: 7px;
	padding-left: 5px;
	border-bottom: 1px solid #0B2945;
	vertical-align: bottom;
}

.homepagecustomerlogin { float: right; width: 260px; }

.homepagecenterdivide {
	background-image: url(/images/center-divide.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 26px;
	clear: left;
}

/* IE Hack */
* html .homepagecenterdivide { margin-top: -14px; }

/*---------------------------*/
/* Product Strip/Product Container */
#productstrip {	margin-top: 10px; }

#productstrip.homepage { margin: 0; }

.productcontainericon {	margin: 5px auto;	text-align: center; }

.productcontainer ul { margin-left: 20px;	list-style-type: disc; }

.productcontainer li { margin: 3px 0;	font-size: 0.95em; }

.productcontainer.oneproduct .copycontainer, .productcontainer.oneoftwo .copycontainer, .productcontainer.oneofthree .copycontainer {
	padding: 5px;
	text-align: left;
}

/* To maintain uniform block height in IE */
.productcontainer.oneofthree .copycontainer p.ietextblock { height: 90px; }

.productcontainer.oneofthree.homepage .copycontainer { height: 9em; }

.productcontainer.oneofthree.homepage p {	text-align: center; }

.productcontainer.oneofthree.superstats .copycontainer { height: 200px; }

.productcontainer.oneofthree.watchdog .copycontainer { height: 120px; }

.productcontainer.oneoftwo.guestbook .copycontainer {	height: 100px; }

.productcontainer.oneoftwo.ezpolls .copycontainer {	height: 100px; }

.productcontainer.oneoftwo.boardserver .copycontainer {	height: 100px; }

.productcontainer.oneproduct.superstats .copycontainer { height: 60px; }

#productstrip .productcontainer .learnmore { margin-top: 0; margin-left: 5px; }

.button {
	background-image: url(/images/btn-orange.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-weight: bold;
	text-align: right;
	padding: 12px 15px 4px 0;
}

.button.small {
	background-image: url(/images/btn-orange-sml-gry.gif);
}

.button.small.onwhite {
	background-image: url(/images/btn-orange-sml.gif);
}

.button.continue {
	background-position: bottom center;
	text-align: center;
	padding: 12px 10px 5px 0;
}

.button :link, .button :visited, .button :active { color: #660000; text-decoration: none; }

.button :link:hover, .button :visited:hover {	color: #C20E0E; }

.productcontainer .button {
	background-image: url(/images/btn-orange.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-weight: bold;
	text-align: right;
	padding: 12px 15px 5px 0;
	margin-right: 5px;
	margin-bottom: 5px;
}

.productcontainer .button.small {
	background-image: url(/images/btn-orange-sml-gry.gif);
}

.productcontainer .button :link, .productcontainer .button :visited, .productcontainer .button :active {
	color: #660000;
	text-decoration: none;
}

.productcontainer .button :link:hover, .productcontainer .button :visited:hover {	color: #C20E0E; }

.copycontainer dl { margin: 0; }
.copycontainer dt { float: left; padding-top: 4px; }
.copycontainer dd { padding: 5px 0 5px 20px; }

blockquote { padding: 5px 50px; font-style: italic; }

/* For AboutUs page */
.testimonialcredit {
	text-align: right;
	width: 150px;
	margin: 10px 0 10px 400px;
}

/* For SuperStats product pages */
.featureset {	height: 70px; }

.featurelist { float: left;	width: 250px; }

.featurelist ul {	list-style: none none; margin-left: 0; }

.productdescriptionset {
	clear: left;
	margin-bottom: 10px;
	height: 100px;
}

.productdescriptioncolumn {
	float: left;
	width: 250px;
	padding-right: 10px;
}

/* For miniproductcontainer used on Premium Content Tools page */
.miniproductcontainer {
	margin-right: 16px;
	float: right;
	width: 220px;
	background-color: #F4F4F4;
	padding: 2px;
	border: 1px solid #6A94BC;
	font-weight: bold;
	margin-top: 5px;
}
/* HACK for IE */
* html .miniproductcontainer { margin-right: 8px; }

.miniproductcontainer .copycontainer {
	float: left;
	padding: 5px 0 5px 3px;
}

.miniproductcontainer .button.small {
	padding-top: 6px;
	margin: 0;
}

/*---------------------------*/
/* Table on SuperStats product pages */
table.overagefees { /*font-size: 0.8em;*/ }

table.overagefees thead {	font-weight: bold; background-color: #CCC; }

table.overagefees thead td.pageviews { width: 150px; }

table.overagefees thead td.fees {	width: 115px; }

table.overagefees tbody tr.even { background-color: #EEF; }

table.overagefees tbody tr.odd { background-color: #EEE; }

table.overagefees tbody td.startoverage {	width: 50px; }

/*---------------------------*/
/* BoardServer Search        */
table.boardserversearch {	margin-top: 20px; }

table.boardserversearch input {	background-color: #D5E6F6; font-weight: bold; }

table.boardserversearch td.bodybd {	font-weight: bold; }

/*---------------------------*/
/* Field Elemenets           */

form { margin: 0;	padding: 0; }

.formelement { margin: 5px 0; }

.formelement label { text-align: left; margin-left: 5px; }

input {	background-color: inherit; }

input.textbox, select.selectbox {	background-color: #D5E6F6; }

input.notrequired { background-color: #FFF; }

.homepagecustomerlogin input.textbox { width: 140px; }

/*input[type="text"], input[type="password"], select, textarea {
	background-color: #D5E6F6;
}*/

/* LOGIN page form elements */
.customerlogin { margin: 10px auto; border-width: 0; }

.customerlogin .formelement {	margin: 5px auto; }

.customerlogin label {
	float: left;
	width: 70px;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
}

.customerlogin .controlcontainer {}

.customerlogin .submitcontainer {
	margin: 10px 40px 0 0;
	padding: 7px 15px 10px 0;
	text-align: right;
	background-image: url(/images/btn-blue.gif);
	background-repeat: no-repeat;
	background-position: center right;
	font-weight: bold;
	/*border: 1px black solid;*/
}

.customerlogin .submitcontainer :link, .customerlogin .submitcontainer :visited {
	color: #0B2945;
	text-decoration: none;
}

.customerlogin .submitcontainer :link:hover, .customerlogin .submitcontainer :visited:hover {
	color: #2073C1;
}

/* HOMEPAGE login form elements */
.homepagecustomerlogin { border-width: 0; }

.homepagecustomerlogin .formelement {	margin: 5px auto; }

.homepagecustomerlogin label {
	float: left;
	width: 70px;
	text-align: right;
	margin-right: 5px;
}

.homepagecustomerlogin .controlcontainer {}

.homepagecustomerlogin .submitcontainer {
	margin: 10px 40px 0 0;
	padding: 7px 15px 10px 0;
	text-align: right;
	background-image: url(/images/btn-blue.gif);
	background-repeat: no-repeat;
	background-position: center right;
	font-weight: bold;
	/*border: 1px black solid;*/
}

.homepagecustomerlogin .submitcontainer :link, .homepagecustomerlogin .submitcontainer :visited {
	color: #0B2945;
	text-decoration: none;
}

.homepagecustomerlogin .submitcontainer :link:hover, .homepagecustomerlogin .submitcontainer :visited:hover {
	color: #2073C1;
}

form.customerlogin {
	border-width: 0;
	width: 400px;
	margin-bottom: 20px;
}

.customerlogin label.standard {
	float: left;
	width: 100px;
	color: #000000;
	font-weight: bold;
}

.customerlogin input { /*margin-left: 5px;*/ }

.loginform .formelement {	margin: 5px 0 5px 10px; }

.customerlogin .controlcontainer { margin-left: 105px; }

.customerlogin .submitcontainer {
	margin: 10px 40px 0 0;
	padding: 7px 15px 10px 0;
	text-align: center;
	background-image: url(/images/btn-blue.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-weight: bold;
}

.customerlogin .rememberme {
	width: 350px;
	margin: 10px auto;
	text-align: center;
}

.customerlogin .rememberme label {
	font-weight: normal;
	text-align: left;
	/*width: 350px;*/
	float: none;
}

/*  styles for comparison chart */
.comparisonchart { width: auto; }

.comparisonchart td {
	vertical-align:top;
	font-size:11px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	border-bottom:1px solid #D5E6F6;
	border-right:1px solid #D5E6F6;
}

.comparisonchart td.packageselect {
	width:185px;
	border-top:1px solid #D5E6F6;
}

.comparisonchart td.packageselect .copycontainer { height: 140px; }

.comparisonchart td.noborders {
	border:0px;
	border-right:1px solid #D5E6F6;
}

.comparisonchart td.headercolumn {
	width:80px;
	font-weight:bold;
	padding-top:8px;
	border-left: 1px solid #D5E6F6;
}

.comparisonchart tr.headerrow td {
	font-size:13px;
	font-weight:bold;
	color: #FFFFFF;
	padding:5px;
}

.comparisonchart td.standardheader {background: #98ADBE;}
.comparisonchart td.professionalheader {background: #65859E;}
.comparisonchart td.premiumheader {background: #325C7D;}

/* styles for reports list */
.reportschart {	width: 100%; }

.reportschart td {
	text-align:center;
	font-size:11px;
	padding:5px;
	border-bottom:1px solid #D5E6F6;
	border-right:1px solid #D5E6F6;
}

.reportschart td.headercolumn {
	width:auto;
	text-align:left;
	font-weight:bold;
	padding-top:8px;
	border-left: 1px solid #D5E6F6;
}

.reportschart tr.headerrow td {
	font-size:13px;
	text-align:center;
	font-weight:bold;
	color: #FFFFFF;
	padding:5px;
}

.reportschart td.standardheader {background: #98ADBE;	border-top:1px solid #D5E6F6;}
.reportschart td.professionalheader {background: #65859E;	border-top:1px solid #D5E6F6;}
.reportschart td.premiumheader {background: #325C7D;	border-top:1px solid #D5E6F6;}

/*---------------------------*/
/* UDM Styles                */

/* HACK Prevents IE5 from displaying menu */
* html #udm {
	display /**/: /**/none;
}

#udm li.menuheader { width: 262px; }

#udm h2 {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 7px 0 5px 0;
	letter-spacing: 0;
}

#udm div { border-width: 0; }

#udm p {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 5px;
	letter-spacing: 0;
}

/* [nav] default you are here will be same as rollover unless otherwise specified */
#udm a.udmY, #udm a.udmY:visited { 
	background-color: #DF8F33;
	color: #000;
}
	
/* [nav] re-inforce original rollover or do something else */
#udm a.udmY:hover, #udm a.udmY:focus, #udm a.udmY:visited:hover, #udm a.udmY.udmR, #udm a.udmY.udmR:visited, #udm a.udmY:active {
	background-color: #DF8F33;
	color: #FFF;
}

/* [menu] default you are here will be same as rollover or inherit from navbar styles unless otherwise specified */
#udm ul a.udmY, #udm ul a.udmY:visited { 
	background-color: #DF8F33;
}
	
/* [menu] re-inforce original rollover or do something else */
#udm ul a.udmY:hover, #udm ul a.udmY:focus, #udm ul a.udmY:visited:hover, #udm ul a.udmY.udmR, #udm ul a.udmY.udmR:visited, #udm ul a.udmY:active {
	background-color: #F6BF7F;
	color: #000;
}

/* Alignment Classes */
.alignedleft {
  text-align: left;
}

.leftmargin { 
  margin-left: 20px;
 }
