@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; padding:0px; margin:0px; background-color: #f7fbfd; line-height:20px; background-image:url(../images/tbid_bg.jpg); background-position:top center; background-repeat:no-repeat;}
#tc {background-image:url(../images/tbid_bg.jpg); background-position:top center; background-repeat:no-repeat;}
#sc {background-image:url(../images/tbid_bg.jpg); background-position:top center; background-repeat:no-repeat;}

h1{font-size:22px; color:#1d8f4c;}
img{vertical-align:middle; max-width: 100%;
	height: auto;}

/*topbar*/
.topbar {width:auto; height:35px; background-image:url(../images/topbar_bg.png); background-repeat:repeat-x;}
.topbar_content { height:35px; margin:auto auto; color:#FFFFFF; font-size:13px; }
.topbar_content a {color:#FFF; text-decoration:none;}
.topbar_content_right {width:80px; float:right; padding-top:4px;padding-right: 20px;}
.lang_big{}
.lang_small{ margin-right:10px;}

.fair_title{ display:block; text-align:center; margin-bottom: 20px; max-width: 752px; margin: auto;}
.fair_titles{ text-align:center; display:none;}
.main {width:96%;  background-color:#FFF; border:solid 1px #c0c0c0; margin: auto auto; padding:30px; }
.powered_logo{float:right; font-size:11px; color:#eeeeee;}


.header {height:70px; background:url(../images/header_bg.png) repeat-x;  padding:20px 20px 15px 20px; color:#FFF; }
.header_m {height:45px; background:url(../images/header_bg.png) repeat-x;  padding:10px 15px; color:#FFF; display:none; text-align:center; }

.control-label{font-weight: normal;}



.btn_lang{ border-radius:5px;
color: #a7a9ac; background-color:#333132; padding: 5px 15px; border: 1px solid #4a494a;
font-size:12px; vertical-align:middle; cursor:pointer; } 
.btn_lang:hover{background-color: #777;cursor:pointer; color:#FFF; }

.form-control{margin: 5px auto;}

.btn_bottom{padding:30px 0px;text-align: center;}

.greyButton {
	-moz-box-shadow:inset 0px 34px 0px -15px #c0c0c0;
	-webkit-box-shadow:inset 0px 34px 0px -15px #c0c0c0;
	box-shadow:inset 0px 34px 0px -15px #c0c0c0;
	background-color:#adacac;
	border:1px solid #8c8c8c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:10px 40px;
	margin: 0 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #8c8c8c;
}
.greyButton:hover {
	background-color:#a3a2a2;
	text-decoration:none;
	color:#ffffff;
}
.greyButton:active {
	position:relative;
	top:1px;
}

.blueButton {
	-moz-box-shadow:inset 0px 34px 0px -15px #7a8eb9;
	-webkit-box-shadow:inset 0px 34px 0px -15px #7a8eb9;
	box-shadow:inset 0px 34px 0px -15px #7a8eb9;
	background-color:#637aad;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:10px 40px;
	text-decoration:none;
	text-shadow:0px -1px 0px #8c8c8c;
}
.blueButton:hover {
	background-color:#5b71a3;
	text-decoration:none;
	color:#ffffff;
}
.blueButton:active {
	position:relative;
	top:1px;
}
.purplr_btn {
	margin-left: 10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ce99e5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ce99e5;
	box-shadow:inset 0px 1px 0px 0px #ce99e5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a35ae), color-stop(1, #8a34af));
	background:-moz-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:-webkit-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:-o-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:-ms-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:linear-gradient(to bottom, #8a35ae 5%, #8a34af 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a35ae', endColorstr='#8a34af',GradientType=0);
	background-color:#8a35ae;
	border:1px solid #8a35ae;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 16px;
	text-decoration:none;
}
.purplr_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a34af), color-stop(1, #8a35ae));
	background:-moz-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:-webkit-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:-o-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:-ms-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:linear-gradient(to bottom, #8a34af 5%, #8a35ae 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a34af', endColorstr='#8a35ae',GradientType=0);
	background-color:#8a34af;
	text-decoration: none;
	color: #FFFFFF;
}
.purplr_btn:active {
	position:relative;
	top:1px;
}
.purplr_btn2 {
	margin-left: 10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ce99e5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ce99e5;
	box-shadow:inset 0px 1px 0px 0px #ce99e5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a35ae), color-stop(1, #8a34af));
	background:-moz-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:-webkit-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:-o-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:-ms-linear-gradient(top, #8a35ae 5%, #8a34af 100%);
	background:linear-gradient(to bottom, #8a35ae 5%, #8a34af 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a35ae', endColorstr='#8a34af',GradientType=0);
	background-color:#8a35ae;
	border:1px solid #8a35ae;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:8px 12px;
	text-decoration:none;
}
.purplr_btn2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a34af), color-stop(1, #8a35ae));
	background:-moz-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:-webkit-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:-o-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:-ms-linear-gradient(top, #8a34af 5%, #8a35ae 100%);
	background:linear-gradient(to bottom, #8a34af 5%, #8a35ae 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a34af', endColorstr='#8a35ae',GradientType=0);
	background-color:#8a34af;
	text-decoration: none;
	color: #FFFFFF;
}
.purplr_btn2:active {
	position:relative;
	top:1px;
}

.m_field{color:#cc0013;  }
.m_field_f{color:#cc0013; float:left; padding-right:3px;}
.m_field_b{color:#cc0013; float:right; padding-left:3px;}
  
.form_title{padding-left:15px; font-weight:bold; line-height: 1.5; }
.form-control{ font-size:13px; height: 30px; border-radius:0; }
.form-group{ margin-bottom: 5px;}
.remark{ font-size:11px; color:#ff0000; width:80%; text-align: justify; margin: auto;  }
.form_complete_title{ font-size: 15px; font-weight:bold;}

#footer {width:auto; height:; background-image:url(../images/footer_bg_purple.jpg); background-repeat:repeat-x; clear:both; margin-top:50px;padding-bottom: 30px;}
.footer_container {padding-top:30px;}
#footer_logo { margin:auto auto; text-align:center;  }
#footer_logo_s { margin:auto auto; text-align:center; display: none;  }
#footer_content { margin:auto auto; font-size:11px; color:#FFF;}
#footer_content a {color:#FFFFFF; text-decoration:none;}
#footer_copyright {width:auto; clear:both; margin:auto auto; font-size:11px; color:#FFF;margin-top: 20px; border-top: #FFFFFF 1px solid; }
#footer_copyright a {color:#FFFFFF; text-decoration:none;}

.layer { padding:20px; display:none; }
.hide-2 { visibility:hidden; }