{
	box-sizing: border-box
}
BODY {
	WIDTH: 100%; HEIGHT: 100%
}
.toolBarBody {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: buttonface; MARGIN: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.coolButton {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT: menu
}
.toolBarBody .separator {
	BORDER-RIGHT: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 2px; HEIGHT: 22px
}
.toolBarBody TD {
	TEXT-ALIGN: center
}
.toolBarBody IMG {
	WIDTH: 20px; HEIGHT: 20px
}


.messageTreeBody {
	BORDER-RIGHT: 0px none; BORDER-TOP: 0px none; BACKGROUND: url('images/treeback.gif'); MARGIN: 0px; BORDER-LEFT: 0px none; CURSOR: default; BORDER-BOTTOM: 2px inset window; 
}
.treeView {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: menu; OVERFLOW: visible; BORDER-LEFT: 0px; WIDTH: 550px; COLOR: windowtext; BORDER-BOTTOM: 0px
}
.treeView .item {
	WIDTH: 573px
}
.treeView .icon {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 16px; BORDER-BOTTOM: 0px; HEIGHT: 16px
}
.treeView .plus {
	WIDTH: 18px; HEIGHT: 16px; TEXT-ALIGN: right
}
.treeView .subject {
	OVERFLOW: hidden; WIDTH: 50px; HEIGHT: 16px
}


.treeView .name {
	PADDING-LEFT: 5px; OVERFLOW: hidden; WIDTH: 150px; POSITION: relative; TOP: 2px; HEIGHT: 16px
}
.treeView .date {
	PADDING-LEFT: 5px; OVERFLOW: hidden; WIDTH: 120px; POSITION: relative; TOP: 2px; HEIGHT: 16px
}
.treeView .item .item {
	DISPLAY: none
}
.treeView A {
	FONT-WEIGHT: bold; CURSOR: hand; COLOR: windowtext; TEXT-DECORATION: none
}
.treeView A:visited {
	FONT-WEIGHT: normal; COLOR: windowtext; TEXT-DECORATION: none
}
.treeView A:active {
	BACKGROUND: highlight; COLOR: highlighttext
}
.hprintTable {
	BORDER-RIGHT: threedlightshadow 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: buttonshadow 1px solid; BACKGROUND: threeddarkshadow; FONT: icon; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 100%; COLOR: buttontext
}

.headerTable {
	BORDER-RIGHT: threedlightshadow 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: buttonshadow 1px solid; BACKGROUND: threeddarkshadow; FONT: icon; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 100%; COLOR: buttontext
}

.headerTable2 {
	BORDER-RIGHT: threedlightshadow 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: buttonshadow 1px solid; BACKGROUND: threeddarkshadow; FONT: icon; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 100%; COLOR: buttontext
}


.headerTable TD {
	BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 5px; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 1px solid; BORDER-BOTTOM: buttonshadow 1px solid
}
.headerTable #subjectHeader {
	WIDTH: 300px
}
.headerTable #fromHeader {
	WIDTH: 150px
}
.headerTable #sentHeader {
	WIDTH: 120px
}
#scrollDiv {
	BORDER-RIGHT: threedlightshadow 1px solid; OVERFLOW: auto; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 100%; BORDER-BOTTOM: window 0px inset; HEIGHT: 93%
}
.messageBody {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: buttonface; MARGIN: 0px; BORDER-LEFT: 0px; CURSOR: default; BORDER-BOTTOM: 0px
}
.dark {
	PADDING-RIGHT: 3px; PADDING-LEFT: 0px; BACKGROUND: buttonshadow; PADDING-BOTTOM: 0px; FONT: icon; WIDTH: 70px; COLOR: white; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.bright {
	PADDING-RIGHT: 3px; PADDING-LEFT: 10px; BACKGROUND: buttonface; PADDING-BOTTOM: 0px; FONT: icon; COLOR: windowtext; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.bright A {
	COLOR: blue; TEXT-DECORATION: underline
}
.bright A:hover {
	COLOR: blue; TEXT-DECORATION: underline
}
.bright A:visited {
	COLOR: blue; TEXT-DECORATION: underline
}
.bright A:active {
	COLOR: blue; TEXT-DECORATION: underline
}
#top {
	FONT-SIZE: 1px; BACKGROUND: buttonface; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 0px
}
#middle {
	BACKGROUND: buttonface; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 5px
}
#contentArea {
	BORDER-RIGHT: buttonface 0px inset; BORDER-TOP: buttonface 0px inset; BORDER-LEFT: buttonface 0px inset; WIDTH: 100%; BORDER-BOTTOM: buttonface 0px inset; POSITION: relative; TOP: 2px; HEIGHT: 100%
}.editorBody {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: buttonface; MARGIN: 0px; BORDER-LEFT: 0px; CURSOR: default; BORDER-BOTTOM: 0px
}
#topToolBar {
	BACKGROUND: buttonface; WIDTH: 100%
}
#headerTable {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: window; BORDER-LEFT: black 1px solid; WIDTH: 100%; BORDER-BOTTOM: black 1px solid
}
.dark {
	PADDING-RIGHT: 3px; BACKGROUND: buttonshadow; FONT: icon; WIDTH: 70px; COLOR: white; TEXT-ALIGN: right
}
.inputBlock {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 1px
}
.toBlock {
	PADDING-RIGHT: 2px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; FONT: icon; COLOR: windowtext; PADDING-TOP: 2px
}
#middle {
	BACKGROUND: buttonface; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 2px
}
#visibleText {
	BORDER-RIGHT: buttonface 2px inset; BORDER-TOP: buttonface 2px inset; BORDER-LEFT: buttonface 2px inset; WIDTH: 100%; BORDER-BOTTOM: buttonface 2px inset; POSITION: relative; TOP: -1px; HEIGHT: 100%
}
#editbar {
	BORDER-RIGHT: buttonface 3px solid; BORDER-TOP: buttonface 3px solid; FONT-WEIGHT: bold; BORDER-LEFT: buttonface 3px solid; WIDTH: 100%; BORDER-BOTTOM: buttonface 3px solid
}
#editBar TD {
	PADDING-BOTTOM: 0px; WIDTH: 22px; PADDING-TOP: 0px; HEIGHT: 22px
}
#editbar IMG {
	MARGIN-LEFT: 2px; WIDTH: 16px; MARGIN-RIGHT: 2px; HEIGHT: 16px
}
.richTextEditorBody {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0pt; BORDER-TOP: medium none; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; MARGIN: 0pt; BORDER-LEFT: medium none; PADDING-TOP: 0pt; BORDER-BOTTOM: medium none
}
#textEdit {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; HEIGHT: 100%
}
.arrow {
	PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 10px; COLOR: black; PADDING-TOP: 0px; FONT-FAMILY: webdings; HEIGHT: 11px
}
.coolBar {
	BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonhighlight 1px solid; PADDING-LEFT: 2px; BACKGROUND: buttonface; PADDING-BOTTOM: 2px; FONT: menu; BORDER-LEFT: buttonhighlight 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: buttonshadow 1px solid
}
.coolButton {
	BORDER-RIGHT: buttonface 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: buttonface 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: buttonface 1px solid; CURSOR: default; PADDING-TOP: 1px; BORDER-BOTTOM: buttonface 1px solid; TEXT-ALIGN: center
}
.coolButton IMG {
	FILTER: gray()
}


.editorBody SELECT {
	FONT: icon; WIDTH: 200px
}
#palette {
	MARGIN-TOP: 11px; DISPLAY: none; MARGIN-LEFT: 2px; WIDTH: 172px; POSITION: absolute; HEIGHT: 186px
}
.editorBody .separator {
	BORDER-RIGHT: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 2px; HEIGHT: 18px
}
.editorBody #switchDiv {
	PADDING-RIGHT: 3px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; FONT: icon; PADDING-TOP: 3px
}
.editorBody A {
	COLOR: blue
}
.oeBar {
	BORDER-RIGHT: 2px inset; BORDER-TOP: 2px inset; BACKGROUND: buttonshadow; MARGIN: 0px; FONT: menu; OVERFLOW: hidden; BORDER-LEFT: 2px inset; CURSOR: default; COLOR: window; BORDER-BOTTOM: 2px inset
}
.scrollButton {
	BORDER-RIGHT: buttonface 1px solid; BORDER-TOP: buttonface 1px solid; DISPLAY: none; FONT-SIZE: 10px; BACKGROUND: buttonface; OVERFLOW: hidden; BORDER-LEFT: buttonface 1px solid; WIDTH: 100%; CURSOR: default; COLOR: buttontext; BORDER-BOTTOM: buttonface 1px solid; FONT-FAMILY: webdings; POSITION: absolute; HEIGHT: 16px; TEXT-ALIGN: center
}.oeBarButton {
	BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: buttonshadow 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 100%; PADDING-TOP: 2px; BORDER-BOTTOM: buttonshadow 1px solid; TEXT-ALIGN: center
}
#oeBarContainer {
	LEFT: 0px; OVERFLOW: hidden; POSITION: absolute; TOP: 0px
}