/* This file is created/updated automatically and should not be changed in most cases; edit $PREF{css} instead. */

#ubbody, #ubbody table { font: 10pt sans-serif; color: #575757; text-align: center; }
.encnarrow #ubwrapper { width: 500px; margin: 0 auto; }
.encmidwidth #ubwrapper { width: 650px; margin: 0 auto; }


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

#ubbody .pagesubtitle { font-size: 12pt; font-weight: bold; }
#ubbody a { color: #507090; }
#ubbody a:hover { color: #a0a0a0; text-decoration: underline; }
#ublinkbar_bottom { width: 100%; text-align: center; }
#ublinkbar_bottom a, #epb a, #showusers a, .listug-letters a, #columntoggles a, #ubbody #db_viewer_table a { text-decoration: none; }
.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: 0.4em 1em; }
#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; }

#ublogin { position: relative; width: 260px; margin: 20px auto 0 auto; padding: 12px; }
#ublogin th { font: bold 1em/2.4em Verdana,sans-serif; text-align: center; position: relative; }
#ublogin .ub-header-icon__wait { display: block; position: absolute; left: 0; top: 0; height: 100%; font-size: 1.3em; line-height: 2em; padding: 0 0.7em; background: #c3c3c3; border-right: 1px solid #999; }
#ublogin input[type="text"], #ublogin input[type="password"] { width: 120px; }
#ublogin td { white-space: nowrap; padding: 0.9em 1em; text-align: left; }
#ublogin td.label { padding-right: 2px; vertical-align: middle; }
#ublogin td.ubfield { text-align: right; }
#ublogin td.ubbutton { text-align: center; vertical-align: middle; }
#ublogin table { width: 100%; border-collapse: collapse; text-align: left; }

p#manage_users_paid_accounts_note { margin: 0 auto 20px auto; font-style: italic; }
input.varprice { width: 60px; }
td.group-price { text-align: center; }
.promo_message { color: #aa0000; }
.strike-price { color: #aa0000; display: block; }
#join_paid_group td { max-width: 300px; }
#joinpaidgroup_output { font-style: italic; }

#userform { text-align: left; max-width: 450px; border: 0 !important; margin: 10px auto; }
#userform table { border-collapse: collapse; text-align: left !important; max-width: 450px; margin-top: 25px; }
#userform th { padding: 1em; text-align: center; }
#userform td { padding: 1em; }
#userform input.text, #userform textarea.default { width: 180px; }
#userform .label { width: 49%; }
#userform td.ubbutton { text-align: center; vertical-align: middle; }
#userform td.note { font-style: italic; }
#userform #pw_strength { font-style: italic; margin-left: 5px; white-space: nowrap; }






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

.paysum { overflow: auto; display: table; margin: 1em auto 2em auto; }
.paysum .year-title { font: bold 1.4em sans-serif; border: 1px solid #aaa; background: #e6e6e6; padding: 0.5em; }
.paysum .yearly { float: left; text-align: left !important; max-width: 30%; margin-right: 2em; border: 1px solid #bbb; background: #efefef; white-space: nowrap; }
.paysum .yearly td { padding: 0.5em; }
.paysum .yearly .label { font-weight: bold; }
.paysum .monthly { float: left; max-width: 65%; border: 1px solid #bbb; background: #efefef; }
.paysum .monthly th { padding: 0.5em; }
.paysum .monthly td { padding: 0.5em; text-align: right; }
.paysum .monthly .odd td  { background: #f9f9f9; }
.paysum .monthly .even td { background: #efefef; }

#showusers tr.pending  { color: #999; }
#showusers tr.disabled { color: #999; }
#showusers tr.usersfooter { text-align: left; border-bottom: none !important; }
#showusers .usersfooter button { margin-right: 0.1em; }
#showusers #adduser_btn { margin-left: 2em; }
#showusers #adduser_btn .fa { margin-right: 0.1em; color: #4a7; }
#showusers #deleteselected_btn .fa { margin-right: 0.1em; color: #a33; }
.table-footer-info { font-style: italic; margin: 0 auto 20px auto; }
#acct_list_filter_div { margin: 20px auto 10px auto; font-weight: bold; }
#acct_list_filter_div input[type="text"] { width: 100px; }

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

.ub-header-icon { color: #57c; }

#formmessage
{
	border: 1px solid #aaa;
	box-shadow: 0px 0px 4px #999;
	background: #ffde00;
	color: #333;
	width: 300px;
	margin: 1em 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%; margin: 2em auto 3em auto; }
#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%; margin: 2em auto 3em auto; }
#memberdirectorypage td { text-align: left; }
#memberdirectorypage .userimage { text-align: right; }
#memberdirectorypage .userimage img { border: 1px solid #888; }

#enc_apps_note a { text-decoration: underline !important; }

#humantest_row { text-align: center; }
#enc-humantest { }

.paid_groups_list { border-collapse: collapse; }

#managepagelock .page { text-align: left; }
.ub_lock_popup { overflow: scroll; }
.ub_lock_popup .encpopup_inner { margin-top: 5%; }
.ub_lock_popup input[type="checkbox"] { margin: 0.5em; }
.ub_lock_popup input[type="button"] { margin: 1em 1em 0em 0; }
#dirlock_excl_exts { display: block; margin: 0.6em 0; width: 90%; }
#managedirlock .dir { text-align: left; }
.intro { font-style: italic; margin: 10px auto 5px auto; max-width: 500px; }
.intro-left { font-style: italic; margin: 10px auto 5px auto; text-align: left; }

.group_dates { font-style: italic; }

/* Do not change or remove these "_rules" lines: */







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

/* TODO: enc_drop_shadow is unused at least in FC and UB as of early 2016; remove it? */
.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; }

#db_viewer_table a:hover	{ text-decoration: underline !important; }
#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; }
.enc_dbview_thumb		{ width: 150px; }
.enc_db_tbl			{ margin-bottom: 2em !important; }

.database_header_note
{
	max-width: 500px;
	margin: 1em auto;
}

.header_input_notes { display: inline-block; font-style: italic; font-weight: normal; margin-left: 8px; }
#encdb_showhide_links { display: none; }
#toggle_all_cols { margin-right: 2em; }
.encdb_content_link { text-decoration: underline !important; }
.database_subtitle { font-weight: bold; font-size: 11pt; margin-top: -14px; color: #999; }
.database_header_note { font-style: italic; }
.database_header_note a { text-decoration: underline !important; }
#db_view_controls { margin-bottom: -4px !important; }

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

.enc_box_a { margin: 25px auto; border-width: 1px; border-style: solid; padding: 10px; max-width: 400px; }

.hidden_by_default { display: none; }
.encwarning { color: red; }
#admin_alert_icon { padding-left: 2px; vertical-align: -20%; }

#pw_strength { font-style: italic; white-space: nowrap; }

#webconfig_page { text-align: left; max-width: 700px; margin: 10px auto; }
#webconfig_buttons { text-align: center; }
#webconfig_buttons a { outline: none; position: relative; color: #222; box-shadow: 0px 1px 1px #ddd; text-decoration: none; display: inline-block; padding: 0.3em 0.7em; margin: 0 0 1em 1em; border: 1px solid #999; border-radius: 0.2em; background: #eee; }
#webconfig_buttons a:hover { color: #222; box-shadow: 0px 0px 4px #999; text-decoration: none; }
#webconfig_buttons a:active { top: 1px; outline: none; }
#webconfig_instr { display: none; }
.wcfg_shorttextbox { height: 1.4em; }
.wcfg_warning { color: #d71c1c; }
.wcfg_success { color: #30a045; }
.wcfg_section_anchor, .wcfg_section_title { font-weight: bold; }
.prefresult { font-style: italic; display: inline; max-width: 400px; margin-left: 0.3em; }

.webconfig_pref_new { max-width: 340px; margin: 0.3em auto 1em auto; text-align: left; white-space: nowrap; }
.webconfig_pref_new .webconfig_title  { text-align: left; }
.webconfig_pref_new .prefname  { width: 320px; padding: 5px; margin: 3px 1px; }
.webconfig_pref_new .prefname_label  { width: 320px; padding: 5px 10px 5px 0; margin: 3px; display: inline-block; text-align: left; }
.webconfig_pref_new .prefvalue { width: 320px; margin: 3px 1px; vertical-align: top; display: block; }
.webconfig_pref_new .prefresult { white-space: normal; }

.webconfig_pref { max-width: 600px; margin: 10px 10px 0 0; text-align: left; white-space: nowrap; }
.webconfig_pref .prefname_visible { padding: 0px; margin: 0px; display: inline-block; }
.webconfig_pref .prefname_short { min-width: 300px; }
.webconfig_pref .prefname_wide { min-width: 400px; }
.webconfig_pref .prefname_extrawide { min-width: 500px; }
.webconfig_pref .prefname_short, .webconfig_pref .prefname_wide, .webconfig_pref .prefname_extrawide { width: auto; min-width: auto; } /* trying auto instead; neither approach is quite ideal... */
.webconfig_pref .prefname_fixed_wide { min-width: 400px; }
.webconfig_pref .prefvalue { margin: 2px; vertical-align: middle; font: 1.1em/1.1em sans-serif; }
.webconfig_pref .wcfg_shorttextbox { width: 180px; height: 1.1em; }
.webconfig_pref .wcfg_mediumtextbox { display: block; width: 98%; max-width: 400px; height: 5em; margin-left: 0; }
.webconfig_pref .wcfg_largetextbox { display: block; width: 500px; height: 300px; }
.webconfig_pref .prefnote { font-style: italic; margin-bottom: 5px; white-space: normal; display: block; }
.webconfig_pref .prefnote_inline { margin-bottom: 15px; }
.webconfig_pref select.yesno { width: 4em; }

.webconfig_pref_stacked { width: 410px; margin: 20px auto; padding-top: 20px; text-align: left; white-space: nowrap; }
.webconfig_pref_stacked .prefname_visible { padding: 0px; margin: 0px; display: inline-block; }
.webconfig_pref_stacked .prefname_short { width: 300px; }
.webconfig_pref_stacked .prefname_wide { width: 400px; }
.webconfig_pref_stacked .prefname_extrawide { width: 500px; }
.webconfig_pref_stacked .prefvalue { margin: 2px; vertical-align: baseline; }
.webconfig_pref_stacked .wcfg_shorttextbox { width: 180px; height: 1.4em; }
.webconfig_pref_stacked .wcfg_mediumtextbox { width: 400px; height: 5em; }
.webconfig_pref_stacked .wcfg_largetextbox { width: 500px; height: 300px; }
.webconfig_pref_stacked .prefnote { }

#webconfig_common_list .webconfig_pref { margin: 20px auto; padding-top: 20px; }
#webconfig_common_list .prefresult { white-space: nowrap; }

.dbsetup_intro { text-align: left; }
#enc_db_setup .webconfig_pref { }
#enc_db_setup .webconfig_pref .prefname_short { text-align: right; width: 270px; }
#enc_db_setup .prefresult { display: inline; }
#enc_db_setup .prefnote { display: none; }

.emailsetup_intro, #perlmodulespage { text-align: left; }
#enc_email_setup .webconfig_pref .prefname_short { text-align: right; width: 270px; }
#email_test_form #email_button { display: block; margin: 1.5em auto; }
#email_test_output { text-align: left; margin-top: 20px; }


.encfadeout
{
	opacity: 1;
	transition: opacity 0.75s ease-in-out;
	-moz-transition: opacity 0.75s ease-in-out;
	-webkit-transition: opacity 0.75s ease-in-out;
}


.section_sublinks
{
	display: inline-block;
	padding: 0.2em 0.4em;
	margin: 1em auto;
}
.enc_linkbar a
{
	display: inline-block;
	margin: 0.5em 0.7em;
	text-decoration: none;
}

.warning-box-top { margin: 1em auto; padding: 0.5em; }






.altcolor2 { color: #666; }

#encsubtitle, .encsubtitles { color: #777; }

#ublogin table { border: 1px solid #888; color: #575757; box-shadow: 0 0 15px #777; }
#ublogin th { background: #e0e0e0; color: #333; border-bottom: 1px solid #999; }
#ublogin tr { background: #fff; }
#ublogin tr:hover { background: #efefef; }
#ublogin .ub-header-icon { color: #333; }


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

#showusers tr.usersfooter td { background: #ccc; border-top: 1px solid #999; } 

#userform table { border: 1px solid #888; box-shadow: 0 0 15px #777; }
#userform table th { background: #e0e0e0; color: #333; border-bottom: 1px solid #999; }

.paid_group_details { background: #f0f0f0 !important; }
.paid_groups_list tr.last { border-bottom: 1px solid #bbb; }

.pagedirlock-title-icon { display: inline-flex; align-items: center; margin-right: 0.5em; padding: 0.3em 0.5em 0.2em 0.5em; background: #e6e6e6; border-radius: 0.6em; border: 1px solid #bbb; box-shadow: 0 0 3px #777; }
.pagedirlock-title-icon i:first-child { font-size: 1.0em; margin-right: 0.3em; }
.pagedirlock-title-icon i:last-child { font-size: 1.3em; }

.dirlock-title-icon i:first-child { font-size: 1.2em; margin-right: 0.3em; }

.group_dates { color: #888888; }
#profilepage .group_label { color: #444; }
#profilepage .group_value { color: #888; }



.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 #888;
	margin: 10px auto;
	box-shadow: 0 0 15px #777;
}
.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: #e0e0e0;
	color: #333;
	font-weight: bold;
}
.enc_tbl td.verthead
{
	padding: 9px;
	background: #e0e0e0;
	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: #333 !important;
	text-decoration: none;
}
.enc_tbl table td a, .enc_tbl table td a:visited
{
	color: #46b !important;
	border: 0;
}
.enc_tbl table td
{
	padding: 7px;
	border-bottom: 0;
}
.enc_tbl table td.verthead, .enc_tbl table td.vertcell
{
	border-bottom: 1px solid #ccc;
}
/* 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: #cccccc;
	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: 0;
	background: #efefef;
}
.enc_tbl table tr.odd, .enc_tbl .db_readonly
{
	padding: 4px;
	background: #f3f3f3;
}
.enc_tbl table tr.even
{
	padding: 4px;
	background: #efefef;
}
.enc_tbl table tr:hover
{
	background: #ddd;
}
.enc_tbl table tr:hover td.verthead
{
	background: #ccc;
}
.header_input_notes { color: #777; }

.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;
}
.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;
	overflow: scroll;
}
.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;
	white-space: nowrap;
}
.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
{
	cursor: default;
}
.pagelinks .links
{
	display: inline-block;
	margin-top: 10px;
	background: #efefef;
	border: 1px solid #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;
	background: #efefef;
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #ccc;
}
.pagelinks .bookend
{
	display: none;

	font-size: 16pt;
	font-family: serif;
	color: #676767;
	margin: 0 5px;
	vertical-align: top;
}
.pagelinks .disabled
{
	/* text-decoration: line-through !important; */
}
.encserverdate { font-style: italic; color: #777; }


.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 #888; box-shadow: 0 0 15px #777; margin: 2em auto; max-width: 400px; text-align: center; }
.encmenu div.linkrow, .encmenu div.text { display: block; padding: 5px; border: 0; color: #000 !important; text-decoration: none; }
.encmenu div.odd  { background: #f3f3f3; }
.encmenu div.even { background: #efefef; }
.encmenu div.first { border: 0; }
.encmenu a { color: black !important; text-decoration: none; }
.encmenu a:hover { color: #555 !important; text-decoration: underline; }
.encmenu .encheader { background: #e0e0e0; color: #333; font-weight: bold; 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;
	background: #ccc;   /* For ancient IE versions. */
	background: rgba(0, 0, 0, 0.3);	  /* Doesn't work in IE pre-v9, but that's prehistoric at this point. */
}
.encpopup_inner
{
	border: 1px solid #777;
	box-shadow: 0 0 15px #444;
	background: #eee;
	color: #333;
	padding: 10px;
	text-align: left;
	width: 300px;
	min-height: 80px;
	margin: 20% 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; }

.enc_box_a { border-color: #999; background: #eaeaea; color: #444; }


.encoverlayA
{
	position: fixed;
	bottom: 10px;
	left: 10px;
}
.encoverlayA_inner
{
	border: 1px solid #000;
	background: rgb(50, 50, 50); /* Fallback for IE pre-v9 which doesn't support rgba(). */
	background: rgba(20, 20, 20, 0.9);
	color: #fff;
	padding: 5px;
	text-align: left;
	width: 300px;
	min-height: 40px;
}
.encoverlayA_ctrl
{
	position: absolute;
	top: 2px;
	right: 2px;
	background: #000;
}
.encoverlayA_ctrl a
{
	color: #ddd;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 1px 3px;
	outline: none;
}

#pw_strength { color: #777; }

#webconfig_page { color: #000; }
#webconfig_page .comment, .prefnote { color: #666; }
#webconfig_common_list .webconfig_pref { border-top: 1px solid #ccc; }
.webconfig_pref_stacked { border-top: 1px solid #ccc; }

.pref_code { color: #777; }

/* TODO: dark version of encapp inputs: */
.encapp input[type="text"], .encapp input[type="password"], .encapp textarea, .encapp select, .encapp input[type="button"] { border: 1px solid #aaa; background: #eee; color: black; padding: 0.3em; font: 1.1em/1.1em sans-serif; min-height: 1.1em; }
.encapp input[type="text"], .encapp textarea { }
.encapp select { padding: 0.2em; }
.encapp input[type="button"], .encapp input[type="submit"] { position: relative; padding: 0.4em 0.7em; font-size: 1em; color: #000; background-image: linear-gradient(#f8f8f8,#dddddd); border: 1px solid #999; border-radius: 1px; }
.encapp input[type="button"]:hover, .encapp input[type="submit"]:hover { color: #222; box-shadow: 0px 0px 4px #999; }
.encapp input[type="button"]:active, .encapp input[type="submit"]:active { top: 1px; }


.enc_linkbar { color: #333; background-image: linear-gradient(#f8f8f8,#dddddd); border: 1px solid #999; border-radius: 3px; }
#ubbody .enc_linkbar a { color: #333; }

.warning-box-top { background: #ebb; border: 1px solid #a66; }