/*******************************************************************************
 ****   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; }
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("icons/glyphicons-halflings-white.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.icon-white {
  background-image: url("icons/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}
/* Los iconos de las estrellas con color*/
.icon-star-on {
	width: 16px;
	height: 16px;
	background-image:url("icons/star-on.png");
	background-position: 0      0;
}
.icon-star-off {
	width: 16px;
	height: 16px;
	background-image:url("icons/star-off.png");
	background-position: 0      0;
}


/* Ahora la parte de los indicadores totales*/

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well{
  background-color: #202328;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.top-block{
font-size:14px;
text-align: center;
padding: 5px;
margin-bottom:10px;
font-weight:bold;
position: relative;
display: block;
line-height: 22px;
text-shadow: 0 0 1px #DDD;
text-decoration:none;
-webkit-box-shadow: inset 0 0 0 1px #FAFAFA;
-moz-box-shadow: inset 0 0 0 1px #FAFAFA;
box-shadow: inset 0 0 0 1px #FAFAFA;
background: -moz-linear-gradient(top,  rgba(30,87,153,0.2) 0%, rgba(125,185,232,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.2)), color-stop(100%,rgba(125,185,232,0)));
background: -webkit-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
background: -o-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
background: -ms-linear-gradient(top,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom,  rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331e5799', endColorstr='#007db9e8',GradientType=0 );
}
.top-block:hover{
text-decoration:none;
}
.span3 {
  width: 23.404255317%;
  width: 220px;
}

.cabecera_info {
  width: 100%;
  *zoom: 1;
}
.cabecera_info:before,
.cabecera_info:after {
  display: table;
  content: "";
}

.cabecera_info:after {
  clear: both;
}

.cabecera_info [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 28px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.cabecera_info [class*="span"]:first-child {
  margin-left: 0;
}
.cabecera_info .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.stdform {
	border: 1px solid #555555;
	padding-top: 20px;
	padding-bottom: 40px;
}
.stdform p, .stdform div.par { margin: 15px 0; }
.stdform div.par { overflow: hidden; }
.stdform span.field, .stdform div.field { margin-left: 220px; display: block; position: relative; }
.stdform span.check { margin-left: 100px; display: inline; position: absolute; }
.stdform span.star, .stdform div.star { padding-top: 8px; }
.stdform .formwrapper { display: block; padding-top: 5px; margin-left: 220px; line-height: 25px; }
.stdform label { float: left; width: 200px; text-align: right; padding: 5px 20px 0 0; }
.stdform label.error { float: none; color: #ff6600; font-size: 11px; display: block; text-align: left; font-weight: bold; }

.stdform input { 
	border: 1px solid #ccc; background: #fcfcfc; padding: 8px 5px; width: 300px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
	-moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #666; 
}
.stdform input:focus { background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee; }
.stdform .smallinput { width: 40%; }
.stdform .mediuminput { width: 60%; }
.stdform .longinput { width: 80%; }
.stdform input.error { border: 1px solid #ff6600; }

.stdform input[type=radio], .stdform input[type=checkbox] { width: auto; margin: 0; vertical-align: middle; }
.stdform input[type=submit] { 
	width: auto; margin: 0; font-weight: bold; color: #eee; background: #333; border: 0; padding: 7px 10px; 
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer;
}
.stdform input[type=reset] {
	width: auto; margin: 0; font-weight: bold; color: #666; border: 1px solid #ccc; background: #eee; padding: 7px 10px;	
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 5px;
}
.stdform input[type=submit]:hover { background: #ffdd00; color: #333; }
.stdform input[type=reset]:hover { background: #ddd; cursor: pointer; color: #333; }

.stdform textarea { 
	border: 1px solid #ccc; background: #fcfcfc; padding: 8px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
	-moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #666;
}
.stdform textarea.error { border: 1px solid #ff6600; }

.stdform select { 
	border: 1px solid #ccc; padding: 7px 5px; min-width: 40%; background: #fcfcfc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
	-moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #666;
}
.stdform select.error { border: 1px solid #ff6600; }

.stdform textarea:focus, .stdform select:focus { 
	background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee; 
}

.stdform button { border: 1px solid #333; background: #333; color: #fff; cursor: pointer; padding: 7px 10px; font-weight: bold; }
.stdform button:hover { background: #111; border: 1px solid #000; color: #fff; }
.stdform button.cancel { background: #eee; color: #666; border: 1px solid #ddd; }
.stdform button.cancel:hover { background: #ddd; border: 1px solid #ccc; }
.stdform small.desc { font-size: 11px; color: #999; font-style: italic; display: block; margin: 5px 0 0 220px; }
.stdform .stdformbutton { margin-left: 220px; }

/* Los Botones */
.btn, .btn span {
   display: inline-block;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.btn {
	padding: 2px 2px 2px 2px;
   white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border: 1px solid #999;
	border: rgba(0, 0, 0, .2) 1px solid;
   border-bottom:rgba(0, 0, 0, .4) 1px solid;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
   background: -moz-linear-gradient(
      center top,
      rgba(255, 255, 255, .1) 0%,
      rgba(0, 0, 0, .1) 100%
   );
   background: -webkit-gradient(
      linear,
      center bottom,
      center top,
      from(rgba(0, 0, 0, .1)),
      to(rgba(255, 255, 255, .1))
   );
   -moz-user-select: none;
   -webkit-user-select:none;
   -khtml-user-select: none;
   user-select: none;
   margin-bottom:10px;
}
.btn.full, .btn.full span {
   display: block;
}
.btn:hover, .btn.hover {
   background: -moz-linear-gradient(
      center top,
      rgba(255, 255, 255, .2) 0%,
      rgba(255, 255, 255, .1) 100%
   );
   background: -webkit-gradient(
      linear,
      center bottom,
      center top,
      from(rgba(255, 255, 255, .1)),
      to(rgba(255, 255, 255, .2))
   );
}
.btn:active, .btn.active {
   top:1px;
}
.btn span {
   position: relative;
   color:#fff;
   text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
   border-top: rgba(255, 255, 255, .2) 1px solid;
   padding:0.6em 1.3em;
   line-height:1em;
   text-align:center;
   white-space: nowrap;
}

.btn.pequeno{
   padding: 2px 2px 2px 2px;
}
.btn.mediano{
   padding: 4px 4px 4px 4px;
}
.btn.grande{
   padding: 8px 8px 8px 8px;
}

.btn.rojo {
   background-color: #e62727;
}
.btn.naranja {
   background-color: #ff5c00;
}

.btn.azul {
   background-color: #00ADEE;
}
.btn.verde {
   background-color: #5bb75b;
}


a{
   color: #0000cc;
   text-decoration: none;
} 

/* Comentarios Jugador - Máster */
.com_av {
	float: left;
	margin-top: 5px;
}
#comentario {
	display: block;
	float:right;
	width: 750px;
	min-height:55px;
	margin-top: 5px;
	margin-left: 20px;
	padding: 10px;
	font-size: 12px;
	font-weight: 100;
	color: #66a7c9;
	background-color: #011201;
	border: 1px solid #371904;
	-webkit-transition-property: border-color, color;
  	-webkit-transition-duration: .2s, .2s;
}
#comentario:hover {
	color: #fff;
}
#comentario p{
	margin-bottom:-5px;
}

.arrow {
	position: absolute;
	width: 15px;
	height: 30px;
	margin: 5px 0 0 -24px;
	background: transparent url(images/comment.png) no-repeat left top;
}


/* Los old
.comentarios {
	margin-top:10px;
	border: 3px solid #371904;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #011201;
}
.comentarios p, .comentarios h3 {
	margin-left: 15px;
	margin-right: 15px;
}
.comentarios h3 {
	margin-left: 20px;

}*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: -12px;
 border: 1px solid #778;
 border-bottom: none;
 background: #181d25;
 text-decoration: none;
}

ul.tabbernav li a:link { color: orange; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #181d35;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: darkblue;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	/*display:none;*/
}
.tabberlive .tabbertab .small {
 font-size: 80.0%;
 font-style: italic;
 padding-bottom: 15px;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.new_tabs_head,.new_tabs_frame {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.new_tabs_head {
	overflow:visible;
	padding:0;
	margin:15px 0 0 0;
	/*width:430px;*/
}

ul.new_tabs {
	float:none;
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:-1px;
}

li.new_tab,li.new_tab_acted{
	min-height:20px;
	margin:0 -12px 0 0;
	width:80px\9;
	min-width:20px;
	padding:6px 6px 0 8px;
	border-width:1px;
	border-style:solid;
	border-color:rgb(200,200,200);
	background-color:#181d25;
	float:left;
	list-style:none outside none;
	border-radius:10px 10px 0px 0px;
	overflow:visible;
	cursor:pointer;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	/*background-image:-moz-linear-gradient(center bottom , rgb(230, 230, 230) 0%, rgb(250, 250, 250) 50%, rgb(255, 255, 255) 75%)*/
}

li.new_tab:hover,li.new_tab_acted:hover{
	background: #181d35;
	color: orange;
}
li.new_tab a,li.new_tab_acted a {
	margin:0;
	padding:0;
	color:rgb(100,100,100);
	vertical-align:top;
}

li.new_tab_acted{
	border-bottom:1px solid white;
	background-color:darkblue;
	background-image:none;
}

.new_tabs_frame{
	border-radius:0px 10px 10px 10px;
	border:1px solid rgb(200,200,200);
	padding:10px;
	margin-top:-1px;
	overflow:hidden;
	/*width:430px;*/
}
/**
 * POPUP CONTAINER STYLES
 */
 /*
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;
} 
*/
}
.body_modal {
	background:  black;
}
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #000;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url(submodal/maskBG.png) !important;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #53482c;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background: #0d121a url(submodal/header.jpg) no-repeat;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #53482c;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
/* El original */
#wrapper{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    background-color:#31425d;
    width:650px;
    overflow:hidden;
    font-size:10px;
    text-align:center;
    margin:0px;
    padding:0px;
    position:relative;
    height:100%;
    margin:15px auto;

}
#steps{
    width:650px;
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
    width:650px;
	/*height:320px;*/
}
#navigation{
    height:45px;
    background-color:#17202e;
    border-top:1px solid #fff;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#navigation ul{
    list-style:none;
	float:left;
	margin-left:22px;
}
#navigation ul li{
	float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
	margin:0px 2px;
}
#navigation ul li a{
    display:block;
    height:45px;
    background-color:#444;
    color:#777;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:45px;
    padding:0px 20px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    background:#f0f0f0;
    background:
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(240,240,240)),
        color-stop(0.55, rgb(227,227,227)),
        color-stop(0.78, rgb(240,240,240))
        );
    background:
        -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 9%,
        rgb(227,227,227) 55%,
        rgb(240,240,240) 78%
        )
}
#navigation ul li a:hover,
#navigation ul li.selected a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
span.checked{
    background:transparent url(images/checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(images/error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
#steps form fieldset{
    border:none;
    padding-bottom:20px;
}
#steps form legend{
    text-align:left;
    background-color:#f0f0f0;
    color:#666;
    font-size:24px;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    float:left;
    width:590px;
    padding:5px 0px 5px 10px;
    margin:10px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
}
#steps form p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:400px;
    padding:10px;
    margin-left:100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}
#steps form p label{
    width:160px;
    float:left;
    text-align:right;
    margin-right:15px;
    line-height:26px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}
#steps form input:not([type=radio]),
#steps form textarea,
#steps form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
}
#steps form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#steps form p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#steps form button {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#4797ED;
}
#steps form button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
#section .notification {
	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;
	
	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 .error {
	background: #291414 url(images/fade_error.png) repeat-x;
}
#section .warn {
	background: #292914 url(images/fade_warn.png) repeat-x;
}
#section .info {
	background: #141C29  url(images/fade_info.png)repeat-x;
}
#section .ok {
	background: #182914  url(images/fade_ok.png)repeat-x;
}

.alert{
	position:relative;
	padding:15px 10px;
	margin:12px 0 20px;
	width:auto;
	padding-left:55px;
	font-style:normal;
	font-family:Helvetica,Arial,"Times New Roman",Times,serif;
	font-size:12px;
	background:#eee;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.2);
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.2);
	box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.2):
}
.alert_close{
	background:url(alertas/cross.png) center 0;
	width:14px;
	height:14px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.alert_close:hover{
	background-position:center -33px;
	cursor: pointer;
}
.info_msg{
	background:url(alertas/info_button_32.png) no-repeat 8px 8px #c7e3f9;
	background:url(alertas/info_button_32.png) no-repeat 8px 8px,-moz-linear-gradient(top,#c7e3f9 0,#aecee8 100%);
	background:url(alertas/info_button_32.png) no-repeat 8px 8px,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c7e3f9),color-stop(100%,#aecee8));
	background:url(alertas/info_button_32.png) no-repeat 8px 8px,-webkit-linear-gradient(top,#c7e3f9 0,#aecee8 100%);
	background:url(alertas/info_button_32.png) no-repeat 8px 8px,-o-linear-gradient(top,#c7e3f9 0,#aecee8 100%);
	background:url(alertas/info_button_32.png) no-repeat 8px 8px,-ms-linear-gradient(top,#c7e3f9 0,#aecee8 100%);
	background:url(alertas/info_button_32.png) no-repeat 8px 8px,linear-gradient(top,#c7e3f9 0,#aecee8 100%);
	border:1px solid #70a2c9;
	border-color:#70a2c9 #5F9BC9;
	color:#2e6093;
	text-shadow:1px 1px 1px #e2f6fa;
}
.error_msg{
	background:url(alertas/close_32.png) no-repeat 8px 8px #ffc8d1;
	background:url(alertas/close_32.png) no-repeat 8px 8px,-moz-linear-gradient(top,#ffc8d1 0,#ff93a3 100%);
	background:url(alertas/close_32.png) no-repeat 8px 8px,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffc8d1),color-stop(100%,#ff93a3));
	background:url(alertas/close_32.png) no-repeat 8px 8px,-webkit-linear-gradient(top,#ffc8d1 0,#ff93a3 100%);
	background:url(alertas/close_32.png) no-repeat 8px 8px,-o-linear-gradient(top,#ffc8d1 0,#ff93a3 100%);
	background:url(alertas/close_32.png) no-repeat 8px 8px,-ms-linear-gradient(top,#ffc8d1 0,#ff93a3 100%);
	background:url(alertas/close_32.png) no-repeat 8px 8px,linear-gradient(top,#ffc8d1 0,#ff93a3 100%);
	border:1px solid #d96e66;
	color:#cd0a0a;
	text-shadow:1px 1px 1px #ffaebc;
}
.saved_msg{
	background:url(alertas/save_32.png) no-repeat 8px 8px #b5d8fa;
	background:url(alertas/save_32.png) no-repeat 8px 8px,-moz-linear-gradient(top,#b5d8fa 0,#8cb9db 100%);
	background:url(alertas/save_32.png) no-repeat 8px 8px,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b5d8fa),color-stop(100%,#8cb9db));
	background:url(alertas/save_32.png) no-repeat 8px 8px,-webkit-linear-gradient(top,#b5d8fa 0,#8cb9db 100%);
	background:url(alertas/save_32.png) no-repeat 8px 8px,-o-linear-gradient(top,#b5d8fa 0,#8cb9db 100%);
	background:url(alertas/save_32.png) no-repeat 8px 8px,-ms-linear-gradient(top,#b5d8fa 0,#8cb9db 100%);
	background:url(alertas/save_32.png) no-repeat 8px 8px,linear-gradient(top,#b5d8fa 0,#8cb9db 100%);
	border:1px solid #6495ed;
	color:#36414b;
	text-shadow:1px 1px 1px #d5eaa8;
}
.succes_msg{
	background:url(alertas/tick.png) no-repeat 8px 9px #cdeb8e;
	background:url(alertas/tick.png) no-repeat 8px 9px,-moz-linear-gradient(top,#cdeb8e 0,#a5c956 100%);
	background:url(alertas/tick.png) no-repeat 8px 9px,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cdeb8e),color-stop(100%,#a5c956));
	background:url(alertas/tick.png) no-repeat 8px 9px,-webkit-linear-gradient(top,#cdeb8e 0,#a5c956 100%);
	background:url(alertas/tick.png) no-repeat 8px 9px,-o-linear-gradient(top,#cdeb8e 0,#a5c956 100%);
	background:url(alertas/tick.png) no-repeat 8px 9px,-ms-linear-gradient(top,#cdeb8e 0,#a5c956 100%);
	background:url(alertas/tick.png) no-repeat 8px 9px,linear-gradient(top,#cdeb8e 0,#a5c956 100%);
	border:1px solid #87ae33;
	color:#3f4b25;
	text-shadow:1px 1px 1px #d5eaa8;
}
.exclamation_msg{
	background:url(alertas/warning_32.png) no-repeat 8px 8px #ffedc1;
	background:url(alertas/warning_32.png) no-repeat 8px 8px,-moz-linear-gradient(top,#ffedc1 0,#fcde8d 100%);
	background:url(alertas/warning_32.png) no-repeat 8px 8px,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffedc1),color-stop(100%,#fcde8d));
	background:url(alertas/warning_32.png) no-repeat 8px 8px,-webkit-linear-gradient(top,#ffedc1 0,#fcde8d 100%);
	background:url(alertas/warning_32.png) no-repeat 8px 8px,-o-linear-gradient(top,#ffedc1 0,#fcde8d 100%);
	background:url(alertas/warning_32.png) no-repeat 8px 8px,-ms-linear-gradient(top,#ffedc1 0,#fcde8d 100%);
	background:url(alertas/warning_32.png) no-repeat 8px 8px,linear-gradient(top,#ffedc1 0,#fcde8d 100%);
	border:1px solid #ea9936;
	color:#ff4500;
	text-shadow:1px 1px 1px #ffedc1;
}