body {
    background: #f4f0d3;
    line-height: 1.2;
	
}

.header {
    width: 100%;
    height: 90px;
    line-height: 90px;
    background: url("/thai-personals/images/header.jpg") repeat-x;
}
.logo { display: inline-block; }
.logo img { vertical-align: middle; }
.header-container {
    position: relative;
    z-index: 1;
    height: 61px;
    width: 470px;
    border: 2px solid #fff;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.header-wrapper-overlay {
    background: #edeada;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 99%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
.form-horizontal { line-height: 1.2; }
.input {
    background: #FFF;
    border: 1px solid #4b4b4b;
    outline: 0;
    padding: 5px;
    font-size: 14px;
}
.header-container .form-horizontal {
    padding: 8px 10px;
}
.small { color: #000; font-size: 10px; line-height: 2; }
.small a { color: #000; text-decoration: none; }
.checkbox { height: 20px; display: block; line-height: 20px; }
.checkbox input[type="checkbox"] {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}
.form-horizontal table td { padding: 0 5px; }
.banner {
    margin-top: 50px;
    position: relative;
    height: 228px;
    background: #FFF;
}
.banner .line {
    width: 100%;
    position: absolute;
    left: 0;
    height: 19px;
    background: url("/thai-personals/images/banner-header.jpg") repeat-x;
}
.line.head { top: 0; }
.line.bottom { bottom: 0; }
.banner .in {
    padding: 25px 25px 0px 25px;
    font-family: "Proxima Nova Regular";
}
.banner .in h1 {
    font-weight: normal;
    color: #3a3a3a;
    line-height: 1;
    font-size: 25px;
    margin-bottom: 0;
}

h1 {
	font-family: "Proxima Nova Bold";
}
h1 .blue { 
	color: #1389c6; 	
	}
.yellow { 
	color: #e8aa16; 	
	}
h2 {
	top:-20px;
}

h1 b {
    font-weight: normal;
}
.nbsp { padding-left: 40px; }
.banner .in h1.nbsp { margin-bottom: 15px; }
.banner .check {
    width: 55%;
}
.banner .check, 
.banner .check>li {
    list-style-image: url("/thai-personals/images/check.png");
}
.banner .check>li {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.3;
}
.banner .form-banner {
    position: absolute;
    right: 30px;
    top: -58px;
    z-index: 1;
}
.form-banner  {
    width: 390px;
    height: 372px;
    position: relative;
    z-index: 1;
    background: url("/thai-personals/images/form.png") no-repeat;
}
.form-banner .form-in {
    width: 200px;
    padding-top: 170px;
    position: absolute;
    left: 50%;
    margin-left:-65px;
    color: #6c6c6c;
    font-family: "Proxima Nova Regular";
}
.form-in .input {
    width: 90%;
    border: 1px solid #b0b0b0;
    margin-bottom: 8px;
}

.form-in .input { 
    text-align: left; 
    font-size: 13px;
}
.form-in .select {
    width: 95%;
    background: #FFF;
    border: 1px solid #b0b0b0;
    outline: 0;
    margin-left: 1px;
    padding: 5px;
    font-size: 14px;
    margin-bottom: 8px;
}
.form-in .checkbox {
    display: block;
    line-height: 50px;
    height: 50px;
}

.form-in .option {
    padding:20px;
	margin-right:20px;
}

.form-in .control {
    
	text-align:center;
	padding: 10px;
}

.icon-male {
    display: inline-block;
    background: url("/thai-personals/images/icon-male.gif") no-repeat;
    width: 16px;
    height: 16px;
}
.icon-female {
    display: inline-block;
    background: url("/thai-personals/images/icon-female.gif") no-repeat;
    width: 16px;
    height: 16px;
}
.icon-ladyboy {
    display: inline-block;
    background: url("/thai-personals/images/icon-ladyboy.gif") no-repeat;
    width: 32px;
    height: 16px;
}

.checkbox .icon-male,
.checkbox .icon-female {
    margin: 0 5px 0 15px;
    vertical-align: middle;
}
.form-in small {
    margin: 10px 0 2px 0;
    width: 210px;
    display: block;
}
.form-in a {
    color: #535353;
    font-family: "Proxima Nova Semibold";
}
small { 
    font-size: 10px; 
    font-family: "Proxima Nova Semibold";
}
.form-in .sponsor {
    margin-top: 20px;
    text-align: center;
}

.icon-user {
    display: inline-block;
    width: 50px;
    height: 36px;
	margin-right:10px;
    background: url("/thai-personals/images/user-icon.png") no-repeat;
}

.content {
    margin-top: 110px;
    margin-bottom: 20px;
}

.content p > a  {
	color:#535353;
	text-decoration:none;
}

.content .wrapper {
    border: 1px solid #ffd632;
    background: #FFF;
    border-radius: 8px;
	margin-bottom: 20px;
}
.content .wrapper .container {
    padding: 10px;
    overflow: hidden;
    zoom: 1;
}

.content .wrapper .container p {
	font-size: 15px;
	padding:0px 10px;
}

.content .wrapper .container h3{
    padding-left:10px;
	font-size:18px;
	    color: #0068a0;
}

.content .wrapper .container ol{    
	font-size:15px;
	line-height:1.5;
	padding-left:10px;
}

.content .list,
.content .list > li{
    margin: 0;
    list-style: none;
}
.content .list > li {
    width: 13.6%;
    float: left;
    margin: 0 3px 10px 3px;
    text-align: center;
}
.content .list > li .box{
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding-top: 5px;
    padding-bottom: 25px;
}
.content .list > li .info {
    margin-top: 8px;
}
.content .list .info a {
    color: #418dda;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}
.content .list a:hover,
.content .list a:focus,
.content .list a:active {
    text-decoration: underline;
}

.social_bar {
	position: absolute;
	top:380px;
}

.box_right{
	width: 20%;
    float: right;
    margin: 0 3px 10px 3px;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding-top: 5px;
    padding-bottom: 25px;
	
}

.box_bottom {
	text-align:left;
	width:100%;
	padding: 30px 10px 20px 50px;
	
}

.box_right img{	
    padding-top: 5px;
    padding-bottom: 25px;
	
}
.box_right .btn{
	padding: 6px 6px;
	text-decoration: none;
}

.footer {
    margin-top: 0px;
    font-size: 12px;
}
.footer .links {
    text-align: center;
    color: #906b1b;
}
.footer .links a {
    color: #906b1b;
    font-size: 12px;
}

/* BUTTONS */
.btn{
	padding: 12px 24px;
	text-decoration: none;
	
}

.btn-blue {
    font-weight: bold;
    color: #FFF;
    font-size: 23px;
    text-shadow: 0 0 5px rgba(0,0,0,.28);
    width: 193px;
    height: 48px;
    border: 1px solid #178fcd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffd400;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5NyA0OCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjExNC41JSIgeDI9IjUwJSIgeTI9Ii0xNC41JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDY4YTAiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjhmY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE5NyIgaGVpZ2h0PSI0OCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #0068a0 -14.5%, #168fcd 114.5%);
    background-image: -o-linear-gradient(bottom, #0068a0 -14.5%, #168fcd 114.5%);
    background-image: -webkit-linear-gradient(bottom, #0068a0 -14.5%, #168fcd 114.5%);
    background-image: linear-gradient(bottom, #0068a0 -14.5%, #168fcd 114.5%);
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    background: #168fcd;
}
.btn-blue:active {
    background: #0068a0;
}
.btn-yellow {
    font-weight: bold;
    width: 67px;
    height: 30px;
    text-shadow: 0 0 5px rgba(0,0,0,.28);
    color: #FFF;
    border: 1px solid #906b1b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffd400;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDY3IDMwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTE0LjUlIiB4Mj0iNTAlIiB5Mj0iLTE0LjUlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlYTkxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNjciIGhlaWdodD0iMzAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #cea916 -14.5%, #ffd533 114.5%);
    background-image: -o-linear-gradient(bottom, #cea916 -14.5%, #ffd533 114.5%);
    background-image: -webkit-linear-gradient(bottom, #cea916 -14.5%, #ffd533 114.5%);
    background-image: linear-gradient(bottom, #cea916 -14.5%, #ffd533 114.5%);
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
    background: #ffd533; 
}
.btn-yellow:active {
    background: #cea916
}

/** Error Label **/
.control label.error {
    background: none repeat scroll 0 0 red;
    border-radius: 3px;
    color: white;
    display: block;
    font-size: 12px;
    font-style: italic;
    height: 26px;
    left: 151px;
    margin-left: 30px;
    margin-right: 100px;
    position: absolute;
    text-indent: 10px;
    top: 2px;
    width: 175px;
}

.control label.inline-radio {
    display: none;
    background: none;
    top: 11px;
    left: -12px;
}

.control label.inline-dmy {
    display: none;
    background: none;
    top: 24px;
    left: -12px;
}

.control label.inline-agree {
    background: none repeat scroll 0 0 transparent;
    display: block;
    left: -12px;
    top: 17px;
    width: 400px;
}