﻿.ar2014-financial-hospital-data-sublayout {
	max-width: 1920px;
	z-index: 1;
}

.ar2014-financial-hospital-data-sublayout .intro {
	padding: 40px 0;
	text-align: center;
}

.ar2014-financial-hospital-data-sublayout .intro h1 {
	font-family: Arial, sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #751a67;
}

.ar2014-financial-hospital-data-sublayout .intro p {
	color: #751a67;
}

.ar2014-financial-hospital-data-sublayout .intro .tabs {
	white-space: nowrap;
}

.ar2014-financial-hospital-data-sublayout .intro .tabs a {
	display: inline-block;
	width: 50%;
	padding: 10px 0;
	color: white;
	text-decoration: none;
	background: #2075b0;
	white-space: normal;
	line-height: 18px;
}

.ar2014-financial-hospital-data-sublayout .intro .tabs a:hover {
	text-decoration: underline;
}

.ar2014-financial-hospital-data-sublayout .intro .tabs a.selected {
	background: #4891ce;
}

.ar2014-financial-hospital-data-sublayout .intro .tabs a.selected:hover {
	text-decoration: none;
}

.ar2014-financial-hospital-data-sublayout .summary {
	margin-bottom: 40px;
	padding-bottom: 34px;
	background: url(../../images/sublayouts/financial-hospital-data/summary-bg.png) no-repeat bottom;
}

.ar2014-financial-hospital-data-sublayout .summary-inside {
	padding: 20px;
	background: #751a67;
	text-align: center;
}

.ar2014-financial-hospital-data-sublayout .summary .summary-img-mobile {
	display: none;
}

.ar2014-financial-hospital-data-sublayout .chart {
	margin-bottom: 40px;
}

.ar2014-financial-hospital-data-sublayout .chart-desktop-header {
	height: 105px;
}

.ar2014-financial-hospital-data-sublayout .chart-desktop-header .chart-header-locked {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	max-width: 1920px;
	height: 1px;
}

.ar2014-financial-hospital-data-sublayout .chart-desktop-header .chart-header-inside {
	width: 960px;
	height: 105px;
	margin: 0 auto;
	background: url(../../images/sublayouts/financial-hospital-data/chart-heading.png) no-repeat right top;
}

.ar2014-financial-hospital-data-sublayout .chart-mobile-dropdown {
	display: none;
}

.ar2014-financial-hospital-data-sublayout .chart-row-container {
	padding-right: 40px;
}

.ar2014-financial-hospital-data-sublayout .chart-row {
	position: relative;
	min-height: 70px;
	border-bottom: solid 3px #4891ce;
}

.ar2014-financial-hospital-data-sublayout .chart-row .col {
	position: absolute;
	top: 10px;
	bottom: 10px;
	width: 12%;
}

.ar2014-financial-hospital-data-sublayout .chart-row .col-name { left: 0; width: 16%; }
.ar2014-financial-hospital-data-sublayout .chart-row .col-1 { left: 16%; }
.ar2014-financial-hospital-data-sublayout .chart-row .col-2 { left: 28%; }
.ar2014-financial-hospital-data-sublayout .chart-row .col-3 { left: 40%; }
.ar2014-financial-hospital-data-sublayout .chart-row .col-4 { left: 52%; }
.ar2014-financial-hospital-data-sublayout .chart-row .col-5 { left: 64%; }
.ar2014-financial-hospital-data-sublayout .chart-row .col-6 { left: 76%; }
.ar2014-financial-hospital-data-sublayout .chart-row .col-7 { left: 88%; }

.ar2014-financial-hospital-data-sublayout .chart-row .col div.row-label {
	display: none;
}

.ar2014-financial-hospital-data-sublayout .chart-row .col div.row-value {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-right: solid 3px #4891ce;
	text-align: center;
	color: #751a67;
	font-size: 20px;
	line-height: 50px;
}

.ar2014-financial-hospital-data-sublayout .chart-row .col-name img {
	position: absolute;
	left: 0;
	top: 0;
}

.ar2014-financial-hospital-data-sublayout .chart-row .col-name div.row-value {
	left: 43px;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}

.ar2014-financial-hospital-data-sublayout .chart-row .col-name div.row-value span {
	display: inline-block;
	padding-right: 5px;
	line-height: 14px;
	vertical-align: middle;
}

.ar2014-financial-hospital-data-sublayout .chart-row .col-5 div.row-value,
.ar2014-financial-hospital-data-sublayout .chart-row .col-7 div.row-value {
	background: url(../../images/sublayouts/financial-hospital-data/total-bg.png) left top;
}

.ar2014-financial-hospital-data-sublayout .chart-disclaimer {
	margin-top: 10px;
	font-size: 11px;
	line-height: 15px;
	color: #751a67;
}

.ar2014-financial-hospital-data-sublayout .download-pdf {
	height: 300px;
	background: #751a67 url(../../images/sublayouts/financial-hospital-data/download-bg.jpg) top no-repeat;
	text-align: center;
}

.ar2014-financial-hospital-data-sublayout .download-pdf-inside {
	padding-top: 40px;
}

.ar2014-financial-hospital-data-sublayout .download-pdf a {
	display: block;
	width: 360px;
	height: 200px;
	margin: 0 auto;
	background: url(../../images/sublayouts/financial-hospital-data/download-btn-bg.png) left top no-repeat;
	overflow: hidden;
}

.ar2014-financial-hospital-data-sublayout .download-pdf a span {
	display: block;
	padding-top: 250px;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.ar2014-financial-hospital-data-sublayout .chart-desktop-header .chart-header-inside {
			width: 768px;
			background: url(../../images/sublayouts/financial-hospital-data/chart-heading-sm.png) no-repeat right top;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.ar2014-financial-hospital-data-sublayout .summary {
			padding-bottom: 0;
			background: none;
		}

		.ar2014-financial-hospital-data-sublayout .summary .summary-img-desktop {
			display: none;
		}

		.ar2014-financial-hospital-data-sublayout .summary .summary-img-mobile {
			display: inline;
		}

		.ar2014-financial-hospital-data-sublayout .chart {
			margin-bottom: 0;
		}

		.ar2014-financial-hospital-data-sublayout .chart-header-locked {
			position: relative;
			height: auto;
		}

		.ar2014-financial-hospital-data-sublayout .chart-header-inside {
			background: none;
		}

		.ar2014-financial-hospital-data-sublayout .chart-desktop-header {
			display: none;
		}

		.ar2014-financial-hospital-data-sublayout .chart-mobile-dropdown {
			display: block;
		}

		.ar2014-financial-hospital-data-sublayout .chart-mobile-dropdown label {
			margin-bottom: 10px;
			color: #751a67;
			text-align: center;
			font-weight: normal;
		}

		.ar2014-financial-hospital-data-sublayout .chart-mobile-dropdown-field {
			position: relative;
		}

		.ar2014-financial-hospital-data-sublayout .chart-mobile-dropdown select {
			position: relative;
			width: 100%;
			height: 50px;
			z-index: 1;
			opacity: 0;
			cursor: pointer;
		}

		.ar2014-financial-hospital-data-sublayout .chart-mobile-dropdown span {
			position: absolute;
			display: block;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			padding: 0 50px 0 20px;
			z-index: 0;
			font-size: 16px;
			line-height: 50px;
			color: white;
			background: #63136d url(../../images/sublayouts/financial-hospital-data/mobile-dropdown-bg.png) no-repeat right;
			overflow: hidden;
		}

		.ar2014-financial-hospital-data-sublayout .chart-row-container {
			padding: 0;
		}

		.ar2014-financial-hospital-data-sublayout .chart-row-inactive {
			display: none;
		}

		.ar2014-financial-hospital-data-sublayout .chart-row {
			border: none;
		}

		.ar2014-financial-hospital-data-sublayout .chart-row .col {
			position: relative;
			left: auto;
			top: auto;
			right: auto;
			bottom: auto;
			width: auto;
		}

		.ar2014-financial-hospital-data-sublayout .chart-row .col-name {
			display: none;
		}

		.ar2014-financial-hospital-data-sublayout .chart-row .col div.row-label {
			display: block;
			padding: 10px;
			font-weight: bold;
			text-align: center;
			color: white;
			background: #4891ce;
		}

		.ar2014-financial-hospital-data-sublayout .chart-row .col div.row-value {
			position: relative;
			left: auto;
			top: auto;
			right: auto;
			bottom: auto;
			border: none;
			font-size: 26px;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.ar2014-financial-hospital-data-sublayout .download-pdf a {
			width: 300px;
			background-size: contain;
		}

	}

