body.noscroll {
      overflow: hidden
  }

  input[type=password],
  input[type=text],
  textarea {
      margin: 0;
      padding: 4px;
      border: 1px solid #b2b2b2;
      border-radius: 4px;
      -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .1);
      -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .1);
      -o-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .1)
  }

  input.button:focus,
  input[type=password]:focus,
  input[type=text]:focus,
  textarea:focus {
      -moz-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .9);
      -webkit-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .9);
      -o-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .9);
      outline: 0
  }

  input.placeholder,
  textarea.placeholder {
      color: #aaa
  }

  .bold {
      font-weight: 700
  }

  label input,
  label span {
      vertical-align: middle
  }

  input.button {
      display: inline-block;
      margin: 0 2px;
      border-radius: 4px;
      -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, .3);
      -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, .3);
      -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, .3);
      text-decoration: none;
      outline: 0
  }

  .formbuttons input.button {
      text-shadow: 0 1px 1px #333;
      border-radius: 5px;
      -o-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
      -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888;
      -moz-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888
  }

  .formbuttons input.button:focus,
  .formbuttons input.button:hover,
  input.button.mainaction:focus,
  input.button.mainaction:hover {
      border-color: #465864;
      -moz-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .6), inset 0 1px 0 0 #888;
      -webkit-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .6), inset 0 1px 0 0 #888;
      -o-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .6), inset 0 1px 0 0 #888
  }

  input.button.mainaction {
      -moz-box-shadow: inset 0 1px 0 0 #777;
      -webkit-box-shadow: inset 0 1px 0 0 #777;
      -o-box-shadow: inset 0 1px 0 0 #777
  }

  a.button {
      display: inline-block;
      margin: 0 2px;
      padding: 2px 5px;
      border-radius: 4px;
      box-shadow: 0 1px 1px 0 rgba(140, 140, 140, .3);
      -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, .3);
      -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, .3);
      -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, .3);
      text-decoration: none
  }

  a.button:focus,
  input.button:focus {
      box-shadow: 0 0 2px 1px rgba(71, 135, 177, .6);
      -moz-box-shadow: 0 0 2px 1px rgba(71, 135, 177, .6);
      -webkit-box-shadow: 0 0 2px 1px rgba(71, 135, 177, .6);
      -o-box-shadow: 0 0 2px 1px rgba(71, 135, 177, .6);
      outline: 0
  }

  a.button.disabled,
  a.button.disabled:hover,
  input.button.disabled,
  input.button.disabled:hover,
  input.button[disabled],
  input.button[disabled]:hover {
      box-shadow: 0 1px 1px 0 rgba(160, 160, 160, .4);
      -o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, .4);
      -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, .4);
      -moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, .4)
  }

  a.button.disabled span.inner {
      opacity: .4;
      filter: alpha(opacity=40)
  }

  .pagenav.dark a.button {
      font-weight: 700;
      box-shadow: 0 1px 1px 0 #999;
      -o-box-shadow: 0 1px 1px 0 #999;
      -webkit-box-shadow: 0 1px 1px 0 #999;
      -moz-box-shadow: 0 1px 1px 0 #999
  }

  .pagenav a.button {
      padding: 1px 3px;
      height: 16px;
      vertical-align: middle;
      margin-bottom: 1px
  }

  .pagenav a.button span.inner {
      display: inline-block;
      width: 16px;
      height: 13px;
      text-indent: 1000px;
      overflow: hidden;
      background: url(images/buttons.png) -6px -211px no-repeat
  }

  .pagenav a.prevpage span.inner {
      background-position: -7px -226px
  }

  .pagenav a.nextpage span.inner {
      background-position: -28px -226px
  }

  .pagenav a.lastpage span.inner {
      background-position: -28px -211px
  }

  .pagenav a.pageup span.inner {
      background-position: -7px -241px
  }

  .pagenav a.pagedown span.inner {
      background-position: -29px -241px
  }

  .pagenav a.reply span.inner {
      background-position: -7px -256px
  }

  .pagenav a.forward span.inner {
      background-position: -29px -256px
  }

  .pagenav a.replyall span.inner {
      background-position: -7px -271px
  }

  .pagenav a.extwin span.inner {
      background-position: -29px -271px
  }

  .pagenav .countdisplay {
      display: inline-block;
      padding: 3px 1em 0;
      text-shadow: 0 1px 1px #fff;
      min-width: 16em
  }

  .pagenavbuttons {
      position: relative;
      top: -2px
  }

  a.iconbutton {
      display: inline-block;
      width: 24px;
      height: 18px;
      text-decoration: none;
      text-indent: -5000px;
      background: url(images/buttons.png) -1000px 0 no-repeat
  }

  a.iconbutton.disabled {
      opacity: .4;
      filter: alpha(opacity=40);
      cursor: default
  }

  a.iconbutton.searchoptions {
      background-position: -2px -317px
  }

  a.iconbutton.reset {
      background-position: -25px -317px
  }

  a.iconbutton.cancel {
      background-position: -7px -377px
  }

  a.iconlink {
      display: inline-block;
      text-decoration: none;
      white-space: nowrap;
      padding: 2px 8px 2px 20px;
      background: url(images/buttons.png) -1000px 0 no-repeat
  }

  a.iconlink:hover {
      text-decoration: underline
  }

  a.iconlink.delete {
      background-position: -7px -337px
  }

  a.iconlink.add {
      background-position: -7px -357px
  }

  a.iconlink.remove {
      background-position: -7px -378px
  }

  a.iconlink.cancel {
      background-position: -7px -397px
  }

  a.iconlink.edit {
      background-position: -7px -417px
  }

  a.iconlink.upload {
      background-position: -6px -437px
  }

  #message div.confirmation,
  #message div.error,
  #message div.loading,
  #message div.notice,
  #message div.warning,
  #message-objects div.notice {
      color: #555;
      font-weight: 700;
      padding: 6px 30px 6px 25px;
      display: inline-block;
      white-space: nowrap;
      background: url(images/messages.png) 0 5px no-repeat;
      cursor: default
  }

  #message div.warning {
      background-position: 0 -86px
  }

  #message div.error {
      background-position: 0 -55px
  }

  #message div.confirmation {
      background-position: 0 -25px
  }

  #message div.loading {
      background: url(images/ajaxloader.gif) 2px 6px no-repeat
  }

  #message div a,
  #message div span {
      padding-right: .5em;
      text-decoration: none
  }

  #message div a:hover {
      text-decoration: underline;
      cursor: pointer
  }

  #message.statusbar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 27px;
      padding-left: 8px;
      border-radius: 0 0 4px 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }

  .ui-dialog.confirmation .ui-dialog-title,
  .ui-dialog.error .ui-dialog-title,
  .ui-dialog.warning .ui-dialog-title {
      padding-left: 25px;
      background: url(images/messages.png) 0 5px no-repeat;
      text-shadow: 0 1px 1px #fff
  }

  .ui-dialog.warning .ui-dialog-title {
      background-position: 0 -90px
  }

  .ui-dialog.error .ui-dialog-title {
      background-position: 0 -60px
  }

  .ui-dialog.confirmation .ui-dialog-title {
      background-position: 0 -30px
  }

  #header {
      overflow: hidden
  }

  #topline {
      text-align: center
  }

  #topline a,
  #topnav a {
      text-decoration: none
  }

  #topline a:hover {
      text-decoration: underline
  }

  #toplogo {
      padding-top: 2px;
      cursor: pointer
  }

  .topleft {
      float: left
  }

  .topright {
      float: right
  }

  .closelink {
      display: inline-block;
      padding: 2px 10px 2px 20px
  }

  #topline span.username {
      padding-right: 1em
  }

  #topline .topleft a {
      display: inline-block;
      padding: 2px .8em 0 0;
      color: #aaa
  }

  #taskbar .button-logout {
      display: none
  }

  .extwin #topline,
  .extwin #topline:hover {
      position: static;
      top: 0;
      height: 18px;
      width: auto;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      opacity: .999
  }

  .minimal #topline a.button-logout {
      display: none
  }

  .minimal #topline span.username {
      display: inline-block;
      padding-top: 2px
  }

  .minimal #taskbar .button-logout {
      display: inline-block
  }

  .minimal #taskbar .button-inner {
      top: -4px;
      padding: 0;
      height: 24px!important;
      width: 27px;
      text-indent: -5000px
  }

  #taskbar .tooltip {
      display: none
  }

  .minimal #taskbar .tooltip {
      -moz-box-shadow: 0 1px 5px 0 #333;
      -webkit-box-shadow: 0 1px 5px 0 #333;
      -o-box-shadow: 0 1px 5px 0 #333
  }

  .minimal #taskbar .tooltip:after {
      content: "";
      position: absolute;
      top: -4px;
      right: 15px;
      border-style: solid;
      border-width: 0 4px 4px;
      border-color: #888 transparent;
      display: block;
      width: 0;
      z-index: 251
  }

  .ie8 .minimal #taskbar .tooltip:after {
      top: -6px
  }

  .minimal #taskbar a:hover .tooltip {
      display: block;
      top: 39px
  }

  #taskbar {
      position: relative;
      padding-right: 18px
  }

  .minimal #mainscreen.offset {
      top: 102px
  }

  .extwin #mainscreen {
      top: 40px
  }

  #mainscreen.offset {
      top: 132px
  }

  #mainscreen .offset {
      margin-top: 42px
  }

  .uibox {
      overflow: hidden;
      -o-box-shadow: 0 0 2px #999;
      -webkit-box-shadow: 0 0 2px #999;
      -moz-box-shadow: 0 0 2px #999
  }

  .scroller {
      overflow: auto
  }

  .readtext {
      width: 42em;
      padding: 12px;
      font-size: 12px
  }

  .readtext>h1,
  .readtext>h2,
  .readtext>h3 {
      margin-top: 0
  }

  .watermark {
      background-image: url(images/watermark.jpg);
      background-position: center;
      background-repeat: no-repeat
  }

  .listbox .scroller {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      bottom: 0;
      overflow-x: hidden;
      overflow-y: auto
  }

  .listbox .scroller.withfooter {
      bottom: 42px
  }

  .listbox .boxtitle+.scroller {
      top: 34px
  }

  .boxtitle,
  .uibox .listing thead td {
      padding: 10px 8px 3px;
      height: 20px
  }

  .listbox .listitem,
  .listbox .tablink,
  .listing li,
  .listing tbody td {
      display: block
  }

  .listbox .listitem a,
  .listbox .tablink a,
  .listing li a,
  .listing tbody td {
      display: block;
      padding: 6px 8px 2px;
      white-space: nowrap
  }

  .listing tbody td {
      display: table-cell;
      padding-bottom: 5px;
      min-height: 14px
  }

  .webkit .listing tbody td {
      height: 14px
  }

  .listbox .listitem.selected,
  .listbox .listitem.selected>a,
  .listbox .tablink.selected,
  .listbox .tablink.selected>a,
  .listing li.selected,
  .listing li.selected>a,
  .listing tbody tr.selected td,
  .listing tbody tr.unfocused td {
      font-weight: 700
  }

  ul.listing {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0
  }

  table.listing tr.droptarget td,
  ul.listing li.droptarget {
      background-color: #e8e798
  }

  table.layout,
  table.listing {
      border: 0;
      width: 100%;
      border-spacing: 0
  }

  table.layout td {
      vertical-align: top
  }

  .listbox .boxfooter {
      -webkit-box-shadow: inset 0 1px 0 0 #fff;
      -moz-box-shadow: inset 0 1px 0 0 #fff
  }

  .uibox .boxfooter {
      border-radius: 0 0 4px 4px
  }

  .uibox .boxfooter .listbutton:first-child {
      border-radius: 0 0 0 4px
  }

  .boxfooter .listbutton .inner {
      display: inline-block;
      width: 48px;
      height: 35px;
      text-indent: -5000px;
      background: url(images/buttons.png) -1000px 0 no-repeat
  }

  .boxfooter .listbutton.add .inner {
      background-position: 10px -1301px
  }

  .boxfooter .listbutton.delete .inner {
      background-position: 10px -1342px
  }

  .boxfooter .listbutton.groupactions .inner {
      background-position: 5px -1382px
  }

  .boxfooter .listbutton.addto .inner {
      background-position: 5px -1422px
  }

  .boxfooter .listbutton.addcc .inner {
      background-position: 5px -1462px
  }

  .boxfooter .listbutton.addbcc {
      width: 54px
  }

  .boxfooter .listbutton.addbcc .inner {
      width: 54px;
      background-position: 2px -1502px
  }

  .boxfooter .listbutton.removegroup .inner {
      background-position: 5px -1540px
  }

  .boxfooter .listbutton.disabled .inner {
      opacity: .4;
      filter: alpha(opacity=40)
  }

  .boxfooter .countdisplay {
      display: inline-block;
      position: relative;
      top: 10px;
      padding: 3px 6px
  }

  .boxpagenav {
      position: absolute;
      top: 10px;
      right: 6px;
      width: auto
  }

  .boxpagenav a.icon {
      display: inline-block;
      padding: 1px 3px;
      height: 13px;
      width: 14px;
      text-indent: 1000px;
      vertical-align: bottom;
      overflow: hidden;
      background: url(images/buttons.png) -4px -286px no-repeat
  }

  .boxpagenav a.icon.prevpage {
      background-position: -4px -301px
  }

  .boxpagenav a.icon.nextpage {
      background-position: -28px -301px
  }

  .boxpagenav a.icon.lastpage {
      background-position: -28px -286px
  }

  .boxpagenav a.icon.disabled {
      opacity: .4;
      filter: alpha(opacity=40)
  }

  .centerbox {
      width: 40em;
      margin: 16px auto
  }

  .errorbox {
      width: 40em;
      padding: 20px
  }

  .errorbox h3 {
      font-size: 16px;
      margin-top: 0
  }

  table.records-table {
      display: table;
       /*width: 100%;*/
      table-layout: fixed;
      border-collapse: collapse;
      border-spacing: 0
  }

  .boxlistcontent .records-table {
      border: 0
  }

  .records-table thead td ,.records-table thead th {
      font-size: 11px;
      overflow: hidden;
      text-overflow: ellipsis
  }

  .records-table.sortheader thead td {
      padding: 0
  }

  .records-table thead td a,
.records-table thead td span ,
.records-table thead th a,
.records-table thead th span  {
      display: block;
      padding: 7px;
      text-decoration: none;
      overflow: hidden;
      text-overflow: ellipsis
  }

.records-table tbody td {
      white-space: nowrap;
      cursor: default;
      overflow: hidden;
      text-overflow: ellipsis
  }

.records-table tbody tr td:first-child,
.records-table thead tr td:first-child {
      border-left: 0
  }

  .records-table tr.selected td,
  .records-table tr.selected td a,
  .records-table tr.selected td span,
  .records-table tr.unfocused td,
  .records-table tr.unfocused td a,
  .records-table tr.unfocused td span {
      color: #fff!important
  }

  #aboutframe {
      width: 97%;
      height: 100%;
      border: 0;
      padding: 0
  }

  body.iframe {
      margin: 38px 0 10px
  }

  body.iframe.floatingbuttons {
      margin-bottom: 40px
  }

  body.iframe.fullheight {
      margin: 0
  }

  body.iframe .boxtitle {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100
  }

  #composeview-bottom .formbuttons.floating,
  body.iframe .footerleft.floating {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 110;
      background: #fff;
      padding-top: 8px;
      padding-bottom: 12px
  }

  #composeview-bottom .formbuttons.floating:before,
  body.iframe .footerleft.floating:before {
      content: " ";
      position: absolute;
      top: -6px;
      left: 0;
      width: 100%;
      height: 6px;
      background: url(images/overflowshadow.png) top center no-repeat
  }

  .boxcontent {
      padding: 10px
  }

  .contentbox .scroller {
      position: absolute;
      top: 34px;
      left: 0;
      right: 0;
      bottom: 28px;
      overflow: auto
  }

  .iframebox {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 28px
  }

  .footerleft {
      padding: 0 12px 4px
  }

  .propform fieldset {
      margin-bottom: 20px;
      border: 0;
      padding: 0
  }

  .propform fieldset legend {
      display: block;
      font-size: 14px;
      font-weight: 700;
      padding-bottom: 10px;
      margin-bottom: 0
  }

  .propform fieldset fieldset legend {
      font-size: 12px
  }

  fieldset.floating {
      float: left;
      margin-right: 10px;
      margin-bottom: 10px
  }

  table.propform {
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse
  }

  table.propform td,
  ul.proplist li {
      width: 80%;
      padding: 4px 10px
  }

  table.propform td.title {
      width: 20%;
      padding-right: 20px;
      white-space: nowrap
  }

  table.propform .mceLayout td {
      padding: 0;
      border-bottom: 0
  }

  ul.proplist {
      list-style: none;
      margin: 0;
      padding: 0
  }

  ul.proplist li {
      width: auto
  }

  #pluginbody {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0
  }

  #login-form {
      position: relative;
      width: 580px;
      margin: 20ex auto 2ex
  }

  #login-form .box-inner {
      width: 430px;
      background: url(images/linen_login.jpg) top left no-repeat #5c5c5c;
      margin: 0 50px;
      padding: 10px 24px 24px;
      border: 1px solid #333;
      border-radius: 5px;
      box-shadow: inset 0 0 1px #ccc;
      -o-box-shadow: inset 0 0 1px #ccc;
      -webkit-box-shadow: inset 0 0 1px #ccc;
      -moz-box-shadow: inset 0 0 1px #ccc
  }

  #login-form .box-bottom {
      background: url(images/login_shadow.png) top center no-repeat;
      margin-top: -3px;
      padding-top: 10px
  }

  #login-form .noscriptwarning {
      margin: 0 auto;
      width: 430px;
      color: #cf2734;
      font-size: 110%;
      font-weight: 700
  }

  #login-form td.input {
      width: 80%;
      padding: 8px
  }

  #login-form input[type=password],
  #login-form input[type=text] {
      width: 100%;
      border-color: #666
  }

  #login-form input.button {
      color: #444;
      text-shadow: 0 1px 1px #fff;
      border-color: #f9f9f9;
      background: #f9f9f9;
      background: -moz-linear-gradient(top, #f9f9f9 0, #e2e2e2 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e2e2e2));
      background: -o-linear-gradient(top, #f9f9f9 0, #e2e2e2 100%);
      background: -ms-linear-gradient(top, #f9f9f9 0, #e2e2e2 100%);
      background: linear-gradient(top, #f9f9f9 0, #e2e2e2 100%);
      box-shadow: inset 0 1px 0 0 #fff;
      -moz-box-shadow: inset 0 1px 0 0 #fff;
      -webkit-box-shadow: inset 0 1px 0 0 #fff;
      -o-box-shadow: inset 0 1px 0 0 #fff
  }

  #login-form input.button:focus,
  #login-form input.button:hover {
      box-shadow: 0 0 5px 2px rgba(71, 135, 177, .9), inset 0 1px 0 0 #fff;
      -moz-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .9), inset 0 1px 0 0 #fff;
      -webkit-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .9), inset 0 1px 0 0 #fff;
      -o-box-shadow: 0 0 5px 2px rgba(71, 135, 177, .9), inset 0 1px 0 0 #fff
  }

  #login-form input.button:active {
      color: #333
  }

  #login-form form table {
      width: 98%
  }

  #login-form td.title {
      width: 20%;
      white-space: nowrap;
      color: #cecece;
      text-shadow: 0 1px 1px #000;
      text-align: right;
      padding-right: 1em
  }

  #login-form p.formbuttons {
      margin-top: 2em;
      text-align: center
  }

  #login-form #logo {
      margin-bottom: 20px
  }

  #login-form #message {
      min-height: 40px;
      padding: 5px 25px;
      text-align: center
  }

  #login-form #message div {
      display: inline-block;
      padding-right: 0
  }

  #bottomline {
      font-size: 90%;
      text-align: center;
      margin-top: 2em
  }

  .toolbar .spacer {
      display: inline-block;
      width: 24px;
      height: 40px;
      padding: 0
  }

  .toolbar a.button {
      text-align: center;
      font-size: 10px;
      color: #555;
      min-width: 50px;
      max-width: 75px;
      height: 13px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 28px 2px 0;
      text-shadow: 0 1px 1px #eee;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      -o-box-shadow: none;
      background: url(images/buttons.png) -100px 0 no-repeat transparent;
      border: 0
  }

  .toolbar a.button.disabled {
      opacity: .4;
      filter: alpha(opacity=40)
  }

  .dropbutton {
      display: inline-block;
      position: relative
  }

  .dropbutton .dropbuttontip {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      height: 42px;
      width: 18px;
      background: url(images/buttons.png) 0 -1255px no-repeat;
      cursor: pointer
  }

  .dropbutton .dropbuttontip:hover {
      background-position: -26px -1255px
  }

  .dropbutton a.button.disabled+.dropbuttontip {
      opacity: .5;
      filter: alpha(opacity=50)
  }

  .dropbutton a.button.disabled+.dropbuttontip:hover {
      background-position: 0 -1255px
  }

  .dropbutton a.button {
      margin-left: 0;
      padding-left: 0;
      margin-right: 0;
      padding-right: 0
  }

  .toolbar a.button.back {
      background-position: 0 -1216px
  }

  .toolbar a.button.checkmail {
      background-position: center -1176px
  }

  .toolbar a.button.compose {
      background-position: center -530px
  }

  .toolbar a.button.reply {
      background-position: center -570px
  }

  .toolbar a.button.reply-all {
      min-width: 64px;
      background-position: left -610px
  }

  .toolbar a.button.forward {
      min-width: 64px;
      background-position: left -650px
  }

  .toolbar a.button.delete {
      background-position: center -690px
  }

  .toolbar a.button.archive {
      background-position: center -730px
  }

  .toolbar a.button.junk {
      background-position: center -770px
  }

  .toolbar a.button.print {
      background-position: center -810px
  }

  .toolbar a.button.markmessage {
      background-position: center -1094px
  }

  .toolbar a.button.more {
      background-position: center -850px
  }

  .toolbar a.button.attach {
      background-position: center -890px
  }

  .toolbar a.button.spellcheck {
      min-width: 64px;
      background-position: left -930px
  }

  .toolbar a.button.spellcheck.selected {
      background-position: left -1620px;
      color: #1978a1
  }

  .toolbar a.button.insertsig {
      background-position: center -1135px
  }

  .toolbar a.button.search {
      background-position: center -970px
  }

  .toolbar a.button.import {
      background-position: center -1012px
  }

  .toolbar a.button.export {
      background-position: center -1054px
  }

  .toolbar a.button.send {
      background-position: center -1660px
  }

  .toolbar a.button.savedraft {
      background-position: center -1700px
  }

  .toolbar a.button.close {
      background-position: 0 -1745px
  }

  a.menuselector {
      display: inline-block;
      border: 1px solid #ababab;
      border-radius: 4px;
      background: #f8f8f8;
      background: -moz-linear-gradient(top, #f8f8f8 0, #ddd 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ddd));
      background: -o-linear-gradient(top, #f8f8f8 0, #ddd 100%);
      background: -ms-linear-gradient(top, #f9f9f9 0, #ddd 100%);
      background: linear-gradient(top, #f8f8f8 0, #ddd 100%);
      text-decoration: none;
      color: #333;
      cursor: pointer;
      white-space: nowrap
  }

  a.menuselector .handle {
      display: inline-block;
      padding: 0 32px 0 6px;
      height: 20px;
      line-height: 19px;
      text-shadow: 0 1px 1px #fff;
      background: url(images/selector.png) right center no-repeat;
      border-radius: 4px
  }

  a.menuselector:active {
      background: #ddd;
      background: -moz-linear-gradient(top, #ddd 0, #f8f8f8 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(100%, #f8f8f8));
      background: -o-linear-gradient(top, #ddd 0, #f8f8f8 100%);
      background: -ms-linear-gradient(top, #ddd 0, #f8f8f8 100%);
      background: linear-gradient(top, #ddd 0, #f8f8f8 100%);
      text-decoration: none
  }

  select.decorated {
      position: relative;
      z-index: 10;
      opacity: 0;
      height: 22px;
      cursor: pointer;
      filter: alpha(opacity=0);
      -khtml-appearance: none;
      -webkit-appearance: none
  }

  html.opera select.decorated {
      opacity: 1
  }

  select.decorated option {
      border: 0;
      padding: 4px 6px;
      outline: 0
  }

  #quotadisplay {
      left: 6px;
      font-size: 12px;
      font-weight: 700;
      text-shadow: 0 1px 1px #fff;
      padding-left: 30px;
      height: 18px;
      background: url(images/quota.png) -100px 0 no-repeat
  }

  #rcmKSearchpane,
  .popupmenu {
      display: none;
      position: absolute;
      top: 32px;
      left: 90px;
      width: auto;
      z-index: 240;
      border-radius: 4px;
      -moz-box-shadow: 0 2px 6px 0 #333;
      -webkit-box-shadow: 0 2px 6px 0 #333;
      -o-box-shadow: 0 2px 6px 0 #333
  }

  .popupmenu.dropdown {
      border-radius: 0 0 4px 4px
  }

  #rcmKSearchpane ul,
  ul.toolbarmenu,
  ul.toolbarmenu ul {
      margin: 0;
      padding: 0;
      list-style: none
  }

  .googie_list tr:first-child td,
  select.decorated option:first-child,
  ul.toolbarmenu li:first-child {
      border-top: 0
  }

  .googie_list tr:last-child td,
  select.decorated option:last-child,
  ul.toolbarmenu li:last-child {
      border-bottom: 0
  }

  .googie_list td span,
  ul.toolbarmenu li a {
      display: block;
      text-decoration: none;
      min-height: 14px;
      padding: 6px 10px
  }

  .googie_list td span {
      padding: 3px 10px
  }

  .googie_list td span,
  ul.toolbarmenu li a.active {
      cursor: default
  }

  ul.toolbarmenu.iconized li a,
  ul.toolbarmenu.selectable li a {
      padding-left: 30px
  }

  ul.toolbarmenu.selectable li a.selected {
      background: url(images/messages.png) 4px -27px no-repeat
  }

  ul.toolbarmenu li label {
      display: block;
      padding: 4px 8px
  }

  ul.toolbarmenu li a.icon {
      padding: 2px 6px
  }

  ul.toolbarmenu li span.icon {
      display: block;
      min-height: 14px;
      padding: 4px 4px 1px 24px;
      height: 17px;
      background-image: url(images/listicons.png);
      background-position: -100px 0;
      background-repeat: no-repeat;
      filter: alpha(opacity=20)
  }

  ul.toolbarmenu li a.active span.icon {
      opacity: .99;
      filter: alpha(opacity=100)
  }

  ul.toolbarmenu li span.read {
      background-position: 0 -1220px
  }

  ul.toolbarmenu li span.unread {
      background-position: 0 -1196px
  }

  ul.toolbarmenu li span.flagged {
      background-position: 0 -1244px
  }

  ul.toolbarmenu li span.unflagged {
      background-position: 0 -1268px
  }

  ul.toolbarmenu li span.mail {
      background-position: 0 -1293px
  }

  ul.toolbarmenu li span.list {
      background-position: 0 -1317px
  }

  ul.toolbarmenu li span.invert {
      background-position: 0 -1340px
  }

  ul.toolbarmenu li span.cross {
      background-position: 0 -1365px
  }

  ul.toolbarmenu li span.print {
      background-position: 0 -1436px
  }

  ul.toolbarmenu li span.download {
      background-position: 0 -1412px
  }

  ul.toolbarmenu li span.edit {
      background-position: 0 -1388px
  }

  ul.toolbarmenu li span.viewsource {
      background-position: 0 -1460px
  }

  ul.toolbarmenu li span.extwin {
      background-position: 0 -1484px
  }

  ul.toolbarmenu li span.conversation {
      background-position: 0 -1532px
  }

  #rcmKSearchpane {
      border-radius: 0 0 4px 4px
  }

  #rcmKSearchpane ul li {
      text-shadow: 0 1px 1px #333;
      text-decoration: none;
      min-height: 14px;
      padding: 6px 10px;
      border: 0;
      cursor: default
  }

  .popupdialog {
      display: none;
      padding: 10px
  }

  .popupdialog .formbuttons {
      margin: 20px 0 4px
  }

  .ui-dialog .prompt input {
      display: block;
      margin: 8px 0
  }

  .hint {
      margin: 4px 0;
      text-shadow: 0 1px 1px #fff
  }

  .splitter {
      user-select: none;
      -moz-user-select: none;
      -khtml-user-select: none;
      position: absolute;
      background: url(images/splitter.png) center no-repeat
  }

  .splitter-h {
      height: 10px;
      width: 100%;
      cursor: n-resize;
      cursor: row-resize;
      background-position: center 0
  }

  .splitter-v {
      width: 10px;
      height: 100%;
      cursor: e-resize;
      cursor: col-resize;
      background-position: 0 center
  }

  #rcmdraglayer {
      min-width: 260px;
      width: auto!important;
      width: 260px;
      padding: 6px 8px;
      border-radius: 4px;
      box-shadow: 0 2px 6px 0 #333;
      -moz-box-shadow: 0 2px 6px 0 #333;
      -webkit-box-shadow: 0 2px 6px 0 #333;
      -o-box-shadow: 0 2px 6px 0 #333;
      z-index: 250;
      white-space: nowrap;
      opacity: .92;
      filter: alpha(opacity=92);
      text-shadow: 0 1px 1px #333
  }

  #rcmdraglayer:after {
      content: "";
      position: absolute;
      top: 6px;
      left: -6px;
      border-style: solid;
      border-width: 6px 6px 6px 0;
      display: block;
      width: 0;
      z-index: 251
  }

  .draglayercopy:before {
      position: absolute;
      bottom: -6px;
      left: -6px;
      content: " ";
      width: 16px;
      height: 16px;
      background: url(images/buttons.png) -7px -358px no-repeat;
      z-index: 255
  }

  .attachmentslist {
      list-style: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      text-overflow: ellipsis
  }

  .attachmentslist li {
      display: block;
      position: relative;
      background: url(images/filetypes.png) 0 0 no-repeat;
      margin-bottom: 1px
  }

  .attachmentslist li.pdf {
      background-position: 0 -26px
  }

  .attachmentslist li.doc,
  .attachmentslist li.docx,
  .attachmentslist li.msword {
      background-position: 0 -52px
  }

  .attachmentslist li.odt {
      background-position: 0 -78px
  }

  .attachmentslist li.msexcel,
  .attachmentslist li.xls,
  .attachmentslist li.xlsx {
      background-position: 0 -104px
  }

  .attachmentslist li.ods {
      background-position: 0 -130px
  }

  .attachmentslist li.gz,
  .attachmentslist li.zip {
      background-position: 0 -156px
  }

  .attachmentslist li.rar {
      background-position: 0 -182px
  }

  .attachmentslist li.image {
      background-position: 0 -208px
  }

  .attachmentslist li.jpeg,
  .attachmentslist li.jpg {
      background-position: 0 -234px
  }

  .attachmentslist li.png {
      background-position: 0 -260px
  }

  .attachmentslist li.m4p {
      background-position: 0 -286px
  }

  .attachmentslist li.audio,
  .attachmentslist li.mp3 {
      background-position: 0 -312px
  }

  .attachmentslist li.video {
      background-position: 0 -338px
  }

  .attachmentslist li.text,
  .attachmentslist li.txt {
      background-position: 0 -416px
  }

  .attachmentslist li.calendar,
  .attachmentslist li.ics {
      background-position: 0 -364px
  }

  .attachmentslist li.vcard {
      background-position: 0 -390px
  }

  .attachmentslist li.html {
      background-position: 0 -442px
  }

  #compose-attachments ul li,
  .attachmentslist li a {
      display: block;
      color: #333;
      font-weight: 700;
      padding: 8px 4px 3px 30px;
      text-shadow: 0 1px 1px #fff;
      text-decoration: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }

  #compose-attachments ul li {
      padding-right: 28px
  }

  .attachmentslist li a:hover {
      text-decoration: underline
  }

  .attachmentslist li.uploading {
      background: url(images/ajaxloader.gif) 2px 6px no-repeat
  }

  .attachmentslist li a.cancelupload,
  .attachmentslist li a.delete {
      position: absolute;
      top: 6px;
      right: 0;
      width: 24px;
      height: 18px;
      padding: 0;
      text-decoration: none;
      text-indent: -5000px;
      background: url(images/buttons.png) -7px -337px no-repeat
  }

  .attachmentslist li a.cancelupload {
      background-position: -7px -377px
  }

  .tabsbar {
      margin-bottom: 12px;
      padding-top: 15px;
      white-space: nowrap
  }

  .ui-dialog-content .tabsbar {
      margin-bottom: 0
  }

  .tabsbar .tablink {
      padding: 15px 1px 15px 0
  }

  .tabsbar .tablink:last-child a {
      border-right: 0
  }

  .tabsbar .tablink a {
      padding: 15px;
      font-size: 12px;
      font-weight: 700;
      text-decoration: none
  }

  fieldset.tab {
      border: 0;
      padding: 0;
      margin-left: 0
  }

  #composeheaders,
  #login-form input.button,
  #login-form input.button:active,
  #mailboxlist li.mailbox .unreadcount,
  #mailboxlist li.mailbox.selected>a .unreadcount,
  #message.statusbar,
  #messageheader,
  #messagelistfooter,
  #partheader,
  #previewheaderstoggle,
  #rcmKSearchpane ul li.selected,
  #topnav,
  .contactfieldgroup,
  .contactfieldgroup legend,
  .contentbox .boxtitle,
  .formbuttons input.button,
  .formbuttons input.button:active,
  .googie_list td.googie_list_onhover,
  .pagenav.dark a.button,
  .pagenav.dark a.button.pressed,
  .records-table tr.selected td,
  .tabsbar .selected a,
  .tabsbar .tablink,
  .toolbar a.button,
  .ui-dialog.popupmessage .ui-dialog-titlebar,
  .ui-dialog.popupmessage .ui-widget-content,
  a.button,
  a.button.pressed,
  a.button:active,
  a.menuselector,
  a.menuselector:active,
  body.iframe .boxtitle,
  input.button,
  input.button.mainaction,
  input.button.mainaction:active,
  input.button:active,
  ul.toolbarmenu li a.active:hover {
      filter: none
  }

  body {
      font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #333;
      background: #F4F4F2;
      margin: 0
  }

  .minwidth {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      min-width: 960px
  }

  .minimal #topnav {
      height: 42px;
      position: relative;
      top: 4px
  }

  #topnav {
      background: url(images/main-header.jpg) repeat-x scroll 0 0 #638400!important;
      margin-bottom: 10px;
      padding: 0 0 0 10px;
      height: 90px
  }

  .minimal #sub-topnav {
      height: 42px;
      position: relative;
      top: 4px
  }

  #sub-topnav {
      height: 90px;
      margin-bottom: 10px;
      padding: 0 0 0 10px;
      background: url(images/flash.png) no-repeat scroll 50% 0 transparent!important
  }

  .minimal #topline {
      position: fixed;
      top: -18px;
      background: #4D6800;
      z-index: 5000;
      width: 100%;
      height: 22px;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }

  .minimal #topline:hover {
      top: 0;
      opacity: .94;
      filter: alpha(opacity=94);
      -webkit-transition: top .3s ease-in-out;
      -moz-transition: top .3s ease-in-out;
      -o-transition: top .3s ease-in-out;
      transition: top .3s ease-in-out
  }

  #topline {
      background: #4D6800;
      height: 18px;
      border-bottom: none;
      padding: 2px 0 2px 10px;
      color: #aaa;
      font-size: 12px
  }

  #topline a,
  #topnav a {
      color: #eee
  }

  .minimal #toplogo {
      position: absolute;
      left: 10px;
      top: -7px;
      width: 180px;
      height: 42px
  }

  #toplogo {
      left: 5px;
      position: absolute;
      top: 36px;
      width: 190px
  }

  .minimal #taskbar .tooltip {
      background: none repeat scroll 0 0 #A1B407;
      border: 1px solid #FFF;
      box-shadow: 0 1px 5px 0 #333;
      color: #f4f4f2;
      display: inline-block;
      font-weight: 700;
      padding: 2px 8px 3px;
      position: absolute;
      right: 2px;
      text-shadow: 0 1px 1px #000;
      top: -500px;
      white-space: nowrap;
      z-index: 200
  }

  #topline .username {
      background: 0 0
  }

  #topline a.button-logout {
      background: url(images/buttons.png) no-repeat scroll -6px -193px transparent;
      color: #FFF;
      display: inline-block;
      padding: 2px 10px 2px 20px
  }

  .uibox .boxtitle,
  .uibox .listing thead td {
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0);
      border-radius: 4px 4px 0 0;
      color: #F4F4F2
  }

  .uibox .listing thead td {
      height: auto;
      padding-bottom: 8px
  }

  .boxtitle,
  .uibox .listing thead td {
      border-bottom: 1px solid #EBEBEB;
      font-size: 12px;
      font-weight: 700;
      margin: 0;
      text-shadow: none;
      white-space: nowrap
  }

  .listbox {
      background: none repeat scroll 0 0 #F4F4F2;
      overflow: hidden
  }

  .listbox .listitem a,
  .listbox .tablink a,
  .listing li a,
  .listing tbody td {
      color: #000;
      cursor: default;
      height: 17px;
      text-decoration: none;
      text-shadow: none
  }

  .listbox .listitem,
  .listbox .tablink,
  .listing li,
  .listing tbody td {
      border-bottom: 1px solid #DCDCDC;
      border-top: 1px solid #FFF;
      cursor: default;
      font-weight: 400
  }

  .listbox .listitem.selected,
  .listbox .listitem.selected>a,
  .listbox .tablink.selected,
  .listbox .tablink.selected>a,
  .listing li.selected,
  .listing li.selected>a,
  .listing tbody tr.selected td,
  .listing tbody tr.unfocused td {
      background-color: #93B711;
      color: #000
  }

  img {
      border: 0
  }

  a {
      color: #0069a6
  }

  a:visited {
      color: #0186ba
  }

  select {
      color: #000
  }

  input.button {
      color: #f4f4f2;
      border: 1px solid #596F0B;
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0);
      padding: 6px 16px;
      font-size: 11px;
      text-shadow: none;
      box-shadow: none
  }

  input.button:hover {
      color: #f4f4f2;
      background: #596F0B;
      background: -moz-linear-gradient(top, #596F0B 0, #CCEE50 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #596F0B), color-stop(100%, #CCEE50));
      background: -o-linear-gradient(top, #596F0B 0, #CCEE50 100%);
      background: -ms-linear-gradient(top, #596F0B 0, #CCEE50 100%);
      background: linear-gradient(top, #596F0B 0, #CCEE50 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#596F0B', EndColorStr='#CCEE50', GradientType=0);
      box-shadow: none
  }

  .formbuttons input.button {
      color: #f4f4f2;
      font-size: 100%;
      border: 1px solid #596F0B;
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0);
      padding: 6px 16px;
      box-shadow: none
  }

  .formbuttons input.button:focus,
  .formbuttons input.button:hover,
  input.button.mainaction:focus,
  input.button.mainaction:hover {
      color: #f4f4f2;
      background: #596F0B;
      background: -moz-linear-gradient(top, #596F0B 0, #CCEE50 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #596F0B), color-stop(100%, #CCEE50));
      background: -o-linear-gradient(top, #596F0B 0, #CCEE50 100%);
      background: -ms-linear-gradient(top, #596F0B 0, #CCEE50 100%);
      background: linear-gradient(top, #596F0B 0, #CCEE50 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#596F0B', EndColorStr='#CCEE50', GradientType=0);
      box-shadow: none
  }

  input.mainaction {
      font-weight: 400
  }

  .formbuttons input.button:active,
  input.button:active {
      color: #f4f4f2;
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0)
  }

  input.button.mainaction {
      color: #f4f4f2;
      text-shadow: 0 1px 1px #333;
      border: 1px solid #596F0B;
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0);
      box-shadow: none
  }

  input.button.mainaction:active {
      color: #f4f4f2;
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0)
  }

  input.button.mainaction[disabled],
  input.button[disabled],
  input.button[disabled]:hover {
      color: #aaa!important
  }

  a.button {
      color: #525252;
      text-shadow: none;
      border: none;
      background: 0 0
  }

  a.button:focus,
  input.button:focus {
      border-color: #4fadd5
  }

  a.button.disabled,
  label.disabled {
      color: #999
  }

  a.button.disabled,
  a.button.disabled:hover,
  input.button.disabled,
  input.button.disabled:hover,
  input.button[disabled],
  input.button[disabled]:hover {
      border-color: none
  }

  .pagenav.dark a.button {
      border-color: transparent;
      background: 0 0
  }

  .pagenav.dark a.button.pressed {
      background: #fff
  }

  a.iconlink {
      color: #777
  }

  #message div.confirmation,
  #message div.error,
  #message div.notice,
  #message div.warning {
      padding: 6px 30px 6px 25px;
      font-weight: 400
  }

  #message div.warning {
      color: #960
  }

  #message div.error {
      color: #cf2734
  }

  #message div.confirmation {
      color: #093
  }

  #message div.notice {
      color: #444
  }

  #message.statusbar {
      border-top: 1px solid #ccc;
      color: #3F5359!important
  }

  #message .topleft {
      position: absolute;
      right: 6px;
      top: 6px
  }

  #message .topleft a {
      color: #ADADAD;
      font-size: 90%
  }

  #message.statusbar {
      background: none repeat scroll 0 0 #EAEAEA
  }

  ul.listing li {
      background-color: #F4F4F2
  }

  ul.toolbarmenu li span.icon {
      opacity: .39
  }

  .uibox {
      background: none repeat scroll 0 0 #F4F4F2;
      border: 1px solid #A3A3A3;
      border-radius: 4px;
      box-shadow: 0 0 2px #999
  }

  .ui-dialog.warning .ui-dialog-title {
      color: #960
  }

  .ui-dialog.error .ui-dialog-title {
      color: #cf2734
  }

  .ui-dialog.confirmation .ui-dialog-title {
      color: #093
  }

  .ui-dialog.popupmessage .ui-dialog-titlebar {
      padding: 8px 1em 4px;
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#ddecfe', EndColorStr='#8eb2e6', GradientType=0)
  }

  .ui-dialog.popupmessage .ui-widget-content {
      font-size: 12px;
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dcdcdc', GradientType=0)
  }

  select.decorated option {
      color: #000;
      background: #fff;
      border-top: none;
      border-bottom: none;
      text-shadow: none
  }

  .minimal #taskbar a {
      height: 30px;
      margin-top: -4px;
      padding: 10px 10px 0 6px;
      position: relative
  }

  #taskbar a {
      display: inline-block;
      height: 34px;
      padding: 12px 10px 0 6px;
      margin-top: 20px
  }

  #taskbar a span.button-inner {
      display: inline-block;
      font-size: 110%;
      font-weight: 400;
      text-shadow: 0 1px 1px #000;
      padding: 5px 0 0 34px;
      height: 19px;
      background: url(images/buttons.png) -1000px 0 no-repeat
  }

  #taskbar a.button-selected,
  #taskbar a.button-selected:hover,
  #taskbar a:hover {
      color: #f4f4f2;
      background: none repeat scroll 0 0 #76930E;
      border: 1px solid #B1C001
  }

  #taskbar a.button-mail span.button-inner,
  #taskbar a.button-mail.button-selected span.button-inner,
  #taskbar a.button-mail:hover span.button-inner {
      background-position: 0 2px
  }

  #taskbar a.button-addressbook span.button-inner,
  #taskbar a.button-addressbook.button-selected span.button-inner,
  #taskbar a.button-addressbook:hover span.button-inner {
      background-position: 0 -48px
  }

  #taskbar a.button-settings span.button-inner,
  #taskbar a.button-settings.button-selected span.button-inner,
  #taskbar a.button-settings:hover span.button-inner {
      background-position: 0 -96px
  }

  #taskbar a.button-calendar span.button-inner,
  #taskbar a.button-calendar.button-selected span.button-inner,
  #taskbar a.button-calendar:hover span.button-inner {
      background-position: 0 -144px
  }

  #taskbar a.button-logout span.button-inner,
  #taskbar a.button-logout:hover span.button-inner {
      background-position: -2px -1791px
  }

  .minimal #taskbar .minmodetoggle {
      background-position: -35px -1820px;
      height: 42px;
      top: -4px
  }

  #taskbar .minmodetoggle {
      background: url(images/buttons.png) no-repeat scroll -35px -1778px transparent;
      cursor: pointer;
      display: block;
      height: 46px;
      position: absolute;
      right: 0;
      top: 20px;
      width: 19px
  }

  #mainscreen {
      bottom: 20px;
      left: 10px;
      position: absolute;
      right: 10px;
      top: 125px
  }

  .minimal #mainscreen {
      top: 62px
  }

  .listbox .boxfooter {
      background: none repeat scroll 0 0 #EAEAEA;
      border-top: 1px solid #D4D4D3;
      bottom: 0;
      box-shadow: 0 1px 0 0 #FFF inset;
      height: 42px;
      left: 0;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 100%
  }

  .boxfooter .listbutton {
      background: none repeat scroll 0 0 #D9D9D9;
      border-right: 1px solid #FFF;
      display: inline-block;
      margin-top: 1px;
      padding: 3px 0;
      text-decoration: none;
      width: 48px
  }

  table.records-table {
      border: 1px solid #bbd3da
  }

  .records-table thead td ,.records-table thead th {
      background: #CCEE50;
      background: -moz-linear-gradient(top, #F4F4F2 0, #CCEE50 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F2), color-stop(100%, #CCEE50));
      background: -o-linear-gradient(top, #F4F4F2 0, #CCEE50 100%);
      background: -ms-linear-gradient(top, #F4F4F2 0, #CCEE50 100%);
      background: linear-gradient(top, #F4F4F2 0, #CCEE50 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#F4F4F2', EndColorStr='#CCEE50', GradientType=0);
      color: #333;
      font-weight: 400;
      padding: 0 4px 0 2px;
      vertical-align: middle;
      border-left: 1px solid #DADADA
  }

  #messagelist thead tr td.sortedASC a,
  #messagelist thead tr td.sortedDESC a {
      color: #333;
      text-decoration: none
  }

.records-table thead td.sortedASC,
.records-table thead td.sortedDESC,
.records-table thead th.sortedASC,
.records-table thead th.sortedDESC {
      background-position: 0 -30px
  }

  .records-table thead td a,
.records-table thead th a {
      color: #333
  }

  .records-table thead td span {
      color: #777
  }

  .records-table tbody td {
      background: #F4F4F2;
      padding: 4px 7px;
      border-bottom: 1px solid #EBEBEB;
      border-left: none
  }

  .records-table tr.selected td {
      color: #000!important;
      background: #E1F597
  }

  .records-table tr.selected td a,
  .records-table tr.selected td span {
      color: #000!important
  }

  .records-table tr.unfocused td {
      color: #000!important;
      background: #E1F597!important
  }

  .records-table tr.unfocused td a,
  .records-table tr.unfocused td span {
      color: #000!important
  }

  .records-table tr.deleted td,
  .records-table tr.deleted td a {
      color: #ccc!important
  }

  .contentbox .boxtitle,
  body.iframe .boxtitle {
      color: #F4F4F2;
      border-bottom: none;
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0)
  }

  body.iframe .footerleft.floating:before {
      background: 0 0;
      border-bottom: 1px solid #97B9E8
  }

  body.iframe .footerleft.floating {
      background: #fff;
      position: fixed
  }

  body.iframe {
      background: none repeat scroll 0 0 #F4F4F2!important
  }

  body.iframe .footerleft.floating input {
      margin-top: 8px
  }

  .propform fieldset fieldset legend {
      color: #666
  }

  table.propform td,
  ul.proplist li {
      background: 0 0;
      border-bottom: 1px solid #eee
  }

  table.propform td.title {
      color: #333
  }

  #rcmKSearchpane,
  .popupmenu {
      background: #F4F4F2;
      border: 1px solid #999;
      box-shadow: 0 0 8px 0 #878787!important
  }

  .popupmenu.dropdown {
      border-top: 1px solid #999
  }

  #rcmKSearchpane ul li,
  .googie_list td,
  ul.toolbarmenu li {
      color: #000;
      white-space: nowrap;
      min-width: 130px;
      margin: 0;
      border-top: none;
      border-bottom: none
  }

  .googie_list td span,
  ul.toolbarmenu li a {
      color: #666;
      text-shadow: none
  }

  .googie_list td span,
  ul.toolbarmenu li a.active {
      color: #666
  }

  #rcmKSearchpane ul li.selected,
  .googie_list td span,
  .googie_list td.googie_list_onhover,
  select.decorated option:hover,
  select.decorated option[selected=selected],
  ul.toolbarmenu li a.active:hover,
  ul.toolbarmenu li a:hover {
      background: #D7F07A
  }

  ul.toolbarmenu li label {
      color: #000;
      text-shadow: none
  }

  ul.toolbarmenu li a.icon {
      color: #333
  }

  ul.toolbarmenu li a.icon:hover {
      background: #D7F07A
  }

  .hint {
      color: #999
  }

  #rcmdraglayer {
      background: #444;
      border: 1px solid #555;
      color: #ccc
  }

  #rcmdraglayer:after {
      border-color: transparent #444
  }

  .tabsbar {
      border-bottom: 1px solid #D7D7D7;
      overflow: hidden;
      height: 20px
  }

  .tabsbar .tablink {
      position: relative;
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0);
      margin-right: 4px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      padding-top: 5px
  }

  .tabsbar .tablink a {
      color: #fff;
      background: 0 0;
      border: none
  }

  .tabsbar .tablink.selected {
      background: #fff!important;
      border: 1px solid #D7D7D7;
      border-bottom: none
  }

  .tabsbar .tablink.selected a {
      background: 0 0;
      color: #000;
      padding-top: 15px
  }

  .ui-widget-header {
      background: url(images/main-header.jpg) repeat-x scroll 0 0 #0D4E54!important;
      color: #F4F4F2!important;
      text-shadow: none!important
  }

  .ui-dialog .ui-dialog-title {
      text-shadow: none!important
  }

  .boxfooter .countdisplay {
      color: #4D6800
  }

  input.button:focus,
  input[type=password]:focus,
  input[type=text]:focus,
  textarea:focus {
      box-shadow: none;
      border: 1px solid #B2B2B2
  }

  input[type=password],
  input[type=text],
  textarea {
      box-shadow: none
  }

  .tabsbar .tablink:last-child {
      background: #596F0B;
      background: -moz-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCEE50), color-stop(100%, #596F0B));
      background: -o-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: -ms-linear-gradient(top, #CCEE50 0, #596F0B 100%);
      background: linear-gradient(top, #CCEE50 0, #596F0B 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#CCEE50', EndColorStr='#596F0B', GradientType=0)
  }

  .buttongroup a.button.selected,
  .buttongroup a.button.selected:hover {
      background: #E1F597;
      background: -moz-linear-gradient(top, #E1F597 0, #bababa 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E1F597), color-stop(100%, #bababa));
      background: -o-linear-gradient(top, #E1F597 0, #bababa 100%);
      background: -ms-linear-gradient(top, #E1F597 0, #bababa 100%);
      background: linear-gradient(top, #d8d8d8 0, #bababa 100%);
      -o-box-shadow: 0 1px 1px 0 #999;
      -webkit-box-shadow: 0 1px 1px 0 #999;
      -moz-box-shadow: 0 1px 1px 0 #999;
      box-shadow: inset 0 1px 2px 0 #555;
      border-right-color: #555;
      border-left-color: #555
  }

  .pagenav a.changeformat.html span.inner {
      background-position: -2px -1867px
  }

  .pagenav a.changeformat.html.selected span.inner {
      background-position: -24px -1867px
  }

  .pagenav a.changeformat.text span.inner {
      background-position: 0 -1889px
  }

  .pagenav a.changeformat.text.selected span.inner {
      background-position: -21px -1889px
  }

  .toolbar a.button.move {
      background-position: 14px -1982px
  }

  #folder-selector {
      z-index: 1000
  }

  #folder-selector li a span {
      background: url(images/listicons.png?v=017c.29530) left -96px no-repeat;
      display: block;
      height: 17px;
      min-height: 14px;
      padding: 4px 4px 1px 28px;
      overflow: hidden;
      max-width: 120px;
      text-overflow: ellipsis
  }

  #folder-selector li a.virtual {
      opacity: .2
  }

  #folder-selector li a.inbox span {
      background-position: left -190px
  }

  #folder-selector li a.drafts span {
      background-position: left -240px
  }

  #folder-selector li a.sent span {
      background-position: left -288px
  }

  #folder-selector li a.trash span {
      background-position: left -335px
  }

  #folder-selector li a.junk span {
      background-position: left -384px
  }

  .toolbar a.button.download {
      background-position: center -1892px
  }

  .toolbar a.button.responses {
      background-position: center -1948px
  }

  .searchbox {
      position: relative
  }

  #quicksearchbar {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 240px
  }

  #quicksearchbar input,
  .searchbox input {
      width: 176px;
      margin: 0;
      padding: 3px 30px 3px 34px;
      height: 18px;
      background: #f1f1f1;
      border-color: #ababab;
      font-weight: 700;
      font-size: 11px
  }

  #quicksearchbar #searchmenulink,
  .searchbox #searchmenulink {
      position: absolute;
      top: 5px;
      left: 6px
  }

  #quicksearchbar #searchreset,
  .searchbox #searchreset {
      position: absolute;
      top: 4px;
      right: 1px
  }

  ul.toolbarmenu li.separator label {
      color: #bbb;
      font-style: italic
  }

  #exportmenulink {
      width: 13px
  }
  .focused{
outline :none !important;
}