@import url(https://fonts.googleapis.com/css?family=Kanit&subset=thai,latin);
* {
	font-size:14px;
	font-family: 'Kanit', sans-serif;
}
body {
	font-family: 'Kanit', verdana, helvetica, arial, sans-serif;
	padding: 20px;
	font-size: 12px;
	margin: 0;
}
.textbox .textbox-text,
.textbox .textbox-prompt{
	font-size: 16px;
}
a:link {
	text-decoration: none;
}
h1 {
	font-size: 35px;
	font-family: 'Kanit', sans-serif;
	color: #a0a0a0; text-shadow: 0px 5px 8px #2a2a2a;
	padding-left:10px;
	font-weight:bold;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 15px;
}
.demo-info {
	padding: 0 0 12px 0;
}
.demo-tip {
	display: none;
}
.label-top {
	display: block;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}
.tm-footer-background {
	background: #252525;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	/*line-height: 22px;*/
}
.region-north{
	background: #474747 url(bg.png);
	overflow:hidden;
}
.region-south {
  /*height: 36px;*/
	color:#CCC;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #464b4c;
	border-top: 1px solid #353939;
	border-bottom: 1px solid #2e3131;
	background-image: -webkit-linear-gradient(top, #464b4c, #3f4344);
	background-image: -moz-linear-gradient(top, #464b4c, #3f4344);
	background-image: -o-linear-gradient(top, #464b4c, #3f4344);
	background-image: linear-gradient(to bottom, #464b4c, #3f4344);
		-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}
.tm-header-background {
	background: #252525;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	/*line-height: 22px;*/
}
.textbox-readonly .textbox-text{
	background: #eeeeee;
}
.textbox textarea.textbox-text{
	white-space:pre-wrap;
}
.bg-black {
	background: #000000 !important;
}
.bg-white {
	background: #ffffff !important;
}
.bg-lime {
	background: #a4c400 !important;
}
.bg-green {
	background: #60a917 !important;
}
.bg-emerald {
	background: #008a00 !important;
}
.bg-teal {
	background: #00aba9 !important;
}
.bg-cyan {
	background: #1ba1e2 !important;
}
.bg-cobalt {
	background: #0050ef !important;
}
.bg-indigo {
	background: #6a00ff !important;
}
.bg-violet {
	background: #aa00ff !important;
}
.bg-pink {
	background: #dc4fad !important;
}
.bg-magenta {
	background: #d80073 !important;
}
.bg-crimson {
	background: #a20025 !important;
}
.bg-red {
	background: #ce352c !important;
}
.bg-orange {
	background: #fa6800 !important;
}
.bg-amber {
	background: #f0a30a !important;
}
.bg-yellow {
	background: #e3c800 !important;
}
.bg-brown {
	background: #825a2c !important;
}
.bg-olive {
	background: #6d8764 !important;
}
.bg-steel {
	background: #647687 !important;
}
.bg-mauve {
	background: #76608a !important;
}
.bg-taupe {
	background: #87794e !important;
}
.bg-gray {
	background: #555555 !important;
}
.bg-dark {
	background: #333333 !important;
}
.bg-darker {
	background: #222222 !important;
}
.bg-transparent {
	background: transparent !important;
}
.bg-darkBrown {
	background: #63362f !important;
}
.bg-darkCrimson {
	background: #640024 !important;
}
.bg-darkMagenta {
	background: #81003c !important;
}
.bg-darkIndigo {
	background: #4b0096 !important;
}
.bg-darkCyan {
	background: #1b6eae !important;
}
.bg-darkCobalt {
	background: #00356a !important;
}
.bg-darkTeal {
	background: #004050 !important;
}
.bg-darkEmerald {
	background: #003e00 !important;
}
.bg-darkGreen {
	background: #128023 !important;
}
.bg-darkOrange {
	background: #bf5a15 !important;
}
.bg-darkRed {
	background: #9a1616 !important;
}
.bg-darkPink {
	background: #9a165a !important;
}
.bg-darkViolet {
	background: #57169a !important;
}
.bg-darkBlue {
	background: #16499a !important;
}
.bg-lightBlue {
	background: #4390df !important;
}
.bg-lightRed {
	background: #da5a53 !important;
}
.bg-lightGreen {
	background: #7ad61d !important;
}
.bg-lighterBlue {
	background: #00ccff !important;
}
.bg-lightTeal {
	background: #45fffd !important;
}
.bg-lightOlive {
	background: #78aa1c !important;
}
.bg-lightOrange {
	background: #ffc194 !important;
}
.bg-lightPink {
	background: #f472d0 !important;
}
.bg-grayDark {
	background: #333333 !important;
}
.bg-grayDarker {
	background: #222222 !important;
}
.bg-grayLight {
	background: #999999 !important;
}
.bg-grayLighter {
	background: #eeeeee !important;
}
.bg-blue {
	background: #00aff0 !important;
}
.fg-black {
	color: #000000 !important;
}
.fg-white {
	color: #ffffff !important;
}
.fg-lime {
	color: #a4c400 !important;
}
.fg-green {
	color: #60a917 !important;
}
.fg-emerald {
	color: #008a00 !important;
}
.fg-teal {
	color: #00aba9 !important;
}
.fg-cyan {
	color: #1ba1e2 !important;
}
.fg-cobalt {
	color: #0050ef !important;
}
.fg-indigo {
	color: #6a00ff !important;
}
.fg-violet {
	color: #aa00ff !important;
}
.fg-pink {
	color: #dc4fad !important;
}
.fg-magenta {
	color: #d80073 !important;
}
.fg-crimson {
	color: #a20025 !important;
}
.fg-red {
	color: #ce352c !important;
}
.fg-orange {
	color: #fa6800 !important;
}
.fg-amber {
	color: #f0a30a !important;
}
.fg-yellow {
	color: #e3c800 !important;
}
.fg-brown {
	color: #825a2c !important;
}
.fg-olive {
	color: #6d8764 !important;
}
.fg-steel {
	color: #647687 !important;
}
.fg-mauve {
	color: #76608a !important;
}
.fg-taupe {
	color: #87794e !important;
}
.fg-gray {
	color: #555555 !important;
}
.fg-dark {
	color: #333333 !important;
}
.fg-darker {
	color: #222222 !important;
}
.fg-transparent {
	color: transparent !important;
}
.fg-darkBrown {
	color: #63362f !important;
}
.fg-darkCrimson {
	color: #640024 !important;
}
.fg-darkMagenta {
	color: #81003c !important;
}
.fg-darkIndigo {
	color: #4b0096 !important;
}
.fg-darkCyan {
	color: #1b6eae !important;
}
.fg-darkCobalt {
	color: #00356a !important;
}
.fg-darkTeal {
	color: #004050 !important;
}
.fg-darkEmerald {
	color: #003e00 !important;
}
.fg-darkGreen {
	color: #128023 !important;
}
.fg-darkOrange {
	color: #bf5a15 !important;
}
.fg-darkRed {
	color: #9a1616 !important;
}
.fg-darkPink {
	color: #9a165a !important;
}
.fg-darkViolet {
	color: #57169a !important;
}
.fg-darkBlue {
	color: #16499a !important;
}
.fg-lightBlue {
	color: #4390df !important;
}
.fg-lighterBlue {
	color: #00ccff !important;
}
.fg-lightTeal {
	color: #45fffd !important;
}
.fg-lightOlive {
	color: #78aa1c !important;
}
.fg-lightOrange {
	color: #ffc194 !important;
}
.fg-lightPink {
	color: #f472d0 !important;
}
.fg-lightRed {
	color: #da5a53 !important;
}
.fg-lightGreen {
	color: #7ad61d !important;
}
.fg-grayDark {
	color: #333333 !important;
}
.fg-grayDarker {
	color: #222222 !important;
}
.fg-grayLight {
	color: #999999 !important;
}
.fg-grayLighter {
	color: #eeeeee !important;
}
.fg-blue {
	color: #00aff0 !important;
}