* { margin: 0; padding: 0; }

button, input, textarea, select { font-size: 120%; font-family: Arial, Helvetica, Geneva, sans-serif; }
input {font-size:1.5em; font-family: Arial, Helvetica, Geneva, sans-serif; /*width:30%;*/ color:#333; text-transform: uppercase; margin-right:5px;}
input.dissable {border:1px solid #7F9DB9}

/*para editar*/
input.text, input.title,select{font-size:0.9em;margin:0.5em 0;border:1px solid #7F9DB9;float:left}
input.text:focus, input.title:focus, textarea:focus, select:focus{border:1px solid #7F9DB9}
input.text, input.title{padding:3px;font-size:0.9em; text-transform:none;}
input.title{font-size:1.5em}
.error, .notice, .success{padding:0.8em; margin-bottom:1em; border:2px solid #ddd}
.error{background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4}
.notice{background:#FFF6BF; color:#514721; border-color:#FFD324}
.success{background:#E6EFC2; color:#264409; border-color:#C6D880}


iframe, img { border: none; }
fieldset, form { border: 0px solid #FFFFFF; }
img { vertical-align: bottom; }
table.juego { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
ul.accessibility { left: -9999em; position: absolute; top: -9999em; }
.adn { display: block; height: 0; overflow: hidden; width: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.frow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.replace { background-repeat: no-repeat; overflow: hidden; position: relative; text-indent: -9999em; }
.replace span { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 50; }
.off-screen { text-indent: -9999em; height: 0; left: 0; overflow: hidden; }

h1.juego { padding: 3px 0 3px 0; color: #ffffff; font-size:1.5em; text-transform: uppercase; width:100%;letter-spacing:0}
h2.juego { }
h3.juego { padding: 3px 0 3px 5px; color: #ffffff; font-size:1.2em; text-transform: uppercase; background:#333; width:100%;letter-spacing:0}
h4.juego { }
h5.juego { }
p.juego { font-size: 1.5em; padding: 0 0 10px 0; font-weight:normal}


#Populate { position: absolute; background: red; color: #ffffff; font-size: 1.2em; top:50px; left: 50px; z-index: 1000;}
	
/*	grilla */
.contenedor { display: block; position: relative; z-index: 1; width: 620px; margin: 0; padding:25px 0; font: 62.5%/1.4 Arial, Helvetica, Geneva, sans-serif;}

.contenedor .col1 { display: inline; /*display:block; position:relative; overlow:hidden;*/ float: right; width: 200px; height:571px; margin-right: 8px; padding:0 4px; background:url("i/juego/fdocol.jpg") left top no-repeat;}
.contenedor .col2 { float: left; width: 387px; height:571px;  display: inline; margin: 0 10px 0 6px; }
.contenedor .col3 { display: block; position:relative; overflow:hidden; float: none; clear:both; margin: 10px; }
.contenedor .carga { position: absolute; z-index: 100000; background: #000; height: 795px; width: 620px; display: block; top: 0; left: 0; filter:alpha(opacity=90);opacity:0.9}
.contenedor .carga p { text-align: center; padding-bottom: 30px; font-size: 1.5em; color: #234B7B; }
.contenedor .carga p.image { margin:220px 280px 80px 280px; text-align: center; }

.acciones { width: 100%; position: relative; z-index: 1;}
.accionesBotones { margin: 10px 0 0 0; text-align: center; }

/*fondos paises*/
.juegoChile {background: #232323 url("i/juego/fdoChile.jpg") left top no-repeat;}
.juegoArgentina{background: #232323 url("i/juego/fdoArgentina.jpg") left top no-repeat;}
.juegoEspana{background: #232323 url("i/juego/fdoEspana.jpg") left top no-repeat;}
.juegoBrasil{background: #232323 url("i/juego/fdoBrasil.jpg") left top no-repeat;}

/*	equipo*/
.equipo { border:1px #333 solid; background: #253C06; width: 100%; height: 365px; overflow-y: scroll; overflow-x: hidden; margin-bottom: 10px; }
.equipo h1 { margin: 5px; }
.equipo ul { margin: 0 5px 10px 5px; font-size:11px;}
.equipo ul li { cursor: pointer; height: 32px; line-height:32px; margin:3px 0 3px 0; padding: 0 4px 0 0px; background-color: transparent; color: #FFF;}
.equipo ul li span.listInfo {margin-right:3px;}
.equipo ul li.arquero { cursor: pointer; height: 32px; line-height:32px; margin:3px 0 3px 0; padding: 0 4px 0 0px; background:#FFFF99; color: #FFF;}

/*arquero*/
.equipo ul li.zone1 {
	color: #333; 
	background: #CCCC00;
	cursor:pointer;
}
/*defensa*/
.equipo ul li.zone2 {
	color: #FFF; 
	background: #926B03;
	cursor:pointer;
}

/*volante*/
.equipo ul li.zone3 {
	color: #FFF; 
	background: #791E03;
	cursor:pointer;
}

/*delanteros*/
.equipo ul li.zone4 {
	color: #FFF; 
	background: #53304B;
	cursor:pointer;
}

.equipo ul li.ui-state-disabled {
	color: #ebeb8a; 
	background-color: #406030;
	/*background-image: url("i/juego/ticker.png");
	backgroun-position:right center;
	background-repeat:no-repeat;*/
	line-height:32px;
	cursor:auto;
}

.player-list li.selected {
	border: thin dotted #aaaaaa;
}

.equipo ul li a { color: #ffffff; text-decoration: none; display: block; text-indent:6px; }
.equipo ul li.assigned, .equipo ul li.hover { background-color: #1A2804; }
.equipo ul li.assigned a { color: #ebeb8a; background: transparent url("i/juego/ticker.png") right center no-repeat; } 
.equipo ul li.hover a { color: #ebeb8a; }
.equipo ul.goal-keepers li { background-image: url("i/juego/arqueroIcon.png"); }
.equipo ul.goal-keepers li.assigned a, .equipo ul.goal-keepers li.hover a  { color: #edd72e; }
.equipo ul li.original-dragging { background-color: #000000; }

/*jugador*/
.jugador { border:1px #253C06 solid; display: block; width: 100%; /*height: 244px; */}	
.jugador .inner { margin: 3px; padding: 5px; background: #253C06; position: relative; z-index: 1; }
.jugador .perfil { width: 100%; margin-bottom: 10px; }
.jugador .perfil:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.jugador .perfil .p-c-1 { float: left; width: 60px; } 
.jugador .perfil .p-c-2 { float: right; width: 98px;} 
.jugador .perfil .p-c-1 img { border:1px #aeaeae solid; }
.jugador .perfil .name { font-size: 11px; color: #939598; padding:0; margin:0}
.jugador .perfil .club-team { font-size:11px; color: #939598; padding: 0; margin:0}
.jugador .perfil .caps-goals { font-size:11px; color: #939598; padding: 0; margin:0}
.jugador .perfil p span { color: #ffffff;}

/*.jugador .listado { list-style: none; width: 100%;  }
.jugador .listado li { position: relative; z-index: 1; font-size: 1.5em; padding: 1px 3px; }
.jugador .listado li:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.jugador .listado li.alt { background: #1A2804; }
.jugador .listado li span.cat { color: #939598; float: left;}
.jugador .listado li span.val { text-align: right; float: right; font-weight: normal; color: #ffffff; }
*/

.datosJugador { border:1px #666666 solid; }
.datosJugador .inner { margin: 10px; padding: 5px; background: #3c3c3c; position: relative; z-index: 1; }
.datosJugador table.juego { border-collapse: collapse; width: 100%; }
.datosJugador table.juego tr th { color: #FFFFFF; font-size: 11px; padding: 1px 3px; text-align: center; background: #3c3c3c; border: none;}
.datosJugador table.juego tr td { font-size: 11px; padding: 1px 3px; color: #ffffff; text-align: center; border: none;}
.datosJugador table.juego tr.alt td { background: #232323; }
.datosJugador table.juego tr th.tc-1 { text-align: center; }
.datosJugador table.juego tr th.tc-4 { text-align: center; }
.datosJugador table.juego tr td.tc-1 { text-align: center; }
.datosJugador table.juego tr td.tc-4 { text-align: center; }


/*	cancha*/
.cancha { position: relative; z-index: 1; width: 387px; height: 570px; margin-bottom: 8px; background:  url("i/juego/cancha.gif") 0 0 no-repeat; }
.cancha .resultado { position: relative; z-index: 1; width: 387px; height: 570px; margin-bottom: 8px; background:  url("i/juego/canchaResultado.gif") 0 0 no-repeat; }
.cancha .formation-select { position: absolute; z-index: 2; top: 20px; right: 20px; }
.cancha .formation-select select { padding: 2px; font-size: 12px; width: 94px; }
.cancha .posicion { position: absolute;  width: 60px; height: 52px; display: block; z-index: 3; font-size: 11px; }
.cancha .posicion .shirt { position: absolute;  width: 50px; height: 40px;display: block; z-index: 3; /*background-position: top center; background-repeat: no-repeat; background-image:  url("i/juego/rojajugador.gif"); */}
.cancha .posicion .shirt .number { text-align: center; color: #343434; font-size: 18px; display: block; padding: 11px 0 0 0; text-indent:-99999em;}
.cancha .posicion .detail { padding-bottom:1px; position: absolute; padding-top: 6px; line-height: 1; top: 46px; left: 0px; width: 55px; text-align: center; color: #CCCCCC; text-align:center; }
.cancha .posicion .remove { width: 25px; height: 25px; display: none; cursor: pointer; position: absolute; top: -2px; left: 16px; z-index: 100; background:  url("i/juego/eliminar.png") 0 0 no-repeat;}
.cancha .posicion-bench .shirt { height: 30px; background-image:  url("i/juego/white-shirt-small.gif"); }
.cancha .posicion-bench .shirt .number { font-size: 12px; }
.cancha .posicion-bench .detail { font-size: 10px; top: 25px; }

.cancha .posicion-hover .shirt 		{ color: #ffffff; background-position: 14px -40px; }
.cancha .posicion-hover .shirt-small { color: #ffffff; background-position: 20px -30px; }
.cancha .posicion-assigned .shirt 	{ color: #ffffff; background-position: 14px -40px; }
.cancha .posicion-assigned .shirt-small { color: #ffffff; background-position: 20px -30px; }
.cancha .posicion-assigned .detail { color: #ffffff; }
.cancha .posicion-assigned .remove { display: block; }

.cancha .pos-1 .shirt { background-image:  url("i/juego/arqueros.gif"); }

/* =dragging */
body.dragging .cancha .posicion-hover { color: #404040; background-position: 0 -40px;}
body.dragging .ui-draggable-dragging { z-index: 1000000; color: #ffffff; }

body.dragging .ui-draggable-dragging { list-style: none; height: 16px; margin: 0 0 3px 0; padding: 0 4px 0 30px; background-color: transparent; background-image:  url("i/juego/white-shirt-icon.png"); background-position: 4px 0; background-repeat: no-repeat; }
body.dragging .ui-draggable-dragging a { text-decoration: none; color: #ffffff;}

/* overlay */
.overlay {  display: block; position: absolute; overflow:hidden; top: 180px; left: 122px; z-index: 10000; width: 388px;}
.share-item { margin-right: 20px; display: inline; float: left;}

/*instrucciones*/
.instrucciones {display:block; position:relative; overflow:hidden;margin:3px 0; padding:0px; height:115px;}
.instrucciones h2{display:block; position:relative; overflow:hidden; color:#FFFFFF; height: 24px; line-height:24px; font-size:24px;margin:20px 0 0 10px; font-family:Arial, Helvetica, Geneva, sans-serif;font-weight:bold;}
.instrucciones p{display:block; position:relative; overflow:hidden; color:#FFFFFF; height: 12px; line-height:12px; font-size:12px;  margin:5px 0 5px 10px; color:#FFFFFF; font-family:Arial, Helvetica, Geneva, sans-serif;font-weight:normal;}
.instrucciones ul{margin:0; padding:0}
.instrucciones ul li{display:inline;font-size:10px;}
.instrucciones li{display:block; position:relative; overflow:hidden; float:left; color:#FFF; width:165px; margin:0 3px 0 0; padding:0;}
.instrucciones li span{ display:block; position:relative; overflow:hidden; float:left; height: 32px;padding:0; margin:0 2px 0 0; text-align: center}
.instrucciones li span strong{display:block; position:relative; overflow:hidden; width:20px; background:#000; color:#FFF; font-size:1.2em; padding:1px;}


/*gonza*/
.hiddenInfo, .fieldDisplayInfo, .dragInfo, .voteInfo, .posInfo, .sharedInfo {
	display: none;
}

.draggingBox {
	font-size: 12px;
	background: #FFF;
	border: 1px solid #ccc;
	width: 60px;
	height: 70px;
	padding: 10px;
	text-align:center;
	z-index: 10;
}

/*resultados*/
.resultados { border:1px #253C06 solid; display: block; width: 90%;}	
.resultados .detalles { margin: 3px; padding: 5px; background: #253C06; position: relative; z-index: 1; }
.resultados .jugador { width: 90%; margin-bottom: 10px; }
.resultados .jugador:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.resultados .jugador .d1 { float: left; width: 40px; } 
.resultados .jugador .d2 { float: left; } 
.resultados .jugador .d1 img { border:1px #aeaeae solid; }
.resultados .jugador .nombre { font-size: 11px; color: #CCC; padding:0; margin:0}
.resultados .jugador .votos { font-size:11px; color: #939598; padding: 0; margin:0}
.resultados .jugador .caps-goals { font-size:11px; color: #939598; padding: 0; margin:0}
.resultados .jugador p span { color: #FFF; font-weight:normal;}
.resultados .jugador p.datos{ font-size:11px; padding: 0; margin:0; color: #FFF; font-weight:normal;}

h6.posicion{display:block; position:relative; overflow:hidden; padding: 3px 0 0 3px; color: #CCC; font-size:1.35em; text-transform: uppercase; width:100%;letter-spacing:0}

.resultados .listado { list-style: none; }
.resultados .listado li { display: block; position:relative; overflow:hidden; z-index: 1; font-size: 1.5em; padding: 1px 3px; }
.resultados .listado li:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.resultados .listado li.alt { background-color: #1A2804; }
.resultados .listado li span.nombre { color: #939598; float: left;}
.resultados .listado li span.porcentaje { text-align: right; float: right; font-weight: normal; color: #ffffff; }

/*table resultados*/
table.listado {border-collapse: collapse; border: 0; border-spacing: 0;text-transform:none; letter-spacing:0; margin:0; font-size:10px; width:100%;}
table.listado tr, table.listado td, table.listado th {color:#FFF; border: none; padding:2px; margin:0}
table.listado tr.alt {background: #1A2804;}

.votosTotales{display:block; position:relative; overflow: hidden; margin:10px 0; padding:0; clear:both; text-align:center}
.votosTotales h3 {display:block;position:relative; overflow:hidden;font-size:2em; color:#FFF; margin:5px 0;}