body {
	font-family: sans-serif;
	color: #bbb;
	background:#000;
}

h1 {
	font-family: sans-serif;
	font-size: larger;
	color: #eee;
}

td {
	align: center;
	padding-left:10;
}

a {
	background: #246;
	background-image: -webkit-linear-gradient(top, #246, #124);
	background-image: -moz-linear-gradient(top, #246, #124);
	background-image: -ms-linear-gradient(top, #246, #124);
	background-image: -o-linear-gradient(top, #246, #124);
	background-image: linear-gradient(to bottom, #246, #124);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-family: Arial;
	color: #ff0;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: none;
	text-decoration: underline;
}

a.download {
	background: #3f5;
	background-image: -webkit-linear-gradient(top, #3f5, #362);
	background-image: -moz-linear-gradient(top, #3f5, #362);
	background-image: -ms-linear-gradient(top, #3f5, #362);
	background-image: -o-linear-gradient(top, #3f5, #362);
	background-image: linear-gradient(to bottom, #3f5, #362);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-family: Arial;
	color: #ffff00;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: none;
	text-decoration: underline;
}


a.top{
	background: #246;
	background-image: -webkit-linear-gradient(top, #246, #124);
	background-image: -moz-linear-gradient(top, #246, #124);
	background-image: -ms-linear-gradient(top, #246, #124);
	background-image: -o-linear-gradient(top, #246, #124);
	background-image: linear-gradient(to bottom, #246, #124);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: sans-serif;
	color: #EEE;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: none;
	text-decoration: underline;
	
	display: inline-block;
    vertical-align: middle;	
}

a.top:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);

	background: #228844;
	background-image: -webkit-linear-gradient(top, #248, #246);
	background-image: -moz-linear-gradient(top, #248, #246);
	background-image: -ms-linear-gradient(top, #248, #246);
	background-image: -o-linear-gradient(top, #248, #246);
	background-image: linear-gradient(to bottom, #248, #246);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: sans-serif;
	color: #EEE;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: none;
}


img {
	border: 1;
	border-color:#aaa;
}

.mag {
	color: #ff0;
	background: #000;
	border: none;
}
.btn {
	  background: #3f5;
	  background-image: -webkit-linear-gradient(top, #3f5, #362);
	  background-image: -moz-linear-gradient(top, #3f5, #362);
	  background-image: -ms-linear-gradient(top, #3f5, #362);
	  background-image: -o-linear-gradient(top, #3f5, #362);
	  background-image: linear-gradient(to bottom, #3f5, #362);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 20px;
	  padding: 10px 20px 10px 20px;
	  border: solid #5adb0f 2px;
	  text-decoration: none;
}

.btn:hover {
	  background: #372;
	  background-image: -webkit-linear-gradient(top, #372, #3d4);
	  background-image: -moz-linear-gradient(top, #372, #3d4);
	  background-image: -ms-linear-gradient(top, #372, #3d4);
	  background-image: -o-linear-gradient(top, #372, #3d4);
	  background-image: linear-gradient(to bottom, #372, #3d4);
	  text-decoration: none;
}

.btnBlue {
	background: #228844;
	background-image: -webkit-linear-gradient(top, #248, #246);
	background-image: -moz-linear-gradient(top, #248, #246);
	background-image: -ms-linear-gradient(top, #248, #246);
	background-image: -o-linear-gradient(top, #248, #246);
	background-image: linear-gradient(to bottom, #248, #246);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 20px;
	  padding: 10px 20px 10px 20px;
	  border: solid #2244BB 2px;
	  text-decoration: none;
}

.btnBlue:hover {
	background: #284;
	background-image: -webkit-linear-gradient(top, #245, #24A);
	background-image: -moz-linear-gradient(top, #245, #24A);
	background-image: -ms-linear-gradient(top, #245, #24A);
	background-image: -o-linear-gradient(top, #245, #24A);
	background-image: linear-gradient(to bottom, #245, #24A);
	  border: solid #246 2px;
	  text-decoration: none;
}

.modalDialog {
	position: fixed;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 500px;
	height: 500px;
	color: #000;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 8px;
	background: #fff;
	background: -moz-linear-gradient(#ddd, #888);
	background: -webkit-linear-gradient(#ddd, #888);
	background: -o-linear-gradient(#ddd, #888);
}

.content {
	width: 460px;
	height: 380px;
	overflow: auto;
	color: #000;
	position: relative;
	padding: 0px 10px 13px 20px;
}


.close {
	background: #cc0022;
	color: #FFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { 
	background: #f24; 
}

.info_table {
	background: none;
	vertical-align: middle;
}

.info_header {
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	color: #446;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 30px;
	margin: 20px;
}