/* Community Builder 1.0.2 template file */

/* Name: WebFX */



/* For registration and user profile titles and fields: */



.cbFields {

	margin:0px;

	padding:0px;

	border:0px solid black;

	width:98%;

}

.titleCell, .captionCell , table.content_table td.titleCell, table.content_table td.captionCell {

	font-weight:normal;

	text-align:	left;

	vertical-align:top;

	padding:3px 3px 4px 6px;
	
	/*color: black;*/


}

.titleCell {

	color: #666666;

	width: 105px;
	
	text-align:	left;
	
	padding-left: 50px;

}

.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: #FFA60A;  /* era un red, PERO NO SE CAMBIA AQUÍ, SINO EN 24 SITIOS EN EL JAVASCRIPT DE COMPROFILER.HTML.PHP*/
	
	

	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:black;

}



/* 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: 0px;	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-family:	Verdana, Helvetica, Arial, sans-serif;

	font-size:		12px;

	cursor:			Default;

	display:		inline;

	margin:			1px -5px 1px 5px;

	float:			left;

	padding:		3px 6px 3px 6px;

	background:		rgb(234,242,255);

	border:			1px solid;

	border-color:	rgb(120,172,255);

	border-left:	0px;

	border-bottom:	0px;

	border-top:		0px;

	cursor:			pointer;

	z-index:		1;

	position:		relative;

	top:			0px;

}

.dynamic-tab-pane-control .tab-row .tab.selected {

	border:			1px solid rgb(120,172,255);

	border-bottom:	0px;

	z-index:		3;

	padding:		2px 6px 5px 6px;

	margin:			1px -6px -1px 0px;

	top:			-2px;

	background:		white;

}

.dynamic-tab-pane-control .tab-row .tab.hover {

	background:		rgb(244,248,255);

}

.dynamic-tab-pane-control .tab-row .tab a {

	font-family:	Verdana, Helvetica, Arial, sans-serif;

	font-size:		10px;

	color:			rgb(0,66,174);

	text-decoration:	none;

	cursor:			pointer;	

}

.dynamic-tab-pane-control .tab-row .hover a {

	color:	rgb(0,97,255);

}

.dynamic-tab-pane-control .tab-row .tab.selected a {

	font-weight:	bold;

}

.dynamic-tab-pane-control .tab-page {

	clear:			both;

	border:			1px solid rgb(120,172,255);

	background:		White;

	z-index:		2;

	position:		relative;

	top:			-2px;

	color:			Black;

	width:			100%;

}

.dynamic-tab-pane-control .tab-row {

	z-index:		1;

	white-space:	nowrap;

	background:		rgb(234,242,255);

}

.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: #000000;}

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

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

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

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

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

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

.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:rgb(234,242,255);

	color:rgb(0,66,174);

	font:bold 12px Verdana,Helvetica,Arial,sans-serif;

	border:2px solid rgb(120,172,255);

	padding:1px;

	filter:alpha(opacity=90);

	-moz-opacity:0.9;

	opacity: 0.9;

	text-decoration:none;

	padding:1px;

}

.cb-tips-button:hover , .cb-tips-hover:hover {

	background:darkblue;

	color:white;

	text-decoration:none;

}



/* For connections display: connectionBox */

/* For images moderation: containerBox */



.cbConnectionPaths { width: 100%;	text-align: center; }

.connectionBox, .containerBox {

	float:left;



	padding: 4px;

	margin: 5px 3px;

	background: white;

	border: 1px groove #cccccc;

	border-color: #AAA #444 #444 #AAA;

	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: bottom;	}

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

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

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

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

/* For User Profile Title */

#cbProfileTitle { }

/* For User Profile Status List Display */

.cbStatusList { }



/***** menu BestCSS *****/

@media print {	.cbMenu, .cbSSmenu	{	visibility:hidden;	}	}

/* BestCSS Menu Functional: */

.cbpMenu		{	margin: 0;	padding: 0;		z-index: 4;	}

.cbMenu, .cbSSmenu {margin: 0;	padding: 0;	white-space: nowrap;	text-align: left;	float: left;	list-style: none outside none;

					width: 8em;	}

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

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

.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 0 1px 0;		display:block;		width:100%;			height:1px;		}

#conteneurmenu	{	height: 40px;	}

/* BestCSS Menu Decoration: */

.cbMenu, .cbSSmenu {

	background:rgb(234,242,255);

	color:rgb(0,66,174);

	font:bold 12px Verdana,Helvetica,Arial,sans-serif;

	border:1px solid rgb(120,172,255);

	padding:1px;

	filter:alpha(opacity=90);

	-moz-opacity:0.9;

	opacity: 0.9;

}

.cbMenu {

	margin-right: 0.5em;

}

.cbSSmenu {

	width: auto;

	margin-top: 0.3em;

}

.cbSSmenu li {

	padding: 0;

	margin: 0;

	background: rgb(234,242,255);

	margin-bottom: 1px;

/*	border-right: 1px solid #CDCDCC;*/

}

.cbMenu a, .cbSSmenu a, .cbMenu a:link, .cbMenu a:visited, .cbMenu a:hover, .cbSSmenu a:link, .cbSSmenu a:visited, .cbSSmenu a:hover {

	display: block;

	font:bold 12px Verdana,Helvetica,Arial,sans-serif;

	text-decoration:none;

	color:rgb(0,66,174);

	padding:1px;

	margin: 0px;

}

.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:darkblue;

	color:white;

	text-decoration:none;

	margin: 0px;

}