﻿

h1
{
    color:#7c5a67;}

strong {
  font-weight: bold;
}


._cntMainWF
{
	position:relative ;
	height:auto;
	/*filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.25');
	z-index: 1000; e2e2e4*/
	background-color: #edf0f8;
	min-width: 500px;
	}


.alert-warning 
{
  border: #543e48 solid 1px;  
  color: #5a4727;
  background-color: #fcf8e3;  
  padding: 10px;
  margin-bottom: 20px;  
  border-radius: 6px;
}

._TitleAndControlsWF
{
	width: 100%;
	height: 67px;
	/*border-style:dotted ;
	border-width: 1px;
	border-color:Fuchsia;
	margin-left: 1px;
	margin-right: 1px;*/
	background: url('../SharedImages/ADA7B3/imgControlsBG2.png') repeat-x;
	}
	


._ContentWF
{
	border: solid 1px #8f8f8f;
	border-top: none;
	background: #_ContentWFMt;
	width: 99.70%;
	height: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	
	
}
	
._ControlsWF
{
	width: 100% ;
	height: 60px;
	text-align:center;
	/*padding: 3px auto 3px auto;*/
	
}

a._cmdClose
{
	display: inline-block ;
	width: 16px;
	height: 16px;
	position:absolute; 
	top:3px; 
	left:3px ;
	background: url('../SharedImages/imgCloseTitleBottom.png') 0 0 no-repeat;
	text-decoration: none;
}
a._cmdClose:hover { background-position: 0 -16px; }
a._cmdClose:active { background-position: 0 -32px; }

.nav_shadow_bar {
	margin: 0px auto 0px 10px;
	width: 90%;
	min-height: 50px;
	text-align: center;
	/*border: solid 1px yellow;*/
}
	
#nav_shadow {
	margin: 0px auto 0px 10px;
	width: 375px;
	min-height: 50px;
	text-align: center;
	list-style: none;
	float:left;
	position:static  ;
	/*border: solid 1px red;*/
	}
			
#nav_shadow div {
	margin-right: 10px;
	width: auto;
	height: 35px;
	position: relative;
	float: left;
	/*border: solid 1px blue;*/
}

#nav_shadow input{
	margin: 0px auto auto 3px;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 2;
}
		/* Button Shadow */

#nav_shadow div img.shadow {
	margin: 0px auto auto 0px;
	position: absolute;
	bottom: 0px;
	left: -1px;
	z-index: 1;
	width: 35px;
	height: 15px;
	}
	
	
/*SP GRIDVIEW STYLE*/
	
.gvStyle1
{
	font-size:12px;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	background-color:#fff;
	width:100%;
	float:left;
	margin: 5px 0px 10px 0px;
	border: solid 1px #525252;    
	border-collapse:collapse;
	padding: 2px 2px 2px 2px ;    
	position: relative;
	
}
.gvStyle1 .title
{
	background:#495265;
	color:#2f2f2f;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:12px;	  
	font-weight:bold;  
	background:url(../SharedImages/gray_title1_bg.png) repeat-x;
	width:100%;
}

/*CssClass="datatable"
PagerStyle-CssClass="Pager"
RowStyle-CssClass="even"
AlternatingRowStyle-CssClass="odd"*/

.gvStyle1 .datatable
{
	width:100%;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';	
}
.gvStyle1 .datatable th
{
	/*height:17px;
	line-height:17px;*/
	padding: 3px 2px;
	color: #fff ; 
	background: #424242 url(../SharedImages/gvStyle1_datatable_th.png) repeat-x top; 
	border-left: solid 1px #525252; 
	font-size: 0.9em; 
	
 }

.gvStyle1 .datatable th._hidden
{
	visibility:hidden; 
	display: none;
}

.gvStyle1 .datatable td._hidden
{
	visibility:hidden !important; 
	display: none !important;
}

.gvStyle1 .datatable tr.odd
{
	background: #fcfcfc url(../SharedImages/gvStyle1_datatable_tr_odd.png) repeat-x top; 
 }
.gvStyle1 .datatable tr.even  
{
	background-color:#ffffff;
	}      
.gvStyle1 .datatable td
{ 
	border: solid 1px #c1c1c1; 
	color: #000000;
}
.gvStyle1 .datatable td._odd
{
	background: #fcfcfc url(../SharedImages/gvStyle1_datatable_tr_odd.png) repeat-x top; 
 }
.gvStyle1 .datatable td._even  
{
	background-color:#ffffff;
	}      


/* Locks the left column */
.gvStyle1 .datatable td.locked, th.locked {
	position:relative;
	cursor: default; 
	/*left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); 
	IE5+ only*/
}

.gvStyle1 .datatable .Pager
{
	border: solid 1px #9e9e9e ;
	width:100%;
	background:url(../SharedImages/gray_pager1_bg.png) repeat-x;
}

.gvStyle1 .datatable .Pager a:hover{ color: #049; }
.gvStyle1 .datatable .Pager a:link{ color: #000033 ;}

._NumberTextNB
{
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	text-align: right;
	border: 0;
	font-size: 1em; 
	width: 95%;
	height: 100%;
	background-color:Transparent !important;
}  

._ErrorCleanStyle {
	border-bottom: #cc0000 1px solid; 
	text-align: center; 
	border-left: #cc0000 1px solid; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	padding-right: 4px; 
	background: #f7cbca; 
	color: #cc0000; 
	border-top: #cc0000 1px solid; 
	font-weight: bold; 
	border-right: #cc0000 1px solid; 
	padding-top: 4px
}

._ErrorIconCleanStyle {
	border-bottom: #cc0000 1px solid; 
	text-align: center; 
	border-left: #cc0000 1px solid; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	padding-right: 4px; 
	background: url(../SharedImages/imgStop16x16.png) #f7cbca no-repeat 6px 6px; 
	color: #cc0000; 
	border-top: #cc0000 1px solid; 
	font-weight: bold; border-right: #cc0000 1px solid; 
	padding-top: 4px
}


/*
ajax__tab_style1 este esta diseñado con tab grises tipo tabs de safari invertidos
*/

/*.ajax__tab_style1 .ajax__tab_header Donde se muestran todos los elementos header	*/
.ajax__tab_style1 .ajax__tab_header {font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
									 font-size:14px;
									 background-color:#b697a4; 									 
									 height:35px;
									 border-radius: 10px 10px 0px 0px;
                                    position: relative;
                                    behavior:url(/ssc/SharedCSS/PIE.htc);
									 }

/*para cada uno de los elementos header*/
.ajax__tab_style1 .ajax__tab_outer {background-color:#7e5868;                                    
									border-top:1px solid #454545;
									border-right:1px solid #454545;
									border-left:1px solid #454545;
									border-radius: 10px 10px 0px 0px;								    
									margin-top:4px;
                                    position: relative;
                                    behavior:url(/ssc/SharedCSS/PIE.htc);
									height:30px;}

/*para el contenido dentro del tab*/									
.ajax__tab_style1 .ajax__tab_inner {}

.ajax__tab_style1 .ajax__tab_tab {padding:5px; color:White;  }

.ajax__tab_style1 .ajax__tab_hover .ajax__tab_outer {cursor:pointer;                                                     
                                                     background-color:#60434f;                                                                                                                                                               
													 }
.ajax__tab_style1 .ajax__tab_hover .ajax__tab_inner {cursor:pointer;  
													 }
.ajax__tab_style1 .ajax__tab_hover .ajax__tab_tab {cursor:pointer;
												   }

.ajax__tab_style1 .ajax__tab_active .ajax__tab_outer 
    {background-color:#a88392;}
.ajax__tab_style1 .ajax__tab_active .ajax__tab_inner {}
.ajax__tab_style1 .ajax__tab_active .ajax__tab_tab {}

.ajax__tab_style1 .ajax__tab_disabled { color: #A0A0A0;}
.ajax__tab_style1 .ajax__tab_body {font-family:'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
								   font-size:10pt;
								   border:1px solid #999999;
								   border-top:0;
								   padding:8px;
								   background-color:#f1ebee;
								   border-radius: 0px 0px 10px 10px;
                                    position: relative;
                                    behavior:url(/ssc/SharedCSS/PIE.htc);
								   }

								   
/*

.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
*/
   
.ajax__tab_style2 .ajax__tab_header {font-family:verdana,tahoma,helvetica;
									 font-size:11px;
									 background:url(../SharedImages/_tab-style2.png) repeat-x; }
.ajax__tab_style2 .ajax__tab_outer {padding-right:3px;
									background:url(../SharedImages/_tab-right-style2.png) no-repeat right;
									height:56px;}
.ajax__tab_style2 .ajax__tab_inner {padding-left:3px;
									background:url(../SharedImages/_tab-left-style2.png) no-repeat;}

.ajax__tab_style2 .ajax__tab_tab {height:50px;
								  padding:3px;
								  padding-top:10px;
								  padding-bottom:0px;
								  margin:0px;
								  background:url(../SharedImages/_tab-style2.png) repeat-x;}

.ajax__tab_style2 .ajax__tab_hover .ajax__tab_outer {cursor:pointer;
													 }
.ajax__tab_style2 .ajax__tab_hover .ajax__tab_inner {cursor:pointer;
													 background:url(../SharedImages/_tab-left-style2.png) no-repeat;}
.ajax__tab_style2 .ajax__tab_hover .ajax__tab_tab {cursor:pointer;
												   background:url(../SharedImages/_tab-style2.png) repeat-x;}

.ajax__tab_style2 .ajax__tab_active .ajax__tab_outer {background:url(../SharedImages/_tab-active-right-style2.png) no-repeat right;}
.ajax__tab_style2 .ajax__tab_active .ajax__tab_inner {background:url(../SharedImages/_tab-active-left-style2.png) no-repeat;}
.ajax__tab_style2 .ajax__tab_active .ajax__tab_tab {background:url(../SharedImages/_tab-active-style2.png) repeat-x;}

.ajax__tab_style2 .ajax__tab_disabled { color: #A0A0A0;}
.ajax__tab_style2 .ajax__tab_body {font-family:verdana,tahoma,helvetica;
								   font-size:10pt;
								   border:none;border-top:0;padding:8px;background-color:#f0f0f0;}
   
 
 /*HTML EDITOR*/
  /*
 .ajax__htmleditor_editor_container: A container element (table) that wraps all of the HTMLEditor. 
Child CSS classes: .ajax__htmleditor_editor_toptoolbar, .ajax__htmleditor_editor_editpanel, .ajax__htmleditor_editor_bottomtoolbar. */
.CustomEditorStyle .ajax__htmleditor_editor_container .ajax__htmleditor_editor_toptoolbar{
        background-color:#aa8b99; 
        border-top:1px solid #454545;
		border-right:1px solid #454545;
		border-left:1px solid #454545;
		padding:7px;
		border-radius: 10px 10px 0px 0px;
		font-family:'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';                    
        behavior:url(/ssc/SharedCSS/PIE.htc);
}

.CustomEditorStyle .ajax__htmleditor_editor_container .ajax__htmleditor_editor_editpanel{
        background-color:#f1ebee;         
		border-right:1px solid #454545;
		border-left:1px solid #454545;		
		padding:7px;
		font-family:'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';        
        position: relative;}

.CustomEditorStyle .ajax__htmleditor_editor_container .ajax__htmleditor_editor_bottomtoolbar{
        background-color:#aa8b99; 
        border-bottom:1px solid #454545;
		border-right:1px solid #454545;
		border-left:1px solid #454545;
		border-radius: 0px 0px 10px 10px;
		padding:7px;
		font-family:'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';        
        position: relative;        
        behavior:url(/ssc/SharedCSS/PIE.htc);
}


/*

.ajax__htmleditor_editor_toptoolbar: A container element that wraps all buttons of the top toolbar. 
Child CSS classes: .ajax__htmleditor_toolbar_button, .ajax__htmleditor_toolbar_button_hover. */


/*
.ajax__htmleditor_editor_editpanel: A container element that wraps editing panel (in any mode). 
Child CSS classes: none. */
.CustomEditorStyle .ajax__htmleditor_editor_editpanel {
        background-color:#f1ebee;         				
		padding:5px;
		font-family:'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma'; }
/*

.ajax__htmleditor_editor_bottomtoolbar: A container element that wraps all buttons of the bottom toolbar. 
Child CSS classes: .ajax__htmleditor_toolbar_button, .ajax__htmleditor_toolbar_button_hover. 

.ajax__htmleditor_toolbar_button: This is applied to a button of toolbar. 
Child CSS classes: none. 

.ajax__htmleditor_toolbar_button_hover: This is applied to a button of toolbar when the mouse is hovering over. 
Child CSS classes: none. 

div.ajax__htmleditor_toolbar_button label: This is applied to a <label> element of "selector button" in toolbar (Font, Size). 
Child CSS classes: none. 

div.ajax__htmleditor_toolbar_button select: This is applied to a <select> element of "selector button" in toolbar. 
Child CSS classes: none. 

div.ajax__htmleditor_toolbar_button select option: This is applied to <select> element's options of "selector button" in toolbar. 
Child CSS classes: none. */

 /* PARA LA INDETERMINACION DE LOS CHECKBOX*/
 input:indeterminate {
	outline: 2px solid #2a93be !important;
}


._txtSearch { font-style:italic;
			 color:#747474;
			 height:20px; 
			 border: 1px solid #0784bb;
			 background: #feede4;
			 border-radius: 5px;             
			 }

._txtSearch:focus { font-style:italic;
			 color: #fff;
			 height:20px; 
			 border: 1px solid #feede4;
			 background: #0784bb;
			 border-radius: 5px;             
			 }          
._PaddingCellNumeric {
	padding-left:8px;
	padding-right:3px;
}

 
 /* Para los formularios de mantenimiento de SAAES® */ 
 /* Div para el titulo Con Imagen*/
 ._TitleWP
{
	width: 100%;
	background: #dfd3d8;        
	padding-bottom: 5px;        
	padding-top: 5px;       
	padding-right: 5px;    
	border-bottom: solid 1px #a5a5a5;      
	}
  /*Contenedor principal para los form de mantenimiento*/  
 ._ContentWFMt{  
	
  
	padding-left: 5px;      
	min-width: 100%;    
	
}
._BtnMainControls{    
	border-top: 1px solid #323232;
	border-left: 1px solid #272727;
	border-right: 1px solid #272727;
	border-bottom: 1px solid #1b1b1b;   
	padding: 10px 0px 10px 15px;       
	margin-top: -2px;     
	margin-bottom: 2px;     
	background: #37282e;
	color:#dcdcdc; 
	width:100%;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	text-align:left;
	font-size:15px;
}


._BtnMainControls:hover{
	border-top: 1px solid #323232;          
	border-left: 1px solid #1c1c1c;
	border-right: 5px solid #666666;    
	border-bottom: 0px solid #1b1b1b;               
	padding: 10px 0px 10px 15px;          
	background: #000;    
	color:#dcdcdc;     
	width:100%;
	text-align:left;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
	font-size:15px;
	cursor: pointer;    
}
._BtnMainControls:active{
	border-top: 1px solid #323232;          
	border-left: 1px solid #1c1c1c;
	border-right: 5px solid #c4302b;    
	border-bottom: 0px solid #1b1b1b;               
	padding: 10px 0px 10px 15px;        
	background: #000;    
	color:#dcdcdc;     
	width:100%;
	text-align:left;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
	font-size:15px;
	cursor: pointer;    
}
._BtnFichaStyle{    
	border-top: 1px solid #7e7d7d;
	border-left: 1px solid #454545 ;
	border-right: 1px solid #454545 ;
	border-bottom: 1px solid #1d1d1d;   
	padding: 10px 0px 10px 15px;       
	margin-top: -2px;     
	margin-bottom: 2px;     
	background: #684c57 ;
	color:#d3d3d3; 
	width:100%;
	text-align:left;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
	font-size:15px;
}
._BtnFichaStyle:hover{    
	border-top: 0px solid #191919;
	border-left: 1px solid #272727 ;
	border-right: 6px solid #8b8a8a ;
	border-bottom: 0px solid #191919;   
	padding: 10px 0px 10px 15px;       
	margin-top: -2px;     
	margin-bottom: 2px;     
	background: #272727 ;
	color:#f7f7f7; 
	width:100%;
	text-align:left;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
	font-size:15px;
	cursor: pointer; 
}
._BtnFichaStyle:active{    
	border-top: 0px solid #191919;
	border-left: 1px solid #272727 ;
	border-right: 6px solid #c4302b ;
	border-bottom: 0px solid #191919;   
	padding: 10px 0px 10px 15px;       
	margin-top: -2px;     
	margin-bottom: 2px;     
	background: #272727 ;
	color:#f7f7f7; 
	width:100%;
	text-align:left;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
	font-size:15px;
	cursor: pointer; 
}

._BtnContinuarRegre{    
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #977282;
  color: #ffffff;
  background: #977282;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 15px;
  position: relative;
  behavior:url(/ssc/SharedCSS/PIE.htc);
    top: 0px;
    left: 0px;
}
._BtnContinuarRegre:hover{    
   font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #543e48;
  color: #ffffff;
  background: #543e48;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
}

._BtnContinuarRegre:disabled{    
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #939393;  
  color: #939393;  
  background: #d7d7d7;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 15px; 
  cursor:default; 
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
  }



._BtnPrevStep{    
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #977282;
  color: #ffffff;
  background: #977282;  
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 4px;
  font-size: 18px;
  border-radius: 15px 0px 0px 15px;
  position: relative;
  behavior:url(/ssc/SharedCSS/PIE.htc);
}
._BtnPrevStep:hover{    
   font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #543e48;
  color: #ffffff;
  background: #543e48;  
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 4px;
  font-size: 18px;
  border-radius: 15px 0px 0px 15px;
  cursor: pointer;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
}

._BtnPrevStep:disabled{    
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #939393;  
  color: #939393;  
  background: #d7d7d7;  
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 4px;
  font-size: 18px;
  border-radius: 15px 0px 0px 15px;
  cursor:default; 
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
  }

._BtnNextStep{    
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #977282;
  color: #ffffff;
  background: #977282;  
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 4px;
  font-size: 18px;
  border-radius: 0px 15px 15px 0px;
  position: relative;
  behavior:url(/ssc/SharedCSS/PIE.htc);
}
._BtnNextStep:hover{    
   font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #543e48;
  color: #ffffff;
  background: #543e48;  
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 4px;
  font-size: 18px;
  border-radius: 0px 15px 15px 0px;
  cursor: pointer;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
}

._BtnNextStep:disabled{    
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #939393;  
  color: #939393;  
  background: #d7d7d7;  
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 4px;
  font-size: 18px;
  border-radius: 0px 15px 15px 0px;
  cursor:default; 
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
  }

._BtnGridView{    
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #977282;
  color: #ffffff;
  background: #977282;  
  padding-top: 4px;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 2px;
  font-size: 12px;
  border-radius: 8px; 
  position: relative;
  behavior:url(/ssc/SharedCSS/PIE.htc);
}
._BtnGridView:hover{    
   font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #543e48;
  color: #ffffff;
  background: #543e48;  
  padding-top: 4px;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 2px;
  font-size: 12px;
  border-radius: 8px;  
  cursor: pointer;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
}

._BtnGridView:disabled{    
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #939393;  
  color: #939393;  
  background: #d7d7d7;  
  padding-top: 4px;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 2px;
  font-size: 12px;
  border-radius: 8px; 
  cursor:default; 
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
  }

/*Botón de opciones generalmentte a usar en las opciones de búsqueda*/
._BtnOpciones{    
	border: 1px solid #4d4d4d;           
	background-color: #dedede;
	color:#2e2e2e; 
	margin-top: -5px;
	margin-left: -1px;
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	text-align:left;
	width: 100%;
	font-size:16px;
	padding: 8px 0px 8px 8px;}

._BtnOpciones:hover{
	border-top: 1px solid #7f7f7f;
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-bottom: 5px solid #636262;       
	margin-top: -5px;
	margin-left: -1px;
	background: #4d4d4d;
	color:#fff;     
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	text-align:left;    
	cursor: pointer;
	width: 100%;
	font-size:16px;
	padding: 8px 0px 8px 8px;}

._BtnOpciones:disabled{    
	border: 1px solid #7f7f7f;        
	background-color: #4d4d4d;
	margin-top: -5px;
	margin-left: -1px;
	color:#fff;     
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	text-align:left;    
	width: 100%;
	cursor: pointer;
	font-size:17px;
	padding: 8px 0px 8px 8px;}

._DvContainerMto{
  width: 100%;  
  margin-left: 0px;      
  /*border: 1px solid #323232;*/   
}

/*Titulo en la parte superior de la lista de botones*/
._DvMaintenaceTitle{  
  background: #e8e8e8;
  color: #000;    
  padding: 10px 0px 10px 15px;
  font-size: 20px;  
  border-radius: 0px 4px 0px 0px;     
  margin-bottom: -1px;  
  margin-top: 5px;   
  margin-left: 0px;    
  height: 20px;
  border: 1px solid #686765;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
}

/*Titulo en la parte superior del panel de detalle*/
._DvTitleOptions{  
  background: #e8e8e8;
  color: #000;    
  padding: 10px 0px 10px 15px;
  font-size: 20px;  
  border: 1px solid #686765;
  border-radius: 4px 0px 0px 0px;
  margin-bottom: -1px;    
  margin-top: 5px;   
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);
  margin-right: -3px;      
  margin-left: 0px;    
  height: 20px;    
  position: relative;
}

._TextBusqueda{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #c4c3b2;
  color: #86856f;
  background: #f6f4ed;  
  padding: 3px 0px 3px 1px;
  font-size: 15px;
}

._TextBusqueda:hover{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #686765;
  color: #86856f;
  background: #f6f4ed;  
  padding: 3px 0px 3px 1px;
  font-size: 15px;
}

._LabelBusqueda{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';  
  color: #8a8a81;    
  font-size: 15px;  
}

._LabelSearchI{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';  
  color: #8a8a81;      
  font-size: 15px;     
}

._BtnBusqueda{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #c4c3b2;
  color: #86856f;
  background: #f6f4ed;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 12px;
  position: relative;
  text-align:center;
  behavior:url(/ssc/SharedCSS/PIE.htc);
    
}

._BtnBusqueda:hover{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #686765;
  color: #686765;
  background: #f6f4ed;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 12px;
  text-align:center;
  cursor: pointer;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
}

._BtnBusqueda:disabled{    
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #c6c6c6;  
  color: #939393;  
  background: #e8e8e8;  
  padding-top: 4px;
  padding-right: 6px;
  text-align:center;
  padding-left: 6px;
  padding-bottom: 3px;
  font-size: 15px;
  border-radius: 10px; 
  cursor:default; 
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
  }

._BtnLimpiar{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #37282f;
  color: #37282f;
  background: #dfd3d8;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 12px;
  position: relative;
  behavior:url(/ssc/SharedCSS/PIE.htc);
   
}

._BtnLimpiar:hover{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #37282f;
  color: #37282f;
  background: #dfd3d8;   
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
}

._BtnLimpiar:disabled{    
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #939393;  
  color: #939393;  
  background: #d7d7d7;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 6px;
  font-size: 15px;
  border-radius: 10px; 
  cursor:default; 
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
  }

/*
Valores de box-shadow

Desplazamiento de la sombra sobre el eje X. Relativo al elemento; puede tomar valores negativos. (Ejemplo: 3px)
Desplazamiento de la sombra sobre el eje Y. Relativo al elemento; puede tomar valores negativos. (Ejemplo: 3px)
Cantidad de efecto blur de la sombra. (Ejemplo: 4px)
Color de la sombra. (Ejemplo: #111)
Atributos de Shadow Filter

Extensión de la sombra, en píxeles. (Ejemplo: Strength=4)
Dirección de la sombra, en grados. Sólo puede tomar los valores: 0, 45, 90, 135, 180, 225, 270, 315. (Ejemplo: Direction=135)
Color de la sombra (Ejemplo: Color=’#111111′)
También te puede interesar: CSS: Texto con so
*/
.cntMainWFMt{    
	position:relative ;
	height: auto;            
	background-color: #e8e8e8;	
	border: solid 1px #a5a5a5;    
	padding-right: 5px;
	-moz-box-shadow: 3px 3px 5px #111;
	-webkit-box-shadow: 3px 3px 5px #928f8f;    	
	padding-right: 5px;
	/*box-shadow: 3px 3px 5px #928f8f;
	IE 8 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#928f8f')";
	 IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#928f8f');*/
	border-radius: 10px;  	 
	behavior:url(/ssc/SharedCSS/sp/PIE.htc);        
  }

/* Style for SelectedButton*/
._BtnFvSelect:hover{ border: 1px solid #4d4d4d;   
	padding: 2px ;       
	background: #4d4d4d;
	color:#fff;     
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	text-align:left;
	font-size:12px;
	border-radius: 5px;
	text-decoration:none;
	position: relative;
	behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
  }

._BtnFvSelect{
	border: 1px solid #7f7f7f;    
	padding: 2px;    
	background: #ebebeb;
	color:#2e2e2e;     
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	text-align:left;
	font-size:12px;
	cursor: pointer;
	border-radius: 5px;
	text-decoration:none;
	position: relative;
	behavior:url(/ssc/SharedCSS/sp/PIE.htc);      
  }

/*New Css Styles for new WebForms*/
/*CSS para aplicar esquinas redondeadas a un control y un color de borde, por lo general a utilizar en algunos div*/
.DvBorderRAllCorners
{
	width:100%;
	float:left;    
	border: solid 1px #525252;    
	border-collapse:collapse;
	padding: 2px 2px 2px 2px ;
	border-radius: 8px;   
	position: relative;
	behavior:url(/ssc/SharedCSS/sp/PIE.htc);       
}

/* CSS PARA MANEJO DE GRID VIEW DENTRO DE DIV Y GENERALMENTE SIN PAGINACIÓN*/
.GvDelInfo
{
  width:100%;
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
}

/*Estableciendo el Css para el header 
  -bordes superiores e inferiores del mismo color de fondo
  -bordes derecho más obscuro que izquierdo */
.GvDelInfo th
{  
  padding: 4px 0px 4px 4px;
  color: #dcdcdc ; 
  background: #37282e; 
  border-top: solid 1px #4d4d4d;
  border-bottom: solid 1px #4d4d4d;  
  border-right: solid 1px #6a6969;   
  border-left: solid 1px #6a6969;   
  font-size: 12px; 
  text-align:left;  
 }

.GvDelInfo tr.TrImparGvDelInfo
{
	background-color: #e3e3e3 ; 
 }
.GvDelInfo tr.TrParGvDelInfo
{
	background-color:#f1f1f1;
	}      
.GvDelInfo td
{ 
	border: solid 1px #c1c1c1; 
	color: #000000;
	height: 18px;
}

/*Para la paginación*/
.GvDelInfo .PagerMttoInDv
{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma'; 
  font-size: 15px;    
  background-color:#e8e8e8 ;   
  width:100%;      
}

/*Css para el div que contendrá el contenido del EmptyDataTemplate*/
.DvGvEmptyDataTemplInDv{
width: 100%;
font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
font-size: 15px;
/*color: #3d3d3d;*/
padding: 10px 0px 10px 10px;
margin: -3px;
margin-right: 0px;
background-color: #dedede;
color:#2e2e2e; 
border-bottom: 1px solid #636262;  
border-right: 1px solid #636262;  
}

/* CSS PARA MANEJO DE GRID CON PAGINACIÓN*/

.GvMtto
{
  width:100%;
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
}

/*Estableciendo el Css para el header 
  -bordes superiores e inferiores del mismo color de fondo
  -bordes derecho más obscuro que izquierdo */

.GvMtto th
{  
  padding: 5px 0px 5px 4px;
  color: #dcdcdc ; 
  background: #543d47; 
  border-top: solid 1px #4d4d4d;
  border-bottom: solid 1px #4d4d4d;  
  border-right: solid 1px #6a6969;   
  border-left: solid 1px #6a6969;   
  font-size: 14px; 
  text-align:left;  
 }

.GvMtto tr.TrMttoInpar
{
	background-color: #e3e3e3 ;
	color: #000000; 
 }
 .GvMtto tr.TrMttoInpar:hover, .GvMtto tr.TrMttopar:hover
{
	background-color: #cbb5bf;
	color:#000;    
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	cursor: pointer;	
 }

.GvMtto tr.TrMttopar
{
	background-color:#f1f1f1;
	color: #000000;
	}      
.GvMtto td
{ 
	border: solid 1px #c1c1c1;     
	height: 18px;
}

/*PAra hacer invisibles las columnas del gridview*/
  .GvMtto th._hidden
{
	visibility:hidden; 
	display: none;
}

/*Para la paginación*/
.GvMtto .PagerMtto, .GvLista .PagerMtto
{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma'; 
  font-size: 15px;    
  background-color:#e8e8e8 ;   
  width:100%;      
}

/*Css para el div que contendrá el contenido del EmptyDataTemplate*/
.DvGvEmptyDataTempl{
width: 100%;
font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
font-size: 15px;
/*color: #3d3d3d;*/
padding: 10px 0px 10px 5px;
margin: -3px;
margin-right: 0px;
background-color: #dedede;
color:#2e2e2e; 
border-bottom: 3px solid #636262;  
border-right: 2px solid #636262;  
}

/*Botón azul para opciones adicionales*/
._BtnBlue{
	font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	border: 1px solid #231a1e;
	color: #d5d5d5;
	background: #231a1e;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 6px;
	font-size: 15px;
	border-radius: 10px;
	position: relative;
	behavior:url(/ssc/SharedCSS/sp/PIE.htc);
}

._BtnBlue:hover{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #37282e;  
  color: #d5d5d5;  
  background: #37282e;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 6px;
  font-size: 15px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  

}

._BtnBlue:disabled{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #939393;  
  color: #939393;  
  background: #d7d7d7;  
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 6px;
  font-size: 15px;
  border-radius: 10px; 
  cursor:default; 
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  

}
._DdlMtto{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #c4c3b2;
  color: #30302b;
  background: #f6f4ed;    
  font-size: 15px;
  border-radius: 3px;  
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  /*position: relative;  */
}

._DdlNavigate{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #c4c3b2;
  color: #30302b;
  background: #f6f4ed;  
  padding: 2px ;  
  font-size: 16px;
  border-radius: 3px;
  /*position: relative;  */
}


._DdlNavigate:hover{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #916779;
  color: #30302b;
  background: #f6f4ed;  
  padding: 2px ;  
  font-size: 16px;
  border-radius: 3px;
  
}


._DdlMtto:disabled{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #a3a2a1;
  color: #42423b;
  background: #efefee;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 3px;
  /*position: relative;*/
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
}


._ChkMtto{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';  
  color: #30302b;  
  padding: 2px;  
  font-size: 15px;      
}
._ChkMtto:hover{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';  
  color: #0d0d0d;  
  padding: 2px;  
  font-size: 15px;    
 
}

._ChkMtto:disabled{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';  
  color: #959594;  
  padding: 2px;  
  font-size: 16px;    
}
.watermarked{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  color: #89897c;
  border: 1px solid #686765;
  border-radius: 3px;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;}
  
._TextMtto{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #686765;
  color: #30302b;
  background: #f6f4ed;  
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 15px;
  border-radius: 3px;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);
    top: 0px;
    left: 0px;
}

._TextMtto:hover{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #686765;
  color: #0d0d0d;
  background: #f6f4ed;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 1px;
  font-size: 15px;
  border-radius: 3px;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
}

._TextMtto:disabled{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #a3a2a1;
  color: #42423b;
  background: #efefee;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 3px;
  position: relative;  
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);  
}


._Spinner{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #c4c3b2;
  color: #30302b;
  background: #f6f4ed;  
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 15px;
  border-radius: 3px;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);    
}

._TimePicker{
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  border: 1px solid #c4c3b2;
  color: #30302b;
  background: #f6f4ed;  
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 15px;
  border-radius: 3px;
  position: relative;
  behavior:url(/ssc/SharedCSS/sp/PIE.htc);    
}

._DvGvPager{
  text-align: center; 
  padding-top: 5px; 
  padding-bottom: 5px; 
  width: 100%;
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
  font-size: 15px;
  color: #0d0d0d;
}


/* CSS PARA MANEJO DE GRIDVIEW QUE NOS MUESTRE UNA LISTA DE REGISTROS*/
/*.DvGvLista{
	font-size:11px;
	font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	border:solid 1px #333;
	background-color:#fff;
	padding:1px;
	width:100%;
	float:left;
}*/

.GvLista
{
  width:100%;
  font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
}


.GvLista th
{  
  padding: 4px 0px 4px 4px;
  color: #dcdcdc ; 
  background: #37282e; 
  border-top: solid 1px #4d4d4d;
  border-bottom: solid 1px #4d4d4d;  
  border-right: solid 1px #6a6969;   
  border-left: solid 1px #6a6969;   
  font-size: 12px; 
  text-align:left;  
 }

.GvLista tr.TrImparGvLista
{
	background-color: #e3e3e3 ; 
 }
.GvLista tr.TrParGvLista
{
	background-color:#f1f1f1;
	}      
.GvLista td
{ 
	border: solid 1px #c1c1c1; 
	color: #000000;
	height: 18px;
}

.GvLista th._hidden
{
	visibility:hidden; 
	display: none;
}

.GvLista td._hidden
{
	visibility:hidden !important; 
	display: none !important;
}

/*Estilo para ocultar un objeto*/
._hidden { visibility:hidden; display:none;}

/*Estilo para información extra en las búsquedas*/
._InfoExtra
{
    color:#7c5a67;
    }
  
._InfoExtraFontSmall
{
    color:#7c5a67;
    font-size:small;
    }

/* HEARBEAT */
.heartbeat {
    position: absolute;
    display: none;
    margin: 5px;
    color: red;
    right: 0;
    top: 0;
}

._lblLargeRed
{
    font-size:x-large; color:Red;
    }
._lblRedSmall
{
    color:Red;
    font-size:smaller;
    }
 ._lblLargeBlue
{
    font-size:x-large; color:Blue;
    }
  
  ._BtnCheckBox
{
    background-color:white;
    padding: 0px 7px 0px 7px;
    border: 1px solid ;
    margin: 1px;
    }