/* ################################ */
/* CUSTOM BUTTONS */


/* standard button */
ul.bk-button
{
	float:left;
	list-style:none;
	font:bold 13px sans-serif;
	padding:0;
	margin:0;
	cursor:pointer;
	white-space:nowrap;
}

ul.bk-button li
{
	display:inline;
	margin:0;
	float:left;
	padding:0 10px 0 10px;
}

ul.bk-button .bk-button-text
{
	float:left;
	position:relative;
	padding:0 0 3px 20px;
	line-height:36px;
	margin:0;
	text-decoration:none;
	background:transparent url(/framework/images/ui/bk-buttons.png) left 0 no-repeat;
}

ul.bk-button .bk-button-spacer
{
	position:absolute;
	top:0;
	width:20px;
	height:38px;
	background:transparent url(/framework/images/ui/bk-buttons.png) right 0 no-repeat;
}

/* slim */
ul.bk-button.slim .bk-button-text
{
	padding:0 0 1px 20px;
	line-height:24px;
}

ul.bk-button.slim .bk-button-spacer
{
	height:25px;
}

/* big */
ul.bk-button.big .bk-button-text
{
	padding:0 0 1px 40px;
	line-height:63px;
	font-size: 16pt ;
}

ul.bk-button.big .bk-button-spacer
{
	height:63px;
	width:40px ;
}

/* icon */
ul.bk-button span.icon
{
	float:left;
	margin:4px 4px 0 0;
	width:16px;
	height:16px;
	background:transparent url(/framework/images/ui/bk-icons.png) -336px 0 no-repeat;
}



/* CLEAR */
ul.bk-button.clear .bk-button-text
{
	color:#FFFFFF;
	text-shadow:#7e7e7e 1px 1px 1px;
	background:none ;
}

ul.bk-button.clear .bk-button-spacer
{
	background:none ;
}

ul.bk-button.clear .bk-button-text:hover
{
	color:#C9C9C9;
}
ul.bk-button.clear .bk-button-text:hover .bk-button-spacer
{
}

ul.bk-button.clear .bk-button-text:active
{
	color:#7e7e7e;
	text-shadow:none;
}
ul.bk-button.clear .bk-button-text:active .bk-button-spacer
{
}

/* DISABLED */
ul.bk-button.disabled .bk-button-text
{
	color:#8f8f8f ;
	text-shadow:#c9c9c9 1px 1px 1px;
	background-position:left -433px ;
}

ul.bk-button.disabled .bk-button-spacer
{
	background-position:right -433px ;
}

/* BIG */
ul.bk-button.disabled.big .bk-button-text
{
	color:#FFFFFF ;
	background-position:left -868px ;
}

ul.bk-button.disabled.big .bk-button-spacer
{
	background-position:right -868px ;
}

ul.bk-button.disabled.big .bk-button-text:hover
{
	background-position:0 -868px ;
}
ul.bk-button.disabled.big .bk-button-text:hover .bk-button-spacer
{
	background-position:right -868px ;
}

ul.bk-button.disabled.big .bk-button-text:active
{
	background-position:0 -868px ;
}
ul.bk-button.disabled.big .bk-button-text:active .bk-button-spacer
{
	background-position:right -868px ;
}


/* SLIM */
ul.bk-button.disabled.slim .bk-button-text
{
	background-position:left -559px ;
}

ul.bk-button.disabled.slim .bk-button-spacer
{
	background-position:right -559px ;
}


/* ORANGE */
ul.bk-button.orange .bk-button-text
{
	color:#FFFFFF;
	background-position:left 0;
}

ul.bk-button.orange .bk-button-spacer
{
	background-position:right 0 ;
}

ul.bk-button.orange .bk-button-text:hover
{
	color:#f57b2c;
	text-shadow:none ;
	background-position:0 -40px ;
}
ul.bk-button.orange .bk-button-text:hover .bk-button-spacer
{
	background-position:right -40px ;
}

ul.bk-button.orange .bk-button-text:active
{
	color:#f57b2c;
	text-shadow:none;
	background-position:0 -81px ;
}
ul.bk-button.orange .bk-button-text:active .bk-button-spacer
{
	background-position:right -81px ;
}

/* SLIM */
ul.bk-button.orange.slim .bk-button-text
{
	background-position:left -126px ;
}

ul.bk-button.orange.slim .bk-button-spacer
{
	background-position:right -126px ;
}

ul.bk-button.orange.slim .bk-button-text:hover
{
	background-position:0 -152px ;
}
ul.bk-button.orange.slim .bk-button-text:hover .bk-button-spacer
{
	background-position:right -152px ;
}

ul.bk-button.orange.slim .bk-button-text:active
{
	background-position:0 -178px ;
}
ul.bk-button.orange.slim .bk-button-text:active .bk-button-spacer
{
	background-position:right -178px ;
}

/* BIG */
ul.bk-button.orange.big .bk-button-text
{
	background-position:left -868px ;
}

ul.bk-button.orange.big .bk-button-spacer
{
	background-position:right -868px ;
}

ul.bk-button.orange.big .bk-button-text:hover
{
	background-position:0 -932px ;
}
ul.bk-button.orange.big .bk-button-text:hover .bk-button-spacer
{
	background-position:right -932px ;
}

ul.bk-button.orange.big .bk-button-text:active
{
	background-position:0 -997px ;
}
ul.bk-button.orange.big .bk-button-text:active .bk-button-spacer
{
	background-position:right -997px ;
}


/* BLUE */
ul.bk-button.blue .bk-button-text
{
	color:#FFFFFF;
	background-position:left -217px ;
}

ul.bk-button.blue .bk-button-spacer
{
	background-position:right -217px;
}

ul.bk-button.blue .bk-button-text:hover
{
	color:#19b0b2;
	background-position:0 -257px ;
}
ul.bk-button.blue .bk-button-text:hover .bk-button-spacer
{
	background-position:right -257px ;
}

ul.bk-button.blue .bk-button-text:active
{
	color:#19b0b2;
	background-position:0 -298px ;
}
ul.bk-button.blue .bk-button-text:active .bk-button-spacer
{
	background-position:right -298px ;
}

/* SLIM */
ul.bk-button.blue.slim .bk-button-text
{
	background-position:left -343px ;
}

ul.bk-button.blue.slim .bk-button-spacer
{
	background-position:right -343px ;
}

ul.bk-button.blue.slim .bk-button-text:hover
{
	background-position:0 -369px ;
}
ul.bk-button.blue.slim .bk-button-text:hover .bk-button-spacer
{
	background-position:right -369px ;
}

ul.bk-button.blue.slim .bk-button-text:active
{
	background-position:0 -395px ;
}
ul.bk-button.blue.slim .bk-button-text:active .bk-button-spacer
{
	background-position:right -395px ;
}

/* GREY */
ul.bk-button.grey .bk-button-text
{
	color:#FFFFFF;
	text-shadow:#7e7e7e 1px 1px 1px;
	background-position:left -433px ;
}

ul.bk-button.grey .bk-button-spacer
{
	background-position:right -433px ;
}

ul.bk-button.grey .bk-button-text:hover
{
	color:#7e7e7e;
	text-shadow:none ;
	background-position:0 -473px ;
}
ul.bk-button.grey .bk-button-text:hover .bk-button-spacer
{
	background-position:right -473px ;
}

ul.bk-button.grey .bk-button-text:active
{
	color:#7e7e7e;
	text-shadow:none;
	background-position:0 -514px ;
}
ul.bk-button.grey .bk-button-text:active .bk-button-spacer
{
	background-position:right -514px ;
}

/* SLIM */
ul.bk-button.grey.slim .bk-button-text
{
	background-position:left -559px ;
}

ul.bk-button.grey.slim .bk-button-spacer
{
	background-position:right -559px ;
}

ul.bk-button.grey.slim .bk-button-text:hover
{
	background-position:0 -585px ;
}
ul.bk-button.grey.slim .bk-button-text:hover .bk-button-spacer
{
	background-position:right -585px ;
}

ul.bk-button.grey.slim .bk-button-text:active
{
	background-position:0 -611px ;
}
ul.bk-button.grey.slim .bk-button-text:active .bk-button-spacer
{
	background-position:right -611px ;
}

/* GREY UI */
/* SLIM */
ul.bk-button.greyui.slim .bk-button-text
{
	line-height:24px ;
	padding:0 0 3px 10px ;
	background-position:left -777px ;
}
ul.bk-button.greyui.slim .bk-button-spacer
{
	width:10px ;
	background-position:right -777px ;
}
ul.bk-button.greyui.slim .bk-button-text:hover
{
	background-position:0 -803px ;
}
ul.bk-button.greyui.slim .bk-button-text:hover .bk-button-spacer
{
	background-position:right -803px ;
}
ul.bk-button.greyui.slim .bk-button-text-active
{
	background-position:0 -829px ;
}
ul.bk-button.greyui.slim .bk-button-spacer-active
{
	background-position:right -829px ;
}
ul.bk-button.greyui.slim li
{
	margin:0;
	padding:0;
}

/* ICONS */

.editor-toolbar .bk-button-icon
{
	height: 18px ;
}

ul.bk-button span.icon.addpage
{
	background-position:-640px 0 ;
}

ul.bk-button span.icon.addfolder
{
	background-position:-656px 0 ;
}

ul.bk-button span.icon.createtemplate
{
	background-position:-672px 0 ;
}

ul.bk-button span.icon.selecttheme
{
	background-position:-688px 0 ;
}

ul.bk-button span.icon.multidelete
{
	background-position:-80px 0 ;
}

ul.bk-button span.icon.undo
{
	background: transparent url(/framework/images/ui/undo.png) no-repeat 2px 0 ;
	width: 20px ;
	margin:2px 0 2px 0;
}

ul.bk-button span.icon.redo
{
	background: transparent url(/framework/images/ui/redo.png) no-repeat 2px 0 ;
	width: 20px ;
	margin:2px 0 2px 0;
}

ul.bk-button span.icon.grid
{
	background: transparent url(/framework/images/ui/grid.png) no-repeat 3px 0 ;
	width: 25px ;
	margin:3px 0 1px 0;
}

/* SPECIFIC BUTTONS */