/* Font LetterGothicStd */
@font-face {
	font-family: 'LetterGothicStd';
	src: 	url('font/LetterGothicStd.otf');
	font-weight: normal;
	font-style: normal;
	cursor:context-menu;
}
/* HEADER */
.wrap {
	padding: 0;
	/*min-width: 650px;
	max-width: 950px;*/
	width:100%;
	background-color: transparent;
	border: 1px solid #0e48d1;
	border-radius: 10px;
    box-shadow: 12px 12px 22px #0e48d1;
}

.site_logo {
	background-image: url("./images/site_logo.png");
	width: 242px;
	height: 105px;
}

.site_description {
	width: auto;
	margin: 25px 0 0;
	float: right;
	text-align: right;
}

.search-box .inputbox {
	background-color: rgba(0,0,40,0.6);
	border: 1px solid #0075B0;
	color: #c8d5e9;
}

.search-header {
	box-shadow: none;
	border: 1px solid #0e48d1;
	border-radius: 10px;
    box-shadow: 12px 12px 22px #0e48d1;
}

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

.headerbar {
	background: rgba(0,0,0,0.2);
	background-image: none;
}

html {
	background-color: #111111;	
}
body {
	color: #c8d5e9;
	background-color: transparent; /*#252525;*/
	background: url("./images/fond.jpg") repeat-y top center;
	background-size: 100%;
}

ul.navlinks {
	border-top-color: transparent;
}
/* BODY */
.page-body {
	margin: 0 auto;
	padding: 2px 12px 12px;
	clear: both;
	width: auto;
}

.forabg, .forumbg {
	/*background-color: #0f1c31;*/
	background: rgba(0,0,0,0.2);
	/*background-image: url("./images/bg_header.gif");*/
	margin-bottom: 10px;
	padding: 5px 5px;
	clear: both;
	border: 1px solid #0e48d1;
	border-radius: 10px;
    box-shadow: 12px 12px 22px #0e48d1;
}

ul.forums {
	/*background-color: #203c6b;
	background-image: url("./images/gradient.gif");*/
	background: rgba(0,0,0,0.2); 
}

ul.topiclist li.row dl {
	margin: 0;
}

li.row {
	/*background: #222222 url("./images/f_row.jpg") repeat-x top center;*/
	background: rgba(0,0,0,0.2);
}

li.row {
	border-bottom-color: #0e48d1;
	border-top-color: #0e48d1;
}

li.row:hover {
	/*background: #27477d url("./images/f_row_h.jpg") repeat-x top center;*/
	background: rgba(0,0,0,0.4);
}

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

li.header {
	background: transparent url("./images/header_bar.png") repeat-x;
	height: 28px;
	width: auto;
	background-size: 100% 100%;
}

li.header dt, li.header dd {
	text-align: center;
	line-height: 2em;
}

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

div.rules, p.post-notice {
	background-color: #1f3c6b;
	color: #bcc9dd;
}

.bg1, .bg2, .bg3 {
	/*background-color: #1f3c6b;*/
	background: rgba(0,0,0,0.15);
}

.post .inner {
	/*background: #111111 url("./images/bg_postbody.jpg") repeat-x;*/
	background: rgba(0,0,0,0.2);
	border: 1px solid #000;
	padding: 7px;
	margin: 0 auto;
}

.postbody, .content, .post:target .content {
	color: #bcc9de;
}

.postprofile strong {
	color: #ffffff;
}

.postprofile dd, .postprofile dt {
	color: #ccd5e4;
}

.postprofile dt {
	text-align: center;
}

.postbody h3 {
	background: transparent;
}

.postprofile {
	color: #bcc9dd;
	border-left-color: #0e48d1;
}

.panel {
	/*background-color: #1f3c6b;*/
	background: rgba(0,0,0,0.2);
	color: #d9e0eb;
}

.content h2, .panel h2 {
	color: #bac6da;
	border-bottom-color: transparent;
}

.inputbox, input {
	background-color: rgba(0,0,0,0.6); /*#c0cedf;*/
	border-color: #0e48d1;
	color: #c8d5e9;;
}

.stat-block h3 {
	background: transparent url("./images/f-titre.png") no-repeat;
	position: relative;
	height: 69px;
	width: 100%;
	margin: 0;
	padding: 0;
	left: -36px;
	text-align: left;
	border-bottom: none;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial;
	color: #5189d2;
	text-shadow: 1px 1px 0 #000;
}

.stat-block h3 a {
	color: #5189d2;
}

.stat-block h3 a:hover {
	color: #2f7ee6;
	text-decoration: none;
}

.pagination li a {
	/*background: #252525;*/
	background: rgba(0,0,0,0.2);
	border: 1px solid #0e48d1;

}

.pagination li.ellipsis span {
	color: #e4e4e4;
}

.stat-block h3 span {
	display: block;
	padding: 35px 0 0 40px;
}

ul.topiclist li, li.row strong {
	color: #bac6da;
}

a:link, #myBtn {
	color: #bcc9dd;
}

.post:target h3 a, a:visited {
	color: #bcc9dd;
}

a:hover {
	color: #a7c8fd;
}

dl.details dd {
	color: #d4e3fe;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #7ea1c9 !important;
}

dl.details dd {
	color: #d4e3fe!important;
}

.sep {
	color: #7ea1c9!important;
}


.postlink:hover {
	background-color: transparent;
	color: #78b2f0;
}

h1 {
	color: #c8d5e9;
}

h2 {
	color: #6a9dc5;
}

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

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

table.table1 td {
	color: #bcc9de;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: transparent;
	color: #fe48d1;
}

.postprofile dt.author a {
	color: #105289;
}

.postprofile dt.author a:hover {
	color: #D31141;
}

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

dl.faq dt {
	color: #5194ff;
	font-size: 12px;
}

.top-body {
	background: rgba(0,0,0,0.2) url("./images/haut.png") no-repeat top center;
	height: 39px;
	margin: 0 auto;
	padding: 0;
}

.block_options {
	height: 23px;
	margin: 0;
	padding: 0;
	position: relative;
    /* text-align: right; */
	float: right;
}

.block_options:hover .icone_options {
	background: transparent url("./images/options.png") no-repeat 0 -23px;
	width: 73px;
	height: 23px;
}

.f_options {
	width: 80px;
	height: 23px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	bottom: 0;
	overflow: hidden;
	transition-duration: 1.5s;
}

.f_options:hover {
	width: 220px;
	height: 150px;
}

.icone_options {
	background: transparent url("./images/options.png") no-repeat 0 0;
	width: 73px;
	height: 23px;
	display: block;
	position: relative;
	top: 0;
	right: 0;
}

.linklist_options {
	background-color: #1e345a;
	width: 220px;
	height: 150px;
	text-align: left;
	padding: 3px;
}

.linklist_options li {
	margin: 3px 0;
}

.caret {
	border-color: transparent;
}

.panel-container .panel {
	/*background-color: #c0cedf;*/
	background: rgba(0,0,0,0.2);
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd), table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	/*background-color: #1f3c6b;*/
	background: rgba(0,0,0,0.2);
}

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

.pollbar1 {
	background-color: #00193c;
	border-bottom-color: #000000;
	border-right-color: #000000;
}

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

.pollbar2 {
	background-color: #00214f;
	border-bottom-color: #000000;
	border-right-color: #000000;
}

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

.pollbar3 {
	background-color: #002963;
	border-bottom-color: #000000;
	border-right-color: #000000;
}

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

.pollbar4 {
	background-color: #003279;
	border-bottom-color: #000000;
	border-right-color: #000000;
}

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

.pollbar5 {
	background-color: #003d92;
	border-bottom-color: #000000;
	border-right-color: #000000;
}

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

fieldset.polls dd {
	color: #5194ff;
}
/* Attachments */
.attach-image img {
	border-color: transparent;
}

.attachbox {
	background-color: #1F3C6B;
	border-color: #000000;
	font-size: 10px;
}

dl.file dd {
	color: #ffffff;
}

.signature {
	border-top-color: #1f3c6b;
}
/* Quotes */

blockquote {
	background-color: rgba(0,48,190,0.2);
	border-color: #000000;
}

blockquote blockquote {
	background-color: rgba(0,78,190,0.2);
}

blockquote blockquote blockquote {
	background-color: rgba(0,148,90,0.2);
}

.codebox {
	background-color: rgba(0,48,190,0.4);
	border-color: #000000;
}

.codebox code {
	color: #12ff00;
}

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

.jumpbox-cat-link {
	background-color: #21375b;
	border-top-color: #233b63;
	color: #FFFFFF;
}

.jumpbox-cat-link:hover {
	background-color: #203963;
	border-top-color: #0e48d1;
	color: #FFFFFF;
}

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

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

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

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

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

.arrow-left:hover, .arrow-right:hover {
	color: #368AD2;
}

.jumpbox-return  a:hover .icon, .display-options a:hover .icon, .pagination a:hover .icon {
	color: #368AD2;
}

.jumpbox-return .icon, .display-options .icon, .pagination .icon {
	color: #368AD2;
}

/* CP */
.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #c50000;
}

.cp-main h2 {
	color: #a1cef1;
}

.cp-main .panel {
	background-color: rgba(0,48,190,0.2); /*#5e7fb5;*/
}

.cp-main h3 {
	color: #00153a;
}

.cp-main .panel li.header dd, .cp-main .panel li.header dt {
	color: #c8d5e9;
}

.cp-main dt span, .cp-main p {
	color: #ffffff;
}

.cp-mini {
	background-color: rgba(0,48,190,0.2); /*#5e7fb5;*/
}

dl.mini dt {
	color: #ffffff;
}

.cp-main .inner {
	background: no-repeat;
	border: none;
}

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

.navigation a {
	color: #c8d5e9;
	background-color: rgba(0,48,190,0.2); /*#2e5ba3;*/
	background-image: url("./images/bg_menu.jpg");
	background-repeat: repeat-y;
	background-position: 100% 0;
}

.navigation .active-subsection a {
	color: #ffffff;
	background-color: #5e7fb5;
	background-image: none;
}

.navigation a:hover {
	background-image: none;
	background-color: #506d9b;
	color: #ffffff;
}
/* MCP */
.cp-main table.table1 thead th {
	color: #c8d5e9;
	border-bottom-color: #333333;
}

.responsive-tab .responsive-tab-link:before {
	border-color: #0e48d1;
}

/* FOOTER */
.page-footer {
	/*background: #111111 url("./images/centre.jpg") repeat-y;*/
	background: url("./images/fond.jpg") repeat top center;
	margin: 0 auto;
	padding: 2px 12px 12px;
	clear: both;
}

.copyright {
	display:block;
	color: #839abf;
	padding: 0;
	text-align: center;
}

.bottom-body {
	background: url("./images/bas.png") rgba(0,0,0,0.2) /*#111111*/ no-repeat top center;
	position: relative;
	margin: 0 auto;
	width: 100%;
	clear: both;
	height: 118px;
}

.bottom-body span {
	display: block;
	width: 150px;
	position: absolute;
	bottom: 14px;
	right: 10px;
	text-align: right;
	font-size: 9px;
	font-family: Arial;
	color: #343434;
}

h3 {
	background: transparent url("./images/separation.png") repeat-x bottom center;
	color: #7ea1c9;
	border: none;
}

label, dd label {
	color: #bad6ff;
}

fieldset.quick-login input.inputbox {
	background-color: #222222;
	border-color: #0e48d1;
	color: #ccd5e4;
}
/* Navigation */
.navbar {
	background: rgba(0,0,0,0.4);

	font-size: 10px;
}

.navigation-bar-top {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
}

.navigation-bar-top a {
	font-size: 12px;
	position: relative;
	top: 25%;
}

.navigation-bar-top a:hover {
	color: #4f90f4;
	text-decoration: none;
}

nav > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;
}

nav > ul > li {
	display: inline-block;
	position: relative;
}

nav > ul > li.hidden {
	display: none;
}

nav > ul > li a {
	display: block;
	color: #f1f1f1;
	text-align: center;
	text-decoration: none;
	margin-right: 3px;
}

nav > ul > li a + ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-right: 0;
	z-index: 100;
}

nav > ul > li a + ul li {
	z-index: 10;
	position: relative;
	/*background-color: #1e1f20;*/
	background: rgba(0,0,0,0.2);
}

nav > ul > li a + ul li a {
	padding-left: 6px;
	text-align: left;
	white-space: nowrap;
}

nav > ul > li a + ul li a .fa {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}

nav > ul > li:hover ul {
	display: block;
}

li.more.hidden.nav-button {
	float: right;
}

.nav-button-front {
	float: left;
}

.nav-button-end .header-profile {
	top: 25%;
}

.nav-button {
	position: relative;
	height: 28px;
  /* allow for the pseudo-elements which do not have layout due to absolute positioning */
	margin: 0 4px;
	border: 0;
	background: url("./images/navbuttoncenter.png");
	transition: background-position 1s;
}

.nav-button:hover {
	background-position: 0 -30px;
}

.nav-button::before,
.nav-button::after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 28px;
	transition: background-position 1s;
}

.nav-button::before, .more .nav-button::before {
	left: -4px;
	width: 4px;
	background: url("./images/navbuttonbefore.png");
}

.nav-button::after {
	right: -4px;
	width: 4px;
	background: url("./images/navbuttonafter.png");
}

.nav-button:hover:before, .nav-button:hover:after {
	background-position: 0 -30px;
}

.more .nav-button-end::after {
	background: url("./images/navbuttonafter.png");
	background-repeat: no-repeat;
}

a.header-avatar span:after {
	content: '';
}

.nav-button-end .header-profile {
	width: 100%;
}

.nav-button-front .header-profile {
	top: 25%;
}

.badge {
	top: -2px;
}

.more .badge {
	top: -2px;
	left: -15px;
}

.navigation-bar-top .dropdown li {
	display: initial;
}

.dropdown .dropdown-contents {
	background: #111111;
	border: 1px solid #0e48d1;
	border-radius: 10px;
    box-shadow: 12px 12px 22px #0e48d1;
}

.navigation-bar-top .dropdown-contents li a {
	text-align: left;
}

.navigation-bar-top .dropdown {
	top: 15px;
}

.navbar.navbar-top {
	padding-bottom: 0;
}

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

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

.navbar-bar .header-profile {
	top: 15%;
}

.navbar-bar .header-profile .badge-top {
	position: absolute;
	top: -13px;
	right: 0;
}

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

/* Buttons */
a.button2, input.button2, input.button3 {
	border-color: #1F3C6B;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #a9bede;
	background-color: #101d33;
	background-image: url("./images/bg_button.jpg");
}

a.button1:hover, input.button1:hover, input.button3:hover, a.button2:hover, input.button2:hover {
	color: #ff89f5;
	background-color: #1e345a;
	background-image: url("./images/bg_button_h.jpg");
	border-color: #0e48d1;
}

a.button1, input.button1, a.button2, input.button2, input.button3 {
	border-color: #1F3C6B;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #a9bede;
	background-color: #101d33;
	background-image: url("./images/bg_button.jpg");
}

.button {
	color: #a9bede;
	background-color: #101d33;
	background-image: url("./images/bg_button.jpg");
	box-shadow: none;
	border-color: #1F3C6B;
}

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

.nav-footer li a.button {
	background-image: none;
	border: none;
	background-color: transparent;
}
.nav-footer li a.button {
	background-image: none;
    border: none;
    background-color: transparent;
}
.tabs .tab > a, tabs .tab > a:hover, .minitabs .tab > a {
	box-shadow: none;
	color: #c8d5e9;
	/*background: #2e5189;*/
	background: rgba(0,0,0,0.2);
 /* Old browsers */
	/*background: -moz-linear-gradient(top, #2e5189 0%, #234374 100%);*/
 /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #2e5189 0%,#234374 100%);*/
 /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #2e5189 0%,#234374 100%);*/
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5189', endColorstr='#234374',GradientType=0 );*/
 /* IE6-9 */
}

.tabs .activetab > a, .tabs .activetab > a:hover, .tabs .tab > a:hover, .minitabs .activetab > a, .minitabs .activetab > a:hover {
	background: #4c74b9;
 /* Old browsers */
	/*background: -moz-linear-gradient(top, #4c74b9 0%, #2a4a7d 100%);*/
 /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #4c74b9 0%,#2a4a7d 100%);*/
 /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #4c74b9 0%,#2a4a7d 100%);*/
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c74b9', endColorstr='#2a4a7d',GradientType=0 );*/
 /* IE6-9 */
	border-color: #4c74b9;
	border-bottom-color: #2a4a7d;
	box-shadow: none;
}

.tabs .tab > a:hover, .tabs .activetab > a:hover, .minitabs .tab > a:hover, .minitabs .activetab > a:hover {
	color: #ffffff;
}

.action-bar {
	margin: 4px 3px;
}

.search-box .inputbox:hover, .search-box .inputbox:focus {
	border-color: #0e48d1;
}

.button:hover, .button:focus {
	color: #ff89f5;
	background-color: #1e345a;
	background-image: url("./images/bg_button_h.jpg");
	border-color: #0e48d1;
	text-shadow: none;
}

/* Posting page styles from prosilver/colours
----------------------------------------*/

.message-box textarea {
	color: #a7c8fd; /*#333333*/
}

.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);
}

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

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

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

select {
	border-color: #1f3c6b;
	background-color: #222222;
	color: #e5e5e5;
}

.top .icon {
	color: #0351bc;
	font-size: 19px;
	position: relative;
	top: 3px;
	left: -1px;
}

.action-bar .search-box {
	margin-top: 6px;
}

.post-buttons .button:hover {
	background-position: 0 -24px;
	background-color: transparent;
}

.post-buttons .icon {
	padding-top: 4px;
}

.profile-contact .icon:before {
	top: 4px;
	position: relative;
	left: 3px;
}

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

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

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

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

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

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

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

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

.announce_read {
	background-image: url("./images/announce_read.png");
}

.announce_read_mine {
	background-image: url("./images/announce_read_mine.png");
}

.announce_read_locked {
	background-image: url("./images/announce_read_locked.png");
}

.announce_read_locked_mine {
	background-image: url("./images/announce_read_locked_mine.png");
}

.announce_unread {
	background-image: url("./images/announce_unread.png");
}

.announce_unread_mine {
	background-image: url("./images/announce_unread_mine.png");
}

.announce_unread_locked {
	background-image: url("./images/announce_unread_locked.png");
}

.announce_unread_locked_mine {
	background-image: url("./images/announce_unread_locked_mine.png");
}

.forum_link {
	background-image: url("./images/forum_link.png");
}

.forum_read {
	background-image: url("./images/forum_read.png");
}

.forum_read_locked {
	background-image: url("./images/forum_read_locked.png");
}

.forum_read_subforum {
	background-image: url("./images/forum_read_subforum.png");
}

.forum_unread {
	background-image: url("./images/forum_unread.png");
}

.forum_unread_locked {
	background-image: url("./images/forum_unread_locked.png");
}

.forum_unread_subforum {
	background-image: url("./images/forum_unread_subforum.png");
}

.sticky_read {
	background-image: url("./images/sticky_read.png");
}

.sticky_read_mine {
	background-image: url("./images/sticky_read_mine.png");
}

.sticky_read_locked {
	background-image: url("./images/sticky_read_locked.png");
}

.sticky_read_locked_mine {
	background-image: url("./images/sticky_read_locked_mine.png");
}

.sticky_unread {
	background-image: url("./images/sticky_unread.png");
}

.sticky_unread_mine {
	background-image: url("./images/sticky_unread_mine.png");
}

.sticky_unread_locked {
	background-image: url("./images/sticky_unread_locked.png");
}

.sticky_unread_locked_mine {
	background-image: url("./images/sticky_unread_locked_mine.png");
}

.topic_moved {
	background-image: url("./images/topic_moved.png");
}

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

.topic_read_mine {
	background-image: url("./images/topic_read_mine.png");
}

.topic_read_hot {
	background-image: url("./images/topic_read_hot.png");
}

.topic_read_hot_mine {
	background-image: url("./images/topic_read_hot_mine.png");
}

.topic_read_locked {
	background-image: url("./images/topic_read_locked.png");
}

.topic_read_locked_mine {
	background-image: url("./images/topic_read_locked_mine.png");
}

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

.topic_unread_mine {
	background-image: url("./images/topic_unread_mine.png");
}

.topic_unread_hot {
	background-image: url("./images/topic_unread_hot.png");
}

.topic_unread_hot_mine {
	background-image: url("./images/topic_unread_hot_mine.png");
}

.topic_unread_locked {
	background-image: url("./images/topic_unread_locked.png");
}

.topic_unread_locked_mine {
	background-image: url("./images/topic_unread_locked_mine.png");
}

dl.row-item {
	background-size: 21px;
}

.postprofile dt, .avatar img {
	margin: auto;
}

.postprofile .avatar {
	float: none;
}
.postprofile dt, .avatar img {
	margin: auto;
}

.postprofile .avatar {
	float: none;
}
/* Responsive */
@media (max-width: 700px) {
	.wrap {
		border: none;
		border-radius: 0;
		margin: 0;
		min-width: 290px;
		padding: 0 5px;
		width: auto;
	}

	.site_description {
		float: none;
		text-align: center;
		margin: 0;
	}

	.postprofile dt {
		text-align: left;
	}

	.postprofile .avatar {
		float: left;
	}

	.postbody {
		width: 100%;
	}

	.postprofile {
		border-color: transparent;
	}

	.post-buttons {
		right: 55px !important;
	}
}

@media (max-width: 500px) {
	.quick-links .dropdown-trigger span {
		display: block;
	}

	.navigation-bar-top {
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	#navigation a, .rtl #navigation a {
		background: transparent;
		background-color: #2e5ba3;
	}

	#navigation .active-subsection a {
		background-color: #5e7fb5;
	}
}

.action-bar .btn {
	position: relative;
	height: 37px;
	margin: 0 5px 0 25px;
	border: 0;
	background: url("./images/buttoncenter.png");
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}

.action-bar .btn:hover {
	background-position: 0 100%;
}

.action-bar .btn::before,
.action-bar .btn::after {
	content: ' ';
	position: absolute;
	top: 0;
	width: 25px;
	height: 37px;
}

.action-bar .btn::before {
	left: -25px;
	background: url("./images/buttonbefore.png");
	background-repeat: no-repeat;
}

.action-bar .btn::after {
	right: -25px;
	background: url("./images/buttonafter.png");
	background-repeat: no-repeat;
}

.action-bar .btn:hover:before, .action-bar .btn:hover:after {
	background-position: 0 100%;
}

.action-bar .btn span {
	position: relative;
	top: 25%;
}

.action-bar .btn .icon {
	position: relative;
	top: 25%;
}

.action-bar .btn span .icon {
	top: 0;
	right: 3px;
}

.nav-button-end:hover {
	background-position: 0 -30px;
}

.nav-button-end::before,
.nav-button-end::after {
	content: ' ';
	position: absolute;
	top: 0;
	width: 25px;
	height: 28px;
	transition: background-position 1s;
}

.nav-button-end::before {
	left: -4px;
	background: url("./images/navbuttonendbefore.png");
	background-repeat: no-repeat;
}

.nav-button-end::after {
	right: -25px;
	background: url("./images/navbuttonendafter.png");
	background-repeat: no-repeat;
}

.nav-button-end:hover:before, .nav-button-end:hover:after {
	background-position: 0 -30px;
}

.nav-button-front:hover {
	background-position: 0 -30px;
}

.nav-button-front::before,
.nav-button-front::after {
	content: ' ';
	position: absolute;
	top: 0;
	width: 25px;
	height: 28px;
	transition: background-position 1s;
}

.nav-button-front::before {
	left: -4px;
	background: url("./images/navbuttonfrontbefore.png");
	background-repeat: no-repeat;
}

.nav-button-front::after {
	right: -25px;
	background: url("./images/navbuttonfrontafter.png");
	background-repeat: no-repeat;
}

.nav-button-front:hover:before, .nav-button-front:hover:after {
	background-position: 0 -30px;
}

.post-buttons .button, .profile-contact .icon {
	background: url("./images/postingbutton.png");
	border: none;
	background-repeat: no-repeat;
	width: 30px;
	height: 24px;
	padding: 0;
}

.online2 {
	z-index: 1;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #0e48d1 #111111;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar-track {
  background: #111111;
}

*::-webkit-scrollbar-thumb {
  background-color: #111111;
  border-radius: 10px;
  border: 1px solid #0e48d1;
}
/* ORIGINAL 
::-webkit-scrollbar {
	width: 6px;
}
// this targets the default scrollbar (compulsory) 
::-webkit-scrollbar-track {
	background-color: #1f3c6b;
}
// the new scrollbar will have a flat appearance with the set background color 
::-webkit-scrollbar-thumb {
	background-color: #005fd7;
}
// this will style the thumb, ignoring the track 
::-webkit-scrollbar-button {
	background-color: #111111;
}
// optionally, you can style the top and the bottom buttons (left and right for horizontal bars) 
::-webkit-scrollbar-corner {
	background-color: #20bff9;
}*/

.blink {
	animation: blinker 3s linear infinite;
}

@keyframes blinker {
  
	50% {
		opacity: 0;
	}
}

.page-body, .page-footer {
	position: relative;
	background: rgba(0,0,0,0.2);
	/*background: url("./images/centre-center.png");
	background-repeat: repeat;*/
	margin: 0 auto;
	padding: 2px 12px 12px;
	clear: both;
	width: auto;
}

.page-body::before, .page-footer::before,
 .page-body::after,.page-footer::after {
	content: ' ';
	position: absolute;
	top: 0;
	width: 8px;
	height: 100%;
}

.page-body::before, .page-footer::before {
	left: 0;
	background: url("./images/centre-before.png");
	background-repeat: repeat-y;
}

.page-body::after, .page-footer::after {
	right: 0;
	background: url("./images/centre-after.png");
	background-repeat: repeat-y;
}

.action-bar input.search {
	background-color: #222222;
	border-color: #0e48d1;
	color: #ccd5e4;
}

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

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

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

#preview .inner, .topicreview .inner {
	/*background: #1f3c6b;*/
	background: rgba(0,0,0,0.2);
	border: none;
}

fieldset.polls dl {
	border-top-color: #000000;
	color: #d8dee8;
}

.phpbb_alert {
	background-color: #1f3c6b;
	border-color: #0e48d1;
}

.phpbb_alert .icon {
	color: #1f3c6b;
}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	.wrap {
		margin: 0 auto;
	}
}

@media (max-width: 430px) {
	.stat-block h3 {
		background-position: top right;
	}
}
/* The Modal (background) */
.modal {
	display: none;
 /* Hidden by default */
	position: fixed;
 /* Stay in place */
	z-index: 101;
 /* Sit on top */
	left: 0;
	top: 0;
	width: 100%;
 /* Full width */
	height: 100%;
 /* Full height */
	overflow: hidden;
 /* Enable scroll if needed */
	background-color: rgb(0,0,0);
 /* Fallback color */
	background-color: rgba(0,0,0,0.2);
 /* Black w/ opacity */;
}

/* Modal Content/Box */
.modal-content {
	margin: 15% auto;
 /* 15% from the top and centered */
	padding: 20px;
	width: 50%;
 /* Could be more or less, depending on screen size */;
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 30px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #e5e5e5;
	text-decoration: none;
	cursor: pointer;
}

.notification_list .dropdown-contents {
	overflow: hidden;
}

.notification_list .dropdown-contents {
	background-color: #105297;
	padding: 0;
	border-radius: 5px;
	font-size: 12px;
	border-color: #0e48d1;
}

.notification_list .header {
	background-color: #105297;
}

.notification_list .header {
	padding: 0 10px;
	font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 3em;
	border-radius: 5px 5px 0 0;
}

.notification_list .header, .notification_list .footer {
	color: #ffffff;
}

.notification_list .footer {
	text-align: center;
	font-size: 1.1em;
}

.notification_list .header .header_settings {
	float: right;
	font-weight: normal;
	text-transform: none;
}

.notification_list .header .header_settings a {
	display: inline-block;
	padding: 0 5px;
}

.notification_list p.notification-time {
	color: #ffffff;
}

.notification_list a:hover {
	text-decoration: none;
}

.dropdown-contents ul {
	overflow-y: auto;
	overflow-x: hidden;
	clear: both;
	max-height: 350px;
}

.dropdown-contents a.mark_read {
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 3px 0 0 3px;
	display: none;
	margin-top: -36px;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	top: -30px;
}

.dropdown-contents li:hover a.mark_read {
	display: block;
}

.notification_list .dropdown-contents li:hover {
	background-color: #152a4c;
}

#myBtn {
	cursor: pointer;
}

.dropdown-contents a.mark_read {
	background-color: rgba(2, 2, 2, 0.5);
}

.dropdown-contents a.mark_read:hover {
	background-color: #000000;
}

.dropdown-contents ul li a, .dropdown-contents ul li.no-url {
	padding: 8px;
}

@media (max-width: 700px) {
	.modal-content {
		width: auto;
		padding: 5px;
	}
}