/* app css stylesheet */
.navbar {
	clear: both;
	border: none;
}
body {
	background-color: rgb(255,255,255);
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

/* my additions */
#fsdiv {
	display: block;
	margin: auto;
	width: 80%;
}
#maindiv {
	display: block;
	margin: auto;
	width: 60%;
}
.main {
	display: block;
	background-color: white;
	font: 12px arial, sans-serif;
	height: 500px;
	float: left;
}
.challenge1 {
	display: block;
	width: 98%;
	height: 14px;
	background-color: rgba(90,90,90,0.5);
	color: white;
}
.challenge2 {
	display: block;
	margin: auto;
	width: 100%;
	overflow-y: auto;
}
.item { 
	display: block;
	width: 100%;
	float: left;
	font: 12px arial, sans-serif;
}
.rec {
	font: 10px arial, sans-serif;
	width: 100%;
	display: block;
	height: 14px;
}
.place {
	float: left;
	width: 5%;
	text-align: right;
	padding-right: 4px;
}
.uname {
	float: left;
	width: 21%;
	padding-left: 8px;
}
.entries {
	float: left;
	width: 7%;
	text-align: center;
}
.score {
	float: left;
	width: 9%;
	text-align: center;
}
.xnr1 {
	float: left;
	width: 3%;
	text-align: right;
}
.uimages {
	display: block
	width: 100%;
}
.timg {
	margin: auto;
	max-height: 120px;
	max-width: 120px;
}
.thumb {
	display: block;
	width: 16.667%;
	float: left;
	margin: auto;
	height: 120px;
	border: 1px solid #ccc;
	text-align: center;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#mtitle {
	margin-left: 200px;
}
.even {
	background-color: rgba(190,190,190,0.1);
}
.odd {
}
.modal {
	display: block;
}
table {
	width: 100%;
	display: block;
}
thead {
	width: 100%;
	border: 1px solid #ccc;
}
tbody {
	width: 100%;
	border: 1px solid #ccc;
}
.row {
	padding: 10px;
	width: 80%;
	margin: auto;
	border: 1px solid blue;
}
.last {
	border-right: 1px solid #ccc;
}
.nr {
	text-align: right;
	border-left: 1px solid #ccc;
}
.text {
	text-align: left;
	border-left: 1px solid #ccc;
}
.date {
	text-align: center;
	border-left: 1px solid #ccc;
}
.rank {
	text-align: right;
	border-right: 1px solid #ccc;
}
.a {
	border: none;
	outline: none;
}
.red {
	border: none;
	color: white;
	outline: none;
}
.nr1 {
	color: white;
	background-color: rgba(0,0,255,0.6);
}
.anr1 {
	color: white;
}
.nr2 {
	color: black;
	background-color: rgba(255,0,0,0.6);
}
.anr2 {
	color: white;
}
.nr3 {
	color: black;
	background-color: rgba(255,255,0,0.6);
}
.nrhm {
	background-color: #ddd;
}
.head {
	text-align: center;
}
.sright {
	text-align: right;
}
sdiv { 
	float: left;
	border: none;
	margin-left: 20px;
}
.awrcell {
	text-align: center;
}
/* graphic */

svg {
  font: 10px sans-serif;
  shape-rendering: crispEdges;
}

.axis path, .axis line {
  fill: none;
  stroke: #fff;
}
.cid {
	width: 10%;
}
.cname {
	width: 50%;
}
.cdd {
	width: 15%;
}
.nrentries {
	text-align: right;
	border-left: 1px solid #ccc;
}
.imgtd {
  width: 120px;
  height: 120px;
  text-align: center;
  border-left: 1px solid #ccc;
}
.mmonth {
  text-align: center;
  font-size: 12px;
  color: rgba(50,50,50,0.7);
  border-top: 1px solid #ccc;
}
.mplace {
  text-align: center;
  font-size: 8px;
  color: rgba(50,50,50,0.7);
  padding: 10px;
}