@font-face {
    font-family: 'work_sans';
    src:   url('/developers/resources/fonts/WorkSans-Regular.otf') format('otf'),
    url('/developers/resources/fonts/WorkSans-Regular.ttf') format('truetype'),
    url('/developers/resources/fonts/WorkSans-Regular.woff') format('woff'),
    url('/developers/resources/fonts/WorkSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal ;
}

@font-face {
    font-family: 'work_sans_light';
    src: url('/developers/resources/fonts/WorkSans-Light.otf') format('otf'),
         url('/developers/resources/fonts/WorkSans-Light.woff2') format('woff2'),
         url('/developers/resources/fonts/WorkSans-Light.woff') format('woff'),
         url('/developers/resources/fonts/WorkSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    /* src: u rl('/developers/resources/imagesfonts/Opensans-Light.eot'); */
    /* src: u rl('/developers/resources/imagesfonts/opensans-light.eot?#iefix') format('embedded-opentype'), */
	  src: url('/developers/resources/fonts/opensans-light.ttf') format('truetype'),
	  	url('/developers/resources/fonts/opensans-light.woff2') format('woff2'),
         url('/developers/resources/fonts/opensans-light.woff') format('woff'),
         url('/developers/resources/fonts/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'work_sans_semibold';
	src: url('/developers/resources/fonts/WorkSans-SemiBold.ttf') format('truetype'),
		url('/developers/resources/fonts/WorkSans-SemiBold.woff2') format('woff2'),
         url('/developers/resources/fonts/WorkSans-SemiBold.woff') format('woff'),
		 url('/developers/resources/fonts/WorkSans-SemiBold.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'montserrat';
	src: url('/developers/resources/fonts/montserrat.eot') format ('embedded-opentype'),
	/* src: u rl('/developers/resources/imagesfonts/montserrat.otf') format('otf'), */
		 url('/developers/resources/fonts/montserrat.woff') format('woff'),
		 url('/developers/resources/fonts/montserrat.woff2') format('woff2'),
		 url('/developers/resources/fonts/montserrat.ttf') format('truetype'),
		 url('/developers/resources/fonts/montserrat.svg#montserrat') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat_light';
	src: url('/developers/resources/fonts/montserrat-light.eot') format ('embedded-opentype'),
		 url('/developers/resources/fonts/montserrat-light.otf') format('otf'),
		 url('/developers/resources/fonts/montserrat-light.woff') format('woff'),
		 url('/developers/resources/fonts/montserrat-light.woff2') format('woff2'),
		 url('/developers/resources/fonts/montserrat-light.ttf') format('truetype'),
		 url('/developers/resources/fonts/montserrat-extralight.svg#montserrat_extralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat_extralight';
	src: url('/developers/resources/imagesfonts/montserrat-extralight.eot') format ('embedded-opentype'),
		 url('/developers/resources/imagesfonts/montserrat-extralight.otf') format('otf'),
		 url('/developers/resources/imagesfonts/montserrat-extralight.woff') format('woff'),
		 url('/developers/resources/imagesfonts/montserrat-extralight.woff2') format('woff2'),
		 url('/developers/resources/imagesfonts/montserrat-extralight.ttf') format('truetype'),
		 url('/developers/resources/imagesfonts/montserrat-extralight.svg#montserrat_light') format('svg');
    font-weight: normal;
    font-style: normal;
}


.omblue1 { color: #008ed6; }
.omblue2 { color: #0f6cb1; }
.omorange { color: #ff9901; }
.omgray { color: #575757; }
.ompurple { color: #681cff; }
.omgreen { color: #00de98; }
.omwhite { color: white; }


/* .h1Blue {

	font-size:42px!important;    
     font-family: 'work_sans'; font-weight:normal;
	color:#008ed6;
	margin: 0!important;
}

.h1Black {

	font-family: 'work_sans'; font-size:46px!important; 
	margin: 0!important;
} */

/* h3 {
	font-size:20px!important;
	font-family: 'work_sans';
} */

.h1White {
	color:#eee; text-align:center; padding:30px 30px 10px 30px; font-size:40px!important; font-weight:normal; font-family: 'work_sans';
	margin: 0!important;
}

.boxShadow {
    box-shadow: 1px 5px 10px 2px #ddd;
}
hr.boxShadow { background-color:#ddd;
    box-shadow: 0px 1px 4px 1px #ddd;
	width:100%; margin:0;
	position:absolute; top: 80px;
}

hr {
	width:100%!important;
}

.prodInfoPrice {
    color:#333; padding: 28px 0 28px 0; margin:0;  text-align:center; font-family: 'work_sans'; font-weight:bold; 
    font-size:56px!important;
}


.prodInfoDesc {
    text-align:center; font-weight:normal; font-size:16px; font-family:work_sans; line-height:30px; padding:16px;
}

.prodInfoName {
    text-align:center; font-family: 'work_sans'; 
    font-weight:bold!important; font-size:22px!important; 
    padding:20px;
}

.prodInfoPeriod {
	text-align:center; font-weight:normal; font-size:16px; font-family:'open_sanslight';
}

.prodInfoBuy {
    padding:20px; width:100px; background-color: #008ED6;  text-align:center; color:#eee; font-family: 'work_sans'; cursor:pointer;
}
.blueButton {
    border:2px solid #eee; font-size:13px; padding:20px; width:200px; display:block; color:#eee; 
    font-family: 'work_sans'; cursor:pointer;
}

.level2Products {
    width:100%; /*position:relative; left:12px;*/
}
.level2Prod {
    vertical-align:top; width:22%; display:inline-block; padding:5px;
}
.level2ProdBox {
    width:100%; box-shadow: 1px 5px 10px 2px #ddd; 
}


table#basket tr td:nth-child(1) { width:12%; min-width: 130px;}
table#basket tr td:nth-child(3) { width:10%; }
table#basket tr td:nth-child(4) { width:26%; }
table#basket tr td:nth-child(5) { width:10%; }
table#basket img {
	padding:10px 12px 10px 6px;
	max-width:110px;
}

.testMode {
	background:red!important; color:white; text-align:center; padding-top:8px;
}

.sideMenu {
	min-width:180px;
	background:#222;  width:180px; 
	color:white; opacity:0.9;
	padding: 32px 0 80px 20px;
	left:0; 
	transition: all 1s ;
	display:table-cell !important;
	overflow: hidden;
}
.sideMenu h1 {
	font-family: "work_sans"; color:#ff9901;	font-size:13px; 
}
.sideMenu ul { padding-left:0; padding-inline-start: 0px; font-family:'work_sans_light';
	position:relative; left:-4px; }
.sideMenu ul li { list-style-type: none;}
/* .sideMenu ul li:first-child:before { content:"> " } */
.sideMenu ul li:nth-child(n) { padding-left:16px}
.sideMenu ul li:first-child { padding-left:0px;}
.sideMenu  a { font-family: 'work_sans_light'; font-size:13px; color:white; padding:4px 4px 4px 5px; border: 1px hidden; transition: background-color 0.3s;}
.sideMenu ul li:first-child a {font-family: work_sans_semibold;}
.sideMenu  a:visited, .sideMenu a:hover { color:white;}
.sideMenu a:hover {
	border: 1px solid transparent; 
	background:#333;
	padding:4px;
	text-decoration: none;
}
.select {border: 1px solid #0f6cb1; 
	/* background-color:#0f6cb1; border-radius: 3px; z-index:10; */
	color: #008ED6!important;
	padding: 2px; font-weight:bold;
} 
.sideMenuPosition {
	/* position: -webkit-sticky; Safari */
	position:relative;  /*top:0;*/
}

/* .sideMenuArrow {
	position: relative; left:170px; top:200px; border: 2px solid rgba(255, 255, 255, 0.1); 
	width:20px; height:20px; border-radius:20px; 
  background:#111; text-align:center; cursor:pointer; font-weight:normal;
  font-size:20px; line-height:18px;  user-select: none;
  font-family: "work_sans_light";
  transition: all .8s ; 
} */
/* .sideMenuHide {	left:-200px; }
.sideMenuArrowRotate {	transform: rotate(180deg); } */

body {
	margin:0px;
	padding:0px;
	width:100%;
	color:#222;
	font-family: 'work_sans_light';
}

body > p {
	line-height:22px;
	font-family: 'work_sans_light';
}

a {
	color:#659aff;
  font-weight: normal;
	text-decoration:none;
  }

a:hover {
	text-decoration:underline;
}

.call_to_action a { /*call-to-action link (centered)*/
 font-weight:bold; font-size:16px;
}
.call_to_action a:hover { 
	text-decoration:none;
}

hr {
	background-color: #ccc;
	height: 1px;
	border:0; width:90%;
	margin-top:0; margin-bottom:0;
}


#topnav {
	position: fixed;  left: 0;   top: 0;
	height:82px; width: 100%; 
	background:white;
	display:inline-block; overflow:hidden;
	transition: height .4s ease-in-out;
	border: 1px solid #ddd;
	border-width: 0 0 1px 0;
	box-shadow: 0px 1px 4px 1px #ddd;
}
.menuExpand { /*expand mobile menu*/
	height:800px !important;
}
.mobMenu {	position:relative; top:80px;	margin:16px; 
 color: black; font-family:work_sans; font-weight:bold; font-size:15px;}
.mobMenu ul { list-style-type:none; padding-inline-start: 20px;}
.mobMenu ul li { padding:10px; border: 1px solid #ddd; border-width: 0 0 1px 0; white-space: nowrap}
.mobMenu ul li:hover  {	background:#008ed6; cursor:pointer; color:white;}
.mobMenu ul li:before { content: "\2022"; color: #008ed6; font-weight: bold; display: inline-block; margin-left: 20px; margin-right:10px}
.mobMenu ul li:hover::before { color:white; }

.topBullet {
    float:left; 
    font-size:18px;
    padding-top:14px;
}

#topnav ul#nav {
	margin-top:12px;
}

h2#homeTitle {
	font-weight:normal; color: white; font-family:'open_sanslight';
	font-size:26px;
}

#topnav .omlogo {
	 height:40px; width:245px;
	 margin:0;  cursor:pointer;
	 padding: 0 0 16px 32px;
	position:absolute; top: 16px; left:20px; 
	background: url("/developers/resources/images/omnis_developer.png") no-repeat; 
	background-size: contain; 
}

#nav {padding:0 0 0 0; margin:0; list-style:none; 
	/*z-index:2000; */
	font-family: 'work_sans' !important;
	float:right; font-weight:normal;
}
#nav li.top {display:block; float:left; height:46px;}
#nav li a.top_link {display:block; float:left; height:46px; line-height:46px; font-size:15px;
    font-weight:bold;
	color:#000; text-decoration:none; padding:0 16px 0 16px; cursor:pointer;
	font-family:'work_sans' }
#nav li a.top_link.selected {color:#008ED6;  }
#nav li a.top_link:hover { color:#008ED6  !important;}
/* #nav .selected { color: #0F6CB1 !important; 	opacity: 1.0 !important; } */
/* #nav li a.top_link.selected:hover { } */

/* Default list styling */
#nav li:hover {position:relative; }

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
	position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

/* Studio product info box in the nav bar */
div.navProdInfo {
	display:inline-block; border:2px solid #CCCB2E; 
	font-family:'work_sans_semibold'; font-weight:bold; font-size:15px; 
	padding:8px 10px 8px 10px; position:relative; top:6px;
}
div.navProdInfo:hover {	color: #CCCB2E; cursor:pointer; }

.sub {
    box-shadow: 1px 1px 5px 2px #ddd;
}

#nav li:hover ul.sub{left:0; top:46px; background: white; opacity:1; padding:3px; white-space:nowrap; width:180px; height:auto; z-index:10;}
#nav li:hover ul.sub li a{display:block; font-size:15px; height:32px; line-height:32px; width:180px; text-indent:5px; color:#000; text-decoration:none;}

#nav li ul.sub li a.fly{background:white url(/developers/resources/images/arrow.gif) 170px 9px no-repeat; }
#nav li:hover ul.sub li a:hover {background:#606060; color:#fff;} 
#nav li:hover ul.sub li a.fly:hover{background:#606060 url(/developers/resources/images/arrow_over.gif) 170px 9px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#606060 url(/developers/resources/images/arrow_over.gif) 170px 9px no-repeat; color:#fff;}

/*Drop down menu level 2*/
#nav li:hover ul {
    box-shadow: 1px 1px 5px 2px #ddd;
}
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{
	left:182px; top:-3px; background: white;  padding:3px; white-space:nowrap; 
	width:180px; height:auto; opacity:1.0;
}  

 .selected {
	/* background: #e0e0e0 !important;  */
	color: #008ED6 !important; 
	}

	#subnav .selected a{
	color: #357AE9;
	}


#search_icon {
		margin:12px 0 0 16px;
		cursor: pointer;
	}

	#hamburger_menu {
		float:left; height:46px;
		margin:12px 12px 0 0;
		cursor: pointer;
	}

	.hbMenu { /*new hamburger menu*/
		position:relative; padding-left:30px; margin-right:12px;
		padding-top:6px; cursor:pointer; 
		height:32px; margin-top:8px;
	}
	.hbMenuLine1 {
		position:absolute; left:0; top:6px; border:1px solid; width:26px;
		margin-top:0;
		transition: all 0.2s ease-in-out 0.2s, margin-top 0.2s ease-in-out;	
	}
	.hbMenuLine1ToX {
		margin-top:7px;		transform: rotate(45deg);
	}

	.hbMenuLine2 {
		position:absolute; left:0; top:6px; border:1px solid; width:26px;
		margin-top:7px;
		transition: all 0.2s ease-in-out 0.2s, margin-top 0.2s ease-in-out;
	}
	.hbMenuLine2ToX {
		margin-top:7px;		transform: rotate(-45deg);

	}

	.hbMenuLine3 {
		position:absolute; left:0; top:6px; border:1px solid; width:26px;
		margin-top:14px;
		transition: all 0.2s ease-in-out 0.2s, margin-top 0.2s ease-in-out;
	}
	.hbMenuLine3ToX {
		margin-top:7px;		transform: rotate(-45deg);
	}

	.flexible { /*flex boxes on section heading pages*/
		display:flex; flex-direction: row; flex-wrap: wrap; margin-left:16px;
	}

	.flexItem {
		width:320px; height:260px;border:1px solid gray; border-radius:6px; margin:6px;
	}


	#search img:hover {
		opacity:0.5 !important;
	}

	.searchPos { /*Search input box position*/
		position: absolute; top: 40px; right: 0;
		padding: 4px 6px 6px 6px; background: white;
		display:none; /*hidden until icon is pressed*/
		/* background:#F7F7F7; */
		background: transparent;
	}

	.searchPos img#closeIcon {
		cursor: pointer;
		position: relative; top:6px;
		padding: 0 12px 0 12px;
	}

	input#siteSearch {
		padding-left:3px;
	}

	.siteSearchHome {
		padding:8px; font-size:24px; background:transparent;
		border: solid #ff9901; border-width: 0 0 3px 0; 
		color:white; font-family:open_sanslight; 
		width:600px;
	}
	.siteSearchHome:focus {
		outline: none;
	}

	.searchDialog {  /*new search dialog*/
		position:fixed; top:82px; height:420px; width:100%; background:#333; opacity:0; visibility:hidden;
		transition: visibility .5s, opacity .25s ease-in-out;
	}
	.showSearch { opacity:0.95; visibility:visible;}
	.searchClose { /*new search dialog*/
		position:relative;  top:180px;
		border:1px solid white; border-radius:32px; 
		padding:6px 12px 6px 12px; color:white; font-size:32px; float:right; 
		line-height:32px; font-family:'work_sans_light'; font-weight:normal; 
		margin: 0 32px 0 0; cursor:pointer;
	}

/*chapter list used by rebuild.jsp*/
table#chapterlist { border: 1px solid #ddd}
	table#chapterlist >tbody > tr:first-child {font-weight:bold;}
table#chapterlist >tbody > tr:nth-child(even) {background:#ccc;}
table#chapterlist >tbody > tr:hover {background:#fff;}
table#chapterlist >tbody > tr > td { padding:4px;}
	table#chapterlist >tbody > tr > td:nth-child(1){ width:200px;	}
	table#chapterlist >tbody > tr > td:nth-child(2){ width:80px; text-align:center;	cursor:pointer;}
	table#chapterlist >tbody > tr > td:nth-child(3){ width:80px; text-align:center;	cursor:pointer;}

	/* #searchBox360 {
		height:18px;
		font-family: 'work_sans' ;
		padding-left:4px;
	} */

	#topMenuSearch img {
		margin-right:20px;
	}
	#topMenuSearch input {
		width: 150px;
		font-family: 'work_sans' !important;
	}

/*Sub-menu navigation*/
.submenu {
position: fixed !important;  left: 0;   top: 80px !important;  width: 100% !important;

	/* background:#F7F7F7;  */
	height:40px;
	line-height:32px;
	z-index:0;
	overflow: hidden; /*hide submenu items that do not fit on menu bar*/
	white-space: nowrap;
	margin-bottom:30px; padding-left:16px;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0.3; } to { opacity:0.9; } }
@-moz-keyframes fadeIn { from { opacity:0.3; } to { opacity:0.9; } }
@keyframes fadeIn { from { opacity:0.3; } to { opacity:0.9; } }

 
.fade-in {
 opacity:0.1;  /* make things invisible upon start */
 -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
 -moz-animation:fadeIn ease-in 1;
 animation:fadeIn ease-in 1;
 
 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 
 -webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
 animation-duration:0.5s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
 
.fade-in.two {
-webkit-animation-delay: 0.2s;
-moz-animation-delay:0.2s;
animation-delay: 0.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}

.fade-in.four {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}

.fade-in.five {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

@-webkit-keyframes slideIn {
  0% {left: -200px; } /* -130px;*/
  100% { left: 0; }
}
@keyframes slideIn {
  0% {left: -200px; } 
  100% { left: 0; }
}

/*.m1 a {
	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
}

.m2 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.m3 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.m4 a {
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.m5 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.m6 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.m7 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.m8 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.m9 a { 
  	-webkit-animation-duration:0.5s;
 -moz-animation-duration:0.5s;
  animation-duration: 0.5s;
  
  -webkit-animation-name:slideIn;
 -moz-animation-name:slideIn;
  animation-name: slideIn;
  
  -webkit-animation-fill-mode:forwards;  / * this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
 -moz-animation-fill-mode:forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}*/

	ul#subnav {
	padding:0; margin:0; 	
		list-style:none; 
		opacity:0.9;
		/* white-space: nowrap; 
		overflow-x:hidden; */

		width:200%;
	}

	ul#subnav li {
		padding:20px 12px 6px 12px; margin:6px;
		border-radius:16px;
		background:#ddd;
		position:relative; 	top: -66px;
		transition: top 350ms ease-in-out;
		/* display:inline; */
		 /* white-space: nowrap;  */
		/* overflow: hidden !important; */
	}

	ul#subnav li:nth-child(1) {	transition-delay: 000ms; }
	ul#subnav li:nth-child(2) { transition-delay: 100ms; }
	ul#subnav li:nth-child(3) { transition-delay: 200ms; }
	ul#subnav li:nth-child(4) { transition-delay: 300ms; }
	ul#subnav li:nth-child(5) { transition-delay: 400ms; }
	ul#subnav li:nth-child(6) { transition-delay: 500ms; }
	ul#subnav li:nth-child(7) { transition-delay: 600ms; }
	ul#subnav li:nth-child(8) { transition-delay: 700ms; }

 #subnav a {
	font-family: 'work_sans';
	font-weight:bold;
	font-size: 15px;
	text-decoration: none; 
	color: #222;
	padding:4px 12px 6px 6px;
	/* white-space: nowrap; */
	position:relative;
	top:4px;
} 

/*@-webkit-keyframes subHover { from { background:#e0e0e0; color: #303030;} to { background:#303030; color:#e0e0e0;} }
@-moz-keyframes subHover { from { background:#e0e0e0; color: #303030;} to { background:#303030; color:#e0e0e0;} }
@keyframes subHover {from { background:#e0e0e0; color: #303030;} to { background:#303030; color:#e0e0e0;} }*/

#subnav a:hover {
	/* background: #008ED6;/*#3b93cc;#659aff; 357AE9 */
	color: #008ED6 !important; /*#e0e0e0 !important;*/

	/* border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; */
}

#subnav  li {
	list-style:none;
	font-family: 'work_sans';
    font-weight: normal;
    font-size: 15px;
	float: left;
}

#subnav .subtitle {
	font-weight: bold;
	font-size: 15px;
	/*min-width: 130px;*/
	margin-right:32px;
	}
	
#subnav .subtitle a:hover {
	background: #e0e0e0;
	color: #303030;
}


#subnav .subtitle p {
	font-family: 'work_sans';
	font-size: 15px;
	font-weight: bold;
	padding: 0px 8px 0px 16px;
	background: #e0e0e0;
	margin: 0px 0px 0px 0px;
	position: relative; z-index: 999;
	color: #303030; /*357AE9;*/
}

.mobile_only {display:none;}
.desktop_only {display:inline-block}
.menu_display {display:inline-block}
.hamburger_display {display:none !important}
/*}*/


/*search box: top right hand corner*/
.search {

	position: absolute !important;
    right: 24px; top: 6px;
	/*max-width:200px; 21.06.2017*/
	max-width:270px;
	z-index:1000;
}

/*search.jsp*/
.searchBoxMain {
	width:66%;
	/* margin-left:20%; */
	margin:60px auto 60px 14%;
	/* border:1px solid grey; */
	text-align:top;
}
.webSearchResult {
	/* border: 1px solid #eee; */
	margin:0 30px 0 30px;
}
.webSearchThumbPic {
	max-width:100px !important;
	max-height:100px !important;
	min-width:32px !important;
	
}
.webSearchLink {
	color:green;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}
.webSearchTitle {
	font-size:18px;
}
.webSearchLogo {
	opacity:0.7; padding-left:16px;
}
img#searchIcon {
	cursor:pointer;
	position:relative; top:-1px; left:-12px;
}


.search #___gcse_0 > div > form > table.gsc-search-box /*Add padding to the Google search box*/
{
	padding: 0px 4px 0px 0px;
}

.content form > select {
	font-size:15px;
	color:#444;
}

/*New release slide-out tab implementation*/
@keyframes slideInFromRight {
	0% {  transform: translateX(0);	}
	100% {	  transform: translateX(-315px); }
  }
@keyframes slideOutToRight {
	0% {  transform: translateX(0);	}
	100% {	  transform: translateX(315px); }
  }
.new_release {
	background:#0f6db1;
	width:400px; height:250px; /*was 170*/
	position:fixed; top:130px; right:-410px;
	animation: 1s ease-in-out 5s 1 slideInFromRight;
	animation-fill-mode: forwards;
	border: 2px solid #3b93cc;
	-moz-border-radius: 18px; border-radius: 18px;	-webkit-border-radius: 18px;
	opacity:0.85;
}
.new_release a.close {
	background: white;
	color:grey;
	padding:2px 6px 2px 6px;
	-moz-border-radius: 16px;	-webkit-border-radius: 16px; border-radius: 16px;
	position: relative; left:270px; top: 10px;
	font-family: 'montserrat';
}
.new_release a.close:hover {
	text-decoration:none;
	color: #ee7122;
}
.new_release a.home_button:hover {
	text-decoration:none;
	color: #444;
}
.newReleaseX { /*applied by hideNewRelease() */
	right:-95px;
	animation: 1s ease-in-out 0s 1 slideOutToRight;
	animation-fill-mode: forwards;
}
.new_release h1 {
	color: #ee7122;
	font-size:32px;
	margin:0 0 0 16px;
}
.new_release p {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin: 0 0 0 16px;
}/*Slide-out implementation*/

/*Full screen new release*/
@keyframes fadeUp {
	0% { opacity:0;	}
	100% { opacity:0.7; }
  }
  @keyframes fadeUpDialog {
	0% { opacity:0;	}
	100% { opacity:0.85; }
  }
#newReleaseFullScreen
{
	position:fixed;	top:0;   left:0;
	width: 100%;   height: 100%;
    padding:0;    margin:0;
	
}
#fullScreenOverlay {
	position:fixed;	top:0;   left:0;
	width: 100%;   height: 100%;
    padding:0;    margin:0;
	animation: 1s ease-out 2s 1 fadeUp;
	animation-fill-mode: forwards;
	opacity:0;
	background:#ee7122;
}
.releaseDialog {
	background:#fff;
	width:360px; height:170px;
	position:fixed; top:30%; left:50%;
	margin:0 auto auto -180px;
	border: 2px solid #3b93cc;
	opacity:0;
	animation: 1s ease-out 2s 1 fadeUpDialog;
	animation-fill-mode: forwards;
}
.releaseDialog a.close {
	background: white;
	color:grey;
	padding:2px 6px 2px 6px;
	-moz-border-radius: 16px;	-webkit-border-radius: 16px; border-radius: 16px;
	border: 1px solid grey;
	position: relative; left:320px; top: 10px;
	font-family: 'montserrat';
}
.releaseDialog a.close:hover {
	text-decoration:none;
	color: #ee7122;
}
.releaseDialog a.home_button:hover {
	text-decoration:none;
	color: #444;
}
.releaseDialog div.moreInfo {
	float:left; 
	position:relative; left:230px; top:-30px;
}
.hideDiv { /*applied by hideNewRelease() */
	display: none;
}

.releaseDialog h1 {
	color: #ee7122;
	font-size:32px;
	margin:0 0 0 24px;
}
.releaseDialog p {
	color:#666;
	font-size:18px; line-height:22px;
	font-weight:bold;
	margin: 0 0 0 24px;
}/*full screen new release*/

/*Page footer*/
.footer {
	margin:0 !important; padding:0 !important;
	height:230px;
	 width:100%;
	background:white;
	font-family: 'work_sans'; 
	font-size: 13px;
	color:#333;
	display: block;
	/* position: relative; top:0; breaks new menu*/ 
}

.footerColumn {
    vertical-align:top; width:24.5%; display:inline-block;
}

/* img.footer_logo {
	cursor:pointer;
} */

.footerEventLink {
	font-family:work_sans; font-size:15px; font-weight:300;
	cursor:pointer;
}
.footerEventBold { font-family:work_sans_semibold; font-size:16px; font-weight:900; }
.footerEventLink:hover { color:#008ED6; }

/* .footer_separator { /*thin blue line that appears in the footer* /
	width:100%; height:3px; 
	margin:0px 0 16px 0; 
	background: #0f6db1;
	float:left;
	margin-top:24px;
}
.footer_separator.grey {
	background: #aaa;
} */

/*.footer_right {
    margin:0 !important; padding:0 !important;
	position:absolute; right:4px; bottom:8px;
	line-height: 16px;
    font-size: 11px;
}*/

/* .footer_left {
    margin:0 0 0 30px; padding:0 !important;
	position:absolute; bottom:16px; 
	line-height: 16px;
	color:#ddd;
} */

.footer ul li {
	font-size:12px; font-weight:bold; line-height:26px;
	font-family: 'work_sans';
}
.footer ul li:first-child {
    line-height:50px; color:#ff9901;
}
ul.socialIcons li, ul.socialIcons li:first-child{
    line-height:40px;
    height:40px;
}
ul.socialIcons li img {
    vertical-align:middle;
}

.footer a {
	font-family: 'work_sans_light';
    font-weight: normal;
    font-size: 15px; line-height:24px;
	text-decoration:none;
	color:black;
    }
    
    .footer a:hover {
        color:#2b67e7;
	}
	

.footer ul {
	list-style:none;
	font-size: 12px;
	line-height: 20px;
	/*text-indent: 8px;*/
}
	
.site_map {
/*	position: absolute;
    top: 56px;*/
	text-align:left !important;
	display:block !important;
    width:100%;
	}
	.site_map ul {
		-webkit-padding-start:0;
	}
	
.site_map li {
	/*	text-indent: 16px;*/
	margin-left:30px;
	}
.site_map li:first-child {
	font-weight: bold;
	font-size: 14px;
	text-indent: 0px;
	}
	
.site_map a {
	font-size: 12px;
	font-weight: bold;
	}
	
/*@-webkit-keyframes fadeOver { from { color:#fff; } to { color:#444; } }
@-moz-keyframes fadeOver { from { color:#fff; } to { color:#444; } }
@keyframes fadeOver { from { color:#fff; } to { color:#444; } }*/

.site_map a:hover {
	color:#f59e5c;/*#ee7122;*/
	
/*	-webkit-animation:fadeOver ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time * /
	 -moz-animation:fadeOver ease-in 1;
	 animation:fadeOver ease-in 1;
	 
	 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)* /
	 -moz-animation-fill-mode:forwards;
	 animation-fill-mode:forwards;
	 
	 -webkit-animation-duration:0.2s;
	 -moz-animation-duration:0.2s;
	 animation-duration:0.2s; */
	}
	
.social_media {
	/*margin-top:8px; margin-bottom:8px;*/
	/*position:absolute; top: 4px; */
	float:left; /*margin: 3px;*/
	display: block;
	/*position:relative; top: 60px; left: 8px;*/
	position: relative; top:60px; left:10px;
	white-space: nowrap;
}

.social_media ul {
    list-style-type: none;
    -webkit-margin-before:0; margin-top:0;
	-webkit-margin-after:0;
	padding: 0 0 0 16px;
}
.social_media ul li {
    display:inline;
	vertical-align: top ;
	margin-left:0;
}

/*div .silent_link { !*Used to create links that present no tool-tip*!*/
/*	cursor:pointer;*/
/*}*/
/*div .silent_link:hover{*/
/*	color:#008ed6;*/
/*}*/


/* Home page static slide caption */
 .home_caption {
	color:#202020;
	z-index:0;
	position:absolute;
	top:110px;
	right:0;
	height:240px;

	width:100%;
	opacity: 1;
}

 .copyright {
     text-align:center; font-size:11px;
 }
 .copyright a {
     font-family:'work_sans';
     font-size:11px; font-weight:bold;
     transition: color 0.2s;
 }

.home_caption_background {
	position:absolute; 	top:100px;  
	height:230px; width:100%; 
	background:#f0f0ff; opacity:0.6;
}

.release_caption {
	position:relative; top:-0px;
	height:56px; width:100%; 
	cursor:pointer;
	margin-bottom:10px;
}

.release_caption h2 {
	font-size:24px !important;
	color:#eee !important;
	text-align:right;
	margin-top:12px !important;
}

.release_caption img {
	position:relative; top: -9px !important; 
	padding:0 26px 0 26px;
}

.release_caption_background {
	position:relative; top: -75px; margin-bottom: -131px;
	height:56px; width:100%; 
	background:#5577aa; opacity:0.75;
}

.release_new {
	/* font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; */
	font-family: 'work_sans';
	color:#f08080; font-size:18px; font-weight:normal;
}

 .home_caption h1{
	/* font-family: 'montserrat_extralight'; */
	font-family: 'open_sans';
	font-size:44px !important;
	font-weight: normal;
	margin-top:4px;
     -webkit-margin-before: 6px; margin-top: 6px;
	 -webkit-margin-after: 32px; margin-bottom:32px;
	color: #2255cc;
     margin-left:30px;
}

 .home_caption h2{
	font-weight: normal;
	font-size:28px;
	color: #404040;
     -webkit-margin-before: 6px; margin-top:6px;
     -webkit-margin-after: 12px; margin-bottom:12px;
     margin-left:30px;
	 line-height:28px;
	 white-space:nowrap; 
}

 .home_caption h3 {
	color: #2255ff;
	font-size:22px;
	/*text-decoration: underline;*/
	-webkit-margin-before: 0; margin-top:0;
	-webkit-margin-after: 0; margin-bottom:0;
     margin-left:30px;

}

 .home_caption ul li {
     margin: 5px 0 5px 25px;
	 font-size:16px;
 }

	.slide0title {
		/*position:relative;
		top:280px;*/
		height:100%;
	}


	.slide0title div.home_buttons {
		-webkit-margin-before:20px !important; margin-top:20px !important;
		margin-left:10% !important;
	}

 	.slide0title div h1{
		 font-family: 'work_sans' !important;
		 font-size:42px !important;
		 color:#444 !important;  font-weight:bold !important;
		 -webkit-margin-before:0 !important; margin-top:0 !important;
		 -webkit-margin-after:2px !important; margin-bottom:2px !important;
		 margin-left:10% !important;
	 }

	 .slide0title div h2{
		font-family: 'work_sans' !important;
		font-size:28px !important;
		color:#444 !important; 
		-webkit-margin-before:0 !important; margin-top:0 !important;
		-webkit-margin-after:2px !important; margin-bottom:2px !important;
		margin-left:10% !important;
	}

	.slide0title a {
		margin-left:0 !important;
	
		border: 1px solid #444 !important;
		color: #222 !important;
	}

	.slide0title a:hover {
		color: #ee7122 !important;
	}



/*@-webkit-keyframes fadeImg { from { opacity:1; } to { opacity:0.5; } }
@-moz-keyframes fadeImg { from { opacity:1; } to { opacity:0.5; } }
@keyframes fadeImg { from { opacity:1; } to { opacity:0.5; } }*/

	
.home_section {

	background:#fff;
	margin-top:60px;
	
	}
	
	
.home_section p {
	font-family: 'work_sans';
    font-weight: normal;
    font-size: 22px;
	text-decoration:none;
	color:#303030;
	float:left;
	margin-left:30px;

}
	
.home_section img { /*image displayed on home page*/
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	z-index:10;
}	

#feature_box {
	background:#e0e0e0;
	color:#303030;
	font-family: 'work_sans';
    font-weight: normal;
    font-size: 12px;
}

#feature_box > tbody > tr > td {
	padding:8px;
	}

.feature_box h3 {
	font-size: 14px;
}

.feature_box  a {
	color:#0000f0;
	text-decoration:none;
}

.feature_box a:hover {
	color:#7070e0;
}

.feature_box img { /*image displayed in feature box*/
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.main_content {
	margin-top:82px;/*116px;*/
	display:table;
	width:100%;
	}

.page_header { /*the introductory/title section on each page*/
	font-family: 'work_sans';
	padding-left:20px; padding-top:50px;
}
.page_header .header_pic {
	float:right; padding-right:20px;
}

.page_header h1 {
	font-size: 28px; font-weight:normal;
	padding-top:0; padding-bottom:0;
	text-align:center;
}

.page_header h2 {
	font-size: 20px; font-weight:normal;
	padding-top:0; padding-bottom:0;
	text-align:center;
}

.page_header h3 {
	font-size: 16px; font-weight:normal;
	padding-top:0; padding-bottom:0px;
	text-align:center; margin-right: 20px;
}

.page_header p {
	font-size: 16px; font-weight:normal;
	padding-top:0; padding-bottom:0px;
	text-align:center; margin-right:20px;
	line-height:32px;
	font-family:'work_sans_light';
}


.page_header img { /*image displayed in page header*/
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	z-index:10;
}

.page_header > table > tbody > tr > td > a {
	font-size: 10px;
}

.content {
	font-family: 'work_sans';
	margin-left:0; 	margin-right:0; margin-top:6px; margin-bottom:0;
    font-weight: normal;
	/*border:1px solid grey;*/
	/*background: #f8f8f8;*/
	padding: 0 0 0 0; /*bottom 12px*/
	display:table-cell;
}
.content p {
    font-size: 18px; line-height:22px; /*styledoc*/
	-webkit-margin-before:0; margin-top:20px;
	font-family:'work_sans_light'; /*styledoc*/
}

.content h1 {
	/* font-size: 26px; font-weight:normal; */
	font-size:38px; font-weight:normal; /*styledoc*/
	-webkit-margin-before:20px; margin-top:20px;
	margin-bottom:0; /*styledoc assume h2 under every h1*/
	/* margin-block-end: 0; margin-bottom:0; breaks normal h1s*/
}

.content h2 {
     font-size: 24px; /*styledoc*/
    font-weight:normal;
	 /* -webkit-margin-before:4px; margin-top:4px; */
	 margin-top:0; /*styledoc butt h2 directly under h1*/
	 margin-bottom:32px;
 }

.content h3 {
	font-family:'work_sans';
	font-size: 20px; 
	margin-bottom:16px; /*styledoc*/
 }

.content .top_section img { /*image displayed on home page*/
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	/* z-index:10; */

}

.content h1 blue {
	font-size:38px; font-weight:normal; /*styledoc*/
	-webkit-margin-before:80px; margin-top:80px;
	color: #008ed6;
}

/*correct styles used with successstories slide show*/
.slide img {
	max-width: none !important;
}

.slide h2, .slide p, .slide h1 {
	margin:0;
	padding: 5px 15px 0 0;
}


.content .nav_bar {
	padding: 12px 0 0 20px;
	font-size: 18px;
}

.content .top_section {
	padding: 30px 30px 0 30px;
	}


/*.content .top_section h2{
	font-size: 18px; padding-top:0;
}
	
.content .top_section h3{
	font-size: 15px;
	}*/
	
.content .news_section {
	padding: 0 20px 0 20px;
	}
	
/*.content .news_section h3{
	font-size: 15px;
	}*/

.webinar_menu {
	font-family: 'work_sans';
	font-size: 16px; font-weight:normal;
	position:fixed; top:74px; left:0; right:0;
	z-index:0;
	/*position:relative; top: -20px;*/

}
	
.content .note_blue {background-color: #edfaf6;  }
.content .note_alt {background-color: #f7f7ef; border-top: 1px solid #ddd;padding:10px 10px 10px 20px;}
.blue_button {/*color: #222; */
	/* background: url(/developers/resources/images/blue_button_body.png) left top repeat-x;  */
	/* -moz-border-radius: 18px; -webkit-border-radius: 18px;   */
	min-width:150px;
	border:4px solid #008ed6;
	padding:16px 32px 16px 23px;
	cursor: pointer;}
.grey_button {/*color: #222; */
	/* background: url(/developers/resources/images/grey_button_body.png) left top repeat-x;  */
	/* -moz-border-radius: 18px; -webkit-border-radius: 18px;  */
	min-width:150px;
	border:4px solid #ff9901;
	padding:16px 32px 16px 23px;
	cursor: pointer;}
.orange_button { /*color: #222; */
	/* background: url(/developers/resources/images/orange_button_body.png) left top repeat-x;  */
	/* -moz-border-radius: 18px; -webkit-border-radius: 18px;  */
	min-width:150px;
	border:4px solid #ff9901;
	padding:16px 32px 16px 32px; /*styledoc*/
	cursor: pointer;}
/* .white_button {
		min-width:150px;
		border:4px solid #ff9901;
		padding:24px;
		cursor: pointer;}  */
/*.white_button2 {color: white; 
	min-width:150px;
	border:4px solid white;
	color:white;
	padding:16px;
	cursor: pointer;}*/
.clear_button {color: #fff;  padding:8px 16px 8px 16px;
	cursor: pointer;}
.button a { white-space:nowrap; text-decoration: none; font-size:14px; }
.button a:hover { color: #FFC853;}

body > div.main_content > div.content > div.top_section > ul > li {
	font-size: 15px;
	line-height:22px;
}
	
.feature {
  padding:12px;
  }

.primary_download {
    width: 85%;
    border-spacing: 18px;
    border-collapse: separate;
}

.primary_download >tbody > tr > td {
    background-color:#f7f7f7;
    -moz-border-radius: 6px; border-radius: 6px;    -webkit-border-radius: 6px;
    border:2px solid #eeeeee;
    height:120px;
    cursor: pointer;
}

.primary_download >tbody > tr > td:hover {
   /* opacity:0.5;*/
    border:2px solid gray;
}
	
.feature_table  {
  font-family: 'work_sans';
  font-size: 15px; font-weight:normal;
  border-collapse: collapse;
  width:100%;
  empty-cells:hide;
  border:2px solid orange;
  margin-bottom:10px; /*space between tables*/
}

.feature_table h3 {
	font-size: 18px;
	font-weight: normal;
	padding:0;

	-webkit-margin-before:0 !important;
	-webkit-margin-after:0 !important;
}


/*Omnis Studio product editions*/
.edition_table {
    border-collapse:separate;
    border-spacing:0 16px;
    width: 100%;
}

.edition_table >tbody > tr > td {
    /* border: 1px solid lightgray; */
    /* -moz-border-radius: 6px; -webkit-border-radius: 6px; */
    padding:12px;
    line-height: 20px;
    background: #F8F6F6; /*#f2f2ff;*/
}

.feature_table >tbody > tr > td {
  border: 2px solid white;
  padding:8px;
	line-height: 20px;
	border:1px solid orange;
}

.narrow >tbody > tr > td { /*odpp downloads*/
    padding:1px 8px 0 8px;
}

.odpp_cta {
	width:80%;  padding:12px 20px 12px 20px;
}



/* .feature_table >tbody > tr:nth-child(even) {
  background: #cef;/*#edfaf6;* /
  }
  
 .feature_table >tbody > tr:nth-child(odd) {
  background:#f8f8f8;/*#f7f7ef;
  } */
  
 .feature_table >tbody > tr:first-child {
  background:#ffffff;
  }*/

 .feature_table > tbody > tr > td {
     border-collapse:collapse;
 }

 .feature_table a { /*links that appear after e.g. H3s*/
     font-weight: normal;
	 font-size:15px;
	 cursor: pointer;
 }

 .general_table {
	 width: 100%;
	 font-size: 13px;
 }

.general_table > tbody > tr > td {
	padding: 0 0 10px 0;
}

 .general_table > tbody > tr > td > p > a > img {
	 padding-left:8px; padding-right:8px !important;
 }


.general_table > tbody > tr > td > h3 {
	-webkit-margin-after:0;
}

.home_table {
	width: 100%;
	font-size: 13px;
	background: #ffffff;
border:none; border-spacing:0;
}


.home_table > tbody > tr > td {
	padding:0 0 4px 0;
	line-height: 20px;
}

.home_table >tbody > tr:nth-child(even) {
	background:#fff/*#edfaf6;*/
}

.home_table h1 {
	font-family: 'work_sans';
	font-size:23px; font-weight: normal;
}

.home_table h2 {
	font-family: 'work_sans';
	font-size:18px; font-weight: normal;
}

.home_table p {
	font-size:16px;
}

.home_table img { /*snaps a wide img to the maximum allowed width*/
	max-width:100%;
}

.home_table > tbody > tr > td  a { 
	white-space:nowrap; text-decoration: none; font-size:15px; 
	}
.home_table > tbody > tr > td a:hover { 
	color: #FFC853;
	}

.pic4b {
	background-image:url('/developers/resources/images/Home_Pic4b.jpg') !important;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position-x: 65%;
	height:200px; width:200px;
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	border: 1px transparent;
	float:right; margin:32px 32px 32px;
}

.picAcademy {
	background-image:url('/developers/resources/images/usacademy.png') !important;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position-x: 0;
	height:200px; width:200px;
	-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	border: 1px transparent;
	float:right; margin:0 32px;
}


.home_success_preview {
	width:32%; background:transparent; 
	text-align:center; 
	cursor:pointer;
	float:left;
	margin:4px;
	padding-top:8px;
}

.home_success_preview p {
	margin: 6px 12px 0 12px;
	padding:0; line-height:16px;
	-webkit-margin-before:8px; margin-top:8px;
	-webkit-margin-after: 18px; margin-bottom:18px;
}

.home_success_quote { /*a quoted caption on the home page*/
	font-style: italic;
	color:DodgerBlue;
	font-size:13px; line-height:18px;
}

.success_wrapper {
	width:100%; background:#ee4444;
  clear:both;
}

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

.centered {
	display: block;
	margin: auto;
}

.left_div {/*The outer div for the home page 'about' video*/
	float:left; 
	margin-right:20px; 
}

.sidebyside /*a div that is normally displayed to the right of an inline-block*/
{
/*	background:#fee; */
	white-space:normal; 
	margin-left:16px; margin-right:16px
}


.comp_table { /*styledoc*/
	width: 100%;
	font-size: 13px;
	border: 8px solid #0F6CB1;
	border-radius:8px;
}

/* .comp_table > tbody > tr {
	
	
	background:#eee;
	
} */

.comp_table > tbody > tr > td {
	padding:8px;
	line-height: 20px;
	
}

/*.comp_table > tbody > tr > td > p {
	padding-left:12px;
}*/

/* .comp_table >tbody > tr:nth-child(even) {
	background:#f8f8f8;/*#edfaf6;* /
}

.comp_table >tbody > tr:nth-child(odd) {
	background:#eeeeee;/*#f7f7ef;* /
} */

  .comp_table >tbody > tr >td:first-child{
	/* background:#fafafa; */
	min-width:60px;
}  

/* .comp_table >tbody > tr > td:first-child > a:hover >img {
	/*opacity:0.5;* /
    border: 3px solid grey;
} */

/*comp table icon*/
 /* .comp_table >tbody > tr > td:first-child > a >img {
	margin:10%;
}  */

div.fbStatsTable {
	height:680px; overflow:auto;
	font-size:10px; color:#222; font-family:work_sans;
	padding:8px;
}
div.fbStatsTable tr:nth-child(even) {
	background:#fff;
}
div.fbSTatsTable tr td:first-child: {width:120px; }

/*new file browser*/
table.archiveTable { width:100%; }
table.archiveTable >tbody >tr:nth-child(n+2) { cursor:pointer; }
table.archiveTable >tbody >tr:nth-child(n+2):hover { background:#def; }
table.archiveTable >tbody >tr >td:first-child {text-align:center;}
table.archiveTable >tbody >tr >td:nth-child(n+2) {padding-left:6px;}
.folderInfo {
	position:relative; padding:6px; width:98%; 
	white-space: nowrap; overflow: hidden; border:1px solid #ccc; border-radius:6px; 
	background:#ccc; margin-bottom:16px
}

.free_trial {
	/* position:relative; top:-22px; closes a white gap on Safari & Firefox */
	border:1px solid yellow;
	height:280px; 
	background:url('/developers/resources/images/freetrial.png'); 
	background-position: 200px 0;
}

.success_table {
	border-collapse:collapse;
}

.success_table h3 {
	font-size:13px;
	-webkit-margin-before:3px; margin-top:3px;
	-webkit-margin-after: 8px; margin-bottom:8px;
}

.success_table p {
	padding-left:0;
}

.success_table >tbody > tr {
	width:100%;
}

.success_table >tbody > tr > td {
	border: 2px solid white;
	padding: 8px;
	background:#f0f0f0;
}

.success_table >tbody > tr > td:first-child {
	background:#ffffff;
	border: 2px solid #f0f0f0;
	width:150px !important;
}

/*success stories drop list*/
.select_options #select_category{
	font-size:15px;
}
.select_options p {
	font-size:16px;
}

/*modifies feature_table with different colours*/
.gray >tbody > tr:nth-child(even) {
	background:#f4f4f4;
}
.gray >tbody > tr:nth-child(odd) {
	background:#ffffff;
}

/*Single column table with gray rounded-border cells*/
.roundgray { border-spacing: 12px; }
.roundgray >tbody > tr >td {
	padding:10px;
	background:#f4f4f4;
	border: 1px solid #f4f4f4; border-radius:8px;
}

/*Patch download table matrix*/
.matrix_table {
	width:100%; 
	border-spacing:0;
	border-collapse:collapse;

}

.matrix_table >tbody > tr > td,
.matrix_table >thead > tr > th,
.matrix_table > tbody > tr > th {
    padding: 10px;
    font-weight: normal;
    text-align: left;
}

.matrix_table >tbody > tr > td > a,
.matrix_table > tbody > tr > th > a {
	cursor:pointer;
}

.matrix_table >thead >tr >th {
    font-weight: bold;
    text-align:center;
}

.matrix_table >tbody >tr >td {
    /* background-color: #ddd; */
	text-align:center;
	border:1px solid orange;
}

.matrix_table th:not(:empty) {
	/* background-color: #eeeeee; */
	border:1px solid orange;
} /*---------------------------- */
  
  .dot {
  list-style-image: url(/developers/resources/images/omnis_bullet_white.png); margin: 5px 25px 5px 0px;
     /* display: inherit;*/
  }
	
.disclaimer,
.disclaimer p {
	font-size: 11px !important;
	line-height:12px !important;
    font-weight:normal !important;
    margin-left:10px;
}


.content .wrappersection h3 {
	font-size:13px;
	font-weight: bold;
}

.contact {
	color:#357AE9;
}

	
.clear {
	clear: both;
	}

.error { /*us training reg form*/
	color: red;
}

.technew { /*a new or updated technote*/
	float: right;
	padding-right:12px;
	font-weight:bold;
}

.techdate { /*date on a technote*/
	float: right;
	padding-right:12px;
	font-size:12px; color: black;
}

.tinytext {
	font-size:10px;
}

.smalltext {
    font-family: 'work_sans';
    font-size:12px; line-height:13px;
}

.super {
	vertical-align: super; font-size: -3px;
}

.codetext {
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace!important;
	overflow-wrap: break-word; font-size:14px!important; line-height: 15px!important;
	font-size:16px;
}

.technote { /*used to show/hide technotes based on category*/
	width:100%;
}
.deprecated { /*used for deprecated technotes*/
	border:1px solid darkred; border-radius:6px; 
	font-size:10px; color:darkred; padding:10px;
}

.home_features {
	font-family: 'work_sans';
	width:100%;  color:white;
	 border-spacing:0;
	 /* position:relative; top: -10px;  */
}
.home_features.narrow_strip { /*The narrow strip that appears before the footer*/
	top:0;
}

.home_features >tbody >tr > td  {
	padding:0;
	text-align:center;
}

.home_features >tbody >tr > td > div {
	padding:42px 16px 42px 30px;
	cursor:pointer;
    height:230px;
    position:relative; /*for positioning imgs*/
}
.home_features.narrow_strip >tbody >tr > td > div {
	height:12px;
	padding:0;
}

.home_features >tbody >tr >td { background:#1a1a1a; transition: 0.3s;}
.home_features >tbody >tr >td:nth-child(2) { background:#0d0d0d;}
.home_features >tbody >tr >td:hover { background:#222222; }
/* .home_features >tbody >tr >td:nth-child(1) {
	background:#ee7122;
}

.home_features >tbody >tr >td:nth-child(2) {
	background:#0f6db1;
}

.home_features >tbody >tr >td:nth-child(3) {
	background:#3b93cc;
} */

.home_features >tbody >tr > td> div> h1 {
	-webkit-margin-before:0; margin-top:0;
	-webkit-margin-after:20px; margin-bottom:20px;
	font-weight:normal;
}

.home_features >tbody >tr > td> div> h2 {
	font-weight:normal;
	-webkit-margin-after:0; margin-bottom:0;
}

.home_features >tbody >tr > td> div> h3 {
	font-weight:normal; font-size:15px;
	-webkit-margin-before:8px; margin-top:8px;
}

.home_features >tbody >tr > td> div> img {
    position:absolute;
    right:18px;
    bottom:18px;
}

/* .home_features >tbody >tr > td> div> p { */
 	/* position: absolute; bottom:12px; */
/* } */

.home_features >tbody >tr > td> div> p> a {
	color:#fff;
}
.home_features >tbody >tr > td> div> p> a:hover {
	text-decoration: none;
	color:#444;
}

.home_product_info {
	width: 100%;
}
.home_product_info  h1{
	margin: 30px 16px 0 30px;
	font-size:38px;
	font-weight: normal;
	color: #aaa;
}
.home_product_info  h2{ /*Used by "Use Omnis" title*/
	margin: 14px 16px 24px 30px;
	font-size:28px;
	font-weight: normal;
	color: #aaa;
}
.home_product_info  p{
	margin: 30px 42px 0 30px;
	font-size:22px; line-height: 26px;
	color: #aaa;
}
.home_product_info td.left {
	width:66%;
}
.home_product_info td.left  a{
	font-size:22px;
	color:#ee7122;
	border: 1px solid #ee7122;
	padding: 4px 16px 4px 16px;
	-moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px;
}
.home_product_info td.left a:hover{
	font-size:22px;
	text-decoration: none;
	color:#888;
}
.home_product_info td.right {
	width:33%;
	padding-right:12px;
}

.home_carousel {/*positions the "using" carousel on the home page*/
	width:94%; 
	margin: 20px 20px 20px 20px;
	position: relative; left:-30px;
	padding-bottom:30px;
}


/*studio more info*/
.embed_table {float:right; padding:12px 12px 0 12px;}

.image_right { /*inline images for success stories*/
	display:inline;
	margin:4px 4px 4px 15px;
}

.image_left { /*inline images for success stories*/
	display:inline;
	margin:4px 15px 4px 4px;

}

/*who's using omnis*/
.who_pane {
    float:left;
    width:33%;
}

.who_pane.three p {
    margin:8px;
}

.mvDesigner_docs {
    position:absolute; top:82px; bottom:202px;
    width:100%;
    padding:0; margin:0;
}

.mvDesigner_docs iframe {
    width:100%; height:100%; border:0;
}

.title_button { /*a button inlined with an H1/H2 element*/
    font-size:12px;
    position: relative; top:-6px;
}

.title_button a {
    color:#fff;
}
.title_button a:hover {
    color:#ec4;
    text-decoration: none;
}

/*Home page introduction video*/
.home_vid_container { /*video & caption container*/
    position:relative; left: 50px; top: 80px;
   width:160px; 
   margin-left:32px;
    background:#5577bb;
    border:2px solid #5577bb;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	text-align:center;
}

.home_vid_container > p { 
	color:#e0e0e0; 
	font-size:16px;
	}

.home_vid_thumb{ /*container for video*/
    height:80px;
    border:0;
    cursor:pointer;
    margin:6px;
}
.home_thumb{ /*play icon*/
    height: 100%;
    padding:0;
    margin:0;
    background:url(/videos/developers/resources/images/vid_btn.png) no-repeat;
    position:relative; left:10px; top: -4px;
}

.home_thumb:hover{
    background:url(/videos/developers/resources/images/vid_btn_hover.png) no-repeat;
}

.home_thumb_INTRO{ /*intro video thumb image*/
    margin:0;
    background:url(/videos/developers/resources/images/vid_thumb_omnis_intro.png) no-repeat;
    background-size: contain;
    height:100%;
    width:100%;
}

ul.tabNavigation li{ /*Language captions on video pane*/
    display:inline;
}
ul.tabNavigation {
    margin:4px 0 0 10px;
    padding:0;
}

.cookie_overlay {
	position:fixed; bottom:0; left:0; width:100%; height:130px;
	background:white; opacity:0.95;
	display:none; /*hide by default*/
    font-family:'work_sans_light'; color:#222;
    text-align:center;
}
.cookie_overlay .caption1 {
	margin: 0 32px 0 32px;
	opacity:1 !important;
}
/*.cookie_overlay .caption1 h1 {*/
/*	!*text-align: left;*!*/
/*	margin:16px 120px 0 0;*/
/*    font-size:22px;*/
/*    margin-left:32px;*/
/*}*/
.cookie_overlay .caption1 p {
	margin:14px 120px 0 32px; font-size:15px;
	/*text-align:left;*/
}
/*.cookie_overlay .caption1 img {*/
/*	margin:0;*/
/*	padding: 0 32px 0 0;*/
/*}*/
.cookie_overlay .caption1 a {
	font-size:15px; font-weight:bold;
	text-decoration: underline;
    font-family:'work_sans'; color:#222;
}
.cookie_overlay .caption1 a:hover {
	/*color:#f84;*/
}
.cookie_overlay .caption1 a.button {
	position: relative;
    /*right:48px; bottom: 38px;*/
	border:1px solid white;
	padding:8px 14px 8px 14px;
	text-decoration: none;
    background:black; color:white;
}
.cookie_overlay .caption1 a.button:hover {
	/*color:#f84;*/
}

.yourstory_aspect_ratio {
	position:relative; 
	padding-bottom:51%; 
	width:75%; height:0; 
}
.yourstory_aspect_ratio iframe {
	position:absolute; 
	width:100%; height:100%; 
	left:0; top:0;
}

.price_info { /*a round border for displaying product prces*/
	border: 4px solid #444;
	/* -moz-border-radius: 16px; -webkit-border-radius: 16px; */
	padding:14px;  min-width:10px;
	/* background: white; */
	font-weight:bold;
}

.priceImg {
	padding:10px 20px 10px 15px; 
	max-width:110px!important;
}
.buttonPosition {	margin-left:140px; }

ul li img#basket_icon {
	padding:6px 10px 0 6px; 
	cursor:pointer;
}

.basketCount { /*Counter placed over the basket icon*/
	border: 2px solid #444;
	background:#fff; color:#444;
	text-align:center; 
	/* font-family: Arial, Helvetica, sans-serif; padding:3px;  */
	font-family: 'work_sans';
	font-size:13px; font-weight:bold;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	padding:0; margin:0;
	width:14px; height:14px;
	position:relative; top: -18px; left: 20px;
	cursor:pointer;
}

.priceList, .priceList p ,  .priceList select, .priceList input, .priceList h3 {
	font-family: 'work_sans';
	font-size: 16px;
	border-collapse:collapse;
	margin-top:0;
}
.priceList input {
	padding: 0;
	width:24px; height:18px;
	text-align: center; 
	
}
.priceList img {
	display:inline-block; vertical-align: middle;
}

.hidePrice { display: none } /*class to 'maybe' hide pricing info on the editions page, see checkout.js*/

.storeItem { /*a row in the price list*/
	min-height:150px; padding:10px;
}

.storePrice {
	vertical-align:top; font-weight:bold;
}

div#checkoutDetails table {
	width:80%;
	margin: 0 auto 0 auto;
	padding:12px 10px 12px 10px;
	background: #eee;
	border:0; border-radius:4px;
}
div#checkoutDetails input {
	/* font-family: "Helvetica Neue", Helvetica, sans-serif; */
	font-family: 'work_sans';
	font-size:16px; line-height:18px; height:18px;
	border: 0; border-radius: 4px;
	padding: 10px 12px 10px 12px;
}
div#checkoutDetails input::-webkit-input-placeholder { /* Safari, Chrome(, Opera?) */
	color:#B0BCC8;
}
div#checkoutDetails input:-moz-placeholder { /* Firefox 18- */
	color:#B0BCC8;
}
div#checkoutDetails input::-moz-placeholder { /* Firefox 19+ */
	color:#B0BCC8;
}
div#checkoutDetails input:-ms-input-placeholder { /* IE (10+?) */
	color:#B0BCC8;
}
div#checkoutDetails span#expiryDate {
	float:right; line-height:18px; padding:10px 10px 10px 0;
	color:#666;  font-size:16px; font-weight:bold;
	overflow:hidden; cursor:pointer;
}
div#checkoutDetails tr#cvcHelp {
	color:#666;  font-size:16px;
	text-align:right; display:none;
}


@keyframes growCheckOut {
	0% { height:0;	}
	100% { height: 920px; }
  }
.checkoutGrow {
	background:#fff;
	animation: growCheckOut 2s;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.devItem { /*intro item on support/index.jsp*/
	width:400px;
	margin:10px; padding:20px; cursor:pointer;
	color:white;
	background: #31418E; /*#2D3C7B #0F6CB1; #f4f4f4;*/
	/* border: 4px solid #2D3C7B; */
	/* border:6px solid #0f6cb1; border-radius:16px;  */
	font-family: 'work_sans';
	position:relative; height:280px;
	transition: 0.3s;
}
.devItem p {font-family: 'work_sans_light'; font-size:16px; }
.devItem h2 { font-size:28px; }
.devItem img { position:absolute; bottom:16px; left:40%}
.devItem:hover { background:#435AC1; /*border-color: #ff9901;*/} /*e0e0e0  24a8ff  #008ED6*/

.devHalo {
	width:75px; height:75px; 
	border: 4px solid #ff9901; 
	border-radius:50%;   cursor:pointer;
	padding:0; display:inline-block;
	margin:6px;   position:relative;   
	transition: padding 150ms ease-in-out, margin 150ms ease-in-out, border, 150ms ease-in-out;
}
.devHalo:hover {
	padding:6px;
    margin:0;
    /* border: 4px solid rgba(255, 153, 0, 1); */
}
.devHalo > h1 {
	-webkit-margin-before:0;  margin:0; 
	font-size:14px;  text-align: center; margin-top:25%;
	color:#eee;  font-weight:normal;
}

.hoverCaption { /*the hover caption that appear on the developer index page*/
	position:absolute; left:0; width:100%; 
	top:200px;  height:300px;   opacity:1;
}

.hoverCaption > h2 {
	 font-size:28px; color: #eee;
	white-space:nowrap; 
	opacity:0;
	transition:  opacity .5s ease-in-out, transform .8s ease-in-out;
}
.hoverCaption >p {
	font-size:13px;color: #eee;
	opacity:0;  margin-left:22%; margin-right:22%;
	transition:  opacity .5s ease-in-out, transform .4s ease-in-out;
}
.devHoverCaptionShow {
	opacity: 1!important;
	transform: scale(1.1);
	/* padding:0!important; */
}


#devTable >table tr,th, td {
	/* border: 1px solid red; */
	padding:0; margin:0;
	 
}



.halo {
	/* border:4px solid rgba(255, 153, 0, 0);
	margin:6px; padding:0;
	 border-radius:45px; -moz-border-radius:45px; -webkit-border-radius:45px;  
	transition:0.2s; */
	border: 4px solid rgba(255, 153, 0, .0); 
	border-radius:50%;
	padding:0;
	margin:6px;
	transition: padding 150ms ease-in-out, margin 150ms ease-in-out, border, 150ms ease-in-out;
}
.halo:hover {
	/* border-color: rgba(255, 133, 0, 1);
	border-radius:57px; -moz-border-radius:57px; -webkit-border-radius:57px;
	margin:0; padding:6px; */
	padding:6px;
    margin:0;
    border: 4px solid rgba(255, 153, 0, 1);
}
.winlogo {
	content:url("/developers/resources/download/images/win_icon2_out.png");
	cursor:pointer;
}
.winlogo:hover {
	content:url("/developers/resources/download/images/win_icon2_over.png");
}
.maclogo {
	content:url("/developers/resources/download/images/mac_icon2_out.png");
	cursor:pointer;
}
.maclogo:hover {
	content:url("/developers/resources/download/images/mac_icon2_over.png");
}

/**   ODPP Download pop-up   **/
.auth_popup {
	position:fixed; top:0; left:0;
	 width:100%; height:100%; 
	visibility:hidden;
}
.auth_popup_content {
	position:relative; top:140px; 
	width:75%; max-width:450px; height:150px; margin:auto; padding:16px;  
	background:#575757; border-radius:12px; opacity:0.95; color:white;
}
.auth_popup_content p img { margin-left:10px; margin-right:10px;}
.auth_popup_content div > a { color: white; }
.auth_popup_content div > a:hover {
	text-decoration:none;
	color:orange !important;
}

.showPopup {
	visibility: visible;
	-webkit-animation: fadeIn0 1s;
	animation: fadeIn0 1s
  }
  /* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn0 {
	from {opacity: 0;} 
	to {opacity: 1;}
  }
  
  @keyframes fadeIn0 {
	from {opacity: 0;}
	to {opacity:1 ;}
  }



  /* Tooltip container   (.inc.menu odpp tooltip) */
.odpptooltip { /*conflict with docSearch.css tooltip*/
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .odpptooltip .odpptooltiptext {
	visibility: hidden;
	font-size:11px;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
  
	/* Position the tooltip text */
	position: absolute; top: 38px;
	z-index: 1;
	left: 25%;
	margin-left: -60px;
  
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .odpptooltip .odpptooltiptext::after {
	content: "";
	position: absolute;
	 top: -36%;
	left: 50%;
	/* margin-left: -5px; */
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent ;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .odpptooltip:hover .odpptooltiptext {
	visibility: visible;
	opacity: 1;
  }

  /* Used to grow the server plug-ins download table*/
.serverPlugins { max-height:0; overflow:hidden;	transition: all 0.5s ease-in; }
  .expandPlugins { max-height:260px; }





  


/**Stripe CSS*/
.StripeElement {
    background-color: white;
  /*  height: 40px; */
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}



/****** Animated Orb Headings *****/
.orb_table_container {
	background:#E9F2E3; /*f6f6ff; */
	border:1px solid grey; padding:20px 0 20px 0; margin:0 20px 20px 20px;
}
.orb:hover { cursor:pointer; box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);}
         .orb {
            text-align:center;
            width:200px; height:200px; max-width:200px; min-width:200px;
            background:linear-gradient(to right, #D0D333, #50BEC9);
            border-radius:50%;
            display:table-cell;
            position:relative;
        }
         .orb h1 { 
            font-family: 'work_sans'; font-weight:normal;
            padding-top:25%;
            color:white;
            font-size:24px; 
             
        }
         .orb  img {
            position:absolute; left:0; top:0; opacity:0.4;
        }
        .orb img:nth-child(1) {opacity:1;}

		.orb_item { opacity:0; }
		.orb_item p { font-family: 'work_sans'; font-weight:normal;}
        .fadeIn { animation: fadeUp 1s ease 0.2s forwards; transform: scale(0.9);}
        @keyframes fadeUp { 100% { opacity: 1; transform: scale(1.0);} }
        .orb_table {
            width:100%; 
        }
        /* .orb_table tr td {
            padding: 0 20px 0 20px;
        } */
		.orb_table tr:nth-child(odd) td:nth-child(1){	padding: 0 20px 0 60px;   }
		.orb_table tr:nth-child(even) td { text-align: right; }
        .orb_table tr:nth-child(even) td:nth-child(2){	padding: 0 60px 0 20px;   }
        .orb_table tr:nth-child(even) td p { padding-left:33%;  } 
        .orb_table tr:nth-child(odd) td p { padding-right:33%;  } 







/*****************************************************************************************/
/* Styles for small screens */
@media screen and (max-width: 990px) {

.mobile_only {display:inline-block;}
.desktop_only {display:none !important;}
.menu_display {display:none !important;}
.hamburger_display {display:inline-block !important;}

    .level2Prod {
         width:99%; display:block;
         padding:40px 0 40px 0;
    }
    .footerColumn {
        width:99%; display:block;
         padding:0;
    }
    .footerColumn ul {
        padding-inline-start:0;
    }

    ul li img#basket_icon {
        padding:6px 26px 0 6px; 
    }
    
    table#basket tr td:nth-child(1) { width:1%; min-width:40px }
	table#basket tr td:nth-child(3) { width:10%; }
	table#basket tr td:nth-child(4) { width:26%; }
	table#basket tr td:nth-child(5) { width:10%; }
	table#basket img {
		padding:0 4px 0 0;
		max-width:50px;
	}

    
    .priceList, .priceList p ,  .priceList select, .priceList input, .priceList h3 {
        font-size:13px;
	}
	
	.priceImg {
		padding:10px 20px 10px 15px; 
		max-width:80px!important;
	}
	.buttonPosition {	margin-left:auto;	}
    
    div#checkoutDetails table {
        width:100%;
    }
    div#checkoutDetails span#expiryDate {
        font-size:12px;
    }
    div#checkoutDetails tr#cvcHelp {
        font-size:12px;
    }
    
    body p {
        font-size:15px; line-height:18px;
	}
	
	#topnav .omlogo {
		height:36px; width: 220px;
		/* content: url('/developers/resources/images/omnis_logo10.png'); */
		/* margin:0;  cursor:pointer; */
		/* padding: 16px 0 16px 32px; */
	   /* position:absolute; */
   }
    
    .search #gsc-iw-id1 {/*Reduce width of the Google search box*/
        width:90px !important;
        float: right;
    }
	
	.content .top_section {
		padding: 50px 10px 0 10px;

		}
    
    
    /* Default list styling */
    
    #nav li:hover {position:relative; z-index:200;}
    
    /* keep the 'next' level invisible by placing it off screen. */
    #nav ul, 
    #nav li:hover ul ul,
    #nav li:hover ul li:hover ul ul,
    #nav li:hover ul li:hover ul li:hover ul ul,
    #nav li:hover ul li:hover ul li:hover ul li:hover ul ul
    {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    transition-delay: 2s;
    }
	
	.siteSearchHome {
		width:280px; /*reduced input field size for mobile*/
	}
    
    .submenu {
        display:none;
        }
    
    .mobile_menu {
        position: fixed; top:30px; left:0;/*eft:-100px;*/
        display: none; /*hide mobile menus, initially*/
        list-style: none;
        z-index:1000; 
        width:190px;
        overflow:auto;
        /* height:280px; */
    }
    .mobile_menu li {width:96%;}
    .mobile_menu a {
        float: left;  opacity:0.95;
        background:#444; color:#fff;
		/* font-family: 'open_sanslight';  */
		font-family: 'work_sans';
		padding:3px;
		display:block; font-size:16px; height:28px; line-height:32px;
		width:100%; text-indent:5px; text-decoration:none;
    }
    .mobile_menu li > a:hover {
        background:#606060 !important;
        color:#fff;
    }
    
    .mobile_menu li .sub {
        font-size:14px;
        text-indent: 12px;
        line-height: 22px; height:22px;
        background:#c0c0c0 !important;  color:#222;
    }
    
        /* .main_content {
             margin-top:56px;
         } */
    
    .footer { /*smaller footer for mobiles*/
        /*height: 140px !important;*/
        /*position: relative; top: 60px; /*closes a gap*/
        }
        
    .footer_left {
        margin:0;
        bottom:20px;
        width:100%;
         text-align: center !important;
         }
         
    .footer_right {
        right:0;
        width:100%;
         text-align: center !important;
         }
    
         
        
        .home_section {
        margin-top:40px;
        }
         

         
    .home_section p {
    /*	font-size:14px;*/
        margin-left:12px;
        }
    
    #feature_box h3 {
        font-size: 13px;
    }
    
    
        .content h2 {
             padding-top:0;
        }
    
        .content h3 {
             padding-top:0;
            -webkit-margin-before:0; margin-top:0;
        }
    
        .page_header h1 {
            /*font-size: 18px; font-weight:normal;*/
            -webkit-margin-after:0;
        }
    

    
        .content .nav_bar {
            margin: 6px 0px 6px 0px;
            font-size: 14px;
            font-weight: bold;
        }	
    
        .general_table {
            font-size: 13px;
        }
    
        .general_table > tbody > tr > td > p > a > img {
             padding: 0 12px 8px 12px; /*force text to appear below img*/
            display:inline-flex;
        }
    
        .general_table > tbody > tr > td > h2 {
            font-size:15px !important;
        }
    
        .general_table .caption { clear:left; padding-top:4px;} /*start caption text on a new line*/
    
        .success_table >tbody > tr > td:first-child {
            width:100px;
        }
    
        .webinar_menu {
            font-size:12px;
        }
    
        body > div.main_content > div.content > div.top_section > ul > li {
            font-size: 12px;
            line-height:20px;
        }
    
        /*comp table icon*/
        /* .comp_table >tbody > tr > td:first-child > a >img {
            width:50px;
            padding:0;
        } */
    
    
        .home_features >tbody >tr > td > div {
            padding:8px 8px 12px 16px;
            /* height:120px; */
        }
    
        .home_features >tbody >tr > td> div> h2 {
            font-size:17px;
        }
    
        .home_features >tbody >tr > td> div> h2 span  {
            font-size:13px;
        }
	
		.home_features >tbody >tr > td> div> p { font-size:13px;}
        .home_features >tbody >tr > td> div> p> a { font-size:13px; }
    
        .image_right { /*inline images for success stories*/
            float:none;
            display:block;
        }
    
        .image_left { /*inline images for success stories*/
            float:none;
            display:block;
        }
    
        .pic4b {
            clear:both; float:none;
            margin:16px auto auto auto;
        }
    
        /*who's using omnis*/
        .who_pane {
            float:none;
            width:100%;
        }
    
        .who_pane > h3 {
            font-size:15px; font-weight: bold;
            -webkit-margin-before:0; margin-top:0;
            -webkit-margin-after:0px; margin-bottom:0;
            padding-top:2px;
            display:table;
        }
    
        .who_pane.one img {
            /*float: right;
            max-width:100px;*/
            display:none;
        }
    
        .who_pane.two img {
            display:block;
            margin-left:auto;
            margin-right:auto;
            padding-top:10px;
        }
    
        .who_pane.three p {
            margin:8px 0 0 0;
        }
    
        .mvDesigner_docs {
            top:45px;
             bottom:80px;
        }
    
        .blue_button, .orange_button, .grey_button {
            line-height:42px;
        }
    
        /*Home page intro video*/
        .home_vid_container { /*video & caption container* /
           /* right: 18px; top: 8px;*/
           margin: 32px auto auto auto;
        }
    
        .left_div {/*The outer div for the home page 'about' video*/
            margin:auto; width:100%;
        }
    
        .home_thumb{ /*play icon*/
            left:0; top: -12px;
        }
    
        .image_right { 
               margin-right:150px;
        }
    
        .home_caption {
            height:164px;
            top:70px;
        }
    
        .home_caption h1{
            font-size:26px !important;
            margin-top:44px;
            -webkit-margin-before: 40px; margin-top:40px;
            -webkit-margin-after: 8px; margin-bottom:8px;
        }
    
        .home_caption h2{
            font-size:18px;
            -webkit-margin-before: 10px; margin-top:10px;
            line-height: 22px;
        }
    
        .home_caption h3 {
            font-size:15px;
        }
    
        .home_caption ul {
            display:none;
        }
    
        .home_caption_background { 
            height:150px; 
        }
    
        .sidebyside { /*for small screens, sidebyside blocks go underneath the preceding block*/
            display:inline-block;
            margin-top:12px;
        }
    
        .sidebyside h1 {
            font-size:20px;
        }
    
        .sidebyside p {
            font-size:15px;
        }
        
        .video_div { /*video frame moves to the centre for small screens*/
            width:100%;
            margin: 12px auto auto auto;
            float:none;
        }
    
        .home_success_preview {
        width:47%; 
        }
    
        .release_caption_background {
            top:-42px;
            height:36px;
            opacity:0.9;
        }
    
        .release_caption {
             top:52px;
            height:36px; width:100%; 
            margin-bottom:36px;
        }
    
        .release_caption h2 {
            font-size:18px !important;
            margin-top:4px !important;
        }
    
        .release_caption img {
            max-height:30px;
            top: -1px !important;
            padding: 0 12px 0 12px;
        }
    
        .release_new {
             font-size:16px; 
        }
    
        .picAcademy {
            height:150px; width:150px;
            -moz-border-radius: 75px; -webkit-border-radius: 75px;  border-radius: 75px; 
         margin:0 16px;
        }
    
    
        .slide0title {
            top: 120px !important;
        }
    
        .slide0title div.home_buttons {
            -webkit-margin-before:8px !important; margin-top:8px !important;
        }
    
         .slide0title div h1{
            font-size:22px !important;
            padding: 0 8px 0 8px;
         }
    
         .slide0title div h2{
            padding: 0 8px 0 8px;
        }
    
        
        .home_product_info  h1{
            margin: 24px 16px 0 16px;
            font-size:32px;
        }
        .home_product_info  p{
            margin: 30px 32px 0 16px;
            font-size:18px; line-height: 24px;
        }
        .home_product_info td.left  a{
            font-size:18px;
        }
        .home_product_info td.left a:hover{
            font-size:18px;
        }
    
        .footer { 
            text-align:center; 
        }
        .social_media {
            top:22px; left:0;
            float:none;
            margin-top:0;
        }
        .social_media ul {
            padding:0;
        }
    
        .smalltext {
            font-size:10px; line-height:11px;
        }


	.cookie_overlay .caption1 p {
		margin:12px 0 0 0;
	}

	.odpp_cta {
		/*width:80%;  padding:12px 20px 12px 20px;*/
		width:100%; padding:0;
	}


	/*Animated Orb Headings*/
	.orb_table_container {padding:20px 0 20px 0; margin:0 0 20px 0; }
	.orb_table tr:nth-child(even) td p {padding-left:0;	} 
	.orb_table tr:nth-child(odd) td p {	padding-right:0;} 
	.orb_table tr:nth-child(odd) td:nth-child(1){	padding: 0 20px 0 20px; }
    .orb_table tr:nth-child(even) td:nth-child(2){	padding: 0 20px 0 20px; }


} /*small screens*/

/*****************************************************************************************/
/* Styles for small screens */
@media screen and (max-width: 420px) {

	#topnav .omlogo {
	height:36px; 
		height:32px; width:106px;
		background: url("/developers/resources/images/omnis_logo10.png") no-repeat;
		background-size: contain;
	}

	h2#homeTitle {
		font-size:22px;
	}

	.blue_button, .orange_button, .price_info {
		padding:6px; /*online store*/
	}
	.storeItem { padding:0; }

	.cookie_overlay .caption1 { margin:0 8px 0 8px; }

	.flexible {margin:0;}
	.devItem { height:320px; width:100%; }

	.halo {margin:0; }

}