body {
  #margin: 20px;
  #padding: 20px;
}

#divSova {
	background-color: #BDD8F9;
	width:  200px;
	height: 200px;
	border: 3px solid; /* задаём границу */
	margin: 0 auto;
	text-align: center;
	border-radius: 8px;	
}

.TipHighlightTrue {
	background-color: #BDD8F9;
}

#divContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
		padding:20px 20px 20px 20px;
}

#divLogin {
    width: 400px; 
    height: 250px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	border-radius: 8px;
	border: 1px solid black;
}

#divUserIssue {
    width: 400px; 
    height: 300px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	border-radius: 8px;
	border: 1px solid black;
}
   
.register {
	margin: 10 10 10 10;
}   

#divHello {
  width: 400px; 
	min-height:400px;
  margin: auto;
	margin-top:2%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid black;
}

.menuItem {
	border-radius: 8px;
	border: 1px solid black;
  width: 200px;
	margin: 10px auto;
	align-content: center;
	text-align: center;
	padding: 10px;
	font-size: larger;
  font-weight: bold;
}

.menuItem:hover {
    background-color: #F0F0F0; 
    cursor: pointer;
}

#gameList {
    width: 640px; 
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	border-radius: 8px;
//	border: 1px solid black;	
}

.gameItem {
  margin: 14px 10px 10px 10px;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid black;
  width:130px;
  height:130px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	display: inline-table;
}


.gameItem:hover {
    background-color: #F0F0F0; 
    cursor: pointer;
}

.gameDenied {
	border-color: red;
}

.gameDenied:hover {
    background-color: #FFCC99; 
    cursor: not-allowed;
}

#showcaseList {
    width: 640px; 
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	border-radius: 8px;
//	border: 1px solid black;	
}

.showcaseItem {
  margin: 14px 10px 10px 10px;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid black;
  width:130px;
  height:130px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	display: inline-table;
}

.showcaseItem:hover {
    background-color: #F0F0F0; 
    cursor: pointer;
}

.gameCard {
    margin: 14px 10px 10px 10px;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid black;
    width:130px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	display: inline-table;
}

.gameCard:hover {
    background-color: #F0F0F0; 
    cursor: pointer;
}

#divGameInfo .btn {
	width: 300px;
}

#question {
	margin: 0px;
	border: 1px solid darkgray;
	border-radius: 9px;
	padding: 10px;
}

#answers div {
	margin: 1px;
	border: 1px solid darkgray;
	border-radius: 9px;
	padding: 2px 5px 2px 5px;
}

.answer-one{
	
}

.answer-one-checked{
    background-color: #F0F0F0; 
}

.answer-one:hover {
    background-color: #F0F0F0; 
    cursor: pointer;
}

.answer-two {
	
}

.answer-two-checked {
    background-color: #F0F0F0; 
}

.answer-two-index {
	font-size:16px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	width: 100px;
}

.answer-two:hover {
    background-color: #F0F0F0; 
    cursor: pointer;
}

#divQuestPlace{
	border: 1px solid;
	font-weight: bolder;
	margin: 1px 0px;
}

#divQuestValue{
	border: 1px solid;
	font-weight: bolder;
	margin:1px 0px;
}

#divQuestKey{
	border: 1px solid;
	font-weight: bolder;
	margin: 1px 0px;
}

#divQuestDeal{
	border: 1px solid;
	font-weight: bolder;
	margin: 1px 0px;
}

#divQuestContainer {
	clear: both;
}

#divGameResultContainer {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin: 8% 0 5% 0;
}

.tabs > div, 
.tabs > input { display: none; } 
.tabs label { 
	padding: 5px; 
	border: 1px solid #aaa; 
	line-height: 28px; 
	cursor: pointer; 
	position: relative; 
	bottom: 1px; 
	background: #fff; } 

	
.tabs > input:nth-of-type(1):checked ~ div:nth-of-type(1), 
.tabs > input:nth-of-type(2):checked ~ div:nth-of-type(2), 
.tabs > input:nth-of-type(3):checked ~ div:nth-of-type(3),  
.tabs > input:nth-of-type(4):checked ~ div:nth-of-type(4), 
.tabs > input:nth-of-type(5):checked ~ div:nth-of-type(5), 
.tabs > input:nth-of-type(6):checked ~ div:nth-of-type(6), 
.tabs > input:nth-of-type(7):checked ~ div:nth-of-type(7),
.tabs > input:nth-of-type(8):checked ~ div:nth-of-type(8),
.tabs > input:nth-of-type(9):checked ~ div:nth-of-type(9){ 
	display: block; padding: 5px; border: 1px solid #aaa; } 

.tabs > input:nth-of-type(1):checked ~ label:nth-of-type(1), 
.tabs > input:nth-of-type(2):checked ~ label:nth-of-type(2), 
.tabs > input:nth-of-type(3):checked ~ label:nth-of-type(3),
.tabs > input:nth-of-type(4):checked ~ label:nth-of-type(4),
.tabs > input:nth-of-type(5):checked ~ label:nth-of-type(5), 
.tabs > input:nth-of-type(6):checked ~ label:nth-of-type(6), 
.tabs > input:nth-of-type(7):checked ~ label:nth-of-type(7),
.tabs > input:nth-of-type(8):checked ~ label:nth-of-type(8), 
.tabs > input:nth-of-type(9):checked ~ label:nth-of-type(9){ 
	border: 2px solid #aaa; } 	
	
table {
	border: 1px solid;
}

td { 
  padding: 4px;
	border: 1px solid;	
}