body {
 background-color: #eee;
 font-family: Verdana;
}
a {
 color: #f00;
}
.notSoWide {
 font-family: Tahoma, Arial;
 font-size: 0.8em;
 padding: 2px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 100%;
 margin-bottom: 25px;
}
.wider {
 font-family: 'Trebuchet MS', Arial;
 font-size: 0.9em;
 padding: 10px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 600px;
 margin-bottom: 25px;
}
.widest {
 font-family: 'Lucida Sans Unicode', Arial;
 font-size: 1em;
 padding: 2px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 99%;
}
.table {
 width: 100%;
 border: 0px solid #293052;
 border-style: dashed;
}
.table .th {
 background-color: #293052;
 color: #fff;
 font-weight: bold;

}
.table .tr:nth-child(odd) {
 background-color: #eee;
}
.table .td {
 float: left;
 text-align:center;
 width: 60px;
 padding-left: 2%;
 border-bottom: 1px dotted #293052;
}
.table .tdseperator {
 float: left;
 text-align:center;
 width: 60px;
 padding-left: 2%;
 border-bottom: 1px dotted #293052;
 background-color: #dff4ff;
}

.table .tdtitle {
 text-align:center;
 float: left;
 width: 60px;
 padding-left: 2%;
 border-bottom: 1px dotted #293052;
}
.table .tdfeature {
 text-align:left;
 float: left;
 width: 160px;
 padding-left: 2%;
 border-bottom: 1px dotted #293052;
}

.table .tdfeatureseperator {
 text-align:left;
 float: left;
 background-color: #B5B6E7;
 width: 160px;
 padding-left: 2%;
 border-bottom: 1px dotted #293052;
}