
/*  Cleanup default padding and margin.
 */
body, tbody, th, tr, td, form, li, image, input, select, a, p, pre, hr
{
        padding: 0px;
        margin: 0px;
}

/*  Language link picture. 
 */
.imagelink
{
	border-style: none;
}

table
{
	background-color: #FFFFFF;
}
table.main
{
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
}
td.maintenance
{
        padding: 2px 10px;
	border-style: solid; 
	border-width: 1px 1px 0px 1px;
	border-color: #888888;
	background-color: #FFDDDD;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
	color: #000000;
        text-align: center;
}
a
{
	text-decoration: none;
        color: white;
}
a:hover
{
	text-decoration: underline;
        color: #FF9900;
}
td.header1
{
	background-color: #9BD7FF;
}
td.header2_l
{
        padding: 3px 20px;
	background-color: #0080D5; /*#0099FF;*/
}
td.header2_r
{
        padding: 3px 0px;
	background-color: #0080D5; /*#0099FF;*/
}
td.header2
{
        padding: 0px 30px 0px 0px;
        white-space: nowrap;
}
td.reload
{
	font-size: 10px;
        white-space: nowrap;
}
table.header2
{
	background-color: #0080D5; /*#0099FF;*/
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
td.alias_lab
{
        padding: 0px 10px;
        background-color: #0080D5;
        white-space: nowrap;
	font-weight: bold;
        color: #F7F7F7;
}
td.alias
{
        padding: 0px 10px 0px 0px;
        background-color: #0080D5;
        white-space: nowrap;
	font-weight: bold;
        color: #F7F7F7;
}
td.logout
{
        padding: 0px 30px 0px 20px;
        white-space: nowrap;
}
td.menu
{
	background-color: #DDF1FF;
}
table.menu
{
        margin: 10px 0px 0px 0px;
        width: 100%;
	background-color: #DDF1FF;
}
table.menu td
{
        padding: 5px 20px;
        text-align: right;
        white-space: nowrap;
	background-color: #DDF1FF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
        color: #444444;
}
table.menu a
{
	text-decoration: none;
        color: #000000;
}
table.menu a:hover
{
	text-decoration: underline;
        color: #0099FF;
}

table.menu_small
{
        margin: 20px 0px 10px 0px;
        width: 100%;
	background-color: #DDF1FF;
}
table.menu_small td
{
        padding: 2px 20px;
        text-align: right;
        white-space: nowrap;
	background-color: #DDF1FF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
        color: #444444;
}
table.menu_small a
{
	text-decoration: none;
        color: #444444;
}
table.menu_small a:hover
{
	text-decoration: underline;
        color: #0099FF;
}

table.menu_account
{
        width: 100%;
	background-color: #DDF1FF;
}
table.menu_account td
{
        padding: 5px 20px;
        text-align: right;
	background-color: #DDF1FF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
        color: #444444;
}
table.menu_account a
{
	text-decoration: none;
        color: #0080D5; /*#004D80;*/
}
table.menu_account a:hover
{
	text-decoration: underline;
        color: #0099FF;
}

td.copyright
{
        padding: 5px;
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
        color: #444444;
}

.code
{
        font-family: monospace;
	font-weight: normal;
	font-size: 12px;
        color: #444444;
}
.code_highlight
{
        font-family: monospace;
	font-weight: normal;
	font-size: 12px;
        color: #0080D5;
}

/*  Link list.
 */
td.links
{
	background-color: #F7F7F7;
}
table.links
{
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
	color: #000000;
}
table.links a
{
	text-decoration: none;
	color: #000000;
}
table.links a:hover
{
	text-decoration: underline;
        color: #0099FF;
}
ul
{
        margin: 3px 20px;
        padding: 0px;
}

/*  Error messages.
 */
table.err
{
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
	color: #000000;
}

/*  Messages for highlighted fields.
 */
table.high
{
	border-style: solid; 
	border-width: 1px;
	border-color: #999900;
	background-color: #FFFFDD;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
	color: #000000;
}

/*  Tablecells to support vertical spacing.
 */
td.vspace3  { height: 3px; }
td.vspace5  { height: 5px; }
td.vspace10 { height: 10px; }
td.vspace15 { height: 15px; }
td.vspace20 { height: 20px; }
td.vspace25 { height: 25px; }
td.vspace30 { height: 30px; }
td.vspace35 { height: 35px; }
td.vspace40 { height: 40px; }
td.vspace45 { height: 45px; }
td.vspace50 { height: 50px; }

/*  Edit labels.
 */
table.edit_label
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
table.edit_label td.account
{
	background-color: #EAF6FF;
	padding: 3px 10px 3px 10px;
        white-space: nowrap;
}
table.edit_label td.link
{
	background-color: #FFF8F0;
	padding: 3px 10px 3px 10px;
        white-space: nowrap;
}
table.edit_label td.none
{
}
table.edit_label a
{
	text-decoration: none;
        color: #444444;
}
table.edit_label a:hover
{
        color: #0099FF;
}

/*  Payment hint.
 */
table.payment
{
	background-color: #F7F7F7; /*#EAF6FF;*/
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
        color: #444444;
        text-align: justify;
}
table.payment td
{
	padding: 0px 10px; 
}
table.payment a
{
	text-decoration: underline;
	font-weight: bold;
        color: #0080D5;
}
table.payment a:hover
{
	font-weight: bold;
        color: #0099FF;
}
table.payment_expired
{
	background-color: #FFDDDD;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
        color: #444444;
        text-align: justify;
}
table.payment_expired td
{
	padding: 0px 10px; 
}
table.payment_expired a
{
	text-decoration: underline;
	font-weight: bold;
        color: #0080D5;
}
table.payment_expired a:hover
{
	font-weight: bold;
        color: #0099FF;
}

/*  User messages.
 */
td.msgspace
{
        /*  This is actual the table padding, applied to the surrounding td since IE ignores it.
         */
        padding: 10px;
}
table.msg p
{
        padding: 3px;
}
table.msg td
{
        padding: 5px 15px 5px 15px;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
        color: #444444;
        text-align: left;
}
table.msg td.contact
{
        padding: 5px 15px 0px 15px;
}
table.msg td.contact_label
{
        padding: 5px 15px 0px 15px;
	font-weight: bold;
        text-align: right;
        vertical-align: top;
        color: #666666;
}
table.msg td.h1
{
        padding: 5px 15px 5px 15px;
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
        color: #00A0F5;
        text-align: left;
}
table.msg td.h2
{
        padding: 5px 15px 5px 15px;
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
        color: #00A0F5;
        text-align: left;
}
table.msg td.h3
{
        padding: 5px 15px 5px 15px;
	background-color: #FFFFFF;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
        color: #00A0F5;
        text-align: left;
}
table.msg td.print
{
        padding: 5px 0px;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
        color: #444444;
        text-align: left;
}
table.msg td.subscription
{
        padding: 5px 5px 5px 15px;
	font-size: 14px;
	font-weight: bold;
        white-space: nowrap;
}
table.msg td.price
{
        padding: 5px;
	font-size: 15px;
	font-weight: bold;
        color: #0099FF;
        white-space: nowrap;
}
table.msg td.only
{
        padding: 5px;
	font-size: 10px;
        white-space: nowrap;
}
table.msg a
{
	text-decoration: none;
	font-weight: bold;
        color: #0080D5;
}
table.msg a:hover
{
	text-decoration: underline;
	font-weight: bold;
        color: #0099FF;
}

/*---  Error-Page ---*/

table.internal_error
{
	border-style: solid;
	border-width: 1px;
	border-color: #888888; 
}
table.internal_error th
{
	background-color: #FF4848;
}
table.internal_error td
{
        padding: 5px 15px 5px 15px;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
        color: #444444;
        text-align: justify;
}
table.internal_error a
{
	text-decoration: none;
	font-weight: bold;
        color: #0080D5;
}
table.internal_error a:hover
{
	text-decoration: underline;
	font-weight: bold;
        color: #0099FF;
}

/*---  Login-Page ---*/

table.login
{
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	background-color: #DDF1FF;

	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.login_field 
{
        width: 100%;
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFFFFF;
}
.login_field_err
{
        width: 100%;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
}
.login_field_high
{
        width: 100%;
	border-style: solid; 
	border-width: 1px;
	border-color: #999900;
	background-color: #FFFFDD;
}

table.autologin
{
	border-style: solid; 
	border-width: 1px;
	border-color: #E0E0E0;

	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
	color: #444444;
}
table.autologin td
{
        padding: 0px 10px;
}

/*---  Status-Page ---*/

table.status
{
	border-style: solid; 
	border-width: 1px;
	border-color: #888888;
	background-color: #DDF1FF;

	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
table.status td.data
{
	padding: 2px 10px 2px 10px; 
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FEFEFF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: bold;
        color: #555555;
}
table.status td.offline
{
	padding: 2px 10px 2px 10px; 
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFDDDD;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: bold;
        color: #555555;
}

.ip_time
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 9px;
	font-weight: normal;
}

table.weblinks
{
	border-style: solid; 
	border-width: 1px;
	border-color: #888888;
	background-color: #FFEBCC;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
        white-space: nowrap;
}
table.weblinks a
{
	color: #444444;
	text-decoration: underline;
}
table.weblinks a:hover
{
        color: #0099FF;
}

table.weblinks_offline
{
	border-style: solid; 
	border-width: 1px;
	border-color: #999999;
	background-color: #FFF8F0;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
        color: #999999;
}

/*---  Edit-Account-Page ---*/

table.account_light
{
	border-style: solid; 
	border-width: 1px;
	border-color: #888888;
	background-color: #EAF6FF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
table.account
{
	border-style: solid; 
	border-width: 1px;
	border-color: #888888;
	background-color: #DDF1FF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
table.account td.help
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
        text-align: justify;
}
table.account td.confirm
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
}
.account_field 
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFFFFF;
}
.account_field_err
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
}

/*---  Edit-Weblinks-Page ---*/

table.weblinks td.head
{
        padding: 10px;
	background-color: #FFB546;
	border-color: #887766;
	border-style: solid;
        border-width: 0px 0px 1px 0px;
        white-space: nowrap;
}
.head_inactive
{
        padding: 10px;
	background-color: #FFB546;
	border-color: #887766;
	border-style: solid;
        border-width: 0px 0px 1px 0px;
        white-space: nowrap;
        color: #AA8877;
}
table.weblinks td.line
{
        padding: 5px 10px;
	background-color: #FFEBCC;
	border-color: #887766;
	border-style: solid;
        border-width: 0px 0px 1px 0px;
        white-space: nowrap;
}
table.weblinks td.err_line
{
        padding: 0px 10px 5px 10px;
	background-color: #FFEBCC;
	border-color: #887766;
	border-style: solid;
        border-width: 0px 0px 1px 0px;
}
.weblink_inactive
{
        padding: 5px 10px;
	background-color: #FFEBCC;
	border-color: #887766;
	border-style: solid;
        border-width: 0px 0px 1px 0px;
        color: #999999;
        white-space: nowrap;
}
table.weblinks td.new
{
        padding: 5px 10px;
	background-color: #FFCE84;
	border-color: #887766;
	border-style: solid;
        border-width: 0px 0px 1px 0px;
}
table.weblinks td.err_new
{
        padding: 0px 10px 5px 10px;
	background-color: #FFCE84;
	border-color: #887766;
	border-style: solid;
        border-width: 0px 0px 1px 0px;
}
table.weblinks td.bottom
{
        padding: 10px;
	background-color: #FFEBCC;
}
.weblink_field 
{
        width: 100%;
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFFFFF;
}
.weblink_field_err
{
        width: 100%;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
}
table.weblink_howto
{
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #444444;
}
table.weblink_howto th
{
	padding: 10px 0px 2px 0px;
        text-align: center;
}
table.weblink_howto td
{
	padding: 5px 15px 0px 15px;
        text-align: justify;
}
table.weblink_example
{
	background-color: #F7F7F7;
	border-style: none;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #444444;
}
table.weblink_example td
{
	padding: 4px 0px 0px 0px;
        white-space: nowrap;
}

/*---  Register-Pages ---*/

td.register
{
        padding: 5px 10px 30px 10px;
}
table.register
{
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	background-color: #DDF1FF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
table.register td.help
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 10px;
	font-weight: normal;
        text-align: justify;
}
table.register td.agreement
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
        text-align: left;
}
.register_textarea
{
        font-family: monospace;
        font-size: 12px;
	font-weight: normal;
	background-color: #F7F7F7;
}
.register_field 
{
        width: 100%;
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFFFFF;
}
.register_field_err
{
        width: 100%;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
}
table.register a
{
	font-weight: normal;
        text-decoration: underline;
        color: #444444;
}
table.register a:hover
{
	text-decoration: underline;
        color: #0099FF;
}

/*---  Forgot-Password / Lost-Keyfile / Registration suspended ---*/

table.forgot
{
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	background-color: #DDF1FF;

        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
table.forgot td.help
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
}
.forgot_field 
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFFFFF;
}
.forgot_field_err
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
}
.lostkey_field 
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFFFFF;
}
.lostkey_field_err
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
}
.suspended_field 
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #7F9DB9;
	background-color: #FFFFFF;
}
.suspended_field_err
{
        width: 200px;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	background-color: #FFDDDD;
}
table.suspended
{
        padding: 10px 0px;
}
table.suspended p
{
        padding: 3px 0px;
}
table.suspended td
{
        padding: 5px 0px 5px 0px;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
        color: #444444;
        text-align: left;
}

/*--- Settings in the user manual ---*/

table.content td
{
        padding: 2px 5px;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
        vertical-align: top;
}
table.content a
{
	text-decoration: none;
        color: black;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
}
table.content a:hover
{
	text-decoration: underline;
        color: black;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
}
table.msg_h1 td
{
        padding: 2px 3px;
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
        color: #00A0F5;
        text-align: left;
        vertical-align: top;
}
table.msg_h1 td.msg
{
        padding: 2px 10px;
}
table.msg_h2 td
{
        padding: 2px 3px;
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
        color: #00A0F5;
        text-align: left;
        vertical-align: top;
}
table.msg_h2 td.msg
{
        padding: 2px 10px;
}

table.settings td
{
        padding: 5px 10px;
	background-color: #F7F7F7;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
}
table.settings th
{
        padding: 5px 10px;
	background-color: #DDF1FF;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
}
table.settings a
{
	text-decoration: none;
        color: #0080D5;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
}
table.settings a:hover
{
	text-decoration: underline;
        color: #0080D5;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
        font-size: 12px;
	font-weight: normal;
}

/*  Payment table.
 */
table.pay
{
	background-color: #F7F7F7; /*#EAF6FF;*/
	border-style: solid; 
	border-width: 1px;
	border-color: #E0E0E0;
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
        color: #444444;
        text-align: justify;
}
table.pay td.head
{
	padding: 10px 20px 0px;
	font-size: 18px;
	font-weight: bold;
}
table.pay td.extends
{
	padding: 0px 20px; 
	font-size: 12px;
}
table.pay td.price
{
	padding: 10px 20px 0px;
	font-size: 15px;
	font-weight: bold;
        color: #0099FF;
}
table.pay td.only
{
	padding: 0px 20px; 
	font-size: 10px;
}
table.pay td
{
	padding: 10px 20px 10px;
}

/*  Imprint table.
 */
table.imprint
{
        font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
        color: #444444;
}
table.imprint td
{
	padding: 0px;
        text-align: left;
}
table.imprint p
{
	padding: 3px 0px;
}
table.imprint td.label
{
	padding: 0px;
	font-weight: bold;
        text-align: right;
        vertical-align: top;
}
table.imprint td.headline
{
	padding: 0px;
	font-weight: bold;
        text-align: left;
        vertical-align: top;
}
table.imprint a
{
	text-decoration: none;
        color: #000000;
}
table.imprint a:hover
{
	text-decoration: underline;
        color: #0099FF;
}

/*  User agreement printout.
 */
table.print
{
        padding: 0px;
}
table.print p
{
        padding: 3px;
}
table.print td
{
        padding: 5px 10px 5px 10px;
        font-family: 'Times New Roman',Times, serif;
	font-size: 12px;
        color: #000000;
        text-align: center;
}
table.print td.h1
{
        padding: 5px 15px 5px 15px;
        font-family: 'Times New Roman',Times, serif;
	font-size: 14px;
	font-weight: bold;
        color: #000000;
        text-align: left;
}
table.print td.h2
{
        padding: 5px 15px 5px 15px;
        font-family: 'Times New Roman',Times, serif;
	font-size: 14px;
	font-weight: normal;
        color: #000000;
        text-align: left;
	text-decoration: underline;
}
