body { background: #c0c0c0 url("/images/bckg.gif");
		  padding: 0ex 1em;
		  font-family: "MS Sans Serif";
		  font-size: 100%;
		  margin:0px;}	

#logo { /* background: url(/images/logo.gif) no-repeat; */
                margin: 0px auto ;
                width:368px;
                height:62px;
                text-align:right;
          }
#logo img { margin: auto;}

/* Секция совместимости */

	a:link	  { color: #0000FF;text-decoration:none;}
	a:visited { color: #0000EE;text-decoration:none;}
	a:hover   { text-decoration:underline;}
	a:active   { color: #FF0000}
	a:visited:hover {text-decoration:underline;}
	a.notunderlined { text-decoration:none; }
	a.notunderlined:hover { text-decoration:underline; }
	.gt { font-size: 8pt; font-family: "MS sans serif"; border-collapse: collapse; border-spacing: 0;}
	.gtf { font-size: 8pt; font-family: "MS sans serif";}
	.sf { font-size: 10pt;}
	.tourtable { font-size: 8pt; font-family: "MS sans serif"; border-collapse: collapse; border-spacing: 0;}
	.tourtable td, .tourtable th {padding: 0.3em 0.8em;}
	.tdn { color:#000000; font-family: Arial, Helvetica; font-size:8pt; }
	.login { border : inset black 1px; color:#000000; font-family: Arial, Helvetica; }
	.enter { border : double black 1px;  color:#ffffff; background: #000055; font-family: Arial, Helvetica; font-size:8pt; font-weight: bold; margin-top: 2px; }
	.drag { position:absolute; cursor:pointer; z-index:1; }
	.figs { position:absolute; z-index:2; }
	.boards { position:absolute; }
	
/* Конец секции совместимости */

/* Верхний рекламный баннер */
	#topad {text-align: center;
			height:60px;
			margin-left:-30px;
			margin-right:-30px;
			overflow:hidden;
			}

	a.white	  {color: #FFFFFF; text-decoration:none;}
	a.white:hover  {color: #FFFFFF; text-decoration:underline;}
	a.white:visited  {color: #a0a0a0; text-decoration:none;}
	fieldset {padding: 2ex 0em 2ex 0em;
			  }
			  
    H1.common {font-size: 180%; font-family:  "Times","Times New Roman"}
    H2.common {font-size: 120%; font-family:  "Times","Times New Roman"}
    H3.common {font-size: 100%; font-family:  "Times","Times New Roman"}
    
 /* Оболочка для пространных текстов */
    
    .text {	padding: 2ex 2em 2ex 2em;
    		font-size: 100%; 
    		font-family: "Times","Times New Roman"; 
    		text-align: justify}
   
   /* Оболочка для текстов co скроллингом*/
    
    .document {	margin: 2ex auto 2ex auto;
    		padding: 1ex 1em 1ex 1em;
    		text-align:justify;
    		border: thin solid silver;
    		width:680px;
			height:400px;
			color: black;
    		background: #F0F0F0; 
			overflow: auto
			}
	textarea.document {	background: white; 
			display:block;
			}
			
    .scroller {
    		 	width:100%;
				height:500px;
				overflow: auto
    		   }
    		 
  /* Важно */
    .emph {	 font-weight: bold;
    		 color: #000055;
    		 }  
/* Суперважно, могут быть неприятности */

 .danger {color: red;
    		 font-weight: bold}

    		 
 /* Обязательные для заполнения поля */
    .required {color:green;
    			font-weight:bold;
    			}
    			
/* Ники игроков */
    .nick	{
    		font-style:oblique
    		}
 /* Для примечаний */
    .fine	{
		font-size:75%;
    		margin:2ex 2em 2ex 2em; 
    		}
    		
 /* Block Quote */
    .exposed {	margin-right: 7%;
    		margin-left: 7%;
    		margin-top: 3ex;
    		margin-bottom: 3ex;
    		border: thin solid silver;
    		font-size: 90%; 
    		 color: black;
    		 background: #F0F0F0; 
    		font-family: Arial;
    		text-align: justify}
    		
  
    		
    
   /* Таблица с рамочкой - "чистый лист" для текста. Основа большинства страниц */
   
    	table.enclosing {width: 100%;
					margin: 2ex 0% 2ex 0%;
					background:#fafafa;
					border: thin solid silver;
					padding: 0pt;
					font-size: 100%; 
    				font-family: "Times","Times New Roman"; 
				}
    

    .centered 	{padding: 0em 1em 0em 1em;
    				text-align: center;
    				vertical-align: middle;
    				}
    				
    /* Колонка дат */
    td.date {	text-align: right;
    			width: 6em;
    			padding: 0em 1em 0em 1em;
    			
    		}
    /* Колонка для денег */
    td.money {	text-align: right;
    			width: 10ex;
    			padding: 0em 1em 0em 1em;
    			
    		}
    
    
    /* Названия (особенно полей форм) */
    .label {padding: 0ex 1em 0ex 1em; 
    		text-align: right;
    		}
    		
    /* Колонка для текста и общего назначения  */
    .padded {padding: 0em 1em 0em 1em;
				text-align: justify;
				}
				
	/* подзаголовок таблицы (названия колонок) */
	
	tr.subheader {	color: white;
					background: darkblue; 
					}
	tr.delimiter {	color: white;
					background: gray; 
					}
	td.delimiter {	color: white;
					background: gray; 
					padding: 0.15em 0em 0.15em 0em;
					}
	th.subheader {	color: white;
					background: darkblue;  
					padding: 0em 1em 0em 1em;
				   
				   }
				   
				   
	/* строки таблицы */
	
	
	tr.odd {background: #fafafa;}
    tr.even {background: #e0e0e0;}  

    tr.myrow {background: #80B880;}

 .hiddenDiv {display:none;}
 
/* выделение карты хода во взятке */
 .lead {background:#80B880;}

 .spades {
  color:navy;
  font-family: Times, 'Times New Roman';
  font-size: 150%;
 }
 .hearts {
  color:red;
  font-size: 150%;
 }
 .diams {
  font-family: Times, 'Times New Roman';
  color:orange;
  font-size: 170%;
 }
 .clubs {
  color:darkgreen;
  font-size: 150%;
 }
 .nt {
  font-weight: bold;
  color:black;
 }
 .pass {
  font-weight: bold;
  color:black;
 }
 .double {
  font-weight: bold;
  color:red;
 }
 .redouble {
  font-weight: bold;
  color: blue;
 }

#container  {font-size: 12pt;
                        font-family: Times, "Times New Roman";
                        padding:0px;
                        margin: 10px auto 0px auto;
                        width: 950px;
                        background: url("bgcolumn.png") repeat-y;
                        background-position: top left;
                        
                        }

#container img {border: none;}

#top {margin: 0px auto 0px auto;
          padding:0px;
          width:950px;
          height:10px;
          background: url("topcolumn.png") no-repeat;
          background-position: top left;
          
          }
          
#bottom {
                margin: 0px auto 0px auto;      
          width:950px;
          height:10px;
          padding:0px;
          background: url("bottomcolumn.png") no-repeat;
          background-position: bottom left;

          }

#container h1 {color: #000055;
                                font-size:220%;
                                text-align:center;

                                
                margin:10px 0px 10px  0px; 
                                }
#container h2 {color: #000055;
                                font-size:150%;
                                text-align:center;
                                margin:1.5em 5px 1em 5px;
                                font-weight: normal;
                                }

#container h3           { color: #000055;
                                  margin: 1em 0px 0.5em 0px;
/*                                  text-align: center;*/
                                  font-weight: normal;
                                }
#container h4           { color: #000055;
                                  margin: 0.5em 0em 0em 0em;
                                  text-align: left;
                                }
#container h5           { 
                                  color: #000055;
                                  margin: 0em;
                                  text-align: center;
                                }

#container  .compact td{
   padding: 2px 3px;
   margin: 0px;
  }

#container  .compact th{
   padding: 2px 3px;
   margin: 0px;
  }

#main {         	font-size:100%;
                        margin-left:140px;
                        padding: 0px;
                                }

#main .hr { color:white;
                        height:1px;
                        border-top:dotted 1px white;
                        border-bottom:solid 1px white;
}               
                                
#footmain {         	font-size:100%;
                        margin-left:140px;
                        padding: 0px;
                                }

#footmain .hr { color:white;
                        height:1px;
                        border-top:dotted 1px white;
                        border-bottom:solid 1px white;
}               

                        

#leftbar {      /*      position: absolute;
                        left: 50%;
                        margin-left:-500px;
                        top: 200px; */
                        position: relative;
                        top: -1px;
                        width: 140px;
                        float:left; 
                        clear: left;
                        padding: 0px; 
                
                        margin:0px 0px 0px 0px;
                        border-top:dotted 1px white;
			overflow:hidden;
                                }

#leftbar .hr{ color:white;
                        height:1px;
                        border-bottom:dotted 1px white;
                        border-top:solid 1px white;
                        
                        
                
}


#welcome                {
                                width: 140px;
                        float:left;  

                        padding: 0px 0px 0px 0px; 
                        text-align:center;                      
                        }
                        

#header {
                 margin: 0px  0px 0px 140px;            
                 
                }

#slon {float:right;
                clear:right;
                text-align:center;
                white-space: nowrap;
                margin:0px;
                padding:0px 10px 0px 0px;
                width:72px;
                height:62px;
        
                }


#container table {
                                        margin:0px auto;
                                        border-collapse: collapse;
                                 }
#container td {padding:0.2em 1em;
                                }

#container th   {padding:0.2em 1em;
                                color: #000055;
                                }
#container      .subheader {
                                                color: white;
                                /*              background: #854924; */
                                                background: #857062;
                                                text-align: center;
                                        }
#container .subheader th {color: white;}
                                        
#container     tr.odd {background: #e5d5c5;}
#container     tr.even {background: #f2ebe1;}
#container     tr.myrow {background: #80B880;}


#leftannonce { float:left; 
                          padding:0px;
                          margin:0px;
                          width:190px;
                          font-size: 100%;
                          overflow:hidden;
                 }
#rightannonce { float:right; 
                          padding:0px;
                          margin:0px;
                          width:160px;
                          font-size: 100%;
                          overflow:hidden;
                 }
#leftannonce a, #rightannonce a, #leftannonce a:visited, #rightannonce a:visited {color: #854924;}

#leftannonce table, #rightannonce table  { border-collapse:collapse;
                                border-spacing:0px;}             
#leftannonce td, #rightannonce td {padding:0px 10px;
                         text-align: center;
                        height:62px;
                         
                         text-align: center;
                         color: #854924;
                  	font-weight: bold ;
			font-size: smaller;}

.present {
                
                        color:darkgreen;
                        font-size:medium;;
                        }
.absent {
                
                        color:darkred;
                        font-size:medium;;
                        }
                        
.avatar         {margin: 46px 0px 0px 46px;
                         float:left;
                   
                     }


#container .login, #container .login a, #container .login a:visited {color: darkgreen;
        font-size:100%;
        }

#container .login {	border: 0px; }


#container .logout, #container .logout a, #container .logout a:visited {color: gray;
                 font-size:75%;
        }

#head {  width:400px; 
                margin-top: 20px;
                margin-left: 205px; 
                text-align: center;     
                font-size: 100%;
          }

#head .title { margin: 0px 72px; 
                          color: #000055;
                          font-size:180%;
                          text-align:center;
                          
                        }
#head .motto {
                        color: #000055;
                
                        font-weight: normal;
                        font-size: 100%;
                        margin: 0px 72px; 
                        }

#head .present {margin:0em 72px; 
                        text-align:center;
                        color:darkgreen;
                        font-size:80%;
                        } 
#head .absent { margin:0px 72px;
                        text-align:center;
                        color:darkred;
                        font-size:80%;
                        }
#head #arms {width:72px;
                         height:72px;
                         float:right;   
                         text-align:center;
                        vertical-align:middle;  
                         }      
#head img { text-align:center;
                        vertical-align:middle;
                        margin:auto;
                        }
                                        
div.portrait {
                          margin-bottom: 10px;
                          width:300px;
                          max-height:300px;
                          overflow: hidden;
                          
                                margin-left: auto;
                                margin-right: auto;     
                          
                         }
                         
img.portrait {          

/*                      left: 0px;  
                        width: 20%;
                        float:left;
                        clear: left;*/
                
                        display:block;
                        margin-top: 0px;
                                margin-bottom: 0px;
                                margin-left: auto;
                                margin-right: auto;     
                
                /*      border: black solid 1px;   */
                
                        }
                        

#left {         width:50%;
                        text-align:center;   
                        font-size: 100%;
                                }


#left  img, #leftbar img { 
                                margin-left: auto;
                                margin-right: auto;             
                                text-align:center;
                                }
                                
#left  .name {
                         color: #000055;
                         font-size:120%;
                         text-align:left;
                         margin-left:80px;
                         }
#left  .city {/* color:gray;
                         font-weight: bold; */
                         font-family: "Sans Serif", "MS Sans Serif";
                         font-size: 80%;
                         text-align:left;
                         margin-left:80px;
                         }

#left  .status {
                                color:gray;
                                text-align:left;
                                margin-left:80px;
                        } 


.menu {
                        width: 125px;  
                /*      float:left;  */
                        text-align:left;
                        margin: 5px 5px 5px 10px; 
                        font-size:80%;
}


.menu ul{
                        font-size:100%;
                        color:darkblue;
                        list-style: none;
                        margin:0em 0em 0em 3px;
                        padding:0em 1em;
                        }
.menu li {margin: 0.3em 0em;
                  
                  }
.menu li.current {
                                        
                                        list-style:circle;}

.menu h4 {
                /*              margin:0.3em 0px; */
                
                        font-weight:bold;
                        
                        padding:0.3em 0px;
                        font-size:100%;
                        }
.menu #button {
                         color:darkblue;
                         font-family:"Times New Roman","Times";}




#medals         {
                         text-align:center;
                         padding: 0px;
                        
                         }
#medals img {display:inline;
                         border: thin gray solid; 
                         margin: 10px 10px;
                         }


                                
#right          {   
                                width: 50%;
                                text-align: left;       
                                font-size: 100%;
/*      border: thin silver solid;  */
                        
                        
                        }
                        
#centerinfo     {               text-align: left;       
                                font-size: 100%;
/*      border: thin silver solid;  */
                        }               
#centerinfo     table   {  width:100%; }
                                        
                        
#right table, #centerinfo table 
                        {width:97%;
                         
                         margin:0px auto;
                          border-collapse: collapse; 
                         
                
                         }


#right td, #centerinfo td       {padding:0.2em 1em;
                         
/*                       border: thin silver solid;
                         border-left:solid thin gray;
                         border-right:solid thin gray;
                         border-bottom:solid thin gray;*/
                         border-top:none;  
                        }

.avatar-list {}
.avatar-list img {vertical-align: text-bottom}  

#right .label, #centerinfo .label, #stats .label {
                                font-family: "Sans Serif", "MS Sans Serif";
                                font-size:80%;
                                color:#854924;
/*                              border-top:solid thin gray;
                                border-bottom:none;  */
                                
                         }

.textinfo       {       /*              position: relative;
                right: 0em; */
                                border: thin silver solid;
                        
                                width: 330px;  
                                padding: 10px; 
                                height: 300px;
                                overflow: auto;
                                background: #f2e7da;
                                border: solid thin silver;
                                float:left;
                                font-family: Times, "Times New Roman";
                        }
.message {color:#854924;
                  font-size:80%;
                        }

.message a, .message a:visited {color:#854924;}

.navbar {
                color:#000055;
                font-weight:bold;
                font-size: 80%;
                text-align: center;
                padding-top: 5px;
                padding-bottom: 5px;
                margin-top:5px;
                border-top: 1px white dotted;
                border-bottom: 1px white dotted;
                clear:right;
}

.navbar a, .navbar a:visited {color:#000055;
                margin: 0em 1em;
                }
                

#archive {
                width:140px;
                float:left;
                color:#000055;
                text-align: center;
                font-size: 80%;
                padding-top: 5px;
                padding-bottom: 5px;
                margin-top:5px;
                border-top: 1px white dotted;
        
}

.break {color:red;
                width:700px;
                height:0px;
                overflow:hidden;
}
#teams, #friends, #thumbs        {
                         text-align:center;
                         vertical-align:text-top;
			 word-spacing:30px;
                         }

#thumbs 		{
		margin-top:50px;		
		}
                         
#teams table, #friends table , #thumbs table {display:inline;
                        width:100px;
/*                        margin-left: 20px;
                        margin-right: 20px; */
                        text-align:center;
                        vertical-align:text-top;
                        border-collapse:collapse;
                        }
#teams td,  #friends td  {
                        vertical-align:middle;
                        padding:0px;
                        }
#teams .teamlogo {
                        width:100px;
                        height:100px;
                        overflow:hidden;
                        margin:auto;
                        vertical-align:middle;                  
                        }
#teams .teamlogo img    {margin:auto;}          

#teams .title {
                        font-weight: bold; 
                        padding:5px 0px;
                        }
                        
#teams .game {
                        color: #854924;
                        font-size: 80%;
                        padding:0px 0px 20px 0px;
                  }



#friends .lastvisit {
                        color: gray;
                        font-size: 80%;
                        padding:0px 0px 10px 0px;
                  }



#stats {text-align:center;
                
                font-size: 100%;
                margin:0px;
                border-collapse: collapse; 
                border: 1px gray solid;
                }
#stats table {width: 100%; }
#stats td.hall {text-align: left;}
#stats th.hall {text-align: left;}
#stats .game {
                        color:#000055;
                        font-weight: bold;
                        text-align: center;}
#stats .comment {
                        font-size:80%;
                        text-align: center;}

h2 .motto { color:black;
                        font-weight: normal;
                        font-size: 80%;
                        
                        }

h2 .present {
                        text-align:center;
                        color:darkgreen;
                        font-size:70%;
                        }
#container .grouplist, #container .grouplist a {        color:#000055;
                        font-weight: bold;
                        text-align: center;
                        margin:0.5em;
                   }
                   
                   
#container .compact td{
                    padding: 2px 3px;
                    margin: 0px;
                   }
                   
.infoaction {	
				margin: 0em  0em 0em 1em;
				padding:2px;
				width: 220px;
				float: right; 
			  	text-align:center;
			  		border:1px gray solid;
			}

.infoaction a { font-size: 120%;
				color: #000055;
			}
			
#help,.lhelp,.rhelp {			color: #000055;
                font-size:120%;


				width:100px;
				height:50px;
			  	margin:20px 0px 0px 0px; 
			  	text-align:center;
			  	
			}
#help,.rhelp 	{float: right;}
.lhelp 	{float: left;}
#help a, #help a:visited, .lhelp a, .lhelp a:visited {color: #000055;}

#help .bg, .lhelp .bg,.rhelp .bg {		
				font-size:250%;
				position:relative;
				top:-20px;
				color:#8080c5;
				z-index:1;
				width: 100px;
				text-align:center;
		}
#help .fg, .lhelp .fg,.rhelp .fg {		position:relative;
				z-index:2;
			top:20px;
			width: 100px;
			text-align:center;
		}

.under {
		border-bottom: 1px solid black;
		padding:0cm 1.2cm;
		margin: 0cm 0.5cm 0cm 0.1cm;}

.underdate {
		border-bottom: 1px solid black;
		padding:0cm 0.8cm;
		margin: 0cm 0.5cm 0cm 0.1cm;}

.undersum {
		border-bottom: 1px solid black;
		padding:0cm 0.5cm;
		margin: 0cm 0.5cm 0cm 0.1cm;}

.avatar-list {}
.avatar-list img {vertical-align: text-bottom}  
.avatar-list td {text-align: left}

#container td.avatar {
	padding: 2px;
	margin: 0px;}

.widerows tr.odd, .widerows tr.even {height: 1.5em}
.teamchamp a {color:#000000}
.teamchamp a:visited {color:#000000}
.teamchamp {width:740px; overflow:auto}
.teamchamp .win { color: green; }
.teamchamp .win a, .teamchamp .win a:visited  {color:green}

#form_login {
	position: absolute;
	left: 8%;
	border: 1px solid black;
	padding: 10px;
	background: #f1ebe2;
}

.close_div {
	cursor:pointer;
	border: 1px solid black;
	position: absolute;
	top:   4px;
	right: 4px;
	height: 14px;
	width:  14px;
	background: #fec url(/petition/images/delete.gif) no-repeat center center;
}

td.info { color: maroon }

/* Реклама Яндекса */
.y5 {	margin-top:0.5em;
	background:#FFF9F0; 
	border: 1px solid white;
}