/**
 * Csutom CSS v1.0.0
 * Author: Harry (admin@giaduy.info)
*/

/* Column */
.green div.left {padding:20px 0 0 20px;}
.green div.right {padding:10px 20px 0 0; margin:0;}
/* END: MyColumn */

/* Login Box */
.green div.login-box {border:3px solid #D5DDE5; width:480px; margin-left:auto; margin-right:auto;}
.green div.login-box div.center {background-color:#FBFBFC; padding:10px;}
.green img.openid {border:1px solid black;}

.green table.login {width:100%; padding:0; margin:0; }
.green table.login tr td.left {background-color:#e5f1d9; border-right:2px solid white; width:auto;}
.green table.login tr td.right {background-color:#e5f1d9; border-left:2px solid white; width:auto;}
.green table.login tr td.right div div {padding:9px;}
/* END: Login Box */

/* Portlet*/
.green .portlet {}
.green .portlet-decoration {padding: 3px 8px; background:url('../images/portlet-decoration-bg.jpg') #2c2c2c repeat-x top left;	border-left: 5px solid #000000;}
.green .portlet-title {font-size: 12px; font-weight: bold; padding: 0;	margin: 0; color: #ffffff;}
.green .portlet-content {font-size:0.9em; margin: 0 0 15px 0; padding: 5px 8px; background:#d5dde5;}
.green .portlet-content ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0;}
.green .portlet-content li {padding: 2px 0 4px 0px;}
/* END: Portlets*/

/* Portlet operations Link */
.green .operations {list-style-type: none; margin: 0; padding: 0;}
.green .operations li {padding-bottom: 2px;}
.green .operations li a {font: bold 12px Arial; color: #1d3652; display: block; padding: 2px 0 2px 8px; line-height: 15px; text-decoration: none;}
.green .operations li a:visited {color: #1d3652;}
.green .operations li a:hover{background: #d5a64f;}
.green .operations li.active a {background: #d69826; color: #ffffff;}
/* END: Portlet operations Link */

/* header */
.green #header {background: url('../images/header-bg.png') transparent no-repeat; height: 115px; margin: 0; padding: 10px 0 0 0; border-top: 0; color: white;}
/* end: header */

/* footer */
.green #footer {padding: 5px; margin: 0 0 0 0; color: #404040; font-size: 0.8em; text-align: left; border:0; background: url('../images/footer-bg.png') no-repeat;}
.green #footer a:link, .green #footer a:visited {color: #404040; text-decoration: underline;}
.green #footer a:hover {text-decoration: underline;}
.green #footer span {padding: 0 3px 3px 0;}
.green #footer img {
    border: 1px #B8B8B8 solid;
    padding: 2px;
    background-color:#ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
/* end: footer */

/* Main Menu */
.green #mainmenu {background:url('../images/menu-bg.png') repeat-x left; height: 39px;}
.green #mainmenu ul {padding:0px 2px 0 10px; margin:0; width: 600px; float: left; }
.green #mainmenu ul li {float: left; }
.green #mainmenu ul li a {color:#000000; background:none; font-size:1em; font-weight:bold; text-decoration:none; padding:9px 8px 5px; float: left;}
.green #mainmenu ul li a:hover {color:#ffffff; font-weight: bold; background: transparent; }
.green #mainmenu ul li.active { background: url('../images/menu-active-bg-left.png') left top transparent no-repeat; padding-left: 12px;}
.green #mainmenu ul li.active a, .green #mainmenu ul li.active a:hover {color: #ffffff; background: url('../images/menu-active-bg-right.png') right top transparent no-repeat; font-size:1em; font-weight:bold; padding:9px 12px 10px 0; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;}
/* END: Main Menu */

/* breadcrumbs */
.green #breadcrumbs {float: left; padding-top: 10px; color: #000000;}
.green #breadcrumbs a {text-decoration: none; color: #000000;}
.green #breadcrumbs a:hover {text-decoration: underline; color: #FFFFFF;}
/* end: breadcrumbs*/

/* post */
.green .post {font-size: 12px; line-height: 140%; color: #1C2837; border-bottom: 5px #D5DDE5 solid;}
.green .post h1 {padding: 3px 10px 10px 3px; color: #ffffff; font-size: 1.0em; }
.green a.cat {line-height: 150%; font-weight: normal; text-decoration: none; font-size: 10px; background: #e0ebf7; display: inline-block; height: 14px; text-align: center; width: 73px; color: #676767; border: 1px solid #9db5d1; border-radius: 7px; -moz-border-radius:7px; padding: 0 3px;}
.green .post .info {padding: 8px 8px 8px 13px; background-color: #f3f3f3;}
.green .post-list h3 {margin-bottom: 5px;}
.green .post-list h3 a {text-decoration: none;}
.green .post-list div {margin-top: 5px;}
.green .post-list .description {margin: 3px 0 3px 0; text-align: left;}
.green .post-list a.post-img-link {float: left;}
.green .post-list .read-more {text-align: right;}
.green .post-list a.post-img-link img {padding: 3px; margin: 0 5px 0px 0; border: 1px solid #336629;}

.green .post {text-align: left;}
.green .post .edit-link {text-align: right; float: right; clear: right;}
.green .post .edit-link a {text-decoration: none;}
.green .post .add-this {float: left;}

.green .post .description {line-height: 150%; border-radius:5px; -moz-border-radius:5px; padding: 8px; text-align: left; font-size: 13px; background-color: #E0EBF7;}
.green .post .description:first-letter {font-size: 2.0em;}
.green .post .body {font-size: 13px; padding: 8px; line-height: 150%;}
.green .post .body img {
    display: block;
    background: #fbfbfc;
    max-width: 500px; padding: 3px; margin: 10px auto 5px auto;
    box-shadow: 3px 3px 4px #999; /* CSS3 supporting browsers */
}
.green .post .body span {font-style: italic; font-size: 0.9em; display: block; margin-bottom: 5px;}
.green .post .body p {margin: 12px 0 12px 0;}

.green .post .keyword, .green .post .resource, .green .post .facebook-like{padding: 8px;}
.green .post .keyword a {text-decoration: none; border-radius:8px; -moz-border-radius:8px; background-color: #E0EBF7; line-height: 200%; padding: 3px 6px 3px 6px; white-space: nowrap;}

.green .subject { font-size:1.2em; font-weight:bold;}
.green .subject a { color:#000000}
.green .subject a:hover {color:#AF7300; text-decoration:none;}

.green #comments {padding-top: 20px; padding: 8px}
.green .comment {border-radius:8px; -moz-border-radius:8px; padding: 10px; background: #F5F5F5; margin: 5px 0 5px 0;}
.green .comment .content {margin: 10px 0;}
.green .comment .author {margin: 5px 0; padding: 0 0 3px; border-bottom: 1px solid #DDD;}
.green .comment .time {color: #888; font-size: 0.8em;}
.green .comment a.cid,.green .comment a.del {color:#CCC;float:right;font-size:1.5em;font-weight:bold;padding:0 5px 0px 5px;text-decoration: none;}
.green .comment a.cid:hover {color:#555;}
.green .comment a.del:hover {background-color: #2880c9; color: #ffffff;}
.green .comment .pending {color:red;}
/* end: post*/


/* sitemap */
.green .page-link a {background-color: #bfbfbf; margin: 3px; padding: 3px 10px; text-decoration: none; border-radius:10px; -moz-border-radius:10px; display: inline-block; color: blue;}
.green .page-link a:hover {background-color:#dfdfdf;}

/* HTML Body */
body.green { 
background: #838383;
background-image: url(http://forum.cuasotinhoc.vn/public/style_images/csth/bg/currentbg.jpg); /* fallback */
background-repeat:no-repeat;
background-position: top center; 
}

/* header */
.green .header-box {padding: 10px; float: right;}
.green #logo
{
    padding: 14px 0 0 3px;
    font-size: 200%;
    float: left;
}
.green .search-box, .green .vn-typing, .green .usermenu {float: right; clear: right; padding-top: 5px;}
.green .vn-typing span {color: #e7ffb3;}
.green .vn-typing a {text-decoration: none;}

.green .usermenu {padding: 3px;}
.green .usermenu span {padding-right: 5px;}
.green .usermenu span a {color: #F5F5F5; text-decoration: none; font-weight: bold;}
.green .usermenu span a:hover {color: #c2ff3e;}
/* end: header */

.green div.view {border: 1px dashed #336629;}

.green .container {width:1000px;margin:0 auto; padding-bottom: 1px; }
.green .container .container { padding-bottom: 0; }


.green #page {
    margin-top: 0;
    margin-bottom: 0;
    background: url('../images/page-bg.png') repeat-y left;
    border: 0;
}

.green div.shadow-right {padding-right: 10px; background: url(../images/shadow-right.png) transparent repeat-y top right; overflow: hidden;}
.green div.shadow-left {padding-left: 10px; background: url(../images/shadow-left.png) repeat-y top left; overflow: hidden;}
/* END: HTML Body */

/* FRONT PAGE */
.green .front-page {font-size: 1.2em;}
.green .front-page h1 {font-size: 1.5em; font-weight: bold;}
.green .front-page .factor {float: left; margin: 5px; padding: 5px; border: 1px solid #336629; background: wheat;}
.green .front-page .factor a {text-decoration: none; font-size: 1.2em; font-weight: bold;}
/* END: FRONT PAGE */

/* consulting */
.green .consulting .div-item {border: 1px solid #000; padding: 15px;  margin: 13px; float: left; font-size: 2em; width: 280px;}
.green .consulting h1 {color: orangered; font-weight: bold;}
/* end: consulting */


/* measuring */
.green .measuring {float: left; width: 45%;}
.green .measuring-form {float: right; background-color: #e0eed4; padding: 20px; border: 2px solid green;}
/* END: measuring */

/* order point gift */
.green .order-step { background-color: #e0eed4; border: 2px solid green; padding: 12px; display: inline-block; margin-bottom: 10px; font-size: 1.2em; color: #057100;}
.green .next-step {background: url('../images/next-step.gif') no-repeat; width: 50px; display: inline-block; height: 50px; padding-top: 16px; margin-left: 5px;}
.green .order-step a {text-decoration: none;}
.green .current {font-weight: bold; background-color: #bdd6a7;}
.green .product {float: left; width: 195px; height: 320px; margin: 5px;}
.green .gift {float: right; margin: 5px; width: 160px; height: 230px;}
/* end: order order point gift  */

/* fileuploader */
.fileuploader {padding: 5px; background-color: #e0eed4; border: 1px dashed #45792f; }
/* end: fileuploader */

/* MISC */
iframe.youtube-player, post object, post embed {max-width: 550px; max-height: 385px; padding-bottom: 10px;}
.button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: bold;
    padding: 3px 7px;
    text-decoration: none;
    background-color: #2C2C2C;
    border-color: #4F7298 #113051 #113051 #4F7298;
    color: #FFFFFF;
}
.button:hover {background-color: #0A74AD; cursor: pointer;}
/* end: MISC */

/* content-box */
.content-box {margin-bottom: 0px; border-bottom: 5px #D5DDE5 solid;}
.content-box .title, .content-box .title a  {background: url('../images/title-bg.png') #2c2c2c repeat-x top; padding: 8px; color: #ffffff; font-size: 1.1em; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; text-decoration: none;}
.content-box .info {padding: 8px; background-color: #f3f3f3;}
.content-box .content {padding: 10px; background-color: #fbfbfc;}
.content-box .content a img {padding: 3px; margin: 0 5px 0px 0; border: 1px solid #336629; float: left;}
.content-box .description {}
.content-box .link a {float: right; color: #f8a258;}
.content-box .info .cm {float: right; color: #f8a258;}
.content-box .info .cm span {background-color: #f8a258; border-radius: 3px; -moz-border-radius:3px; padding: 3px 5px; color: #ffffff;}
.content-box .pager {margin-top: 5px;}
/* end content box*/

/* cat list */
.section .post a {color: #000000; font-size: 15px; font-weight: bold;}
.section .post a:hover {color: #AF7300; text-decoration: none;}
.content-box .cat-list img {margin-bottom: -2px;}
.content-box .cat-list {float: left; width: 125px; margin: 1px; border-bottom: 1px solid #dedede; padding: 8px; font-size: 1.1em;}
.content-box .cat-list a {color: #484b40; text-decoration: none; font-size: 0.9em; font-weight: bold;}
.content-box .cat-list a:hover {color: #AF7300; text-decoration: none; font-size: 0.9em; font-weight: bold;}
.content-box .float-left {float: left;}
.content-box .float-right {float: right;}
/* end: cat list */

/* cat view */
.cat-view-odd {background-color: #eef3f8; padding: 8px;}
.cat-view-even {background-color: #fafbfc; padding: 8px;}
.cat-view-odd a, .cat-view-even a {color: #284b72; text-decoration: none; font-size: 1.3em; margin: 0; padding: 0;}


/* Cat Articles */
.cat-article {width: 50%; padding-bottom: 8px;}
h1.cat-title {color: #ffffff; font-size: 17px; display: inline;}

/* MISC */
.rss-icon {float: right; background: transparent;}
.rss-icon a {background: transparent !important;}

/* Search */
.search { float: right; padding-right: 10px; padding-top: 2px;}
.search-wrapper { background: transparent url(../images/search-bg.png) left top no-repeat; width: 244px; float: left; margin: 6px 0 0; height: 21px; }
.search-wrapper .search-tbx { height: 14px; padding: 2px 0; background: no-repeat; border:none; width: 155px; margin-left: 5px; font-size: 11px; }
.search-wrapper span { color: #9b98b3; font-size: 11px; padding: 0 0 0 5px; }
.search .search-btn { background: transparent url(../images/search-btn.gif) left top no-repeat; width: 22px; height: 21px; margin:6px 0 0 8px; border: none;}
#page .banner { padding: 8px 0; margin: 0 auto; text-align: center; }

.header { background: transparent url(../images/box-bg-left.gif) left top no-repeat; }
.header div { background: transparent url(../images/box-bg-right.gif) right top no-repeat; }
.header div div { background: transparent url(../images/box-bg-content.gif) left top repeat-x; height: 26px; color: #fff; padding: 6px 0 0 2px; font-size: 17px; margin: 0 8px; text-align: left; }
.clear { clear:both; }

* html .search .search-btn { margin-left:4px; }
* html .header { float: left; width: 99.9%; }

.ui-tabs-panel .title { font-size: 12px; font-weight: bold; padding-bottom: 4px; line-height: 15px;}
.ui-tabs-panel .title a:link {text-decoration: none;}
.ui-tabs-panel .title a:hover {text-decoration: none; color: #bc8638;}

.ui-tabs-panel .title a.cat { font-weight: normal; text-decoration: none; font-size: 10px; background: #e0ebf7; display: inline-block; height: 14px; text-align: center; width: 73px; color: #676767; border: 1px solid #9db5d1; border-radius: 7px; -moz-border-radius:7px; padding: 0 3px; }
.ui-tabs-panel .by-author { font-size: 12px; padding-top: 5px; margin: 0 0 5px 0; }
.ui-tabs-panel .by-author a { color:#386494; text-decoration: none; }
.ui-tabs-panel .by-author a:hover {text-decoration: underline; color: #bc8638;}
p.by-author { margin: 5px 0 5px 0; }
.comment-number { background: transparent url(../images/comment-bg.gif) left top no-repeat; display: inline-block; width: 25px; height: 22px; text-align: center; margin:0 5px; }
.read-more-2 { float: right; color: #386494 !important; text-decoration: none; }
.read-more-2:hover {text-decoration: underline; color: #bc8638 !important;}
.content-tab p { font-size: 12px; line-height: 18px; margin: 0; overflow: hidden; }
* html .content-tab p  { height: 1%; }
.content-tab .img-thumb { float: right; padding: 5px;}
.content-tab .content-footer { margin-top: 10px; }
.content-footer .share { float: left; }
.content-box .box { background: #fff; padding: 0 0 5px 0;}
.box .title { background: none; padding: 0; color: #1d3652; font-size: 12px; font-weight: bold; clear: both; overflow: hidden; }
* html .box .title { height: 1%; }
.box .title a.cat-link {background: transparent; color: #000000; font-size: 13px;}
.box .title a.cat-link:hover {text-decoration: none; font-size: 13px; color: #bc8638;}
.box .title img, .box .title strong { float: left; }
.box .title strong { padding: 5px 0 0 5px; }
.box .content { clear: both; }
.box .content img, .box .content span { float: left; }
.box .content p { clear: both; }
.box .content span { width: 235px; padding: 0 0 0 5px; }
.box .content span a { color: #284b72; padding-bottom: 3px;}
.box .content span a:hover {color: #bc8638;}
.box .content span span { color: #7d7d7d; padding: 0; }
.box .content span span strong { color: #284b72; font-weight: normal; }
.content-box .jcarousel-skin-tango .jcarousel-container-horizontal { width: 650px; }
.content-box .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 600px; padding: 10px 25px 0; }
.content-box .jcarousel-skin-tango .jcarousel-item { width: 315px; margin:0 15px 0 0;  background: #fff; }
.box-2 { 
    border-top:5px solid #D5DDE5;
    border-bottom: 5px #D5DDE5 solid;
    padding: 10px;
    background-color: #f3f3f3;
    /*
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    */
}
.box-2 .buttons { clear: both; }
/* .box-2 input { width: 157px; border:1px solid #a1a1a1; background: transparent url(../images/input-bg.gif) left top repeat-x; padding: 2px 0; float: left; margin: 0; } */
.box-2 label { width: 60px; font-weight:normal; font-size:.9em; float: left; text-align: left; margin:2px 0 0 !important; padding: 2px 0 !important; position: static; }

.box-2 .form .checker input { border:none; padding: 0; background: none; margin: 5px 4px 0; width: auto; float: left; }
.box-2 .form .checker label { width: 45px; padding: 0; }
*:first-child+html .box-2 .form .checker label {  line-height:18px; }
* html .box-2 .form .checker label {  line-height:24px; }
.box-2 .form .row { margin:5px 0; overflow: hidden; }
* html .box-2 .form .row { height: 1%; }
/*.box-2 .form .row .button { float: left; margin-left: 5px;}*/
.box-2 .buttons { clear: both; }
.box-2 .buttons a { margin-top: 5px; }
.box-2 .buttons input { width: auto;  }

.box-2 .form .col-1, .box-2 .form .col-2 { width: 210px; float: left; }
.box-2 .form .col-2 { width: 68px; }


.box-3 { margin: 5px auto; text-align: center;  float: left;}
.box-3 img { margin: 0; }
.box-3 .header { float: left; width: 329px; clear: both;  }
.box-3 .header  div div { text-align: center; }
.box-4 { float: left; padding: 0; margin: 5px 0; float: left; }
.box-4 li { float: left; list-style: none; }
.box-4 .first { padding-right: 10px; }

.categories { float: left; background: #FFF; padding: 0; margin: 0; }
.categories li { float: left; text-align: left; width: 155px; list-style: none; padding: 10px 0 4px 10px; border-bottom: 1px solid #dedede; }
.categories span, .categories img { float: left; padding: 0; margin: 0; }
.categories span { padding: 4px 0 0 2px; font-weight: bold; }

#content { padding-right: 0; padding-top: 0;}
#content h1.page-h1 {font-weight:bold; font-size: 17px; background-color:#D5DDE5; padding: 10px; color:#1D3652; margin:0;}
.white-bg {
    background-color:#FAFBFC;
    padding: 15px;
    margin: 0;
    border-bottom: 5px #D5DDE5 solid;
}
.span-9 { width: 330px; margin-right: 0; }
.button-2 input {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: bold;
    padding: 3px 7px;
    text-decoration: none;
    background-color: #2C2C2C;
    border-color: #4F7298 #113051 #113051 #4F7298;
    color: #FFFFFF;
}

.button-3 { float: left; background: transparent url(../images/btn-2-left.png) left top no-repeat; padding: 0 0 0 8px ; }
.button-3 input { float: left; background: transparent url(../images/btn-2-right.png) right top no-repeat; padding: 2px 8px 3px 0; border:none; margin: 0 2px 0 0; color: #7ba7de; font-size: 11px; }

.section, .section-2 { padding-bottom: 0; padding-top: 5px; border-bottom: 1px solid #e4e4e4;}
.section-2 { border:none; padding-top: 10px; }
.section .title {font-size: 13px;}

/* New box */
.news-box {padding: 0 10px 10px 10px;}

#newbox li a:hover {color: #bc8638;}

/* bg on-off */
.bg-toogle a {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: bold;
    padding: 3px 7px;
    text-decoration: none;
    background-color: #2C2C2C;
    border-color: #4F7298 #113051 #113051 #4F7298;
    color: #FFFFFF;
    float:right;
    margin:10px 12px 10px 5px;
}
.bg-toogle a:hover {background-color: #0A74AD; cursor: pointer;}

.img-left {
    float: left;
    padding: 2px 5px 5px 0;
}

blockquote {color: green; font-style: normal; background: #bfbfbf; margin: 0; padding: 5px;}
blockquote p {padding: 0; margin: 0;}


/* adsense background */
.adsense-bg {background: url('../images/ads.jpg'); min-height: 250px; margin-top: 10px;}
.adsense-728-bg {background: url('../images/ads-728.jpg') no-repeat; width: 728px; min-height: 90px; margin: 0 10px; clear: both;}

/* right widget */
.right-widget {width: 300px; margin-bottom: 10px;}