/*
  Classic Theme for phpBB 2.0.6
  Created by Vjacheslav Trushkin
  http://www.trushkin.net

#E1E8F5
#DEE7F3
#C4D2ED
#7E98CB
#043698
#021A4A


*/


.forumimages	{
		max-width: 100%;
}



* 	{	
	box-sizing: border-box;
	border-collapse: collapse;
	}

.limit {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	hyphens: auto;
}



 /* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
	xxxxmin-width: 1950px;
	xxxxmin-height: 1900px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #fcfcfc;
	font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	font-size: 15px;
	xxxxxxtransform: scale(0.6667) !important;
}






/* General font families for common tags */
font	{ font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; }
p, td	{ font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; }

hr		{ height: 0px; border: solid #DEE7F3 0px; border-top-width: 1px; margin-top: 0px; margin-bottom: 5px;}

a		{ color: #3D5C98; text-decoration: none; }
a:hover	{ color: #ff761e; text-decoration: underline; }

h1,h2 		{ 
			font-size : 20px; 
			font-weight : bold; 
			text-decoration : none; 
			line-height : 120%; 
			color : #000000;
			}


/* This is the border line & background colour round the entire page */
.bodyline {	
		background-color: #f2f2f2; 
}

/* This is the outline round the main forum tables */
.forumline { 
		background-color: #E1E8F5; 
		border: 1px #E1E8F5; 
		border-style: solid; 
}

/*
  Main table cell colours and backgrounds
  Styles that use bitmap backgrounds are commented "Uses Bitmap"
  Note that netscape 4 takes paths to bitmap files relative from
  the html file rather than from the style sheet.
  Hence, to maintain compatibility, all styles using bitmaps have
  their "background : url(templates/Classic/images/bitmap.gif);"
  setting defined in overall_header.tpl
*/

TD { 
					font-size: 12px;
}


TD.row1				{ background-color: #f8f8f8; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }
TD.row2, TD.rowDyn	{ background-color: #f4f4f4; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }
TD.row3				{ background-color: #f1f1f1; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }



/* This is the spacer row between post replies */
TD.spaceRow 		{ 	
					height: 5px; 
					color:#FFFFFF; 
					background-color: #C4D2ED; 
					border: #04369B; 
					border-style: solid; 
					border-left-width: 1px; 
					border-top-width: 0px; 
					border-right-width: 1px; 
					border-bottom-width: 0px 
					}



TD.catHead,TD.catHeadDyn	{
							font-size: 15px;
							height: 40px; 
							border-left-width: 0px; 
							border-top-width: 1px; 
							border-right-width: 0px; 
							border-bottom-width: 1px 
							}
TD.catSides  { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TD.catLeft	 { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px }
TD.catRight	 { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TD.cat,TD.catBottom { height: 40px; border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px }

TH.thHead,TH.thSides,TH.thBottom,TH.thCornerL,TH.thCornerR { border: #ffffff; border-style: solid; }
TH.thTop,TH.thLeft,TH.thRight,TH.thCornerL,TH.thCornerR { border: #04369B; }

TH.thHead	 { font-weight : bold; font-size: 18px; height: 25px; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }
TH.thSides	 { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TH.thTop	 { border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }
TH.thLeft	 { border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px }
TH.thRight	 { border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px }
TH.thBottom  { border-left-width: 1px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px }
TH.thCornerL { border-left-width: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px }
TH.thCornerR { border-left-width: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px }



/* The largest text used in the index page title and toptic title etc. */
.buttonwrite 	{
					width: 190px;
					text-align: center;
					padding-top: 40px;
					padding-bottom: 37px;
}
.buttonwrite2 	{
					width: 120px;
					text-align: center;
					padding-top: 18px;
					padding-bottom: 14px;
}

.rightpagination{
					padding-right: 34px;
				}

.mainrowdistance 		{
					height: 18px;
}
.maintitle	{ 
					font-family: 'Trebuchet MS', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
					font-size: 20px; 
					line-height: 1em;
					font-weight: bold; 
					text-decoration: none; 
					color: #3D5C98;
}

.mainsubtitle { 
					font-family: 'Trebuchet MS', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
					font-size: 20px; 
					line-height: 1em;
					font-weight: bold; 
					text-decoration: none; 
					color: #3D5C98;
}

.subtitle { 
					font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
					font-size: 22px; 
					font-weight: bold; 
					line-height: 34px;
					text-decoration: none; 
					color: #3D5C98;
}



.pmboxes 	{
					font-family: 'Trebuchet MS', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
					font-size: 22px; 
					line-height: 1em;
					font-weight: bold; 
					text-align: right;
					color: #3D5C98;
					height: 46px;
}

/* General normal text */
.gen				{ 
					font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
					color: #000000; 
					font-size: 18px; 
					}
a.gen				{ color: #043698; text-decoration: none; }
a.gen:visited		{ color: #003090; text-decoration: none; }
a.gen:active		{ color: #FF0000; text-decoration: none; }
a.gen:hover			{ color: #ff761e; text-decoration: none; }

/* General medium text */
.genmed				{ 
					font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
					color: #000000; 
					font-size: 16px; 
					line-height: 26px;
					}
a.genmed			{ color: #043698; text-decoration: none; }
a.genmed:visited	{ color: #003090; text-decoration: none; }
a.genmed:active		{ color: #FF0000; text-decoration: none; }
a.genmed:hover		{ color: #ff761e; text-decoration: none; }

/* General small */
.gensmall			{ 
					font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
					color: #000000; 
					font-size: 14px; 
					}
a.gensmall			{ color: #043698; text-decoration: none; }
a.gensmall:visited	{ color: #003090; text-decoration: none; }
a.gensmall:active	{ color: #FF0000; text-decoration: none; }
a.gensmall:hover	{ color: #ff761e; text-decoration: none; }

/* General micro */
.genmicro			{ 
					font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
					color: #000000; 
					font-size: 10px; 
					}
a.genmicro			{ color: #043698; text-decoration: none; }
a.genmicro:visited	{ color: #003090; text-decoration: none; }
a.genmicro:active	{ color: #FF0000; text-decoration: none; }
a.genmicro:hover	{ color: #ff761e; text-decoration: none; }

/* Text on TD.SpaceRow */
.spaceRow			{ color: #FFFFFF; font-size: 18px; }
a.spaceRow			{ color: #FFFFFF; text-decoration: none; }
a.spaceRow:visited	{ color: #FFFFFF; text-decoration: none; }
a.spaceRow:active	{ color: #FF0000; text-decoration: none; }
a.spaceRow:hover	{ color: #ff761e; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu			{ color: #000000; text-decoration: none; font-size: 18px; }
a.mainmenu			{ color: #000000; text-decoration: none;  }
a.mainmenu:visited	{ color: #000000; text-decoration: none;  }
a.mainmenu:active	{ color: #FF0000; text-decoration: underline; }
a.mainmenu:hover	{ color: #ff761e; text-decoration: underline; }


/* Forum category titles */
.cattitle			{ 
					font-family: 'Trebuchet MS', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
					font-size: 22px; 
					line-height: 46px;
					font-weight: bold; 
					text-decoration : none; 
					color: #043698;
					}
a.cattitle, .cattitle a	{ text-decoration: none; color : #043698; }
a.cattitle:visited, .cattitle a:visited		{ text-decoration: none; color : #003090; }
a.cattitle:active, .cattitle a:active		{ text-decoration: none; color : #FF0000; }
a.cattitle:hover, .cattitle a:hover			{ text-decoration: none; color : #ff761e; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink			{ 
					font-family: 'Trebuchet MS', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
					font-size: 22px; 
					font-weight: bold; 
					text-decoration: none; 
					color: #043698; 
					line-height: 38px; 
					}
a.forumlink			{ text-decoration: none; color : #043698; }
a.forumlink:visited	{ text-decoration: none; color : #003090; }
a.forumlink:active	{ text-decoration: none; color : #FF0000; }
a.forumlink:hover	{ text-decoration: none; color : #ff761e; }


.forumsubtitle  	{ 
					font-size: 12px; 
					font-weight: normal; 
					text-decoration: none; 
					color: #000000; 
					line-height: 22px;
					}
a.forumsubtitle			{ text-decoration: none; }
a.forumsubtitle:visited	{ text-decoration: none; }
a.forumsubtitle:active	{ text-decoration: none; }
a.forumsubtitle:hover	{ text-decoration: none; color : #ff761e; }


/* titles for the topics: could specify viewed link colour too */
.topictitle				{ 
						font-family: 'Trebuchet MS', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; 
						font-size: 19px; 
						line-height: 26px;
						font-weight : bold; 
						text-decoration : none; 
						color : #000000;
						}
a.topictitle			{ text-decoration: none; color : #043698; }
a.topictitle:visited	{ text-decoration: none; color : #003090; }
a.topictitle:active		{ text-decoration: none; color : #FF0000; }
a.topictitle:hover		{ text-decoration: none; color : #ff761e; }

.topic_announcement {
	display: block;
	color: #043698;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}

.topic_sticky {
	display: block;
	color: #043698;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}
.topic_pager {
	display: block;
	text-align: right;
	color: #043698;
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ 
				font-size: 16px;
				line-height: 30px;
				font-weight: normal; 
				text-decoration: none; 
				color : #043698;
				}




/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ 
				color: #000000; 
				text-decoration: none; 
				font-size: 13px; 
				}
a.name			{ color: #043698; text-decoration: none;}
a.name:visited	{ color: #003090; text-decoration: none;}
a.name:active	{ color: #FF0000; text-decoration: none;}
a.name:hover	{ color: #ff761e; text-decoration: none;}

/* Location, number of posts, post date etc */
.postdetails	{ 
				font-size : 13px; 
				}



/* Forum post on viewtopic*/

.fullpost		{
				display: inline-block;
				width: 100%;
				background-color: #f2f2f2;
				}

.postleft		{ 
				width: 190px;
				display: inline-block;
				position: relative;
				vertical-align: top;
				text-align: center;
				white-space: nowrap;
				padding: 10px 0px 10px 0px;
				overflow: hidden;
				}

.postright		{
				width: 80%;
				display: inline-block;
				position: relative;
				vertical-align: top;
				padding: 10px;
				}


.postdate		{ 
				font-size : 12px; 
				width: 100%;
				display: flex;
				justify-content: space-between;
				padding-bottom: 31px;
				}


/* The content of the posts (body of text) */
.postbody 			{ 
					font-size : 15px;  
					max-width: 100%;
					overflow-wrap: break-word;
					word-wrap: break-word;
					-ms-word-break: break-all;
					word-break: break-word;
					hyphens: auto;
					}

a.postlink			{ text-decoration: none; color : #043698 }
a.postlink:visited	{ text-decoration: none; color : #003090 }
a.postlink:active 	{ text-decoration: none; color : #FF0000}
a.postlink:hover 	{ text-decoration: none; color : #ff761e}


.postsignature 		{
					font-size : 15px; 
					line-height: 1.5em; 
					padding-top: 10px;
					}

.postbuttons 		{
					padding-top: 4px;
					padding-left: 30px;
					padding-right: 20px;
					width: 100%;
					display: flex;
					justify-content: space-between;
					}
					
.postbuttons img	{
					padding: 5px 5px 5px 5px;
					}
					

.postdivider 		{
					width: 100%;
					height: 15px;
					background-color: #fff;
					}

/* Errors */
.error { font-size: 16px; font-weight: bold; color: #FF4400 }


/* Quote Code (currently not used) */
.code { 
	font-family: Courier, "Courier New", sans-serif; font-size: 14px; color: #008800;
	border-style: none;
}

.quote {
	font-size: 15px; 
	line-height: 20px;
	background-color: #fbfbfb; 
	border: #e0e0e0; 
	padding: 6px;
	border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.editedby { font-size : 10px; line-height : 100%; color : #333333; }


/* Form elements */
input,textarea, select {
	color : #000000;
	font-family : 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	font-size: 15px;
	font-weight : normal;
}

form { display: inline; }

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #E9EEF7;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #E9EEF9;
	color : #000000;
	font-family : 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	font-size: 14px;
}

/* The main submit button option */
input.mainoption {
	background-color : #E9EEF6;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #E9EEF5;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
input.helpline { background-color: #f5f5f5; border: solid 1px #f5f5f5; }

/* Copyright and bottom info */
.copyright		{ font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif; color: #444444; font-size: 10px; letter-spacing: -1px;}
a.copyright		{ color: #333333; text-decoration: none;}
a.copyright:hover { color: #ff761e; text-decoration: underline;}


.adsblock 	{
		padding-top: 0px;
		padding-bottom: 0px;
}



.mainnavbutton {
	font-family: 'Trebuchet MS', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	font-size : 22px; 
	font-weight : bold; 
	color : #3D5C98;
	cursor: pointer;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
	border: 1px solid #E1E8F5;
	
	background-image: url(/forum/templates/Mobile/images/cell2l.jpg)
}

.subnavbutton {
	font-family: 'Calibri', 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
	font-size : 18px; 
	font-weight: 450;
	line-height: 26px; 
	height: 80px;
	min-width: 70px;
	color : #3D5C98;
	cursor: pointer;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	border: 1px solid #E1E8F5;
	background-image: url(/forum/templates/Mobile/images/cell2l.jpg)
}

.subnav	{ 
	color: #3D5C98; 
	text-decoration: none; 
	font-size : 16px; 
	font-weight: normal; 
	line-height: 32px; 
}


.smilies {
	xxxxxxxxxxxtransform: scale(1.3333) !important;
	margin: 0px 2px 0px 2px;
}





@mmmmedia only screen and (max-width: 1100px) {
	.catHeadDyn {display: none;}
	.rowDyn        {display: none;}
	.topictitle    { font-size: 20px; }
	.postdetails   { font-size: 13px; }
	.maintitle     { font-size: 23px; }
	.mainsubtitle  { font-size: 23px; }
	.forumlink     { font-size: 23px; }
	.forumsubtitle { font-size: 16px; }
	
}


button {
		border: 1px solid #bbb;
		background-color: #eee;
		padding: 10px 15px;
		text-decoration: none;
		color: #3D5C98;
		margin: 5px;
}								 

button:hover {
		cursor: pointer;
		filter: brightness(105%);
}

@media only screen and (max-width: 900px) {
	
	.catHeadDyn     {display: none;}
	.rowDyn         {display: none;}

}
@media only screen and (min-width: 900px) {
	
	.row1			{ height: 85px; }
	.postbuttons img	{ transform: scale(0.95) !important; }
	
	.postbody 		{ font-size: 14px; }
	.postsignature 	{ font-size: 13px; }
	
	.quote 			{ font-size: 12px; }
	.name 			{ font-size: 12px; }
	.postdate 		{ font-size: 12px; }
	
	.forumlink  	{ font-size: 17px; }
	.forumsubtitle	{ font-size: 13px; }
	.topictitle 	{ font-size: 17px; }
	.postdetails  	{ font-size: 13px; }
	.maintitle  	{ font-size: 20px; }
	.mainsubtitle  	{ font-size: 20px; }
	.topic_pager  	{ font-size: 16px; }
	.subnavbutton	{ font-size: 20px; }
	
}