@charset "utf-8";
.editorContainer{
	background-color:white;
	color:black;
	border: 1px gray solid;
}

body, .someBlock, .blockFill, .editorContainer, 
.editorTool, .editorToolbar, .editorTools, 
.editorToolSection, .break {
	margin:0;
	padding:0;
}

body {
	height:100%;
	width:100%;
	background-color:#bfbfff;
	color:black;
}

.editorInfo {
	margin:0;
	padding:0;
}

.editorInfo h1{
	font-family:"lucida sans unicode", arial, serif;
	margin-left:.25em;
	font-size:1.2em;
}

.editorInfo h2{
	font-family:"lucida sans unicode", arial, serif;
	margin-left:.25em;
	font-size:1.1em;
}

.editorInfo h3{
	font-family:"lucida sans unicode", arial, serif;
	margin-left:.25em;
	font-size:.9em;
}

p {
	font-family: "Arial Unicode MS", Helvetica, Arial, sans-serif;
	margin-left:1em;
	margin-right:2em;
	text-align: justify;
	font-size:.8em;
}

.editorInfo li{
	font-family: "Arial Unicode MS", Helvetica, Arial, sans-serif;
	margin-left:1em;
	margin-right:2em;
	text-align: justify;
	font-size:.8em;
}

.editorToolbar p, .editorToolDescDiv, .editorToolDesc {
	display:none;
}

.someBlock{
	height:14em; /* Use this property to adjust the height of the editor */
	width:700px;
	position:relative;
	margin-left:1em;
	margin-right:2em;
	margin-bottom:2em;
	float:right;
}

.blockFill{
	height:100%;
	width:100%;
}

.editorContainer{
	height:8em; /* This should be set to a value of about .someBlock:Height - 6em; */
}

/* an editorTools is a collection of toolbars */
.editorTools {
	margin:0;
	padding:0;
	padding-top:2em;
}

/* an editorToolbar represents a row of buttons - a toolbar */
.editorToolbar {
	list-style-type: none;
	padding-top:.15em;
	height:1.60em;
	width:100%;
	overflow:auto;
	clear:both;
}

/* An editorToolSection groups like buttons together. */
.editorToolSection {
	/* float:left; /* TODO: this causes Opera's float to break on account there's no workable width. */
	float:left;
	padding-left:.15em;
}

/* An editorTool is a LI which we float so that the buttons that each contain float across the scren horizontally */
.editorTool{
	list-style-type: none;
	float:left;
	text-align:center;
}

/* Make the anchor of the button the same size for all buttons */

.editorTool a {
	display:block;
	width:1.65em;
	height:2em;
	overflow:hidden;
    text-decoration:none;
	font-family: "Arial Unicode MS", Helvetica, Arial, sans-serif;
	font-size:.7em;
	padding-left:1px;
	margin-top:1px;
	margin-left:1px;
	margin-bottom:0;
	margin-right:0;
}

/* IE needs to know that the hover state is a block too.*/
.editorTool a:hover {
	display:block;
	overflow:hidden;
	cursor:pointer;
	padding-left:1px;
	margin-top:0;
	margin-left:0;
	margin-bottom:2px;
	margin-right:4px;
}

/* button widths */
.widerButton a, .widerButton a:hover {
	width:2.5em;
}

.widestButton a, .widestButton a:hover {
	width:3.75em;
}

/* When mouse hovers over a link, we're going to display a description. */
.editorTool a:hover span.editorToolDesc {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	display: block;
	width: 600px;
	height:2em;
	overflow:hidden;
	position: absolute;
	top: .25em;
	left: .25em;
	line-height:100%; /* Collapsed buttons also collapse the description text */
	text-align:left;
}

/* borders */
.editorTool a {
	margin-right:.25em;
	border-left: 1px #99b7ca solid;
	border-top: 1px #99b7ca solid;
	border-right: 1px #99b7ca solid;
	border-bottom: 1px #99b7ca solid;
}

.editorTool a:hover {
	border-left: 1px #c0d2de solid;
	border-top: 1px #c0d2de solid;
	border-right: 1px #638fad solid;
	border-bottom: 1px #638fad solid;
}

.editorToolbar {
	border-top: 1px #c0d2de solid;
	border-bottom: 1px #638fad solid;
}

.editorToolSection {
	border-left: 1px #c0d2de solid;
	border-right: 1px #638fad solid;
}

/* colors */
.blockFill, .editorTool a{
	background-color:#99b7ca;
	color:black;
}

/* button face styles */
.collapsed {
	display:block;
	font-size:.75em;
	width:.65em;
	line-height:.65em;
}

.monospace {
	font-family: monospace;
}

.serif {
	font-family: serif;
}

.biggest {
	font-size:1.25em;
	font-weight:bold;
}

.bigger {
	font-size:1.2em;
}

.big {
	font-size:1.1em;
}

.small {
	font-size:.9em;
}

var{
  font-family: monospace;
  font-style:italic;
}