@charset "utf-8";
/* CSS Document */

#topup,
#spntopup
{
	float:right;
}

#avatar
{
	max-height:10em;
	max-width:10em;
	margin:0.5em;
}

#editavatar
{
	position:absolute;
	left:0em;
	top:0em;
	z-index:1;
}

#formAvatar
{
	position:relative;
	display:inline-block;
	max-width:1.2em;
	max-height:1.2em;
	left:-1.5em;
}

#avatarfile
{
	opacity:0;
	width:1em;
	max-width:1em;
	height:1em;
	z-index:10;
	position:relative;
}

#purchase
{
  display: inline-block;
  width: 14em;
	border-radius:0.5em;
	box-shadow:1px 1px 5px gray;
	text-align:center;
	vertical-align:top;
	margin-top:1em;
	margin-left:0.5em;
}

#purchase h1
{
	margin:0em;
	font-size:1.2em;
}

#purchase > span
{
	display:inline-block;
	width:50%;
}

#purchase > span label
{
	display:inline-block;
	width:100%;
	background-color:#6bb5d0;
}

#purchase a
{
	float:right;
}

#userdetails
{
	border-radius:0.5em;
	box-shadow:1px 1px 5px gray;
	margin-top:1em;
	padding:0.3em;
  display:inline-block;
  width:34em;
	vertical-align:top;
	position:relative;
	z-index:10;
}

#userdetails h1
{
	margin:0em;
	width:100%;
	margin-bottom:1em;
}

#userdetails #spnpassword
{
	display:inline-block;
	text-align:center;
}

#userdetails label
{
	display:inline-block;
	width:10em;
	text-align:right;
	vertical-align:middle;
}

#userdetails #address,
#userdetails #spnaddress
{
	display:inline-block;
	width:20em;
	vertical-align:top;
}

#password
{
	background-color:#d6e0e9;
}

p
{
	padding:0.5em;
	color:#006;
}

#spndob
{
	position:absolute;
	background-color:white;
	border:3px ridge gray;
}


#content h2
{
	margin:0em;
	font-size:1.2em;
	text-align:center;
	margin-bottom:1em;
}

#eventimgs
{
	padding:0.3em;
	margin:auto;
	margin-bottom:1em;
	width:60em;
}

#eventimgs > div
{
	border-radius:0.5em;
	box-shadow:1px 1px 5px gray;
	margin-bottom:0.5em;
	padding:0.3em;
}

#content h3
{
	margin:0em;
	font-size:1.1em;
}

.img
{
	display:inline-block;
	margin:0.2em;
	position:relative;
	min-width:5em;
}

.img > img:first-child
{
	max-height:10em;
	max-width:10em;
}

.img input[class],
.img span
{
	position:absolute;
	bottom:0em;
	right:1em;
	min-width:3em;
	z-index:1;
	text-align:right;
	display:inline-block;
	background-color:white;
}

.img img[class]
{
	position:absolute;
	bottom:0em;
	right:0em;
	z-index:1;
}

.fade
{
	transform: scale(0,0);
	-ms-transform: scale(0,0); /* IE 9 */
	-webkit-transform: scale(0,0); /* Safari and Chrome */
	-o-transform: scale(0,0); /* Opera */
	-moz-transform: scale(0,0); /* Firefox */
	opacity:0;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari and Chrome */
	-o-transition: all 2s; /* Opera */
}

.success
{
	border-width:3px;
animation:success 5s;
-moz-animation:success 5s; /* Firefox */
-webkit-animation:success 5s; /* Safari and Chrome */
-o-animation:success 5s; /* Opera */
}

@keyframes success
{
0%   {background-color:#CEFDB3;border-left-color: #CEFDB3;}
25%  {background-color:#ADFF5B;border-left-color: #ADFF5B;border-top-color: #CEFDB3;}
50%  {background-color:#80FF00;border-left-color: #80FF00;border-top-color:#ADFF5B ;border-right-color:#CEFDB3}
75%  {background-color:#0F0;border-top-color: #80FF00;border-right-color:#ADFF5B;border-bottom-color:#CEFDB3}
90%  {background-color:#090;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#CEFDB3}
99%  {background-color:#FFF;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#80FF00}
100% {border-color:auto;}
}

@-moz-keyframes success /* Firefox */
{
0%   {background-color:#CEFDB3;border-left-color: #CEFDB3;}
25%  {background-color:#ADFF5B;border-left-color: #ADFF5B;border-top-color: #CEFDB3;}
50%  {background-color:#80FF00;border-left-color: #80FF00;border-top-color:#ADFF5B ;border-right-color:#CEFDB3}
75%  {background-color:#0F0;border-top-color: #80FF00;border-right-color:#ADFF5B;border-bottom-color:#CEFDB3}
90%  {background-color:#090;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#CEFDB3}
99%  {background-color:#FFF;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#80FF00}
100% {border-color:auto;}
}

@-webkit-keyframes success /* Safari and Chrome */
{
0%   {background-color:#CEFDB3;border-left-color: #CEFDB3;}
25%  {background-color:#ADFF5B;border-left-color: #ADFF5B;border-top-color: #CEFDB3;}
50%  {background-color:#80FF00;border-left-color: #80FF00;border-top-color:#ADFF5B ;border-right-color:#CEFDB3}
75%  {background-color:#0F0;border-top-color: #80FF00;border-right-color:#ADFF5B;border-bottom-color:#CEFDB3}
90%  {background-color:#090;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#CEFDB3}
99%  {background-color:#FFF;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#80FF00}
100% {border-color:auto;}
}

@-o-keyframes success /* Opera */
{
0%   {background-color:#CEFDB3;border-left-color: #CEFDB3;}
25%  {background-color:#ADFF5B;border-left-color: #ADFF5B;border-top-color: #CEFDB3;}
50%  {background-color:#80FF00;border-left-color: #80FF00;border-top-color:#ADFF5B ;border-right-color:#CEFDB3}
75%  {background-color:#0F0;border-top-color: #80FF00;border-right-color:#ADFF5B;border-bottom-color:#CEFDB3}
90%  {background-color:#090;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#CEFDB3}
99%  {background-color:#FFF;border-top-color: #80FF00;border-right-color:#80FF00;border-bottom-color:#80FF00}
100% {border-color:auto;}
}

.fail
{
	border-width:3px;
animation:fail 5s;
-moz-animation:fail 5s; /* Firefox */
-webkit-animation:fail 5s; /* Safari and Chrome */
-o-animation:fail 5s; /* Opera */
}

@keyframes fail
{
0%   {background-color:#FFC4C4;border-left-color: #FFC4C4;}
25%  {background-color:#FF8484;border-left-color: #FF8484;border-top-color: #FFC4C4;}
50%  {background-color:#F55;border-left-color: #F55;border-top-color:#FF8484 ;border-right-color:#FFC4C4}
75%  {background-color:#F00;border-left-color: #F00;border-top-color: #F55;border-right-color:#FF8484;border-bottom-color:#FFC4C4}
90%  {background-color:#CA0000;border-left-color: #CA0000; border-top-color: #F00;border-right-color:#F55;border-bottom-color:#FF8484}
99%  {background-color:#FFF;border-top-color: #CA0000;border-right-color:#F00;border-bottom-color:#F55}
100% {border-color:auto;}
}

@-moz-keyframes fail /* Firefox */
{
0%   {background-color:#FFC4C4;border-left-color: #FFC4C4;}
25%  {background-color:#FF8484;border-left-color: #FF8484;border-top-color: #FFC4C4;}
50%  {background-color:#F55;border-left-color: #F55;border-top-color:#FF8484 ;border-right-color:#FFC4C4}
75%  {background-color:#F00;border-left-color: #F00;border-top-color: #F55;border-right-color:#FF8484;border-bottom-color:#FFC4C4}
90%  {background-color:#CA0000;border-left-color: #CA0000; border-top-color: #F00;border-right-color:#F55;border-bottom-color:#FF8484}
99%  {background-color:#FFF;border-top-color: #CA0000;border-right-color:#F00;border-bottom-color:#F55}
100% {border-color:auto;}
}

@-webkit-keyframes fail /* Safari and Chrome */
{
0%   {background-color:#FFC4C4;border-left-color: #FFC4C4;}
25%  {background-color:#FF8484;border-left-color: #FF8484;border-top-color: #FFC4C4;}
50%  {background-color:#F55;border-left-color: #F55;border-top-color:#FF8484 ;border-right-color:#FFC4C4}
75%  {background-color:#F00;border-left-color: #F00;border-top-color: #F55;border-right-color:#FF8484;border-bottom-color:#FFC4C4}
90%  {background-color:#CA0000;border-left-color: #CA0000; border-top-color: #F00;border-right-color:#F55;border-bottom-color:#FF8484}
99%  {background-color:#FFF;border-top-color: #CA0000;border-right-color:#F00;border-bottom-color:#F55}
100% {border-color:auto;}
}

@-o-keyframes fail /* Opera */
{
0%   {background-color:#FFC4C4;border-left-color: #FFC4C4;}
25%  {background-color:#FF8484;border-left-color: #FF8484;border-top-color: #FFC4C4;}
50%  {background-color:#F55;border-left-color: #F55;border-top-color:#FF8484 ;border-right-color:#FFC4C4}
75%  {background-color:#F00;border-left-color: #F00;border-top-color: #F55;border-right-color:#FF8484;border-bottom-color:#FFC4C4}
90%  {background-color:#CA0000;border-left-color: #CA0000; border-top-color: #F00;border-right-color:#F55;border-bottom-color:#FF8484}
99%  {background-color:#FFF;border-top-color: #CA0000;border-right-color:#F00;border-bottom-color:#F55}
100% {border-color:auto;}
}