.static {
	height: 100%;
}

.static #charter p, .static #rules p, .application p, .contact p {
	margin-bottom: 1em;
}

.static #content, .static #charter, .static #rules {
	background-image: url(../wp-content/themes/soa/images/content-bg.png);
	background-repeat: repeat-y;
	font-size: 1.4em;
	width: 862px;
}

.static h2 {
	color: #196b99;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 18px;
}

.static h3 {
	clear: both;
	color: #196b99;
	font-weight: bold;
	margin: 18px 0 12px 0;
}

.static #content, .static #charter, .static #rules {
	padding: 24px;
}

.static #rules sup {
	color: #909;
	font-size: .6em;
	margin-left: 3px;
	vertical-align: super;
}

.static .shortcuts ul, .static #rules ul {
	margin-left: 12px;
}

.static li {
	margin-bottom: 12px;
}

.static #rules ul li ul {
	color: #999;
	font-size: .9em;
	list-style-type: circle;
	margin: 6px 0 0 18px;
}

.shortcuts {
	margin: 24px 0;
}

.shortcuts small {
	color: #999;
	font-size: .8em;
	margin-left: 12px;
}

.shortcuts ul {
	margin-top: 12px;
}

.shortcuts li {
	float: left;
	font-size: .8em;
	width: 283px;
}

.shortcuts li a {
	color: #61bdf0;
}

.static table.bankrights, .static table.armorytable {
	margin: 24px 0 24px 24px;
}

.static table.armorytable {
	clear: both;
}

.static table caption {
	color: #999;
	font-size: .8em;
	margin: 6px;
	text-align: left;
}
.static table.bankrights col {
	border-right: 1px solid #61bdf0;
	width: 100px;
}

.static table.bankrights .rank {
	background-color: #0b2a3b;
	border-right: 0;
	text-align: right;
	width: 80px;
}

.static table.armorytable thead tr {
	background-color: #0b2a3b;
}

.static table.bankrights .repairs {
	border-right: 0;
	text-align: left;
	width: 130px;
}

.static table.bankrights th, .static table.armorytable th {
	font-size: .8em;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
}

.static table.bankrights td, .static table.armorytable td {
	font-size: .8em;
	height: 24px;
	line-height: 24px;
	padding: 0 6px 0 6px;
}

.static table.armorytable th {
	padding: 0 6px 0 6px;
	text-align: left;
}

.static table.bankrights td {
	text-align: center;
}

.static table.armorytable td a:hover {
	text-decoration: underline;
}

.static table.armorytable .name, .static table.armorytable .rank, .static table.armorytable .class, .static table.armorytable .lastmodified {
	width: 120px;
}

.static table.armorytable .level, .static table.armorytable .points {
	width: 60px;
}

.static table.armorytable .gender, .static table.armorytable .race {
	width: 80px;
}

table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

div.nomargin{
	margin-right: 0px;
}

.pic {
	float: left;
	height: 125px;
	margin: 0 24px 24px 0;
	width: 100px;
}

.pic a {
	border: 1px solid #0b2a3b;
	display: block;
	height: 125px;
	overflow: hidden;
	position: relative;
	width: 100px;
}

.pic a:hover {
	border: 1px solid #61bdf0;
}

.pic img {
	height: 125px;
}

#lightbox-container-image-box, #lightbox-container-image-data-box {
	background-color: #010c11;
	border: 1px solid #001016;
}

#lightbox-container-image-data {
	color: #61bdf0;
}

.links dl, .searchform {
	padding: 12px 0;
}

.links dt {
	padding: 12px;
}

.links dd {
	padding: 0 12px 12px 12px;
}

.links dt {
	font-weight: bold;
}

.links dd {
	color: #999;
	font-size: .9em;
}

.links dd img {
	border: 1px solid #0b2a3b;
}

.links dd ul {
	background-color: #000;
	clear: both;
	height: 24px;
	padding: 0 6px;
	margin-top: 24px;
}

.links dd li a {
	color: #61bdf0;
	display: block;
	font-size: .9em;
	height: 24px;
	line-height: 24px;
	padding-left: 18px;
}

.links .screenshot {
	background-image: url(../images/icon-ss.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

.links .screenshot:hover {
	background-image: url(../images/icon-ss-hover.png);
}

.links .author, .links .curse, .links .wowi {
	background-image: url(../images/icon-download.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
	margin-left: 12px;
}

.links .author:hover, .links .curse:hover, .links .wowi:hover {
	background-image: url(../images/icon-download-hover.png);
}

.links .odd, table.tablesorter tbody tr.odd td {
	background-image: url(../images/odd-bg.png);
	background-repeat: repeat;
}

.searchwrapper form {
	background-repeat: no-repeat;
	height: 60px;
	margin: 12px 0 0 12px;
	padding-left: 120px;
}

.links #curseform {
	background-image: url(../images/links/curse.png);
}

.links #wowiform {
	background-image: url(../images/links/wowinterface.png);
}

.links input, .formTableFilter input {
	background-image: url(../wp-content/themes/soa/images/form-field-bg.png);
	background-repeat: repeat;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	height: 22px;
	margin-left: 12px;
	width: 200px;
}

.formTableFilter {
	height: 22px;
}

.formTableFilter label {
	float: left;
	font-size: .9em;
	line-height: 22px;
	margin-left: 28px;
}

.links .searchbutton {
	background-image: url(../images/search-button.png);
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 22px;
	width: 151px;
}

.links .info {
	color: #999;
	font-size: .9em;
	margin: 12px 0 0 12px;
}

.static .contact dl {
	color: #999;
	font-size: .9em;
	margin: 12px 0 0 12px;
}

.static .contact dt, .static .contact dd {
	display: block;
	float: left;
	margin-bottom: 5px;
}

.static .contact dt {
	clear: left;
	color: #FFF;
	width: 100px;
}

.static .contact dd {
	width: 300px;
}

.links .info a, .static .contact a {
	color: #61bdf0;
}

.application form {
	clear: both;
	margin-top: 12px;
}

.application fieldset {
	border: 1px solid #001016;
	margin-bottom: 12px;
	padding: 10px;
}

.application legend {
	background-color: #001016;
	color: #FFF;
	font-size: .8em;
	font-weight: bold;
	padding: 5px 10px;
	width: 200px;
}

.application div {
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative;
}

.application label {
	color: #CCC;
	float: left;
	font-size: .9em;
	padding-right: 10px;
	width: 350px;
}

.application label.opt {
	color: #196b99;
	display: inline;
	float: none;
	font-size: .9em;
	padding-right: 20px;
}

.application label.dayofweek {
	display: inline-block;
	margin-bottom: 5px;
	width: 50px;
}

.application input.field, .application input.shortfield {
	background-image: url(../images/input-bg.png);
	background-repeat: repeat-x;
	border: 1px solid #001016;
	color: #196b99;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .9em;
	height: 22px;
	padding: 0 5px;
	width: 200px;
}

.application select {
	border: 1px solid #001016;
	color: #196b99;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .9em;
	height: 22px;
	padding-left: 5px;
	width: 120px;
}

.application input.shortfield {
	width: 50px;
}

.application input.radio, .application input.check {
	border: 1px solid #001016;
	margin-right: 5px;
}

.application textarea {
	background-image: url(../images/textarea-bg.png);
	background-repeat: repeat;
	border: 1px solid #001016;
	color: #196b99;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .9em;
	height: 80px;
	padding: 5px;
	width: 400px;
}

.application #friendfield {
	display: none;
}

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

.application #submit {
	background-image: url(../images/submit-button.png);
	background-position: 0 59px;
	cursor: pointer;
	height: 0;
	margin-bottom: -20px;
	overflow: hidden;
	padding-top: 59px;
	width: 220px;
}

.application #submit:hover {
	background-position: 0 0;
}

.application div.errorMsg {
	background-color: #000;
	border: 1px solid #F00;
	display: none;
	font-size: 2em;
	font-weight: bold;
	margin: 20px 0;
	padding: 10px;
	text-align: center;
}

.application label.errorHighlight {
	color: #F00;
	font-weight: bold;
}

.application .charsRemaining {
	display: none;
	font-size: .8em;
	margin-right: 60px;
	position: absolute;
	left: 20px;
	top: 60px;
	z-index: 5;
}

.application .charsRemaining strong {
	color: #61bdf0;
	font-size: 1.3em;
}

.deathknight, .druid, .hunter, .mage, .paladin, .priest, .rogue, .shaman, .warlock, .warrior {
	background-image: none;
}

.deathknight a {
	color: #C41F3B;
}

.druid a {
	color: #FF7D0A;
}

.hunter a {
	color: #ABD473;
}

.mage a {
	color: #69CCF0;
}

.paladin a {
	color: #F58CBA;
}

.priest a {
	color: #FFF;
}

.rogue a {
	color: #FFF569;
}

.shaman a {
	color: #2459FF;
}

.warlock a {
	color: #9482C9;
}

.warrior a {
	color: #C79C6E;
}
