@charset "utf-8";
/* CSS Document */
*
	{
    	margin: 0; 
		padding: 0;
	}
body
	{
		font-family: "Calibri", "Arial" !important;
		font-size: 14px;
		color: #000000;
		background-repeat: no-repeat;
		background-position: top;
		background-attachment: fixed;
		text-rendering: optimizeLegibility;
		line-height: 1.2;
	}
pre
	{
    	font-family: "Arial" !important;
    	font-size: 14px;
    }
textarea
	{
    	font-family: "Arial" !important;
    	font-size: 14px;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #B4B9BE;
        border-radius: 4px;
        box-shadow: 0 0 3px #B4B9BE inset;
        padding: 5px;
    }
select
    {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #B4B9BE;
        border-radius: 4px;
        box-shadow: 0 0 3px #B4B9BE inset;
        padding-left: 3px;
    }
input
	{
    	font-family: "Arial" !important;
    	font-size: 14px;
    }
input[type=text]
    {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #B4B9BE;
        border-radius: 4px;
        box-shadow: 0 0 3px #B4B9BE inset;
        padding: 0px 5px 0px;
    }
input[type=number]
    {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #B4B9BE;
        border-radius: 4px;
        box-shadow: 0 0 3px #B4B9BE inset;
        padding: 0px 5px 0px;
    }
input[type=password]
    {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #B4B9BE;
        border-radius: 4px;
        box-shadow: 0 0 3px #B4B9BE inset;
        padding: 0px 5px 0px;
    }
img
	{
    	display: block;
        border: 0;
    }
input::-moz-focus-inner
    {
    	border: 0;
        padding: 0;
        font-size: 14px;
    }
@-moz-document url-prefix()
    {
        select
            {
                padding-top: .2em;/.3em;
                padding-bottom: .3em;/.4em;
                padding-left: .5em;
                padding-right: .5em;
                font-size: 14px;
            }
    }
meter
	{
		-webkit-appearance: none;
		border: 1px solid #BEC3C8;
		border-radius: 3px;
	}
.click_through
	{
		pointer-events: none;
	}
.motd_marquee
	{
		width: 100%;
		height: 20px;
		margin: 0 auto;
		white-space: nowrap;
		overflow: hidden;
		position: absolute;
		margin-top: -10px;
		cursor: pointer;
	}

.motd_marquee span
	{
		display: inline-block;
		padding-left: 100%;
	}

@keyframes motd_marquee
	{
		0%
			{
				transform: translate(0, 0);
			}
		100%
			{
				transform: translate(-100%, 0);
			}
	}
.noselect
	{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
.selectable
	{
		-webkit-touch-callout: auto;
		-webkit-user-select: auto;
		-khtml-user-select: auto;
		-moz-user-select: auto;
		-ms-user-select: auto;
		-o-user-select: auto;
		user-select: auto;
	}
.textlink
	{
    	color: #007DFF;
		font-weight: bold;
		text-decoration: none;
	}
.textlink:hover
	{
		color: #429FFF;
		cursor: pointer;
	}
.alt_textlink
	{
    	color: #FFE164;
		font-weight: bold;
		text-decoration: none;
	}
.alt_textlink:hover
	{
		color: #FFEB96;
		cursor: pointer;
	}
.urgent_textlink
	{
    	color: #FF9600;
		font-weight: bold;
		text-decoration: none;
	}
.urgent_textlink:hover
	{
		color: #FFAF40;
		cursor: pointer;
	}
.fixed_font_1
	{
    	font-family: Lucida Console;
        letter-spacing: 1px;
    }
.yes_font
	{
    	color: #00AF00;
    }
.no_font
	{
    	color: #C80000;
    }
.main_font1
	{
    	color: #32508C;
    }
.main_font2
	{
    	color: #000000;
    }
.main_font3
	{
    	color: #F5FAFF;
    }
.high_font1
	{
    	color: #FFEB96;
    }
.gray_font1
	{
    	color: #999999;
    }
.admin_font
	{
    	color: #FF0000;
        font-weight: bold;
    }
.npc_name
	{
    	color: #009600;
        font-weight: bold;
    }
.item_0
	{
    	color: #999999;
    }
.item_1
	{
    	color: #00CC00;
    }
.item_2
	{
    	color: #0069FF;
    }
.item_3
	{
    	color: #9600FF;
    }
.item_4
	{
    	color: #FF9600;
    }
.item_5
	{
    	color: #CC0000;
    }
.ability_health
	{
    	color: #FF7878;
        font-weight: bold;
    }
.ability_mana
	{
    	color: #0099FF;
        font-weight: bold;
    }
.ability_stat
	{
    	color: #9900FF;
        font-weight: bold;
    }
.ability_mod
	{
    	color: #FF6600;
        font-weight: bold;
    }
.ability_ability
	{
    	color: #00CC00;
        font-weight: bold;
    }
.ability_buff
	{
    	color: #00C8FF;
        font-weight: bold;
    }
.ability_debuff
	{
    	color: #A02878;
        font-weight: bold;
    }
.ability_physical
	{
    	color: #0066FF;
        font-weight: bold;
    }
.ability_magical
	{
    	color: #0066FF;
        font-weight: bold;
    }
.ability_pure
	{
    	color: #9600FF;
        font-weight: bold;
    }
.layout_border
	{
    	border-bottom: 1px solid #2D3237;
		border-right: 1px solid #2D3237;
		border-left: 1px solid #2D3237;
    }
.main_border_dark
	{
    	border-top: 2px solid #2D3237;
		border-bottom: 2px solid #2D3237;
		border-right: 2px solid #2D3237;
		border-left: 2px solid #2D3237;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.main_border
	{
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.main_border2
	{
    	border-top: 2px solid #BEC3C8;
		border-bottom: 2px solid #BEC3C8;
		border-right: 2px solid #BEC3C8;
		border-left: 2px solid #BEC3C8;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.side_border
	{
    	border-top: 2px solid #BEC3C8;
		border-bottom: 2px solid #BEC3C8;
		border-right: 2px solid #BEC3C8;
		border-left: 2px solid #BEC3C8;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }
.item_border0
	{
    	background-color: rgba(153,153,153,0.1);
    	border-top: 2px solid #999999;
		border-bottom: 2px solid #999999;
		border-right: 2px solid #999999;
		border-left: 2px solid #999999;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.item_border1
	{
    	background-color: rgba(0,204,0,0.1);
    	border-top: 2px solid #00CC00;
		border-bottom: 2px solid #00CC00;
		border-right: 2px solid #00CC00;
		border-left: 2px solid #00CC00;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.item_border2
	{
    	background-color: rgba(0,105,255,0.1);
    	border-top: 2px solid #0069FF;
		border-bottom: 2px solid #0069FF;
		border-right: 2px solid #0069FF;
		border-left: 2px solid #0069FF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.item_border3
	{
    	background-color: rgba(150,0,255,0.1);
    	border-top: 2px solid #9600FF;
		border-bottom: 2px solid #9600FF;
		border-right: 2px solid #9600FF;
		border-left: 2px solid #9600FF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.item_border4
	{
    	background-color: rgba(255,150,0,0.1);
    	border-top: 2px solid #FF9600;
		border-bottom: 2px solid #FF9600;
		border-right: 2px solid #FF9600;
		border-left: 2px solid #FF9600;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.item_border5
	{
    	background-color: rgba(204,0,0,0.1);
    	border-top: 2px solid #CC0000;
		border-bottom: 2px solid #CC0000;
		border-right: 2px solid #CC0000;
		border-left: 2px solid #CC0000;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.main_border_top1
	{
    	border-top: 1px solid #B4B9BE;
    }
.main_border_bottom1
	{
    	border-bottom: 1px solid #B4B9BE;
    }
.main_border_left1
	{
    	border-left: 1px solid #B4B9BE;
    }
.main_border_right1
	{
    	border-right: 1px solid #B4B9BE;
    }
.main_border_top2
	{
    	border-top: 2px solid #B4B9BE;
    }
.main_border_bottom2
	{
    	border-bottom: 2px solid #B4B9BE;
    }
.main_border_left2
	{
    	border-left: 2px solid #B4B9BE;
    }
.main_border_right2
	{
    	border-right: 2px solid #B4B9BE;
    }
.list_border_bottom1
	{
    	border-bottom: 1px solid #BEC3C8;
    }
.main_bg1
	{
    	background-color: #32508C;
    }
.main_bg2
	{
    	background-color: #EBE1D2;
    }
.main_bg3
	{
    	background-color: #F5FAFF;
    }
.high_bg1
	{
    	background-color: #FFEB96;
    }
.high_bg2
	{
    	background-color: #FFF5CD;
    }
.gray_bg1
	{
    	background-color: #E6E6E6;
    }
.gray_bg2
	{
    	background-color: #BEBEBE;
    }
.bar_bg
	{
    	background-color: #F5F5F5;
    }
.yes_bg1
	{
    	background-color: #CDFFCD;
    }
.no_bg1
	{
    	background-color: #FFCDCD;
    }
.main_table1
	{
    	color: #000000;
    	background-color: #32508C;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.main_table2
	{
    	color: #000000;
    	background-color: #EBE1D2;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.main_table3
	{
    	color: #000000;
    	background-color: #F5FAFF;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.main_table3_trans
	{
    	color: #000000;
    	background-color: rgba(245,250,255,0.75);
    	border-top: 2px solid #BEC3C8;
		border-bottom: 2px solid #BEC3C8;
		border-right: 2px solid #BEC3C8;
		border-left: 2px solid #BEC3C8;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.main_table3_trans2
	{
    	color: #000000;
    	background-color: rgba(245,250,255,0.85);
    	border-top: 2px solid #BEC3C8;
		border-bottom: 2px solid #BEC3C8;
		border-right: 2px solid #BEC3C8;
		border-left: 2px solid #BEC3C8;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.high_table1
	{
    	color: #000000;
    	background-color: #FFEB96;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.yes_table1
	{
    	color: #000000;
    	background-color: #CDFFCD;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.no_table1
	{
    	color: #000000;
    	background-color: #FFCDCD;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.gray_table1
	{
    	color: #000000;
    	background-color: #E6E6E6;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.tab_table_tab_1
	{
		color: #32508C;
    	background-color: #E6E6E6;
    	border-top: 2px solid #B4B9BE;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
		cursor: pointer;
    }
.tab_table_tab_1:hover
	{
		background-color: #FFF5CD;
    }
.tab_table_tab_2
	{
		color: #32508C;
    	background-color: #F5FAFF;
    	border-top: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
		cursor: pointer;
		padding-bottom: 2px;
    }
.tab_table_tab_3
	{
		border-bottom: 2px solid #B4B9BE;
    }
.tab_table
	{
    	background-color: #F5FAFF;
		border-bottom: 2px solid #B4B9BE;
		border-right: 2px solid #B4B9BE;
		border-left: 2px solid #B4B9BE;
		-webkit-border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;
    }
.navbutton
	{
    	color: #F5FAFF;
        font-size: 16px;
        font-weight: bold;
        background: #32508C;
        background: -moz-linear-gradient(top, #4664A0, #32508C);
        background: -webkit-gradient(linear, left top, left bottom, from(#4664A0), to(#32508C));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        border-left: 1px solid #5A78b4;
		border-top: 1px solid #5A78b4;
    }
.navbutton:hover
	{
    	color: #FFEB96;
        cursor: pointer;
    }
.navbutton_high
	{
    	color: #FFEB96;
        font-weight: bold;
        background: #32508C;
        background: -moz-linear-gradient(top, #4664A0, #32508C);
        background: -webkit-gradient(linear, left top, left bottom, from(#4664A0), to(#32508C));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        border-left: 1px solid #5A78b4;
		border-top: 1px solid #5A78b4;
        cursor: pointer;
    }
.navbutton_border1
	{
    	border-top: 1px solid #2D3237;
        border-bottom: 1px solid #2D3237;
        border-right: 1px solid #2D3237;
   	}
.navbutton_border2
	{
    	border-top: 1px solid #2D3237;
        border-bottom: 1px solid #2D3237;
        border-left: 1px solid #2D3237;
   	}
.navbutton_border3
	{
    	border: 1px solid #2D3237;
   	}
.navpanel
	{
    	background: #32508C;
        background: -moz-linear-gradient(top, #4664A0, #32508C);
        background: -webkit-gradient(linear, left top, left bottom, from(#4664A0), to(#32508C));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        border-left: 1px solid #5A78b4;
		border-top: 1px solid #5A78b4;
       -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
.navpanel_border
	{
    	margin-top: -1px;
    	border: 1px solid #2D3237;
        -webkit-border-bottom-right-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        -moz-border-radius-bottomright: 12px;
        -moz-border-radius-bottomleft: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        position: absolute;
        z-index: 1000;
   	}
.navpanel_cat
	{
    	font-size: 16px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px solid #2D3237;
    }
.navlink
	{
    	height: 38px;
        line-height: 36px;
    	display: block;
    	color: #F5FAFF;
        text-decoration: none;
    }
.navlink:hover
	{
    	color: #FFEB96;
        cursor: pointer;
    }
.navlink_sub
	{
    	height: 100%;
    	display: block;
    	color: #F5FAFF;
        text-decoration: none;
        padding: 0px 0px 1px;
    }
.navlink_sub:hover
	{
    	color: #FFEB96;
        cursor: pointer;
    }
.navpanel_cat_last
	{
    	font-size: 16px;
        font-weight: bold;
        padding: 5px;
    }
.sidepanelbox
	{
    	color: #000000;
        background: #D2D7DC;
        background: -moz-linear-gradient(top, #E6EBF0, #D2D7DC);
        background: -webkit-gradient(linear, left top, left bottom, from(#E6EBF0), to(#D2D7DC));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D2D7DC', endColorstr='#E6EBF0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D2D7DC', endColorstr='#E6EBF0');
        border-left: 1px solid #F0F5FA;
        border-right: 1px solid #BEC3C8;
    }
.top_panel_box
	{
    	color: #000000;
        background: #D2D7DC;
        background: -moz-linear-gradient(top, #E6EBF0, #D2D7DC);
        background: -webkit-gradient(linear, left top, left bottom, from(#E6EBF0), to(#D2D7DC));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D2D7DC', endColorstr='#E6EBF0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D2D7DC', endColorstr='#E6EBF0');
        border-bottom: 1px solid #BEC3C8;
    }
.content_border
	{
    	border-bottom: 1px solid #2D3237;
   	}
.footerbox
	{
    	color: #FFEB96;
        font-weight: bold;
        background: #32508C;
        background: -moz-linear-gradient(top, #4664A0, #32508C);
        background: -webkit-gradient(linear, left top, left bottom, from(#4664A0), to(#32508C));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        border-left: 1px solid #5A78b4;
		border-top: 1px solid #5A78b4;
    }
.dialogue_div
	{
    	border-top: 2px solid #2D3237;
		border-bottom: 2px solid #2D3237;
		border-right: 2px solid #2D3237;
		border-left: 2px solid #2D3237;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
    }
.dialogue_main
	{
    	background-color: #32508C;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
.dialogue_head
	{
    	color: #FFEB96;
        text-shadow: 1px 1px 2px #111111;
    }
.dialogue_sub
	{
    	color: #000000;
    	background-color: #F5FAFF;
        border-left: 1px solid #F0F5FA;
        border-top: 1px solid #F0F5FA;
    }
.main_button
	{
    	height: 28px;
        font-size: 12px;
		font-weight: bold;
		color: #F5FAFF;
        background: #32508C;
        background: -moz-linear-gradient(top, #4664A0, #32508C);
        background: -webkit-gradient(linear, left top, left bottom, from(#4664A0), to(#32508C));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        border: 1px solid #2D3237;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
.main_button:hover
	{
		color: #FFEB96;
        background: #4664A0;
        background: -moz-linear-gradient(top, #32508C, #4664A0);
        background: -webkit-gradient(linear, left top, left bottom, from(#32508C), to(#4664A0));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4664A0', endColorstr='#32508C');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4664A0', endColorstr='#32508C');
        cursor: pointer;
	}
.yes_button
	{
    	height: 28px;
        font-size: 12px;
		font-weight: bold;
		color: #F5FAFF;
        background: #008C00;
        background: -moz-linear-gradient(top, #14A014, #008C00);
        background: -webkit-gradient(linear, left top, left bottom, from(#14A014), to(#008C00));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008C00', endColorstr='#14A014');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008C00', endColorstr='#14A014');
        border: 1px solid #2D3237;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
.yes_button:hover
	{
		color: #FFEB96;
        background: #14A014;
        background: -moz-linear-gradient(top, #008C00, #14A014);
        background: -webkit-gradient(linear, left top, left bottom, from(#008C00), to(#14A014));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#14A014', endColorstr='#008C00');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#14A014', endColorstr='#008C00');
        cursor: pointer;
	}
.gold_button
	{
    	height: 28px;
        font-size: 12px;
		font-weight: bold;
		color: #F5FAFF;
        text-shadow: 1px 1px 2px #111;
        background: #CCA63D;
        background: -moz-linear-gradient(top, #EBC357, #CCA63D);
        background: -webkit-gradient(linear, left top, left bottom, from(#EBC357), to(#CCA63D));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCA63D', endColorstr='#EBC357');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCA63D', endColorstr='#EBC357');
        border: 1px solid #2D3237;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
.gold_button:hover
	{
		color: #FFEB96;
        background: #EBC357;
        background: -moz-linear-gradient(top, #CCA63D, #EBC357);
        background: -webkit-gradient(linear, left top, left bottom, from(#CCA63D), to(#EBC357));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBC357', endColorstr='#CCA63D');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBC357', endColorstr='#CCA63D');
        cursor: pointer;
	}
.no_button
	{
    	height: 28px;
        font-size: 12px;
		font-weight: bold;
		color: #F5FAFF;
        background: #8C0000;
        background: -moz-linear-gradient(top, #A01414, #8C0000);
        background: -webkit-gradient(linear, left top, left bottom, from(#A01414), to(#8C0000));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8C0000', endColorstr='#A01414');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8C0000', endColorstr='#A01414');
        border: 1px solid #2D3237;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
.no_button:hover
	{
		color: #FFEB96;
        background: #A01414;
        background: -moz-linear-gradient(top, #8C0000, #A01414);
        background: -webkit-gradient(linear, left top, left bottom, from(#8C0000), to(#A01414));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#A01414', endColorstr='#8C0000');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#A01414', endColorstr='#8C0000');
        cursor: pointer;
	}
.gray_button
	{
		height: 28px;
        font-size: 12px;
		font-weight: bold;
		color: #F5FAFF;
        background: #646464;
        background: -moz-linear-gradient(top, #787878, #646464);
        background: -webkit-gradient(linear, left top, left bottom, from(#787878), to(#646464));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#646464', endColorstr='#787878');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#646464', endColorstr='#787878');
        border: 1px solid #2D3237;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
.menu_circle
	{
    	background: #32508C;
        background: -moz-linear-gradient(top, #4664A0, #32508C);
        background: -webkit-gradient(linear, left top, left bottom, from(#4664A0), to(#32508C));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        border: 1px solid #193F8B;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
        cursor: pointer;
    }
.menu_circle:hover
	{
    	background: #4664A0;
        background: -moz-linear-gradient(top, #32508C, #4664A0);
        background: -webkit-gradient(linear, left top, left bottom, from(#32508C), to(#4664A0));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4664A0', endColorstr='#32508C');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4664A0', endColorstr='#32508C');
    }
.menu_circle_hover
	{
    	background: #96EBFF;
        background: -moz-linear-gradient(top, #CDF5FF, #96EBFF);
        background: -webkit-gradient(linear, left top, left bottom, from(#CDF5FF), to(#96EBFF));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#96EBFF', endColorstr='#CDF5FF');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#96EBFF', endColorstr='#CDF5FF');
        border: 1px solid #41DCFF;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
        cursor: pointer;
    }
.forum_navbar
	{
    	color: #32508C;
    	font-size: 18px;
        font-weight: bold;
        background: #E8D6BB;
    	border: 2px solid #B4B9BE;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
.forum_section
	{
    	background: #EBE1D2;
    	border: 2px solid #B4B9BE;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
.forum_header
	{
    	color: #32508C;
    	font-size: 24px;
        font-weight: bold;
        background: #E8D6BB;
        border-bottom: 2px solid #BEC3C8;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }
.forum_key
	{
    	color: #32508C;
    	font-size: 11px;
        font-weight: bold;
        background: #E6E6E6;
        border-bottom: 1px solid #BEC3C8;
    }
.forum_content
	{
    	border: 1px solid #BEC3C8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        overflow: hidden;
    }
.forum_row
	{
    	background: #F5FAFF;
    }
.forum_row_high
	{
    	background: #FFEB96;
        cursor: pointer;
    }
.forum_border_right1
	{
    	border-right: 1px solid #BEC3C8;
    }
.forum_border_bottom1
	{
    	border-bottom: 1px solid #BEC3C8;
    }
.forum_text
	{
    	width: 686px;
        height: 24px;
    	background: #F5FAFF;
    	border: 1px solid #BEC3C8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 2px 5px 2px;
    }
.forum_textarea
	{
    	width: 686px;
        height: 400px;
    	background: #F5FAFF;
    	border: 1px solid #BEC3C8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 2px 5px 5px;
        resize: none;
    }
.forum_message
	{
    	width: 535px;
		word-wrap: break-word;
    }
.forum_quote
	{
    	background: #E8D6BB;
    	border: 1px solid #BEC3C8;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 5px;
    }
.forum_button
	{
    	font-size: 16px;
		font-weight: bold;
		color: #F5FAFF;
        background: #32508C;
        background: -moz-linear-gradient(top, #4664A0, #32508C);
        background: -webkit-gradient(linear, left top, left bottom, from(#4664A0), to(#32508C));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32508C', endColorstr='#4664A0');
        border: 1px solid #2D3237;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
        cursor: pointer;
	}
.forum_button:hover
	{
		color: #FFEB96;
        background: #4664A0;
        background: -moz-linear-gradient(top, #32508C, #4664A0);
        background: -webkit-gradient(linear, left top, left bottom, from(#32508C), to(#4664A0));
        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4664A0', endColorstr='#32508C');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4664A0', endColorstr='#32508C');
	}
.switch_generator_traits
    {
        position: relative; width: 110px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
.switch_generator_traits-checkbox
    {
        display: none;
    }
.switch_generator_traits-label
    {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #7A7A7A; border-radius: 20px;
    }
.switch_generator_traits-inner
    {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
.switch_generator_traits-inner:before, .switch_generator_traits-inner:after
    {
        display: block; float: left; width: 50%; height: 14px; padding: 0; line-height: 14px;
        font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
.switch_generator_traits-inner:before
    {
        content: "Visible";
        padding-left: 10px;
        background-color: #0069FF; color: #FFEB96;
    }
.switch_generator_traits-inner:after
    {
        content: "Carried";
        padding-right: 10px;
        background-color: #00CC00; color: #FFEB96;
        text-align: right;
    }
.switch_generator_traits-switch
    {
        display: block; width: 14px; margin: 3px;
        background: #FFFFFF;
        border: 2px solid #7A7A7A; border-radius: 20px;
        position: absolute; top: 0; bottom: 0; right: 85px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    }
.switch_generator_traits-checkbox:checked + .switch_generator_traits-label .switch_generator_traits-inner
    {
        margin-left: 0;
    }
.switch_generator_traits-checkbox:checked + .switch_generator_traits-label .switch_generator_traits-switch
    {
        right: 1px; 
    }
.switch_generator_gender
    {
        position: relative; width: 120px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
.switch_generator_gender-checkbox
    {
        display: none;
    }
.switch_generator_gender-label
    {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #7A7A7A; border-radius: 20px;
    }
.switch_generator_gender-inner
    {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
.switch_generator_gender-inner:before, .switch_generator_gender-inner:after
    {
        display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
        font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
.switch_generator_gender-inner:before
    {
        content: "Female";
        padding-left: 10px;
        background-color: #FF9696; ?>; color: #FFEB96;
    }
.switch_generator_gender-inner:after
    {
        content: "Male";
        padding-right: 10px;
        background-color: #0096FF; color: #FFEB96;
        text-align: right;
    }
.switch_generator_gender-switch
    {
        display: block; width: 14px; margin: 3px;
        background: #FFFFFF;
        border: 2px solid #7A7A7A; border-radius: 20px;
        position: absolute; top: 0; bottom: 0; right: 95px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    }
.switch_generator_gender-checkbox:checked + .switch_generator_gender-label .switch_generator_gender-inner
    {
        margin-left: 0;
    }
.switch_generator_gender-checkbox:checked + .switch_generator_gender-label .switch_generator_gender-switch
    {
        right: 1px; 
    }
.tableshadow
	{
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
		box-shadow: 5px 5px 5px #888;
	}
.friendnpc
	{
    	font-weight:bold;
        color:#090;
    }
.allynpc
	{
    	font-weight:bold;
        color:#09F;
    }
.region
	{
    	font-weight:bold;
        color:#06F;
    }
.town
	{
    	font-weight:bold;
        color:#90F;
    }
.partypet
	{
    	font-weight:bold;
        color:#09F;
    }
.enemy
	{
    	font-weight:bold;
        color:#F00;
    }
.sale_bonus_event_bar_text_1
	{
		vertical-align:4px;
		color:#E6E6E6;
		text-shadow: -1px -1px 0 #B3B3B3, 1px -1px 0 #B3B3B3, -1px 1px 0 #B3B3B3, 1px 1px 0 #B3B3B3;
	}
.sale_bonus_event_bar_text_2
	{
		vertical-align:4px;
		color:#FFE17D;
		text-shadow: -1px -1px 0 #80703D, 1px -1px 0 #80703D, -1px 1px 0 #80703D, 1px 1px 0 #80703D;
	}
.sale_bonus_event_bar_text_3
	{
		vertical-align:4px;
		color:#FFF5D7;
		text-shadow: -1px -1px 0 #BFB8A1, 1px -1px 0 #BFB8A1, -1px 1px 0 #BFB8A1, 1px 1px 0 #BFB8A1;
	}
.text_stroke_1
	{
    	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }
.text_shadow_1
	{
    	text-shadow: 1px 1px 2px #111;
    }
.hotkey_overlay_1
	{
		color: #82FFB4;
		font-size: 16px;
		font-weight: bold;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
		position: absolute;
		margin-left: 5px;
		margin-top: 0px;
	}
.global_checkbox
    {
        width: 16px;
        height: 16px;
        vertical-align: -5px;
        cursor: pointer;
    }
/* BASIC SWITCH BUTTON */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CCCCCC;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #009600;
}

input:focus + .slider {
  box-shadow: 0 0 1px #009600;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}