.box	{background-color: #ffffff;display: block; margin:1em 0}
.boxContent {padding: 1em;}
.boxImg {display: block; height: auto; width: 100%;}
.boxImageWrapper {position: relative}
.box.modalVideo .boxImageWrapper:after {
	color: #ffffff;
	content: "\f01d";
	display: block;
	font-family: "Fontawesome";
	font-size: 650%;
	left: 50%;
	margin: 0 auto;
	position: absolute;
	text-shadow: 0 0 0.125em #000000;
	top: 50%;
	transform: translate(-50%, -50%);
}

.planningcalculator {padding: 1em 0}
.planningcalculator .icon, .planningcalculator .copy {display: inline-block; vertical-align: top;}
.planningcalculator .icon {width: 15%;}
.planningcalculator .copy {margin-left: 2%;width: 83%;}
.planningcalculator .button {background-color: #7397d0;margin-top: .5em}

.company_note {font-size: 90%;font-style: italic;}
.companylist {list-style: outside none none;margin:0}
.companylist li {background-color: #ffffff; display: block; padding: .5em 1em}
.companylist li.even {background-color: #f1f1f1;}
.altBGColor .companylist li {background-color: #f1f1f1;}
.altBGColor .companylist li.even {background-color: #ffffff;}
.companylist .company_name, .companylist .company_phone {display: block}
.companylist .company_name.sublist {padding-left: 3em;}

.altSecColor {background-color: #f1f1f1; padding: 1em 0;}
.altBGColor .altSecColor .content, .sidebarHolderWrapper .contentHolder .altSecColor .content {background-color: #ffffff;}

.midBoxWrapper .midBox {display: block; padding: 2em; text-align: center}
.midBoxWrapper .midBox img.midBoxIcon {display: inline-block;}
.midBoxWrapper .midBox span.midBoxLabel {display: block; margin:0;}

.dropdown-button {
	background-color: #003366;
    color: #fff;
    padding: 10px;
    border: none;
    cursor: pointer;
	width: auto;
	border-radius: 3px;
}
.dropdown {
    text-align: center;
    display: inline-block;
}
.dropdown-content {  
    display: none;
    position: absolute;
    background-color: #f9f9f9;
	max-height: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	overflow-y: scroll;
	width: auto;
}
.dropdown-content a {  
    color: #003366;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
	background-color: #d9d9d9;
	text-decoration: none;
}

.dropdown:hover .dropdown-content {
    display: block;
	text-decoration: none;
}

/*temp*/
.cheat-padding {padding-top: 1em}

@media (min-width: 980px){
	.boxesInner {
		display: table;
		width: 100%;
	}
	.boxesInner {border-collapse: separate; border-spacing: 1em;}
	.boxImageWrapper {
		 height: 0;
		 overflow: hidden;
		 padding-bottom: 66%;
		 width: 100%;
	}
	.boxImg {
		 left: 50%;
		 min-height: 100%;
		 position: absolute;
		 top: 50%;
		 transform: translate(-50%, -50%);
		 width: auto;
	}
	.box {
		display: table-cell;
		vertical-align: top;
		width:33.3333%;
	}
		
	.companylist {border-collapse:collapse; display: table; width: 100%;}
	.companylist li {display: table-row;}
	.companylist .company_name, .companylist .company_phone {display: table-cell; padding: 0.125em 1em; vertical-align: top;}
	.companylist .company_phone {padding-right: 1.5em; text-align: right;}
	.two_col_wrapper {display: table; width: 100%;}
	.two_col_wrapper p {margin-top: 0}
	.two_col_left, .two_col_right {display: table-cell; vertical-align: top;}
	.two_col_left {padding-right: 1em}
	.two_col_right {text-align: right;}
	.two_col_right .wrapper {display: inline-block;text-align: left;}

	.midBoxWrapper {
		 border-spacing: 0 1em;
		 display: table;
		 width: 100%;
	}
	.midBoxWrapper .midBox {
		 display: table-cell;
		 padding: 0;
		 width: 33.3333%;
	}
}