div.mensajes
{
	width		: 700px;
	border		: 1px solid #ff95ff;
	background	: #fefefe;
	height		: 200px;
	overflow	: auto;
	position	: absolute;
	top			: 0px;
	left		: 0px;
}

.mensaje
{
	font-size		: 90%;
	padding 		: 5px 8px;
	color			: #666;
	border-bottom	: 1px solid #ffeaff;
}

.mensaje i
{
	color	: #bbb;
}

.mensaje img
{
	position	: relative;
	top			: 1px;
}

/**/

.editor
{
	border-collapse	: collapse;
	border			: 1px solid #ffeaff;
	width			: 700px;
}

.editor th
{
	font-size	: 14px;
}

.editor th, h6
{
	background	: #ffeaff;
	height		: 24px;
	color		: #800080;
	font-weight	: normal;
}

h6
{
	line-height	: 24px;
	text-align	: center;
	margin		: 0px 0px 8px 0px;
}

.editor td
{
	border		: 1px solid #ffeaff;
}

/**/

td.celda_listado
{
	padding		: 8px 0px;
	width		: 50%;
}

td.celda_datos
{
	padding			: 8px;
	width			: 50%;
	border-bottom	: 0px;
}

/**/

.campos
{
	width	: 100%;
}

.campos td
{
	border	: 0px;
	color	: #666;
}

.campos input
{
	width		: 250px;
	border		: 1px solid #ff95ff;
	color		: #666;
}

/**/

.menu
{
	margin-top	: 10px;
}

.menu a
{
	padding: 		4px 8px; 
	margin-left:	4px;
	border: 		1px solid #ffeaff;
	background: 	#ffffff;
	color:			#666;
	text-decoration: none;
	line-height:	20px;
}


.menu a:hover
{
    background: #ffeaff;
}

/**/

td.extra
{
	border-top	: 0px;
	padding		: 8px;
}

td.extra a
{
	text-decoration	: none;
	color			: #800080;
}

/**/

.arbol
{
	overflow	: auto;
	height		: 300px;
	padding		: 0px 8px;
}

.arbol a
{
	display			: block;
	line-height		: 20px;
	width			: 100%;
	text-decoration	: none;
}

.arbol a span
{
	color			: #666;
	line-height		: 20px;
	border			: 1px solid #fff;
	padding			: 2px 4px 2px 2px;
}

.arbol a:hover span
{
	background-color	: #ffeaff;
	border				: 1px solid #ffeaff;
	border-top			: 2px solid #ffeaff;
	border-bottom		: 2px solid #ffeaff;
}