/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #c1c1c1;
	background: #ecf0f1;
}

h1 {
	color: #FFFFFF;
}

.index{
	
	margin-top:30px;
	margin-bottom:10px;
}
.index h2{
	width:auto !important;
	display:inline-block !important;
	margin:0 !important;
    font-family: "Georgia" !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
	font-style:italic;
}
.index h2 a{
	color: #4a4a4a !important;
}
.forum-title{
	width:auto !important;
	display:inline-block !important;
    font-family: "Georgia" !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
	font-style:italic;
}

.forum-title a{
	color: #4a4a4a !important;
}
h2 {
	color: #474747;
}
h3 {
	border-bottom-color: #CCCCCC;
	color: #717171;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus,
.search-box .button:hover {
	background: #e3ebef;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
	border-color: #f7f7f7;
}

.stickybar {
	background: #FFFFFF;
	border-top: 2px solid #f80952;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.headerbar p {

}

#site-description {
	color: #FFFFFF;
}

.navbar {
	background-color: #FFFFFF;
}

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

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

.post:target h3 a {
	color: #000000;
}

.bg1 {
	background-color: #FFFFFF;
}

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

.bg2 {
	background-color: #FFFFFF;
}

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

.bg3	{ background-color: #efefef; }

.ucprowbg {
	background-color: #f1f1f1;
}

.fieldsbg {
	background-color: #f6f6f6;
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-top-color: #FFFFFF;
}

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

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

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

table.table1 td {
	color: #8c8c8c;
}

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

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: #FFFFFF;
}

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

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

dl.details dd {
	color: #8c8c8c;
}

.sep {
	color: #989898;
}

/* Pagination
---------------------------------------- */

.pagination li a {
	color: #979797;
	background-color: #f8f8f8;
	border-color: #d9d9d9 !important;
}

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

.pagination li.active span {
	color: #FFFFFF;
}

.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	color: #FFFFFF;
}

.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a {
	background-image: url("./images/icons_pagination.png");
}

/* Pagination in viewforum for multipage topics */
.row .pagination {

}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	background-color: #1d1f25;
	color: #A4A4A7;
}

.error {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #3a87ad;
}

.reported {

}


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

li.deleted {
	opacity: 0.2;
}

div.rules {
	background-color: #fcf8e3;
	border-color: #f5be00;
	color: #c09853;
}

p.post-notice {
	background-image: none;
	border-left: 5px solid;
}

p.post-notice.deleted:before {
	font-family: FontAwesome;
	content: '\f1f8';
}

p.post-notice.deleted {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #b94a48;
}

p.post-notice.unapproved:before {
	font-family: FontAwesome;
	content: '\f059';
}

p.post-notice.unapproved {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #3a87ad;
}

p.post-notice.reported:before, p.post-notice.error:before {
	font-family: FontAwesome;
	content: '\f071';
}

p.post-notice.reported, p.post-notice.error {
	background-color: #fcf8e3;
	color: #f5be00;
	border-color: #f5be00;
}

p.post-notice.reported a {
	color: #f5be00;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a { color: #090909; } /* Hover defined in colour-specific stylesheets */

/* Some non-prominant links we want to to be a bit lighter */
#stickybar ul li a, p.author a, .filter-toggle a, li.breadcrumbs a {
	color: #bec4c9;
	border-color: #bec4c9;
}

#stickybar ul li a:hover, p.author a:hover, .filter-toggle a:hover, li.breadcrumbs a:hover {
	color: #a7acaf;
}

#stickybar.stickybar-Transparent a span.username {
	font-weight: bold;
}

#stickybar.stickybar-Transparent > .wrap > div > .inner > ul > li > a {
}

#stickybar.stickybar-Transparent > .wrap > div > .inner > ul > li > a:before {
	border-color: #FFFFFF !important;
}

#stickybar.stickybar-Transparent a.loginbutton {
	background: transparent !important;	
}

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

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #FFFFFF;
	border-bottom: 1px dotted;
	text-decoration: none;
}

/* Override colour-specific stylesheet */
.dropdown-contents > li > a:hover {
	color: #FFFFFF !important;
}

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

/* Post body links */
.postlink {

}

.postlink:visited {

}

.postlink:hover {

}

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

/* Back to top of page */
a.top {
	background-image: url("./images/icon_back_top.gif");
}

a.top2 {
	background-image: url("./images/icon_back_top.gif");
}

/* Arrow links  */
a.arrow-up			{ background-image: url("./images/arrow_up.gif"); }
a.arrow-down		{ background-image: url("./images/arrow_down.gif"); }
a.arrow-left		{ background-image: url("./images/arrow_left.gif"); }
a.arrow-right		{ background-image: url("./images/arrow_right.gif"); }

a.arrow-up:hover {
	background-color: transparent;
}

a.arrow-left:hover {
	color: #a8a8a8;
}

a.arrow-right:hover {
	color: #a8a8a8;
}

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums, ul.topics {
	background-color: #f8f8f8;
}

ul.topiclist li {
	color: #818181;
}

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

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

ul.topiclist li.row dt a.subforum.read {
	background-image: url("./images/subforum_read.gif");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("./images/subforum_unread.gif");
}

li.row {
	background: #FFFFFF;
	border-bottom-color: #eeeeee !important;
}

li.row strong {
	color: #000000;
}

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

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

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

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

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

.content h2, .panel h2 {
	color: #717171;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
	color: #ffffff;
}

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

/* Post signature */
.signature {
	border-top:1px solid #EECC61 ;
}

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

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

.rtl blockquote {

}

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

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

/* Code block */
.codebox {
}

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

.codebox code {
	color: #2E8B57;
	background-color: #F8F8F8;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #3333a1; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #3048ad; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color:  #e9e9e9;
}

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

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

.attachbox p {
	color: #666666;
}

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

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

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

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

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

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #f1f1f1;
	color: #666666;
}

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

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

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


/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-color: #FFFFFF;
}

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

.postprofile strong {
	color: #000000;
}

.online {
	background-image: url("./en/icon_user_online.gif");
	margin-top: -5px;
}

.online dt {
   margin-top: 5px;
}


/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
	background-color: #E3EBEF;
	color: #b0c3ce;
}

.post-buttons .button {
	background: #FFFFFF;
}

.dropdown-select {
	color: #8c8c8c;
}

.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
	border-color: #8f8f8f;
}

.post-icon, .reply-icon, .newpm-icon, .pmreply-icon, .reply-all, .forwardpm-icon, .post-icon:hover, .reply-icon:hover, .newpm-icon:hover, .pmreply-icon:hover, .reply-all:hover, .locked-icon, .locked-icon:hover, .forwardpm-icon:hover {
	color: #FFFFFF;
}

.dropdown-select:after	{ border-color: #DADADA; }
.dropdown-select:hover	{ border-color: #C7C3BF; }

.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {
	border-color: #d2d2d2;
	color: #676767;
}

.contact-icons a		{ border-color: #DCDCDC; }
.contact-icons a:hover	{ background-color: #fcfcfc; }

/* Icon images
---------------------------------------- */
.icon-acp					{ background-image: url("./images/icon_acp.gif"); }
.icon-bookmark				{ background-image: url("./images/icon_bookmark.gif"); }
.icon-bump					{ background-image: url("./images/icon_bump.gif"); }
.icon-contact				{ background-image: url("./images/icon_pm.gif"); }
.icon-delete-cookies		{ background-image: url("./images/icon_delete_cookies.gif"); }
.icon-download				{ background-image: url("./images/icon_download.gif"); }
.icon-faq					{ background-image: url("./images/icon_faq.gif"); }
.icon-home					{ background-image: url("./images/icon_home.gif"); }
.icon-logout				{ background-image: url("./images/icon_logout.gif"); }
.icon-mark					{ background-image: url("./images/icon_mark.gif"); }
.icon-mcp					{ background-image: url("./images/icon_mcp.gif"); }
.icon-members				{ background-image: url("./images/icon_members.gif"); }
.icon-notification			{ background-image: url("./images/icon_notification.gif"); }
.icon-pages					{ background-image: url("./images/icon_pages.gif"); }
.icon-pm					{ background-image: url("./images/icon_pm.gif"); }
.icon-print					{ background-image: url("./images/icon_print.gif"); }
.icon-profile				{ background-image: url("./images/icon_profile.gif"); }
.icon-register				{ background-image: url("./images/icon_register.gif"); }
.icon-search, .responsive-search a	{ background-image: url("./images/icon_search.gif"); }
.icon-search-active			{ background-image: url("./images/subforum_read.gif"); }
.icon-search-advanced		{ background-image: url("./images/icon_search_adv.gif"); }
.icon-search-new			{ background-image: url("./images/subforum_unread.gif"); }
.icon-search-self			{ background-image: url("./images/icon_topic_latest.gif"); }
.icon-search-unanswered		{ background-image: url("./images/icon_post_target.gif"); }
.icon-search-unread			{ background-image: url("./images/subforum_unread.gif"); }
.icon-sendemail				{ background-image: url("./images/icon_sendemail.gif"); }
.icon-subscribe				{ background-image: url("./images/icon_subscribe.gif"); }
.icon-team					{ background-image: url("./images/icon_team.gif"); }
.icon-ucp					{ background-image: url("./images/icon_ucp.gif"); }
.icon-unsubscribe			{ background-image: url("./images/icon_unsubscribe.gif"); }



/* Profile & navigation icons */
.contact-icon													{ background-image: url("./images/icons_contact.png"); }
.icon-button:before, .dropdown-select:after						{ background-image: url("./images/icons_button.png"); }

/* Don't insert an icon for new topic, post reply buttons etc */
.reply-icon:before, .pmreply-icon:before, .post-icon:before, .newpm-icon:before, .reply-all:before, .locked-icon:before, .forwardpm-icon:before	{
	display: none;
}

/* Forum icons & Topic icons */

.global_read {
	background-image: url("./images/png/icon_read.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read.svg"); /* Modern browsers */
}
.global_read_mine {
	background-image: url("./images/png/icon_read_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_mine.svg"); /* Modern browsers */
}
.global_read_locked {
	background-image: url("./images/png/icon_read_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked.svg"); /* Modern browsers */
}
.global_read_locked_mine {
	background-image: url("./images/png/icon_read_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked_mine.svg"); /* Modern browsers */
}

.global_unread {
	background-image: url("./images/png/icon_unread.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread.svg"); /* Modern browsers */
}
.global_unread_mine {
	background-image: url("./images/png/icon_unread_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_mine.svg"); /* Modern browsers */
}
.global_unread_locked {
	background-image: url("./images/png/icon_unread_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked.svg"); /* Modern browsers */
}
.global_unread_locked_mine {
	background-image: url("./images/png/icon_unread_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
}

.announce_read {
	background-image: url("./images/png/icon_read.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read.svg"); /* Modern browsers */
}
.announce_read_mine {
	background-image: url("./images/png/icon_read_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_mine.svg"); /* Modern browsers */
}
.announce_read_locked {
	background-image: url("./images/png/icon_read_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked.svg"); /* Modern browsers */
}
.announce_read_locked_mine {
	background-image: url("./images/png/icon_read_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked_mine.svg"); /* Modern browsers */
}

.announce_unread {
	background-image: url("./images/png/icon_unread.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread.svg"); /* Modern browsers */
}
.announce_unread_mine {
	background-image: url("./images/png/icon_unread_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_mine.svg"); /* Modern browsers */
}
.announce_unread_locked {
	background-image: url("./images/png/icon_unread_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked.svg"); /* Modern browsers */
}
.announce_unread_locked_mine {
	background-image: url("./images/png/icon_unread_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
}

.forum_link {
	background-image: url("./images/png/forum_link.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/forum_link.svg"); /* Modern browsers */
}

.forum_read {
	background-image: url("./images/png/icon_read.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read.svg"); /* Modern browsers */
}
.forum_read_locked {
	background-image: url("./images/png/icon_read_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked.svg"); /* Modern browsers */
}
.forum_read_subforum {
	background-image: url("./images/png/icon_read.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read.svg"); /* Modern browsers */
}

.forum_unread {
	background-image: url("./images/png/icon_unread.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread.svg"); /* Modern browsers */
}
.forum_unread_locked {
	background-image: url("./images/png/icon_unread_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked.svg"); /* Modern browsers */
}
.forum_unread_subforum {
	background-image: url("./images/png/icon_unread.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread.svg"); /* Modern browsers */
}


.sticky_read {
	background-image: url("./images/png/icon_read.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read.svg"); /* Modern browsers */
}
@media only screen and (max-height: 500px){
.sticky_read {
	/*
  background-image: url("/styles/milk/theme/images/png/icon_read.png"); /* IE8 + below */
  /*
  background-size: 40px 40px;
  border:1px solid red;
  background-color:#000;
  position:absolute;
  background-position: 20px 100px !important;
  
        overflow-y: scroll;*/
}
}
.sticky_read_mine {
	background-image: url("./images/png/icon_read_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_mine.svg"); /* Modern browsers */
}
.sticky_read_locked {
	background-image: url("./images/png/icon_read_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked.svg"); /* Modern browsers */
}
.sticky_read_locked_mine {
	background-image: url("./images/png/icon_read_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked_mine.svg"); /* Modern browsers */
}

.sticky_unread {
	background-image: url("./images/png/icon_unread.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread.svg"); /* Modern browsers */
}
.sticky_unread_mine {
	background-image: url("./images/png/icon_unread_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_mine.svg"); /* Modern browsers */
}
.sticky_unread_locked {
	background-image: url("./images/png/icon_unread_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked.svg"); /* Modern browsers */
}
.sticky_unread_locked_mine {
	background-image: url("./images/png/icon_unread_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
}

.topic_moved {
	background-image: url("./images/png/forum_link.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/forum_link.svg"); /* Modern browsers */
}

.topic_read {
	background-image: url("./images/png/icon_read.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read.svg"); /* Modern browsers */
}
.topic_read_mine {
	background-image: url("./images/png/icon_read_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_mine.svg"); /* Modern browsers */
}
.topic_read_hot {
	background-image: url("./images/png/icon_read_hot.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_hot.svg"); /* Modern browsers */
}
.topic_read_hot_mine {
	background-image: url("./images/png/icon_read_hot_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_hot_mine.svg"); /* Modern browsers */
}
.topic_read_locked {
	background-image: url("./images/png/icon_read_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked.svg"); /* Modern browsers */
}
.topic_read_locked_mine {
	background-image: url("./images/png/icon_read_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read_locked_mine.svg"); /* Modern browsers */
}

.topic_unread {
	background-image: url("./images/png/icon_unread.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread.svg"); /* Modern browsers */
}
.topic_unread_mine {
	background-image: url("./images/png/icon_unread_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_mine.svg"); /* Modern browsers */
}
.topic_unread_hot {
	background-image: url("./images/png/icon_unread_hot.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_hot.svg"); /* Modern browsers */
}
.topic_unread_hot_mine {
	background-image: url("./images/png/icon_unread_hot_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_hot_mine.svg"); /* Modern browsers */
}
.topic_unread_locked {
	background-image: url("./images/png/icon_unread_locked.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked.svg"); /* Modern browsers */
}
.topic_unread_locked_mine {
	background-image: url("./images/png/icon_unread_locked_mine.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
}

.pm_read {
	background-image: url("./images/png/icon_read.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_read.svg"); /* Modern browsers */
}
.pm_unread {
	background-image: url("./images/png/icon_unread.png"); /* IE8 + below */
	background-image: linear-gradient(transparent, transparent), url("./images/svg/icon_unread.svg"); /* Modern browsers */
}


/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

.panel-container h3, .panel-container hr, #cp-menu hr {
	border-color: #d3d3d3;
}

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

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

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

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

#cp-main .pm-message {
	border-color: #f1f1f1;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a {
	background: #e5e5e5;
	color: #8c8c8c;
}

#tabs .tab > a:hover {
	background: #f8f8f8;
}

#tabs .activetab > a,
#tabs .activetab > a:hover {
	background: #efefef;
	background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef', GradientType=0 );
	border-color: #efefef;
	box-shadow: 0 1px 1px #fdfdfd inset;
	color: #333333;
}

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

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

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

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

.responsive-tab .responsive-tab-link:hover:before {

}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	color: #333;
	background: #e0e0e0;
	background: -moz-linear-gradient(left, #e0e0e0 50%, #efefef 100%);
	background: -webkit-gradient(left top, right top, color-stop(50%, #e0e0e0), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(left, #e0e0e0 50%, #efefef 100%);
	background: -o-linear-gradient(left, #e0e0e0 50%, #efefef 100%);
	background: -ms-linear-gradient(left, #e0e0e0 50%, #efefef 100%);
	background: linear-gradient(to right, #e0e0e0 50%, #efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#efefef', GradientType=1 );
}

.rtl #navigation a {
	background: #e0e0e0;
	background: -moz-linear-gradient(left, #efefef 0%, #e0e0e0 50%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #efefef), color-stop(50%, #e0e0e0));
	background: -webkit-linear-gradient(left, #efefef 0%, #e0e0e0 50%);
	background: -o-linear-gradient(left, #efefef 0%, #e0e0e0 50%);
	background: -ms-linear-gradient(left, #efefef 0%, #e0e0e0 50%);
	background: linear-gradient(to right, #efefef 0%, #e0e0e0 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e0e0e0', GradientType=1 );
}

#navigation a:hover {
	background: #d8d8d8;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a {
	background: #f8f8f8;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a:hover {

}

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

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
	color: #333333;
}

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

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

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

dl.mini dt {
	color: #717171;
}

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

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

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

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

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

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

/* Avatar gallery */
#gallery label {
	background: #FFFFFF;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: #EEE;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #d9d9d9;
	background-color: #F7F7F7;
	color: #717171;
}

label {
	color: #717171;
}

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

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

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

/* Posting page styles
----------------------------------------*/

#message-box textarea {
	color: #333333;
}

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

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF;
	border-color: #d9d9d9;
	color: #333333;
}

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

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

.inputbox:hover {
	border-color: #a1a1a1;
}

.inputbox:focus {
	border-color: #a1a1a1;
	color: #656565;
}

.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: #717171;
	background-color: #f7f7f7;
}

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

input.button3 {
	background-image: none;
}

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

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

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	color: #FFFFFF;
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
}

input.search {
	background-image: url("./images/icon_textbox_search.gif");
}

input.disabled {
	color: #666666;
}

input[name="action[approve]"], input[name="action[restore]"]  {
	background-color: #84bd00;
	border-color: #84bd00;
	color: #FFFFFF;
}

input[name="action[disapprove]"] {
	background-color: #bd0000;
	border-color: #bd0000;
	color: #FFFFFF;
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
	background-color: #FFFFFF;
	border-color: #999999;
}
.phpbb_alert .alert_close {
	background-image: url("./images/alert_close.png");
}
#darken {
	background-color: #000000;
}

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

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

.dropdown-extended ul li:hover {
	color: #000000;
}

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

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

.dropdown-extended .header {

}

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

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

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

ul.linklist li.breadcrumbs a {
}

ul.linklist li.responsive-menu a.responsive-menu-link:before {
	border-color: #bec4c9;
}

ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu a.responsive-menu-link:hover:focus {
	border-color: #a7acaf !important;
}

ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {

}

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

.dropdown .dropdown-contents li a:hover {

}

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

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

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

/* Notifications
---------------------------------------- */

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

li.notification-reported strong, li.notification-disapproved strong {

}

strong.count {
	display: inline-block;
	padding: 2px 6px !important;
	line-height: normal;
	border-radius: 5px;
}

strong.count-coloured {
	color: #FFFFFF;
}


/* Coloured Icons
---------------------------------------- */

.fa-yellow {color: #f5be00;}
.fa-blue {color: #0090f5;}
.fa-green {color: #84bd00;}
.fa-red {color: #bd0000;}
.fa-orange {color: #FF6600;}