body { font-family: Tahoma; font-size: 12px; text-align: center; line-height: 1.3em; }
#container { width: 900px; margin: 0 auto; text-align: left; }
* { margin: 0; padding: 0; }
ol, ul { padding-left: 20px; }
li { line-height: 1.2em; }
h1,h2,h3,h4 { margin: .2em 0;}

.record { 
	margin: 10px 0; 
	border-bottom: gray 2px solid; 
	border-top: gray 2px solid; 
	background: #E4E4E4; 
	text-align: left;
  padding: 5px 20px 5px 45px;
	margin: 5px 0;
	font-family: Optane;
  }
.record p { border-top: gray 1px solid; width: 100%; margin-bottom: 10px; overflow: hidden; clear: both; }
.record h1 { font-size: 14px; margin: 0; padding: 0;  }
.record h2, .record h3 { display: inline;  }
.record h3 { float: right; } 
.record div { clear:both; padding: 5px; display: block; overflow: hidden; }

table.records { width: 100%; }
table.records td, table.records th { padding: 3px;}
table.records th { border-bottom: black 1px solid;  background: #333; color: white; }
table.records tr.even td { background: #DDD; }
table.records tr.add td { background: #C00; padding: 5px; }

.neutral, .code, .success, .warning, .tip {
 margin: 10px 0; 
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 10px 0;
 background-position: 15px 50%;
  

}
.code { 
	border-bottom: gray 2px solid; 
	border-top: gray 2px solid; 
	background: #E4E4E4; 
	}
.success {
	background: #F0FFF0 url('icons/accept.png') no-repeat 15px 50%;
	border-top: 2px solid #54AA00;
	border-bottom: 2px solid #54AA00;
	}
.warning {
	background: #fff6bf url('icons/exclamation.png') no-repeat 15px 50%;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
.tip {
	background: #E6EDF4 url('icons/information.png') no-repeat 15px 50%;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	}

.loading {  background: #666 url('icons/loadingAnimation.gif') no-repeat center center !important; }