<link href="css/main_style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/menu_style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/print_style.css" rel="stylesheet" type="text/css" media="print" />
<link rel="shortcut icon" type="image/x-icon" href="custom/images/favicon.ico" />

<meta name="viewport" content="user-scalable=0, initial-scale=1.0, width=device-width" />


<meta name="apple-mobile-web-app-capable" content="yes" />

<link rel="apple-touch-icon" href="touch-icon-iphone.png"> 
<link rel="apple-touch-icon" sizes="76x76" href="images/touch-icon-ipad.png"> 
<link rel="apple-touch-icon" sizes="120x120" href="images/touch-icon-iphone-retina.png"> 
<link rel="apple-touch-icon" sizes="152x152" href="images/touch-icon-ipad-retina.png"> 

<meta name="apple-mobile-web-app-status-bar-style" content="black"> 

<script type="application/javascript" src="js/add2home.js"></script>
<link href="css/add2home.css" rel="stylesheet" type="text/css" media="screen" />



<style type="text/css">
    #warning-message { display: none; }
    @media only screen and (orientation:portrait){
        #screen-wrapper { display:none; }
        #warning-message { display:block; padding:30px;font-size:2em;color:#fff; }
    }
    @media only screen and (orientation:landscape){
        #warning-message { display:none; }
    }
</style>

<script type="text/javascript">

var isClickable = function (elem) {
if (elem.nodeName.toLowerCase() === 'a' || elem.nodeName.toLowerCase() === 'input' || elem.nodeName.toLowerCase() === 'textarea')
return true;
return (elem.parentNode.nodeName.toLowerCase() !== 'body') && isClickable(elem.parentNode);
};

document.ontouchmove = function (event) {
var target = event.touches[0].target;
if (!isClickable(target))
event.preventDefault();
};
</script>
