/** * Roundcube webmail styles for skin "Larry" * * Copyright (c) 2012, The Roundcube Dev Team * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com * * The contents are subject to the Creative Commons Attribution-ShareAlike * License. It is allowed to copy, distribute, transmit and to adapt the work * by keeping credits to the original autors in the README file. * See http://creativecommons.org/licenses/by-sa/3.0/ for details. */ @import "fonts/css/font.css"; .form-group { display: inline-block; width: 50%; padding: 0 5px; margin-right: 0 !important; vertical-align: top; } #contacttabs > .tabsbar:not(.ui-tabs-nav){display: none;} .ui-dialog[aria-describedby="add-black-list-comment-popup"]{min-width: 500px !important; min-height: 500px !important;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup{position: absolute; top: 50px; bottom: 10px; left: 0; right: 0; min-height: calc(100% - 50px) !important; min-width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup p{margin-bottom: 5px;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup input{float: none;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup ul{padding: 0; list-style-type: none;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup ul li{width: 100%;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup ul li select{min-width: 50%;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup form >div input {display: inline-block;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup form >div input[type="text"] {width: 320px !important;} .ui-dialog[aria-describedby="add-black-list-comment-popup"] #add-black-list-comment-popup form >div input[type="submit"] {margin: 0 0 0 5px !important;} .ui-dialog #add-archive-comment {margin-left: 0 !important;} li[aria-expanded="true"]:last-of-type:before { top: -24px !important; } li[role="treeitem"] ul li:last-of-type:before{ display: inline-block !important; height: 18px !important; width: 1px; border-left: 1px solid #0B72B5; position: absolute; left: 0; top: -10px !important; margin-top: -.5px;} li[role="treeitem"] ul li:last-of-type a{border-left: none !important;} .main-content{padding: 0 10px 0 10px !important;} #helptoolbar+#pluginbody .main-content{ margin-top: 40px !important;} .confirmation-wrapper .table > thead > tr > th{border-bottom-width: 1px;} .main-content .form-search form >button{margin-top: 0 !important; vertical-align: bottom; margin-bottom: 10px !important;} #mainscreen .iframebox .main-content{padding-top: 0; padding-bottom: 0;} #statistics-content.offset, .check_update form{margin: 0 auto; text-align: left; width: 700px;} .table {width: auto !important;} label{margin-bottom: 0 !important;} .main-content{padding: 0 10px; font-size: 14px;} .form-search form{margin-bottom: 0; display: inline-block;} .form-search form .form-group { display: inline-block; width: 300px; } .form-search form .form-group[class$='datefrom'], .form-search form .form-group[class$='dateto']{width: 165px;} #mainscreen .main-content .grid-view{margin: 0;} body .confirmation-wrapper, #header #topnav{background: none;} #header #topline{display: none;} #header #topline a, #header #topnav a {color: #000;} #header #topnav .left-header .button-mail {color: #fff;} #header #taskbar a span{text-shadow: none;} .table:not(.statistics) thead th{color: #fff; font-weight: normal; background: #333b4e;} .table:not(.statistics) thead th:not(:last-of-type){border-right-color: #fff !important;} .confirmation-wrapper #mainscreen{left: 0; right: 0;} .btn-wrapper{margin-top: 10px; text-align: right; padding: 0 10px;} .btn:before, a.button:before, a.button:after{ font-size: 14px; color: #fff; font-family: "Glyphicons Halflings"; line-height: 1.42857143;} #mainscreen #helptoolbar, #mainscreen #mainscreen .toolbar{height: auto;} .confirmation-wrapper #mainscreen, .confirmation-wrapper #statistics-content{top: 60px;} #mainscreen .btn {border-radius: 0; text-shadow: none; box-shadow: none;} .glyphicon-trash{color: #d95350;} .glyphicon-trash:hover{color: #b14240;} #mainscreen >#helptoolbar a.button, .main-content .btn{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 4px 12px; display: inline-block; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none !important; height: 32px; border: 1px solid transparent !important; } .main-content .action-column { min-width: 60px; } .main-content td:last-child a:last-of-type, .main-content td:nth-last-child(2) a:last-of-type{ float: right; } #mainscreen >#helptoolbar a.button:hover, .main-content .btn:hover{text-decoration: none !important;} #helptoolbar .button{color: #fff; text-shadow: none; height: auto;} .confirmation-wrapper #mainscreen #helptoolbar { z-index: 2; position: absolute; padding: 0 10px; left: 0; white-space: nowrap; } .btn:before, .button:before{margin-right: 4px;} .btn:after, .button:after{margin-left: 4px;} #helptoolbar div { display: inline-block; position: relative; margin-right: 5px; } #helptoolbar .showcase .button, #helptoolbar .delete-attachment, #helptoolbar .create-new-showcase .button{background: #d9534f;} #helptoolbar .showcase .button:hover, #helptoolbar .showcase .button:focus, #helptoolbar .delete-attachment:hover, #helptoolbar .delete-attachment:focus, #helptoolbar .create-new-showcase .button:hover, #helptoolbar .create-new-showcase .button:focus{background: #c74c49;} #helptoolbar .showcase .button:before{content:"\e021";} #helptoolbar .create-new-showcase .button:before{content:"\e021";} #helptoolbar .startCheck:before{content: "\e013";} #helptoolbar .btn-create-user, #helptoolbar .startCheck, #helptoolbar .user .button, #helptoolbar .btn-create-rule, #helptoolbar .white-list-create{background: #349342;} #helptoolbar .create-new-group .button{background: #5e6cc4;} #helptoolbar .create-new-group .button:hover, #helptoolbar .create-new-group .button:focus{background: #5360b1;} #helptoolbar .btn-statistic{background: #5c6bc0;} #helptoolbar .btn-statistic:hover, #helptoolbar .btn-statistic:focus{background: #5462af;} #helptoolbar .btn-statistic:before{content: "\e185";} #helptoolbar .btn-time-settings{background: #ab47bd;} #helptoolbar .btn-time-settings:hover, #helptoolbar .btn-time-settings:focus{background: #a043b1;} #helptoolbar .btn-time-settings:before{content: "\e023";} #helptoolbar .show-advanced{background: #5f7b89;} #helptoolbar .show-advanced:hover, #helptoolbar .show-advanced:focus{background: #587280;} #helptoolbar .show-advanced:before{content: "\e114";} #helptoolbar .show-advanced.active:before{content: "\e113";} .btn-primary.update:before{content: "\270f";} #helptoolbar .history-log:before{content: "\e023";} #helptoolbar .check-send:before{content: "\e027";} #helptoolbar .delete-attachment:before{content: "\e014";} #helptoolbar .check-send{background: #8bc34a;} #helptoolbar .check-send:hover, #helptoolbar .check-send:focus{background: #7aad40;} #helptoolbar .btn-create-user:hover, #helptoolbar .btn-create-user:focus, #helptoolbar .startCheck:hover, #helptoolbar .startCheck:focus, #helptoolbar .btn-create-rule:hover, #helptoolbar .btn-create-rule:focus, #helptoolbar .user .button:hover, #helptoolbar .user .button:focus, #helptoolbar .white-list-create:hover, #helptoolbar .white-list-create:focus{background: #30843c;} #helptoolbar .history-log, #helptoolbar .btn.refresh, #helptoolbar .btn-cleaning-back{background: #ff9800;} #helptoolbar .btn-cleaning-back:before, #helptoolbar .btn.refresh:before, .form-search .btn.refresh:before{content: "\e030";} #helptoolbar .history-log:hover, #helptoolbar .history-log:focus, #helptoolbar .btn.refresh:hover, #helptoolbar .btn.refresh:focus, #helptoolbar .btn-cleaning-back:hover, #helptoolbar .btn-cleaning-back:focus{background: #ec8d00;} .btn-submit:before{content: "\e013";} .button_cleaning.btn-primary, .btn-submit, .button.btn-main.white-list{background: #23B9FB;} .button.btn-main.white-list:hover, .button.btn-main.white-list:focus, .button_cleaning.btn-primary:hover, .button_cleaning.btn-primary:focus{background: #20b1f1;} .user .button:before, .btn-create-user:before{content: "\e008";} .create-new-group .button:before{content: "\e117";} .showcase .button:before{content: "\e021";} .create-new-user .button:after, .user .white-list-create:after, .create-new-showcase .button:after{content:"\2b";font-size: 7px; position: absolute; top: 5px; left: 20px;} .white-list:before{content:"\e022";} .button_cleaning:before{content:"\e171";} .white-list-create:before, .btn-wrapper .btn-primary:not(.update):before, .btn-create-rule:before{content:"\2b";} #helptoolbar i{display: none;} .form-search .btn{background: #57b9fd; font: 0/0 serif !important;text-shadow: none; color: transparent; border-color: #3f9cdc;} .form-search .btn:hover, .form-search .btn:focus{background: #20b1f1;border-color: #128ad2;} .form-search .btn:before{content: "\e003"; margin: 0;} #mainscreen .form-search form >button{margin-left: -1px !important;} .form-control{border-radius: 0 !important;} #mainscreen .form-group:not(.hidden){display: inline-block !important; padding: 0 10px;} #mainscreen .form-search .form-group{vertical-align: bottom;} #messageheader .right-header-block a{cursor: pointer;} #messageheader .right-header-block a:hover{color: #005282 !important;} #mainscreen .form-search .form-group{padding: 0 5px 0 0;} #mainscreen .form-search .form-group:last-of-type{padding: 0;} #mainscreen #myModal .form-group{display: block !important; padding: 0; width: 100%;} #mainscreen #myModal .btn-wrapper{padding: 0;} #mainscreen .form-group input, #mainscreen .form-group select, #mainscreen .form-group textarea{border-color: #8f8f8f;} #mainscreen .table tr:nth-child(2n) td{background: #e8f1fa;} #mainscreen .table tr td{border-color: #b2b9cb;} #mainscreen .table tr td ul{padding: 0; margin: 0; list-style-position: inside;} #mainscreen .table th{text-align: center;} #mainscreen .table th, #mainscreen .table td{padding: 4px; font-size: 13px;} #mainscreen .uibox{border: none; border-radius: 0; box-shadow: none;} #mainscreen .main-content{text-align: left;} #mainscreen .main-content .grid-view table{margin: 0 0 10px 0;} #pluginbody .iframebox >h1{margin-bottom: 0; background: none; color: #000; padding: 0; font-size: 24px; text-align: center;margin-top:0; position: absolute; z-index: 1; left: 50%; transform: translateX(-50%);} #statistics-content #pluginbody .main-content, #mainscreen #pluginbody .main-content{overflow: auto; height: calc(100% - 15px); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #helptoolbar+#pluginbody .main-content{ margin-top: 40px !important; height: calc(100% - 55px);} .main-content .pagination{display: table; margin: 10px auto;} form .form-group{margin-bottom: 0;} .form-search form .form-group .form-control, .form-search form .form-group .datepicker{height: 32px;} .main-content .grid-view{width: auto; display: inline-block;} /*new styles*/ body.extwin .navbar-toggle{display: none;} body.extwin #header{height: auto;} body.extwin #messagetoolbar{height: auto; max-width: 100%; padding: 0;} body.settings-sections .navbar-toggle, body.addressview-left .navbar-toggle,body.addressbooktoolbar .navbar-toggle{display: none;} body.settings-sections .left-block .left-header,body.addressview-left .left-block .left-header{padding-left: 0;} .comment-row-wrapper input{width: 115px;} .comment-row-wrapper input, .comment-row-wrapper button {height: 22px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .comment-row-wrapper button:hover {background: #858F9E; color: #fff;} #filter-frame{height: 90% !important;} .navbar-toggle+h1.voice {position: absolute; top: -60px; left: 320px;} body:not(.iframe) {border-bottom: 10px solid #858f9e;min-height: 100vh; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #pluginbody, #settings-right{border-bottom: none !important;} .popupmenu {padding: 5px 0;} .popupmenu h3{padding: 0 5px;} /*#mainscreen .left-block{overflow: auto; z-index: auto;}*/ .address-boock .searchbox, #composequicksearch .searchbox{} #contact-details .search-form-current-folder {float: left; width: 300px; margin-right: 7px; position: relative; margin-top: 1em;} .search-form-current-folder .searchreset-current-folder{right: 7px; position: absolute; top: 4px;} .search-form-current-folder #quicksearchboxuttc {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;} #directorylist-content #directorylist li li a {background-image: url(images/listicons.png); background-position: 32px -1553px;} @-moz-document url-prefix(){ #mailboxlist li.mailbox ul li a {line-height: 17px;} #mailboxcontainer #mailboxlist li.mailbox span {margin-top: -16px; } } #messagebody{position: relative; top: 0 !important;} #mainscreen .left-header .nav-menu {z-index: 100 !important;} #mainscreen.compose #compose-contacts {top: 110px;} #mailview-right {margin-left: 1px;} #mainscreen .wrapper {top: 0;} .search-top-right {position: absolute !important; top: 10px; flex: 1 100%; padding:0 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #quicksearchbar input.button,#composequicksearch input.button{background: #23B9FB url(images/sprite_new_main.png) center -2293px no-repeat; cursor: pointer; color: #fff; display: inline-block; width: 60px !important; padding-left: 0 !important; padding-right: 0 !important;} #quicksearchbar input.button:hover,.search-top-right input.button:focus,.search-top-right input.button:active{background: #20b1f1 url(images/sprite_new_main.png) center -2293px no-repeat !important; } #quicksearchbar input,#composequicksearch input{font-weight: normal !important; text-shadow: none !important;} #messagetoolbar {position: absolute; top: 0;} .main #messagetoolbar {top: 51px;} .main #messagetoolbar a {padding-right: 5px;} .main #messagetoolbar a:before {margin: 0;} .search-top-right #quicksearchbar {position: relative !important; top: 0 !important;} .comment-row-wrapper {line-height: 22px; background: none !important; flex: 1; padding-left: 18px;} .filter-info .show-filter-name {line-height: 14px;} .right-header-block .comment_table {border-collapse: collapse !important;} .right-header-block .comment_table td {border: 1px solid #828e9e;} .comment_table .thead_comment td {border-right-color: #fff;} .comment_table .thead_comment td:last-of-type {border-right-color:#828e9e;} .message_comment{text-align: center; background-color: inherit !important;} .button__action-date, .button__action-date-add { display: inline-block; } .tables-comment .comment_table:first-of-type thead tr:first-of-type td {background: #828e9e;} #addressview-right{border-bottom: none !important;} .tables-comment .comment_table input.comment_input {margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #messageheader .right-header-block .headers-table {padding: 0 20px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #messageheader .tables-comment { display: flex; flex-direction: column; margin-left: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #messagecontent .message_comment button, #messagecontent .message_action_date button {height: 22px;} #mailboxcontainer #mailboxlist li.mailbox ul {display: flex; flex-direction: column;} #mailboxcontainer #mailboxlist li.mailbox span {height: auto; position: static; float: right;} .navbar-toggle {display: none;} #mainscreen #directorylistbox {position: static;} #mainscreen .search-form-current-folder {margin-right: 0;} #mainscreen .toolbar {flex: 1 1 300px;margin-bottom: 5px; height: 42px; margin-right: auto; box-sizing: border-box; -moz-box-sizing: border-box;} #messagesearchtools .toolbar{max-width: 70%; width: 100% !important;} #mainscreen .right-block:not(#composeview-right) .toolbar:not(#addressbooktoolbar) {padding-right: 230px;min-height: 42px; height: 68px; } #mainscreen .toolbar a#listselectmenulink {outline: 1px solid #858F9E; margin-top: 1px; max-height: 28px; padding: 0 8px 0 12px;} #mainscreen .toolbar a#listselectmenulink:after {content: ''; display: inline-block; margin-left: 10px;width: 10px; height: 10px;background: url(images/buttons.png) -33px -242px no-repeat;} #mainscreen .toolbar a#listselectmenulink:before {display: none;} #mainscreen .toolbar a:hover:not(#listselectmenulink):not(.compose) {text-decoration: underline;} .toolbar .wrapper.wrapper-position {margin-right: 0;float: none; position: absolute !important; top: 0;right: 140px;} .toolbar .wrapper.wrapper-position2 {right: 45px; top: 25px !important;} #mainscreen .search-form-current-folder {float: none; width: auto; margin-top: 5px; position: relative;} #mainscreen .searchbox .iconbutton.reset {right: 1px; z-index: 9;} #mainscreen #addressbooktoolbar {top: 0;} body #mainscreen.main .info-login {width: auto; margin-left: 10px; min-width: 220px; position: absolute; top: 70px; right: 0;} #mainscreen #messagesearchtools {border-bottom: 0;} #mainscreen.main .search-form-current-folder {margin: 0 !important; float: right; width: 30%;} #mainscreen.main .search-form-current-folder .reset {right: 62px;} /*#mainscreen #mailview-right,#mainscreen #composeview-right {background: #fff; z-index: 90;}*/ #messageheader .filter-info {left: 2px;} @media(max-width: 1500px) { #messagelistcontainer .records-table thead th.date {width: 80px !important;} .menu-open #messagelistcontainer .records-table thead th.fromto, .menu-open #messagelistcontainer .records-table thead th.from, .menu-open #messagelistcontainer .records-table thead th.to {width: 80px !important;} #messagelistcontainer .records-table .fromto span, #messagelistcontainer .records-table .from span, #messagelistcontainer .records-table .to span {word-break: break-all;} #messagelistcontainer .records-table thead th.size {width: 50px !important;} #messagesearchtools .search-top-right #quicksearchbar form #quicksearchbox {width: 100%;} #messagesearchtools .search-top-right .searchbox #searchreset {left: 166px !important;} #mainscreen {bottom: 0; left: 0; right: 0;} #mainscreen #messagelist td {white-space: normal; word-wrap : break-word;} #mainscreen #messagelist td .lbox, #mainscreen #messagelist td .lbox * {display: inline-block;} .navbar-toggle {position: absolute; top: 7px; left: 0;display: inline-block; cursor: pointer; padding: 0; margin: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; z-index: 99;} .navbar-toggle .icon-bar {display: block; width: 22px; height: 2px;border-radius: 1px; position: relative;transition: all 500ms ease-in-out; background: #000;} .navbar-toggle .icon-bar+.icon-bar {margin-top: 4px;} .navbar-toggle .icon-bar:nth-of-type(2) {top: 1px;} .navbar-toggle .icon-bar:nth-of-type(3) {top: 2px;} #mainscreen #mailview-right,#mainscreen #composeview-right {position: static; border-bottom: none; border-right: none !important;} .menu-open #mainscreen #mailview-right,.menu-open #mainscreen #composeview-right {position: absolute; padding-left: 0;} .menu-open #mailview-left,.menu-open #composeview-left {display: block;} .menu-open .left-header {padding-left: 30px;} .menu-open #mailviewsplitterv, .menu-open #composesplitterv {display: block;} .menu-open .jspContainer {padding-left: 10px;} .menu-closed .search-top-right {padding-left: 50px;} .menu-closed .messege-duble-click #messagetoolbar, .menu-closed .compose #messagetoolbar{padding-left: 50px;} body #mailviewsplitterv, body #composesplitterv {z-index: 99; display: none;} #mailview-left,#composeview-left {display: none;} #messagesearchtools {display: flex; flex-direction: row-reverse; flex-wrap: wrap;} .info-login {margin: 0 .5%;} .toolbar .jspContainer .jspPane {height: auto !important; padding-right: 125px !important; margin: 0 !important;} body .jspContainer {padding-left: 45px;} #mailview-left >*, .left-header {margin: 0 !important;} .left-header a {margin-left: 0; margin-top: 5px;} .toolbar >a.button:before, .toolbar .jspPane >a.button:before, .toolbar .jspPane >.dropbutton >a:before, .toolbar >.dropbutton >a:before {display: none !important;} .jspContainer .jspPane {margin: 0 !important; position: relative !important;} #mailview-top #messagelistcontainer {left: 0; width: 100%;} } /*new styles*/ .sortedDESC a:after{content:"▼"; display: inline-block; color: #fff; margin-left: 10px;} .sortedASC a:after{content:"▲"; display: inline-block; color: #fff; margin-left: 10px;} #messagelistcontainer a { box-shadow: none; border-radius: 0; white-space: normal; } th#rcmfolder, td.folder {width: 300px !important;} .messagelist tr td.subject span.msgicon, .messagelist tr td.subject span.unreadchildren { background-position: center -1861px; margin-top: -9px !important; width: 24px; float: left; /* display: inline-block; */ position: absolute; left: 0; top: 50%; } .messagelist thead tr td.subject, .messagelist tbody tr td.subject { width: 99%; white-space: normal; text-overflow: inherit; word-break: break-word; /* padding-left: 18px; */ padding-left: 25px !important; position: relative; min-width: 150px !important; } #directorylistbox .jspContainer .jspPane{position: inherit;} #settings-right .jspContainer{width: 100% !important;} #settings-right .jspPane{width: 100% !important;} body { /*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/ font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #000; /*background: url(images/linen.jpg?v=0382.14157) repeat #d1d5d8;*/ margin: 0; } body.noscroll { /* also avoids bounce effect in Chrome and Safari */ overflow: hidden; } a { color: #0069a6; } a:visited { color: #0186ba; } img { border: 0; } input[type="text"], input[type="password"], textarea, select, select.form-control{ margin: 0; /* Safari by default adds a margin */ padding: 4px; border: 1px solid #b2b2b2; /* border-radius: 4px;*/ /* box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);*/ } input[type="text"]:focus, input[type="password"]:focus, input[type="text"]:required, input[type="password"]:required, input.button:focus, textarea:focus, select:focus{ border-color: #4787b1; /* box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);*/ outline: none; } input.placeholder, textarea.placeholder { color: #aaa; } .bold { font-weight: bold; } /* fixes vertical alignment of checkboxes and labels */ label input, label span { vertical-align: middle; } /*** buttons ***/ input.button { display: inline-block; margin: 0 2px; padding: 2px 5px; color: #525252; text-shadow: 0px 1px 1px #fff; border: 1px solid #c0c0c0; border-radius: 4px; background: #f7f7f7; background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); text-decoration: none; outline: none; } .formbuttons input.button { color: #ddd; font-size: 110%; text-shadow: 0px 1px 1px #333; padding: 4px 12px; border-color: #465864; border-radius: 5px; background: #7a7b7d; background: -moz-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#606060)); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */ background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */ box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; -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:hover, .formbuttons input.button:focus, input.button.mainaction:hover, input.button.mainaction:focus { color: #f2f2f2; border-color: #465864; box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; } .formbuttons input.button:active { color: #fff; background: -moz-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(100%,#7b7b7b)); background: -o-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); background: -ms-linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); background: linear-gradient(top, #5c5c5c 0%, #7b7b7b 100%); } input.button.mainaction { color: #ededed; text-shadow: 0px 1px 1px #333; border-color: #1f262c; background: #505050; background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31)); background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%); background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%); background: linear-gradient(top, #505050 0%, #2a2e31 100%); box-shadow: inset 0 1px 0 0 #777; -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; } input.button.mainaction:active { color: #fff; background: #515151; background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050)); background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%); background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%); background: linear-gradient(top, #2a2e31 0%, #505050 100%); } input.button[disabled], input.button[disabled]:hover, input.button.mainaction[disabled] { color: #aaa !important; } input.mainaction { font-weight: bold; } /** link buttons **/ a.button, .buttongroup { display: inline-block; /*margin: 0 2px;*/ padding: 2px 5px; color: #525252; text-shadow: 0px 1px 1px #fff; border: 1px solid #c6c6c6; border-radius: 4px; background: #f7f7f7; background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); text-decoration: none; position: relative; } .buttongroup { padding: 0; white-space: nowrap; } a.button:focus, input.button:focus { border-color: #4fadd5; box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); outline: none; } label.disabled, a.button.disabled { color: #999; } a.button.disabled, input.button.disabled, input.button[disabled], a.button.disabled:hover, input.button.disabled:hover, input.button[disabled]:hover { /* border-color: #c6c6c6; box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); -o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); -moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4);*/ } a.button.disabled span.inner { opacity: 0.4; filter: alpha(opacity=40); } .buttongroup a.button { margin: 0; border-width: 0 1px 0 0; border-radius: 0; background: none; box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .buttongroup a.button.first, .buttongroup a.button:first-child { border-radius: 4px 0 0 4px; border-left: 0; } .buttongroup a.button.last, .buttongroup a.button:last-child { border-radius: 0 4px 4px 0; border-right: 0; } a.button.pressed, a.button:active, input.button:active { background: #e6e6e6; background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9)); background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); } .pagenav.dark a.button { font-weight: bold; border-color: #e6e6e6; background: #d8d8d8; background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa)); background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%); background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); 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.dark a.button.pressed { background: #bababa; background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8)); background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%); background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%); background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); } .buttongroup a.button.selected, .buttongroup a.button.selected:hover { background: #8a8a8a; background: -moz-linear-gradient(top, #909090 0%, #858585 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585)); background: -o-linear-gradient(top, #909090 0%, #858585 100%); background: -ms-linear-gradient(top, #909090 0%, #858585 100%); background: linear-gradient(top, #909090 0%, #858585 100%); -webkit-box-shadow: inset 0 1px 2px 0 #555; -moz-box-shadow: inset 0 1px 2px 0 #555; box-shadow: inset 0 1px 2px 0 #555; border-right-color: #555; border-left-color: #555; } .pagenav a.button { padding: 1px 3px; height: 16px; vertical-align: middle; margin-bottom: 1px; } .pagenav a.button span.inner { display: inline-block; width: 18px; height: 18px; text-indent: 1000px; overflow: hidden; /* background: url(images/buttons.png?v=3e15.39327) -6px -211px no-repeat; */ background: url(images/sprite_new_main.png) right -1280px no-repeat;} .pagenav .buttongroup a.button, .pagenav .buttongroup a.button:hover { padding: 1px 5px; margin-bottom: 0; } .pagenav a.button,.pagenav .buttongroup a.button { background: none !important; box-shadow: none !important; border: none !important; padding: 0 !important; border-radius: 0; margin-right: 4px; } .pagenav .buttongroup { background: none !important; box-shadow: none !important; border: none !important; padding: 0 !important; } .pagenav a.button span.inner { background: url(images/sprite_new_main.png) right -1280px no-repeat; } .pagenav a.firstpage span.inner { font-size: 0; } .pagenav a.firstpage span.inner:hover { background-position: right -1382px; } .pagenav a.firstpage.disabled span.inner:hover { background-position: right -1280px; } .pagenav a.prevpage span.inner,.pagenav a.prevpage.disabled span.inner:hover { background-position: right -1304px; } .pagenav a.prevpage span.inner:hover { background-position: right -1415px; } .pagenav a.nextpage span.inner,.pagenav a.nextpage.disabled span.inner:hover { background-position: right -1328px; } .pagenav a.nextpage span.inner:hover { background-position: right -1448px; } .pagenav a.lastpage span.inner,.pagenav a.lastpage.disabled span.inner:hover { background-position: right -1353px; } .pagenav a.lastpage span.inner:hover { background-position: right -1481px; } .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: 14px -2280px; } .pagenav a.forward span.inner { background-position: left -909px; } .pagenav a.forward span.inner:hover, .pagenav a.forward.selected span.inner{ background-position: left -936px; } .pagenav a.replyall span.inner { background-position: left -855px; } .pagenav a.replyall span.inner:hover, .pagenav a.replyall.selected span.inner{ background-position: left -882px; } .pagenav a.extwin span.inner { background-position: left -963px; } .pagenav a.extwin span.inner:hover, .pagenav a.extwin.selected span.inner{ background-position: left -990px; } .pagenav a.changeformat.html span.inner { background-position: left -693px; } .pagenav a.changeformat.html span.inner:hover, .pagenav a.changeformat.html.selected span.inner{ background-position: left -720px; } .pagenav a.changeformat.text span.inner { background-position: left -747px; } .pagenav a.changeformat.text span.inner:hover, .pagenav a.changeformat.text.selected span.inner{ background-position: left -774px; } .pagenav a.selected .inner{text-decoration: underline;} .pagenav .countdisplay { color: #fff; } .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?v=3e15.39327) -1000px 0 no-repeat;*/ background: url(images/sprite_new_main.png) left -300px no-repeat; } a.iconbutton.disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: default; } a.iconbutton.searchoptions { background-position: left -320px; } a.iconbutton.searchoptions:hover { background-position: left -342px; } a.iconbutton.reset { background-position: 6px -364px; } a.iconbutton.reset:hover { background-position: 6px -386px; } a.iconbutton.cancel { background: url(images/buttons.png?v=3e15.39327) -7px -377px no-repeat; } a.iconlink { display: inline-block; color: #888; text-decoration: none; white-space: nowrap; padding: 2px 8px 2px 20px; background: url(images/buttons.png?v=3e15.39327) -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 bar ***/ #message div.loading, #message div.warning, #message div.error, #message div.notice, #message div.confirmation, #message-objects div.notice { color: #555; font-weight: bold; padding: 6px 30px 6px 25px; display: inline-block; white-space: nowrap; background: url(images/messages.png?v=01ee.1736) 0 5px no-repeat; cursor: default; } #message div.warning { color: #960; background-position: 0 -86px; } #message div.error { color: #cf2734; background-position: 0 -55px; } #message div.confirmation { color: #093; background-position: 0 -25px; } #message div.loading { background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat; } #message div a, #message div span { padding-right: 0.5em; text-decoration: none; } #message div a:hover { text-decoration: underline; cursor: pointer; } #message.statusbar { display: none; position: absolute; bottom: 0; left: 0; right: 0; height: 27px; padding-left: 8px; border-top: 1px solid #ddd; border-radius: 0 0 4px 4px; background: #eaeaea; background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8)); background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #messagestack { position: absolute; bottom: 20px; right: 12px; z-index: 50000; width: auto; height: auto; max-height: 85%; overflow-y: auto; padding: 2px; } #messagestack div { display: block; position: relative; width: 280px; height: auto; min-height: 16px; margin: 3px 2px 5px 2px; padding: 8px 10px 7px 30px; cursor: default; font-size: 10pt; font-weight: bold; border-radius: 4px; border: 1px solid #444; color: #ebebeb; text-shadow: 0 1px 1px #000; background: rgba(64,64,64,0.85); background: -moz-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,0.85)), color-stop(100%,rgba(48,48,48,0.9))); background: -webkit-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); background: -o-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); background: -ms-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); background: linear-gradient(to bottom, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); -moz-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; -webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; -o-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; } #messagestack div:after { content: ""; position: absolute; display: block; top: 0; left: 4px; width: 20px; height: 24px; background: url(images/messages_dark.png?v=2e3f.1779) 0 7px no-repeat; } #messagestack div.error { color: #ff615d; } #messagestack div.error:after { background-position: 0 -55px; } #messagestack div.warning { color: #f4bf0e; } #messagestack div.warning:after { background-position: 0 -84px; } #messagestack div.confirmation { color: #00e05a; } #messagestack div.confirmation:after { background-position: 0 -25px; } #messagestack div.loading { color: #ddd; } #messagestack div.loading:after { top: 4px; left: 6px; background: url(images/ajaxloader_dark.gif?v=cf1b.1849) 0 4px no-repeat; } #messagestack div a { color: #94c0da; } #messagestack div a:hover { text-decoration: underline; cursor: pointer; } .ui-dialog { border-radius: 0 !important; } .ui-dialog.error .ui-dialog-title, .ui-dialog.warning .ui-dialog-title, .ui-dialog.confirmation .ui-dialog-title { padding-left: 25px; background: url(images/messages.png?v=01ee.1736) 0 5px no-repeat; text-shadow: 0 1px 1px #fff; } .ui-dialog.warning .ui-dialog-title { color: #960; background-position: 0 -90px; } .ui-dialog.error .ui-dialog-title { color: #cf2734; background-position: 0 -60px; } .ui-dialog.confirmation .ui-dialog-title { color: #093; background-position: 0 -30px; } .ui-dialog.popupmessage .ui-dialog-titlebar { padding: 8px 1em 4px 1em; background: #e3e3e3; background: -moz-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cfcfcf)); background: -o-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); background: -ms-linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); background: linear-gradient(top, #e3e3e3 0%, #cfcfcf 100%); } .ui-dialog.popupmessage .ui-widget-content { font-size: 12px; background: #eee; background: -moz-linear-gradient(top, #eee 0%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dcdcdc)); background: -o-linear-gradient(top, #eee 0%, #dcdcdc 100%); background: -ms-linear-gradient(top, #eee 0%, #dcdcdc 100%); background: linear-gradient(top, #eee 0%, #dcdcdc 100%); } /*** basic page layout ***/ #header { background: #f1f1f1; border-bottom: 1px solid #d2d2d2; height: 44px; } .messege-duble-click#header{ height: 70px; } #topline { /* height: 18px; padding: 2px 0 2px 10px; color: #aaa; text-align: center;*/ } #header #topnav { padding: 0; margin: 0; background: none; } #header #topnav #taskbar{display: none;} #topline a, #topnav a { color: #eee; text-decoration: none; } #topline a:hover { text-decoration: underline; } #mailview-left .left-header img, #toplogo { padding-top: 5px; cursor: pointer; border: none; padding-left: 5px; } .topleft { display: none; } .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 0.8em 0 0; color: #aaa; } #topline a.button-logout { display: inline-block; padding: 2px 10px 2px 20px; background: url(images/buttons.png?v=3e15.39327) -6px -193px no-repeat; color: #fff; } #taskbar .button-logout { display: none; } #taskbar a.button-logout span.button-inner { background-position: -2px -1791px; } #taskbar a.button-logout:hover span.button-inner { background-position: -2px -1829px; } /*** minimal version of the page header ***/ .minimal #topline { position: fixed; top: -18px; background: #444; z-index: 5000; width: 100%; height: 22px; -moz-box-sizing: border-box; box-sizing: border-box; } .minimal #topline:hover { top: 0px; opacity: 0.94; filter: alpha(opacity=94); -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; } .extwin #topline, .extwin #topline:hover { position: static; top: 0px; height: 18px; width: auto; -moz-box-sizing: content-box; box-sizing: content-box; opacity: 0.999; } .minimal #topline a.button-logout { display: none; } .minimal #topline span.username { display: inline-block; padding-top: 2px; } .minimal #topnav { position: relative; top: 4px; height: 42px; } .minimal #taskbar a { position: relative; padding: 10px 10px 0 6px; height: 32px; } .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 { position: absolute; top: -500px; right: 2px; display: inline-block; padding: 2px 8px 3px 8px; background: #444; background: -moz-linear-gradient(top, #444 0%, #333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333)); background: -o-linear-gradient(top, #444 0%, #333 100%); background: -ms-linear-gradient(top, #444 0%, #333 100%); background: linear-gradient(top, #444 0%, #333 100%); color: #eee; font-weight: bold; white-space: nowrap; border: 1px solid #777; box-shadow: 0 1px 5px 0 #333; -moz-box-shadow: 0 1px 5px 0 #333; -webkit-box-shadow: 0 1px 5px 0 #333; -o-box-shadow: 0 1px 5px 0 #333; z-index: 200; white-space: nowrap; text-shadow: 0px 1px 1px #000; } .minimal #taskbar .tooltip:after { content: ""; position: absolute; top: -4px; right: 15px; border-style: solid; border-width: 0 4px 4px; border-color: #888 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; z-index: 251; } .ie8 .minimal #taskbar .tooltip:after { top: -6px; } .minimal #taskbar a:hover .tooltip { display: block; top: 39px; } /*** taskbar ***/ #taskbar { position: relative; padding-right: 18px; } #taskbar a { display: inline-block; height: 34px; padding: 12px 10px 0 6px; } #taskbar a span.button-inner { display: inline-block; font-size: 110%; font-weight: normal; text-shadow: 0px 1px 1px black; padding: 5px 0 0 34px; height: 19px; background: url(images/buttons.png?v=3e15.39327) -1000px 0 no-repeat; } #taskbar a.button-selected { color: #3cf; background-color: #2c2c2c; } #taskbar a.button-mail span.button-inner { background-position: 0 2px; } #taskbar a.button-mail:hover span.button-inner, #taskbar a.button-mail.button-selected span.button-inner { background-position: 0 -22px; } #taskbar a.button-addressbook span.button-inner { background-position: 0 -48px; } #taskbar a.button-addressbook:hover span.button-inner, #taskbar a.button-addressbook.button-selected span.button-inner { background-position: 0 -72px; } #taskbar a.button-spam span.button-inner { background-position: 0 -2011px; } #taskbar a.button-spam:hover span.button-inner, #taskbar a.button-spam.button-selected span.button-inner { background-position: 0 -2034px; } #taskbar a.button-settings span.button-inner { background-position: 0 -96px; } #taskbar a.button-settings:hover span.button-inner, #taskbar a.button-settings.button-selected span.button-inner { background-position: 0 -120px; } #taskbar a.button-calendar span.button-inner { background-position: 0 -144px; } #taskbar a.button-calendar:hover span.button-inner, #taskbar a.button-calendar.button-selected span.button-inner { background-position: 0 -168px; } #taskbar .minmodetoggle { position: absolute; top: 0; right: 0; display: block; width: 19px; height: 46px; cursor: pointer; background: url(images/buttons.png?v=3e15.39327) -35px -1778px no-repeat; } .minimal #taskbar .minmodetoggle { height: 42px; background-position: -35px -1820px; } #mainscreen { position: absolute; top: 0; left: 0; right: 0; bottom: 10px; } #mainscreen.messege-duble-click .pagenav .countdisplay{position: absolute; top: 0; right: 0;} #mainscreen.messege-duble-click #formatcontrols{top: 25px;} #mainscreen.messege-duble-click #countcontrols:before{display: none;} #mainscreen.messege-duble-click #countcontrols .wrapper-buttons{margin-top: 33px;} #mainscreen.messege-duble-click #countcontrols .show-menu{top: 13px;} .minimal #mainscreen { top: 62px; } #mainscreen.offset #settings-sections.listbox { overflow: inherit; } #mainscreen.main .listbox .scroller.withfooter, #mainscreen.main .listbox .scroller-no-js.withfooter { top: 30px; } .listbox .scroller:focus, .listbox .scroller-no-js:focus { outline: none !important; box-shadow: none !important; } .minwidth { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; min-width: inherit !important; } .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?v=e784.5000); background-position: center; background-repeat: no-repeat; } /* fix scrolling within iframes in webkit browsers on touch devices */ @media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) { .iframebox { overflow: auto; -webkit-overflow-scrolling: touch; } } /*** lists ***/ .iframebox{/*padding: 0 8px; */box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .listbox { overflow: hidden; } #mainscreen.offset .scroller.withfooter { top: /*3*/6px; } .listbox .scroller, .listbox .scroller-no-js { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; overflow-x: hidden; overflow-y: auto; margin-top: 30px; } .compose .listbox .scroller { margin-top: 8px; } .main .listbox .scroller, .main .listbox .scroller-no-js { margin-top: 0; } #current_folder_uttc { min-height: inherit !important; height: 16px; padding-bottom: 4px; border-bottom: 2px solid #000; padding-top: 4px; padding-left: 18px; line-height: 16px; background-color: #705DC5; color: #fff; } #current_folder_uttc #folder_label{ font-size: 11pt; line-height: 19px; } #current_folder_uttc #folder_label span { display: inline-block; line-height: 16px; font-size: 13pt; vertical-align: top; margin: 0 6px 0 8px; } .listbox .scroller.withfooter, .listbox .scroller-no-js.withfooter { bottom: 46px; } #mainscreen.main .listbox .scroller-no-js.withfooter { bottom: 20px; } #settings-sections .scroller { top: 58px; } .boxtitle, .uibox .listing thead td { font-size: 11pt; font-weight: bold; padding: 10px 8px 3px 8px; height: 20px; /* doesn't affect table-cells in FF */ margin: 0; border-bottom: 2px solid #000; white-space: nowrap; margin-bottom: 4px; } .uibox .listing thead td { padding-bottom: 8px; height: auto; } .uibox .boxtitle, .uibox .listing thead td { color: #000; } .listbox .listitem, .listbox .tablink, .listing tbody td, .listing li { display: block; border-top: 1px solid #fff; border-bottom: 1px solid #ECEDED; cursor: default; font-weight: normal; } .listbox .listitem a, .listbox .tablink a, .listing tbody td, .listing li a { display: block; color: #376572; text-shadow: 0px 1px 1px #fff; text-decoration: none; cursor: default; padding: 6px 8px 2px 8px; height: 17px; /* doesn't affect table-cells in FF */ white-space: nowrap; font-size: 10pt; } .main .listbox .listitem a, .main .listbox .tablink a, .main .listing tbody td, .main .listing li a, .messege-duble-click .listbox .listitem a, .messege-duble-click .listbox .tablink a, .messege-duble-click .listing tbody td, .messege-duble-click .listing li a { display: block; color: #000 !important; text-decoration: none; text-shadow: none; cursor: default; padding: 0px 8px; height: 17px; /* doesn't affect table-cells in FF */ white-space: nowrap; } .listing tbody td { display: table-cell; padding-bottom: 5px; height: auto; min-height: 14px; } .webkit .listing tbody td { height: 14px; } .listbox .listitem.selected, .listbox .tablink.selected, .listbox .listitem.selected > a, .listbox .tablink.selected > a, .listing tbody tr.unfocused td, .listing tbody tr.selected td, .listing li.selected, .listing li.selected > a { font-weight: bold; background-color: #DFDFDF; } ul.listing { display: block; list-style: none; margin: 0; font-size: 10pt; padding-left: 0; } .compose ul.listing { height: 80px; } ul.listing ul{padding-left: 10px;} #subscription-table.listing li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 15px; } ul.listing li ul li:last-child{border-bottom: none;} ul.listing li div{position: absolute; left: 5px; width: 12px; height: 12px; background: url(images/sprite_new_main.png) left -18px no-repeat; top: 8px; cursor: pointer;} ul.listing li div.expanded{ background-position: left -0px;} /*.jspPane ul.listing li div.collapsed:before{content:"+";margin: -1.6px 0 0 2px; display: block;}*/ ul.listing li a, ul.listing li input{display: inline-block;} ul.listing li input{position: absolute;right: 0; top:4px;} #subscription-table.listing li a{white-space: normal; height: auto; padding-bottom: 6px; padding-right: 20px;} ul.listing li ul { border-top: 1px solid #bbd3da; } ul.listing li.droptarget >span >a, table.listing tr.droptarget td { background-color: #DFDB00 !important; border: 1px solid #B2A500 !important; height: 15px; /* border-top: 2px solid red; border-bottom: 2px solid red;*/ } ul.listing li.droptarget >span >a span { background-color: #DFDB00 !important; } .listbox table.listing,.listbox table.listing td { background: none; } table.listing, table.layout { border: 0; width: 100%; border-spacing: 0; } table.layout td { vertical-align: top; } ul.treelist li { position: relative; } ul.treelist li div.treetoggle { position: absolute; top: 13px; left: 19px; width: 10px; height: 10px; /*background: url(images/listicons.png?v=017c.29530) -3px -144px no-repeat;*/ background: url(images/sprite_new_main.png) left -18px no-repeat; background-color: #fff; cursor: pointer; z-index: 5; } ul.treelist li div.treetoggle.expanded { /*background-position: -3px -168px;*/ background-position: left -0px; } /* ul.treelist li.selected > div.collapsed { background-position: -23px -144px; } ul.treelist li.selected > div.expanded { background-position: -23px -168px; }*/ .listbox .boxfooter { position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; border-top: 2px solid #000; /* background: #d9ecf4;*/ -webkit-box-shadow: inset 0 1px 0 0 #fff; -moz-box-shadow: inset 0 1px 0 0 #fff; box-shadow: inset 0 1px 0 0 #fff; white-space: nowrap; overflow: hidden; } #mainscreen.main .listbox .boxfooter { height: 14px; } #mainscreen.main .listbox .boxfooter #mailboxmenulink { padding: 0; } .uibox .boxfooter { /*border-radius: 0 0 4px 4px;*/ } .boxfooter .listbutton { float: left; text-decoration: none; width: 32px; padding: 10px 0; vertical-align: top; } .info-login { float: right; margin-right: .5%; height: 34px; overflow-y: auto; } .info-login .jspPane { right: 0 !important; width: inherit !important; } #mainscreen.main .info-login { margin-top: 7px; width: 29%; } #mainscreen.offset .info-login { margin-top: 4px; width: 86%; } .messege-duble-click .info-login { } .info-login .username, .info-login .closelink { height: 20px; line-height: 20px; float: right; vertical-align: top; font-size: 9pt; } .info-login .button-logout { float: right; height: 20px; line-height: 20px; padding-right: 32px; background: url(images/sprite_new_main.png) right -278px no-repeat; text-decoration: none; color: #000; font-size: 9pt; text-indent: -99999px; } .info-login .jspHorizontalBar{display: none;} /*.info-login .jspContainer{width: 300px !important;}*/ .info-login .button-logout:hover { background-position: right -298px; } .boxfooter .listbutton .inner { display: inline-block; vertical-align: top; width: 32px; height: 22px; text-indent: -5000px; background: url(images/sprite_new_main_2.png) right 0 no-repeat; } .boxfooter .listbutton.add .inner { background: url(images/sprite_new_main.png) center -1550px no-repeat; } .boxfooter .listbutton.add .inner:hover { background: url(images/sprite_new_main.png) center -1573px no-repeat; } .boxfooter .listbutton.delete .inner { background: url(images/sprite_new_main.png) center -1641px no-repeat; } .boxfooter .listbutton.delete .inner:hover { background: url(images/sprite_new_main.png) center -1663px no-repeat; } .boxfooter .listbutton.groupactions .inner { background-position: right -0px; } .boxfooter .listbutton.groupactions .inner:hover { background-position: right -30px; } #mainscreen.main .boxfooter .listbutton.groupactions .inner { width: 10px; height: 10px; background-position: right -4px; } #mainscreen.main .boxfooter .listbutton.groupactions .inner:hover { background-position: right -34px; } .boxfooter .listbutton.addto .inner { background: url(images/sprite_new_main.png) left -1875px no-repeat; } .boxfooter .listbutton.addto .inner:hover { background: url(images/sprite_new_main.png) left -1904px no-repeat; } .boxfooter .listbutton.addcc .inner { background: url(images/sprite_new_main.png) left -1932px no-repeat; } .boxfooter .listbutton.addcc .inner:hover { background: url(images/sprite_new_main.png) left -1960px no-repeat; } .boxfooter .listbutton.addbcc .inner { background: url(images/sprite_new_main.png) left -1989px no-repeat; } .boxfooter .listbutton.addbcc .inner:hover { background: url(images/sprite_new_main.png) left -2019px no-repeat; } .boxfooter .listbutton.removegroup .inner { background: url(images/sprite_new_main.png) center -1595px no-repeat; } .boxfooter .listbutton.removegroup .inner:hover { background: url(images/sprite_new_main.png) center -1617px no-repeat; } .boxfooter .listbutton.disabled .inner { opacity: 0.4; filter: alpha(opacity=40); } .boxfooter .countdisplay { display: inline-block; position: relative; top: 10px; color: #69929e; 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?v=3e15.39327) -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: 0.4; filter: alpha(opacity=40); } .centerbox { width: 40em; margin: 16px auto; } .errorbox { width: 40em; padding: 20px; } .errorbox h3 { font-size: 16px; margin-top: 0; } /*** Records table ***/ table.records-table { display: table; width: 100%; table-layout: fixed; border-spacing: 1px; background: #ccc; border: 1px solid #bbd3da; } .boxlistcontent .records-table { border: 0; } .records-table tbody tr:nth-child(2n) td{ background-color: #E3E3EF; } .records-table thead th { /*color: #69939e;*/ color: #fff; font-size: 13px; font-weight: bold; background: #858F9E; /* background: #d6eaf3; background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3)); background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%); background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%); background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);*/ border-left: 1px solid #bbd3da; padding: 8px 7px; overflow: hidden; text-overflow: ellipsis; width: 100px !important; } .records-table thead th.threads {width: 26px !important;} .records-table thead th.rating {width: 40px !important;} .records-table thead th.status, .records-table thead th.attachment, .records-table thead th.flag, .records-table thead th.priority { width: 40px !important; } .records-table thead th.subject {width: 60% !important; min-width: 150px !important;} .records-table.sortheader thead th {padding: 0;} .records-table thead th.date {width: 130px !important;} .records-table tbody td.date {text-align: center !important;} .records-table thead th.from, .records-table thead th.to {width: 200px !important;} .records-table thead th.size {width: 50px !important;} .records-table tbody td {text-align: left !important;} .records-table thead th a, .records-table thead th span { display: block; padding: 7px 7px; /*color: #69939e;*/ color: #fff; text-decoration: none; overflow: hidden; text-overflow: ellipsis; } .records-table tbody td { padding: 4px 7px; /* border-bottom: 1px solid #ddd; border-left: 1px dotted #bbd3da;*/ white-space: nowrap; cursor: default; overflow: hidden; text-overflow: ellipsis; background-color: #fff; } /* This padding-left minus the focused padding left should be half of the focused border-left */ .records-table thead tr td:first-child, .records-table tbody tr td:first-child { border-left: 0; /*padding-left: 6px;*/ } /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ .records-table tbody tr.focused > td:first-child { /* border-left: 2px solid #b0ccd7; padding-left: 4px;*/ } .records-table tbody tr.selected.focused > td:first-child { /* border-left-color: #49b3d2;*/ } .records-table tr.selected{outline: 1px solid #000;} .records-table tr.selected td { /* color: #000 !important;*/ background-color: #fff9bf !important; /* background: #019bc6; background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4)); background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%); background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%); background: linear-gradient(top, #019bc6 0%, #017cb4 100%);*/ } .records-table tbody tr.selected #sent_message, .records-table tbody tr.unfocused #sent_message { color: #000; } .records-table tr.selected td a, .records-table tr.selected td span { /* color: #000 !important;*/ } .records-table tr.unfocused td { /* color: #fff !important; background-color: #4db0d2 !important;*/ background-color: #E0E0E0 !important; } /*.records-table tr.unfocused td a, .records-table tr.unfocused td span { color: #fff !important; }*/ .records-table tr.deleted td, .records-table tr.deleted td a { color: #ccc !important; } /*** iFrames ***/ #aboutframe { width: 97%; height: 100%; border: 0; padding: 0; } body.iframe { background: #fff; margin: 38px 0 10px 0; } body.iframe.error { background: #ededed; } body.iframe.floatingbuttons { margin-bottom: 40px; } #messageheader.previewheader{z-index: 1;} body.iframe.fullheight { margin: 0; overflow: hidden; height: 100%; position: relative; } body.iframe.fullheight #messagepreview{ overflow: auto; position: absolute; right: 0; left: 0; bottom: 0; /* top: 117px;*/ } body.iframe.fullheight #messagepreview .rcmBody { line-height: 1.125rem; } .contentbox .boxtitle, body.iframe .boxtitle { color: #777; background: #eee; background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf)); background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%); background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%); background: linear-gradient(top, #eee 0%, #dfdfdf 100%); border-bottom: 1px solid #ccc; } body.iframe .boxtitle { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } body.iframe .footerleft.floating, #composeview-bottom .formbuttons.floating { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 110; background: #fff; padding-top: 8px; padding-bottom: 12px; } body.iframe .footerleft.floating:before, #composeview-bottom .formbuttons.floating:before { content: " "; position: absolute; top: -6px; left: 0; width: 100%; height: 6px; background: url(images/overflowshadow.png?v=8bb4.307) top center no-repeat; } .boxcontent { padding: 10px; } .contentbox .scroller { position: absolute; top: 34px; left: 0; right: 0; bottom: 0px; overflow: auto; } #filter-box .iframebox{padding: 0 10px;} .iframebox { position: absolute; top: 0; left: 0; right: 0; bottom: 0px; } .footerleft { padding: 0 12px 4px 12px; } .propform fieldset { margin-bottom: 20px; border: 0; padding: 0; } .propform fieldset legend { display: block; font-size: 14px; font-weight: bold; padding-bottom: 10px; margin-bottom: 0; } .propform fieldset fieldset legend { color: #666; font-size: 12px; } .propform div.prop { margin-bottom: 0.5em; } .propform div.prop.block label { display: block; margin-bottom: 0.3em; } .propform div.prop.block input, .propform div.prop.block textarea { width: 95%; } .propform a.disabled { color: #999; text-decoration: none; cursor: default; } fieldset.floating { float: left; margin-right: 10px; margin-bottom: 10px; } table.propform { width: 100%; border-spacing: 0; border-collapse: collapse; } ul.proplist li, table.propform td { width: 80%; padding: 4px 10px; background: #eee; border-bottom: 2px solid #fff; } table.propform td.title { width: 20%; color: #333; 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; } #statistics-content ,#pluginbody { position: absolute; left: 0; right: 0; bottom: 0; } #pluginbody{top: 0;} /*** Login form ***/ #login-form { position: relative; width: 580px; margin: 20ex auto 2ex auto; } #login-form .box-inner { width: 430px; background: url(images/linen_login.jpg?v=0484.10363) top left no-repeat #5c5c5c; margin: 0 50px; padding: 10px 24px 0 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-inner form { margin: 1em 0 0 0; } #login-form .box-bottom { background: url(images/login_shadow.png?v=3337.1069) 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: bold; } #login-form td.input { width: 80%; padding: 8px; } #login-form input[type="text"], #login-form input[type="password"] { width: 100%; border-color: #666; } #login-form input.button { color: #444; text-shadow: 0px 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:hover, #login-form input.button:focus { box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; } #login-form input.button:active { color: #333; background: -moz-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#f9f9f9)); background: -o-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); background: -ms-linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); background: linear-gradient(top, #dcdcdc 0%, #f9f9f9 100%); } #login-form form table { width: 98%; } #login-form td.title { width: 20%; white-space: nowrap; color: #cecece; text-shadow: 0px 1px 1px black; text-align: right; padding-right: 1em; } #login-form p.formbuttons { margin-top: 2em; text-align: center; } #login-form #logo { position: absolute; top: -50px; width: 250px; left: 50%; transform: translateX(-50%) } #login-form #message { /*min-height: 40px;*/ /*padding: 5px 25px;*/ text-align: center; font-size: 1.1em; } #login-form #message div { display: inline-block; padding-right: 0; font-size: 12px; } #bottomline { font-size: 90%; text-align: center; margin-top: 2em; } #addressview-left #directorylist-content {margin: 0 !important; width: 100% ;} /*** quicksearch **/ .searchbox { position: relative; } #quicksearchbar { display: inline-block; position: relative; } #searchfilter {width: 130px;} .search-top-right #searchfilter {display: none;} .search-top-right #quicksearchbar {top: 13px; left: 0; /*left: 135px;*/ width: 500px; display: block !important; position: absolute;} .searchbox input, #quicksearchbar input { width: 100%; margin: 0; padding: 4px 24px 3px 32px; height: 24px; border-color: #ababab; font-weight: bold; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Helvetica,Arial; font-size: 9pt; } .searchbox #searchmenulink, #quicksearchbar #searchmenulink { position: absolute; top: 3px; left: 6px; } .search-top-right .searchbox #searchreset{ position: absolute; top: 3px; left: 475px !important; } #quicksearchbar form #searchreset { position: absolute; top: 3px; left: 475px !important; } #addressview-left #quicksearchbar{width: inherit;} .searchbox #searchreset, .searchbox #searchreset-current-folder{ left: inherit !important; right: 60px !important; top: 3px; position: absolute; } /*** toolbar ***/ .toolbar .spacer { /*display: inline-block;*/ display: none; width: 24px; height: 0px; padding: 0; } .toolbar { font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em; } .toolbar * { font-family: Helvetica,Arial; font-size: 10pt; letter-spacing: 0; } #messagetoolbar a.button.archive {top: 0; background-position: -1px 10px;} .toolbar a.button { max-height: 30px; font-size: 10pt; line-height: 30px; color: #000; text-align: right; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px 0 0; text-shadow: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; background: url(images/sprite_new_toolbar.png) -100px 0 no-repeat transparent; border: 0; border-radius: 0; } .toolbar .jspPane >a.button { padding-right: 10px !important; } .toolbar .jspPane >.dropbutton >a, .toolbar >.dropbutton >a { padding-right: 20px !important; } .toolbar .jspPane >a.button, .toolbar .jspPane >.dropbutton, .toolbar >a.button, .toolbar >.dropbutton { margin-left: 5px !important; } /*#messagesearchtools #messagetoolbar div,#messagesearchtools #messagetoolbar {position: inherit; width: inherit !important; margin: 0 !important;}*/ #messagetoolbar .jspContainer .jspPane{height: 70px; width: inherit !important;/*overflow: auto; */padding-right: 270px !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} #messagesearchtools{border-bottom: 1px solid #858F9E;} .search-top-right{position: relative;} .toolbar a.button.disabled { opacity: 0.4; filter: alpha(opacity=40); } .dropbutton { display: inline-block; position: relative; vertical-align: top; height: 30px; } .dropbutton .dropbuttontip { position: absolute; right: 1px; top: 13px; height: 14px; width: 18px; background: url(images/sprite_new_main.png) center -252px no-repeat transparent; cursor: pointer; } .dropbutton .dropbuttontip:hover { background-position: center -266px; } .dropbutton a.button.disabled + .dropbuttontip { background-position: center -237px; opacity: 0.5; filter: alpha(opacity=50); } /*.dropbutton a.button.disabled + .dropbuttontip:hover { background-position: 0 -1255px; }*/ .toolbar a.button.back { background-position: left -628px; padding-left: 22px; } .toolbar a.button.back.disabled { background-position: left -654px; } .toolbar a.button.checkmail { background-position: left -46px; padding-left: 25px; } .toolbar a.button.checkmail.disabled { background-position: left -20px; padding-left: 25px; } .toolbar a#listselectmenulink{float: left;} .toolbar a.button.compose { background-position: 14px 4px; float: left; background-color: #41A62A; line-height: 30px; padding-right: 14px; padding-left: 42px; margin-left: 1% !important; color: #fff; } .toolbar a.button.compose:before{display: none !important;} .records-table tbody td.rating,.records-table tbody td.size{text-align: center !important;} .toolbar a.button.compose:hover { background-color: #008a2e; } .toolbar a.button.reply { background-position: left -152px; padding-left: 20px; } .toolbar a.button.reply.disabled { background-position: left -123px; padding-left: 20px; } .toolbar a.button.reply-all { background-position: left -209px; padding-left: 28px; } .toolbar a.button.reply-all.disabled { background-position: left -178px; padding-left: 28px; } .toolbar a.button.forward { background-position: left -105px; padding-left: 28px; margin: 8px 0; line-height: 18px; } .toolbar a.button.forward.disabled { background-position: left -79px; padding-left: 28px; margin: 8px 0; line-height: 18px; } .toolbar a.button.forward:before { margin-top: 2px !important; } .toolbar a.button.delete { background-position: left -266px; padding-left: 20px; } .toolbar a.button.delete.disabled { background-position: left -239px; padding-left: 20px; } .toolbar a.button.archive { background-position: center -730px; } .wrapper.wrapper-position{position: inherit !important; float: right; margin-right: 200px;} .toolbar .wrapper{ position: absolute; right:10px; top: -4px; text-align: left; padding:0 10px;} .toolbar .wrapper a{ opacity: 1; text-align: left !important; display: block; padding-left: 25px !important; line-height: 20px !important; margin-top: 16px;} .toolbar a.button.junk { background-position: left -1104px; color: red; } .toolbar a.button.junk.spam {margin-right: 41px !important; margin-top: 5px !important;} .toolbar a.button.junk.spam-host{clear: right;} .toolbar a.button.junk.disabled { /* background-position: left -1128px;*/ opacity: 1; } .toolbar a.button.junk:before { display: none !important; } .toolbar a.button.print { background-position: left -1001px; padding-left: 22px; } .toolbar a.button.print.disabled { background-position: left -1027px; } .toolbar a.button.markmessage { background-position: left -381px; padding-left: 23px; } .toolbar a.button.markmessage.disabled { background-position: left -346px; padding-left: 23px; } .toolbar a.button.move { background-position: center -1971px; } .toolbar a.button.more { background-position: left -415px; padding-left: 25px; line-height: 14px; margin-bottom: 10px; margin-top: 5px; } .toolbar a.button.more:before { margin-top: 2px !important; } .toolbar a.button.more.disabled { background-position: left -404px; padding-left: 25px; line-height: 14px; margin: 10px 0; } .toolbar a.button.attach { background-position: left -806px; padding-left: 27px; } .toolbar a.button.attach.disabled { background-position: left -829px; } .toolbar a.button.spellcheck { background-position: left -760px; padding-left: 20px; } .toolbar a.button.spellcheck.disabled { background-position: left -783px; } .toolbar a.button.spellcheck.selected { background-position: left -938px; color: #00A4FF; } .toolbar a.button.insertsig { background-position: left -851px; padding-left: 24px; } .toolbar a.button.insertsig.disabled { background-position: left -873px; } .toolbar a.button.search { background-position: left -320px; padding-left: 27px; } .toolbar a.button.search.disabled { background-position: left -292px; } .toolbar a.button.import { background-position: left -454px; padding-left: 28px; } .toolbar a.button.import.disabled { background-position: left -483px; } .toolbar a.button.export { background-position: left -512px; padding-left: 28px; } .toolbar a.button.export.disabled { background-position: left -541px; } .toolbar a.button.send { background-position: left -676px; padding-left: 30px; } .toolbar a.button.send.disabled { background-position: left -696px; } .toolbar a.button.savedraft { background-position: left -717px; padding-left: 20px; } .toolbar a.button.savedraft.disabled { background-position: left -739px; } .toolbar a.button.close { background-position: 0 -1745px; } .toolbar a.button.download { background-position: left -961px; padding-left: 18px; } .toolbar a.button.download.disabled { background-position: left -983px; } .toolbar a.button.responses { background-position: left -895px; padding-left: 21px; } .toolbar a.button.responses.disabled { background-position: left -917px; } a.menuselector { display: inline-block; border: 1px solid #ababab; text-decoration: none; color: #333; cursor: pointer; white-space: nowrap; } select.decorated { position: relative; z-index: 10; opacity: 0; height: 22px; cursor: pointer; filter: alpha(opacity=0); -khtml-appearance: none; -webkit-appearance: none; border: 0; } html.opera select.decorated { opacity: 1; } select.decorated option { color: #fff; background: #444; border: 0; border-top: 1px solid #5a5a5a; border-bottom: 1px solid #333; text-shadow: 0px 1px 1px #333; padding: 4px 6px; outline: none; cursor: default; } /*** quota indicator ***/ #quotadisplay { left: 6px; height: 18px; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px #fff; padding-left: 30px; background: url(images/quota.png?v=4835.3622) -100px 0 no-repeat; } /*** popup menus ***/ .popupmenu, #rcmKSearchpane { display: none; position: absolute; top: 32px; left: 90px; width: auto; max-height: 72%; overflow: -moz-scrollbars-vertical; overflow-y: inherit; overflow-x: hidden; background: #444; border: 1px solid #999; z-index: 9999; 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; } .popupmenu h3, #rcmKSearchpane h3{color: #fff;} .popupmenu.dropdown { border-radius: 0 0 4px 4px; border-top: 0; } ul.toolbarmenu, ul.toolbarmenu ul, #rcmKSearchpane ul { margin: 0; padding: 0; list-style: none; } .googie_list td, ul.toolbarmenu li, #rcmKSearchpane ul li { color: #fff; white-space: nowrap; min-width: 130px; margin: 0; border-top: 1px solid #5a5a5a; border-bottom: 1px solid #333; } .googie_list tr:first-child td, ul.toolbarmenu > li:first-child, select.decorated option:first-child { border-top: 0; } .googie_list tr:last-child td, ul.toolbarmenu > li:last-child, select.decorated option:last-child { border-bottom: 0; } .googie_list td span, ul.toolbarmenu li a { display: block; color: #666; text-shadow: 0px 1px 1px #333; text-decoration: none; min-height: 14px; padding: 2px 16px 2px 10px; } .googie_list td span { padding: 3px 10px; } .googie_list td span, ul.toolbarmenu li a.active { color: #fff; cursor: default; } .googie_list td.googie_list_onhover, ul.toolbarmenu li a.active:hover, #rcmKSearchpane ul li.selected, select.decorated option:hover, select.decorated option[selected='selected'] { background-color: #00aad6; background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9)); background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%); background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%); background: linear-gradient(top, #00aad6 0%, #008fc9 100%); } ul.toolbarmenu.iconized li a, ul.toolbarmenu.selectable li a { padding-left: 30px; } ul.toolbarmenu.selectable li a.selected { background: url(images/messages.png?v=01ee.1736) 4px -27px no-repeat; } ul.toolbarmenu li label { display: block; color: #fff; padding: 4px 8px; text-shadow: 0px 1px 1px #333; } ul.toolbarmenu li.separator label { color: #bbb; font-style: italic; } ul.toolbarmenu li a.icon { color: #eee; padding: 2px 6px; } ul.toolbarmenu li span.icon { display: block; min-height: 14px; padding: 4px 4px 1px 24px; height: 14px; background-image: url(images/listicons.png?v=017c.29530); background-position: -100px 0; background-repeat: no-repeat; opacity: 0.2; filter: alpha(opacity=20); } ul.toolbarmenu li a.active span.icon { opacity: 0.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; } ul.toolbarmenu li span.move { background-position: 0 -2126px; } ul.toolbarmenu li span.copy { background-position: 0 -2150px; } #snippetslist { max-width: 200px; } #snippetslist li a { overflow: hidden; text-overflow: ellipsis; } #rcmKSearchpane { border-radius: 0 0 4px 4px; border-top: 0; } #rcmKSearchpane ul li { text-shadow: 0px 1px 1px #333; text-decoration: none; min-height: 14px; padding: 6px 10px 6px 10px; border: 0; cursor: default; } .popupdialog { display: none; padding: 10px; } .popupdialog .formbuttons { margin: 20px 0 4px 0; } .ui-dialog .prompt input { display: block; margin: 8px 0; } .hint { margin: 4px 0; color: #999; text-shadow: 0px 1px 1px #fff; } .splitter { user-select: none; -moz-user-select: none; -khtml-user-select: none; position: absolute; /*background: url(images/splitter.png?v=2724.136) center no-repeat;*/ background-color: #858F9E; } .splitter-h { height: 10px; width: 100%; cursor: n-resize; cursor: row-resize; background-position: center 0; z-index: 99999; } .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; background: #1A171B; z-index: 250; color: #fff; white-space: nowrap; opacity: 0.7; filter: alpha(opacity=70); /* text-shadow: 0px 1px 1px #333;*/ } #rcmdraglayer:after { content: ""; position: absolute; top: 6px; left: -6px; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #1A171B; /* reduce the damage in FF3.0 */ display: block; width: 0; opacity: 0.8; filter: alpha(opacity=80); z-index: 251; } .draglayercopy:before { position: absolute; bottom: -6px; left: -6px; content: " "; width: 16px; height: 16px; background: url(images/buttons.png?v=3e15.39327) -7px -358px no-repeat; z-index: 255; } /*** folder selector ***/ #folder-selector { z-index: 1000; } #folder-selector li a span { background: url(images/listicons.png?v=017c.29530) 4px -2021px 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: 4px -2049px; } #folder-selector li a.drafts span { background-position: 4px -1388px; } #folder-selector li a.sent span { background-position: 4px -2074px; } #folder-selector li a.trash span { background-position: 4px -1508px; } #folder-selector li a.junk span { background-position: 4px -2100px; } /*** attachment list ***/ .attachmentslist { list-style: none; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; } .attachmentslist li { display: block; position: relative; background: url(images/filetypes.png?v=a710.9018) 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.xls, .attachmentslist li.xlsx, .attachmentslist li.msexcel { background-position: 0 -104px; } .attachmentslist li.ods { background-position: 0 -130px; } .attachmentslist li.zip, .attachmentslist li.gz { background-position: 0 -156px; } .attachmentslist li.rar { background-position: 0 -182px; } .attachmentslist li.image { background-position: 0 -208px; } .attachmentslist li.jpg, .attachmentslist li.jpeg { background-position: 0 -234px; } .attachmentslist li.png { background-position: 0 -260px; } .attachmentslist li.m4p { background-position: 0 -286px; } .attachmentslist li.mp3, .attachmentslist li.audio { background-position: 0 -312px; } .attachmentslist li.video { background-position: 0 -338px; } .attachmentslist li.txt, .attachmentslist li.text { background-position: 0 -416px; } .attachmentslist li.ics, .attachmentslist li.calendar { background-position: 0 -364px; } .attachmentslist li.vcard { background-position: 0 -390px; } .attachmentslist li.sig, .attachmentslist li.pgp-signature, .attachmentslist li.pkcs7-signature { background-position: 0 -442px; } .attachmentslist li.html { background-position: 0 -468px; } .attachmentslist li.eml, .attachmentslist li.rfc822 { background-position: 0 -494px; } .attachmentslist li.ppt, .attachmentslist li.pptx, .attachmentslist li.ppsx, .attachmentslist li.vnd.mspowerpoint { background-position: 0 -520px; } .attachmentslist li.odp, .attachmentslist li.otp { background-position: 0 -546px; } .attachmentslist li a, #compose-attachments ul li { display: block; color: #333; font-weight: bold; padding: 3px 15px 3px 30px; text-shadow: 0px 1px 1px #fff; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } .attachmentslist li a.drop { background: url(images/buttons.png?v=3e15.39327) no-repeat scroll center -1570px; width: 14px; height: 20px; cursor: pointer; position: absolute; right: 0; top: 0; padding: 0; } #compose-attachments ul li { padding-right: 28px; } .attachmentslist li a:hover { text-decoration: underline; } .attachmentslist li.uploading { background: url(images/ajaxloader.gif?v=c252.1434) 2px 6px no-repeat; } .attachmentslist li a.delete, .attachmentslist li a.cancelupload { position: absolute; top: 4px; right: 0; width: 20px; height: 18px; padding: 0; text-decoration: none; text-indent: -5000px; background: url(images/buttons.png?v=3e15.39327) -7px -337px no-repeat; } .attachmentslist li a.cancelupload { background-position: -7px -377px; } /*** fieldset tabs ***/ .tabsbar { margin-bottom: 12px; padding-top: 15px; height: 27px; white-space: nowrap; } .ui-dialog-content .tabsbar { margin-bottom: 0; } .tabsbar .tablink { padding: 15px 1px 15px 0; background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8)); background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); } .tabsbar .tablink:last-child { background: none; } .tabsbar .tablink:last-child a { border-right: 0; } .tabsbar .tablink a { padding: 15px; color: #999; font-size: 12px; font-weight: bold; text-decoration: none; background: #fff; border-right: 1px solid #fafafa; } .tabsbar .tablink.selected a { color: #004458; background: #f6f6f6; background: -moz-linear-gradient(top, #fff 40%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#efefef)); background: -o-linear-gradient(top, #fff 40%, #efefef 100%); background: -ms-linear-gradient(top, #fff 40%, #efefef 100%); background: linear-gradient(top, #fff 40%, #efefef 100%); } fieldset.tab { border: 0; padding: 0; margin-left: 0; } .logo-img { display: block; text-align: center; margin-top: 4px; } .nav-menu { font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em; margin-top: 11px; height: 24px; width: 12px; overflow: hidden; display: inline-block; position: absolute !important; /*padding-top: 17px;*/ /*background-color: #000;*/ } .nav-menu:before { content: ""; position: absolute; display: block; top: 11px; left: 2px; z-index: 1; border: 5px solid #000; border-color: #000 transparent transparent transparent; cursor: pointer; } .nav-menu:hover:before{display: none;} .nav-menu:hover:before,.nav-menu:focus:before { top: 5px; border-color: transparent transparent #000 transparent; } .nav-menu:hover,.nav-menu:focus { height: auto; min-height: 85px; width: inherit; min-width: 155px; padding-top: 0; border: 1px solid #858F9E; position: absolute; display: inline-block; z-index: 50; cursor: pointer; background-color: #fff; } .nav-menu a,.left-header >a, .left-header .jspPane > a { font-family: Helvetica,Arial; letter-spacing: 0; font-size: 12pt; color: #000; margin: 0 2px 3px 2px; text-decoration: none; height: 24px; line-height: 25px; } .left-header >a, .left-header .jspPane > a{padding: 0 20px;} .nav-menu a:before { font-family: "myFont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .nav-menu a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; visibility: hidden; transform: scaleX(0); background-color: #0186ba; transition: all .3s ease; } .nav-menu a:not(:last-of-type):hover:after { transform: scaleX(1); visibility: visible; } .nav-menu{padding: 0 15px;} .nav-menu:hover a{visibility: visible;} .nav-menu a { visibility: hidden; position: relative; white-space: nowrap; z-index: 2; height: auto !important; display: block; line-height: 40px; margin: 0; padding: 0 0 0 20px; } .nav-menu a:not(:last-of-type){ border-bottom: 1px solid #f4f4f4; } .nav-menu a:hover { color: #0186ba !important; } /*.nav-menu a.button-selected { background-color: #23B9FB; color: #fff; }*/ .nav-menu a.button-logout { display: none; } .search-top-right #quicksearchbar .search-form-folder{float: left; position: relative;} .search-top-right #quicksearchbar .spam-email ul{padding: 0 20px; margin: 0;} .search-top-right #quicksearchbar .spam-email li{list-style: none;} .search-top-right #quicksearchbar .spam-email{ background: #fdccd0; border: 1px solid #bf395c; padding: 4px; position: absolute; right: -40px; z-index: 99; font-size: 13px; top: 30px;} .search-top-right #quicksearchbar .spam-email:before{/*width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #fdccd0 transparent;*/} .search-top-right #quicksearchbar .spam-email:after, .search-top-right #quicksearchbar .spam-email:before { content: ''; display: block; position: absolute; left: 4px; width: 0; height: 0; border-style: solid; } /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */ .search-top-right #quicksearchbar .spam-email:after { top: -14px; border-color: transparent transparent #fdccd0 transparent; border-width: 7px; } /* this border color controlls the outside, thin border */ .search-top-right #quicksearchbar .spam-email:before { top: -15px; border-color: transparent transparent #bf395c transparent; border-width: 7px; } #quicksearchbar form,#composequicksearch form { padding-right: 60px; position: relative; display: inline-block !important; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } #quicksearchbar form .button,#composequicksearch form .button{ position: absolute; right: 0; border-radius: 0 !important; height: 24px !important; } .left-header { font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em; position: relative; text-align: left; margin-bottom: 6px; /* height: 41px; overflow-y: hidden;*/ } .left-header > *, .left-header .jspPane > * { letter-spacing: 0; vertical-align: top; } .left-header >a, .left-header .jspPane > a { background-color: #23B9FB; color: #fff; margin-top: 11px; margin-right: 6px; margin-left: 18px; display: inline-block; } .left-header >a:hover, .left-header .jspPane > a:hover { background-color: #20b1f1; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspNoScroll .jspVerticalBar { display: none; } .jspPane { position: absolute; } .jspPane div:not(.popupmenu){ display: inline-block;} .jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: red; z-index: 5; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: red; z-index: 5; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #C6C7C8; position: relative; } .jspDrag { background: #858F9E; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 5px; } .jspHorizontalBar .jspArrow { width: 5px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } .attachmentslist li a.drop { background: url(images/buttons_compose.png?v=d70c.9130) no-repeat scroll center -1570px; width: 14px; height: 20px; cursor: pointer; position: absolute; right: 0; top: 0; padding: 0; overflow: hidden; text-indent: -5000px; outline: none; } #compose-attachments .attachmentslist li a.drop { right: 24px; } .propform select[name^="_namespaceFolders"] { width: 15%; } /*flex sort*/ .toolbar a#listselectmenulink {order:1} .toolbar a.button.compose {order:2} .toolbar a.button.checkmail {order:3} .toolbar a.button.reply {order:4} .toolbar .dropbutton.reply-all {order:5} .toolbar .dropbutton.forward {order:6} .toolbar .button.archive {order:7} .toolbar .button.delete {order:7} .toolbar .button.scheduled {order:8} .toolbar .button.rating{order:9} .toolbar .button.domestic-export-inquiries {order:11} .toolbar .button.rating-orders {order:12} .toolbar .button.auto_reply {order:13} .toolbar .button.recall {order:14} .toolbar .button.blacklist {order:15} .toolbar .button.black-host {order:16} .toolbar .button.inquiries_duplicate {order:17} #currentlink, #allLink {display: inline-block; } #currentlink {left: 38px;} #allLink {left: 8px; padding-left: 0 !important; margin-left: 25px;} #currentlink:after{content: " / "; color: #000; display: inline-block;} .current-all-active { font-weight: bold; }