html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2;
}

div#bg { height: 100%; }

div#header {
  width: 800px;
  height: 50px;	 
  background-image:url(/images/telema/telema.png);
}

div#space {  height: 30px;	 }

div .smallContent {
	width: 450px;
    float: left;
}

div .bigContent {
}


A {color: #808080; text-decoration:none; }
A:hover {color: #000; }
  

.errorMessage { color: red; font-weight: bold; }

P.title { CLEAR: both; FONT-WEIGHT: bold; DISPLAY: inline-block; FONT-SIZE: 200%; MARGIN: 0px 0px 1em; }
P.intro { font-weight: bold; }
P.error { font-weight: bold; color: red; }
P.justify { text-align:justify;}

TABLE#list { text-align: left; width: 100%; color:#000000; border-collapse: collapse;}
TABLE#list TD { border-width: 0px; padding: 2px; border-style: solid; border-color: green;}
TABLE#list ul,li,ol { margin: 3px; padding: 3px;  }
TABLE#list TD.title { text-align: left; FONT-WEIGHT: bold; font-style: italic; FONT-SIZE: 16px; MARGIN: 0px 0px 1em; }
TABLE#list TD.link { text-align: left; }
TABLE#list TD.subtitle, TD.subtitleAlert { text-align: left; FONT-SIZE: 13px; FONT-WEIGHT: bold; color: #000; }
TABLE#list TD.subtitleAlert { color: red;  }
TABLE#list TD.note { text-align: right; font-size: 85%; cell-spacing: 5px; BORDER-BOTTOM: #ccc 1px dotted;}
TABLE#list TD.text { text-align: justify; padding: 5px; }

TABLE#core{ height: 100%; width: 752px; border-collapse: collapse; background-color: #DDDDDD; }
TABLE#core TD { border-width: 0px; padding: 0px; border-style: solid; border-color: green; }
TABLE#core TD.smallleft{ width: 19px; }
TABLE#core TD.middle{  vertical-align: top; }
TABLE#core TD.smallright{width: 19px; }
TABLE#core TD.header{ vertical-align: top;  align: right;}
TABLE#core TD.menu{      width: 140px; vertical-align: top; }
TABLE#core TD.container{ width: 612px; vertical-align: top;  align: left; }
TABLE#core TD.content{ vertical-align: top;  align: left; }
TABLE#core TD.sidebar{	 width: 160px; vertical-align: top; }
TABLE#core TD.column{ width: 10px;}
TABLE#core TD.row{    font-size: 2px; font: 2px/2px; }
TABLE#core TD.footer{  height: 1px; text-align: center; font-size: 12px; vertical-align:bottom; }

TABLE#sd {  border-collapse:collapse; background-color: #DDDDDD;}
TABLE#sd TD {border-width: 0px; padding: 0px; border-style: none;	border-color: green; }
TABLE#sd TD.tl_neutral    { width:6px; height:28px; );}
TABLE#sd TD.tc_neutral    {            height:28px; );  font-weight: bold;  }
TABLE#sd TD.tr_neutral    { width:6px; height:28px; );}
TABLE#sd TD.tl_site       { width:6px; height:28px; );}
TABLE#sd TD.tc_site       {            height:28px; );  font-weight: bold;  }
TABLE#sd TD.tr_site       { width:6px; height:28px; );}
TABLE#sd TD.tl_warning    { width:6px; height:28px; );}
TABLE#sd TD.tc_warning    {            height:28px; );  font-weight: bold;  }
TABLE#sd TD.tr_warning    { width:6px; height:28px; );}
TABLE#sd TD.tl_alert      { width:6px; height:28px; );}
TABLE#sd TD.tc_alert      {            height:28px; );  font-weight: bold;  }
TABLE#sd TD.tr_alert      { width:6px; height:28px; );}
TABLE#sd TD.tl_message    { width:6px; height:28px; );}
TABLE#sd TD.tc_message    {            height:28px; );  font-weight: bold;  }
TABLE#sd TD.tr_message    { width:6px; height:28px; );}
TABLE#sd TD.tl_empty { width:6px; height: 6px; }
TABLE#sd TD.tc_empty {            height: 6px;   font-weight: bold;  }
TABLE#sd TD.tr_empty { width:6px; height: 6px; }
TABLE#sd TD.ml_empty { width:6px;              }
TABLE#sd TD.mc_empty {                                   padding: 3px; }
TABLE#sd TD.mr_empty { width:6px;              }
TABLE#sd TD.bl_empty { width:6px; height:6px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.bc_empty {            height:6px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.br_empty { width:6px; height:6px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.tl_filled{ width:6px; height: 6px; }
TABLE#sd TD.tc_filled{            height: 6px;   font-weight: bold;  }
TABLE#sd TD.tr_filled{ width:6px; height: 6px; }
TABLE#sd TD.ml_filled{ width:6px;              }
TABLE#sd TD.mc_filled{                          padding: 3px; }
TABLE#sd TD.mr_filled{ width:6px;              }
TABLE#sd TD.bl_filled{ width:6px; height:6px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.bc_filled{            height:6px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.br_filled{ width:6px; height:6px;   font-size: 2px; font: 2px/2px ; }
TABLE#sd TD.tl_soft  { width:6px; height:30px; }
TABLE#sd TD.tc_soft  {            height:30px;   font-weight: bold;}
TABLE#sd TD.tr_soft  { width:6px; height:30px; }
TABLE#sd TD.ml_soft  { width:6px;              }
TABLE#sd TD.mc_soft  {                          padding: 3px; }
TABLE#sd TD.mr_soft  { width:6px;              }
TABLE#sd TD.bl_soft  { width:6px; height:8px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.bc_soft  {            height:8px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.br_soft  { width:6px; height:8px;   font-size: 2px; font: 2px/2px; }
TABLE#sd TD.tl_soft2  { width:3px; height:3px; }
TABLE#sd TD.tc_soft2  {            height:3px;   font-weight: bold;}
TABLE#sd TD.tr_soft2  { width:3px; height:3px; }
TABLE#sd TD.ml_soft2  { width:3px;             }
TABLE#sd TD.mc_soft2  {                         padding: 3px; }
TABLE#sd TD.mr_soft2  { width:3px;             }
TABLE#sd TD.bl_soft2  { width:3px; height:3px;  font-size: 2px; font: 2px/2px; }
TABLE#sd TD.bc_soft2  {            height:3px;  font-size: 2px; font: 2px/2px; }
TABLE#sd TD.br_soft2  { width:3px; height:3px;  font-size: 2px; font: 2px/2px; }


TABLE#blink{ width: 100%; border-collapse:collapse; font-weight: bold; color: #808080;}
TABLE#blink:hover {	text-decoration: underline; cursor: pointer; color:black; }
TABLE#blink TD {border-width: 0px; padding: 0px; border-style: none; }
TABLE#blink TD.l_neutral        { }
TABLE#blink TD.c_neutral        { background-color: #333; text-align:center; }
TABLE#blink TD.r_neutral        { }
TABLE#blink TD.r_neutral_arrow  { }
TABLE#blink TD.l_site           { }
TABLE#blink TD.c_site           {  text-align:center;}
TABLE#blink TD.r_site           { }
TABLE#blink TD.r_site_arrow     { }
TABLE#blink TD.l_warning        { }
TABLE#blink TD.c_warning        { background-color: #333;  text-align:center;}
TABLE#blink TD.r_warning        { }
TABLE#blink TD.r_warning_arrow  { }
TABLE#blink TD.l_alert          { }
TABLE#blink TD.c_alert          { background-color: #FFDDDD; text-align:center;}
TABLE#blink TD.r_alert          { }
TABLE#blink TD.r_alert_arrow    { }
TABLE#blink TD.l_message        { }
TABLE#blink TD.c_message        { color: white; background-color: #666; border-color: black; border-style: solid; border-width: 1px; text-align:center; }
TABLE#blink TD.r_message        { }
TABLE#blink TD.r_message_arrow  { }

table#form { width: 100%; }
table#form TD { vertical-align: top; padding: 2px; border-width: 0px; border-color: green; border-style: solid;}
TABLE#form TD.title { color: #333; BORDER-BOTTOM: #ccc 1px dotted; FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN: 0px 0px 1em; }
TABLE#form TD.subtitle { color: #333; BORDER-BOTTOM: #888 1px dotted; FONT-WEIGHT: bold; FONT-SIZE: 120%; MARGIN: 0px 0px 1em; }
TABLE#form TD.required, TD.notrequired { width: 12px;  }
TABLE#form DIV.w { width: 12px; background-color: EEEEEE; }
TABLE#form TD.required { background-image:url(/images/required.png); background-repeat:no-repeat;  }
table#form TD.label { color: #000; font-weight: normal; text-align: right;  width: 30%; }
table#form INPUT  {   }
table#form BUTTON {   }
table#form TEXTAREA {   }

.form_groove_outer {
	padding:0px;
	margin:0px;
	border-top:1px solid #669;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
.form_groove_inner {
	padding:0px;
	margin:0px;
	border-left:1px solid #669;
}

div#title{ font-size: 140%; font-style: italic; font-weight: bold; border-bottom: 1px dotted #aaa;}


/* Datasheet */
.form_groove_outer {
	padding:0px;
	margin:0px;
	border-top:1px solid #666;
	border-bottom:1px solid #ddd;
}
.form_groove_inner {
	padding:0px;
	margin:0px;
	border-left:1px solid #666;
	border-right:1px solid #ddd;
}

table#datasheet { width:100%; }
table#datasheet TD.h {
    padding:2px;
	background-color:#ddd;
	border-top:1px solid #eef;
	border-left:1px solid #eef;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	color:#003;
	font-size:.9em;
	font-weight:bold;
	text-align:left;
}
table#datasheet tr, th {
    text-align:right;
	padding:1px 3px 1px 1px;
	color:#222;
}
table#datasheet td {
	padding:2px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#fff;
	font-size:.9em;
}
table#datasheet td.c_even {
}
table#datasheet td.c_odd {
	background-color:#f8f8f8;
}

/* cognitivo */
TABLE#cognitivo { text-align: center; cell-spacing: 2px; border:0px; }
TABLE#cognitivo TD, TD.done, TD.todo, TD.annullata { padding: 2px; border-style: solid; border-color: gray; border-width: 1px; }
TABLE#cognitivo TD.todo { background-color: lightgray; }
TABLE#cognitivo TD.done { background-color: lightgreen; }
TABLE#cognitivo TD.annullata { background-color: darkgrey; }
TABLE#cognitivo TD.current { background-color: yellow; }

