
html, body {font-size:11px; font-family:arial; color:#ffffff; background:url(../images/htmlBck.gif) repeat; margin:0px; padding:0px}
input, select, textarea, td {font-size:11px; font-family:arial;}
form {margin:0px; padding:0px}
a {text-decoration:none; color:#ffffff}
a img {border:none}
.clear {clear:both}
.fleft {float:left}
.fright {float:right}



.form_error
{  
  color: #d8732f;
  font-family: Tahoma;
  font-size: 11px
}

.form_login_error
{
  padding-left: 15px;
  color: #d8732f;
  font-family: Tahoma;
  font-size: 11px
}

.minheight100{
	min-height: 100px;
	height:auto !important;
	height:100px;
}
.minheight120{
	min-height: 120px;
	height:auto !important;
	height:120px;
}
.minheight380{
	min-height: 380px;
	height:auto !important;
	height:380px;
        margin-right:5px;
}


#htmlBck {background:url(../images/htmlTop.png) -2px -12px repeat-x; margin:0; padding:0; vertical-align:top;}
#container {width:996px; margin:auto; background:url(../images/contentShadow.png) repeat-y ; }

#top { width:996px; margin:auto;  position:relative}
#top .main, #top .flash, #top .mmo, #top .contest, #top .pcgame,  #top .multiplayergame{list-style:none; margin:0px; padding-left:13px; height:59px;}
#top.main { background:url(/images/menu1_new.png) -5px bottom no-repeat; }
#top.flash { background:url(/images/menu2_new.png) -6px bottom no-repeat }
#top.mmo { background:url(/images/menu3_new.png) -6px bottom no-repeat }
#top.multiplayergame { background:url(/images/menu4_new.png) -6px bottom no-repeat }
#top.pcgame { background:url(/images/menu5_new.png) -5px bottom no-repeat }
#top.contest { background:transparent url(/images/menu6_new.png) -6px bottom no-repeat }


#top li {float:left; margin-top:8px}
#top li a {text-indent:-300px; display:block; overflow:hidden; }
#top li a.mGlowna { height:35px; width:132px; margin-top:6px}
#top li a.mGlownaOn { height:40px; width:132px}
#top li a.mFlash { height:35px; width:132px; margin-top:6px}
#top li a.mFlashOn { height:40px; width:132px; }
#top li a.mMmo { height:35px; width:132px; margin-top:6px}
#top li a.mMmoOn { height:40px; width:132px; }
#top li a.mMultiplayer { height:35px; width:132px; margin-top:6px}
#top li a.mMultiplayerOn { height:40px; width:132px; }
#top li a.mContest { height:35px; width:132px; margin-top:6px}
#top li a.mContestOn { height:40px; width:132px; }
#top li a.mPcgame { height:35px; width:132px; margin-top:6px}
#top li a.mPcgameOn { height:40px; width:132px; }
#logo {margin-left:40px;}

#content {margin:0px 13px 0px; background:#434343;}
#contentInside {background:url(../images/contentTop.jpg) top no-repeat; margin:0; padding-bottom:30px}
#contentBottom { background:url(../images/contentBottom.gif) left bottom no-repeat; }
.grayText {color:#BBBBBB}
.header {margin-bottom:3px; font-weight:bold; text-transform:uppercase; font-size:15px}
.title {font-weight:bold; font-size:12px; }
.imgTitle {position:absolute; top:20px; left:15px;}
/* lewa kolumna*/
#left {width:220px; float:left;padding:0 5px 0 3px; margin-top:22px}
#left .grayBox {background:url(../images/grayBoxTop.gif) top no-repeat #434343; padding:13px 17px}
#left .blackBox {background:url(../images/blackBoxTop.gif) top no-repeat #292929; padding:13px 17px 8px}
#left .blackBoxBottom {display:block;margin:-2px 0 6px}
#left .blackBoxTop {display:block;margin:6px 0 -2px }
#left #loginWidget, #left #loginWidget_main {
    background:url(../images/accountBoxTop.gif) top no-repeat #434343;
}
#left #loginWidget_mmo {
    background:url(../images/accountBoxTop_mmo.png) top no-repeat #434343;
}
#left #loginWidget_pcgame {
    background:url(../images/accountBoxTop_pcgame.png) top no-repeat #434343;
}
#left #loginWidget_multiplayergame {
    background:url(../images/accountBoxTop_multiplayer.png) top no-repeat #434343;
}
#left #loginWidget_flash {
    background:url(../images/accountBoxTop_flash.png) top no-repeat #434343;
}
#left #loginWidget_contest {
    background:url(../images/accountBoxTopContest.jpg) top no-repeat #434343;
}
#left #account {background:url(../images/accountBoxTop.gif) top no-repeat #434343;}
#left #account .loginHref {margin:10px 0 4px; display:block}
#left #account .addGameHref {margin:6px 0 4px 0; display:block}
#left #leftLoginForm {background:url(../images/accountBoxTop.gif) top no-repeat #434343;}
#left #leftLoginForm .form-row {margin-bottom:5px; font-size:10px}
#left #leftLoginForm .loginHref {margin:10px 0 4px; display:block}
#left #leftLoginForm .addGameHref {margin:6px -2px 4px; display:block}
#account .grayText {
    padding: 5px 0pt;
    display: block;
}

#left .menuBox {background:url(../images/blackBoxTop.gif) top no-repeat #292929; padding:13px 0 8px}
#left .menuBox .header {padding-left:15px}
#left #menu {list-style:none; margin:0px; padding:0px}
#left #menu li {display:block; padding:0px; margin:0px; border-bottom:1px solid #333333}
#left #menu a {display:block; margin:0; background:url(../images/leftMenuBck.gif) 90% 50% no-repeat;
	font-size:12px; padding:4px  17px}

#left #menu a.active {color:#7FB71A}
#left #menu a {background:url(../images/leftFlashMenuBck.gif) 90% 50% no-repeat;}
#left #menu a:hover {background:#7FB71A url(../images/leftFlashMenuBckOn.gif) 90% 50% no-repeat; color:#ffffff} 



#stats {background:url(../images/statsTop.gif) top no-repeat #676767; padding:10px 12px 0px 20px}
#stats table {width:188px; margin-top:10px}
#stats td {border-bottom:1px solid #787878 ; padding:4px 0}
#stats td.last {border:none}
#stats td.number {text-align:right}
#stats .header {color:#ffffff}
#stats .title {color:#ffffff; font-weight:normal}

/* regulamin */
#statute {width:720px; float:left; margin-top:22px 4px 0 0 }

/* prawa kolumna */
#right {width:740px; float:right;margin:22px 2px 0 0 }
/* bloczki nowosci i polecamy */
#right #pop, #right #new {
background:transparent url(../images/popMainBck.gif) repeat-y scroll 0 0;
float:left;
margin-bottom:20px;
position:absolute;
width:367px;
}
/*
#right #pop {float:right; margin-right:1px}
*/
/* #right #new {padding-bottom: 5px;} */

#right #pop .inside, #right #new .inside {
background:transparent url(../images/popMainTop.png) no-repeat scroll left top;
margin-top:0;
padding:1px 0 0px 15px;
}
#right #pop img, #right #new img {float:left; margin:0;}
#right #pop img.bottom, #right #new img.bottom {float:none; margin:0px; position:absolute; left:0px; }
#right #pop ul, #right #new ul {margin:0px; padding:0px; list-style:none}
#right #pop li, #right #new li {float:left; height:40px; width:170px; margin:0 0 6px 0; overflow:hidden}
#right #pop a.all, #right #new a.all {margin-left:220px; clear:both}
#right #pop .all img,#right #new .all img {float:none}

#right .blackBox {background:#333333; padding:14px 0px; margin-bottom:6px}
/* zaprasamy */
#zapraszamy { position:relative; }
#zapraszamy .inside {background:url(../images/mainZapraszamyTop.gif) no-repeat;height:1% }
#zapraszamy .multiplayer {background:url(../images/MultiplayerBck.png) repeat-y; position:relative;}
#zapraszamy .multiplayer .inside {background:url(../images/MultiplayerTop.png) no-repeat;height:188px;padding:1px 20px; }
.multiplayer .shortGameBox img.fleft {
margin:4px 5px 0 12px;
max-height:55px;
max-width:70px;
height:48px;
width:70px;
}
.multiplayer .shortGameBox .play {padding-left:60px;
padding-top:10px;}
#zapraszamy .imgTitle {left:242px}
#zapraszamy .other {background:url(../images/mainZapraszamyBck.gif) repeat-y;margin-top:22px;}
#zapraszamy #news {width:239px; float:left;padding:0px;margin-left:8px;_margin-left:3px;}
#zapraszamy #news ul {margin:0px; padding:0px; list-style:none}
#zapraszamy #news .header {margin:14px 14px 0px}
#zapraszamy #news ul.newsList li {padding:8px 0; border-bottom:1px solid #5A5A5A;width: 200px;}
#zapraszamy #news ul.newsList li span {font-size: 12px}
#zapraszamy #news ul.newsList li.last {border-bottom:none}
#zapraszamy #news ul.rec li {margin-bottom:4px; text-align:center; background:#292929}
#zapraszamy #news ul.poradniki li {margin-top:10px; }

#zapraszamy #games {  float:left;margin:0 0 6px 10px;}
.zapraszamyBottom {position:absolute; }
.description {position:relative; margin:19px 0 20px;  }
.description .inside {padding:0 65px 0 45px; text-align:justify;}
.description p {margin:0; padding-bottom:8px; font-size: 12px}
.description h2 {font-size:16px; color:#ffffff; margin:0px; padding: 3px 0;}
.description h4 {font-size: 12px; margin:0px; color:#ffffff; }

.margin0{margin-bottom: 0; border: none;}

.zapraszamyBottom2{
	background: transparent url("/images/playFlashBottom.gif") no-repeat scroll 0 0;
	height: 10px;
	padding: 0;
	margin: 0;
}

#games div.fleft,#games div.fright {width:222px}
#games div.register {width:400px}
#games #categoryGames .shortGameBox {
    float: left;
    margin-right: 4px;
    /*margin: 4px;*/
}
h1.gameType {font-size:19px; font-weight:bold; text-transform:uppercase; margin:10px 0 4px;}
span.green,
h1 .green {color:#90C828; font-weight:normal}
h1 .orange {color:#E99529; font-weight:normal}
h1 .blue {color:#39c1ee; font-weight:normal}
h1 .violet {color:#5E17A6; font-weight:normal}
.gameBox {height:175px; width:222px; position:relative; margin-bottom:6px;background:url(../images/gameBck.gif) no-repeat bottom;}
.gameBox .gameName {height:40px; width:198px; padding:4px 12px 0;
	position:absolute; top:110px; left:0px; }
.gameBox .opacity {position:absolute; top:110px; left:0px; height:40px;width:222px; background:#292929; opacity:0.8; filter:alpha(opacity=80)}
.gameBox .rate {position: absolute; top: 153px; left: 0; }

.shortGameBox {width:222px; height:64px; padding-top:6px;position:relative; margin-bottom:6px;background:url(../images/gameBck.gif) no-repeat bottom; overflow:hidden}
.shortGameBox img.fleft {
	margin:4px 5px 0 12px; 
	width:expression(this.width> 35? '35px': this.width); max-width:35px;	
	height:expression(this.height> 35? '35px': this.height); max-height:35px;	
}
.shortGameBox .title a#gameName {
    overflow:hidden;
    max-width:120px;
    white-space:nowrap;
    float:left;
    margin-right:2px;
}
.rate {padding:2px 12px 0; }
.rate .grayText {display:block; width:40px; float:left}
.rate a {margin-left:20px}
.stars {width:60px; height:12px; background:url(../images/star.gif) repeat-x; float:left}
.starsOn {height:12px; background:url(../images/starOn.gif) repeat-x}
.starsPlay {width:60px; height:12px; background:url(../images/starOpacity.gif) repeat-x; float:left; margin:1px 6px}
.starsOnPlay {height:12px; background:url(../images/starOnPlay.gif) repeat-x}
.ocena {width: 620px;position:relative;padding-bottom:4px;}
.ocena span {display:block; float:left; margin-right: 10px; line-height: 150%;}
.ocena div { line-height: 150%; }
#play {width:620px; position:relative; margin:auto;  margin:8px 0 8px}
#play a.playNow {bottom:20px;left:450px;position:absolute;}
#play a.playNow img {border:none; }
#play a .border10px { border: 10px solid #292929; }
img.smallScreen {border:1px solid #292929; vertical-align:top; margin-right:13px; width: 93px; height: 76px}


#help {position:relative; width:434px; float:left; background:url(../images/helpGreenBck.gif) repeat-y;}
#help .inside {
	background:url(../images/helpGreenTop.gif) top no-repeat; 
	padding:10px 50px 10px 40px;
	min-height:150px;
	height:auto !important;
	height:150px;
}
#help .inside table{
	margin-top: 20px;
}

#help .bottomImg {position:absolute}
#help td.number {background:url(../images/liHelpGreen.gif) top right no-repeat; text-align:right; padding:4px 8px 0 0; font-size:13px; width:25px; font-weight:bold}
#help td.helpText {padding:4px}
.reklama300 {float:right; margin-right:1px}

#footer {height:80px; width:996px; margin:auto; background:url(../images/contentBottomImg.png) 1px top no-repeat; }
#footer .inside {background:url(../images/contentBottomIE6.gif) top no-repeat; text-align:center; padding-top:20px}
#footer .inside a {color:#ffffff}

.flashgame_form_error{
	overflow: hidden; 
	width: 650px; 
	height: 80px;
	color: #ffffff; 
	margin-left: 30px; 
	margin-top: 30px; 
	font-family: Tahoma;
	font-size: 12px; 
	font-weight: bold;
}

.form-error-msg
{
  padding-left: 55px;
  color: #d8732f;
  font-family: Tahoma;
  font-size: 11px
}

/*boks z zakladkami*/
#profilGames {
    
    
}
#profilGames ul {list-style:none; height:45px; padding:0px; margin:0px}
#profilGames ul.lastPlayed {background:url(../images/accLastPlayed.gif) left top no-repeat}
#profilGames ul.favorite {background:url(../images/fovoriteBck.gif) -1px top no-repeat}
#profilGames ul.lastAdded {background:url(../images/lastAdded.gif) -1px top no-repeat}
#profilGames ul li {float:left; padding:16px 0 0; text-align:center; text-transform:uppercase; font-weight:bold}
#profilGames li.fav {width:131px; }
#profilGames li.favActive {width:141px; }
#profilGames li.lastAdd {width:184px; }
#profilGames li.play {width:143px}
#profilGames li.playActive {width:157px}
#profilGames li.lastAddActive{width:198px}
#profilGames div.bottom {height:15px; background:url(../images/accGamesBottom.gif) left top no-repeat}
#profilGames .content {background:url(../images/accGamesBck.gif) top left repeat-y; padding:13px 0 0 30px;
overflow:hidden; min-height:100px}
#profilGames .content .shortGameBox {float:left; margin-right:9px; background:url(../images/gameBckGray.gif);}
.profilGames {
    _height:1%;
    width: 740px;
    margin: 0px;
    position:relative; background:url(../images/accountBck.gif) left top repeat-y; margin-bottom:10px }
.profilGames .inside {min-height:160px ;_height:160px;background:url(../images/profilGamesTop.gif) left top no-repeat; padding:20px 0 0 45px}
.profilGames .bottom {margin-bottom:-4px}
.profilGames .shortGameBox {float:left; margin-right:5px; background:url(../images/shortGamesProfilBck.gif) left top no-repeat}
.profilGames .pages {  margin:11px 0 0 294px;  text-align:left}
.profilGames .pages a { background:url(../images/profilPage.gif) left top no-repeat; border:black 30 solid;font-size:11px}
.profilGames .pages a.pageMore {background:url(../images/profilPageMore.gif) left top no-repeat; }

#accountInfo {
	position:relative; 
	background:url(../images/accountBck.gif) left top repeat-y; 
	min-height:160px;
	margin-bottom:12px;
	height:auto !important;
	height:160px;
}
#accountInfo .bottom {margin-bottom:-4px}
#accountInfo .inside {padding:15px 0 0 43px; background:url(../images/accountTop.gif) left top no-repeat}
#accountInfo td {vertical-align:top; font-size:11px}
#accountInfo td.photo {padding:10px; background:url(../images/accountPhotoBck.gif) no-repeat left top;}
#accountInfo td.info {padding:0 8px 0 10px}
#accountInfo td.info td {border-top:1px solid #646464; padding:6px 0px 4px}
#accountInfo td.info td.value {font-weight:bold}
#accountInfo td.playing .shortGameBox {margin-top:5px}
#accountInfo h2.userLogin {margin:0px;padding:0px; font-size:18px; }

#accountInfo img {float:left; margin:0 4px 0 0;}
#accountInfo img.bottom {float:none; margin:0px; position:absolute; left:0px; }
#accountInfo img .all img {float:none}


#invite	{width:430px}
#invite	.form-row label {
	margin-top: 3px;
	display: block;
	float: left;
	width: 45px;
}
#invite	.form-row {
	min-height: 16px;
	height:auto !important;
	height:16px;
}

/*
  Buttons
*/
.buttonRed,
.buttonGrey,
.buttonBlue,
.buttonRedBig
{
    background: transparent url('/images/buttons/bluelong.png') no-repeat scroll 100% 0pt;
    float: left;
    height: 25px;
    margin: 0px;
}

.buttonRed,
.buttonGrey,
.buttonRed,
.buttonRedBig {
    margin: 3px 0 0 0;
}
.buttonBlue,
.buttonGrey,
.buttonRed,
.buttonRedBig {
    height: 58px;
    background: transparent url('/images/buttons/bigRedlong.gif') no-repeat scroll 100% 0pt;
    color: #ffffff;
    font-size: 12px;
    font-weight: bolder;
    line-height: 23px;
    text-decoration: none;
    float:none;
    display:inline-block;
    text-align:center;
}
.buttonBlue {
   height: 25px;
   background: transparent url('/images/buttons/bluelong.png') no-repeat scroll 100% 0pt;
   cursor: pointer;
}
.buttonRed {
    height: 25px;
    background: transparent url('/images/buttons/redlong.gif') no-repeat scroll 100% 0pt;    
}
.buttonGrey {
    height: 25px;
    background: transparent url('/images/buttons/greylong.gif') no-repeat scroll 100% 0pt;
}
.buttonGrey a,
.buttonBlue a {
    color: #ffffff;
    font-size: 12px;
    font-weight: bolder;
    line-height: 23px;
    text-decoration: none;
    cursor: pointer;
}
.buttonRed em,
.buttonRedBig em,
.buttonGrey em,
.buttonBlue em {
    background: transparent url('/images/buttons/blue.png') no-repeat scroll 0 0;
    overflow: visible;	
    float:left;
	font-style: normal;
	height: 25px;
	padding: 0 20px;
	cursor: pointer;
	color: #ffffff;
    text-decoration:none;
    text-align:center;
}
.buttonGrey em {
    background: transparent url('/images/buttons/grey.gif') no-repeat scroll 0 0;
}

.buttonRedBig em {
    text-decoration:none;
    font-size:16px;
    line-height:58px;
    height: 58px;
    background: transparent url('/images/buttons/bigRed.gif') no-repeat scroll 0 0;
}
.buttonRed em {
    background: transparent url('/images/buttons/red.gif') no-repeat scroll 0 0;
}
.buttonGrey em.whiteCorners {
    background: transparent url('/images/buttons/grey_fff_c.gif') no-repeat scroll 0 0;
}
.buttonGrey em.lBlackCorners {
    background: transparent url('/images/buttons/grey_2929_c.gif') no-repeat scroll 0 0;
}
.buttonBlue em.lBlackCorners {
    background: transparent url('/images/buttons/blue_2929_c.gif') no-repeat scroll 0 0;
}
.buttonRedBig em.whiteCorners {
    background: transparent url('/images/buttons/bigRed_fff_c.gif') no-repeat scroll 0 0;
}
.buttonRed em.whiteCorners {
    background: transparent url('/images/buttons/red_fff_c.gif') no-repeat scroll 0 0;
}

.dGrayCorners em {
    background: transparent url('/images/buttons/red_4343_c.gif') no-repeat scroll 0 0;
}
a em input.button,
a em input {
    background: transparent none !important;
    border:none !important;
    font-size: 12px !important;
    color:#fff !important;
    font-weight:bold !important;
    border: none !important;
}
div.ButtonContainer {
    overflow:hidden;
    _height:1%;
    text-align:center;
    clear:left;
    padding-top:10px;
}

.blockHeader {
    _position:relative;
    _zoom:1;
}
.blockHeader span.smallHeader {
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
  /*  margin:4px 0 10px; */

}

#projectsFooter {
            background: transparent url(/images/projects/footer3.png) no-repeat top left;
            width: 995px;
            height: 73px;
        }

        #projectsFooter div.project {
            padding: 22px 13px 22px 10px;
            

            height:30px;
            zoom: 1;
            display: inline;
            float: left;

        }
        #projectsFooter .delimiter {
            background: url(/images/projects/dots.png) no-repeat right center;
        }
        #projectsFooter .first {
            margin-left: 12px;
        }
        #projectsFooter div.project img {
            float: left;


        }
        #projectsFooter div.project div span {
            font-weight: bold;
            font-size: 14px;
            font-family: Arial;
            color: #fff;
            height:auto;
            line-height: 200%;
            padding-left:5px;
        }
        
#guickplayselect {
	width: 185px;
}

.gameBorder {
    background: #434343;
    padding:0px;
    margin: 0px;
}


#right #new ul li .info, #right #pop ul li .info {
	width: 130px;
	float: right;
}
#right #new ul li a, #right #pop ul li a {
    float:left;
    margin-right:3px;
}

#right #new ul li .title , #right #pop ul li .title {
	width: 130px;
}

#right #new ul li .title a, #right #pop ul li .title a{
	max-width: 100px;
	overflow: hidden;
	white-space:nowrap;
}


#uploadRegulations {width:700px; float:left; margin:22px 4px 0 0; padding: 0 10px 0 20px;  }
#uploadRegulations h1 {font-size: 16px; text-align: center; margin: 10px 0 20px 0}

.annotation a {text-decoration: underline;}
div.ocena #addToFav {
    position:absolute;
    right:0px;
}
div.ocena #addToFav {
    text-decoration: underline;
}

#flashPlayerAbsenceAlert {    
    text-align:center;
    padding:5px;
    background: #D42323;
    margin: 0 10px;
    font-size:18px;
    position:relative;
    border: 1px solid #fff;
}
#flashPlayerAbsenceAlert #close {
    position:absolute;
    right: 10px;
    _right: 15px;
    font-weight:bolder;
}
#flashgameName {
    padding:10px 0 0 0;
    font-size: 12px;
}

#flashgameName h1 {
    display:inline;
}

.pos_fixed {
    position: fixed;
    _position:absolute;
}
.corners {
    border-radius: 8px;
    padding: 10px 10px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -opera-border-radius: 8px;
    -moz-border-radius: 8px;
}

.header-logo {
    height:0;
margin:0;
    text-indent:-9999px;
    }
.desc {
/* margin:19px 0 20px; */
position:relative;
}

.cat_desc
{
    font-size:12px;
    padding-bottom:20px;
    padding-right:36px;
    padding-top:10px;
    position:relative;
    text-align:justify;
}

.ads_skyscriber
{
    padding-left: 33px;
}