#mainCenter { height: 100% }
#titleframe { width: 100% }
#TopFrame { width: 100%; height: 100%; border: 0 }
#BottomFrame { width: 100%; height: 100%; border: 0 }
a { color: silver; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 12px; font-stretch: ultra-expanded; text-decoration: none }
a:hover { color: #2da3e0; font-size: 12px; font-family: Arial; line-height: 12px; text-decoration: none }
.userAlert { float: right }
/* title frame */
.titleContent { color: silver; font-size: 16px; font-family: Arial; line-height: 28px; padding: 6px 0 6px 6px }
.banner { color: #333; font-size: 11px; font-family: "Trebuchet MS", verdana, arial }
.banner .title { font-size: 1.2em; font-weight: bold }
.banner .info { font-size: 0.9em }
.banner .email { font-weight: bold }
/* index frame */
.indexContent { padding-top: 6px; padding-bottom: 6px; width: 95% }
.indexInfo { font-size: 9px; 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: silver; font-size: 12px; font-family: Arial; line-height: 16px; font-stretch: extra-expanded; padding-top: 6px; padding-bottom: 6px }
.header { color: #999; font-size: 8px; font-weight: bold }
.contentLast { font-size: 11px; padding-top: 6px }
/* feedback */
.feedback { font-family: "Trebuchet MS", verdana, arial; padding: 6px 6px 0; width: 461px }
.checkBoxText { color: #000000; font-size: 11px }
.button { color: #ffffff; font-size: 11px; font-weight: bold; background-color: #d6ba8b; width: 100% }