#mainCenter { height: 100% }
#titleframe { background-color: #cccccc; width: 100% }
#TopFrame { width: 100%; height: 100%; border: 0 }
#BottomFrame { width: 100%; height: 100%; border: 0 }
a { color: #000; font-weight: normal; text-decoration: none }
a:hover { color: #000; text-decoration: underline }
/* title frame */
.titleContent { padding: 6px 0 6px 6px }
.banner { color: #000; font-size: 14px; font-family: "Trebuchet MS", verdana, arial; line-height: 12pt }
.banner .title { font-size: 14pt; font-style: normal; font-weight: normal }
.banner .info { font-size: 14pt; font-style: normal; font-weight: normal; padding-top: 5pt; padding-bottom: 6pt }
.banner .email { color: #003; font-size: 10pt; font-weight: normal }
.banner .closewindow { color: #003; font-size: 10pt; font-family: "Trebuchet MS", Arial; font-style: normal; font-weight: normal; padding-top: 4pt; padding-bottom: 1pt; padding-left: 41pt }
/* index frame */
.indexContent { padding-top: 6px; padding-bottom: 6px; width: 95%; border-bottom: 1px dotted #333333 }
.indexInfo { font-size: 12px; font-family: "Trebuchet MS", verdana, arial; padding: 0 0 0 6px }
.indexInfo .filename { color: #000 }
.indexInfo .date { color: #666 }
/* file info */
#imageInfo { font-family: "Trebuchet MS", verdana, arial; padding: 0 6px; width: 461px }
.content { color: #000; font-size: 12px; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dotted #333333 }
.header { font-size: 10px; font-weight: bold }
.filename { color: #003; font-size: 11pt }
.thumbname { font-size: 8pt }
.contentLast { color: #000; font-size: 11px; padding-top: 6px }