@charset "utf-8";
/* CSS Document */

/* ddms.com style sheet
   rev. 08/13/10 
   --------TLH--------------------*/
   


/* 1: Typography
----------------------------------*/
body {
	width:820px;
	margin-left: auto;
	margin-right: auto;
	border:0 px;
	color:black;
	font-family: Verdana, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
	background:url("/inc/horizontal_glow_bg.jpg") repeat-y 25% 0;
	background-color: #8ba7bf;

} 
div#container { 
	padding: 10px 20px;
	border: 1px solid #aeb4b8;
	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;

}
h1.small {
	color:#1f1e1e !important;
}
a:focus, 
a:hover { 
	color:#630a0a;
	text-decoration:underline;
}
a { 
	color:#0023a1; 
	text-decoration:none;
	padding-bottom:0;
	/*border-bottom:1px solid #c4c2c2;*/
}
code {
	white-space:normal;
}
.highlight {
	color:#c52e24 !important;
	background-color:transparent;
}

/* 0: Old DDMS Styles
   -------------------------------*/
.introtext {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #003366;
	text-align: left;
	font-weight: bold;
	}
.introtextblue {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #003399;
	text-align: left;
	font-weight: bold;
	}
.linklist {
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 12px; 
	line-height: 20px; 
	font-weight: bold; 
	color: #003366; 
	left: 5px
	}
.faqnmbr {
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 12px; 
	text-align: right; 
	font-weight: bold
	}
.breadcrumb {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: x-small; font-weight: bold; color: #003366; text-decoration: none}
.linkonblue {  color: #FFFF66}
.smallcap {  font-family: Verdana, Tahoma, Arial, sans-serif; font-variant: small-caps; font-size: 10px}
.returntotop {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #0033CC}
.faqnmbr {
	font-size: 14px; text-align: right
	}   
.calDayText   {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.calDayTextSm {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #003366; text-decoration: none}
.calDayTextSm a:link    {color: #003366}
.calDayTextSm a:visited {color: #003366}
.calDayTextSm a:hover   {color: #0066FF}
.calDayTextLg {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 18px; color: #003366; font-weight: bold; text-decoration: none}


p {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
}

h1 {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 22px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	margin: 10px;
}
h2 { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 18px; font-style: normal; line-height: 22px; color: #000000; text-align: left ; font-weight: bold }
h3 { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 16px; font-style: normal; line-height: normal; color: #003366; text-align: left ; font-weight: bold }
h4 { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; font-style: bold; line-height: auto; color: #003366; text-align: left ; font-weight: bold }

dl {
		font-family: Verdana, Tahoma, Arial, sans-serif; /*added by TereLyn Hepple 6/11/2007 */
		font-size: 12px; /*added by TereLyn Hepple 6/11/2007 */
		line-height: 1.5em; /*added by TereLyn Hepple 6/11/2007 */
}
dt {
	color: navy; /*added by TereLyn Hepple 6/11/2007 */
}

th { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000000; text-align: center; font-weight: bold;}



/*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
----------------------------------*/
div#header {
	background:#fff;
}
div#main {
	background:#fff;	
}
div#main ol, ul, 
ul ul, 
ul ul ul,
ul ul ul ul,
ol ol,
ol ol ol
ol ol ol ol {
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 12px;
	margin-bottom: 1em;
	white-space: normal;
}
.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;
}


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


img#imgforheader,
img#customimg {
	float:left;
	height:108px;
	width:950px;
}

/* 4: Navigation
----------------------------------*/

/* see ddsmoothmenu.css */


/* 5: Sidebar Navigation
----------------------------------*/
div#content {
	margin-left: 185px;
}
#content h2 { margin: 0 0 .5em 0; }
div#side {  	float:left; width: 180px; /*clip:  rect(   ); */margin: 0; padding: 0; }


/*
div#side .sidenav, table.sidenav {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: black; border: 1px #003366 solid; background-color:#e6e9ea; }

div#side .sidenav a:link {  color: black; text-decoration: none;}
div#side .sidenav a:visited {  color: #666; text-decoration: none;}
div#side .sidenav a:hover {  color: #990000; text-decoration: none;}

div#side .sidenavsub { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #990000; background-color:#D7D7D7; border: 1px #333333 solid}
div#side .sidenavsub a:link {  color: #333; text-decoration: none;}
div#side .sidenavsub a:visited {  color: #666; text-decoration: none;}
div#side .sidenavsub a:hover {color: #990000; text-decoration: underline;}

div#side .sidenavdown { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCC; border: 1px #003366 solid; background-color: #D2100C; clip: rect( ) ; text-decoration: none}
div#side .sidenavdown a:visited { color: black; text-decoration: none }
div#side .sidenavdown a:link {  color: #FFF; text-decoration: none}


div#subnav .box,
div#secondaryContent .box,
div#subnav table {
	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;;
}
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;
	clear:right;
}*/

div#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	}

div#footer p {
	font-size:xx-small;
	/*display:block; 
	clear:both;*/
	text-align:center;
}

div#footer ul {
	float:none;
	list-style:none;
	font-size:x-small;
	margin:0 0 1.3em 0;
	/*display:block;	*/
}
div#footer li {
	float:left;
	margin-right:0.5em;
}
div#footer li a {
	float:left;
	/*display:block; */
	padding-right:0.5em;
	/*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;
}
div#main 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
----------------------------------------------*/
.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;
}