/* ---- BEGIN STANDARD NETSTARTER CSS -- */

p           {font-size:12px; color:#373737; font-weight:normal; line-height:20px; font-family:Arial;}
.P1 { colour:#373737; font- family: Arial; font-size:13px; font-weight: bold; font-style: italic; line height: 20px;}
.LargeCopy	{ font-size:14px; color:#373737; font-weight:normal; line-height:20px; font-family:Arial;}
.LargeCopy13	{ font-size:13px; color:#373737; font-weight:normal; line-height:20px; font-family:Arial;}

.MainCopy	{ font-size:12px; color:#373737; font-weight:normal; line-height:20px; font-family:Arial;}
.SmallCopy	{ font-size:11px; color:#373737; font-weight:normal; line-height:18px; font-family:Arial;}

h1{font-size:25px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}

h2{font-size:20px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:25px;}

h3{font-size:18px; color:#aabf2c; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:25px;}

h4{font-size:16px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:25px;}
h5{font-size:14px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:25px;}
h6{font-size:13px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:25px;}

.h1Default{font-size:25px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}

.h1Green {font-size:37px; color:#5a913a; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1Blue {font-size:37px; color:#00478d; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1Maroon {font-size:37px; color:#9c1f31; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1Purple {font-size:37px; color:#5c2d91; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1Green2 {font-size:37px; color:#008166; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1Orange {font-size:37px; color:#fcb315; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}

.h1GreenMeta {font-size:37px; color:#5a913a; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1BlueMeta {font-size:37px; color:#00478d; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1MaroonMeta {font-size:37px; color:#9c1f31; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1PurpleMeta {font-size:37px; color:#5c2d91; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1Green2Meta {font-size:37px; color:#008166; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}
.h1OrangeMeta {font-size:37px; color:#fcb315; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:40px;}


.h2Green {font-size:28px; color:#aabf2c; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2Blue {font-size:28px; color:#a2dadc; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2Brown {font-size:28px; color:#d39075; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2Purple {font-size:28px; color:#baa0cc; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2Gray {font-size:28px; color:#717073; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}


.h2GreenMeta {font-size:28px; color:#aabf2c; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2BlueMeta {font-size:28px; color:#a2dadc; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2BrownMeta {font-size:28px; color:#d39075; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2PurpleMeta {font-size:28px; color:#baa0cc; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}
.h2GrayMeta {font-size:28px; color:#717073; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:32px;}


.heading1White{font-size:25px; color:#ffffff; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}
.heading2{font-size:21px; color:#373737; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}
.heading3{font-size:19px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}
.heading3White{font-size:18px; color:#ffffff; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px; display:block; width:100%; background:none;}

.heading4Green{
	 font-size:15px; color:#003e21; font-weight:normal; line-height:24px; font-family:Arial;	
}

.heading1WhiteMeta{font-size:25px; color:#ffffff; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}
.heading2Meta{font-size:21px; color:#373737; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}
.heading3Meta{font-size:19px; color:#008066; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px;}
.heading3WhiteMeta{font-size:18px; color:#ffffff; font-weight:normal; font-family:Arial; padding:0px; margin:0px; line-height:30px; display:block; width:100%; background:none;}

.heading4GreenMeta{
	 font-size:15px; color:#003e21; font-weight:normal; line-height:24px; font-family:Arial;	
}

.title1{
	font-size:15px; color:#373737; font-weight:bold; font-family:Arial; padding:0px; margin:0px; line-height:21px;
}
.Greentitle1{
	font-size:14px; color:#008166; font-weight:bold; font-family:Arial; padding:0px; margin:0px; line-height:21px;
}
.Blacktitle1{font-size:16px; color:#373737; font-weight:bold; font-family:Arial; padding:0px; margin:0px; line-height:21px;}

ul li{font-size:12px; color:#666666; font-weight:normal; line-height:20px; list-style:disc; font-family:Arial;}

ul.ticks li{font-size:12px; color:#666666; font-weight:normal; line-height:20px; list-style:none; font-family:Arial; background-image:url(/images/tick.gif); background-repeat:no-repeat;  padding-left:20px; background-position:0px 5px;}

ul.teardrops li{font-size:12px; color:#666666; font-weight:normal; line-height:20px; list-style:none; font-family:Arial; background-image:url(/images/Bullet.gif); background-repeat:no-repeat;  padding-left:20px; background-position:0px 10px;}

ol li{font-size:12px; color:#666666; font-weight:normal; line-height:20px; font-family:Arial;}

hr {color: #dddddd;border: none;height: 1px;}


/* The .datatable styles have been over-written by Ryan from SBS, as the table was not styled very nice at all

ORIGINAL:
.datatable, .datatable td { border: solid 1px #ccc;font-size:12px; color:#666666; font-weight:normal; line-height:20px; font-family:Arial;} */

.datatable { border-collapse: collapse; border: 1px solid #CCC; }

.datatable td { font-size: 12px; color: #666; font-weight: normal; line-height: 20px; font-family: Arial; border: 1px solid #CCC; padding: 0.5em; }

.datatable th { font-size: 14px; color: #FFF; background-color: #007f64; border: none; text-align: left; padding: 0.5em; }

a:link{color:#666666; text-decoration:underline; font-family:Arial;}
a:active{color:#666666; text-decoration:underline; font-family:Arial;}
a:visited{color:#666666; text-decoration:underline; font-family:Arial;}
a:hover{color:#666666; text-decoration:none; font-family:Arial;}

a.SeoMainLink:link{
	 color: #373737; font-size: 14px; font-weight: bold;
	 text-decoration:none;
}
a.SeoMainLink:active{
	 color: #373737; font-size: 14px; font-weight: bold;
	 text-decoration:none;
}
a.SeoMainLink:visited{
	 color: #373737; font-size: 14px; font-weight: bold;
	 text-decoration:none;
}
a.SeoMainLink:hover{
	 color: #717073; font-size: 14px; font-weight: bold;
	 text-decoration:none;
}


a.SeoLink:link{
	color:#717073;
	text-decoration:none;
}
a.SeoLink:active{
	color:#717073;
	text-decoration:none;
}
a.SeoLink:visited{
	color:#717073;
	text-decoration:none;
}
a.SeoLink:hover{
	color:#b3b3b3;
	text-decoration:underline;
}

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

a.greenSmallLink:link{
	font-size:11px;
	color:#007f64;
	text-decoration:none;
}
a.greenSmallLink:active{
	font-size:11px;
	color:#007f64;
	text-decoration:none;
}
a.greenSmallLink:visited{
	font-size:11px;
	color:#007f64;
	text-decoration:none;
}
a.greenSmallLink:hover{
	font-size:11px;
	color:#007f64;
	text-decoration:underline;
}


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



.MoreLink{
	font-size:23px;
	color:#aabf2c;
}

/* ---- END STANDARD NETSTARTER CSS -- */

/* ---- START CUSTOM SAGE-ENTERED CSS -- */

body { background-color: #FFF; }

.diagram {
	margin: 1em auto;
	text-align: center; }
	
	.diag-border { border: 1px solid #eaeaea; }

.float-left {
	float: left;
	margin-right: 1em;
	display: inline-block; }

.float-right {
	float: right;
	margin-left: 1em;
	display: inline-block; }
	
.slidecontainer {
	width: 692px;
	height: 800px;
	overflow: hidden;
	margin-bottom: 2em; }

.slidecontent {
	/* the following 3 lines make Opera behave */
	height: 820px;
	overflow: scroll;
	overflow-y: hidden;
	/* styling */
	background-image: url(http://mms.netstarter.com/sitemedia/w3svc180/uploads/images/integration-role-erp-foot-1.jpg);
	background-color: #e1e1e1;
	background-position: top left;
	background-repeat: no-repeat;
	}

.slidecontent-inside {
	width: 672px;
	height: 800px;
	padding: 10px; }
	
.pdf-link {
	display: inline-block;
	background-image: url(/images/pdf-button.jpg);
	background-position: top left;
	background-repeat: no-repeat; 
	font-size: 17px;
	font-weight: bold;
	color: #007f64 !important;
	text-decoration: none !important;
	line-height: 19px;
	padding: 20px 10px 20px 70px; }
	
	.pdf-link:hover { text-decoration: underline; }
	
ul.IndustryPicker {
	list-style: none;
	margin: 0px;
	padding: 0px; }
	
	li.IndustryItem {
		list-style: none;
		margin: 0px;
		padding: 0px; }
		
		li.IndustryItem a {
			width: 336px;
			display: block;
			line-height: 24px;
			padding-top: 223px;
			float: left;
			margin: 5px;
			vertical-align: bottom;
			background-image: url(http://mms.netstarter.com/sitemedia/w3svc180/uploads/Images/sagelogo.jpg);
			background-position: top left;
			background-repeat: none;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			text-underline: none;
			color: #007f64; }
			
.twtr-widget { float: left; }

.pullout {
	background-image: url(http://w3svc180.production.netstarter.com/Images/pullout-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #008066;
	padding: 20px;
	border-radius: 5px;
	overflow: auto;
	margin-top: 2em;
	margin-bottom: 2em; }

	.pullout-narrow { width: 326px; }
	.pullout-wide { width: 652px; }
	
	.pullout p { color: #c1d59f; }
	
	.pullout p.P1, .pullout a, .pullout li { color: #fff; }

	.pullout2 {
	background-image: url(http://w3svc180.production.netstarter.com/Images/pullout-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #008066;
	padding: 20px;	
	overflow: auto;

	margin-top: 2em;
	margin-bottom: 2em; }

.pullout2 p.P1, .pullout2 a, .pullout2 li { color: #fff; }

.columns-2 {
	-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
	-webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
	-webkit-column-rule: 1px solid #c1d59f; -moz-column-rule: 1px solid #c1d59f; column-rule: 1px solid #c1d59f; }
.columns-3 {
	-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
	-webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
	-webkit-column-rule: 1px solid #c1d59f; -moz-column-rule: 1px solid #c1d59f; column-rule: 1px solid #c1d59f; }
.columns-4 {
	-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;
	-webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
	-webkit-column-rule: 1px solid #c1d59f; -moz-column-rule: 1px solid #c1d59f; column-rule: 1px solid #c1d59f; }

.column-1, .column-2, .column-3 {
	float: left;
	width: 30%;
}

.column-2, .column-3 {
	margin-left: 5%; }

a.button {
	background-image: url(http://w3svc180.production.netstarter.com/Images/button-right.gif);
	background-position: top right;
	float: left;
	display: block;
	height: 48px;
	background-repeat: no-repeat;
	margin: 20px 5px;
	text-decoration: none !important;
	padding-right: 9px;
}
	a.button span {
		background-image: url(http://w3svc180.production.netstarter.com/Images/button-left.gif);
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		line-height: 48px;
		padding-left: 29px;
		padding-right: 20px;
		color: #007f64;
		text-decoration: none !important;
		font-size: 1.5em; }
	
	a.button:hover { background-position: -48px right; }
	a.button:hover span { background-position: -48px left; color: #FFF; }

	a.button:active { background-position: -96px right; }
	a.button:active span { background-position: -96px left; color: #FFF; }
	
.speech-left {
	background-image: url(http://w3svc180.production.netstarter.com/Images/speech-left.gif);
	background-position: bottom left;
	background-repeat: no-repeat; 
	background-color: #007f64;
	padding: 20px 20px 43px 20px;
	color: #c1d59f; }
.speech-right {
	background-image: url(http://w3svc180.production.netstarter.com/Images/speech-right.gif);
	background-position: bottom right;
	background-repeat: no-repeat; 
	background-color: #cee1b4;
	padding: 20px 20px 43px 20px;
	color: #007f64; }
	
a.industry-gallery {
	margin: 5px;
	padding: 0px 0px 0px 110px;
	line-height: 104px;
	vertical-align: middle;
	width: 190px;
	float: left;
	overflow: hidden;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 10px 8px;
	text-decoration: none;
	color: #007f64;
	background-color: #EFEFEF;
	font-size: 14px;
	height: 104px; }
	
	a.industry-gallery: hover {
		text-decoration: underline;
		border: 1px solid #007f64; }

a.industry-button {
	width: 610px;
	display: block;
	float: left;
	clear: both;
	margin: 5px;
	line-height: 50px;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	background: #007f64;
	color: #FFF;
	text-decoration: none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }	

.CRMcol {
	width: 210px;
	float: left;
	margin: 5px; }
	
	.CRMcol-out { margin-left: 20px; }

blockquote p:before {
	content: "\201c";
	font-weight: bold;
	font-size: 2em;
	padding-right: 0.25em;
	color: #c1d59f; }

blockquote p:after {
	content: "\201d";
	font-weight: bold;
	font-size: 2em;
	padding-left: 0.25em;
	color: #c1d59f; }

cite {
	color: #fff;
	font-style: italic;
	margin-left: 2em; }

/* ---- END CUSTOM SAGE-ENTERED CSS -- */