h1 { color: #0068A1; font: 36px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 20px; text-align: center }
h2 { color: #0068A1; font: 18px 'Segoe UI', Verdana, Arial, Helvetica, sans-serif; margin: 0 }
img { border: 0 }

body, table, div { font-family: "Segoe UI", Arial, Tahoma; font-size: 9pt; }

.PageContent { width: 938px; }

.bold { font-weight: bold }
.italic { font-style: italic }
.clear { clear: both }

hr.separator { background-color: #0068a1; border: 0; color: #0068a1; height: 1px; width: 90% }
hr.fullseparator { background-color: #0068a1; border: 0; color: #0068a1; height: 1px; width: 100% }

.index .elaborate { font-size: 13px }
.index .elaborate .pics { height: 408px; overflow: hidden; width: 941px }

.index .elaborate .theme_thumbs { margin: 10px auto; width: 850px }
.index .elaborate .theme_thumbs h2 { margin-bottom: 10px; text-align: left }
.index .elaborate .theme_thumbs a { color: #7F7F7F; float: left; font-size: 10px; font-weight: normal; margin-bottom: 10px; text-align: center; vertical-align: top; width: 16.6% }
.index .elaborate .theme_thumbs a:hover { text-decoration: none }
.index .elaborate .theme_thumbs a img { display: block; margin: 0 auto }

.index .elaborate .extrainfo { margin: 0 auto; width: 850px }
.index .elaborate .extrainfo table tr td { vertical-align: top }
.index .elaborate .extrainfo table tr td ul { margin: 10px 0 0 0; padding: 0 }
.index .elaborate .extrainfo table tr td ul li { list-style: none none outside; margin-bottom: 5px }
.index .elaborate .extrainfo table tr td ul li .answer { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; display: none; margin: 10px 10px 0; padding: 10px 0 }
.index .extrainfo { text-align: left }
.index .extrainfo p { margin-top: 10px }

.theme .elaborate h1 { margin-top: 5px }
.theme .elaborate .extrainfo { margin: 0 auto; width: 750px }
.theme .elaborate .extrainfo table tr td { vertical-align: top }
.theme .themesheader { left: -2px; position:relative }
.theme .themesheader table { width: 943px }
.theme .themesheader table tr td { text-align: center; vertical-align: top }
.theme .themesheader .side { width: 188px }
.theme .themesheader .side a { display: block; margin-bottom: 11px }

.theme .extrainfo { text-align: left }

.theme .screenshots { width: 100% }
.theme .screenshots td { color: #7F7F7F; font-size: 10px; font-weight: normal; padding-top: 15px }
.theme .screenshots td a { display: block; margin-bottom: 10px }
.theme .screenshots td a img { height: 81px; width: 108px }

.theme2 table { border-collapse: collapse; border-spacing: 0 }

.theme2 .elaborate { margin: 0 }
.theme2 .elaborate .ThemeTable { width: 939px }
.theme2 .elaborate tr td { vertical-align: top }
.theme2 .elaborate .toc { padding: 0; text-align: left; width: 256px }
.theme2 .elaborate .toc .pages_container { background-color: #F0F0F0; overflow: hidden; padding: 20px 0 0; width: 256px }
.theme2 .elaborate .toc .pages { }
.theme2 .elaborate .toc .pages .page { float: left; margin: 0 20px }
.theme2 .elaborate .toc a { color: #777; display: block; font-size: 11px; margin-bottom: 12px; text-decoration: none }
.theme2 .elaborate .toc a img { display: block; height: 70px; margin-bottom: 6px; width: 216px }
.theme2 .elaborate .toc .paging_control { color: #0068A1; font-size: 10px; margin-top: 10px; text-align: right }
.theme2 .elaborate .toc .paging_control a { color: #0068A1; display: inline-block; font-weight: bold; margin-bottom: 0 }
.theme2 .elaborate .toc .paging_control a:hover { text-decoration: underline }

.theme2 .elaborate .desc { padding-left: 40px; text-align: left; width: 643px }
.theme2 .elaborate .desc .preview { left: 1px; position: relative }
.theme2 .elaborate .desc .header { background-color: transparent; height: 35px; margin: 15px 0 22px 0; width: 95%; padding:0; border:0; }
.theme2 .elaborate .desc .header h1 { float: left; margin: 0; padding: 0 10px 0 0; position: relative; top:-10px;}
.theme2 .elaborate .desc .header span { display: inline-block; float: right; font-size: 15px; line-height: 36px; vertical-align: middle }
.theme2 .elaborate .desc .header a { float: right; position: relative; right: -10px; }

.theme2 .elaborate .desc .extrainfo { margin: 22px 0 }

.theme2 .screenshots { width: 100% }
.theme2 .screenshots td { color: #7F7F7F; font-size: 10px; font-weight: normal; padding-top: 15px }
.theme2 .screenshots td a { display: block; margin-bottom: 10px }
.theme2 .screenshots td a img { height: 81px; width: 108px }