#ubbody { margin: 20px auto; }
#ubbody, #ubbody table { font: 9pt sans-serif; color: #575757; text-align: center; }

/* Fix any stupid overly-broad CSS from site-wide stylesheets: */
#ubbody table td { font: 9pt sans-serif; color: #575757; }
#ubbody p { margin: 10px auto; width: auto; }

#ubbody a { color: #507090; text-decoration: none; }
#ubbody a:hover { color: #a0a0a0; text-decoration: underline; }
#container { margin-left: auto; margin-right: auto; text-align: center; }
#ublinkbar_bottom { width: 100%; text-align: center; }
.ublinkbar_links { margin-top: 15px; padding-top: 15px; }
.ublinkbar_status { text-align: center; margin: 15px auto 0px auto; }
#epb { margin-top: 15px; font-size: 90%; }
.userinfoleft { width: 48%; float: left; text-align: left; }
.userinforight { width: 48%; float: right; text-align: right; }
.label { font-weight: bold !important; }
.label p { max-width: 200px; }
#ubbody input.default		{ margin: 4px; border: 1px solid #777; padding: 3px; }
#ubbody input.defaultbutton	{ padding: 4px 8px; }
#ubbody textarea.default	{ margin: 4px; border: 1px solid #777; padding: 3px; }
#ubbody select.default		{ margin: 4px; border: 1px solid #777; padding: 1px; }
#ubbody input.text { width: 120px; }
#ubbody textarea.default { width: 300px; height: 150px; }


#userform { text-align: left; width: 450px; border: 0 !important; }
#userform table { text-align: left !important; width: 450px; margin-top: 25px; }
#userform th { text-align: center; }
#userform input.text, #userform textarea.default { width: 180px; }
#userform .label { width: 49%; }
#userform td.ubbutton { text-align: center; vertical-align: middle; }






#payment-page { width: 40%; margin: 20px auto; padding: 2px; background: #efefef; color: #000; }
#payment-page div { margin: 0 auto; padding: 15px; }

#showusers tr.pending  { color: #999; }
#showusers tr.disabled { color: #999; }
.table-footer-info { font-style: italic; margin: 0 auto 20px auto; }

#ub_csv_import_step2 table { margin: 15px auto; text-align: right; }
#ub_csv_import_step2 table td { vertical-align: top; padding: 4px 14px; }
#ub_csv_import_step2 table .submit_button_row { text-align: center; }

#ub_csv_export { width: 400px; margin: 0 auto; }
#ub_csv_export table { width: 100%; margin: 20px auto; text-align: left; border-collapse: collapse; border: 1px solid #777; }
#ub_csv_export table th { padding: 7px; background-color: #ddd; }
#ub_csv_export table td { padding: 7px; background-color: #eee; vertical-align: top; }

.def { border-bottom: 1px dotted; }

.altcolor1 { color: #ffd200; }
.altcolor2 { color: #d0d0d0; }

#formmessage
{
	border: 1px solid #000;
	background: #ffff00;
	width: 300px;
	margin: 10px auto;
	padding: 5px;
	text-align: center;
	font-size: 12pt;
}


#profileimagepage table.profile_image { border-top: 1px solid #ddd; width: 96%; margin: 0 auto 30px auto; border-collapse: collapse; }
#profileimagepage .profile_image tr:hover { background: #fff858; }
#profileimagepage .profile_image td { padding: 20px; border-bottom: 1px solid #ddd; }
#profileimagepage .first_profile_image { }
#profileimagepage .profile_image .filename { font-weight: bold; }
#profileimagepage .profile_image .resizedetails { text-align: left; }
#profileimagepage .profile_image .deletelink { text-align: right; }
#profileimagepage .profile_image .deletelink a { display: block; margin-bottom: 20px; }
#profileimagepage .profile_image .thumbnail img { border: 1px solid #000; }
#profileimagepage .profile_image .noimage { font-style: italic; }

#upload_profile_image_form { border-top: 1px solid #ddd; width: 96%; margin: 0 auto; overflow: auto; }
#upload_profile_image_form div#form_intro { margin: 20px 0 20px 20px; float: left; text-align: left; width: 46%; }
#upload_profile_image_form div#form_controls { margin: 20px 20px 20px 0; float: right; text-align: right; width: 46%; }
#upload_profile_image_form div#form_controls input { }
#upload_profile_image_form:hover { background: #fff858; }

#profilepage .enc_tbl { width: 60%; }
#profilepage .fieldname { width: 50%; font-weight: bold; }
#profilepage .fieldvalue { width: 50%; }
#profilepage td { text-align: left; }
#profilepage .basic_info { }
#profilepage .basic_image { text-align: right; vertical-align: top; }
#profilepage .basic_image img { border: 1px solid #888; }
#profilepage .basic_info { text-align: left; }
#profilepage .basic_info .name { font-weight: bold; font-size: 18pt; }
#profilepage .basic_info .username { }
#profilepage .basic_info .email { }

#memberdirectorypage .enc_tbl { width: 60%; }
#memberdirectorypage td { text-align: left; }
#memberdirectorypage .userimage { text-align: right; }
#memberdirectorypage .userimage img { border: 1px solid #888; }







#enc_vis_id_setter { position: absolute; left: -5500px; height: 0; overflow: hidden; }

.enc_drop_shadow { position: relative; padding: 12px; }
.enc_drop_shadow .sh1 { background: url(/login/images/shad01c.png); top: 0; left: 0;	left: 22px; right: 22px; height: 12px; }
.enc_drop_shadow .sh2 { background: url(/login/images/shad02c.png); top: 0; right: 0;	top: 22px; bottom: 22px; width:  12px; }
.enc_drop_shadow .sh3 { background: url(/login/images/shad03c.png); bottom: 0; left: 0;	left: 22px; right: 22px; height: 12px; }
.enc_drop_shadow .sh4 { background: url(/login/images/shad04c.png); top: 0; left: 0;	top: 22px; bottom: 22px; width:  12px; }
.enc_drop_shadow .sh5 { background: url(/login/images/shad05c.png); top: 0; left: 0; }
.enc_drop_shadow .sh6 { background: url(/login/images/shad06c.png); top: 0; right: 0; }
.enc_drop_shadow .sh7 { background: url(/login/images/shad07c.png); bottom: 0; right: 0; }
.enc_drop_shadow .sh8 { background: url(/login/images/shad08c.png); bottom: 0; left: 0; }
.enc_drop_shadow .sh1, .enc_drop_shadow .sh2, .enc_drop_shadow .sh3, .enc_drop_shadow .sh4 { position: absolute; }
.enc_drop_shadow .sh5, .enc_drop_shadow .sh6, .enc_drop_shadow .sh7, .enc_drop_shadow .sh8 { position: absolute; width: 22px; height: 22px; }

#database_deleter .enc_tbl	{ max-width: 780px; }
.enc_dbcreate_tbl_vert		{ max-width: 780px; }
.enc_dbedit_tbl_vert		{ max-width: 780px; }
.enc_dbview_tbl_vert		{ max-width: 780px; }
.enc_dbview_tbl_vert td		{ text-align: left; }
.enc_dbview_tbl_vert td.addnew	{ text-align: center; }

.header_input_notes { display: inline-block; font-style: italic; font-weight: normal; margin-left: 8px; }
#encdb_showhide_links { display: none; }

.encdb_imgpkr_wrapper .empty_placeholder { margin-top: 20px; font-style: italic; }
.encdb_imgpkr_chosen_label { font-weight: bold; font-size: 11pt; }
.encdb_imgpkr_all_label { font-weight: bold; font-size: 11pt; margin-top: 20px; }
.encdb_imgpkr_upload_label { font-weight: bold; font-size: 11pt; margin-top: 20px; }
.encdb_imgpkr_chosen, .encdb_imgpkr_all, .encdb_imgpkr_upload
{
	margin-top: 10px;
	min-height: 50px;
	max-height: 300px;
	overflow: auto;
	padding-left: 10px;
}
.encdb_imgpkr_image_block
{
	overflow: auto;
	margin: 10px 0;
}
.encdb_imgpkr_image_block .imgpkr_text
{
	float: left;
	padding-top: 10px;
}
.encdb_imgpkr_image_block .imgpkr_thumb		{ float: left; }
.encdb_imgpkr_image_block img			{ margin-right: 10px; }
.encdb_imgpkr_upload input			{ margin-top: 15px; }


.encdb_filpkr_wrapper .empty_placeholder { margin-top: 20px; font-style: italic; }
.encdb_filpkr_chosen_label { font-weight: bold; font-size: 11pt; }
.encdb_filpkr_all_label { font-weight: bold; font-size: 11pt; margin-top: 20px; }
.encdb_filpkr_upload_label { font-weight: bold; font-size: 11pt; margin-top: 20px; margin-top: 4px; }
.encdb_filpkr_chosen, .encdb_filpkr_all, .encdb_filpkr_upload
{
	margin-top: 10px;
	min-height: 50px;
	max-height: 300px;
	overflow: auto;
	padding-left: 10px;
}
.encdb_filpkr_file_block
{
	overflow: auto;
	margin: 10px 0;
}
.encdb_filpkr_file_block .filpkr_text
{
	float: left;
	padding-top: 10px;
}
.encdb_filpkr_file_block .filpkr_thumb		{ float: left; }
.encdb_filpkr_file_block img			{ margin-right: 10px; }
.encdb_filpkr_upload input			{ margin-top: 15px; }


.enc_tablestyle_b { margin: 25px auto; border-width: 1px; border-style: solid; border-collapse: collapse; }
.enc_tablestyle_b th { padding: 10px; }
.enc_tablestyle_b td { padding: 10px; }
.enc_tablestyle_b tr { border-top-width: 1px; border-top-style: solid; }





#encsubtitle { color: #777; }

form#ublogin { position: relative; width: 260px; margin: 20px auto 0 auto; padding: 12px; }
form#ublogin table { width: 100%; border: 1px solid #888; border-collapse: collapse; color: #575757; text-align: left; }
form#ublogin .graytitle { display: none; }
form#ublogin th { background: #e0e0e0; color: #333; padding: 8px; font: bold 8pt sans-serif; text-align: center; }
form#ublogin th { font: bold 9pt Verdana,sans-serif; border-bottom: 1px solid #999; }
form#ublogin td { white-space: nowrap; padding: 7px; text-align: left; }
form#ublogin td.label { padding-right: 2px; vertical-align: middle; }
form#ublogin td.ubfield { text-align: right; }
form#ublogin tr { background: #fff; }
form#ublogin tr:hover { background: #efefef; }
form#ublogin td.ubbutton { text-align: center; vertical-align: middle; }
form#ublogin .altcolor1 { color: #333; display: none; }
form#ublogin .altcolor2 { color: #333; }
form#ublogin .shad01 { background: url(/login/images/shad01c.png); top: 0; left: 0;		left: 22px; right: 22px; height: 12px; }
form#ublogin .shad02 { background: url(/login/images/shad02c.png); top: 0; right: 0;		top: 22px; bottom: 22px; width:  12px; }
form#ublogin .shad03 { background: url(/login/images/shad03c.png); bottom: 0; left: 0;	left: 22px; right: 22px; height: 12px; }
form#ublogin .shad04 { background: url(/login/images/shad04c.png); top: 0; left: 0;		top: 22px; bottom: 22px; width:  12px; }
form#ublogin .shad05 { background: url(/login/images/shad05c.png); top: 0; left: 0; }
form#ublogin .shad06 { background: url(/login/images/shad06c.png); top: 0; right: 0; }
form#ublogin .shad07 { background: url(/login/images/shad07c.png); bottom: 0; right: 0; }
form#ublogin .shad08 { background: url(/login/images/shad08c.png); bottom: 0; left: 0; }
form#ublogin .shad01, form#ublogin .shad02, form#ublogin .shad03, form#ublogin .shad04 { position: absolute; }
form#ublogin .shad05, form#ublogin .shad06, form#ublogin .shad07, form#ublogin .shad08 { position: absolute; width: 22px; height: 22px; }


#ubbody .listug { border: 1px solid #777; margin: 10px auto; color: #444; text-align: center; }
#ubbody .listug table { border-collapse: collapse; width: 100%; font-size: 8pt; }
#ubbody .listug th { background: #507090; color: #fff; padding: 9px; }
#ubbody .listug td { padding: 7px; }
#ubbody .listug tr.odd { background: #efefef; }
#ubbody .listug tr.even { background: #e9e9e9; }
#ubbody .listug .desc { text-align: left; }
#ubbody .listug tr:hover { background: #d5d9d3; color: #575757; border: 0; }
#ubbody .listug tr:hover td a { color: #575757; text-decoration: underline; }
#ubbody .listug tr:hover td a:hover { color: #000; background: transparent; }
#ubbody .listug tr { border-bottom: 1px solid #fff; }

#ubbody .listug a, #ubbody .listug a:visited { color: #000; border: 0; }
#ubbody .listug .pending a,  #ubbody .listug .pending  a:visited { color: #999; border: 0; }
#ubbody .listug .disabled a, #ubbody .listug .disabled a:visited { color: #999; border: 0; }
#ubbody .listug th a, #ubbody .listug th a:visited { color: #fff; }
#ubbody .listug tr { }
#ubbody .listug-letters { font-size: 120%; font-weight: bold; text-align: center; }
#ubbody .listug-letters a { padding: 4px; color: #507090; border: 0; }
#ubbody .listug-letters a:hover { background: #507090; color: #fff; text-decoration: none; border: 0; }
#ubbody .listug-letters a.current { text-decoration: underline; }


#userform table { border: 1px solid #777; }
#userform table td { border-bottom: 1px solid #ddd; }





.version_info { border-top: 1px solid #bbb; }
.admin_footnote { border-bottom: 1px solid #bbb; margin: 0px auto !important; padding: 10px 0; max-width: 450px; }

#enc_server_info table, #enc_prefs_list table { text-align: left !important; }

.enc_tbl
{
	border: 1px solid #777;
	margin: 10px auto;
}
.enc_tbl table
{
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	background: #fff;
	width: 100%;
	margin: 0;
	font-size: 8pt;
	text-align: center !important;
}
.enc_tbl table th
{
	padding: 9px;
	background: #507090;
	color: #fff;
}
.enc_tbl td.verthead
{
	padding: 9px;
	background: #507090;
	color: #fff;
	width: 30%;
	font-weight: bold !important;
}
.enc_tbl table th a, .enc_tbl td.verthead a, .enc_tbl td.verthead a:visited
{
	color: #fff !important;
	text-decoration: none;
}
.enc_tbl table td a, .enc_tbl table td a:visited
{
	color: #000 !important;
	border: 0;
}
.enc_tbl table td
{
	padding: 7px;
	border-bottom: 1px solid #fff;
}
.enc_tbl table td.verthead, .enc_tbl table td.vertcell
{
	border-bottom: 1px solid #999;
}
/* For groups of related fields all in a row, make it easier to see that they're */
/* part of a group, by styling them together a bit differently than the others:  */
.enc_tbl table tr.group_odd td.verthead
{
	background: #406080;
	border-bottom: 1px solid #777;
}
.enc_tbl table tr.group_odd td.vertcell
{
	background: #dddddd;
	border-bottom: 1px solid #777;
}
.enc_tbl table tr
{
	border-bottom: 1px solid #fff;
	background: #efefef;
}
.enc_tbl table tr.odd, .enc_tbl .db_readonly
{
	padding: 4px;
	background: #f4f6f8;
	background: #f1f1f1;
	background: #efefef;
}
.enc_tbl table tr.even
{
	padding: 4px;
	background: #ffffff;
	background: #fafafa;
	background: #e9e9e9;
}
.enc_tbl table tr:hover
{
	background: #fcffb8;
	background: #d5d9d3;
}
.enc_tbl table tr:hover td.verthead
{
	background: #415b75;
}
.header_input_notes { color: #ccc; }

.enc_tbl input.text
{
	width: 200px !important;
	border: 1px solid #555;
	padding: 3px;
}
.enc_tbl input.srch_text
{
	border: 1px solid #555;
	padding: 3px;
}
.enc_tbl textarea
{
	border: 1px solid #555;
	padding: 3px;
}
.enc_tbl textarea.shorttext
{
	width: 300px;
	height: 50px;
}
.enc_tbl textarea.mediumtext
{
	width: 300px;
	height: 80px;
}
.enc_tbl textarea.longtext
{
	width: 300px;
	height: 200px;
}
.enc_tbl .readonly
{
	margin-left: 5px;
}
#database_deleter
{
	margin: 30px 0;
	padding: 0;
}
.database_header_note
{
	max-width: 500px;
	margin: 20px auto;
}
.enc_create_tbl table
{
	/* width: auto; */
}
.enc_create_tbl th, .enc_create_tbl td,
.enc_edit_tbl th, .enc_edit_tbl td
{
	text-align: left;
}
.enc_create_tbl td.button, .enc_edit_tbl td.button
{
	text-align: center;
}

.db_search
{
	border: 1px solid #777;
	padding: 7px;
	margin: 25px auto;
	background: #efefef;
	text-align: left;
}
.db_search #search_title
{
	font-weight: bold;
	font-size: 10pt;
	color: #555;
	text-decoration: underline;
}
.db_search #search_title:hover
{
	cursor: pointer;
}
.db_search table
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	margin: 5px 0;
}
.db_search th
{
	background-color: transparent;
}
.db_search a
{
	color: #444 !important;
	text-decoration: none;
}
.db_search input.srch_text
{
	border: 1px solid #555;
	padding: 3px;
	width: 91%;
}
#db_search_form
{
	margin: 0;
	padding: 0;

	/* hidden by default: */
	/*
	position: absolute;
	left: -7000px;
	height: 0;
	overflow: hidden;
	*/
}
#db_search_form_reset_button
{
	
}


.pagelinks
{
	/* font-size: 10pt; */
	cursor: default;
}
.pagelinks .links
{
	display: inline-block;
	margin-top: 10px;
	background: #efefef;

	/*
	border: 1px solid #888;
	border-top-color: #ccc;
	border-left-color: #ccc;
	*/

	padding: 5px;
}
.pagelinks .links span, .pagelinks .links a
{
	display: block;
	float: left;
	padding: 6px 11px;
	border-right: 1px solid #ccc;
}
.pagelinks .links span.last, .pagelinks .links a.last
{
	border-right: 0;
}
.pagelinks .disabled
{
	cursor: default;
	color: #999;
}
.pagelinks .current
{
	cursor: default;
	color: #999;
}
#ubbody .pagelinks .links a
{
	color: #1E90FF;
	color: #333;
	text-decoration: none;
}
#ubbody .pagelinks .links a:hover
{
	background: #d5d9d3;
	text-decoration: none;
}
.pagelinks .text
{
	line-height: 16pt;
	vertical-align: middle;
}
.pagelinks .bookend
{
	font-size: 16pt;
	font-family: serif;
	color: #676767;
	margin: 0 5px;
	vertical-align: top;
}
.pagelinks .disabled
{
	/* text-decoration: line-through !important; */
}


.encdb_imgpkr_chosen, .encdb_imgpkr_all, .encdb_imgpkr_upload
{
	border: 1px solid #999;
	background: rgba(255,255,255,0.70);
}
.encdb_imgpkr_image_block img		{ border: 1px solid #555; }
.encdb_imgpkr_viewmode_thumb		{ border: 1px solid #000; }

.encdb_filpkr_chosen, .encdb_filpkr_all, .encdb_filpkr_upload
{
	border: 1px solid #999;
	background: rgba(255,255,255,0.70);
}
.encdb_filpkr_file_block img		{ border: 1px solid #555; }
.encdb_filpkr_viewmode_thumb		{ border: 1px solid #000; }


.encmenu { border: 1px solid #777; margin: 5px auto 20px auto; max-width: 400px; text-align: center; }
.encmenu a, .encmenu div.text { display: block; padding: 5px; border: 0; color: #000 !important; border-top: 1px solid #fff; text-decoration: none; }
.encmenu a.odd,  .encmenu div.odd  { background: #efefef; }
.encmenu a.even, .encmenu div.even { background: #e9e9e9; }
.encmenu a:visited { border: 0; border-top: 1px solid #fff; }
.encmenu a.first, .encmenu a.first:visited { border: 0; }
.encmenu a:hover { background: #d5d9d3; text-decoration: none; }
.encmenu .header { background: #507090; color: #fff; font: bold 8pt sans-serif; padding: 12px; }
.encmenu div.text { font-weight: bold; }


/* not yet in use: */
.encdatepicker
{
	min-width: 150px;
	min-height: 100px;
	max-width: 250px;
	max-height: 200px;
	padding: 10px;

	border: 1px solid #777;
	background: #ddd;
}


.encpopup
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	/* Doesn't work in IE <9: */
	/* background: rgba(0, 0, 0, 0.3); */
	background: url(/login/imagesbg-black-50pct-transparent.png) top left repeat;
}
.encpopup_inner
{
	border: 1px solid #000;
	background: #fff;
	color: #333;
	padding: 10px;
	text-align: left;
	width: 300px;
	min-height: 80px;
	margin: 25% auto 0 auto;
}
.encpopup_buttons
{
	margin-top: 20px;
	text-align: right;
}


.enc_tablestyle_b { border-color: #bbb; }
.enc_tablestyle_b th { background: #e8e8e8; }
.enc_tablestyle_b tr.even { /* background: #f7f7f7; */ }
.enc_tablestyle_b tr { background: #f7f7f7; }
.enc_tablestyle_b tr { border-top-color: #bbb; }





</style>

<!--[if IE]>
<style type="text/css">
</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css">
/* for the drop-shadow style login form: */
form#ublogin .shad01, form#ublogin .shad02, form#ublogin .shad03, form#ublogin .shad04,
form#ublogin .shad05, form#ublogin .shad06, form#ublogin .shad07, form#ublogin .shad08 { display: none; }
</style>
<![endif]-->

<style type="text/css">