<style type="text/css">
/*body {width:1280;height:500;white-space:nowrap;overflow:hidden;}
*/
#body{

}

@font-face { font-family: Rockwell; src: url('rockwell.ttf');}
.menu_en_h1{
font-weight:bold;
color:white;
margin-left:10px;
}
.menu_en_h2{
color:white;
}
.menu_fr_h1{
font-weight:bold;
color:white;
margin-left:5px;
}
.menu_fr_h2{
color:white;
margin-left:-5px;
}
#menu {
margin-left:-5px;
overflow:hidden;

}
.menu{
/*ADD +20px per new line*/
height:980px;
}
.lang{
display: block;
position:absolute;
left:1230px;
}
.lang_filter{
position:absolute;
margin-left:0px;
margin-top:-25px;
}

.butt {
 height:25px;
 width:25px;
 margin-top:-10px;
 margin-bottom:-10px;
 vertical-align:middle;
 }
 img.butt {
 position:relative;
 top:-3px;
 }

#index_p {
font-family:Rockwell;
position:absolute;
top:86px;
left:280px;
width:450px;
font-size:20px;
color:rgba(0,0,0,0);
}


#livepreview_dialog
{   
    padding:0px;
    width:870px;
    height:200px;
    position:absolute;
	margin-top:150px;
	margin-left:755px;
	frameborder:'0';
}

#livepreview_iframe
{
	position: absolute;
	margin-top:-2px;
	margin-left:-254px;
	clip:rect(0px 1175px 200px 305px);
    z-index: 100;
}


.istart{
background:url('../images/preview_top.png');
position:absolute;
width:974px;
height:25px;
margin-left: 0;
top:-20px;
z-index: 101;
}
.imid{
background:url('../images/preview_mid.png');
position:absolute;
width:974px;
height:190px;
top:1px;
z-index: 99;
}
.iend{
background:url('../images/preview_bot.png');
position:absolute;
left:float;
top:float;
width:974px;
height:25px;
margin-left: 0;
top:191px;
z-index: 99;
}

.livepreview{
color:white;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/*
#guide_mid_rep 
{
background:url('../images/guide_mid.png');
background-repeat: repeat-y;
position:absolute;
}*/
#quests {width:16px; height: 16px;background:url('../images/map/dot.png');}
#quests a.small, #quests a.small:visited {background:url('../images/map/dot.png');display:block; width:16px; height:16px; text-decoration:none; top:0; left:0; border:0;}
#quests a img {border:0;}
#quests a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#quests a.small:hover .large {display:block; width:203px; height:124px; }

#guide_mid_rep 
{
margin-top:-146px;
margin-left:187px;
height:100%;
background:url('../images/guide_mid.png');
background-repeat: repeat-y;
/*position:absolute;*/
}
#guide_mini_mid_rep 
{
margin-top:-146px;
margin-left:187px;
height:100%;
background:url('../images/guide_mini_mid.png');
background-repeat: repeat-y;
/*position:absolute;*/
}

html{
background:url('../images/loabg.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
height:100%;
overflow-y:scroll;
}

#button {width:200px; height: 27px;}
#button a.small, #button a.small:visited { display:block; width:200px; height:25px; text-decoration:none; top:0; left:0; border:0;}
#button a img {border:0;}
#button a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#button a.small:hover .large {display:block; position:absolute; top: -13px; left:-70px; width:361px; height:52px; }

#sbutton {background-repeat: no-repeat;width:200px; height: 27px;}
#sbutton a.small, #sbutton a.small:visited {background-repeat: no-repeat; display:block; width:200px; height:25px; text-decoration:none; top:0; left:0; border:0;}
#sbutton a img {background-repeat: no-repeat;border:0;}
#sbutton a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#sbutton a.small:hover .large {display:block; position:absolute; top: -13px; left:-25px; width:250px; height:52px; }

#usbutton {background-repeat: no-repeat;width:100px; height: 52px;}
#usbutton a.small, #usbutton a.small:visited {background-repeat: no-repeat;display:block; width:100px; height:52px; text-decoration:none; top:0; left:0; border:0;}
#usbutton a img {background-repeat: no-repeat;border:0;}
#usbutton a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#usbutton a.small:hover .large {display:block; position:absolute; top: -13px; left:-25px; width:154px; height:52px; }

#back {width:200px; height: 52px; background:url('../images/prev.png');}
#back a.small, #button a.small:visited { display:block; width:200px; height:52px; text-decoration:none; background:url('../images/prev.png'); top:0; left:0; border:0;}
#back a img {border:0;}
#back a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#back a.small:hover .large {display:block; position:absolute; top: 0px; left:0px; width:200px; height:52px; }

#next {width:200px; height: 52px; background:url('../images/next.png');}
#next a.small, #button a.small:visited { display:block; width:200px; height:52px; text-decoration:none; background:url('../images/next.png'); top:0; left:0; border:0;}
#next a img {border:0;}
#next a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#next a.small:hover .large {display:block; position:absolute; top: 0px; left:0px; width:200px; height:52px; }

#left {width:25px;height:33px;background:url('../images/left_click.png');}
#left a.small, #button a.small:visited { display:block; width:25px; height:33px; background:url('../images/left_click.png'); top:0; left:0; border:0;}
#left a img {border:0;}
#left a .large {display:block; position:absolute; width:0px; height:0px; top:0px;left:0px;}
#left a.small:hover .large {display:block; position:absolute;width:25px;height:33px;top:0px;left:0px;}

#right {width:25px;height:33px;background:url('../images/right_click.png');}
#right a.small, #button a.small:visited { display:block; width:25px; height:33px; background:url('../images/right_click.png'); top:0; left:0; border:0;}
#right a img {border:0;}
#right a .large {display:block; position:absolute; width:0px; height:0px; top:0px;left:0px;}
#right a.small:hover .large {display:block; position:absolute;width:25px;height:33px;top:0px;left:0px;}

#toc a {position:relative;top:-500px;left:995px;}
#tocc a {position:relative;top:-500px;left:1005px;}

#txtbg
{
left:float;
margin-left: 175;
margin-top: 0;
z-index: 1;
}

#txtvar
{
margin-left: 235;
margin-top: 0;
z-index: 1;
background:url('../images/guide_mid.png');
background-repeat: repeat-y;
}

#newtxt
{
left: float;
margin-left: 190px;
margin-top: -400px;
width:900px;
}

#rarity
{
position:absolute;
margin-top:-20px;
margin-left:50px;
color:rgba(0, 0, 0, 0);"
}
/*
#stuff
{
position:absolute;
margin-top:-20px;
margin-left:600px;
}
*/
#stuff
{
position:absolute;
margin-top:-10px;
margin-left:600px;
width: 220px;
height: 247px;
background-repeat: no-repeat;
background-position: -0px -0px;
content:'';
}

#m_atk
{
position:relative;
margin-top:-20px;
margin-left:100px;
}

#rarity_img
{
position:absolute;
margin-top:3px;
margin-left:5px;
}

	input {
		border:1px solid #ccc;
		border-bottom-color:#eee;
		border-right-color:#eee;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		font-size:15px;
		height:25px;
		line-height:1.5em;
		padding:0.29em 0;
		width:100px;
		margin-left:35px;
		margin-top:-20px;
	}
	checkbox {
		border:1px solid #ccc;
		border-bottom-color:#eee;
		border-right-color:#eee;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		font-size:15px;
		height:50px;
		line-height:1.5em;
		padding:0.29em 0;
		width:50px;
		margin-left:95px;
		margin-top:-20px;
	}
	.filterform1 {
	 position:relative;  
		margin-left:5px;
		top:7px;
		padding:0.29px 5;
		width:20px;
		font-size:15px;
	}
</style>