/* _________________________________________________

Author: Rob Turlinckx - Olive & Twist (www.oliveandtwist.com) - @oat
_____________________________________________________

1.ROOT
2.HTML SKELET
3.HEADINGS
4.TYPOGRAPHY
5.LINKS
6.BUTTONS
7.BANNER header[role="banner"]
8.CONTENT
9.COMPLEMENTARY ASIDE
10.CONTENTINFO 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-size : 100%;
font : inherit;
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; }

/* always force a scrollbar in non-IE */
html { overflow-y: scroll;}
td, td img { vertical-align: middle; }

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/*Form Elements*/
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }

/* 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; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* 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;
	-moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	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:	#0c3b4f url(/images/bg-large.jpg) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;}


/* 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/grad-aside.jpg) repeat-x top left;
	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/grad-aside.jpg) repeat-x top 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:solid 1px #abb1b4;
	color:#d18238;
	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:#206681;
	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:visted{
		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: -moz-linear-gradient(top, #3c839e, #2f718a);
		border-bottom:none;
		padding:7px 15px;
		color:#fff;
		text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		margin:0;
		border: solid 1px #2a667c;
		border-bottom:none;
		text-transform: none;}

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

	h3 span{
		color:#518575;}

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

	footer[role="contentinfo"] dl dt{
		color:#315b50;
		text-shadow:0 1px 1px #7fc5b0;}

	#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:''; content:none;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

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; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */}

::-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:#315b50;
		text-shadow:0 1px 1px #7fc5b0;
		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;
	text-shadow: 0 1px 0 #FFFFFF;
	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-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-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;
	border-color:#dedede #dedede #a6a6a6 #dedede;
	background: #fff url(/images/btn-grad.jpg) repeat-x bottom left; /*fallback less capable browsers*/
	background-image: -moz-linear-gradient(top, #fefefe, #ededed);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.10, rgb(229,229,229)),
    color-stop(0.87, rgb(255,255,255))
	);
	color:#535557;
	font-weight:700;
	text-shadow:0 1px 1px #fff;
	display: inline-block;
	line-height: normal;}

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

	.btn.on,.btn:active{
		color:#878a8c;
		background-image: -moz-linear-gradient(top, #d3d3d3, #ececec);
		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.10, rgb(255,255,255)),
		color-stop(1, rgb(229,229,229))
		);
		border-color:#a6a6a6;
		-moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.3);
		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{
	background:#d48538;
	border:none;
	border-top:1px solid #e99340;
	background-image: -moz-linear-gradient(top, #d3853a, #b0602e);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.10, #b0602e),
    color-stop(0.94, #d5863b)
	);
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);}

.btn.blue{
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.8);
	background:#5a667d;/* IE 6-9 /* delete normal background */
	border:none;
	border-top:1px solid #67738a;
	color: white;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.22, #344758),
    color-stop(0.99, #5a667d),
    color-stop(1, #8093b5));
background-image: -moz-linear-gradient(
    center bottom,
    rgb(52,71,88) 22%,
    rgb(90,102,125) 99%,
    rgb(128,147,181) 100%);
background-image: linear-gradient(
    center bottom,
    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);
	background:#A5DA6C;/* IE 6-9 /* delete normal background */
	border:none;
	border-top:0px solid #67738a;
	color: white;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.22, #354722),
    color-stop(0.99, #A5DA6C),
    color-stop(1, #B6F077));
background-image: -moz-linear-gradient(
    center bottom,
    #F6F667 22%,
    #E3E35E 99%,
    #C4C451 100%);
background-image: linear-gradient(
    center bottom,
    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;
		-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
		-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
		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;
	background-image: -moz-linear-gradient(top, #c67d36, #9f572a);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.10, #9f572a),
    color-stop(1, #c67d36)
	);
	color:#fff;}

.btn.cta:active{
	background-image: -moz-linear-gradient(top, #b0602e, #d3853a);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.10, #cd7036),
    color-stop(1, #b86531)
	);
	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?v=1") 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;}

#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;
}

.ie7 #search-fld{
    margin:40px 0 0 0;
    padding-bottom:45px;}

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

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

	#search-fld form input:focus{
		-moz-box-shadow: 0 0 10px #000;
		-webkit-box-shadow: 0 0 10px #000;
		box-shadow: 0 0 10px #000;
		width:30%;}
#mobilesuggestion{
    background-color:#FFFFCE;
    text-align: center;
}
#partners{
	background:#093346;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:#0a3242 solid 1px;
	border-bottom:none;
	-moz-box-shadow:0 -6px 10px #0a3344;
	-webkit-box-shadow:0 -6px 10px #0a3344;
	box-shadow:0 -6px 10px #0a3344;}

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

	#partners ul li:hover{
		-moz-box-shadow: inset 0 0 10px #154b63;
		-webkit-box-shadow: inset 0 0 10px #154b63;
		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;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }
div.notpartner_text p
  {
  margin-top:80px;
  font-weight:bold;
  font-size: 2em;
  text-align: center;
  color:#000000;
  transform: rotate(-33deg);
  -webkit-transform: rotate(-33deg);
  -moz-transform: rotate(-33deg);
  -ms-transform: rotate(-33deg);
  -o-transform: rotate(-33deg);
  }

/* Main nav Superfish*/
/*** ESSENTIAL NAV 1e NIV STYLES ***/
ul.sf-menu{
	background:#417666;
	background-image: -moz-linear-gradient(top, #457d6c, #3e7161);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	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{
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		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;
	-moz-box-shadow: inset 0 0 20px #3c6d5f;
	-webkit-box-shadow: inset 0 0 20px #3c6d5f;
	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
{
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	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;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	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;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;}

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

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


/* 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;}

@media \0screen {img { width: 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;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	display:inline-block;
	border:solid 1px #d8dfe3;}

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

.bron{
	padding:4px 10px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	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;}

	.ie7 ul.nav .arrows{
	 	width: 30px;}

	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 {
   -moz-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:#d48538;
	clear:both;
	/*width:100%;*/
	margin:0 0 15px 0;
	background: -moz-linear-gradient(center top , #D3853A, #B0602E) 0 0;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.10, rgb(176,96,46)),
    color-stop(0.94, rgb(213,134,59))
	);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;}

.results{
	color:#fff;
	font-weight:700;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	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;}

.ie7 .result p{
	width: 100%;}

.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;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:solid 1px #e7eaeb;
	overflow: hidden;}

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

.bg-accent{
	background:#e8eef1;
	border:solid 1px #ABB1B4;}

#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: url(/images/gold.png) repeat 0 0;
	border:solid 1px #e5b24a;
	color:#553917;
	text-shadow:0 1px 0 #ffe05c;}

.silver{
	background: url(/images/silver.png) repeat 0 0;
	border:solid 1px #b2b2b2;
	color:#4d4d4d;
	text-shadow:0 1px 0 #ccc;}

.bronze{
	background: url(/images/bronze.png) repeat 0 0;
	border:solid 1px #e09b5d;
	color:#41260f;
	text-shadow:0 1px 0 #ffce76;}

.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;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	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:#3b829c;
	border:solid 1px #2A667C ;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:3px;
	float:right;}

/* 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%;}
#leagues div{
	float: left;
	width: 280px;
	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 {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	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;}

.ie7 #userinfo{
	margin-bottom:20px;}

#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{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color:#bdd4df;
		border:solid 1px #aabfc9;
		padding:5px 10px;
		float:left;
		margin-right:10px;
		text-shadow:0 1px 0 #deeaef;
		font-weight:700;
		}

	.pos-img{
		width:20px;}

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

	.one,
	.two,
	.three{
		background:#43586d;
		border-color:#2d3947;
		color:#fff;
		text-shadow:none;}

	.two{
		background:#4e808d;
		border-color:#3f6872;}

	.three{
		background:#6b9fad;
		border-color:#5f8d99;}

	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:7px;}

	.ranking .general div{
		margin:0 10px 5px 0;
		padding:5px 5px 2px 5px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		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;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;}

	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 #3e7161;
	background:#417666;
	background-image: -moz-linear-gradient(top, #457d6c, #3e7161);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.10, rgb(62,113,97)),
    color-stop(1, rgb(69,125,108))
	);
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}

footer[role="contentinfo"] #search .btn.cta:hover{
	background-image: -moz-linear-gradient(top, #4b8775, #396758);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(57,103,88)),
    color-stop(1, rgb(75,135,117))
	);}

footer[role="contentinfo"] #search .btn.cta:active{
	background: -moz-linear-gradient(top, #396758, #4b8775);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(75,135,117)),
    color-stop(1, rgb(57,103,88))
	);}

#bg-footer{
	background: url(/images/bg-footer.jpg) no-repeat top center;
	height:195px;
	width:auto;}

footer[role="contentinfo"]{
	background:#72ae9d;
	clear:both;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top:solid 5px #5e9687;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);}

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

	#related{
		width:67%;
		background: url(/images/footer-divide.jpg) repeat-y left top;}

	footer[role="contentinfo"] #related section{
		float:left;
		width:25%;
		background: url(/images/footer-divide.jpg) repeat-y 0 0;
		padding:25px 0;
		min-height:170px;}

	.ie7 footer[role="contentinfo"] #related section{
		width:24%;}

		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;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		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{
	background: url(/images/pattern.jpg) repeat 0 0;
	border-top:solid 1px #649889;
	border-bottom:solid 1px #649889;
	padding:20px;
	margin:0 0 0 2px;}

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

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


/* 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;}
img.frameborder{
	border: 0px solid #eeeeee;
	box-shadow: 0 8px 9px -6px #333333;
}
article img{
	border: 4px solid #eeeeee;
	box-shadow: 0 8px 9px -6px #333333;
}

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

.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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-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);}
}
*/


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

	form[role="search"] input{
		padding:8px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		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;
		-moz-box-shadow:inset 0 0 7px rgba( 0, 0, 0, 0.5);
		-webkit-box-shadow:inset 0 0 7px rgba( 0, 0, 0, 0.5);
		box-shadow:inset 0 0 7px rgba( 0, 0, 0, 0.5);}

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



/* 13. TABLES */
table.listview{
	background:#f4f7f8;
	text-shadow:0 1px 0 #fff;
	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;}

table{
  border-collapse: collapse;
 -moz-box-shadow:0 0 1px #666; /* this item draw table border  */
 -moz-border-radius:5px;
 -webkit-box-shadow:0 0 1px #666; /* this item draw table border  */
 -webkit-border-radius:5px;
  box-shadow:0 0 1px #666; /* this item draw table border  */
  border-radius:5px;
  border-style: hidden; /* hide standart table (collapsed) border */
  margin-bottom:15px;}

.ie table {
	border:solid 1px #abb1b4;
	border-style: solid;
}

table tr td{
	padding:15px;
	}

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

	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:40%;}
}

@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: 75px;
	left: 5px;
	background: url(/images/hwbot_rev4_logo_notext.png) no-repeat 0 0;
	width:210px;
	height:177px;
}
#logo a{
	float: right; top: 70px; left: 185px; 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:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	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;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
#preview {
	position:absolute;
	display:none;
	padding: 3px;
	background-color:#f4f7f8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	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;
    margin: 3px;
    border: 1px solid #E7EAEB;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
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-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
 border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
 border-bottom-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px;
 border : 1px solid #ABB1B4;
 margin: 0px;
 padding: 15px;
 margin-bottom: 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;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
/* 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;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	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;
	list-style-type:none;
	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 {
    list-style: none outside none;
    display: block;
    list-style-type: none;
    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: none;
    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%;
}
.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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-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;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/*
 * 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: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-header { border: 1px solid #e7eaeb; background: #f4f7f8 url(images/ui-bg_inset-soft_100_f4f7f8_1x100.png) 50% 50% repeat-x; color: #206681; font-weight: bold; }
.ui-widget-header a { color: #206681; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.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, .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 { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #206681; }
.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 { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; 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: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * 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;
}
.ie7 ul#buttons li{
	display:inline-block;
}
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:5px;
	background:#fff;
	padding:15px;
}
.medio{
	background:#f1edd0;
	border:solid 1px #f2d586;
}
#analysis .score h4{
	border-radius:5px;
	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:5px;
}
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:5px;
}
#xtu_comments{
	background:#f4f7f8;
	border:solid 1px #abb1b4;
	border-radius:5px;
}
.boxed_arrow {
	padding: 15px;
	margin-right: 15px;
	margin-top: 5px;
	border: 1px solid #ccc;
	background: #fff;
	opacity: 0.8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#xtu_settings{
	background:#f4f7f8;
	border:solid 1px #abb1b4;
	border-radius:5px;
	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: #397e99; /* Old browsers */
	background: -moz-linear-gradient(top,  #397e99 0%, #2c6075 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#397e99), color-stop(100%,#2c6075)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #397e99 0%,#2c6075 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #397e99 0%,#2c6075 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #397e99 0%,#2c6075 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #397e99 0%,#2c6075 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397e99', endColorstr='#2c6075',GradientType=0 ); /* IE6-9 */
}
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: #397e99; /* Old browsers */
	background: -moz-linear-gradient(top,  #397e99 0%, #3e8ca5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#397e99), color-stop(100%,#3e8ca5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #397e99 0%,#3e8ca5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #397e99 0%,#3e8ca5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #397e99 0%,#3e8ca5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #397e99 0%,#3e8ca5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397e99', endColorstr='#3e8ca5',GradientType=0 ); /* IE6-9 */
}
table.accent-box tr:hover,
table.accent-box tr:nth-child(2n+1):hover{
	background: #397e99; /* Old browsers */
	background: -moz-linear-gradient(top,  #397e99 0%, #2c6075 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#397e99), color-stop(100%,#2c6075)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #397e99 0%,#2c6075 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #397e99 0%,#2c6075 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #397e99 0%,#2c6075 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #397e99 0%,#2c6075 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397e99', endColorstr='#2c6075',GradientType=0 ); /* IE6-9 */
}
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;
	-webkit-border-radius: 3px 3px 0px 0px;
	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;
	-webkit-border-radius: 0px 0px 3px 3px;
	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;
	 -moz-box-shadow:none; /* this item draw table border  */
	 -moz-border-radius:0px;
	 -webkit-box-shadow:none; /* this item draw table border  */
	 -webkit-border-radius:0px;
	  box-shadow: none; /* this item draw table border  */
	  border-radius:0px;
	  border-style: hidden; /* hide standart table (collapsed) border */
	  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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    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;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    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;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    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%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    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;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    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;
}