/* outerDivs.css */

body {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg00_bw3.gif);
background-position: center top;
background-repeat: repeat-x;
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0;
text-align: center;
}

/* feedback tab */
#feedbackTab {
position: fixed;
right: 0;
top: 50%;
z-index: 30;
}

#feedbackTab a {
background-image: url(https://cdn.afterdawn.fi/v4/tab_feedback_fin.png);
background-repeat: no-repeat;
background-position: 0px 0;
display: block;
width: 35px;
height: 113px;
position: relative;
top: -55px;
}

#feedbackTab a:hover {
background-position: -49px 0;
}

#feedbackTab span {
display: none;
}

* html #feedbackTab {
display: none;
}
/* /feedback tab */

div.header a,
div.header a:visited,
div.footer a,
div.footer a:visited {
color: #e0e0e0;
}

div.center_middle,
div.center_bottom,
div.center_disclaimer {
background-position: 0 0;
background-repeat: repeat-x;
width: 100%;
}

div.center_top {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/header_center_bg.gif);
background-position: center top;
background-repeat: no-repeat;
width: 100%;
}

div.center_middle {
background-color: white;
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg_dropShadow_white.gif);
}

div.center_bottom {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg00_footer_bw.gif);
}

div.center_disclaimer {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg00_footer_bw__bot.gif);
}

div.header,
div.content_holder {
background-color: white;
background-position: 0 0;
background-repeat: repeat-x;
border-left: 1px solid black;
border-right: 1px solid black;
display: block;
width: 990px;
clear: both;
text-align: left;
margin-left: auto;
margin-right: auto;
}

div.header  {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg00.gif);
background-position: 1px 0;
height: 216px;
}

div.content_holder {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg_dropShadow_pv.gif);
}

/* footer */

div.footer {
background-color: #393d4f;
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg00_footer.gif);
background-repeat: repeat-x;
clear: both;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
width: 100%;/* IE:t? varten pit?? m??ritt?? leveys, jotta taustakuva n?kyy oikein */
}

div.footer .column {
padding: 10px 0 10px 10px;
width: 317px;
float: left;
}

div.footer .column h3 {
background-color: #191b24;
color: #e0e0e0;
font-size: 11px;
margin: 0;
padding: 2px 0 0 4px;
height: 16px;
position: relative;
}

div.footer .column h3 img {
border: 0;

position: absolute;
top: 2px;
right: 2px;
}

div.footer ul a {
color: #eceaf0;
}

div.footer .column ul {
margin: 0;
padding: 4px;
list-style: none;
}

div.footer .column li {
padding-bottom: 5px;
}

div.disclaimer {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg00_footer__bot.gif);
clear: left;
color: white;
height: 34px;
}

div.disclaimer p {
margin: 0;
padding: 11px 20px 0px 20px;
}

/* header */

div.header {
color: #e0e0e0;
font-family: Verdana, Arial, sans-serif;
white-space: nowrap;
}

div#userBar,
div#naviBar,
div#searchBar {
clear: both;
font-size: 11px;
}

/* userBar */

div#userBar {
height: 23px;
}

div#userBar table {
border-collapse: collapse;
width: 100%;
}

div#userBar td.login {
width: 100%;
}

td.help a {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/iconHelp.gif);
background-repeat: no-repeat;
padding-left: 20px;

display: block;

line-height: 16px;
height: 20px;
margin-left: 18px;
}

div.login {
text-align: right;
margin: 0 10px 0 0;
}

form#login p {
margin: 0;
}

form#login label {
cursor: hand;
cursor: pointer;
}

form#login input {
border: 1px solid black;
background-color: #e6e6e6;
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg_search.gif);
background-repeat: repeat-x;
}

form#login input.submit {
background-image: none;
cursor: hand;
cursor: pointer;

}

#loginInfoContainer {
border: 2px solid #404061;
padding: 10px;
background-color: #707084;
text-align: left;
color: white;
width: 269px;
position: relative;
top: 3px;
left: 530px;
z-index: 999;
display: none;
}

#loginInfoContainer a {
color: lightblue;
}
				
#loginInfoBox {
height: 100%;
width: 100%;
position: relative;
white-space: normal;
}

td.flags {
text-align: right;
padding: 5px 20px 0 20px;
white-space: nowrap;
vertical-align: top;
}


div#userBar .flags img {
border: 1px solid white;
}

div#userBar .flags span.selected,
div#userBar .flags a {
display:inline-block;
height: 15px;
margin-left: 5px;
padding-bottom: 2px;
}

div#userBar .flags span.selected {
background-image: url(https://cdn.afterdawn.fi/v4/flags_span_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
width: 18px;
}

div#userBar .flags a {
width: 19px;
}

/* naviBar */

div#naviBar {
font-size: 12px;
position: relative;
}

div#topLevel {
padding: 10px 10px 14px 20px;
}

div#topLevel span {
color: white;
font-weight: bold;
}

div.logo {
float: left;
padding-top: 8px;
margin-right: 23px;
}

div.logo img {
border: 0;
}


div#naviBar .banner {
float: right;
margin-right: 5px;
}

div#naviBar .banner img {
margin: 5px 0 10px 0;
}

/* secondLevel menu */

div#secondLevel {
clear: left;
margin: 0 0 0 20px;
padding: 0;
list-style: none;
position: absolute;
top: 162px;
width: 950px;
white-space: nowrap;
}

div#secondLevel div {
float: left;
clear: none;
background-image: url(https://cdn.afterdawn.fi/v4/topBar/tabUnSel__left2.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 5px;
padding-right: 2px;
height: 26px;
}

/* IE6 hack */
* html div#secondLevel div {
width: 20px;
}

div#secondLevel div span {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/tabUnSel__right2.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 0 5px 0 0;
height: 26px;
overflow: hidden;
display: block;
}

div#secondLevel div span a {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/tabUnSel__mid2.gif);
background-repeat: repeat-x;
background-position: top;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 0px;
display: block;
height: 26px;
font-weight: bold;
color: white;
text-decoration: none;
}

div#secondLevel div.unselected:hover {
background-position: 0 -27px;
}

div#secondLevel div.unselected:hover span {
background-position: right -27px;
}

div#secondLevel div.unselected:hover span a {
background-position: 0 -27px;
}

div#secondLevel .selected {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/tabSel__left.gif);
}

div#secondLevel .selected span {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/tabSel__right.gif);
}


div#secondLevel .selected a {
background-image: url(https://cdn.afterdawn.fi/v4/topBar/tabSel__mid.gif);
}


/* /secondLevel menu */

/* new menu */

/* ie z-index fix */
#naviBar {z-index:29}

/* moo moo */
.menutop,.menutop * {margin:0;padding:0;}
div#horiz-menu {
position:absolute;z-index:29;top:38px;left:0;}
* html div#horiz-menu{position:static;}
* html div#horiz-menu .menutop {position:relative;top:8px;}
#horiz-menu li li{margin:0;padding-right: 10px}
.menutop{/*line-height:1.0;*/float:left;margin-bottom:1.5em;position:relative;}
.menutop ul{background:#fff;/*IE6 needs this*/
padding:0;}
.menutop li{float:left;list-style:none;position:relative;}
div#horiz-menu li li a, div#horiz-menu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;height:26px;line-height:24px;text-indent:10px;width:100%;}
.menutop li ul{float:none;left:-999em;position:absolute;width:240px;z-index:5;}
.menutop li:hover ul,
.menutop li.sfHover ul{left:0px;top:38px;}
.menutop li:hover li ul,
.menutop li.sfHover li ul,
.menutop li li:hover li ul,
.menutop li li.sfHover li ul,
.menutop li li li:hover li ul,
.menutop li li li.sfHover li ul{top:-999em;}

.menutop li li:hover ul,
.menutop li li.sfHover ul,
.menutop li li li:hover ul,
.menutop li li li.sfHover ul,
.menutop li li li li:hover ul,
.menutop li li li li.sfHover ul{left:177px;top:0px;}
.menutop li li{position:relative;float:none;width:100%;}
/* /moo moo */

.menutopOverride li:hover ul {
left: -999em;
}



* html .menutop li {
width: 0;
white-space: nowrap;
}

.menutop {
display: block !important;
margin: 0 !important;
top: 100px;
padding: 0;
width: 990px !important;
}

.menutop li {
margin-left: 5px;
padding: 0;
}

.menutop a {
/*background-image: url(https://cdn.afterdawn.fi/v4/topBar/menubg_01c.gif);*/
background-position: 0 90px;
border: 1px solid #959ec2;
border-bottom: 0;
color: white !important;
font-weight: bold;
text-decoration: none;
display: block;
height: 19px;
padding: 7px 10px 0 10px;
-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
}

.menutop a:hover {
background-position: 0 30px;
/*color: #fbeeeb !important;*/
}

.menutop .empty a {
background-position: 18px 90px;
cursor: hand;
cursor: pointer;
}

.menutop .empty a:hover {
background-position: 18px 30px;
}

.menutop .empty a span {
display: none;
}

.menutop .empty li span {
display: inline;
}

.menutop .empty:hover ul {
/*left: -220px;*/
}

.menutop .parent a {
background-position: right 90px;
padding-right: 15px;
}

.menutop .parent a:hover {
background-position: right 30px;
}

.menutop #current a {
background-position: 0 0;
}

.menutop #current a:hover {
background-position: 0 60px;
}

.menutop #current.parent a {
background-position: right 0;
}

.menutop #current.parent a:hover {
background-position: right 60px;
}

.menutop li ul {
/*background-color: #a52d1a;
background-image: url(https://cdn.afterdawn.fi/v4/topBar/menubg_01_ul.gif);*/
background-repeat: repeat-x;
border: 1px solid #959ec2;
margin: 0;
top: 27px !important;

}


.menutop li li a {
background-image: none;
border: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
font-size: 11px;
-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
}

.menutop li li a:hover {
/*background-color: #af0804;
color: #f7e2de !important;*/
}

.menutop #currentChild {
/*background-color: #d68740;*/
}

/* /new menu */





div#searchBar {
position: absolute;
top: 192px;

}

div#searchBar div.date {

padding: 5px 0 0 20px;
}

div#searchBar form {
position: absolute;
top: 0;
margin: 0;

padding: 0;
width: 970px;
text-align: right;
}

div#searchBar p {
margin: 0;
padding: 0;
}

div#searchBar input {
margin: 0;
padding: 0;
}

.searchstring,
.searchsubmit {
border: 1px solid black;
margin: 0 !important;
position: relative;
}

.searchstring {
background-color: #e6e6e6;
background-image: url(https://cdn.afterdawn.fi/v4/topBar/bg_search.gif);
background-repeat: repeat-x;
font-size: 18px;
padding: 0 !important;
width: 500px;
top: -1px;
}

.searchsubmit {
background-color: black;
color: white;
font-size: 14px;
font-weight: bold;
top: -2px;
height: 24px;
line-height: 12px;
padding: 0 5px !important;
cursor: hand;
cursor: pointer;
}

.searchsubmit:hover {
background-color: #fcb656;
color: black;
}

.dimmed {
color: gray;
}

/* /header */