.stepcarousel{
position: relative; /*leave this value alone*/
border: 4px solid #FFCC66;
overflow: scroll; /*leave this value alone*/
width: 140px; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 4px; /*margin around each panel*/
width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
cursor: pointer;
}

.bgtitle{
	color: #2244BC;
	background-color: #DBE7FB;
}

/*NUEVO SELECTOR*/
#newSelector td{
	border: 1px solid #0099FF;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
	min-width: 14px;
	color: #222222;
	
}
#txtSelected{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*---*/

table#boleta{
	empty-cells: show;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;

}
table#boleta td{
	/*min-width:30px;*/
	/*border: 1px solid red;   ESTO revelaria los TDs de los comentarios e iconos de lista*/
	font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;


}

.reptestotals{
	background-color:#D694EF;
	border: 1px solid #555555;

}
.reptestotals td{
	text-align:right;
	font-weight:bold;
}

img{
	border:none;

}

.rcBut{
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-topright:7px;
-moz-box-sizing:border-box;
border:1px solid #CCCCCC;
width: 150px;
height: 26px;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
vertical-align: middle;
text-align: center;
cursor: pointer;
padding-top: 6px;
}
.rcButSelected{
	border:1px solid #339900; /*#0099FF;*/
	background-color: #D5FFD6;
}



.bubble {
	position: relative;

	
	height: 20px;
	width: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F2F2F2;

	background-image: url(../common/imgItems/redbubble.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;

	
	float:left;
}
.bubblefix {
	height: 20px;
	width: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F2F2F2;
	background-image: url(../common/imgItems/redbubble.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}
.freqDest{
	background-color: #E6F7FF;
	width: 150px;
	border: 1px solid #99CCFF;
	/*float: left;*/
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	white-space:nowrap;
	cursor:  pointer;
	height:14px;
	font-size:10px;
	display:inline-block;
	
}


.cargoBox{
	height: 15px;
	width: 70px;
	border: thin solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:table-cell;
	margin:0px;
	text-align:right;
	border-collapse:collapse;
	padding:0px;
	
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}
.cargoBoxName{
	height: 15px;
	width: 150px;
	max-width: 150px;
	border: thin solid #333333;
	overflow: hidden;
	white-space:nowrap;
	/*display:inline-block;*/
	display:table-cell;
	/*background-image:url(../common/imgItems/miniLista.gif);
	background-repeat:no-repeat;
	padding-right:10px;*/
}
.cargoBoxName a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px ;
	overflow: hidden;
	white-space:nowrap;

}
.cargoBoxGrupo{
	width: 40px;
}

.redwarn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;	
	background-color:#FFFFCC;
	height:30px;
	vertical-align:middle;
}

.lfBut{
	background-image:url(imgItems/tiraIconos.jpg);
	width: 62px;
	height: 55px;
	display: inline-block;
	margin-top: 3px;
	padding:0px;
	
}


.mainContent {
	border: 0px solid #999999;
	margin: 2px 0px 2px 2px;
	padding: 5px;
	background-color: #FFFFFF;
}
.tituloSeccion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color:#FFFFFF;
	background-position: left top;
	height:20px;
	width:200px;
	padding:3px;
	margin-right:20px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
	
}


div#comentsBoleta{
	width:600px;
	border: 1px solid #CCCCCC;
	background-color: #FAFAFA;
	margin:10px;
	padding:5px;
	vertical-align:top;
}
.help {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	background-color: #FFFFCC;
	border: thin solid #FF6600;
	padding-left: 10px;
}

@media print{
	.noprint{
		display:none;
		visibility:hidden;
	}
}

#backFromPrint{
position:absolute;
left:0;
top:0;
background-color:#FFCC66;
width:70px; height:25;
vertical-align:middle; text-align:center;
border: 2px solid red;
display:block;
margin-bottom:30px;

}
#backFromPrint a{color:#990000;}



.inetMain {
	/*border: 0px solid  #999999;
	border-left: none;*/
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 5px;
	text-align:left;
	margin-left:0px;
}
#inetMenu { 
}
#firma { text-align:center;
	color: #666666;
	font-size:10px; font-family:"Tahoma";
} 
#firma a{color: #990000; font-size:10px; font-family:"Tahoma";}
#shortCuts{ text-align:right; margin-right:15px;}

#inetMenu, #inetMain{margin-left:15px;margin-right:15px;}


.AvgY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006633;
	border-top: thin solid #006600;
	border-right: 1px solid #CCCCCC;
	border-bottom: thin solid #006600;
	border-left: thin none #006600;
	font-size: 12px;
	background-color: #99CC00;
	text-align:center;

}

.usrPic{
	border: 4px solid #000000;	
}

.headColumn {
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000066;
}
.bodyGrades {
	border: 1px solid #CCCCCC;
	text-align:center;
}

.cboTopMenu{
	vertical-align:middle;
}
.materiaAvg1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #FFFF99;
	text-align:center;

}
.materiaAvg2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #FFFF66;
	text-align:center;
}

.materias {
	font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #000066;
	text-align:left;
	background-color: #DDDDDD;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

}
.materiasbold {
	font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #000066;
	background-color: #DDDDDD;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

}

.titulo {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;


}.normal {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;


}
.birthDays {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:290px !important;


}
.titulo1 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;


}
.HLmenu {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}


.bordes {
	border-collapse:collapse;
	border: 1px solid #660000;

}
.bordes td{
	border-collapse:collapse;
	border: 1px solid #666666;
}
.bordes th{
	border-collapse:collapse;
	border: 1px solid #666666;
}
.concentrado th{
	background-color: #FFFFCC;
	color:#333333;
	text-align:center;
}
.concentrado td{
	text-align: center;
}
.concentrado th[name="aluNameCell"]{
	background-color: #FFCC99;
	color:#333333;
	text-align:left;
	font-size: 11px;
}

.concen_aluName{ /*explorer no reconoce selector anterior*/
	background-color: #FFCC99 !important;
	color:#333333 !important;
	text-align:left !important;
	font-size: 11px !important;
}

.concentrado th[colspan="0"]{
	background-color:#FDD866;
	color:#333333; 
	text-align:left;
}

.concentrado th[title="captionPromedioH"]{
	background-color:#BBBBBB;
} 
.concen_prom{
	background-color:#BBBBBB !important;
}

.concentrado{
	font-size:10px;
	margin-top:10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

a.stdbtn, a.stdbtn:link, a.stdbtn:visited {
background-color:#688CE1;
border:1px solid #FFFFFF;
color:#FFFFFF;
display:inline-block;
font-size:11px;
font-weight:bold;

margin-bottom:5px;
margin-top:5px;
outline-color:#688CE1;
outline-style:solid;
outline-width:1px;

padding:3px 3px 4px 3px;

text-align:center;
text-decoration:none;
width:150px;
}
a.stdbtn:hover{
background-color:#3399FF;
outline-color:#3399FF;
}

a.smallbtn, a.smallbtn:link, a.smallbtn:visited {
background-color:#688CE1;
border:1px solid #FFFFFF;
color:#FFFFFF;
display:inline-block;
font-size:11px;
font-weight:bold;

margin-bottom:5px;
margin-top:5px;
/*outline-color#688CE1;
outline-style:solid;
outline-width:1px;
*/
padding:3px 3px 4px 3px;

text-align:center;
text-decoration:none;
width:100px;
}
a.smallbtn:hover{
background-color:#3399FF;
outline-color:#3399FF;
}

.stdInputText{
	background-color:#E5F3FF;
	border: 1px solid #888888;
	
}

.HeadTabla {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	background-color: #FFCC99;
	border: thin solid #000000;
}

.headTabla1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	background-position: center center;
	text-align: center;
	border: 1px solid #666666;
	white-space: normal;
}

.headTablaVertical {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	/*background-position: center center;*/
	text-align: center;
	border: 1px solid #666666;
	overflow:hidden;
	white-space: normal;
	width:inherit;	
	/*word-wrap:nowrap;*/
	/*width:10px;*/	
}
.vert {
	height: 120px;
	writing-mode: tb-rl;
	/*filter: flipv fliph;*/
}


.bodyTabla1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: thin none #990000;
	border-right: thin none #990000;
	border-bottom: 1px solid #999999;
	border-left: thin none #990000;
}
.renglonesGrises {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.headHija1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #385872;
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #336666;
	font-size: 12px;

}
.normal2 {

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
.headTabla2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-position: center center;
	border: thin none;
}
.btns {
	border: thin solid #006600;
	text-align: center;
	white-space: nowrap;
	color: #FFFF00;
	font-weight: bolder;
}

#loginBox{
	background-image:url(imgItems/nicelogin.gif);
	height: 262px;
	width: 444px;
	background-repeat: no-repeat;
	position:relative;
	margin:0 auto 0 auto;
	clear: left;  

}
#loginBox #logdiv{
position:absolute;
left:126px;
top:40px;


}

#loginBox #passdiv{
position:absolute;
left:126px;
top:94px;

}
#loginBox input{
	border:none;
	height:16px;

}
#loginBox div{
	/*background-color:#99FF00;*/
}

#loginBox #botalu{
	position:absolute;
	left:40px;
	top:160px;
	
	width:80px;
	height:100px;
	cursor:pointer;
}
#loginBox #botprof{
	position:absolute;
	left:325px;
	top:160px;
	width:80px;
	height:100px;
	cursor:pointer;
}
#loginBox #bottut{
	position:absolute;
	left:180px;
	top:160px;
	width:80px;
	height:100px;
	cursor:pointer;
}
#loginBox #olvide{
	position:absolute;
	left:315px;
	top:50px;
	width:120px;
	height:60px;
	cursor:pointer;
}




.cmMarco {
	border: 1px solid #666666;
}
.btnDown {
	border: thin solid #006600;
	text-align: center;
	white-space: nowrap;
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #99CC00;
}
.notes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.headBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #99CC00;
	background-position: center center;
	border-top: 1px solid #006600;
	border-right: 1px solid #006600;
	border-bottom: 1px none #006600;
	border-left: 1px solid #006600;
	text-align: center;
}
.enfasis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.btn2 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #006600;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: none;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	cursor: pointer;
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
}
.btn2Down {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #006600;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: none;
	border-left-style: solid;
	border-bottom-color: #006600;
	border-left-color: #006600;
	background-color: #FFFFCC;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #006600;
	border-right-color: #006600;
	font-size: 12px;
	font-weight: bold;
}
.box {
	COLOR: #99cc00; FONT-FAMILY: "MS Reference Serif"; FONT-SIZE: 9px; HEIGHT: 19px; WIDTH: 100px
}

.bordeBajo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
a {
	font-family: sans-serif, Verdana, Arial, Helvetica;
	color:#003399;
	text-decoration: none;
	font-size: 11px;
}

.titulo2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.phEdit {
	background-color: #CCFF99;
	border: thin dashed #999999;
	cursor: pointer auto;
}



.infoItemBox {
	width:90%; height:150px; z-index:1; overflow: auto; border-top:  1px solid #AAAAAA; border-left:  1px solid #AAAAAA; border-bottom:  1px solid #AAAAAA; border-right:  1px solid #AAAAAA;
}
.simpleMsgBox {
	text-align: center;
	vertical-align: middle;
	border: medium solid #000099;
	height: 100px;
	width: 350px;
	background-image: url(../ri/colabImgs/watMarkMorado.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px;
	margin: 20px;
	background-color: #FFFFFF;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;



}

.notify {
	background-color: #DBEBED;

	border: medium solid #000066;
	height: 90px;
	width: 350px;
	background-image: url(imgItems/info.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	background-position: left top;
	padding-left: 85px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 5px;
	vertical-align: middle;
	margin-bottom: 20px;
	font-size: 12px;
	white-space:normal;
	
}
.simpleBorder {
	border: 2px solid #000000;
}

.notifySimple {
	background-color: #FFFF99;
	text-align:center;
	border: thin solid #660000;
	height: 30px;
	line-height:30px;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	color: #660000;
	background-position: left top;
	padding-left: 10px;
	padding-right: 50px;
	vertical-align: middle;
	margin-bottom: 20px;
	font-size: 14px;
}

table.tbl {
	/*background: #a5cbf7;*/
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	padding: 0;
	border-spacing: 0;
	empty-cells:show;
	margin-top:6px;
	border-collapse:collapse;
	max-width:100%;
}

table.tbl TH {
	background-color: #08245b;
	color: #ffffff;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
	font-weight: normal;
	text-align:center;
	font-size:12px;
}

table.tbl td {
	font-size:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #a5cbf7;
	border-right-color: #a5cbf7;
	border-bottom-color: #a5cbf7;
	border-left-color: #a5cbf7;
	white-space:normal;
}

table.tblfix {
	table-layout:fixed;
}


table.tblvert {
	/*background: #a5cbf7;*/
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	
}

table.tblvert TH {
	/*background-color: #08245b;*/
	color: #333333;
	list-style-type: disc;
	list-style-position: inside;
	font-weight: normal;
	text-align:right;
	font-size:12px;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #DDDDDD;
}

table.tblvert td {
	font-size:12px;

}


.tblTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
}

.downAtach{
	background-image: url(../common/botones/downloadblue.jpg);
	/*background-color: #ab4512;*/
	color: navy;
	height:22px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	padding-top: 5px;
	vertical-align: middle;
	cursor:pointer;
}

#wait{
	/*Iconito de ajax que espera peticion*/
	/*visibility:hidden;*/
	display:none;
}

/*Botones azules*/

span.UIFormButton {
padding:0;
}
.UIComposer_SubmitButton {
margin-left:5px;
}
.UIButton_Blue {
background-color:#5B74A8;
background-position:0 -48px;
border-color:#29447E #29447E #1A356E;
}
.UIButton {
background-image:url(/common/test/apfsevhg.png);
border-style:solid;
border-width:1px;
display:inline-block;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:3px 6px;
vertical-align:bottom;
}
.UIComposer_ButtonArea {
height:24px;
margin-bottom:0;
padding-top:7px;
}

span.UIFormButton .UIButton_Text {
padding:3px 6px 4px;
}
.UIComposer_ButtonArea .UIButton_Text {
font-size:13px;
line-height:16px;
}
.UIButton_Blue .UIButton_Text {
color:#FFFFFF;
}
.UIButton_Text {
background-color:transparent;
border:medium none;
cursor:pointer;
display:block;
font-size:11px;
/*font-weight:bold;*/
line-height:14px;
margin:0;
overflow:visible;
padding:0;
width:auto;
}
/*Fin botones azules*/