.pagedList.ui-listview:not(:last-child)     {margin-bottom:0px;}

.list-item {display:table;border-spacing:5px;}
.list-item > div {display:table-cell;}
.list-item .icon {width:16px;height:16px;}
.list-item .detail {font-weight:normal;}

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

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

.login_logo             {width:250px;height:125px;margin:50px auto 30px auto;background:url(login_logo.png) no-repeat;}
.login_inputs           {}

.validationErrors           {color:Red;}
.feedbackMessage            {padding:10px;margin:10px;}
.feedbackMessage.floating   {margin:20px;position:absolute;bottom:0;z-index:10000;}

.ui-checkbox .ui-btn-text {font-weight:normal !important;}

.ui-header .ui-controlgroup-controls, .ui-footer .ui-controlgroup-controls    {margin-left:5px;}

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


.ui-icon-cust-delete        {background: url(mobile_icon_pack.png);background-repeat:no-repeat;background-position:8px -359px;}


/* This is required for 1.4.5 to ensure (white) images render on black buttons */

.ui-btn-icon-left::after
{
    background-color:transparent;
}

.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit {
    background-color: #0088CC;
    border-color: #0088CC;
}
        
#msgList_refresh {
    position: absolute;
    top: 14px;
    right: 0px;
}
        

.ui-title  {
    color: white!important;
    text-shadow:none!important;
}
.navpanel li .ui-btn
{
    background-color: #333!important;
    color:white;
    text-shadow:none;
}
.navpanel a
{
    color: white!important;
    text-shadow:none!important;
}
.navpanel {
    background-color: #333!important;
}


/* End of version 1.4.5 specific mods */
/* 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 (max-width: 450px)  /* when browser width is smaller than 450px */
{
    .login_logo                 {margin:0px auto 5px auto;}
}