/*
To set font sizes in content use em with sliding decimal
18pt = 1.8em, 16pt = 1.6em, 14pt = 1.4em, 12pt = 1.2em, 10pt = 1em, 8pt = 0.8em
Common fonts to all versions of Windows & Mac equivalents
Arial, Helvetica, sans-serif
'Arial Black', Gadget, sans-serif
Courier New, monospace
Georgia, serif
Impact, Charcoal, sans-serif
Lucida 'Sans Unicode', Lucida Grande, sans-serif
Tahoma, Geneva, sans-serif
'Times New Roman', Times, serif
'Trebuchet MS', Helvetica, sans-serif
Verdana, Geneva, sans-serif
*/

body { background: #31271f url('page_back_gradient_brown.jpg') left top repeat-x; }

#header_bar { background: #031f4c url('header_back.png') left top repeat-x; height: 165px; text-align: center; }
#header_container { background: #031f4c url('header_back_blue_gradient.png') left top no-repeat; height: 165px; margin: auto; width: 1000px; }
#logo_bar { height: 85px; }
#menu_bar { float: left; font-size: 1.4em; font-weight: bold; height: 80px; text-align: left; }
#menu_bar a { color: #6799d9; margin-top: 20px; text-decoration: none; }
#menu_bar a:hover { color: #ffffff; }
#menu { padding: 0px 10px; }
#menu_box_events_a { float: left; height: 80px; width: 190px; }
#menu_box_events_b { float: left; height: 80px; width: 180px; }
#menu_box_reports_a { float: left; height: 80px; width: 220px; }
#menu_box_reports_b { float: left; height: 80px; width: 210px; }
#menu_box_users_a { float: left; height: 80px; width: 180px; }
#menu_box_users_b { float: left; height: 80px; width: 170px; }
.menu_tab_right { background: transparent url('menu_tab_right.png') right bottom no-repeat; }
.menu_tab_left { background: transparent url('menu_tab_left.png') left bottom no-repeat; }


#menu_bar_options { background: #2b61a5 url('menu_back_blue.png') left top repeat-x; border-bottom: 1px solid #142e50; color: #6799d9; text-align: center; }
#menu_options_container { font-size: 1.2em; font-weight: bold; padding: 2px 0px 10px 0px; text-align: left; margin: auto; width: 1000px; }
#menu_options { padding: 0px 10px; }
#menu_bar_options a { color: #ffffff; margin: 0px 10px; text-decoration: none; vertical-align: middle; }
#menu_bar_options a:hover { color: #6799d9; }
#menu_bar_options_off { background: #142e50; height: 1px; overflow: hidden; }

#menu_bar_steps{ background: #e0b677 url('menu_line.png') left bottom repeat-x; border-bottom: 1px solid #31271f; border-top: 1px solid #f8d691; color: #ad7c2f; height: 46px; text-align: center; }
#menu_steps_container { font-size: 1.2em; font-weight: bold; margin: auto; text-align: left; width: 1000px; }
#menu_steps { height: 46px; padding: 0px 10px; }
.menu_step_items { border-bottom: 1px solid #031f4c; float: left; height: 40px; background: #e0b677 url('menu_line_off.png') center bottom no-repeat; margin-top: 6px; }
#menu_bar_steps a { color: #ad7c2f; margin: 15px 30px 0px 30px; text-decoration: none; }
#menu_bar_steps a:hover { color: #31271f; }
#header_bottom { background: #9c7d68; height: 1px; overflow: hidden; }

#footer_container { text-align: center; }
#footer_bar { background: #c0c0c0; margin: auto; width: 1000px; }
#footer { color: #808080; font-size: 0.8em; padding: 5px; text-align: center; }
#footer a { color: #808080; text-decoration: none; }
#footer a:hover { color: #000000; }

#table_main { background: #ffffff url('content_back.png') left top no-repeat; margin: auto; text-align: left; }
#cell_content_main { padding: 20px; }
#content_head { border-bottom: 1px solid #ad8e70; font-size: 1.8em; font-weight: bold; margin: 0px 0px 20px 0px; padding-bottom: 15px; }
#content_head_subtitle { font-size: 80%; font-weight: bold; color: #808080; }

.margin_top_none { margin-top: 0px; }
.margin_bottom_none { margin-bottom: 0px; }
.margin_none { margin: 0px; }

.message_prop { float: left; height: 22px; width: 36px; }
.message_status_box { background: #ffffce url('message_icon_status.png') 5px 2px no-repeat; border: 1px solid #ffffff; color: #000000; display: none; float: left; font-size: 120%; padding: 10px 5px 5px 5px; width: 100%; }
.message_status { float: left; }
.message_error_box { background: #ff9999 url('message_icon_error.png') 5px 2px no-repeat; border: 1px solid #ffffff; color: #000000; display: none; float: left; font-size: 120%; padding: 10px 5px 5px 5px; width: 100%; }
.message_error { float: left; }

.form_blue label { color: #2b61a5; font-weight: bold; }
.form_blue input { background: #ffffff url('form_field_gradient_cream.png') left top repeat-x; border: 2px solid #2b61a5; margin-top: 4px; padding: 2px; }

.form_field { background: #ffffff url('form_field_gradient_cream.png') left top repeat-x; border: 2px solid #2b61a5; margin-bottom: 4px; }
.form_pad_top { padding-top: 4px; }
label { display: block; padding-left: 20px; text-indent: -20px; margin: -2px 0 4px 0; }
input[type=checkbox] { width: 20px; height: 13px; padding: 0; margin: 0; vertical-align: bottom; position: relative; top: -2px; relative; *overflow: hidden; }

#error_balloon { left: -1000px; position: absolute; top: 0px; width: 300px; }
#error_balloon .error_balloon_top_right { background: transparent url('error_balloon_top_right.png') right top no-repeat; }
#error_balloon .error_balloon_top_left { background: transparent url('error_balloon_top_left.png') left top no-repeat; height: 100%; margin-right: 11px; padding-bottom: 2px; }
#error_balloon #error_balloon_content { text-align: center; padding: 11px 0px 0px 11px; }
#error_balloon .error_balloon_bottom_right { background: transparent url('error_balloon_bottom_right.png') right top no-repeat; }
#error_balloon .error_balloon_bottom_left { background: transparent url('error_balloon_bottom_left.png') left top no-repeat; margin-right: 11px; }
#error_balloon #error_balloon_tail { background: transparent url('error_balloon_tail.png') center bottom no-repeat; height: 23px; }

.table_2_column td.column_1 { width: 50%; padding-right: 20px; vertical-align: top; }
.table_2_column td.column_2 { width: 50%; padding-left: 20px; vertical-align: top; }
.table_2_column label { color: #2b61a5; font-weight: bold; }
.table_2_column input { background: #ffffff url('form_field_gradient_cream.png') left top repeat-x; border: 1px solid #2b61a5; margin: 4px 0px 8px 0px; padding: 2px; width: 280px; }
.table_2_column select { background: #ffffff url('form_field_gradient_cream.png') left top repeat-x; border: 1px solid #2b61a5; margin: 4px 0px 8px 0px; padding: 2px; padding-right: 0px; width: 280px; }
.table_2_column .required { border: 2px solid #990000; }

.table_basic_dashed td { border-bottom: 1px dashed #cecece; padding: 4px; vertical-align: middle; }
.table_basic_dashed td.column_1 { width: 120px; vertical-align: middle; }
.table_basic_dashed input { background: #ffffff url('form_field_gradient_cream.png') left top repeat-x; border: 1px solid #2b61a5; margin: 0px; padding: 2px; width: 280px; }
.table_basic_dashed select { border: 1px solid #2b61a5; margin: 0px; padding: 2px; padding-right: 0px; width: 285px; }
.table_basic_dashed .required { border: 2px solid #990000; }
.table_basic_dashed textarea { background: #ffffff url('form_field_gradient_cream.png') left top repeat-x; border: 1px solid #2b61a5; margin: 0px; padding: 2px; width: 280px; height: 87px; }

#table_type_paid { margin: auto; }
#table_type_paid input { border: 1px solid #808080; padding: 2px; }
#table_type_paid select { border: 1px solid #808080; padding-left: 2px; }

table.sortable {
	width: 100%;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	border-collapse: collapse;
	color: #000000;
}

table.sortable td, table.sortable th {
	border: 1px solid #000000;
	padding: 3px;
}

table.sortable th {
	font-weight: 600;
	color: #FFFFFF;
	background-color: #3E577B;
}

table.sortable th.sort_header { text-decoration: underline; cursor: pointer; }

tr.odd { background-color: #E0E0E0; }
tr.over td { background-color:#FFFF99; }

.auto_complete_box { background: #c9c9c9; border: 1px solid #000000; position: relative; z-index: 100; display: none; }

.title_field {
	font-size: 12pt;
	font-weight: bold;
	background: #e9e9e9;
	width: 300px;
	padding: 5px;
	margin-right: 10px;
}

#fields_available, #fields_chosen {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 10px;
}

#fields_available li, #fields_chosen li {
	cursor: pointer;
	margin: 0 5px 5px 5px;
}