/* *** include css/standard/main-style.css */

/* Stop Mac IE loading these files -> \*/

/* ** IMAGES **
 *
 * @name: images.css
 * @author: Neil Jenkins
 * @purpose: All icons are defined in here.
 */

/* Gradient bodering */
.l {
	background: url(../images/mainshadow/shadow-left.png) repeat-y;
}
.t {
	background: url(../images/mainshadow/shadow-top.png) repeat-x;
}
.t.l {
	background: url(../images/mainshadow/shadow-topleft.png);
}
.t.r {
	background: url(../images/mainshadow/shadow-topright.png);	
}

/* Mailbox images */

.contentTable .flag span, li.menuFlag, li.menuRemoveFlag, #isFlagged {
	background-image: url(../images/misc/flag.png);
}

.contentTable .attachment a {
	background-image: url(../images/icons/mail-attachment.png);
}

/* Message image attachment borders */
.shadow img {
	background: #fff url(../images/imgshadow/imgshadow-bottom.png) repeat-x bottom left;
}
.shadow .topleft {
	background: url(../images/imgshadow/imgshadow-topleft.png) no-repeat top left;
}
.shadow .topright {
	background: url(../images/imgshadow/imgshadow-topright.png) no-repeat top right;
}
.shadow .bottomleft {
	background: url(../images/imgshadow/imgshadow-bottomleft.png) no-repeat bottom left;
}
.shadow .bottomright {
	background: url(../images/imgshadow/imgshadow-bottomright.png) no-repeat bottom right;
}

/* Sidebar section collapse */

h2.collapsable div {
	background-image: url(../images/misc/section-toggle.png);
	background-position: left;
}

h2.collapsed div {
	background-position: right;
}

/* Attachment file types */

#message #attachments li, #compose #attachments .file {
	background-position: left top;
}

ul.files li, #attachments .file {
	background-image: url(../images/attachments/fileGeneric.gif);
}

#attachments .attachmentDOC {
	background-image: url(../images/attachments/DOC.gif);
}

#attachments .attachmentXLS {
	background-image: url(../images/attachments/XLS.gif);
}

#attachments .attachmentPPT {
	background-image: url(../images/attachments/PPT.gif);
}

#attachments .attachmentPDF {
	background-image: url(../images/attachments/PDF.gif);
}

#attachments .attachmentTXT {
	background-image: url(../images/attachments/TXT.gif);
}

/* @group Files */

#files .name {
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url(../images/icons/text-x-generic.png);
}

#files .fileFOLDER {
	background-image: url(../images/icons/folder.png);
}

#files .fileDOC {
	background-image: url(../images/icons/x-office-document.png);
}

#files .fileXLS {
	background-image: url(../images/icons/x-office-spreadsheet.png);
}

#files .filePPT {
	background-image: url(../images/icons/x-office-presentation.png);
}

#files .fileEXE {
	background-image: url(../images/icons/application-x-executable.png);
}

#files .fileMP3, #files .fileAAC, #files .fileOGG, #files .fileM4A {
	background-image: url(../images/icons/audio-x-generic.png);
}

#files .fileJPG, #files .filePNG, #files .fileTIFF, #files .filePSD, #files .fileGIF {
	background-image: url(../images/icons/image-x-generic-small.png);
}

#files .fileZIP {
	background-image: url(../images/icons/package-x-generic.png);
}

#files .fileHTML, #files .fileHTM {
	background-image: url(../images/icons/text-html.png);
}

/* @end */

/* Extra button padding to contain images */

button div {
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 16px; /* Icons are 16px by 16px */
	padding: 3px 0 3px 22px;
}

/* Reduce the ridiculously oversized padding Gecko
   gives its buttons on Windows (sadly applies to Mac 
   as well at the moment). */
#gecko button div {
	line-height: 15px;
	padding: 0 0 1px 22px;
}

/* Image only buttons */

button.imageOnly {
	padding: 0 0.5ex;
}

button.imageOnly div {
	background-position: center;
	padding: 3px 0;
	width: 16px;
}

#gecko button.imageOnly div {
	padding: 2px 0;
}

/* Hides text inside a span inside a button */
button span {
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	cursor: default;
}

/* Button and menu images */

.keyboardMenu li {
	background-position: 4px center;
}

.keyboardMenu li.level1 {
	background-position: 12px center;
}

.keyboardMenu li.level2 {
	background-position: 20px center;
}

.keyboardMenu li.level3 {
	background-position: 28px center;
}

.keyboardMenu li.level4 {
	background-position: 36px center;
}

.contentTable .flag span, .contentTable .attachment a {
	background-position: center center;
}

button.actionDelete div, li.menuDelete {
	background-image: url(../images/icons/process-stop.png);
}

button.actionSpam div, li.menuSpam {
	background-image: url(../images/icons/junk.png);
}

button.actionFlag div, li.menuFlag {
	background-image: url(../images/icons/flag.png);
}

button.actionRefresh div {
	background-image: url(../images/icons/refresh.png);
}

button.actionSearch div {
	background-image: url(../images/icons/system-search.png);
}

#actionContact {
	background-image: url(../images/icons/system-users.png);
}

button.actionCompose div, #actionCompose {
	background-image: url(../images/icons/mail-message-new.png);
}

button.actionNewContact div {
	background-image: url(../images/icons/newContact.png);
}

button.actionImportExport div {
	background-image: url(../images/icons/importExport.png);
}

button.actionSave div {
	background-image: url(../images/icons/save.png);
}

button.actionNewNote div, button.actionCreate div {
	background-image: url(../images/icons/document-new.png);
}

button.actionReply div, #actionReply {
	background-image: url(../images/icons/mail-reply-sender.png);
}

button.actionReplyAll div {
	background-image: url(../images/icons/mail-reply-all.png);
}

button.actionForward div, li.menuForward, li.menuRedirect {
	background-image: url(../images/icons/mail-forward.png);
}

button.actionPrevious div, li.menuPrevious {
	background-image: url(../images/icons/go-previous.png);
}

button.actionFolder div, li.menuFolder {
	background-image: url(../images/icons/folder.png);
}

button.actionNext div, li.menuNext, button.actionGoto div, li.menuGoto {
	background-image: url(../images/icons/go-next.png);
}

li.menuFirst {
	background-image: url(../images/icons/go-first.png);
}

li.menuLast {
	background-image: url(../images/icons/go-last.png);
}

li.menuHere {
	background-image: url(../images/icons/go-bottom.png);
}

li.menuNextUnread {
	background-image: url(../images/icons/go-next-unread.png);
}

li.menuPreviousUnread {
	background-image: url(../images/icons/go-previous-unread.png);
}

li.menuDeletePermanently {
	background-image: url(../images/icons/dialog-warning.png);
}

li.menuEmptyTrash {
	background-image: url(../images/icons/user-trash.png);
}

li.menuEditAsNew {
	background-image: url(../images/icons/edit-copy.png);
}

li.menuBounce {
	background-image: url(../images/icons/system-log-out.png);
}

button.actionDetach div, li.menuMove {
	background-image: url(../images/icons/document-open.png);
}

button.actionDownload div, li.menuDownload {
	background-image: url(../images/icons/document-save.png)
}

button.actionSpell div {
	background-image: url(../images/icons/preferences-desktop-font.png);
}

button.actionEdit div {
	background-image: url(../images/icons/accessories-text-editor.png);
}

button.actionFormat div {
	background-image: url(../images/icons/format-justify-fill.png);
}

button.actionPlain div {
	background-image: url(../images/icons/text-x-generic.png);
}

button.actionRich div {
	background-image: url(../images/icons/x-office-document.png);
}

button.actionSend div, li.menuUnread, li.menuRead {
	background-image: url(../images/icons/internet-mail.png);
}

button.actionDiscard div, button.actionCancel div {
	background-image: url(../images/icons/process-stop.png);
}

button.actionAddressBook div {
	background-image: url(../images/icons/address-book-new.png);
}

button.actionAttach div {
	background-image: url(../images/icons/mail-attachment.png);
}

button.actionAdd div {
	background-image: url(../images/icons/list-add.png);
}

button.actionRemove div {
	background-image: url(../images/icons/list-remove.png);
}

button.actionUsage div {
	background-image: url(../images/icons/drive-harddisk.png);
}

button.actionWeb div {
	background-image: url(../images/icons/text-html.png);
}

button.actionMove div {
	background-image: url(../images/icons/emblem-symbolic-link.png);
}

button.actionShare div {
	background-image: url(../images/icons/network-transmit-receive.png);
}

/* Tokenising Textbox */

li.token-box a.token-menu span {
	background-image: url(../images/misc/tokeniser-delete.gif);
	background-position: 0 0;
}

li.token-box a.token-menu:hover span {
	background-position: 0 14px;
}

li.token-box.focussed a.token-menu span {
	background-position: 0 7px;
}

/* ** TYPOGRAPHY **
 *
 * @name: typography.css
 * @author: Neil Jenkins
 *
 */

/* 	      2em = 24px
		1.5em = 18px
    1.08333em = 13px
	      1em = 12px
	 .91666em = 11px
	 .83333em = 10px
	 	.75em =  9px
*/

/* @group Standard Elements */

body {
	font: 75%/1.5 "Lucida Grande", verdana, sans-serif;
}

h1 {
	font-size: 2em;
	font-weight: normal;
}

h2 {
	font-weight: bold;
	font-size: 1em;
}

h3 {
	font-size: 1.08333em;
	font-weight: bold;
	font-variant: small-caps;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

h5 {
	font-size: 0.91666em;
}

label {
	font-size: 0.91666em;
}

button {
	font-size: 0.83333em;
}

textarea, pre {
	font: 1em/130% Monaco, "Lucida Console", consolas, monospace;
}

/* Have to remove the generic monospace font from the list for Safari
   or it downsizes the font:
   http://www.456bereastreet.com/archive/200408/sizing_monospaced_fonts/
*/
#webkit textarea, #webkit pre {
	font-family: Monaco, "Lucida Console", consolas;
} 

input {
	font: 1em/130% "Lucida Grande", verdana, sans-serif;
}

/* @end */

/* @group Page Header */

#navigation i {
	text-decoration: underline;
	font-style: normal;
}

#navigation a {
	text-decoration: none;
}

#navigation span {
	font-weight: bold;
}

#admin a, #search a {
	text-decoration: underline;
}

#admin b {
	font-weight: normal;
}

#searchOptions, #filterLinks {
	font-size: 0.75em;
}

/* @end */

/* @group Content Table */

.contentTable {
	font-size: 1em;
}

/* @end */

/* @group Sidebar */

h2 span {
	font-weight: normal;
	font-size: 0.83333em;
}

h2 span a {
	text-decoration: underline;
}

#sidebar ul.sidebarList li a,
#sidebar ul.sidebarList li span.selected,
#sidebar ul.folderTree li .folder,
.expandCollapseLink {
	font-size: 0.91666em; 
}

#sidebar li i {
	font-style: normal;
}

#sidebar a.empty {
	font-size: 0.75em;
	font-weight: normal;
}

#moveCopyOption {
	font-size: 0.75em;
}

#moveCopyOption select {
	font-size: 1em;
}

#searchType {
	font-size: 0.83333em;
}

#filterSearches {
	font-size: 0.83333em;
}

.resource span {
	font-size: 0.91666em;
}

#hideSidebar {
	font-size: 0.83333em;
}

/* @end */

/* @group Footer */

#copyright {
	font-size: 0.83333em;
	line-height: 2;
}

#copyright a {
	font-weight: bold;
}

/* @end */

/* @group Mailbox Screen */

.unread, .replied, .collapsed.hasUnreadChildren {
	font-weight: bold;
}

.snippet, .preview {
	font-size: 0.91666em;
}

/* @end */

/* @group Message Screen */

dt, #attachments span {
	font-weight: bold;
}

#attachments span.attachmentDetails {
	font-weight: normal;
}

#message h1 {
	font-size: 1.5em;
}

.jumpAfterAction, dd span.summary, .viewOptions, .viewFullHeaders, #attachments span.attachmentDetails, .addToAddressBook {
	font-size: 0.83333em;
}

#selectAttachments {
	font-size: 0.91666em;
}

.toggleAttachedMessage {
	font-size: 0.91666em;
}

.jumpAfterAction select {
	font-size: 9px;
}

/* @end */

/* @group Compose Screen */

.messageHeaders input {
	font: 1em/1 "Lucida Grande", verdana, sans-serif;
}

#lastSaved {
	font-size: 0.91666em;
	line-height: 1em;
}

.messageHeaders label {
	font-weight: bold;
}

.messageHeaders a, #saveNewNames label {
	font-size: 0.83333em;
}

.autoAdd i {
	font-size: 0.83333em;
}

#showMessageOptions {
	font-size: 0.83333em;
}

#attachOriginal label {
	font-size: 1em;
}

/* @end */

/* @group Address Book */

td.contacts {
	font-size: 0.91666em;
}

.contactName {
	font-size: 1.08333em;
	font-weight: bold;
}

.contactNickname {
	font-style: italic;
}

/* Contact's Name */
.expandedDetails h3 {
	font-size: 2em;
	font-variant: normal;
}

p.contactActions {
	font-size: .83333em;
}

/* Contact Details List */
.expandedDetails dl {
	font-size: .91666em;
}

/* The info titles */
.expandedDetails dt {
	font-weight: normal;
}

.expandedDetails dd {
	font-weight: bold;
}

/* Edit Contact */

.contactName label {
	font-size: .77em;
	font-weight: normal;
}

.contactName input {
	font-size: 1.8em;
}

/* Section titles */
.editContact h3 {
	font-size: 1.375em;
	font-variant: normal;
	font-weight: normal;
}

.editContact fieldset div {
	font-size: .8333em;
}
.editContact fieldset label {
	font-size: 1em;
}

.editContact fieldset input, .editContact fieldset textarea {
	font-size: 1.2em;
	}

/* @end */

/* @group Forms */

#notesTitle {
	font-size: 2em;
}

.description {
	font-size: 0.91666em;
}

.forms fieldset ul {
	font-size: 0.91666em;
}

.continuous i {
	font-size: .83333em;
}

/* @end */

/* @group Options */

#options dd {
	font-size: 0.83333em;
}

/* @end */

/* @group Modules */

/* --Tokenising Text Box-- */

li.token-box {
	font-size: 0.91666em;
}

/* --AutoComplete Text Box-- */

.autoComplete-holder {
	font-size: 0.91666em;
}

.autoComplete-holder li em {
	font-weight: bold;
	font-style: normal;
}

/* --Spell check-- */

.spellCheck, .spellCheck input {
	font: 1.01em/130% Monaco, "Lucida Console", consolas, monospace;
}

#webkit .spellCheck, #webkit .spellCheck input {
	font-family: Monaco, "Lucida Console", consolas;
}

/* --Keyboard Menu-- */

.keyboardMenu h2 {
	font-size: 120%;
}

/* @end */

/* ** COLOURS **
 *
 * @name: colours.css
 * @author: Neil Jenkins
 *
 */

/* @group Standard Elements */

body {
	color: #000;
	background-color: #efefef;
}

a {
	color: #336;
}

a:hover, a.hover, a:active {
	color: #634;
}

h3 {
	border-color: #555;
}

hr {
	background: #888;
}

/* Some browsers don't support the disabled
 * attribute, but we can at least change the
 * colour so it looks disabled.
 */
option.disabled {
	color: #777;
}

/* Label text overlaying a textbox */
.JSEnabled label.overLabel {
	color: #666;
}

/* @end */

#main {
	background-color: #fff;
}

/* @group Page Header */

#pageHeader {
	background-color: #2b3856;
	color: #fff;
	border-color: #333;
}

#pageHeader a {
	color: #fff;
}

#pageHeader a:hover {
	color: #2b3856;
	background: #fff;
}

#navigation li {
	border-color: transparent;
}

#navigation li.selected {
	border-color: #333;
}

#navigation a {
	border-color: transparent;
}

#navigation li.selected a, #navigation li.selected span {
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	background: #fff url(../images/gradients/tab.png) bottom left repeat-x;
	border-color: #d9e1eb;
}

/* @end */

/* @group Status Messages */

.statusMessage {
	border-color: #336;
	background-color: #d9e1eb;
}

.errorMessage {
	border-color: #634;
	background-color: #e9d1d7;
}

/* @end */

/* @group Action Bar */

.actions {
	background-color: #EFF1F4;
	border-color: #888;
}

.actions i input {
	border-color: #888;
}

/* @end */

/* @group Content Table */

.contentTable tr {
	background-color: #EFF1F4;
}

.contentTable th {
	color: #fff;
	background-color: #59698e;
	border-color: #000;
}

.contentTable th a {
	color: #fff;
}

.contentTable td {
	border-color: #ddd;
}

.contentTable tr.selected, .contentTable tr.hover, .contentTable tr:hover {
	background-color: #FFFAD2;
}

.contentTable tr.dataError {
	border-color: #634;
	background-color: #e9d1d7;
}

.contentTable tr.dataError td {
	white-space: normal;
}

.actionsBottom {
	background-color: #eee;
}

/* @end */

/* @group Sidebar */

h2 {
	color: #fff;
	background-color: #59698e;
}

h2 a {
	color: #fff;
}

h2 a:hover {
	color: #fff;
}

#sidebar ul, #search {
	border-color: #555;
}

#sidebar li a, #sidebar li span {
	border-color: transparent;
}

#sidebar li.selected .folder,
#sidebar li span.selected {
	border-color: #555;
	background-color: #d9e1eb;
}

#sidebar li.selected li .folder {
	border-color: transparent;
	background-color: transparent;
}

.JSEnabled #sidebar ul.folderTree li:hover > a.folder,
#sidebar ul.folderTree li#keyboardSelectedFolder > a.folder,
#sidebar ul.folderTree a.folder:hover,
#sidebar ul.sidebarList a:hover {
	border-color: #555;
	background-color: #fff;
}

#search ul {
	border-top-color: #555;
}

#search input {
	border-color: #888;
}

#filterFolders input {
	background-color: #fff;
	border-color: #999;
}

#moveCopyOption {
	text-align: center;
	border-color: #888;
}

#resourceUsage {
	border-color: #555;
}

.resources {
	color: #444;
}

.chart {
	background-color: #fff;
	border-color: #333;
}

.chart div {
	background-color: #d9e1eb;
	border-color: #4173CC;
}

/* @end */

/* @group Footer */

#copyright {
	color: #fff;
	border-color: #333;
	background-color: #2b3856;
}

#copyright a {
	color: #fff;
}

/* @end */

/* @group Mailbox Screen */

tr.folderName, tr.folderName:hover, .contentTable .unread, .contentTable .preview, .contentTable .preview:hover {
	background-color: #fff;
}

.snippet, .preview {
	color: #333;
}

.lowpriority {
	color: blue;
}

.highpriority {
	color: red;
}

.contentTable .truedomain {
	background-color: #E4F1D4;
}

/* @end */

/* @group Message Screen */

#message dl, #message pre.fullHeaders {
	background-color: #D5D9E3;
}

#message .truedomain {
	background-color: #AFD67D;
}

#attachments span.attachmentDetails {
	color: #777;
}

.attachedMessage {
	border-color: #00d;
}

/* @end */

/* @group Address Book */

.contactGroups {
	color: #634;
}

.divider {
	color: #555;
}

tr.expandedDetails {
	background: #fff;
}

/* Contact Details List */
.expandedDetails dl {
	border-color: #888;
	background-color: #EFF1F4;
}

.expandedDetails dt {
	color: #555;
}

/* Edit Contact */

.editContact fieldset label {
	color: #555;
}

/* @end */

/* @group Compose Screen */

.messageHeaders {
	background-color: #D5D9E3;
}

#spellCheckResume {
	background-color: #EFF1F4;
}

#compose input, #compose ul.holder {
	background-color: #fff;
}

#compose input, ul.holder, #spellCheckResume, #messageBody {
	border-color: #888;
}

textarea#messageBody {
	border-color: #555;
}

.autoAdd i {
	border-color: #336;
	background-color: #d9e1eb;
}

/* @end */

/* @group Forms */

.even {
	background-color: #f1f5fa;
}

input.label {
	color: #888;
}

.sortBy {
	border-color: #888;
}

.description {
	border-color: #336;
	background-color: #d9e1eb;
}

.forms textarea {
	border-color: #888;
}

/* @end */

/* @group Modules */

/* Tokenising Text Box */

ul.holder {
	background: #fff;
}

li.token-box {
	border-color: #CAD8F3;
	background-color: #DEE7F8;
}

li.token-box:hover {
	background-color: #BBCEF1;
	border-color: #6D95E0;
}

li.token-box.focussed {
	background-color: #598BEC;
	border-color: #598BEC;
	color: #fff;
}

/* AutoComplete Text Box */

.autoComplete-holder {
	background-color: #eee;
}

.autoComplete-holder li {
	border-color: #ccc;
}

.autoComplete-holder li em {
	background-color: #ccc;
}

.autoComplete-holder li.autoComplete-focus {
	background-color: #4173CC;
	color: #fff;
}

li.autoComplete-focus em {
	background-color: #315699;
}

/* Spell Check */

.spellCheck-unknown {
	color: red;
}

.spellCheck-corrected {
	color: blue;
}

.spellCheck input {
	border-color: #888;
}

#menu li.spellCheck-edit {
	border-top-color: #eee;
}

/* Menu */

#menu {
	background-color: #fff;
	background-color: rgba(256, 256, 256, 0.9);
	border-color: #bbb;
}

#menu li {
	border-color: #fff;
}

#menu li:hover {
	background-color: #4173CC;
	color: #fff;
	border-color: #1956ad #fff;
}

/* Keyboard Menu */

.keyboardMenu div {
	background-color: #111;
	background-color: rgba(16, 16, 16, 0.9);
	border-color: #000;
	text-shadow: 1px 1px 1px #111;
	color: #fff;
}

.keyboardMenu input {
	color: #fff;
	background: transparent;
	border-color: #fff;
}

.keyboardMenu li.selected, .keyboardMenu li:hover {
	outline-color: #fff;
	background-color: #222;
}

/* Modal Dialog */

.dimScreen {
	background: #fff;
}

.modalDialog {
	background: #fff;
	border-color: #333;
}

.modalDialog input {
	border-color: #888;
}

/* Tabs */

.tabs li a {
	background-color: #eee;
	border-color: #555;
}

.tabs li a:hover {
	background-color: #DEE7F8;
}

.tabs li a.selected, .tabs li a.selected:hover {
	background-color: #fff;
}

.tabsBottom {
	border-bottom-color: #555;
}

/* @end */