/*
* 
* This file is organized roughly into three sections from top to bottom:
* 
* 	1. The element section. This is where the selectors are mostly elements and it defines most of the default styles for the site
* 
* 	2. The page section. This is where a lot of custom styles are defined for specific pages or classes of pages. Things like the blog section, the about page, and the pastor/church page are here.
* 
* 	3. The widget section. This is where reusable styles are defined for specific parts of pages. Things like the GMT dashboard links are defined here.
* 
*/

/**
 * /design/css/main.css
 *
 * Primary CSS file for the public website.
 *
 * @copyright  	Copyright 2011, The MomCo
 * @author     	Bryan Potter
 * @since     	7/1/2013
 *
 * Change History
 * Change Date  Author     Description
 * ~~~~~~~~~~~  ~~~~~~~~~  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 8/29/2014	trikli		Mantis 11452 - changed the .ad classes .asset classes so ad blockers won't hide our ads per Mandy
 * 2014-09-08	bpotter		Added styles for group search email capture: '.group-search .cta-dialog'
 * 2014-09-08	bpotter		Tweaked subscribe button styles: '#subscribed'
 * 2014-09-26	jsharp		Mantis 12113 - Added a class for the form labels in the subscribe dialog '.subscribe_label'
 * 2014-09-26	trikli		Mantis 12136 - Fixed size of ad
 * 2014-10-01	jsharp		Mantis #11778 - Fixed the display of the profile picture
 * 2014-11-05	jsharp		Mantis #12184 - Added styles for dupe-checker
 * 2014-12-04	jsharp		Mantis #12347 - Added margin-left-10 class to use for gender selector radio buttons
 * 2015-03-10	jsharp		Mantis #12692 - Removed the padding under the dashboard links
 * 2015-05-29	jsharp		Mantis #12841 - Added a new class 'tiny' for really short form fields
 * 2015-08-19	jsharp		Mantis #13403 - Added success message styles
 * 2015-09-09	tfox		Mantis #11946 - Added idea classes to comments style classes
 * 2015-10-15	tfox		Mantis #10039 - Updated See All Link position so it's not being covered by the title
 * 2015-11-17	jsharp		Mantis #12973 - Added a cancel button for comment replies
 * 2016-03-20	tfox					- Moved popup window up in case of lower screen resolution
 * 2016-04-08	tfox		MAIN-517	  - Updated the banner ad sizing to match the new banner ad sizes
 * 2017-08-25	jfenner		MAIN-1057	-Updated css rule for .group-page .image-banner .a(b,c,d,e) to make the images not tile and then scale to the proper size
 */



html, body {
	background-color: #ffffff;
	color: #555555;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	
	margin: 0;
	padding: 0;
	min-height: 100%;
}

body#tinymce {
	background-color: #ffffff;
}

#container {
	background-color: #ffffff;
}


/*
* Content Styles
* 
* Colors can be found in colors.css
*/

h1 {
	color: #333333;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 3.25rem;
	line-height: 1.1;
	font-weight: 300;

	clear: both;

	margin: 0;
	padding: .5em 0;
}

h1.left,
h2.left,
h3.left,
li.left,
p.left
{
	text-align: left;
}

h1.center,
h2.center,
h3.center,
li.center,
p.center
{
	text-align: center;
}

h1.right,
h2.right,
h3.right,
li.right,
p.right
{
	text-align: right;
}

h1 em, i {
	font-style: italic;
}

h1 strong, b {
	font-weight: 600;
}

h2 {
	color: #333333;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 20px;
	line-height: 1.1em;
	font-weight: 300;

	clear: both;

	margin: 0;
	padding: 1em 0;
}

h2 em, i {
	font-style: italic;
}

h2 strong, b {
	font-weight: 600;
}

article h2 {
	font-family: 'Open Sans Condensed';
	font-size: 2rem;
	font-weight: 300;
}

article h2 strong,
article h2 b
{
	font-weight: 700;
}

h3 {
	color: #333333;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.1em;
	font-weight: 700;

	clear: both;

	margin: 0;
	padding: 1em 0;
}

h3 em, i {
	font-style: italic;
}

h3 strong, b {
	font-weight: 700;
}

article h3 {
	color: #FF7A00;

	font-size: 16px;
	font-weight: 600;

	margin-bottom: 0;
	padding-bottom: 0;
}

h4 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 9px;
	line-height: 1.1em;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;

	clear: both;
}

h4 em, i {
	font-style: italic;
}

h4 strong, b {
	font-weight: 700;
}

p {
	margin: 0;
	margin-bottom: 1.5em;
}
p em, i {
	font-style: italic;
}

p strong, b {
	font-weight: 700;
}

a {
	color: #21aed9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #1985A6;
}
a:active {
	color: #21aed9;
}

blockquote {
	border-left: 2px solid #cccccc;
	color: #999999;
	
	margin: 0;
	padding: 2rem;
}

blockquote i, blockquote em {
	font-style: italic;
}

img {
	clear: both;
	margin: 1.5em auto;
}

iframe.left,
img.left {
	float: left;
	margin: 0;
	margin-right: 30px;
}

iframe.center,
img.center {
	clear: both;
	display: block;
	margin: 1.5em auto;
}

iframe.right,
img.right {
	float: right;
	margin: 0;
	margin-left: 30px;
}

ol li {
	margin: 1em 0;
}

.nothing {
	color: #999999;
}

hr {
	border: none;

	clear: both;
	display: block;
	margin: 0;
	padding: 2rem 0;
}

hr:before,
hr:after
{
	border-bottom: 1px solid #999999;
	color: #999999;

	content: "\f141";
	content: "";
	font-family: FontAwesome;
	font-size: .8em;
	text-align: center;

	display: block;
	margin: 0 auto;
	height: 1em;
	line-height: 1em;
	width: 75px;
}

hr:after {
	border-bottom: none;
}

hr + p {
	display: none;
}

/** End of Content Styles **/



#container {
	background-color: #ffffff;

	margin: 0 auto;
	min-height: 100%;
	width: 1200px;

	position: relative;
	overflow: hidden;
}

/** Default Header styles **/
#header-wrapper {
	min-height: 80px;
	position: relative;
	z-index: 20;
}

#leader-nav {
	display: none;
}

header.mom {
	background-color: rgba(255, 255, 255, 0.925);
	background-color: #ffffff;
	padding: 30px 0px 0px 0px;
}

header.blog, header.leader {
	display: none;
}

header .logo {
	display: inline-block;
	vertical-align: bottom;
	margin: 0px 60px -5px 130px;
	padding: 0;
	width: 120px;
}

header .logo img {
	margin: 0;
	padding: 0;
	width: 120px;
}

#mom-nav {
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-right: 190px;
}

#mom-nav ul {
	margin: 0;
	padding: 0;
}

#mom-nav li {
	color: #fe9d44;
	display: inline-block;
	margin-right: 20px;

	font-size: 13px;
	font-weight: 400;
}

#mom-nav li.selected, #mom-nav li:hover {
	color: #ff7a00;
}

#mom-nav li a {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

header .groupsearch {
	color: #fe9d44;
	font-size: 13px;
	
	display: inline-block;
	margin-bottom: -3px;
	margin-right: 20px;
	width: 120px;
	vertical-align: bottom;

	position: absolute;
	top: 60px;
	right: 200px;
}

header .groupsearch:before {
	content: "\f041";

	font-family: FontAwesome;

	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

header .groupsearch:hover {
	color: #FF7A00;
}

header .login {
	color: #fe9d44;
	font-size: 13px;

	display: inline-block;
	width: 200px;
	vertical-align: bottom;

	position: absolute;
	top: 60px;
	right: 0px;
}

header .login:before {
	content: "\f007";

	font-family: FontAwesome;
	font-size: 14px;

	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

header .login:hover {
	color: #FF7A00;
}

.badge {
	border: 1px solid #FF2F05;
	border-radius: 50%;
	color: #FF2F05;
	
	font-weight: 600;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	margin-right: .75em;
	padding: 0;
	height: 2em;
	width: 2em;
	vertical-align: middle;
}

.badge:hover {
	text-decoration: none;
}

.badge:after {
	color: #FF2F05;
	
	content: attr(data-number);
}

header .login .badge {
	font-size: .6rem;
}

header .login .badge:hover,
header .login .badge:visited
{
	text-decoration: none;
}

header .login .badge:after {
	content: attr(data-number);
}

header .login a, header .login a:hover, header .groupsearch a, header .groupsearch a:hover {
	color: inherit;
	text-decoration: inherit;
	vertical-align: middle;
}

header .login .logout {
	background-color: #ffffff;
	font-size: 10px;
	margin: 0;
	padding-right: 5px;

	position: absolute;
	bottom: 0;
	right: 0;
}

header .login .logout:hover {
	text-decoration: underline;
}

header .login .logout:before {
	content: "(";
}

header .login .logout:after {
	content: ")";
}

#header-wrapper .selector {
	display: block;
	height: 15px;
	width: 1200px;
	margin-top: -1px;
	overflow: hidden;
}

#header-wrapper .selector .arrow {
	border: 10px solid rgb(255, 255, 255);
	border-bottom: 10px solid transparent;

	margin-left: 330px;
	margin-top: -10px;

	display: block;
	width: 0px;
	height: 0px;

	position: relative;
	z-index: 2;
}
#header-wrapper .selector .arrow:before {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 4px 8px -4px #000000;

	content: " ";

	display: block;
	height: 10px;
	width: 1200px;

	position: absolute;
	top: 0px;
	left: -1210px;
	z-index: 1;
}
#header-wrapper .selector .arrow:after {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 4px 8px -4px #000000;

	content: " ";

	display: block;
	height: 10px;
	width: 1200px;

	position: absolute;
	top: 0px;
	right: -1210px;
	z-index: 1;
}

.no-shadow #header-wrapper .selector {
	border-top: 1px solid #cccccc;
	box-shadow: none;
	
	margin-top: 10px;
	overflow: visible;
}

.no-shadow #header-wrapper .selector .arrow {
	border: none;
}

.no-shadow #header-wrapper .selector .arrow:before,
.no-shadow #header-wrapper .selector .arrow:after
{
	box-shadow: none;
	background-color: transparent;
	border: 10px solid transparent;
	border-bottom-color: #cccccc;
	
	content: "";
	
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	
	position: absolute;
	top: -11px;
	left: -10px;
}

.no-shadow #header-wrapper .selector .arrow:after {
	border-bottom-color: #ffffff;
	
	top: -10px;
}

#header-wrapper #loginFormDialog {
	background-color: rgb(255, 255, 255);
	border: 1px solid #cccccc;
	border-radius: 2px;
	box-shadow: 0px 2px 10px -4px #000000;

	display: none;
	margin: 0;
	padding: 15px;
	width: 205px;
	height: 140px;

	position: absolute;
	top: 115px;
	right: 25px;
}

#header-wrapper #loginFormDialog:before {
	border: 15px solid transparent;
	border-bottom: 15px solid rgb(255, 255, 255);

	content: " ";

	position: absolute;
	top: -30px;
	right: 130px;
	z-index: 2;

	width: 0px;
	height: 0px;
}

#header-wrapper #loginFormDialog:after {
	border: 16px solid transparent;
	border-bottom: 16px solid #cccccc;

	content: " ";

	position: absolute;
	top: -32px;
	right: 129px;
	z-index: 1;

	width: 0px;
	height: 0px;
}

#header-wrapper #loginFormDialog .username,
#header-wrapper #loginFormDialog .password
{
	position: relative;
}

#header-wrapper #loginFormDialog .username:before {
	border-right: 1px solid #dddddd;
	color: #B5C3C7;

	content: "\f007";
	font-family: FontAwesome;
	font-size: 14px;
	text-align: center;

	display: inline-block;
	line-height: 28px;
	height: 28px;
	width: 30px;

	position: absolute;
	left: 0px;
	top: 1px;
}

#header-wrapper #loginFormDialog .password:before {
	border-right: 1px solid #dddddd;
	color: #B5C3C7;
	
	content: "\f023";
	font-family: FontAwesome;
	font-size: 14px;
	text-align: center;

	display: inline-block;
	line-height: 28px;
	height: 28px;
	width: 30px;

	position: absolute;
	left: 0px;
	top: 1px;
}

#header-wrapper #loginFormDialog input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 35px;
}

.blog #header-wrapper #loginFormDialog {
	top: 190px;
}

.blog #header-wrapper #loginFormDialog:before {
	right: 150px;
}

.blog #header-wrapper #loginFormDialog:after {
	right: 149px;
}

#header-wrapper #loginFormDialog form {
	margin: 0;
	padding: 0;
}

#header-wrapper #loginFormDialog div {
	margin: 1em 0;
}

#header-wrapper #loginFormDialog .links {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 105px;
	vertical-align: middle;
}

#header-wrapper #loginFormDialog .links a {
	color: #FF7A00;

	font-size: 9px;
	line-height: 1.8em;
	text-decoration: underline;

	display: block;
}

#header-wrapper #loginFormDialog .facebook {
	color: #3b5998;
	font-size: 25px;
	text-decoration: none;

	width: 20px;
	vertical-align: middle;
}
#header-wrapper #loginFormDialog .facebook:hover {
	color: #1F4189;
	text-decoration: none;
}

#header-wrapper #loginFormDialog button {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	margin-left: 10px;
	padding: 0 .5em;
	max-width: 65px;

	vertical-align: middle;
}
/** end of Default Header styles **/




/** top sub nav styles **/
.top-sub-nav {
	background-color: #f2f2f2;
	border: 1px solid #dddddd;
	
	font-size: 1rem;

	display: none;
	
	position: relative;
}

.blog #blog-nav {
	display: block;
}

.leader #leader-nav {
	display: block;
}

.top-sub-nav ul {
	line-height: 40px;
	
	list-style-type: none;
	
	margin: 0;
	margin-left: 300px;
	padding: 0;
}

.top-sub-nav li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

header.blog #blog-nav li {
	color: #999999;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;

	margin-right: 20px;
}

.top-sub-nav nav a,
.top-sub-nav nav a:visited
{
	color: #999999;
	
	font-size: 12px;
	text-decoration: inherit;
	
	display: inline-block;
	margin: 0;
	padding: 0 1.5em;
	vertical-align: top;
	
	-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.top-sub-nav nav a:hover {
	background-color: #cccccc;
	color: #333333;
	
	text-decoration: none;
}

.top-sub-nav .login {
	background-color: #ffffff;
	border-left: 1px solid #eeeeee;
	
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	width: 200px;

	position: absolute;
	top: 0px;
	right: 0px;
}

.top-sub-nav .login a {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.top-sub-nav .login a:hover {
	background-color: #ffffff;
	color: #333333;
}

.top-sub-nav .login a.badge {
	background-color: #ffffff;
	border: 1px solid #FF2F05;
	border-radius: 50%;
	color: #FF2F05;
	
	font-size: .65em;
	font-weight: 600;
	line-height: 2em;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	margin-right: .75em;
	margin-bottom: .4em;
	padding: 0;
	height: 2em;
	width: 2em;
	vertical-align: middle;
}

.top-sub-nav .login a.badge:after {
	content: attr(data-number);
}

.top-sub-nav .login .logout {
	background-color: #ffffff;
	border-left: 1px solid #eeeeee;
	
	display: inline-block;
	margin: 0;
	padding: 0 .5em;
	
	position: absolute;
	top: 0;
	right: 0;
}

/** end of top sub nav styles **/



/** Blog header styles **/
.blog header.mom {
	display: none;
}

.blog #header-wrapper {
	height: auto;
}

.blog #header-wrapper .selector {
	display: none;
}

.blog header.blog {
	font-size: 1rem;
	
	display: block;
	height: auto;
	margin: 3em 0;
	padding: 0;
}

header.blog .logo {
	display: inline-block;
	margin: 0 1em;
	width: 370px;
	vertical-align: middle;
}

header.blog .logo img {
	margin: 0;
	padding: 0;
	width: 100%;
}

header.blog nav {
	text-align: center;
	
	display: inline-block;
	margin-bottom: -10px;
	width: 400px;
	vertical-align: bottom;
}

header.blog nav ul {
	padding: 0;
	margin: 0;
}

header.blog nav li {
	border-radius: 2px;
	
	display: inline-block;
	margin: 0;
	overflow: hidden;
	
	-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

header.blog nav a,
header.blog nav a:hover,
header.blog nav a:visited,
header.blog nav a:active {
	color: inherit;
	
	font-size: .86em;
	line-height: 2;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	
	display: block;
	padding: .25em 1em;
}

.blog .top-sub-nav {
	background-color: #ffffff;
}

.blog .top-sub-nav ul {
	margin-left: 3em;
}

.kitchen {
	border-color: #979AFF;
	color: #979AFF;
}

body[data-section-slug='kitchen'] header.blog nav .kitchen,
.tag.kitchen,
.kitchen:hover
{
	background-color: #979AFF;
	border-color: #979AFF;
	color: #ffffff;
}

.home {
	border-color: #F69AB3;
	color: #F69AB3;
}

body[data-section-slug='home'] header.blog nav .home,
.tag.home,
.home:hover
{
	background-color: #F69AB3;
	border-color: #F69AB3;
	color: #ffffff;
}

.play {
	border-color: #21aed9;
	color: #21aed9;
}

body[data-section-slug='play'] header.blog nav .play,
.tag.play,
.play:hover
{
	background-color: #21aed9;
	border-color: #21aed9;
	color: #ffffff;
}

.essentials {
	border-color: #4EDBB2;
	color: #4EDBB2;
}

body[data-section-slug='essentials'] header.blog nav .essentials,
.tag.essentials,
.essentials:hover
{
	background-color: #4EDBB2;
	border-color: #4EDBB2;
	color: #ffffff;
}

.honestly  {
	border-color: #85BD32;
	color: #85BD32;
}

body[data-section-slug='honestly'] header.blog nav .honestly,
.tag.honestly,
.honestly:hover
{
	background-color: #85BD32;
	border-color: #85BD32;
	color: #ffffff;
}

.self {
	border-color: #FFCC32;
	color: #FFCC32;
}

body[data-section-slug='self'] header.blog nav .self,
.tag.self,
.self:hover
{
	background-color: #FFCC32;
	border-color: #FFCC32;
	color: #ffffff;
}

.be-you-bravely {
	border-color: #FE9E61;
	color: #FE9E61;
}

body[data-section-slug='be-you-bravely'] header.blog nav .be-you-bravely,
.tag.be-you-bravely,
.be-you-bravely:hover
{
	background-color: #FE9E61;
	border-color: #FE9E61;
	color: #ffffff;
}

.we-love {
	border-color: #FF4405;
	color: #FF4405;
}

body[data-section-slug='we'] header.blog nav .we-love,
.tag.we-love,
.we-love:hover {
	background-color: #FF4405;
	border-color: #FF4405;
	color: #ffffff;
}
/** end of Blog header styles **/



/** Leader header styles **/
.leader header.blog {
	display: none;
}

.leader #header-wrapper .selector {
	display: none;
}

.leader #leader-nav {
	background-color: #f2f2f2;
	border: 1px solid #dddddd;

	display: block;
	margin-top: 15px;
	
	position: relative;
}

.leader #leader-nav ul {
	line-height: 40px;
	
	list-style-type: none;
	
	margin: 0;
	margin-left: 300px;
	padding: 0;
}

.leader #leader-nav li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#leader-nav nav a,
#leader-nav nav a:hover,
#leader-nav nav a:visited,
#leader-nav nav a:active {
	color: #999999;
	
	font-size: 12px;
	text-decoration: inherit;
	
	display: inline-block;
	margin: 0;
	padding: 0 1.5em;
	vertical-align: top;
	
	-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

#leader-nav nav a:hover {
	background-color: #cccccc;
	color: #333333;
	
	text-decoration: none;
}

.tag.coordinator {
	background-color: #A6729D;
	color: #ffffff;
}

.tag.hospitality {
	background-color: #F2A0C1;
	color: #ffffff;
}

.tag.finance {
	background-color: #78B6C4;
	color: #ffffff;
}

.tag.publicity {
	background-color: #91D9B6;
	color: #ffffff;
}

.tag.moppets {
	background-color: #91D9B6;
	color: #ffffff;
}

.tag.creative {
	background-color: #BBCF86;
	color: #ffffff;
}

.tag.service {
	background-color: #dfce37;
	color: #ffffff;
}

.tag.mentor {
	background-color: #fe9d44;
	color: #ffffff;
}

.tag.discussion {
	background-color: #F2616D;
	color: #ffffff;
}

.tag.leadership {
	background-color: #6b6b6b;
	color: #ffffff;
}
/** end of Leader header styles **/



/** form header styles **/
.form #header-wrapper:after {
	background-color: #f2f2f2;
	content: " ";

	display: block;

	height: 45px;
	margin-top: -15px;
}
/** end of form header styles **/



/** Blog home page styles **/
.blog .recent,
.leader .recent
{
	margin-right: 230px;
	margin-bottom: 30px;
	margin-top: 30px;
	padding-bottom: 30px;

	min-height: 600px;
}

.blog .recent:after,
.leader .recent:after
{
	background-color: #eeeeee;
	
	content: "";
	
	display: block;
	margin: 0;
	padding: 0;
	height: 1px;
	width: 1200px;
}

.teaser {
	display: inline-block;
	margin: 0;
	padding: 30px 30px 30px 0;
	width: 220px;
	height: 450px;
	vertical-align: top;

	position: relative;
}

.teaser.right,
.teaser:last-of-type
{
	padding-right: 0;
}

.teaser h2 a,
.teaser h2 a:active,
.teaser h2 a:visited,
.teaser h2 a:hover
{
	color: inherit;
	font-size: inherit;
	text-decoration: inherit;
}

.teaser img {
	display: block;
	margin: 0;
	height: 135px;
	width: 100%;
}

.teaser div {
	display: block;
	margin-top: 0;
	/*margin-left: 10px;*/
}

.teaser h2 {
	font-weight: 300;
	text-transform: capitalize;
	
	min-height: 48px;
}

.teaser p {
	color: #777777;
	
	font-size: .88em;
}

.teaser.long {
	/*border-bottom: 1px solid #cccccc;*/

	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 385px;
}

.teaser.long img {
	display: inline-block;
	margin-right: 30px;
	margin-top: 0;
	width: 720px;
	height: 385px;
	vertical-align: top;
}

.teaser.long h2 {
	padding-top: 0;
}

.teaser.long div {
	display: inline-block;
	margin-left: 0;
	width: 200px;
	vertical-align: top;
}

.teaser.long .tag {
	margin-top: 0;

	position: absolute;
	top: auto;
	left: 0px;
	bottom: 0px;
}

.tag {
	font-size: 13px;
	font-weight: 400;

	display: inline-block;
	padding: .25em .5em;
	margin: 0;
}

.tag a, .tag a:hover, .tag a:active, .tag a:visited {
	color: inherit;
	
	text-decoration: none;
}

.teaser .tag {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	height: 27px;
	
	position: relative;
	top: -27px;
}

.teaser .read-more {
	color: #333333;
	
	text-transform: capitalize;
	
	margin-left: .5em;
}

.teaser .read-more:hover {
	color: #333333;
	
	text-decoration: underline;
}
/** end of blog home page styles **/


/** blog sidebar styles **/
.blog aside {
	background-color: #ffffff;

	margin: 0;
	padding: 0;
	width: 200px;

	position: absolute;
	right: 50%;
	margin-right: -600px;
	top: 257px;
}

.blog.article aside {
	/*top: 260px;*/
}

.blog aside .subscribe {
	color: #6b6b6b;
	margin-bottom: 10px;
}
.blog aside .subscribe:hover {
	color: #333333;
	text-decoration: none;
}
.blog aside .subscribe a:before {
	content: "\f003";
	font-family: FontAwesome;
	font-size: 16px;

	display: inline-block;
	width: 24px;
}

.blog aside .feed {
	color: #6b6b6b;

	margin-bottom: 10px;
}
.blog aside .feed:hover {
	color: #333333;
	text-decoration: none;
}
.blog aside .feed a:before {
	content: "\f09e";
	font-family: FontAwesome;
	font-size: 16px;

	display: inline-block;
	width: 24px;
}

.blog aside .subscribe a,
.blog aside .subscribe a:hover,
.blog aside .subscribe a:visited,
.blog aside .feed a,
.blog aside .feed a:hover,
.blog aside .feed a:visited
{
	color: inherit;
	text-decoration: inherit;
}

.blog aside .popular p {
	color: #999999;

	font-size: 13px;
	line-height: 15px;
	font-weight: 300;

	margin: 0;
	margin-bottom: 10px;
}



/** web ad styles **/
.asset {
	display: block;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 200px;
	overflow: hidden;
}

.asset img {
	margin: 0;
	padding: 0;
	width: 100%;
}

.tall-asset {
	max-height: 200px;
}

.full-asset {
	max-height: 150px;
}

.half-asset {
	max-height: 100px;
}

.half-banner-asset {
	display: inline-block;
	margin: 10px;
	margin-left: 0;
	height: 100px;
	width: 650px;
}

.right-half-banner-asset {
	display: inline-block;
	margin: 20px 0;
	margin-right: -30px;
	height: 100px;
	width: 350px;
}

.full-banner-asset {
	display: block;
	margin: 20px 0;
	margin-right: -30px;
	height: 100px;
	width: 385px;
}
/** end of web ad styles **/




.blog aside #blog-share img {
	cursor: pointer;
	opacity: 1;

	margin: 0;
	padding: 0;
}

.blog aside #blog-share img:hover {
	opacity: 0.8;
}

#blog-share-window {
	box-shadow: 		0px 0px 10px rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	background-color: #ffffff;
	border: 1px solid #cccccc;

	display: none;
	padding: 15px;
	width: 400px;

	position: absolute;
	top: 390px;
	right: 50%;
	margin-right: -600px;
}

#blog-share-window h2 {
	font-size: 20px;
	padding-top: 0;
}

#blog-share-window .code {
	border: 1px solid #999999;

	padding: 10px;
	word-break: break-all;
}

#blog-share-window .buttons {
	margin: 10px 0;
}
/** end of blog sidebar styles **/



/** leader sidebar styles **/
.leader aside {
	margin: 0;
	padding: 0;
	width: 200px;

	position: fixed;
	right: 50%;
	margin-right: -600px;
	top: 230px;
}

.leader aside .top {
	height: 350px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.leader aside .popular {
	margin-top: 30px;
}
.leader aside p {
	color: #999999;
	font-size: 13px;
	font-weight: 300;

	margin: 0;
}
/** end leader sidebar styles **/



/** Article styles **/
.blog .articles, .leader .articles {
	margin-right: 230px;
}

.blog .articles.loading article,
.leader .articles.loading article
{
	display: none;
}

.blog .articles .post-buttons {
	display: block;
	margin: 0;
	margin-top: 2em;
	padding: 2em 0;
	height: 2em;

	position: relative;
}

.blog .articles.loading .post-buttons,
.leader .articles.loading .post-buttons
{
	display: none;
}

.blog .articles .post-buttons .next-posts,
.leader .articles .post-buttons .next-posts
{
	background-color: #FE9D44;
	color: #ffffff;

	position: absolute;
	top: 30px;
	right: 0px;
}

.blog .articles .post-buttons .next-posts:hover,
.leader .articles .post-buttons .next-posts:hover
{
	background-color: #FF7A00;
}

.blog .articles .post-buttons .next-posts:before,
.leader .articles .post-buttons .next-posts:before
{
	content: "";
	
	display: none;
}

.blog .articles .post-buttons .next-posts:after,
.leader .articles .post-buttons .next-posts:after
{
	content: "\f105";

	font-family: FontAwesome;

	display: inline-block;
	margin-left: .5em;
}

.blog .articles .post-buttons .previous-posts,
.leader .articles .post-buttons .previous-posts
{
	background-color: #FE9D44;
	color: #ffffff;
	
	position: absolute;
	top: 30px;
	left: 250px;
}

.blog .articles .post-buttons .previous-posts:hover,
.leader .articles .post-buttons .previous-posts:hover
{
	background-color: #FF7A00;
}

.blog .articles .post-buttons .previous-posts:before,
.leader .articles .post-buttons .previous-posts:before
{
	content: "\f104";

	font-family: FontAwesome;

	display: inline-block;
	margin-right: .5em;
}

.blog .articles .post-buttons .previous-posts:after,
.leader .articles .post-buttons .previous-posts:after
{
	content: "";
	
	display: none;
}

.blog .articles .comment,
.leader .articles .comment
{
	display: none;
}

.mom.brochure article {
	margin-top: 4em;
}

.blog.articles article,
.leader .articles article
{
	margin-top: 4em;
}

.mom.article article,
.blog article,
.leader article
{
	margin-left: 250px;
	width: 720px;

	position: relative;
}

.mom.article article:after,
.blog article:after,
.leader article:after
{
	content: "";

	clear: both;
	display: block;
}

.mom.article article h1,
.blog article h1,
.leader article h1
{
	color: #333333;
	
	font-size: 3.25rem;
	
	padding: .5em 0;
}

.mom.article article h1 a,
.mom.article article h1 a:hover,
.mom.article article h1 a:active,
.mom.article article h1 a:visited,
.blog article h1 a,
.blog article h1 a:hover,
.blog article h1 a:active,
.blog article h1 a:visited,
.leader article h1 a,
.leader article h1 a:hover,
.leader article h1 a:active,
.leader article h1 a:visited
{
	color: inherit;
	text-decoration: none;
}

.mom.article article .author,
.blog article .author,
.leader article .author
{
	color: #999999;
	
	font-size: .8rem;
	line-height: 12px;

	margin: 1em;
}

.mom.article article p,
.blog article p,
.leader article p
{
	margin: 1em 0;
}

.mom.article article .tag,
.blog article .tag,
.leader article .tag
{
	margin: 0;
}

.mom.article article .info,
.blog article .info,
.leader article .info
{
	text-align: right;
	
	display: block;
	height: 1rem;
	width: 225px;

	position: absolute;
	top: 150px;
	left: -250px;

	opacity: 0.5;

	-webkit-transition: opacity 0.2s linear;
	-moz-transition: 	opacity 0.2s linear;
	-ms-transition: 	opacity 0.2s linear;
	-o-transition: 		opacity 0.2s linear;
	transition: 		opacity 0.2s linear;
}

.mom.article article:hover .info,
.mom.article article .info:hover,
.blog article:hover .info,
.blog article .info:hover,
.leader article:hover .info,
.leader article .info:hover {
	opacity: 1;
}

article .info .tag {
	margin: 1em 0;
}

.mom.article article .info .date,
.blog article .info .date,
.leader article .info .date
{
	color: #999999;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* Pinterest */
.mom.article article .info > a,
.blog article .info > a,
.leader article .info > a
{
	clear: both;
	float: right;
	display: block !important;
	margin: 1em 0;
}

.mom.article article .info > a img,
.blog article .info > a img,
.leader article .info > a img
{
	margin: 0;
	padding: 0;
}

/* Twitter */
.mom.article article .info > iframe,
.blog article .info > iframe,
.leader article .info > iframe
{
	clear: both;
	float: right;
	display: block;
	position: relative;
}

/* Facebook */
.mom.article article .info .fb_iframe_widget,
.blog article .info .fb_iframe_widget,
.leader article .info .fb_iframe_widget
{
	display: block;
	margin: 1em 0;
}

.mom.article article .info .fb_iframe_widget iframe,
.blog article .info .fb_iframe_widget iframe,
.leader article .info .fb_iframe_widget iframe
{
	position: relative;
}

.mom.article article .title-image,
.blog article .title-image,
.leader article .title-image
{
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	min-width: 70%;
	max-height: 600px;
	margin-top: -5px;
}

.mom.article article .body,
.blog article .body,
.leader article .body
{
	margin-top: 30px;
}

.mom.article article .tags,
.blog article .tags,
.leader article .tags
{
	border-top: 1px dotted #bbbbbb;
	font-size: 12px;
}

.mom.article article .call-to-action,
.blog article .call-to-action,
.leader article .call-to-action
{
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	color: inherit;
	cursor: pointer;
	
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	
	display: block;
	margin: 2rem auto;
	padding: 2rem;
	padding-left: 6rem;
	
	position: relative;
}

.mom.article article .call-to-action:hover,
.blog article .call-to-action:hover,
.leader article .call-to-action:hover
{
	color: inherit;
	text-decoration: none;
}

.mom.article article .call-to-action:before,
.blog article .call-to-action:before,
.leader article .call-to-action:before
{
	content: "\f075";
	
	font-family: FontAwesome;
	font-size: 2rem;
	line-height: 2rem;
	font-weight: lighter;
	text-align: center;
	
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 2rem;
	width: 2rem;
	
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	left: 2rem;
}

.mom.article article .show-comments,
.blog article .show-comments,
.leader article .show-comments
{
	font-size: 12px;
	text-align: right;
}

.mom.article article .comments,
.blog article .comments,
.leader article .comments
{
	margin-top: 30px;
	width: 720px;
}

.coach {
	padding-left: 70px;

	position: relative;
}

.coach img {
	display: block;
	margin: 0;
	padding: 0;
	width: 50px;

	position: absolute;
	left: 10px;
	top: 0px;
}

.coach em {
	font-size: 12px;
}

.comment-form {
	margin-bottom: 20px;
	padding: 0;
}

.comment-form textarea {
	border: 1px solid #999999;
	
	display: block;
	margin: 30px 0 0 120px;
	min-height: 80px;
	max-height: 250px;
	width: 80%;
}

.comment-form .buttons {
	margin: 20px 0 0 120px;
	padding: 0;
}

.comment-form button {
	margin: 0;
	vertical-align: bottom;
}

.comment-form .cancel {
	margin-left: 10px;
	vertical-align: bottom;
}

.comment-form .cancel:before {
	content: "\f00d" !important;
}

.comments .comment, .ideas .idea {
	border-bottom: 1px dotted #999999;

	display: block;
	margin: 30px 0;
	padding: 15px 20px;
	padding-left: 120px;
	min-height: 100px;

	position: relative;
}

.comments .comment img, .ideas .idea img  {
	display: block;
	margin: 0;
	padding: 0;
	height: 80px;
	width: 80px;

	position: absolute;
	top: 20px;
	left: 20px;
}

.comments .comment p, .ideas .idea p {
	margin: 0;
	margin-bottom: 1em;
}

.comments .comment time, .ideas .idea time {
	color: #999999;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;

	display: block;
	margin-top: 2em;
}

.comments .comment .comment-options {
	color: #aaaaaa;

	font-size: 12px;

	margin-top: 15px;
}

.comments .comment .comment-options > span {
	border-radius: 2px;

	cursor: pointer;

	display: inline-block;
	margin: 0;
	margin-right: 20px;
	padding: .25em .5em;
	vertical-align: bottom;

	-webkit-transition:	color 0.2s ease-in-out;
	-moz-transition:	color 0.2s ease-in-out;
	-ms-transition:		color 0.2s ease-in-out;
	-o-transition:		color 0.2s ease-in-out;
	transition:			color 0.2s ease-in-out;
}

.comments .comment .comment-options > span:hover {
	color: #6b6b6b;
}

.comments .comment.open .reply {
	background-color: rgba(0, 0, 0, 0.1);
	color: #6b6b6b;
}

.comments .comment button:before {
	content: "\f112";
}

.comments .comment .comment {
	border-radius: 2px;
	border: none;
	background-color: rgba(0, 0, 0, 0.05);

	margin: 20px 0;
	margin-right: -20px;
}

.comments .comment .comment .comment .comment {
	margin-left: -120px;
}

.comments .comment .comment .comment .comment .comment {
	color: #333333;
	background-color: #bbbbbb;
}

.comments .comment .comment .comment .comment .comment time {
	color: #6b6b6b;
}

.comments .comment .comment .comment .comment .comment .comment-options > span {
	color: #6b6b6b;
}

.comments .comment .comment .comment .comment .comment .comment-options > span:hover {
	color: #333333;
}

.comments .comment > .comment-form {
	display: none;
}

.comments .comment.open > .comment-form {
	display: block;
}

.comments .comment .comment-form textarea {
	margin: 20px 0;
}

.comments .comment .comment-form .buttons {
	margin: 0;
}
/** end of Article styles **/



/** Slideshow styles **/
#slide-container {
	min-height: 600px;
	position: relative;
}

#slide-container .slide {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;

	background-color: #ffffff;

	padding-bottom: 40px;
	width: 720px;

	position: absolute;
}

#slide-container .slide img {
	display: block;
	margin: 0;
	height: 400px;
	width: 720px;
}

#slide-container .slide .description {
	display: block;
	margin: 30px 10px 15px 10px;
	height: 100px;
}

#slide-container .slide .description h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
}

#slide-container .slide .description p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
}

#slide-container .slide .delete-slide {
	display: none;
}

#slide-container .slide nav {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

	height: 40px;
	width: 720px;

	position: absolute;
	bottom: -2px;
	left: 0px;
}

#slide-container .slide nav .page {
	border-right: 1px solid #cccccc;
	color: #6b6b6b;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	line-height: 40px;
	height: 40px;
	margin: 0 0 250px 0;
	width: 470px;
	text-align: center;
}

#slide-container .slide nav .page span {
	color: #333333;

	font-size: 18px;
	font-weight: 600;
}

#slide-container .slide nav .previous {
	border-right: 1px solid #cccccc;
	color: #6b6b6b;
	cursor: pointer;

	display: block;
	height: 40px;
	width: 125px;

	position: absolute;
	top: 0px;
	left: 470px;
}
#slide-container .slide nav .previous:hover {
	color: #333333;
}

#slide-container .slide nav .previous:after {
	content: "\f0d9";

	line-height: 40px;
	font-size: 40px;
	font-family: FontAwesome;
	text-align: center;

	display: block;
	width: 125px;

	position: absolute;
	top: 0px;
	left: 0px;
}

#slide-container .slide nav .next {
	color: #6b6b6b;
	cursor: pointer;

	display: block;
	height: 40px;
	width: 125px;

	position: absolute;
	top: 0px;
	right: 0px;
}
#slide-container .slide nav .next:hover {
	color: #333333;
}

#slide-container .slide nav .next:after {
	content: "\f0da";

	line-height: 40px;
	font-size: 40px;
	font-family: FontAwesome;
	text-align: center;

	display: block;
	width: 125px;

	position: absolute;
	top: 0px;
	left: 0px;
}
/** end of slideshow styles **/



/** Mom landing page styles **/
.mom.brochure #header-wrapper .selector .arrow {
	display: none;
}
.mom.brochure #header-wrapper .selector {
	background-color: rgb(255, 255, 255);
	box-shadow: 		0px 2px 8px -4px #000000;
}
.mom.events #header-wrapper .selector .arrow {
	margin-left: 505px;
}

.mom.outside-leader #header-wrapper .selector .arrow {
	margin-left: 440px;
}

.large-image {
	margin-top: -15px;

	position: relative;
}
.large-image img {
	margin: 0;
	width: 100%;

	vertical-align: bottom;
}

.large-image > div {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 2px;

	position: absolute;
	bottom: 30px;
	left: 540px;

	min-width: 330px;
	max-width: 600px;
}

.large-image > div h1 {
	color: #f2f2f2;
	font-size: 38px;
	font-weight: 300;

	margin: .5em;
	padding: 0;
}

.large-image > div p.dash {
	margin-bottom: 10px;
}

.large-image > div p {
	color: #f2f2f2;
	font-size: 13px;

	margin: 1em 0 1em 38px;
	padding: 0;
}

.large-image > div p a {
	color: #f2f2f2;
}
.large-image > div p a:after {
	content: '\2192';
	margin-left: .5em;
}

.promo {
	margin: 6em auto;
	width: 38em;
}

.video {
	padding: 0px 120px;
}
.video iframe {
	width: 960px;
	height: 540px;
}

.action {
	margin: 50px 0px 100px 130px;
}
.action > div {
	display: inline-block;
	margin-right: 50px;
	padding-top: 10px;
	width: 280px;
	vertical-align: top;
}
.action > div h2 {
	color: #333333;
	font-size: 18px;
	font-weight: 400;

	margin-bottom: 18px;
}
.action > div p {
	color: #6b6b6b;
	font-size: 12px;
}
.action .call1 {
	border-top: 5px solid #21aed9;
}
.action .call2 {
	border-top: 5px solid #F69AB3;
}
.action .call3 {
	border-top: 5px solid #4EDBB2;
}
/** end mom landing page styles **/



/** Organization Page styles **/
/*.mom article {
	position: relative;

	margin-left: 190px;
	padding-top: 30px;
	width: 720px;

	position: relative;
}

.mom .info {
	display: block;
}

.mom .date {
	color: #999999;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: .5em;
	text-transform: uppercase;
}

.mom article .social {
	width: 150px;
	text-align: right;
	overflow: hidden;

	position: absolute;
	top: 150px;
	left: -180px;

	opacity: 0.6;

	-webkit-transition: opacity 0.2s linear;
	-moz-transition: 	opacity 0.2s linear;
	-ms-transition: 	opacity 0.2s linear;
	-o-transition: 		opacity 0.2s linear;
	transition: 		opacity 0.2s linear;
}
.mom article .social:hover {
	opacity: 1;
}*/

/* Pinterest */
/*.mom article .social > a {
	display: block;
	margin: 1em 0;
}*/

/* Twitter */
/*.mom article .social > iframe {
	position: relative;
}*/

/* Facebook */
/*.mom article .social .fb_iframe_widget {
	display: block;
	margin: 1em 0;
}

.mom article .social .fb_iframe_widget iframe {
	position: relative;
}

.mom article .body {
	margin-bottom: 30px;
}

.mom article h2, .mom article h3 {
	padding-top: 2em;
}*/
/** end of Organization Page styles **/



/** Organization Page sidebar styles **/
.mom aside {
	margin: 0;
	padding: 0;
	width: 200px;

	/*
	position: absolute;
	right: 0;
	top: 240px;
	*/
	position: fixed;
	right: 50%;
	margin-right: -600px;
	top: 140px;

}

.mom aside .popular p {
	color: #999999;
	font-size: 13px;
	font-weight: 300;

	margin: 0;
}
/** Organization Page styles **/



/** Topic page styles **/
.topics {
	margin: 0 200px 0 120px;
}

.topic {
	display: inline-block;
	margin: 30px 30px 0 0;
	padding: 0;
	width: 410px;
	vertical-align: top;
}

.topic ul {
	font-size: 12px;
}
/** end of Topic page styles **/



/** About Page styles **/
.about #header-wrapper .selector .arrow,
.start #header-wrapper .selector .arrow
{
	margin-left: 565px;
}
.pastor #header-wrapper .selector .arrow {
	margin-left: 630px;
}
.about img {
	margin: 0;
	padding: 0;
}

.about .heading {
	background-color: #f2f2f2;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);

	padding: 90px 0;
}
.about .heading h1 {
	color: #333333;
	font-size: 40px;

	margin: 0;
	padding: 0;
	text-align: center;
}

.about .motherhood {
	background-image: url("/images/about/yarn-heart-blur.jpg");
	background-attachment: scroll;
	background-size: 1200px;
	background-position: center;
	background-repeat: no-repeat;

	margin-top: -15px;
	padding: 0 190px;
	height: 800px;

	position: relative;
}
.about .motherhood h1 {
	color: #f2f2f2;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	font-size: 50px;

	position: absolute;
	top: 60px;
	left: 300px;
}
.about .motherhood h1 strong {
	font-size: 1.5em;

	display: block;
	margin-left: 180px;
}
.about .motherhood div {
	color: #f2f2f2;
	font-size: 30px;
	font-weight: 300;

	margin-left: 415px;
}
.about .motherhood div span {
	display: block;

	font-size: 30px;
	line-height: 1em;
}
.about .motherhood .overwhelming {
	display: block;
}
.about .motherhood .lovely {
	display: block;
}
.about .motherhood .noisy {
	display: block;
}
.about .motherhood .hilarious {
	display: block;
}
.about .motherhood .lonely {
	display: block;
}
.about .motherhood .fun {
	display: block;
}
.about .motherhood .demanding {
	display: block;
}
.about .motherhood .scary {
	display: block;
}
.about .motherhood .amazing {
	display: block;
}

.about .craving {
	background-image: url("http://placekitten.com/1200/1200");
	background-attachment: fixed;
	background-size: 1200px;
	background-position: center;
	background-repeat: no-repeat;

	padding-bottom: 60px;
}
.about .craving .friends {
	color: #f2f2f2;
	font-size: 30px;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);

	padding: 100px 190px;
}
.about .craving .story {
	color: #f2f2f2;
	font-size: 30px;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);

	padding: 100px 190px;
}

.about .craving .learned {
	background-color: rgba(255, 255, 255, 0.85);

	margin: 0 auto;
	margin-top: 60px;
	width: 570px;
	padding: 30px;
}
/** end of About Page styles **/



/** Pastor page styles **/
.pastor .large-image {
	height: 630px;
	position: relative;
	overflow: hidden;
}
.pastor .large-image #line-white {
	background-color: #ffffff;

	margin: 0;
	padding: 0;
	height: 338px;
	min-width: 7px;
	max-width: 7px;
	width: 7px;

	position: absolute;
	top: 292px;
	left: 158px;
}
.pastor .large-image #line-dark {
	background-color: #372129;

	margin: 0;
	padding: 0;
	height: 88px;
	width: 7px;
	min-width: 7px;
	max-width: 7px;

	position: absolute;
	top: 445px;
	left: 158px;
}

.pastor .know {
	border-left: 7px solid #372129;
	border-bottom: 7px solid #372129;

	margin: 0 0 0 158px;
	padding: 30px;
	width: 370px;
}

.pastor .tools {
	border: 7px solid #372129;
	border-left: 7px solid transparent;

	margin: -7px 0 0 560px;
	padding: 30px;
	width: 370px;
}

.pastor .research {
	border-top: 7px solid #372129;
	border-left: 7px solid #372129;

	margin: -7px 0 0 158px;
	padding: 30px;
	width: 370px;
}

.pastor .heading {
	background-color: #f2f2f2;
	background-image: url("/images/about/squiggle2.png");
	background-repeat: no-repeat;
	background-position: 66px 0px;

	padding: 90px 0;
}
.pastor .heading h1 {
	color: #333333;
	font-size: 40px;

	margin: 0;
	padding: 0;
	text-align: center;
}

.pastor .testimonials {
	padding-top: 60px;
	position: relative;
}
.testimonials h1 {
	margin: 1em auto;
	width: 500px;
}


.pastor .testimonials #line1 {
	background-color: #372129;

	margin: 0;
	padding: 0;
	height: 416px;
	width: 7px;

	position: absolute;
	top: 0;
	left: 158px;
}
.pastor .testimonials #line1:after {
	background-color: #372129;

	content: " ";

	margin: 0;
	padding: 0;
	height: 7px;
	width: 142px;

	position: absolute;
	bottom: 0;
	left: 0;
}

.pastor .testimonials #line2 {
	background-color: #372129;

	margin: 0;
	padding: 0;
	height: 440px;
	width: 7px;

	position: absolute;
	top: 386px;
	right: 157px;
}
.pastor .testimonials #line2:before {
	background-color: #372129;

	content: " ";

	margin: 0;
	padding: 0;
	height: 7px;
	width: 142px;

	position: absolute;
	top: 0;
	right: 0;
}
.pastor .testimonials #line2:after {
	background-color: #372129;

	content: " ";

	margin: 0;
	padding: 0;
	height: 7px;
	width: 142px;

	position: absolute;
	bottom: 0;
	right: 0;
}

.pastor .testimonials #line3 {
	background-color: #372129;

	margin: 0;
	padding: 0;
	height: 361px;
	width: 7px;

	position: absolute;
	top: 841px;
	left: 158px;
}
.pastor .testimonials #line3:before {
	background-color: #372129;

	content: " ";

	margin: 0;
	padding: 0;
	height: 7px;
	width: 142px;

	position: absolute;
	top: 0;
	left: 0;
}
.pastor .testimonials #line3:after {
	background-color: #372129;

	content: " ";

	margin: 0;
	padding: 0;
	height: 7px;
	width: 142px;

	position: absolute;
	bottom: 0;
	left: 0;
}

.pastor .testimonials #line4 {
	display: none;
	background-color: #372129;

	margin: 0;
	padding: 0;
	height: 7px;
	width: 300px;

	position: absolute;
	top: 932px;
	right: 0;
}

.pastor .testimonials blockquote:before {
	position: absolute;
	top: 75px;
	left: 0px;
	z-index: 10;

	content: "\201C";

	font-family: Times, serif;
	font-size: 125px;
	font-weight: 300;
	color: rgba(215, 215, 215, 0.8);
}
.pastor .testimonials blockquote {
	background-image: url("/images/about/squiggle.png");
	background-repeat: no-repeat;
	box-shadow: 		2px 2px 10px #999999;

	position: relative;
	margin: 0px auto;
	margin-bottom: 100px;
	padding: 50px;
	width: 500px;

}
.pastor .testimonials blockquote:after {
	position: absolute;
	bottom: 65px;
	right: 0px;
	z-index: 10;

	content: "\201D";

	font-family: Times, serif;
	font-size: 125px;
	font-weight: 300;
	color: rgba(215, 215, 215, 0.8);
}
.pastor .testimonials blockquote p {
	font-size: 15px;
	line-height: 1.2em;
	font-weight: 300;
}

.pastor .heading.video {
	background-image: none;
}

.pastor .video {
	padding-top: 60px;
}

.pastor .action h3 {
	font-size: 18px;
	font-weight: 300;

	margin: 0;
	padding: 1em 0;
	padding-left: 30px;
}
.pastor .action h1 {
	padding-top: 0;
}
.pastor .action a:hover {
	text-decoration: none;
}
/** end of pastor page styles **/



/** group info page styles **/
.about #header-wrapper .selector {
	border-bottom: 1px solid #dddddd;
}

.about #header-wrapper .selector:before,
.about #header-wrapper .selector:after
{
	border: 10px solid transparent;
	border-bottom-color: #cccccc;
	
	content: "";
	
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	
	position: absolute;
	bottom: 1px;
	left: 560px;
}

.about #header-wrapper .selector:after {
	border-bottom-color: #ffffff;
	
	bottom: 0;
}

.about #header-wrapper .selector .arrow {
	display: none;
}

.about-section-heading {
	color: #333333;
	
	font-size: 2em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	
	margin: 4em 0 2em;
	
	position: relative;
}

.about-section-heading ~ .about-section-heading {
	margin-top: 8em;
}

.about-section-heading ~ .about-section-heading:before {
	border-top: 1px solid #cccccc;
	
	content: "";
	
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	width: 100px;
	
	position: absolute;
	top: -3.5em;
	left: 50%;
	margin-left: -50px;
}

.about-section-text {
	color: #777777;
	
	display: block;
	margin: 2em auto;
	padding: 0;
	width: 600px;
}

.about-section-tagline {
	color: #333333;
	
	font-size: 1.5em;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	
	display: block;
	margin: 3em 0;
}


.group .blurb-container {
	text-align: center;
}


.group .blurb {
	font-size: 1rem;
	
	display: inline-block;
	margin: 30px 0;
	vertical-align: top;
}

.group a.blurb,
.group.a.blurb:visited
{
	text-decoration: none;
}

.group a.blurb:hover {
	text-decoration: none;
}

.group .blurb.one-col {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

.group .blurb.two-col {
	margin-left: 50px;
	margin-right: 50px;
	width: 400px;
}

.group .blurb.three-col {
	margin-left: 75px;
	margin-right: 75px;
	width: 250px;
}

.group .blurb.four-col {
	margin-left: 50px;
	margin-right: 50px;
	width: 200px;
}

.group .blurb .icon {
	color: #333333;
	border-radius: 50%;
	
	font-size: 3em;
	line-height: 1.5;
	text-align: center;
	
	display: block;
	margin: 0 auto;
	padding: 0;
	height: 1.5em;
	width: 1.5em;
	
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-ms-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}

.group a.blurb:hover .icon {
	color: #21aed9;
}

/* Purple */
.group .timeline-item.purple:hover > .icon,
.blurb.purple > .icon
{
	color: #979AFF;
}

/* Pink */
.group .timeline-item.pink:hover > .icon,
.blurb.pink > .icon
{
	color: #F69AB3;
}

/* Blue */
.group .timeline-item.blue:hover > .icon,
.blurb.blue > .icon
{
	color: #21aed9;
}

/* Aqua */
.group .timeline-item.aqua:hover > .icon,
.blurb.aqua > .icon
{
	color: #4EDBB2;
}

/* Lime */
.group .timeline-item.lime:hover > .icon,
.blurb.lime > .icon
{
	color: #85BD32;
}

/* Yellow */
.group .timeline-item.yellow:hover > .icon,
.blurb.yellow > .icon
{
	color: #FFCC32;
}

/* Orange */
.group .timeline-item.orange:hover > .icon,
.blurb.orange > .icon
{
	color: #FE9E61;
}

/* Red */
.group .timeline-item.red:hover > .icon,
.blurb.red > .icon
{
	color: #FF4405;
}

/* Navy */
.group .timeline-item.navy:hover > .icon,
.blurb.navy > .icon
{
	color: #364f77;
}

/* Grey */
.group .timeline-item.grey:hover > .icon,
.blurb.grey > .icon
{
	color: #555555;
}


.group .blurb h2 {
	color: #333333;
	
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
}

.group a.blurb h2:after {
	color: #cccccc;
	
	content: "\f178";
	font-family: FontAwesome;
	
	display: inline-block;
	margin: 0;
	margin-left: .5em;
	padding: 0;
	vertical-align: middle;
	
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-ms-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}

.group a.blurb:hover h2:after {
	color: #777777;
}

.group .blurb p {
	color: #777777;
	
	text-align: left;
}

.group .timeline {
	margin: 60px 0;
	position: relative;
}

.group .timeline .line {
	background-color: #dddddd;
	
	display: block;
	margin: 0 -1px;
	
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50%;
	left: 50%;
}

.group .timeline .line:before {
	color: #aaaaaa;
	
	content: "\f111";
	font-family: FontAwesome;
	
	position: absolute;
	top: -.5em;
	left: 50%;
	margin-left: -.5em;
}

.group .timeline .line:after {
	color: #aaaaaa;
	
	content: "\f111";
	font-family: FontAwesome;
	
	position: absolute;
	bottom: -.5em;
	left: 50%;
	margin-left: -.5em;
}

.group .timeline-item.blurb {
	font-size: 1rem;
	
	display: inline-block;
	margin: 30px 150px;
	width: 300px;
	
	position: relative;
}

.group .timeline-item:nth-child(2n) {
	top: 150px;
}

.group .timeline-item:before {
	background-color: #dddddd;
	
	content: "";
	
	display: block;
	margin: 0;
	padding: 0;
	height: 1px;
	width: 100%;
	
	position: absolute;
	right: -50%;
	top: 2em;
	
	-webkit-transition: width 0.3s linear 0.3s;
	-moz-transition: width 0.3s linear 0.3s;
	-ms-transition: width 0.3s linear 0.3s;
	-o-transition: width 0.3s linear 0.3s;
	transition: width 0.3s linear 0.3s;
}

.group .timeline-item:nth-child(2n):before {
	right: auto;
	left: -50%;
}

.group .hidden.timeline-item:before {
	width: 0px;
}

.group .timeline-item:after {
	background-color: #ffffff;
	border-radius: 50%;
	color: #777777;
	
	content: "\f10c";
	
	font-family: FontAwesome;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	
	display: block;
	margin: 0;
	padding: 0;
	height: 1em;
	width: 1em;
	
	position: absolute;
	top: 1.5em;
	left: 150%;
	margin-left: -.5em;
	z-index: 1;
	
	-webkit-transition: -webkit-transition 0.3s ease-out, opacity 0.3s ease-out 0.1s;
	-moz-transition: -moz-transition 0.3s ease-out, opacity 0.3s ease-out 0.1s;
	-ms-transition: -ms-transition 0.3s ease-out, opacity 0.3s ease-out 0.1s;
	-o-transition: -o-transition 0.3s ease-out, opacity 0.3s ease-out 0.1s;
	transition: transition 0.3s ease-out, opacity 0.3s ease-out 0.1s;
}

.group .timeline-item:nth-child(2n):after {
	left: auto;
	margin-left: 0;
	right: 150%;
	margin-right: -.5em;
}

.group .hidden.timeline-item:after {
	opacity: 0;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.group .timeline-item .icon {
	border: 1px solid #dddddd;
	background-color: #ffffff;
	/*color: #555555;*/
	
	position: relative;
	z-index: 1;
	
	-webkit-transition: opacity 0.3s ease-in 0.6s, color 0.5s ease-in-out;
	-moz-transition: opacity 0.3s ease-in 0.6s, color 0.5s ease-in-out;
	-ms-transition: opacity 0.3s ease-in 0.6s, color 0.5s ease-in-out;
	-o-transition: opacity 0.3s ease-in 0.6s, color 0.5s ease-in-out;
	transition: opacity 0.3s ease-in 0.6s, color 0.5s ease-in-out;
}

.group .hidden.timeline-item .icon {
	color: #555555;
	
	opacity: 0;
}

.group .timeline-item h2 {
	-webkit-transition: opacity 0.3s ease-in 1.2s;
	-moz-transition: opacity 0.3s ease-in 1.2s;
	-ms-transition: opacity 0.3s ease-in 1.2s;
	-o-transition: opacity 0.3s ease-in 1.2s;
	transition: opacity 0.3s ease-in 1.2s;
}

.group .hidden.timeline-item h2 {
	opacity: 0;
}

.group .timeline-item p {
	-webkit-transition: opacity 0.3s ease-in 1.4s;
	-moz-transition: opacity 0.3s ease-in 1.4s;
	-ms-transition: opacity 0.3s ease-in 1.4s;
	-o-transition: opacity 0.3s ease-in 1.4s;
	transition: opacity 0.3s ease-in 1.4s;
}

.group .hidden.timeline-item p {
	opacity: 0;
}




/** end of group info page styles **/



/** Start a Group styles **/
.start {
	counter-reset: step-counter;
}

.start h1 {
	color: #333333;
	
	font-size: 2em;
	font-weight: 400;
}

.start p {
	color: #777777;
	font-size: 1rem;
}

.start .heading.first {
	margin-top: -15px;
}

.start .heading.first h1 {
	margin-left: 383px;
	text-align: left;
}

.start .heading {
	background-color: #f2f2f2;

	padding: 90px 0;
}

.start .heading h1 {
	color: #333333;
	text-shadow: 0px 1px 4px rgba(255, 255, 255, 0.4);
	
	font-size: 3em;
	font-weight: 300;
	text-align: center;

	margin: 0;
	padding: 0;
}

.start .heading h2 {
	color: #333;
	font-size: 28px;

	margin-left: 600px;
}

.start p.meta {
	font-size: .8em;
}

.start .story {
	margin: 0;
	padding: 0;
}

.start .story-inside {
	background-color: #ffffff;
	box-shadow: 		0px 4px 8px -4px #000000;

	margin: 0;
	padding: 30px 190px;
}

.start .get {
	padding: 30px 190px;
}

.start .get .title {
	border: 2px solid #21aed9;
	border-radius: 2px;
	color: #21aed9;

	font-size: 2em;
	font-weight: 400;
	text-align: center;

	display: inline-block;
	padding: .25em;
	width: 150px;

	position: relative;
	top: 2.65em;
}

.start .get h1 {
	margin-left: 193px;
}

.start .get ul {
	list-style-type: none;
	margin: 0;
	margin-left: 200px;
	padding: 0;
	padding-top: 10px;
}

.start .get li {
	color: #777777;

	margin: 0;
	margin-bottom: 1em;
	padding-left: 3em;

	position: relative;
}

.start .get li:before {
	color: #555555;

	content: "\f10c";
	font-family: FontAwesome;
	font-size: .8em;
	line-height: 2;
	text-align: center;
	
	display: block;
	height: 2em;
	width: 2em;

	position: absolute;
	left: 0;
	top: 0;
}

.start .cost {
	padding: 60px 190px;
}

.start .cost p {
	width: 570px;
}

.start .cost h2.charter {
	margin-top: 60px;
	margin-left: 151px;
}

.start .cost h2.renew {
	margin-left: 317px;
	padding: 0;
}

.start .cost h2.member {
	margin-left: 174px;
	margin-bottom: 30px;
}

.start .cost span.price {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;

	display: inline-block;
	padding: .5em 0;
	margin: 0 .5em;
	width: 75px;
	text-align: center;
}

.start .cost .price.charter {
	background-color: #979AFF;
}

.start .cost .price.renew {
	background-color: #F69AB3;
}

.start .cost .price.member {
	background-color: #21aed9;
}

.start .cost p.meta {
	margin-left: 325px;
	margin-bottom: 30px;
	width: 550px;
}

.start .step {
	background-image: none;

	margin: 4em auto;
	margin-bottom: 12em;
	padding: 0;
	min-height: 225px;
	width: 600px;

	position: relative;
}

.start .step:before {
	content: counter(step-counter);
	counter-increment: step-counter;

	color: rgba(202, 196, 188, 0.8);
	color: rgba(180, 180, 180, 0.7);
	font-family: Times, serif;
	font-size: 300px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;

	position: absolute;
	top: 0;
	right: 100%;
	z-index: 10;
}

.start .step p {
	width: 570px;
}

.start .done h2 {
	margin-bottom: 50px;
}
/** end of Start a Group styles **/



/** Form Page styles **/
form {
	padding: 0 120px;
}

.form-error,
form #error
{
	background-color: #f2e6e7;
	color: #E02933;
	
	list-style-type: none;

	display: none;
	margin: 20px auto;
	padding: 30px;
	width: 400px;
}
#add-mom-dialog .form-error
{
	background-color: #f2e6e7;
	color: #E02933;
	list-style-type: none;

	display: none;
	margin: 10px auto 20px auto;
	padding: 20px;
	width: auto;
}
.row .form-error
{
	background-color: #f2e6e7;
	color: #E02933;
	list-style-type: none;

	display: none;
	margin: 70px auto 0px auto;
	padding: 30px;
	width: 600px;
}
.row .form-error li
{
	font-size: 14px;	
}

.form-error li,
form #error li
{
	font-size: 12px;
	
	margin: 10px 0;
}

.form-error li strong,
form #error li strong
{
	font-weight: 700;
}

/* Success message */
.form-success,
form #success
{
	background-color: #dff0d8;
	color: #3c763d;
	
	list-style-type: none;

	display: none;
	margin: 20px auto;
	padding: 30px;
	width: 400px;
}

.form-success p,
form #success p
{
	font-size: 14px;
	
	margin: 10px 0;
}

.form-success p strong,
form #success p strong
{
	font-weight: 700;
}

/* End success message */

form > div, form fieldset > div {
	clear: both;
	display: block;
	margin: 10px 0;
}

form > div ul, form fieldset > div ul {
	display: inline-block;
	vertical-align: top;
}

fieldset {
	border: 1px solid #eeeeee;

	margin: 40px 0;
	padding: 20px 0;

	position: relative;
}

.fieldset-title {
	color: #333333;
	
	font-size: 1.2rem;
	
	display: block;
	margin: 0;
	margin-left: 385px;
	padding: 0;
}

.fieldset-subtitle {
	color: #777777;
	
	font-size: .75rem;
	line-height: 1;
	
	display: block;
	margin: 0;
	margin-left: 385px;
	margin-bottom: 2rem;
	padding: 0;
}

.legend {
	background-color: #ffffff;
	color: #aaaaaa;

	font-size: 1rem;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;

	margin: 0;
	padding: 0 10px;

	position: absolute;
	top: -11px;
	left: 390px;
}

label {
	color: #555555;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 300;
	text-align: right;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 30px;
	padding: 5px;
	height: 30px;
	width: 350px;
}

label.inline {
	color: #999999;
	font-weight: 300;

	float: none;
	margin: 0 10px 0 5px;
	width: auto;
	text-align: left;
	vertical-align: middle;
}

label.inline.terms {
	display: inline-block;
	margin-bottom: 25px;
	width: 440px;
}

.subscribe_label{
	margin:0px; 
	text-align:left;
}

input {
	color: #555555;
	outline: none;

	height: 30px;
	vertical-align: bottom;
}

select {
	border: 1px solid #cccccc;
	color: #555555;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	padding: 5px;
	width: 200px;
}

input[type=file] {
	border: none;
}

input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=url],
input[type=date],
input[type=email],
input[type=password]
{
	background-color: #ffffff !important;
	border: 1px solid #cccccc !important;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px !important;
	width: 200px !important;
	margin: 0 !important;
}
input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus
{
	border: 1px solid #999999;
	color: #333333;
}

input[type=text].short,
input[type=search].short,
input[type=number].short,
input[type=tel].short,
input[type=url].short,
input[type=date].short,
input[type=email].short,
input[type=password].short,
select.short
{
	width: 98px;
}

input[type=text].tiny,
input[type=search].tiny,
input[type=number].tiny,
input[type=tel].tiny,
input[type=url].tiny,
input[type=date].tiny,
input[type=email].tiny,
input[type=password].tiny,
select.tiny
{
	width: 60px;
}

input.invalid,
select.invalid,
textarea.invalid
{
	border-color: #DD9DA0;
}

input.invalid:focus,
select.invalid:focus,
textarea.invalid:focus
{
	border-color: #AA5155;
}

textarea {
	border: 1px solid #cccccc;
	
	min-height: 175px;
	width: 400px;
}

form p.short {
	margin-left: 380px;
}

form .hint,
form .meta,
form .hintshow
{
	display: inline-block;
	width: 225px;
	margin-left: 10px;

	font-size: 10px;
	line-height: 1em;
}

form input ~ .hint {
	opacity: 0;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

form input:focus ~ .hint {
	opacity: 1;
}

form span.invalid {
	color: #E02933;

	font-size: 10px;
	line-height: 1em;

	display: inline-block;
	margin-left: 10px;
	width: 225px;

}

form .buttons {
	margin: 30px 0;
	padding-left: 385px;
}

.buttons a {
	margin-left: 20px;
}

button,
a.button
{
	background-color: #cccccc;
	border: none;
	border-radius: 2px;
	color: #333333;

	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 2;
	text-decoration: none;

	display: inline-block;
	margin: 0;
	margin-right: 10px;
	padding: 0 1em;

	-webkit-transition:	opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-moz-transition:	opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-ms-transition:		opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition:		opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	transition:			opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

button:hover,
a.button:hover
{
	background-color: #aaaaaa;
	
	text-decoration: none;
}

button:before,
a.button:before
{
	border-radius: 50%;
	
	font-family: FontAwesome;
	font-size: 1em;
	line-height: 1.5;
	text-align: center;

	display: inline-block;
	margin-right: .5em;
	height: 1.5em;
	width: 1.5em;
	vertical-align: baseline;
	
	-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

button.short:before,
a.button.short:before
{
	margin: 0;
}

button.save,
button.search,
button.yes,
button.reply,
button.crop,
a.button.save,
a.button.search,
a.button.yes,
a.button.reply,
a.button.crop
{
	background-color: #21aed9;
	color: #ffffff;
}

button.save:hover,
button.search:hover,
button.yes:hover,
button.reply:hover,
button.crop:hover,
a.button.save:hover,
a.button.search:hover,
a.button.yes:hover,
a.button.reply:hover,
a.button.crop:hover
{
	background-color: #1985A6;
}


button.cancel,
a.button.cancel
{
	background-color: #EA543D;
	color: #ffffff;
}

button.cancel:hover,
a.button.cancel:hover
{
	background-color: #B8402E;
}

button.no,
a.button.no
{
	background-color: #fe9d44;
	color: #ffffff;
}

button.no:hover,
a.button.no:hover
{
	background-color: #C37022;
}

button.checkout,
a.button.checkout
{
	background-color: #EA543D;
	color: #ffffff;
}

button.checkout:hover,
a.button.checkout:hover
{
	background-color: #B8402E;
}

button.invite,
a.button.invite
{
	background-color: #EA543D;
	color: #ffffff;
}

button.invite:hover,
a.button.invite:hover
{
	background-color: #B8402E;
}


button.edit,
a.button.edit
{
	background-color: #21aed9;
	color: #ffffff;
}

button.edit:hover,
a.button.edit:hover
{
	background-color: #1985A6;
}

button.send,
a.button.send
{
	background-color: #FFCC32;
	color: #ffffff;
}

button.send:hover,
a.button.send:hover
{
	background-color: #D5A107;
}

.calendar button.send,
.calendar a.button.send
{
	background-color: #979AFF;
	color: #ffffff;
}

.calendar button.send:hover,
.calendar a.button.send:hover
{
	background-color: #6568BE;
}

button.save:before,
a.button.save:before
{
	content: "\f00c";
	content: "\f0ee";
}

button.search:before,
a.button.search:before
{
	content: "\f002";
}

button.yes:before,
a.button.yes:before
{
	content: "\f164";
}

button.reply:before,
a.button.reply:before
{
	content: "\f112";
}

button.checkout:before,
a.button.checkout:before
{
	content: "\f00c";
}

button.invite:before,
a.button.invite:before
{
	content: "\f00c";
}


button.maybe:before,
a.button.maybe:before
{
	content: "\f074";
}

button.no:before,
a.button.no:before
{
	content: "\f165";
}

button.cancel:before,
a.button.cancel:before
{
	content: "\f056";
	content: "\f05e";
}

button.remove:before,
button.delete:before,
a.button.remove:before,
a.button.delete:before
{
	content: "\f00d";
}

button.back:before,
a.button.back:before
{
	content: "\f060";
}

button.next:before,
a.button.next:before
{
	content: "\f061";
}

button.edit:before,
a.button.edit:before
{
	content: "\f040";
}

button.renewal-button-edit:before,
a.button.renewal-button-edit:before
{
	content: "\f040";
}

button.send:before,
a.button.send:before
{
	content: "\f090";
}

button.add:before,
a.button.add:before
{
	content: "\f067";
}

button.crop:before,
a.button.crop:before
{
	content: "\f125";
}

button.working:before,
a.button.working:before
{
	content: "\f110";

	-webkit-animation: 	webkit-spin 1.75s infinite linear;
	-moz-animation: 	moz-spin 1.75s infinite linear;
	-ms-animation: 		ms-spin 1.75s infinite linear;
	-o-animation: 		o-spin 1.75s infinite linear;
	animation: 			spin 1.75s infinite linear;
}

button.done:before,
a.button.done:before
{
	content: "\f00c";
}

button.error:before,
a.button.error:before
{
	content: "\f00d";
}
/** end Form page styles **/



/** Donate Page styles **/
.donate #header-wrapper .selector .arrow {
	margin-left: 695px;
}

.donate .large-image > div {
	background-color: transparent;
}

.donate .action {
	margin-bottom: 0;
}

.donate #amounts {
	margin: 90px 0;
	padding: 0 120px;
	padding-right: 70px;
}

.donate #amounts .amount {
	cursor: pointer;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 30px;
	padding: 20px 10px;
	width: 300px;

	-webkit-transition:	background-color 0.2s ease-in-out;
	-moz-transition:	background-color 0.2s ease-in-out;
	-ms-transition:		background-color 0.2s ease-in-out;
	-o-transition:		background-color 0.2s ease-in-out;
	transition:			background-color 0.2s ease-in-out;
}

.donate #amounts .amount:hover {
	background-color: #eeeeee;
}

.donate h2.price {
	color: #35271F;

	font-family: 'Open Sans Condensed', Arial, sans-serif;
	font-weight: 700;
	font-size: 40px;
}
.donate h2.price:before {
	content: "$";
	color: #1D99BF;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;

	vertical-align: top;

	position: relative;
	top: -10px;
}

.donate #amounts .amount h2 {
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	max-width: 100px;
	vertical-align: middle;
}

.donate #amounts .amount p {
	font-size: 12px;

	display: inline-block;
	margin: 0;
	padding: 0;
	width: 170px;
	vertical-align: middle;
}

.donate .ecfa {
	margin: 60px 0 0 309px;
}

.donate .ecfa img {
	float: left;
	display: block;
	margin: 0;
	margin-right: 35px;
	width: 40px;
}

.donate .ecfa p {
	font-size: 10px;
}

.donate.cv .large-image {
	position: relative;
}

.donate .cv-promo {
	background-color: rgba(255, 255, 255, 0.8);

	text-align: center;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	width: 550px;

	position: absolute;
	top: 175px;
	left: 50%;
	margin-left: -275px;
	bottom: auto;
	right: auto;
}

.donate .cv-promo hgroup {
	margin-bottom: 20px;
}

.donate .cv-promo h1 {
	color: #333333;

	font-size: 30px;

	margin-bottom: 20px;
	padding: 0;
}

.donate .cv-promo h2 {
	color: #FF7A00;

	padding: 0;
}

.donate .smarty-tag {
	display: none;
}
/** end Donate Page styles **/



/** Profile Dashboard styles **/
.profile #header-wrapper .selector .arrow {
	margin-left: 1005px;
}

.profile .row {
	padding: 30px 120px;
	min-height: 600px;

	position: relative;
}

.profile #picture-container {
	border: 4px solid transparent;
	border-radius: 2px;
	cursor: pointer;

	margin: 0;
	padding: 0;
	height: 160px;
	width: 160px;
	overflow: hidden;

	position: absolute;
	top: 26px;
	left: 116px;
}
.profile #picture-container:hover {
	border-color: rgba(0, 0, 0, 0.2);
}

.profile #picture-container:before {
	background-color: rgba(0, 0, 0, 0.4);
	color: #ffffff;
	opacity: 0;

	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: 	opacity .5s ease-in-out;
	-ms-transition: 	opacity .5s ease-in-out;
	-o-transition: 		opacity .5s ease-in-out;
	transition: 		opacity .5s ease-in-out;

	content: "Click to change";

	display: block;
	padding-top: 80px;
	padding-left: 25px;
	height: 100%;
	width: 100%;

	position: absolute;
	top: 0px;
	left: 0px;
}
.profile #picture-container:hover:before {
	opacity: 1;
}

.profile #picture-container img {
	margin: 0;
	padding: 0;
	/*min-height: 200px;*/
	width: 160px;
}

.profile #picture-dialog div {
	margin: 0;
}

.profile #picture-dialog .editor {
	border-right: 2px solid #6b6b6b;

	display: inline-block;
	margin-right: 49px;
	margin-bottom: 10px;
	padding-right: 49px;
	padding-bottom: 30px;
	width: 300px;
	vertical-align: top;
}

.profile #picture-dialog .editor img {
	max-width: 300px;

	position: absolute;
	top: 0px;
	left: 0px;
}

.profile #picture-dialog .editor button {
	margin-top: 30px;
}

.profile #picture-dialog .change {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 300px;
	vertical-align: top;
}

.profile #picture-dialog .change label {
	display: block;
	float: none;
	width: auto;
	text-align: left;
}

.profile #picture-dialog .change input {
	display: block;
	margin: 10px 0;
	width: auto;
}

.profile #picture-dialog .change button {
	margin-top: 30px;
	display: block;
	width: auto;
}

.profile #picture-dialog .buttons {
	margin: 50px 0;
	margin-left: 165px;
	text-align: left;
}

.profile #message-board {
	color: #999999;

	font-size: 12px;

	width: 180px;

	position: absolute;
	top: 238px;
	left: 125px;
}

.profile #thankYouMessage {
	color: #999999;

	font-size: 12px;

	width: 280px;
	padding-top: 5px;
	margin: 0 auto;
}

.profile #profile-nav {
	background-color: #f5f5f5;

	height: 40px;
}

.profile #profile-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	height: 100%;
}

.profile #profile-nav li {
	border-bottom: 2px solid transparent;
	color: #6b6b6b;

	cursor: pointer;
	font-size: 15px;
	line-height: 40px;
	font-weight: 300;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	margin-right: 30px;
	padding: 0 5px;
	height: 40px;
	
	position: relative;

	-webkit-transition: border-color .2s linear;
	-moz-transition: 	border-color .2s linear;
	-ms-transition: 	border-color .2s linear;
	-o-transition: 		border-color .2s linear;
	transition: 		border-color .2s linear;
}

.profile #profile-nav li:hover {
	color: #222222;
	border-color: #979AFF;
}
.profile #profile-nav li.selected {
	color: #333333;
	font-weight: 600;
	border-color: #979AFF;
}

.profile #profile-nav li .badge {

	font-size: .7rem;
	
	margin-right: 0;
	margin-left: .75em;
	
	-webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	-moz-transition: -moz-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	-ms-transition: -ms-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	-o-transition: -o-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	transition: transform 0.4s ease-in-out, opacity 0.2s ease-in;
}

.profile #profile-nav li .badge.hidden {
	opacity: 0;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
}

.profile .smarty-tag {
	display: none;
}

.profile .pane-container {
	margin: 0;
	padding: 0;
	padding-left: 180px;
}

.profile .pane-container form {
	padding: 0;
}

.profile form h3 {
	margin-left: 230px;
	margin-top: 30px;
}

.profile form fieldset {
	border: none;

	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.profile form label {
	width: 200px;
}

.profile form label.inline {
	width: auto;
}

.profile .buttons {
	margin: 30px 0 0 235px;
	padding: 0;
}

.profile #history-pane {
	padding-left: 10px;
}

.profile #picture-editor {
	text-align: center;

	margin-bottom: 30px;
}

.profile #picture-editor img {
	margin: 0;
	padding: 0;
	max-width: 960px;
}

.profile #subscriptions > div {
	clear: both;
}

.profile .comments a.comment,
.profile .comments a.comment:visited,
.profile .comments a.comment:hover,
.profile .ideas a.idea,
.profile .ideas a.idea:visited,
.profile .ideas a.idea:hover
{
	color: #6b6b6b;

	text-decoration: none;

	margin: 0;

	-webkit-transition:	background-color 0.2s ease-in-out;
	-moz-transition:	background-color 0.2s ease-in-out;
	-ms-transition:		background-color 0.2s ease-in-out;
	-o-transition:		background-color 0.2s ease-in-out;
	transition:			background-color 0.2s ease-in-out;
}

.profile .comments a.comment:hover, .profile .ideas a.idea:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.profile .notification-container .refresh,
.profile .notification-container .clear
{
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #6b6b6b;

	cursor: pointer;
	text-align: center;

	display: inline-block;
	margin: 20px 0 0 60px;
	line-height: 40px;
	height: 40px;
	width: 40px;

	-webkit-transition:	background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-moz-transition:	background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition:		background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition:		background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition:			background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.profile .notification-container .clear {
	margin-left: 20px;
}

.profile .notification-container .refresh:hover,
.profile .notification-container .clear:hover
{
	background-color: #dddddd;
	color: #333333;
}

.profile .notification-container .notification {
	border-left: 2px solid #979AFF;
	background-color: #eeeeee;
	color: #555555;

	font-weight: 600;
	text-decoration: none;

	display: block;
	margin: 20px 0;
	margin-left: 60px;
	padding: 0 60px;
	padding-left: 20px;
	height: 60px;
	line-height: 60px;

	position: relative;

	-webkit-transition:	all 0.2s ease-in-out;
	-moz-transition:	all 0.2s ease-in-out;
	-ms-transition:		all 0.2s ease-in-out;
	-o-transition:		all 0.2s ease-in-out;
	transition:			all 0.2s ease-in-out;
}

.profile .notification-container .notification:hover {
	color: #333333;

	text-decoration: none;
}

.profile .notification-container .notification.read {
	border-left-color: transparent;
	color: #999999;
	
	font-weight: 400;
}

.profile .notification-container .notification.read:hover {
	color: #777777;
}

.profile .notification-container .notification:before {
	color: #333333;

	font-family: FontAwesome;
	font-size: 15px;
	letter-spacing: 10px;
	font-weight: normal;


	display: inline-block;
	height: 60px;
	line-height: 60px;
	width: 80px;
	vertical-align: middle;

	-webkit-transition:	all 0.2s ease-in-out;
	-moz-transition:	all 0.2s ease-in-out;
	-ms-transition:		all 0.2s ease-in-out;
	-o-transition:		all 0.2s ease-in-out;
	transition:			all 0.2s ease-in-out;
}

.profile .notification-container .notification.read:before {
	color: #6b6b6b;
}

.profile .notification-container .notification.comment-reply:before {
	content: "\f112 \f075";
}

.profile .notification-container .notification.comment-reply:before {
	content: "\f112 \f075";
}

.profile .notification-container .notification.idea-comment:before {
	content: "\f112 \f0eb";
}

.profile .notification-container .notification.idea-comment-reply:before {
	content: "\f112 \f075";
}

.profile .notification-container .notification a {
	background-color: #dddddd;
	color: #6b6b6b;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);

	font-size: 15px;
	font-weight: normal;
	text-align: center;

	display: inline-block;
	height: 60px;
	line-height: 60px;
	width: 60px;

	position: absolute;
	top: 0px;
	right: 0px;

	-webkit-transition:	background-color 0.2s ease-in-out;
	-moz-transition:	background-color 0.2s ease-in-out;
	-ms-transition:		background-color 0.2s ease-in-out;
	-o-transition:		background-color 0.2s ease-in-out;
	transition:			background-color 0.2s ease-in-out;
}

.profile .notification-container .notification:hover a {
	background-color: #d0d0d0;
}

.profile .notification-container .notification:hover a:hover {
	background-color: #c0c0c0;
}


.profile .collective-field {
	margin-top: 10px;
	margin-bottom: 10px;

}

.profile .error{
	border: 1px solid #DD9DA0 !important;
}

/** from bootstrap **/
.profile .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #adbfcc;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.profile .panel-body {
  padding: 15px;
}
.profile .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom:0px;
}
.profile .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.profile .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

/** chaneg from bootstrap **/
.profile .panel h3 {
	text-align:right;
	padding-bottom:0px;
	margin-bottom:0px;
}

.profile .panel .message {
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top:0px;

}


/** end of Profile Dashboard styles **/



/** Charter Process styles **/
.charter #church-contact-dialog > div {
	margin-bottom: 10px;
}

.charter #churchForm {
	margin-top: 30px;
	padding-top: 30px;
}

.charter .choose-org {
	color: #21aed9;
	cursor: pointer;

	margin: 10px 0;
}
.charter .choose-org:before {
	content: "\f0a9";
	font-family: FontAwesome;
	padding-right: .5em;
}
.charter .choose-org:hover {
	color: #1985A6;
}

.charter label {
	color: #979AFF;
	font-size: 14px;
}

.charter form label {
	color: #6b6b6b;
	font-size: 13px;
}

.charter label.inline {
	color: #999999;
}

.charter .smarty-tag {
	display: none;

}/** end of Charter Process styles **/



/** Event Registration styles **/
.events #event-list {
	margin: 0 -15px;
}

.events #event-list .event {
	border-top: 10px solid #eeeeee;
	border-bottom: 10px solid #eeeeee;
	background-color: #f0f0f0;
	border-radius: 2px;
	color: inherit;

	cursor: pointer;
	text-decoration: none;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 15px;
	padding: 10px 0;
	width: 300px;
	vertical-align: top;

	position: relative;
}
.events #event-list .event:hover {
	background-color: #f8f8f8;
	border-color: #aaaaaa;
	color: inherit;

	opacity: 0.8;

	text-decoration: none;
}

.events #event-list .event img {
	margin: 0;
	padding: 0;
	width: 100%;
}

.events #event-list .event h2 {
	margin: 10px;
	padding: 0;
}

.events #event-list .event p {
	margin: 10px;
}
.events #event-list .event p:hover {
	
}


.events #event-list .event.blue {
	border-color: #21aed9;
}

.events #event-list .event.pink {
	border-color: #F69AB3;
}

.events #event-list .event.green {
	border-color: #4EDBB2;
}

.events #event {
	margin-bottom: 30px;
}

.events #event img {
	display: inline-block;
	margin-right: 30px;
	width: 300px;
	vertical-align: top;
}

.events #event .description {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}

.events .section {
	border: 3px solid #eeeeee;
	border-radius: 2px;
	min-height: 210px;

	margin-bottom: 30px;
}

.events .section > h2 {

	background-color: #eeeeee;
	color: #bbbbbb;
	text-shadow: 0px 1px rgba(255, 255, 255, 0.5), 0px -1px rgba(0, 0, 0, 0.4);

	font-size: 22px;
	font-weight: 600;

	padding: .25em .5em;
	margin-bottom: 10px;
}

.events .section > h2 .icon {
	cursor: pointer;
	float: right;
	font-size: 1.2em;
	margin-right: 10px;
}
.events .section > h2 .icon:hover {
	color: #aaaaaa;
}

.events #guests .listing:after {
	content: "\f057";
	font-family: FontAwesome;
	text-align: right;

	display: block;
	opacity: 0;

	position: absolute;
	top: 0px;
	right: 5px;

	-webkit-transition: opacity 0.25s linear;
	-moz-transition: 	opacity 0.25s linear;
	-ms-transition: 	opacity 0.25s linear;
	-o-transition: 		opacity 0.25s linear;
	transition: 		opacity 0.25s linear;
}
.events #guests .listing:hover:after {
	opacity: 1;
}

.events #payment-info,
.events #checkout
{
	padding-bottom: 30px;
}

.events #payment-info h2,
.events #checkout h2
{
	margin-bottom: 60px;
}

.events #checkout form
{
	padding: 0;
}

.events #checkout label
{
	width: 400px;
}

.events #payment-info .buttons,
.events #checkout .buttons
{
	clear: both;
	margin: 30px 0 0 430px;
	padding: 0;
	text-align: left;
}

.events #checkout #price-per:before {
	content: "$";
}

.events #checkout #discount:before {
	content: "-$";
}

.events #checkout #price:before {
	content: "$";
}

.events #payment-info form {
	padding: 0 50px;
}

.events #payment-info .buttons {
	margin-left: 380px;
}

.events #guest-dialog {
	height: 700px;
	width: 960px;
}

.events #guest-dialog nav {
	background-color: #f5f5f5;
	height: 40px;
}

.events #guest-dialog nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	height: 100%;
}

.events #guest-dialog nav li {
	border-bottom: 2px solid transparent;
	color: #6b6b6b;

	cursor: pointer;
	font-size: 15px;
	font-weight: 300;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	margin-right: 30px;
	padding: 0 5px;
	height: 40px;
	line-height: 40px;

	-webkit-transition: border-color .25s linear;
	-moz-transition: 	border-color .25s linear;
	-ms-transition: 	border-color .25s linear;
	-o-transition: 		border-color .25s linear;
	transition: 		border-color .25s linear;
}

.events #guest-dialog nav li:hover {
	color: #222222;
	border-color: #979AFF;
}
.events #guest-dialog nav li.selected {
	color: #333333;
	font-weight: 600;
	border-color: #979AFF;
}

.events #guest-dialog .in {
	background-color: #f2f2f2;

	height: 300px;

	position: relative;
	overflow-y: auto;
}
.events #guest-dialog .in:before {
	color: #999999;

	content: "Click to add moms";

	font-size: 20px;
	font-weight: 400;
	text-shadow: 0px 1px #ffffff;
	text-align: center;

	display: block;
	height: auto;
	width: 300px;

	position: absolute;
	left: 310px;
	top: 170px;
}

.events #guest-dialog .all {
	/*border-top: 30px solid #ffffff;*/
	border: 1px solid #cccccc;
	background-color: #f2f2f2;

	height: 300px;
	margin-top: 30px;
	padding: 10px;
	overflow-y: scroll;
}

.events #guest-dialog .add-form {
	border: 1px solid #cccccc;
	padding-left: 200px;
	padding-top: 100px;

	height: 200px;
}

.events #guests .listing,
.events #guest-dialog .listing
{
	border-radius: 2px;
	box-shadow: 		0px 0px 4px -2px rgba(0, 0, 0, 0.1);

	cursor: pointer;

	display: inline-block;
	height: 60px;
	margin: 10px;
	padding: 0;
	width: 200px;
	vertical-align: top;

	position: relative;
}

.events #guests .listing:before,
.events #guest-dialog .listing:hover:before
{
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;

	content: " ";

	display: block;
	height: 60px;
	width: 200px;

	position: absolute;
	top: -5px;
	left: -5px;
}

.events #guests .listing img,
.events #guest-dialog .listing img
{
	display: inline-block;
	height: 60px;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 60px;
	vertical-align: bottom;

	position: static;
}

.events #guests .listing h3,
.events #guest-dialog .listing h3
{
	color: #333333;

	font-size: 13px;
	font-weight: 600;
	line-height: 60px;

	display: inline-block;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	max-height: 60px;
	max-width: 130px;
	overflow: hidden;
	vertical-align: bottom;
}

.events #guests .listing a,
.events #guest-dialog .listing a
{
	color: inherit;
	text-decoration: none;
}

.events #guests .listing .options,
.events #guests .listing .positions,
.events #guests .listing p,
.events #guest-dialog .listing .options,
.events #guest-dialog .listing .positions,
.events #guest-dialog .listing p
{
	display: none;
}


.events .row {
	padding: 60px 0;
}

.events table {
	
}

.events table tr:hover {
	background-color: transparent;
}

.events table td {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
/** end of Event Registration styles **/



/** Group Search styles **/
.group-search #header-wrapper .selector .arrow {
	margin-left: 865px;
}

.group-search #searchForm {
	background-color: #f5f5f5;
	
	display: block;
	margin: 0 auto;
	margin-bottom: 6em;
	padding: 0;
	width: 960px;
}

.group-search #searchForm fieldset {
	border: none;
	
	display: block;
	margin: 0;
	padding: 2em;
	height: auto;
	width: auto;
}

.group-search #searchForm fieldset span.legend {
	display: none;
}

.group-search #searchForm fieldset > div {
	display: inline-block;
	margin: 0;
	padding: .5em 0;
}

.group-search #searchForm label {
	width: 100px;
}

.group-search #searchForm input, .group-search #searchForm select {
	width: 140px;
}

.group-search #searchForm .buttons {
	text-align: center;
	
	display: block;
	margin: 0;
	margin-top: 2em;
	padding: 0;
	width: auto;
}


.group-search .cta-dialog {
	background-color: #f5f5f5;
	
	display: block;
	margin: 2em auto;
	padding: 2em;
	width: 820px;
	overflow: hidden;
	
	position: relative;
}

.group-search .cta-dialog.open {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: .25em;
	box-shadow: 0px 2px 10px -3px #000000;
	
	margin: 0;
	
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 40;
	
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.group-search .cta-dialog:after {
	content: "";
	
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	width: 100%;
}

.group-search .cta-dialog .close {
	background-color: #ffffff;
	
	cursor: pointer;
	
	font-size: 1.2em;
	line-height: 2;
	text-align: center;
	
	display: block;
	margin: 0;
	padding: 0;
	height: 2em;
	width: 2em;
	
	position: absolute;
	top: 1px;
	right: 1px;
}

.group-search .cta-dialog .close:hover:before {
	-webkit-animation: half-spin 0.5s cubic-bezier(0.5, 0, 1, 0.75) 0s 1;
	-o-animation: half-spin 0.5s cubic-bezier(0.5, 0, 1, 0.75) 0s 1;
	animation: half-spin 0.5s cubic-bezier(0.5, 0, 1, 0.75) 0s 1;
}

.group-search .cta-dialog img {
	float: left;
	margin: 0 4em;
	width: 12em;
}

.group-search .cta-dialog h2 {
	font-size: 1.6em;
	font-weight: 600;
	
	clear: none;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

.group-search .cta-dialog p {
	font-size: 0.8em;
	font-weight: 400;
	
	margin: 0;
	margin-bottom: 1.25em;
	padding: 0;
}

.group-search .cta-dialog label {
	width: auto;
}

.group-search .cta-dialog .buttons {
	margin: 2em 0;
}


.group-search .teaser {
	display: block;
	margin: 0 190px 60px 190px;
	padding: 0;

	width: auto;
	height: auto;
	min-height: 250px;

	position: relative;
}

.group-search .teaser img {
	position: absolute;
	top: 0px;
	left: 0px;

	margin: 0;
	padding: 0;
	width: 250px;
	height: 250px;
}

.group-search .teaser > div {
	display: block;
	margin-left: 280px;
	width: auto;
	height: auto;
}

.group-search .teaser h2 {
	margin-top: 0;
	min-height: 0;
	padding-top: 0;
}

.group-search .teaser label {
	display: inline-block;
	float: none;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	width: 100px;
	text-align: left;
	vertical-align: top;
}

.group-search .teaser p {
	display: inline-block;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	width: 390px;
	vertical-align: top;
}

.group-search .teaser .type {
	font-size: .8rem;
	font-weight: 600;
	text-align: center;

	padding: .5em .5em;
	width: 60px;

	position: absolute;
	top: 0px;
	right: 0px;
}

.group-search .teaser .type.general {
	background-color: #FE9D44;
	color: #f5f5f5;
}

.group-search .teaser .type.teen {
	background-color: #21aed9;
	color: #f5f5f5;
}

.group-search .teaser .type.intl {
	background-color: #4EDBB2;
	color: #f5f5f5;
}

.group-search .teaser .type.next {
	background-color: #85BD32;
	color: #f5f5f5;
}
/** end Group Search styles **/



/** login page styles **/
.login #loginForm {
	border: 1px solid #cccccc;

	margin: 60px auto;
	padding: 30px;
	width: 500px;
}

.login #loginForm h1 {
	border-bottom: 1px solid #cccccc;

	margin-bottom: 30px;

	padding-top: 0;
	padding-bottom: .5em;
}

.login #loginForm label {
	width: 120px;
}

.login #loginForm input {
	width: 200px;
}

.login #loginForm .hint {
	width: 130px;
}

.login #loginForm p {
	font-size: 11px;
	text-align: left;

	margin: 10px 0 0 155px;
	padding: 0;
}

.login #loginForm .buttons {
	margin: 20px 0;
	margin-left: 160px;
	padding: 0;
	text-align: left;
}

.login #loginForm .facebook {
	color: #3b5998;
	font-size: 25px;
	text-decoration: none;

	display: inline-block;
	margin: 0;
	margin-right: .5em;
	padding: 0;
	width: 20px;
	vertical-align: middle;
}
.login #loginForm .facebook:hover {
	color: #1F4189;
	text-decoration: none;
}

.login #loginForm .sponsor-help {
	margin-top: 30px;
}

.login #loginForm .sponsor-help .meta {
	margin-left: 0;
	margin-top: 20px; 
}
/** end login page styles **/



/** position listing styles **/
.positions .row {
	margin: 30px 90px 60px 120px;
}

.positions .row a {
	display: inline-block;
	margin: 30px 30px 0 0;
	height: 200px;
	width: 300px;
	overflow: hidden;

	position: relative;
}

.positions .row a img {
	margin: 0;
	padding: 0;
	width: 100%;
}

.positions .row a h2 {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
	color: #333333;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	width: 100%;
	text-align: center;

	position: absolute;
	bottom: 0;
	left: 0;

	-webkit-transition: bottom 0.3s ease-in-out;
	-moz-transition: 	bottom 0.3s ease-in-out;
	-ms-transition: 	bottom 0.3s ease-in-out;
	-o-transition: 		bottom 0.3s ease-in-out;
	transition: 		bottom 0.3s ease-in-out;
}

.positions .row a:hover h2 {
	/*background-color: rgba(255, 255, 255, 0.8);*/
	bottom: 30%;
}
/** end of position listing styles **/



/** position page styles **/
.position h1 {
	border-bottom: 1px dotted #cccccc;

	padding-bottom: .5em;
}

.position .more-link {
	font-size: 10px;

	position: absolute;
	top: 5px;
	right: 1em;
}

.position .description {
	margin: 60px 90px 0 120px;
}

.position .description .job {
	display: inline-block;
	margin-right: 60px;
	min-height: 350px;
	width: 500px;
	vertical-align: top;

	position: relative;
}

.position .description .todo {
	display: inline-block;
	min-height: 350px;
	width: 400px;
	vertical-align: top;

	position: relative;
}

.position .articles {
	display: inline-block;
	margin: 30px 60px 0 120px;
	padding: 0;
	width: 500px;
	vertical-align: top;

	position: relative;
}

.position .articles .teaser {
	height: auto;
}

.position .ideas {
	display: inline-block;
	margin: 30px 110px 0 0;
	width: 400px;
	vertical-align: top;

	position: relative;
}

.position .links {
	margin: 0 120px 30px 120px;
}

.position .idea {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.7);
	border-radius: 2px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 400px;
	vertical-align: top;
	margin: 10px 0;
	padding: 10px;

	word-wrap: break-word;
	overflow: hidden;
}

.position .idea img {
	display: block;
	width: 100%;
}

.position .idea h3 {
	color: #333333;
	text-transform: capitalize;
}

.position .idea p {
	color: #666666;
}

.position .idea .meta {
	color: #333333;
	font-size: 10px;
	margin: 0px;
	padding-bottom: 5px;
}

.position .idea .meta a:hover {
	text-decoration: underline;
}

.position .idea .rating {
	color: #333;
	float: right;
	font-size: 18px;
	font-weight: bold;
}
/** end of position page styles **/



/** Browser Upgrade page styles (for IE7, these will be weird) **/
.browser table,
.browser tr,
.browser th,
.browser td,
.browser table:hover,
.browser tr:hover,
.browser th:hover,
.browser td:hover
{
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.browser #header-wrapper {
	border-bottom: 2px solid #cccccc;
}

.browser .header-link {
	color: #fe9d44;

	font-size: 13px;
	font-weight: 400;
}
.browser .header-link:hover {
	color: #ff7a00;
	text-decoration: none;
}

.browser #message-wrapper {
	margin: 90px 0;
	margin-bottom: 30px;
}

.browser #browser-select {
	margin: 60px 0;
}

.browser #browser-select table {
	table-layout: fixed;
}

.browser #browser-select .choice {
	word-break: normal;
	word-wrap: normal;
	text-align: center;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	padding: 30px;
	width: 216px;
	
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
.browser #browser-select .choice:hover {
	background-color: #eeeeee;
}

.browser #browser-select .choice a,
.browser #browser-select .choice a:hover
{
	text-decoration: none;
}

.browser #browser-select .choice img {
	width: 50%;
}

.browser #browser-select .choice p {
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
}

.browser .footer-header {
	background-color: #f2f2f2;
	color: #333333;

	font-size: 16px;
	font-weight: 400;

	margin: 0;
	margin-bottom: 1em;
	padding: .5em;
}

.browser #footer-wrapper .legal {
	margin-top: 16px;
}

.browser #footer-wrapper p {
	font-size: 12px;
	margin: 0;
}
/** end of Browser Upgrade page styles **/



/** Group web page styles **/
.group-page #header-wrapper .selector .arrow {
}

.group-page .image-banner {
	display: block;
	margin: 0;
	margin-top: -15px;
	margin-bottom: 4em;
	padding: 0;
	height: 600px;
	width: 1200px;
	position: relative;
}

.group-page .image-banner > div {
	background-color: #dddddd;
}

.group-page .image-banner .one {
	border-right: 5px solid #ffffff;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 600px;
	width: 450px;
	overflow: hidden;

	position: absolute;
	top: 0px;
	left: 0px;
}

.group-page .image-banner .one img {
	margin: 0;
	padding: 0;
	min-height: 600px;
	min-width: 450px;
}

.group-page .image-banner .two {
	border-right: 5px solid #ffffff;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 600px;
	width: 300px;
	overflow: hidden;

	position: absolute;
	top: 0px;
	left: 450px;
}

.group-page .image-banner .two img {
	margin: 0;
	padding: 0;
	min-height: 600px;
	min-width: 450px;
}

.group-page .image-banner .three {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 600px;
	width: 450px;
	overflow: hidden;

	position: absolute;
	top: 0px;
	left: 750px;
}

.group-page .image-banner .three img {
	margin: 0;
	padding: 0;
	min-height: 600px;
	min-width: 450px;
}



.group-page .image-banner .a {
	border-right: 5px solid #ffffff;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 600px;
	width: 450px;
	overflow: hidden;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	position: absolute;
	top: 0px;
	left: 0px;
}

.group-page .image-banner .a img {
	margin: 0;
	padding: 0;
	min-height: 600px;
	min-width: 450px;
}

.group-page .image-banner .b {
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 300px;
	width: 300px;
	overflow: hidden;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	position: absolute;
	top: 0px;
	left: 450px;
}

.group-page .image-banner .b img {
	margin: 0;
	padding: 0;
	min-height: 300px;
	min-width: 300px;
}

.group-page .image-banner .c {
	border-bottom: 5px solid #ffffff;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 300px;
	width: 450px;
	overflow: hidden;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	position: absolute;
	top: 0px;
	left: 750px;
}

.group-page .image-banner .c img {
	margin: 0;
	padding: 0;
	min-height: 300px;
	min-width: 450px;
}

.group-page .image-banner .d {
	border-right: 5px solid #ffffff;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 300px;
	width: 450px;
	overflow: hidden;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	position: absolute;
	top: 300px;
	left: 450px;
}

.group-page .image-banner .d img {
	margin: 0;
	padding: 0;
	min-height: 300px;
	min-width: 300px;
}

.group-page .image-banner .e {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 300px;
	width: 300px;
	overflow: hidden;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	position: absolute;
	top: 300px;
	left: 900px;
}

.group-page .image-banner .e img {
	margin: 0;
	padding: 0;
	min-height: 300px;
	min-width: 300px;
}


.group-page .image-banner .text {
	background-color: rgba(0, 0, 0, 0.5);

	width: 445px;

	position: absolute;
	bottom: 50px;
	left: 0;
}

.group-page .image-banner .text h1 {
	color: #f2f2f2;
	font-size: 40px;
	font-weight: 300;

	margin: .5em 0;
	margin-left: 50px;
	padding: 0;
}

.group-page .image-banner .text p.dash {
	margin-bottom: 10px;
}

.group-page .image-banner .text p {
	color: #f2f2f2;
	font-size: 13px;

	margin: 1em 0 1em 50px;
	padding: 0;
}

.group-page .image-banner .text p a {
	color: #f2f2f2;
}

.group-page .image-banner .text p a:after {
	content: '\2192';
	margin-left: .5em;
}

.group-page #content-wrapper {
	position: relative;
}

.group-page #content-wrapper nav {
	width: 200px;

	position: absolute;
	top: 0px;
	left: 190px;
}

.group-page #content-wrapper nav.fixed {
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -410px;
}

.group-page #content-wrapper nav a {
	border: 1px solid #eeeeee;
	border-right: 4px solid #21aed9;
	background-color: #f5f5f5;
	color: #6b6b6b;

	display: block;
	margin: 5px 0;
	line-height: 30px;
	height: 30px;
	text-align: center;

	-webkit-transition:	all 0.1s ease-in-out;
	-moz-transition:	all 0.1s ease-in-out;
	-ms-transition:		all 0.1s ease-in-out;
	-o-transition:		all 0.1s ease-in-out;
	transition:			all 0.1s ease-in-out;
}

.group-page #content-wrapper nav a:hover,
.group-page #content-wrapper nav a.selected
{
	border-right-color: #1985A6;
	background-color: #eeeeee;
	color: #333333;
	text-decoration: none;
}

.group-page #calendar {
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.4);

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 50px 0;
	margin-left: 450px;
	padding: 50px;
	padding-top: 25px;
	width: 750px;
}

.group-page #calendar h1 {
	clear: none;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

.group-page #calendar .nothing {
	color: #aaaaaa;
	margin: 20px 0 0 20px;
}

.group-page #calendar .event {
	border: 1px solid #cccccc;
	background-color: #fbfbfb;
	box-shadow: 1px 1px 4px -2px rgba(0, 0, 0, 0.2);

	display: block;
	margin: 10px 0;
	padding: 0;
	height: 100px;
	overflow: hidden;

	position: relative;
}

.group-page #calendar .event time {
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	color: #999999;

	font-size: 10px;
	font-weight: 300;
	text-align: center;

	display: inline-block;
	height: 100px;
	line-height: 100px;
	width: 100px;

	position: absolute;
	top: 0;
	left: 0;
}

.group-page #calendar .event time:before {
	border: 20px solid transparent;
	border-left: 10px solid #cccccc;

	content: "";

	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;

	position: absolute;
	right: -31px;
	top: 30px;
}

.group-page #calendar .event time:after {
	border: 20px solid transparent;
	border-left: 10px solid #ffffff;

	content: "";

	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;

	position: absolute;
	right: -30px;
	top: 30px;
}

.group-page #calendar .event time div {
	color: #21aed9;

	font-size: 24px;
	font-weight: 600;

	display: block;
	margin-bottom: -80px;
	line-height: 95px;
}

.group-page #calendar .event h3 {
	color: #333333;

	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;

	clear: none;
	margin: 12px 10px 10px 120px;
	padding: 0;
}

.group-page #calendar .event p {
	color: #999999;

	font-size: 13px;
	font-weight: 300;

	margin: 0 10px 10px 120px;
	max-height: 65px;
	overflow: hidden;
}

.group-page #contact {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 0;
	margin-bottom: 50px;
	padding: 0 50px;
	width: 450px;
}

.group-page #contact h1 {
	text-transform: capitalize;
	
	padding-top: .3em;
}

.group-page #contact label {
	color: #333333;

	font-size: 11px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;

	display: block;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.group-page #contact label + p {
	opacity: 0.8;
}

.group-page .contact-form {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	float: left;
	margin: 0;
	padding: 0 50px;
	width: 450px;
}

.group-page .contact-form h1 {
	text-transform: capitalize;

	padding-top: 10px;
}

.group-page .contact-form label {
	color: #333333;

	font-size: 10px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;

	display: block;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.group-page .contact-form textarea {
	width: 345px;
}

.group-page .section {
	border-left: 3px solid #999999;

	clear: none;
	margin: 0;
	margin-bottom: 8em;
	margin-left: 445px;
	padding: 1em 0;
	padding-left: 2em;
}

.group-page .section h1 {
	clear: none;
	padding-top: 0;
}

.group-page .section p {
	width: 630px;
}

.group-page .section#group-description {
	border-left-color: #4EDBB2;
}

.group-page .section#more {
	border-left-color: #21aed9;
}

.group-page .section#childcare {
	border-left-color: #F69AB3;
}
/** end of group web page styles **/



/** board portal styles **/
.board .row {
	padding: 30px 120px 0 120px;
	min-height: 500px;
}

.board hgroup {
	margin: 0;
	margin-bottom: 40px;
}

.board hgroup .title-icon {
	color: #21aed9;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;

	font-size: 25px;
	text-align: center;

	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 36px;

	position: relative;
}

.board hgroup h1 {
	color: #333333;
	font-size: 30px;
	text-transform: capitalize;

	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 355px;

	position: relative;
}

.board hgroup h2 {
	color: #f59623;

	font-size: 16px;
	font-weight: 300;
	line-height: 2em;

	display: inline-block;
	margin: 0;
	padding: 0 10px;
}

.board #files {
	border: 1px solid #dddddd;

	min-height: 400px;
	width: 400px;

	position: absolute;
	top: 326px;
	right: 120px;
}

.board #files h1 {
	position: absolute;
	top: -80px;
	left: 0px;
}

.board #files .path {
	background-color: #f2f2f2;
	border-bottom: 1px solid #dddddd;

	font-size: 20px;

	display: block;
	height: 40px;
	line-height: 40px;
}

.board #files .path:before {

	content: "\f115";
	font-family: FontAwesome;

	display: inline-block;
	margin: 0 10px;
}

.board #files .path:after {
	content: attr(data-name);

	display: inline-block;
}

.board #files .folder {
	border-bottom: 1px solid #eeeeee;
	color: #6b6b6b;

	display: block;
	height: 40px;
	line-height: 40px;
}

.board #files .folder:hover {
	text-decoration: none;
}

.board #files .folder:before {
	content: "\f07b";
	font-family: FontAwesome;

	display: inline-block;
	margin: 0 10px;
}

.board #files .folder:after {
	content: attr(data-name);
}

.board #files .file {
	border-bottom: 1px solid #eeeeee;

	display: block;
	height: 40px;
	line-height: 40px;
}

.board #files .file:before {
	content: "\f15c";
	font-family: FontAwesome;

	display: inline-block;
	margin: 0 10px;
}

.board #files .file:after {
	content: attr(data-name);
}

.board #wall {
	min-height: 400px;
	width: 500px;
}

.wall {

}

.wall .comment {
	border-bottom: 1px dotted #999999;

	margin: 30px 0;
	padding: 20px;
}

.wall .comment img {
	display: block;
	float: left;
	width: 70px;
	margin: 0;
	margin-right: 20px;
}

.wall .comment p {
	font-size: 14px;
	font-style: normal;
	font-weight: 300;

	margin: 0 0 15px 90px;
}

.wall .comment div {
	color: #333333;

	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;

	clear: both;
	margin-left: 90px;
}

.wall .comment .attachment:before {
	content: "\f0f6";
	font-family: FontAwesome;

	display: inline-block;
	margin-right: 10px;
}

.wall .comment .comment {
	border-top: 1px solid #dddddd;
	border-bottom: none;

	margin-top: 40px;
	margin-bottom: 0;
}

.wall .commentForm {
	margin: 0;
	padding: 0;
}

.wall .comment .commentForm {
	margin: 10px 0;
	margin-left: 90px;
}

.wall .commentForm textarea {
	min-height: 60px;
	width: 500px;
}

.wall .comment .commentForm textarea {
	min-height: 25px;
	width: 300px;
}

.wall .commentForm .buttons {
	text-align: right;

	padding-left: 0;
	margin: 15px 0;
	width: 500px;
}

.wall .comment .commentForm .buttons {
	padding-left: 0;
	text-align: left;
	width: auto;
}

.wall .commentForm button {
	margin: 0;
}

.board #members {
	margin-top: 60px;
	margin-right: -30px;
}

.board .board-member {
	border: 1px solid #dddddd;
	border-radius: 2px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 30px 30px 0 0;
	padding: 30px;
	width: 300px;

	vertical-align: top;
}

.board .board-member img {
	border-radius: 2px;

	display: block;
	margin: 0;
	padding: 0;
	width: 240px;
}

.board .board-member h2 {
	font-size: 25px;

	padding-bottom: 0;
}
/** end of board portal styles **/




#cart-wrapper {
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0px;
	left: 50%;
}

#cart {
	position: absolute;
	top: 250px;
	right: -590px;

	border: 1px solid #333333;
	background-color: #f0e8e4;
	display: inline-block;
	float: right;
	padding: 10px;
	padding-left: 60px;
	text-align: left;
	width: 175px;

}

#cart img {
	position: absolute;
	top: 30px;
	left: 10px;
	width: 40px;
}

#cart h3 {
}

#cart p {
}


.cart_section {
	background-color:#F0F0F0;
	
}


.cart_body h1 {
	color: #333333;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 2.75rem;
	line-height: 1.1;
	font-weight: 300;

	clear: both;

	margin: 0;
	padding: .5em 0;
}

.cart_body h2 {
	color: #333333;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.70rem;
	line-height: 1.1;
	font-weight: 300;

	clear: both;

	margin: 0;
	padding: .5em 0;
}


.cart_body h3 {
	color: #333333;

	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 2.30rem;
	line-height: 1.5;
	font-weight: 300;

	clear: both;

	margin: 0;
	padding: .5em 0;
}

/** Table Styles **/
table {
	/*border: 2px solid #999999;*/

	margin: 50px 0px;
	width: 100%;
}
table caption {
	display: none;
}

thead {
	border-bottom: 2px solid #35271F;
	text-align: left;
}

tfoot {
	border-top: 2px solid #35271F;
	text-align: left;
}
tfoot tr td {
	border: none;
	color: #35271F;
	font-weight: 700;
}

tbody {
	margin-top: 10px;
}

th {
	color: #35271F;
	font-weight: 700;
	padding: 15px 15px;
}

tbody tr {

}

tbody tr:hover {
	background-color: #f6f6f6;
}

td {
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	padding: 10px 15px;

	word-break: break-all;
	word-wrap: break-word;
}

td.description {
	max-width: 400px;
}

td.options {
	min-width: 65px;
	padding-right: 0px;
	padding-left: 0px;
}

td input.table {
	width: 100px;
}

td a img {
	display: inline;
	width: 23px;
	margin: 3px;
	vertical-align: middle;
}

.summary {
	margin: 50px 0px;
}

.summary p {
	margin: 7px 0px;
}

.summary label {
	font-weight: bold;
	display: inline-block;
	text-align: right;
	width: 110px;
	margin-right: 20px;
}

.summary label.total {
	color: #35271F;
}

span.total {
	background-color: #35271F;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	margin: 10px 0px;
}
/** end table styles **/



/** jQuery UI datepicker styles **/
.ui-datepicker.ui-widget {
	border: 1px solid #cccccc;
	border-radius: 2px;
	background-color: #ffffff;

	margin-top: 15px;

	position: relative;
}

.ui-datepicker.ui-widget:before {
	border: 11px solid transparent;
	border-bottom-color: #cccccc;

	content: "";

	display: block;
	margin: 0;
	padding: 0;
	height: 0px;
	width: 0px;

	position: absolute;
	top: -22px;
	left: 19px;
}

.ui-datepicker.ui-widget:after {
	border: 10px solid transparent;
	border-bottom-color: #ffffff;

	content: "";

	display: block;
	margin: 0;
	padding: 0;
	height: 0px;
	width: 0px;

	position: absolute;
	top: -20px;
	left: 20px;
}

.ui-datepicker .ui-datepicker-header {
	padding: 10px;
	padding-bottom: 0;
	height: 30px;
	line-height: 30px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	border: 1px solid transparent;
	border-radius: 50%;

	display: inline-block;
	float: left;
	margin-top: 5px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
	border-color: #1985A6;
	color: #1985A6;
	cursor: pointer;
	text-decoration: none;
}


.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
	content: "\f137";
	font-family: FontAwesome;
	font-size: 14px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
	display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	border: 1px solid transparent;
	border-radius: 50%;

	display: inline-block;
	float: right;
	margin-top: 5px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
	border-color: #1985A6;
	color: #1985A6;
	cursor: pointer;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
	content: "\f138";
	font-family: FontAwesome;
	font-size: 14px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
	display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
	color: #35271F;

	font-weight: 300;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
	display: inline-block;
	width: auto;
	max-width: 100px;
}

.ui-datepicker .ui-datepicker-calendar {
	margin: 0;
}

.ui-datepicker .ui-datepicker-calendar tr:hover {
	background-color: #ffffff;
}

.ui-datepicker .ui-datepicker-calendar thead th {
	padding: 0;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-calendar td {
	border: none;
	padding: 0;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	border: 1px solid #eeeeee;
	border-collapse: collapse;
	display: inline-block;
	padding: 0;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	vertical-align: top;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
	background-color: #eeeeee;
	border-color: #cccccc;
	color: #1985A6;

	text-decoration: none;
}
/** end of jQuery UI Datepicker styles **/



/** popup dialog styles **/
.ui-widget-overlay {
	background-color: rgba(255, 255, 255, 0.7);

	position: fixed;
	top: 0;
	left: 0;
	z-index: 49;

	height: 3000px;
	height: 100vh;
	width: 100%;
}

.ui-dialog {
	box-shadow: 0px 2px 10px -3px #000000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 2px;

	padding: 30px;

	z-index: 50;
}

.ui-dialog:after {
	content: " ";

	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.ui-dialog-content h2 {
	text-align: center;
}
.ui-dialog-content p {
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.ui-dialog-content div h2 {
	text-align: left;
}
.ui-dialog-content div p {
	text-align: left;
	
	margin-left: 0;
	width: auto;
}

.ui-dialog form {
	margin: 0;
	padding: 0;
}

.ui-dialog label {
	width: 150px;
}

.ui-dialog div {
	margin: 10px 0;
}

.ui-dialog .buttons {
	text-align: center;
	
	margin: 0;
	margin-top: 30px;
	padding: 0;
}

.ui-dialog-titlebar {
	display: none;
}
/** end popup dialog styles **/



/** LiveAddress styles **/
.smarty-popup {
	border: 1px solid #cccccc;
	border-radius: 2px;
	background-color: #ffffff;
	box-shadow: 		0px 2px 10px -4px #000000;


}

.smarty-popup-header {
	border-bottom: 2px solid #979AFF;
	background-color: #f5f5f5;
}

.smarty-popup-invalid-header {
	border-bottom-color: #FC2707;
	color: #333333;

	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
}

.smarty-popup-close {
	color: transparent !important;
	background-color: transparent;

	font-size: 0px;
}

.smarty-popup-close:hover {
	color: transparent !important;
	background-color: transparent;
}

.smarty-popup-close:before {
	color: #6b6b6b;

	content: "\f00d";

	font-family: FontAwesome;
	font-size: 20px;
}

.smarty-popup-close:hover:before {
	color: #21AED9;
}

.smarty-choice-list .smarty-choice {
	background-color: transparent;
	color: #6b6b6b !important;
}

.smarty-choice-list .smarty-choice:hover {
	color: #21AED9 !important;
	background-color: transparent;
}

.smarty-choice-alt {
	background-color: transparent !important;
	border-top: 1px solid #cccccc;
	box-shadow: none;
}

.smarty-choice-override:hover {
	color: #FF7A00 !important;
}

.smarty-tag-text {
	font-family: 'Open Sans', Arial, sans-serif;
}
/** end of LiveAddress styles **/



/** Footer styles **/
#footer-wrapper {
	border-top: 2px solid #f2f2f2;

	clear: both;

	margin: 30px 0;
	margin-bottom: 0;
	padding: 30px 120px;
	padding-bottom: 0;
}

footer {
	display: block;
	margin-right: -30px;
	padding: 0;
	min-height: 200px;

	text-align: center;
}

footer > div {
	display: inline-block;
	margin: 0;
	margin-right: 30px;
	padding: 0;
	width: 217.5px;

	text-align: left;
	vertical-align: top;
}

footer h4 {
	/*border-bottom: 1px solid #cccccc;*/
	background-color: #f2f2f2;
	/*color: #6b6b6b;*/
	color: #333333;

	font-size: 16px;
	font-weight: 400;

	margin: 0;
	margin-bottom: 1em;
	padding: .5em;
}

footer p {
	margin: 0;
	padding: 0;
}

footer a:link, footer a:visited, footer a:active {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0px;
	font-style: normal;
}

footer .social a:hover {
	text-decoration: none;
}

footer .social .facebook {
	color: #3b5998;
}
footer .social .facebook:hover {
	color: #1F4189;
}

footer .social .twitter {
	color: #56B4EF;
}
footer .social .twitter:hover {
	color: #216DAB;
}

footer .social .pinterest {
	color: #d62229;
}
footer .social .pinterest:hover {
	opacity: 0.8;
}

footer .social .google-plus {
	color: #DC4A38;
}
footer .social .google-plus:hover {
	color: #bf4130;
}

footer .social span {
	color: inherit;
	font-size: 33px;
	margin: 0 10px;
	text-decoration: none;
}
footer .social span:hover {
	color: inherit;
}

footer .search input {
	height: 23px;
	width: 150px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

footer .search input:focus {
	outline: none;
}

footer .search button {
	/*background-color: #FF7A00;*/
	background-color: #ffffff;
	background-image: url("/images/find.png");
	border: none;
	color: #ffffff;
	padding: 0px 5px;
	margin: 0px;
	border-radius: 2px;
	height: 25px;
	vertical-align: middle;

	font-size: 14px;
	font-weight: 400;
}
footer .search button:hover {
	background-color: #FF7A00;
	border: none;
	color: #ffffff;
}

footer .search img {
	height: 20px;
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
}

/*footer .legal {
	margin-top: 16px;
}

footer .legal p {
	font-size: 10px;
}*/
#footer-wrapper .legal {
	background-color: #6b6b6b;

	display: block;
	margin: 0 -120px;
	padding: 0 120px;
	line-height: 40px;
	height: 40px;
}

#footer-wrapper .legal p {
	color: #f2f2f2;
	font-size: 10px;
	display: inline-block;
	margin-right: 30px;
	height: 40px;
	line-height: 40px;
	width: 218px;
}

#footer-wrapper .legal p a,
#footer-wrapper .legal p a:visited,
#footer-wrapper .legal p a:hover
{
	color: #f2f2f2;
	text-decoration: underline;
}
/** end Footer styles **/



/** loading styles **/
.loading {
	min-height: 400px;

	position: fixed;
	z-index: 30;
}

.loading:before, .loading-sm:before {
	background-color: rgba(255, 255, 255, 0.7);

	content: "";

	display: block;
	height: 100%;
	width: 100%;

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

.loading:after {
	top: 200px;
}

.loading:after, .loading-sm:after {
	color: rgba(0, 0, 0, 0.5);

	content: "\f110";
	font-family: FontAwesome;
	font-size: 50px;

	display: block;

	position: absolute;
	left: 50%;
	margin-left: -25px;

	z-index: 2;

	-webkit-animation: 	webkit-spin 1.75s infinite linear;
	-moz-animation: 	moz-spin 1.75s infinite linear;
	-ms-animation: 		ms-spin 1.75s infinite linear;
	-o-animation: 		o-spin 1.75s infinite linear;
	animation: 			spin 1.75s infinite linear;
}

.loading-sm {
    position: absolute;
    z-index: 30;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
}

.loading-sm:after {
	top: 40%;
}

/** end of loading styles **/



/** Animation keyframes **/

.sample-vertical-wiggle-animation {
	-webkit-animation: vertical-wiggle 0.3s ease-in;
	-moz-animation: vertical-wiggle 0.3s ease-in;
	-o-animation: vertical-wiggle 0.3s ease-in;
	animation: vertical-wiggle 0.3s ease-in;
}

@-webkit-keyframes vertical-wiggle {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	50% {
		-webkit-transform: translateY(-.25em);
		-moz-transform: translateY(-.25em);
		-ms-transform: translateY(-.25em);
		-o-transform: translateY(-.25em);
		transform: translateY(-.25em);
	}
	75% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}
@-moz-keyframes vertical-wiggle {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	50% {
		-webkit-transform: translateY(-.25em);
		-moz-transform: translateY(-.25em);
		-ms-transform: translateY(-.25em);
		-o-transform: translateY(-.25em);
		transform: translateY(-.25em);
	}
	75% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}
@-o-keyframes vertical-wiggle {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	50% {
		-webkit-transform: translateY(-.25em);
		-moz-transform: translateY(-.25em);
		-ms-transform: translateY(-.25em);
		-o-transform: translateY(-.25em);
		transform: translateY(-.25em);
	}
	75% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes vertical-wiggle {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	25% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	50% {
		-webkit-transform: translateY(-.25em);
		-moz-transform: translateY(-.25em);
		-ms-transform: translateY(-.25em);
		-o-transform: translateY(-.25em);
		transform: translateY(-.25em);
	}
	75% {
		-webkit-transform: translateY(.25em);
		-moz-transform: translateY(.25em);
		-ms-transform: translateY(.25em);
		-o-transform: translateY(.25em);
		transform: translateY(.25em);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}


.sample-horizontal-wiggle-animation {
	-webkit-animation: horizontal-wiggle 0.3s ease-in;
	-moz-animation: horizontal-wiggle 0.3s ease-in;
	-o-animation: horizontal-wiggle 0.3s ease-in;
	animation: horizontal-wiggle 0.3s ease-in;
}

@-webkit-keyframes horizontal-wiggle {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	25% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	50% {
		-webkit-transform: translateX(-.25em);
		-moz-transform: translateX(-.25em);
		-ms-transform: translateX(-.25em);
		-o-transform: translateX(-.25em);
		transform: translateX(-.25em);
	}
	75% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@-moz-keyframes horizontal-wiggle {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	25% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	50% {
		-webkit-transform: translateX(-.25em);
		-moz-transform: translateX(-.25em);
		-ms-transform: translateX(-.25em);
		-o-transform: translateX(-.25em);
		transform: translateX(-.25em);
	}
	75% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@-o-keyframes horizontal-wiggle {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	25% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	50% {
		-webkit-transform: translateX(-.25em);
		-moz-transform: translateX(-.25em);
		-ms-transform: translateX(-.25em);
		-o-transform: translateX(-.25em);
		transform: translateX(-.25em);
	}
	75% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes horizontal-wiggle {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	25% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	50% {
		-webkit-transform: translateX(-.25em);
		-moz-transform: translateX(-.25em);
		-ms-transform: translateX(-.25em);
		-o-transform: translateX(-.25em);
		transform: translateX(-.25em);
	}
	75% {
		-webkit-transform: translateX(.25em);
		-moz-transform: translateX(.25em);
		-ms-transform: translateX(.25em);
		-o-transform: translateX(.25em);
		transform: translateX(.25em);
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}


.sample-pop-animation {
	-webkit-animation: pop 0.5s cubic-bezier(0, 1.4, 1, 1.4);
	-moz-animation: pop 0.5s cubic-bezier(0, 1.4, 1, 1.4);
	-o-animation: pop 0.5s cubic-bezier(0, 1.4, 1, 1.4);
	animation: pop 0.5s cubic-bezier(0, 1.4, 1, 1.4);
}

@-webkit-keyframes pop {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-moz-keyframes pop {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-o-keyframes pop {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pop {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}


.sample-spin-animation {
	-webkit-animation: webkit-spin 1.75s infinite linear;
	-moz-animation: moz-spin 1.75s infinite linear;
	-ms-animation: ms-spin 1.75s infinite linear;
	-o-animation: o-spin 1.75s infinite linear;
	animation: spin 1.75s infinite linear;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}
@-o-keyframes spin {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}


.sample-half-spin-animation {
	-webkit-animation: half-spin 0.75s ease-in 0s 1;
	-moz-animation: half-spin 0.75s ease-in 0s 1;
	-ms-animation: half-spin 0.75s ease-in 0s 1;
	-o-animation: half-spin 0.75s ease-in 0s 1;
	animation: half-spin 0.75s ease-in 0s 1;
}

@-webkit-keyframes half-spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(180deg);
	}
}
@-moz-keyframes half-spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(180deg);
	}
}
@-ms-keyframes half-spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(180deg);
	}
}
@-o-keyframes half-spin {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(180deg);
	}
}
@keyframes half-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(180deg);
	}
}
/** end of animation keyframes **/



/** Dashboard nav styles **/
.dashboard-title {
	color: #555555;
	
	font-size: 3rem;
	font-weight: 300;
	text-align: center;
	
	display: block;
	padding: .75em 0;
}

.dashboard-nav {
	font-size: 2rem;
	text-align: center;
	
	display: block;
	margin: 1em 0;
	padding: 0;
}

.dashboard-title + .dashboard-nav {
	margin-top: 0;
}

.dashboard-nav ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.dashboard-nav-item {
	border: 2px solid #999999;
	color: #999999;
	border-radius: 2px;
	border-radius: 50%;
	
	cursor: pointer;
	font-size: 1em;
	line-height: 2;
	text-align: center;
	
	display: inline-block;
	margin: 0 .25em;
	padding: 0;
	height: 2em;
	width: 2em;
	
	position: relative;
	
	-webkit-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-moz-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-ms-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.dashboard-nav-item:hover,
.dashboard-nav-item.selected
{
	border-color: #555555;
	color: #555555;
}

.dashboard-nav-item.disabled {
	border-color: #bbbbbb;
	color: #bbbbbb;
}

.dashboard-nav-item:after {
	color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	
	content: "\f107";
	font-family: FontAwesome;
	font-size: .8em;
	line-height: 1;
	text-align: center;
	
	display: block;
	margin: 0;
	padding: 0;
	width: 2em;
	
	position: absolute;
	top: 125%;
	left: 50%;
	margin-left: -1em;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.dashboard-nav-item.selected:after {
	opacity: 1;
}

.dashboard-container {
	opacity: 1;
	
	display: block;
	padding: 0 105px;
	height: auto;
	position: relative;
	overflow: hidden;
	
	-webkit-transition: -webkit-transform 0.5s ease-out, height 0.05s linear 0.45s, opacity 0.4s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-out, height 0.05s linear 0.45s, opacity 0.4s ease-in-out;
	-ms-transition: -ms-transform 0.5s ease-out, height 0.05s linear 0.45s, opacity 0.4s ease-in-out;
	-o-transition: -o-transform 0.5s ease-out, height 0.05s linear 0.45s, opacity 0.4s ease-in-out;
	transition: transform 0.5s ease-out, height 0.05s linear 0.45s, opacity 0.4s ease-in-out;
}

.dashboard-container.hidden {
	height: 0;
	
	opacity: 0;
	
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

/** end of dashboard nav styles **/




/** dashboard graph styles **/
.dashboard-graph {
	font-size: 1rem;
	
	box-sizing: border-box;
	display: inline-block;
	margin: 2em 1em;
	margin-bottom: 4em;
	height: 300px;
	width: 300px;
	vertical-align: top;
	
	opacity: 1;
	
	position: relative;
	
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0.4s, opacity 0.5s ease-in 0.2s;
	-moz-transition: -moz-transform 0.2s ease-in-out 0.4s, opacity 0.5s ease-in 0.2s;
	-ms-transition: -ms-transform 0.2s ease-in-out 0.4s, opacity 0.5s ease-in 0.2s;
	-o-transition: -o-transform 0.2s ease-in-out 0.4s, opacity 0.5s ease-in 0.2s;
	transition: transform 0.2s ease-in-out 0.4s, opacity 0.5s ease-in 0.2s;
}

.dashboard-graph.spotlight {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	
	padding: 0;
}

.dashboard-graph.half-col,
.dashboard-graph-numbers.half-col
{
	width: 150px;
}

.dashboard-graph.one-col,
.dashboard-graph-numbers.one-col
{
	width: 300px;
}

.dashboard-graph.two-col,
.dashboard-graph-numbers.two-col
{
	width: 600px;
	
	-webkit-transition-delay: 0.8s, 0.6s;
	-moz-transition-delay: 0.8s, 0.6s;
	-ms-transition-delay: 0.8s, 0.6s;
	-o-transition-delay: 0.8s, 0.6s;
	transition-delay: 0.8s, 0.6s;
}

.dashboard-graph.three-col,
.dashboard-graph-numbers.three-col
{
	width: 900px;
}

.hidden .dashboard-graph {
	opacity: 0;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.dashboard-graph:before {
	
	content: attr(data-graph-title);
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	text-align: center;
	
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0 .25em;
	height: auto;
	width: 100%;
	
	position: absolute;
	bottom: 100%;
	left: 0;
}

.dashboard-graph:after {
	color: #999999;
	
	content: attr(data-graph-description);
	
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	
	display: block;
	width: 100%;
	
	position: absolute;
	bottom: -2em;
	left: 0px;
}
/** end of dashboard styles **/



/** Dashboard Button Styles **/
.dashboard-links {
	margin: 20px 105px;
	margin-top: 0;
	padding: 0;
	text-align: center;
}

.dashboard-links a {
	border: 1px solid transparent;
	border-radius: 2px;
	cursor: pointer;
	font-size: 1rem;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 2em 1em;
	padding: 1em;
	width: 215px;
	text-align: left;
	vertical-align: top;

	position: relative;
	
	-webkit-transition: border-color 0.15s ease-in-out;
	-moz-transition: border-color 0.15s ease-in-out;
	-ms-transition: border-color 0.15s ease-in-out;
	-o-transition: border-color 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out;
}

.dashboard-links a:hover {
	border-color: #e0e0e0;
	text-decoration: none;
}

.dashboard-links a > .fa {
	background-color: #ffffff;
	border: 2px solid #777777;
	border-radius: 50%;
	color: #777777;
	
	font-size: 2em;
	line-height: 3em;
	text-align: center;

	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
	height: 3em;
	width: 3em;
	
	-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in;
	-moz-transition: background-color 0.15s ease-in-out, color 0.15s ease-in;
	-ms-transition: background-color 0.15s ease-in-out, color 0.15s ease-in;
	-o-transition: background-color 0.15s ease-in-out, color 0.15s ease-in;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in;
}

.dashboard-links a > h3 {
	color: #333333;
	
	font-size: 1.25em;
	font-weight: 600;
	text-align: center;
	
	display: block;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

.dashboard-links a > p {
	color: #999999;
	
	font-size: .85em;
	text-align: center;
	
	display: block;
	margin: 0;
	padding: 0;
	
	-webkit-transition: color 0.15s ease-in-out;
	-moz-transition: color 0.15s ease-in-out;
	-ms-transition: color 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
}

.dashboard-links a:hover > p {
	color: #555555;
}

.dashboard-links a > .badge {
	box-shadow: 0px 0px 0px 2px #ffffff;
	border: none;
	background-color: #FF2F05;
	color: #ffffff;
	border-radius: 50%;

	font-size: .7rem;
	font-weight: 600;
	text-align: center;
	line-height: 2rem;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
	height: 2rem;
	width: 2rem;

	position: absolute;
	top: 1rem;
	right: 3.5rem;
	z-index: 5;
	
	-webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	-moz-transition: -moz-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	-ms-transition: -ms-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	-o-transition: -o-transform 0.4s ease-in-out, opacity 0.2s ease-in;
	transition: transform 0.4s ease-in-out, opacity 0.2s ease-in;
}

.dashboard-links a > .badge.hidden {
	opacity: 0;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
}

.dashboard-links a > .badge:after {
	color: #ffffff;
}

/* Section Colors */

/* Purple */
.dashboard-links a.purple > .fa {
	border-color: #979AFF;
	color: #979AFF;
}
.dashboard-links a.purple:hover > .fa {
	background-color: #979AFF;
	color: #ffffff;
}

/* Pink */
.dashboard-links a.pink > .fa {
	border-color: #F69AB3;
	color: #F69AB3;
}
.dashboard-links a.pink:hover > .fa {
	background-color: #F69AB3;
	color: #ffffff;
}

/* Blue */
.dashboard-links a.blue > .fa {
	border-color: #21aed9;
	color: #21aed9;
}
.dashboard-links a.blue:hover > .fa {
	background-color: #21aed9;
	color: #ffffff;
}

/* Aqua */
.dashboard-links a.aqua > .fa {
	border-color: #4EDBB2;
	color: #4EDBB2;
}
.dashboard-links a.aqua:hover > .fa {
	background-color: #4EDBB2;
	color: #ffffff;
}

/* Lime */
.dashboard-links a.lime > .fa {
	border-color: #85BD32;
	color: #85BD32;
}
.dashboard-links a.lime:hover > .fa {
	background-color: #85BD32;
	color: #ffffff;
}

/* Yellow */
.dashboard-links a.yellow > .fa {
	border-color: #FFCC32;
	color: #FFCC32;
}
.dashboard-links a.yellow:hover > .fa {
	background-color: #FFCC32;
	color: #ffffff;
}

/* Orange */
.dashboard-links a.orange > .fa {
	border-color: #FE9E61;
	color: #FE9E61;
}
.dashboard-links a.orange:hover > .fa {
	background-color: #FE9E61;
	color: #ffffff;
}

/* Red */
.dashboard-links a.red > .fa {
	border-color: #FF4405;
	color: #FF4405;
}
.dashboard-links a.red:hover > .fa {
	background-color: #FF4405;
	color: #ffffff;
}

/* Navy */
.dashboard-links a.navy > .fa {
	border-color: #364f77;
	color: #364f77;
}
.dashboard-links a.navy:hover > .fa {
	background-color: #364f77;
	color: #ffffff;
}

/** end Dashboard styles **/



/** Breadcrumb Navigation styles **/
.stacked-breadcrumb-links {
	position: absolute;
	top: 170px;
	right: 120px;
	z-index: 30;

	text-align: right;
}

.stacked-breadcrumb-links a {
	color: #6b6b6b;

	display: block;
	margin: 0;
	padding-bottom: 5px;
}

.stacked-breadcrumb-links a:hover {
	color: #85BD32;
	text-decoration: none;
}

.stacked-breadcrumb-links a .fa {
	color: inherit;

	font-size: 20px;

	display: inline-block;
	margin-left: .5em;
	width: 1em;
	vertical-align: bottom;

	-webkit-transition:	color 0.15s ease-in-out;
	-moz-transition:	color 0.15s ease-in-out;
	-ms-transition:		color 0.15s ease-in-out;
	-o-transition:		color 0.15s ease-in-out;
	transition:			color 0.15s ease-in-out;
}

.stacked-breadcrumb-links a h2 {
	color: inherit;
	font-weight: 300;

	display: inline;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	vertical-align: middle;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.members .stacked-breadcrumb-links a:hover {
	color: #85BD32;
}

.inbox .stacked-breadcrumb-links a:hover {
	color: #FFCC32;
}

.calendar .stacked-breadcrumb-links a:hover {
	color: #979AFF;
}

.group-publicity .stacked-breadcrumb-links a:hover {
	color: #F69AB3;
}

.budget .stacked-breadcrumb-links a:hover {
	color: #4EDBB2;
}

.reports .stacked-breadcrumb-links a:hover {
	color: #21aed9;
}

.tour .stacked-breadcrumb-links a:hover {
	color: #FC2707;
}
/** end Breadcrumb Navigation styles **/



/** web hint styles **/
.web-hint-element {
	position: relative;
}

.web-hint-dialog {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 2px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	
	cursor: default;
	
	font-size: 1rem;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	margin: 0;
	padding: 2em;
	height: 350px;
	width: 500px;
	
	position: fixed;
	bottom: auto;
	right: auto;
	top: 10%;
	left: 50%;
	margin-left: -250px;
	z-index: 30;
}

.web-hint-dialog[data-size='small'] {
	height: 225px;
	width: 500px;
}

.web-hint-dialog[data-size='medium'] {
	height: 350px;
	width: 500px;
}

.web-hint-dialog.open {
	display: block;
}



/*
* Dialog direction
*/
.web-hint-dialog[data-dialog-direction] {
	margin: 0;
	
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
}

.web-hint-dialog[data-dialog-direction="top"] {
	bottom: 100%;
	margin-bottom: 20px;
}

.web-hint-dialog[data-dialog-direction="right"] {
	left: 100%;
	margin-left: 40px;
}

.web-hint-dialog[data-dialog-direction="bottom"] {
	top: 100%;
	margin-top: 20px;
}

.web-hint-dialog[data-dialog-direction="left"] {
	right: 100%;
	margin-right: 40px;
}






/*
* Dialog edge
*/
.web-hint-dialog[data-dialog-edge="top"] {
	top: 0px;
}

.web-hint-dialog[data-dialog-edge="right"] {
	right: 0px;
}

.web-hint-dialog[data-dialog-edge="bottom"] {
	bottom: 0px;
}

.web-hint-dialog[data-dialog-edge="left"] {
	left: 0px;
}

/** horizontally center **/
.web-hint-dialog[data-dialog-edge="center"][data-dialog-direction="top"],
.web-hint-dialog[data-dialog-edge="center"][data-dialog-direction="bottom"]
{
	left: 50%;
	margin-left: -250px;
}

/** vertically center **/
.web-hint-dialog[data-dialog-edge="center"][data-dialog-direction="right"][data-size="small"],
.web-hint-dialog[data-dialog-edge="center"][data-dialog-direction="left"][data-size="small"]
{
	top: 50%;
	margin-top: -112.5px;
}

.web-hint-dialog[data-dialog-edge="center"][data-dialog-direction="right"][data-size="medium"],
.web-hint-dialog[data-dialog-edge="center"][data-dialog-direction="left"][data-size="medium"]
{
	top: 50%;
	margin-top: -175px
}





/*
* arrow direction
*/
.web-hint-dialog[data-arrow-direction]:before,
.web-hint-dialog[data-arrow-direction]:after
{
	border: 20px solid transparent;
	
	content: "";
	
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
}

.web-hint-dialog[data-arrow-direction="top"]:before {
	border-bottom-color: #bbbbbb;
	
	top: -40px;
}

.web-hint-dialog[data-arrow-direction="top"]:after {
	border-bottom-color: #ffffff;
	
	top: -39px;
}

.web-hint-dialog[data-arrow-direction="right"]:before {
	border-left-color: #bbbbbb;
	
	right: -40px;
}

.web-hint-dialog[data-arrow-direction="right"]:after {
	border-left-color: #ffffff;
	
	right: -39px;
}

.web-hint-dialog[data-arrow-direction="bottom"]:before {
	border-top-color: #bbbbbb;
	
	bottom: -40px;
}

.web-hint-dialog[data-arrow-direction="bottom"]:after {
	border-top-color: #ffffff;
	
	bottom: -39px;
}

.web-hint-dialog[data-arrow-direction="left"]:before {
	border-right-color: #bbbbbb;
	
	left: -40px;
}

.web-hint-dialog[data-arrow-direction="left"]:after {
	border-right-color: #ffffff;
	
	left: -39px;
}






/*
* arrow edge
*/

.web-hint-dialog[data-arrow-edge] {
}


.web-hint-dialog[data-arrow-edge="top"]:before,
.web-hint-dialog[data-arrow-edge="top"]:after
{
	top: 10px;
}

.web-hint-dialog[data-arrow-edge="right"]:before,
.web-hint-dialog[data-arrow-edge="right"]:after
{
	right: 10px;
}

.web-hint-dialog[data-arrow-edge="bottom"]:before,
.web-hint-dialog[data-arrow-edge="bottom"]:after
{
	bottom: 10px;
}

.web-hint-dialog[data-arrow-edge="left"]:before,
.web-hint-dialog[data-arrow-edge="left"]:after
{
	left: 10px;
}

/** horizontally center **/
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="top"]:before,
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="top"]:after,
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="bottom"]:before,
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="bottom"]:after
{
	left: 50%;
	margin-left: -20px;
}

/** vertically center **/
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="right"]:before,
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="right"]:after,
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="left"]:before,
.web-hint-dialog[data-arrow-edge="center"][data-arrow-direction="left"]:after
{
	top: 50%;
	margin-top: -20px;
}




.web-hint-dialog h2 {
	color: #333333;
	
	font-size: 1.25em;
	font-weight: 600;
	text-align: center;
	
	display: block;
	margin: 0;
	margin-bottom: 1.6em;
	padding: 0;
}

.web-hint-dialog p {
	color: #777777;
	
	font-size: 1em;
	line-height: 1.4;
	text-align: left;
}

/*.web-hint-dialog .buttons {
	background-color: #ffffff;
	
	text-align: right;
	
	display: block;
	margin: 0;
	padding: 0 2em 2em 0;
	
	position: absolute;
	right: 0;
	bottom: 0;
}*/

.web-hint-dialog .buttons {
	background-color: #ffffff;
	text-align: right;
	margin-top: -25px;
	
}

.web-hint-dialog .web-hint-previous {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #777777;
}

.web-hint-dialog .web-hint-previous:hover {
	border-color: #999999;
	background-color: #ffffff;
	color: #555555;
}

.web-hint-dialog .web-hint-previous:before {
	content: "\f191";
}

.web-hint-dialog .web-hint-next {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #777777;
}

.web-hint-dialog .web-hint-next:hover {
	border-color: #999999;
	background-color: #ffffff;
	color: #555555;
}

.web-hint-dialog .web-hint-next:before {
	content: "\f152";
}

.web-hint-dialog .web-hint-hide {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #777777;
}

.web-hint-dialog .web-hint-hide:hover {
	border-color: #999999;
	background-color: #ffffff;
	color: #555555;
}

.web-hint-dialog .web-hint-hide:before {
	content: "\f070";
}

.web-hint-dialog .web-hint-done {
	background-color: #21aed9;
	color: #ffffff;
}

.web-hint-dialog .web-hint-done:hover {
	background-color: #1985A6;
}

.web-hint-dialog .web-hint-done:before {
	content: "\f00d";
}
/** end of web hint styles **/



/** mini dashboard styles **/
.group-publicity aside {
	background-color: #f8f8f8;
	border: 1px solid #cccccc;
	border-top-right-radius: .25em;
	border-bottom-right-radius: .25em;
	border-left: none;

	display: block;
	margin: 0;
	padding: 1em;
	width: 220px;

	position: fixed;
	top: 30%;
	left: 0px;
	z-index: 30;
}

.group-publicity aside a {
	border-radius: .25em;
	color: #333333;
	
	text-decoration: none;
	
	display: block;
	margin: .5em;
	padding: .5em;

	position: relative;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.group-publicity aside .icon {
	border: 2px solid #F69AB3;
	border-radius: 50%;
	color: #F69AB3;
	
	font-size: 1em;
	line-height: 2;
	text-align: center;

	display: inline-block;
	margin: 0;
	margin-right: .75em;
	padding: 0;
	height: 2em;
	width: 2em;
}

.group-publicity aside a:hover {
	background-color: rgba(0, 0, 0, 0.075);
	
	text-decoration: none;
}
/** end of mini dashboard styles **/



/** Standard Progress Bar styles **/
#progressContainer {
	margin: 50px 0;
	text-align: center;
}

#progressContainer > div {
	display: inline-block;
	margin: 0 5px;
	padding: 10px 15px;
}

#progressContainer > div.completed {
	border: none;
	background-color: #dae5da;
	opacity: 0.75;
}

#progressContainer > div.active {
	border: 1px solid #738ce5;
	background-color: #cfd3e5 ;
	color: #444444;
}

#progressContainer > div.pending {
	background-color: #e5e1cf;
	opacity: 0.75;

}

#progressContainer > div p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#progressContainer > div p.step {
	font-weight: bold;
}
/** end Standard Progress Bar styles **/



/** Feedback Collection styles **/
#feedback-link {
	box-shadow: 		-1px 1px 4px -1px rgba(0, 0, 0, 0.2);

	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-top: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom-left-radius: 2px;
	color: #21aed9;

	cursor: pointer;
	padding: 5px 10px;

	position: fixed;
	top: 0px;
	right: 50%;
	margin-right: -600px;
	z-index: 39;
}
#feedback-link:hover {
	text-decoration: none;
}

#feedback-link p {
	font-size: 12px;
	line-height: 1.2em;

	margin: 0;
	padding: 0;
}

#feedback-dialog {
	box-shadow: 		0px 0px 10px rgba(0, 0, 0, 0.4);

	border-radius: 2px;
	background-color: #ffffff;
	border: 1px solid #cccccc;

	display: none;
	height: 260px;
	margin: -130px 0 0 -250px;
	padding: 30px;
	width: 500px;

	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 50;
}

#feedback-dialog h2 {
	padding-top: 0;
}

#feedback-dialog form {
	margin: 0;
	padding: 0;
}

#feedback-dialog textarea {
	width: 100%;
}

#feedback-dialog .buttons {
	display: block;
	margin: 0;
	margin-top: 30px;
	padding: 0;
	text-align: right;
}
/** end of Feedback Collection styles **/



/** subscribed notification styles **/
#not-subscribed,
#subscribed
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 2px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);

	display: none;
	padding: 30px;
	height: 300px;
	width: 420px;

	position: fixed;
	top: 50%;
	margin-top: -100px;
	left: 50%;
	margin-left: -200px;
	z-index: 50;
}

#not-subscribed button {
	margin-left: 20px;
}

#not-subscribed .overlay,
#subscribed .overlay
{
	background-color: rgba(255, 255, 255, 0.5);

	content: " ";

	display: block;
	height: 100%;
	width: 100%;

	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}
/** end of subscribed notification styles **/



/** comment saved notification styles **/
#not-saved,
#saved
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 2px;
	box-shadow: 		0px 0px 10px rgba(0, 0, 0, 0.4);

	display: none;
	padding: 30px;
	height: 200px;
	width: 400px;

	position: fixed;
	top: 50%;
	margin-top: -75px;
	left: 50%;
	margin-left: -200px;
	z-index: 50;
}
#not-saved .overlay,
#saved .overlay
{
	background-color: rgba(255, 255, 255, 0.5);

	content: " ";

	display: block;
	height: 100%;
	width: 100%;

	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}

#not-saved h2 {
	font-size: 1.4em;
	text-align: center;
	
	padding: 2em 0;
}

#not-saved p {
	font-size: 0.8em;
	text-align: center;
	
	margin: 0;
	margin-bottom: 1em;
}
/** end of comment saved notification styles **/



/** live help styles **/
#craftysyntax {
	position: fixed;
	bottom: 0;
	right: 0;
}
/** end of live help styles **/



/** address verification styles **/
body.no-address-check .smarty-tag {
	display: none !important;
}

body.no-address-autocomplete .smarty-autocomplete {
	display: none !important;
}
/** end of address verification styles **/


/** dupe-checker styles **/
.dupe-buttons 
{
	width:auto;
	margin-left:0px !important;
	padding-left:0px !important;
}
#dupe_no
{
	margin-right:10px;
}
#dupe_yes
{
	margin-left:10px;
}
/** end of dupe-checker styles **/

/** Random spacing classes **/
.margin-left-10
{
	margin-left:10px;
}


/** Facebook link account form styles **/
.facebook .row {
	border: 1px solid #cccccc;
	margin: 60px auto;
	padding: 30px;
	width: 600px;
}

.facebook h1 {
	color: #1c2a47;
	border-bottom: 1px solid #cccccc;

	font-size: 20px;
	font-weight: 700;

	padding-bottom: .5em;
	margin-bottom: 1em;
}

.facebook label {
	width: 100px;
}

.facebook input {
	border-color: #bdc7d8;

	width: 150px;
}

.facebook .buttons {
	margin: 0;
	margin-left: 130px;
	padding: 0;
	text-align: left;
}

.facebook button.save {
	background-color: #5b74a8;
	border-color: #29447e;

}

.facebook .profile {
	margin-left: 130px;
}

.facebook .profile img {
	vertical-align: middle;
}

.facebook .profile a {
	color: #3b5998;

	font-size: 12px;
	font-weight: 700;

	vertical-align: middle;
}
/** end of Facebook link account form styles **/



/** Styles for the Google site search **/
#___gcse_0 .gsc-search-box,
#___gcse_0 .gstl_0,
#___gcse_0 .gssb_c,
#___gcse_0 table,
#___gcse_0 .gsc-search-box thead,
#___gcse_0 .gsc-search-box th,
#___gcse_0 .gsc-search-box tbody,
#___gcse_0 .gsc-search-box tr,
#___gcse_0 .gsc-search-box tr:hover,
#___gcse_0 .gsc-search-box td,
#___gcse_0 .gsc-search-box .gsc-input,
#___gcse_0 .gsc-completion-container,
#___gcse_0 .gsc-search-box .gsib_a .gsib_b .gstl_0
{
	margin: 0px;
	padding: 0px;
	border: none;
	outline: 0px;

	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;

	vertical-align: baseline;
	background: transparent;
}

#___gcse_0 td.gsc-search-button {
	border: none;

	padding: 0;
	width: 30px;

	position: relative;
}
#___gcse_0 td.gsc-search-button:before {
	color: #fe9d44;

	cursor: pointer;
	content: "\f041";

	font-family: FontAwesome;

	position: absolute;
	top: 5px;
	left: 10px;
}
#___gcse_0:hover td.gsc-search-button:before {
	color: #FF7A00;
}

#___gcse_0 input.gsc-search-button {
	border-radius: 0px;
	border: none;
	color: #ffffff;

	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	vertical-align: middle;

	opacity: 0;
}

.gsc-result {
	margin: 0 120px;
}

#google_translate_element {
	margin-top: 10px;
}

#google_translate_element img {
	margin: 0;
	padding: 0;
}

#google_translate_element a,
#google_translate_element a:hover
{
	text-decoration: none;
}

.membership-tier-item-switcher .membership-item-switcher-choice
{
	line-height: 27px;
	display:inline-block;

	margin:0px;
	width:90px;
	padding:10px;
}

.membership-tier-item-switcher .membership-item-switcher-choice .description
{
	line-height: 15px;
	display:inline-block;
	font-weight: bold;
}

.toggle-input {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #e8eae9;
    outline: 0;
    display: inline-block;
    width: 60px;
    height: 30px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    margin: 5px auto 5px auto;
}

.toggle-input.checked {
	background: #86d993;
}

.toggle-input span {
	border-radius: 2em;
    background: #fbfbfb;
    -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
	left: 0;
	position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.toggle-input:active {
	box-shadow: inset 0 0 0 2em #e8eae9;
}

.toggle-input:active span {
	padding-right: .8em;
}

.toggle-input.checked span {
	left: 50%;
}

.toggle-input.checked:active span {
	margin-left: -.8em;
}

.toggle-input span:hover {
    will-change: padding;
}
.recurringInput {
	color: black;
	text-align: center;
	padding: 15px 30px 15px 30px;
}
.recurring_fee_label {
	font-weight: 400;
}
.reccuring {
   background-color: #EFE9E0;
}
.paymentDetails {
	font-weight: 700;
	font-family:'Open Sans', Arial, sans-serif;
	font-size: 18px;
}

.renewalButton {
	background-color: #364f77;
    border: 2px solid #777777;
    border-radius: 50%;
    color: #777777;
    font-size: 4em;
    line-height: 3em;
    text-align: center;
    display: block;
    margin-bottom: 2em;
    height: 3em;
    width: 3em;
}
.renewalButton .fa {
   /* border-color: #364f77;*/
    color: white;
}
/** Print Stylesheet **/
@media print {
	@page {
		margin: .5cm;
	}
	
	body {
		background-color: #ffffff;
		color: #555555;
	}
	
	#container {
		width: 1200px;
	}
	
	/** header styles **/
	
	#header-wrapper {
		border-bottom: 1px solid #cccccc;
	
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	#header-wrapper .selector,
	#header-wrapper #blog-nav,
	#header-wrapper #leader-nav,
	#header-wrapper .lower-nav,
	#header-wrapper .groupsearch,
	#header-wrapper .login
	{
		display: none !important;
	}
	/** end of header styles **/
	
	
	
	/** article styles **/
	article .info,
	article .tags,
	article .comments,
	.blog aside,
	.leader aside
	{
		display: none !important;
	}
	/** end of article styles **/
	
	

	/** Group Mangement styles **/
	#breadcrumb,
	#filters
	{
		display: none !important;
	}
	/** end of Group Management styles **/


	
	/** footer styles **/
	footer {
		display: none !important;
	}
	/** end of footer styles **/
	
	
	
	#address {
		float: right;
		margin-bottom: 20px;
	}
	
	.summary {
		margin: 50px 0px;
	}
	
	.summary p {
		margin: 7px 0px;
	}
	
	.summary label {
		font-weight: bold;
		display: inline-block;
		text-align: right;
		width: 110px;
		margin-right: 20px;
	}
	
	.summary label.total {
		color: #35271F;
	}
	
	span.total {
		background-color: #35271F;
		color: #ffffff;
		font-weight: bold;
		padding: 5px;
		margin: 10px 0px;
	}
	
	/* Table Styles */
	
	table {
		clear: both;
		margin: 0px 0px;
		width: 100%;
	}
	table caption {
		display: none;
	}
	
	thead {
		border-bottom: 2px #35271F solid;
		text-align: left;
	}
	
	tbody {
		margin-top: 10px;
	}
	
	th {
		color: #35271F;
		font-weight: bold;
		padding: 15px 15px;
	}
	
	tbody tr {
	
	}
	
	tbody tr:hover {
		background-color: #f0e8e4;
	}
	
	td {
		border-top: 1px #aaaaaa solid;
		border-bottom: 1px #aaaaaa solid;
		/*padding: 10px 15px;*/
	}
	
	td input.table {
		width: 100px;
	}
	
	table a img {
		height: 25px;
		margin: 0px 5px;
		vertical-align: middle;
	}
	
	.noPrint,
	.no-print,
	input
	{
		display: none !important;
	}
}
/** end of Print Stylesheet **/



/** Tablet stylesheet **/
@media only screen and (max-device-width: 768px) and (min-device-width: 480px) {

}
/** end of Tablet stylesheet **/



/** Mobile stylesheet **/
@media only screen and (max-device-width: 480px) {

	#container {
		position: relative;
	}

	.mom.article aside,
	.blog aside,
	.leader aside
	{
		position: absolute;
		right: 0;
		top: 240px;
	}

}
/** end of Mobile stylesheet **/