body {
	padding: 0;
	background: #F8F8F8;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	height: 100%;
}

/************ LOGO  *****/
img#logo{
position: absolute;
top: 5px;
left: 10px;
z-index: 10;
}

img#rusimg{
position: absolute;
top: 125px;
left: 52px;
z-index: 10;
}

img#engimg{
position: absolute;
top: 125px;
left: 97px;
z-index: 10;
}

/****** Предупреждение хода ****/
#warnmove {
position: absolute;
top: 7px;
left: 5px;
z-index: 100;
}

/****** Предупреждение о вызове ****/
#warnchallenge {
position: absolute;
top: 3px;
left: 123px;
z-index: 100;
}

/************* Left Menu *********/
#LeftMenu{
position: absolute;
top: 145px;
left: 0px;
width: 170px;
font-family:  Verdana, Helvetica, Arial, sans-serif;
z-index: 2;
}

#LeftMenuCover {
position: absolute;
top: 145px;
left: 0px;
width: 170px;
font-family:  arial, verdana, sans-serif, helvetica;
z-index: 0;
}

#LeftMenuCover2 {
position: absolute;
top: 30px;
left: 0px;
width: 170px;
font-family:  arial, verdana, sans-serif, helvetica;
z-index: 0;
}

#LeftMenu h1{
width: 190px;
background: #C9D7CC;
border: 1px solid #799D81;
border-left: 0px;
font-size: 12px;
margin: 0;
margin-top: 5px;
padding: 2px;
padding-left: 5px;
font-weight: bold;
color: #000000;
text-decoration: none;
}


#LeftMenu ul {
list-style: none;
margin: 0;
padding: 2px;
border: none;
}

#LeftMenu li {
padding-left: 2px;
padding-right: 2px;
margin: 0;
}

#LeftMenu li a {
padding: 1px;
padding-left: 5px;
display: block;
background: transparent;
border: 1px solid #A7B8CC;
color: #000000;
text-decoration: none;
width: 100%;
font-size: 12px;
margin: 2px;
}

#LeftMenu li a:hover {
border: 1px solid #738DAE;
background: #F8F8F8;
color: #000000;
}

#LeftMenu li a.current{
background: #fefefe;
color: #000000;
border: 1px solid #738DAE;
}

#LeftMenu li a.current:hover{
background: #fefefe;
color: #000000;
border: 1px solid #738DAE;
}

#LeftMenuCover h1{
width: 180px;
height: 1000px;
background: #D7E2D9;
color: #000000;
border-right: 1px solid #799D81;
font-size: 12px;
margin: 0;
margin-top: 5px;
padding: 2px;
padding-left: 5px;
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
}

#LeftMenuCover2 h1{
width: 180px;
height: 200px;
background: transparent;
color: #000000;
border-right: 1px solid #799D81;
font-size: 12px;
margin: 0;
margin-top: 5px;
padding: 2px;
padding-left: 5px;
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
}

/************* End of Left Menu *********/

/*******   UP MENU ************/
#UpMenu {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 86%;
  background: #F8F8F8;
  color: #000000;
  border-bottom: 1px solid #799D81;
  z-index: 0;
}

#UpMenu td {
height: 30px;
vertical-align: bottom;
}

.bottom {
vertical-align: bottom;
}


/*** LOGIN FORM ****/
#LoginDiv {
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  background: #F8F8F8;
  color: #000000;
  border: 1px solid #799D81;
  z-index: 20;
}

#LoggedInfo {
  position: absolute;
  top: 10px;
  right: 70px;
  width: auto;
  background: #F8F8F8;
  color: #000000;
  border: 1px solid #799D81;
  z-index: 20;
}
#LoggedInfo td {
height: 10px;
vertical-align: middle;
}

img#LogoutImg{
position: absolute;
top: 22px;
right: 10px;
z-index: 10;
}

/***  status div  ***/
#StatusDiv {
  position: absolute;
  top: 40px;
  left: 220px;
  width: auto;
  background: transparent;
  color: #000000;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

/**************  CONTENT **************/
#content {
  position: absolute;
  top: 70px;
  left: 210px;
  right: 10px;
  background: transparent;
  color: #000000;
}

/**************   CHESS **************/

#BoardInfoDiv {
  position: absolute;
  top: 10px;
  left: 560px;
  background: transparent;
  color: #000000;
}

#connection {
  position: absolute;
  top: 10px;
  left: 560px;
  background: transparent;
  color: #000000;
}


/**************  GENERAL LAYOUT **************/

form {
display: inline;
}
input {
background: #F1F2F4;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px solid #C2C6CF;
}
textarea {
background: #F1F2F4;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
border: 1px solid #C2C6CF;
}
select {
background: #F1F2F4;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}

a {color:#0000FF; background: inherit; text-decoration:none;}		
a:active {color:red; background: inherit; text-decoration:none;}		
a:hover {color:blue; background: inherit; text-decoration:underline;}