* {margin:0;padding:0;}
a img{border:none;}
a:hover{text-decoration:underline;}
a{text-decoration:none; color: #1B5695}
html,body{background-color:#236cac;background-image:url('/img/ui/page-main_background.png');background-position:left top;
		background-repeat:repeat-x;font-family:Tahoma;font-size:13px;}

.clear {clear:both;}
.center {text-align: center;}

/* Page definitions */
#page{background-color:#fff;margin:0 auto 20px auto;width:900px;overflow: hidden; min-height: 900px;}
/* Content definitions */
h2{font-size:15px;margin:0 30px 10px 30px;}
#content h3{font-size:11px;font-style:italic;margin:0 30px 10px 30px;}
#content p{margin:0 30px 10px 30px;text-align:justify; line-height: 1.6}
#content{float:left;width:725px;}
#content ol {margin-left: 45px; line-height: 1.6; margin-bottom: 15px; margin-right: 30px;}
#content ul {margin-left: 45px; list-style: square; line-height: 1.6; margin-bottom: 15px;  margin-right: 30px;}
/* Header definitions */
#header {position: relative;}
#header #search p{font-weight:bold;margin:7px 0 0 0;}
#header #search strong{color:#0791b4;}
#header #search{position: absolute; top: 86px; left: 450px; width: 440px;}
#header .banner{position: absolute; top: 20px; left: 425px; width: 468px; height: 60px; background: white;}
#header .banner img{clear: both; position: absolute; left: 0px;}
#header .banner object{clear: both; position: absolute; left: 0px;}
#header .logo{_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ui/logo.png');background-image:url('/img/ui/logo.png');cursor:hand;float:left;
	height:119px;margin:10px 0 0 78px;width:193px;}
#header{background-image:url('/img/ui/header-main_background.png');background-position:2px top;background-repeat:no-repeat;height:140px;width:900px;}
/* Menu definitions */
#menu .selected{background-image:url('/img/ui/menu_selected_item-main_background.png');background-position:left top;background-repeat:repeat-x;}
#menu a{color:#fff;display:block;float:left;font-weight:bold;height:34px;padding:10px 0 0 0;text-align:center;width:100px;}
#menu{background-color:#056b9a;background-image:url('/img/ui/menu-main_background.png');background-position:left top;
		background-repeat:repeat-y;height:34px;overflow:hidden;  padding-left: 174px;}
/* Navigation definitions */
#navigation li{list-style:none;}
#navigation li{list-style:none;margin:0 1px 1px 2px;}
#navigation li a{height:24px;background-position:left top;background-repeat:no-repeat;display:block;padding:8px 0 0 30px;font-weight:bold;color:#fff;}
#navigation li a{background-color:#056b9a;background-image:url('/img/ui/navigation_item-main_background.png');}
#navigation  a.selected{background-color:#056b9a;background-image:url('/img/ui/navigation_selected_item-main_background.png');}
#navigation .submenu li{padding:5px 0 0 30px;}
#navigation .submenu li a{background-color:transparent;display:inline;height:10px;background-image:none;padding:0;font-weight:normal;color:#00364f;}
#navigation .submenu{background-image:url('/img/ui/submenu-main_background.png');background-repeat:repeat-y;background-position:left top;margin:2px 1px 2px 2px;_margin:2px 1px -11px 2px;border-color:#2e93ba;border-style:solid;border-width:1px 0 1px 0;overflow:hidden;padding:6px 0;}
#navigation .tip img{margin:25px 0 0 30px;}
#navigation .tip a {color: white;}
#navigation .tip{color:#fff;height:218px;margin:-2px 1px 0 2px; padding: 0px 5px}
#navigation .tip-black {background-color:#000;background-image:url('/img/ui/tip_main_background_black.png');}
#navigation .tip-blue{background-color:#236cac;background-image:url('/img/ui/tip_main_background_blue.png');}
#navigation .tip-orange {background-color:#d04000;background-image:url('/img/ui/tip_main_background_orange.png');}
#navigation p{text-align:center;}
#navigation strong{display:block;margin:8px 0 0 0;text-transform:uppercase;}
#navigation{float:left;overflow:hidden;width:175px;}
/* Invitation definitions */
#invitation img{float:left;}
#invitation{height:236px;}
/* Statusbar defintitions */
#header .field{padding:1px;width:100px;}
#header p{float:left;}
#header select{padding:1px;width:93px;}
#statusbar .button,#header .button{background-color:#23609d;border:none;color:#fff;cursor:hand;float:left;font-size:10px;height:19px;margin:6px 0 0 0;padding:0px 5px 0px 5px;}
#statusbar .field,#header .field,#header select{float:left;font-size:10px;margin:6px 3px 0 0; width: 90px;}
#statusbar .field { height: 13px; width: 70px;}
#statusbar h1{background-image:url('../img/ui/arrow.png');background-position:10px 10px;background-repeat:no-repeat;float:left;font-size:13px;padding:7px 0 0 30px;width:355px;}
#statusbar p{color:#2f81a8;display:inline;float:left;font-weight:bold;margin:4px 0 0 0;padding:0 10px 0 0;}
#statusbar{background-image:url('../img/ui/statusbar-main_background.png');background-position:left bottom;background-repeat:repeat-x;height:32px; margin:2px 0 0 0;}
/* Breadcrumbs definitions */
#breadcrumbs a{color:#1b5695;}
#breadcrumbs p{margin:0;}
#breadcrumbs{color:#0791b4;height:21px;padding:8px 0 10px 30px;}
/* Footer definitions */
#footer .left,#footer .right{margin:10px 0 0 0;}
#footer .left{float:left;width:425px;}
#footer .right{float:left;padding:0;text-align:right;width:425px;}
#footer a{color:#80c7df;}
#footer{background-image:url('../img/ui/footer-main_background.png');background-position:left top;background-repeat:repeat-x;color:#fff;height:78px;}
#usable_area{margin:0 auto;width:850px;}
#usable_area p {line-height: 1.6}
/* Tablebox,infobox and preview definitions */
.infobox_green h2,.infobox_purple h2,.infobox_orange h2{font-size:15px; text-align: center;padding-top: 5px;}
.infobox_green p,.infobox_purple p,.infobox_orange p{font-size:13px; line-height: 1.6; margin-left: 15px !important; padding-bottom: 10px;}
.infobox_green img,.infobox_purple img,.infobox_orange img{float:left;height:100px;margin:7px 0 0 7px;width:100px;}
.infobox_orange div.item{height: 140px; float: left; width: 109px;}
.infobox_orange div.item a {text-align: center; display: block; margin-top: 5px;}
.infobox_green,.infobox_purple,.infobox_orange{border-style:solid;border-width:0 10px 0 0;margin:0 0 7px 5px;}
.infobox_green{background-color:#cde3e3;border-color:#a6cece;}
.infobox_orange{background-color:#f4d4c5;border-color:#ecb399;}
.infobox_purple{background-color:#dfcfe2;border-color:#c6aacc;}
.preview a.grid-link,.preview_last a.grid-link,.preview_bottom a.grid-link,.preview_corner a.grid-link{color:#056b9a;display:block;font-weight:bold;margin:5px 0 0 0;text-align:center;width:100%;}
.preview img,.preview_last img,.preview_bottom img,.preview_corner img{margin:15px 0 0 29px;}
.preview img.wall,.preview_last img.wall,.preview_bottom img,.preview_corner img.wall{margin:15px 0 0 33px;}
.preview,.preview_last,.preview_bottom,.preview_corner{border-color:#bbd7e4;border-style:solid;float:left;height:145px;width:165px;}
.preview_bottom{border-width:0 1px 0px 0;}
.preview_corner{border-width:0;}
.preview_last{border-width:0 0px 1px 0;}
.preview{border-width:0 1px 1px 0;}
.tablebox .item,.tablebox .odd_item{height:18px;padding:5px 0 0 20px;}
.tablebox .odd_item{background-color:#e2eef4;}
.tablebox a{color:#1d76a0;}
.tablebox h2{font-weight:bold;}
.tablebox{float:left;margin:0 0 37px 1px;_margin:0 0 43px 1px;width:184px;_width:183px;}
/* Left and right halves of content and grid definitions */
#grid{margin:0 0 20px 30px;}
#left{float:left;width:490px;}
#right{float:left;width:233px;}
/* Commands definition */

#commands p span {display: block; margin-bottom: 20px; font-weight: bold;}
#commands p {color:#fff;font-size:18px;padding:50px 0 0 0;text-align:center;width:185px;}
#commands {background-image:url('/img/ui/commands.png');height:171px;margin:10px auto 30px auto;width:512px;}
.game-detail #commands {margin-left: 25px;}
#commands div {float: left; width: 250px;}
#commands .commands-phone p {padding-left: 10px;}
/* Layout definitions */
#layout{overflow:visible;padding-top:20px;}

.paging {float: right; font-size: 15px; margin-right: 60px; margin-bottom: 15px;}
.paging .current {font-size: 18px}

.game-detail .description {padding-bottom: 30px; }
.game-detail .images {float: left; width: 132px;  margin-left: 30px; _margin-left: 15px;}
.game-detail .images img {margin-bottom: 10px;}
.game-detail .text {width: 550px; float: left;}
.game-detail .flash-game {margin-left: 30px; padding-bottom: 30px;}

.article .images {text-align: center; margin-left: 30px; width: 660px; margin-bottom: 10px;}
.article .images a img {margin-left: 10px;}

.article-list {}
.article-list h2 a {font-size: 16px; color: #1B5695;}
.article-list h2 {margin-bottom: 3px !important; margin-top: 5px !important;}
.article .info {margin-bottom: 3px !important; background: #E2EEF4; padding: 3px 5px;}
.article .perex {font-style: italic;width: 660px;}
.delete-comment {float: right; display:block; padding: 5px 5px 5px 15px;;}

.form-comment {margin-bottom: 25px;}
.form-comment h2 {font-size: 16px; margin-top: 10px; margin-left: 0px;}
.form-comment .error-message {color: red; margin-left: 200px; font-weight: bold;}
.form-comment fieldset {border: 0px; margin-left: 30px;}
.form-comment label {font-weight: bold; display: block; width: 200px; float: left;}
.form-comment label span {font-weight: normal;}
.form-comment .input {clear: both; margin-bottom: 10px;}
.form-comment .input input {width: 200px; padding: 2px;}
.form-comment textarea {width: 350px; height: 150px;}
.form-comment .submit input {margin-left: 200px; font-weight: bold; padding: 3px;}

#comments-list {margin-left: 30px; margin-right: 30px}
#comments-list div {margin-bottom: 25px;}
#comments-list .info {margin-bottom: 3px !important; background: #E2EEF4; padding: 3px 5px;}
#comments-list .empty {font-size: 16px; margin-bottom: 20px; font-weight: bold;}

.sounds {border-collapse: collapse; margin: 0px 30px 15px 30px; width: 665px;}
.sounds a {font-weight: bold;}
.sounds tr {height: 25px;}
.sounds td, .sounds th { border: 2px solid white; padding: 2px 10px;}
.sounds .even {background: white;}
.sounds .odd {background: #E2EEF4}
.sounds .play {background: white; width: 20px;}
.sounds .hover {background: #EEEEEE}

.form-classic {margin-bottom: 25px;margin-left: 30px;}
.form-classic h2 {font-size: 16px; margin-top: 10px; margin-left: 0px;}
.form-classic .error-message {color: red; margin-left: 100px; font-weight: bold; margin-top: 2px;}
.form-classic fieldset {border: 0px; margin-left: 30px;}
.form-classic label {font-weight: bold; display: block; width: 100px; float: left;}
.form-classic label span {font-weight: normal;}
.form-classic .input {clear: both; margin-bottom: 10px;}
.form-classic .input input {width: 200px; padding: 2px;}
.form-classic .submit input {margin-left: 100px; font-weight: bold; padding: 3px;}

.login-info { padding-top: 6px;}
.link-register {display: block; float: left; margin-left: 5px; margin-top: 6px;}

.status-error {margin-left: 30px; color:red; font-weight: bold; margin-bottom: 10px; font-size: 16px;}
.status-success {margin-left: 30px; color:green; font-weight: bold; margin-bottom: 10px; font-size: 16px;}

hr {margin: 0px 30px 20px 30px;}
.price {width: 170px; background: #0791B4; font-size: 18px; color: white; margin: 0px auto 20px auto; padding: 0px; height: 29px;}
.price span {font-weight: bold;}

.description-big {font-size: 16px;}
div.soundflash {padding-left: 30px; margin-top: 2px; float:left; width: 25px;}

.wallpaper-detail {font-size: 16px; text-align: center; margin-bottom: 20px;}
.wallpaper-detail img {margin-top: 10px;}

#authMessage {color: red; font-weight: bold; margin-bottom: 5px;}

.rating {width: 275px; float: left;margin-right: 10px; margin-bottom: 15px;}
.rating ul {width: 225px; height: 40px; }
.rating ul li {float: left; width: 45px; list-style: none; display: block; text-align: center;}
.rating ul {margin: 5px 0 2px 30px !important; }
.rating p {font-size: 14px;}
.rating p span {font-size: 18px; font-weight: bold;}
