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 #0F0F10!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: #000;
    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: #000;
    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 #232227;
    border: 1px solid #777;
    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: #27262A;
    background: -moz-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C9EA7), color-stop(100%, #27262A));
    background: -o-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -ms-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: linear-gradient(top, #9C9EA7 0, #27262A 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9C9EA7', EndColorStr='#27262A', 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: #9C9EA7;
    color: #000
}

img {
    border: 0
}

a {
    color: #0069a6
}

a:visited {
    color: #0186ba
}

select {
    color: #000
}

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

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

.formbuttons input.button {
    color: #f4f4f2;
    font-size: 100%;
    border: 1px solid #27262A;
    background: #27262A;
    background: -moz-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C9EA7), color-stop(100%, #27262A));
    background: -o-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -ms-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: linear-gradient(top, #9C9EA7 0, #27262A 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9C9EA7', EndColorStr='#27262A', 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: #27262A;
    background: -moz-linear-gradient(top, #27262A 0, #9C9EA7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #27262A), color-stop(100%, #9C9EA7));
    background: -o-linear-gradient(top, #27262A 0, #9C9EA7 100%);
    background: -ms-linear-gradient(top, #27262A 0, #9C9EA7 100%);
    background: linear-gradient(top, #27262A 0, #9C9EA7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#27262A', EndColorStr='#9C9EA7', GradientType=0);
    box-shadow: none
}

input.mainaction {
    font-weight: 400
}

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

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

input.button.mainaction:active {
    color: #f4f4f2;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9C9EA7', EndColorStr='#27262A', 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: #666
}

#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 #232227;
    border: 1px solid #3C3E4A
}

#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: #9C9EA7;
    background: -moz-linear-gradient(top, #F4F4F2 0, #9C9EA7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F2), color-stop(100%, #9C9EA7));
    background: -o-linear-gradient(top, #F4F4F2 0, #9C9EA7 100%);
    background: -ms-linear-gradient(top, #F4F4F2 0, #9C9EA7 100%);
    background: linear-gradient(top, #F4F4F2 0, #9C9EA7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#F4F4F2', EndColorStr='#9C9EA7', 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: #C5C7CC
}

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

.records-table tr.unfocused td {
    color: #000!important;
    background: #DADBDE!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: #27262A;
    background: -moz-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C9EA7), color-stop(100%, #27262A));
    background: -o-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -ms-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: linear-gradient(top, #9C9EA7 0, #27262A 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9C9EA7', EndColorStr='#27262A', 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: #C9CACE
}

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

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

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

.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: #27262A;
    background: -moz-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C9EA7), color-stop(100%, #27262A));
    background: -o-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -ms-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: linear-gradient(top, #9C9EA7 0, #27262A 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9C9EA7', EndColorStr='#27262A', 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: #323237
}

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: #27262A;
    background: -moz-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9C9EA7), color-stop(100%, #27262A));
    background: -o-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: -ms-linear-gradient(top, #9C9EA7 0, #27262A 100%);
    background: linear-gradient(top, #9C9EA7 0, #27262A 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#9C9EA7', EndColorStr='#27262A', GradientType=0)
}

.buttongroup a.button.selected,
.buttongroup a.button.selected:hover {
    background: #C5C7CC;
    background: -moz-linear-gradient(top, #C5C7CC 0, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C5C7CC), color-stop(100%, #bababa));
    background: -o-linear-gradient(top, #C5C7CC 0, #bababa 100%);
    background: -ms-linear-gradient(top, #C5C7CC 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;
}