/* cxbn.css -- Copyright (c) SDC Consulting, Inc. All Rights Reserved. */
@font-face	{ font-family:architext; src:url(/css/rocksalt.eot); src:url(/css/rocksalt.eot?#iefix) format("embedded-opentype"), url(/css/rocksalt.woff) format("woff"), url(/css/rocksalt.ttf) format("truetype"), url(/css/rocksalt.svg#webfont) format("svg"); }
@keyframes zmout { 0%   { transform:scale(0,0); } 100%  { transform:scale(1,1); } }
html		{ height:100%; }
body		{ height:100%; margin:auto; text-align:center; font-family:architext, cursive, sans-serif; background-image:url(/images/sun_earth_moon.jpg); background-color:black; background-size:cover; background-attachment:fixed; }
a		{ text-decoration:none; color:blue; }
a.a1		{ text-decoration:none; margin:auto 8px; }
a:hover		{ color:indianred; }
div.c1		{ display:inline-block; background-image:url(/images/bgg.png); border:solid darkgray; border-width:20px 1px; width:80%; margin-top:1%; margin-bottom:1%; padding:0 15px 10px 15px; border-radius:25px; -webkit-box-shadow:-10px 0 darkgray; box-shadow:-10px 0 darkgray; opacity:90%; }
div.url		{ text-transform:uppercase; text-shadow:2px 4px 4px black; font-size:xx-large; font-weight:bold; margin:35px auto 0 auto; }
span.url	{ text-transform:uppercase; text-shadow:2px 4px 4px black; font-size:xx-large; font-weight:bold; margin:35px auto 0 auto; }
div.ttl		{ margin-top:20px; text-shadow:2px 2px 2px gray; font-size:large; text-decoration:underline; }
input.bbtn	{ cursor:pointer; border:1px solid #888888; border-radius:10px; background-color:ghostwhite; font-size:12px; font-weight:bold; font-family:architext, cursive, sans-serif; padding:2px 10px; box-shadow: 5px 5px 10px -5px #888888; -webkit-box-shadow: 5px 5px 10px -5px #888888; }
input.sbtn	{ cursor:pointer; border:1px solid #888888; border-radius:10px; background-color:ghostwhite; font-size:x-small; font-weight:bold; font-family:architext, cursive, sans-serif; padding:2px 10px; box-shadow: 5px 5px 10px -5px #888888; -webkit-box-shadow: 5px 5px 10px -5px #888888; }
span.s1		{ color:indianred; font-weight:bold; font-size:x-large; }
p.p1		{ margin:5px auto; }
figure.fig1	{ display:block; postion:relative; margin:auto 5%; }
figcaption.fc1	{ width:100%; font-size:small; text-decoration:underline; }
img.img1	{ border:1px solid #888888; border-radius:5px; box-shadow: 5px 10px 18px #888888; }
li.cat		{ font-weight:bold; text-decoration:underline; }
label.lb1	{ display:inline-block; width:130px; }
label.lb2	{ display:inline-block; width:130px; font-weight:bold; }
label.lb3	{ font-size:small; font-weight:bold; }
p.sec           { margin:30px auto 20px auto; font-weight:bold; text-align:center; font-family:architext, cursive, sans-serif; font-size:14px; text-decoration:underline; }
p.vrb           { font-family:Verdana, sans-serif; width:73%; margin:20px auto; text-align:justify; font-size:15px; color:black; }
li.rls          { font-family:Verdana, sans-serif; font-size:15px; font-style:italic; margin:auto; }
input[type="range"]::-moz-range-progress 	{ background-color: green; }
input[type="range"]::-moz-range-track 		{ background-color: gray; }
input[type="range"]::-ms-fill-lower 		{ background-color: green; }
input[type="range"]::-ms-fill-upper 		{ background-color: gray; }
output.out1     { display:inline-block; color:indianred; width:20px; text-align:right; }
a.inf1          { margin-left:10px; }
div.main	{ height:100%; width:100%; display:table; }
div.wrap	{ display:table-cell; height:100%; vertical-align:middle; }
label.vte1	{ display:inline-block; width:30%; }
label.vte2	{ display:inline-block; min-width:35%; font-weight:bold; text-align:left; }
label.vte3	{ display:inline-block; min-width:25%; font-weight:bold; text-align:left; }
p.quote		{ text-align:center; margin:40px auto; max-width:80%; min-width:80%; padding:10px 20px; background-color:rgba(245,245,220,0.6); border-radius:10px; }
select.mod	{ border-radius:10px; height:35px; font-family:architext, cursive, sans-serif; background-color:ghostwhite; box-shadow:5px 5px 10px -5px #888888; -webkit-box-shadow:5px 5px 10px -5px #888888; margin:10px 5px 0 5px; }
span.emo	{ margin:auto 5px; }