body {
    background-repeat: no-repeat;
    background-image: url("file:AutorunConfig/img/bg_${PRODUCTTYPE}.png");
    background-size: 100% 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 630dip;
    height: 450dip;
}

body:rtl
{
    mapping: left-to-right(background-image);
}

#install {
    position: absolute;
    top: 152dip;
    width: 200dip;
    font-size: 20dip;
    line-height: 40dip;
    text-align: center;
    background-color: white;
}
    
    #install:rtl {
        left:none;
        right:29dip;
    }

    #install:not(:rtl) {
        left:29dip;
        right:none;
    }


#menu {
    position: absolute;
    left: 31dip;
    top: 224dip;
    line-height: 20dip;
}

    #menu:rtl {
        left:none;
        right:31dip;
    }

#menu a:link {
    font-size: 13dip;
    color: #ffffff;
}

    #links a:link:focus {
        color: #ffffff;
    }

    #links a:link:hover {
        color: #ffffff;
    }


#bottombar {
    position: absolute;
    left: 0;
    right:0;
    bottom: 0;
    height: 48dip;
    flow: horizontal;
    padding: 0 29dip 0 29dip;
    vertical-align: middle;
}

#bottombar #language {
    width: 175dip;
}
#bottombar #spacer {
    width: 50dip;
    border-color: red;
}

.center{
    vertical-align:middle;
}


.skin-button.install
{ 
	style-set: "skin-button-install";
	min-width:24dip;
	min-height:25dip;
}

@set skin-button-install
  {
    :root
    { 
      background-image: none; 
      background-color: #ffffff; color: #000000; border-color: #ffffff;
    }
    :root[role="default-button"] { outline:2dip solid #a0a0a0 -2dip; /* inside */ }
	:root:hover { background-color: #dcf0ff; border-color: #dcf0ff; }
	:root:active {  background-color: #a7daff; border-color: #a7daff; }
    :root:disabled{ background-color: #9bb2c2; color: #EEE; border-color: #9bb2c2; }
    :root:tab-focus{outline:1dip dotted -4dip; /* inside */}
  }