/********************************      Basic Structure      ********************************/

html {
                font-size: 100%;
               /* height: 100%;*/
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

/*body {
                font-family: Arial, Helvetica, sans-serif;
                color: #555;
                background: #f0f0f0 url('../images/bg-body.gif') top left repeat-y;
                font-size: 12px;
                }

#body-wrapper {
                background: url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;
                }              */  

/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7  url('../images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 0px 0;
                }

.shortcut-button span {
                background-position: center 3px;
                background-repeat: no-repeat;
                border: 1px solid #fff;
                display:block;
                padding: 58px 10px 10px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 0.7em;
                }

.new-article span {
                background-image: url('../images/icons/boton_editar.png');
                }
                
.new-page span {
                background-image: url('../images/icons/boton_altas.png');
                }
                
.upload-image span {
                background-image: url('../images/icons/boton_bajas.png');
                }
                
.add-event span {
                background-image: url('../images/icons/boton_imagenes.png');
                }
                
.manage-comments span {
                background-image: url('../images/icons/boton_recibos.png');
                } 
				
.boton-rustico span {
                background-image: url('../images/icons/boton_rustico.png');
                } 

.boton-urbano span {
                background-image: url('../images/icons/boton_urbano.png');
                } 
				
.boton_imprimir span {
                background-image: url('../images/icons/boton_imprimir.png');
                } 

.boton-pisos span {
                background-image: url('../images/icons/boton_pisos.png');
                } 
				
.boton_instalaciones span {
                background-image: url('../images/icons/boton_instalaciones.png');
                } 	
				
.boton-pisos-agregar span {
                background-image: url('../images/icons/boton_pisos_agregar.png');
                } 				
		
.boton-guardar span {
                background-image: url('../images/icons/boton_guardar.png');
                } 			
				
.boton-eliminar span {
                background-image: url('../images/icons/boton_eliminar.png');
                } 	
				
.boton-salir span {
                background-image:url('../images/icons/boton_salir.png');
                } 						
				
.boton-nuevo span {
                background-image: url('../images/icons/boton_nuevo.png');
                } 									
	
.boton-habilitar span {
                background-image: url('../images/icons/boton_habilitar.png');
                } 	
				
.boton-hr span {
                background-image: url('../images/icons/boton_hr.png');
                } 
				
.boton-mantenimiento span {
                background-image: url('../images/icons/boton_mantenimiento.png');
                } 												
				
.boton-fraccionamiento span {
                background-image: url('../images/icons/boton_fraccionamiento.png');
                } 	
				
.boton-subirarchivos span {
                background-image: url('../images/icons/boton_subirarchivos.png');
                } 	
				
.boton-detallado span {
                background-image: url('../images/icons/boton_detallado.png');
                } 				
			
.boton-consolidado span {
                background-image: url('../images/icons/boton_consolidado.png');
                } 					
				
.boton-general span {
                background-image: url('../images/icons/boton_general.png');
                } 
				
.boton-cancelar-ano span {
                background-image: url('../images/icons/boton_cancelar_ano.png');
                } 
.boton-cambiar span {
                background-image: url('../images/icons/boton_cambio.png');
                } 
.boton-detalle span {
                background-image: url('../images/icons/boton_detalle.png');
                } 						
				
.boton-cancelar span {
                background-image: url('../images/icons/boton_cancelar.png');
                } 																
				
.boton-anular span {
                background-image: url('../images/icons/boton_anular.png');
                } 										
				
.boton-modificar span {
                background-image: url('../images/icons/boton_modificar.png');
                } 				
	
.boton-beneficio span {
                background-image: url('../images/icons/boton_beneficios.png');
                } 	
				
.boton-pension span {
                background-image: url('../images/icons/boton_pension.png');
                } 		
				
.boton-porcentage span {
                background-image: url('../images/icons/boton_porcentage.png');
                } 	
				
.boton-revertir span {
                background-image: url('../images/icons/boton_revertir.png');
                } 	
				
.boton-nuevo-usuario span {
                background-image: url('../images/icons/boton_usuario.png');
                } 	
				
.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
				color: #57a000; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 10px 0 0;
				padding: 0 !important;
				background: 0;
                }

/*************** Forms ***************/

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 4px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }