body {
	overflow:hidden;
}

#optionsBar {
	border: 1px solid #AAA;
	height: 30px;
	padding: 5px;
}

#htmlSource {
	font-family: 'Courier New', Courier,monospace;
	font-size: 12px;
	height: 100%;
	width: 100%;
}

.toolbar_btn {
	background: url('../img/toolbar.png') no-repeat top left, -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%);
	border: 1px solid #CCC;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	display: inline-block;
	float: left;
	height: 23px;
	list-style: none;
	margin-right: 2px;
	outline: none;
	padding: 2px;
	width: 24px;
}

.toolbar_btn span, .toolbar_btn input {display:none;}
.toolbar_btn label {display: block; height: 25px; width: 25px; }

.toolbar_btn.on, label { cursor: pointer; }
.toolbar_btn.on { -moz-box-shadow: 0 0 0 1px #DDD; -webkit-box-shadow: 0 0 0 1px #DDD; box-shadow: 0 1px 1px 0 #888; }
.toolbar_btn.off { cursor: default; -moz-box-shadow: 0 1px 0 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 0 #FFFFFF inset; box-shadow: 0 1px 0 0 #FFFFFF inset;}

.undo_btn.on { background-position: -663px 1px; }
.undo_btn.off {background-position: -589px 1px; }

.redo_btn { margin-right: 15px; }
.redo_btn.on{ background-position: -516px 1px;}
.redo_btn.off{ background-position: -442px 1px;}

.highlight_btn.on{ background-position: -71px 1px;}
.highlight_btn.off{ background-position: 3px 1px;}

.linenumbers_btn.on{ background-position: -368px 1px;}
.linenumbers_btn.off{ background-position: -294px 1px;}

.indented_btn.on{ background-position: -220px 1px; }
.indented_btn.off{ background-position: -146px 1px; }

.wraped_btn.on{ background-position: -812px 1px; }
.wraped_btn.off{ background-position: -738px 1px; }