.colorpicker
{
	margin: 1em 0;
}

.colorpicker_color
{
	float: left;
	width: 150px;
	height: 150px;
	background: #f00;
	cursor: crosshair;
	border: 1px solid #cbccbc;
	border-radius: 3px;
	margin-left: 1em;
}

.colorpicker_color div
{
	width: 150px;
	height: 150px;
	background: url(/resources/packages/colorpicker/images/colorpicker_overlay.png);
	position: relative;
}

.colorpicker_color div div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(/resources/packages/colorpicker/images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}

.colorpicker_hue
{
	float: left;
	position: relative;
	width: 35px;
	height: 150px;
	cursor: n-resize;
	background: url(/resources/packages/colorpicker/images/slider150.png);
	border: 1px solid #cbccbc;
	border-radius: 3px;
}

.colorpicker_hue div
{
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(/resources/packages/colorpicker/images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}

.colorpicker_new_color,
.colorpicker_current_color,
.colorpicker input,
.colorpicker_hex,
.colorpicker_hex input,
.colorpicker_field,
.colorpicker_field span,
.colorpicker_rgb_r,
.colorpicker_rgb_g,
.colorpicker_rgb_b,
.colorpicker_hsb_h,
.colorpicker_hsb_s,
.colorpicker_hsb_b,
.colorpicker_submit,
.colorpicker_focus
{
	display: none;
}

.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

.template_dialogue
{
}

.template_dialogue .container_template_search_list
{
	background-color: #ffffff;
	color: #3E3E3E;
	padding: 0;
	border: 1px solid #cbccbc;
	border-radius: 3px;
	margin: 1em 0;
	overflow-y: auto;
	height: 8em;
}

.template_dialogue .container_template_search_list .template_message_one_line
{
	padding: 0.5em 0.75em;
	margin: 0;
}
/*======================================================================
template_site_frame
======================================================================*/

.template_site_frame
{
	height: 100%;
	min-height: 100%;
}

/*======================================================================
whole_window
======================================================================*/

.template_site_frame .whole_window_1
{
	height: 100%;
	min-height: 100%;
}

.template_site_frame .whole_window_2
{
	position: relative;
	height: 100%;
	min-height: 100%;
}

/*======================================================================
whole_table
======================================================================*/

.template_site_frame .whole_table
{
	height: 100%;
	width: 100%;
}

.template_site_frame .whole_table .row_2
{
	height: 100%;
}

/*======================================================================
header
======================================================================*/

.template_site_frame .header
{
	position: relative;
	background: rgb( 48, 47, 43 ); /* IE */
	background: rgba( 0, 0, 0, 0.8 );
	box-shadow: rgba( 0, 0, 0, 0.2 ) 0px 3px 5px -3px;
}

/*======================================================================
list_links_top
======================================================================*/

.template_site_frame .container_list_links_top
{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	padding: 0 20px;
	border: none;
	margin: 0 auto;
}

.template_site_frame ul.list_links_top
{
	display: inline-block;
	text-align: right;
	font-size: 75%;
	background: rgba( 255, 255, 255, 0.2 );
	padding: 0;
	border: none;
	border-radius: 0 0 10px 10px;
	margin: 0;
}

.template_site_frame ul.list_links_top li
{
	display: inline-block;
	padding: 0;
	border: none;
	margin: 0;
}

.template_site_frame ul.list_links_top a,
.template_site_frame ul.list_links_top a:hover,
.template_site_frame ul.list_links_top a:active,
.template_site_frame ul.list_links_top a:link,
.template_site_frame ul.list_links_top a:visited
{
	display: inline-block;
	color: white;
	text-shadow: 0 1px 0 rgba( 0, 0, 0, 0.2 );
	padding: 0.2em 1em;
	border-radius: 0 0 10px 10px;
	font-weight: bold;
	text-decoration: none;
}

.template_site_frame ul.list_links_top a:hover
{
	background: #f597bc;
}

.template_site_frame ul.list_links_top a.link_manage_my_site,
.template_site_frame ul.list_links_top a.link_manage_my_site:hover,
.template_site_frame ul.list_links_top a.link_manage_my_site:active,
.template_site_frame ul.list_links_top a.link_manage_my_site:link,
.template_site_frame ul.list_links_top a.link_manage_my_site:visited
{
	background: rgba( 0, 0, 0, 0.5 );
}

.template_site_frame ul.list_links_top a.link_manage_my_site:hover
{
	color: #ffffff;
}

/*======================================================================
container_logo_and_navigation
======================================================================*/

.container_logo_and_navigation
{
	width: 960px;
	padding: 0;
	border: none;
	margin: 0 auto;
}

/*======================================================================
logo
======================================================================*/

.template_site_frame .container_logo
{
	display: inline-block;
	vertical-align: middle;
	margin: 20px 0 0 20px;
}

.template_site_frame .logo
{
	display: inline-block;
	font-family: LeagueGothicRegular, Arial, Helvetica, sans-serif;
	font-size: 400%;
	color: white;
	line-height: 1em;
	margin: 0;
	letter-spacing: -2px;
	font-weight: normal;
	text-shadow: 0 2px 1px rgba( 0, 0, 0, 0.2 );
}

.template_site_frame .logo img
{
	margin: 0 0 0 20px;
}

/*======================================================================
list_links_navigation
======================================================================*/

.template_site_frame .container_list_links_navigation
{
	display: inline-block;
	padding: 15px 0;
	border: none;
	margin: 20px 0 0 0;
	vertical-align: middle;
}

.template_site_frame ul.list_links_navigation
{
	display: inline-block;
	padding: 0;
	border: none;
	margin: 0 0 0 20px;
}

.template_site_frame ul.list_links_navigation li
{
	display: inline-block;
	padding: 0;
	border: none;
	margin: 0;
}

.template_site_frame ul.list_links_navigation li a,
.template_site_frame ul.list_links_navigation li a:hover,
.template_site_frame ul.list_links_navigation li a:active,
.template_site_frame ul.list_links_navigation li a:link,
.template_site_frame ul.list_links_navigation li a:visited
{
	visibility: hidden;
	display: inline-block;
	white-space: nowrap;
	font-family: LeagueGothicRegular, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	text-decoration: none;
	line-height: 1em;
	color: #f1f0ee;
	padding: 5px 20px;
	border-radius: 5px;
	background: rgba( 255, 255, 255, 0.2 );
}

.wf-leaguegothicregular-n4-active .template_site_frame ul.list_links_navigation li a,
.wf-leaguegothicregular-n4-inactive .template_site_frame ul.list_links_navigation li a
{
	visibility: visible;
}

.template_site_frame ul.list_links_navigation li a:hover
{
	color: #ffffff;
	background: #f597bc;
	text-decoration: none;
}

.template_site_frame .container_list_links_navigation a.link_select_your_community,
.template_site_frame .container_list_links_navigation a.link_select_your_community:hover,
.template_site_frame .container_list_links_navigation a.link_select_your_community:active,
.template_site_frame .container_list_links_navigation a.link_select_your_community:link,
.template_site_frame .container_list_links_navigation a.link_select_your_community:visited
{
	color: #ffffff;
	background: #9FC54E;
	text-decoration: none;
}

/*======================================================================
whole_page
======================================================================*/

.template_site_frame .whole_page_1
{
	height: auto;
	min-height: 0px;
	padding-bottom: 100px;
}

.template_site_frame .whole_page_2
{
}

/*======================================================================
page_content
======================================================================*/

.template_site_frame .page_content_1
{
	min-width: 960px;
	width: 960px;
	padding: 0;
	border: none;
	margin: 20px auto 0 auto;
}

.template_site_frame .page_content_2
{
}

/*======================================================================
container_template
======================================================================*/

.template_site_frame .page_content_2 > .container_template
{
	margin: 40px 20px 20px 20px;
}

/*======================================================================
footer
======================================================================*/

.template_site_frame .container_footer
{
	background: rgb( 48, 47, 43 ); /* IE */
	background: rgba( 0, 0, 0, 0.8 );
	color: #cbccbc;
	color: #f1f0ee;
	font-size: 85%;
	width: 100%;
	padding: 20px 0;
	border: none;
	margin: 0;
}

.template_site_frame .footer
{
	min-width: 960px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.template_site_frame .footer .ghost_link
{
	background-color: rgba( 255, 255, 255, 0.3 );
	border-radius: 3px;
	padding: 2px 8px 1px 8px;
	white-space: nowrap;
}

.template_site_frame .footer table
{
	width: 100%;
}

.template_site_frame .footer table td
{
	width: 33%;
	vertical-align: top;
}

.template_site_frame .footer table td.col_1
{
	padding-right: 20px;
}

.template_site_frame .footer table td.col_1 .link_emphasized
{
	background-color: #f1f0ee;
}

.template_site_frame .footer table td.col_2
{
	padding-left: 10px;
	padding-right: 10px;
}

.template_site_frame .footer table td.col_3
{
	padding-left: 20px;
}

.template_site_frame .footer table td.col_3 .avatar_stack
{
	margin-top: 5px;
}

.template_site_frame .footer .form_area .message
{
	display: block;
	color: inherit;
	background-color: rgba( 255, 0, 0, 0.5 );
	padding: 0 1em;
	border: none;
	border-radius: 0.25em;
	margin: 1em 0;
	box-shadow: 0 3px 6px -3px rgba(100, 0, 0, 0.5) inset;
}

.template_profile_manage .image_chooser img
{
	float: left;
	background: #ffffff;
	padding: 5px;
	border: 3px solid white;
	margin: 5px;
}

.template_profile_manage .image_chooser img.selected
{
	border: 3px solid red;
}

.template_slideshow
{
	position: relative;
}

/*======================================================================
slideshow
======================================================================*/

.template_slideshow .slides
{
	position: absolute;
	top: 0;
	left: 0;
}

/*======================================================================
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
======================================================================*/

.template_slideshow .slides_container
{
	/* width: 460px; */
	overflow: hidden;
	position: relative;
	display: none;
}

/*======================================================================
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
======================================================================*/

.template_slideshow .slides_container div.slide
{
	/* width: 460px; */
	/* height: 250px; */
	display: block;
}


/*======================================================================
next/previous buttons
======================================================================*/

.template_slideshow .slides .prev,
.template_slideshow .slides .next
{
	position: absolute;
	top: 107px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 101;
}

.template_slideshow .slides .prev
{
	left: -39px;
}

.template_slideshow .slides .next
{
	left: 475px;
}

/*======================================================================
pagination
======================================================================*/

.template_slideshow .pagination
{
	margin: 26px auto 0;
	width: 100px;
}

.template_slideshow .pagination li
{
	float: left;
	margin: 0 1px;
	list-style: none;
}

.template_slideshow .pagination li a
{
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url( '/resources/images/slides/1.1.5/pagination.png' );
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.template_slideshow .pagination li.current a
{
	background-position: 0 -12px;
}

/*======================================================================
caption
======================================================================*/

.template_slideshow .caption
{
	z-index: 500;
	position: absolute;
	bottom: -35px;
	left: 0;
	/* height: 22px; */
	/* padding: 13px 13px 0 13px; */
	padding: 10px;
	background: #000;
	background: rgba(0,0,0,.5);
	/* width: 460px; */
	border-top: 1px solid #000;
	text-shadow: none;

	color: white;
	font-size: 75%;
	/* line-height: 75%; */
}

.template_slideshow .caption *
{
	padding: 0;
	border: none;
	margin: 0;
}
.template_message_in_dialogue
{
	font-size: 80%;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.05 );
}

.template_message_in_dialogue.me
{
	background: rgba( 0, 0, 0, 0.2 );
}

.template_message_in_dialogue .signature
{
	float: right;
	margin: 0 0 5px 5px;
	padding: 5px;
	background: rgba( 0, 0, 0, 0.1 );
	border-radius: 0 0 0 5px;

}

.template_message_in_dialogue .message
{
	display: inline-block;
	width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.template_message_one_line
{
	margin: 0 10px 10px 0;
	font-size: 80%;
}

.template_message_one_line .from
{
	display: inline-block;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 1em;
}

.template_message_one_line .date
{
	display: inline-block;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 1em;
}

.template_message_one_line .summary
{
	display: inline-block;
	width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.template_image_list_item
{
	line-height: 48px;
}
.template_data
{
	display: inline;
}
.template_multi
{
	display: inline;
}
.template_activity_new_image .container_template_image_link_to_profile
{
	float: right;
}
/*======================================================================
template_file_uploader
======================================================================*/

.template_file_uploader
{
}

.template_file_uploader .layers
{
	position: relative;
	display: inline-block;
}

.template_file_uploader .base
{
	z-index: 100;
	display: inline-block;
}

.template_file_uploader .overlay
{
	position: absolute;
	z-index: 101;
	display: inline-block;
	overflow: hidden;
	width: 220px;
	height: 43px;
	left: 0px;
	top: 0px;
	padding: 0;
	border: none;
	margin: 0;
}

.template_file_uploader form
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border: none;
	margin: 0;
}

.template_file_uploader form,
input[type='file']
{
	opacity: 0;
	font-size: 3em;
	padding: 0;
	border: none;
	margin: 0;
}
.template_account_front_page
{
	display: inline-block;
	width: 400px;
	margin: 0 10px 10px 0;
}

.template_account_front_page table .col2
{
	vertical-align: top;
	padding: 0 10px;
}