/*** copyright 2016 White Pond Design LLC ***/

.onbd_overlay1, .onbd_overlay2, .onbd_overlay3, .onbd_overlay4, .onbd_overlay5, .onbd_overlay6, .onbd_overlay7, .onbd_overlay8 {
		color: #808284;
		border-width:0px;
		border-style:solid;
		border-color:#0000ff;
		background-repeat: no-repeat;
	  z-index:2000;
	}

.onbd_but_panel, .onbd_left_but, .onbd_rght_but, .onbd_cancel_but, .onbd_nav_txt {
		color: #808284;
		border-width:0px;
		border-style:solid;
		border-color:#ff0000;
	  z-index:2000;
	}

/* The navigation remains fixed within the button panel for laptop and tablet */

 .onbd_left_but {
		float:left;
		color: #c12336;
		font-size: 160%;
		margin-bottom:0.5em;
		padding-left:0.5em; 
		height: 70px;
		width: 130px;
		text-align: left;
		font-weight:560;
		cursor:default;
		background-image:url(../../images/onbdStrt/button_left_dis.png);     /*** background: url(http://www.homecare.com/images/callOuts/callOut_newMed_1.png); ***/
		background-repeat: no-repeat;
	}
	
	.onbd_rght_but {
		float:left;
		color: #c12336;
		font-size: 160%;
		margin-bottom:1.0em;
		padding-left:0.5em; 
		height: 70px;
		width: 130px;
		text-align: left;
		font-weight:560;
		cursor:default;
		background-image:url(../../images/onbdStrt/button_right_dis.png);    
		background-repeat: no-repeat;
	}
	
	.onbd_rght_but_done {
		float:left;
		color: #c12336;
		font-size: 160%;
		margin-bottom:1.0em;
		padding-left:.5em; 
		height: 70px;
		width: 120px;
		text-align: left;
		font-weight:560;
		cursor:pointer;
		background-image:url(../../images/onbdStrt/button_done.png);    
		background-repeat: no-repeat;
	}
	
	.onbd_cancel_but {
		float:right;
		color: #c12336;
		font-size: 160%;
		margin-bottom:1.0em;
		padding-left:1.5em; 
		height: 70px;
		width: 120px;
		text-align: left;
		font-weight:560;
		cursor:pointer;
		background-image:url(../../images/onbdStrt/button_cancel.png);    
		background-repeat: no-repeat;
	}
	
	.onbd_nav_txt {
		float:left;
		color: #c12336;
		font-size: 100%;
		padding-top:1.5em;
		padding-left:0.5em; 
		height: 70px;
		width: 100px;
		text-align: bottom;
		font-weight:560;
	}
	
	.medDialogId {
		float:left;
		color: #c12336;
		font-size: 160%;
		margin-top:1.0em;
		padding-left:0.5em; 
		height: 75px;
		width: 800px;
		text-align: left;
		font-weight:560;
	}

/* Now the responsive layouts */

/* Desktop */
@media screen and (min-width: 1200px) {
	
	/*** Reduced state classes ***/
	
  .onbd_overlay1 {
		position: fixed;
		top: 10em;
		left: 10%;
		width: 700px;
		height: 200px;
		background-image:url(../../images/onbdStrt/callOut_clear_1.png);     
		display: none;
	}
		
	.onbd_overlay2 {
		position: absolute;
		top: 8em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}
	.onbd_overlay3 {
		position: absolute;
		top: 6em;
		left: 10%;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);    
		display: none;
	}
	
	.onbd_overlay4 {
		position: absolute;
		top: 5em;
		left: 10%;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}
	
	.onbd_overlay5 {
		position: absolute;
		top: 15em;
		left: 10%;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}

.onbd_overlay_txt1 {
		color: #c12336;
		font-size: 120%;
		padding-top:1.5em;
		padding-left:1.5em; 
		line-height: 1.5; 
		width: 300px;
		text-align: left;
		border:0px solid #080; 
		font-weight:560;
	}
	
	.onbd_but_panel {
		position: fixed;
		top: 80%;
		left: 28%;
		color: #c12336;
		font-size: 100%;
		padding-top:0.8em;
		padding-left:1.0em; 
		margin: auto;
		height: 90px;
		width: 640px;
		text-align: left;
		font-weight:560;
		z-index:2000;
		background-image:url(../../images/onbdStrt/button_panel.png);     /*** background: url(http://www.homecare.com/images/callOuts/callOut_newMed_1.png); ***/
		background-repeat: no-repeat;
		display: none;
	}

/****  these classes used when all states are included
  .onbd_overlay1 {
		position: fixed;
		top: 10em;
		left: 20%;
		width: 700px;
		height: 200px;
		background-image:url(../../images/onbdStrt/callOut_clear_1.png);     
		display: none;
	}
		
	.onbd_overlay2 {
		position: absolute;
		top: 8em;
		left: 10em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}
	.onbd_overlay3 {
		position: absolute;
		top: 11em;
		left: 10em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);     
		display: none;
	}
	
	.onbd_overlay4 {
		position: absolute;
		top: 6em;
		left: 10em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);    
		display: none;
	}
	
	.onbd_overlay5 {
		position: absolute;
		top: 14em;
		left: 10em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);  
		display: none;
	}
	
	.onbd_overlay6 {
		position: absolute;
		top: 19em;
		left: 10em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);     
		display: none;
	}
	
	.onbd_overlay7 {
		position: absolute;
		top: 5em;
		left: 40%;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}
	
	.onbd_overlay8 {
		position: absolute;
		top: 12em;
		left: 10em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}
	
	***/
}

/* Tablet */
@media screen and (min-width: 737px) and (max-width: 1200px) {

.onbd_overlay1 {
		position: fixed;
		top: 9em;
		left: 1em;
		width: 700px;
		height: 200px;
		background-image:url(../../images/onbdStrt/callOut_clear_1.png);    
		display: none;
	}
		
	.onbd_overlay2 {
		position: absolute;
		top: 9em;
		left: 1em;
		width: 276px;
		height: 272px;
		background-image:url(../../images/onbdStrt/callOut_clear_1b.png);  
		display: none;
	}
	
	.onbd_overlay3 {
		position: absolute;
		top: 8em;
		left: 1em;
		width: 347px;
		height: 269px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1b.png); 
		display: none;
	}
	
	.onbd_overlay4 {
		position: absolute;
		top: 5em;
		left: 2em;
		width: 355px;
		height: 164px;
		background-image:url(../../images/onbdStrt/callOut_clear_1c.png);   
		display: none;
	}
	
	.onbd_overlay5 {
		position: absolute;
		top: 14em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}
	
	.onbd_overlay_txt1 {
		color: #c12336;
		font-size: 90%;
		padding-top:4em;
		padding-left:1.5em; 
		line-height: 1.5; 
		width: 300px;
		text-align: left;
		border:0px solid #080; 
		font-weight:560;
	}
	
	.onbd_but_panel {
		position: fixed;
		top: 80%;
		left: 10em;
		color: #c12336;
		font-size: 100%;
		padding-top:0.8em;
		padding-left:1.0em; 
		margin: auto;
		height: 90px;
		width: 640px;
		text-align: left;
		font-weight:560;
		z-index:2000;
		background-image:url(../../images/onbdStrt/button_panel.png);     /*** background: url(http://www.homecare.com/images/callOuts/callOut_newMed_1.png); ***/
		background-repeat: no-repeat;
		display: none;
	}

/****  these classes used when all states are included
.onbd_overlay1 {
		position: fixed;
		top: 9em;
		left: 8em;
		width: 700px;
		height: 200px;
		background-image:url(../../images/onbdStrt/callOut_clear_1.png);    
		display: none;
	}
		
	.onbd_overlay2 {
		position: absolute;
		top: 8em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);   
		display: none;
	}
	
	.onbd_overlay3 {
		position: absolute;
		top: 11em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);  
		display: none;
	}
	
	.onbd_overlay4 {
		position: absolute;
		top: 8em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png); 
		display: none;
	}
	
	.onbd_overlay5 {
		position: absolute;
		top: 15em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);    
		display: none;
	}
	
	.onbd_overlay6 {
		position: absolute;
		top: 19em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);    
		display: none;
	}
	
	.onbd_overlay7 {
		position: absolute;
		top: 5em;
		left: 18em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);   
		display: none;
	}
	
	.onbd_overlay8 {
		position: absolute;
		top: 12em;
		left: 2em;
		width: 412px;
		height: 370px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		display: none;
	}
	
***/
}

/* Mobile */
@media screen and (max-width: 736px) {

.onbd_overlay1 {
		position: fixed;
		top: 9em;
		left: 8em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		background-size: contain;
		display: none;
	}
			
	.onbd_overlay2 {
		position: absolute;
		top: 9em;
		left: 0em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1b.png);  
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay3 {
		position: absolute;
		top: 8em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);   
		background-size: contain;
		display: none;
	}
		
	.onbd_overlay4 {
		position: absolute;
		top: 5em;
		left: 0em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);  
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay5 {
		position: absolute;
		top: 14em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		background-size: contain;
		display: none;
	}

.onbd_overlay_txt1 {
		color: #c12336;
		font-size: 95%;
		padding-top:3.0em;
		padding-left:1.0em; 
		line-height: 1.5; 
		width: 190px;
		text-align: left;
		border:0px solid #080; 
		font-weight:560;
	}
	
		/*** The button panel for mobile ***/
	.onbd_but_panel {
		position: fixed;
		top: 80%;
		left: 1em;
		color: #c12336;
		font-size: 100%;
		padding-top:0.8em;
		padding-left:1.0em; 
		margin: auto;
		height: 90px;
		width: 580px;
		text-align: left;
		font-weight:560;
		z-index:2000;
		background-image:url(../../images/onbdStrt/button_panel.png);     /*** background: url(http://www.homecare.com/images/callOuts/callOut_newMed_1.png); ***/
		background-repeat: no-repeat;
		background-size: contain;
		display: none;
	}

/****  these classes used when all states are included

.onbd_overlay1 {
		position: fixed;
		top: 9em;
		left: 8em;
		width: 525px;
		height: 150px;
		background-image:url(../../images/onbdStrt/callOut_clear_1.png);    
		background-size: contain;
		display: none;
	}
		
	.onbd_overlay2 {
		position: absolute;
		top: 8em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay3 {
		position: absolute;
		top: 11em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);   
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay4 {
		position: absolute;
		top: 8em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);   
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay5 {
		position: absolute;
		top: 15em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);   
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay6 {
		position: absolute;
		top: 19em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clearFlp_1a.png);   
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay7 {
		position: absolute;
		top: 5em;
		left: 18em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);  
		background-size: contain;
		display: none;
	}
	
	.onbd_overlay8 {
		position: absolute;
		top: 12em;
		left: 2em;
		width: 309px;
		height: 278px;
		background-image:url(../../images/onbdStrt/callOut_clear_1a.png);    
		background-size: contain;
		display: none;
	}
***/

}