/*@font-face{
	font-family: 'HelveticaNeueRegular';
	src: url(../fonts/HelveticaNeue-Regular.ttf) format('truetype');
}

@font-face{
	font-family: 'HelveticaNeueBold';
	src: url(../fonts/HelveticaNeue-Bold.ttf) format('truetype');
}

@font-face{
	font-family: 'HelveticaNeueMedium';
	src: url(../fonts/HelveticaNeue-Medium.ttf) format('truetype');
}

@font-face{
	font-family: 'HelveticaNeueLight';
	src: url(../fonts/HelveticaNeue-Light.ttf) format('truetype');
}

@font-face{
	font-family: '"'Open Sans', sans-serif"';
	src: url(../fonts/pfdintextcondpro-regular.eot);
	src: url(../fonts/pfdintextcondpro-regular.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/pfdintextcondpro-regular.otf) format('opentype');
}

@font-face{
	font-family: ''Open Sans', sans-serif';
	src: url(../fonts/pfdintextcondpro-bold.eot);
	src: url(../fonts/pfdintextcondpro-bold.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/pfdintextcondpro-bold.otf) format('opentype');
}

@font-face{
	font-family: 'PfDinMedium';
	src: url(../fonts/pfdintextcondpro-medium.eot);
	src: url(../fonts/pfdintextcondpro-medium.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/pfdintextcondpro-medium.otf) format('opentype');
}

@font-face{
	font-family: ''Open Sans', sans-serif';
	src: url(../fonts/pfdintextcondpro-light.eot);
	src: url(../fonts/pfdintextcondpro-light.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/pfdintextcondpro-light.otf) format('opentype');
}*/

@font-face {
    font-family: KGOneMoreNight;
    src: url(../fonts/KGOneMoreNight.ttf)
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(../fonts/pfdintextcondpro-bold-webfont.eot);
    src: url(../fonts/pfdintextcondpro-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdintextcondpro-bold-webfont.woff) format('woff'),url(../fonts/pfdintextcondpro-bold-webfont.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans', sans-serifItal;
    src: url(../fonts/pfdintextcondpro-boldital.otf);
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: PfDinItal;
    src: url(../fonts/pfdintextcondpro-italic.otf);
    font-style: italic
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(../fonts/pfdintextcondpro-light.otf);
    src: url(../fonts/pfdintextcondpro-light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdintextcondpro-light-webfont.woff) format('woff'),url(../fonts/pfdintextcondpro-light-webfont.ttf) format('truetype');
    font-weight: lighter
}

@font-face {
    font-family: 'Open Sans', sans-serifItal;
    src: url(../fonts/pfdintextcondpro-lightital.otf);
    font-weight: lighter;
    font-style: italic
}

@font-face {
    font-family: PfDinMedItal;
    src: url(../fonts/pfdintextcondpro-medital.otf);
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: PfDinMedium;
    src: url(../fonts/pfdintextcondpro-medium-webfont.eot);
    src: url(../fonts/pfdintextcondpro-medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdintextcondpro-medium-webfont.woff) format('woff'),url(../fonts/pfdintextcondpro-medium-webfont.ttf) format('truetype');
    font-weight: 500
}

@font-face {
    font-family: "'Open Sans', sans-serif";
    src: url(../fonts/pfdintextcondpro-regular-webfont.eot);
    src: url(../fonts/pfdintextcondpro-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdintextcondpro-regular-webfont.woff) format('woff'),url(../fonts/pfdintextcondpro-regular-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PfDinThin;
    src: url(../fonts/pfdintextcondpro-thin-webfont.eot);
    src: url(../fonts/pfdintextcondpro-thin-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/pfdintextcondpro-thin-webfont.woff) format('woff'),url(../fonts/pfdintextcondpro-thin-webfont.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: PfDinThinItal;
    src: url(../fonts/pfdintextcondpro-thinital.otf);
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: PfDinXblack;
    src: url(../fonts/pfdintextcondpro-xblack.otf);
    font-weight: 900
}

@font-face {
    font-family: PfDinXblackItal;
    src: url(../fonts/pfdintextcondpro-xblackital.otf);
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: PfDinXthin;
    src: url(../fonts/pfdintextcondpro-xthin.otf);
    font-weight: 100
}

@font-face {
    font-family: PfDinXthinItal;
    src: url(../fonts/pfdintextcondpro-xthinital.otf);
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(../fonts/AvenirNext-Regular.eot);
    src: url(../fonts/AvenirNext-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/AvenirNext-Regular.woff) format('woff'),url(../fonts/AvenirNext-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(../fonts/AvenirNext-Bold.eot);
    src: url(../fonts/AvenirNext-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/AvenirNext-Bold.woff) format('woff'),url(../fonts/AvenirNext-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans', sans-serifCn;
    src: url(../fonts/avenirnextltpro-boldcn.otf);
    font-weight: 700;
    font-stretch: condensed
}

@font-face {
    font-family: AvenirNextCn;
    src: url(../fonts/avenirnextltpro-cn.otf);
    font-stretch: condensed
}

@font-face {
    font-family: AvenirNextDemiBold;
    src: url(../fonts/AvenirNext-DemiBold.eot);
    src: url(../fonts/AvenirNext-DemiBold.eot?#iefix) format('embedded-opentype'),url(../fonts/AvenirNext-DemiBold.woff) format('woff'),url(../fonts/AvenirNext-DemiBold.ttf) format('truetype');
    font-weight: 500
}

@font-face {
    font-family: AvenirNextDemiCn;
    src: url(../fonts/avenirnextltpro-demicn.otf);
    font-weight: 500;
    font-stretch: condensed
}

@font-face {
    font-family: AvenirNextHeavy;
    src: url(../fonts/avenirnextltpro-heavy.otf);
    font-weight: 800
}

@font-face {
    font-family: AvenirNextHeavyCn;
    src: url(../fonts/avenirnextltpro-heavycn.otf);
    font-weight: 800;
    font-stretch: condensed
}

@font-face {
    font-family: AvenirNextItalic;
    src: url(../fonts/AvenirNext-Italic.eot);
    src: url(../fonts/AvenirNext-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/AvenirNext-Italic.woff) format('woff'),url(../fonts/AvenirNext-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: AvenirNextMedium;
    src: url(../fonts/AvenirNext-Medium.eot);
    src: url(../fonts/AvenirNext-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/AvenirNext-Medium.woff) format('woff'),url(../fonts/AvenirNext-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: AvenirNextMediumCn;
    src: url(../fonts/avenirnextltpro-mediumCn.otf);
    font-weight: 300;
    font-stretch: condensed
}

@font-face {
    font-family: AvenirNextMediumItalic;
    src: url(../fonts/AvenirNext-MediumItalic.eot);
    src: url(../fonts/AvenirNext-MediumItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/AvenirNext-MediumItalic.woff) format('woff'),url(../fonts/AvenirNext-MediumItalic.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: AvenirNextUltLt;
    src: url(../fonts/avenirnextltpro-ultlt2.otf);
    font-weight: 100
}

@font-face {
    font-family: AvenirNextUltLtCn;
    src: url(../fonts/avenirnextltpro-ultltcn.otf);
    font-weight: 100;
    font-stretch: condensed
}

.navbar-brand {
    padding: 14px 7px;
    font-size: 1.25em;
    line-height: 22px;
    height: 22px;
    background: center center no-repeat;
    background-image: url(../images/ixonos_logo.svg);
    background-size: contain;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 12px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    text-indent: -99999px;
    width: 100px
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #3e3c3a
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

h1,.h1 {
    font-size: 3.5em;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

h2,.h2 {
    font-size: 1.2em
}

h3,.h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    line-height: 1.4em;
    letter-spacing: 1px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: .5em;
    text-align: center
}

h4,.h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    color: #999;
    line-height: 1.1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center
}

h5,.h5 {
    font-size: 1em
}

h6,.h6 {
    font-size: .85em
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.evaluationColor {
	color: blue;
}

.executionColor {
	color: limegreen;
}

.developmentColor {
	color: violet;
}

.adminTableStyle tr:nth-child(even) {
	background-color: white;
}

.adminTableStyle tr:nth-child(odd) {
	background-color: #EEEEEE;
}

.adminTableStyle td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.adminTableStyle th {
	padding-left: 10px;
	padding-right: 10px;
	background-color: lightgray;
	text-align: center;
}

.adminEditFld {
	height: 18px;
	width: 330px;
}

#dialogModal, #dialogModalThanks {
	display: none;
	height: 1042px;
	z-index: 100;
	/*padding-top: 210px;*/
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(255, 255, 255, 0.7);
}

#checkoutDialogModal {
	display: none;
	height: 1242px;
	z-index: 100;
	/*padding-top: 210px;*/
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(255, 255, 255, 0.7);
}

#dialogForm, #dialogFormThanks {
	width: 690px;
	height: 1000px;
	border: 1px solid black;
	background-color: white;

	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

	margin: auto;
}

#checkoutDialogForm{
	width: 690px;
	height: 300px;
	border: 1px solid black;
	background-color: white;

	position: absolute;
    top:200px;
    bottom: 0;
    left: 0;
    right: 0;

	margin-left: auto;
	margin-right: auto;
}

.closeDialogButton:link, .closeDialogButton:visited {
	float: right;
	padding-right: 10px;
	padding-top: 0px;
	text-decoration: none;
	color: black;
	font-family: "'Open Sans', sans-serif";
	font-size: 1.6em;
}

.closeDialogButton:hover, .closeDialogButton:active {
	float: right;
	padding-right: 10px;
	padding-top: 0px;
	text-decoration: none;
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
}

.noDecoration a:link, a:visited {
	text-decoration: none;
	color: #999999;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
}

.noDecoration a:hover {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: gray;
}

.site {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: black;
}

.site:hover {
	font-family: 'Open Sans', sans-serif;
	color: black;
	font-weight: bold;
}

.site:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: black;
}

.site:active {
	font-family: 'Open Sans', sans-serif;
	color: black;
	padding: 0px;
	font-weight: bold;
}

.terms {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: black;
}

.terms:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: black;
}

.terms:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: black;
}

.terms:active {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: black;
	padding: 0px;
}

.buttonStyle {
	width: 95%;
	height: 27px;
	vertical-align: middle;
	/*vertical-align: -webkit-baseline-middle;*/
	background-color: #3e3c3a;
	text-align: center;
	border: 1px solid grey;
	font-family: 'Open Sans', sans-serif, Verdana,'Open Sans', sans-serif,Helvetica,sans-serif !important;
	font-size: 0.8em !important;
	letter-spacing: 1px;
	color: #FFFFFF;
	cursor: pointer;
	border-color: #312f2e;
}

.singleButtonStyle {
	height: auto;
	width:	140px;
	vertical-align: middle;
	/*vertical-align: -webkit-baseline-middle;*/
	background-color: #3e3c3a;
	text-align: center;
	border: 1px solid grey;
	font-family: 'Open Sans', sans-serif, Verdana,'Open Sans', sans-serif,Helvetica,sans-serif !important;
	font-size: 0.8em !important;
	letter-spacing: 1px;
	color: #FFFFFF;
	cursor: pointer;
	border-color: #312f2e;
}

.singleButtonDownloadStyle{
	width: 650px;
	vertical-align: middle;
	/*vertical-align: -webkit-baseline-middle;*/
	background-color: #3e3c3a;
	text-align: center;
	border: 1px solid grey;
	font-family: 'Open Sans', sans-serif, Verdana,'Open Sans', sans-serif,Helvetica,sans-serif !important;
	font-size: 1.05em !important;
	letter-spacing: 1px;
	padding: 5px;
	color: #FFFFFF;
	cursor: pointer;
	border-color: #312f2e;
	margin-bottom: 20px;
}

.buttonStyle:hover, .singleButtonStyle:hover, .singleButtonDemoStyle:hover,
.singleButtonDownloadStyle:hover {
	background-color: #292826;
}

.singleButtonDemoStyle {
	height: 60px;
	width:	200px;
	vertical-align: middle;
	background-color: #3e3c3a;
	text-align: center;
	border: 1px solid grey;;
	font-family: 'Open Sans', sans-serif, Verdana,'Open Sans', sans-serif,Helvetica,sans-serif;
	font-size: 1.7em;
	color: #c8bf40;
	cursor: pointer;
	border-color: #312f2e;
}

.editFld {
	width: 99%;
	height: 20px;
	background-color: rgb(243,243,243);
	border: none;
}

#mainlogo {
	width: 100%;
	height: 475px;
	overflow: auto;
	background: black;
	background: url(../images/img_home.jpg);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

.tableFormStyle {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #999999;
}

.headerLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #999999;
	padding-top: 2px;
}

.headerDemoLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #999999;
	padding-top: 1px;
}

.downloadPageLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #999999;
}

.downloadPageTermsConditions {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	color: #999999;
}

.downloadPageNoticeLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	line-height: 1.7em;
	color: #333333;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.noPadding {
	padding: 0px !important;
}

.noMargin {
	margin: 0px !important;
}

#welcometext {
	width: 100%;
	text-align: center;
}

#tablemenu a:link, a:visited {
	left:0px;
	/*font-weight: bold;
	color: black;*/
	background-color: white;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #999999;
}

#tablemenu a:hover, #tablemenu a:active {
	/*color: white;
	background-color: #ADABAD;
	border:1px solid black;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #333333;
}

#tablemenuDark a:link, #tablemenuDark a:visited {
	left:0px;
	/*font-weight: bold;
	color: black;*/
	background-color: white;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #999999;
}

#tablemenuDark a:hover, #tablemenuDark a:active {
	/*color: white;
	background-color: #ADABAD;
	border:1px solid black;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: white;
}

.demoProductHref {
	float: left;
	left:0px;
	background-color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	color: black;
}

.demoProductHref:link, .demoProductHref:visited {
	float: left;
	left:0px;
	background-color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	color: black;
}

.demoProductHref:hover, .demoProductHref:active {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	color: black;
}

#hrefmenuAdmin {
	padding-top: 15px;
	margin-left: 25%;
}

#hrefmenuAdmin a:link, #hrefmenuAdmin a:visited {
	left:0px;
	/*font-weight: bold;
	color: black;*/
	background-color: white;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	/*padding-top: 20px;*/
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #999999;
}

#hrefmenuAdmin a:hover, #hrefmenuAdmin a:active {
	/*color: white;
	background-color: #ADABAD;
	border:1px solid black;*/
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	/*padding-top: 20px;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: gray;
}

#hrefmenu {
	padding-top: 15px;
}

.ixonosHref {
	padding-top: 20px !important;
}

#hrefmenu a:link, #hrefmenu a:visited, .ixonosHref:link, .ixonosHref:visited {
	left:0px;
	/*font-weight: bold;
	color: black;*/
	background-color: white;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	/*padding-top: 20px;*/
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #005CB8;
}

#hrefmenu a:hover, #hrefmenu a:active, .ixonosHref:hover, .ixonosHref:active {
	/*color: white;
	background-color: #ADABAD;
	border:1px solid black;*/
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	/*padding-top: 20px;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #94D500;
}

#demolinks {
	/*text-align: center;*/
	height: 310px;
	padding-top: 10px;
}

#demolinks a, img {
	border: none;
}

.demolink {
	width: 25%;
	float: left;
	border: none;
	padding: 10px;
}

/*.demoHref:hover div {
	border: 1px solid;
	width: 193px;
	padding-top: 9px;
}*/

#featurelist {
	text-align: center;
	height: 130px;
}

.featureImg {
	padding-right: 10px;
	width: 24px;
	height: 24px;
}

.feature {
	width: 280px;
	float: left;
	margin-left: 30px;
}

.featureHref:hover div {
	border: 1px solid;
	width: 278px;
	padding-top: 1px;
}

.featureHref:hover p.featureLabel {
	margin-top: 8px;
}

.featureDetail {
	width: 25%;
	height: 240px;
	float: left;
	margin-left: 20px;
	border: none;
	background-color: #f5f5f5
}

.featureDetailh {
	width: 25%;
	height: 170px;
	float: left;
	border: none;
	margin-bottom: 2%;
	margin-left: 2%;
	padding: 1% 3%;
	background-color: #f5f5f5
}

.featureDetails {
	width: 25%;
	height: 170px;
	float: left;
	border: none;
	margin-bottom: 2%;
	margin-left: 2%;
	padding: 1% 3%;
	background-color: white
}

.featureDetailfront {
	width: 42%;
	height: 280px;
	float: left;
	border: none;
	margin-bottom: 2%;
	margin-left: 2%;
	padding: 1% 3%;
	background-color: #f5f5f5
}

.featureLeft {
	text-align: left;
	width: 280px;
	float: left;
	margin-left: 30px;
	border: none;
	background: url(../images/bg_buy.jpg);
}

.featureRight {
	text-align: right;
	width: 280px;
	float: left;
	margin-left: 30px;
	border: none;
	background: url(../images/bg_buy.jpg);
}

.buyDesc {
	width: 480px;
	float: left;
	/*margin-left: 30px;*/
}

#logos {
	text-align: center;
	height: 130px;
}

#subscriptions {
	text-align: center;
	height: 230px;
	padding-top: 10px;
}

.subscription {
	width: 230px;
	height: 230px;
	float: left;
	/*margin-left: 67.5px;*/
	border: none;
	background: url(../images/bg_buy.jpg);
}

.pageLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 54px;
	color: #333333;
	margin-bottom: 15px;
	margin-top: 21px;
}

.pageSubLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.6;
	color: #333333;
	margin-top: 0px;
}

.basicTextStyle {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	line-height: 1.7em;
}

.welcomeDescription {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	line-height: 1.7em;
	color: #333333;
}

.demoWebpagesLabel {
	font-family: "'Open Sans', sans-serif";
	font-size: 19px;
	color: #005CB8;
	/*margin-bottom: 15px;
	margin-top: 21px;*/
}

.demoLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #333333;
}

.demoDescription {
	font-family: "'Open Sans', sans-serif";
	font-size: 1.1em;
	line-height: 1.2em;
	color: #333333;
}

.demoDescriptionPadding {
	padding-top: 23px;
}

.demo2HeaderItem1 {
	width: 33%;
	height: 85px;
	float: left;
}

.demo2HeaderItem {
	width: 32%;
	height: 85px;
	float: left;
	background-color: #dfe0e2;
	margin-left: 7px;
	/*padding-left: 10px;*/
}

.featureLabel {
	font-family: PfD;
	font-size: 28px;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 10px;
}

.featureLabelSmall {
	font-family: "'Open Sans', sans-serif";
	font-size: 22px;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 10px;
}

.featureDescription {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.938em;
	color: #333333;
	margin-top: 0px;
}

.subscriptionLabelStyle {
	margin-top: 16px;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #333333;
}

.subscriptionDescriptionStyle {
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #333333;
}

.subscriptionPriceStyle {
	font-family: 'Open Sans', sans-serif;
	font-size: 3.1em;
	/*color: #A64DA1;*/
	color: black;
	margin-top: 40px;
	margin-bottom: 15px;
}

.votingDemoLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.9em;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 10px;
}

.questionLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	color: #333333;
	text-align: left;
	font-weight: bold;
}

.questionContentLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.000em;
	color: #333333;
	text-align: left;
}

.question2Select {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.000em;
	color: #333333;
}

.question2SelectPadding {
	padding-right: 30px;
}

.demoSelect {
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: url(../images/arrow_down.png) no-repeat;  /*Adds background-image*/
    background-position: 145px;  /*Position of the background-image*/
    width: 158px; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
	font-family: "'Open Sans', sans-serif";
	font-size: 18px;
	color: #999999;
	cursor: pointer;
}

.servicesSubLabel {
	font-family: "'Open Sans', sans-serif";
	font-size: 1.2em;
	color: #005CB8;
	/*margin-bottom: 15px;
	margin-top: 21px;*/
}

.servicesDescriptionStyle{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #333333;
}

.servicesDescriptionStyle2{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #333333;
}

.servicesLabelStyle{
	margin-top: 16px;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #333333;
}

.servicesPriceStyle {
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	color: #94D500;
	margin-top: 5px;
	margin-bottom: 0px;
}

.servicesShape {
	width: 340px;
	height: 230px;
	border: none;
	background: url(../images/bg_buy.jpg);
}

.servicesShapeBig {
	width: 390px;
	height: 300px;
	border: none;
	background: url(../images/bg_buy.jpg);
}

/*
.dropdown	 {
overflow: hidden;
float: left;
width: 185px;
height: 34px;
line-height: 34px;
border: #E6E6E6 1px solid;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-o-border-radius: 3px;
background: #FFFFFF url(../images/arrow_down.png) no-repeat 99% 50%;
}

.dropdown select	 {
width: 210px;
padding: 0 4px;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ��;
font-size: 15px;
color: #777777;
border: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
}

.dropdown select::-ms-expand	 {
display: none;
}*/

body_old {
	margin: 0 auto;
	padding: 0;
	border: 0;
	overflow: scroll;
	height: 100%;
	max-height: 100%;
	width: 960px;
	padding-bottom: 20px;
	/*border:1px solid black;*/
	border: none;
	background-color: white;
	font-family: 'Open Sans', sans-serif,Verdana,'Open Sans', sans-serif,Helvetica,sans-serif;
}

.adminBody {
	margin: 0 auto;
	padding: 0;
	border: 0;
	overflow: scroll;
	height: 100%;
	max-height: 100%;
	width: 95%;
	padding-bottom: 20px;
	border:1px solid black;
	background-color: white;
	font-family: 'Open Sans', sans-serif,Verdana,'Open Sans', sans-serif,Helvetica,sans-serif;
}

.frameBody {
	border: none;
	width: 100%;
	font-family: 'Open Sans', sans-serif,Verdana,'Open Sans', sans-serif,Helvetica,sans-serif;
}

#framecontentTopAdmin {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 65px; /*Height of top frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	/*background-color: #ACACB9; PP*/
	color: black;
	border-bottom: 1px solid #666666;
}

#framecontentTop {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 71px; /*Height of top frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	/*background-color: #ACACB9; PP*/
	color: black;
	/*border-bottom: 1px solid #666666*/;
}

.logoAdmin {
	float: left;
	width: 100%;
}

.logo {
	/*position: fixed;*/
	/*margin: 0px;
	top: 9px;
	left: 80px;*/
	float: left;
	width: 960px;
	/*Margins for inner DIV inside each DIV (to provide padding)*/
}

.logoDemo {
	float: left;
	width: 410px;
}

.loginPart {
	/*position: fixed;*/
	/*margin-top: 15px;*/
	text-align: justify;
	/*right: 180px;*/
	float: right;
	/*Margins for inner DIV inside each DIV (to provide padding)*/
}

#shopHeader {
	height: 85px;
}

#shopCartTable {
	height: 100%;
	width: 100%;
	background-color: #333740;
}

#shopCartSize {
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	color: #4d5258;
	float: right;
}

.shopLogo {
	padding-top: 18px;
	padding-left: 40px;
}

.shopItem {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid black;
}

.shopItemName {
	padding-left: 10px;
	line-height: 100px;
	height: 100px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #999999;
}

.shopItemPrice {
	line-height: 100px;
	height: 100px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
}

.shopItemDelete {
	float: right;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 10px;
}

.shopFooterLabel {
	font-family: PfDinMedium;
	font-size: 20px;
	color: #999999;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
}

.shopFooterContent {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #999999;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
}

.shopTotalPrice {
	padding-top: 20px;
	padding-right: 68px;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #fd33fd;
}

.shopTotalAmount {
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	color: #fd33fd;
	padding-top: 10px;
}

.topSalesLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	color: #999999;
	margin-top: 20px;
	margin-bottom: 20px;
}

.shopProductPadding {
	padding-left: 1.5px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.shopCart {
	float: right;
	height: 85px;
	width: 330px;
	background-color: #333740;
	text-decoration: none;
	padding: 0px !important;
}

.shopCartImg {
	padding-top: 8px;
	padding-left: 5px;
	float: right;
}

.shoppingCartLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #d5c735;
	padding-left: 10px;
}

.shopHeaderLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #999999;
	margin-top: 23px;
}

.shopHeaderLabelHref {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #999999;
	margin: 0px;
	padding-top: 23px;
	height: 63px;
	padding-left: 10px;
}

.shopHeaderHref:link, .shopHeaderHref:visited {
	text-decoration: none;
}

.shopHeaderHref:hover div#shopHeaderItem2, .shopHeaderHref:active div#shopHeaderItem2 {
	text-decoration: none;
	border-bottom: 2px solid #fd33fd;
	border-top: 2px solid #fd33fd;
	height: 60px;
	padding-top: 21px;
}

.shopHeaderHref:hover div#shopHeader, .shopHeaderHref:active div#shopHeader {
	text-decoration: none;
	border-bottom: 2px solid #fd33fd;
	border-top: 2px solid #fd33fd;
	height: 81px;
}

.shopCart:hover table#shopCartTable, .shopHeaderHref:active table#shopCartTable {
	text-decoration: none;
	border-bottom: 2px solid #fd33fd;
	border-top: 2px solid #fd33fd;
}

.shopFormLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	padding-top: 20px;
	padding-left: 20px;
}

.shopFormSubLabel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	color: #999999;
	margin-bottom: 5px;
}

.shopOrderSummaryLabel{
	font-family: 'Open Sans', sans-serif;
	padding-left: 20px;
}

.shopFormFields {
	float: left;
}

.shopFormFields input {
	width: 120%;
	height: 25px;
	padding-left: 5px;
	/*margin-top: 7px;
	margin-bottom: 7px;*/
	border: 1px solid black;
}

.shopFormSelect {
	height: 29px;
	width: 70px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid black;
}

.shopFormInputTextWatermark {
	font-family: 'Open Sans', sans-serif;
	color: #999999;
}

.shopFormInputText {
	font-family: 'Open Sans', sans-serif;
	color: black;
}

.shopFormOrderSummary {
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	color: #999999;
}

.shopFormOrderSummaryPrice {
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	color: black;
}

.horizontalSeparator {
	border-bottom: 1px solid;
}

#maincontentReq {
	/*position: fixed;*/
	top: 70px; /*Set top value to HeightOfTopFrameDiv*/
	/*NOTE daj na 100*/
	left: 0;
	right: 0;
	/*bottom: 430px;*/ /*Set bottom value to HeightOfBottomFrameDiv*/
	overflow: auto;
	background: white;
	overflow: hidden;

}

/*
ul#menu ul {
 	position: absolute;
    list-style-type: none;
}

ul#menu li {
    position:relative;
    list-style-type:none;
    float: left;
}

ul#menu li > ul {
    display: none;
}

ul#menu li:hover > ul {
    display:block;
}

ul#menu  a:link,a:visited {
	left:0px;

	display: block;
	font-weight: bold;
	color: black;
	background-color: white;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	height:20px;
}

ul#menu a:hover,a:active {
	height:20px;
	background-color: #ADABAD;
	border:1px solid black;
}*/

#maincontent {
	position: fixed;
	top: 113px; /*Set top value to HeightOfTopFrameDiv*/
	/*NOTE daj na 100*/
	left: 0;
	right: 0;
	bottom: 430px; /*Set bottom value to HeightOfBottomFrameDiv*/
	overflow: auto;
	background: black;
	background: url(../images/ixonos_visual_test.png);
	background-size: 830px 553px;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

#demo1content {
	/*position: absolute;*/
	top: 10px;
	text-align:left;
    display: block;
	left: 10px;
	right: 10px;
	bottom: 10px;
	overflow: auto;
	background: white;
	overflow: hidden;
}

#demo1inherid {
	/*position: absolute;*/
	text-align:left;
    display: block;
	left: 30px;
	overflow: auto;
	background: white;
	overflow: hidden;
}

#admincontent {
	left: 0;
	right: 0;
}

.error {
  	color: #a94442;
}

#sddm
{	margin: auto;
	padding-left: 15%;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 16px 'Open Sans', sans-serif}

#sddm li a
{	display: block;
	margin: auto;
	padding: 20px 20px;
	width: auto;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{
	visibility: hidden;
	margin:  auto;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{
		display: block;
		margin: auto;
		padding: 5px 10px;
		width: 296px;
		white-space: nowrap;
		text-align: auto;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 13px 'Open Sans', sans-serif}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

* html body { /*IE6 hack*/
	padding: 180px 0 110px 0;

	/*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent { /*IE6 hack*/
	height: 100%;
	width: 100%;
}

/* Default button styling - this applies to all anchors with the .button class */
.button {
	/*	display: block;
	/*font-size: 12px; */
	text-align: center;
	text-decoration: none !important;
	font-family: Helvetica, 'Open Sans', sans-serif;
	/*	padding: 8px 12px; */
	height: 25px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}

.button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

.qa-header {
	color: #59BA59;
}


/* Front page & Banner */

body {
	background-color: #FFFFFF;
	color:#000305;
	font-size: .9vw;
	font-family: Raleway, Ubuntu, 'Open Sans', sans-serif;
	line-height: 1.2;
	margin: 0 auto;
	width: 70%;
	clear: both;

}

a {
	text-decoration: none;
	text-align: center;
}

.banner {
	text-align: center;
	padding-bottom: 1%;
	padding-top: 3%;
	width: 100%;
	font-family:'Open Sans', sans-serif;
}

#logo_pic {
	height: 70px;
	width: 35%;
	padding-top: 10px;
	margin-bottom: 0px
}


.floatLeft {
	float: left;
	margin-left: 1%;
	padding-bottom: 10px;
}

.login {
	float: right;
	margin-top: 2%;
	margin-right: 2%;
	font-size: 0.6vw;
}

.login_header {
	float: right;
	margin-right: 2%;
	font-size: 0.75em;
	font-weight: bold;
	color: #0061AA;
	width: 180px;
	text-align: right;
	
}


.main_header nav {
	background-color: #E6EFF6;
	height: 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.main_header nav ul {
	list-style: none;
	text-align: center;
	font-size: 0.9vw;
}

.main_header nav ul li {
	float: none;
	display: inline-block;
}

.main_header nav a:link, .mainHeader nav a:visited {
	color: #0060AA;
	display: inline-block;
	padding: 10px 25px 10px 25px;
	/*padding: 10px 90%;*/
	height: 20px;
}

.main_header nav a:hover, .mainHeader nav a:active{
	color: #CAD401;
	text-shadow: none;
}

.main_header nav li a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.main_content {
	line-height: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 72%;

}

.lowest-content{
	float: left;
	width: 70%;
	padding-bottom: 7%;
}

.feature-lowest {
	width: 25%;
	height: 25%;
	float: left;

	margin-bottom: 2%;
	margin-left: 2%;
	padding: 1% 3%;
}

.top {
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 4%;
	margin-right: 0%;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66); */
}
.top header, p, div{
	text-align: center;
}

.lower-content{
	float: left;
	width: 80%;
	margin-left: 5%;
}

.middle {
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 5%;
	margin-right: 0%;
	margin-top: 1%;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66);*/
}
.middle header{
	text-align: center;
}

#feature_picture {
	margin-top: 7%;
	margin-bottom: 2%;

}

.featurelistleft {
	margin-right: 14px;
}

.featurelistright{
	margin-left: 14px;
}

.bottom {
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 20px;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66);*/
}
.bottom header{
	text-align: center;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	color: #0061AA;
	text-align: center;
	font-size: 2.5vw;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	color: #0061AA;
	text-align: center;
	font-size: 1.5vw;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 1vw;
	color: #0061AA;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9vw;
}

.new {
	width: 18%;
	float: right;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	margin: 5% 1% 2%;
	padding: .8% 1%;
	-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px #97C11F;
}

.contacts {
	width: 18%;
	float: right;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	margin-bottom: 2%;
	padding: .8% 1%;
	-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px #97C11F;

}

.contacts a {
	margin: 0 10%;
	font-size: 17px;
}

.footer {
	background-color: #FDFAFA;
	height: auto;
	width: 100%;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 1% 0 2% 0;
	-webkit-box-shadow: 6px 6px 18px 0px #97C11F;
	-moz-box-shadow:    6px 6px 18px 0px #97C11F;
	box-shadow:         6px 6px 18px 0px #97C11F;
}

.footer_al {
	height: auto;
	width: 99%;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 1% 0 2% 0;
	-webkit-box-shadow: 6px 6px 18px 0px #97C11F;
	-moz-box-shadow:    6px 6px 18px 0px #97C11F;
	box-shadow:         6px 6px 18px 0px #97C11F;
}

.footer_right {
	color: #0060AA;
	text-align: center;
}



/*Login Page */

#login_table {
	margin: auto;
  width: 35%;
  border:3px solid #8AC007;
  padding: 35px;
}

.login_info {
	margin-left: 15%;
	width: 60%;
	text-align: center;
}

.login_other {
	padding-left: 30%;
}


/*Pricing Page */

.middle_pricing {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66);*/
}
.middle_pricing header{
	text-align: center;
}

.featurelistleft {
	background-color: #f5f5f5;
	margin-right: 14px;
	margin-top: 1%;
	padding-top: 1%;
	width: 100%;
	height: 380px;
	font-family: 'Open Sans', sans-serif;
}

.featurelistmiddle {
	margin-right: 14px;
	margin-top: 1%;
	font-family: 'Open Sans', sans-serif;
	font-size: 4vw;
	line-height: 90%;

}

.featurelistbenefits {
	margin-right: 14px;
	margin-top: 1%;
	font-family: 'Open Sans', sans-serif;
	font-size: 4vw;
	line-height: 90%;

}

.featurelistright{
	background-color: #f5f5f5;
	margin-left: 14px;
	margin-top: 1%;
	padding-top: 5%;
	font-family: 'Open Sans', sans-serif;
}

.bottom_pricing {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 20px;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66);*/
}
.bottom_pricing header{
	text-align: center;
}


/*Trial Page */

.trial_content {
	line-height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 70%;

}

#already_account {

}

#new_account {

}

#new_user {
  margin: auto;
  width: 50%;
  border:3px solid #8AC007;
  padding: 35px;
}

.text_new_user {
	text-align: center;
}

#download_page_terms_conditions {
	margin-left: 10%;
  width: 80%;
  padding: 5px;
}

.new {
	width: 15%;
	float: right;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 5% 0 3% 3%;
	padding: 1% 3%;
	-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px #97C11F;
}

.contacts {
	width: 15%;
	float: right;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 2%;
	margin-left: 2%;
	padding: 1% 3%;
	-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px #97C11F;

}

/*Feature Page */

.featureDetail {

	margin-bottom: 2%;
	margin-left: 2%;
	padding: 1% 3%;
	background-color: #f5f5f5
}


.featureLabelSmall {
	color: #333333;
	font-size: 24px;
}

.feature {
	width: 25%;
	height: 25%;
	float: left;

	margin-bottom: 2%;
	margin-left: 2%;
	padding: 1% 3%;
	background-color: #f5f5f5
}

.pageSubLabel {
	font-family: 'Open Sans', sans-serif;
}

/*Services Page */
.main_content_service {
	line-height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 100%;

}

.top {
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 1%;
	margin-right: 0%;
	margin-top: 0%;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66); */
}

.top_service {
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 5%;
	margin-right: 0%;
	margin-top: 1%;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66); */
}
.top header, p, div{
	text-align: center;
}

.lower-content{
	float: left;
	width: 70%;
}

.middle {
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 1% 1%;
	margin-right: 0%;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66);*/
}
.middle header{
	text-align: center;
}

.featurelistleft {
	margin-right: 14px;
}

.featurelistright{
	margin-left: 14px;
}

.bottom {
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3% 5%;
	margin-right: 0%;
	margin-top: 2%;
	margin-bottom: 20px;
	margin-left: 10px;
	/*-webkit-box-shadow: 6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    6px 6px 18px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         6px 6px 18px 0px rgba(50, 50, 50, 0.66);*/
}
.bottom header{
	text-align: center;
}

/* Login Page */

#login_box {
	padding: 25px 0 0 0px;
	height: 100%;
	width: 350px;
	margin:auto;
	position: relative;
}

#username_input {
	margin-left:25px;
	position:absolute;
	width:300;
	height:50px;
	margin-top:40px;
}

#username_inputleft {
	float:left;
	background:url(.../resources/images/input_left.png) no-repeat;
	width:12px;
	height:50px;
}

#username_inputmiddle {
	float:left;
	background:url(.../resources/images/input_middle.png) repeat-x;
	width:276px;
	height:50px;
}

#username_inputright {
	float:left;
	background:url(.../resources/images/input_right.png) no-repeat;
	width:12px;
	height:50px;
}

.login-input {
	display:block;
	width:276px;
	height:45px;
	background:transparent;
	border:0;
	color:#bdbdbd;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	padding-left:20px;
}

#user_pic {
	position:absolute;
	display:block;
	margin-top:-28px;
	float:left;
	padding-right:10px;
}

#password_input {
	margin-left:25px;
	position:absolute;
	width:300;
	height:50px;
	margin-top:100px;
}

#password_inputleft {
	float:left;
	background:url(.../resources/images/input_left.png) no-repeat; style="max-width:100%;height:auto;";
	width:12px;
	height:50px;
}

#password_inputmiddle {
	float:left;
	background:url(.../resources/images/input_middle.png) repeat-x; style="max-width:100%;height:auto;"
	width:276px;
	height:50px;
}

#password_inputright {
	float:left;
	background:url(.../resources/images/input_right.png) no-repeat; style="max-width:100%;height:auto;"
	width:12px;
	height:50px;
}

#password_pic {
	display:block;
	position:absolute;
	margin-top:-32px;
	float:left;
	margin-left:1%;
}

#sing_in{
	float:left;
	position:relative;
	right:42%;
	padding:0;
	margin-top:160px;
	margin-left:28px;
	width:300px;
	height:40px;
	border:0;
}

#submit {
	position:absolute;
	margin-top:0px;
	border:0;
}

#links_left{
	float:left;
	position:relative;
	padding-top:5px;
	margin-left:35%;
	padding-top:3%;
}

#links_left a{
	color:#bbb;
	font-size:0.9em;
	text-decoration:none;
	transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-webkit-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
}

#links_left a:hover{
	color:#292929;
}

#links_right{
	float:right;
	position:relative;
	padding-top:3%;
	margin-right:47%;
}

#links_right a{
	color:#bbb;
	font-size:0.9em;
	text-decoration:none;
	transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-webkit-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
}

#links_right a:hover{
	color:#292929;
}

#powered{
	float:right;
	position:relative;
	padding-top:3px;
	margin-right:5px;
	font-size:0.688em;
}

#powered a{
	color:#aaa;
	font-size:0.688em;
	text-decoration:none;
	transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-webkit-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
}

#powered a:hover{
	color:#292929;
}

body_al {
	background-color: #FFFFFF;
	color:#000305;
	font-size: .9vw;
	font-family: Raleway, Ubuntu, 'Open Sans', sans-serif;
	line-height: 1.2;
	margin: 0 auto;
	width: 90%;
	clear: both;

}

.main_content_al {
	line-height: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin: auto;
	width: 72%;

}

.main_content_shopping_demo {
	line-height: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin: auto;
	width: 90%;

}

#new_user_al {
  margin: auto;
  width: 50%;
  border:3px solid white;
  padding: 35px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: green;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

#dragDiv1, #dragDiv2 {
	float:left;
	width:76px;
	height:76px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:10px;
	padding:10px;
	border: 1px solid #aaaaaa;
}

.demostuff {
	text-align: left;
}