/* TenForward css */
body, td, th { font-family: "Open Sans",sans-serif, 10pt; line-height: 1.3; color: #5e5e5e; }
#page { width: 1000px; background: white; margin: 0 auto; position: relative; text-align: left; border: 1px solid #5e5e5e; border-width: 0 1px; }
.backtotop { position: fixed; z-index: 100; background: rgba(255,255,255,0.7); padding: 6px 12px; width: 30px; text-align: center; border-radius: 50% 50% 0 0; font-size: 15pt; bottom: 0; right: 20px; color: #5e5e5e; }
.backtotop:hover { color: #F00; }

form { margin: 0; }
iframe { border: 0px; }
iframe.long { border: 0px; width: 468px; height: 60px; }
iframe.mini { border: 0px; width: 120px; height: 60px; }

/* PARTS */

div#header { background: url(../../magazine/img/header/bg_fondo.jpg) top left; padding: 0px; }
div.logo-xfw { background: transparent url(../../magazine/img/header/bg_xfw.jpg) top left no-repeat; margin: 0px; padding: 1px 0px; }

div#long-banner { padding: 5px; background: #ddd; border-bottom: 1px solid #5e5e5e; text-align: center; }
div#minibanner { text-align: center; margin-bottom: 10px; }
div#network { float: right; 
	background: url(../../magazine/img/network/bg_network.gif) top left repeat-x; 
	color: white; line-height: 1.2; font-size: 10pt; padding-right: 5px; padding-left: 2px;
	margin: 0;
}
div#network a { color: white; text-decoration: none; }
div#network a:hover { color: white; text-decoration: underline; }
div#network img { float: left;  }

/* MENU */
div#layout-menu { margin: 46px 0 0 218px; }

div#menu-main { width: 100%; margin: 0px; font-size: 12pt; font-weight: bold; height: 20px; }
div#menu-main div.dn { height: 20px; line-height: 20px; padding: 0px 1px 0px 0px; float: left; 
	background-image: url(../../magazine/img/menu/bgtab.gif);
	background-position: 100% 0px;
	background-repeat: no-repeat;
}
div#menu-main div.on { height: 20px; line-height: 20px; padding: 0px 1px 0px 0px; float: left; 
	background-image: url(../../magazine/img/menu/bgtab.gif);
	background-position: 100% -30px;
	background-repeat: no-repeat;
}
div#menu-main div.dn a { color: #334; display: block; float: left; padding: 0px 12px 0px 16px;  text-decoration: none;
	background-image: url(../../magazine/img/menu/bgtab.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div#menu-main div.on a { color: white; display: block; float: left; padding: 0px 12px 0px 16px;  text-decoration: none; 
	background-image: url(../../magazine/img/menu/bgtab.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}
div#menu-main div.dn a:hover { color: #900;  text-decoration: none; 
	background-image: url(../../magazine/img/menu/bgtab.gif);
	background-position: 0px -60px;
	background-repeat: no-repeat;
}
div#menu-main div.on a:hover { color: #F00;  text-decoration: none; 
	background-image: url(../../magazine/img/menu/bgtab.gif);
	background-position: 0px -90px;
	background-repeat: no-repeat;
}


/* SECONDARY MENU */

div#layout-menu-secondary { clear: both; }

div#menu-secondary div.dn, div#menu-secondary div.on { 
	float: left; 
	height: 18px; 
	margin: 0; padding: 0; margin-left: 10px; padding-right: 5px;
	color: #ccd; 
}
div#menu-secondary div a { 
	padding: 5px 2px 0px 12px;
	display: block; float: left; 
	height: 12px;
	line-height: 10px;
	text-decoration: none; color: #223;
}
div#menu-secondary div a:hover { text-decoration: none; color: #C00; border-bottom: 1px solid #c00; }
div#menu-secondary div.dn a { 
	background-image: url(../../magazine/img/menu/sec-dn-bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#menu-secondary div.on a { 
	background-image: url(../../magazine/img/menu/sec-on-bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#menu-secondary div.dn a:hover { 
	background-position: left -30px;
}
div#menu-secondary div.on a:hover { 
	background-position: left -30px;
}
div#menu-secondary img.min-height { height: 22px; }

/* SUBMENU */

div#submenu { clear: both; background: #234; padding-bottom: 4px; padding-top: 0px; margin-bottom: 0px; }
div#submenu img.min-height { width: 1px; height: 30px; }
div#submenu { color: #ccd; }
div#submenu b { color: #ccd; }
div#submenu a { font-weight: normal; color: white; text-decoration: none;  padding: 0px 4px; white-space: nowrap; }
div#submenu a:hover { color: #eef; text-decoration: underline; }
div#submenu div#submenu-channels-layout { float: left; width: 75%; min-width: 300px; padding: 0px 20px 0px 20px; }
div#submenu-channels { line-height: 150%; padding: 0px 0px; float: right; margin-top:15px; margin-right: 10px; }
div#submenu-channels a { padding: 0 0 0 10px; margin-left: 10px; border-left:1px solid #ccc; color: #678; }
div#submenu-channels a:hover { color: #c00; }

/* SEARCHBOX */
div#submenu div#menu-search { float: right; width: 20%; min-width: 190px; height: 30px; padding: 0px; text-align: right; margin: 0px; margin-top: 5px; font-weight: bold; }
div#submenu div#menu-search form { padding: 2px 4px 4px 4px;  background: #234 url(../../magazine/img/menu/bgsearch.gif) top right no-repeat;}
div#submenu div#menu-search form input.searchinput { width: 120px; font: normal 11px "Arial",sans-serif; color: #999; background: transparent url(../../magazine/img/menu/bgsearchinput.gif); border: 0; padding: 1px; padding-right: 8px; padding-left: 20px; margin: 0px 2px; }
div#submenu div#menu-search form input.searchinputie { width: 120px; font: normal 11pt "Arial",sans-serif; color: #5e5e5e; background: transparent; border: 0; padding: 1px; padding-right: 8px; padding-left: 20px; margin: 0px 2px; }
div#submenu div#menu-search form input.searchinput:focus { font-weight: normal; color: #5e5e5e; background: transparent; background-image: none; }


p.copy { font-size: 10pt; color: #ccc; text-align: center; }

div#body { margin: 20px 0px 20px 0px; width: auto; padding: 0 15px; }

/* phpBB css */
a:link,a:active,a:visited { color : #c00; }
a:hover		{ text-decoration: underline; color : #c00; }
hr	{ height: 0px; border: solid #ccc 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ background: #eee url(img/bread/bg.gif) top left repeat-x; border: 0px #eee; }

/* This is the outline round the main forum tables */
.forumline	{ /*background-color: #ddd; border: 1px #999 solid;*/ margin-bottom: 15px;}

/* Main table cell colours and backgrounds */
td.row1	{ background-color: white; padding: 10px 0; }
td.row2	{ background-color: white; padding: 10px 0; }
td.row3	{ background-color: white; padding: 10px 0; }
td.row3Right,td.spaceRow { background-color: white; padding: 10px 0; }

.postbody { width: 100%; overflow: hidden; }
.postrow { border-top: 1px solid #5e5e5e; }
.postrow img { max-width: 100%; }
.row1.postuser, .row2.postuser { padding: 15px 15px 15px 0; }
th.thLeft.postuser { padding-left: 15px; }
/*
  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: white;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: white; font-size: 11pt; font-weight: normal; 
	padding: 5px 0 5px 5px; text-align: left; text-transform: uppercase;
	background-color: #c00; border: 1px solid #c00;
	line-height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.rowpic {
			color: #5e5e5e;
			background-color:white; height: 50px;
			padding-left: 0; padding-top: 15px;
			border-top: 2px solid #5e5e5e;
}

td#catHeadLogin { padding: 1px; background-color: #334; }
td#catHeadDelosid { font: normal 10pt "Arial","Helvetica",sans-serif; color: #5e5e5e; }

td.catBottom {
	background-color:#ddd; border: #ddd; border-style: solid; 
}
td.catBottom td { line-height: 40px; }
td.catBottom .genmed { display: block; line-height: 40px; }

/* background-image: url(templates/subSilver/images/{T_TH_CLASS1});
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 22px;
	border-width: 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {

}

th.thHead,td.catHead { font-size: 12pt; border-width: 0; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
/*th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }*/

th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
h1.maintitle { font-size: 36pt; font-weight: 300; color: #c00; margin-top: 5px; margin-bottom: 5px;  }
h2.maintitle { font-size: 24pt; font-weight: 300; color: #5e5e5e; margin-top: 5px; margin-bottom: 5px;  }
/*.maintitle	{
	font-weight: bold; font-size: 18px; font-family: "Arial","Helvetica",sans-serif;
	line-height : 120%; color : #5e5e5e;
}*/

/* General text */
.gen { font-size : 12pt; }
.genmed { font-size : 11pt; }
.gensmall { font-size : 10pt; }
.gensmall b { font-weight: normal; }

.gen,.genmed,.gensmall { color : #5e5e5e; }
a.gen,a.genmed,a.gensmall { color: #900; text-decoration: underline; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #f00; text-decoration: underline; }

td.cat .gen,td.catHead .gen,td.catSides .gen,td.catLeft .gen,td.catRight .gen {
	color: #999; font-weight: 400; font-size: 18pt; text-align: left;
}
td.cat .topictitle,td.catHead .topictitle,td.catSides .topictitle,td.catLeft .topictitle,td.catRight .topictitle {
			color: #fff;
}
td.cat a.topictitle,td.catHead a.topictitle,td.catSides a.topictitle,td.catLeft a.topictitle,td.catRight a.topictitle {
			color: #fff;
}

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 16pt; color : #5e5e5e }
a.mainmenu		{ text-decoration: underline; color : #900;  }
a.mainmenu:hover{ text-decoration: underline; color : #f00; }

/* Forum category titles */
.cattitle		{ font-weight: 400; font-size: 20pt; }
a.cattitle		{ text-decoration: none; color : #5e5e5e; }
a.cattitle:hover{ text-decoration: underline; color: #c00; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: 400; font-size: 14pt; color : #900; }
a.forumlink 	{ text-decoration: none; color : #900; }
a.forumlink:hover{ text-decoration: underline; color : #f00; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: normal; font-size: 11pt; color : #5e5e5e; }
div.nav 		{ margin: 10px 0; }
a.nav			{ text-decoration: none; color : #c00; }
a.nav:hover		{ text-decoration: underline; }
.topicnav { padding: 10px 0; text-align: right; }

td.cathead .nav			{ font-weight: bold; font-size: 10pt; color : #ddd;}
td.cathead a.nav			{ text-decoration: none; color : #ddd; }
td.cathead a.nav:hover		{ text-decoration: none; color : #fff; }


/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: 400; font-size: 13pt; color : #5e5e5e; }
a.topictitle   { text-decoration: none; color : #5e5e5e; }
a.topictitle:hover	{ text-decoration: underline; color : #c00; }
.topictitle b { font-weight: normal; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name a { color: #5e5e5e; }
.name { display: block; }
.postrow .name .poster { font-size: 15pt; font-weight: 400; color: #c00; }

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10pt; color : #5e5e5e; }
.postdetails a { color: #5e5e5e; }
.postdetails img { max-width: 100%; }
/* The content of the posts (body of text) */
.postbody { font-size : 12pt; line-height: 1.3;  }

/* Quote & Code blocks */
.code { 
	font-family: "Courier","Courier New",sans-serif; font-size: 11pt; color: #5e5e5e;
	background-color: #eee; border: #334; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
  display: block;
  border-left: 3px solid #aaaaaa;
  font-style: italic;
  padding: 0 10px;
  margin: 15px 0;
}

.quote, .quote .postbody { font-size: 11pt; }

.genmed b {
  display: block;
  border-left: 3px solid #aaaaaa;
  padding: 0 10px;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 -15px 0;
  padding-bottom: 10px;
}

/* Copyright and bottom info */
.copyright		{ font-size: 10pt; color: #5e5e5e; letter-spacing: -1px;}
a.copyright		{ color: #5e5e5e; text-decoration: underline;}
a.copyright:hover { color: #5e5e5e; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : #5e5e5e;
	border-color : #5e5e5e;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background: transparent;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #eee;
	color : #5e5e5e;
}

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

/* None-bold submit button */
input.liteoption {
	background-color : #eee;
	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 ;)
*/
.helpline { background-color: #ddd; border-style: none; }

/* BREADCRUMBS */

div.APbreadcrumbs  { height: 30px; vertical-align: middle; padding: 0 10px; background: url(/magazine/img/bread/bread_bg.gif) left top repeat-x; font-size: 11pt; line-height: 30px;  letter-spacing: 0; color: #89A; overflow: hidden; margin-top: 10px; }
div.APbreadcrumbs a { color: #678; text-decoration: none; font-size: 11pt; line-height: 30px;  color: #678; }
div.APbreadcrumbs a:hover { color: #456; text-decoration: underline; text-shadow: none; }
div.APbreadcrumbs span.sep { padding: 0 10px 0 0; margin-right: 10px; border-right:1px solid #ccc; }
div.APbreadcrumbs div { #89A; }

span.backtop { text-transform: uppercase; margin-top: 10px; display: block; font-size: 9pt; }
span.backtop a { text-decoration: none; color: #999; }
span.backtop a:hover { text-decoration: underline; color: #c00; }

/* COLONNA SITO */

div#layoutRight  { margin: 0px; padding: 0px; line-height: 1.2; background-color: #E4E8EE; border: 1px solid #999; border-top: none; width: 400px; }
div#mainright   { padding: 0px; }

div#layoutRightToggler { position: absolute; right: 0; width: 120px; margin: 0px; margin-top: 4px;  }
div#layoutRightToggler form { margin: 0; padding: 0; } 
div#layoutRightToggler form button { padding: 0; margin: 0; border: none; background: transparent; }
div#layoutRightToggler form button img { padding: 0; margin: 0; }

/* INNERNEMENU */

#innermenu { background: #ccc; margin: 0; margin-bottom: 10px; padding: 10px; }
#innermenu ul { margin: 0; padding: 0; list-style: none; }
#innermenu li { margin: 0 10px; padding: 0; list-style: none; display: block; height: 30px; width: auto; font-weight: bold; font-size: 11pt; line-height: 30px; float: left; text-align: left; color: white; }
#innermenu li a { display: block; width: auto; line-height: 30px; color: #345; text-decoration: none; }
#innermenu br.clear { clear: both; }

table.poll { width: 100%; }
table.poll td { padding: 10px 5px; }

input[type=submit] { border: 1px solid #333; line-height: 2em; padding: 0 10px; background: white; text-transform: uppercase; color: #5e5e5e; background: transparent; font-weight: bold;}
.button-small { line-height: 2em; padding: 0 10px; }
.button:hover { text-decoration: none; }
.button-icon { line-height: 2em; width:2em; text-align: center;padding: 0; border-radius: 50%; }
.button-icon i.fa { padding: 0; }

.signature-separator { display: block; width: 150px; border-top: 1px solid #999; padding-bottom: 15px; }
.signature { font-size: 10pt; color: #999; margin-top:30px;  }

.forumline img { vertical-align: baseline; }
.unread-flag { color: #c00; }
.fa-ban.fa-stack-2x { color: #000; opacity: 0.5; }

.user-tools { margin: 5px 0; }
.rank { font-style: italic; display:block; margin-top: 5px; }
.avatar { max-width: 100%; max-height: 240px; margin: 5px 0; }
.widget .w-news-list .item .item-photo.item-photo-50 { height: 50px; }
.widget .w-news-list .item.item-collapsed { height: 55px; margin: 0; padding: 0; border: none; line-height: 50px; min-height: 55px;}
.widget .w-news-list .item.item-collapsed .item-content h4 { line-height: 50px; }
.widget .w-news-list .item.item-collapsed .item-content h4 a { color: #232323; }
.widget .w-news-list .item.item-collapsed .item-content h4 a:hover { color: #c00; }
#sidebar { margin-top: 10px; }
#sidebar .widget>dl, #sidebar .widget>form, #sidebar .widget>div.w-list-collapsed { padding-top: 2px; }

.userbadge .userbadgeinfo { max-height: 0; overflow:hidden; opacity: 0; transition: all 0.5s ease-in-out; }
.userbadge:hover .userbadgeinfo { max-height: 200px; opacity: 1;  }

.list-icon { margin: 0 20px 0 0; }

/* Login */
.ask-login { border: 2px solid #c00; margin: 15px 0; padding: 15px; }
.ask-login h3 { font-weight: 400; font-size: 24pt; margin-bottom: 15pt; color: #c00; }
.ask-login a { vertical-align: top; }
.ask-login a.button { height: 38px; }

/* FOOTER */
.footer-much ul li a { color: #333; }

.buttonlabel { line-height: 40px; }

.formatbar { margin: 10px 0; }
.formatbutton { border-radius: 15px; font-size: 10pt; text-align: center; line-height: 30px; padding: 0 5px; margin: 0; background: white; }
.stylebutton { font-size: 14pt; width: 30px; padding: 0; }

input[type=checkbox] { margin-right: 10px; }
input[type=radio] { margin-right: 10px; }

.admin-color, .mod-color { color: #c00; }
.admin-link { border-top: 1px solid #ccc; padding-top: 15px; text-align: center; }

.legenda { line-height: 30px; text-align: center; margin: 15px 0; }
.legenda img { margin: 0 5px 0 15px; vertical-align: top; }
.authlist {  text-align: center; margin-top: 25px; }