/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */

/* CONTAINER */

		#container {
			/*width: 790px;*/
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			line-height: 1.6em;
			color: #333;
			background-color: #FFF;
		}
		
/* GENERAL MOJO AND MULA */
		
		h1 {
			/*font-family: Arial, Helvetica, sans-serif;*/
			font-weight: normal;
			font-size: 32px;
			color: #CC6633;
			margin-bottom: 30px;
			/*background-color: #FFF;*/
		}
		
		h2 {
			color: #666666;
			font-size: 12px;
			/*font-family: Arial, Helvetica, sans-serif;*/
			background-color: #FFF;
		}
		
		
		A {
			color:#000066;
			text-decoration: none;
		}

		a:hover {
			/*color:#CC6714;
			background-color: #F5F5F5;*/
                        background-color: #ffffcc;
			color:#000066;
		}

		
		#login {
			/*font-size: 9px;*/
			border-bottom:4px solid #000066;
		}
		
		
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
		table.generictable{
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			color: #666;
		}
		table.generictable table{
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
			color: #666;
		}
		
/* HEADER ELEMENTS */

		#header {
			/*change the following line (and remove comments) 
			if you want a different background, tipically to match the background of
			your logo image.*/
			background-color:#fff;
			border-bottom: 4px solid #000066;
			padding-top: 20px;
			padding-left: 20px;
			padding-right: 20px;
			clear: both;
			margin-bottom: 10px;
		}
		
		
		#journaltitle h1{ 
			font-weight: normal;
			font-size: 42px;
			/*Do you want the title on the left? just write left in the following line*/
			/*Do not forget to change the text-aling below also */
			text-align:right;
			color: #000066/*#CC6633*/;
			/*margin-bottom:0px;*/
			margin-top: 0px;
                        font-family: carolingia, Verdana, Sans-serif ;

		}
		
		#journaltitle h3	
		{
		    color:#ffcc00;
		    font-size: 18px;
		    text-align:right;
		    margin-top: -12px;
		    margin-bottom: 10px;
		    /*margin-bottom:40px;*/
		    font-weight: bold;
                    font-family:DejaVuSans, Verdana, Sans-serif;
		}

		#header p { 
		/*The alignment shold be the same as above (the title)*/
		text-align:right;
			margin-top: -5px;
			margin-left: 30px;
			color: #BBB;
		}

/* NAVIGATION ELEMENTS */
	
		
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;
			float: left;
			/*width: 140px;*/
			width: 14%;
		}

		#navigation a {
			display: block;
			padding: 0px;
			/*width: 19%;*/
			border-bottom: 1px solid #CCC;
			/*margin-bottom:1px;*/
		}

		#navigation a:link {
			color:#000066;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #000000 url(images/arrow.gif) 96% 50% no-repeat;
			/*background-color: #F5F5F5;
			color:#CC6714;*/
                        background-color: #ffffcc;
                        color: #000066;
		}


		
/* NAVIGATION ELEMENTS LEVEL 2*/

		.secondLevel{
			margin-bottom:1px;
			display: block;
			margin-left: 15px;
			/*width: 13%;*/
			
		}
		.secondLevel a {
			display: block;
			padding: 0px;
			/*width: 13%;*/
			
		}
		.secondlevel a:link , .secondlevel a:visited{
			color:#000066;
			text-decoration: none;
			
		}
		.thirdLevel{
			margin-bottom:1px;
			display: block;
			margin-left: 25px;
			/*width: 13%;*/
			
		}
		.thirdlevel a {
			display: block;
			padding: 5px;
			/*width: 13%;*/
			
		}
		.thirdlevel a:link , .thirdlevel a:visited{
			color:#000066;
			text-decoration: none;
			
		}
		

		.fourthLevel{
			margin-bottom:1px;
			display: block;
			margin-left: 35px;
			/*width: 13%;*/
			
		}
		.fourthlevel a {
			display: block;
			padding: 5px;
			/*width: 13%;*/
			
		}
		.fourthlevel a:link , .thirdlevel a:visited{
			color:#000066;
			text-decoration: none;
			
		}

/* RIGHT-SIDE NAVIGATION 2*/		
		#navigationright ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: right;
			/*width: 140px;*/
			width: 14%;
			text-align:right;
		}
		#navigationright a {
			display: block;
			padding: 0px;
			/*width: 19%;*/
			border-bottom: 1px solid #CCC;
			/*margin-bottom:1px;*/
		}

		#navigationright a:link, #navlist a:visited {
			color:#000066;
			text-decoration: none;
		}
		
		#navigationright a:hover {
			background: #000000 url(images/inversearrow.gif) 4% 50% no-repeat;
			/*background-color: #F5F5F5;
			color:#CC6714;*/
                        background-color: #ffffcc;
			color:#000066;
		}



/* FRAME NAVIGATION ELEMENTS */
	
		 #navigationframe ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;
			float: left;
		}

		#navigationframe a {
			display: block;
			padding: 0px;
			border-bottom: 1px solid #CCC;
		}

		#navigationframe a:link, #navlist a:visited {
			color:#000066;
			text-decoration: none;
		}
		
		#navigationframe a:hover {
			background: #000000 url(images/arrow.gif) 96% 50% no-repeat;
			/*background-color: #F5F5F5;
			color:#CC6714;*/
                        background-color: #ffffcc;
			color:#000066;
		}

/* THE SMALL BOX BELOW NAV , ON THE LEFT*/

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
			text-align:justify;
		}
		
/* CONTENT ELEMENTS */

		#content {
			width: 66%;
			margin-left: 16%;
			/*margin-right: 5%;*/
			/*background-color:#000;*/
			text-align:justify;
			/*font-family: Arial, Helvetica, sans-serif;*/
		}
		
		#content p {
			padding-bottom: 10px;
			border-bottom: 1px dashed #000066; /* A faint grey line below the text */
			/*font-family: Arial, Helvetica, sans-serif;*/
		}
		
		#pagetop {
		/*border-bottom: 1px solid #89817f;*/
		background-color:#000060;
		color:#FFF;
		margin-top: 5px;
		margin-bottom: 5px;
		}
		
		.latesttitle
		{
		/*border-bottom: 1px solid #89817f;*/
		background-color:#000066;
		color:#FFF;
		margin-top: 5px;
		margin-bottom: 5px;
		}
		
/* LEFT BOXES (boxes on the left, part of the nav list)*/

		#navigation li.leftBox a:hover {
			background: #CC6714;
			/*background-color: #F5F5F5;
			color:#CC6714;*/
                        background-color: #ffffcc;
			color:#000066;
		}

		#navigation li.leftBox {
			margin-top: 10px;
			margin-bottom: 10px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			/*border-top: 1px dotted #CCC;*/
			text-align:justify;			
		}

		#navigation li.leftBox a {
			display: inline;
			padding: 0px;
			border-bottom: 0px;
		}

/* RIGHT SIDEBAR ELEMENTS (boxes on the right)*/

		#sidebar {
			float: right;
			width: 16%;
		}
		
		#sidebar p {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
			text-align:justify;
		}

		#sidebar div.rightBox {
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
			text-align:justify;
		}


/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color:#000066;
			padding: 0px 5px 0px 5px;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 11px;
		}
		
		#footer p {
			color:#FFF;
			padding: 5px;
		}
		
		#footer p a {
			color: #FFFFFF;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #89817f;
			background-color:#575352;
		}
/* LISTS */
		
		.liste {
		/*font-size: 10pt;*/
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
		font-size: 11px;
		line-height: 1.6em;
		color: #666;
		background-color: #FFF;
		}
		.titolo {
		/*font-size: 10pt;*/
		}
		#lista {
		/*font-size: 10pt;*/
		}
		#lista td {
		/*font-size: 10pt;*/
		border-bottom: 1px dotted #89817f;
		/*border-right: 1px solid #89817f;*/
		/*background-color:#575352;*/
		}
			
		
		.searchliste {
		/*border-bottom: 1px solid #89817f;*/
		background-color:#000066;
		color:#FFF;
		margin-top: 5px;
		margin-bottom: 5px;
		}
		.searchliste td{
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
		font-size: 11px;
		/*font-size: 10pt;*/
		/*background-color:#575352;*/
		/*border-bottom: 1px solid #89817f;*/
		}
		.inner
		{
			
		}
		.inner td
		{
			
		}
		
/* SUBMISSION STEPS */

	#contributionSteps {
        clear:right;
        
        /*position:relative;*/
        /*top:-13px;*/
        
        font:10px verdana, arial, helvetica, sans-serif;
        /*border-bottom:1px solid #9c9a9c;*/
        
        width: 100%;
        height:30px;
        /*margin:0;
        margin-top:15px;
        padding:0;*/
        margin-left:130px;
        list-style: none;
        /*background: #fff url("images/bgOriz.png")  ;*/
        
	}
        
	#contributionSteps li {
        float: left;
        margin: 10px;
        padding: 0;
        list-style: none;
        /*border-right: 1px solid #ddd;*/
	}

/* FORM ERRORS */

	.errore {
		width: 230px;
		text-align:center;
		margin-bottom: 10px;
		background-color:#CC6633;
		color:#FFFFFF;
		font-style:b;
	}
	#error {
		
		text-align:center;
		margin-bottom: 10px;
		background-color:#CC6633;
		color:#FFFFFF;
		font-style:b;
	}
	.error {
		
		text-align:center;
		margin-bottom: 10px;
		background-color:#CC6633;
		color:#FFFFFF;
		font-style:b;
	}
	
/* ISSUE VISUALIZATION */

	.toc h2 {
		color: #666666;
		font-size: 12px;
		color: #CC6633;
		border-top: 1px solid #948979;
		border-bottom: 1px solid #948979;
	}

	.editorialTitle h2 {
		color: #666666;
		font-size: 12px;
		color: #CC6633;
		border-top: 1px solid #948979;
		border-bottom: 1px solid #948979;
	}

/* And they lived happily ever after. The End. */