/***************************

CSS de Formularios y Listas

***************************/


.form-widget-error, .form-required-mark, .form-error {
    color: #c30000;
    font-size: 85%;
}

.form-label-error {
    color:  #c33333;
    text-align: center;
    border-bottom: 1px dotted #c30000; 
}

.form-label-error .form-required-mark {
    visibility: hidden;
}

.form-fieldset {
    border: 0px solid #000;
}

.margin-form {
    width: 75%;
    margin: auto;
    padding: 1.5em;
    border: 1px solid;
}

.margin-form .form-required-mark {
    display: inline;
    color: #c30000;
    font-size: 50%;
    vertical-align: super;
}

.form-required-mark:hover span {
    display: inline;
}

.margin-form .form-item-wrapper {
    padding: 5px;
    margin-left: 1em;
    font-size: 110%;
    
}	

.margin-form .form-item-wrapper .form-label {
    float: left;
    text-align: right;
    display: block;
}

.margin-form .form-item-wrapper .form-widget {
    display: block;
    margin-left: 12em;
}

.form-item-wrapper .form-help-text {
	font-size:80%; 
	visibility: hidden;
	color: #016799;
}

.form-item-wrapper:hover .form-help-text {
    visibility: inherit;
}

.margin-form .form-button {
    padding: 0.6em;
    text-align: center;
}

.form-button input {
    font-size: 120%;
    padding: 0.25em;
    border: 2px solid #003366;
    backgroung-color: white;
}

.form-button .button {
    font-size: 120%;
    padding: 0.25em;
    border: 2px solid #003366;
    backgroung-color: white;
}



.margin-form .form-item-wrapper .form-error, .margin-form .form-item-wrapper .form-widget-error {
	display: block;
	margin-left: 17em;
}

.margin-form input {
    font-size: 110%;
}

.margin-form select,textarea {
    font-size: 120%;
}




.margin-form legend span { 
    display: block;
}

.vertical-form .form-required-mark {
    display: inline;
}

.vertical-form .form-item-wrapper {
	clear: both;
	padding: 8px;
}	

.vertical-form .form-item-wrapper .form-label{
	text-align: left;
	display: block;

}

.vertical-form .form-item-wrapper .form-widget{
	display: inline;

}


.inline-form div {
	display: inline;	
}


/* pages that are laid out like forms but do not use the form builder and do not have input fields*/
.margin-form-div .form-item-wrapper {
	padding-bottom: 10px;
}

.margin-form-div h1 {
	margin-left: 13.5em;
}


/********************

Incluí aquí desde lists.css para ahorrar una petición

********************/


div.list-button-bar-top {
	padding-top: 5px;
	padding-bottom: 10px;
}
div.list-button-bar-bottom {
	padding-top: 10px;
}


table.list-table {
	border-collapse: collapse;
	border: 1px solid #ccc;	
}

table.list-tiny {
  font-size: x-small;
  border-collapse: collapse;
}

.list-table tr.list-header {
	background-color: #ffffff;
}

th.list-table, th.list-table-narrow, .list-table th {
	padding: 8px 16px;
	border-bottom: 3px solid #A0BDEB;
}

.list-table tr.even, .list-tiny tr.even {
	background-color: #ffffff;
}

.list-table tr.odd, .list-tiny tr.odd {
	background-color: #F0EFF0;
}

td.list-table, td.list-table-narrow, .list-table td {
	padding: 8px 16px;
	border-bottom: 1px solid #A0BDEB;
}

td.list-table-narrow, th.list-table-narrow {
	padding-left: 4px;
	padding-right: 4px;
}

tr.last td {
  border-bottom: 3px solid #A0BDEB;
}

/* pagination ------------------------------------------ */
div.list-paginator-top {
 padding-bottom: 5px;
}

div.list-paginator-bottom {
	padding-top: 15px;
}

.list-paginator li {
	padding:5px;
}

.list-paginator li {
	border: 1px solid #f00;
	background-color: white;
	padding: 2px 4px;
	font-weight: bold;
	border: 1px solid #FFF;
}

.list-paginator li a:hover {
	background-color: #e5e5e5;
}

.list-paginator li.current {
	background-color: #e5e5e5;
	border: 1px solid #999;
}

/* end pagination ------------------------------------------ */

/* list-filter ------------------------------------------ */

td.list-filter-pane {
    margin: 1em;
    padding: 0.5em;
    vertical-align: top;
    border-right: 2px solid #ccc;
    font-size: 1.1em;	
}

td.list-filter-pan table {

    margin-bottom: 3em;

}

.list-filter-header {
    font-weight: bold;
    border-top: 1px solid #999;
    text-align: center;
    border-bottom: 2px solid #ccc;
    width: 75%;
}

.list-filter { 
    font-size: 75%;
    padding-left:10px;
}

tr.list-filter-selected { 
    font-weight: normal;
}

span.list-filter-selected {
    background-color: #CCCCCC;  
    font-size: 1.3em;
}

.list-filter-section { 
  background-color: #bbbbff; 
  padding-left: 4px; 
  padding-top: 4px; 
  padding-bottom: 4px; 
  margin-top: 0px; 
  margin-bottom: 8px;
}

div.list-inline-filter { 
  font-size: x-small; 
}
span.list-inline-filter { 
}
span.list-inline-filter-selected { 
  font-weight: bold;
}
a.list-inline-filter { 
}

td.list-list-pane {
  background-color: white;
  vertical-align: top;
  padding-left: 10px;
}

