/* eci2.com style sheet
   customizes and overrides blueprint css framework
   rev. 09/08/10 
   --------JMJ--------------------*/
   
/* 1: Typography
----------------------------------*/
body {
	color:#1f1e1e;
	font-family:"Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
} 
h1,h2,h3,h4,h5,h6 { 
	color: #630a0a; 
	font-family:"Trebuchet MS", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4 {
	height:auto !important;
}
h4,h5,h6 {
	margin-bottom:0;
}
h1 {
	font-size: 2em; 
	line-height:1.5;
	margin-bottom: 0.75em; 
	font-weight:bold;
}
h1.small {
	color:#1f1e1e !important;
}
h4 {
	font-weight:bold;
}
a:focus, 
a:hover { 
	color:#630a0a;
	text-decoration:underline;
}
a { 
	color: #0023a1; 
	text-decoration:none;
	padding-bottom:0;
	/*border-bottom:1px solid #c4c2c2;*/
}
ul ul, 
ul ul ul,
ol ol,
ol ol ol {
	margin-bottom:0;
}
code {
	white-space:normal;
}
.highlight {
	color:#c52e24 !important;
	background-color:transparent;
}
dd {
	margin-left:0;
}
/*for attribution lines on pages of short testimonials*/
.cusQuoted { 
	margin-top:-1.5em;
	font-style:italic;
	color: #630a0a;
}
ul.nobullets {
	list-style:none;
}
li.siteMapHead h3 {
	margin-bottom:0;
	margin-top:1em;
}
/*for tightly kerned text in the third column*/
.tighttext {
	letter-spacing:-1px;
}

/* 2: Layout
----------------------------------*/
body {
	background:url("/images/layout/horizontal_glow_bg.jpg") repeat-y 25% 0;
	background-color: #8ba7bf;
	margin:1.5em 0;
}
div#wrapper {
	margin: 0 auto;
	width:968px;
	padding:9px;
	padding-top:18px;
	background-color:#fff;
	border: 1px solid #517492;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow:4px 4px 10px rgba(31,63,90,.5);
	-webkit-box-shadow:2px 2px 4px #adadae;
	box-shadow:2px 2px 4px #adadae;
}
div#header {
	background:#fff;
}
div#main {
	border-bottom:1px solid #c4c2c2;
	background:url("../images/layout/MainContent_bg.gif") repeat-y;
	padding-top:1.5em;
}
.right {
	float:right;
}
/*pictures with captions*/
div.pict {
	float:left;
	margin:0 1.5em 0 0;
}
div.pictr { /*alternate class for images that float right*/
	float:right;
	margin:0 0 0 1.5em;
}
div.pict p,
div.pictr p {
	font-style:italic;
}
div.pict p,
div.pictr p,
p.incr {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}
/*padding for images*/
.picr {
	padding-left:10px;
}
.picl {
	padding-right:10px;
}
img.btnlearn {
	margin-top:-1em;
	margin-bottom:1.5em;
}

/*landing page layout styles*/

body.landing h1,
body.landing h2,
body.landing h3,
body.landing h4,
body.landing h5,
body.landing h6 { 
	color:#1f1e1e;
}
body.landing div#footer {
	padding-left:370px;
	padding-top:9px;
}
ul.arrowbullet li {
	list-style: none;
	background-image: url(/images/landing/advantage/RedArrow.jpg); 
	background-repeat: no-repeat;
	background-position: 0 .1em;
	line-height:1.8;
	padding-left: 1.5em;
	font-weight:bold;
}
ul.arrowbullet li li {
	list-style:disc;
	background:none;
	font-weight:normal;
	line-height:1.5;
	padding-left:0;
}
.legal {
	color:#c4c2c2;
	border-top:1px solid #e1e0e0;
}
h2.topheader {
	padding-top:8px;
}

/* 3: Header
----------------------------------*/
div#logo img {
	float: left;
 	margin-right: 10px;
}
.tagline2 {
	float: left;
 	margin-right: 10px;
	padding-top:39px;
	color:#6b6767;
	font-size:1.25em;
	font-weight:normal;
}

/* utility links */
div#util ul {
	list-style:none;
	margin:0 0 1.3em 0;
}
div#util li {
	float:left;
	margin-right:1.5em;
}
div#util li a {
	float:left;
	display:block;
	padding-right:0.9em;
	border-right:1px solid #c4c2c2;
}
div#util li.lastutil a {
	border-right:none;
}
div#util li.lastutil {
	margin-right:0;
}
/* search */
input#srchbut {
	background-color:#1f1e1e;
	color:#fff;
	border:1px solid #c4c2c2;
}
form#search {
	padding-top:0;
	padding-right:10px;
}
form#search input[type="text"] {
	background-color:#dce6f2;
	border:1px solid #c4c2c2;
	width:190px;
	-moz-box-shadow: inset 0 1px 4px rgba(127,155,189,0.5);
	-webkit-box-shadow: inset 0 1px 4px rgba(127,155,189,0.5);
	box-shadow: inset 0 1px 4px rgba(127,155,189,0.5);
}
form#search input[type="text"]:focus,
form#search input[type="text"]:active {
	background-color:#f9f9f9;
	-moz-box-shadow: inset 0 1px 4px rgba(127,155,189,0.5);
	-webkit-box-shadow: inset 0 1px 4px rgba(127,155,189,0.5);
	box-shadow: inset 0 1px 4px rgba(127,155,189,0.5);
}
img#imgforheader,
img#customimg {
	float:left;
	height:108px;
	width:950px;
}

/* 4: Navigation
----------------------------------*/
div#navbar {
	height:30px;
	margin-top:9px;
	margin-bottom:1px;
	background:#e1e6ec url(/images/layout/navbar_bg.jpg) repeat-x;
	border: 1px solid #dcdbdb #c4c2c2 #dcdbdb #f9f9f9;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
/*The following rules supplement styles generated by /udm-resources/udm-custom.js */
li#ind a {
	border-left-color:#c4c2c2;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
}
ul#udm li.topLevel {
	width:120px;
}
.udm li.topLevel a,
div#navbar .udm li.topLevel a:visited {
	text-shadow: 0 1px 1px rgba(255,255,255,.7);
}
div#navbar .udm li.topLevel a:hover  {
	background:url(/images/layout/navbar_bg_hover.jpg) top left repeat-x;
}
div#navbar .udm li.topLevel li a {
	background:#dce6f2;
}
div#navbar .udm li.topLevel li a:hover,
div#navbar .udm li.topLevel li a:active {
	background:#630a0a;
}
/*wider dropdown where needed*/
li#ind ul,
li#cus ul {
	width:13em;
}

/* 5: Sidebar Navigation
----------------------------------*/
div#subnav .box {
	background:none;
	padding:0 9px;
	border:none !important;
}
div#subnav h3 a {
	color:#630a0a;
}
div#subnav ul {
	color:#8e7777;
	list-style:none;
	margin:0 0 1.5em 0;
	padding-left:0;
}
div#subnav li {
	font-size: 1.2em; 
	line-height: 1.25; 
	margin-bottom: 1.25em; 
}
div#subnav li li {
	padding-left:18px;
	font-size: 0.8em;
	list-style-type:square;
	list-style-position:inside;
	text-indent:-12px;
}
div#subnav li a {
	color:#8e7777;
	text-decoration:none;
	border-bottom:none;
}
div#subnav li a:hover {
	border-bottom:1px solid #c4c2c2;
	color: #630a0a;
}
div#subnav li.selected a,
div#subnav li.selected {
	color:#630a0a;
	font-weight:600;
}
div#subnav ul li.selected ul li a,
div#subnav ul li.selected ul li {
	font-weight:normal !important;
}

/* 6: Footer
----------------------------------*/
/* utility links */
div#footer ul {
	list-style:none;
	margin:1.5em 0;
}
div#footer li {
	float:left;
	margin-right:1.5em;
}
div#footer li a {
	float:left;
	display:block;
	padding-right:0.9em;
	border-right:1px solid #c4c2c2;
}
div#footer li.lastutil a {
	border-right:none;
}
div#footer li.lastutil {
	margin-right:0;
}

/* 7: Column Switching
----------------------------------*/
/* specify a class of one, two, three, or threewide on body to indicate number of columns.
   do this through template; default is three.
   threewide gives you the wider, 190px right column*/
body.two div#main {
	background:url("../images/layout/MainContent_bg_2col.gif") repeat-y;
}
body.two div#secondaryContent {
	position:absolute;
	left:999999px;
	display:none;
}
body.two div#primaryContent {
	width:780px;
}
body.threewide div#main {
	background:url("/images/layout/MainContent_bg190.gif") repeat-y;
}
body.one div#main {
	background:#fff;
	border-left, border-right:none;
}
body.one div#subnav {
	position:absolute;
	right:999999px;
	display:none;
}

/* 8: Forms
----------------------------------*/
/*landing page styles*/
body#landing div#main {
	background:none;
}
body#landing div#landingForm h3 {
	color:#fff;
	background-color:#ef4135;
	padding:0.5em;
}
body#landing div#landingForm {
	background-color:#dcdbdb;
	float:right;
	width:310px;
}
body#landing fieldset    { 
	padding:1.4em; 
	margin: 0 0 1.5em 0; 
	border:none; 
}
body#landing input.text {
	background:#f9f9f9; 
}

/*styles for other forms*/

div#contactForm {
	float:right;
	width:310px !important;
	text-align:left !important;
}
/*to float form to the left, give surrounding div an id of contactForm and a class of formleft */
div#contactForm.formleft {
	float:left;
	margin-right:10px;
	width:310px;
}
div.domtab div#contactForm {
	float:left;
	width:80%;
}
div.domtab div#contactForm form {
	width:310px;
}
div.domtab div div {border-top:none;}
div#contactForm fieldset { 
	padding:1.4em; 
	margin: 0 0 1.5em 0; 
	border:1px solid #c4c2c2; 
	background-color:#f9f9f9;
	-moz-box-shadow:2px 2px 4px #bbcee5;
	-webkit-box-shadow:2px 2px 4px #bbcee5;
	box-shadow:2px 2px 4px #bbcee5;
}
div#contactForm fieldset>fieldset {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
div#contactForm .loosefrm {
	padding:1.4em; 
	margin: 0 0 1.5em 0; 
	border:1px solid #c4c2c2; 
	background-color:#f9f9f9;
}
div#contactForm input.text,
div#contactForm textarea {
	background-color:#dce6f2; 
}

/*all forms*/
.nobold      { 
	font-weight: normal !important;
}
div#contactForm p {
	margin:1em 0 0.5em 0;
}
div#contactForm h4+p {
	margin:0 0 1.5em 0;
}
.submit { /*used for form submit buttons and button-like links in callouts in the right column */
	display:block;
	background:#ef4135 url("../images/buttons/CalltoActionBtn.png") bottom left repeat-x;
	color:#fff;
	font-weight:bold;
	border:1px solid #630a0a;
	height:27px;
	text-shadow: 0 1px 1px rgba(99,10,10,.9);
	text-shadow: 0 1px 1px rgba(0,0,0,.7);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
div#contactForm input.submit,
div#contactForm.wide input.submit {
	margin:1.5em 0.5em 0.5em 0;
	-moz-box-shadow:2px 2px 4px #825252;
	-webkit-box-shadow:2px 2px 4px #825252;
	box-shadow:2px 2px 4px #825252;
}
div#contactForm input.submit {
	width:260px;
}
div#contactForm.wide input.submit {
	width:330px;
}

input.text, 
input.title,
textarea   { 
	width: 250px; 
	margin:0.5em 0.5em 0.5em 0;
	border:1px solid #630a0a; 
	padding:5px;  
}
label.forSelects {
	display:block;
	margin-top:1em;
}
label.belowState { /*create margin above label that comes right below state div*/
	display:block;
	margin:0.5em 0.5em 0.5em 0;
}
form#fmOffer input.text {
	width:420px;
}
div#contactForm form select,
form#purchasedge select {
	display:block;
	width:260px;
	margin:0.5em 0 0.5em 0;
}
textarea {
	height:6em;
}
div#contactForm input.text:focus { 
	background-color:#f9f9f9;
}
.learnmore {
	width:123px;
	height:25px;
	padding-bottom:24px;
}
legend {
	font-weight:normal;
	font-size:1em;
}
/*wide forms used on one-column landing pages and nonsite style landing pages*/
div#contactForm.wide {
	width:390px !important;
	margin-right:0;
	float:right;
}
div#contactForm.wideLeft {
	width:390px !important;
	margin-left:0;
	float:left;
}
div#contactForm.wide input.text,
div#contactForm.wide input.title,
div#contactForm.wide textarea,
div#contactForm.wideLeft input.text,
div#contactForm.wideLeft input.title,
div#contactForm.wideLeft textarea {
	width:320px;
}
div#contactForm.wide form select,
div#contactForm.wideLeft form select
 {
	width:320px;
}
div.hidefield { /*used with fields_appear_disappear.js to hide fields*/
	position:absolute;
	left:-9999em;
}
fieldset.selHeadings label { /*heading-like labels for forms with a check box or radio button and several lines of text*/
	color: #630a0a; 
	font:1.2em "Trebuchet MS", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.25;
}
label.error {
		display:block;
		border:none;
		background-color:transparent;
		color:#C52E24;
		font-weight:bold;
		padding:0;
		margin-bottom:0;
	}
div#contactForm input.error,
div#contactForm select.error {
		background:#FBE3E4;
		border:1px solid #c52e24;
	}
select.error {
	padding:0;
	color:#8a1f11;
}


/* 9: Tables
----------------------------------*/
caption {
	background:none;
	color: #630a0a; 
	font-family:"Trebuchet MS", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
table {
	border:1px solid #c4c2c2;
	border-bottom:none;
	width:100%;
	/*border-right:1px solid #837777;*/
}
thead th, tfoot td {
	background-color:#bbcee5;
}
th, td {
	padding-left:5px;
	border-bottom:1px solid #c4c2c2;
}
tr.stripe {
	background-color:#dce6f2;
}
tfoot td {
	height:18px;
	font-weight:bold;
}
/* tables with class=fancy have a hover effect. You need several JavaScript files for this to work. See /working/table_examples.htm*/
table.fancy td,
table.fancy th {
	border-right:1px solid #c4c2c2;
	border-bottom:1px solid #c4c2c2;
}
table.fancy tbody th {
	background-color:#dce6f2;
}
table.fancy td.hover, table.fancy tbody tr:hover {
	background-color: #cfc2c2;
}

/* 10: Testimonials
----------------------------------------------*/
#main div.successbox {
	border:1px solid #630a0a; 
	background-color:#dcdbdb;
	padding:1.5em 1em;
	width:70%;
	float:right;
	margin:0 1em 1.5em 1em;
}
#main p.successcap { /*used with caption class for success box caption, assumes picture width of 225px*/
	float:left;
	margin-left:185px;
	margin-bottom:0;
}
dd+dt {
	padding-top:1.5em;
}
dd.inlinelogo {
	padding-bottom:1em;
}
p.successQuote { /*for right column*/
	text-indent:22px;
	background:transparent url("/images/layout/openquote4.gif") no-repeat scroll 0 2px;
}
p.pullquote { /*for quotes in a box on the left, in the main content area*/
	font-family:"Trebuchet MS", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-indent:22px;
	background:#dce6f2 url("/images/layout/openquote4.gif") no-repeat scroll 18px 22px;
	font-size:1.2em;
	font-weight:bold;
	color:#6e6c6c;
	line-height:1.25;
	padding:1.3em 1.2em 1.5em 1.5em;
}
div.rightpq {  /*div for pullquotes that float on the right side of the main content area */
	float:right !important;
	margin-left:1em;
}
p.successQuote .endquote,
p.pullquote .endquote {  /*for ending quote. Use in span tags around last word of quote e.g. <span class="endquote">last.</span> */
	background:transparent url("/images/layout/closequote4.gif") no-repeat scroll right top;
	padding:0 22px 0 0;
}

/* 11: Print page
----------------------------------------------*/
div#printlogo {
	display:none !important;
}

/* 12: Callouts in Right Column
----------------------------------------------*/
div#secondaryContent .box {
	background-color:transparent;
	border:none;
	padding:0;
}
div#secondaryContent .box ul {
	padding-left:2em;
}
#secondaryContent .callout, 
#secondaryContent h3,
#secondaryContent h4,
#secondaryContent h5,
#secondaryContent h6,
#secondaryContent p,
#secondaryContent dl,
#secondaryContent img,
#secondaryContent div.PM__WatchBtn {
	margin-left:7px;
	margin-right:7px;
}
.callout {
	width: 152px;
	background:#b7c6ff top left url(/images/layout/callout_box_bg.jpg) repeat-y;
	border:1px solid #7f9bbd;
	margin-bottom:1em;
	padding:3px 10px;
	-moz-box-shadow:2px 2px 4px #adadae;
	-webkit-box-shadow:2px 2px 4px #adadae;
	box-shadow:2px 2px 4px #adadae;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.callout h2.webinar {
	padding-left:36px;
	padding-top:18px;
	background:transparent top left url(/images/layout/Icon-Webinars_lt.png) no-repeat;
}
.callout h2.news {
	padding-left:36px;
	padding-top:16px;
	background:transparent top left url(/images/layout/Icon-gazette.png) no-repeat;
}
.callout h2.video {
	padding-left:48px;
	padding-top:5px;
	background:transparent top left url(/images/layout/Icon-video.png) no-repeat;
}
.callout h2.testimonial {
	padding-right:33px;
	padding-top:14px;
	background:transparent top right url(/images/layout/Icon-testimonials.png) no-repeat;
}
.callout h2.testimonial+img {
	-moz-box-shadow:2px 2px 2px #75758f;
	-webkit-box-shadow:2px 2px 4px #adadae;
	box-shadow:2px 2px 4px #adadae;
}
div.callout .submit {
	width:100%;
	margin:0.5em 0;
	text-align:center;
	-moz-box-shadow:1px 1px 2px #825252;
	-webkit-box-shadow:1px 1px 2px #825252;
	box-shadow:1px 1px 2px #825252;
}
a.submit {
	font-size:1.2em;
	line-height:1.7;
}
a.submit:focus,
a.submit:hover {
	color:#fff;
	text-decoration:none;
}
.callout h2 {
	color:#fff;
	font-weight:bold;
	font-size:2em;
	line-height:1;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .7);
	margin-bottom:0.2em;
}
div.callout p {
	margin-bottom:1em;
}
.calloutImage {
	display:block;
	float:left;
	padding:3px 10px 0 0;
}
.ImageLower {
	padding-top:6px;
}
/*Use the next three classes to build the primary callout on a product page */
.primaryCall {
	background:#fab82e top left url(/images/layout/primary_callout_bg.jpg) repeat-y;
	border:1px solid #fab82e;
}
.primarySubmit {
	background:#58add6 url("/images/buttons/primaryCalltoActionBtn.png") bottom left repeat-x;
	border:1px solid #3c8ab0;
	height:36px;
}
a.primarySubmit {
	font-size:1.2em;
	line-height:2.4;
}