BODY, TABLE, TR, TH, TD, MENU, DD, DL, UL, OL, LI { font-family: arial, sans-serif; font-size: 10pt; color: black; }

BODY				{ background: white; margin: 0px; }

.error				{ color: red; font-weight: bold; font-size: 12pt; }
.large				{ font-size: 12pt; }
.small				{ font-size: 8pt; }

A				{ color: black; text-decoration: underline; }
A:link				{ color: black; text-decoration: underline; }
A:active			{ color: #0070c0; text-decoration: underline; }
A:visited			{ color: black; text-decoration: underline; }
A:hover				{ color: #0070c0; text-decoration: underline; }

A.sort				{ color: white; text-decoration: none; }
A:link.sort			{ color: white; text-decoration: none; }
A:active.sort			{ color: white; text-decoration: none; }
A:visited.sort			{ color: white; text-decoration: none; }
A:hover.sort			{ color: #00a0f0; text-decoration: none; }

A.messagelist			{ color: black; text-decoration: none; }
A:link.messagelist		{ color: black; text-decoration: none; }
A:active.messagelist	{ color: #0070c0; text-decoration: none; }
A:visited.messagelist	{ color: black; text-decoration: none; }
A:hover.messagelist		{ color: #0070c0; text-decoration: none; }

HR				{ color: #e0e0e0; height: 1px; }

INPUT				{ }

PRE				{ font-family: "courier new", monospace; font-size: 10pt; }
PRE A				{ font-family: "courier new", monospace; font-size: 10pt; }

/* tag-specific styles */

TABLE.chart			{ background: #f0f0f0; }
TD.chart			{ background: #f0f0f0; }
TR.chart			{ background: #f0f0f0; }

TABLE.footer			{ background: white; }

TABLE.header			{ background: url("wmback.png") #002070; }

TABLE.locationbar		{ background: white; }
TD.locationbar			{ background: white; color: black; font-size: 12pt; }

TABLE.menubar			{ background: #c0c0c0; }
TD.menubarline			{ height:32px; background: #c0c0c0; text-align:left}

DIV.menubarline			{ background: #c0c0c0; display: inline-block; width:100%; }
DIV.menubarlogo			{ display: inline-block; padding:1px; padding-right:20px }
IMG.menubarlogo         { vertical-align:auto; }
DIV.menubar 			{ display: inline-block; padding-top:0px; padding-left:0px; padding-right:3px; padding-bottom:2px; text-align: center; font: 9pt arial, sans-serif; } 
A.menubar				{ text-decoration: none; }
A:hover.menubar			{ text-decoration: none; color: inherit; }

TABLE.messagelist		{ background: white; }
TD.messagelistup		{ background: white; }
TD.messagelistdown		{ background: white; }
TR.messagelistsort		{ background: #909090; }
TR.messagelist			{ background: #f0f0f0; }
TR.messagelisturgent		{ background: #ffffcc; }
TR.messagelistsortselect	{ background: #707070; }
TR.messagelistselect		{ background: #e0e0e0; }
TR.messagelisturgentselect	{ background: #efefbc; }

TABLE.listheader		{ background: #f0f0f0; }
TR.listheader			{ background: #4060b0; color: white; }
TD.listheader			{ background: #4060b0; color: white; }

A.spelltext					{ color: red; text-decoration: none; }
A:link.spelltext			{ color: red; text-decoration: none; }
A:active.spelltext			{ color: red; text-decoration: none; }
A:visited.spelltext			{ color: red; text-decoration: none; }
A:hover.spelltext			{ color: red; text-decoration: none; }

A.attachment {
    font-size: 10pt;
    line-height: 30px;
    color: black;
    text-decoration: none;
    background-color: #e8f8e8;
    border: 1px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 3px;
    padding: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

A:hover.attachment {
    font-size: 10pt;
    color: #0070c0;
    text-decoration: none;
}

/* daily view */
TD.dayheader			{ background: #284888; color: white; }
TD.daytime			{ background: #c0d0e0; color: black; }
TD.dayempty			{ background: #f0f0f0; }
TD.dayfloating			{ background: #ffcc80; }
TD.daynotfloatingeven		{ background: #ffffcc; }
TD.daynotfloatingodd		{ background: #f0f0c0; }

TD.weekheader			{ background: #284888; color: white; }
TD.weekheadertoday		{ background: #ffcc80; color: white; }
TD.weektime			{ background: #c0d0e0; color: black; }
TD.weekempty			{ background: #f0f0f0; }
TD.weekappt			{ background: #ffffcc; }

TD.monthsmallheader		{ background: #284888; color: white; }
TD.monthheader			{ background: #284888; color: white; }
TD.month			{ background: #f0f0f0; }
TD.monthoutside			{ background: #c0d0e0; }
TD.monthtodayandselect		{ background: #ffcc80; border: 1px solid #808080; }
TD.monthtoday			{ background: #ffcc80; }
TD.monthhasapptandselect	{ background: #ffffcc; border: 1px solid #808080; }
TD.monthhasappt			{ background: #ffffcc; }
TD.monthinsideandselect		{ background: #f0f0f0; border: 1px solid #808080; }
TD.monthinside			{ background: #f0f0f0; }

A.yearly				{ color: black; text-decoration: none; }
A:hover.yearly			{ color: #0070c0; text-decoration: none; }

TD.tasklistheader		{ background: #284888; color: white; }
TD.tasklist			{ background: #f0f0f0; }
TD.tasklistlate			{ background: #ffffcc; }
TR.tasklist			{ background: #f0f0f0; }
TR.tasklistlate			{ background: #ffffcc; }

A.header			{ color: white; text-decoration: none; }
A:hover.header			{ color: #00a0f0; text-decoration: none; }
A.headertoday			{ color: black; text-decoration: none; }
A:hover.headertoday		{ color: #0070c0; text-decoration: none; }

A.daytime			{ color: black; text-decoration: none; }
A:hover.daytime			{ color: #0070c0; text-decoration: none; }

A.week				{ color: black; text-decoration: none; }
A:hover.week			{ color: #0070c0; text-decoration: none; }
A.weektime			{ color: black; text-decoration: none; }
A:hover.weektime		{ color: #0070c0; text-decoration: none; }
A.weekappt			{ font-size: 8pt; color: black; text-decoration: none; }
A:hover.weekappt		{ font-size: 8pt; color: #0070c0; text-decoration: none; }

A.month				{ color: black; text-decoration: none; }
A:hover.month			{ color: #0070c0; text-decoration: none; }
A.monthdate			{ color: black; text-decoration: none; }
A:hover.monthdate		{ color: #0070c0; text-decoration: none; }
A.monthdateoutside		{ color: #808080; text-decoration: none; }
A:hover.monthdateoutside	{ color: #0070c0; text-decoration: none; }
A.monthappt			{ font-size: 8pt; color: black; text-decoration: none; }
A:hover.monthappt		{ font-size: 8pt; color: #0070c0; text-decoration: none; }

A.SHARED			{ COLOR: #c04040; FONT-SIZE: 9pt; TEXT-DECORATION: none }
A.DECLINE			{ COLOR: #a0a0a0; FONT-SIZE: 9pt; TEXT-DECORATION: none }
A.MONTHNAME			{ COLOR: black; FONT-SIZE: 16pt; TEXT-DECORATION: underline }
A.MONTHNAME:hover		{ COLOR: red; FONT-SIZE: 16pt; TEXT-DECORATION: underline }
A.LISTDATE			{ COLOR: #000080; FONT-SIZE: 10pt; TEXT-DECORATION: underline }
A.LISTDATE:hover		{ COLOR: red; FONT-SIZE: 10pt; TEXT-DECORATION: underline }
A.DOWNLOAD			{ COLOR: black; FONT-SIZE: 11pt; TEXT-DECORATION: underline }
A.DOWNLOAD:hover		{ COLOR: red; FONT-SIZE: 11pt; TEXT-DECORATION: underline }
A.PRINTFRIEND			{ COLOR: black; FONT-SIZE: 9pt; TEXT-DECORATION: underline }
A.PRINTFRIEND:hover		{ COLOR: red; FONT-SIZE: 9pt; TEXT-DECORATION: underline }

div.rmeth
{
    padding-right: 6px;
    padding-bottom: 2px;
    display: inline-block;
}

div.rlist
{
    padding-bottom: 2px;
    display: inline-block;
}

div.rinput
{
    display: inline-block;
}

div.recip
{
    border: 1px solid;
    border-radius: 3px;
    padding: 2px;
    margin-right: 4px;
    white-space: nowrap;
    display: inline-block;
    cursor: default;
}

div.recipem
{
    padding-right: 4px;
    display: inline-block;
    cursor: default;
}

div.recipx
{
    color: red;
    display: inline-block;
    vertical-align: super;
    font-size: x-small;
    cursor: default;
}

input.recipin
{
    spellcheck: false;
    autocomplete: off;
    autocapitalize: off;
    autocorrect: off;
    display: inline-block;
    font: 12pt arial, sans-serif;
}

div.piclist
{
    position: absolute;
    z-index: 10;
    width: auto;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

div.picitem
{
    cursor: default;
    padding: 2px;
}

div.picsel
{
    cursor: default;
    background: lightgray;
    padding: 2px;
}

img.menubut
{
    display: inline;
    border: 0;
}

.chatwindow
{
	background: #222222;
}

.chattext
{
	font: 12pt arial, sans-serif;
	background: #222222;
	color: white;
	overflow: auto;
	min-height: 340px;
	max-height: 340px;
}

.chattyping
{
	font: 12pt arial, sans-serif;
}

.chatentry
{
	font: 14pt arial, sans-serif;
	background: #222222;
	color: white;
	width:100%;
	border:0;
	padding:0;
}

.chatlist
{
	font: 18pt arial, sans-serif;
	background: #222222;
	color: white;
	overflow: auto;
	min-height: 440px;
	max-height: 440px;
}

.chatlistitem
{
    cursor: default;
    border: 1px solid;
    border-radius: 3px;
	border-color: lightskyblue;
    padding: 4px 2px 4px;
	margin-bottom: 4px;
}

.rcorners1 {
    border-radius: 25px;
    background: #70B020;
    padding: 20px;
    width: 600px;
    height: 140px;
}