@CHARSET "ISO-8859-1";

/*-----------interior.css-----------------------------------------------

interior.css
 --For interior.htpl (interior pages template)

master.css
 --Global css used by all pages

home.css
 --For home.htpl (home page template)

---------------------------------------------------------------------*/
	/* #maincontent (container between navtrail and footer*/
#maincontent {
	width: 710px;
	border-right: 1px solid #c2c8ca;
	text-align: left;
	margin: 0 auto;
	position: relative;
	left: 25px;
	padding: 0 4px 10px 0;
	float: left;
}

#maincontent p,#maincontent td,#maincontent ul,#maincontent li {
	color: #3d4950;
	font-size: 12px;
	margin: 6px 10px 10px 0;
	line-height: 1.5em;
}

#maincontent img {
	padding-bottom: 6px;
}

#maincontent #peoplepic {
	float: right;
	padding-top: 17px;
	padding-right: 0pt;
	padding-bottom: 9px;
	padding-left: 10px;
}

#maincontent a,#maincontent a:visited {
	
}

/*basic typography*/
#maincontent h1,#maincontent h2,#maincontent h3,#maincontent h4,#maincontent h5,#maincontent dt,#maincontent th,#maincontent strong
	{
	font-family: arial, helvetica, sans-serif;
}

#maincontent h1 {
	color: #999ea2;
	font-size: 16px;
	font-weight: bold;
	margin: 0.4em 0 0.4em 0;

}

#maincontent h2 {
	font-size: 21px;
	color: #e6b444;
}

#maincontent h3,#maincontent dt {
	font-size: 14px;
	color: #555f68;
}

#maincontent h4 {
	font-weight: bold;
	font-size: 12px;
	color: #3d4950;
	padding-top: 6px;
}

#maincontent h5,#maincontent th {
	color: #3d4950;
	margin-bottom: -5px;
	font-weight: bold;
	font-size: 11px;
}

#maincontent address {
	color: #3d4950;
	padding: 15px 0 8px 0;
	font-style: normal;
	line-height: 1.5em;
}

/*end basic typography*/ /*feature boxes*/
#maincontent div.subsection {
	margin-top: 16px;
	font-size: 11px;
	display: block;
	float: left;
	padding-top: 16px;
	border-top: dotted 1px #999ea2;
	width: 100%
}

#maincontent div.subsection ul li {
	padding-bottom: 4px;
	font-size: 11px;
}

#maincontent div.subsection div.floatright p {
	width: 320px;
	padding: 0 0 0 0;
}

#maincontent div.subsection div.floatright ul {
	width: 180px;
}

/*end feature boxes*/ /*subsection*/

#maincontent div.roundedbox {
	display: block;
	padding: 0 5px 0 5px;
	border:2px solid #8b9398;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 8px;
	width: 95%;
}

#maincontent div.roundedbox table td th {
	padding-left: 0px;
}

#maincontent div.keypoint {
	position: relative;
	display: inline;
	float: left;
	width: 300px;
	height: 130px;
	padding-top: 6px;
	/*background-color:	#f2fff2;*/
	/*background:			transparent url(/images/background-pathways-green.gif) no-repeat left top;*/
	/*background:			transparent url(/images/background-keypoint.gif) no-repeat left top;*/
}

/*endsubsection*/ /* banners*/
#maincontent div.productsbanner {
	width: 710px;
	height: 100px;
	background: url(/images/banner-intelligentmailbarcode.gif) no-repeat
		bottom left;
	margin: 0 0 10px 0;
	position: relative;
	padding: 0;
}

#maincontent div.productsbanner h1 {
	font-family: helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 25px;
	position: relative;
	top: 10px;
	left: 15px;
	margin: 0;
}

#maincontent div.servicesbanner {
	width: 710px;
	height: 100px;
	background: url(/images/banner-services.gif) no-repeat bottom left;
	margin: 0 0 10px 0;
	position: relative;
	padding: 0;
}

#maincontent div.servicesbanner h1 {
	font-family: helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 25px;
	position: relative;
	top: 10px;
	left: 15px;
	margin: 0;
}

#maincontent div.roadmapbanner {
	width: 287px;
	height: 253px;
	display: inline;
	float: right;
	position: relative;
	padding: 0;
}

#maincontent div.productsbanner p,#maincontent div.servicesbanner p,#maincontent div.solutionsbanner p,#maincontent div.resourcesbanner p,#maincontent div.partnersbanner p,#maincontent div.companybanner p
	{
	font-family: helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 25px;
	position: relative;
	top: 10px;
	left: 15px;
	margin: 0;
}

/*end banners*/
#maincontent dl.contentbox {
	margin: 14px 0 14px -1px;
	position: relative;
	left: 1px;
	top: 4px;
	border: solid 1px #c2c8ca;
	float: left;
	display: block;
	width: 100%;
}

#maincontent dl.contentbox dt {
	border-bottom: solid 1px #c2c8ca;
	padding: 11px 8px 11px 9px;
	background: #f2fff2;
	display: block;
}

#maincontent dl.contentbox dd {
	padding: 0 8px 0 9px;
/*	height: 100px;*/
}

#maincontent dl.contentbox p {
	margin-bottom: 0px;
}

#maincontent dl.contentbox a {
	display: block;
	position: relative;
	padding: 5px 0 5px 0;
}


/*maincontent column layouts*/
#maincontent #content { /*see ie.css for boxmodel hack for ie5*/
	float: left;
	display: inline;
	width: 700px;
	border-right: 1px solid #c2c8ca;
	padding: 0 25px 0 0;
}

#maincontent #contextual { /*see ie.css for boxmodel hack for ie5*/
	float: left;
	display: inline;
	width: 169px;
	padding-left: 10px;
	border-left: 1px solid #c2c8ca;
	margin: 0 -15px 0 -1px; /*merge borders*/
}

/*end maincontent column layouts*/ /* #maincontent elements*/
#maincontent div.col1 { /*see ie.css for boxmodel hack for ie5*/
	width: 340px;
	float: left;
	padding-right: 10px;
	border-right: solid 1px #c2c8ca;
}

#maincontent div.col2 { /*see ie.css for boxmodel hack for ie5*/
	width: 340px;
	float: right;
	padding-left: 10px;
	margin-left: -1px; /*merge borders*/
	border-left: solid 1px #c2c8ca;
}

#maincontent div.noborder {
	border: 0;
}

#maincontent div.floatright img {
	margin-left: 2px;
}

#maincontent div.floatleft img {
	margin: 20px 10px 0 5px !important;
}

#maincontent div.customers {
	width: 190px;
	height: 80px;
	padding-top: 20px;
}

#maincontent ul,#maincontent ol {
	margin: 1em 0;
	line-height: 18px;
}

/* tables */
#maincontent table {
	margin: 6px 0 10px 0;
}

#maincontent table tbody {
	padding: 0;
}

#maincontent table th {
	border-bottom: 1px solid #d9dddf;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
}

#maincontent table tr.row1 {
	background-color: #ffffff !important;
}

#maincontent table tr.row2 {
	background-color: #f2f4f5 !important;
}

#maincontent table td {
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#maincontent table td.spacer {
	width: 25px;
}

/* FAQs */
#maincontent table.faq {
	margin: 6px 0 10px 0;
}

#maincontent table.faq caption {
	background: #e3e6e8;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	height: 30px;
	border-bottom: 1px solid #9ea4a8;
	padding-left: 10px;
	line-height: 30px;
}

#maincontent table.faq tbody {
	padding: 0;
}

#maincontent table.faq th {
	background: url(/images/icon-faq.png) top left no-repeat;
	border-bottom: 1px solid #d9dddf;
	text-align: left;
	padding-left: 25px;
	padding-bottom: 6px;
}

#maincontent table.faq tr.answer th {
	background-color: #f2f5f6 !important;
}

#maincontent table.faq td { /*border-bottom:		1px solid #d9dddf;*/
	/*border-left:		1px solid #d9dddf;*/
	
}

#maincontent table td.answer {
	background-color: #f2f4f5 !important;
}

#maincontent table td.spacer {
	width: 25px;
}

/* End FAQs */ /* end tables */ /* glossary  */
#glossary #glossarynav {
	margin-bottom: 20px;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}

#glossary #glossarynav li {
	display: inline;
}

#glossary #glossarynav li a,#glossary #glossarynav li a:visited {
	float: left;
	display: inline;
	border-right: 1px solid #c2c8ca;
	padding: 0 10px 0 9px;
}

#maincontent #glossary h3 {
	margin-left: 6px;
}

#maincontent #glossary table {
	margin-left: 6px;
	margin-bottom: 14px;
}

#maincontent #glossary a.floatright {
	padding-right: 14px;
}

/*  end glossary*/ /*lists*/
#maincontent ul.check li {
	background: url(/images/icon-check.png) no-repeat 0 4px;
	color: #3d4950;
	padding-left: 25px;
	padding-bottom: 4px;
	font-size: 11px;
}

#maincontent ul.go li {
	background: url(/images/icon-go.png) no-repeat 0 4px;
	color: #3d4950;
	padding-left: 25px;
	padding-bottom: 4px;
	font-size: 11px;
}

#maincontent ul.cog li {
	background: url(/images/icon-cog.png) no-repeat 0 4px;
	color: #3d4950;
	padding-left: 25px;
	padding-bottom: 4px;
	font-size: 11px;
}

#maincontent ul.qb li {
	background: url(/images/icon-qb.gif) no-repeat 0 4px;
	color: #3d4950;
	padding-left: 25px;
	padding-bottom: 4px;
	font-size: 11px;
}

#maincontent ul.calc li {
	background: url(/images/icon-calc.png) no-repeat 0 4px;
	color: #3d4950;
	padding-left: 25px;
	padding-bottom: 4px;
	font-size: 11px;
}

#maincontent ul.warning li {
	background: url(/images/icon-warning.png) no-repeat 0 4px;
	color: #3d4950;
	padding-left: 25px;
	padding-bottom: 4px;
	font-size: 11px;
}

#maincontent ul.standard li {
	padding: 4px 0 0 25px;
	line-height: .5em;
	color: #3d4950;
	background: url(/images/bullet-green.png) no-repeat 4px;
}

#maincontent ul.news li {
	background: url(/images/icon-rightarrow.gif) no-repeat;
	padding: 0px 0 0px 20px;
}

/*end lists*/ /* FAQ */
#maincontent #faq dt {
	border-bottom: 1px solid #c2c8ca;
}

#maincontent #faq dt p.header {
	padding: 15px 0 0 0;
	margin: 0;
	font-size: 14px;
	color: #3d4950;
	padding-bottom: 6px;
}

#maincontent #faq dt p strong {
	font-family: arial, helvetica, sans-serif !important;
}

#maincontent #faq dd {
	background-color: #eff2f3;
	border-right: 1px solid #c2c8ca;
	border-bottom: 1px solid #c2c8ca;
	border-left: 1px solid #c2c8ca;
	padding: 10px 20px 0 13px;
}

#maincontent #faq dd p {
	margin-top: 0 !important;
}

#maincontent #faq dd div.answer {
	display: none;
}

#maincontent #faq dd div.answer p.close {
	font-size: 0.9em;
}

#maincontent #faq dd div.answer ol {
	margin-left: 20px;
	color: #3d4950;
}

#maincontent #faq dd div.answer ol li {
	list-style-type: decimal;
	margin: 0 0 5px 0;
	line-height: 1.4em;
}


/* #content elements
------------------------*/
#maincontent #content img {
	margin-right: 0px;
	padding-bottom: 5px;
}

#maincontent #content div.wrap p,#maincontent #content div.wrap ul {
	padding-right: 110px;
}

/* #contextual elements
------------------------*/
#maincontent #contextual a,#maincontent #contextual a:visited {
	color: #2b869e;
}

#maincontent #contextual p {
	margin: 0 0 1em 0;
	font-size: 9px;
}

#maincontent #contextual blockquote {
	margin-top: 25px;
	padding-top: 12px;
	border: 0;
	border-top: 4px solid #e2e7e9;
}

/*Nav Side*/
#navside {
	position: relative;
	margin: 0 auto;
	float: right;
	width: 170px;
}

#navside h4 {
	background-color: #e2e7e9;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #3d4950;
	padding-top: 6px;
	padding-bottom: 6px;
	text-indent: 15px;
}

#navside div.related {
	position: relative;
	top: 30px;
	border: solid 1px #e2e7e9;
	margin-bottom: 25px;
	margin-right: 4px;
	overflow: hidden;
	float: right;
	display: inline;
	width: 170px;
}

#navside div.related ul {
	font-weight: normal;
/*	line-height: 1.4em;*/
	margin-bottom: 5px;
}

#navside div.related li {
	background: url(/images/icon-rightarrow.gif) no-repeat;
	padding: 0 0 5px 15px;
}


/* breadcrumbs */
#navtrail {
	width: 883px;
	height: 22px;
	font-weight: normal;
	float: left;
	display: inline;
	padding: 10px 10px 10px 25px;
}
/*End breadcrubms */

a.linkbox {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	background: #327BBF;
	padding: 10px 12px 9px 12px;
	text-decoration: none;
	font-weight: bold;
	border: 2px solid #fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

a.linkbox:hover {
	color: #327bbf;
	border: 2px solid #327bbf;
	background: #fff;
}

input.linkbox {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	background: #327BBF;
	padding: 10px 12px 9px 12px;
	text-decoration: none;
	font-weight: bold;
	border: 2px solid #fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

input.linkbox:hover {
	color: #327bbf;
	border: 2px solid #327bbf;
	background: #fff;
}

.codeBlue {
	color: blue;
}

.codeRed {
	color: #970000;
}

.codeGreen {
	color: green;
}

/* for google customer search*/

  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #777777;
  }
  input.gsc-search-button {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #777777;
  }
  .gsc-cursor-page {
    color: #444444;
  }
  a.gsc-trailing-more-results:link {
    color: #444444;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #777777;
    background-color: #FFFFFF;
    color: #444444;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #333333;
    background-color: #333333;
    color: #444444;
  }
  .gs-promotion {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #444444;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #00CC00;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #00CC00;
  }


/* --- Accordion --- */
.accordion {margin:0; padding:0 0px}

.accordion li {list-style-type:none}

.accordion li.last-child {margin-left:19px; list-style-type:none}

tr.accordion ul ul {margin:0; padding:0 0 0 10px;}

tr.accordion ul ul ul {margin:0; padding:0 0 0 20px;}

tr.accordion ul ul li.last-child {margin:0; padding:0 0 0 20px;}

tr.accordion ul ul ul li.last-child {margin:0; padding:0 0 0 10px;}

.accordion .outer {border:1px solid #dadada; border-width:0 1px 1px; background: #fff}

.accordion .inner {margin-bottom:0; padding:.5em 20px 1em; position:relative; overflow:hidden}

.accordion .inner .inner {padding-bottom:0}

a.trigger {padding-left:20px; background-image: url(/images/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;}

a.trigger.open {background-image: url(/images/minus.gif)}

.last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal}