/*
********* Estructura de la CSS ***********

- BODY

- CONTENEDORES:
   DIVS, TABLES, TR, TD

- CONTENIDOS: 
  H, P, LINKS

- CLASES GENERICAS

- IDENTIFICADORES


********* Normas **************
- ETIQUETAS: SE ESCRIBEN EN MAYÚSCULAS
- clases: se escriben en minúsculas; deben tener nombre descriptivo en castellano y las palabras NO separadas_por_guión_bajo porque no funcionan en ie4 /ns 4
- Insertar un comentario descriptivo antes de cada grupo de etiqueta o clase.
*/

/* *** BODY *** */

BODY
	{
/*	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px;*/
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans_serif;
	color: #000000;	
/*	top: 0%;
	margin-top : 0%;
	margin-left : 0%;
	margin-right : 0%;*/
	scrollbar-3d-light-color:#cccccc;
	scrollbar-arrow-color:#006600;
	scrollbar-base-color:/*#ffffff;*/#ceedc8;
	scrollbar-dark-shadow-color:#ceedc8;
	scrollbar-face-color:#f0f0f0;
	scrollbar-highlight-color:#f0f0f0;
	scrollbar-shadow-color:#ceedc8;
/*	margin-top:0;
	left:0;*/
	margin: 0 0 0 0;
   }
	
/*  *** CONTENEDORES *** */

DIV.FONDO
	{
	width: 600px;
	top: 60px;
	left: 77px;
	position: absolute;
	z-index: 3;
	background-color : #ffffff;
}
DIV.CONTENEDOR
	{
	top: 70px;
	left: 76px;
	height:300px;
}
	
TABLE.CONTENIDO
	{
	left:30px;
	background-repeat: no-repeat;
	font-family: verdana, arial, sans-serif;
	font-size: xx-small;
	border: thin!important;
	width: 80%!important;
	margin:1% 10% 0 10%;
	}	

.seccionsuperior
	{
	text-align: right;
	color:#006600;
	FONT-WEIGHT: bold;
	}

.marcoazulsuperior
	{
	padding-top: 0px;
	background-color: #ceedc8;
	height:20px;
	font-weight: normal;
	border: 1px;
	margin-top: 0px;
	margin: 0 0 0 0;
	}

	/****************  Clase para tds con borde fino verde claro u oscuro y fondo de color verde claro *****************/
.marco
{
	border: thin!important;
	background-color: #ceedc8;
}

.celda
{
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 0px;
border-top-width: 1px;
}


.celda1
{
border-width: thin;
border-right-width: 1;
border-left-width: 0;
border-bottom-width: 1;
border-top-width: 0;
background-color: #D7FAF2;
}
.celda2
{
border-width: thin;
border-right-width: 1;
border-left-width: 0;
border-bottom-width: 0;
border-top-width: 1;
background-color: #DEEBFF;
}
.celda3
{
border-width: thin;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
border-top-width: 1;
background-color: #FFFBE4;
}
.celda4
{
border-width: thin;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
border-top-width: 0;
}
.celda5
{
border-width: thin;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 1;
border-top-width: 0;
}
.celda6
{
border-width: thin;
border-right-width: 1;
border-left-width: 1;
border-bottom-width: 1;
border-top-width: 0;
}

.cabecera
{
	/*background-color: #ceedc8;*/
	background-color: #f0f0f0;
	/*background-color: red;*/
	font-size: x-small;
	font-family: verdana,arial,helvetica,sans-serif;
	height:20px;
	FILTER: progid XImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#B8C9DE,endColorStr=#ffffff);
	}

.marcoblanco
{
	background-color: white;
	border-top-width: thin;
}

	/* *** cabeceras y párrafos***  */

p
   {
	font-family: verdana, arial,sans-serif;
	font-size: xx-small;
	color: #000000;
	}

H1 
	{
	color: #006600;
	FONT-FAMILY: verdana, Arial, sans-serif;
}
	
H2 
	{
	color: #006600;
	FONT-FAMILY: verdana, Arial, sans-serif;
	font-size: 14px;
}
H3
	{
	color: #006600;
	background-color: #ffffff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	}
H4
	{
	color: white;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	}
	
/* *** links ***  */
/*A:href
{
	color: #006600;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    FONT-SIZE: 9px;
	text-decoration: none;
}*/

A.titulosecsup:LINK {
	color: #006600!important;
   FONT-SIZE: 10px;
	font-weight: normal;
}
A.titulosecsup:visited {
	color: #006600!important;
   FONT-SIZE: 10px;
	font-weight: normal;
}
A.titulosecsup:HOVER {
	color: #ceedc8!important;
   FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
}	
	
/* *** CLASES GENERICAS ***  */

.textonormal
	{
	font-size: xx-small;
	font-family: verdana, arial, helvetica,sans-serif;
	background-color: white;
	text-align: justify;
	vertical-align: top;
	}
	
.textonormal01
	{
	color: #000000;
	font-size: 11px;
	font-family: verdana, arial, helvetica,sans-serif;
	background-color: white;
	text-align: center;
	vertical-align: top;
	}
	
.textoproveedor
	{
	font-size: xx-small;
	font-family: verdana, arial, helvetica,sans-serif;
	/*background-color: #ceedc8;*/
	background-color: #f0f0f0;
	text-align: left;
	}
.textoproveedor02
	{
	color: #000000;
	font-size: xx-small;
	font-family: verdana, arial, helvetica,sans-serif;
	background-color: white;
	text-align: left;
	}
	
	/*
	se usa para las direcciones y telefonos de de contacto.htm. lleva arial porque a mismo tamaño, es más legible
	*/
	
.textocentrado{
	color: #000000;
	font-size: xx-small;
	font-family: verdana, arial, helvetica,sans-serif;
	text-align: center;
	vertical-align: top;
	}

.titulo{
	color: #006600;
	font-family: verdana,arial, helvetica,sans-serif;
	font-size: xx-small;
	text-align: left;
	font-weight: bold;
}
/*	
********** clases que de momento no se usan ************************ */	

/*IDENTIFICADORES*/
div.proveedores
{
	position: absolute!important;
	left: 226px!important;
	top: 140px!important;
	visibility: hidden;
}

TABLE.europa
	{
	background-repeat: no-repeat;
	font-family: verdana, arial, sans-serif;
	font-size: xx-small;
	border: thin!important;
	width: 380px;
}	
	
	
td.scroll
{height: 300px;}


/*clases para las app de czc dav27012006*/

/*BODY
	{
	background-color: #ffffff;
	font-family:  verdana, arial, geneva, helvetica, sans_serif;
	color: #000000;	
	top: 0%;
	font-size : xx-small;
	padding-top:0px; 
	margin-top:0%; 
	margin-left:0%; 
	margin-right:0%; 
	margin-bottom:0%;*/
	/*colores de la barra de scroll en ie5.x*/
/*	scrollbar-3dlight-color:#cccccc;
    scrollbar-arrow-color:#006600;
    scrollbar-base-color:#a3a1ac;
    scrollbar-darkshadow-color:#a3a1ac;
    scrollbar-face-color:#f0f0f0;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#ffffff;}*/
	
/*tabla para dar borde*/
table.borde{
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	border: solid;
	Border-width:1px;
/*	border-color: #cccccc;*/
border-color:#006600;
width:80%;
margin:1% 10% 0 10%;
}

/* se usa para el menu izquierdo y para los titulos de pricipales actividades y sectores*/
A.servicios:link{
	color: #006600;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;	
	text-decoration: underline;
	font-weight: none;
	text-align: left!important;
}

A.servicios:visited{
	color: #006600;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: underline;
	font-weight: normal;
	text-align: left!important;
}

A.servicios:hover{
	color: gray;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: underline;
	font-weight: normal;
	text-align: left!important;
}
/*submenús de la izquierda*//* se usa para el menu izquierdo y para los titulos de pricipales actividades y sectores*/

A.menuizq:link{
	color:#006600;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;	
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}
A.menuizq:visited{
	color:#006600;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}
A.menuizq:hover{
   color:#666666;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}
/*promocion interna  de empleo. las mismas características del menuizq pero en gris*/
.promocion{
	color: #999999;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;	
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}

.titsectores{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #006600;
	font-weight : bold;
}		
/*links de la página de empleo externo, la tabla de seleccion del pais*/
A.pais:link{
	color: #000000;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;	
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}
A.pais:visited{
	color: #006600;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}
A.pais:hover{
	color: gray;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}
/*titulos rojos de la aplicaciones*/
.titulorojo{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ceedc8;

}
	/*selección de ofertas para modificar*/
	.rojo{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color:#006600;
	}
	/*PUNTOS  DE SECTORES*/
.psectores{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #ceedc8;
	font-weight: bold;
	}

/*LINK PARA LOS VÍDEOS DE LOGISTICA*/
.video{
	color:#006600;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
	text-align: left!important;
}
/*LINKS PARA VENTAJAS DE LA EXTERNALIZACIÓN*/
A.ventajas:link{
	color: #006600;
	font-family:  verdana, arial, helvetica, sans_serif;
   font-size:xx-small;
	text-decoration: none;
	font-weight: bold;
}
A.ventajas:visited{
	color: #666666;
	font-family:  verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: underline;
	font-weight: bold;
}
A.ventajas:hover{
	color:#ceedc8;
	font-family:  verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: underline;
	font-weight: bold;
}

/*menu superior*/
A.menusup:link{
	color: #ffffff;
	font-family:  verdana, arial, helvetica, sans_serif;
   font-size:xx-small;
	text-decoration: none;
	font-weight: normal;
}
A.menusup:visited{
	color: #006600;
	font-family:  verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
	}
A.menusup:hover{
	color:#ceedc8;
	font-family:  verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
}
	/*TITULO DEL CONTENIDO*/
	.titulo{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#006600;
	background-color: #f0f0f0;
	font-weight: bold;
	}

.facturacion{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
	background-color: #f0f0f0;
}
	
.sectores{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #ceedc8;
}
/*	p
   {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
}*/
td.p2
   {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
	}
	
	/*PUNTOS QUE RODEAN AL SUBMENÚ*/
.puntos{
	font-size: 10px;
	color: #006600;
}


/*CELDA SELECCIONADA DEL MENU*/
.celdaizq{
	background-color: #f0f0f0;
	height: 12px;
	vertical-align: bottom;
}
/*TABLA CENTRAL DE CONTENIDO*/
/*clases para las tablas de contenido - en el tbo*/
table.contenido
{
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	border: solid;
	Border-width:1px;
	border-color: #cccccc;
	width : 100%;	
	
}
/* tabla con menos contenido*/
table.contenedor01
{
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	width : 80%;
}
/*tabla con más contenido*/
table.contenedor02
{
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	width : 98%;
	

}
	
/*accesos rápidos*/	

A.iconos:link{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
A.iconos:hover{
	font-size: 10px;
	color:#ffffff;
	text-decoration: none;
}
A.iconos:visited{
	font-size: 10px;
	color: #a3a1ac;
	text-decoration: none;
}

/*CLASES PARA LOS JS DEL MENU*/
.activa
	{
   text-align:center;
	cursor:default;
	BACKGROUND-COLOR: #f0f0f0;
	border-width:0;
	font-family:  verdana, arial, helvetica, sans_serif;
   font-size:xx-small;
	text-decoration: none;
	font-weight: normal;
	}
.inactiva
	{
	text-align:center;
	cursor:hand;
	border-width : 0; 
	font-family:  verdana, arial, helvetica, sans_serif;
   font-size:xx-small;
	text-decoration: none;
	font-weight: normal;
	}
.activa1
	{
	text-align:left;
	cursor:default;
	BACKGROUND-COLOR: #f0f0f0;
	border-width:0;
   font-family:  verdana, arial, helvetica, sans_serif;
   font-size:xx-small;
	text-decoration: none;
	font-weight: normal;
	}
.inactiva1
	{
	text-align:left;
	cursor:hand;
	border-width : 0; 
	font-family:  verdana, arial, helvetica, sans_serif;
   font-size:xx-small;
	text-decoration: none;
	font-weight: normal;
	}
/*enlaces de ofertas de trabajo*/
A.empleo:link{
	color:#ceedc8;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: x-small;
	text-decoration: none;
	font-weight: normal;
	}

A.empleo:visited{
	color:#006600;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: x-small;
	text-decoration: none;
	font-weight: normal;
	}
A.empleo:hover{
	color:#ceedc8;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: x-small;
	text-decoration: none;
	font-weight: normal;
	}
		/*clases para el formulario de trabajo*/

.textarea
	{
	border-color: gray; 
	border-width:1px;
   border-style: solid; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	background-color: #f0f0f0;
	width: 524px;
	HEIGHT: 100px;
	maxrows: 15;
	}
.input{
	border-color: gray; 
	background-color: #f0f0f0;
	border-width:1px;
	border-style : solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	height: 16;
	}
.inputdato{
	border-color: gray; 
	background-color: #f0f0f0;
	border-width:1px;
	border-style : solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	height: 16px;
	text-align: right;
	}
.inputlargo{
	border-color: gray; 
	background-color: #f0f0f0;
	border-width:1px;
	border-style : solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	height: 16px;
	width: 524px;
	}
.inputmedio{
	border-color: gray; 
	background-color: #f0f0f0;
	border-width:1px;
	border-style : solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	height: 16px;
	width: 179px;	
	}
.inputpeke{
	border-color: gray; 
	background-color: #f0f0f0;
	border-width:1px;
	border-style : solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	height: 16px;
	width: 87px;	
	}
.combo{
	border-color: gray; 
	background-color: #f0f0f0;
	border-width:1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
	
.datostabla{
	color: #666666;
	font-family: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: normal;
	background-color: #ceedc8;
	width: 50%;
}
	
.datostablader{
	color: #666666;
	font-family:  verdana, arial, helvetica, sans_serif;
	font-size:xx-small;
	text-decoration: none;
	font-weight: normal;
	background-color: #ceedc8;
	width: 50%;
}

/*se comentan y se añade el color a las clases ya existentes dav 27012006 */
/*.celda1{
	background-color: #D7FAF2;
}

.celda2{
	background-color: #DEEBFF;
}
.celda3{
	background-color: #FFFBE4;
}*/

.borde{
/*border-color: #f0f0f0;	*/
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-color: #006600;
width: 80%;
margin:1% 10% 0 10%;
}

/* clases para el tbo*/
.aplicaciones
{
    BORDER-TOP-WIDTH: 0px;
    FONT-WEIGHT: normal;
    BORDER-LEFT-WIDTH: 0px;
    FONT-SIZE: xx-small;
    BORDER-BOTTOM-WIDTH: 0px;
    CURSOR: default;
    COLOR: #666666;
    FONT-FAMILY: verdana, arial, helvetica, sans_serif;
    TEXT-ALIGN: center;
    BORDER-RIGHT-WIDTH: 0px;
    TEXT-DECORATION: none
}
.botonapp
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    FONT-SIZE: xx-small;
    BORDER-LEFT: white 1px solid;
    COLOR: #006600;
    BORDER-BOTTOM: white 1px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: white;
}
.inputsalida
{
    BORDER-RIGHT: gray 0px solid;
    BORDER-TOP: gray 0px solid;
    FONT-SIZE: xx-small;
    BORDER-LEFT: gray 0px solid;
    BORDER-BOTTOM: gray 0px solid;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    HEIGHT: 16px;
    COLOR:#666666;	
}

/*clase para cabecera de tablas DAV 03112003*/
.cabeceratbo{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
	background-color: #f0f0f0;
	text-align: right;
	font-weight:bold
	}
.datostbo{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
	text-align : right;
	}

/*tabla que contiene todos los leementos de lso formularios*/
table.tbo
{
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-color: #f0f0f0;
width : 95%;
	}
/*para premium logistics en otro color en los txt*/
.premium{
	font-size: xx-small;
	color:#ceedc8;
}

.tablepie{
margin-bottom:0;

}
.pie{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
color: #999999;
text-align:center;
}

/*clases genéricas de enlace dav 03022006*/
A:link
	{   
	color: #006600;
    FONT-FAMILY: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration: none;
	}
A:visited
	{ 
	color: #006600;
    FONT-FAMILY: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	text-decoration:none;
	}
A:hover
	{ 
    FONT-FAMILY: verdana, arial, helvetica, sans_serif;
	font-size: xx-small;
	font-weight: normal;
	color: gray; 
	text-decoration: underline;
	}
	
/*para el texto con autoscroll*/
.scroll{
	width:100%; height:100%; overflow:auto;} 
.tdscroll{
	height:200px;}




/*Prueba*/
.ynwrap a{color:#003399 ; text-decoration:none; }
.ynwrap a:visited{color:#800080 ; }
.ynwrap a:hover{text-decoration:underline; }

.ynwrap{text-align:center; }
.ynwrap hr{display:none; }
.yncont{width:750px; margin:0 auto; text-align:left; }



/*BEGIN NAVIGATION*/
#ynnav{padding:0; clear:both; }

#ynsubnav h5, #ynnav h5{display:none; }

#ynnav tr{margin:0; padding:0 0 0 4px; list-style:none; height:19px; background:url(../images/rul_hori_999.gif) bottom repeat-x; }

#ynnav td{display:block; float:left; background:none url(../images/bg_nav_cnrl.gif) no-repeat; margin-right:2px; padding-left: 1px;}

#ynnav td div{display:block; float:left; margin:0; background:url(../images/bg_nav_cnrr1.gif) no-repeat top right; padding-right:1px; }

#ynnav td a{display:block; float:left; font:10px verdana; font-weight:bold; color:#434343; white-space:nowrap; padding:3px 6px; margin:0; text-decoration:none; }

#ynnav td a:visited{color:#434343; text-decoration:none;}

#ynnav td.on{background:#006600 url(../images/bg_nav_cnrl_on.gif) no-repeat; padding-left:3px;}

#ynnav td.on div{background:url(../images/bg_nav_cnrr_on200.gif) top right no-repeat; padding-right:3px;}

#ynnav td.on a{color:#FFFFFF ; text-decoration:none;}

#ynnav td.on a:visited{color:#FFFFFF ; text-decoration:none;}

#ynnav td.index{background:none;  }

#ynnav td.index div{background:none; }

#ynnav td.index a{color:#003DB8 ; font-weight:normal; }

#ynnav td.index a:visited{color:#003DB8 ; }

#ynnav td.linea {background:#006600; }

.menuizquierdo
{
FONT-SIZE: xx-small;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#006600,endColorStr=#ffffff);
    VERTICAL-ALIGN: top;
    WIDTH: 100%;
    COLOR: #333399;
    FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #f0f0f0;
    TEXT-ALIGN: left;
    border-bottom-width: 0px;	

}