﻿/********** COMMON PROPERTIES START **********/
.ui-icon
{
	display: block;
	background: url(../Images/new/icons.png) no-repeat;
}
/********** COMMON PROPERTIES END **********/


/********** ROW 1 START **********/
.ui-icon.plus
{
	width: 21px;
	height: 20px;
	background-position: 0px 0px;
}

.ui-icon.open
{
	width: 26px;
	height: 26px;
	background-position: -50px 0px;
}

.ui-icon.close
{
	width: 26px;
	height: 26px;
	background-position: -100px 0px;
}

.ui-icon.arr-left
{
	width: 8px;
	height: 13px;
	background-position: -150px 0px;
}

.ui-icon.arr-right
{
	width: 8px;
	height: 13px;
	background-position: -200px 0px;	
}

.ui-icon.settings
{
	width: 16px;
	height: 16px;
	background-position: -250px 0px;		
}

.ui-icon.eye-opened
{
	width: 23px;
	height: 13px;
	background-position: -300px 0px;		
}

.ui-icon.trash
{
	width: 15px;
	height: 22px;
	background-position: -350px 0px;		
}

.ui-icon.edit
{
	width: 23px;
	height: 23px;
	background-position: -400px 0px;		
}

.ui-icon.upload
{
	width: 23px;
	height: 23px;
	background-position: -450px 0px;		
}

.ui-icon.eye-closed
{
	width: 24px;
	height: 16px;
	background-position: -500px 0px;		
}

.ui-icon.lock
{
	width: 19px;
	height: 23px;
	background-position: -550px 0px;		
}
/********** ROW 1 END **********/

/********** ROW 2 START **********/
.ui-icon.profile
{
	width: 22px;
	height: 20px;
	background-position: 0px -50px;
}

.ui-icon.conditions
{
	width: 21px;
	height: 19px;
	background-position: -50px -50px;
}

.ui-icon.allergies
{
	width: 21px;
	height: 20px;
	background-position: -100px -50px;
}

.ui-icon.medications
{
	width: 21px;
	height: 19px;
	background-position: -150px -50px;
}

.ui-icon.vaccinations
{
	width: 19px;
	height: 24px;
	background-position: -200px -50px;
}

.ui-icon.devices
{
	width: 22px;
	height: 20px;
	background-position: -250px -50px;
}

.ui-icon.insurance
{
	width: 18px;
	height: 22px;
	background-position: -300px -50px;
}

.ui-icon.contacts
{
	width: 22px;
	height: 16px;
	background-position: -350px -50px;	
}

.ui-icon.summary
{
	width: 20px;
	height: 24px;
	background-position: -400px -50px;	
}
.ui-icon.history
{
	width: 23px;
	height: 18px;
	background-position: -450px -50px;	
}
/********** ROW 2 END **********/

/********** ROW 3 START **********/
.ui-icon.profile.white
{
	width: 22px;
	height: 20px;
	background-position: 0px -100px;		
}

.ui-icon.conditions.white
{
	width: 21px;
	height: 19px;
	background-position: -50px -100px;
}

.ui-icon.allergies.white
{
	width: 21px;
	height: 20px;
	background-position: -100px -100px;		
}

.ui-icon.medications.white
{
	width: 21px;
	height: 19px;
	background-position: -150px -100px;		
}

.ui-icon.vaccinations.white
{
	width: 19px;
	height: 24px;
	background-position: -200px -100px;		
}

.ui-icon.devices.white
{
	width: 22px;
	height: 20px;
	background-position: -250px -100px;		
}

.ui-icon.insurance.white
{
	width: 18px;
	height: 22px;
	background-position: -300px -100px;		
}

.ui-icon.contacts.white
{
	width: 22px;
	height: 16px;
	background-position: -350px -100px;		
}

.ui-icon.summary.white
{
	width: 20px;
	height: 24px;
	background-position: -400px -100px;		
}
.ui-icon.history.white
{
	width: 22px;
	height: 20px;
	background-position: -450px -100px;		
}
/********** ROW 3 END **********/


/********** ROW 4 START **********/
.ui-icon.password
{
	width: 35px;
	height: 29px;
	background-position: 0px -150px;		
}

.ui-icon.doctor
{
	width: 28px;
	height: 34px;
	background-position: -50px -150px;
}

.ui-icon.video
{
	width: 35px;
	height: 30px;
	background-position: -100px -150px;		
}
/********** ROW 4 END **********/