/* Elements communs */
body { margin: 0; padding: 0; }
td { font-weight: normal; font-size: 12px; font-family: "trebuchet MS", arial, verdana, tahoma;  text-decoration: none;  color: #808080; }
a { color : #505050; text-decoration: none; }  
a:visited { text-decoration: none; } 
a:hover { text-decoration: underline; cursor: pointer; }
input, textarea { font-size: 12px; border: 0; font-family: "trebuchet MS", arial, verdana, tahoma; color : #808080; padding: 0; margin: 0; }
ul, li { padding: 2px; margin: 2px; margin-left: 10px;}
img { border: 0; }

.au { color : #505050; text-decoration: underline; }
.au:visited { text-decoration: underline; }
.au:hover { text-decoration: underline; cursor: pointer; }

.an:visited { text-decoration: none; } 
.an:hover { text-decoration: none; cursor: pointer; }

/* For main div */
.divMain { margin: 0; padding: 0; background: url('bg-body.gif') 0% 0% #F4F4EA repeat-x; }
.divMainNoBg { margin: 0; padding: 0; background: #F4F4EA; }

/* For Home Carrousel */
.carThumb { width:70px; height:43px; }
.OrangeLink:hover{ color : #FF9700; }

/* For new header */
.header { width:100%; background: url('bg-header.gif') repeat-x; }
.headBg { height: 34px; padding-right: 6px; }
.navBg { background: #A5A542; height: 31px; padding-right: 6px; font-size: 2px; }
.quickBg { background: #EFFABF; height: 28px; padding-left: 6px; padding-right: 6px; }
.headerRightBg { background: url('bg-header-right.gif') repeat-x; }
.playersBg { background: #A5A542; height: 25px; font-weight: bold; padding-left: 12px; padding-right: 12px; }

/* For header 3.0 */
.headerPlayerCounter { width:20px; height:27px; background: url('bgCounter.gif') no-repeat; display:inline-block; text-align:center; padding-top:3px;}
.headerPlayerCounter { /* FOR IE: _MUST_ BE IN A SEPARATE RULE */
	display: inline !ie;
	}
.bgTopMenu { width:100%; background: #FFFFFF url('bg-TopMenu.gif') repeat-x; height:72px; } /*height:64px;*/

/* For ModalPopup */
.modalPopup { background-color:#ffffff; padding:3px; }
.modalBackground { background-color: #000000; filter:alpha(opacity=70); opacity:0.7; }

/* For home page */
.homeBox { background: #F4F4EA; border-right: 1px solid #CCCCCC; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; }
.homeHi { background: url('homeHi.gif') no-repeat; width: 140px; height: 36px; padding: 0; margin: 0; margin-bottom: 0; } 
.homeLow { background: url('homeLow.gif') no-repeat; width: 140px; height: 36px; padding: 0; margin: 0; margin-bottom: 0; }
.homeBack { background: url('homeBack.gif') repeat-y; width: 140px; }

/* For GetCafeCoins */
.packDetailDiv { border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color:#F4F4EA; padding: 4px;}
.packListBg { background: url('CafeCoinsPackSelectedPixel.gif') repeat-y; width: 200px; height: 30x; padding: 0; margin: 0; margin-bottom: 0; }
.packHi { background: url('CafeCoinsPackSelectedBG.gif') no-repeat; width: 200px; height: 30px; padding: 0; margin: 0; margin-bottom: 0; }

/* jQuery ui interaction*/
a.ui-dialog-titlebar-close { display:none; }

/* For squarred box */
.sBoxGreen { border: 1px solid #C8F02B; background-color: #EFFABF; padding: 6px; color: #505050; }
.sBoxRed { border: 1px solid #DD3C10; background-color: #FFEFD9; padding: 6px; color: #505050; }
.sBoxLight { border: 1px solid #CCCCCC; background-color: #F4F4EA; padding: 6px; color: #505050; }

/* For Images */
.wBorder { border: 1px solid #CCCCCC; }

/* For Shop pages */
.OnOverCart  { background: url('cart-over.gif') no-repeat; height:167px; } 
.OnDefaultCart { background: url('cart.gif') no-repeat;height:167px;  } 
.products {  width: 85px; height: 80px; }

/* specials */
.local { padding-bottom: 12px; }
.bordered { width: 95%; border: 1px solid #CCCCCC; }
.readonly { width: 95%; border: 1px solid #F4F4EA; background-color: #F4F4EA; }
.lined { margin: 0; background: url('line.gif') 0% 0% repeat-x; }
.minibody { margin: 0; background: url('bg-body.gif') 0 0 repeat-x; }
.ongletHi { text-align: center; background: url('onglet.gif') no-repeat; width: 120px; height: 30px; padding: 0; margin: 0; } 
.ongletLow { text-align: center; background: url('onglet0.gif') no-repeat; width: 120px; height: 30px; padding: 0; margin: 0; }

.ongletRoom { font-family: "trebuchet MS", arial, verdana, tahoma; font-size: 12px; font-weight: bold; color: #505050; }
.ongletRoomLeft { background-image: url('Tabs/tab-left.gif'); height: 20px; width: 6px; }
.ongletRoomMiddle { background-image: url('Tabs/tab.gif'); height: 20px; text-align: center; padding-left: 4px; padding-top: 2px; }
.ongletRoomRight { background-image: url('Tabs/tab-right-room.gif'); height: 20px; width: 12px; }
.ongletRoomLeftOver { background-image: url('Tabs/tab-active-left.gif'); height: 20px; width: 6px; }
.ongletRoomMiddleOver { background-image: url('Tabs/tab-hover.gif'); height: 20px; text-align: center; padding-left: 4px; padding-top: 2px; }
.ongletRoomRightOver { background-image: url('Tabs/tab-active-right-room.gif'); height: 20px; width: 12px; }
.ongletRoomDiv { border: solid 1px #CCCCCC; padding: 6px; }

/* Charte définie */
.menu { background: url('') 100% 0% no-repeat; height: 83px;}
.menubrown { background: #A5A545; padding-left: 6px; padding-right: 0; height: 29px;}
.menugreen { background: #EFFABF; padding-left: 6px; padding-right: 6px; height: 21px;}
.menuright { background: url('bg-right.gif') repeat-x;}

.bgWhite { background: #FFFFFF; width: 100%; height: 100%; }
.bgLight { background: #F4F4EA; width: 100%; height: 100%; }
.bgPink { background: #FF0085; width: 100%; height: 100%; }
.bgKhaki { background: #969630; width: 100%; height: 100%; }
.bgGreen { background: #C8F02B; width: 100%; height: 100%; }
.bgPaleGreen { background: #EEFABF; width: 100%; height: 100%; }
.bgOrange { background: #FF9700; width: 100%; height: 100%; }
.bgPaleOrange { background: #FFEFD9; width: 100%; height: 100%; }

/* do not use bgDark RESERVED */
.bgDark { background: #808080; }
.bgWhiteNoDim { background: #FFFFFF; }
.bgLightNoDim { background: #F4F4EA; }
.bgGreenNoDim { background: #C8F02B; }

.White { color: #FFFFFF; }
.WhiteSh { text-shadow: 0px 1px #FFFFFF; }
.Orange { color: #FF9700; }
.OrangeSh { text-shadow: 0px -1px #F39A2A; }
.Light { color: #808080; }
.LightSh { text-shadow: 0px -1px #666666; }
.Dark { color: #505050; }
.Black { color: #000000; }
.Pink { color: #FF0085; }
.PinkSh { text-shadow: 0px -1px #EA4887; }
.Khaki { color: #969630; }
.Blue { color: #0E95EB; }
.Red { color: Red; }

.VeryBig,a.VeryBig { font-weight: bold; font-size: 24px; font-family: "trebuchet MS", arial, verdana, tahoma; }
.Title,a.Title { font-weight: bold; font-size: 16px; font-family: "trebuchet MS", arial, verdana, tahoma; }
.Catch,a.Catch { font-weight: bold; font-size: 14px; font-family: "trebuchet MS", arial, verdana, tahoma; }
.Text,a.Text { font-weight: normal; font-size: 12px; font-family: "trebuchet MS", arial, verdana, tahoma; }
.SmallText,a.SmallText { font-weight: normal; font-size: 10px; font-family: "trebuchet MS", arial, verdana, tahoma; }
.Bold { font-weight: bold; }

td.popUpT { background: url('box-home-pink-middle.gif') 100% 0% repeat-x; height: 29px; border: 0; }
td.popUpTL { background: url('box-home-pink-left.gif') 0% 100% no-repeat; width: 7px; height: 29px; border: 0; }
td.popUpTR { background: url('box-home-pink-right.gif') 100% 0% no-repeat; width: 7px; height: 29px; border: 0; }
td.popUpHL { background: url('popUp-leftColumn.gif') 0% 100% repeat-y; width: 7px; height: 7px; border: 0; }
td.popUpH { height: 7px; border:0; }
td.popUpHR { background: url('popUp-RightColumn.gif') 100% 0% repeat-y; width: 7px; height: 7px; border: 0; }
td.popUpML { background: url('popUp-leftColumn.gif') 0% 100% repeat-y; width: 7px; border: 0; }
td.popUpMR { background: url('popUp-RightColumn.gif') 100% 0% repeat-y; width: 7px; border: 0; }
td.popUpB { background: url('popUp-BottomLine.gif') 100% 0% repeat-x; height: 7px; border: 0; }
td.popUpBL { background: url('popUp-bottomLeftCorner.gif') 0% 100% no-repeat; width: 7px; height: 7px; border: 0; }
td.popUpBR { background: url('popUp-bottomRighCorner.gif') 0% 100% no-repeat; width: 7px; height: 7px; border: 0; }

.tabOrange { background: url('tab-orange.png') 100% 0% no-repeat; height: 30px; width: 120px; border: 0; }
.tabPink { background: url('tab-pink.png') 100% 0% no-repeat; height: 30px; width: 120px; border: 0; }

.bgRegistered  { background: url('bg-registered.png') 100% 0% repeat-x; height: 60px; border: 0; }
.bgSubscriber  { background: url('bg-subscriber.png') 100% 0% repeat-x; height: 60px; border: 0; }

.bgActiveFeatureWhite { height: 60px; border: solid 1px #969630; vertical-align: middle; }
.bgActiveFeatureGray { background: url('bg-activefeature-gray.png') 100% 0% repeat-x; height: 60px; border: solid 1px #969630; vertical-align: middle; }
.bgActiveFeatureDark { background: url('bg-activefeature-dark.png') 100% 0% repeat-x; height: 60px; border: solid 1px #969630; vertical-align: middle; }

.boxStrokedT { background: url('boxStrokedT.gif') 100% 0% no-repeat; width: 100%; height: 6px; border: 0; }
.boxStrokedM { border-right: 1px solid #CCCCCC; padding-left: 0px; padding-right: 6px; padding-top: 0; padding-bottom: 0; vertical-align: top; }
.boxStrokedML { border-left: 1px solid #CCCCCC; }
.boxStrokedB { background: url('boxStrokedB.gif') 100% 100% no-repeat; width: 100%; height: 6px; border: 0; }

.boxSolidT { background: url('boxSolidT.gif') 100% 0% no-repeat; width: 100%; height: 6px; border: 0; }
.boxSolidM { padding-left: 6px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; vertical-align: top; }
.boxSolidML { }
.boxSolidB { background: url('boxSolidB.gif') 100% 100% no-repeat; width: 100%; height: 6px; border: 0; }

.boxTourT { background: url('boxTourT.gif') 100% 0% no-repeat; width: 100%; height: 6px; }
.boxTourM { padding-left: 1px; padding-right: 1px; padding-top: 0; padding-bottom: 0; vertical-align: top; }
.boxTourML { }
.boxTourB { background: url('boxTourB.gif') 100% 100% no-repeat; width: 100%; height: 6px; }

.boxInsideT { background: url('boxInsideT.gif') 100% 0% no-repeat; width: 100%; height: 12px; }
.boxInsideM { border-right: 1px solid #CCCCCC; padding-left: 3px; padding-right: 12px; padding-top: 0; padding-bottom: 0; background: url('boxInsideMR.gif') 100% 0% repeat-y; vertical-align: top; }
.boxInsideML { border-left: 1px solid #CCCCCC; background: url('boxInsideML.gif') 0% 0% repeat-y; }
.boxInsideB { background: url('boxInsideB.gif') 100% 100% no-repeat; width: 100%; height: 12px; }

.boxHeaderT { background: url('boxHeaderT.gif') 100% 0% no-repeat; width: 100%; height: 6px; }
.boxHeaderM { background: url('boxHeaderT2.gif') no-repeat; border-right: 1px solid #CCCCCC; padding-left: 0; padding-right: 6px; padding-top: 0; padding-bottom: 0; vertical-align: top; }
.boxHeaderML { background: url('boxHeaderT2.gif') no-repeat; border-left: 1px solid #CCCCCC; }
.boxHeaderB { background: url('boxHeaderB.gif') 100% 100% no-repeat; width: 100%; height: 6px; }

.boxNoheaderT { background: url('boxNoheaderT.gif') 100% 0% no-repeat;  width: 100%; height: 6px; }
.boxNoheaderM { border-right: 1px solid #CCCCCC; padding-left: 0; padding-right: 6px; padding-top: 0; padding-bottom: 0; vertical-align: top; }
.boxNoheaderML { border-left: 1px solid #CCCCCC; }
.boxNoheaderB { background: url('boxHeaderB.gif') 100% 100% no-repeat; width: 100%; height: 6px; }

.boxBubleT { background: url('boxBubleT.gif') 100% 0% no-repeat; width: 100%; height: 6px; }
.boxBubleM { padding-left: 0; padding-right: 6px; padding-top: 0; padding-bottom: 0; vertical-align: top; }
.boxBubleML { border-left: 1px solid #CCCCCC; }
.boxBubleB { background: url('boxBubleB.gif') 100% 100% no-repeat; width: 100%; height: 6px; }
.boxBubleR { background: url('boxBubleR.gif') 0% 0% no-repeat; width:40px; } 

.1slot { width: 117px; }
.2slot { width: 240px; }
.3slot { width: 363px; }
.4slot { width: 486px; }
.5slot { width: 609px; }
.6slot { width: 732px; }
.7slot { width: 855px; }

/* Gift waiting room */
.persomessage { border: solid 1px #CCC; height: 135px; width: 185px; }
.persomessageAS3 { border: solid 1px #CCC; height: 210px; width: 220px; }
.messagereceived { height: 43px; width: 185px; overflow-y: auto; overflow-x: hidden; word-wrap: break-word; }
.playernickname1 { color: #58E945; }
.playernickname2 { color: #7CD3E6; }
.playernickname3 { color: #F397DA; }
.playernickname4 { color: #FFCC00; }

/* Boosts form */
.boostPackNotSelected { border: solid 2px #F4F4EA; background: #F4F4EA; }
.boostPackSelected { border: solid 2px #FF0085; background: #FFFFFF; }
.boostPackNotSelectedGWR { border: solid 2px #FFFFFF; background: #FFFFFF; }
.boostPackSelectedGWR { border: solid 2px #FF0085; background: #F4F4EA; }

/* New classes */
.nodeco { text-decoration: none; cursor: pointer; }
.nodeco:hover { text-decoration: none; cursor: pointer; }
.nodeco:visited { text-decoration: none; cursor: pointer; }
.btnAlign { text-align: center; vertical-align: middle; color: #FFFFFF; overflow: hidden; }
.cont100x24
{
	background: url('content/bg-100x24.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 100px; line-height: 24px; vertical-align: middle; text-align: center;
}
.cont150x24
{
	background: url('content/bg-150x24.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 150px; line-height: 24px; vertical-align: middle; text-align: center;
}
.cont200x24
{
	background: url('content/bg-200x24.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 200px; line-height: 24px; vertical-align: middle; text-align: center;
}
.cont190x50-off
{
	background: url('content/bg-190x50-off.png') no-repeat;
	color: #FFFFFF; width: 190px; height: 50px; vertical-align: middle; text-align: center;
}
.cont190x50-on
{
	background: url('content/bg-190x50-on.png') no-repeat;
	color: #FFFFFF; width: 190px; height: 50px; vertical-align: middle; text-align: center;
}
.cont100x24gray
{
	background: url('content/bg-100x24-grey.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 100px; line-height: 24px; vertical-align: middle; text-align: center;
}
.cont150x24gray
{
	background: url('content/bg-150x24-grey.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 150px; line-height: 24px; vertical-align: middle; text-align: center;
}
.cont200x24gray
{
	background: url('content/bg-200x24-grey.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 200px; line-height: 24px; vertical-align: middle; text-align: center;
}

.cont100x24orange
{
	background: url('content/bg-100x24-orange.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 100px; line-height: 24px; vertical-align: middle; text-align: center;
}
.cont150x24orange
{
	background: url('content/bg-150x24-orange.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 150px; line-height: 24px; vertical-align: middle; text-align: center;
}
.cont200x24orange
{
	background: url('content/bg-200x24-orange.gif') no-repeat;
	color: #FFFFFF; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma;
	width: 200px; line-height: 24px; vertical-align: middle; text-align: center;
}

.boxGradiantGrayTL { background: url('box-gradiant-gray-tl.png') 100% 0% no-repeat; height: 54px; width: 5px; border: 0; }
.boxGradiantGrayT { background: url('box-gradiant-gray-t.png') 100% 0% no-repeat; background-position: top right; height: 54px; border: 0; }
.boxGradiantGrayTR { background: url('box-gradiant-gray-tr.png') 100% 0% no-repeat; height: 54px; width: 5px; border: 0; }
.boxGradiantGreenTL { background: url('box-gradiant-green-tl.png') 100% 0% no-repeat; height: 54px; width: 5px; border: 0; }
.boxGradiantGreenT { background: url('box-gradiant-green-t.png') 100% 0% no-repeat; background-position: top right; height: 54px; border: 0; }
.boxGradiantGreenTR { background: url('box-gradiant-green-tr.png') 100% 0% no-repeat; height: 54px; width: 5px; border: 0; }

.boxGradiantTH { padding-left: 5px; padding-top: 10px; }
.boxGradiantBL { background: url('box-gradiant-bl.png') 100% 0% no-repeat; background-position: bottom left; width: 5px; border: 0; }
.boxGradiantB { background: url('box-gradiant-b.png') 100% 0% repeat-x; background-position: bottom left; border: 0; }
.boxGradiantBR { background: url('box-gradiant-br.png') 100% 0% no-repeat; background-position: bottom left; width: 5px; border: 0; }

.boxGradiantArrowTL1 { background: url('box-large-tl1.png') 100% 0% no-repeat; height: 45px; width: 5px; border: 0; vertical-align: top; }
.boxGradiantArrowTLT { background: url('box-large-tlt.png') 100% 0% repeat-x; height: 45px; border: 0; vertical-align: top; width: 30px; white-space: nowrap; padding-right: 10px; padding-left: 10px; }
.boxGradiantArrowTH { padding-left: 5px; padding-top: 8px; }
.boxGradiantArrowTL2 { background: url('box-large-tl2.png') 100% 0% no-repeat; height: 45px; width: 22px; border: 0; vertical-align: top; }
.boxGradiantArrowT { background: url('box-large-t.png') 100% 0% repeat-x; height: 45px; border: 0; vertical-align: top; }
.boxGradiantArrowTI { padding-left: 5px; padding-top: 5px; width: 30px; height: 30px; }
.boxGradiantArrowR { background: url('box-large-r.png') 100% 0% no-repeat; height: 45px; width: 5px; border: 0; vertical-align: top; }

.boxGradiantArrowImageTLT { background: url('box-large-tlt.png') 100% 0% repeat-x; height: 45px; border: 0; vertical-align: top; width: 30px; white-space: nowrap; }

.boxGradiantRoundL { background: url('sub-choice-l.png') 100% 0% no-repeat; height: 60px; width: 5px; border: 0; vertical-align: middle; }
.boxGradiantRoundLBGI { background: url('sub-choice-lbg.png') 100% 0% repeat-x; height: 60px; width: 15px; border: 0; vertical-align: middle; }
.boxGradiantRoundLBG { background: url('sub-choice-lbg.png') 100% 0% repeat-x; height: 60px; width: 15px; border: 0; vertical-align: middle; padding-left: 6px; padding-right: 12px; }
.boxGradiantRoundLR { background: url('sub-choice-lr.png') 100% 0% no-repeat; height: 60px; width: 12px; border: 0; vertical-align: middle;  }
.boxGradiantRoundBG { background: url('sub-choice-bg.png') 100% 0% repeat-x; height: 60px; border: 0; vertical-align: middle; padding-left: 6px; padding-right: 6px; }
.boxGradiantRoundR { background: url('sub-choice-r.png') 100% 0% no-repeat; height: 60px; width: 5px; border: 0; vertical-align: middle; }
.boxGradiantRoundRBGI { background: url('sub-choice-bg.png') 100% 0% repeat-x; height: 60px; width: 5px; border: 0; vertical-align: middle; padding-right: 6px; }

.btnSmartGrayL { background: url('btn-smart-gray-left.png') 100% 0% no-repeat; height: 37px; width: 16px; border: 0; }
.btnSmartGrayM { background: url('btn-smart-gray-middle.png') 100% 0% repeat-x; height: 37px; border: 0; padding-bottom: 5px; }
.btnSmartGrayR{ background: url('btn-smart-gray-right.png') 100% 0% no-repeat; height: 37px; width: 16px; border: 0; }

.btnSmartOrangeL { background: url('btn-smart-orange-left.png') 100% 0% no-repeat; height: 37px; width: 16px; border: 0; }
.btnSmartOrangeM { background: url('btn-smart-orange-middle.png') 100% 0% repeat-x; height: 37px; border: 0; padding-bottom: 5px; }
.btnSmartOrangeR{ background: url('btn-smart-orange-right.png') 100% 0% no-repeat; height: 37px; width: 16px; border: 0; }

.btnSmartPinkL { background: url('btn-smart-pink-left.png') 100% 0% no-repeat; height: 37px; width: 16px; border: 0; }
.btnSmartPinkM { background: url('btn-smart-pink-middle.png') 100% 0% repeat-x; height: 37px; border: 0; padding-bottom: 5px; }
.btnSmartPinkR{ background: url('btn-smart-pink-right.png') 100% 0% no-repeat; height: 37px; width: 16px; border: 0; }

.boxSmartPinkTL { background: url('BoxHomePink-Left.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }
.boxSmartPinkTM { background: url('BoxHomePink-Middle.gif') 100% 0% repeat-x; height: 24px; border: 0; }
.boxSmartPinkTR { background: url('BoxHomePink-Right.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }

.boxSmartOrangeTL { background: url('BoxHomeOrange-Left.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }
.boxSmartOrangeTM { background: url('BoxHomeOrange-Middle.gif') 100% 0% repeat-x; height: 24px; border: 0; }
.boxSmartOrangeTR { background: url('BoxHomeOrange-Right.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }

.boxSmartMediumT { background: url('box-medium-title.png') 100% 0% no-repeat; height: 54px; width: 300px; border: 0; vertical-align: top; }
.boxSmartMediumOrangeT { background: url('box-medium-title-orange.png') 100% 0% no-repeat; height: 54px; width: 300px; border: 0; vertical-align: top; }
.boxSmartMediumTH { padding-left: 5px; padding-top: 10px; }
.boxSmartMediumB { background: url('box-medium-foot.png') 100% 0% no-repeat; height: 5px; width: 300px; border: 0; }
.boxSmartMediumM { border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; padding-left: 7px; padding-right: 7px; }

.boxSmartLargeTL1 { background: url('box-large-tl1.png') 100% 0% no-repeat; height: 45px; width: 5px; border: 0; vertical-align: top; }
.boxSmartLargeTLT { background: url('box-large-tlt.png') 100% 0% repeat-x; height: 45px; border: 0; vertical-align: top; width: 30px; white-space: nowrap; padding-right: 10px; padding-left: 10px; }
.boxSmartLargeTH { padding-left: 5px; padding-top: 8px; }
.boxSmartLargeTL2 { background: url('box-large-tl2.png') 100% 0% no-repeat; height: 45px; width: 22px; border: 0; vertical-align: top; }
.boxSmartLargeT { background: url('box-large-t.png') 100% 0% repeat-x; height: 45px; border: 0; vertical-align: top; }
.boxSmartLargeTI { padding-left: 5px; padding-top: 5px; }
.boxSmartLargeR { background: url('box-large-r.png') 100% 0% no-repeat; height: 45px; width: 5px; border: 0; vertical-align: top; }
.boxSmartLargeML { background: url('smart-ML.gif') 100% 0% repeat-y; width: 7px; border: 0; }
.boxSmartLargeMM { padding-top: 0px; border: 0; }
.boxSmartLargeMR { background: url('smart-MR.gif') 100% 0% repeat-y; width: 7px; border: 0; }
.boxSmartLargeBL { background: url('smart-BL.gif') 100% 0% no-repeat; width: 7px; border-bottom: solid 1px #CCCCCC; }
.boxSmartLargeBM { background: url('smart-BM.gif') 100% 0% repeat-x; border-bottom: solid 1px #CCCCCC; }
.boxSmartLargeBR { background: url('smart-BR.gif') 100% 0% no-repeat; width: 7px; border-bottom: solid 1px #CCCCCC; }

.boxSmartHL { background: url('smart-HL.gif') 100% 0% repeat-y; width: 7px; border: 0; }
.boxSmartHR { background: url('smart-HR.gif') 100% 0% repeat-y; width: 7px; border: 0; }
.boxSmartML { background: url('smart-ML.gif') 100% 0% repeat-y; width: 7px; border: 0; }
.boxSmartMM { padding-top: 6px; border: 0; }
.boxSmartMR { background: url('smart-MR.gif') 100% 0% repeat-y; width: 7px; border: 0; }
.boxSmartBL { background: url('smart-BL.gif') 100% 0% no-repeat; width: 7px; height: 7px; border: 0; }
.boxSmartBM { background: url('smart-BM.gif') 100% 0% repeat-x; height: 7px; border: 0; }
.boxSmartBR { background: url('smart-BR.gif') 100% 0% no-repeat; width: 7px; height: 7px; border: 0; }

/* BoxHome */
.boxHomePinkTL { background: url('BoxHomePink-Left.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }
.boxHomePinkTM { background: url('BoxHomePink-Middle.gif') 100% 0% repeat-x; height: 24px; border: 0; }
.boxHomePinkTR { background: url('BoxHomePink-Right.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }

.boxHomeOrangeTL { background: url('BoxHomeOrange-Left.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }
.boxHomeOrangeTM { background: url('BoxHomeOrange-Middle.gif') 100% 0% repeat-x; height: 24px; border: 0; }
.boxHomeOrangeTR { background: url('BoxHomeOrange-Right.gif') 100% 0% no-repeat; height: 24px; width: 7px; border: 0; }

.boxHomeHeader { height: 24px;}
.boxHomeContent { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.boxHomeHeaderRight { border-bottom: 1px solid #CCCCCC;}

/* Subscription choice */
.subChoiceL { background: url('sub-choice-l.png') 100% 0% no-repeat; height: 60px; width: 5px; border: 0; vertical-align: top; }
.subChoiceLBG { background: url('sub-choice-lbg.png') 100% 0% repeat-x; height: 60px; width: 15px; border: 0; vertical-align: middle; }
.subChoiceLR { background: url('sub-choice-lr.png') 100% 0% no-repeat; height: 60px; width: 12px; border: 0; vertical-align: top; }
.subChoiceBG { background: url('sub-choice-bg.png') 100% 0% repeat-x; height: 60px; border: 0; vertical-align: middle; }
.subChoiceBullet { background: url('sub-choice-bullet.png') 100% 0% no-repeat; height: 60px; width: 54px; border: 0; padding-top: 0px; 
				font-weight: bold; font-size: 22px; font-family: "trebuchet MS", arial, verdana, tahoma; letter-spacing: -3px; }
.subChoiceR { background: url('sub-choice-r.png') 100% 0% no-repeat; height: 60px; width: 5px; border: 0; vertical-align: top; }

/* Play buttons */
.playAllTL { background: url('play-all-small-tl.png') 100% 0% no-repeat; height: 26px; width: 10px; border: 0; }
.playAllTBG { background: url('play-all-small-tbg.png') 100% 0% repeat-x; height: 26px; border: 0; }
.playAllTR { background: url('play-all-small-tr.png') 100% 0% no-repeat; height: 26px; width: 10px; border: 0; }
.playAllBL { background: url('play-all-small-bl.png') 100% 0% no-repeat; height: 26px; width: 10px; border: 0; }
.playAllBBG { background: url('play-all-small-bbg.png') 100% 0% repeat-x; height: 26px; border: 0; }
.playAllBR { background: url('play-all-small-br.png') 100% 0% no-repeat; height: 26px; width: 10px; border: 0; }
.playSoloBL { background: url('play-solo-small-l.png') 100% 0% no-repeat; height: 26px; width: 9px; border: 0; }
.playSoloBBG { background: url('play-solo-small-bg.png') 100% 0% repeat-x; height: 26px; border: 0; }
.playSoloBR { background: url('play-solo-small-r.png') 100% 0% no-repeat; height: 26px; width: 9px; border: 0; }
.playMultiDisL { background: url('play-multi-dis-l.png') 100% 0% no-repeat; height: 53px; width: 8px; border: 0; }
.playMultiDisBG { background: url('play-multi-dis-bg.png') 100% 0% repeat-x; height: 53px; border: 0; }
.playMultiDisR { background: url('play-multi-dis-r.png') 100% 0% no-repeat; height: 53px; width: 8px; border: 0; }
.playMultiL { background: url('play-multi-l.png') 100% 0% no-repeat; height: 53px; width: 8px; border: 0; }
.playMultiBG { background: url('play-multi-bg.png') 100% 0% repeat-x; height: 53px; border: 0; }
.playMultiR { background: url('play-multi-r.png') 100% 0% no-repeat; height: 53px; width: 8px; border: 0; }

/* Generic button */
.genericButtonL { background: url('generic-button-large-l.png') 100% 0% no-repeat; height: 33px; width: 9px; border: 0; }
.genericButtonBG { background: url('generic-button-large-bg.png') 100% 0% repeat-x; height: 33px; border: 0; }
.genericButtonR { background: url('generic-button-large-r.png') 100% 0% no-repeat; height: 33px; width: 9px; border: 0; }

/* Carrousel */
.carrousel { background: url('carrousel-bg.png') 100% 0% no-repeat; height: 250px; width: 674px; }
.carrouselTop { height: 162px; width: 674px; }
.carrouselTopContainer { padding: 11px; }
.carrouselBottom { background: url('carrousel-bottom.png') 100% 0% no-repeat; width: 674px; padding: 20px; padding-top: 6px; }
.carrouselTitle { white-space: nowrap; }

/* Profile page */
.profileSmallInfo { background: url('profile-info-small-bg.png') 100% 0% repeat-x; height: 35px; border: 0px; }
.profileSmallGreenInfo { background: url('profile-info-green-small-bg.png') 100% 0% repeat-x; height: 35px; border: 0px; }
.profileBigInfo { background: url('profile-info-big-bg.png') 100% 0% repeat-x; height: 94px; border: 0px; vertical-align: top; }
.profileBigTitle { background: url('profile-box-title.png') 100% 0% repeat-x; height: 90px; border: 0px; vertical-align: middle; }
.profileToolbar { background-image: url('profile-toolbar.png'); width: 35px; height: 35px; display: block; }
.profileToolbar:hover { background-position: 0 35px; }
.toolbarL { background: url('profile-tb-l.png') 100% 0% no-repeat; height: 35px; width: 6px; border: 0; vertical-align: top; }
.toolbarBG { background: url('profile-tb.png') 100% 0% repeat-x; height: 35px; border: 0; vertical-align: middle; }
.toolbarR { background: url('profile-tb-r.png') 100% 0% no-repeat; height: 35px; width: 6px; border: 0; vertical-align: top; }
.profileButton { background-image: url('profile-button.png'); width: 284px; height: 35px; display: block; }
.profileButton:hover { background-position: 0 35px; }

/* Community box */
.userBox { background-image: url('content/user-border.png'); width: 93px; height: 93px; }
.userBox:hover { background-position: 0 93px; }
.userBoxFooter { background: url('user-box-footer.png') 100% 0% no-repeat; height: 26px; width: 300px; border: 0; vertical-align: middle; }


/* Home page */
.gameBoxBG { background: url('box-game-bg.png') 100% 0% repeat-x; height: 40px; border: 0; vertical-align: middle; }
.gameBoxWhiteBG { background: url('box-game-white-bg.png') 0% 100% repeat-y; width: 674px; border: 0; vertical-align: middle; }
.gameBoxGrayBG { background: url('box-game-gray-bg.png') 0% 100% repeat-y; width: 674px; border: 0; vertical-align: middle; }
.gameBoxFooter { background: url('box-game-footer.png') 100% 0% no-repeat; height: 26px; width: 674px; border: 0; vertical-align: middle; }

.s6 { width: 6px; height: 6px; border: 0; }
.s3 { width: 3px; height: 3px; border: 0; }
.s4 { width: 4px; height: 4px; border: 0; }
.s8 { width: 8px; height: 8px; border: 0; }
.s10 { width: 10px; height: 10px; border: 0; }
.h6 { height: 6px; }

/* Div css */
.floatleft { float: left; }
.floatright { float: right; }
.textright { text-align: right; }
.textleft { text-align: left; }   
.textcenter { text-align: center; }
.clearboth { clear: both; }

/* New lobby */
.lobbyHeaderTables { background: url('header-table.gif') 100% 0% repeat-x; height: 35px; border: solid 1px #CCCCCC; }

/* Images */
.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }

/* Hand */
.hand { cursor: pointer; }

/* Padding */
.padd6 { padding: 6px; }
.padd6top { padding-top: 6px; }
.padd6bottom { padding-bottom: 6px; }
.padd6right { padding-right: 6px; }.padd6left { padding-left: 6px; }.margin6 { margin: 6px; }
.paddBtnLogin { padding: 1px; padding-left: 4px; padding-right: 4px; }

/* Week heroes */
.herorank { width: 50px; line-height: 75px; }

/* Game reviews */
.reviewstext { width: 572px; }

/* No Overflow */
.nooverflow { overflow: hidden; word-wrap: break-word; }

/* Grades */
.imggradecontainer { width: 100px; height: 100px; }
.imggrade { width: 100px; height: 100px; }

/* News */
.newsminheight { height: 40px; vertical-align: top; }

/* Leaderboard */
.leaderboardHeader0 { background: url('header-table.gif') 100% 0% repeat-x; height: 35px; padding: 0; padding-left: 6px; padding-right: 6px; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; }
.leaderboardHeader1 { background: url('header-table.gif') 100% 0% repeat-x; height: 35px; padding: 0; padding-left: 6px; padding-right: 6px; border: 0; border-bottom: solid 1px #CCCCCC; }
.leaderboardHeader2 { border: 0; border-right: solid 1px #CCCCCC; padding: 6px; }
.leaderboardGreenBox { background-color: #FEE9EE; }
.leaderboardBorderBottom { border-bottom: 1px solid #CCCCCC; }

/* MiniMe */
.minime60x75Cont { width: 66px; }
.minime60x75 { width: 60px; height: 75px; }

.minime31x31Cont { width: 37px; }
.minime31x31 { width: 31px; height: 31px; }

.minime120x150Cont { width: 126px; }
.minime120x150 { width: 120px; height: 150px; }

.minime81x101Cont { width: 96px; }
.minime81x101Cont2 { width: 87px; }
.minime81x101 { width: 81px; height: 101px; }

/* Friends list */
.friendsCont { overflow-y: auto; overflow-x: hidden; height: 300px; }

/* Chat product page */
.pp_chatcontent { height: 201px !important; height: 200px; overflow-y: auto; overflow-x: hidden; text-align: left; word-wrap: break-word; width: 619px; background: #FFFFFF; padding: 6px; }
.pp_chatinput { border: 0; color: #808080; font-family: "trebuchet MS" , arial, verdana, tahoma; font-size: 12px; height: 28px; overflow-y: auto; width: 601px; word-wrap: break-word; padding: 6px; }
.pp_chatsend { cursor: pointer; height: 35px; }

/* GWR */
.bodyGWR { background: url('gwr-header.gif') #494949 50% 0% no-repeat; overflow: auto; }
.as3 { background: url('gwr-background.gif') 0% 0% repeat-x; }

/* Shop */
.shop_CC_selection { background: url('content/abo-CCcount-bg.png'); width: 360px; }

/* TabsContainer */
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 4px 0 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 3px 6px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { padding: 6px; display: block; margin-top: -1px; border: solid 1px #CCCCCC; background: none; }
.ui-tabs .ui-tabs-hide { display: none; }
.ui-state-default, .ui-widget-content .ui-state-default { background: url('tab-middle-off.gif') 0 50% repeat-x; border: 1px solid #CCCCCC; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma; color: #505050; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #505050; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: url('tab-middle-on.gif') 0 50% repeat-x; border: 1px solid #CCCCCC; font-weight: bold; color: #505050; font-family: "trebuchet MS", arial, verdana, tahoma; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #505050; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: url('tab-middle-on.gif') 0 50% repeat-x; border: 1px solid #CCCCCC; font-weight: bold; font-family: "trebuchet MS", arial, verdana, tahoma; color: #505050; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #505050; outline: none; text-decoration: none; }
.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius:0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-right {  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; }
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* New and cleaner CSS */
.bord { border: solid 1px #CCCCCC; }

.p6 { padding: 6px; }
.p6b { padding-bottom: 6px; }
.p6t { padding-top: 6px; }
.p6r { padding-right: 6px; }
.p6l { padding-left: 6px; }
.p18r { padding-right: 18px; }
.p8r { padding-right: 8px; }

.m6b { margin-bottom: 6px; }
.m6t { margin-top: 6px; }
.m6r { margin-right: 6px; }
.m6l { margin-left: 6px; }

.ar { text-align: right; }
.ac { text-align: center; }

.rightbar { width: 300px; }
.ad1 { height: 250px; }


.maxw { width: 100%; }

.i { font-style: italic; }

.txt18 { font-size: 18px; }

.lb { border-bottom: solid 1px #CCC; }

/* Form */
.formLabel { height: 30px; text-align: right; font-style: italic; white-space: nowrap; }
.formLabelSep { }
.formValueBg { background: url('form-input-bg.png') no-repeat; height: 30px; border: solid 1px #CCCCCC; padding-left: 6px; padding-right: 6px; }
.formValueBgDdl { background: url('form-input-bg.png') no-repeat; height: 30px; border: solid 1px #CCCCCC; padding-left: 6px; }
.formValueNoBg { height: 30px; }
.formValue { background-color: transparent; border: 0; width: 100%; }
.formValid { width: 32px; height: 30px; text-align: center; }
.formError { font-size: 10px; }

/* Datepicker */
.ui-datepicker { background-color: #F4F4EA; border: solid 1px #505050; width: 17em; padding: 6px; font-weight: normal; font-size: 12px; font-family: "trebuchet MS", arial, verdana, tahoma;  text-decoration: none;  color: #505050; }
.ui-datepicker .ui-datepicker-header { position:relative; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; display: none; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}