#popup
{  
width:300px;
height:200px;;
border:1px solid white;
background-color:white;
top:30%;
margin: 0 auto;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 10px;
-moz-border-radius: 10px;
     border-radius: 10px;
     opacity:1;
    
}
#overlay
{
position:absolute;
top:0px;
visibility:hidden;
background-color:#efefef;
opacity:0.95;
left:0px;
height:100%;
width:100%;
text-align:center;
}
#overlay:target
{
visibility:visible;
-webkit-animation: fade 400ms ease;
}
#overlay:target > #popup
{

 -webkit-animation: moveFromBottom 400ms ease;
}
@-webkit-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-webkit-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-moz-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-moz-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-ms-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-ms-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-o-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-o-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}

@keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}
.signup 
{
padding:30px;
margin-top:15px;

}

.signup label
{
font-size:10px;
font-family:Verdana;
}


.signup .input
{
display: inline;
font-family: Verdana;
border-style: solid;
border-width: 1px;
border-color: #dedede;

font-size: 10px;
padding: 5px;
width: 150px;
color: #777;

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 

}
    

.login 
{
padding:30px;

}

.login label
{
font-size:10px;
font-family:Verdana;
}


.login .input
{
display: inline;
font-family: Verdana;
border-style: solid;
border-width: 1px;
border-color: #dedede;

font-size: 10px;
padding: 5px;
width: 150px;
color: #777;

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 

}

.login textarea
{
display: inline;
font-family: Verdana;
border-style: solid;
border-width: 1px;
border-color: #dedede;

font-size: 10px;
padding: 5px;
width: 400px;
color: #777;

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 

}

.login .input2
{
display: inline;
font-family: Verdana;
border-style: solid;
border-width: 1px;
border-color: #dedede;

font-size: 10px;
padding: 5px;
width: 300px;
color: #777;

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 

}

#submitbtn
{
height: 2em;
padding: 0 1em;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 1.3em;
color: #fff;
text-shadow: 0px 1px 0px #222;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;

-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

border-color: #030a03 #071807 #000;

-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);

background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}

#submitbtn2
{
height: 24px;
padding: 0 16px;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 11px;
color: #fff;
text-shadow: 0px 1px 0px #222;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;

-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

border-color: #030a03 #071807 #000;

-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);

background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}

.close_button
{
    position:absolute;
    right:1px;
    cursor:pointer;
    border:none;
    margin-top:-30px;
}

#popup2
{  
width:300px;
height:200px;;
border:1px solid white;
background-color:white;
top:30%;
position:relative;
margin: 0 auto;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 10px;
-moz-border-radius: 10px;
     border-radius: 10px;
     opacity:1;
    
}
#overlay2
{
position:absolute;
top:0px;
visibility:hidden;
background-color:#efefef;
opacity:0.95;
left:0px;
height:100%;
width:100%;
text-align:center;
}
#overlay2:target
{
visibility:visible;
-webkit-animation: fade 400ms ease;
}
#overlay2:target > #popup2
{

 -webkit-animation: moveFromBottom 400ms ease;
}
@-webkit-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-webkit-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-moz-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-moz-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-ms-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-ms-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-o-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-o-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}

@keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}

.filepop 
{
padding:30px;
margin-top:5px;

}
.filepop label
{
font-size:10px;
font-family:Verdana; font-weight: normal;
}

.file
{
font-size:10px;
font-family:Verdana; font-weight: bold;
color:#ffffff;
text-decoration: none;
}

table.filebutton
{
margin-left: auto;
margin-right: auto;
text-align: center;
height: 32px;
width: 100px;
padding: 0 16px;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 20px;
color: #fff;
text-shadow: 0px 1px 0px #222;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
display: block;

-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

border-color: #030a03 #071807 #000;

-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);

background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}

#popup3
{  
width:400px;
height:400px;;
border:1px solid white;
background-color:white;
top:30%;
position:relative;
margin: 0 auto;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 10px;
-moz-border-radius: 10px;
     border-radius: 10px;
     opacity:1;
    
}
#overlay3
{
position:absolute;
top:0px;
visibility:hidden;
background-color:#efefef;
opacity:0.95;
left:0px;
height:100%;
width:100%;
text-align:center;
}
#overlay3:target
{
visibility:visible;
-webkit-animation: fade 400ms ease;
}
#overlay3:target > #popup3
{

 -webkit-animation: moveFromBottom 400ms ease;
}
@-webkit-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-webkit-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-moz-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-moz-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-ms-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-ms-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-o-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-o-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}

@keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}

.articlepop 
{
padding:30px;
margin-top:5px;

}

table.articlepop
{
margin-left: auto;
margin-right: auto;
text-align: center;
height: 32px;
width: 100px;
padding: 0 16px;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 20px;
color: #fff;
text-shadow: 0px 1px 0px #222;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
display: block;

-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

border-color: #030a03 #071807 #000;

-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);

background: #4b545f;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}

#popup4
{  
width:300px;
height:300px;;
border:1px solid white;
background-color:white;
top:30%;
position:relative;
margin: 0 auto;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 10px;
-moz-border-radius: 10px;
     border-radius: 10px;
     opacity:1;
    
}
#overlay4
{
position:absolute;
top:0px;
visibility:hidden;
background-color:#efefef;
opacity:0.95;
left:0px;
height:100%;
width:100%;
text-align:center;
}
#overlay4:target
{
visibility:visible;
-webkit-animation: fade 400ms ease;
}
#overlay4:target > #popup4
{

 -webkit-animation: moveFromBottom 400ms ease;
}
@-webkit-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-webkit-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-moz-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-moz-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-ms-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-ms-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}


@-o-keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@-o-keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}

@keyframes fade
{
from {
   
   
    
    opacity: 0;
}
to {
    
    
    opacity: 1;        
}
}


@keyframes moveFromBottom
{
from {
   
   
    -webkit-transform: scale(.5);
    opacity: 0;
}
to {
    
    -webkit-transform: scale(1);
    opacity: 1;        
}
}
#newpass
{  
width:300px;
height:200px;;
border:1px solid white;
background-color:white;
position:relative;
margin-left: auto;
margin-right: auto;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 10px;
-moz-border-radius: 10px;
     border-radius: 10px;
     opacity:1;
    
}
#logincheck
{  
width:300px;
height:200px;;
border:1px solid white;
background-color:white;
position:relative;
margin-left: auto;
margin-right: auto;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 10px;
-moz-border-radius: 10px;
     border-radius: 10px;
     opacity:1;
    
}
#register
{  
width:800px;
border:1px solid white;
background-color:white;
position:relative;
background: rgb(247, 247, 247);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),  0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 10px;
-moz-border-radius: 10px;
     border-radius: 10px;
     opacity:1;
    
}