/*
Site name: Giacaphe.vn
Site URI: http://giacaphe.vn/
Description: Chuyên trang thông tin thị trường cà phê và nông sản chuyên sâu.
Version: 2.0__sp
Author: Nguyen Thinh

Date: 01/04/2010
Ver 2.0: 20/09/2010
Ver 3.0: 06/03/2011

Ver 2.0__sp: 12/07/2011
*/
/* ----- Reset All ----- */
body, div, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
}

fieldset, img {
    border:none;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style:inherit;
    font-weight:inherit;
}
del, ins {
    text-decoration:none;
}
li {
    list-style:none;
}
caption, th {
    text-align:left;
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:400;
}
q:before, q:after {
    content:'';
}
abbr, acronym {
    border:0;
    font-variant:normal;
}
legend {
    color:#000;
}
input, button, textarea, select, optgroup, option {
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}
input, button, textarea, select {
    font-size:100%;
}
sup, sub {
    vertical-align:baseline;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ----- Main style ----- */
html{font-size:12px; -webkit-text-size-adjust:100%;}
body {
    background:#bcbbbb/* url('images/bodyBr.png') center repeat-y*/;
    color:#000;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
a, a:active {
    cursor:pointer;
    color:#3b5998;
    text-decoration:none;
}
a:link img, a:visited img, #top img {
    border:none;
}
a:hover {
    text-decoration:underline;
}
.red {
    color:#f10000 !important;
}
.blink {
    padding-left:5px;
    color:#333;
    font-size:11px;
}
.msg {
    text-align:center;
    padding:5px 0;
}
.msg span.red {
    background:url('images/error_small.gif') left 4px no-repeat;
    padding:5px 5px 5px 20px;
    line-height:18px;
}
label {
    cursor:pointer;
}
.focus {
    border:1px solid #F00;
}
span.sep {
    padding:0 3px;
    color:#999;
    font-size:14px;
}
.noUnderline {
    border-bottom:none !important;
}
.margin15 {
    margin-top:15px;
}
.loading {
    margin:10px auto;
    height:32px;
    width:32px;
}
.loading img {
    border:none !important
}
div.spacer {
    clear:both;
    height:1px;
    display:block;
}
td.right {
    text-align:right;
}
td.center {
    text-align:center;
}
/* ----- Menu ----- */
#gcpmenu {
    height:65px;
    position:absolute;
    bottom:0;
    float:left;
    padding: 0;
    width: 100%;
    background: transparent;
    voice-family: "\"}\"";
voice-family: inherit;
}
#menutab ul {
    margin:0;
    padding-left:10px;
    list-style:none;
}
#menutab li {
    display:inline;
    margin:0 2px 0 0;
    padding:0;/*text-transform:uppercase;*/
}
#menutab a {
    float:left;
    color: #666;
    background: #DADADA;
    margin:0 3px 0 0;
    padding:0 0 1px 3px;
    text-decoration:none;
}
#menutab a span {
    float:left;
    display:block;
    background: transparent;
    padding: 9px 12px 6px;
}
#menutab a span {
    float:none;
}
#menutab a:hover {
    background-color: #3b5998;
    color: #FFF;
}
#menutab a:hover span {
    background-color: #3b5998;
}
#menutab a.current { /*currently selected tab*/
    background-color: #3b5998;
    color: #FFF;
}
.tabcontainer {
    clear: left;
    width:1000px; /*width of 2nd level sub menus*/
    height:35px;
    background:#3b5998;
    line-height:35px;
    color:#CCC;
}
.tabcontent {
    display:none;
}
.tabcontent ul {
    list-style:none;
}
.tabcontent ul li {
    float:left;
    padding:0 5px;
    margin-left:10px;
    color:#999;
}
.tabcontent a {
    color:#FFF;
}
.tabcontent a:hover {
    color:#ffd52f;
}
/* ----- Header ----- */
#header {
    width:1000px;
    background:#fefefe url(images/banner.png) left top no-repeat;
    position:relative;
    height:145px;
}
/*#header .logo a:hover{background-position:0 -51px}*/
#header .customerinfo {
    position:absolute;
    top:10px;
    right:10px;
    width:330px;
    z-index:6;
    line-height:20px;
}
#header .customerinfo .info {
    width:200px;
    float:left;
    text-align:left;
    border-right:1px solid #CCC;
}
#header .customerinfo a.username {
    font-weight:bold;
    color:#900;
}
#header .customerinfo .logout {
    width:92px;
    float:right;
    padding-right:10px;
    padding-top:15px;
}
#header .logout a {
    background:url('images/loguot_icon.png') no-repeat 0 0;
    display:block;
    width:82px;
    height:32px;
}
#header .logout a:hover {
    background:url('images/loguot_icon.png') no-repeat 0 -33px;
    display:block;
    width:82px;
    height:32px;
}
#header .info a.link, #header .support a {
    font:normal 11px "lucida grande", tahoma, verdana, arial, sans-serif;
}
#header .call_center {
    position:absolute;
    bottom:33px;
    right:0;
    width:380px;
    height:110px;
    background:url('support1.png') scroll no-repeat;	
}
#header .logo a {
    background:url('images/logo.gif') no-repeat 0 0;
    display:block;
    width:160px;
    height:40px;
    position:absolute;
    top:20px;
    left:15px;
    text-indent:-2000em
}
#header .support {
    position: absolute;
    right:15px;
    bottom:40px;
    z-index:7;
    color:#333;
}
#header .support strong {
    color:#000;
}
/* ----- Weapper ----- */
#container {
    width:1000px;
    margin:0 auto;
    display:block;
    background:#FFF;
}
#content {
    padding:0 10px;
	/*padding:1px;*/
    margin-top:10px;
}
/* ----- Bank Acc ----- */
.vietcombank, .sacombank, .eab, .bidv {
    background:url('images/bank_tranfer.png') no-repeat;
    padding-left:175px;
    padding-top:5px;
    margin-top:10px;
    border-top:1px solid #eee
}
.vietcombank span.accNo, .sacombank span.accNo, .eab span.accNo, .bidv span.accNo, .agribank span.accNo {
    color:#f10000;
    font:bold 12px Verdana, Geneva, sans-serif;
    word-spacing:1px;
}
.agribank {
    background:url('images/bank_tranfer.png') 0 -140px no-repeat;
    padding-left:175px;
    min-height:70px;
    margin-top:20px;
}
.vietcombank {
    background-position:0 10px
}
.sacombank {
    background-position:0 -65px
}
.eab {
    background-position:0 -200px
}
.bidv {
    background-position:0 -270px
}
.list {
    background:url('images/list.png') 0 5px no-repeat;
    padding-left:60px;
    padding-top:5px;
    margin:10px 0;
    border-bottom:1px solid #eee;
    line-height:28px;
}
.list strong {
    font-size:15px;
    font-weight:bold;
    color:#3b5998;
}
/*------------*/
.clip_support {
    background:url('images/clip_icon.gif') left no-repeat;
    padding-left:22px;
    margin:10px 0;
}
.clip_support a {
    color:#00F;
}
.clip_support a:hover {
    color:#F00;
    text-decoration:underline;
}
/* ----- Quote ----- */
#quote {
}
#quote .table {
    width:980px;
    margin-bottom:10px;
    margin-top:0;
}
#quote .table table td {
    padding:0 !important;
    font-weight:bold;
}
#quote .table td, #quote .table th {
    font-family:Arial, Helvetica, sans-serif;
    text-align:right;
}
#quote .table td {
    padding:6px 3px;
    text-align:right;
    font-size:13px;

}
#quote .table tbody tr {
    border-top:1px solid #eaeaea;
}
#quote .position {
    font-weight:bold;
}
#quote .tdLast {
    font-size:15px !important;
    font-weight:bold;
}
.qrange {
    font-size:10px;
	padding-left:2px;
}
.green {
	color:#008800;
}

.qmax {
    font-size:10px;
    color:#008800;
	padding-left:2px;
}
.qmin {
    font-size:10px;
    color:#b00000;
	padding-left:2px;
}
td.left {
    text-align:left !important;
    padding-left:5px;
}
td.name {
    color:#003;
}
#quote .table th, #quote .qTable th {
    padding:4px 2px;
    background:#dadada;
    color:#000;
    /*border-bottom:1px solid #dddddd;*/
    /*font-weight:bold;*/
    font-size:11px;
}
.timeandsales .bid{
    float: left;
    /*border-right:1px solid #dddddd;*/
}
.timeandsales .bid td{
	color: #e02828;
}
.timeandsales .ask td{
	color: #1c7900;
}
.timeandsales td.tsprice {font-weight:bold !important;}
.boder_tb th {
	font-weight:bold;
	color:#333;
}
.boder_tb {
	border:1px solid #dddddd !important;
	border-collapse:collapse;	
}
.boder_tb td {
	border-bottom:1px solid #dddddd !important;
	border-top:1px solid #dddddd !important;
	font: normal 12px Tahoma, Geneva, sans-serif !important;
}
.timeandsales h3.title{
    background: #fff;
    /*text-transform: uppercase;*/
    text-align: center;
    border-bottom:2px solid #fafafa;
    font:bold 12px Arial,Helvetica,sans-serif;
    padding: 3px;
	color:#333;
}
.timeandsales table tr.change{
    background: #C6F29B;
}

.timeandsales .ask{
    float: right;
}
#quote .table_1_4{
    float:left;
    width:237px;
    margin-right:10px;
}
#quote .table_last{
    float: right;
    margin-right: 0;
}
#quote .table_1_4 .table{
    width: 118px !important;
}
#quote .table th.left {
    text-align:left;
    padding-left:5px;
}
#quote .quote_head {
    height:30px;
    line-height:30px;
    /*background:#ebeff9 url('images/qbg.jpg') top repeat-x;*/
	 background:#eeeeee;
    padding:0 5px;
    width:970px;
    position:relative;
    border-top-left-radius:2px 2px;
    border-top-right-radius:2px 2px;
}
#quote .quote_head .title a {
    color:#C00;
}
#quote .quote_head .title a:hover {
    color:#000;
    text-decoration:none;
}
#quote .quote_head .title {
    float:left;
    color:#C00;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#quote .quote_head .quote_time {
    color:#333;
    top:0;
    right:5px;
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
    position:absolute;
}
#quote .quote_down, #quote .quote_up {
    font-size:15px;
    font-weight:bold;
}
#quote .quote_pct_up {
    color:#009900
}
#quote .quote_down, #quote .quote_pct_down {
    color:#cc0000
}
#quote td.sms8288 {
    font:normal 12px "lucida grande", tahoma, verdana, arial, sans-serif;
    ;
    text-align:left;
    background:url('images/mbdv.gif') left no-repeat;
    padding-left:15px;
    color:#585858
}
#quote td.product-info {
    text-align:left;
    font-size:12px;
    color:#666
}
#quote span.sep {
    font-size:15px;
    padding:0 5px;
    color:#999;
}
#quote td.sms8288 span {
    color:#f70101;
    font-weight:bold;
}
/* ----- Content ----- */
#content h1.titleEntry {
    color:#036;
    font:bold 20px Arial, Helvetica, sans-serif;
    line-height:115%;
    padding:0;
}
#content .sidebar {
    width:300px;
    float:right;
    margin-right:10px;
}
#content .sidebar h2 {
    font-size:13px;
    color:#666;
    text-transform:uppercase;
    font-weight:bold;	
}
#content .sidebar h2.topwin, #content .sidebar h2.toprich, .xu_icon, .more_explain h3.sticky_notes, .help-icon  {
    background:url(images/medium_icons.gif) no-repeat scroll;
    padding-left:20px;
}
#content .sidebar h2.topwin {
    background-position:0 0;
}

#content .sidebar h2.toprich {
    background-position:0 -20px;
}

#content .sidebar h3 {
    font:bold 8.8pt Arial, Helvetica, sans-serif;
    background:#f2f2f2;
    border-top:1px solid #e2e2e2;
    padding:5px 6px;
    margin-bottom:1px;
    color:#333;
    text-align:left;
}
.single_news {
    width:100%;
    float:left;
}
.single_news ul li.last {
    border-bottom:none !important;
}
.single_news ul li, .single_news ul li, .single_news ul li.hpFirst {
    border-bottom:1px solid #e9e9e9;
    padding:4px 0;
    float:left;
    width:100%;
}
.single_news li a {
    line-height:16px;
    display:block;
    padding:4px;
    text-decoration:none;
}
.single_news ul li a:hover {
    background:url(http://static.ak.fbcdn.net/rsrc.php/v1/zE/r/JQgQHls27pw.png) no-repeat right center;
    color:#333;
}
.single_news img {
    float:left;
    padding:1px;
    border:1px solid #ddd;
    margin-right:5px;
}
#sidebar .section {
    margin-bottom:20px;
    margin-top:20px;
}
#sidebar .post.top5 {
    font-size:12px;
    line-height:1.4em;
    position:relative
}
#sidebar .post.top5 a.post_link {
    border-bottom:1px solid #ddd;
    display:block;
    background:#FFF;
    height:53px;
    overflow:hidden;
}
#sidebar .grid_1 .post.top5 a.post_link {
    height:auto;
    padding-bottom:10px
}
#sidebar .post.top5 a.post_link:hover {
    color:#222;
    text-decoration:none;
    border-color:#3b5998;
    background:#edeff4;
}
#sidebar .post.top5 .top5_number {
    display:inline-block;
    width:50px;
    line-height:50px;
    float:left;
    text-align:center;
    background:#f2f2f2;
    color:#FFF;
    font-size:36px;
    font-family:Georgia;
    font-weight:bold;
    margin-right:5px;
    padding-top:2px;
}
#sidebar .post.top5 a.post_link:hover .top5_number {
    background:#3b5998;
    color:#FFF;
}
#sidebar .post.top5 .entry-title {
    display:block;
    padding-top:10px;
    padding-left:10px
}
#content .entry {
    float:left;
    width:625px;
    background:url(images/bg-home-border-right.png) top right repeat-y;
    padding:0 20px 40px 10px;
}
#content .entry_full {
    padding:0 20px;
    padding-bottom:40px;
}
h1.page {
    font:bold 18px Arial, Helvetica, sans-serif;
    padding-bottom:5px;
    line-height:18px;
    color:#333;
    position:relative;
}
.absolute {
    position:absolute;
    top:5px;
    right:5px;
}
.absolute a {
    font:bold 11px Tahoma, Geneva, sans-serif;
    line-height:20px;
    color:#6b84b4;
}
#content .breadcrumb {
    margin-bottom:15px;
    border-bottom:1px solid #e9e9e9;
    position:relative;
    padding-bottom:2px;
}
#content .breadcrumb h1 {
    font:bold 18px Arial, Helvetica, sans-serif;
    color:#666;
    margin:0;
    padding:0;
}
#content .breadcrumb span.datePost {
    position:absolute;
    right:0;
    top:0;
    color:#900;
    font:normal 12px Tahoma, Geneva, sans-serif;
}
#content .breadcrumb a.post_home {
    background:url(images/news-home.png) left 2px no-repeat;
    padding-left:15px;
    padding-right:5px;
    font:normal 12px Arial, Helvetica, sans-serif;
}
#content .breadcrumb a.post_home {
    color:#333;
}
#content .breadcrumb a.archive_home, #content .breadcrumb a.post_home {
    background:url(images/news-home.png) left 2px no-repeat;
    padding-left:15px;
    padding-right:5px;
    font:normal 12px Arial, Helvetica, sans-serif;
}
#content .relatePost h3 {
    font-size:13px;
    font-weight:bold;
    padding-bottom:3px;
    border-bottom:1px solid #CCC;
}
#content .relatePost ul {
    margin-top:10px;
    margin-left:10px;
}
#content .relatePost ul li {
    padding:4px 0;
}
#content .relatePost ul li a {
    font-size:13px;
    background:url('images/top_6px_dot.gif') left 0 no-repeat;
    padding-left:10px;
}
#content .relatePost ul li span {
    color:#999;
    font-size:11px;
    font-family:Verdana, Geneva, sans-serif;
    padding-left:5px;
}
#content .newsContent {
    padding-bottom:10px;
	line-height:25px;
	font-size:14px;
}
.minor {
    color:#666;
    text-transform:uppercase;
    font:bold 12px Arial, Helvetica, sans-serif;
}
.splitter {
    z-index:2222;
    margin-bottom:10px;
    background:#d8dfea;
    height:12px;
    line-height:12px;
}
.splitter span {
    padding-right:9px;
    background:#fff;
    z-index:2223;
}
#content .newsContent p {
    margin:5px 0 15px;
    line-height:21px !important;
    font:normal 16px Times New Roman;
    color:#1c1c1c;
}
#content .newsContent strong {
    font-weight:bold;
    color:	#333;
}
#content .newsContent em {
    font-style:italic;
}
#content .newsContent h2 {
    color:#333;
    margin-top:20px;
    padding-bottom:4px;
    font:bold 120% "Times New Roman", Times, serif;
}
#content .newsContent h3, #content .entry h3 {
    color:#333;
    margin-top:20px;
    font:bold 15px Arial, Helvetica, sans-serif;
    margin-bottom:5px;
}
#content .newsContent table td, #content .newsContent table th {
    padding:5px;
    font:normal 12px Tahoma, Geneva, sans-serif !important;
}
#content .newsContent table th {
    font-weight:bold;
    background:#fafafa;
}
#content .newsContent table {
    margin-bottom:10px;
    border-collapse:collapse;
    border:1px solid #666;
}
#content .newsContent ul {
    margin:5px 0 10px 40px;
    line-height:16px;
    color:#333;
}
#content .newsContent ul li {
    margin-bottom:0.4em;
    background:url(images/liArrow.jpg) left 8px no-repeat;
    padding-left:12px;
    font:normal 16px Times New Roman;
	line-height:21px !important;
}
#content .newsContent ol {
    margin:10px 0 10px 30px;
    font:normal 100% "Times New Roman", Times, serif;
}
#content .newsContent ol li {
    padding:5px;
    list-style:decimal;
	line-height:21px !important;
}
#content .newsContent a {
    text-decoration:none;
}
#content .newsContent blockquote {
    text-align:justify;
    color:#000;
    margin:10px auto;
    padding:0 10px;
    border:1px solid #ddd;
    background:#fafafa;
    width:90%;
}
#content .newsContent blockquote p {
    margin:0;
    padding:5px 0;
}
#content .newsContent img {
    text-align:center;
    margin:0 auto;
}
.post_meta {
    width:615px;
    margin-bottom:15px;
    color:#333;
    padding:5px 0;
}
.post_meta a {
    font-weight:bold;
    color:#6b84b4;
}
.catBox {
    margin-bottom:20px;
}
.catBox .catTitle {
    margin-bottom:10px;
    z-index:14;
    background:#d8dfea none;
    height:25px;
}
.catBox .catTitle a {
    color:#333;
    font:bold 12px Arial, Helvetica, sans-serif;
    background-position:0 -145px;
    line-height:25px;
    padding-left:30px;
    background:url(images/catTitleIcon.png) left top no-repeat;
}
.catBox .catTitle a:hover {
    text-decoration:none;
    color:#000;
}
.catBox .left {
    width:360px;
    margin-right:10px;
    float:left;
}
.catBox .left p {
    line-height:18px;
}
.catBox .left img {
    float:left;
    margin-right:7px;
    border:1px solid #cccccc;
    padding:1px;
    margin-top:2px;
    margin-bottom:5px;
}
.catBox .left h4 {
    font:bold 14px Arial, Helvetica, sans-serif;
    margin:0 0 5px;
    padding:0;
    line-height:18px;
}
.catBox .right {
    width:240px;
    float:left;
    border-left:1px solid #e5e5e5;
    padding-left:10px;
}
.catBox .right ul {
    margin:0;
    padding-bottom:10px;
}
.catBox .right ul li {
    padding:10px 0 10px 15px;
    border-bottom:solid 1px #eee;
    background:url(images/liArrow.png) 0 15px no-repeat;
    line-height:16px;
}
.archive_thumb_first {
    width:254px;
    float:left;
}
.right_item_first {
    width:355px;
    float:right;
}
a.archive_thumb_first img {
    border:1px solid #ddd;
    padding:1px;
}
.news_post {
    margin:10px 0 30px 0;
}
.news_post p.more {
    text-align:right;
    padding:10px 0;
    font:bold 11px Arial, Helvetica, sans-serif;
}
.news_post p.more a {
    font-weight:bold;
    color:#6b84b4;
}
.news_post p.more a:hover, .post_meta a:hover {
    color:#3b5998;
}
.news_post ul {
}
.news_post ul li {
    padding:8px 0;
    border-bottom:1px dotted #9a9a9a;
}
.news_post ul a {
    font:bold 15px Arial, Helvetica, sans-serif;
}
.news_post ul a:hover {
    text-decoration:none;
    border-bottom:1px solid #3b5998;
}
.first {
    margin-bottom:15px;
    display:block;
    padding-bottom:15px;
}
.second {
    width:300px;
    float:left;
    margin-bottom:10px;
    padding-bottom:10px;
}
.secondLeft {
    margin-right:10px;
    padding-right:10px;
    border-right:1px dotted #9a9a9a;
}
.borderTopDotted {
    border-top:1px dotted #9a9a9a;
}
ul.more_stick_post {
    list-style:none;
    margin-top:20px;
    padding:0;
}
ul.more_stick_post li {
    padding:4px 0 4px 18px;
    background:url(images/add.png) 0 6px no-repeat;
    margin:0;
}
ul.more_stick_post a {
    /*color: #6b84b4;*/
}
h2.title a:hover, h3.title a:hover {
    text-decoration:none;
    border-bottom:1px solid #3b5998;
}
h2.title {
    font-weight:bold;
    font-size:19px;
    line-height:22px;
}
h3.title {
    font:normal 20px "Times New Roman", Times, serif;
    line-height:22px;
}
.changePass {
    background:url('images/changePass.gif') left no-repeat;
    padding-left:20px;
}
#content .underline {
    border-bottom:1px solid #CCC
}
ul.more_info {
    margin-top:10px;
    margin-left:20px;
}
ul.more_info li {
    font:bold 13px Arial, Helvetica, sans-serif;
    list-style:square;
    padding-top:5px;
    color:#666;
}
#changePass input {
    padding:3px;
}
#changePass table {
    border:none;
    width:400px;
    margin:0 auto;
    margin-top:20px;
}
#contact input {
    padding:4px;
}
div.divhr {
    width:95%;
    margin:5px auto;
    height:20px;
    clear:both;
    display:block;
    border-bottom:1px solid #d9d9d9;
}
.biginput {
    border:2px solid #A8D1E0;
    padding:5px 8px;
    font-size:16px;
    font-weight:bold;
    width:150px;
}

textarea, .inputtext, .inputpassword {
    border:1px solid #A8D1E0;
    padding:5px;
    font-size:12px;
    background:#FFFFFF;
}
.inputfocus {
    border:2px solid #F00;
    background:#fafafa;
}
input.width150px {
    width:300px;
}


#password_table th {
    font:bold 12px Arial, Helvetica, sans-serif;
    padding:10px 8px;
    color:#333;
}
#password_table td {
    padding:5px;
}
span.current_price {
    color:#666;
    padding-left:10px;	
    font:normal 11px Tahoma, Geneva, sans-serif;
}
span.current_price strong {
    font-size:14px;
}
span.small {font:normal 11px Tahoma, Geneva, sans-serif; color:#333;}
span.small a {text-decoration:underline}
#password_table td.label {
    width:160px;
    text-align:right;
    padding-right:7px;
    vertical-align:middle;
    font:normal 98% Arial, Helvetica, sans-serif;
    color:#036
}
.quote, .time_sale, .chart, .portfolio, .trade, .portfolioHistory {
    background:url('images/introduction.png') no-repeat;
    padding-left:70px;
    min-height:60px;
    margin-top:20px;
}
.quote {
    background-position:0 0;
}
.time_sale {
    background-position:0 -60px;
}
.chart {
    background-position:0 -120px;
}
.portfolio {
    background-position:0 -180px;
}
.portfolioHistory {
    background-position:0 -300px;
}
.trade {
    background-position:0 -240px;
}
.front_button {
    background:url('images/login_bt_br.png') 0 0 repeat-x;
    border:1px solid #29447e;
    padding:3px 10px;
    color:#FFF;
    cursor:pointer;
    font:bold 12px Tahoma, Geneva, sans-serif;
}
.buttonLogin {
    background:url('images/login_bt_br.png') 0 -48px repeat-x;
    border:1px solid #3b6e22;
    padding:5px 15px;
    color:#FFF;
    cursor:pointer;
    font:bold 13px Tahoma, Geneva, sans-serif;
}
div.field_container input {
    padding:4px;
    font-size:16px;
    width:160px
}
.loginLabel {
    color:#1d2a5b;
    text-align:right;
    padding-right:3px;
    width:80px;
    font:normal 13px Tahoma, Geneva, sans-serif;
}
.login_content {
    width:650px;
    float:left;
    margin-top:10px;
}
.LogoutSms {
    background:url('images/big-sms.png') top left no-repeat;
    padding-left:177px;
    height:210px;
}
.LogoutSmsTitle {
    color:#203360;
    font:normal 20px Tahoma, Geneva, sans-serif;
    line-height:22px;
    margin:10px 0;
}
.LogoutSmsSubmessage {
    font:normal 12px Tahoma, Geneva, sans-serif;
    color:#203360;
    word-spacing:1px;
}
.LogoutSmsSubmessage span {
    font-weight:bold;
    color:#377a19;
}
.LogoutSmsExplain {
    margin-top:0;
}
.LogoutSmsExplain p {
    margin:10px 0 5px;
}
.login_form {
    width:300px;
    float:right;
    margin-top:10px;
}
.login_box {
    width:290px;
    padding:5px;
    border:1px solid #dedede;
    margin-bottom:20px;
    /*border: 1px solid #dedede;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.login {
    padding:0;
}
#sign_up a {
    display:block;
    width:300px;
    height:60px;
    background:url(images/sign_up.png) 0 0 no-repeat;
}
#sign_up {
    margin-bottom:15px;
}
#sign_up a:hover {
    background:url(images/sign_up.png) 0 -60px no-repeat;
}
.login table td {
    padding:3px;
}
.login_box h2 {
    font-size:13px;
    text-align:center
}
.login_box h2 strong {
    font-size:18px;
    font-weight:bold;
    color:#C00;
}
.login_box h4 {
    margin-top:5px;
    line-height:18px;
    text-align:center;
}
.login_content p {
    line-height:18px;
}
.login_content strong {
    font-size:13px;
    font-weight:bold;
}
.gcp_logo_text {
    font:bold 18px Arial, Helvetica, sans-serif;
    line-height:29px;
    text-align:center;
}
.gcp_logo_text span.gia {
    font:bold 24px "Times New Roman", Times, serif;
    color:#666;
}
.gcp_logo_text span.caphe {
    font:bold 24px "Times New Roman", Times, serif;
    color:#3b5998;
}
#footer {
    margin:0 auto;
    padding-top:30px;
    width:980px;
    color:#333;
    text-align:left;
    position:relative;
}
#partner {
    margin:0 auto;
    padding:10px 0 30px;
    width:980px;
    color:#666;
    font:normal 11px Tahoma, Geneva, sans-serif
}
#footer div.amung {
    position:absolute;
    top:15px;
    left:20px;
    width:1px;
    height:1px;
    display:block;
}
#footer div.amung img {
    width:1px;
    height:1px;
}
#footer .no {
    position:relative;
    background:#D5DADD;
    padding:8px 5px;
    font-weight:bold;
    font-size:11px;
    text-align:left;
}
#footer .copyleft {
    padding-top:10px;
    text-align:center;
    line-height:18px;
    font-size:11px;
	padding-bottom:15px;
}
#footer .bestBrowers {
    position:absolute;
    top:70px;
    right:5px;
    font-size:11px;
    width:300px;
}
#footer .bestBrowers a.firefox, #footer .bestBrowers a.ie, #footer .bestBrowers a.chrome, #footer .bestBrowers a.resolution {
    background:url('images/Browers.png') no-repeat;
    width:25px;
    padding-top:27px;
    float:right;
    margin-left:15px;
    text-align:center;
}
#footer .bestBrowers a.firefox {
    background-position:0 0;
}
#footer .bestBrowers a.ie {
    background-position:0 -50px;
}
#footer .bestBrowers a.chrome {
    background-position:0 -100px;
}
#portfilo {
    margin-top:10px;
    display:block
}
#add_portfilo tr {
	padding:0 8px;	
}
#add_portfilo td {
    padding:3px 5px;
}
#add_portfilo td.cl {
    padding:0;
    margin:0;
}
#add_portfilo th.th_portfilo {
    padding:8px 5px;
    background:#e6EEEE;
}
#add_portfilo .date_selector td {
    padding:0;
    margin:0
}
#add_portfilo {
    margin:10px 0;
    border:1px solid #d7d7d7;
}
#add_portfilo input, #add_portfilo select {
    padding:3px;
}
.up_color {
    color:#00ff00;
}
.down_color {
    color:#F00;
}
.UpChange {
    background-color:#adff5c
}
.DownChange {
    background-color:#ffcc99
}
.NewsContent p {
    font:normal 13px Arial, Helvetica, sans-serif;
    margin-top:18px;
    color:#333;
    line-height:22px;
}
.getfirefox {
    text-align:left;
    font-size:12px;
    background:url('images/get_firefox.gif') left no-repeat;
    padding:5px 0 5px 20px;
    margin-top:10px;
}
.toUSD {
    font-size:15px;
    font-weight:bold;
}
.spre {
    font-weight:normal;
    font-size:13px;
    padding:0 5px;
    color:#7e7e7e;
}
/* ticker */
/* ----- Breadcrumb ----- */

#breadcrumb a.exit {
    text-decoration:none;
    color:#F00;
}
#breadcrumb a.exit:hover {
    text-decoration:underline;
    color:#F00;
}
#breadcrumb .other_services {
    width:320px;
    float:left;
    text-align:right;
}
#breadcrumb .other_services a.mobile {
    color:#666;
    font-size:11px;
}
#breadcrumb .user {
    width:650px;
    float:left;
}
#breadcrumb .user a {
    font-weight:800;
}
#ticker {
    width:980px;
    padding:0 10px;
    position:relative;
    height:28px;
    line-height:28px;
    border-bottom:1px solid #ddd;
    background:#eee;
    margin-bottom:5px;
}
#ticker .time {
    width:100px;
    top:0;
    left:15px;
    position:absolute;
    font-size:11px;
    font-weight:bold;
    vertical-align:middle;
    color:#666;
}
#ticker .time span {
    padding-right:5px;
}
#ticker .marquee {
    width:800px;
    float:right;
    color:#F00;
    height:28px;
    line-height:28px;
}
#ticker .marquee a {
    cursor:pointer;
    padding-right:60px;
    text-decoration:none;
    color:#f10000;
    font-size:12px;
    font-family:Tahoma, Geneva, sans-serif
}
#ticker .marquee a:hover {
    text-decoration:underline
}
#ticker a.bookmark {
    background-attachment:scroll;
    display:block;
    width:16px;
    height:16px;
    cursor:pointer;
    background:url('images/bookmarks.gif') 0 -20px;
    position:absolute;
    left:133px;
    top:4px;
}
#ticker a.bookmark:hover {
    background:url('images/bookmarks.gif') 0 0;
}
/* #ticker */

#thongbao {
    width:980px;
    padding:0 10px;
    margin:0 auto;
}
#thongbao ul {
    list-style:none;
    margin:0;
    padding-left:23px;
    background:url(images/loa.gif) left no-repeat;
}
#thongbao ul li {
    float:left;
}
#thongbao ul li a {
    padding-left:4px;
    padding-right:20px;
    color:#00467c;
}
#pnavi {
    margin:20px auto;
    float:right;
}
#pnavi .on {
    background:#a3420b;
    color:#FFF;
    border:1px solid #000;
    padding:2px 8px;
    margin-right:6px;
}
#pnavi span.page_link {
    background:#fff;
    color: #F00;
    padding: 4px 10px;
    margin-right:6px;
    font-weight:bold;
    border: 1px solid #048db4;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#f8f9fa, offX=1, offY=1, positive=true);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#pnavi span.page_link a {
    color:#036;
    font-size:13px;
}
ul.SBservice {
    list-style:none;
    font-weight:normal;
}
ul.SBservice li {
    font-size:11px;
    color:#666;
    font-weight:normal;
    padding:5px;
    border-bottom:1px solid #eee
}
ul.SBservice li.rate {
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#06C;
    padding-left:25px;
    background:url('images/Rate.gif') left no-repeat;
    border-bottom:none;
}
ul.SBservice li span.name {
    text-transform:uppercase;
    color:#036;
    font-weight:bold;
    font-size:11px;
    padding-right:5px;
}
ul.SBservice li span.value {
    width:50px;
    float:right;
    color:#000;
    font:bold 13px "Times New Roman", Times, serif
}
table#gold {
    margin-top:20px;
}
table#gold th {
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#ff9000;
    padding-left:25px;
    background:url('images/Gold.gif') left no-repeat;
    line-height:25px;
}
table#gold td.name {
    text-transform:uppercase;
    color:#036;
    font-weight:bold;
    font-size:12px;
    padding-right:5px;
    text-align:left
}
table#gold td.value {
    text-align:right;
    color:#000;
    font:bold 13px "Times New Roman", Times, serif
}
table#gold td {
    padding:4px;
    border-bottom:1px solid #eee
}
table#gold td.GoldTitle {
    text-align:right;
    color:#666;
}
table#gold td.GoldTitleL {
    text-align:left;
    color:#666;
}
.adsService {
    margin-top:20px;
}
#tiptip_holder {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:250px;
    z-index:99999;
}
#tiptip_holder.tip_top {
    padding-bottom:5px;
}
#tiptip_holder.tip_bottom {
    padding-top:5px;
}
#tiptip_holder.tip_right {
    padding-left:5px;
}
#tiptip_holder.tip_left {
    padding-right:5px;
}
#tiptip_content {
    font-size:11px;
    padding:5px 8px;
    background:#ffffd0 none;
    border:1px solid #3b5998;
}
#tiptip_content strong {
    color:#748516;
}
#tiptip_content p {
    padding-top:3px;
    line-height:16px;
    color:#333;
}
#tiptip_arrow, #tiptip_arrow_inner {
    position:absolute;
    height:0;
    width:0;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top:-7px;
    margin-left:-6px;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top:-5px;
    margin-left:-6px;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top:-6px;
    margin-left:-5px;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top:-6px;
    margin-left:-7px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding:4px 8px 5px;
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner {
        background:url(images/tiptop.gif) left top no-repeat;
    }
}
#gianoidia td {
    text-align:right;
    padding:8px 5px;
}
#gianoidia {
    width:100%;
    position:relative;
}
#gianoidia .showdate {
    position:absolute;
    top:0;
    right:0;
}
#gianoidia th {
    padding:5px;
    text-align:right;
    font-size:11px;
    color:#666;
}
#gianoidia td.left, #gianoidiaFull th.left, #gianoidia th.tt, #gianoidia td.name, td.tdleft, th.thleft {
    text-align:left !important;
}
#gianoidia td.name span {
    font-size:11px;
    color:#666;
}
#gianoidia td.name img {
    vertical-align:middle;
}
#gianoidia td.value {
    text-align:right;
}
#gianoidia td.value span.up {
    color:#00C;
}
#gianoidia td.value span.down small, #gianoidia td.value span.up small {
    font-size:10px;
    padding-left:5px;
}
#gianoidia td.value span.down {
    color:#F00;
}
#gianoidia td.value span.not {
    color:#F60;
}
#gianoidia tr.bt, #gianoidiaFull tr.bt {
    background:#ffffff;
}
#gianoidia tr.br, #gianoidiaFull tr.br {
    background:#f5f5f5;
}
#gianoidia .sponsor {
    background:#f5f5f5;
    padding:5px;
    text-align:left;
}
#gianoidia .sponsor a {
    color:#F00;
    font-weight:bold;
    padding:0 3px;
}
#gianoidia .sponsor a:hover {
    text-decoration:underline;
}
.fee {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:55px;
    font-weight:bold;
    color:#090;
}
.fee_span {
    padding-left:5px;
    color:#333;
    font:bold 14px Arial, Helvetica, sans-serif;
    word-spacing:5px;
}
.UIMessageBox {
    border:1px solid #dd3c10;
    padding:8px;
    margin:5px 0;
    background-color:#ffebe8;
    line-height:18px;
    text-align:center;
}
.UIMessageBox .sub_message {
    margin:4px 0 0
}
.msg8, .msg1 {
    background:url(images/status_ok_br.gif) left center no-repeat;
    padding:3px 0 3px 20px;
    color:#060;
}
.msg7, .msg0 {
    /*background:url(images/error.gif) left center no-repeat;*/
    color:#333;
    /*text-align:center;*/
    /*padding:3px 0 3px 23px;*/
}
.msg6, .msg5 {
    background:url(images/warning.gif) left center no-repeat;
    color:#000;
    padding:3px 0 3px 23px;
}
#notifications_count strong {
    background:url(http://linkhay.com/templates/images/feed/new_msg_badge_bg.gif) no-repeat center top;
    color:#fff;
    font-size:9px;
    font-weight:normal;
    position:absolute;
    top:-12px;
    right:-13px;
    padding:0;
    height:17px;
    line-height:13px;
    width:17px;
    text-align:center;
    z-index:99999;
}
.account_user {
    position:relative;
}
.payment {
    background:#FFF url(images/credit-card.gif) left no-repeat;
    margin-right:5px;
    text-transform:uppercase;
    height:32px;
    float:left;
    width:32px;
    z-index:22
}
.help-icon {
    background-position:0 -78px;
}
.rChgDn {
    padding-left:20px !important;
}
.Odd {
    background:#FFF;
}
.Even {
    background:#FFF;
}
.qTable {
    font-size:13px;
}
.qTable td table td {
    font-weight:bold;
}
.qTable td table {
    float:right;
}
.qTable td, .qTable th {
    padding:3px;
    vertical-align:middle;
    text-align:right;
}
.qTable .left {
    text-align:left;
}
.qChgDn, .qChangeDn, .rChgDn {
    color:#ff0000;
    font-weight:bold;
    font-size:15px !important;
    padding-right:2px;
}
.qChgUp, .qChangeUp, .rChgUp {
    color:#008800;
    font-weight:bold;
    font-size:15px !important;
    padding-right:2px;
}
.pR15 {
    padding-right:17px !important;
}
.product {
    font-family:MS Sans Serif;
    font-size:11px;
    font-weight:normal;
}
.table_title {
    font-size:11px;
    font-weight:bold;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#D28C00;
    padding-left:4px;
    padding-right:4px;
}
.tad1 {
    font-size:11px;
    font-weight:normal;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#C1C1C1;
    background-color:#E1E1E1;
}
.tad2 {
    font-size:11px;
    font-weight:normal;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#C1C1C1;
    background-color:#F1F1F1;
}
.table_total {
    font-size:11px;
    font-weight:normal;
    color:white;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#556C76;
}
.table_prev {
    font-size:11px;
    font-weight:normal;
    color:#DEDEDE;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#556C76;
}
.table_grand {
    font-size:11px;
    font-weight:normal;
    color:white;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#2C2939;
}
.table_grand_prev {
    font-size:11px;
    font-weight:normal;
    color:#DEDEDE;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#2C2939;
}
.table_contract {
    font-size:11px;
    font-weight:bold;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#C1C1C1;
    background-color:#E1E1E1;
}
.table_contract a {
    font-weight:bold;
    text-decoration:underline;
    color:#0066CC;
}
.table_contract a:hover {
    font-weight:bold;
    text-decoration:underline;
    color:#0099FF;
    background-color:#E1E1E1;
}
.table_text {
    font-size:11px;
    font-weight:normal;
    background:#eee;
}
#thaiRubber td {
    padding:7px 3px;
    font-size:12px;
    border:1px solid #FFF;
    border-collapse:collapse
}
#thaiRubber a {
    color:#000;
    text-decoration:none;
}
.pDown {
    padding-left:15px;
    /* background:url(images/img_up.gif) 5px 5px no-repeat;*/
    font-size:11px;
    color:#F00;
}
.pUp {
    padding-left:15px;
    /* background:url(images/img_down.gif) 5px 5px no-repeat; */
    font-size:11px;
    color:#008800;
}

.pNoChg {
	padding-left:15px;
	font-size:11px;
}
/* ----- tablesorter -----*/
#portfilo_detail {
    border-spacing: 1px;
    border-collapse: inherit;
}
table.tablesorter {
    font-family:arial;
    background-color:#CDCDCD;
    margin:10px 0 15px;
    font-size:12px;
    width:100%;
    text-align:left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color:#e6EEEE;
    border:1px solid #FFF;
    font-size:8.5pt;
    padding:8px 5px;
    font-weight:bold;
    text-align:right;
}
table.tablesorter thead tr th.left {
    text-align:left;
}
table.tablesorter thead tr .header {
    background-image:url(images/bg.gif);
    background-repeat:no-repeat;
    background-position:center right;
    cursor:pointer;
}
table.tablesorter tbody td {
    color:#3D3D3D;
    padding:10px 5px;
    background-color:#FFF;
    vertical-align:middle;
    text-align:right;
}
table.tablesorter tbody td.left {
    text-align:left;
}
table.tablesorter tbody td.center, table.tablesorter thead th.center {
    text-align:center;
}
table.tablesorter tbody tr.Odd{
    background:#fff;
}
table.tablesorter tbody tr.Even{
    background:#eee !important;
}
.div_row_action {
    position:relative;
    padding:8px 0;
    font-weight:bold;
}
.div_row_action span.admDelete {
    font:normal 10px Verdana, Geneva, sans-serif;
    visibility:hidden;
    position:absolute;
    bottom:-10px;
    left:0;
}
.div_row_action:hover span.admDelete {
    visibility:visible;
}
.div_row_action span.admDelete a {
    color:#666;
    padding-right:8px;
}
.div_row_action span.admDelete a:hover {
    color:#F00;
}
table.tablesorter tbody tr.odd td {
    background-color:#f7f6f1;
}
table.tablesorter tbody tr.even td {
    background-color:#FFF;
}
table.tablesorter thead tr .headerSortUp {
    background-image:url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image:url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color:#8dbdd8;
}
p.tip { color:#666666}
p.tip em {
    padding:2px 5px;
    background-color:#3b5998;
    color:#FFF;
    text-transform:uppercase;
    font-style:italic;
    font-size:11px;
    font-weight:bold;
}
.gain_up {
    color:#009900;
    font-weight:bold;
    font-size:15px;
    background:url(images/alert_up.gif) right no-repeat;
    padding-right:25px;
}
.gain_down {
    color:#cc0000;
    font-weight:bold;
    font-size:15px;
    background:url(images/alert_down.gif) right no-repeat;
    padding-right:25px;
}
.gain_noChange {
    color:#F60;
    font-weight:bold;
    font-size:15px;
}
span.mua {
    font-size:10px;
    font-weight:bold;
    color:#060;
}
span.ban {
    font-size:10px;
    font-weight:bold;
    color:#900;
}
/* TASKBAR */
#site-bottom-bar {
    border-top-left-radius:2px 2px;
    border-top-right-radius:2px 2px;
    background-color: #e5e5e5;
    box-shadow:inset 0 1px rgba(255, 255, 255, .5);
    border:1px solid #b5b5b5;
    border-bottom:0;
    bottom: 0px;
    right:15px;
    font: bold 11px Tahoma, Geneva, sans-serif;
    height: 28px;
    position: fixed;
    width: 200px;
    z-index: 1000;
}
#site-bottom-bar-frame {
    height: 30px;
    position: relative;
}
#site-bottom-bar-content {
}
#menu-news {
    color: #333;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding:0 8px;
    text-decoration:none;
    width:50px;
    border-right:1px solid rgba(29, 49, 91, .3);
    border-bottom:2px solid #ebeef4;
    float:left;
}
#go-top {
    color: #333;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding:0 8px;
    text-decoration:none;
    width:80px;
    border-right:1px solid rgba(29, 49, 91, .3);
    border-bottom:2px solid #ebeef4;
    float:left;
    cursor:pointer;
}
#go-top:hover {
    background-color: #FFF;
}
#menu-news:hover {
    background-color: #FFF;
}
.notifications-border {
    border:2px solid #808080;
}
#news-box {
    background-color: #FFF;
    bottom: 32px;
    display: none;
    right:0;
    padding: 0;
    position: absolute;
    width: 350px;
}
#news-box ul {
    margin:0;
    padding:0;
}
#news-box ul li {
    border-bottom:1px solid #ebebeb;
    padding:10px;
}
#news-box ul li.last {
    border-bottom:none;
}
#news-box ul li.last a {
    font:normal 11px Tahoma, Geneva, sans-serif;
    color:#C00;
}
#news-box ul li a {
    font:normal 12px Tahoma, Geneva, sans-serif;
    color:#3b5998;
}
/* chart */
.chart_form {
    width:970px;
}
.chart_show {
    margin:10px auto;
    width:970px;
    text-align:center;
}
h1.cont_info {
    font:bold 20px Tahoma, Geneva, sans-serif;
}
.chart_show img {
    background:#e5e5e5;
    padding:5px;
    border-radius:3px;
}
.chart_content {
    width:970px;
    margin:10px auto;
    padding:0;
}
.full {
    background:url(images/link.gif) left 2px no-repeat;
    padding-left:15px;
    font:bold 11px Tahoma, Geneva, sans-serif;
}
/* cat item */
.cat_item div.image-frame {
    float:left;
}
div.image-frame {
    width:155px;
    vertical-align:top;
}
div.image-frame img {
    width:140px;
    height:auto;
}
.cat_item {
    margin-bottom:20px;
    display:block;
    border-bottom:1px dotted #cccccc;
    padding-bottom:20px;
}
.cat_item p.summary {
    line-height: 1.6em;
    color:#333;
    margin-bottom: 10px;
}
.cat_item div.post_short {
    /*padding-left:160px;*/
}
.cat_item h2 {
    margin-bottom:8px;
}
.cat_item h2 a {
    font:bold 16px Arial, Helvetica, sans-serif;
}
.cat_item p.meta {
    color:#666;
}
.uiButton {
    background-image:url(http://static.ak.fbcdn.net/rsrc.php/v1/zf/r/_IKHHfAgFQe.png);
    background-repeat:no-repeat;
    background-position:0 -49px;
    background-color:#eee;
    border:1px solid #999;
    border-bottom-color:#888;
    box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    font-size: 14px;
    line-height:normal !important;
    padding:5px 10px;
    text-align:center;
    text-decoration:none;
    vertical-align:top;
    white-space:nowrap
}
/* dự đoán */

#exchange_info, #fun_info {
    background:url(images/big_icons.gif) no-repeat scroll;	
    padding:10px 10px 10px 70px;
    margin-top:10px;
    position:relative;	

}
#exchange_info {
    background-position: 5px -65px;
    background-color:#EEEEEE;
    height:90px
}
#exchange_info ul {
    list-style:none;
    bottom:0;
    left:10px;
    margin:0;
    padding:0;
    position:absolute;	
}
#exchange_info ul li {
    float:left;
    padding:8px 10px;
    font-size:12px;
}
#exchange_info ul li.select {

    padding-top: 7px;
    background-color: #fff;

    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #d7d7d7;

    /*	-webkit-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
            -moz-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
    */	/*box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );*/

    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#fun_info {
    background-position:0 0;
}
#fun_info span.history, #exchange_info .xu_info{
    position:absolute;
    top:10px;
    right:10px;
}

.xu_icon {
    font-size:16px;
    font-weight:bold;	
    color:#F60;
    background-position:0 -40px;
}
#fun_info p,  #exchange_info p{
    padding:3px 0;	
}

#start-button {
    position: relative;
    margin: 0 auto 20px;
    width: 100%;
}
#start-button .g-button-primary {
    width: 100%;
}
#dialog { position: absolute; padding: .2em; width: 1000px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

#perdiction_help .box {

}
#perdiction_help .box ul {
    padding-left:45px;
}
#perdiction_help .box ul li {
    line-height:25px;
    padding-left:15px;
    /*padding:5px 0 5px 15px;*/
    background:url(images/liArrow.png) left 5px no-repeat;
}
#perdiction_help .box ul li a {
    font-size:14px;
}
#perdiction_help .box h2 {
    line-height:32px;
    height:32px;
    padding-left:45px;
    font-size:15px;
    font-weight:bold;
}
#perdiction_help .box {
    margin-top:15px;
}
#perdiction_help .icon1 {
    background:url(http://123.30.51.37/datainfo.nganluong.vn/data/images/help/icon/73.png) top left no-repeat;	
}
#perdiction_help .icon2 {
    background:url(http://123.30.51.37/datainfo.nganluong.vn/data/images/help/icon/77.png) top left no-repeat;	
}
#perdiction_help .icon3 {
    background:url(http://123.30.51.37/datainfo.nganluong.vn/data/images/help/icon/50.png) top left no-repeat;	
}


.ul_w_image {
    list-style:none;
    margin-top:5px;
    margin-left:10px;
}
.ul_w_image li  {
    padding:3px 0 3px 15px;	
}
.ul_li_star {
    background:url(http://cdn2.iconfinder.com/data/icons/diagona/icon/10/031.png) left 4px no-repeat;
}
#lstreport .even, #lstreport .odd {
    padding:5px;
    line-height:25px;
    height:25px;	
}
#lstreport .even{
    background: #fafafa;
    border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;		
}
#lstreport a {
    font-size:13px;
    font-weight:bold;	
}
#lstreport span.bet_time {
    font-size:11px;
    color:#666666
}
#lstreport .odd{
    background: #fafafa;
    border-bottom:1px solid #d2d9e7;
    border-top:1px solid #d2d9e7;
}
#lstreport p {
    color:#333333;	
}
#lstreport strong {
    color:#000000;
    font-weight:bold;
    font-size:11px;	
}
#lstreport span.price {
    color:#990000;
    font-size:14px;
    font-weight:bold;	
}
#sidebar_tbl_mostwin {
    margin-top:10px;
}
#sidebar_tbl_mostwin th, #sidebar_tbl_mostwin td {
    padding:6px 3px;
}
#sidebar_tbl_mostwin .no_br_right {
    border-right:none !important;	
}
#sidebar_tbl_mostwin th {
    border-bottom:1px dotted #CCC;
    border-right:1px dotted #CCC;
    font-size:11px;	
}

#sidebar_tbl_mostwin td {
    border-bottom:1px dotted #CCC;
    border-right:1px dotted #CCC;	
}
#profile {
    padding:0 5px;	
}
.view_nhan_dinh {
    background:url(images/nhan_dinh.gif) left 3px no-repeat;
    margin-top:10px;
    line-height:20px;
    padding-left:15px;
    color:#666;
}
.prediction_msg_icon{
    float:left;
    background:url(images/nhan_dinh.gif) center center no-repeat;
    width: 18px;
    height: 15px;
    overflow:hidden;
    cursor:pointer;
    text-indent: 3000px; 
}
/* Quang nhan dinh trong "Ai dang doan"*/
#msg_p_detail{
    position:fixed; 
    bottom:200;
    width:300px;
    border:4px solid #5c5c5c;
    background:#FFF;
    border-radius:2px;
}
#msg_p_detail strong{
    float:left;
}
#msg_p_detail h2 {
    padding: 5px 10px;
    border-bottom:1px solid #b2c5df;
}
#msg_p_detail p{
    padding:10px;
    background:#fafafa;
}
#msg_p_detail h2{
    background:#CFDBEC; 
    font: 13px Arial, Helvetica, sans-serif;
}
/* Quang MSG poppup */
#right_bottom_msg{
    position:fixed; bottom:0; right:0;
    border:1px solid #CFDBEC;
    width: 300px;
    Background:#FFF;

}
#right_bottom_msg h2,#right_bottom_msg_detail h2, #right_bottom_msg p, #right_bottom_msg h3 {
    margin:0;
    padding:3px 5px;
}
#right_bottom_msg h2,#right_bottom_msg_detail h2 {
    background:#CFDBEC; 
    font: 13px Arial, Helvetica, sans-serif;
}
#right_bottom_msg h3{
    background:#F7F6F1;
    font: 12px Arial, Helvetica, sans-serif;
}
#right_bottom_msg h3{
    text-align:right;
}
#right_bottom_msg h2 a,#right_bottom_msg_detail h2 a {
    font-weight:bold;
    text-decoration:none;
    color:#7C7C7C;
    float:left;	
}
#close_msg, #close_msg_detail{
    float:right;
    cursor:pointer;	
    color:#F00;
    font-weight:bold;
}
#right_bottom_msg_detail{
    width:400px;
    position:fixed;
    margin:0  auto;
    border:1px solid #CFDBEC;
    z-index: 10000;
    display:none;
}
blockquote{
    display:none;	
}
#right_bottom_msg_detail p{
    margin:0; padding: 5px;
    background:#fff;
}
.small{
    font-size:12px;	
    font-style:italic;
}
/* Quang MSG  nhan dinh */
#addmsg, #updatemsg, #delmsg{
    width:410px;
    position:fixed;
    top: 150px;
    left: 500px;
    margin:0  auto;
    border:1px solid #CFDBEC;
    z-index: 10000;
    border:4px solid #5c5c5c;
    background:#FFF;
    border-radius:2px;

}
#addmsg .front_button, #updatemsg .front_button,  #delmsg .front_button{
    margin:0 0 10px 10px;
}
#addmsg h2, #updatemsg h2,  #delmsg h2{
    margin:0;
    padding: 5px 5px;
    background:#CFDBEC;
    font: 13px Arial, Helvetica, sans-serif;
}
.icon-chart, .icon-history, .icon-detailedquote{
    width:20px;
    height:20px;
    background-position:5px 5px;
    background-repeat: no-repeat;
    cursor:pointer;
    float:left;
}
.icon-chart{
    background-image:url(images/chart.gif);
}
.icon-history{
    background-image:url(images/history_quote.gif);
}
.icon-detailedquote{
    background-image:url(images/icon_detailedquote.gif);
}
#loading-image{
    margin: 10px auto;
    width:32px;
    height:32px;
    background: url(images/loading.gif) center center no-repeat;
}
#loading-image-small{
    margin: 0 10px;
    width:16px;
    height:16px;
    /*background: url(images/loading-16.gif) center center no-repeat;
    float:left;*/
}
#history_id_content{
    width:100%;
}
#history_id_content th{
    background:#eceff5;
    color:#666;
    border-top:1px solid #d8dfea;
    font-size:11px;
}

#history_id_content td, #history_id_content th {
    padding:6px 4px;
    text-align:right;
}
#history_id_content td {
    font-size:13px;
    padding:7px 4px;
}
#history_id_content td strong {
    font-size:14px;	
}
#history_id_content tr.Odd{
    background: #fff;
}
#history_id_content tr.Even{
    background: #eee;
}
#history_id_content td.hs_time {
    font:normal 11px Verdana, Geneva, sans-serif;
    color:#666;	
}
.tdleft{
    text-align:left !important;
}
.input-search-text{
    margin: 7px 5px;
    padding:3px;
    border:2px solid #D8DFEA;
    width:60px;
    background:#fafafa;
}
.help_16, .excel_16 {
    background:url(images/sprite_16.gif) scroll no-repeat;
    width:16px;
    height:16px;
    display:inline-block;
    margin-right:2px;
    vertical-align:bottom;
}
.help_16 {
    background-position:0 -16px;	
}
.excel_16 {
    background-position:0 0;	
}
.lh16 {
    line-height:16px;
}	
.comment-item{
    padding:5px 10px;
}
.comment-item p{
    padding: 3px 0;
}
.comment-item.odd{
    background:#fff;
}
.comment-item.even{
    background:#F7F8FC;
}
.comment-mor{
    cursor:pointer;
    font-size:11px;
    color:#BC3838;
    padding-left:10px;
}
.comment-item .comment-msg{
    display:none;
}
.more_explain {
    margin-top:10px;	
}
.more_explain h3.sticky_notes {
    text-transform:uppercase;
    color:#666 !important;
    margin-bottom:7px;
    font:bold 12px Tahoma, Geneva, sans-serif !important;
    background-position:0 -60px;
}
.more_explain ul{
    padding-left: 15px;

}

.more_explain ul li {
    background:url(images/ul-style-green-tick.gif) left center no-repeat;
    line-height:22px;
    padding-left:15px;	
}
.view_sort {
    margin:15px 0;	
    color:#666666;
    line-height:20px;
}
.view_sort a {
    font-size:13px;
    line-height:20px;	
}
.view_sort a.s_old {
    background:url(https://sb4.m88a.com/template/mansion88/public/images/graph.gif) left center no-repeat;
    padding-left:18px;
    padding-right:10px;
}
.view_sort a.s_ing {
    background:url(https://sb4.m88a.com/template/mansion88/public/images/Whistle.gif) left center no-repeat;
    padding-left:18px;
}
.view_sort a.s_trans {
    background:url(images/icon-report.png) left center no-repeat;
    padding-left:18px;
    padding-right:10px;
}
.view_sort a.od_date {
    background:url(images/new-icon.gif) left center no-repeat;
    padding-left:28px;
    padding-right:10px;
}
.view_sort a.od_like {
    background:url(http://giacaphe.vn/templates/default/images/icon-like.png) left center no-repeat;
    padding-left:18px;
}


.clang {
    position:absolute;
    bottom:40px;
    right:240px;
    height:16px;
    width:80px;
    display:block;
    padding-left:20px;	
    font-size:13px;
    color:#F00;
    font-weight:bold;
    z-index:11;
}
a.wenglish {
    background:url(images/usflag.png) no-repeat left center;
}

a.wvietnammese {
    background:url(images/vnflag.png) no-repeat left center;
}
#announcement {
    padding:5px 10px;
    margin:0 10px;
    z-index:1000;
    color:#000;

}
#announcement.red_delay, #announcement.red_delay strong, #announcement.red_delay a{
    background:red;
    color:#fff;
}
#fannouncement {
    width:100%;
    text-align:right;
}
#announcement strong{
    font-weight:bold;
    color:#ff0000;
}
#announcement a{
    color:red;
    text-decoration:none;
}
#mobile_msg{
    margin:5px 10px;	
}

/* Add 18/10/2012 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.fl {
	float:left;	
}
.fr {
	float:right;	
}
.quotes_box_title {
	padding:6px 4px; 
	/*border-top:2px solid #1b3976; */
	background:#CCC url(http://giacaphe.vn/templates/default/images/qbg.jpg) top repeat-x;
}
.quotes_box_title h2 {
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}
.quotes_table {
    width:100%;
    margin-bottom:20px;
    margin-top:0;
	border-collapse:collapse;
	border:1px solid #e5e5e5;
}
.quotes_table td {
	/*border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;*/
	padding:7px 0;
    text-align:center;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#000;
}
.quotes_table th {
	padding:6px 3px;
	color:#666666;
	font:bold 11px Tahoma, Geneva, sans-serif;	
	text-align:center !important;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#eceff5;
}
.position_odd, .position_even {
	/*font-weight:bold;*/
	color:#900 !important;
	font-size:12px !important;
}
.bd_bold {
	font-weight:bold;
	font-size:12px;
}

.p_close, .p_change {
	font-weight:bold;	
	font-size:13px !important;
}
/* End 18/10/2012 */

.old-mode {
	font-size:13px;
}