@media screen
{
	#welcome {
		font-family: -apple-system,  '.SFNSText-Regular', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Sans-serif;
	}

	#ww h2 {
		font-family: -apple-system,  '.SFNSText-Regular', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Sans-serif;
		width: 550px;
	}
	
	body {
		background: url(images/common-elements/main-bg.png) repeat-y;
		background-size: 800px auto;
		color: #333;
	}
	
	a {
		color: #0571a3;
	}
	
	a:hover {
		color: #37bfe7;
	}
	
	h1, h2, h3, h4, h5, h6, h7 {
		color: #333;
	}
	
	#nav {
		background: none;
	}
	
	#nav a, #nav ul a {
		box-shadow: none;
		text-shadow: none;
	}
	
	#nav .current a, #nav li:hover > a, #nav span:hover, #nav .nonlinkedMenuItem:hover, #nav ul li ul a:hover {
		background: #0571a3;	
		color: #fff;
		width: 160px;
		box-shadow: none;
		text-shadow: none;
	}
	
	#nav .current a {
		background: #0571a3;
	}
	
	#header, #footer, #footertext {
		background: #e6f9ff;
		color: #3c3c3c;
	}
	
	#footer a {
		color: #0571a3;
	}
	
	/* New Feature title */

	h3.new-55-feature {
		color: #37bfe7;
		color: #333;
	}

	h3 .new-feature-badge {
		float: left;
		background: #37bfe7;
		color: #fff;
		padding: 3px 5px;
		border-radius: 4px;
		font-size: 12px;
		margin-right: 5px;
		font-family: -apple-system,  '.SFNSText-Light', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Sans-serif;
		font-weight: 200;
	}
}

@media print
{
	body, #welcome {
		font-family: -apple-system,  '.SFNSText-Regular', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Sans-serif;
		color: #000;
	}
	#ww h2 {
		font-family: -apple-system,  '.SFNSText-Regular', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Sans-serif;
	}
	
	p, h1, h2, h3, h4, h5, h6 {
		color: #000;	
	}
	
	a {
		color: #0571a3;
	}
	
	/* New Feature title */

	h3.new-feature {
		color: #37bfe7;
	}

	h3.new-feature:before {
		content: 'New!';
		float: left;
		background: #37bfe7;
		color: #fff;
		padding: 3px;
		border-radius: 4px;
		font-size: 12px;
	}
}

@media screen, print
{
	p {
		line-height: 22px;
		margin-top: 5px;
		padding-top: 0;
	}
	
	p.centeredimage {
		margin-top: 15px;
	}
	
	#ww {
		padding: 0 !important;
	}
		
	#welcome {
		float: inherit;
		clear: none;
		width: 600px;
		margin-top: 50px;
		font-size: 12pt;
	}
	
	#ww h1 {
		padding-top: 20px;
		font-size: 14pt;
		line-height: 14pt;
		margin: 0;
	}
	
	#ww h2 {
		display: block;
		text-align: center;
		font-size: 9pt;
		font-weight: bold;
	}
	
	h4 {
		margin-bottom: 5px;
		padding-bottom: 0;
		margin-top: 45px;
	}
	
	h3 {
		margin-bottom: 5px;
		padding-bottom: 0;
		margin-top: 45px;
	}
	
	h2 {
		margin-bottom: 5px;
		padding-bottom: 0;
		margin-top: 45px;
	}
	
	
	
	#welcome img {
		
		float: left;
		clear: none;
	}	
	
	#welcome p {
		float: left;
		clear: none;
		width: 325px;
		margin: 5px 0 0;		
	}

	#wwheadertext {
		float: left;
		clear: both;
		width: 600px;
		margin: 10px 30px 10px 30px;				
	}

	#wwheadertext p {
		font-weight: bold;
		font-size: 11pt;
		width: 555px;				
	}
	
	#wwfootertext {
		float: left;
		clear: both;
		width: 600px;
		margin: 20px 30px 45px 30px;				
	}	
	
	#wwfootertext p {
		font-weight: bold;
		font-size: 10pt;
		width: 555px;		
	}	
	
	.step {
		float: left;
		clear: both;
		width: 600px;
		margin-bottom: 30px;
	}

	.step:last-child {
		margin-bottom: 0px;
	}
	
	.column1, .column2 {
		float: left;
		clear: none;
	}

	.column1 {
		width: 320px;
		margin: 0px 8px 0px 30px;		
	}

	.column2 {
		width: 210px;
		margin-right: 30px;
	}
	
	.column2 img {
		float: right!important;
	}
	
	hr {
		border: none;
		background: #F2F2F2;
		height: 2px;
		border-radius: 1px;
		margin: 45px 0;
	}

}	