/* TenForward css */

body { background: #94989E url(../../magazine/img/header/bg1000.jpg) 50% top repeat-y; margin: 0; font: normal 11px "Lucida Grande","Lucida Sans Unicode","Lucida Sans", "LucidaGrande", "Verdana",sans-serif; text-align: center; text-align: center; }
#page { width: 1000px; background: white; margin: 0 auto; position: relative; text-align: left; border: 1px solid #333; border-width: 0 1px; }

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 #666; 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: 14px; font-family: "Verdana", sans-serif; font-size: 10px; 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: bold 12px "Arial",sans-serif; 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;
	font: normal bold 11px "Helvetica",sans-serif; 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; }

/* SERVICE */

div#service { float: right; font: normal 10px "Verdana",sans-serif; color: #ccc; padding: 3px 5px 0px 30px; 
	background: url(../../magazine/img/menu/service_bg.gif) top left; height: 16px; }
div#service a { color: white; text-decoration: none; font-weight: bold; }
div#service img { vertical-align: bottom; }
div#service a:hover { text-decoration: underline; color: white; }
div#service a:hover img { background: #fd0; }

/* 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 { font: normal normal 10px "Verdana","Helvetica",sans-serif; 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; }

/* 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 11px "Arial",sans-serif; color: #666; 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: #333; background: transparent; background-image: none; }


p.copy { font: normal 10px "Verdana",sans-serif; color: #ccc; text-align: center; }

div#body { margin: 20px 0px 20px 0px; width: auto; padding: 0 15px; }
div#footer  { background-color: transparent; clear: both; margin-top: 0px; padding: 15px; border-top: 1px solid #999; text-align: center; color: #999; font: normal 10px "Verdana",sans-serif; }

/* phpBB css */
font,th,td,p { font-family: "Verdana","Arial","Helvetica",sans-serif }
a:link,a:active,a:visited { color : #900; }
a:hover		{ text-decoration: underline; color : #f00; }
hr	{ height: 0px; border: solid #334 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; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: white; }
td.row2	{ background-color: #f4f4f8; }
td.row3	{ background-color: #e6e6e6; }

.postbody { width: 490px; overflow: hidden; }

/*
  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: #334;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #334; font-size: 11px; font-weight : bold; 
	background-color: #BBB; height: 25px;
/*	background-image: url(templates/subSilver/images/{T_TH_CLASS2}); */
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight {
			color: #999;
			background-color:#334; border: #fff; border-style: solid; height: 22px;
			padding-left: 20px; 
}

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

td.catBottom {
	background-color:#ddd; border: #fff; border-style: solid; height: 22px;
}

/* 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 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #ddd; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: #e6e6e6; border: #fff; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
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.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
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: bold 22px "Arial",sans-seri; color: #334; margin-top: 5px; margin-bottom: 5px;  }
h2.maintitle { font: normal 22px "Arial",sans-seri; color: #334; margin-top: 5px; margin-bottom: 5px;  }
/*.maintitle	{
	font-weight: bold; font-size: 18px; font-family: "Arial","Helvetica",sans-serif;
	line-height : 120%; color : #666;
}*/

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #666; }
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: #fff;
}
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 : 16px; color : #666 }
a.mainmenu		{ text-decoration: underline; color : #900;  }
a.mainmenu:hover{ text-decoration: underline; color : #f00; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 13px; letter-spacing: 10px; color: white; font-variant: small-caps; }
a.cattitle		{ text-decoration: none; color : white; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #900; }
a.forumlink 	{ text-decoration: underline; 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: bold; font-size: 10px; color : #666;}
a.nav			{ text-decoration: none; color : #900; }
a.nav:hover		{ text-decoration: none; color : #f00; }

td.cathead .nav			{ font-weight: bold; font-size: 10px; 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: bold; font-size: 11px; color : #666; }
a.topictitle:link   { text-decoration: underline; color : #900; }
a.topictitle:visited { text-decoration: underline; color : #900; }
a.topictitle:hover	{ text-decoration: underline; color : #f00; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #666;}

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

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px; color: #334; }
a.postlink:link	{ text-decoration: underline; color : #900 }
a.postlink:visited { text-decoration: underline; color : #900; }
a.postlink:hover { text-decoration: underline; color : #f00}

/* Quote & Code blocks */
.code { 
	font-family: "Courier","Courier New",sans-serif; font-size: 11px; color: #666;
	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 {
	font-family: "Verdana","Arial","Helvetica",sans-serif; font-size: 11px; color: #666; line-height: 125%;
	background-color: #eee; border: #334; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: "Verdana","Arial","Helvetica",sans-serif; color: #666; letter-spacing: -1px;}
a.copyright		{ color: #666; text-decoration: underline;}
a.copyright:hover { color: #666; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : #666;
	font: normal 11px "Verdana","Arial","Helvetica",sans-serif;
	border-color : #666;
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #eee;
	color : #666;
	font-size: 11px; font-family: "Verdana","Arial","Helvetica",sans-serif;
}

/* 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 { position: absolute; left: 0; top: 160px; width: 100%; height: 40px; background: #eee url(img/bread/bg.gif) top left repeat-x; color: #eee; }
div.APbreadcrumbs {}
div.APbreadcrumbs div.article { }
div.APbreadcrumbs span.section { font-weight: bold; }
div.APbreadcrumbs div.article { padding: 0px; color: #eee; font: normal 10pt "Arial","Helvetica",sans-serif; text-shadow: 2px 2px 1px #333;}
div.APbreadcrumbs div.article span.section { font-weight: bold; text-transform: uppercase; }
div.APbreadcrumbs div.article span.channel { font-weight: bold; }
div.APbreadcrumbs div.other { float:left; height: 40px; padding: 5px 40px 5px 15px; color: #eee; font: bold 10pt "Arial","Helvetica",sans-serif; text-shadow: 2px 2px 1px #333; }
div.APbreadcrumbs div.article a { color: white; text-decoration: none; }
div.APbreadcrumbs div.article a:hover { color: #f00; text-decoration: underline; text-shadow: none; }
div.APbreadcrumbs div.article span.select { font-weight: bold; color: #eee;}
div.APbreadcrumbs div.article span.select a { font-weight: normal; text-decoration: underline; color: #fff; }
div.APbreadcrumbs div.article span.select a:hover { font-weight: normal; text-decoration: underline; color: #f00; text-shadow: none; }
 */
div.APbreadcrumbs  { height: 30px; vertical-align: middle; padding: 0 10px; background: url(/magazine/img/bread/bread_bg.gif) left top repeat-x; font: normal 11px "Arial",sans-serif; line-height: 30px;  letter-spacing: 0; color: #89A; overflow: hidden; }
div.APbreadcrumbs a { color: #678; text-decoration: none; font: normal 11px "Arial",sans-serif; line-height: 30px;  color: #678; }
div.APbreadcrumbs a:hover { color: #456; text-decoration: underline; text-shadow: none; }
div.APbreadcrumbs span.sep { padding: 0 10px; background: url(/magazine/img/bread/path.gif) 10px 3px no-repeat; }
div.APbreadcrumbs div { #89A; }

span.backtop { font: italic 10px "Arial",sans-serif; }
span.backtop a { text-decoration: none; }
span.backtop a:hover { text-decoration: underline; }

/* COLONNA SITO */

div#layoutRight  { margin: 0px; padding: 0px; line-height: 1.2; background-color: #E4E8EE; border: 1px solid #999; border-top: none; width: 300px; }
div#mainright   { padding: 0px; }
div.APlistbox { font: normal normal 10px "Verdana",sans-serif; color: #666; margin: 0px; padding: 0px; width: 100%; }
div.APlistbox div.title { background: #eee url(/magazine/img/box/bg_innerright.gif) left top no-repeat; height: 24px; padding-left: 16px; margin-bottom: 4px; }
div.APlistbox h3 { background: #eee url(/magazine/img/box/bg_innerright.gif) right top no-repeat; height: 24px;  font: normal bold 11px "Arial","Verdana",sans-serif; color: white; line-height: 30px; padding: 0 4px; margin: 0px; vertical-align: middle; }

div.APlistbox h3 { 
	background: #eee url(/magazine/img/box/bg_innerright.gif) left top repeat-x;
	/* border-left: 1px solid #f00;  */
	border-top: 1px solid #ccc;
	height: 30px; 
	padding-left: 10px; margin-bottom: 4px;
	font: normal bold 14px "Arial","Verdana",sans-serif; color: white; 
	line-height: 30px; margin: 0px; 
}
div.APlistbox h3 a { display: inline; color: white; text-decoration: none; padding-right: 8px; }
div.APlistbox h3 a:hover { color: white; text-decoration: none; background: url(/magazine/img/box/title-go.gif) right 60% no-repeat; }

div.APlistbox h2 { white-space: nowrap; background: url(/magazine/img/box/bg_homeright.gif) top right repeat-x; height: 26px; color: white; padding: 0px 30px 0 0px; font: bold 11pt "Arial","Helvetica",sans-serif; margin-bottom: 5px;  }
div.APlistbox h2 a { display: block; background: url(/magazine/img/box/bg_homeright.gif) top left repeat-x; height: 26px; padding: 2px 10px 0 20px; color: white; text-decoration: none; font-size: 10pt; font-weight: bold; }
div.APlistbox h2 a:hover { text-decoration: underline; }
div.APlistbox p { font: normal normal 10px "Verdana",sans-serif; margin-left: 10px; padding-left: 10px; padding-right: 5px; margin-top: 2px; }
div.APlistbox form { margin: 2px 0px 2px 0px; background: #dde4e8; border: 1px solid #9ab; padding: 4px; }
div.APlistbox form > p { padding: 0; margin: 0; margin-bottom: 4px; color: #456; }
div.APlistbox input[type='text'] { font: normal normal 10px "Verdana",sans-serif; border: 1px solid white; background: #f4f8ff; width: 120px; color: #334; padding: 2px; }
div.APlistbox input[type='submit'] { margin: 0; font: bold normal 10px "Verdana",sans-serif; text-transform: uppercase; border: 1px solid #334; background-image: url("../img/tools/button.gif"); background-position: 0px 0px; background-repeat: repeat-x; color: white; padding: 0px 6px; height: 18px; }
div.APlistbox input[type='submit']:hover { background-position: 0px -20px; cursor: pointer; color: #c00; }
div.APlistbox form label:hover { text-decoration: underline; cursor: pointer; color: #c00; }
div.APlistbox ul { list-style-image: url(/magazine/img/box/link.gif); margin-left: 0px; padding-left: 10px; padding-right: 10px; margin-top: 2px; }
div.APlistbox li { clear: left; padding: 5px 0px; border-bottom: 1px solid #999; }
div.APlistbox li.APlistselected { list-style-image: url(/magazine/img/box/selected.gif); color: #003; }
div.APlistbox li.APlistgroup { list-style-type: none; list-style-image: url(/magazine/img/shim.gif); font: normal bold 10px "Verdana",sans-serif; color: #999; border-top: none; }
div.APlistbox li a { text-decoration: none; font: normal 12px "Arial",sans-serif;  }
div.APlistbox a:hover { text-decoration: underline; }
div.GalleriePreview { background: url(../img/box/bg_galleria.gif) top left no-repeat; margin: 0 0 5px 5px; }
div.GalleriePreview img { border: 2px solid #999; margin: 0 3px; margin-right: 4px; margin-bottom: 6px; width: 72px; height: 72px; }
div.GalleriePreview a img { border-color: #999; }
div.GalleriePreview a:hover img { border-color: #c00; }

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: white; margin: 0; margin-bottom: 10px; padding: 10px; }
#innermenu ul { margin: 0; padding: 0; list-style: none; }
#innermenu li { margin: 0; padding: 0; list-style: none; display: block; height: 30px; width: 100px; background: url(../../magazine/img/innermenu/innermenumiddle_d.jpg) left top no-repeat; font: bold 11px "Arial","Helvetica",sans-serif; line-height: 30px; float: left; text-align: center; color: white; }
#innermenu li a { display: block; width: 100px; line-height: 30px; color: #345; text-decoration: none; background: url(../../magazine/img/innermenu/innermenumiddle.jpg) left top no-repeat; }
#innermenu li.l { background-image: url(../../magazine/img/innermenu/innermenuleft_d.jpg); }
#innermenu li.r { background-image: url(../../magazine/img/innermenu/innermenuright_d.jpg); }
#innermenu li.l a { background-image: url(../../magazine/img/innermenu/innermenuleft.jpg); }
#innermenu li.r a { background-image: url(../../magazine/img/innermenu/innermenuright.jpg); }
#innermenu br.clear { clear: both; }