/*
Theme Name: Zapak.com - Zapak Tucoola Games
Theme URI: http://zapak.com
Description: Zapak Tucoola Games

Author: Mandar Juvekar
Author URI: http://zapak.com
date:13-05-2011
*/
img{border:0;}
.fltL{float:left;}
.fltR{float:right;}
.pad{padding:10px;}
.gray{color:#454545;}
.pdT {padding-top:10px;}
ul, li{list-style:none; list-style-type:none;}
.heading{font:bold 18px Arial, Helvetica, sans-serif; color:#000; padding-bottom:5px;}
.heading2{font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 8px;}
.red{color:#e11d11; background:transparent;}

#outerwrapper{background:url(../images/main-bg.gif) left top repeat-x;} /*main-body bg color*/
#header .logo{margin-top:20px;}/*if banner is 728px */
#logo_sad_div{height:90px;} /*top ad-banner chanage height in style css*/

.tucoola-wrap{width:980px; margin:0 0 0 5px; padding-bottom: 10px; border-top:1px solid #e1e1e1; font:normal 11px Tahoma, Geneva, sans-serif;}

.tucoola-wrap .left-panel{width:205px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; background:#97ddf6 url(../images/tucoola-left-panel-bg.gif) left top repeat-x;}
.tucoola-wrap .left-panel h3.watch-video{background:url(../images/watch-video.gif) left top no-repeat; width:193px; height:67px;  margin:27px 0 10px 6px;}
.tucoola-wrap .left-panel ul.thumbs{width:180px; margin:0 auto;}
	.tucoola-wrap .left-panel ul.thumbs li{display:block; width:160px; padding:0 8px 8px 8px; margin:0 0 10px; background:url(../images/leftpanel-devider.gif) left bottom repeat-x;   font:normal 11px Arial, Helvetica, sans-serif;}
	.tucoola-wrap .left-panel ul.thumbs li p{margin:0 0 2px;}
	.tucoola-wrap .left-panel ul.thumbs li img{border:5px solid #fff; margin:0 0 8px;}

.tucoola-wrap .right-panel{position:relative; width:774px;}
.tucoola-wrap .right-panel .tucoola-header{width:773px; border-right:1px solid #e1e1e1; margin: 0 0 20px;} 
.tucoola-wrap .right-panel .tucoola-header .imp-note{width:548px; padding:12px 20px 12px 59px; background:url(../images/imp-icon.jpg) 10px 12px no-repeat; font:bold 16px Arial, Helvetica, sans-serif; color:#a40000;}
.tucoola-wrap .right-panel .tucoola-header .quick-tour{position:absolute; right:15px; top:0;}
.tucoola-wrap .right-panel .tucoola-header ul.nav{width:774px; background-color:#ffc600;height:86px;}
.tucoola-wrap .right-panel .tucoola-header li {text-indent:-999px; *float:left;}
	.tucoola-wrap .right-panel .tucoola-header li a{width:105px; height:86px; text-indent:-9999px; border-right:1px solid #fff; background:url(../images/nav.gif) center no-repeat; float:left; display:block;}
	.tucoola-wrap .right-panel .tucoola-header li.tucoola-logo{width:284px; float:left; height:86px;background:url(../images/zapak-tucoola.jpg) left top no-repeat;}
	.tucoola-wrap .right-panel .tucoola-header li.childrens a{ background-position:0 -107px;}
		.tucoola-wrap .right-panel .tucoola-header li.childrens.active a{ background-position:0 0;}
	.tucoola-wrap .right-panel .tucoola-header li.parents a{background-position:-107px 0;}
		.tucoola-wrap .right-panel .tucoola-header li.parents.active a{background-position:-107px -107px;}
	.tucoola-wrap .right-panel .tucoola-header li.faq a{background-position:-213px 0;}
		.tucoola-wrap .right-panel .tucoola-header li.faq.active a{background-position:-213px -107px;}
.tucoola-wrap .container{width:774px; padding:0 0 0 20px;}
.tucoola-wrap .container .containerLeft{width:492px;}
.tucoola-wrap .container .containerLeft .allgames-head {margin:0 0 10px;}
	.tucoola-wrap .container .containerLeft .allgames{width:97px; padding:13px 0 0; background:none;}
	.tucoola-wrap .container .containerLeft .allgames.parents{width:170px;}
	.tucoola-wrap .container .containerLeft .allgames-note{width:360px; padding:0 0 0 10px; border-left:1px dotted #000; font:bold 15px Arial, Helvetica, sans-serif; }
		.tucoola-wrap .container .containerLeft .allgames-note.parents{width:303px; margin-left:5px; font-size:13px;}
.tucoola-wrap .container .containerLeft ul.tucoola-gamelists{clear:both; width:490px; padding:20px 0 0; background:url(../images/most-game-bg.gif) left top repeat-x; }
	.tucoola-wrap .container .containerLeft ul.tucoola-gamelists li {float:left; width:153px; height:145px; overflow:hidden; margin:0 10px 0 0; padding-bottom:17px; }
		.tucoola-wrap .container .containerLeft ul.tucoola-gamelists li.last{margin-right:0;}
	.tucoola-wrap .container .containerLeft ul.tucoola-gamelists li img{border:1px solid #a5a4a2; padding:1px; margin:0 0 5px;}
.tucoola-wrap .container .containerLeft ul.tucoola-gamelists li.game-skills{width:410px; padding:165px 60px 80px 23px; background:url(../images/game-skills.gif) left top no-repeat; height:0; margin-right:0;}
.tucoola-wrap .container .containerLeft ul.tucoola-gamelists li.game-skills .gameskills-content{z-index:-9999px; display:none;}
.tucoola-wrap .content-block.paintprint{margin-top:10px; float:left;}
.tucoola-wrap .container .containerRight{width:249px;}
.tucoola-wrap .container .containerRight .login-page {width:249px; padding:94px 0 0; background:url(../images/login-bg.jpg) left top no-repeat; margin-left:15px;}
.tucoola-wrap .container .containerRight .login-page .login-wrap{width:225px; background:#ededed; border:1px solid #a3a3a3; padding:0 10px 10px; border-top:none; float:left; }
.tucoola-wrap .container .containerRight .login-page .logincontent{background:#fff; width:226px; }
.tucoola-wrap .container .containerRight .login-page.logged .logincontent{background:#fff url(../images/login-bg2.gif) left top no-repeat; float:left;}
.tucoola-wrap .container .containerRight .login-page.logged .right-games{padding:10px 0 10px 10px;}
.tucoola-wrap .container .containerRight .login-page.logged .right-games ul.thumbs{float:left; width:217px; padding:10px 0 0;}
	.tucoola-wrap .container .containerRight .login-page.logged .right-games ul.thumbs li {float:left; padding:0 15px 15px 0}
		.tucoola-wrap .container .containerRight .login-page.logged .right-games ul.thumbs li img{margin:0 0 6px; border:1px solid #d2d2d2;}

.tucoola-wrap .container .containerRight .loginIDPass p {padding:0 10px 10px;}
.tucoola-wrap .container .containerRight .loginIDPass label{font-weight:bold; color:#6e6e6e; padding-right:10px; width:51px; float:left; padding-top:3px;}
.tucoola-wrap .container .containerRight .loginIDPass .textfield{width:133px; background-color:#f6f5f5; border:1px solid #aeaeae; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; padding:3px 5px} 
.tucoola-wrap .container .containerRight .loginIDPass p.checkbox, .tucoola-wrap .container .containerRight .loginIDPass p.signinbtn{padding-left:69px; *padding-left:66px;}
	.tucoola-wrap .container .containerRight .loginIDPass p.checkbox label{margin-left:5px; font-weight:normal; float:none;color:#000;}
	.tucoola-wrap .container .containerRight p.heading2{padding-left:10px;}
	.tucoola-wrap .container .containerRight .loginIDPass p.checkbox input{vertical-align:middle;}
	.tucoola-wrap .container .containerRight .loginIDPass p.note{padding-top:10px; border-top:1px solid #ededed;}
	.tucoola-wrap .container .containerRight .loginIDPass p.note a:hover, .tucoola-wrap .container .containerRight .loginIDPass .facebook p.fb a:hover{color:#000;}
	.tucoola-wrap .container .containerRight .loginIDPass .facebook{border-top:10px solid #ededed; padding-top:10px;}
		.tucoola-wrap .container .containerRight .loginIDPass .facebook p.heading2{padding-bottom:0;}
		.tucoola-wrap .container .containerRight .loginIDPass .facebook p.fb{padding-left:44px; background:url(../images/fb-icon.jpg) 10px top no-repeat;}
/*new css*/
.tucoola-wrap .right-panel .tucoola-header li.afr-logged{text-indent:0; padding:10px 0 0 0; width:150px; float:left;}
	.tucoola-wrap .right-panel .tucoola-header li.afr-logged a {background:transparent; border-right:none; text-indent:0!important; width:auto; height:auto;float:none; display:inline}
	.tucoola-wrap .right-panel .tucoola-header li.afr-logged p, .tucoola-wrap .right-panel .tucoola-header li .changes{padding-left:10px;}
		.tucoola-wrap .right-panel .tucoola-header li.afr-logged p {padding-bottom:15px;}
	.tucoola-wrap .right-panel .tucoola-header li.afr-logged .changes a {background:url(../images/blck-arrow.gif) 0 3px no-repeat; padding:0 0 2px 10px;}
		.tucoola-wrap .right-panel .tucoola-header li.afr-logged .changes a{font:bold 11px Tahoma, Geneva, sans-serif; color:#970600;}
			.tucoola-wrap .right-panel .tucoola-header li.afr-logged .changes a:hover{color:#e11d11;}
