/* stylecol CSS */
/* Generated by Newnube - www.newnube.com */

body#nonereg 
{
/* background-color: rgba(000, 100, 080, 1.000); */
background-image: url('colimg/band.png');
float: center;
position: relative;
background-repeat: -y-x;
background-size: cover;
background-position: 100% 100%;
width: auto;
height: auto;
font-family: Verdana, Arial, sans-serif, Comic Sans MS;
}

div#reg 
{
width: 90%;
text-align: center;
text-align: middle;
padding: 10px;
margin-top: 1%;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 1%;
display: inline-block;
border: solid;
border-width: 0.5px;
border-color: rgba(055, 055, 055, 1);
background-color: rgba(255, 255, 255, 0.3);
}

div#regin 
{
position: absolute;
left: 25%;
top: 25%;
width: 50%;
text-align: center;
text-align: middle;
padding: 10px;
margin-top: 1%;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 1%;
display: inline-block;
border: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 1);
background-color: rgba(127, 127, 127, 0.7);
}

p#reg 
{
color: rgba(000, 000, 000, 1.0);
}

p#regbt {
color: rgba(000, 000, 000, 1.0);
}

p#regin 
{
color: rgba(000, 000, 000, 1.0);
}

h1#reg 
{
color: rgba(000, 000, 000, 1.0);
}

label#reg 
{
color: rgba(000, 000, 000, 1.0);
}

a#reg 
{
color: rgba(000, 000, 000, 1);
font-weight: 900;
font-size: 150%;
} 

a#regfail 
{
color: rgba(120, 030, 020, 1);
font-weight: 900;
font-size: 150%;
}

input#regsave 
{
width: 25%;
height: %;
text-align: center;
text-align: middle;
padding: 2%;
margin: 0.5% 0 0.5% 0;
display: inline-block;
border-type: solid;
border-width: 1%;
background-color: rgba(059, 059, 059, 0.7);
}

form#reg 
{
background-color: rgba(020, 059, 089, 0.0);
font-size: 100%;
}

body#none
{
background-color: rgba(025, 040, 100, 0.0);
}

* {box-sizing: border-box}
/* Full-width input fields */
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: rgba(230, 230, 230, 1);
<!-- background: #f1f1f1; -->
}

input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}

hr
{
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}

/* Set a style for all buttons */

button
{
background-color: #04AA6D;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}

button:hover
{
opacity:1;
}

/* Extra styles for the cancel button */
.cancelbtn
{
padding: 14px 20px;
background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn
{
float: left;
width: 100%;
}

/* Add padding to container elements */
.container
{
padding: 16px;
background-color: rgba(045, 085, 175, 0.0);
}

/* Clear floats */
.clearfix::after
{
content: "";
clear: both;
display: table;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 100%)
{
.cancelbtn, .signupbtn
{
width: 100%;
}
}

div#n
{
display: flex;
justify-content: center; /* Centers horizontally */
align-items: center; /* Centers vertically */
height: ; /* Example: Takes up the full viewport height */
border-width: 0px;
border-style: solid;
border-color: rgba(000. 000, 000, 000, 0.500); /* For demonstration */
}				

table#n   
{
background-color: transparent;
border-radius: 0px;
border-style: none;
border-color: rgba(000,000,000, 1);
margin-left: 0px;
padding: 0px 20px;
-moz-border-radius: 0px;
}				

tr#n
{
height: 15%;
}	

th#n
{ 
background-color: rgba(140,100,050,0.1);
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
border-style: solid;
border-radius: 0px;
border-width: 0.5px 0.5px 0.5px 0.5px;
border-left-color: rgba(000,000,000, 0.2);
border-right-color: rgba(000,000,000, 0.2);
border-bottom-color: rgba(000,000,000, 0.2);
border-top-color: rgba(000,000,000, 0.2);
font-size: 90%;
font-weight: 500;
color: rgba(000,000,000, 0.3);
}

td#n         
{ 
border-width: 0.1px 0.01px 0.01px 0.01px;
padding-left: 0px;
margin: 0px;
border-style: none;
border-left-color: rgba(000,000,000, 1);
border-right-color: rgba(000,000,000, 1);
border-bottom-color: rgba(000,000,000, 1);
border-top-color: rgba(000,000,000, 1);
font-size: 75%;
font-weight: 500;
color: rgba(000,000,000, 1);
}

a#n         
{
a: link;
color: rgba(000, 000, 000, 1);
text-decoration: none;
font-weight: 900;
font-size: 100%;
a: visited;
olor: rgba(000, 000, 000, 1);
text-decoration: none;
font-weight: 900;
font-size: 100%;
}

div#a
{
width: 70%;
height: 2%;
position: fixed;
left: 15%; 
top: 90.5%; 
padding: 0.5%; 
background-color: rgba(000, 150, 000, 0.2);
background-color: transparent;
border-radius: 0px;
margin-left: 2px;
padding: 0px 0px;
-moz-border-radius: 0px;
}

table#a
{
position: relative;
background-color: transparent;
border-radius: 0px;
border-style: none;
border-color: rgba(000,000,000, 1);
margin-left: 0px;
padding: 0px 0px;
<!-- width: 703px; -->
-moz-border-radius: 0px;
}				

th#a            
{ 
background-color: rgba(140,100,050,0.1);
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
border-style: solid;
border-radius: 0px;
border-width: 0.5px 0.5px 0.5px 0.5px;
border-left-color: rgba(000,000,000, 0.2);
border-right-color: rgba(000,000,000, 0.2);
border-bottom-color: rgba(000,000,000, 0.2);
border-top-color: rgba(000,000,000, 0.2);
font-size: 90%;
font-weight: 500;
color: rgba(000,000,000, 0.3);
}

td#a            
{ 
border-width: 0.1px 0.01px 0.01px 0.01px;
padding-left: 0px;
margin: 0px;
border-style: none;
border-left-color: rgba(000,000,000, 1);
border-right-color: rgba(000,000,000, 1);
border-bottom-color: rgba(000,000,000, 1);
border-top-color: rgba(000,000,000, 1);
font-size: 70%;
font-weight: 500;
color: rgba(000,000,000, 1);
}

a.a             
{
a:link;
color: rgba(250, 000, 000, 1);
text-decoration: underline;
a:visited;
color: rgba(000, 000, 000, 1);
text-decoration: none;                     
}

div#colcenter
{
display: flex;
justify-content: center; /* Centers horizontally */
align-items: center; /* Centers vertically */
height: 80vh; /* Example: Takes up 80% full viewport height */
border-width: 1px;
border-style: solid;
border-color: rgba(000, 000, 000, 0.50); 
width: %;
height: %;
position: ;
left: %; 
top: %;
padding: 0.5%; 
background-color: rgba(090, 090, 090, 0.250);
overflow-style: marquee-line;
overflow-y: hidden;
overflow-x: hidden;  
}

div#centcol
{
height: ;
width: ;
border-width: 1px;
border-style: solid;
border-color: rgba(000, 000, 000, 0.50); 
padding: 0.5%; 
background-color: rgba(090, 090, 090, 0.050);
overflow-style: marquee-line;
overflow-y: hidden;
overflow-x: hidden;  
}

p#titcol             
{
text-align: center;
text-indent: 0%;
font-size: 120%;
font-weight: 700;
padding-left: 0%;
padding-right: 0%;
padding-top: 0%;
padding-bottom: 0%;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 0%;
}          	
					 
p#col
{
text-align: justify;
text-indent: 0.5%;
font-size: 100%;
font-weight: 400;
padding-left: 0%;
padding-right: 0%;
padding-top: 0%;
padding-bottom: 0%;
margin-left: 1%;
margin-right: 1%;
margin-top: 0%;
margin-bottom: 0%;
}

a#col         
{
a:link;
color: rgba(250, 000, 000, 1);
text-decoration: underline;
a:visited;
color: rgba(000, 000, 000, 1);
text-decoration: none;                     
}

embed#col
{
float: right;
width: 300px;
height: 200px;
opacity: 1;
padding: 0.2%;
margin-top: 0.5%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 0.1%;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-left-color: rgb(000,000,000);
border-right-color: rgb(000,000,000);
border-bottom-color: rgb(000,000,000);
border-top-color: rgb(000,000,000);
}