﻿.pager                                      {margin-bottom:-15px;}
.filteredList.ui-listview					{margin-top:0px;}
.listFilter									{margin-top:-15px;border-bottom-width:0px;}

.msg table                                  {width:100%;border-spacing:0;border-collapse:collapse;border:0;table-layout:fixed;}
.msg td                                     {vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.msg .received, .msg .size                  {width:100px;text-align:right;}
.msgicon                                    {width:20px;}

.read.True, .msg .bottomRow                     {font-weight: normal; }
.read.True.ui-btn-up-c:not(.ui-btn-active)      {background-image:-webkit-gradient(linear,left top,left bottom,from(#ECECEC),to(#E0E0E0));
                                                 background-image:-webkit-linear-gradient(#ECECEC,#E0E0E0);
                                                 background-image:-moz-linear-gradient(#ECECEC,#E0E0E0);
                                                 background-image:-ms-linear-gradient(#ECECEC,#E0E0E0);
                                                 background-image:-o-linear-gradient(#ECECEC,#E0E0E0);
                                                 background-image:linear-gradient(#ECECEC,#E0E0E0);}
.read.True.ui-btn-hover-c:not(.ui-btn-active)   {background-image:-webkit-gradient(linear,left top,left bottom,from(#DFDFDF),to(#D4D4D4));
                                                 background-image:-webkit-linear-gradient(#DFDFDF,#D4D4D4);
                                                 background-image:-moz-linear-gradient(#DFDFDF,#D4D4D4);
                                                 background-image:-ms-linear-gradient(#DFDFDF,#D4D4D4);
                                                 background-image:-o-linear-gradient(#DFDFDF,#D4D4D4);
                                                 background-image:linear-gradient(#DFDFDF,#D4D4D4);}
.read.True.ui-btn-down-c                        {background-image:-webkit-gradient(linear,left top,left bottom,from(#C1C1C1),to(#CFCFCF)) !important;
                                                 background-image:-webkit-linear-gradient(#C1C1C1,#CFCFCF) !important;
                                                 background-image:-moz-linear-gradient(#C1C1C1,#CFCFCF) !important;
                                                 background-image:-ms-linear-gradient(#C1C1C1,#CFCFCF) !important;
                                                 background-image:-o-linear-gradient(#C1C1C1,#CFCFCF) !important;
                                                 background-image:linear-gradient(#C1C1C1,#CFCFCF) !important;}
.read.False.ui-btn-hover-c:not(.ui-btn-active)  {background-image:-webkit-gradient(linear,left top,left bottom,from(#F6F6F6),to(#E9E9E9));
                                                 background-image:-webkit-linear-gradient(#F6F6F6,#E9E9E9);
                                                 background-image:-moz-linear-gradient(#F6F6F6,#E9E9E9);
                                                 background-image:-ms-linear-gradient(#F6F6F6,#E9E9E9);
                                                 background-image:-o-linear-gradient(#F6F6F6,#E9E9E9);
                                                 background-image:linear-gradient(#F6F6F6,#E9E9E9);}
.read.False.ui-btn-down-c                       {background-image:-webkit-gradient(linear,left top,left bottom,from(#d0d0d0),to(#dfdfdf)) !important;
                                                 background-image:-webkit-linear-gradient(#d0d0d0,#dfdfdf) !important;
                                                 background-image:-moz-linear-gradient(#d0d0d0,#dfdfdf) !important;
                                                 background-image:-ms-linear-gradient(#d0d0d0,#dfdfdf) !important;
                                                 background-image:-o-linear-gradient(#d0d0d0,#dfdfdf) !important;
                                                 background-image:linear-gradient(#d0d0d0,#dfdfdf) !important;}

.msgicon.read.True          {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:0px -136px;}
.msgicon.read.False         {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:0px -90px;}
.msgicon.flagged.True       {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:0px 2px;}
.msgicon.attachment.True    {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:0px -45px;padding-left: 20px;}
.msgicon.important          {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:0px -595px;}

.message .topRow .msgicon     {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:2px -135px;}
.contact .topRow .msgicon     {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -412px;}
.appointment .topRow .msgicon {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -504px;}
.task .topRow .msgicon        {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -550px;}

.contact .received          {display:none;}

.ui-icon-cust-folder        {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:2px -230px;}
.ui-icon-cust-compose       {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:2px -275px;}
.ui-icon-cust-logout        {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -184px;}
.ui-icon-cust-replyall      {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -322px;}
.ui-icon-cust-attachment    {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -45px;background-color:Transparent;}
.ui-icon-cust-contacts      {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -414px;}
.ui-icon-cust-call          {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -459px;}
.ui-icon-cust-calendar      {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -506px;}
.ui-icon-cust-tasks         {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -552px;}

.ui-collapsible     {margin-left:0px;margin-right:0px;}
.field .header      {font-weight:bold;vertical-align:top;padding-right:20px;}
.ui-header .ui-btn  {margin-top:1px;}

.login_bttn_shell       {width:100%;text-align:center;padding-top:20px;}
.login_feedback         {position:absolute;bottom:0;padding:10px;z-index:10000;}
.textarea textarea      {min-height:180px !important;}
.ui-collapsible-content {background-color:#e6e6e6;}

#ToRecipients, #Subject, #CcRecipients, #BccRecipients {display:inherit;width:100%;}

.msgBody            {overflow-x:auto;width:100%;}

#msgList_refresh_shell  {position:absolute;top:-10px;right:0;}
#msgList_refresh        {position:absolute;top:-10px;right:-3px;}

#ComposeAutoComplete                    {position:relative;z-index:10000;}
#ComposeAutoComplete .ui-autocomplete   {max-width:100% !important;}
#ComposeAutoComplete .ui-listview-inset {margin-top:0 !important;position:absolute;}

#ConfirmMessageDeletion-screen  {opacity:0.8;filter:Alpha(Opacity=80);}

hr  {border:0;margin:0;padding:0;margin:20px 0px 15px 0px;height:1px;background:#4890D7;}
.clear_div  {width:100%;clear:both;}

.ui-icon-searchfield.ui-mini {margin:-9px -7px 0px -7px !important;}
.ui-panel-inner .ui-listview .ui-li-icon {top:13px !important;}

.listTable          {table-layout:fixed;width:100%;}
.listTable td       {vertical-align:bottom;text-align:left;}
.listTable .h1      {font-size:16px !important;font-weight:bold !important;}
.listTable .h2      {font-size:14px !important;font-weight:normal !important;}
.listTable .h3      {font-size:12px !important;font-weight:normal !important;}
.listTable .date    {width:120px;}
.listTable .right   {text-align:right;}

#popupMenu-popup                {left:-1px !important;position:absolute !important;}
.ui-popup-active                {top:44px !important;}
#popupMenu-popup .ui-li-icon    {top: .8em;}

.footer_main            {width:45%;display:inline-block;}
.footer_main.logout     {text-align:right !important;}

.ui-field-contain .ui-input-datebox {width:100% !important;}
.ui-input-datebox                   {margin-left:-0.4em !important;}
.ui-datebox-collapse a              {width:95% !important;}
.ui-collapsible.appointment_list    {margin:0px 0px 30px 0px;width:100%;}
.appointment_list .ui-field-contain {vertical-align:top !important;}
.appointment_list .button           {margin-top:8px;}
.appointment_list .ui-input-datebox {margin-top:2px;}

input.ui-input-text.ui-slider-input {float:right !important;}
.ui-slider-track, .ui-slider-switch {margin:0px 68px 0px -5px !important;}


@media (min-width: 450px)  /* when browser width is larger than 450px */
{
    .ui-field-contain label.ui-input-text   {position:relative;vertical-align:top !important;top:10px !important;}
    .ui-field-contain label.ui-select       {vertical-align:top !important;top:10px !important;}
    .textarea .ui-field-contain label.ui-select {vertical-align:top !important;}
    #ToRecipients, #Subject, #CcRecipients, #BccRecipients {margin-top:0.3em;}
    #Body   {height:300px !important;}
    
    .right .ui-block-a, .right .ui-block-b, .right .ui-block-c {float:right !important;}
    
    label.ui-slider         {width:21% !important;display:inline-block !important;margin:0 3% 0 0;position:relative;top:-9px;}
    div.ui-slider           {width:77% !important;display:inline-block !important;margin:0 0 0 0;}
    
    .datePicker_label   {width:20% !important;display:inline-block !important;margin:0 2% 0 0;}
    .ui-input-text label    {width:20% !important;display:inline-block !important;margin:0 2% 0 0;}
    .appointment_list .ui-field-contain         {display:inline-block;width:35%;min-width:300px;margin-right:10px;}
    .appointment_list .ui-field-contain > label {width:30%;min-width:90px;text-align:center;}
    .appointment_list .ui-field-contain > div   {width:68%;}
    .appointment_list .button                   {display:inline-block;min-width:120px;margin-left:30px;}
    .ui-collapsible .ui-input-text              {display:inline-block !important;}
}

@media (max-width: 450px)  /* when browser width is smaller than 450px */
{
    #ContactsPage .ui-footer .ui-btn .ui-icon {display:block;width:18px;}
    #ContactsPage .ui-footer .ui-btn-icon-left .ui-btn-inner {padding-left:30px !important;}

    .ui-field-contain           {padding:5px 0px;}
    .ui-br                      {border:0 !important;}
    label.ui-input-text, label.ui-select, .ui-controlgroup-label, .datePicker_label {font-size:13px !important;padding:0;}
    .ui-collapsible-inset       {margin:15px 0px 15px 0px;}
    .ui-collapsible-heading-toggle .ui-btn-text {font-size:13px;font-weight:normal !important;}
    .ui-checkbox .ui-btn-text   {font-size:13px;top:-1px;}
    
    .bttn_grid3_shell   {padding:0 !important;}
    .bttn_grid3_shell .ui-block-a, .bttn_grid3_shell .ui-block-b, .bttn_grid3_shell .ui-block-c {width:100% !important;float:none;margin:0;}
    .bttn_grid3_shell .ui-block-a a, .bttn_grid3_shell .ui-block-a div, .bttn_grid3_shell .ui-block-b a, .bttn_grid3_shell .ui-block-b div, .bttn_grid3_shell .ui-block-c a, .bttn_grid3_shell .ui-block-c div {margin-left:0 !important;margin-right:0 !important;}
    
    #Body   {height:170px !important;min-height:170px !important;}
    #ComposePage .ui-content, #Options .ui-content {padding:10px;}
    
    #ComposeAutoComplete .ui-autocomplete a  {font-size:12px !important;}
    #ComposeAutoComplete .ui-listview-inset {left:0 !important;width:100% !important;}
    
    .appointment_list .ui-field-contain > label, .appointment_list .ui-select {display:inline !important;}
    .appointment_list .ui-field-contain > .ui-input-text {width:auto !important;display:block !important;}
    .appointment_list .button   {padding-top:5px;}
}