/* copyright ejectamenta.com (Dave Watts), All rights reserved. */

/* css for game dialogs */


ol, ul,li {
	list-style: none;
}

div.dialog 
{
	background-image:url(/canvas_images/sandytangrams.png) !important
}

div.left
{
	float: left;
	align: left;
        overflow: hidden;
}

div.store_contents
{
	 align: center;
	 overflow: hidden;
}

div.ui-dialog-buttonpane,
div.ui-dialog-titlebar,
div.ui-widget-header
{
	background: #FFFFFF !important;
	background-color:rgba(255,33,0,0.9) !important;
}

ul.ui-tabs-nav.ui-widget-header,
div#tabs
{
	background: rgba(255,255,255,0.3) !important;
	background-color: rgba(255,255,255,0.3) !important;
}

div#Coins, 
div#Tangrams
{
	overflow:hidden;
}

div.store_package
{
	align: center;
	overflow:hidden;
}

div#SharePuzzles
{
	background-color: rgba(255,255,255,0.3);
}

div.dialog table 
{
        border-collapse:collapse;
	background-color: rgba(255,255,255,0.3);
}
div.dialog table caption
{
	border: 1px solid black;
	background-color: rgba(255,255,255,0.3);
}


table,th, td
{
border: 1px solid black;
padding: 1em;
}

img.addBorder {
    border: 1px solid #00AA00;
}

fieldset{
    overflow: hidden;
    float: left;
    color: #AA0000;
}

.ui-menu {
    width: 200px;
  }

#MainMenu {
  display:none;
 position:absolute;
    list-style: none;
    z-index:9999;
}

/*
div#canvas-container div.dialog 
{
	http://stackoverflow.com/questions/396145/whats-the-best-way-of-centering-a-div-vertically-with-css
	background-color:#FFFFFF;
	background-image:url('/canvas_images/tangramE.png');
	/*top:25%;left:20%;
	position:absolute;
	width:60%;
	min-height:50%;
	padding-bottom:3%;
	display:inline-block;
	visibility:hidden;
	border:6px solid rgb(229, 39, 10);
	border-top-left-radius: 1em; 
	border-top-right-radius: 1em; 
	border-bottom-right-radius: 1em; 
	border-bottom-left-radius: 1em;
}

div#canvas-container div.dialog.vis 
{
	visibility:visible;
}

div#canvas-container div.dialog a.dialog_button 
{
	background-color: rgb(221, 221, 68); 
	border: 3px solid rgb(229, 39, 10); 
	font-weight: bold; 
	border-top-left-radius: 1em; 
	border-top-right-radius: 1em; 
	border-bottom-right-radius: 1em; 
	border-bottom-left-radius: 1em; 
	box-shadow: rgb(255, 255, 255) 0px 0px 50px inset; 
	color: rgb(23, 25, 24); 
	font-family: "Gloria Hallelujah", cursive; 
	font-size: 24px; margin: 5px;
	text-decoration: none;
	cursor: pointer;
}

div#canvas-container div.dialog a.close-button 
{
	font-weight: bold; 
	font-family: "Gloria Hallelujah", cursive; 
	font-size: 24px; margin: 5px;
	text-decoration: none;
	padding: 3px;
	position:absolute;
	top:0;
	right:0;
	cursor: pointer;
}

div#canvas-container div.dialog a.hoverText 
{ 
	background-color:#dd44dd;
}

div#canvas-container div.dialog a.hoverX 
{ 
	color:#dd44dd;
}


div#canvas-container div.dialog img.center 
{
	position: relative;   
	margin-left: auto; 
	margin-right: auto; 
	top: 5%;
}	
*/