@media all {
	* {
	margin:								0;
	padding:							0;
	}

	html {
	background:							#333 url('Images/Background.jpg');
	color:								#FFF;
	font-size:							100.1%;
	}

	body {
	background:							transparent url('Images/HeaderDemo.jpg') top no-repeat;
	color:								#FFF;
	font:								.8em/1.6em Verdana, sans-serif;
	}

	h1 {
	clear:								both;
	margin:								10px 10px 10px 0;
	padding:							0 0 0 10px;
	background:							transparent url('Images/HeadingPointer.png') no-repeat center left;
	color:								#000;
	font:								400 2em "Trebuchet MS", Arial, Sans-Serif;
	}

	h2 {
	clear:								both;
	margin:								10px 10px 10px 0;
	padding:							0 0 0 10px;
	background:							transparent url('Images/HeadingPointer.png') no-repeat center left;
	color:								#000;
	font:								400 1.75em "Trebuchet MS", Arial, Sans-Serif;
	}

	h3 {
	clear:								both;
	margin:								10px;
	font:								400 1.5em "Trebuchet MS", Arial, Sans-Serif;
	background:							transparent;
	color:								#000;
	}

	p {
	margin:								10px;
	}

	dl {
	margin:								10px;
	}

	dt {
	font-weight:						800;
	}

	dd {
	margin:								0 0 10px 40px;
	}

	table {
	width:								75%;
	margin:								0 10px 10px 10px;
	border:								solid 1px #AAA;
	border-collapse:					collapse;
	}

	th {
	padding:							2px 10px 2px 10px;
	border:								solid 1px #AAA;
	background:							#F8F8F8;
	color:								#333;
	font-weight:						400;
	text-align:							left;
	vertical-align:						middle;
	}

	td {
	padding:							3px 5px 3px 5px;
	border:								solid 1px #AAA;
	}

	thead th {
	background:							#F8F8F8 url('Images/HeadingPointer.png') no-repeat center left;
	color:								#333;
	font-weight:						800;
	}

	tbody th {
	width:								150px;
	}

	address {
	margin:								10px 30px 10px 30px;
	font-style:							normal;
	}

	hr {
	display:							none;
	}

	a {
	background:							transparent;
	color:								#900;
	text-decoration:					underline;
	}

	a:visited {
	background:							transparent;
	color:								#666;
	text-decoration:					underline;
	}

	a:hover {
	text-decoration:					none;
	}

	input[type=text],
	input[type=password] {
	width:								200px;
	padding:							2px 5px 2px 5px;
	}

	input[type=checkbox] {
	}

	input[type=submit] {
	padding:							2px 5px 2px 5px;
	}

	/* IE6 PNG fix */
	h1, form {
	behavior:							url(iepngfix.htc);
	}

	/* Design Containers */
	form#MainForm {
	background:							transparent url('Images/BackgroundShadow.png') repeat-x left 150px;
	color:								#FFF;
	}

	div#OuterDesignContainer {
	min-width:							990px;
	width:								60%;
	margin:								0 auto 0 auto;
	}

	div#DesignContainer {
	padding:							0 250px 0 0;
	}

	div#ContentDesignContainer {
	margin:								0 -250px 0 0;
	padding:							0 250px 0 0;
	border-bottom-right-radius:			10px;
	border-bottom-left-radius:			10px;
	background:							#B8B8B8;
	color:								#333;
	-moz-border-radius-bottomright:		10px;
	-moz-border-radius-bottomleft:		10px;
	-webkit-border-bottom-right-radius:	10px;
	-webkit-border-bottom-left-radius:	10px;
	}

	/* (Main) Page parts */

	/* Content jumper */
	p#Jumper {
	display:							none;
	}

	/* Panel: Header */
	div.PanelHeader {
	position:							relative;
	height:								150px;
	margin:								0 -250px 0 0;
	}

	.PanelHeader h1 {
	position:							absolute;
	bottom:								5px;
	right:								0;
	z-index:							11;
	width:								296px;
	height:								104px;
	margin:								0;
	padding:							0;
	background:							transparent url('Images/HeaderTitle.png') no-repeat;
	color:								#FFF;
	}

	.PanelHeader h1 span {
	visibility:							hidden;
	}

	.PanelHeader h1 a {
	visibility:							visible;
	display:							block;
	width:								296px;
	height:								104px;
	text-decoration:					none;
	}

	.PanelHeader h1 strong {
	visibility:							hidden;
	}

	.PanelHeader h1 em {
	display:							none;
	}

	/* Panel: Content */
	div.PanelContent {
	position:							relative;
	float:								left;
	width:								100%;
	min-height:							500px;
	background:							#EFEFEF;
	color:								#333;
	}

	.PanelContent .BackLink {
	clear:								both;
	border-top:							solid 1px #AAA;
	border-bottom:						solid 1px #CCC;
	background:							#F8F8F8;
	color:								#333;
	}

	.PanelContent .BackLink p {
	margin:								0;
	padding:							0;
	}

	.PanelContent .BackLink a {
	display:							block;
	padding:							5px 10px 5px 10px;
	font-size:							.85em;
	}

	/* Panel: Sidebar */
	div.PanelSidebar {
	position:							relative;
	float:								left;
	width:								230px;
	overflow:							hidden;
	margin:								0 -100% 0 0;
	padding:							10px;
	}

	/* Panel: Footer */
	div.PanelFooter {
	clear:								both;
	margin:								0 -250px 70px 0;
	padding:							5px 10px 5px 10px;
	border-bottom-right-radius:			10px;
	border-bottom-left-radius:			10px;
	background:							#900 url('Images/BackgroundMenu.png') repeat-x bottom;
	color:								#FFF;
	font-size:							.85em;
	-moz-border-radius-bottomright:		10px;
	-moz-border-radius-bottomleft:		10px;
	-webkit-border-bottom-right-radius:	10px;
	-webkit-border-bottom-left-radius:	10px;
	}

	.PanelFooter p {		
	margin:								0;
	}

	.PanelFooter a {
	background:							transparent;
	color:								#FFF;
	}

	/* Modules */

	/* Modules (PanelSidebar) */
	.PanelSidebar div.Module {
	overflow:							hidden;
	margin:								0 0 10px 0;
	border:								solid 1px #888;
	border-radius:						5px;	
	background:							#EFEFEF;
	color:								#333;
	font-size:							.85em;
	-moz-border-radius:					5px;
	-webkit-border-radius:				5px;
	}

	/* Module: ModuleMenu (PanelHeader) */
	.PanelHeader div.ModuleMenu {
	position:							absolute;
	bottom:								0;
	left:								0;
	z-index:							10;
	width:								100%;
	border-top-right-radius:			10px;
	border-top-left-radius:				10px;
	background:							#900 url('Images/BackgroundMenu.png') repeat-x center;
	color:								#FFF;
	font-size:							.85em;
	-moz-border-radius-topright:		10px;
	-moz-border-radius-topleft:			10px;
	-webkit-border-top-right-radius:	10px;
	-webkit-border-top-left-radius:		10px;
	}

	.PanelHeader .ModuleMenu ul {
	margin:								10px 10px 0 0;
	list-style-type:					none;
	list-style-image:					none;
	}

	.PanelHeader .ModuleMenu li {
	display:							inline;
	}

	.PanelHeader .ModuleMenu li a {
	display:							block;
	float:								left;
	margin:								0 0 0 10px;
	padding:							2px 10px 2px 10px;
	border-top-right-radius:			5px;
	border-top-left-radius:				5px;
	background:							transparent;
	color:								#FFF;
	text-decoration:					none;
	-moz-border-radius-topright:		5px;
	-moz-border-radius-topleft:			5px;
	-webkit-border-top-right-radius:	5px;
	-webkit-border-top-left-radius:		5px;
	}

	.PanelHeader .ModuleMenu li a:hover {
	background:							#222;
	color:								#FFF;
	}

	.PanelHeader .ModuleMenu li a.CurrentPage {
	background:							#EFEFEF;
	color:								#333;
	}

	/* Module: ModuleLogin (PanelSidebar) */
	.PanelSidebar div.ModuleLogin {
	padding:							10px;
	border:								solid 1px #111;
	background:							#111 url('Images/BackgroundLogin.png') no-repeat center;
	color:								#CCC;
	font-size:							.85em;
	}

	.PanelSidebar .ModuleLogin * {
	margin:								0;
	padding:							0;
	}

	.PanelSidebar .ModuleLogin caption {
	margin:								0 0 10px 0;
	background:							transparent;
	color:								#FFF;
	font-weight:						800;
	}

	.PanelSidebar .ModuleLogin table {
	width:								100%;
	border:								none;
	}

	.PanelSidebar .ModuleLogin th {
	width:								auto;
	border:								none;
	background:							transparent;
	color:								#FFF;
	vertical-align:						middle;
	}

	.PanelSidebar .ModuleLogin td {
	border:								none;
	vertical-align:						middle;
	}

	.PanelSidebar .ModuleLogin input {
	font-size:							1em;
	}

	.PanelSidebar .ModuleLogin input[type=text],
	.PanelSidebar .ModuleLogin input[type=password] {
	width:								120px;
	}

	.PanelSidebar .ModuleLogin input[type=checkbox] {
	margin:								10px 3px 10px 0;
	}

	.PanelSidebar .ModuleLogin a {
	color:								#FFF;
	text-decoration:					underline;
	}

	.PanelSidebar .ModuleLogin a:hover {
	text-decoration:					none;
	}

	/* Module: ModuleNews */
	div.ModuleNews {
	margin:								20px 10px 0 10px;
	padding:							10px 0 0 0;
	border-top:							solid 1px #AAA;
	}

	.ModuleNews .NewsItem h3 {
	margin:								10px 10px 0 10px;
	}

	.ModuleNews .NewsItem p.Meta {
	margin:								0 10px 0 10px;
	padding:							2px 10px 2px 10px;
	background:							#111 url('Images/BackgroundNews.png');
	color:								#CCC;
	font-size:							.85em;
	}

	.ModuleNews .NewsItem p.Meta span {
	background:							transparent;
	color:								#FFF;
	}

	/* Module: ModuleGallery */
	.ModuleGallery dt {
	clear:								both;
	}

	.ModuleGallery dt img {
	float:								left;
	margin:								0 10px 10px 0;
	}

	.ModuleGallery dd {
	margin:								0 0 0 200px;
	}

	.ModuleGallery a img {
	padding:							7px;
	border:								solid 1px #AAA;
	background:							#F8F8F8;
	color:								#333;
	}

	.ModuleGallery .Images p {
	float:								left;
	margin:								0 0 10px 10px;
	}

	/* Module: ModuleRegister */
	.ModuleRegister th {
	width:								30%;
	}

	/* Module: ModuleUserareaOverview */
	.ModuleUserareaOverview div.Area {
	width:								42%;
	border:								solid 1px #AAA;
	background:							#F8F8F8;
	color:								#333;
	}

	.ModuleUserareaOverview .Area h2 {
	background:							transparent;
	text-align:							center;
	font:								400 1em Verdana, Sans-Serif;
	}

	.ModuleUserareaOverview .Area ul {
	list-style-type:					none;
	list-style-image:					none;
	}

	.ModuleUserareaOverview .Area a {
	min-height:							16px;
	display:							block;
	padding:							2px 5px 2px 26px;
	border-top:							solid 1px #CCC;
	text-decoration:					none;
	}

	.ModuleUserareaOverview .Area a:hover {
	background:							#FFF;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.GeneralSettings {
	background:							transparent url('Images/SectionGeneralSettings.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.GeneralSettings:hover {
	background:							#FFF url('Images/SectionGeneralSettings_hover.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.SecuritySettings {
	background:							transparent url('Images/SectionSecuritySettings.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.SecuritySettings:hover {
	background:							#FFF url('Images/SectionSecuritySettings_hover.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.AvatarChat {
	background:							transparent url('Images/SectionAvatarChat.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.AvatarChat:hover {
	background:							#FFF url('Images/SectionAvatarChat_hover.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.AvatarInventorySettings {
	background:							transparent url('Images/SectionAvatarInventorySettings.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.AvatarInventorySettings:hover {
	background:							#FFF url('Images/SectionAvatarInventorySettings_hover.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.AvatarSkinSettings {
	background:							transparent url('Images/SectionAvatarSkinSettings.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .Area a.AvatarSkinSettings:hover {
	background:							#FFF url('Images/SectionAvatarSkinSettings_hover.png') no-repeat 5px center;
	color:								#666;
	}

	.ModuleUserareaOverview .AreaUser {
	float:								left;
	margin:								0 10px 10px 20px;
	}

	.ModuleUserareaOverview .AreaAvatars {
	float:								right;
	margin:								0 20px 10px 10px;
	}

	.ModuleUserareaOverview .AreaWorlds {
	clear:								both;
	float:								left;
	margin:								0 10px 10px 20px;
	}

	/* Module: ModuleUserSettings */
	.ModuleUserSettings p {
	margin:								0 10px 10px 10px;
	}

	p.RegisterFeedback span,
	p.UpdateFeedback span {
	display:							block;
	padding:							5px 10px 5px 26px;
	}

	p.RegisterFeedback span.Success,
	p.UpdateFeedback span.Success {
	background:							#CBF3C3 url('Images/Tick.png') no-repeat 5px center;
	color:								#397D33;
	border:								solid 1px #397D33;
	}

	p.RegisterFeedback span.Error,
	p.UpdateFeedback span.Error {
	background:							#FFAEB0 url('Images/Cross.png') no-repeat 5px center;
	color:								#900;
	border:								solid 1px #E42224;
	}

	/* Module: ModuleAvatarInventory */
	.ModuleAvatarInventory th {
	padding:							2px 5px 2px 5px;
	font-weight:						800;
	}

	.ModuleAvatarInventory th.ItemCount,
	.ModuleAvatarInventory td.ItemCount {
	width:								5%;
	text-align:							right;
	}

	.ModuleAvatarInventory th.ItemProperty,
	.ModuleAvatarInventory td.ItemProperty {
	width:								10%;
	text-align:							center;
	}

	.ModuleAvatarInventory .ItemProperty img {
	margin:								3px 0 -3px 0;
	display:							inline;
	}

	/* Module: ModuleAvatarSkin */
	.ModuleAvatarSkin .CurrentSkin p {
	width:								512px;
	margin:								10px;
	padding:							10px;
	border:								solid 1px #AAA;
	border-radius:						5px;
	background:							#F8F8F8;
	color:								#333;
	-moz-border-radius:					5px;
	-webkit-border-radius:				5px;
	}

	.ModuleAvatarSkin div.ChangeSkin {
	position:							absolute;
	bottom:								10px;
	right:								10px;
	width:								220px;
	border:								solid 1px #AAA;
	border-radius:						5px;
	background:							#F8F8F8;
	color:								#333;
	-moz-border-radius:					5px;
	-webkit-border-radius:				5px;
	}

	.ModuleAvatarSkin .ChangeSkin p.BodyPart {
	margin:								0;
	padding:							10px;
	border-bottom:						solid 1px #CCC;
	border-top-right-radius:			5px;
	border-top-left-radius:				5px;
	background:							#FFF;
	color:								#333;
	font-size:							.85em;
	-moz-border-radius-topright:		5px;
	-moz-border-radius-topleft:			5px;
	-webkit-border-top-right-radius:	5px;
	-webkit-border-top-left-radius:		5px;
	}

	.ModuleAvatarSkin .ChangeSkin p.BodyPart select {
	font-size:							1em;
	}

	.ModuleAvatarSkin .ChangeSkin div.form-item {
	width:								195px;
	margin:								10px auto 10px auto;
	}

	.ModuleAvatarSkin .ChangeSkin div.SkinColor {
	margin:								0;
	padding:							10px;
	border-top:							solid 1px #CCC;
	background:							#FFF;
	color:								#333;
	font-size:							.85em;
	}

	.ModuleAvatarSkin .ChangeSkin .SkinColor p {
	width:								100;
	margin:								0 0 7px 0;
	padding:							0;
	}

	.ModuleAvatarSkin .ChangeSkin .SkinColor p.NewSkinColor {
	float:								left;
	}

	.ModuleAvatarSkin .ChangeSkin .SkinColor .NewSkinColor input {
	width:								80px;
	border:								solid 1px #AAA;
	font-family:						Consolas, Monospace;
	text-align:							center;
	}

	.ModuleAvatarSkin .ChangeSkin .SkinColor p.SaveChangesButton {
	float:								right;
	}

	.ModuleAvatarSkin .ChangeSkin .SkinColor p.SaveChangesButton input,
	.ModuleAvatarSkin .ChangeSkin .RestoreSkinBackup input {
	font-size:							1em;
	}

	.ModuleAvatarSkin .ChangeSkin div.RestoreSkinBackup {
	clear:								both;
	margin:								0;
	padding:							10px;
	border-top:							solid 1px #CCC;
	border-bottom-right-radius:			5px;
	border-bottom-left-radius:			5px;
	background:							#FFF;
	color:								#333;
	font-size:							.85em;
	-moz-border-radius-bottomright:		5px;
	-moz-border-radius-bottomleft:		5px;
	-webkit-border-bottom-right-radius:	5px;
	-webkit-border-bottom-left-radius:	5px;
	}

	.ModuleAvatarSkin .ChangeSkin div.RestoreSkinBackup p {
	margin:								0;
	padding:							0;
	}

	/* Module: ModuleUserareaChat */
	div.ModuleUserareaChat {
	text-align:							center;
	}

	.ModuleUserareaChat iframe {
	width:								704px;
	height:								500px;
	margin:								10px auto 10px auto;
	border:								none;
	}
}