* {
	margin: 0;
	padding: 0;
/*	border: 0;										/*border=0	NB> нельзя задавать для всех, потому что тогда контролы станут плоскими */
/*	border: 1px solid #f00;		*/
	border-spacing:4;						/*cellspacing=0*/
/*убрал	border-spacing:0;						/*cellspacing=0*/
/*убрал	border-collapse:collapse;		/*cellspacing=0*/
	padding:0;								/*cellpadding=0*/
	}
table {
	border: 0;										/*border=0*/
	}

* {
/*	font-family: trebuchet, sans-serif;	font-size: x-small;	*/
	font-family: trebuchet, sans-serif;	font-size: 13px;
	}
body, table, td {
	color: #DDF;
	}
body {
/* text="#00F" bgcolor="#00C" link="#036" topmargin=10 leftmargin=0>	*/
	color: #00F;
	background-color: 4444B3;	/*#00C*/
/*
	color: #928A88;
	background: #e3e3e3 url('pic/z.gif') top repeat-x;
*/
	height: 100%;
	}
p {
	font-family: verdana, sans-serif;
/*	color: #51EFAE;	 */
	color: #FFF;	
	text-decoration: none;
	font-size: 11px;
	padding: 0 0 10px 10px;
	}
p.small {
	font-family: sans-serif;
	font-size: 11px;
	padding: 0 0 10px 10px;
/*	color: #51EFAE;	 */
	color: #FFF;	
	text-decoration: none;
	vertical-align: justify;
	}


a {
	text-decoration: none;
	color: #CCF;
	}
a:visited {
	text-decoration: none;
	color: #66F;
	}
a:active {
	text-decoration: none;
	color: #FFF;
	}
a:hover {
	text-decoration: none;
	color: #FCFC54;
	}


.breadcrumbs a {
	font-weight: bold;
	text-decoration: underline;
	color: #FCFC54;
	padding: 2px 8px;
	}
.breadcrumbs a:visited {
	color: #66F;
	}
.breadcrumbs a:active {
	color: #FFF;
	}
.breadcrumbs a:hover {
	text-decoration: none;
	color: #FFF;
	background: #009;
	}
.breadcrumbs span {
	font-weight: bold;
	color: #FFF;
	background: #006;
	padding: 2px 8px;
	margin-left: 8px;
	}


span {
	font-weight: bold;
	color: #FFF; /* #FCFC54; */
	}
span.slim {
	font-weight: normal;
	vertical-align: top;
	color: #FFF; /* #FCFC54; */
	}
th {
	color: #006;
	}
h1.card {
	margin: 8px 0 1px 0px;
	font-weight: bold;
	text-decoration: none;
	display: inline;	/* convert block to inline element */
	color: #FFF;
	}
h2.card {
	margin: 1px 0 1px 0px;
	font-weight: bold;
	/*text-align: center;*/
	text-decoration: none;
	color: #99F;
	font-size: 12px;
	display: inline;	/* convert block to inline element */
	}
.deep {
	background: #009;
	}
.shallow {
	background: #99F;
	}



.darkstrip {
	width: 100%;
	background: #006;
	color: #fff;
	padding: 5px 10px 5px 10px;
	}
table.main {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border-spacing:0;
	border-collapse:collapse;		/*cellspacing=0*/
	padding:0;								/*cellpadding=0*/
	border: 0;										/*border=0*/
	}
td.text {
/*	width: 70%;	*/
/*	width: 760px;	*/
	width: 100%;
	height: 100%;
	}
#leftpane{
	float:left;
	width:250px;
	height:100%;
/*	background:#ccc;	 */
/*	background:#11A;	*/
/*	background:#009;	 */
	background:#001a4d;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}
 #content{
  	min-width:350px;
	margin-left:250px;
/*убрал	padding: 10px 30px 10px 30px;	*/
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
#rightpane{
	float: right;
	width: 250px;
	height: 100%;
/*	background: #999;	 */
/*	background: #11A;	*/
/*	background: #009;	*/
	background:#001a4d;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}
/*
#floppy{
	display: block;
	float: right;
	width: 100px;
	height: 200px;
	}
*/
.similar{
	display: block;
	float: left;
	width: 168px;
	height: 120px;
	padding: 0px 4px 0px 4px;
	}
*/
.gamesize {
	font-weight: bold;
	color: #0F6099;	/* #0F9960; */
	width: 100px;
	text-align: right;
	padding: 0px 10px 0px 24px;
	}
.gameyear {
	font-weight: bold;
	color: #318ECF;	/* #31CF8E; */
	}
.gameinfo {
	background: #009 url('pic/z1.gif') top repeat-x;
	vertical-align: top;
	padding: 0 0 20px 10px;
	text-align: justify;
	}
.gameinfo p {
	padding: 12px 20px 4px 0px;
	}
.gamecard td, span, a {
	font-size: 12px;
	}
td.legend {
	font-size: 12px;
	font-weight: bold;
	color: #CCF;
	}
.foreword {
	display: block;
	float: right;
	width: 300px;
	background: #009 url('pic/z1.gif') top repeat-x;
	vertical-align: top;
	padding: 20px 10px 20px 10px;
	text-align: justify;
	}
.c01{	/*  bg shallow */
	background: #99F;	
	}
.c02{	/*  bg medium */
	padding: 4px 0px;
	background: #009;
	}
.c03{	/*  bg deep */
	padding: 4px 0px;
	background: #006;
	vertical-align: top;
	}
.c04{	/*  bg deepest */
	padding: 4px 0px;
	background: #001a4d;
	}

.floatright{
	float:right;
	}
.gametable td {
	padding: 2px 10px;
	text-align: left;
	}
.gametable th {
	padding: 0px 10px;
	text-align: left;
	font-size: 9pt;
	}


div.cmshr {
	height: 2px;
	background: #000 url('pic/hr.gif') repeat-x scroll center;	
	margin: 4px 0;
	padding: 0;
	/*border-bottom: solid 1px #cfcfcf;	/*dashed*/
	}
div.cmshr hr {
	display: none;
/*
	text-align: right;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	color: #c90003;
*/
	}

div.h10 {
	height: 6px;
	background: #e0b345 url('pic/h10.gif') repeat-x scroll center;
	/*border-bottom: solid 1px #cfcfcf;	/*dashed*/
	}
div.h20 {
	height: 161px;
	background: #417bd9 url('pic/h20.gif') repeat-x scroll center;
	text-align: center;
	}
div.h30 {
	height: 5px;
	background: #e0b345 url('pic/h30.gif') repeat-x scroll center;
	}
div.h40 {
	height: 35px;
	background: #42428d url('pic/h40.gif') repeat-x scroll center;
	}

tr.disc1{
/*	background: #42428d url('pic/h40.gif') repeat-x scroll center; */
	background: #000066;
	margin: 2px 2px 2px 2px;
	}
tr.disc2{
	background: #000088;
	margin: 2px 2px 2px 2px;
	}
tr.disc1 td{
	padding: 6px 6px 6px 6px;
	}
tr.disc2 td{
	padding: 6px 6px 6px 6px;
	}


table.users td,th{
	font-size: 11px;
	padding: 1px 2px;
	margin: 1px;
	}
table.users tr.users1{
	background: #000066;
	}
table.users tr.users2{
	background: #000088;
	}