/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* -------------------------- Diseņado y Realizado por Dedo Multimedia -------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ------------------------------------ http://www.d-do.com ------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* paginator */
.paginatorContent
{
	font-size:100%;
	margin-left:0em;
	width:95%;
	border-bottom:1px solid grey;
	height: 3em;
	margin-left: 2em;
}

.pageInfo {
	margin: 0em;
	padding: .8em 0em .8em 0em;
	float:left;
}

/* bloque paginas, select y botones */
.pageList
{
	text-align:right;
	
}

.pageList select
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	height: 1.4em;
	font-size: .9em;
	color: #808080;
}

/* lista paginas */
ul.pagList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}

ul.pagList li
{
	display: inline;
	padding: 0;
	margin: 0;
}

ul.pagList li.pageOn
{
	color:#CB292B;
}


/* multiforkey, multienum select */
.multiSelect {

}

.separador {
	width:2em;
}

.multiSelectTh {
	border-color: #9F9F9F;
	border-width: 1px;
	border-style: solid;
	backGround-color:#FFFFFF;
	text-align:center;
}

.multiSelectSelect {
	width:16em;
	height:12em;
}

.multiSelect .botonOff {
	border:0em;
	text-align:center;
}

.multiSelect .botonOn {
	border:0em;
	text-align:center;
}

/* templates file y fotos */
.contFileFotoMember {
	font-size:1em;
	float:left;
}

.delFileFotoMember {
	position:relative;
	left:2em;
	top:0em;
}

.restrictionText {
	color:#FF7800;
	font-weight:bold;
}

/*
---- dedolib radioButtons y ChecksButtons
*/
ul.horizontalRadios, ul.verticalRadios {
		display: block;
		line-height: 100%;
		margin: 0em;
		padding: 0em;
	}
	
	ul.horizontalRadios li{
		display: inline;
	}

.checkRadioInput {
	float:left;
	border: 0em;
	margin-top:.5em;
}

.labelRadiosChecks {
	padding: 0em 1em 0em .1em;
	margin: 0em;
	margin-top: 0.8em;
	width: auto !important;
}



img {
	border: 0em;
}

input, textarea
{
	color: #222222;
	font-size: 1em;
	padding-left:.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea
{
	border: 1px solid #ccc;
	background: #F3F1F1;
}

.inputText
{
	border: 0px;
	border: 1px solid #ccc;
	background: #F3F1F1;
	margin-bottom: .2em;
}

.inputTextError
{
	border: 0px;
	border: 1px solid #FFDDDD;
	background: #F3F1F1;
	margin-bottom: .2em;
}

select
{
	color: #222222;
	border-color: #ccc;
	border-width: 1px;
	border-style:solid;
	font-size: 1em;
	background: #F3F1F1;
}


/*
--------- botones dedolib
*/
.botonOff {
	background: #FFCC80;
	border-left: #FFF;
	border-width: 0em 0em 0em .3em;
	border-style: none none none solid;
	padding: 0em .8em 0em .8em;
	color: #444444;
	text-align:center;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
}

.botonOn {
	background: #FF9900;
	border-left: #FFF;
	border-width: 0px 0px 0px 3px;
	border-style: none none none solid;
	padding: 0em .8em 0em .8em;
	color: #FFFFFF;
	text-align:center;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
}

/*
--------- simbolos de informacion para los campos de los formularios
*/
form, fieldset {
	margin:0em;
}

form label.required, form span.required {
	background-image: url(../images/dedolib/required.gif);
	background-repeat: no-repeat;
	background-position: right 0em;
}
form label.problem, form span.problem {
	background-image: url(../images/dedolib/problem.gif);
	background-repeat: no-repeat;
	background-position: right 0em;
}
form label.completed, form span.completed {
	background-image: url(../images/dedolib/complete.gif);
	background-repeat: no-repeat;
	background-position: right 0em;
}

form div.errorField {
	height:1em;
	font-size:1em;
	color: #FF0000;
	clear:left;
	margin-bottom:-18px;
}

form span.errorField {
	height:2em;
	font-size:1em;
	color: #FF0000;
	padding-left:1em;
}
	
	
/*
--------- caja de mensajes de error o info
*/

#messages {
	border: 1px solid #415E93;
	background: #f9f9f9;
	margin: 1em 0em 1em 1em;
	padding: 0em;
	font-size:95%;
}
#messages .title {
	background: #415E93;
	color: #fff;
	padding: .3em;
}
#messages ul {
	display: block;
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}
#messages li {
	border-bottom: 1px solid #ccc;
	display: block;
	list-style: none;
	margin: 0em;
	padding: .3em;
}
#messages li.error {
	border-left: 6px solid #900;
	color: #000;
}
#messages li.info {
	border-left: 6px solid #C0C9E1;
}
#messages li.warning {
	border-left: 6px solid #f60;
}
#messages span {
	vertical-align: middle;
}
.msg_icon {
	height: 1.1em;
	margin: 0 .5em 0 .2em;
	vertical-align: middle;
	width: 1.1em;
}
/*
-----------------  caja de seleccion de fechas
*/

#dateChooseContent
{
	margin: 0em;
	padding: .2em;
	display: block;
	width: 11em;
	background-color:#FFFFFF;
}

#dateChooseContent ul	 
{
	border: 0px;
	margin: 0em;
	padding: 0em;
	list-style-type: none;
	text-align: center;
}

#dateChooseContent li
{
	display: block;
	text-align: center;
	padding: 0em;
	margin: 0em;
	float:left;
	border: 1px solid #FFFFFF;
}
 
#dateChooseContent ul li a	 
{
	background: #C0C9E1;
	width: 7em;
	height: 1.5em;
	padding: 0em;
	color: #444444;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 1em/1.5em Helvetica, Verdana, Arial, sans-serif;
}

#dateChooseContent li.sign a
{
	width: 1.5em;
}
 
#dateChooseContent li.semana
{
	background: #C0C9E1;
	width: 7em;
	height: 1.5em;
	padding: 0em;
	color: #444444;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 1em/1.5em Helvetica, Verdana, Arial, sans-serif;
}

#dateChooseContent li.sigue a
{
	width: 5.1em;
}
 
#dateChooseContent ul li a:hover	 
{
	color: #FFFFFF;
	background-color: #415E93;
}

#dateChooseContent a:active	 
{
	background: #FF7840;
	color: #FFFFFF;
}

#dateChooseContent li#active a	 
{
	background: #FF7840;
	color: #FFF;
}


#formulario01 fieldset div.fieldHelp
{
	font-size: 90%;
	padding: 1em 2em 1em 2em;
	margin-bottom: 2em;
	color: #039DCD;
	border-color: #CCC;
	border-width: 1px;
	border-style: dashed none dashed none;
}


/* formularios */


fieldset legend {
	border: 0px solid #ccc;
	text-align: right;
	margin-left: 0em;
	}
	
fieldset legend span {
	display: none;
	}	 		

fieldset {
	border: 0px solid #ccc;
	
	margin-bottom: 1em;
	margin-left: 0em;
	display: block;
	}



fieldset label, fieldset span.spanLabel{
	margin-top: 0.7em;
	float:left;
	width: 12em;
	text-align:right;
	padding-right:1em;
	font-size:100%;
}

fieldset input, fieldset select, fieldset textarea {
	margin-top: 0.5em;
}

fieldset.simpleCol8 label, fieldset.simpleCol8 span.spanLabel {
	float:left;
	width: 8em;
}


fieldset.simpleCol9 label, fieldset.simpleCol9 span.spanLabel {
	float:left;
	width: 9em;
}

fieldset.simpleCol10 label, fieldset.simpleCol10 span.spanLabel {
	float:left;
	width: 10em;
}

fieldset.simpleCol15 label, fieldset.simpleCol15 span.spanLabel {
	float:left;
	width: 15em;
}

/*
------ los botones de los formularios para guardar, listado, etc..
*/
#formulario01 #cajaBotonesForm {
 	margin: 0;
 	text-align:right;
 	padding-right: 0em;
 	margin-bottom: 1em;
	}
	
#formulario01 #botonesForm {
	
	padding: .4em 1em .4em 0em;
	list-style-type: none;
	height: 1em;
	font-weight: bold;
	border: 0px solid #ccc;
	margin: 0em;
	}

#formulario01 #botonesForm li
{
	position: relative;
	margin: 0em;
	padding: .4em 0em .4em .5em;
	display: inline;
}
	
#formulario01 .boton {
	border: 0px;
	border: 1px solid #ccc;
	background: #F3F1F1;
	}	
/*
------ fin los botones de los formularios para guardar, listado, etc..
*/


div.autoComplete {
      position:absolute;
      width:20em;
      background-color:white;
      border:1px solid #888;
      margin:0;
      padding:0;
      z-index: 100;
    }

div.autoComplete ul  {
      list-style-type: none;
      margin:0;
      padding:0;
    }
div.autoComplete li.selected { background-color: #ffb; }
div.autoComplete li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:.2em;
      height:1.2em;
    }