@import url(../menu/menu.css) ;
@import url(form_div.css) ;
@import url(tbl_view.css) ;
@import url(tbl_stats.css) ;

	body {
		font-family: tahoma ;
		font-size: 10pt ;
	}

	.elem_hide { display: none }

	.al_c { text-align: center ; } ;

	/* INI - Transparencia para edicion */
	.css_transparency {
		
		margin: 0 ;
		background-color: #000 ;
		
		width: 100% ;
		height: 100% ;
		
		position: absolute ;
		left: 0;
		top: 0;
		z-index: 50 ;
		
		-moz-opacity: 0.2 ;
		opacity: 0.2 ;
		filter: alpha(opacity=20) ;
		
	}
	
	#div_edition  {
		position: absolute ;
		z-index: 51 ;
		
		left: 230px ;
		top: 100px ;
	}
	/* END - Transparencia para edicion */

	/* INI - Estilo de Link tipo Botones */
	.cssButton {
		
		margin-top: 10px ;
		margin-right: 10px ;
		
		display: block;
		width: 140px;
		padding: 3px 5px ;
		
		border-width: 1px;
		border-style: solid;
		border-color: #FFE #AAAB9C #CCC #FFF;
		background-color: #F0E7D7;
		
		font-size: 10pt;
		text-decoration: none;
		text-align: center ;
		color: #800000;
	}
	
	.cssButton a:hover, ul#navlist li#active a:hover {
		color: #800000;
		background: transparent;
		border-color: #aaab9c #fff #fff #ccc;
	}
	/* END - Estilo de Link tipo Botones */

	.no_result {
		font-size: 10pt;
	}

	a img { border: 0; }

	/* INI - Estilo para Campaña */
	.list_campaign {
		font-size: 10pt ;
		border: 1px solid #7F9DB9 ;
		margin-top: 7px ;
	}

	.list_campaign .head_campaign {
		background-color: #E1EBFB ;
		border-bottom: 1px solid #7F9DB9 ;
		padding: 5px ;
		font-size: 9pt ;
		font-weight: bold ;
	}
	
	.list_campaign .head_campaign a {
		text-decoration: none ;
	}
	.list_campaign .content_encuestas {
		padding: 5px ;
		display: none ;
	}
	/* END - Estilo para Campaña */
	
	/* INI - Estilo para Encuesta */
	.list_encuesta .head_encuesta {
		background-color: #F7F2EA ;
		border: 1px solid #7F9DB9 ;
		border-top: 1px solid #907B2F ;
		border-bottom: 1px solid #907B2F ;
		padding: 5px ;
		font-size: 9pt ;
		font-weight: bold ;
		margin: 5px 0 10px 0 ;
	}

	.list_encuesta .head_encuesta a {
		text-decoration: none ;
	}
	/* END - Estilo para Encuesta */

	/* INI - Estilo para Factores */
	.list_factor .head_factor {
		margin: 3px 0 ;
		background-color: #E0FFDF ;
		border-bottom: 1px solid #7F9DB9 ;
		border-top: 1px solid #7F9DB9 ;
		padding: 5px ;
		font-size: 9pt ;
		font-weight: bold ;
	}

	.list_factor .head_factor a {
		text-decoration: none ;
	}
	.list_factor .content_questions {
		display: none ;
	}
	/* END - Estilo para Factores */

	/* INI - Estilo para Preview de Preguntas */
	.div_preview {
		width: 650px ;
		border: 1px solid #959385 ;
		border-left-width: 3px ; 
		border-bottom-width: 3px ;
	}
	.div_preview #title {
		background-color: #EBE7D4 ;
		border-bottom: 2px solid #959385 ;
		padding: 5px ;
		font-weight: bold ;
	}
	
	.div_preview #question, .div_preview #answers {
		padding: 10px ;
		background-color: #FFF ;
	}

	.div_preview textarea {
		width: 600px ;
	}
	/* END - Estilo para Preview de Preguntas */

	#div_content_forms {
		border: 1px solid #7F9DB9 ;
		background-color: #F0E7D7 ;
	}

	/* INI - Estilo para Formulario de Preguntas */
	#content_answers li input, .descrip_answer {
		width: 250px;
	}
	
	input#qns_order {
		width: 50px ;
	}

	.div_form ul,.div_form ol {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.div_form .content_field {
		border-top: 1px dashed #7F9DB9 ;
		padding: 10px ;
	}

	.div_form .content_field span.subtitle {
		font-weight: bold ;
		font-size: 8pt ;
	}
	/* END - Estilo para Formulario de Preguntas */
	
	/* INI - Estilo para Clave de Acceso */
	.content_key_access {
		width: 100% ;
	}
	.content_key_access .head_key_access {
		margin: 3px 0 ;
		background-color: #FFFEDF ;
		border-bottom: 1px solid #7F9DB9 ;
		border-top: 1px solid #7F9DB9 ;
		padding: 5px ;
		font-size: 9pt ;
		font-weight: bold ;
	}
	/* END - Estilo para Clave de Acceso */
	
	.clear_float {
		clear: both ;
	}


	.title_factor, .title_encuesta, .title_keys_access {
		font-weight: bold ;
		font-size: 10pt ;
		padding: 5px 10px ;
		margin-bottom: 10px ;
		border-top: 1px solid #7F9DB9 ;
		border-bottom: 1px solid #7F9DB9 ;
	}
	.title_factor {
		background-color: #E0FFDF ;
	}
	.title_factor a {
		text-decoration: none ;
	}
	.title_encuesta {
		background-color: #F7F2EA ;
	}
	.title_keys_access {
		background-color: #FFFEDF ;
	}

	.preview_qns .question {
		background-color: #FCE8D0 ;
		padding: 5px ;
		padding-left: 15px ;
	}

	.preview_qns .question .qns_order {
		width: 40px ;
		font-weight: bold ;
		font-size: 10pt ;
		float: left ;
	}

	.preview_qns .question .qns_descrip {
		font-size: 10pt ;
		float: left ;
		width: 600px ;
	}

	.preview_qns .question .qns_comment {
		font-size: 10pt ;
		color: #00F ;
		font-style: italic;
	}
	.preview_qns .question .qns_comment b {
		font-size: 9pt ;
		color: #000 ;
	}

	.preview_qns #answers {
		padding: 10px 0 15px 55px;
	}

	.preview_qns #answers textarea {
		width: 410px ;
	}

	.preview_qns #answers select[name*='ranking'] {
		text-align: center ;
	}

	.preview_qns #answers select[name^='answer'] > option.rank_option_ok {
		background: #dbffd3 ;
		background: #caf4c1 ;
	}

	.preview_qns #answers select[name^='answer'] > option.rank_option_error {
		background: #fce0e0 ;
		background: #f7b7b7 ;
	}

	.preview_msg_presentation p {
		margin: 5px 0 ;
		padding: 5px 15px ;
		text-align: justify;
		font-size: 10pt ;
	}

	/* INI - Estilo para Datos de acceso a la encuesta */
	.preview_key_access {
		width: 350px ;
		font-family: tahoma ;
		border: 2px solid #000 ;
		margin: 10px 5px ;
		margin-bottom: 25px ;
		padding: 8px ;
		font-size: 11pt ;
	}

	.preview_key_access .content_data {
		float: left;
		width: 290px;
	}
	.preview_key_access hr {
		margin: 3px;
		border: 1px dashed #CCC ;
	}

	.preview_key_access .content_data .tag_key, 
	.preview_key_access .content_data .data_key, 
	.preview_key_access .logo,
	.preview_key_access .enc_class { 
		float:left ;
	}
	.preview_key_access .content_data .tag_key {
		width: 170px ;
	}
	.preview_key_access .content_data .data_key {
		font-weight: bold ;
		font-family: curier ;
		font-size: 13pt ;
	}

	.preview_key_access .info_link {
		margin-top: 5px;
		font-size: 8pt;
	}

	.preview_key_access .link_access_enc {
		margin-top: 2px ;
		font-size: 8pt ;
		font-weight: bold ;
		color: #F57900 ;
	}
	
	.preview_key_access .company {
		border-bottom: 1px solid #333;
		padding-bottom: 3px;
		margin-bottom: 3px;
		text-transform: uppercase;
		font-size: 12.5px;
	}

	.preview_key_access .enc_class {
		padding-left: 15px;
		padding-top: 0px;
		font-size: 33pt;
		font-weight: bold;
	}

	/* END - Estilo para Datos de acceso a la encuesta */
	
	.stat_incomplete {
		background-color: #FFF ;
		color: #F00 ;
		font-size: 11pt ;
	}

	.stat_completed {
		background-color: #FFF ;
		color: #00F ;
		font-size: 11pt ;
	}

	.msg_qns_incomplete {
		float: right ;
		color: #F00 ;
		font-size: 9pt ;
		font-weight: bold ;
	}

	/* INI - Estilos para el Reporte de la Encuesta */
	.report_qns a {
		text-decoration: none ;
		font-size: 10pt;
	}

	.report_qns .question {
		background-color: #E1EBFB ;
		padding: 5px ;
		padding-left: 15px ;
	}

	.report_qns .question .qns_order {
		width: 40px ;
		font-weight: bold ;
		font-size: 10pt ;
		float: left ;
	}

	.report_qns .question .qns_descrip {
		font-size: 10pt ;
		float: left ;
	}

	.report_aws_open {
		border: 1px solid #7F9DB9 ;
		background-color: #FCE8D0 ;
		width: 600px ;
		height: 250px ;
		overflow: auto ;
		padding: 5px ;
		display: none ;
	}

	.report_aws_open div {
		border: 1px solid #7F9DB9 ;
		background-color: #FFF ;
		padding: 3px ;
		margin-bottom: 5px ;
		text-align: jistify ;
		font-size: 10pt ;
	}

	.chartFactor {
		padding: 10px;
		padding-left: 140px;
	}

	.chartEncuesta {
		padding: 10px;
		padding-left: 50px;
	}

	.msg_no_stats {
		margin: 10px ;
		margin-left: 60px ;
		background-color: #FCE8D0 ;
		padding: 4px ;
		font-size: 10pt ;
		font-weight: bold ;
		font-style: italic ;
	}

	.report_no_result {
		border-top: 1px solid #7F9DB9 ;
		border-bottom: 1px solid #7F9DB9 ;
		background: #F7F2EA ;
		padding: 3px 10px ;
		font-size: 10pt ;
		font-weight: bold ;
	}
	/* INI - Estilos para el Reporte de la Encuesta */

	/* INI - Estilo para el head de la información de la Empresa */
	.head_company {
		background: #F0E7D7 ;
		padding: 15px 0 15px 40px ;
	}
	
	.head_company .cmp_logo {
		/*border: 5px solid #AAA ;*/
		float: left ;
	}
	.head_company .info_company {
		float: left ;
		padding: 5px ;
		padding-left: 30px ;
	}
	.head_company .info_company p {
		font-size: 10pt ;
		margin: 0;
		padding: 2px 0 ;
	}
	/* END - Estilo para el head de la información de la Empresa */
	
	
	.button_qns {
		margin-right: 10px ;
		
		display: block;
		width: 140px;
		padding: 3px 5px ;
		
		border-width: 1px;
		border-style: solid;
		border-color: #FFE #AAAB9C #CCC #FFF;
		background-color: #F0E7D7;
		
		font-size: 9pt;
		text-decoration: none;
		text-align: center ;
		color: #336699 ;
	}

	.msg_loading {
		position: absolute ;
		border: 1px solid #7F9DB9 ;
		background: #F0E7D7 ;
		background: #E1EBFB ;
		width: 150px ;
		padding: 15px 10px ;
		z-index: 100 ;
		text-align: center;
		font-size: 9pt ;
		font-weight: bold ;
	}

	.msg_wait {
		margin: 15px ;
		margin-left: 50px ;
		font-size: 10pt ;
	}

	.msg_wait_save_fac_market {
		margin-left: 10px ;
		font-size: 10pt ;
		font-family: arial ;
		display: none ;
	}

	.title_report_universes {
		border: 1px solid #7F9DB9 ;
		background-color: #E1EBFB ;
		margin-bottom: 20px ;
		padding: 3px 15px ;
		font-size: 10pt ;
		font-weight: bold ;
	}

	h3.title_module {
		
		border: 1px solid #888 ;
		border-bottom: 2px solid #888 ;
		border-right: 2px solid #888 ;
		margin-bottom: 15px ;
		
		background: #EEE ;
		padding: 4px 10px ;
		color: #000 ;
		text-transform: uppercase ;
		
		-webkit-box-shadow: 2px 4px 5px 0px rgba(97,94,97,1);
		-moz-box-shadow: 2px 4px 5px 0px rgba(97,94,97,1);
		box-shadow: 2px 4px 5px 0px rgba(97,94,97,1);
		
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}

	div#content-summary-uncompleted {
		margin: 15px 15px;
		padding: 10px;
		border: 1px solid #AAA;
		
		-webkit-box-shadow: 6px 6px 8px 3px #A9A9A9; 
		box-shadow: 6px 6px 8px 3px #A9A9A9;
	}

	div#content-summary-uncompleted div.content-qns-uncompleted {
		margin-bottom: 5px;
	}

	div#content-msg-browser-IE {
		
		margin: 15px 15px;
		padding: 10px;
		border: 1px solid #AAA;
		
		-webkit-box-shadow: 6px 6px 8px 3px #A9A9A9; 
		box-shadow: 6px 6px 8px 3px #A9A9A9;
		
	}

	div#content-msg-browser-IE > div {
		margin-bottom: 5px;
	}