/*
 CSS for Memogry game plugin
 Author: Yane Frenski
*/

/* the stle for the wrapper element */
.quizy-memorygame{
  position:relative;
  width:100%;
}

/* styles of the card to show */
.quizy-memorygame .mgcard-show {
  background: url('../images/mg-mcard.png') center center no-repeat;
  width: 100%;
  height: 100%;
}

.quizy-memorygame .quizy-mg-item{
  position:absolute;
  cursor:pointer;
  text-align:center;
}

.quizy-memorygame .quizy-mg-item .quizy-mg-item-bottom, .quizy-memorygame .quizy-mg-item .quizy-mg-item-top{
  position:absolute;
  top:0;
  left:0;
  text-align:center;
}

.quizy-mg-item .quizy-mg-item-top{
  background: url(../images/141117-memory-rueckseite-115x115.jpg) center center no-repeat;
}

/* styles for the popup notifications */
.quizy-mg-notification-fly{
  /*width:90px;*/
  /*height:90px;*/
  position:absolute;
  z-index:1000;
  display:none;
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}

.quizy-mg-notification-fly-neg{
  width:90px;
  height:90px;
  background:url('../images/quizy-mg-notif-neg.png');
}

.quizy-mg-notification-fly-pos {
  background: #fff;
  padding: 1em;
}

/* styles for the game summary */
#quizy-game-summary {
  width: 80%;
  position:absolute;
  z-index:1001;
  /*
  background: #fff;
  border:1px solid #000;
  */
  cursor:pointer;
  display:none;
  /*
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  */
}

#quizy-game-summary div{
  width:75px;
  float:left;
  padding:10px 0 10px 20px;
  color:#fff;
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
  text-align:center;
}

#quizy-game-summary #gs-column1{
  font-size:16px;
  padding-top:30px;
}

#quizy-game-summary #gs-column2{
  font-size:12px;
  padding-top: 65px;
  background:url('../images/mg-timeicon.png') no-repeat 70% 25%;
}

#quizy-game-summary #gs-column3{
  font-size:12px;
  padding-top: 65px;
  background:url('../images/mg-clickicon.png') no-repeat 70% 25%;
}

div.quizy-mg-item span.ubg-memory-card-info-link {
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	width: 48px;
	height: 48px;
	font-size: 12px;
	border-radius: 3px;
	/*
	background: #eb630d;
	color: #fff;
	*/
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

div#ubg-memory-info-wrapper {
  position: absolute;
  top: 2em;
  left: 20%;
  width: calc(60% - 2em);
  margin: 0px auto;
	border: 0px;
  background: #fff;
	display: none;
	padding: 1em;
  box-shadow: 0em 0em 0.35em 0.35em #e4e2d2;
}

div#ubg-memory-info-wrapper form {
  background: #e4e2d2;
  text-align: center;
  font-family: 'CDUKievit Bold';
  font-size: 145%;
  padding: 1em 0em;
}

div#ubg-memory-info-wrapper form div.form-item {
  margin: 0px;
  padding: 1em;
}

div#ubg-memory-info-wrapper form div.form-item label {
  margin: 0em;
  padding: 0em 0em 0.5em 0em;
}

div#ubg-memory-info-wrapper form div.form-item input {
  font-size: 100%;
  border: 0px;
}

div#ubg-memory-info-wrapper p.ubg-memory-login-button {
  display: inline-block;
  background-color: #e85d16;
  border: 1px solid #e85d16;
  border-radius: 4px;
  padding: 0.5em;
  color: #fff;
  cursor: pointer;
  font-size: 65%;
  margin: 0em 0.25em;
}

/*
div#quizy-game-summary {
	padding: 16px 26px 16px 16px;
}
*/

div#quizy-mg-msgcorrect p, 
div#quizy-game-summary p {
	margin: 0px;
	padding: 0px;
}

div#quizy-mg-msgcorrect span.close-link {
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 24px;
	height: 24px;
	/*border-radius: 8px;
	border: #d00;
	background: #f99;*/
	background: url(../images/schliessen.png);
	cursor: pointer;
}

div#ubg-memory-toplist {
  clear: both;
  padding-top: 1.5em;
}

div#ubg-memory-toplist h2 {
  text-align: center;
  margin: 0em 0em 1em 0em;
  line-height: 1em;
  height: 1em;
}

div#ubg-memory-timer {
	height: 3em;
	line-height: 3em;
	vertical-align: middle;
	margin-bottom: 0.5em;
}

div#ubg-memory-timer img {
	width: auto;
	height: inherit;
	max-width: none;
	vertical-align: top;
}

div#ubg-memory-timer span.content {
	display: inline-block;
	padding-left: 0.5em;
}