article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:hover,
a:active {
    outline: 0
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img {
    max-width: none
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,
input {
    *overflow: visible;
    line-height: normal
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}


.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

@keyframes shining {
    0% {
        background-position: -38px -10px;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        background-position: 32px -10px;
        opacity: 0
    }
}

@keyframes shiningBig {
    0% {
        background-position: -110% 20%;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        background-position: 170% 20%;
        opacity: 0
    }
}

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #292929;
    background-color: #c7c7c6;
    min-width: 300px
}

a {
    color: #bbb;
    text-decoration: none
}

a:hover {
    color: #2f2f2f;
    text-decoration: underline
}

.row {
    margin-left: -20px;
    *zoom: 1;
    *zoom: 1
}

.row:before,
.row:after {
    display: table;
    content: ""
}

.row:after {
    clear: both
}

.row:before,
.row:after {
    display: table;
    content: ""
}

.row:after {
    clear: both
}

[class*="span"] {
    float: left;
    margin-left: 20px
}

.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span10 {
    width: 780px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span7 {
    width: 540px
}

.span6 {
    width: 440px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

.fspan12 {
    width: 925px
}

.fspan11 {
    width: 845px
}

.fspan10 {
    width: 765px
}

.fspan9 {
    width: 685px
}

.fspan8 {
    width: 605px
}

.fspan7 {
    width: 525px
}

.fspan6 {
    width: 445px
}

.fspan5 {
    width: 365px
}

.fspan4 {
    width: 285px
}

.fspan3 {
    width: 205px
}

.fspan2 {
    width: 125px
}

.fspan1 {
    width: 45px
}

.offset12 {
    margin-left: 980px
}

.offset11 {
    margin-left: 900px
}

.offset10 {
    margin-left: 820px
}

.offset9 {
    margin-left: 740px
}

.offset8 {
    margin-left: 660px
}

.offset7 {
    margin-left: 580px
}

.offset6 {
    margin-left: 500px
}

.offset5 {
    margin-left: 420px
}

.offset4 {
    margin-left: 340px
}

.offset3 {
    margin-left: 260px
}

.offset2 {
    margin-left: 180px
}

.offset1 {
    margin-left: 100px
}

.row-fluid {
    width: 100%;
    *zoom: 1;
    *zoom: 1
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
    *zoom: 1
}

.container:before,
.container:after {
    display: table;
    content: ""
}

.container:after {
    clear: both
}

.container:before,
.container:after {
    display: table;
    content: ""
}

.container:after {
    clear: both
}

.container#main {
    padding-top: 18px
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
    *zoom: 1
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    content: ""
}

.container-fluid:after {
    clear: both
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    content: ""
}

.container-fluid:after {
    clear: both
}

body {
    position: relative;
    box-sizing: border-box
}

.svc-logo {
    margin-left: 0 !important;
    margin-top: -2px
}

section {
    margin: 0 0 20px
}

.navbar-inner .wrapper {
    margin: 0 auto;
    float: none;
    position: relative
}

.frame {
    padding: 14px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1), 0 1px 0 #fff inset;
    border: 1px solid #edede8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f8f8f6
}

.frame section {
    margin: 0
}

p.titleh1 {
    font-size: 20px;
    line-height: 20px;
    background-color: #f8f8f6;
    padding: 0 3px 0 6px;
    border-left: 6px solid #919191;
    color: #454545;
    margin-bottom: 10px !important
}

.page-header {
    padding-bottom: 0;
    margin: 0 0 10px !important;
    position: relative;
    *zoom: 1;
    *zoom: 1;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

.page-header.nobg {
    background: 0
}

.page-header:before,
.page-header:after {
    display: table;
    content: ""
}

.page-header:after {
    clear: both
}

.page-header:before,
.page-header:after {
    display: table;
    content: ""
}

.page-header:after {
    clear: both
}

.page-header h1,
.page-header h2 {
    font-size: 20px;
    line-height: 20px;
    background-color: #f8f8f6;
    padding: 0 3px 0 6px;
    position: relative;
    border-left: 6px solid #919191;
    color: #454545
}

.page-header #poll .page-header h1:before,
.page-header #poll .page-header h2:before {
    background: 0
}

.page-header .navbar {
    float: right;
    margin: -2px 0 4px
}

.page-header .navbar .nav {
    margin: 0
}

.page-header .navbar .nav li {
    margin: 0 0 0 15px
}

.page-header .navbar .nav li a {
    padding: 0 0 2px 0;
    font-size: 11px;
    line-height: 11px;
    color: #454545;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4)
}

.page-header .navbar .nav li a:hover {
    color: #000;
    background-color: transparent
}

.page-header .navbar .nav li a:focus {
    outline: 0
}

.page-header .navbar .nav li.active a {
    background-color: transparent;
    position: relative
}

.page-header .navbar .nav li.active a:after,
.page-header .navbar .nav li.active a:before {
    bottom: -4px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.page-header .navbar .nav li.active a:after {
    border-bottom-color: #919191;
    border-width: 5px;
    left: 50%;
    margin-left: -6px
}

.tabWrapper {
    *zoom: 1;
    *zoom: 1
}

.tabWrapper:before,
.tabWrapper:after {
    display: table;
    content: ""
}

.tabWrapper:after {
    clear: both
}

.tabWrapper:before,
.tabWrapper:after {
    display: table;
    content: ""
}

.tabWrapper:after {
    clear: both
}

.river article,
.box article {
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.river article .image,
.box article .image {
    position: relative
}

.river article .image .thumbnail,
.box article .image .thumbnail {
    margin: 0
}

.river article .image .thumbnail.small figure,
.box article .image .thumbnail.small figure {
    width: 200px
}

.river article .image .commentcount,
.box article .image .commentcount {
    position: absolute;
    font-size: 11px;
    right: -10px;
    top: 7px;
    display: block;
    width: 56px;
    height: 29px;
    text-indent: 29px;
    line-height: 28px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    font-weight: 700
}

.river article .hgroup,
.box article .hgroup {
    margin-bottom: 3px
}

.river article .hgroup .label,
.box article .hgroup .label {
    margin: 1px 0 0 4px
}

.river article .hgroup.ie7,
.box article .hgroup.ie7 {
    width: auto
}

.river article .hgroup+p,
.box article .hgroup+p {
    font-size: 12px;
    line-height: 21px;
    text-align: justify;
    text-justify: newspaper
}

.river .page-header+article,
.box .page-header+article {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.river.span8,
.box.span8 {
    margin: 0 0 20px
}

.box,
.river,
.frame {
    position: relative;
    *zoom: 1;
    *zoom: 1;
    text-shadow: 0 1px 0 #fff
}

.box:before,
.river:before,
.frame:before,
.box:after,
.river:after,
.frame:after {
    display: table;
    content: ""
}

.box:after,
.river:after,
.frame:after {
    clear: both
}

.box:before,
.river:before,
.frame:before,
.box:after,
.river:after,
.frame:after {
    display: table;
    content: ""
}

.box:after,
.river:after,
.frame:after {
    clear: both
}

.box .label,
.river .label,
.frame .label {
    background-color: #b5b5a0
}

.river article {
    padding: 20px 0
}

.river article:first-child {
    border-top: 0;
    padding-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.box article {
    padding: 12px 0
}

.box article:first-child {
    border-top: 0;
    padding-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.box article .image .thumbnail {
    margin-bottom: 10px
}

.box article .image .thumbnail.small figure {
    width: 260px
}

@media (min-width: 768px) and (max-width: 979px) {
    .box article .image .thumbnail.small figure {
        width: 200px
    }
}

.ruler {
    *zoom: 1;
    *zoom: 1
}

.ruler:before,
.ruler:after {
    display: table;
    content: ""
}

.ruler:after {
    clear: both
}

.ruler:before,
.ruler:after {
    display: table;
    content: ""
}

.ruler:after {
    clear: both
}

.navigable {
    padding-bottom: 38px
}

span.link,
li.link {
    color: #bbb
}

span.link:hover,
li.link:hover {
    text-decoration: underline
}

.loadmore,
.loadmorelink {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #edede8;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    color: #454545;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, .3);
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

.loadmore a,
.loadmorelink a {
    color: #454545
}

.loadmore a:hover,
.loadmorelink a:hover {
    color: #2f2f2f;
    text-decoration: none
}

.loadmore:hover,
.loadmorelink:hover {
    text-decoration: none
}

.loadmore .btn-action,
.loadmorelink .btn-action {
    margin: 10px 0
}

.see-all {
    margin-left: 15px;
    float: left
}

.mpu,
.ticker {
    padding: 0;
    margin-bottom: 20px;
    background-color: #f8f8f6;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1), 0 0 1px #fff inset;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mpu .prepend,
.ticker .prepend {
    color: #6b6b6b;
    border: 1px solid #edede8;
    border-bottom: 0;
    text-align: center
}

.mpu .prepend .caret,
.ticker .prepend .caret {
    margin-top: 6px
}

.tickerwrap {
    height: 60px
}

#theater .ticker {
    display: none
}

.loading {
    min-height: 50px;
    display: block;
    width: 100%
}

.section-loading {
    min-height: 200px
}

.panorama-loading {
    min-height: 200px
}

.popover-loading {
    min-height: 100px
}

.prevlink,
.nextlink {
    margin: 10px 0
}

.prevlink a,
.nextlink a {
    margin: 0 5px;
    font-weight: 700
}

.prevlink a:hover,
.nextlink a:hover {
    text-decoration: none
}

[data-async] {
    cursor: pointer
}

#featured .thumbnail {
    border: 1px solid #edede8;
    background-color: #f8f8f6;
    padding: 4px
}

#featured article.span8,
#featured article.span12,
#featured .first-child {
    margin-bottom: 20px
}

#featuredVideos {
    margin-bottom: 0
}

#featuredVideos .thumbnail {
    border: 1px solid #edede8;
    background-color: #f8f8f6;
    padding: 4px
}

#featuredVideos article {
    margin-bottom: 20px
}

canvas {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.featured .medium,
.featured .large,
.featured .small {
    position: relative
}

.featured>.thumbnail {
    margin-bottom: 20px
}

.featured .hgroup {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

body>header,
body>#header {
    position: relative;
    z-index: 110
}

body>header.header-compact,
body>#header.header-compact {
    height: 46px
}

body>header .container,
body>#header .container {
    padding: 0 20px
}

#mainmenu {
    text-transform: uppercase;
    border-bottom: 3px solid #b0b0b2;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

#mainmenu .btn-navbar {
    float: left;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75)
}

#mainmenu li>a:hover,
#mainmenu li>span:hover {
    color: #fff
}

#mainmenu li.active {
    background-color: #9a9a9a;
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5)
}

#mainmenu li:hover {
    background-color: #787876;
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5)
}

#mainmenu li.active>a,
#mainmenu li.active>span:hover {
    color: #fff;
    -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, .5)
}

#mainmenu .container {
    width: 940px
}

#mainmenu h1 a {
    display: block;
    width: 180px;
    height: 44px;
    text-indent: -9999px;
    margin-top: 0
}



#nac-bar {
    padding-left: 30px;
    background-color: #787876;
    border-bottom: 1px solid #919191;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-size: 11px;
    color: #fff
}

#nac-bar a {
    color: #fff
}

#nac-bar .btn {
    font-size: 11px;
    line-height: 0;
    color: #292929
}

#nac-bar .btn a {
    color: #292929
}

#platform-jumper a,
#platform-jumper span {
    font-size: 11px;
    padding: 12px 5px 11px;
    text-transform: none
}

#platform-jumper a strong,
#platform-jumper span strong {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .3);
    width: 16px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-family: monospace;
    line-height: 16px;
    -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, .2) inset;
    -moz-box-shadow: 0 0 4px rgba(255, 255, 255, .2) inset;
    box-shadow: 0 0 4px rgba(255, 255, 255, .2) inset;
    margin-top: 0
}

#platform-jumper .divider-vertical {
    height: 13px;
    width: 1px;
    margin: 15px 3px 0;
    overflow: hidden;
    background-color: #c9c9c9;
    border-right: 1px solid #fff;
    opacity: .7;
    filter: alpha(opacity=70)
}

.header-compact h1 {
    float: left
}

.header-compact #user-ui {
    padding-top: 8px
}

.header-compact #user-ui h3 {
    float: left;
    line-height: 25px;
    margin-right: 10px
}

.header-compact #user-ui ul {
    float: left
}

.header-compact #user-ui ul li {
    float: left;
    margin: 0 5px 0 0
}

.header-compact #user-ui .closebtn {
    margin: 0
}

.header-compact .navbar-inner {
    min-height: 43px
}

.header-compact .navbar-inner .btn {
    padding: 2px 10px
}

#user-ui {
    margin-right: 6px;
    margin-bottom: 1px;
    float: right
}

#user-ui .thumbnail {
    float: right;
    margin-left: 10px
}

#user-ui .thumbnail.avatar {
    background-color: #282828
}

#user-ui .thumbnail.small {
    margin: 0 10px 0 0;
    float: left;
    width: 25px;
    padding: 2px
}

#user-ui ul {
    margin: 0;
    list-style-type: none
}

#user-ui ul li {
    float: right;
    padding: 3px;
    background: #c4c4c3;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    margin-left: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

#user-ui ul li a {
    float: left;
    font-size: 10px;
    color: #fff;
    margin-left: 5px
}

#user-ui ul li a.btn {
    text-align: center;
    width: 15px;
    height: 15px;
    padding: 0;
    font-size: 11px;
    line-height: 17px;
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    margin: 0 0 0 5px
}

#user-ui #logout {
    margin-left: 10px;
    padding: 1px 2px 0 2px;
    background: #c4c4c3;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#user-ui .btn-group {
    margin-top: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

#more-games {
    cursor: pointer;
    color: #a6a6a6;
    display: inline;
    padding: 0
}

#more-games:hover {
    text-decoration: underline
}

#more-games-expand {
    display: none
}

footer p.title,
.modal p.title {
    margin: 0;
    color: #ccc;
    font-size: 16px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.modal p.title {
    color: #919191
}

#news #news-container {
    overflow: hidden;
    height: 240px;
    position: relative
}

#news ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    padding-left: 0 !important;
    padding-right: 0 !important
}

#news ul li {
    position: relative;
    height: 24px;
    font-size: 11px
}

#news ul li.hot {
    font-weight: 700
}

#news ul li div {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
    padding-left: 2px
}

#news ul li a {
    display: block;
    padding: 3px 15px 0 5px !important;
    height: 21px;
    position: absolute;
    top: 0;
    left: 45px;
    width: 235px;
    color: #454545;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#news ul li a:hover {
    background: 0
}

#news ul li:hover {
    background-color: #e2e2d9
}

#une.frame article p {
    margin: 0
}

#related-stories a.title {
    margin-left: 0
}

.group-title a,
#theater a {
    text-decoration: none
}


#follow ul {
    margin: 0;
    list-style-type: none
}

#follow ul#social-stack li {
    width: 12%
}

#follow li {
    float: left;
    width: 32%;
    list-style-type: none;
    text-align: center
}

.rightseparator {
    border-right: 1px solid #e2e2d9;
    -webkit-box-shadow: 1px 0 0 #fff;
    -moz-box-shadow: 1px 0 0 #fff;
    box-shadow: 1px 0 0 #fff
}

#story-page {
    margin-bottom: 20px
}

#story-page>.thumbnail {
    padding: 0;
    clear: both;
    margin-bottom: 10px
}

#story-page>.thumbnail img {
    width: 100%
}

#story-page>.thumbnail .hgroup {
    padding: 8px 14px
}

#story-page>.thumbnail .hgroup p.title {
    color: #FFF;
    font-size: 24px;
    line-height: 24px;
    margin-top: 0
}

#story-page .game-action .thumbnail img {
    width: 100px
}

#story-page .infos {
    margin-left: 115px
}

#story-page .question {
    margin-top: 10px;
    color: #125aa3;
    font-size: 16px;
    font-weight: 700;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#story-page .question a {
    text-decoration: underline
}

#story-page .reponse {
    margin: 0 15px
}

#story-page h1 {
    font-size: 24px;
    padding: 0 3px 0 6px;
    border-left: 6px solid #919191;
    color: #454545;
    line-height: 28px;
    margin-bottom: 15px
}

#story-page .about {
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    min-height: 35px;
    padding: 0 0 10px
}

#story-page .about .byline,
#story-page .about .meta,
#story-page .about .mentions {
    padding: 0;
    margin: 0;
    font-size: 11px
}

#story-page .byline,
#story-page .meta,
#story-page .mentions,
#story-page .signature {
    color: #6b6b6b
}

#story-page .story-body,
#story-page .summary,
#story-page .story-conclusion {
    *zoom: 1;
    *zoom: 1;
    text-align: justify;
    font-size: 12px;
    line-height: 21px;
    margin-top: 8px;
    padding: 0 4px
}

#story-page .story-body:before,
#story-page .summary:before,
#story-page .story-conclusion:before,
#story-page .story-body:after,
#story-page .summary:after,
#story-page .story-conclusion:after {
    display: table;
    content: ""
}

#story-page .story-body:after,
#story-page .summary:after,
#story-page .story-conclusion:after {
    clear: both
}

#story-page .story-body:before,
#story-page .summary:before,
#story-page .story-conclusion:before,
#story-page .story-body:after,
#story-page .summary:after,
#story-page .story-conclusion:after {
    display: table;
    content: ""
}

#story-page .story-body:after,
#story-page .summary:after,
#story-page .story-conclusion:after {
    clear: both
}

#story-page .story-body p,
#story-page .summary p,
#story-page .story-conclusion p {
    text-align: justify;
    text-justify: newspaper
}

#story-page .story-body h2,
#story-page .summary h2,
#story-page .story-conclusion h2 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #454545
}

#story-page .story-body img,
#story-page .summary img,
#story-page .story-conclusion img {
    height: auto
}

#story-page .story-body img.pull-left,
#story-page .summary img.pull-left,
#story-page .story-conclusion img.pull-left {
    margin: 4px 12px 0 0
}

#story-page .story-body img.pull-right,
#story-page .summary img.pull-right,
#story-page .story-conclusion img.pull-right {
    float: right;
    margin: 4px 0 0 12px
}

#story-page .story-body img.pull-center,
#story-page .summary img.pull-center,
#story-page .story-conclusion img.pull-center {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    *zoom: 1
}

#story-page .story-body img.pull-center:before,
#story-page .summary img.pull-center:before,
#story-page .story-conclusion img.pull-center:before,
#story-page .story-body img.pull-center:after,
#story-page .summary img.pull-center:after,
#story-page .story-conclusion img.pull-center:after {
    display: table;
    content: ""
}

#story-page .story-body img.pull-center:after,
#story-page .summary img.pull-center:after,
#story-page .story-conclusion img.pull-center:after {
    clear: both
}

#story-page .story-body img.pull-center:before,
#story-page .summary img.pull-center:before,
#story-page .story-conclusion img.pull-center:before,
#story-page .story-body img.pull-center:after,
#story-page .summary img.pull-center:after,
#story-page .story-conclusion img.pull-center:after {
    display: table;
    content: ""
}

#story-page .story-body img.pull-center:after,
#story-page .summary img.pull-center:after,
#story-page .story-conclusion img.pull-center:after {
    clear: both
}

#story-page .story-conclusion {
    background-color: #f1f1ed;
    border: 1px solid #ebebe5;
    margin: 15px 0;
    padding: 15px;
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2), 0 0 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2), 0 0 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2), 0 0 2px rgba(0, 0, 0, .05)
}

#story-page .important h2 {
    margin-bottom: 5px
}

#story-page .story-rating .rating {
    float: none
}

#story-page .story-moins,
#story-page .story-plus,
#story-page .story-rating {
    float: left
}

#story-page .story-moins,
#story-page .story-plus {
    width: 210px;
    margin-right: 10px
}

#story-page .story-moins ul,
#story-page .story-plus ul {
    margin-bottom: 20px
}

#story-page .story-moins li,
#story-page .story-plus li {
    font-weight: 700;
    text-align: left
}

#story-page table {
    width: 100%
}

#story-page img.header {
    margin-bottom: 10px;
    width: 100%
}

#story-page .summary p:first-child {
    font-weight: 700
}

#story-page .signature {
    clear: both;
    margin-top: 20px;
    padding: 12px 0 0;
    overflow: hidden;
    font-size: 11px;
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

#story-page .signature img.thumbnail {
    width: 50px;
    height: 50px;
    margin-right: 12px
}

#story-page .signature a.share {
    margin-right: 10px
}

#story-page .asus {
    cursor: pointer;
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 0
}

#story-page .asus .label-asus {
    font-weight: 700
}

#story-page .asus img {
    margin-top: 0 !important
}

.ie7 #story-page .signature {
    padding-top: 8px
}

#related-stories .group-title a {
    font-size: 14px;
    line-height: 18px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #818181;
    text-transform: uppercase
}

#related-stories ul {
    list-style: none;
    margin: 0;
    font-size: 11px;
    margin: 5px 0
}

#related-stories ul li a {
    color: #454545;
    padding: 3px 0;
    display: block;
    margin-left: -15px;
    padding: 3px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

#related-stories ul li a .time {
    color: #6b6b6b
}

.embed-media-viewer .media-preview {
    margin: 15px 0 10px 0;
    padding-bottom: 10px;
    height: 340px;
    overflow: hidden;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

.embed-media-viewer .media-preview img.thumbnail {
    display: block;
    margin: 0 auto;
    float: none;
    max-height: 330px
}

.embed-media-viewer .jslview {
    height: 100px;
    overflow: hidden
}

#story-list p.summary {
    font-size: 12px;
    line-height: 21px;
    margin-top: 8px;
    text-align: justify;
    text-justify: newspaper
}

#story-list .clearfix:first-child {
    margin-top: -10px
}

#story-list article {
    border-top: 1px solid #e5e5e0;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

#story-list article:first-child {
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#story-list article .hgroup {
    margin-bottom: 3px
}

#story-list article .video {
    padding: 4px
}

#story-list .label {
    margin-right: 4px
}

#review-list .game-cover,
#guide-list .game-cover {
    margin-top: 5px;
    position: relative
}

#review-list .game-cover .thumbnail,
#guide-list .game-cover .thumbnail {
    position: relative;
    float: left
}

#review-list figure.small,
#guide-list figure.small {
    width: 120px;
    max-height: none
}

#review-list .review-content,
#guide-list .review-content {
    margin-left: 150px
}

#review-list .byline,
#guide-list .byline,
#review-list .meta,
#guide-list .meta {
    font-size: 11px;
    color: #6b6b6b
}

#review-list .summary,
#guide-list .summary {
    padding-right: 4px;
    text-align: justify;
    text-justify: newspaper
}

#review-list .images,
#guide-list .images {
    background-color: #f1f1ed;
    padding-top: 10px;
    padding-left: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    *zoom: 1
}

#review-list .images:before,
#guide-list .images:before,
#review-list .images:after,
#guide-list .images:after {
    display: table;
    content: ""
}

#review-list .images:after,
#guide-list .images:after {
    clear: both
}

#review-list .images:before,
#guide-list .images:before,
#review-list .images:after,
#guide-list .images:after {
    display: table;
    content: ""
}

#review-list .images:after,
#guide-list .images:after {
    clear: both
}

#review-list .images .thumbnail,
#guide-list .images .thumbnail {
    float: left;
    margin: 0 5px 10px
}

#review-list .video,
#guide-list .video {
    margin: 10px 0
}

#review-list .title span,
#guide-list .title span {
    font-size: 12px;
    color: #6b6b6b
}

#review-list .title span.user,
#guide-list .title span.user {
    color: #bbb;
    font-size: 18px
}

#review-list .title a.user,
#guide-list .title a.user {
    color: #bbb
}

#review-list.presse figure.small {
    width: 60px
}

#review-list.presse figure.small img {
    width: 60px
}

#review-list.presse .review-content {
    margin-left: 0
}

.game-cover-list,
.collection {
    list-style-type: none;
    margin-left: 0
}

.game-cover-list li,
.collection li {
    margin-bottom: 15px
}

.game-cover-list p.group,

.game-cover-list p.group+article,
.collection p.group+article {
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.game-cover-list .game-cover,
.collection .game-cover {
    float: left;
    padding: 0 10px 0 0
}

.game-cover-list .game-cover .thumbnail,
.collection .game-cover .thumbnail {
    margin: 0;
    width: 60px
}

.game-cover-list .game-cover .thumbnail figure.small,
.collection .game-cover .thumbnail figure.small {
    max-height: 200px
}

.game-cover-list .game-cover .thumbnail figure.small img,
.collection .game-cover .thumbnail figure.small img {
    width: 60px
}

.game-cover-list .game-content,
.collection .game-content {
    margin-left: 80px
}

.game-cover-list .game-content p.title,
.collection .game-content p.title {
    font-size: 14px;
    max-width: 75%
}

.game-cover-list .game-content p.details,
.collection .game-content p.details {
    font-size: 11px;
    line-height: 18px;
    color: #6b6b6b
}

.game-cover-list .game-content p.details .gray,
.collection .game-content p.details .gray {
    color: #454545
}

.game-cover-list .game-content p.subdetails,
.collection .game-content p.subdetails {
    font-size: 11px;
    color: #aaa
}

.collection p.subdetails {
    margin-top: 8px
}

.input-append select.add-on {
    height: 28px
}

.entry {
    display: inline-block;
    margin: 0;
    text-align: center;
    height: 60px;
    width: 23%;
    padding-bottom: 15px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border-right: 1px dotted #ccc;
    border-left: 2px solid #f8f8f6
}

.entry:last-child {
    border-right: 0
}

.entry .statnumber {
    font-size: 36px;
    line-height: 50px;
    color: #454545
}

.entry a {
    display: inline-block;
    height: 60px;
    width: 100%;
    color: #6b6b6b
}

.entry a:hover {
    text-decoration: none
}

.entry.active,
.entry:hover {
    border-left: 2px solid #919191;
    background: #e2e2d9
}

#collection .ruler {
    position: relative
}

#addtocollection {
    padding: 8px 0 10px;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

#collection-game-results p.total {
    margin-top: 10px;
    text-align: center;
    font-weight: 700
}

#collection-game-results p.total a {
    text-indent: -9999px
}

#collection-game-results .results {
    display: inline-block;
    width: 30%;
    list-style-type: none;
    vertical-align: top;
    text-align: left
}

#collection-game-results .results span.title {
    display: inline-block;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

#collection-game-results .results li {
    cursor: pointer;
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

#collection-game-results .results li.user-action {
    opacity: .6
}

#collection-game-results .results li.user-action:hover {
    opacity: 1
}

[data-toggle],
[data-refine] {
    cursor: pointer
}

.rightColFix {
    margin-right: 20px
}

#video-list.river article,
.game-cover-view article,
#images-list.river article {
    display: inline-block;
    vertical-align: top;
    width: 32.5%;
    padding: 20px 0;
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

#video-list.river article:nth-child(1),
.game-cover-view article:nth-child(1),
#images-list.river article:nth-child(1),
#video-list.river article:nth-child(2),
.game-cover-view article:nth-child(2),
#images-list.river article:nth-child(2),
#video-list.river article:nth-child(3),
.game-cover-view article:nth-child(3),
#images-list.river article:nth-child(3) {
    padding-top: 10px;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#video-list.river article .video-thumbnail,
.game-cover-view article .video-thumbnail,
#images-list.river article .video-thumbnail,
#video-list.river article .image-thumbnail,
.game-cover-view article .image-thumbnail,
#images-list.river article .image-thumbnail {
    padding: 0 10px;
    position: relative
}

#video-list.river article .video-thumbnail .thumbnail,
.game-cover-view article .video-thumbnail .thumbnail,
#images-list.river article .video-thumbnail .thumbnail,
#video-list.river article .image-thumbnail .thumbnail,
.game-cover-view article .image-thumbnail .thumbnail,
#images-list.river article .image-thumbnail .thumbnail {
    float: none;
    width: 100%
}

#video-list.river article img,
.game-cover-view article img,
#images-list.river article img {
    max-width: 100%;
    min-width: 100%
}

#video-list.river article .hgroup,
.game-cover-view article .hgroup,
#images-list.river article .hgroup {
    margin: 5px 0 0
}

#video-list.river article .hgroup p,
.game-cover-view article .hgroup p,
#images-list.river article .hgroup p {
    font-size: 12px
}

#video-list.river article .hgroup h2,
.game-cover-view article .hgroup h2,
#images-list.river article .hgroup h2 {
    font-size: 14px;
    line-height: 16px
}

#video-list.river article p.video-title,
.game-cover-view article p.video-title,
#images-list.river article p.video-title {
    font-size: 12px;
    line-height: 16px;
    color: #6b6b6b;
    margin: 0;
    text-align: left
}

#video-list.river article p.video-views,
.game-cover-view article p.video-views,
#images-list.river article p.video-views {
    font-size: 12px;
    color: #ccc;
    margin: 0
}

#video-list.river article p.game-details,
.game-cover-view article p.game-details,
#images-list.river article p.game-details {
    text-align: center
}

#video-list.river article .shift,
.game-cover-view article .shift,
#images-list.river article .shift {
    margin-top: 10px
}

#video-list.river article .shift a,
.game-cover-view article .shift a,
#images-list.river article .shift a {
    text-decoration: none
}

.game-cover-view .game-thumbnail {
    padding: 0 10px
}

.game-cover-view .game-thumbnail .thumbnail {
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 120px;
    margin-bottom: 8px
}

.game-cover-view .game-thumbnail .thumbnail figure.small {
    max-height: 200px
}

.game-cover-view .hgroup p {
    text-align: center
}

#video-list.box .video-thumbnail>.thumbnail {
    float: left;
    width: 100px
}

#video-list.box .shift {
    margin-left: 114px
}

#video-list.box .shift a {
    text-decoration: none
}

#video-list.box .hgroup {
    margin: 5px 0 0
}

#video-list.box .hgroup p {
    font-size: 12px;
    line-height: 18px
}

#video-list.box .hgroup p.title {
    font-size: 12px;
    line-height: 14px
}

#video-list.box p.video-title {
    font-size: 12px;
    line-height: 16px;
    color: #6b6b6b;
    margin: 0;
    text-align: left
}

#video-list.box p.video-views {
    font-size: 12px;
    color: #ccc;
    margin: 0
}

.video-thumbnail .thumbnail {
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.video-thumbnail .thumbnail figure {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.video-thumbnail .thumbnail figure img[attr='alt'] {
    text-indent: -9999px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.ie7 #video-list article {
    border-top: 0
}

.linklist {
    margin-bottom: 30px;
    padding-top: 10px
}

.linklist.pull-left,
.linklist.pull-right {
    width: 48%;
    margin-bottom: 0
}

.linklist ul {
    margin: 4px 0 0;
    list-style-type: none
}

.linklist ul a {
    color: #454545
}

.linklist ul li {
    padding: 4px 0;
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

#guide-achat ul,
#all-videos ul,
#all-games ul,
.tips-list ul {
    margin: 0;
    list-style-type: none
}

#guide-achat ul a,
#all-videos ul a,
#all-games ul a,
.tips-list ul a {
    color: #454545
}

#guide-achat ul li,
#all-videos ul li,
#all-games ul li,
.tips-list ul li {
    padding: 6px 0;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

#guide-achat ul li:last-child,
#all-videos ul li:last-child,
#all-games ul li:last-child,
.tips-list ul li:last-child {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#all-videos ul li,
#all-games ul li {
    display: inline-block;
    width: 48%
}

#all-videos ul li:nth-child(2n),
#all-games ul li:nth-child(2n) {
    float: right
}

#all-videos ul li:last-child,
#all-games ul li:last-child {
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

#all-videos ul li a strong,
#all-games ul li a strong {
    float: left
}

#all-videos .num-videos,
#all-games .num-videos {
    float: right;
    color: #6b6b6b
}

.game-slider.river .thumbnail {
    float: none;
    width: 120px
}

.game-slider.river .game .game-cover {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 165px;
    position: relative
}

.game-slider.river .game .thumbnail {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 4px rgba(0, 0, 0, .15)
}

.game-slider.river .game .hgroup {
    height: 40px
}

.game-slider.river .game .hgroup p.title {
    font-size: 13px;
    line-height: 16px
}

.game-slider.river .game .hgroup p.date {
    font-size: 12px;
    color: #aaa
}

.comment-list form {
    *zoom: 1;
    *zoom: 1
}

.comment-list form:before,
.comment-list form:after {
    display: table;
    content: ""
}

.comment-list form:after {
    clear: both
}

.comment-list form:before,
.comment-list form:after {
    display: table;
    content: ""
}

.comment-list form:after {
    clear: both
}

.comment-list #post-comment {
    min-height: 72px;
    margin: 8px 0
}

.comment-list ul {
    margin: 0;
    list-style-type: none
}

.comment-list ul li.comment {
    *zoom: 1;
    *zoom: 1;
    padding: 12px 0;
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.comment-list ul li.comment:before,
.comment-list ul li.comment:after {
    display: table;
    content: ""
}

.comment-list ul li.comment:after {
    clear: both
}

.comment-list ul li.comment:before,
.comment-list ul li.comment:after {
    display: table;
    content: ""
}

.comment-list ul li.comment:after {
    clear: both
}

.comment-list ul li.comment img.thumbnail {
    width: 42px;
    height: 42px
}

.comment-list ul li.comment .username {
    font-weight: 700
}

.comment-list ul li.comment time {
    color: #6b6b6b;
    font-size: 11px
}

.comment-list ul li.comment p {
    margin-top: 4px;
    text-align: justify;
    text-justify: newspaper
}

.comment-list .comment-pagination {
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    padding: 15px 0
}

.comment-list .comment-pagination div {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.glist .nav>li {
    padding: 10px 0;
    color: #454545;
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.glist .nav>li:first-child {
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.glist .nav>li .thumbnail {
    width: 56px;
    float: left;
    margin: 0 10px 0 0;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.glist .nav>li article {
    padding: 0
}

.ie7 .glist .nav li {
    overflow: hidden
}

#blog-list article .hgroup .byline {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 0 100px
}

#blog-list article .hgroup .byline strong {
    color: #0064cd
}

#blog-list article .hgroup .title {
    margin: 0 0 0 100px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#blog-list article .hgroup .dateline {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 25px;
    color: #6b6b6b;
    font-size: 11px;
    margin: 0 0 0 100px
}

#blog-list article .hgroup .image {
    float: left;
    position: relative
}

#blog-list article .hgroup .image .thumbnail {
    margin: 0
}

#blog-list article .hgroup .image img {
    max-width: 75px;
    min-width: 50px;
    max-height: 75px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#blog-list article .hgroup .fb-btn {
    float: right;
    position: relative
}

#blogs-list article .hgroup .byline {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 0 65px
}

#blogs-list article .hgroup .byline strong {
    color: #0064cd
}

#blogs-list article .hgroup .title {
    margin: 0 10px 0 65px;
    font-size: 14px;
    line-height: 16px
}

#blogs-list article .hgroup .image {
    float: left;
    position: relative;
    margin: 0 10px 0 0
}

#blogs-list article .hgroup .image .thumbnail {
    margin: 0
}

#staff-list .span4 {
    margin-bottom: 20px
}

#staff-list article .profile {
    min-height: 165px
}

#staff-list article .image {
    float: left;
    position: relative
}

#staff-list article .image .thumbnail {
    margin: 0
}

#staff-list article .image img {
    max-height: 75px;
    max-width: 75px;
    min-width: 75px
}

#staff-list article .hgroup {
    position: relative;
    min-height: 90px
}

#staff-list article .hgroup p {
    margin: 0 0 0 90px;
    width: auto
}

#staff-list article .hgroup .title {
    margin-bottom: 3px;
    padding-top: 10px
}

#staff-list article .hgroup .jobtitle {
    font-weight: 400;
    font-size: 11px;
    color: #6b6b6b;
    margin-top: -5px
}

#staff-list article .hgroup .infos {
    text-transform: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0064cd;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

#staff-list article .hgroup .infos .infos-label {
    font-size: 11px;
    color: #454545
}

#staff-list article .hgroup .description {
    text-transform: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #454545;
    font-size: 10px;
    padding: 0;
    margin-top: 0;
    background-color: transparent
}

#staff-list article .playing {
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ececec;
    font-size: 12px;
    display: block;
    font-size: 12px;
    margin: 0 -14px;
    padding: 5px 15px;
    text-shadow: none;
    text-transform: uppercase;
    text-indent: 21px
}

#staff-list article .playing span {
    cursor: pointer;
    display: block;
    margin-top: 2px;
    float: right;
    text-indent: -9999px;
    opacity: 1
}

#staff-list article div.network-list {
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2) inset;
    -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2) inset;
    margin: 0 -14px;
    padding: 0 14px
}

#staff-list article ul#network .infos-label {
    display: block;
    margin: 0 -29px;
    white-space: nowrap
}

#staff-list article .played-games-list {
    display: none;
    margin-bottom: -10px
}

#staff-list article .played-games-list ul {
    padding: 0 1px
}

#staff-list article .played-games-list .played-games {
    width: 20%;
    text-align: center;
    float: left
}

#staff-list article .played-games-list .played-games article {
    padding: 0
}

#staff-list article .played-games-list .game-cover {
    margin: 10px auto;
    max-width: 75px;
    min-height: 110px;
    position: relative
}

#staff-list article .played-games-list .thumbnail {
    bottom: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    left: 0;
    position: absolute
}

#staff-list article .played-games-list .small {
    max-height: none;
    max-width: 100%
}

#staff-list article .played-games-list img {
    max-width: 70px;
    max-height: none
}

#staff-list article .played-games-list .hgroup {
    width: 100%;
    min-height: 0;
    margin: 0
}

#staff-list article .played-games-list .hgroup .title {
    font-size: 12px;
    line-height: 14px;
    margin: 0
}

#staff-list hr.separator {
    border-color: transparent;
    clear: both;
    margin: 0;
    visibility: hidden
}

.lexique-list .definition {
    margin-bottom: 5px
}

#notes-list article {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e0
}

#notes-list .rating strong {
    max-width: 80px
}

#notes-list .rating strong.big {
    width: 80px
}

#notes-list .description {
    text-align: justify;
    padding: 0 10px 0 100px
}

.contact-description {
    margin-bottom: 20px;
    text-align: justify;
    line-height: 21px
}

.contact-news-list {
    margin-bottom: 20px
}

.contact-news-list.pull-left,
.contact-news-list.pull-right {
    width: 48%;
    margin-bottom: 0
}

.contact-news-list ul {
    list-style: none;
    margin: 0 0 20px 0
}

.contact-news-list ul li:first-child a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.contact-news-list ul li a {
    color: #454545;
    padding: 3px 0;
    display: block;
    font-size: 11px
}

.contact-news-list ul li a .time {
    color: #6b6b6b;
    display: block;
    float: left
}

.contact-news-list ul li a .time+span {
    margin-left: 50px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

#user-reviews h3 {
    text-transform: none;
    margin-bottom: 5px
}

#user-reviews #goodreviews,
#user-reviews .review-chart {
    float: left;
    width: 47%
}

#user-reviews #badreviews,
#user-reviews .write {
    float: right;
    width: 47%
}

#user-reviews .reviewSummary {
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    margin-bottom: 10px;
    *zoom: 1;
    *zoom: 1
}

#user-reviews .reviewSummary:before,
#user-reviews .reviewSummary:after {
    display: table;
    content: ""
}

#user-reviews .reviewSummary:after {
    clear: both
}

#user-reviews .reviewSummary:before,
#user-reviews .reviewSummary:after {
    display: table;
    content: ""
}

#user-reviews .reviewSummary:after {
    clear: both
}

#user-reviews .thumbnail {
    width: 42px
}

#goodreviews,
.review-chart {
    float: left;
    width: 47%
}

#press .review-chart {
    width: 100%
}

#badreviews,
.write {
    float: right;
    width: 47%
}

.reviewSummary {
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    margin-bottom: 10px;
    *zoom: 1;
    *zoom: 1
}

.reviewSummary:before,
.reviewSummary:after {
    display: table;
    content: ""
}

.reviewSummary:after {
    clear: both
}

.reviewSummary:before,
.reviewSummary:after {
    display: table;
    content: ""
}

.reviewSummary:after {
    clear: both
}

#user-reviews.box #goodreviews,
#user-reviews.box #badreviews {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

#user-reviews.box #goodreviews,
#user-reviews.box #badreviews,
#user-reviews.box .write,
#user-reviews.box .review-chart {
    float: none;
    width: 100%
}

#user-reviews.box .user-reviews-text {
    min-height: 10px
}

#user-reviews.box .thumbnail {
    float: left;
    margin-right: 20px
}

#user-reviews.box .write {
    clear: both;
    float: none;
    text-align: center
}

#user-reviews.box .reviewSummary table {
    float: none;
    margin: 0 auto
}

.user-reviews {
    margin: 0 0 10px 0;
    padding: 5px 0 10px 0;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

.user-reviews a {
    font-weight: 700;
    line-height: 42px
}

.reviewsWrapper {
    clear: both;
    padding-bottom: 10px;
    overflow: hidden
}

.write .invite {
    padding: 20px 0
}

.user-reviews-text {
    min-height: 130px
}

.user-reviews-text p {
    text-align: justify
}

.note {
    position: relative;
    padding: 2em 1.5em 5em;
    margin: 2em auto;
    color: #fff;
    background: #848e97;
    overflow: hidden;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.note .page-header h2 {
    color: #fff;
    background: #848e97
}

.note:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 26px 26px 0;
    border-style: solid;
    border-color: #fff #ffffff #6a757e #6a757e;
    background: #6a757e;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), -1px 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), -1px 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3), -1px 1px 1px rgba(0, 0, 0, .2);
    display: block;
    width: 0
}

.note.rounded {
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px
}

.note.rounded:before {
    border-width: 8px;
    border-color: #fff #ffffff transparent transparent;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px
}

.carousel {
    overflow: hidden
}

#follow {
    padding: 15px
}

#follow li {
    margin: 5px 0
}

#follow li a {
    color: transparent;
    font-size: 2em
}

#follow li a i.fa-circle:before,
#follow li a i.fa-square:before {
    color: #f8f8f6
}

#follow li a i.fa-twitter {
    color: #1cb5e9
}

#follow li a i.fa-facebook {
    color: #3c5a9a
}

#follow li a i.fa-google-plus {
    color: #db5a3c
}

#follow li a i.fa-apple {
    color: gray
}

#follow li a i.fa-android {
    color: #A4C639
}

#follow li a i.fa-rss-square {
    color: #F60
}

#follow li a i.fa-music {
    color: #3b88b4
}

#follow li a i.fa-cogs {
    color: #4fa354
}

#follow li a i.fa-youtube-play {
    color: #CD332D
}

#follow li a i:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    transition: all .2s ease-in-out
}

#follow li a i:before {
    transition: all .3s ease-in-out
}

#follow li a:hover {
    z-index: 10
}

#follow li a:hover i+i {
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .2)
}

#follow li a:hover .fa-circle:before,
#follow li a:hover .fa-square:before {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

#follow li a.i-twitter:hover .fa-circle:before,
#follow li a.i-twitter:hover .fa-square:before {
    color: #1cb5e9
}

#follow li a.i-facebook:hover .fa-circle:before,
#follow li a.i-facebook:hover .fa-square:before {
    color: #3c5a9a
}

#follow li a.i-google-plus:hover .fa-circle:before,
#follow li a.i-google-plus:hover .fa-square:before {
    color: #db5a3c
}

#follow li a.i-apple:hover .fa-circle:before,
#follow li a.i-apple:hover .fa-square:before {
    color: gray
}

#follow li a.i-android:hover .fa-circle:before,
#follow li a.i-android:hover .fa-square:before {
    color: #A4C639
}

#follow li a.i-chrome:hover .fa-circle:before,
#follow li a.i-chrome:hover .fa-square:before {
    color: #4fa354
}

#follow li a.i-rss:hover .fa-circle:before,
#follow li a.i-rss:hover .fa-square:before {
    color: #F60
}

#follow li a.i-youtube:hover .fa-circle:before,
#follow li a.i-youtube:hover .fa-square:before {
    color: #CD332D
}

#follow li a.i-video:hover .fa-circle:before,
#follow li a.i-video:hover .fa-square:before {
    color: #4898c6
}

#follow li span {
    display: block;
    text-transform: uppercase;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #292929
}

.sharebar {
    float: right;
    margin-top: 3px
}

.sharebar ul {
    float: right;
    margin: 0;
    list-style-type: none
}

.sharebar ul li {
    float: left;
    margin-left: 5px
}

.video-player {
    border: 2px solid #fff;
    background-color: #000;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 4px rgba(0, 0, 0, .15)
}

.featured .video-player {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#theater {
    border-top: 1px solid #4a4a4a;
    border-bottom: 1px solid #7d7d7d;
    background: url("/i/top-radial-halo.png") no-repeat scroll 50% 0, url("/i/skin-light/theater-bg.png") repeat scroll 50% 50%;
    padding: 20px 0;
    background-color: #636363;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .4) inset;
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, .4) inset;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .4) inset;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

#theater .video-player {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

#theater h2 {
    color: #fff
}

#theater p.title {
    color: #fff
}

#theater p.title a {
    color: #fff
}

#theater .frame {
    text-align: center;
    background-color: #d0d0d0;
    background-image: -moz-linear-gradient(top, #ddd, #bcbcbc);
    background-image: -ms-linear-gradient(top, #ddd, #bcbcbc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#bcbcbc));
    background-image: -webkit-linear-gradient(top, #ddd, #bcbcbc);
    background-image: -o-linear-gradient(top, #ddd, #bcbcbc);
    background-image: linear-gradient(top, #ddd, #bcbcbc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bcbcbc', GradientType=0)
}

#theater .frame a.icon-big {
    margin-bottom: 10px
}

#theater .frame p {
    color: #454545;
    margin: 0
}

#theater .mpu-wrap {
    background-color: #2c2c2c
}

#theater .box {
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0
}

#theater .box figure img {
    width: 100%
}

#theater .box.frame {
    background-color: #858584;
    background-image: -moz-linear-gradient(top, #787876, #9a9a9a);
    background-image: -ms-linear-gradient(top, #787876, #9a9a9a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#787876), to(#9a9a9a));
    background-image: -webkit-linear-gradient(top, #787876, #9a9a9a);
    background-image: -o-linear-gradient(top, #787876, #9a9a9a);
    background-image: linear-gradient(top, #787876, #9a9a9a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787876', endColorstr='#9a9a9a', GradientType=0)
}

#theater .box .thumbnail {
    padding: 0;
    margin: 0
}

#theater .box .thumbnail .hgroup {
    position: static
}

#theater .box .hgroup {
    padding: 10px
}

#theater .box .nav {
    margin-bottom: 30px
}

#theater .box .nav li {
    text-shadow: 0 -1px 0 #000
}

#theater .box .nav li a {
    border-top: 1px solid #5e5e5d;
    -webkit-box-shadow: 0 1px 0 #919190 inset;
    -moz-box-shadow: 0 1px 0 #919190 inset;
    box-shadow: 0 1px 0 #919190 inset;
    color: #fff;
    padding: 3px 11px;
    font-weight: 700
}

#theater .box .nav li a:hover {
    position: static;
    color: #fff;
    background-color: #171717;
    text-shadow: none
}

#theater .box#microsoftE3 {
    border-bottom: 5px solid #a7ff59
}

#theater .box#sonyE3 {
    border-bottom: 5px solid #59daff
}

#theater .box#nintendoE3 {
    border-bottom: 5px solid #ff7959
}

@media (max-width: 767px) {
    #theater .box {
        margin-bottom: 20px
    }
}

.jslview h2 {
    color: #ececec;
    font-size: 20px;
    margin-bottom: 15px
}

.jslview .video .hgroup,
.jslview .theater-game .hgroup,
.jslview .game .hgroup,
.jslview .played-games .hgroup {
    margin: 5px 0
}

.jslview .video .hgroup p,
.jslview .theater-game .hgroup p,
.jslview .game .hgroup p,
.jslview .played-games .hgroup p {
    font-size: 12px
}

.jslview .video .hgroup p.title,
.jslview .theater-game .hgroup p.title,
.jslview .game .hgroup p.title,
.jslview .played-games .hgroup p.title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

.jslview p.video-title {
    font-size: 12px;
    color: #fff;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

.jslview .theater-game .game-cover,
.jslview .game .game-cover,
.jslview .played-games .game-cover {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 165px;
    position: relative
}

.jslview .theater-game .thumbnail,
.jslview .game .thumbnail,
.jslview .played-games .thumbnail {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

.jslview .theater-game .thumbnail figure.small,
.jslview .game .thumbnail figure.small,
.jslview .played-games .thumbnail figure.small {
    max-height: none
}

.jslview .theater-game .hgroup,
.jslview .game .hgroup,
.jslview .played-games .hgroup {
    height: 40px
}

.jslview .theater-game .hgroup h2,
.jslview .game .hgroup h2,
.jslview .played-games .hgroup h2 {
    font-size: 14px
}

.jslview .theater-game .hgroup {
    height: 20px
}

.jslview:not(.video) [class*="span"] {
    margin-left: 0
}

.jslview .played-games .hgroup {
    display: none
}

#last-games article {
    padding: 0
}

#last-games .thumbnail {
    position: static
}


.jslsrc {
    display: none
}

.jslseparator {
    clear: both
}

.jsloptions {
    text-align: center
}

.jsldisabled {
    cursor: default !important;
    opacity: .2 !important
}

.jslcontainer {
    overflow: hidden;
    position: relative
}

.jslview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.jslitem {
    display: inline-block;
    vertical-align: top;
    padding: 8px
}

.jslitem figure.small {
    max-height: none
}



.jslprev,
.jslnext {
    display: inline-block;
    text-indent: -9999px;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

.jslprev {
    background-position: 0 0
}

.jslprev:hover {
    background-position: -32px 0
}

.jslnext {
    background-position: -64px 0
}

.jslnext:hover {
    background-position: -96px 0
}

.theater-game,
.jslitem .video {
    width: 220px
}

.theater-game {
    height: 220px
}

#jsl-theater-guides .theater-game {
    height: 240px
}

.jslitem .video {
    height: 190px
}

.jslitem .video .thumbnail figure.small {
    max-height: 250px
}

#relatedsites .site-officiel {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.svcawards p {
    text-align: center;
    padding-top: 2px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
    margin: 0;
    text-rendering: optimizelegibility;
    font-size: 10px;
    color: #6b6b6b;
    text-transform: uppercase
}

.svcawards p .title {
    color: #292929;
    font-size: 12px
}

.game-data .accordion-toggle {
    color: #454545;
    font-weight: 700;
    text-rendering: optimizelegibility
}

.game-data .caret {
    margin-top: 5px;
    margin-left: 4px
}

.game-data .accordion-group {
    border: 0;
    padding: 8px 0;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

.game-data .accordion-group:last-child {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.game-data .accordion-content {
    margin-top: 10px
}

.game-data .accordion-content .thumbnail {
    width: 60px;
    margin-right: 10px
}

.game-data .accordion-content ul {
    width: 190px;
    margin: 0;
    list-style-type: none
}

.game-data .accordion-content ul li {
    font-size: 11px;
    color: #6b6b6b
}

.game-data a:hover {
    text-decoration: none
}

.game-data .label {
    margin-right: 4px
}

.data-col .accordion-content {
    margin-top: 0
}

.data-col .accordion-content .thumbnail {
    width: 70px
}

.data-col .accordion-content ul {
    width: 180px
}

.data-col .accordion-group {
    padding: 0;
    border: 0
}

.data-col .pegi {
    padding: 5px 0
}

.tipsbox {
    padding: 5px;
    margin: 5px;
    -webkit-box-shadow: 0 0 2px #6b6b6b;
    -moz-box-shadow: 0 0 2px #6b6b6b;
    box-shadow: 0 0 2px #6b6b6b;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}


footer {
    visibility: visible;
    border-top: 5px solid #afb0b1;
    background-color: #494949;
    background-image: -moz-linear-gradient(top, #4f4f4f, #404040);
    background-image: -ms-linear-gradient(top, #4f4f4f, #404040);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4f4f4f), to(#404040));
    background-image: -webkit-linear-gradient(top, #4f4f4f, #404040);
    background-image: -o-linear-gradient(top, #4f4f4f, #404040);
    background-image: linear-gradient(top, #4f4f4f, #404040);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#404040', GradientType=0);
    text-shadow: 0 -1px rgba(0, 0, 0, .5)
}

footer .container {
    padding: 0 20px
}

footer nav {
    color: #fff;
    font-size: 12px;
    margin: 10px 0 20px;
    text-align: center
}

footer nav a {
    color: #fff
}

footer nav.footer-links {
    color: #eee;
    font-size: 10px
}

footer nav.footer-links a {
    color: #eee
}

footer .span12 {
    margin: 0 auto;
    float: none
}

footer p {
    font-size: 18px;
    margin-bottom: 7px
}

footer ul {
    list-style: none;
    margin: 0
}

footer ul li {
    font-size: 11px;
    color: #d4d4d4;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    line-height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis
}

footer a {
    color: #d4d4d4;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

footer a:hover {
    color: #fff;
    text-decoration: none
}

footer p {
    color: #d4d4d4;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

footer #bunk-footer {
    font-size: 12px;
    margin: 4px 0;
    padding: 2px 10px;
    background-color: #f8f8f6;
    background-color: #f0f0ee;
    background-image: -moz-linear-gradient(top, #f8f8f6, #e4e3e3);
    background-image: -ms-linear-gradient(top, #f8f8f6, #e4e3e3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f6), to(#e4e3e3));
    background-image: -webkit-linear-gradient(top, #f8f8f6, #e4e3e3);
    background-image: -o-linear-gradient(top, #f8f8f6, #e4e3e3);
    background-image: linear-gradient(top, #f8f8f6, #e4e3e3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f6', endColorstr='#e4e3e3', GradientType=0);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    border: 1px solid #6b6b6b;
    text-shadow: 0 -1px rgba(255, 255, 255, .5)
}

footer #bunk-footer li {
    color: #292929
}

footer #bunk-footer li a {
    color: #bbb
}

footer #bunk-footer li a:hover {
    color: #2f2f2f;
    text-decoration: none
}

.videoWrapper {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 -1px 0 #e5e5e0 inset;
    -moz-box-shadow: 0 -1px 0 #e5e5e0 inset;
    box-shadow: 0 -1px 0 #e5e5e0 inset;
    padding: 12px 0 22px;
    margin-bottom: 13px
}

.important {
    margin: 0 -15px;
    padding: 15px 15px 0
}

.important .rating {
    width: 130px
}

.important .summary {
    margin-left: 130px;
    text-align: justify;
    text-justify: newspaper
}

.rating strong.small span {
    font-size: 12px
}

.specifications,
.specifications-col {
    font-size: 11px;
    margin-left: 25px
}

.specifications span,
.specifications-col span {
    font-weight: 400
}

.no-bullet {
    list-style-type: none
}

.no-bullet>li {
    padding: 5px 0;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

#game-identity .infos {
    width: auto
}

#game-identity .specifications {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-left: 0
}

#game-identity .specifications .amazon {
    margin-top: 0 !important;
    margin-bottom: 5px !important
}

#game-identity .specifications-col {
    margin-right: 20px;
    margin-left: 0
}

#additional {
    font-size: 11px
}

.ie7 #subheader #submenu li {
    display: block;
    float: left
}

.review-chart {
    padding-bottom: 10px;
    margin: 10px 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.review-chart table td {
    font-size: 11px;
    line-height: 14px;
    color: #101010;
    text-align: center;
    vertical-align: bottom;
    width: 17px
}

.review-chart table td.rating-cell {
    width: 60px
}

.review-chart table td.rating-cell .rating {
    float: none
}

.review-chart table tr:first-child td {
    font-size: 10px;
    color: #1c1c1c
}

.review-chart table tr:last-child td {
    vertical-align: top
}

.review-chart table .bar {
    width: 14px;
    background-color: #dad9d9;
    border: 1px solid #e2e1e1;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #e6a01b;
    background-image: -moz-linear-gradient(top, #ebb320, #df8314);
    background-image: -ms-linear-gradient(top, #ebb320, #df8314);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebb320), to(#df8314));
    background-image: -webkit-linear-gradient(top, #ebb320, #df8314);
    background-image: -o-linear-gradient(top, #ebb320, #df8314);
    background-image: linear-gradient(top, #ebb320, #df8314);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebb320', endColorstr='#df8314', GradientType=0);
    border-color: #df8314 #df8314 #995a0e;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #df8314;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    margin-left: auto;
    margin-right: auto
}

.review-chart table .bar:hover,
.review-chart table .bar:active,
.review-chart table .bar.active,
.review-chart table .bar.disabled,
.review-chart table .bar[disabled] {
    background-color: #df8314;
    *background-color: #c87512
}

.review-chart table .bar:active,
.review-chart table .bar.active {
    background-color: #b06810 \9
}

.bar {
    background-color: #dad9d9;
    border: 1px solid #e2e1e1;
    background-color: #dad9d9;
    background-image: -moz-linear-gradient(left, #eaeaea, #dad9d9);
    background-image: -ms-linear-gradient(left, #eaeaea, #dad9d9);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#eaeaea), to(#dad9d9));
    background-image: -webkit-linear-gradient(left, #eaeaea, #dad9d9);
    background-image: -o-linear-gradient(left, #eaeaea, #dad9d9);
    background-image: linear-gradient(left, #eaeaea, #dad9d9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#dad9d9', GradientType=1);
    border: 1px solid #e2e1e1
}

.statPlatform .bar {
    height: 14px !important;
    margin-top: 4px
}

#collectionstat {
    border-bottom-color: #999;
    border-bottom-width: 3px;
    margin-bottom: 10px
}

.averageRatings .rating {
    margin-top: 0 !important;
    margin-left: 18px;
    width: 20%
}

.averageRatings .rating:first-child {
    margin-left: 0
}

#ratingSummary {
    *zoom: 1;
    *zoom: 1;
    overflow: hidden;
    height: 84px;
    margin-bottom: -11px
}

#ratingSummary:before,
#ratingSummary:after {
    display: table;
    content: ""
}

#ratingSummary:after {
    clear: both
}

#ratingSummary:before,
#ratingSummary:after {
    display: table;
    content: ""
}

#ratingSummary:after {
    clear: both
}

#ratingSummary .rating {
    margin-top: 9px
}

#ratingSummary .rating:first-child {
    margin-top: 0
}

.ie7 #ratingSummary {
    width: 95%
}

.ie7 #ratingSummary .rating {
    margin-top: 8px
}

.ie7 #ratingSummary .rating:first-child {
    margin-top: 0
}

.rating {
    float: left;
    text-align: center
}

.rating strong {
    display: block;
    font-size: 80px;
    line-height: 80px;
    color: rgba(0, 0, 0, .7);
    text-shadow: 2px 2px 0 rgba(255, 255, 255, .5), 0px 0 1px rgba(0, 0, 0, .5);
    border-bottom: 5px solid #919191;
    margin: 0 auto;
    max-width: 50px;
    text-align: center
}

.rating strong.big {
    font-size: 60px;
    line-height: 50px;
    height: 50px;
    border-width: 5px;
    padding: 5px 0 6px
}

.rating strong.big span {
    font-size: 12px
}

.rating strong.med {
    font-size: 38px;
    line-height: 56px;
    height: 52px;
    border-width: 5px
}

.rating strong.med span {
    font-size: 12px
}

.rating strong.small {
    font-size: 26px;
    line-height: 26px;
    height: 28px;
    border-width: 3px;
    margin: 0 5px 0 0;
    padding: 0 5px
}

.rating p {
    text-align: center;
    margin-top: 15px;
    color: #818181
}

.rating p span {
    padding-top: 10px;
    font-size: 16px;
    line-height: 30px
}

.rating p.rater {
    margin-top: 0;
    font-size: 10px
}

.sum {
    float: none
}

.selecsvc {
    position: absolute;
    right: -11px;
    top: 6px
}

.gamesList article {
    float: left;
    margin: 10px 15px 0 0
}

.gamesList article img {
    width: 70px
}

#gamestats ul {
    list-style-type: none;
    margin: 15px 0 10px;
    *zoom: 1;
    *zoom: 1
}

#gamestats ul:before,
#gamestats ul:after {
    display: table;
    content: ""
}

#gamestats ul:after {
    clear: both
}

#gamestats ul:before,
#gamestats ul:after {
    display: table;
    content: ""
}

#gamestats ul:after {
    clear: both
}

#gamestats ul li {
    display: block;
    float: left;
    width: 33%;
    text-align: center
}

#gamestats ul li .count,
#gamestats ul li .count a {
    font-size: 30px;
    color: #454545
}

#gamestats ul li .count a:hover,
#gamestats ul li .count a a:hover {
    text-decoration: none
}

#gamestats ul li .legend {
    clear: both;
    display: block
}

.ie7 #gamestats ul li {
    padding-top: 12px
}

.box ul {
    color: #919090
}

.ie7 .box ul {
    list-style-position: inside
}

dl {
    margin: 0;
    font-size: 11px;
    color: #919090
}

dl dd {
    margin: 0 0 5px;
    *zoom: 1;
    *zoom: 1
}

dl dd:before,
dl dd:after {
    display: table;
    content: ""
}

dl dd:after {
    clear: both
}

dl dd:before,
dl dd:after {
    display: table;
    content: ""
}

dl dd:after {
    clear: both
}

dl dd ul {
    margin: 2px 0 0;
    list-style-type: none
}

dl dd ul li {
    float: left;
    margin-right: 5px
}

dl dd ul li figure {
    margin: 0 5px;
    text-align: center
}

dl dt {
    color: #454545
}

dl ul>li:first-child>dt {
    padding-top: 0;
    border-top: 0;
    box-shadow: none
}

dl ul>li>dt {
    border-top: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    margin-left: -15px;
    padding-left: 15px;
    margin-top: 5px;
    margin-left: -15px;
    padding-top: 5px;
    padding-left: 15px
}

#press ul {
    margin: 0;
    clear: both;
    list-style-type: none
}

#press ul li {
    padding-top: 0;
    border-top: 1px solid #e5e5e0;
    *zoom: 1;
    *zoom: 1
}

#press ul li:first-child {
    border-top: 0
}

#press ul li:before,
#press ul li:after {
    display: table;
    content: ""
}

#press ul li:after {
    clear: both
}

#press ul li:before,
#press ul li:after {
    display: table;
    content: ""
}

#press ul li:after {
    clear: both
}

#press ul li .rating {
    padding-right: 5px
}

#press ul li .rating strong.small {
    font-size: 20px;
    line-height: 31px
}

#press ul li .rating+a {
    line-height: 30px
}

#search .river article .game-action {
    width: 20%;
    padding-right: 5%;
    *zoom: 1;
    *zoom: 1
}

#search .river article .game-action:before,
#search .river article .game-action:after {
    display: table;
    content: ""
}

#search .river article .game-action:after {
    clear: both
}

#search .river article .game-action:before,
#search .river article .game-action:after {
    display: table;
    content: ""
}

#search .river article .game-action:after {
    clear: both
}

#search .river article .game-action .thumbnail {
    width: auto;
    max-width: 100%;
    margin: 0;
    position: relative
}

#search .river article .game-action .thumbnail img {
    max-width: 100%;
    margin-left: 0
}

#search .river article .platforms-list {
    float: right;
    top: 0;
    right: 10px;
    line-height: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

#search .river article p {
    margin: 0 0 3px
}

#search .river article .specifications {
    color: #818181
}

#search .river article h2 {
    position: relative
}

#search .river article .infos {
    float: right;
    width: 75%
}

#search .river article p.title {
    font-size: 18px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#search .river article p.menu {
    font-size: 11px;
    margin-bottom: 10px
}

#search p.mobile-filter-title {
    margin: 0
}

#search b.caret {
    margin: 7px
}

.user-action div {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 1px 2px 0 3px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 0 1px rgba(0, 0, 0, .25)
}

.user-action .userdata {
    height: 19px;
    line-height: 17px
}

.user-action .user-active,
.user-action .user-active:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    background-color: #e6a01b;
    background-image: -moz-linear-gradient(top, #ebb320, #df8314);
    background-image: -ms-linear-gradient(top, #ebb320, #df8314);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebb320), to(#df8314));
    background-image: -webkit-linear-gradient(top, #ebb320, #df8314);
    background-image: -o-linear-gradient(top, #ebb320, #df8314);
    background-image: linear-gradient(top, #ebb320, #df8314);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebb320', endColorstr='#df8314', GradientType=0)
}

.user-action .user-active a,
.user-action .user-active:hover a,
.user-action .user-active span[class^="icon-"],
.user-action .user-active:hover span[class^="icon-"] {
    opacity: 1
}

.user-action .info {
    margin: 0 3px;
    color: #fff
}

.user-action a,
.user-action span[class^="icon-"] {
    opacity: .3;
    text-indent: -9999px
}

.user-action a:hover,
.user-action span[class^="icon-"]:hover {
    opacity: 1
}

.searchFilter {
    list-style-type: none;
    margin: 0
}

.searchFilter>li {
    margin-bottom: 10px;
    background-color: #f8f8f6
}

.searchFilter>li>p {
    color: #919090
}

.searchFilter h3 {
    text-transform: none
}

.searchFilter ul {
    list-style-type: none;
    margin: 0
}

.searchFilter ul li a:hover,
.searchFilter ul li.active a {
    border-left: 2px solid #919191;
    padding-left: 13px;
    background: #e2e2d9;
    color: #000;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, .2)
}

.searchFilter ul li a,
.searchFilter ul li span {
    color: #6b6b6b
}

.searchFilter ul li a span {
    font-size: 11px;
    color: #aaa
}

#subheader .infos-user {
    margin-left: 70px
}

#subheader h1+p {
    margin: 0
}

#usercard .thumbnail {
    float: left
}

#usercard .infos-user {
    padding-left: 61px
}

#usercard .infos-user small {
    top: -10px;
    position: relative;
    height: 10px;
    display: block
}

#usercard .nav-list {
    padding: 0
}

#usercard .nav-list li {
    list-style-type: none;
    padding: 3px 0 3px 26px;
    background-position: center left;
    background-repeat: no-repeat;
    background-attachment: scroll
}

#usercard .nav-list li.empty {
    padding-left: 0
}

#usercard .nav-list li.goldmb {
    background-image: url("/i/svc-gold.png")
}

#usercard .nav-list li.online {
    background-image: url("/i/icon-online.png");
    background-position: 4px 50%
}

#usercard .nav-list li.offline {
    background-image: url("/i/icon-offline.png");
    background-position: 4px 50%
}

#usercard .nav-list li.xbl {
    background-image: url("/i/icon-small-xbl.png")
}

#usercard .nav-list li.steam {
    background-image: url("/i/icon-small-steam.png")
}

#usercard .nav-list li.psn {
    background-image: url("/i/icon-small-psn.png")
}

#usercard .nav-list li.twitter {
    background-image: url("/i/icon-small-twitter.png")
}

#usercard .nav-list li.facebook {
    background-image: url("/i/icon-small-fb.png")
}

#usercard .nav-list li.gplus {
    background-image: url("/i/icon-small-gplus.png")
}

#usercard .nav-list li.title {
    padding-left: 0;
    font-weight: 700;
    color: #292929
}

#usercard .nav-list a:hover {
    background-color: transparent
}

#usercard #gamestats {
    clear: both;
    overflow: hidden;
    background: transparent url("/i/dashes.gif") repeat-x top left scroll;
    margin: 20px auto 10px
}

#usercard #gamestats ul {
    background: transparent url("/i/dashes.gif") repeat-x bottom left scroll;
    margin: 0;
    padding: 21px 0 15px
}

#usercard #gamestats ul li {
    overflow: visible
}

#usercard #gamertags,
#usercard #socialnetworks {
    width: 50%;
    float: left
}

#usercard h3 {
    text-transform: none
}

#profile.coveroff {
    min-height: 300px;
    padding-top: 100px
}

#profile.coveron {
    min-height: 500px;
    padding-top: 315px
}

#profile section {
    margin-bottom: 20px
}

#activity-stream>ul {
    margin: 0;
    list-style-type: none;
    position: relative;
    padding-bottom: 28px
}

#activity-stream .activity {
    min-height: 52px;
    position: relative;
    padding: 10px;
    background: rgba(0, 0, 0, 0) url("/i/dashes.gif") repeat-x bottom left scroll
}

#activity-stream .activity:hover,
#activity-stream .activity.active,
#activity-stream .activity:active {
    background-color: #efefef
}

#activity-stream .activity:hover .activity-date .day,
#activity-stream .activity.active .activity-date .day,
#activity-stream .activity:active .activity-date .day {
    color: #919191;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

#activity-stream .activity:hover .activity-content .feedback-options.user-action a,
#activity-stream .activity.active .activity-content .feedback-options.user-action a,
#activity-stream .activity:active .activity-content .feedback-options.user-action a,
#activity-stream .activity:hover .activity-content .feedback-options.user-action span[class^="icon-"],
#activity-stream .activity.active .activity-content .feedback-options.user-action span[class^="icon-"],
#activity-stream .activity:active .activity-content .feedback-options.user-action span[class^="icon-"] {
    opacity: 1
}

#activity-stream .activity .activity-content {
    overflow: hidden
}

#activity-stream .activity .activity-content .activity-icon {
    float: left;
    display: block
}

#activity-stream .activity .activity-content .activity-icon a {
    margin: 0 10px 0 0
}

#activity-stream .activity .activity-content .activity-icon img {
    width: 40px
}

#activity-stream .activity .activity-content .activity-icon+p {
    padding-left: 56px;
    padding-right: 50px
}

#activity-stream .activity .activity-content .activity-user {
    font-weight: 700
}

#activity-stream .activity .activity-content .activity-action .activity-note {
    padding: 3px 6px;
    background-color: #333;
    color: #FFF;
    border-bottom: 3px solid #EDAF01;
    font-weight: 100
}

#activity-stream .activity .activity-content .activity-reldate {
    color: #939393
}

#activity-stream .activity .activity-content .feedback-options li {
    display: inline-block;
    border-right: 1px solid #eee
}

#activity-stream .activity .activity-content .feedback-options li:not(:first-child) {
    padding-left: 5px;
    margin-left: 5px
}

#activity-stream .activity .activity-content .feedback-options li:hover [class^="icon-"] {
    opacity: 1;
    background-image: url("../i/glyphicons-halflings-yellow.png")
}

#activity-stream .activity .activity-content .feedback-options li a {
    color: #939393;
    text-decoration: none
}

#activity-stream .activity .activity-content .feedback-options.user-action a,
#activity-stream .activity .activity-content .feedback-options.user-action span[class^="icon-"] {
    opacity: .7
}

#activity-stream .activity .activity-date {
    position: absolute;
    top: 10px;
    right: 0;
    width: 50px;
    text-align: center;
    border-left: 1px dotted #ddd
}

#activity-stream .activity .activity-date span {
    display: block
}

#activity-stream .activity .activity-date .day {
    font-size: 20px;
    color: #aaa;
    font-weight: 900
}

#activity-stream .activity .activity-date .month {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase
}

#activity-stream .activity .activity-date .time {
    color: #ccc;
    line-height: 12px
}

#activity-stream .activity .btn-action {
    position: absolute;
    right: 0;
    top: 20px
}

.coverImage {
    height: 300px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.coverImage img {
    margin: 0;
    max-width: none
}

.coverImage .btn {
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: .5;
    filter: alpha(opacity=50);
    font-weight: 700;
    font-size: 10px
}

.coverImage:after {
    height: 100%;
    -webkit-box-shadow: 0 -20px 0 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 -20px 0 0 rgba(0, 0, 0, .3);
    box-shadow: 0 -20px 0 0 rgba(0, 0, 0, .3);
    background-color: red;
    top: 0;
    left: 0;
    height: 200px;
    width: 100%;
    position: absolute
}

.coverNoImage {
    height: 75px;
    margin: 0;
    overflow: hidden;
    background: #edede8 url("/i/covers/default.jpg") no-repeat scroll top left;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.coverNoImage .btn {
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: 700;
    font-size: 12px;
    color: #000
}

.coverNoImage:after {
    height: 100%;
    -webkit-box-shadow: 0 -20px 0 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 -20px 0 0 rgba(0, 0, 0, .3);
    box-shadow: 0 -20px 0 0 rgba(0, 0, 0, .3);
    background-color: red;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    position: absolute
}

.thumbnail.cover {
    padding: 3px;
    background: #787876;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .1)
}

.thumbnail.cover img {
    max-width: 150px;
    max-height: 50px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}


.ie7 #subheader {
    height: auto
}

.ie7 .river .thumbnail.small figure {
    width: 200px
}

.ie7 .rating {
    display: block
}

.ie .navbar-search {
    position: relative
}

.ie .navbar-search .btn {
    background-image: url("/i/search-btn.png") !important;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    position: absolute
}

.ie .search-query {
    position: absolute;
    left: 0;
    top: 0
}

.ie7 .thumbnail .rating strong {
    display: block;
    line-height: 20px;
    border-bottom: 5px solid #919191;
    padding-top: 8px;
    padding-bottom: 8px
}

.ie7 .navbar-inner .container {
    width: 940px
}

.ie7 .small .figure {
    width: 200px
}

.ie7 .small .figure img {
    max-width: 190%;
    margin-left: -45%
}

.ie7 .river .hgroup,
.ie7 .box .hgroup {
    width: auto
}

.ie7 .label {
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    padding: 2px 6px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #aaa
}

.ie7 dl ul>li>dt {
    margin-left: -20px;
    padding-left: 5px
}

#topgames #topgame-wrapper {
    margin-left: 10px;
    margin-top: 15px
}

#topgames figure {
    background-color: transparent
}

#topgames figure>a>img {
    display: block
}

#topgames .nav-list {
    padding: 0;
    float: left;
    width: 30%;
    list-style-type: none
}

#topgames .nav-list li {
    font-weight: 700;
    list-style-position: inside
}

#topgames .nav-list li a {
    padding-right: 0;
    padding-left: 9px;
    margin-right: 10px;
    font-size: 11px;
    -webkit-box-shadow: 0 1px 0 #ececec inset;
    -moz-box-shadow: 0 1px 0 #ececec inset;
    box-shadow: 0 1px 0 #ececec inset;
    -webkit-transition: all 1.35s easeinout;
    -moz-transition: all 1.35s easeinout;
    -ms-transition: all 1.35s easeinout;
    -o-transition: all 1.35s easeinout;
    transition: all 1.35s easeinout;
    font-weight: 700
}

#topgames .nav-list li a .itemTitleRank {
    display: block;
    float: left;
    width: 20px;
    text-align: center
}

#topgames .nav-list li a .itemTitleText {
    display: block;
    margin-left: 20px
}

#topgames .nav-list li.active {
    color: #919191;
    font-size: 13px
}

#topgames .nav-list li.active a {
    padding: 2px 15px 2px 9px;
    margin-left: -15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    font-size: 13px
}

#topgames .nav-list li.active a:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #454545;
    border-width: 10px;
    top: 50%;
    margin-top: -10px
}

#topgames .nav-list li.active a .itemTitleRank {
    color: #919191
}

#topgames .game-summary {
    display: none;
    width: 70%
}

#topgames .game-summary:first-child {
    display: block
}

.ie7 #topgames ol.nav-list {
    margin-left: -15px
}

.ie7 #topgames .nav-list li a .itemTitleText {
    margin-left: 0;
    float: left
}

.game-summary {
    float: left;
    position: relative
}

.game-summary .game-action {
    width: 30%;
    max-width: 120px;
    *width: 120px;
    margin: 0 10px 5px 0;
    float: left
}

.game-summary .game-action .thumbnail img {
    margin: 0
}

.game-summary .game-action .btn {
    width: 90%;
    margin: 0 0 0 6px;
    padding: 4px 0
}

.game-summary .game-action .btn>span {
    padding: 3px 6px
}

.game-summary .infos {
    margin-left: 0
}

.game-summary .navbar>.nav {
    width: 100%
}

.game-summary .medias {
    *zoom: 1;
    *zoom: 1;
    overflow: hidden;
    margin-left: 6px
}

.game-summary .medias:before,
.game-summary .medias:after {
    display: table;
    content: ""
}

.game-summary .medias:after {
    clear: both
}

.game-summary .medias:before,
.game-summary .medias:after {
    display: table;
    content: ""
}

.game-summary .medias:after {
    clear: both
}

.game-summary .medias .nav {
    width: 100%;
    margin: 0
}

.game-summary .summary {
    margin-left: 6px
}

.game-summary p.readmore {
    text-align: right
}

.game-summary .navbar>.nav>li {
    width: 50%
}

.game-summary .navbar>.nav>li a {
    padding: 0;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 -1px 0 #e5e5e0 inset;
    -moz-box-shadow: 0 -1px 0 #e5e5e0 inset;
    box-shadow: 0 -1px 0 #e5e5e0 inset;
    color: #bbb;
    text-transform: capitalize;
    font-size: 11px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 #fff
}

.game-summary .navbar>.nav>li a .count {
    color: #6b6b6b
}

.game-summary .navbar>.nav>li .thumbnail {
    margin-top: 7px;
    float: left;
    padding: 3px
}

.game-summary .navbar>.nav>li .thumbnail img {
    display: block
}

#game .game-action,
#video .game-action {
    width: auto;
    *width: 132px
}

#game .game-summary .rating,
#video .game-summary .rating {
    width: 25%
}

#game .game-summary .infos,
#video .game-summary .infos {
    margin-left: 136px
}

#game .game-summary .summary,
#video .game-summary .summary {
    overflow: hidden;
    text-align: justify;
    text-justify: newspaper
}

#game .game-summary .medias,
#video .game-summary .medias {
    margin: 0;
    text-align: center
}

#game .game-summary .medias .thumbnail,
#video .game-summary .medias .thumbnail {
    display: inline-block;
    width: 120px;
    margin: 5px 5px
}

#game .game-summary .specifications,
#video .game-summary .specifications,
#game .game-summary .specifications-col,
#video .game-summary .specifications-col {
    font-weight: 700
}

#game .game-summary .specifications a,
#video .game-summary .specifications a,
#game .game-summary .specifications-col a,
#video .game-summary .specifications-col a {
    font-weight: 400
}

.shopping {
    margin: 0 6px 10px 6px
}

.ie7 #game .game-action {
    float: left
}

#user-reviews .fwcc,
.fwcc {
    width: 100%;
    text-align: center;
    margin: 10px 0
}

.offset {
    margin-top: 20px
}

.all-platforms ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px
}

.all-platforms a {
    color: #454545
}

.all-platforms .primary li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

.all-platforms .secondary {
    margin-bottom: 20px
}

.all-platforms .secondary li {
    float: left;
    line-height: 14px;
    padding-right: 10px;
    margin: 2px 10px 2px 0;
    border-right: 1px solid #ccc
}

.all-platforms .secondary li:last-child {
    border-right: 0
}

.secondary {
    *zoom: 1;
    *zoom: 1;
    font-size: 11px
}

.secondary:before,
.secondary:after {
    display: table;
    content: ""
}

.secondary:after {
    clear: both
}

.secondary:before,
.secondary:after {
    display: table;
    content: ""
}

.secondary:after {
    clear: both
}

.secondary a {
    color: #999
}

#bunk-message {
    width: 270px;
    height: 72px;
    resize: none
}

#send-bunk,
#mark-bunk {
    display: block
}

#mark-bunk {
    margin-bottom: 10px
}

.pop-over-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.pop-over-content .username {
    font-weight: 700
}

.pop-over-content .time {
    color: #999
}

.pop-over-content li[data-mid] {
    font-size: 11px;
    max-height: 90px;
    overflow: hidden;
    margin-bottom: 10px
}

.pop-over-content .linklist {
    margin: 0 0 8px 0;
    padding: 0
}

#guides .hgroup p,
#guides .hgroup p.title {
    font-size: 12px;
    line-height: 16px
}

.rating-slider .rating-values {
    display: inline-block;
    position: relative;
    list-style-type: none;
    margin: 0
}

.rating-slider .rating-values li {
    display: inline-block;
    width: 13px;
    height: 45px
}

.rating-slider span {
    display: inline-block;
    width: 10px;
    height: 2px;
    cursor: pointer;
    text-indent: -9999px;
    background-color: #dad9d9;
    border: 1px solid #e2e1e1;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #e4e3e3;
    background-image: -moz-linear-gradient(top, #eaeaea, #dad9d9);
    background-image: -ms-linear-gradient(top, #eaeaea, #dad9d9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#dad9d9));
    background-image: -webkit-linear-gradient(top, #eaeaea, #dad9d9);
    background-image: -o-linear-gradient(top, #eaeaea, #dad9d9);
    background-image: linear-gradient(top, #eaeaea, #dad9d9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#dad9d9', GradientType=0);
    border-color: #dad9d9 #dad9d9 #b4b2b2;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #dad9d9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    margin: 0 auto;
    position: absolute;
    bottom: 0
}

.rating-slider span:hover,
.rating-slider span:active,
.rating-slider span.active,
.rating-slider span.disabled,
.rating-slider span[disabled] {
    background-color: #dad9d9;
    *background-color: #cdcccc
}

.rating-slider span:active,
.rating-slider span.active {
    background-color: #c1bfbf \9
}

.rating-slider li.hover span {
    background-color: #e6a01b;
    background-image: -moz-linear-gradient(top, #ebb320, #df8314);
    background-image: -ms-linear-gradient(top, #ebb320, #df8314);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebb320), to(#df8314));
    background-image: -webkit-linear-gradient(top, #ebb320, #df8314);
    background-image: -o-linear-gradient(top, #ebb320, #df8314);
    background-image: linear-gradient(top, #ebb320, #df8314);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebb320', endColorstr='#df8314', GradientType=0);
    opacity: .75
}

.rating-slider li.selected span {
    background-color: #e6a01b;
    background-image: -moz-linear-gradient(top, #ebb320, #df8314);
    background-image: -ms-linear-gradient(top, #ebb320, #df8314);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebb320), to(#df8314));
    background-image: -webkit-linear-gradient(top, #ebb320, #df8314);
    background-image: -o-linear-gradient(top, #ebb320, #df8314);
    background-image: linear-gradient(top, #ebb320, #df8314);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebb320', endColorstr='#df8314', GradientType=0)
}

.rating-slider .rating-text {
    color: #999;
    margin-top: 8px;
    text-align: center;
    width: 130px
}

.rating-selection {
    display: inline-block;
    width: 64px;
    height: 37px;
    background-image: url("/i/selection.png");
    _background-image: url("/i/selection.gif");
    background-repeat: no-repeat;
    background-position: 0 -37px;
    overflow: hidden;
    cursor: pointer
}

.rating-selection-small {
    display: inline-block;
    width: 40px;
    height: 24px;
    background-image: url("/i/selection-small.png");
    _background-image: url("/i/selection-small.gif");
    background-repeat: no-repeat;
    background-position: 0 -23px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 18px
}

#pop-over {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    min-height: 100px;
    background-color: #f8f8f6;
    background-color: #f8f8f6;
    background-image: -moz-linear-gradient(top, #fff, #edede8);
    background-image: -ms-linear-gradient(top, #fff, #edede8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#edede8));
    background-image: -webkit-linear-gradient(top, #fff, #edede8);
    background-image: -o-linear-gradient(top, #fff, #edede8);
    background-image: linear-gradient(top, #fff, #edede8);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edede8', GradientType=0);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    border: 1px solid #edede8
}

#pop-over .pop-over-title {
    padding: 4px 10px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #787876;
    background-color: #8c8c8b;
    background-image: -moz-linear-gradient(top, #9a9a9a, #787876);
    background-image: -ms-linear-gradient(top, #9a9a9a, #787876);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a9a9a), to(#787876));
    background-image: -webkit-linear-gradient(top, #9a9a9a, #787876);
    background-image: -o-linear-gradient(top, #9a9a9a, #787876);
    background-image: linear-gradient(top, #9a9a9a, #787876);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#787876', GradientType=0)
}

#pop-over .pop-over-content {
    padding: 10px 10px 0
}

#pop-over select {
    margin-bottom: 0
}

#pop-over .pop-over-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    margin-top: -5px;
    border-bottom-color: #9a9a9a
}

.table .head {
    background-color: #454545;
    background-image: -moz-linear-gradient(top, #454545, #454545);
    background-image: -ms-linear-gradient(top, #454545, #454545);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#454545));
    background-image: -webkit-linear-gradient(top, #454545, #454545);
    background-image: -o-linear-gradient(top, #454545, #454545);
    background-image: linear-gradient(top, #454545, #454545);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#454545', GradientType=0);
    border-color: #454545 #454545 #1f1f1f;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #454545;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-rendering: optimizelegibility;
    font-weight: 400 !important;
    text-transform: uppercase;
    text-shadow: none;
    border-top: 1px solid rgba(255, 255, 255, .2) !important;
    position: relative;
    color: #fff;
    font-size: 18px
}

.table .head:hover,
.table .head:active,
.table .head.active,
.table .head.disabled,
.table .head[disabled] {
    background-color: #454545;
    *background-color: #383838
}

.table .head:active,
.table .head.active {
    background-color: #2b2b2b \9
}

table.table thead th,
table.table thead td {
    box-shadow: none
}

#mantle_skin {
    padding-bottom: 20px
}

#mantle_skin #leaderboard {
    background-color: #636363;
    border-bottom: 1px solid #edede8;
    text-align: center
}

#mantle_skin #leaderboard object {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

#mantle_skin #leaderboard embed,
#mantle_skin #leaderboard div {
    max-width: 100%
}

#mantle_skin #main {
    background-color: #d8d6d3
}

#mantle_skin #main #theater.video {
    left: -20px
}

#skin {
    display: none
}

#skin #leaderboard .container {
    width: 980px;
    z-index: 50;
    position: relative
}

#skinclick {
    display: block;
    z-index: 1
}

#leaderboard .container {
    width: 980px;
    z-index: 50;
    position: relative;
    overflow: hidden
}

#leaderboard#leaderboard a {
    display: block;
    position: relative;
    z-index: 2
}

#leaderboard .container .span12 {
    min-height: 0 !important
}

header,
footer {
    display: block;
    z-index: 99;
    position: relative
}

#mainmenu {
    position: relative;
    z-index: 100
}

#pop-over {
    position: relative;
    z-index: 100
}

.mpu object {
    width: 100%;
    display: block
}

.mpu embed,
.mpu iframe {
    width: 100%
}

.mpu img {
    height: auto
}

.mpuwrap {
    text-align: center
}

.mpuwrap ins+ins,
.mpuwrap ins+ins+ins {
    display: none !important
}

ins+ins,
ins+ins+ins {
    display: none !important
}

#gpMpu {
    text-align: center
}

#gpMpu object {
    max-width: 100%;
    width: 100%;
    height: auto
}

script+div object {
    margin: 0 auto
}

#adClone {
    display: block
}

body>div[id*='ad_container'],
body>div[id*='ad_container']+object {
    display: none
}

#gamesCarousel .carousel-inner {
    background-color: #f8f8f6;
    margin: 20px 45px;
    height: 180px;
    overflow: hidden
}

#gamesCarousel .carousel-control.right {
    right: 0
}

#gamesCarousel .carousel-control.left {
    left: 0
}

#gamesCarousel .thumbnail {
    width: 120px;
    float: left;
    margin-right: 20px
}

#gamesCarousel .thumbnail figure.small {
    max-height: 200px
}

#gamesCarousel .game-content {
    margin-left: 145px
}

#gamesCarousel .platforms {
    margin: 5px 0
}

#gamesCarousel .platforms .label {
    margin-bottom: 4px;
    display: inline-block
}

#gamesCarousel p.details {
    font-size: 11px;
    line-height: 18px;
    color: #6b6b6b
}

#gamesCarousel p.details .gray {
    color: #454545
}

#gamesCarousel .item {
    width: 500px
}

#gamesCarousel .user-action div {
    padding: 2px 2px 3px 3px
}

.bullet-time {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right
}

.bullet-time li {
    display: inline-block;
    cursor: pointer
}

.bullet-time .tip {
    display: block;
    float: left;
    padding: 0;
    font-size: 11px;
    color: #ececec;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    background-color: #cbcbbd;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.bullet-time .tip.tip-active {
    background-color: #919191;
    color: #fff;
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, .3) inset, 0px 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, .3) inset, 0px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 0 rgba(255, 255, 255, .3) inset, 0px 1px 1px rgba(0, 0, 0, .3);
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4)
}

.bullet-time-sep {
    display: none
}

.game-action .amazon {
    width: 120px;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 16px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 0 0 #fff !important
}

.game-action .amazon a.amazon-link-box {
    width: 120px;
    box-sizing: border-box;
    min-height: 28px;
    background-color: #f0bf36;
    display: block
}

.game-action .amazon a.amazon-link-box .platform-text {
    color: #fff;
    padding: 5px
}

.game-action .amazon a.amazon-link-box .amazon-prix {
    color: #000;
    padding: 5px
}

.game-action .amazon a.amazon-link-box.dark {
    background-color: #e5b429
}

.game-action .amazon a.amazon-link-box:hover {
    background-color: #000
}

.game-action .amazon a.amazon-link-box:hover .amazon-prix {
    color: #fff
}

.game-action .amazon img.logo-amazon {
    padding-left: 3px
}

.game-action .amazon .thumbnail {
    margin: 5px
}

.game-action .amazon-search {
    text-align: center;
    font-size: 14px
}

.game-action .amazon-search a {
    color: #000
}

.game-action .amazon-search .logo-amazon-search {
    padding-bottom: 5px
}

.accordion-group .game-action .amazon {
    display: block;
    width: auto;
    clear: both;
    font-size: 24px;
    text-align: center
}

.accordion-group .game-action .amazon a.amazon-link-box {
    width: 100%;
    min-height: 36px
}

.accordion-group .game-action .amazon a.amazon-link-box .platform-text,
.accordion-group .game-action .amazon a.amazon-link-box .amazon-prix {
    padding: 9px
}

.accordion-group .game-action .amazon-search {
    text-align: center
}

.accordion-group .game-action .amazon-search a {
    color: #000;
    font-size: 16px;
    display: block;
    padding-top: 10px
}

#amazon-top-list {
    font-size: 14px;
    margin-top: 0;
    background-color: #fff;
    text-shadow: 0 0 0 #fff !important
}

#amazon-top-list .header-img {
    height: 80px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#amazon-top-list .header-img img {
    margin: 0;
    max-width: 100%
}

#amazon-top-list .header-img:after {
    height: 100%;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    position: absolute
}

#amazon-top-list .amazon-game-list {
    margin-top: 80px
}

#amazon-top-list a.amazon-link-box {
    width: 100%;
    box-sizing: border-box;
    height: 115px;
    overflow: hidden;
    background-color: #f0bf36;
    display: block
}

#amazon-top-list .amazon-title {
    color: #000;
    font-weight: 700
}

#amazon-top-list .amazon-prix {
    color: #000;
    font-size: 32px;
    line-height: 32px
}

#amazon-top-list .amazon-pf {
    color: #fff;
    font-size: 12px
}

#amazon-top-list .hgroup p,
#amazon-top-list .hgroup p.title {
    margin-left: 70px;
    font-size: 16px;
    line-height: 16px
}

#amazon-top-list .fleche {
    font-size: 32px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #d1a121;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 0
}

#amazon-top-list a.amazon-link-box.dark {
    background-color: #e5b429
}

#amazon-top-list a.amazon-link-box:hover {
    background-color: #000
}

#amazon-top-list a.amazon-link-box:hover .fleche,
#amazon-top-list a.amazon-link-box:hover .amazon-title,
#amazon-top-list a.amazon-link-box:hover .amazon-prix {
    color: #fff
}

#amazon-top-list .nav>li {
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#amazon-top-list .nav>li .thumbnail {
    width: 56px;
    float: left;
    margin: 0 10px 0 0;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

#amazon-top-list .nav>li article {
    padding: 15px
}

#soluce-accordion .sommaire-L2 {
    margin-left: 15px
}

#soluce-accordion .sommaire-L3 {
    margin-left: 45px
}

#soluce-accordion a.active {
    font-weight: 700
}

.icon-yellow {
    background-image: url("/i/glyphicons-halflings-yellow.png") !important;
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    filter: alpha(opacity=1) !important
}

.summary-soluce {
    font-size: 11px;
    line-height: 15px;
    color: #6b6b6b
}

#soluce-summary {
    opacity: .95;
    padding: 0;
    margin: 0;
    background-color: #454545;
    border-radius: 2px;
    border-bottom: 1px solid #333;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25), 0 1px 0 #fff inset;
    text-shadow: 1px 1px #333
}

#soluce-summary.sticky {
    position: fixed;
    top: 0;
    background-color: #454545;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    z-index: 20000
}

.soluce-summary-content {
    padding: 10px 0
}

.soluce-btn {
    display: block;
    float: left;
    padding: 0 10px;
    border-right: 1px solid #333;
    color: #eee;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.soluce-btn a {
    color: #eee
}

.soluce-btn:hover,
.soluce-btn:hover a {
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.soluce-btn:hover i {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1)
}

.soluce-btn.disabled,
.soluce-btn.disabled:hover {
    opacity: .25;
    -moz-opacity: .25;
    filter: alpha(opacity=25)
}

.next,
.chapter,
.subchapter {
    border-right: 0
}

.next {
    float: right;
    border-left: 1px solid #333
}

.summary-popover {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 11px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .25);
    border: 1px solid #ccc;
    border-top: 0;
    z-index: 20000;
    display: none
}

.summary-popover li {
    margin: 0;
    padding: 2px 10px;
    list-style-type: none;
    background-color: #f0f0f0;
    border-top: 1px solid #ddd
}

.summary-popover li a {
    color: #666;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.summary-popover li.SL3 {
    min-width: 150px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.summary-popover li.SL3 a {
    color: #666
}

.summary-popover li.SL3:hover a {
    color: #000
}

.summary-popover li.SL2 ul {
    border-bottom: 1px solid #ccc;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .25);
    display: none
}

.summary-popover li:hover {
    cursor: pointer;
    background-color: #ddd
}

.summary-popover li:hover a {
    color: #000;
    text-decoration: none
}

.summary-popover ul {
    margin: 0;
    padding: 0
}

#dynamicSummary {
    margin: 15px;
    padding: 0
}

#dynamicSummary ul {
    margin: 0;
    padding: 0
}

#dynamicSummary li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#dynamicSummary li .SL3 {
    padding-left: 20px
}

#dynamicSummary li a {
    color: #666
}

#dynamicSummary li a:hover {
    color: #000;
    text-decoration: none
}

.chapter .caret {
    margin-top: 8px;
    margin-left: 2px;
    border-top-color: #fff;
    border-bottom-color: #fff
}

.hcaret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-left: 4px solid #000;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: "";
    opacity: .3;
    filter: alpha(opacity=30);
    margin-top: 4px;
    margin-left: 2px;
    float: right
}

#user-ui.notlogged {
    margin-top: 5px
}

#svctv {
    background: #151515
}

#svctv #mantle_skin #leaderboard {
    background-color: #111;
    border-bottom: 1px solid #222;
    text-align: center
}

#svctv #theater {
    background: #111 url("/i/svctv/svctv-video-bottom-bg.png") repeat-x scroll bottom center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #2C2C2C
}

#svctv #subheader {
    min-height: 78px;
    padding: 20px 20px 0;
    font-size: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .1) inset, 0px -4px 40px rgba(0, 0, 0, .1) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    color: #fff;
    box-sizing: border-box
}

#svctv #subheader .container {
    position: relative
}

#svctv #subheader h1 {
    color: #fff;
    text-transform: none;
    margin-bottom: 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
}

#svctv #subheader #breadcrumb a {
    color: #eee;
    text-decoration: none
}

#svctv #subheader #breadcrumb a:hover {
    color: #fff;
    text-decoration: none
}

#svctv .hgroup p.title {
    color: #fff
}

#svctv .river article .hgroup+p,
#svctv .box article .hgroup+p {
    color: #999
}

#svctv #theater .BrightcoveExperience {
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .1), 0 15px 10px rgba(0, 0, 0, .5), 0 0 150px rgba(255, 255, 255, .1);
    border: 0
}

#svctv #theater aside {
    background-color: rgba(0, 0, 0, .3);
    padding: 20px 0;
    margin-top: -20px;
    margin-bottom: -20px;
    text-align: center
}

#svctv .frame {
    background: #1d1c1c url(/i/svctv/lightcast_frame.png) scroll top center no-repeat;
    border: 1px solid #222;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    position: relative
}

#svctv .frame:before {
    display: block;
    content: "";
    height: 10px;
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    background-size: 100%;
    box-sizing: border-box
}

#svctv .river article,
#svctv .box article {
    border-top: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset
}

#svctv .page-header {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1)
}

#svctv .page-header h1,
#svctv .page-header h2 {
    background-color: transparent;
    color: #fff
}

#svctv .page-header h1 a,
#svctv .page-header h2 a {
    color: #fff
}

#svctv #description {
    color: #4B4840;
    font-size: 14px;
    line-height: 160%;
    padding: 14px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0px -4px 40px rgba(0, 0, 0, .1) inset, 0px 0 15px rgba(255, 255, 255, .3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #C0B9A4;
    overflow: hidden;
    box-sizing: border-box;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

#svctv #description img {
    float: left;
    background: rgba(0, 0, 0, .01);
    border-radius: 25px;
    margin: 0 20px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3)
}

#svctv .nav-list>li:hover {
    background-color: #333
}

#svctv .nav-list>li>a,
#svctv .nav-list .infos-label,
#svctv .nav-list .nav-header {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    color: #eee
}

#svctv .nav-list>li.hot>div {
    color: #fff
}

#svctv .loadmore,
#svctv .loadmorelink {
    background-color: #232222;
    border-top: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
    color: #fff
}

#svctv .pagination a,
#svctv .pagination span {
    color: #6b6b6b;
    border: 1px solid #111;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset
}

#svctv .pagination a:hover,
#svctv .pagination .active a,
#svctv .pagination span:hover,
#svctv .pagination .active span {
    background-color: #333;
    color: #fff;
    font-weight: 700
}

#svctv #twitter-feed ul {
    margin: 0
}

#svctv #twitter-feed .comment,
#svctv #twitter-feed .tweet {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1)
}

#svctv #twitter-feed .comment .comment-content,
#svctv #twitter-feed .tweet .comment-content {
    margin-left: 61px
}

#svctv #twitter-feed .comment .twitterUser,
#svctv #twitter-feed .tweet .twitterUser {
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

#svctv #twitter-feed .comment .thumbnail,
#svctv #twitter-feed .tweet .thumbnail {
    padding: 3px;
    border-radius: 3px
}

#svctv #twitter-feed .comment p,
#svctv #twitter-feed .tweet p {
    color: #bbb
}

#svctv #twitter-feed .comment time,
#svctv #twitter-feed .tweet time {
    color: #fff
}

#svctv #twitter-feed .comment .twitterHashTag,
#svctv #twitter-feed .tweet .twitterHashTag {
    color: #edaf01
}

#svctv #twitter-feed .comment a,
#svctv #twitter-feed .tweet a {
    color: #fff
}

#svctv #twitter-feed .tweet {
    display: list-item;
    float: left;
    width: 100%;
    padding: 10px 0
}

@media (max-width: 979px) {
    #svctv:not(.media-viewer) {
        background: #151515 !important
    }
}

body.media-viewer {
    position: inherit;
}

body.media-viewer #user-ui {
    display: none
}

body.media-viewer #carousel,
body.media-viewer #carousel-gallery {
    position: relative;
    margin-left: 0
}

body.media-viewer .preview {
    background: 0;
    background: rgba(0, 0, 0, .75)
}

body.media-viewer .preview .carousel-inner {
    background: 0;
    margin: 0 auto
}

body.media-viewer .preview img {
    display: block;
    margin: 0 auto;
    max-width: none;
    max-height: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5)
}

body.media-viewer .preview .item.image-loading {
}

body.media-viewer .preview .item.image-loading img {
    display: none
}

body.media-viewer .item {
    padding: 10px 0 0;
    margin-bottom: 120px;
    text-align: center;
    -webkit-transition: .5s ease-in-out left;
    -moz-transition: .5s ease-in-out left;
    -ms-transition: .5s ease-in-out left;
    -o-transition: .5s ease-in-out left;
    transition: .5s ease-in-out left
}

body.media-viewer .caption {
    padding: 0 10px 10px;
    height: 40px;
    text-align: center
}

body.media-viewer .caption p {
    color: #999;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    line-height: 16px;
    margin-bottom: 4px
}

body.media-viewer .caption h2 {
    color: #fff
}

body.media-viewer .image-container,
body.media-viewer .thumbnail-container {
    display: inline-block;
    position: relative
}

body.media-viewer .image-container::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

body.media-viewer .thumbnail-container {
    cursor: pointer;
    height: 73px;
    width: 130px;
    margin: 10px
}

body.media-viewer .thumbnail-container .image-container {
    vertical-align: top
}

body.media-viewer .thumbnail-container img {
    max-height: 73px;
    max-width: 130px
}

body.media-viewer #carousel-gallery .item {
    padding: 20px auto
}

body.media-viewer #carousel-gallery hr {
    border: 0;
    border-top: 1px solid #222
}

@media (min-width: 768px) and (max-width: 979px) {
    body.media-viewer #carousel-gallery .thumbnail-container {
        height: 73px;
        width: 90px
    }

    body.media-viewer #carousel-gallery .thumbnail-container img {
        max-height: 73px;
        max-width: 90px
    }
}

@media (max-width: 767px) {
    body.media-viewer #gallery {
        display: none
    }
}

body.media-viewer .next,
body.media-viewer .prev {
    position: absolute;
    top: 0;
    width: 100%
}

body.media-viewer .next {
    left: 100%
}

body.media-viewer .prev {
    left: -100%
}

body.media-viewer .next.left,
body.media-viewer .prev.right {
    left: 0
}

body.media-viewer .active.left {
    left: -100%
}

body.media-viewer .active.right {
    left: 100%
}

body.media-viewer .actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0 15px;
    background: #000;
    background: rgba(0, 0, 0, .85)
}

body.media-viewer .actions .btn {
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

body.media-viewer .carousel-control {
    position: absolute;
    top: 50%
}

body.media-viewer #leaderboard .container {
    text-align: center;
    width: 100%;
    height: 120px;
    overflow: hidden
}

#plateforme-details p,
#plateforme-details li {
    font-size: 11px
}

#plateforme-details .description {
    color: #454545;
    text-align: justify
}

#plateforme-details .thumbnail {
    padding: 0
}

.user-action.disable-pointer div {
    cursor: default !important
}

.user-action.disable-pointer div a:hover,
.user-action.disable-pointer div span:hover {
    opacity: .3 !important
}

.user-action.disable-pointer div.user-active a:hover,
.user-action.disable-pointer div.user-active span:hover {
    opacity: 1 !important
}

#egalement-appele {
    color: #6b6b6b;
    clear: both;
    margin: 0
}

#egalement-appele-toggle {
    margin-top: 16px;
    margin-left: 10px
}

#premium_insentive {
    text-align: center
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .4) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .4) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .4) inset;
    background-color: #000
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.iframe-container iframe:after,
.iframe-container object:after,
.iframe-container embed:after {
    box-shadow: 1px 0 3px rgba(0, 0, 0, .3) inset, 0px 1px 0 rgba(255, 255, 255, .3) inset
}

.bold {
    font-weight: 700
}

.press-link {
    margin-top: 7px;
    display: block
}

h1.home {
    text-indent: -9999px;
    height: 0
}

#pqp-container {
    z-index: 2000
}

.ie .featured .square {
    height: 226px
}

.ie .featured .square img {
    height: 226px;
    max-width: 610px;
    width: 610px;
    margin-left: -150px
}

.ie .featured .small img {
    height: 98px;
    max-width: 290px;
    width: 290px
}

.ie [class^="icon-"] {
    filter: alpha(opacity=50)
}

.ie [class^="icon-"]:hover {
    filter: alpha(opacity=100)
}

.ie .thumbnail {
    border-top: 0
}

.ie .gamesList figure {
    width: 70px
}

.ie #story-page .game-action .thumbnail {
    width: 100px;
    float: left;
    margin-right: 10px
}

.ie #game-specs img {
    width: 24px;
    height: 24px;
    max-width: none
}

.ie .fspan2 {
    margin-left: 0 !important
}

p {
    margin: 0 0 9px
}

p small {
    font-size: 10px;
    color: #6b6b6b
}

.lead {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 200;
    line-height: 27px
}

h1,
h2,
h3,
h4,
h5,
h6,
.hgroup p,
.loadmore,
.loadmorelink,
.navbar,
.btn-action,
.rating p,
#gamestats .count,
p.title,
p.titleh1 {
    margin: 0;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400 !important;
    color: inherit;
    text-transform: uppercase;
    text-rendering: optimizelegibility
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.hgroup p small,
.loadmore small,
.loadmorelink small,
.navbar small,
.btn-action small,
.rating p small,
#gamestats .count small,
p.title small,
p.titleh1 small {
    font-weight: 400;
    color: #6b6b6b
}

.slider .hgroup p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    color: #454545;
    font-weight: 400
}

.slider .hgroup p p.title {
    font-weight: 700 !important
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p.title a {
    color: #292929
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p.title a:hover {
    text-decoration: none;
    color: #2f2f2f
}

.featured h1 a,
.featured h2 a,
.featured h3 a,
.featured h4 a,
.featured h5 a,
.featured h6 a,
.featured p.title a {
    color: #fff
}

.featured h1 a:hover,
.featured h2 a:hover,
.featured h3 a:hover,
.featured h4 a:hover,
.featured h5 a:hover,
.featured h6 a:hover,
.featured p.title a:hover {
    text-decoration: none;
    color: #fff
}

h1 {
    font-size: 30px;
    line-height: 36px
}

h1 small {
    font-size: 18px
}

h2,
p.title {
    color: #454545;
    font-size: 18px;
    line-height: 21px
}

h2 small,
p.title small {
    font-size: 14px
}

h3 {
    font-size: 18px;
    line-height: 27px
}

h3 small {
    font-size: 14px
}

h4,
h5,
h6 {
    line-height: 18px
}

h4 {
    font-size: 14px
}

h4 small {
    font-size: 12px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px;
    color: #6b6b6b;
    text-transform: uppercase
}

.hgroup {
    right: 0
}

.hgroup p {
    color: #919191;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px
}

.hgroup p.title {
    color: #454545;
    font-size: 18px;
    line-height: 21px;
    margin-top: 0
}

.featured .hgroup p.title {
    color: #fff;
    margin: 0 10px 5px
}

.featured .hgroup p {
    margin: 10px 10px 0
}

.metas {
    list-style: none;
    color: #6b6b6b;
    font-size: 11px;
    margin-left: 0
}

.metas li {
    line-height: 16px
}

.byline {
    color: #6b6b6b
}

.summary {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5px;
    *zoom: 1;
    *zoom: 1
}

.summary:before,
.summary:after {
    display: table;
    content: ""
}

.summary:after {
    clear: both
}

.summary:before,
.summary:after {
    display: table;
    content: ""
}

.summary:after {
    clear: both
}

#user-ui h3 {
    text-align: right;
    font-size: 13px;
    line-height: 19px;
    text-transform: none;
    margin-bottom: 4px
}

#user-ui h3 a {
    color: #444;
    font-weight: 700
}

.page-header {
    padding-bottom: 10px;
    margin: 18px 0
}

.page-header h1 {
    line-height: 1;
    font-size: 18px;
    color: #454545
}

#home .page-header h1 {
    font-size: 24px
}

ul,
ol {
    padding: 0;
    margin: 0 0 9px 15px
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0
}

ul {
    list-style: circle
}

ol {
    list-style: decimal
}

li {
    line-height: 18px
}

ul.unstyled,
ol.unstyled {
    margin-left: 0;
    list-style: none
}

dl {
    margin-bottom: 18px
}

dt,
dd {
    line-height: 18px
}

dt {
    font-weight: 700;
    line-height: 17px
}

.dl-horizontal dt {
    float: left;
    width: 120px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-left: 130px
}

hr {
    margin: 10px 0;
    border: 0;
    border-bottom: 1px solid #e2e2d9;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

.muted {
    color: #6b6b6b
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #6b6b6b
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 50px;
    margin: 0 0 10px;
    position: relative;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #6b6b6b;
    text-align: justify;
    border-left: 5px solid #919191
}

blockquote em {
    font-style: italic
}

blockquote p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 22.5px
}

blockquote small {
    display: block;
    line-height: 18px;
    color: #6b6b6b
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #919191;
    border-left: 0
}

blockquote.pull-right p,
blockquote.pull-right small {
    text-align: right
}

q:after,
blockquote:after {
    content: ""
}

q:before,
blockquote:before {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: 700;
    color: #999;
    position: absolute;
    left: 10px;
    top: 5px
}

address {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    line-height: 18px
}

small {
    font-size: 100%
}

cite {
    font-style: normal
}

code,
pre {
    padding: 0 3px 2px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 11px;
    color: #292929;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8
}

pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 11.100000000000001px;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

pre.prettyprint {
    margin-bottom: 18px
}

pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

form {
    margin: 0 0 18px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    font-size: 18px;
    line-height: 36px;
    color: #292929;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 13.5px;
    color: #6b6b6b
}

label,
input,
button,
select,
textarea {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 18px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
    color: #454545
}

input,
textarea {
    width: 210px
}

textarea {
    height: auto;
    max-width: 100%
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -ms-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

input[type="radio"],
input[type="checkbox"] {
    margin: 3px 3px 3px 0;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width: auto
}

.uneditable-textarea {
    width: auto;
    height: auto
}

select,
input[type="file"] {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px
}

select {
    width: 220px;
    border: 1px solid #ccc
}

select[multiple],
select[size] {
    height: auto
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio,
.checkbox {
    min-height: 18px;
    padding-left: 18px
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px
}

.controls>.radio:first-child,
.controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 10px
}

.slideOver {
    width: 50px;
    height: 30px;
    margin: 0 0 10px;
    position: relative;
    float: left;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), 0px -1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), 0px -1px 0 rgba(255, 255, 255, .5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), 0px -1px 0 rgba(255, 255, 255, .5)
}

.slideOver:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 9px;
    height: 6px;
    width: 32px;
    background: #6b6b6b;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0px 1px 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0px 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0px 1px 0 rgba(255, 255, 255, .1)
}

.slideOver label {
    display: block;
    width: 16px;
    height: 16px;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 6px;
    z-index: 1;
    left: 7px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #292929;
    background-image: -moz-linear-gradient(top, #454545, #000);
    background-image: -ms-linear-gradient(top, #454545, #000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#000));
    background-image: -webkit-linear-gradient(top, #454545, #000);
    background-image: -o-linear-gradient(top, #454545, #000);
    background-image: linear-gradient(top, #454545, #000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#000000', GradientType=0)
}

.slideOver label:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #333;
    left: 5px;
    top: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1), 0px 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1), 0px 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 1), 0px 1px 0 rgba(255, 255, 255, .2)
}

.slideOver input[type=checkbox] {
    visibility: hidden
}

.slideOver input[type=checkbox]:checked+label {
    left: 28px
}

.slideOver input[type=checkbox]:checked+label:after {
    background: #919191
}

.slideOver+span {
    float: left;
    padding: 5px 0 0 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
    display: inline-block
}

input,
textarea,
.uneditable-input {
    margin-left: 0
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 930px
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 850px
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 770px
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 690px
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 610px
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 530px
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 450px
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 370px
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 290px
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 210px
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 130px
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 50px
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #ececec;
    border-color: #ddd
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color: transparent
}

.control-group.warning>label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853;
    border-color: #c09853
}

.control-group.warning .checkbox:focus,
.control-group.warning .radio:focus,
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: 0 0 6px #dbc59e;
    -moz-box-shadow: 0 0 6px #dbc59e;
    box-shadow: 0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error>label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48;
    border-color: #b94a48
}

.control-group.error .checkbox:focus,
.control-group.error .radio:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success>label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847;
    border-color: #468847
}

.control-group.success .checkbox:focus,
.control-group.success .radio:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: 0 0 6px #7aba7b;
    -moz-box-shadow: 0 0 6px #7aba7b;
    box-shadow: 0 0 6px #7aba7b
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #eed3d7
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
    border-color: #dfaeb7;
    -webkit-box-shadow: 0 0 6px #fff;
    -moz-box-shadow: 0 0 6px #fff;
    box-shadow: 0 0 6px #fff
}

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
    *zoom: 1
}

.form-actions:before,
.form-actions:after {
    display: table;
    content: ""
}

.form-actions:after {
    clear: both
}

.form-actions:before,
.form-actions:after {
    display: table;
    content: ""
}

.form-actions:after {
    clear: both
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #eee;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025)
}

:-moz-placeholder {
    color: #6b6b6b
}

:-ms-input-placeholder {
    color: #6b6b6b
}

::-webkit-input-placeholder {
    color: #6b6b6b
}

.help-block,
.help-inline {
    color: #454545
}

.help-block {
    display: block;
    margin-bottom: 9px
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px
}

.input-prepend,
.input-append {
    margin-bottom: 5px
}

.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: middle;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
    z-index: 2
}

.input-prepend .uneditable-input,
.input-append .uneditable-input {
    border-left-color: #ccc
}

.input-prepend .add-on,
.input-append .add-on {
    display: inline-block;
    width: auto;
    height: 18px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #ececec;
    border: 1px solid #ccc
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend .active,
.input-append .active {
    background-color: #a9dba9;
    border-color: #46a546
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-append .uneditable-input {
    border-right-color: #ccc;
    border-left-color: #eee
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display: none
}

.form-search label,
.form-inline label {
    display: inline-block
}

.form-page label {
    line-height: 30px
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.control-group {
    margin-bottom: 9px
}

legend+.control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 18px;
    *zoom: 1;
    *zoom: 1
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: ""
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: ""
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 140px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 160px;
    *margin-left: 0
}

.form-horizontal .controls:first-child {
    *padding-left: 160px
}

.form-horizontal .help-block {
    margin-top: 9px;
    margin-bottom: 0
}

.form-horizontal .form-actions {
    padding-left: 160px
}

.cgrp {
    *zoom: 1;
    *zoom: 1
}

.cgrp:before,
.cgrp:after {
    display: table;
    content: ""
}

.cgrp:after {
    clear: both
}

.cgrp:before,
.cgrp:after {
    display: table;
    content: ""
}

.cgrp:after {
    clear: both
}

.cgrp input[type="text"],
.cgrp input[type="password"] {
    margin: 0 0 10px
}

.two-methods.login .span6+.span6 .cgrp {
    text-align: center;
    margin-bottom: 10px
}

.two-methods.login .span6+.span6 .cgrp .btn {
    text-align: left
}

#register-form .pull-left {
    margin: 0 3px 0 0
}

#register-form .optins {
    margin: 10px 0
}

@media (min-width: 520px) {
    .form-inline label {
        min-width: 90px
    }
}

@media (min-width: 767px) {
    #login-form {
        margin-left: 15px
    }

    #login-form .btn-action.pull-right.submit {
        margin-bottom: 5px
    }
}

@media (max-width: 767px) {
    #login-form {
        *zoom: 1;
        *zoom: 1;
        margin-bottom: 70px
    }

    #login-form:before,
    #login-form:after {
        display: table;
        content: ""
    }

    #login-form:after {
        clear: both
    }

    #login-form:before,
    #login-form:after {
        display: table;
        content: ""
    }

    #login-form:after {
        clear: both
    }

    #login-form .btn-action.pull-right.submit {
        margin-left: 10px
    }

    .two-methods {
        padding: 15px 0 0
    }

    .two-methods .span6 {
        *zoom: 1;
        *zoom: 1
    }

    .two-methods .span6:before,
    .two-methods .span6:after {
        display: table;
        content: ""
    }

    .two-methods .span6:after {
        clear: both
    }

    .two-methods .span6:before,
    .two-methods .span6:after {
        display: table;
        content: ""
    }

    .two-methods .span6:after {
        clear: both
    }

    .two-methods.register-choice {
        background-position: 50% 61px
    }

    .two-methods.register-choice .btn:first-child {
        margin-bottom: 50px
    }
}

@media (min-width: 767px) {
    .two-methods {
        padding: 15px 0 0
    }

    .two-methods .span6 {
        *zoom: 1;
        *zoom: 1
    }

    .two-methods .span6:before,
    .two-methods .span6:after {
        display: table;
        content: ""
    }

    .two-methods .span6:after {
        clear: both
    }

    .two-methods .span6:before,
    .two-methods .span6:after {
        display: table;
        content: ""
    }

    .two-methods .span6:after {
        clear: both
    }

    .two-methods.register-choice {
        background-position: 50% -45px
    }

    .fb-connect #fbregister,
    .fb-connect .btn-fb-regist-off {
        margin-top: 55px
    }
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 18px;
    display: table
}

.table th,
.table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px 0 #FFF inset
}

.table th {
    font-weight: 700
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapsed;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #ddd
}

.table-bordered caption+thead tr:first-child th,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table tbody tr:hover td,
.table tbody tr:hover th {
    background-color: #f5f5f5
}

table .span1 {
    float: none;
    width: 44px;
    margin-left: 0
}

table .span2 {
    float: none;
    width: 124px;
    margin-left: 0
}

table .span3 {
    float: none;
    width: 204px;
    margin-left: 0
}

table .span4 {
    float: none;
    width: 284px;
    margin-left: 0
}

table .span5 {
    float: none;
    width: 364px;
    margin-left: 0
}

table .span6 {
    float: none;
    width: 444px;
    margin-left: 0
}

table .span7 {
    float: none;
    width: 524px;
    margin-left: 0
}

table .span8 {
    float: none;
    width: 604px;
    margin-left: 0
}

table .span9 {
    float: none;
    width: 684px;
    margin-left: 0
}

table .span10 {
    float: none;
    width: 764px;
    margin-left: 0
}

table .span11 {
    float: none;
    width: 844px;
    margin-left: 0
}

table .span12 {
    float: none;
    width: 924px;
    margin-left: 0
}

table .span13 {
    float: none;
    width: 1004px;
    margin-left: 0
}

table .span14 {
    float: none;
    width: 1084px;
    margin-left: 0
}

table .span15 {
    float: none;
    width: 1164px;
    margin-left: 0
}

table .span16 {
    float: none;
    width: 1244px;
    margin-left: 0
}

table .span17 {
    float: none;
    width: 1324px;
    margin-left: 0
}

table .span18 {
    float: none;
    width: 1404px;
    margin-left: 0
}

table .span19 {
    float: none;
    width: 1484px;
    margin-left: 0
}

table .span20 {
    float: none;
    width: 1564px;
    margin-left: 0
}

table .span21 {
    float: none;
    width: 1644px;
    margin-left: 0
}

table .span22 {
    float: none;
    width: 1724px;
    margin-left: 0
}

table .span23 {
    float: none;
    width: 1804px;
    margin-left: 0
}

table .span24 {
    float: none;
    width: 1884px;
    margin-left: 0
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../i/glyphicons-halflings2.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=5);
    text-indent: -9999px
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
    *margin-left: 0
}

[class^="icon-"]:hover,
[class*=" icon-"]:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1)
}

.icon-white {
    background-image: url("../i/glyphicons-halflings-white.png")
}

.icon-glass {
    background-position: 0 0
}

.icon-music {
    background-position: -24px 0
}

.icon-search {
    background-position: -48px 0
}

.icon-envelope {
    background-position: -72px 0
}

.icon-heart {
    background-position: -96px 0
}

.icon-star {
    background-position: -120px 0
}

.icon-star-empty {
    background-position: -144px 0
}

.icon-user {
    background-position: -168px 0
}

.icon-film {
    background-position: -192px 0
}

.icon-th-large {
    background-position: -216px 0
}

.icon-th {
    background-position: -240px 0
}

.icon-th-list {
    background-position: -264px 0
}

.icon-ok {
    background-position: -288px 0
}

.icon-remove {
    background-position: -312px 0
}

.icon-zoom-in {
    background-position: -336px 0
}

.icon-zoom-out {
    background-position: -360px 0
}

.icon-off {
    background-position: -384px 0
}

.icon-signal {
    background-position: -408px 0
}

.icon-cog {
    background-position: -432px 0
}

.icon-trash {
    background-position: -456px 0
}

.icon-home {
    background-position: 0 -24px
}

.icon-file {
    background-position: -24px -24px
}

.icon-time {
    background-position: -48px -24px
}

.icon-road {
    background-position: -72px -24px
}

.icon-download-alt {
    background-position: -96px -24px
}

.icon-download {
    background-position: -120px -24px
}

.icon-upload {
    background-position: -144px -24px
}

.icon-inbox {
    background-position: -168px -24px
}

.icon-play-circle {
    background-position: -192px -24px
}

.icon-repeat {
    background-position: -216px -24px
}

.icon-refresh {
    background-position: -240px -24px
}

.icon-list-alt {
    background-position: -264px -24px
}

.icon-lock {
    background-position: -287px -24px
}

.icon-flag {
    background-position: -312px -24px
}

.icon-headphones {
    background-position: -336px -24px
}

.icon-volume-off {
    background-position: -360px -24px
}

.icon-volume-down {
    background-position: -384px -24px
}

.icon-volume-up {
    background-position: -408px -24px
}

.icon-qrcode {
    background-position: -432px -24px
}

.icon-barcode {
    background-position: -456px -24px
}

.icon-tag {
    background-position: 0 -48px
}

.icon-tags {
    background-position: -25px -48px
}

.icon-book {
    background-position: -48px -48px
}

.icon-bookmark {
    background-position: -72px -48px
}

.icon-print {
    background-position: -96px -48px
}

.icon-camera {
    background-position: -120px -48px
}

.icon-font {
    background-position: -144px -48px
}

.icon-bold {
    background-position: -167px -48px
}

.icon-italic {
    background-position: -192px -48px
}

.icon-text-height {
    background-position: -216px -48px
}

.icon-text-width {
    background-position: -240px -48px
}

.icon-align-left {
    background-position: -264px -48px
}

.icon-align-center {
    background-position: -288px -48px
}

.icon-align-right {
    background-position: -312px -48px
}

.icon-align-justify {
    background-position: -336px -48px
}

.icon-list {
    background-position: -360px -48px
}

.icon-indent-left {
    background-position: -384px -48px
}

.icon-indent-right {
    background-position: -408px -48px
}

.icon-facetime-video {
    background-position: -432px -48px
}

.icon-picture {
    background-position: -456px -48px
}

.icon-pencil {
    background-position: 0 -72px
}

.icon-map-marker {
    background-position: -24px -72px
}

.icon-adjust {
    background-position: -48px -72px
}

.icon-tint {
    background-position: -72px -72px
}

.icon-edit {
    background-position: -96px -72px
}

.icon-share {
    background-position: -120px -72px
}

.icon-check {
    background-position: -144px -72px
}

.icon-move {
    background-position: -168px -72px
}

.icon-step-backward {
    background-position: -192px -72px
}

.icon-fast-backward {
    background-position: -216px -72px
}

.icon-backward {
    background-position: -240px -72px
}

.icon-play {
    background-position: -264px -72px
}

.icon-pause {
    background-position: -288px -72px
}

.icon-stop {
    background-position: -312px -72px
}

.icon-forward {
    background-position: -336px -72px
}

.icon-fast-forward {
    background-position: -360px -72px
}

.icon-step-forward {
    background-position: -384px -72px
}

.icon-eject {
    background-position: -408px -72px
}

.icon-chevron-left {
    background-position: -432px -72px
}

.icon-chevron-right {
    background-position: -456px -72px
}

.icon-plus-sign {
    background-position: 0 -96px
}

.icon-minus-sign {
    background-position: -24px -96px
}

.icon-remove-sign {
    background-position: -48px -96px
}

.icon-ok-sign {
    background-position: -72px -96px
}

.icon-question-sign {
    background-position: -96px -96px
}

.icon-info-sign {
    background-position: -120px -96px
}

.icon-screenshot {
    background-position: -144px -96px
}

.icon-remove-circle {
    background-position: -168px -96px
}

.icon-ok-circle {
    background-position: -192px -96px
}

.icon-ban-circle {
    background-position: -216px -96px
}

.icon-arrow-left {
    background-position: -240px -96px
}

.icon-arrow-right {
    background-position: -264px -96px
}

.icon-arrow-up {
    background-position: -289px -96px
}

.icon-arrow-down {
    background-position: -312px -96px
}

.icon-share-alt {
    background-position: -336px -96px
}

.icon-resize-full {
    background-position: -360px -96px
}

.icon-resize-small {
    background-position: -384px -96px
}

.icon-plus {
    background-position: -408px -96px
}

.icon-minus {
    background-position: -433px -96px
}

.icon-asterisk {
    background-position: -456px -96px
}

.icon-exclamation-sign {
    background-position: 0 -120px
}

.icon-gift {
    background-position: -24px -120px
}

.icon-leaf {
    background-position: -48px -120px
}

.icon-fire {
    background-position: -72px -120px
}

.icon-eye-open {
    background-position: -96px -120px
}

.icon-eye-close {
    background-position: -120px -120px
}

.icon-warning-sign {
    background-position: -144px -120px
}

.icon-plane {
    background-position: -168px -120px
}

.icon-calendar {
    background-position: -192px -120px
}

.icon-random {
    background-position: -216px -120px
}

.icon-comment {
    background-position: -240px -120px
}

.icon-magnet {
    background-position: -264px -120px
}

.icon-chevron-up {
    background-position: -288px -120px
}

.icon-chevron-down {
    background-position: -313px -119px
}

.icon-retweet {
    background-position: -336px -120px
}

.icon-shopping-cart {
    background-position: -360px -120px
}

.icon-folder-close {
    background-position: -384px -120px
}

.icon-folder-open {
    background-position: -408px -120px
}

.icon-resize-vertical {
    background-position: -432px -119px
}

.icon-resize-horizontal {
    background-position: -456px -118px
}

.icon-hdd {
    background-position: 0 -144px
}

.icon-bullhorn {
    background-position: -24px -144px
}

.icon-bell {
    background-position: -48px -144px
}

.icon-certificate {
    background-position: -72px -144px
}

.icon-thumbs-up {
    background-position: -96px -144px
}

.icon-thumbs-down {
    background-position: -120px -144px
}

.icon-hand-right {
    background-position: -144px -144px
}

.icon-hand-left {
    background-position: -168px -144px
}

.icon-hand-up {
    background-position: -192px -144px
}

.icon-hand-down {
    background-position: -216px -144px
}

.icon-circle-arrow-right {
    background-position: -240px -144px
}

.icon-circle-arrow-left {
    background-position: -264px -144px
}

.icon-circle-arrow-up {
    background-position: -288px -144px
}

.icon-circle-arrow-down {
    background-position: -312px -144px
}

.icon-globe {
    background-position: -336px -144px
}

.icon-wrench {
    background-position: -360px -144px
}

.icon-tasks {
    background-position: -384px -144px
}

.icon-filter {
    background-position: -408px -144px
}

.icon-briefcase {
    background-position: -432px -144px
}

.icon-fullscreen {
    background-position: -456px -144px
}

[class^="social-"],
[class*=" social-"] {
    display: inline-block;
    width: 30px;
    height: 27px;
    *margin-right: .3em;
    line-height: 27px;
    background-image: url("../i/social-icons-sprite.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    text-indent: -9999px
}

[class^="social-"]:last-child,
[class*=" social-"]:last-child {
    *margin-left: 0
}

[class^="social-"]:hover,
[class*=" social-"]:hover {
    background-position-y: -33px
}

.icon-fb {
    background-image: url("/i/icon-micro-fb.png");
    background-position: 0 0
}

.icon-twt {
    background-image: url("/i/icon-micro-twt.png");
    background-position: 0 0
}

.social-fb {
    background-position: 3px 0
}

.social-tt {
    background-position: -34px 0
}

.social-gp {
    background-position: -104px 0
}

.social-yt {
    background-position: -70px 0
}

.playBtn {
    position: absolute;
    top: 50%;
    border: 0 !important;
    box-shadow: none !important;
    left: 50%;
    min-width: 0 !important;
    margin-left: -25px;
    margin-top: -25px
}

aside .playBtn {
    position: absolute;
    border: 0 !important;
    box-shadow: none !important;
    top: auto;
    left: auto;
    right: 5px;
    bottom: 5px;
    width: 25px;
    min-width: 0 !important;
    margin-left: -12px;
    margin-top: -12px
}

.icon-big {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 80px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../i/sprite-big.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=10);
    text-indent: -9999px;
    position: relative;
    -webkit-transition: all .2s easeinout;
    -moz-transition: all .2s easeinout;
    -ms-transition: all .2s easeinout;
    -o-transition: all .2s easeinout;
    transition: all .2s easeinout;
    cursor: pointer
}

.icon-big:last-child {
    *margin-left: 0
}

.icon-big:hover {
    top: -2px
}

.icon-svc-iphone {
    background-position: 0 0
}

.icon-svc-android {
    background-position: -150px 0
}

.icon-svc-selec {
    background-position: -300px 0
}

.icon-svc-facebook {
    background-position: 0 -80px
}

.icon-svc-twitter {
    background-position: -150px -80px
}

.icon-svc-gplus {
    background-position: -300px -80px
}

.icon-svc-newsletter {
    background-position: 0 -160px
}

.icon-svc-rss {
    background-position: -150px -160px
}

.icon-svc-podcast {
    background-position: -300px -160px
}

.icon-svc-chromeext {
    background-position: 0 -240px
}

.icon-svc-youtube {
    background-position: -150px -240px
}

.news-thread-arrow {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-bottom: -4px;
    background-image: url("/i/news-thread-arrows.png");
    background-position: 0 0
}

.news-thread-arrow.up {
    margin-right: 12px;
    background-position: 0 0
}

.news-thread-arrow.up:hover {
    background-position: -80px 0
}

.news-thread-arrow.up.disabled,
.news-thread-arrow.up.disabled:hover {
    background-position: -40px 0;
    cursor: default
}

.news-thread-arrow.down {
    margin-left: 14px;
    background-position: -20px 0
}

.news-thread-arrow.down:hover {
    background-position: -100px 0
}

.news-thread-arrow.down.disabled,
.news-thread-arrow.down.disabled:hover {
    background-position: -60px 0;
    cursor: default
}

.social-share {
    cursor: pointer;
    display: inline-block;
    background-image: url("/i/share-buttons.png");
    background-position: 0 0;
    text-indent: -9999px
}

.social-share.big {
    width: 36px;
    height: 36px
}

.social-share.big.fb {
    background-position: 0 0
}

.social-share.big.tw {
    background-position: -36px 0
}

.social-share.big.gp {
    background-position: -72px 0
}

.social-share.medium {
    width: 29px;
    height: 29px
}

.social-share.medium.fb {
    background-position: 0 -36px
}

.social-share.medium.tw {
    background-position: -29px -36px
}

.social-share.medium.gp {
    background-position: -58px -36px
}

.social-share.small {
    width: 21px;
    height: 21px
}

.social-share.small.fb {
    background-position: 0 -65px
}

.social-share.small.tw {
    background-position: -21px -65px
}

.social-share.small.gp {
    background-position: -42px -65px
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: .3;
    filter: alpha(opacity=30)
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown:hover .caret,
.open .caret {
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 4px 0;
    margin: 1px 0 0;
    background-color: #f8f8f6;
    list-style: none;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.dropdown-menu a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    white-space: nowrap
}

.dropdown-menu li>a:hover,
.dropdown-menu .active>a,
.dropdown-menu .active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #959595
}

.open {
    *z-index: 1000
}

.open>.dropdown-menu {
    display: block
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "\2191"
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.typeahead {
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.navbar-collapse {
    margin: 0 0 0;
    border-top: 0;
    min-width: 80px
}

.navbar-collapse a,
.navbar-collapse span {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    color: #2d2d2d;
    white-space: nowrap
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -ms-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.collapse.in {
    height: auto
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .75;
    filter: alpha(opacity=75)
}

.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
    *line-height: 20px;
    color: #292929;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(top, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #ccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn:active,
.btn.active {
    background-color: #ccc \9
}

.btn:first-child {
    *margin-left: 0
}

.btn .divider-vertical {
    height: 16px;
    width: 1px;
    margin: 0 3px;
    overflow: hidden;
    background-color: #919191;
    border-right: 1px solid #6b6b6b;
    opacity: .7;
    filter: alpha(opacity=70)
}

.btn:hover {
    color: #292929;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -ms-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active,
.btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-large {
    padding: 9px 14px;
    font-size: 14px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-large [class^="icon-"] {
    margin-top: 1px
}

.btn-small {
    padding: 5px 9px;
    font-size: 10px;
    line-height: 16px
}

.btn-small [class^="icon-"] {
    margin-top: -1px
}

.btn-mini {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 14px
}

.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover,
.btn-user,
.btn-user:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.btn-action,
.btn-action:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active,
.btn-action.active {
    color: rgba(255, 255, 255, .75)
}

.btn {
    border-color: #ccc;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.btn-primary {
    background-color: #bbb;
    background-image: -moz-linear-gradient(top, #bbb, #bbb);
    background-image: -ms-linear-gradient(top, #bbb, #bbb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbb), to(#bbb));
    background-image: -webkit-linear-gradient(top, #bbb, #bbb);
    background-image: -o-linear-gradient(top, #bbb, #bbb);
    background-image: linear-gradient(top, #bbb, #bbb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#bbbbbb', GradientType=0);
    border-color: #bbb #bbbbbb #959595;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #bbb;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #bbb;
    *background-color: #aeaeae
}

.btn-primary:active,
.btn-primary.active {
    background-color: #a2a2a2 \9
}

.btn-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #f89406;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #f89406;
    *background-color: #df8505
}

.btn-warning:active,
.btn-warning.active {
    background-color: #c67605 \9
}

.btn-danger {
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #bd362f;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #bd362f;
    *background-color: #a9302a
}

.btn-danger:active,
.btn-danger.active {
    background-color: #942a25 \9
}

.btn-success {
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #51a351;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #51a351;
    *background-color: #499249
}

.btn-success:active,
.btn-success.active {
    background-color: #408140 \9
}

.btn-info {
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #2f96b4;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #2f96b4;
    *background-color: #2a85a0
}

.btn-info:active,
.btn-info.active {
    background-color: #24748c \9
}

.btn-inverse {
    background-color: #373737;
    background-image: -moz-linear-gradient(top, #454545, #222);
    background-image: -ms-linear-gradient(top, #454545, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#222));
    background-image: -webkit-linear-gradient(top, #454545, #222);
    background-image: -o-linear-gradient(top, #454545, #222);
    background-image: linear-gradient(top, #454545, #222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#222222', GradientType=0);
    border-color: #222 #222222 #000;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #222;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #222;
    *background-color: #151515
}

.btn-inverse:active,
.btn-inverse.active {
    background-color: #080808 \9
}

.btn-action {
    background-color: #e6a01b;
    background-image: -moz-linear-gradient(top, #ebb320, #df8314);
    background-image: -ms-linear-gradient(top, #ebb320, #df8314);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebb320), to(#df8314));
    background-image: -webkit-linear-gradient(top, #ebb320, #df8314);
    background-image: -o-linear-gradient(top, #ebb320, #df8314);
    background-image: linear-gradient(top, #ebb320, #df8314);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebb320', endColorstr='#df8314', GradientType=0);
    border-color: #df8314 #df8314 #995a0e;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #df8314;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    position: relative
}

.btn-action:hover,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    background-color: #df8314;
    *background-color: #c87512
}

.btn-action:active,
.btn-action.active {
    background-color: #b06810 \9
}

.btn-action .icon-white {
    position: absolute;
    left: 12px;
    top: 6px;
    padding: 0 !important
}

.btn-action .icon {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-left: -5px
}

.btn-user {
    background-color: #3a3a3a;
    background-image: -moz-linear-gradient(top, #454545, #292929);
    background-image: -ms-linear-gradient(top, #454545, #292929);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#292929));
    background-image: -webkit-linear-gradient(top, #454545, #292929);
    background-image: -o-linear-gradient(top, #454545, #292929);
    background-image: linear-gradient(top, #454545, #292929);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#292929', GradientType=0);
    border-color: #292929 #292929 #030303;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #292929;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: none;
    padding: 6px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-user:hover,
.btn-user:active,
.btn-user.active,
.btn-user.disabled,
.btn-user[disabled] {
    background-color: #292929;
    *background-color: #1c1c1c
}

.btn-user:active,
.btn-user.active {
    background-color: #101010 \9
}

.btn-fb {
    background-color: #546b99;
    background-image: -moz-linear-gradient(top, #6a81af, #334a78);
    background-image: -ms-linear-gradient(top, #6a81af, #334a78);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6a81af), to(#334a78));
    background-image: -webkit-linear-gradient(top, #6a81af, #334a78);
    background-image: -o-linear-gradient(top, #6a81af, #334a78);
    background-image: linear-gradient(top, #6a81af, #334a78);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a81af', endColorstr='#334a78', GradientType=0);
    border-color: #334a78 #334a78 #1c2942;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #334a78;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 #1c2942;
    padding: 6px 12px;
    font-weight: 700;
    color: #fff;
    width: 190px;
    line-height: 21px
}

.btn-fb:hover,
.btn-fb:active,
.btn-fb.active,
.btn-fb.disabled,
.btn-fb[disabled] {
    background-color: #334a78;
    *background-color: #2b3f66
}

.btn-fb:active,
.btn-fb.active {
    background-color: #243454 \9
}

.btn-fb .icon {
    background-position: -20px 0
}

.btn-gplus {
    background-color: #cb5e50;
    background-image: -moz-linear-gradient(top, #e37568, #a83b2d);
    background-image: -ms-linear-gradient(top, #e37568, #a83b2d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e37568), to(#a83b2d));
    background-image: -webkit-linear-gradient(top, #e37568, #a83b2d);
    background-image: -o-linear-gradient(top, #e37568, #a83b2d);
    background-image: linear-gradient(top, #e37568, #a83b2d);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e37568', endColorstr='#a83b2d', GradientType=0);
    border-color: #a83b2d #a83b2d #6c261d;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #a83b2d;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 #6c261d;
    padding: 6px 12px;
    font-weight: 700;
    color: #fff;
    width: 190px;
    line-height: 21px
}

.btn-gplus:hover,
.btn-gplus:active,
.btn-gplus.active,
.btn-gplus.disabled,
.btn-gplus[disabled] {
    background-color: #a83b2d;
    *background-color: #943428
}

.btn-gplus:active,
.btn-gplus.active {
    background-color: #802d22 \9
}

.btn-gplus .icon {
    background-position: -40px 0
}

.btn-twitter {
    background-color: #51a5ce;
    background-image: -moz-linear-gradient(top, #69bde6, #2e82ab);
    background-image: -ms-linear-gradient(top, #69bde6, #2e82ab);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#69bde6), to(#2e82ab));
    background-image: -webkit-linear-gradient(top, #69bde6, #2e82ab);
    background-image: -o-linear-gradient(top, #69bde6, #2e82ab);
    background-image: linear-gradient(top, #69bde6, #2e82ab);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69bde6', endColorstr='#2e82ab', GradientType=0);
    border-color: #2e82ab #2e82ab #1e546f;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #2e82ab;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 #1e546f;
    padding: 6px 12px;
    font-weight: 700;
    color: #fff;
    width: 190px;
    line-height: 21px
}

.btn-twitter:hover,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
    background-color: #2e82ab;
    *background-color: #297397
}

.btn-twitter:active,
.btn-twitter.active {
    background-color: #236383 \9
}

.btn-twitter .icon {
    background-position: 0 0
}

.btn-fb-regist-off {
    font-size: 11px;
    line-height: 14px;
    background-color: #516a9f;
    background-image: -moz-linear-gradient(top, #5872a7, #465f92);
    background-image: -ms-linear-gradient(top, #5872a7, #465f92);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5872a7), to(#465f92));
    background-image: -webkit-linear-gradient(top, #5872a7, #465f92);
    background-image: -o-linear-gradient(top, #5872a7, #465f92);
    background-image: linear-gradient(top, #5872a7, #465f92);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5872a7', endColorstr='#465f92', GradientType=0);
    border-color: #465f92 #465f92 #2d3d5e;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #465f92;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: none;
    padding: 6px 12px;
    color: #fff
}

.btn-fb-regist-off:hover,
.btn-fb-regist-off:active,
.btn-fb-regist-off.active,
.btn-fb-regist-off.disabled,
.btn-fb-regist-off[disabled] {
    background-color: #465f92;
    *background-color: #3e5481
}

.btn-fb-regist-off:active,
.btn-fb-regist-off.active {
    background-color: #354970 \9
}

.btn-fb-regist-off .pseudofb {
    font-size: 12px;
    font-weight: 700
}

button.btn,
input[type="submit"].btn {
    *padding-top: 2px;
    *padding-bottom: 2px
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-group {
    position: relative;
    *zoom: 1;
    *zoom: 1;
    *margin-left: .3em
}

.btn-group:before,
.btn-group:after {
    display: table;
    content: ""
}

.btn-group:after {
    clear: both
}

.btn-group:before,
.btn-group:after {
    display: table;
    content: ""
}

.btn-group:after {
    clear: both
}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group+.btn-group {
    margin-left: 5px
}

.btn-toolbar {
    margin-top: 9px;
    margin-bottom: 9px
}

.btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.btn-group>.btn {
    position: relative;
    float: left;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group>.btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group>.btn.large:last-child,
.btn-group>.large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active {
    z-index: 2
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    *padding-top: 4px;
    *padding-bottom: 4px
}

.btn-group>.btn-mini.dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px
}

.btn-group>.btn-small.dropdown-toggle {
    *padding-top: 4px;
    *padding-bottom: 4px
}

.btn-group>.btn-large.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #bbb
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222
}

.btn .caret {
    margin-top: 7px;
    margin-left: 0
}

.btn:hover .caret,
.open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-mini .caret {
    margin-top: 5px
}

.btn-small .caret {
    margin-top: 6px
}

.btn-large .caret {
    margin-top: 6px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.dropup .btn-large .caret {
    border-bottom: 5px solid #000;
    border-top: 0
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: .75;
    filter: alpha(opacity=75)
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853
}

.alert-heading {
    color: inherit
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

.nav {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li>a {
    display: block
}

.nav>li>a:hover {
    text-decoration: none;
    background-color: #ececec
}

.nav>.pull-right {
    float: right
}

.nav .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    color: #6b6b6b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    text-transform: uppercase
}

.nav li+.nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

.nav-list>li>a,
.nav-list .infos-label,
.nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    padding: 3px 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.nav-list .infos-label {
    color: #454545;
    box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #e2e2d9
}

.nav-list>.active>a,
.nav-list>.active>a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #454545
}

.nav-list [class^="icon-"] {
    margin-right: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.nav-tabs,
.nav-pills {
    *zoom: 1;
    *zoom: 1
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
    display: table;
    content: ""
}

.nav-tabs:after,
.nav-pills:after {
    clear: both
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
    display: table;
    content: ""
}

.nav-tabs:after,
.nav-pills:after {
    clear: both
}

.nav-tabs>li,
.nav-pills>li {
    float: left
}

.nav-tabs>li>a,
.nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    line-height: 14px
}

.nav-tabs {
    font-size: 11px;
    margin-bottom: 1px
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    color: #454545;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 11px;
    border: 1px solid #aaa;
    border-bottom: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    font-weight: 700
}

.nav-tabs>li>a:hover {
    border-color: #ececec #aaaaaa #f8f8f6 #ececec;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    padding-bottom: 9px;
    margin-bottom: -1px
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
    border-color: #ececec #aaaaaa #f8f8f6 #ececec;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    padding-bottom: 9px;
    margin-bottom: -1px
}

.tag {
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: 4px;
    padding: 1px 4px;
    margin-right: 2px;
    font-weight: 700;
    font-size: 11px;
    color: #454545;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0px -1px 0 rgba(0, 0, 0, .2) inset
}

.tag:hover {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0px 0 5px #919191;
    text-decoration: none
}

h1>.tag {
    font-size: 24px;
    font-family: monospace;
    line-height: 24px;
    padding: 0 5px
}

h1>.tag:hover {
    color: #919191
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover {
    color: #fff;
    background-color: #bbb
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li>a {
    margin-right: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.nav-tabs.nav-stacked>li>a:hover {
    border-color: #ddd;
    z-index: 2
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
    border-top-color: #bbb;
    border-bottom-color: #bbb;
    margin-top: 6px
}

.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
    border-top-color: #2f2f2f;
    border-bottom-color: #2f2f2f
}

.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
    border-top-color: #292929;
    border-bottom-color: #292929
}

.nav>.dropdown.active>a:hover {
    color: #000;
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
    color: #fff;
    background-color: #6b6b6b;
    border-color: #6b6b6b
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabs-stacked .open>a:hover {
    border-color: #6b6b6b
}

.tabbable {
    *zoom: 1;
    *zoom: 1
}

.tabbable:before,
.tabbable:after {
    display: table;
    content: ""
}

.tabbable:after {
    clear: both
}

.tabbable:before,
.tabbable:after {
    display: table;
    content: ""
}

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: auto
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
    border-bottom: 0
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: none
}

.tab-content>.active,
.pill-content>.active {
    display: block
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #dddddd #ddd
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover {
    border-color: #ececec #dddddd #ececec #ececec
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #dddddd;
    *border-right-color: #fff
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover {
    border-color: #ececec #ececec #ececec #dddddd
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #dddddd #ddd transparent;
    *border-left-color: #fff
}

.navbar {
    *position: relative;
    *z-index: 2;
    overflow: visible
}

.navbar-inner {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset
}

.navbar .container {
    width: auto
}

.nav-collapse.collapse {
    height: auto
}

.navbar {
    color: #6b6b6b
}

.navbar .brand:hover {
    text-decoration: none
}

.navbar .brand {
    float: left;
    display: block;
    padding: 9.5px 20px 13.5px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    color: #fff
}

.navbar .navbar-text {
    margin-bottom: 0;
    line-height: 43px
}

.navbar .navbar-link {
    color: #2d2d2d
}

.navbar .navbar-link:hover {
    color: #fff
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 6.5px
}

.navbar .btn-group .btn {
    margin: 0
}

.navbar-form {
    margin-bottom: 0;
    *zoom: 1;
    *zoom: 1
}

.navbar-form:before,
.navbar-form:after {
    display: table;
    content: ""
}

.navbar-form:after {
    clear: both
}

.navbar-form:before,
.navbar-form:after {
    display: table;
    content: ""
}

.navbar-form:after {
    clear: both
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
    margin-top: 6.5px
}

.navbar-form input,
.navbar-form select {
    display: inline-block;
    margin-bottom: 0
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
    margin-top: 3px
}

.navbar-form .input-append,
.navbar-form .input-prepend {
    margin-top: 6px;
    white-space: nowrap
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
    margin-top: 0
}

#site-search-wrapper:hover {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important
}

#site-search {
    margin: 0;
    float: none
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 7.5px;
    margin-bottom: 0
}

.navbar-search .search-query {
    padding: 6px 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #454545;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 0 4px rgba(0, 0, 0, .5) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 0 4px rgba(0, 0, 0, .5) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15), 0 0 4px rgba(0, 0, 0, .5) inset;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.navbar-search .search-query:-moz-placeholder {
    color: #ccc
}

.navbar-search .search-query:-ms-input-placeholder {
    color: #ccc
}

.navbar-search .search-query::-webkit-input-placeholder {
    color: #ccc
}

.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
    padding: 6px 9px;
    color: #292929;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    outline: 0
}

.navbar-search #popular-search {
    position: absolute;
    top: 35px;
    left: 0;
    font-size: 10px;
    color: #777
}

.navbar-search #popular-search a {
    display: inline;
    color: #999;
    padding: 0
}

.navbar-search #popular-search p {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none
}

.navbar-search input[type="submit"] {
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e6a01b;
    background-image: url("/i/search-btn.png"), -moz-linear-gradient(top, #ebb320, #df8314);
    background-image: url("/i/search-btn.png"), -ms-linear-gradient(top, #ebb320, #df8314);
    background-image: url("/i/search-btn.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#ebb320), to(#df8314));
    background-image: url("/i/search-btn.png"), -webkit-linear-gradient(top, #ebb320, #df8314);
    background-image: url("/i/search-btn.png"), -o-linear-gradient(top, #ebb320, #df8314);
    background-image: url("/i/search-btn.png"), linear-gradient(top, #ebb320, #df8314);
    background-repeat: no-repeat;
    background-position: 20% 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-position: 50%
}

#platformjumper {
    margin: 0
}

#subheader {
    min-height: 28px;
    padding: 10px 20px 0;
    font-size: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .1) inset, 0px -4px 40px rgba(0, 0, 0, .1) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    color: #000
}

#subheader .container {
    position: relative
}

#subheader h1 {
    color: #454545;
    text-transform: none;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6)
}

#subheader.notabs {
    padding: 20px
}

#subheader .metas {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 18px
}

#subheader .avatar {
    float: left
}

#subheader .infos {
    margin-left: 50px
}

#subheader .release-date {
    color: #949493;
    font-size: 11px;
    padding: 1px 6px 0 2px
}

#subheader .dropdown-menu span {
    padding: 3px 15px
}

#subheader .user-action {
    position: absolute;
    right: 0;
    bottom: 7px
}

#subheader #submenu {
    margin: 0;
    float: left;
    clear: left;
    list-style-type: none
}

#subheader #submenu li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 15px;
    padding-bottom: 2px;
    font-size: 12px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#subheader #submenu li a,
#subheader #submenu li span {
    color: #7b7b79;
    text-decoration: none
}

#subheader #submenu li a:hover,
#subheader #submenu li span:hover {
    color: #616160
}

#subheader #submenu li.active {
    border-bottom: 3px solid #919191
}

#subheader #submenu li.active a,
#subheader #submenu li.active span {
    color: #616160
}

#subheader #submenu li:hover {
    border-bottom: 3px solid #616160
}

#subheader #submenu li.disabled,
#subheader #submenu li.disabled:hover {
    color: #949493;
    border-bottom: 0
}

#subheader #submenu a.dropdown-toggle {
    color: #7b7b79;
    text-decoration: none;
    font-size: 12px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding-bottom: 2px;
    display: inline-block
}

#subheader #submenu a.dropdown-toggle:hover,
#subheader #submenu a.dropdown-toggle.active {
    color: #616160
}

#subheader #listoptionsmenu,
#subheader #sectionsmenu {
    margin: 5px 0 0;
    list-style-type: none
}

#subheader #listoptionsmenu>li,
#subheader #sectionsmenu>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 15px;
    padding-bottom: 2px;
    font-size: 12px;
    font-family: "OpenSansCondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#subheader #listoptionsmenu>li a,
#subheader #sectionsmenu>li a {
    color: #7b7b79;
    text-decoration: none
}

#subheader #listoptionsmenu>li a.dropdown-toggle,
#subheader #sectionsmenu>li a.dropdown-toggle {
    color: #7b7b79
}

#subheader #listoptionsmenu>li a.dropdown-toggle:hover,
#subheader #sectionsmenu>li a.dropdown-toggle:hover,
#subheader #listoptionsmenu>li a.dropdown-toggle.active,
#subheader #sectionsmenu>li a.dropdown-toggle.active {
    color: #616160
}

#subheader #listoptionsmenu>li a:hover,
#subheader #sectionsmenu>li a:hover {
    color: #616160
}

#subheader #listoptionsmenu>li.active a,
#subheader #sectionsmenu>li.active a {
    color: #616160
}

#subheader #listoptionsmenu #filtermenu li,
#subheader #sectionsmenu #filtermenu li,
#subheader #listoptionsmenu #sortmenu li,
#subheader #sectionsmenu #sortmenu li,
#subheader #listoptionsmenu #genremenu li,
#subheader #sectionsmenu #genremenu li,
#subheader #listoptionsmenu #yearmenu li,
#subheader #sectionsmenu #yearmenu li,
#subheader #listoptionsmenu #monthmenu li,
#subheader #sectionsmenu #monthmenu li,
#subheader #listoptionsmenu #regionmenu li,
#subheader #sectionsmenu #regionmenu li {
    display: block;
    border: 0;
    margin: 0;
    padding: 0
}

#subheader #listoptionsmenu #filtermenu li.active,
#subheader #sectionsmenu #filtermenu li.active,
#subheader #listoptionsmenu #sortmenu li.active,
#subheader #sectionsmenu #sortmenu li.active,
#subheader #listoptionsmenu #genremenu li.active,
#subheader #sectionsmenu #genremenu li.active,
#subheader #listoptionsmenu #yearmenu li.active,
#subheader #sectionsmenu #yearmenu li.active,
#subheader #listoptionsmenu #monthmenu li.active,
#subheader #sectionsmenu #monthmenu li.active,
#subheader #listoptionsmenu #regionmenu li.active,
#subheader #sectionsmenu #regionmenu li.active {
    border: 0;
    border-left: 3px solid #919191
}

#subheader #listoptionsmenu #filtermenu li.active a,
#subheader #sectionsmenu #filtermenu li.active a,
#subheader #listoptionsmenu #sortmenu li.active a,
#subheader #sectionsmenu #sortmenu li.active a,
#subheader #listoptionsmenu #genremenu li.active a,
#subheader #sectionsmenu #genremenu li.active a,
#subheader #listoptionsmenu #yearmenu li.active a,
#subheader #sectionsmenu #yearmenu li.active a,
#subheader #listoptionsmenu #monthmenu li.active a,
#subheader #sectionsmenu #monthmenu li.active a,
#subheader #listoptionsmenu #regionmenu li.active a,
#subheader #sectionsmenu #regionmenu li.active a {
    background-color: #959595;
    padding: 3px 15px 3px 12px
}

#subheader #listoptionsmenu #filtermenu li:hover,
#subheader #sectionsmenu #filtermenu li:hover,
#subheader #listoptionsmenu #sortmenu li:hover,
#subheader #sectionsmenu #sortmenu li:hover,
#subheader #listoptionsmenu #genremenu li:hover,
#subheader #sectionsmenu #genremenu li:hover,
#subheader #listoptionsmenu #yearmenu li:hover,
#subheader #sectionsmenu #yearmenu li:hover,
#subheader #listoptionsmenu #monthmenu li:hover,
#subheader #sectionsmenu #monthmenu li:hover,
#subheader #listoptionsmenu #regionmenu li:hover,
#subheader #sectionsmenu #regionmenu li:hover {
    border: 0;
    border-left: 3px solid #919191
}

#subheader #listoptionsmenu #filtermenu li:hover a,
#subheader #sectionsmenu #filtermenu li:hover a,
#subheader #listoptionsmenu #sortmenu li:hover a,
#subheader #sectionsmenu #sortmenu li:hover a,
#subheader #listoptionsmenu #genremenu li:hover a,
#subheader #sectionsmenu #genremenu li:hover a,
#subheader #listoptionsmenu #yearmenu li:hover a,
#subheader #sectionsmenu #yearmenu li:hover a,
#subheader #listoptionsmenu #monthmenu li:hover a,
#subheader #sectionsmenu #monthmenu li:hover a,
#subheader #listoptionsmenu #regionmenu li:hover a,
#subheader #sectionsmenu #regionmenu li:hover a {
    background-color: #959595;
    padding: 3px 15px 3px 12px
}

@media (max-width: 767px) {
    #subheader #submenu .dropdown-toggle {
        border-bottom: 3px solid #6b6b6b
    }

    #subheader #submenu li {
        display: block;
        border: 0;
        margin: 0;
        padding: 0
    }

    #subheader #submenu li span {
        display: block
    }

    #subheader #submenu li.active {
        border: 0;
        border-left: 3px solid #919191
    }

    #subheader #submenu li.active a,
    #subheader #submenu li.active span {
        color: #454545;
        padding: 3px 15px 3px 12px
    }

    #subheader #submenu li:hover {
        border: 0;
        border-left: 3px solid #6b6b6b
    }

    #subheader #submenu li:hover a,
    #subheader #submenu li:hover span {
        color: #454545;
        padding: 3px 15px 3px 12px
    }

    #subheader #submenu li.disabled,
    #subheader #submenu li.disabled:hover {
        border: 0;
        padding: 3px 15px 3px 15px
    }
}

#breadcrumb {
    font-size: 10px;
    margin-bottom: 5px;
    color: #999
}

#breadcrumb a {
    color: #777;
    text-decoration: none
}

#breadcrumb div {
    display: inline;
    margin: 0 5px;
    color: #999
}

#breadcrumb div.first-child {
    margin-left: 0
}

#breadcrumb a:hover {
    color: #5e5e5e
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-bottom {
    bottom: 0
}

#header {
    background-color: #c4c4c3
}

#header .head-ui {
    overflow: hidden;
    padding: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #header .head-ui h1 a {
        background-size: 100%
    }

    .btn-mobile-menu {
        background-position: 0 -60px
    }

    .btn-mobile-menu.open {
        background-position: 0 -120px
    }

    .btn-mobile-account {
        background-position: -80px -60px
    }

    .btn-mobile-account.open {
        background-position: -80px -120px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: 'OpenSansCondensedBold'
}

.navbar .nav .dropdown-menu {
    border-radius: 0 0 2px 2px;
    background-color: #8c8c8b;
    background-image: -moz-linear-gradient(top, #9a9a9a, #787876);
    background-image: -ms-linear-gradient(top, #9a9a9a, #787876);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a9a9a), to(#787876));
    background-image: -webkit-linear-gradient(top, #9a9a9a, #787876);
    background-image: -o-linear-gradient(top, #9a9a9a, #787876);
    background-image: linear-gradient(top, #9a9a9a, #787876);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#787876', GradientType=0);
    border-color: #787876 #787876 #515150;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #787876;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 3px solid #c9c9c9;
    border-top: 0;
    margin-top: 0
}

.navbar .nav .dropdown-menu:hover,
.navbar .nav .dropdown-menu:active,
.navbar .nav .dropdown-menu.active,
.navbar .nav .dropdown-menu.disabled,
.navbar .nav .dropdown-menu[disabled] {
    background-color: #787876;
    *background-color: #6b6b6a
}

.navbar .nav .dropdown-menu:active,
.navbar .nav .dropdown-menu.active {
    background-color: #5e5e5d \9
}

.navbar .nav .dropdown-menu li {
    border: 0;
    box-shadow: none
}

.navbar .nav .dropdown-menu li a:hover {
    background: transparent
}

.navbar .nav .dropdown-menu:before,
.navbar .nav .dropdown-menu:after {
    border: 0
}

.navbar .nav>li>a,
.navbar .nav>li>span {
    float: none;
    padding: 12px 9px;
    font-size: 13px;
    line-height: 19px;
    color: #2d2d2d;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.navbar .btn {
    display: inline-block;
    padding: 4px 10px 4px;
    margin: 6.5px 5px 7.5px;
    line-height: 18px
}

.navbar .btn-group {
    margin: 0;
    padding: 6.5px 5px 7.5px
}

.navbar .nav>li>a:hover,
.navbar .nav>li>span:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: none
}

.navbar .nav .active>a,
.navbar .nav .active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #787876
}

.navbar .divider-vertical {
    height: 43px;
    width: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #c9c9c9;
    border-right: 1px solid #fff;
    opacity: .7;
    filter: alpha(opacity=70)
}

.navbar .nav.pull-right {
    margin-left: 10px;
    margin-right: 0
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 6px 10px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #8c8c8b;
    background-image: -moz-linear-gradient(top, #9a9a9a, #787876);
    background-image: -ms-linear-gradient(top, #9a9a9a, #787876);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a9a9a), to(#787876));
    background-image: -webkit-linear-gradient(top, #9a9a9a, #787876);
    background-image: -o-linear-gradient(top, #9a9a9a, #787876);
    background-image: linear-gradient(top, #9a9a9a, #787876);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#787876', GradientType=0);
    border-color: #787876 #787876 #515150;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #787876;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075)
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    background-color: #787876;
    *background-color: #6b6b6a
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
    background-color: #5e5e5d \9
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px
}

.navbar .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: #6b6b6b;
    position: absolute;
    top: -7px;
    left: 9px
}

.navbar .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #e6e6e6;
    position: absolute;
    top: -6px;
    left: 10px
}

.navbar-fixed-bottom .dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: #6b6b6b;
    border-bottom: 0;
    bottom: -7px;
    top: auto
}

.navbar-fixed-bottom .dropdown-menu:after {
    border-top: 6px solid #e6e6e6;
    border-bottom: 0;
    bottom: -6px;
    top: auto
}

.navbar .nav li.dropdown .dropdown-toggle .caret,
.navbar .nav li.dropdown.open .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar .nav li.dropdown.active .caret {
    opacity: 1;
    filter: alpha(opacity=100)
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: transparent
}

.navbar .nav li.dropdown.active>.dropdown-toggle:hover {
    color: #fff
}

.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.navbar .pull-right .dropdown-menu:before,
.navbar .dropdown-menu.pull-right:before {
    left: auto;
    right: 12px
}

.navbar .pull-right .dropdown-menu:after,
.navbar .dropdown-menu.pull-right:after {
    left: auto;
    right: 13px
}

.breadcrumb {
    padding: 7px 14px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background-image: -o-linear-gradient(top, #fff, #f5f5f5);
    background-image: linear-gradient(top, #fff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-shadow: 0 1px 0 #fff
}

.breadcrumb .divider {
    padding: 0 5px;
    color: #6b6b6b
}

.breadcrumb .active a {
    color: #292929
}

.pagination {
    height: 36px;
    margin: 18px 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.pagination li {
    display: inline;
    box-shadow: 0 1px 0 #fff inset
}

.pagination a,
.pagination span {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination a:hover,
.pagination .active a,
.pagination span:hover,
.pagination .active span {
    background-color: #efefeb
}

.pagination .active a,
.pagination .active span {
    color: #6b6b6b;
    cursor: default
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #6b6b6b;
    background-color: transparent;
    cursor: default
}

.pagination li:first-child a,
.pagination li:first-child span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.pagination li:last-child a,
.pagination li:last-child span {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pager {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
    text-align: center;
    *zoom: 1;
    *zoom: 1
}

.pager:before,
.pager:after {
    display: table;
    content: ""
}

.pager:after {
    clear: both
}

.pager:before,
.pager:after {
    display: table;
    content: ""
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next a {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a,
.pager .disabled a:hover {
    color: #6b6b6b;
    background-color: #fff;
    cursor: default
}

.modal-open .dropdown-menu {
    z-index: 2050
}

.modal-open .dropdown.open {
    *z-index: 2050
}

.modal-open .popover {
    z-index: 2060
}

.modal-open .tooltip {
    z-index: 2070
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    overflow: auto;
    width: 560px;
    margin: -250px 0 0 -280px;
    background-color: #f8f8f6;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -ms-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 50%
}

.modal-header {
    padding: 8px 15px;
    border-bottom: 1px solid #ececec;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
    border-bottom: 3px solid #919191
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    color: #fff
}

.modal-body {
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
    padding-bottom: 30px
}

.modal-body .submit {
    width: 100px
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    *zoom: 1;
    *zoom: 1
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.tooltip.top {
    margin-top: -2px
}

.tooltip.right {
    margin-left: 2px
}

.tooltip.bottom {
    margin-top: 2px
}

.tooltip.left {
    margin-left: -2px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 5px
}

.popover.top {
    margin-top: -5px
}

.popover.right {
    margin-left: 5px
}

.popover.bottom {
    margin-top: 5px
}

.popover.left {
    margin-left: -5px
}

.popover.top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000
}

.popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}

.popover.bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000
}

.popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

.popover .arrow {
    position: absolute;
    width: 0;
    height: 0
}

.popover-inner {
    padding: 3px;
    width: 280px;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3)
}

.popover-title {
    padding: 9px 15px;
    line-height: 1;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ececec;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.popover-content {
    padding: 14px;
    background-color: #fff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.popover-content p,
.popover-content ul,
.popover-content ol {
    margin-bottom: 0
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1;
    *zoom: 1
}

.thumbnails:before,
.thumbnails:after {
    display: table;
    content: ""
}

.thumbnails:after {
    clear: both
}

.thumbnails:before,
.thumbnails:after {
    display: table;
    content: ""
}

.thumbnails:after {
    clear: both
}

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails>li {
    float: left;
    margin-bottom: 18px;
    margin-left: 20px
}



@keyframes shining {
    0% {
        background-position: -38px -10px
    }

    100% {
        background-position: 32px -10px
    }
}

.thumbnail {
    display: block;
    padding: 2px;
    line-height: 1;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    background-color: #fff;
    position: relative
}

.thumbnail .rating {
    position: absolute;
    right: -7px;
    top: 13px;
    cursor: pointer;
    text-decoration: none
}

.thumbnail .rating strong {
    background-color: rgba(0, 0, 0, .7);
    padding: 3px 12px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 0 4px rgba(0, 0, 0, .8);
    margin: 0;
    border-width: 4px
}

.thumbnail .rating .selecsvc {
    position: absolute;
    right: -11px;
    top: 6px
}

.thumbnail.zoom figure {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.thumbnail.zoom figure:hover {
    background-size: 120% 120%
}

.thumbnail.dark {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .4) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .4) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .4) inset;
    background-color: #9a9a9a;
    padding: 0;
    position: relative;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.thumbnail.dark>figure {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    position: relative
}

.thumbnail.dark>figure:after {
    box-shadow: 1px 0 3px rgba(0, 0, 0, .3) inset, 0px 1px 0 rgba(255, 255, 255, .3) inset
}

.thumbnail.dark>figure img {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.thumbnail.videoThumb {
    position: relative;
    background-color: transparent
}

.thumbnail.avatar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px;
    background: #aaa
}

.thumbnail.avatar img {
    max-width: 50px;
    max-height: 50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.thumbnail.small figure img {
    max-width: 190%;
    margin-left: -45%
}

.thumbnail figure {
    overflow: hidden
}

a.thumbnail:hover {
    text-decoration: none
}

#featured a.thumbnail:hover,
#featuredVideos a.thumbnail:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

article {
    *zoom: 1;
    *zoom: 1
}

article:before,
article:after {
    display: table;
    content: ""
}

article:after {
    clear: both
}

article:before,
article:after {
    display: table;
    content: ""
}

article:after {
    clear: both
}

article.large .thumbnail figure,
article.medium .thumbnail figure,
article.small .thumbnail figure {
    margin: 0
}

article.large .thumbnail figure {
    height: 194px
}

article.medium .thumbnail figure {
    height: 239px
}

article.small .thumbnail figure {
    height: 106px
}

@media (max-width: 480px) {
    .river .thumbnail {
        margin: 0 20px 0 0
    }

    .river article .image {
        float: none;
        margin: 0
    }

    .river article .image .thumbnail {
        float: none;
        margin: 0
    }

    .river article .image .thumbnail.small figure {
        width: 100%
    }
}

@media (min-width: 480px) {
    .river .thumbnail {
        float: left;
        margin: 0 20px 0 0
    }

    .river .thumbnail img {
        max-width: 200%
    }

    .river .thumbnail.small figure {
        width: 200px
    }
}

figure>a {
    display: block
}

figure>a:hover {
    text-decoration: none
}

.thumbnail>figure,
.thumbnail .figure {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    background-color: #000
}

.thumbnail>figure.large,
.thumbnail .figure.large {
    max-height: 194px
}

.thumbnail>figure.medium,
.thumbnail .figure.medium {
    max-height: 239px
}

.box .thumbnail>figure img {
    display: block
}

.thumbnail .hgroup {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .85);
    background-image: url("/i/hgroup-bg-white.png");
    background-repeat: repeat;
    background-position: center center;
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .15s linear;
    -ms-transition: background-color .15s linear;
    -o-transition: background-color .15s linear;
    transition: background-color .15s linear;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .45)
}

.thumbnail:hover>figure .hgroup {
    background-color: rgba(255, 255, 255, .7)
}

.thumbnail>figure>.hgroup p.title {
    color: #4b4b4b
}

#featured .thumbnail {
    position: relative
}

#featured .thumbnail figure.small img {
    width: 100%
}

.thumbnail figure {
    position: relative
}

.thumbnail figure:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset
}

.thumbnail {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.thumbnail:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, .2)
}

.bullet-time .tip.tip-active {
    background-color: #919191;
    color: #454545
}

#news .page-header h1::after,
#news .page-header h2::after {
    background-image: url(/i/icon-hourglass.png)
}

#video-list .page-header h1::after,
#video-list .page-header h2::after {
    background-image: url(/i/icon-video.png)
}

#guides .page-header h1::after,
#guides .page-header h2::after {
    background-image: url(/i/icon-book.png)
}

.label,
.badge {
    font-size: 10.152px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #cecec4
}

.label {
    padding: 2px 6px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #949493;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2) inset, 0 1px 0 rgba(255, 255, 255, .2)
}

.badge {
    padding: 1px 9px 2px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

a.label:hover,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

a.no-action,
a.no-action:hover {
    cursor: default
}

.label-important,
.badge-important {
    background-color: #b94a48
}

.label-important[href],
.badge-important[href] {
    background-color: #953b39
}

.label-warning,
.badge-warning {
    background-color: #f89406
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605
}

.label-success,
.badge-success {
    background-color: #468847
}

.label-success[href],
.badge-success[href] {
    background-color: #356635
}

.label-info,
.badge-info {
    background-color: #3a87ad
}

.label-info[href],
.badge-info[href] {
    background-color: #2d6987
}

.label-inverse,
.badge-inverse {
    background-color: #292929
}

.label-inverse[href],
.badge-inverse[href] {
    background-color: #101010
}

.label-active,
.badge-active {
    background-color: #888886
}

.label-inactive,
.badge-inactive {
    background-color: #c7c7c6;
    opacity: .75
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.progress .bar {
    width: 0;
    height: 18px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -ms-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(top, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-danger .bar {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0)
}

.progress-danger.progress-striped .bar {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-success .bar {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0)
}

.progress-success.progress-striped .bar {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-info .bar {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0)
}

.progress-info.progress-striped .bar {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-warning .bar {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0)
}

.progress-warning.progress-striped .bar {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.accordion {
    margin-bottom: 18px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion-heading {
    border-bottom: 0
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #fff
}

.carousel {
    position: relative;
    line-height: 1
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #000
}

.carousel .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -ms-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel .item>img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    line-height: 1
}

.carousel .active,
.carousel .next,
.carousel .prev {
    display: block
}

.carousel .active {
    left: 0
}

.carousel .next,
.carousel .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel .next {
    left: 100%
}

.carousel .prev {
    left: -100%
}

.carousel .next.left,
.carousel .prev.right {
    left: 0
}

.carousel .active.left {
    left: -100%
}

.carousel .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 15px;
    width: 32px;
    height: 32px;
    margin-top: -20px;
    background-position: 0 0;
    text-indent: -9999px;
    opacity: .75;
    filter: alpha(opacity=75)
}

.carousel-control.right {
    background-position: -64px 0;
    left: auto;
    right: 15px
}

.carousel-control.right:hover {
    background-position: -96px 0
}

.carousel-control.left:hover {
    background-position: -32px 0
}

.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px 5px;
    background: #000;
    background: rgba(0, 0, 0, .75)
}

.carousel-caption h4,
.carousel-caption p {
    color: #999;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    line-height: 16px;
    margin-bottom: 4px
}

.carousel-outer {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1), 0 0 1px #fff inset;
    border: 1px solid #edede8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f8f8f6;
    padding: 4px
}

@media (min-width: 767px) {
    .featured .item {
        height: 340px
    }
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    background-color: #ececec;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    color: inherit;
    letter-spacing: -1px
}

.hero-unit p {
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
    color: inherit
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none;
    visibility: hidden
}

.visible-phone {
    display: none !important
}

.visible-tablet {
    display: none !important
}

.hidden-desktop {
    display: none !important
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}

@media (max-width: 480px) {

    .pagination a,
    .pagination span {
        padding: 0 10px
    }

    #video-list.river article {
        width: 49%
    }

    #video-list.river article:nth-child(3) {
        padding-top: 20px;
        border-top: 1px solid #e2e2d9;
        -webkit-box-shadow: 0 1px 0 #fff inset;
        -moz-box-shadow: 0 1px 0 #fff inset;
        box-shadow: 0 1px 0 #fff inset
    }

    #review-list .thumbnail {
        margin: 0 20px 0 0
    }

    #review-list .images {
        display: none
    }

    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0)
    }

    .page-header h1 small {
        display: block;
        line-height: 18px
    }

    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc
    }

    .form-horizontal .control-group>label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }

    .modal.fade.in {
        top: auto
    }

    .modal-header .close {
        padding: 10px;
        margin: -10px
    }

    .carousel-caption {
        position: static
    }

    .river.news-featured article .image .thumbnail {
        margin-bottom: 10px
    }

    #game #ratingSummary {
        height: 169px
    }

    #game .game-summary .medias {
        float: none;
        clear: both;
        *zoom: 1;
        *zoom: 1;
        padding-top: 10px;
        margin-top: 10px
    }

    #game .game-summary .medias:before,
    #game .game-summary .medias:after {
        display: table;
        content: ""
    }

    #game .game-summary .medias:after {
        clear: both
    }

    #game .game-summary .medias:before,
    #game .game-summary .medias:after {
        display: table;
        content: ""
    }

    #game .game-summary .medias:after {
        clear: both
    }

    #game .game-summary .medias .thumbnail {
        width: 72px
    }

    #game .game-summary .rating {
        width: 50%
    }

    #game .game-summary .rating img.pull-right {
        margin-right: 10px !important
    }

    #game .game-summary .infos {
        margin-left: 0
    }

    #game .game-summary .rating-separator {
        position: relative;
        top: 0;
        float: none;
        clear: both;
        border-bottom: 1px solid #e2e2d9;
        -webkit-box-shadow: 0 1px 0 #fff;
        -moz-box-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 0 #fff
    }

    #game .game-action {
        float: left
    }

    #story-page .story-rating {
        float: none;
        clear: both;
        width: 100%;
        overflow: hidden
    }

    #story-page .story-rating .rating {
        float: none;
        margin: 0 auto 20px;
        text-align: center
    }

    #story-page .story-moins,
    #story-page .story-plus {
        margin-right: 0;
        width: 100%
    }

    #story-page .story-moins ul,
    #story-page .story-plus ul {
        text-align: left
    }

    .page-header .navbar {
        float: left;
        margin: 15px 0 4px;
        clear: both
    }

    .page-header .navbar .nav li {
        margin: 0 15px 0 0
    }

    #profile.coveron {
        padding-top: 210px
    }

    .slider {
        padding-bottom: 40px
    }

    .slider .sliderWrapper article .thumbnail,
    .slider .sliderWrapper article hgroup {
        margin: 0 10px;
        width: auto
    }

    .slider .sliderWrapper article hgroup {
        margin-top: 5px
    }

    .slider .sliderPrev,
    .slider .sliderNext {
        bottom: 0
    }

    .slider .sliderPrev {
        left: 40%;
        background-position: top left;
        border-left: 0
    }

    .slider .sliderPrev:hover {
        background-position: bottom left
    }

    .slider .sliderNext {
        right: 40%;
        background-position: top right;
        border-right: 0
    }

    .slider .sliderNext:hover {
        background-position: bottom right
    }
}

@media (min-width: 480px) {
    .river article .image {
        float: left;
        margin: 0 20px 0 0
    }

    .river article .image.right {
        float: right;
        margin: 0 0 0 20px
    }
}

@media (max-width: 767px) {
    #mantle_skin.hasSkin #leaderboard {
        display: none !important
    }

    .featured .large .hgroup p.title {
        font-size: 18px;
        margin-bottom: 6px
    }

    .featured .large .hgroup p {
        font-size: 13px;
        margin-bottom: 0
    }

    .featured .square img {
        margin-left: 0
    }

    #featured.featured figure img {
        width: 100%
    }

    #subheader #listoptionsmenu,
    #subheader #submenu {
        margin-top: 10px
    }

    #breadcrumb {
        display: none
    }

    #egalement-appele-toggle {
        display: none
    }

    #theater {
        padding: 20px
    }

    #theater .video article {
        margin-bottom: 15px
    }

    #gamesCarousel .carousel-inner {
        height: 180px
    }

    #gamesCarousel .thumbnail {
        width: 30%
    }

    #gamesCarousel .game-content {
        margin-left: 0
    }

    #gamesCarousel .item {
        width: 70%
    }

    #gamesCarousel .platforms {
        display: none
    }

    .bullet-time {
        float: left
    }

    .bullet-time li {
        margin-right: 0
    }

    .jslitem {
        padding: 8px
    }

    #user-reviews #goodreviews,
    #user-reviews #badreviews,
    #user-reviews .write,
    #user-reviews .review-chart {
        float: none;
        width: 100%
    }

    #user-reviews .user-reviews-text {
        min-height: 10px
    }

    #user-reviews .thumbnail {
        float: left;
        margin-right: 20px
    }

    .write {
        clear: both;
        float: none;
        text-align: center
    }

    .reviewSummary table {
        float: none;
        margin: 0 auto
    }

    .thumbnail>img {
        max-width: 100%
    }

    .container-fluid {
        padding: 0
    }

    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left
    }

    .dl-horizontal dd {
        margin-left: 0
    }

    #search .searchFilter li p,
    #search .searchFilter li>.nav-list {
        display: none
    }

    .mobile-filter,
    .mobile-filter-title,
    hr.filter-separator {
        display: block !important
    }

    #subheader h1 {
        font-size: 22px;
        line-height: 30px
    }

    .container {
        width: auto
    }

    .row-fluid {
        width: 100%
    }

    .row,
    .thumbnails {
        margin-left: 0
    }

    [class*="span"],
    .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0
    }

    footer section.span3 {
        display: none
    }

    .input-large,
    .input-xlarge,
    .input-xxlarge,
    input[class*="span"],
    select[class*="span"],
    textarea[class*="span"],
    .uneditable-input {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .input-prepend input,
    .input-append input,
    .input-prepend input[class*="span"],
    .input-append input[class*="span"] {
        display: inline-block;
        width: auto
    }

    header .head-ui {
        overflow: hidden;
        padding: 10px 0
    }

    #user-ui {
        position: absolute;
        right: 20px;
        width: 200px
    }

    #user-ui.logged {
        bottom: -40px
    }

    #user-ui.notlogged {
        bottom: -40px
    }

    #user-ui img {
        width: 30px
    }

    #user-ui h3 {
        margin-top: 10px
    }

    #user-ui ul {
        display: none
    }

    #user-ui #btn-register {
        display: none
    }

    #user-ui .btn-group {
        top: -4px
    }

    #user-ui .btn-inverse {
        margin: 5px 0 0 10px
    }

    #user-ui #logout {
        margin-top: 9px
    }

    .header-compact #user-ui {
        position: absolute;
        bottom: 10px;
        right: -40px;
        width: 140px
    }

    .header-compact #user-ui h3 {
        margin-top: 0;
        margin-bottom: 0
    }

    .header-compact #mainmenu {
        width: 150%
    }

    #featured {
        margin-bottom: 20px
    }

    #featured article {
        margin: 0 !important
    }

    #featured article .thumbnail {
        border: 0;
        padding: 0
    }

    #featured article .thumbnail>figure.large,
    #featured article .thumbnail>figure.medium,
    #featured article .thumbnail>figure.small {
        height: auto
    }

    #featured article .thumbnail>figure.large img,
    #featured article .thumbnail>figure.medium img,
    #featured article .thumbnail>figure.small img {
        width: 100%
    }

    #featured article .thumbnail>figure.large hgroup p {
        font-size: 13px;
        margin: 5px 5px 0
    }

    #featured article .thumbnail>figure.large hgroup h2 {
        font-size: 18px;
        margin: 0 5px 5px 5px
    }

    .summary {
        margin-left: 0
    }

    #activity-stream .activity .btn-action {
        position: absolute;
        right: 0;
        top: 33px
    }

    hr.separator {
        margin: 0
    }

    .chapter .caret {
        display: none
    }
}

@media (min-width: 767px) {
    #usercard {
        position: absolute;
        right: 35px
    }

    #usercard.coveroff {
        top: 35px
    }

    #usercard.coveron {
        top: 260px
    }

    .frame.card {
        box-shadow: 10px 10px 0 -4px rgba(0, 0, 0, .1), 0 0 1px #fff inset
    }

    .bullet-time {
        position: absolute;
        right: 0;
        top: 0
    }

    #form-search {
        width: 255px
    }

    #form-search input[type="submit"] {
        margin: 0
    }

    #social-connect-buttons {
        padding-top: 30px
    }
}

@media (max-width: 767px) {
    .media-viewer hr {
        margin: 5px 0 5px
    }

    .bullet-time-sep {
        display: block;
        margin-top: 10px;
        margin-bottom: 15px
    }

    body>#header {
        height: 55px
    }

    body>#header .head-ui {
        padding: 10px 0
    }

    body>#header .head-ui .svc-logo {
        text-align: center;
        margin: 0
    }

    body>#header .head-ui .svc-logo img {
        width: 180px
    }

    #theater .mpu-wrap {
        margin-top: 10px
    }

    #usercard {
        padding: 0;
        margin-bottom: 15px;
        box-shadow: none;
        border: 0
    }

    #usercard .thumbnail {
        margin: 0
    }

    .review-content {
        margin-left: 0 !important
    }

    .mpu embed {
        width: 300px;
        margin: 0 auto
    }

    body:not(.media-viewer) {
        background: #c7c7c6 url("/i/skin-light/pattern-bg.png") repeat scroll 50% 50% !important;
        box-sizing: border-box
    }

    body.media-viewer {
        padding: 0
    }

    body.media-viewer #user-ui {
        display: none
    }

    body.media-viewer .header-compact #mainmenu {
        width: auto
    }

    #story-page .story-rating,
    #story-page .story-plus,
    #story-page .story-moins {
        margin: 0
    }

    #story-page .story-rating ul,
    #story-page .story-plus ul,
    #story-page .story-moins ul {
        margin-right: 10px
    }

    #story-page .story-rating .rating {
        width: auto
    }

    .featured .item {
        max-height: 340px
    }
}

@media (min-width: 979px) {
    .river .thumbnail {
        float: left;
        margin: 0 12px 0 0
    }

    .navbar .nav>li>a,
    .navbar .nav>li>span,
    #platformjumper a,
    #platformjumper span {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .container {
        width: 940px
    }

    .thumbnail figure.small {
        max-height: 98px;
        max-width: 100%
    }

    .thumbnail figure.medium img {
        max-width: none
    }

    .thumbnail figure.big {
        max-width: none;
        max-height: 326px
    }

    .thumbnail figure.big img {
        max-width: none;
        margin-left: -150px
    }

    #featured {
        display: block
    }

    #featured .thumbnail figure.large {
        max-height: none
    }

    #featured .thumbnail figure.large img {
        max-width: none
    }

    #va-accordion {
        display: none
    }

    #skin {
        display: block;
        margin: 0 auto
    }

    #mantle_skin.hasSkin #main {
        background-color: #d8d6d3;
        padding-right: 20px;
        padding-left: 20px;
        width: 940px;
        margin: 0 auto;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }

    #mantle_skin.hasSkin #theater,
    #mantle_skin.hasSkin #subheader {
        margin: 0 auto;
        width: 940px
    }

    #mantle_skin.hasSkin #subheader {
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0
    }

    #mantle_skin.hasSkin #subheader+#main {
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        overflow: hidden
    }

    #mantle_skin.hasSkin #theater {
        padding-right: 20px;
        padding-left: 20px
    }

    #mantle_skin.hasSkin #theater+#main {
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px
    }

    #mantle_skin.hasSkin #leaderboard {
        margin: 0 auto;
        background: 0;
        border: 0
    }

    #mantle_skin.hasSkin #skin {
        display: block
    }

    canvas {
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

@media (max-width: 979px) {
    .bullet-time {
        float: none;
        text-align: center
    }

    #popular-search {
        display: none
    }

    .soluce-btn.prec span,
    .soluce-btn.next span {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #svctv {
        background: #151515
    }

    #news ul {
        width: 198px
    }

    #news ul li a {
        width: 163px
    }

    .svc-logo {
        margin-top: 2px
    }

    .game-data .accordion-content ul {
        width: 120px
    }

    body:not(.media-viewer) {
        background: #c7c7c6 url("/i/skin-light/pattern-bg.png") repeat scroll 50% 50% !important
    }

    #mantle_skin.hasSkin {
        background: none !important
    }

    #mantle_skin.hasSkin #leaderboard {
        display: none !important
    }

    #featured .small img {
        max-width: 100%
    }

    #featured figure.small {
        height: 78px
    }

    aside .video-thumbnail .thumbnail figure {
        max-height: 30px
    }

    #gamesCarousel .carousel-inner {
        height: 180px
    }

    #gamesCarousel .thumbnail {
        width: 90px
    }

    #gamesCarousel .game-content {
        margin-left: 115px
    }

    #gamesCarousel .item {
        width: 350px
    }

    #mainmenu .container {
        width: 724px
    }

    .write {
        float: right !important;
        width: 180px !important
    }

    .statBar {
        width: 14px
    }

    .river .thumbnail img {
        max-width: 190%
    }

    .thumbnail>figure.medium img {
        max-height: 186px;
        max-width: none
    }

    .thumbnail>figure.right img {
        float: right
    }

    .thumbnail>figure.left img {
        float: left
    }

    .row {
        margin-left: -20px;
        *zoom: 1;
        *zoom: 1
    }

    .row:before,
    .row:after {
        display: table;
        content: ""
    }

    .row:after {
        clear: both
    }

    .row:before,
    .row:after {
        display: table;
        content: ""
    }

    .row:after {
        clear: both
    }

    [class*="span"] {
        float: left;
        margin-left: 20px
    }

    .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px
    }

    .span12 {
        width: 724px
    }

    .span11 {
        width: 662px
    }

    .span10 {
        width: 600px
    }

    .span9 {
        width: 538px
    }

    .span8 {
        width: 476px
    }

    .span7 {
        width: 414px
    }

    .span6 {
        width: 352px
    }

    .span5 {
        width: 290px
    }

    .span4 {
        width: 228px
    }

    .span3 {
        width: 166px
    }

    .span2 {
        width: 104px
    }

    .span1 {
        width: 42px
    }

    .fspan12 {
        width: 709px
    }

    .fspan11 {
        width: 647px
    }

    .fspan10 {
        width: 585px
    }

    .fspan9 {
        width: 523px
    }

    .fspan8 {
        width: 461px
    }

    .fspan7 {
        width: 399px
    }

    .fspan6 {
        width: 337px
    }

    .fspan5 {
        width: 275px
    }

    .fspan4 {
        width: 213px
    }

    .fspan3 {
        width: 151px
    }

    .fspan2 {
        width: 89px
    }

    .fspan1 {
        width: 27px
    }

    .offset12 {
        margin-left: 764px
    }

    .offset11 {
        margin-left: 702px
    }

    .offset10 {
        margin-left: 640px
    }

    .offset9 {
        margin-left: 578px
    }

    .offset8 {
        margin-left: 516px
    }

    .offset7 {
        margin-left: 454px
    }

    .offset6 {
        margin-left: 392px
    }

    .offset5 {
        margin-left: 330px
    }

    .offset4 {
        margin-left: 268px
    }

    .offset3 {
        margin-left: 206px
    }

    .offset2 {
        margin-left: 144px
    }

    .offset1 {
        margin-left: 82px
    }

    .row-fluid {
        width: 100%;
        *zoom: 1;
        *zoom: 1
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: ""
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: ""
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%
    }

    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }

    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 714px
    }

    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 652px
    }

    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 590px
    }

    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 528px
    }

    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 466px
    }

    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 404px
    }

    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 342px
    }

    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 280px
    }

    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 218px
    }

    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 156px
    }

    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 94px
    }

    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 32px
    }

    .gamesList article img {
        width: 46px
    }

    #game .game-summary .medias .thumbnail {
        width: 80px
    }

    #press .review-chart table td {
        width: 15px
    }

    #press .review-chart table td div:not(.rating) {
        width: 12px
    }

    .story-rating {
        float: none;
        clear: both;
        width: 100%;
        overflow: hidden
    }

    .story-rating .rating {
        float: none;
        margin: 0 auto 20px;
        text-align: center
    }

    .mpuwrap {
        overflow: hidden
    }

    .mpuwrap object[height="600"] embed {
        height: 456px !important
    }

    .mpuwrap object[height="250"] embed {
        height: 190px !important
    }

    #review-list .review-content {
        margin-left: 0
    }

    #video-list.box .video-thumbnail .thumbnail {
        float: left;
        width: 60px;
        margin-right: 10px
    }

    #video-list.box .shift {
        margin-left: 74px
    }

    #gpMpu embed {
        height: 115px;
        width: 100%
    }
}

@media (min-width: 767px) {
    .ruler {
        margin: 0 -21px
    }

    .featured .large .hgroup p.title,
    .featured .big .hgroup p.title,
    .featured .huge .hgroup p.title {
        font-size: 30px;
        margin-bottom: 10px
    }

    .featured .large .hgroup p,
    .featured .big .hgroup p,
    .featured .huge .hgroup p {
        font-size: 18px;
        margin-bottom: 6px
    }

    .featured .huge .hgroup p.title {
        font-size: 42px;
        line-height: 40px
    }

    .featured .square img {
        margin-left: -150px
    }

    .navbar .nav>li>a,
    .navbar .nav>li>span {
        padding-left: 8px;
        padding-right: 8px
    }

    #platformjumper a,
    #platformjumper span {
        font-size: 80%;
        padding-left: 6px;
        padding-right: 6px
    }

    #accountjumper {
        display: none
    }

    .btn-mobile {
        display: none
    }

    #site-search-wrapper {
        position: absolute !important
    }

    #platformjumper {
        position: absolute;
        right: 0
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 0
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static
    }

    .navbar-fixed-top {
        margin-bottom: 18px
    }

    .navbar-fixed-bottom {
        margin-top: 18px
    }

    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 5px
    }

    .navbar .container {
        width: auto;
        padding: 0
    }

    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px
    }

    .nav-collapse {
        clear: both
    }

    .nav-collapse .nav {
        float: none;
        margin: 0 0 9px
    }

    .nav-collapse .nav>li {
        float: none
    }

    .nav-collapse .nav>li>a {
        margin-bottom: 2px
    }

    .nav-collapse .nav>.divider-vertical {
        display: none
    }

    .nav-collapse .nav .nav-header {
        color: #6b6b6b;
        text-shadow: none
    }

    .nav-collapse .nav>li>a,
    .nav-collapse .dropdown-menu a {
        padding: 6px 15px;
        font-weight: 400;
        color: #2d2d2d;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: 400;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .nav-collapse .dropdown-menu li+li a {
        margin-bottom: 2px
    }

    .nav-collapse .nav>li>a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-color: #787876
    }

    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0
    }

    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: block;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none
    }

    .nav-collapse .dropdown-menu .divider {
        display: none
    }

    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 9px 15px;
        margin: 9px 0;
        border-top: 1px solid #787876;
        border-bottom: 1px solid #787876;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0
    }

    .nav-collapse,
    .nav-collapse.collapse {
        overflow: hidden;
        height: 0
    }

    .navbar .btn-navbar {
        display: block
    }

    #mainmenu .dropdown-menu,
    #mainmenu .navbar-inner .dropdown-menu {
        padding: 0
    }

    #accountjumper {
        width: 100%
    }

    #accountjumper .dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        text-indent: -9999px;
    }

    #accountjumper .dropdown-toggle+.dropdown-menu {
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
        top: 46px
    }

    #accountjumper.open .dropdown-toggle {
        text-indent: -9999px;
    }

    #user-ui {
        display: none
    }

    #mainmenu.navbar .dropdown-menu a,
    #mainmenu.navbar .dropdown-menu span {
        padding: 10px 15px
    }

    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px
    }

    .navbar-collapse {
        background-color: #8c8c8b;
        background-image: -moz-linear-gradient(top, #9a9a9a, #787876);
        background-image: -ms-linear-gradient(top, #9a9a9a, #787876);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a9a9a), to(#787876));
        background-image: -webkit-linear-gradient(top, #9a9a9a, #787876);
        background-image: -o-linear-gradient(top, #9a9a9a, #787876);
        background-image: linear-gradient(top, #9a9a9a, #787876);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#787876', GradientType=0);
        border-color: #787876 #787876 #515150;
        border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
        *background-color: #787876;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
    }

    .navbar-collapse:hover,
    .navbar-collapse:active,
    .navbar-collapse.active,
    .navbar-collapse.disabled,
    .navbar-collapse[disabled] {
        background-color: #787876;
        *background-color: #6b6b6a
    }

    .navbar-collapse:active,
    .navbar-collapse.active {
        background-color: #5e5e5d \9
    }

    .navbar-collapse li {
        border-top: 1px solid #5e5e5d;
        -webkit-box-shadow: 0 1px 0 #919190 inset;
        -moz-box-shadow: 0 1px 0 #919190 inset;
        box-shadow: 0 1px 0 #919190 inset
    }

    .navbar-collapse:first-child {
        border: 0;
        box-shadow: none
    }

    .navbar-collapse li>a:hover,
    .navbar-collapse li>span:hover,
    .navbar-collapse .active>a,
    .navbar-collapse .active>span,
    .navbar-collapse .active>a:hover,
    .navbar-collapse .active>span:hover {
        color: #fff;
        text-decoration: none;
        background-color: transparent
    }

    .navbar-collapse .dropdown-toggle .caret {
        float: right
    }

    .navbar-collapse .dropdown-menu {
        position: static;
        float: none;
        background-image: none;
        background-color: #171717;
        border: 0 !important;
        margin-top: 0
    }

    .navbar-collapse .dropdown-menu li {
        border: 0;
        box-shadow: none
    }

    .navbar-collapse .dropdown-menu:before,
    .navbar-collapse .dropdown-menu:after {
        border: 0
    }

    #header {
        background-size: auto 100%
    }

    .navbar-search .search-query {
        margin: 10px 0;
        height: 30px
    }

    #site-search {
        padding: 0 12px;
        position: relative;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        margin-top: 10px 0
    }

    .navbar-search input[type="submit"] {
        margin: 0;
        right: 12px;
        box-sizing: border-box;
        border-radius: 0 3px 3px 0
    }

    #platformjumper {
        display: none
    }

    #sectionjumper>li>a {
        padding: 12px
    }

    .nav-mobile button {
        display: block;
        position: absolute;
        top: 10px;
        height: 30px;
        width: 40px;
        text-align: center;
        padding: 12px 10px;
        font-size: 13px;
        line-height: 19px;
        border: 0;
        background-color: transparent;
        background-image: url('/i/mobile-nav-buttons-sprite.png');
        background-repeat: no-repeat;
        text-indent: -9999px
    }

    .nav-mobile button:active,
    .nav-mobile button:focus {
        outline: 0
    }

    .btn-mobile-menu {
        left: 10px;
        right: auto;
        background-position: 0 0
    }

    .btn-mobile-menu.open {
        background-position: 0 -30px
    }

    .btn-mobile-account {
        right: 10px;
        left: auto;
        background-position: -40px 0
    }

    .btn-mobile-account.open {
        background-position: -40px -30px
    }

    .btn-mobile-plateforme {
        display: none
    }
}

@media (min-width: 768px) {
    .navbar-inner {
        min-height: 43px
    }

    .navbar-collapse.collapse {
        display: block;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar .nav>li {
        display: block;
        float: left
    }

    #sectionjumper>li {
        display: block;
        float: left;
        position: relative
    }

    #sectionjumper>li:after {
        content: '';
        display: block;
        height: 43px;
        width: 1px;
        position: absolute;
        top: 0;
        right: auto;
        left: 0;
        overflow: hidden;
        background-color: #fff;
        border-left: 1px solid #c9c9c9;
        opacity: .7;
        filter: alpha(opacity=70)
    }

    #sectionjumper>li:first-child {
        box-shadow: none;
        border: 0 !important
    }

    #sectionjumper>li:first-child:after {
        display: none
    }

    #mainmenu.navbar .dropdown-menu li {
        border-top: 1px solid #c9c9c9;
        box-shadow: 0 1px 0 #e6e6e6 inset
    }

    #platformjumper a,
    #platformjumper span {
        font-size: 11px;
        text-transform: none;
        position: relative
    }

    #platformjumper a:hover:after,
    #platformjumper span:hover:after {
        display: none
    }

    #platformjumper a strong,
    #platformjumper span strong {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, .3);
        width: 16px;
        display: inline-block;
        text-align: center;
        font-size: 16px;
        font-family: monospace;
        line-height: 16px;
        -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, .2) inset;
        -moz-box-shadow: 0 0 4px rgba(255, 255, 255, .2) inset;
        box-shadow: 0 0 4px rgba(255, 255, 255, .2) inset;
        margin-top: 0
    }

    #platformjumper li:first-child a:after,
    #platformjumper li:first-child span:after {
        display: none
    }

    #platformjumper>li>a:after,
    #platformjumper>li>span:after {
        content: '';
        display: block;
        height: 13px;
        width: 1px;
        position: absolute;
        top: 15px;
        right: auto;
        left: 0;
        overflow: hidden;
        background-color: #fff;
        border-left: 1px solid #c9c9c9;
        opacity: .7;
        filter: alpha(opacity=70)
    }

    #site-search-wrapper {
        left: 250px;
        top: -54px;
        position: absolute
    }

    #site-search-wrapper+li:after {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 980px) {

    #platformjumper>li>a,
    #platformjumper>li>span {
        padding: 12px 5px 11px
    }

    #site-search .search-query {
        width: 194px
    }

    #site-search .search-query+.btn-action {
        right: -85px;
        margin-top: 0
    }
}

@media (min-width: 980px) {
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important
    }

    .navbar .container {
        width: 940px;
        padding: 0
    }

    .navbar-search .search-query {
        width: 200px
    }

    .navbar-search input[type="submit"] {
        right: -40px;
        margin: 0
    }

    #site-search-wrapper {
        left: 350px;
        top: -61px;
        position: absolute
    }
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */