/*
########################################
Utility
*/

.center {
	margin-left:auto;
	margin-right:auto;
}

big {
	font-size: 175%;
}

img.leadin_left {
	float: left;
	padding: 0em 0.75em 0.5em 0em;
}

img.leadin_right {
	float: right;
	padding: 0em 0em 0.75em 0.73em;
}

/* ====== Color Pallet =====
	752929	theme color in top banner
	c19696	dark menu section header
	e4c6c6	menu section header
	fff2f2	link hover bg

*/

.italic12 {  font-style: italic; font-size: 12pt}
body,p,li,td {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #363636}
.navH1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999}
.nav_body {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #464313}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #663333}
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #663333}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #663333}
h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #663333}

/* 
Do not use "font-weight: bold;", as doing can causes the document to line wrap as the bold (fat) text takes more room.
*/

a        	{ text-decoration: none; }
a:link  	{ color: #883333; }
a:visited	{ color: #009933; }
a:hover,a:active {
	color: #b40000;
	background-color: #fff2f2;
}

/* -------------------------------------------------- */
/* Problems the browser user needs to address. 
	border-style:solid; border-width:2px; border-color:#752929
*/
.problem {
	/* background-color:	#ffc4be;  */
	background-color:	#fdff89;
	border-style:    	solid;
	border-width:    	2px;
	border-color:    	#752929;
	color:          	#444444;
	font-family:    	Arial, Helvetica, sans-serif;
	font-size:			10pt;
	font-weight:		normal;
}

/*
	style="color: #0000ff; text-decoration: underline;"
*/
 a.problem	{ color:      	#0000ff; }
li.problem	{ border-style:   	none; }
/************** Text styles */
.signature{
	font-style:italic;
}

/************** .leadin_right/left (image) styles */

.leadin_right{
	float: right;
	padding: 0px 0px 0px 15px;
	vertical-align: top;
}

.leadin_left{
	float: left;
	padding: 0px 15px 0px 0px;
	vertical-align: top;
}

.intermingle_left{
	float: left;
	padding: 5px 15px 0px 0px;
}

.intermingle_right{
	float: right;
	padding: 5px 0px 0px 15px;
}

.caption_left, .caption_right{
	font-style:italic;
	padding: 0px 0px 5px 0px;
}

/* ======================================== */
/* Rails Messages */

/* ---------------------------------------- */
/* Shared attributes */

/* Transient message box. */
.flash_notice, .flash_error, #errorExplanation {
	border-color:#752929;
	border-style:solid;
	border-width:2px;
	text-align: left;
}

/* ---------------------------------------- */


.flash_notice, .flash_error {
	margin-top:0.5em;
	padding-top:0.2em;
	padding-right:0.2em;
	padding-bottom:0.3em;
	padding-left:0.2em;
	text-align:	center;
}
.flash_notice {
	background-color: #e3f3e0;
}
.flash_error {
	background-color: #ffdbdb;
}

.fieldWithErrors {
	/*
	background-color: #ffa0a0;
	color: #000000;
	*/
	padding: 0.1em;
	display: inline;
}

/* This fills in the text entry field of the error. */
.fieldWithErrors * {
	background-color: #ffdbdb;
	color: #000000;
}

.fieldWithErrors label {
	padding: 0.15em;
}

#errorExplanation {
	background-color: #ffdbdb;
	font-family:    	Arial, Helvetica, sans-serif;
	font-size:			10pt;
	font-weight:		normal;
  line-height:    	100%;
}

#errorExplanation h2 {
/*
  margin: -7px;
  background-color: #c00;
  color: #fff;
*/
  margin: 0px;
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 11pt;
	background-color: #ffa0a0;
}

#errorExplanation p {
/*
  margin-bottom: 0;
  padding: 5px;
*/
  color: #333;
}

#errorExplanation ul li {
  /* font-size: 10pt; */
  list-style: square;
}
#errorExplanation ul {
}
/* ======================================== */

/* .................................................. */
/* Styles for user-form */

.user-form fieldset {
  background: #f3e6e6;
}

.form-table legend, .user-form legend {
  color: #444444;
  background-color: #bda0a0;
  font-family: sans-serif;
  padding: 0.2em 1em;
	font-size:			11pt;
}
/*
.user-form label {
  width: 10em;
  float: left;
  text-align: right;
  padding-top: 0.2em;
  margin-right: 0.1em;
  display: block;
}


.user-form select, .user-form textarea, .user-form input {
  margin-left: 0.5em;
}
*/
.user-form .submit {
	/*
	margin-left: 4em;
	text-align: center;
	float: center;
	position:relative;
	left:50%;
	float: center;
	*/
	float: left;
}

/* 
.user-form div {
  margin: 0.5em 0;
}

.radio_button {
  text-align: left;
  display: inline;
  float: left;
}
*/


/* -------------------------------------------------- */
/* The below styles are intended for tables that contain data, not for tables used for page layout. */

/* Row heading,. */



.user-form table, .data table, table.payment,table.data,.data_heading,.data_footer,.data_footer_spacer_col {
	color:          	#444444;
	font-family:    	Arial, Helvetica, sans-serif;
	font-size:			10pt;
	font-weight:		normal;
	border:    			0px;
	border-style:   	none;
	padding:    		5px;
	border-spacing: 	0px;
	border-collapse:	collapse;
	/* line-height:    	200%; */
	margin:         	2px;
}

/* .user-form th, .data th, .data_heading,.data_footer,.data_footer_spacer_col,.data_nbreak { */
.data,.data_heading,.data_footer,.data_footer_spacer_col,.data_nbreak {
	font-size:			12pt;
	line-height:    	100%;
	background-color:	#bda0a0;
	text-align:     	center;
}

.data_sub_table {
	margin-left: 50px;
	text-align:     	left;
}
.data_table_separator_minor {
	line-height: 0.2;
	background-color:	#bda0a0;
	text-align:     	center;
}

.data th, .data_heading_col {
	padding:    		5px;
}

.data_footer,.data_footer_spacer_col {
	line-height:    	33%;
}
.data_footer_spacer_col {
	background-color:	#ffffff;
}


.data_spacer_col {
	padding:    		5px;
	background-color:	#ffffff;
}

.data_spacer_row {
	line-height:    	50%;
	background-color:	#ffffff;
}

/* ====== Data Tables ====== */
/*  border="0" cellpadding="0" cellspacing="0" */

.data_table,.data_row_header,.data_row_a,.data_row_b {
	border:     	0.0em;
	border-collapse:	collapse;
	/*
		border-collapse:	separate;
		border-spacing:	0.0em;
	*/
}
.data_col,data_col_a,.data_col_b {
	padding:       	0.5em;
}

.data_col_header {
	padding:       	0.8em;
}

.data_row_header {
	font-weight: bold;
	background-color:	#bda0a0;
	text-align:	center;
}

.topic_guide_hori_n_vert_n {
	background-color:	#bda0a0;
}
.topic_guide_hori_n_vert_y {
	background-color:	#bd97a6;

}

.data_col_label {
/* 	padding-right: 1em;
*/
	  padding-top: .3em;
	  padding-bottom: .3em;
	  text-align: left;
}

.data_col_entry {
	  text-align: left;
}


.data_inline_label {
	padding-left: 1em;
	padding-right: 0.2em;
}

/* Alternating background color of rows and cols, to make reading across a row easier. */
/* .data tr */
.guide_hori_n_vert_n, .data_row_a {
	background-color:	#f3e6e6;
}
.sub_head_hori_n_vert_n {
	background-color:	#f3d7d7;
}



.guide_hori_y_vert_n, .data_row_b {
	background-color:	#d7c9c9;
}
.sub_head_hori_y_vert_n {
	background-color:	#e2caca;
}



.guide_hori_n_vert_y {
	/*

f2e6f3
f1dcf2
f3e6f3
	*/
	background-color:	#f7eaef;
}

.guide_hori_y_vert_y {
	/*
f1d1f3
eaddea
	*/
	background-color:	#eadde2;
}


/* ---------------------------------- */
/* Alternating background color of rows, to make reading across a row easier. */
/* ---------------------------------- */

.table_connect {
	background-color: #fff6f6;
}
.data_row_block_header_normal {
	background-color:	#bda0a0;
	text-align:	center;
	font-size: 12pt;
	font-weight: bold;
}

.data_row_block_header_h_guide {
	background-color:	#bd97a6;
	text-align:	center;
	font-size: 12pt;
}

.data_row_block_instructions_normal {
	background-color:	#bda0a0;
	text-align:	left;
	font-size: 12pt;
}

.data_row_block_instructions_h_guide {
	background-color:	#bd97a6;
	text-align:	left;
	font-size: 12pt;
}

.data_table_submit {
	width: 100%;
}

.data_row_submit {
	text-align:	center;
}

.data_row_normal {
	background-color:	#f3e6e6;
	text-align:	center;
}

.data_row_h_guide {
	background-color:	#d7c9c9;
	text-align:	center;
}

.data_row_v_guide {
	background-color:	#f7eaef;
	text-align:	center;
}

.data_row_hv_guide {
	background-color:	#eadde2;
	text-align:	center;
}

td.data_area_label {
	padding:       	0.3em;
	vertical-align:  	top;
	text-align:	left;
}

td.data_row_label_widget {
	padding:       	0.3em;
	vertical-align:	top;
	text-align:	right;
}

td.data_row_label {
	padding:       	0.3em;
	vertical-align:  	top;
	text-align:	left;
}

td.data_row_input {
	vertical-align:  	top;
	text-align:	left;
}

td.data_row_body {
	padding:       	0.3em;
	text-align:	left;
}

/* -------------------------------------------------- */
.top_banner {
	background:url('../image/interface/gradient/hor - top banner.png') 0% 0% repeat-y;

}

.nav_bar {
	display: block;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	font-size: 90%;
	background:url('../image/interface/gradient/hor - body background to dark menu section header.png') 0% 0% repeat-y;
}

/* -------------------------------------------------- */
/* Menu Accordion */

/*#slider {width:459px} */

.menu_accordion {
	/* If "position: relative;", then in IE 6.7 the expansion arrows will disappear and the only the text in the header will be clickable.  */
}

.menu_accordion_header_content {
	/* Need a separate menu_accordion_header_content <div> container or Firefox 3.0.6 will somehow enlarge the header beyond it's parent's boundary. */

}
.menu_accordion_header {
	font-weight:bold;
	font-family: Arial,sans-serif;
	color: #883333;
	/* Offset: 30.0; Gradient length: 20 px */
	background:url('../image/interface/gradient/vert - body background to menu section header.png') 0% 0% repeat-x;

	padding: 4px 2px 4px 10px;

	border:1px solid #883333;
}
.menu_accordion_header:hover {
	/*
	background:url('../image/interface/gradient/vert - black to white.png') 0% 0% repeat-x;
	*/
	background:url('../image/interface/gradient/vert - link hover bg to menu section header.png') 0% 0% repeat-x;
	border:1px solid #b40000;
}


.menu_accordion_expansion {
	/*
	Using "position:relative;" messes up the expansion arrow positioning in IE 6.
	position:relative;
	*/

	float: right;
	padding-right: 5px;
}

.menu_accordion_content {
	/*
	overflow:hidden;
	padding:15px;
	width: 100%;
	*/ 

	/* This fixes the IE 6 bug where animated menu sliding leaves existing menu selections expanaded.
	Perhaps the bug relates the the IE 6 "overflow: visible" bug.
	http://www.quirksmode.org/css/overflow.html
	*/
	overflow:hidden
}

.menu_accordion_text {
	/*
	padding:15px;
	border:2px solid #609040;
	*/
	border-top:none;
}


.menu_accordion_text ul {list-style: none; margin: 0; padding: 0;}
.menu_accordion_text li {border: 0px;}

.menu_accordion_text a {
	display: block;
	border-top: 1px solid #520099;
	padding: 2px 0px 2px 10px;
}

/*
.menu_accordion_text > a:first {
	border-top: 0px;
}
*/

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.menu_accordion li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body .menu_accordion li {border-bottom: none;}

/* -------------------------------------------------- */
/* Enroll Button 
Not work:
						  <input class="enrollNowButton" src="../images/btn_enrollBrown_LG.gif" alt="Click here to enroll." type="image" border="0" />

*/

.enrollNowButton img{
	background:url('../../images/btn_enrollBrown_LG.gif');
}
.enrollNowButton img:hover{
	background:url('../../images/btn_enroll_LG.gif');
}
.enrollNowButton img:active{
	background:url('../../images/btn_enroll_LG_down.gif');
}



/* -------------------------------------------------- */
/* ================================================== */


.field_required_marker {
	color:          	#a7002f;
	font-weight: bold;
}

.preload {
	display: none;
}

.global_notice {
	background-color: #fffbfb;
	/* padding:0.3em 0.2em 0.3em 0.2em; */
	padding-right:0.2em;
	padding-bottom:0.3em;
	padding-left:0.2em;
	border-style:solid;
	border-width:1px;
	border-color:#752929;
	text-align:	center;
}

.example {
	font-style: oblique;

}
/*
.topic_highlight {
	background-image: url("../image/gradient/hor - body background to dark menu section header - segment.png");
}
*/

.nobr {
	white-space: nowrap;
}

.line_break {
	line-height: 125%;

}

.list_item_sep {
	padding-left: 2.2em;
}

.center {
	text-align: center;
}

.sponsor_group_member {
	padding-left: 1.4em;
}

/*
==================================================
Misc
*/

.icon {
	  vertical-align: bottom;
}

/* Classified Ads */
.ad_date_expired {
	background-color: #ff9090;
}