/* ---------------------
	Title: One Pica codebase - Screen stylesheet for Internet Explorer
	Filename: screen_ie.css
	Author: One Pica Inc, Boston MA
---------------------- */

/* General
---------------------- */
body {
	text-align: center; /* fix IE5 bug that doesn't honor margin auto */
}

/* Nav-Main
---------------------- */


/* Nav-Section
---------------------- */
#nav-section {
}

#nav-section ul li a {
	display: block;
	padding: 7px 0 6px; /* Different from Fx */
	margin: 0;
}
#nav-section ul li a span {
	line-height: 13px;
}
#nav-section ul li a, #nav-section ul li a:link, #nav-section ul li a:visited {
	color: #DFE7F0;
	text-decoration: none;
}
#nav-section ul li a:hover, #nav-section ul li a:active {
	color: #fff;
	text-decoration: none;
	padding: 7px 0 6px; /* Different from Fx */
	text-indent: 0; /* Fix the IE6 :hover span bug */
}
#nav-section ul li a:hover span, #nav-section ul li a:active span {
	padding-bottom: 2px; /* +1 from Fx */
	padding-right: 1px;
	border-bottom: solid 3px #ACABA9;
}
body #nav-section ul li a.current {
	color: #fff;
	font-weight: bold;
	padding: 7px 0 7px; /* Different from Fx */
}
#nav-section ul li a.current span {
	padding-bottom: 3px; /* +1 from Fx */
	padding-right: 1px;
	border-bottom: solid 3px #BFBCB8;
	color: #fff !important;
}
#nav-section ul li a.current:hover, #nav-section ul li a.current:active {
	padding-bottom: 7px;
}
#nav-section ul li a.current:hover span, #nav-section ul li a.current:active span {
	padding-bottom: 3px;
	border-bottom: solid 3px #BFBCB8;
}
/* For links with long names */
#nav-section ul li.longname a span {
	display: block;
	line-height: 16px;
}
#nav-section ul li.longname a:hover, #nav-section ul li.longname a:active {
	color: #fff;
	text-decoration: none;
	padding: 7px 0 0px;
}
#nav-section ul li.longname a:hover span, #nav-section ul li.longname a:active span {
	padding-bottom: 3px;
	padding-right: 1px;
	border-bottom: solid 3px #ACABA9;
}
#nav-section ul li.longname a.current {
	color: #fff;
	font-weight: bold;
	padding: 7px 0 0px;
}
#nav-section ul li.longname a.current span, #nav-section ul li.longname a.current:hover span, #nav-section ul li.longname a.current:active span {
	padding-bottom: 3px;
	padding-right: 1px;
	border-bottom: solid 3px #BFBCB8;
}

/* For links that have 3rd-level children, i.e. eScription Experience */
#nav-section ul li.haschildren ul {
	margin: 0 0 0 0px; /* Different from Fx */
}
	#nav-section ul li.haschildren ul li {
		border-bottom: solid 1px #B3AFAB;
		margin: 0 0 0 10px;
	}
		#nav-section ul li.haschildren ul li a {
			padding-bottom: 5px; /* Different from Fx */
		}
#nav-section ul li.haschildren ul li a.current, #nav-section ul li.haschildren ul li a.current:hover, #nav-section ul li.haschildren ul li a.current:active {
	padding-bottom: 6px; /* Different from Fx */
}

/* For links with image icons in them, i.e. Open Positions */
#nav-section ul li.img-link a, #nav-section ul li.img-link a:hover, #nav-section ul li.img-link a:active {
	padding-bottom: 5px; /* Needs to be specified here, not in Fx */
}


/* Forms 
---------------------- */
form select {height: 1.7em}
form p.indent {
	margin-left: 40.5%;
}
form input.submit, button {
	padding: 0 3px;
	font-family: Arial, sans-serif; /* IE has a default font for buttons */
	overflow: visible; /* The only way to make IE button widths behave */
}

	.content-form p.indent {
		margin-left: 31.7%; /* Different from Fx */
	}
	.content-form .btn-outer {
		margin-right: 0%;
		display: inline;
		padding: 0;
	}
	.content-form button {
		padding: 2px 7px 3px;
		width: auto;
		overflow: visible;
		margin: 0 !important;
	}
	.content-form .btn-2 {
		margin-left: 1.5%;
	}
	

/* Multicol
---------------------- */
.twoColumnLayout {
}
	.twoColumnLeft {
		margin-right: 3%; /* Fix percentage display difference */
	}
.threeColumnLayout {
}
	.threeColumnLeft {
		margin-right: 3%; /* Fix percentage display difference */
	}
	.threeColumnMiddle {
		margin-right: 3%; /* Fix percentage display difference */
	}

/* Content 
---------------------- */
#content-main .pagetitle {
	padding-bottom: 6px;
}
ul.bulleted {
}
	ul.bulleted li {
		line-height: 1.5; /* Inherit doesn't work in IE */
	}

#content-main .pagetitle.news { /* Added extra class to declaration in IE */
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: solid 7px #A2D3FA;
	padding: 0;
	margin: 0 0 1.0em 0;
}
	#content-main .pagetitle.news span {
		display: block;
		border-bottom: solid 1px #74A9E5;
	}
		#content-main .pagetitle.news span span {
			display: block;
			width: 520px;
			line-height: 1.2;
			padding: 12px 0 12px 25px;
			border: none;
		}

/*--- Tabs ---*/
		.tabs ul {
			height: 1%; /* Fix clearing issue */
		}
			.tabs a.doc, .tabs a.doc:link, .tabs a.doc:visited, .tabs a.doc:hover, .tabs a.doc:active {
				padding: 4px 10px 3px; /* Get around image padding issues */
			}

.home-cta {
	padding: 0.4em 15px 0.9em 25px; /* Different bottom padding than Fx */
}

.custlogin button {
	padding: 4px 9px 3px; /* Different from Fx */
	width: auto;
}

/* News item links */
.page-body p a {
	line-height: 1.5;
}