style/main.css

table.milestones {
   border: none;
   width: 90%;
}

table.milestones td {
    border: 1px solid #888;
    padding: 4px;
    vertical-align: top;

}

table.milestones th {
	text-align: left;
	color: #fff;
	background-color: #888;
	border: 1px solid #000;
	padding: 3px;
}

table.milestones td.ms {
	border: 0px;
	background-color: #eee;	
}

table.milestones tr.done {
	color: #080;
}

table.milestones tr.notdone {
	color: #e00;
}

table.milestones tr.progress {
	color: #e80;
}


table.basic {
	
}

table.basic td {
	vertical-align: top;
	border: 1px solid #888;
	padding: 2px;
}

table.basic td.h {
	font-weight: bold;
	text-align: right;
	background-color: #ddd;
}

table.basic td.h {
	font-weight: bold;
	text-align: right;
}

span.feature {
	font-size: 18pt;
	font-weight: bold;
}

span.feature:before {
   content: counter(featureId) ". " ;
   counter-increment: featureId;
}

span.feature {
	font-size: 18pt;
	font-weight: bold;
}

span.feature:before {
   content: counter(featureId) ". " ;
   counter-increment: featureId;
}

span.section {
	font-size: 18pt;
	font-weight: bold;
}

span.section-counter:before {
	content: counter(aSectionNumber);
}

.section-counter-next {
	counter-increment: aSectionNumber;	
}

ul.indent {
	margin-left: 30px;
}

div.screenshot {
	
    text-align: center; 
    margin: 20px;
}

span.mail {
    font-weight: bold; 
    font-size: 10pt;
}

span.mail:before {
	content: url("/bpel/images/mail.gif");
	margin-right: 10px;
}

a.www:after {
	content: url("/bpel/images/www.png");
	margin-left: 4px;
}

hr.sep {
	height: 10px;
	background-color: #ddd;
	border: 2px solid #444;
	margin-top: 10px;
	margin-bottom: 10px;
}

pre.java {
	padding: 5px;
	margin: 10px;
	margin-left: 20px;
	border: 1px dashed #000;
	overflow: auto;
}

pre.code {
	padding: 5px;
	margin: 10px;
	margin-left: 20px;
	border: 1px dashed #000;
	overflow: auto;
	background: #eee;
	border-color: #008;
	font-weight: bold;
}

span.date {
	font-weight: bold;
	font-style: italic;
	color: #888;
}

span.strike {	
	text-decoration: line-through;
	color: #999;
}

span.focus {
	border: 1px solid orange;
	padding: 1px;
	font-weight: bold;
}

div.right {
	text-align: right;
	margin-right: 20px;
}

div.warning {
	text-align: center;
	color: #a00;
	padding: 10px;
	margin: 10px;
	background-color: #fdd;
	border: 1px solid #a00;	
}