#backgroundPopup { 
	z-index:9999; 
	position: fixed; 
	display:none;
	height:100%; 
	width:100%; 
	background:#000000; 
	top:0px; left:0px; 
} 

#toPopup { 
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	background: none repeat scroll 0 0 #FFFFFF; 
	border: 10px solid #ccc; 
	border-radius: 3px 3px 3px 3px; 
	color: #333333; 
	display: none; 
	font-size: 14px; 
	left: 50%; 
	margin-left: -402px; 
	position: fixed; 
	top: 6%; 
	width: 800px; 
	z-index: 99999; 
	
	color: #333333;
    font-family: calibri;
    font-size: 16px;
    line-height: 22px;
    padding: 10px;
} 

#toPopup1 { 
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	background: none repeat scroll 0 0 #FFFFFF; 
	border: 10px solid #ccc; 
	border-radius: 3px 3px 3px 3px; 
	color: #333333; 
	display: none; 
	font-size: 14px; 
	left: 50%; 
	margin-left: -402px; 
	position: fixed; 
	top: 6%; 
	width: 800px; 
	z-index: 99999; 
}

div.loader { 
	background: url("../images/loading.gif") no-repeat scroll 0 0 transparent; 
	height: 32px; 
	width: 32px; 
	display: none; 
	z-index: 9999; 
	top: 40%; 
	left: 50%; 
	position: absolute; 
	margin-left: -10px; 
} 

div.close { 
	background: url("../images/closebox.png") no-repeat scroll 0 0 transparent; 
	cursor: pointer; 
	height: 30px; 
	position: absolute; 
	right: -27px; 
	top: -24px; 
	width: 30px; 
} 

span.ecs_tooltip { 
	background: none repeat scroll 0 0 #000000; 
	border-radius: 2px 2px 2px 2px; 
	color: #FFFFFF; 
	display: none; 
	font-size: 11px; 
	height: 16px; 
	opacity: 0.7; 
	padding: 4px 3px 2px 5px; 
	position: absolute; 
	right: -62px; 
	text-align: center; 
	top: -51px; width: 93px; 
} 
span.arrow { 
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent; 
	border-top: 7px solid #000000; 
	display: block; 
	height: 1px; 
	left: 40px; 
	position: relative; 
	top: 3px; 
	width: 1px; 
} 
div#popup_content { 
	margin: 4px 7px; 
	overflow-y:scroll; 
	height:500px;
} 
div#popup_content1 { 
	margin: 4px 7px; 
	overflow-y:scroll; 
	height:230px;
} 


#main-in-pop-up{width:80%;margin:auto;}
#pop-other-lft{width:80%;float:left}
#pop-other-rgt{width:18%;float:right;}

#popup_content p{border-bottom:1px solid #f1f1f1;}
#popup_content a{color:#000;text-decoration:none;}
#popup_content a:hover{color:#b2b2b2}

#pop-other-lft p{ margin:0px; padding:0px;}
#pop-other-lft h4{ padding:10px 0px; margin:0px;}



/*Start Popup For Family Members*/

#toPopup_f { 
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	background: none repeat scroll 0 0 #FFFFFF; 
	border: 10px solid #ccc; 
	border-radius: 3px 3px 3px 3px; 
	color: #333333; 
	display: none; 
	font-size: 14px; 
	left: 50%; 
	margin-left: -402px; 
	position: fixed; 
	top: 6%; 
	width: 800px; 
	z-index: 2; 
} 
/*End Popup For Family Members*/


@media only screen and ( min-width: 768px) and ( max-width: 1024px ) {

#toPopup { width:600px; left:475px; top:50px;}
div#popup_content{ height:320px;}
#main-in-pop-up{ width:70% !important;}
	
	}
	
	
@media only screen and ( min-width: 600px) and ( max-width: 768px) {
	
#toPopup { width:440px; left:475px; top:50px;}
div#popup_content{ height:320px;}
#main-in-pop-up{ width:70% !important;}
	
	}
	
@media only screen and ( max-width: 600px) and ( min-width: 320px ) {
#toPopup { width:240px; left:417px; top:50px;}
div#popup_content{ height:320px; float:right;}
#main-in-pop-up{ width:100% !important; padding:0px;}
#pop-other-rgt{ float:right; width:100%;}
	}