/*este es el archivo css que vamos a usar como estandar en los nuevos sistemas*/

/*seccion donde escribo el tema para las tablas con esquinas redondeadas*/
/*este es el archivo css que vamos a usar como estandar en los nuevos sistemas*/

/*seccion donde escribo el tema para las tablas con esquinas redondeadas*/
/*comienzo desde la esquina superior izquierda y avanzo por filas*/

.round_cul{
border-style:none;
border-width:0px;
width:13px;
height:15px;
background-image:url('round/cul.jpg');
background-repeat:no-repeat;
}

/*parte superior central de la tabla*/
.round_lu{
border-style:none;
border-width:0px;
height:15px;
background-image:url('round/lu.jpg');
background-repeat:repeat-x;
}

/*esquina superior derecha*/
.round_cur{
border-style:none;
border-width:0px;
width:15px;
height:15px;
background-image:url('round/cur.jpg');
background-repeat:no-repeat;
}

/*lado izquierdo*/
.round_lf{
border-style:none;
border-width:0px;
width:13px;
background-image:url('round/ll.jpg');
background-repeat:repeat-y;
}

/*centro*/
.round_cc{
border-style:none;
border-width:0px;
text-align:center;
}

/*lado derecho*/
.round_lr{
border-style:none;
border-width:0px;
width:15px;
background-image:url('round/lr.jpg');
background-repeat:repeat-y;
}

/*esquina inferior izquierda*/
.round_cbl{
border-style:none;
border-width:0px;
width:13px;
height:15px;
background-image:url('round/cbl.jpg');
background-repeat:no-repeat;
}

/*lado inferior*/
.round_lb{
border-style:none;
border-width:0px;
height:15px;
background-image:url('round/lb.jpg');
background-repeat:repeat-x;
}

/*esquina inferior derecha*/
.round_cbr{
border-style:none;
border-width:0px;
width:15px;
height:15px;
background-image:url('round/cbr.jpg');
background-repeat:no-repeat;
}

/*********************************************************************************************************/
/*ahora hago la parte de tabla con bordes rectos*/

.rect_cul{
border-style:none;
border-width:0px;
width:7px;
height:9px;
background-image:url('rect/cul.jpg');
background-repeat:no-repeat;
}

/*parte superior central de la tabla*/
.rect_lu{
border-style:none;
border-width:0px;
height:9px;
background-image:url('rect/lu.jpg');
background-repeat:repeat-x;
}

/*esquina superior derecha*/
.rect_cur{
border-style:none;
border-width:0px;
width:9px;
height:9px;
background-image:url('rect/cur.jpg');
background-repeat:no-repeat;
}

/*lado izquierdo*/
.rect_lf{
border-style:none;
border-width:0px;
width:7px;
background-image:url('rect/ll.jpg');
background-repeat:repeat-y;
}

/*centro*/
.rect_cc{
border-style:none;
border-width:0px;
text-align:center;
}

/*lado derecho*/
.rect_lr{
border-style:none;
border-width:0px;
width:9px;
background-image:url('rect/lr.jpg');
background-repeat:repeat-y;
}

/*esquina inferior izquierda*/
.rect_cbl{
border-style:none;
border-width:0px;
width:7px;
height:9px;
background-image:url('rect/cbl.jpg');
background-repeat:no-repeat;
}

/*lado inferior*/
.rect_lb{
border-style:none;
border-width:0px;
height:9px;
background-image:url('rect/lb.jpg');
background-repeat:repeat-x;
}

/*esquina inferior derecha*/
.rect_cbr{
border-style:none;
border-width:0px;
width:9px;
height:9px;
background-image:url('rect/cbr.jpg');
background-repeat:no-repeat;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*ahora hago el estilo con fondo semitransparente y que puede simular una ventana emergente*/
.trs_cul{
border-style:none;
border-width:0px;
width:21px;
height:23px;
background-image:url('transparent/cornerupleft.png');
background-repeat:no-repeat;
}

/*parte superior central de la tabla*/
.trs_lu{
border-style:none;
border-width:0px;
height:23px;
background-image:url('transparent/lineupcenter.png');
background-repeat:repeat-x;
}

/*esquina superior derecha*/
.trs_cur{
border-style:none;
border-width:0px;
width:25px;
height:23px;
background-image:url('transparent/corneruprightclean.png');
background-repeat:no-repeat;
}

/*esquina superior derecha con boton de cerrar*/
.trs_cur_close{
border-style:none;
border-width:0px;
width:25px;
height:23px;
background-image:url('transparent/cornerupright.png');
background-repeat:no-repeat;
}

/*lado izquierdo*/
.trs_lf{
border-style:none;
border-width:0px;
width:21px;
background-image:url('transparent/lineleft.png');
background-repeat:repeat-y;
}

/*centro*/
.trs_cc{
border-style:none;
border-width:0px;
text-align:center;
background-image:url('transparent/center.png');
}

/*lado derecho*/
.trs_lr{
border-style:none;
border-width:0px;
width:25px;
background-image:url('transparent/lineright.png');
background-repeat:repeat-y;
}

/*esquina inferior izquierda*/
.trs_cbl{
border-style:none;
border-width:0px;
width:21px;
height:24px;
background-image:url('transparent/cornerbottomleft.png');
background-repeat:no-repeat;
}

/*lado inferior*/
.trs_lb{
border-style:none;
border-width:0px;
height:24px;
background-image:url('transparent/linebottomcenter.png');
background-repeat:repeat-x;
}

/*esquina inferior derecha*/
.trs_cbr{
border-style:none;
border-width:0px;
width:25px;
height:24px;
background-image:url('transparent/cornerbottomright.png');
background-repeat:no-repeat;
}


/*--------------------------------------------------------------------------------------------------*/
/*ahora defino los estilos para las cabeceras y contenido de las tablas*/
/*ES IMPORTANTE QUE USEMOS LAS ETIQUETAS "THEAD" PARA ESCRIBIR LAS CABECERAS Y "TFOOT" PARA EL PIE DE LA TABLA*/

.td_lheader{
border-width:1px;
border-style:solid;
border-color:silver;
background-image:url('header.jpg');
background-repeat:repeat-x;
height:25px;
font-family:arial,helvetica;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
}

.td_header{
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:0px;
border-style:solid;
border-color:silver;
background-image:url('header.jpg');
background-repeat:repeat-x;
height:25px;
font-family:arial,helvetica;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
}

/*estos estilos son los que utilizamos para el efecto de las cabeceras de las tablas*/
.td_ldheader{
border-width:1px;
border-style:solid;
border-color:silver;
background-image:url('dheader.jpg');
background-repeat:repeat-x;
height:25px;
font-family:arial,helvetica;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
}

.td_dheader{
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:0px;
border-style:solid;
border-color:silver;
background-image:url('dheader.jpg');
background-repeat:repeat-x;
height:25px;
font-family:arial,helvetica;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
}

/************************************************************************/
/*este estilo se aplica a la vineta de ordenamiento ascendente*/
.td_sort_asc{
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:1px;
border-style:solid;
border-color:silver;
background-image:url('asc.jpg');
background-repeat:no-repeat;
height:25px;
width:15px;
font-family:arial,helvetica;
font-size:10pt;
color:white;
text-transform:uppercase;
text-align:center;
}

/*este estilo se aplica al a vineta de ordenamiento descendente*/
.td_sort_desc{
border-top-width:1px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:1px;
border-style:solid;
border-color:silver;
background-image:url('desc.jpg');
background-repeat:no-repeat;
height:25px;
width:15px;
font-family:arial,helvetica;
font-size:10pt;
color:white;
text-transform:uppercase;
text-align:center;
}

/*estilos del contenido de la tabla*/
.td_lcontent{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_content{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_lcontentf{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:black;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_contentf{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:black;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_lcontenth{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-style:solid;
border-color:black;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_contenth{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:1px;
border-style:solid;
border-color:black;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_form{
width:650px;
border-style:dotted;
border-bottom-width:0px;
border-top-width:0px;
border-right-width:1px;
border-left-width:1px;
border-color:#808080;  
}

.td_footer{
border-style:dotted;
border-bottom-width:0px;
border-top-width:1px;
border-right-width:0px;
border-left-width:0px;
border-color:#808080;  
}

.content{
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

/*estos estilos son los utilizados en la pointsheet2*/
.td_headerx{
border-top-width:0px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:0px;
border-style:solid;
border-color:#D4E0EE;
background-color: #373B49;
background-repeat:repeat-x;
height:20px;
font-family:arial,helvetica;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
}

.td_lheaderx{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:#D4E0EE;
background-color: #373B49;
background-repeat:repeat-x;
height:20px;
font-family:arial,helvetica;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
}

.th_headerx{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:1px;
border-style:solid;
border-color:#D4E0EE;
height:15px;
font-family:arial,helvetica;
font-size:12pt;
color:black;
}

.th_lheaderx{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-style:solid;
border-color:#D4E0EE;
height:15px;
font-family:arial,helvetica;
font-size:12pt;
color:black;
}

.td_lcontentx{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:#D4E0EE;
height:15px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}
.td_lcontenty{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
background-color:#E6F4FF;
border-color:#D4E0EE;
height:15px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_contentx{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:#D4E0EE;
height:15px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}
.td_contenty{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
background-color:#E6F4FF;
border-color:#D4E0EE;
height:15px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}
/*estos estilos son los utilizados en la pointsheet2*/


/*estos estilos son los utilizados en la pointsheet*/
.period_enabled{
	width:20px;
	font-family:arial;
	font-size:8pt;
	border: 1px solid #000000;
	-moz-border-radius: 7px;
	border-style:solid;
	border-width:1px;
	border-color:black;
	background-color:#0C1E2C;
	color:white;
	font-weight:bold;
	cursor: pointer;
}

.period_disabled{
	width:20px;
	font-family:arial;
	font-size:8pt;
	border: 1px solid #000000;
	-moz-border-radius: 7px;
	border-style:solid;
	border-width:1px;
	border-color:#2A4580;
	font-weight:bold;
	cursor: pointer;
}

.day_enabled{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
background-color:#E6F4FF;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
	width:20px;
	font-family:arial;
	font-size:8pt;
	color:black;
	font-weight:bold;
	cursor: pointer;
}

.day_disabled{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
background-color:#E6F4FF;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
	width:20px;
	font-family:arial;
	font-size:8pt;
	color:black;
	cursor: pointer;
}

.tdcontent1{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}
.tdcontent2{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
background-color:#E6F4FF;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.tdlcontent1{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}
.tdlcontent2{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
background-color:#E6F4FF;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;

}

.td_headerp{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:1px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:12pt;
color:black;
}

.td_lheaderp{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:12pt;
color:black;
}
.txt_emptycomment1{
border-style:solid;
border-width:0px;
height:20px;
width:100%;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.txt_emptycomment2{
border-style:solid;
border-width:0px;
background-color:#E6F4FF;
height:20px;
width:100%;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

#weeksel{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
background-color:#E6F4FF;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}
#week{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
background-color:#E6F4FF;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}

.td_headerps{
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:0px;
border-style:solid;
border-color:silver;
font-family:arial,helvetica;
background-image:url('header.jpg');
background-repeat:repeat-x;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
height:30px;
}
.td_contentps{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
font-family:arial,helvetica;
font-size:9pt;
color:black;
height:30px;
}

.td_lcontentps{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:30px;
font-family:arial,helvetica;
font-size:9pt;
color:black;
}
.td_lheaderps{
border-width:1px;
border-style:solid;
border-color:silver;
background-image:url('header.jpg');
background-repeat:repeat-x;
height:30px;
font-family:arial,helvetica;
font-size:10pt;
font-weight:bold;
color:white;
text-transform:uppercase;
text-align:center;
}

.lpie{
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
text-align:center;
color:black;
}

.pie{
border-bottom-width:1px;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-style:solid;
border-color:silver;
height:20px;
font-family:arial,helvetica;
font-size:9pt;
text-align:center;
color:black;
}




/* Sortable tables */

table.sortable{
	font-family: verdana, arial;
	border-width: thin;
	border-style: none;
	border-color: #eee;
	border-collapse: collapse;
}

table.sortable thead{
	cursor: pointer;
}

.tborder{

background-color:white;
border-style:solid;
border-width:2px;
border-color:darkblue;
-moz-border-radius:15px 25px 5px;
-webkit-border-radius: 15px 25px 5px;
}



/*
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);
*/

table.sortable A:link {
            COLOR: #000080; TEXT-DECORATION: underline; FONT-STYLE: italic;  FONT-WEIGHT:normal; FONT-FAMILY:helvetica;
}
table.sortable A:visited {
            COLOR: #000080; TEXT-DECORATION: underline; FONT-STYLE: italic; FONT-WEIGHT:normal; FONT-FAMILY:helvetica;
}
table.sortable A:active {
            COLOR: #0C1E2C; TEXT-DECORATION: none; FONT-STYLE: italic; FONT-WEIGHT:bold; FONT-FAMILY:helvetica;
}
table.sortable A:hover {
            COLOR: #000080; TEXT-DECORATION: underline; FONT-STYLE: italic; FONT-WEIGHT:normal; FONT-FAMILY:helvetica;
}