/* GENERAL STYLES */

body {margin:0; background-color:#EAEAEA}
.clear {clear:both; line-height:0px; font-size:1px; height:0}
img {border: 0;}
.hide {display: none; visibility: hidden}

/* SECONDARY PAGES */

#subpage {
	background-color: #EAEAEA;
	background-image:url(img/subpage/backstripe.gif);
	background-repeat: repeat-x;
	margin:auto;
	}
#subcontent {
	margin:auto;
	width: 533px;
	padding-left: 20px;
	padding-right: 20px;
	background-image:url(img/subpage/contentback.gif);
	background-repeat:repeat-y;
	font: normal 12px Arial, Helvetica, sans-serif;
	}
#subcontent p {margin: 15px; margin-right: 50px; clear:left}

#subcontent a:link  {color:#1a5a91;}
#subcontent a:visited  {color:#1a5a91;}
#subcontent a:hover {color:#890000; text-decoration:none; border-bottom: 1px dashed #890000}
#subcontent a:active {color:#E99F00; text-decoration:none; border-bottom: 1px dashed #E99F00}
#subcontent .borderless {border: 0 !important;}

.H1secondary {
	color: #FFF;
	background-color: #269826;
	background-image: url(img/subpage/H1/H1-blank.gif);
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
    position:relative;
	width:533px;
	height:121px;
	margin: 0;
	margin-left: -20px;
	padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.H1secondary span {
	display:block;
	position:absolute;
	top:0px;
	left:0;
	z-index:1; /*for Opera  5 and 6*/
	}
#owlgoesdeep {margin-left:-134px; clear:none; position:absolute;}
#owlgoesdeep a:hover {border: 0}
#sublogos {
	padding: 0;
	margin:0;
	margin-left: 496px;
	width: 250px;
	position: absolute
	}
#sublogos-mst-li img {margin-bottom: -4px}	
#sublogos li {float: left; list-style:none; margin-left: -3px}
#sublogos a:hover {border:none}

#content ol {margin-right:55px; margin-left: 5px; list-style-position:inside}
#content ul {margin-right:55px; margin-left: 5px; list-style:none}
#content ul ul {margin-right:35px; margin-left: -35px; list-style:none}
#content li {font-size: 95%; margin-bottom: 6px;}
#content li a {font-weight: bold; margin-left: -15px;}
#content li a.normal {margin: auto; font-weight: inherit}
#content ul.bulleted {list-style: square; margin-right: 65px}

.footnote {font-size: 10px; color: #666;}

#content h3 {margin-left: 15px; font: bold 15px Arial, Helvetica, sans-serif; color: #1A5A91}
#content h4 {margin-left: 15px; font: bold 13px Arial, Helvetica, sans-serif; color: #1A921A}

a.buttonlike:link, a.buttonlike:visited {
	background-color: transparent;
	margin: auto;
	border: 0 !important;
	display:block;
	height: 26px;
	width: 150px;
	background-image: url(img/subpage/redbutton.gif);
	background-repeat:no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif !important;
	color: #FFF !important;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 6px;
	cursor: pointer;
	}
a.buttonlike:hover, a.buttonlike:active {
	background-color: transparent;
	margin: auto;
	border: 0 !important;
	display:block;
	height: 26px;
	width: 150px;
	background-image: url(img/subpage/greenbutton.gif);
	background-repeat:no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif !important;
	color: #000 !important;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 6px;
	cursor: pointer;
	}
	
#sidedemo {
	background-color: transparent;
	position: absolute;
	margin-top: 75px;
	border: 0 !important;
	display:block;
	height: 37px;
	width: 213px;
	background-repeat:no-repeat;
	font: bold 15px Arial, Helvetica, sans-serif !important;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 10px;
	cursor: pointer;
	}
a.demobutton:link, a.demobutton:visited {
	background-image: url(img/subpage/demo-buttonR.gif);
	color: #FFF !important;
	}
a.demobutton:hover, a.demobutton:active {
	background-image: url(img/subpage/demo-buttonG.gif);
	color: #000 !important;
	}
	
.screenshot {margin-left: 16px;}

/* SUB-PAGE BREADCRUMBS */

#breadcrumb {
	background-color: #9CCB3B;
	width: 477px;
	padding: 2px 8px;
	margin:0;
	}
#breadcrumb ul {
	list-style: square;
	margin-left:-50px
}
#breadcrumb li {
	margin: 0;
	padding:0;
	padding-left: 20px;
	margin-right:-5px;
	background-image:url(img/subpage/carrotcrumbs.gif);
	font: normal 11px arial, sans-serif;
	color: #269826;
	display:inline;
	background-position:left top;
	background-repeat:no-repeat;
	background-position:6px 4px;
}

#breadcrumb #homeLI {background-image:none;}
#breadcrumb li.currentLI a {font-weight: bold; text-decoration:none}

#breadcrumb a:link, #breadcrumb a:visited {color:#FFF; text-decoration:none;}
#breadcrumb a:hover {color:#FFF; text-decoration:underline;  border:none}
#breadcrumb a:active {color:#FFF; text-decoration:none;  border:none}

/* SUB-PAGE ORANGE TAG HEADINGS */

.subSectionH2 {
	color: #FFF;
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
    position:relative;
    left:-108px;
	padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	clear:left;
	}
.subSectionH2 span {
	display:block;
	position:absolute;
	top:0px;
	left:0;
	height:28px;
	width:166px;
	z-index:1; /*for Opera  5 and 6*/
	}

/* SUB-PAGE GREEN CALLOUT */

#CalloutBox {
	font: bold 11px Arial, sans-serif;
	width:470px;
	background-color: #9ccb3b;
	background-image:url(img/subpage/H3/H3-greenbottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;	
	margin-left: 7px;
	margin-top: 10px;
	}
#CalloutBox p {
	padding: 8px 5px;
	margin:0;
	}

#CalloutBox a {text-decoration:underline; border: none}
#CalloutBox a:link {color:#FFF}
#CalloutBox a:visited {color:#444}
#CalloutBox a:hover {color:#FFF; border:none}
#CalloutBox a:active {color:#1A921A;}

#CalloutBox H3.calloutH3 {
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: justify;
    position:relative;
	margin:0px;
	padding:0px;
	margin-left: -5px;
	margin-bottom: -11px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.calloutH3 span {
	display:block;
    position:absolute;
    top:0px;
    left:0;
    z-index:1; /*for Opera  5 and 6*/
	}
#calloutheader, #calloutheader span {
    height:10px;
    width:480px;
    background-image: url(img/subpage/H3/H3-greentop.gif);
	background-repeat:no-repeat;
	} 
	
/* SUB-PAGE RIGHT BLUE BOX NAV */

.homenavHead {
	color: #195A92;
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
    position:relative;
	margin-top:0px;
	padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.homenavHead span {
	display:block;
    position:absolute;
    top:0px;
    left:0;
    z-index:1; /*for Opera  5 and 6*/
	}

#subnav {
	float:right;
	margin-right:-193px;
	margin-top: 30px;
    width:213px;
	background-color:#195a92;
    background-image: url(img/subpage/H3/H3-bluebottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height: 170px;
}
.subnavHead {
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
    position:relative;
	margin:0px;
	padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.subnavHead span {
	display:block;
    position:absolute;
    top:0px;
    left:0;
    z-index:1; /*for Opera  5 and 6*/
	}
#subnav img {margin-left: 18px}

#subnav a:link {color:#FFF}
#subnav a:visited {color:#CCC}
#subnav a:hover {color:#FFF; text-decoration:none; border-bottom: 1px dashed #E99F00}
#subnav a:active {color:#FFF; text-decoration:none; border-bottom: 1px solid #E99F00}

#navH3, #navH3 span {
    height:21px;
    width:213px;
    background-image: url(img/subpage/H3/H3-bluetop.gif);
	background-repeat:no-repeat;
	} 
#subnav ul {
	list-style:none;
	padding:0;
	margin-top:5px;
	}
#subnav li {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0;
	margin-left: 35px;
	margin-bottom: 5px;
	}
#subnav li.subnav-current {
	list-style-type:square;
	color:#E99F00
	}

/* SUB-PAGE BLUE TITLES */

.subnavTitle {
	text-transform:uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
    position:relative;
	margin:0px;
	margin-left: 18px;
	padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.subnavTitle span {
	display:block;
    position:absolute;
    top:0px;
    left:0;
    z-index:1; /*for Opera  5 and 6*/
	}

/* 'TOOLTIP' HOVERS */

.tooltip a:link {color:#1a5a91; position: relative; font-weight: bold;}
.tooltip a:visited {color:#1a5a91;  position: relative; font-weight: bold}
.tooltip a:hover {color:#890000;  position: relative; font-weight: bold}
.tooltip a:active {color:#E99F00;  position: relative; font-weight: bold}

.tooltip a:link span {display:none;}
.tooltip a:visited span {display: none;}
.tooltip a:hover span {
	display: block;
	position: absolute; 
	top: -10px;
	margin-left: 180px;
	background-color: #EAEAEA;
	border: 1px solid #890000;
	font-size: 9px;
	color: #000;
	width: 200%;
	padding: 4px;
  }
.tooltip a:active span {display: none;}

/* SUB-PAGE FOOTER */

#tagline {
	width: 493px;
	margin:0;
	margin-bottom: -2px; 
	margin-top: 40px;
	text-align:center;
	clear:both
	}
#subfooter {
	margin:0;
	padding:0;
	width: 533px;
	height: 54px;
	text-align: center;
	margin-left: -20px;
	}
#subfooter li {
	float: left;
	list-style:none; 
	}
#subfooter a:hover {border: none}

/* SPECIFIC DIVS and CONTENT ITEMS */

.partnerLogos {width: 475px; padding: 10px; padding-top:0;}
.partnerLogos img {margin-right: 5px; float: left; }
.partnerLogos p {font-size: 11px; padding: 10px; padding-top: 10px; border-top: 1px solid #BBB; }

#clientlogos img {margin:auto; border:0; padding: 10px; float: left}

table#webinars {margin-left: 5px; width:483px; border-collapse:collapse; border: 1px solid #BBB}
table#webinars tr.admin td {background-color: #EFEFEF;}
table#webinars th {text-align: left; font-weight: bold; color:#FFF; background-color: #1A5A91; font-size: 11px; padding:3px; cursor: n-resize; border-right: 1px solid #FFF}
table#webinars td {font-size: 11px; border: 1px solid #EAEAEA; padding: 3px}
table#webinars td.c5 {text-align:center; padding:0}
table#webinars td a:link {border: 0; text-decoration: none;font-weight: bold; vertical-align:middle; color: #FFF; background-color: #890000; padding: 2px; height:100%; display:block; margin: auto}
table#webinars td a:visited {border: 0;text-decoration: none;font-weight: bold; vertical-align:middle; color: #000; background-color: #CCC; padding: 2px; height:100%; display:block; margin: auto}
table#webinars td a:hover {border: 0;text-decoration: none;font-weight: bold; vertical-align:middle; color: #000; background-color: #9CCB3B; padding: 2px; height:100%; display:block; margin: auto}
table#webinars td a:active {border: 0;text-decoration: none;font-weight: bold; vertical-align:middle; color: #000; background-color: #E99F00; padding: 2px; height:100%; display:block; margin: auto}


/* VCARD MICROFORMAT */

.vcard {width: 350px; margin-left: 15px;}
.adr {margin-bottom: 10px}

/* FORM ELEMENTS */
#products_contact {width: 480px;}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin-left: 6px;
  padding: 0;
  text-align: center;
}
form fieldset {
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 5px;
  margin-top:10px;
  text-align: left;
  border: 1px solid #9CCB3B;
  padding-bottom: 5px;
}

form fieldset legend {
	font: bold 11px Arial, sans-serif;
	background-color: #fff;
	color: #9CCB3B;
	border: 1px solid #9CCB3B;
	border-top: none;
	border-bottom: none;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	 /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 180px; 
	font-weight: bold;
	color: #666;
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form div.subformed label {font-size: 11px; color: #444; font-style: italic; font-weight:normal}
form div.subformed2 label {font-size: 11px; color: #666; font-style: italic; font-weight:normal;}
form fieldset.borderless input, input.borderless {border: 0; width: 15px;}

form hr { 
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #CCC;
	height: 1px;
	width: 90%;
	color: #CCC;
	background-color: #CCC;
	margin-top: 8px;
	margin-bottom: 8px;
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline; 
}

form fieldset label.noaccess:first-letter {text-decoration: none}
form fieldset.submit {border: 0; text-align: center}

form input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:200px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 20px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	font: normal 12px Arial, Helvetica, sans-serif;
	border: none;
	border-bottom: 1px dashed #CCC;
	color: #666;
	padding-left: 1px
}

form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:200px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 20px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 1px;
	border:none;
	border-bottom: 1px dashed #CCC;
}
form input:focus, form textarea:focus, form select:focus {
	background-color: #EEE;
	color: #000;
}
form textarea {
	margin: auto;
	overflow: auto;
	width: 445px;
	height: 95px;
	border: 1px dashed #CCC;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-left: 1px;
	}
button, input.buttonX {
	background-color: transparent;
	margin: auto;
	border: 0;
	height: 26px;
	width: 150px;
	background-image: url(img/subpage/redbutton.gif);
	background-repeat:no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	cursor: pointer;
	}
button:hover, input.button {
	background-color: transparent;
	margin: auto;
	border: 0;
	height: 26px;
	width: 150px;
	background-image: url(img/subpage/greenbutton.gif);
	background-repeat:no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	cursor: pointer;
	}
form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
.required {color: #1A5A91; font-weight: bold; font-style: italic} /* uses class instead of div, more efficient */

.required-warn {
	clear:both;
	text-align: center;
	width: 100%;
	font: bold 11px Arial, Helvetica, sans-serif;
	background-color:#890000;
	color: #FFF;
	display:none
	}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}