#conteudo{
	position: relative;
	width: 1000px;
	height: auto;
	height: 100% !important;
	text-align: center;
	margin: auto;
}

#topo {
	position: relative;
	width: 1000px;
	height: 270px;
	background-repeat:no-repeat;
}

#bt_jogar{
	float: right;
	*margin-top: -25px;
}

#info_char{
	position:relative;
	width: 345px;
	height: 110px;
	text-align:left;
	float:left;
	margin-left:48px;
	margin-top:20px;

}

#bag{
	position:relative;
	width: 24px;
	height: 24px;
	float: left;
	cursor:pointer;
}

#status_char{
	position:relative;
	float: right;
	width: 321px;
	height: 110px;
	color: #FFF;
	left:235px;
	top:-7px;
}


#pagina{
	position:relative;
	width:1000px;
	height:100% !important;
	height:auto;
	clear:both;
	float:left;
	padding-bottom:8em;
}

#colunas{
	position:relative;
	width:1000px;
	height:auto;
	height:100% !important;
}

#esquerda{
	position: relative;
	width: 270px;
	height: auto;
	float:left;
}
#menu_topo{
	position: relative;
	width: 268px;
	height: 94px;
	background-image:url(../images/menu_topo.jpg);
	background-repeat:no-repeat;
}
#formulario{
	position:absolute;
	width:180px;
	height:50px;
	top:-20px;
	left:80px;
	text-align: left;
}
#menu_repete{
	position: relative;
	width: 148px;
	height: auto;
	background-image:url(../images/menu_repete.jpg);
	background-repeat:repeat-y;
	clear:both;
	float:left;
	left:98px;
}

#menu_fundo{
	position: relative;
	width: 148px;
	height: 105px;
	background-image:url(../images/menu_fundo.jpg);
	background-repeat:no-repeat;
	clear: both;
	float: left;
	left :98px;
}

#direita{
	position: relative;
	width: 730px;
	height: auto;
	float:left;
}

.msg_personagem {
	clear: left;
	float: left;
	height: 170px;
	margin-bottom: 15px;
	top: 15px;
	width: 725px;
}

.msg{
	color: #45351B;
	height: 140px;
	left: 200px;
	*left: 100px;
	position: relative;
	text-align:left;
	top: 35px;
	width: 500px;
	z-index: 10;
}

/* INICIAL */

.criacao_mundos{
	text-align: center;
	width: 230px;
	float:left;
	padding:3px;
}

#lista_personagem{
	width:100px;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
}

/* ÁRVORE DE TALENTOS */

#arvore_talentos{
	background:url(../images/tree.jpg) no-repeat;
	width: 288px;
	height: 777px;
	padding-top: 8px;
	margin: auto;
}

/* TREINAMENTO DANGAI E OUTROS BG'S */

#bg_metal{
	width: 717px;
	height: 61px;
}


/* RODAPÉ */

#rodape{
	width:1000px;	
  	position: relative;
  	height: auto;
  	margin: 0 auto;
	clear:both;
	float:left;

}
#rodape_img{
	position: relative;
	width: 1000px;
	height: 366px;
	background:url("../images/rodape.jpg");
	background-repeat:no-repeat;
	clear:both;
	float:left;
	margin:auto;
	text-align:center;

}
#parceiros{
	width:900px;	
  	position: relative;
  	height: auto;
	clear:both;
	float:left;
	top:170px;
	left:50px;
	
}
.parceiros_logos{
	position:relative;
	width:auto;
	height:82px;
	padding-left:5px;
	float:left;
}
#texto{
	width:1000px;	
  	position: relative;
  	height: auto;
	clear:both;
	float:left;
	top:170px;
}
.text_rodape{
	position:relative;
	color:#8b8b8b;
}


/* CLASSES */

.titulo1{
	font-size: 12px;
	color: #CCC;
	font-style: italic;
	font-weight: bold;
	margin: 0;
}

#d-top-character-info {
	float: left;
	color:#666;
}

#d-top-exp-bar {
	float: right;
	margin-right: 6px;
	position: relative;
}

#d-top-exp-bar, #d-top-exp-bar .back {
	height: 45px;
	width: 41px;	
}

#d-top-exp-bar .back {
	background-image: URL("../images/barra_exp_bg_topo.png");
	float: left;
}

#d-top-exp-bar .front {
	background-image: URL("../images/barra_exp_frente_topo.png");
	background-position: bottom;
	position: absolute;
	bottom: 3px;
	left: 2px;
	width: 37px;
}

.exp-bar {
	 position: relative;
	 height: 15px;
}

.exp-bar #l, .exp-bar #c, .exp-bar #r {
	height: 15px;
	z-index: 2;
	position: absolute
}


.exp-bar #l, .exp-bar #c {
	float: left;
}

.exp-bar #l {
	left: 0px
}

.exp-bar #l, .exp-bar #r {
	width: 16px;
}

.exp-bar #r {
	right: 0px
}

.exp-bar #c {
	left: 16px
}

.exp-bar #t {
	font-size: 9px;
	font-weight: none;
	position: absolute;
	top: 2px;
	left: 14px;
	z-index: 3;
	color: #DDD;
}

.exp-bar #b {
	background-image: URL("../images/barra_exp_b.png");
	height: 15px;
	position: absolute;
	left: 0px;
	z-index: 1;
}

.tooltip {
	display: none;
	padding: 8px;
	background-color: #202932 !important;
	border: 2px solid #1373a5;
	position: absolute;
	z-index: 100;
	color: #CCC;
	text-align: left;
	width: 250px;
	opacity:0.9;
	filter:alpha(opacity=90);
}

.tooltip ul {
	padding : 0px;
	margin: 0px;
	margin-left: 15px;
}

#d-inventory {
	width: 24px;
	height: 24px;
	background-color: #F00;
	position: absolute;
	left: 55px;
	top: 20px;
}

.d-inventory-container #close-button {
	float: right;
	font-size: 14px;
	margin-right: 5px;
	margin-top: -20px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	background-image: URL("../images/mandala-close.png");
}

.d-inventory-container {
	margin: 0 auto;
	position: absolute;
	width: 800px;
	height: 545px;
	top: 100px;
	background-color:#202932;
	border: solid 6px #4d86c0;
	padding: 4px
}

.d-inventory-block-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #333;
}

.d-inventory-item, .d-itembox {
	width: 48px;
	height: 48px;
	position: relative;
	float:left;
	border: solid 1px #333;
		
}

.d-inventory-item-qt, .d-itembox-total {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding:1px;
	color:  #FFF;
	font-weight: bold;
	background-color: #666;
	font-size:8px;
	font-family: Trebuchet MS;
}

.d-inventory-item-hover {
	background-color: #F00 !important
}

.d-inventory-item-active {
	background-color: #096
}

.d-inventory-container .title{
	font-size: 22px;
	float: left;
	clear: left;
	padding: 4px;
}

#d-mandala {
	width: 400px;
	height: 400px;
	position: relative;
	background-image: URL("../images/mandala.jpg");
}

#d-mandala .d-inventory-item-destiny {
	position: absolute
}

#d-mandala-socket-1 {
	top: 2px;
	left: 176px;
}

#d-mandala-socket-2 {
	top: 350px;
	left: 176px;
}

#d-mandala-socket-3 {
	top: 174px;
	left: 2px;
}

#d-mandala-socket-4 {
	top: 177px;
	left: 350px;
}

#d-mandala-socket-5 {
	top: 106px;
	left: 110px;
}

#d-mandala-socket-6 {
	top: 245px;
	left: 243px;
}

#d-mandala-socket-7 {
	top: 245px;
	left: 110px;
}

#d-mandala-socket-8 {
	top: 106px;
	left: 243px;
}

#d-mandala-socket-9 {
	top: 177px;
	left: 175px;
}

.dojo-titulo {
	background-image: URL('../images/dojo_fundo_titulo.png');
	background-repeat: no-repeat;
	background-position: center center
}

#d-battlefield-atk-tabs {
	background-image: URL('../images/dojo_barra_acao.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 46px;
	position: relative;
	padding-left: 30px
}

#d-battlefield-atk-tabs img {
	float: left;
	margin-top: 19px;
}

#d-battlefield-battle-log .nome {
	font-weight: bold;
	color: #518BC5
}

#d-battlefield-battle-log .atk {
	font-style: none;
	color: #FFF
}

#d-battlefield-battle-log .dmg {
	font-style: none;
	color: #F7C47D
}

/* NOTICIAS */

.titulo_news{
	text-align: left;
	padding-left: 85px;
	font-size: 16px;
}

#d-home-news{
	width: 337px;
	margin-left: 17px;
}
#vipPlayer{
	width: 150px;
	height: 50px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}

#t-character-attribute td .d-itembox {
	float: none !important
}

/*  MAPA  */

.dmap {
	border: solid 1px #CCC;
	background-color: #333;
	padding: 4px;
	width: 200px;
}

.ui-dialog-content .form label {
	display: block;	
}

.text100 {
	width: 99%;	
}

.ui-icon-container {
	cursor:pointer;
	float:left;
	list-style:none outside none;
	margin:2px;
	padding:2px;
	position:relative;	
}

/*SLIDER HOME*/
#banner{
    width: 668px; /* important to be same as image width */
    height: 229px; /* important to be same as image height */
}

#slider {
    width: 668px; /* important to be same as image width */
    height: 229px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 668px; /* important to be same as image width or wider */
	height: 229px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 699px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	text-align:left
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 16px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none; padding: 0px; margin: 0px}

img{
	border: 0;	
}

/*####################### TABS FLOWPLAYER NO MANUAL #######################*/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:30px;
}

.pane{
	width:720px;
	text-align: left;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url("../images/blue.png") no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

/* tab pane styling */
.panes div {
	display:none;		
	padding:15px 10px;
	border-top:0;
	height:100px;
	font-size:14px;
}

div.wrap {
	width:700px;
	margin-bottom:40px;
}
	
.wrap .pane  {	
display:none;		
padding-top:40px;
border-top:0;
font-size:12px;	 
color:##67717C;	
}

.wrap .pane p {
font-size:38px;	
margin:-10px 0 -20px 0;	
text-align:right;
color:#578;
}

/*####################### FIM TABS FLOWPLAYER NO MANUAL #######################*/

.titulo_manual_faq{
	color:#09F;
	font-size: 14px;	
}


/* Barra de ícones */
#pIcones {
	position: absolute;
	left: 22px;
	top: 120px;
	width: 65px;
	z-index: 200000;
}

#pIcones .i, #pIcones .i2 {
	float: left;
	position: relative;
	width: 65px;
	*width: 277px
}

#pIcones .i2 {
	cursor: pointer;
}

#pIcones img {
	float: left
}

#pIcones .t {
	display: none;
	position: absolute;
	left: 60px;
	width: 200px;
	height: auto;
	color:#000;
	top: 0px;
	background-color: #CCC;
	padding: 6px;
	
	*position: relative;
	*left: 0px;
}

/* Esquadrões */

#moldura_img_squad{
	background-image: url("../images/squad/moldura_img.jpg");
	background-repeat: no-repeat;
	width: 704px;
	height: 241px;
	padding-top: 50px;
}

#squad_img{
	width: 663px;
	height: 166px;	
	margin-left: 21px;
}

#squad_titlesbar{
	width: 700px;
	height: 47px;
	background-image: url("../images/squad/barra_titulos.jpg");	
}

.squad_member{
	float: left;
	width: 150px;
	height: auto;
	margin: 15px;
}

#topo_level{
	background-image: url("../images/squad/topo_level.jpg");
	background-position: center;
	background-repeat: no-repeat;
	height: 53px;
	width: 730px;
	text-align:center;
}

#baixo_level{
	background-image: url("../images/squad/baixo_level.jpg");
	background-position: center;
	background-repeat: no-repeat;
	height: 53px;
	width: 730px;
}

#container_level{
	background-color: #cbd7e4;
	width:645px;
	height: 100%;
	margin-left: 44px;
}

.squad_level_attempt{
	float: left;
	height: 32px;
	width: 32px;
	margin: 15px 0 0 15px;
}

/**** Battle Log ****/

.pagination{
	height: 16px;
	background-color: #2c3a47;
	text-align: right;
	width: 705px;
	margin-left: 15px;
}

#opponents{
	background-color:#202932;
	text-align: center;
}

#box_log{
	background-color:#202932;
	height: 100%;
	width: 100%;
}

/**** Battle Log ****/

.arch-title{
	font-size: 18px;
	color: #000;
	padding-top: 10px;
}

.arch-data .p, .arch-data .pc{
	font-size: 16px;
	width: 60px;
	height: 60px;
	text-align: center;
	cursor: pointer;
	line-height: 20px;
	padding-top: 5px;
}

.arch-body{
	background-color: #cdd9e7;
}

.arch-data .pc{
	float: right;
}

.arch-item {
	display: none;
}

.arch-data .l {
	cursor: pointer
}	

.arch-item-g {
	border: solid 1px #000;
	margin: 10px;
	line-height: 26px;
}

.exp-bar-drawed{
	width:350px;
	margin-left: 15px;
	line-height: normal;
}

.ac {
	background-color: #1fe05a;
	border: 1px solid #360;
}

.ic {
	background-color: #1fe05a;
}

.a, .b{
	text-align: center;	
}

#ac{
	float:left;
	width:40px;
	height:70px;
	background-image:url("../images/icones/medal.png");
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-bottom: 5px;
}

#ai{
	float:left;
	width:40px;
	height:70px;
	background-image:url("../images/icones/medal_off.png");
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-bottom: 5px;
}

#arch-container{
	width: 645px;
	margin-left: 44px;
	background-color:#cad7e4;
}

#arch-buttons{
	width: 700px;
	height: auto;
	height: 100%;
}

.arch-buttons{
	width:163px;
	height:45px;
	float:left;	
}

/***/

/***** 	COMENTARIOS NEWS *******/

.comment {
	text-align: left;
}
	
.comment div.controls {
	margin-top: 10px;
	margin-right: 10px;
	text-align: right;
}

.quem_post{
	width: auto;
	height: 38px;
	background-image: url("../images/news_repete.jpg");
	background-repeat: repeat-x;
}

.quem_post p{
	margin: 0;
	padding-left: 10px;
	font-size: 14px;
	line-height: 45px;
}

.comentario_ok{
	color: #0C0;
	font-size: 14px;	
}

.conteudo_post, .conteudo_post_gm{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.conteudo_post_gm{
	color:#21b9d4;
}