.hide{display:none;}
#content-left{
width:510px
}
.legend_border{
width:510px;
}
.legend_head{
width:510px;
background:url(/img/legend/headbg180.png) no-repeat center top;
height:180px;
}
#wait {
display:none;
position:absolute;
width:510px;
height:180px;
text-align:center;
background:url("/img/legend/headbg180.png") no-repeat center top;
z-index:10;
}
#wait p{
margin-top:50px;
margin-bottom:30px;
}
#div_classe img{
/*margin:20px 12px 5px;*/
margin:15px 7px 0;
padding:5px;
}
#div_classe img.grey{
cursor:pointer;
}
#div_classe img.hover{
background:url("/img/signature/craft/24/guilde.png") center center no-repeat
}
#div_type{
margin:5px;
}
#div_type table{
width:100%;
}
#div_type td{
width:33%;
cursor:pointer;
text-align:center;
}
#div_type td.sel{
color:orange;
font-weight:bold;
background:url("/img/legend/ombre.png") no-repeat center center;
cursor:default;
}
.tab_objage{width:100%;}
.td_objet{width:180px;}
#s_objet{
width:180px;
margin:5px 13px;
}
#div_age table{width:100%;}
#div_age th{
width:10%;
}
#div_age td{
width:30%;
cursor:pointer;
text-align:center;
}
#div_age td.sel{
color:orange;
font-weight:bold;
background:url("/img/legend/ombre2.png") no-repeat center center;
cursor:default;
}
#div_age input{
margin-left:15px;
}
#div_age label{
margin-left:3px;
margin-right:10px;
}
#div_level{
margin:5px 174px;
text-align:center;
width:160px;
}
#div_select{
margin-top:13px;
}
#s_legs{
width:460px;
margin-left:26px;
}
.legend_body{
background:url(/img/legend/bodybg2.png);
padding-top:5px;
width:510px;
}
#xpbar{
margin-left:120px;
width:280px;
height:25px;
}
#bxpm{
position:absolute;
background:url(/img/legend/bxpm.png) no-repeat;
z-index:10;
height:25px;
width:177px;
margin-left:63px;
margin-top:0;
}
#bxpl{
position:absolute;
background:url(/img/legend/bxpl.png) no-repeat;
z-index:11;
height:25px;
width:63px;
margin-left:0;
margin-top:0;
}
#bxpr{
position:absolute;
background:url(/img/legend/bxpr.png) no-repeat;
z-index:11;
height:25px;
width:200px;
margin-left:240px;
margin-top:0;
}
#bxpt{
position:absolute;
z-index:12;
height:20px;
width:40px;
font-size:9px;
margin-left:4px;
margin-top:7px;
text-align:center;
}
#bxpt2{
position:absolute;
z-index:12;
height:25px;
width:200px;
font-size:9px;
margin-left:47px;
margin-top:7px;
text-align:center;
}
#bxpb{
position:absolute;
background:url(/img/legend/bxpb.png) no-repeat;
z-index:9;
width:0;
height:12px;
margin-left:47px;
margin-top:7px;
}
#bxpraz{
position:absolute;
z-index:11;
height:20px;
margin-left:265px;
margin-top:5px;
cursor:pointer;
display:none;
}

#div_legs{padding:1px 10px;}
#div_legs tr.leg{
height:60px;
}
#div_legs tr.leg td.leg{
vertical-align:middle;
background:url("/img/legend/legbg.png") no-repeat center center;
width:490px;
}
#div_legs tr.leg table{
width:100%;
}
#div_legs tr.leg td{
text-align:left;
}
#div_legs tr.leg .rangdown, #div_legs tr.leg .rangup{
cursor:pointer;
}
#div_legs tr.leg td.legicon{
width:61px;
text-align:center;
padding-right:10px;
}
#div_legs tr.leg img.tier{
margin:0 2px;
}
#div_legs tr.leg td.legdescr{
color:lime;
}
#div_legs tr.leg td.legdel{
width:25px;
text-align:right;
padding-right:10px;
}
#div_legs tr.leg td.legnextlvl{
text-align:right;
padding-left:5px;
}
#div_legs tr.leg td.legnextlvl.max{
color:gray;
}
.legend_foot{
background: url("/img/legend/footbg.png") no-repeat;
height: 44px;
padding-top:5px;
width:510px;
}
#costbar{
background:url(/img/legend/costbg.png) no-repeat;
width:259px;
margin:0 120px;
height:24px;
line-height:24px;
}
#costbar span.yellow{
color:yellow;
}
#costbar span.red{
color:red;
}
#costbar div.dispotxt{
position:absolute;
margin-left:50px;
}
#costbar div.payetxt{
position:absolute;
margin-left:170px;
}

#cursor{
position:absolute;
margin-left:499px;
margin-top:16px;
}
#cursor.sel1{
margin-top:20px;
}
#cursor.sel2{
margin-top:56px;
}
#cursor.sel3{
margin-top:95px;
}
#cursor.sel4{
margin-top:140px;
}

#content-right{
width:300px
}
.block{
background:#26282D;
border:1px solid #4C4425;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 10px 5px 10px;
}
.block h3{
font-size:20px;
font-weight:normal;
margin-bottom:5px;
margin-top:5px;
text-decoration:none;
border-bottom:1px solid #4C4425;
color:#CCA833;
}
.block li{
list-style:decimal inside none;
margin:10px 0;
}
.block li.sel{
color:white;
font-weight:bold;
}
#div_slots{
width:282px;
height:62px;
background:url(/img/legend/montbg2.png) no-repeat;
}
#slot1,#slot2,#slot3,#slot4{
position:absolute;
width:60px;
height:62px;
cursor:pointer;
}
#slot1{
background:url(/img/legend/montslot1.png) no-repeat;
margin-left:15px;
}
#slot2{
background:url(/img/legend/montslot2.png) no-repeat;
margin-left:78px;
}
#slot3{
background:url(/img/legend/montslot3.png) no-repeat;
margin-left:141px;
}
#slot4{
background:url(/img/legend/montslot4.png) no-repeat;
margin-left:204px;
}
#div_slots img{
margin-top:15px;
margin-left:15px;
}

.div_mont fieldset{
float:left;
border:1px solid gray;
margin:5px;
padding:0 5px;
}
.div_mont legend{
color:orange;
margin-left:5px;
}
.div_mont img{
margin:5px;
}

#i_objname{
width:290px;
margin-bottom:10px;
}
#i_objname.labelized{color:gray;}

/* modal */
#modalBox h3{
border-bottom:1px solid #302F41;
color:#F6D416;
font-size:14px;
font-variant:small-caps;
font-weight:bold;
margin-bottom:10px;
padding:0 0 5px;
text-align:center;
}

/* filtre monture */
#select_mont1,#select_mont2,#select_mont3,#select_mont4{
display:none;
width:300px;
}
/* tooltip */
#cluetip {
	position: absolute;
	z-index: 3200;
	border: 1px solid #293049;
	background-color: #040404;
	color: #E8D79B;
	padding: 0 7px 2px 7px;
	opacity: 0.95;
	width:250px;
}
#cluetip h3, #cluetip div { margin: 0; }
#cluetip h3 {
	font-size: 13px;
	padding: 2px 0;
}

/* tooltip cout leg */
#tt_leg_cost{height:260px;}

#tt_leg_cost table{
width:275px;
}
#tt_leg_cost td{
width:33%;
text-align:left;
}
#tt_leg_cost td p{
margin-bottom:5px;
text-align:center;
}
#tt_leg_cost tr.act td{
color:yellow;
font-weight:bold;
}
#tt_leg_cost img{width:16px;}
#tt_leg_cost td.lime{color:lime;}

/* tooltip monture */
#cluetip .tt_n{
font-variant:small-caps;
padding-left:10px;
}
#cluetip .tt_l{
color:orange;
padding-top:10px;
}
#cluetip .tt_b{
color:lime;
}