/* registration form styles */

div.regi_register {background: #eee; text-align: center; border: 1px solid #999; padding: 15px;}
.regi_register td {color: black; text-align: left; font-weight: normal;}
.regi_register td .text {background: #fff; text-align:left; border: 1px solid #999; margin: 2px 6px;}
.regi_register td .submit {border: 3px solid #ccc; background-color: #678; color: #eee; padding: 0px; padding: 0 6px 0 6px; margin: 8px 0;}


/* settings form styles */

div.regi_settings {background: #eee; text-align: center; border: 1px solid #999; padding: 15px;}
.regi_settings td {color: black; text-align: left; font-weight: normal;}
.regi_settings td .text {background: #fff; text-align:left; border: 1px solid #999; margin: 2px 6px;}
.regi_settings td .submit {border: 3px solid #ccc; background-color: #678; color: #eee; padding: 0px; padding: 0 6px 0 6px; margin: 8px 0;}


/* login form for horizontal register- and login-area */

div.regi_regloginarea_hor {font-size: 94%; text-align: left;}
div.regi_user_hor {float: left; padding: 0 10px 0 0;}
div.regi_userfield_hor {float: left; margin: 0 16px 0 0;}
div.regi_userfield_hor input {float: left; width: 120px;}
div.regi_password_hor {float: left; margin: 0 8px 0 0;}
div.regi_forgotpw_hor {float: left; margin: 3px 8px 0 0;}
div.regi_passwordfield_hor {float: left; margin: 0 10px 0 0;}
div.regi_passwordfield_hor input {float: left; width: 120px;}
div.regi_loginbutton_hor {float: left; margin: 2px 10px 0 0;}
div.regi_loginbutton_hor input {border: 0;}
div.regi_remember_hor {float: left; text-align: left; line-height: 1.2em; margin: 0 6px 0 0;}
div.regi_remember_hor input {float: left; text-align: left; margin: 3px 8px 0 0;}
div.regi_register_hor {float: left;}
/*
.regi_regloginarea_hor a,.registerlogin a:link,.registerlogin a:visited,
.regi_regloginarea_hor a:active {color: #555555; font-size: 8pt; text-decoration: none; font-weight: normal;}
.regi_regloginarea_hor a:hover { color: white; font-size: 8pt; text-decoration: none;}
 */


/* login form for vertical register- and login-area */

.regi_regloginarea_ver {font-family: arial, sans-serif; font-size: 94%; color: #333; text-align: left;}
div.regi_user_ver {text-align: left;}
div.regi_userfield_ver {clear: both; width: 100%; float: left; width: 98%; margin: 0;}
div.regi_userfield_ver input {float: left; width: 100%; margin: 0;}
div.regi_password_ver {clear: both; width: 120px; float: left; margin: 4px 8px 0 0;}
div.regi_forgotpw_ver {float: right; margin: 2px 0 0 20px; /*border: 1px solid #ccc;*/}
div.regi_passwordfield_ver {clear: both; float: left; width: 98%; margin: 0;}
div.regi_passwordfield_ver input {float: left; width: 100%; margin: 0;}
div.regi_loginbutton_ver {clear: both; float: left; margin: 3px 10px 10px 0;}
div.regi_loginbutton_ver input {border: 0;}
div.regi_remember_ver {clear: both; width: 100%; float: left; text-align: left; line-height: 1em; margin: 4px 0;}
div.regi_remember_ver input {float: left; margin: 2px 6px 6px 0;}
div.regi_register_ver {clear: left; float: left; text-align: right; margin: 2px 0 0 0;}
/*
.regi_regloginarea_ver a,.registerlogin a:link,.registerlogin a:visited,
.regi_regloginarea_ver a:active {color: #555555; font-size: 8pt; text-decoration: none; font-weight: normal;}
.regi_regloginarea_ver a:hover { color: white; font-size: 8pt; text-decoration: none;}
 */

/* loggedin form images */

.regi_forgotpwimage {float: left; border: 0;}

/* loggedin form for horizontal loggedin-area */

div.regi_loggedin_loggedinarea_hor {text-align: left; color: #fff;}
div.regi_loggedin_user_hor {float: left; }
div.regi_loggedin_loggedin_hor {float: left; font-family: arial, sans-serif; font-weight: 600; color: #ccc; padding: 0 15px 0 0;}
div.regi_loggedin_settings_hor {float: left; padding: 0 15px 0 0;}
div.regi_loggedin_logout_hor {float: right;}

/* LINKFORMATIERUNG / LINKS */
div.regi_loggedin_loggedinarea_hor a:link {color: #ccc; text-decoration: none;}
div.regi_loggedin_loggedinarea_hor a:visited {color: #ccc; text-decoration: none;}
div.regi_loggedin_loggedinarea_hor a:hover {color: #fff; text-decoration: underline;}
div.regi_loggedin_loggedinarea_hor a:active {color: #fff; text-decoration: underline;}
div.regi_loggedin_loggedinarea_hor a:focus {color: #fff; text-decoration: underline;}

/*
.regi_loggedin_loggedinarea_hor a,.registerlogin a:link,.registerlogin a:visited,
.regi_loggedin_loggedinarea_hor a:active {color: #555555; font-size: 8pt; text-decoration: none; font-weight: normal;}
.regi_loggedin_loggedinarea_hor a:hover { color: white; font-size: 8pt; text-decoration: none;}
 */


/* loggedin form for vertical loggedin-area */

div.regi_loggedin_loggedinarea_ver {font-family: arial, sans-serif; font-size: 94%; color: #333; text-align: left; margin: 10px auto 0 auto;}
div.regi_loggedin_user_ver {float: left; width: 100%;}
div.regi_loggedin_loggedin_ver {float: left; width: 100%; font-family: arial, sans-serif; font-weight: 600; color: #930; padding: 6px 0;}
div.regi_loggedin_settings_ver {float: left; width: 100%; padding: 0;}
div.regi_loggedin_logout_ver {float: left; width: 100%; padding: 2px 0;}
/*
.regi_loggedin_loggedinarea_ver a,.registerlogin a:link,.registerlogin a:visited,
.regi_loggedin_loggedinarea_ver a:active {color: #555555; font-size: 8pt; text-decoration: none; font-weight: normal;}
.regi_loggedin_loggedinarea_ver a:hover { color: white; font-size: 8pt; text-decoration: none;}
 */

/* loggedin form images */

.regi_settingsimage {float: left; border: 0; margin: 0 8px 0 0;}
.regi_logoutimage {float: left; border: 0; margin: 0 8px 0 0;}


/* error styles */

.regi_error {color: red;}

/* Admin area */

.register_admin_main {margin-bottom: 1em}

#register_toggle_details {margin: 0 0.2em 0 1em}
#register_group_selectbox {margin-left: 1em}

div.register_admin_main table {margin-bottom: 1em}
div.register_admin_main table th {text-align: center; font-weight: bold}
div.register_admin_main table input {width: 20em}
div.register_admin_main table img {width: 16px; height: 16px; cursor: pointer}

div.register_admin_main a img {border: none}

#register_user_table {margin: 1em 0; width:100%}
th.register_sort_asc {background: url("./sort-asc.png") no-repeat right}
th.register_sort_desc {background: url("./sort-desc.png") no-repeat right}
#register_user_table input[type="text"], #register_user_table select, #register_user_table button {width: 95%} /* if necessary, adjust the width to your template */

div.register_status {font-weight: bold}


img.register_plugin_icon {display: block; float: left; margin: 0 20px 0 0}
p.register_license {clear: both; text-align: justify}