@font-face {
    font-family: 'roboto-light';
    src: url('../common/roboto-light.ttf') format('truetype');
}

body {
    margin: 0px;
    padding: 0px;
    font-family: roboto-light !important;
}

a {
    text-decoration: none;
}

ul li {
    list-style-type: none;
}

td, input, a, p, span, h1, h2, h3, li {
    font-family: roboto-light !important;
}

.main1_slide_img {
    margin-top: 1px !important;
    position: absolute !important;
    top: 1px !important;
}

.main2_1 h2 span {
    display: block !important;
    overflow: hidden !important;
    height: 20px !important;
}

.footer ul li {
    padding-top: 7px !important;
}

    .footer ul li a p {
        margin-top: 13px !important;
    }

.footer ul {
    margin-top: 10px !important;
}

.foot {
    padding-top: 90px !important;
}

.footer ul.add li.h1 {
    margin-top: 0px !important;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    font-size: 12px;
}

body {
    padding: 0;
    margin: 0;
    color: #252525;
    background: #fff;
    font-family: roboto-light;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2em;
    min-width: 280px
}

table tr td, table tr th {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.222222222222em
}

p {
    margin: 0 0 1.6em;
    color: #404040
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 0 .6em 0;
    line-height: 1.2em
}

.xxlrg {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.12em
}

.xlrg {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.181818181818em
}

.lrg {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.181818181818em
}

.sml {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.111111111111em
}

.xsml {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125em
}

.xxsml {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.142857142857em
}

a, a:link, a:visited {
    color: #1f4f82;
    text-decoration: none
}

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

dt, strong, em, b {
    font-weight: bold
}

i, em {
    font-style: italic
}

ol, dl {
    margin-bottom: 1px
}

ol, dl, dt, dd {
    line-height: 12px
}

dd {
    margin-bottom: .5em
}

blockquote {
    padding: .5em 0
}

hr {
    color: #ccc;
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 3.5em 0;
    clear: both
}

em {
    font-weight: inherit
}

img {
    border: 0
}

.cta-list {
    font-size: 12px;
    font-family: roboto-light;
    color: #fff;
    margin-left: 0;
    margin-bottom: 1.5em
}

    .cta-list li {
        margin-left: 20px;
        margin-left: 1.5rem;
        margin-bottom: .65em
    }

        .cta-list li:before {
            display: block;
            width: .9em;
            padding-top: .9em;
            background: url('./templetsA/cobettercn/images/compass-hp-sprite.png') 100% 60.4% no-repeat;
            background-size: 3.667em 62.333em;
            content: ' ';
            float: left;
            margin: 0.3em 0 0 -1.2em
        }

a.ctalink, a span.ctalink {
    padding-left: 15px;
    margin-left: 10px
}

@media only screen and (min-width:0) and (max-width:974px) {
    html {
        font-size: 56.875%
    }
}

@media only screen and (min-width:0) and (max-width:770px) {
    html {
        font-size: 46.875%
    }
}

@media only screen and (min-width:0) and (max-width:500px) {
    html {
        font-size: 44%;
        -webkit-text-size-adjust: none
    }
}
/*! RESPONSIVE VIDEO */
.responsiveVid {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

    .responsiveVid * {
        position: absolute;
        top: 0
    }

    .responsiveVid span {
        width: 100%
    }
/*! GENERIC.VIDEO.WARNING */
.vidwarning {
    background: #f00;
    color: #fff;
    padding: 10px 50px 10px 10px;
    font-size: 16px !important;
    clear: both;
    position: relative;
    background: -moz-linear-gradient(top,rgba(196,0,0,0.74) 0,rgba(255,0,0,0.94) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(196,0,0,0.74)),color-stop(100%,rgba(255,0,0,0.94)));
    background: -webkit-linear-gradient(top,rgba(196,0,0,0.74) 0,rgba(255,0,0,0.94) 100%);
    background: -o-linear-gradient(top,rgba(196,0,0,0.74) 0,rgba(255,0,0,0.94) 100%);
    background: -ms-linear-gradient(top,rgba(196,0,0,0.74) 0,rgba(255,0,0,0.94) 100%);
    background: linear-gradient(to bottom,rgba(196,0,0,0.74) 0,rgba(255,0,0,0.94) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c40000',endColorstr='#f0ff0000',GradientType=0)
}

.responsiveVid .vidwarning {
    position: absolute;
    bottom: 0;
    top: auto
}

.cw04v0 .vidwarning, .cw04v1 .vidwarning {
    position: absolute;
    bottom: 0;
    top: auto;
    max-width: 580px;
    width: auto
}

.cw04v2 .vidwarning {
    max-width: 644px;
    width: auto
}

.cw04v3 .vidwarning {
    width: auto
}

.vidwarning a, .vidwarning a:visited {
    display: inline !Important;
    color: #fff !important;
    position: relative;
    text-decoration: underline
}

    .vidwarning a.vidwarnclose {
        font-weight: bold;
        display: block !Important;
        float: right;
        font-size: 2em;
        text-decoration: none;
        line-height: 1em;
        margin: -.5em -35px 0 0
    }

        .vidwarning a.vidwarnclose:hover {
            opacity: .9;
            text-decoration: none
        }

.vidwarnclosed {
    display: none
}
/*! CG13 */
/*@font-face {
    font-family: 'oracleicons';
    src: url('//www.oracle.com/us/assets/oracleicons-v8-9-0.eot?ydaxw1');
    src: url('//www.oracle.com/us/assets/oracleicons-v8-9-0.eot?#iefixydaxw1') format('embedded-opentype'),url('//www.oracle.com/us/assets/oracleicons-v8-9-0.woff?ydaxw1') format('woff'),url('//www.oracle.com/us/assets/oracleicons-v8-9-0.ttf?ydaxw1') format('truetype'),url('//www.oracle.com/us/assets/oracleicons-v8-9-0.svg?ydaxw1#oracleicons') format('svg');
    font-weight: normal;
    font-style: normal
}*/

[class^="icn-"]:before, [class*=" icn-"]:before {
    font-family: roboto-light;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1e5083
}

.icn-cloudconnect:before {
    content: "\e672"
}

.icn-share-alt:before {
    content: "\e670"
}

.icn-newwindow:before {
    content: "\e671"
}

.icn-circlearrow:before {
    content: "\e66f"
}

.icn-omn:before {
    content: "\e66e"
}

.icn-oracle-logo:before {
    content: "\e66c"
}

.icn-adv-cust-support:before {
    content: "\e656"
}

.icn-applications:before {
    content: "\e65b"
}

.icn-communications2:before {
    content: "\e65c"
}

.icn-consulting:before {
    content: "\e65d"
}

.icn-database:before {
    content: "\e65e"
}

.icn-engineering-systems:before {
    content: "\e65f"
}

.icn-financing:before {
    content: "\e660"
}

.icn-FPVFS:before {
    content: "\e661"
}

.icn-java:before {
    content: "\e662"
}

.icn-managed-cloud:before {
    content: "\e663"
}

.icn-management:before {
    content: "\e664"
}

.icn-middleware:before {
    content: "\e665"
}

.icn-networking-data:before {
    content: "\e666"
}

.icn-operating-system:before {
    content: "\e667"
}

.icn-OU:before {
    content: "\e668"
}

.icn-premier-support:before {
    content: "\e669"
}

.icn-servers:before {
    content: "\e66a"
}

.icn-storage:before {
    content: "\e66b"
}

.icn-video:before {
    content: "\e600"
}

.icn-whitepaper:before {
    content: "\e601"
}

.icn-reporta:before {
    content: "\e602"
}

.icn-forum2:before {
    content: "\e603"
}

.icn-levent:before {
    content: "\e604"
}

.icn-ebook:before {
    content: "\e605"
}

.icn-certification:before {
    content: "\e606"
}

.icn-catalog:before {
    content: "\e607"
}

.icn-calendar:before {
    content: "\e608"
}

.icn-webcast:before {
    content: "\e609"
}

.icn-strategy:before {
    content: "\e60a"
}

.icn-asessment:before {
    content: "\e60b"
}

.icn-roi:before {
    content: "\e60c"
}

.icn-demo:before {
    content: "\e60d"
}

.icn-infographic:before {
    content: "\e60e"
}

.icn-bp:before {
    content: "\e60f"
}

.icn-report:before {
    content: "\e610"
}

.icn-customer:before {
    content: "\e611"
}

.icn-pdf:before {
    content: "\e612"
}

.icn-podcast:before {
    content: "\e613"
}

.icn-cv-right:before {
    content: "\e614"
}

.icn-cv-left:before {
    content: "\e615"
}

.icn-health:before {
    content: "\e616"
}

.icn-hitech:before {
    content: "\e617"
}

.icn-social:before {
    content: "\e618"
}

.icn-ux:before {
    content: "\e619"
}

.icn-workforce:before {
    content: "\e61a"
}

.icn-blog:before {
    content: "\e61b"
}

.icn-service:before {
    content: "\e61c"
}

.icn-relations:before {
    content: "\e61d"
}

.icn-inventory:before {
    content: "\e61e"
}

.icn-sales:before {
    content: "\e61f"
}

.icn-communications:before {
    content: "\e620"
}

.icn-financial:before {
    content: "\e621"
}

.icn-commerce:before {
    content: "\e622"
}

.icn-marketing:before {
    content: "\e623"
}

.icn-utilities:before {
    content: "\e624"
}

.icn-javacomm:before {
    content: "\e625"
}

.icn-socialmedia:before {
    content: "\e626"
}

.icn-arrow:before {
    content: "\e627"
}

.icn-ace:before {
    content: "\e628"
}

.icn-opn:before {
    content: "\e629"
}

.icn-download:before {
    content: "\e62a"
}

.icn-workforce-mng:before {
    content: "\e62b"
}

.icn-talent-mng:before {
    content: "\e62c"
}

.icn-present:before {
    content: "\e62d"
}

.icn-globe:before {
    content: "\e62e"
}

.icn-medbiz:before {
    content: "\e62f"
}

.icn-publicsector:before {
    content: "\e630"
}

.icn-education:before {
    content: "\e631"
}

.icn-allindustry:before {
    content: "\e632"
}

.icn-excel:before {
    content: "\e633"
}

.icn-word:before {
    content: "\e634"
}

.icn-html:before {
    content: "\e635"
}

.icn-zip:before {
    content: "\e636"
}

.icn-perfman:before {
    content: "\e637"
}

.icn-innovation:before {
    content: "\e638"
}

.icn-ocloud:before {
    content: "\e639"
}

.icn-finance-chart:before {
    content: "\e63a"
}

.icn-retail-card:before {
    content: "\e63b"
}

.icn-mobi:before {
    content: "\e63c"
}

.icn-mobicomp:before {
    content: "\e63d"
}

.icn-ecoleaf:before {
    content: "\e63e"
}

.icn-concierge:before {
    content: "\e63f"
}

.icn-hospitality:before {
    content: "\e640"
}

.icn-fpo:before {
    content: "\e641"
}

.icn-forum1:before {
    content: "\e642"
}

.icn-prima:before {
    content: "\e643"
}

.icn-cruise:before {
    content: "\e644"
}

.icn-foodbev:before {
    content: "\e645"
}

.icn-getstarted:before {
    content: "\e646"
}

.icn-market:before {
    content: "\e647"
}

.icn-membership:before {
    content: "\e648"
}

.icn-solutions:before {
    content: "\e649"
}

.icn-differ:before {
    content: "\e64a"
}

.icn-share:before {
    content: "\e64b"
}

.icn-email:before {
    content: "\e64c"
}

.icn-youku:before {
    content: "\e64d"
}

.icn-pinterest:before {
    content: "\e64e"
}

.icn-weibo:before {
    content: "\e64f"
}

.icn-linkedin:before {
    content: "\e650"
}

.icn-newsletter:before {
    content: "\e651"
}

.icn-pcast:before {
    content: "\e652"
}

.icn-delicious:before {
    content: "\e653"
}

.icn-youtube:before {
    content: "\e654"
}

.icn-googleplus:before {
    content: "\e655"
}

.icn-blogs:before {
    content: "\e66d"
}

.icn-twitter:before {
    content: "\e657"
}

.icn-facebook:before {
    content: "\e658"
}

.icn-insurance:before {
    content: "\e659"
}

.icn-chart:before {
    content: "\e65a"
}

@font-face {
    font-family: 'oracleicons-locked';
    src: url('//www.oracle.com/us/assets/oracleicons-locked-v8-9-0.eot?5k81f0');
    src: url('//www.oracle.com/us/assets/oracleicons-locked-v8-9-0.eot?#iefix5k81f0') format('embedded-opentype'),url('//www.oracle.com/us/assets/oracleicons-locked-v8-9-0.woff?5k81f0') format('woff'),url('//www.oracle.com/us/assets/oracleicons-locked-v8-9-0.ttf?5k81f0') format('truetype'),url('//www.oracle.com/us/assets/oracleicons-locked-v8-9-0.svg?5k81f0#icomoon-locked') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icn-lock"]:before, [class*=" icn-lock"]:before, .icn-img.icn-lock i.ie-icn {
    font-family: roboto-light;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icn-lock.icn-cloudconnect:before {
    content: "\d600"
}

.icn-lock.icn-adv-cust-support:before {
    content: "\d601"
}

.icn-lock.icn-applications:before {
    content: "\d602"
}

.icn-lock.icn-communications:before {
    content: "\d603"
}

.icn-lock.icn-consulting:before {
    content: "\d604"
}

.icn-lock.icn-database:before {
    content: "\d605"
}

.icn-lock.icn-engineering-systems:before {
    content: "\d606"
}

.icn-lock.icn-financing:before {
    content: "\d607"
}

.icn-lock.icn-FPVFS:before {
    content: "\d608"
}

.icn-lock.icn-java:before {
    content: "\d609"
}

.icn-lock.icn-managed-cloud:before {
    content: "\d60a"
}

.icn-lock.icn-management:before {
    content: "\d60b"
}

.icn-lock.icn-middleware:before {
    content: "\d60c"
}

.icn-lock.icn-networking-data:before {
    content: "\d60d"
}

.icn-lock.icn-operating-system:before {
    content: "\d60e"
}

.icn-lock.icn-OU:before {
    content: "\d60f"
}

.icn-lock.icn-premier-support:before {
    content: "\d610"
}

.icn-lock.icn-servers:before {
    content: "\d611"
}

.icn-lock.icn-storage:before {
    content: "\d612"
}

.icn-lock.icn-insurance:before {
    content: "\d613"
}

.icn-lock.icn-chart:before {
    content: "\d614"
}

.icn-lock.icn-ace:before {
    content: "\d615"
}

.icn-lock.icn-allindustry:before {
    content: "\d616"
}

.icn-lock.icn-arrow:before {
    content: "\d617"
}

.icn-lock.icn-asessment:before {
    content: "\d618"
}

.icn-lock.icn-blog:before {
    content: "\d619"
}

.icn-lock.icn-bp:before {
    content: "\d61a"
}

.icn-lock.icn-calendar:before {
    content: "\d61b"
}

.icn-lock.icn-catalog:before {
    content: "\d61c"
}

.icn-lock.icn-certification:before {
    content: "\d61d"
}

.icn-lock.icn-commerce:before {
    content: "\d61e"
}

.icn-lock.icn-communications:before {
    content: "\d61f"
}

.icn-lock.icn-concierge:before {
    content: "\d620"
}

.icn-lock.icn-cruise:before {
    content: "\d621"
}

.icn-lock.icn-customer:before {
    content: "\d622"
}

.icn-lock.icn-cv-left:before {
    content: "\d623"
}

.icn-lock.icn-cv-right:before {
    content: "\d624"
}

.icn-lock.icn-demo:before {
    content: "\d625"
}

.icn-lock.icn-differ:before {
    content: "\d626"
}

.icn-lock.icn-download:before {
    content: "\d627"
}

.icn-lock.icn-ebook:before {
    content: "\d628"
}

.icn-lock.icn-ecoleaf:before {
    content: "\d629"
}

.icn-lock.icn-education:before {
    content: "\d62a"
}

.icn-lock.icn-excel:before {
    content: "\d62b"
}

.icn-lock.icn-finance-chart:before {
    content: "\d62c"
}

.icn-lock.icn-financial:before {
    content: "\d62d"
}

.icn-lock.icn-foodbev:before {
    content: "\d62e"
}

.icn-lock.icn-forum1:before {
    content: "\d62f"
}

.icn-lock.icn-forum2:before {
    content: "\d630"
}

.icn-lock.icn-fpo:before {
    content: "\d631"
}

.icn-lock.icn-getstarted:before {
    content: "\d632"
}

.icn-lock.icn-globe:before {
    content: "\d633"
}

.icn-lock.icn-health:before {
    content: "\d634"
}

.icn-lock.icn-hitech:before {
    content: "\d635"
}

.icn-lock.icn-hospitality:before {
    content: "\d636"
}

.icn-lock.icn-html:before {
    content: "\d637"
}

.icn-lock.icn-infographic:before {
    content: "\d638"
}

.icn-lock.icn-innovation:before {
    content: "\d639"
}

.icn-lock.icn-inventory:before {
    content: "\d63a"
}

.icn-lock.icn-javacomm:before {
    content: "\d63b"
}

.icn-lock.icn-levent:before {
    content: "\d63c"
}

.icn-lock.icn-market:before {
    content: "\d63d"
}

.icn-lock.icn-marketing:before {
    content: "\d63e"
}

.icn-lock.icn-medbiz:before {
    content: "\d63f"
}

.icn-lock.icn-membership:before {
    content: "\d640"
}

.icn-lock.icn-mobi:before {
    content: "\d641"
}

.icn-lock.icn-mobicomp:before {
    content: "\d642"
}

.icn-lock.icn-ocloud:before {
    content: "\d643"
}

.icn-lock.icn-opn:before {
    content: "\d644"
}

.icn-lock.icn-pdf:before {
    content: "\d645"
}

.icn-lock.icn-perfman:before {
    content: "\d646"
}

.icn-lock.icn-podcast:before {
    content: "\d647"
}

.icn-lock.icn-present:before {
    content: "\d648"
}

.icn-lock.icn-prima:before {
    content: "\d649"
}

.icn-lock.icn-publicsector:before {
    content: "\d64a"
}

.icn-lock.icn-relations:before {
    content: "\d64b"
}

.icn-lock.icn-report:before {
    content: "\d64c"
}

.icn-lock.icn-reporta:before {
    content: "\d64d"
}

.icn-lock.icn-retail-card:before {
    content: "\d64e"
}

.icn-lock.icn-roi:before {
    content: "\d64f"
}

.icn-lock.icn-sales:before {
    content: "\d650"
}

.icn-lock.icn-service:before {
    content: "\d651"
}

.icn-lock.icn-share:before {
    content: "\d652"
}

.icn-lock.icn-social:before {
    content: "\d653"
}

.icn-lock.icn-socialmedia:before {
    content: "\d654"
}

.icn-lock.icn-solutions:before {
    content: "\d655"
}

.icn-lock.icn-strategy:before {
    content: "\d656"
}

.icn-lock.icn-talent-mng:before {
    content: "\d657"
}

.icn-lock.icn-utilities:before {
    content: "\d658"
}

.icn-lock.icn-ux:before {
    content: "\d659"
}

.icn-lock.icn-video:before {
    content: "\d65a"
}

.icn-lock.icn-webcast:before {
    content: "\d65b"
}

.icn-lock.icn-whitepaper:before {
    content: "\d65c"
}

.icn-lock.icn-word:before {
    content: "\d65d"
}

.icn-lock.icn-workforce-mng:before {
    content: "\d65e"
}

.icn-lock.icn-workforce:before {
    content: "\d65f"
}

.icn-lock.icn-zip:before {
    content: "\d660"
}

.f12 div.icn-img {
    float: left;
    max-width: 115px
}

.icn-cv-right {
    padding-left: 15px;
    position: relative
}

    .icn-cv-right:before {
        position: absolute;
        top: 4px;
        left: -2px
    }

div.icn-img {
    margin: 0 auto;
    width: 100%;
    font-size: 116px;
    font-size: 11.6rem
}

.icn-img.icn-ondark:before {
    color: #fff
}

.icn-img.icn-grey:before {
    color: #7f7f7f
}

div.icn-sicons {
    font-size: 2.6em
}

    div.icn-sicons:before {
        padding-top: 0;
        top: -7px;
        left: -7px;
        font-size: 38px;
        font-size: 3.8rem
    }

ul.icn-list li {
    margin: 0 0 1.2em;
    clear: both;
    position: relative;
    min-height: 3em;
    padding-left: 3em
}

    ul.icn-list li:before {
        position: absolute;
        top: -7px;
        top: -0.9rem;
        left: 0;
        display: block;
        width: auto;
        height: 1em;
        font-size: 59px;
        font-size: 6.1rem
    }

ul.icn-list.icn-list-sm li {
    min-height: 29px;
    padding-left: 29px;
    font-size: 16px;
    font-size: 1.6rem
}

    ul.icn-list.icn-list-sm li:before {
        top: -0.01em;
        font-size: 28px;
        font-size: 3rem
    }

ul.icn-list.icn-list-med li {
    min-height: 38px;
    padding-left: 38px;
    font-size: 18px;
    font-size: 1.8rem
}

    ul.icn-list.icn-list-med li:before {
        font-size: 36px;
        font-size: 3.6rem;
        top: -0.04em
    }

ul.icn-list.icn-ondark li, ul.icn-list.icn-ondark li:before, ul.icn-list.icn-ondark li a, ul.icn-list.icn-ondark li:visited, .icn-heading.icn-ondark, .icn-link.icn-ondark {
    color: #fff
}

ul.icn-list.icn-grey li:before, div.icn-img.icn-grey:before, .icn-link.icn-grey:before {
    top: -0.13em;
    color: #7f7f7f
}

.icn-heading.icn-grey:before {
    color: #7f7f7f
}

div.icn-heading, h1.icn-heading, h2.icn-heading, h3.icn-heading, h4.icn-heading, h5.icn-heading, h6.icn-heading {
    padding-left: 1.8em;
    position: relative;
    clear: both;
    font-weight: bold;
    line-height: 1.114285714286em;
    margin: 0 0 .6em 0
}

    div.icn-heading.icn-ondark:before, h1.icn-heading.icn-ondark:before, h2.icn-heading.icn-ondark:before, h3.icn-heading.icn-ondark:before, h4.icn-heading.icn-ondark:before, h5.icn-heading.icn-ondark:before, h6.icn-heading.icn-ondark:before {
        color: #fff
    }

.icn-heading:before, .icn-heading i.ie-icn {
    position: absolute;
    top: -6px;
    top: -0.09em;
    left: 0;
    display: block;
    font-size: 62px;
    font-size: 6.2rem;
    font-weight: normal
}

.icn-heading i.ie-icn {
    top: -10px;
    top: -0.09em;
    left: 0;
    font-size: 62px;
    font-size: 6.2rem
}

.c90w1 .icn-grey i.ie-icn b, .cw29icon .icn-grey i.ie-icn b {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oracleimg.com/us/assets/cg13-sprite-grey.png',sizingMethod='scale') alpha(opacity = 65)
}

.c90w1 .icn-grey.icn-lock i.ie-icn b, .c90w1 .icn-grey .icn-lock i.ie-icn b, .cw29icon .icn-grey.icn-lock i.ie-icn b, .cw29icon .icn-grey .icn-lock i.ie-icn b {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oracleimg.com/us/assets/cg13-sprite-grey-locked.png',sizingMethod='scale') alpha(opacity = 65)
}

div.icn-img.icn-sicons i.ie-icn b {
    height: 1700%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oracleimg.com/us/assets/cg13-social-sprite-blue.png',sizingMethod='scale')
}

.cw23v1 div.icn-img.icn-sicons i.ie-icn b {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oracleimg.com/us/assets/cg13-social-sprite-grey.png',sizingMethod='scale') alpha(opacity = 65)
}

@media \0screen\,screen\9 {
    ul.icn-list li:before {
        top: -10px;
        left: 0;
        font-size: 59px;
        font-size: 6.1rem
    }

    ul.icn-list.icn-list-sm li:before {
        top: 0
    }

    .icn-heading:before {
        top: -6px
    }
}

@media only screen and (max-width:974px) {
    ul.icn-list.icn-list-med li:before, ul.icn-list.icn-list-med li i.ie-icn {
        font-size: 33px;
        font-size: 3.6rem
    }

    ul.icn-list.icn-list-med li {
        min-height: 34px;
        padding-left: 34px
    }
}

@media only screen and (max-width:771px) {
    ul.icn-list.icn-list-sm li:before, ul.icn-list.icn-list-sm li i.ie-icn {
        top: -.1em
    }

    ul.icn-list.icn-list-med li:before, ul.icn-list.icn-list-med li i.ie-icn {
        font-size: 28px
    }

    ul.icn-list.icn-list-med li {
        min-height: 32px;
        padding-left: 32px
    }
}

@media only screen and (max-width:500px) {
    ul.icn-list.icn-list-med li:before, ul.icn-list.icn-list-med li i.ie-icn {
        font-size: 26px;
        font-size: 3.7rem;
        top: -.1em
    }

    ul.icn-list.icn-list-med li {
        min-height: 29px;
        padding-left: 29px
    }
}
/*! CG14 */
a.sharelink {
    cursor: pointer !Important
}

div.sharewidget {
    display: none;
    position: relative;
    z-index: 1;
    clear: both;
    float: left;
    font-size: 16px;
    font-size: 1.6rem
}

.js div.sharewidget {
    display: block
}

div.sharewidget a.sharewidget {
    width: 2em;
    height: 1.825em;
    display: block;
    overflow: hidden
}

    div.sharewidget a.sharewidget span {
        visibility: hidden
    }

    div.sharewidget a.sharewidget.sharetxt {
        overflow: visible;
        width: 6em
    }

        div.sharewidget a.sharewidget.sharetxt span {
            font-size: .5em;
            position: absolute;
            top: -.1em;
            left: 1.3em;
            visibility: visible;
            left: 2em\9
        }

div.sharewidget a.sharetxt:hover span {
    text-decoration: underline
}

a.sharewidget {
    position: relative
}

div.sharewidget div.icn-share:before, div.sharewidget div.icn-share-alt:before, div.sharewidget div.icn-share i.ie-icn, div.sharewidget div.icn-share-alt i.ie-icn {
    z-index: 2;
    position: absolute
}

div.sharewidget div.icn-share:after {
    background: #fff;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    padding-top: 80%;
    top: 0
}

div.sharewidget div.icn-share-alt:after {
    display: none
}

div.sharewidget div.icn-share-alt:before {
    font-size: 30px;
    font-size: 3.0rem;
    top: -2px;
    left: -2px
}

.sharewidgetw1 {
    position: relative
}

.sharewidgetw2 {
    margin-top: 13px;
    white-space: nowrap;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: -10px;
    background: #fff;
    padding: 8px;
    display: inline-block;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4)
}

.sharewidgetw2 {
    border: #ccc solid 1px\9
}

a.sharewidget.sharetxt + .sharewidgetw2 {
    left: -20px
}

.shareopen .icn-share-alt, .shareopen .icn-share-alt:before {
    color: #505050
}

.sharewidgetw2 a {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    margin: 0 .1em
}

.sharewidgetw2:after {
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    height: 13px;
    content: " ";
    background: url('http://www.oracleimg.com/us/assets/cg13-social-sprite-blue.png') -55px 100% no-repeat
}

.rightshare .sharewidgetw2 {
    left: auto;
    right: -10px;
    margin-left: -5px
}

    .rightshare .sharewidgetw2:after {
        background-position: 100% 100%
    }

.topshare .sharewidgetw2 {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 13px
}

    .topshare .sharewidgetw2:after {
        top: auto;
        bottom: -12px;
        background-position: -55px -1878px
    }

.topshare.rightshare .sharewidgetw2:after {
    background-position: 100% -1878px
}

.sharewidgetw2 div.icn-sicons:before {
    font-size: 4.0rem
}

.sharewidgetw2 .icn-img.icn-sicons:before {
    top: 6px;
    left: -5px;
    position: relative;
    line-height: 0
}

.sharewidgetw2 .icn-img.icn-sicons:hover:before {
    color: #525252
}

.sharewidgetw2 .icn-img.icn-sicons em {
    display: none
}

.sharewidgetw2 a.sharelink:hover {
    text-decoration: none
}
/*! F11 */
.f11v0 {
    width: 100%;
    overflow-x: hidden
}

.f11v1 .f11w1 {
    -webkit-transform: translate3d(0,0,0)
}

.f11v2 {
    background: #fff
}

.f11v2r2, .f11v3 {
    background: #dadee0
}

    .f11v2r2 .f11w1, .f11v3 .f11w1 {
        max-width: 1600px;
        margin: 0 auto;
        background: #fff
    }

        .f11v2r2 .f11w1:after, .f11v3 .f11w1:after {
            content: " ";
            visibility: hidden;
            display: block;
            height: 0;
            clear: both
        }

@media only screen and (min-width:0) and (max-width:320px) {
    .f11v0 {
        overflow-x: auto
    }
}

@media \0screen\,screen\9 {
    .f11v3 .f11w1 {
        min-width: 1000px
    }
}
/*! U01 */
.u01 {
    height: 108px;
    float: left;
    width: 1012px;
    padding: 0;
    z-index: 7;
    position: relative;
    color: #333;
    margin: 0 -19px;
    background: url('http://www.oracleimg.com/us/assets/u01-f01-bg-sprite.png') -19px 0 #fff no-repeat
}

a.u01nav, a.u01nav:hover {
    text-decoration: none !important
}

.u01 a {
    text-decoration: none
}

    .u01 a:hover {
        text-decoration: underline !important
    }

ul.u01nav {
    float: left;
    width: 974px;
    position: relative;
    background: 0;
    padding: 6px 0 0 205px;
    width: 788px;
    *z-index: 1
}

.u01nav > li {
    float: left;
    *height: 55px
}

.u01z1 {
    display: none;
    position: absolute;
    height: 10px;
    width: 200px;
    background: #fff;
    bottom: -5px;
    z-index: 3
}

.u01hover .u01z1 {
    background: url('http://www.oracleimg.com/us/assets/u01-redsprite.png') no-repeat 100% -1687px #fff
}

.u01w7 {
    position: relative;
    float: left;
    height: 55px;
    margin: 0 1px 0 0;
    *margin-top: 6px;
    *height: 49px
}

.u01z3 {
    position: absolute;
    bottom: -5px;
    height: 5px;
    width: 100%;
    left: 19px;
    display: none
}

.u01z3opened {
    background: url('http://www.oracleimg.com/us/assets/u01-redsprite.png') repeat-x 0 -10px;
    z-index: 2;
    border-left: #ddd solid 1px;
    border-right: #ddd solid 1px;
    width: 972px;
    display: block
}

ul.u01nav li:hover .u01z2 {
    height: 10px;
    background: url('http://www.oracleimg.com/us/assets/u01-redsprite.png') no-repeat -1px -1687px
}

.u01nav > li.u01hover {
    background: url('http://www.oracleimg.com/us/assets/u01-redsprite.png') 100% -1634px no-repeat #FFF
}

a.u01nav {
    display: block;
    color: #393939 !important;
    *cursor: pointer
}

    a.u01nav:hover {
        text-decoration: none;
        color: #696969
    }

ul.u01nav li.u01hover a.u01nav, ul.u01nav li.u01hover div.u01w7 {
    background: url('http://www.oracleimg.com/us/assets/u01-redsprite.png') no-repeat -1px -1634px
}

ul.u01nav li:hover a.u01btn {
    text-decoration: none
}

a.u01nav h3 {
    padding: 4px 9px 7px;
    display: table-cell;
    font-size: 17px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    *padding-top: 6px !important;
    *display: block;
    *max-height: 48px
}

.f11 a.u01nav h3 {
    padding-top: 3px
}

a.u01btn {
    color: #000;
    border-right: 0;
    margin: 1.2em 10px 0;
    display: block;
    position: relative;
    right: 0;
    *cursor: pointer;
    *margin-top: 0 !Important
}

.f11 a.u01btn {
    margin-top: .65em
}

a.u01btn h3 {
    display: block;
    font-size: 17px;
    line-height: 14px;
    color: #535659;
    padding: 4px 6px 2px 6px;
    border: #a2a2a2 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px 0 #fff;
    -moz-box-shadow: 0 1px 1px 0 #fff;
    box-shadow: 0 1px 1px 0 #fff;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#fff 40%,#e0e0e0 90%,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(40%,#fff),color-stop(90%,#e0e0e0),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#fff 0,#fff 40%,#e0e0e0 90%,#fff 100%);
    background: -o-linear-gradient(top,#fff 0,#fff 40%,#e0e0e0 90%,#fff 100%);
    background: -ms-linear-gradient(top,#fff 0,#fff 40%,#e0e0e0 90%,#fff 100%);
    background: linear-gradient(to bottom,#fff 0,#fff 40%,#e0e0e0 90%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e0e0e0',GradientType=0);
    *background: 0;
    *zoom: 1
}

    a.u01btn h3:hover {
        background: #fff;
        background: -moz-linear-gradient(top,#fff 0,#fff 40%,#ececec 90%,#fff 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(40%,#fff),color-stop(90%,#ececec),color-stop(100%,#fff));
        background: -webkit-linear-gradient(top,#fff 0,#fff 40%,#ececec 90%,#fff 100%);
        background: -o-linear-gradient(top,#fff 0,#fff 40%,#ececec 90%,#fff 100%);
        background: -ms-linear-gradient(top,#fff 0,#fff 40%,#ececec 90%,#fff 100%);
        background: linear-gradient(to bottom,#fff 0,#fff 40%,#ececec 90%,#fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ececec',GradientType=0);
        *background: 0;
        *zoom: 1
    }

a.u01btn span {
    color: #f00
}

li.u01btn {
    float: left;
    margin-right: 2px
}

.u01menu {
    width: 972px;
    z-index: 2;
    border: #ddd 1px solid;
    position: absolute;
    left: 19px;
    top: 61px;
    border-top: 0;
    -webkit-box-shadow: 0 10px 10px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 10px 10px -6px rgba(0,0,0,0.4);
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.4)
}

.u01w1 {
    position: relative;
    margin-top: 5px;
    background: url('http://www.oracleimg.com/us/assets/u01-redsprite.png') 0 -790px repeat-x;
    overflow: hidden
}

.u01w4 {
    width: 145px;
    padding: 10px 6px;
    float: left
}

.f11w1 .u01 h5 {
    font-size: 12px
}

.u01w1 h5, .u01w1 h5 a {
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0;
    background: transparent
}

h5.u01headingonly {
    margin: 0 0 10px 0
}

div.u01login, div.u01login a {
    color: #fff
}

    div.u01login h5 {
        margin: 0;
        padding-left: 15px;
        padding-top: 1px;
        background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -175px 0 no-repeat
    }

    div.u01login span {
        font-weight: normal
    }

div.u01login {
    height: 13px;
    line-height: 13px;
    margin: 0 -12px 5px -9px;
    padding: 4px 0 4px 10px;
    background: #d3d3d3;
    background: -moz-linear-gradient(top,#d3d3d3 0,#a6a6a6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d3d3d3),color-stop(100%,#a6a6a6));
    background: -webkit-linear-gradient(top,#d3d3d3 0,#a6a6a6 100%);
    background: -o-linear-gradient(top,#d3d3d3 0,#a6a6a6 100%);
    background: -ms-linear-gradient(top,#d3d3d3 0,#a6a6a6 100%);
    background: linear-gradient(to bottom,#d3d3d3 0,#a6a6a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#a6a6a6',GradientType=0)
}

.u01w1 ul {
    margin: 0 0 10px 0
}

.u01w1 li {
    margin: 0 0 2px 0;
    line-height: 13px
}

.u01w5 li {
    margin: 0 0 4px 0
}

.u01w1 a {
    color: #333 !important;
    font-size: 11.5px;
    line-height: 15px
}

    .u01w1 a:hover {
        color: #1f4f82
    }

#u01 .u01w1 a.lnk-lock {
    background: transparent !important;
    padding-left: 4px !important
}

    #u01 .u01w1 a.lnk-lock:before {
        background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') no-repeat -510px -200px !important;
        display: inline-block;
        width: 14px;
        padding-top: 14px;
        content: ""
    }

.u01w5 {
    border: 1px solid #d5d5d5;
    margin: 0 0 7px 0;
    padding: 10px 10px 0 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

    .u01w5.u01w5bannerimg {
        padding: 6px
    }

    .u01w5 h5.u01bar {
        font-size: 14px;
        padding: 6px 10px;
        margin: -10px -10px 5px;
        color: #fff;
        background: #ff3133;
        background: -moz-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3133),color-stop(100%,#d31f20));
        background: -webkit-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: -o-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: -ms-linear-gradient(top,#ff3133 0,#d31f20 100%);
        background: linear-gradient(top,#ff3133 0,#d31f20 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3133',endColorstr='#d31f20',GradientType=0)
    }

.u01w6 {
    width: 183px;
    padding: 10px;
    float: left;
    background-image: url('http://www.oracleimg.com/us/assets/u01-redsprite.png');
    background-repeat: no-repeat;
    background-position: 0 -90px
}

    .u01w6 ul:first-child {
        padding-top: 19px
    }

a.u01seeall {
    color: #6b6b6b
}

#u01menucontent .u01menu, #u01menucontent .u01toolmenu {
    display: block;
    position: relative;
    border: 0;
    border-bottom: 1px solid #bababa;
    top: 0;
    left: 0
}

    #u01menucontent .u01toolmenu li a {
        color: #333
    }

        #u01menucontent .u01toolmenu li a:hover {
            color: #1f4f82
        }

#u01menucontent h2 {
    margin: 20px 0 8px 0;
    clear: both
}

.u01toolsw1 {
    width: 974px;
    margin: 0 auto
}

.u01tools {
    float: left;
    padding: 0;
    font-size: 13px;
    line-height: 15px;
    position: relative;
    min-height: 47px;
    z-index: 2
}

    .u01tools a {
        color: #393939 !important;
        padding-bottom: 4px !important;
        font-size: 13px;
        -webkit-font-smoothing: subpixel-antialiased !important
    }

.u01pfile li {
    color: #393939 !important;
    font-size: 13px !important;
    -webkit-font-smoothing: subpixel-antialiased !important
}

.u01tools li {
    -webkit-font-smoothing: subpixel-antialiased
}

    .u01tools li:hover .u01toolmenu {
        display: block
    }

.u01toolmenu {
    display: none;
    border: 1px solid #9a9a9a;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 3;
    padding: 12px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)
}

#u01menucontent .u01toolmenu {
    float: left;
    width: 948px;
    clear: both;
    margin-top: 20px
}

.u01tools .u01toolmenu .u01w3 {
    width: 180px
}

.u01toolmenu h5 {
    color: #f00;
    padding: 0;
    background: transparent
}

.u01toolmenu ul {
    padding: 0 0 10px 0
}

.u01tools #menu-countryselect.u01toolmenu {
    right: -300px;
    *right: -220px
}

    .u01tools #menu-countryselect.u01toolmenu .u01w3 {
        width: 640px
    }

        .u01tools #menu-countryselect.u01toolmenu .u01w3 h5 {
            border-bottom: 1px solid #ccc;
            line-height: 15px;
            text-transform: uppercase;
            margin-bottom: 4px;
            padding-bottom: 2px
        }

    .u01tools #menu-countryselect.u01toolmenu ul {
        float: left;
        padding: 0 40px 0 0
    }

#u01menucontent #menu-countryselect ul {
    width: 19%;
    padding: 0;
    float: left
}

.u01tools #menu-countryselect.u01toolmenu ul.last {
    padding-right: 0
}

.u01 .u01toolmenu li {
    float: none;
    padding: 0;
    line-height: 15px
}

.u01toolmenu a {
    color: #333 !important;
    font-size: 11px !important
}

    .u01toolmenu a:hover {
        color: #1f4f82 !important
    }

.u01tools .menu-multicol {
    right: -300px;
    *right: -220px
}

    .u01tools .menu-multicol .u01w3 {
        width: 640px
    }

        .u01tools .menu-multicol .u01w3 h5 {
            border-bottom: 1px solid #ccc;
            line-height: 15px;
            text-transform: uppercase;
            margin-bottom: 4px;
            padding-bottom: 2px
        }

    .u01tools .menu-multicol ul {
        float: left;
        padding: 0 40px 0 0
    }

#u01menucontent .menu-multicol ul {
    width: 19%;
    padding: 0;
    float: left
}

.u01tools .menu-multicol ul.last {
    padding-right: 0
}

#pfile-wlcm, #pfile-acct, #pfile-sout {
    display: none
}

#pfile-wlcm {
    position: absolute;
    top: 5px;
    color: #737373 !important;
    *left: 196px;
    *color: #727272 !important
}

.f11 #pfile-wlcm {
    top: 1px
}

.u01pfile {
    float: right;
    padding: 31px 0 0 196px
}

    .u01pfile li {
        float: left
    }

.u01navtools {
    float: right;
    margin-right: 145px;
    padding: 31px 0 0 0
}

    .u01navtools > li {
        float: left;
        position: relative
    }

        .u01navtools > li > a {
            padding: 0 14px 0 0
        }

.hasjs .u01navtools > li > a, .js .u01navtools > li > a {
    background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 100% -18px no-repeat
}

.u01navtools > li:hover > a {
    background-position: 100% 2px
}

.u01pfile li, .u01navtools > li {
    padding: 0 9px 0 0;
    color: #393939
}

.u01search {
    position: absolute;
    right: 161px;
    top: 2px;
    width: 94px
}

.u01searchfltr {
    display: none
}

.u01searchform {
    position: relative;
    display: block;
    background: #fff;
    padding: 0 16px 0 0;
    z-index: 2
}

    .u01searchform .textcnt {
        background: 0;
        border: 0;
        color: #868686;
        font-family: roboto-light;
        font-size: 16px;
        font-weight: bold;
        height: 27px;
        line-height: 20px;
        width: 63px;
        padding: 0 22px 0 7px
    }

.u01searchbttn {
    width: 20px;
    height: 20px;
    display: block;
    background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -596px -42px no-repeat;
    border: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    text-indent: -33333em;
    text-transform: uppercase;
    z-index: 2;
    cursor: pointer
}

#u01searcherror {
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.95)),color-stop(50%,rgba(255,255,255,0.95)),color-stop(100%,rgba(255,255,255,0.95)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff',endColorstr='#f2ffffff',GradientType=0);
    width: 126px;
    position: absolute;
    top: -4px;
    left: -4px;
    border: 1px solid #bfbfbf;
    z-index: 1;
    padding: 35px 5px 12px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.4);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.4)
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.u01search .ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.u01search .ui-autocomplete {
    background: #fff;
    border: #666;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 130%;
    border: #bbb solid 1px;
    -webkit-box-shadow: 3px 3px 12px rgba(50,50,50,0.55);
    -moz-box-shadow: 3px 3px 12px rgba(50,50,50,0.55);
    box-shadow: 3px 3px 12px rgba(50,50,50,0.55);
    z-index: 3
}

* html .u01search .ui-autocomplete {
    height: 250px;
    width: 1px
}

.u01search .ui-menu {
    list-style: none;
    padding: 2px 0;
    margin: 0;
    display: block;
    outline: 0
}

    .u01search .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute
    }

    .u01search .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        width: 100%
    }

    .u01search .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0
    }

    .u01search .ui-menu .ui-menu-item {
        text-decoration: none;
        display: block;
        zoom: 1;
        font-weight: normal;
        color: #333 !important;
        padding: 6px 12px
    }

        .u01search .ui-menu .ui-menu-item.ui-state-focus, .u01search .ui-menu .ui-menu-item.ui-state-active {
            font-weight: normal;
            background: #e8e8e8;
            color: #1f4f82 !important
        }

.u01search .ui-autocomplete::-webkit-scrollbar {
    width: 12px
}

.u01search .ui-autocomplete::-webkit-scrollbar-track {
    background: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}

.u01search .ui-autocomplete::-webkit-scrollbar-thumb {
    background: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)
}

    .u01search .ui-autocomplete::-webkit-scrollbar-thumb:window-inactive {
        background: #e0921c
    }

.u01logo {
    position: absolute;
    top: 0;
    width: 176px;
    text-indent: -2000px;
    background: #c10000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#c10000 0,#f00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c10000),color-stop(100%,#f00));
    background: -webkit-linear-gradient(top,#c10000 0,#f00 100%);
    background: -o-linear-gradient(top,#c10000 0,#f00 100%);
    background: -ms-linear-gradient(top,#c10000 0,#f00 100%);
    background: linear-gradient(to bottom,#c10000 0,#f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c10000',endColorstr='#ff0000',GradientType=0);
    -moz-box-shadow: 10px 0 10px -10px rgba(0,0,0,0.4),-10px 0 10px -10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 10px 0 10px -10px rgba(0,0,0,0.4),-10px 0 10px -10px rgba(0,0,0,0.4);
    box-shadow: 10px 0 10px -10px rgba(0,0,0,0.4),-10px 0 10px -10px rgba(0,0,0,0.4)
}

    .u01logo a {
        display: block;
        padding: 46px 21px !important;
        min-height: 16px;
        text-indent: -30000px
    }

        .u01logo a span {
            display: block;
            width: 134px;
            height: 16px;
            padding: 0 !important;
            background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 0 no-repeat;
            -moz-outline: 0
        }

.u01logoinline .u01logo img {
    float: left;
    width: 134px;
    height: 43px;
    padding: 0 !important;
    -moz-outline: 0
}

.u01logoinline .u01logo a {
    padding: 32px 21px 33px !important;
    min-height: 43px
}

.u01logoinline .u01mlogo img {
    float: left;
    width: 100%
}

.u01logoinline .u01mlogo a {
    background: 0;
    height: auto;
    overflow: hidden;
    margin: 10px 28px;
    width: 109px
}

.block {
    display: block !important
}

.u01tools.u01ftadj, .u01tools.u01ftadj > ul > li, .u01tools.u01ftadj > ul > li, .u01tools.u01ftadj a {
    font-size: 12px !important
}

.u01nav.u01fmadj h3, .u01nav.u01fmadj a.u01btn h3 {
    font-size: 15px
}

.u01mmenu, .u01mlogo, .u01msearch {
    text-indent: -999px;
    display: none
}

.u01w9 .u01search {
    display: none
}

.u01toolsw1:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.no-js a.u01btn {
    margin-top: .45em
}

.u01w5bannerimg img {
    visibility: hidden
}

@media only screen and (max-width:974px) {
    .u01w5bannerimg img {
        visibility: initial
    }
}

@media only screen and (max-width:600px) {
    .u01logoinline .u01mlogo a {
        margin: 9px 8px;
        width: 88px
    }
}

.u01nav > li.u01sansmenu:hover {
    background: #transparent !important
}

li.u01sansmenu .u01z1 {
    display: none !important
}
/*! U01 - FOR COMPASS CODE BASE */
.u01toolsw1:after, .u01:after, ul.u01nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.u01tools {
    line-height: 24px
}

.u01 {
    float: none;
    width: 100%;
    height: 108px;
    margin: 0 auto;
    background: #fff;
    background: -moz-linear-gradient(top,#ededed 0,#fff 56%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(56%,#fff));
    background: -webkit-linear-gradient(top,#ededed 0,#fff 56%);
    background: -o-linear-gradient(top,#ededed 0,#fff 56%);
    background: -ms-linear-gradient(top,#ededed 0,#fff 56%);
    background: linear-gradient(to bottom,#ededed 0,#fff 56%)
}

.f11v1.u01loaded .u01 {
    width: 100%
}

@media only screen and (min-width:974px) {
    .f11v1 .u01 {
        width: 974px
    }

    .f11v1 ul.u01nav {
        clear: both
    }
}

ul.u01nav {
    background: 0;
    float: none;
    margin: 0 auto;
    padding: 0 0 0 185px;
    width: 789px
}

.u01pfile {
    padding: 27px 0 3px 194px
}

.u01z3 {
    margin-left: -487px;
    left: 50%
}

.u01menu {
    left: 0;
    top: 54px
}

.u01 h3 {
    font-weight: bold
}

.u01 h5 {
    font-size: 12px;
    font-weight: bold
}

.u01tools {
    height: auto
}

.u01toolmenu {
    top: 19px
}

.u01navtools {
    padding: 27px 0 3px 0
}

.u01w1 {
    margin-top: 4px
}

    .u01w1 a {
        line-height: 13px
    }

.u01w8.u01active, .u01w9.u01active, .u01navtools.u01active, ul.u01nav.u01active, .u01logo + .u01pfile.u01active, .u01search.u01active {
    display: block
}

.no-js .u01 {
    background: #fff
}

@media only screen and (min-width:0) and (max-width:974px) {
    .no-js .u01logo {
        display: block;
        top: -30px;
        height: 77px;
        left: -200px
    }

    .no-js .u01 {
        padding-left: 200px
    }

    .no-js .u01tools .u01pfile a {
        color: #fff !important;
        padding: 1.2em 20px 0 0;
        display: inline-block
    }

    .f11 a.u01btn {
        margin-top: 0
    }

    .u01w7, .f11 a.u01btn, li.u01btn {
        font-size: 16px !important
    }

    .u01w9 {
        padding: 10px
    }

    .u01logo, .u01w8, .u01w9, .u01navtools, ul.u01nav, .u01logo + .u01pfile, .u01search {
        display: none
    }

    #pfile-wlcm {
        display: none !important
    }

    .u01navtools {
        border-bottom: 2px solid #acacac
    }

    .u01, .no-js .u01 {
        border-bottom: 1px solid #b31010;
        background: #c10000;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,#c10000 0,#f00 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c10000),color-stop(100%,#f00));
        background: -webkit-linear-gradient(top,#c10000 0,#f00 100%);
        background: -o-linear-gradient(top,#c10000 0,#f00 100%);
        background: -ms-linear-gradient(top,#c10000 0,#f00 100%);
        background: linear-gradient(to bottom,#c10000 0,#f00 100%)
    }

    .u01tools, .u01toolsw1 {
        width: 100%
    }

    .u01toolsw1 {
        background: #ebebeb
    }

    .u01tools {
        float: none;
        min-height: 0
    }

    .u01toolsw1 {
        position: relative
    }

    ul.u01nav {
        width: 100%;
        padding: 0;
        background: #ebebeb
    }

    .u01navtools, .u01navtools > li, .u01pfile, .u01pfile li, .u01nav > li {
        float: none;
        margin: 0;
        padding: 0
    }

    .u01search {
        position: relative;
        padding: 9px;
        top: 0;
        right: auto;
        width: 100%;
        width: auto
    }

    .u01searchform {
        height: 22px;
        padding: 0 0 0 4px;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px
    }

    .u01searchbttn {
        top: 5px;
        right: 11px;
        width: 13px;
        height: 13px;
        background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 -24px no-repeat
    }

    .u01searchform .textcnt {
        height: 21px;
        width: 82%;
        padding: 0 22px 0 10px;
        font-size: 14px;
        font-weight: normal;
        color: #777
    }

    #u01searcherror {
        top: 0;
        left: 0;
        width: 100%;
        background: #fff !important
    }

    .u01navtools > li, .u01nav > li {
        border-bottom: 1px solid #acacac
    }

        .u01navtools > li:first-child {
            border-top: 1px solid #acacac
        }

        .u01navtools > li > a {
            display: block;
            background: none !important;
            font-size: 16px !important
        }

        .u01navtools > li:hover > a, .u01nav > li:hover {
            background: #fff !important;
            text-decoration: none !important
        }

    .u01tools .u01toolmenu, .u01menu, .u01z3, .u01z1 {
        display: none !important
    }

    a.u01nav, .u01navtools > li > a, a.u01btn {
        padding: 10px 15px !important;
        margin: 0
    }

        a.u01nav:hover {
            text-decoration: none !important
        }

        a.u01nav h3 {
            display: block;
            text-align: left;
            font-size: 16px !important;
            font-weight: normal;
            height: auto;
            margin: 0;
            padding: 0
        }

        a.u01btn h3 {
            border: 0;
            border-radius: 0;
            background: 0;
            filter: none;
            font-size: 16px !important;
            font-weight: normal;
            color: #393939;
            margin: 0;
            padding: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

            a.u01btn h3:hover {
                background: 0;
                filter: none
            }

        a.u01btn:hover {
            text-decoration: none !important
        }

    .u01w7 {
        float: none;
        position: static;
        height: auto;
        margin: 0
    }

    #pfile-regs, #pfile-help, #pfile-acct, #pfile-sout {
        float: left
    }

    .u01logo + .u01pfile {
        overflow: hidden;
        padding: 10px 15px
    }

        .u01logo + .u01pfile #pfile-acct, .u01logo + .u01pfile #pfile-sout, .u01logo + .u01pfile #pfile-regs, .u01logo + .u01pfile #pfile-help {
            line-height: 13px;
            border: 1px solid #636363;
            margin-right: 10px;
            -webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3);
            box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3);
            background: #464646;
            background: -moz-linear-gradient(top,#464646 0,#4f4f4f 9%,#7b7b7b 34%,#898989 46%,#898989 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#464646),color-stop(9%,#4f4f4f),color-stop(34%,#7b7b7b),color-stop(46%,#898989),color-stop(100%,#898989));
            background: -webkit-linear-gradient(top,#464646 0,#4f4f4f 9%,#7b7b7b 34%,#898989 46%,#898989 100%);
            background: -o-linear-gradient(top,#464646 0,#4f4f4f 9%,#7b7b7b 34%,#898989 46%,#898989 100%);
            background: -ms-linear-gradient(top,#464646 0,#4f4f4f 9%,#7b7b7b 34%,#898989 46%,#898989 100%);
            background: linear-gradient(to bottom,#464646 0,#4f4f4f 9%,#7b7b7b 34%,#898989 46%,#898989 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646',endColorstr='#898989',GradientType=0)
        }

            .u01logo + .u01pfile #pfile-acct:hover, .u01logo + .u01pfile #pfile-sout:hover, .u01logo + .u01pfile #pfile-regs:hover, .u01logo + .u01pfile #pfile-help:hover {
                border: 1px solid #f9f9f9;
                background: #ebebeb;
                background: -moz-linear-gradient(top,#ebebeb 0,#e8e8e8 4%,#f9f9f9 32%,#fff 48%,#fff 100%);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(4%,#e8e8e8),color-stop(32%,#f9f9f9),color-stop(48%,#fff),color-stop(100%,#fff));
                background: -webkit-linear-gradient(top,#ebebeb 0,#e8e8e8 4%,#f9f9f9 32%,#fff 48%,#fff 100%);
                background: -o-linear-gradient(top,#ebebeb 0,#e8e8e8 4%,#f9f9f9 32%,#fff 48%,#fff 100%);
                background: -ms-linear-gradient(top,#ebebeb 0,#e8e8e8 4%,#f9f9f9 32%,#fff 48%,#fff 100%);
                background: linear-gradient(to bottom,#ebebeb 0,#e8e8e8 4%,#f9f9f9 32%,#fff 48%,#fff 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#ffffff',GradientType=0)
            }

            .u01logo + .u01pfile #pfile-acct a, .u01logo + .u01pfile #pfile-sout a, .u01logo + .u01pfile #pfile-regs a, .u01logo + .u01pfile #pfile-help a {
                display: block;
                text-decoration: none;
                color: #fff !important;
                font-weight: bold;
                padding: 5px !important
            }

                .u01logo + .u01pfile #pfile-acct a:hover, .u01logo + .u01pfile #pfile-sout a:hover, .u01logo + .u01pfile #pfile-regs a:hover, .u01logo + .u01pfile #pfile-help a:hover {
                    color: #1f4f82 !important;
                    text-decoration: none !important
                }

    .u01search .ui-menu {
        width: 82% !Important
    }
}
/*@media only screen and (min-width:0) and (max-width:600px){.no-js .u01tools .u01pfile a{padding-top:1em}
.u01{height:46px}
.u01mlogo{display:block;position:absolute;left:50px;top:0}
.u01mlogo a{display:block;width:103px;height:13px;margin:17px;background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -468px -62px no-repeat}
.u01mmenu{display:block;position:absolute;left:0;top:0}
.u01mmenu a{display:block;width:47px;height:47px;background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 -40px no-repeat}
.u01mmenu.u01active a{background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -115px -40px no-repeat}
.u01msearch{display:block;position:absolute;top:0;right:0}
.u01msearch a{display:block;width:46px;height:47px;background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -230px -40px no-repeat}
.u01msearch.u01active a{background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -345px -40px no-repeat}
.u01w8,.u01w9{position:relative;top:47px;background:#ebebeb}
.u01toolsw1,ul.u01nav{top:47px}
}
@media only screen and (min-width:601px) and (max-width:974px){.u01{height:56px;border-top:1px solid #7e0000;border-bottom:1px solid #b31010}
.u01mlogo{display:block;position:absolute;left:50px;top:0}
.u01mlogo a{display:block;width:128px;height:15px;margin:21px;background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -468px -42px no-repeat}
.u01mmenu{display:block;position:absolute;left:0;top:-1px}
.u01mmenu a{display:block;width:62px;height:58px;background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -50px -40px no-repeat}
.u01mmenu.u01active a{background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -165px -40px no-repeat}
.u01msearch{display:block;position:absolute;top:-1px;right:0}
.u01msearch a{display:block;width:61px;height:58px;background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -280px -40px no-repeat}
.u01msearch.u01active a{background:url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') -395px -40px no-repeat}
.u01w8,.u01w9{position:relative;top:57px;background:#ebebeb}
.u01toolsw1,ul.u01nav{top:57px}
}*/
.f11 .menu-otn {
    display: none
}
/*! HP07 */
.hp07v0 {
    width: 100%;
    clear: both;
    position: relative;
    overflow: hidden;
    height: 252px;
    margin-bottom: -40px;
}

.hp07 {
    display: table;
    height: 252px;
    position: absolute;
    top: 100%
}

    .hp07 .cta-list {
        clear: both;
        margin-bottom: 0
    }

        .hp07 .cta-list li:before {
            background-position: 66% 60.4%
        }

        .hp07 .cta-list li {
            margin-bottom: .3em
        }

.no-js .hp07 .cta-list li {
    line-height: 1.2em
}

.hp07 h3 {
    padding: .6em 0 0 0;
    font-weight: normal;
    clear: both;
    font-size: 18px;
    font-size: 1.8rem
}

.hp07w1 {
    position: relative;
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    height: 462px
}

.hp07z1 {
    display: none
}

.hp07w2 {
    height: 462px
}

.hp07w3 {
    display: none;
    vertical-align: middle
}

.cfeature .hp07w3 {
    display: table-cell
}

.hp07w4 {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 252px;
    top: 0
}

.hp07imgslide {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 252px;
    overflow: hidden;
    top: 100%;
    left: -100%
}

    .hp07imgslide div {
        width: 100%;
        height: 252px;
        position: absolute;
        display: none
    }

    .hp07imgslide img {
        position: absolute;
        left: 49%;
        margin-left: -592px;
        display: block;
        width: 1211px;
        height: 252px;
    }

.cslide div {
    display: block
}

.hp07, .hp07 a {
    color: #fff
}

.hp07ttl {
    height: 40px;
    font-family: roboto-light;
    overflow: hidden;
    font-size: 30px;
    line-height: 1.18em;
    margin-bottom: .36em;
    text-transform: uppercase;
    font-weight: normal
}

.hp07ttl-sm {
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: .5em
}

.hp07subttl {
    font-size: 14px;
    font-family: roboto-light;
    line-height: 1.8em;
    margin-bottom: 1.2em;
    max-height: 75px;
    overflow: hidden;
}

.hp07subttl-sm {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 1.1em
}

.hp07 .cmps-bttns {
    margin-bottom: .35em
}

.hp07w2 {
    z-index: 4;
    position: absolute;
    right: 200px;
    top: 0;
    bottom: 0;
    width: 264px;
    padding: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,0.68) 0,rgba(0,0,0,0.68) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.68)),color-stop(100%,rgba(0,0,0,0.68)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.68) 0,rgba(0,0,0,0.68) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0.68) 0,rgba(0,0,0,0.68) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.68) 0,rgba(0,0,0,0.68) 100%);
    background: linear-gradient(to bottom,rgba(28,47,114,0.95) 0,rgba(28,47,114,0.6868) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7000000',endColorstr='#c7000000',GradientType=0)
}

.hp07z2 {
    display: block;
    content: " ";
    height: 6px;
    font-size: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.2)),color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000',endColorstr='#00000000',GradientType=0)
}

.hp07nav {
    position: absolute;
    top: 216px;
    right: 12px;
    font-size: 31px;
    font-size: 3.1rem;
    width: 100%;
    height: 50px;
}

    .hp07nav a {
        color: #fff;
        display: block;
        width: .9em;
        height: .88em;
        margin: 0em;
        background: url("images/navLogp.png") 0 87.5% no-repeat;
        background-size: 100% auto
    }

        .hp07nav a.hp07selected {
            background-position: 0 93.75%
        }

        .hp07nav a:hover {
            -webkit-transition: opacity 250ms;
            -moz-transition: opacity 250ms;
            -o-transition: opacity 250ms;
            transition: opacity 250ms;
            opacity: .7
        }

        .hp07nav a.hp07selected:hover {
            opacity: 1
        }

    .hp07nav ul {
        float: right;
    }

.hp07dnav i, .hp07dnav {
    z-index: 4;
    position: absolute;
    font-size: 40px;
    font-size: 4rem;
    top: 0;
    left: 50%;
    margin: .575em 0 0 -.5em;
    display: block;
    width: 1em;
    height: 1em
}

    .hp07dnav.hp07next {
        top: auto;
        bottom: 0;
        margin: 0 0 .575em -.5em
    }

    .hp07dnav i {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .hp07dnav.hp07next i {
        background-position: 0 0
    }

    .hp07dnav:hover i {
        -webkit-transition: opacity 250ms;
        -moz-transition: opacity 250ms;
        -o-transition: opacity 250ms;
        transition: opacity 250ms;
        opacity: .7
    }

.no-js .hp07w2 {
    width: 100%
}

.no-js .hp07v0 {
    background: #fff;
    margin-top: 1em
}

.no-js .hp07w3 {
    display: table-cell
}

.no-js .hp07 {
    top: 0;
    width: 45%;
    padding: 0 2.5%
}

.no-js .hp07 {
    top: 0;
    width: 45%
}

    .no-js .hp07:nth-child(2) {
        left: 50% !important;
        border-left: 1px solid #fff
    }

    .no-js .hp07:nth-child(3), .no-js .hp07:nth-child(4) {
        display: none
    }

@media(min-width:0) and (max-width:1018px) {
    .hp07w2 {
        margin: 0 1.25%
    }
}

@media(min-width:771px) and (max-width:990px) {
    .hp07imgslide img {
        left: 0;
        margin-left: -452px
    }
}

@media(min-width:0) and (max-width:870px) {
    .hp07ttl {
        font-size: 30px
    }

    .hp07ttl-sm {
        font-size: 24px
    }
}

@media(min-width:0) and (max-width:770px) {
    .hp07ttl {
        font-size: 25px
    }

    .hp07ttl-sm {
        font-size: 21px
    }

    .hp07w2 {
        width: 48.14%
    }

    .hp07imgslide, .hp07, .hp07w2, .hp07w1, .hp07w4 {
        height: 434px
    }

        .hp07imgslide img {
            left: 0;
            margin-left: -377px;
            height: 434px
        }
}

@media(min-width:601px) {
    .hp07nav ul {
        margin-left: 0 !Important
    }

    .hp07 {
        padding: 0 17px 0 17px;
        left: 0 !Important
    }

    .hp07single .hp07 {
        padding: 0 3em 0 2em
    }

    .hp07imgslide, .hp07imgslide div {
        left: 0 !important
    }
}

@media(min-width:0) and (max-width:600px) {
    .hp07ttl {
        font-size: 18px
    }

    .hp07ttl-sm {
        font-size: 16px
    }

    .hp07 {
        top: 0 !important;
        left: -100%;
        padding: 1.25% 2.5% 0
    }

    .hp07imgslide {
        top: -20px !important;
        padding-bottom: 20px
    }

        .hp07imgslide div {
            top: 0 !Important;
            background: #000 !important
        }

    .hp07imgslide, .hp07w1, .hp07w4 {
        height: 392px
    }

        .hp07imgslide img {
            margin-left: -400px;
            height: 240px;
            left: 50%
        }

    .hp07 {
        height: 222px
    }

    .hp07w2 {
        height: 252px
    }

    .hp07nav {
        font-size: 34px;
        font-size: 3.4rem
    }

    .hp07w2 {
        position: absolute;
        left: 0;
        top: 140px;
        bottom: 0;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .hp07z1 {
        display: block;
        position: absolute;
        z-index: 3;
        top: 180px;
        height: 50px;
        width: 100%;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0)
    }

    .hp07dnav {
        z-index: 4;
        font-size: 52px;
        font-size: 5.2rem;
        top: -99px !important;
        left: -5px;
        margin: 0;
        padding: 6px 0;
        background: #000;
        background: -moz-linear-gradient(top,rgba(0,0,0,0.60) 0,rgba(0,0,0,0.60) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.60)),color-stop(100%,rgba(0,0,0,0.60)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0.60) 0,rgba(0,0,0,0.60) 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,0.60) 0,rgba(0,0,0,0.60) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0.60) 0,rgba(0,0,0,0.60) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0.60) 0,rgba(0,0,0,0.60) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7000000',endColorstr='#c7000000',GradientType=0)
    }

        .hp07dnav i {
            background-position: 0 18.75%;
            top: 6px;
            font-size: 52px;
            font-size: 5.2rem
        }

        .hp07dnav.hp07next i {
            background-position: 0 12.5%
        }

        .hp07dnav.hp07next {
            left: auto;
            right: -5px
        }

        .hp07dnav:hover i, .hp07next:hover i {
            opacity: .7
        }

    .hp07nav {
        left: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        margin: 0;
        height: 1.2em;
        padding-top: .2em
    }

        .hp07nav ul {
            left: 50%;
            top: 0;
            margin-top: 0 !Important
        }

        .hp07nav li {
            float: left
        }

    .no-js .hp07w1 {
        height: 250px !important
    }

    .no-js .hp07w2 {
        top: 0
    }

    .no-js .hp07 {
        width: 100%;
        border: 0;
        left: 0 !important;
        position: relative
    }

        .no-js .hp07:nth-child(2), .no-js .hp07:nth-child(3), .no-js .hp07:nth-child(4) {
            display: none
        }
}

@media(min-width:0) and (max-width:400px) {
    .hp07imgslide img {
        left: 0;
        margin-left: -209px
    }
}

@media \0screen\,screen\9 {
    .hp07nav ul {
        margin-left: 0 !Important
    }

    .hp07 {
        padding: 0 3.550em 0 1.650em
    }

    .hp07nav a {
        background: url('templets/cobettercn/images/compass-hp-sprite.png') 50% -193px no-repeat;
        background-size: auto auto
    }

        .hp07nav a.hp07selected {
            background-position: 50% -217px
        }

    .hp07dnav i {
        background: url('templets/cobettercn/images/compass-hp-sprite.png') 50% 0 no-repeat;
        background-size: auto auto
    }

    .hp07dnav.hp07next i {
        background-position: 50% -40px
    }

    .hp07dnav:hover, .hp07nav a:hover {
        filter: alpha(opacity=60)
    }

    .hp07nav a.hp07selected:hover {
        filter: alpha(opacity=100)
    }
}
/*! HP08 */
.hp08w1:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.hp08w1 {
    width: 100%;
    max-width: 1211px;
    margin: 0 auto;
    position: relative
}

.hp08w2 {
    height: 651px;
    width: 100%;
    padding: 1.25% 0 0 0;
    position: relative
}

.hp08v1 {
    clear: both;
    position: absolute;
    top: 0;
    height: 651px;
    width: 100%;
    margin: 0;
    padding: 1.25% 0 0 0;
    z-index: 1
}

    .hp08v1:first-child .hp08promo {
        display: block
    }

    .hp08v1.hp08currentfilter {
        z-index: 2
    }

.hp08v0:after {
    max-width: 1211px;
    margin-bottom: 0px;
    width: 100%;
    height: .9em;
    display: block;
    content: " ";
    background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 100% no-repeat;
    background-size: 100% auto
}

.js .hp08label {
    display: none
}

.no-js .hp08label {
    margin: 1.75em 0 .5em;
    font-weight: normal;
    color: #555;
    font-size: 28px;
    font-size: 2.8rem
}

.no-js .hp08v0:after {
    display: none
}

.no-js .hp08v0 {
    max-width: 974px;
    margin: 0 auto
}

.hp08promo {
    color: #fff;
    height: 211px;
    float: left;
    position: absolute;
    font-size: 18px;
    font-size: 1.8rem;
    overflow: hidden;
    z-index: 1
}

.hp08c1 {
    width: 32.7%
}

.hp08c3 {
    width: 32.7%
}

.hp08c2 {
    width: 32.7%
}

.hp08c1 .hp08img, .hp08c1.hp08basic a, .hp08c3 .hp08img, .hp08c3.hp08basic a {
    width: 100%;
    height: 211px
}

.hp08c2 .hp08img, .hp08c2.hp08basic a {
    width: 100%;
    height: 440px
}

.hp08prevf {
    z-index: 1;
    display: block
}

.hp08promo-1 {
    top: 0;
    left: 0
}

.hp08promo-6 {
    bottom: 227px;
    left: 0
}

.hp08promo-2 {
    bottom: 0;
    left: 0
}

.hp08promo-3 {
    left: 33.6%;
    top: 0;
    height: auto
}

.hp08promo-7 {
    left: 33.6%;
    bottom: 0;
    height: auto
}

.hp08promo-4 {
    top: 0;
    right: 0
}

.hp08promo-8 {
    bottom: 227px;
    right: 0
}

.hp08promo-5 {
    bottom: 0;
    right: 0
}

.hp08c1 .hp08img {
    background-size: 400px auto
}

.hp08c3 .hp08img {
    background-size: 470px auto
}

.hp08c2 .hp08img {
    background-size: 450px auto
}

.hp08promo .hp08img {
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transform: translate3d(0,0,0)
}

.hp08bg-tl.hp08img {
    background-position: 0 0
}

.hp08bg-tc.hp08img {
    background-position: 50% 0
}

.hp08bg-tr.hp08img {
    background-position: 100% 0
}

.hp08bg-mc.hp08img {
    background-position: 50% 50%
}

.hp08bg-bc.hp08img {
    background-position: 100% 100%
}

.hp08v1.hp08bgtiles {
    display: block;
    z-index: 0
}

.hp08bgtile {
    background: #eee
}

.hp08promo.hp08basic a {
    display: block;
    width: 100%;
    background: #1e4f7f;
    background: -moz-linear-gradient(top,#1e4f7f 0,#153d60 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e4f7f),color-stop(100%,#153d60));
    background: -webkit-linear-gradient(top,#1e4f7f 0,#153d60 100%);
    background: -o-linear-gradient(top,#1e4f7f 0,#153d60 100%);
    background: -ms-linear-gradient(top,#1e4f7f 0,#153d60 100%);
    background: linear-gradient(to bottom,#1e4f7f 0,#153d60 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e4f7f',endColorstr='#153d60',GradientType=0)
}

    .hp08promo.hp08basic a:hover {
        text-decoration: none;
        color: #fff
    }

.hp08imgitems .hp08c2 .hp08w4 {
    padding: 15px !important;
    height: 370px
}

.hp08imgitems .hp08w4 {
    padding: 15px !important;
    height: 170px;
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.hp08w4 p {
    line-height: 1.15em;
    margin: 0 0 1em;
    color: #fff
}

.hp08ttl {
    font-weight: bold;
    margin: 0 0 .44445em;
    text-transform: uppercase
}

.hp08promo a {
    color: #fff;
    display: block;
    position: relative;
    top: -150%;
    -webkit-transform: translate3d(0,0,0);
    text-decoration: none
}

.hp08w3 {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    margin-top: 2px;
    background: -moz-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.66)),color-stop(100%,rgba(0,0,0,0.66)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.66) 0,rgba(0,0,0,0.66) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8000000',endColorstr='#a8000000',GradientType=0)
}

.hp08imgitems .hp08w3 {
    padding-right: 0 !important
}

.hp08teaser {
    display: table;
    width: 100%;
    table-layout: fixed
}

    .hp08teaser b {
        display: table-cell;
        vertical-align: middle
    }

    .hp08teaser span {
        display: table-cell;
        vertical-align: middle;
        overflow: hidden;
        padding: .7em .8em .5em .8em;
        height: 2.8em
    }

        .hp08teaser span em {
            display: inline-block;
            margin-right: 2.5em;
            position: relative;
            overflow: hidden;
            width: 100%;
            font-style: normal;
            line-height: 1.17em;
            text-transform: uppercase;
            font-size: 18px;
        }

.hp08arrw {
    display: table-cell;
    vertical-align: middle;
    width: 2.8em;
    line-height: 0;
    text-align: center;
    padding: .7em 0 .7em
}

    .hp08arrw:after {
        font-size: 1.4em;
        width: 1em;
        height: 1em;
        background: url('./templets/cobettercn/images/compass-hp-sprite.png') 0 6.25% no-repeat;
        background-size: 100% auto;
        display: inline-block;
        content: " "
    }

.hp08cta {
    display: table;
    width: 90%;
    padding: 0px 5%;
    table-layout: fixed
}

    .hp08cta span {
        display: table-cell;
        vertical-align: middle;
    }

.hp08w3 p {
    color: #fff;
    line-height: 1.15;
    margin-top: -40px;
    font-family: roboto-light;
    font-size: 18px;
    text-align: left;
    margin-bottom: 16px;
}

.hp08w3 span {
    font-size: 12px;
    font-family: roboto-light;
    color: #fff;
    line-height: 20px;
}

.hp08teaser span {
    font-size: 16px;
    font-family: roboto-light;
    color: #fff;
}

.hp08w3 .cmps-bttns {
    margin: 0 .8em;
    width: auto;
    float: none
}

    .hp08w3 .cmps-bttns div {
        float: none;
        display: table;
        margin: 0 auto
    }

.touch .hp08w3 .hp08arrw:after {
    background-position: 0 12.5%
}

.no-touch .hp08imgitems .hp08promo a:hover .hp08w3 {
    -webkit-transition: margin-top 200ms;
    -moz-transition: margin-top 200ms;
    -o-transition: margin-top 200ms;
    transition: margin-top 200ms;
    margin-top: -5px
}

.no-touch .hp08imgitems .hp08promo.hp08c2 a .hp08w3:hover .hp08teaser, .no-touch .hp08imgitems .hp08promo.hp08c2 a:focus .hp08w3 .hp08teaser {
    -webkit-transition: opacity 850ms,margin 1200ms;
    -moz-transition: opacity 850ms,margin 1200ms;
    -o-transition: opacity 850ms,margin 1200ms;
    transition: opacity 850ms,margin 1200ms;
    opacity: 0;
    margin: -20% 0 20%
}

.no-touch .hp08imgitems .hp08promo a .hp08w3:hover .hp08teaser, .no-touch .hp08imgitems .hp08promo a:focus .hp08w3 .hp08teaser {
    -webkit-transition: opacity 850ms,margin 1200ms;
    -moz-transition: opacity 850ms,margin 1200ms;
    -o-transition: opacity 850ms,margin 1200ms;
    transition: opacity 850ms,margin 1200ms;
    opacity: 0;
    margin: -20% 0 20%
}

.no-touch .hp08imgitems .hp08promo a .hp08w3:hover .hp08cta, .no-touch .hp08imgitems .hp08promo a:focus .hp08w3 .hp08cta {
    -webkit-transition: padding-top 550ms;
    -moz-transition: padding-top 550ms;
    -o-transition: padding-top 550ms;
    transition: padding-top 550ms;
    padding-top: 0 !important
}

.no-touch .hp08imgitems .hp08promo a .hp08w3:hover, .no-touch .hp08imgitems .hp08promo a:focus .hp08w3 {
    -webkit-transition: top 550ms,margin-top 250ms;
    -moz-transition: top 550ms,margin-top 250ms;
    -o-transition: top 550ms,margin-top 250ms;
    transition: top 550ms,margin-top 250ms;
    top: 0 !important;
    margin-top: 0
}

.no-touch .hp08imgitems .hp08promo.hp08c2 a .hp08w3:hover, .no-touch .hp08imgitems .hp08promo.hp08c2 a:focus .hp08w3 {
    -webkit-transition: top 750ms,margin-top 250ms;
    -moz-transition: top 750ms,margin-top 250ms;
    -o-transition: top 750ms,margin-top 250ms;
    transition: top 750ms,margin-top 250ms;
    top: 0 !important;
    margin-top: 0
}

.no-touch .hp08imgitems .hp08promo a .hp08w3, .no-touch .hp08imgitems .hp08promo a .hp08w3 {
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease
}

.hp08list .hp08promo {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    left: auto;
    background: #fff;
    float: none;
    width: 100%;
    height: auto;
    color: #333;
    padding: 0
}

.hp08list .hp08v1 {
    height: auto
}

.hp08tablist:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.hp08tablist {
    margin: 0 auto 0em;
    margin-bottom: 7px;
    max-width: 1211px;
    font-size: 18px;
    font-size: 2rem;
    height: 2.5em;
    overflow: hidden
}

    .hp08tablist ul {
        float: left
    }

    .hp08tablist li {
        float: left;
        padding: 0 0 1em;
        margin: 0 1.1em 0 0;
        position: relative;
    }

.hp08smtxt .hp08tablist li {
    font-size: 16px;
    font-size: 2rem;
    margin: 0 1.6em 0 0
}

.hp08tablist li:last-child {
    margin-right: 0 !important;
}

.hp08tablist li {
    display: none;
}

li.hp08selected {
    display: block;
}

.hp08tablist li a {
    padding: .333em 0em .278em;
    display: block;
    text-decoration: none;
    border-bottom: 2px solid #999999;
    color: #999;
}

#hp08selector {
    display: none
}

    #hp08selector a {
        display: block;
        text-transform: uppercase;
        color: #fff;
        background: #323232
    }

.hp08tablist li a:hover {
    -webkit-transition: background-color 0ms;
    -moz-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms;
}

.hp08default a {
}

.hp08tablist li.hp08default i {
    display: none;
}

.hp08tablist li i {
    background-color: #fff
}

.hp08tablist li a {
    -webkit-backface-visibility: hidden
}

    .hp08tablist li a:hover i {
        display: none;
    }

.hp08tablist li.hp08selected a, .hp08tablist li.hp08selected:hover a {
    -webkit-transition: background-color 1500ms,color 400ms;
    -moz-transition: background-color 1500ms,color 400ms;
    -o-transition: background-color 1500ms,color 400ms;
    transition: background-color 1500ms,color 400ms;
    background-color: #fff;
    border-bottom: 2px solid #fff;
    color: #202d62
}

    .hp08tablist li.hp08selected a i {
        position: absolute;
        width: 1em;
        height: 1em;
        bottom: 0;
        left: 50%;
        margin-left: -.5em;
        display: none;
        content: " ";
        -webkit-transition: background-color 1500ms;
        -moz-transition: background-color 1500ms;
        -o-transition: background-color 1500ms;
        transition: background-color 1500ms;
        background-color: #1f4e81
    }

.hp08tglview {
    position: relative;
    top: 0;
    float: right;
    height: 0;
    width: 0;
}

.hp08tgl-togg {
    position: absolute;
    left: 50%;
    height: 1.8335em;
    width: 50%;
    background: #fff;
    -webkit-transition: left 500ms;
    -moz-transition: left 500ms;
    -o-transition: left 500ms;
    transition: left 500ms
}

.hp08tglview a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    display: block;
    z-index: 2
}

    .hp08tglview a.hp08showlist {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block
    }

a.hp08showimgs, .hp08lvw a.hp08showlist {
    display: none
}

.hp08lvw a.hp08showimgs {
    display: block
}

.hp08lvw .hp08tglview .hp08tgl-togg {
    -webkit-transition: left 500ms;
    -moz-transition: left 500ms;
    -o-transition: left 500ms;
    transition: left 500ms;
    left: 0
}

.hp08tgl-icn {
    font-size: 25px;
    font-size: 2.5rem;
    width: 1em;
    height: 1em;
    background: url('./templets/cobettercn/images/compass-hp-sprite.png') 0 -969px no-repeat;
    content: " ";
    position: absolute;
    top: .16em;
    left: .28em
}

    .hp08tgl-icn.list-icn {
        background-position: 100% -945px;
        left: auto;
        right: .28em
    }

.hp08lvw .hp08tgl-icn {
    background-position: 0 -945px
}

    .hp08lvw .hp08tgl-icn.list-icn {
        background-position: 100% -969px
    }

.retina .hp08tgl-icn {
    background-position: 0 37.5%;
    background-size: 100% auto
}

    .retina .hp08tgl-icn.list-icn {
        background-position: 0 56.25%
    }

.retina .hp08lvw .hp08tgl-icn {
    background-position: 0 43.75%
}

    .retina .hp08lvw .hp08tgl-icn.list-icn {
        background-position: 0 50%
    }

.hp08lvw .hp08arrw, .no-js .hp08arrw, .hp08lvw .hp08v1, .no-js .hp08v1, .hp08lvw .hp08bgtiles, .no-js .hp08bgtiles, .hp08lvw .hp08img, .no-js .hp08img {
    display: none
}

.hp08lvw .hp08v1, .no-js .hp08v1, .hp08lvw .hp08cta, .no-js .hp08cta, .hp08lvw .hp08promo, .no-js .hp08promo, .hp08lvw .hp08promo a, .no-js .hp08promo a {
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    position: relative;
    width: 100%;
    height: auto !important;
    float: none;
    overflow: visible
}

.hp08lvw .hp08v1, .no-js .hp08v1, .hp08lvw .hp08promo, .no-js .hp08promo {
    float: left;
    width: 100%;
    clear: both;
    padding-top: 0
}

.hp08lvw .hp08w3, .no-js .hp08w3 {
    top: auto !important;
    position: static !important;
    background: transparent;
    filter: none;
    overflow: visible;
    display: block;
    width: auto;
    clear: both;
    float: none;
    margin-top: 0;
    line-height: 1.35em !important
}

    .hp08lvw .hp08w3 div, .no-js .hp08w3 div, .hp08lvw .hp08w3 p, .no-js .hp08w3 p, .hp08lvw .hp08basic div, .no-js .hp08basic div, .hp08lvw .hp08basic p, .no-js .hp08basic p {
        float: left !important;
        color: #323232;
        font-weight: normal;
        width: auto;
        margin: 0
    }

    .hp08lvw .hp08w3 span, .no-js .hp08w3 span {
        padding-top: 0;
        padding-bottom: 0;
        height: auto
    }

.hp08lvw .hp08teaser span, .no-js .hp08teaser span, .hp08lvw .hp08teaser em, .no-js .hp08teaser em {
    padding: 0;
    margin: 0;
    display: inline !important
}

.hp08lvw .hp08w2, .no-js .hp08w2 {
    height: auto !important;
    padding-top: 0
}

.hp08lvw .hp08promo a, .no-js .hp08promo a {
    background: #fff !important;
    filter: none;
    float: left;
    width: 100%;
    clear: both;
    cursor: default
}

.hp08lvw .hp08w4, .no-js .hp08w4 {
    padding: 0;
    height: auto;
    width: auto !important;
    line-height: 1.35em !important
}

    .hp08lvw .hp08w4 span, .no-js .hp08w4 span {
        padding-top: 0;
        padding-bottom: 0;
        height: auto
    }

    .hp08lvw .hp08w4 .hp08ttl, .no-js .hp08w4 .hp08ttl {
        font-weight: bold;
        text-transform: none
    }

    .hp08lvw .hp08w4 .hp08ttl, .no-js .hp08w4 .hp08ttl, .hp08lvw .hp08w4 p, .no-js .hp08w4 p {
        float: none !important;
        width: 100%
    }

.hp08lvw .hp08currentfilter, .no-js .hp08currentfilter {
    display: block
}

.hp08lvw .hp08promo, .no-js .hp08promo {
    border-bottom: 1px solid #ddd;
    padding: .868em 0
}

.hp08lvw .hp08w3 .hp08teaser, .no-js .hp08w3 .hp08teaser {
    display: block !important;
    float: none !important;
    padding: 0 !Important;
    margin: 0 !Important;
    font-weight: bold;
    height: auto !important;
    table-layout: none;
    line-height: 1.35em !important
}

    .hp08lvw .hp08w3 .hp08teaser span, .no-js .hp08w3 .hp08teaser span {
        line-height: 1.35em !important;
        display: block;
        vertical-align: top;
        overflow: visible
    }

        .hp08lvw .hp08w3 .hp08teaser span em, .no-js .hp08w3 .hp08teaser span em {
            line-height: 1.35em !important;
            overflow: visible;
            display: block
        }

.hp08lvw .hp08w3 .hp08cta, .no-js .hp08w3 .hp08cta {
    display: block !important;
    float: left !important;
    padding: 0 !Important;
    margin: 0 !Important;
    text-align: left !important;
    width: 100%;
    position: static !important;
    line-height: 1.35em !important
}

    .hp08lvw .hp08w3 .hp08cta p, .no-js .hp08w3 .hp08cta p {
        line-height: 1.35em !important
    }

.hp08lvw .hp08w3 .cmps-bttns, .no-js .hp08w3 .cmps-bttns, .hp08lvw .hp08w4 .cmps-bttns, .no-js .hp08w4 .cmps-bttns {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em
}

.hp08lvw .hp08w3 .hp08cta span, .no-js .hp08w3 .hp08cta span {
    display: block;
    text-align: left
}

.hp08lvw .hp08v1, .no-js .hp08v1 {
    border-top: 1px solid #ddd;
    height: auto !important
}

.hp08lvw .cmps-bttns div span:after, .no-js .cmps-bttns div span:after {
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 0
}

.hp08lvw .cmps-bttns div span, .no-js .cmps-bttns div span {
    padding-right: 1.1em
}

.hp08lvw .hp08w1, .no-js .hp08w1 {
    height: auto !important
}

.hp08lvw .hp08promo a .hp08teaser span em:hover, .no-js .hp08promo a .hp08teaser span em:hover, .hp08lvw .hp08promo a .hp08ttl:hover, .no-js .hp08promo a .hp08ttl:hover {
    cursor: pointer;
    text-decoration: underline
}

.hp08lvw .cmps-bttns div span:hover, .no-js .cmps-bttns div span:hover {
    text-decoration: underline;
    background: #fff;
    color: #1f4f81;
    cursor: pointer
}

.hp08lvw .cmps-bttns div:hover span:after, .no-js .cmps-bttns div:hover a:after, .hp08lvw .cmps-bttns div:hover span:after, .no-js .cmps-bttns div:hover a:after {
    background-position: 0 25%
}

.no-js .hp08v1 {
    display: block;
    border-top: 0
}

@media(min-width:0) and (max-width:1012px) {
    #hp08selector, .hp08tablist {
        margin-left: 1.25%;
        margin-right: 1.25%;
        width: 97.5%
    }

    #hp08selector {
        margin-top: 1.25%
    }
}

@media(min-width:0) and (max-width:1312px) {
    .hp08w1, .hp08tablist {
        margin-left: 1.25%;
        margin-right: 1.25%;
        width: 97.5%
    }
}

@media(min-width:0) and (max-width:974px) {
    .hp08tablist li {
        margin: 0 1.2em 0 0
    }

    .hp08tgl-icn {
        background-position: 0 -1015px
    }

    .hp08lvw .hp08tgl-icn.list-icn {
        background-position: 100% -1015px
    }

    .hp08tgl-icn.list-icn {
        background-position: 100% -993px
    }

    .hp08lvw .hp08tgl-icn {
        background-position: 0 -993px
    }
}

@media(min-width:0) and (max-width:770px) {
    .hp08tablist {
        height: 2.8em
    }

    .hp08tgl-icn {
        background-position: 0 -1056px
    }

    .hp08lvw .hp08tgl-icn.list-icn {
        background-position: 100% -1056px
    }

    .hp08tgl-icn.list-icn {
        background-position: 100% -1037px
    }

    .hp08lvw .hp08tgl-icn {
        background-position: 0 -1037px
    }

    .hp08v0:after {
        height: .75em
    }
}

@media(min-width:0) and (max-width:720px) {
    .hp08v1 {
        margin-bottom: 0
    }

    .hp08w1 {
        height: 614px;
        margin-top: 1.25%
    }

    .hp08c1, .hp08c3, .hp08c2 {
        width: 49.375%
    }

    .hp08promo-3 {
        left: auto;
        right: 0;
        top: 0;
        bottom: 0;
        height: auto
    }

    .hp08promo-4 {
        top: 398px;
        right: auto;
        left: 0;
        bottom: auto;
        margin-top: 2.5%
    }

    .hp08promo-5 {
        top: 398px;
        right: 0;
        left: auto;
        bottom: auto;
        margin-top: 2.5%
    }

    .hp08lvw .hp08promo-4, .hp08lvw .hp08promo-5 {
        margin-top: 0
    }
}

@media(min-width:0) and (max-width:680px) {
    .hp08tablist li {
        margin: 0 .5em 0 0
    }
}

@media(min-width:0) and (max-width:640px) {
    #hp08selector {
        display: block;
        margin-top: 5%
    }

        #hp08selector a:hover {
            text-decoration: none
        }

        #hp08selector a:after {
            float: right;
            display: block;
            font-size: 25px;
            font-size: 2.5rem;
            width: 1em;
            height: 1em;
            background: url('./templets/cobettercn/images/compass-hp-sprite.png') 0 0 no-repeat;
            background-size: 100% auto;
            content: " "
        }

    .hp08selected, .hp08tglview {
        display: none
    }

    .hp08tablist {
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        z-index: 3;
        background: #fff;
        display: none;
        height: auto;
        overflow: visible
    }

    .hp08viewmenu .hp08tablist {
        display: block
    }

    .hp08tablist ul, .hp08tablist li {
        width: auto;
        float: none;
        margin: 0;
        padding: 0
    }

        #hp08selector a, .hp08tablist li a {
            width: auto;
            padding: 3%;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            border-radius: 0 !important;
            border: #999 solid 1px;
            border-top: 0
        }

            .hp08tablist li a:hover {
                color: #fff;
                background: #323232
            }

            .hp08tablist li a i {
                display: none !important
            }

    .hp08lvw .hp08v1 {
        border-top: 0
    }

    .hp08lvw .cmps-bttns, .no-js .hp08 .cmps-bttns {
        display: none
    }

    .hp08lvw .hp08w3, .no-js .hp08w3, .hp08lvw .hp08w4, .no-js .hp08w4 {
        padding-right: 0 !important
    }

        .hp08lvw .hp08w4 .hp08ttl, .no-js .hp08w4 .hp08ttl, .hp08lvw .hp08teaser em, .no-js .hp08teaser em {
            color: #1f4f82;
            padding-right: 4%;
            width: 96%
        }

    .hp08lvw a:hover .hp08ttl, .no-js a:hover .hp08ttl, .hp08lvw a:hover .hp08teaser em, .no-js a:hover .hp08teaser em {
        text-decoration: underline !important
    }

    .hp08imgitems .hp08w4 p, .hp08imgitems .hp08w4 .hp08ttl {
        font-size: 2rem
    }
}

@media(min-width:0) and (max-width:450px) {
    .hp08c1 .hp08img {
        background-size: 470px auto
    }

    .hp08v1, .hp08w1, .hp08w2 {
        height: auto !important;
        position: relative;
        padding: 0
    }

    .hp08bgtiles {
        display: none !important
    }

    .hp08imgitems .hp08promo {
        height: 199px;
        float: none;
        position: relative;
        margin: 0 0 1.25% 0
    }

        .hp08imgitems .hp08promo.hp08c2 {
            height: 240px !Important
        }

    .hp08lvw .hp08promo.hp08c2, .no-js .hp08promo.hp08c2 {
        height: auto !Important
    }

    .hp08imgitems .hp08c2 .hp08w4 {
        padding: 15px !important;
        height: 210px
    }

    .hp08promo a {
        top: 0
    }

    .hp08c1, .hp08c3, .hp08c2 {
        width: 100%
    }

        .hp08c2 .hp08img {
            height: 240px !important
        }

    .hp08promo-1, .hp08promo-2, .hp08promo-3, .hp08promo-4, .hp08promo-5 {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .hp08v1 {
        display: none
    }

        .hp08v1.hp08prevf {
            display: block;
            position: absolute;
            top: 0
        }

    .hp08lvw .hp08v1.hp08prevf {
        display: none
    }

    .hp08v1.hp08currentfilter {
        display: block
    }
}

@media(min-width:0) and (max-width:410px) {
    .hp08c1 .hp08img {
        background-size: 400px auto
    }
}

@media(min-width:0) and (max-width:390px) {
    .hp08v0:after {
        height: .5em;
        margin-top: 1em
    }
}

@media \0screen\,screen\9 {
    .hp08tablist li a:hover i {
        background: url('http://www.oracleimg.com/us/assets/compass-hp-ie8-sprite.png') 50% -590px no-repeat #ddd;
        background-size: auto auto;
        position: absolute;
        width: 1em;
        padding-top: 1px;
        height: .9em;
        left: 50%;
        bottom: 0;
        margin-left: -.5em;
        display: block;
        content: " "
    }

    .hp08tablist li.hp08selected a i {
        background: url('http://www.oracleimg.com/us/assets/compass-hp-ie8-sprite.png') 50% -590px no-repeat #1f4e81;
        background-size: auto auto;
        position: absolute;
        width: 1em;
        padding-top: 1px;
        height: .9em;
        left: 50%;
        bottom: 0;
        margin-left: -.5em;
        display: block;
        content: " "
    }

    .hp08arrw:after {
        background: url('http://www.oracleimg.com/us/assets/compass-hp-ie8-sprite.png') 50% -328px no-repeat;
        background-size: auto auto
    }

    .hp08v0:after {
        max-width: 1040px
    }

    .hp08lvw .cmps-bttns div:hover span:after, .no-js .cmps-bttns div:hover a:after, .hp08lvw .cmps-bttns div:hover span:after, .no-js .cmps-bttns div:hover a:after, .hp08lvw .cmps-bttns div span:after, .no-js .cmps-bttns div a:after, .hp08lvw .cmps-bttns div span:after, .no-js .cmps-bttns div a:after {
        background-position: 50% -453px
    }
}
/*! HP09 */
.hp09v0 {
    width: 100%;
    margin: 0 0 3em;
    clear: both
}

    .hp09roles:after, .hp09v0:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both
    }

.hp09w1 {
    max-width: 974px;
    margin: 0 auto;
    clear: both
}

.hp09v0 h3 {
    font-size: 32px;
    font-size: 3.2rem;
    text-align: center;
    font-weight: normal;
    margin-bottom: 1.688em
}

.no-js .hp09v0 h3 {
    margin-top: 1.5em
}

.hp09v0 h4 {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: .7em
}

.hp09v0 .hp09icn {
    display: none
}

.hp09v0.hp09loadicons .hp09icn {
    display: block
}

.hp09v0 .hp09w2 {
    opacity: 0
}

.hp09v0.hp09loadicons .hp09w2 {
    transition-delay: 250ms !important;
    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
    opacity: 1
}

.hp09 .cta-list li {
    margin-bottom: .8em
}

.hp09w3 ul.cta-list li {
    margin-left: 0;
    text-align: center
}

    .hp09w3 ul.cta-list li:before {
        display: none
    }

.hp09roles {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0
}

    .hp09roles > li {
        display: table-cell;
        width: 25%
    }

    .hp09roles li li {
        line-height: 1.24em
    }

.hp09w3 ul.cta-list {
    margin: 0
}

.hp09w3 {
    margin: 0 .5em
}

@media(min-width:0) and (max-width:1018px) {
    .hp09w1 {
        margin: 0 2.2587269%
    }
}

.no-js .hp08promo-1 {
    border-top: 1px solid #ddd
}

@media(min-width:0) and (max-width:770px) {
    div.hp09icn {
        margin-bottom: 0 !important
    }

    .hp09w3 ul.cta-list li {
        text-align: left
    }

    .hp09v0 h4 {
        margin-bottom: .3em
    }

    .hp09roles {
        display: block;
        float: none;
        width: 97.5%;
        margin: 0 0 0 2.5%
    }

        .hp09roles > li {
            display: block;
            float: left;
            width: 50%;
            margin-bottom: 2em
        }

    .hp09w2 {
        float: left;
        width: 26%;
        margin-right: 1%;
        margin-left: 3%
    }

    .hp09w3 {
        float: left;
        width: 60%;
        margin: 0 5% 0;
        min-height: 140px
    }

    .hp09v0 h4 {
        text-align: left;
        margin-left: 0
    }

    .hp09w3 ul.cta-list li {
        margin-left: 0
    }

        .hp09w3 ul.cta-list li:before {
            display: none
        }

    .hp08clft {
        clear: left
    }

    .hp09v0 h3 {
        margin: 1.4em 0 2.7em
    }

    .no-js .hp09roles > li {
        display: block;
        float: left;
        width: 100%
    }

    .no-js .hp09w2 {
        display: none
    }

    .no-js .hp09w3 {
        float: left;
        width: 92%;
        margin: 0 0 1em 4%;
        min-height: 0
    }

        .no-js .hp09w3 ul.cta-list li {
            margin-left: 0
        }

    .no-js .hp09v0 h3 {
        font-size: 25px;
        font-size: 2.5rem
    }
}

@media(min-width:0) and (max-width:600px) {
    .hp09roles > li {
        display: block;
        float: left;
        width: 100%
    }

    .hp09w2 {
        float: left;
        width: 24%;
        margin-right: 0;
        margin-bottom: 2em;
        max-width: 110px
    }

    .hp09w3 {
        float: left;
        width: 66%;
        margin: 0 0 0 4%;
        min-height: 0
    }

    .hp09v0 h3 {
        font-size: 2.3rem;
        font-weight: bold
    }
}

div.hp09icn {
    max-width: 100px;
    margin: 0 auto 27px;
    margin-bottom: 2.7rem;
    width: 100%;
    font-size: 0 !important;
    line-height: 0 !important
}

    div.hp09icn:before, div.hp09icn i.ie-icn {
        background-image: url("http://www.oracleimg.com/us/assets/hp09-icons-sprite.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

.hp09icn-1:before {
    background-position: 0 0
}

.hp09icn-2:before {
    background-position: 0 12.5%
}

.hp09icn-3:before {
    background-position: 0 25%
}

.hp09icn-4:before {
    background-position: 0 37.5%
}

.hp09icn-5:before {
    background-position: 0 50%
}

.hp09icn-6:before {
    background-position: 0 62.5%
}

.hp09icn-7:before {
    background-position: 0 75%
}

.hp09icn-8:before {
    background-position: 0 87.5%
}

.hp09icn-9:before {
    background-position: 0 100%
}

div.hp09icn i.ie-icn, .icn-heading i.ie-icn, ul.icn-list li i.ie-icn {
    display: none
}

@media \0screen\,screen\9 {
    i.ie-icn {
        display: block !important
    }

    div.hp09icn:before {
        display: none !important
    }

    div.hp09icn i.ie-icn {
        background-image: none;
        overflow: hidden
    }

    div.hp09icn i.ie-icn, {
        max-width: 112px;
        margin: 0 auto;
        width: 100%;
        position: relative;
        padding: 0
    }

        div.hp09icn i.ie-icn span {
            width: 100%;
            position: relative;
            padding-top: 100%;
            display: block;
            margin-top: -100%
        }

        div.hp09icn i.ie-icn b {
            position: absolute;
            width: 100%;
            display: block;
            height: 900%;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.oracleimg.com/us/assets/hp09-icons-sprite.png',sizingMethod='scale')
        }

    .hp09icn-1 i.ie-icn b {
        top: -0
    }

    .hp09icn-2 i.ie-icn b {
        top: -100%
    }

    .hp09icn-3 i.ie-icn b {
        top: -200%
    }

    .hp09icn-4 i.ie-icn b {
        top: -300%
    }

    .hp09icn-5 i.ie-icn b {
        top: -400%
    }

    .hp09icn-6 i.ie-icn b {
        top: -500%
    }

    .hp09icn-7 i.ie-icn b {
        top: -600%
    }

    .hp09icn-8 i.ie-icn b {
        top: -700%
    }

    .hp09icn-9 i.ie-icn b {
        top: -800%
    }
}
/*! CW21 */
.cw21hidden {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 19
}

.cw21, .cw21 * {
    font-size: 16px;
    line-height: 1.1em
}

    .cw21 .cw21navigation a {
        font-size: 13px
    }

.cw21slideout h4 {
    font-size: 18px;
    line-height: 1.1em;
    font-weight: bold;
    color: #4e4e4e
}

.cw21 h4, .cw21 p {
    margin: 0 0 .6em
}

.cw21 li {
    line-height: 19px
}

.cw21 {
    position: fixed;
    margin: 0;
    right: -262px;
    top: 50%;
    z-index: 20
}

.cw21w1 {
    padding: 20px
}

.cw21slideout {
    width: 260px;
    margin: 0 -2px 0 4px;
    z-index: 10;
    padding: 0;
    box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
    -webkit-box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
    -moz-box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
    background-color: #fff;
    background: -moz-linear-gradient(left,#fff 0,#fff 51%,#eee 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(51%,#fff),color-stop(100%,#eee));
    background: -webkit-linear-gradient(left,#fff 0,#fff 51%,#eee 100%);
    background: -o-linear-gradient(left,#fff 0,#fff 51%,#eee 100%);
    background: -ms-linear-gradient(left,#fff 0,#fff 51%,#eee 100%);
    background: linear-gradient(to right,#fff 0,#fff 51%,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=1)
}

.cw21w2 {
    display: none
}

.cw21:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0
}

.cw21handle, .cw21opened .cw21handle:hover {
    left: -59px;
    position: absolute
}

    .cw21handle:hover {
        left: -62px
    }

.cw21navigation {
    padding: 0;
    float: left;
    width: 62px;
    box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
    -webkit-box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
    -moz-box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
    background: #d7d7d7
}

    .cw21navigation li {
        clear: left;
        width: 100%;
        margin: 0;
        background-color: #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-top: 1px solid #d7d7d7;
        background: -moz-linear-gradient(left,#ddd 0,#fff 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ddd),color-stop(100%,#fff));
        background: -webkit-linear-gradient(left,#ddd 0,#fff 100%);
        background: -o-linear-gradient(left,#ddd 0,#fff 100%);
        background: -ms-linear-gradient(left,#ddd 0,#fff 100%);
        background: linear-gradient(to right,#ddd 0,#fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#ffffff',GradientType=1)
    }

        .cw21navigation li a {
            display: block;
            color: #4e4e4e;
            overflow: hidden;
            text-align: center;
            position: relative;
            border: 1px solid #FFF;
            padding: 35px 0 6px;
            width: 60px
        }

        .cw21navigation li.cw21selected {
            border-right: 3px solid #fff;
            background: #fff
        }

        .cw21navigation li:hover {
            background: #fff
        }

    .cw21navigation > li.cw21firstli {
        border-top-width: 0
    }

.cw21help a b, .cw21chat a b, .cw21try a b, .cw21demo a b, .cw21social a b {
    background: url('http://www.oracleimg.com/us/assets/cw21-sprite.png') 0 0 no-repeat;
    display: block;
    height: 26px;
    width: 28px;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -14px
}

.cw21chat a b {
    background-position: 0 -30px
}

.cw21try a b {
    background-position: 1px -59px
}

.cw21demo a b {
    background-position: 0 -89px;
    margin-left: -15px
}

.cw21social a b {
    background-position: 0 -216px;
    margin-left: -15px
}

.cw21 *:focus {
    outline: 0
}

.cw21w1 li a {
    color: #000
}

.cw21w1 li {
    background: url('http://www.oracleimg.com/us/assets/cw21-sprite.png') -57px -29px no-repeat;
    padding: 5px 0 5px 25px;
    margin: 10px 0;
    font-weight: bold
}

    .cw21w1 li.cw21phone {
        background-position: -81px 4px
    }

    .cw21w1 li.cw21global {
        background-position: -32px -60px
    }

    .cw21w1 li.cw21email {
        background-position: -81px -280px
    }

    .cw21w1 li.cw21exp {
        background-position: -79px -121px
    }

    .cw21w1 li.cw21demoitem {
        background-position: -52px -147px
    }

    .cw21w1 li.cw21tour {
        background-position: -23px -175px
    }

    .cw21w1 li.cw21support {
        background-position: -53px -309px
    }

    .cw21w1 li.cw21partners {
        background-position: -24px -337px
    }

ul.cw21-iconfont {
    clear: both;
    overflow: hidden;
    margin: 0 0 10px 0
}

    ul.cw21-iconfont li {
        background: 0;
        padding: 0;
        margin: 0 5px 10px 0;
        font-weight: normal;
        float: left
    }

        ul.cw21-iconfont li a {
            text-decoration: none
        }

ul.cw21-sicons a {
    font-size: 38px;
    position: relative;
    display: block;
    float: left
}

    ul.cw21-sicons a div.icn-sicons {
        font-size: 1em;
        position: relative;
        width: auto;
        height: 1em
    }

ul.cw21-sicons div.icn-sicons:before {
    font-size: 1em;
    left: 0;
    position: relative;
    left: 0;
    width: 1em;
    height: 1em;
    top: 0;
    color: #284c85
}

ul.cw21-sicons a:hover {
    text-decoration: none
}

    ul.cw21-sicons a:hover div.icn-sicons:before {
        color: #7f7f7f;
        -webkit-transition: color 200ms ease-in;
        -moz-transition: color 200ms ease-in;
        transition: color 200ms ease-in
    }

ul.cw21-sicons li {
    margin: -.3em 0 0 -.35em !important
}

.cw21w3 {
    display: none;
    z-index: 0;
    width: 38px;
    height: 38px;
    position: fixed;
    bottom: 10px;
    right: 10px
}

#cw21scrollto {
    display: block;
    overflow: hidden;
    background: url("http://www.oracleimg.com/us/assets/cw21-sprite.png") -61px -236px no-repeat;
    display: block;
    width: 38px;
    height: 38px
}

@media(max-width:770px) {
    .cw21 {
        right: -222px;
        top: 30%
    }

    .cw21slideout {
        width: 220px
    }

    .cw21handle {
        left: -47px !important;
        width: 50px !important
    }

    .cw21navigation {
        width: 50px
    }

        .cw21navigation li a {
            width: 48px;
            height: 0;
            text-indent: -2000px
        }

    .cw21, .cw21 * {
        font-size: 13px
    }

    .cw21slideout h4 {
        font-size: 15px
    }

    .cw21 li {
        line-height: 16px
    }
}

@media only screen and (min-width:771px) and (max-width:1300px) {
    .f11v3 .cw21w3 {
        bottom: 46px
    }
}

@media(max-width:600px),(max-height:600px) {
    .cw21demo a b {
        margin-left: -14px
    }

    .f11w1 {
        padding-bottom: 0px
    }

    .f11v3 .f11w1 {
        padding-bottom: 44px
    }

    .f11w1 + #Wrapper_FixedWidth_Footer {
        margin-top: -80px;
        padding-bottom: 80px
    }

    .cw21 {
        bottom: 0;
        width: 100%;
        left: 0;
        right: auto;
        top: auto
    }

    .cw21handle {
        left: 0 !important;
        width: 100% !important;
        height: 43px
    }

    .cw21navigation li a {
        width: 48px;
        height: 0;
        text-indent: -2000px
    }

    .cw21navigation li {
        float: left;
        clear: none;
        width: auto
    }

    .cw21, .cw21 * {
        font-size: 13px
    }

    .cw21slideout h4 {
        font-size: 15px
    }

    .cw21 li {
        line-height: 16px
    }

    .cw21slideout {
        width: 100% !important;
        margin: 0;
        height: 43px
    }

    .cw21navigation {
        width: 100% !important;
        height: 43px;
        background: #d1d1d1;
        background: -moz-linear-gradient(top,rgba(209,209,209,1) 0,rgba(166,166,166,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(209,209,209,1)),color-stop(100%,rgba(166,166,166,1)));
        background: -webkit-linear-gradient(top,rgba(209,209,209,1) 0,rgba(166,166,166,1) 100%);
        background: -o-linear-gradient(top,rgba(209,209,209,1) 0,rgba(166,166,166,1) 100%);
        background: -ms-linear-gradient(top,rgba(209,209,209,1) 0,rgba(166,166,166,1) 100%);
        background: linear-gradient(to bottom,rgba(209,209,209,1) 0,rgba(166,166,166,1) 100%)
    }

    .cw21opened .cw21slideout {
        height: auto
    }

    .cw21opened .cw21handle {
        margin-top: -30px
    }

    .cw21navigation li.cw21selected {
        border-right: 0;
        border-bottom: 3px #fff solid !Important
    }

    .cw21navigation > li.cw21firstli {
        border-top-width: 1px
    }

    .cw21w1 {
        padding-top: 30px
    }

    .cw21w3, .j1 .cw21w3 {
        z-index: 11;
        width: 52px;
        height: 42px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        bottom: 0 !important;
        right: 0;
        box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
        -webkit-box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
        -moz-box-shadow: 0 0 3px 0 rgba(20,20,20,.6);
        background-color: #d7d7d7;
        background: -moz-linear-gradient(left,#ddd 0,#fff 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ddd),color-stop(100%,#fff));
        background: -webkit-linear-gradient(left,#ddd 0,#fff 100%);
        background: -o-linear-gradient(left,#ddd 0,#fff 100%);
        background: -ms-linear-gradient(left,#ddd 0,#fff 100%);
        background: linear-gradient(to right,#ddd 0,#fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#ffffff',GradientType=1)
    }

        .cw21w3:hover {
            background: #fff
        }

    #cw21scrollto {
        background: 0;
        width: auto;
        height: auto
    }

    a#cw21scrollto.icn-img:before, a#cw21scrollto.icn-img i.ie-icn {
        background: url("http://www.oracleimg.com/us/assets/cw21-sprite.png") 0 -260px no-repeat;
        display: block;
        content: '';
        width: 22px;
        height: 14px;
        margin: 14px auto
    }
}

.cw21 .screen-reader {
    position: absolute;
    top: -9999px;
    left: -9999px
}
/*! RESPONSIVE VIDEO */
.responsiveVid {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

    .responsiveVid * {
        position: absolute;
        top: 0
    }

    .responsiveVid span {
        width: 100%
    }
/*! GENERIC - COMPASS BTTN STYLES */
.cmps-bttns {
    float: left;
    width: 100%;
    margin: 0
}

    .cmps-bttns div {
        float: left;
        margin: 16px .6em 0;
        position: relative
    }

        .cmps-bttns div a, .cmps-bttns div span {
            color: #1f4f82;
            display: block;
        }

            .cmps-bttns div span:visited, .cmps-bttns div a:visited {
                color: #1f4f82
            }

            .cmps-bttns div span:after, .cmps-bttns div a:after {
                content: "";
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
            }

            .cmps-bttns div span:hover, .cmps-bttns div a:hover {
                -webkit-transition: background-color 250ms,color 250ms;
                -moz-transition: background-color 250ms,color 250ms;
                -o-transition: background-color 250ms,color 250ms;
                transition: background-color 250ms,color 250ms;
                background: #1f4f81;
                text-decoration: none;
                color: #fff
            }

        .cmps-bttns div:hover span:after, .cmps-bttns div:hover a:after {
            background-position: 0 31.25%
        }

@media \0screen\,screen\9 {
    .cmps-bttns div span:after, .cmps-bttns div a:after {
        background: url('http://www.oracleimg.com/us/assets/compass-hp-ie8-sprite.png') 50% -248px no-repeat;
        background-size: auto auto
    }

    .cmps-bttns div:hover span:after, .cmps-bttns div:hover a:after {
        background-position: 50% -288px
    }
}
/*! U06 */
#u06 {
    width: 974px;
    margin: 5px auto 20px;
    clear: both;
    border-top: 1px solid #dcdcdc;
    position: relative
}

    #u06:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    #u06 a {
        font-family: roboto-light !important;
        font-size: 10px !important;
        line-height: 16px !important
    }

    #u06 hr {
        display: none
    }

    #u06 h3 {
        text-indent: -2000px;
        background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat 0 -105px;
        width: 338px;
        height: 15px;
        margin: 9px 0 0 0
    }

        #u06 h3 a {
            display: block
        }

    #u06 a, #u06 a:link, #u06 a:visited {
        color: #000;
        text-decoration: none
    }

        #u06 a:hover, #u06 a:active {
            color: #e80b0b;
            text-decoration: none
        }

    #u06 ul.scl-icons {
        float: left;
        position: absolute;
        top: 5px;
        right: 0
    }

        #u06 ul.scl-icons li {
            margin-left: 4px;
            *margin-left: 3px;
            margin-bottom: 4px
        }

    #u06 ul.u06-links {
        margin: 6px 0 0 -4px;
        padding: 0
    }

        #u06 ul.u06-links li {
            margin: 0;
            padding: 1px 4px 4px 4px;
            *padding: 1px 3px 8px 3px;
            float: left;
            background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat 100% -101px;
            line-height: 9px
        }

            #u06 ul.u06-links li.u06-mobile {
                background: transparent
            }

                #u06 ul.u06-links li.u06-mobile span {
                    display: none
                }

hr.u06z1 {
    margin: 0 0 -5px
}

.f01v8 #u06, .u06-toggle ~ #u06 {
    width: 942px;
    border-top: 0;
    padding: 20px 16px 80px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 40%,#f3f3f3 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,#fff),color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top,#fff 40%,#f3f3f3 100%);
    background: -o-linear-gradient(top,#fff 40%,#f3f3f3 100%);
    background: -ms-linear-gradient(top,#fff 40%,#f3f3f3 100%);
    background: linear-gradient(to bottom,#fff 40%,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
    *background: #fff;
    *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)
}

    .f01v8 #u06 ul.scl-icons, .u06-toggle ~ #u06 ul.scl-icons {
        top: 25px;
        right: 16px
    }

.f01v8 #u06v1, #u06v1.u06-toggle, .hide-u06 #u06v1 {
    margin-bottom: 0
}

    .f01v8 #u06v1 .u06v1w1, #u06v1.u06-toggle .u06v1w1, .hide-u06 #u06v1 .u06v1w1 {
        display: none
    }
/*! U06V1 */
#u06v1:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#u06v1 .u06v1w1 {
    overflow: hidden;
    padding: 16px 0 20px 30px
}

.u06v1z1 {
    background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 -132px;
    height: 4px
}

.u06v1z2 {
    background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 -137px;
    height: 5px;
    display: none
}

#u06v1 {
    overflow: visible;
    margin: 0 auto -5px;
    position: relative;
    clear: both;
    width: 974px;
    color: #676767;
    font-size: 11px;
    line-height: 13px;
    background: #fefefe;
    background: -moz-linear-gradient(top,#fefefe 0,#f5f5f5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,#fefefe 0,#f5f5f5 100%);
    background: -o-linear-gradient(top,#fefefe 0,#f5f5f5 100%);
    background: -ms-linear-gradient(top,#fefefe 0,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fefefe 0,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#f5f5f5',GradientType=0)
}

h3.u06v1-open {
    *display: expression(style.display='block',0)
}

h3.u06v1-close {
    display: none
}

    h3.u06v1-close a {
        color: #676767;
        background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') no-repeat 0 -181px;
        padding: 0 0 0 15px
    }

h3.u06v1-open a {
    color: #676767;
    background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') no-repeat 0 -200px;
    padding: 0 0 0 15px
}

#u06v1 li {
    margin-bottom: 5px
}

#u06v1 a {
    color: #676767;
    line-height: 13px
}

#u06v1 .u06v1w2 {
    float: left;
    width: 17.761806981519507%;
    padding: 0 1.540041067761807% 0 0
}

    #u06v1 .u06v1w2 h5 {
        text-transform: uppercase;
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 2px;
        font-weight: bold
    }

#u06v1 .u06callout {
    border: 1px solid #d1d1d1;
    display: inline-block;
    padding: 7px;
    margin: 10px 0 0 -7px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.4);
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    background: #f2f2f2;
    background: -moz-linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: -o-linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: -ms-linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: linear-gradient(to bottom,#f2f2f2 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#ffffff',GradientType=0)
}

    #u06v1 .u06callout > h5 {
        background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') no-repeat -20px -152px;
        padding: 0 0 0 20px
    }

#u06v1 h3, .u06v1-open, #u06v1 h3, .u06v1-close {
    cursor: pointer;
    font-size: 12px;
    display: block;
    position: absolute;
    bottom: 142px;
    *bottom: 155px;
    left: 17px;
    padding: 7px 10px 10px 5px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 -2px 2px 0 #d8d8d8;
    box-shadow: 0 -2px 2px 0 #d8d8d8;
    border-bottom: 0 !important;
    border: 1px solid #f2f2f2;
    background: #e8e8e8\9;
    background: #e8e8e8;
    background: -moz-linear-gradient(top,#e8e8e8 0,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e8e8e8),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#e8e8e8 0,#fff 100%);
    background: -o-linear-gradient(top,#e8e8e8 0,#fff 100%);
    background: -ms-linear-gradient(top,#e8e8e8 0,#fff 100%);
    background: linear-gradient(to bottom,#e8e8e8 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8',endColorstr='#ffffff',GradientType=0);
    z-index: 6
}

.f01v8 #u06v1, #u06v1.u06-toggle, .hide-u06 #u06v1 {
    margin-bottom: 0
}

    .f01v8 #u06v1 .u06v1w1, #u06v1.u06-toggle .u06v1w1, .hide-u06 #u06v1 .u06v1w1 {
        display: none
    }

    .hide-u06 #u06v1 h3, .hide-u06 .u06v1-open, .hide-u06 #u06v1 h3, .hide-u06 .u06v1-close {
        bottom: 65px;
        *bottom: 78px
    }

        .hide-u06 .u06v1 + #u06, .hide-u06 .u06v1-close + #u06 {
            border: 0;
            margin-top: 30px
        }

.hide-u06 #teconsent {
    margin-top: 0 !important
}

.f01v0 .u06v1 {
    padding-top: 20px
}

.f11 #u06 {
    border: 0;
    padding-top: 4px;
    width: 100%;
    max-width: 1300px
}

.f11 #u06v1 {
    width: 100%;
    border-bottom: #dcdcdc 1px solid
}

    .f11 #u06v1 .u06v1w1 {
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0
    }

.f11 .u06v1z1 {
    height: 4px;
    background: #d1d1d1;
    background: -moz-linear-gradient(top,rgba(209,209,209,1) 0,rgba(254,254,254,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(209,209,209,1)),color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top,rgba(209,209,209,1) 0,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top,rgba(209,209,209,1) 0,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top,rgba(209,209,209,1) 0,rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom,rgba(209,209,209,1) 0,rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1',endColorstr='#fefefe',GradientType=0)
}

@media only screen and (min-width:1360px) {
    .f11 #u06v1 {
        font-size: 13px;
        line-height: 15px
    }

        .f11 #u06v1 .u06v1w2 h5 {
            font-size: 14px;
            line-height: 18px
        }

    .f11 #u06 a {
        font-size: 11px !important
    }
}

@media only screen and (min-width:0) and (max-width:1024px) {
    .f11 #u06v1 {
        display: none
    }

    .f11 #u06 a {
        font-size: 12px !important;
        font-size: 12px !important;
        color: #1f4f82 !important
    }

    .f11 #u06 ul.u06-links {
        text-align: center
    }

        .f11 #u06 ul.u06-links li.u06-mobile {
            padding-left: 4px
        }

            .f11 #u06 ul.u06-links li.u06-mobile span {
                display: none
            }

            .f11 #u06 ul.u06-links li.u06-mobile a {
                color: #000 !important
            }

        .f11 #u06 ul.u06-links li {
            margin: 3px 0 3px;
            padding-bottom: 0;
            display: inline-block;
            float: none;
            padding-right: 9px
        }

    .f11 #u06 {
        padding: 6px 2%;
        border-top: 1px solid #eaeaea;
        background: #eaeaea;
        background: -moz-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,234,234,1)),color-stop(45%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
        background: -o-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
        background: -ms-linear-gradient(top,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
        background: linear-gradient(to bottom,rgba(234,234,234,1) 0,rgba(255,255,255,1) 45%);
        width: 96%
    }

        .f11 #u06 ul.scl-icons {
            bottom: 0;
            right: auto;
            position: relative;
            margin-top: 10px;
            text-align: center;
            float: none;
            width: 100%;
            top: 0
        }

            .f11 #u06 ul.scl-icons li {
                display: inline-block;
                float: none
            }

        .f11 #u06 h3 {
            background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat 0 -105px;
            width: 338px;
            height: 15px;
            margin: 9px auto 16px
        }
}

@media only screen and (min-width:1024px) and (max-width:1360px) {
    .f11 #u06, .f11 #u06v1 .u06v1w1 {
        margin-left: 2.4414062%;
        margin-right: 2.4414062%;
        width: 95.1171876%
    }
}

@media only screen and (min-width:0) and (max-width:500px) {
    .f11 #u06 h3 {
        background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat -646px -84px;
        width: 291px;
        height: 14px;
        margin: 9px auto 16px
    }
}
/*! U10 */
#u10 {
    background: #3e3e3e;
    width: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    line-height: 1.5em
}

.u10w1:after, .u10w5:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.f11 .u10w1 {
    max-width: 974px;
    margin: 4em auto 50px;
    width: 100%
}

.f11v2r2 .u10w1 {
    max-width: 1180px
}

.u10w1 {
    margin: 4em 2.4414062% 50px;
    width: 95.1171876%
}

.u10w2:first-child {
    margin-left: 0
}

.u10w2 {
    float: left;
    width: 23.305954825462014%;
    margin-left: 2.2587268993839837%
}

.u10w3 {
    margin: 0 0 1.6em;
    position: relative
}

    .u10w3 ul li {
        font-size: 16px
    }

#u10 h5 {
    font-size: 20px
}

#u10 h3 {
    font-size: 20px
}

ul.u10-links li a {
    font-size: 16px
}

.f11 .u10w3 ul li {
    font-size: 16px;
    font-size: 1.6rem
}

.f11 #u10 h5 {
    font-size: 20px;
    font-size: 2rem
}

.f11 #u10 h3 {
    font-size: 20px;
    font-size: 2rem
}

.f11 ul.u10-links li a {
    font-size: 16px;
    font-size: 1.6rem
}

#u10, #u10 h5, #u10 a {
    color: #fff
}

    #u10 h5 {
        margin: 0 0 .6em 0
    }

    #u10 h3 {
        margin: 0 0 .6em 0;
        background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 -345px no-repeat;
        text-indent: -30000px;
        width: 412px;
        height: 19px
    }

        #u10 h3 a, #u10 h3 span {
            display: block
        }

ul.u10-links li {
    margin: 0;
    padding: 0 .575em 0 0;
    float: left;
    background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat 100% -266px
}

    ul.u10-links li:first-child a {
        padding-left: 0
    }

    ul.u10-links li.u10last {
        padding: 0;
        background: transparent
    }

    ul.u10-links li a {
        padding: 0 0 0 .5em
    }

.u10w4 {
    clear: both;
    overflow: hidden
}

#u10 ul.scl-icons {
    float: left;
    position: absolute;
    top: -17px;
    right: 0
}

#u10 hr {
    color: #4a4a4a;
    background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat 50% -295px;
    border: 0;
    height: 2px;
    margin: 1.75em 0 3.5em 0;
    clear: both
}

.u10w5 {
    position: relative
}

.u10-ologo {
    position: absolute;
    left: 0;
    top: -30px
}

    .u10-ologo a, .u10-ologo span {
        display: block;
        width: 134px;
        height: 16px;
        padding: 0 !important;
        background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 0 no-repeat;
        text-indent: -30000px;
        -moz-outline: 0
    }

#u10 .scl-icons li {
    margin: 0 0 0 .25em;
    background: transparent;
    display: block;
    padding: 0
}

    #u10 .scl-icons li:hover {
        opacity: .7
    }

    #u10 .scl-icons li a {
        padding: 11px;
        width: 23px;
        height: 23px
    }

    #u10 .scl-icons li:first-child {
        margin: 0
    }

    #u10 .scl-icons li.scl-facebook a {
        background-position: 17px -300px
    }

    #u10 .scl-icons li.scl-twitter a {
        background-position: -20px -300px
    }

    #u10 .scl-icons li.scl-linkedin a {
        background-position: -64px -300px
    }

    #u10 .scl-icons li.scl-googleplus a {
        background-position: -110px -300px
    }

    #u10 .scl-icons li.scl-youtube a {
        background-position: -147px -300px
    }

    #u10 .scl-icons li.scl-feed a {
        background-position: -185px -300px
    }

@media only screen and (min-width:975px) and (max-width:1040px) {
    .f11 .u10w1 {
        margin-left: 2.4414062%;
        margin-right: 2.4414062%;
        width: 95.1171876%
    }
}

@media only screen and (min-width:0) and (max-width:974px) {
    .u10btn {
        position: absolute;
        right: 12px;
        top: 16px;
        width: 21px;
        height: 21px;
        background: purple;
        display: none;
        background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat -1029px -304px
    }

    .f11 #u10 ul.scl-icons {
        float: none;
        overflow: hidden;
        top: auto;
        left: auto;
        right: auto;
        position: relative;
        margin-bottom: 1em
    }

    .f11 .u10-ologo {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 1em
    }

    .f11 .u10w3 h5, .u10btn {
        cursor: pointer
    }

    .f11 .u10w1 {
        margin: 0 0 1em 0
    }

    .f11 .u10w2 {
        float: none;
        margin-left: 0;
        width: 100%
    }

    .f11 .u10w3 {
        margin: 0;
        border-top: 1px solid #626262;
        border-bottom: 1px solid #1f1f1f
    }

    .f11 #u10 h5 {
        margin: 0 2.2587269%;
        font-weight: normal;
        padding: .675em 0;
        line-height: 1.5em
    }

    .f11 .u10w3 ul {
        display: none;
        background: #eaeaea
    }

    .f11 .u10w3.u10active ul {
        display: block
    }

    .f11 .u10w3 ul li {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5em;
        padding: .525em 2.2587269%;
        margin: -1px 0;
        border-bottom: 1px solid #dbdbdb;
        border-top: 1px solid #fff
    }

        .f11 .u10w3 ul li a, .u10w3 ul li {
            color: #3e3e3e !important
        }

        .f11 .u10w3 ul li a {
            padding: .6em 0;
            display: block;
            margin: -0.6em 0
        }

    .f11 .u10w4 {
        border-top: 1px solid #626262;
        height: 1px;
        margin-bottom: 2.5em
    }

        .f11 .u10w4 hr {
            background: transparent !important
        }

    .f11 .u10btn {
        display: block
    }

    .f11 .u10w3.u10active .u10btn {
        background: url("http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") no-repeat -1008px -304px
    }

    .f11 .u10w5 {
        margin: 0 2.2587269%;
        width: 95.4825462%
    }

    .f11v2r2 .u10w5 {
        margin: 0;
        width: 100%
    }

    .f11 #u10 h3 {
        width: 369px;
        height: 16px;
        background-position: 0 -365px
    }
}

@media only screen and (min-width:771px) and (max-width:974px) {
    .f11 #u10 ul.scl-icons li:first-child {
        margin-left: -11px
    }
}

@media only screen and (min-width:0) and (max-width:770px) {
    .u10btn {
        top: 12px !important
    }

    .f11 .u10-ologo {
        margin-bottom: .6em
    }

        .f11 .u10-ologo a, .f11 .u10-ologo span {
            margin: 0 auto;
            width: 117px;
            height: 15px;
            background-position: -930px -345px
        }

    .f11 #u10 ul.scl-icons {
        bottom: 0;
        right: auto;
        position: relative;
        margin-top: 10px;
        text-align: center;
        float: none;
        width: 100%;
        top: 0
    }

        .f11 #u10 ul.scl-icons li {
            float: none;
            display: inline-block
        }

    .f11 #u10 h3 {
        margin: 0 auto;
        width: 299px;
        height: 15px;
        background-position: 0 -385px
    }

    .f11 ul.u10-links {
        text-align: center
    }

        .f11 ul.u10-links li {
            float: none;
            text-align: center;
            display: inline-block
        }
}

@media(min-width:801px) and (max-width:1240px) {
    .f11v2r2 .u10w1 {
        margin-left: 2%;
        margin-right: 2%;
        width: 96%
    }
}

@media(min-width:0) and (max-width:800px) {
    .f11v2r2 .u10w1 {
        margin-left: 2.4%;
        margin-right: 2.4%;
        width: 95.2%
    }
}
/*! GENERIC - SOCIAL ICONS */
.scl-icons {
    float: left
}

    .scl-icons li {
        float: left;
        margin: 0 0 0 6px
    }

        .scl-icons li a {
            width: 16px;
            height: 16px;
            background: url('http://www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2') 0 0 no-repeat;
            outline: 0;
            -moz-outline: 0;
            display: block;
            overflow: hidden;
            text-indent: -4000px
        }

        .scl-icons li.scl-youtube a {
            background-position: -654px -201px
        }

            .scl-icons li.scl-youtube a:hover {
                background-position: -674px -201px
            }

        .scl-icons li.scl-facebook a {
            background-position: -694px -201px
        }

            .scl-icons li.scl-facebook a:hover {
                background-position: -714px -201px
            }

        .scl-icons li.scl-linkedin a {
            background-position: -734px -201px
        }

            .scl-icons li.scl-linkedin a:hover {
                background-position: -754px -201px
            }

        .scl-icons li.scl-twitter a {
            background-position: -774px -201px
        }

            .scl-icons li.scl-twitter a:hover {
                background-position: -794px -201px
            }

        .scl-icons li.scl-feed a {
            background-position: -814px -201px
        }

            .scl-icons li.scl-feed a:hover {
                background-position: -834px -201px
            }

        .scl-icons li.scl-googleplus a {
            background-position: -574px -201px
        }

            .scl-icons li.scl-googleplus a:hover {
                background-position: -594px -201px
            }

        .scl-icons li.scl-blog a {
            background-position: -534px -201px
        }

            .scl-icons li.scl-blog a:hover {
                background-position: -554px -201px
            }

        .scl-icons li.scl-delicious a {
            background-position: -854px -201px
        }

            .scl-icons li.scl-delicious a:hover {
                background-position: -874px -201px
            }

        .scl-icons li.scl-pinterest a {
            background-position: -894px -201px
        }

            .scl-icons li.scl-pinterest a:hover {
                background-position: -914px -201px
            }

        .scl-icons li.scl-newsletter a {
            background-position: -934px -201px
        }

            .scl-icons li.scl-newsletter a:hover {
                background-position: -954px -201px
            }

        .scl-icons li.scl-ptnrcast a {
            background-position: -974px -201px
        }

            .scl-icons li.scl-ptnrcast a:hover {
                background-position: -994px -201px
            }

        .scl-icons li.scl-omn a {
            background-position: -1014px -201px
        }

            .scl-icons li.scl-omn a:hover {
                background-position: -1034px -201px
            }

        .scl-icons li.scl-youku a {
            background-position: -44px 0;
            background-image: url('http://www.oracleimg.com/us/assets/social-icons-alt.png');
            background-repeat: no-repeat
        }

            .scl-icons li.scl-youku a:hover {
                background-position: -64px 0
            }

        .scl-icons li.scl-weibo a {
            background-position: -4px 0;
            background-image: url('http://www.oracleimg.com/us/assets/social-icons-alt.png');
            background-repeat: no-repeat
        }

            .scl-icons li.scl-weibo a:hover {
                background-position: -24px 0
            }

.scl-icons-large li {
    float: left;
    margin: 0 6px 0 0
}

    .scl-icons-large li a {
        width: 22px;
        height: 22px;
        background: url('http://www.oracleimg.com/us/assets/social-icons-large.png') 0 0 no-repeat;
        outline: 0;
        -moz-outline: 0;
        display: block;
        overflow: hidden;
        text-indent: -4000px
    }

    .scl-icons-large li.scl-twitter a {
        background-position: -425px 0
    }

        .scl-icons-large li.scl-twitter a:hover {
            background-position: -400px -30px
        }

    .scl-icons-large li.scl-blog a {
        background-position: -375px -60px
    }

        .scl-icons-large li.scl-blog a:hover {
            background-position: -350px -90px
        }

    .scl-icons-large li.scl-linkedin a {
        background-position: -325px -120px
    }

        .scl-icons-large li.scl-linkedin a:hover {
            background-position: -300px -150px
        }
/*! BETAMODE */
#betamode {
    background: #0f0;
    color: #1d8b00;
    font-weight: bold;
    font-size: 20px;
    padding: 8px 1%;
    position: fixed;
    bottom: 8px;
    right: 8px;
    z-index: 1000;
    min-height: 14px;
    text-align: right;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 5px rgba(50,50,50,0.5);
    -moz-box-shadow: 0 0 5px rgba(50,50,50,0.5);
    box-shadow: 0 0 5px rgba(50,50,50,0.5)
}
/*! W01 */
div.w01 {
    position: fixed;
    display: none;
    z-index: 30001;
    left: 50%;
    top: 50%
}

* html div.w01 {
    position: absolute
}

    div.w01 .w01w4:after, div.w01:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    div.w01 .w01w4 {
        min-height: 22px;
        position: relative;
        padding: 18px 55px 18px 15px;
        background: url('http://www.oracleimg.com/us/assets/w01-sprite-2.png?') 0 100% repeat-x #fff;
        border: #bfbfbf solid 1px;
        border-bottom: 0;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

div.w01w5 {
    color: #000;
    display: none;
    font-size: 14px;
    padding: 0;
    margin: 0 0 7px 0;
    font-weight: bold;
    z-index: 9999;
    float: left;
    line-height: 16px
}

.w01w7 {
    padding: 10px 15px 15px 15px;
    clear: both;
    background: #fff;
    border: #bfbfbf solid 1px;
    border-top: 0;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.w01-simple .w01w7 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

div.w01 .w01w2 .w01w3, div.w01 .w01w2 .w01w6 {
    display: none
}

div.w01 .w01expand {
    background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') -31px -26px no-repeat;
    cursor: pointer
}

    div.w01 .w01expand:hover {
        background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') -31px -47px no-repeat;
        cursor: pointer
    }

div.w01 .w01contract {
    background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') 0 -26px no-repeat;
    cursor: pointer
}

    div.w01 .w01contract:hover {
        background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') 0 -47px no-repeat;
        cursor: pointer
    }

div.w01 a.w01close {
    width: 33px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -19px;
    display: block;
    float: right;
    text-indent: -10000px;
    outline: 0;
    background: url('http://www.oracleimg.com/us/assets/w01-sprite-2.png?') 0 0 no-repeat transparent
}

div.w01-simple a.w01close {
    top: 15px;
    z-index: 5;
    margin: 0
}

div.w01 a:hover.w01close {
    background-position: 0 -34px
}

div.w01 #w01w12 .w01w16 {
    color: #000
}

div.w01 .w01w9 {
    background: url('http://www.oracleimg.com/us/assets/w01-loader.gif') center center no-repeat
}

div.w01 .w01arrowprevious {
    background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

    div.w01 .w01arrowprevious.disabled {
        background-position: 0 -96px;
        cursor: default
    }

div.w01 .w01arrownext {
    background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

    div.w01 .w01arrownext.disabled {
        background-position: -32px -96px;
        cursor: default
    }

div.w01 .w01nav {
    margin-top: 0
}

    div.w01 .w01nav p {
        font-size: 15px;
        padding: 0 3px 0 4px
    }

    div.w01 .w01nav .w01play {
        background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') -1px -123px no-repeat;
        height: 22px;
        width: 22px
    }

    div.w01 .w01nav .w01pause {
        background: url('http://www.oracleimg.com/us/assets/w01-sprite.png') -32px -123px no-repeat;
        height: 22px;
        width: 22px
    }

div.w01 .w01next:hover {
    background: url('http://www.oracleimg.com/us/assets/w01-btnnext.png') center right no-repeat;
    cursor: pointer
}

div.w01 .w01previous:hover {
    background: url('http://www.oracleimg.com/us/assets/w01-btnprevious.png') center left no-repeat;
    cursor: pointer
}

div.w01w1 a:focus {
    outline: 0
}

div.w01z1 {
    background: #000;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    height: 100%;
    opacity: .78;
    width: 100%;
    z-index: 9500
}

div.w01-simple.w01z1 {
    background: 0
}

div.w01z3 {
    background: #FFF;
    left: 0;
    position: fixed;
    top: 0;
    height: 100%;
    opacity: .85;
    width: 100%;
    z-index: 9500
}

div.w01w1 {
    display: none;
    z-index: 10000;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.9);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.9);
    box-shadow: 0 0 25px rgba(0,0,0,0.9);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.w01v1 div.w01w1, .w01w2 {
    position: relative
}

div.w01-simple div.w01w1 {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.w01fullpg div.w01-simple div.w01w1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.w01description {
    display: none;
    margin: 0 0 5px 0
}

.w01nav {
    clear: left;
    float: left;
    margin: 3px 0 0 0
}

    .w01nav p {
        float: left;
        margin: 2px 4px
    }

    .w01nav .w01play, .w01nav .w01pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px
    }

a.w01arrowprevious, a.w01arrownext {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.w01w11 {
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 2000
}

.w01w15 {
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

    .w01w15 ul {
        float: left;
        height: 35px;
        margin: 0 0 0 5px;
        overflow: hidden;
        padding: 0;
        position: relative
    }

        .w01w15 ul a {
            border: 1px #000 solid;
            border: 1px rgba(0,0,0,0.5) solid;
            display: block;
            float: left;
            height: 33px;
            overflow: hidden
        }

            .w01w15 ul a:hover, .w01w15 li.selected a {
                border-color: #fff
            }

            .w01w15 ul a img {
                border: 0
            }

    .w01w15 li {
        display: block;
        float: left;
        margin: 0 5px 0 0
    }

        .w01w15 li.default a {
            background: url('http://www.oracleimg.com/us/assets/w01-default_thumbnail.gif') 0 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px
        }

            .w01w15 li.default a img {
                display: none
            }

    .w01w15 .w01arrowprevious, .w01w15 .w01arrownext {
        margin-top: 7px !important
    }

a.w01next {
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.w01previous {
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.w01expand, a.w01contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

.w01w14 {
    height: 20px;
    position: relative
}

* html .w01w14 {
    padding: 0 20px
}

    .w01w14 .w01w3 {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px
    }

    .w01w14 .w01w4 {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px
    }

    * html .w01w14 .w01w4 {
        left: 0;
        position: static
    }

    .w01w14 .w01w6 {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }

.w01w9 {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

.f01 #w01w12 {
    line-height: 1 !important
}

    .f01 #w01w12 .w01w16 {
        text-align: left
    }

        .f01 #w01w12 .w01w16 p {
            margin: 0 0 15px 0
        }

.w01v1 .w01w1 {
    display: block
}

.w01v1 div.w01w5 {
    opacity: 1;
    display: block
}

.w01v1 .w01w9 {
    display: none
}

.w01v1 .w01w10 {
    display: block;
    padding-top: 10px
}

.w01v2 {
    max-width: 974px
}

    .w01v2 .w01w2 {
        color: #000;
        font-size: 14px;
        padding: 5px;
        font-weight: bold
    }

.w01v3 .w01w1 {
    display: block
}

.w01v3 div.w01w5 {
    opacity: 1;
    display: block
}

.w01v3 .w01w9 {
    display: none
}

.w01v3 .w01w10 {
    display: block;
    padding-top: 10px
}

div.w01v3 .w01w2 .w01w3, div.w01v3 .w01w2 .w01w6 {
    background: url('http://www.oracleimg.com/us/assets/w01-contentpatterntop.png') 0 0 repeat-x
}

div.w01v3 .w01w7 .w01w3 {
    background: #fff
}

div.w01v3 .w01w7 .w01w6, div.w01v3 .w01w14 .w01w3, div.w01v3 .w01w14 .w01w4, div.w01v3 .w01w14 .w01w6 {
    background: 0
}

div.w01v4 {
    position: fixed
}

.w01v4 .w01w1 {
    display: block
}

.w01v4 div.w01w5 {
    opacity: 1;
    display: block
}

.w01v4 .w01w9 {
    display: none
}

.w01v4 .w01w10 {
    display: block;
    padding-top: 10px
}

* html .w01w2 .w01w4 {
    background: url('http://www.oracleimg.com/us/assets/w01-contentpatterntop.png') 0 0 repeat-x;
    margin-bottom: 0;
    padding: 0 16px;
    overflow: hidden
}

* html .w01w7 {
    margin-top: -18px
}

.w01v5 {
    display: none
}

.w01-enlarge .w01w1 {
    box-shadow: none !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.w01-enlarge .w01w7 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
    padding-top: 50px;
    background: 0
}

    .w01-enlarge .w01w7 img {
        width: 100%;
        border: 1px solid #d7d7d7;
        position: relative;
        display: inline-block;
        z-index: 6001
    }

    .w01-enlarge .w01w7 .w01close {
        right: -30px
    }

.w01-enlarge #w01w12 {
    position: relative;
    overflow: visible;
    padding-bottom: 24px
}

.w01-enlarge .w01w13 {
    margin-top: -16px;
    padding: 0;
    background-image: url('http://www.oracleimg.com/us/assets/cw20v3shadow.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 24px;
    width: 104%;
    left: -2%;
    position: relative;
    background-size: 100% 24px;
    z-index: 6000
}

div.w01.w01-enlarge a.w01close {
    width: 23px;
    height: 23px;
    background: url('http://www.oracleimg.com/us/assets/cw20v3sprite.png') no-repeat transparent;
    background-position: -1px -18px
}

div.w01.w01-enlarge a:hover.w01close {
    background-position: -26px -18px
}

@media only screen and (min-width:0) and (max-width:880px) {
    .w01responsive {
        left: 2% !important;
        margin-left: 12% !important;
        width: 76% !important
    }

        .w01responsive .w01w1 {
            width: 100% !important
        }
}

.w01fullpg div.f11w1 {
    position: fixed;
    visibility: hidden
}

.w01fullpg.cw20enlg div.f11w1 {
    visibility: visible
}

.w01fullpg div#Wrapper_FixedWidth_Footer {
    visibility: hidden
}

.w01fullpg div.w01z1 {
    background: #fff;
    opacity: .1
}

.w01fullpg div.w01 {
    position: absolute;
    top: 0
}

.w01fullpg div.w01w4 {
    position: fixed;
    top: 0;
    left: 0;
    width: 95%;
    padding: 16px 2.5% 12px;
    z-index: 2000;
    border: 0;
    border-bottom: 1px solid #bfbfbf;
    background: #fff
}

.w01fullpg div.w01w1 {
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0
}

.w01fullpg div.w01w7 {
    border: 0;
    padding-top: 48px
}

@media only screen and (min-width:880px) {
    .w01v2 {
        transition: margin-top 100ms,margin-left 100ms
    }
}

a.u01nav h3 {
    height: 44px
}

.u01w7 {
    height: 54px
}

.f11v1 {
    width: 100%;
    overflow-x: hidden
}

.cw21 {
    margin-top: 0 !important;
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
    top: 50%
}

@media(min-width:0) and (max-width:1420px) {
    .cw21 {
        top: 440px
    }
}

@media(min-width:0) and (max-width:974px) {
    .cw21 {
        top: 390px
    }
}

@media(min-width:0) and (max-width:770px) {
    .cw21 {
        top: 350px
    }
}

@media(max-width:600px),(max-height:600px) {
    .cw21 {
        top: auto;
        position: fixed
    }
}

.screen-reader {
    position: absolute;
    top: -9999px;
    left: -9999px
}

[class^="icnf"]:before, [class*=" icnf"]:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.screen-reader {
    position: absolute;
    top: -9999px;
    left: -9999px
}

ul.icnf-list li {
    margin: 0 0 24px;
    clear: both;
    min-height: 48px;
    min-height: 4.8rem;
    position: relative;
    padding-left: 60px
}

    ul.icnf-list li:before {
        font-size: 4em;
        color: #1f4f82
    }

.hp07nav ul li {
    float: left;
    width: 19px;
}