body {
        scrollbar-3dlight-color : #E0E0E0;
        scrollbar-arrow-color : #8D887A;
        scrollbar-darkshadow-color : #DED6BD;
        scrollbar-face-color : #F7F7EF;
        scrollbar-highlight-color : #F7F7EF;
        scrollbar-shadow-color : #EAE4D5;
        scrollbar-track-color : #DEEBF6;
}

.scroll {
        scrollbar-3dlight-color : #E0E0E0;
        scrollbar-arrow-color : #8D887A;
        scrollbar-darkshadow-color : #DED6BD;
        scrollbar-face-color : #F7F7EF;
        scrollbar-highlight-color : #F7F7EF;
        scrollbar-shadow-color : #EAE4D5;
        scrollbar-track-color : #DEEBF6;
        background-color: #FFFFFF;
}

.text 			{text-decoration:none;font-size:11px;color:black;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
.text_mitja 		{text-decoration:none;font-size:13px;color:black;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
.text_gran 		{text-decoration:none;font-size:15px;color:black;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
.text_gris 		{text-decoration:none;font-size:11px;color:#4A4A4A;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
.text_blaufosc 		{text-decoration:none;font-size:11px;color:#295E8C;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}

A.link_mail:visited  	{text-decoration:none;font-size:11px;color:blue;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
A.link_mail:hover  	{text-decoration:underline;font-size:11px;color:black;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
A.link_mail:link  	{text-decoration:none;font-size:11px;color:black;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}

A.link_mail2:visited  	{text-decoration:none;font-size:12px;color:blue;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
A.link_mail2:hover  	{text-decoration:underline;font-size:12px;color:black;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}
A.link_mail2:link  	{text-decoration:none;font-size:12px;color:black;font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';}

.taula_fosca_panell 	{text-decoration:none;color:#FFFFFF;font-size:11px;font-family:FreeSans,Verdana,Arial,Helvetica;background:#5A555A;}
.taula_clara_panell 	{text-decoration:none;color:#000000;line-height:18px;font-size:11px;font-family:FreeSans,Verdana,Arial,Helvetica;background:#A5A6A5;}
.text_normal_panell 	{text-decoration:none;color:black;font-size:11px;font-family:FreeSans,Verdana,Arial,Helvetica;}

.taula_fosca 		{text-decoration:none;color:#000000;font-size:11px;font-family:FreeSans,tahoma,Verdana,Arial,Helvetica;background:#C9C9BE;}
.taula_clara 		{text-decoration:none;color:#000000;line-height:18px;font-size:11px;font-family:FreeSans,tahoma,Verdana,Arial,Helvetica;background:#E4E4DA;}
.text_vermell 		{text-decoration:none;font-size:11px;color:red;font-family:FreeSans,Verdana,Arial,Helvetica;}
.text_normal 		{text-decoration:none;font-size:11px;color:black;font-size:12px;font-family:FreeSans,tahoma,Verdana,Arial,Helvetica;}
.text_gran 		{text-decoration:none;font-size:11px;color:black;font-size:15px;font-family:FreeSans,tahoma,Verdana,Arial,Helvetica;font-weight:bold}

.boto { background-color: #C9C9BE; font-family:'FreeSans,tahoma,Verdana,Arial,Helvetica';font-size:12px;font-weight:bold}

.htmlarea { background: #fff; }

.htmlarea .toolbar {
  cursor: default;
  background: #F2F2EC;
  padding: 1px 1px 2px 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar table { font-family: FreeSans,tahoma,Verdana,Arial,Helvetica,verdana,sans-serif; font-size: 11px; }
.htmlarea .toolbar img { border: none; }
.htmlarea .toolbar .label { padding: 0px 3px; }

.htmlarea .toolbar .button {
  background: #F2F2EC;
  color: ButtonText;
  border: 1px solid #F2F2EC;
  padding: 1px;
  margin: 0px;
}
.htmlarea .toolbar .buttonHover {
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
  padding: 2px 0px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.htmlarea .toolbar .buttonPressed {
  background: ButtonHighlight;
}
.htmlarea .toolbar .indicator {
  padding: 0px 3px;
  overflow: hidden;
  width: 20px;
  text-align: center;
  cursor: default;
  border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .buttonDisabled { background-color: #aaa; }

.htmlarea .toolbar .buttonDisabled img {
  filter: alpha(opacity = 25);
  -moz-opacity: 25%;
}

.htmlarea .toolbar .separator {
  position: relative;
  margin: 3px;
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  width: 0px;
  height: 16px;
  padding: 0px;
}

.htmlarea .toolbar .space { width: 5px; }

.htmlarea .toolbar select { font: 11px Tahoma,Verdana,sans-serif; }

.htmlarea .toolbar select,
.htmlarea .toolbar select:hover,
.htmlarea .toolbar select:active { background: FieldFace; color: ButtonText; }

.htmlarea .statusBar {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 4px;
  background-color: #F2F2EC;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
}

.htmlarea .statusBar .statusBarTree a {
  padding: 2px 5px;
  color: #00f;
}

.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
.htmlarea .statusBar .statusBarTree a:hover {
  background-color: Highlight;
  color: HighlightText;
  padding: 1px 4px;
  border: 1px solid HighlightText;
}


/* Hidden DIV popup dialogs (PopupDiv) */

.dialog {
  color: ButtonText;
  background: #F2F2EC;
}

.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  font: 11px Tahoma,Verdana,sans-serif;
}

.dialog table { border-collapse: collapse; }

.dialog .title {
  background: #008;
  color: #ff8;
  border-bottom: 1px solid #000;
  padding: 1px 0px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}

.dialog .title .button {
  float: right;
  border: 1px solid #66a;
  padding: 0px 1px 0px 2px;
  margin-right: 1px;
  color: #fff;
  text-align: center;
}

.dialog .title .button-hilite { border-color: #88f; background: #44c; }

.dialog button {
  width: 5em;
  padding: 0px;
}

.dialog .buttonColor {
  padding: 1px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor-hilite {
  border-color: #000;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  height: 0.6em;
  border: 1px solid;
  padding: 0px 1em;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor { padding: 0px; }
.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }

.dialog .label { text-align: right; width: 6em; }
.dialog .value input { width: 100%; }
.dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }

.dialog legend { font-weight: bold; }
.dialog fieldset table { margin: 2px 0px; }

.popupdiv {
  border: 2px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.popupwin {
  padding: 0px;
  margin: 0px;
}

.popupwin .title {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  letter-spacing: 2px;
}

form { margin: 0px; border: none; }

.ov {background-color: #DEEBF6}
.ou {background-color: #FFFFFF}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #D8D2BD;
padding: 2px;
background-color: #F2F2ED;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#F2F2ED,direction=135);
}