html, body { background-color: White;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 8pt;
	margin: 2px; height: 100%; }
.main { width: 1010px; min-height: 97%; margin: auto; }
#footer-id { clear: both; text-align: center; padding: 2px; font-size: 8pt; }
.main .menu { float: left; padding: 0; font-size: 8pt; }
.menu ul.items { list-style: none; margin: 0;	padding: 0; }
.menu ul.items li {	display: inline; border-left: 1px solid #6e6e6e; padding: 0 1px 0 4px; }
.menu ul.items li.first { border: none;	padding-left: 0; }

/* GC: for apply background-color float is necesary */
.main .head { clear: both; float: left; width: 100%; background-color: #F5F5F5; border-bottom: solid 1pt #DCDCDC; }
.main .head .title { float: left; font-size: 16pt; line-height: 4em; vertical-align: middle; margin-left: 20px; }
.main  .head .logo { float: left; height: 80px; }
.main .head .message { float: left; margin-left: 100px; width: 300px; }
.main .head .info { float: right; font-size: 8pt; padding: 2px; }

.icws {width:16px; border:0px; margin-left:2px; margin-right:4px; vertical-align:middle}
.icwm {width:32px; border:0px; margin-left:2px; margin-right:4px; vertical-align:middle}
.icwl {width:48px; border:0px; margin-left:2px; margin-right:4px; vertical-align:middle}
.icwxl {width:64px; border:0px; margin-left:2px; margin-right:4px; vertical-align:middle}

/* Estilos para los mensajes 
 * Deben copiarse en el css que usa el cliente */
.msg-navigation { clear: both; float: right; }
.msg-navigation a { text-decoration: none; }
.msg-navigation img.disabled { background-color: silver; }
.msg-navigation img.enabled { background-color: blue; border: 0; }
.msg-navigation a:hover img { background-color: black; filter:invert(); }
.msg-content { clear: both; font-size: 8pt;	margin-left: 2px; }
.msg-image {	float: left; max-width:32px; margin-right: 2px; }
.msg-title { font-size: 9pt; }
.msg-date { float: right; }