body#becomefriends
{
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#666;
}

/*  add as friend
----------------------------------------------- */

a.addfriend,
a.addfriend:visited
{
	display:block;
	float:left;
	
	padding:3px 5px 3px 30px !important;
	color:white !important;
	border: none !important;
	text-decoration:none !important;
	font:11px/15px Arial, Helvetica, sans-serif !important;
	background:#0097DF url(../img/plus.gif) no-repeat 0 50% !important;
}

* html a.addfriend,
* html a.addfriend:visited { height:1%;}


a.addfriend:hover
{
	background-color:#26A8E6;
	color:white !important;
}

div.addfriendwrapper {height: 1px; font-size: 1px; clear: both;}


/*  add as friend - popup
----------------------------------------------- */

#friendcontent { height:60px;}

* html div#friendcontent {	z-index:20000;}

div.popup
{
	position: absolute;
	
	margin-top:-20px;
	margin-left:-20px;
	width:420px;
	z-index:1000;
}


div.popup .top
{
	overflow:hidden;
	padding:20px 20px 0 20px;
	background: url(../img/shadow-top.png) no-repeat top;
}

div.popup .bottom
{
	padding:0 20px 40px 20px;
	background: url(../img/shadow-bottom.png) no-repeat bottom;
	font-size:1px;
	height:1px;
}

/* IE6 - I hate it */
* html div.friend 			{ height:1%;}
* html div.popup .top 		{ background: url(../img/shadow-top-ie.gif) no-repeat top; }
* html div.popup .bottom	{ background: url(../img/shadow-bottom-ie.gif) no-repeat top; height:10px; }

div.friend
{
	background:#F2F2F2;
	border-bottom:1px solid #CCC;

	padding:0 0 10px 10px;
	overflow:hidden;
}

div.friend img
{ 
	float:left;
	background:white;
	padding:4px;
	margin-top:10px;
}

div.friend .details { margin-left:75px;	margin-top:10px; width:272px;}

div.popup a.close
{
	display:block;
	float:right;
	height:19px;
	width:19px;
	text-indent:-5000px;
	border:1px solid #F2F2F2;
	border-width:0 0 1px 1px;
	background:#F2F2F2 url(../img/closepopup.gif) no-repeat center center;
}

div.popup a.close:hover { background-color:white; border-color: #CCC }

div.popup .friendgutter { padding:10px; overflow:hidden; }


div.friend h4
{

	font:17px/20px Arial, Helvetica, sans-serif;
	color:#3C3C3C;
}

div.friend p
{

	font:11px/15px Arial, Helvetica, sans-serif;
	color:#666;
}


div.popup img.loding
{
	display:block;
	margin:15px 0 0 15px;
}



/*
 Feeddarstellung auf der Webseite
*/

div.activityfeed {}

div.activityfeed ol
{
	list-style:none;
	margin:0;
	padding:0;
}

div.activityfeed ol img { float:left;}

div.activityfeed ol li
{
	float:left;
	list-style:none;

	margin: 0 5px 5px 0;
	padding:1px 3px;
	
	line-height:24px;
	font-size:10px;
	
	border: 1px solid #CCC;
	border-color: white #CCC #CCC white;
	background-color:#E8EAEA;
}

div.activityfeed h2.time
{
	border-bottom: 1px dotted #CCC;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding:2px 0 2px 43px;
	margin: 5px 0;
	background-repeat:no-repeat;
	background-position:15px center;
	font-weight:bold;
	background-image:url(../img/feedicons/time.gif);
}


/*
 Feeditems -> icons
*/

div.activityfeed div
{
	padding: 5px 2px 5px 45px;
	overflow: hidden;
	background-position: 14px center;
	background-repeat: no-repeat;
}

.jimdo-newfriend 	{ background-image:url(../img/feedicons/newfriend.gif);}
.jimdo-pro	 		{ background-image:url(http://cdn.jimdo.com/s/img/feedicons/pro.gif);}
.jimdo-template 	{ background-image:url(../img/feedicons/template.gif);}
.jimdo-desc	 		{ background-image:url(../img/feedicons/desc.gif);}
.jimdo-tag 			{ background-image:url(../img/feedicons/tag.gif);}
.jimdo-page			{ background-image:url(../img/feedicons/change.gif);}
.jimdo-favicon 		{ background-image:url(../img/feedicons/favicon.gif);}
.jimdo-avatar 		{ background-image:url(../img/feedicons/avatar.gif);}

.jimdo-comment 		{ background-image:url(../img/feedicons/comment.gif);}


/*
 Friendlist
*/


div.jimdofriends .vcard
{
	float:left;
	width:240px;
	height:102px;
	padding:5px;

	margin: 0 10px 10px 0;
	border:1px solid #CCC;
	border-width: 1px 3px 3px 1px;
	border-color:#CCC #C1C1C1 #C1C1C1 #CCC;
	background:#EEE;
	color:#333;
	overflow: hidden;
}

div.jimdofriends .vcard img { border: 1px solid #CCC; height:100px; width:100px; }

div.jimdofriends .vcard a,
div.jimdofriends .vcard a:visited { color:#0097DF; }

div.jimdofriends .vcard div,
div.jimdofriends .vcard span { color:#333; }


/*
 Captcha
*/
div.captcha {
    width: 200px;
    border: 1px solid #999999;
    background: url(../img/captcha_bg.jpg) repeat-x bottom left white;
    padding: 10px;
}

div.captcha span.character {
    height: 29px;
    width: 160px;
    border: 1px solid #666;
    float: left;
    background: white;
    padding: 0px;
    margin: 0px;
}
    
div.captcha a.refresh {
    background: url(../img/captcha_refresh.jpg) no-repeat center white;
    border: 1px solid #CCC;
    float: right;
    height: 29px;
    width: 29px;
    padding: 0px;
    margin: 0px;
}
    
div.captcha a.refresh:hover, div.captcha a.refresh.current {background: url(../img/captcha_refresh_h.jpg) no-repeat center white;}

div.captcha a.refresh span {display: none;}

div.captcha div.bottom { 
    background: url(../img/captcha_pfeil.gif) left bottom no-repeat;
    padding-left: 20px;
    margin: 0px;
}
    
div.captcha div.bottom span{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 0px;
    margin: 0px;
    line-height: 180%;
}
    
div.captcha div.bottom span #captchafield,
div.captcha div.bottom span #textfield {padding: 0px; margin: 0px; width: 178px;}