@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }



*,html,span,div,p,h1,h2,h3{margin:0px;padding:0px;overflow-x: hidden;}

#wrap{width:57em;
        margin:0px auto;}
        
body{background-image:url(../img/backblue.gif);background-attachment:fixed;}   


#formwrap{position:relative;
        width:56em;
        height:auto;
        background:silver;
        display: block;
        z-index:+9999;}
        
#formreg{position:relative;
        display:inline-block;
        width:22em;
        margin:0em -11em 0em 8em;
        height:auto;
        }
        
.link{text-decoration:none;
        display:inline;
        color:black;display:inline-block;}

label{position:relative;
        display:inline-block;
        width:34em;
        height:auto;
        font-size:20pt;
        letter-spacing:1px;
        font-family:tahoma;
      
        }        
        
#formreg label{position:relative;
        display:block;
        width:20em;
        left:0em;
        height:auto;
        font-size:15pt;
        }
        
        
#formreg .input{width:18em;
                height:2em;
                font-size:14pt;
                text-align:center;
                border:3px solid whitesmoke;
                border-radius:10px;
                }
                
                
                
#formreg .input4{width:10.7em;
                height:2em;
                font-size:14pt;
                text-align:center;
                border:3px solid whitesmoke;
                border-radius:10px;
                }
                
                
                
                
#formreg .file{width:18em;
                height:1.7em;
                font-size:14pt;
                }


#formreg .sel{width:18.5em;
                height:2em;
                font-size:14pt;
                text-align:center;
                border-radius:10px;
                }
                
#formreg .sel4{width:8.5em;
                height:2.8em;
                font-size:12pt;
                text-align:center;
                border-radius:10px;
                }


#formreg .sel2{width:6em;
                height:2em;
                font-size:14pt;
                text-align:center;
                border-radius:10px;
                }
                
                
#formreg .sub{width:10em;
                height:2.5em;
                font-size:14pt;
                margin:1em 0em;
                cursor:pointer;
                font-weight:bold;}
                
                
#formreg .tex{width:24em;
                height:10em;
                font-size:14pt;
                border-radius:10px;
                resize:none;
                margin:1em 0em;
                font-weight:bold;}


     
#top{position:relative;
    width:56em;
    height:11em;   
    overflow-y: hidden;
    background:white;
    }
    
    
#top .acct{position:absolute;
            top:2.5em;
            display:inline-block;
            z-index:+1;
            font-family:arial;
            }
            
            
#top .con{position:absolute;
            display:inline-block;
            z-index:+1;
            left:47.5em;
            font-size:11pt;
            font-family:arial;
            }

#top .con a{color:black;}
            
    
    
#logo{position:relative;
        width:100%;
        height:auto;
	overflow-y:hidden;
        }

#logo img{max-width:100%;float:left;width:20em;}


  
#logoport{position:absolute;
            margin-left:23em;
            margin-top:1em;} 
            
            
.pending{font-size:16pt;
        margin:5em;
        font-family: calibri;}
        
        
#trans{position:relative;
            width:15em;
            height:auto;
            display:block;
            margin:10em auto;
            background:white;
            }
            
#transtext {position:absolute;
            color:black;
            font-weight:bold;
            font-size:20pt;
            font-family:calibri;}
            
#trans .topp{margin-top:7em;}

#pin{position:relative;
    display:block;
    background:silver;
    font-weight:bold;
    font-size:20pt;
    font-family:calibri;
    width:20em;
    height:10em;}
    
    
#pin input[type=text]{width:15em;
                    height:2em;
                    text-align:center;
                    font-size:14pt;}
                    
                    
#pin input[type=submit]{width:10em;
                    height:2em;
                    text-align:center;
                    font-size:14pt;}
                    
               
        
#link{position:relative;
        width:11em;
        height:3em;
        display:inline-block;
        background:#f1631b;
        font-weight:bold;
        text-align:center;
        border-bottom:2px solid #f1631b;
        text-shadow:1px 1px 1px black;
        line-height:3em;
        color:white;
        font-family:arial;}
        
#text{font-size:13pt;
        }
        
#link:hover{background:white;
            color:black;
            text-shadow:1px 1px 1px white;}

#mob{display:none;}
            
            
            
#banner{position:relative;
        width:56em;
        height:auto;
        overflow-y:hidden;
        background:whitesmoke;}
        
#banner #write{width:52em;
            display:block;
            position:relative;
            margin:1em 2em;}
            
#banner .text{font-size:14pt;
                text-align:justify;
                font-family:calibri;
                position:relative;}
        
        
        
#newpass{display:none;}      
        
 
#cre{position:relative;
        width:10em;
        height:2em;
        line-height:2em;
        font-weight:bold;
        font-family:calibri;
        text-transform:capitalize;
        display: inline-block;
        text-shadow:1px 1px 1px black;
        font-size:17pt;
        color:white;
        background:#2058b0;} 
        
#cre2{position:relative;
        width:10em;
        height:2em;
        line-height:2em;
        font-weight:bold;
        display: inline-block;
        text-shadow:1px 1px 1px white;
        font-family:calibri;
        font-size:17pt;
        text-transform:capitalize;
        background:white;} 
        
        
        
        
#cre11{position:relative;
        width:15em;
        height:1.9em;
        line-height:1.9em;
        font-weight:bold;
        font-family:calibri;
        text-transform:capitalize;
        display: inline-block;
        font-size:14pt;
        color:white;
        text-shadow:1px 1px 1px black;
        background:#2058b0;} 
        
#cre22{position:relative;
        width:15em;
        height:1.9em;
        line-height:1.9em;
        text-transform:capitalize;
        font-family:calibri;
        font-weight:bold;
        display: inline-block;
        font-size:14pt;
        background:white;} 
        
        
.tab{position:relative;
    width:100%;
    border:2px solid black;
    font-family:calibri;
    text-align: center;
    height:auto;}
    
    


.tab tr:first-child{background:black;color:white;border:1px solid black;font-weight:bold;}


.tab caption{font-size:14pt;}
    

         
             
#port{position:relative;
        width:13em;
        height:auto;
        display:block;
        background:black;}  
        
        
#passport{position:relative;
            width:13em;
            height:11em;
            overflow-y:hidden;
            background:white;}  

#passport img{width:13em;
            height:11em;}
            
            
#menu{position:relative;
        width:13em;
        text-align:center;
        line-height:4em;
        height:4em;
        color:white;
        margin:0em 0em 0.3em;
        text-shadow:1px 1px 1px black;
        background:#2058b0;
        }  
        
#menu:hover{background:whitesmoke;color:#012772;text-shadow:none;} 
        
#metext{font-size:17pt;
        font-family:calibri;
        font-weight:bold;
        position:relative;}
        
        
#mainport{position:relative;
            width:38.5em;
            height:35em;
            margin-top:-26em;
            margin-left:15em;
            background:whitesmoke;} 
            
            
            
#transform{position:relative;
            width:17em;
            height:2em;
            font-size:17pt;
            font-family:calibri;
            font-weight:bold;
            margin:-0.1em -2em;
            display: inline-block;}
            
#transform .input{width:17em;
                    height:2em;
                    font-size:12pt;
                    text-align:center;
                    border-radius: 10px;}
                    
#transform input[type=submit]{width:8em;
                                height:2em;
                                font-weight:bold;
                                font-size:14pt;}
        
        
        
        
        
#foot{position:relative;
        width:56em;
        height:auto;
        overflow-y:hidden;
        background:#2a2624;}



#foot span{position:relative;
		width:100%;
		height:auto;
		font-weight:bold;
		font-size:11pt;
		font-family:arial;
		letter-spacing:1px;
		color:white;
		margin-top:2em;
		}


#foot span img{width:2em;
		display:inline-block;}

#foot span a{color:white;}



    
@media screen and (max-width:50em){
#wrap{width:100%;
	margin:0% auto;}


#formwrap{position:relative;
        width:100%;
        height:auto;
        background-image:url(../img/backblue.gif);
        display: block;
        z-index:+9999;}       
            
#port{display:none;
        }      
        
#newpass{position:relative;
            width:7em;
            height:6em;
            display:block;
            margin-left:2em;
            overflow-y:hidden;
            background:white;} 
            
#newpass img{width: 7em;
            height:6em;}
         
                
#mainport{position:relative;
            width:100%;
            height:auto;
            margin-top:0%;           
            margin-left:0%;
            background:whitesmoke;}  
             
            
            
            
            

#transform{position:relative;
            width:100%;
            height:2em;
            font-size:11pt;
            font-family:calibri;
            font-weight:bold;
            margin:0% 0%;
            display:block;}
            
#transform .input{width:13em;
                    height:1.5em;
                    font-size:13pt;
                    text-align:center;
                    border-radius: 10px;}
                    
#transform input[type=submit]{width:8em;
                                height:2em;
                                font-weight:bold;
                                font-size:10pt;}
                                
                                
.pending{font-size:16pt;
        margin:0%;
        font-family: calibri;}
        
        



#trans{position:relative;
            width:100%;
            height:auto;
            display:block;
            text-align:center;
            margin:0em auto;
            background:white;
            }
            
#transtext {position:relative;
            color:black;
            font-weight:bold;
            font-size:16pt;
            font-family:calibri;}
            
            
#trans .topp{margin-top:0em;}


#pin{position:relative;
    display:block;
    background:silver;
    font-weight:bold;
    font-size:15pt;
    font-family:calibri;
    width:100%;
    height:auto;}
    
    
#pin input[type=text]{width:90%;
                    height:2em;
                    text-align:center;
                    font-size:14pt;}
                    
                    
#pin input[type=submit]{width:10em;
                    height:2em;
                    text-align:center;
                    font-size:14pt;}            
            
            
#cre{position:relative;
        width:13em;
        height:2em;
        line-height:2em;
        font-weight:bold;
        font-family:calibri;
        text-transform:capitalize;
        display: inline-block;
        font-size:11pt;
        background:#2058b0;} 
        
#cre2{position:relative;
        width:13em;
        height:2em;
        line-height:2em;
        text-transform:capitalize;
        font-weight:bold;
        display: inline-block;
        font-size:11pt;
        background:white;} 
        
        
        
        
#cre11{position:relative;
        width:13em;
        height:2em;
        line-height:2em;
        font-weight:bold;
        text-transform:capitalize;
        font-family:calibri;
        display: inline-block;
        font-size:14pt;
        background:#2058b0;} 
        
#cre22{position:relative;
        width:13em;
        height:2em;
        line-height:2em;
        text-transform:capitalize;
        font-weight:bold;
        display: inline-block;
        font-size:14pt;
        background:white;} 
        
         

        
#formreg{position:relative;
        display:block;
        width:100%;
        height:auto;
        text-align:center;
        margin:0%;
        }

label{position:relative;
        display:block;
        width:100%;
        height:auto;
        left:0%;
        text-align:center;
        font-size:14pt;
        letter-spacing:1px;
        font-family:arial;
        font-weight:bold;
        }        
        
#formreg label{position:relative;
        display:block;
        width:100%;
        left:0%;
        height:auto;
        font-size:13pt;
        }
        
        
#formreg .input{width:90%;
                height:1.7em;
                font-size:11pt;
                text-align:center;
                border:3px solid whitesmoke;
                border-radius:10px;
                }
                
                
#formreg .file{width:100%;
                height:1.7em;
                font-size:11pt;
                }


#formreg .sel{width:94%;
                height:2em;
                font-size:11pt;
                text-align:center;
                 border:3px solid whitesmoke;
                border-radius:10px;
                }
                
                
#formreg .sel2{width:94%;
                height:2em;
                font-size:14pt;
                text-align:center;
                border-radius:10px;
                }
                
                
#formreg .sub{width:10em;
                height:2.5em;
                font-size:12pt;
                margin:0.5em 0em;
                cursor:pointer;
                font-weight:bold;}
                
#formreg .tex{width:97%;
                height:10em;
                font-size:12pt;
                border-radius:10px;
                resize:none;
                margin:0em 0em;
                font-weight:bold;}
                
                
                
#top{position:relative;
    width:100%;
    height:auto;   
    overflow-y: hidden;
    background:white;
    }
    
    
#top .acct{position:relative;
            top:0%;
            display:inline-block;
            z-index:+1;
            font-size:7pt;
            font-family:arial;
            overflow-y: hidden;
	    height:auto; }
            
            
#top .con{position:absolute;
            display:inline-block;
            z-index:+1;
            left:0%;
	    width:100%;
            font-size:11pt;
            font-family:arial;
            }


#link{display:none;}

#mob{position:relative;
	width:3em;
	height:auto;
	display:block;
	background:whitesmoke;
	float:right;}


#mob .sel{width:100%;
	 font-size:30pt;
	background:whitesmoke;
	border:none;
	height:1em;
	color:#3d4f73;
	}


#mob .sel .op{font-size:11pt;
		color:black;
		font-weight:bold;}
            
    
    
#logo{position:relative;
        width:100%;
        height:auto;
	overflow-y:hidden;
        }

#logo img{max-width:100%;float:left;width:20em;}


#logoport{position:relative;
            margin-left:0%;
            margin-top:0%;} 
            
            
#logoport img{max-width:100%;width:20em;}
            

            
#banner{position:relative;
        width:100%;
        height:auto;
        overflow-y:hidden;
        background:whitesmoke;}
        
        
        
#banner #write{width:90%;
            display:block;
            position:relative;
            margin:5% 5%;}
            
#banner .text{font-size:14pt;
                text-align:left;
                font-family:calibri;
                position:relative;} 
                
#banner #write img{width:100%;max-width:100%;}




#foot{position:relative;
        width:100%;
        height:auto;
        background:#2a2624;}       

}   


@media screen and (max-width:25em){
#cre{position:relative;
        width:8em;
        height:2em;
        line-height:2em;
        font-weight:bold;
        font-family:calibri;
        text-transform:capitalize;
        display: inline-block;
        font-size:11pt;
        background:#2058b0;} 
        
#cre2{position:relative;
        width:8em;
        height:2em;
        line-height:2em;
        text-transform:capitalize;
        font-weight:bold;
        display: inline-block;
        font-size:11pt;
        background:white;} 
}