/***********************************
DEFAULTS FOR ALL LAYOUTS
***********************************/
#siteHeader,
#wrapper {
	width:960px;
	clear:both;
	position:relative;
	z-index:0;
}
#siteHeader {
	z-index:100;
}
#siteFooter {
	width:940px;
	padding:0 0 0 20px;
	margin-top:40px;
	clear:both;
}
#mainInnerColWrap {min-height:100px; /* overflow:hidden; causes "jump" when clicking named anchor links and .helpBubble because mis-aligned */}
#navCol,
#mainContentColExtra,
#mainContentCol1,
#mainContentCol2,
#mainContentCol3,
#mainContentCol4,
#mainContentCol5,
#mainContentCol6,
#mainContentColLast{ _overflow-x:hidden; display:none; }
#mainContentCol1 { display:block; }

#mainInnerColWrap:after {
    content:".";
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
#mainInnerColWrap {display:inline-block;}
/* Hides from IE-mac \*/
* html #mainInnerColWrap {height:1%;}
#mainInnerColWrap {display:block;}
/* End hide from IE-mac */

/***********************************
COLUMN CLASSES & WIDTHS
***********************************/
.rail1 .content,
.rail2 .content,
.rail3 .content,
.rail4 .content,
.rail5 .content,
.rail6 .content { padding:0 20px; margin-top:16px; }
#mainContentColLast .content { margin-top:0; }

.rail1 { width:240px; }
.rail2 { width:320px; }
.rail3 { width:480px; }
.rail4 { width:640px; }
.rail5 { width:720px; }
.rail6 { width:960px; }

/***********************************
INDIVIDUAL LAYOUTS
***********************************/
/**** Starting Template ****/
/* 
#navCol {}
#mainContentColExtra {}
#mainContentCol1,
#mainContentCol2, 
#mainContentCol3, 
#mainContentCol4,
#mainContentCol5,
#mainContentCol6,
#mainContentColLast {}
 */
 
/**** Home Page A ****/
.homePgA #mainContentColExtra,
.homePgA #mainContentCol1,
.homePgA #mainContentCol2,
.homePgA #mainContentCol3 { display:block; }
.homePgA #mainContentCol2,
.homePgA #mainContentCol3 { float:left; }
.homePgA #mainContentCol2 { clear:both; }

/* layout1a */
.homePgA #mainContentCol1 .content {
	padding:0 0 16px;
	margin:16px 20px 0;
	border-bottom:1px solid #e1e1e1;
}

/* backgrounds and borders */
.homePgA #mainContentColExtra .content {
	background:url(/media/backgrounds/bg_vgraygradient.jpg) 50% 100% no-repeat;
	padding:0;
	margin-bottom:0;
}
.homePgA #mainContentCol1 {
	position:relative;
}
.homePgA #mainContentCol1:after {
	content:"";
	display:block;
	border-top:1px solid #d5d5d5;
	position:absolute;
	left:20px;
	right:20px;
	bottom:0;
}
.homePgA #mainInnerColWrap {
	position:relative;
}

/**** Home Page B ****/
.homePgB #mainContentColExtra,
.homePgB #mainContentCol1,
.homePgB #mainContentCol2,
.homePgB #mainContentCol3,
.homePgB #mainContentCol4 { display:block; }
.homePgB #mainContentCol2,
.homePgB #mainContentCol3,
.homePgB #mainContentCol4 { float:left; }

/* layout */
.homePgB #mainContentCol1 .content {
	padding:0 0 16px;
	margin:16px 20px 0;
	border-bottom:1px solid #e1e1e1;
}
/* backgrounds and borders */
.homePgB #mainContentColExtra .content {
	background:url(/media/backgrounds/bg_vgraygradient.jpg) 50% 100% no-repeat;
	padding:0;
	margin-bottom:0;
}
.homePgB #mainContentCol3 .content {
	border-right:1px solid #e1e1e1;
}

/**** Layout 1a ****/
.layout1a #mainInnerColWrap { width:100%; }
.layout1a #mainContentCol1,
.layout1a #mainContentCol2,
.layout1a #mainContentCol3,
.layout1a #mainContentColLast { display:block; }
.layout1a #mainContentCol1,
.layout1a #mainContentCol2,
.layout1a #mainContentCol3 { float:left; }
.layout1a #mainContentColLast { clear:both; }

/* borders */
.layout1a #mainContentCol2 .content {
	border-left:1px dotted #e1e1e1;
	border-right:1px dotted #e1e1e1;
}

/**** Layout 1b ****/
.layout1b #mainInnerColWrap { width:100%; }
.layout1b #mainContentColExtra,
.layout1b #mainContentCol1,
.layout1b #mainContentCol2,
.layout1b #mainContentCol3,
.layout1b #mainContentColLast { display:block; z-index:1; }
.layout1b #mainContentCol1,
.layout1b #mainContentCol2,
.layout1b #mainContentCol3 { float:left; }
.layout1b #mainContentColExtra,
.layout1b #mainContentColLast { clear:both; }

/* layout */
.layout1b #mainContentColExtra {
	position:relative;
	z-index:100;
}

/* backgrounds and borders */
.layout1b #mainContentColExtra .content {
	background:url(/media/backgrounds/bg_vgraygradient.jpg) 50% 100% no-repeat;
}
.layout1b #mainContentCol2 .content {
	padding-top:30px;
	border-left:1px dotted #e1e1e1;
	border-right:1px dotted #e1e1e1;
}

/**** Layout 2 ****/
.layout2 #mainContentColWrap {}
.layout2 #navCol {display:none;}
.layout2 #mainInnerColWrap {float:left; width:640px;}
.layout2 #mainContentColExtra {display:block; float:right;}
.layout2 #mainContentCol1 {}
.layout2 #mainContentCol2,
.layout2 #mainContentCol3 {display:block; float:left;}
.layout2 #mainContentColLast  {display:block; clear:both;}

/* layout */
.layout2 #mainContentCol2 .content,
.layout2 #mainContentCol3 .content {
	margin-top:26px;
}
/* borders */
.layout2 #mainContentCol3 .content { border-left:1px dotted #e1e1e1; }
.layout2 #mainContentColExtra .content { border-left:1px dotted #e1e1e1; }

/**** Layout 3 ****/
.layout3 #mainContentColWrap {}
.layout3 #navCol {display:none;}
.layout3 #mainInnerColWrap {width:100%;}
.layout3 #mainContentColExtra {display:none;}
.layout3 #mainContentCol1,
.layout3 #mainContentCol2,
.layout3 #mainContentCol3 {display:block; float:left;}
.layout3 #mainContentColLast {display:block; clear:both;}

.layout3 #mainContentCol1 .content {
	width:439px;
	border-right:1px dotted #e1e1e1;
}
.layout3 #mainContentCol3 .content {
	width:199px;
	border-left:1px dotted #e1e1e1;
}

/**** Layout 4 ****/
.layout4 #navCol,
.layout4 #mainContentColExtra,
.layout4 #mainContentCol1,
.layout4 #mainContentCol2, 
.layout4 #mainContentCol3, 
.layout4 #mainContentCol4 { display:block; }
.layout4 #navCol,
.layout4 #mainContentColWrap,
.layout4 #mainContentCol1,
.layout4 #mainContentCol2,
.layout4 #mainContentCol3 { float:left; }
.layout4 #mainContentColExtra,

/* layout */
.layout4 #mainContentCol4 {
	clear:both;
	overflow:hidden;
}
.layout4 #mainContentColWrap {
	width:720px;
}
.layout4 #mainContentColExtra .content,
.layout4 #mainContentCol3 .content,
.layout4 #mainContentCol4 .content {
	padding-right:0;
}
.layout4 #mainContentColExtra .content,
.layout4 #mainContentCol1 .content,
.layout4 #mainContentCol4 .content {
	padding-left:30px;
}
.layout4 #mainContentCol1 {
	width:260px;
}
.layout4 #mainContentCol2,
.layout4 #mainContentCol3 {
	width:230px;
}
.layout4 #mainContentColExtra .content {
	margin-top:37px;
}
.layout4 #mainContentCol1 .content,
.layout4 #mainContentCol2 .content,
.layout4 #mainContentCol3 .content {
	margin-top:15px;
}
/* borders */
.layout4.layout4colBordersOn #mainContentCol1 .content,
.layout4.layout4colBordersOn #mainContentCol2 .content {
	border-right:1px dotted #d5d5d5;
}

/**** Layout 5a ****/
.layout5a #mainContentCol1 { display:block; }

/* layout */
.layout5a #mainContentCol1 .content {
	padding-right:0;
	margin-top:32px;
}

/**** Layout 5b ****/
.layout5b #mainContentCol1 { display:block; }

/* layout */
.layout5b #mainInnerColWrap {
	overflow:visible;
}
.layout5b #mainContentCol1 .content {
	padding-right:0;
}
.layout5b #siteFooter #copyright {
	clear:both;
}
.layout5b #siteFooter .bottom .vList {
	overflow:auto;
}
.layout5b #siteHeaderLinks ul.vList li,
.layout5b #siteHeaderLoginArea,
.layout5b #siteNav,
.layout5b #siteHeader #siteBanner,
.layout5b #siteFooter .bottom .links li,
.layout5b #siteFooter #socialLink {
	display:none;
}
.layout5b #siteHeaderLinks ul.vList li.first,
.layout5b #siteHeaderLinks ul.vList li.last,
.layout5b #siteFooter .bottom .links li.security,
.layout5b #siteFooter .bottom .links li.privacy,
.layout5b #siteFooter .bottom .links li.terms {
	display:block;
}

/* login module */
.layout5b h1 {
	position:absolute;
	top:0;
	right:0;
	width:788px;
	height:50px;
	padding-right:20px;
	line-height:50px;
	text-align:right;
	margin-top:-112px;
	text-shadow:1px 1px 1px #fff;
	letter-spacing:-1px;

	border:1px solid #e1e1e1;
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* W3C */
	-webkit-box-shadow:1px -2px 2px rgba(0,0,0,.1);
	-moz-box-shadow:1px -2px 2px rgba(0,0,0,.1);
	box-shadow:1px -2px 2px rgba(0,0,0,.1);
}

/**** Layout 6 ****/
.layout6 #mainContentCol1 { display:block; }

/**** Layout 7 ****/
.layout7 #navCol,
.layout7 #mainContentCol1 { display:block; float:left; }

/* layout */
.layout7 #mainContentCol1 .content {
	padding-right:0;
	padding-left:30px;
	margin-top:34px;
}
.layout7 #mainInnerColWrap {
	float:left;
}
.layout7.toggleBorderLayout7On #mainContentCol1 .colWrap .last {
	border-left:1px solid #d5d5d5;
	padding-left:20px;
	padding-bottom:16px;
	margin-left:-18px;
}

/**** Layout 8 ****/
.layout8 #navCol,
.layout8 #mainContentCol1,
.layout8 #mainContentCol2 { display:block; float:left; }

/* layout */
.layout8 #mainContentCol1 .content {
	padding:0 30px;
	margin-top:32px;
}
.layout8 #mainContentCol2 .content {
	padding-right:0;
	margin-top:37px;
}

/* backgrounds and borders */
.layout8 #mainContentCol1 .content {
	border-right:1px solid #e1e1e1;
}

/**** Layout 9 ****/
.layout9 #navCol,
.layout9 #mainContentCol1,
.layout9 #mainContentCol2, 
.layout9 #mainContentCol3 { display:block; }
.layout9 #mainContentCol4 { display:block; clear:both; }
.layout9 #navCol,
.layout9 #mainContentCol1,
.layout9 #mainContentCol2, 
.layout9 #mainContentCol3,
.layout9 #mainContentColWrap { float:left; }

/* layout */
.layout9 #mainContentColWrap {
	width:720px;
	float:right;
}
.layout9 #mainContentCol1 .content,
.layout9 #mainContentCol4 .content {
	padding-left:30px;
}
.layout9 #mainContentCol3 .content,
.layout9 #mainContentCol4 .content {
	padding-right:0;
}

/**** Marketing Landing 1 ****/
.marketing1 #mainContentCol1,
.marketing1 #mainContentCol2,
.marketing1 #mainContentCol3 { display:block; }
.marketing1 #mainContentCol1,
.marketing1 #mainContentCol2 { float:left; }

/* layout */
.marketing1 #mainContentCol1 .content {
	padding-left:0;
	margin-top:0;
}
.marketing1 #mainContentCol2 .content {
	margin-top:4px;
	padding-right:0;
}
.marketing1 #mainContentCol1 .imageTout img {
	width:480px;
}
.marketing1 #mainContentCol3,
.marketing1 #siteFooter #copyright {
	clear:both;
}
.marketing1 #siteHeaderInner {
	position:absolute;
	right:0;
	z-index:500;
}
.marketing1 #siteHeader .top {
	height:auto;
}
.marketing1 #siteFooter .bottom .vList {
	overflow:auto;
}
.marketing1 #siteLogo,
.marketing1 #siteHeaderLinks ul.vList li,
.marketing1 #siteHeaderLoginArea,
.marketing1 #siteNav,
.marketing1 #siteHeader .bottom,
.marketing1 #siteFooter .bottom .links li,
.marketing1 #siteFooter #socialLink {
	display:none;
}
.marketing1 #siteHeaderLinks ul.vList li.first,
.marketing1 #siteHeaderLinks ul.vList li.last,
.marketing1 #siteFooter .bottom .links li.security,
.marketing1 #siteFooter .bottom .links li.privacy,
.marketing1 #siteFooter .bottom .links li.terms {
	display:block;
}

/**** Marketing Landing 2 ****/
.marketing2 #mainContentColExtra,
.marketing2 #mainContentCol1,
.marketing2 #mainContentCol2 { display:block; }
.marketing2 #mainContentCol1,
.marketing2 #mainContentCol2 { float:left; }

.marketing2 #mainContentCol2 .content {
	padding-left:30px;
	padding-right:0;
}

/* layout */
.marketing2 #mainContentColExtra .content,
.marketing2 #mainContentColExtra .imgTextLinks .moduleContent,
.marketing2 #mainContentColExtra .deleteButtonWrap {
	margin-top:0;
}
.marketing2 #mainContentColExtra img {
	margin-left:-20px;
}
.marketing2 .imageTout img {
	width:960px;
}
.marketing2 #mainContentCol1,
.marketing2 #siteFooter #copyright {
	clear:both;
}
.marketing2 #siteHeaderInner {
	position:absolute;
	right:20px;
	z-index:500;
}
.marketing2 #siteHeader .top {
	height:auto;
}
.marketing2 #siteFooter .bottom .vList {
	overflow:auto;
}

/**** Popup Layout ****/
.popup #mainContentCol1 { display:block; }

/* layout */
.popup #siteHeader,
.popup #wrapper,
.popup #siteFooter {
	width:720px;
}
.popup #siteLogo {
	margin:20px 0 0 20px;
	float:left;
}
.popup #siteHeader .top {
	height:150px;
}
.popup #siteHeaderLinks {
	width:auto;
	float:right;
}
.popup #mainContentCol1 { width:720px; }
.popup #mainContentCol1.rail6 .content { margin-top:0; }
.popup *:focus { outline:0 none; }

/***********************************
COMMON BACKGROUNDS AND BORDERS
***********************************/
/**** Background border for left nav / left column ****/
.layout4 #navCol,
.layout8 #navCol,
.layout9 #navCol {
	position:relative;
}
.homePgA #mainContentCol2 .content,
.homePgB #mainContentCol2 .content,
.layout4 #navCol .content,
.layout7 #navCol .content,
.layout8 #navCol .content,
.layout9 #navCol .content,
.marketing2 #mainContentCol1 .content {
	position:relative;
	z-index:1;
}
.homePgA #mainContentCol2,
.homePgB #mainContentCol2,
.layout4 #navCol,
.layout7 #navCol,
.layout8 #navCol,
.layout9 #navCol,
.marketing2 #mainContentCol1 {
	min-height:300px;
	background:url(/media/backgrounds/gradientverticalgray_middle.jpg) 100% 100% repeat-y;
}
.homePgA #mainContentCol2:before,
.homePgA #mainContentCol2:after,
.homePgB #mainContentCol2:before,
.homePgB #mainContentCol2:after,
.layout4 #navCol:before,
.layout4 #navCol:after,
.layout7 #navCol:before,
.layout7 #navCol:after,
.layout8 #navCol:before,
.layout8 #navCol:after,
.layout9 #navCol:before,
.layout9 #navCol:after,
.marketing2 #mainContentCol1:before,
.marketing2 #mainContentCol1:after {
	content:"";
	display:block;
	width:60px;
	height:150px;
	position:absolute;
	left:180px;
	background:url(/media/backgrounds/gradientverticalgray_top.jpg) 0 0 no-repeat;
}
.homePgA #mainContentCol2:after,
.homePgB #mainContentCol2:after,
.layout4 #navCol:after,
.layout7 #navCol:after,
.layout8 #navCol:after,
.layout9 #navCol:after,
.marketing2 #mainContentCol1:after {
	bottom:0;
	background:url(/media/backgrounds/gradientverticalgray_bottom.jpg) 0 0 no-repeat;
}

/**** Secondary Header ****/
.marketing2 #siteLogo,
.marketing2 #siteHeaderLinks ul.vList li,
.marketing2 #siteHeaderLoginArea,
.marketing2 #siteNav,
.marketing2 #siteHeader .bottom,
.popup #siteHeaderLinks ul.vList li,
.popup #siteHeaderLoginArea,
.popup #siteNav,
.popup #siteHeader .bottom {
	display:none;
}
.marketing2 #siteHeaderLinks ul.vList li.first,
.marketing2 #siteHeaderLinks ul.vList li.last,
.popup #siteHeaderLinks ul.vList li.first,
.popup #siteHeaderLinks ul.vList li.last {
	display:block;
}

/**** Secondary Footer ****/
.marketing2 #siteFooter .bottom .links li,
.marketing2 #siteFooter #socialLink,
.popup #siteFooter {
	display:none;
}
.marketing2 #siteFooter .bottom .links li.security,
.marketing2 #siteFooter .bottom .links li.privacy,
.marketing2 #siteFooter .bottom .links li.terms {
	display:block;
}
