/* Nguoinhen205@yahoo.com */
/* css N-Web Mu v5 */
/*Top Bar*/
#top_bar {background-image: url("top_bar.gif"); width: 100%; height: 30px;}
#top_bar_container { color: #c0c0c0; position: relative; top: 2px; width: 980px; height: 24px; margin-right: auto; margin-left: auto;}
#top_bar_menu { position: relative; top: 3px; float: left;}
#top_bar_menu a{	color: #c0c0c0;	text-decoration: none;}
#top_bar_menu a:hover{ color: #ffd739; text-decoration: none;}
#top_bar_menu ul {list-style: none; padding:0; margin:0;}
#top_bar_menu  ul li { float:right; margin-right:5px; color:#c0c0c0;}
#top_bar_userdisplay{ position: relative; top: 3px;float: right; padding-right: 10px;}
#top_bar_userdisplay a{ color: #c0c0c0; text-decoration: none;}
#top_bar_userdisplay a:hover{ color: #ffd739; text-decoration: none;}
#top_bar_userdisplay ul {list-style: none; padding:0; margin:0;}
#top_bar_userdisplay  ul li { float:right; margin-right:5px; color:#c0c0c0;}
/* Header */
#header{ height: 210px; background: url('../images/bgtop_detail.jpg') top center no-repeat;}
/* Updated Header */
#header #branding-user { float: right; margin: 107px 28px 19px; position: relative; z-index: 9; }
#header #branding-user #nav-guest { position: relative; white-space: nowrap; display: inline-block; padding-top: 1px; }
/* Misc Bits */
th,
td { padding: 5px }
th { border-bottom: 1px solid #d6d8dd; border-right: 1px solid #d6d8dd; color: #2d3c4e; font-weight: bold; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eff0f2', EndColorStr='#e4e6e9'); }
th:last-child { border-right: 0 }
table .tleft { text-align: left }
table .tcenter { text-align: center }
table .tright { text-align: right }
blockquote,
.quote { clear: both; margin: 8px 0; padding: 4px 4px 4px 32px; border: 1px dotted #d6d8dd; background-position: 0 -839px; color: #444; font-size: 12px; }
.quote-header { font-weight: bold }
blockquote p:last-child { margin-bottom: 0 }
blockquote { color: #333; line-height: 150%;border: 1px solid #eee; background: #ffc; }
p {margin: -1; }
hr { border: 0; border-top: 1px solid #d6d8dd; margin: 16px 0; padding: 0; display: block; background: transparent; height: 1px; }
/* Body */
#body { margin-top: 8px; border-radius: 4px; padding: 12px; /*background-color: #fff;*/ overflow: hidden; }
/* Wrapper */
body { background-color: #ECECEC; background-attachment: fixed; color: #222; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; }
.clear { clear: both }
.fleft { float: left }
.fright { float: right }
.hideme { display: none }
nav,
section { display: block }
div#wrapper ul
div#wrapper li
div#wrapper:after { content=''; clear: both; height: 0; display: block; }
div#wrapper nav ul { border: 0; margin: 0; padding: 0; background: transparent; font-size: 100%; outline: 0; vertical-align: baseline; list-style: none }
/* Navigation */
#navigation { border-radius: 4px 4px 0 0; clear: both; padding: 0 0px; min-height: 40px; zoom: 1; background-color: #3e4c5e; background-position: 0 0; }
#navigation.single { border-radius: 4px; }
#nav-store > a,
#nav-tip > a { border-radius: 2px !important; }
#navigation > #navigation-menu { float: left }
#navigation > #navigation-user { float: right; position: relative; z-index: 1; }
#navigation > #navigation-user > li > a { font-size: 120% }
#navigation > ul { position: relative; z-index: 9; }
#navigation > ul > li,
#subnavigation > ul > li { float: left; position: relative; }
#navigation > ul > li { padding: 0 4px; }
#navigation > ul > li:last-child { border-right: 0; padding-right: 0; }
#navigation > ul > li > a { padding: 0 12px; display: block; color: #fff; font-size: 14px; font-weight: 600; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", 'Segoe UI', Segoe, 'Helvetica Neue', Helvetica, Roboto, Arial, FreeSans, sans-serif; line-height: 40px; text-decoration: none; cursor: pointer; position: relative; z-index: 10; height: 1%; zoom: 1; }
#navigation > ul > li#nav-user > a { padding: 0 12px; font-weight: normal; }
#navigation > ul > li > a:hover,
#navigation > ul > li.active > a:hover,
#navigation > ul > li:hover > a,
#navigation > ul > li.active:hover > a { border-radius: 4px 4px 0 0; background-color: #fff; background-image: none; color: #2d3c4e; filter: inherit; text-shadow: none; }
#navigation > ul > li#nav-subscribe > a:hover,
#navigation > ul > li#nav-subscribe:hover > a,
#navigation > ul > li#nav-store > a:hover,
#navigation > ul > li#nav-store:hover > a,
#navigation > ul > li#nav-tip > a:hover,
#navigation > ul > li#nav-tip:hover > a,
#navigation > ul > li#nav-register > a:hover,
#navigation > ul > li#nav-register:hover > a,
#navigation > ul > li#nav-login > a:hover,
#navigation > ul > li#nav-login:hover > a { border-radius: 4px 4px 0 0; background-color: #505e6f; background-position: 0 -100px; color: #fff; zoom: 1; }
#navigation > ul > li.active > a { border-radius: 4px 4px 0 0; background-color: #D9DCDF; background-position: 0 -50px; color: #2d3c4e; }
#navigation > ul > li > a > span { margin-left: 7px; width: 12px; display: inline-block; background-position: 0 0; height: 10px; vertical-align: baseline; }
#navigation > ul > li:hover > a > span,
#navigation > ul > li > a:hover > span,
#navigation > ul > li.active > a > span { background-position: 0 -10px }
#nav-user-pm { padding: 0 4px; margin: 0 -2px 0 8px; display: inline-block; background-color: #508c28; background-image: -moz-linear-gradient(top, #5da22e 0%, #508c28 100%); background-image: -ms-linear-gradient(top, #5da22e 0%, #508c28 100%); background-image: -o-linear-gradient(top, #5da22e 0%, #508c28 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5da22e), color-stop(100%, #508c28)); background-image: -webkit-linear-gradient(top, #5da22e, #508c28); background-image: linear-gradient(top, #5da22e, #508c28); color: #fff; font-style: normal; font-weight: 600; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", 'Segoe UI', Segoe, 'Helvetica Neue', Helvetica, Roboto, Arial, FreeSans, sans-serif; line-height: 20px; text-align: center; min-width: 12px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5da22e', EndColorStr='#508c28'); border-radius: 4px; text-shadow: none; }
#navigation > ul > li > .navigation-dropdown,
#subnavigation > ul > li > .navigation-dropdown { margin-left: 3px; left: -9999px; opacity: 0; }
#navigation > ul > li:hover > .navigation-dropdown,
#subnavigation > ul > li:hover > .navigation-dropdown { left: 0; opacity: 1; }
/* Header Subnav */
#subnavigation { border-radius: 0 0 4px 4px; clear: both; min-height: 28px; overflow: hidden; background-color: #024893; padding: 4px 0; }
#subnavigation > ul#news-filter { float: left; padding-left: 8px; overflow: hidden; }
#subnavigation > ul#news-filter > li { border-right: 1px solid #c5c9ce; margin: 4px 0; padding: 0 4px; }
#subnavigation > ul#news-filter > li:first-child { padding-left: 0 }
#subnavigation > ul#news-filter > li:last-child { border-right: 0; padding-right: 0; }
#subnavigation > ul#news-filter > li > a { margin: 0px 0; padding: 0 10px; display: block; font-size: 12px; font-weight: 600; line-height: 24px; text-decoration: none; height: 1%; zoom: 1; border-radius: 4px; /*new*/color: white; }
#subnavigation > ul#news-filter > li:hover > a,
#subnavigation > ul#news-filter > li > a:hover { background-color: #e6e7e8; background-color: rgba(255,255,255,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); }
#subnavigation > ul#news-filter > li.active > a,
#subnavigation > ul#news-filter > li.active:hover > a,
#subnavigation > ul#news-filter > li.active > a:hover { background-color: #969da6; color: #fff; background-image: none; filter: inherit; text-shadow: none; ; }
#subnavigation > ul#news-filter > li > a > var { padding: 0 4px; margin: 0 -2px 0 6px; display: inline-block; background-color: #508c28; background-image: -moz-linear-gradient(top, #5da22e 0%, #508c28 100%); background-image: -ms-linear-gradient(top, #5da22e 0%, #508c28 100%); background-image: -o-linear-gradient(top, #5da22e 0%, #508c28 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5da22e), color-stop(100%, #508c28)); background-image: -webkit-linear-gradient(top, #5da22e, #508c28); background-image: linear-gradient(top, #5da22e, #508c28); color: #fff; font-style: normal; font-weight: 600; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", 'Segoe UI', Segoe, 'Helvetica Neue', Helvetica, Roboto, Arial, FreeSans, sans-serif; line-height: 20px; text-align: center; min-width: 12px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5da22e', EndColorStr='#508c28'); border-radius: 4px; text-shadow: none; }
#news-view-headline a:hover { background-position: 4px -142px !important }
#nav-style span { padding: 0 4px 0 20px !important; background-position: 4px -158px !important; font-weight: 600; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", 'Segoe UI', Segoe, 'Helvetica Neue', Helvetica, Roboto, Arial, FreeSans, sans-serif; }
#nav-style span:hover { background-position: 4px -174px !important }
#respond{background:#ecf0f3;border:1px solid #C8D4DF;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;}
/* Buttons */
#bizwebform {background:#ffffff; border:solid 1px #3E4C5E; color:#a97933; font-family:Arial, Helvetica, sans-serif; font-size:10pt; width:190px; height:18px; padding:3px 0 0 3px; margin-left:20px;}
#bizwebselect {background:#070b15; border:solid 1px #3E4C5E; color:#a97933; font-family:Arial, Helvetica, sans-serif; font-size:9pt; width:195px; height:22px; padding:0px 0 0 3px; margin-left:20px;}
.button { border: 1px solid #d0d0d0; margin: 0; padding: 4px 8px; display: inline-block; background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0); background-image: linear-gradient(top, #ffffff, #f0f0f0); color: #666666 !important; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: none !important; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f0f0f0'); text-shadow: rgba(255,255,255,.75) 0 1px 0; border-radius: 3px; }
.button:hover { border: 1px solid #c0c0c0; background-color: #e0e0e0; background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0); background-image: linear-gradient(top, #ffffff, #e0e0e0); color: #333333 !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e0e0e0'); }
.button:active { border: 1px solid #909090; background-color: #c0c0c0; background-image: -moz-linear-gradient(top, #e0e0e0 0%, #c0c0c0 100%); background-image: -ms-linear-gradient(top, #e0e0e0 0%, #c0c0c0 100%); background-image: -o-linear-gradient(top, #e0e0e0 0%, #c0c0c0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(top, #e0e0e0, #c0c0c0); background-image: linear-gradient(top, #e0e0e0, #c0c0c0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#c0c0c0'); -webkit-box-shadow: inset rgba(0,0,0,.25) 0 0 8px; box-shadow: inset rgba(0,0,0,.25) 0 0 8px; }
.button.submit { border: 1px solid #2d3c4e; color: #ffffff !important; background-color: #2d3c4e; background-image: -moz-linear-gradient(top, #3f546d 0%, #2d3c4e 100%); background-image: -ms-linear-gradient(top, #3f546d 0%, #2d3c4e 100%); background-image: -o-linear-gradient(top, #3f546d 0%, #2d3c4e 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f546d), color-stop(100%, #2d3c4e)); background-image: -webkit-linear-gradient(top, #3f546d, #2d3c4e); background-image: linear-gradient(top, #3f546d, #2d3c4e); text-shadow: rgba(0,0,0,.35) 0 1px 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f546d', EndColorStr='#2d3c4e'); }
.button.submit:active { -webkit-box-shadow: inset rgba(0,0,0,.5) 0 0 8px; box-shadow: inset rgba(0,0,0,.5) 0 0 8px; }
a {text-decoration:none;}
img a{border:0;}
form {padding:0; margin:0;}
.canhgiua {width:984px; margin-left:auto; margin-right:auto;}
#body-wrapper {}
#content-wrap {float:left; width: 657px;}
#content-wrap .top { height: 9px; background:url(moduletop.png) no-repeat left bottom;}
#content-wrap .middle {padding-left:5px;}
#content-wrap .bottom {height:51px; background: url(modulebottom.png) top left;}
#sidebar {float:right;width:298px;}
#sidebar .top {height: 34px;background:url(sidetop.png) left top no-repeat;padding-left:15px;padding-top:10px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#sidebar .middle {background:url(sidebg.png) left repeat-y;padding-left:20px;}
.loginpanel {background:url(loginbg.png) repeat-y left;width:303px;padding:10px 0 0 0px;margin-left:-20px;}
#sidebar .bottom {height:51px;background:url(sidebottom.png) left top no-repeat;padding: 0px 10px;}
#sidebar .bottom ul {list-style: none;padding:0;margin:0;}
#sidebar .bottom ul li {font-size:12px;color:#ffffff;padding-left:10px;float:left;background:url(sidebarbottomli.gif) no-repeat left bottom;line-height: 47px;}
#sidebar .bottom ul li a:link, #sidebar .bottom ul li a:visited {color:#ffffff;background:url(arrow.png) left center no-repeat;padding:10px 10px 10px 20px;line-height: 47px;}
#sidebar .bottom ul li a:hover, #sidebar .bottom ul li a:active {color:#FC0;}
.loginbottomlinks a:link, .loginbottomlinks  a:visited {color:#000000;}
/* footer */
#foot_bottom{font-size:12px; padding:7px 0px 30px 0px; color: #90969f;}
#foot_bottom a{color:#c7cacf}
#foot_bottom a:hover{color:#aaaaaa}
#foot_bottom  ul {list-style: none; padding-left:5px; margin:0;}
#foot_bottom  ul li { float:left; margin-right:5px; color:#c0c0c0;}
/* end footer */
