/*****
 *
 *	Magical Me SMF Skin
 *
 *	2008-08-21
 *	rwpiper@ocdcodemonkey.net
 *
 *****/


/*****
 * Basic Formatting
 *****/
body {
	font-size: 8pt;
	font-family: 'Tahoma', 'Verdana', 'Helvetica', sans-serif;
	background-color: #000000;
	background-image: url("../images/backgrounds/lunatic.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 0px;
	color: #a0a0a0;
}
h1 {
	color: #c0c0c0;
	font-size: 14pt;
	font-weight: bold;
	margin: 0px;
}
h1 img {
	position: relative;
	top: 1px;
	left: -1px;
}
h2 {
	color: #c0c0c0;
	font-size: 10pt;
	font-weight: bold;
	margin: 15px 0px 5px 0px;
}
h2 img {
	position: relative;
	top: 4px;
	left: -1px;
}
h3 {
	color: #c0c0c0;
	font-size: 8pt;
	font-weight: bold;
	margin: 10px 0px 2px 0px;
}
h4 {
	font-size: 8pt;
}
a {
	color: #fa9632;
	text-decoration: none;
}
a:hover {
	color: #fa9632;
	text-decoration: underline;
}
a.disabled {
	color: #404040;
	text-decoration: none;
}
p {
	margin: 0px 0px 8px 0px;
}
img {
	border: none;
}
label {
	position: relative;
	font-weight: bold;
	color: #808080;
}
input, textarea, select {
	font-family: 'Tahoma', 'Verdana', 'Helvetica', sans-serif;
	font-size: 8pt;
	border: 1px solid #404040;
	color: #c0c0c0 !important;
	background-color: #000000 !important;
	margin: 0px;
}
input, textarea {
	padding: 2px;
}
select {
	padding: 1px;
}
.compositeControl input.checkbox {
	position: relative !important;
	top: 2px;
	left: 6px;
}
textarea {
	overflow: auto;
	display: block;
}
table {
	position: relative;
	font-size: 8pt;
	color: #c0c0c0;
	border-collapse: collapse;
	border: 1px solid #383838;
	margin: 10px auto 5px auto;
}
table th {
	padding: 6px 6px;
	font-weight: bold;
	text-align: left;
	background-color: #383838;
	color: #a0a0a0;
}
table th a {
	color: #ffffff;
}
table th a:hover {
	text-decoration: none;
}
table td {
	padding: 4px 6px;
	vertical-align: middle;
	color: #c0c0c0;
}
table tr {
	background-color: #282828;
}
table tr.odd {
	background-color: #202020;
}
table input {
	padding: 1px !important;
}
table select {
	padding: 0px !important;
}



/*****
 * Page Structure
 *****/
#centerColumn {
	width: 950px;
	padding: 0px 10px;
	/*margin: 0px 0px 0px 20px;*/
	margin: 0px auto;
}
#header {
	height: 150px;
	position: relative;
}
#header h1 {
	padding: 40px 0px 0px 5px;
	margin: 0px;
}
#header h2 {
	font-size: 8pt;
	font-weight: normal;
	color: #a0a0a0;
	padding: 5px 0px 0px 10px;
	margin: 0px;
}
#header #siteMenu {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#header #userMenu {
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#header #userMenu div {
	float: left;
	font-size: 8pt;
	padding: 4px 8px 4px 25px;
	border: 3px solid #282828;
	background-color: #282828;
	position: relative;
}
#header #userMenu div img {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
}
#header div a {
	color: #ffffff;
}
#header div a:hover {
	color: #fa9632;
}
#header div a.selected {
	background-color: #202020;
	color: #fa9632;
}
#page {
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}
#sidebar {
	float: left;
	width: 135px;
	margin: 0px 10px 0px 0px;
	border: 3px solid #282828;
	background-color: #282828;
}
#sidebar h3 {
	padding: 10px 8px 4px 23px;
	margin: 0px;
	background-color: #282828;
	background-image: url("../images/icons/books16.alpha.png");
	background-repeat: no-repeat;
	background-position: 3px 8px;
	color: #ffffff;
}
#sidebar a {
	padding: 3px 10px 4px 10px;
	display: block;
	color: #808080;
	border-top: 2px solid #282828;
}
#sidebar a:hover, #sidebar a.selected {
	color: #fa9632;
	background-color: #202020;
}
#content {
	position: relative;
	float: left;
	width: 767px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
#content.wide {
	width: 918px;
}
#pageControls {
	position: absolute;
	top: 5px;
	right: 15px;
}
#footer {
	font-size: 7pt;
	padding: 8px 5px 0px 155px;
	color: #606060;
	overflow: hidden;
}
#footer a {
	color: #924704 !important;
}
#copyright {
	display: block;
	text-align: right;
}
#ajax_in_progress
{
	display: none;
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}


/*****
 * Controls
 *****/
a.subtle, a.subtle:hover {
	color: #fcaa62;
}
 
.pane {
	background-color: #181818;
	padding: 10px 15px;
	border: 1px solid #282828;
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden;
}
.dialog {
	background-color: #181818;
	padding: 10px 15px;
	border: 1px solid #282828;
	background-repeat: no-repeat;
	background-position: top right;
	width: 450px;
	margin: 50px auto;
	overflow: hidden;
}

.nav {
	margin: 0px 0px 15px 0px;
	color: #606060;
}

p.message {
	background-color: #282828;
	border: 1px solid #303030;
	padding: 7px 8px 8px 25px;
	background-repeat: no-repeat;
	background-position: 4px 6px;
	color: #d32727;
	margin: 10px 0px;
}
p.error {
	background-image: url("../images/icons/cross16.alpha.png");
}
p.warning {
	background-image: url("../images/icons/warning16.alpha.png");
}
p.notice {
	background-image: url("../images/icons/information16.alpha.png");
	color: #ee9c70 !important;
}
p.message.success {
	color: #2a9e2a;
	background-image: url('./../images/icons/tick16.alpha.png');
}

div.control {
	vertical-align: top;
	display: inline-block;
	padding: 4px 6px;
}
div.control label {
	display: block;
	margin: 0px 0px 1px 2px;
}
div.control input, div.control textarea, div.control select  {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
}
div.control.checkbox {
	padding-right: 15px;
}
div.control.checkbox label {
	display: inline-block;
	vertical-align: middle;
}


p.control {
	padding: 5px 5px 4px 5px;
	position: relative;
	margin: 10px 0px !important;
}
p.control input, p.control select, p.control span {
	position: absolute;
	left: 125px;
	top: 2px;
}
p.control textarea {
	margin: 8px 0px 8px 0px !important;
	width: 100%;
}
span.compositeControl {
	white-space: nowrap;
}
span.compositeControl input, span.compositeControl select, span.compositeControl span, span.compositeControl label {
	position: relative !important;
	top: 0px;
	left: 0px;
	margin: 0px 8px 0px 0px;
}
span.compositeControl input, span.compositeControl span {
	top: -1px;
}
span.compositeControl input.separated {
	margin: 0px 12px 0px 0px !important;
}
span.compositeControl span {
	margin: 0px 20px 0px 0px;
}
span.compositeControl img {
	position: relative;
	top: 2px;
}
span.compositeControl .grouped {
	margin: 0px 1px 0px 0px;
}

.buttonStrip, .buttonStripLeft, .buttonStripRight {
	margin: 10px 0px 0px 0px;
	font-size: 0;
	white-space: nowrap;
	overflow: hidden;
}
.buttonStrip, .buttonStripRight {
	text-align: right;
}
.buttonStripLeft {
	text-align: left;
}

/* Buttons */
button {
	padding: 0px !important;
	margin: 0px;
	border: none !important;
	background-color: #ff0000 !important;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	overflow: visible;
	vertical-align: top;
}
button span {
	font-family: 'Tahoma', 'Verdana', 'Helvetica', sans-serif;
	font-size: 8pt !important;
	display: inline-block;
	border: 3px solid #282828;
	background-color: #282828;
	position: relative;
	color: #fa9632;
	text-decoration: none;
	vertical-align: top;
	padding: 4px 8px 4px 24px !important;
	margin: -1px -3px;
}
button span img, a.button img {
	position: absolute;
	top: 3px;
	left: 3px;
}
button:hover span {
	background-color: #202020;
	color: #fa9632;
	text-decoration: underline;
}

a.button {
	font-family: 'Tahoma', 'Verdana', 'Helvetica', sans-serif;
	font-size: 8pt !important;
	display: inline-block;
	padding: 4px 8px 4px 24px !important;
	border: 3px solid #282828;
	background-color: #282828;
	position: relative;
	color: #fa9632;
	text-decoration: none;
	cursor: pointer;
}
a.button:hover, a.selected {
	background-color: #202020;
	color: #fa9632;
	text-decoration: underline;
}
a.button img {
	position: absolute;
	top: 3px;
	left: 3px;
}
a.newGroup, a.startGroup {
	margin-left: 5px;
}
a.endGroup {
	margin-right: 5px;
}

/* Image Link */
a.imageLink {
	display: inline-block;
	position: relative;
	padding: 3px 5px 3px 21px;
}
a.imageLink img {
	position: absolute;
	top: 2px;
	left: 1px;
}

p.control .filterStrip {
	top: 0px;
	width: 600px;
}
.filterStrip {
	border: 2px solid #282828;
	padding: 1px 1px 1px 0px;
	font-size: 0;
	white-space: nowrap;
}
.filterStrip a {
	display: inline-block !important;
	font-size: 8pt;
	margin-left: 1px;
	padding: 2px 4px 2px 16px;
	background-repeat: no-repeat;
	background-position: 4px center;
}
a.filterOff {
	background-image: url('../images/controls/circleRed7.alpha.png');
}
a.filterOn {
	background-image: url('../images/controls/circleGreen7.alpha.png');
	background-color: #202020;
}

p.log {
	font-family: courier new, fixed;
}

td .rowButton {
	display: block;
	position: relative;
	top: 1px;
	float: right;
	margin: 0px 0px 0px 10px;
}
td .rowButton img {
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	position: relative;
	left: -2px;
	top: -1px;
	width: 16px;
	height: 16px;
}
td .rowTitle {
	font-weight: bold;
}
td .rowTitle img {
	float: left;
	padding: 0px 3px 0px 0px;
	margin: 0px;
	position: relative;
	left: -2px;
	top: 0px;
}
td span.subtitle {
	display: block;
}
td.boardCategory {
	background-color: #181818;
}
td.boardCategory .rowTitle {
	font-weight: normal;
	color: #a0a0a0 !important;
	padding: 2px 0px;
}

table.calendar th {
	width: 80px;
	text-align: center;
}
table.calendar td.current {
	border: 1px solid #383838;
	background-color: #202020;
	color: #c0c0c0 !important;
}
table.calendar td {
	color: #404040!important;
	height: 55px;
	border: 1px solid #383838;
	background-color: #181818;
	vertical-align: top;
}
table.calendar div.date {
	text-align: right;
}
table.calendar div.events {
	background-color: #ff0000;
}
div.events a {
	margin: 3px 3px 0px 0px;
	display: block;
	float: left;
}

/* Document Classes */
div.document {
	margin: 0px 0px 25px 0px;
}
div.document h2 {
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}
div.document h3 {
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}
div.document h4 {
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 0px 10px;
}
div.documentTitleStripe {
	background-color: #282828;
	padding: 5px 10px;	
}
div.documentTitleStripe div.icon {
	float: left;
	position: relative;
	top: -15px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px -5px 0px;
	text-align: center;
}
div.icon img.icon80 {
	display: block;
	width: 80px;
	height: 80px;
	background-image: url('../images/avatars/avatar80.alpha.png');
	background-repeat: no-repeat;
}
div.icon img.icon64 {
	display: block;
	width: 64px;
	height: 64px;
	background-image: url('../images/avatars/avatar64.alpha.png');
	background-repeat: no-repeat;
}
div.documentTitle {
	padding: 10px 0px 10px 0px;
}
div.documentBody {
	clear: both;
	padding: 0px 20px;
}
div.documentFooter {
	padding: 10px 0px 0px 0px;
	text-align: right;
}

.columnBlock {
	overflow: hidden;
	width: 735px;
	margin: 15px auto 0px auto;
}

th.tableControls {
	background-color: transparent;
	font-weight: normal;
	padding: 0px 0px 1px 0px;
}
th.tableControls .tablePages {
	float: left;
	margin: 7px 8px 1px 8px;
	color: #c0c0c0;
}
th.tableControls .tableSearch {
	display: none;
}
th.tableControls .tableSearch * {
	float: right !important;
}
th.tableControls .tableSearch #searchResults {
	margin: 5px 8px 3px 0px;
}


/*****
 * Colouring
 *****/
 
/* Classes */
.deathknight, .deathknight:hover, .class6, .class6:hover {
	color: #c41d39 !important;
}
.druid, .druid:hover, .class11, .class11:hover {
	color: #ff7d0a !important;
}
.hunter, .hunter:hover, .class3, .class3:hover {
	color: #abd473 !important;
}
.mage, .mage:hover, .class8, .class8:hover {
	color: #69ccf0 !important;
}
.paladin, .paladin:hover, .class2, .class2:hover {
	color: #f58cba !important;
}
.priest, .priest:hover, .class5, .class5:hover {
	color: #ffffff !important;
}
.rogue, .rogue:hover, .class4, .class4:hover {
	color: #fff569 !important;
}
.shaman, .shaman:hover, .class7, .class7:hover {
	color: #2359ff !important;
}
.warlock, .warlock:hover, .class9, .class9:hover {
	color: #9482c9 !important;
}
.warrior, .warrior:hover, .class1, .class1:hover {
	color: #c79c6e !important;
}
.unknown, .unknown:hover, .class0, .class0:hover {
	color: #c0c0c0 !important;
}

/* Items */
.qualityX, .heirloom {
	color: #e5cc80 !important;
}
.quality0, .poor, .greyname {
	color: #808080 !important;
}
.quality1, .common, .whitename {
	color: #ffffff !important;
}
.quality2, .uncommon, .greenname {
	color: #1eff00 !important;
}
.quality3, .rare, .bluename {
	color: #0070dd !important;
}
.quality4, .epic, .purplename {
	color: #a335ee !important;
}
.quality5, .legendary, .orangename {
	color: #ff8000 !important;
}
.quality6, .artifact, .redname {
	color: #ff0000 !important;
}
.goldtext {
	color: #ffd200 !important;
}

/* Attendance */
.busy, .absent, .bad, .signature1 {
	color: #e61b00 !important;
}
.late {
	color: #e68700 !important;
}
.available, .processing, .signature2 {
	color: #3991f3 !important;
}
.pending, .reserve, .partial, .complete, .signature3 {
	color: #adcd19 !important;
}
.authorised, .confirmed, .full, .good, .live, .signature4 {
	color: #19cd2e !important;
}
.noSign, .noData, .unknown, .signature0 {
	color: #606060 !important;
}
.tentative, .maybe, .signature5 {
	color: #f29e26 !important;
}
.noShow, .signature6 {
	color: #9139f3; !important;
}

/* Other */
.gold {
	color: #e7c677 !important;
}


/*****
 * Table Columns
 *****/
 
/* DKP Accounts */
table#dkpAccounts .columnName {
	width: 185px;
}
table#dkpAccounts .columnName .rowButton {
	float: left !important;
	margin: 0px !important;
}
table#dkpAccounts .columnRace {
	width: 75px;
}
table#dkpAccounts .columnClass {
	width: 135px;
}
table#dkpAccounts .columnValue {
	text-align: right !important;
	width: 50px;
}
table#dkpAccounts .columnLastRaided {
	width: 100px;
	text-align: right !important;
}
table#dkpAccounts .columnControls {
	width: 175px;
}
 
/* DKP Characters */
table#dkpCharacters .columnName {
	width: 125px;
}
table#dkpCharacters .columnName .rowButton {
	float: left !important;
	margin: 0px !important;
}
table#dkpCharacters .columnClass {
	width: 115px;
}
table#dkpCharacters .columnDKPEarnt, table#dkpCharacters .columnDKPSpent {
	text-align: right !important;
	width: 75px;
}
table#dkpCharacters .columnLastRaided {
	width: 100px;
	text-align: right !important;
}
table#dkpCharacters .columnControls {
	width: 160px;
}

/* Forum Board Index */
table#boardIndex .columnBoardName {
	width: 480px;
	padding: 6px 8px !important;
}
table#boardIndex .columnBoardTopics {
	width: 50px;
	text-align: center !important;
}
table#boardIndex .columnBoardPosts {
	width: 50px;
	text-align: center !important;
}
table#boardIndex .columnBoardLastPost {
	width: 250px;
}

/* Raid List */
.columnRaidListName {
	width: 250px;
}
.columnRaidListTime {
	width: 150px;
}
.columnRaidListAttendance span {
	float: left;
	display: block;
	width: 30px;
	padding: 1px 5px 2px 0px;
	text-align: right;
}
.columnRaidListAttendance img {
	float: left;
	display: block;
	height: 16px;
	width: 16px;
}
.columnRaidListDKP {
	width: 75px;
	text-align: center;
}

.columnSignUpName {
	width: 150px;
}
.columnSignUpName .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnSignUpStatus {
	text-align: right !important;
	width: 50px;
}

.columnHistoryName {
	width: 125px;
}
.columnHistoryName .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnHistoryDate {
	width: 120px;
}
.columnHistoryCharacter {
	width: 75px;
}
.columnHistorySignedUp {
	width: 90px;
}
.columnHistoryAttended {
	width: 70px;
}

.columnMemberName {
	width: 125px;
}
.columnMemberName .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnMemberContact {
	width: 135px;
}
.columnMemberContact a img {
	margin: 0px 5px 0px 0px;
}
.columnMemberRank {
	width: 100px;
}
.columnMemberRegistered {
	width: 125px;
}
.columnMemberPosts {
	text-align: right !important;
	width: 50px;
}


/* Board Index */
table#threadIndex .columnName {
	width: 420px;
	padding-left: 10px;
}
table#threadIndex .columnName .oldMessage {
	color: #e99143;
}

table#threadIndex .columnName .rowButton {
	float: left !important;
	margin: 0px !important;
}
table#threadIndex .columnAuthor {
	width: 120px;
}
table#threadIndex .columnReplies, table#threadIndex .columnViews {
	width: 50px;
	text-align: center !important;
}
table#threadIndex .columnLastPost {
	width: 190px;
}

/* Choose Log */
.columnRaidLogTime {
	width: 315px;
}
.columnRaidLogTime .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnRaidLogInstance {
	width: 85px;
}
.columnRaidLogPlayers, .columnRaidLogKills, .columnRaidLogSuggestion {
	width: 60px;
	text-align: center !important;
}
.columnRaidLogControls {
	width: 100px;
}


/*
 *	Check Loot
 */
.columnLootCharacter {
	width: 115px;
}
.columnLootCharacter .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnLootItem {
	width: 235px;
}
.columnLootItem .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnLootClass {
	width: 160px;
}
.columnLootCost {
	width: 50px;
	text-align: right !important;
}
.columnLootCost input {
	width: 40px;
	text-align: right !important;
}
.columnLootType {
	width: 75px;
}

.columnKillBoss {
	width: 200px;
}
.columnKillBoss .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnKillTime {
	width: 50px;
	text-align: right !important;
}
.columnKillCTAK {
	width: 120px;
	text-align: right !important;
}
.columnKillDKP {
	width: 40px;
	text-align: right;
	padding: 3px 2px;
}
.columnKillDKP input {
	width: 25px;
	text-align: right !important;
}
.columnKillType {
	text-align: right;
	padding: 3px 6px;
}

.columnCommitCharacter {
	width: 150px;
}
.columnCommitCharacter .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnCommitJoined, .columnCommitLeft {
	width: 50px;
}
.columnCommitAttendance {
	text-align: center !important;
}
.columnCommitTime, .columnCommitBonuses, .columnCommitPenalties {
	text-align: right !important;
	width: 20px;
}
.columnCommitKills, .columnCommitLoot {
	text-align: right !important;
	width: 40px;
}
.columnCommitCalculation {
	text-align: right !important;
	width: 125px;
}
.columnCommitDKP {
	text-align: right !important;
	width: 35px;
}

/*
 *	Raid View (Complete)
 */
.columnRaidViewCharacter {
	width: 100px;
}
.columnRaidViewCharacter .rowButton {
	float: left !important;
	margin: 0px !important;
}
.columnRaidViewAttendance {
	width: 50px;
	text-align: right;
}
.columnRaidViewDKP {
	width: 30px;
	text-align: right;
}
.columnRaidViewCost {
	width: 40px;
	text-align: right;
}

/*
 *	RaidDKP - Parameters
 */
table#dkpParameters .columnParameter {
	width: 100px;
}
table#dkpParameters .columnParameter .rowButton {
	float: left !important;
	margin: 0px !important;
}
table#dkpParameters .columnValue {
	width: 50px;
	text-align: center;
}
table#dkpParameters .columnValue input {
	width: 40px;
	text-align: center;
}
table#dkpParameters .columnCondition {
	width: 500px;
}

/*
 *	RaidDKP - Attendance
 */
table#dkpAttendance .columnCharacter {
	width: 115px;
}
table#dkpAttendance .columnCharacter .rowButton {
	float: left !important;
	margin: 0px !important;
}
table#dkpAttendance .columnSignUp, table#dkpAttendance .columnActual {
	width: 65px;
	text-align: center;
}
table#dkpAttendance .columnJoined, table#dkpAttendance .columnLeft, table#dkpAttendance .columnTotal {
	width: 40px;
	text-align: center;
}
table#dkpAttendance .columnDKPTitle {
	width: 60px;
	text-align: center !important;
}
table#dkpAttendance .columnDKP {
	width: 20px;
	text-align: right !important;
	padding: 3px 2px;
}
table#dkpAttendance .columnDKP input {
	width: 25px;
	text-align: center !important;
}
table#dkpAttendance .columnComments {
	width: 120px;
	text-align: center !important;
	padding: 3px 6px;
}
table#dkpAttendance .columnComments input {
	width: 110px;
	text-align: right !important;
}
table#dkpAttendance .columnControls a {
	position: relative;
	top: 1px;
}

/*
 *	RaidDKP - Edit Attendance
 */
table#dkpEditAttendance .columnEvent {
	width: 100px;
}
table#dkpEditAttendance .columnEvent .rowButton {
	float: left !important;
	margin: 0px !important;
}
table#dkpEditAttendance .columnTime {
	text-align: center;
	width: 130px;
}
table#dkpEditAttendance .columnTime input {
	text-align: center;
	width: 120px;
}
table#dkpEditAttendance .columnDuration {
	text-align: center;
	width: 50px;
}
table#dkpEditAttendance .columnDuration input {
	text-align: right;
	width: 40px;
}

/*
 *	RaidDKP - Items
 */
table#dkpItems .columnItem {
	width: 235px;
}
table#dkpItems .columnItem .rowButton {
	float: left !important;
	margin: 0px !important;
}
table#dkpItems .columnType {
	width: 200px;
}
table#dkpItems .columnSeen {
	width: 75px;
}
table#dkpItems .columnMin {
	width: 75px;
	text-align: right !important;
}
table#dkpItems .columnMax {
	width: 75px;
	text-align: right !important;
}

/*****
 * Fields
 *****/
#user {
	width: 230px;
}
#passwrd, #admin_pass {
	width: 230px;
}
#cookielength {
	width: 20px;
}
 
#raidTitle {
	width: 350px;
}
#raidDescription {
	height: 150px;
}
#raidTanks, #raidHealers, #raidDPS {
	width: 25px;
}

#raidOnTime, #raidPerHour, #raidFullRaid, #raidPerKill, #raidPerFirstKill, #raidLatePenalty, #raidAbsentPenalty {
	width: 25px;
}

#raidStartTime, #raidEndTime {
	width: 50px;
}


/*****
 * Specific Page Formatting
 *****/
 
/* Homepage */
.newsBox {
	width: 750px !important;
}
#recruitment {
	float: left;
	width: 126px;
	margin: 0px 0px 0px 10px;
}
#recruitment h2 {
	margin-top: 0px;
}
#recruitment a {
	position: relative;
	display: block;
	padding: 2px 0px 3px 20px;
}
#recruitment a img {
	position: absolute;
	top: 1px;
	left: -1px;
}
#recruitment #lastUpdate {
	color: #404040;
	margin: 18px 0px 0px 0px;
}
 
/* Login */
#login {
	width: 350px !important;
}
#login .control {
	padding: 3px 0px 0px 10px;
}
#login .control > input, #login .control span {
	top: 1px;
	left: 100px;
}
#login form {
	margin: 15px 0px 0px 0px;
}

/* Maintenance */
#maintenanceScreen {
	background-repeat: no-repeat;
	background-image: url('../images/backgrounds/maintenance.png');
	overflow: hidden;
	height: 500px;
}
#maintenanceScreen #login {
	margin-top: 175px;
}

/* Registration */
#captcha {
	position: relative;
	top: 8px;
	left: 125px;
}
#TOS {
	margin: 0px 20px;
	padding: 10px;
	height: 75px;
	overflow: auto;
	border: 1px solid #383838;
	background-color: #282828;
}

/* Member List */
span.pages, span.subpages {
	position: relative !important;
	top: 3px !important;
}

/* Create Account */
#createAccount {
	width: 490px;
	margin: 25px auto;
	overflow: hidden;
}
#createAccount a {
	position: relative;
	display: block;
	width: 200px;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #282828;
	background-color: #202020;
	padding: 8px 12px 22px 12px;
	background-image: url('../images/backgrounds/createAccount60.alpha.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	float: right;
	margin: 10px 0px 5px 0px;
}
#createAccount a:hover {
	border-color: #303030;
	background-color: #282828;
	text-decoration: none;
}
#createAccount a img {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* DKP */
#dkpFrame {
	padding: 10px;
	overflow: hidden;
}
#dkpFrame img, #dkpFrame div {
	float: left;
	padding-right: 5px;
}
#dkpFrame div {
	padding: 40px 10px 0px 10px;
	font-size: 12pt;
	font-weight: bold;
	height: 24px;
	text-align: right;
	position: relative;
	color: #ffffff;
}
#dkpFrame div span {
	position: absolute;
	top: 22px;
	right: 10px;
	font-size: 7pt;
	font-weight: bold;
	color: #808080;
}
#dkpFrame div span a {
	color: #808080 !important;
}
#dkpFrame #dkpCurrent {
	padding-top: 25px;
	font-size: 24pt;
}
#dkpFrame #dkpCurrent span {
	font-size: 9pt;
	top: 10px;
}

/* Raids */
#attendance p.notice {
	margin: 0px 4px 10px 4px !important;
}
#signUpControl {
	background-color: #282828;
	border: 1px solid #303030;
	padding: 7px 8px 8px 25px;
	margin: 0px 4px 10px 4px !important;
	background-image: url("../images/icons/calendar16.alpha.png");
	background-repeat: no-repeat;
	background-position: 4px 6px;
	width: 692px;
}
#signUpControl select {
	margin: 0px 5px;
}
#signUpControl .compositeControl {
	top: 5px !important;
	left: 90px;
	width: 100%;
}
#signUpControl #commentLabel {
	margin: 0px 0px 0px 15px;
	background-image: url('../images/icons/note16.alpha.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}
#signUpControl #comment {
	margin: 0px 5px;
	height: 13px;
	position: relative;
	top: 0px;
	width: 135px;
}
#signUpControl .button {
	padding-bottom: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
}
div.columnBlock table {
	width: 235px;
	float: left;
	margin: 0px 5px 0px 5px;
}
.attendanceNote {
	position: relative;
	left: 10px;
}


/* View (Complete) */
table#attendanceList {
	width: 250px;
}
table#lootList {
	width: 450px;
}

/* Poll */
#poll {
	position: relative;
}
#poll h2 {
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
#poll #choices {
	margin: 0px 0px 0px 170px;
	border: 1px solid #303030;
	background-color: #282828;
	width: 580px;
	padding: 10px;
}
#poll .choice {

}
#poll .options {
	position: absolute;
	bottom: 30px;
	left: 780px;
}
#poll .options .imageLink {
	display: block;
}


.horizontalBarChart .row {
	position: relative;
	background-image: url('../images/controls/grid.png');
	background-repeat: repeat-y;
	background-position: 170px 0px;
	padding: 3px 0px;
}
.horizontalBarChart .row .text {
	font-size: 9pt;
	color: #c0c0c0;
	width: 160px;
	text-align: right;	
}
.horizontalBarChart .row .number {
	color: #606060;
	font-size: 7pt;
	width: 160px;
	text-align: right;
}
.horizontalBarChart .row .bar {
	padding: 1px 0px 1px 0px;
	position: absolute;
	top: 4px;
	left: 170px;
	width: 600px;
}
.horizontalBarChart .row .bar .barBody {
	height: 18px;
	display: inline-block;
	background-color: #419aff;
	border: 1px solid #005ac0;
}
.horizontalBarChart .row .bar.selected .barBody {
	background-color: #00c000 !important;
	border-color: #008000 !important;
}
.horizontalBarChart .row .bar.zero .barBody {
	border-color: #c0c0c0 !important;
	border-style: solid none solid solid !important;
}
.horizontalBarChart .scale {
	width: 600px;
	border-top: 1px solid #5d5d5d;
	margin-left: 170px;
	height: 20px;
	position: relative;
}
.horizontalBarChart .scale span {
	position: absolute;
	top: 2px;
	color: #606060;
	font-size: 7pt;
	font-weight: bold;
}
.horizontalBarChart .scale .none {
	left: 0px;
}
.horizontalBarChart .scale .half {
	left: 49%;	
}
.horizontalBarChart .scale .max {
	right: 0px;
}


/* Thread */
.threadPages {
	display: block;
	text-align: right;
	padding: 0px 15px;
	word-spacing: -1em;
}
.threadPages a {
	display: inline-block;
	padding: 5px 0px;
	width: 28px;
	text-align: center;
	text-decoration: none;
	border: 1px #181818;
}
#paginationTop.threadPages a {
	border-style: solid solid none solid;
}
#paginationBottom.threadPages a {
	border-style: none solid solid solid;
}
.threadPages span {
	display: inline-block;
	width: 15px;
	text-align: center;
}
.threadPages a.current {
	padding: 5px 8px;
	margin: 0px 2px;
	font-weight: bold;
	position: relative;
	color: #808080 !important;
}
#paginationTop.threadPages a.current, #paginationTop.threadPages a:hover {
	background-color: #101010;
	border-color: #202020;
	top: 1px;
}
#paginationBottom.threadPages a.current, #paginationBottom.threadPages a:hover {
	background-color: #101010;
	border-color: #202020;
	top: -1px;
}
.thread {
	background-color: #101010;
	padding: 4px 4px;
	clear: both;
	border: 1px solid #202020;
}
.thread .post {
	padding: 4px 0px;
	overflow: hidden;
}
.thread .user, .thread .content {
	background-color: #181818;
	float: left;
	margin: 0px 4px;
}
.thread .user {
	width: 120px;
	padding: 8px 10px;
	position: relative;
}
.thread .user .username {
	font-weight: bold;
	display: block;
	font-size: 10pt;
}
.thread .user .badge {
	position: absolute;
	top: 10px;
	right: 10px;
}
.thread .content {
	width: 736px;
	padding: 8px;
}
.thread .avatar {
	padding: 5px 2px;
}
.thread .contentHeader {
	color: #303030;
	margin: 0px 0px 5px 0px;
}
.thread .contentBody {
	padding: 5px 5px 5px 10px;
}
.thread .contentAttachments {
	padding: 5px 0px 5px 0px;
}
.thread .contentAttachments h3 {
}
.thread .contentAttachments .attachment {
	margin: 0px 0px 0px 20px;
	display: block;
}
.thread .contentFooter {
	margin: 10px 0px 0px 0px;
	color: #303030;
	overflow: hidden;
}
.thread .signature {
	padding: 5px;
	margin: 20px 15px 10px 15px;
	border-top: 1px dotted #303030;
	color: #606060;
}
.contentFooter span {
	float: left;
}
.contentFooter a {
	float: right;
	margin-left: 3px;
}
.linkButton {
	position: relative;
	padding: 1px 2px 2px 19px;
}
.linkButton img {
	position: absolute;
	top: 3px;
	left: 2px;
}

/* Post */
#postPreview {
	margin: 0px 0px 20px 0px;
}
#postIcon {
	width: 156px;
}
#postIconPreview {
	height: 20px;
	width: 20px;
	vertical-align: top;
	padding: 0px 5px;
	display: inline-block;
	overflow: hidden;
}
#postEditorSidebar {
	display: inline-block;
	width: 205px;
}
#postColour {
	width: 100px;
}
.toolbar {
	margin: 2px 0px;
	padding: 5px;
	-moz-border-radius: 8px;
	background-color: #282828;
	font-size: 0px;
	text-align: center;
}
.toolbar a {
	-moz-border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
}
.toolbar a:hover {
	background-color: #202020;
}
.toolbar a img {
	display: block;
	margin: auto auto;
}
#postSubject {
	width: 475px;
}
#postLastEdit {
	color: #404040;
}
#postMessage {
	width: 530px;
	height: 300px;
}
.pane.wide #postMessage {
	width: 685px;
	height: 300px;
}

#postOptionsPanel {
	background-color: #282828;
	padding: 10px;
	-moz-border-radius: 8px;
	margin: 10px 0px 5px 0px;
}
#postOptionsPanel a h2 {
	margin: 0px;
	color: #fa9632;
}
#postOptionsPanel a:hover h2 {
	color: #fa9632;
}
#postOptions {
	display: inline-block;
	vertical-align: top;
	width: 400px;
}
#postOptions label {
	width: 135px;
}
#postAttachments {
	display: inline-block;
	vertical-align: top;
}


/*
 *	Raid DKP
 */

/* Summary Screen */
#raidStatus {
	width: 150px;
	border: 1px solid #282828;
	background-color: #1c1c1c;
	float: right;
	background-image: url('../images/backgrounds/dkpStatus.jpg');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin: 0px 0px 0px 20px;
}
#raidStatus h3 {
	display: block;
	margin: 0px 0px 5px 0px;
	background-color: #282828;
	padding: 6px 8px 8px 8px;
	font-weight: bold;
	color: #ffffff;
}
#raidStatus a {
	display: block;
	padding: 4px 10px 4px 45px;
	position: relative;
}
#raidStatus a img {
	position: absolute;
	top: 2px;
	left: 10px;
}
#dataStatus {
	border: 1px solid #282828;
	background-color: #1c1c1c;
	width: 245px;
	overflow: hidden;
	margin: 30px auto 40px auto;
}
#dataStatus label {
	color: #ffffff;
	background-color: #282828;
	padding: 12px;
	display: block;
	width: 70px;
	float: left;
}
#dataStatus span {
	font-size: 12pt;
	background-image: url('../images/backgrounds/dataStatus.jpg');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	font-weight: bold;
	padding: 8px 20px 10px 20px;
	display: block;
	width: 110px;
	float: left;
	text-align: center;
}


#raidReminderOfDoom {
	position: absolute;
	top: -25px;
	right: -50px;
	z-index: 10000;
	background-image: url('../images/backgrounds/assistant.png');
	width: 195px;
	height: 190px;
	padding: 15px;
	color: #000000;
}


/* Image Hosting */
.imageHosting #recentUploads {
	text-align: center;
}
.imageHosting #recentUploads span {
	display: inline-block;
	vertical-align: middle;
	padding: 15px 5px 10px 5px;
}
.imageHosting .thumbnail {
	display: block;
	padding: 0px 0px 5px 0px;
}
.imageHosting .thumbnail img {
	display: block;
}

.imageHosting #uploadText {
	position: relative;
	margin: 35px auto 0px auto;
	width: 500px;
}
.imageHosting #uploadImage {
	padding: 10px;
	margin: 20px auto 35px auto;
	background-color: #101010;
	border: 2px solid #202020;
	position: relative;
	width: 500px;
	height: 21px;
}
.imageHosting #uploadFile {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0px;
	width: 385px;
}
.imageHosting #uploadButton {
	position: absolute;
	top: 7px;
	right: 7px;
}

.imageHosting .imagePreview {
	float: right;
	margin: 0px 0px 15px 15px;
	display: block;
}
.imageHosting .imagePreview img {
	display: block;
}
.imageHosting .message.success {
	width: 480px;
}
.imageHosting #uploadComplete {
	overflow: hidden;
}
.imageHosting #imageURL, .imageHosting #thumbnailURL, .imageHosting #imageForumCode {
	width: 490px;
}
.imageHosting #imageForumCode {
	height: 70px;
}


/*****
 * SMF Post Elements
 *****/


.quote {
	margin: 8px 0px;
	padding: 2px 12px 8px 12px;
	background-image: url('../images/backgrounds/quote.png');
	background-repeat: repeat-y;
	background-position: top-left;
	color: #a0a0a0;
}
.quote .quoteHeader {
	padding: 0px 0px 3px 0px;
}
.quote .quoteHeader a {
	font-style: italic;
	color: #914005;
}
.quote .quoteHeader a:hover {
	color: #914005;
}

.smiley {
	padding: 0px 2px 0px 0px;
	position: relative;
	top: 2px;
}
 
/*
.quote
{
	color: #000000;
	background-color: #D7DAEC;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}*/
.code
{
	color: #000000;
	background-color: #dddddd;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}
.codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}
.meaction
{
	color: red;
}
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}
.error
{
	color: red;
}