/*-- reset stuff --*/
*{
	margin:0;
	/*-webkit-backface-visibility: hidden;*/
	/*padding:0;*/
}
.cke_chrome{
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}
.cke_inner{
	cursor: pointer !important;
	margin-bottom: 90px !important;
}

.cke_top{
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.8) !important;
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.8) !important;
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.8) !important;
}

#review_form .cke_inner{
	cursor: pointer !important;
	margin-bottom: 0 !important;
}
#review_form .cke_top{
	-webkit-box-shadow: none !important;
	-moz-box-shadow:    none !important;
	box-shadow:         none !important;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
   font-family: 'entypo';
   font-display: block;
    src: url('entypo.eot?v=fcl');
    src: url('entypo.woff?v=fcl') format('woff'),
         url('entypo.ttf?v=fcl') format('truetype'),
         url('entypo.svg?v=fcl#entypo') format('svg');
}
@font-face {
   font-family: 'entypo-social';
   font-display: block;
    src: url('entypo-social.eot?v=fcl');
    src: url('entypo-social.woff?v=fcl') format('woff'),
         url('entypo-social.ttf?v=fcl') format('truetype'),
         url('entypo-social.svg?v=fcl#entypo') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
      font-family: 'entypo';
      font-display: block;
      src: url('entypo.svg?v=fcl#entypo') format('svg');
   }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
      font-family: 'entypo-social';
      font-display: block;
      src: url('entypo-social.svg?v=fcl#entypo') format('svg');
   }
}

.entypo{
	font-family: 'entypo';
	font-size: 4em;
	color: #888;
}
.entypo-social{
	font-family: 'entypo-social';
	font-size: 1.5em;
	position: relative;
	top: 4px;
}
.entypo_inline{
	font-family: 'entypo';
	position: relative;
	top: 4px;
	font-size: 2.5em;
}
.entypo_lrgInline{
	font-family: 'entypo';
	position: relative;
	top: 10px;
	font-size: 4em;
}
/* ------- general rules for all elements ----------*/

body {
	font-family: 'Open Sans', Helvetica,sans-serif;
	font-size:80%;
	color: #666;
	line-height:150%;
	background-color: #e2e2e2;
}
body.win .entypo span, body.win .entypo a span{
	position: relative;
	top: -0.25em;
}
.white{
	background-color: #FFF;
	position: relative;
}
.whiteText{
	color: #FFF;
}
h1,h2,h3,h4,h5,h6, input[type=submit], input[type=button], a.button, button, .heading,.small_heading,.feed_tools a, .scoreOverlay,#start_activity p, .enter, #tabTitle p, .nav_button, .text_button,.downloadButton{
	font-family: 'bebas_neueregular','Open Sans', Helvetica,sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}


.c_content, #slide_container, #static_content, .v_container{
	width: 80%;
	/*width:900px;*/
	margin-left: auto;
	margin-right: auto;

	max-width: 1200px;
	position: relative;
}
@media screen and (max-width: 1000px){
	.c_content, #slide_container, #static_content, .v_container{
		width: 90%;
	}
}
.v_container{
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*border-top: 1px solid #FFF;*/
}
.v_container:first-of-type{
	border-top: none;
	margin-top: 0;
}
.v_container:last-of-type{
	margin-bottom: 20px;
}
.v_container h1{
	width: 100%;
}

.minHt{
	min-height: 500px;
	padding-bottom: 10px;
}
h1, h2{
	/*margin: 0.5em 0;*/
	margin-bottom: 0.5em;
}
h3, h4{
	margin: 0.5em 0;
}
.heading{
	font-size: 3.5em;
	line-height: normal;
}
.small_heading,.sub_heading, .question_heading{
	font-size: 2.5em;
	line-height: normal;
}
.question_heading{
	margin-top: 40px;
}

.top20{
	margin-top: 20px !important;
}

p{
	margin-bottom: 5px;
}

.italic {
	font-style: italic;
}
.bold{
	font-weight: bold;
}
.upper{
	text-transform: uppercase;
}
.smaller{
	font-size: 0.8em;
}

.bigger{
	font-size: 1.2em;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.hidden{
	display: none;
}
.menu_open{
	display: block !important;
}
.noBorder{
	border: none !important;
}
.centered{
	margin-left: auto !important;
	margin-right: auto !important;
}
.align_center{
	text-align: center !important;
}
.align_right{
	text-align: right;
}
.tablerow{
	display: table-row;
	height: 250px;
}
.innercell{
	/*display: table-cell;
	vertical-align: middle;*/
}

.clearfix{
	clear: both;
}
.dc1 {
	background: #777;
}
.dc0 {
	background: #444;
}
.status{
	color: #c02828;
}
.blue_bg{
	background: #e3f1fd;
}
.blueText{
	color: #5991B9;
}
.divider, hr{
	width: 80%;
	margin: 10px auto;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #888;
}
.scoreOverlay hr{
	border-bottom: 1px solid #FFF;
}
.vertDivider{
	height: 90px;
	width: 2px;
	background-color: #CCC;
	margin: 10px auto;
	-moz-border-radius:   1px;
  	-ms-border-radius:     1px;
  	-o-border-radius:     1px;
  	-webkit-border-radius:   1px;
  	border-radius:       1px;

}
.badge_preview .divider{
	width: 20% !important;
}

iframe{
	display: block;
	margin: 10px auto;
}

blockquote{
	margin-top: 20px;
	margin-right: 10px;
	position: relative;
}
.third blockquote,._half blockquote{
	margin-left: 50px;
	margin-right: 50px;
}
blockquote p{
	display: inline-block;
	position: relative;
	z-index: 2;
}

cite{
	font-style: normal;
	display: block;
}
.cite{
	text-align: center;
	display: block !important;
}
.quotes{
	position: absolute;
	background-image: url("../img/quotes.png");
	background-repeat: no-repeat;
	width: 42px;
	height: 30px;
	z-index: 1;
	overflow: hidden;
}
.before{
	left: -45px;
	top: -10px;
}
.after{
	bottom: 0px;
	right: -45px;
	background-position: -42px 0;
}
.error{
	color: #d42b2b;
}
.highlight{
	font-weight: bold;
	color: #536870;
}
.scoreText{
	font-size: 2em;
	margin-top: 10px;
	color: #5991B9;
}
.pink_bg{
	background: #fdcdcd !important;
}
.title{
	margin-top: 5px;
	margin-bottom: 10px;
}
.half{
	width: 50%;
	float: left;
	margin-bottom: 10px;
}
.emailIcon{
	font-size: 1.9em;
}
.whiteBox{
	padding: 30px 20px;
	margin-top: 50px;
	background-color: #FFF;
	-moz-border-radius:   10px;
  	-ms-border-radius:     10px;
  	-o-border-radius:     10px;
  	-webkit-border-radius:   10px;
  	border-radius:       10px;
  	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.6);
}
.centerBox{
	width: 60%;
	margin: 0 auto;
	text-align: justify;
}
/*------- gradient backgrounds ----------------------------*/
.blue_grad{
	background: rgb(171,226,246);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZTJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(171,226,246,1) 0%, rgba(255,255,255,1) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,226,246,1)), color-stop(50%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 50%);
	background: -o-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 50%);
	background: -ms-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to bottom,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe2f6', endColorstr='#ffffff',GradientType=0 );
}
.pink_grad{
background: rgb(255,150,194);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTZjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,150,194,1) 0%, rgba(255,255,255,1) 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,150,194,1)), color-stop(50%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,150,194,1) 0%,rgba(255,255,255,1) 50%);
background: -o-linear-gradient(top,  rgba(255,150,194,1) 0%,rgba(255,255,255,1) 50%);
background: -ms-linear-gradient(top,  rgba(255,150,194,1) 0%,rgba(255,255,255,1) 50%);
background: linear-gradient(to bottom,  rgba(255,150,194,1) 0%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff96c2', endColorstr='#ffffff',GradientType=0 );


}
.green_grad{
	background: rgb(210,232,181);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZThiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(210,232,181,1) 0%, rgba(255,255,255,1) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,232,181,1)), color-stop(50%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(210,232,181,1) 0%,rgba(255,255,255,1) 50%);
	background: -o-linear-gradient(top,  rgba(210,232,181,1) 0%,rgba(255,255,255,1) 50%);
	background: -ms-linear-gradient(top,  rgba(210,232,181,1) 0%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to bottom,  rgba(210,232,181,1) 0%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e8b5', endColorstr='#ffffff',GradientType=0 );
}
.orange_grad{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWQyYiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuODUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,173,43,0.7) 0%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,173,43,0.7)), color-stop(50%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,173,43,0.7) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,173,43,0.7) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,173,43,0.7) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,173,43,0.7) 0%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffad2b', endColorstr='#ffffff',GradientType=0 );
}
.blue_short_grad{
	background: rgb(171,226,246);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZTJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(171,226,246,1) 0%, rgba(255,255,255,1) 20%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,226,246,1)), color-stop(20%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 20%);
background: -o-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 20%);
background: -ms-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 20%);
background: linear-gradient(to bottom,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe2f6', endColorstr='#ffffff',GradientType=0 );
}

.blue_long_grad{
background: rgb(171,226,246);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZTJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(171,226,246,1) 0%, rgba(255,255,255,1) 90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,226,246,1)), color-stop(90%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 90%);
background: -o-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 90%);
background: -ms-linear-gradient(top,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 90%);
background: linear-gradient(to bottom,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe2f6', endColorstr='#ffffff',GradientType=0 );

}

/*------- page template stuff -----------------------------*/

#content{
	/*color: #FFF;*/
	font-size: 1.1em;
	color: #666;
	width: 100%;
	min-width: 730px;
	padding-top: 10px;
	border-top: 2px solid #CCC;
	border-bottom: 4px solid #FFF;
	position: relative;
}

#content h1{
	font-size: 3.2em;
	line-height: 100%;
	margin-bottom: 20px;
}
#primary_content{
	width: 80%;
	float:left;
	min-height: 400px;
}
#sidebar{
	float: left;
	width: 20%;
}
.widget{
	padding: 5px;
	background-color: #efefef;
    margin-top: 10px;
    overflow: auto;
  }
#sidebar h3,#sidebar p{
	text-align: center;
}
#sidebar .button{
	margin: 10px auto;
}
#footer{
	width: 100%;
	min-height: 50px;
	border-top: 5px solid #FFF;
	font-size: 0.9em;
	padding-bottom: 20px;
}
.footerCols{
	width: 70%;
	margin: 0 auto;
}
.footerCol{
	width: 25%;
	padding-left: 8%;
	float: left;
}
.footerBottom{
	clear: left;
}
#footer ul{
	list-style: none;
	padding: 0;
	margin: 0 auto 10px auto;
}
#footer h3{
	font-size: 1.2em;
	margin-bottom: 2px;
}
#footer a{
	color: #666;
}
#footer a:hover{
	text-decoration: underline;
}
#footercontact div{
	line-height: 120%;
	border-left: 2px solid #FFF;
	padding-left: 10px;
	margin-left: 10px;
	float: left;
}
#footercontact img{
	float: left;
	width: 150px;
	margin-top: 30px;
}
#credits{
	text-align: right;
	line-height: 120%;
}
#persona {
    position: relative;
    /* margin-top: 25px; */
    /* text-align: left; */
    padding: 0;
    /* width: 300px; */
    /* height: 40px; */
    /* line-height: 40px; */
    /* float: right; */
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
	align-items: center;
}
#persona p{
	margin-bottom: 0;
}

.cell, .padded_cell {
    /* float: right; */
    position: relative;
    /* min-width: 30px; */
    /* height: 30px; */
    /* line-height: 30px; */
    /* margin-right: 5px; */
}


.menu-cell{

	line-height: 24px !important;
}
.menu-cell .entypo{
	font-size: 3em;
}
.menu-cell i{

	font-size: 20px !important;
}
.menu-cell .user-name{

	margin-top: 10px !important;
}

.padded_cell{
	padding: 0 20px 0 0;
}
.cell p.rollover{
	white-space: nowrap;
	display: none;
	position: absolute;
	/*width: 100%;*/
	text-align: center;
	top: -25px;
	left: 0;
	color: #0380d1;
}
.indicator{
	position: absolute;
	top: 0px;
	left:-2px;
	z-index: 2;
	font-size: 0.8em;
	color: #FFF;
	width: 16px;
	height: 16px;
	line-height: 16px;
	/*font-weight: bold;*/
	background-color: #0380d1;
	text-align: center;
	-moz-border-radius:   8px;
  	-ms-border-radius:     8px;
  	-o-border-radius:     8px;
  	-webkit-border-radius:   8px;
  	border-radius:       8px;

}

.cell a,.cell .entypo, .show_menu{
	color: #AAA;
	/*padding-left: 20px;*/
}
.cell a:hover,.cell:hover .entypo, .show_menu:hover{
	color: #888;
	text-decoration: none;
}
.cell a.abs{
	text-indent: -9999px;
	display: block;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.popMenu{
	overflow: visible;
	display: none;
	position: absolute;
	z-index: 200;
	right: -10px;
	top: 50px;
	line-height: 1.5em;
	width: 120px;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.6);
}

.popMenu:after, .popMenu:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	right: 12px;
	position: absolute;
	width: 0;
}

.popMenu:after {
	border-width: 10px;
	border-bottom-color: #fff;
	top: -20px;
	right: 13px;
}

.popMenu:before {
	border-width: 11px;
	border-bottom-color: #ccc;
	top: -23px;
}

.popMenu ul{
	list-style: none;
	padding: 10px 5px;
	text-align: left;
	background-color: #FFF;
}
.popMenu ul li{
	padding: 2px 5px;
}
.popMenu li:hover{
	background-color: #78bfd9;
}
.popMenu li a{
	color: #28a9df;
}
.popMenu li:hover a{
	color: #FFF;
	text-decoration: none;
}

#absenceForm{
	display: none;
	width: 300px;
	padding: 5px;
	position: relative;
	right: 0;
	z-index: 300;
	background-color: #abe2f6;
	/*border: 1px solid #CCC;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.6);*/
}
#absenceForm input[type=text]{
	width: 75px;
}
#absenceForm label{
	display: inline-block;
	width: 80px;
}
.ui-datepicker-trigger{
	position: relative;
	top:3px;
	left: 3px;
}

#branding{
/*	width: 50%;*/
	float: left;
}
#branding img{
	width: 270px;
}
@media screen and (max-width: 850px){
	#branding img{
		margin-top: 10px;
		width: 230px;
	}
}
.buttons{
	list-style: none;
	text-transform: uppercase;
	margin: 20px 0;
}

.buttons a{
	display: block;
	width: 140px;
	text-align: center;
	height: 30px;
	margin: 10px auto;
	line-height: 30px;
	 -moz-border-radius:   3px;
  -ms-border-radius:     3px;
  -o-border-radius:     3px;
  -webkit-border-radius:   3px;
  border-radius:       3px;
}
.buttons a:hover{
	text-decoration: none !important;
}
footer{
	display: block;
	clear: both;
	padding-top: 10px;
	/*background: #efefef;*/
}
/*-----------LOGIN PAGE SPECIFIC -------------------*/
#main_login{
  width: 500px;
  margin: -30px auto 0 auto;
  padding: 10px 10px 150px 10px;
  text-align: center;
}
#main_login blockquote{
	margin-bottom: 20px;
}
#headerFCLBadges{
	width: 730px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
#headerFCLBadges img{
	width: 170px;
	margin: 20px;
}
.inlineDivider{
	display: inline-block;
	width: 1px;
	height: 170px;
	margin: 20px 0;
	border-left: 1px solid #CCC;
}
#loginform{
	position: absolute;
	width: 600px;
	top: 70px;
	left: 50%;
	margin-left: -300px;
	border: 5px solid #DFF4FC;
	background-color: #FFF;
	z-index: 10;
	box-sizing:border-box;
	padding: 1em;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	display: none;
	
}
#loginform .table{
	display: table;
	width: 100%;
}
#loginform form{
	display: table-row;
}
#loginform div img{
	width: 200px;
	height: auto;
}
#loginform div.tablecell
{
	display: table-cell;
	vertical-align: middle;
	padding: 30px 10px;
	position: relative;
}

#loginform div.tablecell:last-of-type{
	background-color: #efefef;
	/*padding-left:10px;
	padding-right:  */
}
label.blk{
	display: block;
	width: auto;
	text-align: left;
}
#loginform input[type=text],input[type=email],input[type=password]
{
	font-size: 1em;
	width: 100%;
	box-sizing:border-box;
}
#loginform input[type="submit"],#loginform button, #passwordform input[type=submit]{
	color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 1.1;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  -moz-border-radius:   2px;
  -ms-border-radius:     2px;
  -o-border-radius:     2px;
  -webkit-border-radius:   2px;
  border-radius:       2px;
  -moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
  -ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
  -o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  box-shadow:     0 1px 0 rgba(0,0,0,0.2);
}
#loginform input[type="submit"],#passwordform input[type=submit]{
	background: #297dc3;
  background: -moz-linear-gradient(top, #43a6e2, #287cc2);
  background: -ms-linear-gradient(top, #43a6e2, #287cc2);
  background: -o-linear-gradient(top, #43a6e2, #287cc2);
  background: -webkit-linear-gradient(top, #43a6e2, #287cc2);
  background: linear-gradient(top, #43a6e2, #287cc2);
}
#loginform button{
	background: #aaaaaa;
	background: -moz-linear-gradient(top,  #aaaaaa 0%, #cccccc 100%);
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #aaaaaa 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#cccccc',GradientType=0 );

}
#loginform input[type=submit]:hover,#passwordform input[type=submit]:hover{
  background: #21669f;
  background: -moz-linear-gradient(top, #3788b9, #21669f);
  background: -ms-linear-gradient(top, #3788b9, #21669f);
  background: -o-linear-gradient(top, #3788b9, #21669f);
  background: -webkit-linear-gradient(top, #3788b9, #21669f);
  background: linear-gradient(top, #3788b9, #21669f);
}
#loginform button:hover{
	background: #888888;
	background: -moz-linear-gradient(top,  #888888 0%, #aaaaaa 100%);
	background: -webkit-linear-gradient(top,  #888888 0%,#aaaaaa 100%);
	background: linear-gradient(to bottom,  #888888 0%,#aaaaaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#aaaaaa',GradientType=0 );
}
#login_status{
	text-align: right;
}
#passwordform {
	width: 400px;
	margin: 10px auto;
	background-color: #EFEFEF;
	padding: 10px;
}
#passwordform input[type=password],#passwordform input[type=email],#passwordform input[type=text]
{
	width: 200px;
	display: inline-block;
	vertical-align: middle;

}
#passwordform label
{
	width: 150px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	padding-right: 1em;
}
/*--------------------- thumbs ------------------------*/
.thumb{
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	position: relative;
}
.thumb_text{
	margin-left: 120px;
	padding-top: 20px;
}
.thumb img{
	width: 100%;
	margin: 0 auto;
}
#persona .thumb{
	width: 30px;
	height: 30px;
	float: right;
	margin-top:0px;
	-moz-border-radius:   10px;
  	-ms-border-radius:     10px;
  	-o-border-radius:     10px;
  	-webkit-border-radius:   10px;
  	border-radius:       10px;
}
.large_thumb,.headerThumb,.partner .thumb, .group .thumb {
	 -moz-border-radius:   10px;
  -ms-border-radius:     10px;
  -o-border-radius:     10px;
  -webkit-border-radius:   10px;
  border-radius:       10px;
}

/*-------------------- COMMUNITY -----------------------*/
#map{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

#map img{
	width: 100%;
}


/*--------------------- LISTS --------------------------*/
#scoring, .scoring{
	margin-bottom: 30px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #efefef;
	overflow: auto;
	-moz-border-radius:   5px;
  	-ms-border-radius:     5px;
  	-o-border-radius:     5px;
  	-webkit-border-radius:   5px;
  	border-radius:       5px;
}
/*#scoring{
	background-color: #efefef;
}*/

#scoreBar, #scoreIndex,.scoreBar, .scoreIndex{
	list-style: none;
	
	margin: 0;
	padding: 0;
}
#scoreIndex li, .scoreIndex li{
	display: block;
	float: left;
	width: 30%;
	text-align: center;
	margin-top: 10px;
}
#scoreIndex li:first-child, .scoreIndex li:first-child{
	border-right: 1px solid #888;
	width: 39%;
}
#scoreIndex li:last-child, .scoreIndex li:last-child{
	border-left: 1px solid #888;
	width: 28%;
}
#scoreBar li, .scoreBar li{
	display: block;
	width: 5.2%;
	text-align: center;
	float: left;
}
.score{
	/*text-transform: uppercase;
	text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2);
	text-decoration: none !important;
	-moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	 box-shadow:     0 1px 0 rgba(0,0,0,0.2);*/
	 cursor: pointer;
}
.score p{
	font-family: 'bebas_neueregular','Open Sans', Helvetica,sans-serif;
	border: 2px solid #15acd3;
	color: #888;
	background-color: #FFF;
	font-size: 1.1em;
	line-height: 22px;
	width: 22px;
	-moz-border-radius:   5px;
  	-ms-border-radius:     5px;
  	-o-border-radius:     5px;
  	-webkit-border-radius:   5px;
  	border-radius:       5px;
}

.score:hover p, #scoreBar li.selected p, .scoreBar li.selected p
{
	background-color: #8dc63f !important;
	color: #FFF;
	/*border: 2px solid #FFF;*/
}

.connector{
	position: relative;
}
.connector .entypo{
	position: relative;
	font-size: 3em;
	top: 3px;
}
.blue-1{
	color: #85d5f2;
}
.blue-2{
	color: #79d1ee;
}
.blue-3{
	color: #6ccceb;
}
.blue-4{
	color: #60c8e7;
}
.blue-5{
	color: #53c3e4;
}
.blue-6{
	color: #47bee1;
}
.blue-7{
	color: #3abadd;
}
.blue-8{
	color: #2eb5da;
}
.blue-9{
	color: #15acd3;
}

ol{
	margin: 10px 0;
	list-style-position: outside;
	padding-left: 20px;
}
ol li{
	margin: 5px 0;
}

.item_list{
	list-style: none;
	width: 80%;
	margin: 10px auto;
}
.item_list li{
	padding: 0 10px;
}
li > .thumb{
	margin: 10px;
}

/*.item_list li{
	clear: both;
	display: block;
	margin: 10px 0;
	padding: 10px;
	background: #71AFC6;
	position: relative;
	-moz-border-radius:   15px;
  	-ms-border-radius:     15px;
  	-o-border-radius:     15px;
  	-webkit-border-radius:   15px;
  	border-radius:       15px;
}*/
.questions .small_button{
	margin-left: 10px;
}
.children li{
	background: #fff;
}

.row_buttons{
	position: absolute;
	right:10px;
	bottom: 10px;
}
.row_buttons a{
	margin-left: 10px;
}
/*--------- SUPPORT TAB ----------------------------*/
#supportTab{
	position: fixed;
	z-index: 101;
	top: 350px;
	left: -372px;
	overflow: visible;
}
#tabTitle, #tabContent{
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.4);
   -webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#tabTitle{
	background-color: #FFF;
	text-align: center;
	position: absolute;
	width: 30px;
	height: 180px;
	right: -30px;
	top: 0;
	z-index: 3;
	cursor: pointer;
	border-radius: 1px solid #aaa;
}
#tabContent{
	width: 350px;
    padding: 10px;
    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	background: rgb(171,226,246);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZTJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(171,226,246,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(171,226,246,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(171,226,246,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe2f6', endColorstr='#ffffff',GradientType=1 );
}
#tabContent img{
	float: right;
	width: 20px;
	cursor: pointer;
}
#tabContent .status_output{
	/*height: 40px;*/
}
#tabContent textarea{
	font-size: 1em !important;
}
#tabTitle p{
	white-space: nowrap;
	font-size: 20px;
	margin-top: 140px;
	color: #0099CC;
	-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


/*---------- BADGE CHECK-IN STUFF ------------------*/
#FCLBadges{
	width: 500px;
	margin: 20px auto;
	text-align: center;
	border-top: 1px solid #CCC;
	overflow: visible;
	position: relative;
}
#FCLBadges .badge_container{
	display: inline-block;
	position: relative;
}

#badge_start{
	/* width: 480px; */
	/* margin: 10px auto 20px auto; */
	overflow: visible;
}

#start_button, #start_activity,#start_FCL{
	position: relative;
	color: #FFF;
	text-align: center;
	border: 2px solid #FFF;
	background: rgb(183,223,45);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjdkZjJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjOTBjYjUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWE0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(183,223,45,1) 0%, rgba(144,203,82,1) 47%, rgba(235,234,64,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(183,223,45,1)), color-stop(47%,rgba(144,203,82,1)), color-stop(100%,rgba(235,234,64,1)));
background: -webkit-linear-gradient(-45deg,  rgba(183,223,45,1) 0%,rgba(144,203,82,1) 47%,rgba(235,234,64,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(183,223,45,1) 0%,rgba(144,203,82,1) 47%,rgba(235,234,64,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(183,223,45,1) 0%,rgba(144,203,82,1) 47%,rgba(235,234,64,1) 100%);
background: linear-gradient(135deg,  rgba(183,223,45,1) 0%,rgba(144,203,82,1) 47%,rgba(235,234,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7df2d', endColorstr='#ebea40',GradientType=1 );
}
#start_button h2, #start_activity h2,#start_FCL h2{
	margin: 0;
}
#start_button{
	width: 200px;
	height: 200px;
	font-size: 4em;
	/*margin: 10px auto;*/
	/* margin: 0 140px 0 auto; */
	-moz-border-radius:   100px;
  	-ms-border-radius:     100px;
  	-o-border-radius:     100px;
  	-webkit-border-radius:   100px;
  	border-radius:       100px;
}
#start_button h2{
	font-size: 75px;
	line-height: 75px;
}
#start_button p{
	font-size: 12px;
	line-height: 20px;
}
#start_button div{
	margin-top: 38px;
}

#start_activity, #start_FCL{
	height: 130px;
	width: 130px;
	margin: 0 auto;
	/*line-height: 130px;
	font-size: 3em;*/
	-moz-border-radius:   65px;
  -ms-border-radius:     65px ;
  -o-border-radius:     65px ;
  -webkit-border-radius:   65px ;
  border-radius:       65px ;
}
#start_activity h2,#start_FCL h2{
	font-size: 50px;
	line-height: 50px;
}
#start_activity p,#start_FCL p{
	font-size: 15px;
	line-height: 15px;
}
#start_activity div,#start_FCL div{
	margin-top: 20px;
}
#start_FCL{
	cursor: pointer;
}


#start_arrow{
	float: left;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.2em;
	padding-right: 40px;
	margin-top: 50px;
	margin-left: -140px;
	width: 225px;
	height: 100px;
	line-height: 100px;
	background-image: url("../img/right_arrow.png");
	background-repeat: no-repeat;
	background-position: center right;
}
#badges_outer{
	/* margin: 0 auto; */
	/* width: 1050px; */
}
#activities_outer{
	width: 700px;
	margin: 0 auto 60px auto;
}

#badges_wall{
	/*width: 1200px;*/
	width: 100%;
	margin-bottom: 10px;
}
.badge_spacer,.activity_spacer{
	display: none;
}
@media screen and (max-width: 1100px){
	/*#activities_outer{
		margin: 0 auto 60px auto;
	}*/
}

@media screen and (max-width: 1049px){
	#badges_outer{
		width: 840px;
	}
	.badge_spacer{
		display: block;
	}
}
@media screen and (max-width: 839px){
	#badges_outer{
		width: 420px;
	}
	.badge_spacer{
		display: none;
	}
}
@media screen and (max-width: 840px){
	#activities_outer{
		width: 560px;
	}
	.activity_spacer{
		display: block;
	}
}
@media screen and (max-width: 672px){
	#activities_outer{
		width: 280px;
	}
	.activity_spacer{
		display: none;
	}
}

.badge_container{
	/*position: relative;*/
	width: 200px;
	height: 200px;
	margin: 10px 5px 20px 5px;
}



.rel{
	position: relative;
}


.badge{
	/*position: relative;*/
	z-index: 2;
	width: 200px;
	height: 200px;
	margin: -2px auto;
	text-align: center;
	-moz-border-radius:   100px;
  -ms-border-radius:     100px;
  -o-border-radius:     100px;
  -webkit-border-radius:   100px;
  border-radius:       100px;
  /*overflow: hidden;*/
  cursor: pointer;
  -webkit-transition: 0.15s linear;
  	-webkit-transition-property: -webkit-transform scale;
  	-ms-transition: 0.15s linear;
  	-ms-transition-property: -ms-transform scale;
  	transition: 0.15s linear;
  	transition-property: transform scale;
}

.badge:hover{
	transform-origin: center center;
  transform: scale(1.05);
	-webkit-transform-origin: center center;
  -webkit-transform: scale(1.05);
  -ms-transform-origin: center center;
  -ms-transform: scale(1.05);
}

.small_badge,.small_badge .badge
{
	width: 130px;
	height: 130px;
}
.small_badge .badge
{
	-moz-border-radius:   65px;
	  -ms-border-radius:     65px;
	  -o-border-radius:     65px;
	  -webkit-border-radius:   65px;
	  border-radius:       65px;
}
.badge_advice{
	position: absolute;
	top: 130px;
	left: 0;
	right: 0;
	font-size: 1em;
}


.checkin-highlight,#start_FCL:hover {
background: rgb(252,208,45)!important;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZDAyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y3OTU1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmVlMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(left,  rgba(252,208,45,1) 0%, rgba(247,149,88,1) 47%, rgba(251,238,55,1) 100%) !important;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(252,208,45,1)), color-stop(47%,rgba(247,149,88,1)), color-stop(100%,rgba(251,238,55,1))) !important;
background: -webkit-linear-gradient(left,  rgba(252,208,45,1) 0%,rgba(247,149,88,1) 47%,rgba(251,238,55,1) 100%) !important;
background: -o-linear-gradient(left,  rgba(252,208,45,1) 0%,rgba(247,149,88,1) 47%,rgba(251,238,55,1) 100%) !important;
background: -ms-linear-gradient(left,  rgba(252,208,45,1) 0%,rgba(247,149,88,1) 47%,rgba(251,238,55,1) 100%) !important;
background: linear-gradient(to right,  rgba(252,208,45,1) 0%,rgba(247,149,88,1) 47%,rgba(251,238,55,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd02d', endColorstr='#fbee37',GradientType=1 ) !important;


}
.drop-hover{
	-webkit-box-shadow: 0px 0px 22px 0px rgba(102, 158, 250, 0.75);
	-moz-box-shadow:    0px 0px 22px 0px rgba(102, 158, 250, 0.75);
	box-shadow:         0px 0px 22px 0px rgba(102, 158, 250, 0.75);
}

.trans .badge_img, img.trans{
	opacity: .7;
	-ms-filter: “alpha(opacity=70)”;
	filter: alpha(opacity=70); 
	-khtml-opacity: .70;
	-moz-opacity: .70; 
}
.in_progress .badge{
	/*border: 2px solid #297dc3;*/
}
.completed .badge{
	/*border: 2px solid #2ace60;*/
}

.status_overlay{
	position: absolute;
	z-index: 2;
	width: 50px;
	height:50px;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	-moz-border-radius:   25px;
	-ms-border-radius:     5px;
	-o-border-radius:     25x;
	-webkit-border-radius:  25px;
	border-radius:       25px;
	background-color: transparent;
	background-image: url("../img/status_buttons.png");
	background-repeat: no-repeat;
	opacity: .9;
	-ms-filter: “alpha(opacity=90)”;
	filter: alpha(opacity=90); 
	-khtml-opacity: .90;
	-moz-opacity: .90; 
}
.small_badge .status_overlay{
	bottom: 4px;
	right: 4px;
}


.status_locked{
	background-position: center 0;
}
.status_progress{
	background-position: center -50px;
}
.status_complete{
	background-position: center -100px;
}
.status_reject{
	background-position: center -150px;
}
.status_review{
	background-position: center -200px;
}

.small_status_overlay{
	position: absolute;
	z-index: 2;
	width: 30px;
	height:30px;
	bottom: 4px;
	right: 4px;
	overflow: hidden;
	-moz-border-radius:   15px;
	-ms-border-radius:     15px;
	-o-border-radius:     15x;
	-webkit-border-radius:  15px;
	border-radius:       15px;
	background-color: transparent;
	background-image: url("../img/small_status_buttons.png");
	background-repeat: no-repeat;
	opacity: .9;
	-ms-filter: “alpha(opacity=90)”;
	filter: alpha(opacity=90); 
	-khtml-opacity: .90;
	-moz-opacity: .90; 
}
#statusKey,#statusKey_short{
	width: 600px;
	margin: 10px auto;
	overflow: auto;
}
#statusKey_short{
	width: 300px;
}
.statusKey{
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	width: 115px;
	/*margin: 0 10px;*/
	background-color: transparent;
	background-image: url("../img/small_status_buttons.png");
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}
.small_status_locked{
	background-position: left 0;
}
.small_status_progress{
	background-position: left -30px;
}
.small_status_complete{
	background-position: left -60px;
}
.small_status_reject{
	background-position: left -90px;
}
.small_status_review{
	background-position: left -120px;
}

.badge_preview{
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
	background-color: rgb(73,140,181);
	background-color: rgba(73,140,181,0.9);
	position: absolute;
	height: 0;
	width: 0;
	z-index: 10;
	display: none;
	overflow: hidden;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.6);
}

.closePrev{
	margin-top: -10px;
	margin-right: -10px;
	cursor: pointer;
	opacity: .8;
	-ms-filter: “alpha(opacity=80)”;
	filter: alpha(opacity=80); 
	-khtml-opacity: .80;
	-moz-opacity: .80; 
}
.closePrev:hover{
	opacity: 1;
	-ms-filter: “alpha(opacity=100)”;
	filter: alpha(opacity=100); 
	-khtml-opacity: 1;
	-moz-opacity: 1; 
}
/*---------- BADGE MAIN ----------------------------*/
.slide{
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	/*min-width: 700px;*/
	margin: 0 5px;
	overflow: hidden;
	min-height: 500px;
}

.text_button{
	padding: 0 35px 0 5px;
	background-position: right -30px;
	margin: 10px 2px 10px auto;
	text-align: center;
	color: #FFF;
	background-color: #888;
	background-image: url("../img/round_arrows.png");
	background-repeat: no-repeat;
	border: 2px solid #888;
}
.arrow_down{
	background-position: right -60px;
}
.arrow_up{
	background-position: right -90px;
}
.downarrow{
	display: block;
	width: 125px;
	height: 30px;
	margin: 0 auto;
	text-indent: -9999px;
	background-image: url("../img/down_arr_grey.png");
	background-repeat: no-repeat;
	opacity: .8;
	-ms-filter: “alpha(opacity=80)”;
	filter: alpha(opacity=80); 
	-khtml-opacity: .80;
	-moz-opacity: .80;
}

.downloadButton{
	text-decoration: none;
	padding: 0 35px 0 5px;	
	margin: 10px auto;
	text-align: center;
	color: #666;
	background-color: #FFF;
	background-image: url("../img/PDF-download.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 90%;
	border: 2px solid #FFF;
}
.downloadButton,.text_button{
	text-transform: uppercase;
	-moz-border-radius:   15px;
	-ms-border-radius:     15px;
	-o-border-radius:     15px;
	-webkit-border-radius:   15px;
	border-radius:       15px;
}
.nav_button, .text_button, .downloadButton{
	cursor: pointer;
	display: block;
	width: 170px;
	height: 30px;
	line-height: 30px;
	font-size: 1.3em;
	-ms-filter: “alpha(opacity=90)”;
	filter: alpha(opacity=90); 
	-khtml-opacity: .90;
	-moz-opacity: .90;
	opacity: .9;
	-moz-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-ms-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-o-box-shadow:     0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	 box-shadow:     0 2px 2px rgba(0,0,0,0.4);

}
.nav_button{
	
	color: #FFF;
	background-color: #888;
	background-image: url("../img/round_arrows.png");
	background-repeat: no-repeat;
	text-transform: uppercase;
	-moz-border-radius:   16px;
	-ms-border-radius:     16px;
	-o-border-radius:     16px;
	-webkit-border-radius:   16px;
	border-radius:       16px;
	border: 2px solid #888;
	text-shadow: 0 -1px #777;

}
.nav_button:hover,.text_button:hover,.downarrow:hover,.downloadButton:hover{
	opacity: 1;
	-ms-filter: “alpha(opacity=100)”;
	filter: alpha(opacity=100); 
	-khtml-opacity: 1;
	-moz-opacity: 1;
	text-decoration: none;
}
.nav_button:active,.text_button:active, .downloadButton:active{
	-moz-box-shadow:   0 1px 1px rgba(0,0,0,0.6);
	-ms-box-shadow:   0 1px 1px rgba(0,0,0,0.6);
	-o-box-shadow:     0 1px 1px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
	 box-shadow:     0 1px 1px rgba(0,0,0,0.6);
	 text-decoration: none;
}

.next_slide{
	/*font-size: 1.2em;*/
	padding: 0 35px 0 10px;
	bottom: -70px;
	right: 0;
	background-position: right -30px;
	margin-right: 2px;
	margin-left: auto;
	margin-bottom: 10px;
}
.prev_slide{
	/*font-size: 1.2em;*/
	padding: 0 5px 0 40px;
	bottom: 5px;
	left: 0;
	background-position: left 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: 0;
}
.prev_slide.abs{
	position: absolute;
}
/*@media screen and (max-width: 1100px){
	.prev_slide{
		bottom: 5px;
	}
}*/
.prev_slide.left{
	margin-left: 0;
	margin-right: auto;
}
.positioned{
	position: absolute;
	z-index: 2;
	margin: 0 !important;
}

#activities{
	margin-left: 40px;
	margin-right: 40px;
}
#badge_image{
	position: relative;
	margin: 0 30px 0 50px;
	float: left;
	text-align: center;
}

.badge-shadow{
	width: 80px;
	height: 20px;
	/*background: transparent;*/
	background-image: url("../img/badge-shadow.png");
	background-repeat: no-repeat;
	background-position: center;
	margin: 10px auto;
	/*-webkit-box-shadow: 0 1px 3px 1px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0 1px 3px 1px rgba(50, 50, 50, 0.65);
	box-shadow:         0 1px 3px 1px rgba(50, 50, 50, 0.65);*/
}

/*#badge_image{
	-webkit-box-reflect: below -10px -webkit-linear-gradient(bottom, rgba(255,255,255,0.3) 0%, transparent 30%, transparent 100%);
}
#badge_image:before {
   content:""; 

   background: -moz-linear-gradient(top, white, white 30%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.7)) 0px 0px, 
               -moz-element(#badge_image) 0px -127px no-repeat;

   -moz-transform: scaleY(-1); 
   position:relative;
   height:140px;
   width: 250; 
   top: 247px;
   left:0px;
}*/
.text_box{
	font-size: 1.1em;
	text-align: left;
	margin-right: 80px;
	margin-left: 340px;
	position: relative;
}
@media screen and (max-width: 1000px){
	.text_box{
		margin-left: 300px;
	}
	#badge_image{
		margin: 0 0 0 30px;
	}

}
.v_container .text_box{
	padding-top: 20px;
	margin-right: 0;
}

.subcontent, .left_criteria{
	width: 250px;
	background-color: #FFF;
	color: #5991B9;
    /*border-radius: 15px;*/
    margin: 0 30px 0 0;
    padding: 9px;
    position: relative;
    border: 1px solid #CCC;
    -moz-border-radius:   10px;
	-ms-border-radius:     10px;
	-o-border-radius:     10px;
	-webkit-border-radius:   10px;
	border-radius:       10px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.4);
}
.left_criteria{
	width: 240px;
	position: absolute;
	top: -200px;
	left: -290px;
	z-index: 2;
}

@media screen and (max-width: 1000px){
	.subcontent{
		width: 220px;
	}
}
.subcontent h2{
	text-align: center;
}
.subsection{
	width: 100%;
	clear: both;
	margin: 30px 0 20px 0;
	padding-top: 10px;
	border-top: 1px solid #BBB;
}
.subsection .heading{
	font-size: 3em;
}
.subImages{
	text-align: center;
	border-top: 1px solid #BBB;
	width: 80%;
	margin: 20px auto;
	padding-top: 20px;
	position: relative;
}
#lineArrow{
	position: absolute;
	width: 60px;
	height: 30px;
	z-index: 1;
	top: -30px;
	left: 50%;
	margin-left: -30px;
	background-image: url("../img/lineArr.png");
	background-repeat: no-repeat;
}
.subImages img{
	width: 180px;
	margin: 10px 20px;
}
.third{
	width: 32%;
	min-height: 100px;
	padding-top: 5px;
	float: left;
	border-left: 1px solid #BBB;
	font-size: 1.1em;
}
.third h2,._half h2{
	margin-bottom: 5px;
}
.third .text, .twothird .text,._half .text{
	margin-left: 5%;
	margin-right: 5%;
}

.third:first-child{
	border-left: none;
}

.twothird{
	width: 64%;
	min-height: 100px;
	float: left;
	border-left: 1px solid #BBB;
	font-size: 1.1em;
}
._half{
	width: calc(50% - 1px);
	min-height: 100px;
	padding-top: 5px;
	float: left;
	
	font-size: 1.1em;
}
/*---------- MY BADGES, REVIEWS --------------------------------------*/

.principleBadge{
	/*display: table-row;*/
	width: 780px;
	margin: 20px auto;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	 -moz-border-radius:   10px;
	-ms-border-radius:     10px;
	-o-border-radius:     10px;
	-webkit-border-radius:   10px;
	border-radius:       10px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.4);
	overflow: auto;
}
.principleBadge .badge_container{
	margin: 10px 0;
}
.activityBadges{
	margin-left: 200px;
	margin-right: 0;
	width: auto;
	height: 220px;
}
.owl_activityBadge{
	width: 110px;
	height: 110px;
	position: relative;
}
.activityBadge,.activityPlaceholder{
	width: 100px;
	height: 100px;
	margin: 5px;
	position: relative;
	float: left;
}
.activityPlaceholder{
	border: 1px solid #CCC;
	 -moz-border-radius:   50px;
	-ms-border-radius:     50px;
	-o-border-radius:     50px;
	-webkit-border-radius:   50px;
	border-radius:       50px;
}

.numReviews{
	position: absolute;
	top: 5px;
	left:5px;
	z-index: 2;
	color: #FFF;
	width: 24px;
	height: 24px;
	line-height: 24px;
	/*font-weight: bold;*/
	background-color: #0380d1;
	text-align: center;
	-moz-border-radius:   12px;
  	-ms-border-radius:     12px;
  	-o-border-radius:     12px;
  	-webkit-border-radius:   12px;
  	border-radius:       12px;
}

.hoverable{
	cursor: pointer;
  -webkit-transition: 0.15s linear;
  	-webkit-transition-property: -webkit-transform scale;
  	-ms-transition: 0.15s linear;
  	-ms-transition-property: -ms-transform scale;
  	transition: 0.15s linear;
  	transition-property: transform scale;
}

.hoverable:hover{
	transform-origin: center center;
  transform: scale(1.05);
	-webkit-transform-origin: center center;
  -webkit-transform: scale(1.05);
  -ms-transform-origin: center center;
  -ms-transform: scale(1.05);
}
/*---------- badges progress indicator stuff --------*/

.badges-progress-wrapper{
	position: relative;
	width: calc(100% - 65px);
	margin-left: 25px;
	height: 100px;
	overflow: visible;
	margin-bottom: 30px;
}
.badges-progress-wrapper *{
	box-sizing: border-box;
}
.badges-progress-wrapper:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 38px;
	height: 24px;
	width: 100%;
	border-radius: 25px;
	box-sizing: border-box;
}
/*.badges-progress-white-bar{
	position: absolute;
	left: 0;
	top: 40px;
	height: 20px;
	width: calc(100% - 4px);
	margin: 0 2px;
	height: 20px;
	z-index: 10;
	background-color: white;
	border-radius: 25px;
}*/
.badges-progress-spots-outer{

	/*display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items:center;
	align-items:center;*/
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width:100%;
	z-index: 5;
}
.badges-progress-spots-outer:before{
	content: "";
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 40px;
	z-index: 2;
	height: 20px;
	/*width: auto;*/
	margin: 0 2px 0 auto;
	height: 20px;
	z-index: 10;
	background-color: white;
	border-radius: 25px;
}
.badges-progress-spot{
	position: absolute;
	display: block;
	/*vertical-align: top;*/
	top: 50%;
	margin-top: -18px;
	/*margin-right: calc( (100% - 100px) / 9 - 36px);*/
	height: 36px;
	width: 36px;
	border-radius: 18px;
	background-color: white;
	z-index: 1;
	overflow: visible;

}
.badges-progress-spots-outer div:nth-of-type(1){
	left: -25px;
}
.badges-progress-spots-outer div:nth-of-type(2){
	left:calc( (100% / 9) - 18px);
}
.badges-progress-spots-outer div:nth-of-type(3){
	left:calc( (200% / 9) - 18px);
}
.badges-progress-spots-outer div:nth-of-type(4){
	left:calc( (300% / 9) - 18px);
}
.badges-progress-spots-outer div:nth-of-type(5){
	left:calc( (400% / 9) - 25px);
}
.badges-progress-spots-outer div:nth-of-type(6){
	left:calc( (500% / 9) - 18px);
}
.badges-progress-spots-outer div:nth-of-type(7){
	left:calc( (600% / 9) - 18px);
}
.badges-progress-spots-outer div:nth-of-type(8){
	left:calc( (700% / 9) - 18px);
}
.badges-progress-spots-outer div:nth-of-type(9){
	left:calc( (800% / 9) - 18px);
}
.badges-progress-spots-outer div:nth-of-type(10){
	left:calc( 100% - 25px);
}
.badges-progress-spots-outer div:nth-of-type(1),.badges-progress-spots-outer div:nth-of-type(5),.badges-progress-spots-outer div:nth-of-type(10){
	height: 50px;
	width: 50px;
	border-radius: 25px;
	margin-top: -25px;
}
.badges-progress-spots-outer div:nth-of-type(1),.badges-progress-spots-outer div:nth-of-type(5){
	/*margin-right: calc( (100% - 100px) / 9 - 50px);*/
}

.badges-progress-spots-outer div:nth-of-type(5),.badges-progress-spots-outer div:nth-of-type(10){
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.badges-progress-spot.spot-filled{
	z-index: 10;
}
/* .badges-progress-spots-outer div:nth-of-type(5):before,.badges-progress-spots-outer div:nth-of-type(10):before{
	content: "";
	display: block;
	width: 2px;
	height: 15px;
	margin-left: -1px;
	background-color: #bbb;
	position: absolute;
	left: 50%;
	bottom: -20px;

}
.spot-filled:before{
	background-color: #666 !important;
}
.badges-progress-spots-outer div:nth-of-type(5):after,.badges-progress-spots-outer div:nth-of-type(10):after{
	display: inline-block;
	width: auto;
	position: absolute;
	top: 65px;
	color: #bbb;
	font-size: 0.875em;
	font-weight: bold;
	text-align: center;
}
.spot-filled:after{
	color: #888 !important;
}
.badges-progress-spots-outer div:nth-of-type(5):after{
	content: "Certified";
	left: 0;
}
.badges-progress-spots-outer div:nth-of-type(10):after{
	content: "Certified \00000a Mastery";
	left: 0;
} */
.badges-progress-markers{
	height: 2em;
	position: relative;
}
.badges-progress-markers p{
	display: inline-block;
	position: absolute;
	bottom: 0;
}
.badges-progress-markers p:first-of-type{
	border-left:1px solid #CCC;
	left: 50%;
}
.badges-progress-markers p:last-of-type{
	border-right:1px solid #CCC;
	right: 0;
}

/*--- colours for the above ---*/
.progress-blue:before, .progress-blue .badges-progress-spot{
		border: 2px solid #158BC4;
}
.progress-blue:before,.progress-blue badges-progress-inner, .progress-blue .spot-filled{
	background-color: #158BC4;
}

.progress-pink:before, .progress-pink .badges-progress-spot{
		border: 2px solid #E4398F;
}
.progress-pink:before, .progress-pink badges-progress-inner, .progress-pink .spot-filled{
	background-color: #E4398F;
}



.progress-green:before, .progress-green .badges-progress-spot{
		border: 2px solid #9ECC48;
}
.progress-green:before, .progress-green badges-progress-inner, .progress-green .spot-filled{
	background-color: #9ECC48;
}

.progress-orange:before, .progress-orange .badges-progress-spot{
		border: 2px solid #F9A12D;
}
.progress-orange:before, .progress-orange badges-progress-inner, .progress-orange .spot-filled{
	background-color: #F9A12D;
}
/*-- now the progress stuff --*/

[data-progress="10"] .badges-progress-spots-outer:before {
	left:0;
}
[data-progress="20"] .badges-progress-spots-outer:before  {
	left: calc(100% / 9);
}
[data-progress="30"] .badges-progress-spots-outer:before  {
	left: calc(200% / 9);
}
[data-progress="40"] .badges-progress-spots-outer:before  {
	left: calc(300% / 9);
}
[data-progress="50"] .badges-progress-spots-outer:before  {
	left: calc(400% / 9);
}
[data-progress="60"] .badges-progress-spots-outer:before  {
	left: calc(500% / 9);
}
[data-progress="70"] .badges-progress-spots-outer:before  {
	left: calc(600% / 9);
}
[data-progress="80"] .badges-progress-spots-outer:before  {
	left: calc(700% / 9);
}
[data-progress="90"] .badges-progress-spots-outer:before  {
	left: calc(800% / 9);
}
[data-progress="100"] .badges-progress-spots-outer:before  {
	left: 100%;
}

/*---------- PDF Download specific --------------------------*/
#pdfWrapper{
	padding: 10px 30px;
	/*width:900px;*/
	/*margin-left: auto;
	margin-right: auto;*/
	position: relative;
}
#pdfWrapper #badge_image{
	float: none;
	margin: 10px auto;
}
#pdfWrapper .text_box{
	margin-right: auto;
	margin-left: 10px;

}
#pdfWrapper .text_box h2{
	font-size: 3em;
	margin-top: 30px;
	line-height: 100%;
}
#pdfWrapper #journal{
	display: block;
	padding: 10px;
	/*background-color: rgb(228,256,252);*/
}
#pdfWrapper .review_element{
	padding: 0;
}
.pdfQuestion{
	text-align: center;
	background-color: rgb(236,248,253);
	padding: 10px;
	font-size: 1.1em;
}
.pdfAnswer{
	padding: 10px;
}
.pdfFooter{
	padding-top: 10px;
	background-color: #999;
	color: #FFF;
}
#pdfBanner{
	background-color: #FFF;
	text-align: right;
	padding-right: 30px;
	padding-top: 10px;
}
/*---------- ACTIVITY STEP & REVIEW STUFF -------------------*/

#progress_dots{
	text-align: center;
	font-size: 2em;
	color: #CCC;
	letter-spacing: 25px;
	margin-bottom: 5px;
}
.current_dot{
	/*color: #18a9d2;*/
	color: #666;
}
#questions_area{
	position: relative;
	width: auto;
	margin-right: 0;
	margin-left: 280px;
	margin-bottom: 20px;
	padding: 5px;
	/*background-color: rgb(172,215,231);
	background-color: rgba(255,255,255,0.2);*/
}
.slide #questions_area{
	min-height: 350px;
}
#activity_image{
	top:20px;
	left: 0;
	position: absolute;
	z-index: 1;
}

.row_element, .review_element{
	min-height: 60px;
	/*color: #203d56;*/
	/*color: #444;*/
	padding: 5px 10px 5px 25px;
	margin: 5px 0 12px 0;
	position: relative;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	-moz-border-radius:   5px;
	-ms-border-radius:     5px;
	-o-border-radius:     5px;
	-webkit-border-radius:   5px;
	border-radius:       5px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	clear: both;
}
.review_element{
	/*width: 80%;*/
	margin: 0 auto 30px auto;
	padding-top: 10px;
	overflow: auto;
	/*background-color: #ABE2F6;*/
}
.the_question{

}
.the_question ol, .the_question ul{
	display: block;
	text-align: left;
	padding-left: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	max-width: 70%;
	margin-left: 20%;
}
.e_num{
	position: absolute;
	z-index: 2;
	font-size: 1.2em;
	top: 5px;
	left: -18px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #666;
	background-color: #FFF;
	border: 2px solid #666;
	-moz-border-radius:   18px;
	-ms-border-radius:     18px;
	-o-border-radius:     18px;
	-webkit-border-radius:   18px;
	border-radius:       18px;
}
.i_num{
	font-family: 'bebas_neueregular';
	display: inline-block;
	position: relative;
	/*float: left;*/
	font-size: 1.2em;
	top: 3px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #666;
	background-color: #FFF;
	border: 2px solid #666;
	-moz-border-radius:   18px;
	-ms-border-radius:     18px;
	-o-border-radius:     18px;
	-webkit-border-radius:   18px;
	border-radius:       18px;
}


.ans_area{
	margin-top: 10px;
	min-height: 30px;
	border: 1px dashed #BBB;
	padding: 4px;
	overflow: auto;
	color: #666;
	background-color: #FFF;
		-moz-border-radius:   2px;
	-ms-border-radius:     2px;
	-o-border-radius:     2px;
	-webkit-border-radius:   2px;
	border-radius:       2px;
}
.ans_area img, .review_element img,.comment_picture_preview img,.feed_picture_preview img{
	max-width: 100%;
	max-height: auto;
	height: auto !important;
}
.inlineEditor{
	min-height: 30px;
}
.previewThumb{
	width: 250px;
	 -webkit-transition: 0.15s linear;
  	-webkit-transition-property: -webkit-transform scale;
  	-ms-transition: 0.15s linear;
  	-ms-transition-property: -ms-transform scale;
  	transition: 0.15s linear;
  	transition-property: transform scale;
}

.previewThumb:hover{
	transform-origin: center center;
  transform: scale(1.05);
	-webkit-transform-origin: center center;
  -webkit-transform: scale(1.05);
  -ms-transform-origin: center center;
  -ms-transform: scale(1.05);
}
.resourceImg{
	width: 50%;
	margin: 5px auto;
}

.resourceImg img{
	width: 100%;
	cursor: pointer;
}
.printImg{
	cursor: pointer;
}
.printImg:hover{
	color: #0099cc;
}

.resource_button{
	cursor: pointer;
	display: block;
	width: 170px;
	height: 30px;
	line-height: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	background-color: #8cc8df;
	background-image: url("../img/out_link.png");
	background-repeat: no-repeat;
	padding: 0 35px 0 5px;
	background-position: right 0px;
	text-transform: uppercase;
	-moz-border-radius:   15px;
	-ms-border-radius:     15px;
	-o-border-radius:     15px;
	-webkit-border-radius:   15px;
	border-radius:       15px;
	border: 2px solid #8cc8df;
	opacity: .9;
	-ms-filter: “alpha(opacity=90)”;
	filter: alpha(opacity=90); 
	-khtml-opacity: .90;
	-moz-opacity: .90;

}
.resource_button:hover{
	text-decoration: none;
	opacity: 1;
	-ms-filter: “alpha(opacity=100)”;
	filter: alpha(opacity=100); 
	-khtml-opacity: 1;
	-moz-opacity: 1;
}
.user_feedback_element{
	overflow: visible;
	background-color: #FFF;
	color:#888;
    border: 1px solid #CCCCCC;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	-moz-border-radius:   5px;
	-ms-border-radius:     5px;
	-o-border-radius:     5px;
	-webkit-border-radius:   5px;
	border-radius:       5px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.6);
}
.user_feedback_element p{
	margin-bottom: 0;
}
.user_feedback_element ol,.user_feedback_element ul{
	margin: 5px 0;
}
.user_feedback_element li{
	margin: 0;
}
.badge_preview .user_feedback_element{
	font-size: 0.75em;
	text-align: left;
	padding: 5px;
	margin-top: 5px;
	margin-bottom:5px;
}
.user_feedback_element .thumb{
	margin-left: -50px;
	-moz-border-radius:   5px;
	-ms-border-radius:     5px;
	-o-border-radius:     5px;
	-webkit-border-radius:   5px;
	border-radius:       5px;
}
.user_feedback_element .text{
	margin: 5px 10px 5px 60px;
	text-align: left;
}
.user_feedback_element .fbtext{
	margin: 5px 10px 5px 130px;
}
.fbScore{
	font-family: 'bebas_neueregular';
	text-transform: uppercase;
	text-align: center;
	color: #12abd3;
	width: 40px;
	float: left;
	margin: 5px 20px 10px 10px;
}
.fbScore p{
	margin: 0;
}
.scoreVal{
	font-size: 2.5em;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin: 4px auto;
	-moz-border-radius:   22px;
	-ms-border-radius:     22px;
	-o-border-radius:     22px;
	-webkit-border-radius:   22px;
	border-radius:       22px;
	border: 2px solid #12abd3;

}
#journal{
	display: none;
	margin-top: 20px;
}
/*---------- USER PROFILE --------------------*/


.profile_content{
	position: relative;
	margin: 20px auto 30px auto;
	width: 90%;
	max-width: 750px;
	/*color: #FFF;*/
	background-color: #ABE2F6;
	-moz-border-radius:   15px;
	-ms-border-radius:     15px;
	-o-border-radius:     15px;
	-webkit-border-radius:   15px;
	border-radius:       15px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.2);
}

.profile_item{
	padding: 15px;
	border-bottom: 1px solid #888;
	overflow: visible;
}
.profile_item .entypo{
	font-size: 3.5em;
	position: relative;
	top: 4px;
	color:#666;
}
.profile_content .profile_item:last-child{
	border-bottom: none;
}
.profile_item_content{
	margin-top: 10px;
	min-height: 30px;
	padding: 4px;
	overflow: auto;
	background-color: #C1EBFB;
	-moz-border-radius:   5px;
	-ms-border-radius:     5px;
	-o-border-radius:     5px;
	-webkit-border-radius:   5px;
	border-radius:       5px;
}
.profile_item_content div[contenteditable=true]:focus{
	outline: none;
	background-color: #fff;
}

.profile_tools{
	display: none;
}
.profile_item table{
	width: 95%;
}
.editable{
	position: relative;
	overflow: visible;
}
.itemInput{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	display: none;
	background-color: #C1EBFB;
	padding: 2px 5px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    2px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         2px 2px 2px 0px rgba(0, 0, 0, 0.3);

}
.itemInput input[type=text]
{
	width: 98%;
	margin: 0 !important;
	padding: 5px 1% !important;
}
.editable p{
	margin: 0;
}
/*---------- ABOUT SECTION SPECIFIC ----------*/
.pageLeftCol,.pageRightCol{
	float: left;
	min-height: 400px;
	margin-top: 20px;
}
.pageLeftCol{
	width: 40%;
}
.pageRightCol{
	width: 60%;
}
.pageRightCol h2{
	color: #0099cc;
	margin-top: 20px;
	font-size: 2em;
	line-height: normal;
}
#flowchart{
	padding-top: 10px;
	text-align: center;
}

#flowchart img{
	margin: 10px 0;
}
.graphicPlus{
	font-family: "entypo";
	color: #a5a5a5;
	font-size: 130px;
	line-height: 50px;
}
.badgeImg{
	width: 180px;
}
.singleArr{
	width: 110px;
}
.dbleArr{
	width: 240px;
}
#videos{
	margin: 0 auto;
}

.video_wrapper{
	width: 50%;
	min-width: 300px;
	margin: 20px 0;
	float: left;
	text-align: center;
}
.video_wrapper.single{
	float: none;
	margin: 20px auto;
}
.video{
	width: 300px;
	margin: 0 auto;
}
.single .video{
	width: 450px !important;
}
.video_wrapper .bold{
	color: #15acd3;
}
.helpVid{width: 90%;min-width: 300px;max-width: 550px;margin: 20px auto;}
.helpVid h2{font-size: 2em;line-height: normal;}
.helpVid iframe{-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.4);box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.4);}
@media screen and (max-width: 1150px){
	#flowchart img{
		margin: 8px 0;
	}
	.badgeImg{
	width: 150px;
	}
	.singleArr{
		width: 90px;
	}
	.dbleArr{
		width: 190px;
	}
}
@media screen and (max-width: 850px){
	.badgeImg{
		width: 120px;
	}
	.singleArr{
		width: 70px;
	}
	.dbleArr{
		width: 150px;
	}
	.graphicPlus{
		font-size: 100px;
		line-height: 40px;
	}
}
/*---------- USERS FEED ----------------------*/


#feed{
	width: 60%;
	max-width: 700px;
	min-width: 500px;
	min-height: 400px;
	margin: 10px auto;
	/*background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.3);*/
}

.feed_item{
	position: relative;
	margin: 0 10px 10px 10px;
	width: auto;
	/*color: #FFF;*/
	background-color: #ABE2F6;
	-moz-border-radius:   15px;
	-ms-border-radius:     15px;
	-o-border-radius:     15px;
	-webkit-border-radius:   15px;
	border-radius:       15px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.feed_item.sticky-post{
	/*background-color: #FFD1D8;*/
}
.bookmark {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 20px;
	 width: 0px;
	 height: 60px;
	 box-sizing: border-box;
	 border: 1px solid #000;
	 border-bottom: 12px solid transparent;
	 border-top: none;
	 border-left: 24px solid #32CD32;
	 border-right: 24px solid #32CD32;
	}
@supports (border-image-source: linear-gradient(to bottom, #A8D441, #C4E573)) {
  .bookmark  {
    	border-image-source: linear-gradient(to bottom, #C4E573,#A8D441);
		border-image-slice: 1;
  }
  .bookmark:after{
		content: "";
		display: block;
		position: absolute;
		bottom: -12px;
		left: -24px;
		z-index: 12;
		 width: 0; 
	  height: 0; 
	  border-left: 24px solid transparent;
	  border-right: 24px solid transparent;
	  border-bottom: 24px solid #ABE2F6;
	}
}
.sticky-post .bookmark {
	display: block;
}


.feed_tools{
	margin: 0;
	width: auto;
	border-top: 1px solid #FFF;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.feed_tools a{
	float: right;
	display: block;
	height: 28px;
    line-height: 28px;
    padding: 0 10px;
	margin: 0;
  	cursor: pointer;
  	border-left: 1px solid #FFF;
  	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 15px;
}

#status_form textarea{
	display: block;
	font-size: 1.1em;
	margin: 0 0 -1px 0;
	padding: 1%;
	width: 98%;
	resize: none;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#feed input[type=submit]{
	float: right;
	display: block;
	margin: 0;
  	cursor: pointer;
  	border-left: 1px solid #FFF;
  	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 15px;
}

.feed_tools button{
	font-size: 150%;
	float: right;
	display: block;
	margin: 0;
  	cursor: pointer;
  	border-left: 1px solid #FFF;
  	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.item_header{
	padding: 8px;
	margin-bottom: 5px;
	overflow: auto;
}
.comment_header{
	padding: 5px;
	overflow: auto;
}
.item_header .thumb{
	width: 50px;
	height: 50px;
	-moz-border-radius:   5px;
  	-ms-border-radius:     5px;
  	-o-border-radius:     5px;
  	-webkit-border-radius:   5px;
  	border-radius:       5px;
  	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.40);
	box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.40);
}
.item_header a, .comment_header a{
	color: #536870;
	font-weight: bold;
}
.comment_header .thumb{
	width: 30px;
	height: 30px;
	-moz-border-radius:   5px;
  	-ms-border-radius:     5px;
  	-o-border-radius:     5px;
  	-webkit-border-radius:   5px;
  	border-radius:       5px;
  	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.40);
	box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.40);
}
.item_comments{
	margin-top: 10px;
}
.item_comment{
	margin-left: 70px;
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #c1ebfb;
	padding: 5px 0;

	-moz-border-radius:   5px;
  	-ms-border-radius:     5px;
  	-o-border-radius:     5px;
  	-webkit-border-radius:   5px;
  	border-radius:       5px;
	
}

.item_content{
	margin-left: 70px;
	margin-right: 10px;
}
.item_comment .item_content{
	margin-left: 45px;
}

/*.item_comments form div{
	margin: 0 10px 10px 70px;
	width: auto;
}*/
.item_comments textarea{
	display: block;
	/*margin: 0 10px 10px 70px;*/
	padding: 1%;
	width: 98%;
	height: 30px;
	/*font-size: 1.1em;*/
	resize: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.item_links{
	color: #536870;
	clear: left;
	text-align: right;
	font-size: 0.9em;
	text-transform: uppercase;
}
.item_links a{
	color: #536870;
	text-decoration: none;
}
.item_links .entypo {
    color: #536870;
    font-size: 3em;
    position: relative;
    top: 3px;
 }

#feed_loader,#status_ajax_loader, #login_loader{
	display: none;
	width: 100px;
	height: 100px;
	margin: 5px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/spinner.gif) no-repeat;
	background-color: rgb(220, 220, 220);
	background-color: rgba(255, 255, 255, 0.9);
	background-position:center;
}
#login_loader{
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -50px;
}
.feed_picture_preview{
	width: 50%;
}
.comment_picture_preview{
	width: 30%;
}
.feed_picture_preview img, .comment_picture_preview img{
	width: 100%;
	cursor: pointer;
}

.linkBox{
	display: none;
	background-color: rgb(141,191,209);
	margin: 5px 10px;
	padding: 5px;
	position: relative;
}
.linkBox input[type=text]{
	width: 50%;
}
.previewLoader{
	display: none;
	position: absolute;
	z-index: 2;
	left: 30%;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/spinner.gif) no-repeat;
	background-color: rgb(220, 220, 220);
	background-color: rgba(255, 255, 255, 0.9);
	background-position:center;
}
.link_preview{
	overflow: auto;
}
.link_preview a{
	color: #FFF;
}
.link_thumb{
	width: 120px;
	height: auto;
	/*overflow: hidden;*/
	float: left;
	margin-right: 10px;
	
}
.link_thumb img{
	width: 99%;
	border: 1px solid #FFF;
}
#older{
	float: right;
}
#newer{
	float: left;
}

#older a, #newer a{
font-family: 'bebas_neueregular','Open Sans', Helvetica,sans-serif;
	font-weight: 400;
	letter-spacing: 1px;

	display: block;
	width: 100px;
	height: 20px;
	/*margin: 0 auto 5px auto;*/
	padding: 5px;
	text-align: center;
	line-height: 4px;
		color: #FFF;
	text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2);
	text-decoration: none !important;
	background: rgb(75,169,205);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYTljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODgzYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(75,169,205,1) 0%, rgba(56,131,160,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,169,205,1)), color-stop(100%,rgba(56,131,160,1)));
background: -webkit-linear-gradient(top, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
background: -o-linear-gradient(top, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
background: -ms-linear-gradient(top, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
background: linear-gradient(to bottom, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba9cd', endColorstr='#3883a0',GradientType=0 );
	-moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	 box-shadow:     0 1px 0 rgba(0,0,0,0.2);
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;


}
#older .entypo, #newer .entypo {
    color: #FFF;
    font-size: 4em;
    position: relative;
    top: 9px;
 }
#pagination{
	margin: 0 10px;
}
/*---------- scrolling member activity list ------------------*/
#member_activities{
	position: relative;
	text-align: center;
	width: 50%;
	max-width: 700px;
	min-width: 400px;
	margin: 10px auto 15px auto;
}
#member_activity_list{
	width: 90%;
	margin: 0 auto 20px auto;
}
.owl_activityBadge{
	margin: 0 auto;
}
#member_activity_list div .exitBadge{
	display: none;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 5px;
	left: 50%;
	margin-left: 30px;
	z-index: 10;
	background-image: url(../img/close_button.png);
	background-repeat:  no-repeat;
	background-position: center;
	cursor: pointer;
}
/*#member_activity_list .item:hover .exitBadge{
	display: block;
}*/
#member_activity_list .owl-item{
	text-align: center;
/*		-webkit-transition: 0.15s linear;
  	-webkit-transition-property: -webkit-transform scale;
  	-ms-transition: 0.15s linear;
  	-ms-transition-property: -ms-transform scale;
  	transition: 0.15s linear;
  	transition-property: transform scale;*/
}
#member_activity_list .owl-item:hover{
/*		transform-origin: center center;
  transform: scale(1.05);
	-webkit-transform-origin: center center;
  -webkit-transform: scale(1.05);
  -ms-transform-origin: center center;
  -ms-transform: scale(1.05);*/
}

#member_activity_list .owl-item img{
		-webkit-transition: 0.15s linear;
  	-webkit-transition-property: -webkit-transform scale;
  	-ms-transition: 0.15s linear;
  	-ms-transition-property: -ms-transform scale;
  	transition: 0.15s linear;
  	transition-property: transform scale;
}
#member_activity_list .owl-item:hover img{
		transform-origin: center center;
  transform: scale(1.05);
	-webkit-transform-origin: center center;
  -webkit-transform: scale(1.05);
  -ms-transform-origin: center center;
  -ms-transform: scale(1.05);
}

/*---------- VERTICAL NAV WIDGET -------------------*/

#v_nav{
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 2;
	/*background: rgb(255,255,255);
	background: rgba(255,255,255,0.3);*/
}
@media screen and (max-width: 1000px){
	#v_nav{
		right: 20px;
	}
}
#v_nav .entypo{
	font-size: 2em;
	color: #FFF;
}

.v_nav{
	position: relative;
	width: 8px;
	height: 8px;
	margin: 15px 0;
	overflow: visible;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999;
	cursor: pointer;
}
.v_nav p{
	position: absolute;
	top: -5px;
	right: 15px;
	margin: 0;
	font-size: 0.9em;
	text-align: right;
	white-space: nowrap;
	z-index: 2;
	display: none;
}

.profileCurrent, .currentDot, .v_nav:hover, #dotNav .dotNav:hover{
	background-color: #999;
}
/*---------- HORIZONTAL NAV DOTS ------------------*/
#dotNav, #progress_nav{
	width: 200px;
	margin: 0 auto 10px auto;
	height: 20px;
	overflow: visible;
}
#progress_nav{
	margin-top: 10px;
}
#dotNav ul, #progress_nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: visible;
}
#dotNav li{
	width: 25%;
	float: left;
	position: relative;
}
#progress_nav li{
	float: left;
	position: relative;
}

.dotNav{
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999;
	/*cursor: pointer;*/

	overflow: visible;
	text-indent: -9999px;
}



#dotNav li p,#progress_nav li p{
	/*display: block;*/
	white-space: nowrap;
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
	top: -25px;
	left: 0;


}


/*---------- VERTICAL TABS -------------------------*/

#vertical_tabs{
	width: 95%;
	position: relative;
	margin-bottom: 20px;
}
.tab{
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	min-height: 300px;
	z-index: 1;
	
}
.current_tab{
	z-index: 2 !important;
}
.tab_content{
	width: 100%;
	min-height: 540px;
	background: #e3f1fd;
	border-top: 1px solid #e3f1fd;
	padding-bottom: 10px;
	display: none;
}
.current_tab .tab_content{
	display: block;
	-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    3px 3px 3px rgba(50, 50, 50, 0.40);
	box-shadow:         3px 3px 3px rgba(50, 50, 50, 0.40);
}
.tab_title{
	width: 10%;
	position: absolute;
	right: -10%;
	font-size: 0.8em;
	text-align: center;
	/*border-top: 1px solid #e3f1fd;*/
	border-right: 1px solid #e3f1fd;
	border-bottom: 1px solid #e3f1fd;
	cursor: pointer;
	/*z-index: 2;*/
	
}
.current_tab .tab_title{
	background: #e3f1fd;
-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.40);
-moz-box-shadow:    3px 3px 3px rgba(50, 50, 50, 0.40);
box-shadow:         3px 3px 3px rgba(50, 50, 50, 0.40);
}
.tab_content .button{
	margin: 10px;
}
/*---------- BANNER & NAV MENU ------------------------------*/
#banner{
	width:80%;
	margin: 0px auto 5px auto;
	padding-top: 20px;
}
#nav_bar{
	display: block;
	height: 35px;
	width:80%;
	margin: 5px auto 20px auto;
	position: relative;
	clear: both;
	/*font-size: 1.1em;*/

background: rgb(137,137,137);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2VlZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(137,137,137,1) 0%, rgba(186,186,186,1) 20%, rgba(238,237,237,1) 28%, rgba(186,186,186,1) 50%, rgba(137,137,137,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,137,137,1)), color-stop(20%,rgba(186,186,186,1)), color-stop(28%,rgba(238,237,237,1)), color-stop(50%,rgba(186,186,186,1)), color-stop(99%,rgba(137,137,137,1)));
background: -webkit-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(137,137,137,1) 99%);
background: -o-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(137,137,137,1) 99%);
background: -ms-linear-gradient(top,  rgba(137,137,137,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(137,137,137,1) 99%);
background: linear-gradient(to bottom,  rgba(137,137,137,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(137,137,137,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#898989',GradientType=0 );

	-moz-border-radius:   10px;
  	-ms-border-radius:     10px;
  	-o-border-radius:     10px;
  	-webkit-border-radius:   10px;
  	border-radius:       10px;

  	/*text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.2);*/
}
#banner, #nav_bar{
	min-width: 510px;
}
.current{
		background: rgb(112,112,112);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2VlZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JhYmFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(112,112,112,1) 0%, rgba(186,186,186,1) 20%, rgba(238,237,237,1) 28%, rgba(186,186,186,1) 50%, rgba(112,112,112,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,112,112,1)), color-stop(20%,rgba(186,186,186,1)), color-stop(28%,rgba(238,237,237,1)), color-stop(50%,rgba(186,186,186,1)), color-stop(99%,rgba(112,112,112,1)));
background: -webkit-linear-gradient(top,  rgba(112,112,112,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(112,112,112,1) 99%);
background: -o-linear-gradient(top,  rgba(112,112,112,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(112,112,112,1) 99%);
background: -ms-linear-gradient(top,  rgba(112,112,112,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(112,112,112,1) 99%);
background: linear-gradient(to bottom,  rgba(112,112,112,1) 0%,rgba(186,186,186,1) 20%,rgba(238,237,237,1) 28%,rgba(186,186,186,1) 50%,rgba(112,112,112,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#707070',GradientType=0 );

background: rgb(96,96,96);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2VlZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(165,165,165,1) 20%, rgba(238,237,237,1) 28%, rgba(165,165,165,1) 50%, rgba(96,96,96,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(20%,rgba(165,165,165,1)), color-stop(28%,rgba(238,237,237,1)), color-stop(50%,rgba(165,165,165,1)), color-stop(99%,rgba(96,96,96,1)));
background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#606060',GradientType=0 );

}

nav {
	display: block;
	height: 35px;
	width:100%;
	position: relative;
}

#nav{
    list-style:none;
	text-transform: uppercase;
	margin-left: 10px;
	/*font-size: 0.9em;*/
    padding: 0;
}


#nav li{
    float:left;
    position:relative;

}
#nav a{
	padding: 0 10px;
	height: 35px;
    line-height: 35px;
    display:block;
    color:#FFF;
    text-decoration:none;
    cursor: pointer;

}
#nav a:hover, #nav a.currentNav{
    color:#FFF;
	text-decoration: none;
	background: rgb(96,96,96);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2VlZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(96,96,96,1) 0%, rgba(165,165,165,1) 20%, rgba(238,237,237,1) 28%, rgba(165,165,165,1) 50%, rgba(96,96,96,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,96,96,1)), color-stop(20%,rgba(165,165,165,1)), color-stop(28%,rgba(238,237,237,1)), color-stop(50%,rgba(165,165,165,1)), color-stop(99%,rgba(96,96,96,1)));
	background: -webkit-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
	background: -o-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
	background: -ms-linear-gradient(top,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
	background: linear-gradient(to bottom,  rgba(96,96,96,1) 0%,rgba(165,165,165,1) 20%,rgba(238,237,237,1) 28%,rgba(165,165,165,1) 50%,rgba(96,96,96,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#606060',GradientType=0 );

}


#nav ul{
    list-style:none;
    position:absolute;
    left:-9999px;
     z-index: 2;
}
#nav ul li{

    float:none;
}
#nav ul a{
    white-space:nowrap;
}
#nav li ul{ 
	/*padding-left: -10px !important;*/

}
#nav li:hover ul{ 
    left:-10px;
}
#nav li:hover a{ 
    text-decoration:none;
}
#nav li:hover ul{
	background: #FFF;
	-moz-box-shadow:    2px 2px 4px 0px #444;
	-webkit-box-shadow: 2px 2px 4px 0px #444;
	box-shadow:         2px 2px 4px 0px #444;
}
#nav li:hover ul a{ 
    text-decoration:none;
	margin: 0;
}
#nav li:hover ul li{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#nav li:hover ul li a:hover{ 
    /*background:#333;*/
}

#search{
	width: 150px;
	height:25px;
	margin-right: 20px;
	margin-top: 5px;
	background: #FFF;
	float: right;
	-moz-border-radius:   3px;
  	-ms-border-radius:     3px;
  	-o-border-radius:     3px;
  	-webkit-border-radius:   3px;
  	border-radius:       3px;

  	-webkit-box-shadow:inset -1px 1px 3px 0 rgba(0,0,0,0.1);
	box-shadow:inset -1px 1px 3px 0 rgba(0,0,0,0.5);
}
#searchform p{
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	position: relative;
}
#searchform input[type=submit]{
	display: inline;
	line-height: 20px;
	/*margin-top: 4px;*/
	margin-left: 4px;
	margin-right: 5px;
	background: url("../img/search.png") no-repeat scroll 0 0 transparent;
  	cursor: pointer;
 	height: 18px !important;
  	width: 18px !important;
  	min-width: 0;
  	text-indent:-999px;
}
#searchform input[type=submit]:hover{
	background-position: 0 -18px;
}
#searchform input[type=text]{
	display: inline;
	-webkit-appearance: none;
	position: relative;
	top: -2px;
	width: 115px;
	height: 20px;
	line-height: 20px;
	background: transparent;
    border: none;
    box-shadow: none;
    font-family: inherit;
    margin: 0;
    padding: 0;
    border-top-width: 0px;
}

/*---------- scrolling badge menu ------------------*/

#badges_menu{
	width: 90%;
	margin: 0 auto 20px auto;
}
#badges_menu div{

}
#badges_menu .owl-item, #about_buttons img{
	text-align: center;
		-webkit-transition: 0.15s linear;
  	-webkit-transition-property: -webkit-transform scale;
  	-ms-transition: 0.15s linear;
  	-ms-transition-property: -ms-transform scale;
  	transition: 0.15s linear;
  	transition-property: transform scale;
}
#badges_menu .owl-item:hover,#about_buttons img:hover{
		transform-origin: center center;
  transform: scale(1.05);
	-webkit-transform-origin: center center;
  -webkit-transform: scale(1.05);
  -ms-transform-origin: center center;
  -ms-transform: scale(1.05);
}

.owl_arrow{
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 30px;
}
.left_arrow{
	left:0;
}
.right_arrow{
	right: 0;
}

#badge_menu_wrapper{
	position: relative;
	width: 80%;
	margin: 0px auto;
	max-width: 1200px;
}
#badge_nav{
	text-align: center;
	font-size: 1.5em;
	color: #CCC;
	letter-spacing: 5px;
}
#badge_nav span{
	cursor: pointer;
}
#badge_nav .cur_nav,#badge_nav span:hover{
	color: #777;
}

/*---------- member info menu --*/

#member_info, #about_buttons{
	list-style: none;
	padding: 0;
	margin: 0px auto 10px auto;
	max-width: 1200px;
	min-width: 550px;
}

#member_info{
	width: 90%;
	height: 180px;
	text-align: center;
}

#about_buttons{
	width: 70%;
	height: 120px;
	text-align: center;
}
#about_buttons li, #member_info li{
	position: relative;
	display: block;
	float: left;
	text-align: center;
	width: 21%;
	/*min-width: 110px;*/
	overflow: visible;
}
#about_buttons li{
	display: inline-block;
	float: none;
}
.headerImg,.headerThumb{
		width: 110px;
		height: 110px;
		max-width: 100%;
		overflow: hidden;
}
.headerThumb{
	margin: 0 auto;
}
.headerThumb img{
	width: 100%;
}
#member_info li{
	width: calc(95% / 6);
	display: inline-block;
}
#member_info li.narrow{
	width: 5%;

}
@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {


		#member_info{
			display: -webkit-flex;
	    	display: -moz-flex;
	    	display: flex;
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			flex-direction: row;
			/* -webkit-justify-content: space-between;
			-moz-justify-content: space-between;
			justify-content: space-between; */
		-webkit-justify-content: center;
			-moz-justify-content: center;
			justify-content: center;
		
		}


      	#member_info li{
      		-webkit-flex: 0 1 auto;
      		-moz-flex: 0 1 auto;
			flex: 0 1 auto;
		}

 }

/* #member_info li:nth-child(-n+3):after,#member_info li:nth-child(6):after{ */
#member_info li:nth-child(-n+2):after{
	position: absolute;
	right: 0;
	top: 10px;
	display: block;
	content: "";
	height: 90px;
	width: 0;
	border-right: 2px solid #CCC;
}


#about_buttons li{
	width: 25%;
}

.scoreOverlay{
	position: absolute;
	width: 110px;
	top: 31px;
	left: 50%;
	margin-left: -55px;
	z-index: 2;
	text-align: center;
	color: #FFF;
	font-size: 18px;
}
.scoreOverlay.centerScore {
	top: 46px;
}
.scoreOverlay .bigger{
	font-size: 35px;
}
.scoreOverlay .vbig{
	font-size: 40px;
	/*line-height: normal;*/
}
.scoreOverlay.centerScore .bigger{
	font-size: 30px;
}
.scoreOverlay .smaller{
	margin-bottom: -4px;
}
.scoreOverlay .smaller{
	line-height: 110%;
}

.scoreOverlay hr{
	width: 60%;
	padding-top: 1px;
	margin-bottom: 0;
}
.infoBox{
	color: #888;
	line-height: 120%;
}
#badge_image .scoreOverlay{
	width: 250px;
	top: 55px;
	left: 50%;
	margin-left: -125px;
	font-size: 36px;
	line-height: 36px;
}
#badge_image .scoreOverlay .bigger{
	font-size: 70px;
	line-height: 70px;
}
@media screen and (max-width: 1000px){
	.headerImg{
		width: 100px;
		height: 100px;
	}
	li.narrow img{
		height: 100px;
	}
	.infoBox{
		font-size: 0.9em;
	}
	.scoreOverlay{
		top: 28px;
	}
	.scoreOverlay.centerScore{
		top: 40px;
	}
	.scoreOverlay.centerScore .bigger{
		font-size: 26px !important;
	}
}
@media screen and (max-width: 900px){
	#member_info{
		height: 140px;
	}
	.headerImg{
		width: 80px;
		height: 80px;
	}
	li.narrow img{
		height: 80px;
	}
	.infoBox{
		font-size: 0.8em;
	}
	.scoreOverlay{
		font-size: 15px;
		top: 20px;
	}
	.scoreOverlay .bigger{
		font-size: 30px;
	}
	.scoreOverlay .vbig {
    	font-size: 35px;
	}
	.scoreOverlay hr{
		margin-top: 5px;
	}
	.scoreOverlay.centerScore{
		top: 30px;
	}
	.scoreOverlay.centerScore .bigger{
		font-size: 20px !important;
	}
}
/*---------- Open Badges etc ---------------------------*/

#pushBadge{
	display: block;
	height: 50px;
	padding-left: 70px;
	width:300px;
	font-size: 1.1em;
	font-weight: bold;
	background-image: url(../img/openBadges-simple.png);
	background-repeat: no-repeat;
	background-position: 10px 0;
	cursor: pointer;
	margin: 10px auto;
	line-height: 50px;
	background-color: #FFF;
	text-transform: uppercase;
	-moz-border-radius:   25px;
	-ms-border-radius:     25px;
	-o-border-radius:     25px;
	-webkit-border-radius:   25px;
	border-radius:       25px;
	-moz-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-ms-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-o-box-shadow:     0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	 box-shadow:     0 2px 2px rgba(0,0,0,0.4);
}
#pushBadge:active{
	-moz-box-shadow:   0 1px 1px rgba(0,0,0,0.4);
	-ms-box-shadow:   0 1px 1px rgba(0,0,0,0.4);
	-o-box-shadow:     0 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	 box-shadow:     0 1px 1px rgba(0,0,0,0.4);
}
.badgePushed{
	display: block;
	position: relative;
	height: 50px;
	width:250px;
	background-image: url(../img/openBadges.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FFF;
	-moz-border-radius:   25px;
	-ms-border-radius:     25px;
	-o-border-radius:     25px;
	-webkit-border-radius:   25px;
	border-radius:       25px;
	margin: 10px auto;
}
.badgePushed a{
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/*----------- PARTNER & GROUP STUFF ----------------*/

.partner{
	padding: 10px;
	overflow: visible;
	width: 600px;
	margin: 20px auto;
}
.partner .thumb, .group .thumb{
	width: 150px;
	height: 150px;
	float: none;
	-webkit-transition: 0.15s linear;
  	-webkit-transition-property: -webkit-transform scale;
  	-ms-transition: 0.15s linear;
  	-ms-transition-property: -ms-transform scale;
  	transition: 0.15s linear;
  	transition-property: transform scale;
}
.group .thumb:hover{
	-webkit-transform-origin: center center;
  	-webkit-transform: scale(1.05);
  	-ms-transform-origin: center center;
  	-ms-transform: scale(1.05);
  	transform-origin: center center;
  	transform: scale(1.05);
}
.partnerDetails{
	padding-top: 30px;
	width: 150px;
	min-height: 220px;
	padding-right: 100px;
	float: left;
	text-align: center;
	background-image: url(../img/lrg_rt_arrow.png);
	background-repeat: no-repeat;
	background-position: right 50px;
}
#memberList{
	list-style: none;
	text-align: center;
}
#memberList li{
	display: inline-block;
	width: 190px;
	min-height: 220px;
	vertical-align: top;
	margin: 10px;
}
.call{
	position: relative;
	text-align: center;
	width: 200px;
	margin-left: 50px;
	min-width: 150px;
	height: 270px;
	float: left;
	background-image: url(../img/phone.png);
	background-repeat: no-repeat;
	background-position: center 35px;
	overflow: visible;
}
.call p{
	position: relative;
}
.call .ui-datepicker-trigger{
	top: 6px;
}
.call form{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.call label{
	float: left;
	width: 50px;
	height: 28px;
	line-height: 28px;
}
.labelUnder{
	position: relative;
}
.labelUnder label{
	position: absolute;
	float: none;
	z-index: -1;
	left: 0;
	top: 0;
}
.call input[type=text]{
	width: 100px;
	float: left;
}
.call .status_output{
	height: 20px;
	text-align: center;
	overflow: visible;
	white-space: nowrap;
}
.partnerWidget{
	text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.6);
    box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.6);
    clear: both;
    margin: 10px 0;
    padding: 5px 10px;
    background-color: #FFF;
}
.simpleContainer{

}
#groupCalls{
	width: 600px;
	margin: 0 auto 30px auto;
	overflow: auto;
	text-align: center;
}
#groupCalls .call,#groupCalls .simpleContainer{
	float: none;
	display: inline-block;
	vertical-align: top;
}
#groupCalls .call{
	width: 280px;
	height: 225px;
	padding-top: 10px;
	background-position: 10px 25px;
	background-size: 100px auto;
	margin-left: 0;
	text-align: left;
	background-color: #ABE2F6;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#groupCalls .simpleContainer{
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#groupCalls .call form{
	position: relative;
	margin-left: 115px;
	text-align: left;
	width: auto;
}
#groupCalls .call input[type="text"]{
	float: none;
}
#groupCalls .call input[type="submit"]
{
	margin-left: 30px;
}
#groupCalls .status_output{
	text-align: right;
	white-space: normal;
	margin-left: -100px;
	margin-right: 5px;
}

#groupCalls .simpleContainer{
	width: 280px;
	height: 235px;
	background-color: #efefef;
	overflow: scroll;
}
#groupNotifications{
	width: 80%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	/*font-size: 0.9em;*/
	text-align: center;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#groupNotifications li{
	padding:2px;
}
.bar{
	background-color: rgba(255,255,255,0.6);
	text-align: center;
	font-size: 0.9em;
	width: 80%;
	margin: 0 auto;
}
.journals{
	width: 80%;
	margin: 10px auto;
	/*background-color: #abe2f6;*/
}
.journals h2,#groupCalls h2{
	font-size: 2.3em;
	line-height: 120%;
	text-align: center;
}
.journals h3{
	font-size: 2em;
	text-align: center;
}
.journals .row_element{
	margin: 20px 0;
}
.journals .row_element:first-of-type{
	margin-bottom: 50px;
}
.journals .row_element h2{
	font-size: 1.6em;
	margin-top: 5px;
}

.journals .button{
	height: 30px;
	font-size: 1.3em;
	margin: 10px auto;
}

.journalEntry{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	width: 90%;
	min-height: 200px;
	background: rgb(255,255,255);
	background: rgba(255,255,255, 0.9);
}
.journalEntry h1{
	text-align: center;
}
.journalEntry .status{
	margin-top: 10px;
	min-height: 20px;
}
.journalEntry button{
	display: none;
}
.journalEntry img, .journals img{
	max-width: 100% !important;
	height: auto !important;
}
/*------ entry lock slider ------------------------*/
#lockArea{
	padding: 10px;
	/*width: 500px;*/
	/*width: 75px;*/
	margin: 10px auto;
	/*height: 24px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    background-color: #abe2f6;
}
#lockArea p{
	line-height: 24px;
}
#lock{
	position: relative;
	width: 75px;
	height: 24px;
	margin: 0 auto 10px auto;
	/*margin-right: 10px;*/
	overflow: hidden;
	background-color: #efefef;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius:12px;
	border-radius: 12px;
	text-align: center;
	/*float: left;*/
}
#lockInner{
	position: absolute;
	height: 24px;
	width: 150px;
	top: 0;
	left: -50%;
	z-index: 1;
}
.lockBG{
	float: left;
	height: 24px;
	width: 50%;
}
#lockInner div:first-child{
	background: #b8fccb;
}
#lockInner div:nth-child(2){
	background: #efefef;
}
#slider{
	position: absolute;
	height: 24px;
	width: 85px;
	margin-left: -61px;
	background: #b8fccb;
	top: 0;
	/*left: 50%;*/
	z-index: 2;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius:12px;
	border-radius: 12px;
-webkit-box-shadow: inset -3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    inset -3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         inset -3px 3px 5px 0px rgba(50, 50, 50, 0.75);


}
#sliderButton{
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	height: 24px;
	width: 24px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius:12px;
	border-radius: 12px;
	cursor: pointer;
	background: rgb(210,223,237);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDJkZmVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjYzhkN2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjYTZjMGUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjYWZjN2U4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjYmFkMGVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjOTliNWRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc5OWJjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(166,192,227,1) 45%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(210,223,237,1)), color-stop(26%,rgba(200,215,235,1)), color-stop(45%,rgba(166,192,227,1)), color-stop(62%,rgba(175,199,232,1)), color-stop(75%,rgba(186,208,239,1)), color-stop(88%,rgba(153,181,219,1)), color-stop(100%,rgba(121,155,200,1)));
background: -webkit-linear-gradient(-45deg,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(166,192,227,1) 45%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(166,192,227,1) 45%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(166,192,227,1) 45%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
background: linear-gradient(135deg,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(166,192,227,1) 45%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=1 );

-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
#insetMask{
	position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
      pointer-events: none;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius:12px;
	border-radius: 12px;
-webkit-box-shadow: inset -3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    inset -3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         inset -3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
 .unlocked{
 	right: 0;
 }
/*---------- PERSONA BUTTONS -----------------------*/
.enter{
	text-transform: uppercase;
	font-size: 2em;
	position: relative;
	/*left: -8px;*/

}
.persona-button{
	font-family: 'Open Sans', Helvetica,sans-serif;
	letter-spacing: normal;
	text-transform: none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
/*  font-family: Helvetica, Arial, sans-serif;*/
  line-height: 1.1;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  /*text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2);*/
  height: auto;
  min-width: 200px;
  background: #297dc3;
  background: -moz-linear-gradient(top, #43a6e2, #287cc2);
  background: -ms-linear-gradient(top, #43a6e2, #287cc2);
  background: -o-linear-gradient(top, #43a6e2, #287cc2);
  background: -webkit-linear-gradient(top, #43a6e2, #287cc2);
  background: linear-gradient(top, #43a6e2, #287cc2);

  -moz-border-radius:   5px;
  -ms-border-radius:     5px;
  -o-border-radius:     5px;
  -webkit-border-radius:   5px;
  border-radius:       5px;

  -moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
  -ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
  -o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  box-shadow:     0 1px 0 rgba(0,0,0,0.2);
}

.persona-button:hover{
  background: #21669f;
  background: -moz-linear-gradient(top, #3788b9, #21669f);
  background: -ms-linear-gradient(top, #3788b9, #21669f);
  background: -o-linear-gradient(top, #3788b9, #21669f);
  background: -webkit-linear-gradient(top, #3788b9, #21669f);
  background: linear-gradient(top, #3788b9, #21669f);
}

.persona-button:active, .persona-button:focus{
  top: 1px;
  -moz-box-shadow:   none;
  -ms-box-shadow:   none;
  -o-box-shadow:     none;
  -webkit-box-shadow: none;
  box-shadow:     none;
}

.persona-button span.personaWrap{
  display: inline-block;
  padding: 5px 30px 5px 30px;
}

.persona-button span.enter{
	font-family: 'bebas_neueregular', sans-serif;
	letter-spacing: 1px;
}
/* Icon */
/*.persona-button span.personaWrap:after{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA4klEQVR42o2RWaqEMBRE3YaCiDjPwQGcd9CrysLv4wTyoLFD90dxqbp1EgdPRB7Kskznea6Zn/aPoKoqUUrJOI5m4l2QBfSyLHKep1zXZSae3An1fS/7vst931bGkzuhaZrsLVbGkzuheZ7lOI6HyJ2QUkqv6yrbtv0LT+6E7G0UrfBfP3lZlpoXH4ZBmHgn5Pv+KwxDfqp0XQdgJp6c/RsUBIGOokiSJDE/s21bACbe5Ozp0TdAHMdSFIXUdS1N01C2wpObPT36HifwCJzI0iX29Oh7XP0E3CB9L01TzM+i/wePv4ZE5RtAngAAAABJRU5ErkJggg==) 10px center no-repeat;
  content: '';
  display: block;
  width: 31px;

  position: absolute;
  bottom: 0;
  left: -3px;
  top: 0;
  z-index: 10;
}*/

/*  Icon background */
.persona-button span.personaWrap:before{
/*  content: '';
  display: block;
  height: 100%;
  width: 20px;

  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 1;

  background: #42a9dd;
  background: -moz-linear-gradient(top, #50b8e8, #3095ce);
  background: -ms-linear-gradient(top, #50b8e8, #3095ce);
  background: -o-linear-gradient(top, #50b8e8, #3095ce);
  background: -webkit-linear-gradient(top, #50b8e8, #3095ce);
  background: linear-gradient(top, #50b8e8, #3095ce);

  -moz-border-radius:   3px 0 0 3px;
  -ms-border-radius:     3px 0 0 3px;
  -o-border-radius:     3px 0 0 3px;
  -webkit-border-radius:   3px 0 0 3px;
  border-radius:       3px 0 0 3px;*/
}

/* Triangle */
.persona-button:before{
 /* background: #42a9dd;
  content: '';
  display: block;
  height: 26px;
  width: 26px;

  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -13px;
  z-index: 0;

  background: -moz-linear-gradient(-45deg, #50b8e8, #3095ce);
  background: -ms-linear-gradient(-45deg, #50b8e8, #3095ce);
  background: -o-linear-gradient(-45deg, #50b8e8, #3095ce);
  background: -webkit-linear-gradient(-45deg, #50b8e8, #3095ce);
  background: linear-gradient(-45deg, #3095ce, #50b8e8); /* flipped for updated spec */

  -moz-box-shadow:   1px -1px 1px rgba(0,0,0,0.1);
  -ms-box-shadow:   1px -1px 1px rgba(0,0,0,0.1);
  -o-box-shadow:     1px -1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 1px -1px 1px rgba(0,0,0,0.1);
  box-shadow:     1px -1px 1px rgba(0,0,0,0.1);

  -moz-transform:   rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:     rotate(45deg);
  -webkit-transform:   rotate(45deg);
  transform:       rotate(45deg);*/
}

/* Inset shadow (required here because the icon background clips it when on the `a` element) */
.persona-button:after{
/*  content: '';
  display: block;
  height: 100%;
  width: 100%;

  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;

  -moz-border-radius:   3px;
  -ms-border-radius:     3px;
  -o-border-radius:     3px;
  -webkit-border-radius:   3px;
  border-radius:       3px;

  -moz-box-shadow:   inset 0 -1px 0 rgba(0,0,0,0.3);
  -ms-box-shadow:   inset 0 -1px 0 rgba(0,0,0,0.3);
  -o-box-shadow:     inset 0 -1px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
  box-shadow:     inset 0 -1px 0 rgba(0,0,0,0.3);*/
}

/*---------- regular buttons ------------------------*/

.orange {
	color: #FFF;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	-moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	 box-shadow:     0 1px 0 rgba(0,0,0,0.2);
}

.orange:active {
	   top: 1px;
  -moz-box-shadow:   none;
  -ms-box-shadow:   none;
  -o-box-shadow:     none;
  -webkit-box-shadow: none;
  box-shadow:     none;
	background: #f47a20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#cd6519));
	background: -moz-linear-gradient(top,  #f47a20,  #cd6519);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#cd6519');
}
.blue {
	color: #FFF;
	text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2);
	text-decoration: none !important;
	background: rgb(75,169,205);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYTljZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODgzYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(75,169,205,1) 0%, rgba(56,131,160,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,169,205,1)), color-stop(100%,rgba(56,131,160,1)));
background: -webkit-linear-gradient(top, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
background: -o-linear-gradient(top, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
background: -ms-linear-gradient(top, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
background: linear-gradient(to bottom, rgba(75,169,205,1) 0%,rgba(56,131,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba9cd', endColorstr='#3883a0',GradientType=0 );
	-moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	 box-shadow:     0 1px 0 rgba(0,0,0,0.2);

}


.blue:active, #older a:active,#newer a:active {
	background: rgb(55,136,185);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3ODhiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTY2OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(55,136,185,1) 0%, rgba(33,102,159,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,136,185,1)), color-stop(100%,rgba(33,102,159,1)));
background: -webkit-linear-gradient(top,  rgba(55,136,185,1) 0%,rgba(33,102,159,1) 100%);
background: -o-linear-gradient(top,  rgba(55,136,185,1) 0%,rgba(33,102,159,1) 100%);
background: -ms-linear-gradient(top,  rgba(55,136,185,1) 0%,rgba(33,102,159,1) 100%);
background: linear-gradient(to bottom,  rgba(55,136,185,1) 0%,rgba(33,102,159,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3788b9', endColorstr='#21669f',GradientType=0 );

   top: 1px;
  -moz-box-shadow:   none;
  -ms-box-shadow:   none;
  -o-box-shadow:     none;
  -webkit-box-shadow: none;
  box-shadow:     none;
}

.grey {
	text-shadow: 0 -1px #777;
		-moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	 box-shadow:     0 1px 0 rgba(0,0,0,0.2);
	color: #FFF;
	background: #888;
	background: -webkit-gradient(linear, left top, left bottom, from(#AAA), to(#777));
	background: -moz-linear-gradient(top,  #AAA,  #777);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#777777');
}


.grey:active {
	 -moz-box-shadow:   none;
  -ms-box-shadow:   none;
  -o-box-shadow:     none;
  -webkit-box-shadow: none;
	background: #777;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#555));
	background: -moz-linear-gradient(top,  #888,  #555);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
}

/*-------  UPLOAD WIDGET -----------------------------*/
#upload_widget{
	padding: 15px;
	background-color: #C1EBFB;
    border-radius: 5px;
    margin-top: 10px;
    overflow: auto;
}
#upload_widget p:first-of-type{
	margin-top: 20px;
}
#upload_preview{
	width: 150px;
	height: 150px;
	margin: 10px;
	overflow: hidden;
	text-align: center;
	position: relative;
	float: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;

}
.preview{
	width: 100%;
}
#upload_preview .spinner{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	z-index: 1;
}



/*-------- AJAX STUFF ----------------------*/
#loggingIn{
	display: none;
	width: 250px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/spinner.gif) no-repeat;
	background-position:center;

}
#modal {
	/*background-color: #CCC;*/
	position: absolute;
	top: 100px;
	/*left: 50%;*/
	width: 70%;
	left: 15%;
	z-index: 100;
	padding: 20px;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	display: none;
}
#closeModal{
	cursor: pointer;
}
#status_output, #upload_status{
	min-height: 15px;
}
#status_output, .status_output{
	clear: both;
	color: #0e5e97;
	text-align: right;
}
#review_form #status_output{
	clear: none !important;
}
#updateStatus{
	margin: 0;
}
#deletebox{
	display:none;
	clear: right;
	margin: 0;
	padding: 0;
	height: 100px;
}

#loading {
	clear: both;
	background: url('../img/ajax-loader-1.gif') no-repeat;
	width: 126px;
	height: 22px;
	float: right;
}
#overlay{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:4;
	background:#000;
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
#loader {
	display: none;
	position: fixed;
	z-index: 1001;
	padding: 1px;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	background: url(../img/spinner.gif) no-repeat;
	background-color: rgb(220, 220, 220);
	background-color: rgba(255, 255, 255, 0.9);
	background-position:center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}

#loader.loading{
	display: block;
	
}

#reviewAlert{
	position: fixed;
	top: 100px;
	/*left: 50%;*/
	width: 300px;
	left: 50%;
	margin-left: -150px;
	z-index: 100;
	padding: 20px;
	text-align: center;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	display: none;

}
#reviewsLockScreen{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	background-color: rgb(50, 50, 50);
	background-color: rgba(0, 0, 0, 0.7);
}
#reviewsLockScreen div{
	position: absolute;
	z-index: 1;
	background-color: #FFF;
	width: 300px;
	left: 50%;
	top: 100px;
	margin-left: -150px;
	padding: 20px;
	text-align: center;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}
#reviewsLockScreen div .button{
	margin: 10px auto;
}

/*------- sortable dragging stuff -------------------*/
.sortable, .sortable2{
	
}

.sortable li{
	cursor: pointer;
}
.nosort{
	background-color: transparent !important;
	cursor: default !important;
}
 .sortable-placeholder{
	width: 100%;
	background: transparent;
	border: 1px dashed #555;
}
.index .sortable-placeholder{
	height: 100px;
}
.children .sortable-placeholder,.questions .sortable-placeholder{
	height: 50px;
}

#sortable1{
	
}
#sortable2{
	/*padding: 0;*/
}


.handle{
	color: #ccc;
	padding: 2px 4px;
	background-color: #888;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	cursor: move;
}



/*----------------------- LINKS -----------------------------------------------*/

a{
	color: #2470a6;
	text-decoration: none;
}
a:active, a:hover{
	text-decoration: underline;
}
a.simple:hover{
	text-decoration: none;
}
.overLink{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	text-indent: -9999px;
	overflow: hidden;
}
a.button, .button_wide{
	display: block;
	/*margin: 0 0 8px 10px;*/
	height:30px;
	width: 160px;
	line-height: 30px;
	padding: 0;
	border: none;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.2em;
}
.small_button{
	display: block;
	/*margin: 0 0 8px 10px;*/
	height:20px !important;
	width: 80px !important;
	line-height: 20px !important;
	padding: 0;
	border: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em  !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
a.button:hover, a.button_wide:hover, a.small_button:hover{
	text-decoration: none;
}



a.tiny_button{
	width: 45px;
	display: block;
	margin: 5px 2px;
	height:18px;
	line-height: 18px;
	padding: 0 5px;
	border: none;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.8em;
}
.button_wide{
	width: 200px;
	margin-left: 0;
}
a.delete, a.end, a.close{
	display: block;
	width: 20px;
	height: 20px;
	text-indent: 100%;  
	white-space: nowrap;  
	overflow: hidden;  
}
a.delete, a.close
{
	background: url(../img/delete.png) no-repeat;	
}
a.end
{
	background: url(../img/end.png) no-repeat;	
}

.helpButton, .infoButton{
	cursor: pointer;
	display: block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	margin-bottom: 5px;
    margin-left: auto;
    margin-right: 0;
	-moz-border-radius:   16px;
	-ms-border-radius:     16px;
	-o-border-radius:     16px;
	-webkit-border-radius:   16px;
	border-radius:       16px;
	-moz-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-ms-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-o-box-shadow:     0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	 box-shadow:     0 2px 2px rgba(0,0,0,0.4);
}
.helpButton:active, .infoButton:active{
	-moz-box-shadow:   0 1px 1px rgba(0,0,0,0.6);
	-ms-box-shadow:   0 1px 1px rgba(0,0,0,0.6);
	-o-box-shadow:     0 1px 1px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
	 box-shadow:     0 1px 1px rgba(0,0,0,0.6);
}
.helpButton{
	background-image: url("../img/help-button.png");
}
.infoButton
{
	background-image: url("../img/info-button.png");
}
.infoButton.inlineButton{
	display: inline-block;
	margin-left: 0;
	margin-right: 5px;
}
p.hasButton{
	line-height: 32px;
}
/* downloadable document link styles -------------------------------------------*/


a[href$='.pdf'] {
background:transparent url(../img/icons/pdf.png) center left no-repeat;
display:inline-block;
line-height: 40px;
min-width:50px;
height:50px;
padding-left: 55px;
margin: 0 10px 10px 0;

}
 
/* Excel Documents links */
a[href$='.xls'], a[href$='.xlsx']{
background:transparent url(../img/icons/xls.png) center left no-repeat;
display:inline-block;
line-height: 40px;
min-width:50px;
height:50px;
padding-left: 55px;
margin: 0 10px 10px 0;
}
 
/* Word Document Links */
a[href$='.doc'], a[href$='.docx'] {
background:transparent url(../img/icons/doc.png) center left no-repeat;
display:inline-block;
min-width:50px;
height:50px;
line-height: 40px;
padding-left: 55px;
margin: 0 10px 10px 0;
}

/* Text Document Links */
a[href$='.rtf'], a[href$='.txt'] {
background:transparent url(../img/icons/txt.png) center left no-repeat;
display:inline-block;
line-height: 40px;
min-width:50px;
height:50px;
padding-left: 55px;
margin: 0 10px 10px 0;
}
a[href$='.ppt'], a[href$='.pptx'] {
background:transparent url(../img/icons/ppt.png) center left no-repeat;
display:inline-block;
line-height: 40px;
min-width:50px;
height:50px;
padding-left: 55px;
margin: 0 10px 10px 0;
}

a.noIcon{
	background:none !important;
	display:block;
	line-height: inherit;
	min-width:0px;
	height:auto !important;
	padding-left: 0 !important;
	margin: 0 !important;
}


/*----------------------- FORMS STYLES ----------------------------------------*/
#review_form{
	width: 100%;
	margin-top: 30px;
}
#review_form textarea{
	width: 99%;
	height: 150px;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#review_form .smaller{
	margin-bottom: 20px;
}
.editor_form{
	position: relative;
	z-index: 1;
	width: 90%;
	margin: 0 0 20px 0;
	background: #e3f1fd;
	padding: 10px 1%;
}
.editor_form table{
	width: 100%;
}

.wide_editor{
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 10px 0;
}
#main_form{
	width: 600px;
	margin: 25px auto 70px auto;
	background-color: #92daf5;
	padding: 10px;
	-moz-border-radius:   5px;
	-ms-border-radius:     5px;
	-o-border-radius:     5px;
	-webkit-border-radius:   5px;
	border-radius:       5px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.6);
}
#side_form{
	float: left;
	margin-left: 1%;
	padding: 10px 0.5%;
	background: #efefef;
	width: 18%;
}
#side_form input[type=text]{
	width: 95%;
}

#side_form label {
	font-weight: bold;
/*	float: left;
	text-align: right;
	margin: 5px 10px 5px 0;
	width: 110px;*/
}

input[type=checkbox]{
	margin-right: 5px;
}
.zone input[type=checkbox]{
	margin-top: 7px !important;
}

select{
	background: #555;
	border: none;
	color: #FFF;
	font-size: 0.9em;
	margin: 5px 10px 5px 0;
	max-width: 200px;
}

textarea, input[type=text], input[type=password],input[type=tel],input[type=email] {
	-webkit-box-shadow: inset 1px 1px 1px 0px #999;
	-moz-box-shadow: inset 1px 1px 1px 0px #999;
	box-shadow: inset 1px 1px 1px 0px #999;
	margin: 5px 0;
	padding: 5px;
	background: #fefefe;
	border: none;
	font-size: 0.9em;
	font-family: inherit;
	color: #777;
	}
#main_form textarea:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus{
	background: #fff;
}
#main_form textarea{
	height: 100px;
}
#main_form input[type=text]
{
	width: 530px;
}
.wide{
	width: 98%;
}
textarea{
	height: 50px;
}
.editor{	
	margin-bottom: 20px;
}


button, input[type=submit], input[type=button] {
	font-size: 1.2em;
	margin: 5px 0 5px 5px;
	padding: 0 5px;
	height:28px;
	line-height: 28px;
	-webkit-appearance: none;
	/*font-size: inherit;
	font-family: inherit;*/
	padding: 0 5px;
	border: none;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}


/*-------------------- thumbnails and associated elements within forms --*/
.docformfields{
	width: 50%;
	float: left;
}
.resource_dropdowns{
	margin-top: 40px;
	width: 40%;
	float: left;
}
.resource_dropdowns .skinny_button{
	margin-left: 52px;
}
.docformfields input[type=text], .docformfields textarea{
	width: 90% !important;
}
.zone{
	margin: 7px 0;
	border: 1px solid #666;
	padding: 5px 10px;
	background: #BBB;
	overflow: auto;
	clear: both;
}
.zone h3{
	text-align: center;
	margin: 5px 0;
}
.zone p{
	margin: 0;
	clear: both;
}
#prices{
	height: auto;
	overflow-y: scroll;
}
#groups{
	margin-left: 120px;
}
.checkboxes, .option{
	margin: 10px 1%;
	padding: 5px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background: #aaa;
	color: #FFF;
}
.checkboxes{
	width: 45%;
}
/*.option img{
	margin-right: 10px;
	width: 110px;
	border: 1px solid #CCC;
	background-color: #efefef
	
}*/
/* fancy checkbox stuff */
.checkbox-label{
  position: relative;
  font-weight: bold;
  display: inline-block;
}
.feed_tools .checkbox-label{
	margin: 5px;
}
.checkbox-label.is-checked {
    color: blue;
}
.checkbox-label span {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin: -10px 0 0 0;
  /*border-radius: 4px;*/
  text-indent: -9999px;
  background: #FFF;
  border: 1px solid #2C2B2D;
  min-width: 0 !important;
}

.checkbox-label span::after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 12px;
  height: 7px;
  background: transparent;
  top: 4px;
  left: 3px;
  border: 2px solid #2C2B2D;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox-label:hover span::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.checkbox-label input[type=checkbox]{
  margin-right: 0.5rem;
}
.checkbox-label input[type=checkbox]:checked + span:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
#variations{
	clear: right;
}
.thumbnail {
	clear: left;
	margin: 10px 0;
	padding: 0;
	height: 150px;
}
.thumbnail img{
	border: 1px solid #CCC;
	float: left;
	margin-right: 15px;
	
}
.tiny_thumb{
	width: 50px;
	border: 1px solid #777;
}
/*.tiny_thumb img{
	width: 50px;
}*/

.thumbnail select{
	margin-left: 5px;
}
.thumbnail input[type=text]{
	width: 368px;
	
}
.thumbnail p{
	margin-left: 13px;
}


/* ------------------- Login Form ---------------------------------------------*/
#signup{
	width: 80%;
	max-width: 650px;
	min-height: 60px;
	padding: 20px;
	margin: 20px auto;
	text-align: center;
	position: relative;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
	-moz-border-radius:   5px;
	-ms-border-radius:     5px;
	-o-border-radius:     5px;
	-webkit-border-radius:   5px;
	border-radius:       5px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.6);
}
#signup form {
	margin: 10px auto;
	padding: 10px;
	background: rgb(171,226,246);
	width: 300px;
}
#signup form p{
	margin: 0;
}
#signup a{
	color:#0E5E97;
	border-bottom: 1px dotted #0E5E97;
	text-decoration: none;
}
#signup a:hover{
	border-bottom: 1px solid #0E5E97;
	text-decoration: none;
}
#signup input[type="submit"]{
	/*margin: 0 10px;*/
}
a.personaOut{
	display: block;
	border: none !important;
	height: 56px;
	width:230px;
	text-indent: -9999px;
	background-image: url(../img/personaLogo.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	margin: 20px auto;
	line-height: 50px;
	background-color: rgb(238,249,253);
	-moz-border-radius:   25px;
	-ms-border-radius:     25px;
	-o-border-radius:     25px;
	-webkit-border-radius:   25px;
	border-radius:       25px;
	-moz-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-ms-box-shadow:   0 2px 2px rgba(0,0,0,0.4);
	-o-box-shadow:     0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	 box-shadow:     0 2px 2px rgba(0,0,0,0.4);
}
a.personaOut:active{
	-moz-box-shadow:   0 1px 1px rgba(0,0,0,0.4);
	-ms-box-shadow:   0 1px 1px rgba(0,0,0,0.4);
	-o-box-shadow:     0 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	 box-shadow:     0 1px 1px rgba(0,0,0,0.4);
}

/* ------------------TABLE STYLES ----------------------------------------------*/
td{
	vertical-align: middle;
}