.pdfViewerContainer{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
	display:none;
	-moz-user-select: none;
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	z-index:1000;
	top: 0;
}

.pdfViewerBox{
		/* vertically aligned to center via javascript */
	position: absolute;
	left: 0; right: 0; top:5%;
	margin-left: auto;
	margin-right: auto;
	height: 85%;
	width: 85%;
    background-color: #111111;
    color: white;
    border: 2px solid #20a8d8;
    z-index:1001;
}

.holterContainer{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 1);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
	/*visibility: hidden;*/
	display:none;
	-moz-user-select: none;
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	z-index:90;
}

.holterBox{
		/* vertically aligned to center via javascript */
	position: absolute;
	left: 0; right: 0; top:35px;
	margin-left: auto;
	margin-right: auto;
	height: 93%;
	width: 98%;
    background-color: #111111;
    color: white;
    border: 2px solid #20a8d8;
    z-index:91;
}

.prevHolter {
	background: url(../assets/left32x32.png) no-repeat center;
    height: 32px;
    width: 32px;
    background-size: 100% 100%;
    border: none;
    vertical-align: top;
    opacity: 70%;
}

.prevHolter:hover {
	opacity: 100%;
}

.nextHolter {
	background: url(../assets/right32x32.png) no-repeat center;
    height: 32px;
    width: 32px;
    background-size: 100% 100%;
    border: none;
    vertical-align: top;
    opacity: 70%;
}

.nextHolter:hover {
	opacity: 100%;
}

.holter-icon {
	height: 28px;
	margin: 0;
	position: relative;
	opacity: 80%;
	cursor: pointer;
}

.holter-icon:hover {
    opacity: 100%;
}

.holter-icon.selected {
	height: 30px;
	border-bottom: 2px solid #FFFFFF;
	border-radius: 6px;
	opacity: 100%;
	cursor: default;
}

.holterHistoryButton {
	background: url(../assets/patient20x20.png) no-repeat center;
    height: 24px;
    width: 24px;
    background-size: 100% 100%;
    border: none;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.holterInfoButton {
	background: url(../assets/info20x20-header.png) no-repeat center;
    height: 24px;
    width: 24px;
    background-size: 100% 100%;
    border: none;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.holterHistoryButton:focus {
	outline: none; 
}

.holterInfoButton:focus {
	outline: none; 
}

.prevHolter:focus {
	outline: none; 
}

.nextHolter:focus {
	outline: none; 
}

#holterPatientData {
    position: absolute;
    left: 0;
    color: white;
    margin: 0.5em 0 0 1em;
}