body {
    font-family:Arial, Tahoma;
    background-color:#fff;
    color:#797979;
    margin:0;
    padding:0;
}
body.login {
    background-color: #000;
    height: 100%
}
a {
    color:#015498;
    text-decoration:none;
}

@font-face {
    font-family:Myriadpro;
    src:url(myriadpro.otf);
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

body > div.header {
    background-color:#fff;
    height:90px;
}

body > div.header > div.centred {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:980px;
    height:90px;
}

body > div.header > div.centred > div.logo {
    position:absolute;
    left:0;
    top:0;
    width:210px;
    height:90px;
    background:url(crytek-logo.png) no-repeat;
    cursor:pointer;
}

body > div.header > div.centred > div.navbar {
    position:absolute;
    right:37px;
    top:20px;
    width:300px;
    font-size:11px;
    text-align:right;
}

body > div.header > div.centred > div.navbar > ul > li {
    display:inline;
    padding-left:16px;
}

body > div.header > div.centred > div.navbar > ul a {
    color:#656565;
}

body > div.header > div.centred > div.searchbar {
    position:absolute;
    right:30px;
    top:48px;
    width:300px;
    text-align:right;
}

body > div.header > div.centred > div.searchbar > form,body > div.header > div.centred > div.searchbar > form > fieldset {
    border:0;
    position:relative;
    margin:0;
    padding:0;
}

body > div.header > div.centred > div.searchbar input {
    width:190px;
    height:22px;
    border:1px solid #000;
    outline: none;
    padding-left: 5px;
}

body > div.header > div.centred > div.searchbar button {
    float:right;
    width:25px;
    height:26px;
    background:url(search-submit-btn.png) no-repeat;
    border:1px solid #000;
    cursor:pointer;
}

body > div.header > div.centred > div.searchbar button:hover {
    background:url(search-submit-btn-hover.png) no-repeat;
}

body > div.header > div.centred > div.searchbar .tooltip {
    position:absolute;
    top:25px;
    left:30px;
    width:329px;
    height:487px;
    background:url(dummy/search-open.png) no-repeat;
    z-index:100;
    padding-top:9px;
}

body > div.header > div.centred > div.searchbar .tooltip > img {
    display:block;
    cursor:pointer;
}

body > div.mainmenu {
    height:40px;
    background:#141414 url(mainmenu-bg.png) repeat-x;
}

div.mainmenu > div.centred {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:980px;
    height:40px;
    padding:0 12px;
}

div.mainmenu > div.centred > ul {
    list-style-type:none;
    list-style-image:none;
    font-size:12px;
    margin:0;
    padding:0;
}

div.mainmenu > div.centred > ul > li {
    display:block;
    float:left;
    cursor:pointer;
}

div.mainmenu > div.centred > ul a {
    color:#d0cece;
    height:28px;
    display:block;
    padding:12px 20px 0;
}

div.mainmenu > div.centred > ul a:hover {
    background:url(mainmenu-hover-item.png) repeat-x;
}

div.mainmenu > div.centred > ul div.wrap-left {
    width:15px;
    height:40px;
    background:url(mainmenu-active-left.png) no-repeat;
    float:left;
}

div.mainmenu > div.centred > ul div.item {
    height:28px;
    background:url(mainmenu-active-item.png) repeat-x;
    width:auto;
    float:left;
    color:#fff;
    padding:12px 5px 0;
}

div.mainmenu > div.centred > ul div.wrap-right {
    width:15px;
    height:40px;
    background:url(mainmenu-active-right.png) no-repeat;
    float:left;
}

body div.teaser {
    border-bottom:3px #015498 solid;
    background-repeat:no-repeat;
    background-position:center center;
}

body div.default-teaser {
    height:100px;
    background:#000 url(teaser/main.jpg) no-repeat center center;
}

body div.teaser div.overlay {
    position:absolute;
    height:inherit;
    width:100%;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:center center;
    display:none;
}

body > div.desktop {
    background:#e0e6e6 url(desktop-shadow.png) top center no-repeat;
}

body > div.desktop > div.wide-centred {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    max-width:1280px;
    min-width:980px;
    font-family:Tahoma, Arial;
    font-size:12px;
}

body > div.desktop > div.wide-centred > ul {
    display:block;
    list-style-type:none;
    list-style-image:none;
    background:transparent url(white.png) repeat-y center center;
    margin:0;
    padding:0;
}

body > div.desktop > div.wide-centred ul > li {
    display:block;
    margin-left:auto;
    margin-right:auto;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:transparent;
}

body > div.desktop > div.wide-centred ul > li > div.item {
    width:980px;
    margin:auto;
    padding:10px;
}

body > div.desktop > div.wide-centred ul > li.bottomline {
    background:#e0e6e6 url(bottomline-shadow-thick.png) no-repeat bottom center;
    height:16px;
}

body > div.desktop > div.wide-centred ul > li > div.item h2 {
    font-family:Myriadpro, Arial;
    color:#015498;
}

body > div.desktop > div.wide-centred ul > li > div.item div {
    font-family:Myriadpro, Arial;
}

body > div.desktop > div.centred {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:980px;
    font-family:Tahoma, Arial;
    font-size:12px;
}

body > div.desktop > div.centred > div.body {
    background-color:#fff;
    padding:20px;
}

body > div.desktop > div.wide-centred > div.body {
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    width:940px;
    padding:26px 20px;
}

body > div.desktop > div.wide-centred > div.body div.news > em {
    font-size:10px;
    display:block;
    font-style:normal;
}

.contents h1 {
    font-family:Myriadpro, Arial;
    font-size:32px;
    color:#015498;
    font-weight:400;
    margin:20px 0 50px;
}

.contents h2 {
    font-size:16px;
    color:#000;
    font-weight:400;
}

.contents h3 {
    font-size:12px;
    color:#444;
    margin-bottom:10px;
}

.contents p {
    line-height:180%;
    color:#868484;
    font-size:12px;
}

.contents ul {
    margin-left:20px;
    line-height:180%;
    list-style-image:url(list-style-image.png);
    padding:0;
}

a.up {
    padding-right:15px;
    background:url(up-link.png) no-repeat right center;
    cursor:pointer;
}

a.down {
    padding-right:15px;
    background:url(down-link.png) no-repeat right center;
    cursor:pointer;
}

div.attachments {
    font-weight:700;
    padding-top:10px;
}

dl.attachments {
    border-top:1px solid #e0e6e6;
    margin-top:15px;
    padding-top:20px;
    line-height:150%;
}

dl.attachments dt {
    display:block;
    height:52px;
    padding-left:50px;
    padding-top:5px;
}

dl.attachments .pdf {
    background:url(attachments/icon-pdf.png) no-repeat;
}

dl.attachments .ppt {
    background:url(attachments/icon-ppt.png) no-repeat;
}

dl.attachments .zip {
    background:url(attachments/icon-zip.png) no-repeat;
}

dl.attachments .unknown {
    background:url(attachments/icon-unknown.png) no-repeat;
}

dl.attachments .doc {
    background:url(attachments/icon-doc.png) no-repeat;
}

dl.attachments .exe {
    background:url(attachments/icon-exe.png) no-repeat;
}

div.frame > div.shadowed {
    background:url(contents-shadow.png) no-repeat;
    min-height:600px;
}

body > div.desktop > div.centred > div.breadcrumbs {
    background-color:#fff;
    font-size:11px;
    font-family:Arial;
    font-weight:700;
    border-bottom:1px solid #e0e6e6;
    position:relative;
    padding:20px 60px;
}

a.next {
    background:url(breadcrumb-btn-next.png) no-repeat right center;
    padding-right:15px;
}

a.sibling {
    background:url(down-link.png) no-repeat right center;
    padding-right:15px;
    margin-left:15px;
}

body > div.desktop > div.centred > div.breadcrumbs > div {
    position:absolute;
    right:50px;
}

body > div.desktop > div.centred > div.frame {
    background-color:#fff;
    overflow:hidden;
}

body > div.desktop > div.centred > div.frame > div.down-header {
    font-size:16px;
    font-family:Myriadpro, Arial;
    padding:30px 0 0 60px;
}

body > div.desktop > div.centred > div.frame > div.down-header > h1 {
    font-size:28px;
    font-family:Myriadpro, Arial;
    color:#015498;
    margin:0;
    padding:0;
}
body > div.desktop > div.wide-centred > div > div.contents,
body > div.desktop > div.centred > div.left-centered > div.contents {
    width:600px;
    padding:30px 0 35px 60px;
}
body > div.desktop > div.wide-centred > div.under-local-menu {
    font-family: Tahoma,Arial;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 980px;
    background-color: #FFFFFF;
    overflow: hidden;
}
body > div.desktop > div.wide-centred > div.under-local-menu > div.contents > ul {
    margin: 0;
}

body > div.desktop > div.wide-centred > div.under-local-menu > div.contents > ul > li {
    background: url("news-delimiter.png") no-repeat scroll center bottom transparent;
    color: #868484;
    display: block;
    margin: 0 0 32px;
    padding: 0 0 26px;
}
body > div.desktop > div.wide-centred > div.under-local-menu > div.contents > ul > li p.date {
    font-size: 10px;
    margin: 0;
    padding: 5px 0 9px;
}
body > div.desktop > div.wide-centred > div.under-local-menu > div.contents > ul > li h2 {
    color: #015498;
    font-family: Myriadpro,Arial;
    font-size: 24px;
    font-weight: 400;
    margin: 10px 0 6px;
}


body > div.desktop > div.centred > div.right-centered > div.contents {
    margin-left:0;
    width:600px;
    float:left;
    padding:25px 0 35px 60px;
}

body > div.desktop > div.centred > div.frame > div.contents > ul > li {
    display:block;
    background:transparent url(news-delimiter.png) no-repeat bottom center;
    color:#868484;
    margin:0 0 32px;
    padding:0 0 26px;
}

body > div.desktop > div.centred > div.frame > div.contents h1.news {
    font-size:24px;
    margin:0 0 6px;
}

body > div.desktop > div.centred > div.frame > div.contents > div.teaser-text {
    padding-top:12px;
}

body > div.desktop > div.centred > div.frame > div.contents > div.teaser-text > p:first-child {
    margin-top:0;
}

body > div.desktop > div.centred > div.frame > div.contents h3.news,body > div.desktop > div.centred > div.frame > div.contents > ul > li h3 {
    font-size:24px;
    font-weight:400;
    font-family:Myriadpro, Arial;
    color:#868484;
}

body > div.desktop > div.centred > div.frame > div.contents > ul > li h2 {
    font-size:24px;
    font-family:Myriadpro, Arial;
    font-weight:400;
    color:#015498;
    margin:10px 0 6px;
}

body > div.desktop > div.centred > div.frame > div.contents > ul > li p.date {
    font-size:10px;
    margin:0;
    padding:5px 0 9px;
}

body > div.desktop > div.centred > div.frame > div.contents > ul > li > img {
    display:block;
    padding:9px 0 12px;
}

body > div.desktop > div.centred > div.frame > div.contents > ul > li div.teaser-text {
    line-height:180%;
    padding:16px 0 10px;
}

body > div.desktop > div.centred > div.frame > div.contents div.tags ul > li {
    display:inline;
    margin:0 5px;
}

body > div.desktop > div.centred > div.frame > div.contents .item-list {
    padding:0 0 28px;
}

body > div.desktop > div.centred > div.frame > div.contents ul.pager {
    list-style-type:none;
    list-style-image:none;
    font-size:11px;
    font-weight:700;
    margin:0;
    padding:0;
}

body > div.desktop > div.centred > div.frame > div.contents ul.pager > li {
    float:left;
    margin:0 5px;
    padding:5px 10px;
}

body > div.desktop > div.centred > div.frame > div.contents ul.pager > li.pager-current {
    background-color:#015294;
    color:#fff;
}

body > div.desktop > div.centred > div.right-centered > div.sidebar {
    margin-left:50px;
    float:left;
    width:200px;
    padding:25px 0 0;
}

body > div.desktop > div.wide-centred > div.under-local-menu > div.sidebar,
body > div.desktop > div.centred > div.left-centered > div.sidebar {
    width:240px;
    float:right;
    padding:42px 40px 0 0;
}

body > div.desktop > div.centred > div.frame > div.sidebar select {
    border:1px solid #000;
    padding:2px;
}

body > div.desktop > div.wide-centred > div.under-local-menu > div.sidebar > div.block,
body > div.desktop > div.centred > div.frame > div.sidebar > div.block {
    padding-bottom:25px;
}

body > div.desktop > div.centred > div.frame > div.sidebar > div.block > .centered {
    position:relative;
    width:230px;
    margin-left:-40px;
    text-align:center;
}

body > div.desktop > div.centred > div.frame > div.sidebar > div.block > .career-kit {
    position:relative;
    text-align:center;
    width:159px;
    margin-top:-40px;
}

body > div.desktop > div.centred > div.frame > div.sidebar > div.block > .career-kit p {
    margin:5px 0;
}

body > div.desktop > div.wide-centred > div.under-local-menu > div.sidebar  ul,
body > div.desktop > div.centred > div.frame > div.sidebar ul {
    list-style-type:none;
    list-style-image:none;
    font-size:11px;
    line-height:140%;
    margin:0;
    padding:0 0 10px;
}

body > div.desktop > div.centred > div.frame > div.sidebar .no-positions {
    background:url(icon-nojob.png) top left no-repeat;
    font-family:Arial;
    font-size:12px;
    color:#868484;
    line-height:180%;
    margin:0;
    padding:25px 10px 0 0;
}

body > div.desktop > div.wide-centred > div.under-local-menu > div.sidebar ul li,
body > div.desktop > div.centred > div.frame > div.sidebar ul li {
    padding:0 0 10px;
}
body > div.desktop > div.wide-centred > div.under-local-menu > div.sidebar ul li > a {
    font-weight: 700;
}

body > div.desktop > div.centred > div.frame > div.sidebar dl dt {
    color:#777;
    margin:0;
}

body > div.desktop > div.centred > div.frame > div.sidebar dl dd {
    color:#000;
    font-weight:700;
    font-size:10px;
    line-height:160%;
    margin:10px 0 30px;
}

body > div.desktop > div.centred > div.frame > div.sidebar > div.rss-block {
    padding:5px 0 32px;
}

a.rss {
    background:url(rss-link.png) no-repeat left center;
    padding-left:20px;
}

body > div.desktop > div.wide-centred > div.under-local-menu > div.sidebar h2,
body > div.desktop > div.centred > div.frame > div.sidebar h2 {
    font-size:12px;
    color:#868484;
    margin:0 0 20px;
    padding:0;
}

body > div.desktop > div.centred > div.dummy-body {
    background-color:#fff;
    position:relative;
    border:0;
}

div.dummy-body img {
    border:0;
    display:block;
}

body > div.desktop > div.centred > div.dummy-body > .overlay {
    position:absolute;
}

body > div.desktop > div.wide-centred > div.just-bottomline,body > div.desktop > div.centred > div.just-bottomline {
    background:#e0e6e6 url(bottomline-shadow.png) no-repeat top center;
    height:20px;
    border:0;
}

body > div.desktop div.bottomline {
    background:#e0e6e6 url(bottomline-shadow.png) no-repeat top center;
}

body > div.desktop div.bottomline > div {
    text-align:center;
    font-size:11px;
    padding:33px 20px;
}

body > div.desktop div.menu {
    text-align:center;
    height:55px;
    width:980px;
    background-color:#FFF;
    margin-left:auto;
    margin-right:auto;
    /*overflow:hidden;*/
}

body > div.desktop div.menu ul {
    list-style-type: none;
    list-style-image: none;
    display: inline-block;
    margin: auto;
    padding: 0;
}

body > div.desktop ul.menu-3items {

}

body > div.desktop ul.menu-4items {
    width: 410px;
}

body > div.desktop div.menu ul > li {
    display: inline-block;
    height: 53px;
    width: auto;
    font-weight: 400;
    vertical-align: top;
}
body > div.desktop div.menu ul > li.active-item > span.active-left {
    width:5px;
    display: inline-block;
    background:url(submenu-active-left.png) no-repeat;
}
body > div.desktop div.menu ul > li.active-item > span.active-right {
    width:5px;
    display: inline-block;
    background:url(submenu-active-left.png) no-repeat;
}



body > div.desktop div.menu ul > li.active-item {
    background:url(submenu-active-item.png) repeat-x;
}

body > div.desktop div.menu ul > li > a {
    display: inline-block;
    padding: 30px 24px 0;
}
body > div.desktop div.menu ul > li.active-item > a {
    padding:30px 19px 0;
}


body > div.desktop div.menu ul a {
    color:#000;
    cursor:pointer;
}

body > div.desktop div.menu ul > li.active-item a {
    color:#fff;
}

body > div.desktop div.headline {
    font-size:13px;
    padding-bottom:30px;
}

body > div.desktop div.headline > strong {
    margin-right:8px;
}

body > div.desktop div.headline > .more {
    color:#015498;
    font-weight:700;
    text-decoration:none;
    padding-right:10px;
    white-space:nowrap;
    background:url(arrow-next.png) no-repeat right 5px;
}

body > div.desktop div.three-col > div.column {
    width:300px;
    float:left;
}

body > div.desktop div.column > div.teaser-image {
    width:300px;
    min-height:200px;
    position:relative;
}
body > div.desktop div.column > div.teaser-image img {

}

body > div.desktop div.column > div.teaser-image > div.job-bubble {
    position:absolute;
    right:0;
    top:0;
    width:45px;
    height:49px;
    background:url(job-bubble.png) no-repeat center center;
}

body > div.desktop div.column > div.teaser-image > div.job-bubble > div {
    text-align:center;
    color:#FFF;
    font-size:18px;
    padding:8px;
}

body > div.desktop div.four-col > div.column {
    width:212px;
    float:left;
    height:auto;
}

body > div.desktop div.four-col > div.column > div.teaser-image {
    width:212px;
    height:auto;
}

div.desktop div.grid .margined {
    margin-left:20px;
}

div.desktop div.column h2 {
    font-family: Arial;
    font-size:15px;
    line-height: 140%;
    height:40px;
    color:#015498;
    margin:14px 0 6px;
}

body > div.desktop div.three-col div.news {
    line-height:180%;
    font-size:11px;
    padding:0 10px 30px;
}

body > div.desktop div.four-col div.news p {
    line-height:180%;
    font-size:11px;
}

body > div.desktop div.news div.links {
    position:absolute;
    top:3px;
    right:18px;
}

a.more {
    color:#015498;
    font-weight:700;
    text-decoration:none;
    padding-right:10px;
    background:url(arrow-next.png) no-repeat right 4px;
    white-space:nowrap;
}

body > div.footer > div.border {
    background:url(footer-shadow.png) repeat-x;
    height:7px;
}

body > div.footer > div.centred {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:980px;
    text-align:center;
}

body > div.footer > div.centred > div.body {
    font-size:11px;
    padding:0 0 0 26px;
}

body > div.footer > div.centred > div.body > div.column {
    width:245px;
    float:left;
    padding:32px 0;
}

body > div.footer > div.centred > div.body > div.margined {
    width:172px;
    background:url(footer-delimiter.png) top left no-repeat;
}

body > div.footer > div.centred ul {
    list-style-type:none;
    list-style-image:none;
    display:inline;
    text-align:left;
    margin:0;
    padding:0;
}

body > div.footer > div.centred ul > li {
    display:block;
    margin-left:12px;
    color:#000;
    font-weight:700;
    padding:6px 0 6px 10px;
}

body > div.footer > div.centred ul a {
    color:#777;
    font-weight:400;
}

body > div.footer > div.centred ul a.active {
    color:#c5c5c5;
}

body > div.footer > div.centred ul a.header {
    color:#000;
    font-weight:700;
}

body div.alert {
    position:absolute;
    color:#FFF;
    left:50%;
    top:50%;
    width:225px;
    height:45px;
    font-size:12px;
    background:url(alert-bg.png) no-repeat right 4px;
    display:none;
    margin:-40px 0 0 -163px;
    padding:36px 20px 0 70px;
}

div.gallery-shadow-sep,div.gallery-shadow {
    background:#000 url(gallery-glow.png) center center no-repeat;
    opacity:.92;
    filter:alpha(opacity:92);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
}

div.gallery-shadow {
    background:#000 url(gallery-glow.png) center center no-repeat;
}

div.gallery-shadow-sep {
    background:#000 url(gallery-glow-sep.png) center center no-repeat;
}

div.gallery-sep-wrapper,div.gallery-wrapper {
    position:fixed;
    height: 664px;
    left: 50%;
    margin: -332px -490px;
    position: fixed;
    top: 50%;
    width: 980px;
    /*top:0;
    left:0;
    right:0;
    bottom:0;*/
}

div.gallery {
    background-color: #000;
    width: 980px;
    height: 664px;
    top: 50%;
    left: 50%;
    margin: -332px -490px;
    position: fixed;
    border: 0;
}

div.gallery-sep-wrapper div.gallery {
    height:548px!important;
}
div.desk > div.close,
div.gallery > div.close {
    position:absolute;
    top:10px;
    right:10px;
    background:url(gallery-close-btn.png) no-repeat;
    width:81px;
    height:38px;
    cursor:pointer;
}

div.gallery > div.image {
    background-repeat:no-repeat;
    height:550px;
    width:980px;
    position:relative;
    direction:none;
    border:0;
}

div.gallery > div.toolbar {
    height:114px;
    background:url(gallery-toolbar.png) repeat-x;
    position:relative;
}

div.gallery > div.toolbar > div.pagination {
    position:absolute;
    top:12px;
    left:50%;
    margin-left:-15px;
    height:14px;
    width:29px;
    background-image:url(gallery-toolbar-pagination-wide.png);
    background-repeat:no-repeat;
    background-position:-25px 0;
}

div.gallery > div.image > div.prev-big {
    position:absolute;
    width:485px;
    height:545px;
    left:0;
    top:0;
    cursor:pointer;
    background:url(null.png);
}

div.gallery > div.image > div.prev-big > div {
    background-image:url(gallery-prev-big-btn.png);
    background-repeat:no-repeat;
    background-position:24px 239px;
    width:100%;
    height:100%;
    display:none;
}

div.gallery > div.image > div.next-big {
    position:absolute;
    width:485px;
    height:545px;
    right:0;
    top:0;
    cursor:pointer;
    background:url(null.png);
}

div.gallery > div.image > div.next-big > div {
    cursor:pointer;
    background-image:url(gallery-next-big-btn.png);
    background-repeat:no-repeat;
    background-position:418px 239px;
    width:100%;
    height:100%;
    display:none;
}

div.gallery > div.toolbar > div.prev {
    position:absolute;
    left:0;
    height:114px;
    width:70px;
    cursor:pointer;
    background-image:url(gallery-toolbar-left.png);
    background-repeat:no-repeat;
    background-position:right top;
}

div.gallery > div.toolbar > div.prev > div {
    height:114px;
    width:70px;
    background-image:url(gallery-prev-btn-inactive.png);
    background-repeat:no-repeat;
    background-position:center 60px;
}

div.gallery > div.toolbar > div.next {
    position:absolute;
    right:0;
    height:114px;
    width:64px;
    cursor:pointer;
    background-image:url(gallery-toolbar-right.png);
    background-repeat:no-repeat;
    background-position:left top;
}

div.gallery > div.toolbar > div.next > div {
    height:114px;
    width:64px;
    background-image:url(gallery-next-btn.png);
    background-repeat:no-repeat;
    background-position:center 60px;
}

div.gallery > div.toolbar > div.slides {
    width:840px;
    overflow:hidden;
    margin:0 10px 0 70px;
    padding:0;
}

div.gallery > div.toolbar > div > ul {
    display:block;
    list-style-type:none;
    list-style-image:none;
    width:5900px;
    margin:0;
    padding:0;
}

div.gallery > div.toolbar > div > ul > li {
    display:block;
    cursor:pointer;
    float:left;
    width:141px;
    height:114px;
    background:url(gallery-frame.png) no-repeat;
}

div.gallery > div.toolbar > div > ul > li > div {
    padding:33px 0 0 10px;
}

div.gallery > div.toolbar > div > ul > li.active {
    background:url(gallery-frame-active.png) no-repeat;
}

div.admin-toolbar {
    font-size:10px;
    background-color:#000;
    opacity:.8;
    filter:alpha(opacity:80);
    position:absolute;
    top:0;
    left:0;
    right:0;
    color:#CCC;
    padding:5px;
}

div.admin-toolbar div.overlay {
    position:absolute;
    width:150px;
    height:auto;
    display:none;
    background-color:#000;
    right:0;
    margin-left:-100px;
    border:1px solid #FFF;
    padding:5px;
}

div.admin-toolbar div.overlay dl {
    text-align:left;
}

div.admin-toolbar div {
    text-align:right;
}

div.admin-toolbar button {
    position:absolute;
    top:3px;
    left:5px;
    border:1px solid #fff;
    background-color:#000;
    color:#fff;
    font-size:10px;
}

div.admin-toolbar a:visited,div.admin-toolbar a {
    color:#FFF;
}

div.admin-toolbar ul {
    list-style-type:none;
    list-style-image:none;
    margin:0;
}

div.admin-toolbar ul li {
    display:inline;
    position:relative;
    padding:0 5px;
}

.clear-both {
    clear:both;
}

body > div.special-desktop {
    background-color:#000;
    width:100%;
}

body > div.special-desktop div.service-header {
    height:200px;
    background:url(service/icon-black-logo.png) no-repeat center center;
    margin-bottom:10px;
}

body > div.special-desktop > div.message {
    width:980px;
    height:400px;
    color:#777;
    font-size:12px;
    line-height:180%;
    margin:0 auto;
}

body > div.special-desktop > div.error403 {
    background:url(service/icon-403.png) no-repeat left top;
}

body > div.special-desktop > div.login {
    background:url(service/icon-login.png) no-repeat left top;
    position:relative;
}

body > div.special-desktop > div.login .block-user {
    margin-top:-60px;
    width:500px;
    color:#777;
}

body > div.special-desktop > div.login .block-user h2 {
    font-size:20px;
    color:#fff;
}

body > div.special-desktop > div.login .block-user ul {
    list-style-type:none;
    list-style-image:none;
    padding:10px 0 0;
    height: 22px;
}

body > div.special-desktop > div.login .block-user input[type=password],body > div.special-desktop > div.login .block-user input[type=text] {
    border:1px solid #404040;
    width:120px;
    height:22px;
    background-color:#000;
    color:#777;
}

body > div.special-desktop > div.login .block-user label {
    display:block;
    margin-bottom:10px;
}

body > div.special-desktop > div.login .block-user .form-item {
    float:left;
    width:150px;
}

body > div.special-desktop > div.login .block-user .item-list {
    clear:left;
}

body > div.special-desktop > div.login .block-user input.login,
body > div.special-desktop > div.login .block-user input[type=submit] {
    color:#FFF;
    float:left;
    width:105px;
    height:28px;
    font-weight:700;
    text-align:center;
    background:url(form-btn.png) no-repeat center center;
    cursor:pointer;
    border:0;
    display:block;
    margin:28px 0 0;
}

body > div.special-desktop > div.login .block-user input.login.inactive {
    background: #404040;
}
body > div.special-desktop > div.login .block-user input.login {
    margin-right: 10px;
}
body > div.special-desktop > div.login .block-user input.login[name=process] {
    display: none;
}

body > div.special-desktop > div.login form#user-pass {
    display: none;
}
body > div.special-desktop > div.login  .message {
    display: none;
}
body > div.special-desktop > div.login .message.error h2 {
    color: #ea440d;
}
body > div.special-desktop > div.login .message.success h2 {
    color: #5c9813;
}

body > div.special-desktop > div.login .message ul {
    margin: 0;
    padding: 0;
}

body > div.special-desktop > div.error404 {
    background:url(service/icon-404.png) no-repeat left top;
}

body > div.special-desktop > div.maintaince {
    background:url(service/icon-maintainance.png) no-repeat left top;
}

body > div.special-header {
    margin-top:50px;
    height:140px;
    background:url(service/icon-black-logo.png) no-repeat center top;
}

body > div.special-desktop > div.message > div {
    width:410px;
    padding:85px 0 0 360px;
}

body > div.special-desktop > div.message h1 {
    color:#fff;
    font-size:20px;
}

body > div.special-desktop > div.copyright {
    width:620px;
    text-align:center;
    color:#777;
    font-size:11px;
    margin-left:auto;
    margin-right:auto;
    line-height:160%;
    margin-bottom:120px;
}

body div.contacts {
    background-color:#fff;
    padding:30px 60px 0;
}

body div.contacts h1 {
    font-family:Myriadpro, Arial;
    font-size:30px;
    color:#015498;
    font-weight:400;
    margin:0;
}

body div.frame div.column {
    float:left;
    width:235px;
    padding-left:60px;
    padding-bottom:20px;
    font-size:12px;
    color:#777;
    line-height:180%;
}

body div.frame div.column h2 {
    font-size:16px;
    color:#777;
    margin-top:40px;
    margin-bottom:20px;
}

body div.frame div.column h3 {
    font-size:12px;
    color:#777;
    margin-top:20px;
    margin-bottom:4px;
}

body div.frame div.column p {
    margin:0 0 12px;
}

body div.frame div.column a.facebook {
    display:block;
    height:24px;
    padding-top:6px;
    padding-left:30px;
    background:url(facebook-link.png) left top no-repeat;
}

body div.frame div.column a.weibo {
    display:block;
    height:24px;
    padding-top:6px;
    padding-left:30px;
    background:url(weibo-link.png) left top no-repeat;
}


body div.frame div.column a.twitter {
    display:block;
    height:24px;
    padding-top:6px;
    padding-left:30px;
    background:url(twitter-link.png) left top no-repeat;
}

body div.frame div.column a.youtube {
    display:block;
    height:24px;
    padding-top:6px;
    padding-left:30px;
    background:url(youtube-link.png) left top no-repeat;
}

a.share {
    padding-right:15px;
    position:relative;
    cursor:pointer;
}

p.date > a.share {
    margin-left:10px;
}

.dropdown {
    position:absolute;
    display:none;
    opacity:.9;
    filter:alpha(opacity:90);
    z-index:100;
    padding:7px 0 0;
}

.dropdown > div {
    position:absolute;
    background:url(dropdown/toparrow.png) center top no-repeat;
    height:7px;
    width:20px;
    left:50%;
    top:1px;
    margin-left:-10px;
}

div.contents div.dropdown {
    left:155px;
    top:154px;
    width:177px;
}

div.contents li div.dropdown {
    left:81px;
    top:50px;
    width:177px;
}

div.contents ul.pesentation li div.dropdown {
    left:81px;
    top:90px;
    width:177px;
}

.dropdown > ul {
    display:block;
    list-style-type:none;
    list-style-image:none;
    border:1px solid #8b8685;
    margin:0;
    padding:0;
}

.dropdown > ul > li {
    display:block;
    background:url(dropdown/bg-40singleline.png) repeat-x;
    height:40px;
    cursor:pointer;
}

.dropdown > ul > li.bordered {
    border-bottom:1px solid #3e3e3e;
}

.dropdown > ul > li div.right {
    padding-right:10px;
    margin:auto;
}

.dropdown > ul > li div.center {
    padding-top:10px;
    padding-left:10px;
    color:#FFF;
    margin:auto;
}

.dropdown > ul > li.active {
    display:block;
    background:url(dropdown/bg-40hover.png) repeat-x;
    height:40px;
}

.dropdown > ul > li.active div.right {
    background:url(dropdown/bg-40hover-right.png) no-repeat right top;
}

.dropdown > ul > li.active div.center {
    background:url(dropdown/bg-40hover-left.png) no-repeat left top;
}

.dropdown > ul > li div.icon {
    padding-left:32px;
    margin:auto;
}

.dropdown > ul > li div.email {
    background:url(dropdown/icon-40mail.png) no-repeat;
}

.dropdown > ul > li div.facebook {
    background:url(dropdown/icon-40facebook.png) no-repeat;
}

.dropdown > ul > li div.twitter {
    background:url(dropdown/icon-40twitter.png) no-repeat;
}

.dropdown > ul > li div.digg {
    background:url(dropdown/icon-40digg.png) no-repeat;
}

.dropdown > ul > li div.stumble {
    background:url(dropdown/icon-40stumbleup.png) no-repeat;
}

.dropdown > ul > li div.linkedin {
    background:url(dropdown/icon_linkedin.png) no-repeat;
}

div.game-teaser {
    height:590px;
    text-align:center;
    background-position:bottom center;
    background-repeat:no-repeat;
    font-family:Myriadpro, Arial;
    background-color:#fff;
    margin:0 auto;
    padding:1px 0;
}

div.studio-teaser {
    height:577px;
    text-align:center;
    background-position:bottom center;
    background-repeat:no-repeat;
    font-family:Myriadpro, Arial;
    background-color:#fff;
    margin:0 auto;
    padding:1px 0;
}

ul.apply-form > li {
    width:980px;
    margin:0;
    padding:0;
}

ul.apply-form > li > div {
    padding:10px 60px;
}

ul.apply-form h1 {
    font-size:32px;
    font-weight:400;
    color:#015498;
    font-family:Myriadpro,Arial;
    margin:25px 0;
}

ul.apply-form em {
    font-style:normal;
    color:#d61111;
}

ul.apply-form p {
    font-size:12px;
    font-family:Tahoma;
}

ul.apply-form div.grid > div.column {
    float:left;
    width:245px;
    padding:35px 20px 0;
}

ul.apply-form form div.hr {
    clear:left;
    height:16px;
    background:url(form-hr.png) no-repeat center center;
}

ul.apply-form form label {
    display:block;
    margin-bottom:9px;
}

ul.apply-form form input[type=password],
ul.apply-form form input[type=text] {
    border:1px solid #000;
    width:220px;
    height:22px;
    margin-bottom:18px;
    padding:2px;
}
ul.apply-form form .radioboxes {
    height:22px;
    margin-bottom:18px;
    padding:2px;
}
ul.apply-form form .radioboxes > span {
    margin-right: 10px;
}

ul.apply-form form .platform-checkboxes {
    margin-bottom: 20px;
    width: 350px;
    padding: 5px 0;
}
ul.apply-form form .platform-checkboxes > img {
    border: 0;
    margin-right: 10px;
}

ul.apply-form form input[type=file] {
    height:22px;
    margin-bottom:18px;
}

ul.apply-form form select {
    border:1px solid #000;
    width:220px;
    height:26px;
    margin-bottom:18px;
    padding:2px;
}

ul.apply-form form textarea {
    border:1px solid #000;
    width:220px;
    height:147px;
    margin-bottom:18px;
    padding:2px;
}

ul.apply-form form .center {
    width:420px;
    margin:20px auto;
}

ul.apply-form form .left {
    padding:35px 20px 0;
}

ul.apply-form form .center label {
    display:inline;
    margin-right:5px;
}

ul.apply-form form .center div.specified > label {
    display:block;
    margin-right:5px;
}

ul.apply-form form .center div.specified > textarea {
    display:block;
    border:1px solid #bfbfbf;
    width:415px;
}

ul.apply-form form .center select {
    border:1px solid #bfbfbf;
    color:#8c8c8c;
}

input.form-submit,
ul.apply-form form .center button {
    color:#FFF;
    width:105px;
    height:38px;
    font-weight:700;
    text-align:center;
    background:url(form-btn.png) no-repeat center center;
    cursor:pointer;
    border:0;
    display:block;
    margin:0 auto;
    padding:0;
}
input.form-submit {
    margin:0;
}
ul.apply-form form input.invalid {
    border:1px solid #d30000!important;
    background:url(form-error-bg.png) no-repeat right center!important;
}

ul.apply-form form select.invalid {
    border:1px solid #d30000!important;
}
ul.apply-form form div.invalid {
    border:1px solid #d30000!important;
}

ul.apply-form .result {
    background-image:url(job-result-icon.png);
    background-position:0 35px!important;
    background-repeat:no-repeat;
}

ul.apply-form .result h2 {
    color:#015498;
    font-family:Myriadpro,Arial;
    font-size:18px;
    margin:0;
}

ul.apply-form .result > div > div {
    margin:40px 0 300px 170px;
}

ul.apply-form li.breadcrumbs {
    background-color:#fff;
    width:860px;
    font-size:11px;
    font-family:Arial;
    font-weight:700;
    border-bottom:1px solid #e0e6e6;
    margin:0 auto;
    padding:20px 60px;
}

ul.apply-form p.error-msg {
    text-align:center;
    color:#d30000;
    font-weight:700;
    padding:10px 10px 0;
}

div.body > h1 {
    text-align:center;
    font-size:32px;
    font-weight:400;
    color:#015498;
    font-family:Myriadpro,Arial;
    margin:10px 0 40px;
}

div#office {
    right:762px;
    top:33px;
    z-index:100;
}

div#category {
    right:622px;
    top:33px;
    z-index:100;
}

body > div.desktop > div.centred > div.breadcrumbs div.presentation {
    background:url(presentations-icon.gif) no-repeat 20px center;
    padding-left:110px;
    padding-bottom: 0;
    position:relative;
    cursor:pointer;
}

div.breadcrumbs .presentation h2 {
    font-family:Myriadpro, Arial;
    font-size:18px;
    color:#015498;
}

div.breadcrumbs .presentation p {
    font-size:11px;
    line-height:80%;
    color:#797979;
    font-family:Tahoma,Arial;
    font-weight:400;
}

div.breadcrumbs .presentation a {
    color:#015498!important;
    font-size:11px;
    font-weight:700;
}

body > div.desktop > div.centred > div.frame > div.sidebar > div.pic-block {
    padding-top:28px;
    padding-bottom:0;
}

.age-verification {
    background:#000 url("service/age-verification.jpg?r=1") center center no-repeat;
}

.age-verification-fail {
    background:#000 url(service/age-verification-fail.jpg) center center no-repeat;
}

.age-verification-fail > div,.age-verification > div {
    padding:202px 0 0 465px;
}

.age-verification > div > h2 {
    color:#fff;
    font-size:20px;
    font-weight:400;
}

.age-verification-fail > div > h2 {
    color:#D00;
    font-size:20px;
    font-weight:400;
}

.age-verification-fail > div > p,.age-verification > div > p {
    color:#777;
    font-size:13px;
}

.age-verification > div > form {
    padding:10px 0 0;
}

.age-verification > div input[type=text] {
    border-left:1px solid #404040;
    border-top:1px solid #404040;
    border-bottom:1px solid #404040;
    border-right:1px solid #055393;
    background-color:#000;
    color:#777;
    width:70px;
    height:20px;
    display:block;
    float:left;
    padding:2px;
}

.age-verification > div button {
    width:25px;
    height:26px;
    display:block;
    border:0;
    background:url(service/age-verification-btn.jpg) no-repeat;
    margin:0;
    cursor: pointer;
}

.job-net {
    background:url(job-category.png) -45px 30px no-repeat;
    padding-top:10px;
}

.job-net .column {
    margin-bottom:40px;
    margin-left:20px!important;
    width:190px!important;
    height:340px!important;
    overflow:hidden;
}

.job-net div.teaser-image {
    width:auto!important;
}

.job-net .margined {
    margin-left:35px!important;
}

.presentation-breadcrumbs {
    border-bottom:none!important;
    border-top:1px solid #E0E6E6;
}

div.kingdom-teaser {
    position:relative;
    background-color:#000;
    margin-top:-4px;
    height:550px;
}

div.kingdom-teaser > div.image {
    position:relative;
    width:980px;
    margin-left:auto;
    margin-right:auto;
}

.loader {
    background:url(loader.gif) center center no-repeat;
}

.preloader {
    background:#000 url(black-loader.gif) center center no-repeat;
}

div.contents p.share {
    position:relative;
    margin-top:-47px;
    margin-bottom:24px;
}

div.contents .job-share {
    position:relative;
    margin-top:-37px;
    margin-bottom:24px;
}

div.contents p.share > a.share {
    margin-left:0;
    font-size:11px;
}

div.shadowed > div.dropdown {
    left:290px!important;
    top:166px!important;
}

div#video-gallery .gallery-spec {
    height:550px!important;
}

.gallery-shadow-spec {
    background:#000 url(gallery-glow-550.png) center center no-repeat!important;
}

div.intro {
    border-bottom:3px #015498 solid;
    background-color:#000;
    width:100%;
    overflow:hidden;
}

div.intro > div {
    height:320px;
    width:1400px;
    position:relative;
    left:50%;
    margin-left:-700px;
}

a[rel=mailto],li.clickable,.clickable {
    cursor:pointer;
}

body > div.header > div.centred > h1,ul.apply-form form .center div.specified,.preload,.hidden {
    display:none;
}

.contents h1 a:visited,.contents h1 a,body > div.desktop > div.centred > div.frame > div.contents > ul > li h2 a:visited,body > div.desktop > div.centred > div.frame > div.contents > ul > li h2 a:hover
body > div.desktop > div.centred > div.frame > div.contents > ul > li h2 a,div.desktop div.column h2 a:hover,div.desktop div.column h2 a:visited,div.desktop div.column h2 a {
    color:#015498;
}

.contents ul > li,body > div.desktop div.news {
    position:relative;
}

dl.attachments dt a,body > div.desktop > div.centred > div.frame > div.sidebar > div.block > .career-kit a,body > div.desktop > div.centred > div.frame > div.sidebar li a,body > div.desktop div.bottomline a,body div.frame div.column a {
    font-weight:700;
}

body > div.desktop > div.centred > div.breadcrumbs a:visited,body > div.desktop > div.centred > div.breadcrumbs a,ul.apply-form li.breadcrumbs a:visited,ul.apply-form li.breadcrumbs a {
    color:#444;
}

a.prev,ul.apply-form li.breadcrumbs a.prev {
    background:url(breadcrumb-btn-prev.png) no-repeat left center;
    padding-left:15px;
}

body > div.desktop > div.centred > div.frame > div.contents h3.news,body div.frame div.column dd {
    margin:0 0 10px;
}

body > div.desktop > div.centred > div.frame > div.sidebar label,body > div.desktop div.news div.links a {
    display:block;
}

body > div.desktop > div.centred > div.frame > div.sidebar ul li.active a,body > div.desktop > div.centred > div.frame > div.sidebar li a.active {
    color:#000;
}

body > div.desktop div.grid,ul.apply-form div.grid {
    overflow:hidden;
}

body > div.desktop div.grid > div.column img,div.teaser img {
    border:0;
}

div.game-teaser h2,div.studio-teaser h2 {
    color:#015498;
    font-size:32px;
    font-weight:400;
    padding:10px 60px 0;
}

div.game-teaser p,div.studio-teaser p {
    color:#868484;
    font-size:18px;
    line-height:160%;
    padding:0 60px 30px;
}

body > div.header > div.centred > div.navbar > ul,body div.frame div.column ul,ul.apply-form,body > div.desktop > div.centred > div.frame > div.contents > ul,body > div.desktop > div.centred > div.frame > div.contents div.tags ul {
    list-style-image:none;
    list-style-type:none;
    margin:0;
    padding:0;
}

body > .preloader > .teaser > a.visit-crysis {
    position: absolute;
    display: block;
    top: 25px;
    left: 50%;
    margin-left: 126px;
    width: 316px;
    height: 44px;
}

ul.apply-form form .center button.wait {
    color: #015498;
    width:105px;
    height:38px;
    font-weight:700;
    text-align:center;
    background: none;
    border: 1px solid #015498;
    cursor:pointer;
    display:block;
    margin:0 auto;
    padding:0;
}

.table {
    display: table;
}
.tr {
    display: table-row;
}
.td {
    display: table-cell;
    white-space: nowrap;
}
.td > iframe {
    display: inline-block;
    height: 20px;
}
.td > iframe.twitter {
    width: 100px;
    overflow: hidden;
}
.td > iframe.facebook {
    margin-left: 7px;
}


div#___plusone_0 {
    background: url("/assets/img/btn-gplus-inactive.png") no-repeat scroll 0 0 transparent;
    height: 20px;
}

.shareBar {
    position: relative;
    margin-left: 12px;
    width: 300px;
    height: 26px;
}

.shareBar .icons {
    bottom: -3px;
    left: 0px;
    position: absolute;
    width: 300px;
}
.shareBar .icons {
    cursor: pointer;
}
.shareBar .icons img {
    display: inline-block !important;
}

.subscription {
    height: 500px;
}

.subscription > div {
    line-height: 160%;
    font-size: 12px;
}

body > div.desktop div.three-col div.news table {
    margin: 0;
    padding: 0;
    width: 100%;
}
body > div.desktop div.three-col div.news table td {
    width: 50%;
}

.download-detailed > div.column {
    width:100%;
    clear: both;
}
.download-detailed dl {
    width: 100%;
    display: table;
    overflow: hidden;
}
.download-detailed dl.attachments dt {
    display: table-row;
}
.download-detailed  dt > span {
    display: table-cell;
    padding-top: 5px;
}
.download-detailed  dt > span.url {
    padding-left: 50px;
    height: 52px;
}
.download-detailed  dt > span.description {
    width: 60%;
}

.disqus-boundingBox {
    padding: 20px 0;
}


body > div.desktop > div.centred > div.frame > div.contents > ul > li div.teaser-text {
    position: relative;
}

.comments-link {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-style: italic;
}

.smart-search {
    display: none;
    position: absolute;
    width: 320px;
    text-align: left;
    top: 35px;
    left: 10px;
    z-index: 10;
    color: #bdbdbd;
    -webkit-box-shadow: 0 0 2px #CCCCCC;
    box-shadow: 0 0 2px #CCCCCC;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    filter: dropshadow(color=rgba(0, 0, 0, 0.3), offx=1, offy=1);
}
.smart-search > .pointer {
    position: relative;
}
.smart-search > .pointer > div {
    width: 20px;
    height: 9px;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -10px;
    background: url(./smartsearch/pointer.png) no-repeat;
    z-index: 11;
}
.smart-search .results > .title {
    height: 24px;
    background: url(./smartsearch/li-header.png) no-repeat;
    line-height: 24px;
    font-size: 12px;
    padding: 0 15px;
}
.smart-search ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.smart-search li {
    padding: 14px 24px 14px 96px;
    height: 63px;
    font-size: 12px;
    background: url(./smartsearch/li-sprite.png) 0 0 no-repeat;
    cursor: pointer;
}
.smart-search li.hover {
    background: url(./smartsearch/li-sprite.png) 0 -91px no-repeat;
}
.smart-search li .title {
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}
.smart-search li .title a,
.smart-search li .title a:visited {
    color: #fff;
}
.smart-search li .desc {
    line-height: 20px;
    height: 42px;
    overflow: hidden;
}
.smart-search li .figure {
    position: relative;
}
.smart-search li .figure img {
    position: absolute;
    top: -15px;
    left: -94px;
}
.smart-search > .footer {
    position: relative;
    background: url(./smartsearch/box-footer.png) no-repeat;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    width: 320px;
    cursor: pointer;
}
.smart-search > .footer:hover {
    color: white;
}
.smart-search > .footer::after {
    content: '▶';
    position: absolute;
    right: 10px;
}

body > div.desktop > div.centred > div.frame > div.contents > ul.blog-images {
    list-style: none;
    margin: 0;
    padding: 0;
}
body > div.desktop > div.centred > div.frame > div.contents > ul.blog-images li {
    cursor: pointer;
    background: white;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}
body > div.desktop > div.centred > div.frame > div.contents > ul.blog-images {
    margin: 10px 0 20px 0;
    overflow: hidden;
}
body > div.desktop > div.centred > div.frame > div.contents > ul.blog-images li > img {
    margin: 5px 5px 0px 0px;
    padding: 0;
}

ul.blog-images li > img:hover {
    opacity: 0.5;
}

div.gallery-shadow.dynamic-glow {
    background: #000;
}

div.desk {
    background-color: #000;
    top: 50%;
    left: 50%;
    position: fixed;
    border: 0;
}
div.desk > img {
    display: block;
}
#image-gallery .desk {
    -moz-box-shadow: 0px -10px 38px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0px -10px 38px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0px -10px 38px rgba(255, 255, 255, 0.3);
    box-shadow: 0px -10px 38px rgba(255, 255, 255, 0.3);
}

.collapse-trigger {
    font-size: 11px;
    cursor: pointer;
    margin: 0 0 20px;
    display: inline-block;
    background: url("down-link.png") no-repeat right center transparent;
    padding-right: 15px;
    font-weight: 700;
}
.collapse-trigger.on {
    background: url("up-link.png") no-repeat right center transparent;
}

.career-footer {
    background: url(/assets/crytek-icon-career.png) left top no-repeat;
    width: 980px;
    height: 137px;
    display: block;
    position: relative;
    margin-top: 20px;
}
.career-footer > div {
    padding: 34px 0 0 180px;

}
.career-footer h2 {
    color: #015498;
    font-family: Myriadpro,Arial;
    font-size: 32px;
    line-height: 32px;
    margin: 0;
    font-weight: normal;
}

.career-footer .primary-text {
    font-family: Tahoma !important;
    font-size: 12px !important;
    line-height: 160%;
    width: 560px;
    margin-top: 10px;
}
.career-footer .link {
    color: #FFFFFF;
    font-family: Tahoma !important;
    font-size: 12px !important;
    position: absolute;
    right: 0;
    top: 76px;
}
.career-footer .link a {
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    width: 117px;
}

blockquote {
    margin-left: 3em;
    font-style: italic;
    color: #777;
}

div.contents img {
    max-width: 600px;
}




/**
 * Video player
 * #player
 */

/*
<div class="ppVideoWrapper">
...
    <div class="pp-video"><!-- --></div>
    <div class="controls">
        <div>
            <div class="button">
            <button class="pause"><!-- --></button>
            <button class="play"><!-- --></button>
        </div>
        <div><div class="progressBar"><div><!-- --></div></div></div>
        <div class="timer">00:00 | 00:00</div>
        <div class="button">
            <button class="mute"><!-- --></button>
            <button class="unmute"><!-- --></button>
        </div>
    </div>
    </div>
</div>
*/

/* Proportional screen size trick
   http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
*/

.ppVideoWrapper {
    position: relative;
    height: 0;
    overflow: hidden;

}
    .ppVideoWrapper video,
    .ppVideoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    body.fullscreen video-gallery{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    body.fullscreen div.gallery {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    body.fullscreen div.gallery > div.image.ppVideoWrapper {
        width: 100%;
        height: 100%;
    }
    .ppVideoWrapper.fullscreen video,
    .ppVideoWrapper.fullscreen iframe {
        position: static;
    }

    .iPad .ppVideoWrapper iframe {
        margin-bottom: 100px;
    }
    .ppVideoWrapper .controls {
        position: absolute;
        display: table;
        table-layout: fixed;
        height: 35px;
        width: 100%;
        bottom: 0;
        background-color: #191919;
        transform: translateY(100%);
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);

        transition: transform 500ms;
        -moz-transition: -moz-transform 500ms;
        -webkit-transition: -webkit-transform 500ms;
        -o-transition: -o-transform 500ms;
        -ms-transition: -ms-transform 500ms;
    }

    .ppVideoWrapper:hover .controls {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    .iPad .ppVideoWrapper .controls {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
    }
    .iPad .ppVideoWrapper:hover .controls {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
    }

    .ppVideoWrapper .controls > div {
        display: table-row;
    }
        .ppVideoWrapper .controls > div > * {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 35px;
        }
            .ppVideoWrapper .controls > div > .button {
                width: 32px;
            }

        .ppVideoWrapper .controls button {
            width: 16px;
            height: 16px;
            padding: 0;
            border: 0;
            cursor: pointer;
            display: block;
            position: relative;
            margin: 0 auto;
            background-image: url(./img/player/controls.png);
            background-repeat: no-repeat;
            background-color: transparent;
            -webkit-background-size: 128px 32px;
            -moz-background-size: 128px 32px;
             -ms-background-size: 128px 32px;
              -o-background-size: 128px 32px;
                 background-size: 128px 32px;

        }
            .ppVideoWrapper .controls button.play {
                background-position: 0 0;
            }
            .ppVideoWrapper .controls button.pause {
                background-position: 0 -16px;
                display: none;
            }
            .ppVideoWrapper .controls button.unmute {
                background-position: -16px 0px;
                display: none;
            }
            .ppVideoWrapper .controls button.mute {
                background-position: -16px -16px;
            }

             .ppVideoWrapper .controls .quality {
                font-size: 0.917em;
                color: white;
                width: 90px;
            }
            .ppVideoWrapper .controls .quality select {
                border-radius: 5px 5px 0 0;
                border: 0;
                padding: 2px 5px;
                background-color: #555555;
                text-shadow: -1px -1px rgba(0,0,0,0.7);
                color: white;
            }

            .ppVideoWrapper .controls .timer {
                font-size: 0.917em;
                color: white;
                width: 100px;
                text-shadow: -1px -1px rgba(0,0,0,0.7);
            }

            .ppVideoWrapper .controls button.enterFullscreen {
                background-position: -32px 0px;
            }
            .ppVideoWrapper .controls button.leaveFullscreen {
                background-position: -32px -16px;
                display: none;
            }

            .ppVideoWrapper .controls .progressBar {
                display: block;
                width: 100%;
                height: 16px;
                background: #333333;
                cursor: pointer;
            }
            :root .ppVideoWrapper .controls .progressBar {
                border-radius: 3px;
                background-image: linear-gradient(top, rgb(30,30,30) 3%, rgb(51,51,51) 52%);
                background-image: -o-linear-gradient(top, rgb(30,30,30) 3%, rgb(51,51,51) 52%);
                background-image: -moz-linear-gradient(top, rgb(30,30,30) 3%, rgb(51,51,51) 52%);
                background-image: -webkit-linear-gradient(top, rgb(30,30,30) 3%, rgb(51,51,51) 52%);
                background-image: -ms-linear-gradient(top, rgb(30,30,30) 3%, rgb(51,51,51) 52%);
                background-image: -webkit-gradient(
                        linear,
                        left top,
                        left bottom,
                        color-stop(0.03, rgb(30,30,30)),
                        color-stop(0.52, rgb(51,51,51))
                );
            }
        .ppVideoWrapper .controls .progressBar > div {
            pointer-events: none;
            height: 100%;
            width: 0%;
            background: #ffffff;
        }
        :root .ppVideoWrapper .controls .progressBar > div {
            border-radius: 3px;
            background-image: linear-gradient(top, rgb(255,255,255) 3%, rgb(170,170,170) 52%);
            background-image: -o-linear-gradient(top, rgb(255,255,255) 3%, rgb(170,170,170) 52%);
            background-image: -moz-linear-gradient(top, rgb(255,255,255) 3%, rgb(170,170,170) 52%);
            background-image: -webkit-linear-gradient(top, rgb(255,255,255) 3%, rgb(170,170,170) 52%);
            background-image: -ms-linear-gradient(top, rgb(255,255,255) 3%, rgb(170,170,170) 52%);
            background-image: -webkit-gradient(
                    linear,
                    left top,
                    left bottom,
                    color-stop(0.03, rgb(255,255,255)),
                    color-stop(0.52, rgb(170,170,170))
            );
        }


span.customStyleSelectBox { font-size:11px; background-color: #f5f0de; color:#7c7c7c; padding:5px 7px; border:1px solid #e7dab0; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; line-height: 11px; }
span.customStyleSelectBox.changed { background-color: #f0dea4; }

#video-gallery div.gallery > div.close {
    top: 22px;
}



.likes > .table  .td {
  position: relative !important;
}

.likes > .table  .td .fb-like.fb_iframe_widget {
  position: absolute !important;
}