/*!* Bootstrap v2.1.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.*/
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 {
    width: auto \9;
    height: auto;
    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;
    line-height: 0;
    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: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff
}

a {
    color: #08c;
    text-decoration: none
}

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

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

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

.row:before, .row:after {
    display: table;
    line-height: 0;
    content: ""
}

.row:after {
    clear: both
}

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

.container, .navbar-static-top .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: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

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

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

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%
}

.row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%
}

.row-fluid .offset12:first-child {
    margin-left: 102.12765957446808%;
    *margin-left: 102.02127659574467%
}

.row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%
}

.row-fluid .offset11:first-child {
    margin-left: 93.61702127659574%;
    *margin-left: 93.51063829787232%
}

.row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%
}

.row-fluid .offset10:first-child {
    margin-left: 85.1063829787234%;
    *margin-left: 84.99999999999999%
}

.row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%
}

.row-fluid .offset9:first-child {
    margin-left: 76.59574468085106%;
    *margin-left: 76.48936170212764%
}

.row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%
}

.row-fluid .offset8:first-child {
    margin-left: 68.08510638297872%;
    *margin-left: 67.9787234042553%
}

.row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%
}

.row-fluid .offset7:first-child {
    margin-left: 59.574468085106375%;
    *margin-left: 59.46808510638297%
}

.row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%
}

.row-fluid .offset6:first-child {
    margin-left: 51.063829787234035%;
    *margin-left: 50.95744680851063%
}

.row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%
}

.row-fluid .offset5:first-child {
    margin-left: 42.5531914893617%;
    *margin-left: 42.4468085106383%
}

.row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%
}

.row-fluid .offset4:first-child {
    margin-left: 34.04255319148936%;
    *margin-left: 33.93617021276596%
}

.row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%
}

.row-fluid .offset3:first-child {
    margin-left: 25.53191489361702%;
    *margin-left: 25.425531914893618%
}

.row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%
}

.row-fluid .offset2:first-child {
    margin-left: 17.02127659574468%;
    *margin-left: 16.914893617021278%
}

.row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%
}

.row-fluid .offset1:first-child {
    margin-left: 8.51063829787234%;
    *margin-left: 8.404255319148938%
}

[class*=span].hide, .row-fluid [class*=span].hide {
    display: none
}

[class*=span].pull-right, .row-fluid [class*=span].pull-right {
    float: right
}

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

.container:before, .container:after {
    display: table;
    line-height: 0;
    content: ""
}

.container:after {
    clear: both
}

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

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

.container-fluid:after {
    clear: both
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #999
}

.text-warning {
    color: #c09853
}

.text-error {
    color: #b94a48
}

.text-info {
    color: #3a87ad
}

.text-success {
    color: #468847
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

h1 {
    font-size: 20px;
    line-height: 40px
}

h2 {
    font-size: 17px;
    line-height: 40px
}

h3 {
    font-size: 14px;
    line-height: 40px
}

h4 {
    font-size: 18px;
    line-height: 20px
}

h5 {
    font-size: 14px;
    line-height: 20px
}

h6 {
    font-size: 12px;
    line-height: 20px
}

h1 small {
    font-size: 24px
}

h2 small {
    font-size: 18px
}

h3 small {
    font-size: 14px
}

h4 small {
    font-size: 14px
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eee
}

ul, ol {
    padding: 0;
    margin: 0 0 10px 25px
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}

li {
    line-height: 20px
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none
}

dl {
    margin-bottom: 20px
}

dt, dd {
    line-height: 20px
}

dt {
    font-weight: 700
}

dd {
    margin-left: 10px
}

.dl-horizontal {
    *zoom: 1
}

.dl-horizontal:before, .dl-horizontal:after {
    display: table;
    line-height: 0;
    content: ""
}

.dl-horizontal:after {
    clear: both
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-left: 180px
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}

blockquote p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px
}

blockquote small {
    display: block;
    line-height: 20px;
    color: #999
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small {
    text-align: right
}

blockquote.pull-right small:before {
    content: ''
}

blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

q:before, q:after, blockquote:before, blockquote:after {
    content: ""
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px
}

code, pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, courier new, monospace;
    font-size: 12px;
    color: #333;
    -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: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    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: 20px
}

pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

form {
    margin: 0 0 20px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 15px;
    color: #999
}

label, input, button, select, textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

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: 20px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

input, textarea, .uneditable-input {
    width: 206px
}

textarea {
    height: auto
}

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-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;
    -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: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer
}

input[type=file], input[type=image], input[type=submit], input[type=reset], input[type=button], input[type=radio], input[type=checkbox] {
    width: auto
}

select, input[type=file] {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px
}

select {
    width: 220px;
    background-color: #fff;
    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
}

.uneditable-input, .uneditable-textarea {
    color: #999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #ccc;
    -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)
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

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

.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[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span], .row-fluid .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
}

.controls-row [class*=span] + [class*=span] {
    margin-left: 20px
}

input.span12, textarea.span12, .uneditable-input.span12 {
    width: 926px
}

input.span11, textarea.span11, .uneditable-input.span11 {
    width: 846px
}

input.span10, textarea.span10, .uneditable-input.span10 {
    width: 766px
}

input.span9, textarea.span9, .uneditable-input.span9 {
    width: 686px
}

input.span8, textarea.span8, .uneditable-input.span8 {
    width: 606px
}

input.span7, textarea.span7, .uneditable-input.span7 {
    width: 526px
}

input.span6, textarea.span6, .uneditable-input.span6 {
    width: 446px
}

input.span5, textarea.span5, .uneditable-input.span5 {
    width: 366px
}

input.span4, textarea.span4, .uneditable-input.span4 {
    width: 286px
}

input.span3, textarea.span3, .uneditable-input.span3 {
    width: 206px
}

input.span2, textarea.span2, .uneditable-input.span2 {
    width: 126px
}

input.span1, textarea.span1, .uneditable-input.span1 {
    width: 46px
}

.controls-row {
    *zoom: 1
}

.controls-row:before, .controls-row:after {
    display: table;
    line-height: 0;
    content: ""
}

.controls-row:after {
    clear: both
}

.controls-row [class*=span] {
    float: left
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

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
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #c09853;
    -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)
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 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
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #b94a48;
    -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)
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 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
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #468847;
    -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)
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 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
}

.control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline {
    color: #3a87ad
}

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
    color: #3a87ad
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: #3a87ad;
    -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)
}

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3
}

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1
}

.form-actions:before, .form-actions:after {
    display: table;
    line-height: 0;
    content: ""
}

.form-actions:after {
    clear: both
}

.help-block, .help-inline {
    color: #595959
}

.help-block {
    display: block;
    margin-bottom: 10px
}

.help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1
}

.input-append, .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    font-size: 14px;
    vertical-align: top;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
    z-index: 2
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc
}

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-append .active, .input-prepend .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 .add-on, .input-append .btn {
    margin-left: -1px
}

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

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.form-search .input-append .search-query, .form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 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;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
    display: none
}

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
    display: inline-block
}

.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: 10px
}

legend + .control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    line-height: 0;
    content: ""
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0
}

.form-horizontal .controls:first-child {
    *padding-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
    margin-top: 10px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.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: collapse;
    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, .table-bordered tfoot: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, .table-bordered tfoot: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-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #f5f5f5
}

table [class*=span], .row-fluid table [class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0
}

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

.table tbody tr.success td {
    background-color: #dff0d8
}

.table tbody tr.error td {
    background-color: #f2dede
}

.table tbody tr.warning td {
    background-color: #fcf8e3
}

.table tbody tr.info td {
    background-color: #d9edf7
}

.table-hover tbody tr.success:hover td {
    background-color: #d0e9c6
}

.table-hover tbody tr.error:hover td {
    background-color: #ebcccc
}

.table-hover tbody tr.warning:hover td {
    background-color: #faf2cc
}

.table-hover tbody tr.info:hover td {
    background-color: #c4e3f3
}

[class^=icon-], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/bootstrap/img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat
}

.icon-white, .nav-tabs > .active > a > [class^=icon-], .nav-tabs > .active > a > [class*=" icon-"], .nav-pills > .active > a > [class^=icon-], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^=icon-], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^=icon-], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^=icon-], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^=icon-], .dropdown-menu > .active > a > [class*=" icon-"] {
    background-image: url(/bootstrap/img/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 {
    width: 16px;
    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 {
    width: 16px;
    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
}

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

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -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: 9px 1px;
    *margin: -5 px05px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.dropdown-menu a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    white-space: nowrap
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #08c;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #08c;
    background-color: #0081c2;
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
    color: #999
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent
}

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

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " "
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px
}

.typeahead {
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -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;
    -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;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.collapse.in {
    height: auto
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 14px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    *border: 0;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    -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] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn:active, .btn.active {
    background-color: #ccc \9
}

.btn:first-child {
    *margin-left: 0
}

.btn:hover {
    color: #333;
    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;
    -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: 16px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-large [class^=icon-] {
    margin-top: 2px
}

.btn-small {
    padding: 3px 9px;
    font-size: 12px;
    line-height: 18px
}

.btn-small [class^=icon-] {
    margin-top: 0
}

.btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 17px
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, .75)
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .25)
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #006dcc;
    *background-color: #04c;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #fff;
    background-color: #04c;
    *background-color: #003bb3
}

.btn-primary:active, .btn-primary.active {
    background-color: #039 \9
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #faa732;
    *background-color: #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(to bottom, #fbb450, #f89406);
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    color: #fff;
    background-color: #f89406;
    *background-color: #df8505
}

.btn-warning:active, .btn-warning.active {
    background-color: #c67605 \9
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #da4f49;
    *background-color: #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(to bottom, #ee5f5b, #bd362f);
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a
}

.btn-danger:active, .btn-danger.active {
    background-color: #942a25 \9
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #5bb75b;
    *background-color: #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(to bottom, #62c462, #51a351);
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #fff;
    background-color: #51a351;
    *background-color: #499249
}

.btn-success:active, .btn-success.active {
    background-color: #408140 \9
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #49afcd;
    *background-color: #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(to bottom, #5bc0de, #2f96b4);
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #fff;
    background-color: #2f96b4;
    *background-color: #2a85a0
}

.btn-info:active, .btn-info.active {
    background-color: #24748c \9
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #363636;
    *background-color: #222;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    color: #fff;
    background-color: #222;
    *background-color: #151515
}

.btn-inverse:active, .btn-inverse.active {
    background-color: #080808 \9
}

button.btn, input[type=submit].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

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-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-link {
    color: #08c;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-link:hover {
    color: #005580;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover {
    color: #333;
    text-decoration: none
}

.btn-group {
    position: relative;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle
}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group + .btn-group {
    margin-left: 5px
}

.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0
}

.btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group {
    margin-left: 5px
}

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btn + .btn {
    margin-left: -1px
}

.btn-group > .btn, .btn-group > .dropdown-menu {
    font-size: 14px
}

.btn-group > .btn-mini {
    font-size: 11px
}

.btn-group > .btn-small {
    font-size: 12px
}

.btn-group > .btn-large {
    font-size: 16px
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px
}

.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 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 > .btn + .dropdown-toggle {
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 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)
}

.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px
}

.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 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: #04c
}

.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: 8px;
    margin-left: 0
}

.btn-mini .caret, .btn-small .caret, .btn-large .caret {
    margin-top: 6px
}

.btn-large .caret {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px
}

.dropup .btn-large .caret {
    border-top: 0;
    border-bottom: 5px solid #000
}

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

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.btn-group-vertical .btn {
    display: block;
    float: none;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical .btn + .btn {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical .btn:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.btn-group-vertical .btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.btn-group-vertical .btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.btn-group-vertical .btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    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
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.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-bottom: 20px;
    margin-left: 0;
    list-style: none
}

.nav > li > a {
    display: block
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > .pull-right {
    float: right
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    text-transform: uppercase
}

.nav li + .nav-header {
    margin-top: 9px
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0
}

.nav-list > li > a, .nav-list .nav-header {
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.nav-list > li > a {
    padding: 3px 15px
}

.nav-list > .active > a, .nav-list > .active > a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #08c
}

.nav-list [class^=icon-] {
    margin-right: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5 px05px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.nav-tabs, .nav-pills {
    *zoom: 1
}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
    display: table;
    line-height: 0;
    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;
    margin-right: 2px;
    line-height: 14px
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    margin-bottom: -1px
}

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.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: #08c
}

.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-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px
}

.nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px
}

.nav-tabs.nav-stacked > li > a:hover {
    z-index: 2;
    border-color: #ddd
}

.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 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #08c;
    border-bottom-color: #08c
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.nav > .dropdown.active > a:hover {
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}

.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: #999
}

.tabbable {
    *zoom: 1
}

.tabbable:before, .tabbable:after {
    display: table;
    line-height: 0;
    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-top-color: #ddd;
    border-bottom-color: transparent
}

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {
    border-color: transparent #ddd #ddd #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: #eee #ddd #eee #eee
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *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: #eee #eee #eee #ddd
}

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff
}

.nav > .disabled > a {
    color: #999
}

.nav > .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent
}

.navbar {
    *position: relative;
    *z-index: 2;
    margin-bottom: 20px;
    overflow: visible;
    color: #777
}

.navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065)
}

.navbar-inner:before, .navbar-inner:after {
    display: table;
    line-height: 0;
    content: ""
}

.navbar-inner:after {
    clear: both
}

.navbar .container {
    width: auto
}

.nav-collapse.collapse {
    height: auto
}

.navbar .brand {
    display: block;
    float: left;
    padding: 10px 20px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff
}

.navbar .brand:hover {
    text-decoration: none
}

.navbar-text {
    margin-bottom: 0;
    line-height: 40px
}

.navbar-link {
    color: #777
}

.navbar-link:hover {
    color: #333
}

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-right: 1px solid #fff;
    border-left: 1px solid #f2f2f2
}

.navbar .btn, .navbar .btn-group {
    margin-top: 5px
}

.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn {
    margin-top: 0
}

.navbar-form {
    margin-bottom: 0;
    *zoom: 1
}

.navbar-form:before, .navbar-form:after {
    display: table;
    line-height: 0;
    content: ""
}

.navbar-form:after {
    clear: both
}

.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
    margin-top: 5px
}

.navbar-form input, .navbar-form select, .navbar-form .btn {
    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
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0
}

.navbar-search .search-query {
    padding: 4px 14px;
    margin-bottom: 0;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.navbar-static-top {
    position: static;
    width: 100%;
    margin-bottom: 0
}

.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border-width: 0 0 1px
}

.navbar-fixed-bottom .navbar-inner {
    border-width: 1px 0 0
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding-right: 0;
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

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

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .1)
}

.navbar-fixed-bottom {
    bottom: 0
}

.navbar-fixed-bottom .navbar-inner {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1), 0 -1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1), 0 -1px 10px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1), 0 -1px 10px rgba(0, 0, 0, .1)
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0
}

.navbar .nav > li {
    float: left
}

.navbar .nav > li > a {
    float: none;
    padding: 10px 15px;
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #333;
    text-decoration: none;
    background-color: transparent
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125)
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-right: 5px;
    margin-left: 5px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #ededed;
    *background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
    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] {
    color: #fff;
    background-color: #e5e5e5;
    *background-color: #d9d9d9
}

.navbar .btn-navbar:active, .navbar .btn-navbar.active {
    background-color: #ccc \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 .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: ''
}

.navbar .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
    top: auto;
    bottom: -7px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, .2)
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    top: auto;
    bottom: -6px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #555;
    background-color: #e5e5e5
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #777;
    border-bottom-color: #777
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto
}

.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
    right: 13px;
    left: auto
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.navbar-inverse {
    color: #999
}

.navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #222222, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
    background-image: -webkit-linear-gradient(top, #222222, #111111);
    background-image: -o-linear-gradient(top, #222222, #111111);
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0)
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover {
    color: #fff
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    color: #fff;
    background-color: #111
}

.navbar-inverse .navbar-link {
    color: #999
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .divider-vertical {
    border-right-color: #222;
    border-left-color: #111
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #fff;
    background-color: #111
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #999;
    border-bottom-color: #999
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .navbar-search .search-query {
    color: #fff;
    background-color: #515151;
    border-color: #111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
    color: #ccc
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
    color: #ccc
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
    color: #ccc
}

.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
    padding: 5px 15px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
    border: 0;
    outline: 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)
}

.navbar-inverse .btn-navbar {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #0e0e0e;
    *background-color: #040404;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
    background-image: -webkit-linear-gradient(top, #151515, #040404);
    background-image: -o-linear-gradient(top, #151515, #040404);
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-image: -moz-linear-gradient(top, #151515, #040404);
    background-repeat: repeat-x;
    border-color: #040404 #040404 #000;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
    color: #fff;
    background-color: #040404;
    *background-color: #000
}

.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {
    background-color: #000 \9
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 1px 0 #fff;
    *zoom: 1
}

.breadcrumb .divider {
    padding: 0 5px;
    color: #ccc
}

.breadcrumb .active {
    color: #999
}

.pagination {
    height: 40px;
    margin: 20px 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    -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 ul > li {
    display: inline
}

.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 0 14px;
    line-height: 38px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f5f5f5
}

.pagination ul > .active > a, .pagination ul > .active > span {
    color: #999;
    cursor: default
}

.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover {
    color: #999;
    cursor: default;
    background-color: transparent
}

.pagination ul > li:first-child > a, .pagination ul > 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 ul > li:last-child > a, .pagination ul > 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: 20px 0;
    text-align: center;
    list-style: none;
    *zoom: 1
}

.pager:before, .pager:after {
    display: table;
    line-height: 0;
    content: ""
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager a, .pager span {
    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, .pager .next span {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a, .pager .disabled a:hover, .pager .disabled span {
    color: #999;
    cursor: default;
    background-color: #fff
}

.modal-open .modal .dropdown-menu {
    z-index: 2050
}

.modal-open .modal .dropdown.open {
    *z-index: 2050
}

.modal-open .modal .popover {
    z-index: 2060
}

.modal-open .modal .tooltip {
    z-index: 2080
}

.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;
    width: 560px;
    margin: -250px 0 0 -280px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .3);
    *border: 1 pxsolid #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 {
    top: -25%;
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-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
}

.modal.fade.in {
    top: 50%
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-body {
    max-height: 400px;
    padding: 15px;
    overflow-y: auto
}

.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;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.modal-footer:before, .modal-footer:after {
    display: table;
    line-height: 0;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.tooltip.top {
    margin-top: -3px
}

.tooltip.right {
    margin-left: 3px
}

.tooltip.bottom {
    margin-top: 3px
}

.tooltip.left {
    margin-left: -3px
}

.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;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 236px;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -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
}

.popover.top {
    margin-bottom: 10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-right: 10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover-content p, .popover-content ul, .popover-content ol {
    margin-bottom: 0
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow:after {
    z-index: -1;
    content: ""
}

.popover.top .arrow {
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top-color: #fff;
    border-width: 10px 10px 0
}

.popover.top .arrow:after {
    bottom: -1px;
    left: -11px;
    border-top-color: rgba(0, 0, 0, .25);
    border-width: 11px 11px 0
}

.popover.right .arrow {
    top: 50%;
    left: -10px;
    margin-top: -10px;
    border-right-color: #fff;
    border-width: 10px 10px 10px 0
}

.popover.right .arrow:after {
    bottom: -11px;
    left: -1px;
    border-right-color: rgba(0, 0, 0, .25);
    border-width: 11px 11px 11px 0
}

.popover.bottom .arrow {
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-width: 0 10px 10px
}

.popover.bottom .arrow:after {
    top: -1px;
    left: -11px;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-width: 0 11px 11px
}

.popover.left .arrow {
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-left-color: #fff;
    border-width: 10px 0 10px 10px
}

.popover.left .arrow:after {
    right: -1px;
    bottom: -11px;
    border-left-color: rgba(0, 0, 0, .25);
    border-width: 11px 0 11px 11px
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1
}

.thumbnails:before, .thumbnails:after {
    display: table;
    line-height: 0;
    content: ""
}

.thumbnails:after {
    clear: both
}

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a.thumbnail:hover {
    border-color: #08c;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, .25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, .25)
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #555
}

.label, .badge {
    font-size: 11.844px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999
}

.label {
    padding: 1px 4px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

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

.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: #333
}

.label-inverse[href], .badge-inverse[href] {
    background-color: #1a1a1a
}

.btn .label, .btn .badge {
    position: relative;
    top: -1px
}

.btn-mini .label, .btn-mini .badge {
    top: 0
}

@-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 {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: -moz-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(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', 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)
}

.progress .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    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: -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(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', 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;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress .bar + .bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15)
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.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, .progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-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(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0)
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-success .bar, .progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-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(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0)
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-info .bar, .progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-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(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0)
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-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(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0)
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.accordion {
    margin-bottom: 20px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -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 #e5e5e5
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel .item > img {
    display: block;
    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;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.carousel-control.right {
    right: 15px;
    left: auto
}

.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333;
    background: rgba(0, 0, 0, .75)
}

.carousel-caption h4, .carousel-caption p {
    line-height: 20px;
    color: #fff
}

.carousel-caption h4 {
    margin: 0 0 5px
}

.carousel-caption p {
    margin-bottom: 0
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    background-color: #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    color: inherit
}

.hero-unit p {
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

/*!* jQuery UI Bootstrap (0.22)
* jQuery UI 1.8.16
* http://addyosmani.github.com/jquery-ui-bootstrap
*
* Copyright 2012, Addy Osmani
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Portions copyright jQuery UI & Twitter Bootstrap*/
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

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

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui-helper-clearfix {
    display: inline-block
}

* html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block
}

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

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

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

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

.ui-widget {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 13px
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(/bootstrap/css/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
    color: #404040
}

.ui-widget-content a {
    color: #404040
}

.ui-widget-header {
    font-weight: 700;
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border: 1px solid #666
}

.ui-widget-header a {
    color: #222
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #fff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -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);
    -webkit-transition: .1s linear background-image;
    -moz-transition: .1s linear background-image;
    -ms-transition: .1s linear background-image;
    -o-transition: .1s linear background-image;
    transition: .1s linear background-image;
    overflow: visible
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    font-weight: 400;
    color: #212121
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-state-highlight p, .ui-state-error p, .ui-state-default p {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 7px 15px
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    position: auto;
    margin-bottom: 18px;
    color: #404040;
    background-color: #eedc94;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
    background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
    background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
    background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
    background-image: -o-linear-gradient(top, #fceec1, #eedc94);
    background-image: linear-gradient(top, #fceec1, #eedc94);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #eedc94 #eedc94 #e4c652;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25)
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    position: relative;
    margin-bottom: 18px;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/bootstrap/css/images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(/bootstrap/css/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/bootstrap/css/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(/bootstrap/css/images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/bootstrap/css/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(/bootstrap/css/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/bootstrap/css/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/bootstrap/css/images/ui-icons_f6cf3b_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(/bootstrap/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(/bootstrap/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    font-weight: 700
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

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

.ui-menu .ui-menu {
    margin-top: -3px
}

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

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: 400;
    background: #0064cd;
    color: #fff
}

.ui-button {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #fff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 5px 14px 6px;
    margin: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -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);
    -webkit-transition: .1s linear background-image;
    -moz-transition: .1s linear background-image;
    -ms-transition: .1s linear background-image;
    -o-transition: .1s linear background-image;
    transition: .1s linear background-image;
    overflow: visible
}

.ui-dialog-buttonset .ui-button:focus {
    outline: none
}

.ui-button-primary {
    color: #fff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.ui-button-success {
    color: #fff;
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #57a957 #57a957 #3d773d;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.ui-button-error {
    color: #fff;
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block
}

.ui-button-text-only .ui-button-text {
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
    display: none
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    top: 50%;
    margin-top: -3px;
    margin-bottom: 3px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-state-active {
    color: #fff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.4em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    color: #fff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs .ui-tabs-nav {
    background: 0 0;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
    border: 0
}

.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover {
    background: whiteSmoke;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    color: #00438a
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
    border-bottom: 1px solid #ddd
}

.ui-tabs .ui-tabs-nav li {
    text-decoration: none;
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    padding: 0 0 1px;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.ui-tabs-nav .ui-state-default {
    -webkit-box-shadow: 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    cursor: text;
    padding: 0 15px;
    margin-right: 2px;
    line-height: 34px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
    outline: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #fff;
    cursor: default;
    color: gray;
    outline: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
    background: #fff;
    outline: none
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
    color: #0069d6;
    background: 0 0;
    font-weight: 400;
    margin-bottom: -1px
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tabs-panel .ui-button {
    text-decoration: none
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.ui-tabs .ui-tabs-nav li {
    filter: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 0;
    font-weight: 700;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: gray
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
}

.ui-datepicker .ui-datepicker-next-hover {
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-datepicker th {
    font-weight: 700;
    color: gray
}

.ui-datepicker-today a:hover {
    background-color: gray;
    color: #fff
}

.ui-datepicker-today a {
    background-color: #bfbfbf;
    cursor: pointer;
    padding: 0 4px;
    margin-bottom: 0
}

.ui-datepicker td a {
    margin-bottom: 0;
    border: 0
}

.ui-datepicker td:hover {
    color: #fff
}

.ui-datepicker td .ui-state-default {
    border: 0;
    background: 0 0;
    margin-bottom: 0;
    padding: 5px;
    color: gray;
    text-align: center;
    filter: none
}

.ui-datepicker td .ui-state-active {
    background: #bfbfbf;
    margin-bottom: 0;
    font-size: normal;
    text-shadow: 0;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-datepicker td .ui-state-default:hover {
    background: #0064cd;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-progressbar {
    height: 2em;
    text-align: left
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
    color: #fff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

input, textarea {
    -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;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1)
}

input:focus, textarea:focus {
    outline: 0;
    border-color: rgba(82, 168, 236, .8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6)
}

input[type=file]:focus, input[type=checkbox]:focus, select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 1px dotted #666
}

input[type=text], input[type=password], .ui-autocomplete-input, textarea, .uneditable-input {
    display: inline-block;
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: gray;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.ui-toolbar {
    padding: 7px 14px;
    margin: 0 0 18px;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    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
}

.ui-dialog-buttonset .ui-button:nth-child(2) {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #fff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #fff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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);
    -webkit-transition: .1s linear all;
    -moz-transition: .1s linear all;
    -ms-transition: .1s linear all;
    -o-transition: .1s linear all;
    transition: .1s linear all;
    overflow: visible
}

div.wijmo-wijmenu {
    padding: 0 20px;
    background-color: #222;
    background-color: #222;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-image: -ms-linear-gradient(top, #333333, #222222);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1)
}

.wijmo-wijmenu .ui-state-default {
    box-shadow: none;
    color: #bfbfbf
}

.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text {
    color: #bfbfbf
}

.wijmo-wijmenu .ui-state-hover {
    background: #444;
    background: rgba(255, 255, 255, .05)
}

.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text {
    color: #fff
}

div.wijmo-wijmenu .ui-widget-header h3 {
    position: relative;
    margin-top: 1px;
    padding: 0
}

.wijmo-wijmenu h3 a {
    color: #fff;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    margin-left: -20px;
    margin-top: 1px;
    padding: 8px 20px 12px
}

.wijmo-wijmenu h3 a:hover {
    background-color: rgba(255, 255, 255, .05);
    color: #fff;
    text-decoration: none
}

.wijmo-wijmenu .ui-widget-header {
    border: 0
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
    padding: .3em 0
}

div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child {
    background: #333;
    border: 0;
    margin: 0;
    padding: 6px 0;
    width: 160px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

div.wijmo-wijmenu .wijmo-wijmenu-item {
    margin: 0;
    border: 0
}

.wijmo-wijmenu a.wijmo-wijmenu-link {
    margin: 0;
    line-height: 19px;
    padding: 10px 10px 11px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link {
    display: block;
    float: none;
    padding: 4px 15px;
    width: auto
}

div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text {
    float: none
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover {
    background: #191919
}

.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator {
    padding: 5px 0;
    background-image: none;
    background-color: #222;
    border-top: 1px solid #444;
    border-bottom: 0;
    border-left: 0;
    border-right: 0
}

.wijmo-wijmenu-horizontal .wijmo-wijmenu-child li.wijmo-wijmenu-separator {
    width: 96%;
    margin: 1px 2%
}

.wijmo-wijmenu .wijmo-wijmenu-item input {
    -moz-transition: none 0s ease 0s;
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid #111;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, .75);
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    line-height: 1;
    margin: 5px 10px 0;
    padding: 4px 9px;
    width: 100px
}

.wijmo-wijmenu .wijmo-wijmenu-item input:hover {
    background-color: rgba(255, 255, 255, .5);
    color: #fff
}

.wijmo-wijmenu .wijmo-wijmenu-item input:focus {
    background-color: #fff;
    border: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    color: #404040;
    outline: 0;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #fff
}

.wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    text-shadow: none
}

.wijmo-wijmenu .ui-state-default {
    box-shadow: none;
    color: #bfbfbf;
    filter: none
}

.fc {
    direction: ltr;
    text-align: left
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0
}

.fc .btn {
    line-height: 1.2em
}

html .fc {
    font-size: 1em
}

.fc table {
    font-size: 1em
}

.fc td, .fc th {
    padding: 1px;
    vertical-align: top
}

.fc-header td {
    white-space: nowrap
}

.fc-header-left {
    width: 25%;
    text-align: left
}

.fc-header-center {
    text-align: center
}

.fc-header-right {
    width: 25%;
    text-align: right
}

.fc-header-title {
    display: inline-block;
    vertical-align: top
}

.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap
}

.fc .fc-header-space {
    padding-left: 10px
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
    margin-right: -1px
}

.fc-header .fc-corner-right {
    margin-right: 1px
}

.fc-header .ui-corner-right {
    margin-right: 0
}

.fc-header .fc-state-hover, .fc-header .ui-state-hover {
    z-index: 2
}

.fc-header .fc-state-down {
    z-index: 3
}

.fc-header .fc-state-active, .fc-header .ui-state-active, .fc-header .ui-state-down {
    z-index: 4;
    background-color: #e6e6e6;
    background-color: #d9d9d9;
    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)
}

.fc-content {
    clear: both
}

.fc-view {
    width: 100%
}

.fc .ui-widget-header {
    border-color: #ddd;
    padding: 4px 0
}

thead th.fc-first {
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px
}

thead th.fc-last {
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px
}

.ui-state-highlight.fc-today {
    background: #f4f4f4;
    margin: 2px !important;
    border: 0;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.fc-button {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.fc-button-inner {
    position: relative;
    float: left;
    overflow: hidden
}

.fc-button-content {
    position: relative;
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 .6em;
    white-space: nowrap
}

.fc-button-content .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%
}

.fc-button-content .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%
}

.fc-state-default {
    border-style: solid;
    border-color: #ccc #bbb #aaa;
    background: #f3f3f3;
    color: #000
}

.fc-state-default .fc-button-effect {
    position: absolute;
    top: 50%;
    left: 0
}

.fc-state-default .fc-button-effect span {
    position: absolute;
    top: -100px;
    left: 0;
    width: 500px;
    height: 100px;
    border-width: 100px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    background: #444;
    opacity: .09;
    filter: alpha(opacity=9)
}

.fc-state-default .fc-button-inner {
    border-style: solid;
    border-color: #ccc #bbb #aaa;
    background: #f3f3f3;
    color: #000
}

.fc-state-hover {
    border-color: #999
}

.fc-state-hover .fc-button-inner {
    border-color: #999
}

.fc-state-down {
    border-color: #555;
    background: #777
}

.fc-state-down .fc-button-inner {
    border-color: #555;
    background: #777
}

.fc-state-active {
    border-color: #555;
    background: #777;
    color: #fff
}

.fc-state-active .fc-button-inner {
    border-color: #555;
    background: #777;
    color: #fff
}

.fc-state-disabled {
    color: #999;
    border-color: #ddd;
    cursor: default
}

.fc-state-disabled .fc-button-inner {
    color: #999;
    border-color: #ddd
}

.fc-state-disabled .fc-button-effect {
    display: none
}

.fc-event {
    border-style: solid;
    border-width: 0;
    font-size: .85em;
    cursor: default
}

a.fc-event, .fc-event-draggable {
    cursor: pointer
}

a.fc-event {
    text-decoration: none
}

.fc-rtl .fc-event {
    text-align: right
}

.fc-event-skin {
    border: 0
}

.fc-event-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0;
    overflow: hidden
}

.fc-event-time, .fc-event-title {
    padding: 0 1px
}

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px
}

.fc-event-hori .ui-resizable-e {
    top: 0 !important
}

table.fc-border-separate {
    border-collapse: separate
}

.fc-border-separate th, .fc-border-separate td {
    border-width: 1px 0 0 1px
}

.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
    border-right-width: 1px
}

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border-bottom-width: 1px
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0
}

.fc-grid th {
    text-align: center
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-rtl .fc-grid .fc-day-number {
    float: left
}

.fc-rtl .fc-grid .fc-event-time {
    float: right
}

.fc-agenda table {
    border-collapse: separate
}

.fc-agenda-days th {
    text-align: center
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: 400
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px
}

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0
}

.fc-agenda-allday th {
    border-width: 0 1px
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px
}

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee
}

.fc-agenda-slots th {
    border-width: 1px 1px 0
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: 0 0
}

.fc-agenda-slots td div {
    height: 20px
}

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0
}

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid
}

.fc-event-vert {
    border-width: 0 1px
}

.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden
}

.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px
}

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
    display: none
}

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important
}

@import "https://fonts.googleapis.com/css?family=Montserrat:200,300,500,400,700|Ubuntu:400,500,700";
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(255, 213, 1, .8)
}

.ui-menu {
    padding: 0;
    border-radius: 0;
    border: 1px solid #9c9c9c
}

.ui-menu a {
    font-weight: 700;
    color: #777
}

.ui-menu img {
    height: 45px;
    width: 45px;
    margin-right: 10px !important
}

.ui-menu .total a {
    padding: 10px 0 !important;
    font-size: 9pt !important;
    text-align: center;
    display: block;
    border-top: 1px solid #dcdcdc;
    font-weight: 700;
    background: #1f2020;
    color: #fff
}

.ui-menu .total a:hover {
    color: #fdc833 !important;
    background: #666 !important
}

.ui-menu .ui-menu-item a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 3px 11px;
    font-size: 9.5pt
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    color: #393939;
    background-color: #e5e5e5;
    font-weight: 700;
    cursor: pointer
}

.ag-modal {
    overflow: visible;
    width: 720px;
    height: 450px;
    margin-left: -360px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.ag-modal .shadow {
    margin-top: -9px;
    height: 9px;
    background: transparent url(/images/ag3/premium-content/modal-footer-shadow.png) repeat-x
}

.ag-modal .modal-header {
    margin: 0 0 0 15px;
    padding: 10px 0;
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dotted #bfbfbf
}

.ag-modal .modal-header .thumb {
    height: 45px;
    width: 45px;
    border: 1px solid #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left
}

.ag-modal .modal-header h3 {
    line-height: 1em;
    padding: 0;
    font-family: ubuntu, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    float: left
}

.ag-modal .modal-header .close {
    position: absolute;
    right: -19px;
    top: -19px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.ag-modal .modal-header .close img {
    display: block;
    width: 38px;
    height: 38px
}

.ag-modal .modal-body {
    height: 354px;
    overflow-y: hidden;
    padding: 5px 5px 10px 10px;
    font-family: helvetica neue, arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.ag-alert {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #333;
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 75px
}

.ag-alert h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.4em
}

.ag-alert.alert-error {
    background: #ffbbaf url(/images/ag3/icon-notify-error.gif) no-repeat -1.5% 77%;
    background-size: auto 133%
}

.ag-alert.alert-block {
    background: #ffe87f url(/images/ag3/icon-notify-warning.gif) no-repeat -5% 75%;
    background-size: auto 130%
}

.ag-alert.alert-success {
    background: #b4df7f url(/images/ag3/icon-notify-success.gif) no-repeat -1.5% 77%;
    background-size: auto 133%
}

#sovrn_container, #sovrn_beacon {
    position: absolute
}

/*!Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2013 Daniel Eden*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-in-up {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

div.hopscotch-bubble .hopscotch-nav-button {
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    text-decoration: none !important;
    width: auto;
    padding: 0 10px;
    height: 26px;
    line-height: 24px;
    font-size: 12px;
    *zoom: 1;
    white-space: nowrap;
    display: -moz-inline-stack;
    display: inline-block;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

div.hopscotch-bubble .hopscotch-nav-button:hover {
    *zoom: 1;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}

div.hopscotch-bubble .hopscotch-nav-button:active {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25) inset
}

div.hopscotch-bubble .hopscotch-nav-button.next {
    border-color: #1b5480;
    color: #fff;
    margin: 0 0 0 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
    background-color: #287bbc;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
    background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: linear-gradient(to bottom, #287bbc 0%, #23639a 100%)
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover {
    background-color: #2672ae;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e));
    background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
    background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
    background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
    background-image: linear-gradient(to bottom, #2672ae 0%, #1e4f7e 100%)
}

div.hopscotch-bubble .hopscotch-nav-button.prev {
    border-color: #a7a7a7;
    color: #444;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f2f2f2;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #f2f2f2 0%, #e9e9e9 100%)
}

div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
    background-color: #e8e8e8;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(13%, #e3e3e3), color-stop(32%, #d7d7d7), color-stop(71%, #b9b9b9), color-stop(100%, #a9a9a9));
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
    background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%)
}

div.hopscotch-bubble {
    background-color: #fff;
    border: 5px solid #000;
    border: 5px solid rgba(0, 0, 0, .5);
    color: #333;
    font-family: Helvetica, Arial;
    font-size: 13px;
    position: absolute;
    z-index: 999999;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box
}

div.hopscotch-bubble * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

div.hopscotch-bubble.animate {
    -moz-transition-property: top, left;
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: top, left;
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-property: top, left;
    -o-transition-duration: 1s;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-property: top, left;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: top, left;
    transition-duration: 1s;
    transition-timing-function: ease-in-out
}

div.hopscotch-bubble.invisible {
    opacity: 0
}

div.hopscotch-bubble.hide, div.hopscotch-bubble .hide, div.hopscotch-bubble .hide-all {
    display: none
}

div.hopscotch-bubble h3 {
    color: #000;
    font-family: Helvetica, Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin: -1px 15px 0 0;
    padding: 0
}

div.hopscotch-bubble .hopscotch-bubble-container {
    padding: 15px;
    position: relative;
    text-align: left;
    -webkit-font-smoothing: antialiased
}

div.hopscotch-bubble .hopscotch-content {
    font-family: Helvetica, Arial;
    font-weight: 400;
    line-height: 17px;
    margin: -5px 0 11px;
    padding-top: 8px
}

div.hopscotch-bubble .hopscotch-bubble-content {
    margin: 0 0 0 40px
}

div.hopscotch-bubble.no-number .hopscotch-bubble-content {
    margin: 0
}

div.hopscotch-bubble .hopscotch-bubble-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: #000;
    background: transparent url(https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/img/sprite-green.png) -192px -92px no-repeat;
    display: block;
    padding: 8px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    top: 0;
    right: 0
}

div.hopscotch-bubble .hopscotch-bubble-close.hide, div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
    display: none
}

div.hopscotch-bubble .hopscotch-bubble-number {
    background: transparent url(https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/img/sprite-green.png) 0 0 no-repeat;
    color: #fff;
    display: block;
    float: left;
    font-size: 17px;
    font-weight: 700;
    line-height: 31px;
    padding: 0 10px 0 0;
    text-align: center;
    width: 30px;
    height: 30px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container {
    position: absolute;
    width: 34px;
    height: 34px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow, div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
    width: 0;
    height: 0
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
    top: -22px;
    left: 10px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom: 17px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    position: relative;
    top: -10px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
    border-bottom: 17px solid #000;
    border-bottom: 17px solid rgba(0, 0, 0, .5);
    border-left: 17px solid transparent;
    border-right: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
    bottom: -39px;
    left: 10px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-top: 17px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    position: relative;
    top: -24px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
    border-top: 17px solid #000;
    border-top: 17px solid rgba(0, 0, 0, .5);
    border-left: 17px solid transparent;
    border-right: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
    top: 10px;
    left: -22px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
    border-bottom: 17px solid transparent;
    border-right: 17px solid #fff;
    border-top: 17px solid transparent;
    position: relative;
    left: 7px;
    top: -34px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
    border-right: 17px solid #000;
    border-right: 17px solid rgba(0, 0, 0, .5);
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
    top: 10px;
    right: -39px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
    border-bottom: 17px solid transparent;
    border-left: 17px solid #fff;
    border-top: 17px solid transparent;
    position: relative;
    left: -7px;
    top: -34px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
    border-left: 17px solid #000;
    border-left: 17px solid rgba(0, 0, 0, .5);
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent
}

div.hopscotch-bubble .hopscotch-actions {
    margin: 10px 0 0;
    text-align: right
}

body, html {
    height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* background: #222 url(/images/banner.png) repeat fixed;
    background-size: 10%; */
    background-color: #222;
}

ol, ul {
    list-style: none
}

a:hover {
    text-decoration: none
}

a.external .symbol {
    margin: -2px 0 2px 5px
}

#content-canvas {
    width: 100%;
    background: #fff;
    border: 0;
    padding: 0 0px
}

.rating-label {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyOGYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1NjMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #228f00), color-stop(100%, #156300));
    background-image: -moz-linear-gradient(#228f00, #156300);
    background-image: -webkit-linear-gradient(#228f00, #156300);
    background-image: linear-gradient(#228f00, #156300);
    border: 1px solid #360;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #1c7b00;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 5px;
    text-shadow: 0 1px 1px #111
}

article {
    margin-bottom: 10px
}

article .title {
    display: block;
    text-align: left;
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 1em;
    text-shadow: #eee 1px 1px 0;
    padding: 7px 9px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #e1e1e1;
    background-color: #e3e3e3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #b2b2b2));
    background-image: -moz-linear-gradient(#fdfdfd, #b2b2b2);
    background-image: -webkit-linear-gradient(#fdfdfd, #b2b2b2);
    background-image: linear-gradient(#fdfdfd, #b2b2b2)
}

article .title .icon {
    float: left;
    margin: -2px 7px 0 0
}

article a.title:hover {
    color: #074959;
    text-decoration: none;
    background-color: #e9fbff
}

article .content {
    overflow: hidden;
    *zoom: 1;
    background-color: #fff;
    padding: 10px 10px 0;
    border: 1px solid #e1e1e1;
    border-top: none;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

article .hr {
    height: 2px;
    margin: 0 0 12px;
    padding: 0;
    border-bottom: 1px solid #dadada
}

.rss-btn {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-indent: -9999em;
    width: 34px;
    height: 15px;
    background: url(/images/ag3/btn-rss.gif) no-repeat
}

.caret-left {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid #08c;
    content: ""
}

.caret-right {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #08c;
    content: ""
}

div.quest-banners {
    position: fixed;
    z-index: 2;
    top: -98px;
    left: 50%;
    margin-left: -480px;
    width: 993px
}

div.quest-banners div.quest-banner {
    text-align: left;
    background-image: url(/images/quest_complete_notification.png);
    width: 76px;
    height: 98px;
    position: relative;
    display: inline-block;
    margin: 0 5px
}

div.quest-banners div.quest-banner img {
    margin: 7px auto 0 11px;
    width: 54px;
    height: 54px
}

#quest-backdrop {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 2;
    display: none
}

#gamefilearea {
    z-index: 3
}

#quest-modal {
    overflow: visible;
    min-height: 130px
}

#quest-modal div.quest-banner {
    background-image: url(/images/quest_complete_notification_lg.png);
    position: absolute;
    top: 0;
    left: 20px;
    width: 100px;
    height: 119px;
    margin: 0
}

#quest-modal div.quest-banner img {
    margin: 7px auto 0 14px;
    width: 72px;
    height: 72px
}

#quest-modal .modal-header {
    margin-right: 30px;
    margin-left: 140px;
    padding-left: 0;
    border-bottom: 1px dotted #bfbfbf
}

#quest-modal .modal-header h3 {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-transform: uppercase;
    font-family: ubuntu, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 0 4px
}

#quest-modal .modal-header .close {
    position: absolute;
    right: -19px;
    top: -19px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

#quest-modal .modal-header .close img {
    display: block;
    width: 38px;
    height: 38px
}

#quest-modal .modal-body {
    margin-right: 30px;
    margin-left: 140px;
    padding-left: 0
}

#quest-modal .modal-body h2 {
    margin: 0 0 5px;
    line-height: 1em;
    font-size: 24px;
    font-weight: 700
}

#quest-modal .modal-body p {
    margin: 0 0 10px;
    font-family: helvetica neue, arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

.selectricWrapper {
    position: relative;
    margin: 0 0 10px;
    width: 300px;
    cursor: pointer
}

.selectricResponsive {
    width: 100%
}

.selectric {
    border: 1px solid #ddd;
    background: #f8f8f8;
    position: relative;
    border-radius: 2px
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 30px 0 0;
    padding: 6px;
    font-size: 12px;
    line-height: 18px;
    color: #444;
    min-height: 18px
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    color: #bbb;
    text-align: center;
    font: 0/0 a;
    *font: 20px/30 pxLucidaSansUnicode, ArialUnicodeMS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none
}

.selectricHover .selectric {
    border-color: #ccc
}

.selectricHover .selectric .button {
    color: #888
}

.selectricHover .selectric .button:after {
    border-top-color: #888
}

.selectricOpen {
    z-index: 9999
}

.selectricOpen .selectric {
    border-color: #ccc;
    background: #f0f0f0;
    z-index: 9999
}

.selectricOpen .selectricItems {
    display: block
}

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectricHideSelect select {
    position: absolute;
    left: -100%;
    display: none
}

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: 0 0 !important
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectricItems {
    display: none;
    position: absolute;
    overflow: auto;
    top: 100%;
    left: 0;
    background: #f9f9f9;
    border: 1px solid #ccc;
    z-index: 9998;
    -webkit-box-shadow: 0 0 10px -6px;
    box-shadow: 0 0 10px -6px
}

.selectricItems ul, .selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectricItems li {
    display: block;
    padding: 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    color: #666;
    cursor: pointer
}

.selectricItems li.selected {
    background: #efefef;
    color: #444;
    border-top-color: #e0e0e0
}

.selectricItems li:hover {
    background: #f0f0f0;
    color: #444
}

.selectricItems li.disabled {
    background: #f5f5f5;
    color: #bbb;
    border-top-color: #fafafa;
    cursor: default
}

.ag-select.selectricWrapper {
    width: auto;
    margin-top: 3px;
    margin-bottom: 11px;
    margin-left: 13px
}

.ag-select .selectric {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    background-color: transparent;
    border: none
}

.ag-select .selectric .label {
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    text-shadow: none;
    background-color: transparent;
    font-size: 13px;
    font-weight: 700;
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35);
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.ag-select .selectric .button {
    width: 15px;
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35);
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.ag-select .selectric .button:after {
    margin-top: 14px;
    border-top-color: #a5b2b9;
    border-top-color: rgba(0, 39, 59, .35);
    -moz-transition-property: border-top-color;
    -o-transition-property: border-top-color;
    -webkit-transition-property: border-top-color;
    transition-property: border-top-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.ag-select .selectricItems:focus {
    outline: none
}

.ag-select .selectricItems {
    border-color: #f0f0f0;
    background-color: #fff
}

.ag-select .selectricItems li {
    background-color: #fff;
    font-size: 13px;
    border-top: none
}

.ag-select .selectricItems li:hover {
    background-color: #f0f0f0
}

.ag-select .selectricItems .selected {
    background-color: #f0f0f0
}

.ag-select.selectricHover .selectric .label, .ag-select.selectricHover .selectric .button {
    color: #3f4549;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.ag-select.selectricHover .selectric .button:after {
    border-top-color: #3f4549;
    -moz-transition-property: border-top-color;
    -o-transition-property: border-top-color;
    -webkit-transition-property: border-top-color;
    transition-property: border-top-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.ag-modal {
    background: #fff none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: #000 0 0 10px;
    -webkit-box-shadow: #000 0 0 10px;
    box-shadow: #000 0 0 10px;
    position: fixed;
    padding: 0
}

.ag-modal .ui-dialog-title, .ag-modal .ui-icon {
    display: none
}

.ag-modal .ui-dialog-titlebar-close {
    display: block;
    width: 36px;
    height: 36px;
    background: transparent url(/images/mmo/modal-close.png) no-repeat left top;
    position: absolute;
    right: -18px;
    top: -18px
}

.ag-modal .ui-widget-content {
    border: none;
    background: 0 0
}

.ag-modal .ui-widget-header {
    border: none
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000 none;
    filter: alpha(opacity=50);
    opacity: .5
}

#page-404 section .content-404 {
    margin: 35px 0 50px;
    vertical-align: top;
    color: #333;
    text-align: center
}

#page-404 section .content-404 h2 {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    margin: 5px 0 20px !important
}

#page-404 section .content-404 p {
    font-family: helvetica neue, Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2em !important;
    margin: 0 0 .2em !important
}

#page-404 section .content-404 img.sushi-cat {
    height: 200px;
    width: auto
}

.ad-popunder {
    bottom: 0;
    position: absolute
}

.ad-leaderboard {
    text-align: center;
    width: 728px;
    min-height: 90px;
    margin: 13px auto;
    position: relative
}

.ad-leaderboard .ad-free-btn {
    padding: 0;
    border: none;
    background-color: transparent;
    position: absolute;
    bottom: -7px;
    right: -17px
}

.ad-leaderboard .ad-free-btn img {
    width: 24px;
    height: 80px
}

.ad-leaderboard .ad-free-btn:focus {
    outline: none
}

.ad-leaderboard.below-game {
    margin-top: 30px
}

.ad-super-leaderboard-66, .ad-large-leaderboard-66 {
    text-align: center;
    width: 970px;
    min-height: 66px;
    margin: 13px 0 13px -8px
}

.ad-super-leaderboard-90, .ad-large-leaderboard-90 {
    text-align: center;
    width: 970px;
    min-height: 90px;
    margin: 13px 0 13px -8px
}

.ad-billboard {
    text-align: center;
    width: 970px;
    min-height: 90px;
    margin: 13px 0 13px -8px
}

.ad-lrgrec {
    width: 336px;
    height: 280px;
    position: relative
}

.ad-lrgrec .ad-free-btn {
    padding: 0;
    border: none;
    background-color: transparent;
    position: absolute;
    bottom: -7px;
    right: -17px
}

.ad-lrgrec .ad-free-btn img {
    width: 24px;
    height: 80px
}

.ad-lrgrec .ad-free-btn:focus {
    outline: none
}

.ad-medrec {
    width: 300px;
    height: 250px
}

.ad-wide-skyscraper {
    width: 160px;
    height: 600px
}

.ad-video-wall {
    min-height: 200px
}

.ad-skin {
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

#page-home.borderless #content-canvas, #page-home.borderless #footer {
    border-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#google_ads_iframe, iframe.ad_iframe {
    position: absolute;
    margin-top: -1px
}

#profile-content {
    display: inline-block;
    float: right
}

.ag-nav {
    z-index: 9999;
    text-shadow: none !important;
    padding: 0;
    font-family: helvetica neue, sans-serif;
    margin: 0 auto 0 0px;
    width: 100%;
}

.ag-nav .active {
    background: #666
}

.ag-nav .top-banner {
    background: #fdc833;
    height: 62px;
    margin: 0;
    padding: 12px 25px;
    clear: both
}

.ag-nav .top-banner .icon {
    float: right;
    margin-top: 15px;
    padding: 8px;
    border: none;
    background: #2a2a2a
}

.ag-nav .top-banner img {
    margin: 0
}

.ag-nav .top-banner div.profile {
    background: #2a2a2a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: left;
    float: right;
    height: 30px;
    font-size: 8pt;
    margin-right: 10px;
    margin-top: 15px;
    padding: 0 4px 0 0;
    min-width: 190px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

.ag-nav .top-banner div.profile:hover .profile-caret {
    fill: #fdc833
}

.ag-nav .top-banner div.profile img {
    margin: 0 7px 0 0;
    height: 30px;
    width: 30px
}

.ag-nav .top-banner div.profile.user {
    padding: 0 5px 0 0;
    min-width: 160px;
    max-width: 220px;
    text-align: left;
    position: relative;
    cursor: default
}

.ag-nav .top-banner div.profile.user img.profile-caret {
    position: absolute;
    right: -20px;
    top: 1px
}

.ag-nav .top-banner div.profile.user:hover {
    background: #666
}

.ag-nav .top-banner div.profile.user a {
    text-decoration: none;
    display: inline-block;
    margin-right: 18px;
    color: #fff;
    line-height: 31px;
    height: 100%;
    max-width: 17ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-nav .top-banner div.profile.user a:hover {
    color: #fdc833;
    text-decoration: none
}

.ag-nav .top-banner div.profile .user-dropdown {
    position: relative;
    display: inline-block
}

.ag-nav .top-banner div.profile .user-dropdown-content {
    font-weight: 500;
    height: auto;
    background: #666;
    display: none;
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 1.88rem;
    padding: 4px 0 0 10px;
    max-width: 100%;
    z-index: 9999
}

.ag-nav .top-banner div.profile .user-dropdown-content ul {
    margin: 0;
    padding: 0 0 3px;
    text-align: left;
    width: auto
}

.ag-nav .top-banner div.profile .user-dropdown-content ul li {
    display: inline-block;
    width: 100%;
    height: 20px;
    margin: 0 !important;
    padding: 0 !important
}

.ag-nav .top-banner div.profile .user-dropdown-content ul li:first-child {
    margin-top: -20px !important
}

.ag-nav .top-banner div.profile .user-dropdown-content a {
    color: #fff;
    display: inline-block;
    width: 100%;
    text-decoration: none
}

.ag-nav .top-banner div.profile .user-dropdown-content a:hover {
    color: #fdc833
}

.ag-nav .top-banner div.profile:hover .user-dropdown-content {
    opacity: 1;
    display: block
}

.ag-nav .top-banner a.profile {
    background: #2a2a2a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: left;
    float: right;
    height: 30px;
    font-size: 8pt;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 15px;
    padding: 0 4px 0 0;
    text-decoration: none;
    text-transform: uppercase
}

.ag-nav .top-banner a.profile img {
    margin: 0 5px 0 0;
    height: 30px;
    width: auto
}

.ag-nav .top-banner a.profile.user {
    padding: 0 5px 0 0;
    width: 160px;
    text-align: center;
    font-weight: 400;
    position: relative
}

.ag-nav .top-banner a.profile.user:hover {
    background: #666
}

.ag-nav .top-banner a.profile.user-games {
    width: 80px;
    justify-content: center
}

.ag-nav .top-banner a.profile.user-games:hover {
    background: #666;
    color: #fdc833
}

.ag-nav .top-banner input {
    background: #fff;
    border: none;
    color: #666;
    float: right;
    font-size: 8pt;
    margin-top: 15px;
    padding: 0 15px;
    width: 86px;
    height: 30px;
    border-radius: 0
}

.ag-nav .top-banner input.login {
    margin-right: 5px;
    width: 75px
}

.ag-nav .top-banner input.search {
    width: 120px
}

.ag-nav .top-banner button.login, .ag-nav .top-banner a.create-account, .ag-nav .top-banner a.login {
    float: right;
    font-size: 8pt;
    margin-top: 15px;
    /* margin-left: -5px; */
    background: #2a2a2a;
    color: #fff;
    height: 30px;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 10px;
    padding: 0 10px;
}

.ag-nav .top-banner a.create-account {
    padding: 0 6px;
    background: #666;
    margin-left: -5px;
    margin-right: 5px;
    line-height: 32px
}

.ag-nav .top-banner a.create-account:hover {
    text-decoration: none
}

.ag-nav .top-banner a.login {
    padding: 0 6px;
    margin-left: -5px;
    margin-right: 10px;
    line-height: 32px
}

.ag-nav .top-banner a.login:hover {
    text-decoration: none
}

.ag-nav .top-banner .fb-login {
    float: right;
    margin: 15px 5px 0 0;
    border: none;
    height: 30px
}

.ag-nav .top-banner .btn-search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px
}

.ag-nav .nav {
    font-weight: 600;
    background: #2a2a2a;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.ag-nav .nav ul.nav-set {
    margin: 0;
    padding: 0
}

.ag-nav .nav ul.nav-set li {
    padding: 0;
    margin: 0 2px;
    display: inline-block
}

.ag-nav .nav .nav-item {
    padding: 0;
    margin: 0;
    display: inline
}

.ag-nav .nav .nav-item ul {
    margin: 0
}

.ag-nav .nav .nav-item a.nav-link {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 8.3pt;
    margin: 0;
    padding: 6px 11px;
    display: inline-block
}

.ag-nav .nav .nav-item a.nav-link:hover {
    color: #fdc833;
    background: #666
}

.ag-nav .nav .nav-item-dropdown {
    margin: 0;
    position: relative
}

.ag-nav .nav .nav-item-dropdown:hover {
    background: #666
}

.ag-nav .nav .nav-item-dropdown ul {
    list-style-type: none
}

.ag-nav .nav .nav-item-dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1
}

.ag-nav .nav .dropdown-link {
    position: relative
}

.ag-nav .nav .dropdown-menu {
    z-index: 9999;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    text-align: left;
    background: #666;
    position: absolute;
    top: 2rem;
    left: 0;
    display: none;
    opacity: 1;
    padding: 0 6px 4px 4px;
    min-width: 135px;
    margin: 0
}

.ag-nav .nav .dropdown-menu li {
    margin: 5px 0;
    padding: 10px 0;
    white-space: nowrap;
    width: 100%
}

.ag-nav .nav .dropdown-menu a {
    color: #fff;
    font-size: 8.3pt;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 2px 5px 4px;
    width: 100%;
    display: block;
    border: none
}

.ag-nav .nav li.dropdown-item {
    cursor: pointer;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%
}

.ag-nav .nav li.dropdown-item:hover a {
    color: #fdc833;
    background: 0 0
}

.ag-nav .nav li.dropdown-item:hover a:focus {
    background: 0 0;
    color: #fdc833
}

.ag-nav .nav .expanded {
    display: flex;
    position: absolute;
    left: -684px;
    background: #666;
    clear: both;
    width: 961px;
    font-weight: 400;
    padding: 5px 5px 15px 20px;
    text-align: left;
    text-transform: uppercase
}

.ag-nav .nav .expanded li {
    margin: 0;
    width: 100%
}

.ag-nav .nav .expanded a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-size: 8.3pt;
    color: #fff;
    font-weight: 500;
    padding: 3px 2px 2px 0
}

.ag-nav .nav .expanded a:hover {
    color: #fdc833;
    background: #666
}

.ag-nav .nav .expanded .divider {
    border-left: 1px solid #ccc;
    height: 95px;
    position: absolute;
    left: 215px;
    top: 4px
}

.ag-nav .nav .expanded h3 {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    font-size: 9.3pt !important;
    padding: 0;
    margin: 0;
    height: 33px
}

.ag-nav .nav .expanded .categories {
    display: inline-block;
    width: 600px
}

.ag-nav .nav .expanded .categories ul {
    width: 580px;
    margin: 0;
    list-style-type: none;
    -moz-column-count: 7;
    -moz-column-gap: 2px;
    -webkit-column-count: 7;
    -webkit-column-gap: 2px;
    column-count: 7;
    column-gap: 2px;
    display: block
}

.ag-nav .nav .expanded .categories ul li {
    padding-top: 3px;
    display: block;
    width: 100%
}

.ag-nav .nav .expanded .quests {
    display: inline-block;
    margin-left: 15px;
    width: 190px
}

.ag-nav .nav .expanded .quests ul {
    margin: 0;
    list-style-type: none;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px
}

.ag-nav .nav .expanded .quests ul li {
    padding-top: 3px
}

.ag-nav .nav .expanded .community {
    display: inline-block;
    margin-left: 15px;
    width: 130px
}

.ag-nav .nav .expanded .community ul {
    margin: 0;
    list-style-type: none
}

.ag-nav .nav .expanded .community ul li {
    padding-top: 3px
}

.ag-nav .nav .expanded .top-8 {
    width: 28%;
    float: left
}

.ag-nav .nav .expanded .top-8 a {
    text-decoration: underline
}

.ag-nav .nav .expanded .top-8 ul {
    padding-left: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.ag-nav .nav .expanded .top-8 ul li {
    padding-left: 0;
    margin-right: 0
}

.ag-nav .nav .expanded .more-all {
    width: 68%;
    float: left
}

.ag-nav .nav .expanded .more-all::after {
    clear: both
}

.ag-nav .nav .expanded .more-all ul {
    margin-left: 20px;
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4
}

div#social-login {
    display: none
}

div#social-login iframe {
    width: 655px;
    height: 255px
}

div#social-login iframe.fb-confirm {
    height: 263px
}

#page-generic #wrapper, #page-store #wrapper, #page-profile #wrapper, #page-category #wrapper, #page-achievements #wrapper, #page-guide #wrapper {
    padding-top: 0 !important
}

#page-generic #ag3-header, #page-store #ag3-header, #page-profile #ag3-header, #page-category #ag3-header, #page-achievements #ag3-header, #page-guide #ag3-header {
    margin-left: -11px
}

#page-generic #ag3-header .nav .expanded, #page-store #ag3-header .nav .expanded, #page-profile #ag3-header .nav .expanded, #page-category #ag3-header .nav .expanded, #page-achievements #ag3-header .nav .expanded, #page-guide #ag3-header .nav .expanded {
    left: -660px
}

#page-generic #ag3-header .nav-item .dropdown-menu, #page-store #ag3-header .nav-item .dropdown-menu, #page-profile #ag3-header .nav-item .dropdown-menu, #page-category #ag3-header .nav-item .dropdown-menu, #page-achievements #ag3-header .nav-item .dropdown-menu, #page-guide #ag3-header .nav-item .dropdown-menu {
    top: 2rem
}

#page-generic #ag3-header .nav-item a.nav-link, #page-store #ag3-header .nav-item a.nav-link, #page-profile #ag3-header .nav-item a.nav-link, #page-category #ag3-header .nav-item a.nav-link, #page-achievements #ag3-header .nav-item a.nav-link, #page-guide #ag3-header .nav-item a.nav-link {
    padding: 10px 7px 9px
}

#profile-content {
    display: none
}

.footer-sprite, .icon-google, .icon-twitter, .icon-facebook, .icon-tumblr {
    background-image: url(/images/sprites/footer-s8e16f190d9.png);
    background-repeat: no-repeat
}

.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.icon-google {
    background-position: 0 -16px
}

.icon-twitter {
    background-position: 0 -48px
}

.icon-facebook {
    background-position: 0 0
}

.icon-tumblr {
    background-position: 0 -32px
}

#footer-test {
    clear: both;
    width: 100%;
    border: 0;
    margin-top: 0;
    padding: 0;
    font-size: 9pt;
    font-family: helvetica neue, Helvetica, sans-serif
}

#footer-test .footer-top {
    height: 110px;
    display: flex;
    padding: 25px 0;
    justify-content: space-between;
    background: #2b2b2b;
    color: #fff
}

#footer-test .footer-top .logo {
    margin: 5px 0 0
}

#footer-test .footer-top .column {
    width: 300px;
    display: flex;
    justify-content: center
}

#footer-test .footer-top .column:first-child {
    justify-content: center;
    border-right: #fff 1px solid
}

#footer-test .footer-top .column:last-child {
    border-left: #ccc 1px solid;
    justify-content: left
}

#footer-test .footer-top .column.text-left {
    justify-content: center
}

#footer-test .footer-top .column ul {
    margin: 15px 0 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
}

#footer-test .footer-top .column ul li {
    margin-bottom: 10px
}

#footer-test .footer-top .column ul li a {
    text-transform: uppercase;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out
}

#footer-test .footer-top .column ul li a:hover {
    color: #fdc833
}

#footer-test .footer-top .column ul.social {
    margin: 15px 0 0 70px;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1
}

#footer-test .footer-top .column ul.social li.title {
    font-weight: 700
}

#footer-test .footer-top .column ul.social li svg {
    margin-right: 8px
}

#footer-test .footer-top .column ul.social li a {
    text-transform: none
}

#footer-test .footer-top .column img {
    width: 157px;
    height: 90px;
    margin: 0 auto
}

#footer-test .footer-top a {
    color: #fff
}

#footer-test .footer-bottom {
    background: #fdc833;
    text-align: center;
    padding: 15px 0
}

#footer-test .footer-bottom a {
    font-weight: 400;
    color: #000;
    display: inline-block;
    margin: 0 10px;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out
}

#footer-test .footer-bottom a:hover {
    color: #333
}

#brand-bar {
    height: 107px;
    background: #000 url(/images/ag3/bg-bar.png) repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 1em
}

#brand-bar .logo {
    float: left;
    margin: 15px 37px 0 18px
}

#brand-bar .links {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    margin: 25px 0 4px
}

#brand-bar .links .yahoo-link .symbol_sm {
    margin: 0 5px
}

#brand-bar .links a {
    color: #fff
}

#brand-bar .copyright {
    font-size: 11px;
    color: #fff
}

#brand-bar .copyright a {
    color: #fff
}

#brand-bar .feeds {
    display: inline-block;
    margin-top: 12px;
    font-size: 11px;
    color: #fff
}

#brand-bar .feeds span.desc {
    line-height: 25px;
    font-size: 15px;
    color: #666;
    font-size: bold;
    margin-right: 10px
}

#brand-bar .feeds a {
    color: #fff;
    margin-right: 5px
}

#brand-bar .feeds a .symbol {
    margin: -5px 5px -4px
}

#more-games {
    overflow: hidden;
    *zoom: 1;
    color: #343b44;
    margin: 26px 0 0;
    padding: 0 22px 20px 17px
}

#more-games .flash-games {
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dotted #bfbfbf;
    width: 483px;
    height: 78px
}

#more-games .flash-games .symbol {
    float: left
}

#more-games .flash-games .head {
    display: inline-block;
    margin: 19px 0 3px;
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 700
}

#more-games .flash-games .copy {
    font-size: 14px;
    font-weight: 700
}

#more-games .mobile-games {
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dotted #bfbfbf;
    width: 393px;
    height: 78px;
    float: right
}

#more-games .mobile-games .symbol {
    float: left;
    margin: 0 11px 0 0
}

#more-games .mobile-games .head {
    display: inline-block;
    margin: 19px 0 3px;
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 700
}

#more-games .mobile-games .copy {
    font-size: 14px;
    font-weight: 700
}

#more-games .links {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 25px;
    margin-top: 10px
}

#more-games .links .ios, #more-games .links .android {
    float: right
}

#more-games .links .ios .head, #more-games .links .android .head {
    font-size: 13px;
    line-height: 26px;
    font-weight: 700
}

#more-games .links .ios a, #more-games .links .android a {
    display: block;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    color: #343b44
}

#more-games .links .ios {
    width: 213px
}

#more-games .links .android {
    width: 180px
}

#more-games .links .flash {
    float: left;
    width: 483px;
    padding: 0;
    maring: 0
}

#more-games .links .flash a {
    padding: 0;
    maring: 0;
    display: block;
    width: 161px;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    color: #343b44
}

#more-games .about {
    clear: both
}

#more-games .about .about-ag {
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dotted #bfbfbf;
    width: 483px;
    float: left
}

#more-games .about .about-ag .head {
    margin: 10px 0;
    font-size: 24px;
    font-weight: 700
}

#more-games .about .devs {
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dotted #bfbfbf;
    width: 393px;
    float: right
}

#more-games .about .devs .head {
    height: 33px;
    margin: 0 0 7px
}

#more-games .about .devs-content {
    float: right;
    width: 393px;
    line-height: 1.2em;
    margin-top: 15px
}

#more-games .about .devs-content .head {
    font-size: 15px;
    font-weight: 700
}

#more-games .about .devs-content p {
    font-size: 12px
}

#more-games .about .about-ag-content {
    float: left;
    width: 483px;
    line-height: 1.2em;
    margin-top: 15px
}

#more-games .about .about-ag-content p {
    font-size: 12px;
    width: 316px
}

#more-games .about .about-ag-content .social {
    float: right
}

#more-games .about .about-ag-content .social a {
    display: block;
    font-size: 12px;
    margin-bottom: 10px
}

#more-games .about .about-ag-content .social a .icon {
    margin-top: -3px;
    margin-right: 5px
}

.social-sprite, .social-facebook, .social-twitter, .social-google {
    background-image: url(/images/sprites/social-sf0663efc67.png);
    background-repeat: no-repeat
}

.social-icon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 32px;
    height: 32px
}

.social-facebook {
    background-position: 0 0
}

.social-twitter {
    background-position: 0 -64px
}

.social-google {
    background-position: 0 -32px
}

.symbols-sprite, .type-joystick, .type-joystick2, .type-joystick4, .type-joystick3, .type-iphone, .type-logo, .type-logo2, .type-logo-lg, .type-rss, .type-buoy, .type-download, .type-flag, .type-heart, .type-heart-add, .type-heart-add-mono, .type-heart-broken, .type-share, .type-rate-up, .type-rate-up-selected, .type-rate-down, .type-rate-down-selected, .type-icon-facebook, .type-icon-twitter, .type-icon-google, .type-icon-email, .type-clock, .type-blackout, .type-fullscreen, .type-lights-out, .type-zen, .type-walkthrough, .type-ext-link, .type-ext-link-hover, .type-settings-silhouette, .type-settings-shield, .type-settings-heart, .type-settings-crown, .type-settings-coin, .type-friend-back, .type-close, .type-eye {
    background-image: url(/images/sprites/symbols-sb00ee812cf.png);
    background-repeat: no-repeat
}

.symbol {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.type-joystick {
    width: 16px;
    height: 18px;
    background-position: 0 -812px
}

.type-joystick2 {
    width: 68px;
    height: 78px;
    background-position: 0 -850px
}

.type-joystick4 {
    width: 17px;
    height: 20px;
    background-position: 0 -948px
}

.type-joystick3 {
    width: 15px;
    height: 18px;
    background-position: 0 -988px
}

.type-iphone {
    width: 80px;
    height: 78px;
    background-position: 0 -714px
}

.type-logo {
    width: 17px;
    height: 23px;
    background-position: 0 -1084px
}

.type-logo2 {
    width: 13px;
    height: 19px;
    background-position: 0 -1569px
}

.type-logo-lg {
    width: 15px;
    height: 21px;
    background-position: 0 -1608px
}

.type-rss {
    width: 17px;
    height: 17px;
    background-position: 0 -1295px
}

.type-buoy {
    width: 26px;
    height: 26px;
    background-position: 0 -58px
}

.type-download {
    width: 19;
    height: 18px;
    background-position: 0 -188px
}

.type-flag {
    width: 11px;
    height: 15px;
    background-position: 0 -321px
}

.type-heart {
    width: 16px;
    height: 13px;
    background-position: 0 -438px
}

.type-heart-add {
    width: 16px;
    height: 13px;
    background-position: 0 -471px
}

.type-heart-add-mono {
    width: 16px;
    height: 13px;
    background-position: 0 -504px
}

.type-heart-broken {
    width: 16px;
    height: 13px;
    background-position: 0 -537px
}

.type-share {
    width: 14px;
    height: 11px;
    background-position: 0 -1538px
}

.type-rate-up {
    width: 18px;
    height: 22px;
    background-position: 0 -1211px
}

.type-rate-up-selected {
    width: 18px;
    height: 22px;
    background-position: 0 -1253px
}

.type-rate-down {
    width: 18px;
    height: 22px;
    background-position: 0 -1127px
}

.type-rate-down-selected {
    width: 18px;
    height: 22px;
    background-position: 0 -1169px
}

.type-icon-facebook {
    width: 16px;
    height: 16px;
    background-position: 0 -606px
}

.type-icon-twitter {
    width: 16px;
    height: 16px;
    background-position: 0 -678px
}

.type-icon-google {
    width: 16px;
    height: 16px;
    background-position: 0 -642px
}

.type-icon-email {
    width: 16px;
    height: 16px;
    background-position: 0 -570px
}

.type-clock {
    width: 25px;
    height: 25px;
    background-position: 0 -104px
}

.type-blackout {
    width: 100px;
    height: 38px;
    background-position: 0 0
}

.type-fullscreen {
    width: 108px;
    height: 32px;
    background-position: 0 -387px
}

.type-lights-out {
    width: 90px;
    height: 38px;
    background-position: 0 -1026px
}

.type-zen {
    width: 40px;
    height: 40px;
    background-position: 0 -1707px
}

.type-walkthrough {
    width: 102px;
    height: 38px;
    background-position: 0 -1649px
}

.type-ext-link {
    width: 14px;
    height: 12px;
    background-position: 0 -226px
}

.type-ext-link:hover, .type-ext-link.external_link-hover {
    background-position: 0 -258px
}

.type-ext-link-hover {
    width: 14px;
    height: 12px;
    background-position: 0 -258px
}

.type-settings-silhouette {
    width: 25px;
    height: 22px;
    background-position: 0 -1496px
}

.type-settings-shield {
    width: 18px;
    height: 27px;
    background-position: 0 -1449px
}

.type-settings-heart {
    width: 22px;
    height: 18px;
    background-position: 0 -1411px
}

.type-settings-crown {
    width: 40px;
    height: 21px;
    background-position: 0 -1370px
}

.type-settings-coin {
    width: 17px;
    height: 18px;
    background-position: 0 -1332px
}

.type-friend-back {
    width: 23px;
    height: 11px;
    background-position: 0 -356px
}

.type-close {
    width: 19px;
    height: 19px;
    background-position: 0 -149px
}

.type-eye {
    width: 14px;
    height: 11px;
    background-position: 0 -290px
}

.dice-sprite, .d4-1, .d4-2, .d4-3, .d4-4, .d6-1, .d6-2, .d6-3, .d6-4, .d6-5, .d6-6, .d8-1, .d8-2, .d8-3, .d8-4, .d8-5, .d8-6, .d8-7, .d8-8, .d10-0, .d10-1, .d10-2, .d10-3, .d10-4, .d10-5, .d10-6, .d10-7, .d10-8, .d10-9, .d10-10, .d12-1, .d12-2, .d12-3, .d12-4, .d12-5, .d12-6, .d12-7, .d12-8, .d12-9, .d12-10, .d12-11, .d12-12, .d20-1, .d20-2, .d20-3, .d20-4, .d20-5, .d20-6, .d20-7, .d20-8, .d20-9, .d20-10, .d20-11, .d20-12, .d20-13, .d20-14, .d20-15, .d20-16, .d20-17, .d20-18, .d20-19, .d20-20 {
    background-image: url(/images/sprites/dice-s0bb7148001.png);
    background-repeat: no-repeat
}

.dice {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.d4 {
    width: 20px;
    height: 20px
}

.d4-1 {
    background-position: 0 -903px
}

.d4-2 {
    background-position: 0 -924px
}

.d4-3 {
    background-position: 0 -945px
}

.d4-4 {
    background-position: 0 -966px
}

.d6 {
    width: 20px;
    height: 20px
}

.d6-1 {
    background-position: 0 -987px
}

.d6-2 {
    background-position: 0 -1008px
}

.d6-3 {
    background-position: 0 -1029px
}

.d6-4 {
    background-position: 0 -1050px
}

.d6-5 {
    background-position: 0 -1071px
}

.d6-6 {
    background-position: 0 -1092px
}

.d8 {
    width: 20px;
    height: 20px
}

.d8-1 {
    background-position: 0 -1113px
}

.d8-2 {
    background-position: 0 -1134px
}

.d8-3 {
    background-position: 0 -1155px
}

.d8-4 {
    background-position: 0 -1176px
}

.d8-5 {
    background-position: 0 -1197px
}

.d8-6 {
    background-position: 0 -1218px
}

.d8-7 {
    background-position: 0 -1239px
}

.d8-8 {
    background-position: 0 -1260px
}

.d10 {
    width: 20px;
    height: 20px
}

.d10-0 {
    background-position: 0 0
}

.d10-1 {
    background-position: 0 -21px
}

.d10-2 {
    background-position: 0 -63px
}

.d10-3 {
    background-position: 0 -84px
}

.d10-4 {
    background-position: 0 -105px
}

.d10-5 {
    background-position: 0 -126px
}

.d10-6 {
    background-position: 0 -147px
}

.d10-7 {
    background-position: 0 -168px
}

.d10-8 {
    background-position: 0 -189px
}

.d10-9 {
    background-position: 0 -210px
}

.d10-10 {
    background-position: 0 -42px
}

.d12 {
    width: 20px;
    height: 20px
}

.d12-1 {
    background-position: 0 -231px
}

.d12-2 {
    background-position: 0 -315px
}

.d12-3 {
    background-position: 0 -336px
}

.d12-4 {
    background-position: 0 -357px
}

.d12-5 {
    background-position: 0 -378px
}

.d12-6 {
    background-position: 0 -399px
}

.d12-7 {
    background-position: 0 -420px
}

.d12-8 {
    background-position: 0 -441px
}

.d12-9 {
    background-position: 0 -462px
}

.d12-10 {
    background-position: 0 -252px
}

.d12-11 {
    background-position: 0 -273px
}

.d12-12 {
    background-position: 0 -294px
}

.d20 {
    width: 20px;
    height: 20px
}

.d20-1 {
    background-position: 0 -483px
}

.d20-2 {
    background-position: 0 -714px
}

.d20-3 {
    background-position: 0 -756px
}

.d20-4 {
    background-position: 0 -777px
}

.d20-5 {
    background-position: 0 -798px
}

.d20-6 {
    background-position: 0 -819px
}

.d20-7 {
    background-position: 0 -840px
}

.d20-8 {
    background-position: 0 -861px
}

.d20-9 {
    background-position: 0 -882px
}

.d20-10 {
    background-position: 0 -504px
}

.d20-11 {
    background-position: 0 -525px
}

.d20-12 {
    background-position: 0 -546px
}

.d20-13 {
    background-position: 0 -567px
}

.d20-14 {
    background-position: 0 -588px
}

.d20-15 {
    background-position: 0 -609px
}

.d20-16 {
    background-position: 0 -630px
}

.d20-17 {
    background-position: 0 -651px
}

.d20-18 {
    background-position: 0 -672px
}

.d20-19 {
    background-position: 0 -693px
}

.d20-20 {
    background-position: 0 -735px
}

.coins-sprite, .coin-heads-gold, .coin-tails-gold, .coin-heads-silver, .coin-tails-silver {
    background-image: url(/images/sprites/coins-s2a357d2dd9.png);
    background-repeat: no-repeat
}

.coin {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 50px;
    width: 50px
}

.coin-heads-gold {
    background-position: 0 0
}

.coin-tails-gold {
    background-position: 0 -100px
}

.coin-heads-silver {
    background-position: 0 -50px
}

.coin-tails-silver {
    background-position: 0 -150px
}

.symbols_sm-sprite, .type-joystick2_sm, .type-shield_sm, .type-joystick_sm, .type-logo_sm, .type-yahoo_sm, .type-fav_sm, .type-fave_sm, .type-users_sm, .type-posts_sm, .type-points_sm, .type-views_sm, .type-lock_sm {
    background-image: url(/images/sprites/symbols_sm-sf6c8ac17df.png);
    background-repeat: no-repeat
}

.symbol_sm {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.type-joystick2_sm {
    width: 10px;
    height: 13px;
    background-position: 0 -65px
}

.type-shield_sm {
    width: 10px;
    height: 13px;
    background-position: 0 -231px
}

.type-joystick_sm {
    width: 12px;
    height: 13px;
    background-position: 0 -32px
}

.type-logo_sm {
    width: 11px;
    height: 15px;
    background-position: 0 -131px
}

.type-yahoo_sm {
    width: 16px;
    height: 9px;
    background-position: 0 -357px
}

.type-fav_sm {
    width: 15px;
    height: 14px;
    background-position: 0 -264px
}

.type-fave_sm {
    width: 14px;
    height: 12px;
    background-position: 0 0
}

.type-users_sm {
    width: 11px;
    height: 10px;
    background-position: 0 -298px
}

.type-posts_sm {
    width: 11px;
    height: 10px;
    background-position: 0 -201px
}

.type-points_sm {
    width: 15px;
    height: 15px;
    background-position: 0 -166px
}

.type-views_sm {
    width: 11px;
    height: 9px;
    background-position: 0 -328px
}

.type-lock_sm {
    width: 9px;
    height: 13px;
    background-position: 0 -98px
}

.editor-sprite, .markItUpHeader ul .editor-icon-bold a, .markItUpHeader ul .editor-icon-clear a, .markItUpHeader ul .editor-icon-code a, .markItUpHeader ul .editor-icon-color-text > a, .markItUpHeader ul .editor-icon-italic a, .markItUpHeader ul .editor-icon-link a, .markItUpHeader ul .editor-icon-list-bullet a, .markItUpHeader ul .editor-icon-list-bulleted a, .markItUpHeader ul .editor-icon-list-numbered a, .markItUpHeader ul .editor-icon-pageview a, .markItUpHeader ul .editor-icon-photo a, .markItUpHeader ul .editor-icon-quote a, .markItUpHeader ul .editor-icon-dice a, .markItUpHeader ul .editor-icon-coin a, .markItUpHeader ul .editor-icon-size > a, .markItUpHeader ul .editor-icon-underline a {
    background-image: url(/images/sprites/editor-sca3c765c99.png);
    background-repeat: no-repeat
}

.markItUpHeader ul .editor-icon > a {
    width: 24px;
    height: 24px;
    padding: 0;
    margin-bottom: 3px;
    margin-right: 2px;
    filter: alpha(opacity=80);
    opacity: .8
}

.markItUpHeader ul .editor-icon-bold a {
    background-position: 0 0
}

.markItUpHeader ul .editor-icon-clear a {
    background-position: 0 -29px
}

.markItUpHeader ul .editor-icon-code a {
    background-position: 0 -58px
}

.markItUpHeader ul .editor-icon-color-text > a {
    background-position: 0 -116px
}

.markItUpHeader ul .editor-icon-color-text > ul {
    border-color: #333;
    z-index: 1
}

.markItUpHeader ul .editor-icon-color-text > ul > li > a:hover {
    background: #333
}

.markItUpHeader ul .editor-icon-italic a {
    background-position: 0 -174px
}

.markItUpHeader ul .editor-icon-link a {
    background-position: 0 -203px
}

.markItUpHeader ul .editor-icon-list-bullet a {
    background-position: 0 -232px
}

.markItUpHeader ul .editor-icon-list-bulleted a {
    background-position: 0 -261px
}

.markItUpHeader ul .editor-icon-list-numbered a {
    background-position: 0 -290px
}

.markItUpHeader ul .editor-icon-pageview a {
    background-position: 0 -319px
}

.markItUpHeader ul .editor-icon-photo a {
    background-position: 0 -348px
}

.markItUpHeader ul .editor-icon-quote a {
    background-position: 0 -377px
}

.markItUpHeader ul .editor-icon-dice a {
    background-position: 0 -145px
}

.markItUpHeader ul .editor-icon-coin a {
    background-position: 0 -87px
}

.markItUpHeader ul .editor-icon-size > a {
    background-position: 0 -406px
}

.markItUpHeader ul .editor-icon-size > ul {
    border-color: #333;
    z-index: 1
}

.markItUpHeader ul .editor-icon-size > ul > li {
    border-color: #333
}

.markItUpHeader ul .editor-icon-size > ul > li > a:hover {
    background: #333
}

.markItUpHeader ul .editor-icon-underline a {
    background-position: 0 -435px
}

.markItUpContainer .markItUpHeader ul .markItUpSeparator {
    text-indent: -10000px;
    margin: 4px 8px 2px;
    width: 1px;
    height: 18px;
    overflow: hidden;
    background-color: #ccc
}

.titles-sprite, .type-castle, .type-castle2, .type-knight, .type-knight2, .type-mail, .type-shield, .type-shield2, .type-sword, .type-quest-shield {
    background-image: url(/images/sprites/titles-se4bc78f7dc.png);
    background-repeat: no-repeat
}

.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

.type-castle {
    background-position: 0 0
}

.type-castle2 {
    background-position: 0 -36px
}

.type-knight {
    background-position: 0 -72px
}

.type-knight2 {
    background-position: 0 -108px
}

.type-mail {
    background-position: 0 -144px
}

.type-shield {
    background-position: 0 -217px
}

.type-shield2 {
    background-position: 0 -253px
}

.type-sword {
    background-position: 0 -289px
}

.type-quest-shield {
    width: 12px;
    height: 17px;
    background-position: 0 -180px
}

#hero {
    width: 622px;
    height: 412px;
    position: relative;
    overflow: hidden;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

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

#hero > #slider {
    margin: 0;
    border: 1px solid #000
}

#hero > #slider li:first-child .caption-bottom {
    bottom: 67px
}

#slider-nav {
    height: 84px;
    background: transparent url(/images/ag3/hero/active-thumb.png) no-repeat 0 0
}

#slider-nav ul {
    margin: 0;
    padding: 10px 0 0 9px;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

#slider-nav li {
    display: block;
    float: left;
    margin: 0 12px
}

#slider-nav li img {
    border: 1px solid #dadada;
    min-height: 60px;
    min-width: 60px
}

#slider-nav li span, #slider-nav li a {
    display: block;
    float: left;
    height: 62px
}

.slider-arrows {
    position: absolute;
    top: 90px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    font-weight: 700;
    height: 35px;
    width: 30px;
    -moz-box-shadow: #000 0 1px 5px;
    -webkit-box-shadow: #000 0 1px 5px;
    box-shadow: #000 0 1px 5px
}

.slider-arrows i {
    margin: 9px 0 0
}

#slider-arrow-left {
    border-left: none;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#slider-arrow-left i {
    margin-left: 7px
}

#slider-arrow-right {
    right: 0;
    border-right: none;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: right
}

#slider-arrow-right i {
    margin-right: 7px
}

.slider-arrows:hover {
    width: 35px;
    -moz-box-shadow: #333 0 3px 7px;
    -webkit-box-shadow: #333 0 3px 7px;
    box-shadow: #333 0 3px 7px
}

#slider-arrow-left:hover i {
    margin-left: 12px
}

#slider-arrow-right:hover i {
    margin-right: 12px
}

#slider .caption-bottom {
    padding: 12px 15px 0;
    width: 590px;
    height: 55px;
    line-height: 1em
}

#slider .caption-bottom .head {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1em;
    color: #fff;
    width: 390px;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#slider .caption-bottom .description {
    color: #fff;
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-family: Arial, helvetica neue, Helvetica, sans-serif
}

#slider .caption-bottom .stats {
    position: absolute;
    top: 7px;
    right: 0;
    padding: 0 20px 0 0
}

#slider .caption-bottom .rating-label {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    margin: 0 15px 0 0
}

#slider .caption-bottom .achievement-count {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    white-space: nowrap;
    padding-left: 17px;
    margin-right: 15px;
    line-height: 1.5em;
    font-size: 13px;
    font-weight: 700;
    color: #ffe033
}

#slider .caption-bottom .plays {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    white-space: nowrap;
    padding-left: 20px;
    line-height: 1.5em;
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

#slider {
    width: 620px;
    height: 320px;
    list-style: none;
    overflow: hidden
}

.anythingBase {
    max-width: 32766px
}

#slider img {
    width: 100%;
    height: 100%
}

#slider .panel {
    position: relative
}

#slider .caption-bottom {
    background: #000 none;
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 10;
    left: 0;
    bottom: 0
}

.caption-bottom .close {
    font-size: 80%;
    cursor: pointer;
    float: right;
    display: inline-block
}

div.anythingSlider .anythingWindow {
    border: none
}

div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
    background: #777;
    color: #000
}

div.anythingSlider .start-stop {
    background-color: #040;
    color: #fff
}

div.anythingSlider .start-stop.playing {
    background-color: #800
}

div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
    color: #ddd
}

div.anythingSlider.activeSlider .anythingWindow {
    border-color: #7c9127
}

div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
    background-color: #7c9127
}

div.anythingSlider .start-stop {
    background-color: #080;
    color: #fff
}

div.anythingSlider .start-stop.playing {
    background-color: #d00
}

div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
    color: #fff
}

div.anythingSlider {
    display: block;
    margin: 0 auto;
    overflow: visible !important;
    position: relative;
    padding: 0
}

div.anythingSlider .anythingWindow {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.anythingBase {
    background: 0 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.anythingBase .panel {
    background: 0 0;
    display: block;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0
}

div.anythingSlider .arrow {
    top: 50%;
    position: absolute;
    display: block
}

div.anythingSlider .arrow a {
    display: block;
    height: 140px;
    margin: -70px 0 0;
    width: 45px;
    text-align: center;
    outline: 0;
    background-repeat: no-repeat
}

div.anythingSlider .arrow a span {
    display: block;
    text-indent: -9999px
}

div.anythingSlider .back {
    left: 0
}

div.anythingSlider .back a {
    background-position: left top
}

div.anythingSlider .back a:hover, div.anythingSlider .back a.hover {
    background-position: left -140px
}

div.anythingSlider .back.disabled {
    display: none
}

div.anythingSlider .forward {
    right: 0
}

div.anythingSlider .forward a {
    background-position: right top
}

div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover {
    background-position: right -140px
}

div.anythingSlider .forward.disabled {
    display: none
}

div.anythingSlider .anythingControls {
    outline: 0;
    display: none
}

div.anythingSlider .anythingControls ul {
    margin: 0;
    padding: 0;
    float: left
}

div.anythingSlider .anythingControls ul li {
    display: inline
}

div.anythingSlider .anythingControls ul a {
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px 8px;
    height: 18px;
    margin: 0 5px 0 0;
    background-image: url(/images/default.png);
    background-position: center -288px;
    background-repeat: repeat-x;
    text-align: center;
    outline: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

div.anythingSlider .anythingControls ul a:hover {
    background-image: none
}

div.anythingSlider .anythingControls .anythingNavWindow {
    overflow: hidden;
    float: left
}

div.anythingSlider.rtl .anythingControls ul a {
    float: right
}

div.anythingSlider.rtl .anythingControls ul {
    float: left
}

div.anythingSlider.rtl .anythingWindow {
    direction: ltr;
    unicode-bidi: bidi-override
}

div.anythingSlider .start-stop {
    background-image: url(/images/default.png);
    background-position: center -288px;
    background-repeat: repeat-x;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    float: right;
    z-index: 100;
    outline: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
    background-image: none
}

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
    transition-duration: 0;
    -o-transition-duration: 0;
    -moz-transition-duration: 0;
    -webkit-transition-duration: 0
}

.anythingSlider {
    background-color: #ccc;
    border: 1px solid #000
}

#page-home .popover.popover-games {
    margin-left: -81px;
    margin-top: -3px
}

#page-home .popover.popover-games .popover-title {
    background: #54a30d;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YjgwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRmYTUwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #65b800), color-stop(100%, #4fa500));
    background-image: -moz-linear-gradient(#65b800, #4fa500);
    background-image: -webkit-linear-gradient(#65b800, #4fa500);
    background-image: linear-gradient(#65b800, #4fa500);
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-home .popover.popover-games .popover-title .symbol {
    margin-top: -4px;
    margin-right: 2px
}

#page-home .popover.popover-games .popover-content {
    font-size: 12px;
    line-height: 1.2em
}

#page-home .popover.popover-games .popover-content th {
    text-align: left;
    padding-right: 10px
}

#page-home .popover.popover-games .popover-content table {
    margin-bottom: 5px
}

#page-home .popover.popover-games .popover-content .description {
    max-height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-home .popover.popover-games .popover-content .description-full {
    max-height: none;
    margin-bottom: 5px
}

#page-home .popover.popover-games .popover-content img.hero {
    width: 208px;
    height: 107px
}

#page-home .popover.popover-games .popover-content .tags {
    max-height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px
}

#page-home .popover.popover-games.right {
    margin-left: -25px
}

#page-home .popover.popover-games.left {
    margin-left: -3px;
    margin-top: 0
}

#page-home .popover.popover-games.bottom {
    margin-top: 3px
}

#page-home .popover.popover-quests {
    width: 270px
}

#page-home .popover.popover-quests h3.popover-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    background-color: #dad4c4;
    background-image: url(/images/quest_icon.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-home .popover.popover-quests div.popover-content {
    font-size: 12px
}

#page-home .popover.popover-quests div.popover-content h4 {
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 5px;
    font-weight: 700
}

#page-home .popover.popover-quests div.popover-content table {
    margin-bottom: 5px
}

#page-home .popover.popover-quests div.popover-content td, #page-home .popover.popover-quests div.popover-content th {
    line-height: 1.4em
}

#page-home .popover.popover-quests div.popover-content th {
    padding-right: 5px;
    font-weight: 700;
    text-align: left
}

#page-home .popover.popover-quests div.popover-content .tags {
    margin-bottom: 5px
}

#page-home .popover.popover-quests div.popover-content .tags .label {
    line-height: 1.7em
}

#page-home .popover.popover-quests div.popover-content p {
    line-height: 17px;
    margin-bottom: 5px
}

#page-home .popover.popover-quests div.popover-content span.tag {
    text-transform: uppercase
}

#page-home .feature {
    overflow: hidden;
    *zoom: 1
}

#page-home .feature aside {
    width: 230px;
    margin-right: 16px
}

#page-home #hero {
    float: left
}

#page-home .homepage-random-area #ranking-icon {
    width: 14px;
    margin-right: 4px
}

#page-home .homepage-random-area .content {
    padding-right: 0;
    padding-bottom: 6px
}

#page-home .homepage-random-area .quest {
    outline: 0 solid gold;
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin: 0 12px 10px 0
}

#page-home .homepage-random-area .quest img {
    display: block;
    width: 60px;
    height: 60px
}

#page-home .homepage-random-area #hp-rank-quests {
    text-align: center;
    margin-left: 137px;
    float: left
}

#page-home .homepage-random-area #hp-rank-quests img {
    width: 12px;
    height: 14px
}

#page-home .homepage-random-area #hp-rank-score {
    text-align: center;
    margin-left: 35px;
    margin-right: 10px;
    float: left
}

#page-home .homepage-random-area #hp-rank-score img {
    width: 14px;
    height: 14px
}

#page-home .homepage-random-area .rank-id {
    font-size: 12px;
    width: 20px;
    max-width: 20px;
    display: block;
    float: left
}

#page-home .homepage-random-area .rank-username {
    font-size: 12px;
    font-weight: 700;
    width: 100px;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-home .homepage-random-area .rank-username a {
    color: none
}

#page-home .homepage-random-area .rank-quests {
    margin-left: 6px;
    font-size: 12px;
    width: 35px;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

#page-home .homepage-random-area .rank-quests a {
    color: none
}

#page-home .homepage-random-area .rank-score {
    margin-left: 6px;
    font-size: 12px;
    width: 50px;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

#page-home .homepage-random-area .rank-score a {
    color: none
}

#page-home .site-news .content {
    font-size: 12px;
    line-height: 1.4em
}

#page-home .site-news .content .featured-link {
    color: #333
}

#page-home .site-news .content .featured-link .head {
    color: #08c
}

#page-home .site-news .content .hero-image {
    width: 208px;
    min-height: 107px;
    margin-bottom: 5px
}

#page-home .site-news .content .head {
    font-weight: 700;
    max-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-home .site-news .content .date {
    margin-bottom: .8em
}

#page-home .site-news .content .body {
    margin-bottom: 1em;
    max-height: 6.8em;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-home .site-news .content .link {
    display: block;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 1.2em
}

#page-home .site-news .content .more {
    display: block;
    border-top: 1px solid #dadada;
    padding: 5px 0;
    margin-top: 10px;
    font-weight: 400
}

#page-home a.game {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 210px;
    height: 62px;
    overflow: visible;
    color: #000;
    margin: 0 5px 12px 0;
    position: relative
}

#page-home a.game .beta-flag {
    position: absolute;
    top: 1px;
    left: 1px
}

#page-home a.game .head {
    margin: 2px 0 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1em;
    max-height: 2.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

#page-home a.game .short_description {
    font-size: 12px;
    line-height: 1.1em
}

#page-home a.game .stats {
    margin-top: 0;
    border-collapse: separate
}

#page-home a.game .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

#page-home a.game .stats .plays, #page-home a.game .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

#page-home a.game .stats .plays .symbol_sm, #page-home a.game .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#page-home a.game .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

#page-home a.game .stats .rating img {
    margin-top: -2px
}

#page-home a.game .stats .first {
    border-left-width: 1px
}

#page-home a.game .tag, #page-home a.game .tag-category {
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 3px 5px 0 0;
    color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #3a87ad;
    text-shadow: #000 0 1px 2px;
    display: none
}

#page-home a.game .tag-category {
    display: block;
    float: left
}

#page-home a.game .tag-category:hover {
    color: gold
}

#page-home a.game.no-thmb-border .thumb {
    border-color: transparent
}

#page-home a.new .tag {
    display: block;
    float: left
}

#page-home a.new .tag.tag-new {
    background-color: gold;
    color: #000;
    font-weight: 700;
    text-shadow: #fff 0 1px 2px
}

#page-home a.game:hover .head {
    color: #3a87ad
}

#page-home section.games {
    overflow: hidden;
    *zoom: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
}

#page-home section.games .title {
    background-color: #e5e5e5 !important;
    border-left: 1px solid #c9c9c9 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    border-top: 1px solid #d0d0d0 !important;
    border-right: 1px solid #d0d0d0 !important
}

#page-home section.games section.new-games {
    overflow: hidden;
    *zoom: 1;
    width: 460px
}

#page-home section.games section.new-games article .title {
    width: auto
}

#page-home section.games section.new-games article .title .rss-btn {
    float: right
}

#page-home section.games section.new-games article .content {
    border: none;
    padding-right: 0;
    padding-bottom: 0;
    background: #fff url(/images/ag3/bgr-corner-large-02.png) no-repeat left -10px
}

#page-home section.games section.new-games article .head {
    width: 140px
}

#page-home section.games section.popular-games {
    width: 230px
}

#page-home section.games section.popular-games article .content {
    border: 1px solid e1e1e1;
    border-top: none;
    padding-right: 0;
    padding-bottom: 0;
    background: #e7f2fb
}

#page-home section.games section.popular-games article .content .game {
    width: 215px
}

#page-home section.games section.popular-games article .content .game .head {
    width: 145px
}

#page-home section.promos {
    margin: 0;
    overflow: hidden;
    *zoom: 1
}

#page-home section.promos .small-square {
    float: left;
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0 20px 0 0
}

#page-home section.promos .ad-medrec {
    float: left;
    margin: 0 10px
}

#page-home section.promos article.game-tags {
    width: 265px;
    float: left;
    background: #fff url(/images/ag3/bgr-corner-med-02.png) no-repeat top left;
    font-size: 11px;
    height: 200px;
    overflow: visible
}

#page-home section.promos article.game-tags .title, #page-home section.promos article.game-tags .content {
    background: 0 0;
    border: none
}

#page-home section.promos article.game-tags .content {
    padding: 0 10px;
    line-height: 1.4em
}

#page-home section.promos article.game-tags .level1 a {
    color: #6c727a
}

#page-home section.promos article.game-tags .level2 a {
    color: #303740
}

#page-home section.promos article.game-tags .level3 a {
    color: #101b28
}

#page-home section.promos article.game-tags .level4 a {
    color: #94bc71
}

#page-home section.promos article.game-tags .level5 a {
    color: #488f05
}

#page-home section.promos article.game-tags .level6 a {
    color: #f06f11
}

#page-home #categoryswitcher2 {
    margin-top: 15px;
    background: url(/images/ag3/bgr-corner-switcher.png) no-repeat;
    min-height: 300px;
    z-index: 1
}

#page-home #categoryswitcher2 #switcher {
    margin: 0;
    padding: 5px 0 0 10px;
    overflow: hidden;
    *zoom: 1
}

#page-home #categoryswitcher2 #switcher li {
    float: left;
    margin-right: 10px
}

#page-home #categoryswitcher2 #switcher a {
    display: block;
    height: 18px;
    padding: 4px 10px 0;
    color: #424242;
    font-size: 14px;
    text-shadow: #ccc 0 1px 0;
    font-weight: 700;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    line-height: 1em
}

#page-home #categoryswitcher2 #switcher a:hover, #page-home #categoryswitcher2 #switcher a.active {
    text-decoration: none;
    color: #f2f1f1;
    text-shadow: #111 0 -1px 0;
    background-color: #1e242d;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDc1MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlMjQyZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404753), color-stop(100%, #1e242d));
    background-image: -moz-linear-gradient(#404753, #1e242d);
    background-image: -webkit-linear-gradient(#404753, #1e242d);
    background-image: linear-gradient(#404753, #1e242d)
}

#page-home #categoryswitcher2 .content .group {
    display: none;
    padding: 15px 0 0 10px
}

#page-home #categoryswitcher2 .content .group .btn {
    margin-right: 15px
}

#page-home #categoryswitcher2 .content .active {
    display: block
}

#page-home #categoryswitcher2 a.game {
    width: 225px
}

#page-home article.ad-promoted-game {
    border: 1px solid #e1e1e1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    min-height: 194px
}

#page-home article.ad-promoted-game .title {
    border: none
}

#page-home article.ad-promoted-game .content {
    border: none
}

#page-home article.ad-promoted-game .ad > iframe {
    margin: 9px 0 5px 9px
}

#page-home a.premium-promo {
    display: block;
    margin-bottom: 10px
}

#page-home a.premium-promo img {
    width: 230px;
    height: 60px
}

#page-home a.goty-promo {
    display: block;
    margin-bottom: 10px;
    margin-left: 2px
}

#page-home a.goty-promo img {
    width: 228px;
    height: 188px
}

div.v3-4 article.site-news div.body {
    width: auto !important
}

div.v3-4 aside {
    width: 230px !important;
    margin-right: 16px
}

div.v3-4 section.games {
    margin: 0 !important
}

div.v3-4 section.games section.new-games {
    width: 460px !important
}

div.v3-4 section.games section.new-games div.title {
    width: auto !important
}

div.v3-4 section.games section.new-games div.title a.rss-btn {
    float: right
}

div.v3-4 section.games section.new-games a.game {
    width: 210px !important
}

div.v3-4 section.games section.new-games div.head {
    width: 140px !important
}

div.v3-4 section.games section.popular-games {
    width: 230px
}

div.v3-4 section.promos article.game-tags {
    width: 265px !important
}

div.v3-4 .ad-promoted-game .game .head, div.v3-4 .gotd-game .game .head {
    width: 140px !important
}

#page-home.premium div.v3-4 {
    margin-top: 15px
}

#page-home.premium .premium-thankyou {
    height: 60px;
    width: 707px;
    margin-bottom: 15px
}

a.btn-more-games {
    background: 0 0;
    border: 1px solid #dadada;
    color: #555;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    min-width: 140px;
    padding: 10px;
    text-align: center;
    transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    -ms-transition: all .3s ease-in-out !important;
    vertical-align: middle
}

a.btn-more-games i {
    margin-top: 2px
}

a.btn-more-games:hover {
    box-shadow: 0 1px 4px #999
}

#news-landing aside, #news-post aside {
    margin-top: 20px;
    padding: 15px 0;
    width: 330px;
    float: right;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#news-landing aside .ad-medrec, #news-post aside .ad-medrec {
    margin: auto
}

#news-landing aside .social, #news-post aside .social {
    width: 300px;
    margin: 15px auto 0
}

#news-landing aside .social header, #news-post aside .social header {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

#news-landing aside .social ul, #news-post aside .social ul {
    margin: 0
}

#news-landing aside .social li, #news-post aside .social li {
    display: block
}

#news-landing aside .ad-promoted-game, #news-post aside .ad-promoted-game {
    width: 300px;
    margin: 0 auto
}

#news-landing aside .related-posts, #news-post aside .related-posts {
    width: 300px;
    margin: 20px auto;
    background-color: #f7f7f7;
    padding: 10px 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: hidden
}

#news-landing aside .related-posts .nav-tabs, #news-post aside .related-posts .nav-tabs {
    font-size: 13px;
    margin: 0
}

#news-landing aside .related-posts .nav-tabs .spacer, #news-post aside .related-posts .nav-tabs .spacer {
    width: 15px
}

#news-landing aside .related-posts .tab-content, #news-post aside .related-posts .tab-content {
    background-color: #fff;
    padding: 20px 0 0 20px
}

#news-landing aside .related-posts .tab-content article, #news-post aside .related-posts .tab-content article {
    overflow: hidden;
    *zoom: 1;
    color: #a2a2a2;
    line-height: 1em;
    margin-bottom: 20px
}

#news-landing aside .related-posts .tab-content article a, #news-post aside .related-posts .tab-content article a {
    color: #7a7a7a
}

#news-landing aside .related-posts .tab-content article .thumb, #news-post aside .related-posts .tab-content article .thumb {
    display: block;
    float: left;
    margin-right: 10px;
    height: 40px;
    width: 65px;
    border: 1px solid #999
}

#news-landing aside .related-posts .tab-content article .thumb img, #news-post aside .related-posts .tab-content article .thumb img {
    height: 40px;
    width: 65px
}

#news-landing aside .related-posts .tab-content article .head, #news-post aside .related-posts .tab-content article .head {
    display: block;
    float: left;
    width: 200px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0;
    max-height: 2em
}

#news-landing aside .related-posts .tab-content article .info, #news-post aside .related-posts .tab-content article .info {
    display: block;
    overflow: hidden;
    *zoom: 1;
    float: left;
    width: 200px;
    margin: 8px 0 0;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 1em
}

#news-landing aside .related-posts .tab-content article .info time, #news-post aside .related-posts .tab-content article .info time {
    float: left
}

#news-landing aside .related-posts .tab-content article a:hover, #news-post aside .related-posts .tab-content article a:hover {
    color: #005580
}

#news-landing .news-body {
    overflow: hidden;
    *zoom: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f0f0f0;
    padding: 20px;
    margin: 0 1px 18px 2px
}

#news-landing .news-body .features {
    overflow: hidden;
    *zoom: 1;
    background-color: #fff;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 0
}

#news-landing .news-body .features a {
    margin: 0 8px;
    width: 279px;
    color: #000;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#news-landing .news-body .features a img {
    width: 279px;
    height: 144px
}

#news-landing .news-body .features a div {
    margin-top: 8px;
    text-align: left;
    font-size: 13px;
    line-height: 1.3em;
    font-weight: 700;
    font-family: Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis
}

#news-landing .news-body .latest-news {
    width: 560px
}

#news-landing .news-body .latest-news header {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1em;
    padding: 0;
    margin: 30px 0 8px;
    text-transform: uppercase
}

#news-landing .news-body .latest-news article {
    overflow: hidden;
    *zoom: 1;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 30px
}

#news-landing .news-body .latest-news article p {
    margin: 0
}

#news-landing .news-body .latest-news article a {
    color: #000
}

#news-landing .news-body .latest-news article .thumb {
    display: block;
    float: left;
    margin-right: 10px;
    height: 100px;
    width: 162px;
    border: 1px solid #333
}

#news-landing .news-body .latest-news article .thumb img {
    height: 100px;
    width: 162px
}

#news-landing .news-body .latest-news article .head {
    display: block;
    float: left;
    width: 383px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0
}

#news-landing .news-body .latest-news article .excerpt {
    display: block;
    float: left;
    width: 383px;
    font-family: Arial, sans-serif;
    font-size: 13px
}

#news-landing .news-body .latest-news article .info {
    display: block;
    overflow: hidden;
    *zoom: 1;
    float: left;
    width: 383px;
    margin: 10px 0 0;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1em
}

#news-landing .news-body .latest-news article .info time, #news-landing .news-body .latest-news article .info .comments, #news-landing .news-body .latest-news article .info .tags {
    float: left;
    border-right: 1px solid #000;
    padding: 0 7px
}

#news-landing .news-body .latest-news article .info *:first-child {
    padding-left: 0
}

#news-landing .news-body .latest-news article .info *:last-child {
    padding-right: 0;
    border: none
}

#news-landing .news-body .latest-news .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#news-landing .news-body .latest-news .pagination .disabled a {
    background-color: #fff
}

#news-landing .news-body .latest-news .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#news-landing .news-body .latest-news .pagi-container {
    text-align: center
}

#news-landing .news-body .latest-news .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

#news-landing .news-body .categories .btn {
    font-size: 13px;
    margin: 0 8px 15px 0
}

#news-post {
    font-size: 13px
}

#news-post .post {
    overflow: hidden;
    *zoom: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f0f0f0;
    padding: 20px;
    margin: 0 1px 18px 2px
}

#news-post .post aside {
    margin-top: 0
}

#news-post .post .article-pager {
    width: 560px;
    display: block;
    text-align: center;
    position: relative
}

#news-post .post .article-pager .news-prev, #news-post .post .article-pager .news-next {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: 38%;
    float: left;
    position: relative;
    padding-left: 8px
}

#news-post .post .article-pager .news-prev i, #news-post .post .article-pager .news-next i {
    top: 4px;
    left: 0;
    margin: 0;
    position: absolute
}

#news-post .post .article-pager .news-next {
    text-align: right;
    float: right;
    padding-left: 0;
    padding-right: 8px
}

#news-post .post .article-pager .news-next i {
    left: auto;
    right: 0
}

#news-post .post .article-pager .news-home {
    margin-top: -2px;
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#news-post .post .article-pager a:hover .caret-left {
    border-right-color: #005580
}

#news-post .post .article-pager a:hover .caret-right {
    border-left-color: #005580
}

#news-post .post article.main {
    width: 560px;
    line-height: 1.4em;
    font-size: 15px
}

#news-post .post article.main .social {
    min-height: 25px;
    margin-bottom: 10px
}

#news-post .post article.main .social .fb-like, #news-post .post article.main .social .twitter, #news-post .post article.main .social .pluseone {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#news-post .post article.main .social .fb-like {
    padding-right: 20px
}

#news-post .post article.main .social .twitter {
    padding-right: 10px
}

#news-post .post article.main h3 {
    margin-top: 25px
}

#news-post .post article.main h1 {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px
}

#news-post .post article.main .post-excerpt {
    font-weight: 700
}

#news-post .post article.main .hero {
    margin-bottom: 20px;
    width: 560px;
    height: 289px;
    overflow: hidden
}

#news-post .post article.main .hero img {
    width: 560px
}

#news-post .post article.main .post-body {
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px dotted #000
}

#news-post .post article.main .post-body ul {
    list-style: disc;
    list-style-position: outside
}

#news-post .post article.main .post-body ul li {
    margin-bottom: 8px
}

#news-post #comments {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    overflow: hidden;
    vertical-align: top;
    width: 540px;
    margin: 10px 0 0;
    padding: 10px
}

#news-post #comments.active {
    background-color: #fff;
    min-height: 175px;
    -moz-transition-property: min-height;
    -o-transition-property: min-height;
    -webkit-transition-property: min-height;
    transition-property: min-height;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#blog-page, #blog-page-guide {
    font-size: 13px
}

#blog-page .cap, #blog-page-guide .cap {
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px
}

#blog-page .ex-breadcrumb, #blog-page-guide .ex-breadcrumb {
    margin-left: 10px;
    font-weight: 700;
    color: #303740;
    float: left
}

#blog-page .ex-breadcrumb h1, #blog-page .ex-breadcrumb h2, #blog-page .ex-breadcrumb h3, #blog-page-guide .ex-breadcrumb h1, #blog-page-guide .ex-breadcrumb h2, #blog-page-guide .ex-breadcrumb h3 {
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 5px 0 0
}

#blog-page #social, #blog-page-guide #social {
    float: right;
    margin-right: 30px;
    margin-bottom: 0
}

#blog-page #social li, #blog-page-guide #social li {
    float: left;
    margin-left: 8px
}

#blog-page #social li a, #blog-page-guide #social li a {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999em
}

#blog-page #social li a.tooltip, #blog-page-guide #social li a.tooltip {
    opacity: 1;
    filter: alpha(opacity=100);
    position: static
}

#blog-page .page, #blog-page-guide .page {
    overflow: hidden;
    *zoom: 1;
    padding: 0 0 0 22px;
    margin: 0 1px 18px 2px
}

#blog-page .page aside, #blog-page-guide .page aside {
    margin-right: 22px;
    padding: 15px 0;
    width: 302px;
    float: right
}

#blog-page .page aside .ad-medrec, #blog-page-guide .page aside .ad-medrec {
    margin: auto
}

#blog-page .page aside .related-posts, #blog-page-guide .page aside .related-posts {
    width: 300px;
    margin: 20px auto;
    background-color: #f7f7f7;
    padding: 10px 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: hidden
}

#blog-page .page aside .related-posts .nav-tabs, #blog-page-guide .page aside .related-posts .nav-tabs {
    font-size: 13px;
    margin: 0
}

#blog-page .page aside .related-posts .nav-tabs .spacer, #blog-page-guide .page aside .related-posts .nav-tabs .spacer {
    width: 15px
}

#blog-page .page aside .related-posts .tab-content, #blog-page-guide .page aside .related-posts .tab-content {
    background-color: #fff;
    padding: 20px 0 0 20px
}

#blog-page .page aside .related-posts .tab-content article, #blog-page-guide .page aside .related-posts .tab-content article {
    overflow: hidden;
    *zoom: 1;
    color: #a2a2a2;
    line-height: 1em;
    margin-bottom: 20px
}

#blog-page .page aside .related-posts .tab-content article a, #blog-page-guide .page aside .related-posts .tab-content article a {
    color: #7a7a7a
}

#blog-page .page aside .related-posts .tab-content article .thumb, #blog-page-guide .page aside .related-posts .tab-content article .thumb {
    display: block;
    float: left;
    margin-right: 10px;
    height: 40px;
    width: 65px;
    border: 1px solid #999
}

#blog-page .page aside .related-posts .tab-content article .thumb img, #blog-page-guide .page aside .related-posts .tab-content article .thumb img {
    height: 40px;
    width: 65px
}

#blog-page .page aside .related-posts .tab-content article .head, #blog-page-guide .page aside .related-posts .tab-content article .head {
    display: block;
    float: left;
    width: 200px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0;
    max-height: 2em
}

#blog-page .page aside .related-posts .tab-content article .info, #blog-page-guide .page aside .related-posts .tab-content article .info {
    display: block;
    overflow: hidden;
    *zoom: 1;
    float: left;
    width: 200px;
    margin: 8px 0 0;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 1em
}

#blog-page .page aside .related-posts .tab-content article .info time, #blog-page-guide .page aside .related-posts .tab-content article .info time {
    float: left
}

#blog-page .page aside .related-posts .tab-content article a:hover, #blog-page-guide .page aside .related-posts .tab-content article a:hover {
    color: #005580
}

#blog-page .page article.main, #blog-page-guide .page article.main {
    width: 560px;
    line-height: 1.4em;
    font-size: 15px
}

#blog-page .page article.main h1, #blog-page-guide .page article.main h1 {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px
}

#blog-page .page article.main .page-body, #blog-page-guide .page article.main .page-body {
    overflow: auto;
    width: 565px
}

#blog-page .page article.main .page-body img, #blog-page-guide .page article.main .page-body img {
    max-width: none
}

#blog-page .page article.main .page-body ul, #blog-page-guide .page article.main .page-body ul {
    list-style: disc;
    list-style-position: outside;
    margin-top: 10px
}

#blog-page .page article.main .page-body ul li, #blog-page-guide .page article.main .page-body ul li {
    margin-bottom: 8px
}

#blog-page.formal div.ex-breadcrumb {
    margin-left: 25px
}

#blog-page.fullwidth .page {
    padding: 0;
    width: 950px
}

#blog-page.fullwidth article.main {
    width: 950px
}

#blog-page.fullwidth article.main .page-body {
    width: 950px
}

#goty {
    font-family: Arial, helvetica neue, Helvetica, sans-serif
}

#goty .ex-breadcrumb {
    font-weight: 700;
    color: #303740;
    font-size: 12px;
    margin: 12px 0 12px 20px;
    line-height: 1em
}

#goty .ex-breadcrumb h2 {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0;
    font-size: 1em;
    line-height: 1em
}

#goty .content {
    background-color: #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 35px;
    margin-bottom: 16px
}

#goty .content .content-inner {
    padding-bottom: 10px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

#goty .content .content-inner .ad-leaderboard {
    margin: 20px auto
}

#goty .content .content-inner .banner {
    padding-top: 10px;
    text-align: center;
    margin-bottom: 20px
}

#goty .content .content-inner .lead-in {
    text-align: center;
    color: #040606;
    font-size: 15px;
    width: 655px;
    margin: 5px auto 30px
}

#goty .content .content-inner .lead-in p {
    margin: 10px;
    line-height: 1.2em
}

#goty .content .content-inner .lead-in h1 {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1em;
    margin: 0
}

#goty .content .content-inner .lead-in h3 {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1em;
    margin: 5px 0;
    text-transform: uppercase
}

#goty .content .content-inner .lead-in .schedule {
    font-weight: 700
}

#goty .content .content-inner .voting-box {
    width: 850px;
    background: #e2f0fa url(/images/ag3/goty_2012/voting-box-bg.png) repeat;
    margin: auto;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 1px 6px 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 1px 6px 0 inset;
    box-shadow: rgba(0, 0, 0, .75) 0 1px 6px 0 inset;
    text-align: center;
    color: #333;
    padding: 27px 0 25px
}

#goty .content .content-inner .voting-box h2 {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1em;
    margin: 0;
    text-transform: uppercase
}

#goty .content .content-inner .voting-box .match-up {
    font-size: 15px;
    font-weight: 700;
    line-height: 1em;
    margin: 10px 0 0
}

#goty .content .content-inner .voting-box .contestants {
    margin: 25px 0 20px
}

#goty .content .content-inner .voting-box .contestants .contestant1, #goty .content .content-inner .voting-box .contestants .contestant2 {
    width: 292px;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#goty .content .content-inner .voting-box .contestants .contestant1 .poster img, #goty .content .content-inner .voting-box .contestants .contestant2 .poster img {
    width: 292px;
    height: 151px;
    border: 5px solid #666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #666
}

#goty .content .content-inner .voting-box .contestants .contestant1 .link, #goty .content .content-inner .voting-box .contestants .contestant2 .link {
    font-weight: 700;
    line-height: 2em
}

#goty .content .content-inner .voting-box .contestants .contestant1.highlight .poster img, #goty .content .content-inner .voting-box .contestants .contestant2.highlight .poster img {
    border-color: #378905
}

#goty .content .content-inner .voting-box .contestants .contestant1.highlight .link, #goty .content .content-inner .voting-box .contestants .contestant2.highlight .link {
    color: #378905
}

#goty .content .content-inner .voting-box .contestants .vs {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1em;
    text-transform: uppercase;
    margin-left: 10px;
    padding: 62px 20px 0
}

#goty .content .content-inner .voting-box .voting-form {
    display: block;
    margin-bottom: 30px
}

#goty .content .content-inner .voting-box .voting-form .btn {
    text-transform: uppercase;
    width: 200px;
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 22px;
    text-shadow: rgba(0, 0, 0, .75) 0 3px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 3px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 3px;
    border: none;
    background-color: #378905;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjZDE2NCIvPjxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjNDM5ZjBjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzc4OTA1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6cd164), color-stop(66%, #439f0c), color-stop(100%, #378905));
    background-image: -moz-linear-gradient(#6cd164, #439f0c 66%, #378905);
    background-image: -webkit-linear-gradient(#6cd164, #439f0c 66%, #378905);
    background-image: linear-gradient(#6cd164, #439f0c 66%, #378905)
}

#goty .content .content-inner .voting-box .skip {
    font-size: 17px;
    font-weight: 700
}

#goty .content .content-inner .voting-box .share {
    display: block;
    text-align: center;
    min-height: 67px;
    margin: 15px auto 0
}

#goty .content .content-inner .voting-box .share li {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    overflow: visible;
    margin-right: 20px
}

#goty .content .content-inner .voting-box .share li:last-child {
    margin: 0
}

#goty .content .content-inner .voting-box .share .facebook {
    min-width: 55px
}

#goty .content .content-inner .voting-box .share .twitter {
    min-width: 56px
}

#goty .content .content-inner .voting-box .share .google {
    min-width: 50px
}

#goty .content .content-inner .login-msg {
    visibility: hidden;
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 12px;
    font-weight: 700;
    text-shadow: #eee 1px 1px 0
}

#goty .content-category .match-up {
    margin-top: 0 !important
}

#goty .content-category .login-msg {
    margin-top: 9px
}

#goty .content-category .contestants {
    margin-top: 8px !important;
    margin-bottom: 0 !important
}

#goty .content-category .contestants .contestant {
    width: 162px;
    margin: 0 45px 45px;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#goty .content-category .contestants .contestant .poster img {
    width: 162px;
    height: 100px;
    border: 5px solid #666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff
}

#goty .content-category .contestants .contestant .link {
    margin: 8px 0 5px;
    font-weight: 700;
    line-height: 1em;
    height: 2em;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#goty .content-category .contestants .contestant.highlight .poster img {
    border-color: #378905
}

#goty .content-category .contestants .contestant.highlight .link {
    color: #378905
}

#goty .content-category .contestants .voting-form {
    margin-bottom: 0 !important
}

#goty .content-category .contestants .voting-form .btn {
    width: 140px !important;
    font-size: 19px !important;
    font-weight: 400;
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

#goty .content-results .match-up {
    margin-top: 0 !important
}

#goty .content-results .addthis_toolbox {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 100px;
    margin: 10px auto 0
}

#goty .content-results h3 {
    text-align: center;
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1.2em;
    margin: 0;
    text-transform: uppercase
}

#goty .content-results .head-to-head {
    margin-top: 60px
}

#goty .content-results .head-to-head .bracket {
    margin: 0 auto;
    width: 850px;
    height: 371px;
    background: #fff url(/images/ag3/goty_2012/bracket-bg.png) no-repeat left top;
    position: relative
}

#goty .content-results .head-to-head .bracket .intro {
    position: absolute;
    width: 100%;
    left: 0;
    top: -10px
}

#goty .content-results .head-to-head .bracket .winner-announced {
    text-align: center;
    margin-top: 0 !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1em;
    margin: 10px 0 0
}

#goty .content-results .head-to-head .bracket .date {
    position: absolute;
    line-height: 1em;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700
}

#goty .content-results .head-to-head .bracket .trophy {
    width: 12px;
    height: 12px;
    position: absolute
}

#goty .content-results .head-to-head .bracket .contestant {
    width: 60px;
    height: 60px;
    position: absolute
}

#goty .content-results .head-to-head .bracket .date-r1 {
    top: -30px;
    left: 0
}

#goty .content-results .head-to-head .bracket .winner-r1-c1 {
    top: 17px;
    left: 75px
}

#goty .content-results .head-to-head .bracket .r1-c1 {
    top: 5px;
    left: 5px
}

#goty .content-results .head-to-head .bracket .winner-r1-c2 {
    top: 99px;
    left: 75px
}

#goty .content-results .head-to-head .bracket .r1-c2 {
    top: 85px;
    left: 5px
}

#goty .content-results .head-to-head .bracket .date-r2 {
    top: 191px;
    left: 0
}

#goty .content-results .head-to-head .bracket .winner-r2-c1 {
    top: 239px;
    left: 75px
}

#goty .content-results .head-to-head .bracket .r2-c1 {
    top: 226px;
    left: 5px
}

#goty .content-results .head-to-head .bracket .winner-r2-c2 {
    top: 321px;
    left: 75px
}

#goty .content-results .head-to-head .bracket .r2-c2 {
    top: 306px;
    left: 5px
}

#goty .content-results .head-to-head .bracket .date-r3 {
    top: -30px;
    left: 779px
}

#goty .content-results .head-to-head .bracket .winner-r3-c1 {
    top: 17px;
    left: 763px
}

#goty .content-results .head-to-head .bracket .r3-c1 {
    top: 5px;
    left: 785px
}

#goty .content-results .head-to-head .bracket .winner-r3-c2 {
    top: 99px;
    left: 763px
}

#goty .content-results .head-to-head .bracket .r3-c2 {
    top: 85px;
    left: 785px
}

#goty .content-results .head-to-head .bracket .date-r4 {
    top: 191px;
    left: 779px
}

#goty .content-results .head-to-head .bracket .winner-r4-c1 {
    top: 239px;
    left: 763px
}

#goty .content-results .head-to-head .bracket .r4-c1 {
    top: 226px;
    left: 785px
}

#goty .content-results .head-to-head .bracket .winner-r4-c2 {
    top: 321px;
    left: 763px
}

#goty .content-results .head-to-head .bracket .r4-c2 {
    top: 306px;
    left: 785px
}

#goty .content-results .head-to-head .bracket .date-r5 {
    top: 176px;
    left: 143px
}

#goty .content-results .head-to-head .bracket .winner-r5-c1 {
    top: 119px;
    left: 219px
}

#goty .content-results .head-to-head .bracket .r5-c1 {
    top: 104px;
    left: 149px
}

#goty .content-results .head-to-head .bracket .winner-r5-c2 {
    top: 221px;
    left: 219px
}

#goty .content-results .head-to-head .bracket .r5-c2 {
    top: 208px;
    left: 149px
}

#goty .content-results .head-to-head .bracket .date-r6 {
    top: 176px;
    left: 635px
}

#goty .content-results .head-to-head .bracket .winner-r6-c1 {
    top: 119px;
    left: 619px
}

#goty .content-results .head-to-head .bracket .r6-c1 {
    top: 104px;
    left: 641px
}

#goty .content-results .head-to-head .bracket .winner-r6-c2 {
    top: 220px;
    left: 619px
}

#goty .content-results .head-to-head .bracket .r6-c2 {
    top: 208px;
    left: 641px
}

#goty .content-results .head-to-head .bracket .date-r7 {
    width: 200px;
    top: 90px;
    left: 325px;
    text-align: center
}

#goty .content-results .head-to-head .bracket .date-r7 .title {
    font-size: 18px;
    line-height: 1.2em
}

#goty .content-results .head-to-head .bracket .date-r7 .date-range {
    font-size: 13px
}

#goty .content-results .head-to-head .bracket .r7-c1 {
    top: 156px;
    left: 253px
}

#goty .content-results .head-to-head .bracket .r7-c2 {
    top: 156px;
    left: 533px
}

#goty .content-results .head-to-head .bracket .winner {
    width: 162px;
    height: 100px;
    top: 137px;
    left: 344px
}

#goty .content-results .categories {
    text-align: center;
    margin-top: 30px
}

#goty .content-results .categories .category {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 57px 45px;
    width: 285px
}

#goty .content-results .categories .category h4 {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    line-height: 1em
}

#goty .content-results .categories .category .date {
    text-align: center;
    font-size: 11px;
    line-height: 1em;
    margin: 0 0 5px
}

#goty .content-results .categories .category table {
    width: 100%
}

#goty .content-results .categories .category table tbody tr:last-child td {
    border-bottom: none
}

#goty .content-results .categories .category td {
    padding: 8px 0;
    line-height: 1.2em;
    vertical-align: middle;
    border-bottom: 1px dotted #bfbfbf
}

#goty .content-results .categories .category td.thumb {
    width: 30px;
    padding-left: 10px
}

#goty .content-results .categories .category td.thumb img {
    display: block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#goty .content-results .categories .category td.title {
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

#goty .content-results .categories .category td.title a {
    font-weight: 700
}

#goty .content-results .categories .category td.complete {
    width: 50px;
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #212121;
    white-space: nowrap
}

#goty .content-results .categories .category td.complete .trophy {
    margin: -2px 0 0 5px
}

#mobile-landing .ex-breadcrumb {
    font-weight: 700;
    color: #303740;
    font-size: 12px;
    margin: 12px 0 12px 20px;
    line-height: 1em
}

#mobile-landing .ex-breadcrumb h2 {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0;
    font-size: 1em;
    line-height: 1em
}

#mobile-landing .featured {
    overflow: hidden;
    *zoom: 1;
    padding-top: 0
}

#mobile-landing .featured .hero {
    float: left;
    margin: 0 0 0 20px
}

#mobile-landing .featured .hero img {
    width: 620px;
    height: 320px
}

#mobile-landing .featured .copy {
    width: 275px;
    float: right;
    margin: 0 13px 0 0
}

#mobile-landing .featured .title {
    font-size: 14px;
    font-weight: 700;
    color: #023b68;
    margin: 10px 0 0
}

#mobile-landing .featured h1 {
    font-size: 26px;
    font-weight: 700;
    color: #1e252f;
    margin: 10px 0 0;
    line-height: 1em
}

#mobile-landing .featured .description, #mobile-landing .featured .plays {
    font-size: 13px;
    color: #333;
    margin: 8px 0 0;
    line-height: 1.2em
}

#mobile-landing .featured .price {
    font-size: 16px;
    font-weight: 700;
    margin: 1em 0
}

#mobile-landing .featured .price .currency {
    font-size: 10px;
    text-transform: uppercase
}

#mobile-landing .featured .goto {
    float: left
}

#mobile-landing .games-list {
    margin: 20px 15px 30px 20px
}

#mobile-landing .games-list .row {
    padding: 20px 0 0;
    margin: 0 0 15px;
    border-top: 1px dotted #bfbfbf;
    overflow: hidden;
    *zoom: 1
}

#mobile-landing .games-list .row .game {
    display: block;
    float: left;
    margin: 0 15px 0 0;
    color: #000;
    text-decoration: none
}

#mobile-landing .games-list .row .game .thumb {
    height: 100px;
    width: 162px;
    margin: 0 0 4px
}

#mobile-landing .games-list .row .game .title {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 0 4px;
    width: 165px;
    line-height: 1em
}

#mobile-landing .games-list .row .game .price {
    font-size: 11px;
    margin: 0 0 0 4px;
    line-height: 1.2em
}

#mobile-landing .games-list .row .game .price .currency {
    text-transform: uppercase
}

#mobile-landing .games-list .row .last {
    margin-right: 0
}

#mobile-landing .games-list .row a:hover {
    color: #126ac3
}

#mobile-landing .games-list .support-info {
    padding-top: 5px;
    text-align: center
}

#mobile-landing .games-list .support-info h3 {
    margin: 3px 0;
    padding: 0
}

#mobile-landing .games-list .support-info p {
    font-size: 15px
}

#mobile-landing .games-list .support-info p .support-btn {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 5px;
    color: #fff;
    padding: 4px 8px;
    background: -moz-linear-gradient(top, #5085bb 0%, #356aa0);
    background: -webkit-gradient(linear, left top, left bottom, from(#5085bb), to(#356aa0));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #335270;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 transparent;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 transparent;
    text-shadow: 0 -1px 2px #000, 0 -1px 0 transparent
}

#tag-page #content-canvas, #all-tags-page #content-canvas {
    padding-bottom: 15px
}

#tag-page .cap, #all-tags-page .cap {
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px
}

#tag-page .ex-breadcrumb, #all-tags-page .ex-breadcrumb {
    margin-left: 10px;
    font-weight: 700;
    color: #303740;
    float: left
}

#tag-page .ex-breadcrumb h1, #tag-page .ex-breadcrumb h2, #tag-page .ex-breadcrumb h3, #all-tags-page .ex-breadcrumb h1, #all-tags-page .ex-breadcrumb h2, #all-tags-page .ex-breadcrumb h3 {
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 5px 0 0
}

#tag-page #social, #all-tags-page #social {
    float: right;
    margin-right: 30px;
    margin-bottom: 0
}

#tag-page #social li, #all-tags-page #social li {
    float: left;
    margin-left: 8px
}

#tag-page #social li a, #all-tags-page #social li a {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999em
}

#tag-page #social li a.tooltip, #all-tags-page #social li a.tooltip {
    opacity: 1;
    filter: alpha(opacity=100);
    position: static
}

#tag-page .ad-leaderboard, #all-tags-page .ad-leaderboard {
    margin-top: 5px;
    margin-bottom: 20px
}

#tag-page .body {
    padding: 0 22px;
    margin-bottom: 10px
}

#tag-page .body .category-mid-leader {
    margin: 25px 0 50px
}

#tag-page .body .featured {
    position: relative;
    padding: 0 0 0 349px;
    margin: 30px 0 50px;
    min-height: 170px
}

#tag-page .body .featured a:hover img.thumb {
    border-color: #126ac3
}

#tag-page .body .featured .thumb {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 15px 0 0;
    width: 330px;
    height: 170px;
    border: 4px solid #ccc;
    background-color: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#tag-page .body .featured .title {
    font-weight: 700;
    font-size: 17px;
    line-height: 17px;
    position: absolute;
    top: -23px;
    left: 0
}

#tag-page .body .featured h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    margin: 20px 0 0;
    line-height: 1.2em
}

#tag-page .body .featured h2 .stats {
    margin-top: 0;
    border-collapse: separate
}

#tag-page .body .featured h2 .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

#tag-page .body .featured h2 .stats .plays, #tag-page .body .featured h2 .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

#tag-page .body .featured h2 .stats .plays .symbol_sm, #tag-page .body .featured h2 .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#tag-page .body .featured h2 .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

#tag-page .body .featured h2 .stats .rating img {
    margin-top: -2px
}

#tag-page .body .featured h2 .stats .first {
    border-left-width: 1px
}

#tag-page .body .featured h2 .stats {
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#tag-page .body .featured .description {
    font-size: 13px;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif
}

#tag-page .body .featured .play-btn {
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    background-color: #126ac3;
    line-height: 52px;
    vertical-align: middle;
    text-align: center;
    height: 52px;
    width: 225px;
    margin-right: 25px
}

#tag-page .body .featured .play-btn:focus {
    outline: none
}

#tag-page .body header.header img.lead {
    float: left;
    margin: 0 15px 0 0;
    width: 330px;
    height: 195px;
    border: 4px solid #ccc;
    background-color: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#tag-page .body header.header h1 {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 25px;
    margin: 20px 0 0;
    line-height: 1.2em
}

#tag-page .body header.header h3 {
    line-height: 1.2em;
    font-size: 17px;
    margin: 5px 0 0
}

#tag-page .body header.header .description, #tag-page .body header.header .related a {
    font-size: 13px;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif
}

#tag-page .body header.header .related a {
    font-weight: 700
}

#tag-page .body header.mmo img.lead {
    width: 620px;
    height: 320px;
    border: none;
    margin: 0
}

#tag-page .body header.mmo aside {
    float: right;
    width: 275px
}

#tag-page .body header.mmo h1 {
    margin-bottom: 5px
}

#tag-page .body header.mmo .description {
    margin-top: 10px
}

#tag-page .body header.mmo .play-btn {
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    background-color: #126ac3;
    line-height: 52px;
    vertical-align: middle;
    text-align: center;
    height: 52px;
    width: 225px;
    margin-right: 25px;
    float: right
}

#tag-page .body header.mmo .play-btn:focus {
    outline: none
}

#tag-page .body header.mmo .foot-note {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1em;
    width: 225px;
    margin-right: 25px;
    text-align: center;
    float: right
}

#tag-page .body header.mmo .stats-tags {
    overflow: hidden;
    *zoom: 1
}

#tag-page .body header.mmo .stats {
    margin-top: 0;
    border-collapse: separate
}

#tag-page .body header.mmo .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

#tag-page .body header.mmo .stats .plays, #tag-page .body header.mmo .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

#tag-page .body header.mmo .stats .plays .symbol_sm, #tag-page .body header.mmo .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#tag-page .body header.mmo .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

#tag-page .body header.mmo .stats .rating img {
    margin-top: -2px
}

#tag-page .body header.mmo .stats .first {
    border-left-width: 1px
}

#tag-page .body header.mmo .tag, #tag-page .body header.mmo .tag-category {
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 3px 5px 0 0;
    color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #3a87ad;
    text-shadow: #000 0 1px 2px;
    display: none
}

#tag-page .body header.mmo .tag-category {
    display: block;
    float: left
}

#tag-page .body header.mmo .tag-category:hover {
    color: gold
}

#tag-page .body header.mmo .stats, #tag-page .body header.mmo .tags {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#tag-page .body header.mmo .stats {
    margin-bottom: 3px;
    margin-right: 2px
}

#tag-page .body header.mmo .tags .tag-category {
    margin-top: 0;
    margin-bottom: 3px
}

#tag-page .body .title-bar, #tag-page .body .popular-bar {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #999;
    position: relative;
    margin: 20px 0 0;
    padding: 5px
}

#tag-page .body .title-bar h3, #tag-page .body .popular-bar h3 {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    color: #fff;
    font-size: 17px;
    margin: 0 0 0 10px;
    line-height: 1.6em
}

#tag-page .body .title-bar .btn-group, #tag-page .body .popular-bar .btn-group {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#tag-page .body .title-bar i.caret, #tag-page .body .popular-bar i.caret {
    position: absolute;
    left: 20px;
    bottom: -10px;
    border-top: 10px solid #999;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

#tag-page .body .title-bar form, #tag-page .body .popular-bar form {
    margin: 4px 20px 0 0
}

#tag-page .body .title-bar form b, #tag-page .body .title-bar form label, #tag-page .body .popular-bar form b, #tag-page .body .popular-bar form label {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    color: #fff;
    font-size: 13px
}

#tag-page .body .title-bar form label, #tag-page .body .popular-bar form label {
    margin: 2px 0 0 5px
}

#tag-page .body .popular-bar {
    background-color: #56ae00;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYmUwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3YWEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6dbe00), color-stop(100%, #57aa00));
    background-image: -moz-linear-gradient(#6dbe00, #57aa00);
    background-image: -webkit-linear-gradient(#6dbe00, #57aa00);
    background-image: linear-gradient(#6dbe00, #57aa00)
}

#tag-page .body .popular-bar h3 {
    text-shadow: rgba(38, 64, 19, .7) 0 1px 1px
}

#tag-page .body .popular-bar i.caret {
    border-top-color: #57aa00
}

#tag-page .body .games-list {
    margin: 15px 0 0
}

#tag-page .body .games-list.popular {
    margin-bottom: 50px
}

#tag-page .body .games-list .row {
    padding: 5px 0 0;
    margin: 0 0 15px;
    overflow: hidden;
    *zoom: 1
}

#tag-page .body .games-list .row .game {
    display: block;
    float: left;
    margin: 0 14px 0 0;
    color: #000;
    text-decoration: none
}

#tag-page .body .games-list .row .game .preview-img {
    width: 162px;
    height: 100px;
    background: #1574b1 url(/images/ag3/bgr-letterbox.png) no-repeat;
    border: 4px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 4px
}

#tag-page .body .games-list .row .game .preview-img .letterbox {
    display: block;
    width: 162px;
    height: 100px
}

#tag-page .body .games-list .row .game .preview-img .thumb {
    margin: 19px 0 0 50px;
    display: none;
    width: 60px;
    height: 60px;
    border: 1px solid #f3a836;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    box-shadow: rgba(0, 0, 0, .75) 0 5px 15px
}

#tag-page .body .games-list .row .game .title {
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 0 4px;
    width: 165px
}

#tag-page .body .games-list .row .game .short_description {
    line-height: 1.2em;
    font-size: 13px;
    margin: 0 0 0 4px;
    width: 165px
}

#tag-page .body .games-list .row .game .stats {
    margin-top: 0;
    border-collapse: separate
}

#tag-page .body .games-list .row .game .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

#tag-page .body .games-list .row .game .stats .plays, #tag-page .body .games-list .row .game .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

#tag-page .body .games-list .row .game .stats .plays .symbol_sm, #tag-page .body .games-list .row .game .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#tag-page .body .games-list .row .game .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

#tag-page .body .games-list .row .game .stats .rating img {
    margin-top: -2px
}

#tag-page .body .games-list .row .game .stats .first {
    border-left-width: 1px
}

#tag-page .body .games-list .row .game .stats {
    margin-top: 4px;
    margin-left: 4px
}

#tag-page .body .games-list .row .last {
    margin-right: 0
}

#tag-page .body .games-list .row a:hover .title, #tag-page .body .games-list .row a:hover .short_description {
    color: #126ac3
}

#tag-page .body .games-list .row a:hover .preview-img {
    border-color: #126ac3
}

#tag-page .body .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#tag-page .body .pagination .disabled a {
    background-color: #fff
}

#tag-page .body .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#tag-page .body .pagi-container {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center
}

#tag-page .body .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

#tag-page .extended-description {
    margin: 0 20px;
    font-size: 11px
}

#all-tags-page .body {
    padding: 0 0 0 22px;
    margin-bottom: 10px;
    width: 720px
}

#all-tags-page .body h1 {
    font-size: 25px;
    padding: 0;
    margin: 0
}

#all-tags-page .body a {
    display: block;
    float: left;
    font-size: 12px;
    color: #000;
    width: 144px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#all-tags-page aside {
    margin-top: 40px;
    max-width: 200px;
    margin-bottom: 25px
}

#quests-board .ex-breadcrumb {
    font-weight: 700;
    color: #303740;
    font-size: 12px;
    margin: 12px 0 12px 10px;
    line-height: 1em
}

#quests-board .ex-breadcrumb h2 {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0;
    font-size: 1em;
    line-height: 1em
}

#quests-board #board-layout {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f0f0f0;
    padding: 9px;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    margin-bottom: 16px
}

#quests-board #board-layout h2 {
    line-height: 18px;
    font-size: 24px;
    font-family: ubuntu, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 18px;
    font-weight: 500
}

#quests-board #board-layout h3, #quests-board #board-layout div.title {
    font-size: 16px;
    line-height: 18px;
    font-family: ubuntu, Arial, sans-serif;
    text-align: left;
    font-weight: 700;
    margin: 9px
}

#quests-board #board-layout div.title {
    margin: 9px 0
}

#quests-board #board-layout article.ad-promoted-game {
    margin: 9px 0 9px 9px
}

#quests-board #board-layout div.med-rec {
    margin: 18px 0 9px 9px
}

#quests-board #board-layout div.body {
    padding: 9px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    background-color: #fff;
    width: 565px;
    margin: 9px
}

#quests-board #board-layout div.body .cap {
    margin: 9px 18px
}

#quests-board #board-layout div.body .cap .updated {
    padding-top: 2px;
    font-weight: 700
}

#quests-board #board-layout div.body .header {
    margin: 12px 18px 9px;
    font-size: 13px;
    font-weight: 700;
    position: relative
}

#quests-board #board-layout div.body .header .top-crown {
    position: absolute;
    left: 76px;
    width: 36px;
    height: 19px;
    display: block
}

#quests-board #board-layout div.body .header .earned_text {
    padding-left: 374px;
    width: 200px;
    text-align: center
}

#quests-board #board-layout div.body .list li {
    background-color: #f4f4f4;
    position: relative;
    margin-bottom: 10px
}

#quests-board #board-layout div.body .list li .rank {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    font-weight: 700;
    padding: 0 0 0 20px;
    width: 50px
}

#quests-board #board-layout div.body .list li .armatar {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#quests-board #board-layout div.body .list li .armatar img {
    display: block;
    width: 80px;
    height: 80px;
    background-color: #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#quests-board #board-layout div.body .list li .user {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: 18px;
    width: 290px
}

#quests-board #board-layout div.body .list li .user .username {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em
}

#quests-board #board-layout div.body .list li .user .last-seen {
    font-size: 12px;
    line-height: 1.2em
}

#quests-board #board-layout div.body .list li .quests {
    width: 96px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 19px;
    font-weight: 700
}

#quests-board #board-layout div.body .list li .quests .symbol {
    margin-top: -4px
}

#quests-board #board-layout div.body .list li.first {
    background-color: #e6f5fa
}

#quests-board #board-layout div.body .list li.first .armatar img {
    border-color: #09c
}

#quests-board #board-layout div.body .list li.user-found {
    background-color: #fbffdd
}

#quests-board #board-layout div.body .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#quests-board #board-layout div.body .pagination .disabled a {
    background-color: #fff
}

#quests-board #board-layout div.body .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#quests-board #board-layout div.body .pagi-container {
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center
}

#quests-board #board-layout div.body .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

#quests-board #board-layout .sidebar {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    padding: 9px;
    margin: 9px;
    width: 313px;
    background-color: #fff
}

#quests-board #board-layout .sidebar .quest-shield {
    background-image: url(/images/quest_border.png);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 91px;
    height: 130px;
    margin: 9px;
    vertical-align: top
}

#quests-board #board-layout .sidebar .quest-shield img {
    display: block;
    margin: 22px auto 5px 9px;
    background-color: #666;
    width: 72px;
    height: 72px
}

#quests-board #board-layout .sidebar .featured-quest-details {
    text-align: left !important;
    font-family: Helvetica, arial;
    font-size: 12px;
    margin: 9px;
    width: 186px;
    display: inline-block
}

#quests-board #board-layout .sidebar .featured-quest-details h4 {
    font-size: 17px;
    font-weight: 700;
    margin: 0
}

#quests-board #board-layout .sidebar .featured-quest-details h5 {
    font-size: 14px;
    margin: 0
}

#quests-board #board-layout .sidebar .featured-quest-details a {
    font-weight: 700
}

#quests-board #board-layout .sidebar .featured-quest-details p {
    line-height: 1.2em;
    margin-top: 9px;
    margin-bottom: 9px
}

#quests-board #board-layout .sidebar .ad-promoted-game .title {
    background: #fff none;
    border: none
}

#quests-board #board-layout .sidebar .ad-promoted-game .title .icon {
    margin-top: 1px
}

#quests-board #board-layout .sidebar .ad-promoted-game .content {
    padding-top: 0;
    border: none
}

#quests-board #board-layout form.inline {
    display: inline;
    font-size: 0;
    margin: 0 5px
}

#quests-board #board-layout .pull-right .btn-group {
    vertical-align: inherit
}

#quests-board #board-layout form.form-inline {
    font-size: 13px;
    margin: 9px
}

#quests-board #board-layout form.form-inline label {
    margin-left: 4px;
    margin-right: 4px
}

#quests-board #board-layout form.form-inline select {
    font-size: 13px;
    margin-left: 34px
}

#afd-board-page .ex-breadcrumb {
    font-weight: 700;
    color: #303740;
    font-size: 12px;
    margin: 12px 0 12px 10px;
    line-height: 1em
}

#afd-board-page .ex-breadcrumb h2 {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0;
    font-size: 1em;
    line-height: 1em
}

#afd-board-page #afd-content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f0f0f0;
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 20px;
    display: table
}

#afd-board-page #afd-content #info-layout {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    margin: 20px 0 0 20px;
    float: left;
    width: 321px
}

#afd-board-page #afd-content #info-layout h3 {
    font-size: 18px;
    font-weight: 200px
}

#afd-board-page #afd-content #info-layout div.info-list {
    width: 275px;
    font-weight: 100px;
    font-size: 15px;
    padding-left: 20px;
    margin-bottom: 15px;
    background-image: url(/images/ag3/afd/coin_sm.png);
    background-repeat: no-repeat;
    background-position-y: 2px
}

#afd-board-page #afd-content #info-layout .movie {
    padding-left: 10px
}

#afd-board-page #afd-content #afd-board-layout {
    margin: 20px 21px 0 0;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    float: right;
    width: 563px
}

#afd-board-page #afd-content #afd-board-layout h2 {
    line-height: 4px;
    font-size: 30px;
    font-weight: 100;
    font-family: ubuntu, Arial, sans-serif;
    text-transform: uppercase;
    width: 1000px
}

#afd-board-page #afd-content #afd-board-layout h2 span {
    font-weight: 700
}

#afd-board-page #afd-content #afd-board-layout h3 {
    font-size: 24px;
    font-weight: 100;
    font-family: ubuntu, Arial, sans-serif;
    text-transform: uppercase;
    text-align: left
}

#afd-board-page #afd-content #afd-board-layout div.title {
    margin: 9px 0
}

#afd-board-page #afd-content #afd-board-layout article.ad-promoted-game {
    margin: 9px 0 9px 9px
}

#afd-board-page #afd-content #afd-board-layout div.med-rec {
    margin: 18px 0 9px 9px
}

#afd-board-page #afd-content #afd-board-layout div.body {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 533px;
    float: left;
    background-color: #fff;
    padding: 20px 15px 0
}

#afd-board-page #afd-content #afd-board-layout div.body hr {
    margin: 10px 0 15px;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

#afd-board-page #afd-content #afd-board-layout div.body .cap {
    margin: 9px 18px
}

#afd-board-page #afd-content #afd-board-layout div.body .cap .updated {
    padding-top: 2px;
    font-weight: 700
}

#afd-board-page #afd-content #afd-board-layout div.body .header {
    margin: 12px 18px 9px;
    font-size: 13px;
    font-weight: 700;
    position: relative
}

#afd-board-page #afd-content #afd-board-layout div.body .header .top-crown {
    position: absolute;
    left: 76px;
    width: 36px;
    height: 19px;
    display: block
}

#afd-board-page #afd-content #afd-board-layout div.body .header .finds_text {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    padding-left: 295px;
    width: 200px;
    text-align: center
}

#afd-board-page #afd-content #afd-board-layout div.body .header .found_text {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-weight: 200;
    padding-left: 80px;
    width: 200px;
    text-align: center
}

#afd-board-page #afd-content #afd-board-layout div.body .list li {
    position: relative;
    margin-bottom: 10px
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .rank {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    font-weight: 700;
    padding: 0 0 0 20px;
    width: 50px
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .armatar {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .armatar img {
    display: block;
    width: 46px;
    height: 46px;
    background-color: #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .user {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: 18px;
    width: 290px
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .user .username {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #39c
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .finds {
    width: 96px;
    position: absolute;
    right: 157px;
    top: 50%;
    margin-top: -12px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 15px;
    font-weight: 400;
    text-align: center
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .coins {
    width: 96px;
    position: absolute;
    right: 32px;
    top: 50%;
    margin-top: -12px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 15px;
    font-weight: 400;
    text-align: right
}

#afd-board-page #afd-content #afd-board-layout div.body .list li .coins img {
    vertical-align: baseline
}

#afd-board-page #afd-content #afd-board-layout div.body .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#afd-board-page #afd-content #afd-board-layout div.body .pagination .disabled a {
    background-color: #fff
}

#afd-board-page #afd-content #afd-board-layout div.body .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#afd-board-page #afd-content #afd-board-layout div.body .pagi-container {
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center
}

#afd-board-page #afd-content #afd-board-layout div.body .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

#afd-board-page #afd-content #afd-board-layout form.inline {
    display: inline;
    font-size: 0;
    margin: 0 5px
}

#afd-board-page #afd-content #afd-board-layout .pull-right .btn-group {
    vertical-align: inherit
}

#afd-board-page #afd-content #afd-board-layout form.form-inline {
    font-size: 13px;
    margin: 9px
}

#afd-board-page #afd-content #afd-board-layout form.form-inline label {
    margin-left: 4px;
    margin-right: 4px
}

#afd-board-page #afd-content #afd-board-layout form.form-inline select {
    font-size: 13px;
    margin-left: 34px
}

#mmo-beacon-img {
    position: absolute;
    width: 1px;
    height: 1px
}

#noflash {
    color: #fff;
    line-height: 1.4em;
    width: 600px;
    padding: 20px 20px 20px 120px;
    margin: 0 auto 10px;
    background: #e84d38 url(/images/ag3/icon-notify-warning-white.png) no-repeat 22px center;
    background-size: 80px auto
}

#noflash a {
    white-space: nowrap;
    color: #fff;
    text-decoration: underline
}

#page-game.p3 #ag3-header {
    margin-left: -16px
}

body.p3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: helvetica neue, arial, sans-serif
}

body.p3 div.popover {
    width: 270px
}

body.p3 div.popover h3.popover-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    background-color: #dad4c4;
    background-image: url(/images/quest_icon.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 div.popover div.popover-content {
    font-size: 12px
}

body.p3 div.popover div.popover-content h4 {
    line-height: 17px;
    margin-bottom: 5px;
    font-weight: 700
}

body.p3 div.popover div.popover-content table {
    margin-bottom: 5px
}

body.p3 div.popover div.popover-content td, body.p3 div.popover div.popover-content th {
    line-height: 1.4em
}

body.p3 div.popover div.popover-content th {
    padding-right: 5px;
    font-weight: 700;
    text-align: left
}

body.p3 div.popover div.popover-content .tags {
    margin-bottom: 5px
}

body.p3 div.popover div.popover-content .tags .label {
    line-height: 1.7em
}

body.p3 div.popover div.popover-content p {
    line-height: 17px;
    margin-bottom: 5px
}

body.p3 div.popover div.popover-content span.tag {
    text-transform: uppercase
}

body.p3 #undo-blackout {
    display: none
}

body.p3 .ad-leaderboard-top {
    margin-bottom: 13px;
    margin-top: 0
}

body.p3 .ad-leaderboard.below-game {
    text-align: center;
    width: 970px;
    margin-left: -9px
}

body.p3 .ad-leaderboard.below-game > div {
    margin: 0 auto
}

body.p3 .btn-ag {
    background-image: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f3f3f3;
    border: 1px solid #d7d7d7;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 35px;
    line-height: 0;
    padding: 1px 9px 0
}

body.p3 .btn-ag .symbol, body.p3 .btn-ag .loader {
    margin-top: -3px
}

body.p3 .btn-ag .type-flag {
    margin-top: -4px
}

body.p3 a.btn-ag {
    line-height: 2.4em;
    color: #000
}

body.p3 .btn-ag:focus {
    outline: 0
}

body.p3 #game-mgmt-btn i {
    margin-top: 8px
}

body.p3 .game-header {
    min-height: 75px;
    position: relative;
    margin-left: 12px;
    margin-top: 5px
}

body.p3 .game-header .play-controls {
    position: absolute;
    top: 25px;
    right: 25px
}

body.p3 .game-header .play-controls #full-mode-btn, body.p3 .game-header .play-controls #zen-mode-btn, body.p3 .game-header .play-controls #max-mode-btn, body.p3 .game-header .play-controls #walkthrough-btn {
    margin-left: 20px
}

body.p3 .game-header .play-controls #full-mode-btn .symbol, body.p3 .game-header .play-controls #zen-mode-btn .symbol, body.p3 .game-header .play-controls #max-mode-btn .symbol, body.p3 .game-header .play-controls #walkthrough-btn .symbol {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    filter: alpha(opacity=50);
    opacity: .5
}

body.p3 .game-header .play-controls #zen-mode-btn {
    margin-left: 20px
}

body.p3 .game-header .play-controls #full-mode-btn:hover .symbol, body.p3 .game-header .play-controls #zen-mode-btn:hover .symbol, body.p3 .game-header .play-controls #max-mode-btn:hover .symbol, body.p3 .game-header .play-controls #walkthrough-btn:hover .symbol {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

body.p3 .game-header h1 {
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    width: 570px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 .game-header .stats {
    margin-top: 0;
    border-collapse: separate
}

body.p3 .game-header .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

body.p3 .game-header .stats .plays, body.p3 .game-header .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

body.p3 .game-header .stats .plays .symbol_sm, body.p3 .game-header .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

body.p3 .game-header .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

body.p3 .game-header .stats .rating img {
    margin-top: -2px
}

body.p3 .game-header .stats .first {
    border-left-width: 1px
}

body.p3 .game-header .tag, body.p3 .game-header .tag-category {
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 3px 5px 0 0;
    color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #3a87ad;
    text-shadow: #000 0 1px 2px;
    display: none
}

body.p3 .game-header .tag-category {
    display: block;
    float: left
}

body.p3 .game-header .tag-category:hover {
    color: gold
}

body.p3 .game-header .stats, body.p3 .game-header .tags {
    float: left
}

body.p3 .game-header .tags {
    margin-left: 10px;
    margin-bottom: 20px
}

body.p3 .game-header .tags .tag-category {
    font-weight: 700;
    margin-top: 2px
}

body.p3 div#gamefilearea iframe {
    border: none
}

body.p3 .afg-running {
    display: none
}

body.p3 #cpmstar_preloader {
    position: relative
}

body.p3 #cpmstar_preloader .subscription-ad {
    position: relative
}

body.p3 #cpmstar_preloader .subscription-ad .curl {
    background: #fff url(/images/ag3/curl-ad.png) no-repeat left top;
    width: 20px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

body.p3 #cpmstar_preloader .subscription-ad .banner {
    text-align: center;
    margin-left: 20px;
    height: 39px;
    color: #fff;
    background-color: #136ac3;
    padding: 11px 0 0
}

body.p3 #cpmstar_preloader .subscription-ad .banner .free {
    font-weight: 700
}

body.p3 #cpmstar_preloader .subscription-ad .banner .ad-free-btn {
    background-color: #fff;
    color: #136ac3;
    margin-top: -1px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    line-height: 1em;
    padding: 8px 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 5px
}

body.p3 #cpmstar_preloader #cpmstar_countdown {
    display: none;
    color: #666;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin-top: -7px;
    top: 50%
}

body.p3 #afg_preloader .subscription-ad {
    position: relative
}

body.p3 #afg_preloader .subscription-ad .curl {
    background: #fff url(/images/ag3/curl-ad.png) no-repeat left top;
    width: 20px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

body.p3 #afg_preloader .subscription-ad .banner {
    text-align: center;
    margin-left: 20px;
    height: 39px;
    color: #fff;
    background-color: #136ac3;
    padding: 11px 0 0
}

body.p3 #afg_preloader .subscription-ad .banner .free {
    font-weight: 700
}

body.p3 #afg_preloader .subscription-ad .banner .ad-free-btn {
    background-color: #fff;
    color: #136ac3;
    margin-top: -1px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    line-height: 1em;
    padding: 8px 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 5px
}

body.p3 #afg_preloader .subscription-ad .curl {
    left: auto
}

body.p3 div#gamefilearea {
    position: relative;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s
}

body.p3 div#gamefilearea #prestitial, body.p3 div#gamefilearea #adblock-disable-reqd-msg {
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    background-color: #2f2f2f
}

body.p3 div#gamefilearea #prestitial .box, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box {
    width: 300px;
    margin: auto
}

body.p3 div#gamefilearea #prestitial .box .note, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .note {
    overflow: hidden;
    *zoom: 1;
    line-height: 1.2em;
    font-family: Arial, sans-serif;
    font-size: 13px;
    padding-top: 4px;
    color: #fff;
    text-align: left
}

body.p3 div#gamefilearea #prestitial .box .title, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .title {
    overflow: hidden;
    *zoom: 1;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 13px
}

body.p3 div#gamefilearea #prestitial .box .title .desc, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .title .desc {
    line-height: 1em;
    padding-top: 4px;
    color: #fff;
    float: right
}

body.p3 div#gamefilearea #prestitial .box .title .count, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .title .count {
    line-height: 1em;
    width: 12px;
    height: 13px;
    overflow: visible;
    text-align: center;
    margin: 0 6px;
    float: right;
    color: #000;
    background: #fff;
    padding: 4px 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

body.p3 div#gamefilearea #prestitial .box .title .count a.close, body.p3 div#gamefilearea #prestitial .box .title .count a.close:hover, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .title .count a.close, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .title .count a.close:hover {
    color: #000;
    line-height: 13px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

body.p3 div#gamefilearea #prestitial .box .msg, body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .msg {
    background-color: #fff;
    border: 1px solid #fff;
    width: 300px;
    height: 250px
}

body.p3 div#gamefilearea #prestitial .subscription-ad, body.p3 div#gamefilearea #adblock-disable-reqd-msg .subscription-ad {
    position: relative
}

body.p3 div#gamefilearea #prestitial .subscription-ad .curl, body.p3 div#gamefilearea #adblock-disable-reqd-msg .subscription-ad .curl {
    background: #fff url(/images/ag3/curl-ad.png) no-repeat left top;
    width: 20px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

body.p3 div#gamefilearea #prestitial .subscription-ad .banner, body.p3 div#gamefilearea #adblock-disable-reqd-msg .subscription-ad .banner {
    text-align: center;
    margin-left: 20px;
    height: 39px;
    color: #fff;
    background-color: #136ac3;
    padding: 11px 0 0
}

body.p3 div#gamefilearea #prestitial .subscription-ad .banner .free, body.p3 div#gamefilearea #adblock-disable-reqd-msg .subscription-ad .banner .free {
    font-weight: 700
}

body.p3 div#gamefilearea #prestitial .subscription-ad .banner .ad-free-btn, body.p3 div#gamefilearea #adblock-disable-reqd-msg .subscription-ad .banner .ad-free-btn {
    background-color: #fff;
    color: #136ac3;
    margin-top: -1px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    line-height: 1em;
    padding: 8px 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 5px
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg {
    overflow: hidden
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg .subscription-ad {
    border-bottom: 1px solid #fff
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg .box {
    margin: 0;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    background: #ffe48c url(/images/ag3/please-disable-adblock/bg.png) repeat
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .sushi-cat {
    display: block;
    margin: auto;
    width: 430px;
    height: auto
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg .box h3 {
    text-shadow: rgba(255, 255, 255, .5) 1px 1px 0;
    color: #d22451;
    font-size: 28px;
    line-height: 1em
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .msg {
    border: 1px solid #fbd483;
    background: #ffecad none;
    background-color: rgba(255, 245, 195, .5);
    margin: 20px 80px 0;
    padding: 20px;
    width: auto;
    height: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .msg p {
    text-shadow: rgba(255, 255, 255, .3) 1px 1px 0;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.3em
}

body.p3 div#gamefilearea #adblock-disable-reqd-msg .box .msg p:last-child {
    margin-bottom: 0
}

body.p3 .prestitial-running object, body.p3 .prestitial-running embed, body.p3 .prestitial-running #html-game-frame {
    position: absolute;
    top: -3000px
}

body.p3 .afg-running, body.p3 .cpmstar-running {
    display: none
}

body.p3 div.gameFileareaHidden {
    padding-left: 2001px;
    background-color: transparent !important
}

body.p3 div.gameFileareaHidden .curl {
    display: none
}

body.p3 .afg-html5-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px
}

body.p3 #mmo-promo-area {
    margin: 0 12px
}

body.p3 #mmo-promo-area iframe, body.p3 #mmo-promo-area img.hero {
    float: left;
    width: 620px
}

body.p3 #mmo-promo-area .copy {
    width: 290px;
    float: right;
    padding-top: 20px
}

body.p3 #mmo-promo-area .copy .description {
    font-size: 15px;
    line-height: 1.2em;
    margin-bottom: 17px
}

body.p3 #mmo-promo-area .copy form {
    margin: 0;
    padding: 0
}

body.p3 #mmo-promo-area .copy .play-btn {
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    display: table-cell;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    background-color: #126ac3;
    line-height: 1em;
    vertical-align: middle;
    text-align: center;
    height: 52px;
    width: 225px
}

body.p3 #mmo-promo-area .copy .play-btn:focus {
    outline: none
}

body.p3 #mmo-promo-area .copy .foot-note {
    margin-top: 5px;
    width: 225px;
    text-align: center;
    font-size: 12px;
    line-height: 1em
}

body.p3 #mmo-promo-area .featured {
    margin-bottom: 20px
}

body.p3 #mmo-promo-area .game-features .feature {
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px
}

body.p3 #mmo-promo-area .game-features .feature img {
    width: 200px;
    height: 110px
}

body.p3 #mmo-promo-area .game-features .feature .description {
    margin-top: 2px;
    padding: 3px;
    font-size: 13px;
    line-height: 1.2em
}

body.p3 #mmo-promo-area .game-screens {
    margin-bottom: -20px
}

body.p3 #mmo-promo-area .game-screens .screen {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

body.p3 #mmo-promo-area .game-screens .screen img {
    width: 162px;
    height: 122px
}

body.p3 #mmo-updates-notice {
    display: none;
    height: 125px;
    text-align: left;
    background: #000;
    color: #fff;
    border-bottom: 6px solid #428bca;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

body.p3 #mmo-updates-notice .container {
    padding-top: 20px;
    width: 985px
}

body.p3 #mmo-updates-notice .container .armatar {
    width: 53px;
    height: 53px;
    float: left;
    margin: 0 20px 0 0
}

body.p3 #mmo-updates-notice .container .message {
    float: left
}

body.p3 #mmo-updates-notice .container .message h1 {
    padding-bottom: 4px;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 8px;
    width: 675px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 #mmo-updates-notice .container .message p {
    font-size: 19px;
    line-height: 1.2em;
    width: 675px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 #mmo-updates-notice .container .btn {
    font-size: 21px;
    float: left;
    margin-top: 20px
}

body.p3 #mmo-updates-notice .container .close-btn {
    float: right;
    border: none;
    background: transparent none
}

body.p3 #prerelease-msg {
    margin: 0 40px;
    text-align: center;
    padding: 25px 0;
    background-color: #efefef
}

body.p3 #prerelease-msg h2 {
    display: block;
    margin: 0 auto 15px;
    background-color: #ff6800;
    color: #fff;
    width: 618px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.6em
}

body.p3 #prerelease-msg h3 {
    line-height: 1em;
    padding: 0;
    margin: 0;
    font-size: 36px;
    font-weight: 700
}

body.p3 #prerelease-msg .promo {
    background-color: #fff;
    width: 527px;
    margin: 25px auto 0;
    text-align: center;
    font-size: 15px;
    padding: 20px 0 25px
}

body.p3 #prerelease-msg .promo h4 {
    padding: 0;
    margin: 0;
    line-height: 1em;
    font-weight: 700;
    font-size: 24px
}

body.p3 #prerelease-msg .promo .ad-free-btn, body.p3 #prerelease-msg .promo .ad-free-link {
    display: block;
    margin: 15px 0 0;
    padding: 0;
    border: none;
    background-color: transparent
}

body.p3 #gamearea {
    position: relative
}

body.p3 #gamearea .related-tab {
    display: block;
    position: absolute;
    z-index: 4;
    height: 156px;
    width: 48px;
    overflow: hidden;
    background-repeat: no-repeat
}

body.p3 #gamearea .related-tab .control {
    height: 156px;
    width: 63px;
    background-image: url(/images/sprites/related-tab2.png);
    background-repeat: no-repeat
}

body.p3 #gamearea .related-tab .control .thumb {
    margin-top: 40px;
    width: 63px;
    height: 63px
}

body.p3 #gamearea .related-tab:hover {
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    width: 63px
}

body.p3 #gamearea .related-tab:hover .control {
    -moz-transition-property: margin;
    -o-transition-property: margin;
    -webkit-transition-property: margin;
    transition-property: margin;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    margin: 0 15px
}

body.p3 #gamearea .related-tab-left {
    left: -16px;
    border-left: none;
    background-position: right top
}

body.p3 #gamearea .related-tab-left .control {
    float: right;
    background-position: right bottom
}

body.p3 #gamearea .related-tab-right {
    right: -16px;
    border-right: none;
    background-position: left top
}

body.p3 #gamearea .related-tab-right .control {
    background-position: left bottom
}

body.p3 #gamearea .hide {
    display: none
}

body.p3 .game-secondary {
    overflow: hidden;
    *zoom: 1;
    overflow: visible;
    margin: 30px 24px 0
}

body.p3 .game-secondary .col-left {
    float: left;
    min-height: 300px;
    width: 488px
}

body.p3 .game-secondary .col-left .tab-lite-tab {
    margin-bottom: 30px
}

body.p3 .game-secondary .col-right {
    min-height: 300px;
    float: right;
    width: 389px
}

body.p3 .game-secondary .col-right header {
    margin-bottom: 20px
}

body.p3 .game-secondary .col-right .ad-lrgrec {
    float: right;
    margin-bottom: 50px
}

body.p3 .game-secondary .col-right .dev-info {
    float: right;
    width: 336px;
    margin-bottom: 50px
}

body.p3 .game-secondary .col-right .dev-info .bio {
    position: relative;
    padding-left: 65px;
    padding-top: 2px;
    min-height: 60px;
    line-height: 1.3em
}

body.p3 .game-secondary .col-right .dev-info .bio .armatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px
}

body.p3 .game-secondary .col-right .recommended {
    float: right;
    width: 336px
}

body.p3 .game-secondary .col-right .recommended .tab-lite {
    margin-bottom: 20px
}

body.p3 .game-secondary .col-right .recommended .game {
    display: block;
    float: left;
    margin: 0 0 10px;
    color: #000;
    text-decoration: none
}

body.p3 .game-secondary .col-right .recommended .game .preview-img {
    float: left;
    width: 162px;
    height: 100px;
    background: #1574b1 url(/images/ag3/bgr-letterbox.png) no-repeat;
    margin: 0
}

body.p3 .game-secondary .col-right .recommended .game .preview-img .letterbox {
    display: block;
    width: 162px;
    height: 100px
}

body.p3 .game-secondary .col-right .recommended .game .preview-img .thumb {
    margin: 19px 0 0 50px;
    display: none;
    width: 60px;
    height: 60px;
    border: 1px solid #f3a836;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    box-shadow: rgba(0, 0, 0, .75) 0 5px 15px
}

body.p3 .game-secondary .col-right .recommended .game .info {
    float: left;
    margin: 0 0 0 9px;
    width: 165px
}

body.p3 .game-secondary .col-right .recommended .game .name {
    padding-top: 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1em;
    max-height: 4.4em;
    overflow: hidden
}

body.p3 .game-secondary .col-right .recommended .game .tags {
    max-height: 20px;
    overflow: hidden
}

body.p3 .game-secondary .col-right .recommended .game .tag, body.p3 .game-secondary .col-right .recommended .game .tag-category {
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 3px 5px 0 0;
    color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #3a87ad;
    text-shadow: #000 0 1px 2px;
    display: none
}

body.p3 .game-secondary .col-right .recommended .game .tag-category {
    display: block;
    float: left
}

.tag-plays
{
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 3px 5px 0 0;
    color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #873aad;
    text-shadow: #000 0 1px 2px;
    display: block;
    float: left;
}

body.p3 .game-secondary .col-right .recommended .game .tag-category:hover {
    color: gold
}

body.p3 .game-secondary .col-right .recommended .game .tag-category {
    font-weight: 700
}

body.p3 .game-secondary .col-right .recommended .game .stats {
    margin-top: 0;
    border-collapse: separate
}

body.p3 .game-secondary .col-right .recommended .game .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

body.p3 .game-secondary .col-right .recommended .game .stats .plays, body.p3 .game-secondary .col-right .recommended .game .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

body.p3 .game-secondary .col-right .recommended .game .stats .plays .symbol_sm, body.p3 .game-secondary .col-right .recommended .game .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

body.p3 .game-secondary .col-right .recommended .game .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

body.p3 .game-secondary .col-right .recommended .game .stats .rating img {
    margin-top: -2px
}

body.p3 .game-secondary .col-right .recommended .game .stats .first {
    border-left-width: 1px
}

body.p3 .game-secondary .col-right .recommended .game .stats {
    margin-top: 3px
}

body.p3 .game-secondary .col-right .recommended a:hover .name {
    color: #126ac3
}

body.p3 .game-secondary .col-right .recommended a:hover .preview-img {
    border-color: #126ac3
}

body.p3 .game-secondary .quests {
    margin: 0
}

body.p3 .game-secondary .quests li {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 9px 0 0;
    padding: 0;
    width: 72px;
    float: left
}

body.p3 .game-secondary .quests li img {
    width: 72px !important;
    height: 72px !important
}

body.p3 .game-secondary .quests li .status {
    height: 20px;
    overflow: hidden;
    background-color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-weight: 700;
    text-align: center
}

body.p3 .game-secondary .quests li .status .complete {
    text-transform: uppercase;
    margin-top: 3px;
    display: none
}

body.p3 .game-secondary .quests li .status .q-progress {
    margin: 5px 4px 0;
    padding: 0;
    height: 5px;
    background-color: #ccc;
    display: none
}

body.p3 .game-secondary .quests li .status .q-progress .q-indicator {
    height: 5px;
    width: 0%;
    background-color: #333
}

body.p3 .game-secondary .quests li .debug {
    position: absolute;
    right: 0;
    bottom: 20px;
    background-color: #666
}

body.p3 .game-secondary .quests li.last {
    margin-right: 0
}

body.p3 .game-secondary .quests li.loading img, body.p3 .game-secondary .quests li.in-progress img {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    filter: alpha(opacity=40);
    opacity: .4
}

body.p3 .game-secondary .quests li.in-progress .status .q-progress {
    display: block
}

body.p3 .game-secondary .quests li.completed .status .complete {
    display: block
}

body.p3 .game-secondary .quests li.highlight img {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

body.p3 .game-secondary #description-tab, body.p3 .game-secondary #updates-tab, body.p3 .game-secondary #wikia-tab, body.p3 .game-secondary #videos-tab {
    line-height: 1.2em;
    margin-top: 20px;
    overflow: hidden
}

body.p3 .game-secondary #description-tab .tag, body.p3 .game-secondary #description-tab .tag-category, body.p3 .game-secondary #updates-tab .tag, body.p3 .game-secondary #updates-tab .tag-category, body.p3 .game-secondary #wikia-tab .tag, body.p3 .game-secondary #wikia-tab .tag-category, body.p3 .game-secondary #videos-tab .tag, body.p3 .game-secondary #videos-tab .tag-category {
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 3px 5px 0 0;
    color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #3a87ad;
    text-shadow: #000 0 1px 2px;
    display: none
}

body.p3 .game-secondary #description-tab .tag-category, body.p3 .game-secondary #updates-tab .tag-category, body.p3 .game-secondary #wikia-tab .tag-category, body.p3 .game-secondary #videos-tab .tag-category {
    display: block;
    float: left
}

body.p3 .game-secondary #description-tab .tag-category:hover, body.p3 .game-secondary #updates-tab .tag-category:hover, body.p3 .game-secondary #wikia-tab .tag-category:hover, body.p3 .game-secondary #videos-tab .tag-category:hover {
    color: gold
}

body.p3 .game-secondary #description-tab .tag-category, body.p3 .game-secondary #updates-tab .tag-category, body.p3 .game-secondary #wikia-tab .tag-category, body.p3 .game-secondary #videos-tab .tag-category {
    font-weight: 700
}

body.p3 .game-secondary #description-tab h2, body.p3 .game-secondary #updates-tab h2, body.p3 .game-secondary #wikia-tab h2, body.p3 .game-secondary #videos-tab h2 {
    margin: 0 0 3px;
    font-size: 13px;
    line-height: 1.2em;
    font-weight: 700
}

body.p3 .game-secondary #description-tab .meta, body.p3 .game-secondary #updates-tab .meta, body.p3 .game-secondary #wikia-tab .meta, body.p3 .game-secondary #videos-tab .meta {
    border-bottom: 1px solid #eaedee;
    padding-bottom: 20px
}

body.p3 .game-secondary #description-tab .meta table, body.p3 .game-secondary #updates-tab .meta table, body.p3 .game-secondary #wikia-tab .meta table, body.p3 .game-secondary #videos-tab .meta table {
    width: 85%
}

body.p3 .game-secondary #description-tab .stats, body.p3 .game-secondary #updates-tab .stats, body.p3 .game-secondary #wikia-tab .stats, body.p3 .game-secondary #videos-tab .stats {
    width: 100%;
    margin-bottom: 16px
}

body.p3 .game-secondary #description-tab .stats td, body.p3 .game-secondary #updates-tab .stats td, body.p3 .game-secondary #wikia-tab .stats td, body.p3 .game-secondary #videos-tab .stats td {
    width: 25%;
    padding: 8px;
    background-color: #efefef;
    border-left: 2px solid #fff
}

body.p3 .game-secondary #description-tab .stats td .head, body.p3 .game-secondary #updates-tab .stats td .head, body.p3 .game-secondary #wikia-tab .stats td .head, body.p3 .game-secondary #videos-tab .stats td .head {
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 4px
}

body.p3 .game-secondary #description-tab .stats td .value, body.p3 .game-secondary #updates-tab .stats td .value, body.p3 .game-secondary #wikia-tab .stats td .value, body.p3 .game-secondary #videos-tab .stats td .value {
    font-size: 15px;
    font-weight: 700;
    min-height: 1.2em
}

body.p3 .game-secondary #description-tab .stats td:first-child, body.p3 .game-secondary #updates-tab .stats td:first-child, body.p3 .game-secondary #wikia-tab .stats td:first-child, body.p3 .game-secondary #videos-tab .stats td:first-child {
    border-left: none
}

body.p3 .game-secondary #description-tab .categories, body.p3 .game-secondary #updates-tab .categories, body.p3 .game-secondary #wikia-tab .categories, body.p3 .game-secondary #videos-tab .categories {
    overflow: hidden;
    *zoom: 1
}

body.p3 .game-secondary #description-tab article, body.p3 .game-secondary #updates-tab article, body.p3 .game-secondary #wikia-tab article, body.p3 .game-secondary #videos-tab article {
    font-size: 13px;
    margin-bottom: 15px
}

body.p3 .game-secondary #description-tab article ul, body.p3 .game-secondary #updates-tab article ul, body.p3 .game-secondary #wikia-tab article ul, body.p3 .game-secondary #videos-tab article ul {
    list-style: disc outside;
    margin-bottom: 1em;
    margin-left: 16px
}

body.p3 .game-secondary #description-tab article ol, body.p3 .game-secondary #updates-tab article ol, body.p3 .game-secondary #wikia-tab article ol, body.p3 .game-secondary #videos-tab article ol {
    list-style: decimal outside;
    margin-bottom: 1em;
    margin-left: 20px
}

body.p3 .game-secondary #videos-tab {
    margin-top: 0
}

body.p3 .game-secondary #description-tab {
    margin-top: 8px
}

body.p3 .game-secondary #description-tab .support-links {
    margin-bottom: 8px
}

body.p3 .game-secondary #description-tab.with-support {
    margin-top: 0
}

body.p3 .game-secondary #highscores-tab .filter, body.p3 .game-secondary #highscores-tab .ag-select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

body.p3 .game-secondary #highscores-tab .filter a.active {
    color: #3f4549
}

body.p3 .game-secondary #highscores-tab .filter a.active:hover {
    cursor: default
}

body.p3 .game-secondary #highscores-tab .filter-time a:first-child {
    margin-left: 0
}

body.p3 .game-secondary #highscores-tab .filter-user {
    margin-left: 15px
}

body.p3 .game-secondary #highscores-tab .ag-select {
    margin-left: 27px
}

body.p3 .game-secondary #highscores-tab .ag-select .selectric .label {
    color: #3f4549;
    max-width: 83px
}

body.p3 .game-secondary #highscores-tab .ag-select .selectric .button {
    color: #3f4549
}

body.p3 .game-secondary #highscores-tab .ag-select .selectric .button:after {
    border-top-color: #3f4549
}

body.p3 .game-secondary #highscores-tab .ag-select .selectricItems li {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 .game-secondary #highscores-tab .ag-select.logged-out .selectric .label {
    max-width: 240px
}

body.p3 .game-secondary #highscores-tab .ag-select.logged-out .selectricItems li {
    max-width: 330px
}

body.p3 .game-secondary #highscores-tab table {
    width: 488px;
    max-width: 488px
}

body.p3 .game-secondary #highscores-tab table td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaedee
}

body.p3 .game-secondary #highscores-tab table tr:first-child td {
    border-top: 1px solid #eaedee
}

body.p3 .game-secondary #highscores-tab table .rank {
    font-size: 14px;
    font-weight: 700;
    padding-left: 20px;
    width: 45px
}

body.p3 .game-secondary #highscores-tab table .player {
    padding-left: 5px;
    font-size: 13px;
    font-weight: 700;
    max-width: 245px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 .game-secondary #highscores-tab table .player img {
    width: 30px;
    height: 30px;
    background-color: #eee;
    margin-right: 10px
}

body.p3 .game-secondary #highscores-tab table .player .anonymous {
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35)
}

body.p3 .game-secondary #highscores-tab table .time {
    padding-left: 5px;
    font-size: 11px
}

body.p3 .game-secondary #highscores-tab table .score {
    padding-left: 5px;
    font-size: 11px
}

body.p3 .game-secondary #highscores-tab table .empty td, body.p3 .game-secondary #highscores-tab table .error td {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: none
}

body.p3 .game-secondary #highscores-tab table .loading td {
    display: block;
    min-height: 100px;
    padding: 0;
    background: #fff url(/images/ag3/loading.gif) no-repeat center 25px;
    border-bottom: none
}

body.p3 .game-secondary #highscores-tab #more-scores-btn {
    margin-top: 20px
}

body.p3 .game-secondary #gameshares-tab .filter, body.p3 .game-secondary #gameshares-tab .ag-select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

body.p3 .game-secondary #gameshares-tab .support-first {
    float: left;
    margin-bottom: 3px
}

body.p3 .game-secondary #gameshares-tab .support-first a:first-child {
    margin-left: 0
}

body.p3 .game-secondary #gameshares-tab .support-second {
    clear: left;
    float: left;
    margin-left: 0;
    margin-top: 0
}

body.p3 .game-secondary #gameshares-tab .support-second a:first-child {
    margin-left: 0
}

body.p3 .game-secondary #gameshares-tab .filter a.active {
    color: #3f4549
}

body.p3 .game-secondary #gameshares-tab .filter a.active:hover {
    cursor: default
}

body.p3 .game-secondary #gameshares-tab .ag-select {
    float: right;
    width: auto;
    margin-left: 15px;
    margin-top: 5px
}

body.p3 .game-secondary #gameshares-tab .ag-select .selectric .label {
    color: #3f4549;
    max-width: 83px
}

body.p3 .game-secondary #gameshares-tab .ag-select .selectric .button {
    color: #3f4549
}

body.p3 .game-secondary #gameshares-tab .ag-select .selectric .button:after {
    border-top-color: #3f4549
}

body.p3 .game-secondary #gameshares-tab .ag-select .selectricItems li {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 .game-secondary #gameshares-tab .ag-select.logged-out .selectric .label {
    max-width: 240px
}

body.p3 .game-secondary #gameshares-tab .ag-select.logged-out .selectricItems li {
    max-width: 330px
}

body.p3 .game-secondary #gameshares-tab table {
    width: 488px;
    max-width: 488px
}

body.p3 .game-secondary #gameshares-tab table td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaedee
}

body.p3 .game-secondary #gameshares-tab table tr:first-child td {
    border-top: 1px solid #eaedee
}

body.p3 .game-secondary #gameshares-tab table .rank {
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px;
    width: 25px
}

body.p3 .game-secondary #gameshares-tab table .thumb img {
    width: 135px;
    height: 90px;
    border-radius: 3px;
    box-shadow: 5px 5px 5px #888
}

body.p3 .game-secondary #gameshares-tab table .thumb .no-thumb {
    text-align: center;
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35)
}

body.p3 .game-secondary #gameshares-tab table .player {
    padding-left: 5px;
    font-size: 13px;
    font-weight: 700;
    max-width: 245px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.p3 .game-secondary #gameshares-tab table .player img {
    width: 30px;
    height: 30px;
    background-color: #eee;
    margin-right: 10px
}

body.p3 .game-secondary #gameshares-tab table .player .anonymous {
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35)
}

body.p3 .game-secondary #gameshares-tab table .time {
    padding-left: 5px;
    font-size: 11px
}

body.p3 .game-secondary #gameshares-tab table .likes {
    padding-left: 5px;
    font-size: 11px
}

body.p3 .game-secondary #gameshares-tab table .views {
    font-size: 11px
}

body.p3 .game-secondary #gameshares-tab table .load {
    font-size: 11px;
    color: blue
}

body.p3 .game-secondary #gameshares-tab table .empty td, body.p3 .game-secondary #gameshares-tab table .error td {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: none
}

body.p3 .game-secondary #gameshares-tab table .loading td {
    display: block;
    min-height: 100px;
    padding: 0;
    background: #fff url(/images/ag3/loading.gif) no-repeat center 25px;
    border-bottom: none
}

body.p3 .game-secondary #gameshares-tab #more-scores-btn {
    margin-top: 20px
}

body.p3 .game-secondary #wikia-tab article {
    overflow: hidden;
    *zoom: 1
}

body.p3 .game-secondary #wikia-tab article.submit-link {
    margin-left: 17px;
    overflow: visible
}

body.p3 .game-secondary #wikia-tab article.submit-link h2 {
    position: relative
}

body.p3 .game-secondary #wikia-tab article.submit-link h2 .icon-info-sign {
    position: absolute;
    left: -17px
}

body.p3 .game-secondary #wikia-tab img.wordmark {
    float: right;
    max-width: 250px;
    margin: 0 0 8px 8px
}

body.p3 .game-secondary #wikia-tab h2.wikia-title {
    font-size: 15px
}

body.p3 .game-secondary #wikia-tab .wikia-desc {
    padding-top: 8px
}

body.p3 .game-secondary #wikia-tab ul.links {
    overflow: hidden;
    *zoom: 1;
    margin-left: 0;
    list-style: none;
    padding-top: 1px
}

body.p3 .game-secondary #wikia-tab ul.links li {
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 1.2em
}

body.p3 .game-secondary #wikia-tab ul.links ul.child-links {
    margin-left: 8px;
    margin-top: 4px;
    list-style: none
}

body.p3 .game-secondary #wikia-tab ul.links ul.child-links li {
    width: 224px;
    font-weight: 400
}

body.p3 .game-secondary #wikia-tab ul.links > li {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 232px;
    margin-right: 8px
}

body.p3 .game-secondary #wikia-tab ul.articles {
    overflow: hidden;
    *zoom: 1;
    margin-left: 0;
    list-style: none
}

body.p3 .game-secondary #wikia-tab ul.articles li {
    min-height: 60px;
    margin: 2px 0 13px;
    position: relative
}

body.p3 .game-secondary #wikia-tab ul.articles li img.thumb {
    position: absolute;
    width: 60px;
    max-height: 60px;
    top: 0;
    left: 0
}

body.p3 .game-secondary #wikia-tab ul.articles li .details {
    margin-left: 65px;
    font-size: 12px;
    line-height: 1.1em
}

body.p3 .game-secondary #wikia-tab ul.articles li .details .wikia-title {
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 1em
}

body.p3 .game-secondary #wikia-tab ul.articles li .details .by-line {
    margin-top: 2px;
    font-size: 12px
}

body.p3 .game-secondary #wikia-tab ul.articles li .details .abstract {
    margin-top: 4px;
    line-height: 1.2em
}

body.p3 .game-secondary #wikia-tab ul.articles li .details.sans-thumb {
    margin-left: 0
}

body.p3 .game-secondary #rating-widget {
    overflow: hidden;
    *zoom: 1;
    float: left
}

body.p3 .game-secondary #rating-widget .rating-control {
    overflow: hidden;
    *zoom: 1;
    margin-left: 15px
}

body.p3 .game-secondary #rating-widget .rating-control .vote-icon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border: none;
    background: #fff none
}

body.p3 .game-secondary #rating-widget .rating-control .vote-icon:focus {
    outline: 0
}

body.p3 .game-secondary #rating-widget .rating-control .down-vote .type-rate-down-selected {
    display: none
}

body.p3 .game-secondary #rating-widget .rating-control .down-vote.selected .type-rate-down {
    display: none
}

body.p3 .game-secondary #rating-widget .rating-control .down-vote.selected .type-rate-down-selected {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

body.p3 .game-secondary #rating-widget .rating-control .up-vote .type-rate-up-selected {
    display: none
}

body.p3 .game-secondary #rating-widget .rating-control .up-vote.selected .type-rate-up {
    display: none
}

body.p3 .game-secondary #rating-widget .rating-control .up-vote.selected .type-rate-up-selected {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

body.p3 .game-secondary #rating-widget .rating-control .rating-display {
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 25px;
    font-weight: 700;
    color: #4f4032;
    background-color: #f3f3f3;
    border: 1px solid #d7d7d7;
    padding: 0 18px;
    line-height: 1.3em
}

body.p3 .game-secondary #rating-widget .rating-control .rating-display .symbol {
    margin-top: -5px
}

body.p3 .game-secondary #rating-widget .data {
    display: none
}

body.p3 .game-secondary #fav-btn-disabled .symbol {
    filter: alpha(opacity=60);
    opacity: .6
}

body.p3 .game-secondary #fav-btn .loader {
    display: none;
    margin-left: 2px;
    margin-right: 2px
}

body.p3 .game-secondary #fav-btn .type-heart-broken, body.p3 .game-secondary #fav-btn .words-unfav-over {
    display: none
}

body.p3 .game-secondary #fav-btn.is-fav .type-heart-add, body.p3 .game-secondary #fav-btn.is-fav .words-fav {
    display: none
}

body.p3 .game-secondary #fav-btn.is-fav:hover .type-heart, body.p3 .game-secondary #fav-btn.is-fav:hover .words-unfav {
    display: none
}

body.p3 .game-secondary #fav-btn.is-fav:hover .type-heart-broken {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

body.p3 .game-secondary #fav-btn.is-fav:hover .words-unfav-over {
    display: inline
}

body.p3 .game-secondary #fav-btn.not-fav .type-heart, body.p3 .game-secondary #fav-btn.not-fav .words-unfav {
    display: none
}

body.p3 .game-secondary #fav-btn.loading .type-heart-broken, body.p3 .game-secondary #fav-btn.loading .type-heart-add, body.p3 .game-secondary #fav-btn.loading .type-heart {
    display: none !important
}

body.p3 .game-secondary #fav-btn.loading .loader {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

body.p3 .game-secondary .ag-share-menu {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

body.p3 .game-secondary .ag-share-menu .symbol {
    margin-top: -1px;
    margin-bottom: 1px
}

body.p3 .game-secondary .ag-share-menu .dropdown-menu a {
    padding-left: 10px
}

body.p3 .game-secondary .ag-share-menu.open > .dropdown-menu {
    z-index: 9999999
}

body.p3 #game-nav.tab-lite li {
    font-size: 12px
}

body.p3 .tab-lite {
    clear: both;
    margin: 0;
    padding: 10px 16px 0;
    background-color: #fdc833;
    border-bottom: 4px solid #a5a5a5;
    font-size: 0;
    white-space: nowrap;
    overflow: visible
}

body.p3 .tab-lite li {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    padding: 0 0 6px;
    margin: 0 15px 0 0;
    color: #2a2a2a
}

body.p3 .tab-lite li a {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #2a2a2a
}

body.p3 .tab-lite li::after {
    content: " ";
    display: block;
    right: 0;
    height: 4px;
    background: #a5a5a5;
    position: absolute;
    bottom: -4px;
    left: 0;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

body.p3 .tab-lite li:last-child {
    margin: 0
}

body.p3 .tab-lite li.active a:hover {
    cursor: default
}

body.p3 .tab-lite li:hover:after, body.p3 .tab-lite li.active:after {
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #2a2a2a
}

body.p3 .tab-lite.tab-lite-header {
    background-color: transparent
}

body.p3 .tab-lite.tab-lite-header li {
    font-weight: 600
}

body.p3 .tab-lite.tab-lite-header li::after {
    display: none
}

body.p3 .support-links {
    text-align: right;
    margin-top: 8px;
    margin-bottom: 16px
}

body.p3 .support-links a {
    font-size: 13px;
    font-weight: 700;
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35);
    margin-left: 13px;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

body.p3 .support-links a:hover {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #3f4549
}

body.p3 #content-canvas, body.p3 #footer {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    border: none
}

body.p3 .product-info {
    width: 336px;
    float: right;
    margin-bottom: 30px;
    min-height: 429px;
    background: transparent url(/images/img-loading.gif) no-repeat center 125px
}

body.p3 .product-info .ecwid-Product {
    padding-top: 12px
}

body.p3 .product-info .ecwid-Product .gwt-Image {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

body.p3 #chat-tab-lite .badge {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: -4px
}

body.p3 #chat-tab {
    padding-top: 20px
}

body.p3 #chat-tab .login-msg {
    font-size: 13px;
    text-align: center;
    font-weight: 700
}

body.p3 #chat-tab .popout, body.p3 #chat-tab .popin {
    float: right;
    font-size: 13px
}

body.p3 #chat-iframe, body.p3 #disabled-chat-placeholder {
    border: 1px solid #aaa;
    width: 488px;
    height: 500px
}

body.p3 #disabled-chat-placeholder {
    clear: both;
    color: #aaa;
    border-color: #ccc;
    background-color: #efefef;
    font-size: 13px;
    text-align: center;
    line-height: 100px
}

#youtube-playlist.youtube-channel {
    width: 520px;
    margin: 0;
    padding: 0
}

#youtube-playlist.youtube-channel .player {
    width: 488px;
    height: 350px;
    border-width: 0
}

#youtube-playlist.youtube-channel .playlist {
    width: 520px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

#youtube-playlist.youtube-channel .playlist .item {
    float: left;
    display: inline;
    width: 145px;
    height: 170px;
    overflow-y: hidden;
    margin-right: 26px;
    margin-top: 15px;
    cursor: pointer
}

#youtube-playlist.youtube-channel .playlist .item.nowPlaying {
    cursor: default;
    opacity: .5
}

#youtube-playlist.youtube-channel .playlist .item.last {
    margin-right: 0
}

#youtube-playlist.youtube-channel .playlist .item .youtube-thumbnail {
    width: 100%
}

#youtube-playlist.youtube-channel .playlist .item .description {
    margin-top: 2px;
    font-family: helvetica neue, arial, sans-serif;
    font-size: 12px
}

#youtube-playlist.youtube-channel .channelLink {
    display: block;
    text-align: right
}

#video-admin h3 {
    margin-top: 75px
}

#video-upload-modal {
    overflow: visible;
    width: 720px;
    height: 450px;
    margin-left: -360px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px
}

#video-upload-modal .shadow {
    margin-top: -9px;
    height: 9px;
    background: transparent url(/images/ag3/premium-content/modal-footer-shadow.png) repeat-x
}

#video-upload-modal .modal-header {
    margin: 0 0 0 15px;
    padding: 10px 0;
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dotted #bfbfbf
}

#video-upload-modal .modal-header .thumb {
    height: 45px;
    width: 45px;
    border: 1px solid #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left
}

#video-upload-modal .modal-header h3 {
    width: 640px;
    line-height: 1em;
    padding: 0;
    font-family: ubuntu, Arial, sans-serif;
    font-size: 17px;
    font-weight: 700;
    float: left
}

#video-upload-modal .modal-header .close {
    position: absolute;
    right: -19px;
    top: -19px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

#video-upload-modal .modal-header .close img {
    display: block;
    width: 38px;
    height: 38px
}

#video-upload-modal .modal-body {
    height: 354px;
    overflow-y: hidden;
    padding: 5px 5px 10px 10px
}

#game-tombstone .recommended {
    padding-left: 15px;
    width: 885px;
    margin: auto
}

#game-tombstone .recommended .game {
    display: block;
    float: left;
    margin: 0 0 10px;
    color: #000;
    text-decoration: none
}

#game-tombstone .recommended .game .preview-img {
    float: left;
    width: 162px;
    height: 100px;
    background: #1574b1 url(/images/ag3/bgr-letterbox.png) no-repeat;
    margin: 0
}

#game-tombstone .recommended .game .preview-img .letterbox {
    display: block;
    width: 162px;
    height: 100px
}

#game-tombstone .recommended .game .preview-img .thumb {
    margin: 19px 0 0 50px;
    display: none;
    width: 60px;
    height: 60px;
    border: 1px solid #f3a836;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    box-shadow: rgba(0, 0, 0, .75) 0 5px 15px
}

#game-tombstone .recommended .game .info {
    float: left;
    margin: 0 0 0 9px;
    width: 165px
}

#game-tombstone .recommended .game .name {
    padding-top: 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1em;
    max-height: 4.4em;
    overflow: hidden
}

#game-tombstone .recommended .game .tags {
    max-height: 20px;
    overflow: hidden
}

#game-tombstone .recommended .game .tag, #game-tombstone .recommended .game .tag-category {
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 3px 5px 0 0;
    color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #3a87ad;
    text-shadow: #000 0 1px 2px;
    display: none
}

#game-tombstone .recommended .game .tag-category {
    display: block;
    float: left
}

#game-tombstone .recommended .game .tag-category:hover {
    color: gold
}

#game-tombstone .recommended .game .tag-category {
    font-weight: 700
}

#game-tombstone .recommended .game .stats {
    margin-top: 0;
    border-collapse: separate
}

#game-tombstone .recommended .game .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

#game-tombstone .recommended .game .stats .plays, #game-tombstone .recommended .game .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

#game-tombstone .recommended .game .stats .plays .symbol_sm, #game-tombstone .recommended .game .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#game-tombstone .recommended .game .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

#game-tombstone .recommended .game .stats .rating img {
    margin-top: -2px
}

#game-tombstone .recommended .game .stats .first {
    border-left-width: 1px
}

#game-tombstone .recommended .game .stats {
    margin-top: 3px
}

#game-tombstone .recommended a:hover .name {
    color: #126ac3
}

#game-tombstone .recommended a:hover .preview-img {
    border-color: #126ac3
}

#game-tombstone .recommended .game {
    width: 162px;
    margin-right: 15px
}

#game-tombstone .recommended .game .preview-img {
    float: none
}

#game-tombstone .recommended .game .info {
    float: none;
    margin: 0
}

#purchase-modal.modal-error .modal-header {
    margin-right: 30px
}

#purchase-modal.modal-error .modal-body {
    padding: 30px
}

#purchase-modal.modal-error .modal-body .error {
    text-align: center
}

#purchase-modal.modal-error .modal-body .error .title {
    font-family: ubuntu, Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0
}

#purchase-modal.modal-error .modal-body .error .help, #purchase-modal.modal-error .modal-body .error .details {
    margin-top: 15px;
    font-size: 13px
}

#purchase-modal, #premium-info-modal, #premium-error-modal {
    overflow: visible;
    width: 720px;
    margin-left: -360px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px
}

#purchase-modal .shadow, #premium-info-modal .shadow, #premium-error-modal .shadow {
    margin-top: -9px;
    height: 9px;
    background: transparent url(/images/ag3/premium-content/modal-footer-shadow.png) repeat-x
}

#purchase-modal .modal-header, #premium-info-modal .modal-header, #premium-error-modal .modal-header {
    margin: 0 0 0 15px;
    padding: 10px 0;
    overflow: hidden;
    *zoom: 1;
    border-bottom: 1px dotted #bfbfbf
}

#purchase-modal .modal-header .thumb, #premium-info-modal .modal-header .thumb, #premium-error-modal .modal-header .thumb {
    height: 45px;
    width: 45px;
    border: 1px solid #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left
}

#purchase-modal .modal-header h3, #premium-info-modal .modal-header h3, #premium-error-modal .modal-header h3 {
    width: 440px;
    line-height: 1em;
    padding: 0;
    margin: 15px 0 0 10px;
    font-family: ubuntu, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    float: left
}

#purchase-modal .modal-header .close, #premium-info-modal .modal-header .close, #premium-error-modal .modal-header .close {
    position: absolute;
    right: -19px;
    top: -19px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

#purchase-modal .modal-header .close img, #premium-info-modal .modal-header .close img, #premium-error-modal .modal-header .close img {
    display: block;
    width: 38px;
    height: 38px
}

#purchase-modal .modal-body, #premium-info-modal .modal-body, #premium-error-modal .modal-body {
    max-height: 325px
}

#purchase-modal .modal-body .loader, #premium-info-modal .modal-body .loader, #premium-error-modal .modal-body .loader {
    float: none;
    margin: 0;
    display: block;
    width: 100%;
    height: 200px;
    background: #fff url(/images/img-loading.gif) no-repeat center center
}

#purchase-modal .modal-body .product-list .product, #premium-info-modal .modal-body .product-list .product, #premium-error-modal .modal-body .product-list .product {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 30px
}

#purchase-modal .modal-body .product-list .product:last-child, #premium-info-modal .modal-body .product-list .product:last-child, #premium-error-modal .modal-body .product-list .product:last-child {
    margin-bottom: 0
}

#purchase-modal .modal-body .product-list .thumb, #premium-info-modal .modal-body .product-list .thumb, #premium-error-modal .modal-body .product-list .thumb {
    height: 100px;
    width: 100px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#purchase-modal .modal-body .product-list .active .thumb, #premium-info-modal .modal-body .product-list .active .thumb, #premium-error-modal .modal-body .product-list .active .thumb {
    border-color: #090
}

#purchase-modal .modal-body .product-list .details, #premium-info-modal .modal-body .product-list .details, #premium-error-modal .modal-body .product-list .details {
    float: left;
    width: 400px;
    margin: 5px 0 0 10px
}

#purchase-modal .modal-body .product-list .details h4, #premium-info-modal .modal-body .product-list .details h4, #premium-error-modal .modal-body .product-list .details h4 {
    font-family: ubuntu, Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0
}

#purchase-modal .modal-body .product-list .details .description, #premium-info-modal .modal-body .product-list .details .description, #premium-error-modal .modal-body .product-list .details .description {
    line-height: 1.2em;
    margin-top: 5px;
    font-size: 13px
}

#purchase-modal .modal-body .product-list .purchased, #premium-info-modal .modal-body .product-list .purchased, #premium-error-modal .modal-body .product-list .purchased {
    float: right;
    margin-top: 10px
}

#purchase-modal .modal-body .product-list .purchased .unlocked, #premium-info-modal .modal-body .product-list .purchased .unlocked, #premium-error-modal .modal-body .product-list .purchased .unlocked {
    font-family: ubuntu, Arial, sans-serif;
    font-size: 13px;
    color: #090;
    text-transform: uppercase;
    background: transparent url(/images/ag3/premium-content/unlocked-icon.png) no-repeat left top;
    padding: 0 10px 0 20px
}

#purchase-modal .modal-body .product-list .purchased .help, #premium-info-modal .modal-body .product-list .purchased .help, #premium-error-modal .modal-body .product-list .purchased .help {
    text-align: center;
    font-size: 13px
}

#purchase-modal .modal-body .product-list .single-price, #premium-info-modal .modal-body .product-list .single-price, #premium-error-modal .modal-body .product-list .single-price {
    float: right;
    margin: 6px 40px 0 0;
    line-height: 1em;
    font-size: 24px;
    font-weight: 700;
    color: #090
}

#purchase-modal .modal-body .product-list .single-price .currency, #premium-info-modal .modal-body .product-list .single-price .currency, #premium-error-modal .modal-body .product-list .single-price .currency {
    font-size: 15px
}

#purchase-modal .modal-body .product-list .single-price.canceled, #premium-info-modal .modal-body .product-list .single-price.canceled, #premium-error-modal .modal-body .product-list .single-price.canceled {
    text-decoration: line-through;
    color: #999;
    font-size: 18px;
    margin-right: 0;
    width: 140px
}

#purchase-modal .modal-body .product-list .single-price.free, #premium-info-modal .modal-body .product-list .single-price.free, #premium-error-modal .modal-body .product-list .single-price.free {
    margin-right: 0;
    font-size: 14px;
    width: 140px
}

#purchase-modal .modal-body .product-list button.select, #purchase-modal .modal-body .product-list button.selected, #premium-info-modal .modal-body .product-list button.select, #premium-info-modal .modal-body .product-list button.selected, #premium-error-modal .modal-body .product-list button.select, #premium-error-modal .modal-body .product-list button.selected {
    float: right;
    font-family: ubuntu, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    background-color: #ed8a00;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTkwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkOGEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9900), color-stop(100%, #ed8a00));
    background-image: -moz-linear-gradient(#ff9900, #ed8a00);
    background-image: -webkit-linear-gradient(#ff9900, #ed8a00);
    background-image: linear-gradient(#ff9900, #ed8a00);
    color: #fff;
    border: none;
    padding: 12px 0;
    text-align: center;
    width: 115px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 0 3px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 3px 3px;
    box-shadow: rgba(0, 0, 0, .25) 0 3px 3px
}

#purchase-modal .modal-body .product-list button.select:hover, #premium-info-modal .modal-body .product-list button.select:hover, #premium-error-modal .modal-body .product-list button.select:hover {
    color: #fff;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    background-color: #ee950f;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTMyMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlOTUwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffa323), color-stop(100%, #ee950f));
    background-image: -moz-linear-gradient(#ffa323, #ee950f);
    background-image: -webkit-linear-gradient(#ffa323, #ee950f);
    background-image: linear-gradient(#ffa323, #ee950f)
}

#purchase-modal .modal-body .product-list button.selected, #premium-info-modal .modal-body .product-list button.selected, #premium-error-modal .modal-body .product-list button.selected {
    padding-right: 35px;
    color: #fff;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    text-align: right;
    background-color: #008c00;
    background: url(/images/ag3/premium-content/arrow-down.png) no-repeat 85px center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYTYxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: url('/images/ag3/premium-content/arrow-down.png') no-repeat 85px center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4ba614), color-stop(100%, #008c00));
    background: url(/images/ag3/premium-content/arrow-down.png) no-repeat 85px center, -moz-linear-gradient(#4ba614, #008c00);
    background: url(/images/ag3/premium-content/arrow-down.png) no-repeat 85px center, -webkit-linear-gradient(#4ba614, #008c00);
    background: url(/images/ag3/premium-content/arrow-down.png) no-repeat 85px center, linear-gradient(#4ba614, #008c00)
}

#purchase-modal .modal-body .product-list button:focus, #premium-info-modal .modal-body .product-list button:focus, #premium-error-modal .modal-body .product-list button:focus {
    outline: none
}

#purchase-modal .modal-footer-loading, #purchase-modal .modal-footer-select, #purchase-modal .modal-footer-selected, #purchase-modal .modal-footer-single-option, #premium-info-modal .modal-footer-loading, #premium-info-modal .modal-footer-select, #premium-info-modal .modal-footer-selected, #premium-info-modal .modal-footer-single-option, #premium-error-modal .modal-footer-loading, #premium-error-modal .modal-footer-select, #premium-error-modal .modal-footer-selected, #premium-error-modal .modal-footer-single-option {
    padding: 12px 0 0;
    min-height: 48px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #fff
}

#purchase-modal .modal-footer-single-option, #premium-info-modal .modal-footer-single-option, #premium-error-modal .modal-footer-single-option {
    padding: 0 15px 15px 30px
}

#purchase-modal .modal-footer-select, #premium-info-modal .modal-footer-select, #premium-error-modal .modal-footer-select {
    border-top: 1px solid #777;
    background-color: #090;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 15px
}

#purchase-modal .modal-footer-select .help, #premium-info-modal .modal-footer-select .help, #premium-error-modal .modal-footer-select .help {
    display: block;
    margin-top: 3px
}

#purchase-modal .modal-footer-selected, #premium-info-modal .modal-footer-selected, #premium-error-modal .modal-footer-selected {
    border-top: 1px solid #777;
    height: auto;
    padding: 30px 15px 15px 30px;
    text-align: left
}

#purchase-modal .modal-footer-selected .thumb, #premium-info-modal .modal-footer-selected .thumb, #premium-error-modal .modal-footer-selected .thumb {
    float: left;
    margin: 0;
    width: 60px;
    height: 60px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#purchase-modal .modal-footer-selected .details, #premium-info-modal .modal-footer-selected .details, #premium-error-modal .modal-footer-selected .details {
    float: left;
    margin: 0 0 0 10px;
    line-height: 1.2em
}

#purchase-modal .modal-footer-selected .details .title, #premium-info-modal .modal-footer-selected .details .title, #premium-error-modal .modal-footer-selected .details .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px
}

#purchase-modal .modal-footer-selected .details .name, #premium-info-modal .modal-footer-selected .details .name, #premium-error-modal .modal-footer-selected .details .name {
    font-family: ubuntu, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400
}

#purchase-modal .modal-footer-selected .details .price, #purchase-modal .modal-footer-selected .details .free, #premium-info-modal .modal-footer-selected .details .price, #premium-info-modal .modal-footer-selected .details .free, #premium-error-modal .modal-footer-selected .details .price, #premium-error-modal .modal-footer-selected .details .free {
    font-weight: 700;
    font-size: 18px;
    color: #090
}

#purchase-modal .modal-footer-selected .details .price .currency, #purchase-modal .modal-footer-selected .details .free .currency, #premium-info-modal .modal-footer-selected .details .price .currency, #premium-info-modal .modal-footer-selected .details .free .currency, #premium-error-modal .modal-footer-selected .details .price .currency, #premium-error-modal .modal-footer-selected .details .free .currency {
    font-size: 12px
}

#purchase-modal .modal-footer-selected .details .free, #premium-info-modal .modal-footer-selected .details .free, #premium-error-modal .modal-footer-selected .details .free {
    font-size: 14px
}

#purchase-modal .modal-footer-selected .details .price.canceled, #premium-info-modal .modal-footer-selected .details .price.canceled, #premium-error-modal .modal-footer-selected .details .price.canceled {
    color: #999;
    text-decoration: line-through
}

#purchase-modal .modal-footer .checkout, #premium-info-modal .modal-footer .checkout, #premium-error-modal .modal-footer .checkout {
    float: right;
    margin-bottom: 20px
}

#purchase-modal .modal-footer .checkout .paypal, #purchase-modal .modal-footer .checkout .trialpay, #purchase-modal .modal-footer .checkout .stripe, #premium-info-modal .modal-footer .checkout .paypal, #premium-info-modal .modal-footer .checkout .trialpay, #premium-info-modal .modal-footer .checkout .stripe, #premium-error-modal .modal-footer .checkout .paypal, #premium-error-modal .modal-footer .checkout .trialpay, #premium-error-modal .modal-footer .checkout .stripe {
    float: right;
    margin-top: 10px
}

#purchase-modal .modal-footer .checkout .paypal input, #purchase-modal .modal-footer .checkout .trialpay input, #purchase-modal .modal-footer .checkout .stripe input, #premium-info-modal .modal-footer .checkout .paypal input, #premium-info-modal .modal-footer .checkout .trialpay input, #premium-info-modal .modal-footer .checkout .stripe input, #premium-error-modal .modal-footer .checkout .paypal input, #premium-error-modal .modal-footer .checkout .trialpay input, #premium-error-modal .modal-footer .checkout .stripe input {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#purchase-modal .modal-footer .checkout .paypal, #premium-info-modal .modal-footer .checkout .paypal, #premium-error-modal .modal-footer .checkout .paypal {
    padding-top: 3px
}

#purchase-modal .modal-footer .checkout .paypal form, #premium-info-modal .modal-footer .checkout .paypal form, #premium-error-modal .modal-footer .checkout .paypal form {
    margin-bottom: 0
}

#purchase-modal .modal-footer .checkout .trialpay, #premium-info-modal .modal-footer .checkout .trialpay, #premium-error-modal .modal-footer .checkout .trialpay {
    margin-top: 12px;
    margin-left: 10px
}

#purchase-modal .modal-footer .checkout .stripe, #premium-info-modal .modal-footer .checkout .stripe, #premium-error-modal .modal-footer .checkout .stripe {
    margin-right: 10px
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el {
    overflow: hidden;
    display: inline-block;
    visibility: visible !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4YTBlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAxNWU5NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #28a0e5), color-stop(100%, #015e94));
    background-image: -moz-linear-gradient(#28a0e5, #015e94);
    background-image: -webkit-linear-gradient(#28a0e5, #015e94);
    background-image: linear-gradient(#28a0e5, #015e94);
    border: 0;
    padding: 1px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0, 0, 0, .2) 0 1px 0;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 1px 0;
    box-shadow: rgba(0, 0, 0, .2) 0 1px 0;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el::-moz-focus-inner, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el::-moz-focus-inner, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el::-moz-focus-inner {
    border: 0;
    padding: 0
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el span, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el span, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el span {
    display: block;
    position: relative;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #1275ff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYzVlZSIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjMDA4Y2RkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzBhMmU0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7dc5ee), color-stop(85%, #008cdd), color-stop(100%, #30a2e4));
    background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: rgba(255, 255, 255, .25) 0 1px 0 inset;
    -webkit-box-shadow: rgba(255, 255, 255, .25) 0 1px 0 inset;
    box-shadow: rgba(255, 255, 255, .25) 0 1px 0 inset;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el span img.card, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el span img.card, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el span img.card {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: -1px 4px 1px -4px;
    width: 23px;
    height: 17px
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el:not(:disabled):active, #purchase-modal .modal-footer .checkout .stripe .stripe-button-el.active, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el:not(:disabled):active, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el.active, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el:not(:disabled):active, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el.active {
    background: #005d93
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el:not(:disabled):active span, #purchase-modal .modal-footer .checkout .stripe .stripe-button-el.active span, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el:not(:disabled):active span, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el.active span, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el:not(:disabled):active span, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el.active span {
    color: #eee;
    background: #008cdd;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGNkZCIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjMDA4Y2RkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjM5YWRmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008cdd), color-stop(85%, #008cdd), color-stop(100%, #239adf));
    background-image: -moz-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: -webkit-linear-gradient(#008cdd, #008cdd 85%, #239adf);
    background-image: linear-gradient(#008cdd, #008cdd 85%, #239adf);
    -moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 0 inset;
    box-shadow: rgba(0, 0, 0, .1) 0 1px 0 inset
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el:disabled, #purchase-modal .modal-footer .checkout .stripe .stripe-button-el.disabled, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el:disabled, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el.disabled, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el:disabled, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el.disabled {
    background: rgba(0, 0, 0, .2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#purchase-modal .modal-footer .checkout .stripe .stripe-button-el:disabled span, #purchase-modal .modal-footer .checkout .stripe .stripe-button-el.disabled span, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el:disabled span, #premium-info-modal .modal-footer .checkout .stripe .stripe-button-el.disabled span, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el:disabled span, #premium-error-modal .modal-footer .checkout .stripe .stripe-button-el.disabled span {
    color: #999;
    background: #f8f9fa;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

#purchase-modal .footnote, #premium-info-modal .footnote, #premium-error-modal .footnote {
    color: #999;
    clear: both;
    padding: 10px 0 0 18px;
    font-size: 12px;
    line-height: 1em;
    position: relative;
    text-align: left
}

#purchase-modal .footnote a, #premium-info-modal .footnote a, #premium-error-modal .footnote a {
    color: #999;
    text-decoration: underline
}

#purchase-modal .footnote i, #premium-info-modal .footnote i, #premium-error-modal .footnote i {
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    left: 0;
    top: 7px
}

#purchase-modal .loader.waiting-for-processor {
    text-align: center;
    padding-top: 100px;
    color: #666;
    font-size: 13px;
    height: 175 !important
}

#purchase-modal .loader.waiting-for-processor .footnote {
    text-align: center;
    padding: 150px 100px 0
}

body.stripe-checkout-actv .modal-backdrop {
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

body.stripe-checkout-actv #purchase-modal {
    margin-top: -400px;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition-property: margin-top, opacity;
    -o-transition-property: margin-top, opacity;
    -webkit-transition-property: margin-top, opacity;
    transition-property: margin-top, opacity;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

body .modal-backdrop, body .modal-backdrop.fade.in {
    filter: alpha(opacity=60);
    opacity: .6
}

#purchase-modal.trialpay-actv {
    -moz-transition-property: margin-top;
    -o-transition-property: margin-top;
    -webkit-transition-property: margin-top;
    transition-property: margin-top;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    margin-top: -350px !important
}

#purchase-modal.trialpay-actv .shadow, #purchase-modal.trialpay-actv .modal-footer {
    display: none !important
}

#purchase-modal.trialpay-actv .modal-body {
    -moz-transition-property: max-height;
    -o-transition-property: max-height;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 635px !important;
    height: 635px !important;
    background: transparent url(/images/img-loading.gif) no-repeat center 25%;
    padding-top: 0 !important;
    line-height: 1.2em
}

#purchase-modal.trialpay-actv .modal-body .trialpay-back-btn {
    display: block;
    font-size: 12px;
    padding-top: 8px;
    height: 16px;
    float: left;
    overflow: visible;
    color: #45629d
}

#purchase-modal.trialpay-actv .modal-body .trialpay-back-btn i {
    font-style: normal;
    font-size: 11px
}

#purchase-modal.trialpay-actv .modal-body .trialpay-polling-display {
    font-size: 12px;
    position: absolute;
    right: 20px;
    color: #aaa;
    padding-top: 10px
}

#purchase-modal.trialpay-actv .modal-body .trialpay-polling-display img {
    width: 64px;
    height: 8px;
    margin-right: 8px
}

#purchase-modal.trialpay-actv .modal-body .trialpay-instructions {
    font-size: 12px
}

#purchase-modal.trialpay-actv .modal-body .trialpay-instructions h5 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

#purchase-modal.trialpay-actv .modal-body iframe.trialpay-display {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ctaButton, .ctaButton:hover {
    text-decoration: none;
    cursor: pointer;
    *display: block;
    margin-right: 25px
}

.ctaButton span {
    background: no-repeat 100% 100%;
    color: #fff;
    font-weight: 700;
    float: left;
    position: relative;
    top: 5px;
    left: 5px
}

.ctaButton span span {
    background-position: 0 100%;
    top: 0;
    left: -10px
}

.ctaButton span span span {
    background-position: 0 0;
    top: -10px;
    left: 0;
    margin-bottom: -5px
}

.ctaButton span span span span {
    background-position: 100% 0;
    top: 0;
    left: 10px;
    margin-bottom: 0;
    padding: 5px 23px 0 12px
}

.ctaButton a {
    color: #000
}

.ctaButton span {
    color: #000;
    font-weight: 700
}

.ctaButton:hover {
    zoom: 1
}

.ctaButton:focus {
    outline: 0
}

.ctaButtonBase span {
    background-image: url(//d2n8p8eh14pae1.cloudfront.net/static/cta_buttons/button_white_transparent.png);
    color: #0096ff;
    font-size: 14px
}

.ctaButtonBase span i {
    font-style: normal;
    font-size: 12px
}

.ctaButtonBase span span span {
    margin-bottom: -1px
}

.ctaButtonBase span span span span {
    padding: 7px 9px 0 0
}

.ctaButtonBase:hover span {
    background-image: url(//d2n8p8eh14pae1.cloudfront.net/static/cta_buttons/button_white_transparent_inverse.png);
    color: #3b5998
}

.ctaButtonBase:active span {
    background-image: url(//d2n8p8eh14pae1.cloudfront.net/static/cta_buttons/button_white_transparent.png)
}

#premium-info-modal .modal-header h3, #premium-error-modal .modal-header h3 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 10
}

#premium-info-modal .modal-body, #premium-error-modal .modal-body {
    max-height: none;
    padding-bottom: 30px
}

#premium-info-modal .modal-body img.promo, #premium-error-modal .modal-body img.promo {
    float: left;
    margin: 8px 25px 0 20px;
    width: 234px;
    height: 406px
}

#premium-info-modal .modal-body .intro, #premium-error-modal .modal-body .intro {
    margin-top: 40px
}

#premium-info-modal .modal-body p, #premium-error-modal .modal-body p {
    font-size: 19px;
    line-height: 1.3em;
    margin-right: 30px
}

#premium-info-modal .modal-body #purchase-btn, #premium-error-modal .modal-body #purchase-btn {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #126ac3;
    border: none;
    line-height: 1em;
    padding: 15px 33px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    margin: 25px auto 0
}

#premium-info-modal .modal-body .why, #premium-error-modal .modal-body .why {
    margin-top: 55px;
    font-size: 13px;
    line-height: 1.2em
}

#premium-error-modal p {
    text-align: center;
    margin-right: 0
}

.modal-backdrop {
    z-index: 9000000
}

#purchase-modal, #armatar-modal, #video-upload-modal, #premium-info-modal, #premium-error-modal, .modal {
    z-index: 9000001 !important
}

#armatar-modal {
    overflow: visible;
    height: 466px;
    width: 906px;
    margin: -233px 0 0 -453px;
    background: #fff url(/images/loader.gif) no-repeat center center
}

#armatar-modal div.quest-banner {
    background-image: url(/images/quest_complete_notification_lg.png);
    position: absolute;
    top: 0;
    left: 20px;
    width: 100px;
    height: 119px;
    margin: 0
}

#armatar-modal div.quest-banner img {
    margin: 7px auto 0 14px;
    width: 72px;
    height: 72px
}

#armatar-modal .modal-header {
    padding: 0;
    border: none
}

#armatar-modal .modal-header .close {
    position: absolute;
    right: -19px;
    top: -19px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

#armatar-modal .modal-header .close img {
    display: block;
    width: 38px;
    height: 38px
}

#armatar-modal .modal-body {
    padding: 30px 0 15px 30px;
    overflow: hidden;
    position: relative
}

#armatar-modal .modal-body #current-armatar-info {
    background: url(/images/ag3/loading.gif) no-repeat center 45px;
    width: 125px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 135px;
    left: 30px
}

#armatar-modal .modal-body #current-armatar-info > img {
    width: 125px;
    height: 125px;
    margin-bottom: 5px
}

#armatar-modal .modal-body .tab-lite {
    margin-right: 30px
}

#armatar-modal .modal-body .tab-lite-tab {
    background-color: #fff
}

#armatar-modal .modal-body section {
    margin: 0;
    width: 100%;
    padding: 30px 0 0
}

#armatar-modal .modal-body section .description {
    height: 47px
}

#armatar-modal .modal-body section .collection {
    overflow: hidden;
    *zoom: 1;
    margin-left: 155px;
    overflow-y: auto;
    height: 310px
}

#armatar-modal .modal-body section .collection .label-set {
    clear: both;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
    margin-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    line-height: 31px;
    padding: 5px 0 0 40px
}

#armatar-modal .modal-body section .collection .label-set .game-thumb {
    border-bottom: none;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0
}

#armatar-modal .modal-body section .collection .label-set:first-child {
    padding-top: 0
}

#armatar-modal .modal-body section .collection img.armatar {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 10px 10px 0
}

#armatar-modal .modal-body section .collection img.armatar:hover {
    cursor: pointer
}

#armatar-modal .modal-body section .collection img.locked:hover {
    cursor: default
}

#page-settings .modal-backdrop {
    z-index: 9000000
}

#page-settings .ag-select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#page-settings .ag-select .selectricItems li {
    white-space: nowrap
}

#page-settings #content-canvas {
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 40px
}

#page-settings #ag3-header {
    margin-bottom: 25px
}

#page-settings textarea, #page-settings input {
    color: #555
}

#page-settings section {
    float: left;
    margin: 0 0 0 45px;
    padding-top: 15px;
    width: 648px;
    min-height: 500px
}

#page-settings section .beta-link {
    max-height: 20px;
    overflow: visible;
    margin-top: -2px
}

#page-settings section .beta-link a {
    text-transform: none;
    font-size: 15px
}

#page-settings section .beta-link a .beta-icon {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    margin-top: -2px
}

#page-settings section header {
    margin-bottom: 30px
}

#page-settings section header > a {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 41px;
    height: 41px
}

#page-settings section header > a img {
    width: 41px;
    height: 41px
}

#page-settings section header .title-info {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 0 0 8px
}

#page-settings section header .title-info h1 {
    font-size: 24px;
    line-height: 1em;
    margin: 0
}

#page-settings section header .title-info .member-date {
    color: #555;
    font-size: 12px
}

#page-settings section legend {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding-bottom: 6px;
    margin-bottom: 0
}

#page-settings section .alert h4 {
    margin-bottom: 8px
}

#page-settings section .alert ul {
    list-style: disc
}

#page-settings section .overview {
    margin-top: 10px;
    height: 50px;
    background: #eaedee none;
    border: 1px solid #e6e6e6;
    color: #3f4549
}

#page-settings section .overview .data {
    float: left;
    margin-top: 13px;
    margin-left: 20px
}

#page-settings section .overview .data .title {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: 1px;
    margin-bottom: -1px;
    font-weight: 700;
    text-transform: uppercase
}

#page-settings section .overview .data .symbol {
    margin-left: 5px
}

#page-settings section .overview .data .value {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 27px;
    margin-left: 6px
}

#page-settings section .overview .data .user-search {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: 10px;
    margin-top: 5px;
    position: relative
}

#page-settings section .overview .data .user-search input[type=search]::-webkit-input-placeholder {
    color: #65737e
}

#page-settings section .overview .data .user-search input[type=search]:-moz-placeholder {
    color: #65737e
}

#page-settings section .overview .data .user-search input[type=search]::-moz-placeholder {
    color: #65737e
}

#page-settings section .overview .data .user-search input[type=search]:-ms-input-placeholder {
    color: #65737e
}

#page-settings section .overview .data .user-search .icon {
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
    z-index: 1;
    color: #4f5b66
}

#page-settings section .overview .data .user-search input[type=search]:hover, #page-settings section .overview .data .user-search input[type=search]:focus, #page-settings section .overview .data .user-search input[type=search]:active {
    outline: none;
    background: #fff
}

#page-settings section .overview .data .user-search input[type=search] {
    background: #e1e1e1;
    border: none;
    font-size: 12pt;
    width: 150px;
    float: left;
    padding-left: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    -webkit-transition: background .55s ease;
    -moz-transition: background .55s ease;
    -ms-transition: background .55s ease;
    -o-transition: background .55s ease;
    transition: background .55s ease
}

#page-settings section .overview .data .user-search-results {
    display: none
}

#page-settings section .overview .percentile {
    float: right;
    display: none
}

#page-settings section .overview .percentile .symbol {
    margin-top: -4px;
    margin-bottom: 4px
}

#page-settings section .overview .percentile .rank {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 153px;
    margin-top: 9px;
    margin-left: 5px;
    text-align: center
}

#page-settings section .overview .percentile .rank .value {
    font-size: 27px;
    font-weight: 700;
    text-transform: uppercase
}

#page-settings section .overview .percentile .rank .title {
    font-size: 10.5px;
    font-weight: 700
}

#page-settings section .sort {
    float: left;
    margin: 10px 0
}

#page-settings section .sort ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#page-settings section .sort ul li {
    display: inline;
    margin-right: 10px
}

#page-settings section .pagi-container {
    text-align: center
}

#page-settings section .pagi-container .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#page-settings section .pagi-container .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#page-settings section .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

#page-settings section .leadin {
    padding-top: 16px;
    margin-bottom: 21px
}

#page-settings section .leadin .disclaimer {
    font-weight: 700
}

#page-settings section.beta .lead-in {
    margin-top: 40px
}

#page-settings section.beta #beta-form {
    margin-top: 40px
}

#page-settings section.beta #beta-form .control-label {
    font-weight: 700
}

#page-settings section.beta #beta-form .control-label:after {
    content: ":"
}

#page-settings section.general-settings .alert {
    margin-top: 20px;
    margin-bottom: -20px
}

#page-settings section.general-settings #general-settings-form {
    margin-top: 40px
}

#page-settings section.general-settings #general-settings-form .help-inline {
    font-size: 12px;
    line-height: 1.2em;
    color: #333
}

#page-settings section.general-settings #general-settings-form .control-group .control-label {
    font-weight: 700
}

#page-settings section.general-settings #general-settings-form .control-group .control-label:after {
    content: ":"
}

#page-settings section.general-settings #general-settings-form .control-group .controls .btn-link {
    display: block;
    line-height: 1em;
    margin: 0;
    padding: 0
}

#page-settings section.general-settings #general-settings-form .control-group .controls.text {
    padding: 5px
}

#page-settings section.general-settings #general-settings-form .control-group.armatar .controls img, #page-settings section.general-settings #general-settings-form .control-group.background .controls img {
    width: 61px;
    height: 61px
}

#page-settings section.general-settings #general-settings-form .control-group.armatar .controls .btn-link, #page-settings section.general-settings #general-settings-form .control-group.background .controls .btn-link {
    margin-left: 22px
}

#page-settings section.general-settings #general-settings-form .control-group.bio .controls textarea {
    font-family: lucida console, lucida sans typewriter, monaco, bitstream vera sans mono, monospace;
    height: 125px;
    resize: none
}

#page-settings section.general-settings #general-settings-form .control-group.bio .controls #bio-character-counter {
    float: right;
    margin-right: 10px;
    font-size: 11px;
    line-height: 11px;
    height: 13px;
    border: 1px solid transparent
}

#page-settings section.general-settings #general-settings-form .control-group.enable-comments, #page-settings section.general-settings #general-settings-form .control-group.disable-forums {
    margin-bottom: 0
}

#page-settings section.general-settings #general-settings-form .control-group.enable-comments .control-label:after, #page-settings section.general-settings #general-settings-form .control-group.disable-chat .control-label:after {
    content: "?"
}

#page-settings section.general-settings #general-settings-form .control-group.gender {
    margin-bottom: 12px
}

#page-settings section.general-settings #general-settings-form .control-group.bday {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 12px
}

#page-settings section.general-settings #general-settings-form .control-group.bday select {
    float: left;
    margin-right: 5px
}

#page-settings section.general-settings #general-settings-form .control-group.bday select.month {
    width: 85px
}

#page-settings section.general-settings #general-settings-form .control-group.bday select.day {
    width: 55px
}

#page-settings section.general-settings #general-settings-form .control-group.bday select.year {
    width: 70px;
    margin-right: 0
}

#page-settings section.general-settings #general-settings-form .control-group.location #location-flag-icon {
    width: auto;
    height: 24px;
    margin: 0 0 0 7px
}

#page-settings section.general-settings #general-settings-form #ext-game-ids {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 0 16px 0 0;
    margin: 24px 0 36px;
    border-right: 6px solid #efefef
}

#page-settings section.general-settings #general-settings-form #ext-game-ids .control-group {
    margin-bottom: 12px
}

#page-settings section.general-settings #general-settings-form #ext-game-ids .control-group.steam {
    margin-bottom: 0
}

#page-settings section.general-settings #general-settings-form #ext-game-ids-help {
    white-space: nowrap;
    width: 10px;
    overflow: visible
}

#page-settings section.general-settings #general-settings-form .bio-markup-utility .markItUp {
    width: auto
}

#page-settings section.general-settings #general-settings-form .bio-markup-utility .markItUpPreviewFrame {
    border: none;
    width: 458px
}

#page-settings section.delete-account .tab-lite > li.active > a:hover {
    cursor: pointer
}

#page-settings section.delete-account .support-links > a {
    color: #3f4549
}

#page-settings section.delete-account .support-links > a:hover {
    cursor: default
}

#page-settings section.delete-account .disclaimer ul {
    list-style: disc
}

#page-settings section.delete-account .control-group .control-label {
    font-weight: 700
}

#page-settings section.delete-account .control-group .control-label:after {
    content: ":"
}

#page-settings .popover .popover-title .close-help {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 20px;
    line-height: 20px;
    border: none;
    background: 0 0;
    font-weight: 700;
    color: #999
}

#page-settings .popover .popover-title .close-help:hover {
    color: #333
}

#page-settings .popover .popover-content hr {
    margin: 6px 0 0
}

#page-settings .popover .popover-content code {
    margin-bottom: 4px;
    display: block;
    color: #333
}

#page-settings section.friends #sort-form {
    margin-bottom: 10px
}

#page-settings section.friends .friends-list {
    margin: 0;
    padding-top: 9px
}

#page-settings section.friends .friends-list .friend {
    float: left;
    width: 200px;
    height: 80px;
    margin-bottom: 30px;
    margin-right: 24px;
    position: relative
}

#page-settings section.friends .friends-list .friend .delete-control {
    position: absolute;
    padding-top: 9px;
    padding-right: 9px;
    margin-top: -9px
}

#page-settings section.friends .friends-list .friend .delete-control .control {
    position: absolute;
    top: 0;
    left: 71px;
    display: none
}

#page-settings section.friends .friends-list .friend .delete-control .control:hover {
    cursor: pointer
}

#page-settings section.friends .friends-list .friend .delete-control .fader {
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none
}

#page-settings section.friends .friends-list .friend .delete-control .armatar {
    width: 80px;
    height: 80px
}

#page-settings section.friends .friends-list .friend .delete-control:hover .control, #page-settings section.friends .friends-list .friend .delete-control:hover .fader {
    display: block
}

#page-settings section.friends .friends-list .friend .details {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 105px;
    margin-left: 90px;
    margin-top: 5px
}

#page-settings section.friends .friends-list .friend .details .username {
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 1px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#page-settings section.friends .friends-list .friend .details .username .symbol {
    margin: -1px 5px 1px 0
}

#page-settings section.friends .friends-list .friend .details .date-added {
    font-size: 11px;
    line-height: 1em;
    margin-bottom: 8px
}

#page-settings section.friends .friends-list .friend .details .status {
    font-size: 11px;
    line-height: 1.2em;
    max-height: 4.8em;
    overflow: hidden
}

#page-settings section.friends .friends-list .friend .details .status.offline {
    font-weight: 700;
    color: #ccc
}

#page-settings section.friends .friends-list .friend:nth-child(3n+3) {
    margin-right: 0
}

#page-settings section.friends .no-friends {
    text-align: center;
    font-style: italic
}

#page-settings #unfriend-form {
    margin: 0;
    padding: 0
}

#page-settings section.player-quests .quests {
    margin: 0
}

#page-settings section.player-quests .quests li {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 9px 0 0;
    padding: 0;
    width: 72px;
    float: left
}

#page-settings section.player-quests .quests li img {
    width: 72px !important;
    height: 72px !important
}

#page-settings section.player-quests .quests li .status {
    height: 20px;
    overflow: hidden;
    background-color: #fff;
    font-size: 9px;
    line-height: 1em;
    font-weight: 700;
    text-align: center
}

#page-settings section.player-quests .quests li .status .complete {
    text-transform: uppercase;
    margin-top: 3px;
    display: none
}

#page-settings section.player-quests .quests li .status .q-progress {
    margin: 5px 4px 0;
    padding: 0;
    height: 5px;
    background-color: #ccc;
    display: none
}

#page-settings section.player-quests .quests li .status .q-progress .q-indicator {
    height: 5px;
    width: 0%;
    background-color: #333
}

#page-settings section.player-quests .quests li .debug {
    position: absolute;
    right: 0;
    bottom: 20px;
    background-color: #666
}

#page-settings section.player-quests .quests li.last {
    margin-right: 0
}

#page-settings section.player-quests .quests li.loading img, #page-settings section.player-quests .quests li.in-progress img {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    filter: alpha(opacity=40);
    opacity: .4
}

#page-settings section.player-quests .quests li.in-progress .status .q-progress {
    display: block
}

#page-settings section.player-quests .quests li.completed .status .complete {
    display: block
}

#page-settings section.player-quests .quests li.highlight img {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

#page-settings section.favs .game-list {
    margin: 0;
    padding-top: 9px
}

#page-settings section.favs .game-list .game {
    float: left;
    width: 60px;
    height: auto;
    margin-bottom: 18px;
    margin-right: 13px;
    position: relative
}

#page-settings section.favs .game-list .game .controls {
    position: relative;
    padding-top: 9px;
    padding-right: 9px;
    margin-top: -9px;
    width: 60px;
    height: 60px
}

#page-settings section.favs .game-list .game .controls .control {
    position: absolute;
    top: 0;
    left: 50px;
    display: none
}

#page-settings section.favs .game-list .game .controls .control:hover {
    cursor: pointer
}

#page-settings section.favs .game-list .game .controls .fader {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none
}

#page-settings section.favs .game-list .game .controls .thumb {
    width: 60px;
    height: 60px;
    max-width: none
}

#page-settings section.favs .game-list .game .controls:hover .control, #page-settings section.favs .game-list .game .controls:hover .fader {
    display: block
}

#page-settings section.favs .game-list .game .name {
    display: block;
    font-size: 10px;
    line-height: 1em;
    text-align: center;
    margin-top: 4px;
    height: 2em;
    overflow: hidden
}

#page-settings section.favs .game-list .game:nth-child(9n+9) {
    margin-right: 0
}

#page-settings section.contact .tab-lite {
    margin-bottom: 10px
}

#page-settings section.contact #contact-form {
    padding-top: 17px
}

#page-settings section.contact .control-group .control-label {
    font-weight: 700
}

#page-settings section.contact .control-group .control-label:after {
    content: ":"
}

#page-settings section.social-accounts .tab-lite {
    margin-bottom: 10px
}

#page-settings section.social-accounts .network {
    position: relative
}

#page-settings section.social-accounts .network legend {
    margin-bottom: 10px
}

#page-settings section.social-accounts .network .network-icon {
    position: absolute;
    height: 32px;
    width: 32px
}

#page-settings section.social-accounts .network .network-profile {
    position: absolute;
    right: 0;
    width: 200px
}

#page-settings section.social-accounts .network .network-profile .profile-image, #page-settings section.social-accounts .network .network-profile .profile-name {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#page-settings section.social-accounts .network .network-profile .profile-image {
    width: 40px;
    height: 40px;
    margin-right: 4px
}

#page-settings section.social-accounts .network .network-profile .profile-name {
    line-height: 40px;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#page-settings section.social-accounts .network .status {
    margin-top: 10px
}

#page-settings section.social-accounts .network .status dt:after {
    content: ":"
}

#page-settings section.social-accounts .network .status .btn-disconnect {
    border: none;
    padding: 0 0 0 15px;
    margin-top: -1px;
    margin-bottom: 1px
}

#page-settings section.social-accounts .network .action {
    margin-top: 16px
}

#page-settings section.social-accounts .network .action .btn-friends, #page-settings section.social-accounts .network .action .btn-connect, #page-settings section.social-accounts .network .action .btn-reconnect {
    margin: 0;
    font-size: 13px
}

#page-settings section.social-accounts .network .error-msg {
    font-size: 13px;
    font-style: italic
}

#page-settings section.purchases-n-subscriptions .tab-lite {
    margin-bottom: 10px
}

#page-settings section.purchases-n-subscriptions dd.action {
    margin-top: 15px
}

#page-settings section.purchases-n-subscriptions .remaining {
    font-weight: 700
}

#page-settings section.purchases-n-subscriptions .purchase-btn {
    margin-top: -1px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #126ac3;
    border: none;
    line-height: 1em;
    padding: 8px 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .75) 0 3px 5px
}

#page-settings section.purchases-n-subscriptions img.game-thumb {
    display: block;
    float: left;
    width: 45px;
    height: 45px;
    border: 3px solid #333
}

#page-settings section.purchases-n-subscriptions .purchases {
    margin: 20px 0;
    padding: 0 10px 0 0
}

#page-settings section.purchases-n-subscriptions .purchases .purchase {
    padding: 4px 0;
    overflow: hidden;
    *zoom: 1
}

#page-settings section.purchases-n-subscriptions .purchases .purchase .details {
    display: block;
    float: left;
    margin-left: 10px;
    width: 575px
}

#page-settings section.purchases-n-subscriptions .purchases .purchase .details .header {
    margin-top: 7px;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#page-settings section.purchases-n-subscriptions .purchases .purchase .details .header h3 {
    line-height: 1em;
    display: inline;
    font-size: 15px !important
}

#page-settings section.purchases-n-subscriptions .purchases .purchase .details .info {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 11px;
    overflow: hidden;
    *zoom: 1
}

#page-settings section.purchases-n-subscriptions .purchases .purchase .details .info .date {
    min-width: 80px;
    float: left;
    padding-right: 10px
}

#page-settings section.purchases-n-subscriptions .purchases .purchase .details .info .order {
    min-width: 100px;
    padding-right: 10px;
    float: left
}

#page-settings section.purchases-n-subscriptions .purchases .purchase .details .info .processor {
    float: left
}

#page-settings section.purchases-n-subscriptions .not-found, #page-settings section.purchases-n-subscriptions .no-purchases {
    text-align: center;
    line-height: 60px
}

#page-settings section.purchases-n-subscriptions .support-link {
    text-align: center;
    font-size: 12px
}

#page-settings section.password .tab-lite {
    margin-bottom: 10px
}

#page-settings section.password #password-form {
    margin-top: 30px
}

#page-settings section.password .control-group .control-label {
    font-weight: 700
}

#page-settings section.password .control-group .control-label:after {
    content: ":"
}

#page-settings section.password .control-group .help-block {
    margin: 0;
    font-size: 12px
}

#page-settings section.password .control-group .controls {
    position: relative
}

#page-settings section.password .control-group .controls .password-toggle {
    position: absolute;
    top: 9px;
    left: 198px;
    border: none;
    outline: none;
    background-color: transparent;
    margin: 0;
    padding: 0
}

#page-settings section.password #password_label {
    font-size: 11px;
    line-height: 13px;
    font-weight: 700;
    margin: 5px
}

#page-settings section.password #password_picture {
    float: left;
    width: 70px;
    height: 70px;
    margin: 0 5px 5px
}

#page-settings section.password #password_status {
    float: left;
    height: 98px;
    width: 195px;
    display: none;
    overflow: hidden;
    font-family: helvetica neue, helvetica, Arial, sans-serif;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #fff
}

#page-settings section.password #password_valid {
    text-align: center;
    font-weight: 700;
    line-height: 14px
}

#page-settings section.password #password_complexity {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px
}

#page-settings section.password #password_status {
    width: 214px
}

#page-settings aside {
    float: right;
    width: 160px;
    margin: 15px 30px 0 0
}

#page-settings div.popover {
    width: 270px
}

#page-settings div.popover h3.popover-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    background-color: #dad4c4;
    background-image: url(/images/quest_icon.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-settings div.popover div.popover-content {
    font-size: 12px
}

#page-settings div.popover div.popover-content h4 {
    line-height: 17px;
    margin-bottom: 5px;
    font-weight: 700
}

#page-settings div.popover div.popover-content table {
    margin-bottom: 5px
}

#page-settings div.popover div.popover-content td, #page-settings div.popover div.popover-content th {
    line-height: 1.4em
}

#page-settings div.popover div.popover-content th {
    padding-right: 5px;
    font-weight: 700;
    text-align: left
}

#page-settings div.popover div.popover-content .tags {
    margin-bottom: 5px
}

#page-settings div.popover div.popover-content .tags .label {
    line-height: 1.7em
}

#page-settings div.popover div.popover-content p {
    line-height: 17px;
    margin-bottom: 5px
}

#page-settings div.popover div.popover-content span.tag {
    text-transform: uppercase
}

#page-settings #game-nav.tab-lite li {
    font-size: 12px
}

#page-settings .tab-lite {
    clear: both;
    margin: 0;
    padding: 10px 16px 0;
    background-color: #fdc833;
    border-bottom: 4px solid #a5a5a5;
    font-size: 0;
    white-space: nowrap;
    overflow: visible
}

#page-settings .tab-lite li {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    padding: 0 0 6px;
    margin: 0 15px 0 0;
    color: #2a2a2a
}

#page-settings .tab-lite li a {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #2a2a2a
}

#page-settings .tab-lite li::after {
    content: " ";
    display: block;
    right: 0;
    height: 4px;
    background: #a5a5a5;
    position: absolute;
    bottom: -4px;
    left: 0;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

#page-settings .tab-lite li:last-child {
    margin: 0
}

#page-settings .tab-lite li.active a:hover {
    cursor: default
}

#page-settings .tab-lite li:hover:after, #page-settings .tab-lite li.active:after {
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #2a2a2a
}

#page-settings .tab-lite.tab-lite-header {
    background-color: transparent
}

#page-settings .tab-lite.tab-lite-header li {
    font-weight: 600
}

#page-settings .tab-lite.tab-lite-header li::after {
    display: none
}

#page-settings .support-links {
    text-align: right;
    margin-top: 8px;
    margin-bottom: 16px
}

#page-settings .support-links a {
    font-size: 13px;
    font-weight: 700;
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35);
    margin-left: 13px;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

#page-settings .support-links a:hover {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #3f4549
}

#page-settings .support-links {
    margin-top: 5px
}

#page-settings #sub-flow {
    width: 100%;
    margin: 0 0 30px
}

#page-settings #sub-flow .wrap {
    width: 570px;
    margin: 0 auto
}

#page-settings #sub-flow h2 {
    margin: 0 0 15px;
    padding: 20px 0 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1em;
    text-transform: uppercase;
    border-bottom: 1px solid #c1c1c1
}

#page-settings #sub-flow p {
    margin: 7px 0;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2em
}

#page-settings #sub-flow dl {
    font-size: 0;
    margin: 0 0 7px
}

#page-settings #sub-flow dt {
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2em
}

#page-settings #sub-flow dd {
    margin: 0;
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2em
}

#page-settings #sub-flow .sub-status {
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    background-color: #191919;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 17px;
    margin: 0 0 0 6px
}

#page-settings #sub-flow .sub-status.active {
    background-color: #0ca500
}

#page-settings #sub-flow .sub-status.inactive {
    background-color: #a5a5a5
}

#page-settings #sub-flow .sub-status.cancel-pending {
    background-color: #c52800
}

#page-settings #sub-flow .sub-status.cancelled {
    background-color: #191919
}

#page-settings #sub-flow .sub-status.past-due {
    background-color: #c52800
}

#page-settings #sub-flow .account-info {
    margin: 19px 0;
    padding: 0;
    font-size: 0;
    border-bottom: 1px solid #c1c1c1
}

#page-settings #sub-flow .account-info li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-weight: 500;
    font-size: 13px;
    background-color: #c1c1c1;
    -moz-transition: border .2s ease-out, background .2s ease-out;
    -o-transition: border .2s ease-out, background .2s ease-out;
    -webkit-transition: border .2s ease-out, background .2s ease-out;
    transition: border .2s ease-out, background .2s ease-out;
    line-height: 29px;
    height: 29px;
    margin: 0 9px 0 0
}

#page-settings #sub-flow .account-info li a {
    padding: 0 18px;
    color: #2a2a2a;
    text-decoration: none
}

#page-settings #sub-flow .account-info li:hover {
    -moz-transition: border .2s ease-out, background .2s ease-out;
    -o-transition: border .2s ease-out, background .2s ease-out;
    -webkit-transition: border .2s ease-out, background .2s ease-out;
    transition: border .2s ease-out, background .2s ease-out;
    background-color: #ddd
}

#page-settings #sub-flow .account-info li.active {
    background-color: #2a2a2a
}

#page-settings #sub-flow .account-info li.active a {
    color: #fff
}

#page-settings #sub-flow .account-info li.active:hover {
    cursor: default;
    background-color: #2a2a2a
}

#page-settings #sub-flow .account-info-data {
    display: none
}

#page-settings #sub-flow .account-info-data.show {
    display: block
}

#page-settings #sub-flow .account-info-data a, #page-settings #sub-flow .account-info-data button {
    font-weight: 500;
    margin: 0 10px
}

#page-settings #sub-flow .ag-promo, #page-settings #sub-flow .ag-promo-renew {
    margin: 8px 0 0;
    padding: 0;
    border: 0;
    background: #2f327c url(/images/ag3/settings/promo-ag-plus.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 150px
}

#page-settings #sub-flow .ag-promo-renew {
    background-image: url(/images/ag3/settings/promo-ag-plus-renew.png)
}

#page-settings #ag-promo-overlay {
    display: none;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

#page-settings #ag-promo-overlay.show {
    display: block
}

#page-settings #ag-promo-overlay.loading.only:before {
    display: none
}

#page-settings #ag-promo-overlay.loading.only .card {
    display: none
}

#page-settings #ag-promo-overlay.loading:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 764px;
    height: 509px;
    margin: -254.5px 0 0 -382px;
    background: rgba(255, 255, 255, .75)
}

#page-settings #ag-promo-overlay.loading:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border-radius: 50%;
    background: #fff url(/images/ag3/loading.gif) no-repeat center;
    background-size: 32px auto
}

#page-settings #ag-promo-overlay .curtain {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, .75)
}

#page-settings #ag-promo-overlay .card {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -254.5px 0 0 -382px;
    width: 764px;
    height: 509px;
    background-color: #30367f;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF2C0055', endColorstr='#FF336CA9');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMDA1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzNmNhOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #2c0055), color-stop(100%, #336ca9));
    background-image: -moz-linear-gradient(left top, #2c0055 0%, #336ca9 100%);
    background-image: -webkit-linear-gradient(left top, #2c0055 0%, #336ca9 100%);
    background-image: linear-gradient(to right bottom, #2c0055 0%, #336ca9 100%);
    -moz-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .4);
    color: #fff
}

#page-settings #ag-promo-overlay .card-title {
    display: block;
    margin: 67px auto 0
}

#page-settings #ag-promo-overlay .card-description {
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    margin: 29px 0 0
}

#page-settings #ag-promo-overlay .card-plans {
    margin: 26px 0 0;
    padding: 0
}

#page-settings #ag-promo-overlay .card-plan {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 75px;
    height: 74px;
    overflow: hidden;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 1px solid transparent;
    background-color: transparent;
    -moz-transition: border .2s ease-out, background .2s ease-out;
    -o-transition: border .2s ease-out, background .2s ease-out;
    -webkit-transition: border .2s ease-out, background .2s ease-out;
    transition: border .2s ease-out, background .2s ease-out
}

#page-settings #ag-promo-overlay .card-plan:hover {
    cursor: pointer;
    border-color: #fff;
    background-color: rgba(255, 255, 255, .15);
    -moz-transition: border .2s ease-out, background .2s ease-out;
    -o-transition: border .2s ease-out, background .2s ease-out;
    -webkit-transition: border .2s ease-out, background .2s ease-out;
    transition: border .2s ease-out, background .2s ease-out
}

#page-settings #ag-promo-overlay .card-plan .time {
    color: #fdc833
}

#page-settings #ag-promo-overlay .card-plan .currency {
    font-size: 18px
}

#page-settings #ag-promo-overlay .card-disclaimer {
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
    margin: 36px 0 0
}

#page-settings #close-ag-promo-overlay {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: auto
}

#page-settings #close-ag-promo-overlay:hover {
    cursor: pointer
}

.icon-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

body#markup-preview {
    background: 0 0
}

#game-updates-page .ex-breadcrumb {
    margin-top: 10px;
    margin-left: 10px;
    font-weight: 700;
    color: #303740
}

#game-updates-page .ex-breadcrumb h1, #game-updates-page .ex-breadcrumb h2, #game-updates-page .ex-breadcrumb h3 {
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 5px 0 0
}

#game-updates-page section {
    width: 670px;
    margin: 26px 0 0 24px;
    padding-bottom: 25px;
    line-height: 1.4em;
    font-size: 15px
}

#game-updates-page section h1 {
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px
}

#game-updates-page section .updates {
    padding: 0;
    margin: 0
}

#game-updates-page section .updates .update {
    border-top: 1px solid #e6e6e6;
    position: relative;
    padding: 4px 0 12px 180px
}

#game-updates-page section .updates .update img.feature {
    position: absolute;
    max-width: 162px;
    top: 12px;
    left: 0
}

#game-updates-page section .updates .update .game-name {
    margin: 8px 0 4px;
    line-height: 1.2em
}

#game-updates-page section .updates .update .by-line {
    margin-bottom: 8px
}

#game-updates-page section .updates .update .by-line .developer, #game-updates-page section .updates .update .by-line .date {
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 8px
}

#game-updates-page section .updates .update .content {
    min-height: 35px;
    overflow: hidden
}

#game-updates-page section .updates .update .content ul {
    list-style: disc;
    list-style-position: inside;
    margin-top: 10px
}

#game-updates-page section .updates .update .full-update-control {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    position: relative;
    margin-top: -28px
}

#game-updates-page section .updates .update .full-update-control .shadow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    height: 28px
}

#game-updates-page section .updates .update .full-update-control .link {
    display: block;
    padding-top: 8px
}

#game-updates-page aside {
    margin-top: 63px;
    width: 200px;
    float: right
}

#page-forum-list #game-nav.tab-lite li, #page-forum-thread #game-nav.tab-lite li, #page-forum-view #game-nav.tab-lite li {
    font-size: 12px
}

#page-forum-list .tab-lite, #page-forum-thread .tab-lite, #page-forum-view .tab-lite {
    clear: both;
    margin: 0;
    padding: 10px 16px 0;
    background-color: #fdc833;
    border-bottom: 4px solid #a5a5a5;
    font-size: 0;
    white-space: nowrap;
    overflow: visible
}

#page-forum-list .tab-lite li, #page-forum-thread .tab-lite li, #page-forum-view .tab-lite li {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    padding: 0 0 6px;
    margin: 0 15px 0 0;
    color: #2a2a2a
}

#page-forum-list .tab-lite li a, #page-forum-thread .tab-lite li a, #page-forum-view .tab-lite li a {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #2a2a2a
}

#page-forum-list .tab-lite li::after, #page-forum-thread .tab-lite li::after, #page-forum-view .tab-lite li::after {
    content: " ";
    display: block;
    right: 0;
    height: 4px;
    background: #a5a5a5;
    position: absolute;
    bottom: -4px;
    left: 0;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

#page-forum-list .tab-lite li:last-child, #page-forum-thread .tab-lite li:last-child, #page-forum-view .tab-lite li:last-child {
    margin: 0
}

#page-forum-list .tab-lite li.active a:hover, #page-forum-thread .tab-lite li.active a:hover, #page-forum-view .tab-lite li.active a:hover {
    cursor: default
}

#page-forum-list .tab-lite li:hover:after, #page-forum-list .tab-lite li.active:after, #page-forum-thread .tab-lite li:hover:after, #page-forum-thread .tab-lite li.active:after, #page-forum-view .tab-lite li:hover:after, #page-forum-view .tab-lite li.active:after {
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #2a2a2a
}

#page-forum-list .tab-lite.tab-lite-header, #page-forum-thread .tab-lite.tab-lite-header, #page-forum-view .tab-lite.tab-lite-header {
    background-color: transparent
}

#page-forum-list .tab-lite.tab-lite-header li, #page-forum-thread .tab-lite.tab-lite-header li, #page-forum-view .tab-lite.tab-lite-header li {
    font-weight: 600
}

#page-forum-list .tab-lite.tab-lite-header li::after, #page-forum-thread .tab-lite.tab-lite-header li::after, #page-forum-view .tab-lite.tab-lite-header li::after {
    display: none
}

#page-forum-list .forum-stats, #page-forum-thread .forum-stats, #page-forum-view .forum-stats {
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    border-collapse: separate;
    color: #000
}

#page-forum-list .forum-stats td, #page-forum-thread .forum-stats td, #page-forum-view .forum-stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    position: relative
}

#page-forum-list .forum-stats td:first-child, #page-forum-thread .forum-stats td:first-child, #page-forum-view .forum-stats td:first-child {
    border-left-width: 1px
}

#page-forum-list .forum-stats .users, #page-forum-list .forum-stats .posts, #page-forum-list .forum-stats .views, #page-forum-thread .forum-stats .users, #page-forum-thread .forum-stats .posts, #page-forum-thread .forum-stats .views, #page-forum-view .forum-stats .users, #page-forum-view .forum-stats .posts, #page-forum-view .forum-stats .views {
    background-color: #fff;
    padding-left: 18px
}

#page-forum-list .forum-stats .users .type-users_sm, #page-forum-thread .forum-stats .users .type-users_sm, #page-forum-view .forum-stats .users .type-users_sm {
    margin: 0 0 0 -14px;
    position: absolute
}

#page-forum-list .forum-stats .posts .type-posts_sm, #page-forum-thread .forum-stats .posts .type-posts_sm, #page-forum-view .forum-stats .posts .type-posts_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#page-forum-list .forum-stats .views .type-views_sm, #page-forum-thread .forum-stats .views .type-views_sm, #page-forum-view .forum-stats .views .type-views_sm {
    margin: 1px 0 0 -14px;
    position: absolute
}

#page-forum-list div.popover, #page-forum-thread div.popover, #page-forum-view div.popover {
    width: 270px
}

#page-forum-list div.popover h3.popover-title, #page-forum-thread div.popover h3.popover-title, #page-forum-view div.popover h3.popover-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    background-color: #dad4c4;
    background-image: url(/images/quest_icon.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#page-forum-list div.popover div.popover-content, #page-forum-thread div.popover div.popover-content, #page-forum-view div.popover div.popover-content {
    font-size: 12px
}

#page-forum-list div.popover div.popover-content h4, #page-forum-thread div.popover div.popover-content h4, #page-forum-view div.popover div.popover-content h4 {
    line-height: 17px;
    margin-bottom: 5px;
    font-weight: 700
}

#page-forum-list div.popover div.popover-content table, #page-forum-thread div.popover div.popover-content table, #page-forum-view div.popover div.popover-content table {
    margin-bottom: 5px
}

#page-forum-list div.popover div.popover-content td, #page-forum-list div.popover div.popover-content th, #page-forum-thread div.popover div.popover-content td, #page-forum-thread div.popover div.popover-content th, #page-forum-view div.popover div.popover-content td, #page-forum-view div.popover div.popover-content th {
    line-height: 1.4em
}

#page-forum-list div.popover div.popover-content th, #page-forum-thread div.popover div.popover-content th, #page-forum-view div.popover div.popover-content th {
    padding-right: 5px;
    font-weight: 700;
    text-align: left
}

#page-forum-list div.popover div.popover-content .tags, #page-forum-thread div.popover div.popover-content .tags, #page-forum-view div.popover div.popover-content .tags {
    margin-bottom: 5px
}

#page-forum-list div.popover div.popover-content .tags .label, #page-forum-thread div.popover div.popover-content .tags .label, #page-forum-view div.popover div.popover-content .tags .label {
    line-height: 1.7em
}

#page-forum-list div.popover div.popover-content p, #page-forum-thread div.popover div.popover-content p, #page-forum-view div.popover div.popover-content p {
    line-height: 17px;
    margin-bottom: 5px
}

#page-forum-list div.popover div.popover-content span.tag, #page-forum-thread div.popover div.popover-content span.tag, #page-forum-view div.popover div.popover-content span.tag {
    text-transform: uppercase
}

#page-forum-list textarea, #page-forum-list #title-input, #page-forum-thread textarea, #page-forum-thread #title-input, #page-forum-view textarea, #page-forum-view #title-input {
    color: #555;
    background-color: #f3f3f3
}

#page-forum-list #thread-page-header, #page-forum-thread #thread-page-header, #page-forum-view #thread-page-header {
    width: 700px
}

#page-forum-list .popover .popover-title .close-help, #page-forum-thread .popover .popover-title .close-help, #page-forum-view .popover .popover-title .close-help {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 20px;
    line-height: 20px;
    border: none;
    background: 0 0;
    font-weight: 700;
    color: #999
}

#page-forum-list .popover .popover-title .close-help:hover, #page-forum-thread .popover .popover-title .close-help:hover, #page-forum-view .popover .popover-title .close-help:hover {
    color: #333
}

#page-forum-list .popover .popover-content hr, #page-forum-thread .popover .popover-content hr, #page-forum-view .popover .popover-content hr {
    margin: 6px 0 0
}

#page-forum-list .popover .popover-content code, #page-forum-thread .popover .popover-content code, #page-forum-view .popover .popover-content code {
    margin-bottom: 4px;
    display: block;
    color: #333
}

#page-forum-list ul, #page-forum-thread ul, #page-forum-view ul {
    margin: 0
}

#page-forum-list main, #page-forum-thread main, #page-forum-view main {
    display: block;
    overflow: hidden;
    *zoom: 1;
    padding: 0 10px;
    margin: 15px 0 0;
    position: relative
}

#page-forum-list #search-google, #page-forum-thread #search-google, #page-forum-view #search-google {
    position: absolute;
    left: 691px;
    top: 4px;
    width: 260px
}

#page-forum-list #search-google .gsc-control-cse, #page-forum-list #search-google .gsc-search-box, #page-forum-thread #search-google .gsc-control-cse, #page-forum-thread #search-google .gsc-search-box, #page-forum-view #search-google .gsc-control-cse, #page-forum-view #search-google .gsc-search-box {
    padding: 0
}

#page-forum-list #search-google .gsc-search-box, #page-forum-thread #search-google .gsc-search-box, #page-forum-view #search-google .gsc-search-box {
    margin: 0
}

#page-forum-list #search-google .gsc-search-button, #page-forum-list #search-google .gsc-clear-button, #page-forum-thread #search-google .gsc-search-button, #page-forum-thread #search-google .gsc-clear-button, #page-forum-view #search-google .gsc-search-button, #page-forum-view #search-google .gsc-clear-button {
    vertical-align: top
}

#page-forum-list #search-google td.gsc-clear-button, #page-forum-thread #search-google td.gsc-clear-button, #page-forum-view #search-google td.gsc-clear-button {
    padding-top: 4px
}

#page-forum-list #search-google .gsc-results-wrapper-overlay, #page-forum-thread #search-google .gsc-results-wrapper-overlay, #page-forum-view #search-google .gsc-results-wrapper-overlay {
    z-index: 9000001
}

#page-forum-list h1, #page-forum-thread h1, #page-forum-view h1 {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1em;
    margin: 0 0 9px;
    padding: 0;
    width: auto
}

#page-forum-list #edit-thread-title-container, #page-forum-thread #edit-thread-title-container, #page-forum-view #edit-thread-title-container {
    display: none
}

#page-forum-list #edit-thread-title, #page-forum-thread #edit-thread-title, #page-forum-view #edit-thread-title {
    width: auto;
    display: inline
}

#page-forum-list #move-thread-container, #page-forum-thread #move-thread-container, #page-forum-view #move-thread-container {
    display: none
}

#page-forum-list #move-thread-form, #page-forum-thread #move-thread-form, #page-forum-view #move-thread-form {
    width: auto;
    display: inline
}

#page-forum-list .leadin, #page-forum-thread .leadin, #page-forum-view .leadin {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.2em;
    padding-right: 330px;
    margin: 20px 0 45px
}

#page-forum-list aside, #page-forum-thread aside, #page-forum-view aside {
    width: 250px;
    float: right
}

#page-forum-list .pagi, #page-forum-thread .pagi, #page-forum-view .pagi {
    text-align: center
}

#page-forum-list .pagi .pagination, #page-forum-list .pagi .info, #page-forum-thread .pagi .pagination, #page-forum-thread .pagi .info, #page-forum-view .pagi .pagination, #page-forum-view .pagi .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#page-forum-list .pagi .pagination, #page-forum-thread .pagi .pagination, #page-forum-view .pagi .pagination {
    margin: 0
}

#page-forum-list .pagi .pagination .disabled a i, #page-forum-thread .pagi .pagination .disabled a i, #page-forum-view .pagi .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#page-forum-list .pagi .info, #page-forum-thread .pagi .info, #page-forum-view .pagi .info {
    font-size: 13px;
    margin-left: 15px
}

#page-forum-list #new-topic-form, #page-forum-thread #new-topic-form, #page-forum-view #new-topic-form {
    width: 595px
}

#page-forum-list #new-topic-form label, #page-forum-thread #new-topic-form label, #page-forum-view #new-topic-form label {
    font-size: 13px;
    font-weight: 700
}

#page-forum-list #new-topic-form #title-input, #page-forum-thread #new-topic-form #title-input, #page-forum-view #new-topic-form #title-input {
    width: 100%;
    width: calc(100% - 8px);
    font-family: lucida console, lucida sans typewriter, monaco, bitstream vera sans mono, monospace;
    margin-bottom: 14px
}

#page-forum-list #new-topic-form #message-textarea, #page-forum-thread #new-topic-form #message-textarea, #page-forum-view #new-topic-form #message-textarea {
    width: 100%;
    height: 125px;
    margin: 0;
    font-family: lucida console, lucida sans typewriter, monaco, bitstream vera sans mono, monospace;
    resize: none
}

#page-forum-list #new-topic-form .controls.buttons, #page-forum-thread #new-topic-form .controls.buttons, #page-forum-view #new-topic-form .controls.buttons {
    margin: 12px 0 0
}

#page-forum-list #new-topic-form .controls.buttons .tos, #page-forum-thread #new-topic-form .controls.buttons .tos, #page-forum-view #new-topic-form .controls.buttons .tos {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 10px;
    margin-left: 10px;
    width: 225px;
    line-height: 1.2em
}

#page-forum-list #dice-modal, #page-forum-list #coin-modal, #page-forum-thread #dice-modal, #page-forum-thread #coin-modal, #page-forum-view #dice-modal, #page-forum-view #coin-modal {
    outline: none;
    height: 320px;
    width: 170px;
    margin-left: -85px;
    margin-top: -235px
}

#page-forum-list #dice-modal .modal-body, #page-forum-list #coin-modal .modal-body, #page-forum-thread #dice-modal .modal-body, #page-forum-thread #coin-modal .modal-body, #page-forum-view #dice-modal .modal-body, #page-forum-view #coin-modal .modal-body {
    padding: 15px 15px 0;
    height: auto
}

#page-forum-list #dice-modal .modal-body #roll-btn, #page-forum-list #dice-modal .modal-body #flip-btn, #page-forum-list #coin-modal .modal-body #roll-btn, #page-forum-list #coin-modal .modal-body #flip-btn, #page-forum-thread #dice-modal .modal-body #roll-btn, #page-forum-thread #dice-modal .modal-body #flip-btn, #page-forum-thread #coin-modal .modal-body #roll-btn, #page-forum-thread #coin-modal .modal-body #flip-btn, #page-forum-view #dice-modal .modal-body #roll-btn, #page-forum-view #dice-modal .modal-body #flip-btn, #page-forum-view #coin-modal .modal-body #roll-btn, #page-forum-view #coin-modal .modal-body #flip-btn {
    font-weight: 700;
    margin-left: 0 !important
}

#page-forum-list #coin-modal, #page-forum-thread #coin-modal, #page-forum-view #coin-modal {
    height: 170px
}

#page-forum-list .forum-games .game .title, #page-forum-thread .forum-games .game .title, #page-forum-view .forum-games .game .title {
    color: #586678;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 8px auto
}

#page-forum-list .forum-games .game-coins, #page-forum-thread .forum-games .game-coins, #page-forum-view .forum-games .game-coins {
    overflow: hidden;
    *zoom: 1
}

#page-forum-list .forum-games .game-coins .flip, #page-forum-thread .forum-games .game-coins .flip, #page-forum-view .forum-games .game-coins .flip {
    text-align: center;
    max-width: 100px;
    float: left;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    -moz-transition-property: background-color, border-color;
    -o-transition-property: background-color, border-color;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color border-color;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 2px 2px;
    margin: 0 6px 5px 0
}

#page-forum-list .forum-games .game-coins .flip .flip-label, #page-forum-thread .forum-games .game-coins .flip .flip-label, #page-forum-view .forum-games .game-coins .flip .flip-label {
    color: #586678;
    font-size: 10px;
    padding: 0 2px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#page-forum-list .forum-games .game-coins .flip .coin, #page-forum-thread .forum-games .game-coins .flip .coin, #page-forum-view .forum-games .game-coins .flip .coin {
    margin: 4px 0
}

#page-forum-list .forum-games .game-coins .flip.highlighted, #page-forum-thread .forum-games .game-coins .flip.highlighted, #page-forum-view .forum-games .game-coins .flip.highlighted {
    background-color: gold;
    border: 1px solid #daa520;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0
}

#page-forum-list .forum-games .game-dice .role, #page-forum-thread .forum-games .game-dice .role, #page-forum-view .forum-games .game-dice .role {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    -moz-transition-property: background-color, border-color;
    -o-transition-property: background-color, border-color;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color border-color;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 2px 2px;
    margin: 0 2px 5px 0
}

#page-forum-list .forum-games .game-dice .role .score, #page-forum-thread .forum-games .game-dice .role .score, #page-forum-view .forum-games .game-dice .role .score {
    text-align: center;
    color: #586678;
    font-size: 10px;
    padding: 0 2px;
    margin: 0 auto
}

#page-forum-list .forum-games .game-dice .role .set, #page-forum-thread .forum-games .game-dice .role .set, #page-forum-view .forum-games .game-dice .role .set {
    display: block;
    text-align: center
}

#page-forum-list .forum-games .game-dice .role .set .dice, #page-forum-thread .forum-games .game-dice .role .set .dice, #page-forum-view .forum-games .game-dice .role .set .dice {
    margin: 2px
}

#page-forum-list .forum-games .game-dice .role.highlighted, #page-forum-thread .forum-games .game-dice .role.highlighted, #page-forum-view .forum-games .game-dice .role.highlighted {
    background-color: gold;
    border: 1px solid #daa520;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0
}

#page-forum-list .message ul, #page-forum-thread .message ul, #page-forum-view .message ul {
    margin: 0 0 10px;
    list-style-type: disc;
    list-style-position: inside
}

#page-forum-list .message ol, #page-forum-thread .message ol, #page-forum-view .message ol {
    margin: 0 0 10px;
    list-style-type: decimal;
    list-style-position: inside
}

#page-forum-list .message blockquote, #page-forum-thread .message blockquote, #page-forum-view .message blockquote {
    margin-bottom: 10px
}

#page-forum-list .message pre, #page-forum-list .message code, #page-forum-thread .message pre, #page-forum-thread .message code, #page-forum-view .message pre, #page-forum-view .message code {
    border: none
}

#page-forum-list aside section {
    margin-bottom: 30px
}

#page-forum-list aside .tab-lite {
    margin-bottom: 20px
}

#page-forum-list aside .player {
    overflow: hidden;
    *zoom: 1;
    margin: 0 0 10px
}

#page-forum-list aside .player .user-stats {
    margin-top: 0;
    border-collapse: separate
}

#page-forum-list aside .player .user-stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    position: relative
}

#page-forum-list aside .player .user-stats td:first-child {
    border-left-width: 1px
}

#page-forum-list aside .player .user-stats .quests {
    background-color: #fff;
    padding-left: 18px
}

#page-forum-list aside .player .user-stats .quests .type-shield_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#page-forum-list aside .player .user-stats .score {
    background-color: #fff;
    padding-left: 22px
}

#page-forum-list aside .player .user-stats .score .type-points_sm {
    margin: -2px 0 0 -19px;
    position: absolute
}

#page-forum-list aside .player img.armatar {
    float: left;
    width: 60px;
    height: 60px
}

#page-forum-list aside .player .username {
    float: left;
    display: block;
    margin: 0 0 0 10px;
    width: 180px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#page-forum-list aside .player .user-stats {
    float: left;
    margin: 0 0 0 10px
}

#page-forum-list .categories {
    width: 605px;
    float: left
}

#page-forum-list .category {
    margin-bottom: 25px
}

#page-forum-list .topic {
    border-bottom: 1px solid #eaedee;
    margin: 20px 0 0;
    padding: 0 0 17px
}

#page-forum-list .topic .post {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 510px
}

#page-forum-list .topic .post .thread-title {
    font-size: 16px;
    line-height: 1.2em
}

#page-forum-list .topic .post .last-post-link a {
    color: #999;
    font-size: 12px;
    text-decoration: none
}

#page-forum-list .topic .post .byline {
    display: block;
    font-size: 13px;
    line-height: 1.2
}

#page-forum-list .topic .post-count {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 90px;
    color: #999;
    text-align: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    float: right
}

#page-forum-list .topic:last-child {
    border: none
}

#page-forum-list .forum {
    border-bottom: 1px solid #eaedee;
    margin: 20px 0 0;
    padding: 0 0 17px
}

#page-forum-list .forum .overview {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 235px
}

#page-forum-list .forum .overview .title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 2px
}

#page-forum-list .forum .overview .description {
    font-size: 12px;
    line-height: 1.2em
}

#page-forum-list .forum .last-post {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 270px;
    margin-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#page-forum-list .forum .last-post .thread-title {
    font-size: 16px;
    line-height: 1.2em
}

#page-forum-list .forum .last-post .last-post-link a {
    color: #999;
    font-size: 12px;
    text-decoration: none
}

#page-forum-list .forum .last-post .byline {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    width: 500px
}

#page-forum-list .forum .thread-count {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: right;
    margin-top: 7px;
    color: #999;
    text-align: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em
}

#page-forum-list .forum:last-child {
    border: none
}

#page-forum-view .leadin {
    margin-bottom: 15px
}

#page-forum-view .new-topic {
    margin: 0 0 25px
}

#page-forum-view #new-topic-form {
    margin: 0;
    padding: 0;
    display: block
}

#page-forum-view #new-topic-form .controls.buttons {
    margin-top: 5px
}

#page-forum-view #new-topic-form.hide {
    display: none
}

#page-forum-view #new-topic-btn, #page-forum-view #new-topic-submit-btn {
    width: 125px
}

#page-forum-view .groups {
    width: 605px;
    float: left
}

#page-forum-view .group {
    margin-bottom: 25px
}

#page-forum-view .topic {
    border-bottom: 1px solid #eaedee;
    margin: 20px 0 0;
    padding: 0 0 17px
}

#page-forum-view .topic .post {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 530px
}

#page-forum-view .topic .post .thread-title {
    max-width: 470px;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    font-size: 16px;
    line-height: 1.2em
}

#page-forum-view .topic .post .last-post-link a {
    color: #999;
    font-size: 12px;
    text-decoration: none
}

#page-forum-view .topic .post .byline {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    width: 500px;
    clear: left
}

#page-forum-view .topic .post .post-attributes {
    font-size: 16px;
    color: #999;
    float: left;
    margin-right: 5px
}

#page-forum-view .topic .post-count {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: right;
    color: #999;
    text-align: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em
}

#page-forum-view .topic .post-count .type-lock_sm {
    margin-top: -5px
}

#page-forum-view .topic:last-child {
    border: none
}

#page-forum-view aside {
    text-align: center;
    padding-bottom: 25px
}

#page-forum-view aside .ad-wide-skyscraper {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#page-forum-thread main {
    margin-bottom: 40px
}

#page-forum-thread #mod-tools {
    display: inline;
    vertical-align: middle
}

#page-forum-thread div .score {
    font-size: 11px
}

#page-forum-thread div .score i {
    float: left;
    margin-right: 2px
}

#page-forum-thread .first-post {
    position: relative;
    width: 898px;
    margin: 20px 0 27px;
    padding: 10px;
    background-color: #ededed;
    overflow: hidden;
    *zoom: 1
}

#page-forum-thread .first-post .user {
    float: left;
    width: 200px
}

#page-forum-thread .first-post .user .armatar {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px
}

#page-forum-thread .first-post .user .details {
    float: left;
    width: 130px;
    line-height: 1em
}

#page-forum-thread .first-post .user .details .status {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 4px
}

#page-forum-thread .first-post .user .details .status.online {
    color: #298c13
}

#page-forum-thread .first-post .user .details .status.offline {
    color: #999
}

#page-forum-thread .first-post .user .details .name {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px
}

#page-forum-thread .first-post .user .details .post-count {
    font-size: 11px
}

#page-forum-thread .first-post .posted-on, #page-forum-thread .first-post .edited-on {
    font-size: 10px;
    font-weight: 700;
    float: right;
    width: 680px;
    line-height: 1.7em
}

#page-forum-thread .first-post .message {
    float: right;
    width: 680px;
    font-size: 15px;
    max-height: 100px
}

#page-forum-thread .first-post .readmore-control {
    clear: both;
    float: right;
    width: 680px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    margin-top: -28px
}

#page-forum-thread .first-post .readmore-control .shadow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(237, 237, 237, 0)), color-stop(100%, #ededed));
    background-image: -moz-linear-gradient(rgba(237, 237, 237, 0), #ededed);
    background-image: -webkit-linear-gradient(rgba(237, 237, 237, 0), #ededed);
    background-image: linear-gradient(rgba(237, 237, 237, 0), #ededed);
    height: 28px
}

#page-forum-thread .first-post .readmore-control .link {
    color: #999;
    display: block;
    padding-top: 8px
}

#page-forum-thread .first-post .forum-games {
    float: right;
    width: 680px
}

#page-forum-thread .replies {
    float: left;
    width: 725px
}

#page-forum-thread .replies .reply {
    overflow: hidden;
    *zoom: 1;
    margin: 10px 0 0;
    padding: 0 0 16px;
    border-bottom: 1px solid #eaedee;
    position: relative
}

#page-forum-thread .replies .reply .user {
    float: left;
    width: 220px
}

#page-forum-thread .replies .reply .user .armatar {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px
}

#page-forum-thread .replies .reply .user .details {
    float: left;
    width: 150px;
    line-height: 1em
}

#page-forum-thread .replies .reply .user .details .status {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 4px
}

#page-forum-thread .replies .reply .user .details .status.online {
    color: #298c13
}

#page-forum-thread .replies .reply .user .details .status.offline {
    color: #999
}

#page-forum-thread .replies .reply .user .details .name {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px
}

#page-forum-thread .replies .reply .user .details .post-count {
    font-size: 11px
}

#page-forum-thread .replies .reply .user .details .score {
    font-size: 11px
}

#page-forum-thread .replies .reply .posted-on, #page-forum-thread .replies .reply .edited-on {
    font-size: 10px;
    font-weight: 700;
    float: right;
    width: 497px;
    line-height: 1.7em
}

#page-forum-thread .replies .reply .message {
    float: right;
    width: 497px;
    font-size: 15px
}

#page-forum-thread .replies .reply .forum-games {
    float: right;
    width: 497px
}

#page-forum-thread .replies .post {
    margin: 20px 0 0
}

#page-forum-thread .replies .post.login {
    background-color: #f3f3f3;
    padding: 20px 10px
}

#page-forum-thread .replies .post.login .btn, #page-forum-thread .replies .post.login .login-message {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#page-forum-thread .replies .post.login .login-message {
    font-weight: 700;
    font-size: 10px;
    margin-left: 8px
}

#page-forum-thread .replies .reply-title {
    font-size: 13px;
    font-weight: 700
}

#page-forum-thread .replies #reply-form .alert {
    margin: 10px 0
}

#page-forum-thread .replies #reply-form label {
    font-size: 13px;
    font-weight: 700
}

#page-forum-thread .replies #reply-form #reply-textarea {
    width: 100%;
    height: 125px;
    margin: 0;
    font-family: lucida console, lucida sans typewriter, monaco, bitstream vera sans mono, monospace;
    resize: none
}

#page-forum-thread .replies #reply-form .controls.buttons {
    margin: 5px 0 0
}

#page-forum-thread .replies #reply-form .controls.buttons .tos {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 10px;
    margin-left: 10px;
    width: 225px;
    line-height: 1.2em
}

#page-forum-thread .replies #reply-form #reply-submit-btn {
    width: 125px
}

#page-forum-thread .replies .pagi {
    margin-top: 20px;
    text-align: center
}

#page-forum-thread .replies .pagi .pagination, #page-forum-thread .replies .pagi .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#page-forum-thread .replies .pagi .pagination {
    margin: 0
}

#page-forum-thread .replies .pagi .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#page-forum-thread .replies .pagi .info {
    font-size: 13px;
    margin-left: 15px
}

#page-forum-thread .first-post .tools, #page-forum-thread .first-post .editor-tools, #page-forum-thread .reply .tools, #page-forum-thread .reply .editor-tools {
    position: absolute;
    top: -3px;
    right: 0
}

#page-forum-thread .first-post .tools button, #page-forum-thread .first-post .editor-tools button, #page-forum-thread .reply .tools button, #page-forum-thread .reply .editor-tools button {
    border: none;
    background: 0 0;
    padding: 0;
    margin-left: 15px;
    color: #333;
    font-size: 10px;
    font-weight: 700
}

#page-forum-thread .first-post .tools button i, #page-forum-thread .first-post .editor-tools button i, #page-forum-thread .reply .tools button i, #page-forum-thread .reply .editor-tools button i {
    margin-top: -1px
}

#page-forum-thread .first-post .tools button:focus, #page-forum-thread .first-post .editor-tools button:focus, #page-forum-thread .reply .tools button:focus, #page-forum-thread .reply .editor-tools button:focus {
    outline: 0
}

#page-forum-thread .first-post .tools button:hover, #page-forum-thread .first-post .editor-tools button:hover, #page-forum-thread .reply .tools button:hover, #page-forum-thread .reply .editor-tools button:hover {
    text-decoration: underline
}

#page-forum-thread .first-post .editor-tools, #page-forum-thread .reply .editor-tools {
    display: none
}

#page-forum-thread .first-post .editor-tools.saving *, #page-forum-thread .reply .editor-tools.saving * {
    filter: alpha(opacity=50);
    opacity: .5
}

#page-forum-thread .first-post .message-src, #page-forum-thread .reply .message-src {
    font-family: lucida console, lucida sans typewriter, monaco, bitstream vera sans mono, monospace;
    font-size: 12px;
    float: right;
    width: 495px;
    display: none;
    resize: vertical
}

#page-forum-thread .first-post .tools, #page-forum-thread .first-post .editor-tools {
    top: 7px;
    right: 15px
}

#page-forum-thread .first-post .message-src {
    width: 680px
}

#page-forum-thread .full .replies {
    width: 918px
}

#page-forum-thread .full .replies .posted-on, #page-forum-thread .full .replies .edited-on, #page-forum-thread .full .replies .message, #page-forum-thread .full .replies .forum-games {
    width: 690px
}

#page-forum-thread .full .replies .message-src {
    width: 688px
}

#page-forum-thread aside {
    width: 190px;
    text-align: center;
    padding-bottom: 25px
}

#page-forum-thread aside .ad-wide-skyscraper {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#page-forum-thread.markup-preview {
    background: #fff none
}

#page-forum-thread.markup-preview #content-canvas {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#page-forum-thread.markup-preview #content-canvas main {
    margin: 0;
    padding: 0
}

#page-forum-thread.markup-preview #content-canvas main .replies {
    margin: 0;
    padding: 0;
    width: auto
}

#page-forum-thread.markup-preview #content-canvas main .replies .reply {
    background: transparent none;
    width: auto;
    border: none
}

#page-forum-thread.markup-preview #content-canvas main .replies .reply .message {
    margin-left: 20px;
    float: none
}

#arrowchat_applications_button {
    display: none !important
}

#ag-favorite-games-content {
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    position: relative
}

#ag-favorite-games-content li > a {
    padding: 4px;
    font-size: 13px;
    display: block;
    position: relative;
    color: #303030 !important
}

#ag-favorite-games-content li > a > img {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 32px;
    height: 32px
}

#ag-favorite-games-content li > a .game-title {
    padding-left: 36px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#ag-favorite-games-content li a:hover {
    color: #303030 !important;
    background-color: #f3f3f3;
    text-decoration: none
}

#ag-favorite-games-content li.empty-list {
    margin: 8px;
    text-align: center;
    font-size: 11px
}

#ag-favorite-games-content li.empty-list > a {
    font-size: 11px;
    color: #08c !important
}

#ag-favorite-games-content li.empty-list a:hover {
    color: #005580 !important;
    background-color: transparent
}

#free-games-page #content-canvas {
    padding-bottom: 15px
}

#free-games-page .cap {
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px
}

#free-games-page .ex-breadcrumb {
    margin-left: 10px;
    font-weight: 700;
    color: #303740;
    float: left
}

#free-games-page .ex-breadcrumb h1, #free-games-page .ex-breadcrumb h2, #free-games-page .ex-breadcrumb h3 {
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 5px 0 0
}

#free-games-page #social {
    float: right;
    margin-right: 30px;
    margin-bottom: 0
}

#free-games-page #social li {
    float: left;
    margin-left: 8px
}

#free-games-page #social li a {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999em
}

#free-games-page #social li a.tooltip {
    opacity: 1;
    filter: alpha(opacity=100);
    position: static
}

#free-games-page .ad-leaderboard {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-bottom: 20px
}

#free-games-page .leadin, #free-games-page .controls {
    max-width: 736px;
    margin-top: 20px
}

#free-games-page .leadin .type-select-group, #free-games-page .controls .type-select-group {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: -5px 35px 0 0;
    padding: 4px 19px 9px
}

#free-games-page .leadin .type-select-group .checkbox, #free-games-page .controls .type-select-group .checkbox {
    margin-right: 25px
}

#free-games-page .leadin .type-select-group .checkbox:last-child, #free-games-page .controls .type-select-group .checkbox:last-child {
    margin-right: 0
}

#free-games-page .leadin .type-select-group label:hover, #free-games-page .controls .type-select-group label:hover {
    cursor: pointer
}

#free-games-page .leadin li {
    list-style: disc
}

#free-games-page #search-form {
    padding-left: 12px;
    margin: 0 14px 0 0
}

#free-games-page #search-form .clear-btn {
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ccc;
    border-left: none;
    border-right: none;
    background: transparent none;
    padding-left: 8px;
    padding-right: 8px
}

#free-games-page #search-form .clear-btn i {
    filter: alpha(opacity=50);
    opacity: .5
}

#free-games-page #search-form .search-btn {
    border-left: 2px solid #ccc
}

#free-games-page #search-form .search-btn.results {
    border-left: 1px solid #ccc
}

#free-games-page #search-input {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: none
}

#free-games-page .ad-wide-skyscraper {
    margin-top: 50px
}

#free-games-page .games-list {
    margin: 15px 0 0
}

#free-games-page .games-list .row {
    padding: 5px 0 0;
    margin: 0 0 15px;
    overflow: hidden;
    *zoom: 1
}

#free-games-page .games-list .row .game {
    display: block;
    float: left;
    margin: 0 14px 0 0;
    color: #000;
    text-decoration: none;
    border: none;
    background: 0 0;
    padding: 0;
    text-align: left
}

#free-games-page .games-list .row .game .preview-img {
    position: relative;
    width: 162px;
    height: 100px;
    background: #1574b1 url(/images/ag3/bgr-letterbox.png) no-repeat;
    border: 4px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 4px
}

#free-games-page .games-list .row .game .preview-img .letterbox {
    display: block;
    width: 162px;
    height: 100px
}

#free-games-page .games-list .row .game .preview-img .thumb {
    margin: 19px 0 0 50px;
    display: none;
    width: 60px;
    height: 60px;
    border: 1px solid #f3a836;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 5px 15px;
    box-shadow: rgba(0, 0, 0, .75) 0 5px 15px
}

#free-games-page .games-list .row .game .preview-img .dl-icon {
    width: 80px;
    height: 80px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px
}

#free-games-page .games-list .row .game .title {
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 0 4px;
    width: 145px;
    padding-left: 20px;
    position: relative
}

#free-games-page .games-list .row .game .type-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: auto
}

#free-games-page .games-list .row .game .short_description {
    line-height: 1.2em;
    font-size: 13px;
    margin: 0 0 0 4px;
    width: 165px
}

#free-games-page .games-list .row .game .stats {
    margin-top: 0;
    border-collapse: separate
}

#free-games-page .games-list .row .game .stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid
}

#free-games-page .games-list .row .game .stats .plays, #free-games-page .games-list .row .game .stats .quests {
    background-color: #fff;
    padding-left: 18px;
    border-color: #dcdcdc
}

#free-games-page .games-list .row .game .stats .plays .symbol_sm, #free-games-page .games-list .row .game .stats .quests .symbol_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#free-games-page .games-list .row .game .stats .rating {
    border: 1px solid #35650b;
    background-color: #298c13;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGMxMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjUwYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #298c13), color-stop(100%, #1c650b));
    background-image: -moz-linear-gradient(#298c13, #1c650b);
    background-image: -webkit-linear-gradient(#298c13, #1c650b);
    background-image: linear-gradient(#298c13, #1c650b);
    color: #fff;
    text-shadow: #000 1px 1px 2px;
    font-weight: 700
}

#free-games-page .games-list .row .game .stats .rating img {
    margin-top: -2px
}

#free-games-page .games-list .row .game .stats .first {
    border-left-width: 1px
}

#free-games-page .games-list .row .game .stats {
    margin-top: 4px;
    margin-left: 4px
}

#free-games-page .games-list .row .game:hover .title {
    color: #126ac3
}

#free-games-page .games-list .row .game:hover .preview-img {
    border-color: #126ac3
}

#free-games-page .games-list .row .game:hover .preview-img .letterbox, #free-games-page .games-list .row .game:hover .preview-img .thumb {
    filter: alpha(opacity=25);
    opacity: .25
}

#free-games-page .games-list .row .game:hover .preview-img .dl-icon {
    display: block
}

#free-games-page .games-list .row .game:focus {
    outline: none
}

#free-games-page .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#free-games-page .pagination .disabled a {
    background-color: #fff
}

#free-games-page .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#free-games-page .pagi-container {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center
}

#free-games-page .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

#forge .ex-breadcrumb {
    font-weight: 700;
    color: #303740;
    font-size: 12px;
    margin: 12px 0 12px 10px;
    line-height: 1em
}

#forge .ex-breadcrumb h2 {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0;
    font-size: 1em;
    line-height: 1em
}

#forge .control-group {
    margin-bottom: 5px
}

#forge #gameshare-game-name {
    clear: both
}

#forge #layout {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f0f0f0;
    padding: 9px;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    margin-bottom: 16px
}

#forge #layout h2 {
    line-height: 18px;
    font-size: 24px;
    font-family: ubuntu, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 18px;
    font-weight: 500
}

#forge #layout h3 {
    font-size: 16px;
    line-height: 18px;
    font-family: ubuntu, Arial, sans-serif;
    text-align: left;
    font-weight: 100;
    margin-left: 18px
}

#forge #layout article.ad-promoted-game {
    margin: 9px 0 9px 9px
}

#forge #layout div.med-rec {
    margin: 18px 0 9px 9px
}

#forge #layout div.body {
    padding: 9px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    background-color: #fff;
    width: 915px;
    margin: 9px
}

#forge #layout div.body .btn-toolbar {
    margin-right: 15px
}

#forge #layout div.body #gameshares {
    clear: both
}

#forge #layout div.body .cap {
    margin: 9px 18px
}

#forge #layout div.body .header {
    margin: 12px 18px 9px;
    font-size: 13px;
    font-weight: 700;
    position: relative
}

#forge #layout div.body .header .top-crown {
    position: absolute;
    left: 76px;
    width: 36px;
    height: 19px;
    display: block
}

#forge #layout div.body .header .earned_text {
    padding-left: 374px;
    width: 200px;
    text-align: center
}

#forge #layout div.body article {
    font-family: ubuntu, Arial, sans-serif;
    font-size: 12px;
    width: 285px;
    float: left;
    margin-left: 15px;
    background-color: #f0f0f0
}

#forge #layout div.body article figure {
    padding: 0 10px 10px;
    margin: 0;
    float: left
}

#forge #layout div.body article figure .preview-img {
    float: left;
    width: 135px;
    height: 90px;
    background: #1574b1 url(/images/ag3/bgr-letterbox.png) no-repeat;
    margin: 0
}

#forge #layout div.body article figure .preview-img .letterbox {
    display: none;
    width: 135px;
    height: 90px
}

#forge #layout div.body article figure .preview-img .thumb {
    margin: 14px 0 0 38px;
    display: none;
    width: 60px;
    height: 60px;
    border: 1px solid #f3a836;
    -moz-box-shadow: rgba(0, 0, 0, .75) 5px 5px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 5px 5px 5px;
    box-shadow: rgba(0, 0, 0, .75) 5px 5px 5px
}

#forge #layout div.body article figure .preview-img .gs-thumb {
    width: 135px;
    height: 90px;
    display: none;
    -moz-box-shadow: rgba(0, 0, 0, .75) 5px 5px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 5px 5px 5px;
    box-shadow: rgba(0, 0, 0, .75) 5px 5px 5px
}

#forge #layout div.body article .name {
    font-weight: 700;
    margin-top: 3px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#forge #layout div.body article .created {
    height: 30px;
    line-height: 30px
}

#forge #layout div.body article .created img {
    width: 30px;
    height: 30px;
    background-color: #eee
}

#forge #layout div.body article .created .anonymous {
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35)
}

#forge #layout div.body article .created .created_by {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#forge #layout div.body article .created_date {
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap
}

#forge #layout div.body article .breaker {
    height: 1px
}

#forge #layout div.body .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

#forge #layout div.body .pagination .disabled a {
    background-color: #fff
}

#forge #layout div.body .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

#forge #layout div.body .pagi-container {
    clear: both;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center
}

#forge #layout div.body .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

#user-notes-page .ex-breadcrumb {
    font-weight: 700;
    color: #303740;
    font-size: 12px;
    margin: 12px 0 12px 10px;
    line-height: 1em
}

#user-notes-page .ex-breadcrumb h2 {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0;
    font-size: 1em;
    line-height: 1em
}

#user-notes-page #layout {
    padding: 0 9px
}

#user-notes-page #layout .body {
    width: 670px;
    margin: 26px 0 0 24px
}

#user-notes-page #layout aside {
    margin-top: 26px;
    width: 200px;
    float: right;
    height: 70px
}

#user-notes-page .no-notes {
    display: block;
    padding: 0 0 0 75px;
    margin: 0;
    line-height: 1.2em
}

#user-notes-page .note {
    position: relative;
    min-height: 60px;
    padding-left: 75px;
    margin: 20px 0
}

#user-notes-page .note .armatar {
    position: absolute;
    top: 0;
    left: 0;
    background: #efefef no-repeat center center;
    width: 60px;
    height: 60px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

#user-notes-page .note .byline {
    padding-top: 2px;
    line-height: 1.2em
}

#user-notes-page .note .byline .username {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0 5px 0 0;
    font-weight: 700
}

#user-notes-page .note .byline .date {
    font-size: 13px;
    color: #999
}

#user-notes-page .note .text {
    white-space: pre-line;
    line-height: 1.4em;
    font-size: 15px;
    background: #efefef;
    margin: 4px 0 0;
    padding: 8px 10px 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

#user-notes-page .note .text blockquote {
    font-style: italic;
    border-color: #ccc
}

#user-notes-page .note .text ol {
    list-style: decimal
}

#user-notes-page .note .text ul {
    list-style: disc
}

#user-notes-page .controls {
    padding-left: 75px
}

#user-notes-page #note-form {
    display: block;
    margin: 50px 0 25px
}

#user-notes-page #note-textarea {
    width: 100%;
    width: calc(100% - 2px);
    height: 125px;
    margin: 0;
    font-family: lucida console, lucida sans typewriter, monaco, bitstream vera sans mono, monospace;
    resize: none
}

#user-notes-page .controls.buttons {
    margin: 5px 0 0
}

#user-notes-page #note-save-btn {
    width: 125px
}

#user-notes-page div.popover {
    width: 270px
}

#user-notes-page div.popover h3.popover-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    background-color: #dad4c4;
    background-image: url(/images/quest_icon.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#user-notes-page div.popover div.popover-content {
    font-size: 12px
}

#user-notes-page div.popover div.popover-content h4 {
    line-height: 17px;
    margin-bottom: 5px;
    font-weight: 700
}

#user-notes-page div.popover div.popover-content table {
    margin-bottom: 5px
}

#user-notes-page div.popover div.popover-content td, #user-notes-page div.popover div.popover-content th {
    line-height: 1.4em
}

#user-notes-page div.popover div.popover-content th {
    padding-right: 5px;
    font-weight: 700;
    text-align: left
}

#user-notes-page div.popover div.popover-content .tags {
    margin-bottom: 5px
}

#user-notes-page div.popover div.popover-content .tags .label {
    line-height: 1.7em
}

#user-notes-page div.popover div.popover-content p {
    line-height: 17px;
    margin-bottom: 5px
}

#user-notes-page div.popover div.popover-content span.tag {
    text-transform: uppercase
}

#user-notes-page .popover .popover-title .close-help {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 20px;
    line-height: 20px;
    border: none;
    background: 0 0;
    font-weight: 700;
    color: #999
}

#user-notes-page .popover .popover-title .close-help:hover {
    color: #333
}

#user-notes-page .popover .popover-content hr {
    margin: 6px 0 0
}

#user-notes-page .popover .popover-content code {
    margin-bottom: 4px;
    display: block;
    color: #333
}

#user-notes-page .alert {
    margin: 25px 250px 0 108px
}

div#ranking-board #game-nav.tab-lite li {
    font-size: 12px
}

div#ranking-board .tab-lite {
    clear: both;
    margin: 0;
    padding: 10px 16px 0;
    background-color: #fdc833;
    border-bottom: 4px solid #a5a5a5;
    font-size: 0;
    white-space: nowrap;
    overflow: visible
}

div#ranking-board .tab-lite li {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    padding: 0 0 6px;
    margin: 0 15px 0 0;
    color: #2a2a2a
}

div#ranking-board .tab-lite li a {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #2a2a2a
}

div#ranking-board .tab-lite li::after {
    content: " ";
    display: block;
    right: 0;
    height: 4px;
    background: #a5a5a5;
    position: absolute;
    bottom: -4px;
    left: 0;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

div#ranking-board .tab-lite li:last-child {
    margin: 0
}

div#ranking-board .tab-lite li.active a:hover {
    cursor: default
}

div#ranking-board .tab-lite li:hover:after, div#ranking-board .tab-lite li.active:after {
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #2a2a2a
}

div#ranking-board .tab-lite.tab-lite-header {
    background-color: transparent
}

div#ranking-board .tab-lite.tab-lite-header li {
    font-weight: 600
}

div#ranking-board .tab-lite.tab-lite-header li::after {
    display: none
}

div#ranking-board .tab-lite {
    clear: both;
    margin: 0;
    border-bottom: 2px solid #eaedee;
    border-bottom-color: rgba(0, 39, 59, .08)
}

div#ranking-board .tab-lite li {
    font-size: 15px;
    font-weight: 700;
    display: block
}

div#ranking-board .support-links {
    margin-top: 4px
}

div#ranking-board .support-links ul.support-links-list {
    margin: 0;
    list-style: none;
    display: block
}

div#ranking-board .support-links ul.support-links-list li {
    float: left;
    margin-right: 15px
}

div#ranking-board .support-links ul.support-links-list li.right {
    float: right !important;
    margin-left: 15px;
    margin-right: 0
}

div#ranking-board .support-links ul.support-links-list .dropdown-menu {
    top: inherit;
    left: inherit;
    width: auto
}

div#ranking-board .support-links ul.support-links-list .dropdown-menu li {
    float: none;
    margin: 0
}

div#ranking-board .support-links ul.support-links-list .dropdown-menu i {
    position: absolute;
    right: 10px;
    opacity: .3
}

div#ranking-board .support-links a, div#ranking-board .support-links button {
    font-size: 13px;
    font-weight: 700;
    color: #a5b2b9;
    color: rgba(0, 39, 59, .35);
    background-color: inherit;
    border: none;
    line-height: 17px;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

div#ranking-board .support-links a .caret, div#ranking-board .support-links button .caret {
    -moz-transition-property: border-top-color;
    -o-transition-property: border-top-color;
    -webkit-transition-property: border-top-color;
    transition-property: border-top-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-top-color: #a5b2b9
}

div#ranking-board .support-links a.right {
    float: right;
    margin-left: 16px
}

div#ranking-board .support-links a:hover, div#ranking-board .support-links button:hover {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #3f4549
}

div#ranking-board .support-links a:hover .caret, div#ranking-board .support-links button:hover .caret {
    -moz-transition-property: border-top-color;
    -o-transition-property: border-top-color;
    -webkit-transition-property: border-top-color;
    transition-property: border-top-color;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-top-color: #3f4549
}

div#ranking-board .caret {
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    right: 0;
    top: 8px;
    margin: 0;
    text-indent: -99999px;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #a5b2b9;
    content: "\2193"
}

div#ranking-board .tag {
    display: inline;
    letter-spacing: 1px;
    padding: 4px 3px 2px;
    margin: 7px 5px 0 0;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1em;
    font-family: Arial;
    text-transform: uppercase;
    background-color: #3a87ad;
    text-shadow: #000 0 1px 2px
}

div#ranking-board #board-layout {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    width: 565px;
    margin: 0 0 50px 5px;
    font-family: helvetica neue, Helvetica, Arial, sans-serif
}

div#ranking-board #board-layout #left-header-title {
    height: 28px;
    margin-bottom: 10px
}

div#ranking-board #board-layout #left-header {
    height: 100px
}

div#ranking-board #board-layout #header-star {
    position: relative;
    float: left;
    margin-right: 10px
}

div#ranking-board #board-layout h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 28px
}

div#ranking-board #board-layout h3, div#ranking-board #board-layout div.title {
    font-size: 16px;
    line-height: 18px;
    font-family: ubuntu, Arial, sans-serif;
    text-align: left;
    font-weight: 700;
    margin: 9px
}

div#ranking-board #board-layout #intro {
    font-family: Arial;
    font-size: 13px
}

div#ranking-board #board-layout #board-header {
    margin-top: 25px
}

div#ranking-board #board-layout div.title {
    margin: 9px 0
}

div#ranking-board #board-layout #player-list .player:nth-child(1) {
    margin: 0
}

div#ranking-board #board-layout #player-list .player {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
    height: 30px;
    vertical-align: middle;
    align-items: center;
    display: flex
}

div#ranking-board #board-layout #player-list .player .rank {
    flex: 1;
    width: 15px;
    float: left;
    text-align: center;
    font-weight: 700
}

div#ranking-board #board-layout #player-list .player .armatar {
    flex: none;
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px
}

div#ranking-board #board-layout #player-list .player .user {
    flex: 3;
    width: 345px;
    float: left;
    margin-left: 10px;
    font-weight: 700
}

div#ranking-board #board-layout #player-list .player .user a:link {
    color: #399
}

div#ranking-board #board-layout #player-list .player .quests {
    flex: 1;
    width: 50px;
    float: left;
    text-align: center
}

div#ranking-board #board-layout #player-list .player .quests img {
    width: 12px;
    height: 16px
}

div#ranking-board #board-layout #player-list .player .ranking {
    flex: 1;
    width: 75px;
    float: left;
    text-align: center
}

div#ranking-board #board-layout #player-list .player .ranking img {
    width: 14px;
    height: 14px
}

div#ranking-board #board-layout #player-list .user-found {
    background-color: #fbffdd
}

div#ranking-board #board-layout .pagination {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 0
}

div#ranking-board #board-layout .pagination .disabled a {
    background-color: #fff
}

div#ranking-board #board-layout .pagination .disabled a i {
    filter: alpha(opacity=30);
    opacity: .3
}

div#ranking-board #board-layout .pagi-container {
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center
}

div#ranking-board #board-layout .pagi-container .info {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 13px;
    margin-left: 15px
}

div#ranking-board #board-layout-right {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 336px;
    margin: 47px 0 50px 35px
}

div#ranking-board #board-layout-right .featured-quest {
    margin-top: 50px
}

div#ranking-board #board-layout-right .featured-quest-info {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 75px;
    height: 130px;
    vertical-align: top
}

div#ranking-board #board-layout-right .featured-quest-info img {
    display: block;
    margin: 20px auto 5px 9px;
    background-color: #666;
    width: 72px;
    height: 72px
}

div#ranking-board #board-layout-right .featured-quest-details {
    text-align: left !important;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin: 20px;
    width: 186px;
    display: inline-block
}

div#ranking-board #board-layout-right .featured-quest-details h4 {
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    margin: 1px
}

div#ranking-board #board-layout-right .featured-quest-details h5 {
    font-size: 12px;
    line-height: 12px;
    margin: 1px
}

div#ranking-board #board-layout-right .featured-quest-details p {
    margin: 15px 0
}

div#ranking-board #board-layout-right .featured-quest-details a {
    font-weight: 700
}

div#ranking-board #board-layout-right .featured-quest-details a:link {
    color: #399
}

div#ranking-board #board-layout-right #rank-stats ul {
    margin-bottom: 7px
}

div#ranking-board #board-layout-right #rank-stats .rank-stat:nth-child(odd) {
    background-color: #ededed
}

div#ranking-board #board-layout-right #rank-stats .rank-stat {
    margin-top: 2px
}

div#ranking-board #board-layout-right #rank-stats .rank-stat .rank-name {
    width: 200px;
    float: left;
    margin-left: 5px
}

div#ranking-board #board-layout-right #medrec {
    margin-top: 50px
}

#reset-password .reset-password {
    width: 750px;
    margin: 50px auto
}

#reset-password .reset-password p {
    font-size: 20px;
    line-height: 24px;
    margin-top: 15px
}

#reset-password .reset-password p.more-info {
    margin-top: 45px
}

#reset-password .reset-password ul {
    font-size: 20px;
    line-height: 24px;
    list-style: disc
}

#reset-password .reset-password ul li {
    margin-top: 15px
}

#profile-page.theme-green #user-data .location a, #profile-page.theme-green #read-more-btn, #profile-page.theme-green #copy-block p a, #profile-page.theme-green section a.show-all, #profile-page.theme-green #forum-activity a, #profile-page.theme-green .box.details .detail a.value {
    color: #66bd00
}

#profile-page.theme-green section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-green.png)
}

#profile-page.theme-green section a.game:hover {
    border-color: #c9ff8a !important;
    background-color: #c9ff8a !important
}

#profile-page.theme-green section .pagination a.pagi-lnk {
    color: #66bd00
}

#profile-page.theme-green section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-green.png)
}

#profile-page.theme-green section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-green.png)
}

#profile-page.theme-green section.box.friends a.friend:hover {
    border-color: #c9ff8a !important;
    background-color: #c9ff8a !important
}

#profile-page.theme-green section.box.friends a.see-all {
    color: #66bd00;
    background-image: url(/images/ag3/profile/icn-arrow-right-green.png)
}

#profile-page.theme-green .profile-content .submitted-games {
    border-color: #66bd00
}

#profile-page.theme-green .profile-content .comments a.rules {
    color: #66bd00;
    background-image: url(/images/ag3/profile/icn-arrow-right-green.png)
}

#profile-page.theme-green .popover.popover-quests h3.popover-title {
    background-color: #66bd00
}

#profile-page.theme-green #disqus_thread a {
    color: #66bd00
}

#profile-page.theme-green .profile-data #friend-btn {
    border-bottom-color: #5ba900;
    background-color: #66bd00
}

#profile-page.theme-green .profile-data #friend-btn.friends {
    border-color: #66bd00;
    color: #66bd00
}

#profile-page.theme-green .profile-data #friend-btn.friends:hover {
    border-bottom-color: #5ba900;
    background-color: #66bd00
}

#profile-page.theme-gold #user-data .location a, #profile-page.theme-gold #read-more-btn, #profile-page.theme-gold #copy-block p a, #profile-page.theme-gold section a.show-all, #profile-page.theme-gold #forum-activity a, #profile-page.theme-gold .box.details .detail a.value {
    color: #deae09
}

#profile-page.theme-gold section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-gold.png)
}

#profile-page.theme-gold section a.game:hover {
    border-color: #fae086 !important;
    background-color: #fae086 !important
}

#profile-page.theme-gold section .pagination a.pagi-lnk {
    color: #deae09
}

#profile-page.theme-gold section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-gold.png)
}

#profile-page.theme-gold section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-gold.png)
}

#profile-page.theme-gold section.box.friends a.friend:hover {
    border-color: #fae086 !important;
    background-color: #fae086 !important
}

#profile-page.theme-gold section.box.friends a.see-all {
    color: #deae09;
    background-image: url(/images/ag3/profile/icn-arrow-right-gold.png)
}

#profile-page.theme-gold .profile-content .submitted-games {
    border-color: #deae09
}

#profile-page.theme-gold .profile-content .comments a.rules {
    color: #deae09;
    background-image: url(/images/ag3/profile/icn-arrow-right-gold.png)
}

#profile-page.theme-gold .popover.popover-quests h3.popover-title {
    background-color: #deae09
}

#profile-page.theme-gold #disqus_thread a {
    color: #deae09
}

#profile-page.theme-gold .profile-data #friend-btn {
    border-bottom-color: #ca9f08;
    background-color: #deae09
}

#profile-page.theme-gold .profile-data #friend-btn.friends {
    border-color: #deae09;
    color: #deae09
}

#profile-page.theme-gold .profile-data #friend-btn.friends:hover {
    border-bottom-color: #ca9f08;
    background-color: #deae09
}

#profile-page.theme-orange #user-data .location a, #profile-page.theme-orange #read-more-btn, #profile-page.theme-orange #copy-block p a, #profile-page.theme-orange section a.show-all, #profile-page.theme-orange #forum-activity a, #profile-page.theme-orange .box.details .detail a.value {
    color: #f3862f
}

#profile-page.theme-orange section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-orange.png)
}

#profile-page.theme-orange section a.game:hover {
    border-color: #fbdac0 !important;
    background-color: #fbdac0 !important
}

#profile-page.theme-orange section .pagination a.pagi-lnk {
    color: #f3862f
}

#profile-page.theme-orange section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-orange.png)
}

#profile-page.theme-orange section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-orange.png)
}

#profile-page.theme-orange section.box.friends a.friend:hover {
    border-color: #fbdac0 !important;
    background-color: #fbdac0 !important
}

#profile-page.theme-orange section.box.friends a.see-all {
    color: #f3862f;
    background-image: url(/images/ag3/profile/icn-arrow-right-orange.png)
}

#profile-page.theme-orange .profile-content .submitted-games {
    border-color: #f3862f
}

#profile-page.theme-orange .profile-content .comments a.rules {
    color: #f3862f;
    background-image: url(/images/ag3/profile/icn-arrow-right-orange.png)
}

#profile-page.theme-orange .popover.popover-quests h3.popover-title {
    background-color: #f3862f
}

#profile-page.theme-orange #disqus_thread a {
    color: #f3862f
}

#profile-page.theme-orange .profile-data #friend-btn {
    border-bottom-color: #f27b1c;
    background-color: #f3862f
}

#profile-page.theme-orange .profile-data #friend-btn.friends {
    border-color: #f3862f;
    color: #f3862f
}

#profile-page.theme-orange .profile-data #friend-btn.friends:hover {
    border-bottom-color: #f27b1c;
    background-color: #f3862f
}

#profile-page.theme-red #user-data .location a, #profile-page.theme-red #read-more-btn, #profile-page.theme-red #copy-block p a, #profile-page.theme-red section a.show-all, #profile-page.theme-red #forum-activity a, #profile-page.theme-red .box.details .detail a.value {
    color: #cb283a
}

#profile-page.theme-red section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-red.png)
}

#profile-page.theme-red section a.game:hover {
    border-color: #f5cacf !important;
    background-color: #f5cacf !important
}

#profile-page.theme-red section .pagination a.pagi-lnk {
    color: #cb283a
}

#profile-page.theme-red section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-red.png)
}

#profile-page.theme-red section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-red.png)
}

#profile-page.theme-red section.box.friends a.friend:hover {
    border-color: #f5cacf !important;
    background-color: #f5cacf !important
}

#profile-page.theme-red section.box.friends a.see-all {
    color: #cb283a;
    background-image: url(/images/ag3/profile/icn-arrow-right-red.png)
}

#profile-page.theme-red .profile-content .submitted-games {
    border-color: #cb283a
}

#profile-page.theme-red .profile-content .comments a.rules {
    color: #cb283a;
    background-image: url(/images/ag3/profile/icn-arrow-right-red.png)
}

#profile-page.theme-red .popover.popover-quests h3.popover-title {
    background-color: #cb283a
}

#profile-page.theme-red #disqus_thread a {
    color: #cb283a
}

#profile-page.theme-red .profile-data #friend-btn {
    border-bottom-color: #ba2535;
    background-color: #cb283a
}

#profile-page.theme-red .profile-data #friend-btn.friends {
    border-color: #cb283a;
    color: #cb283a
}

#profile-page.theme-red .profile-data #friend-btn.friends:hover {
    border-bottom-color: #ba2535;
    background-color: #cb283a
}

#profile-page.theme-purple #user-data .location a, #profile-page.theme-purple #read-more-btn, #profile-page.theme-purple #copy-block p a, #profile-page.theme-purple section a.show-all, #profile-page.theme-purple #forum-activity a, #profile-page.theme-purple .box.details .detail a.value {
    color: #9f00fa
}

#profile-page.theme-purple section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-purple.png)
}

#profile-page.theme-purple section a.game:hover {
    border-color: #ebc7ff !important;
    background-color: #ebc7ff !important
}

#profile-page.theme-purple section .pagination a.pagi-lnk {
    color: #9f00fa
}

#profile-page.theme-purple section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-purple.png)
}

#profile-page.theme-purple section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-purple.png)
}

#profile-page.theme-purple section.box.friends a.friend:hover {
    border-color: #ebc7ff !important;
    background-color: #ebc7ff !important
}

#profile-page.theme-purple section.box.friends a.see-all {
    color: #9f00fa;
    background-image: url(/images/ag3/profile/icn-arrow-right-purple.png)
}

#profile-page.theme-purple .profile-content .submitted-games {
    border-color: #9f00fa
}

#profile-page.theme-purple .profile-content .comments a.rules {
    color: #9f00fa;
    background-image: url(/images/ag3/profile/icn-arrow-right-purple.png)
}

#profile-page.theme-purple .popover.popover-quests h3.popover-title {
    background-color: #9f00fa
}

#profile-page.theme-purple #disqus_thread a {
    color: #9f00fa
}

#profile-page.theme-purple .profile-data #friend-btn {
    border-bottom-color: #9200e6;
    background-color: #9f00fa
}

#profile-page.theme-purple .profile-data #friend-btn.friends {
    border-color: #9f00fa;
    color: #9f00fa
}

#profile-page.theme-purple .profile-data #friend-btn.friends:hover {
    border-bottom-color: #9200e6;
    background-color: #9f00fa
}

#profile-page.theme-pink #user-data .location a, #profile-page.theme-pink #read-more-btn, #profile-page.theme-pink #copy-block p a, #profile-page.theme-pink section a.show-all, #profile-page.theme-pink #forum-activity a, #profile-page.theme-pink .box.details .detail a.value {
    color: #e648b8
}

#profile-page.theme-pink section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-pink.png)
}

#profile-page.theme-pink section a.game:hover {
    border-color: #f8cfec !important;
    background-color: #f8cfec !important
}

#profile-page.theme-pink section .pagination a.pagi-lnk {
    color: #e648b8
}

#profile-page.theme-pink section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-pink.png)
}

#profile-page.theme-pink section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-pink.png)
}

#profile-page.theme-pink section.box.friends a.friend:hover {
    border-color: #f8cfec !important;
    background-color: #f8cfec !important
}

#profile-page.theme-pink section.box.friends a.see-all {
    color: #e648b8;
    background-image: url(/images/ag3/profile/icn-arrow-right-pink.png)
}

#profile-page.theme-pink .profile-content .submitted-games {
    border-color: #e648b8
}

#profile-page.theme-pink .profile-content .comments a.rules {
    color: #e648b8;
    background-image: url(/images/ag3/profile/icn-arrow-right-pink.png)
}

#profile-page.theme-pink .popover.popover-quests h3.popover-title {
    background-color: #e648b8
}

#profile-page.theme-pink #disqus_thread a {
    color: #e648b8
}

#profile-page.theme-pink .profile-data #friend-btn {
    border-bottom-color: #e436b1;
    background-color: #e648b8
}

#profile-page.theme-pink .profile-data #friend-btn.friends {
    border-color: #e648b8;
    color: #e648b8
}

#profile-page.theme-pink .profile-data #friend-btn.friends:hover {
    border-bottom-color: #e436b1;
    background-color: #e648b8
}

#profile-page.theme-teal #user-data .location a, #profile-page.theme-teal #read-more-btn, #profile-page.theme-teal #copy-block p a, #profile-page.theme-teal section a.show-all, #profile-page.theme-teal #forum-activity a, #profile-page.theme-teal .box.details .detail a.value {
    color: #28bfb9
}

#profile-page.theme-teal section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-teal.png)
}

#profile-page.theme-teal section a.game:hover {
    border-color: #c1f2f0 !important;
    background-color: #c1f2f0 !important
}

#profile-page.theme-teal section .pagination a.pagi-lnk {
    color: #28bfb9
}

#profile-page.theme-teal section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-teal.png)
}

#profile-page.theme-teal section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-teal.png)
}

#profile-page.theme-teal section.box.friends a.friend:hover {
    border-color: #c1f2f0 !important;
    background-color: #c1f2f0 !important
}

#profile-page.theme-teal section.box.friends a.see-all {
    color: #28bfb9;
    background-image: url(/images/ag3/profile/icn-arrow-right-teal.png)
}

#profile-page.theme-teal .profile-content .submitted-games {
    border-color: #28bfb9
}

#profile-page.theme-teal .profile-content .comments a.rules {
    color: #28bfb9;
    background-image: url(/images/ag3/profile/icn-arrow-right-teal.png)
}

#profile-page.theme-teal .popover.popover-quests h3.popover-title {
    background-color: #28bfb9
}

#profile-page.theme-teal #disqus_thread a {
    color: #28bfb9
}

#profile-page.theme-teal .profile-data #friend-btn {
    border-bottom-color: #24aea9;
    background-color: #28bfb9
}

#profile-page.theme-teal .profile-data #friend-btn.friends {
    border-color: #28bfb9;
    color: #28bfb9
}

#profile-page.theme-teal .profile-data #friend-btn.friends:hover {
    border-bottom-color: #24aea9;
    background-color: #28bfb9
}

#profile-page.theme-blue #user-data .location a, #profile-page.theme-blue #read-more-btn, #profile-page.theme-blue #copy-block p a, #profile-page.theme-blue section a.show-all, #profile-page.theme-blue #forum-activity a, #profile-page.theme-blue .box.details .detail a.value {
    color: #437cfa
}

#profile-page.theme-blue section a.show-all {
    background-image: url(/images/ag3/profile/icn-arrow-right-blue.png)
}

#profile-page.theme-blue section a.game:hover {
    border-color: #d8e4fe !important;
    background-color: #d8e4fe !important
}

#profile-page.theme-blue section .pagination a.pagi-lnk {
    color: #437cfa
}

#profile-page.theme-blue section .pagination a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-blue.png)
}

#profile-page.theme-blue section .pagination a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-blue.png)
}

#profile-page.theme-blue section.box.friends a.friend:hover {
    border-color: #d8e4fe !important;
    background-color: #d8e4fe !important
}

#profile-page.theme-blue section.box.friends a.see-all {
    color: #437cfa;
    background-image: url(/images/ag3/profile/icn-arrow-right-blue.png)
}

#profile-page.theme-blue .profile-content .submitted-games {
    border-color: #437cfa
}

#profile-page.theme-blue .profile-content .comments a.rules {
    color: #437cfa;
    background-image: url(/images/ag3/profile/icn-arrow-right-blue.png)
}

#profile-page.theme-blue .popover.popover-quests h3.popover-title {
    background-color: #437cfa
}

#profile-page.theme-blue #disqus_thread a {
    color: #437cfa
}

#profile-page.theme-blue .profile-data #friend-btn {
    border-bottom-color: #2f6ef9;
    background-color: #437cfa
}

#profile-page.theme-blue .profile-data #friend-btn.friends {
    border-color: #437cfa;
    color: #437cfa
}

#profile-page.theme-blue .profile-data #friend-btn.friends:hover {
    border-bottom-color: #2f6ef9;
    background-color: #437cfa
}

#theme-selector {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    top: -194px;
    left: 7px;
    background-color: #dedede;
    padding: 0;
    width: 168px;
    font-size: 12.8px;
    line-height: 24px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#theme-selector:hover {
    cursor: pointer
}

#theme-selector.display {
    color: #dedede;
    background-color: #6a6a6a
}

#theme-selector #selected-color {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    background-color: #fff;
    width: 14px;
    height: 14px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: -1px 0 0 5px
}

#theme-selector #selected-color.green {
    background-color: #66bd00
}

#theme-selector #selected-color.gold {
    background-color: #deae09
}

#theme-selector #selected-color.orange {
    background-color: #f3862f
}

#theme-selector #selected-color.red {
    background-color: #cb283a
}

#theme-selector #selected-color.purple {
    background-color: #9f00fa
}

#theme-selector #selected-color.pink {
    background-color: #e648b8
}

#theme-selector #selected-color.teal {
    background-color: #28bfb9
}

#theme-selector #selected-color.blue {
    background-color: #437cfa
}

#theme-selector-colors {
    display: none;
    position: absolute;
    width: 168px;
    background-color: #2a2a2a;
    font-size: 0;
    margin: 0;
    padding: 6px 0;
    top: -305px;
    left: 7px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#theme-selector-colors .color {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 4px
}

#theme-selector-colors .color:hover {
    cursor: pointer
}

#theme-selector-colors .color.active i {
    filter: alpha(opacity=80);
    opacity: .8;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px
}

#theme-selector-colors .color.green {
    background-color: #66bd00
}

#theme-selector-colors .color.gold {
    background-color: #deae09
}

#theme-selector-colors .color.orange {
    background-color: #f3862f
}

#theme-selector-colors .color.red {
    background-color: #cb283a
}

#theme-selector-colors .color.purple {
    background-color: #9f00fa
}

#theme-selector-colors .color.pink {
    background-color: #e648b8
}

#theme-selector-colors .color.teal {
    background-color: #28bfb9
}

#theme-selector-colors .color.blue {
    background-color: #437cfa
}

#theme-selector-colors .color i {
    display: none
}

#theme-selector-colors .arrow-down {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin: 0 0 0 -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2a2a2a
}

#profile-page {
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    color: #2a2a2a
}

#profile-page #errors {
    list-style: none;
    background: #e84d38 none;
    border: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 10px 0 15px;
    min-height: 30px;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -.01em;
    color: #fff
}

#profile-page #errors a {
    color: #fff;
    text-decoration: underline
}

#profile-page #errors br {
    line-height: 26px
}

#profile-page .hide {
    display: none !important
}

#profile-page .show {
    display: block !important
}

#profile-page .popover.popover-quests {
    width: 270px
}

#profile-page .popover.popover-quests h3.popover-title {
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    color: #fff;
    background-color: #66bd00;
    background-image: url(/images/quest_icon.png);
    background-repeat: no-repeat;
    background-position: 13px 10px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .popover.popover-quests div.popover-content {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 12px
}

#profile-page .popover.popover-quests div.popover-content h4 {
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 5px;
    font-weight: 700
}

#profile-page .popover.popover-quests div.popover-content table {
    margin-bottom: 5px
}

#profile-page .popover.popover-quests div.popover-content td, #profile-page .popover.popover-quests div.popover-content th {
    line-height: 1.4em
}

#profile-page .popover.popover-quests div.popover-content th {
    padding-right: 5px;
    font-weight: 700;
    text-align: left
}

#profile-page .popover.popover-quests div.popover-content .tags {
    margin-bottom: 5px
}

#profile-page .popover.popover-quests div.popover-content .tags .label {
    line-height: 1.7em
}

#profile-page .popover.popover-quests div.popover-content p {
    line-height: 17px;
    margin-bottom: 5px
}

#profile-page .popover.popover-quests div.popover-content span.tag {
    text-transform: uppercase
}

#profile-page h1, #profile-page h2, #profile-page h3 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 28px
}

#profile-page #profile-header {
    overflow: hidden;
    box-shadow: inset 0 -120px 200px -120px #000;
    background-color: #dedede;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 985px;
    height: 314px;
    margin: 0 0 150px -16px;
    position: relative
}

#profile-page #profile-header.editable:hover {
    cursor: pointer
}

#profile-page #profile-header.editable:hover:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 985px;
    height: 314px;
    background: rgba(0, 0, 0, .7) none;
    background-size: cover;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    bottom: auto;
    border: 0
}

#profile-page #profile-header.editable:hover:after {
    content: "Edit";
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    background: transparent url(/images/ag3/profile/icn-edit-white.png) no-repeat left center;
    background-size: auto 19px;
    line-height: 45px;
    padding: 0 0 0 25px;
    text-shadow: #000 1px 1px 4px
}

#profile-page #profile-header:before {
    content: '';
    display: block;
    width: 149px;
    height: 149px;
    background: transparent none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    bottom: -44px;
    left: 50%;
    margin: 0 0 0 -77px;
    border: 3px solid transparent;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .5)
}

#profile-page #user-data {
    position: relative;
    width: 953px;
    height: 0;
    overflow: visible
}

#profile-page #user-data .armatar {
    width: 149px;
    height: 149px;
    background: #c7c7c7 none no-repeat center center;
    background-size: cover;
    border: 3px solid #dedede;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: -261px;
    left: 50%;
    margin: 0 0 0 -77px
}

#profile-page #user-data .armatar:after {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33px;
    height: 35px;
    border-top-left-radius: 10px;
    background: #fdc833 none no-repeat center center;
    background-size: 18px auto
}

#profile-page #user-data .armatar.admin {
    border-color: #fdc833
}

#profile-page #user-data .armatar.admin:after {
    display: block;
    background: #fdc833 url(/images/ag3/profile/icon-type-admin-dark.png) no-repeat 10px 11px;
    background-size: 18px auto
}

#profile-page #user-data .armatar.mod {
    border-color: #0093ff
}

#profile-page #user-data .armatar.mod:after {
    display: block;
    background: #0093ff url(/images/ag3/profile/icon-type-mod.png) no-repeat 10px 8px;
    background-size: 17px auto
}

#profile-page #user-data .armatar.knight {
    border-color: #6a6a6a
}

#profile-page #user-data .armatar.knight:after {
    display: block;
    background: #6a6a6a url(/images/ag3/profile/icon-type-knight.png) no-repeat 10px 8px;
    background-size: 18px auto
}

#profile-page #user-data .armatar.warden {
    border-color: #66bd00
}

#profile-page #user-data .armatar.warden:after {
    display: block;
    background: #66bd00 url(/images/ag3/profile/icon-type-warden.png) no-repeat 8px 11px;
    background-size: 20px auto
}

#profile-page #user-data .username {
    text-align: center;
    position: absolute;
    width: 100%;
    top: -89px
}

#profile-page #user-data .username .flag {
    border: 1px solid #b0b0b0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 46px;
    height: 32px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #c7c7c7 none no-repeat center center;
    margin: -3px 12px 0 0
}

#profile-page #user-data .status {
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #2a2a2a;
    text-align: center;
    position: absolute;
    width: 100%;
    top: -45px
}

#profile-page #user-data .status .location {
    font-weight: 300;
    font-size: 15px
}

#profile-page .wrap {
    padding: 10px 24px 32px
}

#profile-page article, #profile-page section {
    margin: 0;
    padding: 0
}

#profile-page #disqus_thread a {
    color: #66bd00
}

#profile-page .promo-lower {
    display: block;
    margin: 41px auto 0;
    text-align: center
}

#profile-page .profile-content {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 596px
}

#profile-page .profile-content h2 .count {
    font-weight: 300
}

#profile-page .profile-content .pagination {
    text-align: center;
    font-size: 0;
    height: auto;
    margin: 23px 0 0
}

#profile-page .profile-content .pagi-btn {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 10px;
    height: 17px;
    background: transparent none no-repeat center center;
    background-size: 10px 17px;
    padding: 6px 5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

#profile-page .profile-content .pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-black.png)
}

#profile-page .profile-content .pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-black.png)
}

#profile-page .profile-content a.pagi-btn.left {
    background-image: url(/images/ag3/profile/icn-arrow-left-green.png)
}

#profile-page .profile-content a.pagi-btn.right {
    background-image: url(/images/ag3/profile/icn-arrow-right-green.png)
}

#profile-page .profile-content .pagi-lnk, #profile-page .profile-content .pagi-lnk-spacer {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding: 6px 5px;
    color: #66bd00
}

#profile-page .profile-content .pagi-lnk.active, #profile-page .profile-content .pagi-lnk-spacer.active {
    font-weight: 600;
    color: #2a2a2a
}

#profile-page .profile-content .show-all {
    float: right;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    background: transparent url(/images/ag3/profile/icn-arrow-right-green.png) no-repeat right center;
    background-size: 7px 12px;
    text-decoration: none;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #66bd00;
    margin: 0 17px 0 0;
    padding: 0 16px 0 0
}

#profile-page .profile-content section.loading {
    position: relative
}

#profile-page .profile-content section.loading:before {
    content: url(/images/ag3/loading.gif);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px
}

#profile-page .profile-content section.loading .pagination {
    opacity: .3
}

#profile-page .profile-content section.loading .pagination .pagi-btn:hover, #profile-page .profile-content section.loading .pagination .pagi-lnk:hover {
    cursor: default
}

#profile-page .profile-content .about {
    padding-top: 4px;
    margin-bottom: 45px
}

#profile-page .profile-content .about h2 {
    margin: 0 0 8px
}

#profile-page .profile-content .about .copy {
    position: relative;
    letter-spacing: -.01em;
    line-height: 1.4em;
    font-size: 16px;
    font-weight: 300;
    max-height: unset;
    overflow: hidden
}

#profile-page .profile-content .about .copy.loading {
    max-height: 290px
}

#profile-page .profile-content .about .copy.loading:after {
    content: none
}

#profile-page .profile-content .about .copy.clip {
    max-height: 290px
}

#profile-page .profile-content .about .copy.clip:after {
    content: "";
    height: 115px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

#profile-page .profile-content .about .copy a {
    color: #66bd00
}

#profile-page .profile-content .about .copy p {
    margin: 0 0 21px
}

#profile-page .profile-content .about .copy ul li {
    list-style-type: disc
}

#profile-page .profile-content .about .copy ol li {
    list-style-type: decimal
}

#profile-page .profile-content .about .more {
    display: none;
    background: transparent none;
    border: 0;
    padding: 0;
    margin: 13px auto 0;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16.23px;
    color: #66bd00
}

#profile-page .profile-content .about .more img {
    margin-left: 2px
}

#profile-page .profile-content .submitted-games h2 {
    margin-left: -10px
}

#profile-page .profile-content .submitted-games, #profile-page .profile-content .favorite-games {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid #66bd00;
    width: 555px;
    margin: 45px 0 46px -24px;
    padding: 25px 30px 17px
}

#profile-page .profile-content .submitted-games .games, #profile-page .profile-content .favorite-games .games {
    margin: 36px 0 0 6px;
    font-size: 0
}

#profile-page .profile-content .submitted-games .game, #profile-page .profile-content .favorite-games .game {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.4em;
    color: #2a2a2a;
    position: relative;
    width: 165px;
    height: 60px;
    overflow: visible;
    padding: 0 0 0 79px;
    margin: -10px -10px 10px;
    border: 10px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -moz-transition: background-color 150ms, border-color 150ms;
    -o-transition: background-color 150ms, border-color 150ms;
    -webkit-transition: background-color 150ms, border-color 150ms;
    transition: background-color 150ms, border-color 150ms
}

#profile-page .profile-content .submitted-games .game:hover, #profile-page .profile-content .favorite-games .game:hover {
    border-color: #c9ff8a;
    background-color: #c9ff8a
}

#profile-page .profile-content .submitted-games .game:nth-child(odd), #profile-page .profile-content .favorite-games .game:nth-child(odd) {
    margin-right: 51px !important
}

#profile-page .profile-content .submitted-games .thumb, #profile-page .profile-content .favorite-games .thumb {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0
}

#profile-page .profile-content .submitted-games .name, #profile-page .profile-content .submitted-games .plays, #profile-page .profile-content .submitted-games .rating, #profile-page .profile-content .favorite-games .name, #profile-page .profile-content .favorite-games .plays, #profile-page .profile-content .favorite-games .rating {
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-content .submitted-games .name, #profile-page .profile-content .favorite-games .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1em;
    margin: 0 0 2px
}

#profile-page .profile-content .submitted-games .plays, #profile-page .profile-content .favorite-games .plays {
    font-size: 15px;
    font-weight: 300
}

#profile-page .profile-content .submitted-games .rating, #profile-page .profile-content .favorite-games .rating {
    font-size: 15px;
    font-weight: 300
}

#profile-page .profile-content .submitted-games.loading .games, #profile-page .profile-content .favorite-games.loading .games {
    visibility: hidden
}

#profile-page .profile-content .favorite-games {
    border-color: transparent;
    width: auto;
    margin: 0 0 58px;
    padding: 0;
    border: 0
}

#profile-page .profile-content .favorite-games .games {
    margin-left: 15px;
    margin-top: 40px
}

#profile-page .profile-content .completed-quests {
    margin-bottom: 52px
}

#profile-page .profile-content .completed-quests .quests {
    font-size: 0;
    margin: 38px 0 0 15px
}

#profile-page .profile-content .completed-quests .quests .quest {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 72px;
    height: 72px;
    margin: 0 10px 10px 0
}

#profile-page .profile-content .completed-quests .quests .quest img {
    display: block;
    margin: auto
}

#profile-page .profile-content .completed-quests .pagination {
    margin-top: 28px
}

#profile-page .profile-content .completed-quests.loading .quests {
    visibility: hidden
}

#profile-page .profile-content .forum-activity {
    margin-bottom: 52px
}

#profile-page .profile-content .forum-activity a {
    color: #66bd00
}

#profile-page .profile-content .forum-activity .section-title {
    margin-top: 35px
}

#profile-page .profile-content .forum-activity .section-title:first-child {
    margin-top: 0
}

#profile-page .profile-content .forum-activity .forum-stats {
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    border-collapse: separate;
    color: #000
}

#profile-page .profile-content .forum-activity .forum-stats td {
    font-size: 11px;
    font-family: Arial;
    padding: 3px 5px;
    line-height: 1em;
    font-weight: 700;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #dcdcdc;
    position: relative
}

#profile-page .profile-content .forum-activity .forum-stats td:first-child {
    border-left-width: 1px
}

#profile-page .profile-content .forum-activity .forum-stats .users, #profile-page .profile-content .forum-activity .forum-stats .posts, #profile-page .profile-content .forum-activity .forum-stats .views {
    background-color: #fff;
    padding-left: 18px
}

#profile-page .profile-content .forum-activity .forum-stats .users .type-users_sm {
    margin: 0 0 0 -14px;
    position: absolute
}

#profile-page .profile-content .forum-activity .forum-stats .posts .type-posts_sm {
    margin: -1px 0 0 -14px;
    position: absolute
}

#profile-page .profile-content .forum-activity .forum-stats .views .type-views_sm {
    margin: 1px 0 0 -14px;
    position: absolute
}

#profile-page .profile-content .forum-activity .forum-stats {
    vertical-align: top;
    margin: 0 5px 0 0
}

#profile-page .profile-content .forum-activity .topic-forum {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #6a6a6a;
    margin: 0 5px 0 0
}

#profile-page .profile-content .forum-activity .topic-updated {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #6a6a6a
}

#profile-page .profile-content .forum-activity .topics {
    margin: 20px 0 0 15px
}

#profile-page .profile-content .forum-activity .topic {
    margin: 0 0 15px
}

#profile-page .profile-content .forum-activity .topic h3 {
    margin: 0;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2em;
    width: 581px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-content .forum-activity .topic .topic-title {
    display: block;
    margin: 0 0 5px
}

#profile-page .profile-content .forum-activity .replies {
    margin: 20px 0 0 15px
}

#profile-page .profile-content .forum-activity .reply {
    margin: 0 0 25px
}

#profile-page .profile-content .forum-activity .reply .topic-data {
    position: relative;
    padding: 0 0 0 55px;
    margin: 0 0 10px
}

#profile-page .profile-content .forum-activity .reply .armatar {
    position: absolute;
    width: 47px;
    height: 47px;
    top: 0;
    left: 0
}

#profile-page .profile-content .forum-activity .reply .topic-title {
    margin: 0 0 4px;
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2em;
    width: 526px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-content .forum-activity .reply .reply-text {
    margin-left: 12px;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.2em;
    max-height: 2.4em
}

#profile-page .profile-content .forum-activity .reply .reply-text:before, #profile-page .profile-content .forum-activity .reply .reply-text:after {
    content: '"';
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 24px;
    vertical-align: sub;
    color: #b0b0b0
}

#profile-page .profile-content .forum-activity .reply .reply-text:before {
    margin-left: -12px;
    margin-right: 2px
}

#profile-page .profile-content .forum-activity .reply .reply-text:after {
    content: '"';
    margin-left: 2px
}

#profile-page .profile-content .comments {
    min-height: 100px;
    padding: 0 17px 0 15px
}

#profile-page .profile-content .comments.closed {
    height: 250px;
    background: transparent url(/images/ag3/profile/comments-closed.png) no-repeat center center
}

#profile-page .profile-content .comments .rules {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    background: transparent url(/images/ag3/profile/icn-arrow-right-green.png) no-repeat right center;
    background-size: 7px 12px;
    text-decoration: none;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #66bd00;
    margin: 0 0 6px 1px;
    padding: 0 16px 0 0
}

#profile-page .profile-data {
    float: right;
    width: 289px;
    margin-bottom: 41px
}

#profile-page .profile-data .box {
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #6a6a6a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f8f8f8;
    padding: 16px 20px;
    margin: 0 0 10px
}

#profile-page .profile-data #friend-form {
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

#profile-page .profile-data #friend-btn {
    outline: 0;
    border: 0;
    border-bottom: 3px solid #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    margin: 10px 0;
    display: block;
    width: 100%;
    height: 53px;
    background-color: #f8f8f8;
    text-align: center;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 55px;
    color: #fff
}

#profile-page .profile-data #friend-btn.friends {
    background-color: transparent;
    border: 2px solid #66bd00;
    color: #66bd00;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

#profile-page .profile-data #friend-btn.friends:after {
    content: 'You are friends!';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
    text-align: center;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 52px
}

#profile-page .profile-data #friend-btn.friends:hover {
    background-color: #f8f8f8;
    border: 0;
    border-bottom: 3px solid #eee;
    text-indent: 0;
    color: #fff
}

#profile-page .profile-data #friend-btn.friends:hover .remove-icn {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline
}

#profile-page .profile-data #friend-btn.friends:hover:after {
    display: none
}

#profile-page .profile-data #friend-btn.friends .remove-icn {
    display: none
}

#profile-page .profile-data #friend-btn .remove-icn {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 10px;
    height: 10px;
    background: transparent url(/images/ag3/profile/icon-remove-friend.png) no-repeat center center;
    background-size: 10px 10px;
    margin-top: -2px;
    margin-right: 9px
}

#profile-page .profile-data .details .detail {
    position: relative;
    margin: 0 0 12px
}

#profile-page .profile-data .details .detail:last-child {
    margin-bottom: 0
}

#profile-page .profile-data .details .detail .value {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-weight: 600;
    color: #2a2a2a;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .details .detail a.value {
    color: #66bd00;
    text-decoration: none
}

#profile-page .profile-data .details .detail a.value:hover {
    text-decoration: underline
}

#profile-page .profile-data .admin {
    background-color: #e6f3ff;
    border: 2px solid #b3daff;
    color: #57606a;
    text-align: center
}

#profile-page .profile-data .admin.closed .admin-nav {
    display: block;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

#profile-page .profile-data .admin.closed .admin-nav .toggle-btn:after {
    font-weight: 600;
    content: '+ Open'
}

#profile-page .profile-data .admin.closed .admin-stats {
    display: none
}

#profile-page .profile-data .admin .txt-left {
    text-align: left !important
}

#profile-page .profile-data .admin .txt-right {
    text-align: right !important
}

#profile-page .profile-data .admin .text-center {
    text-align: center !important
}

#profile-page .profile-data .admin .info {
    font-size: 12px
}

#profile-page .profile-data .admin dl {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    position: relative
}

#profile-page .profile-data .admin dl.big {
    font-size: 15px
}

#profile-page .profile-data .admin dt {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-align: left;
    line-height: 23px
}

#profile-page .profile-data .admin dd {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    margin: 0;
    padding: 0 0 0 5px;
    font-weight: 600;
    background-color: #e6f3ff;
    color: #1e252f;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .admin dd a {
    color: #126ac3;
    text-decoration: none
}

#profile-page .profile-data .admin dd a:hover {
    text-decoration: underline
}

#profile-page .profile-data .admin table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 12px;
    width: 100%
}

#profile-page .profile-data .admin th {
    font-weight: 300
}

#profile-page .profile-data .admin td {
    font-weight: 600;
    color: #1e252f
}

#profile-page .profile-data .admin-nav {
    font-weight: 600;
    color: #1e252f;
    text-align: left;
    padding: 0 0 16px;
    margin: 0 0 11px;
    border-bottom: 2px solid #b3daff
}

#profile-page .profile-data .admin-nav .toggle-btn {
    float: right;
    border: 0;
    background: transparent none;
    margin: 0;
    padding: 0;
    color: #126ac3
}

#profile-page .profile-data .admin-nav .toggle-btn:focus {
    outline: 0
}

#profile-page .profile-data .admin-nav .toggle-btn:hover {
    text-decoration: underline
}

#profile-page .profile-data .admin-nav .toggle-btn:after {
    font-weight: 600;
    content: '✕ Close'
}

#profile-page .profile-data .admin-stats {
    margin: 0 0 25px
}

#profile-page .profile-data .admin-stats:last-child {
    margin-bottom: 0
}

#profile-page .profile-data .admin-title {
    margin: 0 0 11px
}

#profile-page .profile-data .admin-form {
    margin: 0 0 5px;
    padding: 0
}

#profile-page .profile-data .admin-btn, #profile-page .profile-data button.admin-btn {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    font-size: 12.8px;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    color: #1e252f;
    background-color: #b3daff;
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin: 0 0 5px;
    padding: 0
}

#profile-page .profile-data .admin-btn.admin-btn-50, #profile-page .profile-data button.admin-btn.admin-btn-50 {
    width: calc(50% - 2.5px)
}

#profile-page .profile-data .admin-btn:last-child, #profile-page .profile-data button.admin-btn:last-child {
    margin-bottom: 0
}

#profile-page .profile-data .role {
    color: #6a6a6a
}

#profile-page .profile-data .role .box-title {
    color: #2a2a2a;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 10px
}

#profile-page .profile-data .role .box-title .icon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 20px;
    height: 20px;
    margin: -4px 5px 0 0;
    background: transparent none no-repeat center center;
    background-size: contain
}

#profile-page .profile-data .role.role-admin .box-title .icon {
    background-image: url(/images/ag3/profile/icon-type-admin-dark.png)
}

#profile-page .profile-data .role.role-mod .box-title .icon {
    background-image: url(/images/ag3/profile/icon-type-mod-dark.png)
}

#profile-page .profile-data .role.role-knight .box-title .icon {
    background-image: url(/images/ag3/profile/icon-type-knight-dark.png)
}

#profile-page .profile-data .role.role-warden .box-title .icon {
    background-image: url(/images/ag3/profile/icon-type-warden-dark.png)
}

#profile-page .profile-data .rank {
    padding-top: 27px;
    padding-bottom: 32px;
    text-align: center
}

#profile-page .profile-data .rank .rank-title {
    text-shadow: #d5ab00 0 3px 0;
    margin-top: -2px;
    text-transform: uppercase;
    font-family: Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 52px;
    line-height: 1.2em;
    color: #fdc833;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .rank .rank-emblem {
    background: transparent none no-repeat center center;
    background-size: contain;
    height: 165px;
    width: calc(100% + 40px);
    margin: 14px 0 0 -20px
}

#profile-page .profile-data .rank .rank-progress {
    -moz-border-radius: 2.5px;
    -webkit-border-radius: 2.5px;
    border-radius: 2.5px;
    margin: 30px 0 0;
    width: 100%;
    height: 5px;
    background-color: #dedede
}

#profile-page .profile-data .rank .rank-progress .bar {
    -moz-border-radius: 2.5px;
    -webkit-border-radius: 2.5px;
    border-radius: 2.5px;
    height: 5px;
    background-color: #fdc833
}

#profile-page .profile-data .rank .rank-next {
    margin: 12px 0 0;
    color: #2a2a2a
}

#profile-page .profile-data .rank .rank-help-lnk {
    display: block;
    text-decoration: none;
    margin: 6px 0 0;
    color: #b0b0b0
}

#profile-page .profile-data .rank .rank-help-lnk:hover {
    text-decoration: underline
}

#profile-page .profile-data .rank.level-0 .rank-title {
    font-size: 43px
}

#profile-page .profile-data .rank.level-0 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0000.png)
}

#profile-page .profile-data .rank.level-1 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0001.png)
}

#profile-page .profile-data .rank.level-1.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0001.png)
}

#profile-page .profile-data .rank.level-2 .rank-title {
    font-size: 50px
}

#profile-page .profile-data .rank.level-2 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0001.png)
}

#profile-page .profile-data .rank.level-2.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0001.png)
}

#profile-page .profile-data .rank.level-3 .rank-title {
    font-size: 37px
}

#profile-page .profile-data .rank.level-3 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0002.png)
}

#profile-page .profile-data .rank.level-3.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0002.png)
}

#profile-page .profile-data .rank.level-4 .rank-title {
    font-size: 43px
}

#profile-page .profile-data .rank.level-4 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0003.png)
}

#profile-page .profile-data .rank.level-4.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0003.png)
}

#profile-page .profile-data .rank.level-5 .rank-title {
    font-size: 36px
}

#profile-page .profile-data .rank.level-5 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0004.png)
}

#profile-page .profile-data .rank.level-5.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0004.png)
}

#profile-page .profile-data .rank.level-6 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0005.png)
}

#profile-page .profile-data .rank.level-6.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0005.png)
}

#profile-page .profile-data .rank.level-7 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0006.png)
}

#profile-page .profile-data .rank.level-7.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0006.png)
}

#profile-page .profile-data .rank.level-8 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0007.png)
}

#profile-page .profile-data .rank.level-8.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0007.png)
}

#profile-page .profile-data .rank.level-9 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0008.png)
}

#profile-page .profile-data .rank.level-9.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0008.png)
}

#profile-page .profile-data .rank.level-10 .rank-title {
    font-size: 40px
}

#profile-page .profile-data .rank.level-10 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0009.png)
}

#profile-page .profile-data .rank.level-10.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0009.png)
}

#profile-page .profile-data .rank.level-11 .rank-title {
    font-size: 39px
}

#profile-page .profile-data .rank.level-11 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0010.png)
}

#profile-page .profile-data .rank.level-11.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0010.png)
}

#profile-page .profile-data .rank.level-12 .rank-title {
    font-size: 50px
}

#profile-page .profile-data .rank.level-12 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0011.png)
}

#profile-page .profile-data .rank.level-12.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0011.png)
}

#profile-page .profile-data .rank.level-13 .rank-title {
    font-size: 46px
}

#profile-page .profile-data .rank.level-13 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0012.png)
}

#profile-page .profile-data .rank.level-13.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0012.png)
}

#profile-page .profile-data .rank.level-14 .rank-title {
    font-size: 35px
}

#profile-page .profile-data .rank.level-14 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0013.png)
}

#profile-page .profile-data .rank.level-14.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0013.png)
}

#profile-page .profile-data .rank.level-15 .rank-title {
    font-size: 31px
}

#profile-page .profile-data .rank.level-15 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0014.png)
}

#profile-page .profile-data .rank.level-15.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0014.png)
}

#profile-page .profile-data .rank.level-16 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0015.png)
}

#profile-page .profile-data .rank.level-16.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0015.png)
}

#profile-page .profile-data .rank.level-17 .rank-title {
    font-size: 43px
}

#profile-page .profile-data .rank.level-17 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0016.png)
}

#profile-page .profile-data .rank.level-17.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0016.png)
}

#profile-page .profile-data .rank.level-18 .rank-title {
    font-size: 44px
}

#profile-page .profile-data .rank.level-18 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0017.png)
}

#profile-page .profile-data .rank.level-18.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0017.png)
}

#profile-page .profile-data .rank.level-19 .rank-title {
    font-size: 44px
}

#profile-page .profile-data .rank.level-19 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0018.png)
}

#profile-page .profile-data .rank.level-19.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0018.png)
}

#profile-page .profile-data .rank.level-20 .rank-title {
    font-size: 50px
}

#profile-page .profile-data .rank.level-20 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0019.png)
}

#profile-page .profile-data .rank.level-20.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0019.png)
}

#profile-page .profile-data .rank.level-21 .rank-title {
    font-size: 31px
}

#profile-page .profile-data .rank.level-21 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0020.png)
}

#profile-page .profile-data .rank.level-21.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0020.png)
}

#profile-page .profile-data .rank.level-22 .rank-title {
    font-size: 27px
}

#profile-page .profile-data .rank.level-22 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0021.png)
}

#profile-page .profile-data .rank.level-22.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0021.png)
}

#profile-page .profile-data .rank.level-23 .rank-title {
    font-size: 44px
}

#profile-page .profile-data .rank.level-23 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0022.png)
}

#profile-page .profile-data .rank.level-23.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0022.png)
}

#profile-page .profile-data .rank.level-24 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0023.png)
}

#profile-page .profile-data .rank.level-24.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0023.png)
}

#profile-page .profile-data .rank.level-25 .rank-title {
    font-size: 44px
}

#profile-page .profile-data .rank.level-25 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0024.png)
}

#profile-page .profile-data .rank.level-25.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0024.png)
}

#profile-page .profile-data .rank.level-26 .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/0025.png)
}

#profile-page .profile-data .rank.level-26.female .rank-emblem {
    background-image: url(/images/ag3/profile/emblems/f0025.png)
}

#profile-page .profile-data .merits {
    padding: 22px 0 21px;
    text-align: center
}

#profile-page .profile-data .merits .merit-value, #profile-page .profile-data .merits .quest-value {
    text-shadow: #d5ab00 0 3px 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 41.85px;
    line-height: 1.2em;
    color: #fdc833;
    padding: 0 40px;
    width: calc(100% - 80px);
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .merits .merit-value {
    margin: -2px 0 14px;
    position: relative
}

#profile-page .profile-data .merits .merit-value::before {
    content: url(/images/ag3/profile/icon-laurel-left.png);
    position: absolute;
    margin: 0 0 0 -26px;
    width: 23px;
    height: 50px
}

#profile-page .profile-data .merits .merit-value::after {
    content: url(/images/ag3/profile/icon-laurel-right.png);
    position: absolute;
    margin: 0 0 0 1px;
    width: 23px;
    height: 50px
}

#profile-page .profile-data .merits .quest-value {
    margin: -4px 0 0;
    position: relative
}

#profile-page .profile-data .merits .quest-value::before {
    content: url(/images/ag3/profile/icon-sword-left.png);
    position: absolute;
    margin: 8px 0 0 -23px;
    width: 20px;
    height: 38px
}

#profile-page .profile-data .merits .quest-value::after {
    content: url(/images/ag3/profile/icon-sword-right.png);
    position: absolute;
    margin: 8px 0 0 5px;
    width: 20px;
    height: 38px
}

#profile-page .profile-data .friends {
    padding-top: 23px;
    padding-bottom: 22px;
    color: #2a2a2a;
    text-align: center
}

#profile-page .profile-data .friends .box-title {
    font-weight: 600;
    font-size: 18px
}

#profile-page .profile-data .friends .list {
    margin: 25px 0 28px
}

#profile-page .profile-data .friends .friend {
    display: block;
    position: relative;
    padding: 0 0 0 57px;
    text-align: left;
    color: #2a2a2a;
    height: 47px;
    margin: -5px -5px 5px;
    border: 5px solid #f8f8f8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f8f8f8;
    -moz-transition: background-color 150ms, border-color 150ms;
    -o-transition: background-color 150ms, border-color 150ms;
    -webkit-transition: background-color 150ms, border-color 150ms;
    transition: background-color 150ms, border-color 150ms
}

#profile-page .profile-data .friends .friend:hover {
    border-color: #c9ff8a;
    background-color: #c9ff8a
}

#profile-page .profile-data .friends .friend-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 47px;
    height: 47px
}

#profile-page .profile-data .friends .friend-name {
    padding: 3px 0 0;
    font-weight: 400;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .friends .friend-rank {
    padding: 1px 0 0 23px;
    background: transparent url(/images/ag3/profile/icon-crown-bw.png) no-repeat 2px center;
    width: calc(100% - 23px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .friends .see-all {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    background: transparent url(/images/ag3/profile/icn-arrow-right-green.png) no-repeat right center;
    background-size: 7px 12px;
    text-decoration: none;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #66bd00;
    margin: 0 0 6px 1px;
    padding: 0 16px 0 0
}

#profile-page .profile-data .tiles {
    font-size: 0
}

#profile-page .profile-data .tile {
    margin-bottom: 11px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-align: center;
    padding: 23px 10px 16px;
    width: 119px;
    height: 80px;
    font-size: 15px;
    color: #2a2a2a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .tile:nth-child(odd) {
    margin-right: 11px
}

#profile-page .profile-data .tile .tile-value {
    text-shadow: #d5ab00 0 3px 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 41.85px;
    line-height: 1.2em;
    color: #fdc833;
    margin-top: 3px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#profile-page .profile-data .unit {
    margin: -2px 0 10px -6px;
    padding: 0;
    width: 300px
}

#profile-page .profile-data .unit img {
    max-width: none
}

#profile-page .profile-modal {
    display: block !important;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    background: #fff url(/images/ag3/loading.gif) no-repeat center center
}

#profile-page .profile-modal:focus {
    outline: 0
}

#profile-page .profile-modal.loading .modal-body, #profile-page .profile-modal.loading .modal-footer {
    filter: alpha(opacity=0);
    opacity: 0
}

#profile-page .profile-modal .modal-header, #profile-page .profile-modal .modal-footer, #profile-page .profile-modal .modal-body {
    padding-left: 27px;
    padding-right: 27px;
    background: transparent none;
    border: 0
}

#profile-page .profile-modal .modal-body {
    min-height: 250px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    -webkit-transition-duration: 750ms;
    transition-duration: 750ms
}

#profile-page .profile-modal .modal-footer {
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    -webkit-transition-duration: 750ms;
    transition-duration: 750ms
}

#profile-page .profile-modal .modal-footer .btn-link {
    background: transparent none no-repeat right center;
    background-size: auto 12px;
    margin: 0;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px
}

#profile-page .profile-modal .modal-footer .btn-link.save-btn {
    margin-right: -1px;
    padding-right: 15px;
    color: #66bd00;
    background-image: url(/images/ag3/profile/icn-arrow-right-green.png)
}

#profile-page .profile-modal .modal-footer .btn-link.cancel-btn {
    margin-right: 3px;
    padding-right: 20px;
    color: #b0b0b0;
    background-image: url(/images/ag3/profile/icn-close-gray.png)
}

#profile-page .profile-modal h3 {
    text-align: center;
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 73px
}

#profile-page .profile-modal.header-modal {
    width: 508px;
    margin: -250px 0 0 -254px
}

#profile-page .profile-modal.header-modal .modal-body {
    background: #fff none
}

#profile-page .profile-modal.header-modal .modal-body .profile-img-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1em
}

#profile-page .profile-modal.header-modal .modal-body .profile-img-title.premium {
    margin: 0 0 10px
}

#profile-page .profile-modal.header-modal .modal-body .profile-img-title.standard {
    margin: 30px 0 10px
}

#profile-page .profile-modal.header-modal .modal-body .premium-link {
    display: block;
    margin: 0 auto
}

#profile-page .profile-modal.header-modal .modal-body .banner {
    font-family: Montserrat, Ubuntu, Arial, helvetica neue, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4em;
    color: #fff;
    background: transparent none no-repeat center center;
    background-size: 446px auto;
    -moz-transition-property: background-size;
    -o-transition-property: background-size;
    -webkit-transition-property: background-size;
    transition-property: background-size;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    position: relative;
    display: block;
    width: 440px;
    height: 140px;
    margin: 0 auto 19px;
    padding: 0;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

#profile-page .profile-modal.header-modal .modal-body .banner:focus, #profile-page .profile-modal.header-modal .modal-body .banner:hover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-size: 440px auto;
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .5);
    outline: 4px solid #66bd00
}

#profile-page .profile-modal.header-modal .modal-body .banner:last-child {
    margin-bottom: 0
}

#profile-page .profile-modal.header-modal .modal-body .banner.selected {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-size: 440px auto;
    outline: 3px solid #66bd00;
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .5)
}

#profile-page .profile-modal.header-modal .modal-body .banner.selected:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    background: #66bd00 url(/images/ag3/profile/icn-check-white.png) no-repeat center center;
    background-size: 19px auto;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

#profile-page .profile-modal.header-modal .modal-body .banner:hover:after, #profile-page .profile-modal.header-modal .modal-body .banner.selected:after {
    width: 100%;
    text-align: right;
    text-indent: 0;
    content: attr(title);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 8px 0;
    background: #66bd00 none;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

#cc-alert {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #2a2a2a;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0;
    font-family: montserrat, sans-serif;
    z-index: 9999
}

#cc-alert .content {
    position: relative;
    width: 985px;
    height: 90px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center
}

#cc-alert .content img {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 190px;
    height: auto
}

#cc-alert .content .cc-left {
    width: 685px;
    padding-left: 160px;
    height: 45px
}

#cc-alert .content .cc-left p {
    font-size: 12px
}

#cc-alert .content .cc-left a {
    color: #ccc;
    text-decoration: underline
}

#cc-alert .content .cc-right {
    text-align: right;
    width: 130px
}

#cc-alert .content .cc-right a.cc-btn {
    display: inline-block;
    padding: 5px 25px;
    -moz-box-shadow: rgba(0, 0, 0, .75) 0 6px 13px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 0 6px 13px -1px;
    box-shadow: rgba(0, 0, 0, .75) 0 6px 13px -1px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 18px;
    color: #222;
    background-color: #fff;
    transition: background-color .3s ease-in-out
}

#cc-alert .content .cc-right a.cc-btn:hover {
    background-color: #fdc833
}

.registration-container, .login-container {
    width: 400px;
    min-height: 450px;
    margin: 50px auto 15px
}

.registration-container .hide, .login-container .hide {
    display: none !important
}

.registration-container h2, .login-container h2 {
    text-transform: uppercase
}

.registration-container #errors, .login-container #errors {
    margin: 0 0 25px;
    font-size: .95rem;
    font-weight: 700
}

.registration-container #errors li, .login-container #errors li {
    color: #ff3000
}

.registration-container .form-header, .login-container .form-header {
    margin: 10px 0
}

.registration-container .form-header h1, .login-container .form-header h1 {
    color: #000;
    font-size: 1.76rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0
}

.registration-container .form-header h2, .login-container .form-header h2 {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .055rem;
    margin: -10px 0 0;
    font-weight: 500
}

.registration-container .form-header h3, .login-container .form-header h3 {
    color: #000
}

.registration-container .form-header p, .login-container .form-header p {
    margin: 0
}

.registration-container .form-header .bold, .login-container .form-header .bold {
    font-weight: 700
}

.registration-container .col-form, .login-container .col-form {
    width: 400px;
    display: inline-block;
    padding: 10px 0
}

.registration-container .col-form form, .login-container .col-form form {
    width: 100%
}

.registration-container .col-form form .checkbox-container, .login-container .col-form form .checkbox-container {
    margin: 10px 0
}

.registration-container .col-form form label, .login-container .col-form form label {
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700
}

.registration-container .col-form form label.checkbox-label, .login-container .col-form form label.checkbox-label {
    display: inline;
    hyphens: auto;
    line-height: 15px;
    letter-spacing: 0;
    font-size: .7rem;
    font-weight: 400;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.registration-container .col-form form label.checkbox-label span, .login-container .col-form form label.checkbox-label span {
    font-weight: 700
}

.registration-container .col-form form input, .login-container .col-form form input {
    width: 384px;
    border-radius: 0;
    padding: 7px;
    margin: 0
}

.registration-container .col-form form input[type=checkbox], .login-container .col-form form input[type=checkbox] {
    display: inline-block;
    border-radius: 0;
    width: auto;
    margin: 0 5px 0 0
}

.registration-container .col-form form input.login, .login-container .col-form form input.login {
    margin: 0 0 20px
}

.registration-container .col-form form p, .login-container .col-form form p {
    font-size: .8rem;
    color: #888
}

.registration-container .col-form form p.input-caption, .login-container .col-form form p.input-caption {
    margin-bottom: 15px
}

.registration-container .col-form form .form-btn, .login-container .col-form form .form-btn {
    background-color: #2a2a2a;
    display: block;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    margin: 20px 0 15px;
    min-width: 80px;
    font-weight: 700;
    transition: background-color .3s ease, color .5s ease;
    border: 0
}

.registration-container .col-form form .form-btn:hover, .login-container .col-form form .form-btn:hover {
    background: #fdc833;
    color: #333
}

.registration-container .col-form form .form-btn.btn-inline, .login-container .col-form form .form-btn.btn-inline {
    display: inline-block;
    margin-right: 20px
}

.registration-container .register-now, .login-container .register-now {
    margin-top: 25px;
    font-size: small
}

.registration-container a.password-reset, .login-container a.password-reset {
    display: inline-block;
    font-size: 11px;
    line-height: 12px
}

.registration-container .social-login, .login-container .social-login {
    margin-top: 45px
}

table {
    width: 100%;
    border: 1px solid #e5e5e5;
}

table th {
    text-align: left;
    padding: 5px 7px;
    border-bottom: 1px solid #e0e0e0;
}

table td {
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 7px;
}

table tbody tr:last-child th, table tbody tr:last-child td {
    border: none;
}

.good {
    padding: 5px;
    background-color: rgba(0, 193, 45, 0.71);
}

.bad {
    padding: 5px;
    background-color: rgba(255, 40, 40, 0.71);
}

.v3-4{
    display: flex;
    width: 1300px;
    margin: 0 auto;
    justify-content: space-around;
    flex-direction: column;
}

@font-face {
    font-family: 'MontserratRegular'; /*a name to be used later*/
    src: url('./fonts/Montserrat-Regular.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'MontserratBold'; /*a name to be used later*/
    src: url('./fonts/Montserrat-Bold.ttf'); /*URL to font*/
}

*{
    font-family: 'MontserratRegular' !important;
}

#page-home section.games .title {
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    font-family: 'MontserratBold' !important;
    font-size: 30px;
    margin-bottom: 10px;
}

#page-home section.games .content {
    /* background-color: #ccc; */
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: right;
    flex-wrap: wrap;
}

#page-home section.games .content a {
    margin: 0px 20px 20px 0px !important;
    /*min-width: 200px !important;*/
    height: auto;
    /*width: max-content;*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#page-home a.game .head {
    font-size: 14px;
}

#page-home a.game .thumb {
    max-height: 110px;
    max-width: 200px;
    border: 1px solid #424242;
    margin-right: 10px;
    float: left;
}

.tag-plays, .tag-category {
    width: max-content;
}

#page-home article{
    margin-bottom: 50px;
}