/* OKmail.css
 * -------
 * Theme for OKmail
 * Author: sam@peoplesnet.net
 */


/* General style declarations */

body { color : #000000; background-color : #FFFFFA; FONT-FAMILY: Arial, Verdana,  Helvetica, sans-serif} 

.body_nocolor {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana,  Helvetica, sans-serif
}

ul { list-style : square }

h1 {
  padding : 2px 4px;
  color : #FFFFFF;
  background-color : #155D96;
  font-weight : bold;
  font-size : 130%;
}

h2 {
  background-color : #93BEE2;
  border : solid 1px #000000;
  padding: 4px 6px;
  color : #003366;
  font-size : 110%;
  font-weight : bold
}

h3 {
  padding : 2px 4px;
  color : #000000;
  background-color : #CCCCCC
}

h4 {
  margin : 0px;
  color : #CCCCCC;
  background-color : #155D96;
  font-weight : bold
}

dt {
  padding : 2px 4px;
  color : #000000;
  background-color : #CCCCCC;
  font-weight : bold
}
 
dd { padding : 0px 0px 12px 0px }

/* Page-wide font faces */

body, td, div, li, select, input  { font-family: arial, verdana helvetica, sans-serif }

.DatTbl, .MbxTd, .MbxSelTd, .MbxUnrSelTd,
.MbxUnrTd, .MbxPreTd              { font-family : arial, tahoma, verdana,helvetica,sans-serif}

/* General input-related */
select, input { font-size: 80%; font-weight: normal }


/* General <A> tag related */

A {
	COLOR: #4055a3; FONT-FAMILY: arial,verdana,helvetica,sans-serif; TEXT-DECORATION: underline; font-size:"9pt"
}

A:hover {
	 COLOR: darkblue; FONT-FAMILY: arial,verdana,helvetica,sans-serif; TEXT-DECORATION: underline; font-size:"9pt"
}

A:active{
	FONT-FAMILY: arial,verdana,helvetica,sans-serif; font-size:"9pt"
}


A.HdrScrLnk:hover,    A.HdrScrLnk:active, 
A.DatDisHdrLnk:hover, A.DatDisHdrLnk:active,
A.DatConHrdLnk:hover, A.DatConHrdLnk:active,
A.FtrLnk:hover,       A.FtrLnk:active
                  { color : #FFC251 }
                  
/* General table class stuff */

.TblBox { }
.HdrTbl, .HdrDsc, .HdrScrTd, .HdrScrTd, .FtrTbl, .FtrTd { background-color : #0C73C0}
.HdrTbl, .FtrTbl, .ActTbl, .GenMsg, .ErrMsg, .Btn       { border : solid 1px #000000 }

/* Header */

.HdrScrTd, .HdrScrLnk { padding : 1px 8px 1px 8px; font-weight: bold }
.HdrScrTd             { color : #F4D500; font-size: 70%; text-align: center }
.HdrScrLnk            { color : #FFFFFF; text-decoration : none }
.HdrDsc               { color : #FFFFFF; font-weight: bold; font-size : 110%; font-family: arial, helvetica, sans-serif;}

/* Footer */
.FtrTd      {font-family: arial, helvetica, sans-serif; color : #FFFFFF; font-size : 70% }
.FtrTd font { font-family: arial, helvetica, sans-serif; }
.FtrLnk { font-family: arial, helvetica, sans-serif; color : #FFFFFF; font-weight: bold; text-decoration : underline}

/* Server messages */
.GenMsg, .ErrMsg          { font-size: 70%; font-weight: bold }
.GenMsg                   { background-color : #CFCFCF; color: #000000 }
.ErrMsg                   { background-color : #AE1A00; color: #fffff0 }
.HLMsg                    { color : #FFFFFF; font-weight : bold }

/* Action row */
.ActTbl         { }
.ActTd .ActTbl  { font-size: 130% }
.ActTd A        { color : #000000; text-decoration : underline }
.ActTd A:hover  { color : #FFFFFF; text-decoration : underline }
.ActTd select   { font-size: 90% }

.ActTd {
  padding : 3px 4px 3px 4px;
  background-color : #DFFFDF;
  font-size : 80%;
  font-weight : bold
}





/* Mail-List Function */

.DatTd, .DatTdBg, .DatErrTd, .DatDisSltTd, .DatDisDatTd { background-color: #EEEEEE }

.DatTd, .DatDisSltTd          { padding : 1px 4px; color : #000000; font-size: 75% }
.DatTdBg                      { color : #000000 }
.DatErrTd                     { color : #FF0000 }
.DatDisHdrLnk, .DatConHrdLnk  { color : #FFFFFF; font-weight : bold; text-decoration : none }
.DatTd A:hover                { text-decoration: underline }
.DatTd table                  { font-size: 75% }

.DatTh {
  padding : 4px 4px;
  color : #FFFFFF;
  background-color : #0C73C0;
  font-size: 90%
}

.message                      { /*"No messages in current folder" text properties*/ }




/* Mail-List Data Definitions */

.MbxTd A:hover, .MbxSelTd A:hover         { color : #00008B; text-decoration : underline }
.MbxUnrTd A:hover, .MbxUnrSelTd A:hover   { color : #00008B; text-decoration : underline }


.MbxTd                                  { background-color: #DDDDDD; font-size : 80%; font-family: arial,tahoma,helvetica,sans-serif;}
.MbxUnrTd                               { background-color: #DDDDDD; font-weight: bold; font-size : 75%; font-family: arial,tahoma,helvetica,sans-serif;}
.MbxSelTd                               { background-color: #EEEEEE;font-weight: bold ;font-size : 80%; font-family: arial,tahoma,helvetica,sans-serif;}
.MbxUnrSelTd                            { background-color: #EEEEEE; font-weight: bold; font-size : 80%; font-family: arial,tahoma,helvetica,sans-serif;}

.MbxTd , .MbxUnrTd, .MbxSelTd .MbxUnrSelTd  { padding : 0px 4px;}


.MbxPreTd                               { padding : 1px 4px 1px 4px; font-size : 70% }




/* Message body */

/* Commented out for browser sanity
tt                            { font-family: fixed; color: #000000; background-color: #FFFFFF; font-size: 15px }
html>body tt                  { font-family: monospace }
*/

html>body .DatTd tt           { font-size: 130% }
tt a:hover, tt a:active       { color: #7B68EE }
tt a, tt a:hover, tt a:active { text-decoration: underline }






/* Submit buttons */

.Btn {
  margin : 1px 0px 1px 0px;
  padding-left: 2px;
  padding-right: 2px;
  background-color : #FFFFE0;
  font-size: 70%;
  cursor : hand
  font-family: arial, helvetica, sans-serif;
  COLOR= #000000;
  font-weight : bold

}

.ActTd .Btn     { font-size: 85%; margin-right: 1px }

.DatTd .Btn     { font-size: 90% }
.HdrTbl .Btn    { font-size: 75% }





/* Folder columns (v2) */

.foldercolumn1, .foldercolumn2  { padding: 4px 2px; font-size: 65% }
.foldercolumn2                  { font-weight : normal }



/* Miscellaneous */

.FAQLnk {
  color : #2765B4;
  font-weight: bold;
  padding-left: 4px;
  vertical-align : super
}

.DatTh .FAQLnk { color: #FFFFFF }

.FAQLnk:hover, .FAQLnk:active { color: #FF0000 }

.DatTh .FAQLnk:hover, .DatTh .FAQLnk:active { color: #FFC251; text-decoration: underline }

.RedBox { border : 3px solid #FF0000; padding : 3px }





/* Opera-friendly hacks */

html>body .ActTbl .ActTbl { font-size: 150% }
html>body .DatTd table { font-size: 105% }



.copy{
font-family :Arial, Verdana, Helvetica,;
font-size : 9pt;
color : #000000;
font-weight : normal;
text-decoration : none;
}

.copylarge{
font-family : Verdana, Helvetica, Arial;
font-size : 12pt;
color : #000000;
font-weight : normal;
text-decoration : none;
}

.menu{
font-family : Arial, Verdana, Helvetica,;
font-size : 9pt;
color : #FFFFFF;
font-weight : normal;
text-decoration : none;
} 

.menu A:active{
font-family : Arial, Verdana, Helvetica,;
font-size : 9pt;
color : #FFFFFF;
font-weight : normal;
text-decoration : none;
} 

.menu:A:hover{
font-family : Arial, Verdana, Helvetica,;
font-size : 9pt;
color : #FFFFFF;
font-weight : normal;
text-decoration : underlined;
}

.DatTh1 {
	BORDER-TOP: #000000 2px solid; BACKGROUND:#E6E6E6; FONT: bold 75% Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; BORDER-BOTTOM: #000000 2px solid; BORDER-RIGHT: #000000 2px solid; BORDER-LEFT: #000000 2px solid
}

.DatTh2 {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND:#CCCCCC; PADDING-BOTTOM: 4px; FONT: bold 85% Arial,Verdana,Helvetica,sans-serif; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #000000 1px solid;
}

.DatTh3 {
	BORDER-TOP: #000000 2px solid; BACKGROUND:#FFFFFF; FONT: bold 75% Verdana,Arial,Helvetica,sans-serif; COLOR: #000000; BORDER-BOTTOM: #000000 2px solid; BORDER-RIGHT: #000000 2px solid; BORDER-LEFT: #000000 2px solid
}

.FdlMbxTdOn {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #52a2bd; PADDING-BOTTOM: 0px; FONT: bold 75% Verdana,Arial,Helvetica,sans-serif; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #000000 1px solid
}
.FdlMbxTdOn A {
	COLOR: #ffffff
}

.OKmailHeader {
	COLOR: #000000;
	font-weight : Bold;
	font-size: 12pt

}