/* 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: 900px;
	background-color: transparent;
	border-color: transparent;
}

.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: #1f4f90;
	border-color: #1F3C6B;
}

.search-header {
	box-shadow: none;
	border: 1px solid #0075B0;
}

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

.headerbar {
	background-color: transparent;
	background-image: none;
}

html {
	background-color: #252525;
}

html {
	background-color: #252525;
}

body {
	color: #c8d5e9;
	background-color: #252525;
	background: url("./images/fond.jpg") no-repeat 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-image: url("./images/bg_header.gif");
	margin-bottom: 10px;
	padding: 5px 5px;
	clear: both;
}

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

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

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

li.row {
	border-bottom-color: #080d12;
	border-top-color: #1b293a;
}

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

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

li.header {
	background: #27477d url("./images/header_bar.jpg") 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: #1b293a;
}

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

.bg1,
.bg2,
.bg3 {
	background-color: #1f3c6b;
}

.post .inner {
	background: #111111 url("./images/bg_postbody.jpg") repeat-x;
	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: none;
}

.postprofile {
	color: #666666;
	border-left-color: #1f3c6b;
}

.panel {
	background-color: #1f3c6b;
	color: #d9e0eb;
}

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

.inputbox,
input {
	background-color: #c0cedf;
	border-color: #B4BAC0;
	color: #000000;
}

.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;
	border-color: #1f3c6b;
}

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

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

h1 {
	color: #c8d5e9;
}

h2 {
	color: #6a9dc5;
}

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

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: #284c86;
	color: #000000;
}

.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: #111111 url("./images/haut.jpg") 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;
}

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

/* 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: #000000;
}

/* 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: #1F3C6B;
	border-color: #000000;
}

blockquote blockquote {
	background-color: #25477e;
}

blockquote blockquote blockquote {
	background-color: #2b5291;
}

.codebox {
	background-color: #1F3C6B;
	border-color: #000000;
}

.codebox code {
	color: #12ff00;
}

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

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

.jumpbox-cat-link:hover {
	background-color: #203963;
	border-top-color: #1d3357;
	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: #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: #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: #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: #c8d5e9;
}

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

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

.bottom-body {
	background: url("./images/bas.jpg") #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: #1F3C6B;
	color: #ccd5e4;
}

/* Navigation */
.navbar {
	background-color: transparent;
	font-size: 10px;
}

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

.navigation-bar-top a {
	font-size: 12px;
	margin-right: 0;
	padding-inline: 10px;
	padding-block: 7px;
}

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

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%;
}

a.header-avatar img {
	margin-bottom: 0;
	max-height: 13px;
	margin-block-start: -4px;
}

.nav-button {
	position: relative;
	/* allow for the pseudo-elements which do not have layout due to absolute positioning */
	background-image: url("./images/navbuttonbefore.png"), url("./images/navbuttonafter.png"), url("./images/navbuttoncenter.png");
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: 0% 0%, 100% 0%, 0% 0%;
}

#main>.nav-button-front {
	background-image: url("./images/navbuttonfrontbefore.png"), url('./images/navbuttonfrontafter.png'), url('./images/navbuttoncenter.png');
}

#main>.nav-button-end {
	background-image: url("./images/navbuttonendbefore.png"), url('./images/navbuttonendafter.png'), url('./images/navbuttoncenter.png');
}

.nav-button:hover {
	background-position: 0% 100%, 100% 100%, 100% 100%;
	transition: background-position 1s;
}

.nav-button .icon {
	font-size: 13px;
}


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

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

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

.badge {
	position: unset;
	padding: 1px 6px;
	float: none;
	border-radius: 3px;
}


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

.dropdown .dropdown-contents {
	background: #111111;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
	border: 1px dashed #172f4b;
}

.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: #172f4b 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: #1F3C6B;
}

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;
	/* 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: #11A3EA;
}

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

.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;
	border: 0;
	background: url("./images/buttonbefore.png"), url("./images/buttonafter.png"), url("./images/buttoncenter.png");
	background-position: 0 0, 100% 0, 0 0;
	background-repeat: no-repeat, no-repeat, repeat;
	padding: 9px 10px;
	border-radius: 0;
	box-shadow: none;
}

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

.action-bar .btn span .icon {
	vertical-align: top;
}



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

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

::-webkit-scrollbar {
	width: 14px;
}

/* 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: url("./images/centre-before.png"), url("./images/centre-after.png"), url("./images/centre-center.png");
	background-repeat: repeat-y, repeat-y, repeat;
	margin: 0 auto;
	padding: 2px 12px 12px;
	clear: both;
	width: auto;
	background-position: 0 0, 100% 0, 0 0;
}


.action-bar input.search {
	background-color: #222222;
	border-color: #1F3C6B;
	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;
	border: none;
}

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

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

.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.4);
	/* 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: black;
	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: #033a73;
}

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