﻿@media print {
	div#MainContentDiv {
		min-height: 1200px;
	}

	a.ui-slider-handle {
		color: red;
		background: red;
	}

	.ui-state-default, .ui-slider .ui-state-default {
		background: #fff;
		box-shadow: 0 0 0 1px #000, 0 0 3px 1px #999;
		border-radius: 50%;
		width: 2em;
		height: 2em;
		vertical-align: middle;
		top: -.8em;
	}

	.ui-corner-all {
		border-radius: 0;
		border: 0;
	}

	.ui-slider {
		background: #000;
		height: 4px;
		margin: 1em 0;
	}

	.ui-dialog .ui-widget-content {
		border: 1px solid #aaaaaa;
		background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	}

	#Filter ul {
		list-style-type: none;
	}

	#Filter h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	#Filter ul li div {
		font-size: 1.2em;
		font-weight: bold;
	}

	#Filter .ui-slider {
		font-size: .7em;
		margin: 2em 0;
	}


	#Filter ul li {
		width: 40%;
		margin-right: 10%;
		float: left;
		border-bottom: 1px solid #eee;
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
		line-height: 1.9em;
	}

	.values span.current {
		color: #000;
		width: 4em;
		display: inline-block;
	}

	.values span.max {
		color: #ccc;
	}

	#Filter ul li div.or {
		font-weight: normal;
		color: #ccc;
		padding: 0 0 1em 0;
		text-transform: uppercase;
	}

	.active .values span.current {
		color: #0097F8;
	}

	.active .ui-widget-content {
		background: #0097F8;
	}

	.active .ui-state-default, active .ui-widget-content .ui-state-default {
		box-shadow: 0 0 0 1px #0097F8, 0 0 3px 1px #999;
	}

	.none label {
		font-size: .9em;
		font-weight: normal;
		color: #999;
		vertical-align: bottom;
	}

	#Filter h2, #PlanTypes h2, #SortOptions h2 {
		font-size: 1.2em;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
		padding: 1em 4em 1em 2em;
		width: auto;
		border: 1px solid #eee;
		float: right;
		display: inline-block;
		/* right: 1px; */
		/* margin: 0 0 0 auto; */
		border-bottom: 1px solid #fff;
		/* margin-top: 1px; */
		z-index: 11;
		position: relative;
		background-color: #fff;
		background: url(/healthcare-insurance/benefits-plus/images/icons/ic_keyboard_arrow_up_48px.png) no-repeat 9em #fff;
	}

	#Filter, #PlanTypes, #SortOptions {
		width: 65%;
		/* border: 1px solid #eee; */
		overflow: visible;
		position: relative;
		/* right: 0; */
		margin: 0 0 0 auto;
		float: right;
		/* top: 0; */
	}

		#Filter ul, #PlanTypes > div, #SortOptions > div {
			border: 1px solid #eee;
			overflow: auto;
			margin: 0;
			padding: 2em 4em;
			/* margin-top: -10px; */
			clear: both;
			z-index: 10;
			position: relative;
			top: 3.7em;
			box-shadow: -2px 1px 6px #ccc;
			position: absolute;
			background-color: #fff;
			/* right: -1px; */
		}

		#Filter.closed h2, #PlanTypes.closed h2, #SortOptions.closed h2 {
			border: 1px solid #eee;
			background-image: url(/healthcare-insurance/benefits-plus/images/icons/ic_keyboard_arrow_down_48px.png);
		}

		#Filter h2:hover, #PlanTypes h2:hover, #SortOptions h2:hover {
			cursor: pointer;
		}

		#Filter.closed ul, #PlanTypes.closed > div, #SortOptions.closed > div {
			display: none;
		}


		#PlanTypes > div {
			max-height: 800%;
			top: 4.5em;
		}

		#PlanTypes h2 {
		}

	#PlanTypes {
		float: left;
		position: absolute;
	}

		#PlanTypes h2 {
			float: left;
			background-position: 21em;
		}

	#SortOptions h2 {
	}

	#SortOptions h2 {
		float: left;
		background-position: 18em;
		margin-left: 500px;
	}

	#SortOptions > div {
		max-height: 800%;
		top: 4.5em;
		margin-left: 500px;
	}

	#SortOptions {
		float: left;
		position: absolute;
	}

	/* separate the refine results button from the table */
	.DataTable {
		top: 1em;
		position: relative;
	}

		.DataTable th {
			vertical-align: bottom;
		}


	span.Buttons {
		display: block;
		margin-left: 30%;
		width: auto;
		padding: 15px;
		position: absolute;
	}

		span.Buttons.dock {
			position: fixed;
			bottom: 0;
			z-index: 100;
			background-color: rgba(255, 255, 255, 0.75);
			overflow: auto;
			padding: 15px;
			border-radius: 10px 10px 0 0;
			border: 1px solid #ebebeb;
		}

	tr.current {
		background-color: #eee;
	}

		tr.current td em {
			font-weight: bold;
			display: block;
			white-space: nowrap;
		}

	#PlanTypes .DataTable tr th p {
		font-size: 1em;
		font-weight: normal;
	}

	#LimitWarning {
		padding-top: 4em;
		font-weight: bold;
		font-size: medium;
		color: red;
	}

	.description {
		display: none;
		white-space: pre-wrap; /* CSS3 */
		white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
		white-space: -pre-wrap; /* Opera 4-6 */
		white-space: -o-pre-wrap; /* Opera 7 */
		word-wrap: break-word; /* Internet Explorer 5.5+ */
	}

	.moreInfo {
		cursor: pointer;
	}

	p.highlight {
		font-size: 1.8em;
		float: left;
	}

	#DashboardNotificationsTable tr:nth-child(even) {
		background-color: #f2fcfc;
	}

	#DashboardNotificationsTable tr.current:nth-child(even) {
		background-color: #eee;
	}

	#header-fixed {
		position: fixed;
		top: 0px;
		display: none;
		background-color: white;
	}

	#Filter.closed h2 {
		background-color: #fdffaa;
	}

	.MessageKeyContainer {
		display: inline-block;
		width: 100%;
	}

	.MembershipKey {
		display: inline-block;
		border: 1px solid #eee;
		padding: 15px;
	}

	.MembershipKeyWrapper {
		white-space: nowrap;
		display: inline-block;
		padding-right: .25em;
		padding-left: 1em;
	}

	.MembershipKeyDisplay {
		display: inline;
		padding-right: 1.5em;
	}

	.fr {
		float: right;
	}

	.fl {
		float: left;
	}

	.clear {
		clear: both;
	}

	.costDisplayWrapper {
		white-space: nowrap;
	}

	.costDisplay {
		display: inline;
		padding-right: .5em;
	}

		.costDisplay.hidden {
			color: #999;
			text-decoration: line-through;
		}

	.costDisplayMinWidth {
		min-width: 60px;
	}


	input[type="submit"]:active {
		top: 0px !important;
	}

	p#Disclaimer {
		background-color: #fff1d2;
		padding: .5em 1em;
		margin-bottom: 1em;
	}
}
