/* Classic */
.classic                        { font: 16px; }
.classic TABLE                  { font: 16px/19px; }
.classic .normal,
.classic .normal TABLE          { font: 16px/19px; }
.classic .special,
.classic .special TABLE         { font: 12px/19px sans-serif; }
.classic .legend                { font: oblique 16px/19px; }
.classic CODE, .classic PRE     { font: 16px/19px monospace; }
.classic CODE		      		      { background: #F7F7F7; white-space: nowrap; }
.classic H1                     { font: bold 17px Verdana, sans-serif; }
.classic H2                     { font: bold 12px Verdana, sans-serif; }
/*.classic H2                     { font: bold 1.1em Verdana, sans-serif; }
.classic H3                     { font: bold 1em Verdana, sans-serif; }*/
.classic OL LI                  { list-style-position: inside; }
.classic UL LI                  { list-style: square inside; }
.classic TABLE                  { border-collapse: collapse; }
.classic THEAD TD               { font: bold 15px Verdana, sans-serif; background: #E0E0E0; }
.classic TFOOT TD               {                                      background: #F0F0F0; }
.classic .quotation { 
	border-left-width: 0.4em;
	border-left-style: solid;
	border-left-color: #d2d2d2;
	float: left;
	background: #efefef url(../images/jalios/layout/bg_quote_right.gif) no-repeat right bottom;
	padding: 0.4em 0.6em 1.5em 0.6em;
	text-align: justify;
}
.classic TABLE.tablelayout { border-collapse: collapse; }
.classic TD .tablelayout { border: 0px; }


/* Proportional Classic */
.pourcent, .pourcent TABLE      { font: 100%/120%; }
.pourcent .normal,
.pourcent .normal TABLE         { font: 100%/120%; }
.pourcent .special,
.pourcent .special TABLE        { font: 80%/150% sans-serif; }
.pourcent .legend               { font: oblique 100%; }
.pourcent CODE, .pourcent PRE   { font: 100%/120% monospace; }
.pourcent CODE                  { background: #F7F7F7; white-space: nowrap; }
.pourcent H1                    { font: bold 110% Verdana, sans-serif; }
.pourcent H2                    { font: bold 80% Verdana, sans-serif; }
.pourcent OL LI                 { list-style-position: inside; }
.pourcent UL LI                 { list-style: square inside; }
.pourcent TABLE                 { border-collapse: collapse; }
.pourcent TD, .pourcent TH      { border: 1px solid #000; padding: 2px 4px; }
.pourcent THEAD TD              { font: bold 90% Verdana, sans-serif; background: #E0E0E0; }
.pourcent TFOOT TD              {                                      background: #F0F0F0; }

/* Modern Red */
.red, .red TABLE                { color: #222222; font: 11pt/14pt Verdana, sans-serif; }
.red .normal,
.red .normal TABLE              { font: 11pt/14pt Verdana, sans-serif; }
.red .special,
.red .special TABLE             { font: 13pt/14pt; }
.red .legend                    { font: 12pt/14pt Georgia,; }
.red CODE, .red PRE             { font: 12pt/14pt monospace; }
.red CODE                       { background: #FFF0F0; white-space: nowrap; }
.red H1                         { color: #CC0E00; font-weight: bold; font-size: 15pt; }
.red H2                         { color: #880A00; font-weight: bold; font-size: 13pt; }
.red A                          { color: #FF2110 ! important; }
.red A:hover                    { color: #FF2110; }
.red OL LI                      { list-style : upper-alpha outside; padding-bottom: 6pt; }
.red UL LI                      { list-style : none outside url(../images/jalios/icons/bulletSquareRed.gif); padding-bottom: 6pt; }
.red TABLE                      {                                                            border: 1pt solid #880A00; }
.red TD                         {                                    text-align: left;   border: 1pt solid #CC0E00; padding: 3pt 6pt; }
.red TH                         { color: #880A00; font-weight: bold; text-align: center; border: 1pt solid #FF2110; padding: 3pt 6pt; }
.red THEAD TD                   { color: #FFFFFF; font-weight: bold; text-align: center; border: 1pt solid #FF2110; background: #CC0E00; }
.red TFOOT TD                   { color: #CC0E00; font-size: 10pt;   text-align: right; }
.red .quotation  { 	
  border-top: 1px dotted #878787;	
  border-bottom: 1px dotted #878787; 
  border-left: 0;
  float: left;
	margin: 0.1em 0.5em 0.8em 0.5em;
	background: #f7f7d7 url(../images/jalios/layout/bg_quote_left02.gif) no-repeat left top;
	padding: 1em 0.8em 1em 3.6em;
	text-align: justify;
}

/* Modern Gray */
.gray, .gray TABLE              { color: gray; font: 10pt/11pt Verdana, sans-serif; }
.gray .normal,
.gray .normal TABLE             { font: 10pt/11pt Verdana, sans-serif; }
.gray .special,
.gray .special TABLE            { font: 12pt/11pt Garamond,; }
.gray .legend                   { font: oblique 10pt/11pt Georgia,; }
.gray CODE, .gray PRE           { font: 12pt/11pt monospace; }
.gray CODE                      { background: whitesmoke; white-space: nowrap; }
.gray H1                        { color: black; font-weight: bold; font-size: 15pt; }
.gray H2                        { color: gray;  font-weight: bold; font-size: 13pt; }
.gray A                         { color: gray ! important; }
.gray A:hover                   { color: #696969 ! important; text-decoration: underline overline ! important; }
.gray OL LI                     { list-style : lower-roman outside; }
.gray UL LI                     { list-style : none outside url(../images/jalios/icons/bulletSquareRightArrow.gif); }
.gray TABLE                     {                                                               border: 1px solid black; }
.gray TH                        { font-weight: bold;                   background: gainsboro; border: 2px solid silver; text-align: left; }
.gray TD                        { font-weight: bold;                   background: white;     border: 1px solid silver; text-align: right; }
.gray THEAD TD                  { font-weight: bold; font-size: 13pt; background: lightgrey; border: 3px solid silver; text-align: center; }
.gray TFOOT TD                  { font-weight: bold; font-size: 10pt; background: lightgrey; border: 2px solid silver; text-align: right; }