/* -------------

 * Buttons

 * ------------- */

button.jqTransformButton {

	margin: 0px;

	padding: 0px;

	border: none;

	background-color: transparent;

	cursor: pointer;

	overflow: visible;

	font-family: Arial;

}



*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */



button.jqTransformButton span {

	background: transparent;

	display: block;

	float: left;

	padding: 0px 4px 0px 0px; /* sliding doors padding */

	margin: 0px;

	height: 22px;

	width:60px;

	margin-right:6px;

	margin-left:30px;

}



button.jqTransformButton span span {

	background: transparent ;

	color: #333;

	padding: 8px 4px 0px 8px;

	font-weight: normal;

	font-size: 12px;

	line-height: 13px;

	display: block;

	text-decoration: none;

	height: 33px;

}



/*hover*/

button.jqTransformButton_hover span span { background-position: left -33px ; }

button.jqTransformButton_hover span { background-position: right -33px ; }



/*clicked*/

button.jqTransformButton_click span span { background-position: left -66px ; }

button.jqTransformButton_click span { background-position: right -66px ; }



/* IE 6 */

* html button.jqTransformButton { height:14px; }

* button.jqTransformButton span span { height: 14px; }

/* IE 7 */

*+ html button.jqTransformButton { height:14px; }

*+ button.jqTransformButton span span { height: 14px; }





/* -------------

 * Inputs

 * ------------- */

.jqTransformInputWrapper {

	background: transparent url(/images/input_text_left.png) no-repeat left top;

	height: 21px;

	padding: 0px;

	float:left;

	width:168px !important;

	

}



.jqTransformInputInner {

	background: transparent;

	padding: 0px;

	margin: 0px;

}



.jqTransformInputInner div {

	height: 21px;

	margin:0px 0px 0px 1px;

}



.jqTransformInputInner div input {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height: 18px;

	vertical-align: middle;

	text-align:center;

	height: 21px;

	color:#E8FFEE;	

	border: none;

	padding: 0px 0px 0px 0px;

	margin: 0px;

	background:transparent;

	width:166px !important;

	

	

}



/*  IE6 */

* html .jqTransformInputInner div input {

	padding: 6px 0 0 0;

	margin: 0 0 0 -8px;

	height:24px;

}

/* Ie7 */

*+ html .jqTransformInputInner div input {

	padding: 0px 0 0 0;

	margin-left:-10px;

	height:24px;

}



/*hover*/

.jqTransformInputWrapper_hover{url(/transform/img/input/input_text_left.gif) no-repeat scroll left top transparent}

.jqTransformInputWrapper_hover div.jqTransformInputInner{ url(/transform/img/input/input_text_left.gif) no-repeat scroll left top transparent}



/*focus*/

.jqTransformInputWrapper_focus{ url(/transform/img/input/input_text_left.gif) no-repeat scroll left top transparent}

.jqTransformInputWrapper_focus div.jqTransformInputInner{url(/transform/img/input/input_text_left.gif) no-repeat scroll left top transparent}







.jqTransformSafari .jqTransformInputInner div {

	position: relative;

	overflow: hidden;

	margin:0px 8px;

}

.jqTransformSafari .jqTransformInputInner div input {

	background-color: none;

	position: absolute;

	top: -10px;

	left: -2px;

	height: 42px; 

	padding-left: 4px;

}







/* -------------

 * Textarea

 * ------------- */

table.jqTransformTextarea td#jqTransformTextarea-mm textarea{

	font-size: 12px;

	line-height: 16px;

	width:196px;

	height:42px;

	margin-left:-3px;

	text-indent:10px;

 color:#E8FFEE;	

	background:url(/transform/img/form_text.gif) no-repeat center;

}



table.jqTransformTextarea td{



margin: 0;

padding: 0;

}

table.jqTransformTextarea{}

table.jqTransformTextarea tr{

/*border: 1px solid red;*/



}

table.jqTransformTextarea textarea{

	margin: 0;

	padding: 0;

	border: 0;

	background: none;

}

.text_noidung

{

	float:left;

	 width:396x !important;

	  margin-left:10px;

	   height:42px !important;

	   margin-top:14px;

	

}

table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/transform/img/textarea/textarea_tl.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/transform/img/textarea/textarea_tm.gif) repeat-x top left;}

table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/transform/img/textarea/textarea_tr.gif) no-repeat top left;}



table.jqTransformTextarea td#jqTransformTextarea-ml{background: transparent;}

table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/transform/img/textarea/textarea-mm.gif) repeat;}

table.jqTransformTextarea td#jqTransformTextarea-mr{background: transparent;}



table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/transform/img/textarea/textarea_bl.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/transform/img/textarea/textarea_bm.gif) repeat-x top left;}

table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/transform/img/textarea/textarea_br.gif) no-repeat top left;}



/*hover*/

table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}

table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}

table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}

table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}

table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/transform/img/textarea/textarea-mm-hover.gif);}

table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}

table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}

table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}

table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}



/*focus*/

table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}

table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}

table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}

table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}

table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/transform/img/textarea/textarea-mm-focus.gif);}

table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}

table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}

table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}

table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}





table.jqTransformTextarea .jqTransformSafariTextarea div {

	position: relative;

	overflow: hidden;

	border: 0px solid red;

}

table.jqTransformTextarea .jqTransformSafariTextarea textarea{

	background: none;

	position: absolute;

	top:-10px;

	left:-10px;

	padding: 10px 10px 10px 10px;

	resize: none;

}





/* -------------

 * Radios

 * ------------- */

.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}

.jqTransformRadio {

	background: transparent url(/transform/img/radio.gif) no-repeat center top;

	vertical-align: middle;

	height: 19px;

	width: 18px;

	display:block;/*display: -moz-inline-block;*/

}





/* -------------

 * Checkboxes

 * ------------- */

span.jqTransformCheckboxWrapper{

	display:block;float:left;

	margin-top:5px;

}

a.jqTransformCheckbox {

	background: transparent url(/transform/img/checkbox.gif) no-repeat center top;

	vertical-align: middle;

	height: 19px;

	width: 18px;

	display:block;/*display: -moz-inline-block;*/

}



/* -------------

 * Checked - Used for both Radio and Checkbox

 * ------------- */

a.jqTransformChecked { background-position: center bottom;}





/* -------------

 * Selects

 * ------------- */

.jqTransformSelectWrapper {

	width: 202px !important;
	position:relative;
	height: 18px;
	background: #c1e17f;
	float:left;
	z-index:1 !important;
	left:0px;
	top:0px;
	background:none repeat scroll 0 0 transparent

}



.jqTransformSelectWrapper div span {
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 18px;
	line-height: 20px;
	text-align:center;
	overflow: hidden;
	cursor:pointer;
	width:193px !important;
	color:#000;

}



.jqTransformSelectWrapper  a.jqTransformSelectOpen {

	display: block;
	position: absolute;
	right: 0px;
	width: 20px;
	height: 18px;
	top:0px;
	background: url(/transform/img/select_right.gif) no-repeat center center;
}



.jqTransformSelectWrapper ul {
	position: absolute;
	width: 202px !important;
	top: 18px;
	left: 0px;
	list-style: none;
	background:#c1e17e;
	border: solid 1px #5ccc12c;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}



.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	font-size: 12px;

}
.jqTransformSelectWrapper ul a.selected {
	background:url(/images/bg_transpanrent.png) repeat;
	color: #422F05;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#394012;
	color: #fff;
}


/* -------------

 * Hidden - used to hide the original form elements

 * ------------- */

.jqTransformHidden {display: none;}