/* -------------------- GLOBAL DEFAULTS -------------------- */

body {margin:0; padding:0; background:#FFF; width:800px}

/* default link style */
a {color:#C60; text-decoration:none}
a:visited {color:#984F05; text-decoration:none}
a:active, a:hover {color:#C60; text-decoration:underline}

/* EMphasized link style */
.linkEM a {color:#C60; text-decoration:none}
.linkEM a:visited  {color:#999; text-decoration:underline}
.linkEM a:active, .linkEM a:hover {color:#C60; text-decoration:underline}

p {margin:.5em 0}
img {border:0}

/* global links with associated icons */
.popup {padding-right:12px; display:inline-block; background:url('/images/masthead/popup-icon.gif') right no-repeat}
.download {padding:.2em 0 0 1.5em; font-weight:bold; display:inline-block; background:url('/images/masthead/download.gif') left no-repeat}
.video {padding:.2em 0 0 1.5em; font-weight:bold; display:inline-block; background:url('/images/masthead/video.gif') left no-repeat}
.purchase {padding:.2em 0 0 1.5em; font-weight:bold; display:inline-block; background:url('/images/masthead/purchase.gif') left no-repeat}

h1, h2, h3, h4, h5, h6, form, ul, ol, hr {margin:0; padding:0}

ul {clear:both}
select {font-size:11px}

.txtLtGr {color:#999}
.txtSM {font-size:.9em}

#edit {font-weight:bold}
a.edit, a.edit:visited, a.edit:active, a.edit:hover {color:#999}



/* -------------------- GLOBAL HEADER -------------------- */

#headerPane {position:relative; width:800px; font:12px arial,helvetica,sans-serif; border-bottom:1px solid #CCC}

#masthead {height:64px; background:url('/images/masthead/bg.jpg') no-repeat}
	#masthead label img {position:absolute; left:14px; top:15px}
	#masthead table {float:right; border-right:15px solid #FFF; white-space:nowrap}

		.gSnav {position:relative; margin:0 5px; z-index:200}
		.gSnav a, .gSnav a:visited, .gSnav a:active, .gSnav a:hover {color:#333; vertical-align:middle; font-size:10px; font-style:normal; font-weight:bold; text-decoration:none; padding-left:6px}
		.gSnav #gSnav1, .gSnav #gSnav2, .gSnav #gSnav3, .gSnav #gSnav4 {position:absolute; width:165px; top:12px; top:expression("15px"); left:-10px; visibility:hidden; background:url("/images/masthead/clear.gif")}

		/* gSnav Corners */
		.sntop, .snbottom {display:block; background:transparent}
		.sn1, .sn2, .sn3, .sn4 {display:block; overflow:hidden}
		.sn1, .sn2, .sn3 {height:1px}
		.sn2, .sn3, .sn4 {background:#FFF; border:1px solid #FFF; border-width:0 1px}
		.sn1 {margin:0 5px; background:#FFF}
		.sn2 {margin:0 3px; border-width:0 2px}
		.sn3 {margin:0 2px}
		.sn4 {height:2px; margin:0 1px}

		#gSnav5 {position:absolute; width:240px; top:43px; left:165px; z-index:1; visibility:hidden; background:url("/images/masthead/clear.gif")}

		.gSnavPane ul {background:#FFF; font:10px verdana,helvetica,sans-serif; padding-left:10px}
		.gSnavPane li {border:1px solid #FFF; height:12px; line-height:expression("12px"); line-height:10px}

			.gSnavPane a, .gSnavPane a:visited {padding:2px 0; color:#333; font-weight:normal; text-decoration:none}
			.gSnavPane a:active, .gSnavPane a:hover {padding:2px 0; color:#C60; font-weight:normal; text-decoration:underline}

	#localization {position:absolute; left:166px; top:26px; color:#C60; font-size:10px; font-weight:bold}
	#localization a {text-decoration:none}
	#localization img {vertical-align:middle}
		#localizationPane {border:1px solid #A2A2A2; border-bottom:0; display:block; background:#FFF; font:10px verdana,helvetica,sans-serif; line-height:14px; color:#333; padding:.5em .5em 0 .5em}
		#localizationPane li {list-style-position:outside; line-height:12px; list-style-type:none}
			#localizationPane a, #localizationPane a:visited {color:#C60; text-decoration:none}
			#localizationPane a:active, #localizationPane a:hover {color:#C60; text-decoration:underline}

#segment {width:100%; height:62px; border:1px solid #FFF; border-width:1px 0; font-size:.9em; font-weight:bold; overflow:hidden}
	#segmentTitle {position:absolute; top:101px; left:15px; width:100%}
	#segment img {vertical-align:-1.2em}
	#segment a, #segment a:visited, #segment a:active, #segment a:hover {padding:10px 14px; color:#FFF; text-decoration:none}

	#segUtil {display:inline; white-space:nowrap; position:absolute; top:4px; padding-left:4em; font:bold 10px arial,helvetica,sans-serif}
		#segUtil a, #segUtil a:visited {color:#FFF; text-decoration:none}
		#segUtil a:active, #segUtil a:hover {color:#CCC; text-decoration:none}

#searchPane {position:absolute; top:104px; right:20px; z-index:100}
	#searchPane label {margin-right:.3em; color:#FFF; font:bold 10px arial,helvetica,sans-serif; font-weight:bold; vertical-align:middle}
	#searchPane select, #searchPane input {color:#333; font:12px verdana,helvetica,sans-serif; vertical-align:middle}
	#searchPane .inputBdr {border:1px solid #A2A2A2; margin-left:.3em}
	
	/* DHTML search drop-down menu */
	#searchDDpane {margin-top:.1em; padding-top:2px; color:#333; background:#FFF; font:11px verdana,helvetica,sans-serif; border:1px solid #A2A2A2; width:175px; width:expression("177px")} /* expression hack to accomodate the extra 2px from the border */
		#searchDDpane a, #searchDDpane a:visited, #searchDDpane a:hover {color:#000; display:block; zoom:1; height:14px; text-decoration:none}
		#searchDDpane span {font-size:.9em; cursor:pointer; padding-left:.3em}
		#searchImgpos {position:absolute; left:160px; top:2px; top:expression("1px")} /* expression hack to accomodate the extra top padding resulting from XSL transformation that forces carriage returns in HTML - grrrrr... */
		#searchDDpos {position:relative; z-index:0}
		
		#gSnav6 {position:absolute; width:177px; top:16px; left:0; z-index:1; visibility:hidden; background:url("/images/masthead/clear.gif")}
			#searchDDitems {border:1px solid #A2A2A2; border-width:0 1px; display:block; background:#FFF; font:10px verdana,helvetica,sans-serif; line-height:14px; color:#333; padding:.5em .5em 0 .5em}
			#searchDDitems li {list-style-position:outside; line-height:12px; list-style-type:none}
				#searchDDitems a, #searchDDitems a:visited {color:#C60; text-decoration:none}
				#searchDDitems a:active, #searchDDitems a:hover {color:#C60; text-decoration:underline}
			
				.gSnavBtm {display:block; background:transparent}
				.gs1, .gs2, .gs3, .gs4 {display:block; overflow:hidden}
				.gs1, .gs2, .gs3 {height:1px}
				.gs2, .gs3, .gs4 {background:#FFF; border:1px solid #A2A2A2; border-width:0 1px}
				.gs1 {margin:0 5px; background:#A2A2A2}
				.gs2 {margin:0 3px; border-width:0 2px}
				.gs3 {margin:0 2px}
				.gs4 {height:2px; margin:0 1px}



/* -------------------- CONTENT GRID LAYOUTS -------------------- */

/* one column - spans entire page-width (use #contentPane1 with this layout) */
.oneCol {float:left; width:765px}

	/* two inner columns */
	.oneCol2Lft {float:left; width:375px}
	.oneCol2Rgt {float:right; width:375px}

	/* three inner columns */
	.oneCol3Lft {float:left; width:245px}
	.oneCol3Cntr {float:left; width:245px; margin-left:15px}
	.oneCol3Rgt {float:right; width:245px}

	/* four inner columns */
	.oneCol4Lft {float:left; width:180px}
	.oneCol4CntrLft {float:left; width:180px; margin-left:15px}
	.oneCol4CntrRgt {float:left; width:180px; margin-left:15px}
	.oneCol4Rgt {float:right; width:180px}

/* two columns - content on left, modules on right (use #contentPane1 with this layout)  */
.twoColLftLft {float:left; width:570px}
.twoColLftRgt {float:right; width:180px}

	/* two inner columns */
	.twoColLft2Lft {float:left; width:277px}
	.twoColLft2Rgt {float:right; width:277px}

	/* two inner columns (left module) */
	.twoColLft2LftMod {float:left; width:180px}
	.twoColLft2RgtMod {float:right; width:375px}

	/* three inner columns */
	.twoColLft3Lft {float:left; width:180px}
	.twoColLft3Cntr {float:left; width:180px; margin-left:15px}
	.twoColLft3Rgt {float:right; width:180px}

/* two columns - nav on left, content on right (use #contentPane2 with this layout) */
.twoColRgtLft {float:left; width:190px}
.twoColRgtRgt {float:right; width:570px}

	/* two inner columns */
	.twoColRgt2Lft {float:left; width:277px}
	.twoColRgt2Rgt {float:right; width:277px}
	
	/* two inner columns (right module) */
	.twoColRgt2LftMod {float:left; width:375px}
	.twoColRgt2RgtMod {float:right; width:180px}

	/* three inner columns */
	.twoColRgt3Lft {float:left; width:180px}
	.twoColRgt3Cntr {float:left; width:180px; margin-left:15px}
	.twoColRgt3Rgt {float:right; width:180px}

/* use #contentPane1 for layouts with a WHITE page gutter */
/* use #contentPane2 for layouts with a GREY left nav gutter */
#contentPane1 {width:765px; color:#333; font:70%/1.3em verdana,arial,sans-serif; margin-left:15px}
#contentPane2 {width:780px; color:#333; font:70%/1.3em verdana,arial,sans-serif}
	#contentPane1 ul, #contentPane2 ul, #contentPane1 ol, #contentPane2 ol {margin-top:.2em}


/* -------------------- BODY STYLES -------------------- */

/* h1 is for section headers */
h1 {width:100%; font:bold 2.2em/1em arial,helvetica,sans-serif}
	h1.segHome {font-size:2em; line-height:1em}

/* h2 is for section headers (sub-header) */
h2 {width:100%; font:bold 1.4em/1em arial,helvetica,sans-serif; color:#666}

/* h3 is for section sub-headers */
h3 {width:100%; padding-bottom:.2em; font:bold 1.3em/1em arial,helvetica,sans-serif; color:#333}

h4 {width:100%; padding-bottom:.2em; font:bold 1.1em/1em arial,helvetica,sans-serif; color:#333}

h5 {width:100%; padding-bottom:.2em; font:bold 1em/1em arial,helvetica,sans-serif; color:#333}

h6 {width:100%; padding-bottom:.2em; font:bold 1em/1em verdana,arial,sans-serif; color:#333}

.date {color:#999; font-size:.9em}

/* call out boxes */
.callOut1 {margin:1em 0; padding:1em; line-height:1.5em; background:#FFEC9D url('/images/masthead/dashedHoriz.gif') top repeat-x}

/* breadcrumbs */
.crumbs {margin:.7em 0 1.5em; color:#999; font:.9em/1.1em verdana,arial,sans-serif}
	.crumbs span {font-size:.8em}

/* dotted horiz rule */
.hr {display:block; clear:both; height:1px; background:url('/images/masthead/dashedHoriz.gif') repeat}
.hr2 {display:block; clear:both; height:1px; margin:.3em 0; background:url('/images/masthead/dashedHoriz.gif') repeat} /* this is for double HR instances */
.hr3 {display:block; clear:both; height:1px; margin:0 0 .1em; background:url('/images/masthead/dashedHoriz.gif') repeat} /* this is for double HR instances with no text between */
.hr hr, .hr2 hr, .hr3 hr {display:none} /* IE hack to cancel border on img based HR */

/* chevron (before & after elements */
.chevronR {padding:0 .8em .2em 0; background:url('/images/masthead/chevronOR.gif') right no-repeat}
.chevronL {padding:0 0 .2em .8em; background:url('/images/masthead/chevronOR.gif') left no-repeat}
.chevronL2 {padding:0 0 .2em .8em; background:url('/images/masthead/chevronOR2.gif') left no-repeat}
	.lbuWdgtBody .chevronN {background:url('/images/masthead/chevronOR.gif') no-repeat 0 .4em} /* LBU alignment */
.chevronN {background:url('/images/masthead/chevronOR.gif') no-repeat 0 .6em}
.chevronNDown {background:url('/images/masthead/chevronOR3.gif') no-repeat 0 .6em}

/* forms */
.downloads {}
.downloads select {margin:.2em .5em; width:300px}

/* body list items */
.listCHbl li, .listCHor li, .listBullet li, .listSQor li, .listSQbl li {list-style-position:outside; list-style-type:none; padding-left:.8em}
	.listBullet li {background:url('/images/masthead/bulletGo.gif') no-repeat 0 .3em}
	.listCHor li {background:url('/images/masthead/chevronOR.gif') no-repeat 0 .5em}
	.listCHbl li {background:url('/images/masthead/chevronBL.gif') no-repeat 0 .5em}
	.listSQor li {background:url('/images/masthead/squareOR.gif') no-repeat 0 .5em}
	.listSQbl li {background:url('/images/masthead/squareBL.gif') no-repeat 0 .5em}
	.listOLor li {list-style-position:inside; color:#C60}
	.listOLbl li {list-style-position:inside; color:#333}

ol.listIndent, ul.listIndent {list-style-position:inside}

.listNone {list-style:none}

.listArticle {margin-left:2em; font-weight:bold}
	.listArticle div {font-weight:normal}
	.listArticle li {margin-bottom:1em}
	.listArticle ul {font-weight:normal}

/* podcast shared styles (between "global" and "about") */
.podcastVertAlign img {vertical-align:middle}
.podcastUL {padding-top:.5em}



/* -------------------- COPYBLOCK TYPES -------------------- */

/* ---- Type 1: default style ---- */
.cbType1 {width:100%}
	/* linked header */
	.cbType1 h3 a, .cbType1 h3 a:visited {color:#333; padding-right:.65em; display:inline-block; background:url('/images/masthead/h2_arrow.gif') center right no-repeat; text-decoration:none}
	.cbType1 h3 a:hover {color:#333; cursor:pointer; text-decoration:underline}
	/* unlinked header */
	.cbType1 h3 a.anchorH3, .cbType1 h3 a:hover.anchorH3, .cbType1 h3 .popup {color:#333; background:none; cursor:auto; text-decoration:none}

/* ---- Type 2: with dotted HR above header ---- */
.cbType2 {width:100%}
	.cbType2 h3 {font-size:1.3em; color:#666; padding:.3em 0; background:url('/images/masthead/dashedHoriz.gif') top repeat-x}
	.cbType2 .oneCol4CntrLft {text-align:center}
	.cbType2 .oneCol4CntrLft {background:url('/images/masthead/dashedVert.gif') left repeat-y}
	/* linked header */
	.cbType2 h3 a, .cbType2 h3 a:visited {color:#666; padding:.3em .65em .3em 0; display:inline-block; background:url('/images/masthead/h2_arrow.gif') center right no-repeat}
	.cbType2 h3 a:hover {color:#666; cursor:pointer; text-decoration:underline}
	/* unlinked header */
	.cbType2 h3 a.anchorH3, .cbType2 h3 a:hover.anchorH3, .cbType2 h3 .popup {color:#666; background:none; cursor:auto; text-decoration:none}

		/* H2 work-around resolves conflict with XSL and empty containers */
		.cbType2 h2 {font-size:1.3em; color:#666; padding:.3em 0; background:url('/images/masthead/dashedHoriz.gif') top repeat-x}
		/* linked header */
		.cbType2 h2 a, .cbType2 h2 a:visited {color:#666; padding:.3em .65em .3em 0; display:inline-block; background:url('/images/masthead/h2_arrow.gif') center right no-repeat}
		.cbType2 h2 a:hover {color:#666; cursor:pointer; text-decoration:underline}
		/* unlinked header */
		.cbType2 h2 a.anchorH3, .cbType2 h2 a:hover.anchorH3, .cbType2 h2 .popup {color:#666; background:none; cursor:auto; text-decoration:none}


/* ---- Type 3: with grey HR below header ---- */
.cbType3 {width:100%} 
	/* linked header */
	.cbType3 h3 a, .cbType3 h3 a:visited {color:#333; cursor:pointer; padding-right:.65em; display:inline-block; background:url('/images/masthead/h2_arrow.gif') center right no-repeat}
	.cbType3 h3 a:hover {color:#999; cursor:pointer; text-decoration:none}
	.cbType3 h3 div {margin:.2em 0 .8em; border-bottom:1px solid #CCC}
	/* unlinked header */
	.cbType3 h3 a.anchorH3, .cbType3 h3 a:hover.anchorH3, .cbType3 h3 .popup {color:#333; background:none; cursor:auto; text-decoration:none}

/* ---- Type 4: with custom section colored bottom HR ---- */
.cbType4 {width:100%; clear:both; display:block}
	.cbType4 h3 {color:#666; font-size:1.5em}
	.cbType4 .cbType4Lft {float:left; width:60px}
	.cbType4 .cbType4Rgt {float:right; width:305px}
	/* linked header */
	.cbType4 h3 a, .cbType4 h3 a:visited {color:#666; cursor:pointer; padding-right:.65em; display:inline-block; background:url('/images/masthead/h2_arrow.gif') center right no-repeat}
	.cbType4 h3 a:hover {color:#999; cursor:pointer; text-decoration:none}
	.cbType4 h3 div {padding-top:.2em; border-bottom:1px solid #999}
	/* unlinked header */
	.cbType4 h3 a.anchorH3, .cbType4 h3 a:hover.anchorH3, .cbType4 h3 .popup {color:#666; background:none; cursor:auto; text-decoration:none}
	.cbType4 h3 div {padding-top:.2em; border-bottom:1px solid #999}

/* ---- Type 5 ---- */
.cbType5 h3 {font:bold 1em verdana,arial,sans-serif}
	/* linked header */
	/*.cbType5 h3 a, .cbType5 h3 a:visited {color:#333; cursor:pointer; padding-right:.8em; background:url('/images/masthead/h2_arrow.gif') right no-repeat}
	.cbType5 h3 a:hover {color:#333; cursor:pointer; text-decoration:underline}*/
	/* unlinked header */
	.cbType5 h3 a.anchorH3 {color:#333; background:none; cursor:auto; text-decoration:none}
		.cbType5 h5 {width:100%; padding-bottom:.2em; font: 1em/1em arial,helvetica,sans-serif; color:#999} /*HW added this to add a grey subhead for HHO blog pages 7/14 */
		.cbType5 h6 {font-style:italic} /*HW added this to add a color subhead for ENT product pages pages 9/21 */
	
/* Type 6: product catagory */
.cbType6 {width:100%; background:url('/images/masthead/dashedHoriz.gif') top repeat-x}
	.cbType6 .cbType6Lft {margin:1.2em 0 1em; float:left; width:90px}
	.cbType6 .cbType6Rgt {margin:1.2em 0 1em; float:left; width:480px}
		.cbType6 .cbType6Rgt img {vertical-align:-20%}

/* Type 7: article lib */
.cbType7 {width:100%; background:url('/images/masthead/dashedHoriz.gif') bottom repeat-x}
	.cbType7 .cbType7Lft {float:left; width:304px}
	.cbType7 .cbType7Rgt {float:left; height:155px; width:460px}
	.cbType7 h3 {width:auto; float:left; color:#FFF; font:1.5em verdana,arial,sans-serif; padding:.3em .6em; background:#F7D76E; border:1px solid #FFF}
	.cbType7 label {padding:1em 1em .5em; clear:both; display:block}
	.cbType7 p {margin:0 1em; line-height:1.6em}

/* Type 8: grey box */
.cbType8 {margin-top:1.8em; padding:1em; line-height:1.5em; background:#EBEBEB url('/images/masthead/dashedHoriz.gif') top repeat-x}
	.cbType8 h3 {padding-bottom:.5em}
	.cbType8 ul {padding-left:.2em}
	.cbType8 a, .cbType8 a:visited {color:#333; text-decoration:underline}
	.cbType8 a:active, .cbType8 a:hover {color:#C60; text-decoration:underline}
	
/*Type 9: large grey header*/
.cbType9 h3 {font-size:1.6em; color:#999}
	.cbType9 h3 a, cbType9 h3 a:visited {color:#999; cursor:pointer; padding-right:.65em; display:inline-block; background:url('/images/masthead/h2_arrow.gif') center right no-repeat}
	.cbType9 h3 a:hover {color:#999; cursor:pointer; text-decoration:underline}
	
/*Type 10: on this page and back to top*/
.cbType10 {font-size:.9em; color:#999}

/*Type 11: linked header with >*/
.cbType11 h3 {font:bold 1em verdana,arial,sans-serif; padding:0 0 .2em .8em; background:url('/images/masthead/chevronOR.gif') left no-repeat}
	/* unlinked header */
	.cbType11 h3 a.anchorH3 {color:#C60; background:none; cursor:auto; text-decoration:none}
	/* body text */
	.cbType11 p {padding-left:.8em; margin: 0}

/* ---- Type 12: dark grey text with dotted HR above header (used on segment downloads pages) ---- */
.cbType12 {width:100%}
	.cbType12 h3 {font-size:1.3em; color:#333; padding:1.5em 0 .3em 0; background:url('/images/masthead/dashedHoriz.gif') top repeat-x}
	.cbType12 .oneCol4CntrLft {text-align:center}
	.cbType12 .oneCol4CntrLft {background:url('/images/masthead/dashedVert.gif') left repeat-y}
	/* linked header */
	.cbType12 h3 a, .cbType12 h3 a:visited {color:#333; padding:.3em .65em .3em 0; background:url('/images/masthead/h2_arrow.gif') right no-repeat}
	.cbType12 h3 a:hover {color:#333; cursor:pointer; text-decoration:underline}
	/* unlinked header */
	.cbType12 h3 a.anchorH3, .cbType12 h3 a:hover.anchorH3, .cbType12 h3 .popup {color:#333; background:none; cursor:auto; text-decoration:none}

		/* H2 work-around resolves conflict with XSL and empty containers */
		.cbType12 h2 {font-size:1.3em; color:#333; padding:.3em 0; background:url('/images/masthead/dashedHoriz.gif') top repeat-x}
		/* linked header */
		.cbType12 h2 a, .cbType12 h2 a:visited {color:#333; padding:.3em .65em .3em 0; background:url('/images/masthead/h2_arrow.gif') right no-repeat}
		.cbType12 h2 a:hover {color:#333; cursor:pointer; text-decoration:underline}
		/* unlinked header */
		.cbType12 h2 a.anchorH3, .cbType12 h2 a:hover.anchorH3, .cbType12 h2 .popup {color:#333; background:none; cursor:auto; text-decoration:none}

/* ---- Type 13: Grey #999 default style ---- */
.cbType13 h3 {width:100%; padding-bottom:.2em; font:bold 1.3em/1em arial,helvetica,sans-serif; color:#999}
	/* linked header */
	.cbType13 h3 a, .cbType13 h3 a:visited {color:#999; padding-right:.65em; display:inline-block; background:url('/images/masthead/h2_arrow.gif') center right no-repeat; text-decoration:none}
	.cbType13 h3 a:hover {color:#999; cursor:pointer; text-decoration:underline}
	/* unlinked header */
	.cbType13 h3 a.anchorH3, .cbType13 h3 a:hover.anchorH3, .cbType13 h3 .popup {color:#999; background:none; cursor:auto; text-decoration:none}

/* ---- Type 14: Grey #999 .9em body with #333 header ---- */
.cbType14 h3 {font:bold 1em verdana,arial,sans-serif}
	/* unlinked header */
	.cbType14 h3 a.anchorH3 {color:#333; background:none; cursor:auto; text-decoration:none}
	.cbType14, cbType14 p {font-size:.9em; color:#999}
	
/* ---- Type 15: Grey #999 .9em header with #333 body ---- */
.cbType15 h3 {color:#999; font:bold .9em verdana,arial,sans-serif}
	/* unlinked header */
	.cbType15 h3 a.anchorH3 {color:#999; background:none; cursor:auto; text-decoration:none}

/* Type 16: bold with background and border */
.cbType16 h3 {font:bold 1em verdana,arial,sans-serif; padding:.4em .85em; margin-bottom:.4em; background:#EBEBEB; border:1px solid #333;  width:355px; width:expression("375px")}

/* -------------------- COPYBLOCK STYLES -------------------- */

/* copyblock MARGINs */
.cbMrgnSM {float:left; width:100%; clear:both; display:block; margin:.3em 0}
.cbMrgnMD {float:left; width:100%; clear:both; display:block; margin:.9em 0} 
.cbMrgnLG {float:left; width:100%; clear:both; display:block; margin:1.5em 0}

.cbMrgnTopSM {float:left; width:100%; clear:both; display:block; margin-top:.3em}
.cbMrgnTopMD {float:left; width:100%; clear:both; display:block; margin-top:.9em} 
.cbMrgnTopLG {float:left; width:100%; clear:both; display:block; margin-top:1.5em}
.cbMrgnBtmSM {float:left; width:100%; clear:both; display:block; margin-bottom:.3em}
.cbMrgnBtmMD {float:left; width:100%; clear:both; display:block; margin-bottom:.9em} 
.cbMrgnBtmLG {float:left; width:100%; clear:both; display:block; margin-bottom:1.5em}

/* image BORDERs */
.imgBdrGR1 {border:1px solid #CCC}
.imgBdrGR2 {border:2px solid #333}
.imgBdrBL1 {border:1px solid #CCC}
.imgBdrBL2 {border:2px solid #333}

/* image FLOATs */
.imgFltLft {float:left}
.imgFltRgt {float:right}
.imgFltTop {float:top}

/* image MARGINs */
.imgMrgnTopSM {margin-top:.3em}
.imgMrgnTopMD {margin-top:.9em}
.imgMrgnTopLG {margin-top:1.5em}
.imgMrgnRgtSM {margin-right:.3em}
.imgMrgnRgtMD {margin-right:.9em}
.imgMrgnRgtLG {margin-right:1.5em}
.imgMrgnBtmSM {margin-bottom:.3em}
.imgMrgnBtmMD {margin-bottom:.9em}
.imgMrgnBtmLG {margin-bottom:1.5em}
.imgMrgnLftSM {margin-left:.3em}
.imgMrgnLftMD {margin-left:.9em}
.imgMrgnLftLG {margin-left:1.5em}



/* -------------------- MODULES/WIDGETS -------------------- */

/* Utilities Widget (rate + print) */
.utilWdgt {margin-bottom:1.8em}
	.utilities {padding-bottom:2px}
	.utilities a, .utilities a:hover, .utilities a:visited {color:#999; font-size:.75em; font-weight:bold; text-decoration:none}
	.utilFloat {float:right}
	.utilities img {vertical-align:-.2em; margin-right:.8em}

/* Text Widget */
.txtWdgt {margin-bottom:1.8em}
	.txtWdgtHdr {position:relative; height:16px; line-height:16px; z-index:expression("-1")}
		.txtWdgtHdr label {position:absolute; left:10px; top:.2em; color:#FFF; font:bold 90% arial,helvetica,sans-serif; white-space:nowrap}
		b.twTop {display:block; background:#FFF}
		b.twTop b {display:block; height:1px; overflow:hidden}
		b.tw1 {margin-right:5px}
		b.tw2 {margin-right:3px}
		b.tw3 {margin-right:2px}
		b.twTop b.tw4 {margin-right:1px; height:2px}
	
	.txtWdgtBody {padding:10px; color:#333; line-height:1.3em; font-size:.9em; border:1px solid #EBEBEB; border-top:0}
	.txtWdgtFade {border-top:4px solid #EBEBEB}
	.txtWdgtBody p {margin:0; padding:10px 10px 0 10px}

/* Left Nav Widget */
#lftNavPane {background:#EBEBEB}
	b.lnTop, b.lnBottom {display:block; background:#FFF}
	b.lnTop b, b.lnBottom b {display:block; height:1px; overflow:hidden; background:#EBEBEB}
	b.ln1 {margin-right:5px}
	b.ln2 {margin-right:3px}
	b.ln3 {margin-right:2px}
	b.lnTop b.ln4, b.lnBottom b.ln4 {margin-right:1px; height:2px}

	#lftNav {margin:35px 0; min-height:400px; font-size:.9em}
	*html #lftNav {height:400px} /*  hack to force IE to respect min-height */
		
		/* sub nav header */
		.lftNavSubHdr {border-bottom:1px solid #EBEBEB}
		.lftNavSubHdr label {display:block; margin-left:1.2em; color:#333; font-size:1em; line-height:1.3em; font-weight:bold}
			b.lSnTop {display:block; background:#EBEBEB}
			b.lSnTop b {display:block; height:1px; overflow:hidden}
			b.lSn1{margin-right:5px}
			b.lSn2{margin-right:3px}
			b.lSn3{margin-right:2px}
			b.lSnTop b.lSn4 {margin-right:1px; height:2px}

	#lftNav div {padding:2px 12px; text-indent:.1em}
	#lftNav .hr, #lftNav .lftNavSubHdr {margin:0 10px; padding:0}
		#lftNav a, #lftNav a:visited {display:block; color:#333; padding-left:8px; text-decoration:none}
		#lftNav a:active, #lftNav a:hover {color:#C60; text-decoration:none}

	.lftNavMainNav {font-weight:bold}
	.lftNavSubNav {margin-bottom:.5em; font-weight:normal; line-height:1.4em}
	.lftNavSubNav em {margin-left:10px; font-weight:bold}
	.lftNavSubNav a {margin-left:10px}

	.lftNavOn {background:#FFF}
		.lftNavOn a {background:none; font-weight:bold; background:url('/images/masthead/chevronOR.gif') no-repeat 0 .6em}
		
	.lftNavOnDown {background:#FFF}
		.lftNavOnDown a {background:none; font-weight:bold; background:url('/images/masthead/chevronOR3.gif') no-repeat 0 .6em}

/* ThreatCon Widget */
.thrtCon {margin-bottom:1.8em}
	.threatcon {font-size:.9em; border:1px solid #CCC; background:url('/img/threatcon/threatcon_bottom.gif') bottom repeat-x}
	.threatcon .level {margin-top:.8em}
	.threatcon .graybox {background:#F1EEE7 url('/img/threatcon/threatcon_top.gif') top repeat-x; text-align:center; padding-top:.5em}
	.threatcon .learn {padding:.5em 0}
	.threatcon .section {background:url('/img/util/bg_dashed_line.en-us.gif') top repeat-x; padding:.5em 0}
	.threatcon ul {margin:.8em 0 1em}
	.threatcon li {background:url('/img/threatcon/arrow_threatcon.gif') no-repeat 0 .6em; list-style-type:none; padding-left:1.2em; margin-left:2em}
		.threatcon li a {color:#333; text-decoration:none}
		.threatcon li a:hover {color:#333; text-decoration:underline}
	.threatcon .list-head {margin-left:2em; font-weight:bold}

/* Customer Support Widget */	
.custSupWdgt {margin-bottom:1.5em}
	.custSupWdgtHdr {font:bold 1.3em/1.1em arial,helvetica,sans-serif; margin-top:.25em; padding:.1em .4em; border-bottom:1px solid #FFF}
	.custSupWdgtBody {padding:.5em}

/* Promo Widget */
.promoWdgt {margin-bottom:1.8em}

/* Buy Now Widget */
.buyNowWdgt {float:left; width:expression("70%"); margin:1.5em 0; display:block}
	.buyNowWdgtBody {float:left; background:#EBEBEB; border:1px solid #CCC}
	.buyNowWdgtBody form {padding:1em; white-space:nowrap}
	.buyNowWdgtBody label {display:block; padding-bottom:.2em; font:bold 1.1em/1em arial,helvetica,sans-serif}
	.buyNowWdgtBody input, .buyNowWdgtBody img {margin-left:.4em; vertical-align:-10%}
	.buyNowWdgtBody .hr {width:100%; margin-top:3px}

/* Learn/Buy/Use Widget */
#lbuWdgt {width:85%; margin-bottom:2.5em}
	.lbuWdgtHdr {padding:0 0 .2em .6em; font:bold 1.1em arial,helvetica,sans-serif; color:#666; background:#EBEBEB}
	#lbuWdgt .hr {margin:1px 0}
	.lbuWdgtSubHdr {padding:.2em .2em .2em .8em; line-height:1.5em; font-size:.8em}
	.lbuWdgtBody {font-size:.9em; line-height:1.2em}
		.lbuWdgtPd {padding:.6em .2em .8em .8em}
		.lbuWdgtInd {text-indent:-.8em; padding-left:.9em; background:url('/images/masthead/chevronOR.gif') no-repeat 0 4px} /* fixes the chevron indent problem */
		.lbuWdgtBody a {padding-left:.8em}
		.lbuWdgtOn {font-size:1.1em; font-weight:bold; padding-left:.8em; background:url('/images/masthead/chevronBL2.gif') no-repeat 0 4px}
	.lbuWdgtFtr {padding:0}

		/* Learn/Buy/Use rounded corner with rounded border */
		.rtop,.artop{display:block}
		.rtop *,.artop *{display:block; height:1px; overflow:hidden; font-size:1px}
		.artop *{border-style:solid; border-width:0 1px 0 0}
		.r1,.rl1,.re1,.rel1{margin-left:0}
		.r1,.rr1,.re1,.rer1{margin-right:5px}
		.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:0}
		.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
		.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:0}
		.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
		.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:0}
		.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
		.rx1,.rxl1{border-left-width:0}
		.rx1,.rxr1{border-right-width:5px}
		.rx2,.rxl2{border-left-width:0}
		.rx2,.rxr2{border-right-width:3px}
		.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:0}
		.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
		.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
		.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
		.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
		.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0; height:0 !important; height /**/:1px}

/* Solutions Widget */
.solWdgt {margin-bottom:1.8em}
	.solWdgtHdr {color:#FFF; font:bold 1.3em/1.1em arial,helvetica,sans-serif; padding:.1em .3em; border-bottom:1px solid #FFF}
	.solWdgtBody {padding:.5em .5em 2em .5em; background:url('/images/masthead/dashedHoriz.gif') bottom repeat-x}
	.solWdgtBody label {color:#666; font:bold 1.1em/1.2em arial,helvetica,sans-serif}
	.solWdgtBody h4 {font:bold 1.1em/1em arial,helvetica,sans-serif; margin:.5em 0 1em}
	.solWdgtBody p {font-weight:bold; font-size:.65em; margin:.5em 0}
	.solWdgtBody img {vertical-align:middle}
	.solWdgtBody div {clear:both; margin-bottom:1.5em}

/* Product Finder Widget */
.prodFdr {margin-top:.8em; width:expression("180px"); border:1px solid #999}
	.prodFdrHdr {color:#FFF; border:1px solid #FFF; padding:.2em .5em; font:bold 1.2em arial,helvetica,sans-serif}
	.prodFdrBdy {color:#666; padding:0 .5em; border-top:1px Solid #999}

		/* Product Finder */
		.selector-box {border:1px solid #333}
		.selector-td {border:1px solid #333; border-bottom:0}
		.selector-cell {font-size:10px; cursor:pointer; width:170px; line-height:18px}
			.selector-cell a, .selector-cell a:visited, .selector-cell a:hover, .selector-cell a:active {display:block; cursor:pointer; padding-left:1.1em; color:#FFF; text-decoration:none}
		#selectorHead img {margin:.3em .4em 0 0}
		#topmost-div-bottom {margin-left:expression("1px")}
		.tabula {background:#EBEBEB}

/* Product Detail Product Shot */
.prodDtl {float:left}
.prodDtlLft {float:left; width:147px}
.prodDtlRgt {float:right; width:220px}
	.prodDtlHdr {color:#666; font:bold 1.4em/1.1em arial,helvetica,sans-serif}
	.prodDtlBdy {color:#666; font:bold 1.1em/1.2em arial,helvetica,sans-serif}

/* Contact Widget */
.conWdgt {margin-bottom:1.8em; color:#666; padding:1em; background:#EBEBEB; border:1px solid #CCC; border-top:3px solid #CCC}
	.conWdgtHdr {width:100%; font:bold 1.2em/1em arial,helvetica,sans-serif; padding-bottom:.3em}
	.conWdgt a, .conWdgt a:visited {color:#333}

/* Virus Search Widget */
.virSearch {margin-bottom:1.8em}
	.virSearch label {display:block; text-indent:.2em; font:bold 1.2em/1.2em arial,helvetica,sans-serif; padding:.2em; background:#D9D9D9}
	.virSearchBdy {background:#EBEBEB; padding:.5em .5em 1em .5em}
	.virSearchBdy sub {color:#999; font-style:italic}
	.virSearchInput {margin-top:.5em; width:140px; border:1px solid #333; font-size:.9em}
	.virSearchSubmit {text-align:right; vertical-align:middle; margin-bottom:.3em}

/* Threat Explorer Widget */
#tabModPane {font-size:.9em; clear:both; border:1px solid #FFF} /* weird little bug: border forces layout */
	#tabModHdr ul {margin:0}
	#tabModHdr li {float:left; zoom:1; padding:.8em; margin-right:1px; border:1px solid #CCC; border-bottom-width:0; display:inline; list-style:none}
	#tabModHdr li a {padding:.2em; font-weight:bold; color:#333}
	#tabModHdr .tabModOff {background:url('/images/masthead/threatExpHdrBG.gif') bottom repeat-x}
	#tabModHdr .tabModOn {background:url('/images/masthead/threatExpHdrBGon.gif') bottom repeat-x; border:1px solid #999; border-bottom-width:0}

	#tabModBdy {margin-top:3.3em; border:1px solid #999; border-bottom-width:0; padding:1em; background:url('/images/masthead/threatExpBdyBG.gif') top repeat-x}
		#tabModBdy h3 {margin-top:1em; font-size:1.6em}
			#tabModBdy h3 span {font:bold .6em verdana,arial,sans-serif; padding-left:1em}
		#tabModBdy h4 {margin-top:.5em}
		#tabModBdy pre {color:#666; font-size:1.2em}
		#tabModBdy ol {padding-left:2.5em; margin:1em 0; list-style-position:outside}
		#tabModBdy .pagination {padding-top:.5em}
		#tabModBdy .pagination span, #tabModBdyNav span {font-weight:bold; color:#999}

		.tabModTblHdr, .tabModTblBdy, .tabModTblAlert {border:1px solid #C1C1C1; font-size:1em; width:100%; width:expression('95%')}
		.tabModTblHdr td, .tabModTblBdy td, .tabModTblAlert td {padding:.3em}
			.tabModTblHdr {border-bottom-color:#333; font-weight:bold}
				.tabModTblHdrSg {color:#FFF; font-weight:bold}
			.tabModTblBdy {border-top-width:0}
			.tabModTblAlert {background:#900; color:#FFF}
				.tabModTRbg {background:#E6E6E6}

	#tabModFtr {border:1px solid #999; border-top-width:0; padding:1em; background:url('/images/masthead/threatExpFtrBG.gif') top repeat-x}
		#tabModFtr div {float:right; font-weight:bold}
		#tabModFtr img {vertical-align:middle; margin:.1em}
		
	#tabModPane sub {font-size:expression('1.1em')}

	#threatMatrix {margin-top:1em; font-size:.9em; width:100%; border-bottom:4px solid #F2EDE7}
	#threatMatrix td {padding:5px; border-bottom:1px solid #CCC}
	#threatMatrix .tmDiv {padding:.1em; background:url('/images/masthead/dashedVert.gif') repeat-y}
	#threatMatrix img {vertical-align:middle}

	.tabModTblIntro {font-size:1em; width:100%; width:expression('95%')}
		.tabModTblIntro .hr {width:100px}
	
/* Landing Page Box */
#landModPane {font-size:.9em; clear:both; border:1px solid #FFF} /* weird little bug: border forces layout */
	#landModBdy {margin-top:3.3em; border:1px solid #999; border-bottom-width:0; padding:1em; background:url('/images/masthead/threatExpBdyBG.gif') top repeat-x}
		#landModBdy h3 {margin-top:1em}
		 .landModTblBdy {border:1px solid #C1C1C1; font-size:1em; width:100%; width:expression('95%')}
			.landModTblBdy {border-top-width:0}

	#landModFtr {border:1px solid #999; border-top-width:0; padding:1em; background:url('/images/masthead/threatExpFtrBG.gif') top repeat-x}
		#landModFtr div {float:right; font-weight:bold}
		#landModFtr img {vertical-align:middle; margin:.1em}
		
	.landModTblIntro {font-size:1em; width:100%; width:expression('95%')}
		.landModTblIntro .hr {width:100%}

	/*Security Response Styles*/
	.listLft {float:left; width:275px}
	.listRgt {float:left; width:100px}
	.writeup tt {font-size:10px; color:#333}
		.utilFloat2 {float:right; clear:both}
		

/* -------------------- FOOTER -------------------- */

#footerPane1 {width:765px; color:#999; clear:both; font:60%/1.3em verdana,arial,sans-serif; padding:70px 0 50px 15px}
#footerPane2 {width:570px; color:#999; clear:both; font:60%/1.3em verdana,arial,sans-serif; margin-left:210px; padding:70px 0 50px}