* {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 13px;
}	

body {
		background: #000 url('http://www.siegeonline.ru/en/images/frame/frame-background.jpg') no-repeat top center;
		margin: 0;
		padding: 50px 0px 50px 0px;
}

a {
		color: #c33;
}

ul {
		list-style-type: square;
		text-align: justify;
}


div.frame-navbar {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
}

div.frame-navbar a {
		color: #c33;
		font-size: 10px;
		text-decoration: none;
}

div.frame-bottombar {
		padding: 0 20px 10px 20px;
		color: #999;
		font-size: 9px;
		text-align: justify;
}

div.frame-bottombar a {
		color: #999;
		font-size: 9px;
		text-decoration: underline;
}

div.frame-bottombar a:hover {
		color: #c33;
		font-size: 9px;
		text-decoration: underline;
}

div.frame-credits {
		padding: 10px;
		color: #fff;
		font-size: 10px;
		text-align: right;
}

div.frame-credits a {
		color: #fff;
		font-size: 10px;
		text-decoration: none;
}	

div.frame-section-name {
		color: #c33;
		font-weight: bold;
		font-size: 20px;
		text-transform: uppercase;
}

div.frame-section-content {
		padding: 8px;
		font-size: 13px;
}




div.section-header {
		margin: 8px 0 8px 16px;
		color: #000;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
}

div.section-subheader {
		margin: 16px 0 8px 16px;
		color: #000;
		font-weight: bold;
}

div.section-text {
		margin: 8px 0 8px 16px;
		text-align: justify;
}

div.section-text-message {
		border: 1px solid #ccc;
		background-color: #eee;
		padding: 8px;
		margin: 8px 0 8px 16px;
		color: #c33;
		text-align: center;
}

div.section-text-strong {
		margin: 8px 0 8px 16px;
		font-weight: bold;
		text-align: justify;
}

div.section-text-comment {
		margin: 8px 0 8px 16px;
		color: #999;
		font-style: italic;
		text-align: justify;
}

div.section-text-comment a {
		color: #999;
}

div.section-text-error {
		margin: 8px 0 8px 16px;
		color: #c33;
		text-align: justify;
}

div.section-text-command {
		margin: 8px 0 8px 16px;
		color: #c33;
		font-weight: bold;
		text-align: center;
}

div.section-picture-right {
		margin: 0 0 16px 16px;
		display: inline;
		float: right;
}

div.section-picture-left {
		margin: 0 16px 16px 0;
		display: inline;
		float: left;
}

div.section-picture-center {
		margin: 16px 0 16px 16px;
		text-align: center;
}


table.section-table th {
		background: #e0d0c0;
}

table.section-table td {
		background: #efdfcf;
		text-align: center;
}

table.section-table-small th {
		background: #e0d0c0;
		font-size: 10px;
}

table.section-table-small td {
		background: #efdfcf;
		text-align: center;
		font-size: 10px;
}

div.section-form-label {
		color: #000;
		font-variant: small-caps;
		font-weight: bold;
}

div.section-form-comment {
		color: #999;
		font-size: 10px;
		font-style: italic;
		text-align: justify;
		margin: 0 8px 16px 8px;
}

input.section-form-field {
		color: #000;
		font-weight: bold;
		width: 368px;
		border: 1px solid #c99;
		margin: 2px 8px;
}

input.section-form-field, textarea.section-form-field {
		color: #000;
		font-weight: bold;
		width: 368px;
		border: 1px solid #c99;
		margin: 2px 8px;
}

select.section-form-field {
		color: #000;
		font-weight: bold;
		width: 64px;
		border: 1px solid #c99;
		margin: 2px 8px;
}

input.section-form-button {
		color: #000;
		font-weight: bold;
		width: 256px;
		margin: 16px 8px;
}

div.section-more {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: right;
}

div.section-more a {
		padding: 4px 10px;
		color: #fff;
		font-size: 10px;
		text-decoration: none;
		background-color: #c33;
		-moz-border-radius: 2px;
		border-radius: 2px;
}

div.section-button {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
}

div.section-button a {
		padding: 4px 10px;
		color: #fff;
		font-size: 10px;
		text-decoration: none;
		background-color: #c33;
		-moz-border-radius: 2px;
		border-radius: 2px;
}

div.section-construction {
		margin: 8px 0 16px 16px;
		padding: 8px;
		width: 500px;
		background-color: #ccc;
		border: 1px #c33 solid;
		border-radius: 2px;
		-moz-border-radius: 2px;
}

div.section-construction-wood {
		background-color: #e0e0c0;
}

div.section-construction-stone {
		background-color: #e0e0c0;
}

div.section-construction-leather {
		background-color: #e0e0c0;
}

div.section-construction-copper {
		background-color: #e0e0c0;
}

div.section-construction-iron {
		background-color: #e0e0c0;
}

div.section-construction-sulfur {
		background-color: #e0e0c0;
}


div.section-construction-header {
		color: #c33;
		font-weight: bold;
		font-variant: small-caps;
		border-bottom: 1px #c33 solid;
		padding-bottom: 4px;
		margin-bottom: 4px;
}


div.section-construction-attribute {
		padding-bottom: 8px;
}






div.side-box-header {
		margin: 4px 0;
}

div.side-box-text {
		margin: 8px 0;
}

div.side-box-label {
		color: #fff;
		font-size: 10px;
		font-variant: small-caps;
		font-weight: bold;
}

input.side-box-field {
		width: 126px;
		margin: 2px 8px;
		color: #000;
		font-size: 10px;
		font-weight: bold;
		border: 1px solid #c99;
}

input.side-box-button {
		width: 96px;
		margin: 2px 8px;
		color: #000;
		font-size: 10px;
		font-weight: bold;
}

a.side-box-link {
		color: #ffc;
		font-size: 10px;
		font-variant: small-caps;
		font-weight: bold;
		text-decoration: none;
}


td.news-date, td.news-header {
		border-bottom: 1px #999 dotted;
}

td.news-bottom {
		border-top: 1px #999 dotted;
}

td.news-date {
		width: 88px;
}

td.news-header {
		padding: 0 0 0 16px;
}

div.news-date {
		width: 80px;
		margin: 4px;
		padding: 3px 6px;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		background-color: #666;
		text-align: center;
}

div.news-date-highlight1 {
		background-color: #696;
}

div.news-date-highlight2 {
		background-color: #699;
}

div.news-date-highlight3 {
		background-color: #c33;
}

div.news-header, div.news-header a {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		color: #000;
		text-decoration: none;
}

div.news-text {
		text-align: justify;
		font-size: 10px;
		color: #000;
}



td.tops-text {
		border-bottom: 1px #999 dotted;
}
 
div.tops-header {
		margin: 4px 0;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 12px;
		color: #000;
}

div.tops-header-right {
		margin: 2px 4px;
		font-size: 9px;
		font-weight:bold;
		vertical-align: bottom;
		text-align: right;
}

div.tops-text {
		margin: 2px 4px;
		font-size: 10px;
}

div.tops-text-right {
		margin: 2px 4px;
		font-size: 10px;
		text-align: right;
}

div.tops-text-center {
		margin: 2px 4px;
		font-size: 10px;
		text-align: center;
}

td.constructions-item	{
		width: 68px;
		height: 68px;
		vertical-align: middle;
		text-align: center;
		empty-cells: show;
}

td.constructions-hspace {
		width: 18px;
		vertical-align: middle;
		text-align: center;
		empty-cells: show;
}

td.constructions-vspace {
		height: 18px;
		vertical-align: middle;
		text-align: center;
		empty-cells: show;
}

td.constructions-dots {
		background-image: url(http://www.siegeonline.ru/images/info/constructions_dots.gif);
		background-repeat: repeat-y;
}


td.avatars-description {
		text-transform: uppercase;
		color: #000;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
}

td.avatars-description a {
		color: #c33;
		font-size: 10px;
		text-decoration: none;
}