@charset "utf-8";
/* CSS Document */
img { max-width: 100%;}
.content {
	background:#000;
	z-index:-999;}
.middle{ 
	width:80%;
	overflow:hidden;
	max-width:1000px;
	margin:0 auto;
	background:#FFFFFF;
	padding:0 0 15px 0;}
	
	.header{
	clear:both;
	max-width:1000px;
	width:100%;}
	h4.gameh4{
	display:block;
	width:90%;
	font-size:18px;
	line-height:18px;
	color:#fff;
	margin:0 auto;
	background-color:#0b78bc;
	border:3px solid #0b78bc;
	padding:10px 0;
	-moz-border-radius: 10px 10px 0 0; /* Firefox */
	-webkit-border-radius:10px 10px 0 0; /* Safari, Chrome */
	-khtml-border-radius:10px 10px 0 0; /* Konqueror */
	border-radius: 10px 10px 0 0; /* Opera 10.50 and later (CSS3 standard) */
	}
	
	.app_area{
	position:relative;
	overflow:hidden;
	width:90%;
	margin:0 auto;
	background-color:#fff;
	border:3px solid #0b78bc;
	-moz-border-radius: 0 0 10px 10px; /* Firefox */
	-webkit-border-radius:0 0 10px 10px; /* Safari, Chrome */
	-khtml-border-radius:0 0 10px 10px; /* Konqueror */
	border-radius: 0 0 10px 10px; /* Opera 10.50 and later (CSS3 standard) */
	padding:25px 0 15px;
	min-height:370px;
	}
	
	.app_area02{
	position:relative;
	overflow:hidden;
	width:90%;
	margin:0 auto;
	background-color:#fff;
	border:3px solid #0b78bc;
	-moz-border-radius: 0 0 10px 10px; /* Firefox */
	-webkit-border-radius:0 0 10px 10px; /* Safari, Chrome */
	-khtml-border-radius:0 0 10px 10px; /* Konqueror */
	border-radius: 0 0 10px 10px; /* Opera 10.50 and later (CSS3 standard) */
	padding:25px 0 15px;
	min-height:10px;
	}
	
.btn{ position:relative; overflow:hidden; width:150px; float:left;} 
.hand{ position:absolute;top:95px; right:0;}
.game_name{position:absolute;top:130px; left:20px; font-size:13px; color:#e50f6d; font-weight:bold;}  
.openbtn{
	display:block;
	width:120px; height:120px;
	-moz-border-radius: 30px; /* Firefox */
	-webkit-border-radius: 30px; /* Safari, Chrome */
	-khtml-border-radius: 30px; /* Konqueror */
	border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */
	margin:0 15px 45px;
	float:left;
	text-indent:-9999px;
	  }
	  
	  
	  #opener1{ background:url(images/opener1.png); background-repeat:no-repeat; top:15px; left:15px;}
	  #opener2{ background:url(images/opener2.png); background-repeat:no-repeat; top:15px; left:145px;}
	  #opener3{ background:url(images/opener3.png); background-repeat:no-repeat;}
	  #opener4{ background:url(images/opener4.png); background-repeat:no-repeat;}
	  #opener5{ background:url(images/opener5.png); background-repeat:no-repeat;}
	  #opener6{ background:url(images/opener6.png); background-repeat:no-repeat;}
	  #opener7{ background:url(images/opener7.png); background-repeat:no-repeat;}
	  #opener8{ background:url(images/opener8.png); background-repeat:no-repeat;}
	  #opener9{ background:url(images/opener9.png); background-repeat:no-repeat;}
	  #opener10{ background:url(images/opener10.png); background-repeat:no-repeat;}
	  #opener11{ background:url(images/opener11.png); background-repeat:no-repeat;}
	  #opener12{ background:url(images/opener12.png); background-repeat:no-repeat;}
	  #opener13{ background:url(images/opener13.png); background-repeat:no-repeat;}
	  #opener14{ background:url(images/opener14.png); background-repeat:no-repeat;}
	  #opener15{ background:url(images/opener15.png); background-repeat:no-repeat;}
	  #opener16{ background:url(images/opener16.png); background-repeat:no-repeat;}
	  

/*!
 * jQuery UI Dialog 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#threming
 */
.ui-dialog { position: absolute; padding: .2rem; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4rem 1rem; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1rem 16px .1rem 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3rem; top: 8px; width: 19px; margin: 0px 0 0 0!important; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: -8px 0 -5px -8px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5rem 1rem; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5rem 0 0 0; padding: .3rem 1rem .5rem .4rem; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5rem .4rem .5rem 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }