.main .body .filter {float:left; width:140px; border-right:solid 1pt #DCDCDC; padding-right:2px}
.main .filter .separator {clear:both; border-bottom:solid 1pt #DCDCDC; margin-top:5px; margin-bottom:5px}
.main .filter .option {margin-top:6px; margin-bottom:6px}
.main .filter .title {font-size:12pt; font-weight:bold; margin-bottom:4px}
.main .filter .subtitle {font-weight:bold; margin-bottom:4px}
.main .filter .blank {margin-top:4px}
.main .filter .select {width:100%; margin-left:0px; font-size:8pt}
.main .filter .date {width:65px; font-size:8pt}
.main .filter .text {width:100%; font-size:8pt}
.main .body .content {overflow:hidden}
#footer-id {clear:both; text-align:center; padding:2px; font-size:8pt}

/* global classes */
.link {color:Blue; cursor:pointer}
.link:hover {text-decoration:underline}
.link2 {cursor:pointer}
.link2:hover {text-decoration:underline}
.moreinfo {color:Blue; cursor:pointer}
span.menu {color:Blue; cursor:pointer}
span.menu:hover {color:Blue; text-decoration:underline}
.button {opacity:0.8; filter:alpha(opacity=80); margin-top:2px; cursor:pointer}
.button:hover {opacity:1.0; filter:alpha(opacity=100)}
div.row {clear:both}
div.row span.left {float:left}
div.row span.right {float:right}
.left {	float:left}
.right {float:right}
.blank {clear:both; margin-top:4px}
.separator {clear:both; height:4px; border-bottom:dotted 1pt #DCDCDC}	
.line {clear:both; height:4px; border-bottom:solid 1pt #DCDCDC; margin-bottom:2px}
.aligncheck {line-height:22px}
.icon  {background:#069 url(../img/t-rounded.gif) no-repeat} /* transparent icon 16x16 */
.icon1 {height:22px; vertical-align:bottom; margin-bottom:2px}
.icond {height:14px; border:0px; margin-left:2px; margin-right:4px}
.icondm {height:14px; border:0px; margin-left:2px; margin-right:4px; vertical-align:middle}
.icong {height:16px; border:0px; margin-left:2px; margin-right:4px}
.bold {font-weight:bold}
.selected {background-color:#ADD8E6}
.invalid {background-color:#FFF380}

.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; width:250px; line-height:4em; vertical-align:middle; margin-left:2px}
.main  .head .logo {float:left; height:80px}
.main .head .message {float:left; margin-left:150px; width:300px}
.main .head .info {float:right; font-size:8pt; padding:2px}
.main .body {clear:both; width:100%; margin-left:2px; margin-right:2px}
.main .body .filter {float:left; width:130px; margin-top:4px; padding:2px; border-right:solid 1pt #DCDCDC; margin-right:4px}
.main .filter .separator {clear:both; border-bottom:solid 1pt #DCDCDC; margin-top:5px; margin-bottom:5px}
.main .filter .option {margin-top:6px; margin-bottom:6px}
.main .filter .title {font-weight:bold; margin-bottom:4px}
.main .filter .blank {margin-top:4px}
.main .filter .select {width:100%; margin-left:0px; font-size:8pt}
.main .filter .date {width:65px; font-size:8pt}
.main .body .content {overflow:hidden} /* allows the block to expand to the right */
.main .foot {clear:both; width:100%}

/* version page */
.version {font-size:9pt; margin-top:10px; padding:4px; line-height:1.3em}
.version .new {color:green}
.version .update {color:blue}
.version .error {color:Red}

/* dialog */
.dialog
{
	position:absolute;
	z-index:20;
	visibility:hidden;
	text-align:left;
	background-color:white;
	border-top:2px solid silver;
	border-left:2px solid silver;
	border-bottom:2px solid black;
	border-right:2px solid black;
}
.dialog .title
{
	background-color:#4682B4;
	color:white;
	font-size:10pt;
	font-weight:bold;
	height:20px;
	padding:4px;
	vertical-align:middle;
}
.dialog .body {padding:2px}
.dialog .foot {padding:8px}
.dialog .bottom  {clear:both; height:8px}

/* dialog options */
.options {width:165px; font-size:8pt; font-weight:normal}
.options .option {clear:both; width:92%; margin-left:-1px;
	color:Navy; padding:4px; cursor:pointer;		
}
.options .option {text-decoration:none}
.options .option:hover {background-color:steelblue; color:White}

#assign-id {width:210px}
#assign-id .fullname {font-size:8pt}
#assign-id .margin {margin-left:4px}
#assign-id .address {width:93%}

/* view */
.view {font-size:8pt; padding:2px}
.results {font-size:9pt; padding:2px}
.navigation {font-size:9pt; float:right}
.view table {width:100%}
.view table th {text-align:left; background-color:steelblue; color:white; padding:2px}
.view table .text {width:350px}
.view table td {padding:2px}
.view table tr.row-future0 {background-color:#FFF380}
.view table tr.row-future1 {background-color:#FFFFB2}
.view table tr.row-past0 {background-color:#F5F5F5}
.view table tr.row-past1 {background-color:white}
.view table tr.row-denied {background-color:#E77471}
.view table td.column-internet {background-color:#5D92FF}

/* edit */
#item-id .subtitle {clear:both; width:98%; font-size:12pt; font-weight:bold; 
	margin-left:5px; margin-top:12px; margin-bottom:4px; border-bottom:solid 1pt #DCDCDC}
#item-id .lvalue {width:100px; float:left; margin-left:4px}
#item-id .rvalue {width:154px}
#item-id .rvalue2 {width:300px}
#item-id .rvalue-date {width:60px}
#item-id .row {margin-top:4px}

/* log */
#log-id {padding:2px}
#log-id table {font-size:9pt}
.log table th {text-align:left; background-color:steelblue; color:white; padding:2px}
.log table tr.row-odd {background-color:#B5EAAA}
.log table tr.row-even {background-color:#DDFFD2}

#progress-id {display:none; float:left; height:14px}

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