/*****************************************
* Styles for ImageButtons
*****************************************/

/*---- Icon for DataSet Navigator ----*/
/* first */
.imgbtn .navfst
{
	background: transparent url(../images/image_buttons.png) no-repeat -340px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navfstDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -340px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navfst
{
	background: transparent url(../images/image_buttons.png) no-repeat -340px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navfst
{
	background: transparent url(../images/image_buttons.png) no-repeat -340px -0px;
	width: 20px;
	height: 20px;
}

/* previous */
.imgbtn .navprv
{
	background: transparent url(../images/image_buttons.png) no-repeat -360px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navprvDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -360px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navprv
{
	background: transparent url(../images/image_buttons.png) no-repeat -360px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navprv
{
	background: transparent url(../images/image_buttons.png) no-repeat -360px -0px;
	width: 20px;
	height: 20px;
}

/* next */
.imgbtn .navnxt
{
	background: transparent url(../images/image_buttons.png) no-repeat -380px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navnxtDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -380px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navnxt
{
	background: transparent url(../images/image_buttons.png) no-repeat -380px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navnxt
{
	background: transparent url(../images/image_buttons.png) no-repeat -380px -0px;
	width: 20px;
	height: 20px;
}

/* last */
.imgbtn .navlst
{
	background: transparent url(../images/image_buttons.png) no-repeat -400px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navlstDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -400px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navlst
{
	background: transparent url(../images/image_buttons.png) no-repeat -400px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navlst
{
	background: transparent url(../images/image_buttons.png) no-repeat -400px -0px;
	width: 20px;
	height: 20px;
}

/* add */
.imgbtn .navadd
{
	background: transparent url(../images/image_buttons.png) no-repeat -240px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navaddDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -240px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navadd
{
	background: transparent url(../images/image_buttons.png) no-repeat -240px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navadd
{
	background: transparent url(../images/image_buttons.png) no-repeat -240px -0px;
	width: 20px;
	height: 20px;
}

/* delete */
.imgbtn .navdel
{
	background: transparent url(../images/image_buttons.png) no-repeat -260px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navdelDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -260px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navdel
{
	background: transparent url(../images/image_buttons.png) no-repeat -260px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navdel
{
	background: transparent url(../images/image_buttons.png) no-repeat -260px -0px;
	width: 20px;
	height: 20px;
}

/* set filter */
.imgbtn .navsetf
{
	background: transparent url(../images/image_buttons.png) no-repeat -420px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navsetfDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -420px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navsetf
{
	background: transparent url(../images/image_buttons.png) no-repeat -420px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navsetf
{
	background: transparent url(../images/image_buttons.png) no-repeat -420px -0px;
	width: 20px;
	height: 20px;
}

/* clear filter */
.imgbtn .navclrf
{
	background: transparent url(../images/image_buttons.png) no-repeat -440px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navclrfDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -440px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navclrf
{
	background: transparent url(../images/image_buttons.png) no-repeat -440px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navclrf
{
	background: transparent url(../images/image_buttons.png) no-repeat -440px -0px;
	width: 20px;
	height: 20px;
}
/*---- Calendar/DateTimePicker Icon ----*/
.imgbtn .calico
{
	background: transparent url(../images/image_buttons.png) no-repeat -300px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .calicoDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -300px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .calico
{
	background: transparent url(../images/image_buttons.png) no-repeat -300px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .calico
{
	background: transparent url(../images/image_buttons.png) no-repeat -300px -0px;
	width: 20px;
	height: 20px;
}

/*---- Misc ---- */
/* Browse */
.imgbtn .brwsbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat 0px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .brwsbtnDa
{
	background: transparent url(../images/image_buttons.png) no-repeat 0px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .brwsbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat 0px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .brwsbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat 0px -0px;
	width: 20px;
	height: 20px;
}

/* Remove */
.imgbtn .rmvbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat -100px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .rmvbtnDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -100px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .rmvbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat -100px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .rmvbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat -100px -0px;
	width: 20px;
	height: 20px;
}

/* Save */
.imgbtn .save
{
	background: transparent url(../images/image_buttons.png) no-repeat -40px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .saveDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -40px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .save
{
	background: transparent url(../images/image_buttons.png) no-repeat -40px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .save
{
	background: transparent url(../images/image_buttons.png) no-repeat -40px -0px;
	width: 20px;
	height: 20px;
}

/* NavTop */
.imgbtn .navtop
{
	background: transparent url(../images/image_buttons.png) no-repeat -500px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navtopDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -500px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navtop
{
	background: transparent url(../images/image_buttons.png) no-repeat -500px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navtop
{
	background: transparent url(../images/image_buttons.png) no-repeat -500px -0px;
	width: 20px;
	height: 20px;
}

/* NavUp */
.imgbtn .navup
{
	background: transparent url(../images/image_buttons.png) no-repeat -520px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navupDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -520px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navup
{
	background: transparent url(../images/image_buttons.png) no-repeat -520px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navup
{
	background: transparent url(../images/image_buttons.png) no-repeat -520px -0px;
	width: 20px;
	height: 20px;
}

/* CssNavDown */
.imgbtn .navdown
{
	background: transparent url(../images/image_buttons.png) no-repeat -540px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navdownDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -540px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navdown
{
	background: transparent url(../images/image_buttons.png) no-repeat -540px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navdown
{
	background: transparent url(../images/image_buttons.png) no-repeat -540px -0px;
	width: 20px;
	height: 20px;
}

/* CssNavBottom */
.imgbtn .navbottom
{
	background: transparent url(../images/image_buttons.png) no-repeat -560px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navbottomDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -560px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navbottom
{
	background: transparent url(../images/image_buttons.png) no-repeat -560px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navbottom
{
	background: transparent url(../images/image_buttons.png) no-repeat -560px -0px;
	width: 20px;
	height: 20px;
}

/* CssNavSetCustomSort */
.imgbtn .navsetcs
{
	background: transparent url(../images/image_buttons.png) no-repeat -580px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navsetcsDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -580px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navsetcs
{
	background: transparent url(../images/image_buttons.png) no-repeat -580px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navsetcs
{
	background: transparent url(../images/image_buttons.png) no-repeat -580px -0px;
	width: 20px;
	height: 20px;
}

/* CssNavClearCustomSort */
.imgbtn .navclcs
{
	background: transparent url(../images/image_buttons.png) no-repeat -600px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .navclcsDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -600px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navclcs
{
	background: transparent url(../images/image_buttons.png) no-repeat -600px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navclcs
{
	background: transparent url(../images/image_buttons.png) no-repeat -600px -0px;
	width: 20px;
	height: 20px;
}

/* CssNavEdit */
.imgbtn .navedit
{
	background: transparent url(../images/image_buttons.png) no-repeat -20px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .naveditDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -20px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .navedit
{
	background: transparent url(../images/image_buttons.png) no-repeat -20px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .navedit
{
	background: transparent url(../images/image_buttons.png) no-repeat -20px -0px;
	width: 20px;
	height: 20px;
}

/* CssBubbleButton */
.imgbtn .bblbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat -620px 0px;
	width: 20px;
	height: 20px;
}
.imgbtn .bblbtnDa
{
	background: transparent url(../images/image_buttons.png) no-repeat -620px -20px;
	cursor: default;
	width: 20px;
	height: 20px;
}
.imgbtn a:hover .bblbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat -620px -40px;
	width: 20px;
	height: 20px;
}
.imgbtn a:active .bblbtn
{
	background: transparent url(../images/image_buttons.png) no-repeat -620px -0px;
	width: 20px;
	height: 20px;
}

/*---- Positioning of icon buttons ----*/
.icnbtn
{
	position: relative !important;
	width: 20px;
	height: 20px;
}

.icnbtncll
{
	width: 25px;
	vertical-align: top;
	text-align: right;
}