.referencia {
	text-decoration:underline;
}
body {
    font-size: 12px;
    color: #585858;
    font-family: Verdana;

}
input {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
}

table {
	border: 0px;
    font-size: 11px;
    font-family: Verdana;
}
a {
    color: #0B6138;
    font-family: Verdana;
}
a:hover {
    color:#04B45F;
}

H1 {
    color: #330066;
    font-family: Lithograph;
}
H2 {
    color: #330066;
    font-family: Lithograph;
}
.swnu {
    font-size: 11px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.sb {
    font-size: 11px;
    color: #003366;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bnu {
    font-size: 13px;
    color: #000099;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.sbnu {
    FONT-SIZE: 11px;
    COLOR: #000099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.snub {
    FONT-SIZE: 11px;
    COLOR: #000099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.snu {
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.sw {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.s {
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.swnub {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.sbnub {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.sbd {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.swb {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.sbbd {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #104a7b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.fwnu {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.fnu {
    FONT-SIZE: 11px;
    COLOR: #000099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.fw {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.f {
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.flb {
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.flbs {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #104a7b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.Tdom {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #104a7b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.pbnu {
    FONT-SIZE: 11px;
    COLOR: #000099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #104a7b;
    FONT-FAMILY: tahoma,san-serif;
}
.Wf {
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.ns4Wf {
    FONT-SIZE: 13px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.menu {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000066;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
TR.H {
    BACKGROUND-COLOR: #c3d6e6;
}
.bttntext {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #336699;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.Bsbttn {
    BORDER-RIGHT: #104a7b 1px solid;
    BORDER-TOP: #afc4d5 1px solid;
    FONT-SIZE: 13px;
    BACKGROUND: #d6e7ef;
    BORDER-LEFT: #afc4d5 1px solid;
    COLOR: #000066;
    BORDER-BOTTOM: #104a7b 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.sbttn {
    BORDER-RIGHT: #104a7b 1px solid;
    BORDER-TOP: #afc4d5 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #d6e7ef;
    BORDER-LEFT: #afc4d5 1px solid;
    COLOR: #000066;
    BORDER-BOTTOM: #104a7b 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 19px;
    TEXT-DECORATION: none; 
}
.pbttn {
    BORDER-RIGHT: #104a7b 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #afc4d5 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    BACKGROUND: #d6e7ef;
    BORDER-LEFT: #afc4d5 1px solid;
    COLOR: #000066;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #104a7b 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 19px;
    TEXT-DECORATION: none;
}
.obttn {
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-SIZE: 11px;
    BACKGROUND: #d6e7ef;
    PADDING-BOTTOM: 1px;
    VERTICAL-ALIGN: middle;
    COLOR: #777777;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.ns4obttn {
    FONT-SIZE: 12px;
    BACKGROUND: #d6e7ef;
    COLOR: #8ca5b5;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.ns4sbttn {
    BORDER-RIGHT: #104a7b 1px solid;
    BORDER-TOP: #afc4d5 1px solid;
    FONT-SIZE: 12px;
    BACKGROUND: #d6e7ef;
    BORDER-LEFT: #afc4d5 1px solid;
    COLOR: #000066;
    BORDER-BOTTOM: #104a7b 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 19px;
    TEXT-DECORATION: none;
}
.drpdwn {
    FONT-SIZE: 11px;
    COLOR: #000066;
    FONT-FAMILY: tahoma,san-serif;
    BACKGROUND-COLOR: #d6e7ef;
}
TABLE.Mtable TD {
    BORDER-BOTTOM: #93bee2 1px solid;
}
.transactionDark {
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    BORDER-LEFT: #336699 1px solid;
    BORDER-BOTTOM: #336699 1px solid;
}
.transactionLight {
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    BORDER-LEFT: #336699 1px solid;
    BORDER-BOTTOM: #336699 1px solid;
}
.msglistcntrl TD {
    BORDER-BOTTOM: medium none;
}
A.tab {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, san-serif;
    TEXT-DECORATION: none;
}
FONT.tab {
    FONT-SIZE: 11px;
    COLOR: #f4d500;
    FONT-FAMILY: Tahoma, san-serif;
}
H3 {
    COLOR: #330066;
    FONT-FAMILY: Lithograph;
}
select {
    color: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

.PASS {
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:165px;
}

.INPUTGrande {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:230px;
}
.INPUTExtraGrande
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    WIDTH:418px;
}

.INPUTNormal {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:150px;
}
.INPUTFecha {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:115px;
}
.INPUTDV {
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    WIDTH:15px;
}
.INPUTCorto 
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    WIDTH:50px;
}

#popupcalendar {
    BACKGROUND-COLOR: white;
    HEIGHT: 130px;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px;
    VISIBILITY: hidden;
    WIDTH: 185px;
}
A.cal-DayLink {
    BACKGROUND-COLOR: transparent;
    COLOR: gray;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
A.cal-DayLink:hover {
    BACKGROUND-COLOR: transparent;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
A.cal-DayLink:active {
    BACKGROUND-COLOR: transparent;
    COLOR: #0066ff;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
.cal-TextBox {
    BACKGROUND-COLOR: #d3d3d3;
    COLOR: black;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
}
A.cal-TodayLink {
    BACKGROUND-COLOR: transparent;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
A.cal-TodayLink:hover {
    BACKGROUND-COLOR: transparent;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
A.cal-TodayLink:active {
    BACKGROUND-COLOR: transparent;
    COLOR: #d3d3d3;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}
.cal-GreyDate {
    BACKGROUND-COLOR: darkgray;
    COLOR: black;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
.cal-GreyInvalidDate {
    BACKGROUND-COLOR: lightslategray;
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: line-through;
}
.cal-DayCell {
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: lightgrey thin solid;
    BORDER-LEFT: lightgrey thin solid;
    BORDER-RIGHT: lightgrey thin solid;
    BORDER-TOP: lightgrey thin solid;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
}
.cal-HeadCell {
    BACKGROUND-COLOR: #333366;
    BORDER-BOTTOM: darkgray;
    BORDER-LEFT: darkgray;
    BORDER-RIGHT: darkgray;
    BORDER-TOP: darkgray;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
}
.cal-Table {
    BACKGROUND-COLOR: white;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
}

.link {
    BACKGROUND-COLOR: transparent;
    COLOR: red;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
.datagrid {
	border-color: #333366;
}
.datagridTD {
	border-color: #333366;
}
/* Div container to wrap the datagrid */
div#div-datagrid  {
	width: 840px;  	
	display: inline;
	float: left;
	overflow-x: scroll;
	white-space: nowrap;
}
/* Div container to wrap the datagrid */
div#div-datagrid2  {
	width: 840px;  	
	display: inline;
	float: left;
	overflow-x: scroll;
	white-space: nowrap;
}

/* Locks the left column */
td.locked, th.locked {	 
	position: relative;
	left: expression(document.getElementById("div-datagrid").scrollLeft); /*IE5+ only*/
}	

.tdLocked {
	margin-bottom: 10px;
	font-size: 11px;
	left: expression(document.getElementById("div-datagrid").scrollLeft-2); /*IE5+ only*/
}