body {
	font-family: Roboto, sans-serif;
	font-size:12px;
	color:#EEEEEE;
	width:100%;
	/*min-height:100%;*/
	padding:0px;
	background:#353535;
	margin-top:0;
	margin-left:0;	
}

.sessionOption{
	margin:1px auto;
	width:100%;
	text-align:center;
	background-color:grey;
	display:none;
	height:35px;
	font-size:15px;
	line-height:35px;
	width:100%;
	z-index:20;

}

#navBar{

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82cc2d), color-stop(1, #3e9e1e) );
	background:-moz-linear-gradient( center top, #82cc2d 5%, #3e9e1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82cc2d', endColorstr='#3e9e1e');
	width:100%;
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	line-height:35px;
	font-size:20px;
	height:35px;
	z-index:15;
	font-weight:bold;
	background-color:green;

}

#helpOverlay{
	z-index:50;
	display:none;
}



#loadMore,#doneLoading{

	width:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	line-height:35px;
	font-size:15px;
	height:35px;
	z-index:15;
	font-weight:bold;

}

.greenGradient{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82cc2d), color-stop(1, #3e9e1e) );
	background:-moz-linear-gradient( center top, #82cc2d 5%, #3e9e1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82cc2d', endColorstr='#3e9e1e');
	background-color:#82cc2d;
	border:1px solid #3e9e1e;
}

.greyGradient{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #474747) );
	background:-moz-linear-gradient( center top, #666666 5%, #474747 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#474747');
	background-color:#666666;
	border:1px solid #7f7f7f;
}
.noBorder{
	border:0px;
}

a.noADecoration{
	text-decoration: inherit;
    color: inherit;
    cursor: auto;
}


.g {
	padding: 0.00em;
	overflow: hidden;
	list-style-type: none;
}
.g li {
	float: left;
	width: 45%;
	padding: 0.1em;
}
.g img {
	display: block;
}
.g li:nth-child(odd) {
	clear: left;
}

.overlay{
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.8); /*dim the background*/
  display:none;
  text-align:center;
}

.overlayBelowMenu{
  position: absolute;
  position: fixed;
  top: 35px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.85); /*dim the background*/
  display:none;
  text-align:center;
}

.popupFrame{
	
	font-size:13px;
	min-width:300px;
	width:80%;
	max-width:600px;
	text-align:center;
	background-color:#333333;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:2px solid #EEEEEE;
	padding:10px 10px;
}


.imageFrameOuter{
height: 100%;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; 
  padding-bottom: 50px;
  box-sizing: border-box;
   display:none;
    z-index: 20;

}
.imageFrameOuter:before{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}


.imageFrameInner{
 position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  line-height: 1.231;
  text-align: left;
  max-width: 99%;
  
  *display: block;
  *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}

.imageFrame{

	width: auto;
	height: auto;
	line-height: 0;
	max-width: 100%;
	max-height:100%;
	margin:0 auto;
	
	position:relative;
	display: inline-block;
	background-color:#333333;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:2px solid #EEEEEE;
	padding:10px 10px;
	

}

#popupImageDiv{
	
	display:inline-block;
	position:relative;
	overflow:hidden;
	max-width:100%;
	max-height:100%;
	margin-bottom:1%

}

#popupImage{

	max-width:100%;
	display:inline-block;
	width:auto;
	height:auto;
}


#imageLoading{
	position:absolute;
	width:100%;
	height:100%;
	z-index:20;
	top:0px;
	bottom:3px;
	left:0px;
	right:0px;
	text-align:center;
	background-color: rgba(0,0,0,0.8);display:none;
}


.buttonTextWrapper{

	padding-top:4px;
	padding-bottom:4px;
	font-family:Arial;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	font-style:normal;
	padding-right:9px;
	padding-left:9px;
	display:block;
}

.button {
	#-moz-#box-shadow:inset 0px 1px 0px 0px #97c4fe;
	#-webkit-#box-shadow:inset 0px 1px 0px 0px #97c4fe;
	#box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
	
}

.buyPackageButton {
	#-moz-#box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	#-webkit-#box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	#box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #98e77e), color-stop(1, #225610) );
	background:-moz-linear-gradient( center top, #98e77e 5%, #225610 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98e77e', endColorstr='#225610');
	background-color:#82cc2d;
	border:1px solid #83c41a;
	color:#ffffff;
	text-shadow:1px 1px 0px #689324;
	
	background-size:400% 400%;

-webkit-animation: greenPulse 3s ease infinite;
-moz-animation: greenPulse 3s ease infinite;
animation: greenPulse 3s ease infinite;

}

.orangeButton {
	#-moz-#box-shadow:inset 0px 1px 0px 0px #b27300;
	#-webkit-#box-shadow:inset 0px 1px 0px 0px #b27300;
	#box-shadow:inset 0px 1px 0px 0px #b27300;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffae19), color-stop(1, #e59400) );
	background:-moz-linear-gradient( center top, #ffae19 5%, #e59400 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae19', endColorstr='#e59400');
	background-color:#ffae19;
	border:1px solid #ffd27f;
	color:#ffffff;
	text-shadow:1px 1px 0px #996300;
}

@-webkit-keyframes greenPulse {
      0% {background-position:50% 0%;}
     50% {background-position:50% 100%;}    
     100% {background-position:50% 0%;}
}


#alert {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: greenPulse;
    -webkit-animation-timing-function: ease;
}


.ispinner {
  position: relative;
  width: 20px;
  height: 20px; }
  .ispinner .ispinner__blade {
    position: absolute;
    left: 44.5%;
    top: 37%;
    width: 10%;
    height: 25%;
    border-radius: 50%/20%;
    -webkit-animation: ispinner__blade--fade 1s linear infinite;
    animation: ispinner__blade--fade 1s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused; }
    .ispinner .ispinner__blade:nth-child(1) {
      -webkit-animation-delay: -1.66667s;
      animation-delay: -1.66667s;
      -webkit-transform: rotate(30deg) translate(0, -150%);
      transform: rotate(30deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(2) {
      -webkit-animation-delay: -1.58333s;
      animation-delay: -1.58333s;
      -webkit-transform: rotate(60deg) translate(0, -150%);
      transform: rotate(60deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(3) {
      -webkit-animation-delay: -1.5s;
      animation-delay: -1.5s;
      -webkit-transform: rotate(90deg) translate(0, -150%);
      transform: rotate(90deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(4) {
      -webkit-animation-delay: -1.41667s;
      animation-delay: -1.41667s;
      -webkit-transform: rotate(120deg) translate(0, -150%);
      transform: rotate(120deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(5) {
      -webkit-animation-delay: -1.33333s;
      animation-delay: -1.33333s;
      -webkit-transform: rotate(150deg) translate(0, -150%);
      transform: rotate(150deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(6) {
      -webkit-animation-delay: -1.25s;
      animation-delay: -1.25s;
      -webkit-transform: rotate(180deg) translate(0, -150%);
      transform: rotate(180deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(7) {
      -webkit-animation-delay: -1.16667s;
      animation-delay: -1.16667s;
      -webkit-transform: rotate(210deg) translate(0, -150%);
      transform: rotate(210deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(8) {
      -webkit-animation-delay: -1.08333s;
      animation-delay: -1.08333s;
      -webkit-transform: rotate(240deg) translate(0, -150%);
      transform: rotate(240deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(9) {
      -webkit-animation-delay: -1s;
      animation-delay: -1s;
      -webkit-transform: rotate(270deg) translate(0, -150%);
      transform: rotate(270deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(10) {
      -webkit-animation-delay: -0.91667s;
      animation-delay: -0.91667s;
      -webkit-transform: rotate(300deg) translate(0, -150%);
      transform: rotate(300deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(11) {
      -webkit-animation-delay: -0.83333s;
      animation-delay: -0.83333s;
      -webkit-transform: rotate(330deg) translate(0, -150%);
      transform: rotate(330deg) translate(0, -150%); }
    .ispinner .ispinner__blade:nth-child(12) {
      -webkit-animation-delay: -0.75s;
      animation-delay: -0.75s;
      -webkit-transform: rotate(360deg) translate(0, -150%);
      transform: rotate(360deg) translate(0, -150%); }
  .ispinner.ispinner--animating .ispinner__blade {
    -webkit-animation-play-state: running;
    animation-play-state: running; }
  .ispinner.ispinner--white .ispinner__blade {
    background-color: white; }
  .ispinner.ispinner--gray .ispinner__blade {
    background-color: #8C8C8C; }
  .ispinner.ispinner--large {
    width: 35px;
    height: 35px; }
    .ispinner.ispinner--large .ispinner__blade {
      width: 8.57143%;
      height: 25.71429%;
      border-radius: 50%/16.67%; }

@-webkit-keyframes ispinner__blade--fade {
  0% {
    opacity: 0.85; }
  50% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }
@keyframes ispinner__blade--fade {
  0% {
    opacity: 0.85; }
  50% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

@media screen and (min-width: 20em) {
	.g li {
    	width: 32%; 
  	}
  	.g li:nth-child(3n+1) {
  		clear: left;
  	}
  	.g li:nth-child(odd) {
		clear: none;
	}
	.smallFont{font-size:12px;}
	.mediumFont{font-size:15px;}
	.largeFont{font-size:25px;}


	
}
@media screen and (min-width: 30em) {
	.g li {
    	width: 23.4%; 
  	}
  	.g li:nth-child(4n+1) {
  		clear: left;
  	}
  	.g li:nth-child(3n+1) {
		clear: none;
	}
}
@media screen and (min-width: 40em) {
	.g li {
    	width: 18.9%; 
  	}
  	.g li:nth-child(5n+1) {
  		clear: left;
  	}
  	.g li:nth-child(4n+1) {
		clear: none;
	}
}
@media screen and (min-width: 50em) {
	.g li {
    	width: 16%; 
  	}
  	.g li:nth-child(6n+1) {
  		clear: left;
  	}
  	.g li:nth-child(5n+1) {
		clear: none;
	}
	
	.smallFont{font-size:14px;}
	.mediumFont{font-size:22px;}
	.largeFont{font-size:35px;}


}

@media screen and (min-width: 61em) {
	.g li {
    	width: 13.8%; 
  	}
  	.g li:nth-child(7n+1) {
  		clear: left;
  	}
  	.g li:nth-child(6n+1) {
		clear: none;
	}
}
@media screen and (min-width: 71em) {
	.g li {
    	width: 12.1%; 
  	}
  	.g li:nth-child(8n+1) {
  		clear: left;
  	}
  	.g li:nth-child(7n+1) {
		clear: none;
	}
	
	.smallFont{font-size:20px;}
	.mediumFont{font-size:26px;}
	.largeFont{font-size:40px;}


}