/* -- -- -- -- -- -- --
 * ets.css
 *
 * provides styles for ets.org based on the 1.3 (18 jun) style guide
 *
 * history:
 *
 * 	20090619: file created. (dhj)
 *
 * -- -- -- -- -- -- --
 */

.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
 * -- -- -- -- -- -- --
 */

.imgleft {
	float: left;
	margin: 0;
	padding: 0;
	}

.imgright {
	float: right;
	margin: 0; /* do not add margin or padding here */
	padding: 0; /* do it in the imgright definition in the appropiate container */
	}

.imgcaption {
	margin: 0;
	padding: 0.5em 0;
	text-align: center;
	border-bottom: 1px solid #999;
	color: #333;
	font: normal normal normal 1.0em/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: initial;
	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: initial !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;
	text-decoration: initial;
	}

/* sometime you don't */
a.rounded-border,
.audience-button {
	outline: none;
	border: none;
	text-decoration: initial;
	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: initial;
	}

/* and sometimes you need a 'go' */
.go-button,
.go-link {
	text-decoration: initial;
	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: initial;
	}

/* -- -- -- -- -- -- --
 * background
 * -- -- -- -- -- -- --
 */
* {
   font-family:arial, helvetica, sans-serif;  
   font-size:12px;  
   line-height:1.5;
}

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

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

	}

body.ets-org {
	/* ets.org content pages need to have the drop-shadow background */
	/* all others do not */
	background: #e1dada url(images/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-bkgnd {
	margin: 0;
	padding: 0;
	min-height: 100%; /* of the canvas */
	}

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

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

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

div#top-navigation div.bluesolidbar {
	margin: 0;
	padding: 0;
	border-bottom: 6px solid #003082;
	clear: both;
	}

div.bluedottedbar {
	margin: 0;
	padding: 0;
	height: 1px;
	background: white url(images/blue_dot.png) repeat-x;
	clear: both;
	line-height:1px !important;
	overflow:hidden;
	}

div.graydottedbar {
	margin: 0;
	height: 1px;
	line-height:1px !important;
	overflow:hidden;
	background-image: url(images/ets_rule_gray.png);
	background-repeat: 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: initial;

	}

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: 21;
	}

.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: initial;
	line-height: 25px; /* key value */
	font-size:11px;
	color: #666;
	background: white url(images/top-nav-border.gif) no-repeat center right;
	}

.site-nav-top li a:hover {
	color: #003082;
	text-decoration: underline;
	}

.site-nav-top > li:hover a {
	color: #003082;				 /* 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: #fff url(images/gray_dot.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: initial;
	line-height: normal; /* .subnav line height */
	border: 0;
	background-image: url(images/gray_dot.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;
	}

/* -- -- -- -- -- -- --
 * 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 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;
	}

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

div#ets-product-logo {
	float: left;
	margin: 9px 0 0 20px;
	padding: 0;
	height: 96px; /* 9 + 96 = 105 per spec*/
	}

div#ets-product-logo a {
	border: 0;
	text-decoration: initial;
	}

div.core-brand {
	margin-top: 20px !important;
	height: 326px !important; /* 20 + 326 = 346 per spec */
	}

div#ets-logo {
	float: left;
	margin: 0 18px 0 0;
	padding: 0;
	}

div.core-brand div#ets-logo-core a {
	display: block;
	width: 100px;
	height: 78px;
	border: 1px solid orange;
	}


div#ets-logo-core {
	float: left;
	margin: 0;
	padding: 0;
	}

div#product-logo {
	float: left;
	margin: 0;
	padding: 0;
	}

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

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

ul#section-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

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: initial;
	}

ul#section-nav 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: 21;
	}

.section-nav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;

	}

.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: initial;
	line-height: 25px; /* key value */
	font-size:11px;
	color: #666;
	background: white url(images/top-nav-border.gif) no-repeat center right;
	}

.section-nav li a:hover {
	color: #003082;
	text-decoration: underline;
	}

.section-nav > li:hover a {
	color: #003082;				 /* 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: #fff url(images/gray_dot.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: initial;
	line-height: normal; /* .subnav line height */
	border: 0;
	background-image: url(images/gray_dot.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;
	}

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

div#audience-header {
	float: right;
	clear: right;
	margin: 0px 20px;
	padding: 0;
	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: #aaa;
	font-size: 275%; /* ~ 34pt */
	white-space: nowrap;
	}
div#audience-header h3 {
	margin-top: 46px; /* this number is a guess and is used to push the header down to the sectionbar */
	margin-bottom: 0;
	color: #aaa;
	font-size: 29px; /* ~ 30pt */ /* may need to adjust */
	line-height:1;
	white-space: nowrap;
	}

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

/*
div.sectionbar {
	margin: 0;
	padding: 0;
	border-bottom: 24px solid #003082;
	clear: both;
	}
*/

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

.etscorpbar {  border-color: #003082 !important; }
.teoflbar {    border-color: #009fa2 !important; /* tbd */ } /* very weird, but you need */
.toeicbar {    border-color: #00674e !important; } /* the important here */
.grebar {      border-color: #cc6813 !important; /* tbd */ } /* or the color is ignored */
.praxisbar {   border-color: #6a8012 !important; }
.etsstorebar { border-color: #003082 !important; /* tbd */ }

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

.etscorp-bkgrnd {  background-color: #003082 !important; }
.teofl-bkgrnd {    background-color: #009fa2 !important; /* tbd */ } /* very weird, but you need */
.toeic-bkgrnd {    background-color: #06674e !important; } /* the important here */
.gre-bkgrnd {      background-color: #bb5429 !important; /* tbd */ } /* or the color is ignored */
.praxis-bkgrnd {   background-color: #6a8012 !important; }
.etsstore-bkgrnd { background-color: #003082 !important; /* tbd */ }


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: #003082;
	height: 24px;
	}

div#breadcrumbs a {
	color: #fff;
	text-decoration: initial;
	}

div#breadcrumbs 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: -20px 0 0 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%; } /* ~ 22pt */
h2 { font-size: 150%; } /* ~ 18pt */
h3 { font-size: 140%; } /* ~ 16pt */
h4 { font-size: 120%; } /* ~ 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;
	}

#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,
h6 a {
	color: #660019;
	text-decoration: initial !important;
	}

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

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

/* blue H1-H6 */
.blueheading { color: #003082; }
h1.blueheading a,
h2.blueheading a,
h3.blueheading a,
h4.blueheading a,
h5.blueheading a,
h6.blueheading a {
	color: #003082;
	text-decoration: initial !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;
	text-decoration: underline !important;
	}

p, td, th, dt, dd {
	font: normal normal normal 1.0em/1.5 arial, helvetica, sans-serif;
	margin: 0 0 0.8em 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.0em/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;
	margin-right: 0.5em;
	float: left;
	}
dl.news-info dd ul.contacts {}
dl.news-info dd ul.contacts li {
	width: 31%;
	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;
	}

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

ul li {
	font-size: 1.0em;
	line-height: 1.6923;
	margin-left: 1.5em;
	list-style: disc;
	font: normal normal normal 1.0em/1.5 arial, helvetica, sans-serif;
	}

ol li {
	font-size: 1.0em;
	line-height: 1.6923;
	margin-left: 1.5em;
	list-style: lower-roman;
	font: normal normal normal 1.0em/1.5 arial, helvetica, sans-serif;
	}
	ul li li,
	ol li li,
	ul li p,
	ol li p {
		font: normal normal normal 1.0em/1.5 arial, helvetica, sans-serif;
	}

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

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


a {
	color: #003082;
	text-decoration: initial;
	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; }

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

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; }

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

.asterick { color: #f00; }
.required { color: #f00; }
.reqBeforeTag {display:none;}
.reqAfterTag {}

.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;
	}

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

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

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

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

div#page-contents {
	/* holds the center and right contents */
	float: right;
	margin: 20px 20px 0 0;
	}

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

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

div#page-contents .content-box a { text-decoration: initial; }
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 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;
	}

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

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

.container-20  { float: left; width: 20px;  /* background: blue;		height: 100px; */ }
.container-180 { float: left; width: 180px; /* background: red;		 height: 100px; */ }
.container-270 { float: left; width: 270px; /* background: green;	  height: 100px; */ }
.container-280 { float: left; width: 280px; /* background: orange;	 height: 100px; */ }
.container-310 { float: left; width: 310px; /* background: yellow;	 height: 100px; */ }
.container-370 { float: left; width: 370px; /* background: gray;		height: 100px; */ }
.container-560 { float: left; width: 560px; /* background: burlyWood; height: 100px; */ }
.container-640 { float: left; width: 640px; /* background: salmon;	 height: 100px; */ }
.container-740 { float: left; width: 740px; /* background: purple;	 height: 100px; */ }
.container-760 { float: left; width: 760px; /* background: teal;		height: 100px; */ }
.container-940 { float: left; width: 940px; /* background: chocolate; height: 100px; */ }

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

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;

	/* remvoe the stuff below here once there are some actual banners... */
	overflow: hidden;
	border: 3px double #333;
	}

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;
	}


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

div.content-box {
	margin: 0;
	padding: 16px;
	background: #e6e6e6;
	}

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: url(images/blue_dot.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-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.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 a { text-decoration: initial !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;
	}

/* -- -- -- -- -- -- --
 * 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 {
	/* right navigation 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: initial !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.last {
	margin-bottom: 0;
	padding-bottom: 0;
	}

.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;
	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;
	text-decoration: initial !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;
	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: initial !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 0;
	padding: 0;
	}

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

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

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

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

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

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

/* -- -- -- -- -- -- --
 * 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 div.nav-box {
	margin: -10px 0 0px -10px;
	padding: 22px 0px 1px 14px;   /* margin-right + nav-spacer:width = 20 ... */
	background: #e6e6e6;
	}
	
div#main-navigation div.nav-box div.nav-padded {
    padding-right:4px;
	}
	
div#main-navigation div.nav-box nav-bottom-border {
    background:#ffffff;
    margin-bottom:20px;
    }

div#main-navigation div.nav-box li.nav-selected {
    background-image: url("images/selected_menu.png");
    background-repeat:no-repeat;
    padding-top:9px;
    height:26px;
    margin-bottom:4px;
    margin-top:0px;
    }

div#main-navigation div.nav-box ul {
	margin: 0;
	padding: 0;
	}

div#main-navigation div.nav-box li {
	list-style-type: none;
	margin: 0 0 10px 0; /* must echo on ul.subnav:margin-top and ul.subnav li:margin-bottom */
	padding: 2px 0;/*  spacing between li -- see ie7.css as well */
	padding-left : 20px;
	font: normal normal bold 11px/11px arial, helvetica, sans-serif;
	}
	
div.nav-box li a {
	font: normal normal bold 11px/11px arial, helvetica, sans-serif;
}

div#main-navigation div.nav-box a {
	color: #333;
	text-decoration: initial;
	display: inline-block;
	}

div#main-navigation div.nav-box li a { width: 147px; }
div#main-navigation div.nav-box li li a { width: 131px; }
div#main-navigation div.nav-box li li li a { width: 115px; }

div#main-navigation div.nav-box a:hover {
	text-decoration: underline;
	}

span.nav-spacer {
	display: inline-block;
	float: left;
	width: 14px; /* same as ul.misc:padding-left */
	height: 10px;
	vertical-align: middle;
	}
span.has-arrow {}
span.current-channel {
	background-image: url(images/arrowhead_leftnav_2.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	}

li.white-bkgrnd {
	background: white;
	overflow: hidden;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
	}

div#main-navigation div.nav-box ul.subnav {
	margin: 10px 0 0 0; /* margin-top must echo on div.nav-box li:margin-bottom and ul.subnav li:margin-bottom */
	padding: 0;
	}
div#main-navigation div.nav-box ul.subnav li {
	margin: 0 0 10px 11px; /* margin-bottom must echo on ul.subnav:margin-top and div.nav-box li:margin-bottom */
	}

div#main-navigation div.nav-box ul.subnav li a {
	font-weight: normal;
	}

div.nav-box div.bluedottedbar,
div.nav-box div.graydottedbar {
	margin: 0;
	padding: 0;
	margin-left:4px;
	margin-right:4px;
	background-color:#ffffff;
	
	}

div.nav-box ul.misc {
	margin-top: 8px !important;
	padding-left: 14px !important; /* same as nav-space:width */
	}
div.nav-box ul.misc li {}

/* for the group thing */
div.nav-group {
	margin: 0;
	padding: 0;
	}

div.nav-group h5 {
	color: #660019 !important;
	margin: 0 0 13px 14px !important;
	padding: 0;
	}

div.nav-group h5 a {
	color: #660019 !important;
	text-decoration: initial;
	}

div.nav-group ul {}
div.nav-group ul li {}

div.nav-group div.bluedottedbar {}
div.nav-group div.graydottedbar { margin: 10px 0; }

.languageselectarea {

    padding-bottom:14px;
padding-left:12px;
}

#languageselect {
padding-left:13px;

    width:118px;
    background-image:url("images/gray_triangle.gif");
    background-position:right center;
    background-repeat:no-repeat;
}

#languageselect a {
    font-weight:bold;
    font-size:11px;
    width:119px;

}

#languagemenu {
    margin-left:27px;
    margin-top:4px;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
    width:118px;
    background-color:#ffffff;
    margin-bottom:10px;
}

#languagemenu div {
border-top:solid 1px #000000;
}

#languagemenu div a {
font-size:11px;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
}

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

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

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; /* controls spacing between tool links */
	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: initial;
	}

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;
	/* and this should enable inline-block to work */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	/* re-define the height, just to be sure */
	 _height: 20px;
	}

div#site-tools ul li a span.icon-print {
	background: white url(images/footer.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(images/footer.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(images/footer.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(images/footer.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;
	}

div#ets-logo-footer { display: block; float: right; margin-right: 20px; margin-top: 4px; width: 140px; height: 60px; text-indent: -10000px; background: white url(images/ets-footer.gif) no-repeat 0 -40px; }

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: #666;
	font: normal normal bold 10px/20px arial, helvetica, sans-serif;
	}

div#corp-links ul li a {
	border-right: 1px solid #666;
	color: #666;
	text-decoration: initial;
	padding: 0 4px 0 0;
	font-size:10px;

	}

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 20px;
	padding: 0;
	color: #666;
	}

div#cya p {
	font: normal normal bold 10px/12px arial, helvetica, sans-serif;
	}

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


/* ==== START: Styles that the IWR Code references and must be in every theme ============ */

.fmtSMLMargin
{
    margin: 3px 3px 3px 3px;
}
.fmtMEDMargin
{
    margin: 6px 6px 6px 6px;
}
.fmtLRGMargin
{
    margin: 10px 10px 10px 10px;
}
.fmtSMLPadding
{
    padding: 3px 3px 3px 3px;
}
.fmtMEDPadding
{
    padding: 6px 6px 6px 6px;
}
.fmtLRGPadding
{
    padding: 10px 10px 10px 10px;
}
.fmtBorder
{
    border: Solid 1px #000000;
}
.txtBold
{
    font-weight: bold;
}
.txtSML
{
    font-size: 10px;
}
.txtMED
{
    font-size: 11px;
}
.txtLRG
{
    font-size: 12px;
}
.bg0
{
    background-color: #ffffff;
}
.bg1
{
    background-color: #9E2F36;
}
.bg2
{
    background-color: #eee;
}
.bg3
{
    background-color: #000;
}
.bg4
{
    background-color: #fff;
}
.brdr0
{
    border: 1px solid #000;
}
.brdr1
{
    border: 1px solid #000;
}
.brdr2
{
    border: 1px solid #aaa;
}
.brdr3
{
    border: 1px solid #eee;
}
.brdr4
{
    border: 1px solid #fff;
}
.txt0
{
    color: #000;
    font-weight: normal;
}
.txt1
{
    color: #000;
    font-weight: normal;
}
.txt2
{
    color: #000;
    font-weight: normal;
}
.txt3
{
    color: #fff;
    font-weight: normal;
}
.txt4
{
    color: #000;
    font-weight: normal;
}
a.lnk0:link, a.lnk0:visited, a.lnk0:hover, a.lnk0:active
{
    color: #f00 !important;
    text-decoration: underline !important;
    cursor: default !important;
}
a.lnk1:link, a.lnk1:visited, a.lnk1:hover, a.lnk1:active
{
    color: #f00 !important;
    text-decoration: underline !important;
    cursor: default !important;
}
a.lnk2:link, a.lnk2:visited, a.lnk2:hover, a.lnk2:active
{
    color: #039 !important;
    text-decoration: underline !important;
    cursor: default !important;
}
a.lnk3:link, a.lnk3:visited, a.lnk3:hover, a.lnk3:active
{
    color: #fff !important;
    text-decoration: underline !important;
    cursor: default !important;
    font-weight: bold !important;
}
a.lnk4:link, a.lnk4:visited, a.lnk4:hover, a.lnk4:active
{
    color: #039 !important;
    text-decoration: underline !important;
    cursor: default !important;
}


/* page text */
.bodyTitles
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #660019;
    margin-bottom:5px;
    display:block;
}
.bodyLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}
.bodyBold
{
    font-weight: bold;
}
.bodySM
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
}

/* contentBox - displays which are wrapped in a box (ex. Appt. Summary, Exam Selection) */
.contentBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 4px;
}
.contentBoxLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
}
.contentBoxHead
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    background-color: #660019;
}
.contentBoxBody
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
}
.contentBoxTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
.contentBoxBodySM
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
}
.contentBoxPanel
{
    border: solid 1px #000;
    padding: 4px;
}

.errorText
{
    color: Red;
}

/* calendar */
.calTitleStyle
{
    background-color: #e4e5d7;
}
.calSelected
{
    background-color: #ddd;
    text-decoration: underline;
}
.calActive
{
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}
.calActiveLink { color: #000 !important;}
.calInactive
{
    text-decoration: initial;
    color: #a9a9a9;
}

/* ==== END: Styles that the IWR Code references and must be in every theme ============== */

/* START: Page Specific Styles *********************************************************************/
/* NOTE: This should go at the end because it is probably overriding an existing global definition */

/* Payment Information */
#paymentinformation_aspx .contentBox
{
    position: relative;
    margin: 20px 0;
    padding: 10px;
}

/* Site Selection ========================================================= */
/* #pSiteSearch { margin-top: 20px; padding: 10px 0; border: 1px solid #f08700;	background-color: #fee8b1; } */
#pSiteSearch
{
    margin-top: 20px;
    padding: 10px 0;
    height: 40px;
     text-align:center;
}
#pSiteSearch div
{
    text-align: center;
}
.sitesearch
{
    width: 450px;
    color: #aaa !important;
    font-style: italic;
}
.sitesearch_active
{
    color: #000 !important;
    font-style: normal;
}

#pSiteDisplay
{
    margin-top: 20px;
}

.pSiteInfo_name
{
}
.pSiteInfo_address
{
}
.pSiteInfo_place
{
}
.pSiteInfo_contact
{
}

#map_area
{
    float: right;
    padding-left: 10px;
}
#map_area .scaler
{
    text-align: center;
    margin-bottom: 5px;
    margin-top: 2px;
    padding: 3px;
    border-bottom: 1px dotted #333;
    border-top: 1px dotted #333;
    font-size: 12px;
}
#map_area .scaler select
{
    border: none;
    font-size: 12px;
}
#map_canvas
{
    width: 235px;
    height: 235px;
}
#map_canvas span
{
    font-size: 8px;
}

#sites_area
{
    margin-right: 245px;
}
#sites_container
{
    float: left;
    height: 400px;
    width: 490px;
    overflow: auto;
}
.site_table
{
    width: 95%;
    border-collapse: collapse;
}
.site_table td
{
    padding: 5px;
    vertical-align: top;
}
.site_row
{
    margin-bottom: 3px;
    padding: 5px;
}
.site_row_right
{
    text-align: right;
    width: 110px;
    font-size: 11px;
}
.site_row_left
{
    font-size: 12px;
}
.site_row_icon
{
    width: 20px;
    text-align: center;
}

#site_detail_container
{
}
.site_detail
{
    padding: 5px;
    margin-top: 5px;
    overflow: auto;
}
.site_detail h6
{
    margin: 5px;
    padding: 5px;
}
.site_detail .label
{
    font-weight: bold;
    padding-right: 10px;
}
.site_detail .content
{
    font-weight: normal;
    display: inline;
}

#site_nosites
{
}
#site_nosites .title
{
    padding: 5px;
    background-color: #555;
}
#site_nosites .title span
{
    background: url(../../images/icons/warn.gif) no-repeat;
    padding-left: 25px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
#site_nosites .content
{
    padding: 5px;
    border: solid 1px #555;
    font-weight: bold;
}

#site_directions_container
{
    width: 900px;
    background-color: #fff;
    position: absolute;
    text-align: left;
    border: solid 1px #000;
}
#site_directions_container .menu
{
    padding: 5px 10px;
}
#site_directions_container .head
{
    padding: 10px;
}
#site_directions_container .note
{
    margin-top: 15px;
}
#site_directions_container .channel
{
    padding: 3px;
}
#site_directions_container .leftSiteDirections
{
    padding-left: 5px;
    width: 33%;
}
#site_directions_container .rightSiteDirections
{
    padding-left: 20px;
    padding-right: 5px;
    width: 67%;
}
#site_directions_container .headerLeftSiteDirections
{
    padding-left: 5px;
    width: 33%;
    text-align: left;
}
#site_directions_container .headerRightSiteDirections
{
    padding-left: 20px;
    padding-right: 5px;
    width: 67%;
    text-align: left;
}

#site_directions_area
{
    margin-bottom: 20px;
    padding: 0px 10px 10px 10px;
}
#site_directions_map_area
{
    float: right;
    padding-left: 10px;
    margin: 10px 0px 10px 0px;
}
#site_directions_map_canvas
{
    width: 350px;
    height: 350px;
}
#site_directions_gdirections_area { float: left; }
#site_directions_gdirections_canvas
{
}
#gdir_dropsheet
{
}

#gdirections_from
{
    padding-left: 15px;
    padding-top: 10px;
}
#gdirections_from a
{
    color: #f00;
}
#gdirections_from input
{
    font-size: 12px;
}
#gdirections_from .wider
{
    width: 200px;
}
.directionsMenu
{
    color: #FFFFFF;
    font-weight: bold;
}
.siteSearchOuterSpan { display: inline-block; display: -moz-inline-stack; text-align: center; }
.btnSearch { vertical-align: top;}




/* Site Availability ========================================================= */
/*

Everything style-wise in scal is controlled through the use of css classes.  You begin by defining your
base element (i.e. the div that will hold the calendar) with a style class as defined in this file.  From there,
all elements of the calendar will automatically be assigned their style as a subset of the class.

To make a new style, just copy the scal classes paste at the bottom of the file.  Change the
css class name to a unique name (ex. .scal to .mycalendar) and then you will have your own unique class for scal.
Once the css is in place, update your HTML to use the new class name in the base element definition:

<div id="calendar_holder" class="scal"></div>

That's all you need to do to create your own style for scal.  Of course, you can also derive your own classes from
the scal class itself.  Just override the element you want to change and then append your new class name to the 
class element of the base element:

.mycal{background-color:red;}

<div id="calendar_holder" class="scal mycal"></div>

Now, you'll have a sweet red background for your scal.

P.S. Try out the included versions to see how they work and have fun! 
*/


/*
scal - inspired by google's default calendar widget on iGoogle
*/
.scal
{
    background-color: #cc6813 !important;
    margin: 1px;
    border-top: 1px solid #cc6813 !important;
    border-left: 1px solid #cc6813 !important;
    font-size: 12pt;
    font-family: Arial;
    width: 219px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
    display: block;
    padding: 1px;
    min-height: 175px;
}


.scal table, .scal tr, .scal th, .scal td, .scal div
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 1.6em;
}

.scal .calwrapper
{
    display: block;
}
.scal .calweekswrapper
{
    display: block; /* border: 1px solid gray;	*/
}
.scal .calheader
{
    display: block;
    width: 100%;
    text-align: center;
    color: #e6e6e6;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 2px;
}
.scal .caltitle
{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.scal .calcontrol
{
    font-weight: bold;
    width: 27px;
    cursor: pointer !important;
}
.scal .calclose
{
    float: right;
    display: none;
}
.scal .calprevmonth
{
    float: left;
}
.scal .calnextmonth
{
    float: right;
}
.scal .calnextyear
{
    display: none;
}
.scal .calprevyear
{
    display: none;
}
.scal .daybox
{
    float: left;
    background-color: white;
    border: 1px solid white;
    width: 27px;
    padding: 1px;
    color: black;
    text-align: center;
}
.scal .dayboxvalue
{
    display: none;
}
.scal .dayboxname
{
    border: 1px solid #F0F0F0;
    border-bottom: 1px solid #ddd;
    background-color: #F0F0F0;
    color: #222;
}

.scal .dayinmonth
{
    color: black;
}
.scal .dayoutmonth
{
    color: gray;
}

.scal .dayavail
{
    background-color: #dddddd !important;
    cursor: pointer !important;
}
.scal .dayavail .dayboxdate:hover
{
    background-color: #888888 !important;
    color: #fff;
}
.scal .daychoice
{
    background-color: #f00;
}

.scal .weekbox
{
    width: 100%;
    min-height: 21px;
    display: block;
}

.scal .endweek
{
    float: left;
}
.scal .weekboxname
{
}


.slotswrapper
{
    background-color: #cc6813 !important;
    padding: 2px;
}
.seatslots_container .seatslots {
    border: solid #cc6813 1px;
}
.slotswrapper table, .slotswrapper tr, .slotswrapper th, .slotswrapper td, .slotswrapper div
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial;
    vertical-align: baseline;
    line-height: 1.6em;
}

.slotswrapper .slotstitle
{
    background-color: #cc6813 !important;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    padding-bottom: 0;
}
.slotswrapper .slotsitems
{
    background-color: #fff;
    padding: 2px;
}
.slotswrapper .slotitem
{
    width: 300px;
    padding: 2px;
}
.slotswrapper .slotitem_range
{
    color: #000;
}
.slotswrapper .slotitem_action
{
    float: right;
}

/* Survey Styles */

.surveyMain
{
    margin-top: 0px;
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
}

.surveyGroup
{
    clear: both;
}

.surveyGroup .surveyGroupTitle
{
}

.surveySection
{
    clear:both;
    margin-bottom: 14px;
    border:solid 1px #888888;
    margin-right: 14px;
    margin-left: 7px;
    padding-left: 7px;
    padding-top:7px;
}

.surveySection .surveyQuestion
{
}
.surveySection .surveySectionTitle
{
    color: #000000;
    margin: 0;
    padding: 0px 25px 7px 0px;
    font-size: 12px;
    font-weight:bold;
}

.surveyQuestion
{
    display: block;
    clear: both;
    padding: 2px;
    margin-bottom: 13px;
}

.surveyQuestion .surveyQuestionItem
{
    padding-left: 10px;
    padding-top: 4px;
}

.surveyQuestion .surveyQuestionTitle
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.surveyQuestion .surveyQuestionTitle .surveyPSpacing
{
    height: 7px;
}

.surveyQuestion .surveyQuestionTitle .reqAfterTag {
display:none;
}

.surveyQuestion .surveyQuestionTitle .reqBeforeTag {
display:inline;
}

.surveyFooter
{
    clear: both;
    display: block;
}

.surveyLevel1Separator
{
    clear: both;
    display: block;
}

img.surveySpinner
{
    margin-bottom: 1px !important;
    vertical-align: bottom !important;
}

/* Datepicker Styles */

.surveyDatePicker
{
    cursor: pointer;
}

.ui-datepicker-calendar
{
    width: 150px;
}
.ui-datepicker-calendar td
{
    text-align: center;
}
.ui-datepicker-title
{
    text-align: center;
    background-color: #e4e5d7;
    border: 2px solid silver;
}
.ui-datepicker-month, .ui-datepicker-year
{
    margin: 3px;
}
.ui-icon-circle-triangle-e
{
    display: none;
}
a.ui-state-disabled
{
    background-image: none;
    cursor: default;
}
.ui-datepicker-prev
{
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(../../images/w.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 4px;
}
.ui-datepicker-next
{
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(../../images/e.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 4px;
}

.ui-icon-circle-triangle-w
{
    display: none;
}

table.ui-datepicker-calendar td, table.ui-datepicker-calendar th
{
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    font-family: Arial;
}
table.ui-datepicker-calendar
{
    margin: 0px;
    padding: 0px;
}


.ui-helper-hidden-accessible
{
    display: none;
}

select.ui-datepicker-month, select.ui-datepicker-year
{
    border: none;
    padding: 0px;
    top: -2px;
    left: -2px;
}
span.ui-datepicker-month, span.ui-datepicker-year
{
    border: none;
    padding: 0px;
}
div.ui-datepicker-title
{
    line-height: 16px;
}

/* Main Customizing Styles */
.ui-datepicker
{
    width: 150px;
    background-color: #e4e5d7;
    border: solid 1px #ebe9ed;
}
.ui-datepicker span.ui-state-default
{
    font-weight: 700;
}

.ui-datepicker a.ui-state-default
{
    text-decoration: underline;
}

table.ui-datepicker-calendar
{
    background-color: #ffffff;
}
table.ui-datepicker-calendar thead
{
    background-color: #ffffff;
}
table.ui-datepicker-calendar th
{
}
select.ui-datepicker-month, select.ui-datepicker-year
{
    background-color: #ffffff;
}
span.ui-datepicker-month, span.ui-datepicker-year
{
    color: #666;
    font-size: 8.3pt;
}
.ui-datepicker span.ui-state-default
{
    color: #bbb;
}
.ui-datepicker a.ui-state-default
{
    color: #000 !important;
}
.ui-datepicker a.ui-state-active
{
    background-color: #e4e5d7;
}

.progressBox
{
    background-color: #c0c0c0;
    width: 20px;
    height: 10px;
    margin: 2px;
    font-size: 12px;
}

.pnlWaitScreen
{
    display: none;
    z-index: 4;
    left: 50%;
    margin: -50px 0px 0px -280px;
    width: 560px;
    position: absolute;
    top: 20%;
    background-color: #ffffff;
}

.PageSurveyTitle
{
	font-weight: bold; 
	padding-bottom:3px;
	display:block;
}
.PageSurveyDescription
{
	padding-bottom:15px;
	display:block;
}
#programInformation
{
/* 
border:solid 1px #dddddd;
padding:5px;
*/
}

#policyAgreement
{
border:solid 1px #dddddd;
padding:5px;
}
/* END: Page Specific Styles *********************************************************************/

/* START: classes defined in leftnav.ascx ************************/
.leftNavContainer
{ 
	width: 176px;
	margin: 0px 0px 5px 0px;
	padding: 7px 0px 5px 0px;
	height: auto;
	overflow:visible;
}

.leftNavMenuStepsTitle
{
	background-repeat: no-repeat;
	margin: 10px;
	height: auto;
	padding-left:5px;
}
.leftNavMenuStepsItemTitle
{	
	font-style:  normal;
	font-weight: bold;
	font-size: 100%;
	color: #650019;
}

.leftNavStepsContainer
{
	margin: 0px 0px 0px 6px;
	padding:4px 0px 4px 0px;
	font-style:  normal;
    font-weight: normal;
	font-size: 11px;
	color: #c93a02;
	margin-top:-19px;
}

.leftNavMenuSteps {
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px;
		margin-top:5px;
	margin-bottom:5px;
}
.leftNavMenuStepsItem {
	font-size:11px;
	font-weight:bold;
	COLOR: #333333;
	padding-left:8px;
}
.leftNavMenuStepsSubItem {
	PADDING-RIGHT: 0px; PADDING-LEFT: 24px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px;font-size:11px;
}
.leftNavMenuStepsItemSubItem {
	font-size:11px;
	font-weight:bold;
	COLOR: #333333;
	padding-left:6px;
}
.leftNavMenuStepsSubItemNotRequired {
    display:none;
}

.leftNavMenuStepsItemSubItemNotRequired {
    COLOR: #fabe8e;
}

.leftNavMenuStepsCompleted {
	font-size:11px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px;
			margin-top:5px;
	margin-bottom:5px;
}
.leftNavMenuStepsItemCompleted {
	font-size:11px;
	COLOR: #333333;
	font-weight:bold;
	padding-left:8px;
}
.leftNavMenuStepsCurrent {
	font-size:11px;
	background-color:#ffffff;
	background-image:url('images/current_item_arrow.jpg');
	background-repeat:no-repeat;
	background-position: left;
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px;
	margin-top:5px;
	height:19px;
}
.leftNavMenuStepsItemCurrent {
	font-size:11px;
	FONT-WEIGHT: bold; COLOR: #333333;
}
.leftNavMenuStepsItemCurrentExam {
	font-size:11px;
	FONT-WEIGHT: bold; COLOR: #333333;
}
.leftNavMenuStepsSubItemCurrent {
	font-size:11px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 24px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px;
	background-image:url('images/current_subitem_arrow.jpg');
		background-repeat:no-repeat;
	background-position:left;
}
.leftNavMenuStepsItemSubItemCurrent {
	font-size:11px;
	FONT-WEIGHT: bold; COLOR: #333333;
	padding-left:6px;
	
}

.leftnavarrow { display:none; }

/* END: classes defined in leftnav.ascx ************************/

#pnlError {
background-color:#ffffff;
margin-top:0px !important;
clear:both;
}

/* Receipt Styles */
.ReceiptSummaryGroupType0 {
    background-color:#eeeeee;
    padding:10px;
}
.ReceiptSummaryGroupType1 {
    padding:10px;
}
table.ReceiptSummary {
    width:100%;
}

table.ReceiptSummary td {
    padding:4px;
}
table.ReceiptSummary .ReceiptSummarySpacer td {
    
}

table.ReceiptSummary .ReceiptSummaryDate {
    font-weight:bold;
}

table.ReceiptSummary .ReceiptSummaryHeader {
    font-weight:bold;
}
table.ReceiptSummary .ReceiptLineItemType {
    display:inline;
    font-weight:bold;
}
table.ReceiptSummary .ReceiptSummaryDiscountHeader {
    font-weight:bold;
}
table.ReceiptSummary .ReceiptSummaryLineItemAmount {
    text-align:right;
}

table.ReceiptSummary .ReceiptSummaryDiscountLine {
}
table.ReceiptSummary .ReceiptSummaryDiscountAmount {
    font-weight:bold;
    text-align:right;
}
table.ReceiptSummary .ReceiptSummaryPaymentLine td {
    font-weight:bold;
    border-top:solid 1px #aaaaaa;
}
table.ReceiptSummary .ReceiptSummaryPaymentHeader {
}
table.ReceiptSummary .ReceiptSummaryPaymentAmount {
    text-align:right;
}
table.ReceiptSummary .ReceiptSummaryPaymentCurrency {
    text-align:center;
}
table.ReceiptSummary .ReceiptSummaryPaymentMethod {
}

.RecieptSummaryColDescription {
width:60%;
}
.RecieptSummaryColConfNumber {
white-space:nowrap;
width:15%;
}
.RecieptSummaryColAmount {
text-align:right;
width:10%;
}
.RecieptSummaryColCurrency {
width:10%;
}
.RecieptSummaryColPaymentType {
width:5%;
}

.ReceiptSummaryName {
text-align:left;
font-weight:bold;
padding:10px;
}

.ReceiptSummaryTitle {
text-align:left;
font-weight:bold;
padding-left:10px;
}
.ReceiptDisclaimer {
font-size:12px;
padding:5px;
}
#PaymentHistory {
padding-top:10px;
padding-left:15px;
}

/* Off Screen Style */
.off-screen {
     position:relative; font-size:0px; left:0px; width:auto; height:auto; 
} 

/* Table TH Styles */
.tableTH {
    width: 200px;
    text-align:left; 
    padding-left:3px
}