
/* Cascading style sheet for Vaderprognosen.se web weather */
.main-box {position:absolute; width: 210; height: 105; border: .0em solid grey; padding: .0em; background-color:#ffffff;}
.topfield {position:absolute; top:0; height:20; left:0; width:210; border-width: 0 .0em; padding: 0 .0em; background-color:".$color1."; }
.leftfield {position:absolute; top:20; height:85; left:0; width:15; border-width: 0 .0em; padding: 0 .0em; background-color:".$color2."; }
.leftline {position:absolute; top:0; height:105; left:15; width:1; border-width: 0 .0em; padding: 0 .0em; background-color:#000000; }
.vproglogo {position:absolute; top:90; height:15; left:15; width:195; border-width: 0 .0em; padding: 0 .0em;}
/*// Stationname*/
.stationname {position:absolute; top:2;left:18; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:12pt;font-color:#000000;}
/*// Today*/
.today {position:absolute; top:25;left:20; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:12pt; font-color:lightgrey; }
/*// Tomorrow*/
.tomorrow {position:absolute; top:25;left:110; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:12pt; font-color:lightgrey; }
/*// Today temp*/
.temp1 {position:absolute; top:45;left:33; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:16pt; font-color:#000000; }
/*// Tomorrow temp*/
.temp2 {position:absolute; top:45;left:133; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:16pt; font-color:#000000; }
/*// Today wind*/
.wind1 {position:absolute; top:70;left:30; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:9pt; font-color:#444444; }
/*// Tomorrow wind*/
.wind2 {position:absolute; top:70;left:125; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:9pt; font-color:#444444; }

/*// Today wx*/
.wx1 {position:absolute; top:45;left:65; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }
/*// Tomorrow wx*/
.wx2 {position:absolute; top:45;left:165; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }

/*// Today snow*/
.snow1 {position:absolute; top:78;left:50; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }
/*// Tomorrow snow*/
.snow2 {position:absolute; top:78;left:150; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }

/*// Warning*/
.warning {position:absolute; top:-1;left:150; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:7pt; font-color:#444444; nowrap }
.warningimg {position:absolute; top:1;left:125; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; nowrap }


/*////////////////////////////////////////////////////////////////////*/
/*// Vertical box //*/
/* Cascading style sheet for Vaderprognosen.se web weather */
.main-boxvert {position:absolute; width: 115; height: 210; border: .0em solid grey; padding: .0em; background-color:#ffffff;}
.topfieldvert {position:absolute; top:0; height:20; left:0; width:115; border-width: 0 .0em; padding: 0 .0em; background-color:".$color1."; }
.leftfieldvert {position:absolute; top:20; height:190; left:0; width:10; border-width: 0 .0em; padding: 0 .0em; background-color:".$color2."; }
.leftlinevert {position:absolute; top:0; height:210; left:10; width:1; border-width: 0 .0em; padding: 0 .0em; background-color:#000000; }
.vproglogovert {position:absolute; top:196; height:15; left:0; width:115; border-width: 0 .0em; padding: 0 .0em;}
/*// Stationname*/
.stationnamevert {position:absolute; top:2;left:12; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:12pt;font-color:#000000;}
/*// Today*/
.todayvert {position:absolute; top:25;left:20; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:12pt; font-color:lightgrey; }
/*// Tomorrow*/
.tomorrowvert {position:absolute; top:100;left:20; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:12pt; font-color:lightgrey; }
/*// Today temp*/
.temp1vert {position:absolute; top:48;left:33; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:16pt; font-color:#000000; }
/*// Tomorrow temp*/
.temp2vert {position:absolute; top:123;left:33; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:16pt; font-color:#000000; }
/*// Today wind*/
.wind1vert {position:absolute; top:80;left:45; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:9pt; font-color:#444444; }
/*// Tomorrow wind*/
.wind2vert {position:absolute; top:155;left:45; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:9pt; font-color:#444444; }

/*// Today wx*/
.wx1vert {position:absolute; top:48;left:67; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }
/*// Tomorrow wx*/
.wx2vert {position:absolute; top:123;left:67; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }

/*// Today snow*/
.snow1vert {position:absolute; top:78;left:50; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }
/*// Tomorrow snow*/
.snow2vert {position:absolute; top:78;left:150; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; }

/*// Warning*/
.warningvert {position:absolute; top:175;left:45; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:7pt; font-color:#444444; nowrap }
.warningimgvert {position:absolute; top:175;left:20; border-width: 0 .0em; padding: 0 .0em; font-family:Arial; font-weight:bold; font-size:8pt; font-color:#444444; nowrap }

