.image {
background-image:url('pic/b6.jpg');
background-size: 100% 100%;
}
.detail 
{
    font-size:12px;
}

.imagee {
background-image:url('pic/grad.jpg');
background-size: 100% 100%;
}

.container{width:800;}

.item1, item2{width:200px;}
.item1{float:left;}
.item2{float:right;}

{
		margin: 0;
		padding: 0;
		outline: none;
		
		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
	}
	
	body {
		
		color: #444;
		-webkit-font-smoothing: antialiased;
		font-family: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
		font-size: 16px;
		font-weight: 400;
		
		height: auto !important;
		height: 100%;
		line-height: 1.6em;
		min-height: 100%;
	}
	
	h2 {
		color: darkorange;
		font-size: 2.2em;
			
		font-weight: 200;
		margin: 0 0 24px 0;
	}
	
	/*BUTTON DESIGN*/
	[class*='btn-'] {
		border: none;
		border-bottom: 1px solid rgba(0,0,0,.15);
		border-top: 1px solid rgba(255,255,255,.15);
		border-radius: 3px;
		color: #fff;
		
		
		letter-spacing: 1px;
		line-height: 50%;
		padding: 10px 16px;
		text-decoration: none;
		
		
		-webkit-transition: all 0.1s linear;
     	-moz-transition: all 0.1s linear;
       	-o-transition: all 0.1s linear;
          transition: all 0.1s linear;
	}
	
		.btn-minimal {
		background-color: maroon;
		border-radius: 0;
		border: 1px solid rgb( 186, 186, 186 );
		color: rgb( 186, 186, 186 );
		
	}
	
		.btn-minimal:hover {
			background-color: darkorange;
			border: 1px solid rgba(0,0,0,.1);
			color: rgb(255,255,255);
			cursor: pointer;
			
		}
		
		.btn-minimal:active {
			
			
		}
	
	/*SECTION CONTAINER*/
	#loginBox {
		background-color:#00004c;
   border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		text-align:right;
		margin: 40px auto; /*aligns center*/
		padding: 24px;
		width: 400px;
                text-align:center;
	}
       
      .menu{background-color:#c12817;color:white;width:35%;}
      .menu a{color:white;text-decoration: none;}
#regFormTable{margin-left:100px;color:white;}

        /*SECTION CONTAINER*/
	#BankBox {
		background-color:#00004c;
                color:white;
   border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;

		margin-left: 55px; /*aligns center*/
		padding: 24px;
		width: 800px;
	}
	
	/*FORM*/
	form.minimal label {
            
		display: block;
		margin: 20px 0;	
		text-align:right;
		font-size:20px;
                color:white;
	}
	
		
		form.minimal textarea {
			background-color: rgb(255,255,255);
			border: 1px solid rgb( 186, 186, 186 );
			border-radius: 2px;
			-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			display: block;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
			font-size: 14px;
			
			margin: 6px 0 12px 0;
			padding: 3px;	
			width: 90%;
			
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			  transition: all 0.1s linear;
		}

form.minimal input[type="text"],
		form.minimal input[type="email"],
		form.minimal input[type="number"],
		form.minimal input[type="payment"],
		form.minimal input[type="search"],
		form.minimal input[type="password"],
		form.minimal input[type="date"],
		form.minimal input[type="paidamount"]
		
		 {
                    margin-top:-50px;
		    margin-right:100px;
			background-color: rgb(255,255,255);
			border: 1px solid rgb( 186, 186, 186 );
			border-radius: 2px;
			-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			display: block;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
			font-size: 14px;			
			padding: 3px;	
			width: 60%;
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			  transition: all 0.1s linear;
		}







		
		form.minimal input[type="text"]:focus,
		form.minimal input[type="email"]:focus,
		form.minimal input[type="number"]:focus,
		form.minimal input[type="search"]:focus,
		form.minimal input[type="password"]:focus,
		form.minimal textarea:focus,
		form.minimal select:focus { 
   		 	border-color: #4195fc;
    		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
			-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
			box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
			color: rgb(0,0,0);
		}
		
			form.minimal input[type="text"]:invalid:focus,
			form.minimal input[type="email"]:invalid:focus,
			form.minimal input[type="number"]:invalid:focus,
			form.minimal input[type="search"]:invalid:focus,
			form.minimal input[type="password"]:invalid:focus,
			form.minimal textarea:invalid:focus,
			form.minimal select:invalid:focus { 
				border-color: rgb(248,66,66);
				-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66);
				-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66);
				  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66);
			}

p {
  color: rgba(0,0,0,.8)
  font-size: .8em;
  margin: 0 0 24px 0;
}

.headingTable{
    font-size: 15; color: white; text-align: center;
}

.headTable{
    background-color: darkorange; color: white; font-size: 20; text-align: center;
}

.tableResult1{
    background-color: darkgrey;
}
.tableResult0
{
    background-color:grey;
}
.tableResults1{
    background-color: #122A0A;
}
.tableResults0
{
    background-color: #61380B;
}

