body .container.drla .rateData {
	line-height: 1;
}

.container.drla
{
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-weight: 300;
	/*width:100%;*/
}
p {
	font-size:18px;

}
.container.drla #content {
	 position: relative;
	/*margin: 0 auto;*/
}
.container.drla .constrain-width {
	max-width:1200px;
}
.container.drla h1 {
	font-size:4em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
	border-bottom:1px solid #000;

}
.container.drla h2 {
	font-size:2.7em;
	font-weight: 100;
}
.container.drla section {
	border-top:1px solid #000;
	margin: 50px 0;
}
.container.drla section:first-child {
	border-top: none;
}

.container.drla article {
	margin:50px 0;
}
.container.drla .market {
	text-transform: uppercase;
}
.container.drla .rateData {
	border-radius:50%;
	overflow:hidden;
	margin:auto;
	border: 2px solid;
}
.container.drla .positive {
	border-color: #1D6416;
	color: #1D6416;
}
.container.drla .negative {
	border-color: #e61b2b;
	color:#e61b2b;
}
.container.drla .up {
	border-color: #1D6416;
	color: #1D6416;
}
.container.drla .down {
	border-color: #e61b2b;
	color:#e61b2b;
}
.container.drla .neutral {
	border-color: gray;
	color:gray;
}
.container.drla #rateLockAdvisory .rateData {
	height:270px;
	width:270px;
	margin:0 auto;
	/*background-size:720px 480px;*/
	/*background-position:-160px 0px;*/
	background-color: #fff;
}
.container.drla #rateLockAdvisory .marketChange {
	margin:40px 0 0;
	
}
.container.drla #indexesRateLock .rateData {
	height:150px;
	width:150px;
	/*background-size:720px 480px;*/
	/*background-position:-160px 0px;*/
	padding:10px;
	background-color: #fff;

}
.container.drla .rateChangeVariable {
	min-height: 160px;
	border-bottom: 1px solid #ccc;
	padding: 20px 0 30px;
}
.container.drla .rateChangeVariable:last-child {
	border-bottom:none;
	padding-bottom:0; 
}

.container.drla .rateDescription {
	margin-left: 200px;
}

.container.drla .marketChange {
	font-size:5em;
}
.container.drla .marketChange.neutral {
	padding:0;
}
.container.drla .rateChangeVariable .marketChange {
	font-size: 2.1em;
	margin-top:12px;
}
.container.drla .rateChangeVariable .market {
	font-size:1.5em;
}
.container.drla .market {
	font-size: 2.2em;
	color:#000;
	margin: 0;
	padding: 7px;
	/*border-bottom:1px solid #ababab;*/
}
.container.drla .marketTerms {
	font-size: 2em;
	color:#474747;
	margin: 0;
	padding: 10px;
}
.container.drla p.marketDescription {
	margin:30px;
	line-height: 30px;
}
.container.drla .subheaader {
	font-size:1.5em;
}
#fixedGraph {
	position: fixed;
	top:auto;
	bottom:0;
	border-top: 1px #ececec;
	-webkit-box-shadow: 0 0 5px 0px #E8E8E8;
	box-shadow: 0 0 5px 0px #E8E8E8;
	height:150px;
	background-color: #fff;
	z-index: 100000;
}
.graph {
	height: 150px;
	width:100%;
	margin: 5px auto 5px;
}

.container.drla .currentRates .rateData {
	margin:10px;
}
.container.drla hr {
	margin:0;
	padding:0;
	border-color: #ababab;
	border-width:1px;
}

.container.drla .topLine {
	width: 90%;
	margin: 5px auto;
}
.container.drla .bottomLine {
	width:75%;
	margin: 0 auto;

}

.container.drla .currentRates .fa-caret-down, .container.drla .currentRates .fa-caret-up {
	position: relative;
	top: -20px;
	width: 25px;
	font-size:50%;
}	

.container.drla .fa-caret-down, .container.drla .fa-caret-up {
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
	top: -5px;
	width: 15px;
	left:-3px;
}

.xs-body .panel-footer, .xs-body .xs-site-footer {
	margin-bottom:110px;
}

#divIFrame {
	width:75% !important;
}
/* iframe already has dynamically set height value
#darla {
	height:500px;
}
*/

/*Responsiveness*/
/* Large desktop */
@media (min-width: 1080px) {
	.f-f-f-f {
		background: url(images/drla-lg-f-f-f-f.png) no-repeat 50% 50%;
	}
	.f-f-f-l {
		background: url(images/drla-lg-f-f-f-l.png) no-repeat 50% 50%;
	}
	.f-f-l-l {
		background: url(images/drla-lg-f-f-l-l.png) no-repeat 50% 50%;
	}
	.f-l-l-l {
		background: url(images/drla-lg-f-l-l-l.png) no-repeat 50% 50%;
	}
	.l-l-l-l {
		background: url(images/drla-lg-l-l-l-l.png) no-repeat 50% 50%;
	}
	#divIFrame {
		width:75% !important;
	}

}
@media  (min-width: 980px) and (max-width: 1080px) {
	.f-f-f-f {
		background: url(images/drla-md-f-f-f-f.png) no-repeat 50% 50%;
	}
	.f-f-f-l {
		background: url(images/drla-md-f-f-f-l.png) no-repeat 50% 50%;
	}
	.f-f-l-l {
		background: url(images/drla-md-f-f-l-l.png) no-repeat 50% 50%;
	}
	.f-l-l-l {
		background: url(images/drla-md-f-l-l-l.png) no-repeat 50% 50%;
	}
	.l-l-l-l {
		background: url(images/drla-md-l-l-l-l.png) no-repeat 50% 50%;
	}
	#divIFrame {
		width:85% !important;
	}

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.f-f-f-f {
		background: url(images/drla-sm-f-f-f-f.png) no-repeat 50% 50%;
	}
	.f-f-f-l {
		background: url(images/drla-sm-f-f-f-l.png) no-repeat 50% 50%;
	}
	.f-f-l-l {
		background: url(images/drla-sm-f-f-l-l.png) no-repeat 50% 50%;
	}
	.f-l-l-l {
		background: url(images/drla-sm-f-l-l-l.png) no-repeat 50% 50%;
	}
	.l-l-l-l {
		background: url(images/drla-sm-l-l-l-l.png) no-repeat 50% 50%;
	}
	#divIFrame {
		width:100% !important;
	}

}
 
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 
	.container.drla #fixedGraph {
		height: 145px;
	}
	.container.drla .graph {
		height:135px;
	}
	.xs-body .panel-footer {
		margin-bottom: 145px;
	}
	.f-f-f-f {
		background: url(images/drla-F-60-F.png) no-repeat 50% 50%;
	}
	.f-f-f-l {
		background: url(images/drla-F-7-L.png) no-repeat 50% 50%;
	}
	.f-f-l-l {
		background: url(images/drla-F-20-L.png) no-repeat 50% 50%;
	}
	.f-l-l-l {
		background: url(images/drla-F-60-L.png) no-repeat 50% 50%;
	}
	.l-l-l-l {
		background: url(images/drla-L-60-L.png) no-repeat 50% 50%;
	}
	.container.drla .rateDescription {
		margin:0;
		clear: both;
	}
	.container.drla #indexesRateLock .rateData  {
		height: 150px;
		width: 150px;
		padding: 10px;
		margin: 0 auto;
		float: none !important;
	}
	.container.drla #rateLockAdvisory .rateData {
		height: 139px;
		width: 139px;
		margin:0 2px 20px;
		float:left;
	}
	.container.drla .marketChange {
		font-size: 2em;
		font-weight: 500;
		margin-top:15px !important;
	}
	.container.drla .market {
		font-size: 1.4em;
		padding:2px;
	}
	.container.drla .marketTerms {
		font-size: 1.2em
	}
	.container.drla .currentRates .fa-caret-down, .container.drla .currentRates .fa-caret-up {
		top: -5px;
		width: 15px;
	}
	.container.drla p.marketDescription {
		margin: 0;
	}
	/**/

	#divIFrame {
		width:100% !important;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) { 
	.container.drla .rateDescription {
		margin:0;
		clear: both;
	}
	.container.drla #indexesRateLock .rateData  {
		height: 150px;
		width: 150px;
		padding: 10px;
		margin: 0 auto;
		float: none !important;
	}
	.container.drla #rateLockAdvisory .rateData {
		height: 150px;
		width: 150px;
		margin:0 auto 20px;
	}
	.container.drla .marketChange {
		font-size: 3em;
		font-weight: 500;
		margin-top:15px !important;
	}
	.container.drla .market {
		font-size: 1.4em;
	}
	.container.drla .marketTerms {
		font-size: 1.2em
	}
	.container.drla .currentRates .fa-caret-down, .container.drla .currentRates .fa-caret-up {
		top: -5px;
		width: 15px;
	}
	.container.drla p.marketDescription {
		margin: 0;
	}
	.container.drla #fixedGraph {
		height:150px;
	}
	.container.drla .graph {
		height: 140px;
/*		width:100%;
		margin: 5px auto 5px;*/
	}
	.f-f-f-f {
		background: url(images/drla-F-60-F.png) no-repeat 50% 50%;
	}
	.f-f-f-l {
		background: url(images/drla-F-7-L.png) no-repeat 50% 50%;
	}
	.f-f-l-l {
		background: url(images/drla-F-20-L.png) no-repeat 50% 50%;
	}
	.f-l-l-l {
		background: url(images/drla-F-60-L.png) no-repeat 50% 50%;
	}
	.l-l-l-l {
		background: url(images/drla-L-60-L.png) no-repeat 50% 50%;
	}
	.xs-body .panel-footer, .xs-body .xs-site-footer {
		margin-bottom:155px;
	}
}

/*Theme Architecture adjustments*/
.ta-layout-leftPanel .container.drla {
	width:100%;
}
/* Left panel: content div is too narrow for DRLA market circles. Adjusting height/width and font-size */
.ta-layout-leftPanel .container.drla #rateLockAdvisory p.marketChange {
	font-size: 4.5em;
	margin-top:33px;
}
.ta-layout-leftPanel .container.drla .market {
	padding:2px;
}
.ta-layout-leftPanel .container.drla .marketTerms {
	padding: 6px;
}
.ta-layout-leftPanel .container.drla #rateLockAdvisory .rateData {
	width:230px;
	height:230px;
}
.ta-layout-linksLeft .container.drla {
	width:100%;
}
.ta-layout-fullscreen .container.drla {
	width:1; /*intentionally breaking the width value so that the theme's value will override.*/
}