/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	background-color: #f9f8f2;
	padding-bottom:0;
}

h2 {
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
}

h3 {
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;	
}

p {
	font-family: "Merriweather", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
}

.table-full-timestamp {
	color: rgb(140, 140, 140);
	font-size: 93%;
}

.button-green {
	background: #7ab260;
	color: white;
	border: 0px;
	padding: 5px 10px 5px 10px;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

/* Tooltipster jquery plugin custom skin */
.tooltipster-mcedu {
	border-radius: 5px;
	color: white;
	border: 2px solid #659450;
	background: #7AB260;
}
	/* Use this next selector to style things like font-size and line-height: */
	.tooltipster-mcedu .tooltipster-content {
		font-family: "Raleway", Arial, sans-serif;
		font-size: 12px;
		line-height: 16px;
		padding: 8px 10px;
		background: #7AB260;
	}
	.tooltipster-mcedu .tooltipster-content i {
		margin-right: 5px;
	}

.mcedu-datatable {
}

	.mcedu-datatable .btn {
		padding: 4px;
		color: white;
		font-size: 11px;
		padding-left: 8px;
		padding-right: 8px;
		border-radius: 2px;
		border: 0px solid white;
	}

	.mcedu-datatable th,
	.mcedu-datatable td {
		padding: 5px;
	}

	table.dataTable thead .sorting_asc:after {
		content: "" !important;
	}

	.mcedu-datatable thead th {
		background: #7ab260;
		padding: 5px;
		color: white;
	}

	.mcedu-datatable tbody tr.odd {
		background-color: #edece6;
		/*background-image: url("/static/images/misc/patterns/square-pattern.png");*/
		background-repeat: repeat;
		border: 0px solid transparent;
	}

	.dataTables_paginate .pagination>li>a,
	.dataTables_paginate .pagination>li>span {
		background-color: rgb(122, 178, 96) !important;
		color: white !important;
		font-size: 12px;
	}

	.dataTables_paginate .pagination>.disabled>span,
	.dataTables_paginate .pagination>.disabled>a,
	.dataTables_paginate .pagination>.disabled>a:hover,
	.dataTables_paginate .pagination>.disabled>a:focus {
		color: white !important;
		background: rgb(165, 197, 150) !important;
		font-size: 12px;
	}

	.dataTables_paginate .pagination>.active>a,
	.dataTables_paginate .pagination>.active>span,
	.dataTables_paginate .pagination>.active>a:hover,
	.dataTables_paginate .pagination>.active>span:hover,
	.dataTables_paginate .pagination>.active>a:focus,
	.dataTables_paginate .pagination>.active>span:focus {
		background-color: rgb(71, 118, 50) !important;
		border-color: #7AB260;
		border: 0px solid white;
		border-top: 1px solid rgb(221, 221, 221);
		border-bottom: 1px solid rgb(221, 221, 221);
		font-size: 12px;
	}

	.dataTables_info {
		display: none !important;
	}

.tableLightTotalCount {
	color: rgb(155, 155, 155);
	font-size: 90%;
}

.userManagement-title-gray {
	color: rgb(155, 155, 155);
	font-size: 80%;
	font-weight: 300;
}

.userManagement-singleSelect {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: none !important;
    /* needed for Firefox: */
    overflow:hidden !important;
    width: 120% !important;
    background-color: transparent !important;
    color: black !important;
}

#addMultipleStudents_errors {
	display: none;
}

.aw_dropdown_menu_base {
	float: left;
}

	.aw_dropdown_menu_base .aw_dropdown_menu {
		background: none !important;
		background-color: none !important;
		color: #7AB260 !important;
		border: 0px;
		font-size: 12px !important;
		padding: 0px;
		padding-bottom: 3px;
		text-decoration: underline;
	}

	.aw_dropdown_menu_base ul li a {
		font-family: "Raleway";
		font-weight: 500;
		font-size: 12px;
		padding-left: 12px;
		padding-right: 1px;
	}

	.aw_dropdown_menu:hover, .aw_dropdown_menu:focus, .aw_dropdown_menu:active, .aw_dropdown_menu:visited {
		background-color: none !important;
		background: none !important;
		color: #7AB260 !important;
		text-decoration: underline;
		box-shadow: 0 0 0 0;
	}
	
	.aw_dropdown_menu_base.open button {
		font-weight: bold;
		letter-spacing: -0.1px;
	}

	.aw_dropdown_menu_base li a {
		color: white !important;
		text-decoration: none;
	}

	.aw_dropdown_menu_base li a:hover, .aw_dropdown_menu_base li a:focus {
		color: white !important;
		background: #7bb163 !important;
		font-weight: bold;
	}

	.aw_dropdown_menu_base ul {
		background-color: #7AB260 !important;
		margin-top: -2px;
		min-width: 125px;
	}

.aw_dropdown_more_options {
	margin-top: 22px;
	margin-right: 25px;
}

.modal-servercontrolpanel-loader {
}

	.modal-servercontrolpanel-loader .modal-content {
		background: #f9f8f2;
		padding-top: 10px;
		padding-bottom: 0px;
	}

	.modal-servercontrolpanel-loader #reload_loadingImg {
		width: 100px !important;
	}

	.modal-servercontrolpanel-loader .modal-header {
		border-bottom: 0px;
		padding-bottom: 0px;
		text-align: center;
	}

	.modal-servercontrolpanel-loader .modal-body {
		text-align: center;
		color: rgb(204, 206, 204);
		font-weight: 300;
		font-family: "Raleway", sans-serif;
		padding-top: 20px;
	}

		.modal-servercontrolpanel-loader .modal-body p.loading-modal-title {
			font-weight: bold;
			color: rgb(190, 190, 190);
			margin-bottom: 7px !important;
		}

.modal-servercontrolpanel-infomodal {
}

	.modal-servercontrolpanel-infomodal .infomodal-modal-title {
		color: rgb(77, 77, 77);
		font-weight: bold;
	}

	.modal-servercontrolpanel-infomodal .infomodal-modal-content {

	}

a.gallery,
a.caseStudyGallery,
a.whoWeAreImg {
	border: none;
	outline:none;
}

img.downward-arrow,
img.downward-arrow-offset {
	display: block;
	margin:-20px auto 0 auto;
}
	
	@media all and (min-width: 320px) {
		img.downward-arrow-offset {
			padding-left: 0px;
		}
	}

	@media all and (min-width: 768px) {
		img.downward-arrow-offset {
			padding-left: 350px;
		}
	}

.text-highlight-green {
	color: #4f8c34;
}

.boldText {
	font-weight: 700;
}

@media all and (min-width: 500px) {
	.featurette-heading-offset {
		margin-left: 220px;
	}
}

.bottom-green-bar {
	height:10px;
	width:100%;
	background-color: #4f8c34;
}

@media all and (min-width: 768px) {
  .container {
    max-width: 970px;
  }
}

@media all and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

section {
	margin-left: auto;
	margin-right: auto;
}

section .container {
	margin-left: auto;
	margin-right: auto;	
}

@media all and (min-width: 320px) {
	.marketing {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.img-yShift img {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);

	-webkit-transition: -webkit-transform 0.1s ease-out;
	-moz-transition: -moz-transform 0.1s ease-out;
	-o-transition: -o-transform 0.1s ease-out;
	transition: transform 0.1s ease-out;
}

			.img-yShift:hover img {
			    -webkit-transform: translate(0,-10px);
			    -moz-transform: translate(0,-10px);
			    -o-transform: translate(0,-10px);
				transform: translate(0,-10px);
			}

.heroImage {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.bm_clear{clear: both;}

/* Navbar custom styles
-------------------------------------------------- */

.navbar {
	margin-bottom:0px;
	border: 0px;
}

.navbar-wrapper.affix {
	position: fixed;
	top: 0;
}

.navbar-inverse {
	background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#080808), to(#383838));
	background: -webkit-linear-gradient(top,#080808 50%,#383838 100%);
	background: -moz-linear-gradient(top,#080808 50%,#383838 100%);
	background: -ms-linear-gradient(top,#080808 50%,#383838 100%);
	background: -o-linear-gradient(top,#080808 50%,#383838 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#080808, endColorstr=#383838)";
	-webkit-box-shadow: 0px -4px 10px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px -4px 10px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         0px -4px 10px 0px rgba(50, 50, 50, 0.6);
}

.navbar-wrapper {
	position: absolute;
	top: 430px;
	margin-top: 0px;	
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
}

.navbar-subpage {
	top: 180px;
}

.navbar-wrapper .container {
	padding-left: 0px;
	padding-right: 0px;
}
 
.navbar-wrapper .navbar {
	/*border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;*/
	border-radius: 0px;
}

.navbar-wrapper .navbar .container {
	padding-left: 15px;
	padding-right: 15px;
}

.purchase-button,
.learnMore-button,
.applyNow-button,
.readMore-button,
.exploreForum-button,
.viewLibrary-button,
.changePassword-button,
.downloadMEDU-button,
.downloadMEDUclassroom-button,
.carousel-caption .btn  {
	display: block;
	border-radius: 0.5em;
	border: 1px solid #261910;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a66d47), to(#754d32));
	background: -webkit-linear-gradient(top,#a66d47 0%,#754d32 100%);
	background: -moz-linear-gradient(top,#a66d47 0%,#754d32 100%);
	background: -ms-linear-gradient(top,#a66d47 0%,#754d32 100%);
	background: -o-linear-gradient(top,#a66d47 0%,#754d32 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#a66d47, endColorstr=#754d32)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a66d47', endColorstr='#754d32');
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #383838;
}



	.purchase-button:hover,
	.learnMore-button:hover,
	.applyNow-button:hover,
	.readMore-button:hover,
	.exploreForum-button:hover,
	.viewLibrary-button:hover,
	.changePassword-button:hover,
	.downloadMEDU-button:hover,
	.downloadMEDUclassroom-button:hover,
	.carousel-caption .btn:hover   {
		border-radius: 0.5em;
		border: 1px solid #22301b;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7bb163), to(#4f8c34));
		background: -webkit-linear-gradient(top,#7bb163 0%,#4f8c34 100%);
		background: -moz-linear-gradient(top,#7bb163 0%,#4f8c34 100%);
		background: -ms-linear-gradient(top,#7bb163 0%,#4f8c34 100%);
		background: -o-linear-gradient(top,#7bb163 0%,#4f8c34 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#7bb163, endColorstr=#4f8c34)";
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bb163', endColorstr='#4f8c34');
		text-transform: uppercase;
		text-shadow: 1px 1px 5px #383838;
	}

.navbar-inverse .navbar-nav>li>a.purchase-button {
	color: #ffffff;
	text-shadow: 1px 1px 5px #383838;
	max-width: 108px;
	width: 108px;
}

.navbar-nav>li>a.purchase-button {
	margin-top: 17px;
	margin-left: 10px;
	padding-top:7px;
	padding-bottom:7px;
}

@media all and (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media all and (min-width: 768px) {
	.navbar-inverse .navbar-nav>.active>a,
	.navbar-inverse .navbar-nav>.open>a,
	.navbar-inverse .navbar-nav>.open>a:hover,
	.navbar-inverse .navbar-nav>.open>a:focus  {
		color:#7bb163;
		background-color: inherit;
		background-image: url("/static/images/nav/nav-carot.png");
		background-repeat: no-repeat;
		background-position: bottom center;
	}
}

@media all and (max-width: 768px) {
	.navbar-inverse .navbar-nav>.active>a,
	.navbar-inverse .navbar-nav>.open>a,
	.navbar-inverse .navbar-nav>.open>a:hover,
	.navbar-inverse .navbar-nav>.open>a:focus  {
		color:#7bb163;
		background-color: inherit;
		background-image: url("/static/images/nav/nav-carot-horizontal.png");
		background-repeat: no-repeat;
		background-position: left center;
	}
}



.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	background-color: inherit;	
}

.breadcrumb-bar {
	height: 10px;
	background-color: #7bb163;
}

.dropdown-menu {
	background-color: #7bb163;
	border: 0px;
}

.dropdown-header {
	color: #ffffff;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #7bb163;
	background-color: #ffffff;	
}

.navbar-tg {
	height: 100%;
	padding:25px 0;
}

.navbar-tg a {
	font-size: 14px;
	margin-right: 10px;
}

.navbar-social-container {
	padding-left: 15px;
	padding-right: 15px;
}

/*@media all and (min-width: 768px) {
  .navbar-social-container {
    max-width: 970px;
   }
}

@media all and (min-width: 1200px) {
  .navbar-social-container {
    max-width: 1170px;
  }
}*/

.navbar-social {
	/*width:135px;*/
	float: right;
	margin-top: 10px;
}

.navbar-social ul {
	list-style: none;
	padding: 0;
}

.navbar-social ul li {
	display: inline;
}

.navbar-social ul li a {
	color: #7bb163;
}

.navbar-social ul li a:hover {
	color: #999;
}

/*@media (max-width: 800px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/

/* Carousel custom styles
-------------------------------------------------- */

.banner-hosting-beta {
	display: block;
	
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	z-index: 999999;
}

@media all and (min-width: 320px) {
	.banner-hosting-beta {
		width: 160px;
		height: 159px;
		background-image: url("/static/images/misc/banner-hosting-beta-small.png");
	}
}

@media all and (min-width: 768px) {
	.banner-hosting-beta {
		width: 230px;
		height: 229px;
		background-image: url("/static/images/misc/banner-hosting-beta.png");
	}
}

.carousel {
	margin-bottom: 60px;
}

@media all and (min-width: 768px) {
	.carousel {
		height:500px;
		margin-bottom: 20px;
	}

	.carousel .item {
		height:500px;
	}
}

@media all and (min-width: 320px) {
	.carousel-inner > .item {
		background-size: cover;
	}
}

.carousel h1 {
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
}

.carousel-indicators {
	bottom: 70px;
}

.carousel-caption {
	padding-bottom: 80px;
	text-align: left;
	right:0%;
}

@media all and (min-width: 320px) {
	.carousel-caption {
		left:10%;
		right:10%;
	}
}

@media all and (min-width: 768px) {
	.carousel-caption {
		left:50%;
	}
}

.carousel-caption .btn {
	float: right;
}

.carousel-caption .btn {
	color: #ffffff;
	line-height: 20px;
	padding: 8px 15px;
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
}

.carousel .item {
	background-repeat: no-repeat;
	background-position: center;
	min-height:auto;
}

@media all and (min-width: 320px) {
	.slide1 {
		background-image: url("/static/images/carousel/carouselSlide-1-smaller.jpg");
	}
}

@media all and (min-width: 750px) {
	.slide1 {
		background-image: url("/static/images/carousel/carouselSlide-1.jpg");
	}
}

.slide2 {
	background-image: url("/static/images/carousel/carouselSlide-hour-of-code.jpg");
}

.slide3 {
	background-image: url("/static/images/carousel/carouselSlide-ccedu.jpg");
}

.slide4 {
	background-image: url("/static/images/carousel/carouselSlide-hosting-2.jpg");
}

.slide5 {
	background-image: url("/static/images/carousel/carouselSlide-caseStudy1.jpg");
}

.slide6 {
	background-image: url("/static/images/carousel/carouselSlide-4.jpg");
}

.slide7 {
	background-image: url("/static/images/carousel/carouselSlide-kerbaledu.jpg");
}

.heroImage {
	min-width: 100%;
	height:250px;
	margin-bottom: 80px;
	background-image: url("/static/images/misc/heroBanner.jpg");
}

/* Homepage styles
-------------------------------------------------- */

.featurette-mainSocial {
	margin-bottom: 40px;
}

.featurette-mainVideo {}

	.featurette-mainVideo .container {
		padding-bottom: 20px;
	}
	
	@media all and (min-width: 320px) {
		.featurette-mainVideo {
			background-image: none;
		}

		.featurette-mainVideo iframe {
			width: 320px;
			height: 180px;
			margin: 0 auto;
		}
	}

	@media all and (min-width: 450px) {
		.featurette-mainVideo {
			height: 520px;
		}

		.featurette-mainVideo iframe {
			width: 450px;
			height: 253px;
		}

		.featurette-mainVideo .main-video {
			width: 450px;
		}

		.featurette-mainVideo .video-copy {
			width: 450px;	
		}
	}

	@media all and (min-width: 768px) {
		.featurette-mainVideo {
			height: 620px;
			background-image: url("/static/images/homepage/mainVideo/video-shadow.jpg");
			background-position: center top;
			background-repeat: no-repeat;
		}

		.featurette-mainVideo iframe {
			width: 640px;
			height: 360px;
		}

		.featurette-mainVideo .main-video {
			width: 640px;
		}

		.featurette-mainVideo .video-copy {
			width: 480px;	
		}
	}

	.featurette-mainVideo .main-video {
		margin: 0 auto;
	}

	.featurette-mainVideo .video-copy {
		margin: 0 auto;
	}

	.featurette-mainVideo h2 {
		font-weight: 300;
		font-size: 36px;
		font-size: 32px\9;
		text-align: center;
		margin-bottom: 20px;
	}

	.featurette-mainVideo p {
		text-align: center;
	}

		.video-copy span {
			font-weight: 700;
		}	

	.featurette-mainVideo .separation-bar {
		display: block;
		margin: 15px auto 25px auto;
	}

.featurette-featureSet-small {
	background:#476e35 url("/static/images/homepage/featureSet/featureSet-small-BG.jpg") no-repeat top center;
	padding-bottom: 20px;
	background-size: cover;
}

	.featurette-featureSet-small .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.featurette-featureSet-small .featurette-heading {
		color: #f9f8f2;
		font-weight: 300;
		padding-left: 15px;
		font-size: 60px;
	}

	.featurette-featureSet-small .col-lg-4 h2,
	.featurette-featureSet-small .col-lg-3 h2 {
		font-weight: 500;
		font-size: 26px;
		color: #383838;
	}

	.featurette-featureSet-small i.fa {
		color: #f9f8f2;
		font-size: 65px;
	}

	.featurette-featureSet-small p {
		font-size: 16px;
		color: #f9f8f2;
	}

	.featurette-featureSet-small .feature-buttons {
		width: 290px;
		height: 35px;
		margin: 0 auto;
	}

		.featureSet-purchase .feature-buttons {
			width: 130px;
		}

	.featurette-featureSet-small a {
		color: #ffffff;
		line-height: 20px;
		padding: 8px 15px;
	}

	.featurette-featureSet-small a:first-child {
		margin-right: 40px;
	}

		.featureSet-purchase a:first-child {
		margin-right: 0px;
	}

	.featurette-featureSet-small a:hover {
		text-decoration: none;
	}

	.featurette-featureSet-small a.learnMore-button,
	.featurette-featureSet a.learnMore-button,
	.featurette-playInTheCloud a.learnMore-button {
		width: 124px;
		float: left;
	}

	.featurette-featureSet-small a.purchase-button {
		width: 108px;
		float: left;
	}


#play-in-the-cloud-title {
	padding: 20px 20px 20px 20px;
}

.featurette-playInTheCloud:hover {
	cursor: pointer;
}

.featurette-playInTheCloud .featurette-heading {
	color: #476e35;
	font-weight: 500px;
}

.featurette-playInTheCloud .feature-buttons {
	width: 125px;
	margin: 0 auto;
}

.learn-beta-small {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 20px;
	z-index: 9;
}

	@media all and (min-width: 320px) {
		.learn-beta-small {
			margin-bottom: 20px;
		}
	}

	@media all and (min-width: 768px) {
		.learn-beta-small {
			margin-bottom: 50px;
		}
	}

#play-in-the-cloud-copy p {
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #4f8c34;
}

.cloud-highlight-box {
	background-color: #edece6;
	background-image: url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
	padding: 10px;
	overflow: hidden;
}

@media all and (min-width: 320px) {
	.cloud-highlight-box {
		margin-bottom: 0px;
	}

	#play-in-the-cloud-copy {
		padding: 0px 20px 20px 20px;
	}
}

@media all and (min-width: 768px) {
	.cloud-highlight-box {
		margin-bottom: 30px;
	}

	#play-in-the-cloud-copy {
		padding: 20px 20px 20px 20px;
	}
}

	.cloud-highlight {
		background-image: url("/static/images/carousel/carouselSlide-hosting.jpg");
		background-repeat: no-repeat;
		background-position: 50% 0%;
		background-size: cover;
		width: 100%;
		height: auto;
		min-height: 280px;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
	}

	.cloud-highlight-ccedu {
		background-image: url("/static/images/carousel/carouselSlide-ccedu.jpg") !important;
	}

.featurette-joinTheCommunity {
	background:#2e2e2e url("/static/images/homepage/joinTheCommunity/joinTheCommunity-BG.jpg") no-repeat top center;
	background-size: cover;
}

	.featurette-joinTheCommunity .container {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0px;
		position: relative;
	}

	.imgScale {
		-webkit-transform: scale(1.1); 
	       -moz-transform: scale(1.1);
	         -o-transform: scale(1.1);
	            transform: scale(1.1);
	}

	.imgDeScale {
		-webkit-transform: scale(0.95); 
	       -moz-transform: scale(0.95);
	         -o-transform: scale(0.95);
	            transform: scale(0.95);
	}

	img.joinCommunity-computer {
		position: absolute;
		bottom: 0;
		z-index:1;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
	}

	.joinCommunity-link {
		position: absolute;
		display: block;
		z-index:2;
		right: 5%;
	}
	
	img.joinCommunity-computer {
		display: block;
		width: 309px;
		height: 270px;
	}

	@media all and (min-width: 320px) {
		img.joinCommunity-computer {
			margin-left: 0px;
		}
	}

	@media all and (min-width: 500px) {
		img.joinCommunity-computer {
			margin-left: 80px;
		}
	}

	@media all and (min-width: 768px) {
		img.joinCommunity-computer {
			margin-left: 40px;
		}
	}

	@media all and (min-width: 992px) {
		img.joinCommunity-computer {
			margin-left: 80px;
		}
	}

	.tweetTitle-graphic {
		display: block;
		float: left;
		margin-right: 20px;
	}

	.featurette-joinTheCommunity .col-md-7,
	.featurette-joinTheCommunity .col-md-6,
	.featurette-joinTheCommunity .col-md-5 {
		min-height: 250px;
		margin-bottom:0px;
		margin-top: 0px;
	}

	@media all and (min-width: 320px) {
		.featurette-joinTheCommunity .col-md-5 .featurette-heading {
			font-size: 50px;
		}

		.featurette-joinTheCommunity .featurette-heading,
		.featurette-playInTheCloud .featurette-heading {
			font-size: 60px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-joinTheCommunity .col-md-5 .featurette-heading {
			font-size: 30px;
		}

		.featurette-joinTheCommunity .featurette-heading,
		.featurette-playInTheCloud .featurette-heading {
			font-size: 44px;
		}

		.twitterFeedBox .featurette-heading {
			font-size: 40px;
		}

		.featurette-joinTheCommunity a {
			margin-right: 0;
		}
	}

	@media all and (min-width: 900px) {
		.featurette-joinTheCommunity .featurette-heading,
		.featurette-playInTheCloud .featurette-heading {
			font-size: 44px;
		}
	}

	@media all and (min-width: 992px) {
		.featurette-joinTheCommunity .col-md-5 .featurette-heading {
			font-size: 34px;
		}

		.featurette-joinTheCommunity .featurette-heading,
		.featurette-playInTheCloud .featurette-heading {
			font-size: 48px;
		}

		.twitterFeedBox .featurette-heading {
			font-size: 46px;
		}

		.featurette-joinTheCommunity hr {
			margin-bottom: 40px;
		}

		.featurette-joinTheCommunity a {
			margin-right: 0px;
		}
	 }

	@media all and (min-width: 1200px) {
		.featurette-joinTheCommunity .col-md-5 .featurette-heading {
			font-size: 40px;
		}

		.featurette-joinTheCommunity .featurette-heading,
		.featurette-playInTheCloud .featurette-heading {
			font-size: 58px;
		}

		.featurette-joinTheCommunity hr {
			margin-bottom: 20px;
		}
	}

	.featurette-joinTheCommunity .featurette-heading {
		color: #f9f8f2;
		font-weight: 300;
	}

	.featurette-joinTheCommunity .col-md-5 .featurette-heading {
		font-weight: 500;
		line-height: 97px;
		margin-bottom: 0px;
	}

	.featurette-joinTheCommunity hr {
		margin-top: 0px;
		
		border: none;
		height: 5px;
		color: #3a3a3a;
		background-color: #3a3a3a;
	}

	.twitterFeedBox {
		background-color: #383838;
		background-image:url("/static/images/misc/patterns/square-pattern-dark.jpg");
		background-repeat: repeat;
		padding: 0 10px 10px 10px;
		border: 3px solid #3a3a3a;
	}

	@media all and (min-width: 320px) {
		#join-community {
			min-height: 100px;
			padding-top: 10px;
		}
	}

	@media all and (min-width: 768px) {
		#join-community {
			min-height: 250px;
			padding-top: 50px;
		}
	}

	#join-community-image {
		overflow: hidden;
	}

	@media all and (min-width: 320px) {
		#join-community-image {
			min-height: 280px;
		}
	}

	@media all and (min-width: 768px) {
		#join-community-image {
			min-height: 250px;
		}
	}

	.featurette-joinTheCommunity:hover {
		cursor: pointer;
	}

	.featurette-joinTheCommunity #join-community a {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color: #4f8c34;
		text-decoration: none;
		float: right;
	}

	.featurette-joinTheCommunity a:hover {
		text-decoration: underline;
	}

.featurette-asSeenIn {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
}

	.featurette-asSeenIn .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
	}

	.asSeenIn-logos {
		margin-top:20px;
		margin-bottom:10px;
		text-align: center;
	}

		.asSeenIn-logos .col-sm-1,
		.asSeenIn-logos .col-sm-2 {
			height:40px;
			line-height: 40px;
			text-align: center;
		}

		@media all and (min-width: 768px) {
			.logo-euro {
				padding-left: 0px;
			}

			.logo-nyt {
				padding-left: 0px;
				padding-right: 0px;
			}

			.logo-edge {
				padding-left: 0px;
				padding-right: 0px;
			}

			.logo-kotaku {
				margin-top: -5px;
			}

			.logo-takeaway {
				padding-left: 0px;
			}
		}

		@media all and (min-width: 992px) {
			.logo-euro {
				padding-right: 0px;
			}

			.logo-edge {
				padding-left: 15px;
				padding-right: 0px;
			}

			.logo-takeaway {
				margin-top: -5px;
			}
		}

		@media all and (min-width: 1200px) {
			.logo-euro {
				padding-left: 0px;
				padding-right: 15px;
			}
		}

		.asSeenIn-logos .col-sm-1 img,
		.asSeenIn-logos .col-sm-2 img {
			vertical-align: middle;
			margin:0 auto;
		}

	.featurette-asSeenIn h3 {
		margin:0;
		text-align: center;
	}
	
	.featurette-asSeenIn ul {
		list-style: none;
		padding-left:15px;
	}

	.featurette-asSeenIn ul li {
		float: left;
	}

	.featurette-asSeenIn ul li:last-child {
		margin-right:0px;
	}

.featurette-newsAndTeacher .container {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}

	.featurette-newsAndTeacher h3 {
		margin-bottom: 30px;
	}

	.featurette-newsAndTeacher a.readMore-button {
		color: #ffffff;
		line-height: 20px;
		padding: 8px 15px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 14px;
		width: 123px;
	}

		.featurette-newsAndTeacher a.readMore-button:hover {
			text-decoration: none;
		}

	.featurette-newsAndTeacher a.tumblrLink {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color:#4f8c34;
		text-decoration: none;
		display: block;
		margin-top: 20px;
	}

	.tumblrContent a {
		color:#4f8c34;
	}

	.tumblrContent img {
		max-width: 100%;
	}

	.featurette-newsAndTeacher a:hover {
		text-decoration: underline;
	}

	.teacher-lockup {
		float: left;
		width: 520px;
	}

	@media all and (min-width: 320px) {
		.featurette-newsAndTeacher .teacher-circle {
			margin:0 auto;
		}

		.featurette-newsAndTeacher h3 {
			font-size: 50px;
		}

		.teacher-lockup {
			/*width: 100%;*/
			/*margin-top:40px;*/
			float: left;
		}
	}

	@media all and (max-width: 600px) {
		
		.teacher-circle {
			float: none !important;
			margin-left: 0px !important;
		}

		.teacher-copy {
			float: none !important;
			margin-left: 0px !important;
			margin-top: 20px;
			margin-bottom: 20px;
			text-align: left !important;
		}

		.teacher-lockup {
			width: 470px !important;
		}

		#awards-div {
			margin-left: 0px !important;
			padding-left: 0px !important;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-newsAndTeacher .teacher-circle {
			width: 211px;
			height: 211px;
		}
	}

	@media all and (min-width: 992px) {
		.featurette-newsAndTeacher .teacher-circle {
			margin-left: 0px;
			width: 200px;
			height: 200px;
		}
	}

	@media all and (min-width: 1200px) {
		.featurette-newsAndTeacher .teacher-circle {
			width: 211px;
			height: 211px;
		}
	}

	#development-section {
		padding-top: 100px;
	}

	#development-section a {
		color: #4f8c34;
	}

	#development-section-area {
		color: #5a5a5a;
		padding-bottom: 20px;
	}

	.development-section-content {
		padding-left: 10px;
	}

	.twitter-user-profile-area {
		padding-left: 3px;
		float: left;
	}

	.twitter-user-profile-area .image-border {
		background-color: #edece6;
		background-image:url("/static/images/misc/patterns/square-pattern.png");
		background-repeat: repeat;
		padding: 10px;
		width: 230px;
		height: 200px;
		margin-right: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}

	.meet-the-team-photo {
		background-image: url("/static/images/about/whoWeAre/whoWeAre.jpg");
		background-repeat: no-repeat;
		background-position: 50% 0%;
		background-size: cover;
		width: 100%;
		height: auto;
		min-height: 180px;
	}

	.twitter-user-profile {
		float: left;
		margin-right: 5px;
		transition: 0.2s all ease;
		opacity: 0.9;
	}

	.twitter-user-profile:hover {
		opacity: 1.0;
	}

	.twitter-user-profile > img {
		border-radius: 5px;
		border: 5px solid white;
		-webkit-box-shadow: 1px 0px 2px gray;
		box-shadow: 1px 0px 2px 1px gray;
		margin-right: 10px;
		width: 100px;
	}

	.twitter-user-profile > p {
		text-align: center;
		margin-top: 9px;
		margin-right: 15px;
		font-size: 14px;
		font-weight: 300;
		line-height: 1.25;
		margin-right: 10px;
	}

	@media all and (max-width: 990px) {
		.development-section-content {
			padding-left: 30px;
		}

		.twitter-user-profile > img {
			width: 85px;
		}
	}

	@media all and (max-width: 768px) {
		.development-section-content {
			padding-left: 0px;
		}
	}

	.featurette-newsAndTeacher .featurette-background-area {
		background-color: #fff;
	}

	.featurette-newsAndTeacher .teacher-copy {
		float: left;
	}

	.teacher-circle  {
		display: block;
		float: left;
	}

	.award-copy {
		width: 200px;
	}

	@media all and (min-width: 320px) {
		.award-graphic {
			margin:60px auto 0 auto;
		}

		.award-copy {
			margin: 0 auto;
		}
	}

	@media all and (min-width: 768px) {
		.award-callout {
			width: 500px;
			margin:60px auto 0 auto;
		}

		.award-graphic {
			margin-top: 60px;
			float: right;
		}

		.award-copy {
			margin: 0;
		}
	}

	@media all and (min-width: 992px) {
		.award-callout {
			width: 100%;
			margin-top: 0;
		}

		.award-graphic {
			margin-top: 80px;
			width: 200px;
			height: auto;
		}
	}

	@media all and (min-width: 1200px) {
		.award-graphic {
			margin-top: 60px;
			width: 275px;
			height: 114px;
		}
	}

	.award-graphic {
		display: block;	
	}

	@media all and (min-width: 768px) {
		.teacher-copy {
			display: block;
			width: 276px;
			float: none;
		}

		.featurette-newsAndTeacher .separation-bar {
			width: 276px;
			height: 25px;
		}
	}

	@media all and (min-width: 992px) {
		.teacher-copy {
			width: 226px;
		}

		.featurette-newsAndTeacher .separation-bar {
			width: 226px;
			height: auto;
		}
	}

	@media all and (min-width: 1200px) {
		.teacher-copy {
			width: 276px;
		}

		.featurette-newsAndTeacher .separation-bar {
			width: 276px;
			height: 25px;
		}
	}

	.featurette-newsAndTeacher .teacher-copy {
		text-align: center;
		margin-top:15px;
		float: right;
		width: 52%;
	}

	.featurette-newsAndTeacher .teacher-copy p {
		margin: 0;
	}

	.featurette-newsAndTeacher .teacher-copy img {
		margin-top: 20px;
		margin-bottom: 20px;
	}

.featurette-newsletter {
	padding-bottom: 40px;
	padding-top: 10px;
}

	.featurette-newsletter .newsletter-form {
		margin-top: 40px;
	}

	.featurette-newsletter .newsletter-form .newsletter-form-textfields {
		margin-bottom: 8px;
	}
	
	.featurette-newsletter .newsletter-alert {
		width: 51.5%;
		margin: 0 auto;
		margin-bottom: 13px;
		display: none;
	}

	.featurette-newsletter .newsletter-textfield {
		width: 25.5%;
		display: inline-block;
	}

	.featurette-newsletter .newsletter-button {
		width: 51.5%;
	}

.featurette-broughtToYou {
}

	.featurette-broughtToYou .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.featurette-broughtToYou h3 {
		display: block;
		font-size: 18px;
		font-weight: 300;
		color: #7d8182;
	}
	
	@media all and (min-width: 320px) {
		.broughtToYou-logos .col-sm-1 {
			height: 0px;
		}

		.broughtToYou-logos .col-sm-2,
		.broughtToYou-logos .col-sm-4 {
			height: 60px;
			line-height: 60px;
		}

		.logoBar {
			min-width: 200px;
			width: 300px;
			height: 175px;
			margin:0 auto;
		}

		.broughtToYou-logos .logoBox {
			display: block;
			width:100%;
			margin:10px auto;
		}

		.broughtToYou-logos .logoBox-sm {
			margin: 0 auto 40px auto;
		}

		.broughtToYou-logos h3 {
			width: 160px;
			margin: 0 auto 20px auto;
		}
	}

	@media all and (min-width: 768px) {

		.broughtToYou-logos .col-sm-2,
		.broughtToYou-logos .col-sm-4 {
			height: 80px;
			line-height: 80px;
		}

		.logoBar {
			min-width: 550px;
			width: 550px;
			height: 50px;
			margin:0 auto;
		}

		.broughtToYou-logos .logoBox {
			float: left;
			margin:0 15px;
		}

		.broughtToYou-logos .logoBox-sm {
			margin-top: 0px;
			margin-bottom: 0px;
			margin-right: 60px;
			margin-left: 0;
		}

		.broughtToYou-logos h3 {
			float: left;
			margin: 10px 0 0 0;
		}
	}

	.logoBar {
		display: block;
	}

	.broughtToYou-logos .logoBox {
		height: 50px;
		line-height: 50px;
		text-align: center;
		width: 165px;
		position: relative;
	    overflow: hidden;
	}

	.broughtToYou-logos .logoBox-sm {
		width: 90px;
	}

	.logoBox a {
		display: block;
		width:100%;
		height:100%;
		background-repeat: no-repeat;
		background-position: left top;
	}

	.logoBox a:hover {
		background-position: 0 100%;
	}

	a.logo-tg {
		height: 40px;
		background-image: url('/static/images/misc/logos/logo-tg.png');
	}

	a.logo-mojang {
		height: 38px;
		background-image: url('/static/images/misc/logos/logo-mojang.png');
	}

	a.logo-eline {
		height: 38px;
		background-image: url('/static/images/misc/logos/logo-eline.png');
	}

/* About Page styles
-------------------------------------------------- */

	.featurette-pageHeading h2 {
		color: #7d8182;
		font-weight: 300;
	}

	@media all and (min-width: 320px) {
		.featurette-pageHeading {
			padding-left: 0px;
		}

		.featurette-pageHeading .pageHeading-blurb {
			padding-top: 20px;
			padding-bottom: 60px;
		}

		.featurette-pageHeading h2 {
			margin-top: 40px;
			margin-bottom: 40px;
			font-size: 50px;
		}
	}

	@media all and (min-width: 450px) {
		.featurette-pageHeading h2 {
			font-size: 60px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-pageHeading {
			padding-left: 20px;
		}

		.featurette-pageHeading .pageHeading-blurb {
			padding-top: 80px;
			padding-left: 45px;
			padding-bottom: 60px;
		}

		.featurette-pageHeading h2 {
			margin-top: 20px;
		}
	}

	@media all and (min-width: 900px) {
		.featurette-pageHeading .pageHeading-blurb {
			padding-left: 0px;
		}
	}

	@media all and (min-width: 992px) {
		.featurette-pageHeading .pageHeading-blurb {
			padding-top: 80px;
			padding-right: 75px;
		}
	}

.featurette-featureSet {
	background:#476e35 url("/static/images/about/featureSet/featureSet-BG.jpg") no-repeat top center;
	background-size: cover;
}

	.featurette-featureSet .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.featurette-featureSet .row {
		margin-bottom: 80px;
	}

	.featurette-featureSet .featurette-heading {
		color: #f9f8f2;
		font-weight: 300;
		padding-left: 15px;
		font-size: 60px;
		margin-bottom: 80px;
	}

	.featurette-featureSet .featurette-subheading {
		width: 100%;
		color: #f9f8f2;
		font-weight: 300;
		padding-left: 15px;
		font-size: 30px;
		text-align: center;
		text-transform: uppercase;
	}

	.featurette-featureSet .separation-bar {
		display: block;
		margin: 0 auto;
	}

	.featurette-featureSet .col-lg-4 h2 {
		font-weight: 500;
		font-size: 26px;
		color: #383838;
	}

		.featurette-featureSet .col-lg-4 a h2 {
			-webkit-transition: color 0.1s linear;
		       -moz-transition: color 0.1s linear;
		        -ms-transition: color 0.1s linear;
		         -o-transition: color 0.1s linear;
		            transition: color 0.1s linear;
		}

			.featurette-featureSet .col-lg-4 a:hover h2 {
				color: #f9f8f2;
			}

	.featurette-featureSet i.fa {
		color: #f9f8f2;
		font-size: 65px;
	}

	.featurette-featureSet a i.fa {
		-webkit-transition: color 0.1s linear;
	       -moz-transition: color 0.1s linear;
	        -ms-transition: color 0.1s linear;
	         -o-transition: color 0.1s linear;
	            transition: color 0.1s linear;
	}

		.featurette-featureSet a:hover i.fa {
			color: #383838;
		}

	.featurette-featureSet p {
		font-size: 16px;
		color: #f9f8f2;
	}

	.featurette-featureSet .feature-buttons {
		width: 124px;
		height: 35px;
		margin: 20px auto 100px auto;
	}

		.featurette-featureSet .feature-buttons.feature-buttons-purchase {
			width: 108px;
		}

	.featurette-featureSet a {
		color: #ffffff;
		line-height: 20px;
		padding: 8px 14px;
		width: 108px;
	}

		.featurette-featureSet a.learnMore-button {
			display: block;
			margin: 0 auto;
			float: none;
		}

	.featurette-featureSet a:hover {
		text-decoration: none;
	}

.featurette-learnWiki {
	background-color: #2e2e2e;
	overflow: hidden;
}
	.featurette-learnWiki:hover {
		cursor: pointer;
	}

	@media all and (min-width: 320px) {
		.featurette-learnWiki .container {
			padding-left: 30px;
			padding-right: 30px;
		}

		.featurette-learnWiki p {
			margin-right: 40px;
		}

		.computer-learnWiki {
			margin-left: 40px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-falearnWiki .container {
			padding-left: 20px;
			padding-right: 20px;
		}

		.featurette-learnWiki p {
			margin-right: 100px;
		}

		.computer-learnWiki {
			margin-left: 0px;
		}
	}

	.featurette-learnWiki .container {
		padding-top: 20px;
	}

	@media all and (min-width: 320px) {
		.featurette-learnWiki .featurette-heading {
			font-size: 48px;
			padding-left: 0px;
		}
	}

	.featurette-learnWiki .featurette-heading {
		font-weight:300;
		color: #f9f8f2;
		float: left;
		margin-right: 40px;
	}

	.featurette-learnWiki p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color:#5a5a5a;
		
		float: right;
	}

	.featurette-learnWiki span {
		color: #4f8c34;
		font-weight: 500;
	}

	.computer-learnWiki {
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
	}

.featurette-videosAndPhotos {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
}

	.featurette-videosAndPhotos .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.featurette-videosAndPhotos .featurette-heading {
		font-weight:300;
		font-size: 60px;
		margin-bottom: 40px;
	}

	iframe.videoPlaylist {
		margin-bottom: 40px;
	}

	.youtube-cta {
		margin-bottom: 40px;
	}

		.youtube-cta .fa-youtube-play {
			font-size: 60px;
			margin-right: 10px;
			float:left;
		}

		@media all and (min-width: 320px) {
			.youtube-cta p {
				font-size: 18px;
				width: auto;
			}
		}

		@media all and (min-width: 768px) {
			.featurette-videosAndPhotos .featurette-heading {
				width: 450px;
				margin-left: auto;
				margin-right: auto;
			}

			.youtube-cta p {
				font-size: 20px;
				width: 420px;
			}

			.youtube-cta {
				width: 420px;
				margin-left: auto;
				margin-right: auto;
			}
		}

		@media all and (min-width: 992px) {
			.featurette-videosAndPhotos .featurette-heading {
				margin-left: 0px;
				margin-right: 0px;
			}

			.youtube-cta {
				width: auto;
				margin-left: 0px;
				margin-right: 0px;
			}
		}

		.youtube-cta p {
			font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-weight: 300;
			color:#5a5a5a;
		}

		.youtube-cta p a {
			text-decoration: none;
			color: #4f8c34;
		}

		.youtube-cta p a:hover {
			text-decoration: underline;
		}

	@media all and (min-width: 320px) {
		.videoPlaylist {
			width: 320px;
			height: 180px;
		}

		.photo-gallery {
			width: 190px;
			min-width: 190px;
			margin-left: auto;
			margin-right: auto;
		}
	}

	@media all and (min-width: 470px) {
		.featurette-videosAndPhotos ul li {
			margin-right: 10px;
		}

		.photo-gallery {
			width: auto;
			margin-left: 0px;
			margin-right: 0px;
		}
	}

	@media all and (min-width: 520px) {
		.videoPlaylist {
			width: 520px;
			height: 293px;
		}

		.featurette-videosAndPhotos ul li {
			margin-right: 30px;
		}	
	}

	@media all and (min-width: 660px) {
		.featurette-videosAndPhotos ul li {
			margin-right: 10px;
		}

		.featurette-videosAndPhotos ul li:nth-child(3n) {
			margin-right:0;
		}
	}

	@media all and (min-width: 710px) {
		.featurette-videosAndPhotos ul li {
			margin-right: 35px;
		}
	}

	@media all and (min-width: 768px) {
		.photo-gallery {
			width: 640px;
			margin-left: auto;
			margin-right: auto;
		}

		.featurette-videosAndPhotos ul li {
			margin-right: 35px;
		}

		.featurette-videosAndPhotos ul li:nth-child(3n) {
			margin-right:0;
		}

		.videoPlaylist {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
	}

	@media all and (min-width: 992px) {
		.photo-gallery {
			width: 400px;
			margin-left: 0px;
			margin-right: 0px;
			float: right;
		}

		.featurette-videosAndPhotos ul li {
			margin-right: 0px;
		}

		.featurette-videosAndPhotos ul li:nth-child(2n+1) {
			margin-right: 20px;
		}

		.videoPlaylist {
			width: 400px;
			height: 225px;
			margin-left: 0px;
			margin-right: 0px;
		}
	}

	@media all and (min-width: 1200px) {
		.photo-gallery {
			width: 440px;
		}

		.featurette-videosAndPhotos ul li:nth-child(2n+1) {
			margin-right: 60px;
		}

		.videoPlaylist {
			width: 520px;
			height: 293px;
		}
	}

	.featurette-videosAndPhotos ul {
		list-style: none;
		padding-left: 0;
	}

		.featurette-videosAndPhotos ul li {
			float: left;
			margin-bottom: 40px;
		}
			

	.gallery-image {
		width: 190px;
		height: 150px;
		background-color: #f9f8f2;
		position: relative;
		overflow:hidden;
	}

		.gallery-image a {
			width: 100%;
			height: 100%;
			display: block;
		}

		.gallery-image img {
			margin-left: 10px;
			margin-top: 10px;
		}

		.image-details {
			position: absolute;
			height: 100%;
			width: 100%;
			bottom: -100%;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			background-color: rgba(123,177,99,0.9);
			-webkit-transition: bottom 0.1s linear; /* Older Webkit */
			-webkit-transition: bottom 0.1s linear;
			-moz-transition: bottom 0.1s linear;
			-ms-transition: bottom 0.1s linear;
			-o-transition: bottom 0.1s linear;
			transition: bottom 0.1s linear; /* easeOutBack */
		}

		a:hover .image-details {
			bottom: 0;
		}

		.image-details p {
			color: #f9f8f2;
			text-decoration: none;
		}


.featurette-whoWeAre {

}

	.featurette-whoWeAre .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
	}

		.featurette-whoWeAre .row {
			margin-left: 0px;
			margin-right: 0px;
		}

	.featurette-whoWeAre .featurette-heading {
		font-weight:300;
		font-size: 60px;
		margin-bottom: 40px;
		color: #7d8182;
	}

	@media all and (min-width: 320px) {
		/*.featurette-whoWeAre .image-border {
			width: 300px;
			height: 341px;
		}*/

		.featurette-whoWeAre .separation-bar {
			width: 320px;
			height: auto;
		}
	}

	@media all and (min-width: 500px) {
		/*.featurette-whoWeAre .image-border {
			width: 440px;
			height: 500px;
		}*/

		.featurette-whoWeAre .separation-bar {
			width: 451px;
			height: 25px;
		}
	}

	@media all and (min-width: 320px) {
		.who-we-are {
			margin:0 auto;
			float:none;
		}

		.game-learning {
			margin:0 auto;
			float:none;
		}
	}

	@media all and (min-width: 992px) {
		.who-we-are {
			float:none;
		}

		.game-learning {
			float: right;
		}
	}

	@media all and (min-width: 1200px) {
		.who-we-are {
			float:right;
		}

		.game-learning {
			float: left;
		}
	}

	.featurette-whoWeAre a {
		color: #4f8c34;
	}

	.featurette-whoWeAre a:hover {
		text-decoration: underline;
	}

	.featurette-whoWeAre .image-border {
		background-color: #edece6;
		background-image:url("/static/images/misc/patterns/square-pattern.png");
		background-repeat: repeat;
		padding: 10px;
	}

	.featurette-whoWeAre .separation-bar {
		display: block;
		margin: 40px auto;
	}

	.gameLearningCTA {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color: #5a5a5a;
		margin-top: 20px;
	}

.featurette-partners {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
}

	.featurette-partners .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.featurette-partners h3 {
		margin:0 0 40px 0;
		text-align: center;
	}

	.partner-logo-row .col-sm-2,
	.partner-logo-row .col-sm-3 {
		height: 100px;
		line-height:100px;
		text-align: center;
	}

	.partner-logo-row .col-sm-2 img,
	.partner-logo-row .col-sm-3 img {
		vertical-align: middle;
		margin:0 auto;
	}

	.featurette-partners ul {
		list-style: none;
	}

		.featurette-partners ul li {
			float: left;
		}

		.featurette-partners ul li:last-child {
			margin-right: 0;
		}

.featurette-faq {}

	.featurette-faq:hover {
		cursor: pointer;
	}

	@media all and (min-width: 320px) {
		.featurette-faq .container {
			padding-left: 30px;
			padding-right: 30px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-faq .container {
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	.featurette-faq .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	@media all and (min-width: 320px) {
		.featurette-faq .featurette-heading {
			font-size: 60px;
			padding-left: 0px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-faq .featurette-heading {
			padding-left: 15px;
			font-size: 50px;
		}

		.featurette-faq p {
			padding-left: 15px;
		}
	}

	@media all and (min-width: 992px) {
		.featurette-faq .featurette-heading {
			font-size: 60px;
		}		
	}

	.featurette-faq .featurette-heading {
		font-weight:300;
		margin-bottom: 40px;
		color: #7d8182;
		float: left;
		margin-right: 40px;
	}

	.featurette-faq p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color:#5a5a5a;
		margin-top: 20px;
	}

	.featurette-faq p a {
		text-decoration: none;
		color: #4f8c34;
	}

	.featurette-faq p a:hover {
		text-decoration: underline;
	}

	.featurette-faq span {
		color: #4f8c34;
		font-weight: 500;
	}

/* Community Page styles
-------------------------------------------------- */

.featurette-forumCallout {
	background-color: #476e35;
	background-image: url("/static/images/community/forum/forumCallout-BG.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

	.featurette-forumCallout .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.featurette-forumCallout .featurette-heading {
		color: #f9f8f2;
		font-weight: 300;
		font-size: 60px;
	}

		.featurette-forumCallout p {
			color: #f9f8f2;
			font-size: 18px;
			line-height: 30px;
		}

	@media all and (min-width: 320px) {
		.featurette-forumCallout a {
			margin-bottom: 40px;
		}
	}

	@media all and (min-width: 768px) {
		.forumCallout-copy {
			padding-top: 20px;
		}

		.featurette-forumCallout a {
			margin-top: 10px;
		}

		.featurette-forumCallout .col-md-6 {
			width: 100%;
		}
	}

	@media all and (min-width: 895px) {
		.forumCallout-copy {
			padding-top: 80px;
			padding-left: 15px;
		}

		.featurette-forumCallout a {
			margin-top: 20px;
			margin-bottom: 80px;
		}

		.featurette-forumCallout .col-md-6 {
			width: 50%;
		}
	}

	@media all and (min-width: 1200px) {
		.forumCallout-copy {
			padding-left: 0px;
		}
	}

	.featurette-forumCallout a {
		color: #ffffff;
		line-height: 20px;
		padding: 8px 15px;
		float: right;
		width: 183px;
	}

	.featurette-forumCallout a:hover {
		text-decoration: none;
	}

	.forumCallout-title {
		height: 160px;
		/*background-image: url("/static/images/community/forum/speech-bubbles.png");
		background-repeat: no-repeat;
		background-position: top center;
		margin-top:-25px;
		padding-top: 25px;*/
	}

	img.downward-arrow-offset-community {
		display: block;
		position: absolute;
		margin:-20px auto 0 auto;
	}

		@media all and (min-width: 320px) {
			img.downward-arrow-offset-community {
				left: 50%;
			}
		}

		@media all and (min-width: 768px) {
			img.downward-arrow-offset-community {
				left: 62%;
			}
		}

	.speech-bubbles {
		position: absolute;
		margin-top:-20px;
		margin-left: 65px;
	}

.featurette-caseStudy {
	background-color: #333333;
	background-image: url("/static/images/community/caseStudy/caseStudy-BG.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-bottom: 40px;
}

	.featurette-caseStudy .container {
		padding-top: 100px;
		padding-left: 20px;
		padding-right: 20px;
	}

	@media all and (min-width: 320px) {
		.featurette-caseStudy .image-border {
			float: none;
			margin:0 auto;
			width: 320px;
			height: 223px;
		}

		.case-study-copy {
			float: none;
			margin:0 auto;
		}
	}

	@media all and (min-width: 500px) {
		.featurette-caseStudy .image-border {
			width: 460px;
			height: 320px;
		}
	}

	@media all and (min-width: 992px) {
		.featurette-caseStudy .image-border {
			float: right;
		}

		.case-study-copy {
			float: right;
		}
	}

	.featurette-caseStudy .image-border {
		background-color: #edece6;
		background-image:url("/static/images/misc/patterns/square-pattern.png");
		background-repeat: repeat;
		padding: 10px;
	}

	.case-study-copy {
		width: 460px;
		height: 570px;
		background-color: #edece6;
		background-image:url("/static/images/community/caseStudy/caseStudy-copy-BG.png");
		background-repeat: no-repeat;
		padding: 20px;
	}

		.case-study-copy h3,
		.case-study-copy h4,
		.case-study-copy h5 {
			font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-weight: 500;
		}

		.case-study-copy h3 {
			font-size: 36px;
			margin-top: 10px;
		}

		.case-study-copy h4 {
			font-size: 20px;
			text-transform: uppercase;
		}

		.case-study-copy h5 {
			font-size: 18px;
			margin-top: 0px;
		}

		.case-study-copy a {
			color: #4f8c34;
		}

.featurette-joinConvo {
}

	.featurette-joinConvo .container {
		padding-top: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.joinConvo-copy h3 {
		text-align: center;
	} 

	.joinConvo-copy p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		text-align: center;
		font-size: 20px;
	}

	.joinConvo-copy img {
		display: block;
		margin: 20px auto 40px auto;
	}

	.joinConvo-links {
		margin-top: 20px;
	}

	.joinConvo-links ul {
		list-style: none;
		padding-left: 0;
	}

	@media all and (min-width: 320px) {
		.joinConvo-links ul li {
			height: 95px;
			min-width: 300px;
		}

		.joinConvo-copy h3 {
			font-size: 50px;
		}

		.joinConvo-copy .separation-bar {
			width: 320px;
			height: auto;
		}
	}

	@media all and (min-width: 500px) {
		.joinConvo-copy .separation-bar {
			width: 451px;
			height: 25px;
		}
	}

	@media all and (min-width: 768px) {
		.joinConvo-links {
			margin:0 auto;
			max-width: 471px;
		}

		.joinConvo-links ul li {
			width: 470px;
		}
	}

	@media all and (min-width: 992px) {
		.joinConvo-links ul li {
			width: 415px;
			height: 115px;
		}
	}

	@media all and (min-width: 1200px) {
		.joinConvo-links {
			max-width: 515px;
		}

		.joinConvo-links ul li {
			width: 515px;
			height: 95px;
		}
	}

	.joinConvo-links ul li {
		margin-bottom: 20px;
	}

	.joinConvo-links img {
		display: block;
		float: right;
	}

	.joinConvo-links h4 {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
	}

	.joinConvo-links p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 14px;
	}

	.joinConvo-links a {
		text-decoration: none;
		color: #4f8c34;
	}

	.joinConvo-links a:hover {
		text-decoration: underline;
	}

/* Resources Page styles
-------------------------------------------------- */

.featurette-worldLibrary {
	background-color: #476e35;
	background-image: url("/static/images/community/forum/forumCallout-BG.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

	.featurette-worldLibrary .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	@media all and (min-width: 320px) {
		.featurette-worldLibrary .featurette-heading {
			font-size: 60px;
		}
	}

	.featurette-worldLibrary .featurette-heading {
		color: #f9f8f2;
		font-weight: 300;
	}

	.featurette-worldLibrary  p {
		color: #f9f8f2;
	}

	.featurette-worldLibrary a.viewLibrary-button {
		color: #ffffff;
		line-height: 20px;
		padding: 8px 15px;
		float: right;
		margin-top: 20px;
		width: 162px;
	}

	.featurette-worldLibrary a.viewLibrary-button:hover {
		text-decoration: none;
	}

	.library-gallery {
		margin-top: 40px;
		min-height: 150px;
	}

		.library-gallery ul {
			list-style:none;
			padding-left: 0px;
		}

		.library-gallery ul li {
			float: left;
		}

		@media all and (min-width: 320px) {
			.library-gallery {
				width: 200px;
				height: 300px;
				margin-bottom: 40px;
				min-width: 200px;
				margin-left: auto;
				margin-right: auto;
			}

			.library-gallery ul li:first-child {
				margin-right: 20px;
				margin-bottom: 20px;
			}

			.featurette-worldLibrary a.viewLibrary-button {
				margin-bottom: 40px;
			}

			.forumCallout-copy {
				margin-top: 20px;
			}
		}

		@media all and (min-width: 500px) {
			.library-gallery {
				width: 100%;
				margin-bottom: 20px;
				min-width: 300px;
			}

			.forumCallout-copy {
				margin-top: 0px;
			}
		}

		@media all and (min-width: 470px) {
			.library-gallery {
				height: auto;
				width: 400px;
			}
		}

		@media all and (min-width: 992px) {
			.library-gallery {
				min-width: none;
				width: 100%;
				margin-left: none;
				margin-right: none;
			}

			.library-gallery ul li {
				margin-bottom: 60px;
			}
		}

		@media all and (min-width: 1200px) {
			.library-gallery ul li:first-child {
				margin-right: 40px;
			}
		}
	

.featurette-lessonGuides {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
}

	.featurette-lessonGuides .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	@media (min-width: 320px) {
		.featurette-lessonGuides .featurette-heading {
			font-size: 50px;
		}
	}

	.lessonGuides-copy {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.resource-category {
		font-weight: 700;
	}

	.featurette-lessonGuides p.lessonGuides-cta {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color:#5a5a5a;
	}

	.featurette-lessonGuides a {
		color:#4f8c34;
		text-decoration: none;
	}

		.featurette-lessonGuides a:hover {
			text-decoration: underline;
		}

	.featurette-lessonGuides .separation-bar {
		display: block;
		margin: 40px auto;
	}

.featurette-resourceLinks {
	background-color: #476e35;
	background-image: url("/static/images/resources/resourceLinks/resourceLinks-BG.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

	.featurette-resourceLinks .container {
		padding-top: 80px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
	}

	.featurette-resourceLinks a {
		text-decoration: none;
	}

	.featurette-resourceLinks p {
		color: #5a5a5a;
	}

	.featurette-resourceLinks .image-details {
		bottom: -95%;
		position:absolute;
		margin-left:-10px;
		background-color: rgba(123,177,99,1);
	}

	.featurette-resourceLinks a:hover .image-details {
		bottom: -90%;
	}
		.featurette-resourceLinks a:hover .resourceLinkBtn h3 {
			color: #4f8c34;
			text-decoration: underline;
		}

	.resourceLinkBtn {
		width: 280px;
		height: 320px;
		background-color: #edece6;
		background-image: url("/static/images/misc/patterns/square-pattern.png");
		background-repeat: repeat;
		margin:0 auto 20px auto;
		padding: 30px 10px 0px 10px;
		position: relative;
		overflow: hidden;
	}

		.resourceLinkBtn img {
			display: block;
			margin:0 auto;
		}

		.resourceLinkBtn h3 {
			color: #7d8182;
			font-size:36px;
			text-align: center;
			margin-bottom: 20px;
		}

		.wikiBtn h3 {
			margin-top:40px;
			margin-bottom: 40px;
		}

		.resourceLinkBtn p {
			text-align: center;
		}

	.resourceLinkBtn-Sub {
		width: 280px;
		height: 120px;
		background-color: #edece6;
		background-image:url("/static/images/misc/patterns/square-pattern.png");
		background-repeat: repeat;
		padding: 20px 10px 10px 10px;
		margin:0 auto 20px auto;
	}

		.resourceLinkBtn-Sub p {
			float: left;
		}

		.resourceLinkBtn-Sub a {
			color:#4f8c34;
			text-decoration: none;
		}

			.resourceLinkBtn-Sub a:hover {
				text-decoration: underline;
			}

		.resourceLinkBtn-Sub ul {
			list-style:none;
			margin-left: 0;
			padding-left: 1em;
			float:right;
			margin-top:20px;
		}

			.resourceLinkBtn-Sub ul li:before {
				display:inline-block;
			    content:"-";
			    width:1em;
			    margin-left:-1em;
			}

/* Purchase Page styles
-------------------------------------------------- */

#store_list_renewhosting {
	display: none;
}

#purchase-blurb {
	margin-bottom: 1.5em;
	}

	#purchase-blurb p a {
		text-decoration: none;
		color: #4f8c34;
	}

		#purchase-blurb p a:hover {
			text-decoration: underline;
		}
.featurette-purchasePath {
	/*height: 800px;*/
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
	padding: 4em 0;
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

	a.purchaseHeading-login {
		text-decoration: none;
		color: #4f8c34;
	}

		a.purchaseHeading-login:hover {
			text-decoration: underline;
		}

	.featurette-purchasePath a {
		color: #7ab260;
		}
    #errorlist {
    	margin-bottom: 4em;
		background: #f99;
		color: #955;
		padding: 1em;
		}
    	#errors ul { margin: 0; }
    #store_list {
    	color: #c1c2bf;
    	list-style-type: decimal;
    	list-style-position: inside;
    	float: left;
    	font-weight: bold;
    	text-transform: uppercase;
    	margin-bottom: 2em;
    	width: 100%;
    	padding: 0;
    	}
    	#store_list li { 
    		padding: 1em;
    		}
    	#store_list li.active {
    		background: #f9f8f2;
    		border-radius: 4px;
    		}
    	@media all and (min-width: 768px) {
    		#store_list {
    			width: 30%;
    			margin-top: 2em;
    			}
    			#store_list li.active {
    				border-radius: 4px 0 0 4px;
    				}
    		}
    #panels {
    	float: left;
    	overflow: visible !important;
    	}
    	@media all and (max-width: 768px) {
    		#panels {
    			width: 100%;
    			overflow: hidden;
    			}
    		}
    	@media all and (min-width: 768px) {
    		#panels {
    			width: 70%;
    			overflow: hidden;
    			}
    		}
	    .panel { 
		    	background-color: #f9f8f2; 
		    	float: left;
		    	padding: 1em;
		    	width: 100%;
		    	margin-bottom: 0.5em;
		    	min-height: 200px;
	    	}
	    	.panel.panel-scroll {
				overflow: auto;
				max-height: 500px;
	    	}
	    	.panel label {
	    		text-transform: none !important;
	    	}
	    	.panel label input[type="radio"]{
	    		margin-top: 1px;
	    	}
	    	/* tooltips */
			.help {
				background-color: #9a9a9a;
				color: #f9f8f2;
				display: inline-block;
				width: 1.5em;
				height: 1.5em;
				padding: 0.2em;
				text-align: center;
				cursor: help;
				font-weight: bold;
				font-size: 0.75em;
				vertical-align: bottom;
				border-radius: 2px;
				}
				label .help {
					vertical-align: baseline;
					}
				.help:hover {
					background-color: #5a5a5a;
					}
				.ui-tooltip {
					max-width: 500px;
					background-color: #5a5a5a;
					color: #F9F8F2;
					padding: 5px; 
					font-size: 12px;
					border-radius: 4px;
					}
					.ui-tooltip-content { }
   			.panel sup { 
   				color: #7ab260; 
   				font-size: 1em;
   				top: -0.25em;
   				}
   			.panel label { 
   				text-transform: uppercase;
   				font-weight: normal;
   				}
   			#user_container {
   				margin-bottom: 1em;
   				}
	    	#already_have_account {
	    		padding: 1em;
	    		border: 1px solid #C1C2BF;
	    		margin-bottom: 2em;
	    		}
	    	.panel input, .panel textarea, .panel select {
	    		border: 1px solid #7e8384;
	    		}
	    	.panel textarea {
	    		resize: vertical;
	    		}
	    	.panel input[type='text'], .panel input[type='password'], .panel select { height: 2em; }
	    	.panel input[type='checkbox'] {
	    		margin-right: 1em;
	    		}
	    	.panel input[type='submit'], .panel input[type='button'], #btn_checkout {
	    		border: none;
	    		color: #fff;
	    		background: #7ab260;
	    		text-transform: uppercase;
	    		font-weight: bold;
	    		}
	    	#btn_checkout { margin-top: 1em; }
	    	.panel input[type='submit'], #btn_checkout {
	    		font-size: 1.25em;
	    		padding: 0.75em 1.5em;
	    		float: right;
	    		}
	    	.panel select {
	    		background: #fff;
	    		border: 1px solid #7e8384;
	    		width: 10em;
	    		padding: 0.2em;
	    		vertical-align: bottom;
	    		}
	    	.panel h3 {
	    		font-weight: normal;
	    		font-size: 1em;
	    		text-transform: uppercase;
	    		margin-top: 2em;
	    		}
	    	span.product_info {
    			color: #7ab260;
    			font-style: italic;
	    		}
	    	#cart_products_list table { 
	    		width: 100%; 
	    		table-layout: fixed;
	    		}
		    	#cart_products_list th {
		    		font-weight: normal;
		    		text-transform: uppercase;
		    		font-size: 0.75em;
		    		text-align: right;
		    		}
		    		#cart_products_list th:first-child { 
		    			text-align: left; 
		    			}
	    			input.btn_remove_item {
						font-weight: normal !important;
						height: 1.5em; width: 1em;
						font-size: 1.5em;
						}
		    		@media all and (min-width: 440px) {
			    		#cart_products_list th:first-child { 
			    			width: 40%;
			    			}
						}
		    #order_total {
		    	color: #000;
		    	text-transform: uppercase;
		    	}
		    	#order_total strong {
		    		font-size: 2em;
		    		font-weight: normal;
    				color: #7ab260;
    				margin-left: 0.5em;
		    		}
		   	.form_section { overflow: hidden; }
		    	.form_col { 
		    		float: left;
		    		width: 100%;
		    		}
		    	@media all and (min-width: 768px){
		   			.form_col { 
		   				width: 50%; 
		   				}
		   			}
		    	.form_float { 
		    		float: left; 
		    		margin-bottom: 2em; 
		    		width: 100%; 
		    		}
		    		.form_float input[type='text'], .form_float input[type='password'], .form_float textarea, .form_float select { 
		    			margin-top: 0.5em; 
		    			width: 90%;
		    			}
		    		#first_name, #last_name, #phone, #org_city, #cc_billing_city, #cc_billing_zip {
		    			width: 60%;
		    			}
		    		#org_zip {
		    			width: 30%;
		    			}
		    #pick_payment_method {
				overflow: auto;
		    	margin-bottom: 2em;
		    	}
		    	#pick_payment_method input {
		    		height: 2em;
		    		border-radius: 0;
			    	margin-bottom: 0.5em;
			    	margin-right: 0.5em;
		    		}
		    	#pick_payment_method input.active {
	    			background: #7e8384;
	    			position: relative;
	    			}
		    @media all and (min-width: 768px) {
			    #pick_payment_method {
			    	border-bottom: 1px solid #7e8384;
			    	margin-bottom: 2em;
			    	padding: 0 0.5em;
		    		height: 2em;
		    		overflow: visible;
			    	}
			    	#pick_payment_method input {
			    		display: block;
			    		float: left;
			    		margin-bottom: 0;
			    		border-bottom: 1px solid #7e8384;
			    		}
			    		#pick_payment_method input.active {
			    			color: #7e8384;
			    			background-color: #F9F8F2;
			    			border: 1px solid #7e8384;
			    			border-bottom: none;
			    			margin-bottom: -1px;
			    			}
			}
		    .form_float_small {
		    	width: 25%;
		    	margin-right: 5%;
		    	}
		#panel_review h3 {
			text-decoration: underline;
			}
		#panel_review p {
			margin-top: 2em;
			}
		#btn_complete_checkout {
			margin-top: 2em;
			}

.featurette-hostingInterest {
	background-color: #476e35;
	background-image: url("/static/images/community/forum/forumCallout-BG.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

	@media all and (min-width: 320px) {
		.featurette-hostingInterest .container {
			padding-left: 30px;
			padding-right: 30px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-hostingInterest .container {
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	.featurette-hostingInterest .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	@media all and (min-width: 320px) {
		.featurette-hostingInterest .featurette-heading {
			font-size: 60px;
			padding-left: 0px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-hostingInterest .featurette-heading {
			padding-left: 15px;
			font-size: 50px;
		}

		.featurette-hostingInterest p {
			padding-left: 15px;
		}
	}

	@media all and (min-width: 992px) {
		.featurette-hostingInterest .featurette-heading {
			font-size: 60px;
		}		
	}

	.featurette-hostingInterest .featurette-heading {
		font-weight:300;
		margin-bottom: 40px;
		color: #f9f8f2;
		float: left;
		margin-right: 40px;
	}

	.featurette-hostingInterest p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color:#f9f8f2;
		margin: 80px 0px 0px 0px;
		text-align: left;
	}

	.featurette-hostingInterest p a {
		text-decoration: none;
		font-weight: 500;
		color: #383838;
	}

	.featurette-hostingInterest p a:hover {
		text-decoration: underline;
	}

/* Contact Page styles
-------------------------------------------------- */

.featurette-contactForm {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
	padding: 4em 0;
	margin-bottom: 40px;
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

	.featurette-contactForm .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.featurette-contactForm label {
		text-transform: uppercase;
		font-weight: normal;
	}

	.featurette-contactForm input,
	.featurette-contactForm select,
	.featurette-contactForm textarea
	{
		border: 1px solid #7e8384;
	}

	.featurette-contactForm input[type='text'] {
		margin-bottom: 10px;
		width: 80%;
		height: 2em;
	}

	.featurette-contactForm select {
		width: 70%;
		height: 2em;
		background: #fff;
	   	border: 1px solid #7e8384;
	    padding: 0.2em;
	    vertical-align: bottom;
	    margin-bottom: 20px;
	}

	.featurette-contactForm textarea {
		width: 100%;
		height: 14em;
		margin-bottom: 20px;
	}

	.featurette-contactForm input[type='submit'] {
		border: none;
	    color: #fff;
	    background: #7ab260;
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 1.25em;
	    padding: 0.75em 1.5em;
	    float: right;
	}

	.featurette-contactForm .formErrors {
		margin-bottom: 4em;
		background: #f99;
		color: #955;
		padding: 1em;
		display: block;
	}

		.featurette-contactForm .formErrors ul {
			margin: 0;
		}

.contactHeading-blurb p {
	margin-bottom: 0;
}
	
	.contactHeading-blurb p.boldText {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.contactHeading-blurb a {
		text-decoration: none;
		color: #4f8c34;
	}

		.contactHeading-blurb a:hover {
			text-decoration: underline;
		}

	.contactHeading-blurb h3 {
		color: #4f8c34;
	}

.contactAddresses {
}

.addressUS {
}

.addressEU {
	padding-top: 20px;
}

input.isMeduUser {
	margin-bottom: 20px;
}

/*#hosting-blurb a {
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 24px;
	color: #4f8c34;
	text-decoration: none;
}

	#hosting-blurb a:hover {
		text-decoration: underline;
	}*/

/* Login Page styles
-------------------------------------------------- */

.featurette-login {
	background-color: #edece6;
	background-image: url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
	padding: 4em 0;
	margin-bottom: 40px;
}

	.featurette-login .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.featurette-login span {
		display: block;
		width: 100px;
		float: left;
		padding-top: 5px;
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform: uppercase;
	}

	.featurette-login input[type='submit'] {
	    border: none;
	    color: #fff;
	    background: #7ab260;
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 1.25em;
	    padding: 0.75em 1.5em;
	    margin-top: 0px;
	}

	.featurette-login p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		color: #5a5a5a;
	}

	.featurette-login p a {
		text-decoration: none;
		color: #4f8c34;
	}

		.featurette-login p a:hover {
			text-decoration: underline;
		}

.featurette-loggedin {
	background: #476e35 url("/static/images/homepage/featureSet/featureSet-small-BG.jpg") no-repeat top center;
	background: radial-gradient(#588842 , #43722E , #4E8336 ) !important;
	padding: 4em 0;
	margin-bottom: 0px;
}

	.featurette-loggedin .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.featurette-loggedin a.otherversions {
		color: white;
		text-decoration: none;
		font-size: 14px;
	}

	.featurette-loggedin a.otherversions:hover {
		font-weight: bold;
	}

	.featurette-loggedin p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		color: #f9f8f2;
		font-size: 20px;
	}

	.changePassword-button {
		width: 175px;
	}

	.changePassword-button,
	.downloadMEDU-button,
	.downloadMEDUclassroom-button,
	.downloadMEDUpremium-button,
	.featurette-loggedin .purchase-button {
		display: block;		
		color: #ffffff;
		line-height: 20px;
		padding: 8px 15px;
	}

		.changePassword-button:hover,
		.downloadMEDU-button:hover,
		.downloadMEDUclassroom-button:hover,
		.downloadMEDUpremium-button:hover {
			color: #ffffff;
			text-decoration: none;
		} 

	.changePassword-button {
		width: 175px;
		margin-top: 40px;
	}

	#change_password p {
		height: 40px;
	}

		#change_password p span {
			width: 200px;
		}

	.downloadMEDU-button {
		width: 230px;
	}

	.downloadMEDUclassroom-button,
	.downloadMEDUpremium-button {
		width: 300px;
	}

	.featurette-loggedin .purchase-button {
		width: 108px;
	}

	.downloadMEDU-button,
	.downloadMEDUclassroom-button,
	.downloadMEDUpremium-button {
		margin-bottom: 20px;
	}

	a.loggininLink {
		text-decoration: none;
		color: #383838;
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
	}

		a.loggininLink:hover {
			text-decoration: underline;
		}

	.featurette-loggedinLinks .container {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	.featurette-loggedinLinks .featurette-heading {
		margin-bottom: 0px;
		margin-right: 0px;
		font-weight:300;
		font-size: 60px;
		color: #7d8182;
	}
	
	@media all and (min-width: 320px) {
		.featurette-loggedinLinks p {
			padding-left: 15px;
		}

		.featurette-loggedinLinks ul {
			padding-left: 15px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-loggedinLinks p {
			padding-left: 0px;
		}

		.featurette-loggedinLinks ul {
			padding-left: 0px;
		}
	}

	.featurette-loggedinLinks p {
		margin-top: 20px;
	}

	.featurette-loggedinLinks ul {
		list-style: none;
	}

	.featurette-loggedinLinks a {
		text-decoration: none;
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color: #4f8c34;
	}

		.featurette-loggedinLinks a:hover {
			text-decoration: underline;
		}

	.featurette-loggedinLinks a.wikiLink {
		font-family: "Merriweather", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 14px;
	}

a.light-blue {
	color: #AFD5F5;
}

a.light-blue:hover {
	color: #71A8D7;
	text-decoration: none;
}

.download-mcedu-button-description-text {
	font-size: 15px !important;
	padding-top: 4px;
}

#download-area-select-installer-type {
}

	#download-area-select-installer-type .installer-type-description {
		font-size: 14px;
		padding-left: 7px;
		font-weight: bold;
	}

	#download-area-select-installer-type .installer-type-description.installer-type-description-hosting {
		font-size: 13px;
		font-weight: normal;
	}

	#download-area-select-installer-type .installer-type-header {
		padding-bottom: 30px;
	}

	#download-area-select-installer-type .row-select-installer-type-buttons {
		text-align: center;
	}

	#download-area-select-installer-type .downloadButtonSelectInstaller {
		width: 100% !important;
		margin-bottom: 9px;
		border-bottom: 1px solid black;
		color: white;
	}

	#download-area-select-installer-type .downloadButtonSelectInstaller:hover {
		color: white;
	}

	#download-area-select-installer-type .downloadButtonSelectInstaller.downloadButtonSelectInstallerStandard {
		font-size: 17px !important;
		height: 41px;
		padding-top: 10px;
	}

	#download-area-select-installer-type .downloadButtonSelectInstaller.downloadButtonSelectInstallerHosting {
		height: 30px;
		padding-top: 5px;
		font-size: 11px;
		margin-top: 4px;
		margin-bottom: 16px;
	}

.featurette-otherProducts {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

	.featurette-otherProducts .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.featurette-otherProducts .featurette-heading {
		color: #5a5a5a;
		font-weight: 300;
		text-align: left;
	}

	.featurette-otherProducts .image-border {
		width: 300px;
		height: 340px;
		background-color: #f9f8f2;
		padding: 10px;
	}

	.products-container {
		padding-left: 0px;
	}
	
	.featurette-otherProducts .product-info {
		padding-top: 20px;
	}

	.featurette-playInTheCloud.featurette-ccedu {
		background: #476e35 url("/static/images/homepage/featureSet/featureSet-small-BG.jpg") no-repeat top center;
	}

	.featurette-playInTheCloud.featurette-ccedu h2,
	.featurette-playInTheCloud.featurette-ccedu p,
	.featurette-playInTheCloud.featurette-ccedu li {
		color: white !important;
	}

	.featurette-otherProducts .learnMore-button,
	.featurette-playInTheCloud .learnMore-button,
	.applyNow-button {
		color: #ffffff;
		line-height: 20px;
		padding: 8px 15px;
		display: block;
		width: 125px;
		margin:20px auto 0 auto;
	}

		.applyNow-button {
			width: 115px;
		}

		.featurette-otherProducts .learnMore-button:hover,
		.featurette-playInTheCloud .learnMore-button:hover,
		.applyNow-button:hover {
			color: #ffffff;
			text-decoration: none;
		}

	@media all and (min-width: 320px) {
		.featurette-otherProducts .featurette-heading {
			font-size: 50px;
		}

		.featurette-otherProducts .image-border {
			margin: 0 auto;
		}
	}

	@media all and (min-width: 768px) {
		

		.featurette-otherProducts .featurette-heading {
			font-size: 40px;
		}
	}

	@media all and (min-width: 992px) {
		
	}

	@media all and (min-width: 1200px) {
		.featurette-otherProducts .featurette-heading {
			font-size: 50px;
		}
	}

	#select-other-version {
		display: inline-block !important;
	}

	#select-other-version a.dd-option {
		font-size: 11px;
		padding-top: 8px;
		padding-bottom: 2px;
		font-family: sans-serif;
	}

	#select-other-version .dd-select {
		background: -webkit-linear-gradient(top,#a66d47 0%,#754d32 100%) !important;
		border-radius: 4px !important;
		border: 1px solid black !important;
	}

	#select-other-version .dd-select a {
		color: white;
		text-decoration: none;
		padding-top: 8px;
		padding-bottom: 4px;
	}

	#select-other-version .dd-select a:hover {
		color: white;
		text-decoration: none;
	}

	#select-other-version .dd-options {
		height: 186px !important;
		overflow-y: scroll !important;
		border-radius: 0px 0px 7px 7px;
	}
	#select-other-version .dd-options::-webkit-scrollbar {
	    -webkit-appearance: none;
	    width: 7px;
	}
	#select-other-version .dd-options::-webkit-scrollbar-thumb {
	    border-radius: 4px;
	    background-color: rgba(0,0,0,.5);
	    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}

	#download-other-version-btn {
		width: 50px;
		height: 40px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0px;
		padding-top: 10px;
	}

/* Password Retrieval Page styles
-------------------------------------------------- */

.featurette-passReset {
	background-color: #edece6;
	background-image: url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
	padding: 4em 0;
	margin-bottom: 40px;
}

	.featurette-passReset .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	#username-recover label,
	#reset_password label {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		margin-right: 10px;
	}

	.featurette-passReset .form-section {
		margin-top: 20px;
	}

	#username-submit-button input[type='submit'],
	#submit-password-button input[type='submit'] {
		border: none;
	    color: #fff;
	    background: #7ab260;
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 1.25em;
	    padding: 0.75em 1.5em;
	    margin-top: 20px;
	}

/* Faq Page styles
-------------------------------------------------- */

.featurette-faq-even {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

	.faq-subtitle {
		text-transform: uppercase;
	}

	.faqHeading-blurb a {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		text-decoration: none;
		color: #4f8c34;
	}

		.faqHeading-blurb a:hover {
			text-decoration: underline;
		}

		.faqHeading-blurb a.boldText {
			font-weight: 700;
		}

	.faqHeading-blurb ul li p {
		margin-top: 10px;
	}

	.featurette-faq-even .container,
	.featurette-faq-odd .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.featurette-faq-even h2,
	.featurette-faq-odd h2 {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 50px;
		margin-bottom: 40px;
	}

	.featurette-faq-even ul li,
	.featurette-faq-odd ul li {
		font-family: "Merriweather", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
	}

	.featurette-faq-even a,
	.featurette-faq-odd a {
		text-decoration: none;
		color: #4f8c34;
	}

		.featurette-faq-even a:hover,
		.featurette-faq-odd a:hover {
			text-decoration: underline;
		}

	.faq-question {
		font-weight: 700;
	}

/* Forum Page styles
-------------------------------------------------- */

@media all and (min-width: 320px) {
	.featurette-forum iframe {
		width: 100%;
	}
}

@media all and (min-width: 992px) {
	.featurette-forum iframe {
		width: 940px;
	}
}

@media all and (min-width: 1200px) {
	.featurette-forum iframe {
		width: 1140px;
	}
}

/* Chat Page styles
-------------------------------------------------- */

@media all and (min-width: 320px) {
	.featurette-chat iframe {
		width: 800px;
	}

	.chatWindow {
		height: 940px;
		width: 400px;
	}
}

@media all and (min-width: 992px) {
	.featurette-chat iframe {
		width: 940px;
	}

	.chatWindow {
		width: 940px;
	}
}

@media all and (min-width: 1200px) {
	.featurette-chat iframe {
		width: 1140px;
	}

	.chatWindow {
		width: 1140px;
	}
}

/* News Page styles
-------------------------------------------------- */

.featurette-news-odd {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
}

	.featurette-news-even .container,
	.featurette-news-odd .container {
		padding-top: 40px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
	}

	.featurette-news-even img,
	.featurette-news-odd img {
		max-width: 100%;
		height: auto;
	}

	.featurette-news-even h3,
	.featurette-news-odd h3 {
		margin-bottom: 20px;
	}

	.featurette-news-even a,
	.featurette-news-odd a {
		text-decoration: none;
		color: #4f8c34;
	}

		.featurette-news-even a:hover,
		.featurette-news-odd a:hover {
			text-decoration: underline;
		}

	.twitterFeed-News iframe {
		height: 700px;
	}

.twitterFeed-News h2 img {
	margin-bottom: 20px;
}

/* Hosting Page styles
-------------------------------------------------- */

.featurette-howItWorks {
	background:#476e35 url("/static/images/about/featureSet/featureSet-BG.jpg") no-repeat top center;
	background-size: cover;
}

	.featurette-howItWorks .container {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
	}

	.featurette-howItWorks .featurette-heading {
		color: #f9f8f2;
		font-weight: 300;
		padding-left: 15px;
		font-size: 60px;
		margin-bottom: 80px;
	}

	.featurette-howItWorks .featurette-subheading {
		width: 100%;
		color: #383838;
		font-weight: 500;
		padding-left: 15px;
		font-size: 36px;
		text-align: center;
	}

	.featurette-howItWorks p {
		font-size: 14px;
		color: #f9f8f2;
		text-align: left;
	}

	.featurette-howItWorks img {
		margin: 0 auto;
	}

	@media all and (min-width: 320px) {
		.featurette-howItWorks img.hosting-diagram-2 {
			margin-bottom: 40px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-howItWorks img.hosting-diagram-2 {
			margin-bottom: 0px;
		}
	}

.featurette-hostingComp {
	background-color: #edece6;
	background-image:url("/static/images/misc/patterns/square-pattern.png");
	background-repeat: repeat;
}

	.featurette-hostingComp .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 60px;
	}

	.featurette-hostingComp .featurette-heading {
		font-weight:300;
		font-size: 60px;
		margin-bottom: 40px;
	}

#hosting-table {
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #5a5a5a;
	text-align: center;
}

@media all and (min-width: 320px) {
	#hosting-table {
		font-size: 14px;
	}
}

@media all and (min-width: 768px) {
	#hosting-table {
		font-size: 20px;
	}
}

	#hosting-table td {
		height: 100px;
		padding: 10px;
		border-top: 1px solid #5a5a5a;
		border-bottom: 1px solid #5a5a5a;
	}

		#hosting-table td.hosting-row-title {
			border-top: none;
			border-bottom: none;
			padding-right: 10px;
		}

		#hosting-table th img {
			margin: 0 auto 20px auto;
		}

.hosting-row-title {
	font-weight: 500;
	color: #4f8c34;
	text-align: left;
}

.hosting-table-container .purchase-button {
	color: #ffffff;
	line-height: 20px;
	padding: 8px 15px;
	display: block;
	width: 110px;
	margin: 60px auto 0 auto;
}

	.hosting-table-container .purchase-button:hover {
		text-decoration: none;
	}

.featurette-joinBeta {
	background-color: #2e2e2e;
}

	.featurette-joinBeta {
		cursor: pointer;
	}

	@media all and (min-width: 320px) {
		.featurette-joinBeta .container {
			padding-left: 30px;
			padding-right: 30px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-joinBeta .container {
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	.featurette-joinBeta .container {
		position: relative;
		padding-top: 0px;
		padding-bottom: 20px;
		min-height: 100px;
		height: auto;
		overflow: hidden;
	}

	@media all and (min-width: 320px) {
		.featurette-joinBeta .featurette-heading {
			font-size: 60px;
			padding-left: 0px;
		}

		.featurette-joinBeta p {
			margin-right: 40px;
		}
	}

	@media all and (min-width: 768px) {
		.featurette-joinBeta .featurette-heading {
			padding-left: 15px;
			font-size: 50px;
		}

		.featurette-joinBeta p {
			margin-right: 0px;
		}
	}

	@media all and (min-width: 992px) {
		.featurette-joinBeta .featurette-heading {
			font-size: 60px;
		}
	}

	.featurette-joinBeta .featurette-heading {
		font-weight:300;
		margin-bottom: 10px;
		color: #f9f8f2;
		margin-right: 40px;
		padding-top: 20px;
	}

	.featurette-joinBeta a {
		font-weight: 500;
	}

	.featurette-joinBeta p {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		color:#4f8c34;
		float: right;
	}

	.featurette-joinBeta .feature-buttons {
		float: right;
	}

	.cloud-download {
		position: absolute;
		left: 55%;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		     -o-transition: all .2s ease-in-out;
	}


/* World Library Page styles
-------------------------------------------------- */

#panel_activeWorlds h3 {
	margin-top: 0px;
	font-size: 24px;
	text-transform: capitalize;
}

#panel_upgradeServers {
	text-align: center;
	max-height: 450px;
	overflow-y: scroll;
}

h3.libraryPanel-title {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 24px;
	text-transform: capitalize;
}

.item-userManagementIntro-title,
.item-accessControlIntro-title {
	margin-top: 0px;
	overflow: hidden;
}

.item-activeWorld {
	border: 1px solid #C1C2BF;
	padding: 15px;
	min-height: 210px;
	height: auto;
	overflow: visible;
	margin-bottom: 20px;
	border-radius: 4px 0px 0px 0px;
}

.deactivated-world-owner {
	float: right;
}

.deactivated-world-owner .deactivated-world-owner-groupname {
	font-weight: bold;
}

.active_server_installed_mods_infolink {
	margin-left: 5px;
	font-family: "Raleway", arial, sans-serif;
	font-weight: 500;
}

.item-activeLibraryWorld {
	display: none;
	border: 1px solid #C1C2BF;
	padding: 15px;
	min-height: 180px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

	.item-activeWorld:last-child {
		margin-bottom: 0px;
	}

	.item-activeWorld a,
	.item-activeWorld p,
	.item-activeLibraryWorld a,
	.item-activeLibraryWorld p,
	.item-savedWorld a,
	.item-savedWorld p,
	.item-userManagementIntro a,
	.item-userManagementIntro p,
	.item-accessControlIntro a,
	.item-accessControlIntro-copy p,
	.item-customSetup-copy p,
	.userManagement-info a,
	.userManagement-info p,
	#panel_accessControl a,
	#panel_accessControl p,
	#form-backupSchedule a,
	#form-backupSchedule p {
		font-size: 12px;
	}

.userManagement-info{
	margin-bottom: 20px;
}

.activeWorld-thumb,
.activeLibraryWorld-thumb,
.savedWorld-thumb {
	display: block;
	height: 176px;
	width: 150px;
	float: left;
	margin-right: 20px;
}

.savedWorld-activateWarning {
	color: #7ab260;
	display: none;
}

.activeWorld-copy {
	margin-top: 56px;
}

.activeWorld-copy span {
	font-weight: 700;
}

a.libraryButton {
	border: none;
	color: #fff;
	background: #7ab260;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.75em;
	padding: 0.75em 1.5em;
	float: right;
	cursor: pointer;
	border-radius: 4px;
	text-decoration: none !important;
}

	a.libraryButton.libraryButton-alert {
		background: #c9302c;
	}

a.linkbutton {
	border: none;
	color: #fff;
	background: #7ab260;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.75em;
	padding: 0.75em 1.5em;
	cursor: pointer;
}

	a.linkbutton.linkbutton-alert {
		background: #c9302c;
	}

.active_worlds_mod_description_text {
	font-size: 80%;
	color: gray;
}

.libraryWorld_age_info{
	text-align: right;
	font-weight: bold;
	float: right;
	margin-top: 6px;
}

.item-activeLibraryWorld h3{margin-top: 6px;}

.accessLogTitle {
	color: gray;
}

	.accessLogTitle span {
		color: #5a5a5a;
	}

.accessLog-buttons {
	margin-right: 1px;
}

#panel_savedWorlds .libraryButton,
#panel_accessControl .libraryButton,
.activateWorld-buttons .libraryButton,
.backupSchedule-buttons .libraryButton,
.createWorld-buttons .libraryButton,
.accessLog-buttons .libraryButton {
	margin-right: 10px;
}

	#panel_savedWorlds .libraryButton:first-child,
	#panel_accessControl .libraryButton:first-child,
	.activateWorld-buttons .libraryButotn:first-child,
	.backupSchedule-buttons .libraryButton:first-child,
	.accessLog-buttons .libraryButton:first-child {
		margin-right: 0px;
	}

.activeWorld-title,
.savedWorld-title {
	overflow: hidden;
	margin-top: 4px;
}

.activeWorld-title h4,
.savedWorld-title h4 {
	float: left;
	margin-right: 7px;
	margin-top: 0px;
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	margin-bottom: 4px;
}

.userManagement-groupSettings {
	margin-bottom: 0px !important;
}

.userManagement-groupSettings p,
.userManagement-groupSettings a{
	display: inline-block;
}

.activeWorld-status1,
.activeWorld-status2,
.userManagement-groupName,
.userManagement-groupSettings,
.accessControl-groupName,
.accessControl-copy,
.activeWorld-backup1,
.activeWorld-backup2,
.activeWorld-mods  {
	overflow: hidden;
	margin-bottom: 20px;
}

	.activeWorld-backup1-backupoptions {
		overflow: visible;
	}

	.activeWorld-status1,
	.activeWorld-backup1,
	.activeWorld-mods {
		margin-bottom: 0px;
	}

	.activeWorld-backup1 a {
		font-family: "Raleway", Arial, sans-serif;
		font-weight: 500;
	}

	.activeWorld-backup1 {
		margin-bottom: 5px;
	}

	.activeWorld-status1 {
		margin-bottom: 17px;
	}

.savedWorld-status {
	overflow: hidden;
	margin-bottom: 60px;
}

.activeWorld-title a,
.activeWorld-status1 a,
.activeWorld-status2 a,
.activeWorld-backup1 a,
.activeWorld-mods a,
.activeWorld-backup2 a {
	text-decoration: underline;
}

.activeWorld-status1 a,
.activeWorld-status1 p,
.activeWorld-status2 a,
.activeWorld-status2 p,
.activeWorld-backup1 a,
.activeWorld-backup1 p,
.activeWorld-backup2 a,
.activeWorld-backup2 p,
.activeWorld-mods a,
.activeWorld-mods p,
.savedWorld-status p,
.userManagement-info p,
.userManagement-info h4,
.userManagement-info a,
.item-accessControlIntro-copy p,
.accessControl-info a,
.accessControl-info h4,
.accessControl-info p,
.accessControl-unlimited input,
.accessControl-unlimited h4,
.accessControl-preset input,
.accessControl-preset h4,
.accessControl-custom input,
.accessControl-custom h4 {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.active_servers_manage_users {
	margin-right: 0px !important;
}

.active_server_users_connected {
	float: right !important;
	margin-left: 5px;
}

.inactive_server_group_name_description {
	font-family: "Raleway";
    color: #919090;
    font-weight: 500;
    font-size: 12px;
    margin-top: 40px;
}

.inactive_server_group_name {
	margin-left: 1px;
    font-weight: 700;
    font-family: "Raleway";
    color: #5A5A5A;
}

.userManagement-groupName p,
.userManagement-groupName h4,
.userManagement-groupName a,
.userManagement-groupName div {
	display: inline-block;
	float: none;
}

	.activeWorld-mods {
		margin-top: 27px;
		margin-bottom: 4px;
	}

	.activeWorld-mods a {
		float: right;
	}

	.activeWorld-subscription {
		margin-top: 0px;
	}

	.activeWorld-subscription p {
		float: left;
		margin-right: 6px;
	}

	.subscription_dropdown_menu li a {
		padding-right: 10px !important;
	}

	#btn_invoice:disabled,
	#btn_transfer:disabled {
		background: #B1B1B1;
	}

	.active_world_view_deactivate {
		margin-left: 7px;
	}

	.activeWorld-status1 p {
		margin-right: 3px;
	}

	.userManagement-info a {
		margin-right: 20px;
	}

.activeWorld-status1 p span,
.activeWorld-status2 p span,
.activeWorld-backup1 p span,
.activeWorld-backup2 p span,
.savedWorld-status p span,
.item-accessControlIntro-copy p span {
	font-weight: 700;
}

.item-userManagementIntro,
.item-accessControlIntro,
.userManagement-info {
	margin-bottom: 20px;
}

	.item-userManagementIntro-copy a,
	.item-accessControlIntro-copy a,
	.item-customSetup-copy a,
	.userManagement-info a,
	table#currentUserTable a,
	table#currentSubsTable a,
	table#expiredSubsTable a {
		text-decoration: underline;
	}

.accessControlIntro-state {
	font-weight: 700;
	text-transform: uppercase;
	color: #7ab260;
}

.item-accessControlIntro-copy p:first-child {
	margin-bottom: 20px;
}

.accessControl-customItem {
	height: auto;
	overflow: hidden;
}

	#accessControl-itemAccess,
	#accessControl-itemDay,
	.accessControl-itemTime {
		float: left;
	}

	#accessControl-itemAccess,
	#accessControl-itemDay {
		margin-right: 10px;
		font-size: 12px;
	}

	#accessControl-itemDay {
		width: 110px;
	}

.accessControl-itemTime {
	/*max-width: 270px;*/
}

.accessControl-itemTime * {
	float: left;
	font-size: 12px;
}

	.accessControl-itemTime input[type="text"] {
		width: 60px;
	}

	.accessControl-itemTime p {
		margin-right: 10px;
	}

	.accessControl-allDay {
		height: auto;
		min-width: 70px;
		width: 100%;
		overflow: hidden;
	}

.accessControl-icons a {
	margin-right: 5px;
}

	.accessControl-icons a:last-child {
		margin-right: 0px;
	}

.item-customSetup-copy p {
	font-weight: 700;
}

	.item-customSetup-copy p span {
		font-weight: 500;
	}

		.item-customSetup-copy .customSetup-warning {
			font-weight: 500;
			color: #7ab260;
			font-style: italic;
		}

.userManagement-addUsers p {
	text-align: center;
}

.userManagement-addUsers-self,
.userManagement-addUsers-new,
.accessControl-unlimited,
.accessControl-preset,
.accessControl-custom {
	border: 1px solid #C1C2BF;
	padding: 15px;
	min-height: 100px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

	.userManagement-addUsers-new {
		margin-bottom: 10px;
	}

	.userManagement-addUsers-self,
	.userManagement-addUsers-new {
		text-align: center;		
	}

	.userManagement-addUsers-self h5,
	.userManagement-addUsers-new h5 {
		font-weight: 700;
	}

		.userManagement-addUsers-new h5 {
			margin-bottom: 13px;
		}

	.userManagement-addUsers-new input[type="text"] {
		width: 100%;
	}

	.userManagement-addUsers-new input[type="checkbox"] {
		margin-top: 30px;
	}

	.userManagement-addUsers-new input[type="submit"] {
		font-size: 0.75em;
	}

.userManagement-groupName,
.userManagement-groupSettings,
.accessControl-groupName,
.accessControl-unlimited,
.accessControl-preset,
.accessControl-custom {
	line-height: 24px;
}

	.userManagement-groupName p {
		font-family: "Raleway", "Merriweather", sans-serif;
		font-weight: 500;
		font-size: 16px;
		padding-top: 2px;
		margin-right: 3px;
	}

	#groupSelect,
	#subGroupSelect {
		width: 231px;
	}

	#subGroupSelect {
		margin-left: 27px;
		margin-right: 3px;
	}

	.userManagement-groupName h4,
	.accessControl-groupName h4 {
		font-weight: 700;
		font-style: italic;
	}

	.userManagement-groupName span,
	.userManagement-groupSettings span,
	.accessControl-groupName span {
		font-weight: 700;
	}

#panel_activateWorld_1 form {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#panel_activateWorld_1 h2 {
	margin-bottom: 40px;
}


.activateWorld-item {
	padding: 5px;
	overflow: hidden;
	font-size: 12px;
}

	.activateWorld-item * {
		float: left;
		margin-right: 10px;
	}

		.activateWorld-item input {
			margin-right: 20px;
		}

#panel_activateWorld_2 h4 {
	margin-top: 20px;
}

#panel_activateWorld_2 form {
	margin-top: 20px;
}



.backupItem-frequency,
.backupItem-time,
.backupItem-timezone {
	margin-bottom: 20px;
}

.backupItem-time input[type="text"] {
	width: 80px;
}

#form-backupSchedule {
	overflow: hidden;
	height: auto;
	min-height: 100px;
	margin-bottom: 20px;
}
	#form-backupSchedule label,
	#form-backupSchedule span {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: normal;
	}

.backupItem-introCopy {
	margin-bottom: 40px;
}

#backup_schedule_timezone {
	width: 280px !important;
}

.backupItem-timezone * {
}

	.backupItem-timezone a {
		text-decoration: underline;
		margin-left: 10px;	
	}

.activate2-dropdowns select {
	margin-right: 10px;
}

.createWorld-selectionItem {
	padding: 5px;
	overflow: hidden;
	font-size: 12px;
}

	.createWorld-selectionItem * {
		float: left;
		margin-right: 10px;
	}

	.createWorld-selectionItem input {
		margin-right: 10px;
	}

.createWorld-settings,
.createWorld-advanced {
	border: 1px solid #C1C2BF;
	margin-top: 20px;
	height: auto;
	min-height: 75px;
	padding: 15px;
	overflow: hidden;
}

	.createWorld-settings h4,
	.createWorld-advanced h4 {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.createWorld-settings label,
	.createWorld-advanced label {
		text-transform: capitalize;
	}

.createWorld-advanced .col-sm-12 {
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	/*overflow: hidden;*/
}

.seedWorld-container,
.premadeWorld-container  {
	padding: 0px;
}

input.seedValue {
	margin-right: 20px;
}

.createWorld-buttons {
	margin-top: 20px;
}

.uploadWorld-buttons {
	margin-top: 40px;
}

#accessControl-presetForm {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
}

	#accessControl-presetForm span {
		font-weight: 700;
		text-transform: uppercase;
		color: #7ab260;
	}

#panel_worldOptions .col-sm-12 {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0;
}

#panel_worldOptions p {
	margin-top: 10px;
}

a.worldOptions-back {
	float: left;
}

.createUserAccounts-1,
.createUserAccounts-2 {
	margin-top: 20px;
	font-size: 12px;
}

.createUserAccounts-2 {
	margin-bottom: 40px;
}

.createUserAccounts-links {
	max-width: 150px;
	margin: 20px auto;
	overflow: hidden;
}

.createUserAccounts-return {
	float: right;
}

.activateSuccess-advanced {
	display: none;
	height: auto;
	overflow: hidden;
}

	.activateSuccess-advanced h4 {
		text-transform: capitalize;
		margin-top: 15px;
	}

	.activateSuccess-advanced p {
		font-size: 12px; 
		margin-bottom: 20px;
	}

	.activateSuccess-advanced * {
		float: left;
	}

		.activateSuccess-advanced a.libraryButton {
			float: left;
			margin-bottom: 10px;
		}

.accessLog-activeTableContainer,
.accessLog-prevTableContainer {
	width: 100%;
}

.accessLog-currentTime {
	font-weight: 700;
	margin-top: 7px;
	margin-bottom: 40px;
}

	.accessLog-currentTime span {
		color: #7ab260;
	}

.restoreBackup-currentTime {
	font-weight: bold;
}

	.restoreBackup-currentTime #restoreBackup-worldTimeDynamic {
		color: #7ab260;
	}

table#currentSubsTable,
table#expiredSubsTable,
table#currentUserTable,
table#accessLog-activeTable,
table#accessLog-prevTable {
	border: 1px solid #C1C2BF;
	margin-bottom: 20px;
   	font-size: 12px;
}

	table#currentUserTable th,
	table#currentUserTable td,
	table#expiredSubsTable th,
	table#expiredSubsTable td,
	table#accessLog-activeTable th,
	table#accessLog-activeTable td,
	table#accessLog-prevTable th,
	table#accessLog-prevTable td,
	table#accessLogUser-activeTable td,
	table#accessLogUser-activeTable th,
	table#accessLogUser-prevTable td,
	table#accessLogUser-prevTable th {
		padding: 5px;
	}

	table#currentUserTable th,
	table#currentSubsTable th,
	table#expiredSubsTable th,
	table#accessLog-activeTable th,
	table#accessLog-prevTable th,
	table#accessLogUser-activeTable th,
	table#accessLogUser-prevTable th {
		background-color: #7ab260;
		color: #ffffff;
	}

	table#currentUserTable .oddRow,
	table#currentSubsTable .oddRow,
	table#expiredSubsTable .oddRow,
	table#accessLog-activeTable .oddRow,
	table#accessLog-prevTable .oddRow,
	table#accessLogUser-prevTable .oddRow {
		background-color: #edece6;
		background-image: url("/static/images/misc/patterns/square-pattern.png");
		background-repeat: repeat;
		border: 0px solid transparent;
	}

	table#currentUserTable .evenRow,
	table#currentSubsTable .evenRow,
	table#expiredSubsTable .evenRow,
	table#accessLog-activeTable .evenRow,
	table#accessLog-prevTable .evenRow,
	table#accessLogUser-prevTable .evenRow {
		border: 0px solid transparent;
		background-color: #f9f8f2;
	}

	table#currentUserTable .col1,
	table#currentUserTable .col2,
	table#currentUserTable .col3,
	table#currentUserTable .col4 {
		width: 15%;
	}

	table#currentUserTable .col5 {
		width: 25%;
	}

/*bmac*/

.accessLogUserRefreshButton {
	margin-bottom: 20px;
}

.hosting-panel-main-description-text {
	color: gray;
	font-size: 12px;
	margin-bottom: 30px;
}

#worlds_panel_nav li {
    padding: 1em;
}
#worlds_panel_nav {
	color: #c1c2bf;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2em;
	width: 30%;
	padding: 0;
}
#worlds_panel_nav li { 
	padding: 1em;
}
#worlds_panel_nav li.active {
	background: #f9f8f2;
	/*border-radius: 4px;*/
	border-radius: 4px 0 0 4px;
}
#worlds_panel_nav a { 
	cursor:pointer;
}
}
@media all and (max-width: 767px) {
	#worlds_panel_nav {
		width: 100%;
		margin-top: 2em;
	}
	#worlds_panel_nav li.active {
		border-radius: 4px;
	}
}
.paginationNumbers{
	float:right; 
	margin-top:5px;
	margin-right:20px;
}

.pick_world_search_btn{
	border:0;
	background-color: #ccc !important;
	background-image: url("/static/images/misc/icons/search.png") !important;
	background-repeat: no-repeat !important;
	background-position: 5px 4px !important;
	background-size: 20px 20px !important;
	width:30px;
	height: 28px;
}
#pick_world_search_box_positioner{
	width:auto;
	float: right;
}

.pick_world_search_box{
	float: left;
	border: 1px solid #C1C2BF !important;
}

.pick_world_search_btn{
	float: left;
	border-top: 1px solid #C1C2BF !important;
	border-right: 1px solid #C1C2BF !important;
	border-bottom: 1px solid #C1C2BF !important;
}

#pick_world_results_box{
	padding: 2px;
	width: 100%;
	height: 220px;
	background: #fff;
	overflow: auto;
	margin-bottom: 10px;
}

#pick_saved_world_results_box{
	padding: 2px;
	width: 100%;
	height: 186px;
	background: #fff;
	overflow: auto;
	margin-bottom: 10px;
}

.pick_saved_world_search_box{
	float: left;
	border: 1px solid #C1C2BF !important;
}

.pick_saved_world_search_btn{
	float: left;
	border-top: 1px solid #C1C2BF !important;
	border-right: 1px solid #C1C2BF !important;
	border-bottom: 1px solid #C1C2BF !important;
}


.item-savedWorld{
	border: 1px solid #C1C2BF;
	padding: 15px;
	min-height: 180px;
	height: auto;
	overflow: hidden;
}

#wp_screen_overlay{
	position:fixed;
	top:0;
	z-index: 1001;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.3);
	background: rgba(0, 0, 0, 0.3);
	display: none;
}

#subPanelBox{
	margin: 0 auto;
	margin-top: 10%;
	width:70%;

}

#save_worlds_edit_title{
	display: none;
}

#savedWorld-dynamic-title{display: inline-block;}
#savedWorlds_update{display: none;}

#studentLink{
	display: block;
	border: 1px solid rgb(193, 194, 191);
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 2px;
	width: 94%;
	background: white;
	word-wrap: break-word;
	margin: 0 auto;
}

#uam_group_name_field{
	display: none;
	float: left;
	margin-right: 10px;
}

#uam_self_reg_expired {
	display: none;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 94%;
}

#uploadWorldCancel {
	float: left;
}

#uam_select_group{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
}

.uam_self_reg_controls{
	margin-bottom: 11px;
	margin-top: 3px;
	display: inline-block;
}

.uam_self_reg_controls p,
.uam_self_reg_controls input,
.uam_self_reg_controls a {
	display: inline-block;
}

#uam_group_name_edit{display: inline-block;}

#uam_group_name_update{
	display: none;
	padding-top: 2px !important;
	padding-bottom: 2px !important; 
	margin-left: 0px !important;
	margin-right: 5px; 
}

#uam_student_group_name_update{
	display: none;
	padding-top: 2px !important;
	padding-bottom: 2px !important; 
	margin-left: 0px !important;
	margin-right: 5px;
}

#uam_group_name_cancel{
	display: none;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

#add_user_manually_form input,
#add_user_manually_form select {
	width: 19.5%;
	color: gray;
	padding-left: 7px;
	font-size: 13px;
}

.add_multiple_students_manually {
	float: left;
	padding-top: 7px;
	font-size: 13px;
}

#acceptTOS {
	width: auto !important;
	margin-right: 5px;
	margin-top: 11px;
}

#add_user_manually_form label {
	text-transform: none;
}

#add_user_manually_submit {
	color: white !important;
	font-size: 11px !important;
	padding: 7px !important;
	width: 93px !important;
	border-radius: 4px !important;
	margin-bottom: 6px;
}

	#add_user_manually_submit:hover {
		text-decoration: underline;
	}

#uam_group_short_name_field{
	display: none;
	margin-right: 10px;
	width: 130px;
	padding-left: 5px;
}

.userManagementIntro-arStudents {
	font-size: 14px !important;
}

.userManagement-selfreg-disabled-infotext,
.userManagement-selfreg-enabled-infotext{
	margin-bottom: 4px;
}

#uam_group_short_name_edit{display: inline-block;}

#uam_group_short_name_remove,
#uam_group_short_name_edit
{
	padding-top: 7px;
	padding-bottom: 6px;
	border-radius: 4px;
	margin-top: 5px;
}

#uam_group_short_name_update{
	display: none;
	padding-top: 8px !important;
	padding-bottom: 5px !important;
	margin-left: 0px !important;
	margin-right: 5px;
}

.userManagement-groupSettings label {
	text-transform: none;
}

#uam_group_short_name_cancel{
	display: none;
	padding-top: 8px !important;
	padding-bottom: 5px !important;
	background: #c9302c;
}

#collect_real_names{
	margin-right: 4px;
	text-transform: none;
}

#uam_group_short_name_new_infotext {
	display: none;
	color: gray;
}

.active_worlds_name_field{
	display: none;
	float: left;
	margin-right: 10px;
	width:200px;
	height: 2em !important;
	border-radius: 4px;
	padding-left: 7px;
	color: #636363;
	font-size: 12px;
}

.active_servers_name_field{
	display: none;
	float: left;
	margin-right: 3px;
	width:200px;
	height: 2em !important;
	border-radius: 4px;
	padding-left: 7px;
	color: #636363;
	font-size: 12px;
}

.active_worlds_name_edit{display: inline-block; margin-top: 3px;}
.active_worlds_name_update{display: none;}
.active_worlds_name_cancel{display: none;}

.active_servers_name_edit{display: inline-block; margin-top: 3px; float: left; }
.active_servers_name_update{display: none;}
.active_servers_name_cancel{display: none;}

.viewlogs-btn-back {
	float: right;
	margin-top: 18px;
}

.viewlogs-note-entry-latest {
	color: gray;
	font-size: 14px;
	font-family: "Inconsolata";
	margin-bottom: 13px;
	padding-bottom: 0px;
}

#view-access-log-area {
	margin-top: 20px;
	cursor: default;
	background-color: rgb(239, 238, 233);
	padding: 10px;
	overflow-y: scroll !important;
	max-height: 300px;
	height: 300px;
}

	#view-access-log-area p {
		font-family: "Inconsolata", "sans-serif";
	}

.active_servers_name_cancel,
.active_servers_name_update {
	float: left !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.active_servers_name_cancel {
	margin-right: 3px;
}

#promptScreenBox{
	display: none;
	margin: 0 auto;
	width:300px;
	background-color: #F9F8F2;
	padding:30px 30px 30px 30px;
	border:none 5px #000000;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

#promptScreenBox a{
	float: none;
}

#wp_confirm_new_password_field{
	margin-bottom: 10px;
}

.active_world_view_access_log {
	display: none;
}

.activateWorld-access-log-back{
	float: left !important;
}

.activateWorld-restore-backup-btn-back{
	float: left !important;
}

.backup-hours-selection {
	width: 55px !important;
}

#backup-time-ampm {
	width: 55px !important;
}

#backup-frequency {
	width: 160px !important;
}

.remove_backup_action {
	font-size: 12px;
	color: rgb(153, 187, 139) !important;
}

.access_control_overlay{
	position:absolute;
	top:0;
	/*background-color: #000;*/
	width:100%;
	height: 100%;
	/*opacity: 0.2;*/
}

#unlimited_access_overlay{display:none;}
#preset_access_overlay{display:block;}
#custom_access_overlay{display:block;}

.accessControl-unlimited{position: relative;}
.accessControl-preset{position: relative;}
.accessControl-custom{position: relative;}

.accessControl-itemTime{width: auto;}
.accessControl-allDay{width: auto;}
.accessControl-betweenTime{width: auto;}

#access_control_group_name_field{
	float:left;
	display: none;
}

.access_control_group_name_update{
	display: none;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin-left: 5px;
	margin-right: 5px !important;
}

.access_control_group_name_cancel{
	display: none;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.createWorld-advanced{display: none;}

#joinGroupRegisterForm{
	margin: 0 auto !important;
	float: none !important;
}

#joingroupregister_submit{
	float: none;
	margin-top:20px;
	margin-bottom:20px;
}

#uag_change_pw{margin-right:10px;}
.activateWorld-access-log-back2{
	display: none;
	float:left !important;
}

#savedWorlds_edit_cancel{display: none;}
.enable_auto_renew{display: none;}

.accountBilling-extend-subscription{margin-right: 10px;}
#sortable li{list-style: none;}
.plus{font-size: 20px;}
#uam_clear1{display: none;}
.savedworlds_clear{display: none;}

.savedworlds_clear2{
	display: none;
	margin: 0;
}

.uam_break{display:none;}
#uam_student_type{display:none;}
#uam_teacher_type{display:none;}
#worldlibrary_clear{display: none;}
.access_control_clear1 {display: none;}
.savedworlds_break{display: none;}
#panel_activateWorld_2 form{margin-top: 0;}
.student-signup-disabledText { display: none; color: red; }
.student-signup-disabledLink { cursor: pointer; }

.savedWorld-activateNow{
	float:left !important;
	margin-right: 10px !important;
}
.savedWorld-activateCopy{float:left !important;}
.savedWorld-rename{float:left !important;}
.savedWorld-update{float:left !important;}
.savedWorld-delete{float:left !important;}

#signup_err_box .glyphicon{color:#f00;}

.ui-tooltip{z-index: 3000;}

#panel_activeWorlds{display:block;}
#panel_activateWorld_1{display: none;}
#panel_activateWorld_2{display:none;}
#panel_createNewWorld{display:none;}
#panel_uploadWorld{display:none;}
#panel_worldOptions{display: none;}
#panel_createUserAccounts{display: none;}
#panel_activateWorld_success{display: none;}
#panel_accessLog{display: none;}
#panel_downloadActiveWorld{display: none;}
#panel_accessLogUser{display: none;}
#panel_backupSchedule{display: none;}
#panel_savedWorlds{display: none;}
#panel_userManagementIntro{display: none;}
#panel_userManagement{display: none;}
#panel_accessControl{display: none;}
#panel_moveUserToGroup{display: none;}
#panel_restorBackup{display: none;}
#panel_extendSubscription{display:none;}
#panel_timezonesettings{display:none;}
#panel_error{display: none;}
#panel_savedWorld{display: none;}
#panel_viewlogs{display:none;}
#panel_accountBilling{display: none;}
#panel_upgradeServers{display: none;}
#panel_addMultipleStudents{display: none;}
#panel_reportproblem{display: none;}

.active_worlds_name_cancel,
.active_worlds_name_update,
.active_servers_name_cancel,
.active_servers_name_update {
	font-size: 10px !important;
	padding-bottom: 3px !important;
	height: 24px !important;
}

.active_worlds_name_cancel,
.active_worlds_name_update {
	padding-top: 6px !important;
}

#panel_reportproblem {
	text-align: center;
}

	#panel_reportproblem #report-problem-description-text {
		color: gray;
		font-size: 13px;
	}

	#panel_reportproblem #report-problem-textarea {
		width: 50%;
		height: 200px;
		padding: 7px;
		color: rgb(92, 92, 92);
	}

#panel_addMultipleStudents {
	text-align: center;
	overflow-y: scroll;
	max-height: 490px;
}

#panel_timezonesettings {
	text-align: center;
}

	#panel_timezonesettings .timesettings-modal-desc-text {
		color: gray;
		margin-bottom: 20px !important;
	}

	#panel_timezonesettings #savetimesettings-modal {
		clear: both;
	}

#err_box_create_group_accnt,
#signup_err_box {
	display: none;
	padding: 20px 0 5px 0;
	background-color: #fff;
	width:100%;
	border:1px solid #000;
	margin-bottom: 20px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	text-align: center !important;
}

.joingroupregister-authorized {
	font-size: 14px !important;
}

#joingroupregister_submit {
	width: 100%;
	height: 50px;
}

#err_box_create_group_accnt .glyphicon{
	color:#f00;
}

#err_box_group_login{
	display: none;
	padding: 20px 10px 5px 10px;
	background-color: #fff;
	width:100%;
	border:1px solid #000;
	margin-bottom: 20px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	text-align: center !important;
}

#err_box_group_login .glyphicon{
	color:#f00;
}

#selfregister_userPW_err{display: none;}
#selfregister_user_err{display: none;}
#selfregister_password_err{display: none;}
#selfregister_auth_err{display: none;}

.selfregister-mcedu-account-info {
  width: 82%;
  margin: 0 auto;
  margin-bottom: 16px;
  font-size: 88%;
  padding: 12px;
}

#btn_submit1{
	border: medium none;
	color: #FFF;
	background: none repeat scroll 0% 0% #7AB260;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.75em;
	padding: 0.75em 1.5em;
	margin-top: 20px;
}

#btn_submit2{
	border: medium none;
	color: #FFF;
	background: none repeat scroll 0% 0% #7AB260;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.75em;
	padding: 0.75em 1.5em;
	margin-top: 20px;
}

.self-reg-login-button {
	width: 82%;
	height: 43px;
}

#duplicate_short_name_err_box{
	display: none;
	float: left;
	width:100%;
	min-height: 20px;
	background-color: #fff;
	text-align: center;
}

#duplicate_short_name_err_box .glyphicon{color:#f00;}

#acceptTOS_err{
	display: none;
	color: red;
}

#addUserManuallyMsgBox{
	display: none;
	margin-bottom: 5px;
	width: 100%;
	min-height: auto;
	padding: 10px;
	background-color: #fff;
}

.amaran.colorful .colorful-inner{
	font-family: "Merriweather", "Raleway", "Helvetica Neue", sans-serif;
}

#addUserManuallyMsgBox p{margin-bottom: 0;}
#addUserManuallyMsgBox .glyphicon-exclamation-sign{color:#f00;}
#addUserManuallyMsgBox .glyphicon-ok-sign{color:#36D62A;}

.active_world_tile_msg_box{
	display: none;
	width:100%;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}

.active_world_tile_msg_box p{
	margin-bottom: 0;
}

.success_msg{color:#79AD62;}
.failed_msg{color:#f00;}
.activateSuccess-back{
	margin-top: 10px;
	float: left !important;
}
.image-field-caption{display: none;}

#loadingImg{
	width:40px;
	height: 20px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    display: block;
}

#inactiveWorldLoadingImg{
	width:40px;
	height: 20px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    display: block;
}

.lw_learn_more_box{
	display: none;
	margin-top:10px;
	margin-bottom: 10px;
	padding:10px;
	background-color: #EFEFEF;
}

.activeWorld-less-library{display: none;}
#groupSelectForm{display: block;}
#saved_world_search_box_positioner{float:right;}

.savedWorlds_world_name {
	display: inline-block;
}

.savedWorlds-rename {
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	text-decoration: underline;
}

.item-activeSavedWorld {
	display: none;
	border: 1px solid #C1C2BF;
	padding: 15px;
	min-height: 180px;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.item-activeSavedWorld .bm_clear {margin-bottom: 0;}


#pick_saved_world_results_box #loadingImg{
	/*display: none;*/
	margin-top: 80px;
}

.pick_saved_world_search_btn{
	border:0;
	background-color: #ccc !important;
	background-image: url("/static/images/misc/icons/search.png") !important;
	background-repeat: no-repeat !important;
	background-position: 5px 4px !important;
	background-size: 20px 20px !important;
	width:30px;
	height: 28px;
}

.active_world_close_student{display: none;}
.active_world_open_student{display: none;}
.inactiveWorld-update{
	float:none !important;
	margin-top: 2em;
	display: none;
	height: 28px;
}

.inactive_worlds_name_cancel{display: none;}

.inactive_worlds_name_cancel {
	float: none !important;
	padding-bottom: 5px !important;
	background-color: #d9534f !important;
}

.savedWorlds_activate_edit_title{
	display: none;
	margin-top: 2em;
	margin-right: 8px;
}

#form-backupSchedule label {
	margin-right: 5px;
	margin-top: 3px;
}

#form-backupSchedule select {
	width: 11em;
}

#form-backupSchedule #backup-time {
	padding-left: 5px;
}

#loadingImg2{
	width: 30px;
	position: relative;
	display: none;
	float: right;
}

.loadingImg_activeTile{
	width: 30px;
	display: none;
	float: right;
}

.loadingImg_deactivateTile{
	width: 30px;
}

#inactive_world_search_box_positioner{float: right;}
.inactive_world_search_box{border:1px solid #C1C2BF !important;}
#saved_worlds_heading{float:left;}

.inactive_world_search_btn{
	float:right;
	border:0;
	background-color: #ccc !important;
	background-image: url("/static/images/misc/icons/search.png") !important;
	background-repeat: no-repeat !important;
	background-position: 5px 4px !important;
	background-size: 20px 20px !important;
	width:30px;
	height: 28px;
	border-top: 1px solid #C1C2BF !important;
	border-right: 1px solid #C1C2BF !important;
	border-bottom: 1px solid #C1C2BF !important;
}

.savedWorlds-must-deactivate{
	display: block;
	margin-left: 170px;
    text-align: center;
    background-color: #969696 !important;
}

.activateInactiveloadingImg{
	display: none;
	width: 30px;
	float:right;
}

#loadingImg_worldOptions{
	display: none;
	width: 30px;
	float:right;
}

#loadingImg_uploadWorld{
	display: none;
	width: 30px;
	float:right;
}

#loadingImg_library{
	display: none;
	width: 30px;
	float:right;
}

#loadingImg_random{
	display: none;
	width: 30px;
	float:right;
}

#reload_loadingImg{
	width: 30px;
	/*margin-left: auto;
    margin-right: auto;*/
}

#reloading_msg{
	display: none;
	margin: 0 auto;
	padding: 10px;
	width:400px;
	height: 100px;
	background-color: #F9F8F2;
	border-radius: 4px;
}

#reload_loadingImg_positioner{
	margin: 0 auto;
	width:30px;
	height: auto;
}

.loadingImg_deactivateTile{margin: 4px 0 0 6px;}

#reloading_msg p{text-align: center;}
#inactive_worlds_results_box #no_inactive_worlds_msg{text-align: center;}
.active_worlds_name_update{float:left !important; height: 28px; margin-right: 5px;}
.active_worlds_name_cancel{float:left !important; height: 28px; margin-right: 3px; margin-left: 3px;}
.active_worlds_name_field{margin-right: 0;}
.active_status_text{font-weight:100 !important;}
.status_text_inactive{font-weight: bold;}
#panel_activateWorld_2 select{width:180px;}
#panel_savedWorld select{width:180px;}
#activateWorldCancel_library{float:left !important;}
#activateWorldCancel_saved{float:left !important;}
.popover-content ul{list-style-type: none !important;}

.active_status_text,
.open_students_status_text {
	padding: 3px 5px 2px 5px;
	color: white;
	background: #7AB260;
	border-radius: 4px;
	font-size: 11px !important;
	border: 1px solid #868686;
}

.active_status_text {
	width: 90px;
	text-align: center;
}

.open_students_status_text {
	width: 140px;
	text-align: center;
}

	.open_students_status_text.is_closed_for_students {
		background: #ec971f;
	}

.aw_label_mousein {
	background-color: #D05957 !important;
	cursor: pointer;
}

.aw_label_mousein_yellow {
	background-color: #ec971f !important;
	cursor: pointer;
}

.aw_label_mousein_green {
	background-color: #7AB260 !important;
	cursor: pointer;
}

.deactivating_text{
	display: none;
	float:right;
	font-size:10px;
	margin-right: 10px;
}

.no_inactive_worlds_msg{text-align: center;}

.worlds-panel-btn{
	display: block;
	border-radius: 0.5em;
	border: 1px solid #261910;
	background-color: #4884b8;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#a66d47, endColorstr=#754d32)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a66d47', endColorstr='#754d32');
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #383838;
	padding: 10px;
	color:#fff;
	text-align: center;
	max-width: 400px;
	transition: background-color 0.5s ease 0s;
    transition-property: background-color;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    text-decoration: none;

}

.worlds-panel-btn:hover{
	color:#fff;
	background-color: #275984;
	text-decoration: none !important;
}

.worlds-panel-btn:visited{
	color:#fff;
	text-decoration: none !important;
}

.worlds-panel-btn:active{
	color:#fff;
	text-decoration: none;
}

.active_world_close_student,
.active_world_open_student {
	display: none !important;
}

.active_world_view_deactivate,
.active_world_close_student,
.active_world_open_student {
	margin-top: 0px !important;
}

	.active_world_view_deactivate {
		margin-left: 1px !important;
		margin-right: 5px !important;
	}

.my-servers-name {
	font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}

	.my-servers-name {
		font-size: 16px !important;
		font-weight: bold;
	}

	.my-servers-name span.server-name-on {
		color: #919090;
		font-size: 14px;
		font-weight: 500;
	}

	.my-servers-name span.inactive-server-on {
		color: #919090;
		font-size: 14px;
		font-weight: 500;
	}

/* Float labels styling */

	.js-float-label-wrapper label {
		font-weight: 500;
		float: none !important;
	}

	.js-float-label-wrapper.focused label,
	.js-float-label-wrapper.populated label {
		color: #999;
	}

	.js-float-label-wrapper.focused.populated label {
		color: #666;
	}

	.float-label-form textarea {
		resize: vertical;
	}

	.float-label-form input,
	.float-label-form textarea,
	.float-label-form select {
		display: block;
		border: 1px solid #eee;
		margin: 0.5em 0;
		padding: 1em;
		color: #666;
	}

	.float-label-form input[type="checkbox"] {
		display: inline-block;
	}

	.float-label-form label {
		font-size: 0.75em;
		color: #666;
	}

	.float-label-form input:focus,
	.float-label-form textarea:focus {
			border: 1px solid #ccc;
			color: #333;

			-webkit-outline: none;
			-moz-outline: none;
			outline: none;
		}

	/* Float labels styling */

	.js-float-label-wrapper label {
		font-weight: 500;
	}

	.js-float-label-wrapper.focused label,
	.js-float-label-wrapper.populated label {
		color: #999;
		font-weight: bold;
	}

	.js-float-label-wrapper.focused.populated label {
		color: #666;
	}

	/* Submit Button */

	.float-label-form input[type="submit"]{
		display: block;
		width: 320px;
		border: none;
		margin: 1em 0;
		padding: 1em;
		position: relative;
		background-color: #6d6;
		color: #fff;

		background-image: -webkit-radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
		background-image:    -moz-radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
		background-image:         radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
		
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
	}

	.float-label-form input[type="submit"]:hover{
		background-color: #7e7;
	}

	.float-label-form input[type="submit"]:active{
		background-color: #5c5;
	}

@media all and (max-width: 1200px) {
	#savedWorlds_edit_cancel {float: left;}
	#sw_title{float:left;}
	#save_worlds_edit_title{float:left;}
}

@media all and (max-width: 1024px) {
	#sortable {padding-left: 0;}
	#save_worlds_edit_title{ width: 180px;}
	#uam_clear1{display: block;}
}

@media all and (max-width: 992px) {
	#subPanelBox {width: 90%;}
}

@media all and (max-width: 780px) {
	.access_control_clear1 {display: block;}
	.accessControl-customItem{
		border-bottom: 1px solid #cccccc;
		margin-bottom: 20px;	
	}
}

@media screen and (min-width : 769px) and (max-width : 962px){
	.savedworlds_clear{display: block;}
	.savedWorld-buttons{
		width:auto;
		height: auto;
		float: left;
	}
}

@media all and (max-width: 768px) {
	#worlds_panel_nav {width: 100%;}
	#worlds_panel_nav li.active{
		border-radius: 4px;
	}
}

@media all and (max-width: 767px) {
	#worldlibrary_clear{display: block;}
	#pick_world_search_box_positioner{
		margin-bottom: 10px;
		width:100%;
	}
	.pick_world_search_box{width: 90%;}

}

@media all and (max-width: 672px) {
	.savedworlds_clear{display: block;}
	.savedWorld-buttons{
		width:auto;
		height: auto;
		float: left;
	}
}

@media all and (max-width: 680px) {
.savedWorld-thumb{
		float: none;
		width: 100px;
		height:100px;
		margin: 0 auto;
		margin-bottom:10px;
	}

	.savedWorld-buttons{width: 100%;}
	.savedWorld-activateNow{
		width: 100%;
		float:left !important;
		margin-bottom: 5px;
	}
		.savedWorld-activateCopy{
		width: 100%;
		float:left !important;
		margin-bottom: 5px;
	}
	.savedWorld-rename{
		width: 100%;
		float:left !important;
		margin-bottom: 5px;
	}
	.savedWorld-update{
		width: 100%;
		float:left !important;
		margin-bottom: 5px;
	}
	.savedWorld-delete{
		width: 100%;
		float:left !important;
		margin-bottom: 5px;
	}

	.savedWorld-title h4{width:100%;}

	.save_worlds_edit_title_field{
		width:100% !important;
		margin-bottom: 10px;
	}

	.savedWorld-edit-cancel{width:100%;}

	.active_worlds_name_field{
		width:100%;
		margin-bottom: 10px;
	}

	.activeWorld-thumb{
		width: 100px;
		height: 100px;
		float: none;
		margin: 0 auto;
		margin-bottom: 5px;
	}

	.active_worlds_name_field{
		width:100%;
		margin-bottom: 10px;
	}

	.activeWorld-activate{width:100%;}

	.active_worlds_name_update{
		width:49%;
		float: left !important;
		margin-right: 2%;

	}
	.active_worlds_name_cancel{
		width:49%;
		float: left !important;
	}

	.uam_break{display:block;}

	#uam_group_name_field{
		width:100%;
		margin-bottom: 10px;
	}

	#uam_group_name_update{
		width:49%;
		margin-right: 2%;

	}

	#uam_group_name_cancel{
		width:49%;
		margin-right: 0;

	}

	#uam_group_short_name_field{
		width:100%;
		margin-bottom: 10px;
	}

	#uam_group_short_name_update{
		width:49%;
		margin-right: 2%;

	}

	#uam_group_short_name_cancel{
		width:49%;
		margin-right: 0;

	}

	#btn_submit{width:100%;}
	.access_control_add_rule{width:100%;}
	.accessControl-cancel{
		width:49% !important; 
		float:left !important;
		margin-right: 0% !important;
	}
	.accessControl-save{
		width:49% !important; 
		float:left !important;
		margin-right: 2% !important;
	}

	#access_control_group_name_field{
		width:100%;
		margin-bottom: 10px;
	}

	.access_control_group_name_update{
		width:49%;
		margin-left: 0 !important;
		margin-right: 2%;

	}

	.access_control_group_name_cancel{
		width:49%;
		margin-right: 0 !important;

	}

	.backupSchedule-cancel{
		width:49% !important;
		margin-left: 0 !important;
		margin-right: 0% !important;
		float: left !important;

	}

	.backupSchedule-save{
		width:49% !important;
		margin-right: 2% !important;
		float: left !important;

	}

	#activateWorldCancel{
		width:49% !important;
		margin-right: 2% !important;

	}

	#activateWorldContinue{
		width:49% !important;
		margin-left: 0 !important;
		margin-right: 0% !important;

	}

	#activateWorldCancel_library{
		float: left !important;
		width:49% !important;
		margin-right: 2% !important;

	}

	.activateWorld-continue{
		width:49% !important;
		margin-left: 0 !important;
		margin-right: 0% !important;
	}

	#createWorldCancel{
		width:49% !important;
		margin-right: 2% !important;
	}

	.createWorld-continue{
		width:49% !important;
		margin-left: 0 !important;
		margin-right: 0% !important;
	}

	#worldOptionsBack{
		width:49% !important;
		margin-right: 2% !important;

	}

	.worldOptions-activate{
		width:49% !important;
		margin-left: 0 !important;
		margin-right: 0% !important;

	}

}
}

@media all and (max-width: 527px) {
	.access_control_group_name_edit{float:none !important;}
	#uam_group_name_edit{float: none !important;}
}


@media all and (max-width: 505px) {
	.savedworlds_break{display: block;}
	.savedworlds_clear2{display: none;}
}

@media all and (max-width: 360px) {
	.pick_world_search_box {width: 87%;}
}

@media all and (max-width: 320px) {
	#uam_group_name_edit{float: none !important;}
	#uam_group_name_dynamic{margin-bottom: 10px;}
	.backToUsers{width:100%;}
	#accessControl-itemAccess{margin-bottom: 6px;}

	.item-activeWorld a, .item-activeWorld p, .item-activeLibraryWorld a, .item-activeLibraryWorld p, .item-savedWorld a, .item-savedWorld p, .item-userManagementIntro a, .item-userManagementIntro p, .item-accessControlIntro a, .item-accessControlIntro-copy p, .item-customSetup-copy p, .userManagement-info a, .userManagement-info p, #panel_accessControl a, #panel_accessControl p, #form-backupSchedule a, #form-backupSchedule p {
		font-size: 11px;
	}
}

@media all and (max-width : 767px) and (orientation : landscape) {
	body{position: relative;}
	
	#wp_screen_overlay{position: absolute;}
	#panel_activateWorld_1{position:relative;}
	#panel_backupSchedule{position:relative;}
}
/*bmac*/

/* Self Register Page styles
-------------------------------------------------- */

.featurette-selfRegisterContainer {
	background: #476e35 url("/static/images/about/featureSet/featureSet-BG.jpg") no-repeat top center;
	background-size: cover;
	padding-bottom: 20px;
}

	.featurette-selfRegisterContainer .row {
		margin-bottom: 80px;
	}

	.featurette-selfRegisterContainer .container {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

.selfRegister-copy {
	text-align: center;
	color: #f9f8f2;
}

	.selfRegister-copy h2 {
		font-weight: 300;
		font-size: 48px;
		margin-bottom: 10px;
	}

	.selfRegister-copy a {
		margin-bottom: 10px;
		color: #383838;
		font-weight: 700;
		text-decoration: underline;
		margin-left: 20px;
	}

	.selfRegister-copy p {
		margin-bottom: 20px;
	}

.selfRegister-groupSubTitle {
	line-height: 21px;
	margin-bottom: 30px;
	font-size: 15px;
}

.selfRegister-groupTitle {
	font-weight: 700;
}

	p span.selfRegister-groupTitle {
		color: white;
	}

.selfRegister-warning {
	color: white;
}

.selfRegister-type {
	text-transform: uppercase;
	font-weight: 700;
	color: #383838;
}

.selfRegister-currentUser,
.selfRegister-newUser {
	background-color: #edece6;
	background-repeat: repeat;
	min-height: 300px;
	padding: 20px;
	width: 48%;
	float: left;
}

	@media all and (min-width: 320px) {
		.selfRegister-currentUser,
		.selfRegister-newUser {
			width: 100%;
		}

			.selfRegister-currentUser {
				margin-right: 0%;
				margin-bottom: 20px;
			}
	}

	@media all and (min-width: 768px) {
		.selfRegister-currentUser,
		.selfRegister-newUser {
			width: 48%;
		}

			.selfRegister-currentUser {
				margin-right: 2%;
				margin-bottom: 0px;
			}
	}

	.selfRegister-currentUser h3,
	.selfRegister-currentUser p,
	.selfRegister-newUser h3,
	.selfRegister-newUser p {
		text-align: center;
		margin-bottom: 20px;
	}

#form-selfRegisterCurrent input[type="text"],
#form-selfRegisterCurrent input[type="password"] {
	height: 58px;
}

.featurette-selfRegisterContainer input[type="submit"] {
	border: none;
	color: #fff;
	background: #7ab260;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.75em;
	padding: 0.75em 1.5em;
	float: right;
	margin-top: 20px;
}

	.featurette-selfRegisterContainer input[type="submit"]:hover {
		text-decoration: underline;
	}

.form-selfRegisterCurrent-content,
.form-selfRegisterNew-content {
	height: auto;
	min-height: 80px;
	overflow: hidden;
	margin: 0 auto;
}

	.form-selfRegisterCurrent-content input {
		border: 1px solid rgb(179, 179, 179);
		letter-spacing: 1px;
	}


/* TOS Page styles
-------------------------------------------------- */

ol.tos-limitations {
	list-style-type: lower-latin;
}

/* 404 Page styles
-------------------------------------------------- */

.hero404 {
	background-image: url("/static/images/misc/heroCreeper.jpg");
}

	.featurette-404 img {
		float: left;
	}

	.featurette-404 h1 {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 500;
		font-size: 150px;
	}

	.featurette-404 p {
		font-size: 16px;
	}

	.featurette-404 a {
		text-decoration: none;
		color: #4f8c34;
	}

		.featurette-404 a:hover {
			text-decoration: underline;
		}

/* Footer styles
-------------------------------------------------- */

footer {
	background-color: #080808;
	/*background: -webkit-gradient(linear, 0% 70%, 0% 100%, from(#080808), to(#383838));
	background: -webkit-linear-gradient(top,#080808 70%,#383838 100%);
	background: -moz-linear-gradient(top,#080808 70%,#383838 100%);
	background: -ms-linear-gradient(top,#080808 70%,#383838 100%);
	background: -o-linear-gradient(top,#080808 70%,#383838 100%);*/
}

	footer .container {
		padding-top: 20px;
		padding-bottom: 40px;
	}

	footer .navbar-social {
		/*width: 220px;*/
		width: 100%;
		float: left;
	}

		footer .navbar-social li:first-child {
			font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-weight: 300;
			font-size: 14px;
			text-transform: uppercase;
			color: #7bb163;
			margin-right: 10px;
		}

		.footer-sitemap {
			/*float: left;*/
		}

		.footer-group {
			height: 180px;
		}

		@media all and (min-width: 320px) {
			/*.footer-sitemap ul li {
				width: 120px;
			}*/
		}

		@media all and (min-width: 768px) {
			footer .navbar-social {
				margin-top: 10px;
			}
		}

		@media all and (max-width: 768px) {
			
		}

		@media all and (min-width: 992px) {
			footer .navbar-social {
				margin-top: 10px;
			}
			
			/*.footer-sitemap ul li {
				width: 130px;
			}*/
		}

		.footer-social-box {
			/*width: 220px;
			float: right;*/
		}

		footer .footer-social-box p {
			font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
			font-weight: 500;
			font-size: 11px;
			color: #7d8182;
			margin-top: 40px;
		}

	.footer-sitemap h4 {
		font-family: "Raleway", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-weight: 500;
		color: #7d8182;
		font-size: 14px;
	}

	@media all and (min-width: 320px) {
		.footer-sitemap h4 {
			text-align: left;
		}
	}

	@media all and (min-width: 768px) {
		.footer-sitemap h4 {
			text-align: center;
		}
	}

		.footer-sitemap h4 a {
			color: #7d8182;
		}

		.footer-sitemap h4 a:hover {
			color: #7bb163;
			text-decoration: none;
		}

	/*.footer-sitemap ul {
		list-style:none;
		margin-top: 0;
		padding-top: 0;
	}

		.footer-sitemap ul li {
			float:left;
		}

		.footer-sitemap ul li:last-child {
			width:100px;
		}

	.footer-group ul {
		line-height: 30px;
		margin-left: 0;
		padding-left: 0;
	}

	.footer-group ul li a {
		font-weight: 300;
		color: #5a5a5a;
	}

	.footer-group ul li a:hover {
		color: #7bb163;
		text-decoration: none;
	}*/

	footer .separation-bar {
		display: block;
		margin:0 auto;
	}

/* Navigator font sizes to smaller ones on sizes 992px -> 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
	.navbar-inverse .navbar-nav>li>a {
		font-size: 12px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.navbar-tg a {
		font-size: 12px !important;
	}

	.purchase-button {
		width: 81px !important;
		max-width: 81px !important;
		font-size: 11px !important;
	}
}

/* Collapse navigator early on 992px */
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
}