input.button-search {
background-image: url(buttonIcon/search_button.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
/*padding-left: 8px; make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
min-width: 86px;
}
input.button-reset {
background-image: url(buttonIcon/reset1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 2px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 4px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-id-card {
background-image: url(buttonIcon/id-card.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 2px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 15px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-reset1 {
background-image: url(buttonIcon/reset1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 6px 2px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 4px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
/*background: #0070AB;*/
}
input.button-resetqu {
background-image: url(buttonIcon/reset1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 4px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-cancel {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-mail {
background-image: url(images/mail16.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-stuTestGraphRep {
background-image: url(images/graph.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-sms {
background-image: url(images/sms16.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 19px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-paymentReminder {
background-image: url(images/sms16.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 19px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-fancysms {
background-image: url(images/sms16.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-fancynotification {
background-image: url(images/pushNotification.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-assign {
background-image: url(buttonIcon/assign.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-export {
background-image: url(buttonIcon/download1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-print {
background-image: url(buttonIcon/print.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-clone {
background-image: url(buttonIcon/clone.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 22px; /* make text start to the right of the image */
padding-right: 5px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-upload {
background-image: url(buttonIcon/upload1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-move {
background-image: url(buttonIcon/movetobatch2.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-changeStatus {
background-image: url(buttonIcon/changestatus.gif); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
.btn9 {
width: 10.25%;
border: 0;
font-size: 14px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
padding: 3px;
margin: 2px;
}
input.button-assignproject {
background-image: url(buttonIcon/assignproject1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-edit {
background-image: url(buttonIcon/edit.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 2px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 20px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-archieve {
background-image: url(buttonIcon/reset.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 2px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 25px; /* make text start to the right of the image */
padding-right: 6px;
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-delete {
background-image: url(buttonIcon/delete.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-nevent {
background-image: url(buttonIcon/add.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-followup {
background-image: url(buttonIcon/follow.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-register {
background-image: url(buttonIcon/approved.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-submit {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-submit1 {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-addnote {
background-image: url(buttonIcon/addnote1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-refund {
background-image: url(buttonIcon/refund1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-issuenote {
background-image: url(buttonIcon/issueNotes.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-fingerprint {
background-image: url(buttonIcon/fingerprint.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-issuedocument {
background-image: url(buttonIcon/issueNotes.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-punchmonitor {
background-image: url(buttonIcon/punchMonitor.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-syncToDevice {
background-image: url(buttonIcon/sync_toDevice.png); /* 16px x 16px */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 14px; /* make text start to the right of the image */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.btn_defineEMI {
background-image: url(buttonIcon/emi.png); /* 16px x 16px */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 20px; /* make text start to the right of the image */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.btn_addTag {
background-image: url(buttonIcon/addTag.png); /* 16px x 16px */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 20px; /* make text start to the right of the image */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.assign_onetimeTest {
background-image: url(buttonIcon/assign_onetimeTest.png); /* 16px x 16px */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 20px; /* make text start to the right of the image */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.btn_leave {
background-image: url(images/icon/schedule.png); /* 16px x 16px */
background-size: 15px 14px !important;
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 20px; /* make text start to the right of the image */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-issuecertificate {
background-image: url(buttonIcon/certificate.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 20px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-issuecertificate1 {
background-image: url(buttonIcon/certificate.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-placement {
background-image: url(buttonIcon/placement.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-add {
background-image: url(buttonIcon/add.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-payment {
background-image: url(buttonIcon/rupee.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-payment1 {
background-repeat: no-repeat;
background-position: 6px 3px;
border: none;
cursor: pointer;
padding-left: 18px;
border-style: solid;
border-width: 1px;
border-color: #C2BAC8;
}
input.button-payment2 {
background-repeat: no-repeat;
background-position: 8px 3px;
border: none;
cursor: pointer;
padding-left: 15px;
border-style: solid;
border-width: 1px;
border-color: #C2BAC8;
}
input.button-empsavecontinue1 {
background-image: url(buttonIcon/savecontinue.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empsavecontinue2 {
background-image: url(buttonIcon/savecontinue.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empsavecontinue {
background-image: url(buttonIcon/savecontinue.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empsavecontinue1 {
background-image: url(buttonIcon/savecontinue.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 4px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empsavefinish {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empsavefinish1 {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-quesaddmore {
background-image: url(buttonIcon/okadd.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empcancel {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 12px; /* make text start to the right of the image */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empsavefinish1 {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 14px; /* make text start to the right of the image */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empcancel1 {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empcodeclear {
background-image: url(buttonIcon/clear_button.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empaddphoto {
background-image: url(buttonIcon/addphoto.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empsignature {
background-image: url(buttonIcon/signature6.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 20px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empresume {
background-image: url(buttonIcon/resume3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-showpassword {
background-image: url(buttonIcon/Showpassword1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-changepassword {
background-image: url(buttonIcon/changePassword1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-updatepermission {
background-image: url(buttonIcon/permission.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-increment {
background-image: url(buttonIcon/salaryincrement.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-issuesalary {
background-image: url(buttonIcon/salaryissue.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-advancesalary {
background-image: url(buttonIcon/advance_payment.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-mastercancel {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-mastersubmit {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-mastercancel1 {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-mastersubmit1 {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-sendemail {
background-image: url(buttonIcon/sendemail.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-goback {
background-image: url(buttonIcon/goback.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 10px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-goback2 {
background-image: url(buttonIcon/goback.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 4px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-goback1 {
background-image: url(buttonIcon/goback.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-generate {
background-image: url(buttonIcon/generate.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-approve {
background-image: url(buttonIcon/approve.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-reject {
background-image: url(buttonIcon/reject.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 5px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-calculatesalary {
background-image: url(buttonIcon/calculatesalary.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-calculatesalary1 {
background-image: url(buttonIcon/calculatesalary.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-addsalary {
background-image: url(buttonIcon/addsalary.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-apply {
background-image: url(buttonIcon/apply.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 4px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-ctc {
background-image: url(buttonIcon/CTC.jpg); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-update {
background-image: url(buttonIcon/reset1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-ok {
background-image: url(buttonIcon/ok1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 6px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 10px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-ok-update {
background-image: url(buttonIcon/ok1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
padding-top: 0px;
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-empok {
background-image: url(buttonIcon/ok1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 10px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-companyAddress {
background-image: url(buttonIcon/address.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 10px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-more {
background-image: url(buttonIcon/more.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
/* padding-left: 10px; make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
input.button-fancysubmit {
background-image: url(buttonIcon/save.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-fancycancel {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-passwordcancel {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-percancel {
background-image: url(buttonIcon/cancel3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 5px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-login {
background-image: url(buttonIcon/login.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 8px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
input.button-execute {
background-image: url(buttonIcon/reload.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3.5px;/* equivalent to 'top left' */
background-size: 15px;
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-receipt {
background-image: url(buttonIcon/addnote.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 3.5px;/* equivalent to 'top left' */
background-size: 15px;
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 8px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
.empDivEdit {
background-image: url(buttonIcon/edit.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px -1px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.empDivDelete {
background-image: url(buttonIcon/delete.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 15px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.empDivAdd {
background-image: url(buttonIcon/add2.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewFollowUp {
background-image: url(buttonIcon/follow.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 16px !important;
}
.shortViewMpveToBatch {
background-image: url(buttonIcon/movetobatch2.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.linkInvoice{
background-image: url(buttonIcon/movetobatch2.png);
background-repeat: no-repeat;
background-position: 5px -1px;
background-size: 18px;
border: none;
cursor: pointer;
padding: 2px 0px 0px 24px;
}
.shortViewAT {
background-image: url(buttonIcon/addTag.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.shortViewFull {
background-image: url(buttonIcon/view.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.fullViewInvoice {
background-image: url(buttonIcon/view.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 9px;
margin: 0px 8px;
}
.shortViewPayment {
background-image: url(buttonIcon/rupee.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewPayment1 {
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 16px;
border: none;
cursor: pointer;
padding-left: 13px;
margin: 0 4px;
line-height: 10px !important;
}
.shortViewPay {
background-image: url(buttonIcon/rupee.png); /* 16px x 16px */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
padding-left: 13px; /* make text start to the right of the image */
margin-right: 5px;
}
.shortViewAddNote {
background-image: url(buttonIcon/addnote1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 15px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.shortViewIssueNote {
background-image: url(buttonIcon/issueNotes.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px -2px; /* equivalent to 'top left' */
background-size: 17px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewShowPassword {
background-image: url(buttonIcon/Showpassword1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 15px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewChangePassword {
background-image: url(buttonIcon/changePassword1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewCTC {
background-image: url(buttonIcon/CTC.jpg); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.shortViewIssueSalrary {
background-image: url(buttonIcon/salaryissue.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.shortViewAdvanceSalary {
background-image: url(buttonIcon/advance_payment.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.shortViewGoBack {
background-image: url(buttonIcon/goback.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 1px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewPrint {
background-image: url(buttonIcon/print.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewReset {
background-image: url(images/reset30.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewSMS {
background-image: url(images/sms16.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.shortViewEmail {
background-image: url(buttonIcon/sendemail.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 2px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
line-height: 14px !important;
}
.shortViewCompanyAddress {
background-image: url(buttonIcon/address.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewWish {
background-image: url(images/icon/birthday_red20.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortViewReload {
background-image: url(buttonIcon/reset2.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.dataRefresh {
background-image: url(buttonIcon/refund.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 15px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.shortviewspan{
position: relative;
top:0.5px;
}
.shortviewspan1{ position: relative; top:1.5px;}
.homespan{
position: relative;
top: -0.5px;
left: 8px;
}
.shortviewbuttomspan{
position: relative;
bottom:1.5px;
}
.shortviewanchor{display:inline-block;height: 15px;}
.empDivDownload {
background-image: url(images/Download.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.hintSpan {
background-image: url(buttonIcon/hint3.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.expSpan {
background-image: url(buttonIcon/explanation.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.okSpan {
/*background-image: url(buttonIcon/ok.png); 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.okSpanImg {
background-image: url(buttonIcon/approved.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px -1px; /* equivalent to 'top left' */
background-size: 16px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
margin-left: -7px;
/* vertical-align: middle; align the text vertically centered */
}
/*input.button-next {
background-image: url(buttonIcon/play.png); 16px x 16px
background-color: transparent; make the button transparent
background-repeat: no-repeat; make the background image appear only once
background-position: 51px 7px; equivalent to 'top left'
border: none; assuming we don't want any borders
cursor: pointer; make the cursor like hovering over an element
padding: 0px 14px 2px 0px; make text start to the right of the image
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}*/
/*
.button-next1 {
background-image: url(buttonIcon/play.png); 16px x 16px
background-repeat: no-repeat; make the background image appear only once
background-position: 51px 7px; equivalent to 'top left'
border: none; assuming we don't want any borders
cursor: pointer; make the cursor like hovering over an element
padding: 5px 13px 8px 21px; make text start to the right of the image
text-decoration: underline;
background-size: 7px 9px;
}*/
input.button-previous {
background-image: url(buttonIcon/previous.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 7px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding: 0px 0px 2px 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
/*
.button-previous1 {
background-image: url(buttonIcon/previous.png); 16px x 16px
background-repeat: no-repeat; make the background image appear only once
background-position: 4px 7px; equivalent to 'top left'
border: none; assuming we don't want any borders
cursor: pointer; make the cursor like hovering over an element
padding: 5px 13px 8px 16px; make text start to the right of the image
text-decoration: underline;
background-size: 7px 9px;
border: 0px;
}*/
input.button-finishtest {
background-image: url(buttonIcon/finishWhite.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding: 0px 0px 2px 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
.button-finishtest1 {
background-image: url(buttonIcon/12.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 6px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding: 4px 0px 2px 13px; /* make text start to the right of the image */
text-decoration: underline;
background-size: 9px 11px;
/* vertical-align: middle; align the text vertically centered */
/*border-style: solid;border-width: 1px;border-color: #C2BAC8;*/
}
input.button-start {
background-image: url(buttonIcon/play.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 72px 11px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding: 0px 14px 2px 0px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
/*@gyan
Thuis css can be used to display a button with calender icon
*/
input.button-changedate {
background-image: url(buttonIcon/calendar.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-size: 16px,16px;
background-position: 4px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-moreVertical {
background-image: url(buttonIcon/morevertical.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 2px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 20px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-upload1 {
background-image: url(images/upload.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 4px 4px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 12px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-paymentWhiteCurrencySymbol {
background-image: url(buttonIcon/rupeewhite.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 16px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-paymentWhiteCurrencySymbol1 {
background-repeat: no-repeat;
background-position: 4px 3px;
border: none;
cursor: pointer;
padding-left: 10px;
border-style: solid;
border-width: 1px;
border-color: #C2BAC8;
}
.addspan {
background-image: url(buttonIcon/add.png);
background-repeat: no-repeat;
background-position: 1px -1px;
cursor: pointer;
padding-left: 18px;
}
/*.addspan {
background-image: url(images/plusSearch.png);
background-repeat: no-repeat;
background-position: 1px -1px;
cursor: pointer;
padding-left: 18px;
}*/
.minusspan {
background-image: url(images/minusSearch.png);
background-repeat: no-repeat;
background-position: 1px 0px;
cursor: pointer;
padding-left: 18px;
}
.otUserURL {
background-image: url(images/icon/show_url.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px -2px;
background-size: 17px;
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
text-decoration: none !important;
}
.atstu {
background-image: url(images/astesttstu.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px -1px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
}
.atemp {
background-image: url(images/employee.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 0px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
}
.otAddQues {
/*background-image: url(images/addQues.png); 16px x 16px */
background-image: url(buttonIcon/add.png);
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 0px;
background-size: 13px;
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
}
.otSetQues {
background-image: url(images/setting1.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px -1px;
background-size: 15px;
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
}
.assOTTest {
background-image: url(images/navyUser.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px -1px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
}
.importOnlineTest {
background-image: url(buttonIcon/importQues.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 0px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
}
.offLineResultImport {
/*background-image: url(buttonIcon/importxls.png); 16px x 16px*/
background-image: url(buttonIcon/importQues.png); /*16px x 16px
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: -1px 0px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
text-decoration: none !important;
}
.emiIcon {
background-image: url(buttonIcon/emi.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 15px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.payIcon {
background-image: url(buttonIcon/emi.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 0px 0px; /* equivalent to 'top left' */
background-size: 15px; /* background icon size' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
}
.padding-right-5{
padding-right: 5px;
}
.importStudent {
background-image: url(buttonIcon/importQues.png);
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
cursor: pointer;
padding: 0px 0px 0px 18px !important;
height: 21px !important;
float: right;
margin: 0 5px;
}
.importExpense {
background-image: url(buttonIcon/importQues.png);
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
cursor: pointer;
padding: 0px 0px 0px 18px !important;
height: 21px !important;
float: right;
margin: 0 5px;
}
.intraLinking {
/*background-image: url(buttonIcon/importQues.png); 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 0px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
float: right;
}
.bg-position4x4{
background-position: 4px 4px ! important;
}
.broadcast {
/*background-image: url(buttonIcon/importxls.png); 16px x 16px*/
background-image: url(buttonIcon/broadcast.png); /*16px x 16px
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 1px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
text-decoration: none !important;
}
.broadcast-result {
/*background-image: url(buttonIcon/importxls.png); 16px x 16px*/
background-image: url(buttonIcon/resshow1.png); /*16px x 16px
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 2px 1px;
/*background-size: 17px;*/
border: none;
cursor: pointer;
padding-left: 18px;
height: 15px !important;
text-decoration: none !important;
}
.button-delete-new {
/*background-image: url(buttonIcon/delete.png); 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 5px 9px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;
border-width: 1px;
color: #ce3333;
border-color: #ce3333;
padding: 9px 0px 9px 13px;
background-color: #fbe9e5;
border-radius: 5px;
}
.button-delete-new:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f2ed';
right: 9px;
position: relative;
}
.button-delete-new:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.button-save-new {
background-position: 5px 9px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;
border-width: 1px;
color: #4caf50;
border-color: #4caf50;
padding: 9px 0px 9px 13px;
background-color: #effdf1;
border-radius: 5px;
}
.button-save-new:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f00c';
right: 4px;
position: relative;
}
.button-save-new:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.button-leave-new {
background-position: 5px 9px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;
border-width: 1px;
color: #4caf50;
border-color: #4caf50;
padding: 5px 0px 5px 13px;
background-color: #effdf1;
border-radius: 5px;
}
.button-leave-new:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
content: "\f236";
margin-right: 3px;
}
.button-leave-new:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.button-primary-new {
background-repeat: no-repeat;
background-position: 5px 9px;
border: none;
cursor: pointer;
padding-left: 18px;
border-style: solid;
border-width: 1px;
color: #0371f9;
border-color: #0371f9;
padding: 9px 0px 9px 13px;
background-color: #e5ebfb;
}
.button-primary-new:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f01e';
right: 15px;
position: relative;
}
.button-primary-new:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.btn-cust_sucess{
background-position: 5px 9px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;
border-width: 1px;
color: #4caf50;
border-color: #4caf50;
padding: 9px 0px 9px 13px;
background-color: #effdf1;
}
.btn-cust_sucess:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.btn-cust_primary{
background-position: 5px 9px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;
border-width: 1px;
color: #0460d2;
border-color: #0460d2;
padding: 9px 0px 9px 13px;
background-color: #ebf2fb85;
border-radius: 5px;
}
.btn-cust_primary:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.btn-cust_primary:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f00b';
right: 6px;
position: relative;
}
.button-cancel-new{
background-position: 5px 9px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 18px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;
border-width: 1px;
color: #ce3333;
border-color: #ce3333;
padding: 9px 0px 9px 13px;
background-color: #fbe9e5;
border-radius: 5px;
}
.button-cancel-new:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.button-cancel-new:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f00d';
right: 6px;
position: relative;
}
.button-preview{
background-repeat: no-repeat;
background-position: 5px 9px;
border: none;
cursor: pointer;
padding-left: 18px;
border-style: solid;
border-width: 1px;
color: #0371f9;
border-color: #0371f9;
padding: 9px 0px 9px 13px;
background-color: #e5ebfb;
}
.button-preview:hover{
font-weight: bold;
box-shadow: 1px 1px 10px -3px #585858;
}
.button-preview:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f00d';
right: 6px;
position: relative;
}
input.button-schedule-print {
background-image: url(buttonIcon/schedule.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 1px 3px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 14px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
input.button-screening {
background-image: url(buttonIcon/account-search.png); /* 16px x 16px */
/* background-color: transparent; make the button transparent */
background-repeat: no-repeat; /* make the background image appear only once */
background-position: 3px 2px; /* equivalent to 'top left' */
border: none; /* assuming we don't want any borders */
cursor: pointer; /* make the cursor like hovering over an element */
/* height: 16px; make this the size of your image */
padding-left: 13px; /* make text start to the right of the image */
/* vertical-align: middle; align the text vertically centered */
border-style: solid;border-width: 1px;border-color: #C2BAC8;
}
.button-counselling {
background-image: url(buttonIcon/icons-consultation-18.png);
background-repeat: no-repeat;
background-position: 0px 1px;
cursor: pointer;
padding: 0px 0px 0px 18px;
margin: 0 5px;
}