/**
 * Evolution 2.0 - Login & Registration Styles
 * Modern Space Theme
 * 
 * @package SteemNova
 * @version 2.0.0
 */

/* ========================================
   VARIABLES (Login Specific)
   ======================================== */
:root {
	--login-container-width: 480px;
	--login-container-width-lg: 600px;
	--login-header-height: 80px;
}

/* ========================================
   BASE RESET & LAYOUT
   ======================================== */
* {
	box-sizing: border-box;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	min-height: 100vh;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background: url(../../images/login/background.jpg) no-repeat fixed center center #0B0D1E;
	background-size: cover;
	color: #E8ECFF;
	font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

#page {
	min-height: 100vh;
	position: relative;
	padding-bottom: 100px;
}

/* Space Background Effect */
body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(ellipse at top, rgba(74, 158, 255, 0.1) 0%, transparent 60%),
	            radial-gradient(ellipse at bottom, rgba(157, 78, 221, 0.1) 0%, transparent 60%);
	pointer-events: none;
	z-index: 0;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1rem 0;
	font-weight: 600;
	line-height: 1.25;
	color: #E8ECFF;
}

h1 {
	font-size: 2.5rem;
	font-weight: 700;
	background: linear-gradient(135deg, #4A9EFF 0%, #C77DFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	margin-bottom: 0.5rem;
	text-align: center;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.5rem;
}

p {
	margin: 0 0 1rem 0;
	line-height: 1.6;
}

.desc {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 1rem auto;
	color: #E8ECFF;
	font-size: 1.125rem;
	line-height: 1.7;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7), 0 0 20px rgba(11, 13, 30, 0.8);
}

a {
	color: #6BB2FF;
	text-decoration: none;
	transition: all 0.2s ease;
	cursor: pointer;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

a:hover {
	color: #8FC7FF;
	text-decoration: underline;
	text-shadow: 0 2px 8px rgba(74, 158, 255, 0.5);
}

a:active {
	color: #2E7BD4;
}

/* Override link styles for buttons */
a.btn-register,
a.btn-register:visited {
	color: #E8ECFF;
	text-decoration: none;
	text-shadow: none;
}

a.btn-register:hover {
	color: #E8ECFF;
	text-decoration: none;
	text-shadow: none;
}

a.btn-register:active {
	color: #E8ECFF;
}

/* ========================================
   BUTTONS
   ======================================== */
button,
input[type="submit"],
input[type="button"],
.btn,
a.btn-register {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	border: 1px solid rgba(74, 158, 255, 0.3);
	border-radius: 0.5rem;
	background: linear-gradient(135deg, #4A9EFF 0%, #7B2CBF 100%);
	color: #E8ECFF;
	cursor: pointer;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 0 20px rgba(74, 158, 255, 0.5);
	-webkit-user-select: none;
	user-select: none;
	text-decoration: none;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
a.btn-register:hover {
	background: linear-gradient(135deg, #6BB2FF 0%, #9D4EDD 100%);
	border-color: #6BB2FF;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5), 0 0 30px rgba(74, 158, 255, 0.8), 0 0 60px rgba(157, 78, 221, 0.4);
	transform: translateY(-2px);
	text-decoration: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
.btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(74, 158, 255, 0.5);
}

button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
.btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

input[type="submit"],
a.btn-register {
	width: 100%;
	margin: 1rem auto 0;
}

/* ========================================
   FORM INPUTS
   ======================================== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
select,
textarea {
	display: block;
	width: 100%;
	padding: 0.75rem 1rem;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	color: #E8ECFF;
	background: rgba(20, 25, 45, 0.90);
	border: 1px solid rgba(74, 158, 255, 0.15);
	border-radius: 0.5rem;
	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: #4A9EFF;
	background: rgba(30, 35, 60, 0.85);
	box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.4);
}

input::placeholder,
textarea::placeholder {
	color: #6B7599;
	opacity: 1;
}

input:disabled,
select:disabled,
textarea:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	background: rgba(15, 18, 35, 0.95);
}

/* Select custom styling */
select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234A9EFF' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 12px;
	padding-right: 3rem;
	cursor: pointer;
}

option {
	background: #1A1D35;
	color: #E8ECFF;
	padding: 0.5rem;
}

/* ========================================
   TABLES
   ======================================== */
table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: rgba(15, 18, 35, 0.95);
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

table, tr, td, th {
	border: none;
	margin: 0;
	padding: 0;
}

th {
	padding: 1rem 1.5rem;
	background: linear-gradient(135deg, #0B0D1E 0%, #1A1D35 50%, #0B0D1E 100%);
	color: #E8ECFF;
	font-weight: 600;
	text-align: left;
	border-bottom: 2px solid #4A9EFF;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

td {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid rgba(74, 158, 255, 0.08);
	color: #E8ECFF;
	transition: background 0.15s ease;
}

tr:hover td {
	background: rgba(40, 45, 75, 0.90);
}

tr:last-child td {
	border-bottom: none;
}

tbody tr:nth-child(even) td {
	background: rgba(11, 13, 30, 0.3);
}

tbody tr:nth-child(even):hover td {
	background: rgba(40, 45, 75, 0.90);
}

/* ========================================
   IMAGES
   ======================================== */
img {
	border: 0;
	max-width: 100%;
	height: auto;
	display: block;
}

/* ========================================
   FOOTER & SMALL TEXT
   ======================================== */
footer,
.small {
	font-size: 0.875rem;
	font-weight: 400;
	color: #A8B2D1;
	display: block;
}

footer {
	margin-top: 2rem;
	padding: 2rem 1rem;
	text-align: center;
}

footer a {
	color: #4A9EFF;
}

footer .small {
	font-size: 0.75rem;
	color: #6B7599;
	margin-top: 0.5rem;
	display: block;
	text-align: center;
}

/* ========================================
   UTILITY CLASSES
   ======================================== */
.clear {
	clear: both;
}

.error {
	border: 1px solid #FF3366 !important;
	background: rgba(255, 51, 102, 0.1) !important;
}

/* ========================================
   HEADER & NAVIGATION
   ======================================== */
header {
	display: block;
	padding: 0.75rem 0;
	background: linear-gradient(180deg, rgba(11, 13, 30, 0.95) 0%, rgba(20, 25, 45, 0.90) 100%);
	border-bottom: 1px solid rgba(74, 158, 255, 0.15);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	position: sticky;
	top: 0;
	z-index: 100;
}

header nav {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

ul#language,
#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 0.25rem;
}

ul#language {
	float: none;
}

#menu {
	float: none;
}

#menu li {
	padding: 0;
}

#language li {
	padding: 0;
}

#menu a {
	color: #A8B2D1;
	display: block;
	font-weight: 500;
	font-size: 0.8125rem;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	padding: 0.5rem 0.75rem;
	border-radius: 0.375rem;
	transition: all 0.2s ease;
}

#menu a:hover {
	color: #E8ECFF;
	background: rgba(74, 158, 255, 0.1);
}

ul#rules {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ========================================
   MAIN CONTENT CONTAINER
   ======================================== */
#content {
	margin: 2rem auto;
	max-width: 1200px;
	padding: 0;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

#content > section {
	width: 100%;
	max-width: 900px;
	text-align: center;
	padding: 0 1rem;
}

#content > section p {
	text-align: center;
}

#content > section:first-child {
	background: linear-gradient(135deg, rgba(11, 13, 30, 0.7) 0%, rgba(20, 25, 45, 0.6) 100%);
	padding: 2rem 1.5rem;
	border-radius: 1rem;
	border: 1px solid rgba(74, 158, 255, 0.1);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

#desc_list {
	margin: 1.5rem auto 0 auto;
	list-style: none;
	font-weight: 600;
	padding-left: 0;
	color: #D4DCEF;
	text-align: center;
	display: block;
	max-width: 100%;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8), 0 0 15px rgba(11, 13, 30, 0.9);
}

#desc_list li {
	margin-bottom: 0.5rem;
	padding-left: 0;
	position: relative;
}

#desc_list li::before {
	content: '';
	display: none;
}

.gallery > img {
	max-width: 400px;
	display: block;
	padding: 0 1rem;
	margin: 0 auto;
	border-radius: 0.75rem;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery > img:hover {
	transform: scale(1.05);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6), 0 0 30px rgba(74, 158, 255, 0.3);
}

/* ========================================
   LOGIN BOX
   ======================================== */
.contentbox {
	width: 100%;
	max-width: 480px;
	margin: 2rem auto;
	background: linear-gradient(135deg, rgba(15, 18, 35, 0.95) 0%, rgba(20, 25, 45, 0.90) 100%);
	padding: 2rem;
	border-radius: 1rem;
	border: 1px solid rgba(74, 158, 255, 0.15);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6), 0 0 40px rgba(74, 158, 255, 0.2);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	position: relative;
	overflow: hidden;
}

.contentbox::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #4A9EFF 0%, #9D4EDD 50%, #4A9EFF 100%);
	background-size: 200% 100%;
	animation: gradient-shift 3s ease infinite;
}

@keyframes gradient-shift {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}

.contentbox h1 {
	font-size: 1.5rem;
	margin: 0 0 1.5rem 0;
	font-weight: 700;
	color: #E8ECFF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contentbox label {
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 0.875rem;
	margin: 0 0 0.5rem 0;
	color: #A8B2D1;
	text-align: left;
}

.contentbox input,
.contentbox select {
	margin-bottom: 1rem;
}

.contentbox input[type="text"],
.contentbox input[type="password"],
.contentbox input[type="email"] {
	width: 100%;
	padding: 0.75rem 1rem;
}

.contentbox select {
	width: 100%;
	padding: 0.75rem 1rem;
}

#login + .fb_login {
	margin: 1rem 0 0 0;
	display: block;
}

/* ========================================
   BUTTONS & BUTTON BOX
   ======================================== */
.button-box {
	display: flex;
	gap: 1rem;
	margin: 1.5rem 0;
	flex-wrap: wrap;
}

.button-box a {
	flex: 1;
	min-width: 140px;
	text-align: center;
	text-decoration: none;
}

.button-box a:hover {
	text-decoration: none;
}

/* ========================================
   LANGUAGE FLAGS
   ======================================== */
#language a {
	display: block;
	width: 24px;
	height: 18px;
	border-radius: 0.25rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#language a:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 8px rgba(74, 158, 255, 0.3);
}

/* ========================================
   FOOTER
   ======================================== */
footer {
	background: linear-gradient(180deg, rgba(20, 25, 45, 0.90) 0%, rgba(11, 13, 30, 0.95) 100%);
	border-top: 1px solid rgba(74, 158, 255, 0.15);
	padding: 1rem;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	position: fixed;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100%;
	z-index: 100;
	margin: 0 !important;
	transform: translateZ(0);
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.5rem;
}

footer li {
	display: inline-block;
}

footer a {
	color: #6B7599;
	font-size: 0.875rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

footer a:hover {
	color: #4A9EFF;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

/* Tablets y pantallas medianas */
@media screen and (max-width: 1024px) {
	#content {
		margin: 1.75rem auto;
		padding: 0 1.5rem;
	}
	
	.contentbox {
		max-width: 520px;
	}
	
	#registerForm {
		max-width: 100%;
	}
}

/* Tablets pequeñas y móviles grandes */
@media screen and (max-width: 768px) {
	header {
		padding: 0.5rem 0;
	}
	
	header nav {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.75rem;
		padding: 0 0.75rem;
	}
	
	#menu {
		order: 2;
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	ul#language {
		order: 1;
	}
	
	#menu a {
		padding: 0.375rem 0.5rem;
		font-size: 0.75rem;
	}
	
	#content {
		margin: 1.5rem auto;
		gap: 1.5rem;
	}
	
	#content > section {
		max-width: 100%;
		padding: 0 1rem;
	}
	
	h1 {
		font-size: 1.75rem;
	}
	
	.desc {
		font-size: 0.9375rem;
	}
	
	.contentbox {
		padding: 1.5rem 1.25rem;
		margin: 1rem auto;
		max-width: 100%;
		border-radius: 0.75rem;
	}
	
	.contentbox h1 {
		font-size: 1.375rem;
	}
	
	.button-box {
		flex-direction: column;
		gap: 0.75rem;
	}
	
	.button-box a {
		min-width: 100%;
	}
	
	.gallery > img {
		max-width: 100%;
		padding: 0 0.5rem;
	}
	
	table {
		font-size: 0.875rem;
	}
	
	table th,
	table td {
		padding: 0.5rem 0.375rem;
	}
	
	.content-wrapper {
		padding: 1.5rem 1.25rem;
	}
	
	#registerForm {
		margin: 0;
	}
	
	.rowForm input[type="text"],
	.rowForm input[type="password"],
	.rowForm input[type="email"],
	.rowForm select {
		padding: 0.75rem;
		font-size: 0.875rem;
	}
}

@media screen and (max-width: 480px) {
	body {
		font-size: 14px;
	}
	
	#page {
		padding-bottom: 70px;
	}
	
	header {
		padding: 0.5rem 0;
	}
	
	header nav {
		padding: 0 0.5rem;
	}
	
	#menu li {
		padding: 0;
	}
	
	#menu a {
		padding: 0.375rem 0.375rem;
		font-size: 0.6875rem;
	}
	
	#language a {
		width: 20px;
		height: 16px;
	}
	
	#content {
		margin: 1rem auto;
		gap: 1rem;
	}
	
	#content > section {
		padding: 0 0.75rem;
	}
	
	h1 {
		font-size: 1.5rem;
	}
	
	.contentbox {
		border-radius: 0.75rem;
		padding: 1.25rem 1rem;
		margin: 0.75rem auto;
	}
	
	.contentbox h1 {
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}
	
	.contentbox label {
		font-size: 0.8125rem;
		margin-bottom: 0.375rem;
	}
	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		padding: 0.75rem;
		font-size: 0.9375rem;
		margin-bottom: 0.75rem;
	}
	
	.btn {
		padding: 0.75rem 1rem;
		font-size: 0.9375rem;
		width: 100%;
	}
	
	.button-box {
		margin: 1rem 0;
	}
	
	footer {
		padding: 0.75rem 0.5rem;
	}
	
	footer ul {
		gap: 0.5rem;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	footer a {
		font-size: 0.75rem;
	}
	
	footer .small {
		font-size: 0.625rem;
	}
	
	#desc_list {
		font-size: 0.875rem;
		margin-top: 1rem;
	}
	
	#desc_list li {
		margin-bottom: 0.375rem;
	}
	
	.desc {
		font-size: 0.875rem;
	}
	
	.content-wrapper {
		padding: 1.25rem 1rem;
	}
	
	#registerForm {
		margin: 0;
		max-width: 100%;
	}
	
	.rowForm {
		margin-bottom: 1rem;
	}
	
	.rowForm input[type="text"],
	.rowForm input[type="password"],
	.rowForm input[type="email"],
	.rowForm select {
		width: 100%;
		box-sizing: border-box;
	}
	
	.rowForm .inputDesc {
		font-size: 0.6875rem;
	}
}

/* ========================================
   REGISTER FORM
   ======================================== */
#registerFormWrapper {
	max-width: 600px;
	margin: 0 auto;
}

#registerForm {
	/* El glassmorphism viene de .content-wrapper padre */
	background: transparent;
	padding: 0;
	border: none;
	box-shadow: none;
}

.rowForm {
	margin-bottom: 1.5rem;
}

.rowForm label {
	display: block;
	font-weight: 500;
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
	color: #A8B2D1;
}

.rowForm input[type="text"],
.rowForm input[type="password"],
.rowForm input[type="email"],
.rowForm select {
	width: 100%;
	margin-bottom: 0.25rem;
	box-sizing: border-box;
	max-width: 100%;
}

.rowForm input[type="checkbox"] {
	width: auto;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.rowForm .inputDesc {
	display: block;
	font-size: 0.75rem;
	color: #6B7599;
	margin-top: 0.25rem;
	line-height: 1.4;
}

.rowForm .error {
	display: block;
	color: #FF3366;
	font-size: 0.75rem;
	margin-top: 0.25rem;
}

.rowForm .text {
	color: #E8ECFF;
	font-weight: 500;
}

.rowForm .fbname {
	background: #1877F2;
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	display: inline-block;
}

/* ========================================
   NEWS & CONTENT PAGES
   ======================================== */
.news-item {
	margin-bottom: 2rem;
}

.news-item h2 {
	color: #E8ECFF;
	margin-bottom: 0.5rem;
	font-size: 1.25rem;
}

.news-meta {
	color: #6B7599;
	margin-bottom: 1rem;
}

.news-content {
	color: #A8B2D1;
	line-height: 1.6;
}

.news-content p {
	margin-bottom: 1rem;
}

hr.separator {
	border: none;
	border-top: 1px solid rgba(74, 158, 255, 0.15);
	margin: 2rem 0;
}

.rules-content {
	color: #A8B2D1;
	line-height: 1.6;
}

.rules-content h2,
.rules-content h3 {
	color: #E8ECFF;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.rules-content ul,
.rules-content ol {
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

.rules-content li {
	margin-bottom: 0.5rem;
}

/* ========================================
   MAIN CONTENT WRAPPER
   ======================================== */
.main-content {
	max-width: 1200px;
	margin: 3rem auto;
	padding: 0 1rem;
}

.content-wrapper {
	background: linear-gradient(135deg, rgba(15, 18, 35, 0.95) 0%, rgba(20, 25, 45, 0.90) 100%);
	padding: 2.5rem;
	border-radius: 1rem;
	border: 1px solid rgba(74, 158, 255, 0.15);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6), 0 0 40px rgba(74, 158, 255, 0.2);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.content-wrapper > h1 {
	font-size: 1.75rem;
	margin-bottom: 1.5rem;
	color: #E8ECFF;
	text-align: center;
	background: linear-gradient(135deg, #4A9EFF 0%, #9D4EDD 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* ========================================
   ALERTS
   ======================================== */
.alert {
	padding: 1rem 1.25rem;
	border-radius: 0.5rem;
	margin-bottom: 1rem;
	border-left: 4px solid;
}

.alert-info {
	background: rgba(74, 158, 255, 0.1);
	border-color: #4A9EFF;
	color: #A8B2D1;
}

.alert-success {
	background: rgba(52, 211, 153, 0.1);
	border-color: #34D399;
	color: #A8B2D1;
}

.alert-warning {
	background: rgba(251, 191, 36, 0.1);
	border-color: #FBBF24;
	color: #A8B2D1;
}

.alert-error {
	background: rgba(255, 51, 102, 0.1);
	border-color: #FF3366;
	color: #A8B2D1;
}

.alert p {
	margin-bottom: 0.5rem;
	line-height: 1.5;
}

.alert p:last-child {
	margin-bottom: 0;
}

/* ========================================
   ACCESSIBILITY
   ======================================== */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Focus visible for keyboard navigation */
*:focus-visible {
	outline: 2px solid #4A9EFF;
	outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.contentbox {
		border-width: 2px;
	}
	
	.btn {
		border-width: 2px;
	}
}

.multi .button-center {
	width: 146px;
}

.button-left, .button-right{
	width:10px;
}
.button-important:hover .button-left, .button:hover .button-left {
	background-position:left bottom !important
}

.button-important:hover .button-center, .button:hover .button-center {
	background-position:center bottom !important
}

.button-important:hover .button-right, .button:hover .button-right {
	background-position:right bottom !important
}
.button-important .button-left {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAlCAYAAACUChNgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZtJREFUeNqUkzFKBDEYhZOdzCQzk9ldRSwUhV0LRbDRQsXGSsED6AEEwQsJ3sBr2NrZiiiIjbqusO7O7kz+/DFTCDZOMj8EUny8vCTv0TRNrwghl0udNnENPdvdxr3eCvEZtt9f1cRzGKXUHyZNYKsM/nCrpQ2igbIkqKtDjPkXtqCafA1xbJeazYz5nyVMKwWjwUANX1+gmOam1oY9GtRsqop8AnWqf1+jWs6LspaFqxehPjCPQhPzCBPB0Wkj4dxIIYhKEuOErXJgVYMiFoy44JBSGQWMxxHXTvj24WluJwlKYb27YGrDf32wvHix1EJ3+KtLSSnP7f7ECf/WqjffdStfHu7ro/W+8Yro8cZaozw3glWDWjWAbUTBoDa2BAQB6sNvfw3yzwHkgw+tpnlt8hiUhZq8vxXD58eyHH9jfa0AsJyMofgegTNIUchMVQDBI2eQWMxFIOOEaZmhE5axCDFLkXXb1AlncRwGWUZEtxv4KHMmUyY6be3hOeJMCIQ0dXu+ubvnZ6sLSBnzq9Xp5trFVsaJC/4RYACGjtNHmtgJSgAAAABJRU5ErkJggg==") no-repeat scroll left top transparent;
}
.button-important .button-center {
    color: #FFFFFF;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAlCAYAAAByI9gkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNq81D0KwkAQhuFs2CSbrEnWn0bF0s7aUqw9itfwMjbexFYI+IdgI2JhkUSSmOgZXsGFLR9mdpn5xHjQbyxw5HI2ZVAI8f4vtH6oWCFY5FmJ4O10fCF4v5xzBJu6Zm/8XgYFhYHyagSjIGCzqn0lEfRdzyCoXKeD4PaZhwQKrfUGwcloyH51tZj/OQGEbVcUlrBVCIssLVgCJLsUwcc+SWl0sH1UnssmJ26FbB+7JvIQ7BmjEGzHUcDCSmsfQUdK1ur6cHUI/AgwAMh2OgKelDaZAAAAAElFTkSuQmCC") repeat-x scroll center top transparent;
}
.button-important .button-right {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAlCAYAAACZFGMnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAm5JREFUeNqUlL1rFEEUwGfeezOzs7v3nahRQkAQJAgiiGAjsbXyT7Cwsjb+A5aCjbWtjSgI9hZptJEQDB5oPFQkaDyVeB/r3e6ObzcWVjt7C7Oww/vNezvzfiPPnFxxosbzfTwWszS7NxqN7tCtK5dqQQyIZztvN+M4FiClzOoMoyi7fn49VQibVEyImg+D4vRSF0gsAJUgERaZ0kUgTqJoNp3MqyIkgCCtBSDKf5OOvn7YSyoQgUrLuNOBuNsDVKqYzung42BaVQ0xNE9WkIyhqNNFV2RyeV75T/M/iZj+PszT2YzD3VF5/PJuBC+c84CyXiEdyRoQx2BxngAgy0xhYHIfZI2Wgda5UcoVHDXD0Nt7lmMiGzirtUMAR/xBPigIDAZaIWdCrhXIatP295wGDUjcPvhzNNHEK3R9kFYkCSS8ej+gwcHwqbxxds37T6SN+CZJvNj7JHLnNmQURU9qtuoWjwdsbibPrZ6qZe7+4UgkaXqk+91rG7V8YkA8fLl9eyHdrVLZzcsX5hqRdQeoLSEfrlg/sYwFNF9EXKsVH4BcDHKFhLPJeFYVVGiOXJaE/3Q/6O+Oq3QnE0jb7WF07DgV6peZhu/648puMAG0VtdIWWvC3jKVEhZWVuo+neTTH0ORJgk556AsLzDa+RsWc0XoFJErS27FDa9PJowwNAFaY5B4Y6jXbhpvplYDG5FVfDVwQgBaarcDrxqNJsRhqAxbrhCBOq1m6IMwasggtKS4PL6RgJpRZH0QRKFkAEgruf/rEIl3xFsed4Ugvrueb7+Bnc9fHsv7Vy96txxY936SiUevd0WW5xt/BRgA7OXVRg0V1FEAAAAASUVORK5CYII=") no-repeat scroll right top transparent;
}
.button .button-left {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAlCAYAAACUChNgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZRJREFUeNq0k7tKxFAQhs9lzkmyiQsKgoi6jaKFWmihYmEp2Fj6AILgCwk+i09gYSdYiaCgyHrfdZPNuTnZysZMtnBgOCm+M/mZ8/88TdMzxthpe2qGUcU39w79wvIGa1LQWdlwrGEB5/zfYGYbw4IL54MPZWmZ854FrD9hBM37R9+/ffZ8XpR1LANjnO2+fZqHx64dFEWolYG/tnkxNN95Yeum/t5G1ZbeBoJ4wTaCAURQSnqNTcrQACFSwGKtAgnjZKkVyKi6RcEssExwhsOlI+G7m6tJmc2WSgpSBkfzn0/PLZ84SFkTuDqPsQ/I1WGPYjU5PUvHanf/yC2ubYdGFl1a37HjJGUM8wtuxoCFGSuDDoNlras+6s2P72Bf33tVWtwgH9Y6D8rSmOeXj+Ht/VPZ+8597eRKQ3+Q269+TsdKSAgSdAClaT8rHcsoTiBpZb4BnKg4yXwrG3I6VjHCaZulE1YSLMI6iZIkhTSzjoRBRxHq8HHLehK+vryIss6Wr7ZCwaNYza/unYgJND8B/wgwAKHg2cRrMmhLAAAAAElFTkSuQmCC") no-repeat scroll left top transparent;
}
.button .button-center {
    color: #FFD700;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAlCAYAAAByI9gkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNq81D0KwjAYxvEmTdKPtFrcBAVBvIO7k7uzB/Bu3sIrOFgQrSg6iFtttdrqGf5DAxl/8CY87yP6w3HjgKOm8yWDQjhfCEXr0Pkg+CxeFYL77FoieDzfCgTrumFv/N+WodFujaBvNMuqZ5RCUCs3YdCVPQSLRxYTKKy1awQHown71dli1X4DsMhJKSoIZQWro3wjuE1POYK7wyWn1cH2UWnDkhOEEdvHMOp6CNo48RmMOiErq9AGLHKuYqPe040m8CfAAHF1OauKsMTtAAAAAElFTkSuQmCC") repeat-x scroll center top transparent;
}
.button .button-right {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAlCAYAAACZFGMnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmBJREFUeNqUlDtvFDEQgGfssb2vkOMCESjhJUQTWooUFJEiIVEiUVNRURP+BCU/A4GoEQ1KRREhgQAdDxHCK7yiI/fau721GW/Sst7zysXu3beenZlv8OSp8w4arMH+HpTTyd1+v3+HVq/eaAQxAK+fPd7IsgwEIpRNNildXly9MpWSNggRS2i4SBlonzgjZoIOQC0ZginMthQNR+Pif79yFCiEAK0IpBBYPQNw9OHT97wG8gC2W3PCb0XkH1va/rI7qotFK4WjfCw10+35TII/yVpX+035eAK9/tAWkwJcVVHn/HnBRFjn+N3O15QvbAbxkr40wifDcXhaSRvOsUSSwvJ2nEygSKtg7/n/GE2OYYc+PL6hEMTRSAYkn8TZc4L4phVsnYPK8sudHPT+alJStINQxTix3XlBez+/PcTllcvhbzIalMvh8/uXXCW7hmmaPmjYqJu877G5JS6fvdDI3F73N0yLQ93Xr99q5BMDsPX00e1D3bFsspU25aW1a4UkVeneWEIGYXHpnPTZLGbSVkeKIVHMqLtl3fNJbXtzKMrrLg90ryR89XZnUKc7FxYXjs7JxYUWefWZsdT5+HVQ3+FanF46TrHR5lh7nimsdK/1aZiP7Z9uD/JJQY7trXTn4RfsCCHIopBOysonoDjJgj5FccrTKJKkjWQYKcnmTQiK00QqkyhfIyGkoHSuFYWhWJg4ZSgmwf1AaXYkCUFJalCbmIhD9IOaoiSNQ5CJDSoT8WzQuN/9Jf1xwfDQzxMU+Ob5ptjdeXcfV9ZvBlPOEwvE6Ad0tp5wP9i1fwIMAMus2O1XKTn9AAAAAElFTkSuQmCC") no-repeat scroll right top transparent;
}

.button-multi .button-center {
	width:167px;
}
.multi{
	display:block;
	width: 166px;
	float: left;
}

/** OUT BOX **/

.box-out {
	width: 99%;
	margin: 0 auto;
}

.box-out-header-left, .box-out-header-right, .box-out-content-left, .box-out-content-right, .box-out-footer-left, .box-out-footer-right {
	width: 17px;
}

.box-out-header {
	height: 27px;
}

.box-out-footer {
	height: 19px;
}

.box-out-header-left {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAbCAYAAACa9mScAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcZJREFUeNqsld1KwzAUx0+6TEXxQvATxDuvVPANvPIBFHwX38BH8TG8l8Gu9ELxQjYEXXVb18V8x6ZpS+22LuIO/Ns0nPx6/kmaImMM/DcCWEDgasftfbcuH01rY48XVQdOCHsCUGY9v5dVC6kCGtkdZ+1cgU8lOQCX1CzDcM3gaYClTM0y6C+V2MHLVqdb6BJJeq4EO/kmZBfP2UPlSuybl47XxzcH2/tXQRAAYwziOAZfO6n29PvFxvrOVbvdhlarBZRSUEqBj50UhpRo0mF4fff8CJ1OB6JRTFWwMggQwtgDkIp0Hw6j/tumLX8YsyFB2y9JtzZ6+o5FlV1qQytO1+zHOhgRMuCrTwa4+3KTPp9tr9NUrbX1H0ayw7jWxgXYC/YAWKmkFjUmjPUj/gWW4YpImmomxJRkIRIhI3v9uEe/iU4TXDGg51SSA9xEGa3Cz2goGDM6t6IcaB6kACkh1Ec4iCiT2p2GSRWZLTxjcHlOkLNvwnhMRNmKW5z5q1MAdWP5lTNaPBdnc9IIPOykljaOziIhOOSSgptUUkDd6qBqNXbQRKLHxP46Y5PJhQk7ngd1kS0k9/tl1IWScgEQNR3yI8AANZkrDg0M7IcAAAAASUVORK5CYII=") no-repeat scroll left top transparent;
}

.box-out-header-center {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAbCAYAAABMU775AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHdJREFUeNrU07sNgDAMRdEAoQAxQBrmzy5UbAAFJR0Q8jOBGW6HJZdHz5LtqpSiSNUKlrbT1iD4dUthR2H/EzjGdUbQGAP3aC2Dh1c7gqcMC4L+dg+D3gmDF02ko8YQ0SfrlAKDkhM7gPwfKIkmCk3MGUJh8BVgAAGRP6MFcizoAAAAAElFTkSuQmCC") repeat-x scroll left top transparent;
}

.box-out-header-right {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAbCAYAAACeA7ShAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkNJREFUeNqsld1u0zAUx4/tMKXZWGEraEJj2m64Q9rFBC+wuz0Bl1zwLrwGV32SCoSEhGBCk3oBEkijtGm6dmk+/IWdOJOTpUkvavXUdhL/9D8+59hISgmbahg22Jz+5z9E9VV5csW41N68OizDlD2wFtmmm1CGrHnjnmiYa30orL5qsgKuhXmWmmIht4wZiGhTWAcrANqoATHL7UZl2xVQAUtNtFElGGiVOud5+uurHlBKwfen8+BmfinJ1kfv+PQD8bo3laCISoBKDQ2Hw+wF5xyKBB4MBhDFyfftk9O3bu9opB7FRmlqqRf3UqPf7+dUhIAQAp1OBzzPA4zg5Wz45f1B7+id2Q4NIEYd1EUWL2KYLBJlsZzMlvzveDr3gyDIVAqWnvtXn15Ye2fb/QCEYucn0rLUe2Q+oSGduy470UrDyfXrfYDLtWBxFAnNwhhnNP1TGzPZCVn38cOtPZ6mvbbMv4NF0ZJrUAHMVQJc+/j3ftfdUzOnKYJlZWEoFASQAmFMENYoNU4TtFzGuwuHkCL/RGttxnHupoYRo1CPlcE4uJ0+e7orTBKL1gpI40QaF4EhJBVRA6X+H41nweHBI7syGpPWoTSRkKvJcg0z0yt/R//oLULH4drKOKOQZwbKeqHVaTf1onz8w6iqO+/KMMZoUQF6cRFMWeydkOhbxb3VyixYfhKYQd4h+eTs4qrmHGtWVgJaE6sWW+8Gh1NaPkbuGI0qVijjtNZ/Cwrr3FQmmqytSta+pR3O2cYu4f8CDADkMCBp0stnlwAAAABJRU5ErkJggg==") no-repeat scroll right top transparent;
}

.box-out-content-left {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAbCAYAAACa9mScAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNpi/P//PwOxQEZBaz82cSYGKoBRQ0YNGTVk1JBRQ4aZIX+oYcjPwR0mAAEGAB/9Bk3QqG4rAAAAAElFTkSuQmCC") repeat-y scroll left top transparent;
}

.box-out-content-center {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAbCAYAAABMU775AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACNJREFUeNpilJbX3M9ABmBiIBOMahzVOKpxVOOoxkGiESDAAHRTAVhMO+9IAAAAAElFTkSuQmCC") repeat scroll right top transparent;
}

.box-out-content-right {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAbCAYAAACeA7ShAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpilJbX3M+ABzx5cM2RgUjAxEBFMGrYqGGjho0aNmrYqGFDz7Cf1DTsz4B5EyDAAB1SBihbIfykAAAAAElFTkSuQmCC") repeat-y scroll right top transparent;
}

.box-out-footer-left {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcBJREFUeNqsk09LAkEYxuf/bEnh6qHC0swQoyCoSwRdorwInfo0faC6dZWOXToEdRKCaoks0YisDLJ13ZlmzJVtLV2id3mY2VneZ3477ztQSgn8cXB6D9UQFNqYoWub2zt7btsxhBBACp2pHjVH4PfoJCthrcsriyWnp8YRJhATLQwRQkp4qEnPqGnbODmTiBJlQAiFhFKEKe0YohAGWuSl8UbmM6kJyjnSIsyAnBmIqfkgEs9M/w5qftg4v7VpxmPmiE7kBseUKxNjBIcx6RipU0SJRAKsLi8kKeWIaQpDkxiI/JAou/pmJCFuWZYFsplU/PG58WrdVp++vklAhpD0DI3JzPX5+bEoFApIFXdudnrSrDzUn1uOsEkIg47oWLx5c1e7KBaLi+l0GuRyOVOtm5FIRGH2N5v/QPUmVIlpmNZbPVo7OzqEQGYZY4BzDjAe3CfaXSi5Sm0lh43FGhMr+V3bBftP9fp7pVIB5XJ5IIm/Y0mXxpOmo9XSSVa4zigZQBGkcbprPbqppfWS3ihMdUTg3e0Ke404rDrAt7ufyvVdiVAk3ggDRt6ZDW22IJH0dXFv7KvOXwKBf4hPAQYAFSWfSeph/+EAAAAASUVORK5CYII=") no-repeat scroll left bottom transparent;
}

.box-out-footer-center {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAATCAYAAACgADyUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeNpilJbX3M9ABmBhZGRkIEsjEzMzWTpZWNnYmMjSyM7OSZ5GNg4yNbJzcDCTpVFdVZmHHI2MFy5c+E+WjadOnSIvHh8+fEieRkEF7SiyNErp2Z4lSyMQfydX4ze62/iLXI1/yUo5//+TlXAYAAIMABerFJwUqKf3AAAAAElFTkSuQmCC") repeat-x scroll right bottom transparent;
}

.box-out-footer-right {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAf9JREFUeNqkk79vEzEUx9+zfb6kqUAgtcAV0qD+EgQVEFVRhSgSIwMrAiR+CKaO/AkduyEW/opMwFqxRurC0CEDUaYMDQxVdFR3OZvnxD4dl2tSiaf7nmPL/uT73vPhwuKNfUQExhiCHUkAQFPOws+f9r4fza58pAVNUhnp55tXzVoazIBw9ALOOYE4QThyIbBWvTbT/tmep33c7LVCq7EQnAtEQhoIG8Lsb8bxzu1b56M4NgBBSqy7U2FM+JJ50kdPSialz4QsoefT6Hn4aPvBXJIkrMBZYQjfLzPnBskNPWSUge9Lfn/j7lyr1XIwNcnVCFYucXN4RGHDIpoSPt7eutTtdlk8iB0smQRKnRGF8qVu2r3L1xfL79++DL59/QKDRP+eBklhqytLs6aXpptCCFiqVcvvXj1b0CoRYRiCVzn3w+7VOY3DPuy8vukmlUoFgiCAXq8HjUYDjnq/jutPnh64ezUV1mw204lSCqIogn6/D+Sqf7G6+oaKGtl6JRkoFAFFp9P5B2aEwtu/vLaxO792r03LMWmQgxU7u1Crvxj+jVaKHnWlvnXIZenEQiKrLEyd2oBg/eFB7rtzKTlHblS5NMdhpDBjPQscZEY1rV4O9icH07mUVEE3YRosf5eKAHripbUFhoID2YP6TF+ATenMByYFav3fjDT+CjAAtZDAjXDyGYwAAAAASUVORK5CYII=") no-repeat scroll right bottom transparent;
}

/** INNER BOX **/

.box-inner {
	margin:20px auto;
	width: 80%;
}

.box-inner h1{
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 14px;
	color: #FFF;
	font-size: 12px;
	margin: 0;
}

.box-inner table{
	width:100%;
	margin-top:10px;
}

.box-inner-header{
	height: 43px;
}

.box-inner-footer{
	height: 23px;
}

.box-inner-header-left, .box-inner-header-right, .box-inner-content-left, .box-inner-content-right, .box-inner-footer-left, .box-inner-footer-right {
	width: 17px;
}

.box-inner-header-left {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAArCAYAAACejGMxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNrslUtugzAQhv2kpu2ii0pZs6sQu+wi9RzpsmfpAXqBrnskzsIbMuPYiLQh2EClKoqlETDAxz/+x4Z2XUeWDkZWGDfIf4aIc8kkSabeiyDeIV4htsL1a2maUjzGcbynlH7B6eNFJSMACoA3AHxjrqoqUpYlaZpmGmIAPIqiDQA+MZdlmQY4TawFoGKl1AccN1aBkzsGwAxEgYod5oui8LYY7wdhGD4B5AUTOAc+EFvKnRDiGRNj2wabUCGxlLZtH+Z2bK8EIPfeHTv4AEIklKH6JGMEyiMwR/rcpdm4eaZ/DiZZQ1yVUBNWEbHuQHnTELtOBiB7rR1ygowoOr4ApfiUc3agkp8N5w3BtTOnnJMRBMGvcv5ue7w0cBvI83wZRErZd+psCLY75/xm8doW13WtS1rszmKL0d4rX8XeEPyNopJh68+yGGP1ZjsIMAAHxYhMJr5kpQAAAABJRU5ErkJggg==") no-repeat scroll left top transparent;
}

.box-inner-header-center {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAArCAYAAABIKblUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNrsk9EJwEAIQ6+9IgiOcvvvdSAIgtgdQiu06P8jmsQjMwcy5wCnwTfAa62VtYp7747jB81hZgwkIgx0dwyMiOIbYUUzw0ARKS6Aqha7OufsOB5fFXYVfuTvxIGvin4HXIBbgAEA84wr2e//ZAAAAAAASUVORK5CYII=") repeat-x scroll left top transparent;
}

.box-inner-header-right {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAArCAYAAACejGMxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNrsVEuKg0AQ7bIbUXST3SxdK+QI2Ya51yznBDlILpDdLAOeIpCF+P9OdWIkCqGtNgyByYOiUfTx3qvqgq7r2FIY7Al4k7wyCQRBcMbzB+uAtQvD8DT9SDVLUskKa4v1hXX0ff+TbCeKIpYkCauqSj5/AMCeSmRIqXVdszRNWZ7nV48A357nCa1gi6K4ECJ8x3GkPdDqjiTqw9z0JEAmaZrmZmmNB9dSctdOpyeBpcMm/oxE2LY92GjbdsikB59zNYRpmiqlaiVlWY7/MgwmxDBns+ZETORrYcjk0S3XUoJDdrFEUpJl2fgF5mFZFo3Edd3XWI8ijuPldqbdkcGSlXDOl9t5t1htRwatWA/q7lBDnbOU/mOLR3Zu256sZHqLJagkTxm2XwEGAFlZbe66cCs1AAAAAElFTkSuQmCC") no-repeat scroll right top transparent;
}

.box-inner-content-left {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAbCAYAAACa9mScAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUeNpi/P//PwM6YAQCIMUOxAJALMHBwaGlrKy8FKT206dPGOqZGKgARg0ZNWTUkFFDRg0ZNWTIGQIQYACWrwqJ4wS6JAAAAABJRU5ErkJggg==") repeat-y scroll left top transparent;
}

.box-inner-content-center {
	padding: 5px;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAbCAIAAADDMSmuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpilJGRYSAOMDEQDUaVjiodVTqqlASlAAEGAPtXAIpjong9AAAAAElFTkSuQmCC") repeat scroll right top transparent;
}

.box-inner-content-right {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAbCAYAAACa9mScAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlJREFUeNpilJGR+c+ABvj5+cH01atXJYDUh/////9kwAOYGKgARg0ZNWTUkFFDRg0ZNWTIGQIQYAAoJAkzwZAeDAAAAABJRU5ErkJggg==") repeat-y scroll right top transparent;
}

.box-inner-footer-left {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT9JREFUeNrslM9KhFAYxTWvaQkRgUOu3eUDtOtte4CgReueIdctDAMJdZypmRyd2zlwL4iFf2I2QR8c9Ir8PN93z9WUUhr9MlG4ONA5dOm67lUYhrd8t6qqb+8fGQeof8ifhzRNU6v8/BoiCYFeubAsaxokiiIdY6lV1/UzHyC9s5xowB5qkyS5a9t2KYQwHMeZ1U7LkUA7tLPKsuxBu/E8zyCQcxIDgL2C7KAt9J7neYxDeO/7/o1t22eEsMRIO4R8EgAtobIoiqeyLLMgCK7haIHWLsacaBcrqIBO+GG4kWmaPuL+FLKnOllDecc54R8KciwmDJZB27AVBdYArr1BCLMSx7GhdmfbcVYrZ3TB0NiDW6xC152NbiuDmOAXKBmNfQ+06ewUYW8ETjqACiR7M1qrXavMn/72c+tLgAEAUxaTwd5PMbwAAAAASUVORK5CYII=") no-repeat scroll left bottom transparent;
}

.box-inner-footer-center {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNpilJGR+c9ABmBiIBOMahzVSGeNLPz8/PS1kRGIV5DlVCB+Sa7GR+RqvElXG0GBI06uRnayNP7/T1YhxwAQYADS5Aj9RuksEwAAAABJRU5ErkJggg==") repeat-x scroll right bottom transparent;
}

.box-inner-footer-right {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ9JREFUeNrsk88KgkAQxjU9eNJrB5+5W0QP0aNEh/BkVAT2h0wLKrJNt29kNqyDbdIlaOBjdsX5+e2Ma/q+L42X8DyvzEEQtJH2UsrMqImW8YX4Q34KYppmmfFvnBpDLMsqc1EUY2I1gjiOU+Y8z4eNnBCAnAAwDcOwp+vEph5QoQJQJEnSQbrRqXRAtuu6j40QYhnHcR+QEbbXCqgeggaKLMvW0CSKogGeLaAzRDc313FC8+zSdYe20AqKoA2dCjqSQYy71o0NLaEU2nFxysXaTggyhw7sJuVMxxE6/VCQGRfR10+8vnBTpa6TFVtXEp+MV0ESLrpxDwpdB9Xp2JUiVfgEwHTqIe9e0Im7AAMAhXSDcAKGkJsAAAAASUVORK5CYII=") no-repeat scroll right bottom transparent;
}

/** FLAGS **/

.flags {
    height: 11px;
    width: 16px;
	display: block;
    float: right;
    margin-right: 4px;
	text-indent: -9999em;
}

.de {
	background: url(../../images/login/flags/de.png);
}
.en {
	background: url(../../images/login/flags/us.png);
}
.es {
	background: url(../../images/login/flags/es.png);
}
.fr {
	background: url(../../images/login/flags/fr.png);
}
.it {
	background: url(../../images/login/flags/it.png);
}
.pt {
	background: url(../../images/login/flags/pt.png);
}
.ru {
	background: url(../../images/login/flags/ru.png);
}
.si {
	background: url(../../images/login/flags/si.png);
}
.pl {
	background: url(../../images/login/flags/pl.png);
}
.tr {
	background: url(../../images/login/flags/tr.png);
}

/** FOOTER **/

footer{
	margin-bottom:40px;
}

/** FORM **/

.formRow {
	width:420px;
	margin:6px auto;
	clear:both;
}

.formRow label{
	display:block;
	float:left;
	width:100px;
	text-align:right;
	padding:4px 10px 4px 0;
}

.formRow input{
	display:block;
	width:282px;
	text-align:left;
	padding:1px 3px;
}

.formRow select {
	margin: 0 0 0 -9px;
	width: 290px;
}

#lostPassword form {
	margin-top:20px;
}

#disclamerTable {
	width:50%;
	margin:20px auto 0;
}
#disclamerTable td{
	padding:3px 0;
}

#lostPassword #universe {
	float: left;
	margin: 0 0 5px 0;
}
#lostPassword  .inputDesc {
	font-size:10px;
	display:block;
	font-style:italic;
	padding-left:110px;
	text-align:left;
}