@charset "utf-8";

/* SANOMA ENTERTAINMENT STYLESHEET
   Version: 1.0
   Updated: 30.9.2008
   Author: Mika Alatalo, Swelcom Oy

/*  RESETS
   ------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font:inherit inherit 100% inherit;vertical-align:baseline}
:focus {outline:0}
body {line-height:1;color:black;background:white}
ol,ul,li {list-style:none!important}
table {border-collapse:separate;border-spacing:0}
caption,th,td {text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}

/*  TOOLS
   ------------------------------------ */
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden}/* Hides from IE-mac \*/* html .clear {height: 1%}/* End hide from IE-mac */
.left {float:left!important}
.right {float:right!important}

/*  TYPEFACE
   ------------------------------------ */
body {font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;color:#333}

h1, h2, h3, legend, p {clear:both;padding-bottom:1em}
h1 {font-size:24px;font-weight:normal;line-height:26px;color:#003f82}
h2 {font-size:14px;font-weight:bold;color:#003f82}
h3 {font-size:12px;font-weight:bold}
legend {font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#003f82;margin:20px 0 -20px -7px}

p {font-size:12px;font-weight:normal;color:#333}

#sidebar h1,
#sidebar h2 {border-bottom:1px solid #c9e4ee;margin-bottom:10px;}
#sidebar h3 {padding-bottom:0}
#sidebar a {font-weight:normal}

#intro,
#intro h1 {font:normal 27px Verdana, Arial, Helvetica, sans-serif;color:#fff;padding:0;}
#intro p {font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;color:#fff}

#footer p {clear:none;font-size:11px;}

a {color:#25a8da;font-weight:bold;text-decoration:none}
a:hover {color:#0f7ea9;text-decoration:underline}
a:visited {color:#095a79}
a:active {color:#1a97c6}

.news-date {display:block;font:normal 12px/30px Verdana, Arial, Helvetica, sans-serif; color:#666}

/* Links with icons */
#sidebar a.ext {padding-left:15px;background:url(images/bullet-external-link.png) left center no-repeat}
a.int {padding-left:15px;background:url(images/bullet-internal-link.png) left center no-repeat}
a.print {padding-left:22px;background:url(images/icon-print.png) left center no-repeat}
a.feed {display:block;width:auto;height:16px;padding-left:22px;line-height:16px;background:url(images/icon-rss.png) left center no-repeat}
a.news {padding-left:22px;line-height:16px;background:url(images/icon-news.png) left center no-repeat}


/* List without bullets */
ul.plain {padding:10px 0}
ul.plain li {padding:4px}

/* List with bullets */
ul.bullets {padding:10px 0}
ul.bullets li {padding:2px 0 2px 15px;background:url(images/list-bullet.png) left center no-repeat}
ul.bullets li.external-link {background:url(images/list-bullet-external-link.png) left center no-repeat}
ul.bullets li.back-link {background:url(images/list-bullet-back.png) left center no-repeat}

#main ul {padding:10px 0}
#main ul li {padding:2px 0 2px 15px;background:url(images/list-bullet.png) left center no-repeat}
#main ul li.external-link {background:url(images/list-bullet-external-link.png) left center no-repeat}
#main ul li.back-link {background:url(images/list-bullet-back.png) left center no-repeat}

#sidebar ul {padding:5px 0}
#sidebar ul li {padding:2px 0 2px 15px;background:url(images/list-bullet.png) left center no-repeat}
#sidebar ul li.external-link {background:url(images/list-bullet-external-link.png) left center no-repeat}
#sidebar ul li.back-link {background:url(images/list-bullet-back.png) left center no-repeat}


/* Search results ordered list */
ol.search-result li {margin-bottom:15px; list-style:inside decimal!important;font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#25a8da!important;}
ol.search-result li h2 {display:inline;margin:0!important;}
  ol.search-result li h2 a {color:#25a8da!important}
ol.search-result li p {clear:left;margin:2px 0}

/* Pagination for open positions and news items  */
.pager {float:right;margin-bottom:15px;}
.pager li {float:left;display:block;background:none!important;padding:2px 5px!important;}
.pager a {display:inline-block;margin:0 2px;font-weight:bold}
.pager li.pager-current {background:#c9e4ee!important;color:#333;font-weight:bold}
.pager-next a, .pager-previous a, .pager-last a, .pager-first a {color:#c5c5c5;font-weight:normal;background:none!important}
.pager-next a:hover, .pager-previous a:hover, .pager-last a:hover, .pager-first a:hover {color:#333;font-weight:normal;text-decoration:none}


/*  GRID STRUCTURE
   ------------------------------------ */
body {background:#fff url(images/sub-page-gradient-bg.png) 0 125px repeat-x}
  #page {margin:0 auto;width:985px;/*background:url(images/sub-page-splash.jpg) no-repeat*/} 
    #header {width:100%;height:125px;}
    img#logo {float:left;margin:17px 0 21px 20px}
      #meta {float:right;width:400px;height:45px;margin:14px 20px 21px 0;font-size:11px}
      
        /* Search form */
        form#search-block-form label {display:none}  
        form#search-block-form {float:right;width:179px;height:21px;background:url(images/search.png) no-repeat}
          form#search-block-form input.form-text {float:left;width:130px;height:15px;padding:4px 10px 2px 10px;background:none;font-size:11px;border:0}
          form#search-block-form input.form-submit {float:right;width:26px;height:17px;margin:2px 2px 2px 0;background:url(images/btn-search.png);border:0;cursor:pointer;font-size:0;}
        .search-advanced {display:none}
        #main .search-form {display:none}  
        
        /* Links for language & printing */
        #meta ul {clear:both;float:right;text-align:right} 
          #meta a {font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif;padding-right:10px;}  
          #meta ul li {float:left;}
          #meta ul li.active a {font:normal 11px/25px Verdana, Arial, Helvetica, sans-serif!important;color:#000}
				#meta a.print {float:right;text-align:right;}
					/*#meta p a {float:left;text-align:right;margin:0;padding:0;display:inline-block;}*/
      
      /* Intro block with the image  (the image is a background of #page-div) */  
      #intro {display:block;width:425px;height:168px;padding:50px 500px 0 60px;background:url(images/article-bg-overlap.png) right bottom no-repeat;}
      
    /* Actual content area */  
    #content {width:100%;height:auto;background:#f4feff url(images/faux-cols.png) repeat-y;/*border-bottom:1px solid #d8e3ed*/}
      
      /* Main column */
      #main {float:left;width:489px;padding:30px;overflow:hidden}
        #main a.feed {float:left}
        
      /* Right sidebar */  
      #sidebar {float:left;width:164px;padding:30px 30px 30px 0;overflow:hidden}
    
    /* Footer */  
    #footer {clear:both;padding-top:10px;line-height:20px}
      #footer p#copyright {float:left;color:#a6a6a6}
      #footer p#contact {float:right}
      
/*  GLOBAL NAVIGATION
   ------------------------------------ */
ul#global-nav {clear:both;display:block;width:100%;height:42px;background:url(images/global-nav-bg.png) repeat-x}
  ul#global-nav li {float:left}
    ul#global-nav li a {float:left;margin-top:10px;padding:0 20px;font:normal 15px Verdana, Arial, Helvetica, sans-serif;color:#25a8da;border-right:1px solid #cce9ff}
    ul#global-nav li a:hover {color:#7ccbe9;text-decoration:none}
    ul#global-nav li a.active {color:#000}
    
/*  SUB NAVIGATION
   ------------------------------------ */
#left ul.menu {display:block;float:left;width:232px;padding:5px}
  #left ul.menu li {margin-bottom:2px}
  #left ul.menu li a {display:block;width:203px;height:31px;padding-left:26px;background:#4295d5 url(images/sub-nav-item.png);line-height:31px;color:#fff;font-weight:normal}
  #left ul.menu li a:hover {background-position:bottom}
  #left ul.menu li a.active {background-position:center;font-weight:bold}
  #left ul.menu li a.active:hover {text-decoration:none;cursor:default}


/*  LAYOUT WITH NO SUB NAVIGATION
   ------------------------------------ */
#wide h1#intro {background:url(images/article-bg-overlap-wide.png) right bottom no-repeat}
  #wide #content {width:968px;margin-left:17px;background:#ecf6fa}
  #wide #main {width:674px;padding-left:70px}

/*  FORMS
   ------------------------------------ */
form small {float:right;font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#333}
form ul li {display:block;float:left;list-style:none;background:none!important;width:100%;height:1%;padding:10px 0!important;background:url(images/form-item-bg.png) left bottom repeat-x}
form ul li label {float:left;width:110px;overflow:hidden;font-weight:bold;margin-top:5px}
form ul li input, form ul li textarea  {float:right;border:1px solid #c9e4ee;padding:3px;font:normal 12px Georgia, Times New Roman, Times, serif;width:347px}
form ul li small {float:right;padding:3px 0;width:347px}
form li input:focus, form li textarea:focus {border:1px solid #74b6cf}
form fieldset {width:100%;overflow:auto;margin:0 0 20px 0;padding:0;clear:left;overflow:hidden}
form fieldset.btns {float:right;width:347px}

  /* Buttons used in forms and popup */
  a.btn {float:left;display:block;width:auto;height:24px;margin:0 4px 15px 0;padding:0 9px;font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;text-align:center}
  a.btn.blue {color:#fff!important;background:#25a8da url(images/form-btn.png) left top;border-top:1px solid #5f9db4;border-right:1px solid #5f9db4}
  a.btn.light {color:#333;background:#eef7fb url(images/form-btn.png) left bottom;border-top:1px solid #daecf4;border-right:1px solid #daecf4}
 
  /* Form error and notification  */
  p.msg {display:block;margin-bottom:15px;padding:15px;text-align:center;font-weight:bold!important}
  p.msg.green {background:#a5e39b;border:1px solid #6fc561;color:#246818!important}
  p.msg.red {background:#e39b9b;border:1px solid #d96e6e;color:#b60000!important}

/*  TABLES
   ------------------------------------ */
table {clear:both;width:100%;margin:0 0 15px;border:1px solid #c9e4ee;border-collapse:collapse;}
  th, td {border:1px solid #c9e4ee;padding:10px 15px;vertical-align:top;}
  th {background:#fff;font-weight:bold; white-space:nowrap}
    td h3 {display:block;font-weight:bold}
table.white {background:#fff}

    
/*  FRONT PAGE
   ------------------------------------ */
body#frontpage {background:#fff url(images/front-page-blue-gradient.png) 0 125px repeat-x}
body#frontpage #intro {width:325px;height:284px;padding:50px 600px 0 60px;background:none;}
body#frontpage div#intro h1 {margin-bottom:10px}
body#frontpage #page {position:relative;background:url(images/front-page-splash.jpg) 0 125px no-repeat}
body#frontpage #content {position:absolute;*position:static;top:459px;background:none;width:100%;height:370px!important;}

  /* Business Groups */
	ul#groups {}
  .fi ul#groups {display:block;width:100%;height:179px;background:url(images/groups.png) 0 0 no-repeat;}
  .en ul#groups {display:block;width:100%;height:179px;background:url(images/groups-en.png) 0 0 no-repeat;}
    ul#groups li {width:25%;float:left}
    ul#groups li:hover {background:url(images/lucid.png) 0 0 repeat}
      ul#groups li a.group {display:block;float:left;width:246px;height:74px;text-indent:-9999px}
    ul#groups li div.group-description {clear:both;height:65px;margin:0;padding:20px 25px 20px 25px;background:#edf7ff;border-right:1px solid #fff;font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;color:#333;}
    
  /* News */  
  ul#news {clear:both;display:block;width:100%}
    ul#news li {display:block;float:left;width:185px;margin:20px 0;padding:0 30px;border-left:1px solid #e4e4e4;overflow:hidden}
      ul#news li#news-title {border:0}
      ul#news .date {font-size:10px}
      ul#news li h1 {color:#333}
      ul#news li h3 {padding-bottom:5px;}
      ul#news li p {font-size:11px}
        ul#news li ul.plain {display:block;float:none;width:auto;height:auto;padding:10px 0!important}
          ul#news li ul.plain li {display:block;float:none;width:auto;height:20px;margin:0;padding:4px 0!important;border:0;}  
          
/* Tabs */
ul.admin {display:block;width:auto;height:20px;margin:10px 0;background:#fff;border:1px solid #5f9eca}
ul.admin li {float:left;display:block;}
ul.admin li a {display:block;float:left;padding:0 10px;font-size:11px;font-weight:normal;line-height:20px;}


/* Misc */
.views-admin-links {display:none!important}
#flash {position:absolute;width:984px;height:408px;top:125px;left:0;}
#frontpage #intro p {position:absolute;z-index:1;width:350px;margin-top:80px;} 
#frontpage #intro h1 {position:absolute;z-index:1;width:425px;} 
#frontpage #footer {position:absolute;top:865px;width:984px;}



/* Remove that creepy MS formatting etc. from frontpage news and footer. Just in case. */
ul#news p, ul#news font, ul#news span, #footer * {font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif!important}