#ubbody, #ubbody table { font: 8pt sans-serif; color: #575757; text-align: center; }
#ubbody a { color: #7D3990; text-decoration: none; }
#ubbody a:hover { color: #a0a0a0; text-decoration: underline; }

#container { margin-left: auto; margin-right: auto; text-align: center; }
.ubfooter { width: 100%; text-align: center; margin: 6px auto; padding: 6px 0; }
#ubfooterstart { margin-top: 15px; padding-top: 15px; }
.ubloggedinname { text-align: center; margin: 0 auto 15px auto; }
.ubpower { margin-top: 10px; }
a.enclink { font-size: 90%; }
.userinfoleft { width: 48%; float: left; text-align: left; }
.userinforight { width: 48%; float: right; text-align: right; }
.label { font-weight: bold; }
.label p { max-width: 200px; }
#ubbody input.default		{ margin: 4px; border: 1px solid #777; padding: 3px; }
#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 table { border: 1px solid #777; border-collapse: collapse; margin: 10px auto; color: #575757; text-align: left; }
#userform th { background: #7D3990; color: #fff; padding: 12px; font: bold 8pt sans-serif; text-align: center; }
#userform .groups { text-align: left; cursor: default; }
#userform td.ubbutton { text-align: center; vertical-align: middle; }
#userform td { padding: 7px; }
#userform tr { background: #e9e9e9; }
#userform tr:hover { background: #d5d9d3; color: #575757; border: 0; }
#userform tr:hover a { color: #575757; text-decoration: underline; }
#userform tr:hover a:hover { color: #000; background: transparent; }
#userform td.paidaccts { width: 200px; }
#userform input.text { width: 180px; }


#ubbody .groupform { border: 1px solid #777; border-collapse: collapse; margin: 10px auto; color: #575757; text-align: left; }
#ubbody .groupform th { background: #7D3990; color: #fff; padding: 12px; font: bold 8pt sans-serif; text-align: center; }
#ubbody .groupform .groups { text-align: left; cursor: default; }
#ubbody .groupform td.ubbutton { text-align: center; vertical-align: middle; }
#ubbody .groupform td { padding: 7px; text-align: left; }
#ubbody .groupform tr { background: #e9e9e9; }
#ubbody .groupform tr:hover { background: #d5d9d3; color: #575757; border: 0; }
#ubbody .groupform tr:hover a { color: #575757; text-decoration: underline; }
#ubbody .groupform tr:hover a:hover { color: #000; background: transparent; }

#ubbody .custfields { border: 1px solid #777; border-collapse: collapse; margin: 10px auto; color: #575757; text-align: left; }
#ubbody .custfields th { background: #7D3990; color: #fff; padding: 12px; font: bold 8pt sans-serif; text-align: center; }
#ubbody .custfields .groups { text-align: left; cursor: default; }
#ubbody .custfields td.ubbutton { text-align: center; vertical-align: middle; }
#ubbody .custfields td { padding: 7px; text-align: left; }
#ubbody .custfields tr { background: #e9e9e9; }
#ubbody .custfields tr:hover { background: #d5d9d3; color: #575757; border: 0; }
#ubbody .custfields tr:hover a { color: #575757; text-decoration: underline; }
#ubbody .custfields tr:hover a:hover { color: #000; background: transparent; }

#customfieldform .label { width: 200px; }
#customfieldform .notes { font-weight: normal; }
#customfieldform .warning { font-weight: bold; }



/* login form styles: */

#ubbody .origstyle table { width: 200px; border: 1px solid #777; margin: 0 auto; border-collapse: collapse; color: #575757; text-align: left; }
#ubbody .origstyle .graytitle { display: none; }
#ubbody .origstyle th { background: #7D3990; color: #fff; padding: 12px; font: bold 8pt sans-serif; text-align: center; }
#ubbody .origstyle th { font: bold 8pt sans-serif; }
#ubbody .origstyle td { white-space: nowrap; padding: 7px; text-align: left; }
#ubbody .origstyle td.label { padding-right: 2px; }
#ubbody .origstyle tr { background: #e9e9e9; }
#ubbody .origstyle tr:hover { background: #d5d9d3; }
#ubbody .origstyle td.ubbutton { text-align: center; vertical-align: middle; }


#ubbody .graystyle table { width: 200px; background: #e5e5e5 url(/login/images/gray-grad-a-200px.png) top left repeat-x; color: #444; border: 1px solid #bbb; border-collapse: collapse; margin: 10px auto; text-align: left; }
#ubbody .graystyle th { padding: 8px; } 
#ubbody .graystyle .graytitle { position: relative; height: 18px; border-bottom: 1px solid #999; } 
#ubbody .graystyle .origtitle { display: none; }
#ubbody .graystyle .formtitle { font: bold 8pt sans-serif; color: #000; position: absolute; left: 0; top: 0; }
#ubbody .graystyle .formsubtitle { font: 8pt sans-serif; color: #999; position: absolute; right: 0; top: 0; }
#ubbody .graystyle td { white-space: nowrap; padding: 4px; text-align: left; }
#ubbody .graystyle input.text { width: 95px; }
#ubbody .graystyle td.label { padding-right: 2px; padding-left: 10px; font-weight: normal; }
#ubbody .graystyle td.field { padding-left: 2px; }
#ubbody .graystyle td.ubbutton { text-align: center; vertical-align: middle; padding: 5px; }


#ubbody .shadstyle { position: relative; width: 230px; margin: 0 auto; padding: 12px; z-index: 3; }
#ubbody .shadstyle table { width: 100%; border: 1px solid #888; border-collapse: collapse; color: #575757; text-align: left; }
#ubbody .shadstyle .graytitle { display: none; }
#ubbody .shadstyle th { background: #e0e0e0; color: #333; padding: 8px; font: bold 8pt sans-serif; text-align: center; }
#ubbody .shadstyle th { font: bold 9pt Verdana,sans-serif; border-bottom: 1px solid #999; }
#ubbody .shadstyle td { white-space: nowrap; padding: 7px; text-align: left; }
#ubbody .shadstyle td.label { padding-right: 2px; }
#ubbody .shadstyle td.field { text-align: right; }
#ubbody .shadstyle tr { background: #fff; }
#ubbody .shadstyle tr:hover { background: #efefef; }
#ubbody .shadstyle td.ubbutton { text-align: center; vertical-align: middle; }
#ubbody .shadstyle .altcolor1 { color: #333; display: none; }
#ubbody .shadstyle .altcolor2 { color: #333; }



#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: #7D3990; 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 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: #7D3990; border: 0; }
#ubbody .listug-letters a:hover { background: #7D3990; color: #fff; text-decoration: none; border: 0; }
#ubbody .listug-letters a.current { text-decoration: underline; }

#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; }
.table-footer-info { font-style: italic; margin: 0 auto 20px auto; }

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

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

#formmessage
{
	border: 1px solid #000;
	background: #ffff00;
	width: 400px;
	margin: 10px auto;
	padding: 5px;
	text-align: left;
}

.shadstyle .shad01 { background: url(/login/images/shad01c.png); top: 0; left: 0;		left: 22px; right: 22px; height: 12px; }
.shadstyle .shad02 { background: url(/login/images/shad02c.png); top: 0; right: 0;		top: 22px; bottom: 22px; width:  12px; }
.shadstyle .shad03 { background: url(/login/images/shad03c.png); bottom: 0; left: 0;	left: 22px; right: 22px; height: 12px; }
.shadstyle .shad04 { background: url(/login/images/shad04c.png); top: 0; left: 0;		top: 22px; bottom: 22px; width:  12px; }
.shadstyle .shad05 { background: url(/login/images/shad05c.png); top: 0; left: 0; }
.shadstyle .shad06 { background: url(/login/images/shad06c.png); top: 0; right: 0; }
.shadstyle .shad07 { background: url(/login/images/shad07c.png); bottom: 0; right: 0; }
.shadstyle .shad08 { background: url(/login/images/shad08c.png); bottom: 0; left: 0; }
.shadstyle .shad01, .shadstyle .shad02, .shadstyle .shad03, .shadstyle .shad04 { position: absolute; z-index: -5; }
.shadstyle .shad05, .shadstyle .shad06, .shadstyle .shad07, .shadstyle .shad08 { position: absolute; width: 22px; height: 22px; z-index: -4; }


.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;
}
.enc_tbl table th
{
	padding: 9px;
	background: #7D3990;
	color: #fff;
}
.enc_tbl td.verthead
{
	padding: 9px;
	background: #7D3990;
	color: #fff;
	width: 50%;
}
.enc_tbl table th a, .enc_tbl td.verthead a
{
	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.vertcell
{
	border-bottom: 1px solid #fff;
}
.enc_tbl table tr
{
	border-bottom: 1px solid #fff;
}
.enc_tbl table tr.odd
{
	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;
}
.pagelinks span, .pagelinks a
{
	margin: 4px;
}
.enc_tbl input.text
{
	width: 200px !important;
	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;
}


.encmenu { border: 1px solid #777; margin: 5px auto 20px auto; max-width: 400px; text-align: center; }
.encmenu a { display: block; padding: 5px; border: 0; color: #000 !important; border-top: 1px solid #fff; }
.encmenu a.odd { background: #efefef; }
.encmenu a.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: #7D3990; color: #fff; font: bold 8pt sans-serif; padding: 12px; }


</style>

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

<!--[if lt IE 7]>
<style type="text/css">
.shadstyle .shad01, .shadstyle .shad02, .shadstyle .shad03, .shadstyle .shad04,
.shadstyle .shad05, .shadstyle .shad06, .shadstyle .shad07, .shadstyle .shad08 { display: none; }
</style>
<![endif]-->

<style type="text/css">