/**************************************************************/
/* Cascading Style Sheet for Vaderprognosen.se Copywright 2006*/
/**************************************************************/
/* Main body*/
body             { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; }
/* Tables*/
table            { position: absolute; font-family: arial, sans-serif; font-size: 10px; color: black; font-weight: normal; width: 100%; }
table.main       { position: absolute; left: 0px; top: 0px; border-collapse: collapse; width: 1130px; height: 150%; cell-spacing: 0px; border-right: silver 1px solid; }
table.mainframe  { position: absolute; left: 0px; top: 0px; border-collapse: collapse; height: 100%; cell-spacing: 0px; border-right: silver 1px solid; }
table.links      { cell-spacing: 0px; width: 120px; border: 0px; }
table.map        { cell-spacing: 0px; padding: 0px; position: absolute; width: 129px; top: 0px; left: 0px; border: 1px solid black; }
/* Header cells in tables*/
th.left          { width: 130px; height: 30px; background-color: #7381ca;}
th.left2         { width:  20px; height: 30px; border-right: black 1px solid; background-color: #7381ca;}
th.main          { width: 680px; height: 30px; background-color: #7381ca;}
th.right         { width: 300px; height: 30px; background-color: #7381ca;}
th.top           { width: 140px;}
/* Data cells*/
td.left          { width: 130px; border-right: black 1px solid;  background-image: url(/images/wx_bg2_20050109.png) }
td.left2         { width:  20px; border-right: black 1px solid; background-color: #d9ddf2; }
td.main          { width: 680px; font-family: arial,sans-serif; font-size: 10px; color: black; font-weight: normal; padding-left: 10px; vertical-align: top; }
td.right         { width: 300px; border-left: black 1px solid; background-image: url(/images/wx_bg2_20050109.png) }
td.img           { width: 110px; align: center; valign: top; }
/* Divider */
div.logo         { left: 25px; position: absolute; top: 32px; margin: 0px; border: black 1px solid;}
div.logoframe    { left: -125px; position: absolute; top: 32px; margin: 0px; border: black 1px solid;}
div.banner       { left:  835px; position: absolute; top: 32px; margin: 0px; border-right: silver 1px solid;}
div.copyright    { font-family: arial,sans-serif; font-size: 10px; color: black; font-weight: normal; width: 120px; left: 25px; position: absolute; bottom: 10px; height: 1.2em;}
div.links        { position: absolute; left: 30px; top: 110px; font-family: arial; font-size: 10px; color: #000099; font-weight: normal; }
div.linkssmall   { position: absolute; left: 30px; top: 100px; font-family: arial; font-size: 10px; color: #000099; font-weight: normal; }
div.temp         { left: 625px; width: 132px; position: absolute; top: 400px; height: 120px; }
div.map          { left: 660px; width: 160px; position: absolute; top: 100px; height: 370px; border-top: silver 1px solid;  border-bottom: silver 1px solid;}
div.news         { left: 160px; width: 660px; position: absolute; top: 500px; height: 330px; border-top: silver 1px solid;  border-bottom: silver 1px solid;}
div.intro        { left: 160px; width: 490px; position: absolute; top: 100px; height: 400px; border-top: silver 1px solid; }
div.analys       { left: 160px; width: 350px; position: absolute; top: 100px; height: 500px; border-top: silver 1px solid;  border-bottom: silver 1px solid;}
div.obsmap       { left: 520px; width: 300px; position: absolute; top: 100px; height: 500px; border-top: silver 1px solid;  border-bottom: silver 1px solid;}

span.copyright   { font-family: arial, sans-serif; font-size: 9px; color: black; font-weight: normal; margin-left: 5px; }
/* Images */
img.left         { float: left; margin: 2px; }
img.right        { float: right; margin: 2px; }
/* Lists */
dl.lists	 { list-style: outside;}
li.lists	 { list-style-image: url(/images/vprognos_bullet.png); list-style-position: outside; max-height: 15px;}
/* Links */
a                { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: bold; text-decoration: none ; border: none; border: 0;}
a:active         { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: bold; border: none; border: 0; }
a:visited        { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: bold; border: none; border: 0; }
a:hover          { font-family: arial, sans-serif; font-size: 12px; color: #d9ddf2; font-weight: bold; border: none; border: 0; }
a.mouseover                { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: bold; text-decoration: none }
a.mouseover:active         { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: bold; }
a.mouseover:visited        { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: bold; }
a.mouseover:hover          { font-family: arial, sans-serif; font-size: 12px; color: #d9ddf2; font-weight: bold; }
a.thin           { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: normal; text-decoration: none }
a.thin:active    { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: normal; }
a.thin:visited   { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: normal; }
a.thin:hover     { font-family: arial, sans-serif; font-size: 12px; color: #d9ddf2;   font-weight: normal; text-decoration: none; }
a.medium         { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: normal; text-decoration: none }
a.medium:active  { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: normal; }
a.medium:visited { font-family: arial, sans-serif; font-size: 12px; color: #000099; font-weight: normal; }
a.medium:hover   { font-family: arial, sans-serif; font-size: 12px; color: #d9ddf2;   font-weight: normal; text-decoration: none; }
a.small         { font-family: arial, sans-serif; font-size: 10px; color: #000099; font-weight: bold; text-decoration: none }
a.small:active  { font-family: arial, sans-serif; font-size: 10px; color: #000099; font-weight: bold; }
a.small:visited { font-family: arial, sans-serif; font-size: 10px; color: #000099; font-weight: bold; }
a.small:hover   { font-family: arial, sans-serif; font-size: 10px; color: #d9ddf2;   font-weight: bold; text-decoration: none; }

a.plain         { text-decoration: none }
a.plain:active  { text-decoration: none  }
a.plain:visited { text-decoration: none }
a.plain:hover   { text-decoration: none; }


/* Generic classes for fonts */
.font_small      { font-family: arial, sans-serif; font-size: 10px; color: black; font-weight: normal }
.font_medium     { font-family: arial, sans-serif; font-size: 12px; color: black; font-weight: normal }
.font_large      { font-family: arial, sans-serif; font-size: 14px; color: black; font-weight: normal }
.font_date       { font-weight: bold; font-size: 9px; color: black; font-family: arial,sans-serif }
.font_v_small    { font-weight: normal; font-size: 9px; color: black; font-family: arial,sans-serif}
.font_very_small { font-weight: normal; font-size: 8px; color: black; font-family: arial,sans-serif}
.font_very_large { font-weight: normal; font-size: 20px; color: black; font-family: arial,sans-serif; font-weight: bold }

h1               { border: 0px; padding: 0px; margin: 0px; font-family: arial, sans-serif; font-size: 14px; color: black; font-weight: bold }
h2               { border: 0px; padding: 0px; margin: 0px; margin-top: 1em; font-family: arial, sans-serif; font-size: 12px; color: black; font-weight: bold }
h2large               { border: 0px; padding: 0px; margin: 0px; margin-top: 1em; font-family: arial, sans-serif; font-size: 14px; color: black; font-weight: bold }
h2huge               { border: 0px; padding: 0px; margin: 0px; margin-top: 1em; font-family: arial, sans-serif; font-size: 20px; color: black; font-weight: bold }