@charset "utf-8";
/* CSS common */
img {
border: none;
}

ul, li, form, ol, input {
margin: 0;
padding: 0;
}


a {
color: #1f79c1;
text-decoration: none;
}

a:hover {
color: #005497;
text-decoration: underline;
}

.clearBoth {
clear: both;
}

div.title1 {
font-size: 18px;
padding: 0 0 15px 0;
color: #333333;
}

div.title2 {
font-size: 13px;
font-weight: 700;
padding: 0 0 10px 0;
color: #0e87d7;
}

div.titleStyle1 {
background: #f7f7f7;
padding: 7px 0 7px 10px;
margin: 0 0 10px;
}

div.titleStyle2 {
padding: 0 0 7px 0;
margin: 0 0 10px;
border-bottom: 1px solid #ccc;
}

div.lineSeparator {
background: url(../images/bg_line_separator.jpg) repeat-x 0 0;
height: 15px;
margin: 10px 0;
clear: both;
}

div.lineSeparator2 {
height: 1px;
line-height: 1px;
background: #eee;
margin-bottom: 15px;
}

div.des {
line-height: 150%;
}

ul.listStyle {
list-style: none;
margin: 0 0 15px 0;
}

ul.listStyle li {
background: url(../images/icon_check.jpg) no-repeat 0 5px; 
padding: 5px 0 5px 25px;
}

ol.listStyle {
margin: 0 0 0 30px;
list-style-type: decimal-leading-zero;
font-size: 18px;
color: #009900;
}

ol.listStyle li {
padding: 0 0 10px;
}

ol.columnList li.colLeft {
float: left;
width: 430px;
}

ol.columnList li.colRight {
float: right;
width: 430px;
}

ol.columnList li.colLeft2 {
float: left;
width: 250px;
}

ol.columnList li.colRight2 {
float: right;
width: 250px;
}

ol.listStyle li p {
color: #333333;
font-size: 12px;
}

div.note {
border-top: 1px solid #e5e5e5;
padding: 5px 0 15px 0;
font-size: 11px;
}

p {
line-height: 150%;
margin: 0;
padding: 0 0 10px 0;
}

/* para style */
p.style1 {
padding: 8px; 
margin: 0 0 10px 0;
background: #f2f2f2; 
color:#009900; 
font-weight: 700; 
text-align: center; 
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
}

p.dateStyle {
margin: 0 0 20px;
border-bottom: 1px solid #ccc;
}

p.back {
border-top: 1px solid #ccc;
text-align: right;
margin-top: 20px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin: 0;
padding: 0;
background: #333333;
}

/* header */
.header {
margin: 0 auto;
width: 960px;
margin-bottom: 5px;
}

.header .headerLeft {
float: left;
}

.header .headerLeft .logo {
margin: 10px 0 0 0;
}

.header .headerLeft .menu {
margin: 15px 0 0 0;
}

.header .headerLeft .menu ul {
list-style: none;
}

.header .headerLeft .menu ul li {
display: inline;
}

.header .headerLeft .menu ul li a {
color: #adadad;
font-size: 11px;
padding: 5px 13px;
display: inline-block;
text-transform: uppercase;
}

.header .headerLeft .menu ul li a:hover, .header .headerLeft .menu ul li a.active {
text-decoration: none;
color: #fff;
background: #525252;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.header .headerRight {
float: right;
color: #adadad;
}

.header .headerRight .jinnovaMenu {
margin: 5px 0 0 0 ;
text-align: right;
}

.header .headerRight .jinnovaMenu a {
color: #adadad;
font-size: 10px;
text-transform: uppercase;
}


.header .headerRight .download {
margin: 15px 0 0 0;
}

.header .headerRight .jinnovaMenu a:hover, .header .headerRight .jinnovaMenu a.active {
text-decoration: none;
color: #fff;
}

.header .headerRight .download a {
background: url(../images/btn_download.jpg) no-repeat 0 0;
display: inline-block;
width: 214px;
height: 57px;
padding: 10px 0 0 5px ;
line-height: 130%;
}

.header .headerRight .download a:hover {
text-decoration: none;
}

.header .headerRight .download a span.version {
font-size: 10px;
color: #fff;
font-weight: 700;
}

.header .headerRight .download a span.versionNumber {
font-size: 18px;
color: #eee;
font-weight: 700;
padding: 0 0 0 5px;
}

/* banner flash */
.banner {
background: url(../images/bg_flash.jpg) repeat-x 0 0;
}

.banner .flash {
margin: 0 auto;
width: 960px;
}

/* feature */
.mainFeature {
background: url(../images/bg_home_features.jpg) repeat-x 0 0;
padding: 15px 0 0 0;
height: 137px;
}

.mainFeature .mainFeatureHelp {
margin: 0 auto;
width: 960px;
}

.mainFeature .feature {
float: left;
width: 270px;
padding: 15px 20px;
border-left: 1px solid #CCCCCC;
}

.mainFeature .borderRight {
border-right: 1px solid #CCCCCC;
}

.mainFeature .feature .name {
font-size: 18px;
font-style: italic;
margin: 0 0 10px 0;
}

.mainFeature .feature .des {
margin: 0 0 10px 0;
}

.mainFeature .feature .moreInfo {
text-align: center;
}

.mainFeature .feature .moreInfo a {
background: url(../images/btn_detail1.gif) no-repeat 50% 50%;
display: inline-block; 
padding: 3px 13px;
font-size: 10px;
color: #fff;
text-decoration: none;
}

.mainFeature .feature .moreInfo a.blue {
background: url(../images/btn_detail2.gif) no-repeat 50% 50%;
}

.mainFeature .feature .moreInfo a.orange {
background: url(../images/btn_detail3.gif) no-repeat 50% 50%;
}

/* main content */
.mainContent {
background: #fff;
}

.mainContent .mainContentHelp {
margin: 0 auto;
width: 960px;
padding: 25px 0;
}

.mainContent .contentLeft{
float: left;
width: 600px;
}

.mainContent .contentRight{
float: right;
width: 300px;
}

/* service */
.services {
}

.services .service {
padding: 8px 7px 8px 15px;
background-repeat: no-repeat;
background-position: 8px 8px;
}

.services .sabout {
background-image: url(../images/icon_service_about.jpg);
}

.services .sinstall {
background-image: url(../images/icon_service_tool.jpg);
}

.services .sfaq {
background-image: url(../images/icon_service_faq.jpg);
}

.services .shelp {
background-image: url(../images/icon_service_help.jpg);
}

.services .odd {
background-color: #f1f1f1;
}

.services .service .name {
padding: 0 0 10px 0;
}

.services .service .name a {
font-weight: 700;
}

.services .downloadFile{
border-top: 1px solid #eaeaea;
margin: 15px 0 0 0;
padding: 10px 0 0 0;
color: #b3b3b3;
font-size: 11px;
}

.services .downloadFile a {
float: left;
margin: 0 10px 0 0;
}

/* tabs */
.newsTab {
padding: 10px 0 0 0;
}

ul.tabs {
list-style: none;
}

ul.tabs li {
display: inline;
padding: 5px 15px;
margin: 1px 0 0 0;
}

ul.tabs li.active {
border: 1px solid #cccccc;
border-bottom-width: 0;
padding-bottom: 1px;
color: #000;
font-weight: 700;
background: #fff;
}

ul.tabs li.tab1 {
margin: 0 0 0  10px;
}

ul.tabs li a {
display: inline-block;
cursor: pointer;
}

ul.tabs li.active a {
color: #000;
text-decoration: none;
}

.hotNews {
border-top: 1px solid #cccccc;
padding: 20px 10px 0;
}

.newsScroll {
overflow: hidden;
width: 280px;
height: 135px;
}

.listNews {
width: 10000px;
}

.hotNews .article {
float: left;
width: 280px;
margin: 0 20px 0 0;
}

.hotNews .article .name {
}

.hotNews .article .date {
font-size: 11px;
color: #9d9d9d;
margin: 0 0 15px 0;
}

.hotNews .article .des {
}

.hotNews .list {
float: none;
width: 100%;
margin: 0 0 20px;
}

.hotNews .list .date {
margin-bottom: 5px;
}

.hotNews .nextArticle {
background: url(../images/bg_btn_next.jpg) no-repeat 0 0;
height: 100%;
margin: 20px 0 0 0;
}

.hotNews .nextArticle .moreDetail {
float: left;
display: inline;
}

.hotNews .nextArticle .moreDetail a {
color: #fff;
font-size: 10px;
padding: 2px 10px;
display: inline-block;
text-decoration: none;
}

.hotNews .nextArticle .nextBtn {
float: right;
padding: 2px 5px 0 0;
display: inline;
}

.hotNews .nextArticle .nextBtn img.prev, .hotNews .nextArticle .nextBtn img.next {
cursor: pointer;
}

#newspaper {
display: none;
}

/*online support*/
.onlineSupport {
background: #ebebeb url(../images/bg_online_support.jpg) repeat-x 0 0;
margin: 30px 0 0 0;
padding: 10px 15px 18px;

}

.onlineSupport .title1 {
padding: 5px 0 10px 0;
border-bottom: 1px solid #fff;
}

.onlineSupport .yahoo {
margin: 10px 0 0 0;
padding: 5px 0 5px 30px;
background: url(../images/icon_yahoo.gif) no-repeat 0 50%;
}

.onlineSupport .skype{
margin: 20px 0 0 0;
}

.onlineSupport .skype a {
padding: 5px 0 5px 30px;
background: url(../images/icon_skype.gif) no-repeat 0 50%;
}

.onlineSupport .skype a.skypeTech {
margin-right: 15px;
background: url(../images/icon_skype.gif) no-repeat 0 50%;
}

.onlineSupport .hotLine {
margin: 15px 0 0 0;
padding: 5px 0 5px 30px;
color: #d93f00;
font-size: 14px;
background: url(../images/icon_phone.gif) no-repeat 0 50%;
font-weight: 700;
}

/*footer */
.footer {
margin: 0 auto;
width: 960px;
color: #999999;
font-size: 11px;
padding: 10px 0 10px 0;
}

.footer a {
color: #adadad;
}

.footer a:hover {
color: #fff
}

/*for inside pages */
.bannerInside {
background: url(../images/bg_banner_inside.jpg) repeat-x 0 0;
height: 180px;
} 

.bannerInsideHelp {
margin: 0 auto;
width: 960px;
padding: 20px 0;
height: 140px;
}

.bannerInsideFeature {
background: url(../images/img_for_feature1.jpg) no-repeat 100% 0;
}

.bannerInsideJinnova {
background: url(../images/img_for_about_jinnova.jpg) no-repeat 100% 0;
}

.bannerInsideTradestation {
background: url(../images/img_for_about_trade.jpg) no-repeat 100% 0;
}

.bannerInsideInstall{
background: url(../images/img_for_install.jpg) no-repeat 100% 0;
}

.bannerInsideCost{
background: url(../images/img_for_cost.jpg) no-repeat 100% 0;
}

.bannerInsideContact{
background: url(../images/img_for_contact.jpg) no-repeat 100% 0;
}

.bannerInsideNews {
background: url(../images/img_for_news.jpg) no-repeat 100% 0;
}

.bannerInsideDownload {
background: url(../images/img_for_download.jpg) no-repeat 100% 0;
}

.bannerInsideUserGuide {
background: url(../images/img_for_user_guide.jpg) no-repeat 100% 0;
}

.bannerInside .largeTitle {
font-size: 34px;
font-weight: 700;
color: #fff;
margin: 0 0 23px 0;
}

.bannerInside .titleDes {
color: #fff;
line-height: 160%;
width: 480px;
}

/* Trang gioi thieu Tradestation */
.serviceImage {
margin: 10px 0;
}

.serviceImage .img {
margin: 5px 0 0 0;
}

.serviceImage .img a {
display: inline-block;
border: 1px solid #ebebeb;
}

.serviceImage .img a:hover {
border: 1px solid #ccc;
}

/* trang cai dat tradestation */
.installationSteps {
padding: 10px; 
margin: 0 0 20px 0;
background: #f2f2f2; 
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
}

.installationSteps .step1, .installationSteps .step2, .installationSteps .step3, .installationSteps .step4 {
padding: 10px 0 10px 40px;
background: url(../images/icon_step1.jpg) no-repeat 0 3px;
}

.installationSteps .step2 {
background: url(../images/icon_step2.jpg) no-repeat 0 3px;
}

.installationSteps .step3 {
background: url(../images/icon_step3.jpg) no-repeat 0 3px;
}

.installationSteps .step4 {
background: url(../images/icon_step4.jpg) no-repeat 0 3px;
}

.installationSteps span {
color:#009900; 
}

/* giới thiệu Jinnova */
.submenu {
background: url(../images/bg_submenu.jpg) no-repeat 0 0;
margin: 0 0 20px;
}

.submenu .nosub a {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.submenu .sub a {
padding: 7px 7px 7px 30px;
display: block;
text-decoration: none;
font-weight: 700;
color: #000;
height: 15px;
text-transform: uppercase;
}

.submenu .sub a:hover, .submenu .sub a.active {
background: url(../images/bg_submenu_item.jpg) repeat-x 0 0;
color: #fff;
}

.submenu ul {
list-style: none;
margin: 0 0 5px 30px;
}

.submenu ul li a {
padding: 5px 5px 5px 15px;
background: url(../images/icon_dot.gif) no-repeat 0 50%;
display: block;
height: 15px;
}

.submenu ul li a.active {
color: #666666;
text-decoration: underline;
}

.architect {
float: left;
width: 190px;
margin: 0 0 15px 0;
}

.architect div.head {
background: #f0f0f0;
font-weight: 700;
text-align: center;
padding: 5px 0;
margin: 0 0 10px 0;
color:#009900;
}

.architect ul, ul.listStyle2 {
list-style: none;
}

.architect ul li, ul.listStyle2 li {
background: url(../images/icon_dot.gif) no-repeat 0 5px;
padding: 0 0 0 15px;
line-height: 150%;
}

/* other feature page */
.otherFeaturePage {
}


/* contact form */
.contactForm {
background: url(../images/bg_form_contact.jpg) no-repeat 0 0;
border: 1px solid #eeeeee;
width: 259px;
height: 210px;
float: right;
margin: 0 0 15px 25px;
padding: 10px;
}

.contactForm ul {
list-style: none;
}

.contactForm ul li {
}

.contactForm ul li label {
width: 60px;
padding: 5px 0 0;
float: left;
}

.contactForm ul li input.text {
float: left;
width: 190px;
height: 14px;
border: 1px solid #d4d4d4;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 5px;
}

.contactForm ul li textarea {
width: 250px;
height: 98px;
border: 1px solid #d4d4d4;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 5px 0 5px;
}

.contactForm ul li input.submit {
width: 60px;
height: 22px;
background: url(../images/btn_send.jpg) no-repeat 0 0;
border: none;
color: #fff;
}

label.error {
float: none;
}