/*
 * Colors:
 *
 * Blue lite: #2575be
 * Blue dark: #0066cc
 * 
 * Cyan lite: #33ccff
 * Cyan dark: #21b2ea
 *
 * Grayish dark: #4e6f87
 * Grayish lite: #5f7c93
 *
 */
 
@import url(generic.css);
 
BODY {
 	font-family: arial, helvetica, sans-serif;
 	font-size: 100%;
 	background: #fff url(../2009-img/body-bg.png) top center no-repeat;
 	margin: 0;
 	padding: 0;
 	color: #616161;
}

BODY.airport {
	background-position: center -10px;
}

BODY.front {
 	background: #fff url(../2009-img/body-bg-front.png) center 74px repeat-x;
}

A {
	color: #2575be;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
	color: #21b2ea;
}

H1 {
	color: #21b2ea;
	font-size: 2.5em;
	margin-top: 0;
}

H2 {
	color: #4e6f87;
	font-size: 1.25em;
}

TH {
	text-align: left;
}

UL.separated LI {
	border-left: .1em solid #dadada;
	padding: 0 .5em;
	line-height: 1.5em;
}

	UL.separated LI.first-child,
	UL.separated LI:first-child {
		border-left: 0;
	}

input.ngformError, select.ngformError, textarea.ngformError, input.checkbox.ngformError, input.file.ngformError, img.ngformError { 
	border: 1px solid red;
	outline: 1px solid red;
}


#document {
	width: 980px;
	margin: 0 auto;
	font-size: .75em;
}

#header {
	clear: both;
	margin-bottom: 1.75em;
}

	.front #header {
		height: 74px; /* not vertically scalable */	
		margin-bottom: 0;
	}

	#header .section {
		clear: both;
	}
	
	#header .logo {
		display: block;
                position: relative;
		margin-top: 12px;
		width: 174px;
		height: 39px;
		background: url(../2009-img/logo.png);
		text-indent: -1000px;
		overflow: hidden;
	}
	
	BODY.airport #header .logo {
		margin-top: -10px;
	}

	#header .section-upper {
		padding: 5px 0 0 0;
		height: 27px;
	}

	BODY.airport #header .section-upper {
		margin-top: 15px;
		height: 40px;
	}
	
	#header .section-upper,
	#header .section-middle {
		margin: 0 10px;	
	}

	BODY.airport #header .section-middle {
		display: none;
	}
		
	#header .search {
		float: right;
		width: 167px;
		background: url(../2009-img/search-bg.png) 0 0 no-repeat;
		margin-left: 20px;
	}
	
		#header .search .text {
			background: transparent;
			float: left;
			display: block;
			width: 132px;
			border: 0;
			height: 17px;
			line-height: 17px;
			margin: 2px 4px;
			padding: 0;
			font-size: 12px;
		}
		
		#header .search .submit {
			border: 0;
			float: right;
			display: block;
			margin: 2px 2px 0 0;
		}
	
	#header .nav-lang {
		float: right;
		margin-top: 3px;
		font-size: 12px;
	}
		
	#header .nav-main .icon A {
		display: block;
		width: 21px;
		height: 21px;
		margin: 10px 0 0 14px;
		padding: 0;
		background: url(../2009-img/icon-c.png);
		text-indent: -1000px;
		overflow: hidden;
	}
	
	#header .nav-main {
		float: right;
	}
		
		#header .nav-main LI {
			float: left;
			background: #fff url(../2009-img/nav-top-bg.gif) left bottom no-repeat;
			height: 40px;
			line-height: 40px;
		}

		#header .nav-main LI A {
			padding: 0 13px;
			display: block;
			float: left;
			font-size: 16px;
			text-decoration: none;
		}

		#header .nav-main LI A:hover {
			color: #21b2ea;
		}
		
		#header .nav-main LI.current-text A {
			background: url(../2009-img/nav-bg-current.png) left bottom no-repeat;
		}
		
	#header .section-lower {
		height: 80px;
		padding-left: 15px;
	}
	
	BODY.airport #header .section-lower {
		height: 107px;
		padding-left: 15px;
		margin-top: 2px;
		padding-top: 60px;
	}
	
	BODY.airport #header .section-lower h1 {
		color: #FFF;
		margin: 20px 0px -8px 10px;
	}
	
	BODY.front #header .section-lower {
		display: none;
	}

		#header .section-lower .title {
			display: block;
			background: url(../2009-img/icon-top-environment.png) left center no-repeat;
			font-size: 2.08em;
			line-height: 2.7em;
			color: #fff;
		}

		#header .section-lower .with-icon {
			padding-left: 50px;		
			height: 2.7em;
		}

	BODY.airport #header .section-lower .title {
		text-transform: uppercase;
	}

#content {
	clear: both;
	padding-left: 300px;
	line-height: 1.5em;
	overflow: hidden;
}

#content table {
	border: 0;
	margin: 0;
	padding: 0;
}

#content td {
	border-bottom: 1px solid #BBB;
	margin: 0;
	padding: 5px; 
}

#content table.tblstyle1 td {
	border-bottom: none;
}

#content form td {
	border: 0;
}

BODY.airport #content {
	clear: both;
	padding-left: 250px;
	padding-right: 360px;
	line-height: 1.5em;
	overflow: hidden;
}

BODY.airport #content.wide {
	padding-right: 0px; /* 100px */
}



BODY.airport #content h2 {
	color:#2575BE;
	font-size:1.45em;
	margin-top: 0;
}

BODY.airport #content a.smallLink {
	color:#21b2ea;
	font-size:1.45em;
}


#content .column-half {
	width: 320px;
	float: left;
}

#content .column-half-first {
	margin-right: 40px;
}

#content .double-lifts {
	background: url(../2009-img/double-lift-bg.png) top left no-repeat;
	overflow: hidden;
	margin-bottom: 20px;
        padding-top: 1px; /* IE fix */
}

#content .lift {
	width: 300px;
	float: left;
	padding: 15px;
	padding-bottom: 5px;
	font-size: .92em;
	line-height: 1.3em;
}

#content .lift-left {
	margin-right: 20px;
	clear: left;
}

#content .lift IMG {
	float: left;
	margin: 0 10px 10px 0;
}

#content .lift H1,
#content .lift H2,
#content .lift H3,
#content .lift H4,
#content .lift H5,
#content .lift H6 {
	font-size: 1em;
	font-weight: bold;
	color: #2575be;
	margin: 0;
	font-size: 1.1em;
}

#content .lift P {
	margin: 0;
}

#content.with-side-column,
.with-side-column {
	background: url(../2009-img/sidecol-bg.png) top right no-repeat;
	padding-right: 200px;
}

#content .side-column {
	float: right;
	width: 145px;
	margin-right: -200px;
	padding: 15px;
}


#content .lentoasema-side-column {
	float: right;
	width: 325px; /* 345 */
	padding: 0 15px 15px 15px;
	margin-right: -360px; /* 370 */
}

#content .lentoasema-side-column h2 {
	color: #2575BE;
	font-size: 1.45em;
}

#content .lentoasema-side-column UL {
	clear: left;
	margin-bottom: 10px;
	overflow: hidden;
}

#content .lentoasema-side-column LI {
	margin-bottom: .5em;
}

.front #content {
	padding-left: 0;
	width: 100%;
}

.front #content .section-upper {
	height: 338px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
}

.front #content .section-upper .location {
	width: 17px;
	height: 17px;
	background: url(../2009-img/location.png);
	position: absolute;
	cursor: pointer;
}

.front #content .section-upper .location-current {
	background: url(../2009-img/location-active.png);
}

.front #airports {
	width: 260px;
	float: right;
	margin: 90px 0 0 0;
	background: url(../2009-img/frontpage-airport-list-bg.png) 0 0 no-repeat;
	padding: 26px 0 0 3px;
	font-size: .92em;
	line-height: 1.1em;
}

	.front #airports UL {
		float: left;
		width: 95px;
	}

	.front #airports UL.column-right A {
		width: 135px;
	}

	.front #airports LI {
		float: left;
		margin: 0;
		padding: 2px 0;
	}

	.front #airports A {
		display: block;
		width: 85px;
		padding-left: 20px;
	}

	.front #airports A:hover,
	.front #airports A.hover {
		background: url(../2009-img/location-active.png) 6px -1px no-repeat;
		text-decoration: none;
		color: #21b2ea;
	}

.front #content .section-lower {
	background: url(../2009-img/front-section-lower-bg.png) bottom left no-repeat;
	overflow: hidden;
	padding-left: 7px;
}

.front #content .section-lower .column {
	float: left;
}

.front #content .section-lower .lift {
	background: none;
	width: 225px;
	margin-right: 51px;
	padding: 4px;
}

	.front #content .section-lower .lift IMG {
		display: block;
/*
		height: 105px;
		width: 225px;
*/
	}

	.front #content .section-lower .lift .cmSlot IMG,
	.front #content .section-lower .lift .cmHotspot IMG {
		width: auto;
		height: auto;
		background-image: none;
	}

	.front #content .section-lower .lift H3 {
		margin: .5em 4px;
	}

	.front #content .section-lower .lift H3 A {
		background: none;
		padding-left: 0;
		margin-left: 0;
	}
	
	.front #content .section-lower .lift A {
		background: url(../2009-img/nav-bullet.png) left center no-repeat;
		padding-left: 15px;
		margin-left: 4px;
	}
		
.front #content .section-lower .news {
	width: 336px;
}

	.front #content .section-lower .news H2 {
		color: #0066cc;
		font-size: 1.3em;
		float: left;
		margin-top: 0;
	}
	
	/*.front #content .section-lower .news*/
	.archive {
		display: block;
		float: left;
		color: #21b2ea;
		background: url(../2009-img/nav-bullet.png) left center no-repeat;
		padding-left: 15px;
		line-height: 1.7em;
		margin-left: 12px;
	}

	.front #content .section-lower .news UL {
		clear: both;
	}

	.front #content .section-lower .news LI {
		margin: .25em 0;
		clear: both;
	}
	
	.front #content .section-lower .news .date {
		color: #898989;
		font-size: .92em;
		line-height: 1.8em;
	}

#sidebar {
	width: 235px;
	float: left;
	margin-left: -300px;
}

#sidebar.lentoasema {
	width: 235px;
	float: left;
	margin-left: -250px;
}

	#sidebar .nav-sub {
		font-size: 1.17em;
		margin-top: -8px;
	}

	#sidebar .nav-sub LI {
		float: none;
		border-bottom: .1em solid #e3e3e3;
		padding: .45em 15px .3em 15px;
	}
	
	#sidebar .nav-sub UL {
		list-style: none;
		margin: .15em 0 0 0;
		padding: 0;
	}

	#sidebar .nav-sub UL LI {
		margin: 0;
		border: 0;
		font-size: .8em;
	}

	#sidebar .nav-sub UL LI LI {
		font-size: 1em;
	}

	#sidebar .nav-sub A {
		display: block;
		text-decoration: none;
	}
	
	#sidebar .nav-sub UL A {
		color: #4e6f87;
	}

	#sidebar .nav-sub LI.current {
		background: url(../2009-img/nav-bullet.png) 4px .9em no-repeat;
	}
	
	#sidebar .nav-sub LI.open A {
		color: #21b2ea;
	}

	#sidebar .nav-sub LI.open UL A {
		color: #4e6f87;
	}



#content.fullwidth {
	padding-left: 0;
}

.sitemap .section {
	float: left;
	width: 280px;
	margin: 0 15px 20px 0;
	padding-right: 30px;
	/*border-right: 1px dotted #dae8f3;*/
}

.sitemap .section H2 {
	margin-top: 0;
}

.sitemap .section H2 A {
	background: #2676bc;
	color: #fff;
	padding: .3em .5em;
	display: block;
}

.sitemap .section H2 A:hover {
	text-decoration: none;
}


.sitemap .section-1 {
	display: none;
}

.sitemap .section-5 {
	clear: left;
}

.sitemap  .section .flat LI {
	float: none;
	display: block;
	padding: .3em 0 .4em 0;
	margin-bottom: .4em;
	border-bottom: 1px solid #b7e5df;
}

.sitemap  .section .flat .flat LI {
	padding-left: 10px;
	background: url(../2009-img/nav-bullet.png) left 9px no-repeat;
	margin-bottom: 0;
	border-bottom: 0;
}

.sitemap  .section .flat {
	font-weight: bold;
}

.sitemap  .section .flat .flat {
	padding-left: 5px;
	font-weight: normal;
	margin-top: .15em;
}

#footer {
	clear: both;
	padding: 2.5em 0;
	overflow: hidden;
}

	#footer .section {
		height: 22px;
		line-height: 22px;
		padding: 4px 4px 3px 12px;
	}

	#footer .left {
		float: left;
		width: 762px;
		background: #edf5f8 url(../2009-img/footer-bg-left.png) left center no-repeat;
	}
	
	.front #footer .left {
		width: auto;
		float: none;
	}
	
	#footer .right {
		float: right;
		width: 179px;
		background: #edf5f8 url(../2009-img/footer-bg-left.png) left center no-repeat;
	}
	
	.front #footer .right {
		display: none;
	}
	
	#footer .left .nav {
		float: right;
		margin-top: 2px;
	}

	#footer .bigger,
	#footer .smaller,
	#footer .print {
		display: block;
		float: left;
		height: 22px;
		overflow: hidden;
		text-indent: -1000px;
	}
	
	#footer .bigger {
		display: block;
		width: 24px;
		background: url(../2009-img/btn-bigger-text.png);
		margin-left: 4px;
	}
	
	#footer .smaller {
		width: 24px;
		background: url(../2009-img/btn-smaller-text.png);
		margin-left: 15px;
	}
	
	#footer .print {
		width: 97px;
	}
	
	.fi #footer .print { background-image: url(../2009-img/btn-print-fi.png); }
	.sv #footer .print { background-image: url(../2009-img/btn-print-se.png); }
	.en #footer .print { background-image: url(../2009-img/btn-print-en.png); }

/*

  Airport page, weather

*/

.airport_weather 
{
  position: absolute;
  top: 180px;
  margin: 0 0 0 15px;
}

.airport_weather div
{
  float: left;
  height: 22px;
  margin: 0;
  padding: 2px 2px 0 8px;
  color: #fff;
  background: url("/files/finavia2/2009-img/weatherpalkki.png") 0 0 no-repeat;
  font: normal 11px Verdana, sans-serif;
}

.airport_weather span 
{
  font-size: 14px;
  font-weight: bold;
}

div.fi .airport_weather span { margin-left: 8px }
div.en .airport_weather span { margin-left: 50px }
div.sv .airport_weather span { margin-left: 60px }


.airport_weather div img 
{
  margin: 0 5px;
}

/* .airport_weather img.weathericon */
img.weathericon
{
  vertical-align: middle;
  margin-bottom: 3px;
}

/*
  
  Airport page, news

*/


.airport_news
{
  border-top: 1px solid #d0d0d0;
  	padding-top: 18px;
}

.airport_news img
{
  float: left;
  margin: 0 10px 5px 0;
  padding: 3px;
  border: 1px solid #d0d0d0;
}

/* 

  Airport page, banners

*/

.airport_banners
{
  text-align: center;
  padding: 0 14px 0 0;
}

#flightinfo.flightinfo_airport {
	margin-top: 0;
}

/*

  Airport weather list

*/

table.airport_weather_list
{
}

.airport_weather_list th
{
  text-align: left;
  padding: 5px;
}

.airport_weather_list td
{
  padding: 5px;
}



/*

  CM

*/

.cmHotspot {
  position: relative;
  z-index: 10000;
}

#rssfooter {
	bottom:10px;
	left:295px;
	position:relative;
	font-size:11px;
	line-height:20px;
/*	background:url("/files/efhk/rss/rss_footer_bg.gif") no-repeat scroll 0px 1px transparent; */
	width:260px;
}

#rssfooter img {
	display:inline;
}

#rssfooter .rssTextLink {
	position:relative;
	bottom:8px;
	text-decoration:none;
}

.front #footer #rssfooter {
display:none;
}


/* Poistaa etusivun nostojen kuvien linkkit tasutat */

.front #content .section-lower .link-image A {
		background: none;
		padding-left: 15px;
		margin-left: 4px;
	}

/* Lappeenrannan venäjänkielisten sivujen tarvitsemat tyylit */
.lappeenranta-rus #sidebar ul.nav-sub {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
    }

.lappeenranta-rus #sidebar ul.nav-sub strong {
    font-weight: normal;
    }

.lappeenranta-rus h1 {
  margin-top: 5px;
}

.lappeenranta-rus #flightinfo-frame {
  /* width: 338px; */
}

.lappeenranta-rus #flightinfo {
  /* width:340px; */
}

.lappeenranta-rus #header .section-lower .title {
font-weight: bold;
}

.lappeenranta-rus #flightinfo-frame .flights .flight .col_2 {
width:170px;
}

.lappeenranta-rus #content .lentoasema-side-column
{
  width: 350px;
}

/* /Lappeenranta */

/* sunrise page */

div#sunrise {
width:395px;
position:relative;
min-height: 500px;
}

div.sunrise-menu strong {
background:url(../2009-img/finavia-aurinko-background.jpg) no-repeat scroll left bottom transparent;
color:#FFF;
font-size:12px;
height:40px;
line-height:40px;
margin-bottom:0;
text-align:center;
text-shadow:-1px -1px 0 #888;
display:block;

}

div.sunrise-menu#sunrise-airport-selector strong {
background:url(../2009-img/finavia-aurinko-background.jpg) no-repeat scroll left top transparent;

}

div#sunrise-month-selector.sunrise-menu strong a.left {
    background: url("../2009-img/finavia-aurinko-month-arrows.jpg") no-repeat scroll left top transparent;
    float: left;
}

div#sunrise-month-selector.sunrise-menu strong a.right {
  *margin-top: -40px;
}

div#sunrise-month-selector.sunrise-menu strong {
  *text-indent: -30px;
}

div#sunrise-month-selector.sunrise-menu strong a {
    background: url("../2009-img/finavia-aurinko-month-arrows.jpg") no-repeat scroll right top transparent;
    display: block;
    float: right;
    text-indent: -10000px;
    width: 30px;
}

div.sunrise-menu div.listing {
background:url(../2009-img/sunrise-menu-listing-background.png) repeat-x scroll left bottom #FFF;
height:350px;
left:0;
position:absolute;
right:0;
border:1px solid #a4a4a4;
border-top:0;
display:none;
}

div.sunrise-menu#sunrise-month-selector div.listing {
height:170px;
}

div.sunrise-menu.active div.listing {
display:block;
}

div.listing .left,div.listing .right {
position:absolute;
left:0;
right:50%;
top:0;
bottom:0;
}

div.listing .right {
border-left:1px solid #333;
left:50%;
right:0;
}

div.listing a {
color:#333;
display:block;
font-size:12px;
line-height:25px;
text-indent:20px;
}

div.listing a.selected {
background:#909FA9;
color:#fff;
}

#sunrise-table {
width:100%;
background:#fff;
}

#sunrise-table tr td {
border-bottom:1px solid #ccc;
font-size:11px;
color:#666;
padding:7px 3px;
}

#sunrise-table tr.last td {
border-bottom:0;
}

#content .side-column {list-style: none;}