/* Style promaterial sheet */

/* --------------------------------------------------------------------------------------- */
/*	colours.css                                                                            */
/* --------------------------------------------------------------------------------------- */
/* 3 - Colours and backgrounds for common.css */
html, body {
	background-color: #ffffff;
	background-image: url("./images/body_bg.png");
	color: #2e63a8;
}
h2 {
	color: #2e63a8;
}
h3 {
	color: #2e63a8;
}
/* 31 - Colours and backgrounds for links.css */
a 		{ color: #2e63a8; }
a:hover 	{ color: #cc0001; }
a:focus 	{ color: #cc0001; }
/* 37 - Links on gradient backgrounds */
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #cce0f5;
}
/* 51 - Post body links */
.postlink {
	border-bottom-color: #4d94db;
	color: #4d94db;
}
.postlink:visited {
	border-bottom-color: #1a76d1;
	color: #1a76d1;
}
.postlink:hover {
	background-color: #cce0f5;
	color: #0066cc;
}
/* 71 - Back to top of page */
.top i {
	color: #0066cc;
}
/* 76 - Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: #4d94db;
}
/* 81 - Round cornered boxes and backgrounds */
.wrap {
    background-color: #fff;
    border-color: #fff;
}
.headerbar, .forabg, .forumbg {
    border-top: 1px solid #cce0f5;	
	background: #0066cc;
	background: -moz-linear-gradient(25deg,  #0066cc 0%, #0066cc 30%, #4d94db 30%, #4d94db 50%, #99c2eb 50%, #99c2eb 70%, #cce0f5 70%, #cce0f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(25deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(25deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#99c2eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.navbar {
    background: #cce0f5;
}
.panel {
	background-color: #e6f0fa;
	color: #2e63a8;
}
.bg1 {
	background-color: #e6f0fa;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #e6f0fa;
}
.bg2 {
	background-color: #e6f0fa;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #e6f0fa;
}
.bg3	{
	background-color: #cce0f5;
}
.ucprowbg {
	background-color: #cccccc;
}
.fieldsbg {
	background-color: #e6f0fa;
}
/* 162 - Table styles */
table.table1 tbody tr {
	border-color: #cccccc;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #cce0f5;
}
table.table1 td {
	color: #777777;
}
table.table1 tbody td {
	border-top-color: #ffffff;
}
/* 195 - Misc layout styles */
dl.details dd {
	color: #777777;
}
.sep {
	color: #2e63a8;
}
/* 209 - Icon styles */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #2e63a8;
}
.icon.icon-green, a:hover .icon.icon-green{
	color: #2e63a8;
}
.icon.icon-red, a:hover .icon.icon-red{
	color: #cc0001;
}
.icon.icon-gray, a:hover .icon.icon-gray{
	color: #2e63a8;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray{
	color: #2e63a8;
}
/* 247 - Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #cce0f5;
}
.jumpbox-cat-link {
	background-color: #4d94db;
	border-top-color: #cce0f5;
}
.jumpbox-cat-link:hover {
	background-color: #99c2eb;
	border-top-color: #cce0f5;
	color: #cc0001;
}
.jumpbox-forum-link {
	background-color: #e6f0fa;
}
.jumpbox-forum-link:hover {
	background-color: #e6f0fa;
}
.jumpbox .dropdown .pointer-inner {
	border-color: #e6f0fa transparent;
}
.jumpbox-sub-link {
	background-color: #e6f0fa;
}
.jumpbox-sub-link:hover {
	background-color: #e6f0fa;
}
/* 284 - Miscellaneous styles */
.copyright {
	color: #2e63a8;
}
.error {
	color: #cc0001;
}
.reported {
	background-color: #fae6e6;
}
li.reported:hover {
	background-color: #f5cdcc !important;
}
div.rules {
	background-color: #f5cdcc;
	color: #cc0001;
}
p.post-notice {
	background-color: #fae6e6;
}
/* 318 - Colours and backgrounds for content.css */
ul.forums {
    background: #cce0f5;
}
ul.topiclist li {
	color: #2e63a8;
}
ul.topiclist dd {
	border-left-color: #cce0f5;
}
.rtl ul.topiclist dd {
	border-right-color: #cce0f5;
}
li.row {
	border-top-color:  #cce0f5;
	border-bottom-color: #99c2eb;
}
li.row:hover {
	background-color: #e6f0fa;
	border-top-color:  #e6f0fa;
}
li.row:hover dd {
	border-left-color: #e6f0fa;
}
.rtl li.row:hover dd {
	border-right-color: #e6f0fa;
}
/* 373 - Content container styles */
.content h2, .panel h2 {
	color: #2e63a8;
}
.posthilit {
	background-color: #f5cdcc;
	color: #cc0001;
}
/* 407 - BB Code styles */
/* 409 - Quote block */
blockquote {
	background-color: #ffffff;
	border-color:#cccccc;
}
blockquote blockquote {
	/* Nested quotes */
	background-color:#f5f5f5;
}
blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #ffffff;
}
/* 425 - Code block */
.codebox {
	border-color: #cccccc;
}
.codebox code {
	color: #339966;
}
/* 439 - Attachments */
.attachbox {
	background-color: #ffffff;
	border-color:  #e6f0fa;
}
.pm-message .attachbox {
	background-color: #ffffff;
}
.attachbox dd {
	border-top-color: #e6f0fa;
}
.attach-image img {
	border-color: #e6f0fa;
}
.attach-image img:hover {
	border-color: #cce0f5;
}
/* 466 - Inline image thumbnails */
dl.thumbnail img {
	border-color: #cce0f5;
}
dl.thumbnail dt a:hover {
	background-color: #ffffff;
}
dl.thumbnail dt a:hover img {
	border-color: #3385d6;
}
/* 489 - Post poll styles */
fieldset.polls dl {
	border-top-color: #cccccc;
}
.pollbar1 {
	background-color: #3385d6;
	border-bottom-color: #0066cc;
	border-right-color: #0066cc;
}
.rtl .pollbar1 {
	border-left-color: #0066cc;
}
.pollbar2 {
	background-color: #4d94db;
	border-bottom-color: #1a76d1;
	border-right-color: #1a76d1;
}
.rtl .pollbar2 {
	border-left-color: #1a76d1;
}
.pollbar3 {
	background-color: #66a3e0;
	border-bottom-color: #3385d6;
	border-right-color: #3385d6;
}
.rtl .pollbar3 {
	border-left-color: #3385d6;
}
.pollbar4 {
	background-color: #80b3e6;
	border-bottom-color: #4d94db;
	border-right-color: #4d94db;
}
.rtl .pollbar4 {
	border-left-color: #4d94db;
}
.pollbar5 {
	background-color: #99c2eb;
	border-bottom-color: #66a3e0;
	border-right-color: #66a3e0;
}
.rtl .pollbar5 {
	border-left-color: #66a3e0;
}
/* 559 - Poster profile block */
dd.profile-warnings {
	color: #cc0001;
}
/* 584 - Colours and backgrounds for buttons.css */
.button {
	border-color: #4d94db;
	background-color: #4d94db;
	color: #ffffff;
}
.button:hover,
.button:focus {
	border-color: #99c2eb;
	background-color: #99c2eb;
	color: #cc0001;
}
.button .icon,
.button-secondary {
	color: #ffffff;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #cc0001;
}
.caret {
	border-color: #ffffff;
}
.button:hover .caret {
	border-color: #cc0001;
}
.contact-icons a	{
	border-color: #ffffff;
}
.contact-icons a:hover {
	background-color: #cce0f5;
}
/* 631 - Pagination */
.pagination li a {
	border-color: #4d94db;
	background-color: #4d94db;
	color: #ffffff;
}
.pagination li.ellipsis span {
	color:	#2e63a8;
}
.pagination li.active span {
	background: #99c2eb;
	border-color: #99c2eb;
	color: #cc0001;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #99c2eb;
	border-color: #99c2eb;
	color: #cc0001;
}
/* 662 - Search box */
.search-box .inputbox {
	border-color: #4d94db;
}
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: #99c2eb;
}
.search-header {
	box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
}
/* 675 - Icon images */
.contact-icon						{ background-image: url("./images/icons_contact.svg"); }
/* 695 - Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.svg"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.svg"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.svg"); }
.global_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.svg"); }
.global_unread						{ background-image: url("./images/announce_unread.svg"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.svg"); }
.global_unread_locked				{ background-image: url("./images/announce_unread_locked.svg"); }
.global_unread_locked_mine			{ background-image: url("./images/announce_unread_locked_mine.svg"); }
.announce_read						{ background-image: url("./images/announce_read.svg"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.svg"); }
.announce_read_locked				{ background-image: url("./images/announce_read_locked.svg"); }
.announce_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.svg"); }
.announce_unread					{ background-image: url("./images/announce_unread.svg"); }
.announce_unread_mine				{ background-image: url("./images/announce_unread_mine.svg"); }
.announce_unread_locked				{ background-image: url("./images/announce_unread_locked.svg"); }
.announce_unread_locked_mine		{ background-image: url("./images/announce_unread_locked_mine.svg"); }
.forum_link							{ background-image: url("./images/forum_link.svg"); }
.forum_read							{ background-image: url("./images/forum_read.svg"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.svg"); }
.forum_read_subforum				{ background-image: url("./images/forum_read_subforum.svg"); }
.forum_unread						{ background-image: url("./images/forum_unread.svg"); }
.forum_unread_locked				{ background-image: url("./images/forum_unread_locked.svg"); }
.forum_unread_subforum				{ background-image: url("./images/forum_unread_subforum.svg"); }
.sticky_read						{ background-image: url("./images/sticky_read.svg"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.svg"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.svg"); }
.sticky_read_locked_mine			{ background-image: url("./images/sticky_read_locked_mine.svg"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.svg"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.svg"); }
.sticky_unread_locked				{ background-image: url("./images/sticky_unread_locked.svg"); }
.sticky_unread_locked_mine			{ background-image: url("./images/sticky_unread_locked_mine.svg"); }
.topic_moved						{ background-image: url("./images/topic_moved.svg"); }
.pm_read,
.topic_read							{ background-image: url("./images/topic_read.svg"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.svg"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.svg"); }
.topic_read_hot_mine				{ background-image: url("./images/topic_read_hot_mine.svg"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.svg"); }
.topic_read_locked_mine				{ background-image: url("./images/topic_read_locked_mine.svg"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.svg"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.svg"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.svg"); }
.topic_unread_hot_mine				{ background-image: url("./images/topic_unread_hot_mine.svg"); }
.topic_unread_locked				{ background-image: url("./images/topic_unread_locked.svg"); }
.topic_unread_locked_mine			{ background-image: url("./images/topic_unread_locked_mine.svg"); }
/* 753 - Main CP box */
.cp-menu hr {
	border-color: #cce0f5;
}
/* 783 - CP tabbed menu */
.tabs .tab > a {
	background: #99c2eb;
	color: #2e63a8;
}
.tabs .tab > a:hover {
	background: #cce0f5;
	color: #cc0001;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
	border-color: #cce0f5;
	background-color: #cce0f5;
	color: #cc0001;
}
/* 810 - Mini tabbed menu used in MCP */
.minitabs .tab > a {
	background-color: #99c2eb;
}
.minitabs .tab > a:hover {
	background-color: #ffffff;
	color: #cc0001;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background-color: #ffffff;
	color: #cc0001;
}
/* 822 - Responsive tabs */
.responsive-tab .responsive-tab-link::before {
	border-color: #2e63a8;
}
.responsive-tab .responsive-tab-link:hover::before {
	border-color: #cc0001;
}
/* 832 - UCP navigation menu */
/* 865 - Link styles for the sub-section links */
.navigation a {
	background-color: #99c2eb;
	color: #2e63a8;
}
.rtl .navigation a {
	background-color: #99c2eb;
}
.navigation a:hover {
	background: #ffffff;
	color: #cc0001;
}
.navigation .active-subsection a {
	background: #ffffff;
	color: #cc0001;
}
.navigation .active-subsection a:hover {
	color: #cc0001;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background: #99c2eb;
	}
	#navigation a:hover {
	background: #e6f0fa;
	}
	#navigation .active-subsection a {
	background: #e6f0fa;
	}
}
/* 874 - Preferences pane layout */
.panel-container h2 {
	color: #2e63a8;
}
.panel-container .panel {
	background-color: #ffffff;
}
/* 888 - Friends list */
.cp-mini {
	background-color: #e6f0fa;
}
dl.mini dt {
	color: #2e63a8;
}
/* 904 - PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #cc0001;
	border-right-color: #cc0001;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #cccccc;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #4d94db;
}
/* 926 - Avatar gallery */
.gallery label {
	background: #FFFFFF;
	border-color: #cce0f5;
}
.gallery label:hover {
	background-color: #e6f0fa;
}
/* 938 - Colours and backgrounds for forms.css */
/* 941 - General form styles */
label {
	color: #2e63a8;
}
/* 957 - Definition list layout for forms */
dd label {
	color: #2e63a8;
}
/* 981 - Posting page styles */
.message-box textarea {
	color: #2e63a8;
}
.message-box textarea.drag-n-drop {
	outline-color: rgba(46, 99, 168, 0.5);
}
.message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(102, 163, 224, 0.5);
}
/* 996 - Input field styles */
.inputbox {
	background-color: #FFFFFF;
	border-color: #99c2eb;
	color: #2e63a8;
}
.inputbox:-moz-placeholder {
	color: #2e63a8;
}
.inputbox::-webkit-input-placeholder {
	color: #2e63a8;
}
.inputbox:hover {
	border-color: #cce0f5;
}
.inputbox:focus {
	border-color: #cce0f5;
}
/* 1029 - Form button styles */
a.button1, input.button1, input.button3, a.button2, input.button2 {
	border-color: #4d94db;
	background-color: #4d94db;
	color: #ffffff;
}
a.button1, input.button1 {
	border-color: #4d94db;
}
/* 1048 - Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #4d94db;
}
/* 1053 - <a> button in the style of the form buttons */
a.button1, a.button2 {
	color: #2e63a8;
}
/* 1058 - Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #99c2eb;
	background-color: #99c2eb;
	color: #cc0001;
}
/* 1068 - Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: #99c2eb;
	color: #cc0001;
}
input.disabled {
	color: #2e63a8;
}
/* 1078 - jQuery popups */
.phpbb_alert {
	background-color: #FFFFFF;
	border-color: #4d94db;
}
.dropdown-extended ul li {
	border-top-color: #4d94db;
}
.dropdown-extended ul li:hover {
	background-color: #cce0f5;
	color: #2e63a8;
}
.dropdown-extended .header, .dropdown-extended .footer {
	background-color: #cce0f5;
	color: #2e63a8;
}
.dropdown-extended .header {
	background-color: #e6f0fa;
}
.dropdown .pointer {
	border-color: #e6f0fa transparent;
}
.dropdown .pointer-inner {
	border-color: #e6f0fa transparent;
}
.dropdown-extended .pointer-inner {
	border-color: #e6f0fa transparent;
}
.dropdown .dropdown-contents {
	background: #e6f0fa;
	border-color: #e6f0fa;
}
.dropdown li, .dropdown li li {
	border-color: #cce0f5;
}
.dropdown li.separator {
	border-color: #cce0f5;
}
/* 1149 - Notifications */
.notification_list p.notification-time {
	color: #2e63a8;
}
li.notification-reported strong, li.notification-disapproved strong {
	color: #cc0001;
}
.badge {
	background-color: #cc0001;
	color: #ffffff;
}
/* --------------------------------------------------------------------------------------- */
/*	promaterial.css                                                                        */
/* --------------------------------------------------------------------------------------- */
/* Colours and backgrounds for content.css */
li.row.bg1, li.row.bg2 {
	background-color: #cce0f5 !important;
}
li.row.bg1:hover, li.row.bg2:hover {
	background-color: #e6f0fa !important;
}
/* Stats page layout */
.stat-block, .headerspace {
	background: #0066cc;
	background: -moz-linear-gradient(30deg,  #0066cc 0%, #0066cc 30%, #4d94db 30%, #4d94db 50%, #99c2eb 50%, #99c2eb 70%, #cce0f5 70%, #cce0f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(30deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(30deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#99c2eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-top: 1px solid #cce0f5;
}
.stat-block h3, .headerspace h3 {
	color: #ffffff;
}
.stat-block h3 a, .headerspace h3 a {
	color: #ffffff;
}
.stat-block h3 a:hover, .headerspace h3 a:hover {
	color: #cce0f5;
}
.stat-block p, .headerspace fieldset {
	background-color: #cce0f5;
	border-bottom: 1px solid #99c2eb;
	color: #2e63a8;
}
.stat-block p:hover, .headerspace fieldset:hover {
	background-color: #e6f0fa;
}
.stat-block.online-list p::before {
	content: url("./images/online-list.svg"); 
}
.stat-block.birthday-list p::before {
	content: url("./images/birthday-list.svg"); 
}
.stat-block.statistics p::before {
	content: url("./images/statistics.svg"); 
}
.stat-block.permissions p::before {
	content: url("./images/permissions.svg"); 
}
.headerspace .quick-login::before {
	content: url("./images/quick-login.svg"); 
}