.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 .subject {font-weight: normal; }
 
.read.True, .msg .bottomRow                     {font-weight: normal; }

.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;}

/* 
    Always hide the helper, since it keeps showing and looks bad
    Hiding the helper because necessary when moving to v1.4 of jquery mobile (since it does not marry well with JQuery Mobile)
*/
.ui-helper-hidden-accessible 
{
    display:none;
}

.ui-datebox-container 
{
    background-color:White;
}
/*
.ui-icon-cust-logout        {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -184px;}
.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:8px -268px;} 
.ui-icon-cust-replyall      {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -322px;}
.ui-icon-cust-delete        {background-image:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -367px;}
.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;}
*/

/*Version 1.4.5 - subtract 8*/

.ui-icon-cust-logout        {background: url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:8px -176px;}
.ui-icon-cust-folder        {background: url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:8px -222px;}
.ui-icon-cust-compose       {background: url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:8px -268px;}
.ui-icon-cust-replyall      {background: url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:8px -314px;}

/*.ui-icon-cust-delete        {background: url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:8px -359px;} Shared with mobile webadmin*/ 

.ui-icon-cust-attachment    {background:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -37px; background-color:transparent;}
.ui-icon-cust-contacts      {background:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -406px;}
.ui-icon-cust-call          {background:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -451px;}
.ui-icon-cust-calendar      {background:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -498px;}
.ui-icon-cust-tasks         {background:url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:1px -546px;}

/* End of Version 1.4.5 Specific Mods */
.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;}

.ui-header 
{
    background-color:#0088CC;
}


.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;}

#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-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;}

/*missing class from jquery mobile */
.ui-input-clear {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -13px;
}


.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    background-color: #d3d3d3;

}


.ui-listview .ui-btn-active {
	background-color:#a9a9a9 !important;
	text-shadow:none!important;
}

/* 
    Start: Transition for swipe left
 */

/* Left transition */
li.left {
    -webkit-transition: -webkit-transform 250ms ease;
    -webkit-transform: translateX(-100%);
    -moz-transition: -moz-transform 250ms ease;
    -moz-transform: translateX(-100%);
    -o-transition: -o-transform 250ms ease;
    -o-transform: translateX(-100%);
    transition: transform 250ms ease;
    transform: translateX(-100%);
}
/* Right transition */
li.right {
    -webkit-transition: -webkit-transform 250ms ease;
    -webkit-transform: translateX(100%);
    -moz-transition: -moz-transform 250ms ease;
    -moz-transform: translateX(100%);
    -o-transition: -o-transform 250ms ease;
    -o-transform: translateX(100%);
    transition: transform 250ms ease;
    transform: translateX(100%);
}
/* Border bottom for the previous button during the transition*/
li.left a.ui-btn,
li.right a.ui-btn {
    border-top-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
}
li a.ui-btn.border-bottom {
    border-bottom-width: 1px;
}
/* Hide the delete button on touch devices */
ul.touch li.ui-li-has-alt a.delete {
    display: none;
}
ul.touch li.ui-li-has-alt a.ui-btn {
    margin-right:0;
}
/* Styling for the popup */
#confirm p {
    text-align: center;
    font-size: inherit;
    margin-bottom: .75em;
}

/* 
    End: Transition for swipe left
 */

@media (min-width: 450px)  /* when browser width is larger than 450px */
{
    .ui-field-contain label.ui-input-text   {border:0px none;}
    .ui-field-contain label.ui-select       {border:0px none;}
    .textarea .ui-field-contain label.ui-select {border:0px none;}
    #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;}
}