/*
  SmsPower Theme for phpBB version 2+
  Omar Cornut
  Variable replaced version
*/

/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

/* General page style */
body {
	background: #069 url(/pub/skins/smspower/image/background.png);
	color:#fff;
	/* we list some ClearType fonts for Japanese/Korean */
	font-family: Arial, Helvetica, Meiryo, Malgun Gothic, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	font-size:11pt;
	line-height:120%;
}

body.simple { background:#069; }

dd { padding-left:1em; }

#wrap{
	margin:1em auto;
	text-align:left;
	width:64em;
	border:1px solid #047;
	background:#069;
	padding:1em;
}

form { display:inline; }

/* Headers and paragraphs  *************************************/
h1, h2, h3, h4, h5{
	font-weight:bold;
	margin:0;
	line-height:120%;
}
h5 { font-size:100%; }

h2 {
	border-bottom:1px solid #047;
	margin-bottom:0.2em;
}

/* Tables */

table {
	border-collapse:collapse;
}
th {
	background-color:#047;
	font-weight:normal;
	font-style:italic;
	padding:0.3em 0.3em;
}
td {
	padding:0 0.3em;
}
table[border="1"], table[border="1"]>tbody>tr, table[border="1"]>tbody>tr>td, table[border="1"]>tbody>tr>th {
	border:1px solid #047;
	padding:0.3em 0.3em;
}
th input { font-style: normal; }
table.hoverhighlight tr:hover { background-color:#07a; }

table.forumline	{
  border: 1px #047 solid;
  margin:0.5em 0;
  width:100%;
  background-color:#069;
}
table.forumline>tbody>tr>td {
  padding:0.3em 0.3em;
}

td.label { font-weight:bold; vertical-align:top; }

/* Link styling */
a.forumuserlink {
	background:url(/pub/skins/smspower/image/forumuser.png) center left no-repeat;
	padding-left:13px;
}
a.forumtopiclink {
	background:url(/pub/skins/smspower/image/forumtopic.png) center left no-repeat;
	padding-left:18px;
}
a.forumpostlink {
	background:url(/pub/skins/smspower/image/forumpost.png) center left no-repeat;
	padding-left:20px;
}
a.attachment {
	background:url(/pub/skins/smspower/image/attachment.png) center left no-repeat;
	padding-left:18px;
}


/* General font families for common tags */
textarea,input,th,td,p { font-family: Arial, Verdana, Tahoma, Helvetica, Meiryo, sans-serif; font-size: 11pt; }
a:link,a:active,a:visited { text-decoration: underline; color : #FFFFFF; }
a:hover		{ color : #FFFFC0; }
hr {
	border:0;
	clear:both;
	border-bottom:1px solid #047;
	margin:4px 0;
}

.smsp_h1 { color:#ffffff; font-size:16pt; font-weight:bold; margin:0; }

td.message {
  text-align:center;
  padding:2em !important;
}

td.row3	{ background-color: #07a; padding:0.25em 0; }

table.smsp_frame { background-color:#069; border:1px solid #047; }

table.smsp_button {
background-color:#0080B0;
border:1px solid #004477;
}

table.smsp_button:hover {
background-color:#1090C0;
}

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #069;
		/* background-image: url(templates/SmsPower/images/(cellpic2.jpg)); 
		background-repeat: repeat-y; */
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,td.cattitle {
	background-color:#07a;
	border: 1px solid #047;
	border-left:none;
	border-right:none;
}
/* Forum category titles */
.cattitle		{ font-weight: bold; color : #FFFFFF}

td.row3Right,td.spaceRow {
    background-color: #0080B0; border: #004477; border-style: solid; border-width: 0px 0px 0px 0px;
}
	//background-color: #0080B0; border: #004477; border-style: solid

td.catHead { font-size: 11pt; border-width: 1px 1px 1px 1px; }
td.catSides,td.spaceRow	 { border-width: 1px 1px 1px 1px; }
td.catRight	 { border-width: 1px 1px 1px 1px; }
//td.row3Right	 { border-width: 1px 1px 1px 1px; }
td.catLeft	  { border-width: 1px 1px 1px 1px; }
td.catBottom  { border-width: 1px 1px 1px 1px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "Arial, Verdana, Tahoma, Helvetica, sans-serif",Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #FFFFFF;
}

/* General text */
.gensmall { font-size : 90%; }
.genverysmall { font-size : 80%; }
.gen,.genmed,.gensmall,.genverysmall { color : #FFFFFF; }
a.gen,a.genmed,a.gensmall { color: #FFFFFF; text-decoration: underline; }
a.gen:link,a.genmed:link,a.gensmall:link { color: #FFFFFF; text-decoration: underline; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #FFFFC0; }

/* The register, login, search etc links at the top of the page */
ul.mainmenu li { display:inline; }
ul.mainmenu li a {
  display:inline-block;
  min-width:7em;
  border:1px solid #047;
  background-color:#07a;
  padding:0.25em;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  margin:0.15em 0;
  white-space:nowrap;
}
ul.mainmenu li a:hover { background-color:#08b; }

/* New topic/reply/locked "buttons" */
.postbuttons { padding-right: 1em; }

/* "breadcrumb trail" */

ul.trail { padding:0; margin:0; }
ul.trail li { display:inline; margin:0; }
ul.trail li a {
  display:inline;
}
ul.trail li:after { content: "\a0-"; }
ul.trail li:last-child:after { content: ""; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 112%; color : #FFFFFF; }
a.forumlink 	{ text-decoration: underline; color : #FFFFFF; }
a.forumlink:hover{ color : #FFFFC0; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ color : #FFFFFF;}
a.nav			{ text-decoration: underline; color : #FFFFFF; }
a.nav:hover		{ text-decoration: underline; color : #FFFFC0; }

table.header h2 { border:none; }

/* titles for the topics: could specify viewed link colour too */
a.topictitle:link   { text-decoration: underline; color : #FFFFFF; }
a.topictitle:visited { text-decoration: underline; color : #F0F0F0; }
a.topictitle:hover	{ text-decoration: underline; color : #FFFFC0; }

/* Location, number of posts, post date etc */

/* The content of the posts (body of text) */
/*
.postbody { font-size : 11pt; line-height: 18px; }
a.postlink:link	{ text-decoration: underline; color : #FFFFFF }
a.postlink:visited { text-decoration: underline; color : #F0F0F0; }
a.postlink:hover { text-decoration: underline; color : #FFFFC0}
*/

/* Quote & Code blocks */
div.code {
  font-family: Consolas, ProFontWindows, 'Proggy Clean', 'Proggy Square', 'Courier New', Courier, monospace; 
  font-size: 10pt; 
  background-color: #07a; 
  border: 1px solid #047;
  overflow-x:auto;
  padding:0 0.3em;
}

blockquote {
  margin:0 3em;
}
blockquote div.attribution {
  font-style: normal;
  font-weight:bold;
}
blockquote div.body {
  font-style: italic;
  border: 1px solid #047;
  padding:0.3em;
  background: rgba(255, 255, 255, 0.125);
}
blockquote div.body div.SXBBcontent {
  margin:-0.3em;
  padding:0.3em;
}


/* Copyright and bottom info */
a.copyright		{ color: #FFFFFF; text-decoration: underline;}
a.copyright:hover { color: #FFFFC0; text-decoration: underline;}

input { text-indent : 2px; }

/* 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 { color: #FFF; background-color: #07a; border: 1px solid #047; }

/* Cursor selectors */
.hand { cursor:pointer; cursor: hand; }
.arrow { cursor:default; }

/* Attachments mod */
div.attachment {
  display:inline-block;
  max-width:18em;
  max-height:18em;
  border:1px solid #047;
  background-color:#07a;
  padding:0.5em;
  margin:2px;
  overflow:auto;
  vertical-align: top;
}
div.attachment img {
  margin-top:0.5em;
}
div.attachment audio {
  width:200px;
}
tr.attachment-lastrow {
  border-bottom:1px solid #047;
}

/* reCAPTCHA mod */
table#recaptcha_table {
  border:none !important;
  width:auto !important;
}
td.recaptcha_image_cell {
  background-color:transparent !important;
}

/* Google Maps */
div.map_popup_title, div.map_popup_title a {
  text-align:center;
  color:#006699;
  text-decoration:none;
  font-size:140%;
  font-weight:bold;
}

div.map_popup_text {
  color:black;
  width:217px;
  overflow:hidden;
}

div.map_controls {
  text-align:center;
  margin:0.5em;
  white-space:nowrap;
}

div#map_help {
  text-align:center;
}

div#loading {
  position:absolute;
  left:10px;
  top:10px;
  width:320px;
  z-index:9999;
  background-color:#004477;
  color:white;
  padding:0.2em;
  font-weight:bold;
}

label { margin-right: 0.5em; white-space:nowrap; }
label input { margin-left: 0.5em; }

/* Polls */
td.polloption { text-left; font-weight:bold; }
td.pollbar { text-left; padding:0 1em; }
td.pollpercent { text-align:right; font-weight:bold; }

/* Index */
table.index tr.forum td, table.index th { text-align:center; vertical-align:middle; }
table.index tr.forum td.name { text-align:left; }
table.index .lastpost { white-space:nowrap; }

/* Search results */
table.searchresults td, table.searchresults th { text-align:center; vertical-align:middle; }
table.searchresults .forum { text-align:left; }
table.searchresults .topic { text-align:left; }
table.searchresults .lastpost { white-space:nowrap; }

/* Trail etc */
table.forumhead { width:100%; }
table.forumhead td { vertical-align:middle; }
table.forumhead td.left { text-align:left; }
table.forumhead td.right { text-align:right; }

/* Viewforum */
table.viewforum td.img { text-align:center; }
table.viewforum .topic { text-align:left; }
table.viewforum .author { text-align:center; }
table.viewforum .replies { text-align:center; }
table.viewforum .lastpost { text-align:center; white-space:nowrap; }
table.viewforum td.author, table.viewforum td.replies, table.viewforum td.lastpost { background-color: #07a; }

/* Viewtopic */
table.viewtopic tr.post.first { border-top: 1px solid #047; }
/* alternating post colours */
table.viewtopic tr.post.row2 { background-color:#006ea1; }
/* highlight own posts */
table.viewtopic tr.post.own { background-color:#005a8b; }

.postsubject	{ color : #FFFFFF; font-weight:bold; }

table.viewtopic td.postdetails { font-size:90%; }
table.viewtopic div.postsubject { font-size:111%; }
table.viewtopic div.postbuttons { white-space:nowrap; float:right; padding:0; }
table.viewtopic td.postbody { border-top:1px solid #047; border-bottom:1px solid #047; vertical-align:top; padding-top:1em; padding-bottom:1em; word-wrap: break-word; }

table.viewtopic td.userdetails { width:10em; vertical-align:top; }
table.viewtopic td.userdetails div.username { font-weight:bold; }
table.viewtopic td.userdetails ul.postdetails li.rank { font-weight:bold; }
table.viewtopic td.userdetails ul.postdetails li { display:block; }

table.viewtopic td.postbody img, table.viewtopic td.postbody embed { max-width:100%; }

/* PMs */
table.pm .author { text-align:center; }
table.pm .date { text-align:center; }
table.pm td.img { white-space:nowrap; }
table.pm td.author, table.pm td.date { background-color: #07a; }

/* Coloured buttons... */
input[type="submit"], input[type="button"], input[type="reset"], button {
	-moz-box-shadow:inset 0.1em 0.1em rgba(255,255,255,0.15), inset -0.1em -0.1em rgba(0,0,0,0.15), 0.1em 0.1em 0.1em rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0.1em 0.1em rgba(255,255,255,0.15), inset -0.1em -0.1em rgba(0,0,0,0.15), 0.1em 0.1em 0.1em rgba(0,0,0,0.2);
	box-shadow:inset 0.1em 0.1em rgba(255,255,255,0.15), inset -0.1em -0.1em rgba(0,0,0,0.15), 0.1em 0.1em 0.1em rgba(0,0,0,0.2);
	background-color:#07a;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
	border:1px solid #047;
	color:#ffffff;
	text-decoration:none;
	padding:0.2em 0.5em;
	font-size:100%;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover {
	background-color:#08b;
}
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, button:active {
	-moz-box-shadow:inset 0.1em 0.1em rgba(255,255,255,0.15), inset -0.1em -0.1em rgba(0,0,0,0.15);
	-webkit-box-shadow:inset 0.1em 0.1em rgba(255,255,255,0.15), inset -0.1em -0.1em rgba(0,0,0,0.15);
	box-shadow:inset 0.1em 0.1em rgba(255,255,255,0.15), inset -0.1em -0.1em rgba(0,0,0,0.15);
	position:relative;
	top:1px;
	left:1px;
}

/* Mobile */

span.label { display:none; }

@media handheld, only screen and (max-width: 767px) {

body {
  font-size: 16px;
  -webkit-text-size-adjust: none;
}

span.label { display:inline; }

table.header, table.header tbody, table.header tr, table.header td { display:block; text-align:center; }

span#systems {display:none;}

div#wrap { 
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
width:100%;
padding:0.3em;
margin-top:0;
}

table.index { display:block; border:1px solid #047; border-top:0; border-bottom:0; }
table.index tbody { display:block; }
table.index th { display:none; }
table.index tr { display:block; border:0; border-bottom:1px solid #047; }
table.index td { display:block; text-align:left; border:0; }
table.index tr.forum td.img { float:left; }
table.index tr.forum td.name a.forumlink { font-size:120%; }
table.index tr.forum td.numposts, table.index tr.forum td.lastpost {
  padding:0 0.3em 0 0.3em;
  text-align:right;
  white-space:normal;
}
table.index tr.forum td.lastpost br { display:none; }
 
table.searchresults { display:block; border:1px solid #047; border-top:0; border-bottom:0; }
table.searchresults tbody { display:block; }
table.searchresults th { display:none; }
table.searchresults tr { display:block; border:0; border-bottom:1px solid #047; }
table.searchresults td { display:block; text-align:left; border:0; }
table.searchresults td.forum { float:left; padding-bottom:0; }
table.searchresults td.forum:after { content: " - "; }
table.searchresults td.topic { font-size:111%; }
table.searchresults td.author, table.searchresults td.replies, table.searchresults td.lastpost {
  text-align:right;
  background-color:inherit;
  padding-top:0;
  padding-bottom:0;
  white-space:normal;
}
table.searchresults td.lastpost br { display:none; }

table.forumhead, table.forumhead>tbody, table.forumhead>tbody>tr, table.forumhead>tbody>tr>td { display:block; width:auto; }
table.forumhead td.meter { text-align:left; }

table.viewforum, table.viewforum tbody, table.viewforum tr, table.viewforum td { display:block; }
table.viewforum th { display:none; }
table.viewforum th.topic { display:block; }
table.viewforum td.img { float:left; }
table.viewforum td.topic { border-top:1px solid #047; width:auto; }
table.viewforum td.topic { font-size:111%; }
table.viewforum td.replies, table.viewforum td.author, table.viewforum td.lastpost {
  text-align:right;
  background-color:inherit;
  padding-top:0;
  padding-bottom:0;
  white-space:normal;
}
table.viewforum td.lastpost br { display:none; }

table.viewtopic { border-bottom:0; }
table.viewtopic, table.viewtopic tbody, table.viewtopic table, table.viewtopic tr, table.viewtopic td { display:block; }
table.viewtopic th { display:none; }
table.viewtopic tr.first { background-color:#047 !important; }
table.viewtopic td.userdetails { width:auto; }
table.viewtopic td.userdetails ul.postdetails { display:none; }
table.viewtopic td.postdetails { padding-top:0; }
table.viewtopic div.postbuttons { max-width:50%; white-space:normal; text-align:right; }
table.viewtopic tr.last { display:none; }

blockquote {
  margin:0 1em;
}

table.posting, table.posting>tbody, table.posting>tbody>tr, table.posting>tbody>tr>td, table.posting>tbody>tr>th { display:block; width:auto; }
table.posting input, table.posting textarea { max-width:100%; box-sizing: border-box; }
table.posting>tbody>tr>td.label { padding-bottom:0; }

table.pm, table.pm>tbody, table.pm>tbody>tr, table.pm>tbody>tr>td { display:block; }
table.pm>tbody>tr>th { display:none; }
table.pm>tbody>tr.controls>th { display:block; }
table.pm td.img { float:left; }
table.pm td.subject { font-size:111%; }
table.pm td.author, table.pm td.date {
  text-align:right;
  background-color:inherit;
  padding-top:0;
  padding-bottom:0;
  white-space:normal;
}

div.map_controls {
  margin:0;
  white-space:normal;
} 

}