/*--- Custom Profile Page CSS ---- */

.available_component_div
{
	height: 90px;
	width: 90px;
	position: relative;
	margin: auto;
}

.available_component_list_cont
{
	background: #666666;
	border: 1px solid #fff;
	text-align: center;
	position: relative;
}

.available_component_list_cont .list_cap
{
	background: #4F4A4A;
	color: #fff;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	margin-bottom: 10px;
}
.available_component_list_cont .component_label
{
	color: #fff;
	padding-top: 60px;
}


.config_item
{
	color: #FF9E6F;
}

#profile_page_panel_colorbox
{
	position: absolute;
	z-index: 100;
	background-color: #fff;
	width: 159px;
	height: 257px;
	border: 1px solid #6f6f6f;
	display: none;
	right: 1px;
}

#profile_page_panel_colorbox td
{
	padding: 0px;
}

#f_palette_cap
{
	float: left;
	padding: 1px 3px;
	width: 120px;
	color: #3b4c5f;
	font-weight: bold;
	font-size: 10px;
}

.f_color
{
	float: left;
	margin: 1px 0px 0px 1px;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.close_btn
{
	float: right;
	border: 1px solid #fff;
	padding: 0px 2px 1px 3px;
	background: #9f2f2f;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

.f_colorbox_label
{
	cursor: pointer;
	display:block;
	border:1px solid #fff;
	margin:0 22px;
	padding:3px 0;
	color:#fff;
	background:#454444;
}
.f_colorbox_label:hover{

text-decoration:none;
}

#sidebar
{
	overflow:visible;
}