/*
body
{
*/
/* whatever:hover functionality for IE *//*

behavior:url("/Htc/csshover.htc");
}
*/

body
{
font-size:75%;
margin:0px;
font-family:Verdana;
}
html>body
{
	font-size:12px;
	line-height:15px;
}

body .dojoTooltip
{
color: blue;
}

td.todo
{
	border: thin solid;
	padding: 1 1;
}

td.error
{
	border: thin solid;
	padding: 1 1;
	color: Red;
}

table.todo
{
	border: thin solid;
}

.help
{
float:right;
}

.banner-top
{
float:right;
margin-left:auto;
margin-top:1.7em;
margin-right:1em;
/* text-align:center;
padding-top:1.7em; */
}

.article-right
{
float:right;
margin:2em;
margin-top:0.5em;
margin-bottom:1em;
margin-right:0;
}

.article-left
{
float:left;
margin-top:0.5em;
margin-bottom:1em;
margin-right:2em;
margin-left:0;
}

.article-image-caption
{
width:22.5em;
padding:0.25em;
font-size:0.8em;
line-height:normal;
display:block;
text-align:left;
/*float:right;*/
/*margin:2em;*/
/*margin-top:1.5em;*/
/*margin-right:0;*/
background-color:black;
color:#e5e5e5;
}

body.small
{
font-size:0.67em;
}

body.medium
{
font-size:0.75em;
}

body.large
{
font-size:0.875em;
}

body.larger
{
font-size:0.99em;
}

/* not used yet */
div.donation
{
visibility:visible;
width:30em;
}


p, p.content, blockquote, h4.faq, div.content, div.vbfix
{
font-size:1em;
line-height:150%;
}
li
{
font-size:1em;
line-height:150%;
}
div.content
{
margin:1em 0;
}
div.signature img
{
display:none;
}
textarea
{
font-family:Verdana;
background:#fcfcfc;
font-size:0.9em;
line-height:150%;
border:1px inset lightgrey;
padding:0.2em;
}

pre, tt
{
line-height:150%;
font-family:"Courier New";
font-size:1em;
}

select
{
font-size:0.97em;
}

div.mainframe
{
width:79em;
margin:0 auto;
margin-bottom:1em;
border-width:1px;
border-style:solid;
}

div.header
{
height:100px;
/* background:#000 url("../Images/header-halloween-2.jpg"); */
}

a
{
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

a.ext-link:after, div.newsitem a:after
{
margin-left:2px;
height:10px;
width:10px;
}

a.continued
{
white-space:nowrap;
}

a img
{
border:none;
}

a.tab-link, span.tab-link
{
display:block;
float:left;
padding:0 0.5em;
border-width:1px;
border-style:solid;
height:1.3em;
vertical-align:middle;
position:relative;
top:1px;
}
a.right
{
float:right;
}
a.tab-active, span.tab-active, a.alt1
{
position:relative;
top:1px;
z-index:2;
border-width:1px;
border-style:solid;
}

div.tab-links-box
{
margin:0 1em;
height:1.46em;
margin-bottom:1em;
border-bottom-width:1px;
border-bottom-style:solid;
}

div.tab-bottom
{
border-bottom:none;
border-top-width:1px;
border-top-style:solid;
position:relative;
top:-1.1em;
}
div.tab-bottom a.tab-link, div.tab-bottom span.tab-link
{
position:relative;
top:-1px;
}

div.tab-links-hr
{
height:0px;
border-bottom-width:1px;
border-bottom-style:solid;
position:relative;
top:1.45em;
margin:0 1em;
z-index: 2;
}

div.tab-links-filler-left
{
width:14.7em;
float:left;
}

div.tab-links-filler-left-small
{
width:1em;
float:left;
}

div.tab-links-filler-right
{
display:block;
width:1em;
float:right;
}

h1, h1.headline
{
margin:0;
padding-left:0.2em;
padding-bottom:1px;
font-size:1.7em;
line-height:normal;
font-weight:normal;
background-repeat: no-repeat;
border-bottom-width:1px;
border-bottom-style:solid;
}

h2.headline
{
margin:0;
padding-left:0.2em;
padding-bottom:1px;
font-size:1.3em;
line-height:normal;
font-weight:bold;
background-repeat: no-repeat;
border-bottom-width:1px;
border-bottom-style:solid;
}

h2, h2.menu
{
margin:0;
margin-bottom:0.9em;
padding-left:0.2em;
padding-bottom:1px;
font-size:1.3em;
line-height:normal;
font-weight:bold;
background-repeat: no-repeat;
border-bottom-width:1px;
border-bottom-style:solid;
}

h3, h3.headline
{
margin:0;
margin-bottom:1em;
padding-left:0.2em;
padding-bottom:1px;
font-size:1.2em;
line-height:normal;
background-repeat: no-repeat;
}

h3.article
{
margin-top:2em;
}

h4, h4.faq
{
margin-top:2em;
margin-bottom:1.5em;
font-weight:bold;
font-size:1em;
line-height:150%;
}

h3.features, h2.features, h4.features
{
margin-bottom:0;
}
h4.features
{
margin-top:1em;
}

h1, h2, h3
{
background:url("../Images/Lightblue/headline-bg.jpg") #fcfcfc no-repeat;
background-position:0 -0.5em;
color:black;
border-color:#a8afb7;
}

blockquote, div.vbfix blockquote.quote, div.vbfix2
{
padding:0 1em;
margin:1.5em 1em;
border-left-width:2px;
border-left-style:solid;
border-right-width:2px;
border-right-style:solid;
border-color:#002bb8;
}
div.vbfix blockquote
{
margin:0;
margin-left:2em;
border:none;
}
span.quote
{
font-size:0.8em;
}
div.vbfix img
{
max-width:47em;
}

acronym
{
border:none;
cursor:help;
}


/* BASIC LAYOUT*/

div.path
{
width:55em;
font-size:0.9em;
line-height:115%;
padding-top:0.3em;
text-align:left;
margin:0.1em 1em 0.4em 1em;
}

div.donation, div.pms, div.breadcrumbs
{
float:right;
font-size:0.9em;
line-height:115%;
font-style:italic;
padding-top:0.3em;
text-align:right;
margin: 0.1em 1em 0.4em 0em;
}
div.breadcrumbs
{
    float:left;
    font-style: normal;
    margin-left: 1em;
}
div.rightline
{
border-right-width:1px;
border-right-style:solid;
}

div.leftline
{
border-left-width:1px;
border-left-style:solid;
}

div.bottomline
{
border-bottom-width:1px;
border-bottom-style:solid;
}

div.right
{
float:right;
}

div.left
{
float:left;
}

div.longline
{
clear:both;
padding:0;
}

div.mediumcol
{
width:30.5em;
}

div.clear
{
clear:both;
}

div.hr
{
height:1px;
margin:1em 0;
overflow:hidden;
}

div.longhr
{
clear:both;
margin:1em;
margin-top:0;
}


/* NEWS LAYOUT */

div.outermainbox
{
float:left;
}

div.mainbox
{
float:left;
width:62.3em;
border-right-width:1px;
border-right-style:solid;
border-bottom-width:1px;
border-bottom-style:solid;
padding:1em;
padding-top:0;
}

div.subbox
{
margin-top:1em;
border-bottom:none;
}

div.news
{
margin-right:1em;
line-height:115%;
position: relative;
}

div.newswrapper
{
float:left;
}
div.newswrapper2
{
float:left;
}
div.featureswrapper
{
float:right;
}

div.twocolfilewrapper
{
float:left;
width:57em;
padding-bottom:1em;
}

div.threecolwrapper
{
float:left;
width:64.4em;
padding-bottom:1em;
}

div.twocolwrapper
{
float:left;
width:79em;
padding-bottom:1em;
}

div.centerbox
{
float:right;
width:47.6em;
padding:0 1em;
height:100%;
}

div.rightbox
{
float:right;
width:62.2em;
padding:0 1em;
height:100%;
}

div.infobox
{
padding:0 0.9em;
width:12.7em;
}

div.infofilebox
{
padding:0 0.9em;
width:6em;
text-align:center;
padding-top:0.8em;
}

#info
{
margin-bottom:1em;
padding:0.3em;
font-size:0.9em;
width:13.5em;
}

#info ol, #info ul
{
padding-left:2.5em;
margin:0;
}

#info li
{
font-size:1.15em;
line-height:2em;
}

#info.image
{
text-align:center;
}


#info.image img.boxshot
{
height:13.9em;
width:9.7em;
margin-bottom:2em;
}

#info div.picwatch
{
text-align:center;
font-size:0.9em;
}
#info div.picwatch img
{
margin:2px 0;
width:14em;
height:10.5em;
}

div.infoleft-a
{
text-align:center;
padding:0.29em;
}

div.infocenter-a
{
padding:0.29em;
}

div.infoleft-b
{
text-align:center;
padding:0.29em;
}

div.infocenter-b
{
padding:0.29em;
}


h1.date
{
font-size:2em;
font-weight:bold;
line-height:115%;
margin:1.5em 0 1em 1.5em;
border:none;
}

div.newsdate
{
font-weight:bold;
margin-left:1em;
margin-bottom:2px;
padding-top:0.8em;
clear:both;
font-size:0.9em;
}

div.newstime
{
float:left;
width:3.5em;
font-size:0.9em;
}

div.articledate
{
float:left;
width:6.5em;
font-size:0.9em;
}

div.newstime2
{
float:left;
width:3.5em;
font-size:0.9em;
}

a.newsheadline2
{
display:block;
float:left;
width:28.5em;
font-size:0.9em;
}

a.newsheadline
{
display:block;
float:left;
width:28.5em;
font-size:0.9em;
}

a.artheadline
{
display:block;
float:left;
font-size:0.9em;
min-width:20em;
}

a.newsarchive
{
width:39em;
font-size:0.9em;
line-height:130%;
}

div.newsarchive
{
font-size:0.9em;
line-height:130%;
}

div.newsarchive-date
{
font-size:0.9em;
line-height:130%;
}

div.newsplatform
{
float:right;
width:4em;
font-size:0.9em;
line-height:130%;
text-align:center;
}

div.newsgenre
{
float:right;
width:4em;
font-size:0.9em;
line-height:130%;
text-align:center;
}

div.newstype
{
float:right;
width:5em;
font-size:0.9em;
line-height:130%;
text-align:center;
}

a.list
{
display:block;
font-size:1.1em;
margin-left:1em;
}

div.h1-subline
{
font-size:0.8em;
line-height:115%;
position:relative;
top:-1.3em;
right:0;
float:right;
margin-bottom:-1.3em;
}

div.headline-subline
{
font-size:0.9em;
line-height:115%;
text-align:right;
margin-bottom:1px;
}

div.morestuff
{
font-size:0.8em;
line-height:100%;
text-align:right;
vertical-align:bottom;
padding:0.5em;
clear:both;
}

a.morestuff:before
{
content:url(../Images/icon-more.png);
margin-right:2px;
vertical-align:middle;
width:11px;
height:13px;
}

div.comments
{
font-size:0.8em;
line-height:115%;
text-align:right;
padding-top:0.8em;
}

a.comments:before
{
content:url(../Images/icon-comments.png);
margin-right:2px;
vertical-align:middle;
height:12px;
width:14px;
}

img.bigfeature
{
float:left;
margin-right:1em;
}

img.smallfeature
{
float:right;
margin-left:1em;
}

img.gallery-thumb
{
width:14em;
height:10.5em;
}

div.gallery-thumb-caption
{
font-size:0.9em;
line-height:140%;
text-align:center;
}

div.gallery-thumb-wrapper
{
margin:0.75em;
float:left;
}

input.code
{
font-family:"Courier New", monospace;
margin:0.2em 0;
font-size:1em;
border-width:1px;
border-style:solid;
}

input.input-field
{
font-size:1em;
font-face:Verdana;
}

div.buttons
{
font-size:1em;
margin-top:2em;
text-align:center;
}

#checkbox
{
vertical-align:bottom;
height:11px;
}

#filter
{
margin-left:1em;
}

a.calendar
{
display:block;
float:left;
width:1.9em;
text-align:center;
}

div.calendar
{
height:1.4em;
}

span.calendar
{
display:block;
float:left;
width:1.9em;
text-align:center;
}

span.calendar-headline
{
display:block;
float:left;
width:1.9em;
text-align:center;
}


#notice
{
margin:1em 0em;
padding:0.5em;
}

#notice.info, #notice.error, #notice.ok
{
border-width:1px;
border-style:solid;
}

div.centerwrapper
{
padding:0.3em;
}

.smallfont
{
font-size:0.9em;
}

.thead
{
font-weight:bold;
font-size:0.9em;
}

input.input-field
{
color:#666666;
}
input.input-field:hover, input.input-field:focus
{
color:black;
}

div.darklight-text
{
float:left;
text-align:center;
margin:0.7em;
padding:0.1em;
font-size:0.84em;
line-height:100%;
}

div.pros ul, div.cons ul
{
font-size:0.9em;
}

/* Video player */
a.videoPlayer {
    display:block;
    text-align:center;
    margin:0 15px 15px 0;
    border:1px solid #999;
}

/* Video play button */
a.videoPlayer img {
    margin-top:70px;
    border:0px;
}

/* when video container is hovered we alter the border color */
a.videoPlayer:hover {
    border:1px solid #000;
}

/* FORUM  */
a.button, img.button
{
border-width:1px;
border-style:solid;
}

.pre-spoiler {
border-width:1px;
border-style:solid;
margin: 0 1em 0 1em;
padding: 0.25em 0.5em 0.25em 0.5em;
font-weight: bold;
text-align: right;
color: black;
}

.spoiler {
border-width:1px;
border-style:solid;
padding: 0.5em;
margin: 0 1em 1em 1em;
border-top:none;
}

#navbar-login select.menu
{
border:1px solid;
height:1.35em;
}

fieldset {
    border-width: 1px;
    border-style: solid;
}
fieldset + fieldset {
    margin-top:.5em;
}

/* POLL */
.pollbar {
    height: 10px;
    border-width: 2px;
    border-style: outset;
    margin-top: 1px;
    float: left;
    box-sizing: border-box;
}
.pollbar1 {
    background: #7bd69c;
    border-color: #39ad6b;
}
.pollbar2 {
    background: #f76b6b;
    border-color: #ce2121;
}
.pollbar3 {
    background: #6b6bf7;
    border-color: #2121ce;
}
.pollbar4 {
    background: #f7bd6b;
    border-color: #d68c21;
}
.pollbar5 {
    background: #f76bf7;
    border-color: #ce21ce;
}
.pollbar6 {
    background: #6bd6d6;
    border-color: #21adad;
}
.pollbar-text {
    float: left;
    margin-left: 3px;
    margin-top: -2px;
}

/* NEWSFILTER */
#newsfilter {
    padding: .5em;
    border-width: 1px;
    border-style: solid;
    display: none;
}
#news-menu-button-frame {
    box-sizing: border-box;
    padding: 9px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
}
#news-menu-button {
    display: block;
    width: 18px;
    height: 12px;
    overflow: hidden;
}
#news-menu-button-frame.active {
    border-width:1px;
    border-style:solid;
    border-bottom: none;
    padding: 8px;
}

.newsfilter-container {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.newsfilter-item {
    width: 100%;
    float: left;
}
.newsfilter-reset-frame {
    float: right;
}

/* MAINTENANCE MODE */
.maintenance {
    border: 1px solid #770000;
    background: #330000;
    color: #dd0000;
    text-align: center;
}

/* CRPG ANALYZER */
.analyzer-importance
{
	list-style-type: upper-roman;
}
.analyzer-categories
{
    list-style-type: lower-roman;
}
.ui-autocomplete {
    max-height: 15em;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
#crpg-analyzer .boxshot {
	display: block;
	margin: auto;
}
.analyzer-table {
	width: 100%;
}
.analyzer-table td {
	padding: 5px;
}
.crpg-analyzer-comment td {
    padding-top: 0;
}
.crpg-analyzer-item td {
    padding-bottom: 0
}
.crpg-analyzer-comment {
    border-bottom: 1px solid lightgray;
}
.crpg-analyzer-comment input {
	color: green;
}
.analyzer-td-index {
	width: 10px;
    vertical-align: top;
	text-align: right;
}
.analyzer-td-title {
    vertical-align: top;
}
.analyzer-td-name {
    vertical-align: top;
	width: 125px;
}
.analyzer-td-buttons {
	vertical-align: top;
	width: 130px;
	text-align: center;
}
.analyzer-td-buttons.features {
	width: 280px;
}
.analyzer-td-button {
    vertical-align: top;
    width: 30px;
    text-align: center;
}
.analyzer-info {
	padding: .1em 1em;
	margin: 1em 0;
}
.analyzer-accordion-sheet {
}

.analyzer-checkbox + label .ui-icon {
	visibility: hidden;
}
.analyzer-checkbox:checked + label .ui-icon {
    visibility: visible;
}
.analyzer-remaining {
	float: right;
}
.analyzer-selection {
	font-weight: normal;
}
.analyzer-example {
	color: #999;
}
.ui-accordion-content {
    padding: .5em !important;
}

.delete-button {
    padding: 1px .5em !important;
}


/* vertical buttonset */
/* from http://jsfiddle.net/adamboduch/bd9ZX/ */
/*
 * The buttonset container needs a width so we can stack them vertically.
 *
 */
.radio-multi-vertical {
    width: 30%;
}
.ui-buttonset-vertical label {
    display: block;
}
.ui-buttonset-vertical label:not(:last-of-type):not(.ui-state-hover):not(.ui-state-active) {
    border-bottom: transparent;
}
.ui-buttonset-vertical label.ui-state-active + input + label {
    border-top: transparent;
}
.ui-buttonset-vertical label.ui-transparent-border-top {
    border-top: transparent;
}

.glue:last-child {
    display:none;
}

/* TABLES */

.rw-ui-table {
    width: 99.5%;
    margin: auto;
}

.rw-ui-table-th {
    text-align: left;
    padding: .5em;
}
.rw-ui-table-tbody > tr > td {
    padding: 0 .5em;
}

.rw-ui-table-tbody > tr {
    padding: 0.08333em;
    border-top-style: solid;
    border-top-width: 1px;
}
.rw-ui-table-tbody > tr:first-child {
    border: none;
}

.rw-widget {
    padding: 0.15385em;
}

.triangleChartCanvas {
    display: inline-block;
    /*outline: 1px solid red;*/
}


/*!
* lazyyt
* v0.3.4 - 2014-06-30
* Copyright (c) 2014 Tyler Pearson <ty.pearson@gmail.com> (http://tylerp.me); Licensed MIT %>
*/

.lazyYT-title {
    z-index: 100!important;
    color: #fff!important;
    font-family: sans-serif!important;
    font-size: 12px!important;
    top: 10px!important;
    left: 12px!important;
    position: absolute!important;
    margin: 0!important;
    padding: 0.5em!important;
    line-height: 1!important;
    font-style: normal!important;
    font-weight: normal!important;
    background-color: rgba(0,0,0,0.8)!important;
    border-radius: 0.5em!important;
}

.lazyYT-button {
    margin: 0!important;
    padding: 0!important;
    width: 60px!important;
    height: 41px!important;
    z-index: 100!important;
    position: absolute!important;
    top: 50%!important;
    margin-top: -22px!important;
    left: 50%!important;
    margin-left: -30px!important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAApCAYAAABp50paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABV9JREFUeNrcWk1IK1cUvrmZGBOjJvr6xKe+Slvroi6kK6GrUkSxO12IC6GgUFBcuOlC8GdRulERV3VRQV0IKhRU0NJupK3tpi1dCRaxffWHGjWZPJNnNJlMz9FzX+ZNkzylcxP1wMdMZiYz97vnu+ee+2Njmc0GyANwgANQDCgAuABOwGOAG6AAiuh+MV3Lo+fc9KyN3qGYvnEBSAA0QBTwAnBp+P0ccAxQ6bkw/T4HRABn9B+8F6f/ZiRktjJANaCSUE0kkVApoBDgAeQTIeM7dAKjAuiG6+b7wniKstgMv+2m5xMGslgZIUAAEAOcAv4GHAL+BDwDBNMRxvOPAZ8C3iUPOVNUiGaCfgOV3MZe9z5OlSDAUzxzQZXyC+BLwM+pCtMJGCTvCTJxOlpBxGpLVzF2ajqiMvyAzwDfGuXyPuALkmyY5KGZ5GVGri1duXRyVIyOPsA7gO9R/iIYtQLKiSy7Q6T+b2UkSN7vAT4U7QGDz9Mbtp/7SPySjh9gj8EpApeyh2/YoyicuhlvhuBkVU3n2jA/cBkJxyUVjBuipz2HEf0qYcKs5w1ify6DbFVVVbSrq0s9ODhQlpaWClRVdUtWUyqLE0cPEn5CXkhI8HC8ubk5ODw8XJBIJOJNTU2H/f39j/f29jxZDJI2Iowq9nJiLk1KZWWYqcKHOC9pa2t7c21tLdTR0XHgdDo1kng22rdGQaucU2YlraY1TRPJACrIXldXVzU/P+8YHR09rqysVIkwz1JWxjmNZqQRBimbBxdIvLyvr8+7uroabGxs9NP1bAS0fOmE09Q2SsxdX19fsbCw4BgcHNzzeDxhGrDItCJO2s52hiVIO3w+X+nIyEgxRPCjmpqaE8lp7VU/nCeTMASrTO++GrTDM8UQzStB4uHOzs5niqIkJLRrLIeTG2QkpVZtthu9Fgk6amtrn8zMzLgmJyePvV7vmcVl0kUuncfuhumkiIqenh7f4uJiAJKWMwuDmS4krdyxURKOYz0Qvd0NDQ1Ri9+tKIbh050Zx+q6fjg1NaWtr6/7SO5WvTuq0ABZuNyWY7L6ycnJ0dDQ0OXc3FxFJBKxW0w4opCEcmnYrDh4Vd3c3FS7u7t929vbj6ipWT3IuOREOFeeRQ/GQqGQf2xsLNDS0vIIyBbRdU2Cgl5K2pYD+SKpF1tbW0cDAwOu5eXlKkleNdqVpMMyk3eQaioJ6zCo8M/OzsZh6Fi0v79fYsi+ZNpzJByU6WHD4AEJ4QxpfHd392hiYuJyenq64vz8XGGvrlJIHSbix46lavc60xISVjc2NsK9vb0ukHKZYeIhG00I7WpeOirxQ3xnZwc99w90MaHx8fFAa2trMZAtYcl542wYOhbXoU7xox8BvmLJFTxLCRcWFkbb29tVv9+vrKyseOnj2SL6MqUEHAA+QcJ1gDl2PTcdldCexeKXCEq5GIrizOzvgC5OUTrI/rtua1ncYsl1nlzm7CjpCKcTld3vtaQbZVlY+SJoBR4wUeHIPUyykDBOwP8mZgTYw1pQQy755N2fsGlxurgO+JUmAxyGh/V7VgHmMjspNn0D+IEZZhOwDf/FrheOn7Lkdgexkm43vfB18rF8JuQGvYCD4DSUH69/B/gccJSqgG+z630euJb6Fv3JaSCfjpBm6McTFqWKNvbqPg6eIefXSbYXVAbc8PIH4EfA1+x620NGj2Cf7KMOG7cm4fi0hK5XUw0KiG1MeHQTHBZGVrFjJ0znuEXpjIItdnX7FHRPCeLeITPt4LmtBEWNiz1XYj7MxZJbmPIJpSy5pUlUXDrPxAzKiBBJN53vk9fE/q0okY4ZVBS7jaL+FWAA/y++OTUmOgsAAAAASUVORK5CYII=')!important;
}