body {
	background-attachment: scroll;
	background-color: #000;
	background-image: url(images/mainbackground.png);
	background-repeat: no-repeat;
	padding:0;
	margin: 0 auto;
	background-position: center top;
}
a:active{
	color: #0182D3;
}
.white_text_spacing {
	margin-top: 2px;
	margin-left: 2px;
}
#rightArrow {
	background-image: url(images/rightArrow.png);
	height: 10px;
	width: 14px;
	margin-left: 100px;
	float: left;
	margin-top: 9px;
}
.classname {
	font-size: 28px;
	color: purple;
}	
#masterbox {
	width: 850px;
	padding:0;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainbox {
	height: auto;
	background:url(images/banner.png);
	background-repeat: no-repeat;
}
#mainboxNoVote {
	height: auto;
	background:url(images/banner.png);
	background-repeat: no-repeat;
}
#mainContentBox {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#items_height {
	height: 850px;
	width: 850px;
	margin-top: 10px;
}
#info_height {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#cleave {
	height: 620px;
	width: 850px;
	margin-top: 10px;
}
#classes_height {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#news_spot_light_height {
	height: 400px;
	width: 850px;
	margin-top: 10px;
}
#xp_sp {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#hp_mp {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#invisibility {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#cooldown {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#disables {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#item_stacking {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#proc_effects {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#masteries {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#statistics {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#shop_items {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#day_night {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#adena {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}

#lifesteal {
	height: 650px;
	width: 850px;
	margin-top: 10px;
}
#damage_defense {
	height: 1050px;
	width: 850px;
	margin-top: 10px;
}
#achievements {
	height: 1050px;
	width: 850px;
	margin-top: 10px;
}
#attributes{
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#start {
	height: 630px;
	width: 850px;
	margin-top: 10px;
}
#ladder {
	height: 630px;
	width: 850px;
	margin-top: 10px;
}
#mission {
	height: 630px;
	width: 850px;
	margin-top: 10px;
}
#contact {
	height: 630px;
	width: 850px;
	margin-top: 10px;
}
#downloads {
	height: 630px;
	width: 850px;
	margin-top: 10px;
}
#top_pvp {
	height: 930px;
	width: 850px;
	margin-top: 10px;
}
#castles {
	height: 930px;
	width: 850px;
	margin-top: 10px;
}
#staff {
	height: 930px;
	width: 850px;
	margin-top: 10px;
}
#donations {
	height: 930px;
	width: 850px;
	margin-top: 10px;
}
#proc_effects {
	height: 630px;
	width: 850px;
	margin-top: 10px;
}
#features {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#concept {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#rules {
	height: 1500px;
	width: 850px;
	margin-top: 10px;
}
#donations {
	height: 2080px;
	width: 850px;
	margin-top: 10px;
}
#get_started {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#get_started2 {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#get_started3 {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#get_started4 {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#get_started5 {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#luna_points {
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#runes{
	height: 780px;
	width: 850px;
	margin-top: 10px;
}
#index{
	height: 820px;
	width: 850px;
	margin-top: 10px;
}
#index2{
	height: 9500px;
	width: 850px;
	margin-top: 10px;
}
#dragon_knight{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#stealth_assassin{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#bloodseeker{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#crystal_mage{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#dread_lord{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#drow_ranger{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#druid{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#enchanter{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#holy_knight{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#invoker{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#lightning_revenant{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#lycanthrope{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#medusa{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#techy{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#warchief{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#testclass{
	height: 1200px;
	width: 850px;
	margin-top: 10px;
}
#shadow_priest{
	height: 1000px;
	width: 850px;
	margin-top: 10px;
}
#shards{
	height: 1320px;
	width: 850px;
	margin-top: 10px;
}
#drops{
	height: 700px;
	width: 850px;
	margin-top: 10px;
}
#armor{
	height: 800px;
	width: 850px;
	margin-top: 10px;
}
#headlinesBoxTitle {
	background-image: url(images/blue/news.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 183px;
	margin-left: 29px;
}
#items_blue {
	background-image: url(images/blue/item_summary.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 183px;
	margin-left: 29px;
}
#menu_index {
	background-image: url(images/blue/menu_index.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 184px;
	margin-left: 29px;
}

#infoBottMenu {
	background-image: url(images/infoBott.png);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 46px;
	margin-top: 75px;
	margin-left: 160px;
}
#infoBottMenu:hover{
	background-image: url(images/infoBottHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 46px;
	margin-top: 75px;
	margin-left: 160px;
}
#copyRightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	text-align: center;
	margin-right: 100px;
	margin-bottom: 5px;
	margin-left: 100px;
	padding-top: 130px;
}
#fullContentBox {
	height: auto;
	width: 824px;
	float: left;
	margin-top: 15px;
}
#fullContentArea {
	height: auto;
	width: 784px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 22px;
}
#leftContentBox {
	height: auto;
	width: 544px;
	float: left;
	margin-top: 15px;
}
#leftContentBox_items {
	height: auto;
	width: 609px;
	float: left;
	margin-top: 15px;
}
#leftContentArea_items {
	height: auto;
	width: 599px;
	margin-left: 10px;
	margin-top: 22px;
}
#rightContentNewsBox_items {
	float: right;
	height: auto;
	width: 240px;
	margin-top: 37px;
	background-image: url(images/rightContent.jpg);
	background-repeat: no-repeat;
}
#rightContentNewsBox {
	float: right;
	height: auto;
	width: 266px;
	margin-top: 37px;
	background-image: url(images/rightContent.jpg);
	background-repeat: no-repeat;
}
.dateRightBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}
.titleNewsRightBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #054E70;
	margin-left: 4px;
}

#rightTittlesbox {
	height: auto;
	width: inherit;
	margin-top: 10px;
	margin-left: 25px;
}
#rightContentArea {
	height: auto;
	width: inherit;
	margin-top: 25px;
	margin-left: 50px;
}
#rightContentArea_items {
	height: auto;
	width: inherit;
	margin-top: 25px;
	margin-left: 20px;
}
.post {
	height: 200px;
	width: 530px;
	margin-left: 40px;
	margin-top: 40px;
}
#leftContentArea {
	height: auto;
	width: 530px;
	margin-left: 40px;
	margin-top: 22px;
}
.postUnderline {
	background-color: #666;
	height: 1px;
	width: 360px;
	margin-left: 30px;
}
.postBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D4D4D4;
	margin-top: 10px;
	height: 96px;
}
.postDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 50px;
	margin-left: 250px;
}



.postTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #50A092;
	margin-left: 56px;
}


#leftArrow {
	background-image: url(images/leftArrow.png);
	background-repeat: no-repeat;
	float: left;
	height: 10px;
	width: 14px;
	margin-left: 72px;
	margin-top: 9px;
}


#classesBottMenu {
	background-image: url(images/classesBott.png);
	background-repeat: no-repeat;
	float: right;
	height: 34px;
	width: 60px;
	margin-top: 75px;
}
#classesBottMenu:Hover {
	background-image: url(images/classesBottHover.png);
	background-repeat: no-repeat;
	float: right;
	height: 34px;
	width: 60px;
	margin-top: 75px;
}
#itemsBottMenu {
	background-image: url(images/itemsBott.png);
	background-repeat: no-repeat;
	float: right;
	height: 34px;
	width: 55px;
	margin-top: 75px;
}
#itemsBottMenu:hover {
	background-image: url(images/itemsBottHover.png);
	background-repeat: no-repeat;
	float: right;
	height: 34px;
	width: 55px;
	margin-top: 75px;
}
#mechanicsBottMenu {
	background-image: url(images/mechanicsBott.png);
	background-repeat: no-repeat;
	float: right;
	height: 34px;
	width: 85px;
	margin-top: 75px;
	margin-right: 160px;
}
#mechanicsBottMenu:hover {
	background-image: url(images/mechanicsBottHover.png);
	background-repeat: no-repeat;
	float: right;
	height: 34px;
	width: 85px;
	margin-top: 75px;
	margin-right: 160px;
}
#bottomMainBox {
	background-image: url(images/bottomBanner.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 850px;
}
#accountBottMenu {
	background-image: url(images/accuntBott.png);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	width: 75px;
	margin-top: 75px;
}
#accountBottMenu:hover{
	background-image: url(images/accuntBottHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	width: 75px;
	margin-top: 75px;
}
#forumsBottMenu {
	background-image: url(images/forumsBott.png);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	width: 68px;
	margin-top: 75px;
}
#forumsBottMenu:hover {
	background-image: url(images/forumsBottHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	width: 68px;
	margin-top: 75px;
}


#statusBox {
	height: 38px;
	width: 850px;
}
#mainMenuBox {
	height: 40px;
	width: 850px;
	margin-top: 392px;
}



#itemsMenu {
	background-image: url(images/infoNormal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
}
#serverStatus {
	background-image: url(images/on.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 27px;
	float: left;
	margin-left: 78px;
}
#loginStatus {
	background-image: url(images/on.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 27px;
	margin-left: 65px;
}
#serverStatusOff {
	background-image: url(images/off.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 27px;
	float: left;
	margin-left: 78px;
}
#loginStatusOff {
	background-image: url(images/off.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 27px;
	margin-left: 65px;
}
#accountMenu {
	background-image: url(images/accountNormal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 96px;
}
#accountMenu:hover {
	background-image: url(images/accountHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 96px;
}

#mainInfoRedTitle {
	background-image: url(images/mainTitleRed/info.png);
	height: 21px;
	width: 55px;
	margin-left: 390px;
	margin-top: 53px;
	background-repeat: no-repeat;
}
#title_red {
	height: 21px;
	width: 192px;
	margin-left: 329px;
	margin-top: 53px;
	background-repeat: no-repeat;
}

#mainAccountRedTitle {
	background-image: url(images/mainTitleRed/account.png);
	height: 21px;
	width: 113px;
	margin-left: 357px;
	margin-top: 53px;
	background-repeat: no-repeat;
}
#mainClassesRedTitle {
	background-image: url(images/mainTitleRed/classes.png);
	height: 21px;
	width: 97px;
	margin-left: 369px;
	margin-top: 53px;
	background-repeat: no-repeat;
}
#mainItemsRedTitle {
	background-image: url(images/red/items.png);
	height: 21px;
	width: 192px;
	margin-left: 329px;
	margin-top: 53px;
	background-repeat: no-repeat;
}
#mainMechanicsRedTitle {
	background-image: url(images/mainTitleRed/mechanics.png);
	height: 21px;
	width: 135px;
	margin-left: 340px;
	margin-top: 53px;
	background-repeat: no-repeat;
}


#forumsMenu {
	background-image: url(images/forumsNomal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 87px;
}
#forumsMenu {
	background-image: url(images/forumsNomal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 87px;
}
#forumsMenu:hover {
	background-image: url(images/forumsHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 87px;
}
#mechanics {
	background-image: url(images/mechanicsNormal.png);
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	width: 109px;
	margin-right: 55px;
}
#mechanics:hover {
	background-image: url(images/mechanicsHover.png);
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	width: 109px;
	margin-right: 55px;
}
#itemsMenu {
	background-image: url(images/itemsNormal.png);
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	width: 68px;
}
#itemsMenu:hover {
	background-image: url(images/itemsHover.png);
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	width: 68px;
}
#classesMenu {
	background-image: url(images/classesNormal.png);
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	width: 76px;
}
#classesMenu:Hover {
	background-image: url(images/classesHover.png);
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	width: 76px;
}
#infoMenu {
	background-image: url(images/infoNormal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
	margin-left: 55px;
}

#infoMenuClicked {
	background-image: url(images/infoHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
	margin-left: 55px;
}
#infoMenu:hover {
	background-image: url(images/infoHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
	margin-left: 55px;
}

#loggedin {
	float: left;
	height: 27px;
	width: 200px;
	margin-left: 100px;
}
.logoutButton {
	background-image: url(images/login.jpg);
	float: left;
	height: 22px;
	width: 34px;
	margin-left: 10px;
	margin-top: 10px;
}

#countdown{
	color:#B7B7B7;
       margin-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 7px;
	height: 30px;
	width: 150px;
	float: left;
	margin-left: 10px;
}
#usernameBox {
	float: left;
	height: 27px;
	width: 126px;
	margin-left: 10px;
}

#userNameText{
	color:#B7B7B7;
       margin-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	height: 27px;
	width: 200px;
	float: left;
	margin-left: 100px;
}

#passwordBox {
	float: left;
	height: 27px;
	width: 126px;
	margin-left: 10px;
}

.loginTextInputBox {
	margin-top: 7px;
	width: 126px;
	border-width:1px;
       border-style:solid;
       border-color:#333333;
       background-color:#161616;
       font-family: Arial, Helvetica, sans-serif;
       color:#CCCCCC;
}

.loginTextInputBox:hover{
	margin-top: 7px;
	width: 126px;
	border-width:1px;
	border-style:solid;
	border-color:#666;
	background-color:#333;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
.passwordInputBox {
       margin-top: 7px;
       width: 126px;
       border-width:1px;
       border-style:solid;
       border-color:#333333;
       background-color:#161616;
       font-family: Arial, Helvetica, sans-serif;
       color:#CCCCCC;
}
.passwordInputBox:hover{
	margin-top: 7px;
	width: 126px;
	border-width:1px;
	border-style:solid;
	border-color:#666;
	background-color:#333;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
a.newsLink
{
	text-decoration:none;
}

a.newsLink:hover{
	color: #CCC;
	text-decoration:none;
}

.bottArrowsBox {
	height: 25px;
	width: 266px;
	background-image: url(images/rightContentBottBG.jpg);
}
.bottMechanicsBox {
	height: 5px;
	width: 266px;
	background-image: url(images/bottMechanicsBoxBG.jpg);
}
.readmore {
	color: #FFFFFF;
}
#voteBox {
	height: 24px;
	width: 42px;
	float: left;
	margin-left: 32px;
	margin-top: 7px;
	background-image: url(images/vote.png)
}
#votedBox {
	height: 24px;
	width: 42px;
	float: left;
	margin-left: 32px;
	margin-top: 7px;
	background-image: url(images/voted.png)
}
#loginButton {
	background-image: url(images/login.jpg);
	float: left;
	height: 22px;
	width: 34px;
	margin-left: 10px;
	margin-top: 10px;
}



.readmore:hover {
	text-decoration: underline; color: #333333;
}
.registerBox {
	background-image: url(images/register.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 22px;
	width: 54px;
}
#registerBox {
	background-image: url(images/register.jpg);
	float: left;
	height: 22px;
	width: 54px;
	margin-left: 15px;
	margin-top: 10px;
	margin-right: 10px;
}
.blue_selected_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0182D3;
	margin-left: 16px;
}

.orange_Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9000;
	font-weight: bold;
}

.white_right_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-left: 15px;
}

#right_mechanics_div a{
	text-decoration:none;
	color: white;
	}
	
	#right_mechanics_div a:hover{
	color:#0182D3;;
	}
.title_blue {
	height: 17px;
	width: 184px;
	margin-left: 95px;
	margin-bottom: 2px;
}

.blue_title_image_underline {
	background-color: #333;
	height: 5px;
	width: 387px;
	background-image: url(images/mechnicsUnderLine.png);
}
.mechancics_introduction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 17px;
}
#mechanics_introdcution_text_div {
	margin-top: 15px;
}
.orange_text_spacing {
	margin-top: 10px;
	margin-bottom: 10px;
}
.selcted_text_spacing {
	margin-top: 2px;
	margin-bottom: 2px;
}

#luna_logo_click {
	float: left;
	height: 40px;
	width: 165px;
	margin-left: 40px;
}

.mechancics_introduction a{
	color: #fff;
	underline; color: #FFF;
	}

.luna_bott_logo_click {
	float: left;
	height: 34px;
	width: 140px;
	margin-top: 75px;
}
#developers_blog {
	background-image: url(images/developers_blog.jpg);
	height: 30px;
	width: 163px;
	float: left;
	margin-left: 51px;
	margin-top: 10px;
}
#view_changelog {
	background-image: url(images/view_changelog.jpg);
	float: left;
	height: 30px;
	width: 163px;
	margin-left: 51px;
	margin-top: 5px;
}
#iteminfo {
	width: 216px;
}
.itam
{
	width:275px;
	float:left;
	margin-left: 10px;
}
.headimages {
	float: left;
	margin-top: 10px;
	width: 130px;
}
.descript {
	color: rgb(137, 137, 137);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	marging-left:3px;
	height: 1.5em;
}
.bonus {
	background: url(/images/items/bonus.jpg) no-repeat;
	color: white;
	font-size: 11px;
	padding-left: 17px;
	padding-top: 35px;
	font-family:Verdana, Geneva, sans-serif;
}
.recipe {
	background: url(/images/items/recipe.jpg) no-repeat;
	margin-top: 10px;
	color: white;
	font-size: 11px;
	padding-left: 17px;
	padding-top: 35px;
	font-family:Verdana, Geneva, sans-serif;
}
.recipe span {
	color: rgb(131, 185, 255);
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.usedin {
	background: url(/images/items/usedin.jpg) no-repeat;
	margin-top: 10px;
	color: white;
	font-size: 11px;
	padding-left: 17px;
	padding-top: 35px;
	font-family:Verdana, Geneva, sans-serif;
}
.usedin span {
	color: rgb(131, 185, 255);
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	height: 1.5em;
}
.addinfo {
	background: url(/images/items/addinfo.jpg) no-repeat;
	margin-top: 10px;
	color: rgb(137, 137, 137);
	font-weight: normal;
	font-size: 11px;
	padding-left: 17px;
	padding-top: 35px;
	font-family:Verdana, Geneva, sans-serif;
}
.price1 {
	color: white;
	font-size: 13px;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
}
#itam_icon{
	height:64px;
	width:64px;
	float:left;
	margin-top: 10px;
	}
#non-grade{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:87px;
	width:98px;
	height: 18px;
	background-image: url(../images/non-grade.jpg);
	background-repeat: no-repeat;	
	}
#d-grade{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:87px;
	width:98px;
	height: 18px;
	background-image: url(../images/d-grade.jpg);
	background-repeat: no-repeat;	
	}
#c-grade{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:87px;
	width:98px;
	height: 18px;
	background-image: url(../images/c-grade.jpg);
	background-repeat: no-repeat;	
	}
#b-grade{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:87px;
	width:98px;
	height: 18px;
	background-image: url(../images/b-grade.jpg);
	background-repeat: no-repeat;	
	}
#a-grade{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:87px;
	width:98px;
	height: 18px;
	background-image: url(../images/a-grade.jpg);
	background-repeat: no-repeat;	
	}
#s-grade{
	margin-top:12px;
	margin-bottom:10px;
	margin-left:87px;
	width:98px;
	height: 18px;
	background-image: url(../images/s-grade.jpg);
	background-repeat: no-repeat;	
	}
#item_summary{
	background:url(http://www.l2luna.com/images/item_summary.jpg);
	background-repeat:no-repeat;
	background-color:white;
	height:18;
	width: 129;
	margin-left:43px;
	}
#reg_eror_box{
	color:RED;
	text-align:center;
	margin-bottom:7px;
	margin-left: 150px;
	}
#reg_pre_box{
	color:white;
	text-align:center;
	margin-bottom:7px;
	width: 470px;
	}
.reg_text{
  color:#484848;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16;
  margin-top: 5px;
  text-align:right;
}
.reg_box{
  border-width:1px;
  border-style:solid;
  border-color:#333333;
  background-color:#161616;
  margin-left: 2px;
  font-family: Arial, Helvetica, sans-serif;
  color:#CCCCCC;
}
.reg_box2{
  border-width:1px;
  border-style:solid;
  border-color:#333333;
  background-color:#161616;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 20px;
  color:#CCCCCC;
  width: 125px;
}
.reg_box2:hover{
  border-width:1px;
  border-style:solid;
  border-color:#666;
  background-color:#333;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 20px;
  color:#CCCCCC;
  width: 125px;
}
.reg_box:hover{
	border-width:1px;
	border-style:solid;
	border-color:#666;
	background-color:#333;
	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
.button_reg{
  border-width:1px;
  border-style:solid;
  border-color:#333333;
  background-color:#161616;
  margin-left: 2px;
  font-family: Arial, Helvetica, sans-serif;
  color:#CCCCCC;
}
.button_reg:hover{
  border-width:1px;
  border-style:solid;
  border-color:#666;
  background-color:#333;
  margin-left: 2px;
  font-family: Arial, Helvetica, sans-serif;
  color:#CCCCCC;
}
#button_reg_div{
	margin-top:20px;
	padding-left:222px;
}
#reg_main_box {
	height: auto;
	width: 350px;
	margin-left: 50px
	margin-top: 32px;
	padding-top:10px;
	padding-left: 30px;
}
#reg_info{
	color:#B7B7B7;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:50px;
	padding-left:50px;
	font-size:14px;
	text-align: center;
}

.tab
{
	padding:0px;
	margin:0px;
	border:0;
	list-style-type:none;
	clear:both;
}
.tab li
{
	margin-top:5px;
	float:left;
	font-size:12px;
	color:#6799D4;
	text-align:center;
}
.tabLeft
{
	padding:0px;
	margin:0px;
	border:0;
	list-style-type:none;
	clear:both;
}
.tabLeft li
{
	margin-top:5px;
	float:left;
	font-size:12px;
	color:#6799D4;
	text-align:left;
}
.whi
{
	color:#FFFFFF;
}
.wh li
{
	font-weight:normal;
	color:#b6b6b6;
}
.bl li
{
	font-weight:normal;
	color:#0066cc;
}
.cent li
{
	text-align:center;
}

#logout
{
	background-image: url(images/logout.jpg);
	float: left;
	height: 23px;
	width: 41px;
	margin-top: 10px;
	margin-left: 0px;
}
#registerLoggedin
{
	background-image: url(http://www.l2luna.com/images/register.jpg);
	float: left;
}





#sddm
{	margin: 0;
	padding: 0;

}
 
#sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 40px;
	width: 97px;
}

#sddm li.info
{	
	background-image: url(images/infoNormal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
	margin-left: 55px;	
}
#sddm li.info:hover {
	background-image: url(images/infoHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 55px;
	margin-left: 55px;
}

#sddm li.account{
	background-image: url(images/accountNormal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 96px;
}
#sddm li.account:hover {
	background-image: url(images/accountHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 96px;
}

#sddm li.forums {
	background-image: url(images/forumsNomal.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 87px;
}
#sddm li.forums:hover {
	background-image: url(images/forumsHover.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 87px;
}

#sddm li.classes {
	float: right;
	height: 40px;
	width: 76px;
	margin-right: 55px;
}
#sddm li.classes:Hover {
	float: right;
	height: 40px;
	width: 76px;
	margin-right: 55px;
}

#sddm li.items {
	float: right;
	height: 40px;
	width: 68px;
}
#sddm li.items:hover {
	float: right;
	height: 40px;
	width: 68px;
}

#sddm li.mech {
	float: right;
	height: 40px;
	width: 109px;
}
#sddm li.mech:hover {
	float: right;
	height: 40px;
	width: 109px;
}

#sddm li a
{	display: block;
	float: right;
	height: 40px;
	width: 97px;
	color: #FFF;
	text-align: center;
	text-decoration: none
}
 
#sddm li a:hover
{	
}
 
#sddm div.menu
{	
	position: absolute;
	visibility: hidden;
	margin-top: 35px;
	padding: 0;
	width: 85px;
	opacity: 0.8;
}

#sddm div.menu a
{	
	padding: 0;
	width: 85px;
	height: 22px;
}


#sddm div.mechanics {
	background-image: url(images/mechanicsBott.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 85px;
}
#sddm div.mechanics:hover {
	background-image: url(images/mechanicsBottHover.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 85px;
}
#sddm div.items {
	background-image: url(images/itemsBott.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 55px;
}
#sddm div.items:hover {
	background-image: url(images/itemsBottHover.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 55px;
}
#sddm div.forums {
	background-image: url(images/forumsBott.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 75px;
}
#sddm div.forums:hover {
	background-image: url(images/forumsBottHover.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 75px;
}
#sddm div.classes {
	background-image: url(images/classesBott.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 60px;
}
#sddm div.classes:Hover {
	background-image: url(images/classesBottHover.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 60px;
}
#sddm div.info {
	background-image: url(images/infoBott.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 60px;
}
#sddm div.info:hover {
	background-image: url(images/infoBottHover.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 60px;
}
#sddm div.account {
	background-image: url(images/accuntBott.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 75px;
}
#sddm div.account:hover {
	background-image: url(images/accuntBottHover.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 75px;
}

label
{
	color:#64a8e5;
	float:left;
	display:block;
	font-weight:normal;
	width:100px;
	font-family: "Myriad Pro", arial, sans-serif;
}



/* HERO PAGE */
.hLeft
{
width:270px;
float:left;
padding-left:10px;
}

.hRight
{
width:460px;
margin-left:10px;
float:left;
}

.hSkillBox
{
	width: 720px;
	height:64px;
	float:center;
	margin-left: 20px;
}

.hRight .title
{
color:#82BDFF;
font-size:16px;
font-family: "Myriad Pro", arial, sans-serif;
margin-bottom:10px;
text-align:right;
}

.hLeft .adv
{
padding:0px;
margin-top:130px;
border:0;
list-style-type:none;
}
.hLeft .adv li
{
float:left;
width: 190px;
font-size:12px;
margin-right:40px;
font-weight:normal;
text-align:left;
font-family: "Myriad Pro", arial, sans-serif;
}

.hLeft .adv li label
{
color:#ff9000;
display:block;
width:110px;
float:left;
}

.hRight .menuhero
{
margin:0px;
padding:0px;
list-style-type:none;
margin-top:70px;
background:url(/img/site/hbg.jpg) left bottom no-repeat;
padding-bottom:10px;
width:500px;
padding-left:4px;
margin-bottom:15px;
height:17px;
}

.info {
	background: #0d0d0d url(/img/site/info.png) 15px center no-repeat;
	text-align: left;
	padding: 10px 20px 10px 55px;
	border-top: 2px solid #6BDD01;
	border-bottom: 2px solid #6BDD01;
	width:85%;
	font-size:12px;
	margin-bottom:14px;
	color:#FBBB04;
	font-weight:bold;
}

.hLeft .icon
{
	margin-right:10px;
}
.hLeft h1
{
	color:#FFC300;
	font-size:18px;
	font-weight:normal;
	font-family: "Myriad Pro", arial, sans-serif;
}

.hLeft .class
{
color:#c2c2c2;
font-size:12px;
font-weight:normal;
font-family: "Myriad Pro", arial, sans-serif;
}
#dT
{
color:#FFC300;
font-size:15px;
font-weight:normal;
width:140px !important;
width:130px;
}
#dC
{
color:#82BDFF;
font-size:13px;
font-weight:normal;
width:140px !important;
width:130px;
}

.hLeft a
{
text-decoration:none;
}
.hLeft ul
{
padding:0px;
margin:0px;
border:0;
list-style-type:none;
margin-top:8px;
clear:both;

}

.hLeft li
{
float:left;
color:#ff9000;
width:60px;
text-align:center;
font-size:12px;
font-family: "Myriad Pro", arial, sans-serif;
}

.hLeft li span
{
font-size:11px;
font-family: "Myriad Pro", arial, sans-serif;
color:#FFFFFF;
}

.hLeft .character
{
position:relative !important;
margin-left:0px !important;
margin-top:0px !important;
top:-35px !important;
position:static;
top:0px;
margin-left:90px;
margin-top:-90px;
}


.hLeft .det
{
padding-left:52px;
margin-left:40px;
font-size:12px;

margin-bottom:10px;
color:#b9b9b9;
}

.hLeft h2
{
color:#83baff;
font-size:18px;
font-weight:normal;
font-family: "Myriad Pro", arial, sans-serif;
clear:both;
margin-bottom:4px;
}
.hLeft .skill
{
float:left;
margin-bottom:10px;
}
.heroc
{
margin-left:18px;
margin-right:12px;
}
.herolist ul
{
padding:0px;
margin:0px;
border:0;
list-style-type:none;
margin:0px;
padding:0px;
}

.skills
{
	padding-left:10px;
	height:1250px;
}

.classlist
{
	padding-left:10px;
	height:240px;
}

.hClassBox
{
	width:720px;
	height:64px;
	float:center;
	margin-left: 20px;
}

.hClassIndex
{
	height: 200px;
}

.hClassBox li { height:70px; width:80px; }

.skills blockquote
{
}

.skills h1
{
color:#64a8e5;
font-size:17px;
clear:both;
font-weight:normal;
}

.skills .nfo
{
margin-top:5px;
margin-left:20px;
float:left;
}
.skills ul
{
padding:0px;
margin:0px;
border:0;
list-style-type:none;
}

.skills .nfo li label
{
color:#64a8e5;
float:left;
display:block;
font-weight:normal;
width:100px;
font-family: "Myriad Pro", arial, sans-serif;
}


.skills .nfo li
{
font-size:12px;
font-weight:normal;
}

.skills .notes h2
{
font-family: "Myriad Pro", arial, sans-serif;
color:#64a8e5;
font-size:15px;
font-weight:normal;
color: #ff9000;
margin-bottom:2px;
}

.skills .notes
{
margin-top:50px;
clear:both;

}

.skills .notes p
{
color: #b6b6b6;
font-size:12px;
margin-left:20px;
}

.skills .desc
{
margin-top:0px;
font-size:12px;
color:#BDBDBD;
margin-left:40px;
padding-left:240px;
padding-right:50px;
}

.skillinfo { display:none; }
.skillbox { cursor: pointer; }
.classbox { cursor: pointer; }
.spacer { height:70px; }
.blue_line
{	
	position: absolute;
	top: 180px;
	margin-left:15px;
	background-image: url(/images/skills/blue_line.jpg);
}

.donationlist
{
	padding-left:10px;
	height:1040px;
}

.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}