/**
* Site CSS
* This CSS define the look and feel of the application in the frontend.
* @link http://www.ijoobi.com
* @copyright Distributed under the Lesser General Public License (LGPL).
* @link http://www.gnu.org/copyleft/lesser.html
* @author Joobi Team <css.support@ijoobi.com>
*/

/*  other CSS included */
@import url("messages.css");

/** GENERAL **/
/** LEGEND **/
/** WIZARD **/
/** TOOLBAR **/


/** GENERAL **/
.clr { clear: both; overflow:hidden; }

/** links into a listing **/
a.joobi-list-link {
}

/** caption on the listing , font-weight:bold;  **/
span.joobi-list-caption {
	text-align: left;
	float:left;
	margin-right:5px;
}

/* Search result highlight */
.search-highlight{
	font-weight:bold;
	font-style: italic;
	background:yellow;
}



/** LEGEND **/
.legend {
	text-align: center;
	vertical-align: middle;
	font-size: .9em;
	padding: 5px;
}
.legend-text {
	padding: 2px;
}
.legend-img {
	vertical-align: middle;
	padding-right: 2px;
}


/** WIZARD Fieldset title and icon **/
.wizard {
	background: url(../images/toolbar/16/wizard.png) no-repeat;
	display:block;
	padding-left:20px;
	padding-top:3px;
}


/** TOOLBAR **/
div#joobitoolbar-box {
	vertical-align:middle;
	height: 40px;
}

/** header Elements **/
div#header-totals {
	margin-left: 20px;
	float: left;
}

/* div for the picklist */
div#header-picklist {
	float: right;
}

/* div for the search box */
div#header-search {
	float: left;
}

/** toolbar buttons **/
div.button-text {
	font-size:1em;
}

/** this is important for the button / link at the top of the elements **/
div.toolbar { text-align:right; padding:0; clear:both;}	/* float: right;  */
div.toolbar span {float: none; margin: 0 auto; display: block; }


table.toolbar { border-collapse: collapse; padding: 0; margin: 0; }
table.toolbar td { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 24px; }
table.toolbar td.spacer{ width: 5px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar span {float: none; margin: 0 auto; display: block; }
/* width: 16px; height: 16px; */
table.toolbar a {
	display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 2px;
	cursor: pointer;
	color: #7fa0c1;
}

table.toolbar a:hover {
	border: 1px solid #ddd;
	text-decoration: none;
	color: #7fa0c1;
}

/*stand for disabled button not to conflict with disabled*/
table.toolbar a.disabledB{
	cursor: default;
}

/*debug traces*/
.debug {
padding:30px;
}

fieldset.joobiform {
border: 1px solid #ddd;
margin: 0 10px 10px 10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
}

fieldset.joobiform legend {
padding:0 5px;
margin-left:10px;
}

/*Direct translation*/
.translationmouseover {
background-color:#FAF298;
padding:3px;
color:black;
}