/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Rock'n Roll 
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Vinny ( http://www.suportephpbb.com.br )
	Ported by:			The KuKa (Raúl Arroyo) - https://www.phpbb-es.com
    --------------------------------------------------------------
*/

/* Colours and backgrounds for Rock'n Roll */

html, body {
	color: #000000;
	background: #4c4c4c;
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 0%, #666666 0%, #2b2b2b 0%, #2c2c2c 15%, #2c2c2c 15%, #474747 18%, #000000 51%, #111111 60%, #1c1c1c 91%, #131313 100%);
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%);
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
	background-repeat: repeat-x;
	background-attachment: fixed;
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: #28313F;
}

h3 {
	border-bottom-color: #CCCCCC;
	color: #000000;
}

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

hr.dashed {
	border-top-color: #CCCCCC;
}

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

#search-box {
	color: #FFFFFF;
}

#search-box #keywords {
	background-color: #FFFFFF;
}

#search-box input {
	border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #000000;
	background-image: url("./images/bg_header.gif");
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
}

.navbar {
	background-color: #ACACAC;
}

.forabg {
	background: #4c4c4c;
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 0%, #666666 0%, #2b2b2b 0%, #2c2c2c 15%, #2c2c2c 15%, #474747 18%, #000000 51%, #111111 60%, #1c1c1c 91%, #131313 100%);
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%);
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}

.forumbg {
	background: #4c4c4c;
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 0%, #666666 0%, #2b2b2b 0%, #2c2c2c 15%, #2c2c2c 15%, #474747 18%, #000000 51%, #111111 60%, #1c1c1c 91%, #131313 100%);
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%);
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}

.panel {
	background-color: #EFEFEF;
	color: #28313F;
}

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

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

.bg1	{ background-color: #EFEFEF; }
.bg2	{ background-color: #EFEFEF; }
.bg3	{ background-color: #DBDBDB; }

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

ul.topiclist2 dt .list-inner2 {
    margin-right: 95%;
    padding-left: 5px;
    padding-right: 5px;
}

ul {
    /*list-style-type: none;*/
}

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

ul.topiclist li {
	color: #000000;
}

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

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

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #00608F;
}

li.row strong {
	color: #000000;
}

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

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

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

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

ul.linklist li.responsive-menu {
    position: relative;
    margin: 0 5px 0 5px;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}

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

.tabs .tab > a:hover {
	background: #DDEDFB;
	color: #D31141;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #DBDBDB 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBDBDB', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	border-color: #FFFFFF;
	box-shadow: 0 1px 1px #F2F9FF inset;
	color: #333333;
}

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

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

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

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

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

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

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

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
	background-color: #F3BFCC;
	color: #BC2A4D;
}

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

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

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

.rtl blockquote {
	background-image: url("./images/quote_rtl.gif");
}

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

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

/* Code block */
dl.codebox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

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

dl.codebox code {
	color: #2E8B57;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

.attachbox {
    background-color: #EFEED9;
    border-color: #C9D2D8;
}

/* Top Button Rock'n Roll */
.back2top .top {
    float: right;
    margin-right: -5px;
    margin-top: 0;
}

/* Colours and backgrounds for links on Rock'n Roll*/

a:link	{ color: #000000; }
a:visited	{ color: #000000; }
a:hover	{ color: #D31141; }
a:active	{ color: #368AD2; }

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

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #FFFFFF;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #A8D8FF;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #C8E6FF;
}

/* Links for forum/topic lists */
a.forumtitle {
	color: #000000;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
	color: #000000;
}

a.forumtitle:active {
	color: #105289;
}

a.topictitle {
	color: #000000;
}

/* a.topictitle:visited { color: #368AD2; } */

a.topictitle:hover {
	color: #000000;
}

a.topictitle:active {
	color: #105289;
}

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

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

.postlink:active {
	color: #368AD2;
}

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

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

.signature {
    margin-top: 1.5em;
    padding-top: 0.2em;
    font-size: 1.1em;
    border-top: 2px dashed #73797C;
    clear: left;
    line-height: 140%;
    overflow: hidden;
    width: 100%;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
	color: #105289;
}

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

.postprofile a:active {
	color: #105289;
}

/* Profile searchresults */	
.search .postprofile a {
	color: #105289;
}

.search .postprofile a:hover {
	color: #D31141;
}

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

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

.attachbox p {
	color: #666666;
}

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

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

#wrap {
	padding: 10px 10px;
	margin: 0 auto;
    max-width: 95%;
	background-color: #FFFFFF;
	border: 3px solid #000000;
	border-radius: 0;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

.site_logo {
    background-image: url(./images/site_logo.png);
    display: inline-block;
    width: 300px;
    height: 62px;
}

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

 /* Miscellaneous styles
 ---------------------------------------- */
.copyright {
	font-size: 10px;
 	text-align: center;
	padding: 10px;
}

.footer-row {
	font-size: 10px;
	line-height: 1.8;
	margin: 0;
}
 
/* Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #CCCCCC;
}

.jumpbox-cat-link {
	background-color: #ACACAC;
	border-top-color: #E18935;
	color: #FFFFFF;
}

.jumpbox-cat-link:hover {
	background-color: #ACAC90;
	border-top-color: #F0D9A5;
	color: #000000;
}

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

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

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

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

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

/* Forum icons & Topic icons */

dl.row-item {
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 27px;
}

.global_read					{ background-image: url("./images/icons/announce_read.gif"); }
.global_read_mine				{ background-image: url("./images/icons/announce_read_mine.gif"); }
.global_read_locked				{ background-image: url("./images/icons/announce_read_locked.gif"); }
.global_read_locked_mine		{ background-image: url("./images/icons/announce_read_locked_mine.gif"); }
.global_unread					{ background-image: url("./images/icons/announce_unread.gif"); }
.global_unread_mine				{ background-image: url("./images/icons/announce_unread_mine.gif"); }
.global_unread_locked			{ background-image: url("./images/icons/announce_unread_locked.gif"); }
.global_unread_locked_mine		{ background-image: url("./images/icons/announce_unread_locked_mine.gif"); }

.announce_read					{ background-image: url("./images/icons/announce_read.gif"); }
.announce_read_mine				{ background-image: url("./images/icons/announce_read_mine.gif"); }
.announce_read_locked			{ background-image: url("./images/icons/announce_read_locked.gif"); }
.announce_read_locked_mine		{ background-image: url("./images/icons/announce_read_locked_mine.gif"); }
.announce_unread				{ background-image: url("./images/icons/announce_unread.gif"); }
.announce_unread_mine			{ background-image: url("./images/icons/announce_unread_mine.gif"); }
.announce_unread_locked			{ background-image: url("./images/icons/announce_unread_locked.gif"); }
.announce_unread_locked_mine	{ background-image: url("./images/icons/announce_unread_locked_mine.gif"); }

.forum_link					{ background-image: url("./images/icons/forum_link.gif"); }
.forum_read					{ background-image: url("./images/icons/forum_read.gif"); }
.forum_read_locked			{ background-image: url("./images/icons/forum_read_locked.gif"); }
.forum_read_subforum		{ background-image: url("./images/icons/forum_read_subforum.gif"); }
.forum_unread				{ background-image: url("./images/icons/forum_unread.gif"); }
.forum_unread_locked		{ background-image: url("./images/icons/forum_unread_locked.gif"); }
.forum_unread_subforum		{ background-image: url("./images/icons/forum_unread_subforum.gif"); }

.sticky_read				{ background-image: url("./images/icons/sticky_read.gif"); }
.sticky_read_mine			{ background-image: url("./images/icons/sticky_read_mine.gif"); }
.sticky_read_locked			{ background-image: url("./images/icons/sticky_read_locked.gif"); }
.sticky_read_locked_mine	{ background-image: url("./images/icons/sticky_read_locked_mine.gif"); }
.sticky_unread				{ background-image: url("./images/icons/sticky_unread.gif"); }
.sticky_unread_mine			{ background-image: url("./images/icons/sticky_unread_mine.gif"); }
.sticky_unread_locked		{ background-image: url("./images/icons/sticky_unread_locked.gif"); }
.sticky_unread_locked_mine	{ background-image: url("./images/icons/sticky_unread_locked_mine.gif"); }

.topic_moved				{ background-image: url("./images/icons/topic_moved.gif"); }
.topic_read					{ background-image: url("./images/icons/topic_read.gif"); }
.topic_read_mine			{ background-image: url("./images/icons/topic_read_mine.gif"); }
.topic_read_hot				{ background-image: url("./images/icons/topic_read_hot.gif"); }
.topic_read_hot_mine		{ background-image: url("./images/icons/topic_read_hot_mine.gif"); }
.topic_read_locked			{ background-image: url("./images/icons/topic_read_locked.gif"); }
.topic_read_locked_mine		{ background-image: url("./images/icons/topic_read_locked_mine.gif"); }
.topic_unread				{ background-image: url("./images/icons/topic_unread.gif"); }
.topic_unread_mine			{ background-image: url("./images/icons/topic_unread_mine.gif"); }
.topic_unread_hot			{ background-image: url("./images/icons/topic_unread_hot.gif"); }
.topic_unread_hot_mine		{ background-image: url("./images/icons/topic_unread_hot_mine.gif"); }
.topic_unread_locked		{ background-image: url("./images/icons/topic_unread_locked.gif"); }
.topic_unread_locked_mine	{ background-image: url("./images/icons/topic_unread_locked_mine.gif"); }

.pm_read					{ background-image: url("./images/icons/topic_read.gif"); }
.pm_unread					{ background-image: url("./images/icons/topic_unread.gif"); }

li.row strong {
	font-weight: bold;
	color: inherit;
}

/* Buttons CSS */

.button {
	display: inline-block;
	padding: 2px 8px;
	font-size: 13px;
	font-weight: 600;
	font-family: bebasregular, "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	border: 1px solid transparent;
}

.button:focus,
.button:hover {
 	text-decoration: none;
 	outline: none;
}

.caret {
	border-left: 1px solid;
	position: relative;
	right: -6px;
}

.caret i {
	vertical-align: top;
}

.button {
    background-image: linear-gradient(to bottom, #FFFFFF 0%,#F6F6F6 100%);
	-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#525252',GradientType=0 );
    border: 1px solid #525252;
	color: #333333;
}

.button:hover, .button:focus {
	color: #000000;
	background-color: #B8637A;
	border-color: #000000;
}

.button:active {
	color:#FFFFFF;
	background-color:#000000;
}

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

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

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

.caret	{ border-color: #DADADA; }
.caret	{ border-color: #C7C3BF; }

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

/* Online/Offline status Rock'n Roll */
.online {
	background-image: url(./images/icons/icon_user_online.gif);
	background-size: 5px;
	background-position: 100% 0%;
    background-repeat: repeat-y;
}

.offline {
	background-image: url(./images/icons/icon_user_offline.gif);
	background-size: 5px;
	background-position: 100% 0%;
    background-repeat: repeat-y;
}

/* Small changes responsive Rock'n Roll - START */

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.site_logo {
	background-image: url(./images/roll_logo_small.png);
	display: inline-block;
	width: 43px;
	height: 60px;
	}

	.logo {
	/* change display value to inline-block to show logo */
	display: block;
	float: none;
	padding: 10px;
	}

	.postprofile .avatar img {
    width: auto !important;
    height: auto !important;
    max-height: 46px;
	}

	.has-profile .post-buttons {
    right: 10px;
    top: 15px;
	}

	.online {
    background-size: 5px;
	}

	dl.details dt, dl.details dd {
    width: auto;
    float: none;
    text-align: left;
	}
}

/* Small changes responsive Rock'n Roll - END */

/* Menu Style */

.solidblockmenu ul{
	margin: 0;
	padding: 0;
	text-align: center;
	font: bold 11px Arial;
	width: 100%;
	border-width: 1px 0;
}

.solidblockmenu li{
	display: inline;
}

.solidblockmenu li a{
	text-align: center;
	color: #FFFFFF;
	padding: 4px 10px;
	text-decoration: none;
	border-right: 1px solid #3B3D3E;
}

.solidblockmenu li a:visited{
	color: #FFFFFF;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
	color: #FFFFFF;
	background: transparent url(./images/blockactive.gif) center center repeat-x;
}

.tabcontainer{
	clear: center;
	width: 95%; 
	height: 1.5em; 
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
	margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
	margin-top: -1em;
}

.tabcontent{
	display: none;
}

.linklist i {
    color: #000000;
    text-shadow: 2px 2px 3px #ffffff;
}