*	{ box-sizing:border-box; }
html	{ -webkit-text-size-adjust:100%; overflow-x:auto; overflow-y:scroll; }
body	{ z-index:2; font-family:arial,helvetica,sans-serif; width:100%; font-size:15px; padding:0 0 100px 0; margin:0; background:#EEEEEE; line-height:20px; }
#back   { position:fixed; z-index:-1; left:0px; top:0px; width:100%; height:100%; background:url(/pics/backs/ocean2.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; opacity:1; }

::-webkit-datetime-edit		{ padding:2px; font-size:13px; font-family:arial,helvetica,sans-serif; }
input[type="text"]		{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:5px 5px 5px 5px; outline:none; }
input[type="number"]		{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:5px 5px 5px 5px; outline:none; }
input[type="password"]		{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:5px 5px 5px 5px; outline:none; }
input[type="file"]		{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:2px 2px 2px 2px; outline:none; }
input[type="date"]		{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:3px 5px 3px 5px; outline:none; }
input[type="time"]		{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:2px 2px 2px 2px; outline:none; }
input[type="datetime-local"]	{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:2px 2px 2px 2px; outline:none; }
select				{ height:28px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:5px 5px 5px 1px; outline:none; }
textarea			{ height:50px; font-size:13px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:5px 5px 5px 5px; outline:none; }
.login				{ height:36px; font-size:13px; color:#999999; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:7px; padding:2px 2px 2px 2px; outline:none; padding:10px; width:100%; margin-bottom:5px; }
#post_update			{ position:absolute; top:0px; left:0px; background:#00BB00; color:white; font-family:verdana,arial,helvetica,sans-serif; font-size:10px; padding:5px 20px 5px 20px; }

#login_button	{ width:100%; border-radius:7px; background:#0033CC; border:1px solid #3366FF; border-right:1px solid #000099; border-bottom:1px solid #000099;  color:#FFFFFF; font-weight:bold; font-size:16px; padding:8px; text-align:center; cursor:pointer; }

.update		{ width:100%; border-radius:7px; color:#FFFFFF; font-size:14px; font-weight:bold; padding:8px; text-align:center; cursor:pointer; background-image:linear-gradient(#3399FF, #0033CC); border:1px solid #0033CC; }
.accept		{ width:100%; border-radius:7px; color:#FFFFFF; font-size:14px; font-weight:bold; padding:8px; text-align:center; cursor:pointer; background-image:linear-gradient(#29D13F, #009933); border:1px solid #009933; }
.complt		{ width:100%; border-radius:7px; color:#FFFFFF; font-size:14px; font-weight:bold; padding:8px; text-align:center; cursor:pointer; background-image:linear-gradient(#7129D1, #660099); border:1px solid #660099; }
.reset		{ width:100%; border-radius:7px; color:#FFFFFF; font-size:14px; font-weight:bold; padding:8px; text-align:center; cursor:pointer; background-image:linear-gradient(#AAAAAA, #777777); border:1px solid #777777; }
.delete		{ width:100%; border-radius:7px; color:#FFFFFF; font-size:14px; font-weight:bold; padding:8px; text-align:center; cursor:pointer; background-image:linear-gradient(#FF0000, #CC0000); border:1px solid #CC0000; }

#top a		{ color:white; font-size:calc(.5vw + 8px); text-decoration:none; }
#top img        { width:auto; padding: 0px 3px 0 0; margin-top:3px; }
.top            { background:#000000; border-left:1px solid #666666; border-right:1px solid #000000; cursor:pointer; }
.top:hover	{ background:#0D0D68; }
.topon          { background:#0033CC; border-left:1px solid #3366CC; border-right:1px solid #000099; cursor:pointer; }
@media (max-width: 850px) {
	.top, .topon     { padding:7px; }
	.topcell1, .topcell2 { display:block; width:100%; text-align:center; }
	#top img { height:20px; width:auto; padding:0; margin:0; }
}
@media (max-width: 550px) {
	.topcell1 { width:100%; height:100%; vertical-align:middle; }
	.topcell2 { display:none; }
	#top img { height:30px; width:auto; margin-top:2px; }
}

h1	{ font-size:28px; font-weight:normal; margin:0px 0 15px 0; color:#000000; text-decoration:none; white-space:nowrap; }
h1 a	{ font-size:28px; font-weight:normal; color:#000000; text-decoration:none; cursor:pointer; }
.h1	{ font-size:28px; font-weight:normal; margin:0px 0 15px 0; color:#000000; text-decoration:none; }
h2	{ font-size:20px; font-weight:bold; margin:0 0 15px 0; }
h3	{ font-size:17px; font-weight:bold; margin:0; }
li	{ margin:20px 20px 0px -10px; }

.panel	{ width:100%; margin:0 0 0 0; padding:20px; background:#F5F5F5; border:1px solid #CCCCCC; border-radius:10px; overflow:hidden; margin-bottom:15px; }

#copy	{ position:fixed; width:100%; bottom:0px; left:0px; font-size:9px; padding:5px; font-style:italic; text-align:left; color:#333333; border-radius:0 4px 0 0; background:#EEEEEE; }