oracle.com.css

/*!
######################################################

# COMPASS-HOMESTYLE.CSS

# OCOM GLOBAL ASSET RELEASE: 12.9.0

# BUILD DATE: Mon Mar 06 2017 13:05:11 GMT-0800 (PST)

# COPYRIGHT ORACLE CORP 2017 [UNLESS STATED OTHERWISE]

######################################################
*/

/*! VERSION INFO */
#compass-homestyle {
    content: "12.9.0"
}

/*! BASE - COMPASS HOMEPAGE */
* {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    font-size: 62.5%
}

body {
    padding: 0;
    margin: 0;
    color: #252525;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    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: 0px;
    margin: 0 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
}

.no-touch a[href*='tel:'] {
    color: inherit !important
}

.no-touch a[href*='tel:']:hover {
    text-decoration: none !important;
    cursor: default
}

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

i,em {
    font-style: italic
}

ol,dl {
    margin-bottom: 1px
}

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

dd {
    margin-bottom: .5em
}

blockquote {
    padding: .5em 0px
}

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

em {
    font-weight: inherit
}

img {
    border: 0
}

.cta-list {
    font-size: 18px;
    font-size: 1.8rem;
    margin-left: 0;
    margin-bottom: 1.5em
}

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

.cta-list li:before {
    display: block;
    width: .9em;
    padding-top: .9em;
    background: url("//www.oracleimg.com/us/assets/compass-hp-sprite.png") 100% 60.4% no-repeat;
    background-size: 3.667em 62.333em;
    content: ' ';
    float: left;
    margin: .05em 0 0 -1.2em
}

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

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

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

@media only screen and (min-width: 0px) and (max-width: 500px) {
    html {
        font-size: 44%;
        -webkit-text-size-adjust: none
    }
}

/*! FONT - ORACLE ICONS */
@font-face {
    font-family:'oracleicons';src:url("//www.oracle.com/us/assets/oracleicons-v14.woff2?kkw3ep") format("woff2"),url("//www.oracle.com/us/assets/oracleicons-v14.ttf?kkw3ep") format("truetype"),url("//www.oracle.com/us/assets/oracleicons-v14.woff?kkw3ep") format("woff"),url("//www.oracle.com/us/assets/oracleicons-v14.svg?kkw3ep#oracleicons") format("svg");font-weight:normal;font-style:normal
}

[class^="icn-"]:before,[class*=" icn-"]:before,[class^="icn-cv-right-after"]:after,[class*=" icn-cv-right-after"]:after {
    font-family: 'oracleicons' !important;
    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-certification:before {
    content: "\e9b8"
}

.icn-energy-use:before {
    content: "\e9b9"
}

.icn-recycling:before {
    content: "\e9ba"
}

.icn-water:before {
    content: "\e9bb"
}

.icn-business-form:before {
    content: "\e996"
}

.icn-client-management:before {
    content: "\e9b1"
}

.icn-clientcustomer:before {
    content: "\e9b2"
}

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

.icn-customer-relationship-management:before {
    content: "\e9b4"
}

.icn-product-development:before {
    content: "\e9b5"
}

.icn-recruitment:before {
    content: "\e9b6"
}

.icn-training:before {
    content: "\e9b7"
}

.icn-gaming:before {
    content: "\e9b0"
}

.icn-periscope:before {
    content: "\e9ae"
}

.icn-tumblr:before {
    content: "\e9af"
}

.icn-discussion:before {
    content: "\e9ad"
}

.icn-tablet-mobile:before {
    content: "\e9ac"
}

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

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

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

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

.icn-wireless-network:before {
    content: "\e9a3"
}

.icn-software:before {
    content: "\e9a4"
}

.icn-development:before {
    content: "\e9a5"
}

.icn-developer-tools:before {
    content: "\e9a6"
}

.icn-developer-ops:before {
    content: "\e9a7"
}

.icn-cloud-solid:before {
    content: "\e9a8"
}

.icn-clock:before {
    content: "\e9a9"
}

.icn-bigdata:before {
    content: "\e9aa"
}

.icn-archivingdata:before {
    content: "\e9ab"
}

.icn-developer-male:before {
    content: "\e99f"
}

.icn-it-professional-female:before {
    content: "\e9a0"
}

.icn-it-professional-male:before {
    content: "\e9a1"
}

.icn-student:before {
    content: "\e9a2"
}

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

.icn-cloud:before {
    content: "\e917"
}

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

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

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

.icn-officebuilding:before {
    content: "\e99e"
}

.icn-chartfolder:before {
    content: "\e99d"
}

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

.icn-padlock:before {
    content: "\e97a"
}

.icn-application:before {
    content: "\e998"
}

.icn-hardware:before {
    content: "\e999"
}

.icn-myaccount:before {
    content: "\e99a"
}

.icn-whyoracle:before {
    content: "\e99b"
}

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

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

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

.icn-maintenance:before {
    content: "\e91d"
}

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

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

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

.icn-close:before {
    content: "\e980"
}

.icn-cloud-management:before {
    content: "\e981"
}

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

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

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

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

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

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

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

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

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

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

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

.icn-oraclecloud-cx2:before {
    content: "\e98d"
}

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

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

.icn-search:before {
    content: "\e990"
}

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

.icn-social2:before {
    content: "\e993"
}

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

.icn-topliners-community-tile:before {
    content: "\e995"
}

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

.icn-pdf-doc:before {
    content: "\e97c"
}

.icn-magnifyingglass:before {
    content: "\e97d"
}

.icn-instagram:before {
    content: "\e900"
}

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

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

.icn-oraclecloud-cx:before {
    content: "\e903"
}

.icn-careers:before {
    content: "\e904"
}

.icn-manufacturing:before {
    content: "\e906"
}

.icn-order-mgmt:before {
    content: "\e907"
}

.icn-logistics:before {
    content: "\e908"
}

.icn-procurement:before {
    content: "\e909"
}

.icn-scp:before {
    content: "\e90a"
}

.icn-plm:before {
    content: "\e90b"
}

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

.icn-videoplay:before {
    content: "\e90d"
}

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

.icn-research:before {
    content: "\e90f"
}

.icn-healthcare:before {
    content: "\e910"
}

.icn-military:before {
    content: "\e911"
}

.icn-strategy-play:before {
    content: "\e913"
}

.icn-reportb:before {
    content: "\e914"
}

.icn-quote-reverse:before {
    content: "\e915"
}

.icn-large-quote:before {
    content: "\e916"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icn-cv-down:before {
    content: "\e930"
}

.icn-cv-up:before {
    content: "\e931"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icn-glassdoor:before {
    content: "\e970"
}

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

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

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

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

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

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

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

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

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

.icn-reportb:before,.icn-report:before {
    content: "\e914"
}

.icn-strategy-play:before,.icn-strategy:before {
    content: "\e913"
}

.icn-social2,.icn-consulting:before {
    content: "\e993"
}

.icn-padlock:before {
    content: "\e97a"
}

.icn-cv-right-after:after {
    content: "\e933"
}

.icn-cv-right {
    position: relative
}

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

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

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

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

div.icn-sicons:before {
    padding-top: 0;
    top: -0.14em;
    left: -0.13em;
    font-size: 3.5rem;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

ul.icn-list {
    margin: 0 0 1.6em
}

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

ul.icn-list li:before {
    position: absolute;
    top: -0.15em;
    left: 0;
    display: block;
    width: auto;
    height: 1em;
    font-size: 38px;
    font-size: 3.8rem
}

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

ul.icn-list.icn-list-sm li:before {
    top: -0.03em;
    font-size: 24px;
    font-size: 2.4rem
}

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: 34px;
    font-size: 3.4rem;
    top: -0.17em
}

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,.icn-link.icn-ondark:before,.icn-img.icn-ondark:before {
    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 {
    position: relative;
    clear: both;
    font-weight: bold;
    line-height: 1.114285714286em;
    margin: 0 0 0.6em -0.12em
}

div.icn-heading:before,h1.icn-heading:before,h2.icn-heading:before,h3.icn-heading:before,h4.icn-heading:before,h5.icn-heading:before,h6.icn-heading:before {
    position: relative;
    top: 0.12em !important;
    padding-right: 0.15em !important;
    font-size: 1.2em !important
}

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
}

@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: 0px
    }

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

.icn-img.icn-circle {
    margin: .1em .1em !important;
    width: 1em !important;
    font-size: 116px;
    font-size: 11.6rem;
    height: 1em;
    line-height: 1;
    max-width: none !important;
    float: left
}

.icn-img.icn-circle:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1e5083;
    position: relative;
    top: 50%;
    text-align: center;
    display: block;
    margin-top: -.5em;
    font-size: .65em
}

.icn-circle {
    border-radius: 50%;
    background: #eee;
    font-size: 86px;
    font-size: 8.6rem
}

.rtl ul.icn-list li {
    padding-right: 2.3em;
    padding-left: 0
}

.rtl ul.icn-list li:before {
    right: 0;
    left: auto
}

/*! 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;
    top: 7%;
    left: 6%;
    bottom: 25%;
    right: 22%
}

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

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

.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: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px 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("//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
}

div.sharewidget div.icn-share,div.sharewidget div.icn-share-alt {
    text-decoration: none
}

div.sharewidget div.icn-share:before,div.sharewidget div.icn-share-alt:before {
    height: 100%;
    text-decoration: none
}

@media (max-width: 770px) {
    div.sharewidget div.icn-share-alt:before {
        font-size: 30px;
        font-size: 3.0rem;
        top: -0.18em;
        left: -.2em
    }
}

/*! F11 */
html,body {
    height: 100%;
    background-color: #dadee0
}

.f11v0 .f11w1,.f11v1 .f11w1 {
    max-width: 1600px;
    margin: 0 auto;
    background: #fff;
    width: 100%;
    min-width: 300px
}

.f11v0 {
    overflow-x: hidden
}

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

.f11v2 {
    background: #fff
}

.f11v0,.f11v1,.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: 0px) and (max-width: 320px) {
    .f11v0 {
        overflow-x: auto
    }
}

@media \0screen\,screen\9 {
    .f11v1 .f11w1 {
        min-width: 1000px;
        overflow-x: auto
    }

    .f11v3 .f11w1 {
        min-width: 1000px
    }
}

/*! U02 */
.u02nav {
    position: relative;
    z-index: 21
}

.u02 {
    position: relative;
    z-index: 21;
    min-width: 300px;
    line-height: 24px;
    font-size: 20px
}

.u02w1 {
    position: relative;
    height: 108px;
    margin-bottom: 0;
    width: 100%;
    max-width: 1180px;
    clear: both;
    margin: 0 auto
}

.f11 .u02w1 {
    clear: both;
    margin: 0 auto 0
}

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

#u02skip2content {
    position: fixed;
    top: -3em;
    left: 2%;
    width: auto;
    background: #686b6e;
    float: left;
    z-index: 9;
    opacity: 0;
    padding: 4px 8px;
    -webkit-transition: top .3s ease,opacity .2s ease;
    -moz-transition: top .3s ease,opacity .2s ease;
    transition: top .3s ease,opacity .2s ease;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3)
}

a#maincontent {
    position: absolute;
    top: 0;
    height: 0;
    width: 0
}

#u02skip2content.u02skipo {
    top: 0;
    opacity: 1
}

#u02skip2content li {
    float: left
}

#u02skip2content li a {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    padding: 4px 8px;
    margin: 4px 6px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease
}

#u02skip2content li a:hover {
    text-decoration: underline
}

#u02skip2content li a:focus {
    text-decoration: underline;
    outline: 1px dotted #999;
    outline-offset: 4px
}

span.u02skiptxt {
    display: none
}

.u02showskip span.u02skiptxt {
    display: inline
}

.u02showskip li.u02menuback {
    display: block !important
}

.u02showskip .u02blink,.u02mmskip {
    font-weight: bold
}

.u02logo {
    position: absolute;
    top: 0;
    left: 201px;
    height: 108px;
    width: 176px;
    z-index: 3;
    background: #c10000;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(top, #c10000 0%, red 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c10000), color-stop(100%, red));
    background: -webkit-linear-gradient(top, #c10000 0%, red 100%);
    background: -o-linear-gradient(top, #c10000 0%, red 100%);
    background: -ms-linear-gradient(top, #c10000 0%, red 100%);
    background: linear-gradient(to bottom, #c10000 0%, red 100%)
}

.u02logo span {
    position: relative;
    top: 2px;
    content: " ";
    width: 134px;
    height: 16px;
    background: url("//www.oracleimg.com/us/assets/u02-sprite.png") 0 100% no-repeat;
    background-size: 100% auto;
    display: inline-block;
    text-indent: -20000px;
    font-size: 16px;
    line-height: 1em
}

.u02logo a {
    line-height: 16px;
    font-size: 16px
}

.u02logow1 {
    display: table;
    height: 100%;
    width: 100%
}

.u02logow1 a {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.u02logow1 a:focus {
    outline: 0
}

.u02logo:before {
    position: absolute;
    top: 39px;
    left: -183px;
    content: " ";
    width: 163px;
    height: 36px;
    background: url("//www.oracleimg.com/us/assets/u02-sprite.png") 0 0 no-repeat;
    background-size: 100% auto
}

.u02logo:after {
    display: block;
    position: absolute;
    top: 14px;
    left: -201px;
    background: #dfe3e6;
    content: " ";
    width: 1px;
    height: 76px;
    overflow: hidden
}

.f01 .u02logo:after {
    display: none
}

.f01r1 .u02logo:after {
    display: block
}

.u02menu {
    height: 108px;
    margin-left: 377px;
    position: relative
}

.u02dtop li.u02menuback,.u02mobi .u02menu-l1>ul>li.u02menuback {
    display: none
}

.u02mlink {
    height: 108px;
    float: left;
    position: relative;
    z-index: 2
}

.u02mlinkw1 {
    float: left;
    padding: 32px 20px 20px
}

.u02mlinkw1 a:visited {
    color: #404040
}

.u02haml .u02mlinkw1 a {
    padding-top: 5px !important
}

.u02mlinkw1 a {
    display: block;
    float: left;
    text-transform: uppercase;
    font-size: 0px !important;
    padding: 3px 8px 8px 10px;
    color: #404040;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.u02mlinkw1 a .u02hamenu {
    display: inline-block;
    width: 31px;
    height: 20px;
    top: 2px;
    position: relative;
    margin-right: 9px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer
}

#u02menulink span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #404040;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out
}

#u02menulink span.m1 {
    top: 0px
}

#u02menulink span.m2,#u02menulink span.m3 {
    top: 8px
}

#u02menulink span.m4 {
    top: 16px
}

#u02menulink {
    line-height: 23px
}

#u02menulink:focus {
    outline: dotted #63757d 1px;
    outline-offset: 10px
}

.u02mobio #u02menulink:focus {
    outline: dotted #ccc 1px
}

.u02mobi #u02menulink:focus {
    outline-offset: -5px
}

#u02main:hover #u02menulink:focus,#u02menulink:hover {
    outline: 0 !important
}

.u02mlinkw1 a:hover,.u02opened .u02mlinkw1 a {
    color: #63757d
}

.u02opened #u02menulink span,.u02mobi a#u02menulink:hover span,.u02mobi a#u02menulink:focus span {
    background: #63757d
}

.u02mobio a#u02menulink:focus span,.u02mobio a#u02menulink:hover span {
    background: #fff
}

.u02mlinkw1:after {
    display: block;
    position: absolute;
    top: 14px;
    right: 0px;
    background: #dfe3e6;
    content: " ";
    width: 1px;
    height: 76px;
    overflow: hidden
}

.u02mlinkw2 {
    padding: 10px 0 0 0;
    display: inline-block;
    font-size: 19px !important
}

.u02mlinkw2:before {
    display: inline-block;
    width: 31px;
    height: 20px;
    top: 2px;
    position: relative;
    background: url("//www.oracleimg.com/us/assets/u02-sprite.png") 0 -60px no-repeat;
    content: "";
    margin-right: 9px
}

.u02haml .u02mlinkw2:before {
    display: none
}

.u02haml .u02mlinkw2 {
    padding: 10px 0 0 0
}

.u02 .u02mainmenu {
    position: absolute;
    width: 266px;
    top: 108px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s ease,visibility 0s linear .3s,width .3s ease;
    -moz-transition: opacity .5s ease,visibility 0s linear .3s,width .3s ease;
    transition: opacity .5s ease,visibility 0s linear .3s,width .3s ease
}

.u02 .u02mainmenu a,.u02 .u02mainmenu h6 {
    padding: .5em 1.75em .5em 1.2667em;
    margin: 0;
    display: block;
    font-size: 15px;
    position: relative;
    line-height: 1.3em;
    -webkit-transition: left .3s ease .4s,opacity .2s ease,top .4s ease;
    -moz-transition: left .3s ease .4s,opacity .2s ease,top .4s ease;
    transition: left .3s ease .4s,opacity .2s ease,top .4s ease
}

.u02 .u02mainmenu a:focus {
    outline: 0
}

.u02 .u02mainmenu .u02menu-l1 h6 {
    color: #fff
}

.u02 .u02mainmenu .u02menu-l2 h6 {
    color: #333
}

.u02 .u02menu-l1>ul>li>a,.u02 .u02menu-l1>ul>li>h6 {
    position: relative;
    opacity: 1;
    top: 0
}

.u02menu-l1 .u02menuwrap>ul>li>a,.u02menu-l1 .u02menuwrap>ul>li>h6 {
    position: relative;
    opacity: 0;
    left: -80%
}

.u02 .u02opened .u02menu-l1>ul>li>a,.u02 .u02menu-hasopen>.u02menu-l2>ul>li>a,.u02 .u02menu-hasopen>.u02menu-l3>ul>li>a,.u02 .u02opened .u02menu-l1>ul>li>h6,.u02 .u02menu-hasopen>.u02menu-l2>ul>li>h6,.u02 .u02menu-hasopen>.u02menu-l3>ul>li>h6 {
    left: 0;
    opacity: 1;
    top: 0
}

.u02 .u02mainmenu a:hover {
    text-decoration: none
}

.u02 .u02mainmenu .u02menu-l1 ul>li>a {
    color: #fff
}

.u02dtop .u02mainmenu .u02menu-l1 ul>li:hover>a,.u02dtop .u02mainmenu .u02menu-l1 ul>li>a:active,.u02dtop .u02showskip .u02mainmenu .u02menu-l1 ul>li>a:focus {
    background: #e1e2e3;
    color: #204f82
}

.u02dtop .u02mainmenu .u02menu-l1 ul>li.u02menu-hasopen>a {
    background: #e1e2e3;
    color: #333
}

.u02dtop .u02mainmenu .u02menu-l2 ul>li>a {
    color: #204f82
}

.u02dtop .u02mainmenu .u02menu-l2>ul>li:hover>a,.u02dtop .u02showskip .u02mainmenu .u02menu-l2>ul>li>a:focus,.u02dtop .u02mainmenu .u02menu-l2>ul>li>a:active {
    background: #f5f6f7;
    color: #204f82
}

.u02dtop .u02mainmenu .u02menu-l2>ul>li.u02menu-hasopen>a {
    background: #f5f6f7;
    color: #333
}

.u02dtop .u02mainmenu .u02menu-l3>ul>li:hover>a,.u02dtop .u02showskip .u02mainmenu .u02menu-l3>ul>li>a:focus {
    background: #fff;
    color: #204f82
}

.u02 .u02mainmenu hr {
    margin: .5em 1em;
    position: relative;
    -webkit-transition: left .2s linear .4s,top .5s ease 150ms;
    -moz-transition: left .2s linear .4s,top .5s ease 150ms;
    transition: left .2s linear .4s,top .5s ease 150ms
}

.u02 .u02mainmenu .u02menu-l1 ul>li>hr {
    background: #858585;
    left: 0;
    top: 0
}

.u02dtop .u02mainmenu .u02menu-l2>ul>li>hr {
    background: #cfcfcf;
    left: -99%;
    color: #333
}

.u02dtop .u02mainmenu .u02menu-l3>ul>li>hr {
    background: #e0e0e0;
    left: -99%;
    color: #333
}

.u02 .u02opened .u02menu-l1 ul>li>hr {
    top: 0
}

.u02 .u02menu-hasopen>.u02menu-l2>ul>li>hr,.u02 .u02menu-hasopen>.u02menu-l3>ul>li>hr {
    left: 0;
    top: auto
}

a.u02xlink:after {
    display: inline-block;
    margin: -2px -1.2em 0 0;
    width: 10px;
    height: 10px;
    content: " ";
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2ODcuNTI3cHgiIGhlaWdodD0iNjg3LjUyN3B4IiB2aWV3Qm94PSI3OS43MzcgLTI5LjUgNjg3LjUyNyA2ODcuNTI3IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iaWNuLWFycm93Ij48Zz48cGF0aCBmaWxsPSIjM2I2Njk2IiBkPSJNNzkuNzM3LDM3OC4wNjRoNDYzLjk5TDMxMC4xMjksNjMzLjI0aDE2NS4xMzVsMjkyLTMxOC45NzdMNDc1LjI3LTQuNzEzSDMxMC4xMzVsMjMzLjU5OCwyNTUuMTY5SDc5LjczNyBWMzc4LjA2NHoiLz48L2c+PC9nPjxnIGlkPSJMYXllcl8xXzFfIj48L2c+PC9zdmc+") no-repeat 0px 0px transparent;
    background-size: 9px 9px;
    opacity: 0
}

a.u02xlink:focus:after,a.u02xlink:active:after,a.u02xlink:hover:after {
    margin-left: 8px;
    opacity: 1;
    -webkit-transition: margin-left .3s ease,opacity .4s ease;
    -moz-transition: margin-left .3s ease,opacity .4s ease;
    transition: margin-left .3s ease,opacity .4s ease
}

.u02mobio a.u02xlink:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2ODcuNTI3cHgiIGhlaWdodD0iNjg3LjUyN3B4IiB2aWV3Qm94PSI3OS43MzcgLTI5LjUgNjg3LjUyNyA2ODcuNTI3IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iaWNuLWFycm93Ij48Zz48cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNzkuNzM3LDM3OC4wNjRoNDYzLjk5TDMxMC4xMjksNjMzLjI0aDE2NS4xMzVsMjkyLTMxOC45NzdMNDc1LjI3LTQuNzEzSDMxMC4xMzVsMjMzLjU5OCwyNTUuMTY5SDc5LjczNyBWMzc4LjA2NHoiLz48L2c+PC9nPjxnIGlkPSJMYXllcl8xXzFfIj48L2c+PC9zdmc+")
}

.u02mobio a.u02xlink:hover,.u02mobio a.u02xlink:focus,.u02mobio a.u02xlink:active {
    color: #333 !important
}

.u02lbg {
    width: 266px;
    position: absolute;
    z-index: 0;
    top: 23px;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease
}

.u02opened .u02lbg {
    -webkit-transition: top .3s ease,opacity .2s ease .25s;
    -moz-transition: top .3s ease,opacity .2s ease .25s;
    transition: top .3s ease,opacity .2s ease .25s
}

.u02l1bg {
    left: 0
}

.u02l2bg {
    background: #e1e2e3;
    left: 266px
}

.u02l3bg {
    background: #f5f6f7;
    left: 532px
}

.u02mlink.u02opened .u02lbg {
    top: 0
}

.u02l1bg,.u02l2bg,.u02l3bg {
    -webkit-transition: top .3s ease,opacity 0s ease .6s;
    -moz-transition: top .3s ease,opacity 0s ease .6s;
    transition: top .3s ease,opacity 0s ease .6s
}

.u02opened .u02l1bg,.u02opened .u02l2open .u02l2bg,.u02opened .u02l3open .u02l3bg {
    opacity: 1;
    -webkit-transition: top .3s ease,opacity .2s ease .45s;
    -moz-transition: top .3s ease,opacity .2s ease .45s;
    transition: top .3s ease,opacity .2s ease .45s
}

.u02lbg b {
    position: absolute;
    top: 0;
    bottom: -4px;
    left: -4px;
    right: -4px;
    display: block;
    overflow: hidden;
    opacity: 1
}

.u02lbg b em {
    position: absolute;
    top: 0;
    bottom: 4px;
    left: 4px;
    right: 4px;
    display: block;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3)
}

.u02opened .u02l1bg b,.u02l2open .u02l2bg b,.u02l3open .u02l3bg b {
    opacity: 1
}

.u02dtop .u02menu-l1z1 {
    width: 24px;
    height: 12px;
    background: url("//www.oracleimg.com/us/assets/u02-sprite.png") -61px -60px no-repeat;
    display: block;
    position: relative;
    top: 18px;
    margin-left: -12px;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .2s ease;
    -moz-transition: top .3s ease,opacity .2s ease;
    transition: top .3s ease,opacity .2s ease
}

.u02dtop .u02opened .u02menu-l1z1 {
    top: -12px;
    opacity: 1
}

.u02 .u02menu-l2,.u02 .u02menu-l3 {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: visibility 0s linear .4s;
    -moz-transition: visibility 0s linear .4s;
    transition: visibility 0s linear .4s
}

.u02 .u02mlink ul {
    opacity: 0;
    padding: 1em 0;
    width: 266px;
    position: absolute;
    left: -100%;
    -webkit-transition: left .3s ease .25s,top .3s ease,opacity .2s ease;
    -moz-transition: left .3s ease .25s,top .3s ease,opacity .2s ease;
    transition: left .3s ease .25s,top .3s ease,opacity .2s ease
}

.u02 .u02menu-l1 {
    width: 266px
}

.u02 .u02menu-l2 {
    left: 266px;
    width: 532px;
    overflow: hidden
}

.u02 .u02menu-l3 {
    left: 266px;
    width: 266px;
    overflow: hidden
}

.u02dtop .u02menu-l1>ul {
    top: 23px;
    left: 0
}

.u02 .u02menu-l1 ul {
    background: #686b6e
}

.u02dtop .u02menu-l2>ul {
    background: #e1e2e3
}

.u02dtop .u02menu-l3>ul {
    background: #f5f6f7
}

.u02menu-hasm.u02menu-hasopen>.u02menu-l2,.u02menu-hasm.u02menu-hasopen>.u02menu-l3,.u02mlink.u02opened .u02mainmenu {
    visibility: visible;
    min-height: 100px;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s;
    -moz-transition: visibility 0s linear 0s;
    transition: visibility 0s linear 0s
}

.u02mlink.u02opened .u02menu-l1>ul,.u02opened .u02menu-hasm.u02menu-hasopen>.u02menu-l2>ul,.u02opened .u02menu-hasm.u02menu-hasopen>.u02menu-l3>ul {
    left: 0;
    top: 0;
    opacity: 1
}

.u02mobi .u02mlink {
    background: #fff;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease
}

.u02mobi .u02mlink.u02mobio {
    background: #686b6e
}

.u02mobio #u02menulink span {
    background: #fff
}

.u02mobio #u02menulink span.m1 {
    top: 10px;
    width: 0%;
    left: 50%
}

.u02mobio #u02menulink span.m2 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.u02mobio #u02menulink span.m3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.u02mobio #u02menulink span.m4 {
    top: 10px;
    width: 0%;
    left: 50%
}

.u02mobi .u02mainmenu {
    top: 60px;
    overflow: hidden;
    left: auto;
    right: 0px;
    visibility: hidden;
    opacity: 1;
    width: 266px;
    -webkit-transition: visibility 0s linear .3s,width .3s ease;
    -moz-transition: visibility 0s linear .3s,width .3s ease;
    transition: visibility 0s linear .3s,width .3s ease
}

.u02mobi .u02mobio .u02mainmenu {
    visibility: visible;
    opacity: 1
}

.u02 .u02mainmenu a.u02tlink {
    padding-right: 1.9em
}

.u02mobi a.u02tlink:hover,.u02mobi a.u02blink:hover,.u02mobi a.u02tlink:focus,.u02mobi a.u02blink:focus {
    color: #333 !important
}

.u02mobi .u02mainmenu .u02menu-l1 ul>li>a:hover,.u02mobi .u02mainmenu .u02menu-l1 ul>li>a:focus {
    background: #e1e2e3;
    color: #204f82
}

.u02mobi .u02mainmenu .u02menu-l1 ul>li.u02menu-hasopen>a {
    background: #e1e2e3;
    color: #333
}

.u02mobi a.u02tlink:after {
    display: block;
    margin: -.6em 0 0 0;
    width: 1.2em;
    height: 1.2em;
    content: " ";
    position: absolute;
    right: 15px;
    top: 50%;
    opacity: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NTYuODUycHgiIGhlaWdodD0iNjU2Ljg1MnB4IiB2aWV3Qm94PSIwIDAgNjU2Ljg1MiA2NTYuODUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iaWNuLWN2LXJpZ2h0Ij48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjMyNi4wNiwwIDEwOS43NjUsMCA0MzkuNTYyLDMyOS44NTMgMTEyLjU4Miw2NTYuODUzIDMyOC44ODIsNjU2Ljg1MyA2NTYuODUxLDMyOC44NjciLz48L2c+PGcgaWQ9IkxheWVyXzFfMV8iPjwvZz48L3N2Zz4NCg==") no-repeat;
    background-size: auto 100%
}

.u02mobi a.u02tlink:hover:after,.u02mobi a.u02tlink:focus:after {
    opacity: 1;
    right: 5px;
    -webkit-transition: opacity .3s ease .1s,right .2s ease .1s;
    -moz-transition: opacity .3s ease .1s,right .2s ease .1s;
    transition: opacity .3s ease .1s,right .2s ease .1s
}

.u02mobi a.u02blink {
    font-weight: bold;
    padding: 1em 1em .9em 64px !important;
    border-bottom: 1px solid #858585
}

.u02mobi a.u02blink:after {
    display: block;
    margin: -.6em 0 0 0;
    width: 1.2em;
    height: 1.2em;
    content: " ";
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NTYuODUycHgiIGhlaWdodD0iNjU2Ljg1MnB4IiB2aWV3Qm94PSIwIDAgNjU2Ljg1MiA2NTYuODUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iaWNuLWN2LXJpZ2h0Ij48cG9seWdvbiBmaWxsPSIjZmZmZmZmIiBwb2ludHM9IjMzMC43OTEsNjU2Ljg1MyA1NDcuMDg1LDY1Ni44NTMgMjE3LjI4OSwzMjcgNTQ0LjI2OSwwIDMyNy45NjgsMCAwLDMyNy45ODUiLz48L2c+PGcgaWQ9IkxheWVyXzFfMV8iPjwvZz48L3N2Zz4=") no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: 1.2667em;
    top: 50%
}

.u02mobi a.u02blink:before {
    display: block;
    content: " ";
    width: 1px;
    background: #858585;
    top: .7em;
    bottom: .7em;
    position: absolute;
    left: 49px
}

.u02mobi a.u02blink:hover:after,.u02mobi a.u02blink:focus:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NTYuODUycHgiIGhlaWdodD0iNjU2Ljg1MnB4IiB2aWV3Qm94PSIwIDAgNjU2Ljg1MiA2NTYuODUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iaWNuLWN2LXJpZ2h0Ij48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjMzMC43OTEsNjU2Ljg1MyA1NDcuMDg1LDY1Ni44NTMgMjE3LjI4OSwzMjcgNTQ0LjI2OSwwIDMyNy45NjgsMCAwLDMyNy45ODUiLz48L2c+PGcgaWQ9IkxheWVyXzFfMV8iPjwvZz48L3N2Zz4=")
}

.u02mobi a.u02blink:hover:before,.u02mobi a.u02blink:focus:before {
    background: #333
}

.u02mobi .u02mainmenu hr {
    margin-left: 0;
    margin-right: 0
}

.u02mobi .u02menu-l1 .u02menuwrap ul {
    padding-top: 0 !important
}

.u02mobi li.u02menuback {
    margin-bottom: .4em;
    position: relative
}

.u02mobi li.u02menuback:hover,.u02mobi li.u02menuback:focus {
    background: #ccc !important
}

.u02mobio .u02menu-hasm>.u02menu-l2,.u02mobio .u02menu-hasm>.u02menu-l3 {
    opacity: 0;
    -webkit-transition: opacity .5s ease 1s,visibility 0s linear 0s;
    -moz-transition: opacity .5s ease 1s,visibility 0s linear 0s;
    transition: opacity .5s ease 1s,visibility 0s linear 0s
}

.u02mobio .u02menu-hasm.u02menu-hasopen>.u02menu-l2,.u02mobio .u02menu-hasm.u02menu-hasopen>.u02menu-l3 {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0s ease 0s,visibility 0s linear 0s;
    -moz-transition: opacity 0s ease 0s,visibility 0s linear 0s;
    transition: opacity 0s ease 0s,visibility 0s linear 0s
}

.u02mobio .u02menu-hasm.u02menu-hasopen>.u02menu-l2>ul,.u02mobio .u02menu-hasm.u02menu-hasopen>.u02menu-l3>ul {
    left: 0;
    top: 0;
    opacity: 1
}

.u02mobi .u02menu-l1 {
    top: 0;
    opacity: 1;
    right: 0%;
    position: relative
}

.u02mlink.u02mobio .u02menu-l1 {
    visibility: visible;
    -webkit-transition: right .3s ease;
    -moz-transition: right .3s ease;
    transition: right .3s ease
}

.u02mobi .u02mainmenu .u02menu-l2 h6 {
    color: #fff
}

.u02mobi .u02menu-l2>ul>li>a,.u02mobi .u02menu-l3>ul>li>a,.u02mobi .u02menu-l2>ul>li>h6,.u02mobi .u02menu-l3>ul>li>h6 {
    left: 80%
}

.u02 .u02mlink.u02mobio ul {
    opacity: 1;
    padding: 1em 0;
    width: 266px;
    position: absolute;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease
}

.u02 .u02mlink.u02mobio .u02menu-l1>ul {
    left: 0;
    right: 0;
    top: 0;
    opacity: 1
}

.u02mobi .u02mlink .u02l2open .u02menu-l1 {
    right: 100%
}

.u02mobi .u02mlink .u02l3open .u02menu-l1 {
    right: 200%
}

.u02mobi .u02menu-l1 .u02menuwrap a,.u02mobi .u02menu-l1 .u02menuwrap h6 {
    left: 20%;
    -webkit-transition: left .2s ease,opacity .3s ease;
    -moz-transition: left .2s ease,opacity .3s ease;
    transition: left .2s ease,opacity .3s ease
}

.u02mobi .u02mobio .u02menu-l1>ul>li>a,.u02mobi .u02mobio .u02menu-l1>ul>li>h6 {
    left: 0;
    opacity: 1;
    top: 0
}

.u02mobi .u02mobio .u02menu-l1>ul>li>hr {
    top: 0
}

.u02mobi .u02lbg {
    display: none
}

.u02glinks {
    position: relative;
    top: 26px;
    left: 0px;
    z-index: 4;
    height: 57px;
    overflow: hidden
}

.u02glinks,.u02glinks * {
    line-height: 24px;
    font-size: 20px
}

.u02glinks ul {
    margin-left: 9px
}

.u02glinks li {
    display: block;
    float: left;
    text-align: center;
    vertical-align: middle;
    height: 60px;
    padding: 20px 4px 0 20px
}

.u02glinks li a {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    color: #404040;
    white-space: nowrap;
    line-height: 24px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease
}

.u02glinks li a:focus {
    outline: dotted #63757d 1px;
    outline-offset: 5px;
    color: #63757d
}

.u02glinks li a:hover {
    outline: 0 !important;
    color: #63757d;
    text-decoration: none
}

.u02glinks li.u02glinktwolines a {
    position: relative;
    top: -.6em
}

.u02tools {
    position: absolute;
    right: 0;
    top: 11px;
    z-index: 5
}

.u02tools>ul,.u02tools>ul>li {
    float: left;
    position: relative
}

.u02tools>ul>li:hover {
    padding-bottom: 8px
}

.u02tools a.u02ticon:focus {
    outline: dotted #63757d 1px;
    margin-bottom: 1px
}

.u02tools .u02toolopen a.u02ticon:focus {
    outline: 0
}

.u02tools a.u02ticon {
    font-size: 12px;
    line-height: 1.2em;
    color: #63757d;
    height: 23px;
    display: inline-block
}

.u02tools a.u02ticon:hover {
    color: #404040;
    text-decoration: none;
    outline: 0;
    margin-bottom: 0px !important
}

.u02tools a.u02ticon:focus {
    color: #404040;
    text-decoration: none
}

.u02tools a.u02ticon span {
    display: none
}

.u02tools a.u02user span {
    display: inline
}

.u02tools a.u02user span.u02hello {
    display: inline-block;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom
}

.u02ticon:after,.u02ticon:before,.u02 .u02currentcr .u02cmenu-l2 a:before,.u02 .u02countrymenu.u02cmenu-simple a:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNDRweCIgaGVpZ2h0PSI4MzIuMDAxcHgiIHZpZXdCb3g9IjAgMCAxNDQgODMyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQ0IDgzMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIg0KCT4NCjxwYXRoIHN0eWxlPSJmaWxsOiM3Njg3OEU7IiBkPSJNMTExLjUzNCwxODUuOTVsLTE5LjA3OCwxOS4wOGMtMC41NzcsMC41NzQtMS43MTIsMS4wNDUtMi41MjQsMS4wNDVoLTEuMTU1DQoJYy0wLjgxMiwwLTEuNDc4LTAuNjY0LTEuNDc4LTEuNDc5di04Ljc4NmMwLTAuODEyLTAuNjY1LTEuNDc3LTEuNDc4LTEuNDc3aC0zLjc5NmMtMC44MTIsMC0xLjQ3OC0wLjY2NS0xLjQ3OC0xLjQ3OXYtMTguNzYyDQoJYy0yLjgwMi0wLjM0Ni01LjY1Mi0wLjUyNS04LjU0OC0wLjUyNWMtMjMuMTQzLDAtNDMuNjMzLDExLjM0Ny01Ni4yMTksMjguNzc3YzAsMCw1LjU1NC0xLjQyNiw2Ljc2MS0yLjQzN2wyNS4yODktMTIuODg0DQoJYzAuNzQyLTAuMzc4LDIuMDI3LTAuNjg4LDIuODU5LTAuNjg4aDIwLjczNWMwLjgzMiwwLDEuNTEzLDAuNjgyLDEuNTEzLDEuNTEzdjMuMzEyYzAsMC44MzEtMC42ODEsMS41MTItMS41MTMsMS41MTJoLTkuOTEzDQoJYy0wLjgzMSwwLTIuMDM3LDAuNDMxLTIuNjc5LDAuOTU5bC01LjA1Niw0LjE1M2MtMC42NDIsMC41MjgtMC41MzcsMS4yMTIsMC4yMzUsMS41MjFsNS4xMTMsMi4wNDYNCgljMC43NzIsMC4zMDksMS44ODgsMC4wODUsMi40OC0wLjQ5N2wwLjY1NC0wLjY0M2MwLjU5NC0wLjU4MiwxLjc1OS0xLjA2LDIuNTktMS4wNmgxMy42OWMwLjgzMiwwLDEuNTEyLDAuNjgxLDEuNTEyLDEuNTEydjcuNzg0DQoJYzAsMC44MzEtMC40OTIsMS45OC0xLjA5NCwyLjU1M2wtMTcuMzYzLDE2LjUyNmMtMC42MDIsMC41NzItMS4wOTQsMS43MjItMS4wOTQsMi41NTJ2OC45ODRjMCwwLjgyOS0wLjY4LDEuNTExLTEuNTEyLDEuNTExaC0yLjMzNg0KCWMtMC44MzEsMC0xLjUxMS0wLjY4Mi0xLjUxMS0xLjUxMXYtMy44ODJjMC0wLjgzLTAuNjgtMS41MTEtMS41MTEtMS41MTFINDguMTRjLTAuODMxLDAtMS41MTEsMC42ODEtMS41MTEsMS41MTF2NS42ODINCgljMCwwLjgzMiwwLjU2NiwxLjg4OSwxLjI1NywyLjM0OWw4LjUyMSw1LjY4NWMwLjY5MSwwLjQ2LDEuOTM4LDAuODM4LDIuNzY5LDAuODM4aDE1LjU4YzAuODMyLDAsMi4xMDksMC4zMjEsMi44NDMsMC43MTQNCglsMTkuNDA4LDEwLjQyMWMwLjczMiwwLjM5NCwxLjA5LDEuMzUxLDAuNzkzLDIuMTI3bC02LjQ5LDE2Ljk4OGMtMC4yOTYsMC43NzUtMS4wNTUsMS44NTQtMS42ODYsMi4zOTVsLTE2LjkzOSwxNC41NDENCgljLTAuNjMsMC41NC0xLjAxNiwxLjY1MS0wLjg1NCwyLjQ2NmwxLjMwNyw2LjYzOWMtMC4xMzYsMS41NjEtMi43NTIsMS40ODQtMi43NTIsMS40ODRjLTAuODMzLDAtMi0wLjQ3NC0yLjU5NS0xLjA1NmwtMy45OTgtMy44OTMNCgljLTAuNTk2LTAuNTgtMS4wODMtMS43MzUtMS4wODMtMi41NjV2LTQ0LjEwM2MwLTAuODMyLTAuNjgtMS41MTItMS41MTItMS41MTJoLTQuNTQ1Yy0wLjgzMSwwLTIuMDg3LTAuMzY1LTIuNzg3LTAuODExDQoJbC0xMS42MzctNy4zODVjLTAuNzAxLTAuNDQ1LTEuNjgzLTEuMzU0LTIuMTgzLTIuMDE4bC03LjQyLTkuODljLTAuNS0wLjY2NC0xLjU4Ny0xLjIwOS0yLjQxOC0xLjIwOWgtMS45MzENCgljLTAuODMxLDAtMS44MzItMC41OTktMi4yMjUtMS4zMzFjMCwwLTYuNzE3LTExLjgyLTcuMTctMTQuODg2di03LjQ4M2MwLTAuODMyLTAuNjgtMS41MTItMS41MS0xLjUxMmgtNS4xODgNCgljLTYuMDI3LDEwLjI3NS05LjQ4NSwyMi4yMzctOS40ODUsMzUuMDFjMCwzOC4yNzIsMzEuMDI3LDY5LjMwMSw2OS4zLDY5LjMwMWMzOC4yNzMsMCw2OS4zMDEtMzEuMDI4LDY5LjMwMS02OS4zMDENCglDMTQxLjMwMSwyMTkuMjkxLDEyOS41MjMsMTk4LjQ2OCwxMTEuNTM0LDE4NS45NSIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6Izc2ODc4RTsiIGQ9Ik03Ni4xNTUsNi42NjljLTEuMzU4LDAtMS44OTEtMC41MjctMS44MjItMS43NFYxLjQ5MkM0NS43NDIsMi44NTksNDUuOTM4LDI2LjIxNSw0NS45MzgsMjYuMjE1DQoJCXYyMi42MzJsNS45Nyw1LjE2M3Y0LjUzN2MzLjA1LDIxLjkyNSwyMC42NSwyMS4xMTcsMjAuNjUsMjEuMTE3YzAuMDMxLDAsMTcuOTksMC44NDUsMjAuODMxLTIxLjY0YzAsMC0wLjAzNy0wLjAzOCwwLTAuMTI5VjU0LjAxDQoJCWw1LjY2Ny00LjgzNlYyNy45NzhDOTguOTQzLDE3LjU1NCw4OC45MTMsNi42NjksNzYuMTU1LDYuNjY5Ii8+DQoJPGc+DQoJCTxwYXRoIHN0eWxlPSJmaWxsOiM3Njg3OEU7IiBkPSJNMTM2LjIwNiwxMDguMzY1Yy0wLjY5OC0yLjYyNy0xLjU3NC01LjQzNy0zLjg5NS03LjIxYy0yLjQ5NS0xLjg5OS0zOC40NjEtMTcuNDM1LTM4LjQ2MS0xNy40MzUNCgkJCWwtMjEuMDQ2LDQzLjc2NGgtMC42N0w1MS4wNzcsODMuNzJMMTguNzUyLDk3LjU2N2MtNi4yNTksMi4xNTQtOS4yODQsNS43NDctMTAuMTY3LDEwLjE1NmwtNi4wNzIsNDAuMjkxTDE0MS40ODUsMTQ4DQoJCQlMMTM2LjIwNiwxMDguMzY1eiIvPg0KCTwvZz4NCjwvZz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM3Njg3OEU7IiBkPSJNMTQxLjc2OCw0NjEuODYxbC0zNi4xMjYtMzYuODJjNS4wMDItOC4zNjQsNy44ODUtMTguMTM2LDcuODg1LTI4LjU3DQoJYzAtMzAuNzk1LTI1LjA1Mi01NS44NDctNTUuODQ3LTU1Ljg0N1MxLjgzMywzNjUuNjc2LDEuODMzLDM5Ni40NzFjMCwzMC43OTYsMjUuMDU4LDU1LjI3Nyw1NS44NDcsNTUuODQ5DQoJYzEyLjU0NywwLjIzMiwyMy42MDQtNC41NTQsMzIuNTU1LTEwLjY1OGwzNS40NTgsMzYuMTQyYzIuNDc1LDIuMTk4LDcuMjk2LDIuODYsMTIuODAyLTIuNzI5UzE0NCw0NjQuMDAyLDE0MS43NjgsNDYxLjg2MXoNCgkgTTE5LjQwNSwzOTYuNDcxYzAtMjEuMTA0LDE3LjE2OC0zOC4yNzMsMzguMjc0LTM4LjI3M2MyMS4xMDcsMCwzOC4yNzUsMTcuMTY5LDM4LjI3NSwzOC4yNzNjMCwyMS4xMDYtMTcuMTY4LDM4LjI3NS0zOC4yNzUsMzguMjc1DQoJQzM2LjU3Myw0MzQuNzQ2LDE5LjQwNSw0MTcuNTc3LDE5LjQwNSwzOTYuNDcxeiIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6Izc2ODc4RTsiIHBvaW50cz0iMCw1MTYuODk3IDE0NCw1MTYuODk3IDcyLDU5Ny4zOTcgIi8+DQo8cGF0aCBzdHlsZT0iZmlsbDojNzY4NzhFOyIgZD0iTTEzNS4wMDksNzIyLjAwM2M0LjcxOC05LjQ0NCw3LjM3Ny0yMC4wODgsNy4zNzctMzEuMzQ0YzAtMzguODExLTMxLjU3NC03MC4zODUtNzAuMzg2LTcwLjM4NQ0KCWMtMzguODExLDAtNzAuMzg1LDMxLjU3NC03MC4zODUsNzAuMzg1YzAsMTEuNDkzLDIuNzcsMjIuMzUxLDcuNjc1LDMxLjk0MUw3Miw4MjguNjE1TDEzNS4wMDksNzIyLjAwM3ogTTcyLDY0OC42MDgNCgljMjMuMTg4LDAsNDIuMDUzLDE4Ljg2NCw0Mi4wNTMsNDIuMDUxUzk1LjE4OCw3MzIuNzExLDcyLDczMi43MTFjLTIzLjE4NywwLTQyLjA1MS0xOC44NjUtNDIuMDUxLTQyLjA1MlM0OC44MTMsNjQ4LjYwOCw3Miw2NDguNjA4DQoJeiIvPg0KPC9zdmc+");
    background-repeat: no-repeat;
    background-size: 18px auto
}

.u02searchbttn,.u02 .u02currentcr .u02cmenu-l2 a.u02currentcc:before,.u02 .u02countrymenu.u02cmenu-simple a.u02currentcc:before,.u02toolopen .u02ticon:after,.u02ticon:focus:after,.u02ticon:focus:before,.u02mobi .u02ticon:hover:before,.u02toolopen .u02ticon:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNDRweCIgaGVpZ2h0PSI4MzIuMDAxcHgiIHZpZXdCb3g9IjAgMCAxNDQgODMyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQ0IDgzMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIg0KCT4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzRjNGM0Y7IiBkPSJNMTExLjUzNCwxODUuOTVsLTE5LjA3OCwxOS4wOGMtMC41NzcsMC41NzQtMS43MTIsMS4wNDUtMi41MjQsMS4wNDVoLTEuMTU1DQoJYy0wLjgxMiwwLTEuNDc4LTAuNjY0LTEuNDc4LTEuNDc5di04Ljc4NmMwLTAuODEyLTAuNjY1LTEuNDc3LTEuNDc4LTEuNDc3aC0zLjc5NmMtMC44MTIsMC0xLjQ3OC0wLjY2NS0xLjQ3OC0xLjQ3OXYtMTguNzYyDQoJYy0yLjgwMi0wLjM0Ni01LjY1Mi0wLjUyNS04LjU0OC0wLjUyNWMtMjMuMTQzLDAtNDMuNjMzLDExLjM0Ny01Ni4yMTksMjguNzc3YzAsMCw1LjU1NC0xLjQyNiw2Ljc2MS0yLjQzN2wyNS4yODktMTIuODg0DQoJYzAuNzQyLTAuMzc4LDIuMDI3LTAuNjg4LDIuODU5LTAuNjg4aDIwLjczNWMwLjgzMiwwLDEuNTEzLDAuNjgyLDEuNTEzLDEuNTEzdjMuMzEyYzAsMC44MzEtMC42ODEsMS41MTItMS41MTMsMS41MTJoLTkuOTEzDQoJYy0wLjgzMSwwLTIuMDM3LDAuNDMxLTIuNjc5LDAuOTU5bC01LjA1Niw0LjE1M2MtMC42NDIsMC41MjgtMC41MzcsMS4yMTIsMC4yMzUsMS41MjFsNS4xMTMsMi4wNDYNCgljMC43NzIsMC4zMDksMS44ODgsMC4wODUsMi40OC0wLjQ5N2wwLjY1NC0wLjY0M2MwLjU5NC0wLjU4MiwxLjc1OS0xLjA2LDIuNTktMS4wNmgxMy42OWMwLjgzMiwwLDEuNTEyLDAuNjgxLDEuNTEyLDEuNTEydjcuNzg0DQoJYzAsMC44MzEtMC40OTIsMS45OC0xLjA5NCwyLjU1M2wtMTcuMzYzLDE2LjUyNmMtMC42MDIsMC41NzItMS4wOTQsMS43MjItMS4wOTQsMi41NTJ2OC45ODRjMCwwLjgyOS0wLjY4LDEuNTExLTEuNTEyLDEuNTExaC0yLjMzNg0KCWMtMC44MzEsMC0xLjUxMS0wLjY4Mi0xLjUxMS0xLjUxMXYtMy44ODJjMC0wLjgzLTAuNjgtMS41MTEtMS41MTEtMS41MTFINDguMTRjLTAuODMxLDAtMS41MTEsMC42ODEtMS41MTEsMS41MTF2NS42ODINCgljMCwwLjgzMiwwLjU2NiwxLjg4OSwxLjI1NywyLjM0OWw4LjUyMSw1LjY4NWMwLjY5MSwwLjQ2LDEuOTM4LDAuODM4LDIuNzY5LDAuODM4aDE1LjU4YzAuODMyLDAsMi4xMDksMC4zMjEsMi44NDMsMC43MTQNCglsMTkuNDA4LDEwLjQyMWMwLjczMiwwLjM5NCwxLjA5LDEuMzUxLDAuNzkzLDIuMTI3bC02LjQ5LDE2Ljk4OGMtMC4yOTYsMC43NzUtMS4wNTUsMS44NTQtMS42ODYsMi4zOTVsLTE2LjkzOSwxNC41NDENCgljLTAuNjMsMC41NC0xLjAxNiwxLjY1MS0wLjg1NCwyLjQ2NmwxLjMwNyw2LjYzOWMtMC4xMzYsMS41NjEtMi43NTIsMS40ODQtMi43NTIsMS40ODRjLTAuODMzLDAtMi0wLjQ3NC0yLjU5NS0xLjA1NmwtMy45OTgtMy44OTMNCgljLTAuNTk2LTAuNTgtMS4wODMtMS43MzUtMS4wODMtMi41NjV2LTQ0LjEwM2MwLTAuODMyLTAuNjgtMS41MTItMS41MTItMS41MTJoLTQuNTQ1Yy0wLjgzMSwwLTIuMDg3LTAuMzY1LTIuNzg3LTAuODExDQoJbC0xMS42MzctNy4zODVjLTAuNzAxLTAuNDQ1LTEuNjgzLTEuMzU0LTIuMTgzLTIuMDE4bC03LjQyLTkuODljLTAuNS0wLjY2NC0xLjU4Ny0xLjIwOS0yLjQxOC0xLjIwOWgtMS45MzENCgljLTAuODMxLDAtMS44MzItMC41OTktMi4yMjUtMS4zMzFjMCwwLTYuNzE3LTExLjgyLTcuMTctMTQuODg2di03LjQ4M2MwLTAuODMyLTAuNjgtMS41MTItMS41MS0xLjUxMmgtNS4xODgNCgljLTYuMDI3LDEwLjI3NS05LjQ4NSwyMi4yMzctOS40ODUsMzUuMDFjMCwzOC4yNzIsMzEuMDI3LDY5LjMwMSw2OS4zLDY5LjMwMWMzOC4yNzMsMCw2OS4zMDEtMzEuMDI4LDY5LjMwMS02OS4zMDENCglDMTQxLjMwMSwyMTkuMjkxLDEyOS41MjMsMTk4LjQ2OCwxMTEuNTM0LDE4NS45NSIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzNGM0YzRjsiIGQ9Ik03Ni4xNTUsNi42NjljLTEuMzU4LDAtMS44OTEtMC41MjctMS44MjItMS43NFYxLjQ5MkM0NS43NDIsMi44NTksNDUuOTM4LDI2LjIxNSw0NS45MzgsMjYuMjE1DQoJCXYyMi42MzJsNS45Nyw1LjE2M3Y0LjUzN2MzLjA1LDIxLjkyNSwyMC42NSwyMS4xMTcsMjAuNjUsMjEuMTE3YzAuMDMxLDAsMTcuOTksMC44NDUsMjAuODMxLTIxLjY0YzAsMC0wLjAzNy0wLjAzOCwwLTAuMTI5VjU0LjAxDQoJCWw1LjY2Ny00LjgzNlYyNy45NzhDOTguOTQzLDE3LjU1NCw4OC45MTMsNi42NjksNzYuMTU1LDYuNjY5Ii8+DQoJPGc+DQoJCTxwYXRoIHN0eWxlPSJmaWxsOiMzRjNGM0Y7IiBkPSJNMTM2LjIwNiwxMDguMzY1Yy0wLjY5OC0yLjYyNy0xLjU3NC01LjQzNy0zLjg5NS03LjIxYy0yLjQ5NS0xLjg5OS0zOC40NjEtMTcuNDM1LTM4LjQ2MS0xNy40MzUNCgkJCWwtMjEuMDQ2LDQzLjc2NGgtMC42N0w1MS4wNzcsODMuNzJMMTguNzUyLDk3LjU2N2MtNi4yNTksMi4xNTQtOS4yODQsNS43NDctMTAuMTY3LDEwLjE1NmwtNi4wNzIsNDAuMjkxTDE0MS40ODUsMTQ4DQoJCQlMMTM2LjIwNiwxMDguMzY1eiIvPg0KCTwvZz4NCjwvZz4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzRjNGM0Y7IiBkPSJNMTQxLjc2OCw0NjEuODYxbC0zNi4xMjYtMzYuODJjNS4wMDItOC4zNjQsNy44ODUtMTguMTM2LDcuODg1LTI4LjU3DQoJYzAtMzAuNzk1LTI1LjA1Mi01NS44NDctNTUuODQ3LTU1Ljg0N1MxLjgzMywzNjUuNjc2LDEuODMzLDM5Ni40NzFjMCwzMC43OTYsMjUuMDU4LDU1LjI3Nyw1NS44NDcsNTUuODQ5DQoJYzEyLjU0NywwLjIzMiwyMy42MDQtNC41NTQsMzIuNTU1LTEwLjY1OGwzNS40NTgsMzYuMTQyYzIuNDc1LDIuMTk4LDcuMjk2LDIuODYsMTIuODAyLTIuNzI5UzE0NCw0NjQuMDAyLDE0MS43NjgsNDYxLjg2MXoNCgkgTTE5LjQwNSwzOTYuNDcxYzAtMjEuMTA0LDE3LjE2OC0zOC4yNzMsMzguMjc0LTM4LjI3M2MyMS4xMDcsMCwzOC4yNzUsMTcuMTY5LDM4LjI3NSwzOC4yNzNjMCwyMS4xMDYtMTcuMTY4LDM4LjI3NS0zOC4yNzUsMzguMjc1DQoJQzM2LjU3Myw0MzQuNzQ2LDE5LjQwNSw0MTcuNTc3LDE5LjQwNSwzOTYuNDcxeiIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzNGM0YzRjsiIHBvaW50cz0iMCw1MTYuODk3IDE0NCw1MTYuODk3IDcyLDU5Ny4zOTcgIi8+DQo8cGF0aCBzdHlsZT0iZmlsbDojM0YzRjNGOyIgZD0iTTEzNS4wMDksNzIyLjAwM2M0LjcxOC05LjQ0NCw3LjM3Ny0yMC4wODgsNy4zNzctMzEuMzQ0YzAtMzguODExLTMxLjU3NC03MC4zODUtNzAuMzg2LTcwLjM4NQ0KCWMtMzguODExLDAtNzAuMzg1LDMxLjU3NC03MC4zODUsNzAuMzg1YzAsMTEuNDkzLDIuNzcsMjIuMzUxLDcuNjc1LDMxLjk0MUw3Miw4MjguNjE1TDEzNS4wMDksNzIyLjAwM3ogTTcyLDY0OC42MDgNCgljMjMuMTg4LDAsNDIuMDUzLDE4Ljg2NCw0Mi4wNTMsNDIuMDUxUzk1LjE4OCw3MzIuNzExLDcyLDczMi43MTFjLTIzLjE4NywwLTQyLjA1MS0xOC44NjUtNDIuMDUxLTQyLjA1MlM0OC44MTMsNjQ4LjYwOCw3Miw2NDguNjA4DQoJeiIvPg0KPC9zdmc+");
    opacity: 1
}

.u02searchbttn {
    opacity: .8
}

.u02ticon:after {
    background-size: 9px auto;
    background-position: 0 -32px;
    display: inline-block;
    width: 9px;
    height: 5px;
    content: " ";
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
    font-size: 0;
    line-height: 0;
    opacity: .7
}

.u02ticon.u02user:after {
    margin: 0
}

.u02ticon:before {
    display: inline-block;
    width: 19px;
    height: 18px;
    content: " ";
    position: relative;
    top: 3px;
    margin: 0;
    font-size: 0;
    line-height: 0
}

.u02ticon.u02regn:before {
    background-position: 0 -21px;
    right: -8px;
    margin: 0 6px 0 9px
}

.u02ticon.u02srch:before {
    background-position: 0 -42px;
    right: -10px;
    margin: 0 6px 0 5px
}

.u02toolopen a.u02ticon {
    color: #333
}

.u02mobi a.u02ticon:focus {
    outline: 0
}

.u02toolpop {
    visibility: hidden;
    position: absolute;
    top: 55px;
    right: -13px;
    background: #fff;
    border: #dadde0 1px solid;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .2s ease,visibility 0s linear .4s;
    -moz-transition: top .3s ease,opacity .25s ease,visibility 0s linear .4s;
    transition: top .3s ease,opacity .25s ease,visibility 0s linear .4s;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3)
}

.u02toolpop>i {
    width: 24px;
    height: 12px;
    background: url("//www.oracleimg.com/us/assets/u02-sprite.png") -34px -61px no-repeat;
    display: block;
    content: " ";
    position: absolute;
    top: -12px;
    right: 18px;
    z-index: 6;
    opacity: 1
}

.u02toolpop:after {
    height: 17px;
    display: block;
    content: " ";
    position: absolute;
    top: -17px;
    right: 0;
    left: 0;
    z-index: 5
}

.u02toolopen .u02toolpop {
    visibility: visible;
    top: 40px;
    opacity: 1;
    -webkit-transition: top .3s ease,opacity .2s ease,visibility 0s linear 0s;
    -moz-transition: top .3s ease,opacity .25s ease,visibility 0s linear 0s;
    transition: top .3s ease,opacity .25s ease,visibility 0s linear 0s
}

.u02mobi .u02toolpop {
    top: 75px
}

.u02mobi .u02toolopen .u02toolpop {
    top: 59px
}

.u02searchbttn {
    top: 5px;
    right: 11px;
    width: 25px;
    height: 25px;
    border: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    display: block;
    text-indent: -20000px;
    overflow: hidden;
    background-color: #fff;
    background-size: 25px auto;
    background-position: 0 -59px
}

.u02searchbttn:focus {
    outline: 1px dotted #999;
    outline-offset: 4px
}

.u02searchbttn::-moz-focus-inner {
    border: 0px
}

.u02toolpop.u02search {
    width: 324px;
    height: 62px
}

.u02toolpop input#txtSearch {
    width: 244px;
    height: 35px;
    border: 0;
    background: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    color: #aaa;
    position: absolute;
    top: 14px;
    left: 51px;
    padding-left: 5px;
    outline: 2px solid #fff;
    -webkit-transition: border .25s ease,outline .25s ease;
    -moz-transition: border .25s ease,outline .25s ease;
    transition: border .25s ease,outline .25s ease
}

.u02toolpop input#txtSearch:focus {
    color: #333;
    outline: 2px solid #fff
}

.u02toolpop input#txtSearch.serror {
    background: #fcc;
    outline: 2px solid #f00;
    color: #f00
}

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

.u02search .ui-autocomplete {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    border: #dadde0 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 .u02search .ui-autocomplete {
    height: 250px;
    width: 1px
}

.u02search .ui-menu {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: block;
    outline: none;
    left: -1px !important;
    top: 45px !important;
    width: 324px !important
}

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

.u02search .ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    width: 100%;
    font-size: 15px
}

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

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

.u02search .ui-menu .ui-menu-item.ui-state-focus,.u02search .ui-menu .ui-menu-item.ui-state-active {
    font-weight: normal;
    background: #f3f4f5;
    color: #1F4F82 !important
}

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

.u02search .ui-autocomplete::-webkit-scrollbar-track {
    background: #fff;
    border-left: 1px solid #ddd
}

.u02search .ui-autocomplete::-webkit-scrollbar-thumb {
    background: #ddd
}

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

.u02usernoname:before {
    margin-right: 0
}

.u02usernoname:after {
    margin-left: 0
}

.u02tools a span.u02signin {
    display: none
}

.u02tools .u02toolsloggedout a span.u02hello {
    display: none
}

.u02tools .u02toolsloggedout a span.u02signin {
    display: inline
}

.u02userloggedout {
    display: none !important
}

.u02toolsloggedout .u02userloggedin {
    display: none !important
}

.u02toolsloggedout .u02userloggedout {
    display: block !important
}

.u02toolpop.u02userloggedout {
    width: 490px;
    right: -103px
}

.u02toolpop.u02userloggedout>i {
    right: 124px
}

.u02toolpop.u02userloggedin {
    width: 300px;
    right: -103px
}

.u02toolpop.u02userloggedin>i {
    right: 98px
}

.u02userin {
    display: table;
    margin: 23px 0
}

.u02userin>div {
    display: table-cell;
    padding: 3px 24px;
    width: 50%
}

.u02userin>div.u02userinw2 {
    border-left: 1px #dadde0 solid
}

.u02userin * {
    line-height: 1.25
}

.u02userin h5 {
    font-size: 16px;
    color: #333;
    margin: 0 0 6px
}

.u02userin p {
    font-size: 14px;
    color: #333;
    margin: 0 0 11px
}

.u02bttn {
    font-size: 15px;
    color: #fff !important;
    display: inline-block;
    clear: both;
    background: #1f4f82;
    padding: 6px 12px;
    margin: 0 .8em 0 0;
    -webkit-transition: background .2s ease,color .2s ease;
    -moz-transition: background .2s ease,color .2s ease;
    transition: background .2s ease,color .2s ease
}

.u02bttn:hover,.u02bttn:focus {
    color: #fff !important;
    background: #708087;
    text-decoration: none;
    outline: 0
}

#u02usertools {
    padding: 15px 0
}

#u02usertools a:focus {
    outline: dotted #63757d 1px;
    outline-offset: 4px
}

#u02usertools li hr {
    margin: 8px -18px
}

#u02usertools li {
    font-size: 15px;
    padding: 6px 18px
}

#u02usertools li.u02uname {
    font-weight: bold;
    padding: 6px 18px 0;
    line-height: 1.6;
    margin-right: .5em;
    overflow: hidden
}

#u02usertools li.u02uacct {
    font-size: 14px;
    padding: 6px 18px 0;
    line-height: 1.8;
    margin-right: .5em;
    overflow: hidden
}

#u02usertools li.u02uname+li.u02uacct {
    padding-top: 0
}

.u02cback {
    display: none
}

.u02toolskiptxt .u02cback {
    display: block
}

.u02toolskiptxt .u02skiptxt {
    display: inline
}

#u02cmenu .u02toolpop {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.u02 .u02cmenupop.u02toolpop>i {
    top: -11px;
    right: 62px
}

.u02cmenupop a {
    visibility: hidden
}

.u02cmenu-simple a {
    visibility: visible
}

.u02toolopen .u02cmenupop .u02clink,.u02toolopen .u02cmenupop .u02currentcr a {
    visibility: visible
}

.u02 .u02cmenupop {
    border: 0;
    right: -54px
}

.u02 .u02countrymenu {
    width: 560px;
    position: relative;
    top: -3000px;
    -webkit-transition: top 0s ease .15s;
    -moz-transition: top 0s ease .15s;
    transition: top 0s ease .15s
}

.u02 .u02countrymenu.u02cm3cols {
    width: 700px
}

.u02 .u02toolopen .u02countrymenu {
    top: 0;
    -webkit-transition: top 0s ease 0s;
    -moz-transition: top 0s ease 0s;
    transition: top 0s ease 0s
}

.u02 .u02cmenu-l2:before {
    width: 34%;
    background: #e8e9eb;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    bottom: 0
}

.u02 .u02cm3cols .u02cmenu-l2:before {
    width: 28%
}

.u02 .u02countrymenu a {
    font-size: 15px;
    display: block
}

.u02 .u02currentcr>a,.u02 .u02currentcr>a:hover,.u02 .u02currentcr>a:focus {
    background: #fff !important
}

.u02 .u02currentcr .u02cmenu-l2 {
    visibility: visible
}

.u02 .u02cmenu-l1 {
    padding: 18px 0
}

.u02 .u02cmenu-l1>li {
    width: 34%
}

.u02 .u02countrymenu.u02cm3cols .u02cmenu-l1>li {
    width: 28%
}

.u02 .u02cmenu-l1>li>a {
    position: relative;
    z-index: 2;
    color: #252525;
    padding: 7px 8px 7px 18px;
    left: 1px
}

.u02 .u02cmenu-l1>li>a:hover {
    background: #f3f4f5;
    text-decoration: none
}

.u02 .u02cmenu-l1>li>a:focus {
    background: #f3f4f5;
    text-decoration: underline;
    outline: 0
}

.u02 .u02cmenu-l2 {
    position: absolute;
    top: 0;
    left: 34%;
    width: 66%;
    padding: 17px 0 17px 34%;
    background: #fff;
    margin-left: -34%;
    border: #dadde0 1px solid;
    visibility: hidden;
    min-height: 260px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3)
}

.u02 .u02countrymenu.u02cmenu-simple {
    background: #fff;
    padding: 17px 0;
    border: #dadde0 1px solid;
    width: 300px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3)
}

.u02 .u02countrymenu.u02cmenu-simple.u02cmenu-simple2col {
    width: 370px;
    float: left
}

.u02 .u02cmenu-simple2col ul {
    width: 50%;
    float: left
}

.u02 .u02cm3cols .u02cmenu-l2 {
    padding-left: 28%;
    margin-left: -28%;
    width: 72%;
    left: 28%
}

.u02 .u02cmenu-l2 ul {
    float: left;
    width: 50%
}

.u02 .u02cmenu-l2.u02cm3cols ul {
    width: 33.22%
}

.u02 .u02cmenu-l2 ul a,.u02 .u02countrymenu.u02cmenu-simple a {
    padding: 7px 8px 7px 30px;
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    transition: opacity .8s ease
}

.u02 .u02currentcr .u02cmenu-l2 ul a,.u02 .u02countrymenu.u02cmenu-simple ul a {
    opacity: 1
}

.u02 .u02currentcr .u02cmenu-l2 a.u02currentcc,.u02 .u02currentcr .u02cmenu-l2 a.u02currentcc:hover,.u02 .u02countrymenu.u02cmenu-simple li {
    position: relative
}

.u02 .u02countrymenu.u02cmenu-simple a.u02currentcc,.u02 .u02countrymenu.u02cmenu-simple a.u02currentcc:hover {
    color: #252525;
    text-decoration: none;
    cursor: default
}

.u02 .u02currentcr .u02cmenu-l2 a:before,.u02 .u02countrymenu.u02cmenu-simple a:before {
    display: block;
    margin: 0;
    width: 16px;
    height: 24px;
    content: " ";
    position: absolute;
    left: 9px;
    top: -7px;
    opacity: 0;
    background-size: 16px auto !important;
    background-position: 0 -68px;
    -webkit-transition: opacity .2s ease,top 0s ease .2s;
    -moz-transition: opacity .2s ease,top 0s ease .2s;
    transition: opacity .2s ease,top 0s ease .2s
}

.u02 .u02currentcr .u02cmenu-l2 a:focus,.u02 .u02countrymenu.u02cmenu-simple a:focus {
    outline: 0;
    text-decoration: underline
}

.u02 .u02currentcr .u02cmenu-l2 a:hover:before,.u02 .u02currentcr .u02cmenu-l2 a:focus:before,.u02 .u02countrymenu.u02cmenu-simple a:hover:before,.u02 .u02countrymenu.u02cmenu-simple a:focus:before {
    top: 7px;
    opacity: 1;
    -webkit-transition: opacity .2s ease .2s,top .4s ease .1s;
    -moz-transition: opacity .2s ease .2s,top .4s ease .1s;
    transition: opacity .2s ease .2s,top .4s ease .1s
}

.u02 .u02currentcr .u02cmenu-l2 a:focus,.u02 .u02countrymenu.u02cmenu-simple a:focus {
    outline: dotted #63757d 1px;
    outline-offset: -4px
}

.u02 .u02currentcr .u02cmenu-l2 a:focus:before,.u02 .u02countrymenu.u02cmenu-simple a:focus:before {
    outline: 0
}

.u02 .u02currentcr .u02cmenu-l2 a.u02currentcc:before,.u02 .u02countrymenu.u02cmenu-simple a.u02currentcc:before {
    display: block !important;
    margin: 0;
    width: 16px;
    height: 24px;
    content: " ";
    position: absolute;
    left: 9px;
    top: 7px;
    opacity: 1
}

.u02 .u02currentcr .u02cmenu-l2 a.u02cblink:before,.u02 .u02countrymenu.u02cmenu-simple a.u02cblink:before {
    display: none
}

.u02smap {
    padding-top: 3em
}

.u02smap a {
    font-size: 16px
}

.u02smap hr {
    margin: .4em 0;
    width: 100%
}

.u02smap .u02menu-l2>ul>li>hr {
    margin-left: -.5em
}

.u02smap .u02menu-l3>ul>li>hr {
    margin-left: -1em
}

.u02smap h5 {
    font-size: 16px;
    color: #333;
    margin: 0 0 .4em 0;
    padding: 0 0 .2em
}

.u02smap h6 {
    font-weight: normal;
    font-size: 16px;
    color: #666;
    margin: 0;
    padding: 0
}

.u02smap li {
    margin: 0
}

#u02mainmenu {
    background: #efefef;
    position: relative
}

.u02smap .u02menu-l2 {
    margin: 1.2em 0 1.2em 1em;
    padding: 1em 0;
    display: block
}

.u02smap .u02menu-l3 {
    margin: 0 0 .4em 1em;
    display: block
}

.u02smap .u02menu-l1>ul>li>a {
    background: #efefef;
    padding: .5em .8em 1em;
    display: block
}

.u02smap .u02menu-l1>ul>li>h5 {
    background: #999;
    color: #fff;
    padding: .8em 1em;
    font-size: 22px;
    font-size: 2.2rem;
    border-top: #fff solid 1em
}

.u02smap .u02menu-l1>ul>li>h5:after {
    display: none
}

.u02smap .u02countrymenu>ul>li {
    float: left;
    width: 25%
}

.u02smap .u02countrymenu {
    margin: 0 0 3em;
    float: left;
    width: 100%
}

#u02mainmenu .u02menu-l1 h6 {
    margin-bottom: 0.5em
}

@media (min-width: 0) and (max-width: 1240px) {
    .f01 .u02w1 {
        margin: 0;
        width: 100%
    }

    .f01.f01r1 .u02w1 {
        width: auto;
        min-width: 974px
    }

    .f01.f01r1 .u02logo:after {
        display: none
    }
}

@media (min-width: 0) and (max-width: 1460px) {
    .f01:not(.f01r1) .u02 .u02menu-l3 {
        left: 200px;
        width: 200px
    }

    .f01:not(.f01r1) .u02 .u02menu-l2 {
        left: 200px;
        width: 400px
    }

    .f01:not(.f01r1) .u02 .u02mlink ul,.f01:not(.f01r1) .u02 .u02menu-l1 {
        width: 200px
    }

    .f01:not(.f01r1) .u02 .u02lbg {
        width: 200px
    }

    .f01:not(.f01r1) .u02l2bg {
        left: 200px
    }

    .f01:not(.f01r1) .u02l3bg {
        left: 400px
    }

    .f01:not(.f01r1) .u02 .u02mainmenu a,.f01:not(.f01r1) .u02 .u02mainmenu h6 {
        font-size: 14px
    }
}

@media (min-width: 974px) and (max-width: 1220px) {
    .u02 .u02menu-l3 {
        left: 200px;
        width: 200px
    }

    .u02 .u02menu-l2 {
        left: 200px;
        width: 400px
    }

    .u02 .u02mlink ul,.u02 .u02menu-l1 {
        width: 200px
    }

    .u02 .u02lbg {
        width: 200px
    }

    .u02l2bg {
        left: 200px
    }

    .u02l3bg {
        left: 400px
    }

    .u02 .u02mainmenu a,.u02 .u02mainmenu h6 {
        font-size: 14px
    }
}

@media (min-width: 0) and (max-width: 1220px) {
    .f01 .u02 .u02menu-l3 {
        left: 200px;
        width: 200px
    }

    .f01 .u02 .u02menu-l2 {
        left: 200px;
        width: 400px
    }

    .f01 .u02 .u02mlink ul,.f01 .u02 .u02menu-l1 {
        width: 200px
    }

    .f01 .u02 .u02lbg {
        width: 200px
    }

    .f01 .u02l2bg {
        left: 200px
    }

    .f01 .u02l3bg {
        left: 400px
    }

    .f01 .u02 .u02mainmenu a,.f01 .u02 .u02mainmenu h6 {
        font-size: 14px
    }
}

@media (min-width: 0) and (max-width: 1240px) {
    .f11 .u02tools,.f01.f01r1 .u02tools {
        right: 1.9%
    }
}

@media (min-width: 0) and (max-width: 1180px) {
    .f11 .u02logo:after {
        display: none
    }
}

@media (min-width: 0) and (max-width: 1100px) {
    .u02glinks {
        top: 25px
    }

    .u02glinks li {
        padding: 20px 2px 0 16px
    }

    .u02glinks li a {
        font-size: 16px;
        padding: 0
    }

    .u02mlinkw1 a {
        padding: 2px 0px 8px 2px;
        font-size: 16px
    }

    .u02mlinkw1 a .u02hamenu,.u02mlinkw2:before {
        top: 3px;
        width: 28px
    }

    .f01r1 .u02glinks {
        top: 25px
    }

    .f01r1 .u02glinks li {
        padding: 20px 2px 0 16px
    }

    .f01r1 .u02glinks li a {
        font-size: 16px;
        padding: 0
    }

    .f01r1 .u02mlinkw1 a {
        padding: 2px 0px 8px 2px;
        font-size: 16px
    }

    .f01r1 .u02mlinkw1 a .u02hamenu,.f01r1 .u02mlinkw2:before {
        top: 3px;
        width: 28px
    }
}

.f01:not(.f01r1) .u02glinks {
    top: 25px
}

.f01:not(.f01r1) .u02glinks li {
    padding: 20px 2px 0 16px
}

.f01:not(.f01r1) .u02glinks li a {
    font-size: 16px;
    padding: 0
}

.f01:not(.f01r1) .u02mlinkw1 a {
    padding: 2px 0px 8px 2px;
    font-size: 16px
}

.f01:not(.f01r1) .u02mlinkw1 a .u02hamenu,.f01:not(.f01r1) .u02mlinkw2:before {
    top: 3px;
    width: 28px
}

@media \0screen\,screen\9 {
    .u02logo {
        background: url("//www.oracleimg.com/us/assets/u02-sprite-ie8.png") 100% 0 no-repeat
    }

    .u02logo span {
        display: none
    }

    .u02logo:before {
        background: url("//www.oracleimg.com/us/assets/u02-sprite-ie8.png") -14px 0 no-repeat;
        top: 0;
        height: 108px
    }

    .u02w1 {
        width: auto;
        min-width: 974px
    }

    .u02lbg {
        display: none !important
    }

    .u02 .u02menu-l3 {
        left: 200px;
        width: 200px
    }

    .u02 .u02menu-l2 {
        left: 200px;
        width: 400px
    }

    .u02 .u02mlink ul,.u02 .u02menu-l1 {
        width: 200px
    }

    .u02 .u02lbg {
        width: 200px
    }

    .u02l2bg {
        left: 200px
    }

    .u02l3bg {
        left: 400px
    }

    .u02 .u02mainmenu a,.u02 .u02mainmenu h6 {
        font-size: 14px
    }

    .u02dtop .u02mainmenu a,.u02dtop .u02mainmenu h6 {
        padding: .45em 1.75em .4em 1.2667em
    }

    .u02glinks {
        top: 25px
    }

    .u02glinks li {
        padding: 20px 2px 0 16px
    }

    .u02glinks li a {
        font-size: 16px;
        padding: 0
    }

    .u02mlinkw1 a {
        padding: 2px 0px 8px 2px;
        font-size: 16px
    }

    .u02mlinkw1 a .u02hamenu,.u02mlinkw2:before {
        top: 3px;
        width: 28px
    }

    .u02 .u02currentcr .u02cmenu-l2 a:before,.u02searchbttn,.u02 .u02currentcr .u02cmenu-l2 a.u02currentcc:before,.u02 #u02cmenu .u02currentcr .u02cmenu-l2 a:hover:before,.u02ticon:before,.u02ticon:after {
        background-image: url("//www.oracleimg.com/us/assets/u02-sprite-ie8.png") !important;
        background-size: auto auto
    }

    .u02ticon:after {
        background-position: -83px -110px
    }

    .u02ticon:before {
        background-position: 0 -110px
    }

    .u02ticon.u02regn:before {
        background-position: -21px -110px
    }

    .u02ticon.u02srch:before {
        background-position: -43px -110px
    }

    .u02toolopen .u02ticon:after {
        background-position: -83px -124px
    }

    .u02toolopen .u02ticon:before {
        background-position: -96px -110px
    }

    .u02toolopen .u02ticon.u02regn:before {
        background-position: -117px -110px
    }

    .u02toolopen .u02ticon.u02srch:before {
        background-position: -139px -110px
    }

    .u02ticon:before {
        background-position: 0 -110px
    }

    .u02ticon.u02regn:before {
        background-position: -21px -110px
    }

    .u02ticon.u02srch:before {
        background-position: -43px -110px
    }

    .u02searchbttn {
        background-position: -238px -110px
    }

    .u02 .u02currentcr .u02cmenu-l2 a:before {
        display: none
    }

    .u02 .u02currentcr .u02cmenu-l2 a.u02currentcc:before {
        background-position: -159px -110px !important
    }

    .u02 #u02cmenu .u02currentcr .u02cmenu-l2 a:hover:before {
        display: block;
        margin: 0;
        width: 16px;
        height: 24px;
        content: " ";
        background-position: -65px -110px;
        position: absolute;
        left: 9px;
        top: 7px;
        opacity: 1
    }

    .u02toolpop input#txtSearch {
        padding-top: 5px
    }

    .u02toolpop input#txtSearch.serror {
        background: #fee
    }

    a.u02xlink:after {
        background: url("//www.oracleimg.com/us/assets/u02-sprite-ie8.png") -3000px 0 no-repeat
    }

    a.u02xlink:focus:after,a.u02xlink:hover:after {
        background-position: -182px -116px
    }
}

@media (min-width: 0) and (max-width: 974px) {
    .f11 .u02haml .u02mlinkw1 a {
        padding-top: 0 !important
    }

    .f11 #u02menulink:before {
        display: inline-block;
        width: 31px;
        height: 20px;
        top: 2px;
        position: relative;
        background: url("//www.oracleimg.com/us/assets/u02-sprite.png") -178px -60px no-repeat;
        content: ""
    }

    .f11 .u02haml #u02menulink:before {
        display: none
    }

    .f11 .u02 {
        border-bottom: 1px solid #dfe3e6;
        height: 59px
    }

    .f11 .u02w1 {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .f11 .u02mlink,.f11 .u02menu {
        height: 59px
    }

    .f11 .u02glinks {
        display: none
    }

    .f11 .u02w1,.f11 .u02logo,.f11 .u02mlink.u02mobio,.f11 .u02tools a.u02ticon {
        height: 60px
    }

    .f11 .u02logo {
        width: 148px;
        left: 178px;
        -webkit-transition: left .4s ease;
        -moz-transition: left .4s ease;
        transition: left .4s ease
    }

    .f11 .u02mlinkw1 a .u02hamenu,.f11 .u02mlinkw1 a .u02hamenu {
        top: 2px;
        width: 31px
    }

    .f11 .u02logo span {
        width: 112px;
        height: 15px;
        top: -1px
    }

    .f11 .u02logo:before {
        top: 16px;
        left: -161px;
        width: 144px;
        height: 32px
    }

    .f11 .u02logo:after {
        display: none
    }

    .f11 .u02menu {
        margin-left: 0
    }

    .f11 .u02mlinkw2,.f11 .u02mlinkw1:after,.f11 .u02ticon:after {
        display: none
    }

    .f11 .u02mlinkw1 {
        display: table;
        height: 100%;
        width: 100%;
        float: none;
        padding: 0
    }

    .f11 .u02mlinkw1 a {
        display: table-cell;
        height: 100%;
        width: 100%;
        float: none;
        vertical-align: middle;
        text-align: center
    }

    .f11 .u02mlink {
        right: 0;
        left: auto;
        position: absolute
    }

    .f11 .u02toolpop:after {
        display: none
    }

    .f11 .u02tools {
        right: 88px;
        top: 0
    }

    .f11 .u02tools a.u02user span {
        position: absolute;
        top: -999px;
        white-space: nowrap;
        visibility: hidden
    }

    .f11 .u02tools a.u02ticon:focus {
        margin-bottom: 0
    }

    .f11 .u02tools a.u02ticon {
        display: block;
        width: 41px;
        text-align: center
    }

    .f11 .u02tools a.u02ticon:before {
        margin: 17px 0 0;
        left: auto;
        right: auto
    }

    .f11 .u02tools>ul>li:hover {
        padding-bottom: 0
    }

    .f11 .u02cmenupop {
        right: -52px
    }

    .f11 .u02toolpop.u02userloggedout {
        right: -95px
    }

    .f11 .u02toolpop.u02userloggedout>i {
        right: 104px
    }

    .f11 .u02toolpop.u02userloggedin {
        right: -95px
    }

    .f11 .u02toolpop.u02userloggedin>i {
        right: 104px;
        margin-right: 0 !important
    }

    .f11 .u02mlinkw1 a {
        padding: 0 22px;
        border-left: 1px solid #dfe3e6
    }

    .f11 .u02mlinkw1 a .u02hamenu {
        margin-right: 0
    }

    .f11 #u02countrymenu>div>ul>li {
        width: 50%;
        margin-bottom: 1em;
        line-height: 27px;
        line-height: 3rem
    }

    .f11 #u02mainmenu .u02menu-l1>ul>li {
        line-height: 27px;
        line-height: 3rem
    }
}

@media (min-width: 0) and (max-width: 780px) {
    .f11 .u02countrymenu.u02cm3cols {
        width: 520px
    }

    .f11 .u02countrymenu.u02cm3cols .u02cmenu-l1>li {
        width: 50%
    }

    .f11 .u02countrymenu.u02cm3cols .u02cmenu-l2 {
        left: 50%;
        width: 50%;
        padding-left: 50%;
        margin-left: -50%
    }

    .f11 .u02cm3cols .u02cmenu-l2 ul {
        float: none;
        width: 100% !important
    }

    .f11 .u02cm3cols .u02cmenu-l2:before {
        width: 50%
    }
}

@media (min-width: 0) and (max-width: 660px) {
    .f11 .u02toolpop.u02userloggedout {
        width: 420px;
        right: -136px
    }

    .f11 .u02toolpop.u02userloggedout>i {
        right: 144px
    }

    .f11 .u02toolpop.u02userloggedin {
        width: 300px;
        right: -136px
    }

    .f11 .u02toolpop.u02userloggedin>i {
        right: 144px
    }

    .f11 .u02toolpop.u02search {
        right: -54px
    }

    .f11 .u02toolpop.u02search>i {
        right: 65px
    }

    .f11 .u02toolpop.u02cmenupop {
        right: -93px
    }

    .f11 .u02toolpop.u02cmenupop>i {
        right: 103px
    }

    .f11 .u02cmenupop {
        right: -102px
    }

    .f11 .u02countrymenu,.f11 .u02countrymenu.u02cm3cols {
        width: 420px
    }

    .f11 .u02cmenu-l1>li {
        width: 50%
    }

    .f11 .u02cmenu-l2 {
        left: 50%;
        width: 50%;
        padding-left: 50%;
        margin-left: -50%
    }

    .f11 .u02cmenu-l2 ul {
        float: none;
        width: 100% !important
    }

    .f11 .u02cmenu-l2:before {
        width: 50%
    }
}

@media (min-width: 0) and (max-width: 585px) {
    .f11 .u02mlink,.f11 .u02menu,.f11 .u02 {
        height: 47px
    }

    .f11 .u02logo {
        width: 120px;
        left: 134px
    }

    .f11 .u02logo span {
        width: 94px;
        height: 13px;
        top: 0
    }

    .f11 .u02logo:before {
        top: 13px;
        left: -121px;
        width: 104px;
        height: 23px
    }

    .f11 .u02w1,.f11 .u02logo,.f11 .u02mlink.u02mobio,.f11 .u02tools a.u02ticon {
        height: 48px
    }

    .f11 .u02tools a.u02ticon:before {
        margin: 12px 0 0
    }

    .f11 .u02tools {
        right: 68px
    }

    .f11 .u02mlinkw1 a {
        padding: 0 16px
    }

    .f11 .u02mobi .u02mainmenu {
        top: 48px
    }

    .f11 .u02mobi .u02toolpop {
        top: 60px
    }

    .f11 .u02mobi .u02toolopen .u02toolpop {
        top: 47px
    }
}

@media (min-width: 0) and (max-width: 466px) {
    .f11 #u02skip2content {
        left: 1%
    }

    .f11 #u02skip2content a {
        font-size: 13px;
        margin: 0
    }

    .f11 .u02logo {
        width: 120px;
        left: 0
    }

    .f11 .u02mlink {
        position: static;
        float: right
    }

    .f11 .u02mlinkw1 a {
        padding: 0 13px
    }

    .f11 .u02.u02mobi .u02mainmenu,.f11 .u02.u02mobi .u02menu-l3 {
        width: 100%
    }

    .f11 .u02.u02mobi .u02menu-l2 {
        width: 200%
    }

    .f11 .u02.u02mobi .u02mlink ul,.f11 .u02.u02mobi .u02menu-l1 {
        width: 100%
    }

    .f11 .u02.u02mobi .u02menu-l2>ul {
        width: 50%
    }

    .f11 .u02 .u02menu-l2 {
        left: 100%;
        width: 200%
    }

    .f11 .u02 .u02menu-l3 {
        left: 100%
    }

    .f11 .u02mobi .u02mlink .u02l2open .u02menu-l1 {
        right: 100%
    }

    .f11 .u02mobi .u02mlink .u02l3open .u02menu-l1 {
        right: 200%
    }

    .f11 .u02 .u02cmenu-simple ul {
        width: 100%
    }

    .f11 .u02 .u02cmenu-simple2col ul {
        width: 50%
    }

    .f11 .u02menu,.f11 .u02tools {
        float: right
    }

    .f11 .u02menu,.f11 .u02tools,.f11 .u02tools>ul>li {
        position: static
    }

    .f11 .u02tools>ul {
        position: static;
        margin-right: 5px
    }

    .f11 .u02toolpop {
        right: 0 !important
    }

    .f11 .u02toolpop,.f11 .u02search .ui-menu {
        width: 100% !important
    }

    .f11 .u02toolpop.u02search>i {
        right: 72px
    }

    .f11 .u02toolpop.u02userloggedout>i,.f11 .u02toolpop.u02userloggedin>i {
        right: 153px
    }

    .f11 .u02toolpop.u02cmenupop>i {
        right: 114px
    }

    .f11 .u02toolpop input#txtSearch {
        width: 77%
    }

    .f11 .u02userin {
        display: block;
        margin: 0 24px
    }

    .f11 .u02userin>div {
        display: block;
        width: auto;
        padding: 24px 0
    }

    .f11 .u02userin>div.u02userinw2 {
        border-left: 0;
        border-top: 1px #dadde0 solid
    }

    .f11 .u02toolpop.u02cmenupop {
        right: -107px
    }

    .f11 .u02 .u02cmenu-l1>li>a {
        left: 0px;
        color: #1f4f82 !important;
        margin-right: 0px
    }

    .f11 .u02 .u02currentcr>a {
        background: transparent !important
    }

    .f11 .u02cmenu-l1 {
        position: relative;
        left: 0%;
        -webkit-transition: left .4s ease;
        -moz-transition: left .4s ease;
        transition: left .4s ease
    }

    .f11 .u02cmenu-l1.u02showcntry {
        left: -100%
    }

    .f11 .u02 .u02cmenu-l1>li>a:hover,.f11 .u02 .u02cmenu-l1>li>a:focus {
        background: #fff;
        text-decoration: underline;
        outline: 0
    }

    .f11 .u02countrymenu {
        width: 100% !important;
        overflow: hidden
    }

    .f11 .u02countrymenu>ul {
        width: 200%
    }

    .f11 .u02cmenu-l1>li:last-child {
        padding-bottom: 20px;
        border-bottom: 1px solid #dadde0
    }

    .f11 .u02cmenu-l1>li {
        width: 50%;
        background: #fff;
        border: 0
    }

    .f11 .u02cmenu-l2,.f11 .u02countrymenu.u02cm3cols .u02cmenu-l2 {
        left: 50%;
        width: 50%;
        padding-left: 0;
        margin-left: 0;
        top: 0;
        padding-top: 0;
        border-right: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .f11 .u02cmenupop.u02toolpop {
        background: transparent
    }

    .f11 .u02cmenupop.u02toolpop:before {
        display: block;
        width: 100%;
        top: 0;
        background: #fff;
        height: 20px;
        content: " ";
        border-top: 1px solid #dadde0;
        position: absolute
    }

    .f11 .u02cmenu-l2 ul {
        float: none;
        width: 100%
    }

    .f11 a.u02cblink .u02skiptxt,.f11 .u02cmenu-l2:before {
        display: none
    }

    .f11 .u02cback {
        position: relative;
        display: block
    }

    .f11 a.u02cblink {
        font-weight: bold;
        padding: 1em 1em .9em 64px !important;
        border-bottom: 1px solid #dadde0;
        margin-bottom: 1em
    }

    .f11 a.u02cblink:after {
        display: block;
        margin: -.6em 0 0 0;
        width: 1.2em;
        height: 1.2em;
        content: " ";
        background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NTYuODUycHgiIGhlaWdodD0iNjU2Ljg1MnB4IiB2aWV3Qm94PSIwIDAgNjU2Ljg1MiA2NTYuODUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iaWNuLWN2LXJpZ2h0Ij48cG9seWdvbiBmaWxsPSIjMWY0ZjgyIiBwb2ludHM9IjMzMC43OTEsNjU2Ljg1MyA1NDcuMDg1LDY1Ni44NTMgMjE3LjI4OSwzMjcgNTQ0LjI2OSwwIDMyNy45NjgsMCAwLDMyNy45ODUiLz48L2c+PGcgaWQ9IkxheWVyXzFfMV8iPjwvZz48L3N2Zz4=") no-repeat;
        background-size: auto 100%;
        position: absolute;
        left: 1.2667em;
        top: 50%
    }

    .f11 a.u02cblink:after:hover {
        opacity: .6
    }

    .f11 .u02cmenu-l2 a {
        visibility: hidden !important
    }

    .f11 .u02showcntry .u02currentcr .u02cmenu-l2 a {
        visibility: visible !important
    }

    .f11 .u02cmenu-l2 li.u02cback a.u02cblink:hover:before,.f11 .u02cmenu-l2 li.u02cback a.u02cblink:before {
        display: block;
        content: " ";
        width: 1px;
        background: #dadde0;
        top: .7em;
        bottom: .7em;
        position: absolute;
        left: 49px;
        opacity: 1;
        height: auto
    }

    .f11 #u02countrymenu>div>ul>li {
        width: 100%;
        margin: 1em 0
    }
}

@media (min-width: 467px) {
    .u02cmenu-l1 {
        height: auto !important
    }
}

@media (min-width: 0) and (max-width: 385px) {
    .f11 .u02 .u02cmenu-simple2col ul {
        width: 100%
    }
}

@media (min-width: 0) and (max-width: 340px) {
    .f11 .u02logo {
        width: 120px;
        left: 0
    }

    .f11 .u02logo:before {
        display: none
    }

    .f11 .u02tools a.u02ticon {
        width: 36px
    }

    .f11 .u02tools {
        right: 66px
    }

    .f11 .u02tools>ul {
        margin-right: 3px
    }

    .f11 .u02toolpop.u02search>i {
        right: 68px
    }

    .f11 .u02toolpop.u02userloggedout>i,.f11 .u02toolpop.u02userloggedin>i {
        right: 139px
    }

    .f11 .u02toolpop.u02cmenupop>i {
        right: 104px
    }
}

@media (max-height: 700px) {
    .u02dtop .u02mainmenu a,.u02dtop .u02mainmenu h6 {
        padding: .45em 1.75em .4em 1.2667em
    }
}

/*! U01 */
.u01 {
    height: 108px;
    float: left;
    width: 1012px;
    padding: 0;
    z-index: 7;
    position: relative;
    color: #333;
    margin: 0 -19px
}

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: none;
    padding: 5px 0 0 205px;
    width: 788px;
    *z-index: 1
}

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

.f01r1 .u01 {
    float: none;
    margin: 0 auto;
    background: transparent;
    filter: none
}

.u01:before,.f01r1 .f01bg4u01:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 52px;
    width: 100%;
    max-width: 1600px;
    background: #fff;
    background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
    background: -o-linear-gradient(top, #eee 0%, #fff 100%);
    background: -ms-linear-gradient(top, #eee 0%, #fff 100%);
    background: linear-gradient(to bottom, #eee 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 )
}

.f01r1 .u01:before {
    display: none
}

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

.u01hover .u01z1 {
    background: url("//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("//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("//www.oracleimg.com/us/assets/u01-redsprite.png") no-repeat -1px -1687px
}

.u01nav>li.u01hover {
    background: url("//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("//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: 0px 1px 1px 0px #fff;
    -moz-box-shadow: 0px 1px 1px 0px #fff;
    box-shadow: 0px 1px 1px 0px #fff;
    background: #ffffff;
    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: none;
    *zoom: 1
}

a.u01btn h3:hover {
    background: #ffffff;
    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: none;
    *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("//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("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") -175px 0px 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("//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("//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: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,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 {
    height: 1.6em;
    overflow: hidden;
    white-space: nowrap;
    width: 86%;
    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("//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: 12px;
    top: 24px;
    width: 130px
}

.u01searchfltr {
    display: none
}

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

.u01searchform .textcnt {
    background: none;
    border: none;
    color: #868686;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 27px;
    line-height: 20px;
    width: 102px;
    padding: 0 22px 0 7px
}

.u01searchbttn {
    width: 20px;
    height: 20px;
    display: block;
    background: url("//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: 0px 2px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 2px 0px rgba(0,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: none
}

.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
}

.u01search .ui-menu .ui-menu-item:hover {
    background-color: #eeeeee
}

.u01logo {
    position: absolute;
    top: 0px;
    width: 176px;
    text-indent: -2000px;
    overflow: hidden;
    height: 108px;
    background: #c10000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c10000 0%, red 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c10000), color-stop(100%, red));
    background: -webkit-linear-gradient(top, #c10000 0%, red 100%);
    background: -o-linear-gradient(top, #c10000 0%, red 100%);
    background: -ms-linear-gradient(top, #c10000 0%, red 100%);
    background: linear-gradient(to bottom, #c10000 0%, red 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("//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: none;
    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 - COMPASS */
.u01toolsw1:after,.u01:after,ul.u01nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.u01tools {
    line-height: 23px
}

.u01 {
    float: none;
    width: 100%;
    height: 108px;
    margin: 0 auto;
    background: #ffffff;
    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%
}

ul.u01nav {
    background: none;
    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
}

ul.u01nav {
    clear: both
}

.u01tools {
    width: 974px;
    margin-left: auto;
    margin-right: auto;
    float: none
}

.js ul.u01nav {
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    transition: opacity .6s
}

.js .u01pfile,.js .u01navtools,.js .u01search {
    opacity: 0;
    -webkit-transition: opacity .5s .1s;
    -moz-transition: opacity .5s .1s;
    transition: opacity .5s .1s
}

.u01set .u01tools {
    width: auto;
    float: left
}

.js .u01set ul.u01nav {
    clear: none;
    opacity: 1
}

.js .u01set .u01navtools,.js .u01set .u01pfile,.js .u01set .u01search {
    opacity: 1
}

@media only screen and (min-width: 0px) and (max-width: 974px) {
    .u01:before {
        display: none
    }

    .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%, red 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c10000), color-stop(100%, red));
        background: -webkit-linear-gradient(top, #c10000 0%, red 100%);
        background: -o-linear-gradient(top, #c10000 0%, red 100%);
        background: -ms-linear-gradient(top, #c10000 0%, red 100%);
        background: linear-gradient(to bottom, #c10000 0%, red 100%)
    }

    .u01tools,.u01toolsw1 {
        width: 100%
    }

    .u01toolsw1 {
        background: #ebebeb
    }

    .u01set .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: 0px;
        right: auto;
        width: 100%;
        width: auto
    }

    .u01searchform {
        height: 22px;
        padding: 0 0 0 4px;
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
        box-shadow: inset 0px 1px 1px 0px 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("//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: 0px;
        padding: 0px
    }

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

    a.u01btn h3:hover {
        background: none;
        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,#pfile-regacct {
        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,.u01logo+.u01pfile #pfile-regacct {
        line-height: 13px;
        border: 1px solid #636363;
        margin-right: 10px;
        -webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
        box-shadow: 0px 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,.u01logo+.u01pfile #pfile-regacct: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,.u01logo+.u01pfile #pfile-regacct 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,.u01logo+.u01pfile #pfile-regacct a:hover {
        color: #1f4f82 !important;
        text-decoration: none !important
    }

    .u01search .ui-menu {
        width: 82% !important
    }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    .no-js .u01tools .u01pfile a {
        padding-top: 1em
    }

    .u01 {
        height: 46px
    }

    .u01mlogo {
        display: block;
        position: absolute;
        left: 50px;
        top: 0px
    }

    .u01mlogo a {
        display: block;
        width: 103px;
        height: 13px;
        margin: 17px;
        background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") -468px -62px no-repeat
    }

    .u01mmenu {
        display: block;
        position: absolute;
        left: 0px;
        top: 0px
    }

    .u01mmenu a {
        display: block;
        width: 47px;
        height: 47px;
        background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") 0px -40px no-repeat
    }

    .u01mmenu.u01active a {
        background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") -115px -40px no-repeat
    }

    .u01msearch {
        display: block;
        position: absolute;
        top: 0px;
        right: 0
    }

    .u01msearch a {
        display: block;
        width: 46px;
        height: 47px;
        background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") -230px -40px no-repeat
    }

    .u01msearch.u01active a {
        background: url("//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: 0px
    }

    .u01mlogo a {
        display: block;
        width: 128px;
        height: 15px;
        margin: 21px;
        background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") -468px -42px no-repeat
    }

    .u01mmenu {
        display: block;
        position: absolute;
        left: 0px;
        top: -1px
    }

    .u01mmenu a {
        display: block;
        width: 62px;
        height: 58px;
        background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") -50px -40px no-repeat
    }

    .u01mmenu.u01active a {
        background: url("//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("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") -280px -40px no-repeat
    }

    .u01msearch.u01active a {
        background: url("//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
}

.f11v1 .u01:after {
    visibility: visible;
    height: 35px;
    background: url("//www.oracleimg.com/us/assets/u01-tagline-sprite.png") 50% 11px no-repeat #f0f3f5;
    z-index: 0;
    top: 1px;
    position: relative;
    width: 100%
}

.hp07v0 {
    margin-top: 35px
}

@media only screen and (min-width: 0px) and (max-width: 1014px) {
    .f11v1 .u01:after {
        background-position: 14px 11px
    }
}

@media only screen and (min-width: 0px) and (max-width: 974px) {
    .f11v1 .u01:after {
        top: 57px;
        position: absolute
    }

    .u01toolsw1 {
        z-index: 1
    }

    .u01w7,a.u01nav h3 {
        height: auto !important;
        padding: 0 !important
    }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    .f11v1 .u01:after {
        top: 47px;
        background-position: 14px 12px;
        background-size: 855px 14px
    }
}

@media only screen and (min-width: 0px) and (max-width: 340px) {
    .f11v1 .u01:after {
        background-size: 760px 12px;
        background-position: 13px 12px
    }
}

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

    .f11v1 ul.u01nav {
        clear: both
    }
}

/*! HP07 */
.hp07v0 {
    background: #eee;
    width: 100%;
    clear: both;
    position: relative;
    overflow: hidden
}

.u02+.hp07v0,.u02nav+.hp07v0 {
    margin-top: 0 !important
}

.hp07 {
    display: table;
    height: 520px;
    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: 974px;
    margin: 0 auto;
    height: 520px
}

.hp07z1 {
    display: none
}

.hp07w2 {
    height: 520px
}

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

.cfeature .hp07w3 {
    display: table-cell
}

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

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

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

.hp07imgslide img {
    position: absolute;
    left: 50%;
    margin-left: -938px;
    display: block;
    max-width: 1876px
}

.cslide div {
    display: block
}

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

.hp07ttl {
    font-size: 34px;
    font-size: 3.4rem;
    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: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
    margin-bottom: 1.2em
}

.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: 0;
    top: 0;
    bottom: 0;
    width: 49.282%;
    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(0,0,0,0.68) 0%, rgba(0,0,0,0.6868) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7000000', endColorstr='#c7000000',GradientType=0 )
}

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

.hp07nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1em;
    right: 0;
    font-size: 31px;
    font-size: 3.1rem;
    margin: 0 0.645em
}

.hp07nav a {
    color: #fff;
    display: block;
    width: .9em;
    height: .88em;
    margin: .15em;
    background: url("//www.oracleimg.com/us/assets/compass-hp-sprite.png") 0 87.4% no-repeat;
    background-size: 100% auto
}

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

.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 {
    position: absolute;
    top: 50%
}

.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 i {
    background: url("//www.oracleimg.com/us/assets/compass-hp-sprite.png") 0 6.25% no-repeat;
    background-size: 100% auto
}

.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
}

.hp07w5 {
    position: absolute;
    width: 49.282%;
    right: 0
}

.hp07w5>a,.hp07w5>span {
    opacity: 0
}

.hp07w5>a,.hp07w5>span {
    -moz-animation: slideButton .5s ease-out .8s normal 1 forwards;
    -webkit-animation: slideButton .5s ease-out .8s normal 1 forwards;
    animation: slideButton .5s ease-out .8s normal 1 forwards
}

@-moz-keyframes slideButton {
    0% {
        top: 12px;
        opacity: 0
    }

    100% {
        top: 0px;
        opacity: 1
    }
}

@-webkit-keyframes slideButton {
    0% {
        top: 12px;
        opacity: 0
    }

    100% {
        top: 0px;
        opacity: 1
    }
}

@keyframes slideButton {
    0% {
        top: 12px;
        opacity: 0
    }

    100% {
        top: 0px;
        opacity: 1
    }
}

.hp07w5>a {
    width: 10.1em;
    position: relative;
    text-align: center;
    background: #8da6b1;
    color: #FFF;
    display: block;
    max-width: 46%;
    margin: 12px -12px 0 auto;
    z-index: 5;
    font-weight: bold;
    -webkit-box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.4);
    box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.4);
    -webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms
}

.hp07w5>a,.hp07w5>a:hover,.hp07w5>a:visited {
    color: #FFF;
    text-decoration: none
}

.hp07w5>a:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 0px;
    -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 0px;
    box-shadow: rgba(0,0,0,0.4) 0px 0px 0px
}

.hp07w5>a:hover {
    background: #718b96
}

.hp07w6 {
    padding: 0.5em 0.45em 0.5em 0.5em
}

.hp07w6>div {
    width: auto;
    font-size: 0.7em !important;
    text-align: left;
    line-height: 1.1;
    display: block;
    position: relative;
    padding: 0 1.4em 0 3.225em
}

.hp07w6>div:before {
    position: absolute;
    right: -0.28em;
    top: 50%;
    font-size: 2.7em;
    margin-top: -0.5em
}

.hp07w6>div>span:after {
    background-image: url("//www.oracleimg.com/us/assets/hp07-sprite.png");
    background-position: 0 0;
    background-size: 245%;
    margin: 0;
    width: 2.725em;
    height: 1.6em;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.8em;
    content: ""
}

.hp07w6>div>span:before {
    background-image: url("//www.oracleimg.com/us/assets/hp07-sprite.png");
    background-position: 0 50%;
    background-size: 245%;
    margin: 0;
    width: 2.725em;
    height: 1.6em;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.8em;
    content: "";
    opacity: 0.35;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms
}

.hp07w5>a:hover .hp07w6>div>span:before {
    opacity: 0.68
}

.hp07w5>span {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 14px;
    height: 10px;
    bottom: 0;
    margin-right: -12px;
    float: right;
    z-index: 6;
    position: relative
}

.hp07w5>span:before {
    background-image: url("//www.oracleimg.com/us/assets/hp07-sprite.png");
    background-size: 890% 810%;
    background-repeat: no-repeat;
    background-position: 0 77%;
    position: absolute;
    width: 12px;
    height: 10px;
    content: "";
    display: block;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms
}

.hp07w5>span:after {
    background-image: url("//www.oracleimg.com/us/assets/hp07-sprite.png");
    background-size: 890% 810%;
    background-repeat: no-repeat;
    background-position: 57% 77%;
    position: absolute;
    width: 12px;
    height: 10px;
    content: "";
    display: block;
    top: 0;
    right: 0;
    z-index: 0
}

.hp07w5>a:hover+span:before {
    opacity: 0
}

@media (min-width: 600px) {
    .hp07w5.hp07longtxt>a {
        width: 11.1em
    }

    .hp07w5.hp07longtxt .hp07w6>div {
        font-size: 0.55em !important
    }
}

@media (min-width: 600px) and (max-width: 880px) {
    .hp07w5.hp07longtxt>a {
        width: 9.8em
    }

    .hp07w5.hp07longtxt .hp07w6>div {
        padding: 0 1.2em 0 3.125em
    }
}

@media (min-width: 600px) and (max-width: 720px) {
    .hp07w5.hp07longtxt>a {
        width: 9.8em
    }

    .hp07w5.hp07longtxt .hp07w6>div {
        padding: 0 .5em
    }

    .hp07w5.hp07longtxt .hp07w6>div.icn-img:before,.hp07w5.hp07longtxt .hp07w6>div>span {
        display: none
    }
}

@media (min-width: 600px) and (max-width: 670px) {
    .hp07w5.hp07longtxt>a {
        width: 8.6em
    }
}

.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%
    }

    .hp07w5 {
        width: 100%
    }

    .hp07w5>a {
        margin-right: 0.4%
    }

    .hp07w5>span {
        width: 0.85%;
        margin-right: 0.4%
    }

    .hp07w5>span:before,.hp07w5>span:after {
        width: 100%;
        margin-right: 0;
        height: 6px
    }
}

@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 3em 0 1.5em;
        left: 0 !important
    }

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

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

@media (min-width: 601px) and (max-width: 974px) {
    .hp07w5>a {
        width: 8.8em
    }

    .hp07w6 div {
        font-size: 0.6em !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 0
    }

    .hp07z1 {
        display: block;
        position: absolute;
        z-index: 3;
        top: 180px;
        height: 50px;
        width: 100%;
        background: -moz-linear-gradient(top, transparent 0%, #000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000));
        background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
        background: -o-linear-gradient(top, transparent 0%, #000 100%);
        background: -ms-linear-gradient(top, transparent 0%, #000 100%);
        background: linear-gradient(to bottom, transparent 0%, #000 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.6) 0%, rgba(0,0,0,0.6) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0.6)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 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
    }

    .hp07violator .hp07w1 {
        height: 455px
    }

    .hp07w5 {
        top: 392px;
        background: #FFF;
        width: 100%;
        margin: 0
    }

    .hp07w5>a {
        float: none;
        width: auto;
        max-width: 100%;
        margin: 0;
        padding: 14px 0;
        color: #6d8899;
        background: #FFF;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        font-size: 1.1em;
        min-height: 40px
    }

    .hp07w5.hp07longtxt>a {
        padding: 9px 0 14px
    }

    .hp07w5>a:hover,.hp07w5>a:visited,.hp07w5>a:active {
        color: #6d8899;
        background: #FFF
    }

    .hp07w5>span {
        display: none
    }

    .hp07w5>a:hover .hp07w6>div>span:before {
        opacity: 0.35
    }

    .hp07w6 {
        padding-left: 0;
        padding-right: 0;
        margin: 0
    }

    .hp07w6 br {
        display: none
    }

    .hp07w6 .icn-img.icn-ondark:before {
        color: #6d8899
    }

    .hp07w6>div {
        text-align: center;
        width: 18.5em;
        padding: 0 1.1em 0 2.8em;
        margin: 0 auto;
        box-sizing: border-box;
        display: inline-block;
        font-size: 0.91em !important
    }

    .hp07w6>div>span {
        font-size: 0
    }

    .hp07w6>div>span:after {
        font-size: 19px;
        font-size: 1.9rem;
        background-position: 84% 0;
        width: 2.725em;
        height: 1.6em
    }

    .hp07w6>div>span:before {
        font-size: 19px;
        font-size: 1.9rem;
        background-position: 84% 50%;
        width: 2.725em;
        height: 1.6em
    }

    .hp07w5>a,.hp07w5>span {
        -moz-animation: none;
        -webkit-animation: none;
        animation: none;
        opacity: 1
    }
}

@media (min-width: 0) and (max-width: 500px) {
    .hp07violator .hp07w1 {
        height: 450px
    }
}

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

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    :root .hp07w5>a {
        opacity: 1\0
    }

    :root .hp07w5>span {
        opacity: 1\0
    }
}

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

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

    .hp07nav a {
        background: url("//www.oracleimg.com/us/assets/compass-hp-ie8-sprite.png") 50% -193px no-repeat;
        background-size: auto auto
    }

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

    .hp07dnav i {
        background: url("//www.oracleimg.com/us/assets/compass-hp-ie8-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)
    }

    .hp07w5>a:hover .hp07w6>div>span:before {
        filter: alpha(opacity=68)
    }
}

/*! HP08 */
.hp08w1:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

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

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

.hp08v1 {
    clear: both;
    position: absolute;
    top: 0;
    height: 398px;
    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: 1280px;
    margin: 1.6em auto 1.75em;
    width: 100%;
    height: .9em;
    display: block;
    content: " ";
    background: url("//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: 199px;
    float: left;
    position: absolute;
    font-size: 18px;
    font-size: 1.8rem;
    overflow: hidden;
    z-index: 1
}

.hp08c1 {
    width: 31.25%
}

.hp08c3 {
    width: 36.71875%
}

.hp08c2 {
    width: 29.53125%
}

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

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

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

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

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

.hp08promo-3 {
    left: 32.5%;
    bottom: 0;
    height: auto
}

.hp08promo-4 {
    top: 0;
    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
}

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

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

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

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

.hp08w3 p {
    color: #fff;
    font-weight: bold;
    line-height: 1.15;
    margin: 0 .8em 1em
}

.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: 0px
}

.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: 0px
}

.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: 2.6em auto 0.5em;
    max-width: 1280px;
    font-size: 18px;
    font-size: 1.8rem;
    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: 1.6rem;
    margin: 0 1.6em 0 0
}

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

.hp08tablist li a {
    padding: .333em .750em .278em;
    display: block;
    text-decoration: none
}

#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;
    background-color: #ddd
}

.hp08default a {
    background-color: #ddd
}

.hp08tablist li.hp08default i {
    background-color: #ddd
}

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

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

.hp08tablist li a:hover i {
    position: absolute;
    width: 1em;
    height: 1em;
    left: 50%;
    bottom: 0;
    margin-left: -.5em;
    display: block;
    content: " ";
    background: url("//www.oracleimg.com/us/assets/compass-hp-sprite.png") 50% 100% no-repeat;
    background-size: 100% auto;
    -webkit-transition: background-color 0ms;
    -moz-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms;
    background-color: #ddd
}

.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: #1f4e81;
    color: #fff
}

.hp08tablist li.hp08selected a i {
    position: absolute;
    width: 1em;
    height: 1em;
    bottom: 0;
    left: 50%;
    margin-left: -.5em;
    display: block;
    content: " ";
    background: url("//www.oracleimg.com/us/assets/compass-hp-sprite.png") 50% 100% no-repeat;
    background-size: 100% auto;
    -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: 0px;
    float: right;
    height: 1.8335em;
    width: 4.445em;
    background: #1f4e81;
    border: #1f4e81 1px solid
}

.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("//www.oracleimg.com/us/assets/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: 0px
}

@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%
    }

    .hp07violator+.hp08 #hp08selector {
        margin-top: 1%
    }

    #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("//www.oracleimg.com/us/assets/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("//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("//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("//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("//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='//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: 0px;
    box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.6);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.6);
    -moz-box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.6);
    background-color: #ffffff;
    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: 0px 0px 3px 0px rgba(20,20,20,0.6);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.6);
    -moz-box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.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,.cw21signup a b,.cw21demo a b,.cw21social a b {
    background: url("//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
}

.cw21signup a b {
    background-position: 0 -370px
}

.cw21demo a b {
    background-position: 0 -89px;
    margin-left: -15px
}

.cw21social a b {
    background-position: 0 -216px;
    margin-left: -15px
}

.cw21 *:focus {
    outline: none
}

.cw21w1 li a {
    color: #000
}

.cw21w1 li {
    background: url("//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: none;
    padding: 0px;
    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("//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: 0px;
        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: 80px
    }

    .f11v3 .f11w1 {
        padding-bottom: 0
    }

    .f11v3.hascw21 .f11w1 {
        padding-bottom: 44px
    }

    .f11w1+#Wrapper_FixedWidth_Footer {
        margin-top: -80px;
        padding-bottom: 80px
    }

    .cw21 {
        bottom: 0px;
        width: 100%;
        left: 0;
        right: auto;
        top: auto
    }

    .cw21handle {
        left: 0px !important;
        width: 100% !important;
        height: 43px
    }

    .cw21navigation li a {
        width: 48px;
        height: 0px;
        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, #d1d1d1 0%, #a6a6a6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #a6a6a6));
        background: -webkit-linear-gradient(top, #d1d1d1 0%, #a6a6a6 100%);
        background: -o-linear-gradient(top, #d1d1d1 0%, #a6a6a6 100%);
        background: -ms-linear-gradient(top, #d1d1d1 0%, #a6a6a6 100%);
        background: linear-gradient(to bottom, #d1d1d1 0%, #a6a6a6 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: 0px !important;
        right: 0px;
        box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.6);
        -webkit-box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.6);
        -moz-box-shadow: 0px 0px 3px 0px rgba(20,20,20,0.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: none;
        width: auto;
        height: auto
    }

    a#cw21scrollto.icn-img:before,a#cw21scrollto.icn-img i.ie-icn {
        background: url("//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
}

/*! VIDEO - BRIGHTCOVE HTML5 PLAYER  */
div.bcvideo div.video-js {
    height: 100%;
    width: 100%
}

.bcvideo>* {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.cm05 {
    opacity: 0;
    -webkit-transition: opacity .5s .3s;
    -moz-transition: opacity .5s .3s;
    transition: opacity .5s .3s
}

.bciframe {
    width: 100%;
    border: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s .2s;
    -moz-transition: opacity .4s .2s;
    transition: opacity .4s .2s
}

.bciframe.bciframesized {
    opacity: 1 !important
}

.bcvideo {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background: rgba(0,0,0,0.6);
    z-index: 1
}

.bcvideo.showembed>* {
    opacity: 1 !important
}

.bcvideo>* {
    position: absolute;
    top: 0
}

.bcvideo iframe {
    position: relative !important
}

.bcvideo span {
    width: 100%
}

.bcnosocial .vjs-share-control {
    display: none
}

.bcvideo .vjs-control-bar,.bcplaylist #bcc_link_container .bcc_cta {
    top: auto
}

.bcvideo.bcplaylist .video-js {
    float: left;
    width: 70%
}

.bcvideo.bcplaylist {
    padding-top: 39.3%
}

.vjs-mouse.vjs-playlist li {
    list-style-type: none
}

.bcvideo .video-js {
    height: 100%
}

.vjs-playlist-thumbnail {
    position: relative
}

.vjs-playlist-thumbnail:before {
    width: 100%;
    height: 100%
}

.vjs-playlist-duration {
    display: none
}

.vjs-playlist-tmp li {
    display: none !important
}

.playlist-wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 30%;
    position: absolute;
    right: 0;
    height: 100%
}

.bcvideo .vjs-menu-button-popup .vjs-menu .vjs-menu-item {
    border-radius: 0;
    background: rgba(0,0,0,0.6)
}

.bcvideo .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
    background: rgba(0,0,0,0.6);
    color: #FF0000
}

.playlist-wrapper::-webkit-scrollbar {
    width: 15px
}

.playlist-wrapper::-webkit-scrollbar-thumb {
    background: #999999
}

.playlist-wrapper::-webkit-scrollbar-track {
    background: #1b1b1b
}

.playlist-wrapper::-webkit-scrollbar-button {
    background: #999999;
    height: 15px;
    border-radius: 50%
}

.bcvideo .video-js .vjs-duration {
    position: relative
}

.bcvideo .video-js .vjs-fullscreen-control {
    position: relative
}

.bcvideo .vjs-time-control.vjs-current-time {
    margin-left: 0
}

.bcvideo .vjs-time-control.vjs-time-divider div {
    position: relative
}

.bcvideo .vjs-time-control.vjs-time-divider {
    position: relative
}

.bcvideo .vjs-time-control .vjs-current-time-display {
    position: relative
}

.bcvideo .vjs-spacer {
    position: relative
}

.playlist-wrapper .vjs-playlist,.playlist-wrapper .vjs-playlist-tmp {
    padding: 0;
    margin-top: -1px;
    background-color: #363637 !important
}

.bcvideo .vjs-modal-dialog {
    z-index: 111;
    position: relative
}

.bcvideo .video-js .vjs-dock-text {
    background: rgba(0,0,0,0.6);
    padding: 1em 25% 1em 1em
}

.bcvideo .video-js .vjs-dock-text {
    opacity: 0
}

.bcvideo.bcnotitle .video-js .vjs-dock-text {
    display: none
}

.bcvideo.bchovertitle .video-js .vjs-dock-text {
    opacity: 0
}

.bcvideo.bchovertitle:hover .video-js .vjs-dock-text {
    opacity: 1;
    -webkit-transition: opacity .5s,top .5s ease;
    -moz-transition: opacity .5s,top .5s ease;
    transition: opacity .5s,top .5s ease;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.bcvideo.bcshowtitle .video-js .vjs-dock-text {
    opacity: 1
}

.bcvideo.bcshowtitle:hover .video-js .vjs-dock-text {
    opacity: 1
}

.vjs-playlist .vjs-playlist-ad-overlay {
    display: none
}

.bcvideo .vjs-caption-settings {
    top: 20%;
    height: 17em;
    background: rgba(0,0,0,0.6)
}

.bcvideo .vjs-caption-settings button {
    padding: 0.3em 0.5em;
    border: 1px solid white
}

.bcvideo .vjs-caption-settings button:hover {
    background: #fff;
    color: #000
}

.bcvideo .vjs-caption-settings .vjs-tracksetting span {
    margin-left: 0
}

.bcvideo .video-js .vjs-big-play-button {
    background-color: transparent !important
}

.bcvideo .vjs-big-play-button:before {
    border-radius: 0;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    height: 98px;
    line-height: 98px;
    width: 98px;
    content: "" !important;
    background: url("//www.oracleimg.com/us/assets/videoplayer-playbtn.png") 50% 50% no-repeat;
    background-size: 100%;
    opacity: 0.8
}

.bcvideo .video-js:hover .vjs-big-play-button:before {
    opacity: 1
}

.vjs-mouse.vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.vjs-mouse.vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
    border-radius: 0;
    height: 34px;
    left: 0;
    line-height: 34px;
    top: 14px;
    width: 100%;
    height: 59%
}

.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected:focus .vjs-playlist-thumbnail:before,.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected:hover .vjs-playlist-thumbnail:before {
    top: 0
}

.vjs-playlist cite {
    font-size: 1.4rem;
    color: #fff;
    white-space: normal;
    line-height: 1.2 !important;
    height: 100% !important;
    -webkit-font-smoothing: auto;
    padding-right: 0.5em
}

.f01 .vjs-playlist cite,.f08 .vjs-playlist cite {
    font-size: 14px
}

.vjs-playlist .vjs-playlist-description,.vjs-playlist-tmp .vjs-playlist-description {
    display: none
}

.vjs-playlist .vjs-playlist-item,.vjs-playlist-tmp .vjs-playlist-item {
    padding: 0.7em !important;
    margin-bottom: 0 !important;
    border-top: 1px solid #4e5055
}

.vjs-playlist li:last-of-type {
    border-bottom: none
}

.vjs-playlist .vjs-selected {
    background: #4e5055;
    padding: 0.7em 0.65em 0.9em 0.7em
}

.vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing:before {
    margin: 2px;
    text-transform: uppercase;
    font-size: 1.6rem;
    content: 'playing';
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif
}

.f01 .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing:before,.f08 .vjs-playlist .vjs-selected .vjs-playlist-thumbnail.vjs-playlist-now-playing:before {
    font-size: 16px
}

.vjs-playlist .vjs-selected picture {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.vjs-playlist .vjs-selected img {
    border: 2px solid #fff
}

.vjs-play-progress,.vjs-volume-level {
    background-color: red !important
}

.vjs-dock-text .vjs-dock-title {
    position: relative
}

.vjs-dock-text .vjs-dock-description {
    position: relative
}

.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play:before,.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play:before {
    border-radius: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    height: 68px;
    line-height: 68px;
    width: 121px;
    content: "" !important;
    background: url("//www.oracleimg.com/us/assets/videoplayer-playbtn.png") 50% 50% no-repeat;
    background-size: 30%
}

.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before,.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before {
    border: 2px solid #4e5055
}

.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play:after,.vjs-mouse.vjs-playlist .vjs-playlist-thumbnail.vjs-icon-play:after {
    background: #000;
    background: transparent\9;
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    zoom: 1;
    border-radius: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    height: 68px;
    line-height: 68px;
    width: 121px;
    content: '';
    position: absolute
}

.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:after,.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:after {
    margin: 2px;
    display: none
}

.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before,.vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before {
    margin: 0;
    text-transform: uppercase;
    content: "playing" !important;
    background: none;
    height: 68px;
    line-height: 68px;
    width: 121px;
    border: 2px solid #FFFFFF;
    font-size: 1.6rem;
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    background-color: rgba(26,26,26,0.5)
}

.f01 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before,.f01 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before,.f08 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before,.f08 .vjs-mouse.vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail.vjs-icon-play:before {
    font-size: 16px
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    top: 50%
}

.vjs-social-share-links a {
    color: #fff
}

.vjs-errors-ok-button {
    border-radius: 0
}

.bcvideo .video-js #bcc_link_container {
    top: 75px
}

.bcvideo .video-js #bcc_link_container .bcc_cta {
    background: url("//www.oracleimg.com/us/assets/videoplayer-chevron.png") no-repeat;
    background-color: #007f9c;
    background-position: 11px center;
    height: 32px;
    line-height: 23px
}

a.vjs-social-share-link,.bcvideo .video-js #bcc_link_container .bcc_cta a {
    color: #fff
}

.f01 .bcvideo.bcplaylist {
    padding-top: 33.8% !important
}

.f01 .bcvideo.bcplaylist .video-js {
    width: 60% !important
}

.f01 .playlist-wrapper {
    width: 40% !important
}

@media only screen and (min-width: 841px) {
    .f08 .bcvideo.bcplaylist {
        padding-top: 33.8%
    }

    .f08 .bcvideo.bcplaylist .video-js {
        width: 60% !important
    }

    .f08 .playlist-wrapper {
        width: 40%
    }
}

@media only screen and (min-width: 0px) and (max-width: 1240px) {
    .bcvideo {
        width: 100% !important
    }

    .bcvideo.bcplaylist {
        padding-top: 33.8%
    }

    .bcvideo.bcplaylist .video-js {
        width: 60% !important
    }

    .playlist-wrapper {
        width: 40%
    }

    .playlist-wrapper::-webkit-scrollbar {
        width: 11px
    }
}

@media only screen and (min-width: 0px) and (max-width: 840px) {
    .bcvideo.bcplaylist {
        padding-top: 56.3%
    }

    .bcvideo,.bcvideo.bcplaylist .video-js,.playlist-wrapper,.playlist-wrapper .vjs-playlist {
        width: 100% !important
    }

    .playlist-wrapper .vjs-playlist {
        display: block
    }

    .vjs-playlist {
        display: block
    }

    .playlist-wrapper {
        max-height: 142px;
        float: left
    }

    .f01 .playlist-wrapper {
        max-height: 1000px
    }

    .vjs-playlist cite {
        font-size: 1.8rem
    }

    .f08 .vjs-playlist cite {
        font-size: 18px
    }

    .playlist-wrapper {
        position: relative
    }

    .f01 .playlist-wrapper {
        position: absolute
    }

    .playlist-wrapper::-webkit-scrollbar {
        width: 8px
    }

    .bcvideo .vjs-big-play-button:before {
        background: url("//www.oracleimg.com/us/assets/videoplayer-playbtn.png") 50% 50%/70% no-repeat
    }

    .f01 .bcvideo .vjs-big-play-button:before,.f08 .bcvideo .vjs-big-play-button:before {
        background: url("//www.oracleimg.com/us/assets/videoplayer-playbtn.png") 50% 50% no-repeat;
        background-size: 100%
    }

    .video-js .vjs-dock-text {
        padding: 0.7em 0.9em
    }

    .vjs-social-direct-link,.vjs-social-embed-code,.vjs-social-description {
        display: none
    }

    .vjs-social-share-links {
        margin-top: 1em
    }
}

/*! GENERIC - BTTN COMPASS HOMEPAGE */
.cmps-bttns {
    float: left;
    width: 100%;
    margin: 0
}

.cmps-bttns div {
    float: left;
    margin: 0 16px .6em 0;
    position: relative
}

.cmps-bttns div a,.cmps-bttns div span {
    color: #1f4f82;
    display: block;
    padding: .45em 1.8em .45em .7em;
    font-size: 18px;
    font-size: 1.8rem;
    background: #fff
}

.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%;
    background: url("//www.oracleimg.com/us/assets/compass-hp-sprite.png") 0 25% no-repeat;
    background-size: 100% auto;
    margin: -.6em .4em 0 0;
    width: 1.25em;
    padding-top: 1.25em
}

.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("//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 */
.cb28+#u06v1 {
    margin-top: -3em
}

#u06 {
    width: 974px;
    margin: 5px auto 20px;
    clear: both;
    position: relative;
    padding: 16px 0 18px
}

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

#u06 a {
    font-family: arial,helvetica,sans-serif !important;
    font-size: 10px !important;
    line-height: 16px !important
}

#u06 hr {
    display: none
}

#u06 h3 {
    text-indent: -2000px;
    background: url("//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: 20px;
    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("//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;
    clear: both
}

.f01v8 #u06,.u06-toggle ~ #u06 {
    width: 942px;
    border-top: 0;
    padding: 20px 16px 30px;
    background: #ffffff
}

.f01v8 #u06 ul.scl-icons,.u06-toggle ~ #u06 ul.scl-icons {
    top: 25px;
    right: 16px
}

.f01v8 .u06v1-close+hr.u06z1 {
    display: none
}

.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("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") 0 -132px;
    height: 4px
}

.u06v1z2 {
    background: url("//www.oracleimg.com/us/assets/u01-u06-f01-min-sprite.png?v=2") 0 -137px;
    height: 5px;
    display: none
}

#u06v1 {
    overflow: visible;
    margin: 0 -19px -5px;
    position: relative;
    clear: both;
    width: 1012px;
    color: #676767;
    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("//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("//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 .u06v1w2 ul+ul h5 {
    margin-top: 1.2em
}

#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,0.4);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,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("//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: 102px;
    *bottom: 115px;
    left: 17px;
    padding: 7px 10px 10px 5px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    -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: none;
    margin-top: 30px
}

.hide-u06 #teconsent {
    margin-top: 0 !important
}

.f01v0 .u06v1 {
    padding-top: 20px
}

.f01r1 #u06v1 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-width: 974px
}

.f01r1 .u06v1w1 {
    max-width: 974px;
    margin-left: auto;
    margin-right: auto
}

.f11 #u06 {
    border: 0;
    padding: 16px 0 18px;
    width: 100%;
    max-width: 1300px
}

.f11 #u06v1 {
    width: 100%;
    border-bottom: #dcdcdc 1px solid;
    margin-left: 0;
    margin-right: 0
}

.f11 #u06v1 .u06v1w1 {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
    line-height: 13px
}

.f01v0 .u06v1z1,.f11 .u06v1z1 {
    height: 4px;
    background: #d1d1d1;
    background: -moz-linear-gradient(top, #d1d1d1 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #d1d1d1 0%, #fefefe 100%);
    background: -o-linear-gradient(top, #d1d1d1 0%, #fefefe 100%);
    background: -ms-linear-gradient(top, #d1d1d1 0%, #fefefe 100%);
    background: linear-gradient(to bottom, #d1d1d1 0%, #fefefe 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: 0px) and (max-width: 1024px) {
    .cb28+#u06v1+#u06 {
        margin-top: -3em
    }

    .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: 16px 2%;
        border-top: 1px solid #eaeaea;
        background: #eaeaea;
        background: -moz-linear-gradient(top, #eaeaea 0%, #fff 45%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(45%, #fff));
        background: -webkit-linear-gradient(top, #eaeaea 0%, #fff 45%);
        background: -o-linear-gradient(top, #eaeaea 0%, #fff 45%);
        background: -ms-linear-gradient(top, #eaeaea 0%, #fff 45%);
        background: linear-gradient(to bottom, #eaeaea 0%, #fff 45%);
        width: 96%;
        margin-top: 0
    }

    .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("//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: 0px) and (max-width: 500px) {
    .f11 #u06 h3 {
        background: url("//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: #003b4d;
    width: 1012px;
    margin: 0 -19px;
    clear: both;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    line-height: 1.5em
}

.f11 #u10 {
    width: 100%;
    margin: 0
}

.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: 0px
}

.u10w2 {
    float: left;
    width: 23.305954825462014%;
    margin-left: 2.2587268993839837%
}

.u10w3 {
    margin: 0 0 1.6em;
    position: relative
}

.u10w3 ul li {
    font-size: 14px;
    color: #8aadbf;
    line-height: 1.2;
    padding: 0 0 .5em
}

.u10w3 ul li a {
    color: #8aadbf !important
}

#u10 h5 {
    font-size: 20px
}

#u10 h3 {
    font-size: 20px;
    display: none
}

ul.u10-links li a {
    font-size: 13px
}

.f11 .u10w3 ul li {
    font-size: 16px;
    font-size: 1.6rem;
    color: #8aadbf;
    line-height: 1.2;
    padding: 0 0 .5em
}

.f11 .u10w3 ul li a {
    color: #8aadbf !important
}

.f11 #u10 h5 {
    font-size: 20px;
    font-size: 2rem
}

.f11 #u10 h3 {
    font-size: 20px;
    font-size: 2rem;
    display: none
}

.f11 ul.u10-links li a {
    font-size: 14px;
    font-size: 1.4rem
}

#u10,#u10 h5,#u10 a {
    color: #fff
}

.f11 #u10 h5,#u10 h5 {
    margin: 0 0 0.6em 0
}

#u10 h3 {
    margin: 0 0 0.6em 0;
    background: url("//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 {
    float: right
}

ul.u10-links li {
    margin: 0;
    padding: 0 0.575em 0 0;
    float: left;
    background: url("//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: 0px
}

ul.u10-links li.u10last {
    padding: 0;
    background: transparent
}

ul.u10-links li a {
    padding: 0 0 0 7px
}

.f11 ul.u10-links li a {
    padding: 0 0 0 0.5em
}

.u10w4 {
    clear: both;
    overflow: hidden
}

#u10 ul.scl-icons {
    float: right
}

#u10 hr {
    background: #295d6f;
    height: 1px;
    margin: 1.75em 0px 3.5em 0px;
    clear: both
}

.u10w5 {
    position: relative
}

.u10-ologo {
    width: 42.197125256%;
    height: 61px
}

.u10-ologo a,.u10-ologo span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    background: url("//www.oracleimg.com/us/assets/u10-logotag.png") 0 0 no-repeat;
    text-indent: -30000px;
    -moz-outline: 0;
    background-size: 100%
}

#u10 .scl-icons li {
    background: transparent;
    display: block;
    opacity: .7;
    margin: 0
}

#u10 .scl-icons li:hover {
    opacity: 1
}

#u10 .scl-icons li a {
    background: url("//www.oracleimg.com/us/assets/u10-sprite.svg") 0 0 no-repeat;
    background-size: auto 100%
}

#u10 .scl-icons li:last-child {
    padding-right: 0
}

#u10 .scl-icons li {
    padding: 10px
}

#u10 .scl-icons li a {
    width: 33px;
    height: 33px
}

#u10 .scl-icons li.scl-facebook a {
    background-position: -36px 0px
}

#u10 .scl-icons li.scl-twitter a {
    background-position: -79px 0px
}

#u10 .scl-icons li.scl-linkedin a {
    background-position: -121px 0px
}

#u10 .scl-icons li.scl-googleplus a {
    background-position: -163px 0px
}

#u10 .scl-icons li.scl-youtube a {
    background-position: -205px 0px
}

#u10 .scl-icons li.scl-feed a {
    background-position: -251px 0px
}

@media only screen and (min-width: 771px) and (max-width: 1040px) {
    .f11 .u10w1 {
        margin-left: 2.4414062%;
        margin-right: 2.4414062%;
        width: 95.1171876%
    }
}

@media only screen and (min-width: 0px) and (max-width: 770px) {
    .u10btn {
        position: absolute;
        right: 12px;
        top: 16px;
        width: 21px;
        height: 21px;
        background: purple;
        display: none;
        background: url("//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: 2em
    }

    .f11 .u10-ologo {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: .4em;
        width: auto;
        height: auto
    }

    .f11 .u10w3 h5,.u10btn {
        cursor: pointer
    }

    .f11 .u10w1 {
        margin: 0 0 2em 0
    }

    .f11 .u10w2 {
        float: none;
        margin-left: 0;
        width: 100%
    }

    .f11 .u10w3 {
        margin: 0;
        border-top: 1px solid #295d6f;
        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 {
        visibility: none;
        height: 0;
        opacity: 0;
        background: #cad9de;
        transition: all ease-in-out .5s
    }

    .f11 .u10w3.u10active ul {
        visibility: visible;
        height: auto;
        opacity: 1;
        transition: all ease-in-out .5s
    }

    .f11 .u10w3 ul li {
        font-size: 14px;
        line-height: 1.5em;
        padding: 0.525em 2.2587269%;
        border: 0
    }

    .f11 .u10w3 ul li:last-child {
        padding-bottom: 1em
    }

    .f11 .u10w3 ul li a,.f11 .u10w3 ul li {
        color: #003b4d !important
    }

    .f11 .u10w3 ul li a {
        padding: 0 0;
        display: block
    }

    .f11 .u10w4 {
        border-top: 1px solid #295d6f;
        height: 1px;
        margin-bottom: 2.5em
    }

    .f11 .u10w4 hr {
        background: transparent !important
    }

    .f11 .u10btn {
        display: block
    }

    .f11 .u10w3.u10active .u10btn {
        background: url("//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;
        display: block;
        margin: 0 auto 2em auto
    }

    .f11 .u10-ologo a,.f11 .u10-ologo span {
        margin: 0 auto;
        width: 117px;
        height: 15px;
        background-position: 0 -18px;
        background-size: 294%
    }

    .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 ul.u10-links {
        float: none;
        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%
    }
}

@media only screen and (min-width: 0px) and (max-width: 770px) {
    .u10btn {
        top: 12px !important
    }

    .f11 .u10-ologo {
        margin-bottom: 0.6em
    }

    .f11 #u10 h3 {
        width: 299px;
        height: 15px;
        background-position: 0 -385px
    }

    .f11 ul.u10-links {
        text-align: center
    }

    #u10 .scl-icons li {
        padding: 5px;
        margin: 0
    }

    #u10 .scl-icons li a {
        width: 28px;
        height: 28px
    }

    #u10 .scl-icons li.scl-facebook a {
        background-position: 0px 0px
    }

    #u10 .scl-icons li.scl-twitter a {
        background-position: -35px 0px
    }

    #u10 .scl-icons li.scl-linkedin a {
        background-position: -70px 0px
    }

    #u10 .scl-icons li.scl-googleplus a {
        background-position: -105px 0px
    }

    #u10 .scl-icons li.scl-youtube a {
        background-position: -140px 0px
    }

    #u10 .scl-icons li.scl-feed a {
        background-position: -179px 0px
    }
}

/*! 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("//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 0px;
    background-image: url("//www.oracleimg.com/us/assets/social-icons-alt.png");
    background-repeat: no-repeat
}

.scl-icons li.scl-youku a:hover {
    background-position: -64px 0px
}

.scl-icons li.scl-weibo a {
    background-position: -4px 0px;
    background-image: url("//www.oracleimg.com/us/assets/social-icons-alt.png");
    background-repeat: no-repeat
}

.scl-icons li.scl-weibo a:hover {
    background-position: -24px 0px
}

.scl-icons-large li {
    float: left;
    margin: 0 6px 0 0
}

.scl-icons-large li a {
    width: 22px;
    height: 22px;
    background: url("//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 0px
}

.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
}

/*! GENERIC - 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;
    border-radius: 6px;
    box-shadow: 0px 0px 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,#w01w12: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("//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("//www.oracleimg.com/us/assets/w01-sprite.png") -31px -26px no-repeat;
    cursor: pointer
}

div.w01 .w01expand:hover {
    background: url("//www.oracleimg.com/us/assets/w01-sprite.png") -31px -47px no-repeat;
    cursor: pointer
}

div.w01 .w01contract {
    background: url("//www.oracleimg.com/us/assets/w01-sprite.png") 0 -26px no-repeat;
    cursor: pointer
}

div.w01 .w01contract:hover {
    background: url("//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("//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("//www.oracleimg.com/us/assets/w01-loader.gif") center center no-repeat
}

div.w01 .w01arrowprevious {
    background: url("//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("//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("//www.oracleimg.com/us/assets/w01-sprite.png") -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.w01 .w01nav .w01pause {
    background: url("//www.oracleimg.com/us/assets/w01-sprite.png") -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.w01w1 a:focus {
    outline: none
}

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: none
}

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: 0px 0px 25px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 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: 0px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 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 {
    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: inline-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("//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: none
}

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("//www.oracleimg.com/us/assets/w01-contentpatterntop.png") 0 0 repeat-x;
    margin-bottom: 0px;
    padding: 0px 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: none
}

.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("//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("//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
}

.w01fullpg,.w01fullpg body {
    background: #fff !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: 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0
}

.w01fullpg div.w01w7 {
    border: 0;
    padding-top: 64px
}

@media only screen and (min-width: 880px) {
    .w01v2 {
        transition: margin-top 100ms,margin-left 100ms
    }
}

#w01w12.responsiveVid {
    overflow: hidden
}

.w01narrow .w01responsive {
    width: 90%
}

.w01narrow .w01responsive .w01w1 {
    width: 100% !important
}

/*! VENDOR - TRUSTE RESPONSIVE */
div.truste-heading {
    margin: 0px 25px;
    color: #FFF
}

span.truste-heading-text {
    font-size: 23px;
    font-size: 2.3rem
}

hr.truste-hr-banner {
    margin: 10px 25px 0 25px;
    display: none
}

div#truste-consent-track {
    background-color: #4E5052
}

div#truste-consent-text {
    font-size: 1.4rem;
    margin-top: 10px;
    color: white;
    width: 60%;
    float: left
}

div#truste-consent-content {
    padding: 25px 0 15px;
    max-width: 974px;
    margin: 0px auto
}

div#truste-consent-buttons {
    margin: -5px 15px 0 5px;
    float: right
}

button#truste-show-consent {
    background: #4E5052;
    border: solid 2px white;
    max-height: 75%;
    padding: 10px 20px;
    color: white;
    font-size: 1.6rem;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

button#truste-show-consent:hover {
    background-color: white;
    color: #4E5052
}

#truste-consent-button {
    font-size: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .3s;
    z-index: 10;
    line-height: 0;
    position: absolute;
    margin: 10px 10px 0 0;
    top: 0px;
    right: 0px
}

#truste-consent-button em {
    visibility: hidden
}

#truste-consent-button:before {
    font-size: 0;
    display: inline-block;
    content: ' ';
    height: 2.4rem;
    width: 2.4rem;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjQsMyAyMSwwIDEyLDkgMywwIDAsMyA5LDEyIDAsMjEgMywyNCAxMiwxNSAyMSwyNCAyNCwyMSAxNSwxMiAiLz4NCjwvc3ZnPg0K") no-repeat 0px 0px transparent;
    background-size: 100% 100%;
    opacity: 1;
    line-height: 0
}

div.truste-image {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODggMjUyLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4OCAyNTIuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRn0NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxLjUsMTY3LjRsMTUuOSwxNS45YzIuOC0wLjEsNS4xLTIuNCw1LjEtNS4ydi0yMC40YzAtMi45LTIuMy01LjItNS4yLTUuMmgtODYuNmMtMi45LDAtNS4yLDIuMy01LjIsNS4yDQoJdjIwLjRjMCwyLjksMi4zLDUuMiw1LjIsNS4yaDYwLjl2LTExLjljMC0yLjMsMS40LTQuNCwzLjYtNS4zYzAuNy0wLjMsMS41LTAuNCwyLjItMC40QzE2OSwxNjUuNywxNzAuNCwxNjYuMywxNzEuNSwxNjcuNA0KCSBNMzguMSwxMzQuOGgyMTEuN1Y5MC43SDM4LjFWMTM0Ljh6IE00Nyw5OS41SDI0MVYxMjZINDdWOTkuNXogTTI4MC43LDIuNUg3LjNjLTIuNCwwLTQuNCwyLTQuNCw0LjR2MjA3LjNoMTU4Ljh2LTguOGgtMTUwVjU5LjgNCgloMjY0LjZ2MTQ1LjZoLTY2LjhsNi4zLDYuM2MwLjcsMC43LDEuMiwxLjYsMS41LDIuNWg2Ny44VjYuOUMyODUuMSw0LjUsMjgzLjIsMi41LDI4MC43LDIuNXogTTYyLjQsMTEuM2MzLjcsMCw2LjYsMyw2LjYsNi42DQoJcy0zLDYuNi02LjYsNi42cy02LjYtMy02LjYtNi42UzU4LjcsMTEuMyw2Mi40LDExLjN6IE00MC4zLDExLjNjMy43LDAsNi42LDMsNi42LDYuNnMtMyw2LjYtNi42LDYuNnMtNi42LTMtNi42LTYuNg0KCVMzNi43LDExLjMsNDAuMywxMS4zeiBNMTguMywxMS4zYzMuNywwLDYuNiwzLDYuNiw2LjZzLTMsNi42LTYuNiw2LjZzLTYuNi0zLTYuNi02LjZTMTQuNiwxMS4zLDE4LjMsMTEuM3ogTTExLjcsMzMuNGgxODAuOFY1MQ0KCUgxMS43VjMzLjR6IE0yMDEuMywzMy40aDc1VjUxaC03NVYzMy40eiBNMjAwLjcsMjAyLjhsLTMyLjMtMzIuM2MtMC40LTAuNC0xLTAuNS0xLjUtMC4zYy0wLjUsMC4yLTAuOCwwLjctMC44LDEuM3Y2Mi43DQoJYzAsMS4yLDEuNSwxLjgsMi4zLDFsMTIuOC0xMi44bDEwLjksMjYuM2MwLjMsMC43LDEuMSwxLDEuOCwwLjdsNS0yLjFsNS0yLjFjMC43LTAuMywxLTEuMSwwLjctMS44bC0xMC45LTI2LjNoMTgNCgljMS4yLDAsMS44LTEuNSwxLTIuM0wyMDAuNywyMDIuOHoiLz4NCjwvc3ZnPg0K) no-repeat 0px 0px transparent;
    float: left;
    margin: 0 20px 0 10px;
    width: 10rem;
    height: 10rem
}

@media only screen and (max-width: 975px) and (min-width: 771px) {
    div#truste-consent-text {
        width: 57%;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 770px) and (min-width: 501px) {
    div#truste-consent-text {
        width: 75%
    }

    div#truste-consent-buttons {
        margin: 15px 0 10px;
        float: left
    }

    div.truste-image {
        height: 15rem
    }
}

@media only screen and (max-width: 500px) and (min-width: 0) {
    div.truste-heading {
        margin-left: 15px
    }

    div#truste-consent-text {
        width: 90%;
        margin: 10px 15px
    }

    div#truste-consent-buttons {
        margin: 10px 0 0 15px;
        float: left
    }

    div.truste-image {
        display: none
    }
}

/*! VENDOR - CLOUD CHAT */
#atgchat-flyout span,#atgchat-body span,#atgchat-body img {
    display: none
}

#atgchat-flyout a span {
    display: inline;
    font-size: 13px
}

#atgchat-body a img {
    display: inline
}

#rn_Dialog_0_mask.mask {
    display: none !important
}

#oProactiveChat #rn_Dialog_0 {
    margin: 0
}

#oProactiveChat .underlay {
    display: none !important
}

#oProactiveChat .yui-panel-container.yui-dialog.yui-simple-dialog {
    width: 300px;
    -webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.24);
    padding: 0 6px 6px 6px;
    background: #fff
}

#oProactiveChat {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    height: 0;
    font-size: 20px
}

#oProactiveChat *,#oProactiveChat div {
    font-family: Arial,Helvetica,Sans;
    line-height: 1.35
}

#oProactiveChat .yui-panel {
    border: 0 !important
}

#oProactiveChat #spac_4674211_RefuseDiv {
    padding-top: 6px
}

#oProactiveChat .rn_SyndicatedChatHeaderLabelDiv {
    height: 36px;
    border-bottom: #ccc 1px solid
}

#oProactiveChat .rn_SyndicatedChatLogoImageDiv {
    margin-left: -13px
}

#oProactiveChat .rn_Dialog .ft .yui-button button {
    margin-right: 0
}

#oProactiveChat a.container-close {
    top: 18px;
    right: 9px
}

/*! MISC HOMEPAGE */
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: 340px
    }
}

@media (min-width: 0) and (max-width: 974px) {
    .cw21 {
        top: 250px
    }
}

@media (min-width: 0) and (max-width: 770px) {
    .cw21 {
        top: 180px
    }
}

@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
}

/*!
######################################################

# ORACLE-VIDEO.CSS

# OCOM GLOBAL ASSET RELEASE: 12.9.0

# BUILD DATE: Mon Mar 06 2017 13:05:11 GMT-0800 (PST)

# COPYRIGHT ORACLE CORP 2017 [UNLESS STATED OTHERWISE]

######################################################
*/

/*! VERSION INFO */
#oracle-video {
    content: "12.9.0"
}

/*! CM05 */
.cm05 {
    opacity: 1 !important
}

.cm05 .cm05w1 {
    background-color: #1a1a1a;
    position: relative
}

.cm05 .playlist-wrapper {
    margin-right: -1px
}

/*! W10 */
.w10w1 {
    position: fixed;
    z-index: 20001;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0
}

.w10w2 {
    max-width: 1080px;
    padding: 0 24px;
    box-sizing: border-box;
    margin: 0 auto;
    top: 50%;
    position: relative;
    -webkit-transition: opacity .5s .4s,top .5s ease .4s;
    -moz-transition: opacity .5s .4s,top .5s ease .4s;
    transition: opacity .5s .4s,top .5s ease .4s
}

.w10playlist .w10w2 {
    max-width: 1300px
}

#w10close {
    font-size: 0;
    position: fixed;
    right: 2rem;
    top: 2rem;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .3s;
    z-index: 10;
    line-height: 0;
    opacity: .8
}

#w10close:hover {
    opacity: 1
}

#w10close em {
    visibility: hidden
}

#w10close:before {
    font-size: 0;
    display: inline-block;
    content: ' ';
    height: 2.4rem;
    width: 2.4rem;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjQsMyAyMSwwIDEyLDkgMywwIDAsMyA5LDEyIDAsMjEgMywyNCAxMiwxNSAyMSwyNCAyNCwyMSAxNSwxMiAiLz4NCjwvc3ZnPg0K") no-repeat 0px 0px transparent;
    background-size: 100% 100%;
    opacity: 1;
    line-height: 0
}

.f01 #w10close,.f08 #w10close {
    right: 1.2rem;
    top: 1.2rem
}

.f01 #w10close:before,.f08 #w10close:before {
    height: 1.5rem;
    width: 1.5rem
}

.w10fadein .w10w2 {
    top: 57%;
    opacity: 0
}

.w10fadein.w10:after {
    opacity: 0
}

.w10fadeout .w10w2 {
    top: 57%;
    opacity: 0;
    -webkit-transition: opacity .5s,top .5s ease;
    -moz-transition: opacity .5s,top .5s ease;
    transition: opacity .5s,top .5s ease
}

.w10fadeout .w10w3 {
    opacity: 0;
    display: none;
    -webkit-transition: opacity .5s,top .5s ease;
    -moz-transition: opacity .5s,top .5s ease;
    transition: opacity .5s,top .5s ease
}

.w10fadeout.w10:after {
    opacity: 0;
    -webkit-transition: opacity .8s .3s;
    -moz-transition: opacity .8s .3s;
    transition: opacity .8s .3s
}

.w10w3 {
    position: fixed;
    display: block;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    content: " ";
    z-index: -1;
    opacity: 1;
    background: rgba(0,0,0,0.85098);
    transition: opacity 0.8s
}

@media only screen and (max-height: 290px) and (max-width: 480px) and (min-width: 300px) {
    #w10close {
        right: 1rem;
        top: 1rem
    }

    #w10close:before {
        height: 1.8rem;
        width: 1.8rem
    }

    .f01 #w10close,.f08 #w10close {
        right: 0.6rem;
        top: 0.6rem
    }

    .f01 #w10close:before,.f08 #w10close:before {
        height: 1rem;
        width: 1rem
    }
}

@media only screen and (min-width: 1080px) {
    .w10w2 {
        margin-top: -290px
    }

    .w10playlist .w10w2 {
        margin-top: -246px
    }
}

@media only screen and (max-width: 1079px) {
    .w10w2 {
        margin-top: -26.8%
    }

    .w10playlist .w10w2 {
        margin-top: -18.8%
    }
}

@media only screen and (max-width: 840px) {
    .w10playlist .w10w2 {
        margin-top: -34.8%
    }
}

@media only screen and (max-width: 600px) {
    .w10playlist .w10w2 {
        margin-top: -43.8%
    }
}

@media only screen and (min-height: 540px) and (max-height: 640px) {
    .w10w2 {
        max-width: 840px;
        margin-top: -223px
    }
}

@media only screen and (min-height: 380px) and (max-height: 539px) {
    .w10w2 {
        max-width: 600px;
        margin-top: -155px
    }
}

@media only screen and (min-height: 0px) and (max-height: 379px) {
    .w10w2 {
        max-width: 400px;
        margin-top: -96px
    }
}

@media only screen and (min-height: 540px) and (max-height: 640px) and (max-width: 840px) {
    .w10w2 {
        margin-top: -26.8%
    }
}

@media only screen and (min-height: 380px) and (max-height: 539px) and (max-width: 600px) {
    .w10w2 {
        margin-top: -26.8%
    }
}

@media only screen and (min-height: 0px) and (max-height: 379px) and (max-width: 400px) {
    .w10w2 {
        margin-top: -26.8%
    }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 20px;
}

body.main {
    background: url(images/bg.png) no-repeat center 0;
    line-height: 20px;
}

body.pbg {
    background: #fff url(images/pbg.jpg) repeat-y 1px 0;
}

input, textarea, select {
    font-size: 12px;
    font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
}



/***INDEX.HTML***/
.mainHeader {
}

.mainHeader h1 {
    color: #2C2D31;
    font-size: 18px;
    display: inline-block;
}

.prefHeader {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.prefHeader img {
    float: right;
    vertical-align: middle;
}

.mainContent {
    padding: 20px 20px 0px 20px;
    position: relative;
}

.mainContent, .consentToAll {
    line-height: 18px;
    color: #666;
    background: #fff;
    border-top: 1px solid #fff;
}

.mainContent p, .consentToAll p {
    margin: 10px 0;
}

.mainContent a, .consentToAll a {
    color: #069;
    text-decoration: none;
}

.mainContent a:hover, .consentToAll a:hover {
    text-decoration: none;
    color: #fa7f06;
}

.mainTitle2 {
    margin: 0 0 20px 0;
    color: #669B00;
    font-size: 14px;
    font-family: 'Abel';
    font-weight: normal;
    text-transform: uppercase;
}

.mainContent .buttons, .consentToAll .buttons {
    margin-bottom: 0;
    margin-top: 13px;
}

.mainContent .buttons a, .consentToAll .buttons a {
    display: inline-block;
    opacity: 0.8;
}

.mainInner {
    padding: 10px;
    border: 1px solid #ddd;
    background: #fcfcfc;
    overflow: hidden;
}

.mainInner {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 0 3px #e7e7e7;
}

#notice p {
    font-size: 11px;
    line-height: 15px;
}

#consent {
    padding: 10px 0;
    font-size: 12px;
}

#consent p:first-child {
    margin-top: 0;
}

.consent {
    padding: 20px 0;
}

.contentfield {
    padding: 15px 0;
}

.categoryRadioButton {
    font-size: 18px;
}

.warning {
    color: red !important;
}

.warningMessage {
    padding: 7px 10px;
    background: #F9EDBE;
    border: 1px solid #F0C36D;
    margin: 11px 20px 13px;
    font-size: 11px;
    line-height: 16px;
    color: #AF7501;
}

.warningMessageHttps {
    margin: 11px 0px !important;
}

.contentWarningMessage {
    padding: 7px 10px;
    background: #F9EDBE;
    border: 1px solid #F0C36D;
    margin: 20px 0px 0px;
    font-size: 11px;
    line-height: 16px;
    color: #AF7501;
}

/***POP UP***/
.TRUSTe_Overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    background: #000;
    opacity: 0.50;
    display: none;
}

.TRUSTe_PopParent {
    position: fixed;
    top: 30%;
    left: 50%;
    display: none;
}

.TRUSTe_PopContainer {
    position: absolute;
    left: -325px;
    top: -116px;
    width: 650px;
    background: url(images/trans.png);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}

.TRUSTe_PopInnerContainer {
 /** left: -391px top: -116px; width: 800 */
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.TRUSTe_PopIFrame {
    border: 0;
    width: 100%;
    height: 410px;
}

.leftPanel {
    float: left;
    width: 280px;
    border-right: 1px solid #ddd;
}

.rightPanel {
    margin-left: 281px;
}

.dtabmenu {
    list-style: none;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    margin-bottom: 20px;
}

.dtabmenu li {
    display: inline-block;
    width: 50%;
    float: left;
}

.dtabmenu li a {
    display: block;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #ccc;
}

.dtabmenu li a:hover {
    background: #f7f7f7;
    color: #666;
    cursor: pointer;
}

.dtabmenu li a.current {
    background: #ddd;
    color: #333;
}

/***PREF PANEL***/
.prefPanel {
    margin: 20px 0 0 0;
}

.prefPanel .left {
    float: left;
    width: 45%;
    margin-right: 5%;
    position: relative;
}

.prefPanel .right {
    float: left;
    width: 44%;
    padding-left: 30px;
    border-left: 1px solid #eee;
}

/* .prefPanel .cookiecat a.viewcookie { display: inline-block; background: url(images/toggle.png) no-repeat center center; padding: 18px 15px; } */
/* .prefPanel .cookiecat a.viewcookie:hover { background-color: #eee; } */
/* .prefPanel .cookiecat h3 { margin-left: 30px; } */
/* .prefPanel .cookiecat span.greenbold { color: #1c9122; font-weight: bold; margin-top: 10px; } */

.prefPanel .cookiecat a.viewcookie {
    cursor: pointer;
}

.prefPanel .cookiecat {
    padding: 10px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.prefPanel .cookiecat {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 0 3px #e7e7e7;
}

.prefPanel .cookiecat h3 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #069;
    text-transform: uppercase;
    font-family: 'Abel', 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.prefPanel .cookiecat span {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    display: block;
    color: #666;
}

.prefPanel .cookiecat a {
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px;
    background: url(images/arrow.png) no-repeat right 2px;
    padding-right: 10px;
    color: #666;
}

.prefPanel .cookiecat a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.prefPanel .cookiecat span.greenbold {
    color: #1c9122;
    font-weight: bold;
    margin-top: 10px;
}

.prefPanel .cookiecat .loading {
    display: inline-block;
    margin-top: 15px;
    padding-right: 10px;
}

.prefPanel .cookiecatdeactivated h3 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #a9a9a9;
    text-transform: uppercase;
    font-family: 'Abel', 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.prefTable {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.prefTable tr td {
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    padding: 5px;
}

.prefTable tr td a {
    margin: 0 !important;
    background: none !important;
    text-transform: none !important;
    font-size: 11px !important;
    color: #069 !important;
}

.prefTable tr td .switch {
    margin: 0;
}

.prefTable tr td .linkoff {
    margin: 0;
    width: 16px;
    float: right
}

.prefTable tr td:first-child {
    border-left: 1px solid #ddd;
}

.prefTable tr td:last-child {
    border-right: 1px solid #ddd;
}

.prefTable tr:first-child td {
    font-weight: bold;
    background-color: #eee;
}

.prefTable tr:last-child td {
    border-color: #ddd;
}

.prefTable .whyCantIOptOut a {
    font-size: 12px !important;
    padding-right: 0px !important;
}

.prefTable .hiddenSeeMore {
    display: none !important;
}

.collapse {
    display: inline-block;
    width: 11px;
    height: 11px;
    cursor: pointer;
}

.colplus {
    background: url(images/plus.png) no-repeat 0 -11px;
}

.colplus:hover {
    background-position: 0 0;
}

.colminus {
    background: url(images/minus.png) no-repeat 0 -11px;
}

.colminus:hover {
    background-position: 0 0;
}

.prefTable .whyCantIOptOut a {
    font-size: 12px !important;
    padding-right: 0px !important;
}

.hideText {
    width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
    .sliderWrapper {
        left: 7px !important;
    }
}

@media screen and (max-width: 630px) {
    .hideText {
        display: none;
    }

    .prefTable .hiddenSeeMore {
        display: block !important;
    }
}

@media screen and (max-width: 400px) {
    .prefTable td:nth-child(3) {
        display: none;
    }

    .optoutless td {
        border-right: 1px solid #ddd;
    }
}

.optoutColumn {
    float: right;
}

.switch {
    float: right;
    margin: 10px 5px 0 0;
    -moz-box-shadow: 1px 1px 0 #fff;
    -webkit-box-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff;
}

.switch span {
    float: left;
    display: inline-block;
    border: 1px solid #bbb;
    padding: 1px 7px;
    background: url(images/switchbg.png) repeat-x 0 -20px;
    cursor: pointer;
}

.switch span.on {
    border-right: 0;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.switch span.off {
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.switch span.active {
    color: #088adc;
    text-shadow: 0 0 3px #96c9fd;
    background: url(images/switchbg.png) repeat-x 0 0;
}

.switch span.disable {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
}

.switchtable {
    position: relative;
    float: right;
    top: 0;
    right: 0;
}

.switch {
    position: inherit;
    top: -3px;
    right: 2px;
    margin: 10px 5px 0 0;
    -moz-box-shadow: 1px 1px 0 #fff;
    -webkit-box-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff;
}

.switch span {
    float: left;
    display: inline-block;
    border: 1px solid #bbb;
    padding: 3px 5px;
    background: url(images/switchbg.png) repeat-x 0 -20px;
    cursor: pointer;
}

.switch span.on {
    border-right: 0;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.switch span.off {
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.switch span.active {
    color: #088adc;
    text-shadow: 0 0 3px #96c9fd;
    background: url(images/switchbg.png) repeat-x 0 0;
}

.options {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 260px;
}

.options div {
    background: url(images/line2.png) no-repeat 0 9px;
    padding-left: 70px;
    padding-top: 3px;
    min-height: 20px;
    min-width: 20px;
}

.options div h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #bbb;
    font-weight: normal;
    font-family: 'Abel';
}

.options div p {
    font-size: 11px;
    color: #ccc;
    margin-top: 5px !important;
    line-height: 14px;
}
/**Custom Happy Studio**/
.options div.noAdvertising {
    background: white;
    padding-left: 70px;
    padding-top: 3px;
    min-height: 20px;
    min-width: 20px;
}

.options div.active h2 {
    color: #339403;
}

.options div.active p {
    color: #666;
}

/***RIGHT PANEL***/
.required, .functional {
    display: none;
}

.required h3, .functional h3, .advertising h3 {
    font-size: 16px;
    font-family: 'Abel';
    font-weight: normal;
    color: #007ac7;
}

.required h3.not, .functional h3.not, .advertising h3.not {
    color: #fa3c09;
}

.right ul {
    list-style: none;
    margin: 10px 0 0 0;
}

.right ul li {
    background: url(images/list.png) no-repeat 0 10px;
    display: block;
    padding-left: 15px;
}

.right h3 {
    font-size: 16px;
    font-family: 'Abel';
    font-weight: normal;
    color: #007ac7;
}

.right h3.not {
    color: #fa3c09;
}

.loading {
}

.loading img {
    vertical-align: middle;
}

.loading span {
    margin-left: 10px;
}

#loading2 {
    position: absolute;
    top: 40%;
    width: 95%;
    text-align: center;
    z-index: 99999;
}

/***MAIN PANEL***/
.mainPanel {
    line-height: 18px;
    color: #666;
    overflow: hidden;
}

.mainInner, .submission, .shortNoticePanel {
    padding: 20px;
}

.mainTitle {
    font-size: 18px;
    color: #fa7f06;
    font-weight: normal;
    margin: 15px 0 20px 0;
}

.mainPanel p, .submission p {
    margin: 10px 0;
}

.mainPanel .small, .submission .small {
    font-size: 11px;
    line-height: 16px;
}

.mainPanel a, .submission a {
    color: #069;
    text-decoration: none;
}

.mainPanel a:hover, .submission a:hover {
    color: #fa7f06;
    text-decoration: none;
}

.mainTitle3 {
    font-size: 16px;
}

/***FOOTER***/
.footer {
    background: none repeat scroll 0 0 #F7F7F7;
    border-top: 1px solid #EEEEEE;
    font-size: 11px;
    margin-top: 20px;
    padding: 10px 20px;
    color: #999;
    font-size: 11px;
    overflow: hidden;
}

.footerlinetop {
    border-top: 1px solid #ddd;
    padding-top: 2px;
}

.footer p.notice {
    margin: 5px 0;
    color: #666;
    font-weight: bold;
}

.footer .right {
    float: right;
}

.footer a {
    text-decoration: none;
}

.footer a img {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}


/***SLIDER***/
.sliderImage {
    background: url("images/handle.jpg") no-repeat;
    height: 19px;
    width: 19px;
}

.sliderWrapper {
    padding: 0px 20px;
    display: inline-block;
    position: absolute;
    left: 16px;
}

.ui-slider-vertical {
    width: 3px;
    background: #ddd;
    -moz-box-shadow: inset 1px 1px 1px #bbb;
    -webkit-box-shadow: inset 1px 1px 1px #bbb;
    box-shadow: inset 1px 1px 1px #bbb;
    position: relative;
}

.ui-slider-vertical {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.ui-slider-vertical a {
    width: 19px;
    height: 19px;
    background: url(images/handle.png) no-repeat 0 0;
    position: absolute;
    left: -8px;
}

.ui-slider-vertical a.ui-slider-handle {
    margin-bottom: -8px;
    outline: none;
}

.ui-slider-vertical a.ui-state-active {
}

.ui-slider-vertical .ui-slider-range {
    background: #78da48;
    width: 3px;
    position: absolute;
    left: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.ui-slider-vertical .ui-slider-range {
    -moz-box-shadow: inset 1px 1px 2px #60ae3a;
    -webkit-box-shadow: inset 1px 1px 2px #60ae3a;
    box-shadow: inset 1px 1px 2px #60ae3a;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    right: 0;
}

/***CHECK OPTIONS***/
.checkOptions {
    margin-left: 0;
    width: auto;
}

.checkOptions div {
    padding-left: 55px;
    padding-top: 0;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.checkOptions div h2 {
    padding: 10px;
    border-left: 1px solid #ddd;
    margin: 0;
}

.checkOptions div p {
    padding: 0 10px 10px 10px;
    border-left: 1px solid #ddd;
    margin: 0 !important;
}

.checkOptions div.active {
    background: #fff url(images/radio_off.png) no-repeat 10px center;
}

.checkOptions div.active h2 {
    color: #339403;
}

.checkOptions div.active p {
    color: #666;
}

.checkOptions div.selected {
    background: #f6feeb url(images/radio_on.png) no-repeat 10px center;
    border-color: #6bb800;
}

.checkOptions div.selected h2 {
    color: #339403;
    border-color: #6bb800;
}

.checkOptions div.selected p {
    color: #666;
    border-color: #6bb800;
}

.checkOptions div.disabled {
    background: #fcfcfc url(images/radio_disabled.png) no-repeat 10px center;
    border-color: #ccc;
}

.checkOptions div.disabled h2 {
    color: #aaa;
    border-color: #ccc;
}

.checkOptions div.disabled p {
    color: #ccc;
    border-color: #ccc;
}
/**Custom Happy Studio**/
.checkOptions div.noAdvertisingMobile {
    background: white !important;
}

.checkOptions .highlight {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    display: block;
}

/***BUTTONS***/
.pdynamicbutton {
    margin: 20px;
}

.pdynamicbutton a {
    display: inline-block;
    margin-right: 5px;
    padding: 8px 15px 8px 35px;
    line-height: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*.pdynamicbutton a { -moz-box-shadow: 1px 1px 3px #a7a6a4; -webkit-box-shadow: 1px 1px 3px #a7a6a4; box-shadow: 1px 1px 3px #a7a6a4; }*/
.pdynamicbutton a {
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    opacity: 0.8
}

.pdynamicbutton a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    opacity: 1;
}

.pdynamicbutton .submit {
    background: url("images/gbutton.png") no-repeat 0 0;
    border: 1px solid #9ba74f;
    text-shadow: 1px 1px #98ab1b;
}

.pdynamicbutton .call {
    background: url("images/gbutton.png") no-repeat 0 0;
    border: 1px solid #9ba74f;
    text-shadow: 1px 1px #98ab1b;
    float: left;
}

.pdynamicbutton .askmelater {
    background: url("images/obutton.png") no-repeat 0 0;
    border: 1px solid #d07d24;
    text-shadow: 1px 1px #c77d26;
    display: none;
}

.pdynamicbutton .shp {
    background: url("images/obutton.png") no-repeat 0 0;
    border: 1px solid #d07d24;
    text-shadow: 1px 1px #c77d26;
}

.pdynamicbutton .shp2 {
    font-size: 8px !important;
    top: 20px !important;
}

.pdynamicbutton .advance {
    background: url("images/obutton.png") no-repeat 0 0;
    border: 1px solid #d07d24;
    text-shadow: 1px 1px #c77d26;
}

.pdynamicbutton .cancel {
    background: url("images/backbutton.png") no-repeat 0 0;
    border: 1px solid #a3a3a3;
    text-shadow: 1px 1px #adadad;
}

.pdynamicbutton .close {
    background: url("images/graybutton.png") no-repeat 0 0;
    border: 1px solid #a3a3a3;
    text-shadow: 1px 1px #adadad;
}

/***CUSTOM STYLE***/
.slimScrollDiv {
    padding-bottom: 2px;
}

.breadcrumbs {
    font-size: 10px;
    display: block;
    margin-bottom: 8px;
    color: #999;
    border-bottom: 1px dotted #eee;
}

.breadcrumbs a {
    color: #666;
}

.backprefmenu {
    cursor: pointer;
}

.notiSuccess {
    background: #f0fbdb;
    padding: 5px 10px;
    border: 1px solid #8ecd15;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.show {
    display: block;
}

.floatRight {
    float: right;
}

.noMarginRight {
    margin-right: 0;
}

.highlight {
    color: #EB831D;
    font-weight: bold;
}

#debuggerContainer {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

/***Accessibility***/
.accesibilityList {
    list-style-position: inside
}

.accessibility {
    width: 100% !important;
}

.accessibility h2 {
    border-left: 0px !important;
}

.accessibility p {
    border-left: 0px !important;
}

.accessibility ul {
    padding-left: 30px;
}

.accessibility h3 {
    padding-left: 10px;
}

.accessibility .disabled h2 {
    text-decoration: line-through;
}

.hidden {
    display: none;
}

body {
    font-family: Arial,Universe,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px
}

body.main {
    background: url("../images/bg.gif") no-repeat scroll center 0 transparent;
    line-height: 20px
}

body.pbg {
    background: url("../images/pbg.jpg") repeat-y scroll 1px 0 #fff
}

input,textarea,select {
    font-family: 'Lucida Grande',Arial,Helvetica,sans-serif;
    font-size: 12px
}

.mainHeader {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px
}

.mainHeader h1 {
    color: #2c2d31;
    font-size: 18px
}

.mainHeader .logo {
    float: right
}

.prefHeader {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.prefHeader .logo {
    float: right
}

.mainContent,.consentToAll,.submitted {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #fff;
    color: #666;
    line-height: 18px;
    padding: 20px 20px 0 20px
}

.mainContent a,.consentToAll a,.submitted a {
    color: #069;
    text-decoration: none
}

.mainContent a:hover,.consentToAll a:hover,.submitted a:hover {
    color: #fa7f06;
    text-decoration: none
}

.mainTitle2 {
    color: #669b00;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 20px;
    text-transform: uppercase
}

.mainContent .pdynamicbutton a,.consentToAll .pdynamicbutton a,.submitted .pdynamicbutton a {
    display: inline-block;
    opacity: .8
}

.pdynamicbutton {
    margin: 0;
    position: relative;
    overflow: auto
}

.pdynamicbutton a {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 7px 10px 7px 35px;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    cursor: pointer
}

.pdynamicbutton a {
    border-radius: 3px 3px 3px 3px;
    color: #fff
}

.pdynamicbutton a:hover {
    color: #fff
}

.pdynamicbutton a span {
    font-size: 16px
}

.pdynamicbutton .shp {
    position: absolute
}

.pdynamicbutton .shp,.pdynamicbutton .askmelater {
    color: #069;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    background: 0;
    border: 0;
    text-shadow: none;
    top: 8px;
    right: 0;
    padding: 0
}

.pdynamicbutton a.shp:hover,.pdynamicbutton a.askmelater:hover {
    color: #069;
    text-decoration: underline
}

.pdynamicbutton a.askmelater {
    padding-left: 20px;
    padding-top: 8px
}

.pdynamicbutton .close {
    background: url("//consent.truste.com/get?name=gbutton.png") no-repeat 0 0;
    border: 1px solid #9ba74f;
    text-shadow: 1px 1px #98ab1b
}

.pdynamicbutton .submit {
    background: url("//consent.truste.com/get?name=gbutton.png") no-repeat 0 0
}

.bottom {
    background: none repeat scroll 0 0 #f7f7f7;
    border-top: 1px solid #eee;
    font-size: 11px;
    margin-top: 20px;
    padding: 10px 20px;
    text-align: right
}

.bottom a:hover {
    color: #333
}

.bottom a:first-child {
    border-right: 1px solid #ddd;
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px 0 0
}

#mainInner {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 10px;
    display: none!important
}

#mainInner {
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px #e7e7e7 inset
}

#notice p {
    font-size: 11px;
    line-height: 15px
}

.consent {
    font-size: 12px
}

.consent p:first-child {
    margin-top: 0
}

.TRUSTe_Overlay {
    background: none repeat scroll 0 0 #000;
    display: none;
    left: 0;
    min-height: 100%;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.TRUSTe_PopParent {
    display: none;
    left: 50%;
    position: fixed;
    top: 30%;
    z-index: 100
}

.TRUSTe_PopContainer {
    background: url("../images/trans.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    left: -325px;
    padding: 10px;
    position: absolute;
    top: -116px;
    width: 650px
}

.TRUSTe_PopInnerContainer {
    background: none repeat scroll 0 0 #fff;
    border-radius: 2px 2px 2px 2px;
    overflow: hidden
}

.TRUSTe_PopIFrame {
    border: 0 none;
    height: 440px;
    width: 100%
}

.leftPanel {
    border-right: 1px solid #ddd;
    float: left;
    width: 280px
}

.rightPanel {
    margin-left: 281px
}

.dtabmenu {
    border-bottom: 1px solid #ddd;
    list-style: none outside none;
    margin-bottom: 20px;
    overflow: hidden
}

.dtabmenu li {
    display: inline-block;
    float: left;
    width: 50%
}

.dtabmenu li a {
    color: #ccc;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    text-transform: uppercase
}

.dtabmenu li a:hover {
    background: none repeat scroll 0 0 #f7f7f7;
    color: #666;
    cursor: pointer
}

.dtabmenu li a.current {
    background: none repeat scroll 0 0 #ddd;
    color: #333
}

.prefPanel .left {
    float: left;
    margin-right: 2%;
    width: 54%
}

.prefPanel .right {
    border-left: 1px solid #eee;
    float: left;
    padding-left: 3%;
    width: 40%
}

.highlight {
    color: #e9242c!important;
    font-size: 10px
}

.switch {
    box-shadow: 1px 1px 0 #fff;
    right: 10px;
    top: 7px
}

.switch span {
    background: url("../images/switchbg.png") repeat-x scroll 0 -20px transparent;
    border: 1px solid #bbb;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 3px 5px
}

.switch span.on {
    border-radius: 2px 0 0 2px;
    border-right: 0 none
}

.switch span.off {
    border-radius: 0 2px 2px 0
}

.switch span.active {
    background: url("../images/switchbg.png") repeat-x scroll 0 0 transparent;
    color: #088adc;
    text-shadow: 0 0 3px #96c9fd
}

.switchtable {
    float: right;
    position: relative;
    right: 0;
    top: 0
}

.options {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 350px
}

.options div {
    font-size: 10px
}

.options div h2 {
    color: #a9a9a9;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase
}

.options div p {
    color: #a9a9a9;
    font-size: 10px;
    line-height: 14px;
    margin-top: 5px!important
}

.options div.active h2 {
    color: #000
}

.options div.active p {
    color: #333
}

.required,.functional {
    display: none
}

.prefPanel .right h3 {
    color: #000;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: normal
}

.prefPanel .right h3.not {
    color: #e9242c!important
}

.right ul {
    list-style: none outside none;
    margin: 10px 0 0
}

.mainPanel {
    color: #666;
    line-height: 18px;
    overflow: hidden
}

.mainInner,.submission,.shortNoticePanel {
    padding: 20px
}

.mainTitle {
    color: #fa7f06;
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0 20px
}

.mainPanel p,.submission p {
    margin: 10px 0
}

.mainPanel .small,.submission .small {
    font-size: 11px;
    line-height: 16px
}

.mainPanel a,.submission a {
    color: #069;
    text-decoration: none
}

.mainPanel a:hover,.submission a:hover {
    color: #fa7f06;
    text-decoration: none
}

.mainTitle3 {
    font-size: 16px
}

.footer {
    background: none repeat scroll 0 0 #f7f7f7;
    border-top: 1px solid #eee;
    font-size: 11px;
    margin-top: 20px;
    padding: 10px 20px
}

.footerlinetop {
    border-top: 1px solid #ddd;
    padding-top: 2px
}

.footer p.notice {
    color: #666;
    font-weight: bold;
    margin: 5px 0
}

.footer .left {
    display: none
}

.slimScrollDiv {
    padding-bottom: 2px
}

.breadcrumbs {
    border-bottom: 1px dotted #eee;
    color: #999;
    display: block;
    font-size: 10px;
    margin-bottom: 8px
}

.breadcrumbs a {
    color: #666
}

.backprefmenu {
    cursor: pointer
}

.notiSuccess {
    background: none repeat scroll 0 0 #f0fbdb;
    border: 1px solid #8ecd15;
    border-radius: 2px 2px 2px 2px;
    padding: 5px 10px
}

.show {
    display: block
}

.floatRight {
    float: right
}

.ui-slider-vertical {
    background: none repeat scroll 0 0 #ddd;
    box-shadow: 1px 1px 1px #bbb inset;
    position: relative;
    width: 3px
}

.ui-slider-vertical {
    border-radius: 50px 50px 50px 50px
}

.ui-slider-vertical a {
    background: url("../images/handle.png") no-repeat scroll 0 0 transparent;
    height: 19px;
    left: -8px;
    position: absolute;
    width: 19px
}

.ui-slider-vertical a.ui-slider-handle {
    border-radius: 50px 50px 50px 50px;
    margin-bottom: -8px;
    outline: medium none
}

.ui-slider-vertical a.ui-state-active {
    box-shadow: 0 0 5px #888
}

.ui-slider-vertical .ui-slider-range {
    background: none repeat scroll 0 0 #000;
    border-radius: 50px 50px 50px 50px;
    left: 0;
    position: absolute;
    width: 3px
}

.ui-slider-vertical .ui-slider-range {
    box-shadow: 1px 1px 2px #000 inset
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    right: 0
}

@media screen and (max-width:767px) {
    .mainHeader .logo {
        float: none;
        text-align: center;
        display: block
    }

    .mainHeader h1 {
        text-align: center;
        font-size: 16px;
        display: block;
        margin-top: 10px
    }

    .mainHeader {
        padding-bottom: 10px
    }

    .mainContent .mainHeader p {
        font-size: 11px;
        text-align: center
    }

    .mainContent .pdynamicbutton a,.consentToAll .pdynamicbutton a,.submitted .pdynamicbutton a {
        display: block;
        float: none;
        text-align: center;
        position: relative!important;
        font-size: 12px!important;
        padding: 10px 0!important
    }

    .pdynamicbutton a {
        margin-top: 10px
    }

    .pdynamicbutton a:first-child {
        margin-top: 0
    }

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

    .pdynamicbutton .call,.pdynamicbutton .submit {
        background: #cdeb8e;
        background: -moz-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(205,235,142,1)),color-stop(100%,rgba(165,201,86,1)));
        background: -webkit-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: -o-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: -ms-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: linear-gradient(to bottom,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%)
    }

    .pdynamicbutton .close {
        background: #cdeb8e;
        background: -moz-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(205,235,142,1)),color-stop(100%,rgba(165,201,86,1)));
        background: -webkit-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: -o-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: -ms-linear-gradient(top,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%);
        background: linear-gradient(to bottom,rgba(205,235,142,1) 0,rgba(165,201,86,1) 100%)
    }

    .pdynamicbutton a.call:active,.pdynamicbutton .submit:active {
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.2)
    }

    .pdynamicbutton a.askmelater,.pdynamicbutton .shp,.pdynamicbutton .cancel {
        padding: 10px 0;
        border: 1px solid #ccc;
        background: #fff;
        text-transform: uppercase;
        font-weight: bold;
        background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,229,229,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(229,229,229,1)));
        background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,229,229,1) 100%);
        background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,229,229,1) 100%);
        background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(229,229,229,1) 100%);
        background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(229,229,229,1) 100%)
    }

    .pdynamicbutton a.askmelater:active,.pdynamicbutton .shp:active,.pdynamicbutton .cancel:active {
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.2)
    }

    .pdynamicbutton a.askmelater {
        display: none!important
    }

    .pdynamicbutton .advance {
        background: #ffc578;
        background: -moz-linear-gradient(top,rgba(255,197,120,1) 0,rgba(251,157,35,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,197,120,1)),color-stop(100%,rgba(251,157,35,1)));
        background: -webkit-linear-gradient(top,rgba(255,197,120,1) 0,rgba(251,157,35,1) 100%);
        background: -o-linear-gradient(top,rgba(255,197,120,1) 0,rgba(251,157,35,1) 100%);
        background: -ms-linear-gradient(top,rgba(255,197,120,1) 0,rgba(251,157,35,1) 100%);
        background: linear-gradient(to bottom,rgba(255,197,120,1) 0,rgba(251,157,35,1) 100%)
    }

    .pdynamicbutton .advance:active {
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.2)
    }

    .pdynamicbutton .cancel,.pdynamicbutton .cancel:hover {
        color: #555!important;
        text-shadow: none
    }

    .prefPanel .left {
        float: none;
        width: auto!important;
        margin-right: 0;
        margin-bottom: 20px
    }

    .prefPanel .right {
        border-left: 0;
        padding-left: 0;
        width: auto;
        float: none
    }

    .prefPanel .right h3 {
        font-size: 12px
    }

    .options {
        margin: 0 0 10px 0;
        width: auto;
        float: none
    }

    .checkOptions div {
        margin-bottom: 10px
    }

    .options div p {
        margin-top: 0!important
    }
}

@media screen and (max-width:480px) {
    .mainHeader h1 {
        font-size: 12px
    }

    .consent {
        font-size: 11px
    }
}

*:focus {
    outline: none !important;
    border: 2px solid #4D90FE !important;
    -webkit-box-shadow: 0px 0px 5px  #4D90FE !important;
    box-shadow: 0px 0px 5px  #4D90FE !important;
}