body { color:#000000; background-color: #4C576F;
background-image: url('sfondo.jpg');
background-repeat: repeat; margin: 10px; padding: 0px; text-align: center; font-size: 100%; font-family: verdana, arial, sans-serif; overflow: scroll; }

/* divs */

#page {

	text-align: left;	
	font-family: verdana, sans-serif;	
	font-size: 75%;	
	width: 88%;	
	margin: 10px auto 0px auto;	
	position: relative;	
	background: #F6F9FA;	
	border: 1px solid #CFCFCF;	-moz-border-radius:6px;	border-radius:6px;	padding: 1em;

}



div#logo	{ margin: 0px; text-align: center; height: 75px; width:100%; background: transparent url("./publifarum.jpg") 50% 1% no-repeat scroll; }
div#div_leftcol  { position:absolute; width:180px; top:110px; left:20px;  border:none; background: transparent; }
div#logos    {text-align: left; position:absolute; top:450px;}
div#logos p  { display:inline; margin: 1em 0px 1em 0px; }


div#content { position:relative; width: auto; min-width: 120px;  min-height: 400px; height: auto !important; height: 400px;                       margin: 20px 20px 20px 210px; padding:10px; border: none;                                  background-color:white;                                     z-index:1; }
div#footer   {  margin-top: 1em; padding:10px; border:1px dashed #000000; text-align: center; background-color:#F6F9FA; z-index:3; }
/*div#div_otherlangs  { margin-bottom: 2em; padding:10px; border:1px solid #000000;                      background:  #F6F9FA; z-index:4; }
div.generic_navbar  { min-height: 25em; padding:0px; border:1px solid #6f6f6f; text-align: center; background: #F6F9FA; }*/
div#div_info ul {text-align: left; }
div#div_info p, div#div_info p, div#content p, div#footer  p { margin: 1em; } 


/* domus note block */
div#div_domusnote {font-size: 60%;}


/* impostazioni per non vedenti */
.Aural { display: none; }
.invisible { display: none; }

/* common tags */
a, a:active, a:visited { color: #000000;  text-decoration: none; }
a:hover { color: #5F5F5F;  text-decoration: none; }
img 	{ border: none; }
strong	{ font-weight: bold; }
em 		{ font-style: italic;}
ol		{ list-style-type: decimal;}
h1 		{ font-weight: bold; font-size: 200%; line-height: 150%; text-align: center; color: #000000;}
h2	 	{ font-weight: bold; font-size: 110%; text-align: center; color: #000000;}
h3 		{ font-weight: bold; font-size: 100%; text-align: center; color: #8D6C24;}
q {font-style: italic;}
a img     { text-decoration: none;}
form         { padding: 0px 5% 0px 5%; font-family: verdana, arial, sans-serif;}
label        { width: 100%; padding: 0px; margin: 0px; color: #000000; }
label.checkbox, label.radio
             { display:block; width: 100%; padding: 0px; margin: 0px 0px 0px 2em; color: #000000; }
input        { width: 100%; padding: 0px; margin: 0px; height: 2em; border: 1px solid #5B5B5B; background-color: transparent; font-size: 1em; vertical-align: middle; color: #333333; }
input.checkbox, input.radio
             { width: 1em; padding: 0px; margin: 0px; height: 1em; border: 1px solid #5B5B5B; background-color: transparent; float:left;}
select       { width: 100%; padding: 0px; margin: 0px; height: 2em; border: 1px solid #5B5B5B; background-color: transparent; color: #000000; font-size: 1em; vertical-align: middle;  }
select.multiple { width: 100%; padding: 0px; margin: 0px; height: 5em; border: 1px solid #5B5B5B; background-color: transparent; color: #000000;font-size: 1em; vertical-align: middle; }
textarea     { width: 100%; padding: 0px; margin: 0px; height: 10em; border: 1px solid #5B5B5B; background-color: transparent; color: #000000; font-family: verdana, arial, sans-serif; white-space: pre; }
textarea#logtxt  { width: 100%; padding: 0px; margin: 0px; height: 20em; border: 1px solid #5B5B5B; background-color: transparent; font-size: 1.5em; color: #000000; }
textarea#ezine_art_body { height: 40em; white-space: pre; }
button       { width: 100%; height: 2em; border: 1px solid #000000; background-color: #D6D6D6; cursor: pointer; color: #000000; font-weight: bold;}
button:hover { background-color: #2F2F2F; color: #ffffff;} 
acronym { border-bottom: thin dotted #000000; }
button.HideBorders {border: none; background: transparent; width: auto; height: auto;}
fieldset  { border: 1px solid  #5B5B5B; margin-top: 1em; padding: 0.5em;}
legend    { color: #979797; font-weight: bold;}
fieldset.warn { background-color: #BF3B3B; border: 1px solid #000000; margin: 1em 0px 1em 0px; padding: 0.5em;  color: white;}
fieldset.warn legend   { color: white; font-weight: bold; background-color: #BF3B3B; border: 1px solid #000000;  padding: 0.2em 1em 0.2em 1em;}
fieldset.info 				{ background-color: #D6D6D6; color: black; border: 1px solid black; margin: 1em 0px 1em 0px; padding: 0.5em;}
fieldset.info legend   	{ background-color: #D6D6D6; color: black; font-weight: bold; border: 1px solid black;  padding: 0.2em 1em 0.2em 1em;}
div.Navigator { text-align: center; margin: 1em 0px 1em 0px;}
div.Navigator a:hover { background-color: transparent; }
ul.ulinline { padding: 0px; text-indent: 0px; margin: 0px;}
ul.ulinline li    { list-style: none inside; display: inline;}
ul.HidePoint    { padding: 0px; text-indent: 0px; margin: 0px;}
ul.HidePoint li { list-style-type: none; }


/* barra di navigazione  */
div#navbar
{
background: #747C8F;
width: 100%;
margin: 0 auto;
padding: 1em 0;
font-family: verdana, arial;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}


ul#NavBar
{
text-align: left;
padding: 0;
margin: -6% 1% -5% 1%;
width: 98%;
}

ul#NavBar li
{
list-style: none;
margin: 0;
padding: 0;

}

ul#NavBar li a
{
display: block;
width: 100%;
margin: 0;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
text-decoration: none;
background: transparent;
}

ul#NavBar li span#NavBarSel
{
display: block;
width: 100%;
margin: 0;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
text-decoration: none;
background: #e0e4ef;
color: #000000;
font-size: 16px;
}

#navbar > ul#NavBar li a { width: auto; }
#navbar > ul#NavBar li span#NavBarSel { width: auto; }

/*
C3CBDF
ul#NavBar li span. a
{
background: #f0e7d7;
color: #800000;
}
*/
ul#NavBar li a:hover
{
color: #000;
background: #E0E4EF;
border-color: #aaab9c #fff #fff #ccc;
font-size: 13px;
text-align: left;
margin: 0;

}

	
ul.NavBarInline { padding: 0px; text-indent: 0px; margin: 0px; }
ul.NavBarInline li { list-style: none inside; display: inline; margin: 1ex; vertical-align: middle;}
ul.NavBarInline li a, ul.NavBarInline li a:visited, ul.NavBarInline li a:active  
{ background: transparent; color: #000000;  text-decoration: none;  margin: 0px; padding: 0px;}


div#footer  ul {list-style: none inside; margin: 0px; padding: 0px; }
div#footer  li { list-style: none inside; display: inline; margin: 0px 0.1em 0px 0.1em; padding: 0px; }
div#footer  p { font-size: 80%; margin: 0px; margin-top: 0.5em; padding: 0px; color: #000000; }

/* layout */
.AlCnt { text-align: center;}
.AlLft { text-align: left;}
.AlRgt { text-align: right;}
.Hidden {display: none;}

/* lista utenti */
.WhosOnLine_8{color: #ff0000;}
.WhosOnLine_2{color: #979797;}
.WhosOnLine_1{color: #000000;}

/* tabella a griglia */
table.grid { border-collapse: collapse; border: 1px solid #000000; white-space: nowrap; width: 98%; margin: 0px 1% 0px 1%;}
table.grid th { border: 1px solid #000000; padding: 0px 3px 0px 3px; text-align: center; background-color: #000000; color: #ffffff; font-weight: bold;}
table.grid tr { border: 1px solid #000000; }
table.grid td { border: 1px solid #000000; padding: 0px 3px 0px 3px;}
table.grid td.ipa { border: 1px solid #000000; padding: 0px 3px 0px 3px; font-size: 1.5em;}
/* lista utenti */
tr.usr_status10 { border: 1px solid #000000; background-color: #C7C7C7; color: #000000; }
tr.usr_status11 { border: 1px solid #000000; background-color: #000000; color: #000000; }
tr.usr_status12 { border: 1px solid #000000; background-color: #FF0000; color: #000000; }
tr.usr_status20 { border: 1px solid #000000; background-color: #F7E30E; color: #000000; }
tr.usr_connected { border: 1px solid #000000; background-color: #4FD9FF; color: #000000; }

/* visualizza utente */
dl#showuser    { margin: 0px 5% 0px 5%; }
dl#showuser dt { color: #000000; font-weight: bold; }
dl#showuser dd { color: #000000; font-weight: normal; }
button.medium { width: 10em; height: 2em; font-size: 80%; border: 1px solid #000000; background-color: #F7E30E; cursor: pointer; color: #000000; font-weight: bold; text-align: center; vertical-align: middle; } /* -moz-border-radius: 10% 0% 10% 0%; }*/
button.mediumdis { width: 10em; height: 2em; font-size: 80%; border: 1px solid #D6D6D6; background-color: #D6D6D6; color: #000000; font-weight: bold; text-align: center; vertical-align: middle; } /*-moz-border-radius: 10% 0% 10% 0%; }*/

/* form di inserimento articoli */
form#ezine_art_insert label { color: #000000; }
textarea#ezine_art_testo { height: 45em; color: #000000; }

/* stile per articoli */
div#article_body div.epigraph {background-color: transparent; color: #000000; font-size: 80%; text-align: left; margin: 1% 1% 1% 20%; }
div#article_body div.epigraph:first-letter { font-size: larger; color: #2F2F2F; font-weight: bold;}
div#article_body div.inscription { text-align:right; font-size: 80%; }
div#article_body div.image_left {text-align: left; float: left; margin: 1em; border: none;}
div#article_body div.image_center {text-align: center; margin: 1em; border: none;}
div#article_body div.image_right {text-align: right; float: right; margin: 1em; border: none;}
div#article_body div.image_leftclear {text-align: left; margin: 1em; border: none; }
div#article_body div.image_rightclear {text-align: right; margin: 1em; border: none; }
div#article_body div.box1 {border: 1px solid #000000; background-color: #8FBAFF; padding: 2em; font-size: 90%;}
div#article_notes { border: 1px solid #000000; background-color: #F6F9FA; padding: 2em; font-size: 90%; }


div#article_body h1 { font-size: 180%; text-align: center; font-weight: bold; font-variant: small-caps; color: #000000; clear: both;}
div#article_body h2 { font-size: 130%; text-align: center; font-style: italic; font-weight: bold; color: #000000; clear: both;}
div#article_body h3 { font-size: 120%; text-align: left; font-weight: normal; font-style:italic; color: #000000; clear: both;}

div#article_body p.author { font-size: 130%; text-align: center; font-weight: bold; font-style: normal; color: #000000; clear: both; }
div#article_body p.align_justify { text-align: justify; }
div#article_body p.align_left { text-align: left; }
div#article_body p.align_center { text-align: center; }
div#article_body p.align_right { text-align: right; }
div#article_body p.align_indjustify { text-align: justify; text-indent: 2em; }
div#article_body p.align_indleft { text-align: left; text-indent: 2em; }


div#article_body a.notenumber, div#article_body a.notenumber:hover, div#article_body a.notenumber:active, div#article_body a.notenumber:visited
{ font-size: 80%; color: #2F2F2F; vertical-align: super; text-decoration: none;}
div#article_notes  p.note { font-size: 100%; }
div#article_body q { font-style: italic; quotes: none;}
div#article_body hr { clear: both; }
div#article_body strong { font-weight: bold; }
div#article_body em     { font-style: italic;}
div#article_body em.underline { font-style: normal; text-decoration: underline;}
div#article_body blockquote {font-size: 90%; color: #000000; text-align: justify; margin: 5% 10% 5% 10%; } 


div#article_body span.lang {background-color: transparent; color: #000000; border-bottom: 1px solid #8FBAFF;}
div#article_body span.lang:before {content: attr(lang); background-color: #C3CEDF; margin: 0px 0.5ex 0px 0px; padding: 0px 0.5ex 0px 0.5ex; color: #000000; text-transform: uppercase;  font-size: 80%;} 

div#article_body pre { white-space: pre; font-size: 1em; line-height: 1ex; font-family: verdana, arial, sans-serif;}
div#article_body table { background: #ffffff; color: #000000; border: 1px solid #000000; border-collapse: collapse; }
div#article_body th { background: #ffff00; color: #000000; font-weight: bold; border: 1px solid #000000; padding: 0.5em;}
div#article_body td { border: 1px solid #000000; padding: 0.5em;}

ul#issue_index {list-style: none inside; margin: 0px; padding: 0px;}
ul#issue_index li { margin: 1ex; padding: 0px;}
ul#issue_index li a { display: block; background-color: #ffffff; color: #000000; font-size: 130%; text-decoration: none; margin: 0px; padding: 0.5ex; border: 1px dashed #666666;}
ul#issue_index li a:hover { display: block; background-color: #D6D6D6; color: #5F5F5F; font-size: 130%; text-decoration: none; margin: 0px; padding: 0.5ex; border: 1px dashed #666666;}
ul#issue_index li a span.issue_name { vertical-align: 100%; padding: 0px; margin: 0px;}
ul#issue_index li  span.issue_date { display: block; margin: 0px; padding: 0px; font-size: 80%; text-align: right; width: 100%; }

ul#issue_artindex {list-style: none; margin: 0px; padding: 0px; font-size: 120%;}
ul#issue_artindex li { text-indent: 1em; font-weight: normal; padding: 0px; margin: 1ex 0px 1ex 0px;}
ul#issue_artindex li.issue_indexsubtitle { margin-top: 1em; font-weight: bold; padding: 0px;}




div#issue_navbar { background-color: transparent; text-align: right; }
div#issue_navbar form { background-color: #747C8F; color: #ffffff; padding: 0.5ex; margin: 0px 0.5ex; text-align: left;}
div#issue_navbar form label { background-color: #747C8F; color: #ffffff; margin: 0px 1em 0px 0px;}
div#issue_navbar form select { background-color: #747C8F; color: #ffffff; border: 1px solid #ffffff; width: auto;}
div#issue_navbar form button { background-color: #747C8F; color: #ffffff; border: 1px solid #ffffff; width: auto; }
	
fieldset#issue_citeme { background-color: transparent; color: #000000; border: 1px solid #000000; padding: 1em;}
fieldset#issue_citeme legend { background-color: transparent; color: #000000; }
div#issue_cover { text-align: center; width: auto; }
/* zapimag */
table#ZAPIMAG_gallery        { border: none; width: 100%; }
table#ZAPIMAG_gallery  td    { width: 200px; height: 150px; border: 1px solid #c4c4b4; text-align: center; }
div#ZAPIMAG_navigation { margin: 0px auto 0px auto; text-align: center;}
div#ZAPIMAG_navigation ul    { display: inline; list-style: none inside; margin: 0px; padding: 0px; color: #c4c4b4; }
div#ZAPIMAG_navigation ul li { display: inline; margin: 0px 0.2ex 0px 0.2ex; padding: 0px; }
li#ZAPIMAG_thispage          { font-weight: bold; color: #b4c0c4;}
div#ZAPIMAG_ShowImage        { text-align: center; width: 100%; }
div#ZAPIMAG_MadeByNote       { text-align: center; width: 100%; font-size: 80%; color: #c4c4b4; }
div#ZAPIMAG_MadeByNote acronym { font-weight: bold; font-style: italic; color: #c8d5d9; }

/* domus help */
div#help_navbar             { min-height: 25em;  border:1px solid #6f6f6f;  text-align: center; background: #F6F9FA; z-index:2; }
div#help_navbar ul          { padding: 0px; margin: 10px; }
div#help_navbar li          { list-style: square inside; text-align: left;}
div#help_navbar a, div#help_navbar a:visited, div#help_navbar a:active
                            { background: transparent; color: #000000; font-size: 80%; font-weight: normal; margin: 0.5em 0px 0px 0px; }
div#help_navbar a:hover     { background: #4FD9FF; color: #000000; font-size: 80%; font-weight: bold; margin: 0.5em 0px 0px 0px; }
div#help_navbar #NavBarSel  { background: #4FD9FF; color: #000000; font-size: 80%; font-weight: bold; margin: 0.5em 0px 0px 0px; }


/* wcag style creator */
div#stylecreator_img {text-align: center; border: none;}
table#stylecreator     { border-collapse: collapse; border: 1px solid #000000; width: 98%; white-space: nowrap; margin: 0px 1% 1% 1%;}
table#stylecreator caption {  margin: 1em; padding: 1ex; font-size: 110%; font-weight: bold; background-color: #2F2F2F; color: #ffffff;  -moz-border-radius: 20px;}
table#stylecreator th  { border: 1px solid #000000; padding: 0px 1ex 0px 1ex; text-align: center; background-color: #000000; color: #ffffff; font-weight: bold;}
table#stylecreator tr  { border: 1px solid #000000; }
table#stylecreator td  { border: 1px solid #000000; padding: 1ex; }
table#stylecreator td input { background-color: #eeeeee; color: #000000; }
table#stylecreator td p.example { display: block; padding: 0px 1ex 0px 1ex; margin: 0px; }

body#full_page { background-color: white; color: black; padding: 0px 1em 0px 1em;}
body#full_page table { margin: auto;}

/* lectures */
dl#lectures dt { margin-top: 1em;}
dl#lectures dt a { font-weight: bold; color: #393C5A; font-size: 120%; text-decoration: underline;}