/* global stuff */

body {
	font-family: Helvetica, Arial, Sans-Serif;
	padding: 20px;
}

#heading {
    font-size: xxx-large;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

#message {
    font-size: large;
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
}

#greeting {
	font-size: x-large;
	padding-left: 20px;
}

#outer {
	display: flex;
	padding-right: 20px;
}

#content {
	width: 100%
}

a {
	text-decoration: none;
	color: #000;
}

#footer {
	padding-right: 20px;
	text-align: right;
	padding-top: 20px;
}

#footer a {
	padding-left: 30px;
}

#hr-top {
	margin-top: 20px;
	margin-bottom: 30px;
}

#hr-bottom {
	margin-top: 30px;
}

/* menu */

.menu-button {
	width: 80px;
}

#menu {
	margin-right: 50px;
	padding-left: 20px;
}

#menu a {
	background-color: #ccc;
	width: 100%;
	display: inline-block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #000;
	margin-bottom: 20px;
}

#menu a:hover {
	background-color: #333;
	color: #ccc;
}

/* spinner */

#overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: pointer;
}

#spinner {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -60px;
	margin-top: -60px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* login */

#login-form td {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
}

#login-form table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

#login-form .input {
	width: 300px;
}

.logout-button {
	margin-right: 20px;
	margin-left: 20px;
	padding: 10px 30px;
}

/* all pages */

.ok {
	background-color: #009900;
	padding: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

.error {
	background-color: #ff8080;
	padding: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

.sub-heading {
	font-size: large;
}

.contact_td, .users_td, .quota_td, .infos_td, .domains_td, .subdomains_td, .databases_td, .ftp_td, .email_td {
	width: 250px;
}

.subdomains_short_td {
	width: 100px;
}

table.confirm td {
	background-color: #faa;
	padding: 10px;
}

/* page: hijack */

#hijack_table td {
	background-color: #ccc;
	width: 160px;
	height: 40px;
	padding-left: 10px;
}

#hijack_table td a {
	border: black solid 1px;
	padding: 3px;
}

#hijack_table td a:hover {
	background-color: #333;
	color: #ccc
}

/* page: authenticate */

.authenticate_newpassword {
	width: 300px;
}

#authenticate_totp a, #authenticate_secret a  {
	background-color: #ccc;
	display: inline-block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	color: #000;
	margin-bottom: 20px;
}

#authenticate_totp a:hover, #authenticate_secret a:hover {
	background-color: #333;
	color: #ccc;
}

/* page: contact */

#contact_email {
	width: 300px;
}

#contact_address {
	width: 300px;
	height: 80px;
}

/* page: info */

#infos_info, #infos_billing {
	width: 600px;
	height: 200px;
}

/* page: users */

#users_info, #users_address, #users_billing {
	width: 300px;
	height: 80px;
}

#users_email, #users_username, #users_password, #users_webserver, #users_mailserver , #users_deleteuser,
#users_reallydeleteuserconfirm {
	width: 300px;
}

/* page: quota */

#quota_database, #quota_ftp, #quota_email, #quota_forwarder, #quota_subdomain, #quota_webspace, #quota_cron {
	width: 50px;
}

/* page: domains */

#domains_domain, #domains_username, #domains_email, #domains_deletedomain, #domains_reallydeletedomainconfirm {
	width: 300px;
}

/* page: subdomains */

.subdomains_delete_left {
	width: 400px;
}

.subdomains_delete_right {
	width: 100px;
}

#subdomains_domain, #subdomains_email, #subdomains_confirm {
	width: 300px;
}

#subdomains_subdomain {
	width: 100px;
}

#subdomains_subform td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
}

#subdomains_subform td a {
	border: black solid 1px;
	padding: 3px;
}

#subdomains_subform td a:hover {
	background-color: #333;
	color: #ccc
}

/* page: databases */

.databases_delete_left {
	width: 400px;
}

.databases_delete_left2 {
	width: 150px;
}

.databases_delete_mid {
	width: 150px;
}

.databases_delete_right {
	width: 100px;
}

#databases_database, #databases_password, #databases_confirm {
	width: 300px;
}

#databases_delform td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
}

#databases_delform td a {
	border: black solid 1px;
	padding: 3px;
}

#databases_delform td a:hover {
	background-color: #333;
	color: #ccc
}

#databases_access td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#databases_access td.databases_access_left {
	width: 100px;
}

/* ftp */

#ftp_confirm {
	width: 300px;
}

#ftp_user, #ftp_path, #ftp_password {
	width: 300px;
}

#ftp_delform td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#ftp_delform td a {
	border: black solid 1px;
	padding: 3px;
}

#ftp_delform td a:hover {
	background-color: #333;
	color: #ccc
}

#ftp_access td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#ftp_access td.ftp_access_left {
	width: 100px;
}


.ftp_delete_left {
	width: 200px;
}

/* email */



#email_access td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#email_access td.email_access_left {
	width: 200px;
}

.email_pb_delete_left {
	width: 300px;
}

#email_postboxes td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#email_postboxes td a {
	border: black solid 1px;
	padding: 3px;
}

#email_postboxes td a:hover {
	background-color: #333;
	color: #ccc
}

#email_forwarder td {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#email_forwarder td a {
	border: black solid 1px;
	padding: 3px;
}

#email_forwarder td a:hover {
	background-color: #333;
	color: #ccc
}

#email_access td a {
	border: black solid 1px;
	padding: 3px;
}

#email_access td a:hover {
	background-color: #333;
	color: #ccc
}
#email_reallydeletefwdconfirm {
	width: 300px;
}

#email_fwdtarget {
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
}

/* userquota */

.userquota th {
	text-align: left;
	padding-top: 20px;
}

.userquota td {
	padding: 5px 25px;
}

/* basicauth */


.basicauth_list_domain {
	width: 220px;
}

.basicauth_list_path {
	width: 300px;
}

.basicauth_list_user {
	width: 150px;
}

.basicauth_list_right1 {
	width: 140px;
}

.basicauth_list_right2 {
	width: 70px;
}

#basicauth_domain, #basicauth_path, #basicauth_user, #basicauth_password {
	width: 300px;
}

#basicauth_listing td, #basicauth_listing th {
	background-color: #ccc;
	height: 40px;
	padding-left: 10px;
}

#basicauth_listing td a {
	border: black solid 1px;
	padding: 3px;
}

#basicauth_listing td a:hover {
	background-color: #333;
	color: #ccc
}

#basicauth_deleteform .left {
	width: 400px;
}

#basicauth_deleteform .right {
	width: 250px;
}

#basicauth_deleteform #basicauth_reallydeleteuserconfirm {
	width: 230px;
}

#basicauth_chpasswdform #basicauth_chpasswdpasswd {
	width: 220px;
}