BODY{
    margin:0; 
    padding:0;
    font-family: "Helvetica","Trebuchet MS","Arial",sans-serif;
    font-size:10pt;
    color:#CCC;
    background: #000 url('bg-dirt.png');
}
BODY.nether{
	background: #000 url('bd-nether.png');
}
IMG{
    border: 0;
}
A, A:visited {
	color:#FFF;
}
*{
    outline: none;
}
LABEL{
    cursor: pointer;
}

/*Framework*/
.mbody{
    padding: 0 10px;
    margin: 0 auto;
    max-width: 900px;
    min-width: 700px;
}
.ltFull, .ltCenter, .ltCtntEtc, .ltEtcCtnt{
    overflow: hidden;
}
.ltFull .colCtnt{
    /**width: 900px;/**/
}
UL{
    margin: 0;
    padding: 0;
    list-style: none;
}
.hList{
    overflow: hidden;
    list-style: none;
}
.hList LI{
    float: left;
}
.action{
    float: right;
}
.hidden{
	display: none;
}
.greenButton{
	border: 1px #59a20e solid;
	background: #59a20e;
	padding: 5px 20px;
	font-size: 9pt;
	color: #FFF;
	border-radius: 2px;
	cursor: pointer;
}
.orangeButton{
	border: 1px #fe7a00 solid;
	background: #fe7a00;
	padding: 5px 20px;
	font-size: 9pt;
	color: #FFF;
	border-radius: 2px;
	cursor: pointer;
}
.greenButton:hover{
	border-color: #7fcc2c;
	background: #7fcc2c;
}
.orangeButton:hover{
	border-color: #ff9e44;
	background: #ff9e44;
}
.greenButton:active{
	border-color: #447c07;
	background: #447c07;
}
.orangeButton:active{
	border-color: #e86f00;
	background: #e86f00;
}
.textInput{
	border: 1px;
    border-style: solid;
    border-color: #777;
    color:#FFF;
    font-size: 11pt;
    padding: 4px;
    background: #666;
}
.error .textInput{
	border-color: #59A20E;
}
.hint{
	color:#CCC;
	font-style: italic;
	font-size: 8pt;
	line-height: 13pt;
}
.iferror{
	display: block;
	visibility: hidden;
	font-size: 8pt;
	color: #59A20E;
}
.error .iferror{
	visibility: visible;
}

.infoFrame{
	width: 600px;
	margin: 25px auto 0;
	font-size: 10pt;
	padding: 15px;
	border-radius: 5px;
	background: #222;
}
.errorFrame, .successFrame, .repeatedMailErrorFrame{
	display: none;
	border: 1px #59A20E solid;
}
.errorFrame H3{
	color: #59A20E;
}
.generalError .errorFrame{
	display: block;
}
.repeatedMailError .repeatedMailErrorFrame{
    display: block;
}
.success .successFrame{
	display: block;
}


/*Header*/
#MainHead{
	background: transparent url('bg-horizon.png') repeat-x scroll 0 -50px;
}
.nether #MainHead{
	background: transparent url('bg-horizon-nether.png') repeat-x scroll 0 -50px;
}
#MainHead .welcomeMsg{
	width: 400px;
	text-align: right;
}
.nether #MainHead .welcomeMsg A{
	text-shadow: 3px 3px 3px #000;
}
#MainHead .welcomeMsg H2{
	color: #FFF;
	font-size: 20pt;
	text-shadow: 2px 2px 2px #666;
	margin: 15px 0 0;
}
#MainHead #Logo{
	color: #FFF;
	font-size: 32pt;
	text-shadow: 2px 2px 2px #666;
}
#MainHead #Logo A{
	text-decoration: none;
	color: #FFF;
}
.nether #MainHead .welcomeMsg H2, .nether #MainHead #Logo{
	color: #EEE;
	text-shadow: 3px 3px 3px #000;
}
#MainHead #menu{
	margin: 10px auto -55px;
	width: 900px;
	height: 30px;
	background: #333;
	border-radius: 5px;
}
#MainHead #menu LI{
	padding: 7px 15px;
}
#MainHead #menu LI.active{
	background: #666
}
#MainHead .markeeTop{
	background: #666;
	height: 49px;
	margin: 68px 0 0 0;
	padding: 15px 17px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	color: #FFF;
}
#MainHead .markeeTop .clarification{
	font-size: 8pt;
}
#MainHead .markeeTop H2{
	display: inline-block;
	margin: 0;
}
.markeeSeparator{
	background: #282828;
	height: 2px;
	width: 900px;
}
#MainBody .markeeMiddle{
	background: #333;
	margin: 0;
}

#MainBody .markeeMiddle .formFrame{
	margin: 45px auto 0;
	width: 390px;
	height: 175px;
}
#MainBody .markeeMiddle .formFrame .submit{
	margin-top: 10px;
}
#MainBody .markeeMiddle .infoFrame .formFrame{
	margin: 0 auto 0;
}
#MainBody .markeeMiddle .formFrame .lockImage{
	float: left;
	margin: 10px 0;
	width: 83px;
	height: 101px;
	background: transparent url('pixeledlock.png') no-repeat center;
}
#MainBody .markeeMiddle .formFrame .formContainer{
	width: 250px;
	float: left;
	margin-left: 50px;
}
#MainBody .markeeMiddle .formFrame .formContainer LI{
	padding: 2px 0;
}
#MainBody .markeeMiddle .formFrame .formContainer LI .text{
	display: block;
}
#MainBody .markeeMiddle .formFrame .formContainer LI .textInput{
    width: 200px;
}
BODY #MainBody .markeeMiddle .bigForm .formContainer LI .textInput{
	width: 300px;
}
#MainBody .markeeMiddle .formFrame .formContainer LI .submitButton{
	margin-left: 0;
	display: inline-block;
}

#MainBody .markeeMiddle .panelMain{
	width: 550px;
	padding-top: 50px;
	margin: 0 auto;
}
#MainBody .markeeMiddle .panelMain .hList LI{
	width: 150px;
	border-radius: 5px;
	background: #222;
	margin-left: 50px;
	position: relative;
}
#MainBody .markeeMiddle .panelMain .hList LI.disabled{
	opacity:0.4;
}
#MainBody .markeeMiddle .panelMain .hList LI.disabled A{
	cursor: default;
}
#MainBody .markeeMiddle .panelMain .hList LI:hover{
	background: #444;
}
#MainBody .markeeMiddle .panelMain .hList LI.disabled:hover{
	background: #222;
}
#MainBody .markeeMiddle .panelMain .hList LI.first{
	margin-left: 0;
}
#MainBody .markeeMiddle .panelMain .hList LI P{
	margin: 10px auto 5px;
	width: 125px;
	text-align: center;
}
#MainBody .markeeMiddle .panelMain .hList LI .image{
	margin: 10px auto;
	position: relative;
}
#MainBody .markeeMiddle .panelMain .hList LI .bookImage{
	background: transparent url('book.png') no-repeat center;
	width: 105px;
	height: 92px;
}
#MainBody .markeeMiddle .panelMain .hList LI .keyImage{
	background: transparent url('key.png') no-repeat center;
	width: 70px;
	height: 90px;
}
#MainBody .markeeMiddle .panelMain .hList LI .diamondImage{
	background: transparent url('diamond.png') no-repeat center;
	width: 82px;
	height: 90px;
}
#MainBody .markeeMiddle .notVipPromote{
	width: 500px;
	margin: 50px auto 0;
	text-align: center;
}
#MainBody .markeeMiddle .notVipPromote H1, #MainBody .markeeMiddle .notVipPromote H2,
#MainBody .markeeMiddle .notVipPromote H3, #MainBody .markeeMiddle .notVipPromote H4{
	margin: 0;
}

#MainBody .markeeMiddle .highlight{
	font-weight: bold;
	color: #59A20E;
}
.nether #MainBody .markeeMiddle .highlight{
	color: #fe7a00;
}
BODY #MainBody .markeeMiddle .passwordForm{
	height: 275px;
}
#MainFoot .markeeBottom{
	background: #333;
	height: 25px;
	margin: 0 0 50px 0;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}


/*Log*/
#MainBody .markeeMiddle .logForm{
	padding: 30px;
	margin: 0 auto;
	width: 700px;
	height: 80px;
}
#MainBody .markeeMiddle .logForm LI{
	padding-bottom: 10px;
	font-size: 9pt;
}
#MainBody .markeeMiddle .logForm LI P{
	font-size: 9pt;
	margin:0;
}
#MainBody .markeeMiddle .logForm .searchField{
	font-size: 9pt;
	line-height: 10pt;
	padding: 3px;
	margin: 0;
	width: 600px;
}
#MainBody .markeeMiddle .logForm .beginningCheck, #MainBody .markeeMiddle .logForm .allCheck{
	margin: 0 0 0 10px;
	line-height: 10pt;
	vertical-align: middle;
	display: inline-block;
	height: 12pt;
	width: 100px;
}
#MainBody .markeeMiddle .logForm .allCheck{
	margin-right: 72px;
}
#MainBody .markeeMiddle .logForm .beginningCheck .text, #MainBody .markeeMiddle .logForm .allCheck .text{
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}
#MainBody .markeeMiddle .logForm .beginningCheck INPUT, #MainBody .markeeMiddle .logForm .allCheck INPUT{
	margin: 0 0 0 0;
}
#MainBody .markeeMiddle .logForm .submitButton{
	padding: 3px 15px;
}
#MainBody .markeeMiddle .logForm .prefixMenu{
	font-size: 9pt;
	margin-top: -8px;
}
#MainBody .markeeMiddle .logForm .prefixMenu LI{
	margin: 0 5px;
}
#MainBody .markeeMiddle .logForm .prefixMenu LI.first{
	margin: 0 5px 0 0;
}
#MainBody .markeeMiddle .logForm .dateSelect{
	margin-top: -5px;
}
#MainBody .markeeMiddle .logForm .dateStart, 
#MainBody .markeeMiddle .logForm .dateEnd{
	font-size: 7pt;
	line-height: 8pt;
	padding: 1px;
	width: 65px;
}

#MainBody .markeeMiddle .logViewer{
	width: 800px;
	overflow: auto;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #CCC;
	font-size: 10pt;
	font-family: Arial;
	color: #EEE;
	background: #111;
	max-height: 450px;
	overflow-y: visible;
	overflow-x: hidden;
	border-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}
#MainBody .markeeMiddle .logViewer.filterActive LI{
	display: none;
}
#MainBody .markeeMiddle .logViewer LI.loadmore A{
	margin: 10px auto;
	width: 110px;
	font-size: 13pt;
	display: block;
	text-decoration: underline;
}
#MainBody .markeeMiddle .logViewer LI.loadmore .loading{
	margin: 10px auto;
	width: 110px;
	font-size: 13pt;
	display: none;
}
#MainBody .markeeMiddle .logViewer LI.loadmore.onLoad .loading{
	display: block;
}
#MainBody .markeeMiddle .logViewer LI.loadmore.onLoad A{
	display: none;
}
#MainBody .markeeMiddle .logViewer.filterActive LI.match{
	display: block;
}
#MainBody .markeeMiddle .logViewer.filterActive LI.loadmore{
	display: block;
}
#MainBody .markeeMiddle .noDates .logViewer .date{
	display: none;
}
#MainBody .markeeMiddle .plainText .logViewer LI.line A{
	display: none;
}
#MainBody .markeeMiddle .onFocus .logViewer{
	border: 1px solid #fe7a00;
	border-bottom: 0;
}
#MainBody .markeeMiddle .onStop .logViewer{
	border: 1px solid #e6002d;
	border-bottom: 0;
}
#MainBody .markeeMiddle .logViewer .line{
	padding: 1px;
	border-radius: 2px;
}
#MainBody .markeeMiddle .logViewer .zebra{
	background: #181818;
}
#MainBody .markeeMiddle .logViewer.filterActive .zebra{
	background: #111;
}
#MainBody .markeeMiddle .logViewer A{
	text-decoration: none;
	color: #fe7a00;
	font-size: 8pt;
	vertical-align: top;
} 
#MainBody .markeeMiddle .logViewer .selected{
	background: #5a2b00;
}
#MainBody .markeeMiddle .logViewer .expanded{
	padding-left: 10px;
	background: #241100;
}
#MainBody .markeeMiddle .logViewer .expanded.zebra{
	background: #361a00;
}
#MainBody .markeeMiddle .logViewer .expanded A{
	visibility: hidden;
}
#MainBody .markeeMiddle .logViewer .expanded A.moreMessage{
	visibility: visible;
	text-decoration: underline;
}

#MainBody .markeeMiddle .commandMenu{
	width: 800px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #CCC;
	font-size: 9pt;
	font-family: "Arial";
	color: #EEE;
	background: #111;
	max-height: 450px;
	overflow-y: visible;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 1px dashed #CCC;
}
#MainBody .markeeMiddle .onFocus .commandMenu{
	border: 1px solid #fe7a00;
	border-top: 1px dashed #CCC;
}
#MainBody .markeeMiddle .onStop .commandMenu{
	border: 1px solid #e6002d;
	border-top: 1px dashed #CCC;
}
#MainBody .markeeMiddle .commandMenu .closeAction{
	width: 40px;
	float: right;
	margin-right: -5px;
	display: none;
}
#MainBody .markeeMiddle .commandMenu LI{
	margin: 0 10px;
}
#MainBody .markeeMiddle .commandMenu LI.action{
	float: right; 
}
#MainBody .markeeMiddle .commandMenu LI.first{
	margin: 0;
}
#MainBody .markeeMiddle .searchActive .commandMenu .logCommand{
	display: none;
}
#MainBody .markeeMiddle .commandMenu .commandInputField{
	font-size: 9pt;
	line-height: 7pt;
	padding: 0;
	width: 680px;
	background: #111;
	border: 0;
	height: 11pt;
}
#MainBody .markeeMiddle .commandMenu.onCommandInput .element{
	display: none;
}
#MainBody .markeeMiddle .commandMenu .commandInput, #MainBody .markeeMiddle .commandMenu .closeAction{
	display: none;
}
#MainBody .markeeMiddle .commandMenu.onCommandInput .commandInput{
	display: block;
}
#MainBody .markeeMiddle .commandMenu.onCommandInput .closeAction{
	display: inline;
}

/**
 * 	Tagger
 */
#MainBody .markeeMiddle .mainTagger{
	padding: 25px;
}
#MainBody .markeeMiddle .mainTagger small{
	font-size: 7pt;
}
#MainBody .markeeMiddle .mainTagger .mainTaggerTitle{
	margin:0px;
	width: 200px;
	display: inline;
}
#MainBody .markeeMiddle .mainTagger .innerTagger{
	border-radius: 5px;
	border: 1px solid #CCC;
	overflow:auto;
	height: 650px;
	/**border: 1px dashed #CCC;
	border-radius: 3px;
	padding: 20px;/**/
}

/*Colours*/
/**
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.general{
	background: #3D1F00;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.sell{
	background: #0A281B;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.buy{
	background: #0D2333;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.fun{
	background: #2A1630;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.tell{
	background: #222222;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.bad{
	background: #2E0F10;
}/**/

#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.zebra{	
	background: #181818;
}

#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.tell .msgCheckboxContainer, 
#MainBody .markeeMiddle .mainTagger .innerTagger .tell .tagSelector LI.tell A,
#MainBody .markeeMiddle .mainTagger .tagSelector.tell LI.tell A{
	background: #707070;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.general .msgCheckboxContainer, 
#MainBody .markeeMiddle .mainTagger .innerTagger .general .tagSelector LI.general A,
#MainBody .markeeMiddle .mainTagger .tagSelector.general LI.general A{
	background: #CC6600;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.sell .msgCheckboxContainer, 
#MainBody .markeeMiddle .mainTagger .innerTagger .sell .tagSelector LI.sell A,
#MainBody .markeeMiddle .mainTagger .tagSelector.sell LI.sell A{
	background: #218559;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.buy .msgCheckboxContainer, 
#MainBody .markeeMiddle .mainTagger .innerTagger .buy .tagSelector LI.buy A,
#MainBody .markeeMiddle .mainTagger .tagSelector.buy LI.buy A{
	background: #2A75A9;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.fun .msgCheckboxContainer, 
#MainBody .markeeMiddle .mainTagger .innerTagger .fun .tagSelector LI.fun A,
#MainBody .markeeMiddle .mainTagger .tagSelector.fun LI.fun A{
	background: #8C489F;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.bad .msgCheckboxContainer, 
#MainBody .markeeMiddle .mainTagger .innerTagger .bad .tagSelector LI.bad A,
#MainBody .markeeMiddle .mainTagger .tagSelector.bad LI.bad A{
	background: #9A3334;
}

#MainBody .markeeMiddle .mainTagger .innerTagger .modified .tagSelector LI.modified A,
#MainBody .markeeMiddle .mainTagger .tagSelector.modified LI.modified A{
	background: #00CC00;
}
#MainBody .markeeMiddle .mainTagger .tagSelector.reported LI.reported A{
	background-color:#E6002D
}

/*Filters*/
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.filterGeneral .messageElement.general{
	display: none;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.filterSell .messageElement.sell{
	display: none;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.filterBuy .messageElement.buy{
	display: none;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.filterFun .messageElement.fun{
	display: none;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.filterTell .messageElement.tell{
	display: none;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.filterBad .messageElement.bad{
	display: none;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.showReported LI.reported{
	display: list-item!important;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messsagesContainer.showModified LI.modified{
	display: list-item!important;
}

/*Message*/
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement{
	height: 60px;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.selected{
	background: #999999;
	color: #333333;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .message{
	height: 60px;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgCheckboxContainer,
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgBody{
	height: 60px;
	display: inline-block;
	float: left;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgCheckboxContainer{
	margin: 0px;
	width: 20px;
	height: 40px;
	padding-top: 20px;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgBody{
	height: 40px;
	padding: 5px 0 0 10px;
	width: 797px;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgBody .tagSelector{
	float: right;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgBody .msgTagSelectorContainer{
	margin-bottom: 10px;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgBody .msgPlayerName{
	width: 100px;
	display: inline-block;
	float: left;
	font-size: 9pt;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgBody .msgText{
	width: 505px;
	height: 30px;
	display: inline-block;
	float: left;
	margin-top: 2px;
	font-size: 8pt;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgReported,
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgModified{
	display: none;
	margin: 5px 1px 0 5px;
	width: 18px;
	height: 18px;
	float: right;	
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.reported .msgReported{
	display: inline-block;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement.modified .msgModified{
	display: inline-block;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgReported A,
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgModified A{
	width: 18px;
	height: 18px;
	display:inline-block;
	text-decoration: none;
	font-size: 11pt;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	background-color:#E6002D;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .messageElement .msgModified A{
	background-color:#00CC00;
}
#MainBody .markeeMiddle .mainTagger .innerTagger .nothingMessage{
	margin: 300px auto;
	width: 390px;
}

/*tagSelector*/
#MainBody .markeeMiddle .mainTagger .tagSelector LI{
	margin-left: 5px;
	font-size: 8pt;
}

#MainBody .markeeMiddle .mainTagger .tagSelector LI A{
	text-decoration: none;
	border-radius: 6px;
	padding: 3px;
}


/*Loader*/
#MainBody .markeeMiddle .mainTagger .multipleSelector{
	width: 350px;
	float: right;
	font-size: 9pt;
	margin-top: 3px;
}
#MainBody .markeeMiddle .mainTagger .msgSelectionAction{
	margin-top: 1px;
	width: 225px;
	float: left;
}
#MainBody .markeeMiddle .mainTagger .msgSelectionAction LI{
	margin-left: 5px;
	font-size: 9pt;
}

#MainBody .markeeMiddle .mainTagger .msgSelectionAction LI A{
	text-decoration: none;
	border-radius: 6px;
	padding: 3px;
}

#MainBody .markeeMiddle .mainTagger .taggerActionButtons{
	margin: 50px 0 0 3px;
	display:block;
	clear:both;
}

#MainBody .pendingTagger .taggerActionButtons .messagesActions{
	display: inline-block;
}
#MainBody .pendingTagger.noMessages .taggerActionButtons .messagesActions,
#MainBody .pendingTagger .taggerActionButtons .noMessagesActions{
	display: none;
}
#MainBody .pendingTagger.noMessages .taggerActionButtons .noMessagesActions{
	display: inline-block;
}

#MainBody .howToUseMessage{
	width: 850px;
	padding: 10px;
	margin: 0 auto;
}
#MainBody .howToUseMessage H2{
	color: #FE7A00;
	text-shadow: 2px 2px 2px #111;
}