/* 	CSS styleheet for Poptravel.fi domain */

/* set all whitespace to zero as default */

* {
 padding: 0;
 margin: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fdfdff; /* b7e96b; */
	color: #77b608; /*77b608 c3f46d*/
	font-family: verdana, helvetica, sans-serif; /*'bitstream vera sans' arial*/ 
	font-size: 1em;
}
/*div, p, th, td, li, dd, dl, dt {
	 /* redundant selectors to help NS4 not forget
	 font-family: verdana, tahoma, helvetica, sans-serif; 
	 font-size: 1.0em;
}*/

img {
	border: 0; padding: 0; margin: 0;
}

a:link		{background-color: transparent; color: #303755; text-decoration: none;}
a:visited	{background-color: transparent; color: #303755; text-decoration: none;}
a:active	{background-color: transparent; color: #303755; text-decoration: none;}
a:hover		{background-color: transparent; color: #303755; text-decoration: underline;}

li a:link		{background-color: transparent; color: #fdfdff; text-decoration: none; font-style: italic;}
li a:visited	{background-color: transparent; color: #fdfdff; text-decoration: none; font-style: italic;}
li a:active		{background-color: transparent; color: #ffffff; text-decoration: underline; font-style: italic;}
li a:hover		{background-color: transparent; color: #ffffff; text-decoration: underline; font-style: italic;}

form {
/*  background: #fdfdff url('../images/bg_green.jpg') repeat-x top right; /*#ebffc9 c3dff6 */ 
 background-color: #f6ffe6; /* f6ffe6 edf6f7 f2ffdc d2e5e0 ebffc9 e1f7be bee97e b7e96b b7e26b */
 padding: 0 5px 4px 0; /* top right bottom left 2px 10px 4px 10px IE7: when top padding 2px, right side border doesn't show*/
 margin: 4px 2px 0 2px; /*FIXME jos et muuta keksi korjaa viivan jos 6px, 5px 1% 0 1%;*/
/*  line-height: 1.2; */
 z-index: 5; /* IE bug, suggestionmenu not showing in IE */
}

.form_plain {
 background: #fdfdff;
 border: 1px solid #C1C1C1;
 margin-left: 20px;
 padding-left: 0;
}

select { /*don't use padding, leaves weird space around arrow box*/
 margin: 3px 0 3px 0;
 font-size: 0.8em;
/*  padding-top: 2px; */
 background-color:#fdfdff;
 border: 1px solid #838B8B;
}

input {
 font-size: 0.8em;
/*  line-height: 1.2; */
}

option {
 padding: 0 5px 0 3px;
/* line-height: 1.4;*/
}

.button_div {
	font-size: 1.0em;
}

input.submit_button {
	background: #ececec;
	color: #080808;
	font-size: 0.8em;
	padding: 1px 3px 1px 3px;
}

input.submit_button_search {
	background: transparent url('../images/hae_button.gif') no-repeat top left;
	width: 120px; /*122*/
	height: 30px; /*32*/
/* 	color: #080808; */
	font-size: 0.8em;
	padding: 1px 3px 1px 3px;
	margin: 0 0 3px 10px;
	border: none;
	cursor: pointer;
}

.airportlist {
	font-size: 0.8em;
}

.airportlist a:link		{background-color: transparent; color: #000000; text-decoration: none;}
.airportlist a:visited	{background-color: transparent; color: #000000; text-decoration: none;}
.airportlist a:active	{background-color: transparent; color: #000000; text-decoration: underline;}
.airportlist a:hover	{background-color: transparent; color: #007777; text-decoration: underline;}

.search_header {
	border: 0;
 	text-align: left;
	 font-size: 1.0em;
	 font-weight: bold;
	/*  letter-spacing: 0.1em; */
	 color: #77b608;
	 width: 100%;
	 margin: 3px 0 3px 0; /* top right bottom left */
	 padding: 0;
}

p, h1, h2, h3, h4, h5, h6 {
 margin: 1em;
}

h1 {
 border: 0;
 text-align: left;
 font-size: 1.5em;
 font-weight: normal;
 /*word-spacing: 0.5em;*/
 color: #77b608; /*#77b608*/
 width: 95%;
 margin: 10px 15px 5px 15px; /* top right bottom left */
 padding: 5px 5px 0 5px;
/* font-family: 'times new roman';
 font-size: 2.0em;
 font-weight: normal;
 letter-spacing: 0.1em;*/
 
}

h2 {
 border: 0;
 text-align: left;
 font-size: 1.3em;
 font-weight: normal;
/*  letter-spacing: 0.1em; */
 color: #77b608;
 width: 100%;
 margin: 10px 15px 5px 15px; /* top right bottom left */
 padding: 5px 5px 0 5px;
}

h3 {
 border: 0;
 text-align: left;
 font-size: 1.15em;
 font-weight: normal;
/*  letter-spacing: 0.1em; */
 color: #34a1bc;
 width: 100%;
 margin: 10px 15px 5px 15px; /* top right bottom left */
 padding: 5px 5px 10px 5px;
}

p {
	color: #000000;
	text-align: left;
	margin-left: 15px;
	padding-left: 5px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

#super_container {
 /*position: relative;*/
 /*clear: both;*/
 background-color: #fdfdff;
 margin: 0 auto; /* top right bottom left */
 width: 990px;
 text-align: left;
 border-top: 1px solid #fdfdff; /* For some reason, without this, entire content moves down about 100 px? */
 border-left: 1px solid #C1C1C1;
 border-right: 1px solid #C1C1C1;
 border-bottom: 1px solid #C1C1C1;
 padding: 0 0 10px 0;
 line-height: 1.2; /* IE disappering text bug (in searchbox, caused by floating logo) */
}

#logo {
	/*position: absolute;
	top: 15px;
	left: 30px;*/
	margin: 15px auto 5px 30px; /* top right bottom left (left was 30px) */
	float: left;
	text-align: left;
	display: inline;
}

#tagline { 
	border: 0;
 	text-align: left;
 	font-weight: normal;
 	color: #77b608;
	width: 50%;
 	margin-top: 39px; /*same as #top_menu height + 5 */
 	margin-left: 200px; /*same as logo width + 20 tk: was 120, 280px */
 	padding: 5px 0 10px 20px;
}

#tagline h1 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	font-family: verdana, helvetica, sans-serif;
	/*letter-spacing: 0.1em;*/
} 	

#top_menu {
	text-align: left;
	width: 80%;
	height: 34px;
 	background: #87cf09 url('../images/topmenu_grad.png') repeat-x top left;
	color: #fdfdff;
	font-weight: normal;
	font-size: 1.15em;
	/*padding: 10px 1% 0 100px;*/
 	float: right;
 	margin: 0;
 	padding: 0;
 	display: inline;  /* IE float margin bug*/ 
}

#top_menu p {
	margin: 5px 0 0 50px; /* oli 100 */
	color: #fdfdff; /* #009090;  #ebffc9; */
}

#top_menu a {text-decoration: none; color: #fdfdff;}
#top_menu a:hover {text-decoration: underline; color: #fdfdff;}
/* #top_menu a:visited {text-decoration: none; color: #007777;} */

#main_container {
 position: relative;
 clear: both; /*FIXME check if this is really needed */
 margin: 0 0 0 0; /* top right bottom left */
 text-align: left;
}

#text_container {
 position: relative;
 clear: both; /*FIXME check if this is really needed */ 
 margin: 0 0 0 0; /* top right bottom left */
 text-align: center;
 width: 760px;
 padding-top: 0.5em;
}

#text_container p {
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	line-height: 1.4em;
	font-size: 1.0em;
}

#text_container p.seo_page {
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	text-align: left;
	padding: 0 0 0 5px;
	line-height: 1.4em;
	font-size: 1.0em;
	width: 100%;
}

/* Used with wide images. */
#text_container div.seo_page {
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	text-align: left;
	padding: 0 0 0 5px;
	line-height: 1.4em;
	font-size: 1.0em;
	width: 100%;
	margin: 15px 5px 15px 15px;
}

#text_container ul li {
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	line-height: 1.4em;
	font-size: 1.0em;
}

#text_container h1 {
 margin: 10px 15px 5px 15px; /* top right bottom left */
 padding: 5px 5px 0 5px;
}

.partner_col {
	margin: 0 5px 15px 20px;
	clear: both;
}

.partner_col h2 {
	font-size: 1.5em;
	width: 670px;
	margin-left: 5px;
	margin-top: 15px;
	border-bottom: 1px solid #C1C1C1;
	color: #77b608;
}

.partner_container .partner_image { /* used on partnerlist page */
	width: 150px;
	text-align: left;
	font-size: 0.9em;
	margin: 5px 20px 5px 5px; /* top right bottom left */
	color: #000000;
	height: 52px;
	float: left;
}

#text_container .seo_image_right {
	float: right;
	margin: 5px 0 15px 15px;
	padding: 0;
}

#text_container .seo_image_left {
	float: left;
	margin: 5px 15px 15px 0;
	padding: 0;
}

#text_container .seo_image_middle {
	margin: 5px 30px 0 30px;
	padding: 0;
}

#text_container .seo_image_middle_caption {
	margin: 0 15px 15px 0;
	padding: 0;
	font-size: 0.9em;
	text-align: center;
}

#text_container .float_clearer {
	clear: both;
}

.search_label {
	float: left;
	width: 30%;
	background: transparent;
	margin: 6px 0 6px 0;
	text-align: right;
	padding-right: 10px;
	color: #080808;
}

.search_content {
	float: left;
	color: #080808;
	left: 150px;
	text-align: left;
	background: transparent;
/* 	width: 50%; */
	/*padding: 0 0 4px 0;*/
/* 	width:50%; */
	/*display: inline;*/
	/*border: 1px solid red;*/
}

.search_content p {
	width: 400px;
	margin-top: 5px;
}

#text_container h2 {
	border: 0;
	text-align: left;
	font-size: 1.3em;
	font-weight: normal;
	color: #34a1bc;
	width: 100%;
	margin: 10px 15px 5px 15px; /* top right bottom left */
	padding: 5px 5px 0 5px;
}

#text_container h3 {
	margin: 5px 0 5px 20px;
	padding: 0;
}

.index_infoboxes {
	position: relative;
	clear: both;
	margin: 0 0 0 20px; /* top right bottom left */
	padding: 0;
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	width: 760px;
	line-height: 1.4em;
	font-size: 0.94em;
/* 	margin-left: 30px; /* should be 65 but looks better */
}

.index_infoboxes a { text-decoration: none; color: #000000;	}
.index_infoboxes a:hover {	text-decoration: underline;		color: #007777;	}

.index_infoboxes p {
	margin: 0 0 10px 0;
	font-size: 1.0em;
}

.index_infobox_box {
/* Three boxes. They require width as follows: 25px + 3*12px + 3*width */
	float: left;
	width: 251px; /* was 231px, Total width: 751px*/
/* 	height: 216px; */
/* 	border: 1px solid #d1d1d1; */
	margin: 0 0 0 0;
/* 	background: transparent url('../images/frame01.png') no-repeat top left; */
}

.index_infobox_box img {
	margin: 7px 14px 5px 14px;
	border: 3px solid #b2e061; /*#b2e061*/
	padding: 4px;
/* 	border: 1px solid #000000; */
}

/* Articles text description on index page. */
.index_infobox_box p {
	padding: 0 0 0 0;
	margin: 0 19px 0 20px;
	width: 200px;
	font-size: 0.9em;
}

 .index_infobox2 {
	left: 33%;
}

.index_infobox3 {
	left: 65%;
}

/*Longer text in the end of index page.*/
.index_text_container {
	position: relative;
	clear: both;
	margin: 20px 0 0 20px; /* top right bottom left */
	padding: 0;
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	width: 760px;
	line-height: 1.4em;
	font-size: 1.0em;
}

.index_text_container h1 {
 border: 0;
 text-align: left;
 font-size: 1.3em;
 font-weight: normal;
 color: #34a1bc;
 width: 90%;
 margin: 15px 15px 5px 0; /* top right bottom left */
 padding: 5px 5px 0 5px;
}

.index_text_container p {
	margin: 10px 0 10px 0;
	font-size: 1.0em;
}

#text_container img {
	margin: 0 0 -4px 0;
	padding: 0 0 0 0;
}

#text_container a {text-decoration: none; color: #007777;}
#text_container a:hover {text-decoration: underline; color: #007777;}

#text_container ul {
	color: #000000;
	text-align: left;
	margin-left: 15px;
	padding-left: 5px;
}

#text_container ul li {
	margin-left: 15px;
	padding-left: 5px;
	list-style-type: disc; /* disc circle | square */
}
 
#footer {
 position: relative;  /* Needed for Safari */
 text-align: right;
 min-width: 991px;
 width: 100%;
 height: 25px;
 background: #87cf09 url('../images/topmenu_grad.png') repeat-x bottom left;
/*  background: #87cf09 url('../images/footer_ellip_green.png') no-repeat top right; */
 color: #fdfdff;
 padding: 5px 0 0 0;
 margin: 0;
 font-size: 0.9em;
}

#footer p {
	margin: 0;
	color: #fdfdff;
}

#footer .footer_text {
	margin: 0 11% 0 0;
	color: #fdfdff;
	font-size: 0.9em;
}

#footer .footer_text a:link		{background-color: transparent; color: #fdfdff; text-decoration: none;}
#footer .footer_text a:visited	{background-color: transparent; color: #fdfdff; text-decoration: none;}
#footer .footer_text a:active	{background-color: transparent; color: #fdfdff; text-decoration: underline;}
#footer .footer_text a:hover	{background-color: transparent; color: #fdfdff; text-decoration: underline;}

/* Style for most popular searches links. */
.index_popular {
	width: 760px;
	color: #000000; /* oli alunp. #006666 hinnoissa */
	text-align: left;
	font-size: 0.9em;
	margin: 0 0 15px 20px;
	clear: both;
}

.index_popular .column {
  float: left;
  width: 185px;
}

.index_popular img {margin: 0; padding: 0; display:inline;}

.index_popular .popular_title {
	color: #34a1bc;
/* 	width: 175px; */
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0;
	text-align: left;
	margin: 20px 0 5px 3px;
	padding: 0;
}

.index_popular p {
	color: #000000;
/* 	width: 187px; */
	text-align: left;
	margin: 5px 0 0 3px;
	padding: 0;
}

.index_popular p a {text-decoration: none; color: #000000; font-style: normal;}
.index_popular p a:hover {text-decoration: underline; color: #007777;}

.float_clearer {
  clear: both;
}

.grey_line_long {
	border-bottom: 1px solid #C1C1C1; 
	padding: 0; 
	margin: 15px 5px 15px 25px; 
	clear: both; 
	width: 760px;}

#main_info_column {
	position: absolute;
	top: -55px; /*30, when in line with search boxes top border */
	left: 790px;
	margin: 0 0 0 0; /* top right bottom left */
	padding: 0 5px 5px 5px;
	text-align: left;
	width: 180px; /*oli 220*/
	color: #395530;
	background: #fdfdff; /*#87cf09;*/
/* 	border:1px solid #C1C1C1; */
}

#main_info_column .grey_line {border-bottom: 1px solid #C1C1C1; padding: 0; margin: 15px 5px 15px 5px;}
	
#main_info_column .main_competion {
	color: #000000; /* oli alunp. #006666 hinnoissa */
	text-align: left;
	font-size: 1.2em;
	margin: 5px 0 10px 0;
/* 	padding: 0 5px 10px 5px; */
/* 	border: 1px solid #eb008b; */
/* 	background: transparent url('../images/frame04.png') no-repeat top left; */
	width: 180px;
/* 	height: 158px; */
}

#main_info_column .main_competion .comp_title {
	color: #34a1bc; /*#34a1bc*/
	width: 120px;
	font-size: 0.8em;
	font-weight: bold;
	/*letter-spacing: 0.1em;*/
	text-align: center;
	margin: 15px 5px 10px 5px;
	padding: 0 25px 0 25px;
}

#main_info_column .main_competion .comp_title a {text-decoration: none; color: #eb008b;}
#main_info_column .main_competion .comp_title a:hover {text-decoration: underline; color: #34a1bc;}

#main_info_column .main_competion p {
	font-size: 0.8em;
	color: #000000;
/* 	width: 120px; */
	text-align: left;
	margin: 10px 5px 10px 5px;
	padding: 0 5px 0 5px;
}

#main_info_column .main_competion p a {text-decoration: none; color: #000000;}
#main_info_column .main_competion p a:hover {text-decoration: underline; color: #007777;}

#main_info_column .main_offers {
	color: #000000; /* oli alunp. #006666 hinnoissa */
	text-align: left;
	font-size: 1.2em;
	margin: 5px 0 10px 0;
	background: transparent;
	width: 180px;
}

#main_info_column .main_offers p {
	font-size: 0.8em;
	line-height: 1.3em;
	color: #000000;
	width: 140px;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0 20px 0 20px;
}

#main_info_column .main_offers p a {text-decoration: none; color: #000000;}
#main_info_column .main_offers p a:hover {text-decoration: underline; color: #007777;}


#main_info_column .main_newsletter {
	color: #000000; /* oli alunp. #006666 hinnoissa */
	text-align: left;
	font-size: 0.9em;
	margin: 10px 5px 10px 5px;
}

#main_info_column .main_newsletter p {
	color: #000000;
	width: 170px;
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	margin: 0 0 0 6px;
	padding: 0;
}
#main_info_column .main_newsletter p a {text-decoration: none; color: #34a1bc; font-style: normal;}
#main_info_column .main_newsletter p a:hover {text-decoration: underline; color: #34a1bc;}

#main_info_column .main_news {
	color: #000000; /* oli alunp. #006666 hinnoissa */
	text-align: left;
	font-size: 0.9em;
	margin: 5px 5px 10px 5px;
}

#main_info_column .main_news img {margin: 0; padding: 0; display:inline;}

#main_info_column .main_news .news_title {
	color: #34a1bc;
	width: 170px;
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: 0;
	text-align: center;
	margin: 10px 0 15px 0;
	padding: 0;
}

#main_info_column .main_news p {
	color: #000000;
	width: 170px;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}

#main_info_column .main_news p .news_date {
  font-weight: normal;
  font-size: 1.0em;
  color: #34a1bc;
}

#main_info_column .main_news p a {text-decoration: none; color: #000000; font-style: normal;}
#main_info_column .main_news p a:hover {text-decoration: underline; color: #007777;}

/* Style for user's own searches. */
#main_info_column .main_searches {
	color: #000000; /* oli alunp. #006666 hinnoissa */
	text-align: left;
	font-size: 0.9em;
	margin: 5px 0 10px 0;
}

#main_info_column .main_searches img {margin: 0; padding: 0; display:inline;}

#main_info_column .main_searches .news_title {
	color: #34a1bc;
	width: 175px;
	font-weight: normal;
	font-size: 1.2em;
	letter-spacing: 0;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 0;
}

#main_info_column .main_searches .own_box { 
	position: relative;
	width: 170px;
/* 	height: 40px; */
	margin: 5px 5px 5px 0;
	padding: 0 5px 5px 5px;
	border: 1px solid #C1C1C1;
	-moz-border-radius: 1.0em;
	background-color: #ffffff;
	font-size: 0.8em;
/* 	cursor:pointer; */
}

#main_info_column .main_searches .own_box a {text-decoration: none; color: #000000; font-style: normal; line-height: 1.4em;}
#main_info_column .main_searches .own_box a:hover {text-decoration: underline; color: #007777;}

#main_info_column .main_searches .own_box .airports {
	width: 100px;
	margin: 10px 5px 5px 5px;
}

#main_info_column .main_searches .own_box .dates {
	width: 110px;
	margin: 5px 5px 5px 5px;
}

#main_info_column .main_searches .own_box .passengers {
	float: none;
	position: absolute;
	bottom: 10px;
	right: 5px;
	margin: 0 0 0 0;
}

#main_info_column .main_searches .own_box .price {
	color: #34a1bc;
	float: right;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#main_info_column .main_searches .own_box .price a {color: #34a1bc;}

#main_info_column .main_searches p {
	color: #000000;
	width: 175px;
	text-align: left;
	font-size: 0.8em;
	margin: 7px 0 0 10px;
	padding: 0;
}
#main_info_column .main_searches p a {text-decoration: none; color: #34a1bc; font-style: normal;}
#main_info_column .main_searches p a:hover {text-decoration: underline; color: #007777;}

/*#main_info_column .main_news ul {padding: 0; margin: 0;}
#main_info_column .main_news ul li {
	padding: 2px 2px 2px 0px;
	margin: 0;
	list-style-type: circle;
	list-style-image: url(images/pt_dot.gif);
	list-style-position: inline;
}
#main_info_column .main_news ul li a {text-decoration: none; color: #080808; font-style: normal;}
#main_info_column .main_news ul li a:hover {text-decoration: underline; color: #007777;}*/

#searcharea {
	margin: 5px 5px 1px 20px; /* 5px 5px 2px 3% top right bottom left */
	text-align: left;
	width: 760px; /* sets search area as well as tabs width. Was 754*/
	background: #87cf09; /*87cf09*/
	border-bottom: 2px solid #87cf09; /* 87cf09 Without this, searcharea box does not close (no visible border) */
	line-height: 1.2; /* FIXME check if really needed */
}

#searchtabs {
    float:left;
    width:100%;
    background: #fdfdff url("../images/g_tabs_bg_2_small.png") repeat-x bottom;
    line-height: normal;
    margin: 0 0 0 0; /*did add space below tabs, not anymore since caused problems in IE*/
    display: inline;  /* IE float margin bug*/
}

#searchtabs ul {
    margin:0;
    padding:0 10px 0 10px;
    list-style:none;
}
 
#searchtabs li {
    float:left;
    background:url("../images/g_norm_right_2.png") no-repeat right top;
/*     background: #87cf08; */
    margin:0 3px 0 0;
    padding:0;
    display: inline; /* IE float margin bug*/
}

/* Corners kokeilun ulompi div*
/*#searchtabs ul div {
	background: #87cf08;
	margin: 0;
	padding: 0;
}*/

#searchtabs a {
	float:left;
    display:block;
    background:url("../images/g_norm_left_2.png") no-repeat left top;
    padding:5px 15px 4px 15px;
    text-decoration: none;
    font-weight: normal;
	font-size: 1.1em;
    color: #fdfdff;
    white-space:nowrap;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #searchtabs a {float:none;}
  /* End IE5-Mac hack */

#searchtabs a:hover {
      /*color:#333;*/
      text-decoration: underline;
}

/*Selected tabs style, color of the tabs borders is defined here.*/
#searchtabs .current {
/*     background-image:url("../images/g_norm_right_on_2.png"); */
    background: #f6ffe6;
    color: #34a1bc; /*#395530*/
    border-top: 2px solid #87cf09;
    border-left: 2px solid #87cf09;
    border-right: 2px solid #87cf09;
    padding: 0;
}
    
#searchtabs .current a {
/*     background-image:url("../images/g_norm_left_on_2.png"); */
/*     background: #ebffc9; */
    background: #f6ffe6;
    color: #34a1bc; /*#2f90a8  #34a1bc;*/
    font-style: normal;
/*     padding-bottom: 6px; */
    white-space:nowrap;
    padding:2px 12px 6px 12px;
}

#searchtabs .current a:hover {
      text-decoration: none;
}

#searchtabs .norm {
 /*Style needed for php handling of tab styles so that li:s class can be reseted to norm.*/
}

/* .search_content { /* CURRENTLY NOT IN USE */ 
		/*position: absolute;
		top: 33px; right: 3px; bottom: 4px; left: 3px;*/
	/*background: #ff9933;
	color: black;*/
		/*padding: 5px 3px 3px 3px;*/
/* } */

.showme {
	display: inline;
}

.blockme { 
	display: none;
}

#sc_1, #sc_2, #sc_3, #sc_4, #sc_5, #sc_6, #sc_7 {
	/*position: absolute;
	top: 33px; right: 3px; bottom: 4px; left: 3px;*/
	/*padding: 2px 5px 4px 5px; top right bottom left
	margin: 0 1% 30px 1%;*/
	padding: 0;
	margin: 0;
	color: black;
	background: #87cf09; /*#87cf09*/
	/*float: left;*/
}

/*Currently not in use, style for partner logos in forms */
/*.form_partner_logos {
	margin-left: 10px;
	font-size: 0.8em;
}

.form_partner_logos img {
	width: 50px;
}*/

.calendararea_top {
 margin: 5px 0 0 0;
 width: 334px; /*maximum 325px?*/
 background-color: #f0f0f0;
 border: 0;
}

.calendararea {
 height: 150px;
 overflow: auto;
 margin-top: 0; /*tk wanha 5px*/
 width: 330px; /*oli 335px*/
 padding-right: 4px; /*tk wanha not changed*/
 border-top: 0;
 border-bottom: 1px solid #ddd;
 background: #ddd;
/* overflow-y: scroll;*/
/*   overflow-x: hidden; */
 }

/* Use collapse border model (not default). */
.calendartable {
 text-align: right;
 font-size: 0.8em; /*88 75% 0.8em*/
 background: #d1d1d1;
 border: 0;
 padding: 0;
 margin: 0;
 /*border-collapse: collapse;*/
 border-collapse: separate;
/* Can't use the solution below, because IE doesn't support border-collapse.*/
/*  border-spacing: 0; /* only used with separate border model*/
/*Can't use this border model, since older firefox 3.0 doesn't work 
correctly with table border highlighting if this is used.*/
/*  border-collapse: collapse; */
 width: 310px; /*oli 308px*/
 color: #000000;
}

/* Don't use padding in normal cells, let width and height attributes define the size of the cell. */
.calendartable td {
 text-align: center;
 background: #f0f0f0;
 margin: 0; 
 padding: 0;
 height: 24px;
 color: black;
 border-left: 1px solid #d1d1d1;
 border-top: 1px solid #d1d1d1;
}

.calendartable th {
	border: 1px solid #f0f0f0;
	font-weight: normal;
	font-size: 0.9em;
	text-align: center;
	margin: 0;
	background-color: #c2e3eb; /*d1f5c4; c2e3eb; b4dfe7 */
	width: 30px;
}

/*Used in separate table that only includes headers (weekday names) for calendar. */
.calendartable .calendartable_headers th {
	border-bottom: 0;
	border-top: 1px solid #f0f0f0;
	background-color: #f0f0f0; /*thistle #D8BFD8*/
	height: 20px;
}

/* Used in calendar tables miniscule (barely visible) table head cells, important, defines cell width.*/
.calendartable .calendartable_th_row th { /* cell width: width + padding + borders */
	padding: 0;
	border-bottom: 0;
	border-top: 0;
	background-color: #f0f0f0; /*c2e3eb;*/
	height: 0;
}

/*  .calendartable td.first oli alla*/

.calendartable th.first {
 text-align: right;
 width: 70px;
 padding: 0 4px 0 0;
/*  border-left: 1px; */
}

.calendartable .gone_a {
 color: #888;
}

.calendartable .gone_a, .calendartable .month_a, .calendartable .month_a_first {
 background: #fdfdff;
}

.calendartable .month_b, .calendartable .month_b_first {
 background: #ebffc9; /* #e0f2f6 c2e3eb ebffc9*/
}

.calendartable .month_a_first, .calendartable .month_b_first {
 text-align: right;
 padding-right: 4px;
 font-size: 0.9em;
}

.calendartable .empty {
 background: #fdfdff;
 color: green;
}

.calendartable a:hover	{
	background-color: transparent; 
	color: #FF6600; 
	text-decoration: none; 
	font-weight: bolder;
	padding: 0;
}

/*Not in use!*/
/*.cal_td_hover {
	background-color: #FF6600; 
	color: #FF6600; 
	font-weight: bolder;
	cursor: pointer;
}*/

/* selected cells style */ 
.calendartable .on { 
	border: 2px #FF6600 solid;
	color: #FF6600;
	padding: 0;
}

/* current day's style */
.calendartable .today { 
	font-weight: bold;
}

/*.calendartable a .cal_selected_day {
	background-color: transparent; 
	color: #77b608; 
	text-decoration: none; 
	font-weight: bolder;
}*/

/*html>body #content {  be nice to Opera
	width: 551px;
	}
#contentbody {
	padding: 0 10px;
}

#contentbody img {
	margin: 6px;
}*/

.both_sides, .both_sides_float_only {
	clear: both;
	float: none;
	padding: 0 0 0 0; /* top right bottom left */
	line-height: 1.2;
	margin-left: 4px;
}

.both_sides_float_only {
	padding: 0 0 0 0; /* top right bottom left eka 10px*/
	margin: 0 0 0 0; /* top right bottom left eka 6px kolmas 40px*/
	display: inline;  /* IE float margin bug, without this calendar area brokes in IE */
}

/* Used in fixing IE bug in hidden suggestion menu fields. */
.hidden_div {
	display: none;
/* 	margin: 0; */
/* 	padding: 0; */
}

/*.both_sides_err, .both_sides_float_only_err {
	border: 1px solid red;
}*/
		
.left_side, .right_side, .right_side_2, .right_side_f, .right_side_fh {
	width: 49%;
	float: left;
	padding-bottom: 5px;
	display: inline;  /* IE float margin bug */
/* 	line-height: 1.2; */
}

.right_side, .right_side_2, .right_side_f, .right_side_fh  {
	float: right;
/* 	display: inline;  /* IE float margin bug*/ 
/* 	line-height: 1.2; */
}

/* Note: if the width of searchbox's inside elements grows bigger than searchboxes width, things break in IE and Firefox*/

.left_side {
	margin-left: 10px; /* Does this work in IE? Changed 15.10.2009 */
/* 	padding-left: 10px; /* IE bug, gives space to left side of form elements */
}

.one_side { /*IE bug in elements inside form showing bg-color through wrongly if not in container*/
	width: 97%; /*IE bug, this is essential, must not be 100% since background shows then wrongly through!*/
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0;
/* 	margin: 5px 0 5px 0; */
	display: inline;  /* IE float margin bug*/
/* 	line-height: 1.2; */
}

/* separate style for form buttons */
.one_side_buttons { /*IE bug in elements inside form showing bg-color through wrongly if not in container*/
	width: 97%; /*IE bug, this is essential, must not be 100% since background shows then wrongly through!*/
	float: left;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 0;
	margin: 0;
	display: inline;  /* IE float margin bug*/
}

.one_side .fly_age_select {
	margin-bottom: 4px;
	display: inline;
}

.fly_age_info { 
	display: block;
	font-size: 0.9em;
	padding: 10px 0 0 0;
	margin: 0;
}

/*.left_side_err, .right_side_err {
	border: 1px solid red;
}*/

.row_spacer {
	margin-left: 10px;
}

.row_spacer_med {
	margin-left: 16px;
}

.row_spacer_big {
	margin-left: 20px;
}

.serious_error {
 	position: relative;
 	clear: both;
 	margin: 10px 0 0 20px; /* 5px 5px 2px 3% top right bottom left */
	text-align: left;
	width: 700px; /*  754*/
	line-height: 1.2;
	color: #000000;
	background: #fdfdff;
	padding: 8px 15px 8px 15px;
	border: 2px dotted red;
	font-weight: normal;
}

.error_text, .error_text_09, .error_text_padding {
	font-size: 0.8em;
	color: red;
	padding: 5px 5px 5px 0;
	margin: 2px 0 2px 0;
}

.error_text_padding {
	padding: 5px 5px 5px 5px;
}

.error_text_09 {
	font-size: 0.9em;
}

div.jsError {
	position: relative;
 	margin: 10px 0 0 25px; 
	text-align: left;
	width: 700px;
	line-height: 1.2; 
	color: #000000;
	background: #fdfdff;
	padding: 8px 15px 8px 15px;
	border: 2px dotted red;
	font-weight: normal;
}

/* lmh styles */

.lmh_offers {
	clear: both;
	float: none;
	position: relative;
/* 	top: 10px; */
	padding: 0 0 0 5px; /* top right bottom left */
/* 	background-color: transparent; */
	/*border: 1px solid red;*/
	line-height: 1.2;
	margin: 0 0 10px 0;
	width: 100%;
/* 	border: 1px solid black; */
	background-color: transparent; /*#87cf09; */
}

.lmh_offers h1 {
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	padding: 0;
	margin: 5px 15px 5px 10px; /* top right bottom left */
}

.lmh_offer_box { 
	position: relative;
	width: 700px;
	height: 25px;
	margin: 5px 5px;
	padding: 2px 2px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 1.0em;
	background-color: #ffffff;
	font-size: 0.8em;
	cursor:pointer;
}

/*.lmh_offer_box_rounded {
 	background: transparent url('../images/lmh_topleft.gif') no-repeat top left;
	padding: 0;
	margin: 0;
}
.lmh_offer_box_rounded .topright {
 background: transparent url('../images/lmh_topright.gif') no-repeat top right;
}
.lmh_offer_box_rounded .bottomright {
 background: transparent url('../images/lmh_bottomright.gif') no-repeat bottom right;
}
.lmh_offer_box_rounded .bottomleft {
 background: transparent url('../images/lmh_bottomleft.gif') no-repeat bottom left;
 padding: 15px;
}*/

.offer_date {position: absolute; width: 90px; left: 15px; top: 6px;} 
.offer_partner {position: absolute; width: 105px; left: 105px; top: 6px;} 
.offer_departure {position: absolute; width: 80px; left: 210px; top: 6px;} 
.offer_destination {position: absolute; width: 245px; left: 290px; top: 6px;} 
/* .lmh_offer_box .offer_type {position: absolute; width: 120px; left: 415px; top: 6px;}  */
.offer_duration {position: absolute; width: 80px; left: 535px; top: 6px;} 
.offer_price { 
	position: absolute;
	width: 75px;
	left: 615px;
	color: #007777;
	font-weight: bold;
	font-size: 1.2em;
	top: 5px;
}

.lmh_clear_float {
	clear: both;
}

/*Styles used on results_wait.php*/
#wait_container {
	width: 550px;
	margin: 0 auto;
}

#wait_container h1, #wait_container p {
	width: 90%;
}

#wait_animation {
	margin: 0 auto;
	height: 66px;
	width: 400px;
}

#wait_animation .img_animation {
	border: 0;
}

#wait_partner_logos {
	margin: 1em;
/* 	margin-left: 1.8em; */
	font-size: 0.8em;
	color: #000000;
/* 	width: 90%; */
}

#wait_partner_logos img {
	margin: 5px;
}

.question {
	color: black;
	margin: 0 2px 12px 30px;
	text-align: left;
	line-height: 140%;
}