body {
	margin: 40px;
	font-family: Georgia,Garamond,"Times New Roman",Tahoma,sans-serif;
	font-size: 14px;
	background-color: #fff;
}

#contents {
	float: right;
	background-color: #eee;
}

p {
	text-align: justify;
    line-height: 20px;	
}

img {
    border: 1px solid #000;
    width: 300px;
    height: 150px;
    margin-bottom: 40px;    	
}

img.left {
	float: left;
	margin-right: 20px;
}

img.right {
    float: right;
    margin-left: 20px;
}

h2 {
	clear: both;
	margin-bottom: 10px;
	margin-top: 40px;
}

h2.left {
	padding-left: 320px;
}

code {
	color: #669;
}

.number {
    color: #363;
}

.equation {
	color: #336;
}

.keyword {
	color: #336;
	font-style: italic;
}

.comment {
	color: #333;
}

.trade {
	color: #339;
}

.impr-done {
	color: #ccc;
	text-decoration: line-through;
}

p.example {
	background-color: #eee;
	padding: 5px 5px 5px 320px;
	line-height: 30px;
}

#aim-img {
	height: 160px;
}

#structure-img {
	height: 320px;
	widht: 320px;
}

#enter-img, #card-img, #score-img {
	height: 300px;
}

#groups-img, #tables-img {
	height: 200px;
}

#stats-img {
	width: 340px;
	height: 100px;
	margin-bottom: 0;
}

.box-field {
    margin-bottom: 3px;
    /* float: left; */
}

.box-field, .info-field {	
    padding: 1px 7px 1px 4px;
    border-width: 1px;
    border-style: solid;
    border-right-width: 2px;
    line-height: 15px;
}

.userId, .cardId, .groupId {
    cursor: pointer;
    margin-right: 3px;    
}

.userId {
    color: #003;
    background-color: #66f;
    border-color: #339;
    /* border-color: #99f; */
    font-weight: bold;
}

.groupId {
    background-color: #99c; /* ccf */
    border-color: #336; /* eef */
    font-weight: bold;    
}

.cardId {
    padding: 0 6px 0 3px;
    background-color: #feb;
    border-color: #000;
    font-family: Georgia, 'Times New Roman', Arial, Helvetica, sans-serif;
}

.groupScore, .userScore {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.8em; 
}

.cardId.red-suited {
    color: #c00;
}

.cardId.black-suited {
    color: #000;
}

.userId.score-negative {
    color: #336;
}

.userId.score-none {
    color: #339;
}

.userId.score-positive {
    color: #006; 
}

.groupId.score-win {
    color: #003; /*669*/
}

.groupId.score-process {
    color: #336;
}

.groupId.score-lose {
    color: #333;
}

.info-field.userScore {
    background-color: #99c;
    border-color: #669;
    font-weight: bold; 
    cursor: pointer;
}

.info-field.userGcount {
    background-color: #699;
    border-color: #366;
    font-weight: bold; 
    cursor: pointer;
}

.info-field.groupUcount {
    background-color: #696;
    border-color: #366;
    font-weight: bold; 
    cursor: pointer;    
}

.info-field.groupScore {
    background-color: #336;
    border-color: #99c;
    font-weight: bold; 
    cursor: pointer;    
}

.info-field.groupScore.score-win {
    color: #fff;
}

.info-field.groupScore.score-process {
    color: #999;
}

.info-field.groupScore.score-lose {
    color: #666;
}

.info-field.userScore.score-negative {
    color: #600;
}
 
.info-field.userScore.score-none {
    color: #006;
}
 
.info-field.userScore.score-positive {
    color: #060;
}