@charset "UTF-8";
/* CSS Document */
 body {font-family:mainFont !important; background-position:top center; background-image:url(../images/background36.jpg);position:relative; padding:3px;}

#top-container span { color:red; cursor:pointer; }
 a {color:red; text-decoration:none;}
	

@font-face {
    font-family: 'mainFont';
    src: url('../css/myriadpro-regular.eot');
    src: url('../css/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../css/myriadpro-regular.woff') format('woff'),
         url('../css/myriadpro-regular.ttf') format('truetype'),
         url('../css/myriadpro-regular.svg') format('svg');
}
a {color:#F00 !important;}

#cartref {

  -webkit-transition-property: left, top, background, -webkit-transform;
  -webkit-transition-duration: 2s, 2s, 1s, 1s;
  -webkit-transition-timing-function: ease-out, ease-in, linear, ease-in-out;
  -webkit-transition-delay: 0, 0, 0, 0.1s;
  -moz-transition-property: left, top, background, -moz-transform;
  -moz-transition-duration: 2s, 2s, 1s, 1s;
  -moz-transition-timing-function: ease-out, ease-in, linear, ease-in-out;
  -moz-transition-delay: 0, 0, 0, 0.1s;
  width:60px;
  height:60px;  
  margin-right:5px;
  float:right;
 
}
#stage3:hover #cartref {
 height:60px;
  width:60px;
  -moz-transform:rotate(360deg);
  -webkit-transform: rotate(360deg);
 
}
textarea{
	width: 115px !important;
	height: auto !important;
	color:#C83221 !important;
	border: none !important;
	border-bottom:solid 1px #0000CC !important;
	background-color:#FFF !important;
	resize:none !important;
	font-size:18px !important;
	font-family:mainFont !important;
	vertical-align:bottom !important;
	overflow:auto !important;
}
.b{
	width: 70px !important;
	height: auto !important;
	color:#C83221 !important;
	border: none !important;
	background-color:#FFF !important;
	border-bottom:solid 1px #0000CC !important;
	resize:none !important;
	font-size:18px !important;
	font-family:mainFont !important;
	vertical-align:bottom !important;
	overflow:auto !important;
}
.c{
	width: 50px !important;
	height: auto !important;
	color:#C83221 !important;
	border: none !important;
	background-color:#FFF !important;
	border-bottom:solid 1px #0000CC !important;
	resize:none !important;
	font-size:18px !important;
	font-family:mainFont !important;
	vertical-align:bottom !important;
	overflow:auto !important;
}
.d{
	width: 35px !important;
	height: auto !important;
	color:#C83221 !important;
	border: none !important;
	background-color:#FFF !important;
	border-bottom:solid 1px #0000CC !important;
	resize:none !important;
	font-size:20px !important;
	font-family:mainFont !important;
	vertical-align:bottom !important;
	overflow:auto !important;
}
.Correct{color:green !important}
p {font-size:18px !important;}
h2 {font-size:20px !important;}
h1 {margin-bottom:18px; margin-top:0px; width:310px; padding:10px; background-color:#F60 !important; border-radius: 15px; border:solid 4px #D1990F !important; color:#FFF !important;}


#bottom-container{width:95%; height:370px; background-color:#FFF; border-radius:25px; padding:10px; padding-bottom:0px; position:relative; margin-left:auto; margin-right:auto; border:solid 5px #F90; position:relative;}

#top-container{width:95%; height:auto; background-color:#FFF; padding:10px; padding-bottom:0px; position:relative; margin-left:auto; margin-right:auto; border:solid 5px #F90; margin-bottom:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

.btn-info {font-size:28px !important; padding:15px !important;}

.show_hide{display:inline;}
 .replyScoreShown {
	 position:absolute;
	top: 0px;
	right: 0px;
	font-size: 22px;
	padding: 8px;
	width: 160px;
	height: 20px;
	background-color: white;
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border: #F29 solid 5px;
	background-color:#FF0;
	text-align:center;
	opacity:0;
}
.reply1Correct {
	float:right;
	background-color:red;
	margin-right:-30px;
	color:#FFF;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	padding:4px;
}
.ardderchog a{color:#FF0; text-decoration:none; cursor:pointer}
.ardderchog{
position: absolute;
right: 33%;
width: 320px;
height: auto;
padding: 25px;
border-bottom-right-radius: 20px;
border: solid 5px red;
color: #FFF;
font-size: 55px;
text-align: center;
bottom: 0px;
background: #a90329; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */

background: linear-gradient(to right,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-8 */



}