/*
For syntax help see: http://www.w3schools.com/Css/css_syntax.asp
For properties see: http://www.w3schools.com/css/css_reference.asp

 */

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

/*
The auto generated code includes a "statcounter" class for the displayed image.
*/
.statcounter {
	border-style:    	none;
}

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

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


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

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

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

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* ======================================== */

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

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

.form-table legend, .user-form legend {
  color: #444444;
  background: #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_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. */
/* ---------------------------------- */


.data_row_block_header_normal {
	background-color:	#bda0a0;
	text-align:	center;
}

.data_row_block_header_h_guide {
	background-color:	#bd97a6;
	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 {
	padding:       	0.3em;
	vertical-align:  	center;
	text-align:	left;
}

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

/* -------------------------------------------------- */
.nav_bar {
	/*
	border: 0px 20px 0px 0px;
	margin: 0px 20px 0px 0px;
	padding: 20px;
	*/
	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 {
	/*
	display: block;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	font-size: 90%;
	*/

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


/* remove ugly system borders links */
a img 	{ 	border:0 }
a.player:active,a.player:focus,a.player:hover,a.player:visited{ 
	text-decoration: none;
	-moz-outline-style:none;
}

/* player container */
a.player {
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	display:block;
	background:#000 url('../image/interface/video/gradient hor - metadata.png') repeat-x;
	background-repeat:no-repeat;
	background-position:center; 
!}

a.player_607x275 {
	width:607px;
	height:275px;    /* If contols autoHide */
	/* height:303px; */      /* If contols visible. */
}

/* play button */
a.player img {
	opacity:0.6;filter:alpha(opacity=60);
}
a.player_607x275 img {
	margin-top:110px; /* Using 85px high "video/play.png" */
}

/* metadata area */
a.player div.metadata {
	opacity:0.75;filter:alpha(opacity=75);
	background:#000 url('../image/interface/video/gradient hor - metadata.png') repeat-x;
	color:#ffffff;
	text-align:left;
	font-family:"bitstream vera sans","trebuchet ms";
	border-top:1px solid #ccc;
}
a.player_607x275 div.metadata {
	margin-top:35px;  /* Using 85px high "video/play.png" */
	height:40px;
	padding:5px 2em 0px 2em;	
}

a.player div.metadata span.title {
	font-size: 124%;
	color:#ffffff;
}

a.player div.metadata span.duration {
	color:#99FF99;
	display:block;
}