body {
background: #f4f4f4;
background-repeat: repeat-x;
color:#9a9a9a;
font-family: trebuchet ms;
font-size: 9pt;
line-height: 15px;
margin-top: 0;
}

.footer {
background: #e0d9f0;
color:#939393;
font-size: 7pt;
line-height: 5px;
padding: 10px;
text-align: justify;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

.footer a {
color: #451ba6;
font-weight: bold;
letter-spacing : 1px;
text-decoration:none;
}

.footer a:hover {
color: #8f73cf;
font-weight: bold;
letter-spacing : 1px;
text-decoration:none;
}

.header {
width: 750px;
}

.nav {
padding: 10px 3px;
width: 550px;
}

.navi {
background: #ffffff;
color: #737373;
font-size: 8pt;
line-height: 15px;
padding: 10px;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

.navi a {
color: #c2c2c2;
text-decoration:none;
}

.navi a:hover {
color: #8f73cf;
text-decoration:none;
}

.table {
width: 550px;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

.img {
border:solid #e5e5e5 4px;
padding: 1px;
margin: 0 5px 2px 0;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

.affy img {
border:solid #e5e5e5 4px;
padding: 1px;
margin: 2px;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

.affy img:hover {
border:solid #8f73cf 4px;
padding: 1px;
margin: 2px;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

input, textarea, select {
background: #ffffff;
border: 0;
color:#9a9a9a;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

.codesort li {
display: inline;
padding-right: 0.5em;
}

.codesort img {
border: solid #e5e5e5 3px; 
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
padding: 1px;
}

.title {
background: #fafafa;
border-top: solid #e5e5e5 1px;
border-right: solid #e5e5e5 1px;
border-left: solid #e5e5e5 1px;
border-bottom: solid #8f73cf 2px;
color: #686868;
font-size: 10pt;
font-style: italic;
font-weight: bold;
letter-spacing : 1px;
padding: 5px 10px 5px 20px;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

.content {
color:#9a9a9a;
font-size:9pt;
line-height: 15px;
padding: 10px;
}

.content a {
color:#8f73cf;
font-weight: bold;
letter-spacing : 1px;
text-decoration:none;
}

.content a:hover {
color:#d2a2d6;
font-weight: bold;
letter-spacing : 1px;
text-decoration:none;
}

.titles {
background: #f4f4f4;
border-top: solid #e5e5e5 1px;
border-left: solid #e5e5e5 1px;
color: #a490cd;
font-weight: bold;
letter-spacing : 1px;
padding: 3px 3px 3px 5px;
border-radius: 6px;
-moz-border-radius:  6px; 
-webkit-border-radius: 6px;
}

strong {
color: #d296d2;
font-weight: bold;
letter-spacing : 1px;
}

b {
color: #858585;
font-weight: bold;
}

em {
color: #858585;
}

.highlight {
color: #7859b2;
font-weight: bold;
}