button::-moz-focus-inner {
	border: 0; /* remove dotted outline in firefox */
}

html {
	overflow-y: scroll;
}

body {
	height: 100%; font-size: 16px; margin: 0; border: 0;
	background-color: #FAFAFA; color: grey;
}

#lightboxOutsideDiv {
	min-height: 400px;
}

#outsideDiv {
	position: relative; width: auto; left: 0; right: 0;
	background-color: #FAFAFA; z-index: 201;
}

#footerDiv {
	z-index: 200; position: relative;
}

#centreContent {
	position: relative; min-height: 400px; width: 1122px; margin: 0 auto;
}

.imageBG {
	width: 1122px; height: 417px; top: 0; left: 0; z-index: 0;
	position: absolute;
}

#pageContainer {
	width: 844px; margin: 0 139px; position: relative; z-index: 10;
}

#headerBG {
	width: auto; left: 0; right: 0; background-color: white;
	z-index: 100000; position: relative;
}

#headerContainer {
	width: 1200px; margin: 0 auto; background-color: white;
	position: relative;
}

#sideBarContainer {
	width: 200px; position: absolute; left: -20px; height: auto;
}

#asideTopSpace {
	width: 100%; height: 60px;
}

#contentContainer, #pendingPaypalContentContainer {
	width: 619px; position: relative; float: right;
	font-family: sourceSansProLight, Helvetica, san-serif !important;
	font-size: 16px; padding-top: 39px; padding-bottom: 60px;
	letter-spacing: 0.5px;
}

#pendingPaypalContentContainer {
	min-height : 417px;
}

#contentContainer a {
	color: #009EEC; font-size: 16px; font-family: sourceSansProLight;
}

#headerDiv {
	width: 844px; height: 101px; padding: 0px 139px; position: relative;
	background-color: #ffffff; font-family: daxProReg, Arial, san-serif;
}

#errorsDiv {
	width: 844px; position: relative; margin: 0 139px; top: 5px;
}

#logoDiv {
	width: 224px; height: 64px; position: absolute; top: 29px; left: 150px;
}

#linkBarDiv {
	margin-top: 6px; width: auto; height: auto; position: absolute;
	top: 10px; right: 139px; color: grey; font-size: 12px;
	font-family: sourceSansPro, sans-serif !important;
}

#linkBarDiv span {
	margin: 0 1em;
}

#linkBarDiv a,#linkBarDiv span {
	margin-top: 6px; font-family: sourceSansPro, sans-serif;
}

#linkBarDiv a:hover {
	color: #1E95D3;
}

#linkBarDiv .logButton {
	float: right; margin-top: -6px; position: relative; width: auto;
	height: 28px; overflow: hidden; margin-left: 20px;
}

#menuBarDiv {
	width: auto; height: auto; position: absolute; bottom: 0px;
	right: 139px; z-index: 1000;
}

a.menu,a.menu:link,a.menu:visited {
	border-bottom-style: solid; border-color: white; border-width: 5px;
	background-color: white; padding-bottom: 5px; position: relative;
	float: left; margin-right: 1em; text-decoration: none; font-size: 18px;
	color: grey; overflow: hidden;
}

a.menu:hover {
	border-color: #FFE200;
}

a.menuSelected,a.menuSelected:link,a.menuSelected:visited a.hover {
	border-bottom-style: solid; border-color: #FFE200; border-width: 5px;
	background-color: white; padding-bottom: 5px; position: relative;
	float: left; margin-right: 1em; text-decoration: none; font-size: 18px;
	color: grey; overflow: hidden;
}

#subMenuBackground {
	filter: Alpha(Opacity = 7); -moz-opacity: .7; opacity: .7; width: 100%;
	height: 1500px; background-color: #000000; position: fixed; top: 100px;
	left: 0px; z-index: 1500; display: none;
}

#subMenuBox {
	height: 15em; font-size: 18px; padding: 0; padding-left: 4em;
	position: absolute; top: 101px; right: 0px; z-index: 2000;
	display: none;
}

#solutionsSubMenu {
	z-index: 2100; display: none;
}

#enterpriseSubMenu {
	z-index: 2100; display: none;
}

#developerSubMenu {
	z-index: 2100; display: none;
}

#partnerSubMenu {
	z-index: 2100; display: none;
}

#subMenuBox li a {
	height: 1.5em; text-decoration: none; font-size: 18px; z-index: 2200;
	font-weight: normal; font-family: sourceSansPro !important;
	letter-spacing: 0.3px;
}

#subMenuBox li a:link,#subMenuBox li a:visited {
	color: white; display: block; z-index: 2200;
}

#subMenuBox li a:hover {
	color: #FFE200; z-index: 2200;
}

#subMenuBox ul {
	list-style: none; margin: 0px; margin-top: 1em; padding: 0px;
	z-index: 2200;
}

.transparentBG {
	background-color: rgba(51, 51, 51, 0.85);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,
		endColorstr=#99000000); -ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

img {
	border: none;
}

a,a:link,a:visited {
	color: #1E95D3; outline: none; /* remove dotted outline in firefox */
	text-decoration: none; font-family: arial, Helvetica, san-serif;
}

a:hover {
	color: #1E95D3; outline: none; /* remove dotted outline in firefox */
	text-decoration: underline; font-family: arial, Helvetica, san-serif;
}

a.buttonText,a.buttonText:link,a.buttonText:visited {
	color: grey; text-decoration: none;
	font-family: arial, Helvetica, san-serif;
}

a.buttonText:hover {
	color: #1E95D3; text-decoration: none;
	font-family: arial, Helvetica, san-serif;
}

h1 {
	font-family: daxProReg, arial, san-serif; font-size: 36.8px;
	font-weight: 700; color: #1E95D3; padding-top: 37px;
	padding-bottom: 37px; margin: 0 0 0 0px;
}

h2 {
	font-family: daxProReg, arial, san-serif; font-size: 30px;
	font-weight: 400; font-style: normal; color: #1E95D3;
	margin-bottom: 1em;
}

h3 {
	font-family: daxProLight, arial, san-serif; font-size: 31.2px;
	font-weight: 400; font-style: normal; color: #1E95D3; clear: both;
}

h4 {
	font-family: daxProLight, arial, san-serif; font-size: 20px;
	font-weight: 400; font-style: normal; color: #333333; margin-top: 1em;
	margin-bottom: .5em;
}

h5 {
	font-family: daxProLight, arial, san-serif; font-size: 26px;
	font-weight: 400; font-style: normal; color: #1E95D3;
	line-height: 32px; margin: 3px; padding-bottom: 9px;
}

h6 {
	font-family: Arial, Helvetica, san-serif; font-size: 20px;
	font-weight: 700; color: #929292; line-height: 25px; margin: 3px;
}

.aside {
	width: 200px; margin: 0 0 3em 0; position: relative; float: left;
}

.aside h1 {
	font-size: 17px; font-weight: 700; color: #999999 !important;
	padding: 0 0 8px 0; margin: 0;
}

.aside a {
	font-family: daxProLight, arial, san-serif; font-size: 17px;
	color: grey; line-height: 22px; text-decoration: none; display: block;
}

.aside a:hover {
	color: #FFE200;
}

.aside ul {
	list-style: none; padding: 0; margin: 0;
}

.aside li {
	padding: 4px 0; border-bottom: solid 1px #E5E5E5;
}

.contactOption {
	width: 557.5px; height: 60px; display: block; position: relative;
	margin: 0px 0px 30px 0px;
}

.contactOption span {
	padding: 13px; position: relative; top: 13px; left: 15px;
	font-family: daxCond; font-size: 30px;
}

.contactOptionLeftFloat {
	float: left; left: 42.5px;
}

.contactOptionRightFloat {
	float: left; left: 42.5px;
}

.buttonLink {
	text-decoration: none; margin-top: 25px;
}

.buttonLink:hover {
	text-decoration: underline; color: #1E95D3;
}

.moreNewsButton {
	height: 28px; float: left; width: 74px; z-index: 0; position: absolute;
	margin-top: 5px; margin-left: 15px; display: inline;
}

.exploreButton {
	height: 28px; float: left; width: 90px; z-index: 0; position: absolute;
	margin-top: 5px; margin-left: 15px; display: inline;
}

.feature {
	width: 619px; clear: both;
}

.feature P {
	font-size: 16px; font-family: arial, Helvetica, san-serif;
	font-weight: normal; position: relative;
}

.feature img {
	width: 295px; height: 195px; padding-left: 10px; float: right;
	margin: .5em 0 2em;
}

.feature ul {
	margin-bottom: 4em; color: grey;
}

.shareReport img {
	width: auto; height: auto; padding-left: 0px; float: none;
}

#TryItNowBlock {
	clear: both;
}

.box {
	z-index: 15; position-y: fixed; position: absolute; left: 0px;
	width: 60px;
}

/* Used for page title under image */
.pageTitle {
	color: white !important; padding-left: 225px; height: 96px;
	font-size: 36px; font-family: daxProReg, arial, san-serif;  padding-top: 12px; padding-left: 160px;
	margin-right: 100px;
}

.pageTitleBackground {
	background-color: #333333; height: 75px; width: 100%; opacity: 0.8;
	filter: alpha(opacity = 80); top: 375px; position: absolute;
}


.content {
	position: relative; width: 100%; height: 100%; overflow: visible;
}

* html .box {
	position: absolute;
}

#modalPage {
	display: none; position: absolute; width: 100%; height: 100%; top: 0;
	left: 0;
}

.modalContainer {
	position: absolute; width: 200px; left: 1005px; top: 185px;
	z-index: 750;
}

.modalBackground {
	filter: Alpha(Opacity = 00); -moz-opacity: 0; opacity: 0; width: 100%;
	height: 1500px; background-color: #999999; position: absolute;
	z-index: 500; top: 0; left: 0;
}

.modal {
	background-color: white; border: solid 2px #999999; position: absolute;
	top: -140px; left: -210px; z-index: 1000; width: 220px; height: 105px;
	padding: 0; z-index: 501;
}

.modalTop {
	width: 192px; background-color: #000099; padding: 4px; color: #FFF;
	text-align: right;
}

.modalTop a,.modalTop a:visited {
	color: #FFF;
}

.modalBody {
	padding: 10px;
}

.ContentSectionParagraph {
	font-size: 16px; font-family: Arial, Helvetica, san-serif;
	margin-top: 2px; margin-bottom: 10px;
}

.ContentSectionTitle {
	font-size: 20px; font-family: daxProReg, arial, san-serif;
	margin-top: 2px; margin-bottom: 20px;
}

.middleHoverButton {
	background: url('../images/vid_play_background.png');
	background-repeat: no-repeat; background-size: 176px 25px;
	height: 25px; width: 176px; padding-top: 3px;
}

.middleHoverButton b {
	padding-left: 15px;
}

.hiddenArea {
	width: 100%; height: 138px; display: none; color: white;
}

.hiddenArea p {
	color: white; padding-top: 10px; padding-left: 10px; margin: 0px;
}

.secondRowImage {
	background-size: 211px 166px; background-repeat: no-repeat;
	display: block; float: left; width: 211px; height: 166px;
}

.benefitTitle {
	width: 100%; height: 90px;
	font-family: sourceSansProLight, arial, san-serif; font-size: 32px;
	line-height: 33px; color: #555555; padding-top: 30px;
	margin-bottom: 0px;
}

.benefitText {
	font-family: sourceSansProLight, arial, san-serif; color: #808080;
	margin-bottom: 51px; line-height: 23px; width: 100%; font-size: 16px;
	color: #808080; margin-bottom: 51px;
}

.benifitsMainTitle {
	font-size: 74px !important; padding-top: 65px !important;
	line-height: 78px !important;
}

.benefitImg {
	width: 100%; height: 100px;
}

.footerHead {
	font-size: 14px; color: white;
}

.footerHead b {
	color: white;
}

#TryItNowBlock {
	width: 619px; height: 75px; position: relative; margin: 30px 0px;
}

.DropShadow {
	position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;
	margin: 5px 0px 0px 5px; background: #CCCCCC;
}

.DropShadowContent {
	background-color: #FFFFFF; border: 1px solid grey;
	margin: 0px 5px 5px 0px; position: absolute; top: -5px; right: 0px;
	bottom: 0px; left: -5px;
}

#TryItNowText {
	width: 486px; height: 28px; padding-left: 10px;
	font-family: arial, Helvetica, san-serif; font-size: 16px;
	font-weight: normal; position: absolute; left: 0px; line-height: 140%;
}

#TryItNowButton {
	width: 101px; height: 29px; margin: 10px; position: absolute;
	right: 0px;
}

.yfText {
	FONT-SIZE: 18px; COLOR: #555555; LINE-HEIGHT: 22px;
	FONT-FAMILY: sourceSansPro, Helvetica, sans-serif;
}

.yfTitle {
	FONT-WEIGHT: normal; FONT-SIZE: 20.8px; COLOR: #009EEC;
	LINE-HEIGHT: 18px;
	FONT-FAMILY: DaxCondLight, Arial, Helvetica, san-serif;
}

.yfBlogTitle {
	font-family: daxCondLight, arial, san-serif !important; color: #009EEC;
	font-size: 32px; line-height: 38px; margin-top: 21px !important;
}

.rightImage {
	margin-left: 1200px; width: 139px; position: absolute;
}

.formRow {
	font-size: 16px; color: grey; left: 0px; right: 0px;
	vertical-align: middle; padding: 2px 0; margin: 5px 0;
	position: relative; clear: both; height: auto;
}

.formRowSpacing {
	padding: 2px 0; margin: 5px 0;
}

.yfLongBox {
	font-size: 15px; width: 240px; float: right; vertical-align: middle;
	position: relative; top: -3px;
}

.yfLongBoxSelect {
	font-size: 15px; width: 246px; float: right; vertical-align: middle;
	position: relative; top: -3px;
}

.yfEntryField {
	font-size: 15px; font-family: arial, helvetica, sans-serif;
	position: relative; length: auto;
}

.yfMed2Box {
	font-size: 15px; width: 180px; float: right; vertical-align: middle;
	position: relative; top: -3px;
}

.supportLeftColumn,.supportRightColumn {
	position: relative; width: 330px; margin-bottom: 2em;
}

.supportLeftColumn {
	float: left;
}

.supportRightColumn {
	float: right;
}

.supportHR {
	width: 750px; height: 1px; float: left; background-color: #999999;
}

.supportRight {
	float: right;
}

.popularNewsWidget {
	font-color: grey; font-size: 12px; padding: 0;
}

.newsLinks {
	margin: 0; width: 100%; font-size: 14px; line-height: 20px;
	height: auto; overflow: hidden; padding-bottom: 5px;
	letter-spacing: 0.5px; float: left;
}

.newsLinks a {
	font-family: sourceSansProLight, helvetica, sans-serif; font-size: 14px;
	line-height: 20px; color: #009EEC;
}

.newsLinks a:hover {
	color: #1E95D3; text-decoration: underline;
}

.rankingBG {
	width: 100%; height: 5px; line-height: 5px; font-size: 5px;
	/* background-color: #CCC; */ margin-top: .2em; float: left;
}

.ranking {
	height: 5px; background-color: #FFE200; position: relative;
	line-height: 5px; font-size: 5px; top: -5px; margin-bottom: .6em;
	float: left;
}

.sideNavHR {
	width: 200px; height: 1px; clear: both; background-color: #CCCCCC;
	margin: 0;
}

.smallLinks {
	font-size: 14px; line-height: 14px;
}

.blogHR {
	width: 750px; height: 6px; line-height: 3px; font-size: 3px;
	clear: both; background-color: #999999; margin: 2em 0;
}

.blogDottedHR {
	width: 619px; height: 1px; line-height: 1px; font-size: 1px;
	margin: 1em 0; border-top: dotted 1px #b7b7b7;
}

.harryFont {
	font-family: daxProReg, arial, san-serif; font-size: 27px;
	font-weight: 400; font-style: normal; color: #1E95D3;
	line-height: 33px;
}

.twtr-tweet-text P {
	font-size: 14px;
}

#contactDetailsWidget {
	width: 100%; position: relative; top: 0; left: 0;
	font-family: arial, Helvetica, san-serif; font-size: 14px;
	font-weight: 400; color: #797979; margin: 3em 0;
}

.cd-title,.cd-titleSelected {
	font-family: daxProLight, arial, san-serif; font-size: 17px;
	font-weight: 500; width: 100%; height: 30px; position: relative;
}

.cd-title,.cd-details {
	border-bottom: solid 1px #E5E5E5;
}

.cd-titleSelected,.cd-details {
	display: none;
}

.cd-title a,.cd-titleSelected a {
	font-family: daxProLight, arial, san-serif; font-size: 17px;
	font-weight: 500; text-decoration: none; top: 3px; position: relative;
}

.cd-title a {
	color: #797979;
}

.cd-titleSelected a {
	color: #1E95D3;
}

.cd-title a:hover,.cd-titleSelected a:hover {
	color: #FFE200;
}

.cd-details {
	font-family: arial, Helvetica, san-serif; font-size: 14px;
	font-weight: 400; color: grey; padding-left: 15px; position: relative;
	width: auto; left: 0; right: 0; padding: .5em 0 2em 1em;
}

.cd-details {
	font-size: 14px;
}

.logButton {
	float: right; margin-top: -6px; position: relative; width: 68px;
	height: 28px; overflow: hidden; margin-left: 1em;
}

.block {
	width: 100%; margin: 1em 0 2em 0; color: grey; clear: both;
}

.block img {
	float: right; padding-left: 1em; margin: 0 0 2em 0;
}

.blockCol {
	width: 340px; margin: 1em 0; font-size: 20px;
}

.blockCol i {
	font-family: daxProReg, arial, san-serif; color: grey; font-size: 20px;
}

.quoteCredit {
	color: #1E95D3; font-size: 14px;
}

@font-face {
	font-family: sourceSansPro;
	/* src: url('../css/fonts/SourceSansPro-Regular.ttf'); */
	src: url('../css/fonts/SourceSansPro-Regular-webfont.eot');
	src: url('../css/fonts/SourceSansPro-Regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
		url('../css/fonts/SourceSansPro-Regular-webfont.ttf')
		format('truetype'),
		url('../css/fonts/SourceSansPro-Regular-webfont.svg#webfont')
		format('svg'); font-weight: normal; font-style: normal;
}

@font-face {
	font-family: sourceSansPro;
	src: url('../css/fonts/SourceSansPro-Semibold-webfont.eot');
	src: url('../css/fonts/SourceSansPro-Semibold-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
		url('../css/fonts/SourceSansPro-Semibold.ttf') format('truetype'),
		url('../css/fonts/SourceSansPro-Semibold-webfont.svg#webfont')
		format('svg'); font-style: normal; font-weight: bold;
}

@font-face {
	font-family: sourceSansPro;
	src: url('../css/fonts/SourceSansPro-It-webfont.eot');
	src: url('../css/fonts/SourceSansPro-It-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/SourceSansPro-It-webfont.woff') format('woff'),
		url('../css/fonts/SourceSansPro-Italic.ttf') format('truetype'),
		url('../css/fonts/SourceSansPro-It-webfont.svg#webfont') format('svg');
	font-style: italic; font-weight: normal;
}

@font-face {
	font-family: sourceSansProLight;
	src: url('../css/fonts/SourceSansPro-Light-webfont.eot');
	src: url('../css/fonts/SourceSansPro-Light-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/SourceSansPro-Light-webfont.woff') format('woff'),
		url('../css/fonts/SourceSansPro-Light.ttf') format('truetype'),
		url('../css/fonts/SourceSansPro-Light-webfont.svg#webfont')
		format('svg'); font-style: normal; font-weight: normal;
}

@font-face {
	font-family: daxProReg;
	src: url('../css/fonts/daxlinepro-regular-webfont.eot');
	src: url('../css/fonts/daxlinepro-regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/daxlinepro-regular-webfont.woff') format('woff'),
		url('../css/fonts/daxlinepro-regular-webfont.ttf') format('truetype'),
		url('../css/fonts/daxlinepro-regular-webfont.svg#webfont')
		format('svg'); font-style: normal; font-weight: normal;
}

@font-face {
	font-family: daxProLight;
	src: url('../css/fonts/daxlinepro-light-webfont.eot');
	src: url('../css/fonts/daxlinepro-light-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/daxlinepro-light-webfont.woff') format('woff'),
		url('../css/fonts/daxlinepro-light-webfont.ttf') format('truetype'),
		url('../css/fonts/daxlinepro-light-webfont.svg#webfont') format('svg');
	font-style: 200; font-weight: 200;
}

@font-face {
	font-family: daxCond; src: url('../css/fonts/daxcondensed-webfont.eot');
	/*	src: url('../css/fonts/daxcondensed-webfont.eot');*/
	src: url('../css/fonts/daxcondensed-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/daxcondensed-webfont.woff') format('woff'),
		url('../css/fonts/daxcondensed-webfont.ttf') format('truetype'),
		url('../css/fonts/daxcondensed-webfont.svg#webfont') format('svg');
	/* 	font-style: 200;
	font-weight: 200; */ font-style: normal; font-weight: normal;
}

@font-face {
	font-family: daxCondLight;
	/* src: url('../css/fonts/DaxCondensedLight.ttf'); */
	src: url('../css/fonts/daxcondensedlight-webfont.eot');
	src: url('../css/fonts/daxcondensedlight-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../css/fonts/daxcondensedlight-webfont.woff') format('woff'),
		url('../css/fonts/daxcondensedlight-webfont.ttf') format('truetype'),
		url('../css/fonts/daxcondensedlight-webfont.svg#webfont')
		format('svg'); font-style: normal; font-weight: normal;
}

.formText {
	padding-top: 4px; float: left; width: 140px;
}

.formBox {
	float: left; width: 380px;
}

.formLine {
	height: 35px; width: 520px;
}

#downloadLinksWidget ul {
	margin-top: 0;
}

#sideNavWidget div {
	font-family: daxProLight, arial, san-serif; font-size: 17px;
	color: #1E95D3; line-height: 22px; width: 100%; height: 22px;
	padding: 4px 0; border-bottom: solid 1px #E5E5E5; position: relative
}

#sideNavWidget img {
	position: absolute
}

#mobileLinksWidget a {
	
}

#actionButtonsWidget {
	width: 100%; height: 95px; overflow: hidden;
}

#actionButtonsWidget img {
	border-left: solid 2px white; padding: 6px; position: absolute;
	right: -2px; top: -2px;
}

#actionButtonsWidget ul {
	list-style: none; padding: 0;
}

#actionButtonsWidget li {
	padding-left: 10px; margin: 2px 0;
}

#actionButtonsWidget li a {
	display: block; font-family: daxProLight, arial, san-serif;
	font-size: 16px; text-decoration: none; line-height: 18px;
	color: white; margin-left: -10px; padding-left: 10px;
}

#actionButtonsWidget a:hover,.actionButtonWidget li:hover,.actionButtonWidget ul:hover
	{
	background-color: #CCC; color: black;
}

.actionButtonBlue:hover,.actionButtonYellow:hover {
	background-color: #CCC;
}

.actionButtonBlue {
	background-color: #1E95D3; position: relative; color: white;
}

.actionButtonBlue a {
	color: white;
}

.actionButtonYellow {
	background-color: #FFE200; position: relative;
}

.actionButtonYellow a,.actionButtonBlue a:hover {
	color: black;
}

.sectionSeparator {
	width: 100%; padding-bottom: 1em; border-bottom: dotted 1px grey;
	margin: 2em 0; position: relative;
}

.buildDownloadButton {
	float: right; position: absolute; right: 0; bottom: 1em;
}

.verSelBox {
	padding: 0 0 0 2em; font-size: 14px; text-align: left; length: 2em;
}

.evalPopupSubmitButton {
	float: right; margin-top: -6px; position: relative; width: 68px;
	height: 28px; overflow: hidden; margin-left: 1em; right: 30px;
	top: 10px;
}

#incompleteForm {
	position: absolute; width: 1200px; height: 775px; z-index: 1;
	overflow: hidden;
}

#licence {
	padding: 1em; border: solid 1px grey; margin: 0 0 2em 0;
	position: relative;
}

.ld-errors {
	width: 480px; font-size: 10px; color: red; padding: 0;
	visibility: hidden; text-align: right; border: none; margin: 0;
}

.clSection {
	margin: 0 0 1em 0; clear: both;
}

.clTab {
	display: block; width: 190px; float: left; padding: 3px 0;
}

.clSelectBox {
	width: 300px; font-size: 13px; margin-right: 1em;
}

.clTextBox {
	width: 294px; font-size: 13px; margin-right: 1em;
}

.clShortBox {
	width: 5em; font-size: 13px;
}

.clTinyBox {
	width: 3em; font-size: 13px;
}

.clShortTextBox {
	width: 100px; font-size: 13px; margin-right: 1em;
}

#footer-licence {
	height: 29px; width: 100%; margin: 3em 0 0 0; clear: both;
}

.licenceButton {
	float: right; margin-left: 10px;
}

.yfSmallLinks {
	font-size: 14px;
}

#section-clTerms,#section-clDeploymentType,#section-clRequestor,#section-clType,#section-clFullLicenceWarning,#section-clLicenceReason,#section-clAttachPO,#section-clFullSelection,#section-clExistingLicence,#section-clSelectHostname,#clCreateButton,#section-ld-licenceDetails\(HOSTNAME\),#section-ld-licenceDetails\(DATASOURCES\),#section-ld-licenceDetails\(CLIENTS\),#section-ld-licenceDetails\(CONSUMERS\),#section-ld-licenceDetails\(WRITERS\),#section-ld-licenceDetails\(DASHBOARDS\),#section-ld-users,#section-ld-licenceDetails\(MULTICAST\),#section-ld-licenceDetails\(CONCURRENTUSERS\),#section-ld-licenceDetails\(NAMEDUSERS\),#section-ld-licenceDetails\(CONCURRENTMODE\),#section-ld-licenceDetails\(SERVERCORES\),#section-ld-startDate,#section-ld-licencePeriod,#section-ld-endDate,#section-ld-subscriptionType
	{
	display: none; position: relative;
}

.yfBlueButton:hover,.yfRedButton:hover,.yfWhiteButton:hover {
	width: 100px; margin-right: 24px; box-shadow: -2px 1px 2px #c7c7c7;
}

.yfBlueButton,.yfRedButton,.yfWhiteButton {
	width: 99px; height: 29px; font-size: 14px; font-weight: bold;
	font-family: arial, helvetica, sans-serif; cursor: pointer; padding: 0;
	border-radius: 3px; margin-right: 25px; outline: none;
}

.yfBlueButton {
	color: white; border: none; background-color: #5a9ed2;
}

.yfBlueButton:hover {
	background-color: #51a0e0; border: solid 1px #267bc6;
}

.yfWhiteButton {
	color: #8a8a8a; background-color: white; border: solid 1px #ccc;
}

.yfWhiteButton:hover {
	border-color: #bbb;
}

.floated {
	float: left;
}

.hardselect {
	display: block; padding: 4px;
}

.cl-skipButton {
	font-size: 13px; padding: 1px 1.5em; margin-left: -22px;
}

.cl-extraText {
	margin: 1em 0em; font-weight: 500; font-size: 16px;
}

.cl-warningBox {
	margin: 1em 0em; border: solid 2px #C0C0C0;
	padding: .5em .5em .5em 56px; color: #808080; font-weight: 500;
	background-color: #EEEEEE; position: relative;
}

.cl-warningBox img {
	border: none; position: absolute; width: 37px; height: 32px; left: 10px;
	top: 11px;
}

.yfTableText {
	font-size: 14px;
}

.yfTableTitle {
	font-size: 14px; color: white; font-weight: 700;
	background-color: #1E95D3;
}

/* These CSS classes are for the frontend webpages, and are mainly to do with the hidden information sections and the color bars.  */
.hidden {
	display: none; position: relative; height: auto; width: 1400px;
	margin: 0 auto; left: 0px; right: 0px; z-index: 0;
	background-color: #F2F2F2; padding-top: 60px;
}

/* Standard 6px bar to be used to seperate sections  */
.energyBar {
	height: 6px; z-index: 3; width: 1200px;
}

a.showlink,a.hidelink {
	text-decoration: none; /* Stops text from being underlined  */
	padding-left: 0px; font-family: sourceSansPro, Arial !important;
	color: #009EEC; /* Default Blue colour  */
}

a.showlink:hover,a.hidelink:hover {
	border-bottom: none;
}

div.clickable {
	/* div must have a position value assigned to it */
	position: relative; opacity: 0; filter: alpha(opacity = 1);
	background-color: #F2F2F2; z-index: 10; height: 40px;
}

div.clickableBar {
	/* div will auto-allign */
	position: relative; background-color: #F2F2F2; z-index: 10;
	height: 40px; top: 0px; width: 1200px; left: 100px; right: 0px;
	opacity: 100; filter: alpha(opacity = 100);
}

div.clickableBar a {
	position: absolute; width: 100%; height: 100%; top: 0; left: 0;
	text-decoration: none;
	/* Stops link from being underlined in the div */ z-index: 11;
	/* raises anchor tag above everything else in div */
	background-color: white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity = 0); opacity: 0;
	/*workaround to make clickable in IE */
}

div.clickable:hover {
	opacity: 0; filter: alpha(opacity = 1);
}

div.clickable a {
	position: absolute; width: 100%; height: 100%; top: 0; left: 0;
	text-decoration: none;
	/* Stops link from being underlined in the div */ z-index: 11;
	/* raises anchor tag above everything else in div */
	background-color: white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity = 0); opacity: 0;
	/*workaround to make clickable in IE */
}

/* CSS for the scroll up button  */
.scrollup {
	width: 55px; height: 75px; opacity: 1; position: fixed; bottom: 50px;
	right: 22.5px; display: none; text-indent: -9999px;
	background: url('../images/TOP2.png') no-repeat; z-index: 1000;
}


/* FrontEnd encases styling for all of the frontend web pages (main site)  */
.FrontEnd p {
	font-family: sourceSansProLight, Arial; font-size: 22px;
	line-height: 32px; letter-spacing: 0.5px; font-weight: normal;
	color: #555555;
}

.FrontEnd a {
	text-decoration: none !important;
}

.FrontEnd .pLessSpacing {
	font-family: sourceSansProLight; font-size: 18px; line-height: 23px;
	letter-spacing: 0.2px; font-weight: normal; margin-bottom: 0px;
}

.FrontEnd div.pLessSpacing {
	padding-top: 18px;
}

.FrontEnd h1 {
	font-family: daxCondLight, Arial; padding-bottom: 0px; font-size: 42px;
	line-height: 47px; font-weight: normal; color: #009EEC
}

.FrontEnd h2 {
	font-family: daxCondLight, Arial; padding-bottom: 0px;
	font-weight: normal; color: #009EEC
}

.FrontEnd h3 {
	font-family: daxCondLight, Arial; padding-bottom: 0px;
	font-weight: normal; color: #009EEC
}

.FrontEnd h4 {
	font-family: daxCondLight, Arial; padding-bottom: 0px;
	font-weight: normal; color: #009EEC
}

.FrontEnd h5 {
	font-family: daxCondLight, Arial; padding-bottom: 0px;
	font-weight: normal; color: #009EEC;
}

.FrontEnd h1.hLessSpacing {
	font-family: sourceSansProLight; font-size: 30px; line-height: 35px;
	letter-spacing: -.2px; color: #009EEC; font-weight: normal;
	padding-top: 0px;
}

/* 2 Row element/column  */
/* Allows auto heights on all hidden sections */
.twoRowDivLeft {
	margin-left: 160px; margin-right: 320px; width: 280px !important;
}

.twoRowDiv {
	position: relative; height: auto; float: left; margin-bottom: 40px;
}

.twoRowDiv h1 {
	padding-top: 0px;
}

.twoRowDivRight {
	margin-left: 0px; margin-right: 160px; width: 280px !important;
}

.twoRowOuterContainer {
	position: relative; left: 100px; right: 100px; width: 1200px;
	height: auto; z-index: 1; overflow: hidden;
}

/* 3 Row element/Column  */
/* Allows auto heights on all hidden sections */
.threeRowDivLeft {
	margin-left: 20px; margin-right: 170px; width: 270px !important;
}

.threeRowDiv {
	position: relative; width: 280px; height: auto; float: left;
	margin-bottom: 40px;
}

.threeRowDiv h1 {
	padding-top: 0px;
}

.threeRowDivRight {
	margin-left: 170px; margin-right: 20px; width: 270px !important;
}

.threeRowOuterContainer {
	position: relative; left: 100px; right: 100px; width: 1200px;
	height: auto; z-index: 1; overflow: hidden;
}

/* 1 Row element/column  */
/* Allows auto heights on all hidden sections - used for images in the hidden sections */
.oneRowDiv {
	position: relative; height: auto; float: left;
}

.oneRowOuterContainer {
	position: relative; left: 0; right: 0; width: 1400px; height: auto;
	z-index: 1; overflow: hidden;
}

/* Multiple classes for the quote containers  */
/* This class is used for the container div of the quote  */
.quoteSection {
	position: relative; height: auto; width: 1400px;
	background-color: #FCFCFC; margin: 0 auto; left: 0px; right: 0px;
	z-index: 0;
}

.quoteContainer {
	position: relative; left: 100px; top: 0px; right: 100px; height: auto;
	width: 1200px; padding-top: 90px; padding-bottom: 90px;
	overflow: hidden;
}

.quoteLeftSubContainer {
	float: left; position: relative; height: auto; width: 600px; left: 0px;
}

.quoteTextDiv {
	position: relative; left: 0px; height: auto; width: 600px; float: right;
}

.quoteSentence {
	text-align: right;
	color: #009EEC !important; padding-top: 0px;
	line-height: 34px !important; font-size: 28px !important;
	letter-spacing: .3px;
}

.quoteLogo {
	position: relative; /* height: 250px; */ width: 600px; float: right;
}

.quoteByBox {
	position: relative; width: 385px; float: right; clear: both;
	margin-top: 20px;
}

.quoteByBox h1 {
	font-size: 26px !important; color: #009EEC; margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important; line-height: 34px !important;
	font-family: sourceSansProLight, Arial !important
}

.quoteByBox h2 {
	font-size: 16px; color: #009EEC; margin: 0 0 0 0;
	line-height: 24px !important;
	font-family: sourceSansProLight, Arial !important
}

/* This class is used for the blue box used to hold the case study link */
.caseStudyLinkBox {
	position: relative; height: 50px; width: 190px;
	background-color: #009EEC; float: right; clear: both; margin-top: 20px;
	text-align: center;
}

.caseStudyLinkBox a:hover {
	text-decoration: none; font-size: 24px;
}

/* This is used for the text inside the case study box  */
.caseStudyLinkText {
	font-family: sourceSansProLight, Arial !important;
	color: white !important; text-decoration: none; color: white;
	position: relative; font-size: 22px; top: 11px; text-decoration: none;
}

.caseStudyLinkTextAlt {
	font-family: sourceSansProLight, Arial !important;
	color: #009eec; text-decoration: none; color: white;
	position: relative; font-size: 22px; top: 11px; text-decoration: none;
}

/* Multiple classes for the right-alligned quote containers  */
/* This class is used for the container div of the quote  */
.quoteRightAllignedTextDiv {
	left: 0px;
}

.quoteRightAllignedSentence {
	text-align: right;
}

.quoteRightAllignedByBox {
	/* left: 225px; */
	
}

.quoteRightAllignedByBox h1 {
	text-align: right;
}

.quoteRightAllignedByBox h2 {
	text-align: right;
}

/* This class is used for the blue box used to hold the case study link */
.caseStudyRightAllignedLinkBox {
	left: 410px;
}

/* This is used for the text inside the case study box  */
.caseStudyRightAllignedLinkText {
	text-align: right; display: block;
}

/* Multiple classes for the alternate quote containers  */

/* Multiple classes for the quote containers  */
/* Where possible, use the original quote class with these added next to it for it to apply the alternate colour scheme */
.quoteAlternateSection {
	background-color: #009EEC !important;
}

.quoteAlternateSentence {
	color: white !important;
}

.quoteAlternateByBox {
	color: white !important;
}

.quoteAlternateByBox h1 {
	color: white !important;
}

.quoteAlternateByBox h2 {
	color: white !important;
}

.quoteAltColours {
	color: white !important;
}

/* This class is used for the blue box used to hold the case study link */
.caseStudyLinkAlternateBox {
	background-color: #009EEC !important;
	text-align: left;
}

.caseStudyLinkAlternateBox a:hover {
	font-size: 24px; text-decoration: none; margin: 0px !important;
}

/* This is used for the text inside the case study box  */
.caseStudyLinkAlternateText {
	color: white !important; margin-left: 0px; margin-right: 0px;
	margin-top: 0px; margin-bottom: 0px
}

.caseStudyLinkeAlternateRightAllignText {
	text-align: right; left: 47px;
}

/* Quote - inverted setup (logo left, text right-side left alligned)  */
.quoteRightSubContainer {
	float: right; position: relative; height: auto; width: 600px; left: 0px;
}

.quoteInvertedTextDiv {
	float: left !important
}

.quoteInvertedSentence {
	text-align: left; float: left !important;
}

.quoteInvertedLogo {
	float: left !important;
}

.quoteInvertedByBox {
	float: left !important;
}

.quoteInvertedByBox h1 {
	text-align: left !important;
}

.quoteInvertedByBox h2 {
	text-align: left !important;
}

/* This class is used for the blue box used to hold the case study link */
.caseInvertedStudyLinkBox {
	float: left !important;
}


/* Created to keep the navigation menu consistent with the new layout - Jake Rapinett  */
.MenuText {
	color: #888888 !important; font-size: 18px !important;
	text-decoration: none !important; float: left; padding-left: 15px;
	/* padding-bottom: 5px; */ height: 41px; top: 10px; position: relative;
}

.MenuText a {
	color: #888888 !important; font-size: 20px;
	text-decoration: none !important;
	font-family: sourceSansPro, sans-serif !important;
	/* padding-bottom: 5px */; /* border-bottom-style: solid;
	border-color: white; border-width: 5px; */
}

.MenuText a:HOVER {
	border-bottom: #FFE500 solid 5px;
}

/* This CSS class is for the "try it now" section located at the bottom of each of the pages on the Yellowfin website (excluding home page) */
.whyYellowfinOuterContainer {
	height: 310px; background-color: #F4F4F4; width: 1400px; margin: 0 auto;
	position: relative; left: 0px; right: 0px; z-index: 0;
}

.whyYellowfinInnerContainer {
	position: absolute; top: 23px; left: 410px; right: 410px; width: 580px;
	bottom: 60px; height: 190px;
}

.whyYellowfinInnerContainer .h {
	padding-top: 0px;
}

.showcaseIntroText {
	color: #F4F4F4 !important; font-family: sourceSansProLight, Arial;
	font-size: 22px; line-height: 32px; letter-spacing: 0.5px;
	font-weight: normal;
}

/* For use with centering the play button on the pages.  */
.playButton {
	position: relative; top: 7px;
}

/* Custom Line Break */
.customLineBreak {
	height: 10px; width: 200px;
}

/* For outputting list elements in the developers page, regarding the different databases.  */
.databaseList li {
	font-family: sourceSansProLight; font-size: 18px;
}

/* For the see more / watch video sections on the website */
.seeMoreWatchVid {
	margin-top: 10px; margin-bottom: 10px;
}

/* To fix a bug between English and Japanese site CSS */
.imageSliderTitleText {
	font-family: daxCondLight, arial, san-serif; color: #f8f8f8;
	height: 65px; font-size: 48px; font-weight: normal; margin: 0 11px;
	white-space: nowrap;
}

/* Custom code for the 'share this' icons in the blog posts*/
.st_facebook_custom {
	cursor: pointer;
	background: url('images/facebook_32.png') no-repeat scroll left top
		transparent; padding-right: 5px;
}

.st_twitter_custom {
	cursor: pointer;
	background: url('images/twitter_32.png') no-repeat scroll left top
		transparent; padding-right: 5px;
}

.st_googleplus_custom {
	cursor: pointer;
	background: url('images/google_plus_32.png') no-repeat scroll left top
		transparent; padding-right: 5px;
}

.st_linkedin_custom {
	cursor: pointer;
	background: url('images/linkedin_32.png') no-repeat scroll left top
		transparent; padding-right: 5px;
}

.st_email_custom {
	cursor: pointer;
	background: url('images/Mail_32.png') no-repeat scroll left top
		transparent; padding-right: 5px;
}

.st_sharethis_custom {
	cursor: pointer;
	background: url('images/share_32.png') no-repeat scroll left top
		transparent; padding-right: 5px;
}

.st_pinterest_custom {
	cursor: pointer;
	background: url('images/pinterest_32.png') no-repeat scroll left top
		transparent; padding-right: 5px;
}

.betaStandardButtonContainer {
	/* background-color: white; width: 190px; height: 65px; cursor: pointer; */
	cursor: pointer; background-color: white; color: #009EEC;
	padding: 15px 40px; font-family: sourceSansProLight, Arial !important;
	min-width: 30px; text-align: center; font-size: 26px;
	text-decoration: none;
}

.betaStandardButtonText {
	/* 	color: #009EEC; position: relative; top: 16.5px; font-weight: bold; */
	/* 	font-family: sourceSansProLight, Arial; font-size: 26px; */
	/* 	line-height: 32px; letter-spacing: 0.5px; padding: 0 10px; */
	/* 	text-decoration: none; */
	font-family: sourceSansProLight, Arial; color: #009EEC;
}

.betaStandardButtonText:hover {
	/* 	font-family: sourceSansProLight, Arial !important; font-size: 28px; */
	/* 	text-decoration: none; color: #009EEC; */
	
}

/* Marketplace CSS */
.productLeftItem {
	position: relative; margin-left: 20px; width: 278px; max-width: 278px;
	float: left; cursor: pointer;
}

.productMidItem {
	position: relative; margin-left: 163px; margin-right: 163px;
	width: 278px; max-width: 278px; width: 278px; float: left;
	cursor: pointer;
}

.productRightItem {
	position: relative; margin-right: 20px; width: 278px; max-width: 278px;
	float: left; cursor: pointer;
}

.productRow {
	position: relative; width: 1200px; height: auto; z-index: 1;
	overflow: hidden; float: left; margin-bottom: 20px; padding: 0 100px;
	margin-top: 20px;
}

.categorySection {
	height: auto; width: 1400px; margin: 0 auto; position: relative;
	z-index: 0; background: #F2F2F2 !important; float: left;
}

.categoryTitle {
	font-family: daxCondLight, Arial; padding-bottom: 0px; font-size: 42px;
	line-height: 47px; font-weight: normal; color: #555555;
	margin: 47px 0px 20px 20px; padding: 0 100px;
}

.marketplaceProductName {
	font-family: sourceSansProLight; font-size: 30px; line-height: 35px;
	letter-spacing: -.2px; color: #555555; font-weight: normal;
	padding-top: 0px; margin: 0 0 0 0px;
}

.marketplaceProductNameSelected {
	color: #009EEC !important;
}

.marketplaceProductShortDesc {
	font-family: sourceSansProLight; font-size: 18px; line-height: 23px;
	letter-spacing: 0.2px; font-weight: normal; margin-bottom: 0px;
	color: #555555; margin-top: 18px;
}

.marketplaceProductShortDesc p {
	font-family: sourceSansProLight; font-size: 18px; line-height: 23px;
	letter-spacing: 0.2px; font-weight: normal; margin-bottom: 0px;
	color: #555555; margin-top: 18px;
}

.marketplaceProductShortDesc span {
	font-family: sourceSansProLight; font-size: 18px; line-height: 23px;
	letter-spacing: 0.2px; font-weight: normal; margin-bottom: 0px;
	color: #555555; margin-top: 18px;
}

.marketplaceContainer {
	position: relative; height: auto; width: 1400px; margin: 0 auto;
	left: 0px; overflow: hidden; right: 0px; z-index: 0;
	background: #F2F2F2 !important;
}

.selectedProductItem {
	float: left; margin-left: 120px; margin-top: 20px; margin-bottom: 20px;
	position: relative;
}

.selectedProductContainer {
	position: relative; float: left; width: 100%; background: white;
	position: relative;
}

.marketplaceDropdownDropShadow {
	width: 100%; height: 10px; float: left;
}

.marketplaceDropdownLargeImage {
	float: left; position: relative; margin-left: 0px; min-height: 400px;
	min-width: 270px; margin-top: 44px; margin-bottom: 44px; z-index: 0;
}

.marketplaceDropdownTitleText {
	float: left; clear: both; font-family: sourceSansProLight;
	font-size: 30px; line-height: 35px; letter-spacing: -.2px;
	color: #009EEC; font-weight: normal; padding-top: 0px;
	margin: 0 0 0 0px;
}

.marketplaceDropdownDescriptionText {
	float: left !important; clear: both;
	font-family: sourceSansProLight !important; font-size: 16px !important;
	line-height: 20px !important; letter-spacing: 0.2px !important;
	font-weight: normal !important; margin-bottom: 0px !important;
	color: #555555 !important; margin-top: 18px !important;
	padding-top: 0px !important;
}

.marketplaceDropdownDescriptionText p {
	float: left !important;
	font-family: sourceSansProLight !important; font-size: 16px !important;
	line-height: 20px !important; letter-spacing: 0.2px !important;
	font-weight: normal !important; margin-bottom: 0px !important;
	color: #555555 !important; margin-top: 0px !important;
}

.marketplaceDropdownDescriptionText ul {
	float: left; line-height: 20px; margin-top: 6px; padding-left: 20px;
	margin-bottom: 6px;
}

.marketplaceDropdownItemInfoTextBlue {
	font-family: sourceSansProLight, Arial !important;
	font-size: 22px !important; line-height: 27px !important;
	letter-spacing: 0.5px !important; font-weight: normal !important;
	color: #009EEC; float: left; clear: both;
}

.marketplaceDropdownItemInfoTextGray {
	font-family: sourceSansProLight, Arial !important;
	font-size: 22px !important; line-height: 27px !important;
	letter-spacing: 0.5px !important; font-weight: normal !important;
	color: gray; float: left;
}

.marketplaceDropdownItemInfoTextBlueSmall {
	font-family: sourceSansProLight, Arial !important;
	font-size: 18px !important; line-height: 22px !important;
	letter-spacing: 0.5px !important; font-weight: normal !important;
	color: #009EEC; float: left; clear: both;
}

.marketplaceDropdownItemInfoTextGraySmall {
	font-family: sourceSansProLight, Arial !important;
	font-size: 18px !important; line-height: 22px !important;
	letter-spacing: 0.5px !important; font-weight: normal !important;
	color: gray; float: left;
}

.productDropdownContainer {
	width: 1400px; position: relative; float: left; display: none;
}

.marketplaceCategoriesSection {
	width: 1200px; height: 200px; margin: 0 auto; position: relative;
	left: 0px; right: 0px; z-index: 0; background: #F4F4F4;
}

.marketplaceCategoryBox {
	width: 120px; height: 130px; float: left; position: relative;
	cursor: pointer; text-align: center; margin: 10px 15px;
}

.marketplaceCategoryText {
	color: #555555; font-family: sourceSansProLight; position: relative;
	font-size: 14px; text-align: center;
}

.marketplaceCategoryImage {
	position: relative; padding: 0 7px; float: left; clear: both;
}

.marketplaceNoProductsMessage {
	position: relative; height: auto; z-index: 1; overflow: hidden;
	margin-bottom: 30px; padding: 0 100px; margin-top: 20px; display: none;
	font-family: sourceSansProLight; font-size: 30px; line-height: 35px;
	letter-spacing: -.2px; color: #555555; font-weight: normal;
	text-align: center;
}

/* Used for the updated CSS for the Support Task client view */
.supportRequestProText{
	font-family: sourceSansPro;	font-size: 16px; color : #555555; padding-top: 5px; padding-bottom: 5px;
}

.supportRequestLightText{
	font-family: sourceSansProLight; font-size: 14px; color : #555555; padding-top: 5px; padding-bottom: 5px;
}

.supportContent{
	float: left; margin-top:10px;
}

/* Stuff for the 'Getting Started' section of the Support page */
.gettingStartedContainer{
	float: left; width: 750px; margin-top: 50px;
}

.gettingStartedContentItem{
	float: left; width:106px; margin-right: 42px; margin-bottom: 41px; cursor: pointer;
}

div.gettingStartedContentTextContainer{
	vertical-align: top; display: inline-block; position:relative; left:50%;
}

div.gettingStartedContentHeadingText, div.gettingStartedContentHeadingTextHlt{
	font-family: sourceSansPro; font-size: 16px; color : #999999; margin-left: -50%; margin-top: 8px; white-space: nowrap; letter-spacing: 0.003em; font-weight: bold;
}

div.gettingStartedContentHeadingTextHlt{
	color : #009EEC;
}

div.gettingStartedContentDescText{
	font-family: sourceSansPro; font-size: 14px; color : #999999; margin-left: -50%; margin-top: 2px; white-space: nowrap;  letter-spacing: 0.003em; 
}

/* Stuff for the 'Need Help' section of the Support page */
.needHelpContainer {
	float: left; background-color: #FFFFFF;	width: 750px;
}

.needHelpHeading {
	height: 54px; display: table-cell; vertical-align: middle;
}

.needHelpHR {
	width: 560px; height: 1px; float: left; background-color: #CCCCCC; margin-top: 32px; 
}

.marginTopSupportHR {
	margin-top: 15px;
}

.needHelpContentWidth {
	width: 93.5%;
}

.tasksListOuter {
	clear: both; float: left; height: 400px; width: 99.5%;
}

.tasksListInner {
	height: 380px; width: 100%; overflow: scroll; overflow-x: hidden; float: left;
}

h5.myRequests {
	font-family: sourceSansPro; font-size: 26px; color : #009EEC; letter-spacing: 0.003em; line-height: 115%; margin: 0; margin-bottom: 5px;
}

.myRequestsHeader {
	font-weight: bold; float: left; margin-bottom: 5px;
}

/* Stuff for the 'Inspiration and Tech Details' section of the Support page*/
.techDetailsContainer {
	float:left; width: 750px;
}

.techDetailsHeading {
	margin-top: 35px; margin-bottom: 30px; display: inline-block; vertical-align: middle;
}

.techDetailsBestPracticesItem {
	float: left; margin-left: 95px; margin-right: 25px;
}

.techDetailsBestPracticesItemPanel{
	float: left; margin-top: 20px; width: 140px;
}

/* Stuff for the 'Software Downloads' section of the support page */
.unableToDownload {
	clear: both; text-align: center; margin-top: 15px; padding: 0 160px;
}

/* Stuff for the DashXML Section */
.dashXmlDownloadAction {
	position: absolute; right: 0; bottom: 0; width: 210px; margin-right: 80px; font-size: 12px; height: 105px;	
}

.dashXmlEula {
	color : #009EEC;
}

.dashXmlDownloadButton, .dashXmlDownloadButtonGrey {
	width: 100%; background-color: #009EEC; margin-top: 5px; text-align: center;
	cursor: pointer; font-size: 16px; color : white; line-height: 2em; height: 2em;
}

.dashXmlDownloadButtonGrey {
	background-color : #999999;
}

/* Common classes for the Support Page */
.supportContentsContainer {
	float:left; width: 750px;	
}

.supportContentContainerHeading {
	margin-top: 35px; margin-bottom: 27px; margin-left: 25px; display: block; vertical-align: middle;
}

.supportContentItem{
	clear:both; float: left;
}

.supportContentItemImg{
	clear: both; float: left; margin-right: 34px; margin-bottom: 23px; height: 106px; width: 106px;
}

.supportContentItemPanel1{
	float: left; margin-top: 20px; width: 160px; margin-right:20px;
}

.supportContentItemPanel2{
	float: left; margin-top: 20px; width: 380px;
}

.supportContentItemPanel3 {
	float: left; margin-left: 235px; margin-right: 25px; width: 280px;
}


.supportContentItemSubHeading1{
	float: left; font-family: sourceSansPro; font-size: 18px; color : #009EEC; letter-spacing: 0.003em; line-height: 115%; font-weight: bold;
}

.supportContentItemSubHeading2, .supportContentItemSubHeading2Hlt {
	font-family: sourceSansPro; font-size: 18px; color : #999999; letter-spacing: 0.003em; line-height: 115%; font-weight: bold;
}

.supportContentItemSubHeading2Hlt {
	color : #009EEC;
}

.supportContentItemText, .myRequestsHeader{
	float: left; font-family: sourceSansPro; font-size: 16px; color : #999999; letter-spacing: 0.003em; line-height: 115%;
}

.supportContentItemTextLink{
	font-family: sourceSansPro; font-size: 16px; color : #009EEC; letter-spacing: 0.003em; line-height: 115%;
}

.supportContentItemTextNoLink{
	font-family: sourceSansPro; font-size: 16px; color : #555555; letter-spacing: 0.003em; line-height: 115%;
}

.marginLR25px{
	margin-left: 25px; margin-right: 25px;
}

.paddingLR25px{
	padding-left: 25px; padding-right: 25px;
}

.marginTop50px {
	margin-top: 50px;
}

.marginBot15px {
	margin-bottom: 15px;
}

.marginBot25px {
	margin-bottom: 25px;	
}

.font28px{
	 font-size: 28px;
}

.clearMargins{
	margin: 0;
}

.clearRightMargin{
	margin-right: 0;
}

.clearFloats{
	clear:both;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.clickableItem{
	cursor: pointer;
}

.width100pc {
	width: 100%;
}

.relativePosition {
	position : relative;
}

/*****************************************************************************/
/* New css styles - prototypes */

.sectionContainer {
    position:relative;
    width:1160px;height:auto;
    margin:0 auto;padding:40px 120px;
    overflow:hidden;
}

.sectionContainerWide {
	position:relative;
	width:1400px;height:auto;
	margin:0 auto;padding:40px 0px;
	overflow:hidden;
}

.sectionItem {
    position:relative;
    display:table-cell;
    vertical-align:top;
}

.hideSectionButton {
    position:absolute;
    top:20px;right:30px;
}

.section {
	clear:both;padding:0;margin:0;
}

.threeItemSpacing {
    padding-left:160px;
}

.center {
    text-align:center;
}


.centerImage {
	display:block;margin:0 auto;
}

.energyBar {
	height:6px;width:1200px;
	margin:0 auto;
	z-index:3;
}


.stdStyle p {
    font-family:sourceSansProLight,Arial;font-size:18px;
    line-height:22px;letter-spacing:0;
}

.stdStyle h3 {
	font-family:sourceSansProLight,Arial;font-size:34px;
	font-weight:300;
}

.stdStyle h4 {
    font-family:sourceSansProLight,Arial;font-size:30px;
}

.stdStyle h5 {
    font-family:sourceSansProLight,Arial;font-size:26px;
}

.stdStyle h6 {
	font-family:sourceSansProLight,Arial;font-size:22px;
	font-weight:300;
}

/*****************************************************************************/
/* Apply these colour schemes to a sectionContainer */

/* Colour Scheme 1: Dark Grey Text, White background, Blue links */
.colourScheme1 {background-color:#ffffff;}
.colourScheme1 h1 {color:#009eec;}
.colourScheme1 h4 {color:#009eec;}
.colourScheme1 p {color:#555555;}
.colourScheme1 a {color:#009eec;}

/* Colour Scheme 2: White Text, Blue Background, Yellow links */
.colourScheme2 {background-color:#009eec;}
.colourScheme2 h1 {color:#ffffff;}
.colourScheme2 p {color:#ffffff;}
.colourScheme2 a {color:#ffe500;}

.colourScheme3 {background-color:#ffffff;}
.colourScheme3 h1 {color:#555555;}
.colourScheme3 h3 {color:#555555;}
.colourScheme3 h4 {color:#555555;}
.colourScheme3 h6 {color:#555555;}
.colourScheme3 p {color:#555555;}
.colourScheme3 a {color:#009eec;}

.boxes {
  padding: 20px 100px;
  display: table;
  width: 1200px;
  height: 100%;
}

.boxLine {
  display: table-row;
}

.textBoxyLeft {
  width:430px;
  display: table-cell;
  vertical-align: middle;
  line-height: 13em;
  padding:20px 10px 20px 160px;
}

.textBoxyRight {
  width:430px;
  display: table-cell;
  vertical-align: middle;
  line-height: 13em;
  margin-right:150px;
  padding:20px 160px 20px 10px;
}

.imageBoxy {
  width:580px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding:0 10px;
}

.textBoxyLeft > h1, .textBoxyRight > h1 {
	font-family:sourceSansProLight;
	font-size:30px;
	color:#009eec;
	padding-top:10px;
}

.textBoxyLeft > p, .textBoxyRight > p {
	font-family: sourceSansProLight;
	font-size: 20px;
	line-height: 25px;
	letter-spacing:.5px;
	color:#555555;
	margin:0;
}

.frontPageGartnerTitle {
	font-size:63px;padding-top: 82px; color: #555555;letter-spacing: -2px;"
}