body {font-family: "MS Sans Serif", "Trebuchet MS", sans-serif; font-size: 9pt;  }
button { font-family: "MS Sans Serif"; font-size: 9pt}

.systemForm {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "MS Sans Serif"; font-size: 9pt}
.systemSelect {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.systemInput {  margin-top: 0px; margin-right: 0px; margin:0px; padding:0px;}
.systemButton { }

.menuLayer {
	position:absolute;
	width:160;
	background-color:#FFFFFF;
	layer-background-color:#FFFFFF;
	border:1px solid #716F64;
	padding:3px;
}
.menuLayer Table {font-family: "MS Sans Serif", "Trebuchet MS", sans-serif; font-size: 9pt; cursor: default}

.selected {  background-color: #3333CC}
.disabled { color: grey}  
.title {  font-size: 14pt; color: red}

/******************  Handling of buttons and menu buttons  **********************/
.inert { background-color: transparent; border: 1px #E0DFE3 solid}
.over { background-color:#B2B4BF; border-style:solid; border-width:1px; border-color:#716f64; color:#000000}
.down { background-color:#8E8F98; border-style:solid; border-width:1px; border-color:#716f64; color:#000000}
.activeMenu {  background-color: #8E8F98; border: 1px #716f64 solid}

.mainMenu .over { background-color: #B2B4BF; border: 1px #716f64 solid; color:#B2B4BFtext}
.mainMenu .down { background-color: #8E8F98; border: 1px #716f64 solid; color:#B2B4BFtext}
.mainMenu #activeMenuButton{ color:#000000}
.mainMenu .activeMenu {  background-color: #B2B4BF; border: 1px #716f64 solid}
/* this makes use of the  attribute selector as defined http://www.w3.org/TR/REC-CSS2/selector.html.  However this tag is not yet
   supported IE6-.  This line should prevent the issue of the double border around attached buttons 
   .over [linkedButton]{ background-color: #B2B4BF; border-left: 0px}    */



/******************  Handling of menus  **********************/
/*this defines the base class for handling menus.  Some menus are made up of 2 cells, others a single cell.*/
.inertTable { background-color: transparent; border-width: 1px; border-color:#FFFFFF; border-style:solid;}
.inertTableLeft { width:21px; background-color: transparent; border-left: 1px #FFFFFF solid; border-top: 1px #FFFFFF solid; border-bottom: 1px #FFFFFF solid;}
.inertTableRight { swidth:127px; padding-left:5px; background-color: transparent; border-right: 1px #FFFFFF solid; border-top: 1px #FFFFFF solid; border-bottom: 1px #FFFFFF solid; }
#expander td.inertTableRight{background-image:url(../images/buttons/arrowRight.gif); background-repeat: no-repeat; background-position:right center}
.overLeft { width:21px; background-color: #B2B4BF; border-left: 1px #716f64 solid; border-top: 1px #716f64 solid; border-bottom: 1px #716f64 solid; }
.overRight { padding-left:5px; background-color: #B2B4BF; border-right: 1px #716f64 solid; border-top: 1px #716f64 solid; border-bottom: 1px #716f64 solid; color:#000000}
#expander td.overRight{background-image:url(../images/buttons/arrowRight.gif); background-repeat: no-repeat; background-position:right center}

/* width:575px */
.message { font-family: "MS Sans Serif", "Trebuchet MS", sans-serif; font-size: 9pt;}
.editorClass { background:white; width:1012px; height:100%; gheight:452px; overflow-y:auto; overflow-x:auto ; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding:10px; font-size:12pt}

#oWaitLayerMessage { font-family: "MS Sans Serif", "Trebuchet MS", sans-serif; font-size: 9pt;}
#oToolbar { background-color:#E0DFE3; font-family: "MS Sans Serif", "Trebuchet MS", sans-serif; font-size: 9pt; margin-top: 0px; display:inline; cursor: default}
#oToolbarsCell {background-color:#E0DFE3}
#oToolbarsCell #oToolbar {padding-top:1px; padding-bottom:1px; background-color:transparent}
#formatButton {font-size: 10pt; font-weight: bold; font-family: "MS Serif"}
#formatButtonDown {font-size: 10pt; font-weight: bold; font-family: "MS Serif"}
.formatButton {font-size: 10pt; font-weight: bold; font-family: "MS Serif"}
#colorsLayer td {font-family: "MS Sans Serif", "Trebuchet MS", sans-serif; font-size: 9pt;}
#disabled { color: grey}
#menuTable {float:none}
#divider {height:10px; background: url(../images/menu/divider.gif) repeat-x left middle}
#menuMarker {visibility:hidden}

#oEditor table {border:0px solid #999999; border-collapse:collapse}
#oEditor tr {border:0px solid #999999}
#oEditor td {border:1px dotted #999999}
#oEditor h1 {clear:both}
#oEditor h2 {clear:both}

.waitTable {float:none; border-width:1px; border-style:inset; background-color:f3f3f3; height:15px}
.waitTable td {width:10px};
.waitTable .highlighted {background-color:#76A66A; sbackground:#76A66A url(../images/extras/waitBar_3d.gif) repeat-x top;}