.portalTitle           { font: normal 30px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; }
.headTable             { background-image: url(images/headTableBack.gif); }
.coloredBlock01        { background-color: #5882B5; }
.coloredBlock02        { background-color: #FFFFFF; }
.coloredBlock03        { background-color: #CC0000; }
.coloredBlock04        { background-color: #666666; }
.coloredBlock05        { background-color: #A8A8A8; }
.coloredBlock06        { background-color: #333333; }

.box1Title, .skinTitle { font: normal 14px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; }
.box2Title			       { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }

/*
.tableSimple           { width: 100%; padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; }
.tableSimple TD        {              padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; }
*/

.skBack01		{ background-color: #5882B5; }
.skBack02		{ background-color: #666666; }
.skBack03		{ background-color: #FFFFFF; }
.skBack04		{ background-image: url(images/box1_shadow.gif);     }
.skBack05		{ background-image: url(images/Box1_left.gif);       }
.skBack06		{ background-image: url(images/box1_back.gif);       }
.skBack07		{ background-image: url(images/box1_right.gif);      }
.skBack08		{ background-image: url(images/box1_bottom.gif);     }
.skBack09		{ background-image: url(images/box1_topRight.gif);   }
.skBack10		{ background-image: url(images/box1_bottmRight.gif); }
.skBack11		{ background-image: url(images/box1_bottomLeft.gif); }
.skBack12		{ background-image: url(images/box2_bottomLeft.gif); }
.skBack13		{ background-image: url(images/box2_bottomRight.gif);}
.skBack14		{ background-image: url(images/box2_bottom.gif);     }
.skBack15		{ background-image: url(images/box2_right.gif);      }
.skBack16		{ background-image: url(images/box2_ligne.gif);      }
.skBack17		{ background-image: url(images/box2_topLeft.gif);    }
.skBack18		{ background-image: url(images/box2_topRight.gif);   }

.skinText01		{ color: #FFFFFF; }

/* --- CSS for new portal mechanics skin -----------------------------------------------------------------------  */

DIV.JSS {
  background: #FFFFFF url("images/box1_back.gif") repeat;
}
DIV.JSS DIV.header{
  font: normal  14px "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
  line-height:  26px;
  text-align:   left;
  border-style: solid;
  border-width: 1px 1px 4px 1px;
  border-color: #666666 #366093 #5882B5 #666666;
  background: #FFFFFF url("images/box1_titleBullet.gif") no-repeat;
  padding-left: 25px;
  white-space: nowrap;
  height: 26px;
  overflow: visible;
}
DIV.JSS DIV.header TABLE{
  overflow: hidden;
}
DIV.JSS DIV.header IMG {
  vertical-align: middle;
}
DIV.JSS DIV.header IMG.expand {
  background-image: url("images/expand.gif");
  width:  16px;
  height: 24px;
}
DIV.JSS DIV.header IMG.minimize {
  background-image: url("images/minimize.gif");
  width:  16px;
  height: 24px;
}
DIV.JSS DIV.content{
  background: #FFFFFF url("images/box1_back.gif") repeat;
  border-left:    1px solid #BBBBBB;
  border-right:   1px solid #BBBBBB;
  height: 100%;
  overflow: visible;
}
DIV.JSS DIV.footer{
  background-color: #5882B5;
  border: 1px solid #6993C6;
  height: 8px;
  font-size: 1pt;
}
DIV.JSS2 {
 border-style: solid;
 border-width: 0px 2px 2px 0px;
 border-color: #666666 #CCCCCC #CCCCCC #666666;
}
DIV.JSS2 DIV.header2{
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  background-color: #AAAAAA;
  color: #FFFFFF;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  height: 20px;
  padding-left: 10px;
  border-style: solid solid dotted solid;
  border-width: 1px 1px 2px 1px;
  border-color: #666666 #888888 #FF9900 #666666;
}
DIV.JSS2 DIV.content{
  background: #EEEEEE url("images/box1_back.gif");
  padding: 0px 5px 5px 5px;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #666666 #888888 #888888 #666666;
  height: 100%;
  overflow: auto;
}
DIV.JSS  DIV.content A,
DIV.JSS2 DIV.content A{
  color: #5882B5;
}