/* ================================================================ 

=================================================================== */
body {
	margin:0px;
	padding:0px;
	width:100%;
	color:#606060;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body > p {
	line-height:22px;
}

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

a:hover {
	text-decoration:underline;
}

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

#nav {padding:0; margin:0; list-style:none; height:46px;
	background-image:url(/images/background1.png);
	z-index:2000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#nav li.top {display:block; float:left; height:46px;}
#nav li a.top_link {display:block; float:left; height:46px; line-height:46px; color:#ccc; text-decoration:none; font-size:15px; font-weight:normal; padding:0 16px 0 16px; cursor:pointer; /*background-color:#303030;*/}
#nav li a.top_link.selected {background:#808080; }
#nav li a.top_link:hover {color:#fff !important; background-image:url(/images/background2.png); z-index:-100;}

/* 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;
    z-index:2000;
}

#nav li:hover ul.sub{left:0; top:46px; background: #c0c0c0; opacity:0.9; padding:3px; white-space:nowrap; width:180px; height:auto; z-index:10;}
#nav li:hover ul.sub li{ height:32px; position:relative; float:left; width:180px; font-weight:normal;}
#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:#c0c0c0 url(/images/arrow.gif) 170px 9px no-repeat; }
#nav li:hover ul.sub li a:hover {background:#606060; color:#fff;} /*blue #3a93d2;*/
#nav li:hover ul.sub li a.fly:hover{background:#606060 url(/images/arrow_over.gif) 170px 9px no-repeat; color:#fff;}

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

#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:180px; top:-3px; background: #c0c0c0;  padding:3px; white-space:nowrap; width:180px; z-index:1000; height:auto; opacity:1.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;
}

#nav .selected {
	background: #e0e0e0 !important; 
	color: #303030 !important; 
	opacity: 1.0 !important;
	}

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

	background:#e0e0e0; 
	height:36px;
	line-height:36px;
	z-index:0;
	
	overflow: hidden; /*hide submenu items that do not fit on menu bar*/
}

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

 
.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;
}

#subnav {
padding:0; margin:0; 	
	list-style:none;
	}

#subnav a {
	font-size: 15px;
	text-decoration: none; 
	color: #808080;
	padding:6px 12px 6px 6px;
	white-space: nowrap;
	position:relative;
	/*font-weight: bold;*/
	/*left: -130px;*/
}

/*@-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: #659aff;/*#357AFF; /*303030;*/
	color: #ffffff !important; /*#e0e0e0 !important;*/

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

#subnav  li {
	list-style:none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0px 8px 0px 16px;
	background: #e0e0e0;
	margin: 0px 0px 0px 0px;
	position: relative; z-index: 999;
	/*width:118px;*/
	color: #303030; /*357AE9;*/
}

#subnav .selected a{
	font-size: 15px;
	color: #357AE9;
	}

.mobile_only {display:none;}
.desktop_only {display:inline}
/*}*/

/*Omnis logo: top left corner*/
.omlogo { 
	float:left; height:36px;
	display:block;
}

/*search box: top right hand corner*/
.search {
	float: right;
	position: absolute !important;
    right: 4px; top: 6px;
	/*max-width:200px; 21.06.2017*/
	max-width:270px;
    z-index:1000;
}



.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;
}

/*Page footer*/
.footer {
	margin:0 !important; padding:0 !important;
	height:200px;
	 width:100%;
	background:grey;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding:3px;
	font-size: 13px;
	color:#fff;
	display: block;
	position: relative; top: 0;
}

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

.footer_left {
    margin:0 !important; padding:0 !important;
	position:absolute; bottom:4px; left:4px;
	line-height: 16px;
}

.footer_left a {
	font-size:18px; }


.footer_left a:hover {
	color:#aaa;
}

.footer ul {
	list-style:none;
	font-size: 12px;
	line-height: 20px;
	text-indent: 8px;
}

.footer a {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
	text-decoration:none;
	color:#fff
	}

.home_footer {
  /*  position:relative; top:-4px; left:20px;*/
}
	
.site_map {
	position: absolute;
    top: 30px;
	text-align:left !important;
	display:block !important;
    width:100%;
	}
	
.site_map li:first-child {
	font-weight: bold;
	font-size: 14px;
	text-indent: 0px;
	}
	
.site_map a {
	font-size: 12px;
	}
	
@-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:#aaa;
	
	-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 {
	position:absolute; top: 4px; left: -20px;
}

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

/*@-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; } }*/

.social_media img:hover {
    /*-webkit-animation:fadeImg ease-in-out 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    /* -moz-animation:fadeImg ease-in-out 1;
     animation:fadeImg ease-in-out 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;*/
    opacity:0.5;
	}
	
.home_section {

	background:#fff;
	margin-top:60px;
	
	}
	
.home_section #intro {	
 /*width:430px; */
 
}
	
.home_section p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    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;
	}

.page_header { /*the introductory/title section on each page*/
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-left:20px; padding-top:12px;
}
.page_header .header_pic {
	float:right; padding-right:20px;
}

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

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

.page_header h3 {
	font-size: 16px; font-weight:normal;
	padding-top:0; padding-bottom:0px;
}

.page_header p {
	font-size: 14px; font-weight:normal;
	padding-top:0; padding-bottom:0px;
}


.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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	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*/
}
.content p {
    font-size: 15px; line-height:22px;
	-webkit-margin-before:0;
}

.content h1 {
	font-size: 26px; font-weight:normal;
	/*-webkit-margin-before: 0;*/
}

.content h2 {
     font-size: 20px;
    font-weight:normal;
     -webkit-margin-before:4px;
 }

.content h3 {
	font-size: 18px; font-weight:normal;
 }

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

}

/*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 15px;
}


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

.content .top_section {
	padding: 6px 20px 0 20px;
	}

/*.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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px; font-weight:normal;
	position:fixed; top:46px; 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: #fff; background: url(/images/blue_button_body.png) left top repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px 10px;}
.grey_button {color: #fff; background: url(/images/grey_button_body.png) left top repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px 10px;}
.orange_button {color: #fff; background: url(/images/orange_button_body.png) left top repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px 10px;}
.button a { white-space:nowrap; text-decoration: none; }
.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: 4px;
    -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: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px; font-weight:normal;
  border-collapse: collapse;
  width:100%;

}

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

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

.feature_table p {
	/*-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: #f6f6ff;
}

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

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

.feature_table >tbody > tr:nth-child(even) {
  background:#edfaf6;
  }
  
 .feature_table >tbody > tr:nth-child(odd) {
  background:#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;
 }

 .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 .caption { } /*just inline text for desktop view*/

/*.general_table > tbody > tr > td > h2 {
	padding: 0 0 0 8px; margin: 0;
}*/

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

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

.comp_table > tbody > tr > td {
	padding:10px;
	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 {
	/*font-weight: bold;*/
	background:#fafafa;
}

.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 {
	max-width:75px;
	padding:4px;
    -moz-border-radius: 4px; -webkit-border-radius: 8px;
    border: 3px solid transparent;
}


.success_table {
	border-collapse:collapse;
}

.success_table h3 {
	font-size:13px;
	-webkit-margin-before:3px; -webkit-margin-after: 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;
}

/*Patch download table matrix*/
.matrix_table {
    width:100%;
}

.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 >thead >tr >th {
    font-weight: bold;
    text-align:center;
}

.matrix_table >tbody >tr >td {
    background-color: #ddd;
    text-align:center;
}

.matrix_table th:not(:empty) {
    background-color: #eeeeee;
} /*---------------------------- */
  
  .dot {
  list-style-image: url(/images/omnis_bullet.png); margin: 5px 25px 5px 0px;
     /* display: inherit;*/
  }
	
.disclaimer,
.disclaimer p {
	font-size: 11px !important;
	line-height:13px !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;
}

.tinytext {
	font-size:10px;
}

.smalltext {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:12px;
}

.codetext {
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}

.technote { /*used to show/hise technotes based on category*/
	padding-top:20px;
	width:100%;
}

.home_features {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width:100%; background:#5577bb; color:#e0e0e0; border-spacing:0;
}

.home_features >tbody >tr > td  {
	padding:0;
	background:#5577aa;

}

.home_features >tbody >tr > td > div {
	padding:12px 52px 12px 12px;
	background:#336699;
	cursor:pointer;
    height:140px;
    position:relative; /*for positioning imgs*/
}

/*.home_features >tbody >tr > td:first-child > div {*/
    /*cursor:default; !*no pointer cursor outside intro-video*!*/
/*}*/

/*.home_features >tbody >tr > td:first-child> div> h2 { !*word wrap for intro video H2*!*/
/*width:40%;*/
/*}*/

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

.home_features >tbody >tr > td> div> h2 {
	font-weight:normal;
    min-height:56px; /*make H2s consume two lines*/
}

.home_features >tbody >tr > td> div> h2 span {
        font-size:18px;
    }

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

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

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

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

.image_left { /*inline images for success stories*/
	float:left;
	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:absolute; right: 50px; top: 30px;
    background:#5577bb;
    border:2px solid #5577bb;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.home_vid_container > p { color:#e0e0e0; }

.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/images/vid_btn.png) no-repeat;
    position:relative; left:10px; top: -4px;
}

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

.home_thumb_INTRO{ /*intro video thumb image*/
    margin:0;
    background:url(/videos/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;
}


/*****************************************************************************************/
/* Styles for small screens */
@media screen and (max-width: 799px),
only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2)
{
.mobile_only {display:inline;}
.desktop_only {display:none !important;}


.search #gsc-iw-id1 {/*Reduce width of the Google search box*/
	width:90px !important;
	float: right;
}

#nav {padding:0; margin:0; list-style:none; height:46px; background-image:url(/images/background1.png);  z-index:500; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}

/* 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;
}

#nav li a.top_link,
#nav li ul 
 { /*visibility: hidden;*/ }

.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:#a0a0a0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding:3px;
	display:block; font-size:16px; height:28px; line-height:28px; width:100%; text-indent:5px; color:#444; 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: 16px; height:16px;
	background:#c0c0c0 !important;
}

	.main_content {
		 margin-top:56px;
	 }

.footer { /*smaller footer for mobiles*/
	height: 80px !important;
	/*position: relative; top: 60px; /*closes a gap*/
	}
	
.footer_left {
    left:0;    bottom:20px;
    width:100%;
	 text-align: center !important;
	 }
	 
.footer_right {
    right:0;
    width:100%;
	 text-align: center !important;
	 }

	 
	 .site_map ul li {
	/* font-size: 12px !important;*/
	
	 }
	 
	 .site_map a {
	/*font-size: 9px;*/
	}
	
	.home_section {
	margin-top:40px;
	}
	 
.home_section #intro {	
 /*width:50%; */
 
}
	 
.home_section p {
/*	font-size:14px;*/
	margin-left:12px;
	}


	
#feature_box {
  /*  font-size: 10px;*/
	}

#feature_box h3 {
	font-size: 13px;
}

.content p {
  /*  font-size: 13px;*/
}

	.content h1 {
		 padding-top:0px;
        -webkit-margin-before:0;
	}

	.content h2 {
		 padding-top:0;
	}

	.content h3 {
		 padding-top:0;
        -webkit-margin-before:0;
	}

	.page_header h1 {
		/*font-size: 18px; font-weight:normal;*/
		-webkit-margin-after:0;
	}

	.page_header h2 {
		/*font-size: 15px; font-weight:normal;*/
	}

	.page_header h3 {
		/*font-size: 12px; font-weight:normal;*/
	}

	.page_header p {
		/*font-size: 10px; font-weight:normal;*/
	}

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

.content .nav_bar {
	margin: 6px 0px 6px 0px;
	font-size: 14px;
	font-weight: bold;
}	

.content tbody > tr > td {
	/*font-size: 11px;*/

	}

	.button a {font-size:13px; }

	.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;
		horiz-align: center;
		padding:0;
	}

	.home_features {
		/*position:relative; top:-1px;*/
	}

	.home_features >tbody >tr > td > div {
		padding:8px 8px 12px 8px;
		min-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> a {
		font-size:12px;
	}

	.image_right { /*inline images for success stories*/
		float:none;
		display:block;
	}

	.image_left { /*inline images for success stories*/
		float:none;
		display:block;
	}

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

    .who_pane > h3 {
        font-size:15px; font-weight: bold;
        -webkit-margin-before:0;
        -webkit-margin-after:0px;
        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;
    }

    /*Home page intro video*/
    .home_vid_container { /*video & caption container*/
        right: 18px; top: 8px;
    }

    .home_vid_thumb{ /*container for video*/
        height:68px;
        width:120px;
    }

    .home_thumb{ /*play icon*/
        left:0; top: -12px;
    }

} /*@media  small screens

/*--------------------very small screens--------------------------*/
@media screen and (max-width: 480px) {

    .home_features >tbody >tr > td> div> h2 {
        font-size:15px;
    }

    .home_features >tbody >tr > td> div> h2 span {
        font-size:12px;
    }

    /*Home page intro video*/
    .home_vid_container { /*video & caption container*/
        right: -6px; top:40px;
        background:transparent;
        border:2px transparent;
    }

    .home_vid_thumb{ /*container for video*/
        height:50px;    width:90px;
    }

    .home_thumb{ /*play icon*/
        left:-14px; top: -20px;
        height:90px;
    }

    .home_thumb_INTRO {
        background-image:none;
    }

} /*@media very small screens*/