/* Common CSS to all */
@media screen{
  	.l{position: absolute;left: 8px;top:8px;z-index: 100;cursor: pointer;}
  	.r{position: absolute;right:8px;top:8px;z-index: 100;cursor: pointer;}
  	#headImg{position: absolute; top:3px}
  	#mainHead{position: absolute;overflow:hidden;left:95px;top:24px;width:152px;color:#FF3300;font-family: Verdana;font-weight:bold;font-size: 26px; height:33px;}
  	#twomainHead{position: absolute;overflow:hidden;left:-24px;top:23px;width:100px;height:63px;color:#000000;font-family: Verdana;font-weight:normal;font-size: 20px;}
}   #subHead{position: absolute;overflow:hidden;left:260px;top:24px;width:152px;height:33px;color:#000000;font-family: Verdana;font-weight:normal;font-size: 20px;}

	.infoPopUp{display: none;font-family: Verdana;font-size: 12px;z-index:1000;background:white;position: absolute; width:310px;max-height: 250px; padding-left: 15px;padding-top: 23px; padding-right: 20px; padding-bottom: 10px;right:30px; top:13px;-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35)}
	#greybar{position: absolute; width:100%;height: 10px;top:0px;left:0px; background-color: gray;}
	#infpopupclosebotton{position:absolute;top:-13px;right:-13px;cursor: pointer;}
	#popuphead{color:#0F75BD;font-family: Verdana;font-weight:bold;font-size: 12px; line-height: 12px; height:12px;margin-bottom: 5px;}
	#inlineHead{color:#000000;font-family: Verdana;font-weight:bold;font-size: 12px; line-height: 12px; height:12px;}
	* p{margin-top: 5px; margin-bottom: 0px}
	
	
	
	#warning{position: absolute;top:0px;left:0px;width:100%; height:100%;background-image:url(../img/white.png);background-repeat:repeat;z-index: 3000;}
	#warning #browserPopup{overflow:hidden;position: absolute; width:300px; height:200px;  left:0; right:0; top:0; bottom:0; margin:auto;background-color: white;z-index: 3001;-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.35)}
	#browserPopupgreybar{position: absolute; top:0px; width:100%; height:10px;background-color: gray;}
	#browserPopupmessage{text-align: center;position: relative; top:25px;width:280; color:#000000;font-family: Verdana;font-weight:normal;font-size: 20px;}
	#browserPopuplink{position: absolute; top:154px;left:40px}
}

/* Desktop, iframe of (800~960) within big browser (>1024) */
@media screen and (min-device-width:1025px) and (min-width:800px) and (max-width:960px) 
{
  
}

/* Desktop, iframe of (960~1024) within big browser (>1024) */
@media screen and (min-device-width:1025px) and (min-width: 961px) and (max-width: 1024px) 
{
  
    
}

/* Desktop, "full screen" within big browser (>1024) */
@media screen and (min-device-width:1025px) and (min-width: 1025px) 
{
    
}

/* Portrait mode for common tablets by exact aspect ratio*/
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)/*ipad */
{
 
}

/* Landscape mode for common tablets by exact aspect ratio*/
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)/*ipad */
{
  
}

/* Portrait mode for common tablets by exact aspect ratio*/
@media screen and (min-device-width: 1025px) and (orientation:portrait)/*Xoom and Nook */
{
  
}