/*Font Styles*/
		.style24B
		 {
			font-family: "Arial";
			font-size: 24px;
			color: Black;
			font-weight: bold;
			
	
		 }
	
		.style24BC
		 {
			font-family: "Arial";
			font-size: 24px;
			color: Black;
			font-weight: bold;
			text-align: center;
	
		 }
		
		 
		.style18BC
		 {
			font-family: "Arial";
			font-size: 18px;
			color: Black;
			font-weight: bold;
			text-align: center;
			vertical-align: center;
		
		 }	 
		 
		 .style18B
		 {
			font-family: "Arial";
			font-size: 18px;
			color: Black;
			font-weight: bold;
			
		
		 }	
		 
		 .style18N
		 {
			font-family: "Arial";
			font-size: 18px;
			color: Black;
			
			
		
		 }	 
		  
		 
		 
		 .style18BI
		 {
			font-family: "Arial";
			font-size: 18px;
			color: #7D7D7D;
			font-weight: bold;
			text-align: center;
			vertical-align: center;
			font-style: italic;
		
		 }	 
		 
	
		 
		 
		 .style12N
        {
      font-family: "Arial";
			font-size: 12px;
			
        }
       
       .style12BBlue
        {
      font-family: "Arial";
			font-size: 12px;
			color: blue;
			font-weight: bold;
			
        } 
        
       .style12NBlue
        {
      font-family: "Arial";
			font-size: 12px;
			color: blue;
			
			
        }   
        
        
      .style12NC
        {
       font-family: "Arial";
			font-size: 12px;
			text-align: center;
        }  
        
     
		 
		 .style12B
        {
      font-family: "Arial";
			font-size: 12px;
			font-weight: bold;
			
        }
        
      .style12BC
        {
      font-family: "Arial";
			font-size: 12px;
			font-weight: bold;			
			text-align: center;
        }   
         
		.style12BR
        {
            font-family: "Arial";
			font-size: 12px;
			font-weight: bold;
			color: red;
        }
		 
		 
		  .style14N
        {
      font-family: "Arial";
			font-size: 14px;
			
			
        }
		 
		 
		 .style14B
        {
      font-family: "Arial";
			font-size: 14px;
			font-weight: bold;			
			
        }
        
     .style14BC
        {
      font-family: "Arial";
			font-size: 14px;
			font-weight: bold;			
			text-align: center;
        }   
        
        
   .style16N
        {
      font-family: "Arial";
			font-size: 16px;
			
			
        }
		 .style16NC
        {
      font-family: "Arial";
			font-size: 16px;
			text-align: center;
			
        } 
		 
	 .style16B
        {
      font-family: "Arial";
			font-size: 16px;
			font-weight: bold;			
			
        }
        
    .style16BC
        {
      font-family: "Arial";
			font-size: 16px;
			font-weight: bold;			
			text-align: center;
        }
        
        
      .style20BC
        {
      font-family: "Arial";
			font-size: 20px;
			font-weight: bold;			
			text-align: center;
        } 
        
      .style20B
        {
      font-family: "Arial";
			font-size: 20px;
			font-weight: bold;			
			
        }  
        
        
        
        
       .style20N
        {
      font-family: "Arial";
			font-size: 20px;
			
        }    
      
		
	#boxStyle1 {
	
	color: #000000; font-family: Verdana;  font-size: 12px; 
				background-color: #E9D2E4
}

#boxStyle2 {
	
	color: #000000; font-family: Verdana;  font-size: 12px; 
				background-color: #FACD8A
}
	
#boxStyle3 {
	
	color: #000000; font-family: Verdana;  font-size: 12px; 
				background-color: #BEDFC4
}	
	
	#inbox1 {
			
			font-size: 12px;
			background-color: #D4E7B2
		}
		
		#inbox2 {
			
			font-size: 12px;
			background-color: #FFFAB2
		}
		
		
		#inbox3 {
			
			font-size: 12px;
			background-color: #A7D6D5
		}

		#inbox4 {
			
			font-size: 12px;
			background-color: #FBD7B1
		}

		#inbox5 {
			
			font-size: 12px;
			background-color: #D2A6C7
		}
		
		#inbox6 {
			
			font-size: 12px;
			background-color: #C2C2C2
		}
		
		#inbox20 {
			
			font-size: 18px;
			background-color: white
		}
		
		
		#submit1 {
			
			font-family: "Arial";
			font-size: 14px;
			font-weight: bold;			
			text-align: center;
			background-color: #BEDFC4;
		}
		
		#submit2 {
			
			font-family: "Arial";
			font-size: 16px;
			font-weight: bold;			
			text-align: center;
			background-color: #BEDFC4;
		}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  font-family: arial;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: red;
}


	
	
	#adminBoxStyle1 {
		
		color: #000000; font-family: Arial;  font-size: 12px; 
					background-color: #CCCCCC;  width: 200px; 
	}
	
	#adminBoxStyle2 {
		
		color: #000000; font-family: Arial;  font-size: 12px; 
					background-color: #FEEDE3;  width: 200px;
	}
		
	#adminBoxStyle3 {
		
		color: #000000; font-family: Arial;  font-size: 12px; 
					background-color: #BEDFC4;  width: 200px;
	}	
	
	#adminBoxStyle4 {
		
		color: #000000; font-family: Arial;  font-size: 12px; 
					background-color: #FFF99D;   width: 200px;
	}	




.button {
    
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    width: 300px;
    border-radius: 6px;
}

.button1 {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
    
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: white;
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white;
    color: black; 
    border: 2px solid #F44336;
}

.button3:hover {
    background-color: #F44336;
    color: white;
}

.button4 {
    background-color: white; 
    color: black; 
    border: 2px solid Olive;
}

.button4:hover {
    background-color: Olive;
    color: white;
}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}


.button6 {
    background-color: white;
    color: black;
    border: 2px solid #AB003C;
}

.button6:hover {
    background-color: #AB003C;
    color: white;
}


.button7 {
    background-color: white;
    color: black;
    border: 2px solid magenta;
}

.button7:hover {
    background-color: magenta;
    color: white;
}

.button8 {
    background-color: white;
    color: black;
    border: 2px solid Maroon;
}

.button8:hover {
    background-color: Maroon;
    color: white;
}

.button9 {
    background-color: white;
    color: black;
    border: 2px solid Navy;
}

.button9:hover {
    background-color: Navy;
    color: white;
}


.button10 {
    background-color: white;
    color: black;
    border: 2px solid purple;
}

.button10:hover {
    background-color: purple;
    color: white;
}

.buttonTitle {
    background-color: white;
    color: black;
    border: 2px solid green;
    width: 130px;
   
}

.buttonTitle:hover {
    background-color: green;
    color: white;
}



.buttonExpt {
    background-color: white;
    color: black;
    border: 2px solid green;
    width: 350px;
   
}

.buttonExpt:hover {
    background-color: green;
    color: white;
}

.buttonFocus {
    background-color: white;
    color: black;
    border: 2px solid green;
    width: 430px;
   
}

.buttonFocus:hover {
    background-color: green;
    color: white;
}



#labelStyle{
	
	color: #000000; font-family: arial;  font-size: 12px; 
				
}



#boxStyle1 {
	
	color: #000000; font-family: Verdana;  font-size: 12px; 
				background-color: #E9D2E4
}

#boxStyle2 {
	
	color: #000000; font-family: Verdana;  font-size: 12px; 
				background-color: #FACD8A
}
	
#boxStyle3 {
	
	color: #000000; font-family: Verdana;  font-size: 12px; 
				background-color: #BEDFC4
}	


#boxStyle4 {
	
	color: #000000; font-family: Verdana;  font-size: 12px; 
				background-color: 'white'
}	


  .style12BC
        {
      font-family: "Arial";
			font-size: 12px;
			font-weight: bold;
        }
        
  

		.choose::-webkit-file-upload-button {
		  color: white;
		  display: inline-block;
		  background: green;
		  border: solid 2px;
		  border-color: black;
		  padding: 7px 20px;
		  font-weight: bold;
		  border-radius: 3px;
		  white-space: nowrap;
		  cursor: pointer;
		  font-size: 10pt;
		}

			.regular-checkbox {
				display: none;
			}
			
			.regular-checkbox + label {
				background-color: #D7D7D7;
				
				box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
				line-height: 25px;
				padding: 4px 4px;
				width: 97.5%;
				vertical-align: middle;
				
				display: inline-block;
				position: relative;
				
				
				
				
			}
			
			.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
				box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
			}
			
			.regular-checkbox:checked + label {
				background-color: #e9ecee;
				border: 1px solid #adb8c0;
				box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
				color: #99a1a7;
			}
			
			.regular-checkbox:checked + label:after {
				content: '\2714';
				font-size: 14px;
				position: absolute;
				top: 0px;
				right: 10px;
				color: black;
			}
			
			
			.big-checkbox + label {
				padding: 18px;
			}
			
			.big-checkbox:checked + label:after {
				font-size: 28px;
				left: 6px;
			}
			
			.tag {
				font-family: Arial, sans-serif;
				width: 200px;
				position: relative;
				top: 5px;
				font-weight: bold;
				text-transform: uppercase;
				display: block;
				float: left;
			}

			
				
				
				
				
  .scrollstyle{
                margin:4px, 4px;
                padding:4px;
                background-color: olive;
                width: 500px;
                height: 200px;
               
                overflow-y: auto;
                text-align:justify;
            }