/* Toolbar style */
/* ************* */

/* Common styles */
#toolbar {
        display: inline;
        position: relative;
}

#toolbar a {
	display: block;
	float: left;
	text-decoration: none;
	border: 1px solid #ccc;
	background: #FFF;
	margin: 4px 2px;
	padding: 0px;
	width: 20px;
	height: 20px;
}

#toolbar .smiley {
	border: 1px solid #ccc;
	background: #FFF;
	margin: 3px 1px 0px 0px ;
	padding: 0px 1px;
}

#toolbar a, #toolbar .smiley {
	/* Rounded corners (css3) */
	border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#toolbar a:hover, #toolbar .smiley:hover {
	border: 1px solid #767777;
        cursor: pointer;
	/* shadow (css3) */
	box-shadow: 0 0 10px #DDD;
	-o-box-shadow: 0 0 10px #DDD;
	-icab-box-shadow: 0 0 10px #DDD;
	-khtml-box-shadow: 0 0 10px #DDD;
	-moz-box-shadow: 0 0 10px #DDD;
	-webkit-box-shadow: 0 0 10px #DDD;
}

#toolbar .separateur {
	display: block;
	float: left;
	/*border: 0.5px solid #ccc;*/
	margin: 6px 12px;
	width: 0px;
	height: 16px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#toolbar a span {
	display: none;
}

/* Backgrounds for each button */
#toolbar a#tb_bold {
	background: url(../../../images/toolbar/toolbar.png) no-repeat 0 0;
}
#toolbar a#tb_underline {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -20px 0;
}
#toolbar a#tb_italic {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -40px 0;
}
#toolbar a#tb_strike {
	background: url(../../../images/toolbar/strike-through.png) no-repeat;
}
#toolbar a#tb_small {
	background: url(../../../images/toolbar/small.png) no-repeat;
}
#toolbar a#tb_delete {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -80px 0;
}
#toolbar a#tb_insert {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -100px 0;
}
#toolbar a#tb_emphasis {
	background: url(../../../images/toolbar/emphasis.png) no-repeat;
}
#toolbar a#tb_emphase_guillemets {
	background: url(../../../images/toolbar/emphase_guillemets.png) no-repeat;
}
#toolbar a#tb_normal {
	background: url(../../../images/toolbar/normal.png) no-repeat;
}
#toolbar a#tb_guillemets_fr {
	background: url(../../../images/toolbar/guillemets_fr.png) no-repeat;
}
#toolbar a#tb_guillemets_an_2 {
	background: url(../../../images/toolbar/guillemets_an_2.png) no-repeat;
}
#toolbar a#tb_guillemets_an_1 {
	background: url(../../../images/toolbar/guillemets_an_1.png) no-repeat;
}
#toolbar a#tb_separation {
	background: url(../../../images/toolbar/separation.png) no-repeat;
}
#toolbar a#tb_espacement {
	background: url(../../../images/toolbar/espacement.png) no-repeat;
}
#toolbar a#tb_color {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -140px 0;
}
#toolbar a#tb_heading {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -160px 0;
}
#toolbar a#tb_url {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -220px 0;
}
#toolbar a#tb_email {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -180px 0;
}
#toolbar a#tb_image {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -240px 0;
}
#toolbar a#tb_quote {
	background: url(../../../images/toolbar/quote.png) no-repeat;
}
#toolbar a#tb_citation {
	background: url(../../../images/toolbar/citation.png) no-repeat;
}
#toolbar a#tb_colonne {
	background: url(../../../images/toolbar/colonne.png) no-repeat;
}
#toolbar a#tb_code {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -260px 0;
}
#toolbar a#tb_ulist {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -280px 0;
}
#toolbar a#tb_olist {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -300px 0;
}
#toolbar a#tb_aolist {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -320px 0;
}
#toolbar a#tb_smiliesb {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -340px 0;
}
#toolbar a#tb_video {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -360px 0;
}
#toolbar a#tb_help {
	background: url(../../../images/toolbar/toolbar.png) no-repeat -380px 0;
}        
