html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

body { font-size: 62.5%; font-family: Arial, Helvetica,sans-serif;color: #2b405a;} 
a:hover, a:active { outline: none; }
nav ul, nav li, form ul{ margin: 0; list-style:none; list-style-image: none; }
select, input, textarea, button { font:99% sans-serif; }

@font-face {
	font-family: 'MDCondensed';
	src: url('/css/md-webfont.eot');
	src: url('/css/md-webfont.eot?#iefix') format('embedded-opentype'),
		url('/css/md-webfont.woff') format('woff'),
		url('/css/md-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'MDBoldCondensed';
	src: url('/css/mdbold-webfont.eot');
	src: url('/css/mdbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('/css/mdbold-webfont.woff') format('woff'),
		url('/css/mdbold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

/* Helpers 
-------------------------------------------------- */

.center{text-align: center;}
.left{float: left;}
.right{float: right;}

.grid.inline{letter-spacing: -.31em;word-spacing: -.43em;}
.grid.inline>* { display:inline-block;letter-spacing: normal;word-spacing: normal;vertical-align:top;}

.one{width: 10%;}
.two{width: 20%;}
.three{width: 30%;}
.four{width: 40%;}
.five{width: 50%;}
.six{width: 60%;}
.seven{width: 70%;}
.eight{width: 80%;}
.nine{width: 90%;}
.full{width: 100%;}

/*  Layout
-------------------------------------------------- */	

.container {
	margin: 0 auto;
	width: 970px;
}
.ie6 .container {
	overflow: hidden;
}

.page:before, .page:after { content: ""; display: table; }
.page:after { clear: both; }
.page { zoom: 1; }

.page{
	float: left;
	position: relative;
	width: 100%;
}
.ie6 .page{
	width: 970px;
	padding-left: 55px;
}
	.page .content{
		float: left;
		left: 100%;
		position: relative;
		margin-left: -97%;
		width: 69%;
		padding-right: 1%;
		margin-bottom: 25px;
	}
		.ie6 .page .content{
			width: 670px;
		}
	.page .sidebar{
		float: left;
		left: 100%;
		position: relative;
		width: 22%;
		margin-left: -25%;
		margin-bottom: 25px;
	}

/* Header 
-------------------------------------------------- */

header{
}
	
	header .logo{
		margin-left: 120px;
		display: inline-block;
		vertical-align: middle;
	}
		.ie6 header .logo img{
			-pie-png-fix: true;
			behavior: url(/js/libs/pie.htc);
		}
	header .slogan{
		display: inline-block;
		vertical-align: middle;
		color: #547DA2;
		font-size: 1.8em;
		font-family: 'MDCondensed';
		margin-top: 10px;
		margin-left: 15px;
	}
		header .slogan strong{
			font-weight: normal;
		}
		.ie7 header .logo,
		.ie6 header .logo,
		.ie6 header .slogan,
		.ie7 header .slogan{
			display: inline;
		}

/*Menu*/

nav{
}
	.ie7 nav{
		height: 52px;
	}

	nav ul {
		height: 44px;
		list-style-type: none;
		margin-bottom: 0;
		margin-top: 3px;
		padding: 0;
		background: #F6F6F6;
		background: -moz-linear-gradient(top, #F6F6F6 0%, #D6D4D4 100%);
		background: -o-linear-gradient(top, #F6F6F6 0%, #D6D4D4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#D6D4D4));
		border-radius: 5px;
		-moz-border-radius: 5px;
		padding-left: 25px;
		border: 1px solid #DBDBDB;
	}
	.ie8 nav ul, 
	.ie6 nav ul, 
	.ie7 nav ul {
		behavior: url(/js/libs/pie.htc);
		position: relative;
		-pie-background: linear-gradient(top, #F6F6F6 0%, #D6D4D4 100%);
	}
	.ie9 nav ul {
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d6d4d4',GradientType=0 );
	}
	.ie7 nav ul{
		padding-top: 4px;
	}
	.no-gradient nav ul{
		background-image: url("../img/nav_ul.png");
		background-repeat: repeat-x;
		background-position: left center;
	}
	nav li {
		float: left;
		position: relative;
	}
	.ie6 nav li {
		position: relative;
		top: 3px;
	}
		nav li a{
			display: block;
			background-image: url("../img/menu/nav_menu.png");
			height: 44px;
			text-indent: -9999px;
			text-decoration: none;
		}
		.ie6 nav li a{
			-pie-png-fix: true;
			behavior: url(/js/libs/pie.htc);
		}
		nav li a:hover { 
			
		}
		nav a#home {
			width: 102px; 
		}
			nav a#home.current {
				background-position: 0 -44px;
			}
			nav a#home:hover{
				background-position: 0 -44px;
			}
		nav a#productinfo {
			width: 130px;
			background-position: -102px 0;
		}
			nav a#productinfo.current{
				background-position: -102px -44px;
			}
			nav a#productinfo:hover{
				background-position: -102px -44px;
			}
		nav a#download {
			width: 123px;
			background-position: -232px 0px;
		}
			nav a#download.current {
				background-position: -232px -44px;
			}
			nav a#download:hover{
				background-position: -232px -44px;
			}
		nav a#purchase {
			width: 118px;
			background-position: -354px 0px;
		}
			nav a#purchase.current {
				background-position: -354px -44px;
			}
			nav a#purchase:hover{
				background-position: -354px -44px;
			}
		nav a#support {
			width: 109px;
			background-position: -471px 0px;
		}
			nav a#support.current {
				background-position: -471px -44px;
			}
			nav a#support:hover{
				background-position: -471px -44px;
			}
		nav a#company {
			width: 121px;
			background-position: -580px 0px;
		}
			nav a#company.current {
				background-position: -580px -44px;
			}
			nav a#company:hover{
				background-position: -580px -44px;
			}
		nav a#contacts {
			width: 118px;
			background-position: -701px 0px;
		}
			nav a#contacts.current {
				width: 118px;
				background-position: -701px -44px;
			}
			nav a#contacts:hover{
				width: 118px;
				background-position: -701px -44px;
			}
		nav a#news {
			width: 97px;
			background-position: -819px 0px;
		}
			nav a#news.current {
				background-position: -819px -44px;
			}
			nav a#news:hover{
				background-position: -819px -44px;
			}

/*DropDown Submenu*/

nav ul ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 3px;
	z-index: 10;
	height: auto;
	min-width: 130px;
	background-image: -moz-linear-gradient(100% 100% 90deg, #ededed, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ededed));
	padding: 4px;
	border: 1px solid #d4d4d4;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
	.ie8 nav ul ul, 
	.ie7 nav ul ul {
		position: absolute;
		behavior: url(/js/libs/pie.htc);
		box-shadow: 0px 0px 3px #A4A4A4;
	}
	.no-gradient nav ul ul{
		background-color: #F7F7F7;
		background-image: none;
	}
	nav ul ul li { 
		float: none; 
	}
	nav ul ul a {
		display: block;
		text-indent: 0px;
		height: auto;
		background-image: none;
		color: #525252;
		padding: 3px 10px 4px;
		margin: 1px 0px;
		font-size: 1.1em;
		white-space: nowrap;
	}
	nav ul ul a.current {
		background-color: #7dacd4;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 5px;
		border-radius: 3px;
	}
	nav ul ul a:hover {
		background-color: #7dacd4;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 5px;
		border-radius: 3px;
	}

/* Second Menu  
------------------------------------------------ */

.submenu ul{
	list-style-type: none;
	margin-top: 30px;
	float: right;
}
	.ie7 .submenu ul {
		height: 25px;
	}
.submenu li {
	float: left;
	font-size: 1.1em; 
}
	.submenu li a {
		padding: 0px 5px 0px 5px;
		border-right: 1px solid #A2A2A2;
		vertical-align: top;
		text-decoration: none;
	}
	.submenu li:last-child a, .submenu li:last-child div {
		border-right: none;
	}
	.submenu li .current {
		color: #5da1d0;
		font-weight: bold;
		vertical-align: top;
		border-right: 1px solid #A2A2A2;
		padding: 0px 5px 0px 5px;
		display: inline;
	}
	.submenu li a:hover {
		text-decoration: underline;
	}

/* Page Header 
-------------------------------------------------- */
.page_header{
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-color: #FFF;
	background-image: url("/img/separator.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
	.ie6 .page_header{
		margin-bottom: 55px;
	}
	.page-title-box{
		float: left;
		left: 100%;
		position: relative;
		margin-left: -97%;
		width: 37%;
	}
		.page-title-word{
			font-family: 'MDBoldCondensed';
			color: #D5D5D5;
			font-size: 3.85em;
			margin-top: 0.5em;
			margin-bottom: 0.4em;
			letter-spacing: -1px;
			-webkit-font-smoothing: antialiased;
			text-transform: none;
			font-weight: normal;
		}
	.page_header .submenu{
		float: left;
		left: 100%;
		position: relative;
		width: 57%;
		margin-left: -60%;
	}
		.page_header .submenu a{
			color: #959595;
		}


/* Footer 
-------------------------------------------------- */

footer{
	margin-top: 20px;
	font-size: 1.1em;
	color: #888888;
	text-shadow: 0px 1px 0px #FFF;
}
	footer .box{
		float: left;
		overflow: hidden;
		position: relative;
		width: 84%;
		padding: 15px 8% 10px;
		background: #F6F6F6;
		background: -moz-linear-gradient(top, #F6F6F6 0%, #D6D4D4 100%);
		background: -o-linear-gradient(top, #F6F6F6 0%, #D6D4D4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6), color-stop(100%,#D6D4D4));
		border-radius: 5px;
		-moz-border-radius: 5px;
		border: 1px solid #DBDBDB;
	}
	.ie8 footer .box, .ie7 footer .box{
		-pie-background: linear-gradient(top, #F6F6F6 0%, #D6D4D4 100%);
		behavior: url(/js/libs/pie.htc);
	}
	footer .social{
		float: right;	
	}
		footer .social a{
			margin: 0px;
			display: inline-block;
			width: 32px;
			height: 32px;
			text-indent: -9999px;
			/* border: 1px solid #999; */
			vertical-align: top;
			background-repeat: no-repeat;
			background-image: url("/img/graphics.png");
		}
		footer .social a.rss{
			background-position: 0px 0px;
		}
		footer .social a.youtube{
			background-position:  0px -32px;
		}
		footer .social a.facebook{
			background-position:  0px -64px;
		}
		footer .social a.in{
			background-position: 0px -96px;
		}
		footer .social a.twitter{
			background-position: 0px -128px;
		}
		footer .social a:hover{
			-moz-transform: translateY(-3px);
			-webkit-transform: translateY(-3px);
			-o-transform: translateY(-3px);
			transform: translateY(-3px);
		}
	footer .copy{
		line-height: 3.1em;
	}
		footer .copy a{
			color: #888888;
			text-decoration: none;
			margin-right: 15px;
			margin-left: 15px;
		}
		footer .copy a:hover{
			color: #000;
		}
		footer .copy a:first-child{
			margin-left: 0px;
		}
	footer span{
		color: #888888;
		margin: 0px 15px;
	}

/* Sidebar 
-------------------------------------------------- */

.sidebarblock{
	border: 1px solid #DBDBDB;
	padding: 20px 35px 25px;
	margin-bottom: 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background: -moz-linear-gradient(left, #EEEEEE 0%, #EEEEEE 10px, #FFF 10px);
	background: -o-linear-gradient(left, #EEEEEE 0%, #EEEEEE 10px, #FFF 10px);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#EEEEEE), color-stop(5%,#EEEEEE), color-stop(5%,#FFFFFF));
}
	.ie7 .sidebarblock,
	.ie8 .sidebarblock{
		behavior: url(/js/libs/pie.htc);
		-pie-background: linear-gradient(left, #EEEEEE 0%, #EEEEEE 10px, #FFF 10px);
		position: relative;
	}
	.no-cssgradients .sidebarblock{
		
	}
	.sidebarblock li a{
		font-size: 1.2em;
		color: #000;
		text-decoration: none;
		line-height: 1.1em;
	}
	.sidebarblock li{
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.sidebarblock .title{
		font-family: 'MDCondensed';
		color: #2b405a;
		font-size: 1.8em;
		margin-bottom: 15px;
	}
	.sidebarblock ul{
		list-style-type: none;
	}
	.sidebarblock.related li{
		background-image: url("/img/graphics.png");
		background-repeat: no-repeat;
		background-position: left -288px;
		padding-left: 18px;
	}
	.sidebarblock li a:hover{
		color: #AEAEAE;
	}
	.sidebarblock.demo li img{
		margin-right: 5px;
		position: relative;
		float: left;
		top: -2px;
	}
	.sidebarblock.demo li{
		line-height: 1em;
		border-bottom: 1px solid #E5E5E5;
	}
	.sidebarblock.demo li a{
		line-height: 1.2em;
		padding: 4px 6px 4px 30px;
		display: block;
		margin: 3px 0px;
		border: 1px solid #FFF;
		vertical-align: top;
		background-repeat: no-repeat;
		background-image: url("/img/graphics.png");
	}
		.sidebarblock.demo li a.demo_video{
			background-position: 0px -224px;
		}
		.sidebarblock.demo li a.demo_live{
			background-position: 0px -192px;
		}
		.sidebarblock.demo li a.demo_trial{
			background-position: 0px -256px;
		}
	.sidebarblock.demo li a:hover{
		background-color: #F5F5F5;
		border: 1px solid #E8E8E8;
		border-radius: 3px;
		-moz-border-radius: 3px;
		color: #000;
	}
	.sidebarblock.demo li:last-child{
		border-bottom: none;
	}
	.sidebarblock.subscribe{
		padding-right: 25px;
	}
	.sidebarblock.screens:hover{
		border: 1px solid #C1C1C1;
		cursor: pointer;
		box-shadow: 0px 0px 5px #C1C1C1;
	}
	.sidebarblock.tutorial:hover{
		border: 1px solid #C1C1C1;
		cursor: pointer;
		box-shadow: 0px 0px 5px #C1C1C1;
	}
	.sidebarblock.forum:hover{
		border: 1px solid #C1C1C1;
		cursor: pointer;
		box-shadow: 0px 0px 5px #C1C1C1;
	}
	.sidebarblock .subscription p{
		font-size: 1.1em;
		margin-bottom: 5px;
	}
	.sidebarblock .subscription .input{
		background-color: #EEEEEE;
		border: 1px solid #DBDBDB;
		padding: 4px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		box-shadow: inset -1px -1px 0px #FFF;
	}
	.sidebarblock .subscription input[type=submit]{
		color: #4d86b2;
		display: block;
		border: 1px solid #DBDBDB;
		border-radius: 4px;
		-moz-border-radius: 4px;
		background-color: #FFF;
		background: -moz-linear-gradient(bottom, #E8E8E8 0%, #FFF 40%);
		background: -o-linear-gradient(bottom, #E8E8E8 0%, #FFF 40%);
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#E8E8E8), color-stop(40%,#ffffff));
		padding-bottom: 2px;
		font-size: 1.5em;
		width: 100%;
		cursor: pointer;
		margin-bottom: 5px;
	}
	.sidebarblock .subscription input[type=text]{
		background-color: transparent;
		border: none;
		font-size: 1.1em;
		color: #898989;
	}
	.sidebarblock .subscription input[type=text]:focus{
		border: none;
	}
	.sidebarblock .title img{
		float: left;
		position: relative;
		top: -2px;
		left: -5px;
	}
	.sidebarblock.purchase ul.links{
		margin-bottom: 20px;
	}
	.sidebarblock.purchase ul.links:last-child{
		margin-bottom: 0px;
	}
	.sidebarblock.purchase ul.links li{
		background-image: url("/img/sidebar/related_bullet.png");
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 18px;
	}

/* Forms 
-------------------------------------------------- */

input[type="radio"] { vertical-align: text-bottom; margin: 1px;}
input[type="checkbox"] { vertical-align: middle; }

select{
	padding: 2px;
	border: 1px solid #DBDBDB;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

form ul.inline{
		margin: 5px 0px;
	}
		form ul.inline li{
			display: inline-block;
			vertical-align: middle;
		}
			.ie7 form ul.inline li{
				display: inline;
				zoom: 1;
			}
		form ul.inline label{
			display: block;
			margin-right: 10px;
		}
		form ul.inline label.radio{
			display: inline;
			margin-right: 0px;
		}

form.contentForm{
	
}
	form.contentForm h3{
		font-size: 1.3em;
		margin-top: 1.5em;
	}
	form.contentForm h3:first-child{
		margin-top: 0em;
	}
	form.contentForm fieldset {
		padding: 40px 20px 20px 20px;
		margin-bottom: 20px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		border: 1px solid #DADADA;
		background-image: 
			url("../img/fieldset.png"),
			-moz-linear-gradient(bottom, #ECECEC 0%, #FFFFFF 35%);
		background-image: 
			url("../img/fieldset.png"),
			-o-linear-gradient(bottom, #ECECEC 0%, #FFFFFF 35%);
		background-image:
			url("../img/fieldset.png"),
			 -webkit-gradient(linear, left top, left bottom, color-stop(65%,#FFFFFF), color-stop(100%,#ECECEC));
		background-position: left top;
		background-repeat: no-repeat;
	}
		.ie8 form.contentForm fieldset{
			-pie-background: 
				url("../img/fieldset.png") no-repeat left top,
				linear-gradient(bottom, #ECECEC 0%, #FFFFFF 35%) no-repeat left top;
			behavior: url(/js/libs/pie.htc);
			position: relative;
		}
		.ie7 form.contentForm fieldset{
			-pie-background: 
				url("../img/fieldset.png") no-repeat left top,
				linear-gradient(bottom, #ECECEC 0%, #FFFFFF 35%) no-repeat left top;
			behavior: url(/js/libs/pie.htc);
			position: relative;
		}
		.ie9 form.contentForm fieldset{
			background-image: url("../img/fieldset.png");
			background-position: right top;
			background-repeat: no-repeat;
		}
		form.contentForm fieldset.live_demo{
			width: 50%;
			margin: 0px auto;
			padding: 40px 15px 15px 15px;
			cursor: pointer;
		}
		form.contentForm fieldset.live_demo a{
			font-size: 1.7em;
			text-decoration: none;
			margin-left: 15px;
		}
			form.contentForm fieldset.live_demo:hover a {
				text-decoration: underline;
			}
		form.contentForm fieldset.live_demo img{
			margin-left: 10px;
		}
		form.contentForm fieldset.live_demo a:hover{
			text-decoration: underline;
		}
		form.contentForm fieldset  .col{
			float: left;
			left: 100%;
			position: relative;
		}
		form.contentForm fieldset  .col.first{
			width: 45%;
			margin-left: -100%;
		}
		form.contentForm fieldset  .col.second{
			width: 45%;
			margin-left: -45%;
		}
	form.contentForm fieldset.buttons{
		background-image: none;
		border: none;
		padding: 0px;
	}
		.ie8 form.contentForm fieldset.buttons {
			-pie-background:  none;
		}
		.ie7 form.contentForm fieldset.buttons {
			-pie-background:  none;
		}
	form.contentForm fieldset .buttons{
		clear: both;
		width: 100%;
		border-top: 1px solid #DADADA;
		padding-top: 10px;
		margin-top: 10px;
	}
	form.contentForm ul.inline{
		margin: 5px 0px;
	}
		form.contentForm ul.inline li{
			display: inline-block;
			vertical-align: middle;
		}
			.ie7 form.contentForm ul.inline li{
				display: inline;
				zoom: 1;
			}
		form.contentForm ul.inline label{
			display: block;
			width: 100px;
			margin-right: 10px;
			margin-bottom: 5px;
		}
	form.contentForm ul{
		margin: 5px 0px;
	}
		form.contentForm ul label{

		}
	form.contentForm label {
		font-size: 1em;
		font-weight: bold;
		color: #666666;
		line-height: 1.1em;
		vertical-align: middle;
	}
	form.contentForm label.notreqired{
		font-weight: normal;
	}
	form.contentForm input[type=text],
	form.contentForm input[type=password]{
		border: 1px solid #DBDBDB;
		padding: 4px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
		form.contentForm input[type=text]:focus{
			border: 1px solid #5A9BCB;
		}
	form.contentForm textarea{
		border: 1px solid #DBDBDB;
		padding: 4px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
		form.contentForm textarea:focus{
			border: 1px solid #5A9BCB;
		}
	form.contentForm select{
		border: 1px solid #DBDBDB;
		padding: 2px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
	form.contentForm .notrequiredfield { 
		font-weight: normal; 
	}

form.findResellerForm fieldset.action {  
	margin-bottom: 10px 
}
	form.findResellerForm dl {   
		margin-bottom: 5px 
	}
		form.findResellerForm dl dd {   
				width: auto 
			}
	form.findResellerForm dl dt {  
		width: auto 
	}
	form.findResellerForm dd.button {
		position: relative;
		top: -5px;
	}	

#supportReportForm{
	
}
	#supportReportForm select{
		min-width: 210px;
	}
	#supportReportForm input[type=text]{
		width: 500px;
	}
	#supportReportForm .captcha input[type=text]{
		width: 150px;
		margin: 0px 5px;
	}
	#supportReportForm textarea{
		width: 500px;
	}

.purchaseform{
	min-height: 475px;
}	
	.purchaseform input[type=text]{
		border: 1px solid #DBDBDB;
		padding: 4px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.purchaseform .licenseIdText{
		width: 300px;
	}
	.purchaseform .total{
		margin-top: 20px;	
	}	
		.purchaseform .total .title{
			font-family: "MDCondensed", sans-serif;
			font-size: 2em;
			color: #2b405a;
		}	
		.purchaseform .total table{
			margin: 10px 0px;
			width: 100%;
			border-collapse: separate;
			border-spacing: 1px 1px;
			background-color: #E5E5E5;
		}	
		.purchaseform .total th{
			background-color: #2B405A;
			color: #FFF;
			padding: 8px 10px;
			text-align: left;
			border-bottom: 7px solid #60A4D5;
			text-align: center;
		}
			.purchaseform .total th:first-child{
				text-align: left;
			}
		.purchaseform .total td{
			padding: 8px 10px;
			background-color: #FFF;
			text-align: center;
		}
			.purchaseform .total td:first-child{
				text-align: left;
			}
	.purchaseform .pfcontent{
		font-size: 1em;
		border: 1px solid #DCDCDC;
		padding: 20px;
		display: none;
		margin-right: 2px;
		-moz-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px;
	}	
		.purchaseform .pfcontent .steps li.step{
			font-family: "MDCondensed", sans-serif;
			font-size: 2em;
			color: #2b405a;
			margin-right: 20px;
		}	
		.purchaseform .pfcontent .steps.stepdisabled{
			opacity: 0.5;
		}	
			.ie7 .purchaseform .pfcontent .steps li.step {
				line-height: 1.1em;
			}	
		.purchaseform .pfcontent .steps li {
			margin-right: 10px;
		}	
		.purchaseform .pfcontent .steps ul{
			margin-bottom: 20px;
			white-space: nowrap;
		}	
		.purchaseform .pfcontent .steps p.error{
			white-space: normal;
			width: 560px;
			border: 2px solid #FFAC06;
			padding: 5px;
		}	
		.purchaseform .pfcontent .infobox{
			margin-left: 67px;
			margin-bottom: 20px;
		}	
			.purchaseform .pfcontent .infobox strong{
				font-family: "MDCondensed", sans-serif;
				font-size: 2em;
				color: #2B405A;
				margin-bottom: 0em;
				display: block;
				font-weight: normal;
			}	
	.purchaseform .tabs{
		margin: 0px;
		height: 71px;
		position: relative;
	}	
	.purchaseform.closed .tabs{
		height: 72px;
		text-align: justify;
	}	
		.purchaseform .tabs li{
			display: inline-block;
			width: 135px;
			height: 58px;
			padding: 12px 10px 0px;
			border: 1px solid #DCDCDC;
			border-bottom: none;
			text-align: center;
			vertical-align: middle;
			margin-right: 10px;
			background-image: url("../img/purchaseform_tab.png");
			background-position: left top;
			background-repeat: no-repeat;
			border-radius: 4px 4px 0px 0px;
			-moz-border-radius: 4px 4px 0px 0px;
			color: #3c6990;
			font-size: 1.2em;
			cursor: pointer;
		}	
			.ie7 .purchaseform .tabs li{
				display: inline;
				zoom: 1;
				line-height: 58px;
			}	
			.purchaseform .tabs li:last-child{
				margin-right: 0px;
			}	
		.purchaseform.closed .tabs li{
			border-bottom: 1px solid #DCDCDC;
		}	
			.purchaseform .tabs li:before{
				content: " ";
				display: inline-block;
				height: 100%;
				vertical-align: middle;
				width: 0px;
			}	
			.purchaseform .tabs li.current{
				position: relative;
				top: 1px;
				background-color: #FFF;
				pointer-events: none;
			}	
				 .purchaseform .tabs li.current:after{
					display: block;
					content: " ";
					position: absolute;
					width: 175px;
					height: 10px;
					left: -10px;
					bottom: 0px;
					background-color: #FFF;
					z-index: 200;
					background-image: url("../img/purchaseform_corners.png");
					background-repeat: no-repeat;
				}
				 .purchaseform .tabs li.current:last-child:after {
				 	background-image: url("../img/purchaseform_corners_last.png");
				 }
				 .purchaseform .tabs li.current:first-child:after {
				 	background-image: url("../img/purchaseform_corners_first.png");
				 }

				.purchaseform .tabs li.current a{
					color: #ffac06;
					font-weight: bold;
					text-decoration: none;
				}	
			.purchaseform .tabs li a{
				display: inline-block;
				line-height: 1.1em;
				text-decoration: none;
				vertical-align: middle;
				pointer-events: none;
			}	
				.ie7 .purchaseform .tabs li a {
					
				}	
				.purchaseform .tabs li a:hover{
					color: #ffac06;
				}	
		.purchaseform .tabs div:last-child{
			margin-right: 0px;
		}
    .purchaseform .proceedbutton, .buybutton {
        display: none;
    }

.downloadForm{
	
}

button,
a.button{
	font-family: "MDCondensed", sans-serif;
	color: #599ac8;
	font-size: 1.5em;
	background-color: #FFF;
	border: 1px solid #C8C8C8;
	text-decoration: none;
	margin: 0px;
	padding: 4px 10px 2px 22px;
	text-transform: lowercase;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: url("../img/buttons/button.png");
	background-color: #ffffff; 
	background: 
		url("../img/buttons/button.png"),
		-moz-linear-gradient(top, #ffffff 54%, #E0E0E0 100%);
	background: 
		url("../img/buttons/button.png"),
		-o-linear-gradient(top, #ffffff 54%, #E0E0E0 100%);
	background-image: 
		url("../img/buttons/button.png"),
		-webkit-gradient(linear, left top, left bottom, color-stop(54%,#ffffff), color-stop(100%,#E0E0E0));
	background: -ms-linear-gradient(top, #ffffff 54%,#E0E0E0 100%);
	background: linear-gradient(top, #ffffff 54%,#E0E0E0 100%);
	background-repeat: no-repeat, repeat;
	background-position: 6px center, left top;
	cursor: pointer;
	position: relative;
	z-index: 250;
}
	.ie7 button,
	.ie9 button,
	.ie8 button,
	.ie7 .button,
	.ie9 .button,
	.ie8 .button{
		background: url("../img/buttons/button.png") no-repeat  6px center;
		background-color: #FFF;
	}
	button.moredetails.opened{
		background-image: url("../img/buttons/button_down.png");
		background-repeat: no-repeat;
		background-position: 6px center;
		border-bottom: none;
		-moz-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
		background-color: #FFF;
		bottom: 0px;
	}
		.ie7 button.opened,
		.ie8 button.opened{
			background-color: #FFF;
			position: relative;
		}

/* Common Elements
-------------------------------------------------- */

a { 
	color: #456894; 
}

a:hover { 
	color: #444444; 
}

img.icon{
	vertical-align: middle;
}

strong{
	font-weight: bold;
}

p.center { 
	text-align: center; 
}

i{
	font-style: italic;
}

small{
	font-size: 0.917em;
}

address{
	white-space: pre;
	margin-bottom: 15px;
	color: #456894;
}

p~.backToTop{
	margin-bottom: 20px;
	margin-top: -10px;
}

.backToTop:before{
	display: inline-block;
	content: " ";
	vertical-align: text-bottom;
	width: 14px;
	height: 14px;
	background-image: url("/img/graphics.png");
	background-position: 2px -160px;
	background-repeat: no-repeat;
}

.pdf{
	background-image: url("../img/icon-pdf.png");
	background-repeat: no-repeat;
	background-position: left 4px;
}

.html{
	background-image: url("../img/icon-html.png");
	background-repeat: no-repeat;
	background-position: left center;
}

/* Titles  */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #4a4a4a; 
}
 
h1 {
	font-family: 'MDCondensed';	
	font-size: 2.5em;
	line-height: 1em; 
	margin-bottom: 0.75em; 
	margin-top: 1em;
	color: #2b405a;
	 -webkit-font-smoothing: antialiased;
}

h1:first-child{
	margin-top: 0px;
}
 
h2 {
	font-family: 'MDCondensed';	
	letter-spacing: -0.5px;
	font-size: 2.2em; 
	line-height: 1em;
	margin-bottom: 0.75em; 
	margin-top: 1em;
	-webkit-font-smoothing: antialiased;
}
	h2.lined{
		position: relative;
	}
		h2.lined span{
			background-color: #FFF;
			padding-right: 10px;
		}
	h2.lined:before{
		display: block;
		position: absolute;
		content: "";
		width: 100%;
		height: 0px;
		left: 0px;
		top: 50%;
		border-top: 1px dotted #ccc;
		z-index: -1;
	}
	h2:first-child{
		margin-top: 0;
	}
 
h3 {
	font-size: 1.3em; 
	line-height: 1.125em; 
	margin-bottom: 1.125em; 
	margin-top: 0.75em;
	font-weight: bold; 
}
 
h4 {
	font-size: 1.2em;
	line-height: 1.2857em;
	margin-top: 1.2857em; 
	margin-bottom: 0.5em;	
	color: #80b3dd;
	text-transform: uppercase;
	font-weight: bold;
}
	h4 img {
		float: left;
		margin: -3px 5px 0px 0px; 
	}
 
h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #646464; 
	margin-bottom: 1em;
}
 
h6 {
	font-size: 0.9em;
	font-weight: bold; 
}

hr {
	background: #dddddd;
	color: #dddddd;
	clear: both;
	float: none;
	width: 100%;
	height: 0.1em;
	margin: 0 0 1.45em;
	border: none;
}

h2~hr{
	margin-top: -10px;
	margin-bottom: 30px;
}

.hide{
	display: none;
}

hr.space {
	background: #ffffff;
	color: #ffffff; 
}
 
table {
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0px; 
}
 
td { 
	padding: 2px; 
}
 
tr.even td { 
	background: #e5ecf9; 
}

.content{
	font-size: 1.2em; 
	line-height: 1.5em; 
	margin-bottom: 1.5em; 
	margin-top: 0em;
}
	.content ul{
		margin-left: 2em;
		margin-bottom: 1em;
	}

.accentblock {
	margin-bottom: 20px;
}
	.accentblock img { 
		display: inline-block;	
		vertical-align: middle;
	}
	.accentblock div.text {
		width: 450px;
		display: inline-block;
		color: #828282;
		font-size: 1.2em;
		line-height: 1.3em;
		vertical-align: middle;
	}
		.ie7 .accentblock div.text{
			display: inline;
			zoom: 1;
		}
		.accentblock div.text p {
			margin: 0px;
		}
		.accentblock div.text h3 {
			color: #5e5e5e;
			margin: 0px;
			font-size: 1.6em;
		}

.note {
	background-color: #FFF;
	background-image: 
		url("../img/note.png"),
		-moz-linear-gradient(bottom, #E7E7E7 0%, #FFF 100%);
	background-image: 
		url("../img/note.png"),
		-o-linear-gradient(bottom, #E7E7E7 0%, #FFF 100%);
	background-image: 
		url("../img/note.png"),
		-webkit-gradient(linear, left bottom, left top, color-stop(0%,#E7E7E7), color-stop(100%,#FFF));
	background-repeat: no-repeat, no-repeat;
	background-position: 20px center, left top;	
	background-size: auto, 75px 100%;		
	border: 1px solid #DBDBDB;
	padding: 15px 20px 15px 110px;
	line-height: 1.3em;
	font-weight: bold;
	color: #2e82b0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font-size: 1em;
	margin-bottom: 20px;
	position: relative;
}
	.note.error{
		background-image: 
		url("../img/note_error.png"),
		-moz-linear-gradient(bottom, #E7E7E7 0%, #FFF 100%);
		background-image: 
		url("../img/note_error.png"),
		-o-linear-gradient(bottom, #E7E7E7 0%, #FFF 100%);
		background-image: 
		url("../img/note_error.png"),
		-webkit-gradient(linear, left bottom, left top, color-stop(0%,#E7E7E7), color-stop(100%,#FFF));
		color: #D22F2F;
		border: 1px solid #D22F2F;
	}
	.note:before{
		content: " ";
		width: 0px;
		height: 100%;
		border-left: 1px solid #E7E7E7;
		position: absolute;
		left: 75px;
		top: 0px;
		background-color: #EEEEEE;
		width: 10px;
	}
	.ie8 .note{
		behavior: url(/js/libs/pie.htc);
		-pie-background: 
		url("../img/note.png") no-repeat 20px center,
		url("../img/white_bg.png") no-repeat 80px center,
		linear-gradient(bottom, #E7E7E7 0%, #FFF 100%);
		background-size: auto, 75px 100%;	
		position: relative;
	}
	.ie8 .note.error{
		behavior: url(/js/libs/pie.htc);
		-pie-background: 
		url("../img/note_error.png") no-repeat 20px center,
		url("../img/white_bg.png") no-repeat 80px center,
		linear-gradient(bottom, #E7E7E7 0%, #FFF 100%);
		background-size: auto, 75px 100%;	
		overflow: hidden;
	}
	.no-generatedcontent .note{
		
	}
	.ie9 .note{
		background-image: url("../img/note.png");
		background-repeat: no-repeat;
		background-position: 20px center;
	}
	.ie9 .note.error{
		background-image: url("../img/note_error.png");
	}
	.note ul{
		margin: 0px;
		list-style-type: square;
		color: #787878;
		font-weight: normal;
		margin-left: 10px;
	}
	.note li span{
		color: #2b405a;
	}
	.note li{
		margin: 5px 0px;
		line-height: 1.2;
	}
	.no-multiplebgs .note {
		background-image: url("../img/note.png");
		background-repeat: no-repeat;
		background-position: 20px center;
	}
	.download .note {
		margin-top: 30px;
	}

.demobutton{
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
	.ie7 .demobutton {
		display: inline;
		zoom: 1;
	}
	.demobutton a{
		display: inline-block;
		background-color: #528EBB;
		color: #FFF;
		text-decoration: none;
		position: relative;
		padding: 7px 10px 7px 18px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		font-size: 0.95em;
		background-image: 
			url("../img/view-demo-button.png"),
			-webkit-gradient(linear, left bottom, left top, color-stop(0%,#3C6990), color-stop(100%,#61A7D8));
		background-image: 
			url("../img/view-demo-button.png"),
			-moz-linear-gradient(bottom, #3C6990 0%, #61A7D8 100%);
		background-image: 
			url("../img/view-demo-button.png"),
			-o-linear-gradient(bottom, #3C6990 0%, #61A7D8 100%);
		background-repeat: no-repeat, repeat;
		background-position: 6px 9px, top left;
	}
		.ie7 .demobutton a,
		.ie8 .demobutton a {
			-pie-background: 
				url("../img/view-demo-button.png") no-repeat 6px 9px, 
				linear-gradient(bottom, #3C6990 0%, #61A7D8 100%) no-repeat top left;
			behavior: url(/js/libs/pie.htc);
		}
		.ie9 .demobutton a{
			background-color: #528EBB;
			background-image: url("../img/view-demo-button.png");
			background-repeat: no-repeat;
			background-position: 6px 9px;
		}
	.demobutton a:hover{
		box-shadow: 0px 2px 5px #A9A9A9;
	}

/* link view demo */

.content .demo{
	margin: 10px 0;
	display: block;
	position: static;
	width: auto;
}
	.content .demo a{
		color: #457241;
		font-weight: bold;
		padding: 2px 7px 2px 2px;
		padding-left: 17px;
		margin-left: -17px;
		border-radius: 2px;
	}
	 .content .demo img{
		float: left;
		margin-right: 2px;
		margin-top: 1px;
		position: relative;
		z-index: 50;
	}
	.content .demo a:hover{
		background-color: #75AF4D;
		text-decoration: none;
		color: #FFF;
		border-radius: 2px;
	}

/* big view demo link with screenshot */

.demowithscreen{
	display: inline-block;
	width: 200px;
	border: 1px solid #DBDBDB;
	padding: 3px;
	margin: 0px 15px 15px;
	background-color: #EEEEEE;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.demowithscreen:hover{
		box-shadow: 0px 0px 5px #C1C1C1;
	}
	.demowithscreen a.screen{
		position: relative;
		margin-bottom: 3px;
		width: 200px;
		height: 160px;
		overflow: hidden;
		border: none;
	}
	.demowithscreen a{
		display: block;
		text-decoration: none;
		font-weight: bold;
		padding: 2px 0px;
	}
	.demowithscreen .screen:before{
		display: block;
		position: absolute;
		content: "";
		width: 87px;
		height: 87px;
		left: 55.9px;
		top: 31px;
		background-image: url("../img/demos/play.png");
	}


.note p{
	margin: 0px;
}

p{
	margin-bottom: 1.5em; 
}
	p .imgleft{
		float: left;
		margin-right: 5px;
	}
	p .imgright{
		float: right;
		margin-left: 5px;
	}
	p.imgleft{
		overflow: hidden;
	}
	p.imgright{
		overflow: hidden;
	}
	p.imgleft img{
		float: left;
		margin-right: 5px;
	}
	p.imgright img{
		float: right;
		margin-left: 5px;
	}

p.accent {
	font-size: 1.2em;
	color: #828282;
	line-height: 1.4em;
	margin: 0px 10px 20px;
}

strong { 
	color: #456894; 
	font-weight: bold;
}

dl.list {
	margin: 1em 0em;
	display: inline-block; 
}
	.ie7 dl.list{
		display: inline;
		zoom: 1;
	}
	dl.list>dt {
		width: 180px;
		display: inline-block;
		color: #80B3DD;
		font-weight: bold;
		margin-bottom: 15px;
		margin-right: 5px;
		position: relative; 
	}
		.ie7 dl.list>dt{
			display: inline;
			zoom: 1;
		}
	dl.list dt >span {
		background-color: #FFF;
		padding-right: 0.1em; 
	}
	dl.list>dt:after {
		display: block;
		content: " ";
		height: 1px;
		border-bottom: 1px dotted #ccc;
		position: absolute;
		width: 100%;
		top: 8px;
		z-index: -1;
		font-size: 0; 
	}
	dl.list>dd {
		width: 400px;
		display: inline-block;
		margin-bottom: 15px;
		vertical-align: top; 
	}
		.ie7 dl.list>dd{
			display: inline;
			zoom: 1;
		}

ul.files{
	list-style-image: none;
	list-style-type: none;
	margin: 5px 0px 15px 20px;
	line-height: 1.9em;
}
	ul.files li{
		padding: 3px 0px 3px 24px;
		line-height: 1.4em;
		margin: 5px 0px;
	}
ul.list {
	list-style-image: url(../img/bullet.png);
	margin: 5px 0.5em 15px 30px;
	line-height: 1.6em;
}
	.note ul.list {
		  margin: 0px 0px 0px 30px;
	}
ol.list {
	list-style-type: decimal;
	margin: 0 0 1em 2em;
	line-height: 1.6em;
	font-size: 1.1em;
}

table.data {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	padding: 1px;
	border: 1px solid #DBDBDB;
	margin-bottom: 15px;
}
	table.data td {
		padding: 5px 10px;
		background-color: #FFF;
	}
	table.data tr:nth-child(2n+1) td{
		background-color: #F2F2F2;
	}
	table.data th {
		padding: 7px;
		background-color: #EEEEEE;
		font-weight: bold;
		vertical-align: middle;
		text-align: left;
	}

.hint {
	display: none;
	padding: 7px 20px 9px 20px;
	margin-top: -1px;
	background-color: white;
	border: 1px solid #c8c8c8;
	color: #525252;
	-moz-border-radius: 5px;
	border-radius: 0px 5px 5px 5px;
}
	.ie7 .hint{
		margin-top: -2px;
	}

ul.keylist { 
	margin-right: 30px; 
	list-style-type: none;
}
	ul.keylist li.key {
		background-image: url("../img/bullet-2.png");
		background-repeat: no-repeat;
		color: #7dacd4;
		background-position: 9px 15px;
		padding: 1px 0px;
		padding-left: 25px;
		padding-right: 10px;
		margin: 3px 0px 0px; 
	}
		ul.keylist li.key h3 {
			color: #296492;
			font-size: 1.2em; 
			margin-bottom: 0px;
		}
		ul.keylist li.key:hover { 
			color: #fc7e03; 
		}
	ul.keylist li.keydetail {
		padding: 0px;
		margin-top: 5px;
		margin-bottom: 15px;
		margin-left: 25px; 
	}

.resellerLinks {   
	padding-top: 5px 
}
.reseller-login {
	margin-bottom: 20px;
}
	.reseller-login  a{
		text-decoration: none;
	}

/* Style for value references */
.valref {color:blue;}

.accent{
	padding: 25px 35px;
	margin-bottom: 40px;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px #D0D0D0;
	-moz-box-shadow: 0px 0px 10px #D0D0D0;
	box-shadow: 0px 0px 10px #D0D0D0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 1%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
	background: linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
}
	.ie8 .accent,
	.ie7 .accent{
		-pie-background: linear-gradient(top,  #ffffff 1%, #f2f2f2 100%);
		behavior: url(/js/libs/pie.htc);
	}
	.accent:after{
		display: block;
		position: absolute;
		content: "";
		width: 100%;
		height: 28px;
		left: 0px;
		bottom: -28px;
		background-image: url("../img/accent.png");
		background-position: center top;
		background-repeat: no-repeat;
	}

.accent p:last-child{
	margin-bottom: 0px;
}

/* Index Page 
-------------------------------------------------- */

.home{
	margin-top: 15px;
}
	.ie6 .home{
		margin-top: 20px;
	}

/* main banner */

.showcase{
	position: relative;
	height: 419px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	background-color: #447BA6;
	background-image: url("/img/showcase/showcase.png");
}
	.showcase.watch{
		background-image: url("/img/showcase/showcase-watch.jpg");
	}
	.ie8 .showcase, 
	.ie6 .showcase,
	.ie7 .showcase{
		behavior: url(/js/libs/pie.htc);
	}
	.showcase-features{
		position: absolute;
		width: 350px;
		height: 290px;
		right: 50px;
		top: 25px;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;	
		border-radius: 5px;
		background: -moz-linear-gradient(top, #365E81 0%, #0B141A 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#365E81), color-stop(100%,#0B141A));
		background: -webkit-linear-gradient(top, #365E81 0%, #0B141A 100%);
		background: -moz-linear-gradient(top, #365E81 0%, #0B141A 100%);
		background: -o-linear-gradient(top, #365E81 0%, #0B141A 100%);
		background: -ms-linear-gradient(top, #365E81 0%, #0B141A 100%);
		background: linear-gradient(top, #365E81 0%, #0B141A 100%);
	}
	.ie8 .showcase-features, .ie7 .showcase-features{
		behavior: url(/js/libs/pie.htc);
		-pie-background: linear-gradient(top, #365E81 0%, #0B141A 100%);
	}
	.showcase-features-list{
		font-size: 1.4em;
		color: #EBF4FA;
		margin: 20px 20px 30px;
		line-height: 2.3em;
		text-align: left;
		list-style-type: none;
	}
	.showcase-features-list li{
		background-image: url("/img/showcase/features_line.png");
		background-position: bottom center;
		background-repeat: no-repeat;
		padding-left: 55px;
	}
	.showcase-features-list a{
		color: #EBF4FA;
		text-decoration: none;
	}
	.showcase-features-list a:hover{
		color: #91C5E9;
	}
	.showcase a.more{
		font-size: 1.3em;
		background-color: #1D3345;
		padding: 6px 50px 8px;
		display: inline-block;
		border-radius: 4px;
		-moz-border-radius: 4px;
		color: #FFF;
		text-decoration: none;
	}
	.showcase a.more:hover{
		background-color: #355A7B;
	}
	.showcase-buttons{
		position: absolute;
		bottom: 20px;
		left: 58px;
	}
	.showcase-button{
		display: block;
		float: left;
		width: 150px;
		text-decoration: none;
		color: #FFF;
		text-transform: uppercase;
		font-size: 1.4em;
		font-weight: bold;
		margin-right: 20px;
		text-align: center;
		line-height: 2.20em;
		border-radius: 4px;
		padding-top: 1px;
		-moz-border-radius: 4px;
	}
	.showcase-button.orange{
		text-shadow: 0px -1px 0px #7f7f7f;
		-webkit-box-shadow: inset 0px 1px 0px #F1DDB6, inset -1px 0px 0px #CA8926, inset 1px 0px 0px #CA8926;
		-moz-box-shadow: inset 0px 1px 0px #F1DDB6, inset -1px 0px 0px #CA8926, inset 1px 0px 0px #CA8926;
		box-shadow: inset 0px 1px 0px #F1DDB6, inset -1px 0px 0px #CA8926, inset 1px 0px 0px #CA8926;
		border: 1px solid #BF7F24;
		background-color: #E0A637;
		background: -moz-linear-gradient(bottom, #B17521 0%, #EFBE3D 100%);
		background: -o-linear-gradient(bottom, #B17521 0%, #EFBE3D 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFBE3D), color-stop(100%,#B17521));
	}
	.showcase-button.red{
		text-shadow: 0px -1px 0px #7f7f7f;
		box-shadow: inset 0px 1px 0px #E16843;
		-webkit-box-shadow: inset 0px 1px 0px #ED958B, inset -1px 0px 0px #DA3320, inset 1px 0px 0px #DA3320;
		-moz-box-shadow: inset 0px 1px 0px #ED958B, inset -1px 0px 0px #DA3320, inset 1px 0px 0px #DA3320;
		box-shadow: inset 0px 1px 0px #ED958B, inset -1px 0px 0px #DA3320, inset 1px 0px 0px #DA3320;
		border: 1px solid #D04A22;
		background: #d04a21;
		background: -moz-linear-gradient(top,  #d04a21 0%, #ba421e 100%);
		background: -webkit-linear-gradient(top,  #d04a21 0%,#ba421e 100%);
		background: -o-linear-gradient(top,  #d04a21 0%,#ba421e 100%);
		background: -ms-linear-gradient(top,  #d04a21 0%,#ba421e 100%);
		background: linear-gradient(top,  #d04a21 0%,#ba421e 100%);
	}
	.showcase-button.blue{
		-webkit-box-shadow: inset 0px 1px 0px #A1C5E6, inset -1px 0px 0px #155988, inset 1px 0px 0px #155988;
		-moz-box-shadow: inset 0px 1px 0px #A1C5E6, inset -1px 0px 0px #155988, inset 1px 0px 0px #155988;
		box-shadow: inset 0px 1px 0px #A1C5E6, inset -1px 0px 0px #155988, inset 1px 0px 0px #155988;
		border: 1px solid #195C8B;
		background-color: #034B78;
		background: -moz-linear-gradient(bottom, #034B78 0%, #407BA8 100%);
		background: -o-linear-gradient(bottom, #034B78 0%, #407BA8 100%);
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#034B78), color-stop(100%,#407BA8));
		text-shadow: 0px -1px 0px #000;
	}
	.showcase-button:hover{
		box-shadow: inset 0px 0px 4px #FFF;
		color: #FFF;
	}
	.ie8 .showcase-button:hover, 
	.ie7 .showcase-button:hover{
		border: 1px solid #E8E8E8;
	}
	.ie8 .showcase-button,
	.ie7 .showcase-button{
		position: relative;
		behavior: url(/js/libs/pie.htc);
	}
	.ie8 .showcase-button.orange,
	.ie7 .showcase-button.orange{
		-pie-background: linear-gradient(bottom, #B17521 0%, #EFBE3D 100%);
	}
	.ie8 .showcase-button.blue,
	.ie7 .showcase-button.blue{
		-pie-background: linear-gradient(bottom, #034B78 0%, #407BA8 100%);
	}

.why{
	padding: 4% 7%;
	float: left;
	overflow: hidden;
	position: relative;
	width: 86%;
}
	.why-title header{
		font-family: 'MDCondensed';
		font-size: 3.4em;
		letter-spacing: -1px;
		color: #2b405a;
		margin-bottom: 0.5em;
	}
		.why-title header span{
			font-family: 'MDBoldCondensed';
		}

	.why-list{
		width: 47%;
		display: inline-block;
		vertical-align: top;
		margin: 0px;
	}
	.why-list div:nth-child(1){
		margin-right: 3%;
	}
	.ie7 .why-list, .ie6 .why-list{
		display: inline;
		zoom:1;
	}
	.why p{
		font-size: 1.2em;
		margin-bottom: 1em;
		background-image: url("/img/main/features-bullet.png");
		background-repeat: no-repeat;
		background-position: 0px 3px;
		padding-left: 17px;
	}
	.why a{
		color: #2b405a;
	}
	.why ul{
		font-size: 1.2em;
		margin-left: 20px;
		/*line-height: 1.5em;*/
	}

.keybenefits{
	clear: both;
	border: 1px solid #D7D4D4;
	padding: 4% 7%;
	overflow: hidden;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
	.keybenefits-title{
		font-family: 'MDCondensed';
		font-size: 3.4em;
		letter-spacing: -1px;
		color: #2b405a;
		margin-bottom: 0.5em;
	}
		.keybenefits-title span{
			font-family: 'MDBoldCondensed';
		}
	.ie8 .keybenefits,
	.ie7 .keybenefits{
		behavior: url(/js/libs/pie.htc);
	}	
	.keybenefits .grid{
		width: 892px;
		position: relative;
		left: -35px;
	}	
	.keybenefits-item{
		width: 188px;
		margin-left: 35px;
		display: inline-block;
		vertical-align: top;
		font-size: 1.1em;
		line-height: 1.54em;
		letter-spacing: normal;
		word-spacing: normal;
	}	
		.keybenefits-item header{
			font-family: 'MDCondensed';
			font-size: 2.1em;
			color: #3C6990;
			font-weight: normal;
			line-height: 0.8em;
		}	
			.keybenefits-item-name{
				display: inline-block;
				vertical-align: top;
				padding-top: 10px;
				padding-left: 3px;
			}	
				.ie7 .keybenefits-item-name,
				.ie6 .keybenefits-item-name {
					display: inline;
					line-height: 1em;
				}	
			.keybenefits-item header img{
				display: inline-block;
				vertical-align: top;
			}	
		.keybenefits-item-name strong{
			font-weight: normal;
			display: block;
		}	
		.keybenefits-item-name span{
			font-family: 'MDCondensed';
			color: #3C6990;
			font-weight: normal;
			font-size: 0.8em;
		}	
			.ie7 .keybenefits-item-name span{
				position: relative;
				top: -5px;
			}	
	.ie7 .keybenefits-item,
	.ie6 .keybenefits-item{
		display: inline;
		zoom:1;
	}	


.usersay{
	padding: 4% 7% 4%;
	overflow: hidden;
	width: 86%;
}
	.usersay .title h1{
		font-family: 'MDCondensed';
		font-size: 2.8em;
		letter-spacing: -1px;
		color: #2b405a;
		margin-bottom: 0.6em;
	}
		.usersay .title span{
			font-family: 'MDBoldCondensed';
		}

/* module - opinion 

html:
<div class="opinion">
	<blockquote>[opinion]</blockquote>
	<div class="author">
		[user_name]
		<br/>[user_company]
	</div>
</div>

*/

.opinion{
	font-size: 1.1em;
	margin-right: 7%;
	display: inline-block;
	width: 28%;
	vertical-align: top;
}
	.ie7 .opinion, 
	.ie6 .opinion{
		zoom:1;
		display: inline;
		width: 27%;
	}
.opinion.linear{
	display: block;
	width: auto;
	margin-right: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
	.opinion blockquote{
		margin: 5px 0px 5px;
	}
	.opinion.linear blockquote{
		display: inline-block;
		vertical-align: middle;
		width: 350px;
		margin-right: 30px;
		background-color: #F5F5F5;
		padding: 10px 20px 13px;
		border: 1px solid #DEDEDE;
		border-bottom-color: #D1D1D1;
		border-right-color: #D1D1D1;
		font-style: italic;
		font-family: Georgia,Times New Roman,serif;
		line-height: 1.6em;
		position: relative;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: #f5f5f5;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 50%, #f5f5f5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 100%);
		background: linear-gradient(top,  #ffffff 0%,#f5f5f5 50%,#f5f5f5 100%);
	}
		.ie9 .opinion.linear blockquote{
			filter: none;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		}
		.ie7 .opinion.linear blockquote{
			display: inline;
		}
		.opinion.linear blockquote q{
			quotes: '\201C' '\201D ' '\2018 ' '\2019 ';
		}
		.opinion.linear blockquote:before{
			display: block;
			position: absolute;
			content: "";
			width: 17px;
			height: 18px;
			right: -17px;
			bottom: 15px;
			background-image: url("../img/opinion-pointer.png");
		}
	.opinion:last-child{
		margin-right: 0;
	}
	.opinion .author{
		background-image: url("/img/main/testimonial.png");
		background-position: -5px 0px;
		background-repeat: no-repeat;
		padding-left: 60px;
		padding-top: 30px;
		color: #A4A4A4;
	}
	.opinion.linear .author{
		display: inline-block;
		vertical-align: middle;
		padding: 5px 0px 5px 60px;
		background-position: -5px -10px;
		font-size: 0.9em;
		width: 180px;
	}
		.ie7 .opinion.linear .author,
		.ie6 .opinion.linear .author {
			display: inline;
		}

/* Downloads Page */

.download .accentblock {
	position: relative;
}
	.download .accentblock div.text {
		font-size: 0.9em;
	}
		.download .accentblock dl {
			margin: 10px 100px 10px 0;
		}
		.download .accentblock dt {
			float: left;
			margin-right: 2px;
			font-weight: bold;
			color: #456894;
		}
		.download .accentblock dd {
			margin-left: 0px 
		}

.download .otherdownload {
	font-size: 0.9em;
	margin: 0px 9px;
	position: relative;
	top: -40px;
	margin-bottom: -50px;
}
	.download .otherdownload  .hint{
		-moz-border-radius: 5px 0px 5px 5px;
		border-radius: 5px 0px 5px 5px;
		width: 30%;
		float: right;
		position: relative;
	}
	.download .otherdownload .link {   
		text-align: right;		
	}
		.download .otherdownload div.hint  ul{
			list-style-type: square;
			line-height: 1.5em;
			margin: 10px 20px;
		}
	.download .otherdownload button{
		padding: 6px 10px 4px 22px;
	}

.download .specialnotelinks {
	margin: 10px 0px 20px 25px;
	list-style-image: url(../img/bulletext.png);
}
.download .dwn {
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 10px;
}
	.download .dwn a.buttondownload {
		display: block;
		width: 305px;
		height: 141px;
		background-image: url("../img/buttons/b-download.png");
		background-repeat: no-repeat;
		float: left;
		text-decoration: none;
		cursor: pointer;
		margin: 5px 30px 15px 5px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
		.download .dwn a.buttondownload_assc{
			display: block;
			width: 305px;
			height: 130px;
			margin: 5px 26px 15px 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			position: relative;
			float: left;
			text-decoration: none;
			cursor: pointer;
			border: 1px solid #DEDEDE;
			background: #fefefe;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #fefefe 0%, #fefefe 46%, #e5e5e5 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(46%,#fefefe), color-stop(100%,#e5e5e5));
			background: -webkit-linear-gradient(top,  #fefefe 0%,#fefefe 46%,#e5e5e5 100%);
			background: -o-linear-gradient(top,  #fefefe 0%,#fefefe 46%,#e5e5e5 100%);
			background: -ms-linear-gradient(top,  #fefefe 0%,#fefefe 46%,#e5e5e5 100%);
			background: linear-gradient(top,  #fefefe 0%,#fefefe 46%,#e5e5e5 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 );
		}
			.download .dwn a.buttondownload_assc span{
				display: block;
				color: #242424;
				font-size: 0.8em;
				line-height: 1;
				position: absolute;
				left: 120px;
				top: 80px;
			}
			.download .dwn a.buttondownload_assc strong{
				display: block;
				color: #4388BE;
				font-size: 1.8em;
				line-height: 1.2em;
				position: absolute;
				top: 45px;
				left: 120px;
				margin-right: 30px;
				text-shadow: 0px 1px 0px #FFF;
			}
		.download .dwn a.buttondownload_assc:before{
			display: block;
			position: absolute;
			content: "";
			width: 88px;
			height: 100%;
			left: 20px;
			top: 0px;
			background-image: url("../img/icon_download.png");
			background-repeat: no-repeat;
			background-position: center 61%;
		}
		.download .dwn a.buttondownload_assc:after{
			display: block;
			position: absolute;
			content: "";
			width: 100%;
			height: 25px;
			left: 0px;
			top: 0px;
			background-image: url("../img/fieldset.png");
			background-repeat: no-repeat;
			background-position: right bottom;
			border-radius: 5px 5px 0px 0px;
		}
			.download .dwn a.buttondownload_assc:nth-child(2n+2){
				margin-right: 0px;
			}
		.download .dwn a.buttondownload.nochecksum{
			background-image: url("../img/buttons/b-download-assc.png");
			height: 132px;
		}
		.download .dwn a.buttondownload:nth-child(2n+2){
			margin-right: 0px;
		}
		.download .dwn a.buttondownload span {
			padding-top: 0px;
			width: 175px;
			font-size: 0.8em;
			line-height: 1;
			color: #757575;
			display: block;
			margin: 25px 0px 15px 125px;
		}
		.download .dwn a.buttondownload strong {
			color: #FFF;
			font-size: 1.1em;
			display: block;
			margin-bottom: 6px;
			margin-left: 20px;
			margin-top: 6px;
		}
	.download .dwn a.buttondownload_assc:hover, 
	.download .dwn a.buttondownload:hover {   
		-webkit-box-shadow: 0px 0px 7px #9F9F9F;
		-moz-box-shadow: 0px 0px 7px #9F9F9F;
		box-shadow: 0px 0px 7px #9F9F9F;
	}

/* Features Page  */

.FloatHintPrivacyPolicy{
	display: none;
	border: 1px solid #DBDBDB;
	padding: 10px;
}

.features h1 { 
	margin-top: 0.75em;
}
.features p {
	margin: 0;
	margin-bottom: 10px; 
}
.features .item {
	margin-bottom: 15px; 
	border: 1px solid #DBDBDB;
	padding: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	white-space: nowrap;
}
	.features .item .shots {
		width: 200px;
		margin-right: 5px;
		display: inline-block;
		border: 1px solid #CECECE;
		background-color: #EEEEEE;
		padding: 3px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		vertical-align: top;
	}
		.ie7 .features .item .shots{
			display: inline;
			zoom: 1;
		}
	.features .item .shots:hover{
		border: 1px solid #C1C1C1;
			  box-shadow: 0px 0px 8px #C1C1C1;
			  background-color: #FFF;
	}
		.features .item .shots img{
			width: 197px;
			border: 1px solid #DBDBDB;
		}
	.features .item h3 {
		font-size: 1.2em;
		color: #3e6d95;
		background-color: #EEEEEE;
		padding: 8px 15px;
		font-weight: normal;
		border-radius: 0 3px 0 0;
		-moz-border-radius: 0 3px 0 0;
		text-shadow: 0px 1px 0px #FFF;
		margin-top: 0px;
	}
	.features .item .description {
		width: 437px;
		display: inline-block;
		vertical-align: top;
		*display: inline;
		zoom: 1;
	}
	.features .item .description.separator {
		border-bottom: 1px solid #DBDBDB;
		margin-bottom: 15px;
		padding-bottom: 20px;
	}
	.features .item .text {
		width: 335px;
		display: inline-block;
		vertical-align: top;
		*display: inline;
		zoom: 1;
	}
		.features .item .text p{
			margin-left: 15px;
			border-right: 1px solid #DBDBDB;
			padding-right: 10px;
			white-space: normal;
		}
		.features .item p{
			margin-left: 15px;
			border: none;
			padding-right: 15px;
			white-space: normal;
		}
	.features .item .demobutton{
		width: 100px;
	}
		.features .item .demobutton a{

		}
		.features .item .demo a:hover{
		}	

/* Info Page */

.overviewpicture {
	height: 490px;
	background-image: url("../img/overviewpicture.png");
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 20px; 
}
	.overviewpicture .fade {
		display: none;
		position: absolute;
		z-index: 15;
		background-color: #ffffff;
		width: 700px;
		height: 481px; 
	}

	.overviewpicture .popup {
		display: none;
		position: absolute;
		z-index: 25;
		top: 50px;
		left: 185px;
		-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
		background-image: -moz-linear-gradient(100% 100% 90deg, #f0f0f0, #ffffff);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f0f0f0));
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #ffffff;
		border: 1px solid #bdbdbd;
		padding: 17px 20px 20px;
		width: 300px; }
		.overviewpicture .popup a.close {
			display: block;
			position: absolute;
			width: 19px;
			height: 19px;
			right: 10px;
			top: 10px; }
		.overviewpicture .popup h1 {
			margin-top: 0;
			font-size: 1.5em; 
		}
		.overviewpicture .popup p { 
			margin: 0; 
		}
	.overviewpicture .services {
		width: 618px;
		position: absolute;
		top: 297px;
		margin-left: 18px;
		margin-right: 0px;
		border-spacing: 5px; 
	}
		.overviewpicture .services a {
			display: inline-block;
			width: 74px;
			height: 43px;
			margin-right: 3px;
			background-color: #afbed0;
			text-align: center;
			color: #ffffff;
			padding: 0 4px;
			vertical-align: middle;
			border: 1px solid #838fbf;
			text-decoration: none;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			font-size: 1em;
			line-height: 40px;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4F89B5), color-stop(100%, #3C6990));
			background: -webkit-linear-gradient(top, #4F89B5 0%, #3C6990 100%);
			background: -moz-linear-gradient(top, #4F89B5 0%, #3C6990 100%);
			background: -o-linear-gradient(top, #4F89B5 0%, #3C6990 100%);
			background: -ms-linear-gradient(top, #4F89B5 0%, #3C6990 100%);
			background: linear-gradient(top, #4F89B5 0%, #3C6990 100%);
			
		}
			.overviewpicture .services a:hover{
				background-color: #7F9FDD;
				background-image: none;
			}
			.ie7 .overviewpicture .services a{
				display: inline;
				width: 75px;
				zoom: 1;
			}
			.ie8 .overviewpicture .services a{
				padding: 0px 4px;
				background-color: #4578A2;
			}
			.overviewpicture .services a p {
				display: inline-block;
				margin: 0px;
				line-height: 1; 
				vertical-align: middle;
			}
				.ie7 .overviewpicture .services a p {
					display: block;
					margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" :(parentNode.offsetHeight - this.offsetHeight)/2  - 3 + "px");
				}
			.overviewpicture .services a.last { 
				margin-right: 0; 
			}
			.overviewpicture .services a:hover { 
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4F89B5), color-stop(100%, #4F89B5));
				background: -webkit-linear-gradient(top, #4F89B5 0%, #4F89B5 100%);
				background: -moz-linear-gradient(top, #4F89B5 0%, #4F89B5 100%);
				background: -o-linear-gradient(top, #4F89B5 0%, #4F89B5 100%);
				background: -ms-linear-gradient(top, #4F89B5 0%, #4F89B5 100%);
				background: linear-gradient(top, #4F89B5 0%, #4F89B5 100%);
			}
			.ie8 .overviewpicture .services a:hover { 
				background-color: #4F89B5;
			}
.overview h3{
	margin-bottom: 0.5em;
}

/* Screenshots Page  */

.screen .screengroup{
	overflow: hidden;
	margin-bottom: 20px;
}

.screen div.screenshot {
	display: inline-block;
	vertical-align: top;
	width: 210px;
	margin: 0px 15px 20px 0px;
}
	.ie7 .screen div.screenshot  {
		display: inline;
		zoom: 1;
	}
.screen div.screenshot:nth-child(3n+4){
	margin-right: 0px;
}
	.screen div.screenshot .screencaption {
		display: inline-block;
		width: 190px;
		color: #5DA1D0;
		font-size: 1em;
		font-weight: bold;
		padding:  4px 0px 7px;
		text-shadow: 0 1px 0 #FFFFFF;
		margin-bottom: -3px;
		border-radius: 3px 3px 0px 0px;
		-moz-border-radius: 3px 3px 0px 0px;
	}
.screen a.screenshot {
	width: 200px;
	display: block;
	background-color: #f5f5f5;
	padding: 5px;
	border: 1px solid #E9E9E9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height: 115px;				
	text-decoration: none;
	font-weight: bold;
}
	.ie7 .screen a.screenshot,
	.ie8 .screen a.screenshot{
		position: relative;
		behavior: url(/js/libs/pie.htc);
	}
	.screen a.screenshot img {
		margin-top: 2px;
		border: 1px solid #e9e9e9;
	}
	.screen a.screenshot:hover {
		border: 1px solid #C1C1C1;
		box-shadow: 0px 0px 8px #C1C1C1;
		background-color: #FFF;
		cursor: pointer;
	}

/* Active Directory Page */

.active-directory .content .highlights{
	margin-top: 20px;
}		
	.active-directory .content .highlights li{
		margin-top: 8px;
		position: relative;
		margin-right: 250px;
		padding-right: 15px;
		margin-bottom: 20px;
		border-right: 1px dotted #C0C0C0;
	}	
	.active-directory .content .highlights strong a{ 
		color: #456894; 
		background-color: #FDF3B6;
		text-decoration: none;
		padding: 1px 0px;
		border-bottom: 1px dashed #69A9DA;
		font-weight: normal;
	}
	.active-directory .content .highlights strong{ 
		color: #456894; 
		background-color: #FDF3B6;
		padding: 1px 0px;
		font-weight: normal;
	}
	.active-directory .content .highlights strong a:hover{ 
		background-color: #F9E063;
	}	
	.active-directory .content .highlights .demo{
		margin: 5px 0 10px;
		display: block;
		position: absolute;
		width: 250px;
		top: -2px;
		right: -265px;
	}
		.active-directory .content .highlights .demo a{
			color: #457241;
			font-weight: bold;
			padding: 2px 7px 2px 2px;
			padding-left: 17px;
			margin-left: -17px;
			border-radius: 2px;
			text-decoration: none;
		}
		.active-directory .content .highlights .demo img{
			float: left;
			margin-right: 2px;
			margin-top: 1px;
			position: relative;
			z-index: 50;
		}
		.active-directory .content .highlights .demo a:hover{
			background-color: #75AF4D;
			text-decoration: none;
			color: #FFF;
			border-radius: 2px;
		}
 
/* News Page  */

.newsitem { 
	margin: 10px 0px 10px 0px; 
}
.newsitem .date {
	font-weight: bold;
	color: #A0A0A0;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	padding: 4px 10px 3px;
	text-transform: uppercase;
	background-color: #EEEEEE;
	display: inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0px 1px 0px #FFF;	
}
.newsitem p {
	margin: 0px 10px 30px 20px; 
}
.newsitem strong { 
	
}

.paging{
	vertical-align: middle;
}
	.paging span{
		display: inline-block;
		vertical-align: middle;
		padding: 0px 5px;
	}
	.paging span.current{
		background-color: #F2F2F2;
	}
	.paging a{

	}
		.paging a img{
			vertical-align: middle;
		}

/*  Whats new Page
-------------------------------------------------- */

.whats-new h3{
	margin-top: 1.75em;
}

.whats-new b {   
	color: #464646;
}
.whats-new ul.list{
	line-height: 1.2em;
}
.whats-new .content>img {   
	margin: 15px 0px;
}
.whats-new hr.space {
	background: #fff;
	color: #fff;
}
.whats-new p img.spec {   
	margin-bottom: 0px 
}
.whats-new .folded {
	background: url("/img/plus.gif") no-repeat scroll left 5px transparent;
	display: block;
	padding-left: 14px;
	position: relative;
	left: -14px;
}
.whats-new .unfolded {
	background: url("/img/minus.gif") no-repeat scroll left 5px transparent;
	display: block;
	padding-left: 14px;
	position: relative;
	left: -14px;
}
.whats-new .toc {   
	width: 280px; 
}
.whats-new .toc ul.ultoc {   
	list-style-type: none;
}
.whats-new .toc li {   
	margin: 0.5em 0 
}
	 .whats-new .toc li ul.spoiler-body {   
		 margin: 0 2.5em 
		}
.whats-new ul.web_roles {   
	list-style: disk;
}

	.whats-new .toc {
		margin: 0 0 1em 1em;
		float: right;
		padding: 10px;
		border-collapse: separate;
		border-spacing: 1px;
		border: 1px dotted #80b3dd;
		background: #f3faff;
}
	.whats-new .toc li ul { 
		margin: 0 1.5em; 
	}
	.whats-new .toc li ol {
		margin: 0 1.5em;
	}
	.whats-new .toc li {
		margin: 0.15em 0;
	}
	.whats-new .toc a{
		color: #FC7E03;
	}
	.whats-new .toc ul { margin: 0 0 1em 2.05em; }
	.whats-new .toc ol { margin: 0 0 1em 2.05em; }
	.whats-new .toc ul { list-style-type: disc; }
	.whats-new .toc ol { list-style-type: decimal; }
	.whats-new .ultoc { list-style-type: disc; }
	.whats-new .notep p { margin: 15px 0 15px 0; }
	.whats-new .main { background: #a8ccf0 url("../img/release-bg.png") no-repeat left top; }

.whats-new .demobutton { 
}
	.whats-new .demobutton a{ 
		background-position: 6px 7px, left top;
		padding: 5px 10px 5px 18px;
		margin-bottom: 15px;
	}

/* Styles for code view */

.boxforwatsnew pre.code{
	
}
	.boxforwatsnew pre.code .blue{
		
	}
	.boxforwatsnew pre.code .green{
		
	}

/* Tutorials 
-------------------------------------------------- */

.tutorials{
	
}
	.tutorials b,
	.tutorials b{
		font-weight: bold;
	}
	.tutorials ul.substeps{
		list-style-image: url(../img/bullet.png);
		margin: 0px 0px 15px 30px;
		line-height: 1.4em;
	}
.tutorialList{
}
	.tutorials .content .group{
		display: inline-block;
		vertical-align: top;
		margin-bottom: 10px;
		width: 45%;
	}
		.ie7 .tutorials .content .group{
			display: inline;
			zoom: 1;
		}
	.tutorials .content .group:nth-child(2n+1){
		margin-right: 20px;
	}
	.tutorials .content p img {
		float: none;
		margin: 0px; 
	}
	.tutorials div.tutorialIndexImg { 
		text-align: center; 
	}
 
div.tutorials div.tutorialList div.group h1 { 
	margin-bottom: 0.2em; 
	letter-spacing: 0px;
}
 
	div.tutorials div.tutorialList div.group h1 a {
		color: #80b3dd;
		text-decoration: none;
		font-size: 0.85em; }
 
div.tutorials div.tutorialList div.group div.items {
	position: relative;
	background-image: url(/img/tutorials/vertical-line.png);
	background-repeat: repeat-y;
	background-position: 3px 0px;
	padding-top: 1em; }
 
	div.tutorials div.tutorialList div.group div.items div.item {
		background-image: url(/img/tutorials/horizontal-line.png);
		background-repeat: no-repeat;
		background-position: 4px 0px;
		padding-left: 15px;
		margin-top: 0.7em; }
 
	div.tutorials div.tutorialList div.group div.items div.last { background-color: #FFF; }
 
	div.tutorials div.tutorialList div.group div.items div.item a {
		position: relative;
		top: -7px;
		line-height: 1.2;
		color: #535353;
		text-decoration: none; }
 
div.tutorials p img.screenshot {
	float: none;
	margin: 0px; 
}
.tutorials p[align=center]{
	margin-top: 10px;
}
 
div.tutorials hr.space {
	background: #fff;
	color: #fff; }
 
div.tutorials .list-1, div.tutorials .list-2, div.tutorials .list-3,
div.tutorials .list-4, div.tutorials .list-5, div.tutorials .list-6,
div.tutorials .list-7, div.tutorials .list-8, div.tutorials .list-9,
div.tutorials .list-10, div.tutorials .list-11, div.tutorials .list-12 {
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 30px;
	background-repeat: no-repeat; }
 
div.tutorials .list-1 { background-image: url(/img/tutorials/1.png); }
 
div.tutorials .list-2 { background-image: url(/img/tutorials/2.png); }
 
div.tutorials .list-3 { background-image: url(/img/tutorials/3.png); }
 
div.tutorials .list-4 { background-image: url(/img/tutorials/4.png); }
 
div.tutorials .list-5 { background-image: url(/img/tutorials/5.png); }
 
div.tutorials .list-6 { background-image: url(/img/tutorials/6.png); }
 
div.tutorials .list-7 { background-image: url(/img/tutorials/7.png); }
 
div.tutorials .list-8 { background-image: url(/img/tutorials/8.png); }
 
div.tutorials .list-9 { background-image: url(/img/tutorials/9.png); }
 
div.tutorials .list-10 { background-image: url(/img/tutorials/10.png); }
 
div.tutorials .list-11 { background-image: url(/img/tutorials/11.png); }
 
div.tutorials .list-12 { background-image: url(/img/tutorials/12.png); }
 
div.tutorials .step-1, div.tutorials .step-2, div.tutorials .step-3,
div.tutorials .step-4 {
	padding-top: 25px;
	background-repeat: no-repeat; }
 
div.tutorials .step-1 { background-image: url(/img/tutorials/step1.png); }
 
div.tutorials .step-2 { background-image: url(/img/tutorials/step2.png); }
 
div.tutorials .step-3 { background-image: url(/img/tutorials/step3.png); }
 
div.tutorials .step-4 { background-image: url(/img/tutorials/step4.png); }
 
div.tutorials .small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em; 
}
 
div.tutorials .note {
	margin: 1.5em 0em;
	border: 1px solid #afc5ed;
	padding: 0px;
	color: #000000;
	font-weight: normal;
	line-height: 1.3em;
	font-size: 1.1em; 
	background-image: none;
	background: #e5ecf9;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	  -webkit-background-clip: padding-box;
}
	div.tutorials .note:before{
		display: none;
	}
 
div.tutorials div.note ul {
	list-style-type: square; 
	margin: 0.5em 0em 0.75em 0.5em;
}
 
div.tutorials div.note div {
	background-color: #e5ecf9;
	background-image: url(/img/tutorials/bulb.png);
	background-position: 6px 7px;
	background-repeat: no-repeat;
	padding: 0.75em 0.75em 0.75em 30px;
}
 
div.tutorials .tip {
	/*background-image: url(/img/tutorials/info.png);*/
	background-image: url(/img/tutorials/bulb.png);
	background-position: 7px 8px;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
	padding: 0.75em 0.75em 0.75em 32px;
	margin: 1em 0em;
	color: 585858;
	line-height: 1.3em; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #DBDBDB;
	clear: both;
}
div.tutorials .tip  img{
	border: 1px solid #DBDBDB;
}
 
div.tutorials .caution {
	background-image: url(/img/tutorials/caution.png);
	background-position: 6px 8px;
	background-repeat: no-repeat;
	padding: 0.75em 0.75em 0.75em 30px;
	margin: 1em 0em; 
	background-color: #FCECE8;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #F3B3A3;
}
 
div.tutorials div.collapsible { margin-bottom: 1em; }
 
	div.tutorials div.collapsible > div {
		display: none;
		margin-left: 2em;
	}
		div.tutorials div.collapsible > div  img{
			max-width: 100%;
			margin: 0px;
		}
 
	div.tutorials div.collapsible h4 {
		font-size: 1em;
		margin-top: 0.3em;
		margin-bottom: 1em;
		font-weight: normal;
		text-transform: none; }
 
		div.tutorials div.collapsible h4 a {
			padding-left: 15px;
			background-image: url(/img/tutorials/plus.png);
			background-repeat: no-repeat;
			background-position: 0 0px; 
			color: #FC7E03;
		}
 			div.tutorials div.collapsible h4 a.opened {
	 			background-image: url(/img/tutorials/minus.png);
	 		}
 
div.tutorials .toc {
	margin: 1em 1em 0em 1em;
	float: right;
	border: 1px solid #ddd;
	background: #e5ecf9;
	padding: 10px; }
 
div.tutorials .ultoc {
	list-style-type: disc;
	font-size: 85%; }
 
div.tutorials .screenshot { margin: 5px; }
 
div.tutorials img.imgnum {
	margin-right: 10px;
	float: left; }
 
div.tutorials  p.parawithlist { margin-bottom: 0em; }
 
div.tutorials pre, div.tutorials code {
	margin: 1.5em 0;
	white-space: pre; }
 
div.tutorials pre, 
div.tutorials code,
div.tutorials tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5; 
	background-color: #EBEBEB;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	padding: 10px;
}
 
	.tutorials .content ul, 
	.tutorials .content ol { 
		margin: 1em 0em 0.5em 0em; 
	}
	.tutorials .content ul { 
		list-style-type: disc; 
	}
		.tutorials .content ul a{
			color: #FC7E03;
		}
	.tutorials .content>ul { 
		margin-left: 1.5em;
	}
	.tutorials .childTutorialList ul{
		margin-left: 1.5em;
	}
 
.tutorials ol {
	list-style-type: decimal; 
}
 
.tutorials ul li, div.tutorials ol li { 
	margin: 0.3em 1.5em 0.3em; 
}
 
div.tutorials ul.substeps {
	margin-left: 1.5em;
	margin-bottom: 10px 
}
 
div.tutorials .note ul { margin-left: 0.5em; }
 
	div.tutorials .note ul li {
		margin-top: 0em;
		margin-bottom: 0em; }
 
div.tutorials p.parawithsubsteps { margin-bottom: 5px }
 
div.tutorials div.assignmentoptions { margin-top: 5px }
 
div.tutorials br { line-height: 0.7em; }
 
div.tutorials hr { 
	margin: 1em; 
}
 
div.tutorials div.childTutorialList p { margin-bottom: 0.5em; }
 
div.tutorials div.childTutorialList li { margin-bottom: 0.4em; }
 
div.tutorialMenu div.group h1 { 
	margin-bottom: 0.2em; 
	letter-spacing: 0px;	
	font-size: 1.7em;
}
	div.tutorialMenu div.group h1 a {
		color: #80b3dd;
		text-decoration: none;
	}
 
		div.tutorialMenu div.group h1 a.selected { color: #FC7E03; }
 
div.tutorialMenu div.group div.items {
	position: relative;
	background-image: url(/img/tutorials/vertical-line.png);
	background-repeat: repeat-y;
	background-position: 3px 0px;
	padding-top: 1em;
	margin-bottom: 10px;
}
 
	div.tutorialMenu div.group div.items div.item {
		background-image: url(/img/tutorials/horizontal-line.png);
		background-repeat: no-repeat;
		background-position: 4px 0px;
		padding-left: 15px;
		margin-top: 0.7em; }
 
	div.tutorialMenu div.group div.items div.last { background-color: #FFF; }
 
	div.tutorialMenu div.group div.items div.item a {
		position: relative;
		top: -7px;
		line-height: 1.2;
		color: #535353;
		text-decoration: none; 
		font-size: 1.1em;
	}
		div.tutorialMenu div.group div.items div.item a.selected {
			font-weight: bold;
			color: #FC7E03; 
		}	
.tutorials .sidebar .group{
	margin-right: 0px;
	display: block;
	width: 100%;
}

.tutorials img.screenshot{
	width: auto;
	padding: 0px;
	background-color: transparent;
	border-radius: 0px;
	-moz-border-radius: 0px;	
	cursor: default;
}

/* Demo Video Page 
-------------------------------------------------- */

.demos.page .content,
.demos_left_menu.page .content{
	width: 100%;
}
.demos.page .content,
.demos_left_menu.page .content{
	overflow: visible;
	margin-left: -100%;
}
.demos_left_menu.page,
.demos.page{
	width: 1084px;
	overflow: visible;
	position: relative;
	left: -57px;
	margin-top: -40px;
}

.demos.page.narrow{
	width: auto;
	overflow: hidden;
	position: relative;
	left: 20px;
}



/* New Video Demo Pages */

/* Purchase Page
-------------------------------------------------- */

.price {
	background: #f9f9f9 url("../img/icon-money.png") no-repeat scroll center left;
	border: 1px solid #dddddd;
	padding: 15px 20px 10px 100px;
	margin: 20px 0px 0px 0px;
	display: none;
}
.pricetitle {
	font-size: 1.1em;
	color: #454545;
	font-weight: bold;
	padding: 5px 10px;
	margin: -30px 0px 0px 0px;
	background-color: #ffffff;
	float: right;
	border: 1px solid #d4d4d4;
}
.price dl {   
	line-height: 1.4em 
}
.price dt {   
	float: left 
}
.price dd {   
	text-align: right 
}
.purchase div.line {
	border-bottom: 1px dotted #828282;
	clear: both;
	margin-top: -27px;
	float: none;
	margin-bottom: 20px;
}
.purchase h4:first-child {   
	margin-top: 0 
}

.purchase a.moredetails {
	background-image: url("/img/moredetails.png");
	background-repeat: no-repeat;
	height: 20px;
	padding: 0px 0 2px 22px;
}


table.pur_data_center td, table.pur_data_center th {
    text-align: center;
}

table.pur_data_center tr td:first-child{
    text-align: left;
}

/* Live Demo Page
-------------------------------------------------- */

div.ajax_wait {
	margin-top: 20px;
	vertical-align: middle;
}

div.ajax_wait div {
	display: inline-block;
	vertical-align: middle;
}

div.ajax_wait div:first-child {
	padding-right: 30px;
}

#livedemo_box {
	width: 600px;
}

/* Documentation page
-------------------------------------------------- */

.docs-articles .files,
.docs-articles .list{
	font-size: 1.166em;
	line-height: 1.9em;
}
	.docs_articles .files a,
	.docs_articles .list a{
		text-decoration: none;
	}
		.docs_articles .files a:hover,
		.docs_articles .list a:hover{
			text-decoration: underline;
		}

.docs-articles .files{
	margin-left: 15px;
}
	.docs_articles .files li + li,
	.docs_articles .list li + li{
		border-top: 1px dotted #D8D8D8;
	}
	.docs_articles .files li,
	.docs_articles .list li{
		padding-bottom: 5px;
		padding-top: 3px;
	}

.docs-articles .section{
	background-color: #F6F6F6;
	padding: 10px 15px 5px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 4px #BEBEBE;
	-moz-box-shadow: 1px 1px 4px #BEBEBE;
	box-shadow: 1px 1px 4px #BEBEBE;
}
	.docs-articles .grid.inline .section{
		width: 85%;
	}

/* Licensing & Purchasing FAQ 
-------------------------------------------------- */

.licensing_purchasing_faq h2{
	margin-top: 2em;
}

/* Social Likes 
-------------------------------------------------- */

.social-likes{
	margin-bottom: 10px;
	margin-left: 20px;
	position: relative;
	float: right;
}
	.social-likes span[class*=sl]{
		display: inline-block;
		vertical-align: middle;
		margin-right: 3px;
		cursor: pointer;
	}
	.sl-plusone{
		width: 32px;
		height: 20px;
		background-image: url("../img/social/g+.png");
		background-repeat: no-repeat;
	}
	.sl-facebook{
		width: 20px;
		height: 20px;
		background-image: url("../img/social/facebook.png");
		background-repeat: no-repeat;
	}
	.sl-twitter{
		width: 20px;
		height: 20px;
		background-image: url("../img/social/twitter.png");
		background-repeat: no-repeat;
	}
	.sl-linkedin{
		width: 20px;
		height: 20px;
		background-image: url("../img/social/linkedin.png");
		background-repeat: no-repeat;
	}