div.selector, 
div.selector span,
div.radio span,
div.checker span,
div.uploader, 
div.uploader span.action{
 
   -webkit-font-smoothing: antialiased;
}

.selector, .radio, .checker, .uploader, .button {
	margin:0px;
	padding:0px;
}

/*---------------Select tag(STARTS)-------------------*/
div.selector {
	background-image:url(../images/001.png);
	background-repeat:no-repeat;	
	line-height:30px;
	height:30px;
	position:relative;
	overflow:hidden;
	width:205px;
}

div.selector span {
	margin-left:5px;
	background-image:url(../images/001.png);
  	background-repeat:no-repeat;
	background-position:right 0px;
	height:30px;
	line-height:30px;
	display:block;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
	color:#8a8a8a;
}
div.selector span {
	padding-left:10px;
}
div.selector select {
	top:0px;
	left:3px;
	position:absolute;
	height:30px;
	opacity:0;
	filter:alpha(opacity:0);
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8a8a8a;
	border:0px;
	cursor:pointer;
	width:205px;
}


/*----------------------Select tag(ENDS)--------------------------*/

/*-------------------- Radio Button(STARTS) --------------------*/
div.radio {
	width:20px;
	height:20px;
}

div.radio input {
	width:20px;
	height:20px;
	opacity:0;
	filter:alpha(opacity:0);
	text-align:center;
	display:inline-block;
	background:none;
}

div.radio span {
	display:-moz-inline-box;
	display:inline-block;
	text-align:center;
	height:20px;
	width:20px;
	background-image:url(../images/csform/radio.png);
	background-position:left top;
	background-repeat:no-repeat;
}

div.radio span.checked {
	background-position:-20px 0px;
}

div.radio.disabled span{
	background-position:-40px 0px;
}

div.radio.disabled span.checked{
	background-position:-60px 0px;
}

div.radio span.focus, div.radio span.hover {
	background-position:-80px 0px;
}

div.radio span.checked.focus, div.radio span.checked.hover {
	background-position:-100px 0px;
}
/*--------------------- Radio Button(ENDS) ---------------------*/

/*--------------------- Checkbox(STARTS) ---------------------*/
div.checker {
	width:15px;
	height:17px;
	cursor:pointer;
}

div.checker input {
	width:15px;
	height:17px;
	opacity:0;
	filter:alpha(opacity:0);
	display:inline-block;
	background:none;
	cursor:pointer;
}

div.checker span {
	background-image:url(../images/check.png);
	background-repeat:no-repeat;
	height:17px;
	width:17px;
	display:-moz-inline-box;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

div.checker span.checked {
	background-image:url(../images/check_checked.png);
}

div.checker.disabled span {
	background-image:url(../images/check.png)
}

div.checker.disabled span.checked {
	background-image:url(../images/check_checked.png);
}

div.checker span.focus, div.checker span.hover {
	background-image:url(../images/check.png);
}

div.checker span.checked.focus, div.checker span.checked.hover {
	background-image:url(../images/check_checked.png);
}

/*--------------------- Checkbox(ENDS) ---------------------*/

/*--------------------- File(STARTS) ---------------------*/

div.uploader {
	width:207px;
	background-image:url(../images/Browse-button.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:30px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}

div.uploader span.action {
	height:30px;
	line-height:30px;
	width:85px;
	text-align:center;
	color:#212121;
	text-shadow:#ffffff -1px 1px 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	float:left;
	display:inline;
	overflow:hidden;
	/*cursor:pointer;*/
}

div.uploader span.filename {
	height:24px;
	/* change this line to adjust positioning of filename area */
	line-height:30px;
	color:#515151;
	width:95px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis-word;
	white-space:nowrap;
	cursor:pointer;
	text-align:center;
}
div.uploader span.filename {
	padding:0px 10px;
}

div.uploader input {
	opacity:0;
	filter:alpha(opacity:0);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	float:left;
	height:25px;
	cursor:pointer;
}

div.uploader.disabled {
	/*background-position:left -30px;*/
}

div.uploader.disabled span.action {
	color:#86857d;
	text-shadow:#ffffff 0px 1px 1px;
}

div.uploader.disabled span.filename, div.uploader.hover span.filename {
	color:#86857d;
}

div.uploader.focus span.filename, div.uploader.hover span.filename {
	color:#34607e;
}

div.uploader.focus, div.uploader.hover {
	background-image:url(../images/Browse-button.png);
	cursor:pointer;
}


/*--------------------- File(ENDS) ---------------------*/

/*---------------------Input Type(STARTS)----------------*/

div.input {
	background-image:url(../images/input.png);
	background-repeat:no-repeat;	
	width:205px;
	height:27px;
	
}


div.input input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#8a8a8a;	
	outline:0;
	border:0px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	vertical-align:middle;
	background:none;
	width:190px;
	
}

div.inputleft.focus input{
	color:#34607e;
}

div.inputleft.focus, div.inputleft.hover {
	background-position:left -60px;
	height:28px;
}

div.inputright.focus, div.inputright.hover {
	background-position:right -60px;
	height:28px;
}

/*------------------Input Type(ENDS)-----------------*/

/*-----------------Textarea(STARTS)-------------------*/

div.textarea {
	background-image:url(../images/input_box.png);
	background-repeat:no-repeat;
	width:207px;
	height:77px;
}
textarea.custom {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#8a8a8a;
	text-align:left;
	outline:0;
	border:0px;
	background:none;
	margin:0px;
	padding:0px;
	resize: none;
}

.custom.focus {
	color:#8a8a8a;
}

div.textarea_padding {
	padding:10px 10px 0px 10px;
}

.customTextarea {
	padding:0px;
	margin:0px;
}
/*------------------------Textarea(ENDS)---------------------------*/

/*------------------------Button(STARTS)---------------------------*/

div.button {
	background-image:url(../images/csform/button.png);
	background-repeat:no-repeat;
	background-position:-295px -90px;
	height:30px;
	cursor:pointer;
	position:relative;
}

div.button span {
	margin-left:5px;
	background-image:url(../images/csform/button.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:30px;
	line-height:30px;
	padding-top:0px;
	padding-left:20px;
	padding-right:30px;
	display:-moz-inline-box;
	display:inline-block;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#212121;
	font-size:15px;
	text-shadow:#d0d994 0px 1px 0px;
	cursor:pointer;
}

div.button.disabled{
	background-position:-295px -120px;
}

div.button.disabled span{
	background-position:right -30px;
	height:30px;
	color:#7d7949;
	text-shadow:#e2e7c0 0px 1px 0px;
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}

div.button button, div.button input {
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

div.button a {
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	vertical-align:middle;
}

a {
	text-decoration:none;
	cursor:pointer;
}

div.button.focus span, div.button.hover span{
	color:#34607e;
	background-position:right -60px;
}

div.button.focus, div.button.hover {
	background-position:-295px -150px;
}

/*------------------------Button(ENDS)---------------------------*/