/*
 * Alchimie cascading style sheet.
 *
 * Copyright (c) 2005 - Motion-Twin
 */

body {
	width: 917px;
	margin: auto;
	background-color: #FFF;
	background-image: url('/gfx/design/gradient.gif');
	background-repeat: repeat-x;
	color: #224400;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
}

#page {
	width: 917px;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
	background: url('/gfx/design/bgcontent2.gif');
	background-repeat: repeat-y;
}

/* POUET POUET POUET */
.beta {
	font-size: 12pt;
	color: #A00;
	text-align: center;
	margin: 10px;
}

/* WEBSITE HEADER */
#header {
	width: 917px;
	height: 155px;
	margin: 0px;
	padding: 0px;
	background: url('/gfx/design/up.gif');
}
#header h1 {
	display: none;
}
#header h2 {
	display: none;
}

#mid {
	clear: both;
	width: 917px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	background: url('/gfx/design/mid.gif');
	font-size: 1px;
}

/* TOP MENU */
#menu {
	width: 510px;
	margin: auto;
	padding-top: 137px;
	text-align: center;
}
#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	color: black;
}
#menu ul li {
	margin: 0px;
	padding: 0px 8px;
	display: inline;
}
#menu ul li:first {
	padding-left: 0px;
}
#menu a {
	color:#ffffff;
	/* font-size: 9pt; */
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#menu ul a:hover {
	color: #f9ec71;
	text-decoration: underline;
}

/* COPYRIGHT ZONE */
#footer {
	clear:both;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	font-size: 10pt;
}
#footer a {}

/* BOTTOM MENU (ABOVE COPYRIGHT) */
#botLinks ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#botLinks ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#botLinks ul li:before { content:"| "; }
#botLinks ul li:first-child:before { content:""; }

/* DESIGN */
#left {
	width: 76px;
	background: url('/gfx/design/left.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}

#right {
	width: 73px;
	height: 481px;
	background: url('/gfx/design/right.gif');
	background-repeat: no-repeat;
}

#bottom {
	clear: both;
	height: 20px;
	margin: 0px 57px 0px 62px;
	background-color: #000000;
	/**
	width: 906px;
	height: 4px;
	background: url('/gfx/design/bottom.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 1px; *//
}
#pcontent {
	float: left;
	position: relative;
	width: 768px;
	background: url('/gfx/design/bgcontent.gif');
	background-repeat: repeat-y;
}
#mincontent {
	float: left;
	width: 1px;
	height: 483px;
}

/* GAME ICONS (play, cauldron, wheel) */
#iconsSwf {
	text-align: right;
	width: 154px;
	/*height: 283px;*/
	padding: 0px;
	margin: 0px;

/*	float: left;*/
}
#iconsGfx {
	display: none;
}
#iconsGfx a img {
	border: 0px;
	padding: 5px;
}

/* PLAYER LOGIN DIV */
/*#loginForm {
	margin: auto;
}*/

/* PAGE CONTENT */
#content {
	/* width: 520px; */
	width: 510px;
	padding-left: 8px;
}
#ucontent {
	padding-left: 5px;
	padding-right: 5px;
}
#content h1 {
	color: #448800;
	background-image: url('/gfx/design/h1.gif');
	background-repeat: no-repeat;
	letter-spacing: 4px;
	text-align: center;
	font-size: 14pt;
	font-family: Georgia, serif;
}
#content h2 {
	font-size: 13pt;
	color: #448800;
}
#content p {
	text-align: justify;
	font-size: 9pt;
}
#content p img {
	margin-bottom: -1px;
}
#content a {
	color: #559900;
}

.error, .warning {
	color: #EE0000;
	background-image: url('/gfx/bg.info.gif');
	background-repeat: no-repeat;
}

.info {
	padding: 10px;
	border: 1px solid #559900;
	color: #336600;
	background-color: #F1FAB9;
	background-image: url('/gfx/bg.info.gif');
	background-repeat: no-repeat;
}

.pieceofnews {
	padding: 10px;
	border: 1px solid #559900;
	color: #336600;
	background-color: #F1FAB9;
	background-image: url('/gfx/bg.info.gif');
	background-repeat: no-repeat;
	margin-bottom: 20px;
	clear: both;
	-moz-border-radius: 10px;
	border-radius:10px;
}

.clear {
	clear:both;
}
.center {
	margin: auto;
	text-align: center;
}

/* FORMS STYLE */
form .btn {
	text-align: center;
}

/* RECIPE BOXES */
div.recipe, div.hiddenRecipe {
	float: left;
	position: relative;
	width: 163px;
	height: 203px;
	min-height: 200px;
	font-size: 12pt;
	text-align:center;
	background: url(/gfx/fiche.gif) no-repeat;
	padding-right: 3px;
	margin-bottom: 20px;
}
#content div.recipe ul, #content div.hiddenRecipe ul {
	text-align: left;
	list-style: none;
}
#content div.recipe h1, #content div.hiddenRecipe h1 {
	text-align: center;
	font-size: 10pt;
	background: none;
}
#content div.recipe div.desc {
	height: 140px;
}
#content div.recipe div.component {
	float: left;
	padding-left: 15px;
}
#content div.recipe div.result {
	border-top: 2px solid #797;
	background-color: #FFF;
	width: 140px;
	margin: auto;
	font-size: 10pt;
}

/* TABLES STYLE */
#content table {
	border: 1px solid #D1FAA9;
	border-collapse: collapse;
}
#content table thead tr {
	background-color: #D1FAA9;
	color: #224400;
}
#content table thead tr th {
	padding: 5px;
	text-align: left;
}
#content table thead tr th.c {
	text-align: center;
}
#content table thead tr th.r {
	text-align: right;
}
#content table tbody tr.odd {
	background-color: #FCFFF9;
}
#content table tbody tr.high, #content table tbody tr.odd.high {
	background-color: #AEAEDF;
}

#content table tbody td.n {
	text-align: right;
}
#content table tbody td.r {
	text-align: right;
}
#content table tbody td.c {
	text-align: center;
}
table#siteLayout #content table td {
	padding: 5px;
}

table.vertical th {
	text-align: right;
	padding-left: 15px;
}
table.vertical td {
	padding-right: 15px;
}

#content table.siteLayout td.mtSites {
	display:none;
	}

/* RESULT BROWSER */
table.clean {
	width: 500px;
	margin: auto;
	margin-bottom: 20px;
}
div.paginate {
	margin-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
}

/* USER INVENTORY BOX */
div.inventory {
	float: right;
	width: 95px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
div.inventory h2 {
	text-align: center;
	font-size: 14px;
}
div.inventory div {
	height: 32px;
	margin-left: 0px;
	clear: both;
}
div.inventory div span {
	float: left;
	margin-top: 3px;
	padding-top: 10px;
	font-size: 12px;
}
div.inventory div img {
	float: left;
}
div.inventory .number {
	background-image: url(/gfx/cadre.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 46px;
	height: 23px;
	text-align: center;
}

/* CAULDRON FORM */
form#cauldron div {
	float: left;
}
form#cauldron div div {
	clear: left;
}
form#cauldron div div img {
	float: left;
}
form#cauldron div div input {
	float: left;
}
form#cauldron div div span {
	float: left;
}

/* PRIZE BOXES */
#content div.prize {
	border: 1px solid #e9fdd7;
	border-top: 2px solid #559900;
	background-color: #e9fdd7;
	clear: both;
	padding: 10px;
	margin-bottom: 20px;
}
#content div.prize h2 {
	margin: 0px;
	padding: 0px;
	color: #559900;
}
#content div.prize img.view {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px dashed #333;
	margin-right: 10px;
	margin-bottom: 20px;
}

#content div.prize div.desc {
}

a {
	color: #009;
}
a img {
	border: 0px solid #000;
	text-decoration: none;
}

/* FORM INPUTS AND LABEL */
input {
	padding: 1px 2px;
	font-size: 9pt;
	border: 1px solid #559900;
	color: #336600;
	background-color: #D1FAA9;
}
input[type=submit] {
	cursor: pointer;
	font-weight: bold;
}
label {
	color: #336600;
/*	font-weight: bold;*/
}

form#subscribe .error {
	text-align: center;
}
form#subscribe fieldset {
	border: 1px dashed #559900;
}
form#subscribe fieldset legend {
	background: #F5FEED;
	font-weight: bold;
	font-size: 110%;
}
form#subscribe table {
	margin: auto;
	border: 0px solid #000;
}
form#subscribe table th {
	text-align: right;
}

.underline {
	text-decoration: underline;
}

/* PAYMEANS FORM */
.paymean {
	width: 480px;
	border-top: 2px solid #559900;
	background-color: #e9fdd7;
	margin: 0; padding: 0;
	margin-bottom: 30px;
	padding: 0px 10px 10px 10px;
	clear: both;
}
.paymean div {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.paymean div.head {
	float: left;
	width: 120px;
	text-align: right;
}
.paymean div.content {
	margin-left: 130px;
}
#content .paymean h2 {
	color: #559900;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.paymean .amount {
	font-style: italic;
}
.paymean .cost {
	font-size: 10pt;
}
.paymean .phone {
	font-weight: bold;
	font-size: 14pt;
	margin-top: 10px;
}
.paymean form {
	margin-top: 5px;
}

div.payCountry {
	width: 230px;
	height: 30px;
	margin-bottom: 10px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #000;
	background-color: #D1FAA9;
}
div.payCountry img {
	float: left;
	margin-right: 10px;
}
div.payMode {
	width: 230px;
	margin-bottom: 10px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #000;
	background-color: #D1FAA9;
}

/* USER FACE */
div.face {
	/*padding: 5px;
	margin: 5px;
	border: 2px dashed #777;*/
	float: left;
}

div.otherUserItem {
	float: left;
	width: 100px;
	text-align: right;
	margin-left: 50px;
}
div.otherUserItem .number {
	padding-top: 10px;
	font-weight: bold;
	float: left;
	width: 50px;
}
div.otherUserItem img {
	float: left;
}

/* ILLUSTRATIONS */

img.illRight { float: right; padding-left: 10px; }
img.illLeft  { float: left; padding-right: 10px; }


/* WHEEL PRIZES */

#wheel {
	float: left;
}

#wheelPrizes {
	float: right;
	width: 170px;
	font-weight: bold;
	text-align: center;
}
#wheelPrizes div {
	height: 40px;
	border: 1px dashed #333;
	margin: 2px;
	padding: 5px;
}
#wheelPrizes .gold {
	background-color: #d6f17c;
}
#wheelPrizes .blue {
	background-color: #73bef7;
}
#wheelPrizes .green {
	background-color: #78f28d;
}
#wheelPrizes .orange {
	background-color: #f2b879;
}
#wheelPrizes .red {
	background-color: #f48480;
}
#wheelPrizes .purple {
	background-color: #b882f1;
}

#wheelContinue {
	clear: both;
}

.columnIngredient {
	margin-left: 10px;
	float: left;
	width: 100px;
}

table#siteLayout { border: 0px; border-collapse: collapse; }
table#siteLayout tr td { margin: 0px; padding: 0px; }
table#siteLayout #inventPlace { width: 104px; }

#partners { text-align:left; font-size:10px; }
#partners ul { list-style:none; padding:0px; margin:0px;}
#partners ul li a.part_link { font-weight: bold; }
#partners ul li a:hover { background-color:#D1FAA9; }
/*
#partners { text-align: center; padding-bottom: 50px; }
#partners ul { list-style: none; }
#partners li { padding: 5px; margin: 0px; display: inline; list-style: none; }
#partners li:before { content:"| "; }
#partners li:first-child:before { content:""; }
*/

#mtPartners { clear:both;}

#mtPartners p {
	margin-left		: 10px;
	margin-bottom	: 10px;	
}

#mtPartners ul, #mtPartners li { 
	margin			: 0px 0px 0px 5px;
	padding			: 0px;	
}

#mtPartners ul { 
	list-style		: none;		
	font-size		: 8pt;
}

#mtPartners ul li { 
	margin-bottom	: 10px;		
}

#mtPartners ul li img {
	vertical-align	: -22%;	
}

#mtPartners ul li a { 
	color			: #224400;
}

#mtPartners ul li a:hover { 
	color			: #6c431b;
}

#langs { text-align: center; }

/* Ayame */

.prtn {
	font-size : 7pt;
	}


/* PRESENTATION */

.presentation h2 {
	text-align: right;
	border-bottom: 1px dashed #cc0000;
	padding-top: 20px;
}

.presentation p {
	line-height: 15pt;
}

.game{
	float: left;
	position: relative;
	padding-right: 10px;
}

.cauldron {
	margin-left: 120px;
	width: 250px;
}

.wheel {
	float: left;
	position: relative;
	padding-right: 10px;
}

.school {
	float: left;
	position: relative;
}

.school img {
	padding-left: 15px;
	float: right;
	position: relative;
}

.subscribeNow {
	float:left;
	padding-right: 10px;
}

/* WELCOME */

.sheet {
	padding-bottom: 40px;
	padding-top: 7px;
	height: 70px;
	border: 1px solid #d1faa9;
	-moz-border-radius:10px;
	border-radius:10px;
}

.sheet .text {
	padding-top: 7px;
}

.welcomeList li {
	padding-top: 5px;
}

.notice {
	border: 1px solid #d1faa9;
	min-height: 100px;
	padding: 5px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.notice p {
	position:relative;
	padding:0px;
	margin:0px;
	width: 370px;
	line-height: 15pt;
	}

.notice img {
	width: 100px;
	margin-left:380px;
	margin-top:0px;
	position:absolute;
	}

.notice p object {
	margin-left:115px;
}

/* LINKS */

#content .outstanding {
	color: #CC0000;
	}

/* TELL A FRIEND */

.tell .illLeft {
	width: 100px;
	}

.tell p {
	line-height: 13pt;
	}

.tell p.firstParagraph {
	padding-top: 20px;
	}

.tell ul {
	margin-left: -25px; /* ie problem: \css\ie.css */
	list-style-type: decimal;

	}
.tell ul li {
	padding-top: 25px;
}

.tell h3 {
	font-size: 10pt;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: -25px;
}

.tell pre {
	width: 490px;
	margin-left: -20px;
	margin-bottom: 20px;
	font-size: 8pt;
	text-align: left;
	color: black;
	background-color: white;
	padding: 5px;
	border: 1px dashed #48731e;
}

#page #bottom ul {
	margin-left: 160px;
	list-style-type: none;
}

#page #bottom .lista li {
	display: inline;
	margin: 10px;
}

#page #bottom li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}

#page #bottom li a:hover {
	color: #f9ec71;
	text-decoration: underline;
}

.loginRight {
	width: 90px;
	font-size: 10pt;
	margin: 15px 0px 20px 8px;
	padding: 3px;
	outline: 1px dashed #559900;
}

.loginRight input {
	width: 80px;
}


.loginRight .goIn {
	margin-top: 3px;
	background-color: #336600;
	width: 85px;
	font-size: 8pt;
	color: #d1faa9;
}

.loginRight table {
	padding:0px;
	margin:0px;
	}

.loginRight table td.tex {
	font-size: 7pt;
	text-align: center;
	}

.none {
	padding:0px;
	margin:0px;
	}