/**
KKWorld css

Copyright 2006 - Motion-Twin (http://www.motion-twin.com)
**/

/***************************************************************/
/** 																						COMMON THINGS **/

body {
	margin:0px; padding:0px;
	color 							: #0687b1 ;
	background-color		: #dffaff ;
	font-family					: Trebuchet MS, Arial, sans-serif ;
	font-size						: 12pt ;
	background-image		: url('/gfx/gui/base/patternBG.jpg');
	background-repeat		: repeat;
	background-position	: 0px 100px;
	position 						: relative;
}

br {  }
div {position : relative;}

/***************************************************************/
/** 																								Structure **/

div#dev {
	margin:0px; padding:0px;
	z-index							: 3;
	position 						: relative;
	width 							: 100%;
	background-image		: url(/gfx/dev.gif);
	background-repeat		: repeat-x;
	background-position	: top left;
	height 							: 10px;
}




div#header {
	margin:0px; padding:0px;
	z-index							: 2;
	position 						: relative;
	width 							: 100%;
	background-image		: url('/gfx/gui/base/bg_header.jpg');
	background-repeat		: repeat-x;
	background-position	: top left;
	height 							: 100px;
}

div#header .admin{
	position 			: absolute;
	top 				: 106px;
	left 				: -80px;
	font-size 			: 8pt;
	padding 			: 3px;
	width 				: 70px;
	border 				: 2px solid #0687b1 ;
	background-color 	: #5babbb ;
}
div#header .admin a {
	overflow 	: hidden;
	color 		: white;
	font-weight : normal;
	display		: block;
	font-size 	: 10px;

	}

div#header .admin a:hover {	background-color : #0687b1 ; text-decoration : none;}


div#header li { list-style-image : none; list-style : none;}

div#header div.head{
	margin:0px; padding:0px;
	position 					: relative;
	margin 						: auto;
	width 						: 960px;
}

div#header div.head h1 {
	margin:0px; padding:0px;
	background-image	: url('/gfx/gui/logo_base.png');
	background-repeat	: no-repeat;
	background-position : 0px 0px;
	width 				: 424px;
	height 				: 78px;
	cursor 				: pointer;
}

div#header div.head h1.vip1 {background-image	: url('/gfx/gui/logo_vip1.png');}
div#header div.head h1.vip2 {background-image	: url('/gfx/gui/logo_vip2.png');}
div#header div.head h1.vip3 {background-image	: url('/gfx/gui/logo_vip3.png');}

div#header div.head  h1 span {
	display : none;
}

span.cp { font-size: 10px; }

#bHead{
	width 					: 100%;
	background-image		: url('/gfx/gui/base/bottomHeader.jpg');
	background-repeat		: repeat-x;
	background-position		: top left;
	height 					: 13px;

}

#loginBar {
	margin-top : 10px;

}

#mainContainer{
	z-index				: 1;
	margin 				: auto;
	margin-top			: 10px;
	padding 			: 0px;
	width 				: 960px;
}

#contentBox {
	margin:0px; padding:0px;
	z-index				: 1;
	border 				: 0px solid red;
	padding 			: 2px;
	width 				: 950px;
	background-color 	: transparent;
	background-image	: url('/gfx/gui/base/background.jpg');
	background-repeat 	: repeat-y;
	margin-top 			: 35px;
	margin-bottom 		: 0px;

}

div.whiteBorder{
	z-index				: 2;
	border 				: 0px solid white ;
	background-color 	: transparent;
	background-image	: url('/gfx/gui/base/content_top.jpg');
	background-repeat	: no-repeat;
	margin-left 		: -2px;
	margin-top 			: -30px;
	padding-top 		: 22px;
	padding-left 		: 63px;
	padding-right 	: 63px;
}



#contentBottom{
	background-image	:	url('/gfx/gui/base/content_bottom.jpg');
	background-repeat	: no-repeat;
	height 				: 60px;
	margin-left 		: -2px;
}



#tabContainer{
	border 				: 0px solid #0687b1 ;
	border-top 			: 1px solid #0687b1 ;
	vertical-align 		: top;
}

#tabContainer td{	border: 0px solid #0687b1 ;}
#tabContainer td.sider {
	vertical-align 		: top;
	width				: 5px;
	background-color	: #89BC24;
}

#tabContainer td.center {
	width:890px;
}

#langs {
	position 	: absolute;
	top 		: 10px;
	left 		: -20px;
	width 		: 32px;
	 }
#langs a {

	display : block;
	margin : 1px;

}

#langs a:hover {


	}



#footer{
	border			: 0px solid #0687b1 ;
	color 			: white;
	text-align		: center ;
	width 			: 900px;
	margin 			: auto;
}

#footer p {
	color 				: white;
	font-size 			: 12px;
	line-height		 	: 12px;
}



#footer a {
	color 							: white;
	border  : 0px solid red;
}

#footer a img{
	margin:0px; padding:0px;
	padding 					: 1px;
	border						: 0px solid #0687b1 ;
}
/***************************************************************/
/** 																						Mise en page **/

#mainContainer p {
	color 						: #0687b1 ;
	position 					: relative;
	margin:0px; padding:0px;
	margin-bottom 		: 16px;
	margin-top 				: 16px;
	font-size 				: 16px;
	letter-spacing 		: 0.02em;
}

p:first-letter {
	font-weight  :bold;
}


p.small {
	color 						: #0687b1 ;
	position 					: relative;
	margin:0px; padding:0px;
	margin-bottom 		: 6px;
	font-size 				: 14px;
	line-height 			: 14px;
	letter-spacing 		: 0em;
}
a {
	letter-spacing 		: 0.02em;
	font-weight  			: bold;
	color							: #ffa400;
	text-decoration 	: none;

}

a span.tokens {
	color : #ffa400;
}

a:hover {
	text-decoration 	: underline;;
}

a.small {
	letter-spacing 		: 0em;
	font-weight  			: normal;
	font-size 				: 12px;

	color							: #ffa400;
	text-decoration 	: none;
	border-bottom 		: 0px dashed #3ac2dd ;
}

a.small:hover {
	border-bottom 		: 1px solid #ffa400;
}

a img { border:none; }

a.admin {
	color :#ff4482;
	padding-left : 5px;
	border-bottom 		: 2px solid #ff4482 ;
}

a.admin:hover {
	border-bottom 		: 2px solid white ;
}

a.button{
	color 							: #6fa20a ;
	height 							: 22px;
	font-size  					: 14px;
	font-weight					: bold;
	padding-left 				: 10px;
	padding-right 			: 5px;
	background-position : -30px -10px;
	border 							: 1px solid #6fa20a ;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
	background-color		: #fff ;
}

a#moreTokens.button {
	display: inline-block;
	width: 118px;
	height: 24px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	color: #ffa400;
	overflow: hidden;
	text-indent: -1000px;
	background-image		: url('/gfx/gui/base/buy.gif');
	background-position     : 0px 0px;
	background-repeat       : no-repeat;
	background-color		: #fff ;
}
a#moreTokens.button:hover {
	background-image		: url('/gfx/gui/base/buy_hover.gif');
}

a.button:hover {
	background-position : -25px -10px;
}

a.tinybutton{
	color 							: #6fa20a ;
	height 							: 12px;
	font-size  					: 12px;
	font-weight					: bold;
	padding-left 				: 8px;
	padding-right 			: 3px;
	background-position : -30px -10px;
	border 							: 1px solid #6fa20a ;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
	background-color		: #fff ;
}


a.tinybutton:hover {
	background-position : -25px -10px;
}

a.button img {
	vertical-align : -19%;
}

a.cancel:hover {
	background-position : -25px -10px;
	border 							: 1px solid #ff3f72 ;
}

a.cancel {
	color 							: #ff3f72 ;
	height 							: 22px;
	font-size  					: 14px;
	font-weight					: bold;
	padding-left 				: 10px;
	padding-right 			: 5px;
	border 							: 1px solid #ff3f72 ;
	background-position : -30px -10px;
	background-image		: url('/gfx/gui/base/pinkh2_bg.jpg');
}


span.disabledButton {
	cursor : pointer;
	color 					: #466167 ;
	height 					: 22px;
	font-size  				: 14px;
	font-weight				: bold;
	padding-left 			: 10px;
	padding-right 			: 5px;
	border 					: 1px solid #466167 ;
	background-position 	: -30px -10px;
	background-image		: url('/gfx/gui/base/greyh2_bg.jpg');
}

a.icon {
	border 						: 0px solid #ff3f72 ;
	margin-top 					: 3px;
}
a.icon:hover img {
	margin-top : 0px;
}

.clear { clear:both; }

.clearMe{
	position		: relative;
	clear				: both;
	margin			: 0px;
	padding			: 0px;
	height			: 1px;
	font-size		: 0pt;
	line-height	: 0pt;
}

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

ul {
	list-style-image :  url('/gfx/gui/base/puce.jpg');
}

ul.noPuce {
	list-style		: none;
}

/*
* {
position 					: relative;
}
*/

h1 {
	font-size				: 22pt;
	margin 					: 5px;
	padding-left 			: 80px;
	margin-top 				: 10px;
	padding-top 			: 3px;
	background-image		: url('/gfx/gui/base/h1_tristar.gif');
	background-repeat		: no-repeat;
	background-position		: 0px 4px;
	line-height 			: 30px;

}

h2 {
	position 			: relative;
	font-size			: 18pt;
	margin-top 			: 10px;
	margin-left 		: -30px;
	margin-right 		: -30px;
	margin-bottom 		: -60px;
	padding-left 		: 50px;
	padding-top 		: 3px;
	height 				: 97px;
	color 				: #0687b1 ;
	background-image	: url('/gfx/gui/base/blueh2_bg.jpg');
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
}

h2.green{
	color : #89bc24 ;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
}

h2.pink{
	color : #ff6b9c ;
	background-image		: url('/gfx/gui/base/pinkh2_bg.jpg');
}

h2.grey{
	color : #4e7f88 ;
	background-image		: url('/gfx/gui/base/greyh2_bg.jpg');
}

h3 {
	position 				: relative;
	font-size				: 15pt;
	margin-top 				: 5px;
	margin-left 			: -30px;
	margin-right 			: -30px;
	margin-bottom 			: -25px;
	padding-left 			: 40px;
	padding-top 			: 3px;
	height 					: 61px;
	color 					: #3ac2dd ;
	background-image		: url('/gfx/gui/base/h3_bg.jpg');
	background-repeat		: no-repeat;
	background-position		: 0px 10px;
}

span.smallTxt	 {
	font-size : 12px;
	line-height : 12px;
}

div.medsize {
	width : 470px;
}

div.padRight {
	margin-left : 150px;
}

div.warning {
	border 						: 2px solid #ffa400;
	border-left 			: 10px solid #ffa400;
	background-color	: #ff6100 ;
	padding 					: 1px;
	margin 						: 5px;
	margin-bottom 		: 10px;
}

div.warning	div{
	border 						: 3px solid white;
	background-color	: #fff8ca ;
	background-image	:	url('/gfx/gui/base/orangeBg.jpg');
	background-repeat	: no-repeat;
	padding						: 5px;
}

div.warning a {	color : #5babbb ; }

div.warning p,
div.warning ul {
	color							: #ffa400 ;
	font-weight 			: bold;
}

div.helpBox {
	border 				: 2px solid #738e93;
	border-left 		: 10px solid #738e93;
	background-color	: #466167 ;
	padding 			: 1px;
	margin 				: 5px;
	margin-bottom 		: 10px;
}

div.helpBox	div{
	border 						: 3px solid white;
	background-color	: #e9f9fd ;
	background-image	:	url('/gfx/gui/base/greyBg.jpg');
	background-repeat	: no-repeat;
	padding						: 5px;
}

div.helpBox p {
	color							: #738e93 ;
	font-weight 			: bold;
}

div.confirm {
	border 						: 2px solid #89bc24;
	border-left 			: 10px solid #89bc24;
	background-color	: #6fa20a ;
	padding 					: 1px;
	margin 						: 5px;
	margin-bottom 		: 10px;
	color							: #89bc24 ;
	font-weight 			: bold;
}

div.confirm	div {
	border 						: 3px solid white;
	background-color	: #F3FFD7 ;
	background-image	:	url('/gfx/gui/base/greenBg.jpg');
	background-repeat	: no-repeat;
	padding						: 5px;
}

div.confirm p,
div.confirm ul {
	color							: #89bc24 ;
	font-weight 			: normal;
	font-size : 14px;
	line-height : 14px;

}

div.error {
	border 						: 2px solid #ff6b9c;
	border-left 			: 10px solid #ff6b9c;
	background-color	: #f40b58 ;
	padding 					: 1px;
	margin 						: 5px;
	margin-bottom 		: 10px;
}

div.error	div{
	border 						: 3px solid white;
	background-color	: #ffecf2 ;
	background-image	:	url('/gfx/gui/base/pinkBg.jpg');
	background-repeat	: no-repeat;
	padding						: 5px;
}

div.error p,
div.error ul {
	color							: #ff6b9c ;
	font-weight 			: bold;
}


p.tiny {
	font-size : 12px;
	line-height : 12px;


}

/***************************************************************/
/** 										A Table ! **/


table {
	position : relative;
	/*min-width					: 400px;*/
	border						: 2px solid #5babbb ;
	border-collapse   : collapse;
	padding 					: 0px;
	padding-left 			: 10px;
	margin 						: auto;
	margin-bottom 		: 10px;
}


table.noBorder,
table.noBorder tr,
table.noBorder tr td{
	padding : 2px;
	margin 	: 2px;
	border	: 0px solid #5babbb ;
	background-color : transparent;
}


table tr td,
table tr th {
	border					: 1px solid #5babbb;
	padding					: 2px;
	padding-left 		: 5px;
	padding-right 	: 5px;
}

/* things in table HEAD are headers and should look like headers */
table thead tr {
	color 							: #0687b1;;
	background-image		: url('/gfx/gui/base/blueh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: -50px -3px;
	font-size 					: 14pt;
}

table thead tr th {
	text-align: center;
}

table thead tr th img {
	vertical-align : -18%;
	margin-right : 5px;

}

table thead tr th.tiny {
	font-size  			: 10px;
	line-height 		: 10px;
	font-weight  		: normal;
	letter-spacing  : 1px;
	text-transform 	: uppercase;
}

table tr td.tiny {
	border					: 0px solid  white;
	padding					: 2px;
	padding-left 		: 5px;
	padding-right 	: 5px;
	font-size  			: 12px;
	line-height 		: 14px;
	font-weight  		: normal;
}

/* a TH only occurs in a BODY on the left to introduce data horizontally, it is a header too. */
table tbody tr th {
	text-align: right;
}
table tbody tr {
	background-color: #eaf8fa;
}

table tbody tr.false,
table tbody tr.oddfalse {
	background-color: white ;
}


table tbody.numbers tr td {
	text-align:right;
}

/* Sums are cool too, they appear in TFOOT */
table tfoot tr {
	background-color: #fff;
	font-weight: bold;
}

/* Sometimes we want to manually align table data on the right */
table td.r { text-align:right; }
table td.c { text-align:center; }


table.noborder {
	border : 0px solid red;
	}



table .level{
	width : 50px;
	text-align : center;
}

table .rank{
	width : 110px;
	text-align:right;
}


table .ranksmall{
	width : 100px;
	text-align:right;
}

table .game{
	width : 150px;
}

table .gamesmall{
	width : 130px;
}

table .score{
	width : 120px;
	text-align : right;
}

table .scoresmall{
	width : 80px;
	text-align : right;
}

table .tinytiny{
	width : 40px;
}

table .tinysmall{
	width : 50px;
}

table .small{
	width : 70px;
}

table .med{
	width : 120px;
}

table .wide{
	width : 200px;
}

table .widewide{
	width : 280px;
}

table .big,
#forum table .big{
	width : 380px;
}
#forum h3{
	height : 20px;
	margin:0px; padding:0px;
	}

/***************************************************************/
/** 																				tu es en Form ?		**/


fieldset {position : relative;}

fieldset h4 {
	margin:0px; padding:0px;
	padding-left : 10px;
	font-size : 18px;
	background-color : #0687b1 ;
	color : white;
}


button{
	color 						: #6fa20a ;
	height 						: 22px;
	font-size  					: 14px;
	font-weight					: bold;
	border 						: 1px solid #6fa20a ;
	background-image			: url('/gfx/gui/base/greenh2_bg.jpg');
	padding-left 				: 10px;
	margin-right				: 10px;
	background-position 		: -30px -10px;
	background-color			: #fff ;
	cursor 						: pointer;
}


button:hover,
button.cancel:hover {
	background-position : -25Px -10px;
}


button.cancel{
	color 							: #ff3f72 ;
	border 							: 1px solid #ff3f72 ;
	background-image		: url('/gfx/gui/base/pinkh2_bg.jpg');
	padding-left 				: 10px;
	background-position : -30px -10px;
}

input {
	color 							: #20a8c3 ;
	border 							: 2px solid white ;
	border-left 				: 10px solid white ;
	background-image		: url('/gfx/gui/base/inputBg.jpg');
	background-repeat		: repeat-x;
	padding-left				: 5px;
}

input.check {
	color 							: #20a8c3;
	border 							: 0px solid white ;
	background-image		: none;
	background-color		: #fff;
	margin:0px; padding:0px;
}

select {
	color 							: #20a8c3 ;
	border 							: 2px solid white ;
	border-left 				: 9px solid white ;
	background-image		: url('/gfx/gui/base/inputBg.jpg');
	background-repeat		: repeat-x;
	background-color: #c7f6fc;
	padding-left				: 0px;
}


option {
	border 							: 0px solid red;
	background-color 		: transparent;
	background-image		: url('/gfx/gui/base/inputBg.jpg');
	background-repeat		: repeat-x;
}


form fieldset option:focus,
form fieldset option:hover {
	color: black;
	background-color 		: #e4fcb0;
	background-image		: url('/gfx/gui/base/inputOk.jpg');
	background-repeat		: repeat-x;
	background: none;
}

option.active {
	background-color 		: #e4fcb0;
	background-image		: url('/gfx/gui/base/inputCancel.jpg');
	background-repeat		: repeat-x;
}

label{
	position : relative;
	font-size : 15pt;
}

input, textarea {

	background-color : #f0feff;
}



input:focus,
form fieldset li.error input:focus,
form fieldset option:focus {
	color 							: #89bc24;
	background-image		: url('/gfx/gui/base/inputOk.jpg');
}

/* pas sous IE6
label:after{
content:':';
}
*/

form{position : relative;}
form fieldset {

	width 					: 600px;
	margin 					: auto;
	padding 				: 0px;
	border 					: 1px solid #738e93 ;
	background-color		: #eaf8fa ;
	background-image		:	url('/gfx/gui/base/greyBg.jpg');
	background-repeat		: no-repeat;
	background-position	 	: -60px -20px;
}
form fieldset.small {
	width 						: 500px;
}

form fieldset ul {
	margin 						: 0px;

	padding 				: 10px;
	border 					: 2px solid #fff ;
	list-style-image		: none;
}

form fieldset ul li {
	position: relative;
	list-style	: none;
	clear 			: both;
}

form fieldset li.center {
	text-align 	: center;
}

form fieldset label  {
	position 			: relative;
	display 			: block;
	float 				: left;
	text-align 		: right;
	padding-right : 10px;
	line-height 	: 25px;
	width 				: 200px;
}

form fieldset label.checkbox {
	position 		: relative;
	font-size		: 12pt;
	width 			: 100%;
	display			: block;
	text-align	: center;
}


form fieldset select#country_select {
	width: 260px;
}

form fieldset input[type=text],
form fieldset input[type=password] {
	width 				: 250px;
	margin-bottom 	: 5px;
}

form fieldset li.error input {
	color 							: #ff6b9c;
	background-image		: url('/gfx/gui/base/inputCancel.jpg');
}

form fieldset ul li span{	display : none;}

form fieldset ul li span.smallKpoints,
form fieldset ul li span.smallKpoints span{	display : inline;}

form fieldset ul li.facultative label {
	opacity: 0.5;
}
form fieldset ul li.facultative input {
	opacity: 0.8;
}
form fieldset ul li.error label{
	color : #ff4482 ;
}

form fieldset ul li.error span{
	display 		: block;
	text-align 	: center;
	color 			: #ff4482 ;
	font-weight : bold;
}


form fieldset label em.msg {
	color				: #aaa;
	font-size		: .8em;
	font-style	: normal;
	line-height	: 2px;
	position		: absolute;
	right				: -246px;
	top					: 0px;
}

form fieldset table {
	border: 0px solid #5babbb;
}

form fieldset label.infos  {
	position 			: relative;
	display 			: block;
	float 				: left;
	text-align 		: right;
	padding-right : 10px;
	width 				: 130px;
}


form fieldset div.infos {
margin-left  : 140px;

}



/***************************************************************/
/** 		 TOOL TIP **/

#tooltip, .tip {
	position					: absolute;
	top								: -1000px;
	z-index						: 10;
	color 						: #1c5059;
	background-color	: transparent;
	border-right			: 0px solid #5E833B;
	border-bottom			: 0px solid #5E833B;
	width 						: 288px;
}

#tooltip div.tipBg, .tip .tip-wrap {
	position : relative;
	background-image			: url('/gfx/gui/base/tooltip_rightshadow.png');
	background-repeat			: no-repeat;

}
#tooltip div.foot, .tip .tip-foot {
	height : 30px;
	background-image			: url('/gfx/gui/base/tooltip_bottomshadow.png');
	background-repeat			: no-repeat;
}

#starTip, .tip .tip-star {
	z-index						: 12;
	position : absolute;
	top : 3px;
	left : 3px;
	height : 40px;
	width : 40px;
	/* background-image		: url(/gfx/icons/redStar.gif); */
	background-repeat		: no-repeat;
}

#tooltipContent, .tip .tip-inner {
	z-index					: 11;
	width 					: 270px;
	background-color: #89bc24 ;
	padding : 2px;
}



#tooltipContent div.title, .tip .tip-title {
	color 							: #6fa20a;
	padding 						: 2px;
	padding-left 				: 20px;
	margin 							: 0px;
	margin-bottom 			: 2px;
	border							: 1px solid #6fa20a ;
	font-size 					: 14px;
	line-height 				: 14px;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
	background-repeat		: repeat-x;
	background-position	: -15px -5px;
	background-color		: #f9f7d2;
}

#tooltipContent div.content, .tip .tip-content {
	padding 					: 3px;
	margin 						: 0px;
	border						: 1px solid #6fa20a;
	background-color	: #F3FFD7 ;
	background-image	:	url('/gfx/gui/base/greenBg.jpg');
	background-repeat	: no-repeat;
	background-position	: -205px -5px;
	color 						: #6fa20a;
	font-size 				: 12px;
	line-height 			: 13px;
	padding-bottom 		: 5px;
	padding-left			: 20px;
}

#tooltipContent div.content p, .tip .tip-content p {
	border					: 0px solid #fff;
	margin 					: 0px;
	padding 				: 0px;
	margin-top 			: 5px;
	font-size 				: 12px;
	line-height 			: 13px;
	padding-bottom 		: 5px;
	color 						: #6fa20a;
}



/***************************************************************/
/** 		MAIN MENU **/

div#statBar {
	position 					: absolute;
	top 							: 74px;
	left 							: 20px;
	width 						: 390px;
	height 						: 40px;
	text-align 				: right;
	background-image	:	url('/gfx/gui/base/kkbar.gif');
	background-repeat	: no-repeat;
	padding-left			: 30px;
}


div#statBar div.freeplay,div#statBar div.xtraplay,div#statBar div.kpoints{
	margin-top 		: 6px;
	position 			: relative ;
	float 				: left ;
	width 				: 75px;
	padding-left 	: 30px;
	text-align  	: left;
	border 				: 0px solid red;
}

div#statBar div.freeplay{ 	width 				: 40px;}
div#statBar div.xtraplay{ 	width 				: 90px;}
div#statBar div.kpoints{ 	width 				: 125px;}





/***************************************************************/
/** 	USER MENU **/

div#mainBar {
	position 			: absolute;
	top 				: 2px;
	right 				: -10px;
	width 				: 201px;
	height 				: 182px;
	text-align 			: right;
	background-image	: url('/gfx/gui/base/userMenu.gif');
	background-repeat	: no-repeat;
}

div#mainBar ul{
	margin:0px; padding:0px;
	font-size : 10pt;
}

div#mainBar div.info {
	position  : relative;
	height 		: 100%;
}
div#mainBar div.kalendar {
	position  : relative;
}

div#mainBar div.kalendar div{
	position 		: absolute ;
	font-size 	: 10px;
	color 			: #7a9ca4 ;
	top					: 84px;
	right				: 52px;
}

div#mainBar div.kalendar img{
	position 		: absolute ;
	top					: 45px;
	left				: 16px;
	outline 		: 0px solid red;
}

div#mainBar div.user{
	position 		: absolute ;
	top					: 8px;
	left				: 15px;
}


div#mainBar div.vipCard{
	position : absolute;
	top : 12px;
	left : 120px;
	}

div#mainBar div.helpmeplease{
	position : absolute;
	top : 110px;
	left : 133px;

	}



div#mainBar div.bankMenu{
	position 		: absolute ;
	top					: 108px;
	left				: 7px;

}

div#mainBar div.bankMenu a {
	display						: block;
	height 						: 23px;
	width  						: 143px;
	background-image	:	url('/gfx/gui/base/buy.gif');
	background-repeat	: no-repeat;
	border 						: none;
}

div#mainBar div.bankMenu a:hover {
	background-image	:	url('/gfx/gui/base/buy_hover.gif');
}


div#mainBar div.actions{
	position 		: absolute ;
	top					: 6px;
	left				: 166px;
	border 			: 0px solid red;
	width 			: 25px;
	margin:0px; padding:0px;
}

div#mainBar div.actions ul,
div#mainBar div.actions ul li{
	margin:0px; padding:0px;
	list-style-image : none;
}

div#mainBar div.actions ul li	{
	margin-bottom : 5px;
}

div#mainBar div.actions ul li a{
	display						: block;
	overflow 					: hidden;
	height 						: 21px;
	width  						: 25px;
	background-image	:	url('/gfx/gui/base/pod_button.gif');
	background-repeat	: no-repeat;
	border 						: none;
	text-align 				: center;
	line-height 			: 28px;
}

div#mainBar div.actions ul li a span{ display : none ;}

div#mainBar div.actions ul li a.active,
div#mainBar div.actions ul li a:hover {
	background-image	:	url('/gfx/gui/base/pod_button_hover.gif');
}


div#mainBar a.miscAction{
	display						: block;
	overflow 					: hidden;
	height 						: 21px;
	width  						: 25px;
	background-image	:	url('/gfx/gui/base/pod_button.gif');
	background-repeat	: no-repeat;
	border 						: none;
	text-align 				: center;
	line-height 			: 28px;
}

div#mainBar a.miscAction span{ display : none ;}

div#mainBar a.miscAction:hover {
	background-image	:	url('/gfx/gui/base/pod_button_hover.gif');
}





div#mainBar div.logout a{
	display						: block;
	height 						: 23px;
	width  						: 23px;
	background-image	:	url('/gfx/gui/base/logout.jpg');
	background-repeat	: no-repeat;
	border 						: none;
}

div#mainBar div.mailBox{
	position 		: absolute ;
	top					: 40px;
	left				: 168px;
}

div#mainBar div.mailBox a{
	display						: block;
	height 						: 23px;
	width  						: 23px;
	background-image	:	url('/gfx/gui/base/mailBox.jpg');
	background-repeat	: no-repeat;
	border 						: none;
}


div#mainBar div.logout span,
div#mainBar div.mailBox span,
div#mainBar div.bankMenu span {
	display : none;
}



span.mailType{
	float : left ;
	position : relative;

}

/***************************************************************/
/** 				MAIN MENU **/
div#adminMenu{
	margin:0px; padding:0px;
	position 	: absolute;
	width 		: 480px;
	top 			: 10px;
	left   		: 430px;
}


#adminMenu ul.actionbar{
	width 					: 600px;

	}


div#menu {
	margin:0px; padding:0px;
	position 	: absolute;
	width 		: 480px;
	top 			: 5px;
	left   		: 430px;
}


div#menu ul {
	margin:0px; padding:0px;
	list-style	: none;
}

div#menu ul li {
	position : relative;
	float : left;
}

div#menu ul li a {
	text-align 					: center;
	width 							: 110px;
	height 							: 100px;
	display 						: block;
	background-position : top left;
	background-repeat		: no-repeat;
	background-image		: none;
}


div#menu ul li a span.icon {
	text-align 					: center;
	width 							: 110px;
	height 							: 100px;
	display 						: block;
	border  						: 0px solid #0687b1 ;
	margin-right 				: 0px ;
	background-color		: transparent ;
	background-position : top left;
	background-repeat		: no-repeat;
	background-image		: url('/gfx/gui/base/menu_game.gif');
}

div#menu ul li a span.txt { display :none; }

div#menu ul li.game a span.icon		{	background-image		: url('/gfx/gui/base/menu_game.gif');}
div#menu ul li.site a	span.icon		{	background-image		: url('/gfx/gui/base/menu_site.gif');}
div#menu ul li.shop a	span.icon		{	background-image		: url('/gfx/gui/base/menu_boutique.gif');}
div#menu ul li.intro a span.icon	{	background-image		: url('/gfx/gui/base/introducing.gif');}
div#menu ul li.regist a	span.icon	{	background-image		: url('/gfx/gui/base/register.gif');}
div#menu ul li.try a span.icon		{	background-image		: url('/gfx/gui/base/try.gif');}



div#menu ul li a:hover {
	background-position : top left;
	background-repeat		: no-repeat;
	background-image		: url('/gfx/gui/base/selection.gif');
}

/***************************************************************/

div#rewards {
	position 					: relative;
	width 						: 655px;
	height 						: 320px;
	padding-left 			: 30px;
	padding-top 			: 10px;
	background-image 	: url('/gfx/gui/base/rewards.gif');
	background-repeat : no-repeat;
}


img.rewardsart{
	position :absolute;
	top : -40px;
	right : 20px;
}

div#rewards ul {
	margin:0px; padding:0px;
	list-style	: none;
}

div#rewards ul li{
	float 		: left ;
	position 	: relative;
}

div#rewards ul li div{
	position : relative;
	width  		: 150px;
	height 		: 120px;
	opacity              : 0.30;
	filter               : alpha(opacity=30);
}

div#rewards ul li div.active{
	opacity              : 1.00;
	filter               : alpha(opacity=100);
}

div#rewards ul li span.qte{
	position : absolute;

	bottom : 5px;
	right : 2px;
}

#lvl0 div					{	background-image : url('/gfx/gui/base/level_0_disabled.gif');	}
#lvl1 div					{	background-image : url('/gfx/gui/base/level_1_disabled.gif');	}
#lvl2 div					{	background-image : url('/gfx/gui/base/level_2_disabled.gif');	}
#lvl3 div					{	background-image : url('/gfx/gui/base/level_3_disabled.gif');	}
#lvl4 div					{	background-image : url('/gfx/gui/base/level_4_disabled.gif');	}
#lvl5 div					{	background-image : url('/gfx/gui/base/level_5_disabled.gif');	}
#lvl6 div					{	background-image : url('/gfx/gui/base/level_6_disabled.gif');	}
#lvl7 div					{	background-image : url('/gfx/gui/base/level_7_disabled.gif');	}

#lvl0 div.active	{	background-image : url('/gfx/gui/base/level_0.gif');}
#lvl1 div.active	{	background-image : url('/gfx/gui/base/level_1.gif');}
#lvl2 div.active	{	background-image : url('/gfx/gui/base/level_2.gif');}
#lvl3 div.active	{	background-image : url('/gfx/gui/base/level_3.gif');}
#lvl4 div.active	{	background-image : url('/gfx/gui/base/level_4.gif');}
#lvl5 div.active	{	background-image : url('/gfx/gui/base/level_5.gif');}
#lvl6 div.active	{	background-image : url('/gfx/gui/base/level_6.gif');}
#lvl7 div.active	{	background-image : url('/gfx/gui/base/level_7.gif');}


/***************************************************************/
/** 				  TABULATION  **/
div#tabulation {
	z-index				: 3;
	position 			: absolute;
	top 					: -33px;
	left 					: 28px;
	margin 				: 0px;
	padding 			: 0px;
	margin-bottom : 1px;
	width 				: 956px;
	height 				: 34px;
}

div#tabulation ul {
	position 			: relative;
	display				: block;
	list-style		: none;
	padding 			: 0px;
	margin 				: 0px;
	height				: 32px;
}

div#tabulation ul li {
	position 						: relative;
	border							: 2px solid  white;
	background-color		: #5babbb ;
	border-bottom				: 0px solid white ;
	float								: left;
	margin 							: 0px;
	padding 						: 2px;
	margin-right				: 5px;
	height							: 28px;
	line-height  				: 26px;
	font-size 					: 14pt;
	font-variant			: small-caps;
	letter-spacing			: 1px;
}

div#tabulation ul li a {
	border							: 1px solid #eaf8fa ;
	display 						: block;
	height							: 28px;
	line-height  				: 28px;
	text-align					: center;
	width								: 151px;
	color								: #0687b1;
	text-decoration			: none;
	font-weight					: bold;
	background-image		: url('/gfx/gui/base/folder_down.jpg');
	background-repeat		: repeat-x;
}

div#tabulation ul li a.active {
	color 							: #5babbb;
	border							: 2px solid #f4feff ;
	height							: 28px;
	background-image		: url('/gfx/gui/base/folder_active.jpg');
	background-repeat		: repeat-x;
}

div#tabulation ul li a:hover {
	color 							: #5babbb;
	background-image		: url('/gfx/gui/base/folder_up.jpg');
}


div#tabulation ul li.disabled span {
	border							: 1px solid white ;
	color 							: white;
	display 						: block;
	height							: 28px;
	line-height  				: 28px;
	text-align					: center;
	width								: 151px;
	text-decoration			: none;
	font-weight					: bold;
	background-image		: url('/gfx/gui/base/folder_disabled.jpg');
	background-repeat		: repeat-x;
}


/*****************************************************************/
/** 		 		ACTIVE BOX  **/


#activesBoxes {
	margin-top 				: 20px;
	margin-right			: -103px;
	position					: relative;
	float							: right;
}

div.activeBox {
	margin:0px; padding:0px;
	z-index						: 20;
	border						: 0px solid #0687b1 ;
	background-color 	: white;
	width							: 200px;
	margin-top 					: 0px;
	background-color		: transparent;
	clear 						: both;
	font-size 					: 10px;
	line-height 				: 10px;
}
div.activeBox div.challenge {
	position: relative;
	cursor: pointer;
	border : 1px solid #ABE2FD;
}
div.activeBox div.challenge div.score {
	position: absolute;
	top: 87px;
	width: 176px;
	height: 17px;
	padding-top: 2px;
	text-align: center;
	background-color: #ABE2FD;
}

div.activeBox div.challenge a {
	display: block;
	font-weight: bold;
	text-align: center;
}

#activesBoxes a {
	letter-spacing 			: 0em;
	font-weight  			: normal;
	font-size 				: 11px;

	color					: #ffa400;
	text-decoration 		: none;
	border-bottom 			: 0px dashed #3ac2dd ;
}
#activesBoxes a:hover {
	text-decoration : underline;
}



#contentBox div.activeBox {
	z-index					: 20;
	color 					: #1c5059;
	background-color		: transparent;
	width 					: 218px;
}

#contentBox div.activeBox div.box {
	width 							: 190px;
	background-color				: #89bc24 ;
	padding 						: 2px;
	font-size 						: 14px;
	line-height 					: 14px;
}

#contentBox div.activeBox h1{
	color 					: #6fa20a;
	padding 				: 2px;
	padding-left 			: 20px;
	margin 					: 0px;
	margin-bottom 			: 2px;
	border					: 1px solid #6fa20a ;
	font-size 				: 14px;
	line-height 			: 12px;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
	background-repeat		: repeat-x;
	background-position		: -15px -5px;
	background-color		: #f9f7d2;
}



#contentBox div.activeBox div.content{
	padding 				: 3px;
	margin 					: 0px;
	border					: 1px solid white;
	background-color		: #F3FFD7 ;
	background-image		:	url('/gfx/gui/base/greenBg.jpg');
	background-repeat		: no-repeat;
	background-position		: -205px -5px;
	color 					: #6fa20a;
	padding					: 5px;
	padding-bottom 			: 5px;
}

#contentBox div.activeBox div.content p {
	margin 						: 0px;
	padding 					: 0px;
	margin-top 				: 5px;
}

#contentBox div.activeBox div.tipBg{
	background-image			: url('/gfx/gui/base/active_rightshadow.png');
	background-repeat			: no-repeat;

}
#contentBox div.activeBox div.foot{
	height : 30px;
	background-image			: url('/gfx/gui/base/active_bottomshadow.png');
	background-repeat			: no-repeat;
}

#contentBox div.activeBox ul {
	list-style : none;
}

#contentBox div.activeBox ul.rank{
	margin-left : 7px;
}

div.demoStar {
	position : relative;
	width : 185px;
	height : 182px;
	background : url('/gfx/gui/demo_star.gif') -5px 0px no-repeat;
	cursor: pointer;
}
#activesBoxes div.demoStar p ,
#activesBoxes div.demoStar p a {color : #fff; font-weight : bold; }

#activesBoxes div.demoStar p a {text-decoration : underline; }

#activesBoxes div.demoStar p a:hover { color : #bb4c00; }


div.demoStar p {
	position : absolute;
	top : 85px;
	left : 25px;
	right : 25px;
	letter-spacing 			: 0em;
	font-weight  			: normal;
	text-align : center;
	font-size 				: 11px;
}

ul.starBox{
	height : 50px;
	background : url('/gfx/gui/base/stars.gif') no-repeat top left;
}

ul.starBox li{
	outline 		: 0px solid red;
	float 			: left;
	position 		: relative;
	height 			: 45px;
	width 			: 58px;
}

ul.starBox li span.num2img{
	position : absolute;
	bottom : 0px;
	right : 0px;
}


div.activeBox h1 {
	margin:0px; padding:0px;
}

#contentBox #frs  				{color :	#f40b58;}
#contentBox #frs div.box {	background-color: #ff6b9c ;}
#contentBox #frs h1			{
	color 							: #ff6b9c;
	border							: 1px solid #f40b58 ;
	background-image		: url('/gfx/gui/base/pinkh2_bg.jpg');
	background-color		: #f9f7d2;
}
#contentBox #frs div.content {
	border							: 1px solid white;
	background-color		: #ffecf2 ;
	background-image		:	url('/gfx/gui/base/pinkBg.jpg');
	color 							: #ff6b9c ;
	overflow: hidden;
}

div.activeBox ul {
	margin:0px; padding:0px;
	list-style			: none;
}

div.activeBox .friends li img {
	vertical-align		: -22%;
}

div.activeBox .friends li {
	margin-bottom		: 10px;
	margin-left			: 10px;
}

#contentBox #kkworld  				{ color :	#0687b1;}
#contentBox #kkworld div.box 	{	background-color: #5babbb ;}
#contentBox #kkworld h1			{
	position : relative;
	color 							: #0687b1;
	border							: 1px solid #0687b1 ;
	background-image		: url('/gfx/gui/base/blueh2_bg.jpg');
	background-color		: #f9f7d2;
}


#contentBox #kkworld h1 img.cperiode{
	position : absolute;
	top : 1px;
	right : 2px;
}

#contentBox #kkworld div.content{
	border							: 1px solid white;
	background-color		: #eaf8fa ;
	background-image		:	url('/gfx/gui/base/content_top.jpg');
	background-position : -250px -40px;
	color 							: #0687b1;
}

#contentBox #shopTender  				{color :	#466167;}
#contentBox #shopTender div.box {	background-color: #738e93 ;}
#contentBox #shopTender h1			{
	color 							: #466167;
	border							: 1px solid #466167 ;
	background-image		: url('/gfx/gui/base/greyh2_bg.jpg');
	background-color		: #f9f7d2;
}

#contentBox #shopTender div.content{
	border							: 1px solid white;
	background-color		: #e9f9fd ;
	background-image		:	url('/gfx/gui/base/greyBg.jpg');
	color 							: #466167;
}



#contentBox div.greenstar,
#contentBox div.orangestar,
#contentBox div.redstar {
	width : 120px;
	padding-left 		: 45px;
	background-image	: url(/gfx/greenStar.gif);
	background-repeat   : no-repeat;
	background-position : top left;
}

#contentBox div.orangestar{
	background-image		:	url(/gfx/orangeStar.gif);
}

#contentBox div.redstar{x
	background-image		:	url(/gfx/redStar.gif);
}


/** ADMIN **/
div.admin {
	background-color:#FFCCCC;
	border:1px solid red;
}

/***************************************************************/
/** 																						 	PLAY BOX    **/
#gameIntro{
	position 	: relative;
	float 		: left;
	width 		: 228px;
	height 		: 110px;
	border 	: 0px solid red;
	}

#gameIntro .slide{
	position 	: absolute;
	top 			: 11px;
	left  		: 38px;
	z-index   : 3;
	}

#gameIntro .coverAction{
	position 						: absolute;
	top 								: 0px;
	left  							: 0px;
	width  							: 228px;
	height 							: 210px;
	background-image		:	url('/gfx/gui/base/compact_box_preview.gif');
	background-repeat  	: no-repeat;
	z-index   : 5;
}

#games {
	margin-top 			: 20px;
	margin-left 		: -10px;

}

#games div.game {
	position 				: relative;
	width  					: 218px;
	height 					: 140px;
	float  					: left;
	margin-right	 	: 20px;
	margin-bottom 	: 10px;
	cursor 					: pointer;
}

#games div.game img.cover {
	position 	: absolute;
	top 			: 7px;
	left  		: 37px;
	width  		: 176px;
	height 		: 106px;

}
#games div.game div.coverAction,
#games div.game div.coverReflexion,
#games div.game div.coverAdmin,
#games div.game div.coverPreview,
#games div.game div.coverTest {
	position 						: absolute;
	top 								: 0px;
	left  							: 0px;
	width  							: 228px;
	height 							: 146px;
	background-image		:	url('/gfx/gui/base/compact_box.gif');
	background-repeat  	: no-repeat;
}

#games div.game div.coverReflexion {	background-image		:	url('/gfx/gui/base/game_box_small_reflexion.gif');	}
#games div.game div.coverAdmin {	background-image		:	url('/gfx/gui/base/compact_box_admin.gif');	}
#games div.game div.coverPreview {	background-image		:	url('/gfx/gui/base/compact_box_preview.gif');	}
#games div.game div.coverTest {	background-image		:	url('/gfx/gui/base/coverTest.gif');	}



#games div.game h3 {
	border: 1px solid #777;
	cursor: pointer;
}

#games div.game div.info {
	height: 120px;
}

#games div.game div.help {
	display: none;
}

#games div.game div.type {
	position 	: absolute;
	bottom 		: 30px;
	left  		: 35px;
}

#games div.game div.title {
	position 			: absolute;
	bottom 				: 7px;
	left  				: 45px;
	line-height 	: 19px;
	font-size 		: 19px;
	text-align 		: center;
	width 				: 170px;
	color 				: #3d5e65;
	outline 			: 0px solid red;
}

#games div.game div.howtobuy {
	position 			: absolute;
	top 					: 2px;
	left  				: 2px;
	line-height 	: 19px;
	font-size 		: 19px;
	text-align 		: center;
	width 				: 30px;
	color 				: #000000;

}




#games div.game div.star {
	position 	: absolute;
	top 			: 102px;
	left  		: 7px;
}

#games div.game div.score {
	position 	: absolute;
	top  			: 7px;
	left  		: 7px;
}

#games div.game div.jack {
	position 	: absolute;
	bottom 		: 30px;
	left  		: 125px;
}


#games div.gameBig {
	position 				: relative;
	width  					: 290px;
	height 					: 265px;
	float  					: left;
	margin-right	 	: 60px;
	margin-bottom 	: 30px;
	cursor 					: pointer;
}

#games div.gameBig img {
	position 	: absolute;
	top 			: 10px;
	left  		: 45px;
	width  		: 227px;
	height 		: 217px;
}
#games div.gameBig div.coverAction,
#games div.gameBig div.coverReflexion {
	position 					: absolute;
	top 							: 0px;
	left  						: 0px;
	width 	 					: 237px;
	height 						: 263px;
	background-image	:	url('/gfx/gui/base/compact_box.gif');
}

#games div.gameBig div.coverReflexion {	background-image		:	url('/gfx/gui/base/game_box_reflexion.gif');	}

#games div.gameBig h3 {
	border: 1px solid #777;
	cursor: pointer;
}

#games div.gameBig div.info {
	height: 120px;
}

#games div.gameBig div.help {
	display: none;
}

#gameInterface {
	margin-top 					: 50px;
	margin-left 				: -25px;
	position 					: relative;
	width							: 726px;
	height						: 370px;
	background-image 	: url('/gfx/gui/base/gameInterface.gif');
	background-repeat : no-repeat;
	border 						: 0px solid red;
}

#gameInterface.centered {
	margin:0px; padding:0px;
	width							: 347px;
	margin						: auto;
	background-image 	: url('/gfx/gui/base/gameInterface.gif');
	background-repeat : no-repeat;
	border						: 0px solid black;
}

#gameInterface div.name {
	position 					: absolute;
	text-align 				: center;
	top 							: 5px;
	left 							: 460px;
	width 						: 170px;
	font-size 				: 14px;
	line-height 			: 14px;
	font-weight 			: bold;
	letter-spacing 		: 1px;
	}

#gameInterface div.game_button,
#gameInterface div.bookMe{
	position : absolute;
	top : -25px;
	right : 130px;
	}

#gameInterface div.game_button a,
#gameInterface div.bookMe a{
	position : relative;
	float : left;
	width : 101px;
	height : 25px;
	display : block;
	background : url('/gfx/gui/base/gamebox_button.gif') 0px 5px no-repeat;
	text-align : center;
	font-size : 12px;
	line-height : 35px;
	}

#gameInterface div.game_button a:hover,
#gameInterface div.bookMe a:hover{
	background : url('/gfx/gui/base/gamebox_button.gif') 0px 7px no-repeat;
	text-decoration : none;
	height : 23px;
	padding-top : 2px;
	}

#gameInterface div.game_button a img,
#gameInterface div.bookMe a img { vertical-align : -5%;}

#gameInterface.centered #livret {
	display : none;
}

#gameInterface div.bookMe {
	top : -25px;
	right : 20px;
	}


#loaderDiv{
	position : absolute;
	top : 23px;
	left : 23px;
}

#livret{
	position 	: absolute;
	top  		: 28px;
	right 		: 27px;
	width 		: 298px;
	height 		: 314px;
	border 		: 0px solid red;
}

#livret ul.livretMenu {
	margin:0px; padding:0px;
	display 					: block;
	list-style-image 	: none;
	list-style 				: none;
	height 						: 25px;

}

#livret ul.livretMenu li{
	float 				: left;
	position 			: relative;
	padding 			: 0px;
	margin-right 	: 10px;
}

#livret ul.livretMenu li a {
	display		 						: block;
	width 								: 83px;
	text-align 						: center;
	color 								: #0687B1;
	font-size 						: 14px;
}
#livret ul.livretMenu li a.active,
#livret ul.livretMenu li a:hover {
	color : #ffa400 ;
}


#livret h2{
	border-bottom 			: 1px solid  #5babbb;
	margin:0px; padding:0px;
	margin-bottom 			: 3px;
	padding-right 			: 5px;
	background-image 		: none;
	height 							: 18px;
	font-size 					: 18px;
	text-align 					: right;

}

#livret p{
	margin:0px; padding:0px;
	font-size 		: 12px;
	line-height 	: 14px;
	margin-bottom 	: 5px;
}

#livret ul{
	margin:0px; padding:0px;
	font-size 		: 12px;
	line-height 	: 14px;
	margin-bottom 	: 5px;
	padding-left 		: 20px;
}

#infopane{
	margin 				: 0px;
	padding 			: 0px;
	padding-left 	: 5px;
	padding-right : 5px;
	width 				: 293px;
	height 				: 285px;
	overflow 			: hidden;
}
#infopane div.imageFloat img{
	position : relative;
	float : left;
	margin : 0px;
	margin-right : 5px;
	border : 0px solid white;
	}

#infopane div.imageFloat p{
	clear  :both;
	}


#infopane.wide{
	height 				: 310px;
}

ul.gameAction{
	margin:0px; padding:0px;
	height : 38px;
	width : 500px;
	margin-top  			: 5px;
	list-style 				: none;
	list-style-image 	: none;
}

ul.gameAction li {
	float 						: left;
}

ul.gameAction li a{
	margin:0px; padding:0px;
	color 						: #0687b1 ;
	font-size 				: 12px;
	text-align  			: center;
	height 						: 34px;
	width 						: 145px;
	line-height   		: 30px;
	padding						: 2px;
	padding-left 			: 6px;
	padding-right 		: 15px;
	border						: 0px solid	white;
	display 					: block;
	background-image 	: url('/gfx/icons/clanInfo.gif');
	background-repeat : no-repeat;
	margin-bottom 		: 2px;
}

ul.gameAction li a img{
	margin-top : 4px;
}

ul.gameAction a:hover{
	color 							: #6fa20a ;
	border							: 0px solid	white;
	background-image 		: url('/gfx/icons/clanInfo_hover.gif');
}

#infopane table {
	font-size 					: 12px;
}


#infopane table.command {
	min-width:300px;
}

#infopane table.command,
#infopane table.command td,
#infopane table.command tr,
#infopane table.command th  {
	text-align					: left;
	border							: 0px solid	white;
	background-image 		: none;
	background-color 		: transparent;
}


#infopane table.command th {

	height : 25px;
	border-top 			: 1px solid #5babbb  ;
	font-size 			: 10px;
	line-height 		: 10px;
	}

#infopane table.command th.txt{width : 160px;}
#infopane table.command th.key{width : 105px;}

#infopane table.command .half {
	width  			: 130px;
	text-align 	: center;
	}
#infopane table.command .icon { width  : 20px; text-align : center;}
#infopane table.command .right{ width  : 110px; text-align : right;	}
#infopane table.command .left { width  : 130px;}
#infopane table.command tr.oddinactive td,
#infopane table.command tr.odd td { background-color : #d1ecef;}
#infopane table.command tr.eveninactive td,
#infopane table.command tr.even td  { background-color : #f2f7f8;}
#infopane table.command tr.oddinactive td,
#infopane table.command tr.eveninactive td {
	opacity              : 0.30;
	filter               : alpha(opacity=30);
	}

table.result {
	border : 0px solid red;
}

table.result td{
	border 							: 0px solid red;
	border-bottom 			: 1px solid #5babbb ;
}

table.result td.title{	width	 		: 120px; 	font-variant: small-caps; font-weight : bold; letter-spacing : 1px; font-size : 14px;}
table.result td.result{	width 		: 151px; text-align : right ;}

/***************************************************************/
/** 			 	NEWS BOX  **/

/*

#contentBox h2 {
z-index : 2;
font-size						: 18pt;
margin-top 					: 10px;
margin-left 				: -30px;
margin-right 				: -30px;
margin-bottom 			: -60px;
padding-left 				: 50px;
padding-top 				: 3px;
height 							: 97px;
color 							: #0687b1 ;
background-image		: url('/gfx/gui/base/blueh2_bg.jpg');
background-repeat		: no-repeat;
background-position	: 0px 0px;
}
*/
#newsContainer .tid_stream{
	border: solid 3px #D7F1F7;
	background-color:#FFF;
	margin-bottom:8px;
}

#contentBox div.menuNews,
#contentBox div.menuMail,
#contentBox div.menuHistory,
#contentBox div.menuRanking,
#contentBox div.menuForum,
#contentBox div.menuClan,
#contentBox div.menuNewsHover,
#contentBox div.menuMailHover,
#contentBox div.menuHistoryHover,
#contentBox div.menuRankingHover,
#contentBox div.menuForumHover,
#contentBox div.menuClanHover {
	margin:0px; padding:0px;
	float 							: left;
	position 						: relative;
	width 							: 340px;
	height 							: 125px;
	margin-right 				: 0px;
	margin-bottom 			: 0px;
	padding 						: 5px;
	border 							: 0px solid red;
	background-image		:	url('/gfx/gui/base/site_news.gif');
	background-repeat		: no-repeat;
}

#contentBox div.menuMail 					{	background-image		:	url('/gfx/gui/base/site_mail.gif');}
#contentBox div.menuHistory 			{	background-image		:	url('/gfx/gui/base/site_history.gif');}
#contentBox div.menuRanking  			{	background-image		:	url('/gfx/gui/base/site_ranking.gif');}
#contentBox div.menuForum 				{	background-image		:	url('/gfx/gui/base/site_forum.gif');}
#contentBox div.menuClan 					{	background-image		:	url('/gfx/gui/base/site_crew.gif');}
#contentBox div.menuNewsHover 		{	background-image		:	url('/gfx/gui/base/site_news_hover.gif');}
#contentBox div.menuMailHover 		{	background-image		:	url('/gfx/gui/base/site_mail_hover.gif');}
#contentBox div.menuHistoryHover 	{	background-image		:	url('/gfx/gui/base/site_history_hover.gif');}
#contentBox div.menuRankingHover  {	background-image		:	url('/gfx/gui/base/site_ranking_hover.gif');}
#contentBox div.menuForumHover 		{	background-image		:	url('/gfx/gui/base/site_forum_hover.gif');}
#contentBox div.menuClanHover 		{	background-image		:	url('/gfx/gui/base/site_crew_hover.gif');}

#contentBox div.newsBox h2{
	margin:0px; padding:0px;
	height 						: 32px;
	background-image	:	none;
	text-align 				: right;
}

#contentBox div.newsBox h3{
	margin:0px; padding:0px;
	height 						: 25px;
	background-image	:	none;
	text-align 				: left;
}

#siteMenu {
	font-size 		: 14px;;
	line-height 	: 16px;
	margin-top 		: 30px;
}

#siteMenu div.title a{
	letter-spacing : 0px;
}

#siteMenu div.newsContainer{
	text-align 			: left;
	overflow 				: hidden;
	cursor					: pointer ;
	border 					: 0px solid red;
	height	 				: 70px;
	width 					: 195px;
	margin-top 			: 0px;
	margin-left 		: 20px;
	padding-top			: 35px;
	padding-right 	: 5px;
	padding-bottom	: 0px;
	padding-left 		: 90px;
}

#siteMenu div.newsContainer p{
	margin:0px; padding:0px;
	letter-spacing 	: 0px;
	font-size 		: 14px;
	line-height 	: 14px;
}

#siteMenu div.newsContainer ul{
	margin:0px; padding:0px;
	list-style : none;
}

#contentBox #menuMail 		{background-image		:	url('/gfx/gui/base/site_mail.gif');}
#contentBox #menuHistory 	{background-image		:	url('/gfx/gui/base/site_history.gif');}
#contentBox #menuRanking 	{background-image		:	url('/gfx/gui/base/site_ranking.gif');}
#contentBox #menuForum 		{background-image		:	url('/gfx/gui/base/site_forum.gif');}
#contentBox #menuClan 		{background-image		:	url('/gfx/gui/base/site_crew.gif');}

/************************************/
/*** 					  Forum	 						***/
/************************************/

#forum {
	margin-top 		: 5px;
	position 			: relative;
	width : 700px;

}




ul.actionbar {
	position 				: relative;
	width 					: 500px;
	display 				: block;
	list-style			: none;
	margin 					: 0px;
	margin-left			: -20px;
	padding 				: 0px;
	font-size				: 10px;
	min-height 			: 40px;
}



ul.actionbar.wide {
	position 				: relative;
	width 					: 850px;
	display 				: block;
	list-style			: none;
	margin 					: 0px;
	margin-left			: -20px;
	padding 				: 0px;
	font-size				: 10px;
	min-height 			: 50px;
}

ul.actionbar li{
	position 				: relative;
	float 					: left;
	margin 					: 2px;
	margin-right		: 10px;
	border					: 2px solid #FFF;
}

ul.actionbar li a {
	overflow : hidden;
	display 							: block;
	width 								: 150px;
	height 								: 16px;
	text-align						: center;
	background-color			: #fcfbe9;
	color 								: #4e7f88;
	font-weight						: normal;
	border 								: 1px solid  #4e7f88;
	background-image			: url('/gfx/gui/base/greyh2_bg.jpg');
	background-position		: -25px -4px;
	background-repeat			: repeat-x;
	background-color 			: #fcfbe9;
}

ul.actionbar li a:hover {
	text-decoration				: none;
	background-position		: -20px -4px;
	border 								: 1px solid  #4e7f88;
}

ul.actionbar li a.admin {
	width 								: 150px;
	background-color			: #fcfbe9;
	color 								: #ff6b9c;
	border 								: 1px solid  #ff6b9c;
	background-image			: url('/gfx/gui/base/pinkh2_bg.jpg');
	background-color 			: #fcfbe9;
}

ul.actionbar li a.admin:hover {
	border 								: 1px solid  #ff6b9c;
}

#forum dl {
	position : relative;
	margin-top			: 0px;
	padding					: 1px;
	padding-right 	: 300px;
}

#forum dl dt {
	margin							: 5px;
	font-weight					: bold;
	border							: 2px solid #FFF;
}

#forum dl dt a {
	display					: block;
	padding-left			: 40px;
	font-size 				: 18px;
	line-height				: 24px;
	text-decoration			: none;
	border 					: 1px solid  #4e7f88;
	background-image		: url('/gfx/gui/base/greyh2_bg.jpg');
	background-position		: -20px 0px;
}

#forum dl dt:hover {}

#forum dl dt a:hover {
	text-decoration			: none;
	background-position		: -5px 0px;
}

#forum dl dd {
	background-color		: #fcfbe9;
	font-size						: 8pt;
	color								: #6fa20a;
	text-align					: left;
	padding							: 3px 0px 3px 25px;
	margin							: 0px 25px 0px 45px;
	border 								: 1px solid  #89bc24;
	background-image			: url('/gfx/gui/base/greenBg.jpg');
	background-position		: -200px -20px;
	position : relative;
}

#forum dl dd a {
	position : absolute;
	z-index: 11;
	right: 0px;
	display : inline-block;
	float : right;
	width: 30px;
}

#forum dl dd.true {
	background-color	: #efeddc;
	color				: #466073;
}

#forum dl dd.false {
	background-color	: #d3dee5;
	color				: #466073;
}

#forum h1 a.okButton {}

#forum dl.fsearch dd {
	margin-bottom		: 10px;
	font-size				: 9pt;
}

#forum dl.fsearch dt {
	font-weight			: bold;
	font-size				: 10.5pt;
}

#forum cite {
	border 						: 1px dashed #33bbd6;
	margin 						: 5px;
	padding 					: 4px;
	display 					: block;
	color 						: #32949d;
	background-color	: #edfcff;
}

#forum span.spoiler {
	display 						: block;
	padding 						: 5px;
	border							: 1px solid #ff6b9c;
	background-color		: #ffecf2 ;
	color 							: #ffecf2;
}

#forum ul { }

#forum li {
	display						: inline;
	/*	margin-left				: 10px; */
}

#forum table {
	margin 						: 0px;
	margin-bottom 		: 10px;
	border						: 0px;
	width 						: 700px;
}

#forum table.forumTab {

}

#forum th {
	border						: 0px;
}

#forum th.titlef {
	width							: 300px;
}


#forum td.date, #forum td.replies div {
	text-align					: right;
	padding-left				: 5px;
	line-height 				: 10px;
	border							: 1px solid #ff6b9c;
	background-color		: #ff6b9c ;
	background-image		:	url('/gfx/gui/base/pinkh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: -30px -9px;
	color 							: #ff6b9c;
	font-size 					: 13px;
}


#forum td.replies div {
	margin					: 0px -2px 0px -2px;
}

#forum td.replies {
	border					: 0px;
	padding-top			: 10px;
}

#forum td.postitTitleend {
	border				: 0px;
}

td.titre,
#forum table.forumTab th {
	text-align					: left;
	padding-left				: 10px;
	letter-spacing			: 2px;
	border							: 1px solid #6fa20a;
	background-color		: #89bc24 ;
	background-image		:	url('/gfx/gui/base/greenh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: -25px -5px;
	color 							: #6fa20a;
	font-size 					: 15px;
}

#forum table.forumTab th a{
	letter-spacing : 0px;
}

#forum table.forumTab tr {
	border				: 1px solid #56b7c1;
	border-top		: 0px solid #466167;
}

#forum td.user,
#forum td.msg,
#forum td.lastmsg,
#forum td.titletrue,
#forum td.postittrue {
	text-align					: right;
	padding-right				: 7px;
	padding-bottom			: 5px;
	background-color		: #4e7f88 ;
	background-image		:	url('/gfx/gui/base/greyh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: top right;
	color 							: #466167;

}

#forum td.titlefalse:hover,
#forum td.titletrue:hover {}


#forum td.titlefalse , #forum td.titletrue
{
	font-size 	: 11px;
}

#forum td.user{
	text-align : left;
	width :  130px;
}

#forum td.msg{
	width  : 42px;
	letter-spacing : 0px;
	font-size : 10px;
}

#forum td.lastmsg{
	width  : 130px;
	line-height : 10px;
	font-size  	: 10px;
}


#forum td.titlefalse,#forum td.titletrue,
#forum td.postittrue, #forum td.postitfalse  {
	font-size 			: 11px;
	text-align			: right;
	padding 				: 0px;
	margin 					: 0px;
	border					: 0px solid #fff;
	border				: 1px solid #56b7c1;
	border-top		: 0px solid #466167;
}


#forum td.postittrue a, #forum td.postittrue a:hover,
#forum td.postitfalse a, #forum td.postitfalse a:hover,
#forum td.titletrue a, #forum td.titletrue a:hover,
#forum td.titlefalse a, #forum td.titlefalse a:hover {
	margin 							: 0px;
	height 							: 25px;
	padding-right 			: 10px;
	display 						: block;

	background-color		: #89bc24 ;
	background-image		:	url('/gfx/gui/base/blueh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: top right;
}

#forum td.titlefalse a {

	background-color		: #89bc24 ;
	background-image		:	url('/gfx/gui/base/greenh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: top right;
}

#forum td.postitfalse a{

	background-color		: #ff6b9c ;
	background-image		:	url('/gfx/gui/base/pinkh2_bg.jpg');
	background-color		: #ffecf2;
	text-align					: right;
}



#forum td.postittrue a:hover,
#forum td.postitfalse a:hover,
#forum td.titletrue a:hover,
#forum td.titlefalse a:hover {

	background-color		: #89bc24 ;
	background-image		:	url('/gfx/gui/base/greyh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: top right;

}

span.delete {

}

span.delete a {
	border							: 0px solid #738e93 !important;
	background-image		: none !important;
}

#forum td.thread {
	margin:0px; padding:0px;
	border					: 2px solid #FFF;

}




#forum td.author {
	text-align 				: center;
 	vertical-align 			: top;
	width 					: 120px;
	margin 					: 0px;
	padding					: 3px;
	background-image		: url(/gfx/gui/forum_info_bg.jpg);
	background-repeat 		: no-repeat;
	background-position 	: 0px 0px;
	background-color 		: #deeef1;

}

#forum td.author div.userBoxImg{
	margin : auto;
	margin-top : 7px;

}
#forum td.author div.usrinfobox {
	line-height : 20px;
	height : 20px;
}

#forum td.message {
	vertical-align 			: top;
	margin 					: 0px;
	padding					: 3px;
	padding-left			: 10px;
	text-align 				: left;
	background-image		: url('/gfx/gui/base/greyh2_bg.jpg');
	background-repeat 		: no-repeat;
	background-position 	: -150px -40px;
}


#forum td.author .time {
	line-height 	:  14px;
	margin:0px; padding:0px;
	font-size 		: 10px;
	color 			: #777;
}

#forum td.thread  div.{
	border							: 1px solid #5babbb;
	border-top						: 0px solid #5babbb;
	margin 							: 0px;
	padding 						: 10px;
}

#forum div.buttonz{
	border					: 1px solid #b5e850;
	border-left				: 5px solid #b5e850;
	background-color		: #fcfbe9;
	padding-top 			: 1px;
	padding-bottom 			: 3px;
	padding-left 			: 5px;
}

#forum td.stayle{
	vertical-align			: top;
}

#forum .smileyBox {
	width  						: 180px;
	border 						: 2px solid #ffa400;
	border-left 			: 10px solid #ffa400;
	background-color	: #fff8ca ;
	background-image	:	url('/gfx/gui/base/orangeBg.jpg');
	background-repeat	: no-repeat;
	padding 					: 4px;
	margin 						: 0px;
}

#forum .smileyBox .icons {
	padding 					: 0px;
	margin 						: 0px 0 3px 0;
}

#forum .smileyBox .icons ul{
	padding 					: 0px;
	margin 						: 0px;
}

#forum .smileyBox .icons ul li{
	display : inline-block;
	cursor : pointer;
}

#forum .smileyBox .icons ul li span.num2img img{
	margin-left : -2px;
}


#forum .smileyBox a {
	padding					: 4px;
	border-style		: none;
}

#forum .smileyBox img {
	margin-bottom		: 5px;
	margin-left			: 3px;
}

#forum input.longField {
	border							: 1px solid #cbbeab;
	padding-left				: 3px;
	padding-top					: 2px;
	padding-bottom			: 2px;
}

.buttonforum {
	font-family					: Arial, Heveltica, sans-serif;
	background-color		: #e1debd;
	color								: #68632F;
	font-weight					: bold;
	padding							: 1px 6px 1px 6px;
	border-top					: 1px solid #C4BE7B;
	border-left					: 1px solid #C4BE7B;
	border-bottom				: 1px solid #847C3C;
	border-right				: 1px solid #847C3C;
}

.buttonforum:hover {
	color				: #68632F;
	border-top			: 1px solid #847C3C;
	border-left			: 1px solid #847C3C;
	border-bottom		: 1px solid #C4BE7B;
	border-right		: 1px solid #C4BE7B;
	cursor				: pointer;
}

#forum a.buttonforum img {
	padding:0px 3px 0px 0px;
}

#forum a.moderationsp, #forum input.moderationsp {
	border-color		: #ffb120;
}

#forum a.moderationsp:hover, #forum input.moderationsp:hover {
	border-color		: #d58a00;
	cursor				: pointer;
}

#forum table.replyTab td {
	border				: 0px;
}

#forum table.replyTab td.txt {
	width				: 600px;
}

#forum textarea, textarea#user_comment {
	color 								:  #6fa20a ;
	border 								: 2px solid #89bc24;
	border-left 					: 10px solid #89bc24;
	background-color			: #F3FFD7 ;
	background-image			:	url('/gfx/gui/base/greenBg.jpg');
	background-repeat			: no-repeat;
	margin 								: 0px;
	padding 							: 10px;
}

#forum img {
	vertical-align		: bottom;
	padding						: 0px 0px 0px 0px;
}

#forum img.imgstar {
	vertical-align		: -7%;
}

#forum .chibbiTittle {
	font-size			: 11px;
}

#forum h3 {
	height : 70px;
		width : 700px;
}


#forum .smil {
	border				: 1px solid #cbbeab;
	height				: 202px;
	margin-top			: 2px;
	margin-bottom		: -14px;
	text-align			: left;
}

#forum input.field {
	border				: 1px solid #cbbeab;
	padding				: 4px 0px 0px 6px;
	margin-top			: 5px;
	font-family			: Arial;
}


#forum span.moderation {
	font-size			: 7pt;
	text-transform		: uppercase;
	letter-spacing		: 0px;
	background-color	: #dbd7b0;
	padding				: 1px;
}

#forum span.moderation a {
	border-bottom		: 0px;
	vertical-align		: bottom;
}

#forum span.messag {
	float						: right;
	margin-right		: 6px;
}

#forum .badmessage {
	color				: #E10000;

}

img.floatimg {
	position 	: relative;
	float			: right;
}


/************************************/
/*** 					  CLAN	 						***/
/************************************/


#clanPresentation {
	position 			: relative;
	width				: 540px;
	overflow		: auto;
}


ul.statClan{
}


ul.statClan li {
	height 									: 30px;
	line-height 						: 28px;
	text-align 							: right;
	padding-left 						: 27px;
	padding-right 					: 30px;
	background-repeat 			: no-repeat;
	background-position 		: 98% 50% ;
	border-bottom 							: 1px solid white;
}

ul.statClan li img {
	padding-top : 5px;
}

ul.statClan li.rank 	{background-image:url('/gfx/icons/clan_score.gif')}
ul.statClan li.score	{background-image:url('/gfx/icons/clan_points.gif')}
ul.statClan li.atk		{background-image:url('/gfx/icons/atk.gif')}
ul.statClan li.def 		{background-image:url('/gfx/icons/def.gif')}


td.tabletittle{
	padding 						: 0px;
	text-align					: left;
	padding-left				: 5px;
	border							: 1px solid #ff6b9c;
	background-color		: #ff6b9c ;
	background-image		:	url('/gfx/gui/base/pinkh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: -30px -6px;
	color 							: #ff6b9c;
}

td.clantypeatk{
	padding 						: 0px;
	text-align					: left;
	padding-left				: 5px;
	border							: 1px solid #ff6b9c;
	background-color		: #ff6b9c ;
	background-image		:	url('/gfx/gui/base/pinkh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: -34px -6px;
	color 							: #ff6b9c;
	line-height : 15px;
	font-size : 15px;
	height : 17px;
	border-left : 5px solid #ff6b9c ;
}

td.clantypedef{
	padding 						: 0px;
	text-align					: left;
	padding-left				: 5px;
	border							: 1px solid #5babbb;
	background-color		: '/gfx/gui/base/blueh2_bg.jpg' ;
	background-image		:	url('/gfx/gui/base/blueh2_bg.jpg');
	background-repeat		: no-repeat;
	background-position	: -34px -6px;
	color 							: #0687b1;
	line-height : 15px;
	font-size : 15px;
	height : 17px;
	border-left : 5px solid #5babbb ;
}

table tr.attack{
	border-left : 5px solid #ff6b9c ;
	}

table tr.defme{
	border-left : 5px solid #5babbb ;
	}


#clan {
	position : relative;
	margin:0px; padding:0px;
	margin-top : 14px;
	margin-left 		: -30px;
}

#clan div.clanMenu {
	position 				: relative;
	width 					: 161px;
	padding-bottom 	: 10px;
	padding-top 		: 10px;

	float 					: left;
}

#clan div.clanBody{
	position 			: relative;
	float 				: left;
	width 				: 550px;
	min-height 		: 400px;
	padding-left : 10px;
}

#clan div.clanMenu h3 {
	margin:0px; padding:0px;
	margin-left 				: 5px;
	margin-bottom : 5px;
	padding-left 				: 20px;
	background-image 		: none;
	font-size 					: 18px;
	height 							: 22px;
	color 							: #466167 ;
	background-image 		: url('/gfx/gui/base/greyh2_bg.jpg') ;
	background-position : -20px -1px;
	border 							: 1px solid #738e93 ;

}

#clan div.clanMenu ul {
	margin:0px; padding:0px;
	margin-bottom 			: 10px;
	margin-left 				: 5px;
	list-style 					: none;
	list-style-image 		: none;
	border 							: 1px solid #738e93 ;

	background-image 		: url('/gfx/gui/base/greyBg.jpg') ;
	background-position : -650px -8px;
	background-repeat 	: no-repeat;
}

#clan div.clanMenu  li{
	position 			: relative;
	border-top		: 0px solid	#738e93 ;
}
#clan div.clanMenu ul.action{
	border		: 0px solid	#738e93 ;
}


#clan div.clanMenu ul li a{
	margin:0px; padding:0px;
	color : #0687b1 ;
	text-align  			: right;
	font-size 				: 14px;
	height 						: 34px;
	line-height   		: 30px;
	padding 					: 2px;
	padding-right 			: 10px;
	border						: 0px solid	white;
	display 					: block;
	background-image 	: url('/gfx/icons/clanInfo.gif');
	background-repeat : no-repeat;
	margin-bottom 		: 2px;
}

#clan div.clanMenu ul li a:hover{
	color : #6fa20a ;
	border						: 0px solid	white;
	background-image : url('/gfx/icons/clanInfo_hover.gif');
}


#clan div.clanBody  ul.actionbar {
	margin-left : 20px;
}


#clan div.clanBody h2{
	margin-left 	: 0px;
	width 				: 550px;
	height 				: 33px;
	margin:0px; padding:0px;
	padding-left : 40px;
}

#clan div.clanBody h2 {width : 500px;}
#clan div.clanBody h3 {width : 530px; margin:0px; padding:0px;}

#catk{
	position : relative;
	padding-left : 190px;

}

div.showbox div.body {
	position: relative;
}

#clan div.showbox div.body div.optClan {
	display: inline;
	text-align : center;
	width: 77px;
	height: 68px;
}

#clan div.optClan a { padding : 2px; }
#clan div.optClan a:hover {
		padding : 0px;
		border : 2px solid #ffffaf;
		background-color : #ff9a00;
	}

#clan #optPopup {
	position 		: absolute;
	z-index 		: 509;
	display			: none;
	width 			: 470px;
	color 			: #f0feff ;
	background-color	: #3d4045;
	border : 2px solid #1d2024;
	left : 20px;
	top: -25px;
	min-height: 150px;
}

#clan #optPopup h3 {
	width 	: 470px;
	margin 	: 0px;
	padding : 0px;
	height 	: 35px;
	line-height : 35px;
	font-size : 30px;
	background-image : none;
	background-color	: #1d2024;
}

#clan #optPopup img.optIcon {
	position : relative;
	float : left;
	padding : 2px 10px 2px 2px;
}

#clan #optPopup p{
	padding : 0 0 0 5px;
	margin : 3px 0 3px 0;
	font-size : 12px;
	line-height : 12px;
}

#clan #optPopup button {
	height : 22px;

}

/************************************/
/*** 			  PAGINATION	 					***/
/************************************/

div.paginate {
	margin			: auto;
	text-align	:center;
	margin-bottom : 20px;
}

div.paginate div.currentpage {
	font-style:italic;
}

div.paginate ul {
	display:block;
	list-style:none;
	list-style-position:inside;
	margin:auto;
	padding:0px;
}

div.paginate ul li {
	padding		:1px;
	display:inline;
	background-repeat : no-repeat;
}

div.paginate ul li span {display : none;}
div.paginate li.activepage {	font-weight:bold;}

div.paginate li.back a,
div.paginate li.next a,
div.paginate li.back_disable a,
div.paginate li.next_disable {
	border : 0px solid red;

}



/************************************/
/*** 			Notification Box				***/
/************************************/

#validationBox,
#refreshWarning{
	display 						: block;
	z-index              : 15;
}

#globalBlackHole {
	display: none;
}

#globalBlackHole,
#validationBox .blackHole,
#refreshWarning .blackHole {
	position             : fixed;
	width                : 100%;
	height               : 100%;
	top                  : 0px;
	bottom               : 0px;
	z-index              : 8;
	left                 : 0px;
	background-color     : #0687b1 ;
	opacity              : 0.70;
	filter               : alpha(opacity=70);
}

#globalBlackHole,
#validationBox .blackHole {
	background-color     : #2d6e05 ;
}


#validationBox .sitePopup,
#refreshWarning .sitePopup{
	position						: absolute;
	top									: 130px;
	width								: 100%;
	z-index							: 9;
}

#validationBox .sitePopup div.content div,
#refreshWarning .sitePopup div.content div {
	margin							: 0px 30% 10px;
	padding							: 0px;
	text-align					: justify;
	color 							: #6fa20a;
}


.sitePopup .header {
	background-image			: url('/gfx/gui/base/refresh_header.png');
	height								: 30px;
}

#refreshWarning .sitePopup div.content {
	color 								: #0687b1 ;
	background-color			: #eaf8fa ;
	background-repeat			: no-repeat;
	border-bottom					: 3px solid #0687b1;
	border-top						: 3px solid #0687b1 ;
	padding-bottom				: 15px;
	padding-top						: 15px;
}

#refreshWarning .sitePopup div.content div {
	color 							: #0687b1;
}



#validationBox .sitePopup div.content {
	color 								: #6fa20a ;
	background-color			: #F3FFD7 ;
	background-repeat			: no-repeat;
	border-bottom					: 3px solid #B5E850;
	border-top						: 3px solid #B5E850;
	padding-bottom				: 15px;
	padding-top						: 15px;
}



#refreshWarning .sitePopup div.content a.button:hover {
	background-position : -25px -10px;
	border 							: 1px solid #ff3f72 ;
}


#refreshWarning .sitePopup div.content a.button{
	color 							: #ff3f72 ;
	height 							: 22px;
	font-size  					: 14px;
	font-weight					: bold;
	padding-left 				: 10px;
	padding-right 			: 5px;
	border 							: 1px solid #ff3f72 ;
	background-position : -30px -10px;
	background-image		: url('/gfx/gui/base/pinkh2_bg.jpg');
}




.sitePopup .footer {
	background-image			:url('/gfx/gui/base/refresh_footer.png');
	height								:30px;
}

/** ICONS **/
img.plume{
margin-left  : -5px;

}


span.smallKpoints, span.smallKPoints {
	background					: url(/gfx/icons/skpoint.gif) no-repeat center right;
	padding-right 				: 20px;
	font-weight 				: bold;
	color 							: #6fa20a ;
}

span.redStar, span.orangeStar, span.greenStar {
	background					: url(/gfx/icons/redStar.gif) no-repeat center left;
	padding-left 				: 20px;
	font-weight 				: bold;
	color : #6fa20a ;
}

span.orangeStar {
	background					: url(/gfx/icons/orangeStar.gif) no-repeat center left;
}

span.greenStar {
	background					: url(/gfx/icons/greenStar.gif) no-repeat center left;
}

span.tokens, span.token {
	background					: url(/gfx/icons/rgem.gif) no-repeat center left;
	padding-left 				: 20px;
	font-weight 				: bold;
	color : #6fa20a ;
}

span.tokensFreeDays {
	background					: url(/gfx/icons/ggem.gif) no-repeat center left;
	padding-left 				: 20px;
	font-weight 				: bold;
	color : #6fa20a ;
}


div.userBoxCompact {
	position 		: relative;
	height		 	: 20px;
	font-size 	: 12px;
}
div.userBoxCompact div.unknown,
div.userBoxCompact div.male,
div.userBoxCompact div.female{ padding-left : 23px;}



div.user_completion {
	margin-top : -10px;
	position 		: relative;
	width 			: 355px;
	height		 	: 20px;
	background	: url(/gfx/icons/maxiuser_bar_bg_disabled.gif) no-repeat 0px 0px;
	font-size 	: 12px;
	cursor: pointer;
}


div.user_completion div.prog {
	overflow : hidden;
	position 		: absolute;
	top 			: 0px;
	left 			: 0px;
}
div.user_completion div.completion {
	margin:0px; padding:0px;
	width : 12px;
	text-align : center;
	position 	: absolute;
	top 			: 4px;
	right 		: 10px;
	font-size : 9px;
	line-height : 9px;
	font-weight : bold;
	letter-spacing : 0px;
	color : white;
}

div.userBoxModel {
	position 		: relative;
	width 			: 120px;
	height		 	: 20px;
	background	: url(/gfx/icons/user_bar_bg_disabled.gif) no-repeat 17px 4px;
	font-size 	: 12px;
}

div.userBoxModel div.prog {
	overflow : hidden;
	position : absolute;
	top 	 : 4px;
	left 	 : 17px;
}


div.userBoxModel div.completion {
	margin:0px; padding:0px;
	width : 12px;
	text-align : center;
	position 	: absolute;
	top 			: 7px;
	right 		: 2px;
	font-size : 9px;
	line-height : 9px;
	font-weight : bold;
	letter-spacing : 0px;
	color : white;
	outline : 0px solid red;
}

div.userBoxModel a, div.userBoxModel strong {
	position    : absolute;
	overflow 	: hidden;
	display 	: block;
	text-align  : center;
	top 		: 3px;
	left 		: 20px;
	font-size   : 9px;
	line-height : 12px;
	width 		: 85px;
	height 		: 20px;
	::noMargin:
}
div.userBoxModel a:hover{
		color : #ff6100;
		text-decoration : none;
}

div.unknown,
div.male,
div.female{
 	width : 20px;
 	height : 20px;
	background					: url(/gfx/icons/user_u.gif) no-repeat top left;
}

div.userBoxModel div.unknown,
div.userBoxModel div.male,
div.userBoxModel div.female{
	position : absolute;
	top : 0px;
	left : 0px;
 	width : 20px;
	height : 20px;
	}

div.male{	background					: url(/gfx/icons/user_m.gif) no-repeat top left;}
div.female{	background					: url(/gfx/icons/user_f.gif) no-repeat top left;}

span.clan{
	/*background					: url(/gfx/icons/clan.gif) no-repeat top left;*/
	padding-left 				: 0px;
}

span.game{
	color : #466167 ;
	font-weight 				: bold;
	background					: url(/gfx/icons/sgame.gif) no-repeat center left;
	padding-left 				: 19px;
}

img.icon {
	background-color:white;
	background:url(/gfx/icons/background.gif) no-repeat;
}

img.icon2 {
	background-color:white;
	background:url(/gfx/icons/background2.gif) no-repeat;
}


a.icon img.icon {
	background:url(/gfx/icons/background2.gif) no-repeat;
}

a.icon:hover img.icon {
	background:url(/gfx/icons/background.gif) no-repeat;
}

span.newMail {
	background						: url(/gfx/icons/newMail.gif) no-repeat;
	padding-right 				: 25px;
	background-position 	: top right;
}

span.mail{
	background:url(/gfx/icons/readedMail.gif) no-repeat;
	padding-right : 25px;
	background-position : top right;
}

/************************************/
/*** 			  		NEWS		 					***/
/************************************/
#news{
	margin-top 		: 80px;
	position 			: relative;
	background		: url('/gfx/gui/base/news_bg.gif') repeat-y 35px 0px;
}


#news img.kanjiBox {
	position : absolute;
	z-index : 10;
	top : -111px;
	left : -29px;
}


div.pon {
	z-index : 9;
	position 					: relative;
	width		 					: 570px;
	padding						: 0px;
	margin-bottom			: 10px;
	margin-left 			: 120px;
	border						: 1px solid	#738e93;
	background-color	: #e9f9fd ;
}

div.pon h2 {
	margin-top 				: 0px;
	width 						: 520px;
	margin-left 			: 0Px;
	padding-left 			: 50px;
	margin-bottom 		: -67px;
}

div.pon img.ponImg{
	border-right			: 2px solid	#fff;
	position 					: absolute;
	top 							: 0px;
	left 							: 0px;
}

div.pon div.date {
	position 				: absolute;
	top 						: 2px;
	right 					: 5px;
	font-size				: 12px;
	font-style			: italic;
}

div.pon div.body {
	border					: 2px solid	#fff;
	margin-top			: -10px;
	min-height			: 100px;
	padding 				: 10px;
	padding-left 		: 135px;
	font-size 			: 16px;
	line-height 		: 18px;
	background-color	: #eaf2f5 ;
}


/************************************/
/*** 			  preferences	 					***/
/************************************/
#config{
	margin-top : 20px;
}


/************************************/
/*** 			 		 score	 						***/
/************************************/
#userScore{
	position : relative;
	padding-left : 160px;
}

img.artscore{
	position :absolute;
	top : -35px;
	left : -17px;
}

img.artscore2{
	position :absolute;
	top : -55px;
	left : 357px;
}
/************************************/
/*** 			  		Log		 					***/
/************************************/


div.log {


}

div.log div.date{
	width 			: 80px;
	float 			: left ;
	position 		: relative;
}

/************************************/
/*** 			  		Shop		 					***/
/************************************/

#shop {
	position : relative;
	margin:0px; padding:0px;
	margin-top : 10px;
}

#shop h2 {
	margin-bottom : -20px;
}



#shop div.shopMenu {
	float 					: left;
	position 				: relative;
	width 					: 165px;
	margin-top 			: -15px;
	margin-left 		: -32px;
	padding-bottom 	: 10px;
	padding-top 		: 10px;
}


#shop div.shopMenu h3 {
	margin:0px; padding:0px;
	margin-left :5px;
	margin-top 					:  5px;
	padding-left 				: 20px;
	background-image 		: none;
	font-size 					: 18px;
	height 							: 22px;
	color 							: #466167 ;
	background-image 		: url('/gfx/gui/base/greyh2_bg.jpg') ;
	background-position : -20px -1px;
	border 							: 1px solid #738e93 ;
	border-bottom 			: 0px solid #5babbb ;

}

#shop div.shopMenu ul {
	margin:0px; padding:0px;
	margin-left 				: 5px;
	list-style 					: none;
	list-style-image 		: none;
	border 							: 1px solid #738e93 ;
	border-top					: 0px solid	#5babbb ;
	background-image 		: url('/gfx/gui/base/greyBg.jpg') ;
	background-position : -650px -8px;
	background-repeat 	: no-repeat;
}

#shop div.shopMenu  li{
	position : relative;
	border-top		: 1px solid	#738e93 ;
}

#shop div.shopMenu ul li a{
	margin:0px; padding:0px;
	text-align  	: right;
	font-size 		: 12px;


	height 				: 18px;
	padding 			: 2px;
	padding-left 	: 10px;
	border				: 1px solid	white;
	display 			: block;
}

#shop div.shopMenu ul li a:hover{
	border						: 1px solid	white;
	background-color 	: #f0feff ;
}


#shop div.shopMenu ul li ul.catList {
	margin:0px; padding:0px;
	border 					: 0px solid red;
	background 			: none;
	border-top 			: 1px solid #738e93 ;

}
#shop div.shopMenu ul li ul.catList li{
	border 					: 0px solid red;
	background 			: none;
}
#shop div.shopMenu ul li ul.catList li a{
	text-align 				: left;
	border 						: 0px solid red;
	border-bottom 		: 2px solid white;
	background 				: none;
	font-size 				: 10px;
	line-height 			: 10px;
	height 						: 12px;
	background-color 	: #F3FFD7 ;
}

#shop div.shopMenu ul li ul.catList li a:hover {
	background-color : white;
}

div.shopContainer{
	position 			: relative;
	margin-left 	: 136px;
	padding-left 	: 10px;
	min-height    : 500px;
	background 		: url('/gfx/gui/base/bordure_1.gif') repeat-y top left;
}

div.shopContainer h3,
div.shopContainer h2{
	margin-left : 0px;
}
#shopList div.shopCat {
	float 				: left;
	position 			: relative;
	margin-right 	: 15px;
	margin-bottom : 15px;
}

#shopList div.shopCat a{
	border 			: 0px solid red;
	display 		: block;
	height 			: 136px;
	width 			: 169px;
	background 	: url('/gfx/gui/base/shopBg.gif') no-repeat top left;
}

#shopList div.shopCat a:hover{
	border 			: 0px solid red;
	background 	: url('/gfx/gui/base/shopBg_hover.gif') no-repeat top left;
}

#shopList div.shopCat a span {
	display 		: none;
	height 			: 136px;
	width 			: 169px;
}

#shopList div.shopCat a.game span {
	display 		: block;
	background 	: url('/gfx/icons/kkgames.gif') no-repeat center center;
}

#shopList div.shopCat a.dvd span {
	display 		: block;
	background 	: url('/gfx/icons/shop.gif') no-repeat center center;
}

#shopList div.shopCat a.check span {
	display 	: block;
	background : url('/gfx/icons/gems.gif') no-repeat center center;
}

#shopList div.shopCat a.goodies span {
	display 	: block;
	background : url('/gfx/icons/goodies.gif') no-repeat center center;
}

#shopList div.shopCat a.cartes span {
	display 	: block;
	background : url('/gfx/icons/cartes.gif') no-repeat center center;
}

#shopList div.shopCat a.jv span {
	display 	: block;
	background : url('/gfx/icons/jv.gif') no-repeat center center;
}

#shopList div.shopCat a.child span {
	display 		: block;
	background 	: url('/gfx/icons/child.gif') no-repeat center center;
}

img.shopProductImage {
	width				: 300px;
	float				: left;
	padding			: 3px;
	border			: 1px dashed grey;
	margin			: 0px 10px 10px 0px;
}

a.tokensaregood {
	position 		: relative;
	display 		: block ;
	background 	: url('/gfx/gui/base/buygems.gif') no-repeat top left;
	width 			: 670px;
	height 			: 51px;
	text-align 	: center;
	margin 			: auto;
	font-size 	: 24px;
	line-height : 50px;
}

a.tokensaregood:hover { border : 0px solid red; text-decoration : underline;}


div.kadolink {
	background 	: url('/gfx/art/register.gif') no-repeat bottom right;
	}

div.kadolink a {

	position 		: relative;
	display			: block;
	background 	: url('/gfx/gui/shop_entrance_misc.jpg') no-repeat top left;
	width 			: 601px;
	height 			: 125px;
	text-align 	: right;
	font-size 	: 24px;
	line-height : 40px;
	margin-right : 20px;
}
div.kadolink a span {
	display 	: block;
	font-size 	: 14px;
	line-height : 14px;
	color : #0687b1 ;
	margin-left : 280px;
	margin-right : 20px;
	text-align 	: left;
	}

div.kadolink a:hover {
	border : 0px solid red; text-decoration : none;
	background 	: url('/gfx/gui/shop_entrance_misc_hover.jpg') no-repeat top left;
	}


div.kadolink a.misc {	background 	: url('/gfx/gui/shop_entrance_misc.jpg') no-repeat top left;}
div.kadolink a.misc:hover {	background 	: url('/gfx/gui/shop_entrance_misc_hover.jpg') no-repeat top left;}

div.kadolink a.check {	background 	: url('/gfx/gui/shop_entrance_check.jpg') no-repeat top left;}
div.kadolink a.check:hover {	background 	: url('/gfx/gui/shop_entrance_check_hover.jpg') no-repeat top left;}

div.kadolink a.kadal {	background 	: url('/gfx/gui/shop_entrance_kadal.jpg') no-repeat top left;}
div.kadolink a.kadal:hover {	background 	: url('/gfx/gui/shop_entrance_kadal_hover.jpg') no-repeat top left;}

a.thumbProduct {
	margin:0px; padding:0px;
	position 				: relative;
	float 					: left;
	display 				: block;
	width 					: 200px;
	height 					: 120px;
	padding 				: 4px 6px 6px 4px;
	background 			: url('/gfx/gui/base/thumbBG.gif') no-repeat top left;
	text-align			: center;
}

a.thumbProduct:hover {
	border : 0px solid red;
	margin-left : -3px
}

a.thumbProduct img{	}


div.hiliProduct {
	position 		: relative;
	height 			: 140px;
	margin-left : 30px;
}

div.hiliProduct img.pass {
	width			: 194px;
	height			: 109px;
	background-position : top left;
	background-repeat	: no-repeat;
	background-image	: url('/gfx/icons/pass.gif');
}

div.hiliProduct div.nb {
	position 		: absolute;
	left 				: -29px;
	top 				: 10px;
}

div.hiliProduct div.body {
	margin-left : 225px;

	border 			: 2px solid white;
	width 			: 450px;
	height 			: 120px;
}


div.hiliProduct div.body h2{
	margin:0px; padding:0px;
	position 						: relative;
	font-size 					: 14px;
	line-height 				: 18px;
	color 							: #89bc24 ;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
	background-position : -15px -16px;
	padding-top 				: 0px;
	margin-top 					: 0px;
	margin-bottom 			: -70px !important;
	padding-left 				: 20px;
}

div.hiliProduct div.body h2	a:hover { border : 0px solid red; text-decoration : underline}

div.hiliProduct ul{
	margin:0px; padding:0px;
	position 					: relative;
	margin-left 			: 20px;
	list-style 				: none;
	list-style-image 	: none;
}

div.hiliProduct div.actions {
	position 			: relative;
	float 				: right ;
	margin-top 		: -70px;
	width 				: 50px;
	border 				: 0px solid red;
}


div.hiliProduct div.actions a:hover {
	border : 0px solid red;
}






#productList,
#productTop{
	margin:0px; padding:0px;
	border 				: 0px solid red;
	width 				: 670px;
}

div.product {
	position 					: relative ;
	float 						: left ;
	width 						: 210px;
	border 						: 1px solid #5babbb;
	margin-right 			: 5px;
	margin-left 			: 0px;
	margin-bottom 		: 10px;
	background-color	: white ;
}

div.product a.thumbProduct {
	border 			: 1px solid white;
	padding 		: 4px 4px 4px 4px;
	position 		: relative;
	float 			: none;
}


div.product a.thumbProduct:hover {
	margin-left 		: 0px	;
	border 					: 1px solid #ffa400 ;
}

div.product a.name {
	display 						: block;
	overflow 						: hidden;
	margin-left 				: 0px;
	height 							: 22px;
	width 							: 202px;
	font-size 					: 14px;
	border 							: 1px solid white;
	border-bottom 			: 0px solid white;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
	background-position : -30px -2px;
	padding-left 				: 5px;
}


div.product.advise a.name {
	display 						: block;
	overflow 						: hidden;
	margin-left 				: 0px;
	height 							: 22px;
	width 							: 202px;
	font-size 					: 14px;
	border 							: 1px solid white;
	border-bottom 			: 0px solid white;
	background-image		: url('/gfx/gui/base/pinkh2_bg.jpg');
	background-position : -30px -2px;
	padding-left 				: 5px;
}



div.product select {
	margin:0px; padding:0px;
	overflow : hidden;
	width 							: 210px;

}







div.bigProduct{
	text-align : center;
}

div.bigProduct img {
	padding						: 2px;
	background-color 	: white;
	border						: 1px solid #466167 ;
}


/** SHOP TENDERS **/
table tbody tr.highlight {
	background-color		: #fff8ca;
	border 							: 1px solid #ffa400 ;
}

table tbody tr.category { background-color: #ccc; }
table tbody tr.category th { text-align:left; }

span.keyboard{
	color 							: #4f575e;
	font-weight					: bold;
	font-size						: 15px;
	line-height 				: 16px;
	padding-left 				: 6px;
	padding-right 			: 6px;
	padding-top 				: 3px;
	padding-bottom 			: 5px;
	text-transform 			: uppercase;
	background-image		: url(/gfx/icons/key.gif);
	background-repeat 	: no-repeat;
	background-position : 0px 5px;

}

span.num2img img{	letter-spacing : 0px;}
span.txt2img {
	height : 32px;

}
span.txt2img img{
	margin-right : -2px;

}
.shadow{
	opacity:0.20;
	filter:alpha(opacity=20);
}

.shadow:hover {
	opacity:0.90;
	filter:alpha(opacity=90);
}

.borderWhite{
	margin:0px; padding:0px;
	border 						: 2px solid white ;
}

.underline {	text-decoration : underline;}

.emc2 {
	position : relative;
}

.flyLeft{
	z-index : 20;
	position : relative;
	float : left;
}

.flyRight{
	position : relative;
	float : right;
}

div.starTicket {
	position 	: relative;
	float			: left;
	width			: 220px;
	margin		: 00px;
}

img.mailElon {
	position : absolute;
	top : -29px;
	left : 180px;

}

img.mailElon2 {
	position : absolute;
	top : 10px;
	left : 140px;
}
img.contreattack{
	position : absolute;
	top : -64px;
	left : 170px;

}

img.forumart{
	z-index : 10;
	position : absolute;
	top : 28px;
	left : 320px;
}

#register img.mailElon{
	position : relative;

}

#register img.mailElon{
	position : absolute;
	top 			: 53px;
	left 		: 110px;
}

#register img.piouz{
	position 	: absolute;
	top 			: -105px;
	left 			: 630px;
}

#register ul.present{
	position : relative;
	border : 0px solid red;
	margin-left : 230px;
	width  : 500px;

}

#register #complexityDisplay {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 2px;
}
#register #complexityDisplay.poor { background: url('/gfx/gui/bulb_error.gif') no-repeat; }
#register #complexityDisplay.medium { background: url('/gfx/gui/bulb_warn.gif') no-repeat; }
#register #complexityDisplay.good { background: url('/gfx/gui/bulb_ok.gif') no-repeat; }
#register #complexityDisplay.perfect { background: url('/gfx/gui/bulb_perfect.gif') no-repeat; }

#register #matchingDisplay {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 2px;
}
#register #matchingDisplay.true { background: url('/gfx/gui/bulb_ok.gif') no-repeat; }
#register #matchingDisplay.false { background: url('/gfx/gui/bulb_error.gif') no-repeat; }

img.beta{
	position : absolute;
	top : 5px;
	left : 800px;
}

img.heroes{
	position : absolute;
	top : 185px;
	left : 530px;
}




/************************************/
/*** 				 		Bank		 					***/
/************************************/

/*** BANK : HOME ***/

.bank {
	background-image			: url("/gfx/bank/bank_art.gif");
	background-repeat			: no-repeat;
/*	background-position		: 8px center; */
	background-position : top left;
	padding-right		: 20px;
}
.bank ul{
list-style-image : none;
}


.bank img.art {
	position			: absolute;
}

.bank .help {
	color				: white;
}

.bank .home {
	margin-left			: 250px;
	min-height: 250px;
}

.bank .home img.multiply {
	width				: 528px;
	height				: 138px;
	background-position	: top left;
	background-repeat	: no-repeat;
	background-image	: url('/gfx/gui/double.gif');
}

.bank .home .help {
	padding-left					: 40px;
}

.bank .home .help p {
	margin				: 0px;
}

.bank .country {
	margin-top : 10px;
	margin-bottom				: 10px;
	font-size						: 14pt;
	font-weight					: bold;
	color								: #466167 ;
	text-align					: center;
	border							: 1px solid #466167 ;
	background-color		: #e9f9fd ;
	background-image		:	url('/gfx/gui/base/greyBg.jpg');
	background-position : -360px 0px;
	background-repeat 	:	 no-repeat;
}

.bank .country ul {
	margin:0px; padding:0px;
	margin-top			: 5px;
	margin-bottom		: 5px;
	list-style			: none;
}

.bank .country li {
	display				: inline;
	padding-left		: 5px;
	padding-right		: 5px;
}

.bank .country a img {
	border				: 1px solid black;
}

.bank .country a img.world {
	border				: 0px solid black;
}

.bank .country a:hover img {
	border-color		: white;
}


.bank ul.infos {
	margin:0px; padding:0px;
	list-style					:	 none;
	padding							: 5px;
	border							: 1px solid #466167 ;
	background-color		: #f0feff ;
}

.bank ul.infos li a span {
	font-weight					: bold;
	font-size					: 11pt;
}

.bank ul.infos li a {
	display						: block;
	padding-left			: 10px;
	padding-right			: 10px;
	text-decoration 	: none;
	font-size					: 8pt;
	color								: #0687b1 ;
}
.bank ul.infos li a:hover {
	color								: #ffa400 ;
}
.bank ul.infos a strong {
	text-decoration		: underline;
	display						: block;
	font-size					: 12pt;
	font-weight				: normal;
	color							: #ffa400 ;
}



/*** BANK: FAQ ***/

dl.faq {
	padding							: 10px;
	text-align					: left;
	border							: 1px solid #466167 ;
	background-color		: #f0feff ;
}

dl.faq dt {
	font-weight 				: bold;
	color								: #0687b1 ;
}
dl.faq dd {
	margin:0px; padding:0px;
	font-size				: 10pt;
	padding-left		: 20px;
	margin-bottom		: 10px;
	color						: #466167 ;
}



/*** BANK: PAYMEANS LIST ***/

ul.bankMeans {
	margin:0px; padding:0px;
	list-style			: none;
	float						: left;
	position				: relative;
}

.bankMeans li {
	margin:0px; padding:0px;
	margin-bottom		: 5px;
	width						: 325px;
}

.bankMeans li.current a {
	background				: url('/gfx/bank/bank_button_selected.gif') no-repeat top left white;
}

.bankMeans li a {
	text-decoration 	: none;
	display						: block;
	height						: 92px;
	text-align				: left;
	padding-left			: 0px;
	padding-right			: 0px;
	background				: url('/gfx/bank/bank_button.gif') no-repeat top left white;
}

.bankMeans li a:hover {
	text-decoration 	: none;
	background				: url('/gfx/bank/bank_button_hover.gif') no-repeat top left white;

}

.bankMeans img.icon {
	float							: left;
	position					: relative;
	margin-right			: 7px;
	margin-top				: 5px;
	margin-left				: 5px;
	background-color		: #738e93 ;
	border						: 1px solid #f0feff ;
}

.bankMeans .name {
	display						: block;
	margin-top				: 5px;
	margin-bottom 		: 5px;
	padding-top 			: 5px;
	font-weight				: bold;
	letter-spacing		: 0pt;
	font-size 				: 18px;
	color					: white;
}

.bankMeans .value {
	display				: block;
	font-size			: 23pt;
	line-height		: 15pt;
	color					: #0687b1 ;
}

.bankMeans .mini {
	font-size:12px;
	display:block;
	margin-right:5px;
	margin-top:-15px;
	float:right;
	line-height:10px;
	text-align:right;
	color: #0687b1;
	font-weight:normal;
}


.bankMeans .value .small {
	font-size			: 23pt;
	line-height		: 15pt;
}


.bankMeans .value em {
	font-style			: normal;
	font-size				: 11pt;
	vertical-align		: 25%;
}

.bankMeans .price {
	font-size				: 8pt;
	font-weight			: normal;
	color					: #0687b1 ;
	letter-spacing	: 0pt;
}


/*** BANK: PAYMEANS DETAILS ***/

.bankDetails {
	float							: right;
	position					: relative;
	width							: 400px;
	min-height				: 100px;
	margin-right			: 40px;
	margin-top				: 1px;
	padding						: 10px;
	color							: white;
	border						: 2px solid #738e93 ;
	background-color	: #466167 ;
}
.bankSelect {
	height: 100%;
}
.bankSelect ul {
	list-style-image : none;
	}

.bankDetails img.arrow {
	float						: left;
	position				: relative;
	margin-right		: 15px;
	margin-top			: 10px;
}



.bankDetails h2 {
		margin 					: 0px;
		margin-top 			: -10px;
		margin-left			: -10px;
		margin-right		: -10px;
		margin-bottom		: 10px;
		padding-left		: 40px;
		height 					: 30px;
		color 					: #4e7f88 ;
		background-image: url('/gfx/gui/base/greyh2_bg.jpg');
		border-bottom		: 1px solid #738e93 ;
}

.bankDetails p {
	margin-left			: 0px;
}

.bankDetails p.value {
	font-size			: 10pt;
	line-height			: 11pt;
}

.bankDetails p.value img {
	vertical-align		: -20%;
}

.bankDetails p.warning {
	margin:0px; padding:0px;
	margin-bottom			: 10px;
	margin-left				: 0px;

	font-size					: 9pt;
	line-height				: 11pt;
	color							: #ffa400 ;
	font-weight				: bold;
	letter-spacing		: 0pt;
}

.bankDetails ul.tutorial {
	margin:0px; padding:0px;
	border-top			: 1px solid #738e93 ;
	border-bottom		: 1px solid #738e93 ;
	padding-top			: 3px;
	margin-bottom		: 5px;
	list-style			: none;
}

.bankDetails ul.tutorial li {
	margin:0px; padding:0px;
	margin-bottom		: 3px;
	padding-top			: 2px;
	padding-right		: 5px;
	padding-left		: 55px;
	min-height			: 45px;
	font-size				: 10pt;
	line-height			: 11pt;
	background-repeat		: no-repeat;
	background-position	: 5px 3px;
	background-color		: #738e93;
	cursor							: help;
}

.bankDetails ul.tutorial li a {
	display				: block;
}

.bankDetails ul.tutorial li img {
	float				: right;
	position			: relative;
}

.bankDetails ul.tutorial li em {
	display				: block;
	font-size			: 9pt;
}

.bankDetails form {
	margin:0px; padding:0px;
	margin-bottom				: 10px;
	padding							: 10px;
	width								: 200px;
	background-color		: #738e93;

}

.bankDetails form input.field {
	width				: 180px;
	display				: block;
}

.bankDetails form input.smallButton {
	margin-left			: 0px;
	margin-top			: 2px;
	display				: block;
}

.bankDetails ul.tutorial li.sms		{ background-image	: url("/gfx/bank/tuto_sms.gif"); }
.bankDetails ul.tutorial li.wait	{ background-image	: url("/gfx/bank/tuto_wait.gif"); }
.bankDetails ul.tutorial li.done	{ background-image	: url("/gfx/bank/tuto_done.gif"); }
.bankDetails ul.tutorial li.mouse	{ background-image	: url("/gfx/bank/tuto_mouse.gif"); }
.bankDetails ul.tutorial li.call	{ background-image	: url("/gfx/bank/tuto_call.gif"); }
.bankDetails ul.tutorial li.listen	{ background-image	: url("/gfx/bank/tuto_listen.gif"); }
.bankDetails ul.tutorial li.hangup	{ background-image	: url("/gfx/bank/tuto_hangup.gif"); }
.bankDetails ul.tutorial li.trouble	{ background-image	: url("/gfx/bank/tuto_trouble.gif"); }
.bankDetails ul.tutorial li.choose { background-image	: url("/gfx/icons/back.gif");  background-position			: 10px 7px;}


/*** BANK: CB SPECIFIC ***/

.bankDetails .cash_info {
	font-size			: 10pt;
	font-style			: italic;
}

.bankDetails .cash_sipsForm .button {
	margin-top			: 10px;
}

.bankDetails .quotaMessage {
	font-size : 10pt;
	font-weight : bold;
}

.bankDetails .cash_ack {
	margin-bottom		: 10px;
	margin-top			: 20px;
	font-size				: 9pt;
	color						: #fad3ad;
	font-weight			: bold;
	letter-spacing		: 0pt;
}




/*** TABBED MENU ***/

ul.tabs, ul.tabs li {
	margin							: 0px;
	padding 						: 0px;
}

ul.tabs {
	position : relative;
	list-style					: none;
	padding							: 0px;
	margin							: 0px;
	height							: 25px;
	background-color		: #fcfeff;
	border-bottom				: 3px solid #1c5059;
}

ul.tabs li {
	float							: left;
	position					: relative;
}

ul.tabs li a {
	display							: block;
	height							: 25px;
	padding-top					: 1px;
	padding-left				: 7px;
	padding-right				: 7px;
	text-decoration			: none;
	font-size						: 11pt;
	line-height					: 12pt;
	font-weight					: bold;
	font-variant				: small-caps;
	color								: #F26C12;
	text-align					: center;
	background-repeat		: no-repeat;
	background-position	: top left;
	border-right				: 1px solid #1c5059;
}

ul.tabs li a:hover {
	text-decoration				: none;
	background-color : #eaf098;
}

ul.tabs li.selected a {
	border-bottom				: 2px solid #EAF098;
}

ul.tabs li em {
	font-size					: 10pt;
	color							: #cbc8ce;
	font-style				: normal;
}

.bank ul#countries li img {
	opacity				: 0.50;
	filter				: alpha(opacity=50);
}

.bank ul#countries li:hover img {
	opacity				: 1.00;
	filter				: alpha(opacity=100);
}

.bank ul#countries li.selected img {
	opacity				: 1.0;
	filter				: alpha(opacity=100);
}

.bank ul#countries li .flag {
	border				: 1px solid black;
}

.bank ul#countries li.selected .flag {
	border				: 1px solid white;
}

/*** BANK: MEAN TUTORIAL ***/

.bank ul.tutorial {
	list-style			: none;
	list-style-image : none;
	padding : 0px;
	margin : 0px;
}

.bank ul.tutorial li {
	margin-left							: 20px;
	margin-right						: 20px;
	margin-bottom						: 5px;
	padding									: 2px;
	padding-left						: 55px;
	padding-right						: 5px;
	min-height							: 45px; /* ie.css */
	font-size								: 10pt;
	text-align							: left;
	line-height							: 12pt;
	border									: 1px solid #B5E850;
	border-left							: 3px solid #B5E850;
	background-color				: #fff;
	background-repeat				: no-repeat;
	background-position			: 5px 5px;
}

.bank ul.tutorial li.sms		{ background-image	: url("/gfx/bank/tuto_sms.gif"); }
.bank ul.tutorial li.wait		{ background-image	: url("/gfx/bank/tuto_wait.gif"); }
.bank ul.tutorial li.done		{ background-image	: url("/gfx/bank/tuto_done.gif"); }
.bank ul.tutorial li.mouse	{ background-image	: url("/gfx/bank/tuto_mouse.gif"); }
.bank ul.tutorial li.call		{	background-image	: url("/gfx/bank/tuto_call.gif"); }
.bank ul.tutorial li.listen	{ background-image	: url("/gfx/bank/tuto_listen.gif"); }
.bank ul.tutorial li.hangup	{ background-image	: url("/gfx/bank/tuto_hangup.gif"); }
.bank ul.tutorial li.trouble{ background-image	: url("/gfx/bank/tuto_trouble.gif"); }
.bank ul.tutorial li.choose { background-image	: url("/gfx/icons/back.gif"); background-position			: 10px 10px;}


.bank ul.tutorial li img {
	float					: right;
	position			: relative;
}

.bank ul.tutorial li strong {
	display					: block;
	font-size				: 14pt;
	line-height			: 16pt;
}

.bank ul.tutorial li em {
	display					: block;
	font-style			: normal;
	font-size				: 8pt;
	line-height			: 11pt;
	color						: #33bbd6;
}


#bankCard1,
#bankCard2,
#bankCard3 {
	margin:0px; padding:0px;
	position 				: relative;
	background			: url('/gfx/bank/bank_card1.gif') no-repeat 0px 50px;
	height 					: 280px;
	}

#bankCard2 {background			: url('/gfx/bank/bank_card2.gif') no-repeat 0px 50px;}
#bankCard3 {background			: url('/gfx/bank/bank_card3.gif') no-repeat 0px 50px;}



#bankCard1 div.complet,
#bankCard2 div.complet,
#bankCard3 div.complet {
	position 				: absolute;
	top 						: 0px;
	left 						: 0px;
	}
#bankCard1 div.complet p,
#bankCard2 div.complet p { margin:0px; padding:0px;}



#bankCard1 ul.stamp,
#bankCard2 ul.stamp {
	position 				: absolute;
	top 						: 67px;
	left 						: 17px;
	margin:0px; padding:0px;
	list-style			: none;
	height  				: 130px;
	width 					: 253px;
	}

#bankCard1 ul.stamp li,
#bankCard2 ul.stamp li {
	margin:0px; padding:0px;
	display 				: block;
	float 					: left;
	position 				: relative;
	width 					: 49px;
	height 					: 50px;
	background			: url('/gfx/bank/stamp1.gif') no-repeat top left;
	}

#bankCard2 ul.stamp li {background			: url('/gfx/bank/stamp2.gif') no-repeat top left;}

#bankCard1 ul.stamp li span, #bankCard2 ul.stamp li span { display : none;}

#bankCard1 ul.info,
#bankCard2 ul.info,
#bankCard3 ul.info {
	position 					: absolute;
	width 						: 340px;
	top 						: 0px;
	left  						: 320px;
	border 						: 1px solid white;
	background-color	: #fff ;
	font-size : 14px;
	}

div.bank div.home div#bankCard1 ul.info,
div.bank div.home div#bankCard2 ul.info,
div.bank div.home div#bankCard3 ul.info {
	width: 250px;
	margin: 0px;
	font-size: 12px;
	padding: 0px 10px 10px 20px;
}

div.bank div.home div#bankCard1 ul.info li.locked,
div.bank div.home div#bankCard2 ul.info li.locked,
div.bank div.home div#bankCard3 ul.info li.locked {
	border-top: 1px solid #777;
}


#bankCard1 ul.info li.locked,
#bankCard2 ul.info li.locked,
#bankCard3 ul.info li.locked {
	opacity              : 0.30;
	filter               : alpha(opacity=30);
	}

#bankCard1 p.sub,
#bankCard2 p.sub,
#bankCard3 p.sub {
	position:absolute;
	width:300px;
	top:210px;
	font-size:12px;
	text-align:center;
}
#bankCard1 p.sub2,
#bankCard2 p.sub2,
#bankCard3 p.sub2 {
	position:absolute;
	width:300px;
	top:250px;
	font-size:12px;
	text-align:center;
}


/************************************/
/*** 			  			VIP	 						***/
/************************************/

div.percentBar {
	overflow : hidden;
	margin:0px; padding:0px;
	position 		: relative;
	display 		: block;
	width 			: 106px;
	height		 	: 20px;
	background 	: url('/gfx/gui/base/progress_bg.gif') no-repeat top left;
	border 			: 0px solid red;

}

div.percentBar span.pcent {
	position 		: absolute ;
	top 				: 2px;
	right 			: 12px;
	font-size		: 10px;
	line-height : 10px;
	margin:0px; padding:0px;
}

div.percentBar div.bar {
	position 		: absolute ;
	bottom  		: 2px;
	left  			: 2px;
	width 			: 0px;
	height		 	: 5px;
	background 	: url('/gfx/gui/base/progress.gif') no-repeat top left;
}



div.percentBarBig {
	overflow : hidden;
	margin:0px; padding:0px;
	position 		: relative;
	display 		: block;
	width 			: 304px;
	height		 	: 17px;
	background 	: url('/gfx/gui/base/prog_bg.gif') no-repeat top left;
	border 			: 0px solid red;
	z-index : 10;

}

div.percentBarBig span.pcent {
	position 		: absolute ;
	top 				: 3px;
	right 			: 140px;
	font-size		: 12px;
	line-height : 12px;
	margin:0px; padding:0px;
	font-weight : bold;
	color				: #0687b1 ;
	z-index : 12;
}

div.percentBarBig div.bar {
	z-index 		: 11;
	position 		: absolute ;
	bottom  		: 2px;
	left  			: 2px;
	width 			: 0px;
	height		 	: 13px;
	background 	: url('/gfx/gui/base/prog_bar.gif') no-repeat top left;

}

a.helpButton	{
	text-align  			: center;
	height 					: 34px;
	width 					: 145px;
	line-height		   		: 30px;
	margin  				: auto;
	padding					: 2px;
	padding-left 			: 6px;
	padding-right 			: 15px;
	border					: 0px solid	white;
	display 				: block;
	background-image 		: url('/gfx/icons/clanInfo.gif');
	background-repeat 		: no-repeat;
	margin-bottom 			: 2px;
	font-size 				: 24px;
	letter-spacing			: 3px;
	color 					: #0687b1 ;
	float 					: left;
	position 				: relative;
	margin-top : 5px;
}

a.helpButton:hover {
	background-image 	: url('/gfx/icons/clanInfo_hover.gif');
	color 				: #ffa400 ;
	text-decoration 	: none;
}


#helpBox{
	width : 650px;

	}


ul li.nopuce {
	margin:0px; padding:0px;
	list-style-image : none;
	list-style : none;
	}


div#rankingLink {
	font-size:70%;
	text-align:center;
}


div.showbox {
	margin : auto;
	width : 550px;
	}

div.showbox div.top{
	color : #466167 ;
	background 	: url('/gfx/gui/base/showbox_top.gif') top left no-repeat;
	height : 29px;
	padding-left : 10px;
	line-height : 29px;
	font-size : 18px;
	}

div.showbox div.body{
	padding : 10px;
	background 	: url('/gfx/gui/base/showbox_body.gif') top left repeat-y;

	}
div.showbox div.bottom{
	background 	: url('/gfx/gui/base/showbox_foot.gif') top left no-repeat;
	height : 10px;
	}

.autocenter{
	margin : auto;

	}

.redred{
	color : #f40b58;
	font-weight : bold;
	}

#whatsthefaq h3 {
	height : 33px;
	margin:0px; padding:0px;
	margin-left : -27px;
	padding-left : 35px;


}




dl.faqyou{
	margin-top : 10px;
	border 						: 0px solid  #6fa20a ;
	border-bottom 						: 1px dotted  #0687b1 ;
	width : 600px;
	}

dl.faqyou dd {
	color				:  #6fa20a ;
	border 				: 0px solid  #6fa20a ;
	border-left 		: 5px solid  #6fa20a ;
	background-color 	: #fff ;
	margin 						: 3px;
	padding 					: 3px;

	}
dl.faqyou dd p {
		color	:  #6fa20a ;
	}

dl.faqyou dt {
	font-size : 11px;
	}


#corporate a,
#corporate p {
	margin:0px; padding:0px;
	text-align : right ;
	font-size : 10px;
	line-height : 10px;

	}

.paddy {
	margin-top : 5px;
	padding : 3px;
	}
.margy {
	margin-right : 4px;

	}

.pointandclick{
	cursor : pointer;
	}

select.mt option {
	height:26px;
	padding-left:26px;
	background-color:#FFFFFF;
}
select.mt option.ayame { background:url(/gfx/mt/ayame.gif) no-repeat; padding-left:26px; }
select.mt option.bumdum { background:url(/gfx/mt/bumdum.gif) no-repeat; padding-left:26px; }
select.mt option.deepnight { background:url(/gfx/mt/deepnight.gif) no-repeat; padding-left:26px; }
select.mt option.hiko { background:url(/gfx/mt/hiko.gif) no-repeat; padding-left:26px; }
select.mt option.irvie { background:url(/gfx/mt/irvie.gif) no-repeat; padding-left:26px; }
select.mt option.hk { background:url(/gfx/mt/hk.gif) no-repeat; padding-left:26px; }
select.mt option.skool { background:url(/gfx/mt/skool.gif) no-repeat; padding-left:26px; }
select.mt option.warp { background:url(/gfx/mt/warp.gif) no-repeat; padding-left:26px; }
select.mt option.whitetigle { background:url(/gfx/mt/whitetigle.gif) no-repeat; padding-left:26px; }
select.mt option.yota { background:url(/gfx/mt/yota.gif) no-repeat; padding-left:26px; }

div.trax { margin:auto; }
div.trax form div label { font-size:11pt; }





#logmeinbaby{
	position : absolute;
	top : 10px;
	left : 600px;
	width : 270px;
	height : 90px;
	}

#logmeinbaby div.logtop {
	margin:0px; padding:0px;
	background  : url('/gfx/gui/login_top.gif');
	height 			: 14px;
	line-height : 0px;
	font-size 	: 0px;
	width 			: 164px;
}

#logmeinbaby div.logbody {
	margin:0px; padding:0px;
	position 			: relative;
	background 		: url('/gfx/gui/login_bg.gif') repeat-y transparent;
	padding-left 	: 2px;

	border :0px solid red;
}

#logmeinbaby div.logbody form { margin:0px; padding:0px; }


#logmeinbaby div.logbody input {
	border-left 				: 9px solid white ;
	margin:0px; padding:0px;
	width : 145px;
}

#logmeinbaby div.logbottom {
	background : url('/gfx/gui/login_bottom.gif');
	height : 15px;
	line-height : 0px;
	font-size 	: 0px;
	width : 164px;
}

#logmeinbaby div.logbody .oklog span,
#logmeinbaby div.logbody .cancellog span { display : none;	}

#logmeinbaby div.logbody .oklog,
#logmeinbaby div.logbody .cancellog  {
	margin:0px; padding:0px;
	border : 0px solid red;
	position : absolute;
	right : 0px;
	top : -5px;
	width : 85px;
	height : 29px;
	background : url('/gfx/gui/login_button.gif');
}

#logmeinbaby div.logbody .cancellog  {
	position : absolute;
	right : 0px;
	top : 30px;
	width : 85px;
	height : 29px;
	background : url('/gfx/gui/subscribe_button.gif');
}

#logmeinbaby div.logbody .oklog:hover {background : url('/gfx/gui/login_button_hover.gif');}
#logmeinbaby div.logbody .cancellog:hover {background : url('/gfx/gui/subscribe_button_hover.gif');}




#showof{

	margin:0px; padding:0px;
	width : 850px;

	}


#showof div.intro_image{
	margin:0px; padding:0px;
	margin-top : 10px;
	margin-left : -15px;
	background : url('/gfx/gui/intro-games.jpg') no-repeat #eaf8fa ;
	padding-left : 490px;
	height : 480px;
	}

/* temporary pouet pouet video */

#showof div.intro_video {
	margin:0px; padding:0px;
	margin-top : 30px;
	margin-left : -15px;
/*	background : url('/gfx/gui/intro-games.jpg') no-repeat #eaf8fa ; */
	padding-left: 40px;
}
#showof div.intro_video div.video {
	position : relative;
	float: left;
	padding-top: 20px;
	width: 430px;
}
#showof div.intro_video a.sub, #showof div.intro_video a.demo {
	margin-left: 440px;
}

#showof  a.sub,#showof  a.demo {
	position : relative;
	display : block;
	width : 382px;
}

#showof a.sub span, #showof a.demo span { display : none;}

#showof  a.sub {
	height : 62px;
	background : url('/gfx/gui/intro_subscribe.jpg') no-repeat ;
	//float : right;
	}
#showof a.sub:hover { 	background : url('/gfx/gui/intro_subscribe_hover.jpg') no-repeat ;}


#showof  a.demo {
		width : 375px;
	//float : right;
	height : 74px;
	background : url('/gfx/gui/intro_demo.jpg') no-repeat ;
	}
#showof a.demo:hover { 	background : url('/gfx/gui/intro_demo_hover.jpg') no-repeat ;}

#showof div.intro_rollin{
	position : relative;
	margin-top : 10px;
	margin-left : -15px;
	background : url('/gfx/gui/intro-rollin.jpg') no-repeat #eaf8fa ;
	padding-left : 490px;
	height : 480px;
	}

#showof div.intro_rollin div.swf {
	position : absolute;
	top : 138px;
	left : 139px;
	height : 200px;
	width : 200px;
	border : 0px solid red;
	}


#showof div.intro_play{
	margin:0px; padding:0px;
	position : relative;
	margin-top : 15px;
	margin-left : -15px;
	width : 872px;
	height : 450px;
	background-color : #EAF8FB;
	}

#showof div.intro_play div.trymebaby {
	position : relative;
	float : left;
	width : 480px;
	}

#showof div.intro_play div.blabla {
	position : relative;
	float : right;
	width : 385px;
	}

div.hiliGame{
	position 		: relative;
	height 			: 310px;
	margin-left : 5px;
	border : 0px solid red;
}

div.hiliGame div.nb {
	position 		: absolute;
	left 				: -29px;
	top 				: 10px;
}

div.hiliGame div.body {
	margin-left : 325px;
	border 			: 2px solid white;
	width 			: 480px;
	padding-bottom : 10px;
}


div.hiliGame div.body h2{
	margin:0px; padding:0px;
	position 						: relative;
	font-size 					: 14px;
	line-height 				: 18px;
	color 							: #89bc24 ;
	background-image		: url('/gfx/gui/base/greenh2_bg.jpg');
	background-position : -15px -16px;
	padding-top 				: 0px;
	margin-top 					: 0px;
	margin-bottom 			: -70px !important;
	padding-left 				: 20px;
}

div.hiliGame div.body h2	a:hover { border : 0px solid red; text-decoration : underline}

div.hiliGame ul{
	margin:0px; padding:0px;
	position 					: relative;
	margin-left 			: 20px;
	list-style 				: none;
	list-style-image 	: none;
}

div.hiliGame div.actions {
	position 			: relative;
	float 				: right ;
	margin-top 		: -70px;
	width 				: 50px;
	border 				: 0px solid red;
}


div.hiliGame div.actions a:hover {
	border : 0px solid red;
}

a.thumbGame {
	margin:0px; padding:0px;
	position 				: relative;
		overflow : hidden;
	float 					: left;
	display 				: block;
	width : 300px;
	height : 300px;
	text-align			: left;
	border : 2px solid #fff ;
}

a.thumbGame:hover {

	margin-left : -3px
}

body.en #logmeinbaby div.logtop { background-image:url(/gfx/en/login_top.gif); }
body.en #logmeinbaby div.logbottom { background-image:url(/gfx/en/login_bottom.gif); }
body.en #logmeinbaby div.logbody .oklog { background-image:url(/gfx/en/login_button.gif); }
body.en #logmeinbaby div.logbody .oklog:hover { background-image:url(/gfx/en/login_button_hover.gif); }
body.en #logmeinbaby div.logbody .cancellog { background-image:url(/gfx/en/subscribe_button.gif); }
body.en #logmeinbaby div.logbody .cancellog:hover { background-image:url(/gfx/en/subscribe_button_hover.gif); }
body.en #showof a.sub { background-image:url(/gfx/en/intro_subscribe.jpg); }
body.en #showof a.sub:hover { background-image:url(/gfx/en/intro_subscribe_hover.jpg); }
body.en #showof a.demo { background-image:url(/gfx/en/intro_demo.jpg); }
body.en #showof a.demo:hover { background-image:url(/gfx/en/intro_demo_hover.jpg); }
body.en div#mainBar { background-image:url(/gfx/en/userMenu.gif); }
body.en div#menu ul li.game a span.icon { background-image:url(/gfx/en/menu_game.gif); }
body.en div#menu ul li.site a span.icon { background-image:url(/gfx/en/menu_site.gif); }
body.en div#menu ul li.shop a span.icon { background-image:url(/gfx/en/menu_boutique.gif); }
body.en #contentBox div.menuClan { background-image:url(/gfx/en/site_crew.gif); }
body.en #contentBox div.menuClanHover { background-image:url(/gfx/en/site_crew_hover.gif); }
body.en #contentBox div.menuHistory { background-image:url(/gfx/en/site_history.gif); }
body.en #contentBox div.menuHistoryHover { background-image:url(/gfx/en/site_history_hover.gif); }
body.en #contentBox div.menuMail { background-image:url(/gfx/en/site_mail.gif); }
body.en #contentBox div.menuMailHover { background-image:url(/gfx/en/site_mail_hover.gif); }
body.en #contentBox div.menuNews { background-image:url(/gfx/en/site_news.gif); }
body.en #contentBox div.menuNewsHover { background-image:url(/gfx/en/site_news_hover.gif); }
body.en #contentBox div.menuRanking { background-image:url(/gfx/en/site_ranking.gif); }
body.en #contentBox div.menuRankingHover { background-image:url(/gfx/en/site_ranking_hover.gif); }
body.en #contentBox div.menuForum { background-image:url(/gfx/en/site_forum.gif); }
body.en #contentBox div.menuForumHover { background-image:url(/gfx/en/site_forum_hover.gif); }
body.en #bankCard3 { background-image:url(/gfx/en/bank_card3.gif); }
body.en div#mainBar div.bankMenu a { background-image:url(/gfx/en/buy.gif); }
body.en div#mainBar div.bankMenu a:hover { background-image:url(/gfx/en/buy_hover.gif); }
body.en .paddy a.helpButton { font-size: 10pt; letter-spacing: 0px; padding-top: 2px;}
body.en .hiliProduct img { background-image: url(/gfx/en/pass.gif);}
body.en .bank .home img.multiply { background-image	: url('/gfx/en/double.gif');}

body.es div#tabulation ul li a { font-size:10pt; }
body.es #logmeinbaby div.logtop { background-image:url(/gfx/es/login_top.gif); }
body.es #logmeinbaby div.logbottom { background-image:url(/gfx/es/login_bottom.gif); }
body.es #logmeinbaby div.logbody .oklog { background-image:url(/gfx/es/login_button.gif); }
body.es #logmeinbaby div.logbody .oklog:hover { background-image:url(/gfx/es/login_button_hover.gif); }
body.es #logmeinbaby div.logbody .cancellog { background-image:url(/gfx/es/subscribe_button.gif); }
body.es #logmeinbaby div.logbody .cancellog:hover { background-image:url(/gfx/es/subscribe_button_hover.gif); }
body.es #showof a.sub { background-image:url(/gfx/es/intro_subscribe.jpg); }
body.es #showof a.sub:hover { background-image:url(/gfx/es/intro_subscribe_hover.jpg); }
body.es #showof a.demo { background-image:url(/gfx/es/intro_demo.jpg); }
body.es #showof a.demo:hover { background-image:url(/gfx/es/intro_demo_hover.jpg); }
body.es div#mainBar { background-image:url(/gfx/es/userMenu.gif); }
body.es div#menu ul li.game a span.icon { background-image:url(/gfx/es/menu_game.gif); }
body.es div#menu ul li.site a span.icon { background-image:url(/gfx/es/menu_site.gif); }
body.es div#menu ul li.shop a span.icon { background-image:url(/gfx/es/menu_boutique.gif); width: 120px}
body.es #contentBox div.menuNews { background-image:url(/gfx/es/site_news.gif); }
body.es #bankCard3 { background-image:url(/gfx/es/bank_card3.gif); }
body.es div#mainBar div.bankMenu a { background-image:url(/gfx/es/buy.gif); }
body.es div#mainBar div.bankMenu a:hover { background-image:url(/gfx/es/buy_hover.gif); }
body.es .paddy a.helpButton { font-size: 10pt; letter-spacing: 0px; padding-top: 2px;}
body.es div.hiliProduct img.pass { background-image	: url('/gfx/es/pass.gif');}
body.es .bank .home img.multiply { background-image	: url('/gfx/es/double.gif');}

body.de #logmeinbaby div.logtop { background-image:url(/gfx/de/login_top.gif); }
body.de #logmeinbaby div.logbottom { background-image:url(/gfx/de/login_bottom.gif); }
body.de #logmeinbaby div.logbody .oklog { background-image:url(/gfx/de/login_button.gif); }
body.de #logmeinbaby div.logbody .oklog:hover { background-image:url(/gfx/de/login_button_hover.gif); }
body.de #logmeinbaby div.logbody .cancellog { background-image:url(/gfx/de/subscribe_button.gif); }
body.de #logmeinbaby div.logbody .cancellog:hover { background-image:url(/gfx/de/subscribe_button_hover.gif); }
body.de #showof a.sub { background-image:url(/gfx/de/intro_subscribe.jpg); }
body.de #showof a.sub:hover { background-image:url(/gfx/de/intro_subscribe_hover.jpg); }
body.de #showof a.demo { background-image:url(/gfx/de/intro_demo.jpg); }
body.de #showof a.demo:hover { background-image:url(/gfx/de/intro_demo_hover.jpg); }
body.de div#mainBar { background-image:url(/gfx/de/userMenu.gif); }
body.de div#menu ul li.game a span.icon { background-image:url(/gfx/de/menu_game.gif); }
body.de div#menu ul li.site a span.icon { background-image:url(/gfx/de/menu_site.gif); }
body.de div#menu ul li.shop a span.icon { background-image:url(/gfx/de/menu_boutique.gif); }
body.de #contentBox div.menuClan { background-image:url(/gfx/de/site_crew.gif); }
body.de #contentBox div.menuClanHover { background-image:url(/gfx/de/site_crew_hover.gif); }
body.de #contentBox div.menuHistory { background-image:url(/gfx/de/site_history.gif); }
body.de #contentBox div.menuHistoryHover { background-image:url(/gfx/de/site_history_hover.gif); }
body.de #contentBox div.menuMail { background-image:url(/gfx/de/site_mail.gif); }
body.de #contentBox div.menuMailHover { background-image:url(/gfx/de/site_mail_hover.gif); }
body.de #contentBox div.menuNews { background-image:url(/gfx/de/site_news.gif); }
body.de #contentBox div.menuNewsHover { background-image:url(/gfx/de/site_news_hover.gif); }
body.de #contentBox div.menuRanking { background-image:url(/gfx/de/site_ranking.gif); }
body.de #contentBox div.menuRankingHover { background-image:url(/gfx/de/site_ranking_hover.gif); }
body.de #contentBox div.menuForum { background-image:url(/gfx/de/site_forum.gif); }
body.de #contentBox div.menuForumHover { background-image:url(/gfx/de/site_forum_hover.gif); }
body.de #bankCard3 { background-image:url(/gfx/de/bank_card3.gif); }
body.de div#mainBar div.bankMenu a { background-image:url(/gfx/de/buy.gif); }
body.de div#mainBar div.bankMenu a:hover { background-image:url(/gfx/de/buy_hover.gif); }
body.de .paddy a.helpButton { font-size: 10pt; letter-spacing: 0px; padding-top: 2px;}
body.de .hiliProduct img { background-image: url(/gfx/de/pass.gif);}
body.de .bank .home img.multiply { background-image	: url('/gfx/de/double.gif');}



body #gameWrapper { }
body.fullscreen #gameInterface { height:700px; width:650px; margin:auto; margin-top : 60px; }
body.fullscreen #gameInterface {
background 	: url('/gfx/gui/base/maxi_gamebox.gif') no-repeat;
	}
body.fullscreen #gameName,
body.fullscreen #gameBookmark,
body.fullscreen #gameUnbookmark,
body.fullscreen #activesBoxes,
body.fullscreen #livret { display:none; }

#helpBoxCont {
	overflow : hidden;
	margin-top : 15px;
	width : 700px;
	height : 400px;
}

#helpBoxCont ul  {
	font-size 		: 13px;
	line-height 	: 14px;
	margin:0px; padding:0px;
	margin-left : 20px;
}

#helpBoxCont p,
#helpBoxCont table {
	font-size 		: 13px;
	line-height 	: 14px;
	margin:0px; padding:0px;
	margin-bottom 	: 8px;
	margin-top		: 5px;
}

#helpBoxCont p {margin-bottom 	: 10px; }

#helpBoxCont h2,
#helpBoxCont h3 {
	margin:0px; padding:0px;
	height 				: 25px;
	background-image : none;
}

div.helpSection
 {
	padding-left : 290px;
	height 		: 400px;
	background : url(/gfx/art/general.jpg) top left no-repeat;

}

#help_intro 	{ background-image : url(/gfx/art/general.jpg);}
#help_gem 		{ background-image : url(/gfx/art/gem.jpg);}
#help_pks	 	{ background-image : url(/gfx/art/pks.jpg);}
#help_periode 	{ background-image : url(/gfx/art/periode.jpg);}
#help_star 		{ background-image : url(/gfx/art/star.jpg);}
#help_ranking,
#help_ranking1,
#help_ranking2 	{ background-image : url(/gfx/art/scoring.jpg);}
#help_clan,
#help_clan1,
#help_clan2 	{ background-image : url(/gfx/art/clan.jpg);}
#help_vip,
#help_vip1,
#help_vip2,
#help_vip3	 	{ background-image : url(/gfx/art/vip.jpg);}
#help_faq 		{ background-image : url(/gfx/art/general.jpg);}





/***************************************/
/*** 	Mypage 						***/
/*************************************/


#myPage {
	margin:0px; padding:0px;
	margin-top : 30px;
	margin-left : -10px;
	border : 0px solid red;
	
}

#myPage p {
	font-size: 10px;
	line-height : 10px;

}


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

#myPage tr { background-color : transparent ;}
#myPage td { border : 0px solid red; }

#myPage td.goofy{
	vertical-align : top;
	width : 290px;
}

#myPage td.regular{
	vertical-align : top;
	overflow : hidden ;
	width  : 380px;
}

#myPage div.myBox  {
	color 						: #0687b1 ;
	background-color	: #0687b1 ;
}

#myPage div.myBox div.box {
	background-color				: #5babbb ;
}

#myPage div.myBox h1{
	position : relative;
	color 					: #0687b1;
	font-size 			: 16px;
	line-height 		: 20px;
	height 					: 20px;
	padding 				: 3px 0px 0px 20px;
	border					: 0px solid #0687b1;
	border-bottom-width		: 1px;
	background-image		: url('/gfx/gui/base/blueh2_bg.jpg');
	background-repeat		: repeat-x;
	background-position		: -15px 0px;
	background-color		: #0687b1;
	margin  : 0px;
}

#myPage div.myBox h1 div.actions{
	position : absolute;
	top : 4px;
	right : 4px;
}


#myPage div.myBox div.content{
	padding 				: 0px;
	margin 					: 0px;
	border					: 1px solid white ;
	background-color		: #eaf8fa ;
	background-image		:	none;
	color 							: #0687b1;
}
div.userBoxImg {
	background-image : url('/gfx/gui/bgavatar.gif');
	background-repeat : no-repeat;
	height : 64px;
	width : 64px;
	padding : 1px;
}
div.userBoxImg img {
	width : 64px;
	height : 64px;
}

#myPage  div.userBox {
	position : relative;
	height : 66px ;
	overflow : hidden ;
}

#myPage  div.userBox div.userBoxImg {
	position : absolute;
	top : 0px;
	left : 0px;
}

#myPage ul.userBoxDesc {
	margin-left : 70px;
	font-size 	: 10px;
	line-height : 10px;
}

#myPage  img.vipCard {
	position : absolute;
	top : 0px;
	right : 0px;
}

#myPage  div.friendBox {
	position : relative;
}

div.friendBoxContact div.contact{
	position 	: relative;
	display 	: block;
	float  		: left;
	height 		: 98px;
	width 		: 106px;
}

div.friendBoxContact a.myFriend ,
div.friendBox a.myFriend {
	overflow : hidden;
	position : relative;
	display : block;
	float  : left;
	font-size : 9px;
	line-height : 9px;
	width : 66px;
	margin-right : 1px;
	margin-bottom : 4px;
	height : 78px;
	font-weight : normal;
	text-align : center;
	}

div.friendBoxContact a.myFriend:hover,
div.friendBox a.myFriend:hover {
	text-decoration : none;
		background-color : #0687b1 ;
	}

div.friendBoxContact a.myFriend:hover  div.userBoxImg ,
div.friendBox a.myFriend:hover  div.userBoxImg {
	background-image : url('/gfx/gui/bgavatarhover.gif');
	text-decoration : none;
	}
#myPage  div.clanBox  {overflow : hidden;}
#myPage  div.clanBox ul.clanBoxStat {
	width : 120px;
	height : 60px;
	}

#myPage  div.clanBox ul.clanBoxtxt {
	position : relative;
	float : right ;
	list-style-image :  url('/gfx/gui/base/puce.jpg');
	font-size : 10px;
	line-height : 14px;
	width : 140px;
	}

#myPage div.scoreBox {
	width : 380px ;
	overflow : hidden;
	background : url('/gfx/gui/bg_scoring.gif') no-repeat top left;
}

#myPage div.scoreBox div.icons ul {
	display: block;
	text-align: center;
}
#myPage div.scoreBox div.icons ul li {
	display: inline-block;
	margin-right: 5px;
}

#myPage div.scoreBox table {
border : 0px solid red;
margin:0px; padding:0px;
}

#myPage div.scoreBox table td {
	border : 0px solid red;
}
#myPage div.scoreBox table tbody tr.false,
#myPage div.scoreBox table tbody tr.oddfalse {
	background-color: white ;
}

#myPage ul.starBox{
	position  	: relative;
	height 			: 70px;
	background 	: transparent;
}

#myPage ul.starBox li{
	outline 		: 0px solid red;
	height 			: 60px;
	width 			: 65px;
}

#myPage ul.cupBox{
	position 	: absolute;
	top 			: 10px;
	right 		: 0px;
	height 		: 70px;
	width 		: 185px;
}

#myPage ul.cupBox li{
	position 			: relative;
	float 				: left;
	display 			: block;
	height 				: 30px;
	width 				: 22px;
	padding-left 	: 21px;
	padding-right 	: 3px;
	text-align 		: right;
}
#myPage ul.cupBox span.num2img img{		margin-left : -2px;}

#myPage div.user_completion{
	margin-left 	: 10px;
}


#activesBoxes ul.mainMenu a {
	display : block;
	font-variant : normal;
	font-size : 20px;
	line-height : 22px;
	padding-left : 30px;
	background : url('/gfx/icons/orangeStar.gif') 0px 0px  no-repeat;
}

#activesBoxes ul.mainMenu a:hover {
	padding-left : 32px;
	background-color : white;
	text-decoration : none;
}

#activesBoxes ul.mainMenu li.menuNews a				{ background : url('/gfx/icons/orangeStar.gif') 0px 2px  no-repeat;}
#activesBoxes ul.mainMenu li.menuMail a				{ background : url('/gfx/icons/readedMail.gif') 0px 2px  no-repeat;}
#activesBoxes ul.mainMenu li.menuMail a.active{ background : url('/gfx/icons/read_mail.gif') 0px 2px  no-repeat;}
#activesBoxes ul.mainMenu li.menuAccount a		{ background : url('/gfx/icons/skpoint.gif') 0px 3px  no-repeat;}
#activesBoxes ul.mainMenu li.menuScore a			{ background : url('/gfx/icons/menu_score.gif') -4px 2px  no-repeat;}
#activesBoxes ul.mainMenu li.menuForum a			{ background : url('/gfx/icons/forum_icon.gif') 0px 2px  no-repeat;}
#activesBoxes ul.mainMenu li.menuClan a				{ background : url('/gfx/icons/menu_clan.gif') -2px 0px  no-repeat;}
#activesBoxes ul.mainMenu li.menuHelp a				{ background : url('/gfx/icons/help.gif') -3px 0px  no-repeat;}

#activesBoxes ul#lotteryResults li:first-child { font-weight: bold; background-color: rgba(255,0,0,0.1);}
#activesBoxes ul#lotteryResults li:first-child a { font-weight: bold; }

#toc ol {
	list-style-type : upper-roman;
	margin:0px; padding:0px;
	margin-left : 35px;
}

#toc ol a {
	font-size : 14px;
	font-variant : normal;
	font-weight : bold;
}

#toc ol ol{
	list-style-type : none;
	margin:0px; padding:0px;
	margin-left : 10px;

}


#toc ol ol a {
	font-weight : normal;
	font-size : 10px;
	font-variant : normal;
}

div#diggerEvent {
	background: url('/gfx/gui/digger_bg.png') no-repeat 404px 30px;
	min-height: 404px;
}
div#diggerEvent div#digger {
	border: 2px solid #59abb6;
	width: 400px;
	height: 400px;
}

div#diggerEvent table {
	width: 400px;
	margin: 0px;
}

span.country {
	font-size: 12px;
}

span.countryCode {
	display: inline-block;
	font-size: 11px;
	width: 25px;
	color: #26A7C1;
	text-align: right;
}

.fade {
	opacity: 0.4;
}

.rounded {
	color: #FFFFFF;
	background-color:#55AACC;
	padding:1px 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

div#livret div.cannotplay {
	text-align: center;
}

div.tip p.pop,
div#livret p.pop {
	margin-top: 4px;
}
div.tip p.pop img,
div#livret p.pop img {
	vertical-align: bottom;
}


#lottery {

	width : 700px;
	height : 500px;
	background : url('/gfx/loterie_big.png') no-repeat 0px 0px ;
	padding : 0 0 0 460px;
}

div.challengeResult {
	width 			: 677px;
	padding 		:  25px 0 100px 130px;
	margin 			: 0 0 0 0px ;
	background 	: url('/gfx/icons/challenge_big.png') no-repeat 0px 0px ;
}

#tid_forum  p {
	 color : #fff;
}

#tid_forum cite p{
	 color : #32949D;
}

#tid_forum .tid_preCite {
	margin :0 0 5px 0;
}

#tid_forum div {
	position : static;
}

#tid_bar_down {
    color:#FFF;
}

#rockfaller h1 {
	display: none;
}

#contentBox div#rockfaller div.box {
	background-color: #82cafc;
}

#contentBox div#rockfaller .content {
	padding: 0px;
	border: 0px;
}

#contentBox div#rockfaller .content div.rockfallerBG {
	color: #FFFFAA;
	height: 246px;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
}
#contentBox div#rockfaller .content div.rockfallerBG strong {
	color: white;
}
#contentBox div#rockfaller .content div.rockfallerBG img {
	margin-bottom: 8px;
}

#contentBox div#rockfaller .content .lnk {
	margin-top: 8px;
}

#contentBox div#rockfaller .content a {
	font-size: 14px;
	font-weight: bold;
}