/* ============================ */
/*        general layout        */
/* ============================	*/

/* body will inherit values to all elements unless otherwise specified */
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #000;
		background-color: #FFF;
		margin: 0; padding: 1em;
	}

	#ur-layout {
		margin: 0; padding: 0;
		width: 100%;
		position: relative;
	}

	#ur-layout tr.titlebar td {
		width: 100%;
		height: 15px;
		margin: 0;
		padding-bottom: 1px;
		white-space: nowrap;
	}

	#toplink { position: relative; left: 475px; }
	#toplink .level0 { font-size: 1em; }

	#filler {
		height: 6px;
		margin: 0; padding: 0;
	}

	#ur-nav {
		width: 16em; /*160px;*/
		margin: 0 0 1em 0; padding: 0;
	}
	#ur-nav tr td { padding: 1px; }

	#ur-nav th {
		border-bottom: medium solid #000;
		font-size: 1em;
		padding-top: 0.7em;
		text-align: left;
	}
	#ur-nav th span {
		display: inline-block;
		padding-bottom: 0.3em;
	}

	#padme { width: 100%; }

	td#container {
		vertical-align: top;
		padding: 0 0 0 10px;
	}

	div#content {
		background-color: #FFF;
		margin: 0; padding: 1px 0;
	}
	* html #content { height: 1%; } /* fix IE bug */
	
	#content form {
		margin: 0;
		padding: 0;
	}
	
	td#container p.copyright {
		margin: 0; padding: 2px 0;
		text-align: center;
		font-size: 1.2em;
		color: #C0C0C0;
	}

	div.customText p {
		margin: 0 auto; padding: 1em 0.5em 2em;
		text-align: center;
	}

	#content h1.login {
		margin: 0; padding: 50px 0 30px;
		text-align: center;
		width: 550px;
		background-color: transparent;
	}

	div#placeholder { height: 30px; }

/* customText on fas_start.cfm */
	div#welcomeText {
		margin: 0; padding: 0 4em 2em;
		font-size: 1.2em;
	}
	div#welcomeText h2,
	div#welcomeText h3,
	div#welcomeText h4 {
		margin: 0 0 10px; padding: 0;
		font-weight: bold;
		text-align: center;
		background: transparent;
	}
	div#welcomeText h4 {
		font-weight: normal;
	}
	div#welcomeText p {
		margin: 0.75em 0; padding: 0;
	}
	div#welcomeText blockquote {
		margin: 0 2em; padding: 0.2em 2em;
		background-color: #ddd; color: #444;
		border-left: 5px solid #777;
		border-right: 5px solid #FFF;
	}
	div#welcomeText blockquote cite {
		display: block; margin-right: 2em;
		font-style: italic; text-align: right;
	}

/* ============================ */
/*    tables, tables, tables    */
/* ============================	*/

	th,
	thead td { font-weight: bold; }

	thead th,
	tbody th,
	tfoot th { text-align: center; }

	td { font-size: x-small; }

	thead td,
	tfoot th { font-size: small; }

	th { font-size: medium; }

/* Generic table used inside forms */

	table.formtable {
		width: 100%;
		margin: 0;
		padding: 0;
	}

/* Vertical alignment within table cells */
	/* 'middle' is the default */

	tr.bot td,
	tr.bot th { vertical-align: bottom; }

	tr.top td,
	tr.top th { vertical-align: top; }

	/* overrides */

	.bot { vertical-align: bottom !important; }
	.mid { vertical-align: middle !important; }
	.top { vertical-align: top !important; }

/* Horizontal alignment within table cells */
	/* defaults: TD > left, TH > center */

	tr.left th { text-align: left; }

	tr.center td,
	tbody.center tr td { text-align: center; }

	tr.right td,
	tr.right th { text-align: right; }

	/* overrides */

	.left { text-align: left !important; }
	.center { text-align: center !important; }
	.right { text-align: right !important; }
	.justify { text-align: justify !important; }

/* Form titlebar */

	th.formhead {
		border-bottom: 10px solid #FFF;
		background-color: #CCC;
	}

/* Button bar */

	tr.buttonbar td {
		vertical-align: middle;
		white-space: nowrap;
		text-align: center;
		padding: 15px 0;
	}
	tr.buttonbar > td { padding-right: 4px; }

/* "disabled" coloring */

	.dim_td { color: #AAA; }

/* For alternating row color */

	tr.odd td { background-color: #CDF; }

	tr.odder td { background-color: #9CF; } /* Darker 'odd' blue */

	tr.wt td { background-color: #FFF; } /* white */
	
	tr.alt td { background-color: #DDE5FF; } /* subtler periwinkle */

	tr.galt td { background-color: #E4E4E4; } /* grey alternate */


/* ============================ */
/* 	   		typography 			*/
/* ============================	*/

	/* Default text size is x-small, as inherited from body style */

/* Headings */

	h1 { font-size: 1.6em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1em; }

/* form/section headings */

	#content h1,
	#content h2 {
		margin: 2px;
		margin-bottom: 10px;
		background-color: #ccc;
		padding: 1px 0;
		text-align: center;
	}

/* Pseudo-Relative Font Sizing */

	/* xsmallText is the default body size equivalent */

	/* 'tinyText' DEPRECATED, use 'xxsmallText' */
	.tinyText, tr.tinyText td {
		font-size: xx-small;
		font-family: "Times New Roman", Times, serif;
	}
/* With the new editor, we should be using the normal font-size label */
	.xxxsmallText, .xxxsmallText *,
	tr.xxxsmallText td, tr.xxxsmallText th,
	table tr td.xxxsmallText { font-size: smaller; }		/* 8px */

	.xxsmallText, .xxsmallText *,
	tr.xxsmallText td, tr.xxsmallText th,
	table tr td.xxsmallText  { font-size: xx-small; }		/* 10px */

	.xsmallText, .xsmallText *,
	tr.xsmallText td, tr.xsmallText th,
	table tr td.xsmallText   { font-size: x-small; }		/* 13px */

	.smallText, .smallText *,
	tr.smallText td, tr.smallText th,
	table tr td.smallText  { font-size: small; }			/* 16px */

	.mediumText, .mediumText *,
	tr.mediumText td, tr.mediumText th,
	table tr td.mediumText   { font-size: medium; }			/* 18px */

	.largeText, .largeText *,
	tr.largeText td, tr.largeText th,
	table tr td.largeText  { font-size: large; }			/* 23px */

	.xlargeText, .xlargeText *,
	tr.xlargeText td, tr.xlargeText th,
	table tr td.xlargeText  { font-size: x-large; }			/* 32px */

	.xxlargeText, .xxlargeText *,
	tr.xxlargeText td, tr.xxlargeText th,
	table tr td.xxlargeText { font-size: xx-large; }		/* 49px */

/* 12px font size - Legacy */

	.head, .level0, .level0off,
	.topnavtop { font-size: small; }

/* Bold declaration */

	.bold, tr.bold td,
	.level0, .level0off, .head,
	td.ColLbl, tr.ColLbl td {
		font-weight: bold;
	}

/* Replaces "nowrap" attribute */

	.nowrap,
	tr.nowrap td, tr.nowrap th,
	table.nowrap tr td, table.nowrap tr th {
		white-space: nowrap;
	}

	/* override */

	.wrap { white-space: normal !important; }

/* Error text */

	.err, .stat {
		text-align: center;
		padding-bottom: 1em;
		font-weight: normal;
	}

/* Colors */

	.level0, .level1, .level2 { color: #FFF; }

	.level0off, .topnavtop { color: #C0C0C0; }

	.stat { color: #090; }

	.err, .red { color: #F00; }
	
/* Text Decoration */

	.level0, .level0off, .level1, .level2,
	.noDecorate { text-decoration: none; }

	.underline, tr.underline td, tr.underline th { text-decoration: underline; }

/* Font Style */
	.italic, tr.italic td, tr.italic th { font-style: italic; }

/* Errata */

	#content a { color: #00F; }

	.label {
		text-align: right !important;
		white-space: nowrap;
	}

	.blockcenter { margin: 0 auto !important; }

	img.blockcenter { display: block; }

	acronym, abbr {
		border-bottom: 1px dotted;
		cursor: help;
	}

	.nopad { padding: 0; }

/* ============================ */
/*            borders           */
/* ============================	*/

.perimeter_border {
	border: 1px solid #000;
}

/* Element Borders */

	td.bottomBorder,
	tr.bottomBorder td { border-bottom: 1px solid; }

	td.leftBorder,
	tr.leftBorder td {
		border-left: 1px solid;
		border-left-color: #999;
	}

	td.rightBorder,
	tr.rightBorder td {
		border-right: 1px solid;
		border-right-color: #999;
	}

	td.allBorder,
	tr.allBorder td { border: 1px solid; }

	.topThickBorder,
	tr.topThickBorder td { border-top: 2px solid; }

/* Collapsed Tables */

	.tableCollapsed {
		border-collapse: collapse;
		margin: 0;
		padding: 0;
	}

/* With Borders */

	.tableCollapsed.withBorders {
		border-top: 1px solid #000;
		border-left: 1px solid #000;
	}

	.tableCollapsed.withBorders td,
	.tableCollapsed.withBorders th {
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
	}

	/* Only the tbody */

	.tableCollapsed tbody.withBorders td,
	.tableCollapsed tbody.withBorders th {
		border: 1px solid #000;
	}

	/* Avoiding Borders in Tables Nested inside "withBorders" */

	.nestedNoBorders td,
	.nestedNoBorders th { border-style: none !important; }


/* ============================ */
/* 	   form element styling 	*/
/* ============================	*/

/* avoid bold descending into form elements, unless explicitly intended */
table input, table select, table textarea { font-weight: normal; }

/* Consistent text field widths (how many digits comfortably display) */

	 input.digit_1, label.digit_1 input,
	select.digit_1, label.digit_1 select, col.digit_1 { width: 10px; }
	 input.digit_2, label.digit_2 input,
	select.digit_2, label.digit_2 select, col.digit_2 { width: 20px; }
	 input.digit_3, label.digit_3 input,
	select.digit_3, label.digit_3 select, col.digit_3 { width: 30px; }
	 input.digit_4, label.digit_4 input,
	select.digit_4, label.digit_4 select, col.digit_4 { width: 40px; }
	 input.digit_5, label.digit_5 input,
	select.digit_5, label.digit_5 select, col.digit_5 { width: 50px; }
	 input.digit_6, label.digit_6 input,
	select.digit_6, label.digit_6 select, col.digit_6 { width: 60px; }
	 input.digit_7, label.digit_7 input,
	select.digit_7, label.digit_7 select, col.digit_7 { width: 70px; }
	 input.digit_8, label.digit_8 input,
	select.digit_8, label.digit_8 select, col.digit_8 { width: 80px; }
	 input.digit_9, label.digit_9 input,
	select.digit_9, label.digit_9 select, col.digit_9 { width: 90px; }
	 input.digit_10, label.digit_10 input,
	select.digit_10, label.digit_10 select, col.digit_10 { width: 100px; }

/* text field widths */

	.text_15 { width: 150px; }
	.text_20 { width: 200px; }
	.text_25 { width: 250px; }
	.text_30 { width: 300px; }
	.text_35 { width: 350px; }
	.text_40 { width: 400px; }
	.text_45 { width: 450px; }
	.text_50 { width: 500px; }

/* Proper alignment of text labels sharing cells with text inputs and select boxes */
	.jog input, .jog select,
	.jog td input, .jog td select {
		vertical-align: -0.15em;
	}

	* html .jog input, * html .jog select,
	* html .jog td input, * html .jog td select {
		vertical-align: -0.4em;
	}

/* To enable consistent styling of readonly text elements */
	input.readonly { color: #000; background-color: #ebebe4; }

	tr.disabled td { background-color: #ebebe4; }

/* flexible fieldset styling */

	.section {
		width: 45%;	/* change this value as needed via local id override */
		float: left;
		margin: 0 0 0 1em;
		padding: 5px 0 1px 10px;
		border: 1px solid #777;
	}
	* html .section { display: inline; }	/* IE float bug */

	.section legend {
		margin: 0;
		padding: 1px 3px;
		font-size: 1.2em;
		font-weight: bold;
		background-color: #ddd;
		border: 1px solid #777;
	}
	* html .section legend {
		margin-bottom: 4px;
		margin-left: -6px;
	}

	.section label {
		width: 30%;		/* adjust this to manage consistent label width */
		float: left;
		clear: left;
		text-align: right;
		margin-top: 0.4em;
		margin-right: 0.5em;
	}

	/* secondary element labels */
	.section span {
		float: left;
		margin: 0.4em 0.5em 0;
	}

	/* bolding labels, comment out if undesired */
	.section label,
	.section span { font-weight: bold; }

	/* size of elements governed by "size" attribute
	    or other sizing classes (e.g. digit_5) */
	.section input,
	.section select,
	.section textarea {
		float: left;
		clear: right;
		margin-bottom: 4px;
	}

	/* place at end of every "row" */
	.section br { clear: both; }

	#content .section label.rc {
		width: auto;
		clear: none;
		text-align: left;
		margin: 0.3em 0.5em 0.3em 0;
	}
	* html #content .section label.rc { margin-top: 0.4em; }


/* Improving readability of Gecko form elements */
/* Child selector (>) hides from IE, Safari doesn't care anyhoo */
	* > input,
	* > select,
	* > textarea { border: 1px solid #aaa; }
	
	input[type="radio"],
	input[type="checkbox"] {
		border: none;
	}
	/* fix 'submit' inputs */
	* > input[type="submit"] {
		border-width: 2px;
		border-style: outset;
		padding: 0 1px;
	}
	* > input[type="submit"]:active { border-style: inset; }

	input { padding: 2px; }
	* html input { padding: 1px; }

/* Tableless Account Masks */
	.maskRow td label {
		float: left;
		display: block;
		font-weight: bold;
		margin: 0 0.1em;
		text-align: center;
	}

	.maskRow td input,
	.maskRow td select { display: block; }

/* Show search criteria fields having a light green background. */
	.searchCriteria {
		background-color: #DFD;
	}

/* ============================ */
/*         image styling        */
/* ============================	*/

	/* Safari insists on displaying form elements correctly without modification (silly browser :P)
       Therefore, we must hack around it to bring the others up to snuff */

/* No need for 'border="0"' */

	img { border: none; }

/* Easy alignment of question-mark blobs */
	/* q bubble not in use here */
/*
	.qsearch { vertical-align: -0.7em; }

	* html .qsearch { vertical-align: -0.4em; }
*/

/* Rectangular button alignment */

	.rectbutton, .qsearch { vertical-align: -0.5em; }

	* html .rectbutton, * html .qsearch { vertical-align: -0.2em; }

/* Irregular input element alignment */

	input[type="checkbox"],
	.checkbox:lang(en),
	.checkboxes:lang(en) td input,
	* html .checkbox,
	* html .checkboxes td input { vertical-align: -0.4em; }

	input[type="radio"],
	.radio:lang(en),
	.radioSets:lang(en) label > input,
	* html .radio,
	* html .radioSets label input { vertical-align: -0.3em; }
	
/* toggling styles (add/remove these, do not set obj.style.display/visibility) */
	
	.remove { display: none; }
	.hide { visibility: hidden; }
	
	/* toggle anchors */
	#content a.toggleButton:link,
	#content a.toggleButton:visited {
		color: #777;
		padding: 2px 4px;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		border: 1px solid #aaa;
		white-space: nowrap;
	}
	#content a.toggleButton:hover,
	#content a.toggleButton:active {
		color: #000;
		border-color: #444;
		background-color: #dedede;
	}
	#content a.toggleButton:active {
		color: #c00;
		background-color: #ccc;
	}
	
/* ============================ */
/* 	   	   layer setup 			*/
/* ============================	*/

	#Layer1Area, #Layer2Area, #Layer3Area, #Layer4Area,
	#Layer5Area, #Layer6Area, #Layer7Area, #Layer8Area,
	div#formhidden { display: none; }

	/* place hidden form variables inside "formhidden" div */

/* no custom image-required tab navigation
	
	http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_link_buttons_with_css/
*/	
	#tabs {
		margin: 1.5em 0;
		padding: 0;
		text-align: center;
		width: 100%;
		/* "preload" hover state image */
		background: transparent url(../images/tab_hover.gif) no-repeat -10000px;
	}
	#tabs li {
		margin: 1px 0;
		padding: 0;
		list-style: none;
		float: right;
		clear: right;
	}
	#tabs li.clear { float: none; display: none; }
	#tabs > li.clear { display: block; } /* workaround IE6 */
	
	#tabs * {
		background-color: transparent;
		white-space: nowrap;
	}
	#tabs a { /* Top left corner, top edge */
		float: left;
		background: url(../images/tab_default.gif) no-repeat left top;
		font: small/1.0 Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #000 !important;
		text-decoration: none;
		cursor: default;
		margin: 0 2px 0 0;
		display: inline;
	}
	#tabs a * { display: block; }
	
	#tabs a span { /* Top right corner */
		padding: 6px 0 0;
		margin-left: 6px;
		background: url(../images/tab_default.gif) no-repeat right top;
	}
	#tabs a span span { /* Bottom left corner, left and bottom edges */
		padding: 0 0 0 14px;
		margin-left: -6px;
		background: url(../images/tab_default.gif) no-repeat left bottom;
	}
	#tabs a span span span { /* Bottom right corner */
		padding: 0 0 6px;
		background: url(../images/tab_default.gif) no-repeat right bottom;
	}
	#tabs a span span span span { /* Right edge */
		padding: 0 8px 0 6px;
		background: url(../images/tab_default.gif) no-repeat right 50%;
	}
	#tabs a:hover,  #tabs a:hover  span,
	#tabs a:focus,  #tabs a:focus  span,
	#tabs a:active, #tabs a:active span {
		background-image: url(../images/tab_hover.gif);
	}
	
	#content #tabs a.current,
	#content #tabs a.current span {
		background-image: url(../images/tab_current.gif);
	}