/* reset css */
/*
YUI 3.10.0 (build a03ce0e)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
    color: #000;
    background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

strong, bold {
    font-weight: bold;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input,
textarea,
select {
    *font-size: 100%;
}

legend {
    color: #000;
}

.horizontal-list li {
    float: left;
}

.disnone {
    display: none;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    cursor: pointer;
}
/*------------------------------------------------*/
/* Basic Style
/*------------------------------------------------*/
html {
    background-color: #F6F4F4;
}

#Body {
    background-color: #f6f4f4;
    font-size: 12px;
}

#mps-content {
    padding: 5px 0 0 0;
}

#mps-wrap {
    padding: 5px 2% 0;
    background: #fff;
}

    #mps-wrap h1 {
        font-size: 30px;
        color: #5c5146;
        padding-bottom: 10px;
        margin-top: 12px;
        text-align: center;
    }

    #mps-wrap h2 {
        font-size: 16px;
        color: #1f4c7c;
        font-weight: bold;
        padding: 0px 0px !important;
    }

        #mps-wrap h2.lightblack {
            font-size: 16px;
            color: #716F70;
            font-weight: bold;
        }

    #mps-wrap h3 {
        font-size: 14px;
        color: #333;
        font-weight: bold;
    }

    #mps-wrap h4 {
        font-size: 12px;
        color: #9d9d9d;
    }

 /*Added for contact us page */
.normal-description1 {
    color: #333;
    padding-bottom: 0px;
    padding-left: 30px;
	 margin: 0 0 0px;
	
}

.normal-description-wrapper {
    padding: 0 2%;
    text-align: justify;
}

.normal-description-title {
    font-weight: bold;
    color: #333;
}

.normal-description {
    color: #333;
    padding-bottom: 5px;
}

.normal-description-gray {
    /*color: #A6A6A6;*/
    color: #4e4e4e;
    padding-bottom: 5px;
}

.normal-description-lightblue {
    color: #6C849E;
    padding-bottom: 5px;
}

.large-text {
    font-size: 13px;
    color: #333;
}

.input-label {
    font-size: 15px;
    color: #40648a;
}

a.link {
    font-size: 13px;
    /*color: #516b88;*/
    width: 25px;
    height: 25px;
    /*background-color: #026493;*/
    margin: -4px 2px 7px 7px;
}

    a.link:hover {
        text-decoration: underline;
    }

.fr {
    float: right;
}

.fl {
    float: left;
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

.clear {
    clear: both;
}

.tabs-content-minheight {
    min-height: 300px;
}

.title {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
}

/*------------------------------------------------*/
/* CONTENT PANES
/*------------------------------------------------*/

/* rewrite input*/
.dnnFormItem input {
    line-height: 1em;
}
/* Content Pane - 2 columns */
.mps-two-columns .two-col-left-pane {
    float: left;
    width: 200px;
    margin-right: 0;
}

.mps-two-columns .two-col-right-pane {
    float: right;
    width: 708px;
    border: none;
    border-radius: 4px;
    padding: 15px 30px;
    background: white;
}

.mps-two-columns .two-col-right-pane-nopad {
    float: right;
    width: 768px;
    border: none;
    border-radius: 4px;
    #padding: 15px 30px;
    background: white;
    padding-top: 15px;
}

/*------------------------------------------------*/
/* Header & Nav Menu
/*------------------------------------------------*/
.logo {
    /**/width: 168px;
    width: 214px;
    margin-top: 8px;
    /*height: 50px;*/
}

.line-globe, .mymps {
    margin-top: 5px;
    background: url("image/home_ico.png") no-repeat;
    float: left;
    text-indent: 30px;
    height: 30px;
    color: #333333;
    line-height: 26px;
    padding-right: 17px;
    font-size: 90%;
}

.line-globe {
    background-position: 0px 0px;
}

.mymps {
    background-position: 0px -33px;
}

.hot-links {
    display: inline-block;
    margin: 30px 7px 0 0;
    margin: 30px -10px 0 0 \9;
    /*margin: 14px -445px 0 0;
    margin: 14px -435px 0 0 \9;*/
}

.search-box {
    position: relative;
}

.search-input {
    padding-left: 10px;
    margin-left: 20px;
    width: 160px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #A7A7A7;
    border-right: none;
    color: #B9B6B5;
    font-style: italic;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
}

.search-button {
    background-color: #89ACD1;
    cursor: pointer;
    background-image: -moz-linear-gradient(center top, #AFC8E0 0%, #A5C1DE 50%, #8FB1D4 50%, #7298C3 100%);
    background-image: -webkit-linear-gradient(top, #AFC8E0 0%, #A5C1DE 50%, #8FB1D4 50%, #7298C3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFC8E0', endColorstr='#7298C3');
    border: 1px solid #5098DC;
    border-radius: 0 3px 3px 0;
    width: 30px;
    height: 28px;
    right: 0px;
    position: absolute;
    top: 0px;
}

    .search-button:HOVER {
        background-color: #89ACD1;
        cursor: pointer;
        background-image: -moz-linear-gradient(center top, #CDDDEC 0%, #A2BEDB 50%, #6A95C6 50%, #7298C3 100%);
        background-image: -webkit-linear-gradient(top, #CDDDEC 0%, #A2BEDB 50%, #6A95C6 50%, #7298C3 100%);
        border: 1px solid #5098DC;
        border-radius: 0 3px 3px 0;
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0px;
        top: 0px;
    }

/*---------------*/
/*Home Contaniner
/*---------------*/
.home-container {
    width: 94% !important;
    /*min-width: 1152px;*/
    min-width: 1172px;
    max-width: 1500px;
}

/*------*/
/*Header
/*------*/
.mps-logo {
    margin: 0 0 20px 30px;
    max-width: 180px !important;
}

/*-------*/
/*PicShow
/*-------*/
.picShow {
    margin: -13px 0 20px 0;
    /*box-shadow: 0 18px 15px -3px #0E3C60;*/
}

.picShowShadow {
    margin: -40px 0 9px 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, #0E3C60 0%, #FFF 100%);  /*W3C**/
    background: -moz-linear-gradient(center top, #0E3C60 0%, #FFF 100%);  /*FF3.6+*/ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0E3C60), color-stop(100%, #FFF));  /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top, #0E3C60 0%, #FFFFFF 100%);  /*Chrome10+,Safari5.1+*/ 
    background: -o-linear-gradient(top, #0E3C60 0%, #FFF 100%);  /*Opera 11.10+*/
    background: -ms-linear-gradient(top, #0E3C60 0%, #FFF 100%);  /*IE10+*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E3C60', endColorstr='#FFFFFF',GradientType=0 );  /*IE6-9*/
}

/*main nav*/
#nav {
    /*margin-bottom: 15px;*/
    margin-bottom: 8px;
}

.main-nav {
    position: relative;
    margin-top: -2px;
    margin-left: 0px;
    width: 100%;
    background-color: #0E3C60;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .main-nav > li.home-button {
        display: none;
        border-radius: 5px 0px 0px 5px;
        border-left: none;
        /*width: 10%;*/
        width: 5.5%; 
        height: 34px;
    }

    .main-nav > .home-button > a {
        background: url("image/home.png") no-repeat scroll center center;
        /*padding-left:37px;
	      padding-right: 37px;*/
        width: 100%;
    }

    .main-nav .last-nav {
        position: inherit;
        right: 0;
        border-right: none;
    }
    .main-nav .last-nav {
        width: 13%;
    }
    .main-nav > li:last-child {
        border-right: none;
        border-radius: 0px;
        position: inherit;
        right: 0;
    }

.home-logo {
    display: inline-block;
    height: 20px;
    margin-bottom: -5px; /* for FireFox */
    margin-bottom: -10px \9; /* for IE */
}

.currentPageNav .home-logo {
    display: inline-block;
    height: 25px; /*for FireFox*/
    margin-bottom: -3px; /* for FireFox */
    height: 20px \9; /*for IE*/
    margin-bottom: -10px \9; /* for IE */
}

/* for Google */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .home-logo {
        margin-bottom: -4px;
    }
    
    .currentPageNav .home-logo {
        height: 25px;
        margin-bottom: -3px;
    }
}

.main-nav > li {
    position: relative;
    text-align: center;
    width: 13%;
    float: left;
    font-size: 1.4em;
    font-weight: inherit;
    height: 38px;
    background: #0E3C60; /* Old browsers */
    border-left: none;
    filter: none;
}

.main-nav .design-support {
    width: 15%;
    margin-right: 0;
}

.main-nav .support-community {
    display: none;
    width: 14%;
}

.main-nav .quality {
    display: none;
}

    .main-nav > li:hover, .main-nav > li:active, .main-nav > .currentPageNav {
        /*background: #8BAED2;*/ /* Old browsers */
        background: #FFFFFF;
        background: #FFFFFF; /*linear-gradient(to bottom, rgba(168,195,224,1) 0%,rgba(85,129,174,1) 100%);  W3C*/ 
        background: #FFFFFF; /*-moz-linear-gradient(center top, #A8C3E0 0%, #8BAED2 90%, #8BAED2 90%, #7698BB 100%);  FF3.6+*/ 
        background: #FFFFFF; /*-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,195,224,1)), color-stop(100%,rgba(85,129,174,1)));  Chrome,Safari4+*/ 
        background: #FFFFFF; /*-webkit-linear-gradient(top, #A8C3E0 0%, #8BAED2 90%, #8BAED2 90%, #7698BB 100%);  Chrome10+,Safari5.1+*/ 
        background: #FFFFFF; /*-o-linear-gradient(top, rgba(168,195,224,1) 0%,rgba(85,129,174,1) 100%);  Opera 11.10+*/ 
        background: #FFFFFF; /*-ms-linear-gradient(top, rgba(168,195,224,1) 0%,rgba(85,129,174,1) 100%);  IE10+*/ 
        filter: none; /*progid:DXImageTransform.Microsoft.gradient( startColorstr='#A8C3E0', endColorstr='#5581AE',GradientType=0 );  IE6-9*/ 
    }

        .main-nav > li:hover > a, .main-nav > li:active > a, .main-nav > .currentPageNav > a {
            /*color: #fff;*/
            color: #333333;
        }

    .main-nav a:focus {
        text-decoration: none;
    }

    .main-nav > li > a {
        color: #FFFFFF;
        padding: 8px 0;
        display: inline-block;
        width: 100%;
    }

        .main-nav > li > a:hover {
            color: #333333;
            text-decoration: none;
        }

/*second nav*/
.second-nav {
    width: 240px;
    position: absolute;
    left: 0;
    top: 38px;
    font-size: 16px;
    font-weight: normal;
    margin: 0px 0 0 0;
    border: 1px solid #E4E4E4;
    z-index: 170;
    background: #FFFFFF; /*#F3F3F3;*/
    box-shadow: 0px 1px 10px #D3D3D3;
}

    .second-nav > li {
        margin: 0;
        padding: 0;
        /*width: 100%;*/
        line-height: normal;
    }

    .second-nav li {
        border-left: 4px solid transparent;
        margin-left: -1px;
        text-align: left;
        position: relative;
    }

    .second-nav > li > a {
        padding: 0.5em 0;
        width: 100%;
        /*color: #57728D;*/
        /*color: #0243A4;*/
        color: #333333;
        display: inline-block;
        margin: 0;
    }

        .second-nav > li > a > img {
            margin-left: 0.75em;
            float: left;
            margin-top: 2px;
            width: 10%;
            height: 18px;
        }

        .second-nav > li > a > span {
            margin-left: 1em;
            display: inline-block;
            width: 75%;
        }

    .second-nav li:hover,
    .second-nav .currentSecendNav,
    .thirdNav > .currentThirdNav {
        /*background: #DEE7F0;
        border-left-color: #455B76;*/
        background: #0E3C60;
        border-left-color: #0E3C60;
    }

        .second-nav .currentSecendNav > a,
        .thirdNav > .currentThirdNav > a {
            color: #FFF !important;
        }

    .second-nav li a:hover {
        text-decoration: none;
        color: #FFF !important;
    }

.sec-hover {
    text-decoration: none;
    color: #FFF !important;
}

/*third nav*/
.thirdNavRight {
    left: 100%;
}

.thirdNavLeft {
    right: 102%;
    box-shadow: 1px 1px 10px #D3D3D3;
}

.thirdNav {
    position: absolute;
    top: -1px;
    z-index: 170;
    margin: 0;
    padding: 0;
    width: 240px;
    border: 1px solid #D3D3D3;
    /*background: #F3F3F3;*/
    background: #FFF;
    color: #57728D;
}
    /*.thirdNav > li:hover,.thirdNav > .currentThirdNav{
	background: #DEE7F0;
	border-left: 4px solid #455B76;
	margin-left: -2px;
}*/
    .thirdNav > li > a {
        display: block;
        /*color: #57728D;*/
        /*color: #0243A4;*/
        color: #333333;
        padding: 0.5em 0;
    }

        .thirdNav > li > a:hover {
            text-decoration: none;
        }

        .thirdNav > li > a > img {
            margin-left: 0.75em;
            float: left;
            margin-top: 2px;
            width: 10%;
            height: 18px;
        }

        .thirdNav > li > a > span {
            margin-left: 0.70em;
            display: inline-block;
            width: 76%;
        }


.bg-shadow {
    height: 3px;
    width: 970px;
    border-radius: 0px 0px 15px 15px;
    background: #92A6BB; /* Ò»�©²»Ö§³Ö±³¾°½¥±äµÄä¯ÀÀÆ÷ */
    background: -moz-linear-gradient(top, #4E6E90, #92A6BB);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4E6E90), to(#92A6BB));
    background: -o-linear-gradient(top, #4E6E90, #92A6BB);
}

/*------------------------------------------------*/
/* Footer
/*------------------------------------------------*/
.mps-foot {
    margin-top: 10px;
    /*background-color: #7395B8;*/
    /*background-color: #0B3D62;
    background: #A4BFDD;
    background: -moz-linear-gradient(top,#A4BFDD 0,#5B7998 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#A4BFDD),color-stop(100%,#5B7998));
    background: -webkit-linear-gradient(top,#A4BFDD 0,#5B7998 100%);
    background: -o-linear-gradient(top,#A4BFDD 0,#5B7998 100%);
    background: -ms-linear-gradient(top,#A4BFDD 0,#5B7998 100%);
    background: linear-gradient(to bottom,#A4BFDD 0,#5B7998 100%);*/
    padding: 0;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    color: #fff;
    border-top: solid 1px #cccccc;
}

.white-logo {
    padding-top: 13px;
    margin: 0 0 20px -12px;
}

.mps-foot .footer-items {
    background: url("image/line.png") repeat-x;
    width: 22%;
    margin-right: 23px;
}

.mps-foot .footer-last-item {
    margin-right: 0;
}

#ContactUs_Footer {
    margin-top: 5px;
    /*position: absolute;
    left: 864px;*/
}

.footer-item-description {
    color: #7F8891;
    font-size: 12px;
}

    .footer-item-description li {
        padding-bottom: 5px;
    }

.footer-link {
    color: #fff;
}

    .footer-link:link,
    .footer-link:visited,
    .footer-link:hover,
    .footer-link:active {
        color: #fff;
    }

.foot-title {
    background-color: #003B63;
    margin: -7px 0 10px -5px;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding-right: 15px;
}

.footer-sub-title {
    display: block;
}

.mps-recent-products dt, .mps-recent-products dd {
    padding-left: 73px;
}

.mps-recent-products dt {
    padding-top: 2px;
}

.mps-recent-products dd {
    min-height: 30px;
    padding-bottom: 10px;
}

.mps-recent-products .recent-first-product {
    padding-top: 0;
}

.recent-product-name a {
    font-size: 12px;
    font-weight: normal;
}

.recent-product-img {
    margin: -12px 0 0 -69px;
    max-width: 48px;
}

.footer-contact-item {
    color: #FFF;
    margin-right: 30px;
    float: left;
    padding-left: 40px;
}

.footer-address {
    background: url('image/location.png') no-repeat -7px 50%;
    padding-left: 30px;
}

.footer-phone {
    background: url('image/phone.png') no-repeat;
}

.footer-email {
    background: url('image/envelope.png') no-repeat;
}

.footer-contact-item p {
    padding-bottom: 0;
    margin-bottom: 0;
    color: #003B63;
}

.footer-title {
    font-weight: bold;
}

.footer-vertical-space {
    padding-top: 10px;
}

.email-inputbox-label {
    color: #7F8891;
}

.footer-item-img {
    margin: 0px 20px 0px 0;
}

.foot-email {
    height: 30px;
    width: 166px;
    border: 1px solid #3A4F60;
}

.foot-email-btn {
    background: url("image/email.png") no-repeat;
    cursor: pointer;
    width: 40px;
    height: 31px;
    border: none;
}

.foot-contact-link {
    position: inherit;
    margin-top: 3px;
    float: right;
    width: 170px;
}

.zh-foot-contact-link {
    position: inherit;
    margin-top: 1px;
    float: right;
    width: 110px;
}

    .foot-contact-link li, .zh-foot-contact-link li {
        float: left;
    }

.link {
    display: block;
}

.zh-foot-contact-link .link {
    background: none;
}

.zh-foot-contact-link .link1 {
    /*background: url("image/qq_48x48.png") no-repeat;*/
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    margin-top: -1px;
}

    .zh-foot-contact-link .link1 img {
        width: 25px;
        height: 25px;
    }

.zh-foot-contact-link .link2 {
    /*background: url("image/zone_48x48.png") no-repeat;*/
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    margin-top: -5px;
}

    .zh-foot-contact-link .link2 img {
        width: 25px;
        height: 25px;
    }

.zh-foot-contact-link .link3 {
    /*background: url("image/wb_48x48.png") no-repeat;*/
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    margin-top: -2px;
}

    .zh-foot-contact-link .link3 img {
        width: 25px;
        height: 25px;
    }

.jp-foot-contact-link, .kr-foot-contact-link {
    width: 110px;
}

.link1 {
    /*background: url("image/fb_63x63.png") no-repeat;*/
    background-size: 25px 25px;
}

    .link1 img {
        width: 25px;
        height: 25px;
    }

.link2 {
    /*background: url("image/tt_63x63.png") no-repeat;*/
    background-size: 25px 25px;
}

    .link2 img {
        width: 25px;
        height: 25px;
    }

.link3 {
    /*background: url("image/in_63x63.png") no-repeat;*/
    background-size: 25px 25px;
}

    .link3 img {
        width: 25px;
        height: 25px;
    }

.link4 {
    /*background: url("image/yt_63x63.png") no-repeat;*/
    background-size: 25px 25px;
}

    .link4 img {
        width: 25px;
        height: 25px;
    }

.link5 {
    /*background: url("image/yk_65x65.png") no-repeat;*/
    background-size: 25px 25px;
}

    .link5 img {
        width: 25px;
        height: 25px;
    }

.link6 {
    /*background-position: -140px 0px;*/
}

.copy-right {
    /*background: url("image/hr.png") repeat-x;*/
    padding: 5px 0 0;
    position: relative;
    color: #333333;
    font-size: 16px;
    /*text-shadow: 0 0 1px #FFF;*/
}

.cr {
    /*color: #003B63;*/
    text-shadow: none;
}

.footer-bottom-ul {
    margin-bottom: 8px;
    margin-right: 3px;
}

.footer-bottom-ul li {
    float: left;
    margin: 2px 1px 0 0;
}

    .footer-bottom-ul li a {
        /*color:#7F8891;*/
        color: #333333;
        text-decoration: none;
        /*text-shadow: 0 0 1px #FFF;*/
    }

        .footer-bottom-ul li a:hover {
            color: #0E3C60;
        }

.copy-right p {
    margin-top: 8px;
    display: inline;
    /*text-shadow: 0 0 1px #FFF;*/
}

a.foot-up {
    font-size: x-large;
    display: block;
    background-color: #326698;
    width: 28px;
    height: 28px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    bottom: 43px;
    left: 912px;
    color: #fff;
    border-radius: 5px;
}

    a.foot-up:hover {
        text-decoration: none;
        font-size: x-large;
        background-color: #319FDA;
        color: #FFF;
    }

.power {
    color: #333333;
    padding-left: 5px;
}


/*------------------------------------------------*/
/* Sub Menu
/*------------------------------------------------*/
.mps-sub-menu {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background: #f3f3f3;
    box-shadow: 0px 1px 10px #d3d3d3;
}

    .mps-sub-menu li:hover {
        background: #dee7f0;
        border-left: 4px solid #455b76;
        margin-left: -2px;
    }

    .mps-sub-menu li a {
        display: block;
        padding: 0.71em 0.71em 0.71em 4em;
        background-position: 17px 11px;
        background-repeat: no-repeat;
    }

        .mps-sub-menu li a:hover {
            text-decoration: none;
        }

.menu-ac-icon a {
    background: url("image/menu-ac-icon.png");
}

.menu-audio-icon a {
    background: url("image/menu-audio-icon.png");
}

.menu-battery-icon a {
    background: url("image/menu-battery-icon.png");
}

.menu-module-icon a {
    background: url("image/menu-module-icon.png");
}

.menu-overview-icon a {
    background: url("image/menu-overview-icon.png");
}

.menu-corporate-icon a {
    background: url("image/menu-corporate-icon.png");
}

.menu-management-icon a {
    background: url("image/menu-management-icon.png");
}

.menu-investor-icon a {
    background: url("image/menu-investor-icon.png");
}

.menu-careers-icon a {
    background: url("image/menu-careers-icon.png");
}

.menu-news-icon a {
    background: url("image/menu-news-icon.png");
}

.menu-contact-icon a {
    background: url("image/menu-contact-icon.png");
}

.menu-OEM-icon a {
    background: url("image/menu-OEM-icon.png");
}

.menu-videos-icon a {
    background: url("image/menu-videos-icon.png");
}

.menu-fact-icon a {
    background: url("image/menu-fact-icon.png");
}


/*------------------------------------------------*/
/* Common Style
/*------------------------------------------------*/
.hide {
    display: none;
}


/*------------------------------------------------*/
/* Button
/*------------------------------------------------*/

.common-use-button {
    background: #ededed;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    background: -moz-linear-gradient(center top, #FFFFFF, #DCDCDC) repeat scroll 0 0 #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -o-linear-gradient(top, #FFFFFF, #DCDCDC) repeat scroll 0 0 #EEEEEE;
    background: -ms-linear-gradient(top, #FFFFFF, #DCDCDC) repeat scroll 0 0 #EEEEEE;
    border: 1px solid #D0D0D0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
    color: #666666;
    height: 25px;
    padding: 0 30px;
}

    .common-use-button:hover {
        background: #ededed;
        background: -moz-linear-gradient(center top, #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EDEDED');
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EDEDED));
        background: -o-linear-gradient(top, #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
        background: -ms-linear-gradient(top, #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
    }

    .common-use-button:active {
        color: #999999;
        background: #ededed;
        background: -moz-linear-gradient(center top, #EDEDED, #FFFFFF) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#FFFFFF');
        background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#FFFFFF));
        background: -o-linear-gradient(top, #EDEDED, #FFFFFF) repeat scroll 0 0 transparent;
        background: -ms-linear-gradient( top, #EDEDED, #FFFFFF) repeat scroll 0 0 transparent;
    }

/* Read me button */
.arrow-symbol-wrapper {
    float: right;
    position: relative;
}

.details-read-me {
    text-decoration: none;
    color: #FFF;
    padding: 0 5px 0 10px;
    display: block;
    background: #0B3D62;
    border-radius: 4px 0 0 4px;
    line-height: 24px;
}

    .details-read-me:hover, .details-read-me:visited {
        color: #FFF;
    }

.right-arrow-symbol {
    display: block;
    position: absolute;
    top: 0px;
    right: -9px;
    border-top: 12px solid transparent;
    border-left: 9px solid #0B3D62;
    border-bottom: 12px solid transparent;
}

/*global search*/
#mpsSearch {
    float: right;
    width: 134px;
    height: 32px;
    margin-right: 63px;
    margin-left: 0px;
    position: relative;
}

    #mpsSearch input {
        padding: 6px 0px 6px 9px;
        border: 1px solid #ccc;
        font-size: 15px;
        width: 195px;
        width: 175px \9;
        height: 22px \9;        
        background: #FFFFFF;
        font: 100 15px Arial,Helvetica,Sans-serif;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.searchButton {
    width: 15px;
    background: url(image/search-dark.png) no-repeat center center #FFFFFF;
    display: inline-block;
    position: absolute;
    right: -58px;
    right: -50px \9;
    z-index: 99;
    top: 5px;
    height: 19px;
    padding: 6px 11px 0px 0px;
    border-radius: 7px;
}

#search {
    float: left;
    width: 190px;
    height: 32px;
}

.searchInputContainer > input {
    display: block;
    float: left;
    width: 145px;
    height: 30px;
    padding: 0 5px 0 10px;
    margin: 0;
    background-color: transparent;
    border: 1px solid;
    border-right: none;
    box-shadow: none;
    outline: none;
    color: #000;
    line-height: 32px;
    font-size: 11px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

#search a.SearchButton:link, #search a.SearchButton:visited {
    display: inline-block;
    float: right;
    height: 32px;
    width: 32px;
    margin-left: -10px;
    padding: 0;
    background: #333 url('image/search.png') no-repeat center center;
    text-indent: -9999px;
}

/*MPS quick links*/
#mpsQuickLinks {
    float: right;
    width: 370px;
    width: 370px \9;
    /*margin: 41px 40px 0 0;*/
    margin: 15px -33px 0 0;
}

#mpsQuickLinks #quickLinks {
    display: inline-block;
    margin: 20px 0 13px 0;
}

#mpsQuickLinks .other-link, #mpsLanguage{
    float: left;
}

#mpsLanguage {
    position: relative; 
}

#mpsLanguage .Language a {
    color: #333333;
}

#mpsQuickLinks a {
    text-decoration: none;
    color: #333333;
    font-size: 16px;
    /*font-weight: bold;*/
}

#mpsQuickLinks li a:hover {
    text-decoration: none;
    color: #FFF;
}

    #mpsQuickLinks a:hover {
        color: #2a6496;
        /*font-weight: bold;*/
    }

/*hot links*/
.hotlinkNav {
    float: right;
    margin-left: 30px;
}

    .hotlinkNav > li {
        float: left;
        height: 30px;
        padding-right: 5px;
        position: relative;
    }

        .hotlinkNav > li:first-child {
            border-left: none;
        }

        .hotlinkNav > li a {
            color: #333333;
            text-decoration: none;
            font-size: 16px;
            /*font-weight: bold;*/
            padding-left: 5px;
            padding-right: 5px;
        }

            .hotlinkNav > li a:hover {
                color: #2a6496;
                /*font-weight: bold;*/
            }

    .hotlinkNav .line-globe:hover {
        text-decoration: none;
    }

    .hotlinkNav #youtubelink {
        display: inline-block;
        float: left;
        margin: 0 5px 0 0;
        height: 20px;
        width: 20px;
        background-image:url("image/youtubeicon_20x20.gif");
    }

    .hotlinkNav #youkulink {
        display: inline-block;
        float: left;
        margin: 0 10px 0 0;
        height: 20px;
        width: 20px;
        background-image:url("image/youkuicon_20x20.png");
    }

#userInfo a {
    width: 95%;
    display: block;
    padding: 1px 0 1px 10px;
    /*color: #57728D;*/
    color: #333333;
    font-size: 16px;
    text-indent: 0;
    line-height: 24px;
    white-space: nowrap;
    /*overflow: hidden;*/
}

#userInfo > li:hover a {
    color: #fff;
}

#userInfo > li:hover {
    background: #0E3C60;
}

.buttonGroup {
    margin: 0;
    padding: 0;
}

#userInfo {
    position: absolute;
    top: 31px;
    left: 15px;
    z-index: 99;
    width: 180px;
    background: #F6F6F6;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 1px 10px #D3D3D3;    
}

    #userInfo img {
        width: 25px;
        height: 25px;
    }

.mpsCurrentUser img {
    width: 35px;
    height: 35px;
    margin-right: 6px;
}

.userProfile {
    padding-right: 10px;
}

    .userProfile img {
        margin-right: 5px;
    }

.LoginGroup {
    padding-right: 10px;
    /*padding-left: 10px;*/
}

.mpsLanguage {
    position: absolute;
    top: 21px;
    z-index: 99;
    right: -110px;
}

    .mpsLanguage .language-object {
        float: right;
        width: 180px;
        margin-left: 0;
        margin-top: 4px;
        background: #F6F6F6;
        border: 1px solid #E4E4E4;
        box-shadow: 0px 1px 10px #D3D3D3;
    }

        .mpsLanguage .language-object li.Language {
            padding: 1px 0 1px 5px;
            line-height: 24px;
        }

        .mpsLanguage .language-object li.selected {
            padding: 1px 0 1px 6px;
            background-color: #0E3C60;
            color: white;
            font-size: 16px;
        }

        .mpsLanguage .language-object li.Language:hover {
            background-color: #0E3C60;            
        }

        .mpsLanguage .language-object li.Language a {
            width: 95%;
            display: block;
            color: #57728D;
            text-indent: 0;
        }

        .mpsLanguage .language-object span a {
            padding-left: 0;
            padding-right: 0;
        }

        .mpsLanguage .language-object span img {
            height: 13px;
            width: 17px;
            opacity: 0.3;
            margin-left: 5px;
            filter: alpha(opacity=30);
        }

        .mpsLanguage .language-object .Language.selected img {
            opacity: 1;
            border-color: #222;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
            filter: alpha(opacity=80);
        }

    .mpsLanguage .language-up-symbol {
        position: absolute;
        right: 33px;
        top: -6px;
        border-bottom: 7px solid #C6CDD5;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        display: none;
    }
/*subMenu*/
#mps-wrap .submenu-title {
    text-align: center;
    background: url(image/submenu-title-bg.png) repeat-x 50%;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
}

    #mps-wrap .submenu-title a {
        color: #fff;
        text-decoration: none;
    }

#mps-wrap .MenuTitle .submenu-title {
    margin-top: 2px;
}

.subMenuList {
    border: 1px solid #E4E4E4;
    border-radius: 0 0 4px;
    background: #F3F3F3;
    color: #57728D;
}

    .subMenuList > li {
        position: relative;
        border-left: 4px solid transparent;
        margin-left: -1px;
    }

        .subMenuList > li:hover, .subMenuList > .currentSubMenu {
            background: #DEE7F0;
            border-left: 4px solid #455B76;
        }

        .subMenuList > li > a {
            display: block;
            /*color: #57728D;*/
            color: #0243A4;
            padding: 0.71em 0;
        }

            .subMenuList > li > a:hover {
                text-decoration: none;
            }

            .subMenuList > li > a > img {
                margin-left: 0.75em;
                float: left;
                margin-top: 2px;
                width: 10%;
                height: 18px;
            }

            .subMenuList > li > a > span {
                margin-left: 0.75em;
                display: inline-block;
                width: 75%;
            }
/*third menu*/
.thirdMenuList {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
    width: 200px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    background: #F3F3F3;
    color: #57728D;
}

    .thirdMenuList > li {
        border-left: 4px solid transparent;
        margin-left: -1px;
        position: relative;
    }

        .thirdMenuList > li:hover, .thirdMenuList > .currentThirdMenu {
            background: #DEE7F0;
            border-left: 4px solid #455B76;
            margin-left: -1px;
        }

        .thirdMenuList > li > a {
            display: block;
            /*color: #57728D;*/
            color: #0243A4;
            padding: 0.71em 0;
        }

            .thirdMenuList > li > a > img {
                margin-left: 0.75em;
                float: left;
                margin-top: 2px;
                width: 10%;
                height: 18px;
            }

            .thirdMenuList > li > a > span {
                margin-left: 0.75em;
                display: inline-block;
                width: 76%;
            }

.loading-page {
    display: block;
    color: #A8BBC9;
    background: url("image/loading.gif") no-repeat;
    text-indent: 30px;
    margin: 0 auto;
    width: 100px;
}
/*table style*/
.package-table-panel, .document-table-panel, .regi-table-panel, .featured-panel, .diagram-table-panel {
    width: 100%;
    /*#table-layout:automatic;*/
    /*border-collapse: separate;
    border-spacing: 2px;*/
    word-break: break-word;
}

.DNNContainer_without_title .featured-table-content, .application-notes {
    margin-top:-12px;
}

    .package-table-panel thead tr th, .featured-panel thead tr th, .document-table-panel thead tr th, .regi-table-panel thead tr th, .diagram-table-panel thead tr th {
        /*background-color:#9AB9E5;*/
        background-color: #41638A;
        text-align: center;
        color: #fff;
        padding: 5px 0;    
        border-right-color: #41638A;
        border-right-width: 1px;
        border-right-style: solid;
        border-left-color: #41638A;
        border-left-width: 1px;
        border-left-style: solid;    
    }

    .package-table-panel > tbody > tr > td, .document-table-panel > tbody > tr > td, .regi-table-panel > tbody > tr > td, .featured-panel > tbody > tr > td, .diagram-table-panel > tbody > tr > td {
        /*background-color: #F9F9F9;*/
        padding: 3px 5px;
        /*font-size: small;*/
        border-left-color: #CCCCCC;
        border-left-width: 1px;
        border-left-style: solid;
        border-right-color: #CCCCCC;
        border-right-width: 1px;
        border-right-style: solid;
        text-align: left;
        font-size: 13px;
        background-color: #FFFFFF;
    }
    .package-table-panel > tbody > tr {
        border-bottom:solid;
        border-bottom-color:#D3D3D3;
        border-bottom-width:2px;
        border-bottom-color:#CCCCCC;
        border-bottom-width:1px;
        border-bottom-style:solid;
    }

        .package-table-panel > tbody > tr > td, .document-table-panel > tbody > tr > td, .regi-table-panel > tbody > tr > td, .featured-panel > tbody > tr, .diagram-table-panel > tbody > tr > td {
            border-bottom-color:#CCCCCC;
            border-bottom-width:1px;
            border-bottom-style:solid;
        }

    .package-table-panel > tbody > .odd > td, .document-table-panel > tbody > .odd > td, .regi-table-panel > tbody > .odd > td, .featured-panel > tbody > .odd > td, .diagram-table-panel > tbody > .odd > td {
        /*background-color: #E6EEF9;*/
    }

    .package-table-panel > tbody > tr:hover > td, .featured-panel > tbody > tr:hover > td, .document-table-panel > tbody > tr:hover > td, .regi-table-panel > tbody > tr:hover > td, .diagram-table-panel > tbody > tr:hover > td {
        background-color: #FAF7E4;
    }

table > tbody > tr > td > a,
table > tbody > tr > td > a:link,
table > tbody > tr > td > a:visited,
table > tbody > tr > td > a:hover,
table > tbody > tr > td > a:active {
    color: #54769E;
}
/**table end*/
.mpsMessagePopup.dnnFormPopup .ui-dialog-titlebar {
    border: none;
}

.mpsErrorPopup.dnnFormPopup .ui-dialog-title {
    color: rgba(255, 0, 0, 0.7);
}

.mpsWarningPopup.dnnFormPopup .ui-dialog-title {
    color: #CDB21F;
}

.mpsMessagePopup.dnnFormPopup .dnnFormMessage {
    padding-left: 26px;
}

.dnnFormMessage .mps-message-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    position: absolute;
    left: 4px;
    background-repeat: no-repeat;
}

.dnnFormMessage.dnnFormError .mps-message-icon.error {
    background-image: url(/images/error-icn.png);
}

.dnnFormMessage.dnnFormWarning .mps-message-icon.warning {
    background-image: url(/images/warning-icn.png);
}

/*------------------------------------------------*/
/* Tabs
/*------------------------------------------------*/
.ui-tabs .ui-state-default {
    border-radius: 4px 4px 0 0;
    margin-right: 0.3em;
    border: 1px solid #D2D2D2;
    border-width: 1px 1px medium;
    border-bottom: none;
    outline: none;
}

.ui-tabs .ui-tabs-anchor {
    color: #0B3D62;
    outline: none;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    display: block;
    font-weight: bold;
}

    .ui-tabs .ui-tabs-active,
    .ui-tabs .ui-tabs-anchor:hover {
        background-color: #E9E9E9;
    }

/*------------------------------------------------*/
/* Default style override
/*------------------------------------------------*/
.dnnFormPopup .ui-dialog-titlebar {
    background: #E6F2FF;
    padding: 10px;
}


.table-loading-mask {
    background-color: #E9E9E9;
    opacity: 0.1;
    filter: alpha(opacity=10);
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.table-loading-layout {
    position: fixed;           
    top: 35%;
    left: 48%;    
    width: auto;
    height: 38px;
    padding: 12px 5px 0 55px; 
    background: url(/images/loading.gif) no-repeat;
    background-color: rgb(243, 243, 243);
    z-index: 100000;
    color: #707070;
}

#mps-content .dnnLoginService {
    margin-top: 30px;
}

#mps-content .dnnForm fieldset fieldset {
    width: 98%;
}

.word-img {
    background: url("/Icons/Sigma/ExtDoc_16X16_Standard.png") no-repeat;
    display: inline-block;
    height: 24px;
    width: 34px;
    float: left;
}

.pdf-img {
    background: url("/Icons/Sigma/ExtPdf_16X16_Standard.png") no-repeat;
    display: inline-block;
    height: 24px;
    width: 34px;
    float: left;
}

.imghotspot-content-title {
    background: url("image/tab-underline.png") repeat;
}

.first-link {
    position: relative;
}

    .first-link div {
        position: absolute;
        top: 21px;
        z-index: 99;
        right: -60px;
    }

/*----------------------*/
/*-----New HomePage-----*/
/*----------------------*/
.new-released-link {
    width: 180px;
    margin-left: 0;
    margin-top: 4px;
    background: #F6F6F6;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 1px 10px #D3D3D3;
}

    .new-released-link li {
        padding: 1px 0 1px 5px;
        line-height: 24px;
    }

        .new-released-link li:hover {
            padding: 1px 0 1px 6px;
            /*background-color: #99B8D9;*/
            background-color: #0E3C60;
            color: #fff;
            font-size: 16px;
        }

.new-released-link a {
    display: inline-block;
    width: 180px;
    text-decoration: none;
    color: #0E3C60;
    font-size: 16px;
    font-weight: inherit !important;
}

    .new-released-link a:hover {
        color: #fff !important;
    }
    
#full-width-slider img {
	margin: 0 !important;
}