/*Contents 
1 Main Page 
2 Nav Bar  / Header
3 Fonts and globals 
4 Call Box Page
5 patient Pursuit
6 PDF containers
7 Sevice Hook
8 media queries 800//700//600//400
*/

/*Main page*/
.mainContainer{
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 10%;
	background-color: #eaede9;
}

.mainLogo{
	display: inline-block;
    height: 30px;
    max-width: 270px;
}
.mainSubDiv{
	margin-top: 5%;
	margin-bottom: 5%;
	background-color: white;
	padding: 1%;
}
.mainSubTitle{
	display: inline-block;
}
.mainNavBtn{
	background-color: #10ad74;
	color: white;
	font-weight: bold;
	padding: 1%;
	border-radius: 5px;
	border-style: none;
}
.mainUpdates{
	display: inline;
	float: right;
	padding-right: 25%;

}
/*Top Bar*/
.top-bar { 
	display: block; top: 0px; left: 0px; width: 100%; box-sizing: border-box;  
	font-size: 0px; z-index: 5;
}

.top-bar-left { display: inline-block; vertical-align: middle; width: 40%; width: calc(220px - 0%); text-align: left; }
.nav-home-btn {
	display: inline-block; padding: 8px 15px;
}
.nav-home-btn img { display: block; width: 160px; }

.top-bar-right { position: relative; display: inline-block; vertical-align: middle; width: 60%; text-align: right; width: calc(100% - 220px); }
.nav-menu-item { 
	display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 19px 30px;
	font-size: 14px; line-height: 18px; color: #ffffff; font-weight: 700; text-decoration: none;
}
.top-bar-mobile-nav-btn { display: none; }
.mobile-nav-menu { display: none; }

.top-bar-absolute { position: absolute; }
.top-bar-fixed { position: fixed; background-color: #ffffff; border-bottom: solid 1px #e5e5e5; }
.top-bar-absolute .top-bar-logo-white { display:block; }
.top-bar-absolute .top-bar-logo-color { display:none; }
.top-bar-fixed .top-bar-logo-white { display:none; }
.top-bar-fixed .top-bar-logo-color { display:block; }
.top-bar-fixed .nav-menu-item { color: #525252; }
.top-bar-absolute .top-bar-mobile-nav-white { display:block; }
.top-bar-absolute .top-bar-mobile-nav-grey { display:none; }
.top-bar-fixed .top-bar-mobile-nav-white { display:none; }
.top-bar-fixed .top-bar-mobile-nav-grey { display:block; }

.main-content { display: block; position: relative; z-index: 2; }

	.cbBorder{
		height: 57px !important;
		background-color: #0cbe7d;
		margin: 0px;
		padding: 0px;
		border:0px;
		vertical-align: baseline;
	}
	.cwBorder{
		height: 57px !important;
		background-color: #025199;
		margin: 0px;
		padding: 0px;
		border:0px;
		vertical-align: baseline;
	}
	.newsContent{
		margin-top: 0px;
		margin-left: 5%;
		margin-right: 5%;
	}
	.content{
		text-align: left;
		font-family: 'Roboto', 'sans-serif';
	}
	.ppBorder{
		height: 100px;
		background-color: #025199;
		margin: 0px;
		padding: 0px;
		border:0px;
		vertical-align: baseline;
	}



/*fonts & global content*/
body{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
hr{
	border-color: #e6e6e6;
	margin-top: 0px;
	margin-bottom: 0px;
}
.date{
	font-size: small;
	font-style: italic;
	display: inline-block;
	width: 15%;
}

.dateLong{
	font-size: small;
	font-style: italic;
}
#pdfDiv{
	margin-top: 3%;
}

embed{
	margin-top: 1%;
}
h1{
	font-weight: bolder;
	font-size: 1.5em !important;
}
h5{
	font-weight: bolder;
	text-align: center;
	font-style: italic;
}


/*Call box Page*/
.navImg{
	height: 3%;
	max-width: 3%;
	display: inline-block;
}
#backgroundImgDiv{
	background-image: url(images/jobs-bg-careers.jpg);
}

#CarWarsBtn{
	display: inline;
	margin-top: 2%;
	background-color: #10ad74;
	color: white;
	font-weight: bold;
	padding: 1%;
	margin-top: 3%;
	width: 20%;
	border-radius: 5px;
	border-style: none;
	cursor: pointer;
}
#CarWarsBtn:hover{
background-color: #17da93;
}

#CRISPQuarterlyBtn{
	display: inline;
	margin-top: 2%;
	margin-left: 2%;
	background-color: #10ad74;
	color: white;
	font-weight: bold;
	padding: 1%;
	margin-top: 3%;
	width: 20%;
	border-radius: 5px;
	border-style: none;
	cursor: pointer;
}
#CRISPQuarterlyBtn:hover{
background-color: #17da93;
}

#PatientBtn{
	display: inline;
	margin-top: 2%;
	margin-left: 2%;
	background-color: #10ad74;
	color: white;
	font-weight: bold;
	padding: 1%;
	margin-top: 3%;
	width: 20%;
	border-radius: 5px;
	border-style: none;
	cursor: pointer;
}
#PatientBtn:hover{
background-color: #17da93;
}
#ServiceBtn{
	display: inline;
	margin-top: 2%;
	margin-left: 2%;
	background-color: #10ad74;
	color: white;
	font-weight: bold;
	padding: 1%;
	margin-top: 3%;
	width: 20%;
	border-radius: 5px;
	border-style: none;
	cursor: pointer;
}
#ServiceBtn:hover{
background-color: #17da93;
}
.linkButton{
	text-underline-position: none;
	color: white;
	text-decoration: none;
}
.cbInnerTitle{ 
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	display: block;
	font-style: italic;
}
.cbContainer{
	margin-right: 5%;
	margin-left: 5%;
/*	margin-top: 10%;*/
/*	padding-top: 1%;*/
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	background-color: white;
	border-radius: 10px;
}
.articleLinkDiv{
	background-color: white;
/*	margin-top: 2%;
	margin-bottom: 2%;*/
	padding: 1%;
	border-radius: 10px;
/*	width: 80%;*/
/*	height: 150px;*/
}
.cbArticleBtn{
	background-color: #10ad74;
	color: white;
	font-weight: bold;
	padding: 1%;
/*	margin-top: 3%;*/
	float: right;
	width: 10%;
	border-radius: 5px;
	border-style: none;
	display: inline-block;
	cursor: pointer;
}
.cbArticleBtn:hover{
	background-color: #17da93;
}
.cbThumbnail{
	display: inline;
	float: right;
	margin-right: 20%;
	max-width: 100px;
	display: inline;
}
.cbTitle{
	margin-bottom: 1%;
	display: inline-block;
/*	margin-left: 5%;*/
	font-size: .9em;
	font-weight: bolder;
	/*font-style: italic;*/
}
/*Car Wars*/
.yearNavBtn{
	background-color: #007de4;
	color: white;
	font-weight: bold;
	padding: 1%;
	border-radius: 5px;
	border-style: none;
	display: inline;
	margin-top: 10%;
}
.cwContainer{
	margin-right: 5%;
	margin-left: 5%;
/*	margin-top: 2%;*/
	padding: 2%;
	border-radius: 10px;
	/*background-image: url("http://carwars.com/cw/img/blue-pattern-bg.png") !important;*/
}
.cwArticleBtn{
	background-color:  #007de4;
	color: white;
	font-weight: bold;
	padding: 1%;
	width: 10%;
	float: right;
	border-radius: 5px;
	border-style: none;
	cursor: pointer;
}
.cwArticleBtn:hover{
background-color: #008afc;
}
.CWarticleLinkDiv{
	background-color: orange;
/*	margin-top: 2%;
	margin-bottom: 2%;*/
	padding: 1%;
	border-radius: 10px;
	width: 80%;
/*	height: 150px;*/
}	
 
/*Patient Pursuit*/
.ppMainContainer{
	background-color: white;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-top: 1%;
	margin: 5%;
	margin-top: 7%;
	border-radius: 10px;
}
.ppArticleDiv{
	background-color: white;
	padding: 2%;
	margin-top: 1%;
	margin-bottom: 1%;
	border-radius: 10px;
}
.ppArticleBtn{
	background-color: #00547f;
	color: white;
	font-weight: bold;
	padding: 1%;
	border-radius: 5px;
	border-style: none;
	display: inline;
	float: right;
	width: 20%;
	margin-right: 5%;
	cursor: pointer;
}
.ppArticleBtn:hover{
	background-color: #0081c4;
}



/*PDF containers*/
#pdfDiv{
	margin-top: 5%;
	margin-left: 2%;
	margin-right: 2%;
}

/*Service Hook*/
.SHcontainer{
	background-color: white;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-top: 1%;
	margin: 5%;
	margin-top: 7%;
	border-radius: 10px;
}
.shArticleDiv{
	background-color: white;
	padding: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	border-radius: 10px;
	width: 80%;
}
.shArticleBtn{
	background-color: #007def;
    color: white;
    font-weight: bold;
    padding: 1%;
    border-radius: 5px;
    border-style: none;
    display: inline;
    float: right;
    width: 20%;
    margin-right: 5%;
    cursor: pointer;
}

.shArticleBtn:hover{
	background-color: #0085ff;
}
  
/*fix for the title length issue at 957 - 900px*/
@media only screen and (max-width: 958px){
.cbTitle{
	margin-bottom: 1%;
    display: inline-block;
    margin-left: 5%;
    width: 50%;
    font-size: .9em;
    font-weight: bolder;
}
  
}




@media only screen and (max-width: 900px) {
.date{
	font-style: italic;
	display: block;
	width: 100%;
	color: black;
}
hr{
	display: none;
}
embed{
	margin-top: 2%;
}

.nav-home-btn img { 
	display: block; width: 80px; 
}
.top-bar { 
	display: block; top: 0px; left: 0px; width: 100%; box-sizing: border-box;  
	 z-index: 5;
}
.nav-menu-item { 
	display: inline;  
	box-sizing: border-box; 
	font-size: 14px; 
	line-height: 18px; 
	color: #ffffff; 
	font-weight: 700; 
	text-decoration: none;
	margin-right: 2%;
	text-align: right;
	justify-content: right;
}
.SHcontainer{
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-top: 1%;
	margin: 5%;
	margin-top: 10%;
	border-radius: 10px;
}
	.articleLinkDiv{
		background-color: white;
		margin-top: 6%;
		margin-bottom: 6%;
		width: 80%;
	}
	.cbArticleBtn{
		margin-bottom: 4%; 
		color: white;
		width: 50%;
		margin-right: 40%;
		margin-left: 10%;
	}
	.CWarticleLinkDiv{
		background-color: white;
		width: 80%;
	}
	.cwArticleBtn{
		width: 80%;
		position: center;
		margin-left: 10%;
		margin-right: 10%;
	}
	.ppArticleBtn{
	background-color: #00547f;
	color: white;
	font-weight: bold;
	padding: 1%;
	border-radius: 5px;
	border-style: none;
	width: 90%;
	margin-top: 3%;
	}
	.shArticleBtn{
	background-color: #007def;
	color: white;
	font-weight: bold;
	padding: 1%;
	border-radius: 5px;
	border-style: none;
	width: 90%;
	margin-top: 3%;
}
}
@media only screen and (max-width: 700px) {
	hr{
	display: none;
	}

	.articleLinkDiv{
		margin-top: 2%;
		margin-bottom: 2%;
		margin-left: 10%;
		margin-right: 10%;
		padding: 2%;
		padding-bottom: 5%;
/*		width: 40%;*/
		background-color: white;
		border-radius: 10px;
		display: inline-block;
	}
	.cbArticleBtn{
		margin-bottom: 4%;
		color: white;
		width: 50%;
		margin-right: 40%;
		margin-left: 10%;
	}
	.CWarticleLinkDiv{
		background-color: white;
		margin-top: 5%;
		margin-bottom: 5%;
		margin-left: 2%;
		margin-right: 2%;
		padding: 2%;
		border-radius: 10px;
		display: block;
		width: 90%;
		height: 30%;
	}
	.SHcontainer{
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		padding-top: 1%;
		margin: 5%;
		margin-top: 15%;
		border-radius: 10px;
	}

	.cwContainer{
		margin-right: 5% !important;
		margin-left: 5% !important;
		margin-top: 30% !important;
	}
	.nav-menu-item { 
		display: inline;  
		box-sizing: border-box; 
		font-size: 14px; 
		line-height: 18px; 
		color: #ffffff; 
		font-weight: 700; 
		text-decoration: none;
		margin-right: 2%;
		text-align: left;
		justify-content: left;
	}
	.nav-home-btn img { 
		display: block; width: 80px; 
	}
	.top-bar { 
		display: block; top: 0px; left: 0px; width: 100%; box-sizing: border-box;  
	 	z-index: 5;
	}
	.date{
		font-style: italic;
		display: block;
		width: 100%;
		color: black;
	}


}
@media only screen and (max-width: 600px) {
		hr{
			display: none;
		}
	.nav-menu-item { 
		padding: 20% !important;	
	}
	.date{
	font-style: italic;
		display: block;
		width: 100%;
}
	
	.SHcontainer{
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		padding-top: 1%;
		margin: 5%;
		margin-top: 20%;
		border-radius: 10px;
	}
	.ppMainContainer{
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		padding-top: 1%;
		margin: 5%;
		margin-top: 20%;
		border-radius: 10px;
	}
#CRISPQuarterlyBtn{
	display: inline;
	margin-top: 7%;
	margin-left: 5%;
	width: 60%;
}
#PatientBtn{
	display: inline;
	margin-top: 7%;
	margin-left: 5%;
	width: 60%;
}
#ServiceBtn{
	display: inline;
	margin-top: 7%;
	margin-left: 5%;
	width: 60%;
}
#CarWarsBtn{
	display: inline;
	margin-top: 12%;
	margin-left: 5%;
	width: 60%
}

.cbTitle{
/*	text-align: center;*/
	display: block;
}

	.cbArticleBtn{
		margin-bottom: 4%;
		color: white;
		width: 80%;
		margin-right: 20%;
	}
embed{
	margin-top: 15%;
}

}
@media only screen and (max-width: 400px) {
	hr{
	display: none;
	}
.nav-menu-item { 
		display: inline;  
		box-sizing: border-box; 
		font-size: 14px; 
		line-height: 18px; 
		color: #ffffff; 
		font-weight: 700; 
		text-decoration: none;
		margin-right: 2%;
		text-align: left;
		justify-content: left;
		padding: 20% !important;
	}
	.articleLinkDiv{
		background-color: white;
		margin-top: 2%;
		margin-bottom: 2%;
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;

	}
	.cbArticleBtn{
		background-color: #10ad74;
		color: white;
		font-weight: bold;
		padding: 1%;
		border-radius: 5px;
		margin-bottom: 1%;
	}
	.SHcontainer{
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		padding-top: 1%;
		margin: 5%;
		margin-top: 30%;
		border-radius: 10px;
	}
	.ppMainContainer{
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		padding-top: 1%;
		margin: 5%;
		margin-top: 30%;
		border-radius: 10px;
	} 

#CRISPQuarterlyBtn{
	display: inline;
	margin-top: 7%;
	margin-left: 5%;
	width: 60%;
}
#PatientBtn{
	display: inline;
	margin-top: 7%;
	margin-left: 5%;
	width: 60%;
}
#ServiceBtn{
	display: inline;
	margin-top: 7%;
	margin-left: 5%;
	width: 60%;
}
#CarWarsBtn{
	display: inline;
	margin-top: 12%;
	margin-left: 5%;
	width: 60%
}
embed{
	margin-top: 25%;
}


}