body
{
    margin: 0;
    padding: 0;
    font-size: 12pt;
    font-family: Arial;
    background: #C0C0C0;
    color: black;
}
/*---------------------- Estilos de Estructura de la página de LOGIN ---------------------------*/

/* Background de control de Login */
.LoginBackground
{
    width: 748px;
    height: 293px;
    padding: 35px 0px 0px 334px;
    background: url(../Images/welcome-background.jpg) no-repeat top;
 

}

/* Enlace de Recuperar Password */
.RecoveryPasswordBackground
{
    width: 150px;
    text-align: left;
    padding: 0px 0px 5px 25px;
    background: #FFFFFF url(Images/img_cambiarcontrasena.jpg) no-repeat left;
    
}

/* Enlace de Cambiar Password */
.ChangePasswordBackground
{
    width: 65%;
    text-align: left;
    background: #FFFFFF url(Images/img_recuperarcontrasena.jpg) no-repeat right;
}






/*----------------------- MENUS -----------------------*/
.menu-container
{
    width: 995px;
    height: 30px;
    background: #B0CAE3;
    text-align: left;
    border-top: solid 2px #DDE7F1;
    border-bottom: solid 1px #B7BABC;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#81A9D1,endColorStr=#DAE6F2);
    overflow:visible;
}

.menu-container-text
{
    color: #465B7D;
    font-weight: bold;
}
/*----------------------- CENTER-CONTAINER -----------------------*/
.main-container
{
    width:780px; 
    margin: auto auto auto auto; 
    overflow:visible;
    display:none;
}

.center-container
{
	
    width: 993px;
    background: #FFFFFF;
	overflow:visible;
	border: solid 1px #CCCCCC; 
	/*width:778px; 
	float:left; 
	background-color:#FFFFFF;
	overflow:visible;*/
}


.close-session a
{
    color: #627CA8;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    padding: 5px 7px 5px 7px;
}

.close-session:hover a:hover
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 7px 5px 7px;
}

.close-session:hover
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border-left: solid 1px #3B73C6;
    background: url(Images/general-active-tab.png);
    padding: 5px 7px 5px 7px;
}

/*----------------------- WRAPPERS -----------------------*/
.wrapper
{
    height: auto;
    overflow: visible;
    margin: auto;
    width: 995px;
}

/*----------------------- HEADER -----------------------*/

.header
{
    width: 995px;
    height: 106px;
    background: url(Images/header-banner.png);
}
.header-container
{
    width:991px; 
	/*float:left; */
	border: solid 1px #C2C2C2; 
	background-color:#F2F2FF; 
	height:26px; 
	overflow:visible; 
	color:Black; 
	font-weight:bold; 
	text-align:center;
}

/*.header-welcome
{
	float:left; 
	margin:5px;
}*/
/*.header-page
{
	float:right; 
	margin:5px;
}*/


.left-column
{
    width: 148px;
    float: left;    
    text-align: left;
    background: #F3F3F3;
    border-left: solid 1px #B7BABC;
    border-right: solid 1px #B7BABC;
}


/* Barra de Herramientas por página */
.regular-toolbar
{
    width: 828px;
    height: 25px;
    text-align: right;
    background: White;
    border: solid 1px #A3CEE5;
    background: transparent url(Images/toolbar-background.png);    
}

.regular-toolbar-button
{
    width: auto;
    height: 25px;
    border: none;
    font-size: 11px;
    text-align: right;
    padding-right: 5px;    
    background: transparent;
}

.regular-toolbar-button:hover
{
    width: auto;
    height: 25px;
    cursor: pointer;
    font-size: 11px;
    border-top : 0px;
    text-align: right;
    font-weight: bold;
    border-bottom: 0px;
    padding-right: 5px;        
    border-left: solid 1px #A3CEE5;
    border-right: solid 1px #A3CEE5;
    background: transparent url(Images/toolbar-tab.png);
}

/*Labels para limpiar contenido de textbox para fechas */
.calendar-clean-text
{
    float:left; 
    font-size: 8px; 
    cursor: pointer;
    padding: 4px 7px 0px 0px;
}

/*----------------------- FOOTER -----------------------*/
.footer
{
    clear: both;
    width: 995px;
    height: 50px;
    color: #FFFFFF;
    font-size: 10px;
    background: url(Images/footer-banner.png);
}

/* Panels de Búsqueda */
.search-panel-bar
{
    width: 100%;
    color: #FFFFFF;
    font-weight: bold;
    background:#507CD1;
}

.search-panel
{
    padding: 10px;
    min-height: 80px;
    border-left: solid 1px #9AB5E4;
    border-right: solid 1px #9AB5E4;
    border-bottom: solid 1px #9AB5E4;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F9FCFD,endColorStr=#EFF3FB);
}

/*----------------------- AJAX CONTROLS -----------------------*/

/*---- Drop Down Extender ----*/

/* Panel Desplegable */
.ContextMenuPanel 
{
	z-index: 1000;
	font-size: 11px;
	cursor: default;
	padding: 1px 1px 0px 1px;
	border: 1px solid #868686;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
}

/* Links dentro del panel desplegable */
a.ContextMenuItem
{
	display: block;
	color: #003399;
	cursor: pointer;
	margin: 1px 0 1px 0;
	white-space: nowrap;
	text-decoration: none;		
	padding: 4px 19px 4px 33px;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

/*----------------------- COMMONS -----------------------*/
.information-bar
{
    width: 993px;
    color: #2656B9;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 0px 2px 0px;
    /*border-left: solid 1px #C5C5C5;
    border-right: solid 1px #C5C5C5;*/
    border-top: solid 1px #C5C5C5;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDDDDD,endColorStr=#FFFFFF);
}

.information-panel
{
    padding: 3px;
    border: solid 1px #C5C5C5;
    
}

.uppercase-text  { text-transform: uppercase; }

.cursor-pointer { cursor:pointer; }

.hidden-object { display: none; }

.regular-label
{
    font-weight: bold;
}

.regular-content
{
    background: #C0C0C0;
}

/* Botón Standar */
.regular-button
{
    width: 80px;
    height: 25px;
    font-weight: bold;
}

/*TextBox's*/
.date-textbox
{
    width: 80px;
    color: #000000;
    cursor: pointer;
    text-align: right;
    background: #E6E6E6;
    border: solid 1px #C0C0C0;
}

.short-textbox
{
    width: 80px;
    border: solid 1px #C0C0C0;
}

.regular-textbox
{
    width: 200px;
    border: solid 1px #C0C0C0;
}

.long-textbox
{
    width: 400px;
    border: solid 1px #C0C0C0;
}

/* Tìtulo de pàginas web */
.regular-pagetitle
{
    color: #2267AD;
    font-size: 18px;
    text-align: right;
    font-weight: bold;
    padding: 10px 10px 10px 0px;
    text-transform: uppercase;
}

.regular-text
{
    color: #4B4B4B;
    font-size: 12pt;
}

.regular-link
{
    color: #69717E;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}

/*DropDownList*/
.regular-dropdownlist
{
    width: 200px;
    border: solid 1px #C0C0C0;
}

/*Validators Summary */
.summary-error
{
    color: Red;
    font-size: 11px;
    background: #F000F0;
}

/*Titles*/
.title-text
{
    color: #254B89;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px 3px 0px;
    text-transform: uppercase;
}

.Theader 
{
	font-size: 12pt; 
	font-family: Helvetica; 
	font-weight: bold; 
	color: #254B89;
}
.Titulo 
{
	font-size: 14pt; font-family: Helvetica; font-weight: bold; color: #000000;
}

/*Modal Popup*/
.divmodal-header-leftcorner
{
    float:left;
    width: 10px;
    height: 27px;
    background: url(Images/divmodal-header-leftcorner.png) no-repeat left;
}

.divmodal-header-rightcorner
{
    float: left;
    width: 15px;
    height: 20px;
    text-align: right;
    padding: 7px 6px 0px 0px;
    background: url(Images/divmodal-header-rightcorner.png) no-repeat right;
}

.divmodal-header-centerbar
{
    float:left;
    height: 20px;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 7px;    
    background: url(Images/divmodal-header-bar.png) repeat-x;
}

.divmodal-center
{
    background: #E8E8E8;
    border-left: solid 2px #485778;
    border-right: solid 2px #485778;
}

.divmodal-footer-leftcorner
{
    float:left;
    width: 10px;
    height: 23px;
    background: url(Images/divmodal-footer-leftcorner.png) no-repeat bottom left;
}

.divmodal-footer-rightcorner
{
    float:left;
    width: 10px;
    height: 23px;
    background: url(Images/divmodal-footer-rightcorner.png) no-repeat bottom right;
}

.divmodal-footer-centerbar
{
    float:left;
    height: 23px;
    background: url(Images/divmodal-footer-center.png) bottom;
}

/* Contenedor de Popups */
.floating-div
{
	z-index:10;
	left:200px;
	position:absolute;
    text-align: left;
    background: transparent;
}



/*Estilos de pagina.*/
.fpreg 
{
	font-size: 12pt; 
	font-weight: bold;
	color:#000000;
}

.signStyle
{
	font-weight: bold;
	color:#0000FF;
	font-size:32px; 
	text-decoration:none;
}
	
.fresp
{
	font-weight: bold;
	color:#0000FF;
	text-decoration:none;
	cursor:pointer;
}
.fresp:visited {color:#0000FF; text-decoration:none;	}
.fresp:active {	color:#0000FF; text-decoration:none;	}
.fresp:hover {	color:#0000FF; text-decoration:underline; cursor:hand;	}

.lifo-fresp
{
	font-weight: bold;
	color:#0000FF;
	text-decoration:none;
	cursor:pointer;
}
.lifo-fresp:visited {color:#0000FF; text-decoration:none;	}
.lifo-fresp:active {	color:#0000FF; text-decoration:none;	}
.lifo-fresp:hover {	color:#0000FF; text-decoration:underline; cursor:hand;	}

.general-container-left-column .fresp
{

}

.mystyle30 
{ 
	color: #003068; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	border: solid 1px #88A0C8;
	width:30px;
}

.mystyle60 
{ 
	color: #003068; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	border: solid 1px #88A0C8;
	width: 60px;
}

.mystyle2 
{ 
	color: #003068; 
	text-decoration: none; 
	background-color: #FFFFFF;
	border: solid 1px #88A0C8;
	font-weight: bold; 
}

.finstrucciones 
{
	font-size: 12pt; 
	font-weight: bold; 
	font-family: Verdana;
	text-align:justify;
}

.txtbox-columns
{
	float:left; 
	width:80%; 
	margin-top:10px;
}

.txtbox-columns2
{
	float:left; 
	width:180px; 
	margin-top:10px;
}

.txtbox-cols-header
{
	padding: 2px 0 2px 10px; 
	font-size:14px; 
	font-weight:bold; 
	overflow:visible;
}

.txtbox-cols-data
{
	padding: 2px 0 2px 10px; 
	clear:both; 
	overflow:visible;
}

.answers-text-box
{
	float:left; 
	padding: 0 0 0 3px;
}


.error
{
	color:Red;
	font-weight: bold;
}

.popupModalBackgroundFilter { 
  position:fixed; 
  bottom:0;
  left:0;
  top:0px; 
  right:0;
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:Gray;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:10; 
}