.clear {
	clear: both;
}

.help-head {
	padding: 140px 7% 0px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
   	background-color: #fff;
   		
}

.help-head h1 {
	color: #fff;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #66849c;
	padding: 10px;
	display: block;
	float: left;
	}
	
.help-head-col {
	border-bottom: 1px #ccc solid;  
	padding-bottom: 60px;
}

.help-section-top {
	padding: 10px 7% 60px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
   	background-color: #fff;
}

@media(min-width:768px) {
	.help-section-top {
	padding: 10px 7% 80px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
   	background-color: #fff;
}
	
}



.help-section {
	padding: 40px 7% 60px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
   	background-color: #fff;
}

@media(min-width:768px) {
	.help-section {
	padding: 70px 7% 80px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
   	background-color: #fff;
}	
}


#help a {
	color: #66849c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#help a:hover {
	color: #233964;
}

#help a:active, a:focus {
	color: #233964;
}

#help p, ol {
	font-size: medium;
	color: #777;
}



#help h1, h2, h3, h4 {
	color:  #66849c;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 20px 0 10px 0;	
}

.sectionBreak {
	border-bottom: 1px #ccc dashed;
}
.baseHelpSubTop {
	margin: 20px 0px 0px 0px;
	/*border-bottom: 1px #ccc dashed;*/
	padding-bottom: 50px;
}

@media(min-width:768px) {
	.baseHelpSubTop {
		margin: 20px 0px 0px 0px;
		/*border-bottom: 1px #ccc dashed;*/
		padding-bottom: 70px;
	}	
}

.baseHelpSub {
	margin: 3em 0px 0px 0px;
	padding: 0px 1em;
	/*border-bottom: 1px #ccc dashed;*/
	padding-bottom: 15px;
}

@media(min-width:768px) {
	.baseHelpSub {
		margin: 15px auto 0px;
		/*border-bottom: 1px #ccc dashed;*/
		bottom: 0px 15px 30px 15px;
		max-width: 1200px!important;
	}	
}


.baseHelpSubbottom {
	margin: 50px 0px 0px 0px;
	border-bottom: 3px #66849c solid;
	padding-bottom: 100px;
}


.baseHelpSubMM {
	margin: 40px 0px 0px 0px;
	padding-bottom: 50px;
	/*border-bottom: 1px #ccc dashed;*/
}

@media(min-width:768px) {
	.baseHelpSubMM {
		margin: 40px 0px 0px 0px;
		padding-bottom: 60px;
		/*border-bottom: 1px #ccc dashed;*/
	}	
}


.baseHelpSubMMbottom {
	margin: 40px 0px 0px 0px;
	padding-bottom: 70px;
	/*border-bottom: 3px #66849c solid;*/
}

.baseHelpSubMMbottomFinal {
	margin: 40px 0px 0px 0px;
	padding-bottom: 100px;
}


.helpSubRightM {
	padding: 40px 50px 30px 0px;
}

@media(min-width:768px) {
	.helpSubRightM {
		padding: 40px 0px 30px 0px;
	}	
}

@media(min-width:992px) {
	.helpSubRightM {
		padding: 40px 0px 30px 50px;
	}	
}


/* Bullets for Exercises */

.helpSubBltRow {
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
}

.helpSubBltRowBtm {
	margin: 10px 0px 0px 0px;
	padding-bottom: 60px;
	border-bottom: 3px #66849c solid;
}


.helpSubBlt {
	margin: 30px 0px 0px 0px;
	padding-bottom: 20px;
}

@media(min-width:768px) {
	.helpSubBlt {
	padding: 20px 0px 40px 0px;
}	
}

@media(min-width:992px) {
	.helpSubBlt {
	padding: 20px 0px 50px 50px;
}	
}


.helpSubBltRightM {
	padding: 20px 0px 40px 0px;
}

@media(min-width:768px) {
	.helpSubBltRightM {
	padding: 20px 0px 40px 0px;
}	
}

@media(min-width:992px) {
	.helpSubBltRightM {
		padding: 20px 0px 50px 50px;
	}	
}


.helpSubBltBlt {
	padding: 10px 0 0 0px;
}


.helpSectionHeader {
	font-size: x-large;	
	color: #a5a5a5;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

}

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

.appimgM {
	padding: 20px 0 15px 0;
	margin-bottom: 20px;
	
}


.imgLabel {
	color: #fff;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	background-color: #66849c;
	padding: 8px 8px;
	margin: 10px 0px;
}

.lgImgContainer {
	margin: 40px auto 40px auto;
	display: block;
	width: 100%;
	text-align: center;
	max-width: 1150px;
	
	/*border-bottom: 1px #ccc dashed;*/
}

.smImgContainer {
	margin: 30px auto 50px auto;
	display: block;
	width: 100%;
	text-align: center;
}

.imgLabelContainer {	
	margin: 25px 0px;
}

.exNumber {
	color: #66849c;
	font-size: medium;
	border: 1px #66849c solid;
	font-weight: normal;
	padding: 1px 4px;
	margin-right: 4px;
}



.panel-body {
	padding: 0 40px;
}

.navToolbarImgSmall {
    float: left;
    margin: 0 5px 0 0 !important;
    height: 36px;
    width: 36px;
}

td img {
     width: 100%;
}

/* This works on phones and tablets(portrait) unless overidden by the rule below*/
@media(max-width:992px) {
	.footer-section {
		padding: 75px 8% 5px 8%;
	}
	
	.footer-copyright {
		padding-top: 40px;
	}
}

/* This are for targeting HTML elements on phones. */
@media(max-width:768px) {
	.templateA-section {
		padding: 90px 7% 0px 7%;
	}
	h2, .h2 {
		font-size: 14pt;
	}
	h3, .h3 {
		font-size: 12pt;
	}
	p {
		font-size: 12pt;
	}
	.helpSectionContainer {
		margin-left: 15px;
	}
	.baseHelpSub {
		margin: 10px 0px 0px 0px;
		padding-bottom: 20px;
	}
	.helpSubRightM {
		padding: 20px 25px 15px 0px;
	}
	
	.footer-menu {
		font-size: 12pt;
	}
	
	.footer-section {
		padding: 20px 3% 5px 3%;
	}
	
	.footer-copyright {
		padding-top: 20px;
	}
	
	.footer-copyright p {
		font-size: 12px;
	}
	.footer-section p {
		font-size: 12px;
	}

	.contactCenterTop {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.contactCenterBot {
		margin-top: 25px;
	}
}