/**
 * a flexible 3-column layout
 *
 * This is based on the excellent job done by Matthew James Taylor.
 *
 * @link http://matthewjamestaylor.com/blog/fixed-width-or-liquid-layout.htm
 *
 * @author Bernard Paques
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */

/* import core YACS reference style sheet -- this has to come before any other rule */
@import url("../_reference/yacs.css");

/* import styles for this theme */
@import url("configured.css");

/* below that point you can add any additional style you would like to implement manually */


/* BUTTON Style */
a.button,
a.button:visited,
p.menu_bar a.button,
p.menu_bar a.button:visited { /* a link that mimic a form button -- [button]url[/button], [button=label]url[/button] */
	display: -moz-inline-box; /* mandatory for firefox 2 */
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	font-style: normal;
	text-decoration: none;
	color: #2e523b;
	line-height: 0;
	background: transparent url('images/button_yellow.png') no-repeat 0 0;
	height: 30px;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

a.button span,
p.menu_bar a.button span {
	display: inline-block;
	cursor: pointer;
	border: none;
	font-family: "Arial" !important;
	font-size: 12px !important;
	font-style: normal;
	white-space: nowrap;
	letter-spacing: 0 !important;
	color: #222;
	line-height: 16px;
	background: transparent url('images/button_yellow.png') no-repeat 100% 0;
	height: 30px;
	margin: 0 -16px 0 10px;
	padding: 8px 20px 0 10px;
	vertical-align: middle;
}


span.button { /* a button in a form */
	display: -moz-inline-box; /* mandatory for firefox 2 */
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	font-style: normal;
	text-decoration: none;
	color: #2e523b;
	line-height: 0;
	background: transparent url('images/button_yellow.png') no-repeat 0 0;
	height: 30px;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

span.button button {
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-family: "Arial" !important;
	font-size: 12px !important;
	font-style: normal;
	white-space: nowrap;
	letter-spacing: 0 !important;
	color: #222;
	line-height: 16px;
	background: transparent url('images/button_yellow.png') no-repeat 100% 0;
	height: 30px;
	margin: 0 -16px 0 10px;
	padding: 0 20px 0 10px;
}

a.button:hover,
span.button:hover,
p.menu_bar a.button:hover,
p.menu_bar span.button:hover {
	background-position: 0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span,
span.button:hover button,
p.menu_bar a.button:hover span,
p.menu_bar span.button:hover button {
	background-position: 100% -60px;
}

a.button:active span, span.button:focus button {
	color:#444;
}