html { scroll-behavior: smooth; }

* {
    margin: 0px; padding: 0px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	background-color: #EEEEEE;
	text-align:center;
	font:14px bold Arial, Helvetica, sans-serif;
	margin:25px;
	}
	
div::before,
div::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
}

a, a:visited, a:active {
	color:#000;
	text-decoration:none;
	cursor: pointer;
	}
a:hover { text-decoration: underline; }
	
.main {
	max-width:400px;
	margin:0px auto;
	padding:0px 9px 9px 9px;
	border:1px solid #515151;
	background-color:#515151;
	text-align:left;
	}

.error {
	padding-top:6px;
	text-align:center;
	color:#f00;
}
	
table { width:100%; border-collapse:collapse; }

	/* SUBSCRIBE FORM STYLING */
	#subscribeForm table td, #manage { padding-bottom:10px; }
	#subscribeForm table tr:first-child>td, #manage tr:first-child>td {
		font-variant-caps:small-caps;
		text-align:center;
		color:#eee;
		}
	#subscribeForm table tr:last-child>td { text-align:center; padding:0px; }
	/* END SUBSCRIBE FORM STYLING */

	/* MANAGE SUBSCRIPTION FORM */
	#manage a, #manage a:visited, #manage a:active { color:#fff; }
	#manage td { padding-top:5px; text-align: center; }

	/* LOGIN FORM STYLING */
	#loginForm table tr:first-child>td { padding:10px 0px; }
	#loginForm table tr:last-child>td { position: relative; direction: ltr; }	
	#loginForm #wrapper { margin-right:50px; }
		#loginForm #wrapper input { width:100%; }
	#loginForm #wrapper2 { position:absolute; right:0; top: 0; }
	/* END LOGIN FORM STYLING */

input:focus, textarea:focus { outline:none; }
input, textarea {
	padding:5px;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	border:0px;
	background-color:#fff;
	color:#000;
	}
	#first, #last { width: 50%; float: left; }
	#email { width: 100%; }
	#button { cursor: pointer; }
	#manageEmail { width:100%; }

/* ADMIN : NEW EMAIL FORM */
#newSubject { width:100%; margin:9px 0px 10px 0px; }
#newMessage { width:100%; height:500px; resize: vertical; }
#newSave { float:right; margin:9px 0px 5px 0px; cursor: pointer; padding:3px 5px; }
/* UPLOAD FORM */

#newTable tr:last-child>td { position: relative; direction: ltr; border-top:1px solid #000; }	
	#newTable #wrapper3 { margin-right:50px; }
	input[type=file] { width:100%; background-color:#515151; padding:5px 0px 4px 0px; }
	#newTable #wrapper4 { position:absolute; right:0; top:5px; }
#uploadButton { cursor:pointer; padding:3px 5px; }

/*
#uploadButton:disabled {
	background:#E5E5E5;
	opacity: 0.3;
	cursor:not-allowed;
}
*/

*:disabled {
	background:#E5E5E5;
	opacity: 0.3;
	cursor:not-allowed;
}

/* END UPLOAD FORM */
/* END ADMIN NEW EMAIL FORM */

#output {
	max-width:400px; max-height:400px;
	margin:0px auto; padding:10px;
	border:1px solid #000;
	overflow-y:auto;
	}

.action_sendtest, .action_pencil, .action_view, .action_remove, .action_delete {
	width:16px; height:16px;
	cursor:pointer;
	display:inline-block;
	}
	.action_sendtest { background:url(gfx/ico/sendemail.png) no-repeat center bottom; margin-right:10px; }
	.action_pencil { background:url(gfx/ico/action_pencil.png) no-repeat center bottom; }
	.action_view { background:url(gfx/ico/action_view.png) no-repeat center bottom; }
	.action_remove { background:url(gfx/ico/action_remove_grey.gif) no-repeat center bottom, url(gfx/ico/action_remove.gif) no-repeat 20px 20px; margin-right:10px; }
	.action_delete { background:url(gfx/ico/action_delete_grey.gif) no-repeat center bottom, url(gfx/ico/action_delete.gif) no-repeat 20px 20px; margin-left:10px; }
	.action_remove:hover, .action_delete:hover { background-position:20px 20px, center bottom; }