body{
	background-color:#FFFFFF;
	background-image:url('../img/fondo1.jpg');
	background-repeat:no-repeat;
	background-position:right top;
}

#bodyContent {
   	width: 95%;
    margin-top: 25px;
    margin-bottom: 50px;
    margin-left: 25px;
    margin-right: auto;
    padding: 5px;
    background-color:#FFFFFF;
}

#headerContent {
    padding: 10px;
    background-color:#003b71;
    border: 1px solid #bbbbbb;
    height:70px;
}

#areaTrabajo {
    padding-top: 5px;
    background-color:#FFFFFF;
   	//border: 1px solid #bbbbbb;
}

#cabeceraFormularioEvaluacion {
    padding: 5px;
    border: 1px solid #bbbbbb;
    vertical-align:middle;
    height:150px;
}

#headerLogo{
	position:relative;
	float:left;
}

#headerLogoText{
	padding: 14px 0px 0px 0px;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:30px;
	color:#FFFFFF;
	text-decoration:bold;
	text-align:left;
	position:relative;
	float:left;
	vertical-align:middle;
}

#labelObservacionesEvaluacion{
	vertical-align:middle;
}

.app-section-title{
	padding: 5px;
    background-color: #003b71;
	font-size: 20px;
	vertical-align: middle;
	text-align: left;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: bold;
}

.app-form-label{
	vertical-align:middle;
	text-align:right;
	border: 0px;
	width:24%;
	position:relative;
	float:left;
}

.app-form-label-text{
	text-decoration:none;
	vertical-align:middle;
	text-align:left;
	font-weight:normal;
	font-size:0.9em;
	width:25%;
	position:relative;
	float:left;
}

.app-form-input{
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	vertical-align:middle;
	text-align:left;
	font-weight:normal;
}

.group-left{
	vertical-align:middle;
	text-align:left;
	position:relative;
	float:left;
}

.group-right{
	vertical-align:middle;
	text-align:right;
	position:relative;
	float:right;
}

.app-actions{
	text-align:middle;
	vertical-align:middle;
	padding: 10px 10px 10px 400px;
	position:relative;
}

.app-div-table-bg{
	text-align:middle;
	vertical-align:middle;
	color:#000000;
	background-color:#FFFFFF;
}

.app-table-content{
	padding:2px;
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#FFFFFF;
	text-align:justify;
	vertical-align:top;
	font-size:11px;
	color:#000000;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.app-table-evaluacion{
	padding:2px;
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#FFFFFF;
	text-align:justify;
	vertical-align:top;
	font-size:11px;
	color:#000000;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	table-layout:fixed;
}

.app-table-content-even{
	padding:2px;
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#BBBBBB;
	text-align:justify;
	vertical-align:top;
	font-size:11px;
	color:#000000;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.app-table-head{
	font-size:12px;
	text-decoration:bold;
	text-align:middle;
	padding:1px;
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#003b71;
	text-align:middle;
	vertical-align:middle;
	color:#FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

th.app-table-head a{
	font-size:12px;
	text-decoration:bold;
	text-align:middle;
	text-align:middle;
	vertical-align:middle;
	color:#FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	visited:#FFFFFF;
	hover:#FFFFFF;
}

.desplegablePeriodoEvaluacion{
	text-align:middle;
	vertical-align:middle;
}

.app-input-highlight{
	background-color:#FFE38F;
}

.app-input-border-1{
	border-style: solid;
	border-width: 2pt;
	border-color: #000000;
}

.tooltip{
   position: absolute;
   padding: 10px 13px;
   width:200px;
   height:auto;
   z-index: 1500;
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: justify;
   display:none;
}

.tooltip-active{
   position: absolute;
   padding: 10px 13px;
   width:200px;
   height:auto;
   z-index: 1500;
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: justify;
   display:block;
}

#loginPanel {
    padding: 10px;
    background-color:#003b71;
    border: 1px solid #bbbbbb;
    height:400px;
    width:500px;
    top:100px;
    left:350px;
    position:absolute;
}

#loginLogo{
	height:50px;
	float:left;
}

#loginLogoText{
	height:30px;
	padding:0px 0px 0px 12px;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:30px;
	color:#FFFFFF;
	text-decoration:bold;
	float:left;
	position:relative;
	vertical-align:middle;
}

#login-form{
	text-align:left;
	vertical-align:middle;
	width:425px;
	padding:20px 10px;
	top:120px;
	left:30px;
	height:200px;
	position:absolute;
}

.login-element{
	text-align:right;
	vertical-align:middle;
	padding:5px 20px;
	text-decoration:bold;
}

.login-messages{
	padding: 5px 0px 0px 0px;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:bold;
	text-align:justify;
	vertical-align:top;
}

.login-button{
	top:140px;
	left:40px;
	position:absolute;
	padding: 5px 80px;
}

.menuFolder{
	float:left;
	width:290px;
	height:230px;
	//background-image:url('../img/folder.jpg');
	//background-repeat:no-repeat;
	padding:2px;
	//background-color:#FFFFFF;
	//color:#444444;
	text-decoration:bold;
	//font-size:12px;
	//font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	text-align:left;
	vertical-align:top;
}

#foldersContainer{
	height:300px;
	padding:20px 100px;
}

#menuPrincipal{
	background-color:#FFFFFF;
	background-image:url('');
}

#cabeceraMenuPrincipal{
	padding: 5px 10px;
	height:50px;
}

#header-icons{
	float:right;
	text-align:right;
	vertical-align:middle;
	padding: 10px 10px 10px 10px;
	color:#FFFFFF;
	text-decoration:bold;
}

#textoNoAutorizado{
	text-align:left;
	vertical-align:middle;
	padding:10px 10px;
	color:#FF0000;
}

#logoNoAutorizado{
	padding:20px 120px;
}

.no-autorizado-button{
	padding:20px 140px;
}

#areaNoAutorizado{
	background-color:#FFFFFF;
	background-image:url('');
 	padding: 10px 200px;
}

#textoError{
	text-align:justify;
	vertical-align:top;
	color:#FF0000;
	text-decoration:bold;
	padding:5px;
}

#detalleError{
	width: 500px;
	padding: 5px 5px 5px 5px;
	display:none;
}

#cabeceraFormularioBusquedaEvaluacion{
	padding: 35px 10px 10px 10px;
}

.app-form-widget{
	width:25%;
	position:relative;
	float:left;
}

#periodoActual{
	height:55px;
}

#nuevoPeriodo{
	height:55px;
}

#cabeceraFormularioUsuarios{
	padding: 10px 10px 10px 10px;
}

#cabeceraFormularioGrupos{
	padding: 5px;
    border: 1px solid #bbbbbb;
    vertical-align:middle;
}

#cabeceraFormularioDatosGrupo{
	padding: 5px;
    border: 1px solid #bbbbbb;
    vertical-align:middle;
}

.app-two-column-element{
	display:table;
	width:100%;
}

.app-tooltip{
	background-image:url('../img/corner-note.png');
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:10px;
} 

.app-scroll{
	overflow:scroll;
	overflow-x:hidden;
}

.app-impacto-evaluacion{
	width:100%;
	height:100px;
}

.tdLabel{
	text-align:right;
}

.validado{
}

.validado-rto{
}

.validado-head{
}

.validadorto-head{
}

.usuario-importable{
}

.modify-group{
}

.delete-group{
}

.enable-group{
}

.app-check-exit-without-save{
}