body {font-family:Arial, Helvetica, sans-serif; font-size:small; color:#6b7d86}
.admin {background:url(../images/bg-admin.png) top repeat-x #91a8b3}
.superadmin {background:url(../images/bg-superadmin.png) top repeat-x #91a8b3}
.student {background:url(../images/bg-student.png) top repeat-x #91a8b3}
.reseller {background:url(../images/bg-reseller.png) top repeat-x #91a8b3}
.distributor {background:url(../images/bg-distributor.png) top repeat-x #91a8b3}

img {border:0;}

p{text-align:left}

#container {}

#header { padding:0 20px;}

h1 {margin:0 0 0 250px; padding:0; float:right; top:0;  font-size:16px; width:500px; height:55px; text-indent:-9999px}
.adminh1 {background:url(../images/h1-admin-panel.png) right bottom no-repeat;  }
.superadminh1 {background:url(../images/h1-superadmin-panel.png) right bottom no-repeat;  }
.studenth1 {background:url(../images/h1-student-panel.png) right bottom no-repeat;  }
.resellerh1 {background:url(../images/h1-reseller-panel.png) right bottom no-repeat;  }
.distributorh1 {background:url(../images/h1-distributor-panel.png) right bottom no-repeat;  }

h2 { color:#fff; font-size:21px; font-weight: normal }
h3 {margin:0; padding:15px 0; font-size:16px; font-weight:normal;color:#0b72b5 }

.logo {margin-left:-30px;margin-top:-80px;  padding-bottom:50px; }

#bar{ background:url(../images/bg-black-50.png); height:28px; margin:-10px 20px -18px 300px; color:#FFF; font-size:11px; padding:5px 10px 5px;}
#date, #user, #logout { padding:4px 4px 4px 30px}
#dateRight{ padding:4px 4px 4px 30px}

#localize select {padding:0px; margin:0px}
#user{ background:url(../images/icons/user_suit.png) 3px 3px no-repeat;}
#date{ background: url(../images/icons/date.png) 3px 3px no-repeat;}
#dateRight{ background: url(../images/icons/date.png) 3px 3px no-repeat;}

#logout{ background:url(../images/icons/exit.png) 100px 3px no-repeat; text-align:right} 
#logout a{color:#FFF;}

/*-- Inicia Menu Izquierdo ADM--*/
#menuizqAdm {  padding:20px 0 20px; }
#menuizqAdm a {color:#FFF; text-decoration:none; padding-left:25px;}
#menuizqAdm a:hover {text-decoration:underline;}

#menuizqAdm ul { list-style:none; margin:0; padding:0; }
#menuizqAdm ul li{ background:url(../images/bg-menu.png) right repeat-y; margin-bottom:2px; padding:3px 0  }/*display:block;*/
#menuizqAdm ul li ul li { padding:3px 0 0 20px; }

/*-- Termina Menu Izquierdo ADM--*/

/*-- Inicia Menu Izquierdo STD--*/
#menuizqStd {  padding:20px 0 20px; }
#menuizqStd a {color:#FFF; text-decoration:none; padding-left:25px;}
#menuizqStd a:hover {text-decoration:underline;}

#menuizqStd ul { list-style:none; margin:0; padding:0; }
#menuizqStd ul li{ background:url(../images/bg-menu.png) right repeat-y; margin-bottom:2px; padding:3px 0  }/*display:block;*/
#menuizqStd ul li ul li { padding:3px 0 0 20px; }

/*-- Termina Menu Izquierdo STD--*/

.cerrado{background: url(../images/icons/14_layer_raiselayer.png) 5px no-repeat;}
.abierto{background: url(../images/icons/14_layer_lowerlayer.png) 5px no-repeat;}

.show{display:block;}
.hide{display:none;}
.collapsed{}

/*-- MENU SUPERIOR --*/
#menusup { background-color: #66CC00; padding:5px; height:25px}
#menusup ul { list-style:none; margin:0; padding:0; }
#menusup ul li{ display:block; float:left; background-color:#fff; margin-bottom:2px; padding:3px 20px}

.navegacion {margin:0; padding:0; display:block; font-size:11px;color:#FFF; }
.navegacion a { text-decoration:none;color:#CCC}
.navegacion a:hover { text-decoration:underline;}

#content { background: url(../images/bg-top.png) top no-repeat; padding:20px; margin-top:-6px }
#footer { background:#6b7d86; padding:5px 20px; border:1px solid #FFF; color:#FFF; }

#copy { text-align:center}
#requisitos { text-align:right}
#requisitos img { padding-left:10px;}

a:link {}
a:hover {text-decoration:none; color:#666666;}


/* ---PASOS EN FORMULARIOS ----*/

.pasohecho { background:url(../images/paso-completado.png) left; margin-left:-30px ;  padding:5px 35px 5px 45px; color:#9ac2e7}
.pasoactual{background:url(../images/paso-actual.png) left; margin-left:-30px; padding:5px 35px 5px 30px; }
.pasosiguiente{background:url(../images/paso-siguiente.png) left; margin-left:-30px; padding:5px 35px 5px 30px;}
#pasos li{width:120px}

/*--- FORMULARIOS ---*/

fieldset { padding:10px 30px; background:url(../images/bg-form.gif) no-repeat; border:0;   margin-bottom:0px; font-size:12px; }
legend {font-size:14px; background-color:#FFF; padding: 5px; color:#0b72b5; margin-top:-22px; padding-bottom:10px}
.form { padding:15px 0;}

/*label{float: left; width: 120px; padding:10px 0}*/
.asterleft{float:left; color:Red; font-weight:bold; margin:0; padding:12px 0}
.aster{color:Red; font-weight:bold; margin:0; padding:12px 0}
.lblFieldTitle {float:left; width: 120px; padding:10px 0; margin:0 0 0 5px; font-weight:bold;}
.lblFieldText{float:left; padding:10px 0; font-weight:bold;}
.txtInfo{font-weight:normal; font-style:italic}
/*input, textarea{width: 180px; margin-bottom: 5px;}*/

textarea{width: 250px; height: 150px; font-family:Arial, Helvetica, sans-serif}

.boxes{ width: 1em; margin-top:8px}

#submitbutton{margin-left: 120px; margin-top: 5px; width: 90px; }

fieldset br{ clear:left; }




/*---BOTONES---*/
select{width:250px;}
.ddlSmall, .ddlMiddle, .ddlBig, select{font-size:11px; padding:5px; margin:5px 8px 5px 0px; float:left }
.ddlSmall {width:50px;}
.ddlMiddle {width:100px;}
.ddlBig {width:200px}
.fieldForm {padding:5px 5px 5px 0; float:left; margin:5px 0;}
.asterixform{float:left; padding:5px 5px 5px 0; margin:5px 5px 5px 0;}


/*--- Opciones de barra de opciones para el Grid View----------*/
#gvBarOptions{float:left; font-weight:bold; font-size:11px; 
              width:100%; height:34px; margin:0 0 10px 0; padding:0}
              
#gvBarOptions table{padding:0; margin:0; width:100%;}              

#gvBarOptions .gvDdl{width:50px; margin:0; padding:0; text-align:center;}
#ddlColumnaGv{width:80px; margin:0 0 0 5px; padding:0 0 0 5px; text-align:center;}
#txtPalabraGv{width:150px; margin:0; padding:0;}


#ctl00_cphContenido_ddlColumnaGv_{width:80px; margin:0 0 0 5px; padding:0 0 0 5px; text-align:center;}
#ctl00_cphContenido_txtPalabraGv_{width:150px; margin:0; padding:0;}


input[type="submit"] {background: url(../images/bg-button.gif); border:1px solid #fff; height:30px; color:#fff; font-size:11px;}
input[type="password"] { font-size:11px; padding:2px}
input[type="text"]{width:250px; font-size:11px; padding:2px; margin:3px 0; }
input[type="radio"]{ }
input[type="checkbox"]{ }

.txtForm{font-size:11px;padding:2px;}
.txtForm2{font-size:11px;padding:2px; margin:0}
.lblTit {font-weight:bold;}
.lblTxt{font-weight:normal;}

/*-----TABLAS------*/

.excel a{display:block; width:160px; float:left; background:url(../images/icons/Excel.png) no-repeat; margin:0; padding:6px 5px 8px 45px; color:#FFF; border:0;}
.registros { display:block; margin:0 300px 0 300px;padding:5px 10px;}

/*----- GRID VIEW --------*/
.GV{border: 1px solid #999; font-size:11px; width:100%;}
.GV td{padding:3px;}
.GV tr:hover{background:#6b7d86;color:#FFF}

.GV th a, table th {background: url(../images/bg-button.gif) center; 
          color:#FFF; height:25px; text-decoration:none}
          
table th{border-bottom:1px solid #FFF}

.RowStyle, .AlternatingRowStyle{height:25px; color:#6b7d86; padding:2px;}
.AlternatingRowStyle{ background:#afcad7;}          
.PagerStyle td{background: #FFF;}

/*encabezado tabla*/

/*renglon*/

/*renglon seleccionado*/
.SelectedRowStyle { background:#6b7d86; color:#FFF}
/*pie*/
.FooterStyle { border-top:1px dotted #ccc; text-align:right}

/*---TEXTOS DE ERROR Y ADVERTENCIAS ---*/

/*para campos de formularios*/
.error{ background: #FFCCCC url(../images/icons/button_cancel.png) 10px no-repeat; border:1px solid  #FF0000}
.errorForms{ background: #FFCCCC url(../images/icons/button_cancel.png) 8px no-repeat; border:1px solid  #FF0000;}

/*para procedimeintso completados*/
.completado{ background: #D6FEE2 url(../images/icons/apply.png)  10px no-repeat; border:1px solid #006600}

/*para advertir de cambios y posibles errores*/
.advertencia, .GV .advertencia:hover{ background: #FFFFCC url(../images/icons/messagebox_warning.png) 10px no-repeat; border:1px solid #FFCC00; color:#000}

/*para informar*/
.info{  background: #C6ECFF url(../images/icons/info.png) 10px no-repeat; border:1px solid  #0066CC}



.notas { color:#FF0000;}

.txt10 {font-size:10px;}
.txt11 {font-size:11px;}
.txt12 {font-size:12px;}
.b{font-weight:bold}
.white {color:#FFF;}


/*------ LOGIN ----------*/


#login { background: url(../images/bg-login.png) top no-repeat; padding:20px; margin-top:-6px; height:300px }
#login2 {background:#6b7d86; border:1px solid #FFF; padding:15px;}


#entrar{  float:right; padding-left:40px;  width:460px; text-align:left; color:#FFF}


/*-------- Experimento TinTin  --------------*/
.ShowSwDownload{position:absolute; height:200px;
                width:400px; margin:-100px 0px 0px -200px;
                top: 50%; left: 50%;
                text-align: left; padding: 0px;
                background-color: #FFF; border: 1px dotted #000000;
                overflow:hidden; display:none; z-index:3}
                
.ShowSwDownload h2{background-color:#91A8B3; color:#FFF; width:100%; padding:5px 0px 5px 4px; margin:0px;}        
.ShowSwDownload table{border:1px solid #999; font-size:11px; width:390px; padding:5px 0px 5px 4px; margin:5px;}        
.ShowSwDownload a{ padding:3px; margin:0px; text-align:right;}



                
#dvBackground{visibility:hidden;
		position:absolute;
		padding:0px;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		background-color:#666;		
		opacity: 0.2;
        -moz-opacity: 0.2;
        filter: alpha(opacity=20);
		width:100%;
		height:100%;
		z-index:2;}
		
.Capital{
 text-transform: capitalize; 	
}

.Upper{
 text-transform: uppercase;
}
.Lower{
	 text-transform: lowercase;	
}



/*Paginación Ivan*/


/*--- Opciones de barra de opciones para el Grid View----------*/
	.BarPags{height: 32px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;padding: 4px;margin: 0;color:#000;}
	.BarPags label{margin:0;padding: 0;}	
	.BarPags .pags{width: 50px;margin: 0 0 2px 0;padding: 0px;}
	.BarPags .cols{width: 90px;margin: 0 0 2px 0;padding: 0px;}	
	.Bold{font-weight: bold;}
	.BarPags .FieldTxt{width: 100px;margin: 0 0 2px 0;padding: 0;
		border: 1px solid #333;font-size: 11px;padding: 2px; font-weight:bold}
	.BarPags input[type=text]:hover{background:#3399CC; color:#FFF; font-weight:bold}
	
	
	/* PopUp Div */
	
	.popup_Titlebar {
	        background: url(../Images/Icons/PopupDiv/titlebar_bg.jpg);
	        height: 29px;
        }
        
        .TitlebarLeft 
        {
	        float:left;
	        padding-left:5px;
	        padding-top:5px;
	        font-family:Arial, Helvetica, sans-serif;
	        font-weight:bold;
	        font-size:12px;
	        color:#FFFFFF;
        }
        
        .TitlebarRight 
        {
	        background:url(../Images/Icons/PopupDiv/cross_icon_normal.png);
	        background-position:right;
	        background-repeat:no-repeat;
	        height:15px;
	        width:16px;
	        float:right;
	        cursor:pointer;
	        margin-right:5px;
	        margin-top:5px;
        }   
        
        
        .popupDv{position:absolute; 
                 height:250px;
                 width:650px; 
                 margin:-125px 0px 0px -325px;
                top: 50%; left: 50%;
                text-align: left; padding: 0px;
                background-color: #FFF; border: 1px dotted #000;
                overflow:auto; display:none; z-index:3
        }         
        
        .popupIframe{ width:610px; height:250px;}
        
.ScoreFail, .ScorePass{font-size:20px;text-align:center;font-weight:bold}
.ScoreFail{color:Red}
.ScorePass{color:Green}