/*----------------------  CSS FOR XOOPS 2.0.3 -------------------------*/

body {
	color:		#627DA5;
	background:	#F0F3F5;
	margin:		0px;
	padding:	0px;
	font-size:	12px;
}

/* Per la centratura del sito */
#MainPlacer
{
	position:	absolute;
	width:		100%;
	top:		0px;
}
#MainSite
{
	width:		953px;
	padding:	10px;
	margin-left:	auto;
	margin-right:	auto;
}

hr {color:#A9B9CE; height:1px;}

#filler {
	color:		#a9b9ce;
	height:		2em;
	width:		100%;
	border-bottom:	1px dotted #a9b9ce;
}

a {color:  #666666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #AF4A92;}

.permissions {
	border:		1px solid rgb(0,0, 255);
	background-color:	rgb(214, 221, 231);
	padding:	0px;
}
.permtitle {
	padding:	1px;
}
.permname {
	border:		1px dotted black;
}
.permcell {
	background-color:	rgb(240, 243, 245);
	text-align:	center;
	border:		1px solid green;
}
.uploadtitolo {
	color:          rgb(0,0,0);
        background:	rgb(255,80,80);
        padding:	3px;
        font-size: 14px;
}
.uploadelenco {
	border:		1px solid black;
	margin:		0px;
}
.uploadtabella {
	border:		2px solid black;
	width:		95%;
	padding:	1px;
}
/* Se si visualizza una immagine con <img src="pictures/nomeimmagine.jpg" class="includepicturequalcosa" alt="nomeimmagine.jpg" />, questa appare con lo stile 'includepicturequalcosa'. Per esempio <img src="pictures/..." class="includepictureleft" alt="..." /> */
img.includepictureleft { 
    float: left; 
    clear: left; 
    margin: 4px; 
}
img.includepictureright {
	float: right;
	clear: right;
	margin: 4px;
}
input {
	padding: 2px 2px 1px 2px; color: #627DA5 ;
	background-color:#FFFFFF ;
	border-color: #627DA5;
	border-style: solid;
	border-width: 1px;
}

input.button {
	font-weight: bold;
	margin: 0px;
	padding: 1px; color: #627DA5 ;
	color: #000040;
	background-color:#627DA5 ;
	border-color: #324D85;
	border-style: outset;
	border-width: 2px;
	height: 22px;
}

input.searchtext {
	padding:	2px 2px 2px 2px;
	color:		#627DA5 ;
	background-color:#FFFFFF ;
	border-color:	#627DA5;
	border-style:	solid;
	border-width:	1px;
	margin-top:	2px;
	height:		13px;
	width:		152px;
	font-size:	8pt;
}

input.searchbutton {
	font-family:	Verdana, Helvetica, Arial, sans-serif;
	font-weight:	bold;
	margin:		0px;
	padding:	1px;
	color:		#ffffff;
	background-color:	rgb(169,185,206);
	border:		none;
	height:		18px;
}

textarea {
	padding: 2px 2px 1px 2px; color: #627DA5 ;
	background-color:#FFFFFF ;
	border-color: #627DA5;
	border-style: solid;
	border-width: 1px;
}
select {
	padding: 2px 2px 1px 2px; color: #627DA5 ;
	background-color:#FFFFFF ;
	border-color: #627DA5;
	border-style: solid;
	border-width: 1px;	
}

th {
	background-color: #627DA5;
	color: #F0F3F5;
	padding : 4px;
	vertical-align : middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
th a {
	 color: #D6DDE7;
}
th a:hover {
	color: #FFFFFF;
}

table.interface {
        background-color: rgb(255,255,255);
}

table.content td {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

table.interface td {
	border-width:	0px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

/* Frame dei CONTENUTI */

td#contents {
	border-width:	0px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	line-height:	20px;
	vertical-align:	top;
	padding-top:	3px;
	padding-left:	10px;
	padding-right:	10px;
        background-color: rgb(255,255,255);
}
td#contents a
{
	color: rgb(175,74,146);
}
td#contents a:hover {
	color: rgb(102,102,102);
}
div#contentframe {
	height: 550px;
	overflow: auto;
        padding-right: 10px;
}


td#headerbanner {}
td#headerbar {}
td#leftcolumn {
	width: 171px;	/* Per il menu - vedere anche in flyout e flyout_ie */
	font-size:12px;
	background-color: #D6DDE7;
}
td#leftcolumn th {background-color:#CFD7E2;  vertical-align: middle;}
td#leftcolumn div.blockTitleBgnd {
	width: 161px;	/* Per il menu - vedere anche in flyout e flyout_ie */
	padding: 10px 5px 17px;
	color:  #627DA5;
	font-weight: bold;
	font-size: 12px; 
	background-image: url(/images/left_title.gif);
	background-repeat: no-repeat;
	text-align: right;
        letter-spacing:	1px;
}
td#leftcolumn div.blockTitle {
	width: 161px;	/* Per il menu - vedere anche in flyout e flyout_ie */
	padding: 10px 5px 17px;
	color:  #627DA5;
	font-weight: bold;
	font-size: 12px; 
	text-align: right;
        letter-spacing:	1px;
        border-top: 2px solid #A9B9CE;
}
td#leftcolumn div.blockContent {
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
        text-align: right;
}

/*-- Caratteristiche del FRAME CENTRALE DEI CONTENUTI --*/
td#centerCcolumn div.blockTitle {	padding: 4px 3px 3px 3px;	background-color: #D6DDE7;
	color:  #627DA5;
	font-weight: bold;
	font-size: 12px;
}
td#centerCcolumn div.blockContent {	padding: 3px 0px 3px 0px; 
	line-height: 120%;}

/*-- XXXXXXXX --*/
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 5px;}
td#centerLcolumn div.blockTitle {	padding: 4px 3px 3px 3px;	background-color: #D6DDE7;
	color:#627DA5;
	font-weight: bold;
	font-size: 12px;
}
td#centerLcolumn div.blockContent {	padding: 3px 0px 3px 0px;
	line-height: 120%;}

/*-- XXXXXXXX --*/
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 3px;}
td#centerRcolumn div.blockTitle {	padding: 4px 3px 3px 3px;
	background-color: #D6DDE7;
	color: #627DA5;
	font-weight: bold;
	font-size: 12px;}
td#centerRcolumn div.blockContent {	padding: 3px 0px 3px 0px;
	line-height: 120%;}

/*-- XXXXXXXXXXXX --*/
div#content {text-align: left;  padding: 8px 3px 8px 3px;  }

/*-- XXXXXX --*/
td#rightcolumn {
	width:			201px;
	font-size:		12px;
	background-color:	#d6dde7;
}
td#rightcolumn th {background-color:#CFD7E2;  vertical-align: middle;}
td#rightcolumn div.blockTitle {	padding: 10px 17px 10px ;
	color:#627DA5;
	font-weight: bold;
	font-size: 12px;
	background: url(/images/right_title.gif) no-repeat;
}
td#rightcolumn div.blockContent {	padding: 3px 3px 3px 0px;
	line-height: 120%;
}
/*-- XXXX --*/
tr#footerline {
	background: #A9B9CE; height: 5px;
}
tr#footerbar {
	background: #627DA5; color: #F0F3F5; height: 20px; vertical-align: middle;
	font-size: 80%;
	padding-right: 10px;
}

tr#footerbar a {
	text-decoration:	none;
	color:	rgb(0, 0, 0);
}

/*-- XXXXXXXX --*/
td#mainmenu a { padding: 2px 2px 2px  ; 	color: #627DA5;}
td#mainmenu a:hover { color : #AF4A92;}
td#mainmenu a.menuTop { padding: 2px 2px 0px 10px; }
td#mainmenu a.menuMain {padding: 2px 2px 0px 10px;}
td#mainmenu a.menuSub {
	padding-left: 24px;
	background: url(/images/arrows2.gif) no-repeat;
}

/*-- XXXXXXXX --*/
td#usermenu a {margin: 0; padding: 5px 2px 4px 32px; 	color: #627DA5;
background: url(/images/menu.gif) no-repeat;	font-weight: normal;
}
td#usermenu a:hover {color : #AF4A92;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {}

/*-- XXXXXXXXXXXXXXXX --*/
.outer { background-color: #ffffff;  border: 1px solid #A9B9CE;  }
.head {background-color:#CFD7E2;  padding:5px;   color: #627DA5  }
.even {background-color: #E7EBF0; padding: 5px;}
.odd {background-color: #F0F3F5; padding: 5px;}
.foot {background-color: #CFD7E2; padding-top: 5px;  padding-right: 5px;  padding-left: 5px;  padding-bottom: 5px;   color: #627DA5 ; text-align: center; }
tr.even td {background-color: #E7EBF0; padding: 5px;}
tr.odd td {background-color: #F0F3F5; padding: 5px;}

/*-- XXXXXXXX --*/
div.errorMsg { background-color: #AF4A92; text-align: center; border-top: 1px solid #627DA5; border-left: 1px solid #627DA5; border-right: 1px solid #627DA5; border-bottom: 1px solid #627DA5; font-weight: bold; padding: 10px;  color: White; }
div.confirmMsg { background-color: #F0F3F5; color: #627DA5; text-align: center; border-top: 1px solid #A9B9CE; border-left: 1px solid #A9B9CE; border-right: 1px solid #A9B9CE; border-bottom: 1px solid #A9B9CE; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #A9B9CE; color: #D6DDE7; text-align: center; border-top: 1px solid #627DA5; border-left: 1px solid #627DA5; font-weight: bold; border-right: 1px solid #627DA5; border-bottom: 1px solid #627DA5; padding: 10px;}

/*-- XXXXXXXXXX --*/
div.xoopsCode {
	background: #FFFFFF;
	border: 1px dotted #627DA5;
	font-family: Courier New, Courier, monospace;
	padding: 6px 6px 6px 6px;
	color: #AF4A92;
}
div.xoopsQuote {
	background: #FFFFFF;
	border: 1px dotted #627DA5;
	font-family: Courier New, Courier, monospace;
	padding: 6px 6px 6px 6px;
	color: #AF4A92;
}

/*-- XXXX --*/
.item {}
.itemHead {
	background-color: #627DA5; color: #F0F3F5; 
	font-weight: bold;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
}
.itemInfo {
	color: #8D94AE; text-align: right;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.itemTitle a {
	color: #D6DDE7;
	font-weight: bold;
}

.itemTitle a:hover{
	color: #FFFFFF;
}
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.6em;}
.itemText:first-letter {}
.itemFoot {
	text-align: right;
	padding: 5px 5px 5px 5px;
	color: #8D94AE;
	
}
.itemFoot a{color:#627DA5}
.itemAdminLink {}
.itemPermaLink {}

/*-- XXXX --*/
.comTitle {font-weight: bold; margin-bottom: 3px; color: #627DA5; }
.comText {padding: 3px;}
.comUserStat {font-size: 12px; color:#627DA5; font-weight:bold; border: 1px solid #A9B9CE;  background-color: #FFFFFF; margin: 3px; padding: 3px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 3px; margin-top: 10px; color: #627DA5; font-weight:bold; font-size: 12px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 12px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 12px;}
.comDateCaption {font-weight: bold; font-style: normal;}

.admindiv {
	border:		1px dashed red;
	padding:	1px;
	margin:		1px;
	text-align:	right;
}
.adminicon {
	padding:	2px;
	border:		1px outset black;
}

/*---------home theme-------------*/
.head_table{
	background-color:	rgb(206,213,223); 
}
.head_logo{
	width:			210px;
}
.head_bar {
	background:		#a9b9ce;
	height:			15px;
	color:			rgb(255, 255, 255);
        padding-left:		10px;
	font-size:		80%;
	white-space:		nowrap;
}
.left_pict {
	width:			60px;
	background-color:	#ffffff;
	vertical-align:		top;
}
.left_logo {
	height:			178px;
	width:			60px;
	background-color:	#ffffff;
	vertical-align:		bottom;
}
.right_menu {
	height:		30px;
	width:		229px;
	background:	url(/images/r_back.gif) repeat-x;
	padding-top:	10px;
}
.r_l {
	height:		30px;
	background:	url(/images/r_l_back.gif) repeat-x;
	font-size:	12px;
	padding:	8px;
	font-weight:	bold;
        color:		rgb(240,243,245);
        letter-spacing:	1px;
	vertical-align:	top;
}
.r_l a {
	color: #A9B9CE;
	font-weight: bold;
}
.r_l a:hover {
	color: #FFFFFF;
	font-weight: bold;
}
.r_c {
	height:		30px;
	width:		105px;
	background:	url(/images/r_c.gif) no-repeat;
}

.finder {
        font-size:      75%;
}

.zot {
        border-style: double double;
}

.clickeroff {
        padding:        1px;
        background-color: white;
        border-top:     2px solid #c0c0c0;
        border-left:    2px solid #c0c0c0;
        border-bottom:  2px solid black;
        border-right:   2px solid black;
}
.clickeron {
        padding:        1px;
        background-color: #d0ffd0;
        border-top:     2px solid black;
        border-left:    2px solid black;
        border-bottom:  2px solid #c0c0c0;
        border-right:   2px solid #c0c0c0;
}