@charset "utf-8";

/*:root {
    --navy: #1a4352;
}*/


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

#nav{
	background-color:#047b0f;
	width:100%;
	line-height:26px;
}

#nav .language{
	line-height:13px;	
}

#nav .ui-inputfield{
	padding:2px !important;
}

#nav-link{
	float:right;
	padding-right:10px;
}

#nav-link a{
	color:#ffffff;
	font:normal 12px tahoma;
	text-decoration:none;
	cursor:pointer;
}

#nav img{
	vertical-align:middle;
}

#header{
	background-color:#ffffff;
	width:100%;
	height:59px;
}

#logo{
	float:left;
}

/*#menu{
	float:right;
}*/

#menu ul{	
	list-style-type:none;
}

#menu li{
	float:left;
	/*margin: 0px;*/
	margin-left: -5px;
	padding: 0px;
	z-index: 5;
	/*white-space: nowrap;*/
	position: relative;
	display: block;
}

#menu li a{
	display:block;
	color:#4f4f4f;
	/*background-color:#5398a8;*/
	font:bold 12px tahoma;
	text-decoration:none;
	padding-left:18px;
	padding-right:18px
}

#menu li a:hover{
	display:block;
	background-color:#ffe270;
	color:#906a08;
	cursor:pointer;
}

#menu li a.current{
	display:block;
	background-color:#f0f0f0;
	color:#4f4f4f;
	cursor:pointer;
}

/*------------------------------ sub menu --------------------------------------------*/

#menu li ul li{
	top: 100%;
	z-index: 5;
}
	
#menu li ul{
	display: none;
	position: absolute;
	top: 100%;
	z-index: 5;
}
	
#menu li:hover > ul {
	display:block;
}

/*--------------------------------------- tablet --------------------------------------------*/

@media screen and (max-width:869px){
	#wrapper {
		width:100%;
		margin:0 auto;
	}

	#menu{
		background-color:#1ead2d;
		width:100%;
		float:right;
	}

	#menu ul{
		display:none;
	}

	#menu li {  
        display: block;  
        float: none;  
        width: 100%;
		border-bottom:1px solid #ffffff;
    }  

	#menu li a{
		color:#ffffff;
		padding-left:15px;
		line-height:40px;
		background-color:#1ead2d;
	}

	#menu li a:hover{
	color:#906a08;
	}

	#nav-icon{
	float:left;
	padding-left:5px;
	}
	
	#info{
		width:100%;"
	}
	
	#company-info div.ui-panel{
		width:100%;
	}
	
	#product-info{
		padding-top:5px;
	}
	
	#product-info div{
		width:100%;
	}
	
	#download-info {
		padding-top:5px;
	}
	
	#download-info div{
		width:100%;
	}
	
	#webservices-info {
		padding-top:5px;
	}
	
	#webservices-info div{
		width:100%;
	}
	
	#feed{
		width:100%;
		padding-top:5px;		
	}
	
	/*------------------------------ sub menu --------------------------------------------*/
	
	#menu li ul.sub-menu{
		display: none!important;
		position: static!important;
	}
	
	#menu li:hover > ul.sub-menu {
		display:block!important;
	}
	
	#menu .sub-menu a{
		text-indent: 15px;
	}
	
	#menu .sub-menu li a{
		background-color:#4bc358;
	}
	
	ul.sub-menu li a:hover{
		background-color:#ffe270!important;
	}
}



/*--------------------------------------- pc --------------------------------------------*/

@media screen and (min-width:870px){	
	#wrapper {
		width:100%;
		margin:0 auto;
	}

	#nav-icon{
	display:none;
	}
	
	#main-info{
		width:100%;
		display: table; 
	}
		
	#info{
		display: table-cell;
		width:24%;
	}
	
	#company-info div.ui-panel{
		width:97%;
		padding-left: 0.3em;
		padding-right: 0.3em;
	}
	
	#product-info{
		padding-top:5px;
	}
	
	#product-info div{
		width:97%;
	}
	
	#download-info {
		padding-top:5px;
	}
	
	#download-info div{
		width:97%;
	}
	
	#download-info div.ui-panel{
		width:97%;
		padding-left: 0.3em;
		padding-right: 0.3em;
	}
	
	#download-info div.ui-panel div.ui-widget-header{
		width:auto;
	}
	
	#webservices-info {
		padding-top:5px;
	}
	
	#webservices-info div{
		width:97%;
	}
	
	#feed{
		display: table-cell;
	}
	
	/*#nav-main{
		width:250px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;	
	}*/
	
	.logo-sys{
		position: relative;
		z-index: 10;
	}
	
	#menu{
		position: absolute;
		z-index: 100;
		right: 0;
	}
	
	#menu li a{
		background-color:#ffffff;
	}
	
	/*----default----*/
	
	#main-icon a, #form-icon a, #payment-icon a, #liquor-icon a, #audit-icon a, #sendBack-icon a, #statistic-icon a, #e-form-icon a, #admin-icon a, #renew-icon a, #solvent-icon a, #survey-price-icon a{		
		padding-top:35px;
		height:24px;	
	}
	
	/*------------------------------ sub menu --------------------------------------------*/
	
	ul.sub-menu li{
		border-bottom: 1px solid #ffffff;
	}
	
	#menu .sub-menu li a{
		line-height: 33px;
		height: 33px;
		padding-top: 0px !important;
		background: none;
		background-color:#4bc358;
		width:270px;
		color:#ffffff;
	}
	
	#menu .sub-menu li a:hover{
		color:#906a08;
	}
	
	/*--------------------------------------------------------------------------*/
		
	#main-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/main.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#form-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/form.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
		
	}
	
	#payment-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/payment.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
		
	}
	
	#liquor-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/liquor.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
		
	}
	
	#audit-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/audit.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}
	
	#sendBack-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/renew-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#statistic-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/statistic.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#e-form-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/e-form.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#admin-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/admin.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}
	
	#renew-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/renew.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat ;
	}
	
	#solvent-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/solvent.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}
	
	#survey-price-icon a{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/audit.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}
	
	/*----hover----*/
	
	/*#main-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/main-over.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}*/

	#form-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/form.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow-hover.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
	}
	
	#payment-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/payment.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow-hover.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
	}
	
	#liquor-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/liquor.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow-hover.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
	}
	
	/*#audit-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/audit-over.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#statistic-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/statistic-over.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#e-form-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/e-form-over.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#admin-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/admin-over.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}
	
	#renew-icon a:hover{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/renew-over.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat; 
	}*/
	
	#main-icon a:hover, #form-icon a:hover, #payment-icon a:hover, #liquor-icon a:hover, #audit-icon a:hover, #sendBack-icon a:hover, #statistic-icon a:hover, #e-form-icon a:hover, #admin-icon a:hover, #renew-icon a:hover, #solvent-icon a:hover, #survey-price-icon a:hover{		
		background-color:#ffe270;
	}	
	
	ul.sub-menu li a:hover{
		background-color:#ffe270!important;
	}
	
	
	/*----current----*/
	
	/*#main-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/main-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#form-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/form-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow-current.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
	}
	
	#payment-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/payment-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow-current.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
	}	
	
	#liquor-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/liquor-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat,
					url("/staaec-taxpayer/javax.faces.resource/logos/menu_down_arrow-current.png.xhtml?ln=primefaces-sta-aec") 50% 49px no-repeat;
	}

	#audit-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/audit-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#statistic-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/statistic-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#e-form-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/e-form-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}

	#admin-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/admin-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat;
	}
	
	#renew-icon a.current{
		background: url("/staaec-taxpayer/javax.faces.resource/logos/renew-current.png.xhtml?ln=primefaces-sta-aec") 50% 5px no-repeat; 
	}*/
	
	#main-icon a.current, #form-icon a.current, #payment-icon a.current, #liquor-icon a.current, #audit-icon a.current, #sendBack-icon a.current, #statistic-icon a.current, #e-form-icon a.current, #admin-icon a.current, #renew-icon a.current, #solvent-icon a.current, #survey-price-icon a.current{		
		background-color:#ffffff;
	}	
	
	#liquor-icon:hover > ul.sub-menu-right{
		right:0;
	}
	
	.tb-payment {
		width: 100%;
	}
}

/* ============================================== */
/* iPad Landscape & Portrait                      */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.tb-payment {
		width: 95%;
	} 
}