/*
STYLE_LAYOUT.CSS
AUTHOR	- metal@flat.com
DATE	- April, 2011
*/
/* ------------------------------------------------------------------------------------------------------- */
/* BODY ATTRIBUTES
/* ------------------------------------------------------------------------------------------------------- */
*::-moz-selection {
	background-color: #000000;
	color: #ffffff;
}
*::selection {
	background-color: #000000;
	color: #ffffff;
}
* {
	outline: none;
}
html {
	font-size: 100%;
	overflow-y: scroll !important;
}
body {
	margin: 0;
	padding: 0;
}
body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,small,pre,form,fieldset,input,button,p,a,blockquote,table,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
html, body {
	height: 100%;
	color: #000000;
}
html, body {
	height: 100%;
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

/* ------------------------------------------------------------------------------------------------------- */
/* COMMON ELEMENTS
/* ------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited {
	color: #004a99;
	text-decoration: none;
}
a:hover, a:active, a.on {
	color: #004a99;
	text-decoration: underline;
}
p {
	font-size: 11px;
	line-height: 14px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
small, b.small, p.small {
	color: inherit;
	font-size: 10px;
}
small a {
	font-size: 11px;
}
h1 {
	font-size: 22px;
	font-weight: bold;
	color: inherit;
	margin-bottom: 0px;
	line-height: 24px;
	display: block;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: inherit;
	margin-bottom: 0px;
	line-height: 20px;
	display: block;
}
h3 {
	font-weight: normal;
	color: inherit;
	margin-bottom: 0px;
	line-height: none !important;
	display: block;
}
h4 {
	font-size: inherit;
	font-weight: normal;
	color: inherit;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
img {
	border-width: none;
	border-width: 0;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}
.input-text {
	width: auto;
	padding: 3px 3px;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	text-align: left;
	background: #ffffff;
	border: none;
	outline: none;
}
.input-text:focus {

}

/* ------------------------------------------------------------------------------------------------------- */
/* BODY ELEMENTS / LAYOUT FRAMEWORK
/* ------------------------------------------------------------------------------------------------------- */
#body_container {
	position: relative;
	z-index: 0;
	top: 0; left: 0;
	min-height: 100%;
	min-width: 1001px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #ffffff url('/img/body-bkgd.gif') repeat-y top center;
}
html>body #body_container {
	height: auto;
}
.body_wrapper {
	position: relative;
	height: auto;
	width: 100%;
	margin: 0px 0px;
	padding: 0px 0px;
}
.body_wrapper-inner {
	width: 1001px;
	margin: 0 auto;
	padding: 0px 0px;
}

/* navigation lists, used for vertical stacks */
ul.navigation, ul.navigation li, ul.navigation li ul {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	list-style-type: none !important;
	display: block;
}
ul.navigation {

}
ul.navigation li {
	width: auto;
	background-color: transparent;
	text-decoration: none;
	display: block;
}
ul.navigation li a, ul.navigation li a:link, ul.navigation li a:visited {
	padding: 2px 2px;
	margin: -2px -2px;
	text-decoration: none;
	outline: none;
	display: block;
}
ul.navigation li a:hover, ul.navigation li a:active, ul.navigation li a.on {

}

/* define icons as background graphics */
ul.navigation li a.home span {
	background-image: url('/img/nav-icon-home.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}
ul.navigation li a.search span {
	background-image: url('/img/search.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}

ul.navigation li a.community span,
ul.navigation li a.discussion span,
ul.navigation li a.wiki span {
	background-image: url('../img/nav-icon-community.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
	
}
ul.navigation li a.newsfeed span {
	background-image: url('../img/nav-icon-newsfeed.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}


ul.navigation li a.directory span {
	background-image: url('../img/nav-icon-directory.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}
ul.navigation li a.schedule span {
	background-image: url('../img/nav-icon-schedule.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}
ul.navigation li a.map span {
	background-image: url('../img/nav-icon-map.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}
ul.navigation li a.help span {
	background-image: url('../img/nav-icon-help.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}
ul.navigation li a.messages span {
	background-image: url('../img/nav-icon-messages.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}
ul.navigation li a.blog span {
	background-image: url('../img/nav-icon-blog.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}
ul.navigation li a.media span {
	background-image: url('../img/nav-icon-media.png');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:18px;
}

/* ------------------------------------------------------------------------------------------------------- */
/* header */

#body_fog {
	background: none repeat scroll 0 0 rgba(51, 51, 41, 0.3);
	height: 100%;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 200;
}
#body_layer {
	cursor: default;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 300;
}

#body_header {
	position: relative;
	z-index: 5;
	top: 0;
	height: 53px;
	width: 100%;
	background: #ffffff;
}
#body_header-inner {
	height: 52px;
	border-bottom: 1px solid #cccccc;
}

/* -------------------------------------------------------------------------- */
/* header - logo */
div#body_header-logo {
	width: 200px;
	min-height: 52px;
	float: left;
}
h1.body_header-logo {
	position: relative;
	font-size: 10px;
	/* height: 11px; */
	padding-top: 15px;
	padding-left: 10px;
	overflow: hidden;
	display: block;
}
h1.body_header-logo a {
	position: relative;
	width: 128px;
	display: block;
}
h1.body_header-logo a span {
	position: absolute;
	top: 25px; /* push the text below the known div height */
	left: 0;
}

/* -------------------------------------------------------------------------- */
/* header - navigation: primary */
#body_header-navigation {
	height: 52px;
	overflow: hidden;
	float: left;
}
ul.navigation.primary li {
	position: relative;
	min-height: 52px;
	overflow: hidden;
	float: left;
}
ul.navigation.primary li a, ul.navigation.primary li a:link, ul.navigation.primary li a:visited {
	position: relative;
	width: 100px;
	min-height: 32px;
	padding-top: 15px;
	border-top: 5px solid #ffffff;
	background: transparent !Important;

	color: #3f3832;
	display: block;
}
ul.navigation.primary li a:hover, ul.navigation.primary li a:active {
	border-top: 5px solid #05b1eb;
}
ul.navigation.primary li a span {
	display: block;
	min-height: 11px;
	padding: 2px 10px 2px 30px;
	border-left: 1px dotted #cccccc;
	background-repeat: no-repeat;
	background-position: 10px 1px;
	  font-size: 11px;
}
ul.navigation.primary li:first-child a span {
	border-left: none;
}


/* ------------------------------------------------------------------------------------------------------- */
/* content */
#body_content {
	position: relative;
	z-index: 0;
	width: 100%;
	height: auto;
	min-height: 300px;
	margin-bottom: 30px;	/* match footer height */
	margin-bottom: 200px;	/* match footer height + branding area height */
	z-index: 3;
}
#body_content-inner {
	height: auto;
}
div#body_content-output {														/* HACK NEEDED - IE7 */
	margin: 0px 0px 32px 0px; /* match the heights of the header and the footer, so they don't overlap... */
}

/*
The following 3 classes are used to create vertical borders between columns floating next to each other,
that will run the length of the longest column
*/
div.content_wrapper {
	height: 100%;
	float: left;
}
div.content_wrapper_inner {
	height: 100%;
	overflow: hidden;
	float: left;
}
div.content_wrapper_inner div.column {
	position: relative;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	float: left;
}

/* -------------------------------------------------------------------------- */
/* Content Sidebar classes, for left and right columns */
div.content-sidebar {
	width: 200px;
	padding: 0px 0px 20px 0px;
	font-size: 11px;
	color: #666666;
}
div.content-sidebar.left {
	width: 201px;
}
div.content-sidebar.right {
	color: #000000;
}

div.content-sidebar.right.column.dotted 
{
    border-left: 1px dotted #aaaaaa;
}

ul.navigation.sidebar li a {
	font-size: 12px;
	width: 185px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	background-image: url('/img/blue-profile-summary_nav.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}
ul.navigation.sidebar li a:hover {
	background-position: 0px -30px;
}
ul.navigation.sidebar li a:active {
	background-position: 0px -30px;
}
ul.navigation.sidebar li a.current {
	background-position: 0px -60px;
}
ul.navigation.sidebar li a span {
	padding: 5px 10px 0px 30px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: 10px 4px;
	display: block;
}
ul.navigation.sidebar li a.current span {
	background-position: 10px -26px;
}
ul.navigation.sidebar li a.messages span {
	background-position: 10px 4px !important;
}
ul.navigation.sidebar li:first-child a.messages {								/* MY HOME - 05/25 metal@flat.com */
	margin-bottom: 10px;
	background-position: 0px -90px !important;
}
ul.navigation.sidebar li:first-child a.messages.current {						/* ADDED June 1, metal@flat.com */
	margin-bottom: 10px;
	background-position: 0px -60px !important;
}

/* define icons as background graphics */
ul.navigation.sidebar-controls li a {
	font-size: 11px;
	width: 185px !important;
	height: 26px !important;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	background-image: url('/img/sidebar-button-bkgd.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}
ul.navigation.sidebar-controls li a:hover {
	background-position: 0px -32px;
}
ul.navigation.sidebar-controls li a:active {
	background-position: 0px -0px;
}
ul.navigation.sidebar-controls li a.current {
	background-position: 0px -0px;
}
ul.navigation.sidebar-controls li a span {
	padding: 4px 10px 0px 30px;
	margin: 0px;
	background-image: url('/img/sidebar-button-post_new.png');
	background-repeat: no-repeat;
	background-position: 10px 5px;
	display: block;
}
ul.navigation.sidebar-controls li a.contacts span {								/* ADDED June 1, metal@flat.com */
	background-image: url('/img/sidebar-button-contact_new.png');
}
ul.navigation.sidebar-controls li a.messages span {								/* ADDED June 1, metal@flat.com */
	background-image: url('/img/sidebar-button-message_new.png');
}
ul.navigation.sidebar-controls li a.map span {									/* ADDED June 15, metal@flat.com */
	background-image: url('/img/sidebar-button-map_new.png');
}
ul.navigation.sidebar-controls li a.schedule span {								/* ADDED June 15, metal@flat.com */
	background-image: url('/img/sidebar-button-schedule_new.png');
}

ul.navigation.sidebar li a.rss span {								/* ADDED June 15, metal@flat.com */
	background-image: url('/img/icon_notify_sm.png');
}
/* No Icons */
ul.navigation.widget li a.blank span {
	padding: 0px 4px 0px 4px;
	background-image: none;
}

nav-icon-media.png
a.sidebar-filter {																/* HACK NEEDED - IE7 */
	height: 18px;
	width:	22px;
	padding-top: 4px;
	border-right: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	text-align: center;
	background: #ebe9e6;
	display: block;
	float: left;
}


/* -------------------------------------------------------------------------- */
/* center column / content area */
div.content-area {
	width: 600px;
	/* This area may need to change to have styling work across the board. */
	width: 560px;
	/*padding: 0px 20px;*/ /*Chaning this to allow for a 1px border left on a right sidebar column, can be changed back if need be */
	padding: 0px 19px;
}
div.content-area-header {														/* HACK NEEDED - IE7 */
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px dotted #cccccc;
	display: block;
	word-wrap: break-word;
	
}
div.content-area-header.status {												/* ADDED June 25, metal@flat.com */
	width: 579px;
	margin: 0px -19px 0px -20px;
	padding: 20px 0px 10px 20px;
	border-bottom: 1px solid #cccccc;
	background: #edecea;
	display: block;
}
div.content-area-header h1 {													/* ADDED June 1, metal@flat.com */
	font-size: 18px;
	color: #b67c43;
	text-transform: none;
	float: left;
}
div.content-area-header h2 {
	font-size: 11px;
	color: #b67c43;
	text-transform: uppercase;
	
}
div.content-area-header div.float-right {
	font-size: 10px;
	color: #999999;
	text-transform: uppercase;
}
div.content-area-header .input {
	font-family: Arial;
	font-size: 11px;
	color: #004a99 !important;
}

div.content-area-header.status div.update {										/* ADDED June 25, metal@flat.com */
	position: relative;
}
div.content-area-header.status textarea {										/* ADDED June 25, metal@flat.com */
	width: 502px;
	height: 32px;
	padding: 8px 48px 8px 8px;
	font-family: Arial;
	font-size: 11px;
	color: #333333 !important;
	border: 1px dotted #cdcdcd;
	resize: none;
}
div.content-area-header.status textarea:focus {										/* ADDED June 25, metal@flat.com */
	border: 1px solid #cdcdcd;
	resize: none;
}


/* additional content styles/formatting below */


/* ------------------------------------------------------------------------------------------------------- */
/* footer - branding / YPO logo and information links */
#body_footer_branding {
	position: absolute;
	z-index: 1;
	bottom: 0px;
}
#body_footer_branding-border {
	height: 49px;
	border-top: 1px solid #cccccc;
	background: #ffffff;
}
#body_footer_branding-inner {
	width: 999px !important;
	padding: 25px 0px;
	margin-bottom: 20px;
	border-top: 5px solid #cccccc;
	border-bottom: 32px solid #ffffff;
	background: #ffffff;
}
#body_footer_branding-inner a {
	color: #000000;
}
div.branding-logo {
	font-size: 11px;
	width: 199px;
	float: left;
}
div.branding-text {
	font-size: 11px;
	width: 380px;
	padding: 0px 10px 0px 10px;
	color: #8a8078;
	float: left;
}
div.branding-links {
	font-size: 11px;
	width: 179px;
	padding: 0px 10px 0px 10px;
	border-left: 1px dotted #cccccc;
	float: left;
}

/* ------------------------------------------------------------------------------------------------------- */
/* footer - status bar */
#body_footer {
	position: fixed;
	z-index: 5;
	bottom: 0;
	padding-top: 6px;
	height: 26px;
	background: #e0dedb;
	border-top: 1px solid #cccccc;
	font-size: 11px;
	color: #3f3832;
	display: block;
}
#body_footer-inner {

}
#body_footer-inner a {
	color: #3f3832;
}
#body_footer-inner .user-info,
#body_footer-inner .user-messages {
	padding: 3px 10px 2px 10px;
}
div.user-info, div.user-messages {
	border-left: 1px solid #ffffff;
	float: left;
}
div.user-share, div.user-chat {
	white-space: nowrap !important;
	border-right: 1px solid #ffffff;
	float: right;
}
div.user-share {
	min-width: 145px;
}
#body_footer-inner a.share {
	width: 43px !important;
	margin-left: 5px;
	text-align: center;
	float: left;
	display: block;
}
#body_footer-inner a.share span {
	height: 18px !important;
	padding: 2px auto 2px auto;
	border-left: 1px dotted #cccccc;
	background-repeat: no-repeat;
	background-position: 0px -2px;
	background-image: url('/img/footer-nav-share_bkgd.gif');
	display: block;
}
#body_footer-inner a.icon {
	text-decoration: none;
}
#body_footer-inner a.icon span {
	padding: 2px 10px 2px 20px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#body_footer-inner a.icon span:hover {
	text-decoration: underline;
}

#body_footer-inner a.messages span {
	background-image: url('/img/footer-nav-messages.png');
}
#body_footer-inner a.chat span {
	background-image: url('/img/footer-nav-chat.png');
}


/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT OUTPUT STYLES
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* sidebar - details, general styles for sidebars *//* ---------------------- */
div.content-sidebar.left div.sidebar-header {
	margin: 0px 0px;
	padding: 15px 0px 10px 10px;
	background: #0f5794 url('../img/blue-profile-summary_bkgd.gif') no-repeat 0px 0px;
	color: #ffffff;
}
div.content-sidebar.left div.sidebar-header a {
	color: #ffffff;
}
div.content-sidebar.left div.sidebar-header-top {

}
div.content-sidebar.left div.sidebar-header-bottom {
	margin-top: 20px;
}
div.sidebar-header img.image,
div.sidebar-header div.image {
	position: relative;
	width: 45px;
	margin-right: 10px;
}
div.sidebar-header div.status {
	width: 130px;
}
div.sidebar-header div.status h2 {
	font-size: 18px;
}

div.content-sidebar.right div.sidebar-header { /* similar to '.sidebar-details', with exception to the padding */
	margin: 15px 10px 10px 10px;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px dotted #cccccc;
	display: block;
}
div.content-sidebar.right div.sidebar-header h2 {
	font-size: 11px;
	color: #b67c43;
	text-transform: uppercase;
}
div.sidebar-details {
	margin: 15px 10px 10px 10px;
	padding: 5px 0px;
	border-bottom: 1px dotted #cccccc;
	display: block;
}
div.sidebar-content {
	padding-bottom: 10px;
}
div.sidebar-content p {
	margin-top: 10px !important;
	display: block;
}
div.sidebar-content p:first-child {
	margin-top: 0px !important;
}
div.sidebar-content .label {
	font-size: 11px;
	font-weight: normal !important;
	color: #000000;
}
div.content-sidebar.right .label {
	color: #666666;
}
div.sidebar-image {
	margin-top: 10px !important;
}
div.sidebar-image img.image,
div.sidebar-image div.image {
	position: relative;
	margin-right: 10px;
}
div.sidebar-image div
{
    width:138px;
}
div.sidebar-image div.label {

}

/* ------------------------------------------------------------------------------------------------------- */
/* CONTENT AREA OUTPUTS */
/* ------------------------------------------------------------------------------------------------------- */
/* content entry data rows and columns */
div.data_row,
div.data_row.nohover,
div.content-area.nohover div.data_row { /* if we can put the no hover on the parent element, it will limit how much we have to puit on data rows.. */
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	padding: 15px 0px 30px 0px;
	margin: 0px 0px;
	background: transparent;
	cursor: default;
}
div.data_row:hover {
	background: #f6f6f5;
	padding: 15px 19px 30px 20px;
	margin: 0px -19px 0px -20px;
}
div.data_row-border {
	clear: both;
	height: 1px;
	border-top: 1px dotted #cccccc;
}
div.data_row-separator {														/* ADDED June 15, metal@flat.com */
	clear: both;
	height: 1px;
	margin: 0px -19px 0px -20px;
	border-top: 1px solid #cccccc;
}

div.content-area.nohover div.data_row { 										/* used ONLY on profile pages */
	padding: 10px 0px 5px 0px;
}
div.content-area.nohover div.data_row-border { 									/* used ONLY on profile pages */
	margin: 30px 0px 5px 0px;
}
div.content-area div.data_row.header {											/* ADDED June 25, metal@flat.com */
	padding: 5px 0px 15px 0px;
}
div.content-area div.data_row.header h1 {										/* ADDED June 25, metal@flat.com */
	color: #827d7a !important;
}

div.data_row.reply {
	padding: 15px 0px 5px 0px !important;
}
div.data_row.reply:hover {														/* ADDED June 1, metal@flat.com *//* same as :hover state */
	background: #f6f6f5 !important;
	padding: 20px 19px 35px 20px !important;
	margin: -5px -19px -30px -20px !important;
}


/* 2 columns used on profile pages - Label | Output (text or image+text) */		/* used ONLY on profile pages */
div.data_row div.label {
	width: 170px;
	margin-right: 10px;
	font-size: 11px;
	color: #666666;
	float: left;
}
div.data_row div.output {
	width: 377px;
	font-size: 14px;
	float: left;
}
div.data_row div.output p {
	font-size: 14px;
	line-height: 18px;
}

/* 3 columns used on listing pages - Image | Text | Widget */
div.data_row div.image {
	position: relative;
	padding-top: 3px;
	margin-right: 10px;
	opacity: 0.90;
	filter: alpha(opacity=90);
	float: left;
}
div.data_row div.text {
	width: 450px;
	float: left;
}
div.data_row div.widget {
	width: 120px;
	font-size: 11px;
	color: #666666;
	float: right;
}
div.data_row:hover div.image,
div.data_row.hover div.image,
div.data_row.nohover div.image,
div.content-area.nohover div.data_row div.image {
	opacity: 1.00;
	filter: alpha(opacity=100);
}

/* online indicators & sidebar contacts */
div.sidebar-filter-contact {													/* ADDED June 15, metal@flat.com */
	position: relative !important;
	height: 29px;
	width:	32px;
	padding-top: 4px;
	border-right: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	text-align: center;
	background: #ebe9e6;
	display: block;
	float: left;
}
div.sidebar-filter-contact div.image img, 										/* UPDATED June 15, metal@flat.com */
div.data_row div.image img {
	position: absolute;
	z-index: 1;
	top: 0;
}
div.data_row div.indicator {
	position: absolute;
	z-index: 2;
	bottom: 0;
	height: 5px;
	width: 100%;
/*	background: #41cf16;
	border-top: 1px solid #ace49b;*/
}

/* different sized images could exist */
div.sidebar-filter-contact div.image, 											/* UPDATED June 15, metal@flat.com */
div.data_row.img_32 div.image {
	height: 29px;
	width: 32px;
}
div.data_row.img_32 div.text {
	width: 388px;
}

div.data_row.img_90 div.image {
	height: 90px;
	width: 90px;
}
div.data_row.img_90 div.text {
	width: 350px;
}

div.data_row.img_190 div.image {
	height: 90px;
	width: 190px;
}
div.data_row.img_190 div.text {
	width: 250px;
}

div.data_row.img_190 div.output div.image {										/* used ONLY on profile pages */
	height: 90px;
	width: 190px;
}
div.data_row.img_190 div.output div.text {										/* used ONLY on profile pages */
	width: 160px;
}

div.data_row.img_600 {															/* ADDED June 15, metal@flat.com */
	height: auto !important;
	width: 600px !important;
	padding: 0px !important;
	margin: 0px -20px 0px -20px !important;
}
div.data_row.img_600 div.image,
div.data_row.img_600 div.image img {											/* ADDED June 15, metal@flat.com */
	height: auto;
	width: 599px;
	position: relative !important;
	padding: 0px !important;
	margin: 0px !important;
	opacity: 1.00;
	filter: alpha(opacity=100);
	background: transparent;
}


div.data_row div.text_450 {														/* used ONLY on directory pages */
	width: 450px !important;
    word-wrap: break-word;
	margin-top: 10px;
}

div.data_row div.text {
overflow: hidden;
width: 450px;
float: left;
}

div.data_row.blog div.text {
overflow: none;
width: 450px;
float: left;
}

div.data_row.blog div.image {													/* used ONLY on blog content pages *//* ADDED June 1, metal@flat.com */
	height: auto !important;
	width: 450px;
	margin-bottom: 25px;
}
div.data_row.blog div.image img {												/* used ONLY on blog content pages *//* ADDED June 1, metal@flat.com */
	position: relative;
}
div.data_row.blog div.text {
	width: 450px !important;
	margin-bottom: 25px;
}

div.data_row.meta {

}
div.data_row.meta div.image {													/* ADDED June 15, metal@flat.com */
	height: 24px;
	width: 24px !important;
	margin-bottom: 10px;
}
div.data_row.meta div.image img {												/* ADDED June 15, metal@flat.com */
	position: relative;
	height: 24px;
	width: 24px;
}
div.data_row.meta div.text {
	width: 311px !important;
	padding-top: 3px;
	margin-bottom: 10px;
	line-height: 14px;
}
div.data_row.meta div.text img {
	position: absolute;
	padding-top: 0px;
}
div.data_row.meta div.text span.timestamp {
	padding-left: 20px;
	display: inline-block;
}

/* title styles */
div.data_row h2.title,
div.data_row h2.title a {
	font-size: 18px;
	color: #8a8078;
	word-wrap: break-word;
}
div.data_row h2.title a span.blue {
	font-size: 14px;
	font-weight: normal !important;
}
div.data_row small {
	color: #6b625b;
	margin-bottom: 5px;
	display: block;
	clear: both;
}
div.data_row:hover h2.title,
div.data_row:hover h2.title a {
	color: #6b625b;
}

div.data_row span.message-bullet {												/* ADDED June 15, metal@flat.com */

}

/* -------------------------------------------------------------------------- */
/* content area widget *//* ------------------------------------------------- */
ul.navigation.widget {															/* HACK NEEDED - IE7 */
	margin-bottom: 10px;
}
ul.navigation.widget li a {
	font-size: 10px;
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	background-image: url('/img/blue-button-content_widget2.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	color: #ffffff;
}

ul.navigation.widget li a.center 
{
    margin-left: auto;
    margin-right: auto;
}

ul.navigation.widget li a span {
	padding: 0px 10px 0px 22px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	display: block;
}
ul.navigation.widget li a:hover span {
	text-decoration: underline;
}
ul.navigation.widget li a.reply span {
	background-image: url('/img/widget-icon-reply.png');
}
ul.navigation.widget li a.message span {
	background-image: url('/img/widget-icon-message.png');
}
ul.navigation.widget li a.chat span {
	background-image: url('/img/widget-icon-chat.png');
}
ul.navigation.widget li a.map span {											/* ADDED June 15, metal@flat.com */
	background-image: url('/img/widget-icon-map.png');
}
ul.navigation.widget li a.contact span {										/* ADDED June 15, metal@flat.com */
	background-image: url('/img/widget-icon-contact.png');
}
ul.navigation.widget li a.register span {										/* ADDED June 15, metal@flat.com */
	background-image: url('/img/widget-icon-register.png');
}
ul.navigation.widget li a.ignore span {											/* ADDED June 15, metal@flat.com */
	background-image: url('/img/widget-icon-ignore.png');
}

ul.navigation.widget li a.notes span {
	background-image: url('/img/widget-icon-notes.png');
}

ul.navigation.widget li a.add span {
background-image: url('/img/widget-icon-contact.png');
}

ul.navigation.widget li a.remove span {
background-image: url('/img/widget-icon-remove.png');
}

ul.navigation.widget li a.edit span {
background-image: url('/img/widget-icon-edit.png');
}

ul.navigation.widget.cancel li a {
	background-image: url('/img/blue-button-content_widget_cancel.png');
	color: #004a99 !important;
}
ul.navigation.widget li a.submit span {											/* ADDED June 1, metal@flat.com */
	background-image: url('/img/widget-icon-submit.png');
	padding-top: 2px;
}
ul.navigation.widget li a.cancel span {											/* ADDED June 1, metal@flat.com */
	background-image: url('/img/widget-icon-cancel.png');
	padding-top: 2px;
}
ul.navigation.widget li a.vcard span {										/* ADDED 2012-12-04, NLevy */
	background-image: url('/img/widget-icon-vcard.png');
	line-height: 18px;
}


/* ------------------------------------------------------------------------------------------------------- */
/* CHAPTER STYLES */
/* ------------------------------------------------------------------------------------------------------- */
div.content-sidebar.left.CHAPTER {												/* 05/25 metal@flat.com - there is an applied background image inline with the HTML */
	background-repeat: no-repeat;
	background-position: 1px 0px;
}
div.content-sidebar.left.CHAPTER div.sidebar-header {							/* 05/25 metal@flat.com - knock out the blue background image */
	background-color: transparent;
	background-image: url('/img/chapter-summary-header_bkgd.png');
}
div.content-sidebar.left.CHAPTER div.sidebar-header div.status {				/* 05/25 metal@flat.com - chapters have a larger left sidebar header */
	height: 125px;
	margin-bottom: 40px;
}
div.content-sidebar.left.CHAPTER div.sidebar-header h2 {
	color: #004a99;
	font-size: 22px;
	line-height: 24px;
}
div.content-sidebar.left.CHAPTER ul.navigation.sidebar li a {					/* 05/25 metal@flat.com - chapters have different rollover states */
	color: #004a99;
	background-image: url('/img/chapter-summary_nav.png');
}
div.content-sidebar.left.CHAPTER ul.navigation.sidebar li a.current {
	color: #ffffff;
	font-weight: bold;
}



/* ------------------------------------------------------------------------------------------------------- */
/* PROFILE STYLES */
/* ------------------------------------------------------------------------------------------------------- */
div.content-sidebar.left.PROFILE {												/* 05/25 metal@flat.com - there is an applied background image inline with the HTML */
	background-repeat: no-repeat;
	background-position: 1px 0px;
}
div.content-sidebar.left.PROFILE div.sidebar-header {							/* 05/25 metal@flat.com - knock out the blue background image */
	/*
	background-color: transparent;
	background-image: url('/img/chapter-summary-header_bkgd.png');
	*/
}
div.content-sidebar.left.PROFILE div.sidebar-header div.status {				/* 05/25 metal@flat.com - profiles have a larger left sidebar header */
	width: 185px;
}
div.content-sidebar.left.PROFILE div.sidebar-header div.profile_image {			/* 05/25 metal@flat.com - profiles have a large vertical image under the status div */
	position: relative;
	margin-top: 20px; margin-left: -10px;
}
div.content-sidebar.left.PROFILE div.sidebar-header div.profile_image img {

}
div.content-sidebar.left.PROFILE div.sidebar-header div.profile_image div.arrows {
	position: absolute;
	top: -18px;
	right: 10px;
	width: 47px;
	height: 36px;
	z-index: 1;
}
div.content-sidebar.left.PROFILE div.sidebar-header h2 {
	font-size: 22px;
	line-height: 24px;
}
div.content-sidebar.left.PROFILE div.sidebar-header h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #bcd2df;
}


/* ------------------------------------------------------------------------------------------------------- */
/* DIRECTORY STYLES */
/* ------------------------------------------------------------------------------------------------------- */
div.content-sidebar.left.DIRECTORY {											/* 05/25 metal@flat.com - there is an applied background image inline with the HTML */

}
div.content-sidebar.left.DIRECTORY div.sidebar-header {							/* 05/25 metal@flat.com - knock out the blue background image */
	background-color: transparent;
	background-image: url('/img/directory-sidebar-bkgd.gif');
	background-position: 1px 0px;
}
.input-text.search {
	font-family: Arial;
	font-size: 11px;
	padding: 6px;
	color: #726c66;
	width: 165px;
	border: 1px dotted #cccccc;
	margin-bottom: 15px;
	background: transparent url('/img/search.gif') no-repeat right center;
}
div.content-sidebar div.search-filter {
	margin-bottom: 10px;
}
div.loader {
    width: 100px;
    padding-top: 25px;
    margin: 0 auto;
}


/* ------------------------------------------------------------------------------------------------------- */
/* ADDITIONAL LAYOUT STYLES */
/* ------------------------------------------------------------------------------------------------------- */
div.content-area-header span.grey {
	font-weight: normal;
	text-transform: none;
	color: #999999;
}
div.content-area-header.pagination {
	color: #999999;
}
div.content-area-header.pagination a.paging {
	font-size: 10px;
	color: #999999;
	padding: 2px 5px;
	margin-right: 5px;
	border: 1px solid #d6d6d6;
	float: left;
}
div.content-area-header.pagination span.paging {
	font-size: 10px;
	color: #999999;
	padding: 2px 0px;
	margin-right: 5px;
	border: 1px solid #ffffff;
	float: left;
}
div.content-area-header.pagination a.paging.prev,
div.content-area-header.pagination a.paging.next {
	color: #999999;
	padding: 2px 5px;
	margin-right: 5px;
	border: none;
	float: left;
}
div.content-area-header.pagination a.paging.current {
	color: #ffffff;
	background: #999999;
	border: 1px solid #999999;
}
div.sidebar-content ul.FACET li {												/* UPDATED June 1, metal@flat.com *//* same as 'div.sidebar-content p' */
	margin-top: 10px !important;
	display: block;
}
div.sidebar-content ul.FACET li:first-child {									/* UPDATED June 1, metal@flat.com *//* same as 'div.sidebar-content p:first-child' */
	margin-top: 0px !important;
}
div.sidebar-content ul.FACET li a,
div.sidebar-content ul.FACET li span {
	display: inline !important;
	width: auto;
}



/* FORMS */
.input {
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	border: 1px solid #cccccc;
	background: #f4f3f1;
}
.input.text {
	width: 440px;
	padding: 5px 5px;
	resize: none;
}


.textWide 
{
    width: 100% !important;
    resize: none;
}

.input.textarea {
	width: 440px;
	padding: 5px 5px;
	resize: none;
}


/* ------------------------------------------------------------------------------------------------------- */
/* DIRECTORY SEARCH *//* ADDED June 15, metal@flat.com - moved out of template file */
/* ------------------------------------------------------------------------------------------------------- */
div#filters-industry {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -420px;
	height: 580px;
	width: 840px;
	background: #ffffff;
	border: 1px solid #9f9b98;
}
div#filters-company {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -265px;
	height: 580px;
	width: 580px;
	background: #ffffff;
	border: 1px solid #9f9b98;
}

div#filters-industry * div.filter-column {
	width: 195px;
	float: left;
}
div#filters-industry * div.filter-column a.filter {
	width: 160px;
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin: -3px -6px;
	margin-bottom: 6px;
	padding: 2px 20px 2px 5px;
	border: 1px solid #ffffff;
}

div#filters-company * div.filter-column {
	width: 530px;
	float: left;
}
div#filters-company * div.filter-column a.filter {
	width: 520px;
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin: -4px -6px;
	margin-bottom: 6px;
	padding: 3px 20px 3px 5px;
	border: 1px solid #ffffff;
}

div.filter-column a.filter span.meta {
	color: #999999;
}
div.filter-column a.filter:hover {
	text-decoration: none;
	background: #ebeae8;
	border: 1px solid #cccccc;
	border-radius: 2px;
}
div.filter-column a.filter.selected {
	text-decoration: none;
	background: #ebeae8;
	border: 1px solid #cccccc;
	border-radius: 2px;
	font-weight: bold;
	background-image: url('/img/filter-checkmark.gif');
	background-position: top right;
	background-repeat: no-repeat;
}
div.filter-column a.filter.selected span.meta {
	font-weight: normal;
}


/* ------------------------------------------------------------------------------------------------------- */
/* HELPFUL OVERRIDES */
/* ------------------------------------------------------------------------------------------------------- */
.nomargins		{ margin: none !important; }
.nopadding		{ padding: none !important; }
.noborders		{ border: none !important; }
.nohover		{ background: transparent !important; cursor: default !Important; }
.float			{ float: left; }
.float-right	{ float: right; }
.block			{ display: block; }
.hidden			{ display: none; }
.clear			{ clear: both; }
.relative		{ position: relative; }
.pt_10 			{ font-size: 10px; }
.pt_11 			{ font-size: 11px; }
.pt_12 			{ font-size: 12px; }
.pt_13 			{ font-size: 13px; line-height: 16px; }
.pt_14 			{ font-size: 14px; line-height: 18px; }
.black, a.black, a.black:hover	{ color: #000000; }
.white, a.white  a.white:hover	{ color: #ffffff; }
.grey, a.grey, a.grey:hover		{ color: #666666; }								/* UPDATED June 1, metal@flat.com | REMOVED pt_14.grey */
.grey_dark, .grey_dark:hover	{ color: #333333; }
.grey_light, .grey_light:hover	{ color: #999999 !important; }	
.cyan, a.cyan, a.cyan:hover		{ color: #05b1eb; }
.blue, a.blue, a.blue:hover		{ color: #004a99; }
.ui-autocomplete {max-height: 200px;overflow: auto;}                            /*Updated October 24 for jQuery UI AutoComplete override to let scroll */
.ui-autocomplete-loading {background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat !important} /*Updated October 24 for jQuery UI AutoComplete override to show whirling dirvish */

h4.pt_14.grey		{ color: #90867e; font-weight: bold; }						/* ADDED Jun 1, metal@flat.com - used on content pages (check profile_message.html) */
h1.alert-confirm 	{ font-size: 32px !important; line-height: 32px; font-weight: bold; float: none !important; color: #bcb6ae !important; width: 450px; }


#searchresults table { background:#ffffff;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
#searchresults caption { border:1px solid darkGrey;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
#searchresults td, th { color:#004A99;
 padding:.4em;
}
#searchresults tr { border:1px dotted gray;
}
#searchresults thead th, tfoot th { background:darkGrey;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
#searchresults tbody td a { color:#363636;
 text-decoration:none;
}
#searchresults tbody td a:visited { color:gray;
 text-decoration:line-through;
}
#searchresults tbody td a:hover { text-decoration:underline;
}
#searchresults tbody th a { color:#363636;
 font-weight:BOLD;
 text-decoration:none;
}
#searchresults tbody th a:hover { color:#363636;
}
#searchresults tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
#searchresults tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
#searchresults tbody th, tbody td { text-align:left;
 vertical-align:top;
}
#searchresults tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
#searchresults .odd { background:#fff;
}
#searchresults tbody tr:hover { background:#6699FF;
 border:1px solid #03476F;
 color:#ffffff;
}
fieldset * ul, fieldset * ul li
{
	list-style-type: none;
}
fieldset * label
{
	font-size: 12px;
	display: block;
	width: 140px;
}
.textInput
{
	font-family: Arial;
	font-size: 11px;
	padding: 6px;
	color: #726c66;
	width: 200px;
	border: 1px dotted #cccccc;
	margin-bottom: 15px;
}
a.primaryAction
{
	font-family: Arial;
	font-size: 11px;
	padding: 6px;
	color: #ffffff;
	background: #00b8f5;
	width: auto;
	margin-bottom: 15px;
	margin-top: 15px;
}




.telligent
{
	border:1px solid grey;
	padding:5px;
	margin:0 0 10px 0;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}

.telligent a
{ text-decoration:none; }

.telligent div
{ padding-top:5px; }

.telligent label
{ display:block;padding:5px 0; }

.telligent textarea
{ height:100px; }

.telligent input[type=text], .telligent textarea
{ border:1px solid grey; width:400px; }

.telligent input[type=text]:focus, .telligent textarea:focus
	, .telligent input[type=text]:hover, .telligent textarea:hover
{ border:1px solid green; }

.telligent input[type=text]:focus, .telligent textarea:focus
{ background-color: #c6deff }

.telligent .button {
	display: inline-block;
	border:1px solid grey;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.telligent .button:hover {
	text-decoration: none;
}
.telligent .button:active {
	position: relative;
	top: 1px;
}

.content-area li				{ margin-left:20px;}



.jm_roster .jm_actions a		{ display:none; }
#jappix_mini a.jm_logo			{ background:none !important; }



div#remove,
div#tools-manage, 
div#tools-resign {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -150px;
	height: 165px;
	width: 300px;
	background: #ffffff;
	border: 1px solid #9f9b98;
}

/* ------------------------------------------------------------------------------------------------------- */
/* multiple file upload */
/* ------------------------------------------------------------------------------------------------------- */

	.FileUploadLog
	{
		display: none;
	}
	.upload-filelist
	{
		width:460px;
		max-height: 400px;
		overflow:hidden;
	}
			
	.uploaded-file .uploaded-file-size
	{
		float:right;
		font-style: italic;
		color: #999;
        font-size: 12px;
        text-align: right;
		
	}
	
	.uploaded-file .uploaded-file-name
	{
        float: left;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 350px;
        white-space: nowrap;
	}
			
	/* upload progress section */
	.uploaded-file .upload-progress
	{
		float:left;
		padding-left: 10px;
        font-size: 12px;
	}
			
	.uploaded-file.uploading .upload-progress
	{
		display: inherit;
	}
			
	.uploaded-file.failed .upload-progress
	{
		display: inherit;
	}
			
	.uploaded-file.success .upload-progress
	{
		display: none;
	}
			
			
	.uploaded-file .cancel-action
	{
		float:right;
		background-image: url('/img/fileupload/cancel.png');
		width: 24px;
		height: 24px;
		margin-left: 5px;
		cursor: pointer;
	}
	
	.uploaded-file .cancel-action:hover
	{
		float:right;
		background-image: url('/img/fileupload/cancel_hover.png');
		width: 24px;
		height: 24px;
		margin-left: 5px;
		cursor: pointer;
	}
	
	.uploaded-file.template
	{
		display: none;
	}
			
	.uploaded-file .upload-status
	{
		float: left;
		width: 16px;
		height: 16px;
		margin: 3px 6px;
		background-image: url('/img/fileupload/status-uploaded.png');
				
	}
	.uploaded-file.success
	{
	}
			
	.uploaded-file.uploading
	{
        background-color: #F0F0F0;
	}
	.uploaded-file.failed
	{
	}
			
	.uploaded-file.success .upload-status
	{
		background-image: url('/img/fileupload/status-uploaded.png');
	}
			
	.uploaded-file.failed .upload-status
	{
		background-image: url('/img/fileupload/status-failed.png');
	}
			
	.uploaded-file.uploading .upload-status
	{
		background-image: url('/img/fileupload/status-uploading.gif');
	}

	.uploaded-file
	{
		clear:both;
        background-color: #E8F6FA;
		margin-bottom: 7px;
		margin-top:7px;
		padding: 3px;
		padding-bottom: 32px !important;
		height: 24px;
        line-height: 24px;
		
	}
			
	.upload-filesummary
	{
        padding-top:10px;
        padding-bottom:10px;
		width:460px;
        
        
	}
			
	.upload-filesummary .total-file-count
	{
		float:left;
	}
	.upload-filesummary .total-file-size
	{
		float:right;
		 
	}
			
	.upload-filesummary .total-upload-remaining
	{
		float:left;
		display: none;
		padding-left: 5px;
	}

/* SOCIAL LIST - favorite, share, like */
ul.navigation.sidebar-controls.social {
	
}
ul.navigation.sidebar-controls.social li {
	width: auto;
	float: left;
	margin-right: 6px;
}
ul.navigation.sidebar-controls.social li a {
	background-image: none;
	width: auto !important;
}
ul.navigation.sidebar-controls.social li a span {
	padding: 0px;
	height: 20px;
	width: auto;
	background-image: none;
	background-repeat: no-repeat;
}
ul.navigation.sidebar-controls.social li a span.icon {
	margin: 0px;
	padding: 0px;
	width: 17px;
	margin-right: 2px;
	background-position: 0px 0px;
	float: left;
	display: block;
	overflow: hidden;
}
ul.navigation.sidebar-controls.social li a span.pointer {
	margin: 0px;
	padding: 0px 0px;
	width: 11px;
	float: left;
	display: block;
	background-image: url('/img/social/sidebar-button-social-pointer.gif');
	background-position: 0px 0px;
}
ul.navigation.sidebar-controls.social li a span.number {
	margin: 0px;
	padding: 3px 5px 0px 0px;
	color: #999999;
	height: 15px;
	font-size: 10px;
	text-align: center;
	float: left;
	display: block;
	border: 1px solid #e0e0e0;
	border-left: none;
	background-image: none;
}
ul.navigation.sidebar-controls.social li a:hover span.icon,
ul.navigation.sidebar-controls.social li a.active span.icon {
	background-position: 0px -20px;
}
ul.navigation.sidebar-controls.social li a:hover span.number,
ul.navigation.sidebar-controls.social li a.active span.number {
	color: #666666;
}

/* SOCIAL, in the content area */
.content-area .widget ul.navigation.social li {
	float: none;
	margin-right: 0px;
	margin-bottom: 2px;
}
.content-area .widget ul.navigation.social li a span.number {
	padding: 1px 5px 0px 3px;
	width: 50px;
	height: 17px;
}

/* SOCIAL ICONS */
ul.navigation.sidebar-controls li a.follow span {
	background-image: url('/img/social/sidebar-button-social-follow.png');
}
ul.navigation.sidebar-controls li a.follow:hover span.pointer,
ul.navigation.sidebar-controls li a.follow.active span.pointer {
	background-position: 0px -20px;
}
ul.navigation.sidebar-controls li a.follow:hover span.number,
ul.navigation.sidebar-controls li a.follow.active span.number {
	border-color: #d8b200;
}
ul.navigation.sidebar-controls li a.follow.active span.pointer,
ul.navigation.sidebar-controls li a.follow.active span.number {
	background-color: #fff09c;
}

ul.navigation.sidebar-controls li a.like span {
	background-image: url('/img/social/sidebar-button-social-like.png');
}
ul.navigation.sidebar-controls li a.like:hover span.pointer,
ul.navigation.sidebar-controls li a.like.active span.pointer {
	background-position: 0px -40px;
}
ul.navigation.sidebar-controls li a.like:hover span.number,
ul.navigation.sidebar-controls li a.like.active span.number {
	border-color: #a7bd02;
}
ul.navigation.sidebar-controls li a.like.active span.pointer,
ul.navigation.sidebar-controls li a.like.active span.number {
	background-color: #eaf599;
}


ul.navigation.sidebar-controls li a.share span {
	background-image: url('/img/social/sidebar-button-social-share.png');
}
ul.navigation.sidebar-controls li a.share:hover span.pointer,
ul.navigation.sidebar-controls li a.share.active span.pointer {
	background-position: 0px -60px;
}
ul.navigation.sidebar-controls li a.share:hover span.number,
ul.navigation.sidebar-controls li a.share.active span.number {
	border-color: #5abdde;
}
ul.navigation.sidebar-controls li a.share.active span.pointer,
ul.navigation.sidebar-controls li a.share.active span.number {
	background-color: #99d4e7;
}

/* Follow Modal Window */

.follow-modal							{ position:fixed; z-index:99999; background:#FFF; color:#90867E; border:1px solid #9F9B98; width:580px; }
.follow-modal .text						{ color:#90867E; padding: 0px 20px 20px 20px; }
.follow-modal .controls					{ padding: 0px 20px 20px 20px; text-align:right; background:#9F9B98; position:relative; }
.follow-modal .working					{ position:absolute; bottom:2px; right:2px; }
.follow-modal .close					{ padding:4px;  cursor: pointer;}
.follow-modal .save						{ padding:4px;  cursor: pointer;}
    
.social-wrapper .hidden               {display: none !important;}


/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */

/* AddRemoveContact Widget */
.addremovecontact-wrapper.state-indirectory .contact
{
     display: none !important;
}

.addremovecontact-wrapper.state-indirectory .remove
{
}

.addremovecontact-wrapper.state-notindirectory .contact
{
}

.addremovecontact-wrapper.state-notindirectory .remove
{
     display: none !important;
}


/* ------------------------------------------------------------------------------------------------------- */

#phlogo {width:200px; float:left;}
#phsubcontentleft {width:201px; float:left;}
#phsubcontentmiddle {width:600px; float:left;}
/*#profile_map_canvas {width:10px !important; height:10px !important;}*/
.editMode {font-size:12px; text-decoration:none; font-weight: normal; float:right;} 
div.content-area-header h2 span {text-transform:none;}
.keyword-remove-button
{
    float:right;
}

.keyword-container, .invitee-container, .relate-container
{
	padding: 5px 5px;
	font-family: Arial, Verdana, Helvetica, san-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
	color: #000000;
	text-align: left;
	background: #ffffff;
	border-bottom: 1px solid #CCC;
	outline: none;    
}

.keyword-container { width: 100px;}
.invitee-container { width: 310px;padding:0 !important;border-bottom:none !important; background:#E4F7FE;margin: 5px 0;}
.invitee-container-text { padding: 5px; }
.invitationList, .relatedList { display: none;}
.checkbox-invite {margin: 0 40px 10px 10px; float: left;}
.checkbox-invite label {padding: 0 0 0 5px; }

.remove-invite-item {margin:6px 8px 0;}
.already-in-list{ color: red;}
.float-header { float: left;margin: 0 10px 0 0;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
div.content-area-header h2 span {text-transform:none;}

.column-left{width:201px; min-height:500px; background-color:#828A8C; float:left;}
.column-center{width:600px; min-height:500px; background-color:#004A99; float:left;}
.column-right{width:200px; min-height:500px;background-color:#828A1C; float:left;}
#chapterHeaderLink{font-size:16pt; color:#004A99;}

.remove-icon { height: 24px;width: 24px;border-left: 2px white solid;float: right;}

/* related microcommunities display */
.related-mc { margin: 3px; height: 65px; width: 165px; float: left; text-align: center;}
.related-mc-logo { float:left; margin: 3px; height: 50px; }
.related-mc-text { text-align: left; margin: 2px;}
.related-mc-type { }
.relate-container { width: 310px;padding:0 !important;border-bottom:none !important; background:#E4F7FE;margin: 5px 0;}
.relate-container-text { padding: 5px; }
.relateList { display: none;}
.remove-relate-item {margin:6px 8px 0;}
.remove-button-container { display:none;position: absolute;width: 25px;height: 25px;background: #E0DEDB;margin: 3px 0 0 3px;}
.related-mc-remove {margin: 7px;}

/** Group Queue**/
#group-queue {
    width: 100% !important;
    padding: 0 !important;
    float: left !important;
}
.group-queue td{
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.group-queue th
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    color: white;
    background-color: rgb(63, 58, 56); 

}

/** BREADCRUMB STYLING **/
div#breadcrumb-wrapper
{
    width: 500px;
    height: 45px;
    word-wrap: break-word;
    padding-top: 3px;
    vertical-align: middle;
    position: relative;
}
div#breadcrumb-wrapper img
{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
}
div#breadcrumb-wrapper .names
{
    position: absolute;
    left: 60px;
    top: 20px;
    width: 500px;
    color: #000000;
}
div#breadcrumb-no-icon-wrapper .names
{
    width: 500px;
    color: #000000;
    margin-top: 0.50em;
}
div#breadcrumb-wrapper .names h2, div#breadcrumb-no-icon-wrapper .names h2
{
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}
div#breadcrumb-wrapper .names a, div#breadcrumb-no-icon-wrapper .names a
{
    color: #00BFF2;
    text-decoration: none;
    font-weight: bold;
}
div#breadcrumb-wrapper .names .black, div#breadcrumb-no-icon-wrapper .names .black
{
    color: #000000;
}

span.breadcrumb-arrow {
    font-size:16px;
}

div.usefulLink-sidebar-details h1 {
	color: #B77C3D;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin-top: 1.2em;
	margin-bottom: 5px
}

div.usefulLink-sidebar-details{
	padding-left: 10px;
	border-top: 1px #CCC dotted;
	border-bottom: 1px #CCC dotted;
	padding-bottom: 5px;
}

div.usefulLink-sidebar-details a{
	margin-left: 2px;
}

.nw-edit-width, .nw-content-section-a, .nw-content-section-b,
.gr-edit-width, .gr-content-section-a, .gr-content-section-b {
        width:250px;
}

.hide
{
        display:none;
}

#agenda, #about-event, #registration-fees, #fast-facts, div.mrkthigh,
#about-event p, #registration-fees p, #fast-facts p, div.mrkthigh p, #agenda p,
#about-event ul, #registration-fees ul, #fast-facts ul, div.mrkthigh ul, #agenda ul,
#about-event ol, #registration-fees ol, #fast-facts ol, div.mrkthigh ol, #agenda ol
{
    line-height: normal;
    font: normal;
}

#agenda br, #about-event br, #registration-fees br, #fast-facts br, div.mrkthigh br,
.agenda br, .description br, .additionalinformation br, .marketinghighlights br
{
    display: none;
}

#about-event p br, #registration-fees p br, #fast-facts p br, div.mrkthigh p br, #agenda p br,
.agenda p br, .description p br, .additionalinformation p br, .marketinghighlights p br
{
    display: block;
}

.agenda, .description, .additionalinformation, .marketinghighlights,
.agenda p, .description p, .additionalinformation p, .marketinghighlights p,
.agenda ul, .description ul, .additionalinformation ul, .marketinghighlights ul,
.agenda ol, .description ol, .additionalinformation ol, .marketinghighlights ol
{
    line-height: normal;
    font: normal;
}