form {
    padding:0px;
    margin:0px;
}
form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
form ul li {
    margin: 0;
    clear: both;
    border-top: 1px solid #AFA;
    padding: 0.5em 0;
}

form ul.errors {
    width:95%;
    font-size: 78%;
    padding:0px;
    margin:4px;
    margin-bottom:5px;
    border:0px solid #FDEBE8;
    float:none;
    clear:left;
    color:black;
    list-style-position: inside;
    list-style-type: square;
}

form ul.errors li{
    color:red;
    border:0px;
    padding:2px;
}
form div.hint {
    color: #2A2;
    font-size: 75%;
    margin:0px;
    margin-left:12em;
}
form li.submit {
    text-align: center;
    list-style:none;
}



.form-response {
    border: 1px solid red;
    padding: 5px;
    margin-top: 10px;
    margin-left: 0px;
    border: 1px solid red;
    background:#FDEBE8;
}
.form-response strong {
    color:red;
    font-size:120%;
    margin-right:0.5em;
}

a.button-format:link {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

a.button-format:visited {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


label.leftalign {
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 10px;
    line-height: 1.6em;
    text-align: right;
    width: 100px;
}

fieldset {
    margin: 0px 0px 0px 4px;
    padding: 5px;
    border: 0px;
    border:1px solid #AADDAA;
    background: #FAFAFE;
    clear: both;
    float:none;
    width: 100%;
}

.fmverde fieldset {
    background: #FAFDFA;
}

.fmverde fieldset legend {
    color: rgb(54, 203, 70);

}

fieldset legend {
    margin: 4px 5px;
    padding: 0 10px;
    font-size:18px;
    font-weight: bold;
    color: rgb(54, 70, 203);

} 
/*
fieldset label {
float:left;
width: 10em;
margin-right: 0.5em;
margin-left: 0.5em;
clear:right;
}*/
fieldset label.lefty {
    float:left;
    width: 10em;
    margin-right: 0.5em;
    margin-left: 0.5em;
    clear:right;
}

fieldset ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

fieldset li {
    margin:0;
    clear:left;
    /*width:100%;*/
    padding-bottom: 0.9em;
}

fieldset li.on {  
    clear:left;
    width:100%;
    padding-bottom: 0.2em;
    background-color:#999999;
}


fieldset ol.res {
    padding: 2px;
    margin: 2px;
    list-style: none;
}

form input:focus, textarea:focus {
    background: #FFF;
    border:2px solid #A1EFA1;
}

div.submit {
    text-align:center;
}
div.submit input, li.submit input{
    margin:0;
    padding:2px 12px 3px 12px;
    font-size:13px;
    height:27px;
    color:white;
    font-weight:bold;
    border:0 none;
    margin-left:auto;
    margin-right:auto;
    border-bottom: 1px solid #7345AE;
    border-right: 1px solid #7345AE;
    border-top: 1px solid #7583EE;
    border-left: 1px solid #7583EE;
    background: #4B67A5;
    /*background: transparent url("../img/boton_verde.png") no-repeat scroll left top;*/
}

div.stdForm {
    width: 550px;
}

div.stdForm fieldset label {
    width:12em;
}

div.stdForm div.hint {
    margin-left:16.6em;
}

div.noticiaForm {
    width: 600px;
}

div.noticiaForm fieldset label {
    width:8.8em;
}

div.noticiaForm div.hint {
    margin-left:12.5em;
}



div.p600Form {
    width: 600px;
}

div.p600Form fieldset label {
    width:12em;
}

div.p600Form div.hint {
    margin-left:16.5em;
}

div.p650Form {
    width: 650px;
}

div.p650Form fieldset label {
    width:9.8em;
}

div.p650Form div.hint {
    margin-left:14.6em;
}

div.p550Form {
    width: 550px;
}


div.p700Form {
    width: 700px;
}

div.p700Form fieldset label {
    width:10.4em;
}

div.p700Form {
    width: 750px;
}

div.p700Form div.hint {
    margin-left:14.6em;
}
div.p750Form fieldset label {
    width:10.4em;
}

div.p750Form {
    width: 750px;
}

div.p750Form div.hint {
    margin-left:15.2em;
}
div.p550Form fieldset label {
    width:10.2em;
}

div.p500Form fieldset label {
    width:10em;
}


div.p550Form div.hint {
    margin-left:14.6em;
}

div.p500Form {
    width: 500px;
}
div.p500Form div.hint {
    margin-left:15em;
}


div.p450Form {
    width: 450px;
}

div.p450Form fieldset label {
    width:9.8em;
}




div.pEdSubForm {
    width: 550px;
}

div.pEdSubForm fieldset label {
    width:30em;
}



div.p300Form {
    width: 230px;
    min-width:180px;
}

div.p300Form fieldset label {
    width:11.8em;
}

div.p300Form div.hint {
    margin-left:0em;
}


div.loginForm_index {
    margin:0;
    padding:0;
    width:100%;
}

div.loginForm {
    margin:0;
    padding:0;
    width:400px;
}
div.loginForm fieldset label,div.loginForm_index fieldset label{
    width:6.4em;
}

div.loginForm div.hint,div.loginForm_index div.hint{
    margin-left: 9.8em;
}

div.passForm fieldset {
    background:  #F8FFEC;
}

div.passForm fieldset legend {
    color:  #35DE43;
}
div.passForm li.submit input {
    background:  #54C765;
    border-bottom: 1px solid #45AE73;
    border-right: 1px solid #45AE73;
    border-top: 1px solid #75EE83;
    border-left: 1px solid #75EE83;
}
.error {
    color:red;
}

div.dialog-content-form {
    text-align:left;
    font-size: 85%;
}
div.dialog-content-form fieldset legend {
    font-size: 100%;
}

div.dialog-content-form fieldset hint {
    font-size: 95%;
}
div.dialog-content-form .messages {
    font-size: 100%;
}
#cbox-group {
    display: block;
    text-align: left;
    margin-left:165px;
}

#cbox-group label{
    width:100%;
}

#fieldset-botones {
    margin-top: 4px;
}

.periodo-header {
    color:#333333;
}

/*
			 * The state classes are a little bit complex, because of the doubble class bug in IE6
			 * The state class looks like this:
			 *
			 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
			 *
			 * Examples:
			 *
			 * .ui-radio-state-checked (simply checked)
			 * .ui-radio-state-checked-hover (checked and hovered/focused)
			 * .ui-radio-state-hover (unchecked and hovered/focused)
			 *
			 */

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
    color: #999;
}
span.ui-checkbox,
span.ui-radio {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url('../img/icon_checkbox.png') 0 -40px no-repeat;
}
span.ui-helper-hidden {
    display: none;
}
label {
    padding: 2px;

}
span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
    background-position: 0 -114px;
}

span.ui-checkbox-state-checked {
    background-position: 0 -1px;
}

span.ui-checkbox-state-checked-hover {
    background-position: 0 -75px;
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
    background-position: 0 -161px;
}


span.ui-radio-state-checked-hover {
    background-position: 0 -200px;
}

.fallas {
    background-color: #EEEEFF;
}

.desempeno {
    background-color: #DDEEFF;
}

.final {
    background-color:#F1FFF1;
}

.checkbox-group {
	width:100%;
	table-layout:auto;
}
.checkbox-group td{
	padding:3px;
}