div.selector,
div.selector span,
div.checker span,
div.radio span,
.uploadblue div.uploader,
.uploadblue div.uploader span.action,
.attachfilebutton div.uploader span.action{ 
	background-image:url('https://static.peoplehr.net/202506198-hotfix000000/Images/sprite.png');
	background-repeat:no-repeat;
	-webkit-font-smoothing:antialiased;
}
.selector, .radio, .checker, .uploader .selector *, .radio *, .checker *, .uploader *{ margin:0; padding:0;  }

div.selector { 
	background-position:-510px -132px;
	line-height:40px;
	height:40px;
	margin:0 !important; 
}
	div.selector span { 
		background-position:right 0;
		color:#666;
		height:40px;
		font-family:"HelveticaNeue", Helvetica, Arial, sans-serif; 
	}
	
	div.selector select{ top:0; left:0; }
		div.selector select option  
		{
		    background-color: #ffffff;
			color:#666;
			font-size:13px;
			padding:5px 10px; 
		}
	div.selector:active,
	div.selector.active { background-position:-510px -172px; }
	div.selector:active span, 
	div.selector.active span { background-position:right -40px; }
	div.selector.focus{ background-position:-510px -172px; }
	div.selector.focus span { background-position:right -40px; }
	div.selector.selectdisabled.focus { background-position:-510px -132px; }
	div.selector.selectdisabled.focus span { background-position:right 0; }

	.selblue div.selector span { background-position:right -80px; }
	.selblue div.selector:active span,
	.selblue div.selector.active span { background-position:right -80px; }
	.selblue div.selector.focus,
	.selblue div.selector.hover,
	.selblue div.selector:hover { background-position:-510px -132px; }
	.selblue div.selector.focus span,
	.selblue div.selector.hover span,
	.selblue div.selector:hover span { background-position:right -212px; }

	.selsmall div.selector{ 
		background-position:-510px -592px;
		height:32px;
		line-height:32px; 
	}
		.selsmall div.selector span { 
			background-position:right -560px;
			height:32px;
			line-height:32px; 
		}
		.selsmall div.selector select { height:32px; }
		.selsmall div.selector.focus,
		.selsmall div.selector.hover,
		.selsmall div.selector:hover { background-position:-510px -592px; }
		.selsmall div.selector.focus span,
		.selsmall div.selector.hover span,
		.selsmall div.selector:hover span { background-position:right -560px; }
		.selsmall div.selector.selectdisabled.focus,
		.selsmall div.selector.selectdisabled.hover,
		.selsmall div.selector.selectdisabled:hover { background-position:-510px -592px; }
		.selsmall div.selector.selectdisabled.focus span,
		.selsmall div.selector.selectdisabled.hover span,
		.selsmall div.selector.selectdisabled:hover span { background-position:right -560px; }

	.selsmall2 div.selector{ 
		background-position:-510px -662px;
		height:20px;
		line-height:20px; 
	}
		.selsmall2 div.selector span { 
			background-position:right -633px;
			height:20px;
			font-size:11px;
			line-height:20px; 
		}
		.selsmall2 div.selector select { height:20px; }
		.selsmall2 div.selector.focus,
		.selsmall2 div.selector.hover,
		.selsmall2 div.selector:hover { background-position:-510px -662px; }
		.selsmall2 div.selector.focus span,
		.selsmall2 div.selector.hover span,
		.selsmall2 div.selector:hover span { background-position:right -633px; }
		.selsmall2 div.selector option { font-size:11px!important; }
		
	.non-editable div.selector{ background-position: -510px -722px; }
	.non-editable div.selector span { background-position: right -682px; }
	.non-editable div.selector:active span,
	.non-editable div.selector.active span { background-position: right -682px; }
	.non-editable div.selector.focus,
	.non-editable div.selector.hover,
	.non-editable div.selector:hover { background-position: -510px -722px; }
	.non-editable div.selector.focus span,
	.non-editable div.selector.hover span,
	.non-editable div.selector:hover span { background-position: right -682px; }
	
	.non-editablemanlist div.selector{ background-position: -510px -722px; }
	.non-editablemanlist div.selector span { background-position: right -763px }
	.non-editablemanlist div.selector:active span,
	.non-editablemanlist div.selector.active span { background-position: right -763px }
	.non-editablemanlist div.selector.focus,
	.non-editablemanlist div.selector.hover,
	.non-editablemanlist div.selector:hover { background-position: -510px -722px; }
	.non-editablemanlist div.selector.focus span,
	.non-editablemanlist div.selector.hover span,
	.non-editablemanlist div.selector:hover span { background-position: right -763px }
	
.selectleft div.selector { float:left; }
.wsel70 div.selector { width:60px; }
.wsel70 div.selector select { width:70px; }
.wsel75 div.selector { width:75px; }
.wsel75 div.selector select { width:85px; }
.w70 div.selector { width:60px; }
.w70 div.selector select { width:70px; }
.w100 div.selector { width:90px; }
.w100 div.selector select { width:100px; }
.w140 div.selector { width:130px; }
.w140 div.selector select { width:140px; }
.w160 div.selector { width:150px; }
.w160 div.selector select { width:160px; }
.w190 div.selector { width:180px; }
.w190 div.selector select { width:190px; }
.w200 div.selector { width:190px; }
.w200 div.selector select { width:200px; }
.w230 div.selector { width:220px; }
.w230 div.selector select { width:230px; }
.w240 div.selector { width:230px; }
.w240 div.selector select { width:240px; }
.w270 div.selector { width:260px; }
.w270 div.selector select { width:270px; }
.w310 div.selector { width:300px; }
.w310 div.selector select { width:310px; }
.w312 div.selector { width:312px; }
.w312 div.selector select { width:322px; }
.w330 div.selector { width:323px; }
.w330 div.selector select { width:333px; }
.w365 div.selector {  width: 365px;}
.w365 div.selector select { width: 375px;}
.w370 div.selector { width:360px; }
.w370 div.selector select { width:370px; }
.w440 div.selector { width:430px; }
.w440 div.selector select { width:440px; }
.w500 div.selector { width:490px; }
.w500 div.selector select { width:500px; }
.w520 div.selector { width:500px; }
.w520 div.selector select { width:510px; }
.w290 div.selector { width:280px; }
.w290 div.selector select { width:290px; }
@media only screen and (min-width:0px) and (max-width:959px) { 
	.w370 div.selector { width:175px; }
	.w370 div.selector select { width:260px; }
	
	.w240 div.selector { width: 205px; }
    .w240 div.selector select { width:  100%; }
    
	div.uploader { width:260px!important; }
	div.uploader input { width:258px!important; }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){ 
	.w370 div.selector { width:193px; }
	.w370 div.selector select { width:204px; }
	div.uploader { width:100%!important; }
	div.uploader input { width:100%!important; }
	div.uploader span.filename { width:180px!important; }

	/* Added by ITG - Start */

	.selectSm.w370 div.selector { width:130px!important;}
	.selectSm.w370 div.selector select { width:140px!important;}

	/* Added by ITG - End */
}

div.checker{ width: 19px; height: 19px; }
	div.checker input { width: 19px; height: 19px; }
	div.checker span { 
		background-position:0 -260px;
		height: 19px;
		width: 16px; 
	}

	div.checker:active span,
	div.checker.active span { background-position:-19px -260px; }
	div.checker.focus span,
	div.checker:hover span { background-position:-38px -260px; }
	div.checker.focus:active span,
	div.checker:active:hover span,
	div.checker.active:hover span,
	div.checker.focus.active span { background-position:-57px -260px; }
	div.checker span.checked { background-position:-76px -260px; }
	div.checker:active span.checked,
	div.checker.active span.checked { background-position:-95px -260px; }
	div.checker.focus span.checked,
	div.checker:hover span.checked { background-position:-114px -260px; }
	div.checker.focus:active span.checked,
	div.checker:hover:active span.checked,
	div.checker.active:hover span.checked,
	div.checker.active.focus span.checked { background-position:-133px -260px; }
	div.checker.disabled span,
	div.checker.disabled:active span,
	div.checker.disabled.active span { background-position:-152px -260px; }
	div.checker.disabled span.checked,
	div.checker.disabled:active span.checked,
	div.checker.disabled.active span.checked { background-position:-171px -260px; }
	
	/* Added On 20150113 : Start */
	.errorcheck div.checker span{ background-position: -189px -260px; }
    .errorcheck div.checker span.checked{ background-position: -207px -260px; }
    /* Added On 20150113 : End */

div.radio { margin-right:3px; }
div.radio { width:18px; height:18px; }
	div.radio input { width:18px; height:18px; }
	div.radio span { 
		float:left;
		height:18px;
		width:18px;
		background-position:0 -279px; 
	}
	div.radio:active span,
	div.radio.active span { background-position:-18px -279px; }
	div.radio.focus span,
	div.radio:hover span { background-position:-36px -279px; }
	div.radio.focus:active span,
	div.radio:active:hover span,
	div.radio.active:hover span,
	div.radio.active.focus span { background-position:-54px -279px; }
	div.radio span.checked { background-position:-72px -279px; }
	div.radio:active span.checked,
	div.radio.active span.checked { background-position:-90px -279px; }
	div.radio.focus span.checked,
	div.radio:hover span.checked { background-position:-108px -279px; }
	div.radio.focus:active span.checked,
	div.radio:hover:active span.checked,
	div.radio.focus.active span.checked,
	div.radio.active:hover span.checked { background-position:-126px -279px; }
	div.radio.disabled span,
	div.radio.disabled:active span,
	div.radio.disabled.active span { background-position:-144px -279px; }
	div.radio.disabled span.checked,
	div.radio.disabled:active span.checked,
	div.radio.disabled.active span.checked { background-position:-162px -279px; }

.uploadblue div.uploader{ background-position:0 -298px; height:40px; }


	.uploadblue div.uploader span.action {
		background-position:right -467px;
		height:36px;
		line-height:36px;
		pointer-events: none;
	}
	.uploadblue div.uploader span.filename { 
		height:38px;
		margin:2px 0 2px 2px;
		line-height:38px; 
	}
	.uploadblue div.uploader.focus,
	.uploadblue div.uploader.hover,
	.uploadblue div.uploader:hover{ background-position:0 -379px; }
	.uploadblue div.uploader.focus div.uploader span.filename,
	.uploadblue div.uploader.hover div.uploader span.filename,
	.uploadblue div.uploader:hover div.uploader span.filename { border-right:1px solid #679bc9; }
	.uploadblue div.uploader.focus span.action,
	.uploadblue div.uploader.hover span.action,
	.uploadblue div.uploader:hover span.action { background-position:right -511px; }

.uploadblue div.uploader { cursor:pointer; width:370px; }

.w330 div.uploader{ width: 333px; }
.w500 div.uploader{ width: 500px; }
.w500 div.uploader span.filename { width: 390px !important; }


	.uploadblue div.uploader span.action { 
		color:#fff;
		font:12px "HelveticaNeue",Helvetica,Arial,sans-serif;
		position:relative;
		right:-2px;
		text-align:center;
		text-shadow:-1px 1px 0 #5483ab;
		width:86px; 
	}
	.uploadblue div.uploader span.filename { 
		border-right:solid 1px #bbb;
		color:#666;
		font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;
		width:262px; 
	}
	.uploadblue div.uploader input:not(.removefile) { width: 369px; }
	.uploadblue div.uploader.disabled span.action { color:#aaa; }
	.uploadblue div.uploader.disabled span.filename { border-color:#ddd; color:#aaa; }
	
	/*_______*/
 
.attachfilebutton div.uploader{ height: 30px; }
    .attachfilebutton div.uploader span.action {
    background-position: -2px -466px;
    height: 27px;
    line-height: 27px;
    pointer-events: none;
    }
    .attachfilebutton div.uploader.focus,
    .attachfilebutton div.uploader.hover,
    .attachfilebutton div.uploader:hover{ background-position:0 -379px; }
    .attachfilebutton div.uploader.focus div.uploader span.filename,
    .attachfilebutton div.uploader.hover div.uploader span.filename,
    .attachfilebutton div.uploader:hover div.uploader span.filename { border-right:1px solid #679bc9; }
    .attachfilebutton div.uploader.focus span.action,
    .attachfilebutton div.uploader.hover span.action,
    .attachfilebutton div.uploader:hover span.action { background-position: -2px -466px; }
 
.attachfilebutton div.uploader { cursor: pointer; width: 80px !important; }
    .attachfilebutton div.uploader span.filename { display: none; }
    
    
/*_______*/

.selector,.checker,.radio,.uploader { 
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:inline-block;
	vertical-align:middle;
	zoom:1;
	*display:inline; 
}

.selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus { outline:0; }

div.selector{ 
	position:relative;
	padding-left:10px;
	overflow:hidden; 
}
	div.selector span { 
		display:block;
		overflow:hidden;
		-o-text-overflow:ellipsis;
		-ms-text-overflow:ellipsis;
		text-overflow:ellipsis;
		white-space:nowrap; 
	}
	div.selector select { 
		position:absolute;
		-ms-filter:"alpha(opacity=0)";
		filter:alpha(opacity=0);
		opacity:0;
		height:40px;
		border:0;
		background:0; 
	}

div.checker { margin-right:5px; }
div.checker{ float:left; position:relative; }
	div.checker span { 
		display:-webkit-box;
		display:-moz-box;
		display:box;
		display:inline-block;
		text-align:center; 
	}
	div.checker input { 
		-ms-filter:"alpha(opacity=0)";
		filter:alpha(opacity=0);
		opacity:0;
		display:inline-block;
		background:0; 
	}

div.radio { position:relative; display: inline-block; }
	div.radio span { 
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: inline-block;
		text-align: center; 
	}
	div.radio input { 
		-ms-filter: "alpha(opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		text-align: center;
		display: inline-block;
		background: 0; 
	}

.uploadblue div.uploader{ 
	position: relative;
	overflow: hidden;
	cursor: default; 
}

.w322 div.uploader{ width: 322px; }
	.w330 div.uploader{ width: 333px; }
		.w500 div.uploader{ width: 500px; }

	.uploadblue div.uploader span.action {
	    cursor: pointer;
	    display: block;
	    overflow: hidden;
	    padding: 2px 0;
	    position: absolute;
	    right: 0;
	    width: 86px;
	}
	.uploadblue div.uploader span.filename { 
		padding: 0 10px;
		float: left;
		display: block;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: default; 
	}
	.uploadblue div.uploader input:not(.removefile) {
		font-size: 30px; /* Updated by ITG to 30px from 28px */
		cursor: pointer;
		-ms-filter:"alpha(opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		float: right;
		height: 40px;
		border: 0; 
		z-index: 1;
	}
	
.attachfilebutton div.uploader{ 
    position: relative;
    overflow: hidden;
    cursor: default; 
}
    .attachfilebutton div.uploader span.action {
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 2px 0;
    position: absolute;
    right: 0;
    width: 86px;
}
    .attachfilebutton div.uploader input:not(.removefile) {
    border: 0 none;
    bottom: 0;
    cursor: pointer;
    float: right;
    font-size: 3px;
    height: 30px;
    -ms-filter:"alpha(opacity=0)";
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    }


/* Added by ITG - Start */

.selectSm {top: 5px; margin-bottom: 0px !important;}
.selectSm.w370 div.selector { width:360px; }
.selectSm.w370 div.selector select { width:370px; }
.selectSm.non-editable div.selector span { padding-right:10px;}
div.selector span { padding-right:25px; min-width:88px;}
.w120 div.selector { width:110px; }
.w120 div.selector select { width:120px; }

/* Added by ITG - End */

.borderRightNone
{
	border-right: none !important;
}

.setUploaderWidth
{
   width: 415px !important;
}