/* Adverts */
.advertplaceholder {
	font-size:9px; 
	width:235px; 
	border: 1px solid #CCC; 
	height:80px; 
	margin-left:5px; 
	float:left; color:#999;
}

/* Account panel */
#accountpanel {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	top:70px;
	left:-221px;
	width:160px;
	min-height:102px;
	padding-left:12px;
	color:#FFF;
	font-size:10px;
	z-index:4001;
	background-image: url(../images/panel/panel_small.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#accountpanel h3{
	color:#FFF;
	padding-left:10px;
	padding-bottom:2px;
	margin-right:8px;
	margin-top:5px;
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #09C;
}



#accountpanel #buttonopen {
	position:absolute;
	right:-39px;
	top:0px;
	width:40px;
	height:61px;
	background-image: url(../images/panel/add-tab.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#panelclose {
	height:22px;
	position:relative;
	float:right;
	margin-right:5px;
	top:1px;
}

#panelopen {
	height: 22px;
	width: 22px;
	position: relative;
	left: 0px;
	top: 20px;
}

#paneldropdowns {
	float:right;
}

#paneldropdownscontainer {
	float:left;
	position:absolute;
	left:0px;
	top:30px;
	display:block;
}

.panellinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
}

.panellinks a{
	color:#FFFFFF;
}
/*Div containing Bookmarks content*/
#bookmarks{
	background-color: #000000;
	height: 95px;
	width: 300px;
	overflow: auto;
	position: relative;
	padding: 5px;
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	float:right;
}

#bookmarks a{
	color:#FFFFFF;
}
/*Div containing My Friends content*/
#friends{
	background-color: #000000;
	height: 145px;
	width: 300px;
	overflow: auto;
	position: relative;
	padding: 5px;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	float:right;
}

.friendcontaineroff {
	width:80px;
	height:50px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(../images/panel/contact_ignored.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.friendcontaineron {
	width:80px;
	height:50px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(../images/panel/contact_followed.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.friendcontainer a{
	color:#FFFFFF;
}

.socialcontainer {
	margin:5px;
	padding:5px;
	text-align:justify;
	font-size:10px;
	color:#FFF;
	width:242px;
	height:290px;
	position:absolute;
	left:170px;
	top:55px;
	z-index:4002;
	overflow: auto;
	display:none;
	line-height: 20px;
	float:left;
	background-image: url(../images/panel/panel.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.socialcontainer a {
	color:#FFFFFF;
}

.invitecontainer {
	border:1px solid #CCCCCC;
	margin:5px;
	padding:5px;
	background-color:#333;
	text-align:justify;
	font-size:10px;
	color:#FFF;
	width:215px;
	height:70px;
	position:relative;
	z-index:4002;
	overflow: auto;
	display:none;
	line-height: 20px;
	float:left;
	z-index: 4002;
}

#dropdownpanel .contentdiv #bookmarks a{
	padding-left: 10px;
	/*background-image: url(../images/favorite.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	padding-top: 5px;
	padding-bottom: 5px;
	height: 25px;
	line-height: 15px;
}

#dropdownpanel .control{ /*Div containing panel button*/
/*border-top: 1px solid black;*/
color: white;
font-weight: bold;
text-align: center;
background: transparent url("../images/panel/panel.gif") center center no-repeat; /*change panel.gif to your own if desired*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}