@CHARSET "UTF-8";
body{

	margin:0 0 0 0;

}
h1{
	font-size:18px;
	font-family: Georgia, Verdana, Lucida, Helvetica, Arial, sans-serif;
	color:#666;
	text-align:right;
	margin:10px 5px 5px 0px;
}

/* tabs stuff */
.ui-tabs .ui-tabs-hide {
	display: none;
}
/*  LEAVE THESE IN AS DOC.  THE UI STYLE DOES THESE FOR US BUT
    IF WE EVER DECIDE TO DO OUR OWN WE NEED TO DEFINE THESE
div#tabContainer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 22px;
    border-bottom: 1px solid darkgreen;
}
div#tabContainer ul li {
    float: left;
    height: 17px;
    padding: 4px 10px 0 10px;
    margin-right: 5px;
    border: 1px solid rgb(200, 200, 200);
    border-bottom: none;
    position: relative;
    background: yellowgreen;
}
div#tabContainer ul li a {
    text-decoration: none;
    color: black;
}
div#tabContainer ul li.ui-tabs-selected {
    background: darkgreen;
}
div#tabContainer ul li.ui-tabs-selected a {
    color: white;
}
*/
/* 
.box{
	margin: auto auto;
	border:0px solid #CCC;
	background-color:#FFF;
	width:700px;
	text-align:left;
}
.memotest, .encastres, .puzzle{
	border:0px solid #CCC;
	background-color:#FFF;
	text-align:left;
	float:left;
	position:absolute;
	margin-left:150px;

}
 
.pieza{
	float:left;
}
*/
.droppable {
	border:0px solid #333;
	background-color:transparent;
	float:left;
}
  
.droppableP { 
	border:0px solid #333;
	background-color:transparent;
	float:left;
	margin:-5px;
}

/*
.juego{
	width:128px;
	height:120px;
	border:0px solid #333;
	background-color:#FFF;
	float:left;
}
.ficha{
	width:64px;
	height:64px;
	border:1px solid #FFF;
	background-repeat:no-repeat;
	float:left;
}
.ficha-cover{
	width:64px;
	height:64px;
	border:0px solid #333;
	background-color:#EEE;
	float:left;
}

.trabado{
	display:none;
}
.abierto{
	display:none;
}
.seleccionada{
	border:1px solid #EEE;
}
.encontrada{
	border:1px solid #FFF;
}
*/
.encastrado{
	/* background-color:#CCEECC; */
	z-index: 0;
}


#win ul{
	list-style-type:decimal;
	list-style-position:outside;
}
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
    width: 400px;
    
    background-color: #FFF;
    color: #333;
    border: 2px solid RED;
    padding: 9px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     /* top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); */
}

/*  stuff from the inline */
.bp {
	background-repeat: no-repeat;
	background-position: center center;
}
 
#canvas{
	width:515px;
	height:345px;
	background-color:#EEE;
	 
	float:left;
}
#canvasFinal{
	width:515px;
	height:345px;
	 
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
	position:absolute;
	display:none;
	z-index:9;
}

#namepuzzle {
	width:515px;
	height:345px;
	background-color:#EEE;
	 
	float:left;
}
.highscores {
	display:none;
	width: 515px;
 
	position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
    
	font-family: Verdana,Lucida,Helvetica,Arial,sans-serif; 
    z-index: 3999;
    background-color: #FFF;
    color: #333;
    border: 2px solid RED;
    padding: 9px;
}
.hiscor {
	text-align: right;
}
.tableTitleRow {
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
}
.tableTitle {
	text-align: center;
}
.closeBox {
	background-image: url(../img/cancel.png) ;
	background-repeat: no-repeat;
	width: 16px;
}

.hiscorecol {
	width: 25%;
}

#updateScoreFormContainer {
    display: none;  
	border: inset #222222 1px;
	background-color: #cccccc;  
	font-family:  Verdana,Lucida,Helvetica,Arial,sans-serif;
	font-size: 10px; 
}
.error {
    font: normal 10px arial;
 	padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}