body{
    /*background-color: #000033;*/
    font-family: Verdana;
    font-size: 100%;
    
    
    
    background: -webkit-linear-gradient(#000099, #3366cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000099, #3366cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000099, #3366cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000099, #3366cc); /* Standard syntax (must be last) */  
    
    
}



#helabody {
    z-index: 20;
    background: -webkit-linear-gradient(#99ccff,#003333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#99ccff,#003333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#99ccff,#003333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#99ccff,#003333); /* Standard syntax (must be last) */
    text-align: left;
    }    



* {
    box-sizing: border-box;
}


p.intro{
    padding: 0px;
    color: midnightblue;   
}





p.textApp {font-style:verdana; font-size:13px; color:white;}
p.textAppMedium {font-style:verdana; font-size:15px; color:white;}
p.textAppLarge {font-style:verdana; font-size:20px; color:white;}
p.textAppBlack {font-style:verdana; font-size:18px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:14px; color: black;}
p.textAppOrange{font-style:verdana; font-size:17px; font-weight:lighter; color: #ff6600; text-shadow: 1px 1px 1px #333333;} 
p.textAppLightRed{font-style:verdana; font-size:17px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:17px; font-weight:lighter; color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;} 



/* sample*/

@media screen and (max-height: 1100px)
{
p.textApp {font-style:verdana; font-size:10px; color:white;}
p.textAppMedium {font-style:verdana; font-size:12px; color:white;}
p.textAppLarge {font-style:verdana; font-size:15px; color:white;}
p.textAppBlack {font-style:verdana; font-size:15px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:9px; color: black;}
p.textAppOrange{font-style:verdana; font-size:15px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:15px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:15px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}

@media screen and (max-height: 760px)
{
p.textApp {font-style:verdana; font-size:10px; color:white;}
p.textAppMedium {font-style:verdana; font-size:11px; color:white;}
p.textAppLarge {font-style:verdana; font-size:14px; color:white;}
p.textAppBlack {font-style:verdana; font-size:13px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:8px; color: black;}
p.textAppOrange{font-style:verdana; font-size:13px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:13px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:13px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}

@media screen and (max-height: 470px)
{
p.textApp {font-style:verdana; font-size:10px; color:white;}
p.textAppMedium {font-style:verdana; font-size:11px; color:white;}
p.textAppLarge {font-style:verdana; font-size:13px; color:white;}
p.textAppBlack {font-style:verdana; font-size:12px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:7px; color: black;}
p.textAppOrange{font-style:verdana; font-size:12px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:12px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:12px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}


@media screen and (max-width: 460px)
{
p.textApp {font-style:verdana; font-size:9px; color:white;}
p.textAppMedium {font-style:verdana; font-size:10px; color:white;}
p.textAppLarge {font-style:verdana; font-size:12px; color:white;}
p.textAppBlack {font-style:verdana; font-size:11px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:6px; color: black;}
p.textAppOrange{font-style:verdana; font-size:11px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:11px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:11px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}



/*
@media screen and (max-height: 1100px)
{
p.textApp {font-style:verdana; font-size:12px; color:white;}
p.textAppMedium {font-style:verdana; font-size:14px; color:white;}
p.textAppLarge {font-style:verdana; font-size:18px; color:white;}
p.textAppBlack {font-style:verdana; font-size:18px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:13px; color: black;}
p.textAppOrange{font-style:verdana; font-size:17px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:17px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:17px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}

@media screen and (max-height: 760px)
{
p.textApp {font-style:verdana; font-size:11px; color:white;}
p.textAppMedium {font-style:verdana; font-size:12px; color:white;}
p.textAppLarge {font-style:verdana; font-size:15px; color:white;}
p.textAppBlack {font-style:verdana; font-size:15px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:11px; color: black;}
p.textAppOrange{font-style:verdana; font-size:15px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:15px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:15px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}

@media screen and (max-height: 470px)
{
p.textApp {font-style:verdana; font-size:10px; color:white;}
p.textAppMedium {font-style:verdana; font-size:11px; color:white;}
p.textAppLarge {font-style:verdana; font-size:14px; color:white;}
p.textAppBlack {font-style:verdana; font-size:13px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:10px; color: black;}
p.textAppOrange{font-style:verdana; font-size:13px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:13px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:13px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}

@media screen and (max-height: 360px)
{
p.textApp {font-style:verdana; font-size:10px; color:white;}
p.textAppMedium {font-style:verdana; font-size:11px; color:white;}
p.textAppLarge {font-style:verdana; font-size:13px; color:white;}
p.textAppBlack {font-style:verdana; font-size:12px; color: black;}
boxAppBlackSmall {position: absolute; left: 100px; width: 65px; height: 65px;}
p.textAppBlackSmall {font-style:verdana; font-size:9px; color: black;}
p.textAppOrange{font-style:verdana; font-size:12px; font-weight:lighter;color: #ff6600; text-shadow: 1px 1px 1px #333333;}
p.textAppLightRed{font-style:verdana; font-size:12px; color: #ffcccc;}
p.textAppRedvio{font-style:verdana; font-size:12px; font-weight:lighter;color: rgba(255, 51, 153, 1.0); text-shadow: 1px 1px 1px #666666;}
}

*/









p.textYesNo{font-style:verdana; font-size:80px; color:transparent;}

.nobr { white-space: nowrap }



.checkboxBox {display: inline-block; position: absolute; left: 0px;}


.checkboxLabel {display: inline-block; position: absolute; left: 100px;}

.checkboxLabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0px;
}



.checkboxLabelMed {display: inline-block; position: absolute; left: 100px;}

.checkboxLabelMed input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0px;
}


.checkboxLabelMed2 {display: inline-block; position: absolute; left: 100px;}

.checkboxLabelMed2 input {

}



 #headMenueContainer {
    background: #000033;
    margin: 0 px;
    padding: 0px;
    box-shadow: 30px 30px 40px black;
    z-index: 20;
   
}



 #allContainer {
    /*background: #000099;*/
    background: transparent;
    height: 1500px;
    width: 1300px;
    margin: 0 px;
    padding: 0px;
    box-shadow: 30px 30px 40px rgba(0, 0, 0, 0.3);
    z-index: 20;
    
    
    
    
    
/*     transform: translate(-25%, -25%) scale(0.5, 0.5); */
/*    /*Firefox*/
/*    -moz-transform: translate(-25%, -25%) scale(0.5, 0.5); */
/*    /*Microsoft Internet Explorer*/
/*    -ms-transform: translate(-25%, -25%) scale(0.5, 0.5); */
/*    /*Chrome, Safari*/
/*    -webkit-transform: translate(-0%, -0%) scale(1.0, 1.0); */
/*    /*Opera*/
/*    -o-transform: translate(-25%, -25%) scale(0.5, 0.5); */
   
   
}


#canvasBakgrund {

	background: -webkit-linear-gradient(#000099, #3366cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000099, #3366cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000099, #3366cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000099, #3366cc); /* Standard syntax (must be last) */ 
    
    background: -webkit-linear-gradient(#3366cc, "transparent"); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3366cc, "transparent"); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3366cc, "transparent"); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3366cc, "transparent"); /* Standard syntax (must be last) */ 
    
    background-image: linear-gradient(to top, rgba(0,0,153,0), rgba(0,0,153,1));
    
    z-index: 10;
    position: fixed; left: 0px; top: 0px; border:0px; padding: 0px; margin: 0px;
}



#summaryCanvasContainer {
box-shadow: 30px 30px 40px rgba(0, 0, 0, 0.3);
    
}



#submitSkyIntro {
    position:relative;
    padding: 0px;
}


#roadIAPload {
position: absolute; left: 30px; top:1080px;
z-index: 39900;
}

#roadIAPloadText {
position: absolute; left: 280px; top:1080px;
z-index: 39900;
}

#fjarilload {
position: absolute; left: 300px; top:260px;
z-index: 50000;
}

#pratbubblaDiv {
position: absolute; left: 300px; top:260px;
z-index: 50000;
/*background: url(../ulibimagesweb/pratbubbla_03.png);
background-repeat: no-repeat;
background-size: auto;
*/
}



#responseMessage2Div {
position: absolute; left: 300px; top:260px;
z-index: 50000;
/*padding: 10px;*/
}


.fjarilClass {position: absolute;
}


#responseMessage2 {
position: inherit;
/*position: relative;*/
display: inline-block;
margin: 0px;
z-index: 50000;
/*padding: 3px;*/
}

#fjarilload2 {
position: absolute; left: 150px; top:200px;
/*  //sep2018  z-index: 40000;*/

z-index: 60000;
}

#responseMessage22 {
position: absolute; left: 150px; top:250px;
z-index: 40000;
}

#fjarilsearch {
position: relative;
display: inline-block;
z-index: 17000;
}

#responseMessage3 {
position: relative;
display: inline-block;
z-index: 17000;
}

#responseMessage1 {
position: relative;
display: block;
z-index: 17000;
}




.loadbutton {
    
    padding:4px;
    margin: 11px;
    
    /*Button  padding:3px;
    margin: 5px;*/
    display: block;
    height: 150px;
    width: 350px;
    background: #fff;
    border: 3px solid rgba(33, 68, 72, 0.59);
     
    /*Text Style*/
    /*color: rgba(0, 0, 0, 0.55);  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.8);*/
    color: #fff;
    text-align: center;
    font: 80px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    /*CSS3 Styles*/
    background: -webkit-linear-gradient(top, #fff, #6699cc);
    background: -moz-linear-gradient(top, #fff, #6699cc);
    background: -o-linear-gradient(top, #fff, #6699cc);
    background: -ms-linear-gradient(top, #fff, #6699cc);
    background: linear-gradient(top, #fff, #6699cc);
     
    -webkit-border-radius: 75px;
    -khtml-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
     
    -webkit-box-shadow: 0 5px 0 #1b383b;
    -moz-box-shadow: 0 5px 0 #1b383b;
    box-shadow: 0 5px 0 #1b383b;
     
    text-shadow: 0 2px 2px rgba(51, 51, 51, 0.8);
    
    z-index: 19000;
     
}




.sharebutton {
    
    padding:3px;
    margin: 5px;
    
    /*Button*/
    display: block;
    height: 80px;
    width: 220px;
    background: #fff;
    border: 2px solid rgba(33, 68, 72, 0.59);
     
    /*Text Style*/
    /*color: rgba(0, 0, 0, 0.55);*/
    color: #fff;
    text-align: center;
    font: 50px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    /*CSS3 Styles*/
    background: -webkit-linear-gradient(top, #6699cc, #fff);
    background: -moz-linear-gradient(top, #6699cc, #fff);
    background: -o-linear-gradient(top, #6699cc, #fff);
    background: -ms-linear-gradient(top, #6699cc, #fff);
    background: linear-gradient(top, #6699cc, #fff);
     
    -webkit-border-radius: 55px;
    -khtml-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
     
    -webkit-box-shadow: 0 3px 0 #1b383b;
    -moz-box-shadow: 0 3px 0 #1b383b;
    box-shadow: 0 3px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
    
    z-index: 19000;

}


.searchbutton {
     
   
    position:relative; 
    padding:3px;
    margin: 11px;
    
    /*Button*/
    
    height: 45px;
    width: 150px;
    background: #fff;
    border: 1px solid rgba(33, 68, 72, 0.59);
    display: inline-block;
     
    /*Text Style*/
    /*color: rgba(0, 0, 0, 0.55);*/
    color: #000000;
    text-align: center;
    font: 22px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    /*CSS3 Styles*/
    background: -webkit-linear-gradient(top, #fff, #fff);
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -o-linear-gradient(top, #fff, #fff);
    background: -ms-linear-gradient(top, #fff, #fff);
    background: linear-gradient(top, #fff, #fff);
     
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
    z-index: 17000;
     
}
 


/*sample*/

@media screen and (max-height: 1100px){

.loadbutton {
    
    padding:4px;
    margin: 11px;
      
    height: 70px;
    width: 150px;    
    border: 2px solid rgba(33, 68, 72, 0.59);
        
    font: 40px Verdana, Arial, Helvetica, Geneva, sans-serif;
         
    -webkit-border-radius: 38px;
    -khtml-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
     
    -webkit-box-shadow: 0 3px 0 #1b383b;
    -moz-box-shadow: 0 3px 0 #1b383b;
    box-shadow: 0 3px 0 #1b383b;
     
    text-shadow: 0 2px 2px rgba(51, 51, 51, 0.8);
}


.sharebutton {
    
    padding:3px;
    margin: 5px;
    
    height: 54px;
    width: 135px;

    border: 2px solid rgba(33, 68, 72, 0.59);
     
    font: 32px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
     
    -webkit-box-shadow: 0 3px 0 #1b383b;
    -moz-box-shadow: 0 3px 0 #1b383b;
    box-shadow: 0 3px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
}


.searchbutton {
  
    padding:3px;
    margin: 11px;
    
    height: 40px;
    width: 120px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
    
    font: 20px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);   
}
 
}


@media screen and (max-height: 760px){

.loadbutton {
    
    padding:4px;
    margin: 11px;
    
    height: 38px;
    width: 80px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 24px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
     
    -webkit-box-shadow: 0 2px 0 #1b383b;
    -moz-box-shadow: 0 2px 0 #1b383b;
    box-shadow: 0 2px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(51, 51, 51, 0.8);
}


.sharebutton {
    
    padding:3px;
    margin: 5px;
    
    height: 33px;
    width: 78px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 19px Verdana, Arial, Helvetica, Geneva, sans-serif;
       
    -webkit-border-radius: 21px;
    -khtml-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
}


.searchbutton {
     
    padding:2px;
    margin: 6px;
    
    height: 25px;
    width: 70px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
   
    font: 13px Verdana, Arial, Helvetica, Geneva, sans-serif;
    
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);   
}
 
}

@media screen and (max-height: 470px){

.loadbutton {
    
    padding:4px;
    margin: 11px;
    
    height: 35px;
    width: 75px;
  
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 20px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
     
    -webkit-box-shadow: 0 2px 0 #1b383b;
    -moz-box-shadow: 0 2px 0 #1b383b;
    box-shadow: 0 2px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(51, 51, 51, 0.8);
}


.sharebutton {
    
    padding:2px;
    margin: 4px;
    
    height: 25px;
    width: 65px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 17px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
}


.searchbutton {
 
    padding:2px;
    margin: 6px;
    
    height: 20px;
    width: 60px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
    
    font: 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
  
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); 
}
 
}


/*
@media screen and (max-height: 1100px){

.loadbutton {
    
    padding:4px;
    margin: 11px;
      
    height: 100px;
    width: 230px;    
    border: 2px solid rgba(33, 68, 72, 0.59);
        
    font: 50px Verdana, Arial, Helvetica, Geneva, sans-serif;
         
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
     
    -webkit-box-shadow: 0 4px 0 #1b383b;
    -moz-box-shadow: 0 4px 0 #1b383b;
    box-shadow: 0 4px 0 #1b383b;
     
    text-shadow: 0 2px 2px rgba(51, 51, 51, 0.8);
}


.sharebutton {
    
    padding:3px;
    margin: 5px;
    
    height: 75px;
    width: 180px;

    border: 2px solid rgba(33, 68, 72, 0.59);
     
    font: 40px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
     
    -webkit-box-shadow: 0 3px 0 #1b383b;
    -moz-box-shadow: 0 3px 0 #1b383b;
    box-shadow: 0 3px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
}


.searchbutton {
  
    padding:3px;
    margin: 11px;
    
    height: 40px;
    width: 135px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
    
    font: 21px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 21px;
    -khtml-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);   
}
 
}

@media screen and (max-height: 760px){

.loadbutton {
    
    padding:4px;
    margin: 11px;
      
    height: 70px;
    width: 150px;    
    border: 2px solid rgba(33, 68, 72, 0.59);
        
    font: 40px Verdana, Arial, Helvetica, Geneva, sans-serif;
         
    -webkit-border-radius: 38px;
    -khtml-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
     
    -webkit-box-shadow: 0 3px 0 #1b383b;
    -moz-box-shadow: 0 3px 0 #1b383b;
    box-shadow: 0 3px 0 #1b383b;
     
    text-shadow: 0 2px 2px rgba(51, 51, 51, 0.8);
}


.sharebutton {
    
    padding:3px;
    margin: 5px;
    
    height: 54px;
    width: 135px;

    border: 2px solid rgba(33, 68, 72, 0.59);
     
    font: 32px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
     
    -webkit-box-shadow: 0 3px 0 #1b383b;
    -moz-box-shadow: 0 3px 0 #1b383b;
    box-shadow: 0 3px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
}


.searchbutton {
  
    padding:3px;
    margin: 11px;
    
    height: 40px;
    width: 120px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
    
    font: 20px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);   
}
 
}


@media screen and (max-height: 470px){

.loadbutton {
    
    padding:4px;
    margin: 11px;
    
    height: 38px;
    width: 80px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 24px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
     
    -webkit-box-shadow: 0 2px 0 #1b383b;
    -moz-box-shadow: 0 2px 0 #1b383b;
    box-shadow: 0 2px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(51, 51, 51, 0.8);
}


.sharebutton {
    
    padding:3px;
    margin: 5px;
    
    height: 33px;
    width: 78px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 19px Verdana, Arial, Helvetica, Geneva, sans-serif;
       
    -webkit-border-radius: 21px;
    -khtml-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
}


.searchbutton {
     
    padding:2px;
    margin: 6px;
    
    height: 25px;
    width: 70px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
   
    font: 13px Verdana, Arial, Helvetica, Geneva, sans-serif;
    
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);   
}
 
}

@media screen and (max-height: 360px){

.loadbutton {
    
    padding:4px;
    margin: 11px;
    
    height: 35px;
    width: 75px;
  
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 20px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
     
    -webkit-box-shadow: 0 2px 0 #1b383b;
    -moz-box-shadow: 0 2px 0 #1b383b;
    box-shadow: 0 2px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(51, 51, 51, 0.8);
}


.sharebutton {
    
    padding:2px;
    margin: 4px;
    
    height: 25px;
    width: 65px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
     
    font: 17px Verdana, Arial, Helvetica, Geneva, sans-serif;
     
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(0, 51, 102, 0.8);
}


.searchbutton {
 
    padding:2px;
    margin: 6px;
    
    height: 20px;
    width: 60px;
   
    border: 1px solid rgba(33, 68, 72, 0.59);
    
    font: 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
  
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
     
    -webkit-box-shadow: 0 1px 0 #1b383b;
    -moz-box-shadow: 0 1px 0 #1b383b;
    box-shadow: 0 1px 0 #1b383b;
     
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); 
}
 
}
*/









/*Link Styling*/
a.button {
    text-decoration: none;
}






#mapholdernew {
    position: relative; left:0px; padding:0px; margin:0px; width:1000px; height:1200px; background-color: transparent; border:0px; font-style:verdana; font-size:20px z-index: 17000;
} 



#myCanvasContainer {
    padding:0px; margin:0px; width:1300px; height:1500px; background-color:transparent; border:0px; font-style:verdana; 
} 


#choseCurvesList {
    position: relative; left:0px; padding:0px; margin:0px; width:1000px; height:1100px; background-color:transparent; border:0px; font-style:verdana; font-size:18px; z-index: 17000; 
}



#CurveListContainerLeftHighSky {
    position: absolute; left:340px; top:0px; 
} 
#CurveListContainerLeftSky {
    position: absolute; left:340px; top:40px; 
} 
#CurveListContainerRightSky {
    position: absolute; left:710px; top:40px; 
} 




#CurveListContainerAirPressure {
    position: absolute; left:710px; top:270px; 
}
#CurveListContainerAirAirvarme {
    position: absolute; left:340px; top:180px; 
}
#CurveListContainerAirFeelslikevarme {
    position: absolute; left:710px; top:180px; 
}
#CurveListContainerAirSurfacevarme {
    position: absolute; left:340px; top:450px; 
}  
#CurveListContainerAirWindspeed {
    position: absolute; left:340px; top:270px; 
} 
#CurveListContainerAirWindgust {
    position: absolute; left:340px; top:360px; 
}
#CurveListContainerAirWinddirection {
    position: absolute; left:710px; top:360px; 
}
#CurveListContainerAirEvaporation {
    position: absolute; left:710px; top:450px; 
}

#CurveListContainerLeftGroundMenu {
    position: absolute; left:20px; top:410px; padding:0px; margin:0px; width:200px; height:90px; background-color:transparent; border:0px; font-style:verdana; font-size:18px;
}

 #CurveListContainerLeftGroundUp1 {
    position: absolute; left:220px; top:540px;  
}
#CurveListContainerLeftGroundUp2 {
    position: absolute; left:340px; top:630px; 
}

#CurveListContainerRightGroundUp1 {
    position: absolute; left:710px; top:540px; 
}

#CurveListContainerRightGroundUp2 {
    position: absolute; left:710px; top:630px; 
} 

 
#CurveListContainerLeftGroundDownWater{
    position: absolute; left:340px; top:720px; 
}
#CurveListContainerLeftGroundDownIce {
    position: absolute; left:340px; top:810px; 
} 
#CurveListContainerRightGroundDownWind {
    position: absolute; left:710px; top:720px; 
}
#CurveListContainerRightGroundDownSnow {
    position: absolute; left:710px; top:810px; 
} 


.CurveListContainerRight {width:380px; height:90px; background-color:transparent; border:0px; font-style:verdana; font-size:18px;}
.CurveListContainerLeft {width:380px; height:90px; background-color:transparent; border:0px; font-style:verdana; font-size:18px;}








.placecolor{
    background: -webkit-linear-gradient(transparent,#003300); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent,#003300); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent,#003300); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent,#003300); /* Standard syntax (must be last) */
}



.panelBoxLarge {
    position:relative; padding:0px; margin-left: 25px; margin-right: 25px; width: 850 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:18px; border-radius: 4px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:2px; width:25px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:3px; width:40px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 5px; margin-right: 5px; width: 80 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:17px; border-radius: 2px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 4px; margin-right: 4px; width: 360 px; height:30px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:16px; border-radius:2px;
}

/*sample*/

@media screen and (max-height: 1100px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 22px; margin-right: 22px; width: 600 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:19px; border-radius: 4px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:2px; width:25px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:3px; width:38px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 4px; margin-right: 4px; width: 100 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:20px; border-radius: 2px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 3px; margin-right: 3px; width: 300 px; height:25px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius:2px;
}
}

@media screen and (max-height: 760px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 20px; margin-right: 20px; width: 450 px; height:30px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:18px; border-radius: 2px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:1px; width:20px; height:15px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:12px; border-radius: 1px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:2px; width:35px; height:19px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:14px; border-radius: 1px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 3px; margin-right: 3px; width: 100 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:18px; border-radius: 1px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 2px; margin-right: 2px; width: 250 px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:14px; border-radius:1px;
}
}

@media screen and (max-height: 470px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 15px; margin-right: 15px; width: 300 px; height:25px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:0px; width:15px; height:12px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:10px; border-radius: 1px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:1px; width:25px; height:12px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:10px; border-radius: 1px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 2px; margin-right: 2px; width: 90 px; height:22px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:13px; border-radius: 1px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 1px; margin-right: 1px; width: 120 px; height:18px; background-color:#fff; border: 0px solid #999; font-style:verdana; font-size:12px; border-radius:1px;
}
}

@media screen and (max-width: 460px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 10px; margin-right: 10px; width: 200 px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:11px; border-radius: 2px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:0px; width:13px; height:10px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:8px; border-radius: 1px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:1px; width:20px; height:10px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:8px; border-radius: 1px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 1px; margin-right: 1px; width: 75 px; height:19px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:10px; border-radius: 1px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 1px; margin-right: 1px; width: 100 px; height:16px; background-color:#fff; border: 0px solid #999; font-style:verdana; font-size:9px; border-radius:1px;
}
}



/*
@media screen and (max-height: 1100px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 23px; margin-right: 23px; width: 700 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:17px; border-radius: 4px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:2px; width:25px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:3px; width:39px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 4px; margin-right: 4px; width: 90 px; height:32px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:17px; border-radius: 2px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 3px; margin-right: 3px; width: 320 px; height:27px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius:2px;
}
}

@media screen and (max-height: 760px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 22px; margin-right: 22px; width: 600 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:16px; border-radius: 4px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:2px; width:25px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:3px; width:38px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 4px; margin-right: 4px; width: 100 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:20px; border-radius: 2px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 3px; margin-right: 3px; width: 300 px; height:25px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius:2px;
}
}

@media screen and (max-height: 470px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 20px; margin-right: 20px; width: 450 px; height:30px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 3px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:1px; width:20px; height:19px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:13px; border-radius: 2px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:2px; width:35px; height:19px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:14px; border-radius: 2px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 3px; margin-right: 3px; width: 100 px; height:35px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:18px; border-radius: 2px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 2px; margin-right: 2px; width: 250 px; height:20px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:14px; border-radius:2px;
}
}

@media screen and (max-height: 360px){
.panelBoxLarge {
    position:relative; padding:0px; margin-left: 15px; margin-right: 15px; width: 300 px; height:25px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:15px; border-radius: 2px;
}
.panelBoxSmall {
    position:relative; padding:0px; margin:0px; width:15px; height:12px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:10px; border-radius: 1px;
}
.panelBoxSmallMedium {
    position:relative; padding:0px; margin:1px; width:25px; height:12px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:10px; border-radius: 1px;
}
.panelBoxMedium {
    position:relative; padding:0px; margin-left: 2px; margin-right: 2px; width: 90 px; height:22px; background-color:#fff; border: 1px solid #999; font-style:verdana; font-size:13px; border-radius: 1px;
}
.panelBoxForm {
    position:relative; padding:0px; margin-left: 1px; margin-right: 1px; width: 120 px; height:18px; background-color:#fff; border: 0px solid #999; font-style:verdana; font-size:12px; border-radius:1px;
}
}
*/




#headmargin
{
    position:relative;
    top: 0px;
    left:0px;
    height: 40px;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    z-index: 25000;
    /*background: #3399ff;*/
    background: #000099;   
}


#reportpageContainer
{
    height: 1605px;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    z-index: 25000;
    background: -webkit-linear-gradient(#000099, #3366cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000099, #3366cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000099, #3366cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000099, #3366cc); /* Standard syntax (must be last) */  
    
    box-shadow: 30px 30px 40px rgba(0, 0, 0, 0.3);   
}

    
#filmContainer
{
    margin: 0px;
    padding: 0px;
    z-index: 26000;
    background: transparent;
}


#introCanvasContainer1
{
    margin: 0px;
    padding: 0px;
    z-index: 26000;
    background: transparent;
}      





.fixedclass1 {position: fixed; top: 0px; left: 0px;}

.fixedclass2 {position: fixed; top: 145px; left: 0px;}

.fixedclass3 {position: fixed; top: 145px; left: 880px;}



#report-form-all {width: 1000px; height: 1605px; }


#report-right {position: absolute; top: 40px; left: 537px; width: 462px; height: 1605px; z-index: 25000; clear: left; display: inline-block; }


#report-left-and-middle-frame{top: 0px; left: 0px; height:1605px; width: 538px; margin:0px; padding: 0px 0px 0px 0px; overflow-y: scroll; overflow-x: hidden;}
.report-left-and-middle-stuff {left: 0px; width:538px; margin: 0px; padding: 0px;}


#report-left  {position: absolute; top: 40px; left: 0px; width: 538px; height: 1605px; display: inline-block; margin:0px; padding: 0px; overflow: hidden;}




#report-right-frame{top: 0px; left: 0px; width: 462px; padding: 0px; margin: 0px 0px 0px 0px;}

#sendform {position: absolute; top: 1288px; left: 537px; width: 462px; clear: left; display: inline-block; z-index: 32000;
    background: -webkit-linear-gradient(#336600, #999933); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#336600, #999933); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#336600, #999933); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#336600, #999933); /* Standard syntax (must be last) */
    background:#336600;
}

#sendform2 {position: absolute; top: 1500px; left: 537px; width: 462px; clear: left; display: inline-block; z-index: 25000;
    background: -webkit-linear-gradient(#336600,#003300); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#336600,#003300); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#336600,#003300); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#336600,#003300); /* Standard syntax (must be last) */
}





#form-wrapper-ground {position: absolute; width: 462px; top: 1288px; left: 537px; z-index: 31000; background: #336600 url(../ulibimagesweb/moln/moln_background_ground_600.gif) no-repeat;
    background: -webkit-linear-gradient(#999933, #336600); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#999933, #336600); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#999933, #336600); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#999933, #336600); /* Standard syntax (must be last) */
}    


#report-left-and-middle-frame-sky1 {position: relative; float: left; width:538px; background: url(../ulibimagesweb/moln/moln_background_sky_600.gif) no-repeat;  /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000099, #3366cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000099, #3366cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000099, #3366cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000099, #3366cc); /* Standard syntax (must be last) */ 
}


#report-left-and-middle-frame-sky2 {position: relative; float: left; width:538px; background: url(../ulibimagesweb/moln/moln_background_skyair_600.gif) no-repeat;
    background: -webkit-linear-gradient(#3366cc, #6699cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3366cc, #6699cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3366cc, #6699cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3366cc, #6699cc); /* Standard syntax (must be last) */   
}


#lowclouds {position: relative; background: url(../ulibimagesweb/moln/moln_background_skyair_600.gif) no-repeat;  /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3366cc, #6699cc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3366cc, #6699cc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3366cc, #6699cc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3366cc, #6699cc); /* Standard syntax (must be last) */   
}


#report-left-and-middle-frame-air {position: relative; float: left; width:538px; background: url(../ulibimagesweb/moln/moln_background_air_600.gif) no-repeat;
    background: -webkit-linear-gradient(#6699cc, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#6699cc, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#6699cc, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#6699cc, #ffffff); /* Standard syntax (must be last) */
}


#report-left-and-middle-frame-ground { position: relative; float: left; width:538px; height: 900px;
    background: -webkit-linear-gradient(#999933, #336600); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#999933, #336600); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#999933, #336600); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#999933, #336600); /* Standard syntax (must be last) */
}



.report-left-stuff {width:125px; left: 0px; float: left; padding: 0px; margin: 0px;}

#report-left-trash {width:125px; float: left;  }
#report-left-sky1 {width:125px; float: left;  }
#report-left-sky2 {width:125px; float: left; }
#report-left-air {width:125px; float: left;}
#report-left-ground {width:125px; float: left;}



.report-middle-stuff {width:413px;}
.report-middle-stuff-special {width:413px; top: 120px;}



#report-middle-trash { width:413px; float: right;}
#report-middle-sky1 { width:413px; float: right;}
#report-middle-sky2 {width:413px; float: right; }
#report-middle-air { width:413px; float: right;  }
#report-middle-ground { width:413px; float: right;}


p.bigbok {font-size:25px; font-weight:lighter; padding:0px 0px 4px 0px; margin: 0px 0px 0px 0px; color: #ffffff;}
p.mediumbok {font-size:15px; font-weight:lighter; top: 10px; left: 6px; padding:0px 0px 1px 0px; margin: 0px 0px 0px 0px; color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:14px; font-weight:lighter; padding:0px 0px 2px 0px; margin: 0px 0px 0px 0px; color: black;}
p.smallbok {font-size:11px; font-weight:lighter; padding:0px; margin:0px; color: black; }

/*sample*/

@media screen and (max-height: 1100px){
p.bigbok {font-size:18px; font-weight:lighter; padding:0px 0 3px 0px; margin: 0px 0px 0px 0px; color: #ffffff;}
p.mediumbok {font-size:11px; font-weight:lighter; top: 5px; left: 3px; padding:0px 0px 1px 0px; margin: 0px 0px 0px 0px; color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:10px; font-weight:lighter; padding:0px 0px 2px 0px; margin: 0px 0px 0px 0px; color: black; }
p.smallbok {font-size:10px; font-weight:lighter; padding:0px; margin:0px; color: black; }
}

@media screen and (max-height: 760px){
p.bigbok {font-size:15px; font-weight:lighter; padding:0px 0 3px 0px; margin: 0px 0px 0px 0px; color: #ffffff;}
p.mediumbok {font-size:9px; font-weight:lighter; top: 4px; left: 2px; padding:0px 0px 1px 0px; margin: 0px 0px 0px 0px; color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:11px; font-weight:lighter; padding:0px 0px 2px 0px; margin: 0px 0px 0px 0px; color: black; }
p.smallbok {font-size:9px; font-weight:lighter; padding:0px; margin:0px; color: black; }
}

@media screen and (max-height: 470px){
p.bigbok {font-size:13px; font-weight:lighter; padding:0px 0px 2px 0px; 0px 0px 0px 0px;  color: #ffffff;}
p.mediumbok {font-size:7px; font-weight:lighter; top: 3px; left: 1px; padding:0px 0px 0px; margin: 0px 0px 0px 0px;  color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:10px; font-weight:lighter; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;  color: black;  }
p.smallbok {font-size:8px; font-weight:lighter; padding:0px; margin:0px; color: black; }
}


@media screen and (max-width: 460px){
p.bigbok {font-size:9px; font-weight:lighter; padding:0px 0 1px 0px; margin: 0 0 1px 0; color: #ffffff;}
p.mediumbok {font-size:6px; font-weight:lighter; top: 2px; left: 1px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;  color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:8px; font-weight:lighter; padding:0px 0px 1px 0px; margin: 0px 0px 0px 0px;  color: black;  }
p.smallbok {font-size:5px; font-weight:lighter; padding:0; margin:0; color: black; }
}


/*
@media screen and (max-height: 1100px){
p.bigbok {font-size:22px; font-weight:lighter; padding:0px 0 3px 0px; margin: 0px 0px 0px 0px; color: #ffffff;}
p.mediumbok {font-size:14px; font-weight:lighter; top: 6px; left: 4px; padding:0px 0px 1px 0px; margin: 0px 0px 0px 0px; color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:13px; font-weight:lighter; padding:0px 0px 2px 0px; margin: 0px 0px 0px 0px; color: black; }
p.smallbok {font-size:10px; font-weight:lighter; padding:0px; margin:0px; color: black; }
}

@media screen and (max-height: 760px){
p.bigbok {font-size:18px; font-weight:lighter; padding:0px 0 3px 0px; margin: 0px 0px 0px 0px; color: #ffffff;}
p.mediumbok {font-size:13px; font-weight:lighter; top: 5px; left: 3px; padding:0px 0px 1px 0px; margin: 0px 0px 0px 0px; color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:10px; font-weight:lighter; padding:0px 0px 2px 0px; margin: 0px 0px 0px 0px; color: black; }
p.smallbok {font-size:10px; font-weight:lighter; padding:0px; margin:0px; color: black; }
}

@media screen and (max-height: 470px){
p.bigbok {font-size:15px; font-weight:lighter; padding:0px 0 3px 0px; margin: 0px 0px 0px 0px; color: #ffffff;}
p.mediumbok {font-size:12px; font-weight:lighter; top: 4px; left: 2px; padding:0px 0px 1px 0px; margin: 0px 0px 0px 0px; color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:11px; font-weight:lighter; padding:0px 0px 2px 0px; margin: 0px 0px 0px 0px; color: black; }
p.smallbok {font-size:9px; font-weight:lighter; padding:0px; margin:0px; color: black; }
}

@media screen and (max-height: 360px){
p.bigbok {font-size:13px; font-weight:lighter; padding:0px 0px 2px 0px; 0px 0px 0px 0px;  color: #ffffff;}
p.mediumbok {font-size:10px; font-weight:lighter; top: 3px; left: 1px; padding:0px 0px 0px; margin: 0px 0px 0px 0px;  color: #ffffff; text-shadow: 1px 1px 1px #000000; }
.labelbok {font-size:10px; font-weight:lighter; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;  color: black;  }
p.smallbok {font-size:8px; font-weight:lighter; padding:0px; margin:0px; color: black; }
}
*/




.rapportmoln { width:120px; height:90px; border-radius: 4px;}
.rapportluft { width:120px; height:231px; border-radius: 4px;}
.rapportmark { width:120px; height:120px; border-radius: 4px;}




.rapportmoln { width: 30%; height: 30%; border-radius: 4px;}
.rapportluft { width: 30%; height: 30%; border-radius: 4px;}
.rapportmark { width: 30%; height: 30%; border-radius: 4px;}