/******

- FMGmail by zhak
- fastg.gif by HenrikG http://www.henrikgustafsson.fastmail.net/fastg/

Lots of extra colors to play with, when more than one definition is present for an element, such as:

background-color: #f5f5f5 ; 
background-color: #ffffff ; 

The last one listed is the one used.

If you don't want text messages displayed in fixed-font, change the order of:

font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
font-family: "courier new", courier, monospace ; 

in the 'textarea' definition.

If you want to compose text messages in fixed font, change the order of:

font-family: "courier new", courier, monospace ; 
font-family: arial, verdana, tahoma, helvetica, sans-serif ; 

in the 'div.TblBox' definition.

If you want to make all the text larger or smaller, you only need to change the font percentage in the
body definition below.  All other font sizes are relative to that percentage size.

Gmail specific colors used or available:

#c3d9ff ; contacts light blue 
#e0ecff ; compose screen lighter blue 
#e8eef7 ; mail-list very light blue-gray 
#003c74 ; button border dark blue
#b5edbc ; labels box green (same as search light green)
#74dd82 ; label mail-list green (same as search dark green)
#fcd27a ; button hover orange 
#fad163 ; settings dark orange 
#fff7d7 ; settings light orange 
#ffffcc ; select yellow 

******/


/* STANDARD HTML ELEMENTS */

body			{
				color: #000000 ; 
				background-color: #f5f5f5 ; 
				background-color: #ffffff ; 
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-size: 75% ; 
				margin:0 ; 
				padding: 10px ; 
			}

h1			{ 
				font-size: 140% ; 
			}

h2			{ 
				font-size: 124% ; 
			}

h3			{ 
				font-size: 112% ; 
			}

/* set default links to no indication other than pointer, links will be defined later */
a:link, a:visited	{ 
				color: #000000 ; 
				text-decoration: none ; 
				cursor: pointer ; 
			}

/* make a link blue when you hover over it or click it */
a:hover 	 	{ 
				color: #0000cc ; 
				text-decoration: none ; 
				cursor: pointer ; 
			}

/* define button appearance */
.Btn			{ 
				color: #000000 ; 
				background-color: #eaeaea ; 
				background: url(fmgmail/button.gif) ; 
				font-size: 100% ; 
				border: 1px solid #c3d9ff ; 
				cursor: pointer  
			}

/* no effect in internet explorer 5-6 */
.Btn:hover		{ 
				background-color: #ffffcc ; 
				border: 1px solid #fcd27a ; 
			}

/* define drowpdown boxes */
select			{ 
				color: #000000 ; 
				background-color: #ffffff ; 
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-size: 90% ; 
				font-weight: normal ; 
				text-transform: none ; 
				border: 1px solid #b3b6b0 ; 
				padding: 0px 2px 0px 2px ; 
			}

/* grey-out unselectable options */
select option:disabled	{ 
				color: #555555 ; 
			}

/* define text input boxes */
input			{ 
				color: #000000 ; 
				background-color: #ffffff ; 
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-size: 100% ; 
				border: 1px solid #b3b6b0 ; 
			}

/* define how bulleted lists will appear */
ul			{ 
				list-style-type: disc ;
				list-style-position: inside ; 
			}


/* MESSAGE READING AND COMPOSING */

/* default div settings */
div			{ 
				
			}

/* define how messages will appear if not defined within message */
/* border and padding settings are for framed view (default)     */
div.TblBox		{ 
				color: #000000 ; 
				background-color: #ffffff ; 
				font-family: "courier new", courier, monospace ; 
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-size: 120% ; 
				border: 1px solid #b3b6b0 ; 
				padding: 6px 6px 6px 6px ; 
			}

/* set properties for links in messages */
div.TblBox a:link	{ 
				color: #0000cc ; 
				text-decoration: none ; 
			}
			
div.TblBox a:visited	{ 
				color: #cc00dd ; 
				text-decoration: none ; 
			}

div.TblBox a:hover	{ 
				color: #0000cc ; 
				text-decoration: underline ; 
			}

/* default for text message composition and notepad */
textarea		{ 
				color: #000000 ; 
				background-color: #ffffff ; 
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-family: "courier new", courier, monospace ; 
				font-size: 100% ; 
				border: 1px solid #b3b6b0 ; 
				padding: 2px 3px 2px 3px ; 
				margin-top: 6px ; 
			}


/* HEADERS AND FOOTERS */

/* define how mailbox/compose etc across top of screen appear */
.HdrTbl			{ 
				color: #000000 ; 
				font-size: 112% ; 
			}

.HdrTbl td		{ 
				text-align: right ; 
				vertical-align: center ; 
			}

/* logout/send/done/cancel etc buttons */
.HdrTbl .Btn		{ 
				color: #000000 ; 
				vertical-align: bottom ; 
			}

/* image in upper left of main screens */
.HdrIcon		{ 
				display: block ; 
				width: 120px ; 
				height:25px ; 
				background: url(fmgmail/fastg.gif) no-repeat top left ; 
			}

/* text for current folder on mailbox screen */
.HdrDsc			{ 
				color: #0000cc ;
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-size: 112% ; 
				font-weight: bold ; 
			}

/* properties for non-links at top (compose when on compose screen, etc) */
.HdrScrTd b		{ 
				color: #0000cc ;
				font-weight: bold ; 
			}

/* properties for links at top (mailbox when on compose screen, etc) */
/* do not underline in order to see key shortcut                     */
.HdrScrLnk:link		{ 
				color: #0000cc ; 
				text-decoration: none ; 
			}

.HdrScrLnk:visited	{ 
				color: #0000cc ; 
				text-decoration: none ; 
			}

/* underline when hovered over */
.HdrScrLnk:hover	{ 
				color: #0000cc ; 
				text-decoration: underline ; 
			}

/* make info at screen bottom less distracting */
.FtrTbl			{ 
				color: #848484 ; 
			}

.FtrTd			{ 
				color: #848484 ; 
				font-size: 100% ; 
			}

.FtrLnk:link		{
				color: #848484 ; 
				text-decoration: none ; 
			}

.FtrLnk:visited		{
				color: #848484 ; 
				text-decoration: none ; 
			}

.FtrLnk:hover		{
				color: #0000cc ; 
				text-decoration: underline ; 
			}


/* MESSAGES */

/* general messages; # files deleted, etc */
.GenMsg			{ 
				color: #000000 ; 
				background-color: #c3d9ff ; 
				background-color: #b5edbc ; 
				font-size: 100% ; 
			} 


/* color and underline links in messages */
td.GenMsg a		{ 
				color: #0000cc ; 
				text-decoration: underline ; 
			}


/* set error message to get your attention (red on white) */
.ErrMsg			{ 
				color: #ff0000 ; 				
				background color: #ffffff ; 
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-size: 100% ; 
			}

/* legacy message class - could not find on any current fastmail screen */
.HLMsg			{ 
				color: #000000 ; 
				font-family: arial, verdana, tahoma, helvetica, sans-serif ; 
				font-size: 100% ; 
			}

/* other messages, such when you open a folder that has no email */

.message		{ 
				font-size: 100% ; 
				padding: 20px 20px ; 
				border: 6px solid #c3d9ff ; 
				text-align: center ; 
			}

/* another legacy class */
.RedBox			{ 
				font-size: 100% ; 
				border: 3px solid red ; 
				padding: 3px ; 
			}


/* ACTION ROWS */


/* general action table settings */
.ActTbl			{ 
				background-color: #b5edbc ; 
				background-color: #ffffff ; 
				background-color: #c3d9ff ; 
				padding: 0px 0px 0px 0px ; 
				border: none ; 
			}

/* section headers on options screen and at bottom of files screen */
.ActTbl th		{ 
				background-color: #c3d9ff ; 
			}

/* action row links, such as View: All, Unread, Read etc, on mailbox screen */ 
/* best if underlined to see what is selected and not selected              */
.ActTbl a:link		{ 	
				color: #0000cc ; 
				text-decoration: underline ; 
			}

.ActTbl a:visited	{ 	
				color: #0000cc ; 
				text-decoration: underline ; 
			}

.ActTbl a:hover		{ 	
				color: #0000cc ; 
				text-decoration: underline ; 
			}


/* DATA TABLES */

/* general data tables, such as mailist, folderlist, addresses list */
.DatTbl			{ 
				background-color: #ffffff ; 
				background-color: #bcbabc ; 
				background-color: #c3d9ff ; 
				background-color: #f5f5f5 ; 
				border: none ; 
			}

/* spaces out all lists, leave at zero to set individually */
.DatTbl input		{ 
				margin-top: 0px ; 
				margin-bottom: 0px ; 
			}

/* spaces out message list, suggest both 3px for Firefox and both 2px for IE */
.DatTbl td, .DatTbl th	{ 
				padding-top: 3px ; 
				padding-bottom: 3px ; 
			}

/* set border around some action table portions, but not all */ 
/* recommend leaving at 'none' setting                       */
.DatTbl tr td table td 
			{ 
				border: none ; 
			}

/* set background for address quickadd and file upload screen portions */
.DatTdBg		{
				background-color: #c3d9ff ; 
				border: none ; 
			}

/* define for header row above message list and other lists, and above */
/* resource usage table                                                */
.DatTh			{ 
				color: #000000 ; 
				background-color: #ffffff ; 
				background-color: #c3d9ff ; 
				background-color: #b5edbc ; 
				font-size: 80% ; 
				font-weight: normal ; 
				border: none : 
			}

/* data table header links, suchas (edit/refresh) sent, from, subject and section */
/* links on options screen, i.e. folders, aliases, etc.                           */
.DatTh a:link, .DatTd a:link
			{ 
				color: #000000 ; 
				text-decoration: none ; 
			}

.DatTh a:visited, .DatTd a:visited
			{ 
				color: #000000 ; 
				text-decoration: none ; 
			}

.DatTh a:hover, .DatTd a:hover
			{
				color: #0000cc ; 
				text-decoration: underline ; 
			}

/* data table error */
.DatErrTd		{ 
				color: #ff0000 ; 
				font-weight: bold ; 
			}

/* left side of notepad screen */
.DatDisSltTd		{ 
				background-color: #c3d9ff ; 
				padding: 0px 4px 0px 4px ; 
			}


/* borders around .DatTh and .DatTd (right-side of notepad screen) */
.DatDisDatTd		{ 
				background-color: #f5f5f5 ; 
			}

/* data table header links, suchas (edit/refresh) sent, from, subject and section */
/* links on options screen, i.e. folders, aliases, etc. Leave blank to use        */
/* .DatTh a:link and .DatTd a:link settings or override here                      */
.DatConHrdLnk		{ 
				
			}

/* specific links on options screen */
.DatDisHdrLnk		{ 
				font-size: 120% ; 
				font-weight: bold ; 
			}
			

/* address book groups */

/* general group sidebar setting */
#GroupSidebar .DatTbl	{ 	
				background-color: #ffffff ; 
				border: none ; 
			}

/* group sidebar header */
#GroupSidebar .DatTbl th
			{ 	
				background-color: #c3d9ff ; 
				background-color: #ffffff ; 
				background-color: #b5edbc ; 
				border: 3px solid #b5edbc ; 
			}

/* group list */
#GroupSidebar .DatTbl td 
			{ 	
				background-color: #ffffff ; 
				padding-top: 0px ; 
				padding-bottom: 0px ; 
				border: none ; 
			}

/* selected group */
#GroupSidebar .MbxSelTd td
			{ 
				background-color: #b5edbc ; 
				border: none ; 
			}

/* selected group text */
#GroupSidebar .MbxSelTd td a 
			{ 
				color: #000000 ; 
				background-color: #b5edbc ; 
				font-weight: bold ; 
			}
			
/* message headers and resource usage */
table tr td.DatTd 	{ 
				background-color: #c3d9ff ; 
				background-color: #ffffff ; 
				background-color: #f5f5f5 ; 
				border: none ; 
			}

/* compose screen from/to/cc/bcc fields */
table.DatTbl tr td.DatTd 
			{ 
				background-color: #c3d9ff ; 
				background-color: #ffffff ; 
				background-color: #f5f5f5 ; 
				border: none ; 
			}

/* portion of background on notepad screen */
tr.DatTd th.DatTh 	{ 
				background-color: #c3d9ff ; 
				background-color: #f5f5f5 ; 
				background-color: #b5edbc ; 
				border: 1px solid #b3b6b0 ; 
				border: none ; 
			}


/* MAILBOX SCREEN */

/* overall background for foldertree */ 
#FolderTree .DatTbl	{ 
				background-color: #ffffff ; 
				border: none ; 
			}

/* foldertree header 'Folders (edit/refresh)' */
#FolderTree .DatTbl th	{ 
				color: #000000 ; 
				background-color: #b5edbc ; 
			}

/* general for folder tree header and selected folder */
#FolderTree .DatTbl td	{ 
				color: #000000 ; 
				background-color: #b5edbc ; 
				padding-top: 0px ; 
				padding-bottom: 0px ; 
				border: 3px solid #b5edbc ;
			}

/* folderlist */
#FolderTree .MbxTd td	{ 
				color: #000000 ; 
				background-color: #ffffff ; 
				border: none ; 
			}

/* folders with unread messages */
#FolderTree .MbxTd b	{ 
				color: #000000 ; 
				background-color: #ffffff ;
			}

/* selected folder */
#FolderTree .MbxSelTd a	{ 
				color: #000000 ; 
				background-color: #b5edbc ; 
			}

/* number of unread messages */
/* background effects when folder selected */ 
/* color effects always */ 
#FolderTree .MbxSelTd b	{ 
				color: #000000 ; 
				background-color: #b5edbc ; 
				font-weight: bold ; 
			}

/* general mailbox list */
.MbxTd.DatTbl		{ 
				color: #000000 ; 
				border: none ;
			}

/* mailbox list - read messages */
.MbxTd td		{ 
				background-color: #e8eef7 ; 
			}

/* general links format (non-current folders and read messages) */
/* best to not define background here */
.MbxTd td a		{ 

			}

/* mailbox list - unread messages */
.MbxUnrTd td		{ 
				color: #000000 ; 
				background-color: #ffffff ; 
				font-weight: bold ; 
			}

/* links format for unread messages */
/* best to not define background here */
.MbxUnrTd td a		{ 

			}

/* mailbox list - selected read messages */
.MbxSelTd td		{ 
				color: #000000 ; 
				background-color: #ffffcc ; 
			}

/* links format for selected read messages */
/* best to not define background here */
.MbxSelTd td a		{ 

			}

/* mailbox list - selected unread messages */
.MbxUnrSelTd td		{ 
				color: #000000 ; 
				background-color: #ffffcc ; 
				font-weight: bold ; 
			}

/* links format for selected unread messages */
/* best to not define background here */
.MbxUnrSelTd td a	{ 

			}

/* fomat for message preview area */
td.MbxPreTd		{ 
				color: #555555 ; 
				background-color: #f5f5f5 ; 
				padding: 2px 4px 2px 28px ; 
				border: 1px solid #b3b6b0 ; 
				border: none ; 
			}


/* POLL WINDOW */

.PollTbl, .PollTbl tr td, .PollTbl tr td a, .PollTbl td 
			{ 
				background-color: #ffffff ; 
				background-color: #c3d9ff ; 
				font-size: 100% ; 
			}

.PollLarge, .PollLarge b 
			{ 
				font-size: 120% ; 
			}

/* EXTRA IMAGES */

/* replace 'F' for flagged messages with flag or star image */

span .MsgFlagged 
			{ 
				/*
				background-image: url(fmgmail/flag10.gif) ; 
				text-indent: -5000px ; 
				height: 10px ; 
				width: 10px ; 
				float: left ; 
				
				background-image: url(fmgmail/star19.gif) ; 
				text-indent: -5000px ; 
				height: 19px ; 
				width: 19px ; 
				float: left  
				*/
				
				background-image: url(fmgmail/star10.gif) ; 
				text-indent: -5000px ; 
				height: 10px ; 
				width: 10px ; 
				float: left  
				
			}