@import url(../../prosilver/theme/normalize.css);
@import url(../../prosilver/theme/base.css);
@import url(../../prosilver/theme/utilities.css);
@import url(../../prosilver/theme/common.css);
@import url(../../prosilver/theme/links.css);
@import url(../../prosilver/theme/content.css);
@import url(../../prosilver/theme/buttons.css);
@import url(../../prosilver/theme/cp.css);
@import url(../../prosilver/theme/forms.css);
@import url(../../prosilver/theme/icons.css);
@import url(../../prosilver/theme/responsive.css);
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html,
body {
  color: #fff;
  background-color: #333; }

h1 {
  color: #fff;
  font-size: 3rem; }

h2 {
  color: #333; }

h3 {
  border-bottom-color: #ccc;
  color: #333; }

hr {
  border-color: #fff;
  border-top-color: #ccc; }

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a {
  color: #555; }
  a:hover {
    color: #f5720d; }

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
  color: #fff; }

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
  color: #d7d7d7; }

/* Notification mark read link */
.dropdown-extended a.mark_read {
  background-color: #fff; }

/* Post body links */
.postlink {
  border-bottom-color: #808080;
  color: #808080; }

.postlink:visited {
  border-bottom-color: #888;
  color: #888; }

.postlink:hover {
  background-color: #e7e7e7;
  color: #444; }

.signature a, .signature a:hover {
  background-color: transparent; }

/* Back to top of page */
.top i {
  color: #999; }

/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
  color: #808080; }

/* Round cornered boxes and backgrounds
---------------------------------------- */
.wrap {
  background-color: #fff;
  border-color: #eee; }

.headerbar {
  color: #fff; }

.headerbar, .forumbg {
  background-color: #888;
  background-image: linear-gradient(to bottom, #bbb 0%, #555 2px, #888 92px, #888 100%);
  background-repeat: repeat-x; }

.forabg {
  background-color: #666;
  background-image: linear-gradient(to bottom, #bbb 0%, #888 2px, #666 92px, #666 100%);
  background-repeat: repeat-x; }

.navbar {
  background-color: #ddd; }

.panel {
  background-color: #eee;
  color: #333; }

.post:target .content {
  color: #000; }

.post h3 a.first-unread,
.post:target h3 a {
  color: #000; }

.bg1 {
  background-color: #eee; }

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
  background-color: #eee; }

.bg2 {
  background-color: #e7e7e7; }

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
  background-color: #e7e7e7; }

.bg3 {
  background-color: #ddd; }

.ucprowbg {
  background-color: #d7d7d7; }

.fieldsbg {
  background-color: #eee; }

/* Horizontal lists
----------------------------------------*/
ul.navlinks {
  border-top-color: #fff; }

/* Table styles
----------------------------------------*/
table.table1 thead th {
  color: #fff; }

table.table1 tbody tr {
  border-color: #bbb; }

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
  background-color: #eee;
  color: #000; }

table.table1 td {
  color: #777; }

table.table1 tbody td {
  border-top-color: #f8f8f8; }

table.table1 tbody th {
  border-bottom-color: #000;
  color: #333;
  background-color: #fff; }

table.info tbody th {
  color: #000; }

/* Misc layout styles
---------------------------------------- */
dl.details dt {
  color: #000; }

dl.details dd {
  color: #777; }

.sep {
  color: #1198D9; }

/* Icon styles
---------------------------------------- */
.icon.icon-blue {
  color: #333; }
  a:hover .icon.icon-blue {
    color: #333; }
.icon.icon-green {
  color: #1b9A1B; }
  a:hover .icon.icon-green {
    color: #1b9A1B; }
.icon.icon-red {
  color: #d3620a; }
  a:hover .icon.icon-red {
    color: #d3620a; }
.icon.icon-orange {
  color: #ff770d; }
  a:hover .icon.icon-orange {
    color: #d3620a; }
.icon.icon-bluegray {
  color: #777; }
  a:hover .icon.icon-bluegray {
    color: #777; }
.icon.icon-gray {
  color: #777; }
  a:hover .icon.icon-gray {
    color: #777; }
.icon.icon-lightgray {
  color: #999; }
  a:hover .icon.icon-lightgray {
    color: #999; }
.icon.icon-black {
  color: #333; }
  a:hover .icon.icon-black {
    color: #333; }

.alert_close .icon:before {
  background-color: #fff; }

/* Jumpbox */
.jumpbox .dropdown li {
  border-top-color: #ccc; }

.jumpbox-cat-link {
  background-color: #666;
  border-top-color: #666;
  color: #fff; }

.jumpbox-cat-link:hover {
  background-color: #888;
  border-top-color: #888;
  color: #fff; }

.jumpbox-forum-link {
  background-color: #e7e7e7; }

.jumpbox-forum-link:hover {
  background-color: #F6F4D0; }

.jumpbox .dropdown .pointer-inner {
  border-color: #e7e7e7 transparent; }

.jumpbox-sub-link {
  background-color: #e7e7e7; }

.jumpbox-sub-link:hover {
  background-color: #F1F8FF; }

/* Miscellaneous styles
---------------------------------------- */
.copyright {
  color: #555; }

.error {
  color: #BC2A4D; }

.reported {
  background-color: #F7ECEF; }

li.reported:hover {
  background-color: #ECD5D8 !important; }

.sticky, .announce {
  /* you can add a background for stickies and announcements*/ }

div.rules {
  background-color: #fc9;
  color: #333; }

p.post-notice {
  background-color: #fc9;
  background-image: none; }

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
  background-color: #f8f8f8;
  /* Old browsers */
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #e7e7e7 0%, #f8f8f8 100%);
  /* W3C */ }

ul.topiclist li {
  color: #555; }

ul.topiclist dd {
  border-left-color: #fff; }

.rtl ul.topiclist dd {
  border-right-color: #fff;
  border-left-color: transparent; }

li.row {
  border-top-color: #fff;
  border-bottom-color: #555; }

li.row strong {
  color: #000; }

li.row:hover {
  background-color: #F6F4D0; }

li.row:hover dd {
  border-left-color: #ccc; }

.rtl li.row:hover dd {
  border-right-color: #ccc;
  border-left-color: transparent; }

li.header dt, li.header dd {
  color: #fff; }

/* Post body styles
----------------------------------------*/
.postbody {
  color: #333; }

/* Content container styles
----------------------------------------*/
.content {
  color: #333; }

.content h2,
.panel h2 {
  color: #333;
  border-bottom-color: #ccc; }

dl.faq dt {
  color: #333; }

.posthilit {
  background-color: #fc9;
  color: #333; }

.announce, .unreadpost {
  /* Highlight the announcements & unread posts box */ }

/* Post signature */
.signature {
  border-top-color: #ccc; }

/* Post noticies */
.notice {
  border-top-color: #ccc; }

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
  background-color: #EBEADD;
  border-color: #DBDBCE; }

blockquote blockquote {
  /* Nested quotes */
  background-color: #EFEED9; }

blockquote blockquote blockquote {
  /* Nested quotes */
  background-color: #EBEADD; }

/* Code block */
.codebox {
  background-color: #fff;
  border-color: #ccc; }

.codebox p {
  border-bottom-color: #ccc; }

.codebox code {
  color: #777; }

/* Attachments
----------------------------------------*/
.attachbox {
  background-color: #fff;
  border-color: #d7d7d7; }

.pm-message .attachbox {
  background-color: #eee; }

.attachbox dd {
  border-top-color: #d7d7d7; }

.attachbox p {
  color: #666; }

.attachbox p.stats {
  color: #666; }

.attach-image img {
  border-color: #999; }

/* Inline image thumbnails */
dl.file dd {
  color: #666; }

dl.thumbnail img {
  border-color: #666;
  background-color: #fff; }

dl.thumbnail dd {
  color: #666; }

dl.thumbnail dt a:hover {
  background-color: #eee; }

dl.thumbnail dt a:hover img {
  border-color: #808080; }

/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
  border-top-color: #d7d7d7;
  color: #666; }

fieldset.polls dl.voted {
  color: #000; }

fieldset.polls dd div {
  color: #fff; }

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
  border-right-color: transparent; }

.pollbar1 {
  background-color: #AA2346;
  border-bottom-color: #74162C;
  border-right-color: #74162C; }

.rtl .pollbar1 {
  border-left-color: #74162C; }

.pollbar2 {
  background-color: #BE1E4A;
  border-bottom-color: #8C1C38;
  border-right-color: #8C1C38; }

.rtl .pollbar2 {
  border-left-color: #8C1C38; }

.pollbar3 {
  background-color: #D11A4E;
  border-bottom-color: #AA2346;
  border-right-color: #AA2346; }

.rtl .pollbar3 {
  border-left-color: #AA2346; }

.pollbar4 {
  background-color: #E41653;
  border-bottom-color: #BE1E4A;
  border-right-color: #BE1E4A; }

.rtl .pollbar4 {
  border-left-color: #BE1E4A; }

.pollbar5 {
  background-color: #F81157;
  border-bottom-color: #D11A4E;
  border-right-color: #D11A4E; }

.rtl .pollbar5 {
  border-left-color: #D11A4E; }

/* Poster profile block
----------------------------------------*/
.postprofile {
  color: #666;
  border-color: #fff; }

.pm .postprofile {
  border-color: #ddd; }

.postprofile strong {
  color: #000; }

.online {
  background-image: url("../../prosilver/theme/en/icon_user_online.gif"); }

dd.profile-warnings {
  color: #d3620a; }

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
  border-color: #ccc;
  background-color: #e7e7e7;
  /* Old browsers */
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #fff 0%, #e7e7e7 100%);
  /* W3C */
  box-shadow: 0 0 0 1px #fff inset;
  color: #d3620a; }

.button:hover,
.button:focus {
  border-color: #d3620a;
  background-color: #fff;
  /* Old browsers */
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #e7e7e7 0%, #fff 100%);
  /* W3C */
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px -1px 0 rgba(188, 42, 77, 0.2); }

.button .icon,
.button-secondary {
  color: #919191; }

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
  color: #f5720d; }

.button-search:hover,
.button-search-end:hover {
  border-color: #ccc; }

.caret {
  border-color: #DADADA; }

.caret {
  border-color: #ccc; }

.contact-icons a {
  border-color: #ddd; }

.contact-icons a:hover {
  background-color: #f8f8f8; }

/* Pagination
---------------------------------------- */
.pagination li a {
  background: #eee;
  filter: none;
  border-color: #bbb;
  box-shadow: none;
  color: #777; }

.pagination li.ellipsis span {
  background: transparent;
  color: #000; }

.pagination li.active span {
  background: #808080;
  border-color: #808080;
  color: #fff; }

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
  background: #808080;
  border-color: #808080;
  filter: none;
  color: #fff;
  text-shadow: none; }

/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
  border-color: #ccc; }

.search-header {
  box-shadow: 0 0 10px #666; }

.search-results li:hover,
.search-results li.active {
  background-color: #e7e7e7; }

/* Icon images
---------------------------------------- */
.contact-icon {
  background-image: url("../../prosilver/theme/images/icons_contact.png"); }

/* Profile & navigation icons */
.pm-icon {
  background-position: 0 0; }

.email-icon {
  background-position: -21px 0; }

.jabber-icon {
  background-position: -80px 0; }

.phpbb_icq-icon {
  background-position: -61px 0; }

.phpbb_wlm-icon {
  background-position: -182px 0; }

.phpbb_aol-icon {
  background-position: -244px 0; }

.phpbb_website-icon {
  background-position: -40px 0; }

.phpbb_youtube-icon {
  background-position: -98px 0; }

.phpbb_facebook-icon {
  background-position: -119px 0; }

.phpbb_skype-icon {
  background-position: -161px 0; }

.phpbb_twitter-icon {
  background-position: -203px 0; }

.phpbb_yahoo-icon {
  background-position: -224px 0; }

/* Forum icons & Topic icons */
.global_read {
  background-image: url("../../prosilver/theme/images/announce_read.gif"); }

.global_read_mine {
  background-image: url("../../prosilver/theme/images/announce_read_mine.gif"); }

.global_read_locked {
  background-image: url("../../prosilver/theme/images/announce_read_locked.gif"); }

.global_read_locked_mine {
  background-image: url("../../prosilver/theme/images/announce_read_locked_mine.gif"); }

.global_unread {
  background-image: url("../../prosilver/theme/images/announce_unread.gif"); }

.global_unread_mine {
  background-image: url("../../prosilver/theme/images/announce_unread_mine.gif"); }

.global_unread_locked {
  background-image: url("../../prosilver/theme/images/announce_unread_locked.gif"); }

.global_unread_locked_mine {
  background-image: url("../../prosilver/theme/images/announce_unread_locked_mine.gif"); }

.announce_read {
  background-image: url("../../prosilver/theme/images/announce_read.gif"); }

.announce_read_mine {
  background-image: url("../../prosilver/theme/images/announce_read_mine.gif"); }

.announce_read_locked {
  background-image: url("../../prosilver/theme/images/announce_read_locked.gif"); }

.announce_read_locked_mine {
  background-image: url("../../prosilver/theme/images/announce_read_locked_mine.gif"); }

.announce_unread {
  background-image: url("../../prosilver/theme/images/announce_unread.gif"); }

.announce_unread_mine {
  background-image: url("../../prosilver/theme/images/announce_unread_mine.gif"); }

.announce_unread_locked {
  background-image: url("../../prosilver/theme/images/announce_unread_locked.gif"); }

.announce_unread_locked_mine {
  background-image: url("../../prosilver/theme/images/announce_unread_locked_mine.gif"); }

.forum_link {
  background-image: url("../../prosilver/theme/images/forum_link.gif"); }

.forum_read {
  background-image: url("../../prosilver/theme/images/forum_read.gif"); }

.forum_read_locked {
  background-image: url("../../prosilver/theme/images/forum_read_locked.gif"); }

.forum_read_subforum {
  background-image: url("../../prosilver/theme/images/forum_read_subforum.gif"); }

.forum_unread {
  background-image: url("../../prosilver/theme/images/forum_unread.gif"); }

.forum_unread_locked {
  background-image: url("../../prosilver/theme/images/forum_unread_locked.gif"); }

.forum_unread_subforum {
  background-image: url("../../prosilver/theme/images/forum_unread_subforum.gif"); }

.sticky_read {
  background-image: url("../../prosilver/theme/images/sticky_read.gif"); }

.sticky_read_mine {
  background-image: url("../../prosilver/theme/images/sticky_read_mine.gif"); }

.sticky_read_locked {
  background-image: url("../../prosilver/theme/images/sticky_read_locked.gif"); }

.sticky_read_locked_mine {
  background-image: url("../../prosilver/theme/images/sticky_read_locked_mine.gif"); }

.sticky_unread {
  background-image: url("../../prosilver/theme/images/sticky_unread.gif"); }

.sticky_unread_mine {
  background-image: url("../../prosilver/theme/images/sticky_unread_mine.gif"); }

.sticky_unread_locked {
  background-image: url("../../prosilver/theme/images/sticky_unread_locked.gif"); }

.sticky_unread_locked_mine {
  background-image: url("../../prosilver/theme/images/sticky_unread_locked_mine.gif"); }

.topic_moved {
  background-image: url("../../prosilver/theme/images/topic_moved.gif"); }

.pm_read,
.topic_read {
  background-image: url("../../prosilver/theme/images/topic_read.gif"); }

.topic_read_mine {
  background-image: url("../../prosilver/theme/images/topic_read_mine.gif"); }

.topic_read_hot {
  background-image: url("../../prosilver/theme/images/topic_read_hot.gif"); }

.topic_read_hot_mine {
  background-image: url("../../prosilver/theme/images/topic_read_hot_mine.gif"); }

.topic_read_locked {
  background-image: url("../../prosilver/theme/images/topic_read_locked.gif"); }

.topic_read_locked_mine {
  background-image: url("../../prosilver/theme/images/topic_read_locked_mine.gif"); }

.pm_unread,
.topic_unread {
  background-image: url("../../prosilver/theme/images/topic_unread.gif"); }

.topic_unread_mine {
  background-image: url("../../prosilver/theme/images/topic_unread_mine.gif"); }

.topic_unread_hot {
  background-image: url("../../prosilver/theme/images/topic_unread_hot.gif"); }

.topic_unread_hot_mine {
  background-image: url("../../prosilver/theme/images/topic_unread_hot_mine.gif"); }

.topic_unread_locked {
  background-image: url("../../prosilver/theme/images/topic_unread_locked.gif"); }

.topic_unread_locked_mine {
  background-image: url("../../prosilver/theme/images/topic_unread_locked_mine.gif"); }

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, .cp-menu hr {
  border-color: #bbb; }

.panel-container .panel li.row {
  border-bottom-color: #bbb;
  border-top-color: #f8f8f8; }

ul.cplist {
  border-top-color: #bbb; }

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
  color: #000; }

.panel-container table.table1 thead th {
  color: #333;
  border-bottom-color: #333; }

.cp-main .pm-message {
  border-color: #ddd;
  background-color: #fff; }

/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
  background: #ccc;
  color: #777; }

.tabs .tab > a:hover {
  background: #eee;
  color: #d3620a; }

.tabs .activetab > a,
.tabs .activetab > a:hover {
  background-color: #ddd;
  /* Old browsers */
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #E2F2FF 0%, #ddd 100%);
  /* W3C */
  border-color: #ddd;
  box-shadow: 0 1px 1px #F2F9FF inset;
  color: #333; }

.tabs .activetab > a:hover {
  color: #000; }

/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
  background-color: #e7e7e7; }

.minitabs .activetab > a,
.minitabs .activetab > a:hover {
  background-color: #f8f8f8;
  color: #333; }

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
  border-color: #777; }

.responsive-tab .responsive-tab-link:hover:before {
  border-color: #d3620a; }

/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
.navigation a {
  color: #333;
  background: #ddd;
  /* Old browsers */
  /* FF3.6+ */
  background: linear-gradient(to right, #bbb 50%, #ddd 100%);
  /* W3C */ }

.rtl .navigation a {
  background: #bbb;
  /* Old browsers */
  /* FF3.6+ */
  background: linear-gradient(to right, #ddd 50%, #bbb 100%);
  /* W3C */ }

.navigation a:hover {
  background: #bbb;
  color: #d3620a; }

.navigation .active-subsection a {
  background: #f8f8f8;
  color: #d3620a; }

.navigation .active-subsection a:hover {
  color: #d3620a; }

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
  #navigation a, .rtl #navigation a {
    background: #bbb; } }
/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
  color: #333; }

.panel-container .panel {
  background-color: #f8f8f8; }

.cp-main .pm {
  background-color: #fff; }

/* Friends list */
.cp-mini {
  background-color: #f8f8f8; }

dl.mini dt {
  color: #555; }

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
  color: #000 !important; }

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
  border-left-color: #BC2A4D;
  border-right-color: #BC2A4D; }

.pmlist li.pm_marked_colour, .pm_marked_colour {
  border-color: #FF6600; }

.pmlist li.pm_replied_colour, .pm_replied_colour {
  border-color: #A9B8C2; }

.pmlist li.pm_friend_colour, .pm_friend_colour {
  border-color: #888; }

.pmlist li.pm_foe_colour, .pm_foe_colour {
  border-color: #000; }

/* Avatar gallery */
.gallery label {
  background: #fff;
  border-color: #ccc; }

.gallery label:hover {
  background-color: #eee; }

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
  border-color: #666;
  background-color: #f8f8f8;
  color: #000; }

label {
  color: #555; }

option.disabled-option {
  color: graytext; }

/* Definition list layout for forms
---------------------------------------- */
dd label {
  color: #333; }

fieldset.fields1 {
  background-color: transparent; }

/* Hover effects */
fieldset dl:hover dt label {
  color: #000; }

fieldset.fields2 dl:hover dt label {
  color: inherit; }

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
  background-color: #f8f8f8; }

/* Posting page styles
----------------------------------------*/
.message-box textarea {
  color: #333; }

.message-box textarea.drag-n-drop {
  outline-color: rgba(102, 102, 102, 0.5); }

.message-box textarea.drag-n-drop-highlight {
  outline-color: rgba(17, 163, 234, 0.5); }

/* Input field styles
---------------------------------------- */
.inputbox {
  background-color: #fff;
  border-color: #aaa;
  color: #333; }

.inputbox:-moz-placeholder {
  color: #333; }

.inputbox::-webkit-input-placeholder {
  color: #333; }

.inputbox:hover, .inputbox:focus {
  border-color: #d3620a; }

.inputbox:focus:-moz-placeholder {
  color: transparent; }

.inputbox:focus::-webkit-input-placeholder {
  color: transparent; }

/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
  color: #000;
  background-color: #eee;
  /* Old browsers */
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #d7d7d7 0%, #eee 100%);
  /* W3C */ }

a.button1, input.button1 {
  border-color: #666; }

input.button3 {
  background-image: none; }

/* Alternative button */
a.button2, input.button2, input.button3 {
  border-color: #666; }

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
  color: #000; }

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
  border-color: #d3620a;
  color: #d3620a;
  background-color: #d7d7d7;
  /* Old browsers */
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #eee 0%, #d7d7d7 100%);
  /* W3C */ }

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
  border-color: #ff770d; }

input.disabled {
  color: #666; }

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
  background-color: #fff;
  border-color: #999; }

.darken {
  background-color: #000; }

.loading_indicator {
  background-color: #000;
  background-image: url("../../prosilver/theme/images/loading.gif"); }

.dropdown-extended ul li {
  border-top-color: #bbb; }

.dropdown-extended ul li:hover {
  background-color: #ddd;
  color: #000; }

.dropdown-extended .header, .dropdown-extended .footer {
  border-color: #bbb;
  color: #000; }

.dropdown-extended .footer {
  border-top-style: solid;
  border-top-width: 1px; }

.dropdown-extended .header {
  background-color: #f8f8f8;
  /* Old browsers */
  /* FF3.6+ */
  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ddd 100%);
  /* W3C */ }

.dropdown .pointer {
  border-color: #bbb transparent; }

.dropdown .pointer-inner {
  border-color: #fff transparent; }

.dropdown-extended .pointer-inner {
  border-color: #f8f8f8 transparent; }

.dropdown .dropdown-contents {
  background: #fff;
  border-color: #bbb;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); }

.dropdown-up .dropdown-contents {
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2); }

.dropdown li, .dropdown li li {
  border-color: #ddd; }

.dropdown li.separator {
  border-color: #ddd; }

/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
  color: #4C5D77; }

li.notification-reported strong, li.notification-disapproved strong {
  color: #d3620a; }

.badge {
  background-color: #d3620a;
  color: #fff; }

body {
  padding-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%; }

p {
  font-size: 1rem; }

.content p,
.panel p {
  font-size: 1rem; }

.panel-container .panel p {
  font-size: 1rem; }

table.table1 thead {
  background-color: #d3620a;
  background-image: linear-gradient(to bottom, #ff770d, #d3620a); }
table.table1 thead th,
table.table1 td {
  font-size: 1em; }
table.table1 a.username, table.table1 a.username-coloured {
  font-size: 1.25em; }

fieldset {
  font-size: 1rem; }
  fieldset.submit-buttons {
    line-height: 2em; }

h1 {
  font-family: Arial, Helvetica, sans-serif; }

h2 {
  font-family: Arial, Helvetica, sans-serif; }

h3 {
  font-family: Arial, Helvetica, sans-serif; }

h4 {
  font-family: Arial, Helvetica, sans-serif; }

@media (max-width: 700px) {
  .headerbar, .navbar, .forabg, .forumbg, .post, .panel {
    margin-left: 0;
    margin-right: 0; } }
.wrap {
  border: none;
  border-radius: 0;
  margin: 0 auto !important;
  padding: 0;
  width: 1200px;
  max-width: 98%;
  color: #333;
  background-color: #f8f8f8;
  box-shadow: 0 0 10px 2px #fff; }
  @media screen and (max-width: 960px) {
    .wrap {
      max-width: 100%; } }

#header {
  z-index: 10;
  position: relative; }
  #header .headerbar {
    height: 11.75vw;
    min-height: 53px;
    max-height: 141px;
    overflow-y: hidden;
    box-sizing: border-box;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    background-color: #d3620a;
    background-image: url(images/headerpic1.jpg), linear-gradient(to bottom, #ff770d, #d3620a);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-size: 20px; }
    #header .headerbar #logo {
      float: none;
      padding: 0;
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      bottom: 0;
      width: 413px;
      max-width: 66%;
      height: 91px;
      max-height: 100%;
      background-image: url(images/talogo.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom left; }
    #header .headerbar h1 {
      position: relative;
      z-index: 15;
      width: fit-content;
      margin: 0 auto;
      font-size: 2.5em;
      text-shadow: 0 0 1px #000, 0 0 5px #000, 0 0 10px #000, 0 0 20px #000;
      line-height: 1.5em; }
    #header .headerbar h2 {
      position: relative;
      z-index: 15;
      font-size: 1.5em;
      line-height: 1.5em;
      font-weight: bold;
      text-shadow: 0 0 1px #000, 0 0 5px #000, 0 0 10px #000, 0 0 20px #000;
      color: #fff;
      width: fit-content;
      margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      #header .headerbar h1 {
        font-size: 1.8em; }
      #header .headerbar h2 {
        font-size: 1.2em; } }
    @media screen and (max-width: 800px) {
      #header .headerbar h1 {
        font-size: 1.4em; }
      #header .headerbar h2 {
        font-size: .9em; } }
    @media screen and (max-width: 640px) {
      #header .headerbar h1 {
        display: none; } }
  #header .search-header {
    z-index: 20;
    margin: 0;
    position: absolute;
    bottom: .5em;
    right: .5em;
    border-radius: 0; }
    #header .search-header .inputbox,
    #header .search-header * {
      border-radius: 0; }
    @media (max-width: 890px) {
      #header .search-header {
        display: none; } }
  #header #header-feed {
    z-index: 20;
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-size: 1.25rem; }
    @media (max-width: 890px) {
      #header #header-feed {
        display: none; } }
  #header #navtoggle {
    font-size: 20px;
    display: none;
    position: absolute;
    z-index: 40;
    right: .5em;
    top: calc((11.75vw - 1.5em) / 2);
    width: 1.5em;
    height: auto;
    cursor: pointer;
    box-shadow: 0 0 5px #000;
    transition: fill .2s ease-in-out; }
    #header #navtoggle .background {
      fill: #ddd; }
    #header #navtoggle .bar {
      fill: #888; }
      body.showmenu #header #navtoggle .bar {
        fill: #f5720d; }
    #header #navtoggle:hover .background, #header #navtoggle:focus .background {
      fill: #eee; }
    #header #navtoggle:hover .bar, #header #navtoggle:focus .bar {
      fill: #080808; }
    @media (max-width: 890px) {
      #header #navtoggle {
        display: block; } }
  #header .mainnav {
    background-color: #d3620a;
    background-image: linear-gradient(to bottom, #ff770d, #d3620a);
    font-size: 20px;
    line-height: 1.5em; }
    #header .mainnav ul {
      list-style: none;
      margin: 0 auto;
      width: 1200px;
      max-width: 98%;
      padding: 0;
      font-weight: bold;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      @media screen and (max-width: 960px) {
        #header .mainnav ul {
          max-width: 100%; } }
      #header .mainnav ul li {
        margin: 0;
        padding: 0; }
        #header .mainnav ul li a {
          display: block;
          margin: 0;
          padding: 0 .5em;
          box-sizing: border-box;
          outline: none;
          color: #fff;
          background-color: #d3620a;
          background-image: linear-gradient(to bottom, #ff770d, #d3620a);
          text-shadow: 2px 2px 5px #000;
          text-decoration: none;
          text-align: center;
          transition: background .2s ease-in-out, text-shadow .2s ease-in-out; }
          #header .mainnav ul li a:hover, #header .mainnav ul li a:focus {
            background-color: #888;
            background-image: linear-gradient(to bottom, #919191, #5a5a5a);
            color: #f5720d;
            text-shadow: 2px 2px 5px #000; }
        #header .mainnav ul li.current a {
          background-color: #fc9;
          background-image: linear-gradient(to bottom, #fc9, #d2a87e);
          color: #000;
          text-shadow: 2px 2px 5px #fff; }
    @media screen and (max-width: 890px) {
      #header .mainnav {
        display: none; }
        body.showmenu #header .mainnav {
          display: block; }
        #header .mainnav ul li {
          width: 100%; }
          #header .mainnav ul li a {
            width: 100%;
            padding: .25em .5em; } }

.navbar {
  border-radius: 0;
  padding: 0;
  background-color: transparent; }
  .navbar ul.nav-main {
    padding: .25em 1em;
    background-color: #d3620a;
    background-image: linear-gradient(to bottom, #ff770d, #d3620a); }
  .navbar ul.nav-breadcrumbs {
    padding: .25em 1em;
    border: none; }

.breadcrumbs .crumb::before {
  content: '>'; }

.responsive-feed {
  display: none; }
  @media (max-width: 890px) {
    .responsive-feed {
      display: block; } }

@media (max-width: 890px) {
  .responsive-search {
    display: block !important; } }

.page-body {
  padding: 0 1em; }

.page-footer .navbar {
  padding: .25em 1em; }
.page-footer .copyright {
  background-color: #808080;
  background-image: linear-gradient(to bottom, #919191, #5a5a5a);
  color: #fff; }
  .page-footer .copyright a {
    color: #fff; }
    .page-footer .copyright a:hover {
      color: #fc9; }

.rules h3 {
  margin-top: 0;
  border-color: transparent; }
  .rules h3 a {
    color: #333; }
.rules .dropdown {
  position: initial;
  width: 100%; }

a.forumtitle {
  font-size: 1.1rem; }

.feed-icon-forum .icon {
  font-size: 1.25em; }

a.feed-icon-topic {
  float: right;
  margin: 3px; }
  a.feed-icon-topic .icon {
    font-size: 1.25em; }

.tabs .tab > a {
  background-color: #aaa;
  color: #eee; }
  .tabs .tab > a:hover {
    background-color: #eee;
    color: #333; }
.tabs .activetab > a {
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #f8f8f8, #ddd);
  color: #333;
  border-color: #ddd; }
  .tabs .activetab > a:hover {
    background-color: #eee;
    background-image: linear-gradient(to bottom, #fff, #eee);
    color: #333;
    border-color: #ddd; }

.navigation a {
  background-color: #aaa;
  background-image: linear-gradient(to right, #ccc, #eee);
  color: #333; }
  .navigation a:hover {
    background-color: #bbb;
    background-image: linear-gradient(to right, #ddd, #eee);
    color: #333; }
.navigation .active-subsection a {
  background-color: #fff;
  background-image: none;
  color: #333; }
  .navigation .active-subsection a:hover {
    background-color: #fff;
    background-image: none;
    color: #333; }

.navbar ul.nav-main > li > a,
a.header-avatar {
  color: white;
  text-shadow: 2px 2px 2px #666; }

.navbar .nav-transalp {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 2em; }
  .navbar .nav-transalp li {
    font-size: 1.1em;
    line-height: 2.2em; }
    .navbar .nav-transalp li a {
      font-weight: bold; }

.message-box textarea {
  font-size: 1rem; }

.panel {
  background-color: #fff;
  border-radius: 0;
  font-size: 1rem; }

.content {
  font-size: 1rem; }

.forabg {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0;
  background-color: #fff;
  background-image: none; }

.forumbg {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0;
  background-color: #d3620a;
  background-image: linear-gradient(to bottom, #ff770d, #d3620a); }

.agreement {
  font-size: inherit;
  line-height: inherit; }
  .agreement ol li {
    margin-bottom: 1em; }
    .agreement ol li:last-child {
      margin-bottom: 0; }

ul.topiclist dt {
  font-size: .9rem; }
ul.topiclist li.header {
  font-weight: bold;
  background-color: #f5720d;
  background-image: linear-gradient(to bottom, #ff770d, #d3620a);
  color: #fff;
  text-shadow: 2px 2px 2px #666; }
ul.topiclist li.row {
  background-color: #eee;
  background-image: linear-gradient(to bottom, #ddd, #fff);
  border-top-color: #fff;
  border-bottom-color: #ddd; }
  ul.topiclist li.row:last-child {
    border-bottom-color: transparent; }

li.header dt {
  font-weight: bold;
  font-size: 1.1rem; }
li.header dd {
  font-size: .8rem; }

.panel-container .panel li.header dt,
.panel-container .panel li.header dd {
  color: #fff; }

li.header dl.row-item dt .list-inner {
  padding-left: 5px; }

.post {
  border-radius: 0;
  border: 1px solid #ddd; }

blockquote {
  background-color: #f8f8f8;
  border-color: #ddd; }
  blockquote blockquote {
    background-color: #eee;
    border-color: #d7d7d7; }
    blockquote blockquote blockquote {
      background-color: #e7e7e7;
      border-color: #ccc; }

.bg1 {
  background-color: #fff; }

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
  background-color: #fff; }

.bg2 {
  background-color: #fff; }

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
  background-color: #ddd; }

.bg3 {
  background-color: #ddd; }

/*# sourceMappingURL=stylesheet.css.map */
