@import url('https://fonts.googleapis.com/css?family=Quicksand');

body {
	margin: 0;
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:top;
	background-color: #0D2322;
	min-height:100%;
	background-color:#022;
	font-family: 'Quicksand';
	color:00ff99;
}

.oldtable {border:0px solid #000000;
margin: 0 0 0 0;
	width: 750px;
background-color: #112D2E;
font-family: 'Quicksand';
color:#00ff99;
padding:2px;
opacity: 0.85;
background-image:url(../img/b.png);
min-height:100%;
border-radius: 10px;
background-attachment:fixed;
background-repeat:repeat-x;s
background-position:top;

}

	.dashed {
	padding: 10px;
	border: 3px dashed #96F;
	display: inline-block;
	border-radius: 5px;
	}


}
.generaltable {border:0px solid #000000;
	width: 90%;
background-color: #112D2E;
font-family: 'Quicksand';
color:#00ff99;
padding:2px;
opacity: 0.85;
background-image:url(../img/b.png);
min-height:100%;
border-radius: 10px;
background-attachment:fixed;
background-repeat:repeat-x;
background-position:top;
}

.sitetable {border:2px solid #000000;
	max-width: 90%;
background-color: #111111;
font-family: 'Quicksand';
color:#00ff99;
padding:4px;
border-radius: 10px;
opacity: 0.85;
background-image:url(../img/b.png);
background-attachment:fixed;
background-repeat:repeat-x;
background-position:top;
}

a:link {color: #99ffb7;}
a:visited {color: #99ffb7;}
a:active {color: #B3FFDD;}
a:hover {color: #B3FFDD;}
a {text-decoration: none;

	}
	
strong2 {
	color:#96F;
}

blockquote {
	color:#12898D;
	list-style:inherit;
	}

.formbox 
{
	border:1px dotted #00ff99;
	background-color: #00ff99;
	font-size:10pt;
	font-family:Quicksand;
	color:#A9CDB9;
}

.formurl
{border:2px solid  #009966;
background-color: #111111;
font-size:14pt;
font-family:Quicksand;
color:#00ff99;
padding:4px;
cursor:pointer;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

.formbox2
{border:2px solid  #002d2c;
background-color: #111111;
font-size:14pt;
font-family:Quicksand;
color:#00ff99;
padding:4px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
	.formbox3
{border:2px solid #000000;
background-color: #111111;
font-size:18pt;
font-family:Quicksand;
color:#00ff99;
padding:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;}
	
	.formbox4
{border:2px solid #000000;
background-color: #111111;
font-size:10pt;
font-family:Quicksand;
color:#00ff99;
padding:2px;}

   .forox {
border:2px solid #002d2c;
background-color: #111111;
font-size:12pt;
font-family:Quicksand;
color:#00ff99;
padding:4px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}

	.formboxclosed
{border:2px solid #000000;
background-color: #111111;
font-size:15pt;
font-family:Quicksand;
font-weight: bold;
color:#00ff99;
padding:4px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;}
	
		.formclosed
{border:2px solid #000000;
background-color: #111111;
font-size:15pt;
font-family:Quicksand;
color:#BF0D00;
padding:4px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;}
	

#transbox {
width: 100%;
height: 100%;
background-color: #0D2423;

filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;}

#tablecurve {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.ex
{float:none;
}

.mature
{border-top-style: solid; 
border-top-color: 000000; 
border-top-width: 1px;
border-bottom-style: solid; 
border-bottom-color: cc0000; 
border-bottom-width: 2px;
border-left-style: solid; 
border-left-color: 000000; 
border-left-width: 1px;
border-right-style: solid; 
border-right-color: A62626; 
border-right-width: 2px;}

.normal
{border-top-style: solid; 
border-top-color: 000000; 
border-top-width: 1px;
border-bottom-style: solid; 
border-bottom-color: 1F3E3D; 
border-bottom-width: 2px;
border-left-style: solid; 
border-left-color: 000000; 
border-left-width: 1px;
border-right-style: solid; 
border-right-color: 1F3E3D; 
border-right-width: 2px;}

.hide {
display: none;
}
/* Sets class for the text box with a visible property */
.show {
display:block;
}


 .gallery {
            margin: 10px 40px;
        }
         
        .gallery img {
            width: 200px;
            height: 50px;
            transition: 1s;
            padding: 0px;
        }
         
        .gallery img:hover {
            filter: drop-shadow(4px 4px 6px gray);
            transform: scale(1.1);
        }
		

.pat {
	filter: blur(4px);
}

.gall {

}

.gall:hover {
	  filter: brightness(115%);
	  }

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  height: 200px;
  opacity: .95;
  color: #00ffc6;
  background-color: #366;
  text-align: center;
  padding: 0px 0;
  font-size: 15px;
  text-shadow: -1px 0 black, 0 2px black, 2px 0 black, 0 -1px #0D2322;
	
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;

}


.sidebar {
height: 100%;
width: 200px;
position: fixed;
left: 0;
top: 0;
text-align: right;
padding-top: 250px;
padding-right:30px;
background: url(../img/bg.jpg) repeat center center;
background-color: #111111;
}

.sidebar a {
padding: 2px;
font-size: 12pt;
display: block;
font-family:Quicksand;
text-decoration: none;
}

.sidebar a:hover {
cursor: pointer;
opacity: .7;
}

.body-text {
margin-left: 200px;
font-size: 18px;
}

.body-log {
margin-left: 200px;
font-size: 18px;
}


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


/* Header Style */
.container > header {
	padding: 0px;
}

.container > header {
	text-align: center;
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 0px;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	opacity: 0.8;
	padding: 0 0 0em 0em;
}

/* To Navigation Style */
.codrops-top {
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #6b7381;
	display: inline-block;
}

.codrops-top a:hover {
	color: #424b5a;
}

.codrops-top span.right {
	float: center;
}

.codrops-top span.right a {
	float: center;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #6b7381;
	color: #6b7381;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	opacity: 0.6;
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}