/****************************/
body
{
	font-family: Tahoma;
	font-weight:  normal;
	font-size: 9pt;
	margin: 3px 0px 0px 20px;
	color: #333333;
    background-color: #FFFFFF;
	text-align: center;
}

select 
{
	font-family: Verdana;
	font-size: 7pt;
	text-align: left;
	color: #333333;
	border: 1px solid #333333;
	background-color: #EEEEEE;

}

.iframeBody
{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	color: white;
    background-color: white;
	text-align: center;
}

.topBody
{
    margin: 0px 0px 0px 0px;
    background-color: #FFFFFF;
    text-align: center;
}

.messageBody
{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 9pt;
	margin: 5px 5px 5px 5px;
	color: #333333;
    background-color: white;
	text-align: center;
}

/********  ROUNDED BORDERS **********************/
/*.borderTop {background: url(../images/border/dot.gif) 0 0 repeat-x; width: 450px}
.borderBottom {background: url(../images/border/dot.gif) 0 100% repeat-x}
.borderLeft {background: url(../images/border/dot.gif) 0 0 repeat-y}
.borderRight {background: url(../images/border/dot.gif) 100% 0 repeat-y}
.borderBottomLeft {background: url(../images/border/bottomLeft.gif) 0 100% no-repeat}
.borderBottomRight {background: url(../images/border/bottomRight.gif) 100% 100% no-repeat}
.borderTopLeft {background: url(../images/border/topLeft.gif) 0 0 no-repeat}
.borderTopRight {background: url(../images/border/topRight.gif) 100% 0 no-repeat; padding:10px}
*/
/********  ROUNDED BOX **********************/
 /* set millions of background images */
.roundBox { background: url(../images/loginBox/loginBack.gif) repeat; }
.boxTop div { background: url(../images/loginBox/topLeft.gif) no-repeat top left; }
.boxTop { background: url(../images/loginBox/topRight.gif) no-repeat top right; }
.boxBottom div { background: url(../images/loginBox/bottomLeft.gif) no-repeat bottom left; }
.boxBottom { background: url(../images/loginBox/bottomRight.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.boxTop div, .boxTop, .boxBottom div, .boxBottom {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.roundBox 
{
	width: 450px;
	height: 300px;
	margin: 2px; 
}


/********  LOGIN **********************/

.bodyLogin
{
	text-align: center;
	vertical-align: bottom;
	background-color: white;
}

#loginWrapper
{
	width:500px;
    margin:0 auto;
	vertical-align: middle;
	text-align: center;
}

#loginMainContent
{
	background-image: url(../images/loginBack.gif);
    height: 437px;
    width: 500px;
}
#loginHeader
{
	width: 430px;
	height: 80px;
}

#borderContent
{
	width: 430px;
	height: 80px;
}

#errorContent
{
	position: relative;
	width: 440px;
	height: 50px;
	margin: 2px;
	text-align:center;
	color: red;
}

#loginError
{
	font:bold 9pt Verdana;
	color: red;
	text-align: left;
	background-color: transparent;
}

#mainContent
{
	text-align: left;
	position: relative;
	top: 115px;
    left: 101px;
}

#loginVirtualKeyboardText
{
	border: 1px solid gray;
	background-color: transparent;
	position: relative;
	top: 25px;
    left: -10px;
    height: 20px;
    width: 380px;
}

.InputCaptcha
{
	border: 1 solid #000000;
	background-color:White;
}

img.vKeyboardLink {cursor: hand;}

a.vKeyboardLink:link {border-style: none;  font:bold ; color: red; text-decoration: blink; }
a.vKeyboardLink:visited {border-style: none; font:bold; color:red}
a.vKeyboardLink:hover {border-style: none; font:bold ; color:red;}
a.vKeyboardLink:active {border-style: none; font:bold ; color:red;}

#securityNumber
{
	border: 0px;
	/* background-color: transparent; */
	position: relative;
	top: 3px;
    left: -90px;
    height: 69px;
    width: 110px;
}

img.vSecurityNumber {cursor: hand;}

a.vSecurityNumber:link {border-style: none;  font:bold ; color: red; text-decoration: blink; }
a.vSecurityNumber:visited {border-style: none; font:bold; color:red}
a.vSecurityNumber:hover {border-style: none; font:bold ; color:red;}
a.vSecurityNumber:active {border-style: none; font:bold ; color:red;}


#loginTableHeader
{
	background-color: transparent;
    background-image: url(../images/loginTableHeader.gif);
	position: relative;
	top: 118px;
    left: -101px;
    height: 23px;
    width: 469px;
}
#loginTableBody
{
	background-color: transparent;
    background-image: url(../images/loginTableBody.gif);
    background-repeat: no-repeat;
	position: relative;
	top: 119px;
    left: -101px;
    height: 91px;
    width: 469px;
    padding-top: 5px;
    padding-left: 259px;
}

#loginTableFooter
{
	position: relative;
	top: 150px;
    left: 260px;
    height: 91px;
    width: 469px;
}

#tableLogin
{
	background-color: transparent;
    background-repeat:repeat;
    font-family: Verdana;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
    padding-left: 10px;
    height: 29px;
}

#secutiryTableImage
{
	position: relative;	
    height: 44px;
    width: 44px;    
    margin: 2px;
	text-align:left;	
	z-index: 0;
	float: left;
}

/************* TOP PAGE ***************/
#topWrapper
{
	width: 800px;
	height: 48px;
	margin: 0px auto;
	text-align: left;
}

#topContentLeft
{
    margin: 0px;
    width: 110px;
    height: 68px;
    position: relative;
    top: 0px;
    left: 0px;
}

#topMainContent
{
    margin: 0px;
    width: 528px;
    height: 68px;
    position: relative;
    top: -70px;
    left: 110px;

    background-image: url(../images/menu/backCenter.gif);
    background-repeat: no-repeat;
    color: #5778CB;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
	padding-top: 30px;
	padding-left: 10px;
}

#topContentRight
{
    margin: 0px;
    width: 270px;
    height: 68px;
    position: relative;
    top: -138px;
    left: 515px;
    background: url(../images/menu/separator.gif) 0 0 no-repeat;
    padding-top: 20px;
    padding-left: 5px;
}

#topMenu
{
	width: 300px;
	margin: 0px;
	text-align: left;
}
#lblTopTitle
{
	margin: 0px;
    width: 200px;
    height: 6px;
    position: relative;
    top:  -10px;
    left: 190px;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #344C7F;
}

#topExitButton
{
	margin-top: 10px; 
	float: right;
}

.topInfo 
{
	font-family: Verdana;
	font-size: 10px;
	color: #5778CB;
}

.topInfo th
{
	font-weight: bold;
	text-align: right;
}

.topInfo td
{
	font-weight: normal;
	text-align: left;
}

.menuRoundBox 
{
    width: 800px;
    height: 32px;
    position: relative;
    top: -138px;
    left: 0px;
    background-image: url(../images/menu/menuPixel.gif);
    background-repeat: repeat-x;
}

.menuBackground
{
    margin: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 33px;
    background: url(../images/menu/bot_right.gif) 100% 0 no-repeat;
}

.menuRightBack
{
	margin: 0px;
	background: url(../images/menu/topRight.gif) 100% 0 no-repeat; 
    height: 33px;
}

 /* height and width stuff, width not really nessisary. */
.menuRoundBottom div, .menuRoundBottom {
	margin: 0px;
    position: absolute
}
/********  TICKET **********************/
.ticketBody
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-family: Tahoma;
    font-size: 9pt;
    background-color: white;
    padding: 10px 10px 10px 10px;
    margin: 1px 1px 1px 1px;
    border-width: 0px;
    border-style: none;
    border-collapse:collapse;
}

.ticketTable
{
	font-weight: normal;
	font-family: Tahoma;
	font-size: 8pt;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    text-align: center;
}

.lblTicketCaption
{
	font:normal 8pt Tahoma;
	text-align: left;
	color: #333333;
	border: 0px;
	background-color: transparent;
}

.lblTicketData
{
	font:normal 8pt Tahoma;
	text-align: left;
	color: Navy;
	border: 0px;
	background-color: transparent;
}

.lblTicketLegend
{
	font:italic 7pt Tahoma;
	text-align: left;
	color: Navy;
	border: 0px;
	background-color: transparent;
}

#ticketHeader
{
}
#ticketData
{
}
#ticketFooter
{
}

@media screen {
    .PIN
    {
        visibility: hidden;
    }
    
    #ticketPrint
    {
	    margin: 5px;
    }
}

@media print {
    .PIN
    {
        visibility: visible;
	    font:normal 12pt Tahoma;
    }
    #ticketPrint
    {
	    visibility: hidden;
    }
}

/*************************** CUENTA CORRIENTE **************************/
.PositiveAccountBalance
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10px;
	color: Navy;
	border: 0px;
	background-color: transparent;
}

.NegativeAccountBalance
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10px;
	color: Red;
	border: 0px;
	background-color: transparent;
}

/***************************  VENTA **************************/
#saleRetailerAmountLabel
{
}

#saleRetailerAmountValue
{
}

#lblClient
{
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	color: navy;
}

#lblAmount
{
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	color: navy;
}
#lblCurrency6
{
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	color: navy;
}

.lblBig
{
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	color: navy;
}
/********  TABLA UTILIZADA PARA GRILLAS **********************/
.tableInfo
{
	font-weight: normal;
	font-family: Tahoma;
	font-size: 9pt;
	color: #333333;
	border-color: #CCCCCC;
    border-width: 1px 1px 1px 1px;
    padding: 5px 5px 10px 5px;
    margin: 0px 5px 0px 5px;
    border-style: solid;
	border-collapse: collapse;
    text-align: left;
}

.tableInfo td
{
    padding-left: 5px;
    padding-right: 5px;
}

.tableInfo th
{
	text-align: left;
    font-size: 9pt;
    color: white;
    padding: 0px 5px 3px 5px;
    margin: 0px 1px 0px 2px;
    background: url(../images/tHeader.gif);
	background-repeat: repeat-x;
	border-collapse: collapse;
	height: 28px;
}

.tableHeader
{
	text-align: left;
	font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    height: 28px;
    color: white;
    padding: 0px 5px 3px 5px;
    margin: 0px 1px 0px 2px;
    background: url("../images/tHeader.gif");
	background-repeat: repeat-x;
	border-collapse: collapse;
}

.tableHeaderCaption
{
    text-align: left;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: white;
}


.tableFooter
{
	text-align: left;
    color: #FFBF00;
    margin: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
}

.oddRow
{
	background-color: #EAEAEA;
	cursor: hand;
}

.evenRow
{
	background-color: #FAFAFA;
	cursor: hand;
}

.selectedRow
{
	background-color: #FFC300;
	cursor: crosshair;
}

.remarkedRow
{
	background-color: #FFCC66;
}

#tooltip
{
	position:absolute;
	top:0;
	left:0;
	background-color:#FFFFFF;
	border-color:navy;
	border-style:solid;
	border-width:1px;
	display: none;
	width: 150px;
	text-align: left;
	padding: 2px;
} 

/******* BODY DE LA PANTALLA **************/
.tableBody
{
    width: 800px;
    height: 100%;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	font-family: Tahoma;
    font-size: 9pt;
    background-color: white;
    padding: 10px 10px 10px 10px;
    margin: 0px px 0px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-collapse: collapse;
}
.tableBodyRow
{
	text-align: center;
	vertical-align: top;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

.tableBodyCol
{
	text-align: center;
	vertical-align: top;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

/************** TABLA CON NOTAS **************/
.tableNotes
{
	font-weight: normal;
	font-family: Tahoma;
	font-size: 8pt;
	border-color: #BBBBBB;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    text-align: center;
}

.tableNotesHeader
{
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
    font-size: 7pt;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 1px 0px 2px;
	background: url(../images/tHeader.gif);
	background-repeat: repeat-x;
	border-collapse: collapse;
	
}

.tablePanel
{
	border-color: #CCCCCC;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    text-align: center;
}

.tableError
{
	font:bold 9pt Tahoma;
	color: Navy;
	border: 0px;
	background-color: transparent;
}

.tableError td
{
	font:bold 9pt Tahoma;
	color: Navy;
	border: 0px;
	background-color: transparent;
}

/************   FORM *********************/
input
{
	border: 0px;
	background-color: Transparent;
}
.lblCaption TD
{
	font:normal 8pt Tahoma;
	text-align: left;
	color: #333333;
	border: 0px;
	background-color: transparent;
}

/********** TEXTOS *************/
.lblData
{
	font:normal 9pt Tahoma;
	text-align: left;
	color: Navy;
	border: 0px;
	background-color: transparent;
}

.lblError
{
	font:bold 9pt Tahoma;
	text-align: left;
	color: Red;
	border: 0px;
	background-color: transparent;
}

.lblAlert
{
	font:bold 9pt Tahoma;
	text-align: left;
	color: Yellow;
	border: 0px;
	background-color: transparent;
}

.lblInfo
{
	font:bold 9pt Tahoma;
	text-align: left;
	color: Navy;
	border: 0px;
	background-color: transparent;
}

.lblTicketAmount
{
	font:bold 20pt Arial;
	text-align: center;
	color: Black;
	border: 0px;
	background-color: transparent;	
}

.tbxNumericData
{
	font:normal 9pt Tahoma;
	text-align: right;
	color: #333333;
	border: 1px solid #333333;
	background-color: #EEEEEE;
}

.tbxNumericDataAmount
{
	font:bold 20pt Arial;
	text-align: center;
	color: Black;
	border: 1px solid #333333;
	background-color: #EEEEEE;
}
select
{
	font:normal 9pt Tahoma;
	text-align: left;
	color: #333333;
	border: 1px solid #333333;
	background-color: #EEEEEE;
}

.tbxStringData
{
	font:normal 9pt Tahoma;
	text-align: left;
	color: #333333;
	border: 1px solid #333333;
	background-color: #EEEEEE;
}

.ddlData
{
	background-color: Transparent;
	color: #333333;
	font-family: Verdana;
	font-size: 8pt;
	text-align: left;
	border: 0px solid ;
}

hr
{
	color: #CCCCCC;
	width: 70%;
	/* align: center; */
	border: dotted;
}



/**************** TREEVIEW *********************/
.treeview
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 9px;
	color: navy;
	
	background-color: transparent;
	font-variant: normal;
	text-decoration: none;
}

.treeviewS
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 9px;
	color: #FF6600;
	background-color: transparent;
	font-variant: normal;
	text-decoration: none;
}
dl
{
	white-space: nowrap;
}

dt
{
	white-space: nowrap;
}

/********  FIELDSET y TABLA DE CONTENIDO **********************/
fieldset
{
	font-weight: normal;
	font-family: Tahoma;
	font-size: 9pt;
    border: 1px;
    border-style: solid;
    border-color: #234165;
    text-align: center;
}

.tableFieldset
{
	font-weight: normal;
	font-family: Tahoma;
	font-size: 9pt;
/*	color: #333333;*/
    margin: 0px 0px 0px 0px;
    border-style: none;
    text-align: left;
}

.tableFieldset td
{
    padding-left: 5px;
    padding-right: 5px;
}

.tableFieldset th
{
	text-align: left;
    font-size: 9pt;
/*    color: white;*/
    padding: 0px 5px 3px 5px;
    margin: 0px 1px 0px 2px;
}
/********************** NOTICIAS ***********************************/
.newsError
{
	color: Red;
}
.newsAlerta
{
	color: #FF9900;
}
.newsInformacion
{
	color: Green;
}

/******************************************************************/
#lbVouchersLoaded
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10px;
	color: navy;
	background-color: Transparent; 
}

#AjaxActivityIndicator
{
	width: 32px;
	height: 32px;
	border: 0px solid #ccc;
	margin: 20% 46%;
	position: relative;
	background: url(../images/busy.gif) no-repeat;
}

#AjaxActivityIndicatorContainer 
{
	position: absolute;
	top: 0;
	height: 100%;
	width: 800px;
	margin: 0 -400px;
	background: white;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


/************************************************/
/*.container { width: 800px; margin: 0 auto; }*/

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: visible; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { text-align:left; padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.autocomplete-input { font-size: 28px; padding: 10px; border: 1px solid #CCC; display: block; margin: 20px 0; }