body
{
	color: #333333;
	font-family:'Aspira W01 Regular', Arial, sans-serif;
}

.page-master a,
.page-master #loginInfo a
{
	color: #2857c1;
}

a:hover 
{
	color: #3996d0;
}

html body.page-master 
{
	background-color: white;
}

/* Header and Menu */

.page-master #page-nav, #page-header {
	background-color: transparent;
}
.page-master #page-nav {
	position: static;
	box-shadow: none;
}

.page-master #page-nav .main-grid {
	background-color: #2857c1;
}
.page-master #page-nav .w-menu {
	float: none;
	display: inline-block;
}

.page-master #page-nav .k-menu {
	margin-left: 0;
}

.page-master .w-menu .k-item {
	z-index: 10002!important;
}

.page-master .w-menu .k-group.k-menu-group {
	opacity: 0.95;
	background-color: #2857c1;
}

.w-menu .k-state-selected, .w-menu .k-state-selected:link,
.w-menu .k-state-hover, 
.w-menu .k-state-hover:hover,
.page-master #page-nav .k-menu>.k-state-hover, 
.page-master #page-nav .k-menu>.k-state-active, 
.page-master #page-nav .k-menu>.k-state-focused, 
.page-master #page-nav .k-menu>.k-item>.k-link.k-state-hover,
.page-master #page-nav .k-menu>.k-item>.k-link.k-state-active, 
.page-master #page-nav .k-menu>.k-item>.k-link.k-state-focused,
.w-menu .k-menu .k-state-active {
	background-color: transparent;
}

.page-master .w-menu .k-link {
	color: #fff;
}

.page-master .w-menu .k-menu .k-item>.k-link, 
.page-dialog .w-menu .k-menu .k-item>.k-link {
	padding: .5em .8em;
	transition: all 0.2s ease-in-out;
}

.page-master .w-menu .k-menu .k-item>.k-link:hover, 
.page-dialog .w-menu .k-menu .k-item>.k-link:hover {
	background-color: #7793D2;
}

.w-menu .k-icon.k-i-arrow-s {
	display: none;
}

#page-nav .w-inbox,
#page-nav .w-user {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-size: 80%;
	transition: all 0.2s ease-in-out;
	margin-right: .25em;
}

#page-nav .w-user:hover, 
#page-nav .w-user.is-selected,
#page-nav .w-inbox:hover, 
#page-nav .w-inbox.is-selected {
	background-color: #7793D2;
}

#page-nav .w-menu-small .w-menu-button {
	float: right;
	margin-bottom: 0;
	margin-right: 0;
	width: 40px;
	height: 40px;
	background-image: url("/shared/images/theme/default/menu.png");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}



@media (max-width: 700px) {
	.w-menu .w-menu-small {
		display: block;
		position: relative;
		right: 0;
		top: 0;
		margin-top: 0;
	}
	.page-master #page-nav .w-menu {
		display: block;
	}
	.k-mobile .page-master #page-header, 
	.k-mobile .page-master #page-nav {
		position: static;
	}
}


/* Main content area */
#content 
{
	width: 100%;
	padding: 10px;
}

#viewport_with_shadow
{
	width: 824px;
	margin: 0px auto;
}

.viewport 
{
	width: 800px;
	background-color: #ffffff;
}


#header {
	background-color:white;
    background-image:url('/mychristiancare/App_Themes/CCM/Images/header.jpg');
	background-repeat: no-repeat;
	height:350px;
	width:100%;
	position: relative;
	background-repeat:no-repeat;
	
	/*background-position:center 100px;
	background-attachment: fixed;*/
}

.ChallengeCommandLink,
.ChallengeCommandLink:link,
.ChallengeCommandLink:visited
{
}

.ChallengeCommandLink:hover 
{
}

.ChallengeIcon 
{
}

/*************************************************
 * Language selected
 *************************************************/
.LanguageSelector_Container
{
	font-family:"Aspira W01 Regular" , Arial, sans-serif;
	text-align: left;
	padding: 10px;
	position: absolute;
}

.LanguageSelector_Container a 
{
	color: #c0e7ff;
	text-decoration: none;
}

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

/*************************************************
 * Menus
 *************************************************/

/* Horizontal Menu */
#menuH_row td:first-child
{
	background-color: #444 !important;
}

/* fonts */
.menuV .rpLink,
.menuV .rpTemplate,
.login .label,
.login a,
#sideControls
{
	font-family:"Aspira W01 Regular" , Arial, sans-serif;
	font-size:12px;
	font-weight:400;
	color: #333;
}

#menuH .rmText,
.menuV .rpLink
{
	line-height: 22px;
}

/* Sub menu */
#menuH .rmGroup 
{
	background: #2857c1;
}

/* Focused style */
#menuH .rmFocused .rmText,
.menuV .rpSelected .rpText,
.login .label,
/* Hover style */
#menuH .rmItem:hover, 
#menuH .rmLink:hover, 
#menuH .rmText:hover,
.menuV .rpItem:hover, 
.menuV .rpLink:hover, 
.menuV .rpText:hover
{
	color: #fff;
}

.menuV .rpSelected .rpText,
.menuV .rpText:hover
{
	color: #2857c1;
}
/* -- end top menu styles -- */

.ImgOpaque {
	opacity: .4;
	filter: alpha(opacity=40);
}


/***********************************
************************************
*** New fun CCM stuff! Yaaaaaay! ***
************************************
***********************************/
.page-master {
	font-family:'Aspira W01 Regular', Arial, sans-serif;
	padding:0;
}
.page-master p {
	font-family:'Aspira W01 Regular', Arial, sans-serif;
}



.page-master #menuH .rmText {
	color:#fff;
	font-family:"Aspira W01 Regular" , Arial, sans-serif;
	font-size:16px;
	font-weight:400;
}

.page-master .menuH .rmHorizontal .rmSlide {
	
}

.page-master .menuH .rmGroup {
	border:none;
	opacity:0.95;
	background-color:#16316d;
}

.page-master #menuH
{
	height: 40px;
	background-color: #2857c1;
}

.page-master .RadMenu .rmGroup .rmText,
.page-master .rmItem,
.page-master .RadMenu ul.rmGroup {
	margin:0;
	padding:0;
}
.page-master .menuH .rmGroup .rmItem {
	padding:10px 20px 2px 20px;
	background-color: #2857c1;
	border-bottom: 1px solid #425B91;
	opacity:1;

	transition:all 0.2s ease-in-out;
}

.page-master .rmItem {
	height: 32px;
	padding-top: 8px;

	transition:all 0.2s ease-in-out;
}

.page-master .rmItem:hover,
.page-master .menuH .rmGroup .rmItem:hover {
	background-color: #7793D2;
}

.page-master .RadDock .rdContent {
	font-family:'Aspira W01 Regular', Arial, Sans-serif;
}

.page-master .menuH a.askaninja .rmText,
.page-master #menuH a.askaninja .rmText {
	color:white!important;
	font-family:'Aspira W01 Bold', Arial, sans-serif!important;
	font-size:16px!important;
}

.page-master .validic-button {
	background-color:#2857c1;
}
.page-master .validic-button:hover {
	background-color:#1846AD;
}

.w-menu-menu.k-menu.k-menu-horizontal {
	border: 0;
}

/**** Top Nav Stuff ****/

.navMenu div {
	display: inline-block;
}

.headerSpacing {
	margin-top:0;
}

#topNavigation {
	background-color:white;
	box-shadow:0 5px 25px rgba(0,0,0,0.1);
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:7010;
}

.navMenu {
	text-align: center;
	display: table;
	position: relative;
	list-style:none;
	list-style-image:none;
	width:100%;

	padding-left:0;
	margin:0;
	padding:0;
}
.navMenu li {
	display:table-cell;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

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

.page-master .logoLink {
	margin-top: 0;
	height: auto;
	padding: 0;
	white-space: nowrap;
	vertical-align: middle;
	box-sizing: border-box;
	display: inline-block;
}
.navMenu div a {
	display:block;
	box-sizing:border-box;
	margin-top: 0;
	padding: 41.5px 14px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .15em;

	transition:all 0.05s ease-in-out;
}

span.link-subtitle {
	display: block;
	letter-spacing: 0;
	font-size: 12px;
	font-weight:400;
	padding:5px 0;
}

.navMenu .logo {
	max-width: 210px;
}

.navMenu .member,
.navMenu .ourministry,
.navMenu .medishare,
.navMenu .prayerstream {
	width: calc((100% - 210px) / 4);
}

@media (max-width: 875px) {
	.navMenu .member,
	.navMenu .ourministry,
	.navMenu .medishare,
	.navMenu .prayerstream {
		width: 50%;
	}

	.navMenu div a {
		padding: 5px 5px;
	}
	.navMenu .logo {
		display: block;
	}

	.navMenu .logo {
		max-width: 125px;
		display: block;
		margin: 0 auto;
	}
}


.page-master .navMenu .member a,
.page-master .navMenu .ourministry a,
.page-master .navMenu .medishare a,
.page-master .navMenu .prayerstream a{
	/*color:#1F4497;
	border-top:5px solid #1F4497;*/
	color:#1f4497;
	background-color:#fff;
	text-transform: uppercase;
}.page-master .navMenu .member a:hover,
.page-master .navMenu .ourministry a:hover,
.page-master .navMenu .medishare a:hover,
.page-master .navMenu .prayerstream a:hover {
	background-color:#ecf1fb;
}

/*.page-master .navMenu .medishare a {
	color:#78A22F;
	border-top:5px solid #78A22F;
}.page-master .navMenu .medishare a:hover {
	color:#A1BC6F;
	border-top:5px solid #A1BC6F;
}*/
/*
.page-master .navMenu .prayerstream a {
	color:#2857c1;*/
	/*border-top:5px solid #2857c1;*/
/*
}.page-master .navMenu .prayerstream a:hover {
	color:#5698D2;
}

.page-master .navMenu .carestream a {
	color:#C41230;*/
	/*border-top:5px solid #C41230;*/
	/*
}.page-master .navMenu .carestream a:hover {
	color:#D76C62;
}

.page-master .navMenu .tradestream a {
	color:#004990;*/
	/*border-top:5px solid #004990;*/
	/*
}.page-master .navMenu .tradestream a:hover {
	color:#5989B7;
}*/

.RadDock .widgetBox .content,
.RadDock .widgetBox .t,
.RadDock .widgetBox .b,
.RadDock .widgetBox .b div {
	background-image:url('/mychristiancare/App_Themes/CCM/Images/boxFix.png');
}





/**** Dashboard Widgets ***/

.page-master .dashboardWidget {
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	border-radius: 0;
	border-top: 1px solid rgba(0,0,0,0.15);
	border-left: 1px solid rgba(0,0,0,0.15);
}

html .dashboardWidget .widget-header {
	border-bottom: 1px solid #2857c1;
	color: #2857c1;
}

img.bannerimg {
	width: 100%;
}

html body.page-master {
	margin-top: 101px;
}

@media (max-width: 875px) {
	html body.page-master {
		margin-top: 90px!important;
	}
}

/*** Banner Image ---depricated--- ***

.main-grid.bannerBackground {
	background-image: url('/mychristiancare/App_Themes/CCM/Images/header.jpg');
	background-size: 100%;
	height: 350px;
}

@media (max-width: 1035px) {
	.main-grid.bannerBackground {
		height: 34.35vw;
	}
}

** banner text styles **

.bannerText {
	width: 55%;
	display: block;
	float: right;
	margin-right: 2em;
	margin-top: 2.87em;
}
.bannerText h1 {
	font-size: 4em;
	letter-spacing: .1em;
    color:#565656;
    margin-bottom: 0;
}
.bannerText p {
    color: #8B8B8B;
    font-size: 1.125em;
    letter-spacing: .0625em;
    line-height: 1.8125em;
}
.bannerText .btQuote {
    font-size: 1em;
    float: right;
    color: #8b8b8b;
}

@media (max-width: 1020px) {
	.bannerText {
		font-size: .9em;
	}
}

@media (max-width: 875px) {
	.bannerText {
		font-size: .7em;
	}
}

@media (max-width: 675px) {
	.bannerText {
		font-size: .55em;
	}
}

@media (max-width: 600px) {
	.bannerText {
		font-size: .4em;
	}
}

@media (max-width: 390px) {
	.bannerText {
		font-size: .3em;
	}
}

***/

.bannerText {
	display:none;
}

/*** New additions ***/

#page-nav .w-menu-full {
    display:none;
}

.page-master #page-nav .main-grid {
    background-color: #2857c1;
    clear:both;
    overflow:hidden;
}

#page-nav .w-menu-small {
    display: inline-block;
}

.page-master #page-nav .main-grid .w-menu {
    display:inline-block;
    float:right;
}

#page-nav .main-grid .w-inbox, 
#page-nav .main-grid .w-user,
#page-nav .main-grid .w-menu-button {
    margin: 4px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-size: 80%;
    transition: all 0.2s ease-in-out;
    margin-right: .25em;
    float: right;
    display: inline-block;
    border-radius:5px;
}


#page-nav .w-language {
    display: none;
}

.page-master .w-menu-popup {
    max-width: 100%;
    width: auto;
}


.page-master #page-nav .w-menu-small .w-menu-button {
    background-image: url("/shared/Templates/leapfrog/images/menu/menu-white.png");
    cursor: pointer;
}
.page-master #page-nav .w-menu-small .w-menu-button:hover {
    background-color: #7793D2;
}

@media (min-width:700px) {
    .w-menu-popup .k-panelbar>.k-item>.k-header {
        font-size: 1em;
        line-height: 2em;
        padding: 0 2em 0 1em;
    }
    .w-menu-popup .k-panel>.k-item>.k-link {
        font-size: 1em;
        line-height: 2em;
        padding: 0 2em 0 1.2em;
    }

}


/*** bxslider tweaks ***/

.page-master .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #8d97a5;
}

.page-master .bx-wrapper .bx-pager.bx-default-pager a:hover,
.page-master .bx-wrapper .bx-pager.bx-default-pager a.active  {
    background-color: #2857c1;
}

.page-master .bxslider li>img {
    margin: 0 auto;
}

.page-master .bx-wrapper .bx-viewport {
    border: none;
    left: 0;
    background: transparent;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
    border-radius: 0;
    border-top: 1px solid rgba(0,0,0,0.15);
    border-left: 1px solid rgba(0,0,0,0.15);
}

.page-master .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 7px;
    border: 2px solid #fff;
}

.page-master .bx-wrapper .bx-pager, 
.page-master .bx-wrapper .bx-controls-auto {
    bottom: 0;
}

.page-master .bx-wrapper {
    margin: 0 auto;
}

.menuWS {
    cursor: pointer;
}

.menuWS,
.menuCM,
.menuWelcome {
    display:inline-block;
    min-height: 52px;
    text-align: center;
    line-height: 52px;
    color: #fff;
    padding: 0 15px;
    font-size: 20px;
    font-weight: 400;
}

.menuWS {
    background-color: #00aeef;
}

.menuCM {
    padding-left: 45px;
    background-repeat: no-repeat;
    background-image: url('/shared/Templates/leapfrog/images/icons/horn.png');
    background-size: 25px;
    background-position: 10px 50%;
    line-height: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: auto;
}

.page-master #page-nav .main-grid.announcebar {
	background-color: #c50e31;
	text-align: center;
}

@media (max-width: 700px) {
    .menuWS,
    .menuCM,
    .menuWelcome {
        font-size: 12px;
    }
}


/*** Responsive Tiles ***/

#page-content .w-content>a>img {
	max-width:100%;
}

.bxslider li>img {
    width:100%;
}

.bxslider.sliderbanner img {
    width: 100%;
}

.bxslider.sliderbanner p {
    margin:0!important;
}

/*** IE Fixes ***/

.k-ie .logoLink img {
	width:100%;
}

.navMenu .member, .navMenu .ourministry, 
.navMenu .medishare, .navMenu .prayerstream {
	width: calc((100% - 230px) /4);
}