/* -- -- -- -- -- -- --
 * ets.css
 * -- -- -- -- -- -- --
 */

.clearboth { clear: both; }
.clearright { clear: right; }
.clearleft { clear: left; }

.hide { display: none; }
.zeroheight { height: 0; }

.donottransform { text-transform: none !important; }

.nobottommargin { margin-bottom: 0; padding-bottom: 0; border: }
.notopmargin { margin-top: 0; padding-top: 0; border: }

.donotwrap { white-space: nowrap; }
.nowrap { white-space: nowrap; }

.floatright { float: right; }
.floatleft { float: left; }

.skip { position: absolute; top: -500px; width: 1px; height: 1px; overflow: hidden; }

/* -- -- -- -- -- -- --
 * basic image style, container specific style with that container
 * -- -- -- -- -- -- --
 * do not add margin or padding here
 * do it in the imgright definition in the appropiate container
 */

.imgleft { float: left; margin: 0; padding: 0; }
.imgright { float: right; margin: 0;  padding: 0;  }
.imgcaption { margin: 0; padding: 0.5em 0; text-align: center; border-bottom: 1px solid #999; color: #333; font: normal normal normal 1.05em/1.5 arial, helvetica, sans-serif; font-size: smaller; }

/* -- -- -- -- -- -- --
 * button and button-esque links
 * -- -- -- -- -- -- --
 */

.wrapper-actionbutton {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}

/* sometimes you feel like a borders */
a.rounded-noborder,
.action-button {
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle; /* or top */
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible; /* IE6 form button fix */
	text-decoration: none !important;
	}

.action-button {
	padding: 5px 10px;
	color: #fff;
	background: #4d6ea7;
	font: normal normal bold 100%/100% arial, helvetica, sans-serif;
	}

.action-button:hover {
	background: #003082; /* not #3072be */
	text-decoration: none;
	}

/* sometime you don't */
a.rounded-border,
.audience-button {
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle; /* or top */
	display: -moz-inline-box;
	display: inline-block;
	overflow: visible; /* IE6 form button fix */
	border: 1px solid #c0c0c0;
	}

.audience-button {
	padding: 4px 10px;
	color: #333;
	background: #fff;
	font: normal normal bold 100%/100% arial, helvetica, sans-serif;
	border: 1px solid #c0c0c0;
	}

.audience-button:hover {
	color: #660019;
	background: #fff;
	text-decoration: none;
	}

/* and sometimes you need a 'go' */
.go-button,
.go-link {
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle; /* or top */
	display: -moz-inline-box;
	display: inline-block;
	color: #666;
	background: #ddd;
	border: 1px solid #ccc;
	font: normal normal bold 10px/13px arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

.go-link {
	padding: 2px 3px;
	}

.go-button:hover,
.go-link {
	background: #fbdf80;
	text-decoration: none;
	}

/* -- -- -- -- -- -- --
 * background
 * -- -- -- -- -- -- --
 */

html {
	height: 100.1%;
	min-height: 100.1%;
	margin-bottom: 1px; /* force the vertical scrollbar in mozilla/opera */
	}

body {
	margin: 0;
	padding: 0;
	background: #e1dada;
	min-height: 100.1%; /* of the canvas */
	height: 100.1%;	  /* force the background to the bottom */

	font-size: 100%;  /* 16px = 1em ~= 12pt*/
	font-size: 62.5%; /* 10px = 1em ~= 7.5pt */
	font-size: 75%;	/* 12px = 1em ~= 9pt */

	}

body.ets-org {
	/* ets.org content pages need to have the drop-shadow background */
	/* all others do not */
	background: #e1dada url(../img/wrap/fpo-background.gif) repeat-y center center;
	}

body.ets-blank {
	background: #fff;
	}

body.ets-popup {
	background: #fff;
	}

div#wrapper-center {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background: #fff;
	height: 100%;	  /* force the background to the bottom */
	min-height: 100%;  /*of the canvas */
	}
	
div#wrapper-center-okta {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #103d4b;
	height: 100%;	  /* force the background to the bottom */
	min-height: 100%;  /*of the canvas */
	display: flex;
    flex-direction: column;
	}

div#wrapper-bkgnd {
	margin: 0;
	padding: 0;
	min-height: 100%; /* of the canvas */
	}

div#wrapper-content {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background: white;
}


div#wrapper-content-okta {
	padding: 0;
	width: 100%;
	height: 100%;
	flex-grow: 1;
	background: #103d4b;
}



/* -- -- -- -- -- -- --
 * top navigation
 * -- -- -- -- -- -- --
 */

div#top-navigation { margin: 0; padding: 0; }

div#top-navigation div.bluesolidbar {
	margin: 0;
	padding: 0;
	border-bottom: 6px solid #003082; /* NOT #3072be */
	clear: both;
	}
	
div#top-navigation div.bluesolidbar-okta {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #fff; /* NOT #3072be */
	clear: both;
	}

div.bluedottedbar {
	margin: 0;
	padding: 0;
	height: 1px;
	background: transparent url(../img/wrap/ets_rule_gray.png) repeat-x;
	clear: both;
	}

div.graydottedbar {
	margin: 0;
	padding: 0;
	height: 1px;
	background: transparent url(../img/wrap/ets_rule_gray.png) repeat-x;
	clear: both;
	}

/* -- -- -- -- -- -- --
 * site navigation
 * -- -- -- -- -- -- --
 */

ul#site-nav-top {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	}

ul#site-nav-top li {
	font: normal normal bold 11px/11px arial, helvetica, sans-serif;
	list-style: none;
	}

ul#site-nav-top li.a {
	color: #666;
	text-decoration: none;
	}

ul#site-nav-top li.last a {
	border: 0;
	}

ul#site-nav-top li:hover a,
ul#site-nav-top li.sfHover a {
	}

ul#site-nav-top li:hover ul a,
ul#site-nav-top li.sfHover ul a {
	}

ul#site-nav-top li:hover ul a:hover,
ul#site-nav-top li.sfHover ul a:hover {
	}

.site-nav-top,
.site-nav-top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.site-nav-top {
	position: relative;
	z-index: 100;
	}

.site-nav-top li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}

.site-nav-top li a,
.site-nav-top li a:link,
.site-nav-top li a:active,
.site-nav-top li a:visited {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-decoration: none;
	line-height: 25px; /* key value */
	color: #666;
	background: white url(../img/wrap/fpo-corp-top-nav-border.gif) no-repeat center right;
	}

.site-nav-top li a:hover {
	color: #003082; /* not #3072be */
	text-decoration: underline;
	}

.site-nav-top > li:hover a {
	color: #003082; /* not #3072be */ /* add the color/underline to the anchor */
	text-decoration: underline;       /* at the top of the selected drop-down */
	}

.site-nav-top ul.subnav {
	position: absolute;
	top: -999em;
	left: -12px; /* aligns subnav text with topnav text */
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
	width: 240px;
	background: #fff; /* yes, you need this here */
	border: 1px solid #999;
	}

.site-nav-top ul.subnav li {
	background: #d7d7d7 url(../img/wrap/ets_rule_gray.png) repeat-x bottom left;
	text-transform: none;
	}

.site-nav-top ul.subnav li a,
.site-nav-top ul.subnav li a:link,
.site-nav-top ul.subnav li a:active,
.site-nav-top ul.subnav li a:visited {
	display: block;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	line-height: normal; /* .subnav line height */
	border: 0;
	background-image: url(../img/wrap/ets_rule_gray.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	}

.site-nav-top li.last a,
.site-nav-top ul.subnav li.last,
.site-nav-top ul.subnav li.last a {
	background-image: none; /* remove the dotted background image from the last subnav -- see the js file */
	}

.site-nav-top li:hover ul,
.site-nav-top li.sfHover ul {
	top: 25px; /* how far down off of the corp-nav-top the dropdown nav should position */
	}

.site-nav-top ul li {
	border: 0;
	float: none;
	}

.site-nav-top ul a {
	width: 220px; /* 220 + 20px of padding in '.corp-nav-top ul.subnav li a' = 240 */
	}

.site-nav-top ul a:hover {
	color: #fff;
	background: #003082; /* not #3072be */
	}

/* -- -- -- -- -- -- --
 * site search
 * -- -- -- -- -- -- --
 */

div#site-search { margin: 1px 20px -1px 0; padding: 0; float: right; text-transform: uppercase; color: #666; font: normal normal bold 11px/13px arial, helvetica, sans-serif; line-height: 24px; }
div#site-search select { margin:  0; padding: 0; color: #666; font: normal normal normal 11px/11px arial, helvetica, sans-serif; border: 1px solid #ccc; position: relative; top: 0; }
div#site-search label { font: normal normal bold 11px/11px arial, helvetica, sans-serif; }
div#site-search input#site-search-form-keyword { margin:  0; padding: 1px 3px 1px 3px; color: #666; font: normal normal normal 11px/11px arial, helvetica, sans-serif; border: 1px solid #ccc; position: relative; top: 0; }
div#site-search input#site-search-form-go { margin:  0; padding: 0 3px 0 3px; color: #666; font: normal normal bold 11px/11px arial, helvetica, sans-serif; border: 1px solid #ccc; position: relative; }

p.adv-researcher-small-text { float: right; margin: 6px 0 0 0; padding: 0; font-size: smaller; }

div#researcher-home-search { position: absolute; top: 215px; }
div#researcher-home-search-2 { margin-left: 540px; background: #e6e6e6; padding: 16px; height: 70px; -moz-border-radius:  10px; -webkit-border-radius: 10px; }
div#researcher-home-search-2 h1 { font-size: 127%; color: #003082; margin-bottom: 0.25em; margin-top: 0 !important; }
div#researcher-home-search-2 div.grayline { display: none; }
div#researcher-home-search-2 input#researcher-quick { width: 98%; }
div#researcher-home-search-2 p.adv-researcher-small-text { float: right; margin: -29px 0 0 0; padding: 0; font-size: smaller;}


/* -- -- -- -- -- -- --
 * ets-product-logo
 * -- -- -- -- -- -- --
 */

div#ets-product-logo { float: left; margin: 9px 0 0 20px; padding: 0; height: 96px;  }
div#ets-product-logo a { border: 0; text-decoration: none; }
div#ets-logo { float: left; margin: 0 18px 0 0; padding: 0; margin-top: 10px; }
div#ets-logo-core { float: left; margin: 0; padding: 0; }
div#product-logo { float: left; margin: 0; padding: 0; }

div.core-brand { margin-top: 20px !important; height: 326px !important;  }
div.core-brand div#ets-logo-core a { display: block; width: 120px; height: 78px; }
div.core-brand div#ets-logo-core-okta a { display: block; width: 120px; height: 78px; }

/* -- -- -- -- -- -- --
 * section navigation
 * -- -- -- -- -- -- --
 */

div#section-navigation {
	float: right;
	clear: right;
	margin: 0 0 0 20px;
	height: 20px;
	}

div#section-navigation.core-brand-home-page {
	margin-top: -346px;
	}

ul#section-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* inline display hackz */
	display: -moz-inline-stack;
	display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	}

ul#section-nav li {
	font: normal normal bold 11px/11px arial, helvetica, sans-serif;
	list-style: none;
	}

ul#section-nav li.a {
	color: #666;
	text-decoration: none;
	}
	
ul#section-nav-okta li.a {
	color: #fff;
	text-decoration: none;
	background: #103d4b;
	}

ul#section-nav li.last a {
	border: 0;
	}
	
ul#section-nav-okta li.last a {
	border: 0;
	}

ul#section-nav li:hover a,
ul#section-nav li.sfHover a {
	}

ul#section-nav li:hover ul a,
ul#section-nav li.sfHover ul a {
	}

ul#section-nav li:hover ul a:hover,
ul#section-nav li.sfHover ul a:hover {
	}

.section-nav,
.section-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.section-nav {
	position: relative;
	z-index: 100;
	}

.section-nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
	
.section-nav li a,
.section-nav li a:link,
.section-nav li a:active,
.section-nav li a:visited {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	text-decoration: none;
	line-height: 25px; /* key value */
	color: #666;
	background: white url(../img/wrap/fpo-corp-top-nav-border.gif) no-repeat center right;

	}
	
.section-nav-okta,
.section-nav-okta ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.section-nav-okta {
	position: relative;
	z-index: 100;
	}

.section-nav-okta li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
	
.section-nav-okta li a,
.section-nav-okta li a:link,
.section-nav-okta li a:active,
.section-nav-okta li a:visited {
	display: block;
	margin: 40px 30px 10px 0;
	text-decoration: none;
	line-height: 25px; /* key value */
	color: #fff;
	background: #103d4b;
	font-size: 13px;
	}

.section-nav li a:hover {
	color: #003082; /* not #3072be */
	text-decoration: underline;
	}

.section-nav > li:hover a {
	color: #003082; /* not #3072be */ /* add the color/underline to the anchor */
	text-decoration: underline;       /* at the top of the selected drop-down */
	}
	
.section-nav-okta > li:hover a {
	color: #c0c0c0; /* not #3072be */ /* add the color/underline to the anchor */
	text-decoration: underline;       /* at the top of the selected drop-down */
	}

.section-nav ul.subnav {
	position: absolute;
	top: -999em;
	left: -12px; /* aligns subnav text with topnav text */
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
	width: 140px;
	background: #fff; /* yes, you need this here */
	border: 1px solid #999;
	}

.section-nav ul.subnav li {
	background: #d7d7d7 url(../img/wrap/ets_rule_gray.png) repeat-x bottom left;
	text-transform: none;
	}

.section-nav ul.subnav li a,
.section-nav ul.subnav li a:link,
.section-nav ul.subnav li a:active,
.section-nav ul.subnav li a:visited {
	display: block;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	line-height: normal; /* .subnav line height */
	border: 0;
	background-image: url(../img/wrap/ets_rule_gray.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	}

.section-nav li.last a,
.section-nav ul.subnav li.last,
.section-nav ul.subnav li.last a {
	background-image: none; /* remove the dotted background image from the last subnav -- see the js file */
	}

.section-nav li:hover ul,
.section-nav li.sfHover ul {
	top: 25px; /* how far down off of the corp-nav-top the dropdown nav should position */
	}

.section-nav ul li {
	border: 0;
	float: none;
	}

.section-nav ul a {
	width: 120px; /* 220 + 20px of padding in '.corp-nav-top ul.subnav li a' = 240 */
	}

.section-nav ul a:hover {
	color: #fff;
	background: #003082; /* not #3072be */
	}

div#section-navigation div#user-id {
	margin: 0.7em 1.5em 0 0;
	padding: 0;
	font: normal normal bold 11px/1.2 arial, helvetica, sans-serif;
	display: -moz-inline-stack;
	display: inline-block;
   vertical-align: top;
   zoom: 1;
   *display: inline;
	}


/* -- -- -- -- -- -- --
 * audience header
 * -- -- -- -- -- -- --
 */

div#audience-header {
	float: right;
	clear: right;
	margin: 0 20px;
	padding: 0;
	height: 45px;
	text-transform: uppercase;
	}
div#audience-header h2 {
	margin-top: 44px; /* this number is a guess and is used to push the header down to the sectionbar */
	margin-bottom: 0;
	color: #737373;
	font-size: 275%; /* ~ 34pt */
	white-space: nowrap;
	}
div#audience-header h3 {
	margin-top: 48px; /* this number is a guess and is used to push the header down to the sectionbar */
	margin-bottom: 0;
	color: #737373;
	font-size: 245%; /* ~ 30pt */ /* may need to adjust */
	white-space: nowrap;
	}

div#audience-header span.tm {
	display: inline-block;
	vertical-align: text-top;
	font-size: 50%;
	padding: 4px 0 0 1px;
	}


/* -- -- -- -- -- -- --
 * sectionbar + brand name/colors
 * -- -- -- -- -- -- --
 */

div#brand-color-bar {
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 24px solid #3072be;
	clear: both;
	}

.etscorpbar {  border-color: #3072be !important; }
.toeflbar {    border-color: #ea9111 !important; }
.toeicbar {    border-color: #06674e !important; }
.grebar {      border-color: #cc6813 !important; }
.praxisbar {   border-color: #6a8012 !important; }
.etsstorebar { border-color: #3072be !important; }

.etscorpbgcolor { background: #3072be; }
.bgcolor-8c8c8c { background: #8c8c8c; }

.etscorp-bkgrnd {  background-color: #3072be !important; }
.etscorp-bkgrnd-white {  background-color: #fff !important; }
.toefl-bkgrnd {    background-color: #ea9111 !important; }
.toeic-bkgrnd {    background-color: #06674e !important; }
.gre-bkgrnd {      background-color: #cc6813 !important; }
.praxis-bkgrnd {   background-color: #6a8012 !important; }
.etsstore-bkgrnd { background-color: #3072be !important; }

div.grayline { clear: both; border-bottom: 1px solid #999; margin: 0; padding: 0; }

/* -- -- -- -- -- -- --
 * home and core brand home page backgrounds
 * -- -- -- -- -- -- --
 */

div.header-image { margin: 0; padding: 0; }
div.ets-home { background: white url(../img/fpo-image_980x346.gif) no-repeat 0 0; }

/* -- -- -- -- -- -- --
 * breadcrumbs
 * -- -- -- -- -- -- --
 */

div#breadcrumbs { clear: both; margin: 0; padding: 0 20px 0 20px; font: normal normal bold 10px/24px arial, helvetica, sans-serif; color: #fff; background: #3072be; height: 24px; }
div#breadcrumbs a { color: #fff; text-decoration: none; }
div#breadcrumbs a:hover { text-decoration: underline; }

div#breadcrumbs-createaccount { clear: both; padding: 0 5px 0 10px; font: normal normal bold 10px/24px arial, helvetica, sans-serif; color: #fff; background: #fff; height: 3px; margin-right: 60px; margin-left: 60px}
div#breadcrumbs-createaccount a { color: #fff; text-decoration: none; }
div#breadcrumbs-createaccount a:hover { text-decoration: underline; }

/* -- -- -- -- -- -- --
 * secondary home page image(s)
 * -- -- -- -- -- -- --
 */

div#secondary-home-main-image {
	/*
		we may want to make the main image a background image to spare the user if they print the page.
		if so, make that addition here

		fyi: the newsroom is a secondary home page...
	*/
	margin: 0;
	padding: 0;
	}

div#secondary-home-main-image-with-padding {
	/* some pages are followed by content that does not
		include any top padding... so fix that here
	 */
	margin: -20px 0 20px 0;
	padding: 0;
	}

/* -- -- -- -- -- -- --
 * content parts
 * -- -- -- -- -- -- --
 */

h1 { font-size: 180%; line-height: 1.2; margin-top: -0.2em !important; } /* ~ 22pt */
h2 { font-size: 150%; line-height: 1.2; } /* ~ 18pt */
h3 { font-size: 128%; line-height: 1.2; } /* ~ 16pt */
h4 { font-size: 110%; line-height: 1.2; } /* ~ 14pt */
h5 {} /* not designated in style guide, go with default */
h6 {} /* not designated in style guide, go with default */

/* the default color (red) for all H1-H6 links */
/* other color options are detailed below */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #660019;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}

h5, h6 { font-style: italic; }
h6 { color: #0a0a0a; }

#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
	margin-top: 20px;
	}

div.callout-box h2,
div.callout-box h3,
div.callout-box h4,
div.callout-box h5,
div.callout-box h6,
div.callout-box-alert h2,
div.callout-box-alert h3,
div.callout-box-alert h4,
div.callout-box-alert h5,
div.callout-box-alert h6 {
	margin-top: 0 !important;
	}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: #660019;
	text-decoration: none !important;
	}
h6 a { color: #0a0a0a; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #660019;
	text-decoration: underline !important;
	}
h6 a:hover { color: #0a0a0a; }


/* gray H1-H6 */
.grayheading { color: #484848; margin-top: 0 !important; padding-top: 0; }

/* blue H1-H6 */
.blueheading { color: #003082; /* not #3072be */ }
h1.blueheading a,
h2.blueheading a,
h3.blueheading a,
h4.blueheading a,
h5.blueheading a,
h6.blueheading a {
	color: #003082; /* not #3072be */
	text-decoration: none !important;
	}

h1.blueheading a:hover,
h2.blueheading a:hover,
h3.blueheading a:hover,
h4.blueheading a:hover,
h5.blueheading a:hover,
h6.blueheading a:hover {
	color: #003082; /* not #3072be */
	text-decoration: underline !important;
	}

p, td, th, dt, dd {
	font: normal normal normal 1.05em/1.5 arial, helvetica, sans-serif;
	margin: 0 0 0.8em 0;
	}

p.article-date,
p.news-date {
	float: left;
	margin-bottom: 0;
	padding-right: 0.2em;
	overflow: hidden;
	}

p.last {
	margin-bottom: 0;
	padding-bottom: 0;
	}

pre, code, tt, samp, kbd {
	font: normal normal normal 0.9em/1.2 "courier new", courier, monospace;
	}

legend, label, input, textarea, select {
	font: normal normal normal 1.05em/1.5 arial, helvetica, sans-serif;
	}

dl {}
dt { font-weight: bold; margin-bottom: 0; padding-bottom: 0; }
dd { 	margin: 0 0 0 1.5em; padding: 0; }


dl.report-info {}
dl.report-info dt {
	 float: left;
	 clear: left;
	 width: 10em;
	 font-weight: bold;
	}
dl.report-info dd{
	margin: 0 0 0 11em;
	padding: 0;
	}
dl.report-info dd.last {
	padding: 0 0 1em 0;
	}

dl.report-list {
	margin-left: 1.2em;
	margin-bottom: 1em;
	padding-left: 0px;
	}
div.callout-box dl.report-list {
	margin-left: 0.2em;
	padding-left: 1px;
	}
dl.report-list dt {
	 float: left;
	 clear: left;
	 width: 5em;
	 font-weight: bold;
	}
dl.report-list dd{
	margin: 0 0 1em 6em;
	padding: 0;
	}


dl.news-info {
	margin-left: 0;
	margin-bottom: 1em;
	padding-left: 0px;
	}
dl.news-info dt {
	 float: left;
	 clear: left;
	 width: 8em;
	 font-weight: bold;
	}
dl.news-info dd a {
	font-weight: normal !important;
	}
dl.news-info dd {
	margin: 0 0 1em 8em;
	padding: 0;
	}
dl.news-info dd ul {}
dl.news-info dd ul li {
	list-style: none;
	margin-left: 0 !important;
	margin-right: 0.5em !important;
	float: left;
	}
dl.news-info dd ul.contacts {}
dl.news-info dd ul.contacts li {
	float: left;
	padding-right: 20px;
	padding-bottom: 1.3em;
	white-space: nowrap;
	}

dl.news-list { margin-left: 1.2em; margin-bottom: 1em; padding-left: 0px; }
dl.news-list dt { float: left; clear: left; width: 8em; font-weight: bold; }
dl.news-list dd a { font-weight: normal !important; }
dl.news-list dd { margin: 0 0 1em 8em; padding: 0; }

dl.contact-info { margin-left: 3em; margin-bottom: 0.8em; }
dl.contact-info dt { float:left; }
dl.contact-info dd { margin-left: 5em; white-space: nowrap; }

/* For when you need things a little wider */
dl.contact-info-2 { margin-left: 2.5em; margin-bottom: 0.8em; }
dl.contact-info-2 dt { float:left; white-space: normal; margin-bottom: 0.8em; }
dl.contact-info-2 dd { margin-left: 9em; white-space: normal; margin-bottom: 0.8em; }

/* even more wider */
dl.contact-info-3 { margin-left: 2.5em; margin-bottom: 0.8em; }
dl.contact-info-3 dt { float:left; white-space: normal; margin-bottom: 0.8em; }
dl.contact-info-3 dd { margin-left: 13em; white-space: normal; margin-bottom: 0.8em; }

dl.faq-topic-list { margin-bottom: 3em; }
dl.faq-topic-list dt { margin-top: 1em; padding-left: 25px; }
dl.faq-topic-list dt.open { background: #fff url("../img/minus_16px.gif") no-repeat 0 0; }
dl.faq-topic-list dt.close { background: #fff url("../img/plus_16px.gif") no-repeat 0 0; }
dl.faq-topic-list dd { margin: 0 0 2em 2.5em; }
span.faq-topic-control { cursor: pointer; text-decoration: underline; color: #003082; font-size: smaller; }


dl.faq-list {}
dl.faq-list dt { font-size: 120%;  font-weight: bold; color: #660019; margin-top: 1em; margin-bottom: .3em; line-height: 1.2em; }
dl.faq-list dd { margin: 0 0 2em 2.5em; padding-left: 0; margin-bottom: 1.2em; }

ol.upper-roman { list-style-type: upper-roman; }
ol.decimal { list-style-type: decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }

ul ul { list-style-type: circle; }
ul ul ul { list-style-type: disc; }

ol.upper-roman { list-style-type: upper-roman; }
ol.upper-roman ol { list-style-type: upper-alpha; }
ol.upper-roman ol ol { list-style-type: decimal; }
ol.upper-roman ol ol ol { list-style-type: lower-alpha; }
ol.upper-roman ol ol ol ol { list-style-type: lower-roman; }

ol.upper-alpha { list-style-type: upper-alpha; }
ol.upper-alpha ol { list-style-type: decimal; }
ol.upper-alpha ol ol { list-style-type: lower-alpha; }
ol.upper-alpha ol ol ol { list-style-type: lower-roman; }
ol.upper-alpha ol ol ol ol { list-style-type: lower-alpha; }

ul, ol {
	margin-bottom: 1em;
	}

ul li {
	font-size: 1.0em;
	line-height: 1.6923;
	margin-left: 2.5em;
	margin-bottom: 0.5em;
	font: normal normal normal 1.05em/1.5 arial, helvetica, sans-serif;
	}

ol li {
	font-size: 1.0em;
	line-height: 1.6923;
	margin-left: 2.5em;
	margin-bottom: 0.5em;
	font: normal normal normal 1.05em/1.5 arial, helvetica, sans-serif;
	}
	ul li li,
	ol li li,
	ul li p,
	ol li p {
		font: normal normal normal 0.95em/1.5 arial, helvetica, sans-serif;
		}
		ul li li li,
		ol li li li,
		ul li li p,
		ol li li p {
			font: normal normal normal 1em/1.5 arial, helvetica, sans-serif;
			}

ul.nobullets,
ol.nobullets {
	list-style: none;
	margin-left: 0;
	}

ul.twocolumns li,
ol.twocolumns li {
	display: block;
	float: left;
	list-style: none;
	width: 50%;
	}

ul.noindent,
ul.noindent li,
ol.noindent {
	margin-left: 0;
	padding-left: 0;
	}

	ul.noindent ul li,
	ul.noindent ol li,
	ol.noindent ul li,
	ol.noindent ol li {
		margin-left: 2.5em;
		}


ul.withspacing li,
ol.withspacing li {
	margin-bottom: 1em;
	}

/*
	div#center-content li {
	margin-left: 2.5em;
	margin-bottom: 0.5em; /* !important;
	}
	div#center-content ul li { margin-left: 2.5em; }
	div#center-content ol li { margin-left: 2.5em; }

*/



#center-content li ul,
#center-content li ol {
	margin: 0.5em 0;
	}

a {
	color: #003082; /* not #3072be */
	text-decoration: none;
	white-space: normal;
	}
a:link {}
a:visited {}
a:active {}
a:hover {
	text-decoration: underline;
	}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	}

sup {
	bottom: 1ex;
	}

sub {
	top: .5ex;
	}

span {}
span.strike { text-decoration: line-through; }
span.underline { text-decoration: underline; }

abbr { border-bottom: .1em dotted; cursor: help; }
acronym { border-bottom: .1em dotted; cursor: help; }

b { font-weight: bold; }
strong{ font-weight: bold; }
.text-bold { font-weight: bold; }

em { font-style: italic; }
i { font-style: italic; }
.text-italic { font-style: italic; }

blockquote { margin: 0 3em 0.8em 3em; padding: 0; }
blockquote p { font-weight: bold; font-style: italic; }
blockquote em { font-weight: bold; font-style: normal; }

div.indented { margin: 0 3em 0.8em 3em; padding: 0; }

cite { font-style: italic; }
dfn { font-style: italic; }
var { font-style: italic; }

del { text-decoration: line-through; }
ins { background: yellow; }

big { font-size: larger; }
small { font-size: smaller; }
.text-small { font-size: smaller; }

.alert { color: #c00; }
.alert a { color: #c00; }

.asterick { color: #AD0000; }
.required { color: #AD0000; }

.footnote {
	margin: 1em 0;
	padding: 0;
	color: #333;
	font-size: smaller;
	}

.callout-box {
	margin: 0 0 1.5em 0;
	padding: 0.8em 0.8em 0 0.8em; /* notice, no bottom margin. the thing in the callout already has it */
	background: #fffff0;
	border: 1px solid #999;
	}

.callout-box-alert {
	margin: 0 0 1.5em 0;
	padding: 0.8em 0.8em 0 0.8em; /* notice, no bottom margin. the thing in the callout already has it */
	background: #fdefbd;
	border: 1px solid #772f28;
	}

.narrow-box-right {
	float: right;
	margin-left: 0.8em;
	width: 14em;
	}

.narrow-box-right ul.noindent {
	margin-left: 0.6em !important;
	padding-left: 0.6em !important;
	}

td.prod-name { width: 30%; font-weight: bold; padding: 0.5em; }
td.prod-desc { padding: 0.5em; }

div.form-border { margin: 0 0 2em 0; padding: 1em 1em 0 1em; border: 1px solid #ddd; }

div.form-error { color: #AD0000; }
div.form-error-narrow {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: green;
	font-size: 100%;
	width: 16em;
	white-space: normal;
	font-weight: bold;
	}
table.form-table {}
table.form-table tr { vertical-align: bottom; clear: both; }
table.form-table td { padding: 0 0.5em 0.5em 0.5em; vertical-align: top; }
table.form-table td.asterick { color: #AD0000; }
table.form-table td.required { padding: 0; color: #AD0000; width: 2; text-align: center; }
table.form-table td.form-label { padding: 0 0.5em 0.25em 0.5em; white-space: nowrap; }
table.form-table td.form-fields { white-space: nowrap; }
table.form-table td.form-fields div label { margin-right: 1.5em; }
table.form-table td.auto-text-fields-column { white-space: nowrap; }

div#page-contents .content-box table.form-table td a { text-decoration: underline; }
div#page-contents .content-box table.form-table td a:hover { text-decoration: none; }
input.text-xxlg-field { width: 26em; }
input.text-xlg-field { width: 90%; }
input.text-lg-field { width: 16em; }
input.text-xmed-field { width:  10em; }
input.text-sm-field { width:  5em; }
input.text-year-field { width: 4em; }
input.text-ssn2 { width: 2em; }
input.text-ssn3 { width: 3em; }
input.text-ssn4 { width: 4em; }

select.select-sm-field { width: 5.5em; }
select.select-med-field { width: 7.5em; }
select.select-xmed-field { width: 10.5em; }
select.select-lg-field { width: 16.5em; }
select.select-xlg-field { width: 20.5em; }
select.select-xxlg-field { width: 26.5em; }
select.select-year-field { width: 7.5em; }
select.select-test-name-field { width: 31.5em; }


/* -- -- -- -- -- -- --
 * main content + content containers
 * -- -- -- -- -- -- --
 */

div#main-content {
	margin: 0;
	padding: 0;
	color: #0a0a0a;
}

div#main-content-okta {
	margin: 0 auto auto 0;
	padding: 0;
	color: #0a0a0a;
	background: #103d4b;
}

.padded-0-20px {
	padding: 0 20px !important;
	}

div#page-contents {
	float: right;
	margin: 20px 20px 0 0;
	}
	
div#page-contents-okta {
	/* holds the center */
	display: flex;
    justify-content: center;  /* Aligns content horizontally */
    flex-direction: column;   /* Optional: if you want content stacked vertically */
    margin: 20px;             /* Adjust margin if needed */
	}

body.ets-popup div#page-contents {
	float: left;
	margin: 20px;
	padding: 0;
	}

div#page-contents a {
	text-decoration: underline;
	}

/*idass release changes- starts - aligning the forgot username text/ Remember username text with checkbox to be in same line  */
div#page-contents .container-280 .content-box a { 
    text-decoration: none; 
    line-height: 2.4; 
    }
 /* idaas release changes- to remove the thin border line which comes under the section "Returning User" in login page around username and password from IDASS */   
 div#page-contents .container-280 .card { 
    border: none;
    }
/*idass ends  */
div#page-contents .content-box a:hover { text-decoration: underline; }

div#navigation-contents {
	/* holds the left navigation */
	float: left;
	}

/* -- -- -- -- -- -- --
 * center contents
 * -- -- -- -- -- -- --
 */

div#center-content {
	clear: both;
	}
	
div#center-content-okta {
	clear: both;
	width: 70%;
    
	}

div#center-content div.bluedottedbar {
	margin: 0 0 12px 0;
	padding: 0;
	}

div#center-content div.graydottedbar {
	margin: 0 0 12px 0;
	padding: 0;
	}

div#center-content .imgleft {
	margin-right: 1em;
	margin-bottom: 0.8em;
	}

div#center-content .imgright {
	margin-left: 1em;
	margin-bottom: 0.8em;
	}

/* -- -- -- -- -- -- --
 * container boxes (containers provide width for content boxes)
 * -- -- -- -- -- -- --
 */

.container-20  { float: left; width: 20px; }
.container-180 { float: left; width: 180px; }
.container-270 { float: left; width: 270px; }
.container-280 { float: left; width: 280px; }
.container-310 { float: left; width: 310px; }
.container-360 { float: left; width: 360px; }
.container-370 { float: left; width: 370px; }
.container-560 { float: left; width: 560px; }
.container-640 { float: left; width: 640px; }
.container-740 { float: left; width: 740px; }
.container-760 { float: left; width: 760px; }
.container-940 { float: left; width: 940px; }

.spacer-height1em { height: 1em; }
.spacer-height10 { height: 10px; }
.spacer-height20 { height: 20px; }
.spacer-height24 { height: 24px; }

.width-3em { width: 3em; }

div.ets-home-tp-name {
	float: left;
	width: 75px;
	}
div.ets-home-tp-name h4 {
	padding-top: 0.1em; /* 0.2em to align with top of text, 0.1em to align with bottom */
	}
div.ets-home-tp-desc {
	float: left;
	width: 200px;
	}



/* -- -- -- -- -- -- --
 * center banner (usually above the page text, but inside the center-content)
 * -- -- -- -- -- -- --
 */

.center-banner {
	margin: 0 0 20px 0;
	padding: 0;
	height: 80px;
	text-align: center;
	}

div.product-home-image {
	margin-top: -20px;
	margin-left: -20px; /* undo the center contents left margin */
	}

div.secondary-home-image {
	margin: -20px 0 20px -20px;
	}

/* -- -- -- -- -- -- --
 * Column Container
 * -- -- -- -- -- -- --
 */
 
div.column-container-okta{
	display: flex;
    flex-direction: row;
    gap: 150px; /* Adjust gap for responsiveness */
    justify-content: center; /* Centers the container */
    margin: 60px;
    width: 100%;
}

/* -- -- -- -- -- -- --
 * content boxes
 * -- -- -- -- -- -- --
 */

div.content-box{
	height: 100%;
	margin: 0;
	padding: 16px;
    display: flex;
    flex-direction: column;
	background: #e6e6e6;
	border-radius: 12px;
	justify-content: space-around;
	}
	
div.content-box-okta{
	margin: 0;
	padding: 16px;
    display: flex;
    flex-direction: column;
	background: #fff;
	border-radius: 12px;
	justify-content: space-around;
	height: 470px; 
	width: 350px;
	}

div.signcontent-box {
    border-radius: 12px;
    padding: 10px;
}	

div.content-box-header {}

div.content-box-header h1 {
	margin-bottom: .5em;
	margin-right: 1em;
	}

div.content-box div.grayline {
	border-bottom: 1px solid #999;
	margin: 0 0 10px 0;
	padding: 0;
	}

div.content-box div.bluedottedbar { /* same as regular bluedottedbar but with 10px bottom margin */
	margin: 0;
	padding: 0 0 10px 0;
	height: 1px;
	background: transparent url(../img/wrap/ets_rule_gray.png) repeat-x;
	clear: both;
	}

div.content-box-nofiller h1,
div.content-box-nofiller h2,
div.content-box-nofiller h3,
div.content-box-nofiller h4,
div.content-box-nofiller h5,
div.content-box-nofiller h6,
div.content-box h1,
div.content-box h2,
div.content-box h3,
div.content-box h4,
div.content-box h5,
div.content-box h6 {
	margin-top: 0 !important;
	}

/* - */

div.container-760 div.content-box .column-box-1-left,
div.container-760 div.content-box .column-box-1-right {
	margin: 0;
	padding: 16px;
	width: 315px;
	background: #e6e6e6;
	}

div.container-760 div.content-box-nofiller {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	}

div.container-760 div.content-box-nofiller .column-box-1-left,
div.container-760 div.content-box-nofiller .column-box-1-right {
	margin: 0;
	padding: 16px;
	width: 328px;
	background: #e6e6e6;
	}

div.column-box-1-left { float: left; clear: left; }
div.column-box-1-right { float: right; clear: right; }

div#center-content div.column-box-1-left ul,
div#center-content div.column-box-1-right ul {}

div#center-content div.column-box-1-left ul li,
div#center-content div.column-box-1-right ul li {
	margin-left: 1.0em;
	}


div#center-content div.column-box-1-left ul.noindent,
div#center-content div.column-box-1-right ul.noindent {
	margin-left: 0;
	padding-left: 0;
	}

div#center-content div.column-box-1-left ul.noindent li,
div#center-content div.column-box-1-right ul.noindent li {
	margin-left: 0;
	padding-left: 0;
	}


/* - */

div.container-640 .column-box-1-left {
	float: left;
	clear: left;
	width: 288px;
	margin: 0 16px -12px 0;
	padding: 0;
	}

div.container-640 .column-box-1-right {
	float: right;
	clear: right;
	width: 288px;
	margin: 0 0 -12px 16px;
	padding: 0;
	}

div.container-640 div.content-box-nofiller .column-box-1-left,
div.container-640 div.content-box-nofiller .column-box-1-right {
	width: 278px;
	margin: 0;
	padding: 16px;
	background: #e6e6e6;
	}

/* - */

div.container-560 div.content-box-nofiller {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	}

div.container-560 div.content-box-nofiller .column-box-1-left,
div.container-560 div.content-box-nofiller .column-box-1-right {
	margin: 18px 0 0 0;
	padding: 16px;
	width: 238px;
	background: #e6e6e6;
	}

/* - */
.column-box { clear: both; margin: 0 0 12px 0; padding: 0; }
.column-box h2 { margin: 0 0 0.5em 0; padding: 0; }
.column-box ul { margin-left: 1em; }
.column-box ul li { padding-bottom: 0.5em; }
.column-box ul.noindent { margin-left: 0em; }
.column-box a { text-decoration: none !important; font-weight: bold; }
.column-box a:hover { text-decoration: underline !important; font-weight: bold; }
.column-box div.bluedottedbar { margin-bottom: 8px; }
.column-box div.graydottedbar { margin-bottom: 8px; }
.column-box div.grayline { border-bottom: 1px solid #999; margin: 0 0 10px 0; padding: 0; }

.continued-content {
	margin-top: -0.25em; /* undo any bottom margin from the preceeding .column-box/paragraph combo */
	}

.background-gray {
	background: #c4cbd7 !important;
	}

/* a banner-box is a lighlighted box that lives on the gray-ish background of a column-box */
.banner-box { margin: 0 0 12px 0; padding: 12px; background: #f8f8f8; }
.banner-box h2 { margin: 0 0 0.5em 0; padding: 0; }
.banner-box img { float: left; margin: 0 5px 0 0; }

div.important-msg-box {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px solid #660019;
	}

div.important-msg-box h3 {
	margin: 0 1em 1em 1em !important;
	padding: 0 0 0 27px;
	background: url(../img/wrap/icon_alert_message.gif) no-repeat left center;
	font-size: 120%;
	color: #cc0000;
	}

div.important-msg-box p { margin: 0 1em 1em 1em; }
div.important-msg-box ul { margin: 0 1em; padding: 0; }
div.important-msg-box ul li { margin-bottom: 0; }
div.important-msg-box h4 { margin-left: 1em; }


/* -- -- -- -- -- -- --
 * tabs
 * there is a whole css file this.
 * make changes there. never here
 * -- -- -- -- -- -- --
 */

/* -- -- -- -- -- -- --
 * right contents
 * -- -- -- -- -- -- --
 */

#right-content {}
#right-content div.imporant-update {}
#right-content p { line-height: 1.2 !important; }
#right-content .container-180 div.ad-banner { margin-left: 0px !important; }

/* -- -- -- -- -- -- --
 * brand img
 * -- -- -- -- -- -- --
 */
#right-content div.brand-img { margin: 0 0 20px 0; }

/* -- -- -- -- -- -- --
 * important updates
 * -- -- -- -- -- -- --
 */

.important-update {
	margin: 0 0 20px 0;
	padding: 12px;
	background: #fdefbd;
	}

div.important-update a { text-decoration: none !important; }
div.important-update a:hover { text-decoration: underline !important; }

div.important-update h1,
div.important-update h2,
div.important-update h3,
div.important-update h4,
div.important-update h5,
div.important-update h6 {
	margin-top: 0 !important;
	}

.container-280 .important-update h2 {
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 30px;
	/*
		padding: 0 0 0 35px;
		background: #fdefbd url(../img/fpo-icon_important_updates_29x30.gif) no-repeat 0 0;
	 */
	}

.container-180 .important-update h2 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 120%; /* had to tweak the font size to prevent line wrap on sample header */
	line-height: 20px;
	/*
		padding: 0 0 0 25px;
		background: #fdefbd url(../img/fpo-icon_important_updates_19x20.gif) no-repeat 0 0;
	 */
	}

.important-update p {}

.important-update p.indented35 {
	margin-left: 35px;
	}

.important-update p.indented25 {
	margin-left: 25px;
	}

/* -- -- -- -- -- -- --
 * promos
 * -- -- -- -- -- -- --
 */

div.promo-wrap {
	border: 1px solid #999;
	background: #ffffff;
	margin: 0 0 20px 0;
	padding: 12px 0 0.25em 0;
	}

div.promo {
	margin: 0;
	padding: 0 12px; /* 12px padding for both core and document layouts */
	}

div.promo h1,
div.promo h2,
div.promo h3,
div.promo h4,
div.promo h5,
div.promo h6 {
	color: #003082; /* not #3072be */
	margin-bottom: 0.25em;
	margin-top: 0 !important;
	}

div.promo h1 a,
div.promo h2 a,
div.promo h3 a,
div.promo h4 a,
div.promo h5 a,
div.promo h6 a {
	color: #003082; /* not #3072be */
	text-decoration: none !important;
	}

div.promo h1 a:hover,
div.promo h2 a:hover,
div.promo h3 a:hover,
div.promo h4 a:hover,
div.promo h5 a:hover,
div.promo h6 a:hover {
	color: #003082; /* not #3072be */
	text-decoration: underline !important;
	}

/* home-page promo headings are 10% larger than normal */
/* core-brand-page promo headings are 10% larger than normal */
body.core-brand-page div.promo h1,
body.home-page div.promo h1 {
	font-size: 170%;
	}
body.core-brand-page div.promo h2,
body.home-page div.promo h2 {
	font-size: 160%;
	}
body.core-brand-page div.promo h3,
body.home-page div.promo h3 {
	font-size: 150%;
	}
body.core-brand-page div.promo h4,
body.home-page div.promo h4 {
	font-size: 130%;
	}
body.core-brand-page div.promo h5,
body.home-page div.promo h5 {
	font-size: inherit;
	}
body.core-brand-page div.promo h6,
body.home-page div.promo h6 {
	font-size: inherit;
	}

div.promo p {}

div.promo a { text-decoration: none !important; }
div.promo a:hover { text-decoration: underline !important; }

h4.promo-icon-1 { /* rename this from '-1' to '-what-the-icon-is-for' */
	background: url(../img/icon/fpo-icon_important_updates_18x18.gif) no-repeat 0 center;
	padding-left: 27px;
	line-height: 18px;
	}

div.promo div.grayline {
	border-bottom: 1px solid #999;
	margin: 1em 0;
	padding: 0;
	}

.container-280 div.promo,
div.promo-wrap div.promo {
	padding-bottom: 0;
	}

/* container-280 are core brand home pages */
.container-280 div.promo .imgleft {
	float: left;
	margin: 5px 9px 0.8em 0;
	padding: 0;
	}

.container-280 div.promo .imgright {
	float: right;
	margin: 5px 0 0.8em 9px;
	padding: 0;
	}

/* promo-wrap pages are documents pages */
div.promo-wrap div.promo .imgleft {
	float: left;
	margin: 5px 6px 0.8em 0;
	padding: 0;
	}

div.promo-wrap div.promo .imgright {
	float: right;
	margin: 5px 0 0.8em 6px;
	padding: 0;
	}

/* promo-wraps in left navigation need some padding */
div#navigation-contents div.promo-wrap {
	margin-left: 20px;
	}

/* -- -- -- -- -- -- --
 * news-blurb
 * -- -- -- -- -- -- --
 */

div.news-blurb {
	margin: 0 12px;
	padding: 12px 0 0 0;
	}

div.news-blurb h1,
div.news-blurb h2,
div.news-blurb h3,
div.news-blurb h4,
div.news-blurb h5,
div.news-blurb h6 {
	color:#003082; /* not #3072be */
	margin-bottom: 0.25em;
	margin-top: 0 !important;
	}

div.news-blurb h1 a,
div.news-blurb h2 a,
div.news-blurb h3 a,
div.news-blurb h4 a,
div.news-blurb h5 a,
div.news-blurb h6 a {
	color: #003082; /* not #3072be */
	text-decoration: none !important;
	}

div.news-blurb h1 a:hover,
div.news-blurb h2 a:hover,
div.news-blurb h3 a:hover,
div.news-blurb h4 a:hover,
div.news-blurb h5 a:hover,
div.news-blurb h6 a:hover {
	color: #003082; /* not #3072be */
	text-decoration: underline !important;
	}

div.news-blurb h4 {
	font-size: 130%;
	}

/* container-280 are core brand home pages */
.container-280 div.news-blurb .imgleft {
	float: left;
	margin: 5px 9px 0.8em 0;
	padding: 0;
	}

.container-280 div.news-blurb .imgright {
	float: right;
	margin: 5px 0 0.8em 9px;
	padding: 0;
	}

/* -- -- -- -- -- -- --
 * home-right-blurb
 * -- -- -- -- -- -- --
 */

div.home-right-blurb {
	margin: 0 12px;
	padding: 12px 0 0 0;
	}

div.home-right-blurb h1,
div.home-right-blurb h2,
div.home-right-blurb h3,
div.home-right-blurb h4,
div.home-right-blurb h5,
div.home-right-blurb h6 {
	color: #003082; /* not #3072be */
	margin-bottom: 0.25em;
	margin-top: 0 !important;
	}

div.home-right-blurb h1 a,
div.home-right-blurb h2 a,
div.home-right-blurb h3 a,
div.home-right-blurb h4 a,
div.home-right-blurb h5 a,
div.home-right-blurb h6 a {
	color: #003082; /* not #3072be */
	text-decoration: none !important;
	}

div.home-right-blurb h1 a:hover,
div.home-right-blurb h2 a:hover,
div.home-right-blurb h3 a:hover,
div.home-right-blurb h4 a:hover,
div.home-right-blurb h5 a:hover,
div.home-right-blurb h6 a:hover {
	color: #003082; /* not #3072be */
	text-decoration: underline !important;
	}

div.home-right-blurb h4 {
	font-size: 130%;
	}

/* container-280 are core brand home pages */
.container-280 div.home-right-blurb .imgleft {
	float: left;
	margin: 5px 9px 0.8em 0;
	padding: 0;
	}

.container-280 div.home-right-blurb .imgright {
	float: right;
	margin: 5px 0 0.8em 9px;
	padding: 0;
	}



/* -- -- -- -- -- -- --
 * features
 * -- -- -- -- -- -- --
 */

div.feature { margin: 0 0 20px 0; padding: 12px; background: #e6e6e6;; }

#main-content div.feature h2,
#main-content div.feature h3,
#main-content div.feature h4,
#main-content div.feature h5,
#main-content div.feature h6 { margin-top: 0; }

/* -- -- -- -- -- -- --
 * ad-banner box
 * -- -- -- -- -- -- --
 */

div.ad-banner {
	clear: both;
	margin: 0 0 20px 0;
	padding: 12px;
	background: #e6e6e6;
	}

#navigation-contents div.ad-banner {
	/* left navigation ad-banner */
	margin-left: 20px !important;
	}

/* -- -- -- -- -- -- --
 * navigation (left) contents
 * -- -- -- -- -- -- --
 */

div#navigation-contents { margin: 0;  padding: 0;  }
div#navigation-contents .container-180 { margin: 0; padding: 0; }

div#main-navigation { margin: 0; padding: 0; overflow: hidden; }
div#main-navigation h5 { margin: 0; padding: 0 0 5px 0; font: normal normal bold 12px/14px arial, helvetica, sans-serif; color: #333; }
div#main-navigation h5 a { color: #660019 !important; }

span.nav-spacer { margin: 0; padding: 0; display: inline-block; width: 16px; height: 1em; vertical-align: top; }
div#main-navigation h5 span.nav-spacer { width: 8px; }

span.has-arrow {}

span.current-channel { margin: 0; padding: 0; background-image: url(../img/wrap/arrowhead_leftnav_2.gif); background-repeat: no-repeat; background-position: 90% 50%; }

li.white-bkgrnd { margin: 0; padding: 8px 0 !important; background: white; width: 180px; }

div#main-navigation div.nav-box { margin: -10px 0 0 -10px; padding: 24px 0 34px 18px; background: #e6e6e6; }

div#main-navigation div.nav-box ul {}
div#main-navigation div.nav-box ul ul {}

div#main-navigation div.nav-box li { list-style-type: none; margin: 0 0 14px 0; padding: 0; font: normal normal bold 11px/11px arial, helvetica, sans-serif; }
div#main-navigation div.nav-box li a { width: 150px; }
div#main-navigation div.nav-box li li a { width: 134px; }
div#main-navigation div.nav-box li li li a { width: 118px; }

div#main-navigation div.nav-box ul.subnav { margin: 12px 0 0 16px; padding: 0; }
div#main-navigation div.nav-box ul.subnav li { font-weight: normal; }
div#main-navigation div.nav-box ul.subnav li.last { margin-bottom: 2px; }
div#main-navigation div.nav-box ul.subnav li a {}

div#main-navigation div.nav-box a { margin: 0; padding: 0; color: #333; display: inline-block; }
div#main-navigation div.nav-box a:hover {}

div.nav-box div.graydottedbar { margin: 18px 7px 18px 0; padding: 0; }

div.nav-box ul.misc { margin: 0 0 0 16px; padding: 0; }
div.nav-box ul.misc li { margin: 0; padding: 0; }
div.nav-box div.misc { margin: 0 0 0 16px; padding: 0; }
div.nav-box div.misc p  { margin: 0; padding: 0; }
div.nav-box ul.misc-group { margin: 0 0 0 16px; padding: 0; }
div.nav-box ul.misc-group li { margin: 0; padding: 0; }

/* for the group thing */
div.nav-group { margin: 0; padding: 0; }
div.nav-group h5 { margin: 0; padding: 0; }
div.nav-group h5 a { margin: 0; padding: 0; }
div.nav-group ul { margin: 0; padding: 0; }
div.nav-group ul.subnav { margin-left: 2px !important; }
div.nav-group ul.subnav ul.subnav { margin-left: 16px !important; }

div#main-navigation div.nav-box div.nav-group ul.subnav li { font-weight: bold; }
div#main-navigation div.nav-box div.nav-group ul.subnav li li { font-weight: normal; }
div.nav-group div.graydottedbar { margin-top: 14px 0 0 0; padding: 0; }

/* -- -- -- -- -- -- --
 * footer
 * -- -- -- -- -- -- --
 */

div#footer { margin: 60px 0 0 0; padding: 0 0 10px 0; clear: both; }

div#footer-okta {
	padding: 0 0 10px 0;
    clear: both;
    background-color: #103d4b;
    margin-top: auto;
    position: relative;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

div#site-tools { margin: 0 0 0 20px; padding: 0; height: 32px; }

div#site-tools ul { margin: 0; padding: 0; list-style-type: none; }

div#site-tools ul li { display: inline; margin: 0 30px 0 0;  padding: 0; text-transform: uppercase; color: #666; font: normal normal bold 10px/20px arial, helvetica, sans-serif; }

div#site-tools ul li a,
div#site-tools ul li a:link,
div#site-tools ul li a:active,
div#site-tools ul li a:visited {
	color: #666;
	text-decoration: none;
	}
div#site-tools ul li a:hover { color: #666; text-decoration: underline; }
div#site-tools ul li a span { margin: 0; padding: 0; width: 18px; height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 20px; }
div#site-tools ul li a span.icon-print { background: white url(../img/wrap/ets-footer-new.gif) no-repeat 0 0; padding-right: 5px; }
div#site-tools ul li a:hover span.icon-print { background-position: 0 -20px; }
div#site-tools ul li a span.icon-bookmark { background: white url(../img/wrap/ets-footer-new.gif) no-repeat -20px 0; padding-right: 3px; }
div#site-tools ul li a:hover span.icon-bookmark { background-position: -20px -20px; }
div#site-tools ul li a span.icon-share { background: white url(../img/wrap/ets-footer-new.gif) no-repeat -40px 0; padding-right: 3px; }
div#site-tools ul li a:hover span.icon-share { background-position: -40px -20px; }
div#site-tools ul li a span.icon-feedback { background: white url(../img/wrap/ets-footer-new.gif) no-repeat -60px 0; padding-right: 3px; }
div#site-tools ul li a:hover span.icon-feedback { background-position: -60px -20px; }

div#footer div.grayline { border-bottom: 1px solid #999; margin: 0 0 12px 0; padding: 0; clear: both; margin-left: 12px; }

div#ets-logo-footer { display: block; float: right; margin-right: 20px; margin-top: 4px; width: 130px; height: 80px; text-indent: -10000px; background: white url(../img/wrap/ets-footer-new.gif) no-repeat; }

div#corp-links { margin: 0 0 0 20px; padding: 0; }
div#corp-links ul { margin: 0; padding: 0; list-style-type: none; }
div#corp-links ul li { margin: 0; padding: 0; display: inline; color: #fff; font: normal normal bold 10px/20px arial, helvetica, sans-serif; }
div#corp-links ul li a { border-right: 1px solid #fff; color: #fff; text-decoration: none; padding: 0 4px 0 0; }
div#corp-links ul li a:hover { text-decoration: underline; }
div#corp-links ul li.last a { border: 0; }

div#cya { margin: 5px 0 0 19px; padding: 0; color: #666; }
div#cya p { font: normal normal bold 10px/12px arial, helvetica, sans-serif; color: #fff}

/* -- -- -- -- -- -- --
 * rGRE sample questions
 * -- -- -- -- -- -- --
 */
.r-gre img {vertical-align: middle;}
.r-gre h3 {font-style: italic;}
.r-gre h5 {margin-bottom: 12px; line-height: 14px;}
#r-gre-quant th {vertical-align: middle;}
#r-gre-quant td {text-align: center; height: 20px;}
#h5-clone, #h5-clone li {font-weight: bold; color: #660019;}

/* -- -- -- -- -- -- --
 * fin
 * -- -- -- -- -- -- --
 */