/* outerDivs.cdn.css */

body {
background-position: center top;
background-repeat: repeat-x;
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0;
text-align: center;
}

/* load sprites */

.bk_1,
.bk_1 .centerSection,
.bk_3,
.disclaimer,
.one_flag { background-image: url(http://cdn1.afterdawn.fi/v4/aftersprites.png?100630); }

/* bk */

.bk { position: relative; }
.bk .glow { position: absolute; width: 100%; height: 100%; background-image: url(http://cdn2.afterdawn.fi/v4/bk/bk_glow.png); background-position: 50% 0; background-repeat: repeat-y; z-index: 1; left: 0; }
* html .bk .glow { display: none; }
.centerSection { width: 990px; border-left: 1px solid black; border-right: 1px solid black; margin-left: auto; margin-right: auto; text-align: left; }
.bk_4 .centerSection { background-color: white; border-bottom: 0; }
.niTop { /*border: 1px solid black; width: 728px; height: 90px;*/ float: right; margin: 2px 10px 10px 10px; }
.bk_1 .centerSection, .bk_2 .centerSection, .bk_3 .centerSection, .bk_4 .centerSection { position: relative; z-index: 5; }

.bk_1 { background-color: #181818; background-position: 50% -60px; height: 23px; }
.bk_1 .centerSection { background-color: #111624; background-position: 50% -30px; color: white; height: 23px; }
.bk_1, .bk_1 .centerSection { background-repeat: repeat-x; }

.bk_2 { background-color: #181818; background-image: url(http://cdn3.afterdawn.fi/v4/bk/bk_2.gif); }
.bk_2 .centerSection { background-color: #111624; background-image: url(http://cdn1.afterdawn.fi/v4/bk/bk_2_c.gif); color: white; position: relative; z-index: 6; }
* html .bk_2 .centerSection { padding-bottom: 0; }
.bk_2, .bk_2 .centerSection { background-position: 50% bottom; background-repeat: repeat-x; }
.bk_2 .drop { background-image: url(http://cdn2.afterdawn.fi/v4/bk/bk_2_drop.png); position: absolute; width: 100%; height: 3px; z-index:10; left: 0; }
* html .bk_2 .drop { display: none; }

.bk_3 { background-color: #424242; border-bottom: 0px solid black; clear: both; }
.bk_3 .centerSection { background-image: url(http://cdn3.afterdawn.fi/v4/bk/bk_3_c_default.gif); height: 28px; border-bottom: 1px solid black; }
.bk_3, .bk_3 .centerSection { background-position: top; background-repeat: repeat-x; }
.bk_3 { background-position: 50% -90px; }

.bk_4 { background-color: #b9b9b9; background-image: url(http://cdn1.afterdawn.fi/v4/bk/bk_4_default.gif); }
.bk_4, .bk_4 .centerSection { background-position: top; background-repeat: repeat-x; }

.bk_2 .divider { border: 0; clear: both; margin: 0; height: 0; }

/* bk */

/* feedback tab */
#feedbackTab { position: fixed; right: 0; top: 50%; z-index: 150000; }
#feedbackTab a { background-image: url(http://cdn2.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.langen a { background-image: url(http://cdn2.afterdawn.fi/v4/tab_feedback_eng.png); }
#feedbackTab a:hover { background-position: -49px 0; }
#feedbackTab span { display: none; }
* html #feedbackTab { display: none; }
/* /feedback tab */

/* takeover background. hidden by default. */
div.takeoverBg { display: none; }

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(http://cdn3.afterdawn.fi/v4/topBar/header_center_bg.png);
background-position: center top;
background-repeat: no-repeat;
width: 100%;
}

div.center_middle {
background-color: #b9b9b9;
background-image: url(http://cdn3.afterdawn.fi/v4/topBar/bg_dropShadow_dawn2.gif);
}

div.center_bottom {
background-image: url(http://cdn2.afterdawn.fi/v4/topBar/bg00_footer_bw.gif);
}

div.center_disclaimer {
background-image: url(http://cdn3.afterdawn.fi/v4/topBar/bg00_footer_bw__bot.gif);
}






div.content_holder {
background-image: url(http://cdn2.afterdawn.fi/v4/topBar/bg_dropShadow_pv.gif);
position: relative;
}

.leftSKY, .rightSKY { width: 160px; height: 600px; position: absolute; top: 8px; }
.leftSKY { float: left; left: -170px; }
.rightSKY {  float: right; right: -170px; }

/* footer */

div.footer {
background-color: #393d4f;
background-image: url(http://cdn3.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-color: #171921; background-position: 0 -400px; clear: left; color: white; height: 34px; }
div.disclaimer p { margin: 0; padding: 11px 20px 0px 20px; }
div.disclaimer img { position: absolute; right: 10px; bottom: 2px; }

/* 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(http://cdn2.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: pointer;
}

form#login input {
border: 1px solid black;
background-color: #e6e6e6;
background-image: url(http://cdn1.afterdawn.fi/v4/topBar/bg_search.gif);
background-repeat: repeat-x;
}

form#login input.submit {
background-image: none;

cursor: pointer;

}

#loginInfoContainer {
padding: 0;
text-align: center;
width: 100%;
position: absolute;
top: 23px;
left: 0;
z-index: 999;
display: none;
}

#loginInfoContainer a {
color: #add8e6;
}
				
#loginInfoBox {
border: 2px solid #404061;
background-color: #707084;
color: white;
font-weight: bold;
position: relative;
white-space: normal;
width: 300px;
margin-left: auto;
margin-right: auto;
padding: 15px 10px;
}

td.flags {
text-align: right;
padding: 5px 20px 0 20px;
white-space: nowrap;
vertical-align: top;
}


div#userBar .flags img {
border: 1px solid white;
}

.one_flag {
display: block;
border: 1px solid white;
height: 11px;
width: 16px;
}

#flagGB .one_flag { background-position: -40px 0; }
#flagFI .one_flag { background-position: -60px 0; }
#flagSE .one_flag { background-position: 0 -15px; }
#flagNO .one_flag { background-position: -20px 0; }
#flagES .one_flag { background-position: 0 0; }
#flagNL .one_flag { background-position: -20px -15px; }
#flagDK .one_flag { background-position: -40px -15px; }
#flagPT .one_flag { background-position: -80px -15px; }
#flagFR .one_flag { background-position: -60px -15px; }
#flagIT .one_flag { background-position: -100px 0; }
#flagDE .one_flag { background-position: -80px 0; }

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(http://cdn1.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;
}





/* new top navigation  */
#topLevelNavigation { color: #e0e0e0; font-family: Verdana, Arial, sans-serif; padding: 10px 20px; }
body.large #topLevelNavigation { text-align: right; padding: 0 10px 0 0; position: relative; top: 10px; }
body.large .niTop { margin: 0; width: 100%; text-align: center; position: relative; top: -12px;}
#topLevelNavigation a { color: #e0e0e0; }
#topLevelNavigation span { color: white; font-weight: bold; }
#logoHolder { float: left; position: relative; top: 10px; }
body.large #logoHolder { top: -15px; left: -7px; }
#logoHolder img { border: 0; }
body.large #logoHolder img { width: 115px; height: 40px; }

/* /new top navigation */

/* ie z-index fix */
#naviBar {z-index:28}

/* moo moo */
.menutop,.menutop * {margin:0;padding:0;}
div#horiz-menu {
position:absolute;z-index:28;left:0;}
* html div#horiz-menu{position:static;}
* html div#horiz-menu .menutop {position:relative; }
#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;
padding: 0;
width: 990px !important;
}

.menutop li {
margin-left: 5px;
padding: 0;
}

.menutop ul li { margin-left: 0; }

.menutop a {
/*background-image: url(http://cdn2.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: 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(http://cdn3.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 */

/* customTab */
.customTab a { background-image: url(http://cdn2.afterdawn.fi/v4/topBar/menubg00_white.gif) !important; }
.customTab a img { border: 0; }
.customTab_lg img { position: relative; top: -6px; }
.customTab ul { width: 150px !important; }
.customTab li a { border-width: 0 !important; width: 150px !important; }
.customTab li a span { color: black; }
/* /customTab */



div#searchBar div.date {
padding: 9px 0 0 20px;
}

div#searchBar form {
position: absolute;
top: 4px;
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(http://cdn1.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;

cursor: pointer;
font-weight: bold;
padding: 0 5px !important;
}

form#search .searchsubmit {
font-size: 14px;
top: -2px;
height: 24px;
line-height: 12px;
}

form#cse-search-box .searchsubmit {
padding: 1px 5px !important;
}

.searchsubmit:hover {
background-color: #fcb656;
color: black;
}

.dimmed {
color: gray;
}


/* /header */



/* interstitial */

#interstitial, .interbg, .interclose { position: fixed; left: 0; }
.interbg { background-color: black; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; width: 100%; height: 100%; left: 0; top: 0; z-index: 220000; }
.interclose { background-color: black; border-bottom: 2px solid white; height: 25px; padding-top: 10px; text-align: right; width: 100%; z-index: 220002; }
.interclose span { color: white !important; cursor: pointer; font-weight: bold; margin-right: 100px; text-decoration: underline; text-transform: uppercase; }
#interstitial { width: 100%; height: 100%; text-align: center; z-index: 220001; }
#interstitial iframe { border: 1px solid white; margin-top: 100px; }

/* /interstitial */