body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #f0f0f0;
	background:black;
}

a { color:#51a8ff; text-decoration:none }
a:hover { color:#ffff88; text-decoration:none }

hr {
	border: 0;
	color: #51a8ff;
	background: #51a8ff;
	height: 1px;
}

select {
	background:white;
	font-size: 18px;
	border: 1px dashed black;
	border-radius:12px;
	padding:2px 10px 2px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input {
	font-size: 18px;
	padding:2px 10px 2px;
	border: 1px dashed black;
	border-radius:12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=submit] {
	color: black;
	background-color: #f0f0f0;
	padding:5px 15px 5px 15px;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=submit]:hover {
	border-radius:20px;
	border: 1px solid white;
}

button {
	padding:2px 10px 2px;
	border:1px solid white;
	border-radius:10px;
	cursor:pointer
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

button:hover {
	border-radius:20px;
	border: 1px solid white;
}

input[type=checkbox] {
	background-color: #7788aa;
	padding:8px;
	cursor: pointer;
	border-radius:5px;
	border:2px solid #223344;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=checkbox]:hover {
	background-color: white;
}

input[type=checkbox]:checked {
	border:2px solid white;
	background-color: #2196F3;
}

input[type=radio] {
	background-color: #f0f0f0;
	width:18px;
	height:18px;
	padding:2px;
	cursor: pointer;
	border-radius:5px;
	border:1px solid black;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type=radio]:hover {
	background-color: white;
}

input[type=radio]:checked {
	border:2px solid white;
	background-color: #2196F3;
}

input[type=radio]:disabled {
	border:1px solid #aaaaaa;
	background-color: #888888;
}

.black { color:black }
.blue { color:#5197e7 }
.brown { color:#daa459 }
.error { color:#fc554b }
.green { color:#22d45d }
.grey { color:#a0a0a0 }
.mauve { color:#e288e1 }
.orange { color:#eeaa2f }
.pink { color:#fdadb2 }
.red { color:#fc554b }
.yellow { color:#fff283 }
.white { color:white }

.small { font-size:11px }
.std { font-size:13px }
.reg { font-size:15px }
.med { font-size:18px }
.lg { font-size:20px }
.big { font-size:25px }
.fat { font-size:30px }
.xl { font-size:40px }

.mred { color:#fc554b;font-size:18px }
.bblue { color:#71b8ff;font-size:26px }
.bwhite { color:white;font-size:26px }
.xwhite { color:white;font-size:40px }
.syello { color:#fff283;font-size:11px }
.myello { color:#fff283;font-size:18px }
.lyello { color:#fff283;font-size:22px }

.t1 { color:white;font-size:26px }
.t2 { color:#71b8ff;font-size:26px }
.xt { color:white;font-size:40px }
.cap { color:white;font-size:13px }
.spec { color:#fff283;font-weight:bold }
.full { color:#fff283 }
.free { color:#22d45d }
.warn { color:#fc554b }
.rate { background:#041d33 }
.term { color:#fff283 }
.focus { color:#fff283;cursor:pointer }
.focus:hover { background:#fff283;color:black }
.hasfocus { background:#fff283;color:black }

.mail { background:#d0d0d0;border-radius:12px;box-shadow:6px 7px 15px black;margin:auto }
.msg { color:#f0f0f0;background:#265575;border-radius:12px;box-shadow:6px 7px 15px black;margin:auto }
.err { color:red;background:#404040;border-radius:12px;box-shadow:6px 7px 15px black;margin:auto }
.bp { color:#71b8ff;background:#041d33;border-radius:8px;box-shadow:4px 3px 7px #101010;text-align:center;cursor:pointer }
.bp:hover { color:black;background:white }
.bt { color:black;background:#7ec5ff }
.bt:hover { background:white }
.eb { color:red;background:black }
.eb:hover { color:white }
.wb { color:#808080;background:white }
.wb:hover { color:black }

.p1 { font-size:130%;margin:20px 10px 10px }
.opt { background:#072f52 }
.opt:hover { background:#265575;font-weight:bold }
.sel { background:#234963;font-weight:bold }
.sel:hover { background:#265575 }
.hom { margin-top:10px }
.hom:hover { margin-top:10px;background:#265575;font-weight:bold }

.srch { color:white;background:#072f52 }
.srch:hover { background:#265575;border:1px solid black }
.srch:focus { color:black;background:white;border:1px solid black }

li { color:#d1dee6 }
li:hover { color:white }
.ts { color:#fff283;font-weight:bold }
.ln { width:100%;border:1px solid #256b9b }

.cal { background:#072f52;border-radius:10px;border:1px solid black;margin:auto;box-shadow:6px 7px 15px #000000;overflow:hidden }
.mon { background:#265575;border-radius:10px }
.day { border-radius:5px }
.selday { background:#51a8ff;border:1px solid white }

.box { background:#265575 }
.win { background:black }
.top { background:black }
.btm { background:#013b6a }
.map { background:#072f52 }
.pan { background:#072f52 }
.page { background:#072f52;box-shadow:6px 7px 15px black }
.mini { background:#265575;border:1px solid black;border-radius:6px;box-shadow:2px 2px 6px black;text-align:center;overflow:hidden }
.icon { box-shadow:2px 2px 6px #101010;border-radius:6px }
.shad { box-shadow:4px 3px 7px #101010 }
.pic { color:black;background:#f8f5f3;box-shadow:6px 7px 15px black;overflow:hidden;font-size:15px;cursor:alias }
.info { color:black;background:#f0f0c0;border:1px solid black;border-radius:5px;box-shadow:6px 7px 15px black;text-align:center }
.photo { background:#265575;box-shadow:6px 7px 15px black;margin:auto }
.racoon { background:#37729b;border-radius:12px;box-shadow:6px 7px 15px black;overflow:hidden }

