@font-face {
	font-family: "CantarellRegular";
	src: url('~/ssc/SharedFonts/cantarell/Cantarell-Regular.eot');
}
 
@font-face {
	font-family: "CantarellOblique";
	src: url('~/ssc/SharedFonts/cantarell/Cantarell-Oblique.eot');
	font-style: italic;
}
 
@font-face {
	font-family: "CantarellBold";	
	src: url('~/ssc/SharedFonts/cantarell/Cantarell-Bold.eot');
	font-weight: bold;
}
 
@font-face {
	font-family: "CantarellBoldOblique";
	src: url('~/ssc/SharedFonts/cantarell/Cantarell-BoldOblique.eot');
	font-weight: bold;
	font-style: italic;
}

body
{
    background-color: #edf0f8 ;
    font-size: 0.8em;
    text-align: left;
    line-height: 1.3em; /*letter-spacing: 1px; */
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
}
html
{
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
}

#_cntMain
{
    width: 900px;
    margin: 20px auto auto auto;
    text-align: left;
    height: 530px;
    background-color:White ;
    
   /* border-color: #fbd63a;
    border-width: thin; 
    border-style: solid;*/
    clear: both ;
    position: relative ;
    overflow:auto ;
}

/* 
EL RECTAGULO CENTRAL SE CONVIERTE AHORA EN EL RECTAGULO GENERAL CON 
4 ESQUINAS
1 LADO TOP
1 LADO BOTTOM
1 CENTRO
1 LADO IZQUIERDO
1 LADO DERECHO
*/
    
#_cntRectan
{
    margin: auto ;
    width: 1000px;
    height: 100% ;            
    
}


#_cntRectan ._cntRectanTopLeft 
{
    margin: auto ;
    width: 24px;
    float: left;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanTopLeft.PNG');
    background-position:  bottom bottom ;
}

#_cntRectan ._cntRectanTopRight
{
    margin: auto;
    width: 24px;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanTopRight.png');
    background-position:  bottom bottom ;
}

#_cntRectan ._cntRectanBottomLeft
{
    margin: auto ;
    width: 24px;
    height: 24px;
    float:left;
    background-image: url('../SharedImages/_cntRectanBottomLeft.png');
    background-position:  bottom bottom ;
}

#_cntRectan ._cntRectanBottomRight
{
    margin: auto;
    width: 24px;
    float: left;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanBottomRight.png');
    background-position:  bottom bottom ;
}


#_cntRectan ._cntRectanCenter
{
    margin: auto;
    width: 93%;
    float: left;
    height: 100% ;
    background-image: url('../SharedImages/_cntRectanCenter.png');
    background-repeat: repeat ;
    
}

#_cntRectan ._cntRectanCenterAutoHeightTop
{
    margin: auto;
    width: 100%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanCenterAutoHeightTop.png');
    background-repeat: no-repeat;
    
}

#_cntRectan ._cntRectanCenterAutoHeight
{
    margin: auto;
    width: 100%;
    float: left;
    height: 100% ;
    background-image: url('../SharedImages/_cntRectanCenterAutoHeight.png');
    background-repeat: repeat-y ;
    
}

#_cntRectan ._cntRectanCenterAutoHeightBottom
{
    margin: auto;
    width: 100%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanCenterAutoHeightBottom.png');
    background-repeat: no-repeat;
    background-position:  bottom bottom ;
}

#_cntRectan2
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
    margin: auto 20px auto 20px ;
    width: 95%;
    height: 75% ;
    min-height: 1px ;
    }

#_cntRectan2 ._cntRectanCenterAutoHeightTop2
{
    width: 100%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanCenterAutoHeightTop2.png');
    background-repeat: no-repeat;
    background-position:  center left  ;
}

#_cntRectan2 ._cntRectanCenterAutoHeight2
{
    width: 96%;
    float: left;
    height: 100% ;
    background-image: url('../SharedImages/_cntRectanCenterAutoHeight2.png');
    background-repeat: repeat-y ;
    background-position: center center ;
    padding: 0px 24px 0px 24px ;
}

#_cntRectan2 ._cntRectanCenterAutoHeightBottom2
{
    width: 100%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanCenterAutoHeightBottom2.png');
    background-repeat: no-repeat;
    background-position:  center left ;
}

#_cntRectan ._cntRectanLeftCenter
{
    margin: auto;
    width: 24px;
    float: left;
    height: 100%;
    min-height: 1px;
    background-image: url('../SharedImages/_cntRectanLeftCenter.png');
    background-repeat: repeat-y ;
}

#_cntRectan ._cntRectanRightCenter
{
    margin: auto;
    width: 24px;
    float: left;
    height: 100%;
    min-height: 1px ;
    background-image: url('../SharedImages/_cntRectanRightCenter.png');
    background-repeat: repeat-y ;
}

#_cntRectan ._cntRectanTopCenter
{
    margin: auto;
    width: 93%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanTopCenter.png');
    background-repeat: repeat-x;
    background-position:  bottom bottom ;
}

#_cntRectan ._cntRectanBottomCenter
{
    margin: auto;
    width: 93%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanBottomCenter.png');
    background-repeat: repeat-x ;
    background-position:  bottom bottom ;
}



/*OTRO RECTANGULO MAS*/
    
#_cntRectan2 ._cntRectanTopLeft2 
{
    margin: auto;
    width: 24px;
    float: left;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanTopLeft2.PNG');
    background-position:  bottom bottom ;
}

#_cntRectan2 ._cntRectanTopRight2
{
    margin: auto;
    width: 24px;
    float: left;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanTopRight2.png');
    background-position:  bottom bottom ;
}

#_cntRectan2 ._cntRectanBottomLeft2
{
    margin: auto;
    width: 24px;
    float: left;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanBottomLeft2.png');
    background-position:  bottom bottom ;
}

#_cntRectan2 ._cntRectanBottomRight2
{
    margin: auto;
    width: 24px;
    float: left;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanBottomRight2.png');
    background-position:  bottom bottom ;
}

#_cntRectan2 ._cntRectanTopCenter2
{
    margin: auto ;
    width: 93%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanTopCenter2.png');
    background-repeat: repeat-x;
    background-position:  bottom bottom ;
}

#_cntRectan2 ._cntRectanBottomCenter2
{
    margin: auto;
    width: 93%;
    float: left ;
    height: 24px;
    background-image: url('../SharedImages/_cntRectanBottomCenter2.png');
    background-repeat: repeat-x ;
    background-position:  bottom bottom ;
}


#_cntRectan2 ._cntRectanCenter2
{
    margin: auto;
    width: 93%;
    float: left;
    height: 100% ! important ;
    min-height: 1px ;
    background-image: url('../SharedImages/_cntRectanCenter2.png');
    background-repeat: repeat ;
}


#_cntRectan2 ._cntRectanLeftCenter2
{
    margin: auto;
    width: 24px;
    float: left;
    height: 100% ! important ;
    min-height: 1px ;
    background-image: url('../SharedImages/_cntRectanLeftCenter2.png');
    background-repeat: repeat-y ;
}

#_cntRectan2 ._cntRectanRightCenter2
{
    margin: auto;
    width: 24px;
    float: left;
    height: 100% ! important ;
    min-height: 1px ;
    background-image: url('../SharedImages/_cntRectanRightCenter2.png');
    background-repeat: repeat-y ;
}


/*FIN DE LA DEFINICION DEL RECTANGULO GENERAL*/

/*INICIO DE DEFINICIONES DEL HEADER DONDE APARECE EL NOMBRE DEL SISTEMA*/
#_cntMainHeader
{
    width: 100%;
    height: 15% ;
    float: left;
    margin: auto ;
}

#_cntMainHeader ._ImageCustomer 
{
    width: 120px;
    height: 120px;
    float: left;
}

#_cntMainHeader ._ImageCustomer img
{
    width: 100px;
    height: 100px;
    margin: 10px 10px 10px 10px;
    padding-left:10px;
    src: '~/ssc/SharedImages/_LogoCustomer.png' ;
}

#_cntMainHeader ._ImageCustomer asp:image
{
    width: 100px;
    height: 100px;
    margin: 10px 10px 10px 10px;
}

#_cntMainHeader ._MainTitle
{
    width: auto;
    height: 40px;
    /*font-family: 'Neuzeit S LT Std', 'Insignia LT Std', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';*/
    font-size: 30px;
    font-weight: normal;
    padding: 20px 15px 10px 15px;
    line-height: 35px;
  /*  background-color:White ; */
}

#_cntMainHeader ._SubMainTitle
{
    width: auto ;
    height: 30px ;
    /*font-family: 'Neuzeit S LT Std', 'Insignia LT Std', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';*/
    font-size: 15px;
    padding: 15px 5px 10px 5px;
    line-height: 35px;
    /*background-color:White ; */
}

/*DEFINICION DE LOS DIV QUE DETALLAN LA INFORMACION DE ALUMNO*/

._cntLabels
{
    float: left;
    width: 29%;
    border: 1px solid #3366FF;
}
._cntLabelsInfo
{
    float:left ;
    width: 70% ;
    border: 1px solid #3366FF;
    }
    
._tbInformation
{
    margin: 5px auto; 
    border: 1px solid #c0c0c0; 
    width: 100%;
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
    /*font-family: 'Neuzeit S LT Std', 'Insignia LT Std', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';*/
    }
    

._tbInformation caption 
{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin: 5px auto 5px;
    padding-bottom: 10px;    
}

._tbInformation tbody th
{
    color: #fff;
    background:#92667b ;
    text-align: left;
    padding: 7px;
    width: 115px;
    border-top: 1px solid #4c3540;
    font-size: 13.5px;
    font-style:normal;
}    

._tbInformation tbody td
{
    background-position: #fff;
    font-size: 13px;
    color: #666;
    background: #fff;
    text-align: left;
    padding: 7px;
    border-top: 1px dotted #4c3540;
    font-style: normal;
}

._tbInformation tbody td div
{
    height: 100% ;
}

#_cntHeaderGraph
{
    
    width: 799px;
    height: 100px;
    text-align: center;
    background-color:White ; 
}

#_cntHeaderGraph ._cntHeaderGraphLeft
{
    margin: auto auto auto auto;
    width: 3%;
    height: 100%;
    float: left;
    background-image: url( '../SharedImages/_bgCenterLeft2.png' );
}

#_cntHeaderGraph ._cntHeaderGrapCenter
{
    margin: auto auto auto auto;
    width: 94%;
    height: 100%;
    float: left;
    background-color:White ; 
    /*background-image: url( '../SharedImages/bgHeader.jpg' );*/
}

#_cntHeaderGraph ._cntHeaderGraphRight
{
    margin: auto auto auto auto;
    width: 3%;
    height: 100%;
    float: left;
    background-image: url( '../SharedImages/_bgCenterRight2.png' );
}

#_cntFlashClock
{
    text-align: right;
	margin: auto auto auto auto;
	height: 20px;
	width: 100%;
	float:left;
}

#_cntFrameTop
{
    width: 100%;
    height: 100px;
    float: left;
    background-image: url( '../SharedImages/_bgFrameTop.png' );
    background-repeat: no-repeat;
}

#_cntLogin
{
    margin: 170px auto auto auto ;
    height:250px;
    width: 500px;
    background-image: url(../SharedImages/_bgLogin.png) ;
    
}

.LabelsLogin
{
    padding: 5px;
    font-size: .9em;
    font-weight: lighter ;
    text-align: right;
    margin-left: 5%;
    margin-right: auto;
    width: 300px;
    height: 15px;
    color: #333333;
    /*color: White;*/
}

._Textbox
{
    font-family: 'CantarellRegular';
    height: 19px;    
    border: 1px solid #C0C0C0;
    background-color:White;
    }    

._Checkbox
{
    font-family: 'CantarellRegular';
    height: 19px;
    }

._NormalLabel
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
    font-size: 13px;
    color: #161717;
    }
    
    ._BtnGoodInfo
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
    font-size: 18px;
    color: #997082;
    }
    
    ._BtnBadInfo
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
    font-size: 18px;
    color: #bb4652;
    }
    
   ._NormalLabel:disabled{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
    font-size: 13px;
    color: #797f7f;
    } 
._Button
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
    height: 34px;
    font-size: 16px;   
    color: #ffffff; /* Old browsers */
    background: #9ba4af;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */    
    background: -moz-linear-gradient(top,  rgba(155,164,175,1) 0%, rgba(95,104,115,1) 49%, rgba(155,164,175,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,164,175,1)), color-stop(49%,rgba(95,104,115,1)), color-stop(100%,rgba(155,164,175,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(155,164,175,1) 0%,rgba(95,104,115,1) 49%,rgba(155,164,175,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(155,164,175,1) 0%,rgba(95,104,115,1) 49%,rgba(155,164,175,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(155,164,175,1) 0%,rgba(95,104,115,1) 49%,rgba(155,164,175,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(155,164,175,1) 0%,rgba(95,104,115,1) 49%,rgba(155,164,175,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ba4af', endColorstr='#9ba4af',GradientType=0 ); /* IE6-8 */
    border: 1px solid #ffffff;    
    border-radius: 5px;
    margin: 0px;        
    position: relative;  
    behavior:url(/ssc/SharedCSS/PIE.htc);
    }
    
  ._Button:hover
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
    height: 34px;
    font-size: 16px;   
    color: #6e460f;
    background: #feffe8; /* Old browsers */
    background: -moz-linear-gradient(top, #feffe8 0%, #d3d3d3 49%, #feffe8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(49%,#d3d3d3), color-stop(100%,#feffe8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feffe8 0%,#d3d3d3 49%,#feffe8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feffe8 0%,#d3d3d3 49%,#feffe8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feffe8 0%,#d3d3d3 49%,#feffe8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feffe8 0%,#d3d3d3 49%,#feffe8 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#8aa0a8',GradientType=0 ); /* IE6-9 */             
    border: 1px solid #6e460f;    
    border-radius: 5px;    
    margin: 0px;
    cursor:pointer;
    position: relative;  
    behavior:url(/ssc/SharedCSS/PIE.htc);
}
                     
    
    ._ButtonMenu
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
    height: 32px;
    font-size: 14px;   
    color: #612304;
    background: #e1b47e; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(224,145,56,1) 0%, rgba(224,195,161,1) 47%, rgba(225,180,126,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,145,56,1)), color-stop(47%,rgba(224,195,161,1)), color-stop(100%,rgba(225,180,126,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(224,145,56,1) 0%,rgba(224,195,161,1) 47%,rgba(225,180,126,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(224,145,56,1) 0%,rgba(224,195,161,1) 47%,rgba(225,180,126,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(224,145,56,1) 0%,rgba(224,195,161,1) 47%,rgba(225,180,126,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(224,145,56,1) 0%,rgba(224,195,161,1) 47%,rgba(225,180,126,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09138', endColorstr='#e1b47e',GradientType=0 ); /* IE6-9 */
    border: 1px solid #f3590b;        
    margin: 0px;
    cursor: pointer;          
    border-radius: 5px;
    position: relative;  
    behavior:url(/ssc/SharedCSS/PIE.htc);
    }

._ButtonMenu:hover
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
    height: 32px;
    font-size: 14px;   
    color: #F25000;
    background: #f4e4d1; /* Old browsers */                
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  rgba(237,217,196,1) 0%, rgba(229,222,215,1) 52%, rgba(237,217,196,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,217,196,1)), color-stop(52%,rgba(229,222,215,1)), color-stop(100%,rgba(237,217,196,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,217,196,1) 0%,rgba(229,222,215,1) 52%,rgba(237,217,196,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,217,196,1) 0%,rgba(229,222,215,1) 52%,rgba(237,217,196,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,217,196,1) 0%,rgba(229,222,215,1) 52%,rgba(237,217,196,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,217,196,1) 0%,rgba(229,222,215,1) 52%,rgba(237,217,196,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd9c4', endColorstr='#edd9c4',GradientType=0 ); /* IE6-8 */
    margin: 0px;
    border: 1px solid #f3590b;                            
    border-radius: 5px;
    position: relative;    
    behavior:url(/ssc/SharedCSS/PIE.htc);
    }

._ButtonLogin
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
    height: 33px;
    font-size: 17px;   
    color: #545454;
    background: rgb(230,230,230); /* Old browsers */    
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */    
    background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(230,230,230,1) 48%, rgba(200,200,200,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,1)), color-stop(48%,rgba(230,230,230,1)), color-stop(100%,rgba(200,200,200,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(230,230,230,1) 48%,rgba(200,200,200,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(230,230,230,1) 48%,rgba(200,200,200,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(200,200,200,1) 0%,rgba(230,230,230,1) 48%,rgba(200,200,200,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(200,200,200,1) 0%,rgba(230,230,230,1) 48%,rgba(200,200,200,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-8 */
    border: 1px solid #939393;
    margin: 0px;     
    border-radius: 5px;            
    position: relative;  
    padding: 2px 10px 2px 10px;
    behavior:url(/ssc/SharedCSS/PIE.htc);
    }
    
  ._ButtonLogin:hover
{
    font-family: 'CantarellRegular', 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
    height: 33px;
    font-size: 17px;   
    color: #555555;
    background: rgb(220,220,220); /* Old browsers */    
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */    
    background: -moz-linear-gradient(top,  rgba(170,170,170,1) 0%, rgba(240,240,240,1) 49%, rgba(170,170,170,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(49%,rgba(240,240,240,1)), color-stop(100%,rgba(170,170,170,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(240,240,240,1) 49%,rgba(170,170,170,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(240,240,240,1) 49%,rgba(170,170,170,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(240,240,240,1) 49%,rgba(170,170,170,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(170,170,170,1) 0%,rgba(240,240,240,1) 49%,rgba(170,170,170,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-8 */
    border: 1px solid #555555;
    margin: 0px;     
    border-radius: 5px;    
    cursor:pointer;
    position: relative;  
    padding: 2px 10px 2px 10px;
    behavior:url(/ssc/SharedCSS/PIE.htc);
}
/* Divs con Border Raius*/
._DvBordeRadiusUp 
{
    border-radius: 5px 5px 0px 0px; 
    border: 1px solid #888888;     
    position: relative;  
    behavior:url(/ssc/SharedCSS/PIE.htc);
    }
  ._DvLeftAndRightBorder 
{
    
    border-left: 1px solid #888888; 
    border-right: 1px solid #888888; 
    padding: 6px 1px 6px 1px;
    position: relative;  
    
    }  
._DvBordeRadiusDown
{
    border-radius: 0px 0px 5px 5px; 
    border: 1px solid #888888; 
    padding: 6px 1px 6px 1px;
    position: relative;  
    behavior:url(/ssc/SharedCSS/PIE.htc);
    }    


._DvBordeRadiusAllWithBG 
{
    border-radius: 10px; 
    border: 1px solid #684c57; 
    margin: 0px 0px 0px 0px; 
    padding: 3px ;    
    position: relative;  
    behavior:url(/ssc/SharedCSS/PIE.htc);
}

._DvBRAllNormal
{
    border-radius: 5px ;     
    background-color: #e8bdce;
    border: 1px solid #888888; 
    margin: 0px; 
    padding: 6px 2px 6px 2px;    
    position: relative;  
    behavior:url(/ssc/SharedCSS/PIE.htc);
}

._DivFormViewInfo
{
    width: 175px; 
    float: right; 
    border-radius: 0px 10px 0px 10px; 
    padding: 10px 5px 0px 5px;
    border: 1px solid #888888; 
    background: #c3d4e1;
    position: relative;      
    behavior:url(/ssc/SharedCSS/PIE.htc);
    }
    
._SpanFormViewInfo
{       
    vertical-align: top;
    color: #777777;
    }

._DvDeleteInfoTitle
{    
    border: 1px solid #dedede;        
    position: relative;      
    font-size:18px; 
    color:#f3590b; 
    background-color: #f4e4d1;    
    border-collapse:collapse;
    height: 28px;
    padding-top: 10px ;     
    padding-left: 10px ;     
    }

._DvDeleteInfoFooter
{    
    border: 1px solid #dedede;    
    background-color: #dedede;
    position: relative;              
    text-align: right;
    border-collapse:collapse;
    padding: 5px ;
    height: 30px;    
    }

._DvDeleteInfoContainer
{    
    border-top: 0px ;    
    border-bottom: 0px ;
    position: relative;                  
    border-collapse:collapse;
    padding: 5px ;    
    }
#_cntMainPanel
{
    margin: 20px auto auto auto; 
    width: 800px; 
    height: auto; 
    background-color:White ;    
    
    }
    
#_cntMainPanelLeft
{
    background-position: left;
    width: 600px;
    float: left ;
    /*margin: 20px auto auto auto;*/
    height: 100%;
    background-image: url('../SharedImages/_bgCenterLeft2.png');
    background-repeat: repeat-y;
}

#_cntMainPanelLeft ._cntSubMainPanelLeft
{
    margin: auto auto auto 40px;
    width:90.7%; 
    /*background-color:#FFFFFF; */
    float:left; 
    height:153px;
}

#_cntMainPanelRight
{
    width: 200px; 
    float: left;
    height: 100%;
    text-align: center;
    background-image: url('../SharedImages/_bgCenterRight2.png');
    background-position: right;
    background-repeat: repeat-y;
}

#_cntMainPanelRight ._cntSubMainPanelRight
{
    width: 89%; 
    float: left;
    height: auto;
    margin: auto 10px auto auto;
    text-align: center;
    background-color:White ; 
   /* background-color:#FFFFFF; */
}


#_cntSubMainPlaceHolderRightRight
{
    margin: auto auto auto 20px;
    width:100% ; 
    /*background-color:#FFFFFF; */
    float:left; 
    padding:5px 5px 5px 5px;
    height:100%;
    text-align: right;
    background-color:White ; 
}


/****************************************************************
    ESTAS SON LOS ESTILOS NUEVOS DE LAS CSS EN CODENAME: RENEW
*****************************************************************/


#_lblLinksMenuUp
{
    font-family: 'Letter Gothic Std';
    font-size: 1em;
    color: #808080;
    float: left;
    height: 15px;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}

#_lblLinksMenuUp ._Option
{
    float: right;
}

#_lblLinksMenuUp ._Option a:link
{
    color: #808080;
    text-decoration: none;
}


#_lblLinksMenuUp ._Option a:visited 
{
    color: Navy ;
    text-decoration: none;
} 

#_lblLinksMenuUp ._Option a:hover
{
    color: #7fb1e0 ;
    text-decoration: none;
}



#_lblLinksMenuUp ._Divider
{
    margin: auto 5px auto 5px;
    float: right ;
}


#_cntShadownUp
{
    height: 60px;
    width: 100%;
    background-image: url( '../SharedImages/_ShadowUp.png' );
    background-repeat: repeat-x;
    float: left ;
    margin: 20px auto auto auto;
}

#_cntShadownDown
{
    height: 60px;
    width: 100%;
   /* background-image: url( '../SharedImages/_ShadowDown.png' );
    background-repeat: repeat-x;*/
}


@font-face {
	font-family: 'CantarellRegular';
	src: url('../SharedFonts/cantarell/Cantarell-Regular.eot');
	src: local('Cantarell Regular'), local('Cantarell-Regular'), url('../SharedFonts/cantarell/Cantarell-Regular.ttf') format('truetype');
	font-style: normal ;
	font-weight: normal ;
}

@font-face {
	font-family: 'CantarellOblique';
	src: url('../SharedFonts/cantarell/Cantarell-Oblique.eot');
	src: local('Cantarell Oblique'), local('Cantarell-Oblique'), url('../SharedFonts/cantarell/Cantarell-Oblique.ttf') format('truetype');
	font-style: oblique ;
	font-weight: normal ;
}

@font-face {
	font-family: 'CantarellBold';
	src: url('../SharedFonts/cantarell/Cantarell-Bold.eot');
	src: local('Cantarell Bold'), local('Cantarell-Bold'), url('../SharedFonts/cantarell/Cantarell-Bold.ttf') format('truetype');
	font-style: normal ;
	font-weight: bold ;
}

@font-face {
	font-family: 'CantarellBoldOblique';
	src: url('../SharedFonts/cantarell/Cantarell-BoldOblique.eot');
	src: local('Cantarell BoldOblique'), local('Cantarell-BoldOblique'), url('../SharedFonts/cantarell/Cantarell-BoldOblique.ttf') format('truetype');
	font-style: oblique ;
	font-weight: bold ;
}


/*
@font-face {
	font-family: 'DustismoRegular';
	src: url('../SharedFonts/dutismo/dustismo.eot');
	src: local('Dustismo Regular'), local('Dustismo'), url('../SharedFonts/dutismo/dustismo.ttf') format('truetype');
}

@font-face {
	font-family: 'DustismoItalic';
	src: url('../SharedFonts/dutismo/dustismo_italic.eot');
	src: local('Dustismo  Italic'), local('DustismoItalic'), url('../SharedFonts/dutismo/dustismo_italic.ttf') format('truetype');
}

@font-face {
	font-family: 'DustismoBold';
	src: url('../SharedFonts/dutismo/dustismo_bold.eot');
	src: local('Dustismo  Bold'), local('DustismoBold'), url('../SharedFonts/dutismo/dustismo_bold.ttf') format('truetype');
}

@font-face {
	font-family: 'DustismoBoldItalic';
	src: url('../SharedFonts/dutismo/dustismo_bold_italic.eot');
	src: local('Dustismo  Bold Italic'), local('DustismoBoldItalic'), url('../SharedFonts/dutismo/dustismo_bold_italic.ttf') format('truetype');
}

@font-face {
	font-family: 'PerspectiveSansRegular';
	src: url('../SharedFonts/perspective_sans/persans.eot');
	src: local('Perspective Sans Regular'), local('PerspectiveSans'), url('../SharedFonts/perspective_sans/persans.ttf') format('truetype');
}

@font-face {
	font-family: 'PerspectiveSansItalic';
	src: url('../SharedFonts/perspective_sans/persansi.eot');
	src: local('Perspective Sans Italic'), local('PerspectiveSansItalic'), url('../SharedFonts/perspective_sans/persansi.ttf') format('truetype');
}

@font-face {
	font-family: 'PerspectiveSansBold';
	src: url('../SharedFonts/perspective_sans/persansb.eot');
	src: local('Perspective Sans Bold'), local('PerspectiveSansBold'), url('../SharedFonts/perspective_sans/persansb.ttf') format('truetype');
}

@font-face {
	font-family: 'PerspectiveSansBoldItalic';
	src: url('../SharedFonts/perspective_sans/persanbi.eot');
	src: local('Perspective Sans Bold Italic'), local('PerspectiveSansBoldItalic'), url('../SharedFonts/perspective_sans/persanbi.ttf') format('truetype');
}

@font-face {
	font-family: 'PerspectiveSansBlackRegular';
	src: url('../SharedFonts/perspective_sans/persanbk.eot');
	src: local('Perspective Sans Black Regular'), local('PerspectiveSansBlack'), url('../SharedFonts/perspective_sans/persanbk.ttf') format('truetype');
}

@font-face {
	font-family: 'PerspectiveSansBlackItalic';
	src: url('../SharedFonts/perspective_sans/persabki.eot');
	src: local('Perspective Sans Black Italic'), local('PerspectiveSansBlackItalic'), url('../SharedFonts/perspective_sans/persabki.ttf') format('truetype');
}


@font-face {
	font-family: 'QuicksandLight';
	src: url('../SharedFonts/quicksand/Quicksand_Light.eot');
	src: local('Quicksand Light'), local('QuicksandLight-Regular'), url('../SharedFonts/quicksand/Quicksand_Light.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandLightOblique';
	src: url('../SharedFonts/quicksand/Quicksand_Light_Oblique.eot');
	src: local('Quicksand Light Oblique'), local('QuicksandLightOblique-Regular'), url('../SharedFonts/quicksand/Quicksand_Light_Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('../SharedFonts/quicksand/Quicksand_Book.eot');
	src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('../SharedFonts/quicksand/Quicksand_Book.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBookOblique';
	src: url('../SharedFonts/quicksand/Quicksand_Book_Oblique.eot');
	src: local('Quicksand Book Oblique'), local('QuicksandBookOblique-Regular'), url('../SharedFonts/quicksand/Quicksand_Book_Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('../SharedFonts/quicksand/Quicksand_Bold.eot');
	src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('../SharedFonts/quicksand/Quicksand_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandBoldOblique';
	src: url('../SharedFonts/quicksand/Quicksand_Bold_Oblique.eot');
	src: local('Quicksand Bold Oblique'), local('QuicksandBoldOblique-Regular'), url('../SharedFonts/quicksand/Quicksand_Bold_Oblique.ttf') format('truetype');
}

@font-face {
	font-family: 'QuicksandDash';
	src: url('../SharedFonts/quicksand/Quicksand_Dash.eot');
	src: local('Quicksand Dash'), local('QuicksandDash-Regular'), url('../SharedFonts/quicksand/Quicksand_Dash.ttf') format('truetype');
}
*/

#_FooterDiv {
    overflow:auto;
    bottom:0;
    position:absolute;
    width:100%;
    border:0px;
    background-color:Gray ;
}

#_cntTopRectan
{
    margin: 20px auto auto auto;
    width: 800px;
    height: 20px;
    background-color:White ; 
}

#_cntTopRectan2
{
    margin: 140px auto auto auto;
    width: 800px;
    height: 20px;
    background-image: url(../SharedImages/_bgRectangleTop.png) ;
    background-repeat: repeat-x ;    
}

#_cntTopRectan ._cntTopRectanCornerLeft
{
    margin: auto auto auto auto;
    width: 3%;
    height: 100%;
    float: left;
    background-image: url('../SharedImages/_bgTopLeft2.png');
}

#_cntTopRectan ._cntTopRectanCenter
{
    margin: auto auto auto auto;
    width: 94%;
    float: left;
    height: 100%;
    background-image: url('../SharedImages/_bgTopCenter2.png');
}

#_cntTopRectan ._cntTopRectanCornerRight
{
    margin: auto auto auto auto;
    width: 3%;
    float: left;
    height: 100%;
    background-image: url( '../SharedImages/_bgTopRight2.png' );
}

#_cntBottomRectan
{
    margin: auto auto auto auto;
    width: 800px;
    height: 25px;
    background-color:White ; 
    /*background-image: url( '../SharedImages/bgBottom.png' );*/
}

#_cntBottomRectan ._cntBottomRectanCornerLeft
{
    margin: auto auto auto auto;
    width: 3%;
    height: 100%;
    float: left;
    background-image: url( '../SharedImages/_bgBottomLeft2.png' );
}

#_cntBottomRectan ._cntBottomRectanCenter
{
    margin: auto auto auto auto;
    width: 94%;
    float: left;
    height: 100%;
    background-image: url('../SharedImages/_bgBottomCenter2.png');
}

#_cntBottomRectan ._cntBottomRectanCornerRight
{
    margin: auto auto auto auto;
    width: 3%;
    float: left;
    height: 100%;
    background-image: url( '../SharedImages/_bgBottomRight2.png' );
}

/*PARA BARRA TIPO MAC*/
.dock
{
    position: relative;
    height: 50px;
    text-align: center;
    width:100%;
    /*width: 100%;
    bottom: 120px;
	position: absolute;
	left: 0px;*/
}
._dock
{
    height: 72px;
    width: 100%;
    /*border: solid 1px red;*/
    left: 0px;
}

#dock{
	width: 100%;
	/*bottom: 70px;
	position: absolute;*/
	left: 0px;
}
.dock-container
{
    position: absolute;
    height: 72px;
    padding: 0px 0px 0px 0px; 
}

.dock-container-bg
{
    width:100%;
    height:100%;
    padding-top:30px;
}


a.dock-item {
	/*display: block; 
	width: 72px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-decoration: none;*/
	margin: 0px 0px -18px 0px;
	display: block; 
	width: 72px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}

.dock-item span {
	display: none;
	padding: 0px 0px 0px 0px;
	color: #000000;
    
}

.dock-item img {
	border: none; 
	margin: 5px 0px  0px 0px; 
	width: 100%; 
}
/*
.dock-item img:hover {
   width:100px;
}
                
.dock-item img:active {
   top:-40px;
}
 
 
.dock-item:hover + img {
   width:70px;
}
*/

#dock2 {
	width: 100%;
	bottom: 0px;
	position: relative;
	/*position: absolute;*/
	left: 1px;
	
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	/*font: bold 15px 'Neuzeit S LT Std' 'Insignia LT Std' 'Segoe UI' 'Trebuchet MS' 'Verdana' 'Tahoma';*/
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding: 0px 0px 0px 0px;
	color: #000000;
    
}
.dock-item2 img {
	border: none; 
	margin: 5px 0px 0px 0px; 
	width: 100%; 
}



/*DEFINICIONES PARA LOS BOTONES TIPO LINK*/

a._cmdButton95x85 
{
    /*display:block   ;*/
    display: inline-block  ;
    width: 85px;
    padding: 6px 7px 7px 7px ;
    color:#333;
    background: url('../SharedImages/buttons/_cmdButton95x85.png') 0 0 no-repeat;
    text-decoration: none;
}
a._cmdButton95x85:hover 
{ 
    background-position: 0 -30px;
    color: #049;
}
a._cmdButton95x85:active 
{
    background-position: 0 -60px;
    color:#fff;
}

a._cmdRowRight30x30
{
    display:block ;
    width: 85px;
    padding: 6px 7px 7px 7px ;
    color:#333;
    background: url('../SharedImages/buttons/_cmdRowRight30x30.png') 0 0 no-repeat;
    text-decoration: none;
}
a._cmdRowRight30x30:hover 
{ 
    background-position: 0 -30px;
    color: #049;
}
a._cmdRowRight30x30:active 
{
    background-position: 0 -60px;
    color:#fff;
}

a._cmdSquared32
{
    display:block ;
    width: 32px;
    min-height: 19px ;
    padding: 6px 7px 7px 7px ;
    color:#333;
    background: url('../SharedImages/buttons/_cmdSquared32.png') 0 0 no-repeat;
    text-decoration: none;
}
a._cmdSquared32:hover 
{ 
    background-position: 0 -32px;
    color: #049;
}
a._cmdSquared32:active 
{
    background-position: 0 -64px;
    color:#fff;
}


/* CREANDO LOS CONTROLES */

/*GUARDAR*/
a._cmdSquared32_Save
{
    display:inline-block  ;
    width: 19px;
    min-height: 19px ;
    padding: 6px 7px 7px 7px ;
    color:#333;
    background: url('../SharedImages/buttons/_cmdSquared32_Save.png') 0 0 no-repeat;
    text-decoration: none;
     
}
a._cmdSquared32_Save:hover 
{ 
    background-position: 0 -32px;
    color: #049;
}
a._cmdSquared32_Save:active 
{
    background-position: 0 -64px;
    color:#fff;
}
/*NUEVO*/
a._cmdSquared32_New
{
    display:inline-block  ;
    width: 19px;
    min-height: 19px ;
    padding: 6px 7px 7px 7px ;
    color:#333;
    background: url('../SharedImages/buttons/_cmdSquared32_New.png') 0 0 no-repeat;
    text-decoration: none;
}
a._cmdSquared32_New:hover 
{ 
    background-position: 0 -32px;
    color: #049;
}
a._cmdSquared32_New:active 
{
    background-position: 0 -64px;
    color:#fff;
}

/*BROWSE*/
a._cmdSquared32_Browse
{
    display:inline-block  ;
    width: 19px;
    min-height: 19px ;
    padding: 6px 7px 7px 7px ;
    color:#333;
    background: url('../SharedImages/buttons/_cmdSquared32_Browse.png') 0 0 no-repeat;
    text-decoration: none;
}
a._cmdSquared32_Browse:hover 
{ 
    background-position: 0 -32px;
    color: #049;
}
a._cmdSquared32_Browse:active 
{
    background-position: 0 -64px;
    color:#fff;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
}

._NumberText
{
    font-family: 'CantarellRegular';
    background-position: #FFFFFF;
    text-align: right;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
}  

._NumberTextDisabled
{
    background-position: #FFFFFF;
    text-align: right;
    background: #F0F0F0;
    color: #F0F0F0;
    border: 1px solid #C0C0C0;
} 
 
 .mnuToolBarDraw
        {
         font-size: 13px;
         font-family: Verdana;
         padding: 6px;
         filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#c6c7c8);
        }



.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}

table.CustomValidatorCalloutStyle div, 
table.CustomValidatorCalloutStyle td { 
    border:solid 1px Black; 
    background-color: lemonchiffon; 
    padding:5px 0px 5px 5px ;  
    width: auto;
}


/* modal box */

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% 'Neuzeit S LT Std' 'Lucida Grande', Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

/* MARCOS CHIVOS
SE CAMBIO EL COLOR A FONDO #b697a4
!!!*/

.clean-yellow {
	border-bottom: #dedede 1px solid; 
	text-align: center; 
	border-left: #dedede 1px solid; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	padding-right: 4px; 
	background: #b697a4; 
	color: #FFF; 
	border-top: #38282f 1px solid; 
	border-right: #38282f 1px solid; 
	padding-top: 4px
}


/*Gridview*/

/* Common Styles */
.grid
{
    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;    
}
.grid .title
{
	background:#495265;
	/*color:#333;*/
	color:#2f2f2f;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:16px;	  
	font-weight:bold;  
	background:url(../SharedImages/gray_title1_bg.png) repeat-x;
	width:100%;
}


.grid .datatable
{
	width:100%;
	font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
}
.grid .datatable th
{
	cursor: pointer; 
	text-align: inherit ;
	height:17px;
	line-height:17px;
	padding:0px 4px;
	background:url(../SharedImages/grayl_th_bg1.png) repeat-x;
	border-right:solid 1px #b3b3b3;
	color:#333;	
}

.grid .datatable TR.even  
{
    background-color:#ffffff;
      }
.grid .datatable TR.odd  
{
    background-color:#ecf3fe;
     }      

.grid .datatable TD
{ 
    color:#222;
	text-align: inherit ;
	padding:2px 4px;
	border-top: none;
	background-color:Transparent ; 
	}

/* Sorting Styles */
.grid .datatable TR TH.asc,
.grid .datatable TR TH.desc
{
    background:url(../SharedImages/hd_bg_sort.png) repeat-x;
}
.grid .datatable TH .sort { padding-right:21px; }
.grid .datatable TH.asc .sort
{
    background:url(../SharedImages/asc.gif) no-repeat center right;
}
.grid .datatable TH.desc .sort
{
    background:url(../SharedImages/desc.gif) no-repeat center right;
}

.grid .datatable .Pager
{
    border: solid 1px #9e9e9e ;
    width:100%;
    background:url(../SharedImages/gray_pager1_bg.png) repeat-x;
}

.grid .datatable .Pager a:hover
{
    color: #049;
}

.grid .datatable .Pager a:link
{
    color: #000033 ;
}

._DivSeparator10
{
    float:left; 
    width:100%; 
    height:10px;
    min-height:10px; 
    }
    
._DivSeparator5
{
    float:left; 
    width:100%; 
    height:10px;
    min-height:10px; 
    }
    
    
/*DEFICIONES PARA EL MENU SUPERIOR*/
    
._DivMainMenu
{
    position: absolute;
	height: 35px;
	background: url(../SharedImages/imgNewMenu-bg2.png) repeat-x;
	background-position:center   ;
	top: 0px;
	margin-top: 1px;
	width:100%;
	left:0px;
	font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';	
	
	
}

._DivUserLogged
{
    position:absolute; 
    top:0px; 
    right:10px; 
    margin-top: 10px;
    text-align:right;
    font-size: 13px;
    font-weight:bold;
    font-style:normal ;
}

._Level0
{    
    text-align:left;
    height:35px;
	line-height:35px;
	padding: 0px 10px 0px 3px;
	margin: 1px 3px 0px 3px;
	color:#333000;
	font-size:16.5px;
    background-image:url(../SharedImages/ImgMainMenuNormalArrow.png);
    background-repeat:no-repeat;
    background-position:100% 45%;    
	font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';		
    
}


._Level0 ._HoverStyle
{
    background: url(../SharedImages/imgMenu-Level0-Selected-Yellow.png) repeat-x;
    color:#333000 ;
    height:33px;
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
    
}

/*Para las opciones de menu especificos, las etiquetas*/
._Level0 a
{
    width: 100%;
    height: 100%;  
    
    }    

   
    
._Level0 a:hover
{
        
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
}



._Level0 a:link
{
    
    
    margin: -1px 5px 0px 5px;
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
}

/*Para las opciones del menú superior*/
._Level0 a:link:hover
{
    
    border-top: 1px solid #323232;
	border-left: 1px solid #272727;
	border-right: 1px solid #272727;
	border-bottom: 1px solid #1b1b1b;   
    background: #634852;	
    background-image:url(../SharedImages/ImgMainMenuNormalArrow-hover.png);
    background-repeat:no-repeat;
    background-position:100% 45%;
    color:white; 
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';    
    border-radius: 3px 3px  0px  0px; 
    behavior:url(/ssc/SharedCSS/PIE.htc);
    
}



/*
BorderColor="#ac909b" BorderStyle="Solid" BorderWidth="1px"
Para cuando se da clic en una de las opciones del menú superior*/
._Level0 a:link:active
{
    border-top: 1px solid #323232;
	border-left: 1px solid #272727;
	border-right: 1px solid #272727;
	border-bottom: 1px solid #1b1b1b;   
    background: #a2808d;
	color:#fefefe; 
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';        
}


._Level1
{
    width:100%;       
    background:url(../SharedImages/imgNewMenuOption-bg.png) repeat-x ;    
    text-align:left;        
	padding: 6px 0px 6px 10px;       				
	color:white; 
	font-size:15px;
	line-height:23px;
	height:23px;    
    min-width: 200px;
    font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
	       
	}
	
._Level1 a
{    
    width: 100%;
    height: 100%;    
    
    }
    
 

._MenuIE8
{
            z-index: 50;            
}
._IfMain
    {
        width: 100%;
        padding-top: 20px;
        font-family: CantarellRegular, 'Segoe UI', 'Trebuchet MS', 'Verdana', 'Tahoma';
        /*border: dotted 3px #b2b2b2;*/
    }
    
/*Para el manejo de pantalla modal*/
#mask
    {
        position:absolute; /* important */
        top:0px; /* start from top */
        left:0px; /* start from left */
        height:100%; /* cover the whole page */
        width:100%;  /* cover the whole page */
        display:none; /* don't show it '*/

        /* styling bellow */
        background-color: black;
    }

.modal_window
    {
        position:absolute; /* important so we can position it on center later */
        display:none; /* don't show it */

        /* styling bellow */
        color:white;
    }



/* style a specific modal window  */
#modal_window{
    padding:50px;
    border:1px solid gray;
    background: #246493;
    color:black;
}