/* CSS declarations go here */
body {
	background-color: #FFF;
	color: #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
table {
	background-color:#FFFBD0;
	border-collapse:collapse;	
	border: 2px solid black;
	width:400px;
	margin:10px auto;
}


h1 {
	text-align: center;
}

caption {
	font-variant:small-caps;
	font-size:24px;
}
tr {
	vertical-align:top;
}
th {
	background-color:#B3AB75;
	color:#FFF;
	font-size:18px;
}
td
   {
	padding:2px 10px;
	font-size:14px;
}
#highlight {
    background: transparent;
    padding:   5px;
    border-radius: 3px;
	transition-timing-function: ease-out;
	transition: background 0.3s  
}

tr:nth-child(even){background-color: #E8E7B3}


#j2 { background-color: blue;
	  color:#FFF;
	}

.flash{

  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;

}

@-webkit-keyframes flash {
    0% { background-color:none;}
    50% { background-color:#cccccc;}        
    100% {background-color:none;}
}

@-moz-keyframes flash {
    0% { background-color:none;}
    50% { background-color:#cccccc;}        
    100% {background-color:none;}
}

@-ms-keyframes flash {
    0% { background-color:none;}
    50% { background-color:#cccccc;}        
    100% {background-color:none;}
}

span{
      background: transparent;
    padding: 3px 5px;

    border-radius: 3px;
    display:inline-block;

}

input[type=text], input[type=number], select {
	background: transparent;
	padding: 6px 0;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
	
}