html, body { background-color: White;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 8pt;
	margin: 2px; height: 100%; }
.main {width: 100%; 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; }

/* 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; margin-right:4px}
.msg-title {font-size:9pt}
.msg-date {float:right}

.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}