body, html {
	cursor:auto;
	cursor:url(https://cdn.stronghold-nation.com/cursors/arrow.ani),url(https://cdn.stronghold-nation.com/cursors/arrow.cur),auto;
	margin:0;
	padding:0;
	line-height:1.5em;
	font-family:Arial,Helvetica,sans-serif;.co
	font-size:12px;
	color:#999;
	background:#272525 url(https://cdn.stronghold-nation.com/images/main_background.jpg) repeat-x;
	scrollbar-Face-Color:#1C1C1C;
	scrollbar-base-color:#000;
	scrollbar-Highlight-Color:#fff;
	scrollbar-3dLight-Color:#585858;
	scrollbar-Shadow-Color:#1C1C1C;
	scrollbar-DarkShadow-Color:#2E2E2E;
	scrollbar-Arrow-Color:#1C1C1C;
	scrollbar-Track-Color:#2E2E2E;
    /*max-width: 100%;
    max-height: 100%;*/
}

/* document.documentElement.clientWidth = 1477 when 130%, 1920 when 100% */

a:link,a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight:400;
}

a:active,a:hover {
 	color:#9F0;
	text-decoration:underline;
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer
}

.fake_link {
	color:#FFF;
	text-decoration:none;
	font-weight:400;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer
}

/* Main Background and Content */

#wrapper_outer {
	width:100%;
	margin:0 auto;
}

#wrapper_inner {
	width:80%;
	margin:0 auto;
	padding:0 5px;
	background:url(https://cdn.stronghold-nation.com/images/content_background_desktop.png) repeat
}

/* Header Banner */

.shn-banner {
	width:100%;
	height:233px;/*150px;*/
	max-height: 10%;
	max-width: 100%;
}

.shn-banner.standard {
    background:url(https://cdn.stronghold-nation.com/images/shn_banner_desktop.png) no-repeat;
}

.shn-banner.christmas {
    background:url(https://cdn.stronghold-nation.com/images/shn_banner_christmas.png) no-repeat;
}

/* Navigation Menu */

.navigation {
	width:100%;
	height:35px;
	background:#242224;
	color:#b5b1b1;
	/*border-radius:10px;*/
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer
}

.menu {
	padding:0;
	margin:0;
	list-style:none;
	height:35px;
	position:relative;
	z-index:10;
	font-family:arial,verdana,sans-serif;
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer
}

.menu li:hover li a {
	background:0 0;
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer
}

.menu li.top {
	display:block;
	float:left;
}

.menu li a.top_link {
	display:block;
	float:left;
	height:35px;
	line-height:34px;
	background:#242224;
	color:#b5b1b1;
	text-decoration:none;
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:700;
	padding:0 0 0 12px;
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer
}

.menu li a.top_link span,.menu li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:35px;
	background:#242224;
	color:#b5b1b1;
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer
}

.menu li a.top_link:hover,.menu li:hover>a.top_link {
	background:#242224;
	color:#b5b1b1;
}

.menu li:hover {
	position:relative;
	z-index:2;
}

.menu li:hover ul li:hover ul li:hover ul li:hover ul ul,.menu li:hover ul li:hover ul li:hover ul ul,.menu li:hover ul li:hover ul ul,.menu li:hover ul ul,.menu ul {
	background:#242224;
	color:#b5b1b1;
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

.menu li:hover ul.sub {
	left:0;
	top:35px;
	background:#242224;
	color:#b5b1b1;
	padding:3px;
	white-space:nowrap;
	width:200px;
	height:auto;
	z-index:3;
}

.menu li:hover ul.sub li {
	display:block;
	height:30px;
	position:relative;
	float:left;
	width:200px;
	font-weight:400;
	background:#242224;
	color:#b5b1b1;
}

.menu li:hover ul.sub li a {
	display:block;
	height:30px;
	width:200px;
	line-height:30px;
	text-indent:5px;
	text-decoration:none;
	background:#242224;
	color:#b5b1b1;
}

.menu li ul.sub li a.fly {
	background:#242224 url(https://cdn.stronghold-nation.com/images/arrow_over_navbar.gif) 185px 10px no-repeat;
}

.menu li:hover ul li:hover>a.fly,.menu li:hover ul.sub li a.fly:hover,.menu li:hover ul.sub li a:hover {
	color:#fff;
	background:#000;
}

.menu li:hover ul li:hover ul,.menu li:hover ul li:hover ul li:hover ul,.menu li:hover ul li:hover ul li:hover ul li:hover ul,.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
	left:200px;
	top:-4px;
	background:#333;
	padding:3px;
	white-space:nowrap;
	width:200px;
	z-index:4;
	height:auto;
}

/* Castle Quote */

.castle-quote .unit {
	color:#01DFD7;
}

.castle-quote .game {
	color:orange;
}

.castle-quote .quote {
	margin:2px 0;
	border-top:1px dashed #2E2E2E;
	border-bottom:1px dashed #2E2E2E;
	border-right:1px dashed #2E2E2E;
	border-left:2px solid #2E2E2E;
	padding:5px;
	color:#999;
}

/* Content Section */

#content_wrapper {
	clear:both;
	width:100%;
	padding:9.5px;
}

.content {
	float:left;
	width:53%;
	padding:20px 10px 0;
	background:#1b1919;
	border:1px solid #363434;
}

.content_section {
	clear:both;
	padding:0 0 0 0;
}

.content_section p span {
	color:#fff;
}

/* Article category sections */
.game-title {
    margin-bottom: 8px;
}

.game-description {
    margin-bottom: 5px;
}

.game-categories {
    display: inline-block;
    width: 100%;
    word-break: break-all;
    overflow-wrap: break-word;
}

.article-category {
    font:14px Verdana;
    background:url('https://cdn.stronghold-nation.com/images/games/default.png');
    background-repeat: no-repeat;
    background-size: cover;
    width:50%/*240px*/;
    height:160px;
    position:relative;
    margin-bottom: 10px;
    display: inline-block;
    max-width: 48%;
}

.article-category.history-thru-ages {
	background:url('https://cdn.stronghold-nation.com/images/history/default.png');
}

.article-category:not(:last-child) {
    margin-right: 7px;
}

.article-category .category-description {
    display:inline;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    background:rgba(0, 0, 0, 0.6);
    color:#FFF;
    padding:4px 5px;
}

.article-caption {
    font-size: 8px;
}

.caption-title {
    display: block;
}

/* Sidebar */

.side_bar {
	float:left;
	width:17%;
	padding:20px 19px 0;
	background:#1b1919;
	border:1px solid #363434;
}

.side_bar ul {
	margin:0;
	padding:0;
}

.side_bar ul li {
	margin:0 0 5px;
	padding:0;
	border-left:5px solid #000;
	list-style:none;
}

.side_bar ul li a {
	display:block;
	background:#242224;
	padding:5px 0 5px 10px;
	color:#b5b1b1;
	text-decoration:none;
}

.side_bar ul li a:hover {
	color:#fff;
	background:#000;
}

.side_bar form {
	margin:0;
	padding:0;
}

.side_bar .action {
	width:120px;
	height:30px;
	padding:0;
	margin:0;
	font-size:12px;
	text-align:center;
	white-space:pre;
	color:#000;
	border:none;
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/lineup.ani),url(https://cdn.stronghold-nation.com/cursors/lineup.cur),pointer
}

.side_bar .search-field {
	padding:5px 0 0;
	height:20px;
	/*width:174px;*/
	margin-bottom:10px;
}

.side_bar .login-input {
    margin-bottom: 5px;
}

.side_bar .remember_me input[type='checkbox'] {
    margin-left: 0;
}

.side_bar .search-type {
    border-width: thin;
}

.side_bar .action.search {
    float:right;
    background:url(https://cdn.stronghold-nation.com/images/search_button.png) no-repeat;
}

.side_bar .action.login {
    background:url(https://cdn.stronghold-nation.com/images/login_button.png) no-repeat;
}

.side_bar .translations {
    vertical-align: text-top;
    text-align:center;
    margin: auto;
}

.flag {
	display:inline-block;
}

.f16 .flag {
	width:16px;
	height:16px;
}

.f24 .flag {
	width:24px;
	height:24px;
}

.f32 .flag {
	width:32px;
	height:32px;
}

.f48 .flag {
	width:48px;
	height:48px;
}

.margin_bottom_20 {
	clear:both;
	width:100%;
	height:20px;
	font-size:1px;
}

.margin_right_10 {
	margin-right:10px;
}

.horizontal_divider {
	background:url(https://cdn.stronghold-nation.com/images/sidebar_divider.jpg) bottom repeat-x;
}

.header_1 {
	padding:0 0 5px;
	margin:0 0 10px;
	font-size:14px;
	font-weight:700;
	color:#fff;
}

.header_1.margin_0 {
    margin: 0 0 0;
}

.header_2 {
	padding:0 0 5px;
	margin:0 0 10px;
	font-size:18px;
	font-weight:700;
	color:#fff;
}

.header_3 {
	padding:0 0 5px;
	font-size:12px;
	font-weight:700;
	color:#fff;
}

.header_3 a {
	color:#fff;text-decoration:none;
}

.header_3 a:hover {
	color:#9F0;
}

/* Footer */

.cleaner {
	clear:both;
	width:100%;
	height:0;
	font-size:0;
}

#footer {
	clear:both;
	font-size: 9px;
	width:100%; /*990px;*/
	height:40px;
	margin:0 -5px;
	padding:20px 0 0 0;
	text-align:center;
	background:url(https://cdn.stronghold-nation.com/images/footer_image_desktop.jpg) no-repeat;
}

.terms-conditions {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 0.7em;
}

.print-copyright {
    display: none;
}

.copyright {
    margin: 0 0 0;
    padding: 0 0 0;
    font-size: 8px;
}

.margin_bottom_10 {
	clear:both;
	width:100%;
	height:10px;
	font-size:1px;
}

.line-break {
    display: block;
}

.line-break.margin-5 {
    margin-bottom: 5px;
}

.line-break.margin-10 {
    margin-bottom: 10px;
}

.line-break.margin-15 {
    margin-bottom: 15px;
}

.line-break.margin-20 {
    margin-bottom: 20px;
}

.inputs {
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/dispatch.ani),url(https://cdn.stronghold-nation.com/cursors/dispatch.cur),pointer;
}

.submit {
	cursor:pointer;
	cursor:url(https://cdn.stronghold-nation.com/cursors/lineup.ani),url(https://cdn.stronghold-nation.com/cursors/lineup.cur),pointer;
}

.heading {
	font-size:32px;
	font-weight:700;
}

.title {
	font-size:26px;
	font-weight:700;
	text-align:left;
}

.pages {
	font-weight:700;
}

.tftable {
	font-size:12px;
	color:#333;
	width:100%;
	border-width:1px;
	border-color:#729ea5;
	border-collapse:collapse;
}

.tftable th {
	font-size:12px;
	background-color:#acc8cc;
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#729ea5;
	text-align:left;
}

.tftable tr {
	background-color:#d4e3e5;
}

.tftable td {
	font-size:12px;
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color:#729ea5;
}

.tftable a {
	color:#000;
	text-decoration:underline;
}

.tftable a:hover {
	color:#0404B4;
	text-decoration:underline;
}

.tftable tr:hover {
	background-color:#acc8cc;
}

.rating:not(old) {
	display:inline-block;
	position:relative;
	height:25px;
	background:url(https://cdn.stronghold-nation.com/images/rating_stars.png) repeat-x;
	vertical-align:bottom;
}

.rating:not(old) div {
	float:left;
	position:relative;
	}

.rating:not(old) input {
	position:relative;
	z-index:1;
	width:25px;
	height:25px;
	margin:0;
	padding:0;
	opacity:0;
	vertical-align:bottom;
}

.rating:not(old) label {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:25px;
}

.rating:not(old) span{display:none}.rating:not(old) input:checked+label,.rating:not(old):hover input:checked:hover+label {
	background:url(https://cdn.stronghold-nation.com/images/rating_stars.png) repeat-x 0 -25px;
}

.rating:not(old):hover input:checked+label {
	background:0 0;
}

.rating:not(old):hover input:hover+label {
	background:url(https://cdn.stronghold-nation.com/images/rating_stars.png) repeat-x 0 -50px;
}

.nostar:not(old) {
	display:inline-block;
	position:relative;
	height:25px;
	background:url(https://cdn.stronghold-nation.com/images/rating_stars.png) repeat-x;
	vertical-align:bottom;
}

.nostar:not(old) div {
	float:left;
	position:relative;
}

.nostar:not(old) input {
	position:relative;
	z-index:1;
	width:25px;
	height:25px;
	margin:0;
	padding:0;
	opacity:0;
	vertical-align:bottom;
}

.star:not(old) {
	display:inline-block;
	position:relative;
	height:25px;
	background:url(https://cdn.stronghold-nation.com/images/rating_stars.png) repeat-x 0 -25px;
	vertical-align:bottom;
}

.star:not(old) div {
	float:left;
	position:relative;
}

.star:not(old) input {
	position:relative;
	z-index:1;
	width:25px;
	height:25px;
	margin:0;
	padding:0;
	opacity:0;
	vertical-align:bottom;
}

.line-separator {
	height:1px;
	background:#717171;
	border-bottom:1px solid #313030;
}

/* Polls */

.poll-title {
    margin-bottom: 2px;
}

.poll-results {
    width: 50%;
}

.poll-bar {
    width: 100%;
    background-color: #e0e0e0;
    /*padding: 3px;*/
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.poll-bar-fill {
    display: block;
    height: 5px;
    background-color: #659cef;
    border-radius: 3px;
    transition: width 500ms ease-in-out;
    /*text-align: right;*/
    color: white;
    padding-top: 2px;
	padding-bottom: 2px;
	/*padding-right: 5px;*/
	
}

.poll-bar-title {
    display: inline-block;
    padding-bottom: 5px;
    padding-top: 5px;
}

/* Default table styling */
.table {
    display:table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
    margin-bottom: 10px;
    width:100%;
}

.tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.td {
    display: table-cell;
    vertical-align: inherit;
}

.th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}

.col-2 {
    max-width: 2%;
}

.col-4 {
    max-width: 4%;
}

.col-5 {
    max-width: 5%;
}

.col-15 {
    max-width: 15%;
}

.col-20 {
    max-width: 20%;
}

.col-25 {
    max-width: 25%;
}

.col-30 {
    max-width: 30%;
}

.col-35 {
    max-width: 35%;
}

.col-42 {
    max-width: 42%;
}

.col-70 {
    max-width: 70%;
}

.col-75 {
    max-width: 75%;
}

.col-100 {
    max-width: 100%;
}

@media only screen and (max-width: 600px) {
    .side-bar, .side_bar {
        display: none;
    }

    .content {
        width: 100%;
    }

    #wrapper_inner {
        width: 100%;
    }
}

/* IE 10 + fix for various table formatting options */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .col-2 {
        width: 2%;
    }
    
    .col-4 {
        width: 4%;
    }

    .col-5 {
        width: 5%;
    }

    .col-15 {
        width: 15%;
    }

    .col-20 {
        width: 20%;
    }

    .col-25 {
        width: 25%;
    }

    .col-30 {
        width: 30%;
    }

    .col-35 {
        width: 35%;
    }

    .col-42 {
        width: 42%;
    }

    .col-70 {
        width: 70%;
    }

    .col-75 {
        width: 75%;
    }

    .col-100 {
        width: 100%;
    }
}

/* Gallery tables */
.gallery-table {
	border:0px;
	border-color: unset;
	border-spacing: 5px;
	width:100%;
}

.gallery-image {
	border:0px;
	width:160px;
	height:120px;
}

.last-image {
	padding-top: 20px;
	padding-bottom:20px;
	/*width: 163px;*/
	height: 123px;
	text-align: center;
}

.num_images {
	margin-top:3px;
}

/* Downloads tables */
.dl-table {
	font-size:12px;
	color:#333333;
	width:100%;
	border-width: 1px;
	border-color: #a9a9a9;
	border-collapse: collapse;
}

.dl-table a, .dl-table a:link {
    color: #3A69BA;
}

.dl-table a:hover {
    color: #333333;
}

.dl-main-link a, .dl-main-link a:link {
    font-weight: bold;
}

.dl-heading {
	font-size:12px;
	background-color:#b8b8b8;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9a9a9;
	text-align:left;
}

.dl-row {
    background-color:#cdcdcd;
}

.dl-data {
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9a9a9;
}

.dl-quick-download {
    line-height:0.8em;
}

.dl-title {
    display: inline-block;
}

.dl-title.action-links {
    margin-top: 5px;
}

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

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

.dl-comment {
    min-height: 50px;
    vertical-align: top;
}

.dl-comment-info {
    margin-bottom: 0px;
}

.dl-comment-info-actions {
    padding-top: 15px;
}

.dl-comment-col {
    padding-bottom: 7%;
}

.dl-comment-heading {
    border:1px solid #313030;
    padding: 1px;
}

.dl-comment-date {
    display: block;
    width: 100%;
    min-height: 50px; /* For users who don't have edit/delete actions, this is needed */
}

.dl-report-link {
    vertical-align:bottom;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.dl-author-info {
    position: relative;
}

/* IE 10 + doesn't seem to be able to handle images... bizarrely setting an arbitrary value of 50px fixes this issue?! */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dl-comment-container {
        max-width: 50px;
    }
}

a.dl-button {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 40px;
    overflow: hidden;
    padding: 0 30px;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    background-color: #79A0D6;
    text-decoration: none;
    border: 3px solid #A5C2EA;
    text-shadow: 2px 2px 4px #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

a.dl-button:hover, a.dl-button:focus {
    color: #fff;
    padding-right: 70px;
    background-color: #5381bf;
    border-color: #5381bf;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

a.dl-button .details {
    position: absolute;
    line-height: 11px;
    top: 4px;
    right: -15px;
    opacity: 0;
    background: #49668c;
    color: #fff;
    text-align: center;
    padding: 3px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: right 0.4s linear, opacity 0.25s;
    -moz-transition: right 0.4s linear, opacity 0.25s;
    transition: right 0.4s linear, opacity 0.25s;
    font-size: 12px;
}

a.dl-button .details .size {
    display: block;
    padding-top: 3px;
    font-size: 12px;
}

a.dl-button:hover .details, a.dl-button:focus .details {
    right: 8px;
    opacity: 1;
}

/* Article tables (prev/index/next links only) */
.article-pages {
    width: 99%;
    margin-bottom: 0px;
}

.article-parent {
	width:33%;
	text-align: center;
}

.article-next {
	width:33%;
	text-align: right;
}

.article-previous {
	width:33%;
	text-align: left;
}

/* Article notices */
.migration-alert {
    padding: 10px;
}

.migration-header {
    margin-top: 0px;
    margin-bottom: 7px;
}

.migration-message {
    margin-bottom: 0px;
}

.migration-author {
    margin-top: 7px;
    margin-bottom: 0px;
}

/* File info */
.file-title {
    margin-bottom: 0px;
}

/* Pagination */
ul.pagination {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	height:100%;
	list-style-type:none;
	margin:20px 0;
	overflow:hidden;
	padding:0;
}

ul.pagination li.details {
	background-color:#fff;
	border-color:#C8D5E0;
	border-image:none;
	border-style:solid;
	border-width:1px 1px 2px;
	color:#1E598E;
	font-weight:700;
	padding:8px 10px;
	text-decoration:none;
}
	
ul.pagination li.dot {
	padding:3px 0;
}

ul.pagination li {
	float:left;
	list-style-type:none;
	margin:0 3px 0 0;
}

ul.pagination li:first-child {
	margin-left:0;
}

ul.pagination li a img {
	border:medium none;
}

ul.pagination li a.current {
	background-color:#fff;
	border-radius:0;
	color:#333;
}

ul.pagination li a.current:hover {
	background-color:#fff;
}

ul.pagination li a:hover {
	background-color:#C8D5E0;
}

ul.pagination li a {
	background-color:#F6F6F6;
	border-color:#C8D5E0;
	border-image:none;
	border-style:solid;
	border-width:1px 1px 2px;
	color:#1E598E;
	display:block;
	font-weight:700;
	padding:8px 10px;
	text-decoration:none;
}

/* Submission AJAX Loading screen overlays */
#submission-overlay {
  background-color: #000;
  opacity: 0.7;
}

/* http://projects.lukehaas.me/css-loaders/ by @lukehaas */
.loading-spinner {
  font-size: 12px;
  margin: 25% auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff,
      0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff,
      -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff,
      3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff,
      -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff,
      3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff,
      -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff,
      -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff,
      -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff,
      -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff,
      0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff,
      -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff,
      0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff,
      -2em -2em 0 0.2em #ffffff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff,
      0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff,
      -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff,
      3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff,
      -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff,
      3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff,
      -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff,
      -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff,
      -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff,
      -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff,
      -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff,
      0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff,
      -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff,
      3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff,
      0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff,
      -2em -2em 0 0.2em #ffffff;
  }
}

/* Text Formatting */

p {
	margin:0;
	padding:0;
	text-align:justify;
}

img {
	margin:0;
	padding:0;
	border:0px;
	max-width: 100%;
	max-height: 100%;
}

embed, object, video {
    max-width: 100%;
	max-height: 100%;
}

.horizontal-line {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.horizontal-line.dl-section {
    width: 90%;
    border: 1px solid #A0A0A0;
    background-color: #A0A0A0;
}

.text_bold {
	font-weight: bold;
}

.text_warning {
    color: red;
}

.text_italic {
    font-style: italic;
}

.smalltext {
    font-size: 8px;
}

.small {
	font-size : 10px;
}

.no_list {
	list-style-type: none;
}

.input-file {
    background-color: #2a2a2a;
    color: #d4d4d4;
}

ul.inline-list, ol.inline-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.inline-list li, ol.inline-list li {
  display:inline;
  margin: 10px 2px;
}

.text_center {
	text-align:center;
}

.text_right {
	text-align:right;
}

.input-radio {
    display: block;
}

.quote {
	margin:2px 0;
	border-top:1px dashed #2E2E2E;
	border-bottom:1px dashed #2E2E2E;
	border-right:1px dashed #2E2E2E;
	border-left:2px solid #2E2E2E;
	padding:5px;
	color:#999;
}

.postmsg p{
	padding:.75em 0
}

.postmsg ul {
	padding:.75em 1em .75em 2.5em;
	list-style:disc;
}

.postmsg ol {
	padding:.75em 1em .75em 2.5em;
	list-style:decimal;
}

.postmsg ol.alpha {
	list-style:lower-alpha;
}

.postmsg li ol,.postmsg li ul {
	padding:.25em 1em .75em 2.5em;
}

.postmsg li p {
	padding:0
}

.postmsg ins {
	text-decoration:none;
}

div.postmsg h5 {
	font-size:1.1em;
	font-weight:700;
	padding:.75em 0 0;
}

.postmsg {
	width:100%;
	overflow:hidden;
	padding-bottom:6px;
	word-wrap:break-word;
}

.postmsg img {
	vertical-align:bottom;
}

.postmsg .postimg img {
	max-width:98%;
	vertical-align:middle;
	margin:7px .5em 7px 0;
}

.postmsg .postimg a:link img,.postmsg .postimg a:visited img {
	border-style:solid;
	border-width:2px;
}

.codebox {
	border-style:solid;
	border-width:1px;
	margin:.75em 1em;
	padding:0;
}

.quotebox {
	border-style:none;
	border-width:1px;
	margin:.75em 1em;
	padding:0 .75em;
}

.quotebox cite {
	display:block;
	padding:.75em 0 0;
}

.quotebox blockquote {
	width:100%;
	overflow:hidden;
}

.codebox pre {
	overflow:auto;
	width:100%;
	overflow-y:hidden;
}

* html .codebox pre,*+html 

.codebox pre {
	padding-bottom:10px;
}

.codebox pre code {
	display:block;
	padding:.75em;
}

.codebox pre.vscroll {
	height:32em;
	overflow:auto;
	overflow-y:auto;
}

.postmsg .postimg a:link img,.postmsg .postimg a:visited img {
	border-color:#60a0dc
}

.postmsg .postimg a:active img,.postmsg .postimg a:focus img,.postmsg .postimg a:hover img {
	border-color:#80d6ff
}

.star_rating {
	display:inline-block;
	position:relative;
	height:25px;
	vertical-align:bottom;
}

.star_rating .nostar {
	background:url(https://cdn.stronghold-nation.com/images/rating_stars.png) repeat-x;
}

.star_rating .star {
	background:url(https://cdn.stronghold-nation.com/images/rating_stars.png) 0 -25px repeat-x;
}

.star_rating div {
	float:left;
	position:relative;
	height:25px;
}

.star_rating input {
	position:relative;
	z-index:1;
	width:25px;
	height:25px;
	margin:0;
	padding:0;
	opacity:0;
}

.star_rating label {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:25px;
}

.star_rating span {
	display:none;
}

.mark-read {
	float: right;
}

.file_title {
	background-color:#b8b8b8;
	border-style: solid;
	border-color: #a9a9a9;
	text-align:center;
}

.file_actions {
	background-color:#b8b8b8;
	border-style: solid;
	border-color: #a9a9a9;
	text-align:left;
	margin-bottom: 5px;
	display:block;
}

p.footer {
	text-align: center;
}

.staff-avatar {
	margin: 0px 10px;
	float: left;
	max-width: 150px;
	max-height: 150px;
}

.staff-title {
    color:#A9A9F5;
    font-weight:bold;
}

#file_rating {
	text-align: left; 
	font-weight: bold;
	color: #333333;
	border:1px dashed #5E80BD;
	/*background: #EFF3F9;*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	text-align:center;
}

#edit {
	text-align: left; 
	color: #333333;
	border:1px dashed #5E80BD;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

#file_rating a {
	color: #333333;
	font-weight: bold;
}

ul.article-info {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.article-info li {
  display:inline;
  margin: 10px 2px;
}

.article-rating-subhead {
    margin: auto !important;
}

span.rating-container {
    white-space-collapsing:discard;    
}

ul.article-info li:not(:last-child):not(.social):not(.rating-container):after {
  content:'\007C';
  margin-left: 0.5em;
}

.social-container, .rating-container {
    margin: 10px 0px !important;
}

ul.social-links {
    margin: 0;
    padding: 0;
    display: inline;
}

ul.social-links li {
  display:inline;
}

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

ul.details-thumb {
    margin: 0;
    padding: 0;
}

ul.details-thumb li {
  display:inline;
  margin: 10px 3px;
}

ul.details-thumb li:before {
  content: '\269C';
  margin-right: 0.5em;
}

.file_name
{
	padding-left: 40px;
}

.file_preview
{
	border:0px;
	padding-left: 6px;
	padding-bottom: 5px;
	display: block;
}

.file_info
{
	float: right;
	border:0px;
	padding-top: 12px;
	padding-left: 5px;
	display: block;
}

.stars_wrapper
{
	float: right;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani), url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur), pointer;
}

td.parent {
	width:33%;
	text-align: center;
}

td.next {
	width:33%;
	text-align: right;
}

td.previous {
	width:33%;
	text-align: left;
}

.download_info {
	width:100%;
	border:0px;
	border-spacing:0px;
}

/* Gallery section */
.gallery-links {
    margin-bottom:5px;
}

.image_details {
	vertical-align:top;
}

.gallery_image {
	border:0px;
	border-spacing:1px;
	width:100%;
}

/* Searching */
.search-result-link {
    color:#21610B;
}

.search-posted-date {
    color: silver;
}

.search-result-title {
    margin-bottom: 5px;
}

.tick :before {
	content: '\2713';
	display: inline-block;
	color: green;
	padding: 0 6px 0 0;
}

.tick {
	list-style-type: none;
	font-size: 1em;
}

.cross::before {
	content: '\2717';
	display: inline-block;
	color:red;
	font-size: 1em;
	padding: 0 6px 0 0;
}

/* Grid on editor overview article */
.editor_wrapper {
	/*width: 100%;*/
	height: 251px;
	margin: auto;
	padding: 10px 45px;
	display: inline-block;
}

.editor {
	float: left;
	width: 55px;
	height: 251px;
}

.stronghold2 {
    float: left;
    width: 55px;
    height: 219px;
}

.editor.castle-structures {
	background-image: url('https://cdn.stronghold-nation.com/images/articles/stronghold_2_editor_overview_1_5.png');
}

.editor.terrain {
	background-image: url('https://cdn.stronghold-nation.com/images/articles/stronghold_2_editor_overview_1_6.png');
}

.stronghold2.buildings {
	background-image: url('https://cdn.stronghold-nation.com/images/articles/stronghold_2_buildings_1_1.png');
}

.editor_wrapper .column {
	position:relative;
	left: 10px;
}

.column.structures, .column.terrain {
	margin-top: 44px;
}

.column.military, .column.civilian, .column.services, .column.units, .column.textures, .column.plants, .column.animals, .column.estates {
	margin-top: 12px;
}

.column.farms, .column.industry, .column.rocks, .column.rivers {
	margin-top: 13px;
}

/* Carousel Slider*/
.jssord05l, .jssord05r {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(https://cdn.stronghold-nation.com/images/slideshow_icon.png) no-repeat;
	overflow: hidden;
	width: 40px;
	height: 40px;
	top: 123px;
}

.jssord05l {
	background-position: -10px -40px;
	left: 8px;
}

.jssord05r {
	background-position: -70px -40px;
	right: 8px;
}

.jssord05l:hover {
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer;
	background-position: -130px -40px
}

.jssord05r:hover {
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer;
	background-position: -190px -40px
}

.prototype {
	position: absolute;
	width: 600px;
	height: 45px;
	top: 0;
	left: 0;
}

.navigator {
	position: absolute;
	bottom: 16px;
	right: 10px;
}

.navigator div, .navigator div:hover, .navigator .av {
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer;
	position: absolute;
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}

.navigator div {
	background-color: gray;
}

.navigator div:hover, .navigator .av:hover {
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer;
	background-color: #d3d3d3;
}

.navigator .av {
	background-color: #fff;
}

.navigator .dn, .navigator .dn:hover {
	background-color: #555555;
}

.caption {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	font-size:16px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
	
.black {
	position:absolute;
	left:260px;
	top: 70px;
	width:257px;
	/*height:100%;*/
	text-align: left;
}

.carousel {
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:600px;
	height:300px;
	overflow:hidden;
	visibility:hidden;
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),pointer;
}

.loading {
	position: absolute;
	top: 0px;
	left: 0px;
}

.loading-screen {
	filter: alpha(opacity=70);
	opacity:0.7;
	position: absolute;
	display: block;
	background-color: #000;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}

.loading-background {
	position: absolute;
	display: block;
	background: url(https://cdn.stronghold-nation.com/images/jssor_ajax_loader.gif) no-repeat center center;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}

.slideshow {
	cursor:url(https://cdn.stronghold-nation.com/cursors/diplomacy.ani),url(https://cdn.stronghold-nation.com/cursors/diplomacy.cur),move;
	position:relative;
	top:0px;
	left:0px;
	width:600px;
	height:300px;
	overflow:hidden;
}

.thumbnail-navigator {
	position:absolute;
	bottom:0px;
	left:0px;
	width:600px;
	height:50px;
	color:#FFF;
	overflow:hidden;
	cursor:default;
	background-color:rgba(0,0,0,.5);
}

.prototype-thumbnail {
	position:absolute;
	top:0;
	left:0;
	width:600px;
	height:50px;
}

.thumbnail-template {
	position:absolute;
	top:0;m
	left:0;
	width:100%;
	height:100%;
	font-family:arial,helvetica,verdana;
	font-weight:normal;
	line-height:50px;
	font-size:16px;
	padding-left:10px;
	box-sizing:border-box;
	cursor:url(https://cdn.stronghold-nation.com/cursors/arrow.ani),url(https://cdn.stronghold-nation.com/cursors/arrow.ani),default;
}

/* FAQ Page */
li dl {
	margin-left: 0px;
    padding: 0;
    margin-top: 12px;
    margin-bottom: 12px;
}

dd {
	margin-left: -40px
}

dt {
	margin-bottom: 12px;
}