/* Community Builder 1.0.2 template file */

/* Name: Dark */



/* For registration and user profile titles and fields: MUST be used in conjunction with a dark template e.g. DarkOrange */



.cbFields { /*interests, about me, etc.*/
	margin:0px;
	padding:0px;
	border:0px solid black;
	width:98%;
}

.titleCell, 
.captionCell, 
table.content_table td.titleCell, 
table.content_table td.captionCell {
	font-weight:bold;
	text-align:	left;
	vertical-align:top;
	padding:3px 3px 4px 6px;
}

.titleCell {
	width:125px;
}

.fieldCell, 
table.content_table td.fieldCell, 
.fieldCell td, 
.tab_Description {
	font-weight: normal;
	text-align:	left;
	vertical-align:top;
	padding:3px 3px 4px 6px;
}

.fieldCell input, 
.fieldCell select {
	margin-top:0px;
	margin-left:0px;
	vertical-align: top;
}

.fieldError {
	color: #CC0000;
	padding:0px 0px 8px 0px;
}

.cbMulti td {
	padding-right:8px;
}

.tab_Description {
	/* font-weight:bold; */
	padding: 8px 0px;
}

.delimiterCell {
	font-weight:bold;
	font-size:125%;
	padding:6px 0px 0px 0px;
}

.descriptionCell {
	font-weight:normal;
	font-size:95%;
	padding:2px 0px;
}

.cbSortHead {
	text-decoration:underline;
}

.cbSortHeadSelected {
	text-decoration:none;
	font-weight:bolder;
	color:#EEE;
}

/* webaddress field with rows=2 formatting: */
.webUrlSpan   { 
	position: relative; 
	display: block; 
	height:2em; 
}

.webTextSpan  { 
	position: relative;  
	height:2em; 
}

.subTitleSpan { 
	padding-right: 250px; 
}

.subFieldSpan { 
	position: absolute; 
	top: 0px; 
	left: 9em; 
}

/* For positioning user profile div positions: */
.cbProfile	 {	
	margin: 5px;
	border-width: 0px;	
	padding: 0px;	
}

.cbPosHead, 
.cbPosTop, 
.cbPosLeft, 
.cbPosMiddle, 
.cbPosRight, 
.cbPosTabMain, 
.cbPosUnderAll {
	margin: 0px 0px 10px 0px;	
	border-width: 2px #fff;	
	padding: 0px;	
}

.cbPosTop	 {	
	vertical-align: bottom;
}

.cbPosLeft   {	
	float:	left;	
	text-align:	left;	
}

.cbPosMiddle {	
	float:	left;	
	text-align:	center;	
}

.cbPosRight  {	
	float:	right;	
	text-align:	right;	
}

.cbClr		 {	
	clear:	both;	
}

/* For dynamic tabs on user profile and edit user: */
.dynamic-tab-pane-control h2 {
	text-align:	center;
	width: auto;
}

.dynamic-tab-pane-control h2 a {
	display: inline;
	width: auto;
}

.dynamic-tab-pane-control a:hover {
	background: transparent;
}

.dynamic-tab-pane-control.tab-pane {
	position: relative;
	width: 100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font: Menu;
	cursor:	pointer;
	display: inline;
	margin:	1px -1px 1px 2px;
	float: left;
	padding: 2px 5px 3px 5px;
	background:	#5A7250;
	border-width: 0px;
	z-index: 1;
	white-space: nowrap;
	position: relative;
	top: 0px;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	background:	#2B3C26;
	border:	1px solid #639019;
	border-bottom:	0px;
	z-index: 3;
	padding: 2px 6px 4px 6px;
	margin:	1px -3px -1px 0px;
	top: -2px;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font: Menu;
	color: #ccc;
	text-decoration: none;
	cursor:	pointer;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	background:	#79976C;
	color: #fff;
}

.dynamic-tab-pane-control .tab-page {
	clear: both;
	border:	1px solid #639019;
	background:	#2B3C26;
	z-index: 2;
	position: relative;
	top: -2px;
	color: #ccc;
	font: Message-Box;
	width: 100%;
}

.dynamic-tab-pane-control .tab-row {
	z-index: 1;
	white-space: nowrap;
}

.dynamic-tab-pane-control .tab-page .tab-content {
	margin: 10px;
}



/* For tool-tips: */
.cb-tips-font {
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 10px; 
	color: #CCC;
}

.cb-tips-capfont {
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color:  #ccc;
}

.cb-tips-closefont {
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color:  #ccc; 
	text-align: right;
}

.cb-tips-closefont a:link, 
.cb-tips-closefont a:visited {
	color:  #ccc;
}

.cb-tips-closefont a:hover {
	color: #fff;
}

.cb-tips-fg {
	background-color: #000;
}

.cb-tips-bg {
	background-color: #4D4948;
}

.cb-tips-button, 
.cb-tips-button:link, 
.cb-tips-button:visited, 
.cb-tips-hover  {
	margin: 0px 0.5em 0.5em 0;	padding: 0;	white-space: nowrap;	text-align: center; display: block; width: 8em;
	background: #333;
	font:bold 12px Menu,Arial,Verdana,sans-serif;
	border:2px solid #556;
	color:#AAA;
	text-decoration:none;
	padding:2px;
}

.cb-tips-button:hover , 
.cb-tips-hover:hover {
	background: #111;
	color:#FFFFFF;
	text-decoration:none;
}

/* For connections display: connectionBox */
/* For images moderation: containerBox */
.cbConnectionPaths { 
	width: 100%;	
	text-align: center; 
}

.connectionBox, 
.containerBox {
	float:left;
	padding: 0px;
	margin: 5px 1px 0 1px;
	background: #161F14;
	/*border: 1px solid #000;*/
	/*border-color: #222 #111 #222 #111;*/
	text-align: center;
}

/* For tab positions: */
#cbPosUpper		{	
	border: 0px solid;	
	width:100%	
}

#cbPosHead		{	
	text-align: left;	
	border: 0px;	
	vertical-align: top; 	
	width:	100%;	
}

#cbPosLeft		{	
	text-align: left;	
	border: 0px;	
	vertical-align: top;	
}

#cbPosMiddle	{	
	text-align:	center;	
	border: 0px;	
	vertical-align: top;	
}

#cbPosRight		{	
	text-align:	right;	
	border: 1px;	
	vertical-align: bottom;	
}

#cbPosTabMain	{	
	text-align: left;	
	border: 1px;
}

#cbPosUnderAll	{	
	text-align: center;	
	border: 0px;	
}

/* For User Profile Title */
#cbProfileTitle { }

/* For User Profile Status List Display */
.cbStatusList {
	background: transparent;
	border: none;
}



/***** menu BestCSS *****/
@media print {	.cbMenu, .cbSSmenu	{	visibility:hidden;	}	}

/* BestCSS Menu Functional: */
.cbpMenu		{	
	margin: 0px;	
	padding: 0px;		
	z-index: 4;	
}

.cbMenu, 
.cbSSmenu {
	margin: 0px !important;	
	padding: 0px !important;	
	white-space: nowrap;	
	text-align: left;	
	float: left;	
	list-style: none outside none;
	width: 8em;	
}

.cbMenu ul		{ /* second-level lists */
	position: absolute;			
	left: auto;			
	z-index: 32001;	}	

.cbMenu ul ul	{ /* third-and-above-level lists N/A yet */	
	margin: -1em 0px 0px 10em;	
	z-index: 32001;	
}						

.cbMenu span, 
.cbSSmenu span	{		
	display: none;	
}

.cbMenu a		{	
	text-align: center;	
	}

.cbSSmenu a		{	
	text-align: left;			
	display: block;		
	width: 100%;	
}

.cbSSmenu li	{	
	list-style: none outside none;	
	display: block;		
	width: 100%;	
}

html>body .cbMenu a,
html>body .cbMenu a:visited, 
html>body .cbMenu a:hover, 
html>body .cbMenu a:active,
html>body .cbSSmenu a, 
html>body .cbSSmenu a:visited, 
html>body .cbSSmenu a:hover, 
html>body .cbSSmenu a:active {	
	width:auto;	
}

.cbSSmenu img	{	
	margin-right: 8px;			
	border: none;	
}

.cbSSmenu img.hr {	
	margin: 1px 0px 1px 0px;
	display:block;		
	width:100%;			
	height:1px;		
}

#conteneurmenu	{	
	height: 40px;
}

/* BestCSS Menu Decoration: */
.cbMenu, 
.cbSSmenu {
	background: #161F14;
	color:#ddd;
	font:bold 12px Menu,Arial,Verdana,sans-serif;
	border:1px solid #639019;
}

.cbMenu {
	margin-right: 0.5em !important;
}

.cbSSmenu {
	width: auto;
	margin-top: 0.3em !important;
}

.cbSSmenu li {
	padding:0px !important;
	margin:0px !important;
	background: #161F14;
	border-bottom: 1px solid #639019;
	/*border-right: 1px solid #639019;*/
	width:auto;
}

.cbMenu a, 
.cbSSmenu a, 
.cbMenu a:link, 
.cbMenu a:visited, 
.cbMenu a:hover, 
.cbSSmenu a:link, 
.cbSSmenu a:visited, 
.cbSSmenu a:hover {
	display: block;
	color:#AAA;
	text-decoration:none;
	font:bold 12px Menu,Arial,Verdana,sans-serif;
	display:block;
	margin:0px;
	padding:2px;
}

.cbSSmenu a, 
.cbSSmenu a:link, 
.cbSSmenu a:visited, 
.cbSSmenu a:hover {
	padding-left: 5px;
	padding-right: 3px;
}

.cbSSmenu ul:hover, 
.cbSSmenu a:hover, 
.cbSSmenu a:focus, 
.cbMenu a:hover, 
.cbMenu a:focus {
	background: #647E59;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px;
}

.cbUserTable {
}

div.cbclearboth:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.cbclearboth {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html div.cbclearboth {
	height: 1%;
}

div.cbclearboth {
	display: block;
}

/* End hide from IE-mac */