/*
	style.css

	CSS rules for Optimail template

	$Id: style.css,v 1.26 2003/10/09 17:34:27 david Exp $
*/

/* default tags and containers */

body
{
	background: #a8c5ed;
	margin: 0;
	padding: 0;
}

div
{
	margin: 0;
	padding: 0;
}

form
{
	background: transparent;
	margin: 0;
	padding: 0;
}

input
{
	vertical-align: middle;
}

a,
a:hover,
a:visited
{
	text-decoration: none;
}

/* styles */

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

.centercontents
{
	text-align: center;
	margin: 0;
	padding: 0;
}

.delay0
{
	color: #3c6629;
}

.delay1
{
	color: #ffa920;
}

.delay2
{
	color: #b7191a;
}

/* These fixed buttons are nothing compliant and use an ugly JS hack to be fixed */
#fixedbuttons
{
	background: #5f9fcd;
	border-bottom: 1px #006699 solid;
	color: #a8c5ed;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	left: 0px;
	min-height: 35px;
	padding-bottom: 2px;
	padding-top: 2px;
	position: fixed;
	top: 0px;
	visibility: show;
	width: 100%;
	z-index: 5;
}

/* put some buttons to the right */
#fixedbuttons .right
{
	position: absolute;
	right: 2px;
	top: 2px;
}

#fixedbuttons input
{
	border-bottom: 1px #006699 solid;
	border-left: 1px #a8c5ed solid;
	border-right: 1px #006699 solid;
	border-top: 1px #a8c5ed solid;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	vertical-align: middle;
	z-index: 5;
}

#fixedbuttons input:active
{
	border-bottom: 1px #a8c5ed solid;
	border-left: 1px #006699 solid;
	border-right: 1px #a8c5ed solid;
	border-top: 1px #006699 solid;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	vertical-align: middle;
}

input.borderinput
{
	border-bottom: 1px #006699 solid;
	border-left: 1px #a8c5ed solid;
	border-right: 1px #006699 solid;
	border-top: 1px #a8c5ed solid;
	background: #5f9fcd;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	vertical-align: middle;
}

input.borderinput:active
{
	border-bottom: 1px #a8c5ed solid;
	border-left: 1px #006699 solid;
	border-right: 1px #a8c5ed solid;
	border-top: 1px #006699 solid;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	vertical-align: middle;
	background: #5f9fcd;
}

/* These fixed buttons are CCS2 compliant and don't work _only_ on MSIE/Win */
.fixedbuttons
{
	background: #5f9fcd;
	margin: 0;
	padding: 2px 2px 2px 2px;
	position: fixed;
	text-align: left;
	width: 100%;
}

.afterfixedbuttons
{
	margin: 0;
	padding-top: 45px;
}

.message
{
	background: transparent;
	clear: both;
	color: #006699;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	margin: 0;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 100%;
}

.errormessage
{
	background: transparent;
	color: #ff0000;
  font-family: arial, helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  clear: both;
  text-align: center;
  padding: 0.5em 0.5em;
  width: 100%;
}

div.formrow
{
	clear: both;
	padding: 0.25em;
}

div.label
{
	background: transparent;
	color: #006699;
	float: left;
	font-size: normal;
	font-weight: bold;
}

div.labelcompose
{       
        background: transparent;
        color: #006699;
        float: left;
        font-size: normal;
        font-weight: bold;
}


div.data
{
	background: transparent;
	color: #006699;
	float: left;
	margin-left: 0.5em;
	vertical-align: top;
}

div.datacompose
{ 
        background: transparent;
        color: #006699;
        float: left;
        margin-left: 0.5em;
        vertical-align: top;
} 

/* fallback when tables are necessary */
td.key
{
	background: transparent;
	color: #006699;
	font-size: normal;
	font-weight: bold;		
	text-align: right;
	vertical-align: top;
}

td.value
{
	background: transparent;
	color: #006699;
	text-align: left;
	vertical-align: top;
}


/* COMPOSE */

#composeheaders
{
	clear: both;
	padding: 10px 10px 10px 10px;
}

/* LOGIN */

#logintable
{
	border: 1px dashed #006699;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	width: 50%;
}

/* MAILINDEX */

/* MAILINDEX mailboxlist */

table.mailboxlist
{
  background: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table.mailboxlist td.name
{
  font-size: x-small;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
} 

table.mailboxlist a
{
	text-decoration: none;
}

/* MAILINDEX mailboxlist mailbox */

table.mailboxlist tr.mailbox
{
  background: #5f9fcd;
}

table.mailboxlist tr.mailboxselected
{
  background: #006599;
}

table.mailboxlist tr.mailbox td,
table.mailboxlist tr.mailbox td a,
table.mailboxlist tr.mailboxselected td,
table.mailboxlist tr.mailboxselected td a
{
  color: #ffffff;
  font-family: arial, helvetica, sans-serif;
	font-size: x-small;
  font-weight: bold;
}

table.mailboxlist tr.folder,
table.mailboxlist tr.folderselected,
table.mailboxlist tr.specialfolder,
table.mailboxlist tr.specialfolderselected
{
  background: transparent;
}

table.mailboxlist tr.folder td.name,
table.mailboxlist tr.folder td.name a
{
  background: transparent;
  color: #14558d;
}

table.mailboxlist tr.folderselected td.name,
table.mailboxlist tr.folderselected td.name a
{
  background: transparent;
  color: #ff0000;
}

table.mailboxlist tr.specialfolder td.name,
table.mailboxlist tr.specialfolder td.name a
{
  background: transparent;
  color: #14558d;
  font-style: italic;
}

table.mailboxlist tr.specialfolderselected td.name,
table.mailboxlist tr.specialfolderselected td.name a
{
  background: transparent;
  color: #ff0000;
  font-style: italic;
}

table.mailboxlist tr.mailbox td.total,
table.mailboxlist tr.mailbox td.unseen,
table.mailboxlist tr.mailbox td.total a,
table.mailboxlist tr.mailbox td.unseen a,
table.mailboxlist tr.mailboxselected td.total,
table.mailboxlist tr.mailboxselected td.unseen,
table.mailboxlist tr.mailboxselected td.total a,
table.mailboxlist tr.mailboxselected td.unseen a,
table.mailboxlist tr.folder td.total,
table.mailboxlist tr.folder td.unseen,
table.mailboxlist tr.folder td.total a,
table.mailboxlist tr.folder td.unseen a,
table.mailboxlist tr.folderselected td.total,
table.mailboxlist tr.folderselected td.unseen,
table.mailboxlist tr.folderselected td.total a,
table.mailboxlist tr.folderselected td.unseen a,
table.mailboxlist tr.specialfolder td.total,
table.mailboxlist tr.specialfolder td.unseen,
table.mailboxlist tr.specialfolder td.total a,
table.mailboxlist tr.specialfolder td.unseen a,
table.mailboxlist tr.specialfolderselected td.total,
table.mailboxlist tr.specialfolderselected td.unseen,
table.mailboxlist tr.specialfolderselected td.total a,
table.mailboxlist tr.specialfolderselected td.unseen a
{
  color: #ffffff;
  font-size: xx-small;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

/* MAILINDEX mailindex */

table.mailindex
{
  background: transparent;
	border-collapse: collapse;
	width: 100%;
}

table.mailindex tr.title td,
table.mailindex tr.title td a,
table.mailindex tr.selectall
{
  background: #006699;
  border-width: 0pt;
  color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  text-align: left;
	text-decoration: none;
  vertical-align: middle;
}

table.mailindex tr.contents,
table.mailindex tr.contentsunread
{
	background: #d1e1f5;	
}

table.mailindex tr.contents_import
{
	background: #d1e1f5;
}

table.mailindex tr.contents:hover,
table.mailindex tr.contentsunread:hover
{
	background: #c0d0e4;	
}

table.mailindex tr.contents td,
table.mailindex tr.contentsunread td
{
  border-bottom: solid;
  border-right: solid;
  border-color: #a7c5ec;
  border-width: 1px;
  color: #006699;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.8em; 
  text-align: left;
  white-space: nowrap;
}

table.mailindex tr.contents_import td
{
  border-bottom: solid; 
  border-right: solid; 
  border-color: #a7c5ec; 
  border-width: 1px; 
  color: #006699; 
  font-family: arial, helvetica, sans-serif;
  font-size: 0.8em;  
  text-align: left; 
  white-space: nowrap; 
}

table.mailindex tr.contentsunread td
{
	font-weight: bold;
}

table.mailindex tr.contents td.history,
table.mailindex tr.contentsunread td.history,
table.mailindex tr.contents td.thread,
table.mailindex tr.contentsunread td.thread
{
	text-align: center;
}

table.mailindex tr.contents td.size,
table.mailindex tr.contentsunread td.size
{
	text-align: right;
}

table.mailindex tr.contents a,
table.mailindex tr.contentsunread a
{
	background: transparent;
	color: #006699;
	text-decoration: none;
}

table.mailindex tr.contents a:active,
table.mailindex tr.contentsunread a:active
{
	background: transparent;
	color: #ff0000;
	text-decoration: none;
}

table#navbar
{
	background: tranparent;
	border: 0;
	color: #006699;
	font-weight: bold;
	font-size: xx-small;
	margin-left: auto;
	margin-right: auto;
}

table#navbar a,
table#navbar a:hover,
table#navbar a:visited
{
  text-decoration: none;
  color: #006699;
}

/* READMAIL */

table#mailheaders
{
	margin: 0;
	padding: 0;
	width: 100%;
}

div.mailheaders
{
	float: left;
	width: 50%;
}

div.postit
{
	float: right;
	width: 40%;
}

div.email
{
	clear: both;
	width: 100%;
}

table.showemail td.showmime
{
  background-color: #006699;
  text-align: center;
  vertical-align: top;
}

table.showemail td.showcontents
{
  color: #000000;
  background-color: #ffffff;
  font-family: courier,monospace;
  font-size: 10pt;
}

table.showemail td.showcontents a
{
  color: #000000;
  background-color: #ffffff;
  font-family: courier,monospace;
  font-size: 10pt;
}

table.showemail td.showcontents a:hover
{
  color: #b7191a;
  background-color: #ffffff;
  font-family: courier,monospace;
  font-size: 10pt;
}

table.showemail td.showlink
{
  background-color: #006699;
  color: #fdffc0;
  font-family: sans-serif;
  font-size: 10pt;
}

table.showemail iframe
{
  border: 0;
  height: 550px;
  width: 100%;
}

/* SPELLCHECK */

#texttospell
{
	background: #ffffff;
	border: 1px dashed #006699;
	color: #000000;
	font-family: courier, monospace;
	font-size: small;
	float: left;
	margin: 0.25em 0.25em 0.25em 0.25em;
	padding: 0.25em 0.25em 0.25em 0.25em;
	width: 48%;
}

#spellbuttons
{
  border: 1px dashed #006699;
  float: right;
  margin: 0.25em 0.25em 0.25em 0.25em;
  padding: 0.25em 0.25em 0.25em 0.25em;
  width: 48%;
}

#spellactions
{
	border: 0px;
}

#spellactions td.left
{
	text-align: right;
}

#spellactions td.middle
{
	text-align: center;
}

#spellactions td.right
{
	text-align: left;
}