/* Community Builder 1.0.2 template file */
/* Name: Default */

/* 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: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: red;
 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; }
/*
.cbPosTop { position: relative; width: 100%; height: 300px; }
.cbPosLeft { position: absolute; left: 0px; bottom: 0px; }
.cbPosMiddle { position: absolute; left: 0px; bottom: 0px; }
.cbPosRight { position: absolute; right: 0px; bottom: 0px; }
.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: Menu,Arial,Verdana,sans-serif;
 cursor: pointer;
 display: inline;
 margin: 1px -1px 1px 2px;
 float: left;
 padding: 2px 5px 3px 5px;
 background: #CCC;
 border-width: 0px;
 z-index: 1;
 white-space: nowrap;
 position: relative;
 top: 0px;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
 background: #FFF;
 border: 1px solid #666;
 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: 13px Menu,Arial,Verdana,sans-serif;
 padding: 0px 5px 0px 5px;
 color: #000;
 text-decoration: none;
 cursor: pointer;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
 background: #EEE;
}
.dynamic-tab-pane-control .tab-page {
 clear: both;
 border: 1px solid #666;
 background: #FFF;
 z-index: 2;
 position: relative;
 top: -2px;
 color: #000;
 font-family: Message-Box,sans-serif;
 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: #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: #CCC;
 font: bold 12px Menu,Arial,Verdana,sans-serif;
 border: 2px solid #999;
 color: #404040;
 text-decoration: none;
 padding: 2px;
}
.cb-tips-button:hover , .cb-tips-hover:hover {
 background: #EEEEEE;
 color: #000040;
 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: 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 { position: absolute; left: auto; z-index: 32001; } /* second-level lists */
.cbMenu ul ul { margin: -1em 0px 0px 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 0px 1px 0px; display:block; width:100%; height:1px; }
#conteneurmenu { height: 30px; }
/* BestCSS Menu Decoration: */
.cbMenu, .cbSSmenu {
 background: #CCC;
 color: #606060;
 font: bold 12px Menu,Arial,Verdana,sans-serif;
 border: 1px solid #CCC;
}
.cbMenu {
 margin-right: 0.5em !important;
}
.cbSSmenu {
 width: auto;
 margin-top: 0.3em !important;
}
.cbSSmenu li {
 padding: 0px !important;
 margin: 0px !important;
 background: #CCC;
 border-bottom: 1px solid #CCC;
 border-right: 1px solid #CCC;
 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: #404040;
 text-decoration: none;
 font-family: Menu,Arial,Verdana,sans-serif;
 font-size: 12px;
 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: #EEEEEE;
 color: #000040;
 text-decoration: none;
 margin: 0px;
}


/* ///////////////////////////////////// */
/* OLD STUFF: */

/* For the actions menu */
#actionMenu {
 cursor: default;
 padding: 4px;
 margin: 5px 3px;
 background: #EEE;
 border: 1px solid #666;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 font-size: 100%;
 color: black;
}

/***** menu Son of Suckerfish *****/
@media print {
 .cbsMenu, .cbsMenu li ul {
 visibility:hidden;
 }
}
.cbsMenu, .cbsMenu li ul {
 background: #CCC;
 color:#606060;
 font:bold 12px Menu,Arial,Verdana,sans-serif;
 border:1px solid #CDCDCC;
 padding:0px;
/*BBKO width:15em; */
 margin:0px;
 white-space:nowrap;
}
.cbsMenu {
 text-align:center;
}
.cbsMenu li ul {
 text-align:left;
}
.cbsMenu span, .cbsMenu li ul span {
 display:none;
}
.cbsMenu li ul,.cbsMenu li ul li{
 padding:0;
 margin:0;
 list-style:none outside;
 background: #CCC;
 border-bottom: 1px solid #CDCDCC;
 border-right: 1px solid #CDCDCC;
}
.cbsMenu a, .cbsMenu li ul a, .cbsMenu a:link, .cbsMenu a:visited, .cbsMenu a:hover, .cbsMenu li ul a:link, .cbsMenu li ul a:visited, .cbsMenu li ul a:hover {
 color:#404040;
 text-decoration:none;
 font-family:Menu,Arial,Verdana,sans-serif;
 font-size: 12px;
 display:block;
 margin:0px;
 padding:2px;
}
.cbsMenu li ul a, .cbsMenu li ul a:link, .cbsMenu li ul a:visited, .cbsMenu li ul a:hover {
 padding-left:5px;
 padding-right:3px;
}
html>body .cbsMenu a, html>body .cbsMenu a:visited, html>body .cbsMenu a:hover, html>body .cbsMenu a:active,
html>body .cbsMenu li ul a, html>body .cbsMenu li ul a:visited, html>body .cbsMenu li ul a:hover, html>body .cbsMenu li ul a:active {
 width:auto;
}
.cbsMenu li ul:hover, .cbsMenu li ul a:hover, .cbsMenu li ul a:focus, .cbsMenu a:hover, .cbsMenu a:focus {
 background: #EEEEEE;
 color:#000040;
 text-decoration:none;
 margin:0px;
}
.cbsMenu li ul img {
 margin-right:8px;
 border:none;
}
.cbsMenu li ul img.hr {
 margin-top:1px;
 margin-bottom:1px;
 margin-left:0;
 margin-right:0;
 width:100%;
 height:1px;
 display:block;
}
#conteneurmenu {
 height: 40px;
}

/* real menu Son of Suckerfish: */
.cbsMenu, .cbsMenu ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
 line-height: 1.0;
}

.cbsMenu a {
 display: block;
 width: 10em;
}

.cbsMenu li { /* all list items */
 float: left;
 width: 10em; /* width needed or else Opera goes nuts */
}

.cbsMenu li ul { /* second-level lists */
 position: absolute;
 background: #FF0;
 width: 10em;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.cbsMenu li ul ul { /* third-and-above-level lists */
 margin: -1em 0 0 10em;
}

.cbsMenu li:hover ul ul, .cbsMenu li:hover ul ul ul, .cbsMenu li.sfhover ul ul, .cbsMenu li.sfhover ul ul ul {
 left: -999em;
}

.cbsMenu li:hover ul, .cbsMenu li li:hover ul, .cbsMenu li li li:hover ul, .cbsMenu li.sfhover ul, .cbsMenu li li.sfhover ul, .cbsMenu li li li.sfhover ul { /* lists nested under hovered list items */
 left: auto;
}

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 */