body {
	background-color:white;
	font-family: Helvetica, Arial, sans-serif;
}
.rank {
	/* font-family: courier; */
	/* font-weight:bold; */
}
.fatal {
	background-color:yellow;
}
.highlight {
	background-color:rgb(236,190,35);
}
.friend-highlight, .friend-highlight a {
	background-color: rgb(51,102,153);
    color: white;
}

.debug {
	background-color:green;
	display:none;
}
.honorlist {
	/* float:right; */
	font-weight:bold;
	text-align:center;
	display:block;
	margin-top:5px ;
	/* border: 2px solid #666666; */
	/* background-color:#EEEEEE; */
}
.sectionbreak {
	/* float:right; */
	font-weight:bold;
	text-align:center;
	display:block;
	margin-top:5px ;
	/* border: 2px solid #666666; */
	/* background-color:#EEEEEE; */
}

.onesection {
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	display:block;
	margin-top:5px ;
	/*padding: 0 20px;*/
	border: 2px solid #666666;
	background-color:#EEEEEE;
}


.bbo_hero {
	
	display: block;
	text-align:center;
	padding: 10px 20px;
	margin: 10px;
	border: 1px solid #666666;
	background-color:#DDDDDD;
}

.bbo_tr_t {
	/* float:right; */
	text-align:center;
	display:block;
	padding: 0 20px;
	border: 2px solid #666666;
	background-color:#EEEEEE;
}

.odd {
	background-color:#EEEEEE;
}

.even {
	background-color:#DDDDDD;
}

.bbo_tr_o {
	/* float:right; */
	text-align:center;
	display:block;
	padding: 0 20px;
	border: 2px solid #666666;
	background-color:#EEEEEE;
}
.bbo_tr_o td {
	padding:4px;
}

.bbo_t_l {
	
}
.bbo_tll {
	font-weight:bold;
}

.bbo_tlv {
	text-transform:capitalize;
}

.cdetail {
	padding: 2px 2px 2px 2px;
}

.sectiontable {
	padding: 2px 2px 2px 2px;
}
.sectiontable td {
	padding:4px;
}

.username, .nobreak {
	white-space: pre;
}

.handrecords > tbody > tr > td {
    padding-left: 8px;
    padding-right: 8px;
}

.handrecords th.final_score {
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
}

.handrecords td hr {
    width: 15px;
    height: 1px;
    color: black;
    background-color: black;
    border: none
}

.handrecords .score, .handrecords .boardno {
    display: inline-block;
    text-align: right;
    padding-right: 4px;
    width: 40px;
}
.handrecords .score.thin, .handrecords .boardno {
    width: 20px;
}

.handrecords .scorecell, .handrecords .boardcell {
    text-align: center;
}

.handrecords th {
    font-size: small;
}

.handrecords th.username {
    text-align: center;
}

table.players {
    /*border-style: solid;
    border-color: black;
    border-width: 1px;*/
    width: 200px;
    font-size: small;
    background-color: #106610;
    color: #E2E1B5;
}

table.players thead {
    background-color: white;
    color: black;
}

table.players td {
    text-align: center;
    width: 33.3%;
}

table.compass {
    background-color: #FFCE00;
    color: black;
}



@media all and (orientation:portrait) and (max-device-width:480px) {
body {
        border-left:0px;
        margin-left:1px;
        margin-right:1px;
	font-size:smaller;
}

.onesection {
	border: 1px solid #666666;
}



.bbo_tr_t {
	padding: 0 0px;
	border: 1px solid #666666;
}



.bbo_tr_o {
	padding: 0 0px;
	border: 1px solid #666666;
}
.bbo_tr_o td {
	padding:0px;
}



.cdetail {
	padding: 0px 0px 0px 0px;
}

.sectiontable {
	padding: 1px 1px 1px 1px;
}
.sectiontable td {
	padding:0px;
}


.handrecords > tbody > tr > td {
    padding-left: 0px;
    padding-right: 0px;
}

.handrecords th.final_score {
    padding-left: 1px;
    padding-right: 1px;
}


.handrecords .score, .handrecords .boardno {
    padding-right: 0px;
}


.resultcell {
font-size:smaller;
}

.handrecords th {
    font-size: smaller;
}


table.players {
    font-size: smaller;
}

}