/**
 * Esta hoja de estilo guarda la definición de estilos que nos definen
 * el comportamiento de los popup
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 * @since  Proxia Portal Server 5.0
 * @copy   2008
 */

/**
 * Popups de autenticación
**/
DIV.popupLoginContainer {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F2F2F2;
	height: 100%;
}

BODY.portalmedicamento DIV.popupLoginContainer {
	background-color: #fff;
}

BODY.formacion .popupLoginInformation DIV.popupButton {
	padding-right: 0.9em;
}

BODY.investigacion .popupLoginInformation DIV.popupButton {
	padding-right: 1.1em;
}

BODY.investigacionUserData .popupLoginInformation DIV.popupButton {
	padding-right: 5.8em;
}

BODY.investigacionUserData DIV.popupLoginInformation DIV.info,
BODY.investigacionUserData DIV.popupLoginInformation DIV.anyError,
BODY.investigacionUserData DIV.popupLoginInformation DIV.changesOk,
BODY.investigacionUserData DIV.popupLoginInformation DIV.warnings {
	width: 69%;
}

DIV.popupHeader:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

DIV.popupHeader {
	height: auto !important;
	min-height: 0;
	height: 1%;
	position: relative;
	padding:12px 7px 17px 12px;
	background-color: #FFF;
	width:100%;
}

DIV.popupClose {
	position: absolute;
	margin-top: -12px;
	margin-right: 0;
	text-align:right;
	right:0;
	width: auto;

}

DIV.popupClose BUTTON {
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	text-align: right;
}

DIV.popuLogo {
	float:left;
}

TABLE.nbMain TD.innerLeftUp{
	font-weight:bold;
	color:#3599D7;
}

DIV.popupDate {
	float: right;
	padding-top: 2em;
	color: #000;
	font-size: 0.9em;
	z-index: 2;
	position: relative;
}

H2.popupTitle {
	color: #333;
	font-weight: bold;
	font-size: 1.1em;
	background-image: url('/imagenes/iconos/ico_auth.png');
	background-repeat: no-repeat;
	background-position: left 1em;
	padding: 1em 0 0 1.5em;.
	margin: 0;
}

.popupTitle {
    text-align: center;
}

H2.noIcon {
	background-image: none;
	padding-left: 0;
}

DIV.popupName {
	font-weight: bold;
	padding-bottom: 0.5em;
}

DIV.popupLoginInformation {
	padding: 0 0.5em 0 0.5em;
	color: #333;
}

DIV.popupLoginInformation div.login{
    padding: 24px 0;
    text-align: center;
}

DIV.login FORM {
	padding: 1em 0 0 0;
	margin: 0;
}

DIV.loginBox {
	padding: 0.5em 0 0 2em;
}

.login {

}

DIV.loginBox LABEL {
	width: 7em;
	display: block;
	float: left;
	padding-top: 0.1em;
	font-weight: bold;
}

DIV.loginBox INPUT {
	border: 1px solid #D1D1D1;
	background-color: #FFF;
	width: 20em;
}

DIV.popupButton {
	padding: 1em 1em 0 0;
	text-align: right;
	margin: 0;
}

.popupLoginInformation DIV.popupButton {
	padding-right: 5.5em;
}

.updatePersonalInfoPasswd DIV.popupButton {
	padding-right: 4.1em;
}

DIV.popupButton BUTTON {
	background-color: transparent;
	border: none;
	margin: 0;
}

/** Datos del usuario **/
DIV.popupLoginContainer DIV.userData P {
	font-size: 1em;
	margin: 2em 0;
}

DIV.popupLoginContainer DIV.userData FORM {
	padding: 0;
	margin: 0;
}

DIV.popupLoginContainer DIV.userDataBox {
	padding: 0.5em 0 0 1em;
	margin: 0;
	background-color: transparent;
}

DIV.popupLoginContainer DIV.userDataBox LABEL {
	width: 12em;
	display: block;
	float: left;
	padding-top: 0.1em;
	font-weight: bold;
	clear: both;
}

DIV.popupLoginContainer DIV.userDataBox INPUT {
	border: 1px solid #D1D1D1;
	background-color: #FFF;
	width: 15em;
}

/**
 * Popup de la galería de imágenes
**/
H1.titleGallery {
	background-image: url('/imagenes/cmclient/iconos/ico_gallery.png');
	font-size: 1.1em;
	padding: 1.3em 0 0 2em;
}

DIV.popupGalleryInformation {
	padding: 0.3em 1em 1em 1em;
	color: #FFF;
	height: 100%;
	background-color: #595959;
}

DIV.popupVideoInformation {
	padding: 1em;
	text-align: center;
}

DIV.popupGalleryInformation DIV.contentTitle {
	font-weight: bold;
	color: #CCC;
	border-bottom: 1px solid #808080;
	font-size: 1em;
	padding-bottom: 0.3em;
}

DIV.popupGalleryInformation DIV.popupImages {
	margin-top: 2px;
	border-top: 1px solid #808080;
	padding-top: 1.5em;
	height: 330px;
}

DIV.cmImageGalleryRow {
	padding-bottom: 1em;
	height: 1%;
}
DIV.cmImageGalleryRow[class] {
	overflow: hidden;
	height: auto;
}

DIV.cmImageGalleryCell {
	text-align: center;
	padding: 0.3em 0.3em 0 0.3em;
	background-color: #000;
	background-image: url('/imagenes/fondos/gallery_cell.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 10px;
}

DIV.cmImageGalleryTitleTD {
	text-align: left;
	padding-bottom: 0.1em;
	font-size: 0.9em;
}

DIV.cmImageGalleryBottomTD {
	text-align: right;
	padding-top: 0.3em;
}

DIV.popupGalleryInformation DIV.cmNavigation {
	float: none;
	clear: both;
	padding-top: 1em;
	color: #FFF;
	font-size: 0.9em;
}

DIV.popupGalleryInformation DIV.cmPagesNavigation {
	width: 70%;
	text-align: right;
}

DIV.popupGalleryInformation DIV.cmPagesNavigation SPAN.cmNavPage {
	color: #FFF;
}

DIV.popupGalleryInformation DIV.cmPagesNavigation A.cmNavPageLink {
	color: #AFD6EE;
}
DIV.popupGalleryInformation DIV.cmPagesNavigation A.cmNavPageLink:visited {
	color: #AFD6EE;
}
DIV.popupGalleryInformation DIV.cmPagesNavigation A.cmNavPageLink:hover {
	color: #AFD6EE;
	text-decoration: none;
}
DIV.popupGalleryInformation DIV.cmPagesNavigation A.cmNavPageLink:active {
	color: #AFD6EE;
}

/** Popup imagen ampliada **/
BODY.bodywhite {
	margin: 0;
}

DIV.popupImageContainer DIV.popupHeader {
	border: none;
}

DIV.popupImageContainer DIV.zoomImage {
	padding: 1.5em 0 1.5em 0;
	text-align: center;
}

DIV.popupImageContainer DIV.resourceName {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 1em;
	color: #666;
	font-size: 1.1em;
}

/* Pop-up imprimir */
DIV.printButton {
	float: right;
	padding-top: 4em;
	color: #000;
	font-size: 0.8em;
	z-index: 2;
	position: relative;
}

DIV.printButton BUTTON {
	border: none;
	background-color: transparent;
	color: #000;
	cursor: pointer;
}

DIV.printButton BUTTON IMG {
	margin-left: 5px;
	vertical-align: middle;
}

H2.printTitle {
	padding: 2px 10px 2px 2px;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #C0C0C0;
	color: #333;
	margin: 0;
	font-size: 1.2em;
}
/** Información que se muestra del contenido para impresión **/
h2.contentPrintableName {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 5px;
	text-align:left;
}

p.contentPrintableAltText {
	color: #000;
	margin: 0;
	text-align:left;
}

DIV.contentPrintableBody {
	text-align:left;
	color: #000;
	font-size: 1.1em;
}

DIV.popupFooter {
	text-align: center;
	color: #000;
	font-size: 0.8em;
	padding-top: 5px;
}
DIV.popupFooter IMG {
	vertical-align: bottom;
	margin-right: 5px;
}

@media screen {
	h2.contentPrintableName{
		padding:12px 0 0 12px;
	}

	p.contentPrintableAltText{
		padding:0 0 0 12px;
		margin: 0;
	}

	DIV.contentPrintableBody{
		padding:0 12px;
	}

	DIV.popupPrintInformation {
		padding: 1.5em 1em 0.5em 1em;
		color: #333;
		height: 385px;
		overflow: auto;
		border-bottom: 1px solid #C0C0C0;
	}
}

@media print {
	DIV.popupPrintInformation {
		width: 100%;
		height: auto;
	}

	DIV.popupHeader {
		display: none;
	}

	h2.printTitle {
		display: none;
	}

	DIV.popupFooter {
		display: none;
	}

	h2.contentPrintableName {
		margin: 0;
		padding-top: 3px;
	}

	DIV.contentPrintableBody * {
		color: black;
	}
}

/**
 * Estilos para el listado en un POPUP
 *//*
DIV.popupInformation UL.cmContentList {
	margin-left: 0px;
	padding-left: 0px;
        list-style-position: outside;
}

LI.cmContentPopupItem {
	list-style-type: none;
	list-style-image: none;
	background-image: url('../imagenes/arrows/small_arrow.png');
	background-repeat: no-repeat;
	padding-left: 1em;
	margin-left: 0px;
	background-position: 0em 0.3em;
	margin-bottom: 1em;

} */

/**
 * Popup generico
*/
DIV.popupContent {
	color: #333;
}

DIV.popupContent TABLE {
	font-size: 1em;
}

DIV.popupInformation {
	background-color: #F2F2F2;
	padding: 1.5em 1em 0.5em 1em;
	color: #333;
	border-top:#c0c0c0 1px solid;
}

/**
 * Foros
**/
H1.titleForums {
	background-image: url('/imagenes/foros/ico_forum.png');
	padding: 1em 0 0.5em 2.5em;
}

DIV.forumContainer DIV.popupInformation {
	height: 468px;
}

DIV.popupInformation P.intro {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.1em;
}

DIV.popupInformation FORM {
	margin: 0;
}

DIV.popupInformation LABEL {
	display: block;
	padding: 0.1em;
	margin: 0;
	font-weight: bold;
	text-align: left;
}

DIV.popupInformation INPUT {
	border: 1px solid #D1D1D1;
	background-color: #FFF;
	width: 95%;
	font-size: 1em;
	margin-top: 0.2em;
}

DIV.popupInformation TEXTAREA {
	color: #333;
}

DIV.forumBox {
	padding: 0.5em 0 0 0;
	float: left;
	width: 49%;
}

DIV.sectionBox {
	clear: both;
	padding: 1em 0 0 0;
}

DIV.sectionBox DIV.section {
	font-size: 0.9em;
	padding: 0.3em 0 0.3em 0.5em;
}

P.confirm {
	padding: 1.5em;
	text-align: justify;
	font-weight: bold;
	font-size: 1em;
}

DIV.close {
	text-align: center;
	padding-top: 2em;
}

DIV.close A, DIV.close A:visited {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
DIV.close A:hover, DIV.close A:active {
	color: #5F99B0;
	text-decoration: none;
}


DIV.popupLoginInformation DIV.info,
DIV.popupLoginInformation DIV.anyError,
DIV.popupLoginInformation DIV.changesOk ,
DIV.popupLoginInformation DIV.warnings {
	border: 1px solid;
	border-radius: 4px;
	margin: 15px auto;
	padding:10px 10px 10px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: bold;
	width: 75%;
}

DIV.popupLoginInformation DIV.info  {
    color: #31708F;
    background-color: #D9EDF7;
/*    background-image:url('info.png'); */
}
DIV.popupLoginInformation DIV.changesOk  {
    color: #4F8A10;
    background-color: #DFF2BF;
/*    background-image:url('success.png'); */
}
DIV.popupLoginInformation DIV.anyError {
    color: #D8000C;
    background-color: #FFBABA;
/*    background-image: url('error.png'); */
}
DIV.popupLoginInformation DIV.warnings {
    color: #343330;
    background-color: #F0D9BB;
/*    background-image:url('success.png'); */
}

.popupLoginInformation .certificateInfo{
	background-color:#fff;
	padding:0.8em 0.4em 0.4em;
}

.popupLoginInformation .certificateInfo p{
	margin:0.3em 0;
}

.popupLoginInformation .certificateInfo .certificateInfo_img a,
.popupLoginInformation .certificateInfo .certificateInfo_img{
	display:block;
}

.popupLoginInformation .certificateInfo .certificateInfo_img img{
    height:30px !important;
    width:auto;
    padding-left: 20px;
}

.popupLoginInformation .certificateInfo .certificateInfo_text{
	float: left;
	display: block;
	padding: 0.7em 0 0;
}