/*	
	Copyright (c) 2003 Macromedia Inc.
	macromedia.com XHTML CSS Selectors 	

	$Revision: 1.44.2.8 $

	CONTENTS
	1. pod
	2. FMA
	3. BREAKS
	4. DIVIDERS
	5. COLUMN SETS
	6. IMAGE LEFT WRAPPERS
	7. CODE LAYOUT
	
	notes: div.image-left-33x22 contains a hack to hide a box-podel problem with the inline iconmarker list.
	
*/
.full-width,
.partial-width { 
	background: url(../images/master/background_full.gif) repeat-y center top;
}

.with-pod { 
	background: url(../images/master/with-pod-bkg.gif) repeat-y center top;
}

.partial-width div#contentBody {
	width: 527px !important;
	width: 558px;
}

.full-width div#contentBody { 
	width: auto;
}

.with-pod div#contentBody {  
	width: auto;
}

#gecko {
	margin: 0;
	padding: 0;
}

.with-pod #gecko { 
	width: 558px; 
	float: left;
}

/* pod */
#capBottom.with-pod {
	background: url(../images/master/capbottom_pod.gif) no-repeat center top;	
}

#capTopFull.with-pod {
	background: url(../images/master/captop_pod_full.gif) no-repeat center top;	
}

#pod {
	float: right;
	clear: right;
	text-align: left;
	padding: 20px 11px 20px 10px;
	margin: 0;
	width: 167px !important;
	width: 189px;		
}


#promo {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	width: 189px;
}

#promo img {
	display: block;
}

#pod div.badge {
	text-align: center;
}

#pod div.badge img,
#pod div.badge embed,
#pod div.badge object {
	margin: auto;
}

div.pod span.descriptor {
	float: left;
	vertical-align: bottom;
	padding: 0 0 10px 0;
	text-align: left;
}

/* FMA */

div.partial-width div#fma img.fpo {
	position: relative;
	top: 0;
	left: 0;
	margin: -16px -16px 16px -16px;
}

#fma div.columns-2-aaB-aa {
	text-align: center;	
}
#fma div.columns-2-aaB-aa img {
	margin: 0.5em 0;
}

#fma div.columns-2-aaB-B h2 { 
	margin-top: 0.75em;
}

#fma div.columns-2-aaB-B form { 
	margin-top: 1.6em;
}

#fma div.hr {
	font-size: 1px;
	line-height: 1px;
	border-top: 1px solid #c3c8cb;
	margin: 0 -10px;
}

#fma h2.promoHeader {
	font-size: 1.55em;
	line-height: 1.2em;
	font-weight: normal;
	margin-top: 23px;		
}

#fma.productsHome h2.promoHeader { 
	padding-top: 10px;
	padding-bottom: 12px;
	margin-top: 0;
}

h2.promoHeader#feature { 
	padding-top: 0;
	margin-top: 0;	
}

#fma.productsHome {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 142px;	
}

#fma img.promoImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	height: 142px;
}

#fma img.promoFeatureImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	height: 111px;
}

#fma div.promoMessage {
	position: absolute;
	top: 0;
	left: 233px;
	width: 317px;
	height: 142px;
}

#fma div.promoFeatureMessage {
	position: absolute;
	top: 0;
	left: 233px;
	width: 315px;
	height: 130px;
}


#fma h2.promoHeader {
	font-size: 1.55em;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 12px;		
}

#fma p.promo-iow {
	color: #CAD2D5;
	margin-top: -0.9em;		
}


#fma div.badge-promo {
	position: absolute;
	top: 0;
	left: 549px;
	width: 173px;	
}

#promoButtons {
	margin-top: 2em;
}


/* BREAKS */

br.clear-both, 
div.clear-both {
	font: 1px/1px sans-serif;
	clear: both;
}

/* DIVIDER */

hr {
	clear: both;
	background: #c3c8cb;
	color: #c3c8cb;
	border: none;
	height: 1px;
	margin: 0 0 1.35em !important;
	margin: 0 0 1em;
}

hr.no-margin {
	clear: both;
	background: #c3c8cb;
	color: #c3c8cb;
	border: none;
	height: 1px;
}

.dashed {
	background: #FFF;
	color: #FFF;
	border-top: 1px dashed #CCCCCC;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 1px;
}

div#pod div.hr {
	border-top: 1px solid #C4CBCE;
	background-color: white;
	margin: 10px -10px;
	padding: 0 10px;
	font-size: 1px;
	line-height: 1px;
	height: 1px !important;
	height: 2px;
}

/* COLUMN SETS */

#contentBody.with-pod div.partial-width,
div.partial-width {
	padding: 16px 7px 0 16px;
	margin: 0;
	width: 536px !important;
	width: 559px;
	
	height: auto !important;
	min-height: 308px;
	height: 308px;
}

#contentBody.with-pod div.partial-width { 
	float: left;
}

div.partial-width {
	float: none;
}


div.full-width {
	padding: 16px 16px 0;
	width: 723px !important;
	width: 754px;
/*\*/	
	height: auto !important;
/* */
	min-height: 308px;
	height: 308px;
}

div.columns-2-Abb-A,
div.columns-3-ABC-A,
div.columns-3-ABC-B,
div.columns-2-aaB-aa,
div.columns-2-AB-A {
	margin-bottom: 0.5em;
	float: left;
}

div.columns-2-Abb-bb,
div.columns-3-ABC-C,
div.columns-2-aaB-B,
div.columns-2-AB-B {
	margin-bottom: 0.5em;
	float: right;
}

div.full-width div.columns-2-AB-A,
div.partial-width div.columns-2-AB-A {
	margin-left: 0 !important;
	margin-left: -8px;
	margin-right: 0 !important;
	margin-right: -8px;
	padding-left: 0 !important;
	padding-left: 16px;/* winIE bug requires more left margin for the left float */
	padding-right: 0 !important;
	padding-right: 8px;
}

div.full-width div.columns-2-AB-B,
div.partial-width div.columns-2-AB-B {
	margin-left: 0 !important;
	margin-left: -8px;
	margin-right: 0 !important;
	margin-right: -8px;
	padding-left: 0 !important;
	padding-left: 8px;
	padding-right: 0 !important;
	padding-right: 16px;/* winIE bug requires more right margin for the right float */	
}

div.full-width div.columns-2-AB-A,
div.full-width div.columns-2-AB-B { 
	width: 346px !important;
	width: 370px;
}

div.partial-width div.columns-2-AB-A,
div.partial-width div.columns-2-AB-B { 
	width: 251px !important;
	width: 275px;
}

div.partial-width div.columns-2-aaB-aa {
	width: 159px;
}

div.partial-width div.columns-2-aaB-B { 
	width: 343px;
}

div.partial-width div.columns-2-Abb-A { 
	width: 343px;
}

div.partial-width div.columns-2-Abb-bb { 
	width: 159px;
}

div.partial-width div.columns-2-Abb-bb#options-box,
div.full-width div.columns-2-Abb-bb#options-box {	
	border: 1px solid #eee;
	margin-top: -8px;
	margin-right: 0;
	margin-bottom: 1.5em;
	padding: 8px 8px 10px 16px;
	width: 149px !important;
	width: 173px;
}

div.partial-width div.columns-2-Abb-bb#options-box ul {
	margin-top: 1em;
	color: gray;
}

div.partial-width div.columns-3-ABC-A {
	padding-right: 16px;
	width: 157px !important;
	width: 173px;
}

div.partial-width div.columns-3-ABC-B {
	padding-left: 16px;	
	width: 157px !important;
	width: 173px;
}

div.partial-width div.columns-3-ABC-C {
	width: 157px;
}

div.full-width div.columns-3-ABC-A  {
	padding-right:16px;
	width: 220px !important;
	width: 236px;
}

div.full-width div.columns-3-ABC-B {
	padding-left:16px;
	width: 220px !important;
	width: 236px;
}

div.full-width div.columns-3-ABC-C {
	width: 220px;
}

div.full-width div.columns-2-aaB-aa { width: 160px;}
div.full-width div.columns-2-aaB-B { width: 532px;}

div.full-width div.columns-2-aaB-B div.columns-2-AB-A,
div.full-width div.columns-2-aaB-B div.columns-2-AB-B { width: 258px;}

div.full-width div.columns-2-Abb-A { width: 532px;}
div.full-width div.columns-2-Abb-bb { width: 160px;}




/* NESTED MULTICOLUMNS */

div.full-width div.columns-2-AB-A div.columns-2-AB-A,
div.full-width div.columns-2-AB-B div.columns-2-AB-A { float: left; width: 173px;}

div.full-width div.columns-2-AB-A div.columns-2-AB-B,
div.full-width div.columns-2-AB-B div.columns-2-AB-B { float: right; width: 173px;}

div.full-width form.form-columns div.columns-2-Abb-bb div.promo-box {
	position: relative;
	top: 0;
	left: 0;
	background-color: #f7f7ee;
	padding: 7px 8px 2px 8px;
	border: 1px solid #d5d5ca;
	margin: 0 0 0 -16px;
	width: 158px !important;
	width: 176px;
}

div.promo-box h3 {
	background-color: #c3c8cb;
	padding: 4px 0 3px 10px;
/* \*/
	padding: 3px 0 3px 10px;
/*  */
	margin: -7px -8px 0 -8px;
}

div.promo-box ul.link-list {
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	list-style: none outside;
	margin: 0 -8px;
	padding: 0.25em 0;
}

div.promo-box ul.link-list li {
	clear: both;
	padding: 0.15em 4px 0.2em 4px;
	margin: 0 8px 0 4px;
	border-top: 1px solid #d5d5ca;
	line-height: 1.4em;
}

div.promo-box p { margin: 0.5em 0; }

/* IMAGE LEFT WRAPPERS */

div.image-left-33x22 img,
div.image-left-48x32 img,
div.image-left-51x51 img,
div.image-left-60x45 img,
div.image-left-100x75 img,
div.image-left-125x125 img {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	clear: both;
	float: left;
}

div.image-left-33x22 { 
	padding-top: 0.5em !important; 
	padding-top: 0; 
	
	margin-top: 0 !important;
	margin-top: 2em;
	margin-bottom: 1em; 
}

div.image-left-33x22,
div.image-left-48x32,
div.image-left-51x51,
div.image-left-60x45,
div.image-left-80x60,
div.image-left-100x75,
div.image-left-125x125 { 
	padding: 1px 0;
}

div.image-left-80x60 img {
	margin-bottom: 1em;
	clear: both;
	float: left;
}

div.image-left-33x22 p img,
div.image-left-48x32 p img,
div.image-left-51x51 p img,
div.image-left-60x45 p img,
div.image-left-80x60 p img,
div.image-left-100x75 p img,
div.image-left-125x125 p img {
	margin-right: 4px;
	margin-bottom: -0.2em;
	clear: none;
	float: none;
	vertical-align: middle;
}

div.image-left-16x16 { padding-left: 26px;} 
div.image-left-16x16 img {
	margin-left: -26px;
	margin-bottom: 2px;
	clear: both;
	float: left;
}

div.image-left-20x30 { padding-left: 30px;} 
div.image-left-20x30 img {
	margin-left: -30px;
	margin-bottom: 2px;
	clear: both;
	float: left;
}

div.image-left-33x22 p, 
div.image-left-33x22 h3, 
div.image-left-33x22 h4, 
div.image-left-33x22 ul.iconmarker-16x16, 
div.image-left-33x22 ul.iconmarker-inline-16x16  {
	margin-left: 43px;
}

div.image-left-48x32 p, 
div.image-left-48x32 h3, 
div.image-left-48x32 h4, 
div.image-left-48x32 ul.iconmarker-16x16  {
	margin-left: 58px;
}

div.image-left-33x22 ul.iconmarker-16x16,
div.image-left-48x32 ul.iconmarker-16x16, 
div.image-left-51x51 ul.iconmarker-16x16,
div.image-left-80x60 ul.iconmarker-inline-16x16,
div.image-left-100x75 ul.iconmarker-inline-16x16 {
	margin-top: -1em;	
	margin-bottom: 0;
	margin-right: 0;	
	padding: 1px 0 1px;
	list-style: none;
	white-space: nowrap;
}

div.image-left-51x51 ul.iconmarker-16x16, 
div.image-left-51x51 ul.iconmarker-inline-16x16 {
	margin-left: 61px;
}

div.image-left-33x22 ul.iconmarker-16x16 li,
div.image-left-48x32 ul.iconmarker-16x16 li, 
div.image-left-51x51 ul.iconmarker-16x16 li,
div.image-left-80x60 ul.iconmarker-inline-16x16 li,
div.image-left-100x75 ul.iconmarker-inline-16x16 li {
	padding: 0 0 1px 20px;
	margin: 2px 2em 0.5em 0;
	float: left;
}

div.image-left-51x51 h3, 
div.image-left-51x51 h4, 
div.image-left-51x51 p { 
	padding-left: 61px;
}

div.image-left-60x45 h2, 
div.image-left-60x45 h3, 
div.image-left-60x45 h4, 
div.image-left-60x45 p,
div.image-left-60x45 ul,
div.image-left-60x45 ul.iconmarker-inline-16x16 { 
	margin-left: 70px;
}

div.image-left-80x60 h3, 
div.image-left-80x60 h4, 
div.image-left-80x60 p, 
div.image-left-80x60 ul,
div.image-left-80x60 ul.iconmarker-inline-16x16 { 
	margin-left: 90px;
}


div.image-left-100x75 h3, 
div.image-left-100x75 h4, 
div.image-left-100x75 p,
div.image-left-100x75 ul.iconmarker-inline-16x16 { 
	padding-left: 110px;
}

div.image-left-125x125 h2, 
div.image-left-125x125 h3, 
div.image-left-125x125 h4,
div.image-left-125x125 p, 
div.image-left-125x125 ul { 
	margin-left: 135px;
}

div.image-left-125x125 h2 img {
	margin-bottom: 0.5em;
	clear: none;
	float: none;
}

div.image-left-80x60 address { 
	margin-left: 90px; 
	width: auto;
}

div.image-left-60x45 address { 
	margin-left: 70px; 
	width: auto;
}

div.image-left-33x22 ul.iconmarker-16x16 li img,
div.image-left-48x32 ul.iconmarker-16x16 li img,
div.image-left-51x51 ul.iconmarker-16x16 li img, 
div.image-left-60x45 ul.iconmarker-16x16 li img,
div.image-left-80x60 ul.iconmarker-16x16 li img,
div.image-left-80x60 ul.iconmarker-inline-16x16 li img,
div.image-left-80x60 ul.iconmarker-16x16 li img,
div.image-left-100x75 ul.iconmarker-inline-16x16 li img,
div.image-left-100x75 ul.iconmarker-16x16 li img { 
	float: none; 
	clear: none; 
	margin-left: -20px; 
	margin-bottom: -3px;
	margin-right: 4px;
}

div.image-left-wrap {
	float: left;
	margin-right: 10px;
	margin-bottom: 0.45em;
}

/* CODE LAYOUT */

pre {
	display: block;
}

.preWrapper {
	background-color: #F7F7F7;
/*\*/
	overflow: auto !important;
/* */
	overflow: scroll;
	width: 92%;
	padding: 1em;
	margin: 1em;
}

.columns-2-Abb-A select.multiselect,
.columns-2-aaB-B select.multiselect {
	padding: 0 0 16px 0;
	width: 304px;
	height: 92px !important;	
	height: 108px;
}

.columns-2-aaB-aa select.multiselect,
.columns-2-Abb-bb select.multiselect {
	padding: 0 0 16px 0;
	width: 154px;
	height: 92px !important;	
	height: 108px;
}

div.threequarter-width select.multiselect,
div.partial-width select.multiselect {
	padding: 0 0 16px 0;
	width: 304px;
	height: 92px !important;	
	height: 108px;
}

div.full-width select.multiselect {
	padding: 0 0 16px 0;
	width: 304px;/* 450px */
	height: 92px !important;	
	height: 108px;
}

div.input-left input.textfield {
	width: 170px !important;
}

col.datacolumns-4-aaBCD-aa {
	width: 151px;	
}

col.datacolumns-3-aaBC-aa {
	width: 170px
}

col.datacolumns-3-aaBC-B,
col.datacolumns-3-aaBC-C {
	width: 277px;
}

col.datacolumns-4-aaBCD-B,
col.datacolumns-4-aaBCD-C,
col.datacolumns-4-aaBCD-D {
	width: 191px;
}

div.full-width table col.datacolumns-4-ABCD-A,
div.full-width table col.datacolumns-4-ABCD-B,
div.full-width table col.datacolumns-4-ABCD-C,
div.full-width table col.datacolumns-4-ABCD-D {
	width: 181px;
}

div.full-width table col.datacolumns-4-Abbccdd-A { width: 283px;}
div.full-width table col.datacolumns-4-Abbccdd-bb,
div.full-width table col.datacolumns-4-Abbccdd-cc,
div.full-width table col.datacolumns-4-Abbccdd-dd { width: 157px;}

div.partial-width table col.datacolumns-3-ABC-A,
div.partial-width table col.datacolumns-3-ABC-B,
div.partial-width table col.datacolumns-3-ABC-C {
	width: 186px;
}

div.partial-width table col.datacolumns-3-Abbcc-A { width: 275px;}

div.partial-width table col.datacolumns-3-Abbcc-bb,
div.partial-width table col.datacolumns-3-Abbcc-cc { width: 146px;}

div.partial-width table col.datacolumns-2-AB-A,
div.partial-width table col.datacolumns-2-AB-B { width: 283px;}

div.partial-width table col.datacolumns-2-aaB-aa { width: 186px;}
div.partial-width table col.datacolumns-2-aaB-B { width: 348px;}