iframe.calendar {
                border: groove 2px #01FFFF;
                width:100%;
                height: 100%;
                /*height:600px;*/
                scrolling: no;
                
                margin-left: 10%
                }
                
                
div.calendarContainer   {
                        visibility: hidden;
                        /*display: none;*/
                        
                        margin-top: -7em;
                        /*width: 800px;
                        height: 600px;*/
                        width: 80%;
                        height: 600px;
                        }
                        
input.calendarPass  {
                    /*margin-left: 10%;*/
                    font-size: 1em; 
                    }
                
input.calendarBtn   {
                    /*margin-left: 10%;*/
                    }
                    
                    
div.inputContainer  {
                    border: solid 1px #000000;
                    background-color: rgba(252, 252, 252, 0.2);
                    border-radius: 15px;
                    width: 40%;
                    margin: 0 auto;
                    margin-top: 1em;
                    padding: 1em;
                    text-align: center;
                    }
 
 
 
 
 
.calendarBtn	{
		color: #f0f0f0;
		background-color: #0a0a0a;
		font-size: 1em;
		font-family:Helvetica, sans-serif;
		font-weight: bold;
		width: 180px;
		border-radius: 17px;
		border: 3px ridge #ffffff;
		
		padding-bottom: 15px;
		padding-top: 15px;
		}                   
                    
.calendarBtn:active	{
			text-decoration: none;
			border: none;
			}
		
.calendarBtn:hover	{
			background-color: #2c2c2c;
			color: #ffffff;
			cursor:pointer;
			}
			
.calendarBtn:active	{
			background-color: #141414;
			}
                        
                        
div.calendarCenter  {
                    margin: 0 auto;
                    width: 80%;
                    text-align: center;
                    
                    visibility: hidden;
                    display: none;
                    } 
                        
                        
a.calendar	{
                margin: 0 auto;
                margin-bottom: 5em;
		color: #f0f0f0;
		background-color: #0a0a0a;
		font-size: 1em;
		font-family:Helvetica, sans-serif;
		font-weight: bold;
                text-decoration: none;
		width: 50%;
		border-radius: 17px;
		border: 3px ridge #ffffff;
		
                padding: 15px 15px 15px 15px;
		}                   
                    
a.calendar:active	{
			text-decoration: none;
			border: none;
			}
		
a.calendar:hover	{
			background-color: #2c2c2c;
			color: #ffffff;
			cursor:pointer;
			}
			
a.calendar:active	{
			background-color: #141414;
			}