/**
 * Esta hoja de estilo guarda la información relativa a la solicitudes
 * de servicios de Mostoles.
 
 * @author Divisa Informática y Telecomunicaciones S.A.
 * @since Proxia Portal Server 5.5
 * @copy  2009
 */

/*****************************************************************/
/*          ESTILOS DE LOS FORMULARIOS DE SOLICITUDES            */
/*****************************************************************/
  
/**
 * capa que contiene el formulario de solicitudes de servicios.
 */
DIV.requestServices {
	text-align: left;
	background-color:#F4E0C7;
}

/**
 * capa que contiene los datos del formulario.
 */
.requestServicesContainer {
	width: 100%;
}

.requestServicesContainer FIELDSET{
	margin:0;
}


.requestInformComponent { /* cada fila del formulario */
	padding: 0.3em 1em;
}

/**
  * titulos del formulario
  */
.requestTitle {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-weight: 900;
	padding:0.1em 1em 0.2em 1.7em;
	margin:0;
	background-image:url(/imagenes/contenidos/bullet6.gif);
	background-repeat:no-repeat;
	background-position:0.4em 0.3em;
	background-color:#4E884E;
	color:#FFF;
	font-weight:bold;
}

/**
  * capa que contiene los input.
  */
.requestInput {
	padding: 0.3em 0;
}  

/**
  * Elementos del formulario.
  */
.requestTextLabel {
	font-family: Verdana, Geneva, Tahoma, sans-serif;	
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	margin-right: 1em;
	color: #515151;
}

span.requestTextLabel{
	padding-left:1em;
}

div.requestInformComponent span.requestTextLabel{
	padding-left:0;
}

SPAN.requestTextLabel.block { /* textos informativos */
	font-weight: bold;	
}

.requestButton {
	background-color:#e69833;
	background-image: url("/imagenes/contenidos/bullet6.gif");
	background-position: 0.4em 0.55em;
	background-repeat: no-repeat;
	padding:0.2em 0.4em 0.3em 1.3em;
	border:1px solid #fff;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
}
 
INPUT.requestInformation {
	margin-right:0.9em;
	background-color:#FFF;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #333;
	border : 1px solid #C0C1C6;
	cursor: text;
}
 
TEXTAREA.requestInformation {
	background-color: #FFF;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #333;
	border: 1px solid #C0C1C6;
	height: 10em;
	width: 100%;
}


.requestServices .cmClear {
	min-height: 1em;
	height: auto!important;
	height: 1em;
}

/**
  * Longitudes de los inputs de los campos comunes.
  */
.fulNameLenght{
	width: 100%;
}

.streetLenght{
	width: 49%;
}

.numberLenght{
	width: 9%;
}

.flatLenght{
	width: 12%;
}

.localityLenght{
	width: 28%;
}

.zipCodeLenght{
	width: 10%;
}

.provinceLenght {
	width: 19%;	
}

.dniLenght{
	width: 38.75%;
}

.telephoneLenght {
	width: 13.95%;
}

.emailLenght {
	width: 88.7%;
}

DIV.representativeLenght  {
	width: 79.5%;
	padding: 0.3em 0;
}

.representativeLenght INPUT {
	width: 79.5%;	
}

DIV.representativeNifLenght {
	width: 20%;
	padding: 0.3em 0;
}

.representativeNifLenght INPUT {
	width: 100%;
}

.locationLenght {
	width: 100%;
}

/** Longitudes de campos especificos de form de retirada de vehículos */
INPUT.matriculationLenght {
	width: 21.7em;
}

.vehicleSituationLenght {
	width: 74%;
}

/** Longitudes de campos de la cuenta bancaria */
.bankNumberLenght {
	text-align: left;
	width: 81%;
}

INPUT.entityLenght {
	width: 4em;
	margin: 0;
}

INPUT.officeLenght {
	width: 4em;
	margin: 0;
}

INPUT.controlDigitLenght {
	width: 2em;
	margin: 0;
}

INPUT.accountNumberLenght {
	width: 10em;
	margin: 0;
}

/** Longitudes de campos especificos de form de retirada de IBI */
INPUT.cadasterNumberLenght {
	width: 22.4em;
}

.cadasterLink{
	padding-top: 1em;
	font-size: 0.9em;
}

/** Longitudes de campos especificos de form de IAE */
INPUT.cifLenght {
	width : 23.6em;
}

/** 
  * Longitudes de campos especificos de form de modificación de 
  * datos persopnales.
  */
.birthPlaceLenght {
	width: 40%;
}

.birthDateLenght {
	width: 10%;
}

.newTelephoneLenght {
	width: 18%;
}
.nationalityLenght {
	width: 54%;
}

.academicLevelLenght {
	width: 82%;
}

.sexRadioLenght {
	width: 35%;
}
/**
  * Longitudes de campos especificos de form de consulta de colegios
  * electorales.
  */
.birthCountry {
	width: 88%;
}
/** mensaje de campos obligatorios. */
.alertObligatory{
	text-align: left;
	font-size : 0.9em;
}

/** Fuente del * de obligatorio */
.obligatory {
	color: #f00;
}

/**
  * Version imprimible del formulario de solicitudes.
  */
DIV.printLayer DIV.requestServices {
	position:absolute;
	left:-9999px;
	overflow:hidden;
}
  
/*****************************************************************/
/* ESTILOS DEL POPUP DE CONFIRMACIÓN DEL ENVIO DE LA SOLICITUD   */
/****************************************************************+/
  
/** 
  * Ventana de respuesta cuando se ha enviado la solicitud.
  */ 
DIV.copyright{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 0.6em;
	text-align: left;
}

DIV.requestRespuesta {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 0.9em;
	color: #f00;
	padding:1em 0 0;
	text-align:center;
}

DIV.requestRespuestaType {
	text-align: center;
}


/*****************************************************************/
/*             ESTILOS DEL BUSCADOR DE SOLICTUDES                */
/*****************************************************************/

/** DIV que contiene la parte del buscador del componente */
.requestComponentSearch {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
  
/** Estilo del título del buscador */
.requestComponentSearch .contentHeader {
	margin: 1em 0 2em 0;	
}

.requestComponentSearchTitle {
	border-bottom: 1px solid #EDEDED;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
}

/** Estilo de las capas de los input del buscador */
.requestComponentInput {
	text-align: left;
}
    
/** Div que contiene el listado de solicitudes */  
.resultRequestComponent {
	width: 100%;
}

.requestComponent {
	padding: 0.5em 0;	
}
  
/** capa que contiene el título de la solicitud. */
.requestComponentTitle {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	margin-bottom: 1em;
	float: left;
	width: 70%;
}

/** capa que contiene el formulario de cambio de estado */
.requestComponentForm {
	margin: 0 0 1em 0;
	padding: 0.5em 0 1.2em 0;
	border-bottom: 1px dotted #EDEDED;
}

.requestComponentLabel { /* label para las observaciones */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	margin-bottom: 1em;
	float: left;
	width: 17%;
}

INPUT.userNif {
	width: 13em;
	margin-right: 1em;
}

INPUT.dateRequest {
	width: 6em;	
}

TEXTAREA.requestComponentObservations {
	width: 49em;
	height: 6em;
	float: right;
}

/** Botón de cambio de estado */
INPUT.requestComponentButton{
	background-color: #EDEDEA;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size : 1em;
	color: #333;
	border: 1px solid #AEAEAB;
}

/** capa vacia entre dos solicitudes. */
.requestComponentDivider {
	height: 1em;
}

/** Estilos del paginador */
.jumpToPage {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 0.8em;
	height: 2em;
	width: 4.2em;
}
.submitJumpToPage {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 0.8em;
	border: none;
	background: transparent;
	vertical-align: middle;
}


/*****************************************************************/
/*    ESTILOS DEL LISTADO DE SOLICITUDES PARA EL SOLICITANTE     */
/*****************************************************************/

/**
  * Estilo de cada una de las capas que conienen una solicitud del
  * usuario.
  */	
.userRequestUnit {
	padding: 1em 0.45em 1em 0;
	vertical-align: top;
	border-bottom: 1px dotted #EDEDED;
}

.userRequestUnit P {
	margin: 0;
}

/** 
  * capa que contiene el estado y las observaciones del tipo de la 
  * solicitud. 
  */
.requestLine {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	clear: both;
}

/** capa que contiene el nombre del tipo de la solicitud. */
.requestType {
	float: left;
	font-weight: bold;
	text-align: left;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	width: 47%;
	padding-right: 2em;
}

/** capa que contiene el código del tipo de la solicitud. */
.requestCode {
	vertical-align: top;	
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	width: 28%;
}

P.requestCode {
	width: 49%;
	float: right;
	text-align: right;
}

/** Color del estado de las solicitudes Pendientes */
.requestSlope {
	color:  #8D8CAA;
}

/** Color del estado de las solicitudes en Tramite */
.requestStep {
	color: #6C6C6C;
}

/** Color del estado de las solicitudes Finalizadas */
.requestFinished {
	color: #6EDF6C;
}

/** Color del estado de las solicitudes Rechazadas */
.requestRefused {
	color: #D67171;
}

p.dataProtectedMessage{
	padding:1em;
}