@charset "UTF-8";
/* CSS Document */

#blanket {
   background-color:#111;
   opacity: 0.65;
   filter:alpha(opacity=65);
   position:absolute;
   z-index: 1000; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv-clickClose,
#popUpDiv-clickClose-01,
#popUpDiv-clickClose-02,
#popUpDiv-clickClose-03,
#popUpDiv-clickClose-04,
#popUpDiv-clickClose-05,
#popUpDiv-clickClose-06,
#popUpDiv-clickClose-07,
#popUpDiv-clickClose-08,
#popUpDiv-clickClose-09,
#popUpDiv-clickClose-10,
#popUpDiv-clickClose-11,
#popUpDiv-clickClose-12 {
	float: right; 
	margin-top: -20px; 
	margin-right: -20px;
}

#popUpDiv-Echo360-table1,
#popUpDiv-Element01 {
	position:absolute;
	background-color:#ffffff;
	width: 730px;
	height: auto;
	z-index: 1000; /*ooveeerrrr nine thoussaaaannnd*/
	padding: 5px;
}


#popUpDiv-Echo360-table2,
#popUpDiv-Element02 {
	position:absolute;
	background-color:#ffffff;
	width: 730px;
	height: auto;
	z-index: 2000; /*ooveeerrrr nine thoussaaaannnd*/
	padding: 5px;
}


#popUpDiv-Echo360-tutorial201311,
#popUpDiv-Element03 {
	position:absolute;
	background-color:#ffffff;
	width: 730px;
	height: auto;
	z-index: 3000; /*ooveeerrrr nine thoussaaaannnd*/
	padding: 5px;
}

#popUpDiv-Element04,
#popUpDiv-Element05,
#popUpDiv-Element06,
#popUpDiv-Element07,
#popUpDiv-Element08,
#popUpDiv-Element09,
#popUpDiv-Element10,
#popUpDiv-Element11,
#popUpDiv-Element12 {
	position:absolute;
	background-color:#ffffff;
	width: 730px;
	height: auto;
	padding: 5px;
}
#popUpDiv-Element04 { z-index: 4000; }
#popUpDiv-Element05 { z-index: 5000; }
#popUpDiv-Element06 { z-index: 6000; }
#popUpDiv-Element07 { z-index: 7000; }
#popUpDiv-Element08 { z-index: 8000; }
#popUpDiv-Element09 { z-index: 9000; }
#popUpDiv-Element10 { z-index: 10000; }
#popUpDiv-Element11 { z-index: 11000; }
#popUpDiv-Element12 { z-index: 12000; }





/* For different resolutions */






/* container width 420px */

/*
@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   (max-device-width:640px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
*/


@media screen and (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   screen and (max-device-width:640px) and (orientation:landscape),
       screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {
		   
		   #popUpDiv-Echo360-table1, #popUpDiv-Echo360-table2, #popUpDiv-Echo360-tutorial201311, #popUpDiv-Element01, #popUpDiv-Element02, #popUpDiv-Element03, #popUpDiv-Element04, #popUpDiv-Element05, #popUpDiv-Element06, #popUpDiv-Element07, #popUpDiv-Element08, #popUpDiv-Element09, #popUpDiv-Element10, #popUpDiv-Element11, #popUpDiv-Element12 {
			   width: 390px;
		   }
		   
		   
	   }




/* container width 300px */

/*
@media (min-device-width:1024px) and (max-width:509px),
       (max-device-width:480px) and (orientation:portrait) {
*/


@media screen and (max-device-width:320px), 
       screen and (min-device-width:1024px) and (max-width:509px),
       screen and (max-device-width:480px) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 2) and (orientation:portrait),
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {
		   
		   #popUpDiv-Echo360-table1, #popUpDiv-Echo360-table2, #popUpDiv-Echo360-tutorial201311, #popUpDiv-Element01, #popUpDiv-Element02, #popUpDiv-Element03, #popUpDiv-Element04, #popUpDiv-Element05, #popUpDiv-Element06, #popUpDiv-Element07, #popUpDiv-Element08, #popUpDiv-Element09, #popUpDiv-Element10, #popUpDiv-Element11, #popUpDiv-Element12 {
			   width: 270px;
		   }
		   
		   
	   }