/**** general css *****/
*{margin: 0; padding: 0;}
body{background: URL(images/body_bg.png) top left repeat-x;font: 12px Trebuchet MS;}
h1{position: absolute;background: URL(images/logo.png) top left no-repeat;text-indent: -9999px;margin: 17px 0 0 6px;height: 46px;width: 159px;}
.clear{clear: both;}
a img{border: 0;}
#container{width: 1040px;margin: 0 auto;}
/**** /general css *****/
/**** splash page *****/
#index_container{position: absolute;top: 40%;left: 50%;margin: -100px 0 0 -279px;width: 558px;}
#index_container h1{background: URL(images/logo_index.png) top left no-repeat;height: 66px;width: 231px;margin: -80px 0 0 33px;}
#index_container #welcome_message_box{width: 756px;border: 1px solid #a7e9f1;background: #59cbd9; padding: 15px; font-size: 16px; color: #fff;margin-top: 20px; position: relative;left: -150px;}
#index_container .statsdiv b,
#index_container .demodiv a,
#index_container .demodiv a:active, #index_container .demodiv a:link, #index_container .demodiv a:hover, #index_container .demodiv a:visited,
#index_container #welcome_message_box b {color:#ffff00;}
#index_container #network_select_box{width: 456px;border: 1px solid #a7e9f1;background: #59cbd9; }
#index_container #network_select_box #network_bg{border: 0;padding: 5px 0 0 10px;font: 22px Trebuchet MS;color: #767676;height: 41px;width: 231px;position: absolute;margin: 32px 0 0 35px;background: URL(images/select_bg.png) top left no-repeat;}
#index_container #network_select_box #network_select{border: 0;font: 22px Trebuchet MS;color: #767676;height: 32px;width: 215px;}
#index_container #network_select_box #inlog_button{background: URL(images/btn_inloggen.png) top left no-repeat;height: 45px;display: block;width: 139px;font: 22px Trebuchet MS;color: #636363;border: 0;position: absolute;margin: 29px 0 0 275px;cursor: pointer;}
#index_container #network_select_box #login_wrap,div.error{padding: 70px 0 20px 35px;}
#index_container #network_select_box .login{display: block;}
#index_container #network_select_box .login label,#index_container #network_select_box .login input{display: block;}
#index_container #network_select_box .login .login_button{margin: 5px 0 0 0;}
#index_container #footer{color: #ffffff;font-size: 11px;padding: 15px 0 0 8px;}
#index_container #footer a{color: #ffffff;}
#background{position: fixed;height: 100%;width: 100%;}
#background img{height: 100%;width: 100%;}
/**** /splash page *****/

/**** header *****/
#header{height: 81px;}
#header #language{margin: 3px 0 0 0;display: block;}
#header #language a{background: URL(images/arrow.gif) right 2px no-repeat;padding: 0 10px 0 0;}
#header #language a, #header #language_option a{text-decoration: none;}
#header #language_option{background: #005071;padding: 10px;}
/*
#header #search_form{position: absolute;width: 470px;margin: 25px 0 0 220px;}
#header #search_form #search_friends{float: left; font: bold 14px Trebuchet MS;color: #ffffff;padding: 5px 16px 0 0;height: 22px;}
#header #search_form #search_input{background: URL(images/frm_search_input.png) top left no-repeat;height: 25px;padding: 4px 10px 0 10px;width: 235px;border: 0;font-size: 14px;float: left;}
#header #search_form #search_submit{background: URL(images/btn_find.png) top left no-repeat;height: 28px;width: 83px;text-align: left;font: bold 14px Trebuchet MS;padding: 0 0 0 5px;display: block;border: 0;float: left;margin: 0 0 0 12px;cursor: pointer;}
#header #language_bar{position: absolute;margin: 20px 0 0 760px;}
*/

#header #search_form{position: absolute;width: 590px;margin: 25px 0 0 190px;}
#header #search_form #search_friends{float: left; text-align: right; width: 180px; font: bold 14px Trebuchet MS;color: #ffffff;padding: 5px 16px 0 0;height: 22px;}
#header #search_form #search_input{background: URL(images/frm_search_input.png) top left no-repeat;height: 25px;padding: 4px 10px 0 10px;width: 235px;border: 0;font-size: 14px;float: left;}
#header #search_form #search_submit{background: URL(images/btn_find.png) top left no-repeat;height: 28px;width: 83px;text-align: left;font: bold 14px Trebuchet MS;padding: 0 0 0 5px;display: block;border: 0;float: left;margin: 0 0 0 12px;cursor: pointer;}
#header #language_bar{position: absolute;margin: 20px 0 0 910px; text-align: right; width: 105px;}
#header #language_bar a{color: #dff5ff;}

/**** sidebar *****/
.sidebar{width: 197px;float: left;}
.sidebar .sidebar_top{background: URL(images/left_top.png) top left no-repeat;height: 16px;font-size: 0;line-height: 0;width: 197px;}
.sidebar .sidebar_content{width: 181px;padding: 0 8px 0 8px;background: URL(images/left_bg.png) top left repeat-y;}
.sidebar .pad{padding: 0 14px 0 14px; width: 170px;}
.sidebar .sidebar_content .move{padding: 0 0 0 20px;display: block;}
.sidebar .sidebar_content .add_network{position: absolute;margin: -30px 0 0 150px;}
.sidebar .sidebar_content .add_network_select{margin: 8px 0 10px 0;padding: 2px;width: 110px;}
.sidebar .sidebar_content .profile_pic{margin: 8px 8px 8px 14px;border: 5px solid #ffffff;}
.sidebar .sidebar_content ul{list-style-type: none;}
.sidebar .sidebar_content #network_list{padding: 5px 12px 20px 22px;}
.sidebar .sidebar_content #network_list li{padding: 8px 0 0 0;overflow: hidden;clear: both;}
.sidebar .sidebar_content #network_list .stop{float: left;height: 20px;width: 18px;padding: 0 10px 0 0;display: block;}
.sidebar .sidebar_content #network_list .network_name{float: left;height: 20px;width: 65px;padding: 0 0 0 0;display: block;overflow: hidden;}
.sidebar .sidebar_content #network_list .network_icon{float: left;height: 22px;width: 54px;padding: 0;display: block;}
.sidebar .sidebar_content #alerts_list{padding: 5px 0px 20px 22px;}
.sidebar .sidebar_content #alerts_list li{padding: 8px 0 0 0;overflow: hidden;clear: both;}
.sidebar .sidebar_content #alerts_list .alert_plus{float: left;height: 20px;width: 20px;padding: 0 5px 0 0;display: block;}
.sidebar .sidebar_content #alerts_list .alert_text{float: left;height: 20px;padding: 0 0 0 0;display: block;overflow: hidden;}		
.sidebar .sidebar_content .sidebar_seperator{background: URL(images/left_line.png) top left no-repeat;height: 20px;width: 161px;margin: 5px 0 0 10px;display: block;}
.sidebar .sidebar_content #login_wrap{padding: 70px 0 20px 35px;}
.sidebar .sidebar_content .login{display: block; padding: 0 0 0 20px;}
.sidebar .sidebar_content .login label,#index_container #network_select_box .login input{display: block;}
.sidebar .sidebar_content .login .login_button{margin: 5px 0 0 0;}
.sidebar .sidebar_bot{background: URL(images/left_bot.png) top left no-repeat;width: 197px;height: 16px;font-size: 0;line-height: 0;}
/**** /sidebar *****/

/**** content *****/
#content{float: left;width: 630px;margin: 0 0 0 1px;}

#content .space{margin: 0 0 0 2px;}
#content .small_box{float: left;width: 314px;}
#content .small_box_top{background: URL(images/center_small_top.png) top left no-repeat;height: 23px;width: 294px;padding: 11px 20px 0 0;text-align: left;}
#content .small_box_top a{float: right;color: #dff5ff;}
#content .small_box_top h2{position: absolute;font: bold 14px Trebuchet MS;color: #ffffff;margin: 0 0 0 20px;}
#content .small_box_content{background: URL(images/center_small_bg.png) top left repeat-y;padding: 15px 8px 15px 8px;}
#content .small_box_bot{background: URL(images/center_small_bot.png) top left no-repeat;height: 13px;width: 314px;}
#content .small_box_content .controls{height:	10px;display: block;}
#content .small_box_content .controls .btn_export a{display: block;background: URL(images/btn_exporteer.png) top left no-repeat;height: 19px;width: 67px;font-size: 12px;color: #000000;text-decoration: none;margin: 2px 0 0 9px;padding: 2px 0 0 8px;}
#content .small_box_content .controls .btn_export a:hover {background-position: 0 -21px;}
#content .small_box_content .controls .btn_meer a{display: block;background: URL(images/btn_meer.png) top left no-repeat;height: 19px;width: 67px;font-size: 12px;color: #000000;text-decoration: none;margin: 2px 0 0 211px;padding: 2px 0 0 8px;}
#content .small_box_content .controls .btn_meer a:hover {background-position: 0 -21px;}
#content .small_box_content .verandering_list{list-style-type: none;width: 288px;padding: 0 0 0 10px;height: 150px; overflow: auto;}
#content .small_box_content .verandering_list li{background: URL(images/line_bg.gif) bottom left repeat-x;clear: both;width: 270px;overflow: hidden;padding: 2px 0 0 0;}
#content .small_box_content .verandering_list .pic{float: left;height: 25px;display: block;width: 25px;overflow: hidden;}
#content .small_box_content .verandering_list .naam{float: left;display: block;width: 132px;overflow: hidden;margin: 0 0 0 8px;padding: 4px 0 0 0; height: 20px;}
#content .small_box_content .verandering_list .action{float: left;height: 25px;display: block;width: 18px;padding: 3px 0 0 2px;overflow: hidden;}
#content .small_box_content .verandering_list .datum{float: left;height: 21px;display: block;width: 53px;padding: 4px 0 0 2px;text-align: right;font-size: 11px;overflow: hidden;}
#content .small_box_content .verandering_list .network{float: left;display: block;width: 20px;padding: 1px 0 0 6px;text-align: center;overflow: hidden;}	
#content .small_box_content .verjaardagen_list{list-style-type: none;width: 288px;padding: 0 0 0 10px; height: 150px; overflow: auto;}
#content .small_box_content .verjaardagen_list li{background: URL(images/line_bg.gif) bottom left repeat-x;clear: both;width: 270px;overflow: hidden;padding: 2px 0 0 0;}
#content .small_box_content .verjaardagen_list .pic{float: left;height: 25px;display: block;width: 25px;overflow: hidden;padding: 0 0 3px 0;}
#content .small_box_content .verjaardagen_list .naam{float: left;display: block;width: 120px;overflow: hidden;margin: 0 0 0 8px;padding: 4px 0 0 0; height: 20px;}
#content .small_box_content .verjaardagen_list .datum{float: left;height: 21px;display: block;width: 80px;padding: 4px 0 0 2px;text-align: left;font-size: 11px;overflow: hidden;}
#content .small_box_content .verjaardagen_list .action{float: left;height: 23px;display: block;width: 25px;padding: 3px 0 0 6px;text-align: center;overflow: hidden;}

#content .large_box{width: 630px;}
#content .large_box_top{background: URL(images/center_large_top.png) top left no-repeat;height: 24px;width: 610px;padding: 11px 20px 0 0;text-align: left;}
#content .large_box_top a{float: right;color: #dff5ff;}
#content .large_box_top h2{position: absolute;font: bold 14px Trebuchet MS;color: #ffffff;margin: 0 0 0 25px;}
#content .large_box_content .note_list{list-style-type: none;margin: -5px 0 0 0;padding: 0 0 0 15px;overflow: hidden; width: 610px;}
#content .large_box_content .note_list li{padding: 2px 0 0 0;display: block;width: 580px;clear: both;}
#content .large_box_content .note_list .list_bullet{display: block;width: 5px;height: 19px;float: left;}
#content .large_box_content .note_list .note_name{display: block;height: 19px;float: left; padding: 2px 0 0 0;}
#content .large_box_content .note_list .note_name a{color: #000000;text-decoration: none;}
#content .large_box_content .pics{float: left;} 
#content .large_box_content .note_list .edit{display: block;width: 20px;height: 19px;margin: 0 5px 0 0px;float: left;}
#content .large_box_content .note_list .delete{display: block;width: 20px;height: 19px;margin: 0 10px 0 0;float: left;}
#content .large_box_content .note_list .aant{display: block; float: right;}
#content .large_box_content #note_box{width: 586px;height: 61px;border: 1px solid #7f9db9;margin: 5px 0 0 13px;font-size: 12px;}
#content .large_box_content{background: URL(images/center_large_bg.png) top left repeat-y;padding: 15px 8px 15px 8px;}
#content .large_box_content .controls{height:	10px;display: block; clear: both;}
#content .large_box_content .controls .btn_export a{display: block;background: URL(images/btn_exporteer.png) top left no-repeat;height: 19px;width: 67px;font-size: 12px;color: #000000;text-decoration: none;margin: 2px 0 0 9px;padding: 2px 0 0 8px;}
#content .large_box_content .controls .btn_export a:hover {background-position: 0 -21px;}
#content .large_box_content .controls .btn_meer a{position: absolute;display: block;background: URL(images/btn_meer.png) top left no-repeat;height: 19px;width: 67px;font-size: 12px;color: #000000;text-decoration: none;margin: 2px 0 0 531px;padding: 2px 0 0 8px;}
#content .large_box_content .controls .btn_meer a:hover {background-position: 0 -21px;}
#content .large_box_content .friend_list{list-style-type: none;width: 604px;height: 180px;overflow: auto;margin: 0 0 0 10px;}
#content .large_box_content .friend_list input{margin: 5px 5px 0 0; float: left;}
#content .large_box_content .friend_list li{background: URL(images/line_bg.gif) bottom left repeat-x;clear: both;width: 580px;overflow: hidden;padding: 2px 0 0 0;}
#content .large_box_content .friend_list .pic{float: left;display: block;width: 25px;overflow: hidden;}
#content .large_box_content .friend_list .naam{float: left;display: block;width: 330px;overflow: hidden;margin: 0 0 0 8px;padding: 4px 0 0 0; height: 20px;}
#content .large_box_content .friend_list .action{float: left;display: block;width: 18px;padding: 3px 0 0 2px;overflow: hidden;}
#content .large_box_content .friend_list .icons{float: left;display: block;padding: 4px 0 0 2px;text-align: left;font-size: 11px;overflow: hidden;}
#content .large_box_content .friend_list .locatie{float: left;height: 25px;display: block;width: 80px;padding: 4px 0 0 20px;text-align: left;font-size: 11px;overflow: hidden;}
#content .large_box_content .friend_list .network{float: right;display: block;padding: 0px 0 2px 6px;text-align: center;overflow: hidden;text-align: right; margin: -3px 0 0 0;}
#content .large_box_content .friend_list .network img{padding: 0 2px 0 0;}
#content .large_box_bot{background: URL(images/center_large_bot.png) top left no-repeat;height: 13px;width: 630px;font-size: 0;line-height: 0;}
#content .my_profile{padding: 15px 25px 15px 25px;}

/* .btn_addnote a{position: absolute;display: block;background: URL(images/btn_exporteer.png) top left no-repeat;height: 19px;width: 77px;font-size: 12px;color: #000000;text-decoration: none;margin: 2px 0 0 9px;padding: 2px 0 0 8px;} .btn_addnote a:hover {background-position: 0 -21px;} */
.btn_addnote{display: block;background: URL(images/btn_exporteer_b.gif) top right no-repeat;height: 21px;font-size: 12px;color: #000000;text-decoration: none;margin: 2px 0 0 9px;padding: 0;}
.btn_addnote a{display: inline-block;background: URL(images/btn_exporteer_a.gif) top left no-repeat;height: 19px;font-size: 12px;color: #000000;text-decoration: none;padding: 2px 15px 0 15px;}

#content #footer{color: #aecdda;font-size: 11px;padding: 15px 0 0 8px;}
#content #footer a{color: #aecdda;}
/**** /content *****/

/**** adbar *****/
#adbar{float: left;width: 120px;}
/**** /adbar *****/

/**** popup ****/
#backgroundPopup
{
	display:none;
	position:fixed;
	_position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#popupBox
{
	display:none;
	position:fixed;
	_position:absolute;
	/*overflow: auto;*/
	height:330px;
	width:408px;
	background:#dff5ff;
	border:1px solid #ffffff;
	z-index:2;
	font: 12px Trebuchet MS;
	padding: 0 0 20px 0;
}
#popupBox h2
{
	color:#ffffff;
	border-bottom:1px dotted #D3D3D3;
	padding: 7px 0 0 20px;
	height: 40px;
	margin: 0 0 0 0;
	/*margin: 0 0 20px 0;*/
	display: block;
	font: bold 24px Trebuchet MS;
	background: URL(images/popup_bg.png) top left repeat-x;
}
#popupContent
{
	width: 398px;
	height: 250px;
	overflow: auto;
	padding: 20px 5px 0 5px;
}
#popupBox form#editprofile
{
	padding: 0 25px 0 20px;
}
#popupBox form#editprofile label
{
	display: inline-block;
	width: 100px;
	padding: 0 0 10px 0;
}
#popupBox form#editprofile input
{
	border: 1px solid #00597e;
	font: 12px Trebuchet MS;
	width: 200px;
}
#popupBox form#editprofile textarea
{
	border: 1px solid #00597e;
	font: 12px Trebuchet MS;
	width: 360px;
}
#popupClose,
#popupLink
{
	color:#6fa5fd;
	font: 12px Trebuchet MS;
	color: #6f7a7f;
	display:block;
	margin: 10px 0 0 20px;
	cursor: pointer;
	float: left;
}
#contact_submit
{
	background: URL(images/btn_send.png) top left no-repeat;
	display: block;
	height: 21px;
	width: 75px;
	text-indent: -9999px;
	border: 0 !important;
	cursor: pointer;
	float: left;
	margin: 10px 0 0 180px;
}
/**** /popup ****/

.u_l{width: 22px; display: block; float: left;}
.u_d{width: 35px; display: block; float: left; color: #989898;}
.u_n{width: 100px; display: block; float: left; margin: 0 5px 0 5px;}
.u_m{width: 375px; display: block; float: left; overflow: hidden;}
.u_r{width: 55px; display: block; float: left; margin: 0 0 0 5px;}
.u_r a{color: #5888e1; text-decoration: none;}
.u_e{width: 25px; display: block; float: left; margin: 0 0 0 5px; height: 28px;}

.small_box_top a, .small_box_top img,
.large_box_top a, .large_box_top img { z-index: 1; }

/*.networkstatus{float: right;} */
.networkstatus{ margin-left: 10px; }
.netlogo { width: 16px; height: 16px; }
.network_icon .netlogo { margin-left: 5px;}
/*.dragging { z-index: 100; opacity: 0.7; filter: alpha(opacity=70); }*/
.dragging { z-index: 100; }
/*h2 img{float: right; margin: 2px 0 0 0;}*/
/* search hints (iconv-stripped names etc) are put in <u> tags */
u{display:none; font-size: 1px;}

#content .large_box_top h2{position: absolute;font: bold 14px Trebuchet MS;color: #ffffff;margin: 0 0 0 25px;}
#content .large_box_top h2 span{float: left; margin-right: 3px;}
h2 img{float: left; margin: 2px 0 0 0;}

#try_now{display: block; position: relative; height: 40px; padding: 10px 0 0 0; font: 12px "Trebuchet MS";}
#try_now a{position: absolute; right: 0; top: 0;display: inline-block; font: 18px "Trebuchet MS" !important; background: URL(images/try_btn.png) top left no-repeat; width: 143px; height: 27px; padding: 5px 0 0 0; text-align: center; color: #ffffff;}