@import url("app-fck.css");

body{ background:#EFEFEF; margin:0; padding:0; background-image:url(../img/bg.body.png); background-position:center top; background-repeat:no-repeat; font:normal 12px Arial, Verdana; line-height:17px; }
strong{ font-weight:700;}
h1,h2,h3,h4,h5{ font-weight:bold; }
h1{font-size:18pt;}
h2{font-size:15pt;}
h3{font-size:13pt;}
h4{font-size:11pt;}
h5{font-size:9pt;}
h6{font-size:8pt;}
ul{margin-left:10px;}
ul,li{list-style:disc;}
li{margin-left:7px;}
li li{list-style:circle;}
li li li{list-style:square;}
a{ color:#000000; text-decoration:underline; }
a:hover{ text-decoration:none; }
form h3{ margin:20px 0 0 2px; }
form h5{ margin:5px 0 0 2px; }
li.none{ list-style:none; list-style-type:none; }
.clear{ clear:both; }
input.text, input.file, textarea{ margin:2px; background:#F0F0F0; font:normal 12px Arial; border:solid 1px #999999; padding:2px;  }


#wrapper{ background-color:#FFFFFF; width:902px; border-bottom:solid 1px #CACACA; margin:0 0 10px 0; min-height:800px; }
#wrapper.season1{ background:url(../img/season1-content-bg.png) 2px bottom no-repeat;   background-color:#FFFFFF; }
#wrapper.season2{ background:url(../img/season2-content-bg.png) right bottom no-repeat; background-color:#FFFFFF; }

#header{ background-position:left top; background-repeat:no-repeat; height:288px; position:relative; text-align:left; width:900px; border-bottom:solid 3px #32393D; }

/* Old header backgrounds
IE6 multi class BUG - using div.season1 instead of #header.season1
IE6 can find only one (the first) subclass of same id element. But if we use div instead of id name, it works.
div.header-season1{ background:url(../img/season1.jpg); }
div.header-season2{ background:url(../img/season2.jpg); }*/

#header #info{ color:#FFF; font:normal 16px "Trebuchet MS"; }
#header div a,#navigate div a{ color:#FFF; text-decoration:none; }

/* Old style buttons
#header #buttons{ position:absolute; top:0px; left:0px; z-index:1; }
#header #buttons a{ background:#5F6E76; color:#FFF; float:left; display:block; font:bold 14px Trebuchet MS; height:45px; line-height:45px; text-align:center; vertical-align:middle; width:100px; margin-right:3px; position:relative; }
#header #buttons a:hover{ background:#475258; }
#header #buttons a.active{ background:#374248; }
*/
#header #buttons{ position:absolute; top:0px; left:0px; z-index:1; }
#wrapper.season1 #header #buttons a, #wrapper.season2 #header #buttons a{ float:left; display:block; font:bold 10px Verdana; text-align:center; vertical-align:middle; padding:7px; margin-right:3px; position:relative; }
#wrapper.season1 #header #buttons a{ background:#ffffff; color:#b0d236; }
#wrapper.season1 #header #buttons a:hover{ background:#b0d236; color:#fff; }
#wrapper.season1 #header #buttons a.active{ background:#b0d236; color:#fff; }
#wrapper.season2 #header #buttons a{ background:#e6e7e8; color:#3DADF1; }
#wrapper.season2 #header #buttons a:hover{ background:#3DADF1; color:#e6e7e8; }
#wrapper.season2 #header #buttons a.active{ background:#3DADF1; color:#e6e7e8; }


/* Old style navigate
#header #navigate{ position:absolute; top:260px; width:900px; left:0; z-index:2;  }
#header #navigate a{ background:#32393D; color:#FFF; float:right; display:block; font:normal 14px Trebuchet MS; height:30px; line-height:30px; text-align:center; vertical-align:middle; margin-right:2px; padding:0 10px; position:relative; }
#header #navigate a:hover{ background:#242A2D; }
#header #navigate a.active{ background:#040A0D; }
#header a.webcam{ position:absolute; width:55px; height:50px; top:180px; left:820px; z-index:3; float:none; margin:0px; padding:0px; display:block; }
*/
#header #navigate{ position:absolute; top:262px; width:900px; left:0; z-index:2;  }
#wrapper.season1 #header #navigate a, #wrapper.season2 #header #navigate a{ float:right; display:block; font:bold 10px Verdana; text-align:center; vertical-align:middle; padding:7px; margin-right:3px; position:relative; }
#wrapper.season1 #header #navigate a{ background:#ffffff; color:#b0d236; }
#wrapper.season1 #header #navigate a:hover{ background:#b0d236; color:#fff; }
#wrapper.season1 #header #navigate a.active{ background:#b0d236; color:#fff; }
#wrapper.season2 #header #navigate a{ background:#e6e7e8; color:#3DADF1; }
#wrapper.season2 #header #navigate a:hover{ background:#3DADF1; color:#e6e7e8; }
#wrapper.season2 #header #navigate a.active{ background:#3DADF1; color:#e6e7e8; }
#header a.webcam{ position:absolute; width:55px; height:50px; top:210px; left:820px; z-index:4; float:none; margin:0px; padding:0px; display:block; }


/* Old style links
#header #links{ position:absolute; width:900px; height:288px; top:0; left:0; z-index:0; }
#header #links span{ position:absolute; font:bold 15px "Trebuchet MS"; color:#FFFFFF; line-height:18px; }
#header #links .season1-describtion{ top:225px; left:180px; color:#E6ECD6; font-size:17px; font-weight:normal; }
#header #links .season2-describtion{ top:225px; left:180px; color:#788DAB; font-size:17px; font-weight:normal; }
#header #links .lang-switch{ top:20px; left:0; width:870px; text-align:right; }
#header #links .lang-switch a{ position:relative; }
#header #links .lang-switch a img{ position:absolute; left:0; top:-5px; display:none; }
#header #links .weather{ color:#E6ECD6;top:90px; left:0; width:870px; text-align:right; }
*/
#header #links{ position:absolute; width:900px; height:288px; top:0; left:0; z-index:1; margin-left:10px; }
#header #links a{ color:#333333; }
#header #links span{ position:absolute;}
#header #links .lang-switch{ top:15px; left:820px; font:bold 13px Verdana; color:#FFF; line-height:18px }
#header #links .lang-switch a{ position:relative; color:#FFF; }
#header #links .lang-switch a img{ position:absolute; left:0; top:-5px; display:none; }

#wrapper.season1 .weather{ display:none; }

#topic{ background:url(../img/topic-bg.png); height:46px; text-align:left; margin-left:20px; }
#topic img{ float:left; }
#topic span{ float:left; font:bold 15px Verdana; color:#958F8E; line-height:45px; }

#content{ text-align:left; padding:20px 20px 20px 30px; }

a.back{ font:normal 12px Trebuchet MS; color:#000; margin-bottom:30px; }


#header #links .weather{ top:140px; left:0; font:bold 11px Arial; position:relative; left:-10px; }
#header #links .weather img{ position:absolute; top:0; left:0; }
#header #links .weather span{ position:absolute; top:6px; left:5px; width:230px; color:#3DADF1; }

#header #links .season-switch{ top:180px; left:0; font:bold 15px Verdana; position:relative; left:-10px; }
#header #links .season-switch img{ position:absolute; top:0; left:0; }
#header #links .season-switch a{ position:absolute; top:3px; left:5px; width:180px; color:#958F8E; }



/*
super duper naujasis dizainas
*/
#header-flash-bg{ position:absolute; top:0; left:0; z-index:0; width:900px; height:288px; }