/* - ploneCustom.css - */
@media all {
/*  (do not remove this :) */
/*  (not this either :) */

/* --------------------------------------------------------------------------------
 * lecteur vidéo : ombrage firefox - PF - 04 avril 2011
 * + bordure blanche
 * --------------------------------------------------------------------------------*/

#videos a {	
 -moz-box-shadow: 8px 8px 20px #000000; 
 -webkit-box-shadow: 8px 8px 20px #000000;
 outline: none;
}

#videos  object, #videos  img{	
 border:3px solid white;
} 


*+html li.colonne1 li, *+html li.colonne2 li {
 list-style-image: url(pucePomme.png);
 list-style-type: none;
 position:relative;
 top:20px;
 margin-bottom:30px ! important;
}

*+html a.item, *+html a.item:visited {
position:relative;
line-height: 1.5em;
top:-10px;
}


div.pageThemeContainer {
 border: 0px solid #0ADD00;
 position: relative;
 width: 800px;
 padding-bottom: 470px;
 margin-bottom: 10px;
 margin: 0 auto;   /* alignement centre dur la page */
}


ul.pageTheme {
 margin: 0px;
 width: 800px;    /* largeur de la colonne1 + colonne 2 */
}

li.colonne1, li.colonne2 {
 list-style-image: none;
 list-style-type: none;
 width: 347px;
 border: solid 0px #0ADD00; /* vert pomme */ 
 float: left;
} 

li.colonne2 {
 padding-left: 50px;
} 

li.colonne1 {
 padding-left: 10px;
} 



li.colonne1 li, li.colonne2 li {
 list-style-image: url(pucePomme.png);
 list-style-type: none;
}


ul.pageTheme a:visited,
ul.pageTheme a.item, 
ul.pageTheme a.item:visited { 
 border-bottom: 0px !important;
 position: relative;
 top: -8px;
 color: #0979C5;              /* bleu du logo ACCES */
 font-family: Trebuchet MS;
 font-size: 13pt;
}

ul.pageTheme  .link-external {
 padding: 0px !important;
}

ul.pageTheme a.sousItem ,
ul.pageTheme a.sousItem:visited {
 color: #436976;
 font-size: 100%;
 font-weight: bold;
 font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
 border-bottom: 1px solid #CCCCCC !important;
 top: 0px;
}

li.colonne1 li li, li.colonne2 li li {
 list-style-image: none;
 list-style-type: none;
 position: relative;
 left: -19px;
}

/*
**  --------------------------------------------------------------------------------------------------------------
** 
**   Code  [Original] 
**   [Ph. Federici] – SCI INRP
**   Date de dernière modification : [17 juin 2008]
**   Fichier : [PloneCustom.css]
**   Site web : [acces]
**
**   Emplacement : [portal_skins/plone_scripts -> skinAcces/]
**   Modification : 
**   Objectif : 
**  --------------------------------------------------------------------------------------------------------------
*/

/* --------------------------------------------------------------------------------
 * folder_with_thumbs (vue avec vignetttes) - PF - 04 sept 2009
 * 
 * --------------------------------------------------------------------------------*/

div.skinAcces dl dl.noLine {
  border-bottom: none;
}


div.skinAcces dl dl {
  margin-left: 25px;
  position: relative;
  clear: both;
  width: 740px;
  border-bottom: solid 1px #D6E1E6;
}

.skinAcces dl dl dt {
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 1.2em ;
  margin-left: 10px;
  float: left;
  width: 128px;
}

img.skinAcces {
  padding-bottom: 10px;
  margin-right: 10px; 
}


.skinAcces dl dl dd {
  margin-top: 10px;
  line-height: 1.2em ;
  margin-bottom: 10px;
  margin-left:25px;
  float: left;
  width: 560px;

}


.skinAcces .Title {
font-family: Trebuchet MS;
font-size: 125%;
font-weight: bold;
text-transform: none;
}


.skinAcces .description {
  padding-top: 10px;
  font-weight:normal;
  padding-bottom: 5px;
}

.documentDescription {
font-weight:normal;
}

img.lireLaSuite {
  vertical-align: baseline;
  padding-right: 3px;
  margin-left: 0px;
}

.skinAcces .documentByLine {
  margin-left: 0px;
  position: relative;
  top: 4px;
}

.dateAcces {
font-style:italic;
margin-top: -2px;
margin left: 19px;
}


.skinAcces h1, h2, h3, h4, h5, h6 {
background-color:transparent;
border-bottom:1px solid #8CACBB;
color:Black;
font-family:Trebuchet Ms, Lucida Grande, Verdana,Lucida,Helvetica,Arial,sans-serif;
font-weight:normal;
margin:0pt 0pt 0.25em;
}

.skinAcces .state-published {
color:#438DC6!important;
}

.documentContent dd a {
border-bottom:0px ;
}

/*.................................

.skinAcces dl {
line-heigth: 1,5em;
}

*/

/* |||||||||||||||||||||  LARGEUR DE 110 POUR LE RETOUR A LA LIGNE DE PSPAD    |||||||||||||||||||||||||||||/*

                /*****************************************************************************
                *                                                                            *   
                *              MENU HORIZONTAL DEROULANT  PRINCIPAL ACCES                    *
                *                                                                            *
                *                   Code [Original]                                          *
                *   [Intégration: Ph. Federici - Infographie: G. Roussel] – SCI INRP         *
                *   Date de dernière modification : [24 avril 2009]                          *
                *   Fichier : [ploneCustom.css]                                              *
                *   Site web : [acces]                                                       *
                *                                                                            *
                *   Emplacement : [inst_xxxx/Products/xxxx/]  [portal_skins/custom]          *
                *   Modification : voir les commentaires dans le texte                       *
                *   Objectif : comme son nom l'indique                                       *                
                *                                                                            *
                ******************************************************************************/


#menuH {
 z-index: 5;
 position: absolute;
 top: 19px;
 left: 270px;
 width: 700px;
 margin-bottom: 0px !important; /* pour contrer  la feuille de sytle de Plone sur ce point */
 line-height: 0em !important; /* pour contrer  la feuille de sytle de Plone sur ce point */
}

#menuH li {
 margin-bottom: 0px !important; /* pour contrer  la feuille de sytle de Plone sur ce point */
} 
#menuH a {
 text-decoration: none;
 color: #0979C5;              /* bleu du logo ACCES */
}


/*------NIVEAU 1 du menu déroulant Horizontal --------------------------------------------------------------*/

#menuH ul {
 list-style: none;                
 margin : 0px;
 padding: 0px;
 width: 700px;
}

  
#menuH ul li {
 float: left;
 position: relative;  
 top: 0px;
 left: 0px;
              
/* width: 119px;*/ 
 padding-left: 6px;
 padding-right: 6px;
 text-align: center;
 font-family: Trebuchet MS;
 font-size: 10.8pt;
 font-weight: bold;
 letter-spacing: -0.06em; /* condensé */
 border-right: solid 2px #0ADD00; /* vert pomme */ 
 height: 18px;                    /* détermine: hauteur des barres vertes +hauteur de ttes ls lignes */
}

/* --> Remarques : obligé de faire du float: left et pas du display: inline sur le LI car sur du display inline, on est
dans une logique chaîne de caractère et le width du LI n'est pas appliqué, on ne pourrait donc pas régler la largeur des sous menus avec un display inline.

Le "position: relative" ; pour que ça s'empile à gauche contre le LI précédent. 
Si c'était position absolute ils se colleraient tous à gauche en s'empilant les uns sur les autres
top et left fixent la position du premier LI par rapport au conteneur le plus proche avec un attribut "position", ici menuH
*/

#menuH ul li:last-child {
border-right: solid 0px #0ADD00;  
}

/* --> Remarques : pour ne pas avoir la petite barre verte de séparation sur le dernier élément*/

#menuH ul li:hover {
/* padding-bottom: 2px;  pour rapprocher menus et sous menus */
 background-color: #CDE4F2; /* bleu ciel */
 display: block; /* sans ce display block, le fond ne s'applique qu'au lien a, pas à la ligne */ 
 height: 18px;   /* détermine la hauteur du fond bleu ciel =  la même que pour la barre vert pomme */
}


/*------NIVEAU 2 du menu déroulant Horizontal --------------------------------------------------------------*/

#menuH ul li ul {
 list-style: none;
 position: absolute;
 top: 18px; /*positionne le souMenu par rapport au LI correspondant de niveau 1 */
 left: -2px;
 width: 100%; /* donc largeur de son conteneur : le LI de niveau 1 en float left de width = 119px */
}

#menuH ul li ul li {
 display: none;  /* niveau 2 masqué par défaut */
 background: transparent url(transparent.png); /* transparence pour le niveau 2 */
}          


#menuH ul li:hover ul li {
 display: block;
 top: 3px; /* distance entre le LI de niveau 1 et le premier LI de niveau 2 */
 width: 165px; /* pour fixer une largeur du sous-menu différente de celle du menu */
 padding-left: 5%;  /* largeur fixée par le LI de niveau 1, on prends une petite marge à gauche de 5%*/
 border: none;
 text-align: left;
 font-family: Trebuchet MS;
 font-size: 11.5px;
 font-weight: normal;
 letter-spacing: 0em; /* légèrement étendu*/
 margin-top: 1px;  /* fixe la distance verticale entre chaque LI de niv2 */
}

#menuH ul li:hover ul li:last-child {
 border-bottom: solid 1px #969696;      /* gris */
}

#menuH ul li ul li:hover {
 top: 3px;
 background-color: #CDE4F2; /* bleu ciel */
 background-image: none; /* sinon on a l'opacité plus la couleur de fond */
 margin-top: 1px; /* fixe la distance verticale entre chaque LI de niv2 */
}

/*----------- LARGEUR de chaque SOUS-MENU opimisées pour firefox ----------*/

#menuH ul li:hover ul.sousMenu1 li {
 width: 205px; /* pour fixer une largeur du sous-menu différente de celle du menu */
}

#menuH ul li:hover ul.sousMenu2 li {
 width: 178px; /* pour fixer une largeur du sous-menu différente de celle du menu */
}

#menuH ul li:hover ul.sousMenu3 li {
 width: 328px; /* pour fixer une largeur du sous-menu différente de celle du menu */
}

#menuH ul li:hover ul.sousMenu4 li {
 width: 181px; /* pour fixer une largeur du sous-menu différente de celle du menu */
}

#menuH ul li:hover ul.sousMenu5 li {
 width: 155px; /* pour fixer une largeur du sous-menu différente de celle du menu */
}


/* -----------------------------------------------------------------------------------------------------------
 *                                             SKIN ACCES
 * 
 *                                            (P.F. 23/02/09).
 * ----------------------------------------------------------------------------------------------------------*/

body {
background-image: url(portal_skins/skinAcces/images/fondu);
background-repeat: repeat-x;
padding:0em 1em;
border: none;
}

#portal-logo {
margin-left: 13px;
margin-bottom: 0px;
}

#portal-logo a {
  padding:103px 0pt 0pt;
}


#portal-columns {
  background-color: White;
  position: relative;
  z-index: 2;
  margin-right: 25px;
  margin-left: 15px;
  width: 90% !important;
  border:1px solid #969696;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~INRP LINK ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#portal-inrpLink {
  color: #037ABC;
  float: left;
  margin: 0px 0px 0px;
}

#portal-inrpLink img {
  width: 110px ;
  margin: 5px;
  }

      /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~SEARCH BOX ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#portal-searchbox {
  text-align: left;
  margin: 10px -32px 0pt;
  color: #037ABC;
}

#portal-searchbox p {
  margin: 10px 3px 0pt;
}


#portal-searchbox input.searchButton {
  background-color : transparent;
  background:url(search_icon.gif) no-repeat scroll 0px 0px;
  border: 0px; 
  cursor:pointer;
  font-size:85%;
  margin-bottom:1px !important;
  padding:1px 1px 1px 15px;
text-transform:lowercase;
}

#portlet-searchbox .portletHeader {
  background-color:transparent;
  border:none;
  color: #037ABC;
  font-weight:bold;
  line-height:1.6em;
  padding:0em 1em;
  text-transform:none;
}

#portlet-searchbox .portletItem {
border-left:none;
border-right:none;
margin:0pt;
padding:1em;
}

#portlet-searchbox {
background-color:transparent;
border-bottom: none;
margin:1px 0pt 1em;
}


.documentEditable .documentContent {
padding:1em 2em 7em !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~   PORTLETS NAVIGATION TREE         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* cadre de tous les portlets gauche */



dl.portlet {
    margin: 1px 0 1em 0;
    border-bottom: 1px solid #8cacbb;
    background-color: White;
    width: 197px;
/* pour IE sinon le border-bottom n'est pas assez large */
}
/* header de tous les portlets gauche */

#portlet-navigation-tree .portletHeader {
background-color:transparent;
background-image: url(portal_skins/skinAcces/images/portletHeader);
background-repeat: no-repeat;
border: none;
height: 37px;
width: 197px;
border:none;
line-height: 1.6em;
padding: 0em 0em; 
font-weight: bold;
color: White !important;
text-transform: capitalize;
}

#portlet-navigation-tree .portletHeader a {
color:White;
}

#portlet-navigation-tree .portletItem {
  border: none;
  background-color: #E7F6FB; 
  padding: 0px;
  width: 197px; 
/* pour IE sinon le background color n'est pas assez large */
}



#portlet-navigation-tree .portletTopLeft {
padding-left: 10px !important;
}

/* Contenu du portlet navigation */
#portlet-navigation-tree a.tile {
display:inline;
}

.navTreeItem a, dd.portletItem .navTreeItem a {
 border-top: solid 1px #E7F6FB;
 border-right: solid 1px #E7F6FB;
 border-bottom: solid 1px White;
 border-left: solid 1px #E7F6FB;
}

.quicklinks li {
 padding-left: 10px;
}

/*     - Premier niveau : Rubrique */


#portlet-navigation-tree .visualIconPadding {
  padding-left: 20px;
}

#portlet-navigation-tree .visualIconPadding {
  padding-left: 20px;
}

#portlet-navigation-tree .contenttype-groupspace,
#portlet-navigation-tree .contenttype-groupspace a,
#portlet-navigation-tree .contenttype-groupspace a:hover ,
#portlet-navigation-tree .contenttype-groupspace a.navTreeCurrentItem {
 background-image:none;
 padding-left: 5px;
 font-weight: bold;
}

#portlet-navigation-tree .contenttype-groupspace2,
#portlet-navigation-tree .contenttype-groupspace2 a,
#portlet-navigation-tree .contenttype-groupspace2 a:hover ,
#portlet-navigation-tree .contenttype-groupspace2 a.navTreeCurrentItem {
 background-image:none;
 padding-left: 5px;
 font-weight: bold;
}



/*     - Premier niveau Folder et ATTopic */

#portlet-navigation-tree li.navTreeItem .contenttype-folder a {
padding-left: 5px;
font-weight: bold;
}

#portlet-navigation-tree li.navTreeItem .contenttype-folder,
#portlet-navigation-tree li.navTreeItem .contenttype-folder a,
#portlet-navigation-tree li.navTreeItem .contenttype-folder a:hover, 
#portlet-navigation-tree li.navTreeItem .contenttype-folder a.navTreeCurrentItem {
 padding-left: 5px;
 background-image:none;
 color: #43976; /* bleu pétrole */
}

#portlet-navigation-tree li.navTreeItem .contenttype-topic,
#portlet-navigation-tree li.navTreeItem .contenttype-topic a.navTreeCurrentItem  {
 visibility: hidden;
 background-image:none;
}


/*     - Deuxième niveau Folder PloneBoard */


#portlet-navigation-tree li.navTreeItem li.navTreeItem .contenttype-folder a {
  background-image:url(portal_skins/skinAcces/images/puce1);
  background-repeat: no-repeat;
  background-position : 0px 45%;
  padding-left: 15px;
  font-size: 100%;
  font-weight: normal;
  color:#666633 !important;
}

#portlet-navigation-tree li.navTreeItem li.navTreeItem .contenttype-folder a.navTreeCurrentItem {
  background-image:url(portal_skins/skinAcces/images/puce1Current);
  background-position : 0px 45%;
  padding-left: 15px;
  font-size: 100%;
  font-weight: normal;
}

#portlet-navigation-tree li.navTreeItem li.navTreeItem .contenttype-ploneboard a,
#portlet-navigation-tree li.navTreeItem li.navTreeItem .contenttype-ploneboard a:hover,
#portlet-navigation-tree li.navTreeItem li.navTreeItem .contenttype-ploneboard a.navTreeCurrentItem {
  background-repeat: no-repeat;
  background-position : 0px 3px;
  padding-left: 20px;
  font-weight: normal;
}

/* ~~~~~~~~~~~~~~~~~~ FOOTER ACCES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#portal-footer {
  z-index: 1;
  position: relative;
  top: -60px;
  left: -11px;
  background-color: #037ABC;
  height: 100px;
  width: 102%;
  margin: 0px;
  padding: 0px ;
}

#portal-footer li {
 margin-bottom: 0px !important; /* pour contrer  la feuille de sytle de Plone sur ce point */
} 

/* ------------------------------ Suppression des puces */
#portal-footer ul {
list-style: none;
margin: 0px;             /* même si c'est à zéro laisser cette ligne */
padding: 0px;            /* même si c'est à zéro laisser cette ligne */
}

/* ------------------------------ les éléments de la liste sont positionné les uns par rapport aux autres en relative */
#portal-footer ul li {
 float: left;
 position: relative;
 top: 0px;
 left: 0px;
 text-align: center;
 height: 100px;
}  

#footerLeft {
  background-image: URL(portal_skins/skinAcces/images/bottomLeft);
  background-repeat: repeat-y;
  background-position: left;
  margin: 0px;
  width: 308px;
}

#footerRight {
  float: right !important;
  background-image: URL(portal_skins/skinAcces/images/bottomRight);
  background-repeat: repeat-y;
  background-position: right;
  margin: 0px;
  width: 328px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~PERSONNAL TOOLS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#portal-personaltools {
z-index: 2;
position: relative;
top: -80px;
margin: 0px 0px 0px 0px;
background-color:transparent;
border:none;
color:Black;
text-align: left;
}

#portal-personaltools .portalUser {
margin: 0px 2px 0px -31px;
padding:0px 0px 0px 18px;
}

#portal-personaltools li {
margin-left:1em;
}

#portal-personaltools li a {
color:White;
}


              /* *********************************************************************************
               *                            A LA UNE                                             *
               *                                                                                 *
               *   a La Une : utilisé pour faire une mise en page de la page d'accueil du site   *
               *   basé sur un SmartFolder criteria = Item type : News Item                      *   
               *   (P.F. 10/01/08).                                                              *
               *                                                                                 *
               * *********************************************************************************/

h3.aLaUne {
  border-bottom:none; 
}

div.aLaUne {
  margin-left: 60px;
  width: 640px;
}

dt.aLaUne {
    border-top:1px solid #8CACBB; /* trait de séparation des news */
}

.aLaUne img {
  float: left;
  padding-bottom: 5px;
  margin-right: 20px; 
}

.aLaUne a {
font-family: Trebuchet MS;
font-size: 16px;
fontweight: bold;
}
.aLaUne dd {
  padding-bottom: 20px;
  margin-left: 0px;
}

                
                
                
                /* ***********************************************************************************
                 *                                                                                   *
                 *                     MENU ANCHOR                                                   *                 
                 *                                                                                   *
                 *  MenuAnchor: utilisé pour faire un pseudo menu en haut de body                    *
                 *  pointant sur des ancres dans la même page. Exemple : acces/equipes/index_html    *
                 *  nécessite csshover.htc s'appliquant au body{} (P.F. 1/12/05).                    *                 
                 *                                                                                   *
                 * ***********************************************************************************/



.menuAnchor table {
	width: 100%;
}
 
.menuAnchor td { 
	background-color: #CEE3A5;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000000;
	color: #FFFFFF;
}

.menuAnchor td:hover {
	background-color: #BCE36D;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-weight: normal;
}

                 /************************************************************************************
                 *                                                                                   *
                 *                     INFOBULLE                                                     *                 
                 *                                                                                   *
                 *   Pour avoir une infobulle immédiatement au survol d'une image,                   *
                 *   plus la mise en forme du tableau ou je m'en suis servi                          *
                 *   dans acces/equipe/index. (P.F. 1/12/05).                                        *
                 *                                                                                   *
                 * ***********************************************************************************/
                


.infobulle h3 {
	display: inline; /* pour supprimer le padding par défaut qui s'applique sinon au h3 dans la td */
}

.infobulle td { 
	text-align:center;
	vertical-align:bottom;
	}


.infobulle a:hover {border-bottom: 0px}	                    /* pour IE uniquement */
.infobulle a span {display: none; text-decoration: none;}
.infobulle a:hover span {
	display:block;
	text-decoration:none;
	color:black;
	background-color:#D7E997; 
	border: 1px solid #FF6633;
	
}

/* ----------  FIN d'infobulle    ------------------------------------ */





/* -----------------------------------------------------------------------------------------------
 * MAIN CONTENT 
 * 
 *-----------------------------------------------------------------------------------------------*/ 


img.imgFloatLeft {
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 20px; 
}

img.imgFloatRight {
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 20px; 
}

/* pour décoller le texte des bord d'une cellule*/
#content table p, h1, h2, h3, h4, h5, h6 {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}

/* pour supprimer la forme classique d'un tableau html (3D)au sein d'une page */
#content table {
border-collapse: collapse;
vertical-align:top;
}

/* pour décoller les images insérées directement dans une td et donc pas concernées par ce qui précède */
#content td > img {
margin: 10px;
}



/* ---  suppression du bord    -------- */
.documentEditable .documentContent {
border: 0; solid #74ae0b;
padding: 0;
}

/* ---  suppression du underline dans les link de folder_listing    -------- */
dt a {
text-decoration: none;
}

h2 {
margin-top: 14px;
margin-bottom: 7px;
}









/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */



}