#page {
    font-size: 100%;
    margin: 0 auto
}

#page.margin_left {
    margin: 0 5px 0 10px
}

#page.sidebar {
    margin-left: 260px
}

.page_banner {
    margin-bottom: 15px;
    width: 99%;
    clear: right;
    border-bottom: 1px solid #e0e0e0
}

.page-banner-alt {
    display: none
}

.case-study-banner {
    padding-top: 20px;
    padding-bottom: 10px
}

#sidebar h3 {
    width: 215px;
    font-size: 110%;
    margin: 0;
    padding: 20px 0 5px 10px
}

.related_pages {
    padding: 0 6px 0 15px;
    font-size: 90%
}

#sidebar .related_pages h3 {
    padding-left: 0
}

.related_pages ul {
    list-style: none
}

.related_pages ul li {
    margin-bottom: 5px;
    margin-left: 8px;
    font-size: 95%;
    line-height: 150%
}

.related_pages img {
    margin: 0 10px 10px 0;
    padding: 0
}

pre.gray {
    display: block;
    line-height: 1.5;
    font-family: "Courier New", Courier, fixed, monospace;
    color: #000;
    font-size: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #D9D9D9;
    background-color: #EEE;
    padding: 3px 8px;
    margin-left: 6px;
    margin-right: -1200px;
    overflow: auto;
    width: 97%
}

pre.gray code {
    line-height: 1.5;
    font-family: "Courier New", Courier, fixed, monospace;
    color: #000;
    font-size: 100%
}

span.right {
    float: right;
    padding: 5px 5px 0 0
}

strong {
    font-style: normal;
    font-weight: 700
}

em {
    font-style: normal;
    font-weight: 700
}

h1 {
    font-weight: 700;
    font-size: 150%;
    margin: 0 0 8px 0
}

h2 {
    font-weight: 500;
    font-size: 130%;
    line-height: 110%;
    margin: 24px 0 12px 0
}

h2 a,
h2 a:visited {
    color: #00759f;
    text-decoration: none
}

h3 {
    font-weight: 500;
    font-size: 120%;
    margin: 24px 0 8px 0
}

h4 {
    font-weight: 700;
    font-size: 110%;
    margin: 14px 0 2px 0
}

h5 {
    font-weight: 700;
    font-size: 100%;
    letter-spacing: 1px;
    margin: 10px 0
}

small {
    font-size: 80%
}

code {
    color: #761596;
    font-size: 120%
}

code.md5 {
    color: inherit;
    font-size: 130%
}

.attention,
.attention a {
    color: #e97b00;
    font-weight: 700
}

.subheading {
    color: #999;
    font-size: 90%
}

.uppercase {
    text-transform: uppercase
}

big {
    font-size: 90%;
    font-weight: 700
}

.nobr {
    white-space: nowrap
}

hr {
    border: 1px solid #e0e0e0
}

.hr01 {
    margin-bottom: 40px;
    border-bottom: 1px solid #e0e0e0;
    width: 80%
}

.product-logo {
    float: right;
    padding: 0 10px 10px 0
}

a[id]:hover {
    color: inherit
}

a img {
    border: none
}

.quote {
    font-style: italic;
    width: 90%;
    padding: 15px 10px 0 12px;
    margin: 20px 10px 10px 25px;
    border: 1px solid #999
}

.quote p {
    margin: 0;
    padding: 0 0 20px 0
}

.pullquote {
    background: #fff9f2;
    font-style: italic;
    font-size: 95%;
    width: 70%;
    padding: 12px;
    margin: 10px 10px 10px 20px;
    border: 1px solid #ddd
}

.pulloutbox {
    width: 200px;
    background: #fff9f2;
    margin: 5px;
    border: 1px solid #ddd;
    padding: 5px
}

.pulloutbox#right {
    float: right
}

.pulloutbox#wide {
    width: 75%;
    margin: 15px 0 15px 20px
}

.basicquote {
    font-style: italic;
    font-size: 95%;
    padding: 10px 0
}

.callout {
    background: #fdfdfd;
    padding: 12px 12px 6px 12px;
    width: 75%;
    margin: 15px 0 15px 20px;
    border: 1px solid #e9eaeb;
    border-radius: 3px
}

.callout h2 {
    margin: 0;
    padding: 0 0 10px 0
}

.callout a {
    font-size: 130%;
    font-weight: 700;
    line-height: 120%
}

.callout a:visited {
    color: #00759f
}

.login-callout {
    background: #f5f5f5;
    padding: 12px;
    width: 75%;
    min-width: 500px;
    margin: 15px 0 15px 20px;
    border: 1px solid #e0e0e0
}

.login-callout-btns {
    padding: 20px;
    text-align: center
}

.promo10 {
    padding: 10px;
    margin: 5px 5px 10px 5px;
    border: 1px solid #e5e5e5;
    background: #fdfdfd
}

.promo11 {
    padding-bottom: 12px;
    margin: 0 5px 10px 60px;
    font-size: 100%
}

.promo11 p {
    width: 95%
}

.promo11 p.small {
    font-size: 80%
}

.promo12 {
    padding: 5px;
    margin: 0 auto 0 auto;
    width: 218px;
    color: #333;
    line-height: 120%;
    background: #d5e7f0;
    border-radius: 8px
}

.promo12 h1 {
    color: #015a84
}

.promo12 h3 {
    color: #015a84
}

.promo12.buynow {
    margin: 0 0 0 30px;
    padding: 2px;
    line-height: 130%;
    font-weight: 700;
    background: #ccc
}

.promo12.downloads {
    padding: 15px;
    margin: 0 auto 0 10px;
    width: 90%;
    line-height: 120%;
    font-size: 90%
}

.promo13 {
    padding: 15px 5px 15px 5px;
    margin: 0 auto 0 auto;
    width: 218px;
    color: #333;
    line-height: 140%;
    background: #dbe6d9;
    border-radius: 8px
}

.promo13 p {
    width: 95%
}

.promo14 {
    padding: 5px;
    margin: 0 auto 0 auto;
    width: 218px;
    color: #333;
    line-height: 120%;
    background: #f3f3f3;
    border-radius: 8px
}

.promo15 {
    padding: 15px;
    margin: 0 auto 0 auto;
    color: #333;
    background: #d5e7f0;
    border-radius: 8px
}

.promo14 ul {
    list-style: disc
}

.sidebar-promo1 {
    display: block;
    text-align: center;
    margin-bottom: 25px
}

.sidebar-promo1 a,
.sidebar-promo1 a:hover {
    color: #fff;
    text-decoration: none
}

.sidebar-promo1 .promo-top {
    border-radius: 12px 12px 0 0;
    background: #3E78A6;
    background: -moz-linear-gradient(top, #61a1d4 0%, #3E78A6 50%, #285a86 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61a1d4), color-stop(50%, #3E78A6), color-stop(100%, #285a86));
    background: -webkit-linear-gradient(top, #61a1d4 0%, #3E78A6 50%, #285a86 100%);
    background: -o-linear-gradient(top, #61a1d4 0%, #3E78A6 50%, #285a86 100%);
    background: -ms-linear-gradient(top, #61a1d4 0%, #3E78A6 50%, #285a86 100%);
    background: linear-gradient(to bottom, #61a1d4 0%, #3E78A6 50%, #285a86 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61a1d4', endColorstr='#285a86', GradientType=0);
    text-align: center;
    font-size: 160%;
    color: #fff;
    text-shadow: 0 1px #444;
    padding: 4px 8px;
    line-height: 1.3
}

.sidebar-promo1 .promo-bottom {
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #5d84af;
    background: #3E78A6;
    text-align: right;
    font-size: 110%;
    color: #fff;
    text-shadow: 0 1px #666;
    padding: 3px 8px 5px 8px
}

.boxStyled {
    background: #3E78A6 url(../img/box/box-styled-top1b26.gif?v2) no-repeat top left;
    width: 190px;
    float: right;
    margin: 0;
    padding: 0
}

.boxStyled .content {
    color: #fff;
    font-size: 90%;
    padding: 15px 15px 15px 40px;
    background: url(../img/box/box-styled-bottom1b26.gif?v2) no-repeat bottom left;
    height: 1%
}

.boxStyled p {
    font-size: 100%
}

.boxStyled h2 {
    font-size: larger;
    letter-spacing: 1px;
    color: #fbac5d
}

.boxStyled h3 {
    color: #fbac5d
}

.boxStyled ul {
    font-size: 100%
}

.boxStyled ul li {
    color: #fff;
    line-height: 120%;
    margin: 0 5px 5px 15px;
    list-style: url(../themes/sakila/list-arrow-orange-on-blue.png)
}

.boxStyled ul .developer {
    font-size: 100%
}

.boxStyled ul li .developer {
    list-style: url(../themes/sakila/list-arrow-orange-on-blue.png)
}

.boxStyled a {
    background: transparent;
    text-decoration: none
}

.boxStyled a:link {
    color: #fff
}

.boxStyled a:active {
    color: #fff
}

.boxStyled a:visited {
    color: #fff
}

.boxStyled a:hover {
    color: #fbac5d;
    text-decoration: underline
}

.boxStyled h2 a:link {
    color: #fbac5d
}

.boxStyled h2 a:active {
    color: #fbac5d
}

.boxStyled h2 a:visited {
    color: #fbac5d
}

.boxStyled h2 a:hover {
    color: #fbac5d;
    text-decoration: underline
}

.boxStyled h3 a:link {
    color: #fbac5d
}

.boxStyled h3 a:active {
    color: #fbac5d
}

.boxStyled h3 a:visited {
    color: #fbac5d
}

.boxStyled h3 a:hover {
    color: #fbac5d;
    text-decoration: underline
}

.boxStyled .button-blue {
    box-shadow: inset 0 1px 0 0 #fff;
    background: #f6f6f6;
    background: -webkit-linear-gradient(top, #f6f6f6 5%, #cdcdcd 100%);
    background: linear-gradient(to bottom, #f6f6f6 5%, #cdcdcd 100%);
    border-radius: 4px;
    border: 1px solid #727272;
    display: inline-block;
    color: #333;
    font-size: 120%;
    padding: 2px 8px 2px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    line-height: 1.6
}

.boxStyled .button-blue:hover {
    background: #015a84;
    background: -webkit-linear-gradient(top, #015a84 5%, #3f8bae 100%);
    background: linear-gradient(to bottom, #015a84 5%, #3f8bae 100%);
    text-decoration: none;
    text-shadow: 1px 1px 1px #1570cd;
    box-shadow: inset 0 1px 0 0 #9fc0cf;
    border: 1px solid #206e92;
    color: #fff
}

.boxStyled a.button-blue {
    color: #333
}

.boxStyled51 {
    background: #3E78A6 url(../img/box/box-styled-top1b26.gif?v2) no-repeat top left;
    width: 190px;
    min-width: 300px;
    float: right;
    margin: 0;
    padding: 0
}

.boxStyled51 .content {
    color: #fff;
    font-size: 90%;
    padding: 15px 15px 15px 40px;
    background: url(../img/box/box-styled-bottom1b26.gif?v2) no-repeat bottom left;
    height: 1%
}

.boxStyled51 p {
    font-size: 100%
}

.boxStyled51 h2 {
    font-size: larger;
    letter-spacing: 1px;
    color: #fbac5d
}

.boxStyled51 h3 {
    color: #fbac5d
}

.boxStyled51 ul {
    list-style: url(../themes/sakila/list-arrow-orange-on-blue.png);
    font-size: 100%
}

.boxStyled51 ul li {
    color: #fff;
    line-height: 120%;
    margin: 0 5px 5px 15px
}

.boxStyled51 ul ul {
    list-style: url(../themes/sakila/list-disc-orange-on-blue.png)
}

.boxStyled51 ul ul li {
    color: #fff;
    line-height: 120%;
    margin: 0 5px 5px 15px
}

.boxStyled51 a {
    background: transparent;
    text-decoration: none
}

.boxStyled51 a:link {
    color: #fff
}

.boxStyled51 a:active {
    color: #fff
}

.boxStyled51 a:visited {
    color: #fff
}

.boxStyled51 a:hover {
    color: #fbac5d;
    text-decoration: underline
}

.boxStyled51 h2 a:link {
    color: #fbac5d
}

.boxStyled51 h2 a:active {
    color: #fbac5d
}

.boxStyled51 h2 a:visited {
    color: #fbac5d
}

.boxStyled51 h2 a:hover {
    color: #fbac5d;
    text-decoration: underline
}

.boxStyled51 h3 a:link {
    color: #fbac5d
}

.boxStyled51 h3 a:active {
    color: #fbac5d
}

.boxStyled51 h3 a:visited {
    color: #fbac5d
}

.boxStyled51 h3 a:hover {
    color: #fbac5d;
    text-decoration: underline
}

#accordion {
    width: 70%;
    margin: 5px 0 55px 0;
    display: table
}

#accordion ul li {
    margin-left: 10px
}

#accordion .accordionentry {
    margin-left: 10px;
    padding: 10px;
    border: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 8px
}

#accordion h3 {
    background: url(../themes/sakila/accordion_bg.jpg) bottom repeat-x;
    border: #e0e0e0 solid 1px;
    padding: 2px 5px 2px 5px;
    outline: none;
    border-radius: 8px
}

div.screenshot {
    clear: right;
    float: right;
    font-size: smaller;
    padding: 4px;
    text-align: center;
    width: 240px
}

div.pageMainColumn {
    width: 65%
}

div.pageMainColumn ul li {
    margin-left: 8px
}

.imageContentLayout {
    float: left;
    max-width: 65%;
    margin: 0;
    padding: 0
}

.imageContentLayout dl {
    float: left;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    display: inline
}

.imageContentLayout dl.last {
    border-bottom: none;
    margin-bottom: 25px
}

.imageContentLayout dt {
    float: right;
    width: 50%;
    padding: 0;
    color: #666
}

.imageContentLayout dd {
    margin: 0 0 0 220px;
    width: 50%;
    padding: 0
}

.imageContentLayout dd.img {
    margin: 0
}

.imageContentLayout dd.img img {
    float: left;
    margin: 0;
    padding: 0 8px;
    background: #fff
}

.imageContentLayout .byline {
    font-style: italic
}

.imageContentLayout a {
    text-transform: uppercase
}

form {
    margin: 0 0 15px 0;
    padding: 0;
    color: #333
}

.form {
    margin: 10px 0 0 0;
    max-width: 750px;
    font-size: 95%
}

.form .section td {
    background: #eee;
    border: none;
    margin: 0;
    padding: 8px 15px;
    font-weight: 700;
    text-align: left
}

.form td {
    padding: 8px 0 8px 14px;
    margin: 0;
    border: none
}

.form td.label {
    text-align: right;
    vertical-align: top;
    width: 45%;
    min-width: 150px
}

.form td.labeltextarea {
    font-size: 11px;
    vertical-align: middle;
    padding: 8px 4px
}

.form td.helptext {
    font-size: 11px;
    vertical-align: middle;
    padding: 8px 4px
}

.form .helptext_alt {
    font-size: 10px;
    font-weight: 400;
    vertical-align: middle;
    padding: 8px 4px
}

.form tr.section td.label {
    text-align: left
}

.form .label.required {
    font-weight: 700
}

.form .labeltextarea.required {
    font-weight: 700
}

.form tr.buttons td {
    text-align: right;
    padding-right: 25px;
    border-bottom: none
}

.radio,
.check {
    position: relative;
    top: 3px
}

fieldset {
    margin: 8px 0;
    padding: 12px;
    border: 1px solid #ccc
}

legend {
    font-weight: 700;
    color: #333;
    margin: 0 4px
}

.frm {
    border: 1px solid #7f7f7f;
    padding: 2px 1px 0 1px;
    line-height: 110%
}

.submit {
    color: #fff;
    font-weight: 700;
    font-size: 90%;
    padding: 5px 8px;
    border-right: 1px solid #304C60;
    border-bottom: 1px solid #304C60;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #217ba8
}

.submit2 {
    color: #fff;
    font-weight: 700;
    font-size: 90%;
    padding: 3px 8px;
    border-right: 1px solid #304C60;
    border-bottom: 1px solid #304C60;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #217ba8
}

.submit3 {
    color: #fff;
    font-weight: 700;
    font-size: 90%;
    padding: 3px 8px;
    border-right: 1px solid #304C60;
    border-bottom: 1px solid #304C60;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #217ba8
}

table {
    margin-bottom: 10px;
}

.table02 {
    margin-bottom: 30px
}

.table02 table {
    margin-bottom: 30px
}

.table02 th {
    font-weight: 700;
    color: #666;
    padding: 7px;
    text-align: left;
    background: #eee;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px dashed #999
}

.table02 th:first-child {
    border-left: 1px solid #999
}

.table02 th:last-child {
    border-right: 1px solid #999
}

.table02 td {
    padding: 8px;
    font-size: 95%;
    border-right: 1px dashed #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.table02 td:last-child {
    border-right: none
}

.table02 .alt {
    background: #f3f3f3
}

table.table04 {
    width: 100%
}

.table04 td {
    padding: 0 7px
}

.table04 td.col1 {
    width: 50%
}

.table04 td.col3 {
    width: 15%;
    text-align: center
}

.table04 td.col4 {
    width: 15%;
    text-align: right
}

.table04 td.col5 {
    width: 20%;
    white-space: nowrap;
    text-align: right
}

.table04 .alt {
    background: #f3f3f3
}

.table04 .sub-text {
    color: #666;
    font-size: 80%;
    padding-bottom: 5px
}

.download-info {
    padding-top: 25px;
    font-size: 85%;
    line-height: 1.8em
}

table.styled {
    border-bottom: 1px solid #e0e0e0;
    margin: 1em 0
}

table.styled th {
    margin: 0;
    padding: 3px 4px;
    background: #eee;
    font-weight: 700
}

table.styled th.title {
    font-size: 120%
}

table.styled td {
    margin: 0;
    padding: 8px 8px 4px 4px;
    border-top: 1px solid #e0e0e0
}

table.matrix {
    width: 90%;
    padding: 0;
    margin: 25px 0;
    border-top: solid #666 1px;
    border-left: solid #666 1px;
    border-right: solid #666 1px;
    border-bottom: solid #666 1px;
    line-height: 1.6
}

table.matrix .label {
    font-size: 115%;
    padding: 0 0 0 5px
}

table.matrix th {
    padding: 4px 20px 4px 5px;
    border-top: solid #666 1px
}

table.matrix tr td {
    border-top: solid #666 1px
}

table.matrix tr.header {
    border-top: solid #666 1px
}

table.matrix tr.header th {
    background: #3E78A6;
    color: #fff
}

table.matrix tr.header a {
    color: #fff
}

table.matrix tr.sub_header th {
    vertical-align: middle
}

table.matrix tr.label a {
    color: #000
}

table.matrix tr.alt td {
    background: #d5e7f0;
    color: #333;
    border-top: solid #666 1px
}

table.matrix td.alt,
table.matrix th.alt {
    background: #d5e7f0
}

table.matrix tr.label td {
    padding: 4px 0 4px 2px;
    margin: 0;
    background: #ccc;
    text-align: left;
    font-weight: 700;
    font-size: 85%;
    color: #333;
    border-top: solid #666 1px
}

table.matrix td.row,
table.matrix th.row {
    margin: 0;
    padding: 4px 50px 4px 10px;
    text-align: left
}

table.matrix tr.rownb {
    line-height: 90%
}

table.matrix tr.rownb td,
table.matrix tr.rownb th {
    border-top: hidden;
    border-bottom: hidden;
    font-size: 90%
}

table.matrix tr.rownb td.row,
table.matrix tr.rownb th.row {
    padding-left: 20px
}

table.matrix td.techspec {
    margin: 0;
    padding: 0 50px 0 10px;
    text-align: left;
    font-size: 85%
}

table.matrix td.techspec ul li {
    list-style-image: none;
    line-height: 120%
}

table.matrix td.techspec h3 {
    margin-top: 10px;
    font-size: 105%;
    line-height: 150%
}

table.matrix td {
    margin: 0;
    padding: 5px;
    text-align: center
}

table.matrix td.altn:nth-of-type(odd),
table.matrix th.altn:nth-of-type(odd) {
    margin: 0;
    padding: 5px;
    text-align: center
}

table.matrix td.altn:nth-of-type(even),
table.matrix th.altn:nth-of-type(even) {
    background: #d5e7f0
}

table.lab-files th {
    font-weight: 700;
    color: #666;
    border-bottom: 1px solid #666
}

table.lab-files td {
    padding: 3px 10px 3px 10px
}

.lCol {
    float: left;
    width: 49%;
    margin-right: 1%;
    background: #fff
}

.rCol {
    float: left;
    width: 49%;
    background: #fff
}

.lCol .indent {
    margin: 0 12px 0 12px;
    padding: 0
}

.rCol .indent {
    margin: 0 0 0 12px;
    padding: 0
}

.bio-sidebar {
    float: left;
    margin-right: 10px
}

.figure-con-1000,
.figure-con-900,
.figure-con-800,
.figure-con-700,
.figure-con-600 {
    display: block;
    font-style: italic;
    margin: 20px 0;
    text-align: center;
    max-width: 1000px
}

.figure-con-900 {
    max-width: 900px
}

.figure-con-800 {
    max-width: 800px
}

.figure-con-700 {
    max-width: 700px
}

.figure-con-600 {
    max-width: 600px
}

.figure-con-1000 img,
.figure-con-900 img,
.figure-con-800 img,
.figure-con-700 img,
.figure-con-600 img {
    width: 100%
}

.grey-button {
    -webkit-box-shadow: rgba(0, 0, 0, .199219) 0 1px 0 0;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #bbb;
    box-shadow: rgba(0, 0, 0, .199219) 0 1px 0 0;
    color: #444;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    padding: 4px 16px;
    text-shadow: #fff 0 1px 0
}

.grey-button:hover {
    background-color: #f9f9f9
}

.grey-button:active {
    background-color: #fff;
    color: #222
}

.button03 {
    white-space: nowrap;
    line-height: 2em;
    margin: 10px 3px
}

.button03 a:link,
.button03 a:visited,
input.button03,
.lead_button input {
    color: #fff;
    font-weight: 700;
    font-size: 90%;
    padding: 3px 8px;
    border-right: 1px solid #304C60;
    border-bottom: 1px solid #304C60;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #217ba8
}

.button03 a:hover {
    color: #fc6;
    text-decoration: none
}

.button04 {
    white-space: nowrap;
    line-height: 2em;
    margin: 10px 3px
}

.button04 a:link,
.button04 a:visited,
input.button04 {
    color: #fff;
    font-weight: 700;
    font-size: 90%;
    padding: 3px 8px;
    border-right: 1px solid #c06600;
    border-bottom: 1px solid #c06600;
    border-left: 1px solid #fae2cc;
    border-top: 1px solid #fae2cc;
    background: #f8981d
}

.button04 a:hover {
    color: #fc6;
    text-decoration: none
}

.button05 {
    white-space: nowrap;
    line-height: 2em;
    margin: 10px 3px
}

.button05 a:link,
.button05 a:visited,
input.button05 {
    color: #666;
    font-weight: 700;
    font-size: 90%;
    padding: 2px 8px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #fbfbfb
}

.button05 a:hover {
    color: #666;
    text-decoration: underline
}

.big-button-blue,
.med-button-blue,
.small-button-blue {
    box-shadow: inset 0 1px 0 0 #9fc0cf;
    background: #3f8bae;
    background: -webkit-linear-gradient(top, #3f8bae 5%, #015a84 100%);
    background: linear-gradient(to bottom, #3f8bae 5%, #015a84 100%);
    border-radius: 6px;
    border: 1px solid #206e92;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #1570cd;
    text-align: center;
    line-height: 1.1
}

.big-button-blue:hover,
.med-button-blue:hover,
.small-button-blue:hover {
    background: #015a84;
    background: -webkit-linear-gradient(top, #015a84 5%, #3f8bae 100%);
    background: linear-gradient(to bottom, #015a84 5%, #3f8bae 100%);
    text-decoration: none
}

.big-button-blue:active,
.med-button-blue:active,
.small-button-blue:active {
    position: relative;
    top: 1px
}

.med-button-blue {
    font-size: 16px;
    border-radius: 4px;
    padding: 4px 16px
}

.small-button-blue {
    font-size: 14px;
    border-radius: 4px;
    padding: 2px 8px;
    line-height: 1.6
}

.big-button-green {
    box-shadow: inset 0 1px 0 0 #a4e271;
    background: #89c403;
    background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    border-radius: 6px;
    border: 1px solid #74b807;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #528009;
    text-align: center;
    line-height: 1.1
}

.big-button-green:hover {
    background: #77a809;
    background: -webkit-linear-gradient(top, #77a809 5%, #77a809 100%);
    background: linear-gradient(to bottom, #77a809 5%, #77a809 100%);
    text-decoration: none
}

.big-button-green:active {
    position: relative;
    top: 1px
}

a.big-button-blue,
a.med-button-blue,
a.small-button-blue,
a.big-button-green {
    color: #fff
}

.button-subtitle {
    font-size: 50%;
    color: #eee
}

.button-clear {
    clear: both;
    margin-top: 20px;
    padding: 15px 0 0 55px
}

.addthis_toolbox {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.addthis_toolbox .custom_images a {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0
}

.addthis_toolbox .custom_images a:hover img {
    opacity: 1
}

.addthis_toolbox .custom_images a img {
    opacity: .5
}

ul {
    margin: 0 4px 14px 24px;
    padding: 0;
    list-style: url(../themes/sakila/list-disc-orange.html)
}

ul li {
    margin: 0 0 5px 0;
    font-size: 95%;
    line-height: 150%
}

ul ul {
    list-style: url(../themes/sakila/list-disc-blue.html)
}

ul ul li {
    font-size: 100%
}

ul .date {
    font-size: 90%
}

ul.styled {
    list-style: url(../themes/sakila/list-raquo-orange.html)
}

ul.styled li {
    line-height: 120%
}

ul .date {
    font-size: 90%
}

ul.none {
    list-style-type: none;
    list-style-image: none
}

ol {
    margin: 0 4px 8px 16px;
    padding: 0
}

ol li {
    font-size: 95%;
    margin: 0 0 1px 8px;
    padding: 0 0 7px 0
}

ol ol li {
    font-size: 100%
}

dd {
    margin: 0em 0em 0em 2em
        /*此处原为1em 0em 1em 2em*/
}

ul.attentionItem {
    list-style: url(../themes/sakila/list-arrow-orange.html)
}

ul.attentionItem li {
    font-weight: 700;
    font-size: 110%;
    margin: 16px 0 4px 0
}

ul.attentionItem span.subText {
    font-weight: 400;
    font-size: 90%;
    margin: 16px 0 4px 0
}

ul.attentionItem a:visited {
    color: #00759f
}

ul.results {
    margin: 1.6em -1px .8em;
    padding: 0 1px 0 150px;
    padding-top: .6em;
    overflow: hidden;
    list-style-type: none;
    list-style-image: none
}

ul.results.noImage {
    padding: 0 1px 0 10px
}

ul.results.noImage li.item {
    width: 100%
}

ul.results li.item {
    position: relative;
    margin: 0;
    padding: 20px 0;
    width: 80%;
    line-height: 180%;
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0
}

ul.results li.item a.thumbnail {
    display: block;
    position: absolute;
    margin-left: -140px;
    text-align: center;
    font-weight: 700
}

ul.results .title {
    font-weight: 700;
    font-size: 120%;
    display: block
}

ul.results li.item span.tag {
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

ul.results li.item span.subtext {
    display: block;
    font-size: 95%;
    margin-bottom: 10px
}

ul.results li.item span.description {
    display: block;
    margin-bottom: 10px
}

ul.results li.item span.button03 {
    margin-left: 80%
}

ul.results li.item .linkAction {
    text-transform: uppercase
}

dt {
    font-weight: 700
}

dl.FAQ {
    margin-top: 25px
}

.FAQ dt {
    margin-top: 30px
}

.FAQ dd {
    margin: 10px 0 0 0
}

.FAQ dd:First-letter {
    font-weight: 700
}

.FAQ dd li {
    margin-left: 10px
}

ol.FAQ li {
    font-size: 12px;
    margin-bottom: 8px
}

.faq-question {
    font-weight: 700;
    font-size: 115%
}

.faq-answer {
    padding-top: 5px;
    padding-bottom: 10px
}

.alert01 {
    border: 1px solid #eae3c1;
    padding: 8px 10px 0 10px;
    margin: 15px 0;
    background: #fff9d7
}

.alert01 .icon {
    background: url(../img/icons/alert-24x24.png) no-repeat
}

.alert01 p {
    margin-left: 35px;
    padding-bottom: 2px;
    font-weight: 700
}

.alert01 ul {
    list-style-image: none
}

.alert02 {
    border: 2px solid #e5e5e5;
    padding: 8px 10px 0 10px;
    margin: 15px 0;
    background: #fbfbfb
}

.alert02 .icon {
    background: url(../img/icons/info-24x24.png) no-repeat
}

.alert02 p {
    margin-left: 35px;
    padding: 2px
}

.alert02 ul {
    list-style-image: none
}

.error {
    border: 1px solid #e2c822;
    padding: 10px;
    width: 90%;
    font-weight: 700;
    background: #fff9d7
}

.notice {
    font-size: 12px;
    text-align: center;
    font-weight: 700
}

.success {
    color: #090
}

.explain {
    width: 90%;
    background: #ffe;
    border: 1px #ccc solid;
    padding: 7px;
    font-size: 12px
}

small.help {
    font-style: italic
}

table#quickpoll td {
    padding: 2px
}

table#quickpoll td.polloptionothers {
    width: 150px
}

table#quickpoll-results {
    margin: 20px 0 30px 20px
}

table#quickpoll-results td {
    padding: 2px 8px
}

.form03 label {
    font-size: 95%
}

.form03 select {
    font-size: 105%
}

.form03 select.stacked {
    width: auto;
    min-width: 450px
}

p.byline {
    font-size: smaller;
    font-weight: 700
}

.notice {
    font-weight: 700;
    color: #900
}

div#openworldpromo h2 {
    font-weight: 700
}

div#openworldpromo p,
div#openworldpromo a {
    font-weight: 700;
    font-size: 14px
}

div#dev-openworldpromo {
    margin-left: 255px;
    width: 600px
}

div#dev-openworldpromo h2 {
    font-weight: 700
}

div#dev-openworldpromo p,
div#dev-openworldpromo a {
    font-weight: 700;
    font-size: 14px
}

.pagination_text {
    float: left;
    margin-right: 40px;
    padding-bottom: 10px
}

.pagination_list {
    float: left;
    min-width: 400px;
    padding-bottom: 0
}

div#docs-main ul#pagination,
ul#pagination {
    border: 0;
    margin: 0;
    padding: 0
}

div#docs-main #pagination li,
#pagination li {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 80%;
    list-style: none;
    margin-right: 4px
}

#pagination a {
    border: solid 1px #e5eefd;
    margin-right: 4px
}

div#docs-main #pagination .previous-off,
div#docs-main #pagination .next-off,
#pagination .previous-off,
#pagination .next-off {
    border: solid 1px #DEDEDE;
    color: #888;
    display: block;
    float: left;
    margin-right: 4px;
    padding: 3px 4px
}

div#docs-main #pagination .active,
#pagination .active {
    border: solid 1px #015a84;
    background: #e5eefd;
    color: #015a84;
    font-weight: 700;
    display: block;
    float: left;
    padding: 3px 6px
}

#pagination a:link,
#pagination a:visited {
    color: #015a84;
    display: block;
    float: left;
    padding: 3px 6px;
    text-decoration: none
}

#pagination a:hover {
    border: solid 1px #015a84;
    background: #e5eefd
}

.loadmask {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: .35;
    opacity: .35;
    filter: alpha(opacity=35);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #6593cf;
    background: #c3daf9;
    padding: 2px
}

.loadmask-msg div {
    padding: 5px 10px 5px 25px;
    background: #fbfbfb url(../img/loading.html) no-repeat 5px 5px;
    line-height: 16px;
    border: 1px solid #a3bad9;
    color: #222;
    font: normal 11px tahoma, arial, helvetica, sans-serif;
    cursor: wait
}

.load-masked {
    overflow: hidden !important
}

.load-masked-relative {
    position: relative !important
}

.load-masked-hidden {
    visibility: hidden !important
}

#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left
}

#facebox .popup {
    position: relative;
    border: 3px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, .4);
    box-shadow: 0 0 18px rgba(0, 0, 0, .4)
}

#facebox .content {
    display: table;
    width: 370px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#facebox .content>p:first-child {
    margin-top: 0
}

#facebox .content>p:last-child {
    margin-bottom: 0
}

#facebox .close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px;
    background: #fff
}

#facebox .close img {
    opacity: .3
}

#facebox .close:hover img {
    opacity: 1
}

#facebox .loading {
    text-align: center
}

#facebox .image {
    text-align: center
}

#facebox img {
    border: 0;
    margin: 0
}

#facebox_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.facebox_hide {
    z-index: -100
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99
}

.search_tasks {
    padding: 10px 10px 10px 20px;
    font-size: 90%
}

.search_tasks label {
    display: block;
    text-align: right;
    float: left;
    width: 70px;
    padding-right: 5px;
    clear: left;
    padding-bottom: 3px
}

.search_tasks input,
.search_tasks select {
    float: left;
    width: 145px;
    margin-bottom: 10px
}

.search_tasks select {
    width: 145px
}

.search_tasks br {
    clear: both
}

#search_button {
    margin: 0 0 20px 70px
}

.worklog_description {
    font-size: 85%;
    clear: both;
    margin: 0 25px 0 40px;
    padding: 20px 0;
    border-top: 1px solid #e9eaeb
}

.worklog_copyright {
    font-size: 70%
}

.worklog_copyright_main {
    font-size: 85%;
    padding-bottom: 20px
}

#results_container {
    margin-right: 15px;
    clear: right
}

.tasks {
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    width: 100%;
    margin: 15px 0 10px 0;
    border-collapse: collapse
}

.tasks th {
    font-size: 95%;
    color: #8c8c73;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    text-align: center;
    background-color: #ece7ca;
    padding: 0;
    margin: 0
}

.tasks img.sort {
    float: left;
    width: 12px;
    height: 12px;
    margin: 5px 3px 0 8px
}

.tasks th.active {
    background: #DAE3F2
}

.tasks th a {
    padding: 2px 6px;
    display: block;
    background-color: transparent
}

.tasks th a:hover {
    background: #e97b00;
    color: #fff;
    text-decoration: none
}

.tasks th {
    background-color: #e5eefd;
    color: #5F5F5F
}

.tasks th.desc {
    background-color: #FFF3CB;
    color: #5F5F5F
}

.tasks td {
    font-size: 85%;
    padding: 4px 8px;
    margin: 0;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999
}

.tasks .inline-subrow {
    color: #333;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    font-style: italic
}

.filters th {
    background: #015a84;
    color: #fff
}

td.nowrap,
th.nowrap {
    white-space: nowrap;
    text-align: center
}

.quick_jump {
    float: right;
    margin-top: -65px
}

.quick_jump input.grey-button {
    font-size: 90%;
    height: 24px;
    padding: 2px 8px
}

.task_title {
    font-size: 105%;
    line-height: 1.3em;
    color: #015a84;
    padding: 0 60px 3px 0;
    border-bottom: 1px solid #bbb;
    margin-bottom: 8px
}

#task_dashboard {
    width: 800px;
    font-size: 80%;
    line-height: 1.3em;
    margin-bottom: 15px
}

#task_dashboard.task_fp {
    font-size: 100%
}

#tab_container.task_fp {
    font-size: 90%;
    margin-top: 10px;
    width: 100%
}

#task_attributes {
    float: left
}

#task_votes,
#task_observers {
    float: right
}

.task_label {
    font-style: italic;
    color: #999
}

.tab_facebox {
    height: 330px;
    overflow: auto
}

#tab_container {
    width: 800px;
    font-size: 70%;
    float: left;
    line-height: 1.6em;
    margin-bottom: 5px
}

#tab_container a {
    color: #00759f
}

#tab_container pre {
    font-size: 9pt;
    line-height: 1.4;
    margin-bottom: 10px
}

#tab_container .ui-tabs-panel {
    font-size: 100%;
    color: #555
}

table.compare {
    border: 1px solid #666;
    border-bottom: none;
    color: #333;
    width: 80%
}

.columns {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    border: none
}

.columns td.first {
    color: #999;
    text-align: right;
    font-size: 120%;
    background: #3E78A6;
    width: 140px;
    border: none
}

.columns td {
    padding: 4px 8px 2px 8px;
    text-align: center;
    background: #3E78A6;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #666 1px
}

.columns td.alt {
    background: #3E78A6
}

.cat_bar td {
    background: #ccc;
    border-top: none;
    border-right: none;
    border-left: none;
    padding: 4px;
    font-size: 90%;
    color: #333;
    border-bottom: solid #666 1px
}

.info td:first-child {
    text-align: left
}

.info td.textInfo {
    text-align: left
}

.info td {
    text-align: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #666 1px;
    font-size: 9pt;
    padding: 4px;
    color: #333
}

td.alt {
    background: #d5e7f0;
    border-bottom: solid #666 1px
}

.price td {
    vertical-align: top;
    text-align: center;
    padding: 4px 0 6px 0;
    font-weight: 700;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #666 1px;
    border: none
}

.buy td {
    vertical-align: top;
    text-align: center;
    padding: 4px 0 6px 0;
    font-weight: 700;
    border: none
}

.infotable {
    border: 1px solid #e0e0e0;
    margin: auto;
    border-right: none
}

.infotable th {
    font-size: 90%;
    font-weight: 700;
    color: #666;
    padding: 6px;
    border: solid #e0e0e0 1px;
    border-left: none;
    border-top: none;
    text-align: center;
    background: #eee
}

.infotable td {
    text-align: left;
    border-top: none;
    border-left: none;
    border-bottom: solid #e0e0e0 1px;
    border-right: inset #e0e0e0 1px;
    font-size: 90%;
    line-height: 160%;
    padding: 5px
}

.infotable strong {
    color: #CD6500
}

#err_dialog {
    font-size: 90%
}

#tcocontainer {
    width: 810px
}

#tcotable {
    margin: 15px 0 20px 0
}

#tcotable table {
    border: 1px solid #888;
    line-height: 1.6;
    min-width: 675px
}

#tcotable th {
    background: #d5e7f0;
    padding: 4px;
    font-weight: 700;
    font-size: 100%;
    border-bottom: solid #666 1px;
    border-right: solid #666 1px
}

#tcotable td:first-child {
    font-size: 95%;
    font-weight: 700;
    text-align: left;
    padding-right: 10px
}

#tcotable td {
    text-align: right;
    padding: 3px;
    border-top: none;
    border-left: none;
    border-bottom: solid #666 1px;
    border-right: solid #666 1px
}

#button-container {
    float: left;
    width: 105px;
    text-align: right;
    margin-top: 275px;
    margin-right: 10px
}

.tcoline td {
    background: #fafafa
}

tr.spacer td,
tr.spacer td:first-child {
    background: #ccc;
    color: #333;
    padding: 1px;
    margin: 0;
    font-size: 1px;
    border: none;
    height: 4px;
    border-right: solid #666 1px
}

table.tcooptions-container {
    background: #e0e0e0;
    width: 100%;
    border: none
}

table.tcooptions {
    border: 1px solid #888;
    border-right: none;
    border-bottom: none;
    line-height: 1.6
}

.tcooptions td:first-child {
    background: #d5e7f0;
    border-right: none
}

.tcooptions td {
    background: #fff;
    text-align: right;
    padding: 3px;
    border-top: none;
    border-left: none;
    border-bottom: solid #666 1px;
    border-right: solid #666 1px
}

.tcooptions th {
    background: #3E78A6;
    color: #fff;
    text-align: left;
    font-weight: 700;
    font-size: 110%;
    text-align: left;
    border-right: solid #666 1px;
    border-bottom: solid #aaa 1px;
    padding: 1px 6px
}

.tcooptions select {
    font-size: 90%;
    width: 60px
}

.tcooptions select.wide {
    width: 140px
}

.tcooptions td.button {
    text-align: center;
    background: #fff;
    padding: 12px
}

.notes {
    font-size: 80%
}

.notes.ol {
    margin-bottom: 0
}

#tcoprint input {
    background: #fff;
    color: #000
}

#tcoprint select {
    background: #fff;
    color: #000
}

.ui-dialog {
    font-size: 85%
}

#Customers_spotlight {
    width: 100%;
    margin: 0
}

#Customers_spotlight td {
    width: 30%;
    border-right: 1px dashed #e0e0e0
}

#Customers_spotlight .boxHeader {
    padding: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: none
}

#Customers_spotlight .boxHeader h2 {
    font-size: 90%;
    text-align: center;
    letter-spacing: 1px;
    line-height: 190%;
    text-transform: uppercase;
    margin: 0
}

#Customers_spotlight .boxHeader a:hover {
    text-decoration: underline
}

#Customers_spotlight .logo {
    padding: 25px 10px 15px 10px;
    text-align: center;
    vertical-align: middle;
    color: #666
}

#Customers_spotlight .customer-quote {
    padding: 0 15px 5px 15px;
    vertical-align: top
}

#Customers_spotlight .link {
    border-bottom: 1px dashed #e0e0e0
}

#Customers_spotlight ul {
    margin-left: 20px;
    text-transform: uppercase;
    list-style: url(../themes/sakila/list-raquo-orange.html);
    vertical-align: top
}

#category_table .table02 th:first-child {
    width: 300px
}

#category_table .table02 th:last-child {
    width: 150px
}

#category_table .table02 td:first-child {
    font-weight: 400
}

#Customers_featured {
    width: 100%
}

#Customers_featured td.column {
    width: 33%;
    vertical-align: top
}

#Customers_featured ul {
    list-style: url(../themes/sakila/list-raquo-orange.html)
}

#Customers_featured h3 {
    text-transform: uppercase;
    font-size: 95%
}

#Customers_featured h3 a {
    color: #015a84
}

#Customers_featured .categoryLink {
    text-transform: uppercase
}

div.Customers_content_legend {
    float: right;
    margin-right: 25px;
    margin-left: 25px
}

table.Customers_content_legend {
    color: #666;
    font-size: 85%;
    margin-bottom: 25px;
    border: 1px dashed #e0e0e0
}

.Customers_content_legend td {
    padding: 5px
}

.Customers_content_legend img {
    vertical-align: middle
}

.Customers_select {
    margin-bottom: 25px;
    color: #666
}

.Customers_select select {
    font-size: 100%
}

.Customer_view ul {
    list-style: url(../themes/sakila/list-raquo-orange.html)
}

.Customer_view ul li {
    line-height: 150%
}

.Customer_view img {
    margin: 8px 5px -2px 0
}

.Customer_view .boxStyled {
    width: 30%;
    margin-top: 65px;
    margin-bottom: 20px;
    min-width: 300px;
    font-size: 105%
}

.content-nav {
    padding-bottom: 8px;
    margin-top: -15px;
    padding-bottom: 15px
}

.content-nav main {
    border-bottom: 1px solid #bbb
}

.content-nav select {
    font-size: 100%
}

.content-nav form {
    margin: 0;
    padding: 0
}

.content-no-wrap {
    display: inline-block;
    white-space: nowrap;
    margin-top: 5px
}

#content-container {
    padding: 10px 0 20px 0
}

.content_body {
    max-height: 300px;
    overflow-y: auto
}

.content-hidden {
    display: none
}

.content-more {
    font-size: 100%;
    font-weight: 600
}

.content-download,
.content-download-not-pdf {
    float: left;
    color: #4d4d4d;
    font-size: 100%;
    height: 46px;
    line-height: 1.1em;
    background: #efefeF url(../icons/pdf-32.png) no-repeat 7px 5px;
    background: url(../icons/pdf-32.png) no-repeat 7px 5px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: url(../icons/pdf-32.png) no-repeat 7px 5px, -moz-linear-gradient(top, #fff, #eee);
    border: #c9c9c9 solid 1px;
    padding: 8px 10px 2px 50px;
    margin-top: 10px;
    margin-right: 20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.content-download-not-pdf {
    background: #efefeF;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top, #fff, #eee);
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    padding: 8px 20px 2px 20px
}

#content-results {
    width: 90%
}

#content-results .content-item-logo {
    margin-left: 160px
}

.content-item,
.content-item-logo {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 15px
}

.content-item h3 {
    margin-top: 0
}

.content-item-logo a.logo {
    display: block;
    position: absolute;
    margin-left: -140px;
    text-align: center;
    font-weight: 700
}

.content-download a,
.content-download-not-pdf a {
    font-size: 120%;
    color: #2a2a2a
}

.content-list-date {
    font-size: 90%;
    color: #999
}

.content-list-date-long {
    font-size: 90%;
    color: #666;
    font-weight: 700;
    margin-bottom: 10px
}

h1+.content-list-date-long,
.content-list-date-long+.content-list-date-long {
    margin-top: -10px
}

.content-webinar-block {
    padding: 5px 0 0 15px
}

.content-size {
    color: #5a5a5a;
    font-size: 70%
}

.content-download-container {
    margin: 20px 0 20px 0
}

.content_title {
    font-size: 120%;
    line-height: 1.3em;
    color: #015a84;
    padding: 0 60px 3px 0;
    border-bottom: 1px solid #bbb;
    margin-bottom: 12px
}

.content-topics {
    font-size: 90%;
    padding: 0 0 20px 0;
    margin-top: -10px
}

.content-no-results {
    padding-top: 10px
}

.event {
    padding: 5px 0 15px 0;
    border-bottom: 1px solid #eee;
    display: table;
    width: 99%
}

.event-type {
    display: table-cell;
    margin: 10px 20px 10px 0;
    text-align: center;
    width: 155px;
    vertical-align: top;
    padding-top: 25px
}

.event-info {
    display: table-cell;
    vertical-align: top
}

.event-type-text {
    font-size: 95%
}

.event-type-text-mysql {
    color: #F29111
}

.event-type-text-industry {
    color: #007597
}

.event-type-text-oracle {
    color: #F80000
}

.event-type-icon {
    height: 75px;
    width: 75px;
    background-color: #eee;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 5px
}

.event-type-icon-mysql {
    background-color: #F29111;
    padding-top: 5px;
    padding-left: 5px
}

.event-type-icon-industry {
    background-color: #6698bd;
    padding: 12px 0 0 2px
}

.event-type-icon-oracle {
    background-color: #f80000;
    padding: 8px 0 0 2px
}

.event-type-icon-oracle div {
    display: inline-block;
    font-size: 260%;
    color: #fff;
    font-family: "Univers", Arial, Helvetica, sans-serif;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    transform: scale(1, 1.2)
}

.event-type .icon-sakila {
    color: #fff;
    font-size: 325%
}

.event-type .icon-database {
    color: #fff;
    font-size: 275%
}

.event-type .icon-calendar {
    color: #fff;
    font-size: 250%
}

h1.event-title {
    font-weight: 400;
    font-size: 180%;
    margin-bottom: 5px
}

.event-results .cbtn {
    font-size: 85%
}

.event-date-location {
    font-weight: 500;
    margin-bottom: 15px;
    color: #666
}

div.scaleoutContent {
    float: left;
    width: 55%;
    padding-top: 20px
}

div.scaleoutSidebar {
    float: right;
    width: 35%;
    position: relative;
    top: -20px;
    padding: 20px 0 20px 20px
}

.scaleoutSidebar {
    min-width: 300px
}

.overview {
    border: 1px solid #e07300;
    padding: 10px
}

.boxStyled .content {
    color: #fff
}

.boxStyled .contentCS {
    color: #fff;
    line-height: 1.5;
    padding: 15px 15px 15px 40px;
    background: url(../img/box/box-styled-bottom1b26.gif?v2) no-repeat bottom left;
    height: 1%
}

.boxStyled .content .callOutText {
    font-weight: 700;
    font-size: larger;
    color: #FAEDB2
}

ul.subNav {
    font-size: 85%
}

.dl-license {
    float: right;
    max-width: 240px
}

#downloads {
    width: 98%;
    margin: 25px 0 25px 0
}

#tabs {
    overflow: hidden
}

#facebox .content {
    width: 600px !important
}

.gpg_title {
    font-size: 100%;
    line-height: 1.4em;
    color: #015a84;
    padding: 0 60px 3px 0;
    border-bottom: 1px solid #bbb;
    margin-bottom: 12px
}

pre.gpg_key {
    font-size: 9pt;
    line-height: 1.5
}

.version-load {
    padding: 5px 10px 5px 25px;
    background: #fbfbfb url(../img/loading.html) no-repeat 5px 5px;
    line-height: 16px;
    font-size: 110%;
    font-weight: 700;
    color: #666
}

.form03 label {
    font-size: 95%;
    margin-top: 0
}

.form03 select {
    font-size: 105%
}

.form03 select.stacked {
    width: 30%;
    margin: 5px 0 10px 0
}

h1 {
    margin-top: 15px;
    margin-bottom: 20px
}

#downloads .table04 table {
    width: 100%
}

.archive-form label {
    font-weight: 400;
    font-size: 105%;
    float: left;
    width: 150px;
    padding-right: 5px;
    margin: 0 5px 0 5px;
    text-align: right
}

.archive-form select {
    font-size: 100%;
    width: 420px;
    float: left
}

.archive-form .row {
    float: left
}

#downloads .ui-tabs-panel {
    overflow: auto;
    color: #555
}

#downloads .ui-tabs-panel a {
    color: #007597
}

#downloads .ui-tabs-panel .button03 a {
    color: #fff
}

#downloads .ui-tabs {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 100%;
    border-color: #ccc
}

#downloads .ui-tabs .ui-tabs-nav {
    font-size: 110%
}

#downloads .ui-tabs-panel a.small-button-blue {
    color: #fff
}

#downloads .ui-widget-header {
    background-image: none;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(241, 241, 241, 1)), color-stop(51%, rgba(225, 225, 225, 1)), color-stop(100%, rgba(246, 246, 246, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    border: 1px solid #ddd
}

#downloads .ui-state-default,
#downloads .ui-widget-content .ui-state-default,
#downloads .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background-image: none;
    background-color: #eee
}

#downloads .ui-state-hover,
#downloads .ui-widget-content .ui-state-hover,
#downloads .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background-image: none;
    background-color: #ddd
}

#downloads .ui-state-focus,
#downloads .ui-widget-content .ui-state-focus,
#downloads .ui-widget-header .ui-state-focus {
    border: 1px solid #ccc
}

#downloads .ui-state-active,
#downloads .ui-widget-content .ui-state-active,
#downloads .ui-widget-header .ui-state-active {
    border: 1px solid #ccc;
    background-color: #fff;
    border-bottom: 1px solid #fff
}

#dl-page-header {
    padding: 15px 10px 0 50px;
    font-size: 200%;
    font-weight: 400;
    line-height: 140%
}

#dl-page-header .icon-download-thin {
    font-size: 90%;
    padding-right: 5px;
    vertical-align: middle
}

#dl-sub-header {
    padding: 6px 10px 6px 50px;
    margin-bottom: 15px;
    font-size: 130%;
    font-weight: 400;
    line-height: 140%;
    color: #333
}

#dl-sub-header .icon-chevron-left {
    font-size: 110%;
    padding-right: 7px;
    padding-left: 8px;
    vertical-align: middle;
    color: #777
}

#dl-sub-header .icon-chevron-left:hover {
    color: #222
}

#dl-sub-header a:hover {
    text-decoration: none
}

.gpl-downloads #footer-bottom,
.gpl-downloads #site-footer-links,
.gpl-downloads header {
    display: none
}

.gpl-downloads #footer-logo {
    margin-top: 0
}

.gpl-downloads #footer-links {
    background: #fff
}

#mysql_menu {
    background: #015a84 url(../themes/sakila/nav_sakila_front.html) no-repeat top left
}

/*怀疑此处就是导航菜单前的海豚图标*/
#banners {
    position: relative;
    width: 100%;
    height: 330px;
    margin-bottom: 20px
}

.fp-banner {
    position: absolute;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 0;
    background: #e2e2e2;
    height: 330px;
    text-align: center;
    background-size: 20px 660px !important
}

.fp-banner-image {
    position: relative;
    background-size: 1280px 330px !important;
    margin: 0 auto;
    width: 960px;
    height: 330px;
    filter: inherit
}

.fp-banner-dots {
    position: absolute;
    top: 317px;
    width: 100%;
    text-align: center
}

.fp-banner-dots-center {
    position: relative;
    margin: 0 auto
}

.fp-banner-dots-left {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../themes/sakila/site-sprite1.html) no-repeat -40px 0
}

.fp-banner-dots-right {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    background: url(../themes/sakila/site-sprite1.html) no-repeat -65px 0
}

.fp-banner-dots a {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff url(../themes/sakila/site-sprite1.html) no-repeat top left
}

.fp-banner-dots a.on {
    background-position: -15px 0
}

.fp-banner-dots a.off {
    background-position: top left
}

.fp-banner-dots a:hover {
    background-position: -15px 0
}

.fp-banner-link {
    border: 0;
    position: absolute
}

.inside-banner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 0;
    background: #e2e2e2;
    height: 240px;
    text-align: center;
    background-size: 20px 480px !important
}

.inside-banner-image {
    background-size: 1280px 240px !important;
    width: 960px;
    height: 240px;
    display: inline-block
}

#banners-sm {
    position: relative;
    width: 100%;
    height: 259px;
    margin-bottom: 20px
}

#banners-sm-back {
    position: absolute;
    width: 100%;
    height: 259px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    background: url(../themes/sakila/banners/b300-dev-back2.html) repeat-x top
}

#fp-banners-sm-container {
    position: relative;
    max-width: 1600px;
    height: 257px;
    margin: 0 auto
}

.fp-banners-sm-col {
    display: block;
    float: left;
    width: 23.5%;
    height: 257px;
    margin: 0 .6% 0 .6%;
    text-align: center
}

.fp-banner-sm-container {
    display: inline-block;
    max-width: 310px;   /*310px;*/
    height: 257px;     /*257px;*/
    margin: 0 auto;
    padding: 28px 0 0 0;
    background: url(../themes/sakila/banners/b300-banner-back2.html) no-repeat top left
}

.fp-logo-header,
.fp-logo-container {
    text-align: center;
    font-size: 180%;
    line-height: 1.6;
    font-weight: 300
}

.fp-logo-container {
    margin: 30px 10% 30px 10%
}

#fp-logos a {
    display: inline-block;
    width: 120px;
    height: 80px;
    margin: 5px 15px;
    background: url(../themes/sakila/logo-sprite-x2-v3.html) no-repeat top left;
    background-size: 1200px 240px
}

#fp-products {
    padding-left: 30px
}

.fp-product-icon {
    display: table-cell;
    direction: ltr;
    vertical-align: top;
    width: 145px
}

#fp-product-icon-enterpise,
#fp-product-icon-cluster,
#fp-product-icon-embedded,
#fp-product-icon-cloud {
    display: inline-block;
    width: 75px;
    height: 75px;
    margin: 0 35px;
    background: url(../themes/sakila/op-sprite1.html) no-repeat top left;
    background-size: 300px 75px
}

#fp-product-icon-enterpise {
    background-position: -75px 0
}

#fp-product-icon-embedded {
    background-position: -150px 0
}

#fp-product-icon-cloud {
    background-position: -225px 0
}

.fp-product {
    display: table-cell;
    direction: ltr;
    vertical-align: top;
    line-height: 1.6
}

.fp-product h2,
#fp-blogs h2,
#fp-dev-side h2 {
    padding: 0 0 15px 0;
    margin: 0;
    line-height: 130%;
    color: #e97b00;
    font-weight: 400
}

.fp-product h2 a,
.fp-product h2 a:visited {
    color: #e97b00
}

#fp-dev-side h2 {
    padding: 15px 0 5px 5px;
    font-size: 135%
}

#fp-dev-side ul {
    padding-left: 5px
}

#fp-dev-side ul li {
    padding-top: 5px
}

#fp-content-app h2 {
    color: #f7c891;
    font-size: 180%;
    font-weight: 400;
    margin-bottom: 15px
}

#fp-content-app ul li {
    padding-top: 5px
}

#fp-content-app span.icon-laptop,
#fp-content-app span.icon-files {
    padding-right: 10px;
    vertical-align: middle
}

.fp-pb-30 {
    padding-bottom: 30px
}

#fp-logos a.fp-logo-wechat {
    background-position: 0 0
}

#fp-logos a.fp-logo-paypal {
    background-position: -120px 0
}

#fp-logos a.fp-logo-netflix {
    background-position: -240px 0
}

#fp-logos a.fp-logo-verizon {
    background-position: -360px 0
}

#fp-logos a.fp-logo-facebook {
    background-position: -480px 0
}

#fp-logos a.fp-logo-alibaba {
    background-position: -600px 0
}

#fp-logos a.fp-logo-github {
    background-position: -720px 0
}

#fp-logos a.fp-logo-toyota {
    background-position: -840px 0
}

#fp-logos a.fp-logo-shopify {
    background-position: -960px 0
}

#fp-logos a.fp-logo-tencent {
    background-position: -1080px 0
}

#fp-logos a.fp-logo-linkedin {
    background-position: 0 -80px
}

#fp-logos a.fp-logo-paytm {
    background-position: -120px -80px
}

#fp-logos a.fp-logo-twitter {
    background-position: -240px -80px
}

#fp-logos a.fp-logo-booking {
    background-position: -360px -80px
}

#fp-logos a.fp-logo-zappos {
    background-position: -480px -80px
}

#fp-logos a.fp-logo-ebay {
    background-position: -600px -80px
}

#fp-logos a.fp-logo-flipkart {
    background-position: -720px -80px
}

#fp-logos a.fp-logo-cisco {
    background-position: -840px -80px
}

#fp-logos a.fp-logo-youtube {
    background-position: -960px -80px
}

#fp-logos a.fp-logo-uber {
    background-position: -1080px -80px
}

#fp-logos a.fp-logo-bankamer {
    background-position: 0 -160px
}

#fp-logos a.fp-logo-walmart {
    background-position: -120px -160px
}

#fp-logos a.fp-logo-airbnb {
    background-position: -240px -160px
}

#fp-logos a.fp-logo-taobao {
    background-position: -360px -160px
}

.cbtn {
    position: relative;
    margin: 10px 0;
    line-height: 1.6;
    width: 100%;
    z-index: 3
}

.cbtn>div {
    display: inline-block;
    margin: 0 16px .6em 0;
    position: relative;
    background: #e7e7e7;
    text-align: center
}

.cbtn>div>a {
    position: relative;
    display: inline-block;
    z-index: 0;
    -ms-user-select: none
}

.cbtn>div>a {
    position: relative;
    border: 1px solid #d4d4d4;
    display: block;
    padding: .4em 3.375em .4em .9375em;
    font-size: 110%;
    background: #fff;
    background: -moz-linear-gradient(top, #e7e7e7 0%, #fff 56%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(56%, #fff));
    background: -webkit-linear-gradient(top, #e7e7e7 0%, #fff 56%);
    background: -o-linear-gradient(top, #e7e7e7 0%, #fff 56%);
    background: -ms-linear-gradient(top, #e7e7e7 0%, #fff 56%);
    background: linear-gradient(to bottom, #e7e7e7 0%, #fff 56%);
    line-height: 1.8
}

.cbtn>div>a::before {
    font-family: icons;
    content: "v";
    display: table-cell;
    position: absolute;
    vertical-align: center;
    right: 0;
    width: 35px;
    min-height: 30px;
    height: 100%
}

.cbtn>div>a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #d7d7d7;
    width: 36px
}

.cbtn>div:hover>a {
    text-decoration: none;
    background: transparent
}

.cbtn>div:hover {
    background: #4479a1;
    -webkit-transition: background 150ms linear;
    -moz-transition: background 150ms linear;
    -o-transition: background 150ms linear;
    -ms-transition: background 150ms linear;
    transition: background 150ms linear
}

.cbtn>div:hover>a {
    border: 1px solid #2c82b9;
    color: #fff;
    -webkit-transition: color 150ms linear;
    -moz-transition: color 150ms linear;
    -o-transition: color 150ms linear;
    -ms-transition: color 150ms linear;
    transition: color 150ms linear
}

.cbtn>div:hover>a:after {
    border-left: 1px solid #aaa;
    -webkit-transition: border-color 250ms linear;
    -moz-transition: border-color 250ms linear;
    -o-transition: border-color 250ms linear;
    -ms-transition: border-color 250ms linear;
    transition: border-color 250ms linear;
    -webkit-box-shadow: -1px 0 0 #2c82b9;
    -moz-box-shadow: -1px 0 0 #2c82b9;
    box-shadow: -1px 0 0 #2c82b9
}

.cbtn>div:hover>a:before {
    background-position: 11px 6px
}

.con {
    width: 100%;
    line-height: 1.6
}

.rw {
    width: 100%
}

.rw::after {
    content: "";
    clear: both;
    display: table
}

.col-1-of-2,
.col-2-of-4 {
    width: 50%
}

.col-1-of-3 {
    width: 33.3%
}

.col-2-of-3 {
    width: 66.6%
}

.col-1-of-4 {
    width: 25%
}

.col-3-of-4 {
    width: 75%
}

.col-2-of-2,
.col-3-of-3,
.col-4-of-4 {
    width: 100%
}

[class*="col-"] {
    float: left
}

.pad-tinybit {
    padding: 10px 10px
}

.pad-slight {
    padding: 20px 30px
}

.pad-normal {
    padding: 40px 60px
}

.pad-heavy {
    padding: 60px 80px
}

.pad-tb-tinybit {
    padding-top: 10px;
    padding-bottom: 10px
}

.pad-tb-slight {
    padding-top: 20px;
    padding-bottom: 20px
}

.pad-tb-normal {
    padding-top: 40px;
    padding-bottom: 40px
}

.pad-tb-heavy {
    padding-top: 60px;
    padding-bottom: 60px
}

.pad-lr-tinybit {
    padding-left: 10px;
    padding-right: 10px
}

.pad-lr-slight {
    padding-left: 30px;
    padding-right: 30px
}

.pad-lr-normal {
    padding-left: 60px;
    padding-right: 60px
}

.pad-lr-heavy {
    padding-left: 80px;
    padding-right: 80px
}

.pad-t-tinybit {
    padding-top: 10px
}

.pad-t-slight {
    padding-top: 20px
}

.pad-t-normal {
    padding-top: 40px
}

.pad-t-heavy {
    padding-top: 60px
}

.pad-t-tinybit {
    padding-bottom: 10px
}

.pad-b-slight {
    padding-bottom: 20px
}

.pad-b-normal {
    padding-bottom: 40px
}

.pad-b-heavy {
    padding-bottom: 60px
}

.pad-l-tinybit {
    padding-left: 10px
}

.pad-l-slight {
    padding-left: 20px
}

.pad-l-normal {
    padding-left: 40px
}

.pad-l-heavy {
    padding-left: 60px
}

.pad-r-tinybit {
    padding-right: 10px
}

.pad-r-slight {
    padding-right: 20px
}

.pad-r-normal {
    padding-right: 40px
}

.pad-r-heavy {
    padding-right: 60px
}

.fs-tiny {
    font-size: 70%
}

.fs-small {
    font-size: 85%
}

.fs-normal {
    font-size: 100%
}

.fs-medium {
    font-size: 120%
}

.fs-large {
    font-size: 150%
}

.fs-xlarge {
    font-size: 200%
}

.fs-xxlarge {
    font-size: 240%
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.light-blue {
    background-color: light-blue
}

.medium-blue {
    background-color: light-blue
}

.dark-blue {
    background-color: #2b5d80;
    color: #aaa
}

.light-gray {
    background-color: #eee
}

.medium-gray {
    background-color: #bbb
}

.dark-gray {
    background-color: #888
}

.dark-blue a,
.dark-blue a:link,
.dark-blue a:active,
.dark-blue a:visited {
    color: #eaeaea
}

.oow-callout {
    border: 1px solid #ccc;
    margin: 0 5px 15px 5px;
    text-align: left;
    padding: 0 5px 0 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.oow-callout p {
    padding-left: 20px
}

.small-fp-callout {
    padding: 8px 5px 8px 5px;
    line-height: 1.4
}

.small-fp-callout-one-line {
    margin: 5px 5px 20px 5px;
    color: #313131;
    background-color: #d7e9f7;
    text-align: left;
    font-size: 135%;
    line-height: 1.4;
    padding: 6px 6px 6px 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.small-fp-callout-top {
    color: #313131;
    background-color: #d7e9f7;
    text-align: center;
    font-size: 135%;
    padding: 6px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.orange .small-fp-callout-top {
    background-color: #f8e7cd
}

.small-fp-callout-bottom {
    color: #313131;
    background-color: #e8f3f9;
    text-align: center;
    font-size: 115%;
    padding: 3px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.orange .small-fp-callout-bottom {
    background-color: #fff4e4
}

.blog-post-container {
    font-size: 100%
}

.blog-post-container h2 {
    font-size: 150%;
    padding-top: 0
}

.blog-posts {
    padding: 10px 0 0 0
}

.blog-posts p {
    padding-bottom: 10px
}

.blog-posts a {
    font-weight: 700
}

#cloud-list ul {
    margin-bottom: 10px
}

#cloud-list h2 {
    margin: 30px 0 10px 0
}

#disclaimer-oracle {
    padding: 10px 20px 20px 20px;
    margin: 0 3.2% 0 3.2%;
    color: #777;
    font-size: 85%
}

@media (max-width:1400px) {
    #fp-banners-sm-container .b4 {
        display: none
    }

    .fp-banners-sm-col {
        width: 32%
    }
}

@media only screen and (max-width:1000px) {
    #fp-products {
        padding-left: 50px
    }

    #fp-products .col-1-of-2 {
        width: 100%
    }

    #fp-content-app .col-1-of-2 {
        width: 50%
    }

    #fp-dev-side.pad-lr-slight {
        padding-left: 0
    }

    .small-fp-callout-one-line {
        font-size: 120%
    }

    .col-1-of-2 {
        width: 100%
    }
}

@media (max-width:960px) {
    .fp-banner {
        background-size: 20px 440px !important
    }

    .fp-banner-image {
        background-size: 855px 220px !important;
        width: 640px;
        height: 220px
    }

    #banners,
    .fp-banner {
        height: 220px
    }

    .fp-banner-dots {
        top: 207px
    }

    .link-960 {
        display: none
    }

    .link-640 {
        display: inline-block
    }

    .inside-banner {
        background-size: 20px 320px !important;
        height: 160px
    }

    .inside-banner-image {
        background-size: 855px 160px !important;
        width: 640px;
        height: 160px
    }

    #fp-banners-sm-container .b3 {
        display: none
    }

    .fp-banners-sm-col {
        width: 48%
    }

    .login-callout {
        width: 90%
    }

    .gpl-downloads .col-1-of-3,
    .gpl-downloads .col-2-of-3 {
        width: 100%
    }

    .gpl-downloads #com-callouts {
        display: none
    }
}

@media (max-width:900px) {
    .case-study-banner {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media only screen and (max-width:860px) {
    .content-download {
        margin-bottom: 20px
    }

    #task_dashboard {
        width: 500px
    }

    #tab_container {
        width: 500px
    }

    #dl-sub-header {
        font-size: 120%;
        font-weight: 300;
        line-height: 130%;
        padding: 10px
    }

    #dl-sub-header .icon-chevron-left {
        font-size: 90%
    }
}

@media only screen and (max-width:700px) {
    #facebox .content {
        width: 400px !important
    }

    .page_banner {
        display: none
    }

    .case-study-banner {
        display: none
    }

    .page-banner-alt {
        display: block
    }

    div.scaleoutContent,
    div.scaleoutSidebar {
        float: none;
        width: 100%
    }

    div.scaleoutSidebar .boxStyled {
        width: 90% !important;
        float: none !important
    }

    .scaleoutSidebar {
        min-width: 240px
    }
}

@media only screen and (max-width:800px) {
    #fp-content-app .col-1-of-2 {
        width: 100%
    }
}

@media (max-width:650px) {
    #fp-banners-sm-container .b2 {
        display: none
    }

    .fp-banners-sm-col {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

@media (max-width:640px) {

    #fp-dev .col-1-of-3,
    #fp-dev .col-2-of-3 {
        width: 100%
    }

    .small-fp-callout-one-line {
        width: 100%;
        display: block;
        padding: 6px 20px;
        margin-bottom: 10px
    }

    .fp-banner {
        background-size: 20px 660px !important;
        background-position: 0 -330px !important
    }

    .fp-banner-image {
        background-size: 1280px 330px !important;
        background-position: -960px 0px !important;
        width: 320px;
        height: 330px
    }

    #banners,
    .fp-banner {
        height: 330px
    }

    .fp-banner-dots {
        top: 317px
    }

    .link-640 {
        display: none
    }

    .link-320 {
        display: inline-block
    }

    .inside-banner {
        background-size: 20px 480px !important;
        background-position: 0 -240px !important;
        height: 240px
    }

    .inside-banner-image {
        background-size: 1280px 240px !important;
        background-position: -960px 0px !important;
        width: 320px;
        height: 240px
    }

    .login-callout {
        min-width: 200px
    }

    .big-button-green {
        margin-top: 10px
    }

    .Customer_view .boxStyled {
        float: left;
        width: 90%;
        min-width: 260px;
        margin-top: 0;
        margin-bottom: 15px
    }

    .boxNav {
        display: none
    }

    .pagination_list {
        min-width: 280px
    }

    #content-results .content-item-logo {
        margin-left: 0
    }

    .content-item,
    .content-item-logo {
        position: relative;
        border-bottom: 1px solid #e0e0e0;
        margin-top: 15px
    }

    .content-item h3 {
        margin-top: 0
    }

    .content-item-logo a.logo {
        position: relative;
        margin-left: 0
    }

    table.table04 {
        width: 100%
    }

    .table04 td,
    .table04 tr {
        display: block;
        margin: 0;
        padding: 2px 5px
    }

    .table04 td.col1,
    .table04 td.col4,
    .table04 td.col5,
    .table04 td.sub-text {
        width: 100%;
        text-align: left !important
    }

    .table04 td.col1 {
        padding-top: 5px
    }

    .table04 td.col5 {
        padding-bottom: 5px
    }

    .table04 td.sub-text {
        padding-bottom: 2px
    }

    .table04 td.col3 {
        display: none
    }

    .table04 .button03 {
        margin: 5px 3px 3px 0
    }

    .table04 td.col4:before {
        content: "Size: "
    }

    .form03 select.stacked {
        width: 100%;
        min-width: 200px
    }

    .archive-form select {
        font-size: 100%;
        width: 100%
    }

    .archive-form label {
        text-align: left
    }

    #downloads .promo14 {
        width: 100%;
        display: block;
        clear: both;
        margin-bottom: 15px
    }
}

@media (max-width:600px) {
    .small-fp-callout-one-line {
        width: 95%;
        display: block
    }

    #fp-products {
        padding-left: 0
    }

    .fp-product-icon {
        width: 105px
    }

    #fp-product-icon-enterpise,
    #fp-product-icon-cluster,
    #fp-product-icon-embedded,
    #fp-product-icon-cloud {
        margin: 0 15px
    }

    .fp-product {
        font-size: 95%;
        padding-right: 15px
    }

    .pad-slight {
        padding: 10px 15px
    }

    .pad-normal {
        padding: 20px 30px
    }

    .pad-heavy {
        padding: 30px 40px
    }

    .pad-tb-slight {
        padding: 10px 0
    }

    .pad-tb-normal {
        padding: 20px 0
    }

    .pad-tb-heavy {
        padding: 30px 0
    }

    .pad-lr-slight {
        padding: 0 15px
    }

    .pad-lr-normal {
        padding: 0 30px
    }

    .pad-lr-heavy {
        padding: 0 40px
    }

    .pad-t-slight {
        padding-top: 10px
    }

    .pad-t-normal {
        padding-top: 20px
    }

    .pad-t-heavy {
        padding-top: 30px
    }

    .pad-b-slight {
        padding-bottom: 10px
    }

    .pad-b-normal {
        padding-bottom: 20px
    }

    .pad-b-heavy {
        padding-bottom: 30px
    }

    .fs-medium {
        font-size: 100%
    }

    .fs-large {
        font-size: 120%
    }

    .fs-xlarge {
        font-size: 150%
    }

    .fs-xxlarge {
        font-size: 170%
    }
}

@media only screen and (max-width:380px) {
    .dl-license {
        float: none;
        max-width: 340px;
        margin-bottom: 20px
    }

    #facebox .content {
        width: 300px !important;
        overflow-x: scroll
    }

    .pad-slight {
        padding: 10px 15px
    }

    .pad-normal {
        padding: 20px 15px
    }

    .pad-heavy {
        padding: 30px 15px
    }

    .pad-lr-slight {
        padding: 0 15px
    }

    .pad-lr-normal {
        padding: 0 15px
    }

    .pad-lr-heavy {
        padding: 0 15px
    }
}