/* Foglio di stile per i quiz */

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: default;
color: #000000;
background-color: #e6e6e6;
}

div, td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: default;
color: #000000;
}

.button1 {
font-weight: bold;
padding: 2px;
background-color: #ffba27;
border: 0;
color: #ffffff;
}

.inputtext {
border-width: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px;

border-color: #999999;
border-style: solid;
background-color: #f9f9f9;
}

a:link {color: #3b5367;}
a:visited {color: #5d7589;}
a:active {color: #193145;}
a:hover {color: #082034; }

.nowrap {white-space: nowrap;} 

.pagetitle{
font-size: 18px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
text-align: center;
padding: 10px 10px 20px 10px;
}

/* Tab Links */
.tabList { 
 clear: both; 
 border-bottom: 1px solid #999999;
 margin: 0; 
 padding-bottom: 19px; 
 padding-left: 0px; 
 }
.tabList ul, .tabList li {
 white-space: nowrap; 
 display: inline; 
 list-style-type: none; 
 margin: 0px 0px 10px 0px; 
 padding: 0; 
 }
.tabList .tabSelected, .tabList .tabActive a:link, .tabList .tabActive a:visited, 
.tabList .tabInactive { 
 background: #cccccc; 
 border: 1px solid #999; 
 color: #838383;
 float: left; 
 font-size: small; 
 font-weight: normal; 
 line-height: 14px; 
 margin-right: 8px;
 padding: 2px 10px 3px 10px; 
 text-decoration: none; 
 font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 }
 
.tabList .tabSelected { 
 background: #ffba27; 
 border-bottom: 1px solid #ffba27; 
 color: #ffffff; 
 }
 
.tabList .tabActive a:hover { 
 text-decoration: underline; 
 color: #ffffff;
 }
 
.tabList .tabInactive { 
 background: #ccc; color: #999;
 }
 
.tabContainer {white-space: nowrap;}

/* SideBar Content  */

#side-bar {
  width: 15em;
  float: left;
  clear: left;
 }

#side-bar div {
  padding-top: 1px;
}

.sideBarTitle {
  font-weight: bold;
  margin: 0 0 0.5em 2.5mm;
  padding: 1em 0 0 0;
  color: #ff9900;

}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 1.1em 0;
}

#side-bar li {
  margin: 0;
  padding: 0.1ex 0;  
}

#side-bar a, .thisPage {
  color: #838383;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 5mm;
  display: block;
  font-weight: bold;
}

.thisPage {
  color: black;
  background-color: #e6e6e6;
  padding-left: 5mm;
}

#side-bar a:hover {
  color: #ff9900;
  text-decoration: none;
  font-weight: bold;
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
}

#side-bar .sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

.lighterBackground {
  color: inherit;
  background-color: #e6e6e6;
}


/* Body Content  */

#mainbody {
  color: black;
  background-color: #e6e6e6;
  text-align: justify;
  line-height: 1.5em;
  margin: 0em 0em 0em 15em;
  padding: 0mm 5mm 5mm 5mm;
  border-left: 1px solid rgb(153,153,153);

}

#mainbody p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#mainbody a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#mainbody a:hover {
  text-decoration: none;
}

#mainbody h1 {
  color: #ff9900;
  font-size: 100%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
  border-bottom: 1px solid #999999;
}

#mainbody .topOfPage {
  color: #999999;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  
  padding: 0;
  float: right;
}

#mainbody > .topOfPage {
  margin: 2.75ex 1ex 0 0;  
}

dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 2em 2em;
  padding: 0;
}

.filterbar{
background-color: #e6e6e6;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
text-align: right;
white-space: nowrap;
}

.returntray{
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
padding: 5px 0px;
}

.footer{
background-color: #ff9900;
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #ffffff;
text-align: right;
padding: 1px 10px;
}

.center {text-align:center;}