/* 
    Document   : tema.css
    Created on : 13-lug-2009, 19.00.53
    Author     : giuseppe
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
LAYOUT
*/
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header{
    background-color: #277664;

}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #277664;color: #FFFFFF}
div#content p{line-height:1.4}
div#navigation{background:#ffffff;
               padding-top: 0.5em;
}
div#extra{background:#FFFFFF}
div#footer{background: #277664;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}

.subcontent{

    width: 90%;
    margin-left:2%;
    margin-right:auto;
    margin-top: 5em;
}

.message{

    
    border: 1px solid #000000;
}
.message p{
    font-style:italic;
    font-weight:bold;

}

.messagebox{

    border:1px dashed black;
    width:auto;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color:#ffffff;
    color:#000000;
}
.messagebox-body{
    margin-left:130px;
    
}
.messagebox-header h3{

    color:red;
    font-weight:bold;
    



}
.messagebox-icon{

    
    float:left;
    width:130px;
    

}
messagebox-icon img{

    border:0px;
    


}

/*********************************
MENU
*********************************/

div.menubox{
    
    width: 100%;
    border-top:0.2em;
    background: #E4E4E4;
    margin-bottom: 0.4em;
}

div.menubot{
    margin-top: 0em;
    padding:0.3em;
    border-bottom: 2px solid #277664;
    
    /*background:  #E4E4E4 url(/themes/default/it/images/menu_bg_dx_bot.png) right bottom no-repeat */;
}

div.menubox h3{

    /*height:20px;*/
    margin-top: 0em;
    background:  #277664 url(/themes/default/it/images/menu_bg_dx.png) right top no-repeat ;
    
    color: #fff;
    font-weight:bold;
    font-size:1em;
    padding:0.3em;

}

#menu {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
        /*margin-bottom: 1em;*/
        
        
}

#menu li {
	font:  "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	background:#E4E4E4;
        border-bottom: 2px dashed #277664;
        
        
}
#menu a {
	/*background: #fff;*/
	background:  #E4E4E4   url(/themes/default/it/images/menu_arr.png) right center no-repeat ;
	color: #000000;
	display: block;
	margin: 0;
        padding-left: 15px;
	/*padding: 8px 12px;*/
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background:  #fff   url(/themes/default/it/images/menu_arr_over.png) right center no-repeat ;
	background-color: #fff;
        color: #f00;
}

#menu a:active {
	background:  #fff   url(/themes/default/it/images/menu_arr_over.png) right center no-repeat ;
	background-color: #ddd;
        color: #f00;
}

.mainlogin{
    width: 500px;
    
    margin:10em auto 25%;
    
    /*border: 0.05em dashed #000000;*/
   
}
.mainlogin-header{
    background-color:#277664;
    border: 0.05em dashed #000000;
    width: 100%;

}
.mainlogin-header img{
 margin: auto;

}
.mainlogin H1{
    margin-top: 0em;
    background-color: #277664;
    color: #ffffff;
    font-weight:bold;
    font-size:1em;
}
/********* FINE MENU ***************************/

/***********************************************
T O O L B A R
***********************************************/
 ul#navlist
 {
 margin-left: 0;
 padding-left: 0;
 white-space: nowrap;
 }

  ul#navlist li
 {
 display: inline-block;
 list-style-type: none;
 width: 100px;
 max-width: 150px;
 border: 1px solid #277664;
 }

 ul#navlist a { 
 padding: 0.5em;
 
 
 }

 ul#navlist a:link, ul#navlist a:visited
 {
 color: #000;
 background-color: #fff;
 text-decoration: none;
 }

 ul#navlist a:hover
 {
 color: #fff;
 
 text-decoration: none;
 background-color: #277664 ;
 }

 ul#navlist a:focus
 {
 color: #f00;
 background-color: #277664;
 text-decoration: none;
 }

/********* FINE T O O L B A R ***************************/

/*******************
TESTO
*******************/
.label{

    font-size:inherit;
    font-weight:bold;

}
.evidence{

    font-size:inherit;
    background-color:yellow;

}

.evidenceko{

    font-size:inherit;
    background-color:red;
    color: white;
    font-weight:bold;
}
.evidenceok{

    font-size:inherit;
    background-color: green;
    color: white;
    font-weight:bold;
}
.evidenceko, .evidenceok{
    padding:0.06em;
}
/************************************
FORMS
************************************/
/*
fieldset{
    
    background-color: #dddddd;
    
}
input, button{

    font-size:0.8em;
    border:0.05em solid;
    
}

select{

    background-color:#fff;
    border:0.05em solid;
    font-size:0.8em;
}

input:focus, select:focus{

    
    border-color:#f00;
}

legend{
    font-size:1.5em;
    border:1px solid #fff;
    background-color:#277664;
    color:#ffffff;
}

label{
    font-size:0.8em;
    font-weight:bold;
}
table.formtable{

    width:100%;
    margin:auto;
    text-align:left;

}
table.formtable td{

    width:50%;
    text-align:left;
    font-size:0.8em;
}
table.formtable th{

    width:50%;
    text-align:left;
    font-size:0.8em;
    font-weight:bold;
}
*/
.formerrors{

    font-size:0.9em;
    color:red;

}

.formerrors h2{

    font-size:1em;
    color:red;

}

/* NUOVI FORM */
/*
form.cmxform  {
  min-width: 50%;
  margin:auto;
}
form.cmxform fieldset {
  margin-bottom: 10px;
  border: 1px solid;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  border-bottom: 1px dashed #277664;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; 
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; 
}
input, button{

    font-size:0.8em;
    border: thin solid #000000;

}

select{

    background-color:#fff;
    border:thin solid #000000;
    font-size:0.8em;
}

input:focus, select:focus{


    border-color:#f00;
}

*/
/*******************

TABELLE
********************/

table{

    background:#ddd;
    width:100%;
    margin-bottom: 10px;

}
tr.test{
    background:#adadad;

}
tr.border{
    border-bottom: 1px dashed #277664;
}
th{
    color:#000;
    background-color:#E4E4E4;
    font-size:0.8em;
    padding:0.5em;
}
/*
th.rcorner{
    color:#fff;
    background:#277664 url(/themes/default/it/images/menu_bg_dx.png) right top no-repeat ;;
    font-size:0.8em;
    padding:0.5em;
}
th.lcorner{
    color:#fff;
    background:#277664 url(/themes/default/it/images/menu_bg_sx.png) left top no-repeat ;;
    font-size:0.8em;
    padding:0.5em;
}
*/
td{
    background-color:#fff;
    text-align:center;
    font-size:0.8em;
    font-weight:normal;
     padding:0.5em;
     
}

td.evidence, th.evidence{
    background-color:#ddd;
    text-align:center;
    font-size:0.8em;
     padding:0.5em;
     background:yellow;
     font-weight:bold;

}
th.evidence{
    color:red;
}
a.tabnavlink{

    display:inline;
    text-decoration:none;
    color:#277664;

}
a.tabnavlink:hover{

    display:inline;
    text-decoration:underline;
    color:#277664;

}


table.formtablevert{

    width:70%;
    text-align:left;
    font-size:1em;
}
table.formtable td{

        
    text-align:left;
    font-size:1em;

}


/***TABELLA CEDOLINI***/
/*
table.contacts

{ 
    font-size: 1.5em;
    width: 95%;
background-color: #6699CC;
border: 1px #ff0000 solid;

border-collapse: collapse;
border-spacing: 3px;

margin: auto;}


td.contactDept
{ background-color: #277664;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #000000; }


td.contact
{
    border: 1px #ddd solid;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;

color: #404040;
background-color: #fafafa;
padding: 0.5em; }

*/

/********************
FOLDER
********************/
.folder{

    padding:0;
    background-color:#ddd;
    margin-bottom:4em;
}

.folderhead{
    margin: 0;
    padding:0;
}

.folderhead h3{

    margin-top: 0;
    
    background-color:#277664;
    color: #fff;
    width:10em;
    

}

.foldercontent{

    border-left: solid 1px #000;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    background-color:#277664;
    color: #fff;
    padding:1em;


}
.hidden{

    display:block;

}
/*
P A G I N A Z I O N E
*/

div.pagination{
font-weight:bold;
 width: 80%;
 margin-left:auto;
 margin-right:auto;
 margin-top: 3px;
 margin-bottom: 3px;
 text-align:center;
}

span.currpage{

    background-color:#277664;
    color:#ffffff;
    display:inline;
    border: 1px solid #277664;
    padding:0.2em;
    font-weight:bold;
}

span.page{

    background-color:#ffffff;
    color:#000000;
    font-weight:bold;
}

span.page a{
    background-color:#ffffff;
    color:#000000;
    text-decoration:none;
    display:inline;
    border: 1px solid #277664;
    padding:0.2em;
    font-weight:bold;
}
span.page a:hover{

    text-decoration:none;
    display:inline;
    background-color: yellow;

}

span.page, span.currpage{

    margin-right: 1em;

}
/* ----------- My Form ----------- */
#login-form{

    margin: 7em auto 0;
    width: 400px;
    text-align: center;
}
.mainform{
	margin:0 auto;
	width:400px;
        max-width:500px;
	padding:14px;
        background-color:#ffffff;
}
	/* ----------- basic ----------- */
	.basic{
		border:solid 2px #c7c7c7;
	}
	.basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
                background-color: #277664;
                color:#fff;
                padding-top:0.3em;
                padding-bottom:0.3em;
	}
	.basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}

        .basic p.separator{
		font-size:11px;
		color:#383838;
		margin-bottom:10px;
		border-bottom:solid 1px #383838;
		padding-bottom:10px;
	}

	.basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}

         .toolBar label{
		display:block;
		font-weight:bold;
		text-align:right;
                font-size:12px;
		width:140px;
		float:left;
	}
        .basic label em, .toolBar label em{
		color:red;
	}
	.basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
        .toolBar .small{
		color:#666666;
		display:block;
		font-size:10px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	.basic input, .basic select, .basic textarea ,.basic .basic_a{
		float:left;
		width:200px;
		margin:2px 0 10px 10px;
	}

        .toolBar input, .toolBar select, .toolBar textarea ,.toolBar .toolBar{
		float:left;
		width:200px;
		margin:2px 0 10px 10px;
	}

        .basic select, toolBar select{width:250px;}

        .basic input:focus, .basic select:focus, .basic textarea:focus{
		background-color:#c7b122;
	}

        .toolBar input:focus, .toolBar select:focus, .toolBar textarea:focus{
		background-color:#c7b122;
	}

	.basic button{
		clear:both;
		margin-left:150px;
		background:#277664;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;

	}
        .basic button:hover{
		clear:both;
		margin-left:150px;
		background:#c7b122;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

        .toolBar button{
		float:left;
		/*margin-left:5px;*/
		background:#1b5aa1;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
                margin:2px 0 10px 10px;
	}
        .toolBar button:hover{
		float:left;
		margin-left:5px;
		background:#c7b122;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

        .basic button.lft{

		margin-left:50px;
		background:#1b5aa1;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

        .basic button.rgt{

		margin-right: 50px;
		background:#1b5aa1;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

        .basic button.rgt:hover, .basic button.lft:hover{

		background:#c7b122;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

        .inline{
            display:block;
            float:left;
            margin-right:10px;
        }
/*errori*/
.loginerrors{
    list-style:none;
}
.loginerrors li{
    margin-bottom: 1em;
    color:red;
    background-color:white;
}