/* Definizioni per il corpo della pagina HTML */

body {
  background-color: white;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


b {
  font-size: 110%;
} 

img {
  border:0;
}

#topsection {
  background-color: white;
  background-image: url();
}

#topdiv {
  background: #BB9360;
  height: 5px;
}

#topsection h1 {
  margin: 0;
  padding-top: 15px;
}

#top_title {
  width  : 100%;
  padding: 10px 10px 10px 10px;
}

#top_title h1 {
  color      : #00AAD2;
  font-weight: bold; 
  font-size  : xx-large;
  text-align : center;  
}

#top_title h2 {
  color      : #00AAD2;
  font-weight: bold; 
  font-size  : normal;
  text-align : center;    
}

#contentwrapper {
  float: left;
  width: 100%;
}

#contentcolumn {
  padding-top: 5px;
  margin: 0 250px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn {
  padding-top: 5px;
  float: left;
  width: 200px; /*Width of left column in percentage*/
  margin-left: -100%;
  background: #00AAD2;
}

#rightcolumn { 
  padding-top: 5px;
  float: left;
  width: 250px; /*Width of right column in pixels*/
  margin-left: -250px; /*Set margin to that of -(RightColumnWidth)*/
  background: #86BC25;
}

#footer {
  clear: left;
  width: 100%;
  background: #BB9360;
  color: black;
  text-align: center;
  padding: 4px 0;
}
        
.msg {
  border: solid white;     
  font-size: larger;      
  clear: left;
  width=100%;  
  text-align: center;
  padding: 4px 4px;
}
        
#msg_err {
  color: white;      
  background-color: red;      
}       
  
#msg_wng {
  color: red;      
  background-color: yellow;      
}        
  
#msg_ok {
  color: white;      
  background-color: green;      
}        
        
#footer a {
  color: #FFFF80;
}

#message td {
  background-color: #00cc00; 
  text-align : center;
  color      : red; 
  font-weight: bold; 
  font-size  : xx-large;
}
        
.innertube {
  margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
}


#t_login th {
  background-color: #00AAD2; 
  font-family: sans-serif;
  font-weight: bold; 
  font-size: 200%; 
  text-align: center;
  color: Black;
}

#t_login tr {
  background-color: #00AAD2; 
  font-family: sans-serif;
  font-size: 120%; 
  color: Black;
}

.sidebarmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: bold 13px Verdana;
  width: auto; /* Main Menu Item widths */
  border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li {
  position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
  display: block;
  overflow: auto; /*force hasLayout in IE7 */
  color: white;
  text-decoration: none;
  padding: 6px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active {
  background-color: #00AAD2; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited {
  color: white;
}

.sidebarmenu ul li a:hover{
  background-color: #BB9360;
}

/*Sub level menu items */
.sidebarmenu ul li ul {
  position: absolute;
  width: 170px; /*Sub Menu Items width */
  top: 0;
  visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
  background: url(../images/right.gif) no-repeat 97% 50%;
}

#tb_dati {
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  width: 100%;
  /*border-collapse: collapse;*/
}

#tb_dati tr {
  color: black;
  background-color:lightgray;
}

#tb_dati tr.alt {
  color: black;
  background-color:gray;
}

#tb_dati th {
  border: 1px solid black;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 4px;
  background-color: #86BC25;
  color: white;
}

#tb_dati td {
  border: 1px solid black;
  padding: 5px 5px 5px 5px;
}

.feedbackform {
  padding: 5px;
}

div.fieldwrapper {    /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
  width: 100%;
  overflow: hidden;
}

div.fieldwrapper label.styled { /* label elements that should be styled (left column within fieldwrapper DIV) */
  float: left;
  width: 20%;              /*width of label (left column)*/
  background: #00AAD2; 
  padding: 5px 5px 5px 5px;
  text-transform: uppercase;
  margin-right: 15px;        /*spacing with right column*/
}

div.fieldwrapper div.thefield { /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
  float: left;
  width: 60%;              /*width of label (left column)*/
  background: lightgray; 
  padding: 5px 5px 5px 5px;
  margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thecond { /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
  float: left;
  width: 10%;              /*width of label (left column)*/
  background: gray; 
  padding: 5px 5px 5px 5px;
  margin-bottom: 10px; /* space following the field */
}
        
div.fieldwrapper div.thefield input[type="text"] { /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
  /*width: 250px;*/
}

div.fieldwrapper div.thefield textarea { /* style for TEXTAREA fields. */
  font-family: courier;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
  margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input { /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
  width: 80px;
  background: #e1dfe0;
}