html, body{
	margin: 0px; 
	padding: 0px;
	font-family: Verdana, Arial;
	font-size: 12px;
	background-color: #000;
	height: 100%;
	min-height:100%;
}

a{
	text-decoration: none;
}
a img{
	border: 0px; 
}
#upper_menu_container_container{
	width: 100%;
	height: 33px;
	background: url("http://www.l2fea.es/template/images/head_top.gif") repeat-x scroll 0 1px #333333;
	border-bottom: 2px solid black;
	color: #DBDBDB;
	text-align: center;
}

#upper_menu_container{
	margin: 0 auto;
	width: 980px;
	height: 32px;
	/*background-color: #f00;*/
	text-align: left;
}
#upper_menu_container #menu_links a{
	display: block;
	padding: 12px 20px 8px 20px;
	height: 15px;
	float:left;
	color: #DBDBDB;
	font-weight:bold;
	text-shadow: 1px 1px 1px #684F33;
}
#upper_menu_container #menu_links a.active{
	color: #FFCC00;
}
#upper_menu_container #menu_links a:hover{
	color: #E5D630;
	text-shadow: 0px 0px 6px #CA5B0C;
}
#upper_menu_user_container{
	float:right;
	margin-top:1px;
	height: 16px;
	padding: 6px 25px 5px 25px;
}
#upper_menu_container .upper_menu_separator{
	width:0px;
	float:left;
	height: 32px;	
	padding: 10px 0px 5px 0px;
	font-size:12px;
}
input.text_input, select.text_input, textarea.text_input{
	border: 1px solid #DBDBDB;
	padding: 2px;
	background-color: #2B2A2A;
	color: #DBDBDB;
	font-size: 11px;
}

input.text_input:hover,select.text_input{
	background-color: #424242;
	text-shadow: 0px 0px 6px white;	
}
#footer_container_container{
	width: 100%;
	height: 101px;
	background: url("http://www.l2fea.es/template/images/footer.png") repeat-x scroll;
	border-top: 3px solid #0B0B0B;
	text-align: center;
	margin:0;
	padding:10px 0 0 0;
}
#footer_container{
	/*line-height: 30px;*/
	font-size: 14px;	
	color: #AFADAD;
	text-shadow: 3px 3px 3px #000;
	/*background-color: #f00;*/
}
#footer_container a{
	font-weight: bold;
	font-size:90%;
	color: #64B0EB;
	padding: 1px;
	display: inline-block;
}
#header_container{
	width: 100%;
}
#header{
	margin: auto;
	padding: 5px;
	width: 980px;
	height: 192px;
	background: url("http://www.l2fea.es/template/images/humantank.png") no-repeat 550px 0px scroll;
}

#header_left{
	float:left;
	width: 450px;
	padding: 10px 30px 30px 30px;
	font-size: 25px;
}
#header_left h1{
	text-align: center;
	font-size: 35px;
	margin:0px;
	font-family: Georgia,serif;
	font-weight: bold;
	text-shadow: 0px 0px 7px #fff;
	font-style: italic;	
	color: white;
}
#header_left p{
	text-align: center;
	font-size: 20px;
	font-family: Georgia,serif;
	color: #E4E6EA;
	text-shadow: 0px 0px 4px #213D74;
	
}
#status_servers{
	float:right;
	padding:1px 30px 0 0;
	font-weight:bold;
	font-size: 10px;
	color: white;
}
#status_servers img{
	vertical-align: sub;
	border:0px;
	margin:0 3px 0 3px;
}
#content_container_container{
	background: url("http://www.l2fea.es/template/images/bgs/bg_bosque_col_150f13.jpg") no-repeat scroll center 1px #150f13;
	padding: 0 0 30px 0;
}
#content_border_top,#content_border_bot,#content_container{
	margin: 0 auto;	
	width: 980px;	
}
#content_border_top,#content_border_bot{
	height: 105px;
}
#content_border_top{
	background: url("http://www.l2fea.es/template/images/border_top2.png") no-repeat;
	margin-top: -80px;
}
#content_border_bot{
	background: url("http://www.l2fea.es/template/images/border_bot.png") no-repeat;
}
#content_container{
	background: url("http://www.l2fea.es/template/images/border_mid.png") repeat-y;
	/*height: 550px;*/
	/*background: url("http://www.l2fea.es/template/images/head_top_hover.gif") repeat-x scroll 0 1px #4C4C4C;*/
}
#content{
	color: #E4E6EA;
	margin: 0 40px;
}
#main_content, #content_right,.content_left_left,.content_left_right,.content_half_column{
	float:left;
	padding: 5px 0 5px 0;
}
.clear{
	clear:both;
}
#content_left{
	height: 100%;
	width: 640px;
	float:left;
}
#main_content{
	width: 100%;
}
#content_right{
	width: 246px;
	height: 100%;
	margin: 0;
	padding-left: 10px;
	font-size: 11px;
	line-height: 15px;
}
.content_left_left, .content_left_right{
	width: 300px;
}
.content_half_column{
}
img.separador_left_right{
	float:left;
	margin-top: 50px;
}
#content .under_tit{
	height: 4px;
	background: url("http://www.l2fea.es/template/images/linea.png") no-repeat;
	width: 300px;
	margin: 3px 0px 10px -5px;
}
#main_content h1, #main_content h2, #main_content h3, #main_content h4{
	margin:0px;
	font-family: Verdana;
	font-weight: normal;
}
#main_content h1{
	color:#FFCC00;	
	text-shadow: 0px 0px 5px #FFAD3F;	
}
#main_content h2{
	color:#FFCC00;	
	text-shadow: 0px 0px 3px #F04004;		
}
 #main_content h3, #main_content h4{
	color:#FFCC00;	
	text-shadow: 0px 0px 3px #F04004;	
}
#content p{
	line-height: 18px;
}

#main_content h1{
	margin-left: 5px;
	font-size:20px;
	line-height:25px;
}
#main_content h2{
	font-size:15px;
	line-height:25px;
	font-weight:bold;
}
#main_content .texto_h2,#main_content h2{
	margin-left:8px;
}

#main_content .texto_h3,#main_content h3{
	margin-left:15px;
}
#main_content table{
	font-weight:normal;
}
/*#content_right h1{
	line-height: 20px;
	font-family: Helvetica,Arial,FreeSans,sans-serif;
	font-size:13px;
	padding: 2px 20px 2px 5px;
	margin-top: 15px;
	text-align: center;
	width:238px;
	height: 18px;
	background: url("http://www.l2fea.es/template/images/fondo_tit_derecha.png") no-repeat;	
}*/
#content_right h1{
	font-size:16px;
	color: #FFEA99;
	text-shadow: 0 0 3px black;
	font-family: Helvetica, FreeSans, Calibri;
	margin: 12px 0 7px 0;
}

#content_right .h1_cover{
	
}
#content_right p{
	margin:0;
	padding:0;
}
#content a{
	font-weight: bold;
	color: #64B0EB;
	padding: 1px;
	display: inline-block;
}
#content a img{
	border:0;
}
#content a.link{
	padding-left: 20px;
	background: url("http://www.l2fea.es/template/images/link.png") no-repeat;
}
#content a.link2{
	padding-left: 20px;
	font-size: 11px;
	background: url("http://www.l2fea.es/template/images/link.png") no-repeat;
}
#content a.link_ban_NO_VISTO{
	font-size: 11px;
}
#content a.link_ban_VISTO{
	font-weight: normal;
	font-size: 11px;
}
#content a.link_ban_ACEPTADO{
	/*font-weight: normal;*/
	font-size: 11px;
	color:#FF6666;	
}
#content a.link_ban_RECHAZADO,#content a.link_unban_RECHAZADO{
	font-weight: normal;
	font-size: 11px;
	color:#D1CFCF;
}
#content a.link_unban_ACEPTADO{
	font-weight: normal;
	font-size: 11px;
	color:#90F780;
}
#content a.link_ban_REVOCADO{
	font-weight: normal;
	font-size: 11px;
	color:#90F780;		
}
#content a img{
	vertical-align:middle;
}
#content a:hover{
	color: yellow;
	text-shadow: 0px 0px 6px #CA5B0C;	
}

.hopzone_container{
	text-align: center;
	padding: 10px;
}

.mini{
	font-size: 11px;
}
.sub{
	font-size: 10px;
}
.resalt{
	color:yellow;
}
.pjs_on{
	font-family: verdana;
	color: #26fe2e;
	font-weight: bold;
}
.error{
	padding: 3px;
	border: red;
	background-color: #562A2F;
	color: white;
}
#login_left, #login_right{
	padding: 25px;
	float:left;
	width:390px;
}
.rounded_button{
	margin:10px;
}
.rounded_button, 
.rounded_button2{
	background-color:#7D1A1A;
    padding:4px;
    border:1px solid #DBDBDB;
    text-align:center;
	color: #DBDBDB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana;
	text-shadow: 0px 0px 9px #ADADAF;	
}
#content .rounded_button a, 
#content .rounded_button2 a{
	color: #DBDBDB;	
}
.rounded_button2:hover, 
.rounded_button:hover{
	color:#FFCC00;
	background-color:#A01414;	
}
.rounded_button:active,
.rounded_button2:active,
.rounded_button a:active
.rounded_button2 a:active{
	text-shadow: 0px 0px 9px #FFCC00;	
    border:1px solid #FFCC00;
	color:#FFCC00;
}
.message_result{
	margin: auto;
	color: white;
	font-weight: bold;
	font-size: 11px;
	width: 60%;
	padding: 15px;
	border: 2px dotted #26FE2E;
}
.error_result{
	margin: auto;
	color: white;
	font-weight: bold;
	font-size: 11px;
	width: 60%;
	padding: 15px;
	border: 2px dotted red;
}
#content .boton_especial{
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background: url("http://www.l2fea.es/template/images/l2w317ielNoo88R.jpg") repeat-x scroll 0 0 #5C3621;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: inline-block;
	overflow: visible;
	padding: 5px 60px 6px 5px;
	text-align: center;	
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);	
}
#content .boton_especial a{
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	display: block;
	color: #FFFFFF;	
}
#content .boton_especial:hover{
	background-color:#E07026;
}
table.margin td{
	padding:2px 3px 2px 3px;
}
table.margin2 td{
	padding:4px 6px 4px 6px;
}
.word-break {
  /* Div que corta las palabras largas */
  /* hay que establecer el ancho necesario */
  overflow: auto;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */
}
.max-height-fb{
	height:400px;
	overflow-y:auto;
	scrollbar-face-color: #6685CA;
	scrollbar-highlight-color: #6685CA;
	scrollbar-shadow-color: #6685CA;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#E5E5E5;
	scrollbar-drakshadow-color:#000000;	
}
