@charset "utf-8";
html, body {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit
}

ul {
    list-style: none
}

footer ol {
    list-style: none
}

html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted
}

a:hover, a:active {
    outline: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

article {
    margin: 0 2em;
    position: relative
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal;
    *overflow: visible
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

textarea {
    overflow: auto;
    vertical-align: top
}

body {
    background: #f9f8f3;
    font: 1em/1.6em Verdana, sans-serif;
    color: #454545
}

a {
    color: #2c87f0
}

a:hover {
    color: #636
}

.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

header, .container, footer {
    max-width: 58.75em
}

header {
    background: #fff;
    border: 1px solid #dde2e5;
    border-top: 0;
    padding: .625em 2.5em;
    margin: 0 auto .3125em;
    *zoom: 1
}

header .logo {
    float: left;
    display: block
}

header .logo img {
    width: 100%
}

header > div {
    float: right;
    width: 55%
}

header > div form {
    width: 70%;
    margin: 1.893% 0 0;
    *zoom: 1;
    float: right
}

header > div form input {
    border: 1px solid #2c87f0;
    padding: 2.5% 3%;
    font: 1em Verdana, sans-serif;
    display: inline-block;
    width: 67%;
    margin-left: 1.4%
}

.sbar:hover {
    border: 1px solid #000
}

header > div form button {
    background: #2c87f0;
    padding: 2.8%;
    color: #fff;
    border: 0;
    margin: 0 0 0 -2%;
    width: 25%
}

.ie7 header > div form button {
    padding: 1.5% 2.8%
}

header > div ul {
    margin: 2% 0 0;
    width: 96%;
    float: right;
    zoom: 1
}

.ie7 header > div ul, .ie8 header > div ul {
    width: 100%
}

header > div ul li {
    display: block;
    float: left;
    margin: 0 0 0 4.767%
}

header > div ul li:first-of-type {
    margin: 0
}

header > div ul li a {
    border: 0;
    font-size: 18px;
    text-decoration: none
}

header > div ul li a:hover {
    color: #454545
}

.container {
    background: #fff;
    padding: 1em 2.5em;
    margin: 0 auto;
    word-wrap: break-word
}

.container.ad {
    text-align: center
}

.breadcrumb {
    color: #b9b9b9;
    font-size: .9em
}

.container pre {
    font-family: Fixed, monospace;
    margin-bottom: 2em;
    line-height: 1.7em
}

.mono {
    font-family: monospace;
    white-space: pre
}

.intro {
    font: 1.09em Verdana, sans-serif
}

.ce {
    clear: both;
    text-align: center;
    padding-right: 0 !important
}

.bld {
    font-weight: 700
}

.bce {
    text-align: center;
    font-weight: 700
}

.rg {
    color: #b9b9b9
}

.nb {
    color: #2c87f0;
    font-weight: 700
}

.container article a {
    text-decoration: none;
    border-bottom: 1px solid #dbdbdb
}

.container article a:hover, a:active, a:focus {
    color: #c33 !important;
    border-bottom: 1px solid #c33
}

.container article a:visited {
    color: #636
}

.container article ul {
    padding: 0 7em 2em 0
}

.container ul.additional-information a {
    text-decoration: none;
    border-bottom: 1px solid #dbdbdb
}

.container ul.additional-information a:hover, a:active, a:focus {
    color: #c33;
    border-bottom: 1px solid #c33
}

.container ul.additional-information a:visited {
    color: #636
}

.container article h1 {
    display: block;
    border-bottom: 1px solid #dadada;
    color: #000;
    font-size: 1.97em;
    padding-bottom: .17em;
    margin: 0 -.5em 1em;
    line-height: 1.1;
    font-family: arial, helvetica, sans-serif
}

.skip a {
    display: inline;
    position: absolute;
    width: 14em;
    left: -200em
}

.skip a:focus {
    position: absolute;
    left: .5em;
    padding: 0 0 0 1em
}

.container article p {
    line-height: 1.7em;
    padding: 0 0 0 0
}

.tab {
    margin-left: 2.5em !important
}

.tab2 {
    margin-left: 5em
}

.tabb {
    margin-left: 2.5em;
    font-weight: 700;
    line-height: 1.4
}

.dtab {
    margin-left: 80px !important
}

.dd {
    font-weight: 700;
    margin-left: 7px;
    padding-bottom: 0
}

.num {
    font-size: 1.4em;
    padding-right: .5em;
    padding-left: .1em
}

.numdef {
    text-indent: -42px;
    margin-left: 42px
}

.tips, .warn {
    background: url(/images/chsprite.png) no-repeat top left;
    font-weight: 700;
    padding: 0 5px 0 24px;
    margin: 0 0 0 -1.6em
}

table {
    margin-bottom: 2em;
    clear: left
}

table p {
    padding-right: 1em !important;
    padding-bottom: 1em !important
}

table .tips {
    margin: 0
}

.book, .btips, .history, .driver, .question, .folder, .news, .phone, .issue, .forum {
    background: url(/images/chsprite.png) no-repeat top left;
    font-weight: 600;
    padding: 0 0 0 20px
}

.book {
    background-position: 0 0
}

.btips {
    background-position: 0 -135px
}

.folder {
    background-position: 0 -542px
}

.forum {
    background-position: 0 -815px
}

.history {
    background-position: 0 -202px
}

.issue {
    background-position: 0 -683px
}

.driver {
    background-position: 0 -269px
}

.phone {
    background-position: 0 -883px
}

.question {
    background-position: 0 -1092px
}

.news {
    background-position: 0 -751px
}

.warn {
    background-position: 0 -1375px
}

.tips {
    background-position: 0 -68px
}

.floatRight {
    float: right;
    margin: .3em -4.3em 4em 4em
}

.floatRightClear {
    float: right;
    clear: right;
    margin: .3em -4.3em 2em 4em
}

.floatLeft {
    float: left;
    margin: .3em 1.5625em 2em 0;
    clear: left
}

.container article h3 {
    color: #2a70d0;
    margin: .3em 0 .9em;
    font-size: 1.4em;
    font-family: arial, helvetica, sans-serif;
    padding-right: 7em;
    clear: left
}

h3.tab {
    margin-left: 1.9em !important
}

.container h2 {
    font-weight: 600;
    margin: .5em 0 .8em;
    font-size: 1.5625em;
    font-family: arial, helvetica, sans-serif
}

.container ul.additional-information {
    margin: 0 0 1.25em 4.25532%
}

.container article ul li {
    background: url(/images/arrow.png) no-repeat top left;
    background-position: 0 5px;
    line-height: 1.5625;
    padding: 0 0 8px 26px;
    margin-left: 3em
}

.container article ol li {
    line-height: 1.5625;
    padding: 0 0 8px 3px;
    margin-left: 4.5em
}

.container article ol {
    padding: 0 7em 1.3em 0
}

.container .additional-information li {
    background: url(/images/arrow.png) no-repeat top left;
    background-position: 0 5px;
    line-height: 1.5625;
    padding: 0 7em 8px 23px
}

#meta_wrap {
    margin: 0 auto .25em
}

.bottomad {
    clear: right;
    margin-top: 1em;
    margin-bottom: 2em
}

.container ul.options > li {
    float: right;
    margin-top: -4px
}

.container ul.options > li.useful-page {
    float: left;
    margin-top: 0;
    width: 45%
}

.container ul.options > li {
    display: block;
    color: #2c87f0
}

.container ul.options > li ul {
    display: block
}

.ie7 .container ul.options > li ul {
    margin-top: 0
}

.container ul.options > li ul li {
    float: left
}

.container ul.options li.useful-page:before, .container ul.options li.useful-page:after {
    content: "";
    display: table
}

.container ul.options li.useful-page:after {
    clear: both
}

.container ul.options li.useful-page span {
    display: block;
    float: left;
    padding: .5em 0
}

.container ul.options li.useful-page a {
    display: block;
    float: left;
    padding: .5em .75em;
    background: #2c87f0;
    color: #fff;
    margin: 0 0 0 .625em;
    text-decoration: none
}

.container ul.options li ul li {
    color: #2c87f0;
    padding: 1em 0 0 2em;
    background: none;
    border: 0;
    margin-left: .25em
}

.container ul.options li:hover {
    color: #454545;
    cursor: pointer
}

.container ul.options li span {
    float: left;
    display: block;
    padding: .25em 0 0
}

.nolink {
    color: #454545;
    cursor: auto
}

.container ul.options li a {
    text-decoration: none
}

.container ul.options li a:hover {
    color: #000
}

.container ul.options li.feedback a {
    background: url(/images/chsprite.png) no-repeat top left;
    background-position: 0 -477px;
    padding: 0 0 0 1.5em
}

.container ul.options li.feedback a:hover {
    background-position: 0 -1509px;
    padding: 0 0 0 1.5em
}

.container ul.options li.email a {
    background: url(/images/chsprite.png) no-repeat top left;
    background-position: 0 -337px;
    padding: 0 0 0 1.5em
}

.container ul.options li.email a:hover {
    background-position: 0 -1444px;
    padding: 0 0 0 1.5em
}

.container ul.options li.share a {
    background: url(/images/chsprite.png) no-repeat top left;
    background-position: 0 -1235px;
    padding: 0 0 0 1.5em
}

.container ul.options li.share a:hover {
    background-position: 0 -1641px;
    padding: 0 0 0 1.5em
}

.container ul.options li.print a {
    background: url(/images/chsprite.png) no-repeat top left;
    background-position: 0 -1025px;
    padding: 0 0 0 1.5em
}

.container ul.options li.print a:hover {
    background-position: 0 -1574px;
    padding: 0 0 0 1.5em
}

footer {
    margin: 0 auto;
    max-width: 65em
}

footer a:hover, a:active, a:focus {
    color: #c33
}

footer form {
    text-align: center;
    zoom: 1;
    margin: 2em 0;
    font: 1.143em Verdana, sans-serif
}
.container  form input {
    border: 1px solid #2c87f0;
    border-top-color: #2c87f0;
    border-left-color: #2c87f0;
    padding: 7px 10px;
    display: inline-block
}

.container form button {
    background: #2c87f0;
    padding: 7.7px;
    color: #fff;
    border: 0;
    margin: 0 0 0 -7px
}

.ie7 .container form button {
    padding: 5px 8px
}

.container form input {
    width: 42.25%
}


footer form input {
    border: 1px solid #2c87f0;
    border-top-color: #2c87f0;
    border-left-color: #2c87f0;
    padding: 7px 10px;
    display: inline-block
}

footer form button {
    background: #2c87f0;
    padding: 7.7px;
    color: #fff;
    border: 0;
    margin: 0 0 0 -7px
}

.ie7 footer form button {
    padding: 5px 8px
}

footer form input {
    width: 42.25%
}

footer ul > li {
    float: left;
    margin: 0 3%
}

footer ul > li ol li {
    padding: .5714em 0
}

footer ul > li ol li h4 {
    color: #2c87f0;
    font-size: 1.43em
}

footer ul > li ol li a {
    color: #454545;
    text-decoration: none
}

footer ul > li.recent-pages {
    width: 48%
}

footer ul > li.useful-links {
    width: 23%
}

.ie7 footer ul > li.useful-links {
    width: 29%
}

footer ul > li.social-networks {
    width: 11%
}

footer ul > li.social-networks ol li {
    padding: 0
}

footer ul > li.social-networks ol li.first-child {
    padding: .5714em 0
}

footer ul > li.social-networks ol li a {
    background: url(/images/chsprite.png) no-repeat top left;
    padding: 0 0 0 32px;
    display: block;
    height: 20px;
    margin: .3517em auto;
    padding-top: 5px
}

footer ul > li.social-networks ol li a.facebook {
    background-position: 0 -402px
}

footer ul > li.social-networks ol li a.twitter {
    background-position: 0 -1303px
}

footer ul > li.social-networks ol li a.google {
    background-position: 0 -608px
}

footer ul > li.social-networks ol li a.youtube {
    background-position: 0 -1709px
}

footer ul > li.social-networks ol li a.pinterest {
    background-position: 0 -950px
}

footer ul > li.social-networks ol li a.rss {
    background-position: 0 -1160px
}

footer .copyright {
    text-align: center;
    margin: 50px 0 20px;
    font-size: .788em
}

footer .copyright span {
    display: block;
    line-height: 1
}

footer .copyright a {
    color: #454545;
    text-decoration: none
}

.selectnav {
    display: none
}

.mtable-responsive {
    overflow-x: auto;
}
.mtable, .mtable2, .mtable3 {
    border: 0 solid silver;
    border-spacing: 2px 1px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em
}

table.mtable td, table.mtable2 td, table.mtable3 td {
    border-spacing: 5px 10px;
    padding: 12px !important;
    line-height: 1.7em
}

table.mtable th, table.mtable2 th, table.mtable3 th {
    background: #005cb9;
    color: #fff;
    font-weight: 700;
    padding: 5px
}

table.mtable a, table.mtable2 a, table.mtable3 a {
    border-bottom: 0
}

table.mtable tr:hover td {
    background-color: #eee;
    cursor: pointer
}

table.mtable3 tr:hover td {
    background-color: #eee
}

td {
    vertical-align: top
}

.tcdoc {
    width: 176px
}

.tcb {
    background: #005cb9
}

.tclb {
    background-color: #9fcfff
}

.tcllb {
    background-color: #d0e8ff
}

.tcw {
    background-color: #fff
}

.tcg {
    background-color: #ebebeb
}

.tcbl {
    background-color: #454545
}

.tcgreen {
    background-color: #cfc
}

.tcred {
    background-color: #fcc
}

.tcy {
    border: 1px solid #005cb9;
    background-color: #f1f5f9;
    overflow: auto;
    margin-bottom: 1.7em;
    padding: 1em !important
}

.tcat {
    width: 140px
}

.wt {
    color: #fff;
    font-weight: 700
}

.red {
    color: red
}

.bb {
    font-size: 20px;
    color: #2a70d0
}

.related {
    margin-top: 2em
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0;
    text-decoration: none;
    color: #fff;
    background-color: #bfc4c7;
    padding: 1em;
    display: none
}

.back-to-top:hover {
    color: #fff;
    background-color: #2c87f0
}

#creditfooter {
    display: none
}

@media only screen and (max-width: 1019px) {
    header, .container {
        padding: 2%
    }

    header .logo {
        display: block;
        float: none;
        margin: 0 auto 2.985%
    }

    header > div {
        display: block;
        float: none;
        text-align: center;
        margin: 0 auto
    }

    header > div ul {
        display: inline-block;
        float: none;
        text-align: center
    }

    header > div {
        float: none;
        width: 100%
    }

    header > div form {
        width: 48%;
        margin: 0 auto;
        display: block;
        float: none
    }

    header > div ul {
        margin: 1em 0 .5em;
        width: 100%;
        float: right;
        zoom: 1;
        text-align: center
    }

    header > div ul li:first-of-type, header > div ul li {
        margin: 0 1.5%
    }

    header > div ul li {
        display: inline-block;
        float: none;
        zoom: 1;
        display: inline
    }

    header > div ul li a {
        border: 0;
        font-size: 18px;
        text-decoration: none
    }

    header > div ul li a:hover {
        color: #454545
    }

    .ie7 .container ul.options {
        margin-top: 1.5em
    }

    article {
        margin: 0
    }

    .container ul.options > li, .container ul.options > li ul {
        text-align: center
    }

    .container ul.options > li, .container ul.options > li.useful-page {
        float: none;
        margin-bottom: .625em
    }

    .container ul.options > li.useful-page {
        line-height: 2.0625em;
        width: 100%
    }

    .container ul.options li ul li {
        margin: 0 .36125em
    }

    .container ul.options li.useful-page span, .container ul.options li.useful-page a, .container ul.options > li ul li {
        display: inline-block;
        zoom: 1;
        display: inline;
        float: none
    }

    footer {
        max-width: 54em
    }

    footer ul > li.recent-pages {
        width: 40%
    }

    footer ul > li.useful-links {
        width: 27%
    }

    .ie7 footer ul > li.useful-links {
        width: 26%
    }

    footer ul > li.social-networks {
        width: 15%
    }

    footer ul > li ol li a {
        line-height: 1.2em
    }
}

@media only screen and (max-width: 900px) {
    .container article p img.right {
        margin: .3em 0 2em 1em
    }

    .container article h1 {
        margin: 0 0 .9em
    }
}

@media only screen and (max-width: 800px) {
    .resize800 {
        width: 100%
    }

    .mtable, .mtable2 {
        width: 100%
    }

    .container article h2 {
        margin: .3em 0 .9em;
        padding-right: 0
    }
}

@media only screen and (max-width: 761px) {
    .container.ad {
        display: none
    }

    .container article p {
        padding: 0 1em 2em 0
    }

    .container.breadcrumb {
        padding: 1.9em 0
    }

    .resize760 {
        width: 100%
    }
}

@media only screen and (max-width: 764px) {
    header > div form {
        width: 20.125em
    }

    footer ul {
        text-align: left
    }

    footer ul > li {
        margin: 2% 5%;
        float: none;
        display: inline-block;
        zoom: 1;
        display: inline;
        vertical-align: top
    }

    footer ul > li.recent-pages, footer ul > li.useful-links, footer ul > li.social-networks {
        width: 30%
    }

    footer ul > li.social-networks {
        width: 60%
    }

    footer ul > li.social-networks ol {
        display: block
    }

    footer ul > li.social-networks ol li {
        display: inline-block;
        zoom: 1;
        display: inline;
        margin: 0 3%
    }

    .ie7 footer ul > li.social-networks ol li a {
        display: inline-block
    }

    footer ul > li.social-networks ol li.widget-title {
        display: block
    }

    footer ul > li.social-networks ol li a {
        text-align: left
    }

    .floatRight {
        float: right;
        margin: .3em 3em 2em 4em
    }

    .floatRightClear {
        float: right;
        clear: right;
        margin: .3em 2em 4em
    }
}

@media only screen and (max-width: 700px) {
    .resize700 {
        width: 100%
    }
}

@media only screen and (max-width: 680px) {
    .resize650 {
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    footer form {
        margin: 2em 0 0
    }

    footer form input {
        width: 16.5em
    }

    footer ul > li {
        margin: 2% 10% 0
    }

    footer ul > li.recent-pages, footer ul > li.useful-links, footer ul > li.social-networks {
        width: 80%
    }

    .ie7 footer ul > li.useful-links {
        width: 80%
    }

    footer ul > li.social-networks {
        width: 60%
    }

    footer ul > li ol li {
        padding: .2em 0
    }

    footer ul > li ol li.widget-title {
        padding: .75em 0
    }

    .tab, .tab2, .dtab, .tabb, h2.tab, .tcy, .numdef {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (max-width: 630px) {
    .resize600 {
        width: 100%
    }
}

@media only screen and (max-width: 580px) {
    .js #nav {
        display: none
    }

    .js .selectnav {
        display: block;
        margin: 1em auto;
        width: 40%
    }

    .resize580 {
        width: 100%
    }
}

@media only screen and (max-width: 560px) {
    .resize550 {
        width: 100%
    }
}

@media only screen and (max-width: 530px) {
    .resize500 {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    header .logo {
        width: 100%
    }

    .container ul.options > li ul {
        line-height: 3em
    }

    header > div form, footer > form {
        width: 100%;
        margin: 1.25em 0 .25em
    }

    header > div form input, footer > form input {
        width: 12em;
        font-size: 1em
    }

    header, .container {
        padding: 2%
    }

    .floatRight {
        margin: 0;
        width: 100%;
        padding-bottom: 1em
    }

    .floatRightClear {
        margin: 0;
        width: 100%;
        padding-bottom: 1em
    }

    .bctitle {
        display: none
    }

    .ie7 .container ul.options {
        margin-top: 5%
    }

    .container ul.options > li.useful-page {
        margin-bottom: 10%
    }

    .ie7 .container ul.options > li.useful-page {
        margin-bottom: 5%
    }

    .container ul.options li.useful-page span {
        display: block
    }

    footer ul > li.useful-links, footer ul > li.social-networks {
        margin: 20px 0 0 32px
    }

    footer ul > li.social-networks {
        width: 50%
    }

    .js .selectnav {
        width: 50%
    }

    .num {
        font-size: 14pt;
        padding-right: 4px;
        padding-left: 0
    }

    .numdef {
        text-indent: 0
    }

    .container article ul li {
        margin-left: 0
    }

    .container article ul {
        padding: 0 0 2em
    }

    .container article ol li {
        margin-left: 0;
        list-style-position: inside
    }

    .container article ol {
        padding: 0 0 2em
    }

    .container .additional-information li {
        padding-right: 0
    }

    .container article p img.left, .container article p img.right {
        float: none;
        display: block;
        margin: 0;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 460px) {
    .resize450 {
        width: 100%
    }
}

@media only screen and (max-width: 420px) {
    .resize400 {
        width: 100%
    }
}

@media only screen and (max-width: 361px) {
    .bottomad {
        display: none
    }
}

@media only screen and (max-width: 350px) {
    .resize350 {
        width: 100%
    }
}

@media only screen and (max-width: 320px) {
    .js .selectnav {
        width: 60%
    }

    .container article p img.left, .container article p img.right {
        width: 100%;
        height: 100%
    }
}

@media print {
    header, .cf, .container.ad, .bottomad, .options.cf, .additional, .breadcrumb, .alsosee, .noprint, .back-to-top, .legal, .relatedpages {
        display: none !important
    }

    .container, .intro {
        font-family: "Times New Roman", Times;
        padding: 0;
        border: 0;
        margin: 0 auto;
        color: #000
    }

    a, a:visited {
        text-decoration: none;
        color: #000;
        border-bottom: 0 !important
    }

    h2 {
        padding-right: 0
    }

    .container ul li:before {
        content: "\00bb \0020"
    }

    .container:last-of-type {
        border-bottom: 0
    }

    .floatRight {
        float: right;
        margin: .3em 0 1em 1em
    }

    .container article p {
        padding: 0;
        line-height: 1.7em;
        padding: 0 0 2em
    }
}