/* ### -- -- -- -- -- Theme Style File -- -- -- -- -- ### */

/*
Style Name: WCF Basic
Style ID: 1

Do not remove or edit this file!
This file is generated automatically by the WoltLab Stylemanager and contains all user-changeable styles.
*/

/* buttons.large.background.color */
.largeButtons li a, .pmEditFolders a { background-color: #777 }

/* buttons.large.background.color.hover */
.largeButtons li a:hover, .pmEditFolders a:hover { background-color: #cecece }

/* buttons.large.border.inner.color */
.largeButtons li a, .pmEditFolders a { border-color: #fff }

/* buttons.large.border.inner.color.hover */
.largeButtons li a:hover, .pmEditFolders a:hover { border-color: #fff }

/* buttons.large.border.inner.style */
.largeButtons li a, .pmEditFolders a { border-style: solid }

/* buttons.large.border.inner.width */
.largeButtons li a { border-width: 1px }

/* buttons.large.border.outer.color */
.largeButtons li { border-color: #999 }

/* buttons.large.border.outer.color.hover */
.largeButtons li:hover { border-color: #999 }

/* buttons.large.border.outer.style */
.largeButtons li { border-style: solid }

/* buttons.large.border.outer.width */
.largeButtons li { border-width: 1px }

/* buttons.large.caption.color */
.largeButtons li a, .pmEditFolders a { color: #fff }

/* buttons.large.caption.color.hover */
.largeButtons li a:hover, .pmEditFolders a:hover { color: #333 }

/* buttons.small.background.color */
.memberList li .memberName, .optionButtons li a, .smallButtons li a { background-color: #e8e8e8 }
.memberList li .memberName { border-color: #e8e8e8 }

/* buttons.small.background.color.hover */
.memberList li .memberName:hover, .messageNumber:hover, .optionButtons li a:hover, .pageNavigation li ul, .smallButtons a:hover { background-color: #fff }

/* buttons.small.border.inner.color */
.memberList li, .memberList li .memberRemove { background-color: #fff }
.optionButtons li a, .pageNavigation a, .pageNavigation li span, .smallButtons li a { border-color: #fff }

/* buttons.small.border.inner.color.hover */
.memberList li .memberRemove:hover, .memberList li:hover { background-color: #fff }
.optionButtons li a:hover, .pageNavigation a:hover, .pageNavigation li.children:hover > span, .smallButtons li a:hover { border-color: #fff }

/* buttons.small.border.inner.style */
.optionButtons li a, .pageNavigation a, .pageNavigation li span, .smallButtons li a { border-style: solid }

/* buttons.small.border.inner.width */
.optionButtons li a, .pageNavigation a, .pageNavigation li span, .smallButtons li a { border-width: 1px }

/* buttons.small.border.outer.color */
.memberList li, .optionButtons li, .pageNavigation li, .smallButtons li { border-color: #999 }

/* buttons.small.border.outer.color.hover */
.memberList li:hover, .optionButtons li:hover, .pageNavigation li:hover, .smallButtons li:hover { border-color: #999 }

/* buttons.small.border.outer.style */
.memberList li, .optionButtons li, .smallButtons li { border-style: solid }

/* buttons.small.border.outer.width */
.memberList li, .optionButtons li, .smallButtons li { border-width: 1px }

/* buttons.small.caption.color */
.memberList li .memberName, .optionButtons li a, .smallButtons li a { color: #666 }

/* buttons.small.caption.color.hover */
.memberList li .memberName:hover, .optionButtons li a:hover, .smallButtons li a:hover { color: #333 }

/* container.border.inner.color */
.attachmentPreview ul li a:hover, .avatarDisplay div, .avatarSelect li label, .border, .mceResizeBox, .pmEditFolders, .pmUsageBar, .popupMenu, .profileDisplay fieldset, .subTabMenu, .userProfileBox #userProfileAvatar fieldset div, a.mceButtonNormal:hover img { background-color: #fff }
#logo, #menu, #menu ul li a, #search, .attachmentPreview ul li a, .border .tableList td, .border .tableList th, .dividers .messageAuthor, .dividers .userAvatar, .dividers .userCredits, .dividers .userMessenger, .inlineCalendarFooter td a, .inlineCalendarFooter td span, .inlineCalendarHeader td a, .inlineCalendarHeader td span, .mceEditor .colors li, .mceResizeIconRow, .messageContent, .messageInner, .pageMenu ul li a, .smallButtons .pageMenu ul li a, .subTabMenu div.containerHead, .tableHead .emptyHead, .tableHead a, .tabMenu li a, .userAvatar, .userAvatarFramed, .userMessenger, .userProfileContent .fieldTitle, .userProfileContent .fieldValue { border-color: #fff }

/* container.border.outer.color */
#header, .attachmentFile ul li, .attachmentPreview ul li, .avatarDisplay div, .avatarSelect li label, .border, .inlineCalendarFooter, .inlineCalendarHeader, .inlineCalendarTable, .marked, .mceToolbarTop, .message, .messageContentInner, .messageNumber, .pageNavigation li ul, .pmEditFolders, .pmUsageBar, .popupMenu, .searchInput, .subTabMenu, .tabMenu li, .userAvatar a, .userAvatarFramed a, fieldset { border-color: #999 }

/* container.border.outer.style */
#header, .border, .error, .info, .inlineCalendarFooter, .inlineCalendarHeader, .inlineCalendarTable, .mceToolbarTop, .message, .pageNavigation li ul, .pmEditFolders, .pmUsageBar, .popupMenu, .searchInput, .subTabMenu, .success, .tabMenu li, .warning, fieldset { border-style: solid }

/* container.border.outer.width */
#header, .border, .error, .info, .inlineCalendarFooter, .inlineCalendarHeader, .inlineCalendarTable, .mceToolbarTop, .message, .searchInput, .success, .warning, fieldset { border-width: 1px }

/* container.head.background.color */
.containerHead, .inlineCalendarFooter td, .inlineCalendarHeader td, .tabMenu li.activeTabMenu a, .tabMenu li.activeTabMenu a:hover { background-color: #777 }

/* container.head.font.2nd.color */
.containerHead .light, .containerHead .light a { color: #fff }

/* container.head.font.color */
.containerHead, .inlineCalendarFooter td a, .inlineCalendarHeader td a { color: #fff }

/* container.head.link.color */
.containerHead a, .tabMenu li.activeTabMenu a, .tabMenu li.activeTabMenu a:hover { color: #fff }

/* container.head.link.color.hover */
.containerHead a:hover { color: #fff }

/* container1.background.color */
.color-1, .container-1, .container-1 fieldset fieldset, .container-2 fieldset, .inlineCalendarTable, .mceResizeIconRow, .mceToolbarTop, .pageNavigation li ul, fieldset { background-color: #f7f7f7 }
.inlineCalendarTable a, a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img { border-color: #f7f7f7 }

/* container1.font.2nd.color */
.container-1 .disabled, .container-1 .disabled a, .container-1 .formFieldDesc, .container-1 .light, .container-1 .light a, .container-1 .signature { color: #888 }

/* container1.font.color */
.container-1, .container-1 legend, .inlineCalendarTable { color: #666 }

/* container1.link.color */
.container-1 .pageMenu a, .container-1 a { color: #666 }

/* container1.link.color.hover */
.container-1 a:hover { color: #333 }

/* container2.background.color */
.color-2, .container-1 fieldset, .container-1 fieldset fieldset.noJavaScript fieldset, .container-2, .container-2 fieldset fieldset, .container-3 fieldset, .weekDays, fieldset fieldset { background-color: #efefef }

/* container2.font.2nd.color */
.container-2 .disabled, .container-2 .disabled a, .container-2 .formFieldDesc, .container-2 .light, .container-2 .light a, .container-2 .signature { color: #888 }

/* container2.font.color */
.container-2, .container-2 legend, .weekDays { color: #666 }

/* container2.link.color */
.container-2 .pageMenu a, .container-2 a { color: #666 }

/* container2.link.color.hover */
.container-2 .pageMenu a:hover, .container-2 a:hover { color: #333 }

/* container3.background.color */
.codeLineNumbers, .container-3, .container-3 fieldset fieldset, .pageMenu ul li a:hover, .tableList tr.container-1:hover, .tableList tr.container-2:hover { background-color: #e0e0e0 }
.messageContainer, .messageContainerFooter { border-color: #e0e0e0 }

/* container3.font.2nd.color */
.container-3 .light, .container-3 .light a { color: #777 }

/* container3.font.color */
.container-3 { color: #333 }

/* container3.link.color */
.container-3 a { color: #666 }

/* container3.link.color.hover */
.container-3 a:hover, .tableList tr.container-1:hover td.columnTopic div.topic p a, .tableList tr.container-2:hover td.columnTopic div.topic p a, .tableList tr:hover td.columnUsername p a { color: #333 }

/* divider.color */
.codeBox, .editNote, .messageFooter, .messageFooterLeft, .messageFooterRight, .messageHeader, .quoteBox, .signature, .subHeadline { border-color: #bbb }

/* divider.style */
.codeBox, .editNote, .messageFooter, .messageFooterLeft, .messageFooterRight, .messageHeader, .quoteBox, .signature, .subHeadline { border-style: solid }

/* divider.width */
.codeBox, .editNote, .messageFooter, .messageFooterLeft, .messageFooterRight, .messageHeader, .quoteBox, .signature, .subHeadline { border-width: 1px }

/* global.title.hide */
#logo h1 { position: absolute; top: -9000px; left: -9000px; }

/* input.background.color */
.codeBox, .iframe, .inputText, .quoteBox, .userAvatarFramed, select, textarea { background-color: #fff }

/* input.background.color.focus */
.iframeFocus, .inputText:focus, select:focus, textarea:focus { background-color: #ffd }

/* input.border.color */
.inputText, select, textarea { border-color: #999 }

/* input.border.color.focus */
.inputText:focus, select:focus, textarea:focus { border-color: #08f }

/* input.border.style */
.inputText, select, textarea { border-style: solid }

/* input.border.width */
.inputText, .inputText:focus, select, select:focus, textarea, textarea:focus { border-width: 1px }

/* input.font */
.iframe, .inputText, select, textarea { font-family: 'trebuchet ms',geneva }

/* input.font.color */
.codeBox, .iframe, .inputText, .quoteBox, select, textarea { color: #333 }

/* input.font.color.focus */
.iframeFocus, .inputText:focus, select:focus, textarea:focus { color: #000 }

/* input.font.size */
.iframe, .iframeFocus, .inputText, select, textarea { font-size: .85em }

/* menu.dropdown.background.color */
.optionButtons ul li, .pageMenu ul li a, .pageNavigation a, .pageNavigation li.children span { background-color: #f7f7f7 }
.optionButtons .popupMenu li a:hover { border-color: #f7f7f7 }

/* menu.dropdown.background.color.hover */
.pageMenu ul li a:hover, .pageNavigation a:hover, .pageNavigation li.children:hover span { background-color: #e0e0e0 }

/* menu.dropdown.link.color */
.pageMenu ul li a, .pageNavigation a, .pageNavigation li.children span { color: #555 }

/* menu.dropdown.link.color.hover */
.pageMenu ul li a:hover, .pageNavigation a:hover, .pageNavigation li.children:hover span { color: #000 }

/* menu.main.active.background.color */
#menu .activeMenuItem a { background-color: #777 }

/* menu.main.active.background.color.hover */
#menu .activeMenuItem a:hover { background-color: #cecece }

/* menu.main.active.caption.color */
#menu .activeMenuItem a { color: #fff }

/* menu.main.active.caption.color.hover */
#menu .activeMenuItem a:hover { color: #000 }

/* menu.main.background.color */
#menu ul li a { background-color: #efefef }

/* menu.main.background.color.hover */
#menu ul li a:hover { background-color: #fff }

/* menu.main.bar.divider.show */
#logo { border-bottom-width: 1px }

/* menu.main.bar.hide */
#menu { background-color: #f7f7f7 }

/* menu.main.caption.color */
#menu ul li a { color: #666 }

/* menu.main.caption.color.hover */
#menu ul li a:hover { color: #333 }

/* menu.main.position */
#menu ul { text-align:left;margin:0 auto 0 0 }

/* menu.tab.background.color */
.tabMenu li a { background-color: #e8e8e8 }

/* menu.tab.background.color.hover */
.tabMenu li a:hover { background-color: #fff }

/* menu.tab.button.active.background.color */
.subTabMenu ul li.activeSubTabMenu a { background-color: #444 }

/* menu.tab.button.active.background.color.hover */
.subTabMenu ul li.activeSubTabMenu a:hover { background-color: #666 }

/* menu.tab.button.active.caption.color */
.subTabMenu ul li.activeSubTabMenu a { color: #fff }

/* menu.tab.button.active.caption.color.hover */
.subTabMenu ul li.activeSubTabMenu a:hover { color: #fff }

/* menu.tab.button.background.color.hover */
.subTabMenu ul li a:hover { background-color: #666 }

/* menu.tab.button.border.color */
.subTabMenu ul li a, .subTabMenu ul li.activeSubTabMenu a { border-color: #aaa }

/* menu.tab.button.border.color.hover */
.subTabMenu ul li a:hover, .subTabMenu ul li.activeSubTabMenu a:hover { border-color: #bbb }

/* menu.tab.button.border.style */
.subTabMenu ul li a:hover, .subTabMenu ul li.activeSubTabMenu a { border-style: solid }

/* menu.tab.button.caption.color */
#search .searchInput noscript p a, .subTabMenu ul li a { color: #ddd }

/* menu.tab.button.caption.color.hover */
#search .searchInput noscript p a:hover, .subTabMenu ul li a:hover { color: #fff }

/* menu.tab.caption.color */
.tabMenu li a { color: #666 }

/* menu.tab.caption.color.hover */
.tabMenu li a:hover { color: #333 }

/* messages.sidebar.text.alignment */
.message .messageSidebar { text-align: center }

/* page.alignment */
body { text-align: center }

/* page.alignment.margin */
#page { margin-left:auto;margin-right:auto; }

/* page.background.color */
body, html { background-color: #fff }

/* page.font */
body, textarea { font-family: 'trebuchet ms',geneva }

/* page.font.2nd.color */
.formFieldDesc, .light { color: #888 }

/* page.font.2nd.size */
#search .searchInput noscript p a, #userPanel, .boardlistCounter, .boardlistDescription, .boardlistLastPost, .boardlistSubboards, .boardlistUsersOnline, .copyright, .editNote, .firstPost, .formField label, .formFieldDesc, .messageNumber, .moderators, .pageNavigation, .pageNavigation input, .pmMove p, .pmUsage, .popupMenu, .smallButtons span, .smallFont, .smallPages, .subTabMenu ul li, .tableList th, .userCredits, .userExtras, div.inlineCalendar, td.columnLastActivity, td.columnLocation, td.columnRegistrationDate, td.columnUserAgent { font-size: .85em }

/* page.font.color */
#userPanel a, .codeLineNumbers, body { color: #333 }

/* page.font.line.height */
.breadCrumbs, .error, .info, .message h3, .message h4, .messageBody, .success, .warning { line-height: 1.5 }

/* page.font.size */
#page { font-size: .8em }

/* page.header.background.color */
#header { background-color: #777 }

/* page.header.height */
#logo { height: 90px }

/* page.link.color */
a { color: #666 }

/* page.link.color.active */
#userPanel a:active, .border .container-1 a:active, .border .container-2 a:active, .border .container-3 a:active, .border .containerHead a:active, .breadCrumbs li a:active, a:active { color: #08f }

/* page.link.color.hover */
.breadCrumbs li a:hover, a:hover { color: #333 }

/* page.link.external.color */
* a.externalURL { color: #333 }

/* page.link.external.color.hover */
* a.externalURL:hover { color: #08f }

/* page.logo.image.alignment */
#logo .pageLogo { text-align: left }

/* page.logo.image.padding.left */
#logo .pageLogo img { margin-left: 13px }

/* page.logo.image.padding.right */
#logo .pageLogo img { margin-right: 0px }

/* page.logo.image.padding.top */
#logo .pageLogo img { margin-top: 5px }

/* page.title.font */
h2 { font-family: 'trebuchet ms',geneva }

/* page.title.font.color */
h2, h2 a, h2 a:hover { color: #333 }

/* page.title.font.size */
h2 { font-size: 1.3em }

/* page.title.font.style */
h2 { font-style: normal }

/* page.title.font.weight */
h2 { font-weight: normal }

/* page.width.max */
#page { max-width: 100% }

/* page.width.min */
#page { min-width: 100% }

/* selection.background.color */
.activeContainer, .activeMessage, .avatarSelect .selected label, .largeButtons ul li.selected > a, .markedDayField a, .pageMenu .pageMenuItemSelected a, .pageNavigation li.active span, .smallButtons ul li.selected > a, a.mceButtonSelected img { background-color: #def }

/* selection.border.color */
.activeContainer, .attachmentPreview ul li:hover, .avatarSelect .selected label, .avatarSelect li label:hover, .inlineCalendarTable a:hover, .largeButtons ul li.selected, .markedDayField a, .mceResizeBox, .pageNavigation li.active, .smallButtons ul li.selected, a.mceButtonNormal:hover img, a.mceButtonSelected img { border-color: #08f }

/* selection.border.style */
.activeContainer, .attachmentPreview ul li, .attachmentPreview ul li:hover, .avatarDisplay div, .avatarSelect .selected label, .avatarSelect li label, .avatarSelect li label:hover, .inlineCalendarTable a:hover, .largeButtons ul li.selected, .markedDayField a, .mceResizeBox, .pageNavigation li.active, .smallButtons ul li.selected, a.mceButtonNormal:hover img, a.mceButtonSelected img { border-style: solid }

/* selection.border.width */
.activeContainer, .attachmentPreview ul li, .attachmentPreview ul li:hover, .avatarDisplay div, .avatarSelect .selected label, .avatarSelect li label, .avatarSelect li label:hover, .inlineCalendarTable a:hover, .largeButtons ul li.selected, .markedDayField a, .mceResizeBox, .pageNavigation li.active, .smallButtons ul li.selected, a.mceButtonNormal:hover img, a.mceButtonSelected img { border-width: 1px }

/* selection.font.2nd.color */
.activeContainer .light, .activeContainer .light a, .activeContainer a:hover { color: #333 }

/* selection.font.color */
.activeContainer, .markedDayField a, .pageMenuItemSelected a, .pageNavigation li.active span { color: #333 }

/* selection.link.color */
.activeContainer a, .largeButtons li.selected > a, .smallButtons li.selected > a { color: #666 }

/* table.head.active.background.color */
.tableHead .active, .tableHead .active a { background-color: #e8e8e8 }

/* table.head.active.background.color.hover */
.tableHead .active a:hover { background-color: #efefef }

/* table.head.active.border.bottom.color */
.tableHead .active div { border-color: #08f }

/* table.head.active.border.bottom.color.hover */
.tableHead .active a:hover, .tableHead .active div:hover { border-color: #08f }

/* table.head.active.caption.color */
.tableHead .active, .tableHead .active a { color: #333 }

/* table.head.active.caption.color.hover */
.tableHead .active a:hover { color: #333 }

/* table.head.background.color */
.tableHead, .tableHead a { background-color: #cecece }

/* table.head.background.color.hover */
.tableHead a:hover { background-color: #e8e8e8 }

/* table.head.border.bottom.color */
.tableHead div { border-color: #999 }

/* table.head.border.bottom.color.hover */
.tableHead a:hover, .tableHead div:hover { border-color: #999 }

/* table.head.border.bottom.style */
.tableHead div { border-style: solid }

/* table.head.caption.color */
.tableHead, .tableHead a { color: #666 }

/* table.head.caption.color.hover */
.tableHead a:hover { color: #333 }