@charset "utf-8";
/* CSS Document */
body{
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	width:100%;
	}
img{
	border:none;
	}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	}
h1{
	margin:0.5em 0;
	}
h2{
	color:#4d4d4d;
	font-size:16px;
	text-align: center;
	}
error{
	color:#FF0000;
	text-align:center;
	}

a{
	color:#0975a2;
	text-decoration:none;
	}
a:hover{
	color:#004c6b;
	text-decoration:none;
	}
/* logo */
.logo{
	text-align:center;
	margin:0px 0 0 0;
	padding:0;
	}
.logo a{
	display:block;
	padding:5px;
}
/* default Block menu */
.menu{
	margin:10px 10px;
	padding:0;
	}
.menu a{
	font-size:14px;
	font-weight:normal;
	text-align:center;
	display:block;
	background:#eeeeee url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#333;
	padding:10px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;
	}
.menu a:hover{
	color:#000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
/* Inline menu */
.menuInline {
	margin:2px 2px;
	padding:0;
	}
.menuInline a{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	display:inline;
	background:#eeeeee url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#333;
	padding:5px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;
	}
.menuInline a:hover{
	color:#000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}

.menuInline a#selected{
	color:#990000;
	}

/* content */
.content{
	font-size:14px;
	color:#4d4d4d;
	line-height:2em;
	margin:5px;
	padding:0;
	}
.content h2{
	margin:0 0 0 5px;
	padding:0;
	}
.content p{
	text-align:center;
	margin:0 5px 5px 5px;
	line-height:2em;
	padding:0;
	}
	
/* footer */
.footer{
	border-top:2px solid #565656;
	background:#dddddd;
	font-size:12px;
	margin:10px 0 0 0;
	padding:0px 0px 5px 0px;
	}
.footer p{
	color:#aaaaaa;
	font-size:8px;
	text-align:right;
	margin:5px;
	}
.footer p a{
	color:#2d2d2d;
	padding:0px;
	}
.footer p a:hover{
	color:#2d2d2d;
	}
.SubText{
	font-size:11px;
	margin:10px 0 0 0;
	padding:0px 0px 5px 0px;
	}
/* clear */
.clear{
	clear:both;
	}
.code{
	padding:0;
	border:1px dotted #bbbbbb;
	}
.numbering{
	background:#f2f2f2;
	color:#bbbbbb;
	padding:2px 5px;
	}
.tag{
	color:#0975a2;
	}
.program{
	color:#ff003c;
	}
.head{
	padding:5px;
	color:#FFFFFF;
	background:#2d2d2d;
	text-align: center;
	}
	
.admin{
	padding:5px;
	color:#FFFFFF;
	background:#FF0000;
	text-align: center;
	}

.GameMaster{
	padding:5px;
	color:#FFFFFF;
	background:#f7810c;
	text-align: center;
	}

.thintable
{
	
	border:1px solid black;
	border-collapse:collapse;
}

.thintable tr
{
	
	border:1px solid black;
	border-collapse:collapse;
}

.thintable td
{
	
	padding: 3px;
}

.thintable tr:nth-child(odd) td{
	background:#f2f2f2;
}

.TableBanking
{
	border:1px solid black;
	border-collapse:collapse;
}

.TableBanking tr
{
	border-collapse:collapse;
	padding: 3px;
}

.TableBanking td
{
	padding: 1px;
	
}

.TableBankingTopTR
{
	border-top:1px solid black;
	border-collapse:collapse;
}

.DisplayTable
{
	margin: 3px;
	border:2px solid black;
	border-collapse:collapse
}

.DisplayTable tr:nth-child(odd) td{
	background:#f2f2f2;
}


.errortext {
	color: #F00;
	font-weight: bold;
}

.Warningtext {
	color: #f7810c;
	font-weight: bold;
}

.Greentext {
	color: #00b300;
	font-weight: bold;
}

.btn
{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	display:inline;
	background:#eeeeee url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#333;
	padding:5px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;
}

.btn:hover, .open-button:hover {
	color:#000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
  }



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  text-align: center;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.5s;
  animation-name: animatetop;
  border-radius: 8px 8px 6px 6px;
  animation-duration: 0.5s;
  
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: black;
  float: right;
  font-size: 18px;
  font-weight: bold;
  padding: 2px 2px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
  border-radius: 6px 6px 0px 0px;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

@media (max-width: 600px) {
	.content{
		font-size:12px;
		margin:3px;
		padding:0;
		}
	.menuInline a{
		font-size:12px;
	}

	.thintable td
	{
		padding: 1px;
	}

	/* Modal Content */
	.modal-content {
		width: 90%;
	  }


}