﻿/* taskbar */
div.taskbar
{
  position: absolute;
  top: 10px;
  height: 50px;
  width:245px; /* (50*4 + 15*3) */
  /*right:25px;*/ /* (10 + 15) */
  z-index:110;
}
div.taskbaritem
{
  position:absolute;
  top:0;
  height:50px;
  width:50px;
  background-position: 9px 2px;
  background-repeat:no-repeat;
  border-width:1px;
  border-style:solid;
  cursor:pointer;
  z-index:112;
}
div.taskbaritem div
{
  position:absolute;
  top:35px;
  font-size:10px;
  white-space: nowrap;
  z-index:1000;
  width:100%;
  text-align:center;
  z-index:113;
}

div.taskbar div.email, 
div.taskbar div.email-hover, 
div.taskbar div.email-click
{
  position:absolute;
  left:0;
}

div.taskbar div.addressbook, 
div.taskbar div.addressbook-hover, 
div.taskbar div.addressbook-click
{
  position:absolute;
  left:65px;
}

div.taskbar div.settings, 
div.taskbar div.settings-hover, 
div.taskbar div.settings-click
{
  position:absolute;
  left:130px;
}

div.taskbar div.logout, 
div.taskbar div.logout-hover, 
div.taskbar div.logout-click
{
  position:absolute;
  left:195px;
}

div.email
{
  background-image: url(images/taskbar/email.gif);
}
div.email-hover,div.email:hover
{
  background-image: url(images/taskbar/email-hover.gif);
}
div.email-click
{
  background-image: url(images/taskbar/email-click.gif);
}
div.addressbook
{
  background-image: url(images/taskbar/addressbook.gif);
}
div.addressbook-hover,div.addressbook:hover
{
  background-image: url(images/taskbar/addressbook-hover.gif);
}
div.addressbook-click
{
  background-image: url(images/taskbar/addressbook-click.gif);
}
div.settings
{
  background-image: url(images/taskbar/settings.gif);
}
div.settings-hover,div.settings:hover
{
  background-image: url(images/taskbar/settings-hover.gif);
}
div.settings-click
{
  background-image: url(images/taskbar/settings-click.gif);
}
div.logout
{
  background-image: url(images/taskbar/logout.gif);
}
div.logout-hover,div.logout:hover
{
  background-image: url(images/taskbar/logout-hover.gif);
}
div.logout-click
{
  background-image: url(images/taskbar/logout-click.gif);
}



/* toolbars */
div.toolbar
{
  position: absolute;
  top: 100px;
  left: 270px;
  /*right: 10px;*/
  height: 35px;
  white-space: nowrap;
  /*
  background-image: url(images/toolbar.jpg);
  background-repeat: no-repeat;
  background-position: right;
  */
}
div.toolbaritem
{
  height: 32px;
  padding: 8px 20px 0px 26px;
  text-align: left;
  vertical-align: middle;
  font-size: 11px;
  color: #666666;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: nowrap;
  float: left;
  clear: right;
}

div.toolbar-historyback
{
  background-image: url(images/toolbar/historyback.gif);
}
div.toolbar-historyback-hover
{
  background-image: url(images/toolbar/historyback-hover.gif);
}
div.toolbar-historyback-down
{
  background-image: url(images/toolbar/historyback-click.gif);
}
div.toolbar-historyback-disabled
{
  background-image: url(images/toolbar/historyback-disabled.gif);
  cursor: default;
}
div.toolbar-historyforward
{
  background-image: url(images/toolbar/historyforward.gif);
}
div.toolbar-historyforward-hover
{
  background-image: url(images/toolbar/historyforward-hover.gif);
}
div.toolbar-historyforward-down
{
  background-image: url(images/toolbar/historyforward-click.gif);
}
div.toolbar-historyforward-disabled
{
  background-image: url(images/toolbar/historyforward-disabled.gif);
  cursor: default;
}
div.toolbar-inbox
{
  background-image: url(images/toolbar/inbox.gif);
}
div.toolbar-inbox-hover
{
  background-image: url(images/toolbar/inbox-hover.gif);
}
div.toolbar-inbox-down
{
  background-image: url(images/toolbar/inbox-click.gif);
}
div.toolbar-inbox-disabled
{
  background-image: url(images/toolbar/inbox-disabled.gif);
  cursor: default;
}
div.toolbar-pop3
{
  background-image: url(images/toolbar/pop3.gif);
}
div.toolbar-pop3-hover
{
  background-image: url(images/toolbar/pop3-hover.gif);
}
div.toolbar-pop3-down
{
  background-image: url(images/toolbar/pop3-click.gif);
}
div.toolbar-pop3-disabled
{
  background-image: url(images/toolbar/pop3-disabled.gif);
  cursor: default;
}
div.toolbar-compose
{
  background-image: url(images/toolbar/compose.gif);
}
div.toolbar-compose-hover
{
  background-image: url(images/toolbar/compose-hover.gif);
}
div.toolbar-compose-down
{
  background-image: url(images/toolbar/compose-click.gif);
}
div.toolbar-compose-disabled
{
  background-image: url(images/toolbar/compose-disabled.gif);
  cursor: default;
}
div.toolbar-reply
{
  background-image: url(images/toolbar/reply.gif);
}
div.toolbar-reply-hover
{
  background-image: url(images/toolbar/reply-hover.gif);
}
div.toolbar-reply-down
{
  background-image: url(images/toolbar/reply-click.gif);
}
div.toolbar-reply-disabled
{
  background-image: url(images/toolbar/reply-disabled.gif);
  cursor: default;
}
div.toolbar-replyall
{
  background-image: url(images/toolbar/replyall.gif);
}
div.toolbar-replyall-hover
{
  background-image: url(images/toolbar/replyall-hover.gif);
}
div.toolbar-replyall-down
{
  background-image: url(images/toolbar/replyall-click.gif);
}
div.toolbar-replyall-disabled
{
  background-image: url(images/toolbar/replyall-disabled.gif);
  cursor: default;
}
div.toolbar-forward
{
  background-image: url(images/toolbar/forward.gif);
}
div.toolbar-forward-hover
{
  background-image: url(images/toolbar/forward-hover.gif);
}
div.toolbar-forward-down
{
  background-image: url(images/toolbar/forward-click.gif);
}
div.toolbar-forward-disabled
{
  background-image: url(images/toolbar/forward-disabled.gif);
  cursor: default;
}
div.toolbar-send
{
  background-image: url(images/toolbar/send.gif);
}
div.toolbar-send-hover
{
  background-image: url(images/toolbar/send-hover.gif);
}
div.toolbar-send-down
{
  background-image: url(images/toolbar/send-click.gif);
}
div.toolbar-send-disabled
{
  background-image: url(images/toolbar/send-disabled.gif);
  cursor: default;
}
div.toolbar-spellcheck
{
  background-image: url(images/toolbar/spellcheck.gif);
}
div.toolbar-spellcheck-hover
{
  background-image: url(images/toolbar/spellcheck-hover.gif);
}
div.toolbar-spellcheck-down
{
  background-image: url(images/toolbar/spellcheck-click.gif);
}
div.toolbar-spellcheck-disabled
{
  background-image: url(images/toolbar/spellcheck-disabled.gif);
  cursor: default;
}
div.toolbar-attach
{
  background-image: url(images/toolbar/attach.gif);
}
div.toolbar-attach-hover
{
  background-image: url(images/toolbar/attach-hover.gif);
}
div.toolbar-attach-down
{
  background-image: url(images/toolbar/attach-click.gif);
}
div.toolbar-attach-disabled
{
  background-image: url(images/toolbar/attach-disabled.gif);
  cursor: default;
}
div.toolbar-drafts
{
  background-image: url(images/toolbar/drafts.gif);
}
div.toolbar-drafts-hover
{
  background-image: url(images/toolbar/drafts-hover.gif);
}
div.toolbar-drafts-down
{
  background-image: url(images/toolbar/drafts-click.gif);
}
div.toolbar-drafts-disabled
{
  background-image: url(images/toolbar/drafts-disabled.gif);
  cursor: default;
}
div.toolbar-source
{
  background-image: url(images/toolbar/source.gif);
}
div.toolbar-source-hover
{
  background-image: url(images/toolbar/source-hover.gif);
}
div.toolbar-source-down
{
  background-image: url(images/toolbar/source-click.gif);
}
div.toolbar-source-disabled
{
  background-image: url(images/toolbar/source-disabled.gif);
  cursor: default;
}
div.toolbar-delete
{
  background-image: url(images/toolbar/delete.gif);
}
div.toolbar-delete-hover
{
  background-image: url(images/toolbar/delete-hover.gif);
}
div.toolbar-delete-down
{
  background-image: url(images/toolbar/delete-click.gif);
}
div.toolbar-delete-disabled
{
  background-image: url(images/toolbar/delete-disabled.gif);
  cursor: default;
}
div.toolbar-spam
{
  background-image: url(images/toolbar/spam.gif);
}
div.toolbar-spam-hover
{
  background-image: url(images/toolbar/spam-hover.gif);
}
div.toolbar-spam-down
{
  background-image: url(images/toolbar/spam-click.gif);
}
div.toolbar-spam-disabled
{
  background-image: url(images/toolbar/spam-disabled.gif);
  cursor: default;
}
div.toolbar-nospam
{
  background-image: url(images/toolbar/ham.gif);
}
div.toolbar-nospam-hover
{
  background-image: url(images/toolbar/ham-hover.gif);
}
div.toolbar-nospam-down
{
  background-image: url(images/toolbar/ham-click.gif);
}
div.toolbar-nospam-disabled
{
  background-image: url(images/toolbar/ham-disabled.gif);
  cursor: default;
}
div.toolbar-add_contact
{
  background-image: url(images/toolbar/add_contact.gif);
}
div.toolbar-add_contact-hover
{
  background-image: url(images/toolbar/add_contact-hover.gif);
}
div.toolbar-add_contact-down
{
  background-image: url(images/toolbar/add_contact-click.gif);
}
div.toolbar-add_contact-disabled
{
  background-image: url(images/toolbar/add_contact-disabled.gif);
  cursor: default;
}
div.toolbar-delete
{
  background-image: url(images/toolbar/delete.gif);
}
div.toolbar-delete-hover
{
  background-image: url(images/toolbar/delete-hover.gif);
}
div.toolbar-delete-down
{
  background-image: url(images/toolbar/delete-click.gif);
}
div.toolbar-delete-disabled
{
  background-image: url(images/toolbar/delete-disabled.gif);
  cursor: default;
}
div.toolbar-compose
{
  background-image: url(images/toolbar/compose.gif);
}
div.toolbar-compose-hover
{
  background-image: url(images/toolbar/compose-hover.gif);
}
div.toolbar-compose-down
{
  background-image: url(images/toolbar/compose-click.gif);
}
div.toolbar-compose-disabled
{
  background-image: url(images/toolbar/compose-disabled.gif);
  cursor: default;
}
div.toolbar-search
{
  background-image: url(images/toolbar/search.gif);
}
div.toolbar-search-hover
{
  background-image: url(images/toolbar/search-hover.gif);
}
div.toolbar-search-down
{
  background-image: url(images/toolbar/search-click.gif);
}
div.toolbar-search-disabled
{
  background-image: url(images/toolbar/search-disabled.gif);
  cursor: default;
}
