@import url('//fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700');
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,300,400italic,400,700italic,700');
@import url('//fonts.googleapis.com/css?family=Roboto+Slab');
/***** Roundcube|Mail basic styles *****/

body
{
  margin: 8px 0;
  background-color: #dfe1e1;
  color: #000000;
}

body.iframe
{
  margin: 20px 0 0 0;
  background-color: #FFF;
}

body.extwin
{
  margin: 10px;
}

body, td, th, div, p, h3, select, input, textarea
{
  font-family:  'Roboto',Tahoma, sans-serif;
  font-size: 12px;
}


th
{
  font-weight: normal;
}

h3
{
  font-size: 18px;
}

a, a:active, a:visited
{
  color: #666;
  outline: none;
}

a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
{
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

a.tab
{
  width: 80px;
  display: block;
  text-align: center;
}

hr
{
  height: 1px;
  background-color: #666666;
  border-style: none;
}

input[type="text"],
input[type="button"],
input[type="password"],
textarea
{
  border: 1px solid #dcdcdc;
  color: #333333;
  background-color: #ffffff;
}
input[type="checkbox"],
input[type="radio"]{
    border:0;
    background-color: transparent;
}

input, textarea
{
  color: #333333;
  padding: 1px 3px;
  border: 1px solid #dcdcdc;
}

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

input.button
{
  height: 20px;
  color: #333333;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  background: url("images/buttons/bg.gif") repeat-x #f0f0f0;
  border: 1px solid #a4a4a4;
}

input.button:hover
{
  color: black;
}

input.button[disabled],
input.button[disabled]:hover
{
  color: #aaa;
  border-color: #ccc;
}

input.mainaction
{
  font-weight: bold;
  border: 1px solid #999;
}

img
{
  border: 0;
}


nav
{
  
}

nav a
{
  text-decoration: none;
  background: url("images/tiscali/sprite.gif?20170303") no-repeat;
  display: inline-block;
}

.alttext
{
  font-size: 11px;
}

.hint
{
  color: #333;
  font-size: 13px;
}

.formlinks a,
.formlinks a:visited
{
  color: #16387C !important;
  font-size: 11px;
  text-decoration: none;
}

.formlinks a.disabled,
.formlinks a.disabled:visited
{
  color: #999999;
}

/** common user interface objects */

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

header{
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 40px;
  height: 40px;
  rigth:0;
  min-width: 988px;
  left:0;
  background-color:#0098A7;
  z-index: 2;
}

header h1
{
 
  position: absolute;
  top: 4px;
  left: 10px;
  width: 170px;
  height: 40px;
  z-index: 100;
  margin:0;
  padding:0;
}

header nav{
  color: #FFFFFF;
  text-align: right;
  padding-right: 4px;
  font-size:12px;
}

header nav a
{
  width:28px;
  line-height: 18px;
  margin:11px 0;
  border-left:2px solid #66c1ca;
  background: url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat;  
}

header nav a.username{
  background:none;
  border:0;
  font-size: 14px;
  color:#FFF;
  width:auto;
  font-weight: normal;
  margin-right: 6px;
}

header nav a.impostazioni
{
    background-position:-130px -16px;
}

header nav a.help
{
    background-position:-24px -60px;
}

header nav a.esci
{
 background-position:-166px -16px;
}

header nav a.home
{
 background-position:-204px -16px;
}

body > #message
{
  position: absolute;
  display: none;
  top: -1px;
  margin-left: -225px;
  left: 50%;
  z-index: 5000;
  opacity: 0.85;
}

body > #message div
{
  width: 400px;
  margin: 0px;
  min-height: 22px;
  padding: 8px 10px 8px 46px;
}

body> #message div.notice,
#remote-objects-message
{
  background-color: #EFEFEF;
}

body >#message div.error,
body > #message div.warning
{
  background: url("images/display/icons.png") 6px -97px no-repeat;
  background-color: #EF9398;
  border: 1px solid #DC5757;
}

body > #message div.confirmation
{
  background: url("images/display/icons.png") 6px -47px no-repeat;
  background-color: #A6EF7B;
  border: 1px solid #76C83F;
}

body > #message div.loading
{
  background: url("images/display/loading.gif") 6px 3px no-repeat;
  background-color: #EBEBEB;
  border: 1px solid #CCCCCC;
}

body > #message a
{
  cursor: pointer;
  text-decoration: underline;
}

.box
{
  border: 1px solid #999;
}

.boxtitle
{
  height: 30px !important;
  line-height: 30px;
  padding: 0px 10px 0px 5px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  background-color: #0098A7;
}

.boxtitle .rightalign
{
  float: right;
}

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

#mailleftcontainer
{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 320px;
  line-height: 30px;
}

#mailleftcontainer nav{
    line-height: 40px;
    border-bottom: 1px solid trasparent;
}

#mailleftcontainer nav a{
    border:0;
    width:150px;
    text-align: left;
    text-indent: 45px;
    font-size: 14px;
    font-weight: 500;
    margin:0;
    text-transform:uppercase;
    line-height: 16px;
    color:#666;
    white-space: nowrap;
    position: relative;
    background:none;
}

#mailleftcontainer nav a::before {
    content: '';
    position: absolute;
    left:20px;
    top:0;
    width: 25px;
    height: 30px;
    background: url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat;
    background-position: -9px  -57px!important;
}

#mailleftcontainer nav a:last-child{
    border-left: 1px solid #fff;
}

#mailleftcontainer nav a:last-child::before{
    background-position: -43px  -57px!important;
}

#mailrightcontainer
{
  position: absolute;
  top: 0;
  left: 320px;
  bottom: 0;
  right: 0;
  min-width: 600px;
}

#mailrightcontent
{
  position: absolute;
  top: 84px;
  left: 0;
  right: 0;
  bottom: 0;
}
.boxcontent
{
  padding: 15px 10px 10px 10px;
  background-color: #F2F2F2;
}

.boxcontent table td.title
{
  color: #666;
  padding-right: 10px;
}

.boxlistcontent
{
  position: absolute;
  top: 31px;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding:0;
  margin:0;
}

.leftboxlistcontent
{
  position: absolute;
  top: 51px;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding:0;
  margin:0;
}
.leftboxlistcontent iframe{
  width:300px; 
  height:250px;
  margin:20px 0; 
  padding:0;  
}

.sky_player_iframe .leftboxlistcontent iframe{ 
  width:300px; 
  height:255px;
  margin:0 0 20px 0; 
  padding:0;  
  background-color: #000;
}

.skyFrameTitle{ 
  width:300px;
  height:35px;
  line-height:35px;
  background:#0098A7;
  margin-top:20px;
  display:none;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 10px 0 6px;
  text-align:right;
 }
.skyFrameTitle img{
  vertical-align:middle;
  float:left;
  padding-top:6px;
}
.skyFrameTitle a{
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

.serviceMailSelected iframe{
  margin:0;
  position:absolute;
  top:212px;
  left:0px;

} 

.sky_player_iframe .serviceMailSelected iframe{
  margin:0;
  position:absolute;
  top:210px;
  left:0px;
 } 

.serviceMailSelected .skyFrameTitle{ 
  position:absolute;
  top:212px;
  left:0px;
  margin-top:0px;
 }
 
.leftboxlistcontent > li{
  margin-right: 10px;
}
.leftboxlistcontent li{
    position: relative;
    border-bottom: 1px solid #adadad;
    text-indent: 0px;
    text-transform: uppercase;
    color:#333;
    font-weight: normal;
    text-transform:uppercase;
    list-style:none;
}
.leftboxlistcontent li::before{
  background: url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat;
  background-position: -465px -92px;
  content: '';
  position: absolute;
  left:10px;
  top:0px;
  width: 25px;
  height: 30px;
}  
.leftboxlistcontent li.selected::before{
  background-position: -494px -92px;
}  
.leftboxlistcontent li span.unreadcount{
    color: #0098a7;
    font-weight: normal;
    padding-left: 2px;
}

.leftboxlistcontent li.homemail{
    text-indent: 31px;
    font-size:16px;
    color:#5f6a6a;
    font-weight: 500;
    line-height: 40px;
    border-bottom: 0;
    text-transform: capitalize;
}
.leftboxlistcontent li.homemail.serviceSelected{
  border-bottom: 1px solid #adadad;
  width:300px;
}  

.leftboxlistcontent li.homemail::before{
    background-position: -9px -95px;
    left:0px;
    top:5px;
}
.leftboxlistcontent li.homemail.serviceSelected::before{
    background-position: -38px -95px;
}
.leftboxlistcontent li.homemail> a,.leftboxlistcontent li.fax > a,.leftboxlistcontent li.addressbook > a{
  font-weight: 500;
}
.leftboxlistcontent li.fax{
     width:300px;
     text-indent: 31px;
     font-size:16px;
     line-height: 40px;
     color:#5f6a6a;
     font-weight: 500;
     text-transform: capitalize;
}
.leftboxlistcontent li.fax::before{
    background-position: -9px -121px;
    left:0px;
}
.leftboxlistcontent li.fax.serviceSelected::before{
    background-position: -38px -121px;
}

.leftboxlistcontent li.addressbook{
   text-indent: 31px;
   font-size:16px;
   line-height: 40px;
   color:#5f6a6a;
   font-weight: 500;
   border-bottom: 0;
   text-transform: capitalize;
}
.leftboxlistcontent li.addressbook::before{
   background-position: -11px -158px;
   left:0px;
}
.leftboxlistcontent li.addressbook.serviceSelected::before{
    background-position: -38px -158px;
}

.leftboxlistcontent li.serviceSelected{
    color: #5f6a6a;
}


/** mailbox list styles */

/* mi sembra non usata*/
#mailboxlist-container
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  border: 1px solid #999;
  background-color: #F9F9F9;
  overflow: hidden;
}

.leftboxlistcontent li ul{
  list-style-image: none;
  list-style-type: none;
  background:#dfe1e1;
  margin:0;
  padding:0;
}

.leftboxlistcontent li a{
    color: #5f6a6a;
    text-decoration: none;
}


#tmailboxlist
{
  position:relative;
  margin: 0px;
  /* padding: 448px 0 0 20px; */
  padding: 490px 0 0 20px;
  margin:0;
}

.leftboxlistcontent li ul li{
 border:0;
 text-transform: none;
 font-weight: normal;
 /*
 padding: 0 0 0 20px;
 text-indent: 20px;
 */
 margin: 0 0 0 0;
 position:relative; 
}



#tmailboxlist li
{
 border:0;
 text-transform: none;
 font-weight: normal;
 padding: 0 0 0 10px;
 margin: 0 0 0 0;
 text-indent: 30px;
 position:relative;
 white-space: nowrap;
 line-height: 30px;
}


#tmailboxlist li a.addrecharge{
  text-transform:lowercase;
  font-size: 13px;
  color: #5f6a6a;
  position:absolute;
  top:0;
  right:0;
  font-weight: normal;
}
#tmailboxlist li.selected a.addrecharge{
  right: 10px;
}

#tmailboxlist li#myfold{
    background: none;
    padding: 0 0 0 2px;
    text-indent: 0px;
}
#minusplus{
    margin:0 6px 0 0;
}

/* TISCALI_CHANGE: inserita questa classe per la label della posta, mie cartelle, sms e fax */ 
.tiscali-folders-text
{
  display: block;
  position: relative;
  font-size: 11px;
  font-weight:bold;
  color: #0000FF;
  border-bottom: 1px solid #EBEBEB;
}

#tmailboxlist > li{
  text-transform: uppercase;
}

#tmailboxlist li ul li:last-child
{
  border-bottom: none;
}

#tmailboxlist li div
{
  position: absolute;
  left: 10px;
  top: 0;
  width: 25px;
  height: 25px;
}

#tmailboxlist li div.collapsed,
#tmailboxlist li div.expanded
{
  cursor: pointer;
}

#tmailboxlist li div.collapsed
{
   background:#dfe1e1 url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat;
   background-position:-406px -93px;
}
#tmailboxlist li.selected > div.collapsed
{
   background-position:-436px -93px;
   background-color: #e1f0f1;
}
#tmailboxlist li div.expanded
{
   background:#dfe1e1 url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat;
   background-position: -347px -93px;
}
#tmailboxlist li.selected > div.expanded
{
   background-position:-376px -93px;
   background-color: #e1f0f1;
}
#tmailboxlist li.inbox
{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  padding: 0 0 0 0px;
  text-indent: 40px;
}
#tmailboxlist li.inbox::before{
  background-position: -67px -93px;
}
#tmailboxlist li.inbox.selected::before{
  background-position: -96px -93px;
}

#tmailboxlist li.drafts
{
  position:absolute;
  top:30px;
  left:0px;
  right:0px;
  padding: 0 0 0 0px;
  text-indent: 40px;
}
#tmailboxlist li.drafts::before{
  background-position: -124px -92px;
}
#tmailboxlist li.drafts.selected::before{
  background-position: -149px -92px;
}

#tmailboxlist li.sent
{
  position:absolute;
  top:60px;
  left:0px;
  right:0px;
  padding: 0 0 0 0px;
  text-indent: 40px;
}
#tmailboxlist li.sent::before{
  background-position: -177px -93px;
}
#tmailboxlist li.sent.selected::before{
  background-position: -206px -93px;
}
#tmailboxlist li.junk
{
  position:absolute;
  top:90px;
  left:0px;
  width:300px;
  padding: 0 0 0 0px;
  text-indent: 40px;
}
#tmailboxlist li.junk::before{
  background-position: -235px -94px;
}
#tmailboxlist li.junk.selected::before{
  background-position: -264px -94px;
}

#tmailboxlist li.trash
{
  position:absolute;
  top:120px;
  left:0px;
  width:300px;
  padding: 0 0 0 0px;
  text-indent: 40px;
}
#tmailboxlist li.trash::before{
  background-position: -292px -94px;
}
#tmailboxlist li.trash.selected::before{
  background-position: -319px -94px;
}

#tmailboxlist li a
{
  text-decoration: none;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}

#tmailboxlist li a[rel]{
   margin-left: -20px;
   padding-left: 20px;
}

#tmailboxlist li.unread
{
  font-weight: normal;
}

#tmailboxlist li.selected,
#tmailboxlist li.droptarget li.selected
{
  background-color: #e1f0f1;
  border-left: 1000px solid #e1f0f1;
  margin-left: -1000px;
}

#tmailboxlist li.selected > a.addrecharge{
    background-color: transparent;
}


#tmailboxlist li.droptarget
{
  background-color: #E1F0F1;
}

/* styles for nested folders */
#tmailboxlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: normal;
  background-color: #dfe1e1;
  border-left: 1000px solid #dfe1e1;
  margin: 0 0 0 -1000px;
}


/*------FOLDER TREE----*/
#rcmli_tiscali_all_my_folders {
  padding-left: 0px !important;
  text-indent: 30px !important;
  width:279px;
}
#rcmli_tiscali_all_my_folders::before{
  background-image: none;
}

#rcmli_tiscali_all_my_folders > div.collapsed {
  background: url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat;
  background-position:-406px -93px;
  left: 0px;
}

#rcmli_tiscali_all_my_folders > div.expanded  {
  background: url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat;
  background-position: -347px -93px;
  left: 0px;
}



.boxsubject
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  height: 22px;
  border-bottom: 1px solid #999;
  background: url("images/listheader.gif") top left repeat-x #CCC;
}


#tabtoolbar
{
    white-space: nowrap;
    height: 41px;
    left: 0;
    min-width: 650px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 3;
    overflow: hidden;
}

#tabtoolbar span{
    border: 1px solid #dfe1e1;
    border-top: 0;
    border-bottom: 0;
    margin-top:1px;
    display: inline-block;
    height: 39px;
    line-height: 40px;
    position: relative;
    background: #eff0f0;
    color:#666666;
    font-weight: lighter;
    font-size: 13px;
    padding: 0 10px;
    min-width:130px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}

#tabtoolbar span b{
    min-width: 40px;
    display: inline-block;
    font-weight: lighter;
}
#tabtoolbar span.selected b{
    font-weight: normal;
}      

.standardBrowser #tabtoolbar span:first-child{
    min-width:110px;
    cursor: pointer;
    padding: 0 20px !important;
    border-left:0;
}

#tabtoolbar span a{
   cursor: pointer;
   position: absolute;
}

#tabtoolbar span a.click{
    left:0;
    right:20px;
    top:0;
    bottom:0;
}

#tabtoolbar span a.close{
    background:url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat -9px -201px;
    height: 20px;
    right: 5px;
    top: 10px;
    width: 16px;
}

#tabtoolbar span.selected{
    background: #FFF;
    border: 1px solid #dcdcdc;
    color:#000;
    height: 40px;
    line-height: 40px;
    margin-top:0px;
    font-weight:normal;
}

#tabtoolbar span.selected:first-child{
    cursor:text;
}

#tabtoolbar span.selected a{
    
}

#tabtoolbar span a.close:hover{
   background-position:-26px -201px;
}

#tabtoolbar span.selected a.close{
    background-position:-9px -201px;
}

#tabtoolbar span.selected a.close:hover{
    background-position:-26px -201px;
}


#tabtoolbar span.bannerTab{
     -webkit-border-radius:0;
     -moz-border-radius:0;
     border-radius:0;
     border-top:0;
     border-right:0;
     border-bottom: 0;
     background-position: 0 0;
     background-color: transparent;
     background-repeat: no-repeat;
     background-size: 150px 40px;
     cursor: pointer;
}

#tabtoolbar span.bannerTab a.close{
    background-position:-9px -201px;
    right: 3px !important;
    top:3px;
    display: none;
    z-index: 99;
}

#tabtoolbar .bannerSelectedTab a.close{
    display: block !important;
}

#messagetoolbar
{
    border-top: 1px solid #dcdcdc;
    white-space: nowrap;
    height: 44px;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 2;
    background:#fff;
    padding-left: 10px;
}

#messagetoolbar a
{
 font-size: 14px;
 font-weight: normal;
 color:#333;
}

#messagetoolbar span.tsearch_filter{
    position: absolute;
    right:10px;
    height: 40px;
    line-height: 40px;
    top:0;
}

#messagetoolbar span.tsearch_filter span{
     vertical-align: middle;
     color:#666;
}

#messagetoolbar span.tsearch_filter select{
    border: 1px solid #CCC;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 0.2em 0.3em;
    vertical-align: middle;
    width: 110px;
}

#messagetoolbar a.button,
#messagetoolbar a.buttonPas {
  line-height: 32px;
  padding: 0;
  margin: 5px 14px 5px 0;
  padding-right: 0px;
  text-indent: 25px;
  border: 1px solid transparent;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  background-image: none;
  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}
#messagetoolbar a.button.print,#messagetoolbar a.buttonPas.print{
  margin-right: 5px;
}
#messagetoolbar a.button::before,
#messagetoolbar a.buttonPas::before{ 
  background:url("images/tiscali/mail_desktop_sprite.png?20170831") no-repeat scroll 0 0 transparent;
  content: '';
  position: absolute;
  left:0;
  top:5px;
  width: 25px;
  height: 30px;
}

#messagetoolbar a:last-child,#messagetoolbar a.messagemenu{
    border-right: 0;
}

.standardBrowser #messagetoolbar a.button:hover, 
.standardBrowser #messagetoolbar a.buttonSel
{ 
  color:#0098a7;
}

#messagetoolbar a.buttonPas {
  opacity: 0.35;
  cursor: text;
}

#messagetoolbar a.checkmailSel {
  background-position: 0 -32px;
}

#messagetoolbar a.back {
  background-position: -32px 0;
}

#messagetoolbar a.backSel {
  background-position: -32px -32px,0 0;
}

#messagetoolbar a.compose::before {
  background-position:-234px -130px;
}

#messagetoolbar a.button.compose:hover::before {
  background-position:-40px -57px;
}

#messagetoolbar a.composeSel::before{
  background-position:-34px -57px;
}

#messagetoolbar a.reply::before {
  background-position:-61px -230px;
}
#messagetoolbar a.button.reply:hover::before {
  background-position:-87px -230px;
}

#messagetoolbar a.replySel::before{
  background-position:-87px -230px;
}

#messagetoolbar a.replyAll {
 background-position:-30px -1141px,0 0;
}

#messagetoolbar a.replyAllSel {
  background-position: -128px -32px;
}

#messagetoolbar a.forward::before {
  background-position:-55px -230px;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
#messagetoolbar a.button.forward:hover::before {
  background-position:-81px -230px;
}

#messagetoolbar a.forwardSel {
  background-position: -160px -32px;
}
#messagetoolbar a.delete::before{
  width:22px;
}
#messagetoolbar a.delete::before {
  background-position:-13px -230px;
}
#messagetoolbar a.button.delete:hover::before {
  background-position:-37px -230px;
}
#messagetoolbar a.deleteSel {
  background-position: -37px -230px;
}

#messagetoolbar a.markmessage::before {
  background-position:-165px -230px;
}
#messagetoolbar a.button.markmessage:hover::before {
  background-position:-191px -230px;
}
#messagetoolbar a.button.markmessageSel::before{
  background-position:-191px -230px;
}

#messagetoolbar a.messagemenu {
   padding: 0 20px 0 0;
   text-indent: 5px;
}
#messagetoolbar a.messagemenu::before {
  background-position:-270px -230px;
  left:auto;
  right:0;
  width: 15px;
}
#messagetoolbar a.button.messagemenu:hover::before {
  background-position:-287px -230px;
}

#messagetoolbar a.spellcheck::before{
  background-position:-459px -230px;
}
#messagetoolbar a.button.spellcheck:hover::before {
  background-position:-482px -230px;
}
#messagetoolbar a.spellcheckSel::before{
 background-position:-459px -230px;
}

#messagetoolbar a.attach {
  background-position:-30px -1320px,0 0;
}

#messagetoolbar a.attachSel {
  background-position:-30px -1320px,0 0;
}

#messagetoolbar a.insertsig {
  background-position: -448px 0;
}

#messagetoolbar a.insertsigSel {
  background-position: -448px -32px;
}

#messagetoolbar a.savedraft::before{
  background-position:-354px -230px;
}
#messagetoolbar a.button.savedraft:hover::before {
  background-position:-380px -230px;
}
#messagetoolbar a.savedraftSel::before{
 background-position:-354px -230px;
}

#messagetoolbar a.send::before{
  background-position:-304px -230px;
}
#messagetoolbar a.button.send:hover::before {
  background-position:-330px -230px;
}
#messagetoolbar a.sendSel::before{
 background-position:-304px -230px;
}

#messagetoolbar a.print::before {
  background-position:-217px -230px;
}
#messagetoolbar a.button.print:hover::before {
  background-position:-243px -230px;
}

#messagetoolbar a.move::before {
  background-position:-112px -230px;
}
#messagetoolbar a.button.move:hover::before {
  background-position:-138px -230px;
}

#messagetoolbar a.download::before {
  background-position:-510px -230px;
}
#messagetoolbar a.downloadSel::before {
  background-position:-510px -230px;
}

#messagetoolbar a.edit::before {
  background-position:-160px -260px;
}
#messagetoolbar a.button.edit:hover::before {
  background-position:-189px -260px;
}
#messagetoolbar a.button.editSel::before{
  background-position:-189px -260px;
}

#messagetoolbar a.addr_write {
 background-position:-30px -1595px,0 0;
}

#messagetoolbar a.addr_writeSel {
 background-position:-30px -1590px,0 0;
}


#messagetoolbar a.addr_import::before {
  background-position:-53px -261px;
}
#messagetoolbar a.button.addr_import:hover::before {
  background-position:-79px -261px;
}
#messagetoolbar a.button.addr_importSel::before{
  background-position:-79px -261px;
}

#messagetoolbar a.addr_export::before {
  background-position:-105px -261px;
}
#messagetoolbar a.button.addr_export:hover::before {
  background-position:-131px -261px;
}
#messagetoolbar a.button.addr_exportSel::before{
  background-position:-131px -261px;
}

#messagetoolbar a.addr_add::before {
  background-position:-8px -260px;
  width:18px;
}
#messagetoolbar a.button.addr_add:hover::before {
  background-position:-30px -260px;
  width:18px;
}
#messagetoolbar a.button.addr_addSel::before{
  background-position:-30px -260px;
  width:18px;
}
#messagetoolbar a.cancel{
  text-indent: 26px;
}
#messagetoolbar a.cancel::before{
  background-position:-408px -230px;
}
#messagetoolbar a.button.cancel:hover::before {
  background-position:-436px -230px;
}
#messagetoolbar a.cancelSel::before{
 background-position:-408px -230px;
}
#messagetoolbar a.save{
  margin-left: 6px;
}
#messagetoolbar a.save::before{
  background-position:-354px -230px;
}
#messagetoolbar a.button.save:hover::before {
  background-position:-380px -230px;
}
#messagetoolbar a.saveSel::before{
 background-position:-354px -230px;
}

#messagetoolbar a.modify {
 background-position:-30px -1470px,0 0;
}

#messagetoolbar a.modifySel {
 background-position:-30px -1470px,0 0;
}

#messagetoolbar select.mboxlist
{
  position: relative;
  margin: 0 8px;
  top: 0px;
}


#messagetoolbar select.mboxlist option
{
  padding-left: 15px;
}

#messagetoolbar select.mboxlist option[value=""]
{
  padding-left: 2px;
}

#messagetoolbar a.reply {
    margin-right: 11px;
}

#messagetoolbar .openMenuReply{
     background-repeat: no-repeat;
     background-position: -270px -232px;
     background-image: url("images/tiscali/mail_desktop_sprite.png?20170831");
     line-height: 20px;
     height: 20px;
     padding: 0 10px 0 5px;
     margin-left: 5px;
}

#messagetoolbar a.button:hover .openMenuReply{
     background-position: -287px -232px;
}

.boxfooter
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  height: 30px;
  background: #F2F2F2;
}

.boxfooter a.button,
.boxfooter a.buttonPas
{
  display: block;
  float: left;
  width: 34px;
  height: 22px;
  padding: 0px;
  margin: 0;
  overflow: hidden;
  background: url("images/icons/groupactions.png") 0 0 no-repeat transparent;
  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}

.boxfooter a.groupactions
{
  background-position: 0 -26px;
}

.boxfooter a.buttonPas
{
  opacity: 0.35;
}

.pagenav
{
  min-width: 250px;
}

.pagenav span
{
  color: #666;
  font-size: 12px;
  font-weight: lighter;
  text-shadow: white 1px 1px;
  white-space: nowrap;
}

.pagenav a.button,
.pagenav a.buttonPas
{
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 1px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("images/tiscali/mail_desktop_sprite.png?20170831");
  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}

.pagenav a.buttonPas {
  cursor: text;
}

.pagenav a.firstpage{
  background-position:-284px -201px;
}

.pagenav a.firstpagePas{
  background-position:-210px -201px;
}

.pagenav a.firstpageSel {
  background-position:-284px -201px;
}

.pagenav a.prevpage{
  background-position:-304px -201px;
}

.pagenav a.prevpagePas{
  background-position:-230px -201px;
}

.pagenav a.prevpageSel {
    background-position:-304px -201px;
}

.pagenav a.nextpage {
  background-position:-320px -201px;
}
.pagenav a.nextpagePas {
  background-position:-247px -201px;
}

.pagenav a.nextpageSel {
 background-position:-320px -201px;
}

.pagenav a.lastpage {
  background-position:-340px -201px;
}

.pagenav a.lastpagePas{
  background-position:-266px -201px;
}

.pagenav a.lastpageSel {
  background-position:-340px -201px;
}

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

.splitter-h
{
  cursor: n-resize; cursor: row-resize;
  background-position: center 2px;
  background: #f2f2f2;
}
.splitter-h::before{
  content: '';
  position: absolute;
  left:50%;
  margin-left: -13px;
  top:0;
  width:26px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: -68px -62px;
  background-image: url("images/tiscali/mail_desktop_sprite.png?20170831");
}

.splitter-v
{
  cursor: e-resize; cursor: col-resize;
  background-position: 2px center;
}

.popupmenu
{
  position: absolute;
  top: 32px;
  left: 90px;
  width: auto;
  display: none;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #dcdcdc;
  padding: 4px;
  z-index: 999;
}

.popupmenu ul
{
  margin: -4px 0;
  padding: 0;
  list-style: none;
}

.popupmenu ul li
{
  font-size: 11px;
  white-space: nowrap;
  min-width: 100px;
  margin: 3px -4px;
}

.popupmenu li a
{
  display: block;
  color: #a0a0a0;
  padding: 2px 10px;
  text-decoration: none;
  min-height: 14px;
}

.popupmenu li a.active,
.popupmenu li a.active:active,
.popupmenu li a.active:visited
{
  color: #333;
}

.popupmenu li hover:hover
{
  background-color: #E1F0F1;
}

.popupmenu li.block input
{
  float: left;
}

.darkbg
{
  background-color: #F2F2F2 !important;
}

/***** common table settings ******/

table.records-table thead tr td
{
  height: 31px;
  line-height: 31px;
  padding: 0px 4px 0px 5px;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  color:#5f6a6a;
}

table.records-table tbody tr td
{
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: normal;
  color:#333;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;  
  text-indent: 10px;
}

table.records-table tr.selected td
{
  background-color: #E1F0F1;
}

table.records-table tr.focused td
{
}

table.records-table tr.unfocused td
{
  background-color: #E1F0F1;
}

table.records-table tbody tr:hover td
{
  background-color: #E1F0F1;
}



/***** mac-style quicksearch field *****/


.searchContainer{
  position: absolute;
  top: 9px;
  left: 240px;
  z-index: 3;
  padding-left: 190px;
}

.searchContainer select{
    border: 1px solid #FFF;
    color: #666;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    font-weight: normal;
    vertical-align: middle;
    width:148px;
    padding:0/.4em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.searchContainer option{
  width:120px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
}

#quicksearchbar
{
  width: 180px;
  height: 22px;
  background: #FFF;
  position:absolute;
  top:0px;
  left:0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#searchreset
{
  position: absolute;
  top: 5px;
  right: 3px;
  text-decoration: none;
}

#searchmenulink
{
 position: absolute;
 top: 4px;
 left:3px;
 width:16px;
 height: 15px;
 background-image: url("images/tiscali/sprite.gif?20170303");
 background-position: -29px -180px;
 text-decoration: none;
}

#searchfilter select.mboxlist{
    vertical-align: middle;
    border:1px solid #745390;
    padding: 4px 0;
}

#searchmenugo{
    background: url("images/tiscali/sprite.gif?20170303") no-repeat;
    background-position:-28px -212px;
    width:26px;
    height: 22px;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
}



#quicksearchbar img
{
  vertical-align: middle;
}

#quicksearchbox
{
  position: absolute;
  top: 3px;
  left: 24px;
  width: 140px;
  height: 16px;
  padding: 0px;
  border: none;
  font-size: 14px;
  font-weight: lighter;
  color:#666;
}

#quicksearchbox:focus{ 
  color:#333;
}

/***** roundcube webmail pre-defined classes *****/

#rcmversion
{
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-align: right;
  white-space: nowrap;
  font-size: 8pt;
  color: #999;
}

#rcmdraglayer
{
  min-width: 300px;
  width: auto !important;
  width: 300px;
  border: 1px solid #999999;
  background-color: #fff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0.82;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 1px 1px 12px #999;
  -webkit-box-shadow: #999 1px 1px 12px;
}

.draglayercopy:before
{
  position: absolute;
  bottom: -5px;
  left: -6px;
  content: " ";
  width: 14px;
  height: 14px;
  background: url("images/messageactions.png") -2px -128px no-repeat;
}

a.rcmContactAddress
{
  text-decoration: none;
}

.header a img{
    display: none;
}

.header a.otherslink{
    color:#16387C;
    margin:0 3px;
}

a.rcmContactAddress:hover
{
  text-decoration: underline;
}

#rcmKSearchpane
{
  background-color: #F9F9F9;
  border: 1px solid #CCCCCC;
}

#rcmKSearchpane ul
{
  margin: 0px;
  padding: 2px;
  list-style-image: none;
  list-style-type: none;
}

#rcmKSearchpane ul li
{
  display: block;
  height: 16px;
  font-size: 11px;
  padding-left: 6px;
  padding-top: 2px;
  padding-right: 6px;
  white-space: nowrap;
  cursor: pointer;
}

#rcmKSearchpane ul li.selected
{
  background-color: #E1F0F1;
}

#console
{
  opacity: 0.8;
}

.disabled
{
  color: #999;
}

font.bold
{
  font-weight: bold;
}


/***** onclick menu list *****/

ul.toolbarmenu
{
  margin: -4px 0 -4px 0;
  padding: 0;
  list-style: none;
}

ul.toolbarmenu li
{
  font-size: 11px;
  white-space: nowrap;
  min-width: 130px;
  margin: 2px -4px;
}

ul.toolbarmenu li a
{
  display: block;
  color: #a0a0a0;
  padding: 1px 12px 3px 28px;
  text-decoration: none;
  min-height: 14px;
}

ul.toolbarmenu li a.active,
ul.toolbarmenu li a.active:active,
ul.toolbarmenu li a.active:visited
{
  color: #333;
}

ul.toolbarmenu li input
{
  vertical-align: middle;
}

ul.toolbarmenu li hr
{
  color: #ccc;
  width: 130px;
  height: 1px;
  margin: 2px 1px 2px 1px;
}

ul.toolbarmenu li img
{
  float: left;
  margin: 0 2px;
}

div.popupmenu ul li.separator_below,
ul.toolbarmenu li.separator_below
{
  border-bottom: 1px solid #ccc;
  margin-bottom: 2px;
  padding-bottom: 2px;
}

div.popupmenu ul li.separator_above,
ul.toolbarmenu li.separator_above
{
  border-top: 1px solid #ccc;
  margin-top: 2px;
  padding-top: 2px;
}

#searchmenu
{
  width: 160px;
}

#searchmenu ul.toolbarmenu
{
  margin: 0;
}

#searchmenu ul.toolbarmenu li
{
  margin: 1px 4px 1px;
}


/***** tabbed interface elements *****/

div.tabsbar,
#tabsbar
{
  position: absolute;
  top: 50px;
  left: 240px;
  right: 192px;
  height: 40px;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
  font-size: 0px;
}

div.tabsbar
{
  top: 35px;
  left: 12px;
  right: 12px;
}

#tabsbar span:first-child{
  border-left:0;
}

span.tablink,
span.tablink-selected
{
    
  border: 1px solid #dfe1e1;
  border-bottom: 0;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative;
  background: #eff0f0;
  color:#666666;
  font-weight: lighter;
  font-size: 13px;
  padding: 0 10px;
  min-width:130px;
  text-align: center;
  text-transform: uppercase;
}

span.tablink
{
  cursor: pointer;
}

span.tablink-selected
{
  background: #FFF;
  border: 1px solid #dcdcdc;
  color:#000;
  height: 40px;
  line-height: 40px;
}

span.tablink a,
span.tablink-selected a
{
  font-size: 12px;
  font-weight: lighter;
  display: inline-block;
  color: #898989;
  max-width: 185px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
span.tablink-selected a{
  font-weight: normal;
}

span.tablink-selected a
{
  cursor: inherit;
  color: #000000;
}

fieldset
{
  margin-bottom: 20px;
  border: 0;
  border-bottom: 1px solid #dcdcdc;
  padding: 0px 0px 20px 0px; 
}

legend
{
  color: #5f6a6a;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  margin:0 0 10px 0;
}

fieldset.tabbed
{
  margin-top: 31px;
  padding-top: 12px;
}

.quota_text {
  text-align: center;
  font-size: 10px;
  color: #666;
  border: 1px solid #999;
  cursor: default;
}
.quota_bg { background-color: white; }
.quota_high { background: url("images/quota-colors.png") repeat-x 0 -28px #f90509; }
.quota_mid { background: url("images/quota-colors.png") repeat-x 0 -14px #e3e909; }
.quota_low { background: url("images/quota-colors.png") repeat-x 0 0px #05f905; }
.quota_text_high { color: white; }
.quota_text_mid { color: #666; }
.quota_text_low { color: #666; }


#dotnAd_120x600_dx,
#dotnAd-120x600-dx{position: absolute; right: 12px; top: 52px; width: 120px; height: 600px; overflow: hidden;z-index: 4;}

#closeADVSide{
    background-repeat: no-repeat;
    background-position: -99px -45px;
    background-image: url("images/tiscali/mail_desktop_sprite.png?20170831");
    cursor: pointer;
    height: 40px;
    right: 135px;
    position: absolute;
    top: 260px;
    width: 13px;
    z-index: 10;
}

div.adv_show{

}

div.adv_hide{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    right: 2px !important;
}

.adv_hide #mainscreen{
    right: 15px;
}

body.adv_hide #dotnAd_120x600_dx,
body.adv_hide #dotnAd-120x600-dx{
    display: none;
}

.hiddenPopup{ 
  border:none;
  z-index:-1;
}

.hiddenPopup form{ 
  display:none !important; 
}

.buttonTiscali{
  display: inline-block;
  margin:0;
  cursor: pointer;
  margin-left: 10px;
  min-width: 100px;
  color:#fff !important;
  border:0;
  padding: 0;
  line-height: 30px !important;
  height: 30px !important;
  font-size: 14px;
  font-weight: normal;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  -moz-border-radius: 0.4em /*{global-radii-buttons}*/;
  -webkit-border-radius: 0.4em /*{global-radii-buttons}*/;
  border-radius: 0.4em /*{global-radii-buttons}*/;
  text-transform: uppercase;
  background: #0098a7 !important;
  text-align: center;
  text-decoration: none;
}
.buttonTiscali:hover{
  background: #3e5a5c !important;
}

#listcontrols
{
  position: relative;
  white-space: nowrap;
  left: 4px;
  line-height: 30px;
  width: auto;
  min-width: 300px;
}

#listcontrols a,
#listcontrols span
{
  display: block;
  float: left;
  font-size: 12px;
  color:#666;
  font-weight: lighter;
}

#listcontrols input
{
  margin-top: 6px;
}

#listcontrols a.button,
#listcontrols a.buttonPas
{
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  padding: 0;
  margin-top: 8px;
  margin-right: 2px;
  overflow: hidden;
  background: url("images/mail_footer.png") 0 0 no-repeat transparent;
  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}

#listcontrols a.buttonPas
{
  opacity: 0.35;
}

#listcontrols a.all {
  background-position: -30px 0;
}

#listcontrols a.allsel {
  background-position: -30px -15px;
}

#listcontrols a.page {
  background-position: -135px 0;
}

#listcontrols a.pagesel {
  background-position: -135px -15px;
}

#listcontrols a.unread {
  background-position: -45px 0;
}

#listcontrols a.unreadsel {
  background-position: -45px -15px;
}

#listcontrols a.invert {
  background-position: -60px 0;
}

#listcontrols a.invertsel {
  background-position: -60px -15px;
}

#listcontrols a.none {
  background-position: -75px 0;
}

#listcontrols a.nonesel {
  background-position: -75px -15px;
}

#listcontrols a.expand-all {
  background-position: -90px 0;
}

#listcontrols a.expand-allsel {
  background-position: -90px -15px;
}

#listcontrols a.collapse-all {
  background-position: -105px 0;
}

#listcontrols a.collapse-allsel {
  background-position: -105px -15px;
}

#listcontrols a.expand-unread {
  background-position: -120px 0;
}

#listcontrols a.expand-unreadsel {
  background-position: -120px -15px;
}

#replymenu,#messagemenu,#markmessagemenu{
    margin-top: 30px;
}

#rcmcountdisplay{
    padding:0px 10px; float:right;margin:0;
    color: #666;
    font-size: 12px;
    font-weight: lighter;
    display: table-cell;
    vertical-align: middle;
    line-height: 20px !important;
}

#rcmcountdisplay select{
   border: 0px solid #666;
   color: #666;
   font-size: 12px;
   font-weight: lighter;
   height: 20px;
   line-height: 20px;
   padding: 0;    
}