/* ESTILOS PARA WEB */

body, th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-left: 0px;
  margin-top: 0px;
  color: #FFFFFF;
  background-color: #245bac !important;
}

h2 {
	color: #FFFFFF;
}

td{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

td img {display: block;}

p{text-align: justify;background-color: #245bac !important;}

.requiredField {color: #FF6600}

a:link {
  color: #FFFFFF;
}
a:visited {
  color: #FFFFFF;
}
a:hover {
  color: #666666;
}
a:active {
  color: #FFFFFF;
}

img{
  border:0px;
  border-color:#FFFFFF;
  display: inline;
}

span #layer1 { border:1px solid #FFF}
.a1{
  position:relative;
  font-family:Verdana;
  font-size:14px;
  color:white;
  background:padding-left:10px; padding-top:1px; padding-right:10px; padding-bottom:1px;
}
.accountHeader{
  font-size: 11px;
  font-weight: bold;  
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  height:35px;
  text-align:center;
  border-color:#FFFFFF;
  text-decoration: none;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 6px;
  padding-left: 6px;
  border-width:1px;
  border-style:Dashed;
}
.dataL{
  text-align:left;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 10px;
  padding-left: 10px;
}
.notdata{
  text-align:center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 8px;
  padding-left: 8px;
}
.detailStrongSmall
{
  font-size: 10px;
  color: #FFFFFF;
}
.detailStyle
{
  font-size: 12px;
  color: #FFFFFF;
}
.detailTitle
{
  font-size: 12px;
  color: #666666;
}
.error{
  color: #ff9702;
  font-weight: bold;
  font-size: 11px;
}
.resultados{
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

.styleHeaders, .styleHeadersSmall, .styleHeadersUnderline, .styleHeadersStrong{
  font-weight: bold;  
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}
.styleHeaders {
  font-size: 13px;
}
.styleHeadersSmall {
  font-size: 11px;
}
.styleHeadersUnderline {
  font-size: 13px;
  text-decoration: underline;
}
.styleHeadersStrong {
  font-size: 14px;
}

.styleLabelsStrongrow1 {
  font-size: 14px;  
  font-weight: bold;
  background-color: #FFFFFF;
}

.styleLabelsStrongrow2 {
  font-size: 13px;  
  font-weight: bold;
  background-color: white;
}

.styleLabelsSmall {
  font-size: 11px;  
}

.styleLabelsMedium , .styleLabelsMedium a:link, .styleLabelsMedium a:visited, .styleLabelsMedium a:hover, .styleLabelsMedium a:active{
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;  
}

.styleMenuLink a:link, .styleMenuLink a:visited, .styleMenuLink a:hover, .styleMenuLink a:active{
  font-size: 11px;
  font-weight: plain;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF; 
  text-decoration:none;
  width:70px !important;
}

.styleMenuLink2 a:link, .styleMenuLink2 a:visited, .styleMenuLink2 a:hover, .styleMenuLink2 a:active{
  font-size: 11px;
  font-weight: plain;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF; 
  text-decoration:none;
  width:40px !important;
}



.styleLabelsStrongSmall{
  font-size: 11px;
  font-weight: bold;
}

.footer a:link {
  color: white;
  text-decoration: none;
  font-size:10px;
  display: inline;
}
.footer a: {
  color: white;
  text-decoration: none;
  font-size:10px;
  display: inline;
}
.footer a:hover {
  color: white;
  text-decoration: none;
  font-size:10px;
  display: inline;
}
.footer a:active {
  color: white;
  text-decoration: none;
  font-size:10px;
  display: inline;
}
.footer a:visited {
  color: white;
  text-decoration: underline;
  font-size:10px;
  display: inline;
}

.footerStyle {
  color: white;
  text-decoration: none;
  font-size:10px;
}

.styleConfirm {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #FFFFFF;
}

.styleApplicationError {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  color: #FFFFFF;
}

.button{
  font-size: 9px;
}

.footnote{
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #FFFFFF;
}

.singleSpacedTable td
{
	padding: 0 20px 0 20px;
	height: 30px;
}

.centeredTable, .centeredTable td
{
	text-align: center;
	margin: 0px auto;
}

.mainTableGame
{
  border: 1;
  border-spacing: 0;
  padding: 0;
  margin:0px auto;
  width:920px;
}

.mainTable
{
  border: 1;
  border-spacing: 0;
  padding: 0;
  margin:0px auto;
  width:900px;
}

.lineagris
{
	margin: 0;
	text-align: left;
	width: 900px;
}

/**** Estilos para melateGame.jsp ****/
.gameTable 
{
	border-collapse:collapse;
	border-style: solid;
  border-width: 7px;
  border-color: #EB2228;
  margin:0px auto;
  background:#245bac;
}

.gameFont, .gameFont *
{
	font-weight: normal;
	font-size:13px;  
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

.gameFont a:link, .gameFont a:visited, .gameFont a:hover, .gameFont a:active
{
	font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
}

.colored, .colored *
{
	background:#EB2228;
  color:#FFFFFF;
  font-size:12px;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

.colored a:link, .colored a:visited, .colored a:hover, .colored a:active
{
  color: #7ea3d9;
  text-decoration: none;
}
/**** Terminan Estilos para melateGame.jsp ****/

/** Estilo para textos de Títulos de páginas **/
.pageTitle
{
	font-size:25px;
	font-family:Arial;
	color: white;
}


/** Estilos para las ventanas emergentes  **/
.popUpTitle
{
  font-weight: bold;
  text-align: right;
}

.lineaGrisEmergente
{
  width: 550px;
  height: 5px;
  display: block; margin: 0 0 0 auto;
}

.tableWithIMages td
{
  text-align: justify;
  padding: 7px;
}

/**Estilo para los campos de texto de Login **/
.loginTextField
{
	width: 9.0em;
	text-align: center;
	vertical-align: center;
	border:1px solid #b4b4b4;
	font-size: 11px;
	background-color:#084693;
	color:#FFFFFF;
}

/* CSI 2.3.2009 ESTILOS PARA MOVIL Y WEB */

/* estilos para el menu de usuario y mensajes en pantalla*/
.styleLabels, .styleLabelsStrong, .styleLabelsSmall, .styleLabelsStrongSmall, .styleLabelsStrongrow1, .styleLabelsStrongrow2{
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

.styleLabelsStrong {
	font-size: 13px;  
  font-weight: bold;
}

.styleLabels{
	font-size: 13px;
}

/* estilos para los datos de base de datos de los usuarios */
.styleMenuUserName{
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #FE7D19; // MDB 23/SEP/2008 Naranja como el logo de pronosticos
}

/* Estilos para links del menu */
.styleMenuLabels {
  font-size: 11px;
  font-weight: plain;
  font-family: Arial, Helvetica, sans-serif;
  color:white;
}

.styleMenuLabels a:link {
  color: white;
  text-decoration: none;
  font-size:11px;
  display: inline;
}
.styleMenuLabels a: {
  color: white;
  text-decoration: none;
  font-size:11px;
  display: inline;
}
.styleMenuLabels a:hover {
  color: white;
  text-decoration: underline;
  font-size:11px;
  display: inline;
}
.styleMenuLabels a:active {
  color: white;
  text-decoration: none;
  font-size:11px;
  display: inline;
}
.styleMenuLabels a:visited {
  color: white;
  text-decoration: none;
  font-size:11px;
  display: inline;
}

/** CSI 27.2.2009 ESTILOS PARA SITIO MOVIL **/

/* texto de login */
.loginTextFieldMobile
{
	width: 6.0em;
	text-align: left;
	vertical-align: center;
	font-size: 11px;
	color:#FFFFFF;
	display: inline;
}

/* campos de edicion */
.fillTextFieldMobile
{
	width: 6.0em;
	text-align: left;
	vertical-align: center;
	border:thin #b4b4b4;
	font-size: 11px;
	background-color:#FFFFFF;
	color:#00000;
}

/* mensajes de error */
.errorFieldMobile
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: center;
	font-size: 11px;
	color:#FF9702;
	font-weight:bold;
}

/* campo obligatorio */
.requiredFieldMobile
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #FF9702
}
/* Bolsa dinamica */
.styleBolsaMobile{
  font-size: 34px;
  font-weight: bold;  
  font-family: Arial Black;
  color: #BC151B;
}