*
{
	margin: 0;
	padding: 0;
}
body
{
	width: 100%;
	height: 100%;
	
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAOkCAIAAADoTskeAAAAnklEQVRIie2SSRaAIAxDG0/rykN6McShdELXLrL4TxoLDVFZt30RkSnoNJxPJL3XiH3iNK3R66Y1UHqH3iTU0Fl+fe4FPtb3vPredPN9a8XLNXN5fPh7OO/qSTVM5o39sHu4epwXzjBtllHMEHa+z9zllTOJvUj+k2fk3CTla/O9r3qXnG/8tqW//CcpxxdNfTV5/3cIIYQQQgghv+MAGlANmPLI1V0AAAAASUVORK5CYII=") repeat-x scroll 0% 0% #A9A9FF;
	
	font-family: "Arial Grande",Tahoma,Helvetica,Arial,sans-serif;
	font-size: 1em;
}
small
{
	font-size: 0.7em;
}
address
{
	position: absolute;
	bottom: 0;
}
#title
{
	width: 800px;

	margin: 0 auto;
	margin-top: 15px;
	
	text-align: center;
}
#navigation
{
	position: relative;
	
	width: 780px;
	
	margin: 0 auto;
	padding: 7px 0;
	
	border-radius: 15px 15px 0 0;
	
	background: #FFD6F3;
	
	font-size: 0.8em;
	text-align: center;
}
#heading
{
	padding-right: 25px;
	
	color: #685BAF;
	text-shadow: 2px 2px 5px #FFF, 3px 3px 5px #000;
	
	font-size: 2.0em;
	text-align: right;
}
#content
{
	position: relative;
	
	width: 800px;
	min-height: 200px;
	
	margin: 0 auto;
	padding: 5px 0;
	
	border: 2px solid #685BAF;
	border-radius: 10px;
	
	background: #E3E1FA;
	
	text-align: center;
}

#footer
{
	position: relative;
	
	width: 800px;
	
	margin: 0 auto;
	
	text-align: center;
	font-size: 0.7em;
}
/* #################################### */
/* 			Navigation items			*/
/* #################################### */
#avatar
{
	position: absolute;
	
	left: -20px;
	bottom: -100%;
	z-index: 10;
	
	max-width: 128px;
	max-height: 128px;
	
	min-width: 100px;
	min-height: 100px;
	
	border: 2px solid #685BAF;
	border-radius: 10px;
	
	background: #FFFFFF;
}
#login
{
	position: absolute;
	
	left: -20px;
	bottom: -100%;
	z-index: 20;
	
	padding: 3px;
	
	border: 2px solid #685BAF;
	border-radius: 10px;
	
	background: #FFD6F3;
	
	color: #4E2151;
	text-decoration: none;
	font-weight: bold;
}
#login:hover
{
	background: #F375C5;
	color: #FFFFFF;
}
#login:active
{
	background: #ECA1DD;
	color: #FFFFFF;
}
#stats
{
	position: absolute;
	
	right: 0;
	bottom: 0;
	z-index: 10;
	
	width: 100px;
	overflow: hidden;
	
	background: #5B5399;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	color: #FFFFFF;
}
/* #################################### */
/* 			Multis						*/
/* #################################### */
.nav
{
	margin-left: 1px;
	margin-right: 1px;
	padding: 7px;
	
	color: #4E2151;
	text-decoration: none;
	font-weight: bold;
}
.nav:hover
{
	background: #F375C5;
	color: #FFFFFF;
}
.nav:active
{
	background: #ECA1DD;
	color: #FFFFFF;
}
.item
{
	margin: 5px;
	padding: 5px;
	
	border: 1px solid #685BAF;
	
	background: #FFFFFF;
	
	/*border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: 1px solid #D2D4FA;
	border-top: 1px solid #E869A2;
	border-bottom: 1px solid #D2D4FA;
	border-right: 1px solid #D2D4FA;*/
}
.item legend
{
	padding-left: 5px;
	padding-right: 5px;
	
	border: 1px solid #685BAF;
	
	background: #5B5399;
	
	color: #FFFFFF;
}
/* #################################### */
/* 			Help classes				*/
/* #################################### */
.center
{
	text-align: center;
}
.constraints
{
	max-width: 640px; /* 1024px; */
	max-height: 480px; /* 768px; */
}
.constraints_small
{
	max-width: 320px;
	max-height: 240px;
}
/* #################################### */
/* 			Customization				*/
/* #################################### */
.custom
{
	display: none;
	text-align: left;
	float: left;
}
.data, .font
{
	float: left;
}
#customnav
{
	width: 20%;
	float: left;
}
#customnav a
{
	display: block;
}
#customsave
{
	float: right;
}
/* #################################### */
/* 			Buttons						*/
/* #################################### */
input[type="submit"], input[type="button"], .fileBrowse, .btn
{
	/* Fixed stuff */
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	
	margin: 2px;
	padding: 5px 10px;
	
	font-size: 0.9em;
	
	border: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	cursor: pointer;
	background: #5B5399;
	color: #FFFFFF;
}

input[type="submit"]:hover, input[type="button"]:hover, .fileBrowse:hover, .btn:hover
{	
	text-shadow: 0 0 0.2em #FFFFFF;
}

input[type="submit"]:active, input[type="button"]:active, .fileBrowse:active, .btn:active
{
	box-shadow: 0 0 10px #90ACE7;
	-webkit-box-shadow: 0 0 10px #90ACE7; 
	-moz-box-shadow: 0 0 10px #90ACE7; 
}
/* #################################### */
/* 			Browsing hack				*/
/* #################################### */
.fileBrowse
{
	position: relative;
	overflow: hidden;
	margin: 0 300px;
}
.fileBrowse input
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
/* #################################### */
/* 			Radios						*/
/* #################################### */
input[type="radio"]
{
	display: none;
}
label img:hover
{
	cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
label input[type="radio"]:checked + img
{
	border: 2px dotted #685BAF;
}
/* #################################### */
/* 			 Link settings 	   			*/
/* #################################### */
a
{
	color: #3843A6;
}

a:hover
{
	text-decoration: none;
}
/* #################################### */
/* 			External links				*/
/* #################################### */
a[href^="http://"]:after, 
a[href^="https://"]:after
{
	content: url(/assets/img/external.png);
}
/* #################################### */
/* 			Notices						*/
/* #################################### */
#success,
#error,
.notice
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 100;
}
#success
{
	background: #007F0E;
	color: #FFFFFF;
}
#error,
.error
{
	background: #FF0000;
	color: #FFFFFF;
}
/* #################################### */
/* 			Notices						*/
/* #################################### */
.question b
{
	color: #6666FF;
}
.answer b
{
	color: #FF6666;
}
/* #################################### */
/* 			Animation classes			*/
/* #################################### */
.pulseGlow
{
	animation: pulseGlow 2s infinite;
	-webkit-animation: pulseGlow 2s infinite; /* Safari and Chrome */
}
/* #################################### */
/* 				Animations				*/
/* #################################### */
@keyframes pulseGlow
{
	50%
	{
		color: red;
		box-shadow: 0 0 45px 5px red;
		-moz-box-shadow: 0 0 45px 5px red;
		-webkit-box-shadow: 0 0 45px 5px red;
	}
}

@-webkit-keyframes pulseGlow /* Safari and Chrome */
{
	50%
	{
		color: red;
		box-shadow: 0 0 45px 5px red;
		-moz-box-shadow: 0 0 45px 5px red;
		-webkit-box-shadow: 0 0 45px 5px red;
	}
}