/* DEV */
.pink { border: 1px solid red; }
/* end DEV */

* { margin: 0; padding: 0; border: 0; }
.clear { clear: both; }
a { color: black; }
h1 { line-height: 1.25em; }
.center { text-align: center; }
.bold { font-weight: 900; }
.bord { border: 1px solid black; }
.desc { font-size: 80%; color: red; }

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
}

/* body */
body { margin: 0; padding: 0; border: 0; background: #0479e0 url('images/main_05.gif') repeat-x; font: 75% Tahoma; color: black; line-height: 120%; }
input, textarea { border: 1px solid; }
#all label { display: block; }
#all { width: 775px; margin: 0 auto; padding: 0 47px; background: url('images/alpha.png') repeat-y; }
/* top */
#top { width: 733px; height: 235px; margin: 0 auto 0 auto; padding: 0 0 0 0; }
#searchbar { float: left; width: 737px; height: 40px; margin: 0 auto; background: url('images/main_15.gif') repeat-x; }
#icon { float: left; width: 49px; height: 40px; background: url('images/main_13.gif') no-repeat; }
#searchbar form { float: left; height: 40px; }
#searchbar fieldset { float: left; }
#searchbar input { margin: 0.85em 0 0 0.5em; border: 1px inset black; font-size: 1.2em; }
#adornment { float: right; width: 108px; height: 40px; margin: 0 55px 0 0; background: url('images/main_17.gif') no-repeat; }
#endbar { float: right; width: 134px; height: 40px; background: url('images/main_19.gif') no-repeat; }
#menu { float: left; width: 737px; height: 25px; margin: 0 auto; background: url('images/main_22.gif') repeat-x; }
#start { float: left; width: 41px; height: 25px; background: url('images/main_20.gif') no-repeat; }
#end { float: right; width: 70px; height: 25px; background: url('images/main_26.gif') no-repeat; }
#menu ul { list-style-type: none; }
#menu ul li { display: block; height: 25px; float: left; }
#menu ul li a { display: block; height: 25px; }
#menu .mstar { display: block; width: 15px; height: 25px; margin: 0 6px; background: url('images/main_18.gif') no-repeat; }
#menu #mhome a { width: 35px; background: url('images/menu_02.gif') no-repeat; }
#menu #mgames a { width: 42px; background: url('images/menu_04.gif') no-repeat; }
#menu #mscore a { width: 84px; background: url('images/menu_06.gif') no-repeat; }
#menu #mbonus a { width: 36px; background: url('images/menu_08.gif') no-repeat; }
#menu #mfanart a { width: 43px; background: url('images/menu_10.gif') no-repeat; }
#menu #mlevels a { width: 43px; background: url('images/menu_12.gif') no-repeat; }
#menu #mforum a { width: 42px; background: url('images/menu_14.gif') no-repeat; }
#menu #musers a { width: 37px; background: url('images/menu_16.gif') no-repeat; }
#menu #mhelp a { width: 30px; background: url('images/menu_18.gif') no-repeat; }

/* left side */
#left { float: left; width: 200px; background: #fff; }
.blue { float: left; width: 200px; background: url('images/main_25.gif') repeat-y; }

.blue .header { float: left; width: 200px; height: 32px; background: url('images/main_23.gif') no-repeat; }
.blue .bottom { float: left; width: 200px; height: 21px; background: url('images/main_29.gif') no-repeat; }
.blue .content { float: left; margin: -10px 12px 0 20px; }
.blue .login { width: 165px; padding: 70px 0 0 0; background: url('images/main_36.gif') top left no-repeat; }
.blue #l_username { float: left; width: 65px; height: 11px; margin: 3px 0 3px 0px; background: url('images/main_45.gif') no-repeat; }
.blue #username { float: left; width: 95px; border: 2px inset; }
.blue #l_password { float: left; width: 65px; height: 11px; margin: 8px 0 3px 0; background: url('images/main_51.gif') 2px 0 no-repeat; }
.blue #password { float: left; width: 47px; margin: 5px 5px 0 0; border: 2px inset; }
.blue .formbutton input { width: 41px; height: 26px; margin: 3px 0 0 0; background: url('images/main_48.gif') no-repeat; border: 0; }
.blue #l_memorize { float: left; width: 65px; height: 9px; margin: 3px 0 0 0; background: url('images/main_56.gif') 5px 0 no-repeat; }
.blue #memorize { margin: 0; padding: 0; border: 0; }
.blue #forgot { display: block; width: 103px; height: 13px; margin: 8px auto; background: url('images/main_59.gif') no-repeat; }
.blue #register { display: block; width: 43px; height: 13px; margin: 0 auto; background: url('images/main_66.gif') no-repeat; }
.blue .shadow { width: 107px; height: 108px; margin: 0 auto; padding: 0 0 0 0; background: url('images/cien.jpg') right bottom; }
.blue .shadow #avatar { }
.poll p { text-align: center; }
.poll .question { font-weight: 900; }
.poll label { float: left; }
.poll input { float: left; margin: 0.166em 0.25em 0 0; border: 0; }
.poll fieldset { clear: both; margin: 0.33em 0; }
.poll .submit { float: none; display: block; margin: 0.125em auto 0 auto; border: 1px solid black; }

#panel { float: left; background-color: blue;}

#panel p { text-align: center; }
#panel ul { list-style-type: none; }
#panel li { display: block; margin: 0.33em 0; }
#panel li a { display: block; width: 165px; height: 31px; background-repeat: no-repeat; }
#panel #m1 { background: url('images/main_77.gif'); }
#panel #m2 { background: url('images/main_70.gif'); }
#panel #m3 { background: url('images/main_71.gif'); }
#panel #m4 { background: url('images/main_72.gif'); }
#panel #m5 { background: url('images/main_73.gif'); }
#panel #m6 { background: url('images/main_74.gif'); }
#panel #m7 { background: url('images/main_75.gif'); }
#panel #m8 { background: url('images/main_76.gif'); }
#panel #m100 { background: url('images/icon_mario.jpg'); }
#panel #m101 { background: url('images/icon_sonic.jpg'); }
#panel #m102 { background: url('images/icon_naruto.jpg'); }
#panel #m103 { background: url('images/icon_pokemon.jpg'); }
#panel #m104 { background: url('images/icon_zelda.jpg'); }
#panel #m105 { background: url('images/icon_metroid.jpg'); }
#panel #m106 { background: url('images/icon_metalslug.jpg'); }
#panel #m107 { background: url('images/icon_scoobydoo.jpg'); }
#panel #m108 { background: url('images/icon_spongebob.jpg'); }
#panel #m109 { background: url('images/icon_contra.jpg'); }

#panel .gold { width: 114px; margin: 1em auto; padding: 10px 0 0 0; }
#panel .gold p { width: 114px; height: 22px; margin: 5px 0 0 0; background: url('images/main_78.gif') no-repeat; }
#panel .diamonds { width: 114px; margin: 0 auto; padding: 10px 0 0 0; }
#panel .diamonds p { width: 114px; height: 22px; margin: 5px 0 0 0; background: url('images/main_78.gif') no-repeat; }

/* right side */
#right { float: right; width: 575px; background: #fff; }
.red { float: right; width: 573px; background: url('images/main_35.gif') repeat-y; }
.red .header { width: 573px; height: 32px; background: url('images/main_32.gif') no-repeat; }
.red .bottom { width: 573px; height: 21px; background: url('images/main_44.gif') no-repeat; }
.red .content { margin: -10px 12px 0 24px; }
.red .content .downloadlink { background: url('images/download_now.jpg') no-repeat; width: 220px; height: 50px; margin-left: 170px; cursor:hand; }
.red .content .downloadlink:hover { background: url('images/download_now2.jpg') no-repeat; width: 220px; height: 50px; margin-left: 170px; cursor:hand; }
#right #msgs { font-weight: 900; line-height: 200%; text-align: center; color: red; }
.boxx .content { overflow: auto; width: 520px; height: 15em; margin: -10px auto 0.33em auto; padding: 0 0 0 1em; }
.boxx form { display: block; width: 310px; margin: 0.33em auto 0 auto; }
.boxx p { padding: 0.125em 0; }
.boxx .p1 { background: #dee3e7; }
.boxx label { float: left; width: 80px; height: 20px; margin: 3px 5px 0 0; background: url('images/main_86.gif') no-repeat; }
.boxx #message, .boxx #shoutbox { float: left; width: 200px; border: 1px solid #aca899; border-width: 1px 0 0 1px; }
.boxx .submit { float: left; width: 99px; height: 20px; margin: 0 0 0 50px; background: url('images/main_87.jpg'); border: 0; }
.boxx h3 { margin-top: 2em; }


/* footer */
#footerflash { width: 761px; height: 150px; margin: 1em auto 0 auto; }

/* XXX */

/* hero panel */
.half { width: 248px; float: left; text-align: center; }
.half img { margin: 0 auto; }
.half2 { width: 288px; float: right; }
table#heropanel { margin-bottom: 1em; }
table#heropanel td { padding: 0.125em 0.25em; border: 1px solid #ccc; text-align: center; }
table#heropanel th { font-size: 80%; color: red; }
#myhero .items { width: 258px; height: 290px; margin: 0 auto; background: url('images/para_03.jpg') no-repeat; }
#myhero .items .row { position: relative; width: 250px; margin: 0px 0 0 0px; }
#myhero .items .row div { position: absolute; top: 24px; left: 24px; }
#myhero .row img { width: 80px; height: 80px; }
#myhero .items #i1 { position: absolute; top: 5px; left: 4px; }
#myhero .items #i2 { position: absolute; top: 5px; left: 87px; }
#myhero .items #i3 { position: absolute; top: 5px; left: 170px; }
#myhero .items #i4 { position: absolute; top: 100px; left: 4px; }
#myhero .items #i5 { position: absolute; top: 100px; left: 87px; }
#myhero .items #i6 { position: absolute; top: 100px; left: 170px; }
#myhero .items #i7 { position: absolute; top: 195px; left: 4px; }
#myhero .items #i8 { position: absolute; top: 195px; left: 87px; }
#myhero .items #i9 { position: absolute; top: 195px; left: 170px; }
#myhero h4 { font-size: 120%; }

#myhero .backpack { width: 250px; height: 259px; margin: 0 auto; padding: 10px 0 0 0; background: url('images/screen_23.gif') top left no-repeat; }
#myhero .backpack div { float: left; margin: 2px 2px 1px 1px; }
#myhero .backpack img { width: 80px; height: 80px; }
#myhero .ital { float: right; width: 240px; text-align: center; font-style: italic; }

#myhero .links { margin: 0.2em 0 1em 0.33em; text-align: left; font-size: 110%; line-height: 1.4em; }
#myhero .links a { text-decoration: none; }
#myhero .links a:hover { text-decoration: underline; }

/* shop */
.shop { float: left; width: 177px; margin: 0.33em 0 1em 0; text-align: center; }
.shop p { margin: 0 0 0.33em 0; }
.shop a { display: block; margin: 0 auto; }
.buy { font-size: 120%; font-weight: 900; }
span.plus { color: green; }
span.minus { color: red; }

/* levels */
.level { float: left; width: 243px; padding: 0 25px 0 0; }
.level img { display: block; float: left; margin: 1.5em 1em 0 0; }
#level_list { margin: 0.33em auto 2em auto; text-align: center; }
#level_list select { margin: 0.33em 0 0 0; border: 1px solid black; }
#level_view img { float: left; margin: 0 1em 1em 0; clear: both; }
#level_view rest { float: left; }

/* mail */
.mail {  }
.mail table { margin: 1em 0.33em; }
.mail td { padding: 0.125em 0.33em; }

#training table { margin: 0 0 0.5em 3em; }
#training td { padding: 0.125em 0.3em }
#training #train { margin: 0 0 0 1em; }
#training input { border-color: #ccc; }
#training { margin: 1.5em 0 2em 0; }
#training #time { margin: 0 0 0 2em; }

h4.gtitle { text-align: center; color: #36f; text-transform: uppercase; }
.game { margin: 1em 0 1em 1em; }
.game img { float: left; margin: 15px 10px 8px 5px; }
.game .descr { float: left; width: 300px; }
.game .descr a { text-decoration: underline; font-weight: 900; color: #eb7a01;  }
.links { float: right; width: 100px; height: 50px; text-align: center; text-decoration : underline; }
.links a { text-decoration: none; font-weight: 900; }
.links .gred { color: red; }
.links .gblue { color: blue; }
.ghr { width: 95%; height: 1px; margin: 0.66em auto; overflow: hidden; background: url('images/img_03.gif') repeat-x; }
.game .ghr { width: 35%; margin: 1em 0; background: url('images/img_11.gif') repeat-x; }

.screenshots { width: 95%; margin: 0.5em auto; }
.screenshots div { float: left; width: 165px; margin: 1em 0; text-align: center; }
.screenshots div.clear { float: none; } 

#dhtmltooltip { position: absolute; width: 135px; border: 2px solid black; padding: 2px; background-color: white; visibility: hidden; z-index: 100; }

.categoryred { padding-left: 0px; color: red; font-weight: bolder; text-decoration: none; white-space: nowrap; }
.categoryblue { padding-left: 0px; color: blue; font-weight: bolder; text-decoration: none; white-space: nowrap; }
.categoryselected { color: green; }

table { width: 100%; }