/* CSS Document */

/* -----------------------------------------------------------------------
   Redifine Tag ---------------------------------------------------------- */
	* { margin: 0; padding: 0; border: 0;}
    html, body { height: 100%; }
    body {
	    background-color: #e6e8ea;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
    }
	h1 {
		display: none;
	}
	h2 {
		background: no-repeat left top;
		height: 0px; overflow: hidden;
		padding: 18px 0 0 0; margin-top: 10px;
	}
	fieldset {
		padding: 10px;
	}
	a {
		color: #7f8a37;
	}
	a:hover {
		color: #e79f24;
	}
	
	.b {
		background: no-repeat;
		border: none 0;
		display: block;
		height: 25px;
		overflow: hidden; text-indent: -1000px;
	}
	a.b:hover,
	span.b {
		background-position: left -26px;
	}
	
/* -----------------------------------------------------------------------
   Shell ----------------------------------------------------------------- */

    #container {
	    background: #fff url(/img/bg_container.gif) repeat-y;
	    border: solid #fff; border-width: 0 1px 0 1px;
		height: 100%; margin: 0 auto;
		width: 842px;
    }
	#container.splash {
		background: #0f2132;
	}
        #main {
            height: auto;
            vertical-align: top;
        }
		.subsplash td#main {
			/* Will be best at #container.subsplash, but IE6 multi-class bug don't allow that.*/
			background: #0d2133 url(/img/bg_container.gif) repeat-y;
		}
        #content {
			color: #556370;
			float: right;
			padding: 0 20px 20px;
			width: 580px;
        }
		#subheader {
			background: #000;
			height: 150px;
			margin: 0 -20px;
		}
			#subheader img {
				display: block;
				float: left;
				height: 150px; width: 620px;
			}
			
			.splash #subheader h1 {text-indent: -10000px;}
			
			div.howto {
				background-color: #d8d9ab;
				color: #4a5966;
				border: 1px dashed #fff; border-width: 1px 0;
				margin: 0 -20px 0 -20px; padding: 0 20px 20px 20px ;
			}
			div.howto h3 {
				margin-top: 1em;
			}
			#content ul {
				padding-left: 20px; margin: 1.2em 0;
			}
			#content li {
				background: url(/img/bg_li.gif) no-repeat 0 6px;
				list-style: none;
				padding-left: 15px; margin: 0.4em;
			}

/* -----------------------------------------------------------------------
   Header ---------------------------------------------------------------- */

    #header {
        background-color: #0d2133;
		border-bottom: 1px;
        height: 150px;
        position: relative;
    }
        #skip {
            display: none;
        }
        #logo {
			float: left;
			height: 150px; width: 219px;
			background: no-repeat 23px 26px;
        }
			/* Allow to use an img for printing */
			#logo a {
				display: block;
				height: 77px; width: 161px;
				margin: 26px 0 0 23px;
			}
			#logo img {
				display: none;				
			}
        #header a {
			color: #fff;
			text-decoration: none;
		}
		#header li {
			list-style: none;
		}
        ul#top_nav {
			border-left: 1px solid #c2c7cc;
			font-size: 0.75em;
			padding: 6px 0 0 6px;
			position: absolute;	top: 0; right: 0;
			width: 83px;
        }
			ul#top_nav li {
				margin-top: 5px;
			}
			ul#top_nav li a:hover {
				color: #e79f24;
			}
			#lang {
				background: url(/img/i_lang.gif) no-repeat left center;
				padding-left: 15px;
			}
			#login {
				background: url(/img/i_login.gif) no-repeat left 1px;
				padding-left: 15px;
			}
		#idealtrip {
			background: no-repeat;
			height: 19px; width: 296px;
			overflow: hidden;
			position: absolute;	right: 96px; top: 23px;
			text-indent: -1000px;
		}
		* html #idealtrip { top: 19px; }
		*+html #idealtrip { top: 19px; }
			#idealtrip a {
				display: block;
				overflow: hidden;
				position: absolute;	top: 0; right: 0;
				width: 106px; height: 19px;
			}
		#menu {
			background: url(/img/bg_menu.gif) repeat-x left 36px;
			border-left: 1px solid #c2c7cc;
			height: 75px; width: 620px;
			position: absolute;	bottom: 0; right: 0px;
		}
		* html #menu { bottom: -1px; left: 219px; }
			#menu li {
				float: left;
			}
				#menu li a {
					display: block;
					height: 36px;
					overflow: hidden;
					text-indent: -1000px;
				}
				#menu li a:hover {
					background-position: left -74px;
				}
				#menu li.selected a {
					background-position: left -37px;
				}
				#submenu {
					background: url(/img/bg_submenu.gif) no-repeat bottom right;
					position: absolute;	top: 37px; left: 11px;
					width: 609px;
				}
					#menu #submenu li a {
						background-position: left top;
						height: 20px;
					}
					#menu #submenu li a:hover {
						background-position: left 20px;
					}
					#menu #submenu li.selected a {
						background-position: left 41px;
					}

/* -----------------------------------------------------------------------
   SideBar --------------------------------------------------------------- */

	#sidebar {
		float: left;
		margin-bottom: 0px;
		width: 219px;
		background: url(/img/bg_findmore_form.gif) no-repeat 158px 150px;
	}
		#sidebar #findmore_intro {
			background: #cfd3d6 no-repeat left top;
			height: 150px; width: 219px;
		}
			#sidebar #findmore_intro * {
				display: none;
			}
		#msgErrorSidebar {
			background: #0d2133;
			color: #cfd3d6;
			width: 155px;
			margin: 25px auto 0;
			font-size: 0.8em;
			padding: 18px;
			height: 157px;
			line-height: 1.6em;
		}
		#sidebar form {
		}
		#sidebar fieldset {
			padding: 15px 25px 24px;
		}
			#sidebar fieldset ol {
				list-style: none;
			}
			#sidebar label  {
				color: #cfd3d6; font-size: 0.8em;
				display: block;
				margin: 0.7em 0 0.3em;
			}
			#sidebar input,
			#sidebar textarea {
				background: #cfd3d6;
				border: 1px solid #fff;
				display: block;
				width: 168px;
			}
			#sidebar .error input,
			#sidebar .error select {
			}
			#sidebar textarea {
				height: 83px;
			}
			#sidebar select {
				background: #cfd3d6;
				border: 1px solid #fff;
				display: block;
				width: 170px;
			}
			#sidebar .submit {
				width: 170px;
				margin-top: 20px;
			}
			#sidebar .b_sending {
				background: no-repeat;
				border: 1px solid #fff;
				display: block;
				height: 23px; width: 168px;
				margin-top: 20px;
				text-align: center;
			}
			#sidebar #findmore_thanks {
				padding: 0 25px;
			}

/* -----------------------------------------------------------------------
   Others ---------------------------------------------------------------- */

	ul#utilities {
		font-size: 0.8em;
		height: 18px;
		margin: 0; padding: 0;
		text-align: right;
	}
	ul#utilities li {
		background: none; float: right;
		border-left: #7f8a37 solid 1px;
		margin: 0 0 0 5px; padding: 9px 0 0;
	}
		#utilities a {
			background: no-repeat 4px -9px;
			height: 9px;
			padding: 0 0 0 18px;
			text-decoration: none;
		}
		#utilities #b_stf {
			background-image: url(/img/i_stf.gif);
		}
		#utilities #b_print {
			background-image: url(/img/i_print.gif);
		}
		#utilities a:hover {
			background-position: 4px -34px;
		}

	#stf {
/*		height: auto !important;
		min-height: 339px;
		height: 339px; */
		border-bottom: 1px dashed #7f8a37;
		padding: 0 20px 20px 20px;
		margin: 0 -20px;
	}
		#stf h3 {
			height: 26px;
			overflow: hidden; text-indent: -1000px;
		}
		#msgErrorTop {
			background: #d8d9ab;
			width: 160px;
			float: right;
			margin-top: 35px;
			font-size: 0.8em;
			padding: 20px 12px 20px 20px;
			height: 157px;
			line-height: 1.6em;
		}
		#frm_stf {
			width: 420px;
			margin-top: 24px;
		}
			#frm_stf fieldset {
				margin: 0; padding: 0;
			}
			#frm_stf ul {
				margin: 0; padding: 0;
			}
			#frm_stf li {
				float: left;
				width: 172px;
				background: none;
				margin: 0 0 12px 0; padding: 0;
			}
			#frm_stf #li_stf_name,
			#frm_stf #li_stf_friendsname {
				margin-right: 23px;
			}
			#frm_stf #li_stf_comments,
			#frm_stf #li_stf_buttons {
				width: 369px
			}
				#stf input, #stf textarea {
					background-color: #e7e9ea;
					border: 1px solid #aab1b7;
					padding: 1px;
					height: 1.3em; width: 170px;
				}
				#stf textarea {
					height: 82px; width: 365px;
				}
				#frm_stf label {
					color: #556370;
					display: block;
					margin-bottom: 6px;
				}
				#stf .b {
					margin-top: 10px;
					width: 109px;
				}
				#stf .b_cancel,
				#stf .b_close {
					float: left;
				}
				#stf .b_send,
				#stf .b_sending {
					float: right;
				}

	.noscript p {
		/* Many browser don't apply css directly on noscript element: We need to use a class */
		background: #0d2133;
		border-bottom: 1px solid #fff;
		color: #ff0;
		margin: 0; padding: 10px 0;
		text-align: center;
	}
	.more {
		padding: 1px 30px;
		margin-top: -1em;
	}
	.getmore {
		display: none;
		padding-left: 1.2em;
		background: url(/img/bg_plus.gif) 0 5px no-repeat;
	}
	.getmore.minus {
		background-image: url(/img/bg_minus.gif);
	}
	#content .prizes {
		padding-left: 0px;
	}
	#content .prizes li {
		background: none;
		float: left;
	}
/* -----------------------------------------------------------------------
   Footer ---------------------------------------------------------------- */

    #footer {
		border-top: 1px solid #c2c7cc;
	    background-color: #0d2133;
		color: #e79f24; font-size: 0.7em;
	    height: 55px;
		text-align: center;
    }
		#footer a {
			color: #fff;
		}
		#footer a:hover {
			color: #e79f24;
		}
		#footer .top {
			display: none;
		}
		#footer div.vcard {
		}
			#footer div.vcard div,
			#footer div.vcard address {
				border-left: 1px solid #e79f24;
				display: inline;
				font-style: normal;
				padding: 0 3px 0 6px;
			}
			#footer div.vcard div.hide {display: none;}
			#footer div.vcard div div,
			#footer div.vcard address div {
				border: 0 none;
				padding: 0;
			}
			#footer div.vcard span.type,
			#footer div.vcard div.country-name,
			#footer div.vcard div.website {
				display: none;
			}
			#footer div.vcard div.org {
				border-left: 0 none;
				font-weight: bold;
			}
		#footer ul {
			margin-top: 3px;
		}
			#footer ul li {
				border-left: 1px solid #fff;
				display: inline;
				list-style: none;
				padding: 0 4px;
			}
			#footer ul li.first {
				border: 0 none;
			}

/* -----------------------------------------------------------------------
   Fonts ----------------------------------------------------------------- */
   
	p {
		line-height: 1.4em;
		margin: 1.2em 0;
	}
	h3, h4, h5, h6 {
		color: #0d2133;
		margin-top: 1.6em;
		margin-bottom: 0.6em;
	}
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }

/* -----------------------------------------------------------------------
   Hack ------------------------------------------------------------------ */

    .clear {
        clear: both;
    }
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    .hide {display: none !important;}
    .show {display: block;}