/* CSS Stylesheet
 * http://www.w3.org/TR/REC-CSS2/
 */
@font-face
{
  font-family: arial, sans-serif;
}
body
{
  font-family: arial, sans-serif;
}
table,td
{
  font-size: 100%;
}
form { margin: 0px; }
input { margin-left: 0px; }
pre { margin: 0px; }
pre.wrap {
/* see http://forums.techguy.org/web-development/249849-forcing-long-text-lines-wrap.html */
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
}
/***********************************************************************************
 *
 ***********************************************************************************/
body.webatooBody01
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%; /* x-small */
  background-image: url(/images/menu/fond_page.gif);

/*  overflow: auto; /* no scrollbar in IE */
  margin: 0px;
  color: #000000;
/*  cursor: url("/css/cursor.ani"), url("/css/cursor.gif"), default; */
  text-align: center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height:22px;
  
}
/* LIENS */
a.webatooAnchor01:link,a.webatooAnchor01:visited
{       text-decoration: none;
	/*color: inherit;*/
}
a.webatooAnchor01:hover,a.webatooAnchor01:active
{       color: #295ABD;
	text-decoration: underline;
}
/***********************************************************************************
 * Nom         : webatooLayout01
 * Description : 
 ***********************************************************************************/
.webatooLayout01
{
  background: #97B1D0;
}
.webatooLayout02
{
  background: #E6EBF4;
}

/* CADRES */
/***********************************************************************************
 * Nom         : webatooContainer01
 * Description : cadre menus déroulant - Remplace webatooContainer15 + webatooTitle05
 ***********************************************************************************/
.webatooContainer01
{	border: #C6D1E5 solid 1px;
  	background-color: #E6EBF4;
  	padding: 2px 2px 2px 2px;
  	text-align: left;
  	position: absolute;
    left: 0px; top: 0px;
/*    display: block;*/
  	z-index: 99;
        color: #11568C; 
}
.webatooContainer01 a.webatooAnchor01:link,.webatooContainer01 a.webatooAnchor01:visited {	color: #11568C;}
.webatooContainer01 a.webatooAnchor01:hover,.webatooContainer01 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************

 * Nom         : webatooContainer02
 * Description : cadre contenu page - Remplace webatooContainer16
 ***********************************************************************************/
.webatooContainer02 {
	background-image: url(/images/menu/fond_content.gif);
/*	background-position: top left; */
	background-repeat: repeat-y;
/* required to start bg-img with margin-top */
	padding-top: 1px;
/*	clear: both; */
/*        position: relative; /* ADD */
	line-height: 1.2;
}

/***********************************************************************************
 * Nom         : webatooContainer03
 * Description : Tableau données 
 				 Cadre gauche
				 Remplace webatooContainer02 + .webatooContainer19
 ***********************************************************************************/
.webatooContainer03 {
	background-color: #E6EBF4;
	border: #97B1D0 solid 1px;
	margin: 4px 5px 5px 5px;
	padding: 0px;
}
.webatooContainer03L {
/*	position: relative; /* ADD */
	float: left;
    width: 200px;
	margin: 4px 0px 5px 5px;
	padding: 0px;
}
.webatooContainer03R {
    margin: 4px 5px 5px 218px;
	padding: 0px;
}
/***********************************************************************************
 * Nom         : webatooContainer04
 * Description : Cellules titre dans cadre gauche et cellules en-têtes
 				 Remplace webatooContainer05, webatooTitle05 + Remplace webatooContainer03, webatooTitle04 dans messagerie et carnet d'adresses sauf text-align: center; font-size: 110%;

 ***********************************************************************************/
.webatooContainer04
{	/*background-image:url(/images/cadre_pt_2.gif);*/
	background-color:#D6E3FE;
	border: #E6EBF4 solid 1px;
	color: #11568C;
	font-weight: bold;
	padding: 1px; /* à vérifier */
	height: 22px;
	white-space: nowrap;
	
}
.webatooContainer04 a.webatooAnchor01:link,.webatooContainer04 a.webatooAnchor01:visited {      color: #11568C;}
.webatooContainer04 a.webatooAnchor01:hover,.webatooContainer04 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer05
 * Description : Cellules en-têtes +foncées dans forum,
 				 Remplace webatooContainer03, webatooTitle04 dans forum
 ***********************************************************************************/
.webatooContainer05
{	background-color: #bbd0fd;
	border: #E6EBF4 solid 1px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
	padding: 0px; /* à vérifier */
	height: 22px;
}
/***********************************************************************************
 * Nom         : webatooContainer06
 * Description : Cellules de données avec bords (forum, agenda mensuel)
 				 Remplace webatooContainer04
 ***********************************************************************************/
.webatooContainer06
{	background-color: #E6EBF4;
	border: #C6D1E5 solid 1px;
	color: #000000;
}
.webatooContainer06 a.webatooAnchor01:link,.webatooContainer06 a.webatooAnchor01:visited {      color: #000000;}
.webatooContainer06 a.webatooAnchor01:hover,.webatooContainer06 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer07
 * Description : Cellule de données avec bord en bas (messagerie, paramètres etc.)
 				 remplace webatooContainer04 sur TR, rowBegin, rowData, rowEnd sur TD
 ***********************************************************************************/
.webatooContainer07
{	border-bottom: 1px solid #C6D1E5;
	color: #000000;
}
.webatooContainer07 a.webatooAnchor01:link,.webatooContainer07 a.webatooAnchor01:visited {      color: #000000;}
.webatooContainer07 a.webatooAnchor01:hover,.webatooContainer07 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer08
 * Description : Hover - Cellule de données avec bord en bas (messagerie)
 				 remplace webatooContainer05 sur TR, rowBegin, rowData, rowEnd sur TD
 ***********************************************************************************/
.webatooContainer08
{	background-color: #C6DAFF;
	border-bottom: #C6D1E5 solid 1px;
}

/***********************************************************************************
 * Nom         : webatooContainer09
 * Description : Cellule de données avec bord à gauche (agenda)
 ***********************************************************************************/
.webatooContainer09
{	border-left: #C6D1E5 solid 1px;
}

/***********************************************************************************
 * Nom         : webatooContainer10
 * Description : Cellule de données fond clair avec bords (RDV agenda)
 ***********************************************************************************/
.webatooContainer10
{	background-color: #F4F7FC; 
	border: 1px solid #C6D1E5;
        color: #000000;
}
.webatooContainer10 a.webatooAnchor01:link,.webatooContainer10 a.webatooAnchor01:visited {      color: #000000;}
.webatooContainer10 a.webatooAnchor01:hover,.webatooContainer10 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer11
 * Description : Supprimé 
 ***********************************************************************************/

/***********************************************************************************
 * Nom         : webatooContainer12
 * Description : Cellules grisées sans bord (agenda semaine)
 ***********************************************************************************/
.webatooContainer12
{	background-color: #F4F4F4;
}

/***********************************************************************************
 * Nom         : webatooContainer13
 * Description : Cellules de données grisée avec bords (agenda mensuel)
 ***********************************************************************************/
.webatooContainer13
{	background-color: #F4F4F4;
	border: #C6D1E5 solid 1px;
	color: #909090; 
}

/* Carnet d'adresses */
/***********************************************************************************
 * Nom         : webatooContainer14
 * Description : Accès aux contact colonne de gauche
 ***********************************************************************************/
.webatooContainer14
{	text-align: right; 
	color: #11568C; 
	padding: 1px 5px 1px 1px; 
	border-bottom: solid 1px #C6D1E5; 
	border-right: solid 1px #C6D1E5;
}

/***********************************************************************************
 * Nom         : webatooContainer15
 * Description : Accès aux contact colonne de droite
 ***********************************************************************************/
.webatooContainer15
{	color: #11568C; 
	padding: 1px 1px 1px 5px; 
	border-bottom: solid 1px #C6D1E5; 
}
/***********************************************************************************
 * Nom         : webatooContainer16
 * Description : tous - contenu de droite, décalé par rapport au cadre de gauche (Container03)
 * Description : webmail - cadre du message
 * 		Remplace webatooContainer17
 ***********************************************************************************/
.webatooContainer16 {
	background-color: #Fafbee;
	border: #97B1D0 solid 1px;
	/*width: 100%;*/
	/*border-collapse: collapse;*/
}
.webatooContainer16msg {
	background-color: #BBD0FD;
	border: #97B1D0 solid 1px;
	padding: 2px;
/*	width: 720px; */
}

/***********************************************************************************
 * Nom         : webatooContainer17
 * Description : webmail - Note : Pour votre sécurité, le contenu du message HTML a été nettoyé
 ***********************************************************************************/
.webatooContainer17
{	background-color:#FFF7E5;
	border: 1px solid #8CA5B5;
	padding: 2px; 
	margin: 2px
}
/***********************************************************************************
 * Nom         : webatooContainer18
 * Description : Cellules en-têtes tableau (Liste messages, agenda)
 				 Remplace webatooContainer03, webatooTitle04 dans messagerie et carnet d'adresses
 ***********************************************************************************/
.webatooContainer18
{	/*background-color: #FFFF66;*/
	background-image:url(/images/cadre_pt_3.gif);
	border: #E6EBF4 solid 1px;
/*	padding: 1px; /* à vérifier */
	color: #11568C;
	font-weight: bold;
	text-align: center; 
}
.webatooContainer18 a.webatooAnchor01:link,.webatooContainer18 a.webatooAnchor01:visited {      color: #11568C;}
.webatooContainer18 a.webatooAnchor01:hover,.webatooContainer18 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer19
 * Description : Cellules en-têtes gauche tableau (Comptes etc.)
 ***********************************************************************************/
.webatooContainer19
{	background-color: #bbd0fd;
	border: #E6EBF4 solid 1px;
	padding: 4px;
	vertical-align: top;
	color: #11568C ;
	font-weight: bold;
}

/***********************************************************************************
 * Nom         : webatooContainer20
 * Description : Cellule de données fond clair avec bords foncés (contenu du message, zone pj, zone msg +options) + message erreur dans RDV
 				 remplace webatooContainer18
 ***********************************************************************************/
.webatooContainer20
{	background-color: #Fff; 
	border: 1px solid #6F89B4;
	padding: 2px;
        color: #000000;
		font-size:12px;
}
.webatooContainer20dv
{	background-color: #F4F7FC; 
	border: 0px;
}
.webatooContainer20 a.webatooAnchor01:link,.webatooContainer20 a.webatooAnchor01:visited {      color: #000000;}
.webatooContainer20 a.webatooAnchor01:hover,.webatooContainer20 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer21
 * Description : barre-graphe table
 ***********************************************************************************/
.webatooContainer21
{	border: 1px solid #AAAAAA;
	margin-bottom: 2px;
}

/***********************************************************************************
 * Nom         : webatooContainer22
 * Description : barre-graphe cellules vides
 ***********************************************************************************/
.webatooContainer22
{	border: 1px solid #BBBBBB;
}

/***********************************************************************************
 * Nom         : webatooContainer23
 * Description : barre-graphe cellules pleines
 ***********************************************************************************/
.webatooContainer23
{	background-color: #6F89B4;
}

/***********************************************************************************
 * Nom         : webatooContainer24
 * Description : div sans fond ni bord pour centrer contenu dans page + margin - Webmail : webmailMove.html + affichage recherche
 ***********************************************************************************/
.webatooContainer24 {	
	text-align: center;
	margin: 4px 5px 5px 5px;
	padding: 0px;
}

/***********************************************************************************
 * Nom         : webatooContainer25
 * Description : Idem que .webatooContainer16 mais lorsque le contenu prend toute la largeur de la page
                 Taille fixe + margin à cause du problème d'affichage sous IE des tableaux en 100%
 ***********************************************************************************/
.webatooContainer25 {	
	background-color: #E6EBF4;
	border: #97B1D0 solid 1px;
	margin: 5px; 
	width: 950px;
}

/***********************************************************************************
 * Nom         : webatooContainer26
 * Description : Agenda - Événements journée, ligne et rendez-vous
 ***********************************************************************************/
.webatooContainer26
{	background-color:#FFF7E5;
	border: 1px solid #C6D1E5;
        color: #000000;
}
.webatooContainer26 a.webatooAnchor01:link,.webatooContainer26 a.webatooAnchor01:visited {      color: #000000;}
.webatooContainer26 a.webatooAnchor01:hover,.webatooContainer26 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer27
 * Description : Titres dans cadres dans la page "Startup.html" + entête mois dans calendrier
 ***********************************************************************************/
.webatooContainer27
{       color: #11568C;
	font-weight: bold;
	text-align: center;

}
.webatooContainer27 a.webatooAnchor01:link,.webatooContainer27 a.webatooAnchor01:visited {      color: #11568C;}
.webatooContainer27 a.webatooAnchor01:hover,.webatooContainer27 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooContainer28
 * Description : Bandeau titre du service - Liens (boutons fonctionnalités)
 ***********************************************************************************/
.webatooContainer28
{        color: #11568C;
}
.webatooContainer28 a.webatooAnchor01:link,.webatooContainer28 a.webatooAnchor01:visited {      color: #11568C;}
.webatooContainer28 a.webatooAnchor01:hover,.webatooContainer28 a.webatooAnchor01:active {      color: #295ABD; }

/***********************************************************************************
 * Nom         : webatooContainer29
 * Description : Liens précédents/suivants, heure dans l'affichage journalier dans agenda, + chemin dans admin ?
 ***********************************************************************************/
.webatooContainer29
{       color: #11568C;
}
.webatooContainer29 a.webatooAnchor01:link,.webatooContainer29 a.webatooAnchor01:visited {      color: #11568C;}
.webatooContainer29 a.webatooAnchor01:hover,.webatooContainer29 a.webatooAnchor01:active {      color: #295ABD;}

/* ONGLETS */
/***********************************************************************************
 * Nom         : onglet
 * Description : non-sélectionné (02) , sélectionné (01), hover
 ***********************************************************************************/
.onglet02
{	/*width: 60px;*/ height: 15px; 
	border: #97B1D0 solid 1px;
	border-bottom: #E6EBF4 solid 0px;
  	background-color: #97B1D0;
  	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #E6EBF4;
	padding: 2px 2px 0px 2px;
	margin-top: 2px;
	cursor: pointer;
}
.onglet01
{	/*width: 60px;*/ height: 15px; 
	border: #97B1D0 solid 1px;
	border-bottom: #97B1D0 solid 0px;
  	background-color: #E6EBF4;
  	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 2px 0px 2px;
	margin-top: 2px;
}
.ongletHover
{	/*width: 60px;*/ height: 15px; 
	border: #6F89B4 solid 1px;
	border-bottom: #F4F7FC solid 0px;
  	background-color: #F4F7FC;
  	text-align: center;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
/***********************************************************************************

/* AGENDA */
/***********************************************************************************
 * Nom         : planningWeek
 * Description : Calendriers à gauche
 ***********************************************************************************/
table.planningWeek
{	vertical-align: middle;
  	font-size: 90%;
  	width: 100%;
	background-color: #F4F4F4;
	border: 1px solid #C6D1E5;
}
table.planningWeek a.webatooAnchor01:link,table.planningWeek a.webatooAnchor01:visited {      color: #000000;}
table.planningWeek a.webatooAnchor01:hover,table.planningWeek a.webatooAnchor01:active {      color: #295ABD;}

/* en-têtes Jours */
th.planningDayHeader
{
  border-bottom: 1px solid #C6D1E5;
}
td.planningDayHeader a.webatooAnchor01:link,td.planningDayHeader a.webatooAnchor01:visited {      color: #000000;}
td.planningDayHeader a.webatooAnchor01:hover,td.planningDayHeader a.webatooAnchor01:active {      color: #FDAB1B;}

/*en-têtes Semaine */
td.planningWeekHeader,th.planningWeekHeader
{
  	border-right: 1px solid #C6D1E5;
        color: #000000;
}
td.planningWeekHeader a.webatooAnchor01:link,td.planningWeekHeader a.webatooAnchor01:visited {      color: #000000;}
td.planningWeekHeader a.webatooAnchor01:hover,td.planningWeekHeader a.webatooAnchor01:active {      color: #FDAB1B;}

/* Jours hors mois */
td.planningWeek01
{	background-color: #F4F4F4;
	color: #909090;
}

/* Jours mois */
td.planningWeek02
{	background-color: #E6EBF4;
        color: #000000;
}
td.planningWeek02 a.webatooAnchor01:link,td.planningWeek02 a.webatooAnchor01:visited {      color: #000000;}
td.planningWeek02 a.webatooAnchor01:hover,td.planningWeek02 a.webatooAnchor01:active {      color: #FDAB1B;}

/* Jours selectionnés */
td.planningWeek03
{	background-color: #C6D1E5;
        color: #000000;
}
td.planningWeek03 a.webatooAnchor01:link,td.planningWeek03 a.webatooAnchor01:visited {      color: #000000;}
td.planningWeek03 a.webatooAnchor01:hover,td.planningWeek03 a.webatooAnchor01:active {      color: #FDAB1B;}

/* Jours spéciaux */
td.planningWeek04
{	background-color: #FFFFFF;
}
td.planningWeek04 a.webatooAnchor01:link,td.planningWeek04 a.webatooAnchor01:visited {      color: #000000;}
td.planningWeek04 a.webatooAnchor01:hover,td.planningWeek04 a.webatooAnchor01:active {      color: #FDAB1B;}

/* ligne bas */
table.planningWeek th.footer
{	vertical-align: middle;
  	font-weight: bold;
  	border-top: 1px solid #C6D1E5;
}

/***********************************************************************************
 * Nom         : cursorPointer
 * Description : cellule d'en-têtes cliquable. Ex. boite de réception
 ***********************************************************************************/
td.cursorPointer, th.cursorPointer
{
  cursor: pointer; /* test */
}

/***********************************************************************************
 * Nom         : webatooContainerBARRE
 * Description : En-tête des données pour la case au dessus de la barre de defilement
 ***********************************************************************************/
.webatooContainerBARRE
{	background-color: #fafbee;
	border: #E6EBF4 solid 1px;
  	width: 17px;
}

/***********************************************************************************
 * Nom         : webatooTab
 * Description : onglets
 ***********************************************************************************/
table.webatooTab
{
  border-width: 0px;
  padding: 0px;
}
table.webatooTab td.webatooTabUp
{
  padding: 0px;
  background-color: #97B1D0;
}
table.webatooTab td.webatooTabDown
{
  padding: 0px;
  background-color: #B8B8B8;
}
table.webatooTab td.webatooTabSpacer
{
  padding: 0px;
}

/* TEXTES */
/***********************************************************************************
 * Nom         : webatooTitle01
 * Description : Titre du menu & Titre de chaque service
 ***********************************************************************************/
.webatooTitle01
{	color: #11568C;
	font-size: 120%;
	font-weight: bold;
}
/***********************************************************************************
 * Nom         : webatooTitle02
 * Description : Texte entre précédent/suivant dans agenda
 ***********************************************************************************/
.webatooTitle02
{	font-weight: bold;
	text-align: center;
	font-size: 100%;
	color: #11568C;
}
.webatooTitle02 a.webatooAnchor01:link,.webatooTitle02 a.webatooAnchor01:visited {      color: #11568C;}
.webatooTitle02 a.webatooAnchor01:hover,.webatooTitle02 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooTitle03
 * Description : Texte bleu (ou autre couleur ni noir ni blanc) - Mois ou semaine sélectionnés dans les calendriers
 ***********************************************************************************/
.webatooTitle03
{	color: #11568C;
}
.webatooTitle03 a.webatooAnchor01:link,.webatooTitle03 a.webatooAnchor01:visited {      color: #11568C;}
.webatooTitle03 a.webatooAnchor01:hover,.webatooTitle03 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooTitle04
 * Description : Texte blanc
 ***********************************************************************************/
.webatooTitle04
{	color: #FFFFFF;
}
/***********************************************************************************
 * Nom         : webatooTitle05
 * Description : Texte noir
 ***********************************************************************************/
.webatooTitle05
{	color: #000000;
}
.webatooTitle05 a.webatooAnchor01:link,.webatooTitle05 a.webatooAnchor01:visited {      color: #000000;}
.webatooTitle05 a.webatooAnchor01:hover,.webatooTitle05 a.webatooAnchor01:active {      color: #295ABD;}

/***********************************************************************************
 * Nom         : webatooTitle06
 * Description : Texte gris
 ***********************************************************************************/
.webatooTitle06
{	color: #909090;
}
/***********************************************************************************
 * Nom         : webatooTitle07
 * Description : Titre des paramètres
 ***********************************************************************************/
.webatooTitle07
{
  font-weight: bold;
  white-space: nowrap;
}

.center
{	text-align: center;
}
.normal
{	font-weight: normal;
}
.bold
{	font-weight: bold;
}
/*******************************************************************************/
 * Nom         : webatooButton
 * Description : Style des boutons -> remplace .webatooContainer10
 ***********************************************************************************/
.webatooButton
{
  background-color: #97B1D0;
  border-left: #FFFFFF solid 1px;
  border-top: #FFFFFF solid 1px;
  border-right: #223F6B solid 1px;
  border-bottom: #223F6B solid 1px;
  color: #FFFFFF;
}

/***********************************************************************************
input,select,caption,button
{
  font-size: 80%;
  font-style: normal;
  /* color: #000000; */
  text-decoration: none;
}
.select01 /* même couleur que fond */
{	background: #E6EBF4; 
	border: 0px;
}
.select02 /* même couleur que entêtes tableau */
{       background: #C6D1E5;
        border: 1px solid #97B1D0;
}
textarea
{
  font-size: 90%;
}
.bouton
{	padding: 0px;
	background-color: #C6D1E5;
}
TR.msgU
{
  font-weight: bold;
}
TR.msgD, TR.taskAchieved
{
  text-decoration: line-through; 
}
TR.msgR
{
  font-style: italic;
}
TR.taskLate
{
  color: #FF0000;
}

/***********************************************************************************
 * Description : Titre liste Forum
 ***********************************************************************************/
a.forumAnchor01
{
  text-decoration: underline;
  color: #000000;
  font-weight: bold;
}

a.forumAnchor01:hover
{
  text-decoration: underline;
  color: #295ABD;
  font-weight: bold;
}

div.forumText01
{
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

/***********************************************************************************
 * Description : Titre liste Sujet
 ***********************************************************************************/
a.forumAnchor02
{
  text-decoration: underline;
  color: #000000;
  font-weight: bold;
}

a.forumAnchor02:hover
{
  text-decoration: underline;
  color: #295ABD;
  font-weight: bold;
}

/***********************************************************************************
 * Description : Piece jointes
 ***********************************************************************************/
a.forumAnchor03
{
  text-decoration: none;
  color: #000000;
  font-weight: none;
}

a.forumAnchor03:hover
{
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
/***********************************************************************************
 * Description : menu de gauche Webmail
 ***********************************************************************************/
ul.menu img
{  margin: 0px;
}
ul.menu, ul.menu ul 
{  text-align: left; 
   list-style-type: none;
   margin: 0px;
   padding: 0px
}
ul.menu li 
{  list-style-type: none;
   list-style-image: none;
   margin: 0px;
   /*margin-bottom: -2px;
   margin-top: -2px;*/
   padding: 0px;
   clear: both;
}
/*ul.menu ul
{  display: none;
   margin: 0px;
   margin-bottom: -10px;
   margin-top: -10px;
   padding: 0px
}*/