.pagedList.ui-listview:not(:last-child)     {margin-bottom:0px;}
.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;}

.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-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-collapsible     {margin-left:0px;margin-right:0px;}
.field .header      {font-weight:bold;vertical-align:top;padding-right:20px;}
.ui-header .ui-controlgroup-controls, .ui-footer .ui-controlgroup-controls    {margin-left:5px;}
.ui-header .ui-btn  {margin-top:1px;}

.ui-header .ui-title-fullwidth {margin-left:15px;margin-right:15px;}

.bttn_grid2_shell       {max-width:350px !important;margin:0 auto;padding-top:10px;}
.bttn_grid3_shell       {max-width:450px !important;margin:0 auto;padding-top:10px;}
.bttn_grid_shell_login  {max-width:350px !important;margin:0 auto;padding-top:10px;}

.login_logo             {width:250px;height:125px;margin:50px auto 30px auto;background:url(login_logo.png) no-repeat;}
.login_inputs           {}
.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;}

.ui-checkbox .ui-btn-text {font-weight:normal !important;}
#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);}

/* F Swatch
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-up-f {
	border: 1px solid 		#111 /*{f-bup-border}*/;
	background: 			#333 /*{f-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{f-bup-color}*/;
	text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 1px /*{f-bup-shadow-radius}*/ #111 /*{f-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E1696E /*{f-bup-background-start}*/), to( #911E21 /*{f-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #E1696E /*{f-bup-background-start}*/, #911E21 /*{f-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #E1696E /*{f-bup-background-start}*/, #911E21 /*{f-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #E1696E /*{f-bup-background-start}*/, #911E21 /*{f-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #E1696E /*{f-bup-background-start}*/, #911E21 /*{f-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #E1696E /*{f-bup-background-start}*/, #911E21 /*{f-bup-background-end}*/);
}
.ui-btn-up-f:visited,
.ui-btn-up-f a.ui-link-inherit {
	color: 					#fff /*{f-bup-color}*/;
}
.ui-btn-hover-f {
	border: 1px solid 		#000 /*{f-bhover-border}*/;
	background: 			#444 /*{f-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{f-bhover-color}*/;
	text-shadow: 0 /*{f-bhover-shadow-x}*/ 1px /*{f-bhover-shadow-y}*/ 1px /*{f-bhover-shadow-radius}*/ #111 /*{f-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #C85055 /*{f-bhover-background-start}*/), to( #7C090C /*{f-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #C85055 /*{f-bhover-background-start}*/, #7C090C /*{f-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #C85055 /*{f-bhover-background-start}*/, #7C090C /*{f-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #C85055 /*{f-bhover-background-start}*/, #7C090C /*{f-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #C85055 /*{f-bhover-background-start}*/, #7C090C /*{f-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #C85055 /*{f-bhover-background-start}*/, #7C090C /*{f-bhover-background-end}*/);
}
.ui-btn-hover-f:visited,
.ui-btn-hover-f:hover,
.ui-btn-hover-f a.ui-link-inherit {
	color: 					#fff /*{f-bhover-color}*/;
}
.ui-btn-down-f {
	border: 1px solid 		#000 /*{f-bdown-border}*/;
	background: 			#222 /*{f-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{f-bdown-color}*/;
	text-shadow: 0 /*{f-bdown-shadow-x}*/ 1px /*{f-bdown-shadow-y}*/ 1px /*{f-bdown-shadow-radius}*/ #111 /*{f-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #640000 /*{f-bdown-background-start}*/), to( #B23A3F /*{f-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #640000 /*{f-bdown-background-start}*/, #B23A3F /*{f-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #640000 /*{f-bdown-background-start}*/, #B23A3F /*{f-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #640000 /*{f-bdown-background-start}*/, #B23A3F /*{f-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #640000 /*{f-bdown-background-start}*/, #B23A3F /*{f-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #640000 /*{f-bdown-background-start}*/, #B23A3F /*{f-bdown-background-end}*/);
}
.ui-btn-down-f:visited,
.ui-btn-down-f:hover,
.ui-btn-down-f a.ui-link-inherit {
	color: 					#fff /*{f-bdown-color}*/;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}
/* End F swatch
-----------------------------------------------------------------------------------------------------------*/

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

@media (max-width: 450px)  /* when browser width is smaller than 450px */
{
    .login_logo                 {margin:0px auto 5px auto;}
    .ui-footer .ui-controlgroup             {text-align:center;}
    .ui-footer .ui-controlgroup-controls    {margin-left:0;}
    .ui-footer .controlgroup_left           {text-align:left !important;margin-left:5px !important;}
    
    .ui-footer .ui-btn .ui-icon {display:none;width:0;}
    .ui-footer .ui-btn-icon-left .ui-btn-inner {padding-left:10px !important;}
    #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         {font-size:13px !important;padding:0;}
    label.ui-select             {font-size:13px !important;padding:0;}
    .ui-controlgroup-label      {font-size:13px !important;padding:0;}
    .ui-collapsible-inset       {margin:5px 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, #ComposeAutoComplete .ui-autocomplete a:visited  {font-size:12px !important;}
}