/* -- Main styles -- */

html {
	
	font-size: 62.5%;
	line-height: 130%;
}

html, body{
	height: 100%;

}

html, body, form{
	margin: 0px;
	padding: 0px;
}

body{
	/* background: url(/images/portal_new/img/body_bg.png) left top repeat-x #66CCFF; */ /* Jasper: verplaatst naar: home.css*/
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 130%;
	color: #214475;
}

/* peter: to make sure the header always has this font when using custom templates */
.defaultSiteFont { font-family: 'Trebuchet MS', Verdana, sans-serif; }

p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

p {
	font-size: 1em;
	line-height: 150%;
	margin: 0.2em 0 1em 0;
}

h1 {
	font-size: 1.67em;
	line-height: 130%;
	padding: 0.2em 0 0.3em;
}

h2 {
	font-size: 1.5em;
	line-height: 130%;
	padding: 0.5em 0 0.2em 0;
}

h3 {
	font-size: 1.4em;
	line-height: 130%;
}

img{
	border-width: 0px;
}

a {
	color: #214475;
}

/* ie bug */
table { 
	font-size:1.0em;
}

/*
a.nav:link {color: #214475; text-decoration: bold; }
a.nav:visited {color: #214475; text-decoration: bold; }
a.nav:active {color: 214475; }
a.nav:hover {color: 214475; }
*/
.claro{
	clear: both;
}

.claroleft{
	clear: left;
}
.claroright{
	clear: right;
}

.sIFR-alternate{
	display: none;
}

.floatcon{
	position: absolute;
}

/*-- containers -- */

#container{
	background-repeat:  no-repeat;
	height: 100%;
}

.center{
	width: 986px;
	margin: 0px auto;
	text-align: left;
}


     
 
/* bart */
 
#tipform .input {
	border: #89A4BE solid 1px;
	float: left;
	margin: 0 0 0 123px;
	display: inline;
	width: 128px;
}

#tipform textarea {
	border: #89A4BE solid 1px;
	width: 558px;
	padding: 0;
}
         

       

/* -- main -- */

#main{
	width: 855px; /*857*/
}


/* -- tags -- */
.s19{ font-size: 19px; }
.s18{ font-size: 18px; }
.s17{ font-size: 17px; }
.s16{ font-size: 16px; }
.s15{ font-size: 15px; }
.s14{ font-size: 14px; }
.s13{ font-size: 13px; }
.s12{ font-size: 12px; }
.s11{ font-size: 11px; }

/* -- Footer -- */

#footer {
	padding-bottom: 50px;
	padding-top:5px;
}

#footer .left {
	float:left;
	width:20px;
}

#footer .center {
	float:left;
	width:815px;
	background-color:#58B0E6;
/*	padding-top:2px;
	padding-bottom:3px;*/
	height: 20px;
	color:#ffffff;
	text-align: center;
}

#footer .right {
	float:left;
	width: 20px;
}

#footer a {
	color:#ffffff;
}


/* Feedback */
.warning	{	
				background-color:#fee;
				color:#f00;
				padding:5px 5px 5px 30px;
				margin:5px 10px 10px 5px;
				border:1px solid #F00;
				
			}
		
.warning .sprite_24bit.warning_gif {
	margin-left: -25px;
}
			
.warning a:visited,
.warning a { color:#f00; } 


.confirm	{	
				background-color:#efe;
				color:#000;
				padding:5px 5px 5px 30px;
				margin:5px 10px 10px 5px;
				border:1px solid #0F0;
				max-width: 810px
			}		

.confirm .sprite_24bit.confirm_gif {
	margin-left: -25px;
}


.neutral {
	/*width:100%;*/
	background-color:#DCECF0;
	color:#000;
	padding:5px 5px 5px 30px;
	margin:5px 10px 10px 5px;
	border:1px solid #0F0;
	background-image:url(/images/icons/ReactionIcon.png);
	background-repeat:no-repeat;
	background-position: 5px 5px;
}

.lightbulb	{
	color: #ff5a00;
	background-color: #fad7ab;
	border: 1px solid #ff5a00;
	padding:5px 5px 5px 30px;
	margin:5px 10px 10px 5px;
}
		
.lightbulb .sprite_24bit.lightbulb_png {
	margin-left: -25px;
	margin-top: 5px;
}
			
.lightbulb a:visited,
.lightbulb a { color:#ffaa00; } 




#flashWarning {

/*	background: url('/images/portal_new/img/worldmap_noflash.jpg'); */
	background-repeat: no-repeat;
	vertical-align: bottom;
	
}

/* Navigation */

.paginaNavigatie {
/*	margin-bottom: -10px;
	margin-top: -18px;  */
	width:547px; 
	text-align: right;
}


#bodycrumbs{
	font-size: 11px;
	display: block;	
	padding-bottom: 4px;
	padding-top: 4px;
	/*height: 37px*/
}

#bodycrumbs a{
	text-decoration: underline;
}
#headcrumbs{
	color: #FFF;
	padding: 13px 16px;
	font-size: 11px;
}

#headcrumbs a{
	color: #FFF;
	text-decoration: underline;
}


/* Layout */

#body-bottom{
	height: 16px;
	width: 855px;
}

/*
html>body #body-bottom{
	background: url(/images/portal_new/img/body_bottom.png) 0px bottom;
	background-repeat:  no-repeat;
}
*/

#body-main{
	background-color: #FFF;
	padding: 0px 0px 12px 16px;
	width: 839px;
	min-height: 560px;
}

/* -- Rightside -- */

#rightside{
	width: 582px;
	padding: 0px 0px 0px 0px;
	float: left;
	margin: 0 0 0 5px;
	display: inline;
}

/* -- Leftside -- */

#leftside{
	float: left;
	width: 242px;	
	padding: 0px 5px 0px 0px;
}


/* -- Leftside -- */


#leftmenu{
	width:220px;
	/*background: url(/images/portal_new/img/leftmenu_top_large.gif) 0px 0px no-repeat #DCECF0;*/
	background-color: #DCECF0;
}

#leftmenu .bottom{
/*	background: url(/images/portal_new/img/leftmenu_bottom_large.gif) 0px bottom no-repeat;*/
	padding: 12px;
}

#leftmenu .main{
	border-top: #FFF solid 1px;
}

#leftmenu a{
	display: block;
	text-decoration: none;
	border-bottom: #FFF solid 1px;
	padding: 5px 0px 5px 2px;
/*	background: url(/images/portal_new/img/leftmenu_arrow.gif) 0px 11px no-repeat;*/
}

#leftmenu span {
	margin-top:11px;
	vertical-align: bottom;
}

#leftmenu span span {
	margin-top:0px;
	vertical-align: bottom;
}

#leftmenu #submenu a,
#leftmenu .submenu a {
	padding: 5px 0px 5px 26px;
	background: none;
}


    

/* -- Zoek -- */

#zoek{
	background: url(/images/portal_new/img/zoek_bg.gif) 0px 0px;
	background-repeat:  no-repeat;
	height: 35px;
	width: 246px;
}

#zoekgroot{
	background: url(/images/portal_new/img/zoek_bg_large.gif) 0px 0px;
	background-repeat:  no-repeat;
	height: 55px;
}

#zoek form, #zoekgroot form{
	padding: 6px;
}

#zoek .input, #zoekgroot .input{
	float: left;
	margin-right: 6px;
	width: 140px; /*164px;*/
	border: #89A4BE solid 1px;
	height: 18px;
}

/* -- Toon -- */

#toon{
	background: url(/images/portal_new/img/toon_bg_top.gif) 0px top #ECF7DB;
	
	background-repeat:  no-repeat;
	margin-top: 9px;
	font-size: 13px;
	/*line-height: 14px;*/
	padding: 1px 12px 10px 12px;
	
}

#toon h3{
	font-size: 13px;
	color: #7ABE3A;
	padding: 0px 0px 4px 0px;
	margin: 0px;

}
	
#toon ul{
list-style: none;
}


#toon #linkmenu a{
	display: block;
	
	border-bottom: #FFF solid 1px;
	padding: 10px 0px 10px 20px;
/*	background: url(/images/portal_new/img/leftmenu_arrow.gif) 0px 11px;*/
/*	background-repeat:  no-repeat;*/
}

#toon #linkmenu span {
	margin-top:11px;
	vertical-align: bottom;
}

#toon #linkmenu span span {
	margin-top:0px;
	vertical-align: bottom;
}


/* -- Filter -- */

#filter{
/* 	background: url(/images/portal_new/img/filtertop_bg.gif) 0px top #DCECF0; */
	background-color: #DCECF0;
	background-repeat:  no-repeat;
	margin-top: 25px;
	font-size: 13px;
	width: 242px;
}

#filter .bottom{
	background: url(/images/portal_new/img/filter_bg.gif) 0px bottom;
	background-repeat:  no-repeat;
	padding: 2px 2px 15px 2px;
}

#filter h2{
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

#filter h3{
	font-size: 13px;
	color: #7ABE3A;
	padding: 10px 0px 4px 0px;
	margin: 0px;
}

#filter a{
	display: block;
	text-decoration: underline;
}

#toon img {
	height: 20px;
	}
	

/* bart start */
#filter ul{
	padding:0;
	margin:0;
	list-style: none;
}

#filter ul li {
	padding: 0 20px 0 40px;
	background:url(/images/portal_new/img/leftmenu_arrow.gif) no-repeat 16px 11px;
}
/* bart stop */

/* -- Termen -- */

#terms{
	padding: 16px 3px;
}

#terms h2{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

/* -- infostrip -- */

.infostrip{
	width: 560px;
	margin: 15px 0px 0px 0px;
	float: left;
	padding-top: 0px;
}

.infostrip h1 {
	padding-top: 10px;
}

.infostrip #datum {
	font-size: 10px;
}

.infostrip #tip {
	/*overflow: hidden;*/
}

.infostrip .tip .left {
	float: left;
	width: 320px;
	overflow: hidden;
	margin-right: 10px;
}

.infostrip .tip .right {
	border-left: 1px solid #9CC4C1;
	float: left;
	overflow: hidden;
	padding-left: 7px;
	width: 200px;
}

.infostrip .tip .right .infomap {
	margin-bottom:2px;
}

.infostrip .tip .right table.info {
	width: 195px;
}

.infostrip .tip .right table.info td {
	margin: 0px;
	padding: 0px;
}

.infostrip .top .berichten .icon {
	padding: 0;
	margin: 0;
}

.infostrip .top .berichten .title {
	padding:7px 0 0 0;
	margin:0;
}

.infostrip #tipCategoryRating {
	font-size: 1.2em;
	float: right;
	padding-top: 0px;
	text-align: right;
}

.infostrip #tipCategoryRating .img {
	/* vertical-align: right;  /* peter: is it text-align or vertical align? right is invalid for valign... */
}

.infostrip .top{
	background: url(/images/portal_new/img/infostrip_top.gif) 0px 0px #C6DFDD;
	background-repeat: no-repeat;
	border-bottom: #FFF solid 1px;
	padding: 2px 12px;
	height: 32px;
}

.infostrip .bottom,
.infostrip .bottomtip {
	background-color: #d0e5ea;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
	padding-top: 4px;
}

.infostrip .bottom {
	margin-top: 4px;
	height: 25px;
}

.infostrip .bottomtip {
	margin-top: 1px;
	padding-bottom: 4px;
}


.infostrip .bottom img {
	vertical-align: middle;
}

.infostrip ul{
list-style: none;
}

.infostrip .top a{
	float: right;
	padding-top: 8px;
}

.infostrip .top div{
	float: left;
	font-size: 18px;
	font-weight: bold;
	/*padding: 8px 30px 8px 0px;*/
	padding: 0px 0px 8px 0px;
	background-position: top right;
	background-repeat: no-repeat;
}

.infostrip .top .messages {
	padding-top: 7px;
}

.infostrip .top .personen {
	background-image: url(/images/portal_new/img/infostrip_personen.gif);
	padding-right: 37px;
	padding-top: 8px;
}

.infostrip .top .groups {
	background-image: url(/images/portal_new/img/infostrip_groups.png);
	padding-right: 37px;
	padding-top: 8px;
}

.infostrip .top .artikelen {
	background-image: url(/images/portal_new/img/infostrip_artikelen.gif);
	padding-right: 37px;
}

.infostrip .top .fotos {
	background-image: url(/images/portal_new/img/infostrip_fotos.gif);
	padding-right: 42px;
}

.infostrip .top .videos{
	background-image: url(/images/portal_new/img/infostrip_videos.gif);
	padding-right: 37px;
}

.infostrip .main-container {
	border-bottom: 1px solid #fff;
}

.infostrip .main {
	background-color: #DCECF0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	
	/* http://www.brownbatterystudios.com/sixthings/2007/01/06/css-first-aid-for-ie-peekaboo-bug/  */
	min-width: 0; /* peekaboo workaround for IE7 */
	min-height: 40px; /* white borderline disappearing */
	
	width: 540px;
/*	float: left; */
	clear: both;
}

.infostrip .persoon {
	padding: 0px 10px;
	float: left;
	text-align: center;
}

.infostrip .persoon img {
	display: block;
	margin-bottom: 10px;
}

.infostrip .bericht a {
	margin-right: 24px;
}

.infostrip .berichten .title, 
.infostrip .berichten .person {
	padding-right: 24px;
	
}

.infostrip .top .personen,
.infostrip .top .fotos,
.infostrip .top .videos,
.infostrip .top .artikelen,
.infostrip .top .berichten {
	padding-top: 8px;
}

.infostrip .berichten .location a, 
.infostrip .berichten .location {
	color: #7ABE3A;
	margin-right: 0px;
}

.infostrip .foto{
	float: left;
	padding: 0px 10px;
}

.infostrip .main .top-head {
	float:left;
	width: 100%
}

.infostrip .main .message-result {
	float: left;
}

.infostrip .message-result .main h1,
.infostrip #tip .main .message h1 {
	margin-top: 0;
	padding-top: 0;
}

.infostrip .message-result .main h1 a,
.infostrip #tip .main .message h1 a {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 130%;
	color: #214475;
	text-decoration: underline;
}

.infostrip #tip .main a {
	 
}


/* Infostrip voor NIEUWS */

#news .infostrip{
	width: 234px;	/* Was 222 */
	margin: 0px 0px 0px 0px;
	float: left;
	padding-top: 0px;
}

#news .infostrip .main{
	width: 222px;	/* was 210 */
	background-color: #DCECF0;
	padding: 6px;
	margin-bottom: 1px;
	/* http://www.brownbatterystudios.com/sixthings/2007/01/06/css-first-aid-for-ie-peekaboo-bug/  */
	position: relative; /* peekaboo workaround for IE6 */
	min-width: 0; /* peekaboo workaround for IE7 */
	font-size: 0.9em;
}

#news .remaining {
}

#news .remaining .newsDate {
	width:70px;
}

#news .remaining .newsDate,
#news .remaining .newsTitle {
	padding-bottom: 10px;
	vertical-align: top;
}

#newsItems {
	padding-top: 0px;
	width: 230px;
	/*background-color: #0F0;*/
	float: left;
	font-size: 1.0em;
}

#newsItem {
	width: 490px;
	/*background-color: yellow;*/
	float: right;
	font-size: 0.9em;
}

/* Jasper: Om tekst te highlighten, zie ook html.lib.php::highlight() */
.highlight {
	color:#F00;
	font-weight: bold;
}

/* zie dynamics.js */
#preloader {
	display:none;
	margin-left:743px;
	margin-top:160px;
	position:absolute;
	z-index:100;
	width:20px;
	height:20px;
	background-image:url(/images/preloader.gif);
	background-repeat: no-repeat;
}

 





div#columnLeft
{
	float: left;
	background-color:#FFFFFF;
	width: 500px;

	padding:  0 0 0 10px;
	margin: 20px 0 0 0;
	display: block;
	text-align:left;
}

div#singleColumn
{
	float: left;
	background-color:#FFFFFF;
	width: 740px;
	height:100%;
	padding:  0 0 0 10px;
	margin: 20px 0 0 0;
	display: block;
	text-align:left;
}
		
div#columnRight
{
	background-color:#FFFFFF;
	/*font-size: 8pt; */
	width: 250px;
	height:100%;
	float: right;
	display: block;
	padding: 0px;
	margin: 20px 0 0 0;
	
}

div.siteThumb {
	display:block;
	width:90px;
	height:100px;
	clear:both;	
	overflow:hidden;
	margin: 20px 0px 20px 0px;
	text-align:center;
	font-size:8px;
	border: 1px solid #000;
	float:left;

}


          /* Adverts 
=====================================================================*/
div.advertSkyscraper {
	float: right;
	margin-top: 2px;
	margin-left: -20px; /* for site */
	height: 600px;
	width: 120px;
	display: block;
}

         
div.advertRectangle {
	position:relative;	
	width:468px;
	height:278px;
	display:block;
	clear:both;	
	overflow:hidden;
	margin: 20px;
	text-align:center;
	font-size:8px;
}



div.advertBanner{
	position:relative;
	margin: 0 0 10px 8px;
	width:468px;
	height:60px;
	display:block;
	clear:both;
	overflow:hidden;
}


/* advertbeanner op de inlogpagina */

#contentContainerPopup div.advertBanner
{
	margin: 0 0 10px 0;
}

#siteLogin .advertBanner,
#dagboekLogin .advertBanner
{
	clear: both;
	margin: 10px auto 0 auto!important;
}

.advertorial {
	width: 560px;
}

.advertorial .header {
	background: url(/images/portal_new/img/infostrip_top_advertorial.gif) 0px 0px #a0abd4;
	background-repeat: no-repeat;
	border-bottom: #FFF solid 1px;
	padding: 2px 12px;
	height: 32px;
}

.advertorial .text {
	background-color: #e3e5f4;
	overflow: hidden;
	padding: 5px;
}



/* ------------------------------------ */

div.advertSearch {
	clear:none;
	margin:10px;

}
  


/* reacties */
.reactionAuthor {
	font-weight:bold;
	font-size: 10px;
	float:left;
	margin:0px;
	font-size:110%;
	
}

.reactionDatetime {
	font-size:90%;
	float:left;
	clear:right;
	margin:0px;
}

.reactionRating {
	font-size:90%;
	float:right;
	clear:right;
	margin:0px;
}

.reactionText {
	
	clear:both;
	margin:0px;
}

/* Video thumbnails */


div.thumbnailVideo {
 	height:50px; 	
 	width: 70px;
 	position: relative;
 	float: left;
}

div.thumbnailVideo a
{
	display: inline;
	position: absolute;
	vertical-align:bottom;
	width: 70px;
	text-align: center;
	bottom: 0;
	left: 0;
}

div.thumbnailVideo a img { 
	vertical-align:bottom;
}

div.thumbnailVideo img.overlay {
	position:absolute;
	z-index:2;
	padding:0px;
	margin: 0px;
	bottom: 0;
	left: 10px;
}


/* ? */

img.valign {
	height:50px;
	width:0px;
	vertical-align:bottom;
	border:0px;
}

/* Tip */

#tip .main, #reisverhalen .main {
	padding-left: 30px;
	width: 520px;
}

/* BB */
#tip .main h3 {
	clear: both;
}

#leftmenu .submenu a {
	background:none;
	
}

.float {
	float:left;
}
.fl { float: left; }
.fr { float: right; }

/* standaard buttons (click, submit, delete) */
/* button: click */
.inputbutton, input.button {
	color:#DCECF0;
	background-color:#030366; 
	margin:0px;
	padding:2px 5px 2px 5px;
	font-size:1.0em;
	border:0px;
	cursor: pointer;
}
.inputbutton:hover, input.button:hover {
	color:#FFF;
	background-color:#4099C5; 
}
/* button: submit */
input.submit {
	color:#FFF;
	background-color:#82B236;
	margin:0px;
	padding:2px 5px 2px 5px;
	font-size:1.0em;
	border:0px;
	cursor: pointer;
}

input.submit.small {
	font-size:0.9em;
}

input.submit:hover {
	color:#ffffff;
	background-color:#A4D853;
}

input.submit.hover{
	color:#ffffff;
	background-color:#A4D853;
	cursor: pointer;
}
/* button: delete */
input.delete {
	color:#F00;
	background-color:#fee;
	margin:0px;
	border:0px;
	padding:2px 5px 2px 5px;
	font-size:1.0em;
	cursor: pointer;
}
input.delete:hover {
	color:#ffffff;
	background-color:#F00;
}

input.large {
	padding:3px 10px 3px 10px;
	font-size:1.2em;
}



.whatworld {
	color: #FFF;
	background-color: #4099c5;
	/*background: url(/images/portal_new/img/whats_happening_large.gif) no-repeat 0 0;*/
	width: 820px;
	font-size: 1.5em;
	padding: 5px 5px 5px 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: right;
}

.enverder {
	color: #FFF;
	background-color: #4099c5;
	float: right;
	/* width: 521px; */
	width: 820px;
	font-size: 1.7em;
	padding: 5px 5px 5px 5px;
	margin-top: 15px;
	margin-bottom: 5px;

}

h1 a {
	color: #439AC5;
	text-decoration: none;
}

.gmapBalloon {
	color:#000;
}

.hideFromSpammer {
	width:0px;
	height:0px;
	overflow:hidden;
	display:none;

}

.input_text {
	border:1px solid #809DB9;
	font-size:11px;
	padding:3px;

}


/* Features */

#albumdefault {

}

#albumdefault .colleft {
    width: 250px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 6px;


}

#albumdefault .colrightlooks {
background-color: #eef8fb;
    width: 250px;
    float: right;
    margin-right: 37px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 5px;
}


#albumdefault .text {
    margin-bottom: 15px;
}


#blue_header {
	background-color:#4099C5;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:10px;
	padding:2px; 
	padding-left: 5px;
	text-align: left;
	/*width: 500x;*/
}

#green_header {
	background-color: #a4d853;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 2px; 
	text-align: left;
	padding-left: 5px;   
	/*width: 500px;*/
}

#image_left {
	float: left;
	width: 30px;
}

#feature_leftcolumn {
	float: left;
	padding-left: 5px;
	width: 400px;
}

#feature_rightcolumn {
	border-left-width: 1px;
	float: left;
	padding-left: 25px;
	width: 400px;
}

#albumdefault .text {
	margin-bottom: 15px;
}

#featureBlock {  		
	height:150px;
	/*width:250px;*/
}

/* Tooltip */

.profilepicturecontent {
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	background-position: center center;
}

.profilepicturecontent:hover {
	cursor: pointer
}

.img_holder {
	float: left;
	width: 60px;
	height: 60px;
}

.img1 {
	position: absolute;
	z-index: 0;
	width: 60px;
	height: 60px;
}

.img2 {
	position: absolute;
	z-index: 10;
	width: 21px;
	height: 21px;
}

.tooltipcontent {
	position: absolute;
	visibility: hidden;
	border: 1px solid #000000;
	background-color: white;
    color: black;
	padding: 5px;
	margin: -19px 0 0 0;
	z-index:30;
	width: 400px;
}
.tooltipcontent a { color: black; }
.infoBalloon {
    padding: 5px;
    z-index: 2000;
}
#profileBody {
	width: 450px;
}

#profileBody .profilePicture {
	float:left;
	padding-right:5px;
	width:110px;
}

#profileBody .profileData {
	float:left;
	width:280px;
}

#profileBody p.profileCountry {
	padding: 2px 0px 2px 0px;
	margin: 2px 0px 2px 0px;
}


.dateUnknown {
}

.message .media .details .dateUnknown a,
.dateUnknown a {
	color: red;
	text-decoration: underline;
}

.dateKnown {
}

.dateKnown a {
	color: #FFFFFF;
	text-decoration: none;
}

.dateKnown:hover {
	text-decoration: underline;
}

/**
 * Styling of the weather block which displays the minimal forecast and
 * some traveler stats per country
 */
#weatherBlock{
	background: #eef8fb;
	padding: 5px;
	margin-top:10px;
}

#weatherForecastMinimal, #weatherLinkmenu, #weatherRandomMarkedCities{
	background:white;
	padding: 5px;
	border: 1px solid #DCECF0;
}

#toon #linkmenu table a {
	display: inline;
	border:none;
	margin:0;
	padding:0;
}

randomMarkedCities {
	
}

#weatherRandomMarkedCities {
	width: 330px;
	float: left;
	height: 90px;
}

#weatherLinkmenu {
	height: 90px;
}

#weatherMyHome #weatherLinkmenu {
	height: 110px;
}

#weatherForecastMinimal {
	width: 290px;
	float: left;
	height: 110px;
}

#weatherForecastMinimal th, #weatherForecastMinimal td {
	text-align: center;
}

#weatherLinkmenu {
	width: 170px;
	float: right;
}

/**
 * Weather search box.
 */

#searchCityInput{
	padding:2px;
	margin:0;
	color:gray;
	display: inline;
	height: 16px;
	width: 140px;
	border:1px solid #4181b1;
	vertical-align: bottom;
}

div#searchCity{
	position:relative;
	margin:0;
	padding:0;
	font-size: 12px;
	display: inline;
}

div#searchCity a{
	float:none;
	padding:0;
	margin: 0;
	line-height: 100%;
	font-weight: normal;
	text-decoration: none;
}

div#searchCity img{
	padding: 0;
	margin: 3px 0 2px 3px;
}

ul#cityList{
	list-style:none;
	background-color:white;
	border:1px solid #4181b1;
	margin:0;
	padding:0;
}

ul#cityList li {
	margin:0;
	padding:0;
	position:relative;
	width:320px;
}

ul#cityList li a.cityLink {
	cursor:pointer;
	text-decoration: none;
	position:absolute;
	width:300px;
	top:0px;
	left:21px;
	font-weight:normal;
	margin: 3px 0 2px 3px;
	padding:0;
	line-height: 16px;
	vertical-align: bottom;
}

ul#cityList li a.cityLink:link, ul#cityList li a.cityLink:visited {
	text-decoration: none;
}

ul#cityList li a.cityLink:hover, ul#cityList li a.cityLink:active {
	color:#ffffff;
	text-decoration: underline;
}

div#cityNotFound{
	list-style:none;
	background-color:white;
	border:1px solid #4181b1;
	font-size:12px;
	font-weight: normal;
	margin:0;
	padding:5px;
	width: 310px;
}

div#cityNotFound p {
	margin-top: 3px;
}

div.groupInfoBalloon{
	color: #000000;
}

/**
 * General popup styling.
 */
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:5000;
}
.popup{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	min-width: 300px;
	max-width: 600px;
	min-height: 150px;
	background: #ddecf1;
	border: 2px solid #ffffff;
	z-index: 5001;
}
.popupNoJs{
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	min-width: 300px;
	max-width: 600px;
	min-height: 150px;
	background: #ddecf1;
	border: 2px solid #ffffff;
	z-index: 5001;
}
.popupHeader{
	background: #4181b1;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	padding: 3px;
}
.popup h1{
	text-align: left;
}
.popupClose{
	right: 10px;
	top: 2px;
	position: absolute;
	color: #ffffff;
	display: block;
	cursor: pointer;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}