html , body, div, p, h1, h2, h3, ul, li{
	margin:0;
	padding:0;
}

/* =================================================================================================
	background header
   ============================================================================================== */
#header-main{	
	/*background-color: #eff4fd;*/
	height:80px;
}

#system-name{
	/*position:absolute;
	padding-left:55px;*/
}

#system-name #th{
	font: bold 16px Tahoma;
	color:#047b0f !important;	
	line-height:20px;
}

#system-name #en{
	font: bold 12px Tahoma;
	color:#047b0f;
	line-height:20px;
}

#nav-main{
	/*position:absolute;
	padding-left:55px;
	padding-top:40px;*/
	font: bold 12px Tahoma;
	color:#4f4f4f;	
}

#nav-bar{
	background-color: #2472c9;
	height:29px;
	font: bold 12px Tahoma;
	color:#ffffff;
	text-align:right;
	padding-right:5px;
	vertical-align:middle;
}

#nav-main a:link, #nav-main a:visited, #nav-main a:active, #nav-main a:hover{
	font: bold 12px Tahoma;
	color:#ffffff;
	text-decoration:none;
}

.float-left{
	float:left;
}

.clear{
	clear: both;
	line-height:0;
	height:0;
}

/* =================================================================================================
	header font style
   ============================================================================================== */

.font-brown-bold {
	font: bold 12px Tahoma;
	line-height:18px;
	color:#ca5a00;
}

.font-blue-bold {
	font: bold 12px Tahoma;
	color:#1359bd;	
}

.font-white-bold {
	font: bold 12px Tahoma;
	color:#ffffff;	
}

/*.link a:link, .link a:visited, .link a:active, .link a:hover{
	color: #bf2222;	
	text-decoration: none;
	font: bold 12px Tahoma;
	cursor:pointer;
}*/

.textbox{
	font: bold 12px Tahoma;
	color:#000000;
}

/*td .font-green-bold{
	border-bottom:1px dashed black !important;
	padding:3px;
}*/

.textbox label{
	border: 1px solid #2472c9 !important;
	padding:3px !important;
	padding-right:20px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	background-color:#c3c3c3 !important;
	-moz-box-shadow: inset 0 2px 2px #8f8f8f !important;
	-webkit-box-shadow: inset 0 2px 2px #8f8f8f !important;
	box-shadow: inset 0 2px 2px #8f8f8f !important;
	display: block !important;
	float:left !important;
}

/* =================================================================================================
	font-bgcolor style Data
   ============================================================================================== */


.head-Data {
	font: bold 12px Tahoma;
	color:#548235;
	background-color: #f2f2f2 !important;
	line-height:18px;
}

.bgData-white td{
	background-color: #ffffff;
	font-weight:bold;
	padding:5px 10px 5px 10px !important;
}


/* =================================================================================================
	font style header title (left menu)
   ============================================================================================== */
.ui-layout-unit-header-title{
	font:bold 12px Tahoma;
	line-height:18px;
}

h3{
	font:bold 12px Tahoma;
	line-height:20px;
}

/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background: #89c05b;
}*/

/* =================================================================================================

   ============================================================================================== */
/*.ui-widget, .ui-widget .ui-widget {
font-size: 12px;
}*/

/* =================================================================================================
	
   ============================================================================================== */

.noBorders tr, .noBorders td {
   background: none !important;
   border: none !important;
}

/* =================================================================================================
	<p:commandButton styleClass="zoomimage">
   ============================================================================================== */
.zoomimage, .zoomimage:focus {
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	outline: none;
	background: url("/staaec-taxpayer/javax.faces.resource/logos/zoom.png.xhtml?ln=primefaces-sta-aec");
}
.zoomimage:hover {
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	outline: none;
	background: url("/staaec-taxpayer/javax.faces.resource/logos/zoom_hover.png.xhtml?ln=primefaces-sta-aec");
}
.zoomimage:active {
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	outline: none;
	background: url("/staaec-taxpayer/javax.faces.resource/logos/zoom_active.png.xhtml?ln=primefaces-sta-aec");
}

.zoomimage .ui-button-text {
	display:none;
}

/* =================================================================================================
	font size autocomplete, selectonemenu
   ============================================================================================== */
.ui-autocomplete-list-item, .ui-selectonemenu-list-item{
	font-size:12px;
}

/* =================================================================================================
	bgcolor layout west
   ============================================================================================== */

.ui-layout-pane-west, .ui-layout-west .ui-widget-content{
 background-color:#ffffff;
}

.ui-widget-content .ui-panelmenu-content{
	background-color:#ffffff;
}

/* =================================================================================================
	editor icon
   ============================================================================================== */

.ui-row-editor .ui-icon{
	background-image:
		url("/staaec-taxpayer/javax.faces.resource/images/ui-icons_074e9e_256x240.png.xhtml?ln=primefaces-sta-aec");
}

/* =================================================================================================
	textbox padding
   ============================================================================================== */

.ui-inputfield{
	/*padding:3px !important;	*/
}

/* =================================================================================================
	selectbox border color
   ============================================================================================== */

.ui-selectonemenu .ui-selectonemenu-label{
	border:1px solid #24af33 !important;
}

/* =================================================================================================
	solve problem : menu responsive not show when tablet style
   ============================================================================================== */
   
.ui-tabmenu{
	position:static !important;
}

.ui-menu{
	position:static !important;
}

/* =================================================================================================
	change bg color&font color select tag
   ============================================================================================== */

.ui-state-default select{
	background: none repeat scroll 0% 0% #ffffff !important;
	color:#303030 !important;
}

/* =================================================================================================
	change font size for accordionPanel
   ============================================================================================== */

.ui-accordion {
	font-size: 12px !important;
}

/* =================================================================================================
	bar background color:yellow
   ============================================================================================== */

.name-bar{
	background-color:#ffe270;
	width:100%;
	font: bold 12px Tahoma;
	line-height:23px;
	color:#906a08;
	text-indent:5px;
}

/* =================================================================================================
	change bg & font text-error
   ============================================================================================== */


.ui-outputlabel.ui-state-error {
    background: none !important;
    font-weight: normal !important;
    color: #2b2b2b !important;
}

/* =================================================================================================
	change border-color for inputfield error
   ============================================================================================== */


.ui-inputfield.ui-state-error{
	border-color:#b94a48 !important;
}

/* =================================================================================================
	change bgcolor for blockui
   ============================================================================================== */

.ui-blockui-content{
	background-color: #ffffff;
}

/* =================================================================================================
	ui user panel
   ============================================================================================== */
.user-info{
	padding:5px;
}


.user-info .ui-panel, .user-info .ui-panel .ui-panel-content{
	padding:0 0 3px 0 !important;
	font-weight:bold !important;
	color:#1a4352 !important;
}

.user-info .ui-panelgrid td label{
	padding:0 !important;
}

.user-info .ui-panelgrid{
	width:100% !important;
}

.ui-overlaypanel-content{
	margin:5px !important;
}


/* =================================================================================================
	f2 message
   ============================================================================================== */

.f2_info, .f2_success, .f2_warning, .f2_error {
width:95%
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.f2_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url("/staaec-taxpayer/javax.faces.resource/images/info.png.xhtml");
}
.f2_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image: url("/staaec-taxpayer/javax.faces.resource/images/success.png.xhtml");
}
.f2_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url("/staaec-taxpayer/javax.faces.resource/images/warning.png.xhtml");
}
.f2_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url("/staaec-taxpayer/javax.faces.resource/images/error.png.xhtml");
}

/* ����Ѻ��� p:message in table ����鹺�÷Ѵ���� */
.float-left-icon-frozen table tr td div table tr td div, 
.float-left-icon-frozen table tr td div table tr td input, 
.float-left-icon-frozen table tr td div table tr td div label, 
.float-left-icon-frozen table tr td div table tr td[class^="hc-date"] span ,
.float-left-icon-frozen table tr td div.ui-datatable-scrollable-footer table tr td div {
	float:left;
}

.float-left-icon-frozen table tr td div.ui-datatable-scrollable-footer table tr td {
	white-space: nowrap;
}

.float-left-icon table tr td div,
.float-left-icon table tr td input,
.float-left-icon table tr td div label, 
.float-left-icon table tr td[class^="hc-date"] span,
.float-left-icon table tr td[class^="hc-startProduceDate"] span,
.float-left-icon table tr td[class^="hc-product-ac"] span,
.float-left-icon table tr td[class^="hc-tambol-ac"] span,
.float-left-icon table tr td[class^="hc-amphur-ac"] span,
.float-left-icon table tr td[class^="hc-province-ac"] span,
.float-left-icon table tfoot tr td div {
	float:left;
}

.float-left-icon table tfoot tr td {
	white-space: nowrap;
}