/* cmsms stylesheet: ASEAN Finder styles modified: 07/18/16 09:51:18 */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
	margin-bottom: 120px;
	background: url('http://tariff-finder.asean.org/images/colour.png') no-repeat top left;
	background-size: 90%;
	color: #333333;
}

#header {
	padding-top: 30px;
}

#logo {
	width: 35%;
	float: right;
}

#logo img {
	float: right;
}

#title_bar {
	margin-top: 30px;
	padding: 25px;
	background-color: #f6f6f6;
	border: 1px solid #d2d3d4;
	text-align: center;
	margin-bottom: 20px;
}

.ftitle {
	font-weight: bold;
	text-align: right;
}

.fgroup {
	padding-top: 40px;
}

.disabled_txt {
color: #cccccc;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 120px;
  background: url('http://tariff-finder.asean.org/images/footer-bg.jpg') repeat-x #d7d7d7;
}

#err_chk {
padding-top:10px;
}

#intro_txt p, #intro_txt ol li {
line-height: 180%;
}

#footer_txt {
	padding-top: 35px;
	text-align: right;
	float: right;
	width: 80%;
	font-size: .9em;
}

@media all and (max-width: 800px) { 
	.ftitle {
		text-align: center;
	}
}

@media all and (max-width: 767px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media all and (max-width: 650px) { 
	#footer_txt {
		width: 100%;
		font-size: .8em;
		text-align: center;
	}
}

@media all and (max-width: 500px) { 
	#footer_txt {
		font-size: .7em;
	}
}

@media all and (max-width: 400px) { 
	#footer_txt {
		font-size: .6em;
	}
}