/*
Theme Name: Builk
Theme URI: http://builk.com/
Version: 1.0
Author: Builk Asia
Author URI: http://builk.com/
Tags:Builk
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}table {border-collapse:collapse;	border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul {	list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym { border:0;}

/*

 * Builk Stylesheet

 * Copyright (c) 2010 Recommended Reading, Inc. (http://builk.com)

 */


/**------------GENERIC HTML TAG----------**/
html {background: url(images/bg4.jpg) repeat-y center ;margin:0;padding: 0 0 10px 0;}
body {background: url(images/bg-shadow.png) repeat-y center;padding:0;font: 13px/18px Tahoma, Helvetica, sans-serif ,verdana;color: #585858; }
img,a {outline:none;}
a {color:green;text-decoration:none;}
a:hover {color:#555;text-decoration:underline;}
a:active {color:#3c6;}
input {vertical-align:middle;}
h1 {font-size:30px;line-height:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1.0em;}
button { cursor: pointer; }
hr { display: none; }
p {padding:0 0 15px 0;}
strong { font-weight: bold; }
em { color:#999999;}
ul,li {margin:0;padding:0;}
a.current:hover {cursor:default;}

/**------------GENERIC CLASS-----------**/
.afterclear {zoom:1;}
.afterclear:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#qtranslate-chooser:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.floatleft {float:left;}
.floatright {float:right;}
.half{width:50%;}
.fourty{width:40%;}
.zero {margin:0;padding: 0;}
.fake-link {color:green;}
h3.title {margin:0 0 20px 0}
.more-link {display:none;}

/**-------MAIN LAYOUT---------**/
#outer {}
#page {width:980px;background: white;margin:0 auto;padding:0 17px;}


#header {height:135px;position:relative;}
#content {min-height:400px;margin:10px 0;}
#main-col {padding:0 10px;}
#main-col .inner {margin-top: 25px;}
#right-col .inner {margin:25px 0 0 10px;padding:0;}
#right-col .inner-grey{background:#efefef;margin:20px 0 0 10px;padding:20px;width:250px}
#right-col .inner-grey ul {list-style:none;}
#right-col .inner-grey h4 {color:#333;}
#footer {background:#111111;padding:90px 0 0 0;position: relative;width:1014px;margin:15px 0 0 -17px;}
#content ul,#content ul ol {list-style-position:inside;}
#content ul {list-style-type:disc;}
#content ol {list-style-type:decimal;}
#content .post em {font-style:italic;}
#content .post a {color:#00f;text-decoration:underline;}
#content .post a:hover {color:#007}
#content .post a:active {color:#003}
#content .post #sforum a {text-decoration:none;}
.page-id-583 #content {margin:0;}
/*1 Column*/
.one-column #main-col {}
/*2 Columns*/
.two-columns #main-col {width:600px;float:left;}
.two-columns #right-col {float:right;width:36opx;}
/*3 Columns*/
.three-columns #main-col {float:left;}
.three-columns #left-col {float:left;}
.three-columns #right-col {float:right;}

/**------------BRANNDING------------**/
#branding {position:absolute;top:0px;}
#branding a {background:url(images/Builk_MainLogo.png) no-repeat;width:180px;height:79px;display:block;text-indent:-19999px;}

/**---------Tool------------------**/
#tool {position:absolute;right: 0;top:0px;}
#tool li {float:left;display:inline;margin:0 0 0 5px;text-align:right;}
#tool li em {color:#555;}
#tool li em a {clear:right;}
#tool .signIn a{background:url(images/signIn-TH.jpg);display:block;width:81px;height:0;padding-top:25px;overflow:hidden;}
#tool .signIn a:hover {background-position: 0 -25px;}
#tool .register a{background:url(images/regist-TH.jpg);display:block;width:81px;height:0;padding-top:25px;overflow:hidden;}
#tool .register a:hover {background-position: 0 -25px;}

.en #tool .signIn a{background:url(images/Button.png);display:block;width:81px;height:0;padding-top:25px;overflow:hidden;}
.en #tool .signIn a:hover {background-position: 0 -24px;}
.en #tool .register a{background:url(images/Button.png) 0 -50px;display:block;width:81px;height:0;padding-top:25px;overflow:hidden;}
.en #tool .register a:hover {background-position: 0 -75px;}
#member {position:relative;top:10px;}
/*Lanquage*/
#lan {display:block;}
#qtranslate-chooser .qtrans_flag_and_text {
padding-left:0px;
}
#qtranslate-chooser{zoom:1;margin:10px 0 0}
#qtranslate-chooser:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; }

#qtranslate-chooser {}
#qtranslate-chooser  li {float:right;margin:0;}
#qtranslate-chooser li a {}
#qtranslate-chooser .qtrans_flag_en,
#qtranslate-chooser .qtrans_flag_th {background:url(images/lang.jpg) no-repeat;padding-top:20px; overflow:hidden;height:0; width:20px;display:block;}
#qtranslate-chooser .qtrans_flag_en {background-position:0 -29px;margin-left:6px;}
#qtranslate-chooser .qtrans_flag_th {background-position:-30px 0;}

#qtranslate-chooser li  a{ -webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
#qtranslate-chooser li  a:hover {-webkit-transform: rotateY(-360deg);-webkit-transition: all 0.6s ease-in-out;}
#qtranslate-chooser .active .qtrans_flag_en,#qtranslate-chooser .qtrans_flag_en:hover   {background-position:0 0;}
#qtranslate-chooser .qtrans_flag_en:active  {background-position:0 1px ;}
#qtranslate-chooser .active .qtrans_flag_th,#qtranslate-chooser  .qtrans_flag_th:hover {background-position:-30px -29px;}
#qtranslate-chooser  .qtrans_flag_th:active {background-position:-30px -28px;}


/*search*/

#search-wrap {position: absolute;top:50px;left:320px;}
#search-wrap  a {cursor:text;target="_blank"}
#search-wrap .search-fill {width:300px;height:25px;}
#searchform input#s,#nav #searchform input#searchsubmit {float:left;border:0;outline:0;}
#searchform div.search {background:url(images/search-feild-left.png) no-repeat left;height:25px;padding-left:20px;width:350px;z-index:2;}
#searchform input#s {background:url(images/search-feild-middle.png);height:19px;padding:5px 0 1px;font-size:14px;font-style:italic;color:#cbcbcb;width:300px;}
#searchform input#s:focus {color:#3e3e3e;font-style:normal;}
#searchform input#searchsubmit {height:25px;}

/**-------------NAVIGATION-------------**/
/*hor nav*/
.hor-nav {position:relative;}
.hor-nav li {display:inline;float:left;}

/*----Main Nav----*/
#nav  { margin:0;padding:0;width:980px;height:45px;position: absolute;bottom:0;background-image:url('images/nav.jpg');}
#nav .hor-nav li {float:none;}
#nav .hor-nav li a {background-image:url('images/nav.jpg');text-indent:-999em;cursor:pointer;float:left; height:0px; padding-top:45px; overflow:hidden;position: relative;z-index: 1;}

/*-------BUTTON--------*/
#nav .hor-nav  li#navHome a {width:100px;background-position:0px 0;}
#nav .hor-nav  li#navTour a {width:95px;background-position:-100px 0;}
#nav .hor-nav  li#navWhoUseBuilk a {width:200px;background-position:-195px 0;}
#nav .hor-nav  li#navHelp a {width:175px;background-position:-395px 0;}

/*-------BUTTON:HOVER--------*/
#nav .hor-nav  li#navHome a:hover {background-position:0px -45px}
#nav .hor-nav  li#navTour a:hover {background-position:-100px -45px}
#nav .hor-nav  li#navWhoUseBuilk a:hover {background-position:-195px -45px}
#nav .hor-nav  li#navHelp a:hover {background-position:-395px -45px}

/*-------BUTTON:ACTIVE--------*/
#nav .hor-nav  li#navHome a:active {background-position:0px -90px}
#nav .hor-nav  li#navTour a:active {background-position:-100px -90px}
#nav .hor-nav  li#navWhoUseBuilk a:active {background-position:-195px -90px}
#nav .hor-nav  li#navHelp a:active {background-position:-395px -90px}

/*-------BUTTON.CURRENT-------*/

#nav .hor-nav  li#navHome a.current {background-position:0px -45px}
#nav .hor-nav  li#navTour a.current {background-position:-100px -45px}
#nav .hor-nav  li#navWhoUseBuilk a.current {background-position:-195px -45px}
#nav .hor-nav  li#navHelp a.current {background-position:-395px -45px}
#nav .hor-nav  li a.current:hover {cursor:default;}
/**--------HOME-----------**/
.home .two-columns  #right-col {width:370px;}
.home .two-columns  #main-col {padding:15px 10px 0 0;width:590px;}
.home #content {margin:10px 0 0 0;}
.home #right-col h2 {font-size: 20px;margin:25px 0;color:#333;}
.home #right-col h3 {font-size: 13px;margin:10px 0 20px;color:#333;}
.home #right-col h4 {color:#333333;font-size:17px;margin:5px 0;}
.home  #content ul, .home #content ul ol {list-style-type:none;}

/*box*/
.home #anounce-box,.home #counter-box,.home #new-feature-box {width:320px;padding:15px 25px;margin:2px 0;}
/*anounce/*/
.home #anounce-box {background: #f8f8f8;}
.home #anounce-box h2 {line-height: 1.2em;}
/*counter*/
.home #counter-box {background:#f8f8f8;-moz-border-radius:4px;background:none repeat scroll 0 0 #DDDDDD;height:85;}
.home #counter-box h3 {font-size: 16px;margin:8px 10px 0;color:#333;float:left;}
.home #counter-box .counter-title {float: left;}
.home #counter-box span {background:url("images/counter.png") repeat scroll 0 0 #212C36;color:#242F39;display:inline-block;font-size:33px;font-weight:bold;height:44px;line-height:37px;margin:0 1px 0 0;text-align:center;width:36px; }
.home #counter-box .number {position:relative;float:left;}
.home #counter-box .number img {position:absolute;top:18px;z-index: 20;}
.home #counter-box h3.noOfuser,.home #counter-box h3.man {font-size: 18px;}
.home .en #counter-box h3.noOfuser,.home #counter-box h3.man {font-size: 15px;padding:4px 0 0;}
.home #counter-box h3.noOfuser {margin:8px 18px 0 0;}
.home #counter-box h3.man {margin:8px 0 0 20px;}
.home #counter-box .counter-number em ,.home #counter-box .counter-number input{color:#242F39;display:inline-block;font-size:33px;font-weight:bold;height:44px;line-height:37px;margin:0 1px 0 0;text-align:center;float:left;}
.home #counter-box .counter-number {background:url(images/big-counter.jpg) no-repeat;position:relative;width:144px;height:44px;float:left;}
.home #counter-box .counter-number em {margin:0 0 0 8px;}
.home #counter-box .counter-number input {border:none;outline:0;background:none;float:left;background:transparent none repeat scroll 0 0;
border:medium none;
float:left;
font-family:tahoma;
letter-spacing:15px;
margin:-2px 0 0 13px;
outline:0;
width:100px;
}
.active a{color:#666;}

.home #counter-box .counter-number  img.bigline {position:absolute;left:0;top:19px;z-index: 20;}

/*register*/
.home #right-col .register  {float:left;display: inline;clear:left;padding:0;margin:10px 0 0 0px;}
.home #right-col .register a{background:url(images/big-regist.png);display:block;width:318px;height:80px;text-indent:-999em; }
.home #right-col .register a:hover {background-position: 0 -81px;}
.home .en #right-col .register  {float:left;display: inline;clear:left;padding:0;margin:10px 0 0 0px;}
.home .en #right-col .register a{background:url(images/registerbutton_EN.png);display:block;width:318px;height:79px;text-indent:-999em; }
.home .en #right-col .register a:hover {background-position: 0 -80px;}
/*new feature*/
.home #new-feature-box {background:#efefef;padding:15px 25px; margin:1px 0;}
.home #new-feature-box #new-feature-list li {margin:1px;}
.home #new-feature-box h2 {margin:10px 0;}

/*-----Banner------*/
/***Slide 
#slideshow {position:relative;height:405px;}
#slideshow DIV {position:absolute;top:0;left:0;z-index:8;opacity:0.0;height: 405px;background-color: #FFF;}
#slideshow DIV.active {z-index:10;opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 405px;display: block;border: 0;margin-bottom: 10px;}**/

div.area  {height: 405px; width: 980px;}
div.rotator { position: relative; height: 405px; width: 980px; padding:0; }
      div.r1 { }
 div.r2 , div.r4  {display:none;}
      div.r1 p {margin:0;padding:0; }
      div.navigation { position: absolute; }
      div.navigation div.current, div.navigation a { width: 12px; height: 12px; margin: 0 8px 0 0; float: left; overflow: hidden; }
      div.navigation a:hover { text-decoration: none; }
/*------------TOUR------------*/
.hl-tour {background:url(images/hl-tour.jpg) no-repeat left top;text-indent: -9999em;width: 200px;height: 35px;margin:30px 0 10px;}
.tour-entry {border-bottom:1px solid #fc3;padding:0 0 40px 0;}
/*tour-hilight*/
#tour-hilight-wrap {font-size:0.95em;}
#tour-hilight-wrap .box {float:left;height:110px;margin:2px;padding:4px;width:220px;border-right:1px solid #CCCCCC;display:block;_margin:1px;_padding:2px;}
#tour-hilight-wrap .box img {float:left;margin:1px;padding:2px;display:inline;}
#tour-hilight-wrap h3 {margin:5px 0 10px;}
#tour-hilight-wrap #tour-hilight4 {border:none;}

/*tour-posts*/
#tour-posts {width:600px;}
#tour-posts li {border-bottom:1px solid #ccc;display:block;margin:1px;padding:1px;}
#tour-posts li:last-child {border:none;}
#tour-posts li h3 {margin:10px 0 15px 0;}

/*--------WHO USE BUILK---------*/
.category-who-use-bilk-com #right-col {padding:15px 5px}
.category-who-uses-builk-com #page #content ul,#page .category-who-uses-builk-com #page #content ol {list-style-type:none;}
.category-who-use-bilk-com .two-columns #main-col {padding:0 10px;}
.hl-who-use {background: url(images/hl-who-use.jpg) no-repeat left top;text-indent:-999em;width:245px;height:35px;margin:0 0 20px 0; }
img.whouse-pic {float:left;}
.whouse-pic {}
.alignleft {float:left;}
.category-who-use-bilk-com .floatleft {margin:15px 15px 0 0;}

/**-----------NEWS----------**/
.moreNews {margin:-25px 0 0 155px;float:left;}
.the_latest ,.the_view{margin:0 0 20px 0;}
.the_latest li ,.the_view li {margin:5px 0;padding:5px 0 ;border-bottom: solid 1px #ccc;}
.hl-latest-news a{background: url(images/hl-latest-news.jpg) no-repeat left top;text-indent:-999em;width:245px;height:35px;display: block;}
#news-front-list li {padding:10px 0;margin:10px 0;list-style-type:none;}
#news-front-list li h3,.news-title {font-size: 1.3em;font-weight: bold;margin-bottom: 5px;color:green;}
#news-front-list li p.read-more {position:relative;border-bottom: #fc3 1px solid;float:right;margin:0 85px 0 200px;padding:0 0 15px 230px;}
#news-front-list li p {}
#news-front-list li p.read-more  {width:100px;}
#news-front-list li p.read-more a {position: absolute;right:-120px;top:-10px;width:100px;}
#news-front-list img.news-thumb {float:left;margin-right: 10px;border:1px solid #EEEEEE;width:160px;height:110px;}
#news-front-list li.zero {padding:0;margin:0;}
#news-front-list .excerpt {overflow:hidden;}
 /*TESTIMONAILS*/
.hl-testimonials {background:url(images/hl-testimonials.jpg) no-repeat left top;text-indent: -9999em;width: 200px;height: 25px;}
#testi-front li {padding:10px 0;margin:10px 0;}
#testi-front li h3 {font-size: 1.0em;font-weight: bold;margin-bottom: 5px;}
#testi-front li h3 a {color:#666;}
#testi-front li.zero {padding:0;margin:0;}
#testi-list li h3 {font-size: 1.3em;font-weight: bold;margin-bottom: 5px;}
#testi-list p.read-more {position:relative;border-bottom: #fc3 1px solid;float:right;margin:0 85px 0 200px;padding:0 0 15px 230px;}
#testi-list li p.read-more a {position: absolute;right:-80px;top:-10px;}
#testi-list li img.news-thumb {float:left;margin-right: 10px;}

 /*CLIENT*/
#client-front {margin:0 0 0 15px;}
#client-front li {float:left;}
#client-front li {padding:10px 0;margin:10px 0;}
.hl-client {background:url(images/hl-client.jpg) no-repeat left top;text-indent: -9999em;width: 200px;height: 35px;}

/*HELP*/
.advertiser h2,.contractor h2 {display:none;}
.contractor {background: url(images/help-contractor-bg.jpg) no-repeat;float:left;width:365px;height:230px;padding:150px 45px;}
.contractor li {padding-left: 15px;background: url(images/yellow-dot.jpg) no-repeat left center;}
.advertiser {background: url(images/help-advertiser-bg.jpg) no-repeat;float:left;width:365px;height:230px;padding:150px 45px 150px 25px}
.advertiser li {padding-left: 15px;background: url(images/green-dot.jpg) no-repeat left center;}
.hl-need-help {background:url(images/hl-need-help.jpg) no-repeat left top;text-indent: -9999em;width: 200px;height: 35px;margin:10px 0 20px;}

.category-help-support {}
.category-help-support .three-columns #left-col {}
.category-help-support .three-columns #main-col {margin:0 0 0 210px}
.category-help-support .three-columns #right-col {}
.category-help-support .three-columns #right-col  .inner {background:none;padding:0;margin:0;}

.CompanyProfileBanner {background:url(images/CompanyProfileBanner.jpg) no-repeat;width:370px;height:125px;display:block;text-indent:-333em;}
.CompanyProfileBanner:hover {background-position:bottom;}
.WebboardBanner {background:url(images/WebboardBanner.jpg) no-repeat;width:370px;height:120px;display:block;text-indent:-333em;}
.WebboardBanner:hover {background-position:bottom;}

.en .CompanyProfileBanner {background:url(images/CompanyProfileBanner_EN.jpg) no-repeat;width:370px;height:125px;display:block;text-indent:-333em;}
.en .CompanyProfileBanner:hover {background-position:bottom;}
.en .WebboardBanner {background:url(images/WebboardBanner2_EN.jpg) no-repeat;width:370px;height:120px;display:block;text-indent:-333em;}
.en .WebboardBanner:hover {background-position:bottom;}

/*-------POST--------*/
.post .news-title {margin:0 0 15px 0;}
/*-----Additional Information (on footer)-----*/
/*Copyright  & Company*/
p#copyright {text-align: center;color:#ccc;margin:10px;padding:0px;}
#powerby  {width:120px;float:right;}
.builk-logo a{width:140px;height:44px;display: block;background: url(images/builkasia_logo.jpg) no-repeat;text-indent: -999em;float:left;margin:15px  0 0px 20px}
.longkong-logo a {width:140px;height:44px;display: block;background: url(images/longkong_logo.jpg) no-repeat;text-indent: -999em;float:right;margin:0 20px 20px 0}
/*Link*/
#local-nav {text-align: center;margin:2px 0 0 0;}
#local-nav ul {padding:5px 0;}
#local-nav ul:first-child,#local-nav ul.first-child {border-bottom: 1px solid #888;padding:5px 0;}



#local-nav li a{color:#777;font-size: 0.95em;}
#local-nav li a:hover {color:#fff;}
#local-nav li {padding:3px 10px 3px 20px;margin:10px;}
#local-nav .hor-nav li {float:none;}

.postmetadata {clear:both;}

.home-right-banner-box p {padding:0 0 3px;}


/**form*(*/
div.wpcf7 {padding:30px 10px 10px;border:1px solid #ccc;background:#f2f2f2;width:420px;}
#wpcf7-f1-p697-o1,#wpcf7-f1-p650-o1,#wpcf7-f1-p717-o1 {padding:30px 10px 10px;border:1px solid #ccc;background:#f2f2f2;width:420px;}
.wpcf7 p {}
.wpcf7 label {font-weight:bold;float:left;text-align:right;width:131px;margin:0 10px 0 0;}
.wpcf7 input {outline:0;border:1px solid #BDC7D8;padding:2px;}
.wpcf7 .separator {
border-top:1px solid #D9D9D9;
margin:15px 0 0;
padding:15px 0 0;
}
.wpcf7 input#submit
{background-color:#00923F;
background-position:0 -48px;
border-color:#CCCCCC;
color:#FFFFFF;
font-weight:bold;float:right;margin:0 25px 0 0;
}
.wpcf7 input#submit:hover {background-color:#33c57F;cursor:pointer;}
.postid-650 .postmetadata ,.postid-697 .postmetadata {display:none;}
.sfstatustags {display:none;}

.en div p {font-size:0.9em;line-height:1.3;}
.home .vid {display:none;}
.socailMedia p {padding:0;}
.socailMedia a {float:left;height:0;padding-top:64px;display:block;overflow:hidden;}
.socailMedia .facebook a {margin:0 3px 0 0;display:block;width:183px;background:url(images/facebookBuilk.png) no-repeat;}
.socailMedia .twitter a {width:184px;background:url(images/twitterBuilk.png) no-repeat;}

/*default CSS for SAG scroller*/
#liveLoghead {font-style:italic;clear:both;padding:20px 0 0;background:url(images/acFeed.jpg) no-repeat bottom left;text-indent:-999em;height:35px;display:block;padding:20px 0 20px;}
#liveLog {margin:2px 5px;}
#liveLoglists {border-top:1px solid #efefef;}
#liveLoglists li:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#liveLoglists li {padding:3px 3px 5px;border-bottom:1px solid #efefef;margin:3px 0;} 
#liveLoglists li p {padding:2px 0 3px;}
#liveLoglists li a {font-weight:bold;}
#liveLoglists li img {float:left;margin:0 10px 0 0;}
.feed-fade{background:url("images/feedfader.png") repeat-x scroll center bottom transparent;
bottom:0;
height:36px;
left:0;
pointer-events:none;
position:absolute;
width:360px;
z-index:1000000;}
.sagscroller{
width: 330px;  /*default width of scroller*/
height:290px;
overflow:hidden;
position:relative;


}

.sagscroller a{
font-weight:normal;
}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
background:white;
list-style:none;
width: 100%;
}

.sagscroller ul li{
display:block;
}

.sagscroller ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:90%;
}

.sagscroller ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:5px;
background: #eee;
font-size:12px;
clear: both;
}