* 			{ margin:0; padding:0;}
a			{ text-decoration:none; outline:none; color:#000;}
i			{ display:block; font-style:normal;}
img			{ border:none; display:block;}
body 		{ margin:0 50px; text-align:center; background:#fff url(../images/bg.png) repeat; color:#000; font:14px/16px Arial, Helvetica, sans-serif; color:#000;}
@font-face	{ font-family: 'RaggMoppRegular'; src: url('../fonts/raggmopp-webfont.eot'); src: local('☺'), url('../fonts/raggmopp-webfont.woff') format('woff'), url('../fonts/raggmopp-webfont.ttf') format('truetype'), url('../fonts/raggmopp-webfont.svg#webfontRzf185a3') format('svg');}

/*start base theme*/
.wrapper	{ width:100%; min-width:1003px; max-width:1260px; margin:0 auto; position:relative; text-align:left;}
.header		{ background:url(../images/headerBG.png) repeat-x 38px 0; position:relative; z-index:2;}
.content	{ min-height:570px; margin:4px 0 0; padding:0 173px 0 20px; position:relative;}

.logo			{ width:223px; height:104px; margin:0 0 0 15px; display:block; background:url(../images/logo.png) no-repeat;}
.menu			{ padding:0 0 0 15px; position:relative;}
.menu a			{ padding:7px 15px 5px; display:block; font:17px/21px Arial, Helvetica, sans-serif; color:#fff;}
.menu b			{ width:17px; height:45px; position:absolute; top:0; left:-17px; display:none; background:url(../images/menuActive.png) no-repeat;}
.menu i			{ width:17px; height:45px; position:absolute; top:0; right:-17px; display:none; background:url(../images/menuActive.png) no-repeat 0 bottom;}
.menu em		{ display:block; position:absolute; top:0; right:0; bottom:5px; left:0; background:#f35f10;}
.menu div		{ min-height:38px; float:left; position:relative;}
.menu:after		{ clear:both; visibility:hidden; content:"."; height:0; display:block;}
.menuActive a	{ padding:11px 15px; font-size:20px;}
.menuActive b	{ display:block;}
.menuActive i	{ display:block;}
.menuActive ul	{ top:36px;}
div.menuActive	{ margin:-5px 2px 0 2px; background:url(../images/menuActive.png) repeat 0 -45px;}

.subMenu		{ width:120%; border:1px solid #fff; border-top:none; position:absolute; top:33px; left:0; list-style:none; background:#f35f10; display:none;}
.subMenu a		{ padding:1px 13px 2px 15px; float:none; display:block; font:14px/16px Arial, Helvetica, sans-serif;}
.subMenu li		{ border-top:1px solid #fff;}

.utilityMenu	{ width:306px; height:39px; padding:0 0 0 21px; position:absolute; top:100px; right:13px; font:17px/20px Arial, Helvetica, sans-serif; color:#000; background:url(../images/utilityMenuBG.png) no-repeat;}
.utilityMenu a	{ padding:5px 6px 4px 2px; display:inline-block; font:17px/20px Arial, Helvetica, sans-serif; color:#000;}
.utilityMenu p	{ position:absolute; top:0; right:16px;}
.utilityMenu i	{ display:inline-block;}

.stains				{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:url(../images/headerStains.png) no-repeat center 0;}
.headerTitle		{ position:absolute; top:36px; left:340px; right:100px; bottom:60px; z-index:0; color:#3a1f07; font:36px/34px 'RaggMoppRegular',Arial,Helvetica,sans-serif; letter-spacing:-1px; text-align:center;}
.header	.corner		{ width:90px; height:90px; display:block; position:absolute; top:0; right:0; background:url(../images/headerCorner.png) no-repeat;}
.headerTitle small	{ display:inline-block; width:50px;}
.headerTitle strong	{ color:#5c71b2; font-weight:normal;}

.wBG				{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
.wBG em				{ width:22px; position:absolute; background:url(../images/vBorders.png) repeat-y;}
.wBG .cornerBR		{ width:44px; height:44px; bottom:-22px; right:-22px; z-index:1; background:url(../images/wBGCorners.png) no-repeat bottom right;}
.wBG .cornerBL		{ width:44px; height:44px; bottom:-22px; left:-22px; z-index:1; background:url(../images/wBGCorners.png) no-repeat bottom left;}
.wBG .borderLeft	{ top:0; left:-22px; bottom:22px;}
.wBG .borderRight	{ top:0; right:-22px; bottom:22px; background-position:top right;}

.bLeft			{ padding-left:22px; margin-left:-22px; background:url(../images/vBorders.png) repeat-y;}
.bRight			{ padding-right:22px; margin-right:-22px; background:url(../images/vBorders.png) repeat-y top right;}
.bBottom 		{ width:100%; height:22px; display:block; background:url(../images/hBorders.png) repeat-x;}
.wBGcornerBR	{ width:22px; height:22px; position:absolute; bottom:0; right:-22px; z-index:1; background:url(../images/wBGCorners.png) no-repeat bottom right;}
.wBGcornerBL	{ width:22px; height:22px; position:absolute; bottom:0; left:-22px; z-index:1; background:url(../images/wBGCorners.png) no-repeat bottom left;}
.innerWrapper	{ background:#fff;}

.carousel 			{ width:800px; margin:20px auto 0; clear:both; position:relative;}
.carousel a			{ display:block; color:#000; font:14px/16px Arial, Helvetica, sans-serif;}
.carousel i			{ padding:6px 0 0 10px;}
.carousel li 		{ width:160px; float:left;}
.carousel img		{ border:1px solid #000; border-left:none;}
.carousel:after		{ clear:both; visibility:hidden; content:"."; height:0; display:block;}
.carousel a.next 	{ left:auto; right:-31px; background-position:right 0;}
.carousel .disable 	{ visibility:hidden;}
.carousel .buttons 	{ width:29px; height:34px; display:block; position:absolute; top:39px; left:-31px; background:url(../images/buttons.png) no-repeat; border:none;}
.carousel .viewport	{ width:100%; height:136px; float:left; overflow:hidden; position:relative;}
.carousel .overview { margin:0; padding:0; list-style:none; position:absolute; top:0; left:0;}
.carouselFirst img	{ /*width:158px; height:112px;*/ border:1px solid #000;}
li.carouselFirst	{ width:160px;}
.wrapCarousel		{ margin:0 180px 0 31px;}

.footer				{ padding:22px 30px 14px 21px; text-align:justify;}

.headerTitle small	{ background:url(../images/headerStains.png) no-repeat;}
.boxWrap			{ width:16.2%; margin:0 0 0 3%; float:left; position:relative;}
.boxWrap em			{ width:10px; height:10px; display:block; position:absolute; background:url(../images/cornersBlue.png);}
.boxWrap .borderTB	{ border-top:3px solid #f35f10; border-bottom:3px solid #f35f10; background:url(../images/sidebarBG.png) 0 9px;}
.boxWrap .borderLR	{ margin:0 -10px; border-right:3px solid #f35f10; border-left:3px solid #f35f10; background:url(../images/sidebarBG.png) 8px 0;}
.boxWrap .cornerTL	{ top:0; left:-10px; z-index:1; background-color:#f2f9ff;}
.boxWrap .cornerTR	{ top:0; right:-10px; z-index:1; background-position:top right; background-color:#f2f9ff;}
.boxWrap .cornerBR	{ bottom:0; right:-10px; z-index:1; background-position:bottom right; background-color:#f2f9ff;}
.boxWrap .cornerBL	{ bottom:0; left:-10px; z-index:1; background-position:bottom left; background-color:#f2f9ff;}
/*end base theme*/

/*start homepage*/
.gameBoxes				{ margin:11px 0 0 -2.1%;}
.gameBoxes i			{ padding:10px 0 29px; text-align:center; color:#f35f10; font:169%/111% 'RaggMoppRegular', Arial, Helvetica, sans-serif;}
.gameBoxes img			{ width:100%;}
.gameBoxes .play		{ display:block; position:relative;}
.gameBoxes:after		{ clear:both; visibility:hidden; content:"."; height:0; display:block;}
.gameBoxes .second		{ margin:12px 0 0;}
.gameBoxes .playImg		{ padding:3px 0 0; width:100%;}
.gameBoxes .twoLines	{ padding:10px 0 5px; line-height:19px; text-align:left;}
.gameBoxes .readMore	{ font-style:normal; display:block;}
.gameBoxes .placeHolder	{ padding:2px 0 0; width:100%;}

.boxHead	{ min-height:138px; padding:0 10px 6px; background:#cce5ff; border-bottom:3px solid #d75b43; line-height:15px;}
.boxCont	{ padding:4%;}
.boxFoot	{ font:120%/120% 'RaggMoppRegular',Arial,Helvetica,sans-serif; background:#cce5ff; border-top:3px solid #d75b43; color:#f35f10; text-align:center;}
.boxFoot a	{ display:block; text-align:center; color:#5168ad; font:120%/120% 'RaggMoppRegular', Arial, Helvetica, sans-serif;}

.readMore	{ color:#f35f10; font:bold italic 14px/16px Arial, Helvetica, sans-serif;}
.homeTitle	{ padding:0 3% 0 0; text-align:justify;}
/*end homepage*/

/*start gamePage*/
.gamePage .content		{ margin:18px 0 0; padding:0;}

div.sidebar				{ width:182px; height:100%; margin:0; position:absolute; top:0; left:20px; z-index:1; float:none;}
.sidebar i				{ display:block; font-style:normal;}
.sidebar b				{ color:#f35f10;}
.sidebar em				{ width:10px; height:10px; position:absolute; background:url(../images/corners.png);}
.sidebar img			{ width:81px; height:62px; display:block;}
.sidebar .box			{ padding: 45px 10px 19px 96px; margin:7px 0 0; display:block; font:12px/12px Arial, Helvetica, sans-serif; position:relative;  background:url(../images/sidebarSprite.png) no-repeat -410px 0;}
.sidebar .next			{ height:17px; display:block; position:absolute; bottom:0; left:0; right:0; border-top:1px solid #d75b43; background:#f6c89f url(../images/sidebarSprite.png) no-repeat -403px -485px;}
.sidebar .prev			{ height:17px; display:block; margin:0 0 4px; border-top:1px solid #d75b43; background:#f6c89f url(../images/sidebarSprite.png) no-repeat 82px -485px;}
.sidebar .play			{ width:81px; height:81px; position:absolute; top:0; left:9px;}
.sidebar .done			{ font:bold 20px/25px Arial, Helvetica, sans-serif; text-align:center; color:#f35f10; position:absolute; top:1px; left:0; right:8px; z-index:1;}
.sidebar .score			{ height:42px; padding: 7px 36px 6px; text-align: right; font:35px/45px "Arial Black", Arial, Helvetica, sans-serif; letter-spacing:3.5px; background:url(../images/sidebarSprite.png) no-repeat 6px 4px; border-bottom:3px solid #F35F10;}
.sidebar .title			{ padding:3px 0 0 4px; border-bottom:3px solid #d75b43; font:20px/23px 'RaggMoppRegular',Arial,Helvetica,sans-serif; color:#F35F10; background:#cce5ff; letter-spacing:-0.3px;}
.sidebar .cover			{ width:82px; height:83px; background:#fff; position:absolute; top:3px; right:7px; z-index:-1;}
.sidebar .second		{ padding:5px 10px 28px 96px;}
.sidebar .noteText		{ padding:1px 3px 0 6px; font:14px/14px Arial, Helvetica, sans-serif; color:#000;}
.sidebar .finished		{ padding:24px 0 0 5px; font:10px/12px Arial, Helvetica, sans-serif; letter-spacing:-0.1px; color:#000; position:absolute; top:-3px; left:6px; z-index:1;}
.sidebar .borderTB		{ height:100%;}
.sidebar .borderLR		{ height:100%; margin:0; position:relative;}
.sidebar .cornerTL		{ left:0; background:url(../images/cornersOrange.png) no-repeat;}
.sidebar .cornerTR		{ right:0; background:url(../images/cornersOrange.png) no-repeat top right;}
.sidebar .cornerBR		{ right:0; bottom:-6px; background:url(../images/cornersOrange.png) no-repeat bottom right;}
.sidebar .cornerBL		{ left:0; bottom:-6px; background:url(../images/cornersOrange.png) no-repeat bottom left;}
.sidebar .nowPlayed		{ width:167px; height:84px; background:#f35f10; position:absolute; top:0; left:8px; opacity:0.6; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);}
.sidebar .coverOpac		{ width:87px; height:83px; background:#fff; position:absolute; top:3px; left:0; z-index:-1; opacity:0.6; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60);}
.sidebar .nowPlayedBtn	{ width:82px; height:18px; position:absolute; top:64px; left:8px; background:url(../images/sidebarSprite.png) no-repeat 0 -300px;}

.noteText b			{ padding:5px 0 0; display:block; font:14px/21px Arial, Helvetica, sans-serif; letter-spacing:-0.1px; color:#F35F10;}
.finished b			{ color:#F35F10; font-weight:normal;}
i.commerceBox		{ width:100%; height:auto; margin:0; padding:0; background:none; border:none; border-bottom:3px solid #F35F10; text-align:center;overflow: hidden;}
i.commerceBox b		{ height:96px; padding:54px 0 0; border:1px solid #fff; background:#b3b3b3; color:#fff; display:block; font:21px/25px 'RaggMoppRegular',Arial,Helvetica,sans-serif;}

/*.flash				{ padding:17px 15px 12px; min-height:568px; margin:0 auto;}*/
.flash				{ padding:17px 150px 12px 5px; min-height:568px; margin:0 auto;}
.flash object		{ width:100%; height:100%; margin:0 auto;}
.flash .center		{ background:url(../images/flashBG.png);}
.flash .flashSize	{ width:100%; min-width:600px; max-width:830px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-5;}
.boxWrap.flashWrap	{ width:auto; margin:0 201px 19px 227px; position:relative; float:none;}

.tower 		{ width:161px; height:100%; position:absolute; top:0; right:8px; overflow:hidden;}
.tower img	{ width:100%; /*max-height:600px;*/ min-height:568px;}
/*end gamePage*/

/*start articles*/
.articles .content		{ min-height:610px;}
.articles .innerWrapper	{ padding:0 0 17px;}

.articleHead			{ width:44.3%; margin:0; float:none; position:relative; top:-14px; left:22px; z-index:0; font:30px/35px 'RaggMoppRegular',Arial,Helvetica,sans-serif; color:#F35F10;}
.articleHead .borderTB	{ border-top:none;}
.articleHead .borderLR	{ padding:33px 0 5px 8px;}

.articleBody			{ margin:0 0 0 -20px; font:14px/17px Arial, Helvetica, sans-serif; text-align:justify;}
.articleBody a			{ color:#99CCFF; font:bold italic 14px/17px Arial, Helvetica, sans-serif; display:block;}
.articleBody b			{ color:#F35F10; font:bold 16px/19px Arial, Helvetica, sans-serif; display:block; padding:10px 0 0;}
.articleBody ul			{ padding:0 0 0 15px;}
.articleBody div		{ width:44.8%; margin:0 0 20px 35px; float:left;}
.articleBody:after		{ clear:both; visibility:hidden; content:"."; height:0; display:block;}

div.articleMore			{ width:97%; margin:-76px 0 10px; float:none; position:relative; left:7px;}
.articleMore a			{ color:#F35F10; font:14px/17px Arial, Helvetica, sans-serif; display:inline;}
.articleMore i			{ padding:20px 0 0; display:block; color:#F35F10; font:16px/15px Arial, Helvetica, sans-serif; background:url(../images/devide.png) repeat-x 0 4px;}
.articleMore h2			{ padding:3px 10px; color:#5168AE; font:bold 18px/22px Arial, Helvetica, sans-serif; background:#e0efff; border-bottom:3px solid #f35f10; position:relative; z-index:1;}
.articleMore div		{ float:none; margin:0; width:auto;}
.articleMore .center	{ background:#cce4ff;}
.articleMore .moreBody	{ background:#cde3fe; padding:0 10px 10px; margin:-8px 0 0; display:block;}

.commerceBox span	{ width:300px; height:240px; padding:5px 5px 15px 0; margin:12px 8px 0 0; float:left; text-align:center; border:none; font:21px/25px 'RaggMoppRegular',Arial,Helvetica,sans-serif; color:#fff; background:#fff;}
.commerceBox:after	{ clear:both; visibility:hidden; content:"."; height:0; display:block;}
/*end articles*/

/*start signin*/
.signin p				{ text-align:justify;}
.signin .content		{ min-height:610px; padding:6px 212px 0 39px;}

.signinForm .boxWrap		{ width:auto; margin:0; float:none;}
.signinForm					{ position:relative; z-index:0; margin:0 0 13px 0;}
.signinForm a               { position:absolute; top:70px; left:48%; display:block; font:11px/14px Arial, Helvetica, sans-serif;}
.signinForm h2				{ padding:5px 0px 6px 12px; color:#F35F10; font:bold 22px/14px Arial,Helvetica,sans-serif; letter-spacing:0.7px; background:#e0efff; border-bottom:3px solid #f35f10; position:relative; z-index:1;}
.signinForm label			{ width:36%; padding:8px 0 0 14px; font:18px Arial, Helvetica, sans-serif; float:left;}
.signinForm input			{ width:59%; height:22px; margin:0 0 0 11px; display:inline-block; font:17px/17px Arial, Helvetica, sans-serif; border:1px solid #d75b43; background:#fff;}
.signinForm button			{ width:142px; height:47px; margin:5px 0 6px 27px; color:#c7eaeb; font:bold 22px/24px Arial, Helvetica, sans-serif; text-align:center; float:left; background:url(../images/signInBtn.png) no-repeat; border:none; cursor:pointer;}
.signinForm .borderLR:after	{ clear:both; visibility:hidden; content:"."; height:0; display:block;}

.greyBox { min-width:51%; height:501px; margin:0 15px 0 0; background:#fff; float:left;}
/*end signin*/

/* added by vadim */
#fakeLoginBox { position: fixed; top: 0;  left: 0; z-index: 10; background:#ffc; padding:10px; border:1px solid #CCCCCC; text-align:center; font-weight:bold; width:99%; }

#report-pane {display: none;}
.loading { position: fixed; display: none; border: 1px solid #5c9ccc; padding: 10px; background-color: #5c9ccc; color: #ffffff; opacity: 0.90; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100px; top: 0; text-align: center; z-index: 100000; }
.loading strong { color: #fff; height: 40px; }
/* added by vadim */

/*start Alon add, 16.12.2010*/
.msg				{ padding:10px; margin:2px 7px 7px 7px; font:12px/14px Arial, Helvetica, sans-serif; color:#708872; border:1px solid #a5c9af; background:#d2ffd1;}
.errMsg				{ padding:0 0 10px 15px; color:#98130c; font:15px/14px Arial, Helvetica, sans-serif; float:left;}
.signupTitle i		{ font:12px/14px Arial, Helvetica, sans-serif; letter-spacing:normal; color:#000; display:inline;}
.signupTitle a		{ color:#F35F10; font:12px/14px Arial, Helvetica, sans-serif; display:inline; position:relative; top:auto; left:auto;}
/*end Alon add, 16.12.2010*/

/* Added by vadim - 28.12.10 */
h4			{ color:#99CCFF; font:bold italic 14px/17px Arial, Helvetica, sans-serif;}
.signintext a { color:#99CCFF; font:bold italic 14px/17px Arial, Helvetica, sans-serif;}
.training { overflow:hidden; height: 300px; }
/* Added by vadim - 28.12.10 */

/*start Alon add, 29.12.2010*/
.commingSoon	{ width:100%; height:100%; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
.commingSoon b	{ display:block; height:100%; margin:0 190px 0 0; background:#fff; opacity:0.8; filter: alpha(opacity=80)/*IE7*/; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"/*for IE8*/;}
.commingSoon i	{ width:517px; height:501px; background:url(../images/commingSoon.gif) no-repeat; position:absolute; top:44px; left:72px;}
.sidebar .viewport 	{ height:376px; overflow:hidden; position:relative;}
.sidebar .overview	{ position:absolute; top:0; left:0;}
/*end Alon add, 29.12.2010*/

/* Added by vadim - 08.01.11 */
.sidebar .box b a {color:#f35f10;}
/* Added by vadim - 08.01.11 */