@charset "UTF-8";
/*Memory games CSS Document */

body {
	font-family:tahoma;
	font-size:12px;
	color:#fff; margin:0;
	background-color:#222;
}

h1 {margin:10px 0; font-size:16px; color:#fff; font-weight:normal;}
a {text-decoration:none;}
li {list-style:none;}
label, p, span {color:#fff;}
hr {margin:0 0 5px; border:1px solid rgba(255, 255, 255, 0.2);}

.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

.m0 {margin:0;}
.mt0 {margin-top:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mh5 {margin-left:5px; margin-right:5px;}
.mv10 {margin-top:10px; margin-bottom:10px;}
.mv20 {margin-top:20px; margin-bottom:20px;}
.mcenter {margin-left:auto; margin-right:auto;}

.p0 {padding:0;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.ph5 {padding-left:5px; padding-right:5px;}
.ph10 {padding-left:10px; padding-right:10px;}
.ph20 {padding-left:20px; padding-right:20px;}
.ph30 {padding-left:30px; padding-right:30px;}
.pv5 {padding-top:5px; padding-bottom:5px;}
.pv10 {padding-top:10px; padding-bottom:10px;}
.pv20 {padding-top:20px; padding-bottom:20px;}

.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.white {color:#fff;}
.blue {color:#38C;}
.blue2 {color:#4FA2EF;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.img-responsive {max-width:90%; height:auto; display:block;}

.bgWhite {background-color:#fff;}
.bgWhite2 {background-color:rgba(255, 255, 255, 0.2);}
.bgWhite5 {background-color:rgba(255, 255, 255, 0.5);}
.bgBlack1 {background-color:rgba(0, 0, 0, 0.15);}
.bgBlack4 {background-color:rgba(0, 0, 0, 0.4);}
.bgBlue {background-color:#4FA2EF;}
.bgBlue2 {background-color:#2F88D6;}
.dgrBlue {
	background: #2677C5; /* Old browsers */
background: -moz-linear-gradient(left, rgba(51,69,87,1) 0%, rgba(31,144,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(51,69,87,1) 0%,rgba(31,144,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(51,69,87,1) 0%,rgba(31,144,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.edgTwhite {border-top:1px solid rgba(255, 255, 255, 0.3);}
.edgRad5 {border-radius:5px;}
.edgRad10 {border-radius:10px;}

.overflowH {overflow:hidden;}

.hidden {display:none;}

.anim {transition:all 400s ease-out;}

.flL {float:left;}
.flR {float:right;}


.ui-page {max-width:400px;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {text-shadow:0 0 0 transparent;}
.ui-mobile label, .ui-controlgroup-label {font-size:14px; margin:5px 0;}
.ui-btn-inline {margin-right:0;}


/* page */
#game {height:100%;}
.grid {width:100%; margin:0; padding:0; float:left;}
.mapcel {width:23%; height:70px; margin:1%; background-color:rgba(255, 255, 255, 0.3); cursor:pointer; float:left;}

.cel-icon span {width:100%; text-align:center; line-height:70px; display:block;}
.cel-icon img {width:50%; height:50%; vertical-align:middle;}
.bgspade {background-color:#BF74EE;}
.bgClub {background-color:#73CC72;}
.bgHeart {background-color:#ED5E5E;}
.bgDiams {background-color:#777;}
.bgArrow {background-color:#D69D6B;}
.bgMoon {background-color:#7AC6DD;}
.bgStar {background-color:#E0C150;}
.bgBomb {background-color:#E11519;}
.bgBonus {background-color:#FFF;}

.doverlay {position:absolute; top:0; left:0; height:100%; padding:0; background-color:rgba(0, 0, 0, 0.6); opacity:1;}
.state {width:80%; margin:25% auto 0; opacity:0;}

.action {color:#775B43 !important;}
.back {padding:5px 10px; font-size:12px;}