body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica;
	font-size: 1em;
	color: #333333;
	background: #cccccc url("/img/background.jpg") repeat;
}
@font-face {
	font-family: "Candara";
	src: url("/files/fonts/candara.ttf") format("truetype");
}
.break {
	clear: both;
}
img {
	border: 0;
	vertical-align: middle;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

nav {
	background: #484848;
	background: linear-gradient(#484848, #282828);
}
nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav li {
	display: inline-block;
	margin: 0;
	padding: 0;
	transition: all 0.2s ease-out 0s;
}
nav span,
nav a {
	display: inline-block;
	padding: 0 20px;
	text-decoration: none;
	text-align: center;
	line-height: 45px;
	color: #dddddd;
	cursor: pointer;
}
nav em {
	display: inline-block;
	margin: -3px 0 -3px 5px;
	padding: 0 10px 0 5px;
	font-weight: bold;
	background: #c73e1f;
	color: #eeeeee;
}
nav li ul {
	display: none;
	position: absolute;
	z-index: 99;
	background: #484848;
	background: linear-gradient(#484848, #282828);
	box-shadow: 1px 5px 5px 0 #000000;
	border-radius: 0 2px 2px 2px;
}
nav li ul li {
	display: block;
	border-radius: 0;
}
nav li:hover {
	background: #484848;
	background: linear-gradient(#686868, #484848);
}
nav li:hover ul {
	display: block;
}
@media only screen and (max-width: 320px) {
	nav li {
		display: block;
	}
	nav li ul {
		position: relative;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	nav li {
		display: block;
	}
	nav li ul {
		position: relative;
	}
}
.pinboard {
	position: absolute;
	width: 210px;
	padding: 0;
	box-shadow: 3px 3px 7px #000000;
}
.pinboard li {
	display: inline-block;
	width: 68px;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #545454;
	font-size: 24px;
	cursor: pointer;
	color: #eeeeee;
	background: #000000;
	border-radius: 5px;
}
.pinboard li.close {
	color: #ff0000;
}
.pinboard li.backspace {
	color: #efa812;
}
.pinboard li:hover {
	color: #ffffff;
	border: 1px solid #f4f4f4;
	background: #222222;
}

section {
	padding: 0 0 10px 0;
	background: #ffffff;
}
section.aside {
	margin-left: 322px;
}
section a,
section .link {
	font-weight: bold;
	text-decoration: none;
	color: #035b8c;
	cursor: pointer;
}
section a:hover,
section a.sel,
section .link:hover {
	text-decoration: underline;
}
section h1 {
	height: 34px;
	margin: 0;
	padding: 0 0 0 15px;
	font-weight: bold;
	background: #e5e5e5;
	background: linear-gradient(#e5e5e5, #e8e8e8);
	font-family: Candara, Arial;
	font-size: 1.5em;
	border: 1px solid #d5d5d5;
	border-radius: 2px;
	text-shadow: 1px 1px 1px #ffffff;
	box-shadow: 0 0 5px 0 #ffffff inset;
}
section h1 em {
	margin-right: 3px;
	color: #055180;
}
section h1 img {
	vertical-align: middle;
}
section h1 span {
	float: right;
	margin-right: 1%;
}
section h1 span a {
	font-weight: normal !important;
}
section h1 button,
section h1 .button {
	height: 34px;
	margin: 0 0 0 20px;
	padding: 0 10px !important;
	line-height: 34px;
	font-weight: normal;
}
section ul.rows {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
section ul.rows li {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}
section ul.rows li h2 {
	font-family: "Sanchez", serif;
	font-size: 26px;
	line-height: 28px;
	font-weight: normal;
	color: #343434;
	margin: 0 0 21px 0;
	padding: 0 0 32px 0;
	border-bottom: 1px solid #e0e0e0;
}
section ul.rows li h2 img {
	margin-right: 21px;
	vertical-align: bottom;
}
section ul.rows li p {
	margin: 0 0 77px 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	color: #8b8b8b;
}
section ul.rows ul.hiddenMenu {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	background: rgba(0, 0, 0, 0.5);
}
section ul.rows ul.hiddenMenu li {
	width: 318px;
	height: 128px;
	line-height: 128px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 36px;
	border: 1px solid #000000;
	cursor: pointer;
}
section ul.rows li:hover ul.hiddenMenu {
	display: block;
}
section ul.rows ul.hiddenMenu li:hover {
	background: #222222;
}

aside {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 320px;
	padding: 0;
	margin: 0;
	background: #f8f8f8;
	border: 1px solid #d5d5d5;
	border-radius: 0 0 5px 0;
	vertical-align: top;
}
aside ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
aside li:last-child {
	border-radius: 0 0 5px 0;
}
aside li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	background: #e5e5e5;
	background: linear-gradient(#e5e5e5, #e8e8e8);
	border-left: 5px solid #678dc3;
}
aside li:hover {
	border-left: 5px solid #779dd3;
}
aside li a {
	display: block;
	padding: 10px 7px;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #d5d5d5;
	text-shadow: 1px 1px 0 #ffffff;
	font-weight: normal;
}
aside li a img {
	opacity: 0.6;
}
aside li a:hover {
	color: #111111;
	background: #f9f9f9;
	background: linear-gradient(#f9f9f9, #f2f2f2);
	text-decoration: none;
}
aside li a:hover span {
	color: #666666;
}
aside li a:hover img {
	opacity: 1;
}
aside li a span {
	display: block;
	color: #888888;
}
aside li a img {
	margin-right: 5px;
}
aside li a.sel {
	color: #f7941f;
	text-shadow: 1px 1px 1px #ffffff;
	background: #f9f9f9;
	background: linear-gradient(#f9f9f9, #f2f2f2);
}
aside li.title,
aside li.title a {
	height: 34px;
	line-height: 32px;
	padding: 0;
	font-weight: bold;
	font-family: Candara;
	color: #678dc3;
	text-shadow: 1px 1px 1px #ffffff;
	text-transform: uppercase;
	border: 0;
	border-bottom: 1px solid #d5d5d5;
	box-shadow: 0 0 5px 0 #ffffff inset;
	cursor: pointer;
}
aside li.title .more {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("/img/icons/arrow-left.png") no-repeat center right;
	cursor: pointer;
	opacity: 0.3;
	vertical-align: top;
}
aside li.title:hover .more {
	opacity: 0.9;
}
aside li.title img {
	margin: 0 10px;
}
aside li.title i {
	display: block;
	margin: -10px 5px 0 0;
	line-height: 1px;
	text-align: center;
	color: #999999;
	font-style: normal;
}

footer {
	padding-top: 7px;
	box-shadow: 0px 0px 7px #888888 inset;
	background: #484848;
	background: linear-gradient(#484848, #282828);
}
footer ul {
	display: inline-block;
	list-style: none;
	padding: 0 15px;
	vertical-align: top;
}
footer li a {
	color: #e0e0e0;
	line-height: 18px;
	text-decoration: none;
}
footer li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
footer li.title {
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ffffff;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}
footer p {
	margin: 0;
	padding: 3px 20px 3px 20px;
	box-shadow: 0px 0px 7px #888888;
	background: #484848;
	background: linear-gradient(#484848, #282828);
	color: #e0e0e0;
}

button,
.button,
input[type="submit"],
abel.ui-button span {
	display: inline-block;
	padding: 5px 10px 5px 10px !important;
	margin: 0;
	line-height: 1.2em;
	font-family: Candara, Arial;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none !important;
	color: #ffffff !important;
	text-shadow: 1px 1px 0 rgba(0, 0, 200, 0.5);
	text-align: center;
	cursor: pointer;
	background: #529bda;
	box-shadow: 0 0 7px 1px #6088c0 inset;
	border: 1px solid #357ebd;
	border-radius: 4px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
button:hover,
.button:hover,
.submit:hover,
input[type="submit"]:hover,
button[type="button"]:hover,
label.ui-state-active span {
	background: #62abea;
	background: linear-gradient(90deg, #428bca, #62abea, #62abea, #428bca);
	text-decoration: none !important;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
.button.hi,
button.hi {
	background: #fce75a;
	background: linear-gradient(#fce75a, #efb009);
	border: 1px solid #c39324;
	box-shadow: 0 0 7px 1px #d3ba9c inset;
	color: #654300 !important;
	text-shadow: 1px 1px 1px #ffed72;
}
.button.hi:hover,
button.hi:hover {
	background: #efb009;
	background: linear-gradient(#efb009, #fce75a);
}
.button.big {
	border: 1px solid #104363;
	background: #d2d2d2 !important;
	text-shadow: #ffffff 1px 1px 0 !important;
	letter-spacing: 4px;
	color: #ff9000 !important;
}
.button.big img {
	margin-right: 5px;
}
.button.small,
button.small {
	min-width: 40px;
}
.button.inactive,
button.inactive {
	background: #efefef;
	background: linear-gradient(#fcfcfc, #efefef);
	border: 1px solid #d3d3d3;
	box-shadow: 0 0 7px 1px #d3d3d3 inset;
	color: #888888 !important;
	text-shadow: 1px 1px 1px #eeeeee;
	cursor: default;
}

input[type="text"],
input[type="password"],
select,
textarea {
	display: inline-block;
	width: 98%;
	height: 34px;
	margin: 10px 0;
	padding: 4px 1%;
	font-size: 1em;
	color: #555555;
	background: #f7f7f7;
	background: linear-gradient(#fafafa, #f0f0f0);
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
	color: #111111;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}
input[type="text"].small {
	width: 50px;
}
select {
	width: 100%;
	font-size: 1.1em;
	font-weight: normal;
	color: #aaaaaa;
}
select:hover,
select:focus {
	color: #555555;
}
select.small {
	width: 100px;
}
textarea {
	width: 98%;
	height: 200px;
	padding: 1%;
	line-height: 1.5em;
}
form {
	min-width: 96%;
	margin: 10px 1%;
	padding: 10px 1%;
	border: 1px solid #dddddd;
	border-radius: 4px 4px 4px 4px;
}
form label {
	display: inline-block;
	width: 99%;
	margin: 0;
	padding: 0 0 0 1%;
	color: #555555;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}
form label::after {
	content: " :";
}
form label.checkbox::after {
	content: "";
}
form label span {
	display: block;
	font-weight: normal;
}
form span.label {
	line-height: 25px;
}
form label.checkbox {
	display: inline;
	padding-left: 10px;
}
form ul.radioInput {
	display: block;
	margin: 0;
	padding: 0;
}
form ul.radioInput li {
	display: block;
	margin: 0;
	padding: 0 0 5px 50px;
	list-style: none;
}
form ul.radioInput label {
	font-weight: normal;
}
form ul.radioInput label::after {
	content: "";
}
form ul.radioInput label:hover {
	font-weight: bold;
	cursor: pointer;
}
form button,
form input[type="submit"] {
	width: 100%;
	font-size: 1.5em;
	border: 1px solid #6088c0;
	border-left: 0;
	border-right: 0;
}
h1 form {
	display: inline-block;
	min-width: 1px;
	margin: 0 20px 0 0;
	padding: 0;
	border: 0;
}
h1 form select {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.fbconn {
	float: right;
	display: inline-block;
	height: 16px;
	margin: 5px 10px 0 0;
	line-height: 16px;
	padding: 0 10px 0 25px;
	border: 1px solid #29447e;
	border-radius: 3px;
	background: #5f78ab url("/img/other/fb-ico.png") no-repeat -20px -178px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}
.fbconn:hover {
	background-color: #798eb9;
}

p.info {
	padding: 10px 10px 10px 50px;
	border: 1px solid #9d9dfb;
	border-radius: 2px;
	background: #dadafe url("/img/ico/information.png") no-repeat 15px center;
	color: #0000aa;
	text-align: center;
	text-shadow: 1px 1px 1px #ffffff;
	box-shadow: 0 0 5px 0 #ffffff inset;
}
p.warning {
	padding: 10px 10px 10px 50px;
	border: 1px solid #fbe0a0;
	border-radius: 2px;
	background: #fefeda url("/img/ico/error.png") no-repeat 15px center;
	color: #aa5000;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #ffffff;
	box-shadow: 0 0 5px 0 #ffffff inset;
}
p.err {
	width: 100%;
	padding: 5px 0px;
	margin: 0;
	border: 0;
	border-bottom: 5px solid #dddddd;
	border-radius: 0;
	background: #f0e975;
	color: #c73e1f;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 1px;
	text-align: center;
}

table {
	width: 98%;
	margin: 10px 1%;
	padding: 0;
	border: 1px solid #dddddd;
	border-radius: 4px 4px 4px 4px;
	border-spacing: 0;
}
tr {
	border: 0;
}
th {
	height: 31px;
	padding: 0 10px;
	background: #e5e5e5;
	background: linear-gradient(#e5e5e5, #e8e8e8);
	font-family: Candara;
	color: #678dc3;
	border: 1px solid #d5d5d5;
	text-shadow: 1px 1px 1px #ffffff;
	box-shadow: 0 0 5px 0 #ffffff inset;
}
th b,
td b {
	color: #ff6600;
}
tr.odd,
tr:nth-child(odd) {
	background: #f8f7f7;
}
td {
	padding: 10px;
	border-bottom: 1px solid #d7d6d6;
	border-left: 1px solid #f5f5f5;
}
td.position {
	width: 50px;
	text-align: right;
}
tr:hover td {
	background: #333333;
	background: linear-gradient(#333333, #555555) !important;
	color: #eeeeee;
	cursor: pointer;
}
tr.highlight td {
	box-shadow: 0 0 25px 5px #f2dede inset;
}
tr.highlight:hover td {
	box-shadow: 0 0 5px 0px #f2dede inset;
}
tr:hover td a {
	color: #ffffff;
}
tr.warn2 {
	box-shadow: 0 0 1px 5px rgba(247, 40, 12, 0.5) inset;
}
tr.warn1 {
	box-shadow: 0 0 10px 5px rgba(255, 243, 128, 0.5) inset;
}
tr.warn2 td.warn2 {
	font-weight: bold !important;
	color: #f70d1a;
}
tr.warn1 td.warn1 {
	font-weight: bold !important;
	color: #808cff;
}
.infobox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}
.infobox div.bg {
	display: block;
	width: 100%;
	margin-top: 10%;
	padding: 50px 15px;
	background: #ffffff;
	text-align: center;
	box-shadow: 0 0 50px 3px #000000;
	opacity: 0.9;
}
.infobox h3 {
	background: url(/img/icons/info.png) 0 50% no-repeat;
	margin: 0;
	padding: 10px 0 10px 45px;
	border-bottom: 1px solid #333333;
}
.infobox .button,
.infobox button {
	margin-left: 10px;
	margin-right: 10px;
}
.infobox .circle {
	/* thanks to AlessioAtzeni.com */
	background-color: rgba(0, 0, 0, 0);
	border: 5px solid rgba(0, 183, 229, 0.9);
	opacity: 0.9;
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	box-shadow: 0 0 35px #97d5c8;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-moz-animation: spinPulse 1s infinite ease-in-out;
	-webkit-animation: spinPulse 1s infinite linear;
}
.infobox .circle1 {
	background-color: rgba(0, 0, 0, 0);
	border: 5px solid rgba(0, 183, 229, 0.9);
	opacity: 0.9;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	box-shadow: 0 0 15px #97d5c8;
	width: 30px;
	height: 30px;
	margin: 0 auto -30px auto;
	position: relative;
	top: -50px;
	-moz-animation: spinoffPulse 1s infinite linear;
	-webkit-animation: spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
	0% {
		-moz-transform: rotate(160deg);
		opacity: 0;
		box-shadow: 0 0 1px #97d5c8;
	}
	50% {
		-moz-transform: rotate(145deg);
		opacity: 1;
	}
	100% {
		-moz-transform: rotate(-320deg);
		opacity: 0;
	}
}
@-moz-keyframes spinoffPulse {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spinPulse {
	0% {
		-webkit-transform: rotate(160deg);
		opacity: 0;
		box-shadow: 0 0 1px #97d5c8;
	}
	50% {
		-webkit-transform: rotate(145deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-320deg);
		opacity: 0;
	}
}
@-webkit-keyframes spinoffPulse {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
img.vserverLoading {
	width: 640px;
	height: 480px;
	background: url("/img/loading.gif") no-repeat center center;
}