@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
h3, h4, h5, h6 {margin:20px 0 5px 0;}
body {text-align:center; background-color:#e3e5e5}
.doc {width:1000px; background-color:#fff; text-align:left; padding:8px 10px 10px 10px; min-height:760px; _height:760px;}
.content {background-color:#fff; padding:0px; margin:0px;}

/*header*/
#hd {background:#fff url('/images/allegroNFS_bg_blue.png') no-repeat; height:110px;}
#hd ul {list-style-type:none; margin:0; padding:0;}
#hd ul li{margin:0; padding:0; float:left;}
#hd ul li.logo {margin:20px 0 0 20px;}
#hd ul li.tagline {font:normal 16px arial; color:#fff; margin:45px  0 0 120px; border:0px solid #ff00cc;}
#hd ul li.logo2 {margin:20px 0 0 20px;}
.wrapper { zoom:1;}
.wrapper:after{content:'.';display:block;clear:both;visibility:hidden;height:0;}
.container{ zoom:1;}
.container:after {content:'.';display:block;clear:both;visibility:hidden;height:0;}

/*Video*/
.mdlvd {margin:10px 0 0 0;}

/*standard*/
a:link, a:visited, a:active{text-decoration:none; color:#0180c0;}
a:hover {text-decoration:underline; color:#444}
img {border:0px;}
input {margin:0; padding:0;}
.clear {clear:both; height:1px; overflow:hidden;}
.clearall {clear:both}

/*Sub Navigation*/
.leftnav {float:left;}
.leftnav ul.sub {background:url('/images/allegroNFS_bg_nav.gif') repeat-x; width:200px; margin:10px 10px 10px 0px; padding:10px 0px 40px 0px;}
.leftnav ul.sub li {list-style:none; font:normal 12px arial; padding:8px 10px 8px 10px; border-top:1px solid #91d5e5; margin:0;}
.leftnav ul.sub li.first{border-top:0px solid #aae4eb;}
.leftnav ul.sub li a:hover {text-decoration:none; color:#006699;}
.leftnav ul.sub li a:link, .leftnav ul.sub li a:visited{color:#006699}
.leftnav ul.sub li.selected {background-color:#73c0d3; font:bold 12px arial; color:#fff; *margin:0; *padding:8px 0 8px 10px;}
.leftnav ul.sub li.selected a:link, .leftnav ul.sub li.selected a:visited {color:#fff;}
.leftnav ul.sub li:hover.selected {background-color:#91d5e5;}
.leftnav ul.sub li:hover {background-color:#91d5e5;}
.leftnav ul.sub .ssmenu {width:200px; margin:0 0 10px 0; *margin:0 0 10px -10px; _margin:10px 0 0 -10px; _background-color:#fff;}
.leftnav ul.sub .ssmenu ul {*margin-top:10px; *margin-left:0px; *background-color:#fff;}
.leftnav ul.sub .ssmenu ul li {padding:6px 0 6px 25px; margin:0; font:normal 12px arial; border:0px; *padding-left:20px; *width:180px; *padding-bottom:8px; _padding:0 10px 12px 10px; }
.leftnav ul.sub .ssmenu ul li:hover{background-color:#91d5e5;}
.leftnav ul.sub .ssmenu ul li.selected2 {background-color:#fff; font:bold 12px arial; *margin-top:0px; _margin-top:0px; color:#006699;}
.leftnav ul.sub .ssmenu ul li.selected2:hover{*background-color:#fff;}
.leftnav ul.sub .ssmenu ul li.selected2 a:link, .leftnav ul.sub .ssmenu ul li a:link {color:#006699;}
.leftnav ul.sub .ssmenu ul li.selected2 a:visited, .leftnav ul.sub .ssmenu ul li a:visited {color:#006699;}
.leftnav ul.sub .ssmenu2 {padding:0 0 5px 0px; *padding-top:5px; background-color:#fff; width:200px; _width:180px; *width:150px;}
.leftnav ul.sub .ssmenu2 ul { *margin-top:10px; *margin-left:-10px; *background-color:#fff;}
.leftnav ul.sub .ssmenu2 ul li {font:normal 12px arial; padding-left:40px; _padding:10px 0 0 15px; *padding-left:10px;}
.leftnav ul.sub ul.sssmenu  {*margin-left:-20px; background-color:#fff;}
.leftnav ul.sub ul.sssmenu li {padding:5px 10px 5px 40px; *padding:5px 0 5px 30px; *width:170px}
.leftnav ul.sub ul.sssmenu li.hover {border:#91d5e5}
.leftnav ul.sub ul.sssmenu li.selected3 {font:bold 12px arial; background:url('../images/icon_navarrow.gif') no-repeat 18px;} 

/*Allegro NFS Server*/
.nfsmain {float:left; width:750px; background:url('/images/bg_main_01.jpg') no-repeat top right; margin:10px 0 5px 0; padding:20px; *height:280px; _height:280px; min-height:280px;}
.nfsmain h1 {font:normal 22px arial; padding:0 0 10px 0; color:#333;}
.nfsmain h2 {font:normal 20px arial; padding:0 0 10px 0; color:#333;}
.nfsimage {float:right; margin:0 10px 0 10px; background:url('/images/allegroNFS_franz.png') no-repeat top right; width:159px; height:201px;}
.nfscnt {float:left; font:normal 14px arial; padding:0 0 10px 0; color:#454545; width:530px;}
.nfscnt a:link, .nfscnt a:visited {text-decoration:none; border-bottom:1px dotted #666; color:#0071aa;}
.nfscnt a:hover {color:#222;}
.nfscnt p {margin:0 0 10px 0;}
.nfsbody {float:left; width:740px; margin:0 10px 5px 10px; padding:0px; font:normal 12px arial;color:#333; }
.nfsbody h1 { font:bold 22px arial; color:#333; margin:10px 0 10px 0}
.nfsbody h2 { font:bold 18px arial; color:#333; margin:10px 0 10px 0}
.nfsbody ul, .nfsbody ol {margin:10px 0 10px 10px; padding:0 0 0 0 /* used to be 20 0 20 0 */}
.nfsbody ul li, .nfsbody ol li {padding:0 0 0 10px; margin:0px 0 5px 20px}
.nfsbody p {margin:10px 0 10px 15px}

.newsmdl {float:right; width:767px; margin:5px 1px 10px 0; border:1px solid #ccc; padding:10px; background:#f0f2f3 repeat-x top left;}
.newsmdl h1 {font:normal 22px arial; padding:0 0 10px 0; color:#333;}
.newsmdl h2 {font:normal 20px arial; padding:0 0 10px 0; color:#333;}

/#
.newsmdl h3 {font:bold 14px arial;}
.newsmdl ul {margin:10px 0 0 20px; padding:0; font:normal 12px arial;}
.newsmdl ul li {padding:0 0 10px 0; margin:0; color:#555;}
#/
.newsmdl ul {margin-left:20px; margin-bottom:15px}
.newsmdl ul ul{ margin-bottom: 0px; }
.newsmdl ul li {line-height:1.7em;}
.newsmdl a:link, .newsmdl a:visited {text-decoration:none; color:#0180c0;}
.newsmdl a:hover {text-decoration:underline; color:#444;}
.nfsmdlcnt {float:right; width:300px;}
.nfsmodule {border:1px solid #ccc; padding:10px; margin:0 10px 5px 0; font:normal 12px arial; color:#555; background:#f0f2f3 repeat-x top left; width:278px; _margin:0 0 5px 0;}
.nfsmodule h2 {font:bold 14px arial; padding:0 0 10px 0; color:#333;}
.nfsmodule p {margin:0 0 10px 0}
.nfsmodule ul {margin-left:20px; margin-bottom:15px}
.nfsmodule ul ul{ margin-bottom: 0px; }
.nfsmodule ul li {line-height:1.7em;}
.nfsmodule .docs {float:right; margin: 30px 5px 0 5px;
padding-bottom:20px; background:url('../images/icon_docs_1.png') no-repeat top
left; width:62px; height:104px;}
.gb {background:url('../images/temp_icon1.png') no-repeat top left; float:right; height:62px; width:64px; margin:30px 0 0 0;}
.tl {background:url('../images/temp_icon2.png') no-repeat top left; float:right; height:62px; width:64px; margin:30px 0 0 0;}


/*Download*/
.downloadbtn {margin:0; padding:0;}
.downloadbtn ul li {margin:0; padding:0; float:left; list-style-type:none;}
.downloadbtn ul li.orderbtn {margin:10px 10px 0 0;}
.downloadbtn ul li.trialbtn{margin:10px 0 0 0;}

/*Footer*/
#ft {background-color:#fff; font:normal 11px verdana; text-align:left; width:1000px !important; margin:auto !important; clear:both; padding:10px; margin:0; color:#666; line-height:14px; text-align:center;}

/* Sliders */ 
.swtsliderbody { width:100%; background-color:#C8E7ED; }
.edtsliderbody { width: 100%; background-color:#B9DC91; } /* CFF1A8 */

/* workaround for shifting bug when scrollbar appears/disappears */
html { min-height:100%; margin-bottom: 1px; height:100%}

pre, #example {
   margin:0 0 10px 0;
   background-color: #C8E7ED;
   font-size: 120%;
   overflow: auto;
   overflow-x: auto;  /* for IE, but it doesn't work for me */
}

dd { margin:0 0 5px 25px; }

.blankTargetImage {
  padding-left: 0.3em;
}

.accordianIndicator {
  padding-left: 0.3em;
  padding-bottom: 0.1em;
}



/* First Semantic Technologies table */
#box-table-swta
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-swta th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-top: 4px solid #bbe7f2;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-swta td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-swta tr:hover td
{
	background: #aae4eb;
	color: #339;
}

/* second  Semantic Technologies table */

#box-table-swtb
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-swtb th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-top: 4px solid #bbe7f2;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-swtb td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-swtb tr:hover td
{
	background: #aae4eb;
	color: #339;
}

/*------------------------*/

#box-table-swtc
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
	border-top: 4px solid #bbe7f2;
	border-bottom: 2px solid #fff;
}
#box-table-swtc th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-swtc td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}
/*------------------------*/

#box-table-swtd
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
	border-top: 4px solid #bbe7f2;
	border-bottom: 2px solid #fff;
}
#box-table-swtd th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-swtd td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

/* ---------------------------- */
#box-table-swte
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-swte th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-top: 4px solid #bbe7f2;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-swte td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}



/* First Enterprise Development table */

#box-table-edta
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-edta th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #87b658;
	border-top: 4px solid #dee9be;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-edta td
{
	padding: 8px;
	background: #d8e7b0; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-edta tr:hover td
{
	background: #85b758;
	color: #339;
}

/* Slider */ 
.nfssliderbody { width:100%; background-color:#C8E7ED; }


/* ******************************************************** */
/* Copyright (c) 2017 by Paul Noble  (http://codepen.io/paulnoble/pen/ZYOzLG)
** Permission is hereby granted, free of charge, to any person obtaining
** a copy of this software and associated documentation files (the "Software"),
** to deal in the Software without restriction, including without limitation
** the rights to use, copy, modify, merge, publish, distribute, sublicense,
** and/or sell copies of the Software, and to permit persons to whom the
** Software is furnished to do so, subject to the following conditions:
**
** The above copyright notice and this permission notice shall be included
** in all copies or substantial portions of the Software.
**
** THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
** OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
** FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
** THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
** LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
** FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
** DEALINGS IN THE SOFTWARE.
*/

* {
  box-sizing: border-box;
}
/*
html,
body {
  height: 100%;
  min-height: 600px;
}
*/
body {
  background-color: #222224;
  background-image: linear-gradient(#17191f, #252a35);
  height: 100%;
  font-family: 'roboto', 'helvetica neue', arial, sans-serif;
}
.carousel {
  position: relative;
  width: 600px;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.carousel:hover .slide:after,
.carousel:hover .counter,
.carousel:hover .slide:before {
  opacity: 1;
}
.slide {
  float: right;
  position: absolute;
  z-index: 1;
  width: 600px;
  height: 400px;
  background-color: #eee;
  text-align: center;
  transition: opacity 0.4s;
  opacity: 1;
}
.slide:before {
  content: attr(annot);
  display: block;
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: rgba(255,255,255,0.9);
  font-size: 14px;
  font-weight: 300;
  z-index: 12;
  opacity: 0;
  transition: opacity 0.3s;
  text-shadow: 0 0 1px #000;
}
.slide:after {
  content: attr(slide);
  display: block;
  position: absolute;
  bottom: 0;
  transition: opacity 0.3s;
  width: 100%;
  height: 80px;
  opacity: 0;
  background-image: linear-gradient(transparent, rgba(0,0,0,0.5));
  text-align: left;
  text-indent: 549px;
  line-height: 101px;
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  text-shadow: 0 0 1px #000;
}
.counter {
  position: absolute;
  bottom: 20px;
  right: 1px;
  height: 20px;
  width: 60px;
  z-index: 2;
  text-align: center;
  color: #fff;
  line-height: 21px;
  font-size: 13px;
  opacity: 0;
  transition: opacity 0.3s;
}
.faux-ui-facia {
  top: 0;
  right: 0;
  float: right;
  position: absolute;
  margin-top: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.faux-ui-facia:checked {
  z-index: 8;
}
.faux-ui-facia:checked + .slide {
  opacity: 0;
}
.faux-ui-facia:checked:nth-child(1):checked {
  z-index: 9;
}
.faux-ui-facia:nth-child(1):checked {
  float: left;
  z-index: 9;
}
.faux-ui-facia:nth-child(1):checked + .slide {
  opacity: 1;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia {
  float: left;
  z-index: 8;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia + .slide {
  opacity: 0;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia:checked {
  z-index: 9;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia:checked + .slide {
  opacity: 1;
}
/* --- Intro text --- */
/*
.intro {
  padding: 80px 0 60px 0;
  text-align: center;
  color: #fff;
  margin: auto;
  width: 800px;
}
.intro .intro__title {
  font-weight: 200;
  font-size: 32px;
  color: #fff;
}
.intro .intro__body {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  opacity: 0.48;
  padding: 0 160px;
  margin: 0;
}
*/

.carfont {
    font-family: 'roboto', 'helvetica neue', arial, sans-serif;
}

div.blockquote {
   position: relative;
   left: 30px;
   width: 650px;
}