/*******************************************************************************
 ****   RESET CSS
 ******************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
textarea {
	font-family: tahoma, arial, san-serif, serif;
}

hr {
	border: 2px solid #242730;
}

/*******************************************************************************
 ****   BODY
 ******************************************************************************/

body {
	background: #13140E;
	font-family: verdana, tahoma, arial, serif, san-serif;
	line-height: 1.3;
}

#fluff_1 {
	background: url(images/content_shadow.png) center top repeat-y;
}

#fluff_2 {
	background: url(images/header_throne.jpg) center top no-repeat;
}

#fluff_3 {
	background: url(images/footer_warehouse.jpg) center bottom no-repeat;
}

#fluff_4 {
	background: url(images/banner_edges.2.png) center 10px no-repeat;
}

#content {
	margin: auto;
	width: 950px;
}

#fluff_7 {
	background: url(images/spell_overlay5.png) left bottom no-repeat;
	/* this should match #content's min-height */
	min-height: 731px;
	
}

#header {
	width: 950px;
	margin: auto;
	min-height: 210px;
	position: relative;
	z-index: 15;
}

#bannerTop {
	background: url(images/banner_top.png) repeat-x;
	height: 19px;
}

#footer {
	font-size: 9px;
	color: #1c3c55;
	text-align: center;
	padding: 0 15px;
}
#footer p {
	margin: 0;
}
#footer .credit {
	font-weight: bold;
	color: #224352;
}
#footer a {
	color: #224466;
}

/*******************************************************************************
 ****   HEADINGS
 ******************************************************************************/
h1, h1 span {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 70px;
	top: 0;
	width: 430px;
	height: 130px;
	padding-top: 40px;
	font-family: "trebuchet ms";
	font-size: 2.5em;
	overflow: hidden;
	cursor: pointer;
}
h1 span {
	left: 0;
	z-index: 1;
	height: 170px;
	background: url(images/header_throne.jpg) -200px 0;
}
h1 a {
	color: white;
	text-decoration: none;
}

/*******************************************************************************
 ****   GENERAL TEXT FORMATTING
 ******************************************************************************/
em {
	font-style: italic;
}
strong {
	font-weight:bold;
}
p {
	margin-bottom:1.5em;
}
.skipLink {
	position:absolute;
	left:-999em;
}

/*******************************************************************************
 ****   GENERAL ELEMENT STYLES
 ******************************************************************************/
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.clearBoth {
	clear:both;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.indentLeft {
	text-indent:2em;
}
.elementDisabled {
	background-color:#c9c9c4;
}
.contentCenter {
	text-align:center;
}
.contentRight {
	text-align:right;
}
.contentItalic {
	font-style:italic;
}
.accessKey {
	text-decoration:underline;
}
.noWrap {
	white-space:nowrap;
}
.hidden {
	display:none;
}

/*******************************************************************************
 ****   FORMS
 ******************************************************************************/
table select,
table textarea,
table input {
	margin:0px 5px;
	padding:2px;
}
.inputFill {
	width:250px;
}
.inputMax {
	width:95%;
}
.inputHalf {
	width:50%;
}
.styleCustom select,
.styleCustom textarea,
.styleCustom input {
	border:1px solid #9c9c9c;
	padding:2px;
}
.validCheck {
	border:1px solid #999900;
	background-color:#ffffee;
}
.validFail {
	border:1px solid #990000;
	background-color:#ffeeee;
}
.validPass {
	border:1px solid #009900;
	background-color:#eeffee;
}

/*******************************************************************************
 ****   TABLES
 ******************************************************************************/
table {
	font-size:10pt;
	margin-bottom:20px;
}
.sizeAuto {
	width:1%;
}
.sizeSmall {
	width:30%;
}
.sizeMedium {
	width:60%;
}
.sizeFull {
	width:100%;
}
.minimal {
	width:1%;
	white-space:nowrap;
	text-align:center;
}
.alignLeft {
	text-align:left;
}
.tableIMG {
	margin-top:4px;
}
table tr.alt {
		background:#FFF;
		}
.rojo {
		background:red;
		}


/*******************************************************************************
 ****   BUILD SUMMARY
 ******************************************************************************/
.summary h2 span {
	display: block;
	font-size: .6em;
	letter-spacing: normal;
	padding: 4px;
}
.summary h2 a {
	color: #FFDDB1;
	text-decoration: none;
}

/* HEADER BLOCK */
.summary .block {
	width: 300px;
	border: 1px solid #252525;
	margin-bottom: 10px;
	background: #06090d;
}
.summary .master_avatar {
	width: 60px;
	border: 1px solid #252525;
	margin-bottom: 10px;
	background: #06090d;
}
.summary .spacer_5 {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #06090d;
	border: 1px solid #252525;
}
.summary .things {
	width: 210px;
	border: 2px solid #4b443a;
	margin-bottom: 10px;
	background: #06090d url(images/bg_things.jpg) no-repeat;
}

.summary .boxer {
	margin-top: 48px;
}
.summary .large_block {
	width: 622px;
	border: 1px solid #252525;
	margin-bottom: 10px;
	background: #06090d;
}
.summary .contact_block {
	width: 855px;
	border: 1px solid #4b443a;
}
.summary .block .avatar {
	width: 48px;
	height: 60px;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}
.summary .block .cartel {
	width: 130px;
	height: 100px;
	border: 1px solid #151515;
	float: left;
	
	margin-right: 12px;
	font-size: 1.2em;
}

.summary .raza_box {
	width: 865px;
	border: 2px solid #4b443a;
	background: #070707 url(images/raza_box.jpg) no-repeat;
	float: left;
	padding: 5px;
	margin-right: 12px;
	font-size: 1.2em;
}
.summary .desc_box {
	width: 865px;
	border: 2px solid #4b443a;
	float: left;
	padding: 5px;
	margin-right: 12px;
	font-size: 1.2em;
}


.summary .tramas {
	width: 850px;
	border: 1px solid #151515;
	float: left;
	padding: 5px;
	margin-right: 12px;
	font-size: 1.2em;
}

.summary .red_bg_tra{
	background: #8a2c2a;
}


.summary .right {
	float: right;
}

.summary .left {
	float: left;
}
.summary .block span, .summary .large_block span {
	display: block;
	font-size: 1.2em;
	font-family: verdana, tahoma, arial, san-serif, serif;
	font-variant: small-caps;
	padding-top: 8px;
	letter-spacing: .15em;
	color: #e5e5e5;
}
.summary .large_block span {
	padding-left: 10px;
	padding-bottom: 10px;
}
.summary .block a, .summary .large_block a {
	color: #e5e5e5;
	text-decoration: none;
}
.summary .block .master {
	width: 36px;
	height: 36px;
	background: url(images/master.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}
.summary .block .jugador {
	width: 36px;
	height: 36px;
	background: url(images/personaje.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}
.summary .block .grupo {
	width: 36px;
	height: 36px;
	background: url(images/grupo.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}
.summary .block .vida {
	width: 36px;
	height: 36px;
	background: url(images/raza.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}


/* ATTRIBUTES TABLE */

#summary #attrTable {
	float: right;
	width: auto;
}
#summary #attrTable th {
	background: #252525;
	text-align: center;
	padding: 4px 10px;
	border: 1px solid #252525;
}
#summary #attrTable td {
	padding: 5px 5px 6px 5px;
	background: #06090d;
	border: 1px solid #252525;
	text-align: center;
}
#summary #attrTable .label {
	padding-right: 15px;
	padding-left: 3px;
	text-align: left;
}

/* INDIVIDUAL STATS */
#section .build_details span {
	float: left;
	clear: left;
	width: 500px;
	font-size: .9em;
	line-height: 1.7em;
	margin-bottom: 2px;
}
#section .build_details a {
	border-bottom: 1px solid #555555;
}
#section .build_details span span {
	width: auto;
	font-weight: bold;
	float: left;
	width: 80px;
	clear: left;
	font-size: 1em;
}
#section .build_details .right_actions {
	float: right;
	width: auto;
	line-height: 1.4em;
	font-size: 1em;
}
#section .build_details .action {
	float: right;
	clear: right;
	border: 1px solid #050505;
	background: #181D25;
	padding: 1px 6px;
	font-size: .9em;
	padding: 2px 8px;
	margin: 0 5px 5px 0;
	width: 90px;
	text-align: center;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#section .build_details .smallaction {
	float: right;
	clear: right;
	border: 1px solid #050505;
	background: #181D25;
	padding: 1px 6px;
	font-size: .9em;
	padding: 2px 8px;
	margin: 0 5px 5px 0;
	width: 50px;
	text-align: center;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#section .build_details .red {
	background: #8f2509;
	border: 1px solid #200802;
}
/*******************************************************************************
 ****   CONTENT SECTION
 ******************************************************************************/
#section {
	float: left;
	width: 930px;
	/* xhva - padding-top was 0 */
	padding-top: 11px;
}

#section .breadcrumbs {
	background: #f4dca7 url(images/breadcrumbs.png);
	height: 27px;
	width: 650px;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin-bottom: 15px;
	margin-top: -20px;
	color: #a5a5a5;
	font-size: .75em;
	font-variant: small-caps;
	position: relative;
	z-index: 10;
}
#section .breadcrumbs a {
	text-decoration: none;
	color: #ffe881;
}
#section.section_builds {
	width: auto;
	margin-left: 10px;
}

.breadcrumb {
  list-style: none;
}
.breadcrumb li {
  display: inline-block;
  *display: inline;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}

#section .item {
	padding: 10px 15px;
	margin: 0 10px 20px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: .8em;
	line-height: 1.4;
	
	background: #0d121a url(images/item_fade.png) repeat-x;
	border: 2px solid #e5e5e5;
	border-left: 2px solid #a5a5a5;
	border-top: 2px solid #a5a5a5;
	
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.65);
	box-shadow: 2px 2px 5px rgba(0,0,0,.65);
}

#section .special {
	width: 700px;
	margin-left: 100px;
}

#section .item li{
 margin-left: 15px;
}

/*Para los estáticos*/
#section .version small {
	font-size: 0.8em;
	font-weight:normal;
	color: #d6600a;
}

#section .version h3{
 margin-left: 20px;	
}
#section .version ul{
 margin-left: 45px;
 font-size: 0.8em;
	font-weight:normal;

}

/* Para la previsualización de "Mis Personajes", del jugador*/
ul.mis-pjs li{
padding: 7px 0;
list-style:none;
border-bottom: 1px solid #EBEBEB;
border-top: 1px solid white;
}

ul.mis-pjs a:hover{
text-decoration:none;
}

ul.mis-pjs{
margin:0;
}

ul.mis-pjs li a span {
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: 10px;
text-align: right;
width: 70px;
zoom: 1;
}

.mis-pjs-cartel{
height: 50px;
width: 50px;
padding: 1px;
float: left;
margin-left: 15px;
margin-right: 15px;
border: 1px solid #EBEBEB;
}

#build_description {
	clear: both;
	border-top: 1px solid #141921;
	border-bottom: 1px solid #141921;
	padding-top: 10px;
	margin-bottom: 10px;
}

#section .icon {
	width: 36px;
	height: 36px;
	background: url(images/ira_hu_raceicon.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}

#section .vida {
	width: 36px;
	height: 36px;
	background: url(images/atr_vida.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}

#section .esencia {
	width: 36px;
	height: 36px;
	background: url(images/atr_esencia.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}

#section .voluntad {
	width: 36px;
	height: 36px;
	background: url(images/atr_voluntad.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}

#section .sombra {
	width: 36px;
	height: 36px;
	background: url(images/atr_sombra.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}

#section .tormento {
	width: 36px;
	height: 36px;
	background: url(images/atr_tormento.png) -2px -2px no-repeat;
	border: 1px solid #151515;
	float: left;
	margin-right: 12px;
}


#section table {
	width: 100%;
}

#section table th {
	padding: 2px;
	font-size: .8em;
	vertical-align: bottom;
	border: 1px solid #151515;
	background-color: #252525;
	color: #FFDDB1;
}
#section table td {
	vertical-align: top;
	border: 1px solid #151515;
	background-color: #06090D;
	padding: 3px;
	font-size: .85em;
}
#section table tr:hover td {
	background-color: #18191E;
}
#section a {
	color: #e5e5e5;
	text-decoration: none;
	border-bottom: 1px solid #555555;
}
#section thead a {
	color: #FFDDB1;
	border: 0;
}
#section a:hover {
	color: #BA6819;
	border-bottom: 1px solid #BA6819;
}
#section table thead a:hover {
	border-bottom: 0;
}

/*******************************************************************************
 ****   HEADINGS
 ******************************************************************************/
h2 {
	display: block;
	margin: 10px 0 18px 0;
	font-weight: bold;
	font-size: 1.6em;
	font-family: "trebuchet ms", verdana, tahoma, arial, serif, san-serif;
	color: #FFDDB1;
	border-bottom: 1px solid #ddbb90;
}
h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	color: #a5a5ff;
}
h4 {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 10px;
	color: #FFDDB1;
}

/*******************************************************************************
 ****   NAVIGATION
 ******************************************************************************/

/* horizontal parchment banner */
#bannerWrap {
	width: 950px;
	margin: auto;
	/* this could do with a better solution */
	position: relative;
	z-index: 1;
}
#bannerInner {
	background: #f4dca7 url(images/banner_inner.2.jpg) repeat-x;
	height: 50px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 1px;
	color: #a5a5a5;
	font-size: .100 em;
	font-variant: small-caps;
	position: relative;
	z-index: 10;
}
#bannerInner a {
	text-decoration: none;
	margin: 0 5px;
	color: #ffe881;
}
#bannerInner a:hover {
	color: #dbe111;
}

#bannerInner #links {
	float: right;
	margin-right: 20px;
	padding-top:10px;
}
#bannerInner #home {
	padding-top:10px;	
}

#bannerInner div a {
	margin-left: 20px;
}
#bannerBottom {
	background: url(images/banner_bottom.png) repeat-x;
	height: 9px;
}

#fluff_6 {
	background: url(images/nav_ribbon_bottom.jpg) left bottom no-repeat;
	padding-bottom: 150px;
}
#fluff_eye {
	background: url(images/eye_small.png) left top no-repeat;
	width: 129px;
	height: 96px;
	margin:auto;
	position: relative;
	top: 20px;
	left: -4px;
}

#subnav_wrap {
	background: url(images/nav_ribbon.jpg) left bottom repeat-y;
	float: left;
	width: 240px;
	margin-top: -20px;
}

#subnav {
	color: #e5e5e5;
	font-size: .8em;
	padding-left: 35px;
	padding-top: 30px;
	width: 190px;
	font-family: tahoma, arial, san-serif, serif;
}
#subnav > li {
	padding-top: 1em;
}
#subnav > li:first-child {
	padding-top: 0;
}
#subnav ul {
	margin-top: 4px;
	padding-bottom: 4px;
	font-size: .9em;
}
#subnav li {
	font-weight: bold;
	font-size: 1.05em;
	font-family: verdana, tahoma, arial, san-serif, serif;
	color: #fff3a5;
}
#subnav li li {
	margin-right: 30px;
	font-size: .9em;
	font-family: tahoma, arial, san-serif, serif;
}
#subnav li.spacer {
	margin-bottom: 25px;
}
#subnav li.topspacer {
	margin-top: 25px;
}
#subnav a {
	display: block;
	padding: 2px;
	color: #e5e5e5;
	text-decoration: none;
	padding-left: 15px;
	font-weight: normal;
	border-bottom: 1px solid #2F3C68;
}
#subnav a:hover {
	background: #0D121A;
}

/*******************************************************************************
 ****   PUBLIC PAGES
 ******************************************************************************/
h1, h1 span {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 70px;
	top: 0;
	width: 430px;
	height: 130px;
	padding-top: 40px;
	font-family: "trebuchet ms";
	font-size: 2.5em;
	overflow: hidden;
	cursor: pointer;
}
h1 span {
	left: 0;
	z-index: 2;
	height: 170px;
	background: url(images/header_throne.jpg) -236px 0;
}
h1 a {
	color: white;
	text-decoration: none;
}

#content {
	width: 920px;
	padding: 20px;
	padding-left: 10px;
	margin: auto;
	color: #e5e5e5;
	min-height: 731px;
	background: url(images/ui_class_0.jpg);
	margin-top: -8px;
}
#content .link {
	color: #3535c5;
}


/*******************************************************************************
 ****   LOGIN STYLES
 ******************************************************************************/
#login {
	border: 1px solid #555555;
	padding: 40px;
}
#login table {
	width: auto;
	background: transparent;
	border: 0;
	margin: auto;
	font-size: 1.2em;
}
#login table tr,
#login table tr:hover td,
#login table td:hover,
#login table td {
	background: transparent;
	border: 0;
}
#login table .left {
	display: block;
	text-align: right;
	padding-top: 4px;
}
#login input[type=text],
#login select,
#login input[type=password] {
	width: 200px;
	padding: 3px;
	border: 1px solid #e5e5e5;
	background: #36445E;
	color: #e5e5e5;
	font-size: 1.3em;
	margin-left: 10px;
}
#login textarea {
	width: 200px;
	height: 150px;
	padding: 3px;
	border: 1px solid #e5e5e5;
	background: #36445E;
	color: #e5e5e5;
	font-size: 1.3em;
	margin-left: 10px;
}

#login .extra {
	padding-left: 13px;
}
#login .extra input[type=checkbox] {
	display: inline-block;
	vertical-align: middle;
}
#login .extra label {
	font-size: .8em;
}
#login .extra .button {
	margin-left: 4px;
	margin-top: 10px;
}

#signup tr td {
	padding: 6px 0;
	vertical-align: middle;
	background: transparent;
	border: 0;
}
#signup .label {
	font-weight: bold;
	white-space: nowrap;
	padding-right: 10px;
}
#signup .notes {
	font-size: 8pt;
	color: #efa837;
	padding: 6px 10px;
}
#signup input {
	width: 200px;
	padding: 3px;
	border: 1px solid #e5e5e5;
	background: #36445E;
	color: #e5e5e5;
	font-size: 1.3em;
}

/*******************************************************************************
 ****   BUTTON STYLES
 ******************************************************************************/
.button {
	float: left;
	width: 100px;
	cursor: pointer;
	padding: 5px 0 9px 0;
	background: url(images/ui_button_100.png) left top no-repeat;
	border: 0;
	color: #e5e5e5;
	text-align: center;
	margin: 0;
	margin-right: 10px;
	text-decoration: none;
	border: 0 !important;
}
.button:hover {
	background-position: right top;
	border: 0 !important;
	color: #e5e5e5 !important;
}

/*******************************************************************************
 ****   MEMBER STYLES & NOTICES
 ******************************************************************************/
#notice {
	position: absolute;
	right: 0;
	bottom: -11px;
	height: 50px;
	z-index: 1;
}
#notice .frame {
	height: 38px;
	background: url(images/ui_class_5.jpg);
	margin-right: 600px;
	margin-top: 10px;
	font-size: .7em;
	border: 1px solid #5f5441;
	border-bottom: 0;
	padding: 5px 3px 3px 10px;
	position: absolute;
	right: 0;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	color: #e5e5e5;
}
#m_alert{
	position:absolute;
	bottom:-18px;left:0;
	z-index:1;
	white-space:nowrap;
	font-size:10pt;
	border:1px solid #0d121a;
	border-bottom:0;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	background:green;
}
#m_notes{
	position:absolute;
	bottom:-18px;left:50px;
	z-index:1;
	white-space:nowrap;
	font-size:10pt;
	border:1px solid #0d121a;
	border-bottom:0;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	background:red;
}
#m_bugs{
	position:absolute;
	bottom:-18px;left:100px;
	z-index:1;
	white-space:nowrap;
	font-size:10pt;
	border:1px solid #0d121a;
	border-bottom:0;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	background:blue;
}

#m_alert a ,#m_bugs a ,#m_notes a{
	margin:9px;
}
/*******************************************************************************
 ****   El menú de usuarios (De arriba)
 ******************************************************************************/
#member_panel{
	position:absolute;
	right:0;bottom:-18px;
	z-index:1;
	white-space:nowrap;
	font-size:10pt;
	border:1px solid #0d121a;
	border-bottom:0;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	background:url(images/member_background_grey.png);
}
#member_panel a{
	color:#fff;
}
#member_panel a:hover{
	color:#ff3
}
#member_panel .user{
	float:right;
	padding:7px 15px;
	color:yellow;
}
#member_panel .register{
	float:right;
	padding:7px 15px;
	border-left:1px solid #0d121a;
	cursor:pointer;
	border-top-right-radius:10px;
}
#member_panel .login{
	float:right;
	padding:7px 15px;
	cursor:pointer;
	border-top-left-radius:10px;
}
#member_panel .menu{
	float:right;
	width:30px;
	height:16px;
	padding:7px 0;
	border-left:1px solid #0d121a;
}
#member_panel .menu .user_menu{
	width:16px;
	height:16px;
	margin:auto;
	background:url(images/user_menu.png) left center no-repeat;
}

#member_panel .menu .master_menu{
	width:16px;
	height:16px;
	margin:auto;
	background:url(images/tag.png) left center no-repeat;
}

.bg-gnb-top{ background: url(imahes/bg-gnb-top.png) no-repeat; height: 23px; width: 144px; }
.bg-gnb-bot{ background: url(images/bg-gnb-bot.png) no-repeat; height: 10px; width: 144px; }
.bg-gnb-mid{ background: url(images/bg-gnb-mid.png) repeat-y; width: 135px; padding: 0 5px; overflow: hidden; }


#member_panel .menu:hover .user_menu, #member_panel .menu:hover .user_exit, #member_panel .menu:hover .master_menu{
	background-position:right center;
}
#member_panel .menu:hover ul{
	display:block;
}
#member_panel .menu ul{
	display:none;
	/*
	background:url(images/member_background_grey.png);
	border:1px solid #0d121a;
	*/
	position:absolute;
	right:-1px;
	margin-top:30px;
	z-index:100;
	top:0;
}
#member_panel .menu .middle{
	background: url(images/bg_menu_user.png) repeat-y;
	height: 25px;
}
#member_panel .menu li{
	color:#eee;
	white-space:nowrap;
	/*padding:8px 25px 8px 10px;*/
	font-size:9pt;
	text-align:left;
	position:relative;
}
#member_panel .menu li:first-child{
	border-top:0;
	width: 170px;
	height: 30px;
	background: url(images/bg_menu_top.png) no-repeat;
}
#member_panel .menu li:last-child{
	border-top:0;
	height: 17px;
	background: url(images/bg_menu_btm.png) no-repeat;
}
#member_panel .menu li a{
	margin-left:8px;
	background: none;
	width: 100%;
	color: #fff;
}

#member_panel .menu li a:hover{
	color: #f5a200;
}

/*
#member_panel {
	position: absolute;
	right: 0;
	bottom: -11px;
	height: 50px;
	z-index: 1;
}
.member_icon {
	width: 72px;
	height: 57px;
	background: url(images/ui_member_icon.png) left top no-repeat;
	position: absolute;
	right: 0;
}
#member_panel .frame {
	height: 38px;
	background: url(images/ui_class_1.jpg);
	margin-right: 63px;
	margin-top: 10px;
	font-size: .7em;
	border: 1px solid #5f5441;
	border-bottom: 0;
	padding: 5px 3px 3px 10px;
	position: absolute;
	right: 0;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	color: #e5e5e5;
}
#member_panel div, #notice div {
	white-space: nowrap;
}

#member_panel strong {
	font-size: 1.1em;
}
#member_panel a, #notice a {
	padding-top: 5px;
	margin-right: 15px;
	color: #e5e5e5;
}

#member_panel a:hover, #notice a:hover {
	color: #FFF;
}

#member_panel .signin {
	color: #FFDDB1;
}
#member_panel .login {
	font-style: italic;
	font-size: .9em;
}
#member_panel .or {
	color: #c5c5c5;
	display: inline
}
#member_panel h2 {
	font-size: 1em;
	border: 0;
	margin: 0;
	margin-bottom: 3px;
	letter-spacing: 0;
	font-family: verdana, tahoma, arial, san-serif;
}
*/
/*******************************************************************************
 ****   ERROR 404
 ******************************************************************************/

.errorWrapper { 
	text-align: center; 
	margin: 80px auto 0 auto;
}
.errorWrapper span { color: #fff; font-size: 14px; font-style: italic; text-shadow: 1px 1px #555; }
.errorWrapper a { 
	display: inline-block; padding: 10px 30px; background: #999; color: #222; font-weight: bold; margin-top: 20px; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
}
.errorWrapper a.default { color: #222; background: #999; }
.errorWrapper a.hover { background: #fff; color: #333; }
.errorWrapper a:hover { text-decoration: none; }
.pageErrorTitle { color: #fff; font-size: 46px; text-shadow: 1px 1px #333; }