/* Compiled Less CSS File */
/* Generated from "cardStack.css" */

.flip-container {
  transform: rotate(0deg);
 
  left: 0px;
  top: 100px;
  position: absolute;
}

.flip-container.animated{
	transition: -webkit-transform .3s, opacity 0.3s, margin-top 0.3s linear;
   -webkit-transition: -webkit-transform .3s,margin-left .3s,margin-top .3s, opacity .3s;
   -moz-transition: -webkit-transform .3s,margin-left .3s,margin-top .3s, opacity .3s;

}

.flip-container.tossRight {
  /*-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	margin-left:200px !important;
	margin-top:-50px !important;

  opacity: 0;*/
}

.flip-container.ui-state-disabled{opacity: 1;}
.flip-container.tossLeft {
  /*-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	left:-200px;
	top:-50px;*/

  opacity: 0;
}
.quizCard {
  width: 100%;
  margin: 10px;
  height: 100%;
  font-size: 28px;
  text-align: center;
  background-color: #f8f8f8;
  display: table;
  box-shadow: 0 0 10px #A3A3A3;
  background: url(images/qcard_big.png);
}
.quizCard.longText {
  font-size: 18px;
}
.quizCard #inner {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  cursor:pointer;
  color:#000;
}
.quizCard .counter {
  background-color: #60A1CC;
  /* border-radius: 3px; */

  padding: 2px 6px;
  color: white;
  font-size: 19px;
  /* font-weight: bold; */

  font-family: Zurich Light Condensed BT, zurich_ltcn_btlight, sans-serif;
  position: absolute;
  right: 0px;
  top: 2px;
}
.quizCard #content {
  margin: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.quizAnswer {
  width: 100%;
  margin: 10px;
  height: 100%;
  font-size: 16px;
  background: white;
  overflow: hidden;
  box-shadow: 0 0 10px #A3A3A3;
  display: table;
  text-align: left;
}
.quizAnswer.longText {
  font-size: 12px;
}
.quizAnswer.nodeAnswer {
  font-size: 1px;
}
.node {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* IE10+ */

  cursor: default;
}
/*
h1.node:not(.verticalCenter){
	background: none;
	border: none;
	position: absolute;
	right: 0px;
	top: -20px;	
}


h1.node:not(.verticalCenter) + ul{
	margin-left:-50px;
	margin-top:10px;
}*/
.quizAnswer #inner {
  display: table-cell;
  vertical-align: middle;
  border: 5px solid #e4e4f8;
}
.quizAnswer.textAnswer {
  background: url(images/qcard_big.png);
  background-repeat: repeat-x;
  background-color: #ECECEC;
}
.quizAnswer #content {
  position: relative;
}
/*

.card.hover .quizAnswer.textAnswer #content{
	max-height: 300px;
	overflow: auto;
}

#cardStack.landscape .card.hover .quizAnswer.textAnswer #content{
	max-height: 160px;
	overflow: auto;
}*/
.quizAnswer #inner img {
  /*max-width:100%;	*/

}
.quizAnswer.textAnswer #inner {
  padding: 10px;
}
.quizAnswer.scroll {
  overflow: auto;
}


#inner{
	 border:4px solid #E7E7E7;
	 transition:border 1s;
	 -webkit-transition:border 1s;
	 -moz-transition:border 1s;
}


#inner.level0 {
   border:4px solid rgb(242, 114, 114);
}

#inner.level1 {
   border:4px solid orange;
}

#inner.level2 {
   border:4px solid yellow;
}
#inner.level3 {
   border:4px solid #67a567;
}
#inner.level4 {
   border:4px solid #7386b2;
}


.card{
	padding-top: 0;
	padding-bottom: 0;
 	box-shadow: none;


	overflow: visible; 
	margin: 0;
	border-radius: 0;
	background-color: transparent;


}



.card.level0 {
  z-index: 0;
  transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  margin-top: 24px;
}
.card.level1 {
  z-index: 1;
  transform: scale(0.95, 0.95);
  -webkit-transform: scale(0.95, 0.95);
  margin-top: 12px;
}
.card.level2 {
  z-index: 2;
  transform: scale(1, 1);
  margin-top: 0px;
}
.card.level3 {
  z-index: 3;
  transform: scale(1, 1);
  margin-top: 0px;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@font-face {
  font-family: 'zurich_ltcn_btlight';
  src: url('fonts/zurich_light_condensed_bt-webfont.eot');
  src: url('fonts/zurich_light_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/zurich_light_condensed_bt-webfont.woff') format('woff'), url('fonts/zurich_light_condensed_bt-webfont.ttf') format('truetype'), url('fonts/zurich_light_condensed_bt-webfont.svg#zurich_ltcn_btlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
.quizAnswer * {
  background-repeat: no-repeat;
}
.quizAnswer .textVersion h3,
.quizAnswer .textVersion h4 {
  font-size: inherit;
  font-weight: inherit;
}
.quizAnswer .textVersion > div > ul > li,
.quizAnswer .textVersion > ul > li {
  margin-bottom: 10px;
}
.quizAnswer h2 {
  font-size: 16px;
}
.quizAnswer h2.node {
  font-size: inherit;
}
.quizAnswer li {
  text-shadow: none;
  list-style-type: none;
  background: url(images/bullet.png) 0 6px no-repeat;
  padding-left: 14px;
  margin-left: 0px;
  margin-bottom: 0px;
  position: relative;
}
.quizAnswer li li li {
  background: url(images/bullet2.png) 0 6px no-repeat;
}
.quizAnswer li li li li {
  background: none;
}
.quizAnswer #content > ul {
  list-style: none;
}

.quizAnswer ul {
	margin-left: 0;
	padding-left:5px;
}


.quizAnswer .serial {
  position: absolute;
  left: -15px;
  top: 1px;
  color: #FFF;
  background-color: #000;
  padding: 0px 4px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.quizAnswer ol li ol li .serial {
  left: -20px;
  top: -0.5px;
}
.quizAnswer ol li ol li {
  background-image: none;
}
.quizAnswer ol li ol li .node {
  margin-left: -5px;
  margin-top: 0px;
}
.quizAnswer #content > ul > li {
  background: none;
  padding-left: 0;
}
.quizAnswer .typeTag {
  display: none;
}

.quizAnswer ol > li > h3,
.quizAnswer ol > li > h2 {
  font-weight: bold;
  font-size: 13px;
}
.quizAnswer ol > li {
  /* = level 2*/

}
.quizAnswer ol > li ol > li > h3,
.quizAnswer ol > li ol > li > h2 {
  font-weight: bold;
  font-size: 10px;
}
.quizAnswer ol > li {
  list-style-type: decimal;
  background: none;
  padding-left: 0;
  margin-top: 5px;
}
.quizAnswer ol > li li:before {
  list-style-type: lower-alpha;
}
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
}
/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/
/* START: Accommodating for IE 
			.flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
	
}
*/
.flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/* END: Accommodating for IE */
.flip-container,
.front,
.back {
  width: 300px;
  height: 255px;
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#cardStackWrapper {
  margin-left: auto;
  margin-right: auto;
}
#cardStack {
  width: 600px;
  margin-top: -100px;
  height: 400px;
  position: relative;
  margin-left: -10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

#cardStack.overWidth {
  width: 700px;
  height: 850px;
  margin-top: -250px;
  margin-left: -100px;
}
#cardStack.landscape {
  width: 650px;
  height: 345px;
  margin-top: 0px;
}
#cardStack.landscape.overWidth {
  width: 850px;
  height: 345px;
  margin-top: -100px;
  margin-left: -100px;
}
#cardStack.landscape .card,
#cardStack.landscape .card .front,
#cardStack.landscape .card .back {
  width: 450px;
  height: 195px;
}
#cardStack.landscape .card.mapAnswer.hover .back {
  width: 480px !important;
  height: 250px !important;
}
#cardStack.landscape.overWidth .card.mapAnswer.hover .back {
  width: 600px !important;
  height: 250px !important;
  /*-webkit-transform:scale(1.4,1.4);*/

}
#cardStack.landscape.overHeight .card.hover .back {
  width: 480px !important;
  height: auto !important;
}



#cardStack .card.mapAnswer.hover .back {
  width: 320px;
  margin-left: -10px;
  margin-top: -10px !important;
  height: 410px;
}
#cardStackWrapper.overHeight .card.hover .back {
  width: 320px;
  margin-left: -10px;
  margin-top: -10px !important;
  height: 410px;
}
#cardStackWrapper.overWidth .card.mapAnswer.hover .back {
  width: 460px !important;
  height: 410px !important;
  /*-webkit-transform:scale(1.4,1.4);*/

}
#cardStack.landscape .card .front,
#cardStack.landscape .card .back {
  margin-top: -45px;
}
.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: transform 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: transform 0.6s;
  -o-transform-style: preserve-3d;
  -ms-transition: transform 0.6s;
  -ms-transform-style: preserve-3d;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}
.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/******************************************************************************************************/
.majorList {
  background-image: url(images/vline-dash.png);
  background-repeat: repeat-y !important;
  background-position: 32px 0;
}
/* larger than iphone 5*/
@media screen and (min-height: 580px) {
  #cardStackWrapper {
    margin-top: 50px;
    transition: margin-top 0.4s ease-in-out;
  }
  #cardStackWrapper.flipped {
    margin-top: 0px;
  }
}
/* IPHONE 5 ONLY */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
  .flip-container,
  .front,
  .back {
    width: 300px;
    height: 320px;
  }
}
@media screen and (device-width: 568px) and (device-height: 320px) and (-webkit-device-pixel-ratio: 2) {
  #cardStack.landscape .card,
  #cardStack.landscape .card .front,
  #cardStack.landscape .card .back {
    width: 550px;
    height: 195px;
  }
  #cardStack.landscape {
    width: 750px;
    height: 345px;
    margin-top: 0px;
  }
  #cardStack.landscape.overHeight .card.hover .back {
    width: 550px !important;
    height: auto !important;
  }
}