/*-------------------------------------Submit Button Styles------------------------------------------------------*/
  
    
		.loginSubmit {
			
			background-color:green;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:18px;text-align:center;text-decoration:none;
			width:75px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.logoutSubmit {
			
			background-color:maroon;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:18px;text-align:center;text-decoration:none;
			width:750px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.backSubmit {
			
			background-color:olive;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:75px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		
		.stdSubmit {
			
			background-color:navy;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		.largeSubmit {
			
			background-color:olive;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:30px;text-align:center;text-decoration:none;
			width:300px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.largeSubmitNavy {
			
			background-color:navy;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:30px;text-align:center;text-decoration:none;
			width:300px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		
		.stdSubmitNavy {
			
			background-color:navy;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
			
		}
		
			.stdSubmitOlive {
			
			background-color:olive;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		
		.stdSubmitGreen {
			
			background-color:green;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.stdSubmitMaroon {
			
			background-color:maroon;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.stdSubmitTeal {
			
			background-color:teal;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		
		.stdSubmitFat {
			
			background-color:navy;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;height:50px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.stdSubmitFatNavy {
			
			background-color:navy;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;height:50px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.stdSubmitFatTeal {
			
			background-color:teal;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;height:50px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		
		.stdSubmitFatOlive {
			
			background-color:olive;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;height:50px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.stdSubmitFatGreen {
			
			background-color:green;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;height:50px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.stdSubmitFatMaroon {
			
			background-color:maroon;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;height:50px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		.stdSubmitFatBlack {
			
			background-color:black;border:1px solid orange;border-radius:5px;color:white;
			display:inline-block;font-family:Arial;font-size:18px;line-height:20px;text-align:center;text-decoration:none;
			width:200px;height:50px;-webkit-text-size-adjust:none;mso-hide:all;
		}
		
		
		
		.submit80 {
			
			width: 80px;
		}
		
		.submit150 {
			
			width: 150px;
		}
		
		.submit200 {
			
			width: 200px;
		}
		
		.submit300 {
			
			width: 300px;
		}
		
		.submit350 {
			
			width: 350px;
		}
		
		
		
		/*----------------------------------------------------------------------------------------------------------------*/
		
    
    /*---------------Login Box Styles for all Log In processes------------------*/  
		.boxLoginForm {
		
			position: absolute;top:50px;width:50%;height:450px;left:25%; 	
			background-color:#FFF;border:solid;border-radius:15px;
		}
		
		.boxLoginMobileForm {
		
			position: absolute;top:50px;width:80%;height:500px;left:10%; 	
			background-color:#FFF;border:solid 3px navy;border-radius:15px;
		}
		
		.boxBusLoginMobileForm {
		
			position: absolute;top:50px;width:80%;height:450px;left:10%; 	
			background-color:#FFF;border:solid 3px navy;border-radius:15px;
		}
		
		
		
		.boxChangeCredForm {
			
			position: absolute;top:50px;width:70%;height:800px;left:15%; 	
			background-color:#FFF;border:solid;border-radius:15px;
		
			
		}
		
		.boxChangeCredShortForm {
			
			position: absolute;top:50px;width:80%;height:300px;left:10%; 	
			background-color:#FFF;border:solid 3px maroon;border-radius:15px;
		
			
		}
		
		
		
		
			.boxChangeMobileCredForm {
			
			position: absolute;top:50px;width:80%;height:300px;left:10%; 	
			background-color:#FFF;border:solid 3px maroon;border-radius:15px;
		
			
		}
		
			.boxChangeMobileCredShortForm {
			
			position: absolute;top:50px;width:80%;height:300px;left:10%; 	
			background-color:#FFF;border:solid 3px maroon;border-radius:15px;
		
			
		}
				
		.boxUserID {
			
			background-color:#E9D2E4;border:1px solid grey;border-radius:3px;color:black;
			display:inline-block;font-family:Arial;font-size:14px;line-height:20px;text-align:left;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
		
			
		}
		
		
		.boxPassword {
			
			background-color:#FACD8A;border:1px solid grey;border-radius:3px;color:black;
			display:inline-block;font-family:Arial;font-size:14px;line-height:20px;text-align:left;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
			
		}
		
		.boxLastName {
			
			background-color:#FFF99D;border:1px solid grey;border-radius:3px;color:black;
			display:inline-block;font-family:Arial;font-size:14px;line-height:20px;text-align:left;text-decoration:none;
			width:200px;-webkit-text-size-adjust:none;mso-hide:all;
			
		}
		
		.boxInput {
			
			background-color:#AED673;border:1px solid grey;border-radius:3px;color:black;
			display:inline-block;font-family:Arial;font-size:14px;line-height:20px;text-align:left;text-decoration:none;
			width:50px;-webkit-text-size-adjust:none;mso-hide:all;
		
			
		}
		
		.boxOutput {
			
			background-color:#F5BA5C;border:1px solid grey;border-radius:3px;color:black;
			display:inline-block;font-family:Arial;font-size:14px;line-height:20px;text-align:left;text-decoration:none;
			width:50px;-webkit-text-size-adjust:none;mso-hide:all;
		
			
		}
		
		.boxInputGeneralGreen {
				
				background-color:green;border:solid 2px orange; border-radius:5px;color:white;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			
			.boxInputGeneralOrangeBorder {
				
				background-color:white;border:solid 2px orange; border-radius:5px;color:black;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			
			
			
			.boxInputGeneralNavy {
				
				background-color:navy;border: solid 2px orange; border-radius:5px;color:white;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			.boxInputGeneralOlive {
				
				background-color:olive;border: solid 2px orange;border-radius:5px;color:white;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			.boxInputGeneralTeal {
				
			background-color:teal;border: solid 2px orange; border-radius:5px;color:white;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}
			.boxInputGeneralSilver {
				
			background-color:silver;border: solid 2px orange;border-radius:5px;color:black;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}
			
			.boxInputGeneralMaroon {
				
			background-color:maroon;border: solid 2px orange;border-radius:5px;color:white;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}
			
			.boxInputGeneralTitle {
				
				background-color:white;border: solid 2px maroon;border-radius:5px;
				width:150px;display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			/*---------------------------------------------------------------------------------------------------*/
			
				.boxInputGeneralTextAreaGreen {
				
				background-color:green;color:white;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			
			.boxInputGeneralTextAreaGray {
				
				background-color:gray;color:white;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			
				.boxInputGeneralTextAreaNavy {
				
				background-color:navy;color:white;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			
				.boxInputGeneralTextAreaMaroon {
				
				background-color:maroon;color:white;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
				
			}
			
				.boxInputGeneralTextAreaOlive {
				
				background-color:olive;color:white;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}
			
			.boxInputGeneralTextAreaSilver {
				
				background-color:silver;color:black;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}
			
				.boxInputGeneralTextAreaTeal {
				
				background-color:teal;color:white;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}
			
			
				.boxInputGeneralTextAreaWhite {
				
				background-color:white;color:black;border: solid 2px black;border-radius:5px;
				display:inline-block;font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}
			
		
		/*---------------------------------------------------------------------------*/
	
		
		




	/* Styles for Drop Down Menus*/
	ul {
	    list-style-type: none;
	    margin: 8px;
	    padding: 8px;
	    overflow: hidden;
	    background-color: #004E87;
	    font-family: "Arial";
			font-size: 16px;
			text-align: center;
			
			
			
	}
	
	li {
	    float: left;
	}
	
	li a, .dropbtn {
	    display: inline-block;
	    color: white;
	    text-align: center;
	    padding: 8px 5px;
	    text-decoration: none;
	   
	}
	
	li a:hover, .dropdown:hover .dropbtn {
	    background-color: red;
	}
	
	li.dropdown {
	    display: inline-block;
	}
	
	
	
	
	.dropdown-content {
	    display: none;
	    position: absolute;
	    background-color: #f9f9f9;
	    min-width: 160px;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    z-index: 1;
	}
	
	.dropdown-content a {
	    color: black;
	    padding: 12px 10px;
	    text-decoration: none;
	    display: block;
	    text-align: left;
	}
	
	.dropdown-content a:hover {background-color: teal; color:white;}
	
	.dropdown:hover .dropdown-content {
	    display: block;
	}
	
	/*------------------------------------------------------------------*/

	/*Multi Purpose Button Style*/
	.button {
	    
	    border: none;
	   
	    padding: 16px 32px;
	    text-align: left;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 18px;
	    margin: 4px 2px;
	    -webkit-transition-duration: 0.4s; 
	    transition-duration: 0.4s;
	    cursor: pointer;
	    width: 300px;
	    border-radius: 6px;
	}
	
	
	.buttonFont14 {
		font-size: 14px;
		
	}	
	
	.buttonFont16 {
		font-size: 16px;
		
	}	
	
	.buttonFontBold24 {
		font-size: 24px;
		font-weight: bold;
		
	}	
	
	.button20 {
	    background-color: green; 
	    color: white; 
	    border: 2px solid maroon;
	}
	
	
	
	.button1 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid green;
	}
	.button1:hover {
	    background-color: olive;
	    color: white;
	}
	.button1Plain {
		background-color: white; 
	  color: black; 
	  border: 2px solid green;
	}	
	
	
	
	.button2 {
	    background-color: white;
	    color: black; 
	    border: 2px solid red;
	}
	.button2:hover {
	    background-color: navy;
	    color: white;
	}
	.button2Plain {
		background-color: white;
	  color: black; 
	  border: 2px solid red;
	}	
	
	
	.button3 {
	    background-color: white;
	    color: black; 
	    border: 2px solid navy;
	}
	.button3:hover {
	    background-color: gray;
	    color: white;
	}
	.button3Plain {
	    background-color: white;
	    color: black; 
	    border: 2px solid navy;
	}
	
	
	.button4 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid olive;
	}
	.button4:hover {
	    background-color: green;
	    color: white;
	}
	.button4Plain {
	    background-color: white; 
	    color: black; 
	    border: 2px solid olive;
	}
	
	
	
	.button5 {
	    background-color: white; 
	    color: black; 
	    border: 2px solid maroon;
	}
	.button5:hover {
	    background-color: green;
	    color: white;
	}
	.button5Plain {
	    background-color: white; 
	    color: black; 
	    border: 2px solid maroon;
	}
	
	
	
	.button6 {
	    background-color: white;
	    color: black;
	    border: 2px solid teal;
	}
	.button6:hover {
	    background-color: purple;
	    color: white;
	}
	.button6Plain {
	    background-color: white;
	    color: black;
	    border: 2px solid teal;
	}
	
	
	
	.button7 {
	    background-color: white;
	    color: black;
	    border: 2px solid magenta;
	}
	.button7:hover {
	    background-color: teal;
	    color: white;
	}
	.button7Plain {
	    background-color: white;
	    color: black;
	    border: 2px solid magenta;
	}
	
	
	
	.button8 {
	    background-color: white;
	    color: black;
	    border: 2px solid Maroon;
	}
	
	.button8:hover {
	    background-color: Maroon;
	    color: white;
	}
	.button8Plain {
	    background-color: white;
	    color: black;
	    border: 2px solid Maroon;
	}
	
	
	.button9 {
	    background-color: white;
	    color: black;
	    border: 2px solid Navy;
	}
	
	.button9:hover {
	    background-color: Navy;
	    color: white;
	}
	.button9Plain {
	    background-color: white;
	    color: black;
	    border: 2px solid Navy;
	}
	
	
	
	.button10 {
	    background-color: white;
	    color: black;
	    border: 2px solid purple;
	}
	
	.button10:hover {
	    background-color: purple;
	    color: white;
	}
	.button10Plain {
	    background-color: white;
	    color: black;
	    border: 2px solid purple;
	}
	
	.button40 {    
	    width: 40px;
	}
	
	.button50 {    
	    width: 50px;
	}
	
	
	.button80 {    
	    width: 80px;
	}
	
	.button100 {    
	    width: 100px;
	}
	.button150 {    
	    width: 150px;
	}
	
	.button130 {    
	    width: 130px;
	}
	
	
	
	
	.button200 {    
	    width: 200px;
	}
	
	
	.button250 {    
	    width: 250px;
	}
	

	
	.button300 {
	    width: 300px;
	}
	
	.button350 {
	    width: 350px;
	}
	
	.button400 {
	    width: 400px;
	}
	
	.button500 {
	    width: 500px;
	}
	
	.button600 {
	    width: 600px;
	}
	
	.button800 {
	    width: 800px;
	}
	
	.button1200 {
	    width: 1200px;
	}
	
	
	.buttonThin {
		padding: 6px 16px;
		
	}	
	
		.buttonThinThin {
		padding: 3px 8px;
		
	}	
	
	.buttonFat {
		padding: 30px 30px;
		
	}	
	
	.buttonText18 {
		font-family: "Arial";
			font-size: 18px;
			text-align: center;
		
	}	
	
	.buttonText24 {
		font-family: "Arial";
			font-size: 24px;
			text-align: center;
		
	}	
	
	
		.buttonSmall1 {
	    background-color: white;
	    color: black;
	    border: 2px solid green;
	    width: 100px;
	   
	}
	
	.buttonSmall1:hover {
	    background-color: green;
	    color: white;
	}
	
	.buttonSmall2 {
	    background-color: white;
	    color: black;
	    border: 2px solid maroon;
	    width: 100px;
	   
	}
	
	.buttonSmall2:hover {
	    background-color: green;
	    color: white;
	}
	
	
	
	
	 .scrollable { 
	            height: 100px; /* or any value */
	             overflow-y: auto;
	                    }
	                    
	                    
	                    
		table.board {
			margin: auto;
			width: 60%;
			border-collapse: collapse;
			border: 3px solid navy; /*for older IE*/
			
		}
			
		table.board td {
		padding: 3px;
		border-width: 3px;
		border-style: solid;
		border-color: navy;
		border-top-style:none;
		border-bottom-style: none;
	}
		table.board th {
		padding: 10px;
		border-width:3px;
		border-style: solid;
		border-color: navy;
		
	}	
	
		table.board tr{
		padding: 3px;
		border-width: 1px;
		border-style: solid;
		border-color: orange;
		border-left-style:none;
		border-right-style: none;
	}                  
	
	
	
	        
	  .scrollable { 
	            height: 100px; 
	             overflow-y: auto;
	                    }
	                    
	 
		
		.choose1::-webkit-file-upload-button {
		  color: white;
		  display: inline-block;
		  background: olive;
		  border: solid 2px;
		  border-color: black;
		  padding: 7px 20px;
		  
		  border-radius: 3px;
		  white-space: nowrap;
		  cursor: pointer;
		  font-size: 16px;
		} 
		
		.choose2::-webkit-file-upload-button {
		  color: white;
		  display: inline-block;
		  background: navy;
		  border: solid 2px;
		  border-color: black;
		  padding: 7px 20px;
		  
		  border-radius: 3px;
		  white-space: nowrap;
		  cursor: pointer;
		  font-size: 16px;
		} 
		
		
		.choose3::-webkit-file-upload-button {
		  color: white;
		  display: inline-block;
		  background: green;
		  border: solid 2px;
		  border-color: black;
		  padding: 7px 20px;
		  
		  border-radius: 3px;
		  white-space: nowrap;
		  cursor: pointer;
		  font-size: 16px;
		} 
		
		
			  
		input {
          font-size: 16px;
          border: solid 1px;
         	background: maroon;
          color: white;
          width: 300px;
          border-radius: 5px;
    }  
    
    
                      
	                    
	   	.colorInput {
				
				color:black;border: solid 2px black;border-radius:5px;color:white;
				font-family:Arial;font-size:18px;text-align:left;text-decoration:none;
				-webkit-text-size-adjust:none;mso-hide:all;
			
			}	
			
			.colorInputblue {
				
			background-color:blue;
			
			}	
			
			.colorInputolive {
				
			background-color:olive;
			
			}	
			
			.colorInputmaroon {
				
			background-color:maroon;
			
			}	
			
			.colorInputgray {
				
			background-color:gray;
			
			}
				
			.colorInputgreen {
				
			background-color:green;
			
			}	
			
			.colorInputteal {
				
			background-color:teal;
			
			}	
			
			.colorInputorange {
				
			background-color:orange;
			
			}	
			
			.colorInputfuchsia {
				
			background-color:fuchsia;
			
			}	
					
			
			.colorInputsilver {
				
			background-color:silver;
			
			}
			
			.colorInputblack {
				
			background-color:black;
			
			}	
			
			.colorInputred {
				
			background-color:red;
			
			}
			
			.colorInputpurple {
				
			background-color:purple;
			
			}