<?php Header ("Content-type: text/css");?>

<?php

$leveys = $_REQUEST['leveys'];
if(!isset($leveys))
{
	$leveys = 723;
};

$korkeus = $_REQUEST['korkeus'];
if(!isset($korkeus))
{
	$korkeus = 1024;
};

?>


$mobiili_url = "/mobiili/";	


body {

	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url($_SERVER['DOCUMENT_ROOT'] . $mobiili_url . "styles/henksut.png");
}
.header {
	width: <?php echo $leveys; ?>px;
	height: <?php echo intval($leveys/234*42); ?>px;
	font-family: helvetica,arial,sans-serif;
	font-size: 10px;
}

.textbox {
	font-family: helvetica,arial,sans-serif;
	font-size: 14px;
}

.otsake {
	width: <?php echo $leveys; ?>px;
	height: <?php echo intval($leveys/234*42); ?>px;
	font-family: helvetica,arial,sans-serif;
	font-size: 10px;

}


.indented10
{
text-indent: 10px;
}

.indented20
{
text-indent: 20px;
}

ul.ohje {
	list-style-type: inherit;
	list-style-image: inherit;
	list-style-position: outside;
	font-family: Verdana;
	font-size: 10px;
}


.bg { background-color: #ffffff; text-align: center;}


.centeredImage
    {
    text-align:center;
    display:block;
    }
    
.centeralign {
	text-align:center;
}


p	{
	font-family: helvetica,arial,sans-serif;
	font-size: 10px;
}

ps	{
	font-family: helvetica,arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a2081d;
	text-align:center;
}


p14	{
	font-family: helvetica,arial,sans-serif;
	font-size: 14px;
}

pi	{
	font-family: Verdana;
	font-size: 10px;
	text-indent: 10px;
}


td	{
	font-family: Verdana;
	font-size: 1.2em;
}

th	{
	font-family: Verdana;
	font-weight: bold;
	font-size: 1.2em;
}

kt	{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	font-style:italic;
}


whi	{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

va	{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #a2081d;
}


ot	{
	font-family: Verdana;
	font-style: Bold;
	font-size: 18px;
	color: #000000;
}

otp	{
	font-family: Verdana;
	font-style: Bold;
	font-size: 20px;
	color: #a2081d;
}

content	{
	font-family: Verdana;
	font-size: 10px;
}

search-content-style {
	font-family: Verdana;
	font-size: 10px;
}

M_Etsi  {
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}

h3  {
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}

M_Ots {
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}

.mybutton{
        position: relative;
        margin: 0em 4px;
        font-family: helvetica,arial,sans-serif;
        font-size: 100%;
        font-weight: bold;
        background-color:#ffffff; 
        text-align:center;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;
        border: 1px solid #000; 
        padding: 5px;
}
       
.mybutton:hover{
  	background-color:#00ee22; 
  	font-weight: bold; color: red;
     text-decoration:none;
}     


.smallbutton{
        position: relative;
        margin: 0em 4px;
        font-family: helvetica,arial,sans-serif;
        font-size: 100%;
        font-weight: bold;
        background-color:#ffffff; 
        text-align:center;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        border: 1px solid #000; 
        padding: 4px;

}
       
.smallbutton:hover{
  	background:#00ccff; 
    font-weight: bold; color: red;
}  
  
.input {
        position: relative;
        margin: 0em 4px;
        font-family: helvetica,arial,sans-serif;
        font-size:2.5em;
        font-weight: bold;
        padding: 2px;
   		 background: #ffc;
}
.input:hover {
        position: relative;
        margin: 0em 4px;
        font-family: helvetica,arial,sans-serif;
        font-size:2.5em;
        font-weight: bold;
        padding: 2px;
    background: #ff6;
}

.submit input
{
font-size:2.5em;
color: #000;
background: #ffffff;
border: 2px outset #d7b9c9
}

.submit
{
font-size:2.5em;
color: #000;
background: #ffffff;
border: 2px outset #d7b9c9
}

.button {
        position: relative;
        margin: 0em 4px;
        font-family: helvetica,arial,sans-serif;
        font-size:2.5em;
        font-weight: bold;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        padding: 2px;
    background: #ccf;
}
.button:hover {
        position: relative;
        margin: 0em 4px;
        font-family: helvetica,arial,sans-serif;
        font-size:2.5em;
        font-weight: bold;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        padding: 2px;
    background: #eef;
}

fieldset {
  padding: 1em;
  font-size:1.5em;
   border:4px solid #000; 
  }
  
label {
	font-size:2.0em;
    display: block;
    width: 722px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

legend
{
font-size:2.5em;
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 

#textboxid
{
    height:200px;
    font-size:2.0em;
}

#textbuttonid
{
    height:200px;
	font-weight: bold;
	font-size:1.0em;
}


br { clear: left; } 
  
  
.tip {
	font:10px/12px Arial,Helvetica,sans-serif; 
	border:solid 1px #666666; 
	width:130px; 
	padding:1px;
	position:absolute; 
	z-index:100;
	visibility:hidden; 
	color:#333333; 
	top:20px;
	left:90px; 
	background-color:#ffffcc;
	layer-background-color:#ffffcc;
}


t110 {width:130px;}

t210 {width:480px;}

t310 {
	font:bold 14pt verdana,arial,sans-serif;
	background-color:#ffcccc; 
	layer-background-color:#ffcccc;
} 


.right
{
position:absolute;
right:0px;
width:300px;
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
  
#layer1 {position: absolute; top: 0px; left: 0px; height: <?php echo $korkeus; ?>px; width: <?php echo $leveys; ?>px; padding: 0px; margin: 0px; z-index: 1}
                        
#layer2 {position: absolute; top: 0px; left: 0px; height: 50px; width: <?php echo $leveys; ?>px; padding: 0px; margin: 0px; z-index: 2}
#layer3 {position: absolute; top: 50px; left: 0px; height: 50px; width: <?php echo $leveys; ?>px; padding: 0px; margin: 0px; z-index: 3}
#layer4 {position: absolute; top: 92px; left: 0px; height: <?php echo $korkeus; ?>px; width: <?php echo $leveys; ?>px; padding: 0px; margin: 0px; z-index: 4}

#layer7 {position: absolute; top: 300px; left: 200px; height: <?php echo $korkeus; ?>px; width: <?php echo $leveys; ?>px; padding: 0px; margin: 0px; z-index: 7}
#layer8 {position: absolute; top: 300px; left: 400px; height: <?php echo $korkeus; ?>px; width: <?php echo $leveys; ?>px; padding: 0px; margin: 0px; z-index: 8}