﻿/* Icons from JQuery Mobile 1.0a1 */

/* icons sizing */
.ui-icon, .ui-icon-nodisc { width: 18px; height: 18px; display: inline-block; }
.ui-icon-hide { display: none; } 

/* white */
.ui-icon {
    background-image: url(/Content/Mobile/Images/icons-18-white.png);
    background-repeat: no-repeat;
    background-color: #017D80;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    margin-top: 0 !important;
}
.ui-icon-arrow-force { background-image: url(/Content/Mobile/Images/icons-18-white.png) !important; }
.ui-icon-disc { background-color: #666; background-color: rgba(0,0,0,.3);  -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.ui-icon-navy { background-color: #002743 !important; }
/* black color */
.ui-icon-black { background-image: url(/Content/Mobile/Images/icons-18-black.png); }
.ui-icon-black-disc { background-color: #fff; background-color: rgba(255,255,255,.3);  -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }

/* retina */
@media  screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
	.ui-icon { background-image: url(/Content/Mobile/Images/icons-36-white.png); background-size: 558px 18px; }
	.ui-icon-black { background-image: url(/Content/Mobile/Images/icons-36-black.png); }
}

/*plus minus*/
.ui-icon-plus { background-position: -0 0; }
.ui-icon-minus { background-position: -36px 0; }

/* delete/close */
.ui-icon-delete { background-position: -72px 0; }

/*arrows*/
.ui-icon-arrow-r { background-position: -108px 0; }
.ui-icon-arrow-l { background-position: -144px 0; }
.ui-icon-arrow-u { background-position: -180px 0; }
.ui-icon-arrow-d { background-position: -216px 0; }

.ui-icon-check { background-position: -252px 0; }
.ui-icon-gear { background-position: -288px 0; }
.ui-icon-refresh { background-position: -324px 0; }
.ui-icon-forward { background-position: -360px 0; }
.ui-icon-back { background-position: -396px 0; }

.ui-icon-grid { background-position: -432px 0; }
.ui-icon-star { background-position: -468px 0; }
.ui-icon-alert { background-position: -504px 0; }
.ui-icon-info { background-position: -540px 0; }

.ui-icon-none { background-position: -550px 0; }

.ui-icon-empty { 
    background: none;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(0,0,0,.4);
}

/* loading */
.ui-icon-loading { background-image: url(/Content/Mobile/Images/ajax-loader.png); width: 40px; height: 40px;  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
