/* 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;
	line-height:140%
}
#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;
}
blockquote.testimonial {
	width: 150px;
	float:right;
	text-align:center;
	font: normal 11px arial, sans-serif;
	background-color:#FAFAFA;
	border-top:1px solid #9ccb3b;
	padding:4px;
	color:#666
}
blockquote.testimonial span.footnote {
	text-align:right;
	font-style:oblique;
	display:block;
	padding-top:4px;
	font-size:10px;
}
/* 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
}
#tagline img {display:none}
#subfooter {
	margin:0;
	padding:0;
	width: 533px;
	height: 54px;
	text-align: center;
	margin-left: -20px;
}
#subfooter li {
	float: left;
	list-style:none;
}
#subfooter li a {display:block}
#subfooter li a span {display:none}
#subfooter a:hover {
	border: none
}
#subfooter li#subcontact a {background-image:url(../img/subpage/subfoot-contact.gif); width:183px; height:54px}
#subfooter li#subsupport a {background-image:url(../img/subpage/subfoot-support.gif); width:160px; height:54px}
#subfooter li#subcompany a {background-image:url(../img/subpage/subfoot-corporate.gif); width:190px; height:54px}

/* 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
}
div#content img.floatleft {
	float:left;
	margin:0 5px 5px 0
}
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;
	vertical-align:middle;
	padding:0
}
table#webinars td a {
	-moz-border-radius: 10px;
	border-radius: 10px;
}
table#webinars td a:link {
	border: 2px outset #666;
	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: 2px outset #666;
	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: 2px outset #666;
	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: 2px inset #666;
	text-decoration: none;
	font-weight: bold;
	vertical-align:middle;
	color: #000;
	background-color: #E99F00;
	padding: 2px;
	height:100%;
	display:block;
	margin: auto
}
a.expansion {
	width: 480px;
	display:block;
	text-align:left;
	font-variant:small-caps;
	font-size:11px;
	font-style: italic;
	margin-left:20px
}
#meetinglist h4 {
	font-size:14px;
	border-top: 1px solid #EAEAEA;
	padding-top:8px
}
#subcontent #meetinglist a.registerlnk:link, #subcontent #meetinglist a.registerlnk:visited, #subcontent #meetinglist a.registerlnk:hover, #subcontent #meetinglist a.registerlnk:active {
	background-image:url(../mondaymeetings/regbutton.gif);
	height:20px;
	width:112px;
	color:#fff;
	text-align:center;
	line-height:20px;
	display: block;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border:none;
	margin-right:10px;
}
/* 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 fieldset#requiredfields label {
	font-size:14px
}
form fieldset#optionalfields label {
	font-size:11px
}
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: 65px;
	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 */
}