@charset "UTF-8";
/* CSS Document */
.notes {
	color:#ED1C24;
	font-size:15px;
}

* {outline: none;}
body {
	margin:0px;
	padding:0px;
	background-color: #eceef1;
}
#wrapper {

}

#header {
	/*height:56px;*/
	height:45px;
	width:995px;
	margin: 0 auto;
}
.header-wrapper {
	background-color: #ED1E25;
}
.branding {
	float:left;
	margin-top: 10px;
}
#container {
	background-color:#fff;
	width:995px;
	margin: 0 auto;
	margin-bottom:30px;
}

#content {
	padding:20px 30px 30px 30px;
}
#footer {
	width: 935px;
	margin: 0 auto;
	border-top: 1px #bcbcbc solid;
	padding-bottom:15px;
	padding-top:10px;
}

#producthead {
	margin-bottom:10px;
	display:block;
	background-image:url(/image/crumbs/product_branding_bg.png);
	background-repeat:no-repeat;
	background-position: bottom;
	height: 100px;
}

#leftcol {
	width:200px;
	float:left;
	margin-right:30px;
}
#colright {
	margin-left:230px;
}
/* Fonts */

Body, .ui-widget, .ui-widget-content, ui-accordion-content{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	line-height: 18px;
	color:#646464;
}
p {
	margin-top:0px;
	margin-bottom:15px;
}
H1 {
	color:#ED1C24;
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
}
H2 {
	color:#ED1C24;
	font-size:20px;
	font-weight:normal;
	margin-bottom:8px;
	line-height: 1.25em;
}
h3 {
	font-size:16px;
	font-weight:normal;
	color:#231F20;
	margin-bottom:4px;
}
ul  {
	list-style:disc;
}
/* Tabs */

#news h3 a,
#news h3 a:visited,
#news h3 a:active,
#license h3 a,
#license h3 a:visited,
#license h3 a:active,
#tabs h3 a,
#tabs h3 a:visited,
#tabs h3 a:active,
#servosoft h3 a,
#servosoft h3 a:visited,
#servosoft h3 a:active,
.ui-tabs-panel a
 {
	color:#2592BD;
}
#news h3 a:hover,
#tabs h3 a:hover,
#license h3 a:hover,
#servosoft h3 a:hover,
.ui-tabs-panel a:hover, {
	color: #ED1C24;
}
.ui-tabs-panel li {
	text-align:left;
}
.tabsubhead {
	font-size:10px;
}


#news .ui-tabs-panel ul,
#tabs .ui-tabs-panel ul,
#license .ui-tabs-panel ul,
#servosoft .ui-tabs-panel ul
 {
	height:auto;
}


/* newly added oct 24th */
.tighter.ui-tabs .ui-tabs-panel {
    padding: .5em .5em;
}

.tighter .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0.2em;
}

.tighter .ui-accordion .ui-accordion-icons {
    padding-left: 1.7em;
}

.tighter .ui-accordion .ui-accordion-content {

    padding: 1em 1.7em;
}

/* end edits */
strong {
	/* color:#000; */
}
a, .ui-widget-content a  {
	color:#2592BD;
	text-decoration:none;
}

h2 a {
	color: #ED1C24;
}
h2 a:hover {
	color: #000;
}

a:hover {
	color: #ED1C24;
	text-decoration: none;
}

table {
	width:100%;
	border:1px solid #bcbcbc;
	margin-top:20px;
}
table.tablesimple {
	border:none;
}
table.tablesimple td {
	border:none;
}
table.tablesimplenobordermargin {
	border:none;
	padding:0px;
	margin:0px;
}
table.tablesimplenobordermargin td {
	border:none;
	padding:0px;
}
td, th {
	padding:5px;
}
.centerlabel {
	text-align:center;
}
td {
	border-top: 1px solid #bcbcbc;
	vertical-align:top;
}
td.algnright, th.algnright {
	text-align:right;
}
td.tddownload {
	border-left:1px solid #bcbcbc;
	padding:0px 40px;
}
th {
	text-align:left;
	background-color:#507177;
	color:#fff;
}
#footer {
	font-size:11px;
	color:#999;
}

#footer a.UrlCopyright
 {
	color:#999;
}
#footer a:hover.UrlCopyright {
	color:#999;
}


/* images */
.imgright {
	display:inline;
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.imgleft {
	display:inline;
	margin-bottom:10px;
	float:left;
	margin-right:20px;
	height:auto;
}


/* Form table */

table.formtable {
	margin-top: 20px;
}
table.formtable td {
	border:none;
	vertical-align:top;
}



/* button */

.button {
	margin:20px 0;
}
.button a{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 10px 10px 10px 10px;
	color:rgb(0, 0, 0);
	font-size:13px;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	background-color: rgb(204, 204, 204);
	background-image:linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(238, 238, 238)), to(rgb(204, 204, 204)));
	background-image:-moz-linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
}
.button a:hover{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 10px 10px 10px 10px;
	color:rgb(255, 0, 51);
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	background-color: rgb(238, 238, 238);
	background-image:linear-gradient(-90deg, rgb(204, 204, 204), rgb(238, 238, 238));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(204, 204, 204)), to(rgb(238, 238, 238)));
	background-image:-moz-linear-gradient(-90deg, rgb(204, 204, 204), rgb(238, 238, 238));
}
.button a:active{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 10px 10px 10px 10px;
	color:rgb(0, 0, 0);
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);
	background-color: rgb(204, 204, 204);
	background-image:linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(238, 238, 238)), to(rgb(204, 204, 204)));
	background-image:-moz-linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
}

/*
.button a {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	color:#231F20;
	font-size:12px;
	font-weight:normal;
	padding:6px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button a:active {
	position:relative;
	top:1px;
}
*/


.ui-tabs-panel .button a.button  {
	color:#231F20;
}
.ui-tabs-panel .button a:hover {
	color: #ED1C24;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	background: #ED1E25;
	float: right;
	width: 700px;
	/*margin-top:17px;*/
}
#access .menu-header,
div.menu {
	font-size: 14px;
	width: 700px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	float:right;
	padding-top: 10px;
	/* test
	margin-left: -20px; */
}
#access .menu-header li,
div.menu li {
	float: left;
	height: 33px;
}
#access a {
	color: #fff;
	display: block;
	line-height: 34px;
	padding: 0 45px;
	text-decoration: none;
	border-right: 1px solid rgba(0,0,0,0.2);
}
#access a.lastnav {
	padding-right: 30px;
	border:none;
}
#access a.firstnav {
	/* old padding-left: 0px; */
}
#access ul ul {
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 43px;
	width: 180px;
	z-index: 99999;
	border:1px solid #666;
	padding-left:10px;
	margin-left:45px;
	/*
	background-image:url(/image/header/nav_bg2.png);
	*/
	background-color:#fff;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	line-height: 1em;
	padding: 10px 10px 10px 0px;
	height: auto;
	color: #455660;
}
#access li:hover > a {
	color: #fff;
}

#access ul ul :hover > a {
	/*color: #455660;*/
	color: #ed1c24;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}
@media only screen and (max-width: 1227px) {
  #access .menu-header{
    width: 750px;
  }
	#access .menu-header ul {
		/* old margin-right: 140px; */
		margin-right: 120px;
	}
}



/* sec nav */
#secnav {
	margin-bottom:50px;
}
#secnav h3 {
	color:#507177;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}
#secnav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#secnav ul li {
	margin-bottom:20px;
}
#secnav a {
	font-size:16px;
	color:#231F20;

	background-image:url(/image/crumbs/secnav_square.png);
	background-position: 0 50%;
	background-repeat:no-repeat;
	padding-left:20px;

}

#secnav a.active {
	background-image:url(/image/crumbs/secnav_square_current.png);
}
#secnav a:hover {
	color: #ED1C24;
}
/* tabs */
#news ul,
#license ul,
#tabs ul,
#servosoft ul
 {
	height:32px;
}
.ui-tabs .ui-tabs-nav li a {
	border:none;
}
/* tertiary_nav
--------------------------------------------------------------- */
#tertiary_nav {
	display:block;
	margin-top:20px;
	height:35px;
}
#tertiary_nav ul {
	list-style: none;
	margin: 0px;
	padding:0px;

}
#tertiary_nav ul li {
float:left;
padding-right:10px;
margin-right:10px;
border-right:1px solid #bcbcbc;
}
#tertiary_nav ul li.lastlink {
	border:none;
}

/* =News/Event Content
-------------------------------------------------------------- */
.newsevents {
	background-color:#fff;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom:20px;
}
.newsevents ul {
	list-style:none;
	margin-left: 0px;
	padding-left:15px;
	font-style:12px;
	margin-top:5px;
	font-size:12px;
}
.newsevents ul li {
	margin-bottom:10px;
}
.newsevents h4 {
	margin-left:15px;
	margin-bottom:5px;
	color:#000;
}
.newsevents h4 a {
	color:#000;
}


h3.news, h3.events {
	font-weight:normal;
	font-size: 16px;
	margin:0px;
	background: #c2c4c9; /* Old browsers */
	margin-bottom: 20px;
}
h3.news a, h3.events a {
	color:#000;
	padding:10px 5px 10px 46px;
	display:block;
	background-image:url(/image/crumbs/new_icon.png);
	background-repeat:no-repeat;
	background-position: 12px;
}
 h3.events a {
	 background-image:url(/image/crumbs/events_icon.png);
 }

h3.news a:hover, h3.events a:hover, .newsevents h4 a:hover {
	color: #ED1C24;
}

/* =Home Content
-------------------------------------------------------------- */

#featured {
	margin-top: 20px;
	margin-bottom:40px;
	position:relative;
}

#banner {  /* positions the banner top right stacked above the feature */
	width:250px;
	height:189px;
	z-index:100;
	position:absolute;
	top:0;
	right:0;
}


#homecontent {
	width:660px;
}
#homenews {
	width:240px;
	float:right;
}
#colone, #coltwo {
	width:315px;
	float:left;
}
#colone {
	margin-right:30px;
}
h3.engineering, h3.developer {
	height:29px;
	padding-left:35px;
	padding-top:6px;
	margin-bottom:0px;
	background-image:url(/image/crumbs/dev_icon.png);
	background-repeat:no-repeat;
}
h3.developer {
	background-image:url(/image/crumbs/eng_icon.png);
}


/* product */
#product-feature-wrapper {
/*	background-image:url(/image/product-feature/product-feature-shadow.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	padding-bottom:16px;*/
	margin-bottom: 50px;
	}




#product-feature {
	background-color: #455660;
	padding:30px 23px 25px;
	border-bottom: 1px solid #fff;
}
#product-feature.servosoft.servo-bg {
	background-image:url(/image/crumbs/feature-sep-top.png);
	background-position:bottom left;
	background-repeat: no-repeat;
}

#product-feature.addon {
	background-color: rgba(70, 86, 96, 0.8);
	background-image:url(/image/crumbs/feature-sep-bottom.png);
	background-position:bottom left;
	background-repeat: no-repeat;
	background-position:top left;
	padding-top: 40px;
}
#product-feature.addon .call-to-action a.cta-button:hover{
	/*
	background-color: #fff;
	color: #ed1c24;
	*/

}


#product-feature h1 {
	font-size:24px;
	margin: 0 0 12px;
	color: #fff;
}
#product-feature p {
	font-size:14px;
	line-height:22px;
	margin-bottom: 25px;
	color: #fff;

}

.product-key, h3.features-heading {
	padding:20px 0;
	margin:0 15px;
	border-bottom:1px solid #bcbcbc;
}

h3.features-heading {
	font-size: 20px;
	padding: 15px 0;
}


/* miss styles */
.teammember {
	padding:20px 0;
	border-bottom:1px solid #bcbcbc;
}
.teammember h3 {
	margin-top: 0px;
	margin-left:142px;
}
.teammember p {
	margin-left:142px;
}
.last-key {
	border-bottom:none;
}
.dateright {
	float:right;
}
/* accordion */
#accordion {
	margin-top:30px;
}
#accordion div {
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #507177; font-weight: normal; color: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; }

/* articles back button */


.backtoartcles {
	display:block;
	height:27px;
	margin-bottom:0px;
}

.backtoartcles a {
	background-color:#eeeeee;
	border:#999 solid 1px;
	padding:4px 6px;
	margin:0px 0px 0px 0px;
	float:right;
}

/* order btn on the servosoft landing page */

a.order-btn {
	background-color:#ED1C24;
	padding:5px 10px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	border-radius: 10px;
	margin:0px;
	height:20px;
}

/* buy button */
.buy-button {

	background-color:#c2c4c9;
	color:#fff;
	padding: 3px 8px;
	text-align:center;
/*	margin:20px auto; */
	display:block;
	cursor:pointer;
	width:25%;
}
.buy-button:hover {
	color:#fff;
	background-color:#ED1C24;
	}
/*button */
.cta-button {
	border: 1px solid #fff;
	color:#fff;
	padding: 6px 10px;
	margin: 0 10px;
	text-align:center;
	cursor:pointer;
	font-size: 11px;
}
.cta-button.home {
	display: block;
	width: 90px;
	margin: 0 auto;
}



.cta-button:hover, .cta-button.home:hover {
	color:#fff;
	background-color:#ED1C24;

}
.call-to-action {
	text-align: center;
}
.product-lineup {
	border-top: 1px solid #ddd;
	padding: 0 0 12px 0;
}

/* homepage banner */

   .slideShow > div:not(.showImg) {
        display: none;
    }

    .showImg {
        display: block;
        width: 430px;
        height: 170px;
    }
    #slideshow {
        background-color: #445660;
        /*width: 430px;*/
        width: 46%;
        min-width: 150px;
        max-width: 430px;
        height: 277px;

        position: relative;
    }
    #slideshow p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #fff;
        font-size: 20px;
        width: 80%;
        line-height: 1.5em;
    }
    .showImg {
        -webkit-animation: fadetext 2s;
          -moz-animation:    fadetext 2s;
          -o-animation:      fadetext 2s;
          animation:         fadetext 2s;

    }
    .banner-right, .banner-left {
        float: left;
    }
    .banner-left {
    	background-image: url(/image/banner/banner_left_bg.png);
    	background-repeat: no-repeat;
    }
    #featured {
        width: 934px;
        margin-bottom: 40px;
				height: 345px;
        display: table;
    }
    .banner-right {
        /*width: 504px;*/
        width: 54%;
        height: 277px;
    }

    @-webkit-keyframes fadetext {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @-moz-keyframes fadetext {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @-o-keyframes fadetext {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }
    @keyframes fadetext {
      0%   { opacity: 0; }
      100% { opacity: 1; }
    }


		.button {
		  white-space: nowrap;
		}
		.conveythis-no-translate {
		  top: 0 !important;
		}

.form-control {
	font-size: 14px;
}