/*
	ER Div Design
	Author: Jeremiah Weeden-Wright
	
	div class = ehc-er-wait ehc-er-wait-compact/ehc-er-wait-list width:40% for 1 facility, 60% for 2
		div.ehc-er-heading - top left (the background can be an image, but default will be text that can be styled out)
		if more than 2 facilities:
			form.ehc-er-facility-dropdown - top right, absolutely position
		end
		ul.ehc-er-facility-times - float right (for compact) no float for list
			li - 32px
				if fewer than 3 facilities
					span.ehc-er-facility-title - 16px
				end
				span.ehc-er-digits[time value]
				span.ehc-er-mins - 26px
		p.ehc-er-pubdate - 11px bold float left (for compact) no float for list
		p.ehc-er-disclaimer - 10px line height 185px wide 11px normal float left (for compact) no float for list
*/

.ehc-er-wait-wrap {
	position: absolute;
	width: 432px; /* Must be for long facility names (Medical City Children's Hospital) */
	right: 0px;
}

.ehc-er-wait-wrap-header {
	top:30px;
}

.ehc-er-wait-wrap-main {
	position:relative;
	top:50px;
	width:310px;
}

.ehc-er-wait-wrap-footer {
	top:600px;
}

.ehc-er-wait {
	background: #F1F1F1; /* Old browsers */
	background: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/bg-clock.png) no-repeat right 5px, -moz-linear-gradient(top, #FFF 0%, #DCDCDC 100%); /* FF3.6+ */
	background: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/bg-clock.png) no-repeat right 5px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#DCDCDC)); /* Chrome,Safari4+ */
	background: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/bg-clock.png) no-repeat right 5px, -webkit-linear-gradient(top, #FFF 0%,#DCDCDC 100%); /* Chrome10+,Safari5.1+ */
	background: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/bg-clock.png) no-repeat right 5px, -o-linear-gradient(top, #FFF 0%,#DCDCDC 100%); /* Opera11.10+ */
	background: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/bg-clock.png) no-repeat right 5px, -ms-linear-gradient(top, #FFF 0%,#DCDCDC 100%); /* IE10+ */
	background: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/bg-clock.png) no-repeat right 5px, linear-gradient(top, #FFF 0%,#DCDCDC 100%); /* W3C */
	min-height: 85px;
	
	-webkit-box-shadow: inset 0px 0px 1px 1px #666;
	-moz-box-shadow: inset 0px 0px 1px 1px #666;
	box-shadow: inset 0px 0px 1px 1px #666;
}

.ie7 .ehc-er-wait {
	background: #F1F1F1; /* Old browsers */
	border: 1px solid #000;
}

.ie7 .ehc-er-wait-compact {
	height:85px;
}

.ehc-er-wait .ehc-er-heading {
	font-size: 17px;
	z-index: 100;
}

.ehc-er-wait .ehc-er-facility-dropdown {
	padding-right: 5px;
	padding-top: 5px;
}

.ehc-er-wait .ehc-er-facility-dropdown-message {
	position: absolute;
	top: 50px;
	left: 10px;
	font-size: 23px;
}

.ehc-er-wait .ehc-er-facility-ie-hide-disclaimer {
	display:none;
}

.ehc-er-wait .ehc-er-facility-select {
	z-index: 1000;
	float:right;
}

.ehc-er-wait .ehc-er-facility-times {
	width:100%;
	list-style:none;
}

.ehc-er-wait .ehc-er-facility-times li {
	background: #424242;
	-webkit-box-shadow: inset 0px 0px 1px 1px #FFF;
	-moz-box-shadow: inset 0px 0px 1px 1px #FFF;
	box-shadow: inset 0px 0px 1px 1px #FFF;
	border: 1px solid #AAA;

	font-family: arial, sans-serif;
	color:#FFF;

	z-index: 5;
	position:relative;
	display: block;
	height: 48px;
}

.ehc-er-wait .ehc-er-facility-times li .ehc-er-facility-title {
	color:#FFF;
	font-size: 11px;
	display: block;
	padding: 0px 4px;
	font-weight: bold;
}

.ehc-er-wait .ehc-er-facility-times li .ehc-er-pubdate {
	float: left;
	width: 80px;
	font-size: 10px;
	line-height: 1.1;
	color:#CCC;
}

.ehc-er-wait .ehc-er-facility-times li .ehc-er-time {
	color:#FFF;
	float:right;
	top: -7px;
	position: relative;
}

.ehc-er-wait .ehc-er-facility-times li .ehc-er-time .ehc-er-digits {
	font-size: 32px;
	display: inline;
	padding-right: 1px;
}

.ehc-er-wait .ehc-er-facility-times li .ehc-er-time .ehc-er-mins {
	font-size:24px;
}

p.ehc-er-disclaimer {
	color: #999;
	font-size: 10px;
	line-height: 11px;
}

/****************************************************************************************************************
Number of Facility Specific Styles - Heading
****************************************************************************************************************/

.ehc-er-heading-one-facility:before {
	position: absolute;
	content: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/clock.png);
	left: 0px;
	top: -18px;
}

.ehc-er-heading-one-facility {
	position: absolute;
	background: #424242;
	-webkit-box-shadow: inset 0px 0px 1px 1px #FFF;
	-moz-box-shadow: inset 0px 0px 1px 1px #FFF;
	box-shadow: inset 0px 0px 1px 1px #FFF;
	border: 1px solid #AAA;
	
	background: #c9c9c9; /* Old browsers */
	background: -moz-linear-gradient(top, #c9c9c9 0%, #7f7f7f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c9c9c9 0%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c9c9c9 0%,#7f7f7f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #c9c9c9 0%,#7f7f7f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #c9c9c9 0%,#7f7f7f 100%); /* W3C */
	
	color: #FFF;
	height: 24px;
	left: 7px;
	top: 7px;
	padding: 4px 8px 0px 54px;
}

.ie7 .ehc-er-heading-one-facility {
	padding: 4px 8px 0px 10px;
}

/***************************************/

.ehc-er-heading-two-facilities {
	position: absolute;
	background: url(//globalinc.secure.ehc.com/widgets/source/er-wait-times/v2/images/clock.png) no-repeat 5px -7px;
	color: #424242;
	height: 24px;
	left: -6px;
	top: 0px;
	padding: 4px 8px 0px 54px;
	margin-top: -9px;
	padding-top: 14px;
}

/***************************************/

.ehc-er-heading-multiple-facilities {
	padding: 10px 10px 3px 10px;
}

/****************************************************************************************************************
Number of Facility Specific Styles - Times
****************************************************************************************************************/

.ehc-er-facility-times-two-facilities {
	position:absolute;
}

.ehc-er-facility-times-two-facilities li {
	float: left;
	width: 47%;
	top: 25px;
	margin: 4px 6px;
}

.ehc-er-facility-times-two-facilities li .ehc-er-pubdate {
	padding: 1px 0px 1px 5px;
}

.ehc-er-facility-times-two-facilities li .ehc-er-time {
	padding: 1px 5px 1px 0px;
}

/***************************************/

.ehc-er-facility-times-one-facility {
	position: relative;
	float: right;
	top: -15px;
	height: 0px;
}

.ehc-er-facility-times-one-facility li {
	float: right;
	width: 47%;
	top: 18px;
	margin: 4px 6px;
}

.ehc-er-facility-times-one-facility li .ehc-er-pubdate {
	padding: 3px 0px 1px 5px;
}

.ehc-er-facility-times-one-facility li .ehc-er-time {
	padding: 6px 5px 1px 0px;
}

/***************************************/

.ehc-er-facility-times-multiple-facilities {
	top:40px;
}

.ehc-er-facility-times-multiple-facilities li {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5px;
}

.ehc-er-facility-times-multiple-facilities li .ehc-er-pubdate {
	padding: 3px 0px 1px 5px;
}

.ehc-er-facility-times-multiple-facilities li .ehc-er-time {
	padding: 7px 7px 1px 0px;
}

.ie7 .ehc-er-facility-times-multiple-facilities li .ehc-er-time {
	line-height: 20px;
}

/****************************************************************************************************************
Number of Facility Specific Styles - Disclaimer
****************************************************************************************************************/

.ehc-er-disclaimer-two-facilities {
	position: absolute;
	width: 255px;
	top: 0px;
	right: 0px;
	text-align: right;
	padding: 5px 8px 0px 0px;
}

.ehc-er-disclaimer-one-facility {
	position: absolute;
	width: 48%;
	top: 44px;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

.ehc-er-disclaimer-multiple-facilities {
	position: relative;
	padding: 0px 8px 8px 8px;
	text-align: center;
}

/****************************************************************************************************************
Loading Classes
****************************************************************************************************************/
.ehc-er-loading {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:rgba(220,220,220,0.5);
	z-index:40000;
}

.ehc-er-loading img {
	position: relative;
	top:40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ehc-er-loading .ehc-er-load-message {
	position: relative;
	top: 50px;
	left: 10px;
	font-size: 14px;
	color:#4F4C4C;
}

.ehc-er-loading .ehc-er-load-message a {
	color:#4F4C4C;
	text-decoration:underline;
}