body
{
/*
background: #838FA0  ../gif/bg.gif repeat-x top left;
  background: #FFF url(path/to/images/background.jpg) repeat-x top left;  

*/
  background: #838FA0  url(path/to/gif/bg.gif) repeat-x top left;

    color: #000000;
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;	

}

a:link
     {
	color: #ECF1F7;
     }

a:visited
     {
	color: #ECF1F7;
     }

a:hover, a:active
     {
	color: #2B3748;
     }

p{ color   : red;
	text-align: justify;
	text-indent: 12px;
 }

.TestoUserPsw
{
    color     : black;
	text-align: justify;
	text-indent: 12px;
}

.Intestazione {
      color   : #ff0000;
  font-size   : 14pt;
   text-align : left;
   text-indent: 12px;
  font-style  : normal; }




.page
     {
	background-color: #838FA0;
	color: #000000;
     }

td, th, p, li
     {
	color: #000000;
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
     }

.tborder
     {
	  background-color: #2b3748;
	  color: #ECF1F7;
     }

.tcat
   {
      background: #B9C2CF url(path/to/gif/bg.gif)  repeat-x top left;
      color: #2B3748;
	  font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   }

.tcatAssenze
   {
      background: #B9C2CF url(path/to/gif/bg.gif)  repeat-x top left;
  	color: #2B3748;
	font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   }

.tcat a:link
  {
	color: #2B3748;
	text-decoration: none;
  }

.tcat a:visited
   {
	color: #2B3748;
	text-decoration: none;
  }

.tcat a:hover, .tcat a:active
{
	color: #2B3748;
	text-decoration: underline;
}

.thead
{
/*	background: #B9C2CF url(hex10sion/misc/tableheading_bg.gif) repeat-x top left;
*/	
	background: #B9C2CF url(path/to/gif/bg.gif)  repeat-x top left;
	color: #495566;
	font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.thead a:link
{
	color: #2B3748;
	text-decoration: none;
}

.thead a:visited
{
	color: #2B3748;
	text-decoration: none;
}

.thead a:hover, .thead a:active
{
	color: #2B3748;
	text-decoration: underline;
}


.tfoot
{
	background-color: #959EAC;
	color: #000000;
}

.tfoot a:link
{
	color: #CCCCCC;
}

.tfoot a:visited
{
	color: #CCCCCC;
}

.tfoot a:hover, .tfoot a:active
{
	color: #CCCCCC;
}

.alt1, .alt1Active
{
	background-color: #959EAC;
	color: #000000;
}

.alt2, .alt2Active
{
	background-color: #A4AEB9;
	color: #000000;
}

.wysiwyg
{
	background-color: #959EAC;
	color: #000000;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #131619;
}

textarea, .bginput
{
	background-color: #B9C2CF;
	color: #000000;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.button
{
	background-color: #B9C2CF;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

select
{
	background-color: #B9C2CF;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.smallfont
{
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.time
{
	color: #FFFFFF;
	font-weight: bold;
}

.navbar
{
	color: #ECF1F7;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.highlight
{
	color: #CC9933;
	font-weight: bold;
}

.fjsel
{
	background-color: #A4AEB9;
	color: #495566;
}

.fjdpth0
{
	background-color: #A4AEB9;
	color: #495566;
}
	
.panelmodificadati
{
	background-color: #A7AEB9;
	color: #495566;
	padding: 10px;
	
}


.panel
{
	background-color: #A4AEB9;
	color: #495566;
	padding: 10px;
	
}

.panelsurround
{
	background-color: #A4AEB9;
	color: #495566;
}

.panelmodifica
{
	background-color: #CCFFFF;
	color: #495566;
}

legend
{
	color: #FFFFFF;
	font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.vbmenu_control
{
/*	background: #B9C2CF url(hex10sion/misc/pop_bg.gif) repeat-x top left;
	background: #B9C2CF url(hex10sion/misc/pop_bg.gif) repeat-x top left;
*/
    color: #495566;
	font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}

.vbmenu_control a:link
{
	color: #495566;
	text-decoration: none;
}

.vbmenu_control a:visited
{
	color: #495566;
	text-decoration: none;
}

.vbmenu_control a:hover, .vbmenu_control a:active
{
	color: #495566;
	text-decoration: underline;
}

.vbmenu_popup
{
	background-color: #A4AEB9;
	color: #495566;
	border: 1px solid #131619;
	text-align: left;
}

.vbmenu_option
{
	background-color: #A4AEB9;
	color: #495566;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #131619;
}

.vbmenu_option a:link
{
	color: #F1F1F1;
	text-decoration: none;
}

.vbmenu_option a:visited
{
	color: #F1F1F1;
	text-decoration: none;
}

.vbmenu_option a:hover, .vbmenu_option a:active
{
	color: #FFFFFF;
	text-decoration: none;
}

.vbmenu_hilite
{
	background-color: #ECF1F7;
	color: #101A21;
	font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #131619;
}

.vbmenu_hilite a:link
{
	color: #101A21;
	text-decoration: none;
}

.vbmenu_hilite a:visited
{
	color: #101A21;
	text-decoration: none;
}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
	color: #101A21;
	text-decoration: none;
}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { 
margin-bottom: 6px; 
border: 1px solid #000000;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li {font-size: 11px;}

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }

Table.border {
border-left: 1px #949FAD solid;
border-right: 1px #949FAD solid;
border-bottom: 1px #949FAD solid;
}

.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #CFD7E2;
border-top: 1px solid #666D75;
border-right: 1px solid #666D75;
border-left: 1px solid #666D75;
border-bottom: 1px solid #666D75;
margin-bottom: 3px;
}

.aborder {
border: 1px solid #000000;
}