/* _________________________________________________

Author: Rob Turlinckx - Olive & Twist (<redacted what is now a spam domain>) - @oat
with adjustments to remove legacy code in 2024
_____________________________________________________

1.ROOT
2.HTML SKELETON
3.HEADINGS
4.TYPOGRAPHY
5.LINKS
6.BUTTONS
7.BANNER header[role="banner"]
8.CONTENT
9.COMPLEMENTARY ASIDE
10.CONTENT INFO FOOTER
11.GLOBAL OBJECTS
12.FORMS
13.TABLES
14.RESPONSIVE
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

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

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

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select {
    vertical-align: middle;
}

select {
    padding: 2px;
}

/* always force a scrollbar in non-IE */
html {
    overflow-y: scroll;
    height: 100%;
}

p {
    font-size: 1.1em;
}

td, td img {
    vertical-align: middle;
}

/*Form Elements*/
textarea {
    overflow: auto;
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
    vertical-align: inherit;
    margin: 0 4px 10px 0;
}

input[type="checkbox"] {
    vertical-align: top;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button, .clickable {
    cursor: pointer;
}

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}

/* colors for form validity */
input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
    border-radius: 1px;
    box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd;
}

button {
    width: auto;
    overflow: visible;
}

/* for image replacement */
.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* plain clear */
.clear {
    clear: both;
}

.clearblock {
    display: block;
    clear: both;
}


/* 1.ROOT */
body {
    background: radial-gradient(ellipse at bottom, #5091DD 0%, #030617 100%) no-repeat fixed;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
}

/* 2.HTML SKELET */
#container, .innerwrap {
    margin: 0 10%;
    font-size: 0.75em;
}

/*12px*/

div[role="dialog"].ui-widget {
    font-size: 0.75em;
}

ul[role="listbox"].ui-widget {
    font-size: 0.70em;
}

section#content {
    float: left;
    width: 75%;
}

section#content3column {
    float: left;
    width: 75%;
}

section[role="main"] .innerpadding {
    padding: 25px;
}

section#advertising {
    margin-bottom: 15px;
}

aside[role="complementary"] {
    float: right;
    background: url("/images/line-aside.jpg") no-repeat top left, url("/images/grad-aside.jpg") repeat-x top left;
    width: 25%;
    min-height: 650px;
}

aside[role="complementary"] .innerpadding {
    padding: 25px;
}

aside[role="navigation"] {
    float: left;
    background: url("/images/line-aside.jpg") no-repeat top right, url("/images/grad-aside.jpg") repeat-x top right;
    border-top: 1px solid #dedede;
    width: 25%;
    overflow: hidden;
    min-height: 650px;
}

aside[role="navigation"] .innerpadding {
    padding: 25px;
}

aside[role="tree"] .innerpadding {
    padding: 10px;
}

#main {
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
    line-height: 1.0em;
    font-weight: normal;
}

h1 a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

h2, h1 {
    font-size: 1.666em; /*20/12*/
    border-bottom: 1px solid #E2E2E2;
    color: #444444;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.fontface h2, .fontface h1 {
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 2.333em; /*28/12*/
    padding-bottom: 5px;
}

h3 {
    color: #444444;
    font-weight: 400;
    font-size: 1.33333em; /*16/12*/
    line-height: 1.2em;
    margin-bottom: 10px;
}

dl.ranking dt {
    color: #206681;
    font-weight: 400;
    font-size: 1.33333em; /*16/12*/
    line-height: 1.2em;
}

dl.ranking dt span {
    text-transform: uppercase;
}

aside[role="complementary"] h3,
aside[role="complementary"] dl.ranking dt {
    border-bottom: 1px solid #A9AFB2;
    margin-bottom: 10px;
}

aside[role="complementary"] dl.ranking dt {
    letter-spacing: normal;
}

h3 a:link, h3 a:visited {
    color: #206681;
}

section#hardware h3 {
    margin-bottom: 7px;
}

section#article article header h3 {
    margin: 0;
    text-align: center;
    width: 70%;
    float: left;
    padding: 0 5%;
}

section #article article header h3 a {
    display: block;
    padding: 5px 0 0 0;
}

aside[role="complementary"] h3.accent {
    background: #3a809b;
    background: linear-gradient(to bottom, #3c839e, #2f718a);
    padding: 7px 15px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin: 0;
    border: solid 1px #2a667c;
    border-bottom: none;
    text-transform: none;
}

#user-score h3 a {
    text-transform: uppercase;
}

h3 span {
    color: #326c9b;
}

.fontface h3, .fontface dl.ranking dt {
    font-size: 1.58333em; /*19/12*/
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
}

.fontface aside[role="complementary"] h3, .fontface dl.ranking dt {
    font-size: 1.666em; /*20/12*/
}

h4, #main section#content dl dt {
    margin-bottom: 10px;
    text-transform: uppercase;
}

h4.nobottom, #main section#content dl dt.nobottom {
    margin-bottom: 0px;
}

#related section#search form h4 {
    margin-bottom: 0;
    padding-top: 10px;
}

.fontface dl dt, .fontface h4 {
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.16666em; /*14/12*/
    font-weight: normal;
}

/* 4.TYPOGRAPHY */
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

nav ul {
    list-style: none;
}

nav ul, nav li {
    margin: 0;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}

hr {
    background: #E2E2E2;
    height: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e2e2e2;
}

body, select, input, textarea {
    color: #444;
}

ul, ol {
    list-style-type: none;
}

ol {
    list-style-type: decimal;
}

ul {
    margin-bottom: 10px;
}

ul.list2 li {
    padding: 0 0 0 13px;
    background: url(/images/li-arrow.png) no-repeat 0 3px;
    margin-bottom: 7px;
}

ul li.comment, ul li.write {
    padding: 0 0 0 20px;
    background: url(/images/comments.png) no-repeat 0 0;
    margin-bottom: 7px;
}

ul li.write {
    background: url(/images/write.png) no-repeat 0 2px;
}

ul.list li {
    border-bottom: solid 1px #d5d8d9;
    padding: 10px 0 10px 13px;
    background: url(/images/li-arrow.png) no-repeat left 13px;
    margin: 0;
}

ul.list li:last-child {
    border-bottom: none;
    padding: 10px 0 0 13px;
}

ul.list li:first-child {
    padding: 0px 0 10px 13px;
    background: url(/images/li-arrow.png) no-repeat left 3px;
}

ul.list li p {
    color: #84878a;
    font-style: italic;
    margin: 0;
}

aside[role="complementary"] ul.list li a {
    display: block;
}

ul.list li a:hover {
    text-decoration: underline;
}

ul.list li:hover {
    background-image: url(/images/li-arrow-hover.png);
}

ul.checks li {
    background: url(/images/check.png) no-repeat center left;
    padding: 0 0 0 20px;
}

ul li.unchecked {
    background: url(/images/todo.png) no-repeat top left;
    padding: 0 0 0 20px;
}

ul li.checked {
    background: url(/images/done.png) no-repeat top left;
    padding: 0 0 0 20px;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

pre {
    padding: 15px;
    white-space: pre-line;
    word-wrap: break-word;
}

::-moz-selection {
    background: #72ae9d;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #72ae9d;
    color: #fff;
    text-shadow: none;
}

/*  j.mp/webkit-tap-highlight-color */
a:link {
    -webkit-tap-highlight-color: #2a667c;
}

p {
    line-height: 1.6em;
    margin-bottom: 10px;
}

.quote p {
    margin: 0;
    font-size: 1.1em;
    font-style: italic;
}

p.accent {
    font-size: 1.3em;
}


/* 5.LINKS */
a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
}

a:hover, a:active {
    outline: none;
}

a, a:active, a:visited {
    color: #206681;
    text-decoration: none;
}

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

a.link {
    background: url(/images/arrow-blue.png) no-repeat right center;
    padding-right: 12px;
}

a.link:hover {
    padding-right: 14px;
}

footer[role="contentinfo"] a.link {
    color: #d6d6d6;
    background: url(/images/arrow-small.png) no-repeat right 4px;
    padding-right: 8px;
}

a.comments {
    padding-left: 2px;
}

.comments {
    font-weight: 700;
    background: url(/images/comments.png) no-repeat right center;
    padding-right: 20px;
    vertical-align: top;
}

a[rel="external"] {
    color: #fff;
}

li.submissionbtn {
    padding: 4px 7px;
    margin-top: -2px;
    max-height: 17px;
}

.liketext {
    color: #206681;
    font-weight: 700;
    font-size: 1em;
}

a.submissionlink {
    font-weight: 700;
    padding-left: 3px;
    padding-top: 4px;
    vertical-align: middle;
}

a.submissionlink img {
    padding-top: 1px;
    float: left;
}

.more {
    background: url(/images/arrow-down.png) no-repeat center right;
    padding: 3px 22px 0 0;
}

a.edit {
    background: url(/images/edit.gif) no-repeat 0 0;
    padding: 5px 0 5px 20px;
}

.arrow,
.arrow:visited {
    background: url(/images/arrow.png) no-repeat center right;
    padding: 2px 22px 0 0;
}

.arrow:hover {
    background-image: url(/images/arrow-hover.png);
}

.arrow:active {
    background-image: url(/images/arrow-active.png);
}


/* 6.BUTTONS */
a.btn, .btn {
    text-decoration: none;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    padding: 6px 10px;
    border: 1px solid #dedede;
    background: #fff linear-gradient(to bottom, rgb(229, 229, 229) 10%, rgb(255, 255, 255) 87%) repeat-x bottom left;
    color: #535557;
    font-weight: 700;
    display: inline-block;
    line-height: normal;
}

.btn:hover {
    color: #878a8c;
    text-decoration: none;
}

.btn.on, .btn:active {
    color: #878a8c;
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 10%, rgb(229, 229, 229) 100%);
    border-color: #a6a6a6;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

.no-cssgradients .btn.on,
.no-cssgradients .btn:active {
    background: #fff url(/images/btn-grad-on.jpg) repeat-x top left;
}

.btn.cta {
    user-select: none;
    background-image: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF;
    box-shadow: 0 1px 0 #4BA0E5 inset;
}

.btn.blue {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
    border: none;
    border-top: 1px solid #67738a;
    color: white;
    background: #5a667d linear-gradient(to top, rgb(52, 71, 88) 22%, rgb(90, 102, 125) 99%, rgb(128, 147, 181) 100%);
}

.btn.analysis {
    text-align: center;
    vertical-align: middle;
    width: 90%;
    height: 30px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    border: none;
    border-top: 0px solid #67738a;
    color: white;
    background: #A5DA6C linear-gradient(to top, rgb(52, 71, 88) 22%, rgb(90, 102, 125) 99%, rgb(128, 147, 181) 100%);
}

.no-cssgradients .btn.cta,
.no-cssgradients .result,
.no-cssgradients .results {
    border: none;
    background: #d48538 url(/images/grad-btn-cta.jpg) repeat-x bottom left;
}

#container .btn.cta {
    border: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn.cta:hover,
.sf-menu li#nav_score.sfHover a,
.sf-menu li#nav_score a.current {
    background: #c67d36 linear-gradient(to bottom, #9f572a 10%, #c67d36 100%);
    color: #fff;
}

.btn.cta:hover {
    background: #0073A5;
}

#meta .btn.cta {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 0 none;
    box-shadow: none;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0 14px;
    border: none;
}

.btn.cta:active {
    background: linear-gradient(to bottom, #cd7036 10%, #b86531 100%);
    border-top-color: #b0602e;
}

.fontface .btn.cta, .fontface .btn.blue {
    font-weight: normal;
    text-transform: uppercase;
    font-family: "PillGothic300mgRegular", "Lucida Grande", Helvetica, Arial;
    font-size: 1.08333em; /*13/12*/
}

.fontface .btn.analysis {
    font-weight: normal;
    text-transform: uppercase;
    font-family: "PillGothic300mgRegular", "Lucida Grande", Helvetica, Arial;
    font-size: 1.5em;
}

.fontface nav[role="navigation"] .btn.cta {
    font-size: 1.25em; /*15/12*/
}

/* 7.BANNER header[role="banner"] */
header[role="banner"] nav {
    width: 100%;
    background: #0a3344;
    background: rgba(10, 51, 68, 0.7);
    border-bottom: solid 1px #193745;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 10px 0;
    margin: 0;
}

.no-rgba header[role="banner"] nav {
    background: url(/images/balk.png) repeat-x 0 0;
    border-bottom: none;
}

header[role="banner"] a,
header[role="banner"] a:active,
header[role="banner"] a:visited {
    color: #99abbc;
}

header[role="banner"] a.btn {
    color: #fff;
}

header[role="banner"] a:hover {
    color: #c5dbf1;
}

ul#account {
    float: left;
}

.fontface header[role="banner"] a.btn {
    line-height: 13px;
}

header[role="banner"] nav ul,
header[role="banner"] nav ul li {
    float: left;
}

header[role="banner"] nav ul li {
    margin: 0 10px 0 0;
    line-height: 27px;
}

ul#some {
    margin: 6px 0 0 15px;
}

ul#some li {
    margin: 0 5px 0 0;
}

ul#some li:last-child {
    margin: 0;
}

ul#some li a {
    background: url("/images/some2.png") no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -999em;
}

ul#some li a.fb:hover {
    background-position: -16px 0;
}

ul#some li a.twitter {
    background-position: -32px 0;
}

ul#some li a.twitter:hover {
    background-position: -48px 0;
}

ul#some li a.linkedin {
    background-position: -64px 0;
}

ul#some li a.linkedin:hover {
    background-position: -80px 0;
}

ul#some li a.rss {
    background-position: -96px 0;
}

ul#some li a.rss:hover {
    background-position: -112px 0;
}

ul#some li a.googleplus {
    background-position: -160px 0;
}

ul#some li a.googleplus:hover {
    background-position: -176px 0;
}

ul#help li + li {
    background: url(/images/divide.jpg) no-repeat left center;
    padding: 0 0 0 9px;
}

select[name="lang"] {
    padding: 5px;
    border: #3d4853 solid 1px;
}

#box-logo {
    float: left;
    width: 40%;
}

#masthead {
    width: 100%;
    float: right;
    margin-bottom: 10px;
}

#search-fld {
    margin: 50px 0 30px 0;
}

#search-details h4 {
    width: 90px;
}

#search-details .bg-list span {
    width: 130px;
    display: inline-block;
    padding: 5px 0px;
}

#search-details .bg-list-full span {
    width: 250px;
    display: inline-block;
    padding: 5px 0px;
}

input.cancel {
    margin-left: 10px;
    color: #FFFFFF;
}

#search-fld form {
    float: right;
    width: 100%;
}

#search-fld form input {
    border: solid 1px #07222d;
    margin: 0 15px;
    width: 70%;
}

#search-fld form input:focus {
    box-shadow: 0 0 10px #000;
    width: 70%;
}

#mobilesuggestion {
    background-color: #FFFFCE;
    text-align: center;
}

#partners {
    background: #093346;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: #0a3242 solid 1px;
    border-bottom: none;
    box-shadow: 0 -6px 10px #0a3344;
}

#partners ul li {
    float: left;
    box-shadow: inset 0 0 20px #154b63;
    background: url(/images/logo-divide.jpg) repeat-y left top;
}

#partners ul li:hover {
    box-shadow: inset 0 0 10px #154b63;
}

#partners ul li:first-child {
    background: none;
}

#partners ul li a {
    display: block;
    padding: 20px;
    line-height: 0;
}

#partners ul li a#msigamingpartner {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 0;
}

#partners ul li a#gigabytepartner {
    display: block;
    padding-top: 26px;
    padding-bottom: 26px;
    line-height: 0;
}

#partners ul li a#gskillpartner {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 0;
}

#partners ul li a#gskillpartner img {
    height: 50px;
}

#partners ul li a#rogpartner {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 0;
}

#partners ul li a#rogpartner img {
    height: 50px;
}

#partners ul li a#intelpartner {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 0;
}

#partners ul li a#intelpartner img {
    height: 50px;
}

#partners ul li a#hyperxpartner {
    display: block;
    line-height: 0;
    padding-bottom: 9px;
    padding-top: 21px;
}

#partners ul li a#hyperxpartner img {
    height: 40px;
}

div.notpartner_background {
    width: 360px;
    height: 240px;
    border: 2px solid white;
}

div.notpartner_text {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid gray;
    opacity: 0.6;
}

div.notpartner_text p {
    margin-top: 80px;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    color: #000000;
    transform: rotate(-33deg);
}

/* Main nav Superfish*/
/*** ESSENTIAL NAV 1e NIV STYLES ***/
ul.sf-menu {
    background: #417666 linear-gradient(to bottom, #457d6c, #3e7161);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

ul.sf-menu li {
    float: left;
    position: relative;
    border-right: solid 1px #346054;
}

ul.sf-menu li#nav_score {
    float: right;
    border-right: none;
}

#container ul.sf-menu li#nav_score a {
    border-radius: 0 5px 0 0;
    box-shadow: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

ul.sf-menu li#nav_score a:hover,
ul.sf-menu li#nav_score.sfHover a {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.sf-menu li a,
.sf-menu li a:visited {
    font-family: "PillGothic300mgRegular", "Lucida Grande", Helvetica, Arial;
    font-size: 1.25em; /*15/12*/
    padding: 15px 20px;
    display: block;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

.sf-menu li a:hover,
.sf-menu li a.current,
.sf-menu li.sfHover a {
    border-right: solid 1px #346054;
    color: #24423a;
    text-shadow: 0 1px 0 #4f927e;
    box-shadow: inset 0 0 20px #3c6d5f;
    text-decoration: none;
}

.sf-menu li a.current,
.sf-menu li.sfHover a,
.sf-menu li .current,
.sf-menu li .sfHover,
.sf-menu li a:hover {
    border-right: none;
}

.sf-menu li:first-child a:hover,
.sf-menu li:first-child .sfHover,
.sf-menu li:first-child .current {
    border-top-left-radius: 5px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    z-index: 99;
    display: block;
}

.sf-menu li#nav_score:hover ul,
.sf-menu li#nav_score.sfHover ul {
    left: auto;
    right: 0;
    display: block;
}

/*2e NIV */
ul.sf-menu ul {
    position: absolute;
    background: #e8eef1;
    border: #abb1b4 solid 1px;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 25em;
    display: none;
}

ul.sf-menu li ul li {
    border-right: none;
    float: none;
    border-bottom: solid 1px #c5cacd;
}

ul.sf-menu li ul li:last-child {
    border-bottom: none;
}

ul.sf-menu li ul li a,
ul.sf-menu li.sfHover ul li a,
ul.sf-menu li#nav_score li a:hover,
ul.sf-menu li#nav_score.sfHover ul li a {
    font-family: "Lucida Grande", Helvetica, Arial;
    text-transform: none;
    font-size: 1.1em;
    color: #535557 !important;
    text-shadow: 0 1px 0 #fff;
    padding: 10px 20px;
    background: none;
    border-right: none;
}

ul.sf-menu li ul li a:hover,
ul.sf-menu li#nav_score li a:hover,
ul.sf-menu li#nav_score.sfHover ul li a:hover {
    background: #dadfe2;
    color: #24423a;
    text-shadow: 0 1px 0 #fff;
    box-shadow: none;
}

.sf-menu li.sfHover ul li a {
    box-shadow: none;
}

ul.sf-menu li ul li:first-child a:hover {
    border-radius: 0;
}

ul.sf-menu {
    background: linear-gradient(to bottom, #333 5%, #222 100%) #222;
}

ul.sf-menu li {
    border-right: 1px solid #2a2a2a;
    transition: all 0.1s ease;
}

.sf-menu li a:hover, .sf-menu li a.current, .sf-menu li.sfHover a {
    background: #428BCA;
    box-shadow: 0 1px 0 #4BA0E5 inset;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px #4BA0E5;
}

ul.sf-menu li ul li {
    border-bottom: 1px transparent;
}

/* 8.CONTENT */
.highlight {
    color: #D18238;
    font-weight: bold;
}

#content-wide {
    width: 100%;
}

section[role="main"] section {
    margin-bottom: 50px;
}

section[role="main"] section:last-child {
    margin-bottom: 0;
}

#banners {
    background: #e8eef1;
    border-bottom: solid 1px #abb1b4;
    width: 100%;
}

#banners ul {
    padding: 20px 0;
    text-align: center;
}

#banners ul li {
    display: inline;
}

#banners ul li + li {
    margin-left: 1%;
}

#results footer {
    margin-top: 10px;
}

/* Competitions */
.stageranking {
    font-size: 1.4em;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    padding-top: 5px;
}

.stagenotenough {
    font-style: italic;
}

ul.media img {
    min-height: 100px;
    margin: 5px;
}

section #competition div {
    width: 55%;
}

section #competition aside {
    width: 40%;
    margin-top: 30px;
}

img {
    max-width: 100%;
    height: auto;
}

/* Prevent height distortion in IE8. */

table img {
    height: auto;
    max-width: none;
}

#partners img {
    border: none;
}

ul.options {
    margin-bottom: 10px;
}

ul.options li {
    float: left;
    margin: 0 10px 10px 0;
}

ul.options li a {
    display: block;
}

#past-comp {
    display: none;
}

/* HWBOT Articles */
section article header {
    margin-bottom: 20px;
}

section#article article header {
    background: none repeat scroll 0 0 #F4F7F8;
    border-bottom: 1px solid #D5D8D9;
    border-top: 1px solid #D5D8D9;
    padding: 25px 15px 20px;
    position: relative;
}

section#article article header .date {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -70px;
    width: 100px;
    text-align: center;
}

.bg {
    padding: 4px 10px;
    background: #eaedee;
    border-radius: 0px;
    display: inline-block;
    border: solid 1px #d8dfe3;
}

.bg-list {
    padding: 4px 10px;
    background: #eaedee;
    border-radius: 25px;
    border: solid 1px #d8dfe3;
    margin-top: 5px;
}

.bron {
    padding: 4px 10px;
    border-radius: 25px;
    background: #72ae9d;
    border: solid 1px #64998a;
    display: inline-block;
}

time {
    color: #8c8f92;
    text-shadow: 0 1px 0 #fff;
}

ul.nav {
    text-align: center;
    width: 150px;
    margin: 0 auto;
}

ul.nav .arrows a {
    text-indent: -9999px;
}

ul.nav .arrows {
    width: auto;
}

ul li.nmbrs {
    width: 50px;
    line-height: 30px;
    float: left;
}

.arrows {
    float: left;
    line-height: 30px;
    width: 10%;
}

.arrows a.left {
    background: url(/images/arrow-left.png) no-repeat left center;
    padding-left: 35px;
    display: block;
}

.arrows a.left:hover {
    background-image: url(/images/arrow-left-hover.png);
}

.arrows a.right {
    background: url(/images/arrow-right.png) no-repeat right center;
    padding-right: 35px;
    display: block;
}

.arrows a.right:hover {
    background-image: url(/images/arrow-right-hover.png);
}

/* Hardware */
img.hardwareoverview {
    max-height: 75px;
}

td.perfbar {
    color: #666666;
    font-style: italic;
}

td.perfbar .reliable {
    color: #999999;
    font-style: italic;
}

div.perfbarwrapper {
    float: left;
}

div.perfbar {
    background-color: #EDA561;
    height: 2px;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

div.perfbarbottom {
    background-color: #d18238;
    height: 8px;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

div.perfbarunreliable {
    background-color: #DEDEDE;
    height: 2px;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

div.perfbarbottomunreliable {
    background-color: #C9C9C9;
    height: 8px;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

div.pollbar {
    background-color: #EDA561;
    height: 1em;
    border: 1px solid #aaaaaa;
}

.perf {
    min-width: 200px;
}

.popularity {
    min-width: 100px;
}

td.popularitybar {
    color: #666666;
    font-style: italic;
}

div.popularitybar {
    background-color: #46859E;
    height: 2px;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.popularitybarbottom {
    background-color: #206681;
    height: 8px;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.hardwareTree {
    width: 100%;
    float: left;
    border: 1px solid #CCCCCC;
    background-color: #FEFEFE;
}

.hardwareContent {
    width: 100%;
    float: left;
}

section#hardware article {
    border-bottom: 1px dashed #ABB1B4;
    margin-bottom: 20px;
    padding: 0 0 20px;
}

section#hardware article header footer li {
    float: left;
    margin-right: 5px;
}

section#hardware article:last-child {
    border-bottom: none;
}


td.rank {
    font-size: 1.1em;
}

.nomargin {
    margin: 0 0 0 0;
}

#hardware dl {
    margin: 0 0 0 0;
    padding-bottom: 15px;
}

#hardware dl dt {
    margin-bottom: 0px;
    font-size: 3.0em;
    clear: both;
}

#hardwaredetails dl dt {
    margin-bottom: 0px;
    font-size: 1.5em;
    clear: both;
}


#hardware dl dd {
    font-size: 1.1em;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    margin: 0 0 7px 0;
    clear: both;
}

#hardware dl dd:last-child {
    margin: 0;
}

#hardware dl dd .label {
    display: inline-block;
    width: 130px;
}

.lifefeed {
    margin: 20px 0 0 0;
}

/*Fluid video embedding*/
.mov {
    width: 60%;
}

.mov object, .mov embed {
    width: 100%;
}

.mov object {
    border-radius: 10px;
}

#user-score {
    float: right;
    width: 85%;
}

/*fixes stupid IE*/

ul.meta {
    margin-bottom: 10px;
}

ul.meta li {
    float: left;
    margin: 0 0 0 7px;
}

.avatar {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.avatartiny {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.result, .results {
    background: #428BCA;
    clear: both;
    /*width:100%;*/
    margin: 0 0 15px 0;
    background: linear-gradient(to bottom, rgb(64, 94, 155) 10%, rgb(75, 160, 229) 94%);
    border-radius: 3px;
}

.results {
    color: #fff;
    font-weight: 700;
    padding: 5px;
    border-radius: 3px;
}

.result p {
    text-align: center;
    padding: 15px;
    margin: 0;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    font-style: italic;
}

.result p a {
    color: white;
    border-bottom: dotted 1px;
}

.result p a:hover {
    text-decoration: none;
    border-bottom: none;
}

.result p span, p.king {
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.6666em; /*20/12*/
    font-style: normal;
}

.grid1 {
    width: 60%;
}

.grid2 {
    width: 48%;
}

.grid3 {
    width: 40%;
}

.grid4 {
    width: 55%;
}

.grid100 {
    width: 100%;
}

#hardware-details ul, ul.bg-list, .bg-accent {
    min-height: 100px;
    padding: 10px;
    background-color: #f4f7f8;
    border-radius: 0px;
    border: solid 1px #e7eaeb;
    overflow: hidden;
}

ul.bg-list-full {
    margin-top: 20px;
    padding: 10px;
    background-color: #f4f7f8;
    border-radius: 0px;
    border: solid 1px #e7eaeb;
    overflow: hidden;
}

.bg-accent, div.achievement_type {
    background: #f5f5f5;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 #FFFFFF inset;
}

#hardware-details ul {
    position: relative;
    min-height: 63px;
}

#hardware-details ul li {
    margin: 0 0 10px 0;
}

#hardware-details ul:hover {
    border-color: #ABB1B4;
}

#hardware-details ul li:last-child {
    margin: 0;
}

#hardware-details ul li span.param {
    font-weight: 700;
    width: 100px;
    display: inline-block;
}

div.sponsor {
    float: right;
}

.sponsor img {
    top: -20px;
    float: right;
    border: 0 none;
}

#media dl, ul.media {
    float: left;
    margin-right: 20px;
}

#media dl dd, ul.media li, dl.media dd {
    float: left;
    margin: 0 7px 0 0;
}

#media dl dd a {
    height: 75px;
    width: 75px;
}

.rank {
    width: 90%;
    float: left;
}

.rank .pos {
    text-align: center;
    width: 100px;
}

.biggerpos {
    font-size: 3.0em;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
}

.bigpos {
    font-size: 2.2em;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
}

.mediumpos {
    font-size: 1.5em;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
}

.smallpos {
    font-size: 1.2em;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
}

.gold {
    background-color: #d4af37;
    border: solid 1px #e5b24a;
    color: #eee;
    text-shadow: 1px 1px 0 #444;
}

.silver {
    background-color: #C0C0C0;
    border: solid 1px #b2b2b2;
    color: #eee;
    text-shadow: 1px 1px 0 #444;
}

.bronze {
    background-color: #C9AE5D;
    border: solid 1px #e09b5d;
    color: #eee;
    text-shadow: 1px 1px 0 #444;
}

.medal {
    border: solid 1px #e09b5d;
}

.nomedal {
    background-color: #eee;
    border: solid 1px #e09b5d;
}

.box-comment {
    border-bottom: dashed 1px #abb1b4;
    padding: 10px 0;
}

.box-comment .comment {
    margin-left: 100px;
    width: 85%;
}

.box-comment figure a img {
    margin: 0 15px 15px 0;
}

.quote {
    background: #e8eef1;
    border: solid 1px #ABB1B4;
    padding: 15px;
    border-radius: 0px;
    text-shadow: 0 1px 0 #fff;
    margin-bottom: 25px;
}

.quote figure img {
    border: none;
}

section#comments footer {
    margin: 35px 0;
}

#commentform label {
    margin-left: 15px;
}

#commentform label span {
    font-style: italic;
    color: #8C8F92;
}

#commentform textarea {
    width: 90%;
}

#points ul li a {
    display: block;
    font-weight: 700;
}

#points ul li:last-child p {
    margin: 0;
}

#points ul li span {
    font-weight: 700;
}

.type-rank {
    float: left;
}

.type-rank a {
    display: inline;
    padding-left: 10px;
    font-weight: normal;
    background: url(/images/li-arrow.png) no-repeat 0 3px;
}

.points p {
    background: #428BCA;
    border: solid 1px #326c9b;
    color: #fff;
    border-radius: 1px;
    padding: 3px;
    float: right;
    text-align: center;
    min-width: 73px
}

/* competition page */
.open, .closed {
    background: none repeat scroll 0 0 #72AE9D;
    border: 1px solid #629586;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 0 5px;
    padding: 4px 3px 2px;
    text-transform: uppercase;
}

.closed {
    background: none repeat scroll 0 0 #BDD4DF;
    border: 1px solid #AABFC9;
    color: #6A6C6E;
    text-shadow: 0 1px 0 #DEEAEF;
}

/* Compettition stages */
#stage-rank .grid2 {
    margin-bottom: 15px;
}

.meta {
    margin: 0 0 15px 0;
    padding: 3px 0 0 0;
}

.stage-title, .marginbottom15 {
    margin-bottom: 15px;
}

/* competition overview */
.level1 {
    background: url("/img/icons/award_star_bronze_3.png") no-repeat 10px 50%;
    padding-left: 30px;
}

.level2 {
    background: url("/img/icons/award_star_silver_3.png") no-repeat 10px 50%;
    padding-left: 30px;
}

.level3 {
    background: url("/img/icons/award_star_gold_3.png") no-repeat 10px 50%;
    padding-left: 30px;
}

/* Ranking page */
#res-benchmarks td.equal, #res-benchmarks td.up, #res-benchmarks td.down {
    padding: 0 0 0 17px;
    vertical-align: middle;
}

#res-benchmarks td.name, #team-members td.name, #league-leaders td.name {
    width: 50%;
}

#res-benchmarks {
    overflow-x: auto;
}

#leagues div {
    float: left;
    width: 270px;
    padding-right: 15px;
    margin-bottom: 30px;
}

#leagues p {
    height: 60px;
}

#leagues .box-content p {
    height: 100px;
}

#leagues div h3 {
    border-bottom: 1px solid #a9afb2;
    margin-bottom: 10px;
}

#leagues ul.meta {
    padding: 0;
    margin-top: -5px;
}

.equal, .up, .down {
    background: url(/images/equal.jpg) no-repeat 0 50%;
    height: 15px;
    padding: 0 0 0 17px;
    font-weight: 700;
}

.up {
    background: url(/images/up.jpg) no-repeat 0 50%;
    color: #518575;
}

.down {
    background: url(/images/down.jpg) no-repeat 0 50%;
    color: #7d4545;
}

ul.legend li {
    float: left;
    margin: 0 10px 10px 0;
}

.filter {
    margin-bottom: 15px;
}

.filter p {
    float: left;
    margin-right: 15px;
}

/* Profile and accoutn page */
.borderedbox {
    border-radius: 3px;
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 5px;
    min-height: 100px;
}

#profile dl {
    margin: 0 0 10px 0;
    min-height: 110px;
}

#profile dl dd {
    margin: 0 0 7px 0;
}

#profile dl dd:last-child {
    margin: 0;
}

#profile dl dd .label {
    display: inline-block;
    width: 130px;
}

#profile dl dd .sublabel {
    display: inline-block;
    width: 250px;
    padding-left: 20px;
    font-style: italic;
}

#profile #userinfo ul li {
    float: left;
    padding: 5px 15px;
    width: auto;
}

#profile #userinfo ul li:first-child {
    padding-left: 0;
    border: none;
}

#profile #userinfo ul li:last-child {
    border: none;
}

#profile #userbanner {
    margin-left: auto;
    margin-right: auto;
}

.total {
    background: #206681;
    color: #fff;
    text-shadow: none;
    border: solid 1px #1b556c;
    padding: 2px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

a.total:hover {
    color: #fff;
}

.tooltip {
    background: url(/images/question.png) no-repeat right center;
    padding-right: 20px;
    cursor: pointer;
}

/* 9.COMPLEMENTARY ASIDE */
aside[role="complementary"] section {
    margin-bottom: 50px;
}

dl#ufl, dl#team, dl#country, dl#hardware, dl#hmasters {
    display: none;
}

dl.ranking {
    margin-bottom: 15px;
}

dl.ranking dd {
    margin-bottom: 5px;
}

dl.ranking dd:hover, dl.ranking dd.active {
    background: #EAEDEE;
}

dl.ranking dd:hover .score {
    color: #D18238;
}

.ranking div {
    float: left;
    padding: 2px 0;
}

.pos {
    border-radius: 3px;
    border: solid 1px #aabfc9;
    padding: 5px 10px;
    float: left;
    margin-right: 10px;
    font-weight: 700;
}

.pos-img {
    width: 20px;
}

.ranking .pos {
    float: left;
    text-align: center;
    padding: 0;
    width: 35px;
    margin-right: 3px;
}

dl.ranking dd .name {
    max-width: 125px;
    /*font-weight: 700;*/
}

dl.ranking dd.active .pos {
    background: #3b829c;
    color: #fff;
    text-shadow: none;
    border: solid 1px #2A667C;
}

dl.ranking dd .name a {
    /*display:block;*/
}

dl.ranking dd .score {
    float: right;
    font-weight: 700;
}

dl.ranking dd .points,
dl.ranking dd .achvmt-date {
    float: right;
}

dl.ranking dd .score {
    text-align: right;
    margin-right: 5px;
}

dl.ranking dd .flag {
    margin-right: 3px;
}

.ranking .general div {
    margin: 0 10px 5px 0;
    padding: 5px 5px 2px 5px;
    border-radius: 3px;
    font-size: 1.333em;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-style: normal;
}

dl.ranking dd.general:hover {
    background: none;
}

section#popular img {
    width: 150px;
}

aside[role="complementary"] ul.list {
    background: #f4f7f8;
    padding: 15px;
    border: solid 1px #abb1b4;
    border-top: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

aside[role="complementary"] ul.list li time {
    margin-right: 7px;
    font-size: 0.91666em;
    float: left;
}

section#partner-tiles {
    width: 100%;
}

section#partner-tiles ul {
    margin-bottom: 0;
}

section#partner-tiles ul li {
    height: 100px;
    float: left;
}

section#partner-tiles ul li a {
    border: solid 1px #e6ebed;
    border-right: none;
    border-top: none;
    display: block;
    height: 100px;
    text-align: center;
}

section#partner-tiles ul li a:hover {
    background: #e6ebed;
}

section#partner-tiles ul li.last a {
    border-right: solid 1px #e6ebed;
}

section#partner-tiles ul.premium li {
    width: 50%;
    border-top: solid 1px #e6ebed;
}

section#partner-tiles ul.full li {
    width: 33.333333%;
}

section#partner-tiles ul.medium li {
    width: 33.333333%;
    height: 75px;
}

section#partner-tiles ul.light li {
    width: 25%;
    height: 75px;
}

section#partner-tiles ul.light li a,
section#partner-tiles ul.medium li a {
    height: 75px;
}

section#partner-tiles ul li a img.msi {
    padding-top: 37px; /*(100-26)/2}*/
}

section#partner-tiles ul li a img.giga {
    padding-top: 39px;
}

/*(100-22)/2*/

section#partner-tiles ul li a img.gskill {
    padding-top: 21px;
}

/*(100-59)/2*/

section#partner-tiles ul li a img.asus {
    padding-top: 41px;
}

/*(100-19)/2*/

section#partner-tiles ul li a img.antec {
    padding-top: 28px;
}

/*(75-19)/2*/

section#partner-tiles ul li a img.geil {
    padding-top: 29px;
}

/*(75-16)/2*/

section#partner-tiles ul li a img.ekwb {
    padding-top: 21px;
}

/*(75-33)/2*/

section#partner-tiles ul li a img.coolermaster {
    padding-top: 11px;
}

/*(75-53)/2*/

/* 10.CONTENTINFO FOOTER */
footer[role="contentinfo"] #search .btn.cta {
    border: solid 1px #326c9b;
    background: #307EAB;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

footer[role="contentinfo"] #search .btn.cta:hover, footer[role="contentinfo"] #search .btn.cta:active {
    background: linear-gradient(to bottom, rgb(56, 132, 185) 16%, rgb(50, 108, 155) 100%);
}

#bg-footer {
    background: transparent;
    height: 195px;
    width: auto;
}

footer[role="contentinfo"] {
    background: #3997cd;
    clear: both;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: solid 5px #3884b9;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#recent {
    width: 33%;
    padding: 25px 0;
}

#related {
    width: 67%;
}

footer[role="contentinfo"] #related section {
    float: left;
    width: 25%;
    padding: 25px 0;
    min-height: 170px;
}

footer[role="contentinfo"] #related section#about {
    background: none;
}

footer[role="contentinfo"] section p {
    padding: 0 20px;
    margin-bottom: 0;
}

footer[role="contentinfo"] section dl {
    margin-bottom: 10px;
    padding: 0 20px;
}

footer[role="contentinfo"] section dl dd {
    background: url(/images/arrow-small.png) no-repeat 0 8px;
    padding-left: 7px;
}

footer[role="contentinfo"] section dl dd a {
    display: block;
    color: #fff;
    padding: 5px 3px;
}

#recent section dl dd {
    margin-bottom: 5px;
}

footer[role="contentinfo"] section dl dd a:hover {
    text-decoration: none;
    background: #659d8d;
    border-radius: 3px;
}

footer[role="contentinfo"] time {
    color: #315b50;
    text-shadow: 0 1px 1px #7fc5b0;
    margin-right: 5px;
}

footer[role="contentinfo"] #related section#search, #related section#copyright {
    width: 100%;
    float: left;
    padding: 0;
    min-height: 0;
}

#related section#copyright {
    padding: 20px 0;
}

footer[role="contentinfo"] #related section#search form {
    border-top: solid 1px #326c9b;
    border-bottom: solid 1px #3884b9;
    padding: 20px;
    margin: 0 0 0 2px;
}

#related section#search form input {
    border: solid 1px #326c9b;
    width: 40%;
    margin: 0 15px;
}

.no-rgba #related section#search form input:focus {
    box-shadow: 0 0 7px #326c9b;
}


/* 11.GLOBAL OBJECTS */
@media only screen and (max-width: 450px) {
    .float-left, .float-right {
        float: none;
        display: block;
    }
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.img-left, img.left {
    float: left;
    margin: 0 3% 3% 0;
}

.img-right, img.right {
    float: right;
    margin: 0 0 3% 3%;
}

img.border {
    border: solid 1px #ABB1B4;
}

img.no-border {
    border: none;
    box-shadow: none;
}

img.frameborder {
    border: 0px solid #eeeeee;
    box-shadow: none;
}

article img {
    border: 4px solid #eeeeee;
    box-shadow: none;
}

.underline {
    border-bottom: solid 1px #abb1b4;
    padding-bottom: 7px;
}

.box-content {
    margin-bottom: 45px;
}

aside[role="complementary"].box-content {
    margin-bottom: 35px;
}

.accent {
    color: #d18238;
}

.accent_box {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ABB1B4;
    background: #F4F7F8;
    text-align: center;
    border-radius: 0px;
}

.loading_bar {
    float: left;
    padding-left: 5px;
}

span.positive {
    color: green;
    font-weight: 700;
}

span.negative {
    color: red;
    font-weight: 700;
}

.page-select {
    margin-bottom: 20px;
    background: none repeat scroll 0 0 #F4F7F8;
    border-bottom: 1px solid #D5D8D9;
    border-top: 1px solid #D5D8D9;
    padding: 25px 15px 20px;
    position: relative;
}

.page-select h3 {
    margin: 0;
    text-align: center;
    width: 70%;
    float: left;
    padding: 0 5%;
}

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgb(25, 25, 25);
    background-color: rgba(25, 25, 25, 0.92);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    border-radius: 3px;
    box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25, 25, 25);
    border-top-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25, 25, 25);
    border-bottom-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25, 25, 25);
    border-right-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25, 25, 25);
    border-left-color: rgba(25, 25, 25, 0.92);
}

/* 12. FORMS */
form input, textarea {
    padding: 8px;
    border-radius: 3px;
    border: #c5cacd solid 1px;
}

form[role="search"] input {
    padding: 8px;
    border-radius: 3px;
    border: none;
    background: #E8EEF1;
}

form input:focus, textarea:focus {
    border: #76797b solid 1px;
    background: #f6f6f6;
}

form input:hover, textarea:hover {
    background: #f6f6f6;
}

form[role="search"] input:hover {
    background: #fff;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
}

form[role="search"] input:focus {
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}


/* 13. TABLES */
table.listview {
    background: #f4f7f8;
    margin-bottom: 10px;
}

.listview thead tr, table thead tr:hover {
    background: url("/images/pattern-grey.jpg") repeat scroll 0 0 transparent;
    padding: 0 15px;
    border-bottom: #abb1b4 solid 1px;
}

.listview thead td {
    text-transform: uppercase;
    font-weight: 700;
    color: #518575;
}

.fontface .listview thead td {
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.25em; /*15/12*/
    font-weight: normal;
}

.listview td {
    text-overflow: ellipsis;
    white-space: nowrap;
}

table {
    border-collapse: collapse;
    box-shadow: 0 0 1px #666;
    border-radius: 0px;
    border-style: hidden;
    margin-bottom: 15px;
}

table tr td {
    padding: 15px;
}

table.small tr td {
    padding: 5px 10px;
    height: 16px;
}

table.small thead tr td {
    padding: 10px;
}

table.smaller tr td {
    padding: 4px 8px;
    font-size: 10px
}

table.smaller thead tr td {
    padding: 4px;
    font-size: 12px
}

table tr:hover,
table tbody tr:nth-child(2n+1):hover {
    background: #dbe1e4;
}

table tr td span {
    color: #84878a;
    font-size: 0.91em;
}

table tr td a {
    font-weight: 700;
}

table tbody tr:nth-child(2n+1) {
    background: #e8eef1;
}


/* 14. RESPONSIVE */
@media screen and (max-width: 1440px) {
    /* Style adjustments for 1280 resolutions */
    #container, .innerwrap {
        margin: 0 2%;
    }
}

@media screen and (max-width: 1280px) {
    /* Style adjustments for 1280 resolutions */
    #container, .innerwrap {
        margin: 0 2%;
    }

    #user-score {
        width: 80%;
    }

    #user-score ul.meta {
        float: left;
    }

    .rank {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {
    /* Style adjustments for 1024 resolutions */
    /*Style adjustments Submission detail*/
    #container, .innerwrap {
        margin: 0 3%;
    }

    .box-comment .comment {
        width: 83%;
    }

}

@media screen and (max-width: 800px) {
    /* Style adjustments for 800 resolutions */
    /*Style adjustments Submission detail*/
    #user-score, .box-comment .comment {
        width: 75%;
    }
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
    * {
        background: transparent !important;
        color: #444 !important;
        text-shadow: none !important;
    }

    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }

    a:after {
        content: " (" attr(href) ")";
    }

    abbr:after {
        content: " (" attr(title) ")";
    }

    .ir a:after {
        content: "";
    }

    /* Don't show links for images */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/* customizations by Frederik */
/* rev4 design remplate */
#logo {
    position: absolute;
    top: 60px;
    left: 5px;
    background: url(/images/robot-small.png) no-repeat 0;
    width: 210px;
    height: 120px;
}

#logo a {
    float: right;
    top: 60px;
    left: 125px;
    position: absolute;
    font-size: 4em;
    font-family: PillGothic300mgBold;
    color: #FFF;
}

/* submission choice */
/* submit page */
.unlockable {
    color: red;
}

.hint {
    font-style: italic;
    color: #333;
}

input.required {
    background-color: #F7F8E0;
    border-radius: 3px 3px 3px 3px;
}

select.required {
    border-color: red;
}

.unmatched {
    color: #666666;
    font-style: italic;
}

.hidden {
    display: none;
}

.selectedvalue {
    text-decoration: underline;
}

ul.inline_choice_btns {
    line-height: 3em;
    display: list-item;
    text-align: center;
}

li.inline_choice_btn {
    float: left;
    position: relative;
    background-color: #f4f7f8;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #e7eaeb;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 0 5px 0px;
    width: 150px;
    min-height: 140px;
}

ul.icons {
    padding-bottom: 1px;
    margin-top: 12px;
    float: left;
}

ul.icons li {
    float: right;
    padding: 3px;
    line-height: 0;
}

ul.inline_choice_btns li h4 {
    margin: 5px;
}

ul.inline_choice_btns li a.btn {
    margin: 5px;
}

ul.inline_choice_btns li p {
    text-align: left;
}

ul.inline_choice_btns img.thumb {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 5px;
}

.submission_choice {
    padding: 10px;
}

div.absolute_bottom {
    position: absolute;
    top: 100px;
    width: 100%;
}

fieldset.field {
    border: 1px solid #ddd;
    padding: 10px;
}

div.mem {
    float: left;
    padding-left: 8px;
}

div.select-cooling {
    display: inline-table;
    padding-left: 2px;
}

div.select-count {
    float: left;
    padding-right: 8px;
}

div.styled select {
    margin-top: 3px;
}

/* submission info page */
.dateicon {
    background-image: url('/img/icons/date.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.challengeicon {
    background-image: url('/img/icons/lightning.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.downloadicon {
    background-image: url('/img/icons/disk.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.infoicon {
    background-image: url('/img/icons/information.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.detailsicon {
    background-image: url('/img/icons/magnifier.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.hoficon {
    background-image: url('/img/icons/chart_bar.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.wricon {
    background-image: url('/img/icons/shield.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.analyzeicon {
    background-image: url('/img/icons/chart_curve.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.shareicon {
    background-image: url('/img/icons/group.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.invalidicon {
    background-image: url('/img/icons/stop.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.checkicon {
    background-image: url('/img/icons/tick.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.erroricon {
    background-image: url('/img/icons/error.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.unkownicon {
    background-image: url('/img/icons/error.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.texticon {
    background-image: url('/img/icons/page_white_text.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.diff {
    color: #3D5275;
    font-weight: 600;
}

.diff_bigger {
    color: #3D5275;
    font-weight: 600;
    background-image: url('/img/icons/arrow_up.png');
    background-position: -4px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.diff_smaller {
    color: #3D5275;
    font-weight: 600;
    background-image: url('/img/icons/arrow_down.png');
    background-position: -4px 50%;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.defeated {
    color: #C91818;
}

.worldrecord_label {
    display: block;
    clear: both;
    font-size: 1.8em;
    font-weight: 600;
    text-transform: uppercase;
}

#subscore {
    clear: both;
    display: none;
    padding: 10px;
    margin: 5px 0px;
    font-size: 1em; /*20/12*/
    font-style: normal;
}

#more-bottom {
    margin-top: 40px;
}

ul.bg-list-more {
    background-image: url("/images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: 98% 90%;
}

/* images */
img.cf, img.icon, img.left, img.right, img.center, img.temperature, img.noborder {
    border: none;
    box-shadow: none;
}

img.temperature {
    margin-bottom: -2px;
}

blockquote img {
    border: #d8dfe3 solid 1px;
    margin: 5px;
}

a:hover img.cf, a:hover img.icon, a:hover img.right, a:hover img.left, a:hover img.center {
    border: none;
}

img.right {
    float: right;
}

img.left {
    float: left;
}

img.center {
    clear: both;
}

img.faint {
    opacity: 0.5;
}

#preview {
    position: absolute;
    display: none;
    padding: 3px;
    background-color: #f4f7f8;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #e7eaeb;
    margin: 5px 0px;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1em; /*20/12*/
    font-style: normal;
}

#preview img {
    height: 300px;
}

/* customized */
.error {
    color: red;
}

.disabled {
    color: #cccccc;
}

.done {
    color: #666666;
}

.pointer {
    cursor: pointer;
}

.selected {
    color: #D18238;
    font-weight: 700;
}

.tiny {
    font-size: 0.75em;
}

/* forms */
form.small input {
    padding: 4px;
}

form.minimal input {
    padding: 2px;
}

label {
    color: #206681;
    font-size: 1em;
    clear: both;
    display: block;
    font-weight: 700;
    margin: 5px 0 2px;
}

.field {
    margin-bottom: 15px;
    margin-right: 25px;
}

.nodata {
    margin-top: 7px;
    color: #bbbbbb;
}

.moredata {
    display: block;
    color: #666666;
    font-size: 0.95em;
}


label.checkbox {
    display: inline;
    font-weight: normal;
}

select#competitionTeamIds {
    width: 300px;
    /*height: 200px;
	padding-left: 7px;
	margin-bottom: 5px;*/
}

/* img upload */
img.uploadedimg {
    float: left;
    border: 1px solid #E7EAEB;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

form.uploadimage {
    padding-left: 20px;
    background: url(/img/icons/image_add.png) no-repeat 0 0px;
    margin: 10px 0px 5px 0px;
}

#uploadimgfield {
    clear: both;
}

a.removeimg {
    clear: both;
}

/* async upload img */
form.upload {
    clear: both;
    display: block;
}

form.upload img {
    float: left;
}

form.upload label {
    display: inline;
    padding-left: 3px;
}

form.upload input {
    display: block;
    clear: both;
    padding-left: 3px;
}

/* news */
#future-comp, #past-comp {
    display: none;
}

/* popup */
.popup {
    font-size: 0.75em;
}

/* comments */
.noavatar {
    width: 75px;
    height: 75px;
    color: #ccc;
}

blockquote {
    -moz-border-radius: 5px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #ABB1B4;
    padding: 15px;
    margin: 0px 0px 5px;
    background-color: #F4F7F8;
}

/* message box http://jqueryui.com/demos/position/ */
.message_box {
    display: none;
    width: 60%;
    margin: 10px auto;
    padding: 5px;
    border: 1px solid #777;
    background-color: #ffff99;
    text-align: center;
    border-radius: 0px;
}

/* error pages */
#errorpage .errorpic {
    float: left;
    min-height: 300px;
}

#errorpage .errorinfo {
    float: left;
    padding-left: 100px;
    padding-top: 50px;
    font-size: 1.2em;
}

#errorpage .errorstack {
    font-size: 0.9em;
    clear: both;
    display: inline;
    padding-top: 10px;
}

/* achievements */
div.achievement_type {
    max-width: 140px;
    min-height: 155px;
    text-align: center;
    width: 160px;
    margin: 0px 5px 10px 5px;
    float: left;
    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    padding: 20px 15px 10px;
    color: #333333;
}

div.achievement_type b {
    padding: 1px;
}

div.achievement_type a {
    display: block;
}

div.achievement_type .title {
    padding: 2px;
    min-height: 30px;
}

div.achievement_type .date_achieved {
    padding-top: 4px;
    color: #135cad;
}

div.progressbar {
    border: 1px solid #999;
    margin: 5px auto;
    width: 100px;
    height: 5px;
}

div.progressbar div {
    background-color: green;
    height: 100%;
}

/* images */
.info-message, .warn-message, .error-message, .loading-big-div {
    display: block;
    clear: both;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 10px 10px 10px 35px;
    background-color: #FFFFCE;
    border-radius: 0px;
    border: solid 1px #e7eaeb;
    overflow: hidden;
    vertical-align: middle;
    width: auto;
    margin: 5px 0px;
}

.loading-big-div {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(/images/ajax-loader.gif);
    background-color: #D8E4F1;
}

.loading-overview-div {
    border: 1px solid #aaaaaa;
    background-color: #eeeeee;
    color: #666666;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    width: 100%;
    min-height: 400px;
    padding-top: 100px;

}

.info-message {
    background-image: url(/img/icons/information.png);
    background-color: #D8E4F1;
}

.error-message {
    background-image: url(/img/icons/stop.png);
    background-color: #FFCCCC;
}

.warn-message {
    background-image: url(/img/icons/error.png);
}

/* filter ranking */
ul.inline_choice_ranking_btns {
    line-height: 3em;
    display: list-item;
}

ul.inline_choice_ranking_btns li {
    float: left;
    position: relative;
    margin: 0px 5px;
}

fieldset.filter {
    background: url("/images/search.png") no-repeat scroll 15px 20px #F4F7F8;
    border: 1px solid #E7EAEB;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    padding: 10px 10px 10px 60px;
    position: relative;
}

.filter {
    margin-bottom: 15px;
}

.filter p {
    float: left;
    margin-right: 15px;
}

ul.inline_choice {
    display: inline;
    line-height: 1.4em;
}

ul.inline_choice li {
    display: inline;
    border-right: 1px solid #ccc;
    padding: 0px 5px;
}

ul.inline_choice li.true {
    display: inline;
    border-right: none;
    padding: 0px 5px;
}

ul.inline_choice li.last {
    display: inline;
    border-right: none;
    padding: 0px 5px;
}

ul.inline_choice li a.true {
    font-weight: 600;
}

/*------------>>>> TABS CSS <<<<< -------------*/
.paddingbox10 {
    padding: 10px 10px 10px 10px;
}

.paddingbox10notop {
    padding-top: 0px;
}

#navcontainer ul {
    list-style: none;
    line-height: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 1px;
    padding: 10px 0;
    font-weight: 700;
    font-size: 1.08em;
}

#navcontainer ul li {
    display: inline;
}

#navcontainer ul li a {
    border: 1px solid #e5ebf1;
    color: #2D2B2B;
    margin-right: 1px;
    padding: 10px;
    position: relative;
    text-decoration: none;
    z-index: 1;
    background: #eeeeee;
    white-space: nowrap;
}

#navcontainer ul li a:hover,
#navcontainer ul li a.active {
    color: #113051;
    border-bottom-color: #fff;
    background: #fff;
}

#navcontent {
    border: solid 1px #e5ebf1;
}

/* initially all panes are hidden */
div.panes div.pane {
    display: none;
    z-index: 10;
}

/* inline tabs */
ul.inline_tabs {
    display: block;
    padding-bottom: 5px;
    font-size: 0.95em;
}

ul.inline_tabs li {
    float: left;
    position: relative;
    border-right: 1px solid #ccc;
    display: list-item;
    padding: 0 9px;
}

ul.inline_tabs li:last-child {
    border-right: none;
}

/* competition */
.live, .online, .official, .affiliation, .active {
    background-position: 8px 50%;
    background-repeat: no-repeat;
    padding-left: 28px;
}

.live {
    background-image: url(/img/icons/television.png);
}

.online {
    background-image: url(/img/icons/world.png);
}

.official {
    background-image: url(/img/icons/shield.png);
}

.affiliation {
    background-image: url(/img/icons/sign.png);
}

.active {
    background-image: url(/img/icons/emoticon_happy.png);
}

.comp_open {
    background-color: #E0EFFF;
    border: 1px solid #9EB6D4;
}

.comp_not_started {
    background-color: #E0EFFF;
    border: 1px solid #9EB6D4;
}

.comp_closed {
    background-color: #E0EFFF;
    border: 1px solid #9EB6D4;
    color: #333;
}

.comp_active {
    background-color: #FFFFDD;
    border: 1px solid #F7DF92;
    font-weight: bold;
}

table.draw {
    border-radius: unset;
    box-shadow: none;
    border-style: none;
}

table.draw tbody tr:nth-child(2n+1) {
    background: none;
}

.draw td, .draw tr {
    padding: 5px;
}

.draw td.contest {
    border-bottom: none;
}

.draw td.participant {
    border-top: none;
    padding-left: 10px;
}

table.draw tr:hover,
table.draw tbody tr:nth-child(2n+1):hover {
    background: none;
}

/* flags */
img.flag {
    width: 16px;
    height: 11px;
    background: url(/images/flags.png) no-repeat;
}

.flag.flag-ad {
    background-position: -16px 0
}

.flag.flag-ae {
    background-position: -32px 0
}

.flag.flag-af {
    background-position: -48px 0
}

.flag.flag-ag {
    background-position: -64px 0
}

.flag.flag-ai {
    background-position: -80px 0
}

.flag.flag-al {
    background-position: -96px 0
}

.flag.flag-am {
    background-position: -112px 0
}

.flag.flag-an {
    background-position: -128px 0
}

.flag.flag-ao {
    background-position: -144px 0
}

.flag.flag-ar {
    background-position: -160px 0
}

.flag.flag-as {
    background-position: -176px 0
}

.flag.flag-at {
    background-position: -192px 0
}

.flag.flag-au {
    background-position: -208px 0
}

.flag.flag-aw {
    background-position: -224px 0
}

.flag.flag-az {
    background-position: -240px 0
}

.flag.flag-ba {
    background-position: 0 -11px
}

.flag.flag-bb {
    background-position: -16px -11px
}

.flag.flag-bd {
    background-position: -32px -11px
}

.flag.flag-be {
    background-position: -48px -11px
}

.flag.flag-bf {
    background-position: -64px -11px
}

.flag.flag-bg {
    background-position: -80px -11px
}

.flag.flag-bh {
    background-position: -96px -11px
}

.flag.flag-bi {
    background-position: -112px -11px
}

.flag.flag-bj {
    background-position: -128px -11px
}

.flag.flag-bm {
    background-position: -144px -11px
}

.flag.flag-bn {
    background-position: -160px -11px
}

.flag.flag-bo {
    background-position: -176px -11px
}

.flag.flag-br {
    background-position: -192px -11px
}

.flag.flag-bs {
    background-position: -208px -11px
}

.flag.flag-bt {
    background-position: -224px -11px
}

.flag.flag-bv {
    background-position: -240px -11px
}

.flag.flag-bw {
    background-position: 0 -22px
}

.flag.flag-by {
    background-position: -16px -22px
}

.flag.flag-bz {
    background-position: -32px -22px
}

.flag.flag-ca {
    background-position: -48px -22px
}

.flag.flag-catalonia {
    background-position: -64px -22px
}

.flag.flag-cd {
    background-position: -80px -22px
}

.flag.flag-cf {
    background-position: -96px -22px
}

.flag.flag-cg {
    background-position: -112px -22px
}

.flag.flag-ch {
    background-position: -128px -22px
}

.flag.flag-ci {
    background-position: -144px -22px
}

.flag.flag-ck {
    background-position: -160px -22px
}

.flag.flag-cl {
    background-position: -176px -22px
}

.flag.flag-cm {
    background-position: -192px -22px
}

.flag.flag-cn {
    background-position: -208px -22px
}

.flag.flag-co {
    background-position: -224px -22px
}

.flag.flag-cr {
    background-position: -240px -22px
}

.flag.flag-cu {
    background-position: 0 -33px
}

.flag.flag-cv {
    background-position: -16px -33px
}

.flag.flag-cy {
    background-position: -32px -33px
}

.flag.flag-cz {
    background-position: -48px -33px
}

.flag.flag-de {
    background-position: -64px -33px
}

.flag.flag-dj {
    background-position: -80px -33px
}

.flag.flag-dk {
    background-position: -96px -33px
}

.flag.flag-dm {
    background-position: -112px -33px
}

.flag.flag-do {
    background-position: -128px -33px
}

.flag.flag-dz {
    background-position: -144px -33px
}

.flag.flag-ec {
    background-position: -160px -33px
}

.flag.flag-ee {
    background-position: -176px -33px
}

.flag.flag-eg {
    background-position: -192px -33px
}

.flag.flag-eh {
    background-position: -208px -33px
}

.flag.flag-england {
    background-position: -224px -33px
}

.flag.flag-er {
    background-position: -240px -33px
}

.flag.flag-es {
    background-position: 0 -44px
}

.flag.flag-et {
    background-position: -16px -44px
}

.flag.flag-eu {
    background-position: -32px -44px
}

.flag.flag-fi {
    background-position: -48px -44px
}

.flag.flag-fj {
    background-position: -64px -44px
}

.flag.flag-fk {
    background-position: -80px -44px
}

.flag.flag-fm {
    background-position: -96px -44px
}

.flag.flag-fo {
    background-position: -112px -44px
}

.flag.flag-fr {
    background-position: -128px -44px
}

.flag.flag-ga {
    background-position: -144px -44px
}

.flag.flag-gb {
    background-position: -160px -44px
}

.flag.flag-gd {
    background-position: -176px -44px
}

.flag.flag-ge {
    background-position: -192px -44px
}

.flag.flag-gf {
    background-position: -208px -44px
}

.flag.flag-gg {
    background-position: -224px -44px
}

.flag.flag-gh {
    background-position: -240px -44px
}

.flag.flag-gi {
    background-position: 0 -55px
}

.flag.flag-gl {
    background-position: -16px -55px
}

.flag.flag-gm {
    background-position: -32px -55px
}

.flag.flag-gn {
    background-position: -48px -55px
}

.flag.flag-gp {
    background-position: -64px -55px
}

.flag.flag-gq {
    background-position: -80px -55px
}

.flag.flag-gr {
    background-position: -96px -55px
}

.flag.flag-gs {
    background-position: -112px -55px
}

.flag.flag-gt {
    background-position: -128px -55px
}

.flag.flag-gu {
    background-position: -144px -55px
}

.flag.flag-gw {
    background-position: -160px -55px
}

.flag.flag-gy {
    background-position: -176px -55px
}

.flag.flag-hk {
    background-position: -192px -55px
}

.flag.flag-hm {
    background-position: -208px -55px
}

.flag.flag-hn {
    background-position: -224px -55px
}

.flag.flag-hr {
    background-position: -240px -55px
}

.flag.flag-ht {
    background-position: 0 -66px
}

.flag.flag-hu {
    background-position: -16px -66px
}

.flag.flag-id {
    background-position: -32px -66px
}

.flag.flag-ie {
    background-position: -48px -66px
}

.flag.flag-il {
    background-position: -64px -66px
}

.flag.flag-im {
    background-position: -80px -66px
}

.flag.flag-in {
    background-position: -96px -66px
}

.flag.flag-io {
    background-position: -112px -66px
}

.flag.flag-iq {
    background-position: -128px -66px
}

.flag.flag-ir {
    background-position: -144px -66px
}

.flag.flag-is {
    background-position: -160px -66px
}

.flag.flag-it {
    background-position: -176px -66px
}

.flag.flag-je {
    background-position: -192px -66px
}

.flag.flag-jm {
    background-position: -208px -66px
}

.flag.flag-jo {
    background-position: -224px -66px
}

.flag.flag-jp {
    background-position: -240px -66px
}

.flag.flag-ke {
    background-position: 0 -77px
}

.flag.flag-kg {
    background-position: -16px -77px
}

.flag.flag-kh {
    background-position: -32px -77px
}

.flag.flag-ki {
    background-position: -48px -77px
}

.flag.flag-km {
    background-position: -64px -77px
}

.flag.flag-kn {
    background-position: -80px -77px
}

.flag.flag-kp {
    background-position: -96px -77px
}

.flag.flag-kr {
    background-position: -112px -77px
}

.flag.flag-kw {
    background-position: -128px -77px
}

.flag.flag-ky {
    background-position: -144px -77px
}

.flag.flag-kz {
    background-position: -160px -77px
}

.flag.flag-la {
    background-position: -176px -77px
}

.flag.flag-lb {
    background-position: -192px -77px
}

.flag.flag-lc {
    background-position: -208px -77px
}

.flag.flag-li {
    background-position: -224px -77px
}

.flag.flag-lk {
    background-position: -240px -77px
}

.flag.flag-lr {
    background-position: 0 -88px
}

.flag.flag-ls {
    background-position: -16px -88px
}

.flag.flag-lt {
    background-position: -32px -88px
}

.flag.flag-lu {
    background-position: -48px -88px
}

.flag.flag-lv {
    background-position: -64px -88px
}

.flag.flag-ly {
    background-position: -80px -88px
}

.flag.flag-ma {
    background-position: -96px -88px
}

.flag.flag-mc {
    background-position: -112px -88px
}

.flag.flag-md {
    background-position: -128px -88px
}

.flag.flag-me {
    background-position: -144px -88px
}

.flag.flag-mg {
    background-position: -160px -88px
}

.flag.flag-mh {
    background-position: -176px -88px
}

.flag.flag-mk {
    background-position: -192px -88px
}

.flag.flag-ml {
    background-position: -208px -88px
}

.flag.flag-mm {
    background-position: -224px -88px
}

.flag.flag-mn {
    background-position: -240px -88px
}

.flag.flag-mo {
    background-position: 0 -99px
}

.flag.flag-mp {
    background-position: -16px -99px
}

.flag.flag-mq {
    background-position: -32px -99px
}

.flag.flag-mr {
    background-position: -48px -99px
}

.flag.flag-ms {
    background-position: -64px -99px
}

.flag.flag-mt {
    background-position: -80px -99px
}

.flag.flag-mu {
    background-position: -96px -99px
}

.flag.flag-mv {
    background-position: -112px -99px
}

.flag.flag-mw {
    background-position: -128px -99px
}

.flag.flag-mx {
    background-position: -144px -99px
}

.flag.flag-my {
    background-position: -160px -99px
}

.flag.flag-mz {
    background-position: -176px -99px
}

.flag.flag-na {
    background-position: -192px -99px
}

.flag.flag-nc {
    background-position: -208px -99px
}

.flag.flag-ne {
    background-position: -224px -99px
}

.flag.flag-nf {
    background-position: -240px -99px
}

.flag.flag-ng {
    background-position: 0 -110px
}

.flag.flag-ni {
    background-position: -16px -110px
}

.flag.flag-nl {
    background-position: -32px -110px
}

.flag.flag-no {
    background-position: -48px -110px
}

.flag.flag-np {
    background-position: -64px -110px
}

.flag.flag-nr {
    background-position: -80px -110px
}

.flag.flag-nu {
    background-position: -96px -110px
}

.flag.flag-nz {
    background-position: -112px -110px
}

.flag.flag-om {
    background-position: -128px -110px
}

.flag.flag-pa {
    background-position: -144px -110px
}

.flag.flag-pe {
    background-position: -160px -110px
}

.flag.flag-pf {
    background-position: -176px -110px
}

.flag.flag-pg {
    background-position: -192px -110px
}

.flag.flag-ph {
    background-position: -208px -110px
}

.flag.flag-pk {
    background-position: -224px -110px
}

.flag.flag-pl {
    background-position: -240px -110px
}

.flag.flag-pm {
    background-position: 0 -121px
}

.flag.flag-pn {
    background-position: -16px -121px
}

.flag.flag-pr {
    background-position: -32px -121px
}

.flag.flag-ps {
    background-position: -48px -121px
}

.flag.flag-pt {
    background-position: -64px -121px
}

.flag.flag-pw {
    background-position: -80px -121px
}

.flag.flag-py {
    background-position: -96px -121px
}

.flag.flag-qa {
    background-position: -112px -121px
}

.flag.flag-re {
    background-position: -128px -121px
}

.flag.flag-ro {
    background-position: -144px -121px
}

.flag.flag-rs {
    background-position: -160px -121px
}

.flag.flag-ru {
    background-position: -176px -121px
}

.flag.flag-rw {
    background-position: -192px -121px
}

.flag.flag-sa {
    background-position: -208px -121px
}

.flag.flag-sb {
    background-position: -224px -121px
}

.flag.flag-sc {
    background-position: -240px -121px
}

.flag.flag-scotland {
    background-position: 0 -132px
}

.flag.flag-sd {
    background-position: -16px -132px
}

.flag.flag-se {
    background-position: -32px -132px
}

.flag.flag-sg {
    background-position: -48px -132px
}

.flag.flag-sh {
    background-position: -64px -132px
}

.flag.flag-si {
    background-position: -80px -132px
}

.flag.flag-sk {
    background-position: -96px -132px
}

.flag.flag-sl {
    background-position: -112px -132px
}

.flag.flag-sm {
    background-position: -128px -132px
}

.flag.flag-sn {
    background-position: -144px -132px
}

.flag.flag-so {
    background-position: -160px -132px
}

.flag.flag-sr {
    background-position: -176px -132px
}

.flag.flag-ss {
    background-position: -192px -132px
}

.flag.flag-st {
    background-position: -208px -132px
}

.flag.flag-sv {
    background-position: -224px -132px
}

.flag.flag-sy {
    background-position: -240px -132px
}

.flag.flag-sz {
    background-position: 0 -143px
}

.flag.flag-tc {
    background-position: -16px -143px
}

.flag.flag-td {
    background-position: -32px -143px
}

.flag.flag-tf {
    background-position: -48px -143px
}

.flag.flag-tg {
    background-position: -64px -143px
}

.flag.flag-th {
    background-position: -80px -143px
}

.flag.flag-tj {
    background-position: -96px -143px
}

.flag.flag-tk {
    background-position: -112px -143px
}

.flag.flag-tl {
    background-position: -128px -143px
}

.flag.flag-tm {
    background-position: -144px -143px
}

.flag.flag-tn {
    background-position: -160px -143px
}

.flag.flag-to {
    background-position: -176px -143px
}

.flag.flag-tr {
    background-position: -192px -143px
}

.flag.flag-tt {
    background-position: -208px -143px
}

.flag.flag-tv {
    background-position: -224px -143px
}

.flag.flag-tw {
    background-position: -240px -143px
}

.flag.flag-tz {
    background-position: 0 -154px
}

.flag.flag-ua {
    background-position: -16px -154px
}

.flag.flag-ug {
    background-position: -32px -154px
}

.flag.flag-um {
    background-position: -48px -154px
}

.flag.flag-us {
    background-position: -64px -154px
}

.flag.flag-uy {
    background-position: -80px -154px
}

.flag.flag-uz {
    background-position: -96px -154px
}

.flag.flag-va {
    background-position: -112px -154px
}

.flag.flag-vc {
    background-position: -128px -154px
}

.flag.flag-ve {
    background-position: -144px -154px
}

.flag.flag-vg {
    background-position: -160px -154px
}

.flag.flag-vi {
    background-position: -176px -154px
}

.flag.flag-vn {
    background-position: -192px -154px
}

.flag.flag-vu {
    background-position: -208px -154px
}

.flag.flag-wales {
    background-position: -224px -154px
}

.flag.flag-wf {
    background-position: -240px -154px
}

.flag.flag-ws {
    background-position: 0 -165px
}

.flag.flag-ye {
    background-position: -16px -165px
}

.flag.flag-yt {
    background-position: -32px -165px
}

.flag.flag-za {
    background-position: -48px -165px
}

.flag.flag-zm {
    background-position: -64px -165px
}

.flag.flag-zw {
    background-position: -80px -165px
}

/* general padding text */
.inline {
    display: inline;
}

.uppercase {
    text-transform: uppercase;
}

.width100 {
    width: 100%;
}

img.article {
    padding: 0px 20px 20px 0px;
    border: none;
    box-shadow: none;
}

.paddingimg10 {
    padding: 10px;
}

.paddingtop10 {
    padding-top: 10px;
}

.paddingtop20 {
    padding-top: 20px;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

.paddingtop30 {
    padding-top: 30px;
}

.paddingtop40 {
    padding-top: 40px;
}

.paddingleft36 {
    padding-left: 38px;
}

.paddingleft20 {
    padding-left: 20px;
}

.marginleft36 {
    margin-left: 36px;
}

.padding5 {
    padding: 5px;
}

.marginright5 {
    margin-right: 5px;
}

.paddingright20 {
    padding-right: 20px;
}

.marginleft5 {
    margin-left: 5px;
}

.marginleft10 {
    margin-left: 10px;
}

.paddingtop2 {
    padding-top: 2px;
}

.paddingleft10 {
    padding-left: 10px;
}

.paddingleft5 {
    padding-left: 5px;
}

.margin3 {
    margin: 3px;
}

.margin5 {
    margin: 5px;
}

.margin_top3 {
    margin-top: 3px;
}

.margintop5 {
    margin-top: 5px;
}

.margintop10 {
    margin-top: 10px;
}

.gray {
    color: #555555;
}

label.inline {
    display: inline;
    padding: 2px;
}

a.hide {
    float: right;
    padding: 3px;
    color: white;
    font-weight: 600;
    text-decoration: underline;
}

div.infolabel {
    font-size: 1.25em;
    margin: 3px;
}

td.flag {
    width: 15px;
}

.infobox {
    float: right;
    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    padding: 20px 25px 15px;
    margin: 12px 0 0;
    color: #333333;
    max-width: 200px;
}

.challengebox {
    border: 1px solid #E5E5E5;
    background: #F5F5F5 url("/images/challenge.png") no-repeat 50% 10px;
    padding: 20px 25px 15px;
    margin: 12px 0 0;
    color: #333333;
    min-height: 230px;
    height: 230px;
}

/* application worldrecords */
ol.worldrecords {
    padding-left: 18px;
    margin-top: 20px;
}

ol.worldrecords li {
    padding-bottom: 10px;
}

.skinny {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.bigtext {
    font-size: 1.4em;
}

/* team profile */
.borderright {
    border-right: 1px solid #ccc;
}

/* ads */
.available {
    padding-top: 1px;
}

div.partnerlogos {
    width: 100%;
}

div.partnerlogos ul li {
    width: 150px;
    height: 100px;
    padding: 0px 10px 10px 0px;
    float: left;
}

div.partnerlogos ul li a {
    border: solid 1px #e5e5e5;
    display: block;
    height: 100px;
    text-align: center;
}

div.partnerlogos ul li a:hover {
    background: #e6ebed;
}

div.partnerlogos ul li a img {
    height: 100%;
}

/* notifications */
div.load {
    margin-top: 10px;
    margin-right: 5px;
}

div.load a {
    display: block;
    width: 95%;
    color: #333;
    border: 1px solid #D8DFEA;
    padding: 10px 10px 10px 25px;
    background: #EDEFF4 url("/images/arrow-down.png") no-repeat 3px 7px;
}

div.load a:hover {
    text-decoration: underline;
    background-color: rgb(216, 223, 234);
}

.notification {
    padding-left: 23px;
}

.width90p {
    width: 90%;
}

.width50p {
    width: 45%;
}

.width70p {
    width: 70%;
}

.alignbottom {
    vertical-align: bottom;
}

.notification .comment {
    margin-bottom: 4px;
}

.notification .h4 {
    margin-bottom: 4px;
}

.notification_meta {
    font-size: 0.9em;
    margin-top: 5px;
}

.notification_status {
    border: 1px solid #DDDDDD;
    background-color: #EDEFF4;
    color: #333333;
    margin-top: 7px;
    padding: 3px;
}

.rankorpoints {
    background-color: #FAFAFA;
}

.notification_comment {
    border: 1px solid #DDDDDD;
    background-color: #EDEFF4;
    color: #333333;
    margin-top: 7px;
    padding: 3px;
}

.notification_status ul {
    margin-bottom: 0px;
}

.notification_status ul li {
    padding-left: 5px;
    font-size: 0.9em;
}

.type_0 {
    background: transparent no-repeat url("/img/icons/award_star_gold_3.png") 0% 0%;
}

.type_1 {
    background: transparent no-repeat url("/img/icons/chart_line_add.png") 0% 0%;
}

.type_2 {
    background: transparent no-repeat url("/img/icons/award_star_add.png") 0% 0%;
}

.type_3 {
    background: transparent no-repeat url("/img/icons/chart_line_delete.png") 0% 0%;
}

.type_4 {
    background: transparent no-repeat url("/img/icons/award_star_delete.png") 0% 0%;
}

.type_5 {
    background: transparent no-repeat url("/img/icons/shield.png") 0% 0%;
}

.type_6 {
    background: transparent no-repeat url("/img/icons/comment.png") 0% 0%;
}

.type_7 {
    background: transparent no-repeat url("/img/icons/award_star_gold_1.png") 0% 0%;
}

.type_8 {
    background: transparent no-repeat url("/img/icons/chart_line.png") 0% 0%;
}

.type_9 {
    background: transparent no-repeat url("/img/icons/comments.png") 0% 0%;
}

.type_10 {
    background: transparent no-repeat url("/img/icons/computer.png") 0% 0%;
}

.type_12 {
    background: transparent no-repeat url("/img/icons/note.png") 0% 0%;
}

.type_20 {
    background: transparent no-repeat url("/img/icons/joystick.png") 0% 0%;
}

.type_21 {
    background: transparent no-repeat url("/img/icons/tick.png") 0% 0%;
}

.type_22 {
    background: transparent no-repeat url("/img/icons/medal_silver_delete.png") 0% 0%;
}

.type_23 {
    background: transparent no-repeat url("/img/icons/medal_silver_3.png") 0% 0%;
}

.type_25 {
    background: transparent no-repeat url("/img/icons/rosette.png") 0% 0%;
}

.type_30 {
    background: transparent no-repeat url("/img/icons/add.png") 0% 0%;
}

.type_31 {
    background: transparent no-repeat url("/img/icons/delete.png") 0% 0%;
}

/** compare hardware **/
div.add {
    padding-left: 20px;
    padding-bottom: 10px;
    background: transparent no-repeat url("/img/icons/add.png") 0% 0%;
}

td.best {
    font-weight: 600;
}

/** countdown **/
ul.countdown {
    margin-bottom: 25px;
}

ul.countdown li {
    float: left;
    position: relative;
}

ul.countdown li .spacer {
    height: 3px;
    background: #000;
    width: 62px;
    position: absolute;
    display: block;
    top: 34px;
    left: 13px;
    /*z-index:9999; 2014-07-03 Dennis - why? shows up over menu dropdowns and popups */
}

ul.countdown li .count {
    background: url("/images/bg-countdown.png") no-repeat 0 0;
    width: 88px;
    height: 79px;
    text-align: center;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 50px;
    font-weight: 400;
    padding: 15px 0 0 0;
    color: #fff;
}

ul.countdown li .label, .countdownlabel {
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.3em;
    text-transform: uppercase;
    text-align: center;
}

#cup-specs {
    margin: 15px 0 0 0;
    background: url("/images/aside-divider.png") no-repeat bottom center;
    padding-bottom: 5px;
}

#cup-specs li {
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.3em;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
}

#cup-specs li span {
    color: #2A87AA;
}

/*** tip tip ***/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgb(25, 25, 25);
    background-color: rgba(25, 25, 25, 0.92);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    border-radius: 3px;
    box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25, 25, 25);
    border-top-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25, 25, 25);
    border-bottom-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25, 25, 25);
    border-right-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25, 25, 25);
    border-left-color: rgba(25, 25, 25, 0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45, 45, 45, 0.88);
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45, 45, 45, 0.88);
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20, 20, 20, 0.92);
    }
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

a.fancy img {
    border: 4px solid #FFFFFF;
    box-shadow: 0 8px 9px -6px #333333;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/images/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('/images/fancybox/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('/images/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/images/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/images/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/images/fancybox/fancybox.png');
    background-position: -40px -122px;
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('/images/fancybox/fancy_title_over.png');
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.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;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

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

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

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

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

/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20Helvetica,%20sans-serif;&fwDefault=normal&fsDefault=0.75em&cornerRadius=2px&bgColorHeader=f4f7f8&bgTextureHeader=05_inset_soft.png&bgImgOpacityHeader=100&borderColorHeader=e7eaeb&fcHeader=206681&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=1a5267&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=206681&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=206681&bgTextureOverlay=06_inset_hard.png&bgImgOpacityOverlay=50&opacityOverlay=25&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;;
    font-size: 1em;
}

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

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

.ui-widget-content {
    border: 0 none;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-header {
    border: 0 none;
    background: #FFF;
    color: #206681;
    font-weight: bold;
    border-bottom: 1px solid #e2e2e2;
}

.ui-widget-header a {
    color: #206681;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #F5F5F5;
    border: 1px solid #D2D2D2;
    color: #757575;
    font-size: 14px;
    padding: 5px 14px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

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

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background: #FFFFFF;
    border: 1px solid #999999;
    font-weight: normal;
    color: #1a5267;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #1a5267;
}

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

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #FFFFFF;
    border-color: #D2D2D2 #D2D2D2 #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #757575;
}

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

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.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 {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
    color: #cd0a0a;
}

.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: bold;
}

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

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

/* Icons
----------------------------------*/

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

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

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

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

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

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

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

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.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 is deprecated, use ui-icon-seek-start instead */
.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;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 2px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 2px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 2px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 2px;
}

/* Overlays */
.ui-widget-overlay {
    background: #206681 url(images/ui-bg_inset-hard_50_206681_1x100.png) 50% bottom repeat-x;
    opacity: .25;
    filter: Alpha(Opacity=25);
}

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

/*
 * jQuery UI Resizable 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.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;
}

/*
 * jQuery UI Selectable 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

/*
 * jQuery UI Autocomplete 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

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

/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.14
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.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: normal;
    margin: -1px;
}

/*
 * jQuery UI Button 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

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

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

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

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

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.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 {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

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

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

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

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

/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
@media only screen and (max-width: 450px) {
    .ui-dialog {
        max-width: 300px;
    }
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
    text-transform: uppercase;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.16666em;
    font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/*
 * jQuery UI Tabs 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.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 {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

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

/*
 * jQuery UI Datepicker 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.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 {
    top: 1px;
}

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

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

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.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: bold;
    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 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 .6em;
    width: auto;
    overflow: visible;
}

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

/* with multiple calendars */
.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: 0em;
}

/* RTL support */
.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;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*
 * jQuery UI Progressbar 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

/*
* XTU
*/
#xtu {
    background: url("/images/bg-xtu.jpg") repeat-x 0 0;
}

#xtu-inner {
    background: url("/images/bg-xtu-small.jpg") repeat-x 0 0;
    margin: 0;
    height: 207px;
}

#xtu-buttons {
    background: url("/images/bg-buttons.jpg") no-repeat center top;
    padding: 25px 25px 0;
    height: 455px;
    position: relative;
}

#xtu-inner header {
    padding: 25px 0 0 200px;

}

#xtu header {
    text-align: center;
}

#xtu header h2,
#xtu-inner header h2 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 400;
    border: none;
}

#xtu-inner header h2 {
    margin: 0;
}

#xtu header h2 span,
#xtu-inner header h2 span,
#xtu-inner header h3,
#xtu header h3 {
    color: #fff;
}

#xtu header h3,
#xtu-inner header h3 {
    font-size: 25px;
    font-weight: 400;
    font-family: "PillGothic300mgRegular", "Lucida Grande", Helvetica, Arial;
}

#xtu header h3 span {
    font-size: 30px;
    color: #fff;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
}

ul#buttons {
    background: url("/images/bg-buttons-bottom.jpg") no-repeat bottom center;
    left: 50%;
    margin-left: -322px;
    width: 644px;
    top: 220px;
    position: absolute;
    padding-bottom: 50px;
}

ul#buttons li {
    float: left;
    width: 195px;
}

ul#buttons li#analyze {
    width: 254px;
}

ul#buttons li p {
    font-style: italic;
    color: #4c616a;
    font-size: 20px;
    font-family: "PillGothic300mgRegular", "Lucida Grande", Helvetica, Arial;
    width: 195px;
    text-align: center;
    margin: 10px auto;
}

ul#buttons li p.disabled {
    color: #999ea1;
}

ul#buttons li#share a {
    background: url("/images/share.png") no-repeat 0 0;
    width: 195px;
    height: 262px;
    text-indent: -9999px;
    display: block;
}

ul#buttons li#analyze a {
    background: url("/images/analyze.png") no-repeat 0 0;
    width: 254px;
    height: 262px;
    text-indent: -9999px;
    display: block;
}

ul#buttons li#compete a {
    background: url("/images/compete.png") no-repeat 0 0;
    width: 195px;
    height: 262px;
    text-indent: -9999px;
    display: block;
}

ul#buttons li#share a:hover {
    background: url("/images/share_hover.png") no-repeat 0 0;
}

ul#buttons li#analyze a:hover {
    background: url("/images/analyze_hover.png") no-repeat 0 0;
}

ul#buttons li#compete a:hover {
    background: url("/images/compete_hover.png") no-repeat 0 0;
}

ul#buttons li#share a.disabled {
    background: url("/images/share_0ff.png") no-repeat 0 0;
    cursor: default;
}

ul#buttons li#analyze a.disabled {
    background: url("/images/analyze_off.png") no-repeat 0 0;
    cursor: default;
}

ul#buttons li#compete a.disabled {
    background: url("/images/compete_off.png") no-repeat 0 0;
    cursor: default;
}

/* Analyze page */
#analysis .score {
    border-radius: 0px;
    background: #fff;
    padding: 15px;
}

.medio {
    background: #f1edd0;
    border: solid 1px #f2d586;
}

#analysis .score h4 {
    border-radius: 0px;
    height: 35px;
    line-height: 38px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    position: relative;
    text-indent: 45px;
}

.medio h4 {
    background: #edb712;
}

.medio h4 span, .bad h4 span {
    background: url("/images/icon-excl.png") no-repeat 0 0;
    display: block;
    width: 30px;
    height: 32px;
    position: absolute;
    left: 10px;
    bottom: 7px;
}

.unkown h4 {
    background: #cccccc;
}

.unkown h4 span {
    background: url("/images/icon-excl.png") no-repeat 0 0;
    display: block;
    width: 30px;
    height: 32px;
    position: absolute;
    left: 10px;
    bottom: 7px;
}

.good {
    background: #cfe8f2;
    border: solid 1px #95c8db;
}

.good h4 {
    background: #206681;
}

.good h4 span,
.excellent h4 span {
    background: url("/images/icon-good.png") no-repeat 0 0;
    display: block;
    width: 28px;
    height: 31px;
    position: absolute;
    left: 10px;
    bottom: 7px;
}

.bad {
    background: #f7e3da;
    border: solid 1px #f6c0a5;
}

.bad h4 {
    background: #ed5a12;
}

.excellent {
    background: #cbeddc;
    border: solid 1px #6dab8c;
}

.excellent h4 {
    background: #3f7362;
}

.excellent h4 span {
    background: url("/images/icon-good2.png") no-repeat 0 0;
}

ul.blue-list {
    background: #397e99;
    border: solid 1px #2a5d71;
    padding: 0 10px;
    border-radius: 0px;
}

ul.blue-list li {
    color: #fff;
    background: url("/images/line_li.jpg") repeat-x bottom left;
    cursor: pointer;
    padding: 7px 25px 7px 0;
    position: relative;
}

ul.blue-list li.last {
    background: none;
}

ul.blue-list li a {
    color: #5fd2ff;
    text-decoration: underline;
}

ul.blue-list li a:hover {
    color: #fff;
    text-decoration: none;
}

ul.blue-list li:hover {
    color: #d4e7ef;
}

ul.blue-list li:hover span.arrow {
    opacity: 0.7;
}

ul.blue-list li span.arrow {
    display: block;
    right: 0;
    top: 50%;
    margin-top: -11px;
    background: url("/images/arrow-blue_li.png") no-repeat right center;
    width: 18px;
    height: 18px;
    position: absolute;

}

#settings table td {
    font-size: 11px;
    padding: 5px 10px;
}

#settings table thead td {
    font-size: 1.25em;
    padding: 10px;
}

#xtu-inner #xtu-buttons {
    background: url("/images/bg-xtu-small2.jpg") no-repeat center top;
    height: 207px;
    position: relative;
    z-index: 1;
}

#img-analyze,
#img-compete,
#img-share {
    position: absolute;
    background: url("/images/analyze-small.png") no-repeat 0 0;
    width: 157px;
    height: 182px;
    text-indent: -9999px;
    display: block;
}

#img-compete {
    background: url("/images/compete-small.png") no-repeat 0 0;
}

#img-share {
    background: url("/images/share-small.png") no-repeat 0 0;
}

#analyze #user-score {
    float: none;
    width: 100%;
}

#chart_div {
    background: #f4f7f8;
    border: solid 1px #abb1b4;
    border-radius: 0px;
}

#xtu_comments {
    background: #f4f7f8;
    border: solid 1px #abb1b4;
    border-radius: 0px;
}

.boxed_arrow {
    padding: 15px;
    margin-right: 15px;
    margin-top: 5px;
    border: 1px solid #ccc;
    background: #fff;
    opacity: 0.8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#xtu_settings {
    background: #f4f7f8;
    border: solid 1px #abb1b4;
    border-radius: 0px;
    padding: 10px;
}

#xtu_settings h4 {
    color: #206681;
    font-size: 1.2em;
}

#xtu_settings hr {
    margin-top: 25px;
    margin-bottom: 25px;
}

#xtu_settings label {
    color: #444444;
    font-size: 12px;
    font-weight: 500;
}

#xtu_settings span {
    color: #206681;
    font-size: 14px;
    font-weight: 500;
}

#xtu_settings span.other {
    background: url("/img/icons/arrow_right.png") no-repeat 10px 0%;
    padding-left: 35px;
}

#xtu_settings span.diff {
    color: orange;
}

#xtu_settings span.outofrange {
    color: #CC3300;
}

#xtu_settings div.unkown {
    color: #888888;
}

#xtu_settings span#icon {
    float: right;
}

#label_chart_form {
    display: inline;
    float: left;
    margin-top: -8px;
    background-image: url('/img/icons/chartlabel.png');
    background-position: 0px 50%;
    background-repeat: no-repeat;
    padding-left: 47px;
    min-height: 42px;
    height: 42px;
    padding-bottom: 10px;
}

#graph {
    margin: 25px 0;
    text-align: center;
}

table.accent-box thead tr.headings {
    background: linear-gradient(to bottom, #397e99 0%, #2c6075 100%);
}

table.accent-box thead tr.headings td {
    border-bottom: solid 1px #1d3e4c;
    text-transform: uppercase;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.25em;
    font-weight: normal;
}

table.accent-box tr,
table.accent-box tr:nth-child(2n+1) {
    background: linear-gradient(to bottom, #397e99 0%, #3e8ca5 100%);
}

table.accent-box tr:hover,
table.accent-box tr:nth-child(2n+1):hover {
    background: linear-gradient(to bottom, #397e99 0%, #2c6075 100%);
}

table.accent-box tr:hover td,
table.accent-box tr:nth-child(2n+1):hover td {
    border-bottom: solid 1px #1d3e4c;
}

table.accent-box tr td {
    color: #fff;
    border-bottom: solid 1px #327085;
    text-shadow: 0 1px 0 #2a5d71;
}

table.accent-box tr td.posit {
    background: #2c6075;
    border-bottom: solid 1px #1d3e4c;
    width: 50px;
    font-weight: 700;
    text-shadow: 0 1px 0 #000;
}

table.accent-box tr:hover td.posit {
    background: #397e99;
}

table.accent-box tr td a {
    color: #5FD2FF;
    text-decoration: underline;
}

table.accent-box tr td a:hover {
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 1028px) {
    #hardware-conf dl dd span.label {
        width: 40%;
        font-size: 11px;
    }
}

#hw-table td.name {
    width: 70%;
}

#hardware-conf dl {
    background: #e3ecf0;
    border-radius: 3px;
    margin-bottom: 5px;
}

#hardware-conf dl dt {
    background: #397e99;
    border: solid 1px #2a5d71;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #16313c;
    padding: 7px 10px 5px 10px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 !important;
    border-radius: 3px 3px 0px 0px;
}

#hardware-conf dl dd {
    border-bottom: solid 1px #c1cfd5;
    border-top: solid 1px #fff;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    font-weight: 400;
}

#hardware-conf dl dd:last-child {
    border-bottom: none;
    border-radius: 0px 0px 3px 3px;
}

#hardware-conf dl dd span.label,
#hardware-conf dl dd span.value {
    display: block;
    width: 35%;
    color: #206681;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    background: #d3e2e9;
    padding: 3px 10px;
    float: left;
    overflow: hidden;
    max-height: 14px;
    height: 14px;
}

#hardware-conf dl dd span.value {
    width: auto;
    background: none;
    text-transform: none;
    color: #444;
    border-left: solid 1px #fff;
}

#share-btns ul li {
    float: left;
    margin: 0 15px 0 0;
}

#share-btns ul li a.facebook,
#share-btns ul li a.twitter {
    float: left;
    background: url("/images/share-bg.png") no-repeat 0 0;
    width: 189px;
    height: 41px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 0 #21395c;
    line-height: 37px;
    text-indent: 60px;
}

#share-btns ul li a.facebook:hover {
    text-decoration: none;
    background-position: 0 -41px;
}

#share-btns ul li a.facebook:active {
    background-position: 0 -82px;
}

#share-btns ul li a.twitter {
    background-position: -196px 0;
    text-indent: 59px;
}

#share-btns ul li a.twitter:hover {
    text-decoration: none;
    background-position: -196px -41px;
}

#share-btns ul li a.twitter:active {
    background-position: -196px -82px;
}

#copy-code {
    padding-top: 10px;
}

#copy-code li {
    margin: 0 0 10px 0;
}

#copy-code li label {
    display: block;
    color: #206681;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

#copy-code li input {
    width: 80%;
    color: #7c7c7c;
}

#copy-code a.btn {
    border: solid 1px #b0b4b4;
}

.setting-list {
    background: #f4f7f8;
    border: solid 1px #abb1b4;
    border-radius: 4px;
    padding: 15px;
}

.setting-list dl {
    border-bottom: solid 1px #c6cdd0;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
}

.setting-list dl.last {
    padding: 0;
    border: none;
    margin: 0;
}

.setting-list dl dt {
    color: #206681;
    font-family: "PillGothic300mgBold", "Lucida Grande", Helvetica, Arial;
    font-size: 1.16666em;
    font-weight: normal;
    text-transform: uppercase;
}

.setting-list dl dd {
    color: #444;
    padding: 3px 0;
}

.setting-list dl dd span {
    color: #206681;
    font-weight: 700;
}

aside[role="complementary"] .result p {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    font-style: normal;
}

input.grayout {
    background-color: #ccc;
}

/** no table formatting **/
div.notableformatting table {
    border-collapse: collapse;
    box-shadow: none;
    border-radius: 0px;
    border-style: hidden;
    margin-bottom: 0px;
    padding: 0px;
}

div.notableformatting table tr:hover,
table tbody tr:nth-child(2n+1):hover {
    background: none
}

div.notableformatting table tr td span {
    font-size: 1em;
}

div.notableformatting table tr td a {
    font-weight: normal
}

div.notableformatting table tbody tr:nth-child(2n+1) {
    background: none
}

/** register **/
#tw_signing {
    float: left;
    padding: 5px;
}

.social_login {
    float: left;
    padding: 5px;
    width: 205px;
}

.social_btn {
    width: 177px;
    height: 30px;
    background-image: url("/img/social_buttons3.png");
    background-repeat: no-repeat;
    border: 0px;
    background-color: none;
    cursor: pointer;
    outline: 0;
}

.social_btn:hover {
    background-position: 0px 0px;
    background-image: url("/img/social_buttons3.png");
}

.social_btn.facebook {
    background-position: 0px 0px;
}

.social_btn.facebook:hover {
    background-position: 0px -30px;
}

.social_btn.facebook:active {
    background-position: 0px -60px;
}

.social_btn.twitter {
    background-position: 0px -91px;
}

.social_btn.twitter:hover {
    background-position: 0px -121px;
}

.social_btn.twitter:active {
    background-position: 0px -151px;
}

.social_btn.google {
    background-position: 0px -181px;
}

.social_btn.google:hover {
    background-position: 0px -211px;
}

.social_btn.google:active {
    background-position: 0px -242px;
}

/** carousel **/
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    border-radius: 0px;
    box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 307px;
    float: left;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    border-radius: 30px;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;

    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    box-shadow: 0 0 2px #F0EFE7;
}

.jcarousel-control-prev, .jcarousel-control-prev {
    color: white;
}

.jcarousel .phone {
    border-right: 1px dotted #ccc;
    background-color: white;
    padding: 10px;
    height: 375px;
}

.jcarousel .phone img {
    vertical-align: middle;
    margin: auto;
    max-height: 300px;
}

.jcarousel .phone li {
    min-width: 300px;
}

/** league **/
.league {
    font-weight: bold;
}

.league .flag {
    max-width: 25px;
}

.elite .league {
    color: #6A4A3C;
}

.extreme .league {
    color: #CC333F;
}

.enthusiast .league {
    color: #EB6841;
}

.novice .league {
    color: #EDC951;
}

.rookie .league {
    color: #00A0B0;
}

.apprentice .league {
    color: #008000;
}

img.amazon_button {
    width: 80px;
}

.comment h4 a {
    text-transform: none;
}

header nav {
    background: rgba(0, 0, 0, 0.4) !important;
    padding: 0 !important;
}

header nav ul li {
    line-height: 42px !important;
}

#container header nav ul li {
    line-height: 17px !important;
}

#grid {
    z-index: -10000;
    width: 100%;
    height: 1px;
    box-shadow: 0px 0px #030617, 0px 0px #030617, 0px 3px #030617, 0px 6px #030617, 0px 9px #030617, 0px 12px #030617, 0px 15px #030617, 0px 18px #030617, 0px 21px #030617, 0px 24px #030617, 0px 27px #030617, 0px 30px #030617, 0px 33px #030617, 0px 36px #030617, 0px 39px #030617, 0px 42px #030617, 0px 45px #030617, 0px 48px #030617, 0px 51px #030617, 0px 54px #030617, 0px 57px #030617, 0px 60px #030617, 0px 63px #030617, 0px 66px #030617, 0px 69px #030617, 0px 72px #030617, 0px 75px #030617, 0px 78px #030617, 0px 81px #030617, 0px 84px #030617, 0px 87px #030617, 0px 90px #030617, 0px 93px #030617, 0px 96px #030617, 0px 99px #030617, 0px 102px #030617, 0px 105px #030617, 0px 108px #030617, 0px 111px #030617, 0px 114px #030617, 0px 117px #030617, 0px 120px #030617, 0px 123px #030617, 0px 126px #030617, 0px 129px #030617, 0px 132px #030617, 0px 135px #030617, 0px 138px #030617, 0px 141px #030617, 0px 144px #030617, 0px 147px #030617, 0px 150px #030617, 0px 153px #030617, 0px 156px #030617, 0px 159px #030617, 0px 162px #030617, 0px 165px #030617, 0px 168px #030617, 0px 171px #030617, 0px 174px #030617, 0px 177px #030617, 0px 180px #030617, 0px 183px #030617, 0px 186px #030617, 0px 189px #030617, 0px 192px #030617, 0px 195px #030617, 0px 198px #030617, 0px 201px #030617, 0px 204px #030617, 0px 207px #030617, 0px 210px #030617, 0px 213px #030617, 0px 216px #030617, 0px 219px #030617, 0px 222px #030617, 0px 225px #030617, 0px 228px #030617, 0px 231px #030617, 0px 234px #030617, 0px 237px #030617, 0px 240px #030617, 0px 243px #030617, 0px 246px #030617, 0px 249px #030617, 0px 252px #030617, 0px 255px #030617, 0px 258px #030617, 0px 261px #030617, 0px 264px #030617, 0px 267px #030617, 0px 270px #030617, 0px 273px #030617, 0px 276px #030617, 0px 279px #030617, 0px 282px #030617, 0px 285px #030617, 0px 288px #030617, 0px 291px #030617, 0px 294px #030617, 0px 297px #030617, 0px 300px #030617, 0px 303px #030617, 0px 306px #030617, 0px 309px #030617, 0px 312px #030617, 0px 315px #030617, 0px 318px #030617, 0px 321px #030617, 0px 324px #030617, 0px 327px #030617, 0px 330px #030617, 0px 333px #030617, 0px 336px #030617, 0px 339px #030617, 0px 342px #030617, 0px 345px #030617, 0px 348px #030617, 0px 351px #030617, 0px 354px #030617, 0px 357px #030617, 0px 360px #030617, 0px 363px #030617, 0px 366px #030617, 0px 369px #030617, 0px 372px #030617, 0px 375px #030617, 0px 378px #030617, 0px 381px #030617, 0px 384px #030617, 0px 387px #030617, 0px 390px #030617, 0px 393px #030617, 0px 396px #030617, 0px 399px #030617, 0px 402px #030617, 0px 405px #030617, 0px 408px #030617, 0px 411px #030617, 0px 414px #030617, 0px 417px #030617, 0px 420px #030617, 0px 423px #030617, 0px 426px #030617, 0px 429px #030617, 0px 432px #030617, 0px 435px #030617, 0px 438px #030617, 0px 441px #030617, 0px 444px #030617, 0px 447px #030617, 0px 450px #030617, 0px 453px #030617, 0px 456px #030617, 0px 459px #030617, 0px 462px #030617, 0px 465px #030617, 0px 468px #030617, 0px 471px #030617, 0px 474px #030617, 0px 477px #030617, 0px 480px #030617, 0px 483px #030617, 0px 486px #030617, 0px 489px #030617, 0px 492px #030617, 0px 495px #030617, 0px 498px #030617, 0px 501px #030617, 0px 504px #030617, 0px 507px #030617, 0px 510px #030617, 0px 513px #030617, 0px 516px #030617, 0px 519px #030617, 0px 522px #030617, 0px 525px #030617, 0px 528px #030617, 0px 531px #030617, 0px 534px #030617, 0px 537px #030617, 0px 540px #030617, 0px 543px #030617, 0px 546px #030617, 0px 549px #030617, 0px 552px #030617, 0px 555px #030617, 0px 558px #030617, 0px 561px #030617, 0px 564px #030617, 0px 567px #030617, 0px 570px #030617, 0px 573px #030617, 0px 576px #030617, 0px 579px #030617, 0px 582px #030617, 0px 585px #030617, 0px 588px #030617, 0px 591px #030617, 0px 594px #030617, 0px 597px #030617, 0px 600px #030617, 0px 603px #030617, 0px 606px #030617, 0px 609px #030617, 0px 612px #030617, 0px 615px #030617, 0px 618px #030617, 0px 621px #030617, 0px 624px #030617, 0px 627px #030617, 0px 630px #030617, 0px 633px #030617, 0px 636px #030617, 0px 639px #030617, 0px 642px #030617, 0px 645px #030617, 0px 648px #030617, 0px 651px #030617, 0px 654px #030617, 0px 657px #030617, 0px 660px #030617, 0px 663px #030617, 0px 666px #030617, 0px 669px #030617, 0px 672px #030617, 0px 675px #030617, 0px 678px #030617, 0px 681px #030617, 0px 684px #030617, 0px 687px #030617, 0px 690px #030617, 0px 693px #030617, 0px 696px #030617, 0px 699px #030617, 0px 702px #030617, 0px 705px #030617, 0px 708px #030617, 0px 711px #030617, 0px 714px #030617, 0px 717px #030617, 0px 720px #030617, 0px 723px #030617, 0px 726px #030617, 0px 729px #030617, 0px 732px #030617, 0px 735px #030617, 0px 738px #030617, 0px 741px #030617, 0px 744px #030617, 0px 747px #030617, 0px 750px #030617, 0px 753px #030617, 0px 756px #030617, 0px 759px #030617, 0px 762px #030617, 0px 765px #030617, 0px 768px #030617, 0px 771px #030617, 0px 774px #030617, 0px 777px #030617, 0px 780px #030617, 0px 783px #030617, 0px 786px #030617, 0px 789px #030617, 0px 792px #030617, 0px 795px #030617, 0px 798px #030617, 0px 801px #030617, 0px 804px #030617, 0px 807px #030617, 0px 810px #030617, 0px 813px #030617, 0px 816px #030617, 0px 819px #030617, 0px 822px #030617, 0px 825px #030617, 0px 828px #030617, 0px 831px #030617, 0px 834px #030617, 0px 837px #030617, 0px 840px #030617, 0px 843px #030617, 0px 846px #030617, 0px 849px #030617, 0px 852px #030617, 0px 855px #030617, 0px 858px #030617, 0px 861px #030617, 0px 864px #030617, 0px 867px #030617, 0px 870px #030617, 0px 873px #030617, 0px 876px #030617, 0px 879px #030617, 0px 882px #030617, 0px 885px #030617, 0px 888px #030617, 0px 891px #030617, 0px 894px #030617, 0px 897px #030617, 0px 900px #030617, 0px 903px #030617, 0px 906px #030617, 0px 909px #030617, 0px 912px #030617, 0px 915px #030617, 0px 918px #030617, 0px 921px #030617, 0px 924px #030617, 0px 927px #030617, 0px 930px #030617, 0px 933px #030617, 0px 936px #030617, 0px 939px #030617, 0px 942px #030617, 0px 945px #030617, 0px 948px #030617, 0px 951px #030617, 0px 954px #030617, 0px 957px #030617, 0px 960px #030617, 0px 963px #030617, 0px 966px #030617, 0px 969px #030617, 0px 972px #030617, 0px 975px #030617, 0px 978px #030617, 0px 981px #030617, 0px 984px #030617, 0px 987px #030617, 0px 990px #030617, 0px 993px #030617, 0px 996px #030617, 0px 999px #030617, 0px 1002px #030617, 0px 1005px #030617, 0px 1008px #030617, 0px 1011px #030617, 0px 1014px #030617, 0px 1017px #030617, 0px 1020px #030617, 0px 1023px #030617, 0px 1026px #030617, 0px 1029px #030617, 0px 1032px #030617, 0px 1035px #030617, 0px 1038px #030617, 0px 1041px #030617, 0px 1044px #030617, 0px 1047px #030617, 0px 1050px #030617, 0px 1053px #030617, 0px 1056px #030617, 0px 1059px #030617, 0px 1062px #030617, 0px 1065px #030617, 0px 1068px #030617, 0px 1071px #030617, 0px 1074px #030617, 0px 1077px #030617, 0px 1080px #030617, 0px 1083px #030617, 0px 1086px #030617, 0px 1089px #030617, 0px 1092px #030617, 0px 1095px #030617, 0px 1098px #030617, 0px 1101px #030617, 0px 1104px #030617, 0px 1107px #030617, 0px 1110px #030617, 0px 1113px #030617, 0px 1116px #030617, 0px 1119px #030617, 0px 1122px #030617, 0px 1125px #030617, 0px 1128px #030617, 0px 1131px #030617, 0px 1134px #030617, 0px 1137px #030617, 0px 1140px #030617, 0px 1143px #030617, 0px 1146px #030617, 0px 1149px #030617, 0px 1152px #030617, 0px 1155px #030617, 0px 1158px #030617, 0px 1161px #030617, 0px 1164px #030617, 0px 1167px #030617, 0px 1170px #030617, 0px 1173px #030617, 0px 1176px #030617, 0px 1179px #030617, 0px 1182px #030617, 0px 1185px #030617, 0px 1188px #030617, 0px 1191px #030617, 0px 1194px #030617, 0px 1197px #030617, 0px 1200px #030617, 0px 1203px #030617, 0px 1206px #030617, 0px 1209px #030617, 0px 1212px #030617, 0px 1215px #030617, 0px 1218px #030617, 0px 1221px #030617, 0px 1224px #030617, 0px 1227px #030617, 0px 1230px #030617, 0px 1233px #030617, 0px 1236px #030617, 0px 1239px #030617, 0px 1242px #030617, 0px 1245px #030617, 0px 1248px #030617, 0px 1251px #030617, 0px 1254px #030617, 0px 1257px #030617, 0px 1260px #030617, 0px 1263px #030617, 0px 1266px #030617, 0px 1269px #030617, 0px 1272px #030617, 0px 1275px #030617, 0px 1278px #030617, 0px 1281px #030617, 0px 1284px #030617, 0px 1287px #030617, 0px 1290px #030617, 0px 1293px #030617, 0px 1296px #030617, 0px 1299px #030617, 0px 1302px #030617, 0px 1305px #030617, 0px 1308px #030617, 0px 1311px #030617, 0px 1314px #030617, 0px 1317px #030617, 0px 1320px #030617, 0px 1323px #030617, 0px 1326px #030617, 0px 1329px #030617, 0px 1332px #030617, 0px 1335px #030617, 0px 1338px #030617, 0px 1341px #030617, 0px 1344px #030617, 0px 1347px #030617, 0px 1350px #030617, 0px 1353px #030617, 0px 1356px #030617, 0px 1359px #030617, 0px 1362px #030617, 0px 1365px #030617, 0px 1368px #030617, 0px 1371px #030617, 0px 1374px #030617, 0px 1377px #030617, 0px 1380px #030617, 0px 1383px #030617, 0px 1386px #030617, 0px 1389px #030617, 0px 1392px #030617, 0px 1395px #030617, 0px 1398px #030617, 0px 1401px #030617, 0px 1404px #030617, 0px 1407px #030617, 0px 1410px #030617, 0px 1413px #030617, 0px 1416px #030617, 0px 1419px #030617, 0px 1422px #030617, 0px 1425px #030617, 0px 1428px #030617, 0px 1431px #030617, 0px 1434px #030617, 0px 1437px #030617, 0px 1440px #030617, 0px 1443px #030617, 0px 1446px #030617, 0px 1449px #030617, 0px 1452px #030617, 0px 1455px #030617, 0px 1458px #030617, 0px 1461px #030617, 0px 1464px #030617, 0px 1467px #030617, 0px 1470px #030617, 0px 1473px #030617, 0px 1476px #030617, 0px 1479px #030617, 0px 1482px #030617, 0px 1485px #030617, 0px 1488px #030617, 0px 1491px #030617, 0px 1494px #030617, 0px 1497px #030617, 0px 1500px #030617, 0px 1503px #030617, 0px 1506px #030617, 0px 1509px #030617, 0px 1512px #030617, 0px 1515px #030617, 0px 1518px #030617, 0px 1521px #030617, 0px 1524px #030617, 0px 1527px #030617, 0px 1530px #030617, 0px 1533px #030617, 0px 1536px #030617, 0px 1539px #030617, 0px 1542px #030617, 0px 1545px #030617, 0px 1548px #030617, 0px 1551px #030617, 0px 1554px #030617, 0px 1557px #030617, 0px 1560px #030617, 0px 1563px #030617, 0px 1566px #030617, 0px 1569px #030617, 0px 1572px #030617, 0px 1575px #030617, 0px 1578px #030617, 0px 1581px #030617, 0px 1584px #030617, 0px 1587px #030617, 0px 1590px #030617, 0px 1593px #030617, 0px 1596px #030617, 0px 1599px #030617, 0px 1602px #030617, 0px 1605px #030617, 0px 1608px #030617, 0px 1611px #030617, 0px 1614px #030617, 0px 1617px #030617, 0px 1620px #030617, 0px 1623px #030617, 0px 1626px #030617, 0px 1629px #030617, 0px 1632px #030617, 0px 1635px #030617, 0px 1638px #030617, 0px 1641px #030617, 0px 1644px #030617, 0px 1647px #030617, 0px 1650px #030617, 0px 1653px #030617, 0px 1656px #030617, 0px 1659px #030617, 0px 1662px #030617, 0px 1665px #030617, 0px 1668px #030617, 0px 1671px #030617, 0px 1674px #030617, 0px 1677px #030617, 0px 1680px #030617, 0px 1683px #030617, 0px 1686px #030617, 0px 1689px #030617, 0px 1692px #030617, 0px 1695px #030617, 0px 1698px #030617, 0px 1701px #030617, 0px 1704px #030617, 0px 1707px #030617, 0px 1710px #030617, 0px 1713px #030617, 0px 1716px #030617, 0px 1719px #030617, 0px 1722px #030617, 0px 1725px #030617, 0px 1728px #030617, 0px 1731px #030617, 0px 1734px #030617, 0px 1737px #030617, 0px 1740px #030617, 0px 1743px #030617, 0px 1746px #030617, 0px 1749px #030617, 0px 1752px #030617, 0px 1755px #030617, 0px 1758px #030617, 0px 1761px #030617, 0px 1764px #030617, 0px 1767px #030617, 0px 1770px #030617, 0px 1773px #030617, 0px 1776px #030617, 0px 1779px #030617, 0px 1782px #030617, 0px 1785px #030617, 0px 1788px #030617, 0px 1791px #030617, 0px 1794px #030617, 0px 1797px #030617, 0px 1800px #030617, 0px 1803px #030617, 0px 1806px #030617, 0px 1809px #030617, 0px 1812px #030617, 0px 1815px #030617, 0px 1818px #030617, 0px 1821px #030617, 0px 1824px #030617, 0px 1827px #030617, 0px 1830px #030617, 0px 1833px #030617, 0px 1836px #030617, 0px 1839px #030617, 0px 1842px #030617, 0px 1845px #030617, 0px 1848px #030617, 0px 1851px #030617, 0px 1854px #030617, 0px 1857px #030617, 0px 1860px #030617, 0px 1863px #030617, 0px 1866px #030617, 0px 1869px #030617, 0px 1872px #030617, 0px 1875px #030617, 0px 1878px #030617, 0px 1881px #030617, 0px 1884px #030617, 0px 1887px #030617, 0px 1890px #030617, 0px 1893px #030617, 0px 1896px #030617, 0px 1899px #030617, 0px 1902px #030617, 0px 1905px #030617, 0px 1908px #030617, 0px 1911px #030617, 0px 1914px #030617, 0px 1917px #030617, 0px 1920px #030617, 0px 1923px #030617, 0px 1926px #030617, 0px 1929px #030617, 0px 1932px #030617, 0px 1935px #030617, 0px 1938px #030617, 0px 1941px #030617, 0px 1944px #030617, 0px 1947px #030617, 0px 1950px #030617, 0px 1953px #030617, 0px 1956px #030617, 0px 1959px #030617, 0px 1962px #030617, 0px 1965px #030617, 0px 1968px #030617, 0px 1971px #030617, 0px 1974px #030617, 0px 1977px #030617, 0px 1980px #030617, 0px 1983px #030617, 0px 1986px #030617, 0px 1989px #030617, 0px 1992px #030617, 0px 1995px #030617, 0px 1998px #030617, 0px 2001px #030617, 0px 2004px #030617, 0px 2007px #030617, 0px 2010px #030617, 0px 2013px #030617, 0px 2016px #030617, 0px 2019px #030617, 0px 2022px #030617, 0px 2025px #030617, 0px 2028px #030617, 0px 2031px #030617, 0px 2034px #030617, 0px 2037px #030617, 0px 2040px #030617, 0px 2043px #030617, 0px 2046px #030617, 0px 2049px #030617, 0px 2052px #030617, 0px 2055px #030617, 0px 2058px #030617, 0px 2061px #030617, 0px 2064px #030617, 0px 2067px #030617, 0px 2070px #030617, 0px 2073px #030617, 0px 2076px #030617, 0px 2079px #030617, 0px 2082px #030617, 0px 2085px #030617, 0px 2088px #030617, 0px 2091px #030617, 0px 2094px #030617, 0px 2097px #030617, 0px 2100px #030617, 0px 2103px #030617, 0px 2106px #030617, 0px 2109px #030617, 0px 2112px #030617, 0px 2115px #030617, 0px 2118px #030617, 0px 2121px #030617, 0px 2124px #030617, 0px 2127px #030617, 0px 2130px #030617, 0px 2133px #030617, 0px 2136px #030617, 0px 2139px #030617, 0px 2142px #030617, 0px 2145px #030617, 0px 2148px #030617, 0px 2151px #030617, 0px 2154px #030617, 0px 2157px #030617, 0px 2160px #030617, 0px 2163px #030617, 0px 2166px #030617, 0px 2169px #030617, 0px 2172px #030617, 0px 2175px #030617, 0px 2178px #030617, 0px 2181px #030617, 0px 2184px #030617, 0px 2187px #030617, 0px 2190px #030617, 0px 2193px #030617, 0px 2196px #030617, 0px 2199px #030617, 0px 2202px #030617, 0px 2205px #030617, 0px 2208px #030617, 0px 2211px #030617, 0px 2214px #030617, 0px 2217px #030617, 0px 2220px #030617, 0px 2223px #030617, 0px 2226px #030617, 0px 2229px #030617, 0px 2232px #030617, 0px 2235px #030617, 0px 2238px #030617, 0px 2241px #030617, 0px 2244px #030617, 0px 2247px #030617, 0px 2250px #030617, 0px 2253px #030617, 0px 2256px #030617, 0px 2259px #030617, 0px 2262px #030617, 0px 2265px #030617, 0px 2268px #030617, 0px 2271px #030617, 0px 2274px #030617, 0px 2277px #030617, 0px 2280px #030617, 0px 2283px #030617, 0px 2286px #030617, 0px 2289px #030617, 0px 2292px #030617, 0px 2295px #030617, 0px 2298px #030617, 0px 2301px #030617, 0px 2304px #030617, 0px 2307px #030617, 0px 2310px #030617, 0px 2313px #030617, 0px 2316px #030617, 0px 2319px #030617, 0px 2322px #030617, 0px 2325px #030617, 0px 2328px #030617, 0px 2331px #030617, 0px 2334px #030617, 0px 2337px #030617, 0px 2340px #030617, 0px 2343px #030617, 0px 2346px #030617, 0px 2349px #030617, 0px 2352px #030617, 0px 2355px #030617, 0px 2358px #030617, 0px 2361px #030617, 0px 2364px #030617, 0px 2367px #030617, 0px 2370px #030617, 0px 2373px #030617, 0px 2376px #030617, 0px 2379px #030617, 0px 2382px #030617, 0px 2385px #030617, 0px 2388px #030617, 0px 2391px #030617, 0px 2394px #030617, 0px 2397px #030617, 0px 2400px #030617, 0px 2403px #030617, 0px 2406px #030617, 0px 2409px #030617, 0px 2412px #030617, 0px 2415px #030617, 0px 2418px #030617, 0px 2421px #030617, 0px 2424px #030617, 0px 2427px #030617, 0px 2430px #030617, 0px 2433px #030617, 0px 2436px #030617, 0px 2439px #030617, 0px 2442px #030617, 0px 2445px #030617, 0px 2448px #030617, 0px 2451px #030617, 0px 2454px #030617, 0px 2457px #030617, 0px 2460px #030617, 0px 2463px #030617, 0px 2466px #030617, 0px 2469px #030617, 0px 2472px #030617, 0px 2475px #030617, 0px 2478px #030617, 0px 2481px #030617, 0px 2484px #030617, 0px 2487px #030617, 0px 2490px #030617, 0px 2493px #030617, 0px 2496px #030617, 0px 2499px #030617, 0px 2502px #030617, 0px 2505px #030617, 0px 2508px #030617, 0px 2511px #030617, 0px 2514px #030617, 0px 2517px #030617, 0px 2520px #030617, 0px 2523px #030617, 0px 2526px #030617, 0px 2529px #030617, 0px 2532px #030617, 0px 2535px #030617, 0px 2538px #030617, 0px 2541px #030617, 0px 2544px #030617, 0px 2547px #030617, 0px 2550px #030617, 0px 2553px #030617, 0px 2556px #030617, 0px 2559px #030617, 0px 2562px #030617, 0px 2565px #030617, 0px 2568px #030617, 0px 2571px #030617, 0px 2574px #030617, 0px 2577px #030617, 0px 2580px #030617, 0px 2583px #030617, 0px 2586px #030617, 0px 2589px #030617, 0px 2592px #030617, 0px 2595px #030617, 0px 2598px #030617, 0px 2601px #030617, 0px 2604px #030617, 0px 2607px #030617, 0px 2610px #030617, 0px 2613px #030617, 0px 2616px #030617, 0px 2619px #030617, 0px 2622px #030617, 0px 2625px #030617, 0px 2628px #030617, 0px 2631px #030617, 0px 2634px #030617, 0px 2637px #030617, 0px 2640px #030617, 0px 2643px #030617, 0px 2646px #030617, 0px 2649px #030617, 0px 2652px #030617, 0px 2655px #030617, 0px 2658px #030617, 0px 2661px #030617, 0px 2664px #030617, 0px 2667px #030617, 0px 2670px #030617, 0px 2673px #030617, 0px 2676px #030617, 0px 2679px #030617, 0px 2682px #030617, 0px 2685px #030617, 0px 2688px #030617, 0px 2691px #030617, 0px 2694px #030617, 0px 2697px #030617, 0px 2700px #030617, 0px 2703px #030617, 0px 2706px #030617, 0px 2709px #030617, 0px 2712px #030617, 0px 2715px #030617, 0px 2718px #030617, 0px 2721px #030617, 0px 2724px #030617, 0px 2727px #030617, 0px 2730px #030617, 0px 2733px #030617, 0px 2736px #030617, 0px 2739px #030617, 0px 2742px #030617, 0px 2745px #030617, 0px 2748px #030617, 0px 2751px #030617, 0px 2754px #030617, 0px 2757px #030617, 0px 2760px #030617, 0px 2763px #030617, 0px 2766px #030617, 0px 2769px #030617, 0px 2772px #030617, 0px 2775px #030617, 0px 2778px #030617, 0px 2781px #030617, 0px 2784px #030617, 0px 2787px #030617, 0px 2790px #030617, 0px 2793px #030617, 0px 2796px #030617, 0px 2799px #030617, 0px 2802px #030617, 0px 2805px #030617, 0px 2808px #030617, 0px 2811px #030617, 0px 2814px #030617, 0px 2817px #030617, 0px 2820px #030617, 0px 2823px #030617, 0px 2826px #030617, 0px 2829px #030617, 0px 2832px #030617, 0px 2835px #030617, 0px 2838px #030617, 0px 2841px #030617, 0px 2844px #030617, 0px 2847px #030617, 0px 2850px #030617, 0px 2853px #030617, 0px 2856px #030617, 0px 2859px #030617, 0px 2862px #030617, 0px 2865px #030617, 0px 2868px #030617, 0px 2871px #030617, 0px 2874px #030617, 0px 2877px #030617, 0px 2880px #030617, 0px 2883px #030617, 0px 2886px #030617, 0px 2889px #030617, 0px 2892px #030617, 0px 2895px #030617, 0px 2898px #030617, 0px 2901px #030617, 0px 2904px #030617, 0px 2907px #030617, 0px 2910px #030617, 0px 2913px #030617, 0px 2916px #030617, 0px 2919px #030617, 0px 2922px #030617, 0px 2925px #030617, 0px 2928px #030617, 0px 2931px #030617, 0px 2934px #030617, 0px 2937px #030617, 0px 2940px #030617, 0px 2943px #030617, 0px 2946px #030617, 0px 2949px #030617, 0px 2952px #030617, 0px 2955px #030617, 0px 2958px #030617, 0px 2961px #030617, 0px 2964px #030617, 0px 2967px #030617, 0px 2970px #030617, 0px 2973px #030617, 0px 2976px #030617, 0px 2979px #030617, 0px 2982px #030617, 0px 2985px #030617, 0px 2988px #030617, 0px 2991px #030617, 0px 2994px #030617, 0px 2997px #030617, 0px 3000px #030617;
}

@media only screen and (max-width: 666px) {
    #container, .innerwrap {
        margin: 0% 0%;
    }

    aside, ul#help, .nomobile {
        display: none;
    }

    section[role="main"] .innerpadding {
        padding: 15px;
    }

    section#content {
        width: 100%;
    }

    header[role="banner"] {
        padding-bottom: 130px;
        margin: 0% 2%;
    }

    #xtu-inner header {
        padding: 0px;
    }

    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th, .pinned table td {
        white-space: nowrap;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    div.table-wrapper div.scrollable table {
        margin-left: 35%;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
        display: none;
    }
}