/* CSS Document :: LORD Project */

/* Elements globaux de la page */

body{
margin: 0px;
padding: 0px;
font-family:Tahoma,Verdana,Sans serif;
font-size:12px;
background-color:#000000;
background-image: url('./images/bg.gif');
}

hr{
 color: #000000;
 background-color: #000000;
 height: 1px;
 border:0;
 width:50px;
}

#mainframe{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
background-color:#FFFFFF;
width:95%;
margin:auto;
margin-top: 10px;
}

#title {
height:80px;
border-top:3px black solid;
}

#footer {
 text-align:right;
 width:95%;
 margin:auto;
}

#pub{
float : right;
}

.essaipub{
 width:80%;
}

#itemstab td{
padding-left:15px;
}

a{
text-decoration:none;
color:#000000;
font-weight:bold;
}

a img{
	border:0px;
}

.lordbutton , input[type=submit] , input[type=button] {
 font-family: Trebuchet MS, Times New Roman;
 background-color:#F5F5F5;
 border-top-color:#CCCCCC;
 border-left-color:#CCCCCC;
 border-bottom-color:#666666;
 border-right-color:#666666;
 border-width:1px;
 font-size:11px;
 border-style:solid;
 color:#000000;
 text-align:center;
 font-weight:bold;
 margin:0;
 padding:0 5px;
 cursor: pointer;
}

a.lordbutton{
   padding:1px 6px;
   text-decoration:none;
}

.lordbutton:hover, input[type=submit]:hover , input[type=button]:hover {
 background-color:#FFFFFF;
 border-color:#666666;
 border-width:1px;
 border-style:solid;
}

.cen{
 text-align:center;
}

.pagebutton {
 background-color:#F9F9F9;
 border-color:#CCCCCC;
 border-width:1px;
 border-style:solid;
 color:#000000;
 text-align:center;
 padding-left: 4px;
 padding-right: 4px;
 font-weight:bold;
}

.pagebutton a {
	display: block;
	width: 100%;
}

.pagebutton:hover{
 background-color:#EEEEEE;
 border-color:#666666;
}

.thispagebutton {
 background-color:#EEEEEE;
 border-color:#666666;
 border-width:1px;
 border-style:solid;
 color:#000000;
 text-align:center;
 padding-left: 4px;
 padding-right: 4px;
 font-weight:bold;
}

.thispagebutton a{
 color:#000000;
}


input[type=text] , input[type=password]{
 background-color:#F9F9F9;
 border-color:#CCCCCC;
 border-width:1px;
 border-style:solid;
 color:#000000;
 text-align:center;
 padding-left: 4px;
 padding-right: 4px;
 font-weight:bold;
}

input[type=text]:focus , input[type=password]:focus{
 background-color:#FFFFFF;
 border-color:#CCCCCC;
}

select{
 font-weight:bold;
 border:1px solid gray;
}

form{
padding:0px;
margin:0px;
}

.date{
 font-family : Palatino Linotype, Arial;
 font-size:14px;
}


/* Elements de classes de style */

a.whitelink{
color:#FFFFFF;
text-decoration:none;
}

a.whitelink:hover{
 text-decoration:none;
 background-color:#000000;
}

.idshow{
font-size:10px;
font-weight:bold;
color:#666666;
}

.blackbox{
color:#FFFFFF;
background-color:#000000;
border-width:0px;
font-weight:bold;
cursor:pointer;
}

.blackbox:hover{
color:#FF0000;
}

.oldstyle{
 font-family:Georgia, Palatino Linotype,Times New Roman;
 padding-left:5px;
}

.bigtitle{
font-size:20px;
font-style:italic;
font-family:Palatino Linotype,Times New Roman;
line-height:20px;
font-weight:bold;
}

.littleblack  , .littleblue , .littlered , .littlegrey , .littlebonus , .littlemalus , .littlegreen , .defense , .effect , .little {
font-size:10px;
font-weight:bold;
}

.littlered, .red{
color:#FF0000;
}

.littlegrey{
color:#666666;
}

.littlebonus{
 color:#0066FF;
}

.littlemalus{
 color:#CC0000;
}

.littlegreen, .green{
 color : #00CC00;
}

.defense{
 color:#996633;
}

.purple{
 color:#8000FF;
}

.orange{
 color:#FF9900;
}

.effect{
 color:#8000FF;
}

.brown{
 color:#663300;
}

.bonusc{
 color : #4169E1;
 font-weight:bold;
}

.bonusp{
 color : #1E90FF;
 font-weight:bold;
}

.bonuse{
 color : #00BFFF;
 font-weight:bold;
}

.toright{
 text-align:right;
 border-width:0px;
}

.bloc , .blocvue {
 background-color:#FFFFFF;
 border-color:#666666;
 border-width:1px;
 border-style:solid;
 padding: 5px;
}

.blocvue{
 margin-bottom:2px;
 text-align:center;
}

.barre {
 font-size:12px;
 background-color:#000000;
 color:#FFFFFF;
 border-width : 0px;
}

.broken {
 background-color:#EEEEEE;
 color:#888888;
}

/* Page de profil */

#profil {
 position: relative;
 background-image: url('./images/profil.gif');
 width: 200px;
 height:400px;
}

.iN1 , .iN2 , .iN3 , .iN4 , .iN5  {
 width: 16px;
 height:16px;
 position : absolute;
}

/* page d'equipement */
.dashedsimple{
 padding:5px;
 border-color:#666666;
 border-width:1px;
 border-style:dashed;
}

.lordbox {
 padding:3px;
 border-right:1px solid black;
 border-left:1px solid black;
 border-top:4px solid black;
 border-bottom:4px solid black;
 background-color:#FFFFFF;
 font-size:11px;
}

/* popuplord */

.popuplord, #popupset{
 z-Index:100;
 position:absolute;
 width:150px;
 padding:3px;
 border-right:1px solid black;
 border-left:1px solid black;
 border-top:4px solid black;
 border-bottom:4px solid black;
 background-color:#FFFFFF;
 color:#000000;
 font-size:11px;
 /* font-family:Georgia, Palatino Linotype,Times New Roman; */
}

#popupset{
 text-align:center;
 color:#000000;
 width:180px;
}

/* Page de vue */

.tablelord2 td{
 padding:2px;
 border-color:#666666;
 border-width:1px;
 border-style:dashed;
}

.tablelord2 {
 border-collapse: collapse;
 background-color:#FFFFFF;
 border-color:#666666;
 border-width:2px;
 border-style:solid;
 font-size: 12px;
 margin:auto;
}

.tablelord th{
 padding:2px;
 text-align:center;
 background-color:#EEEEEE;
 border-color:#CCCCCC;
 border-width:1px;
 border-style:solid;
}

.tablelord td{
 padding:2px;
 border-color:#CCCCCC;
 border-style:dashed;
 border-width:1px;
}

.tablelord td td {
 padding:2px;
 border-width:0px;
}

.tablelord th td {
 padding:2px;
 border-width:0px;
}

.tablelord {
 border-collapse: collapse;
 background-color:#FAFAFA;
 border-width:0px;
 font-size: 12px;
 margin:auto;
}

.formatXL{
 width:90%;
 margin:auto;
}

.formatL , .dashedsimple{
 width:80%;
 margin:auto;
}

.formatM{
 width:60%;
 margin:auto;
}

.formatS{
 width:40%;
 margin:auto;
}

.marged{
 margin-top:20px;
 margin-bottom:20px;
}

.tothetop{
 vertical-align: top;
}

/* gestion de la vue 2D */

#vue2table{
 width:700px;
 margin:auto;
}

.vue2Me{
 position: absolute;
 background-color:#000000;
 width:3px;
 height:3px;
 border-width:0px;
}

.Humain{
 color:#0080FF;
 font-weight:bold;
}

.IA{
 color:#FF0000;
 font-weight:bold;
}

.Symbiote{
 color:#00BF40;
 font-weight:bold;
}

/* tableau caracteristiques */

.bonus{
color:#0066FF;
}

.malus{
color:#CC0000;
}

.caracs{
width:100%;
}

.caracs th{
color:#FFFFFF;
background-color:#000000;
}

.caracs td{
color:#000000;
background-color:#FFFFFF;
border-width:0px;
}

.analyse th{
color:#FFFFFF;
background-color:#000000;
}

.analyse td{
color:#000000;
background-color:#FFFFFF;
border-width:0px;
}

#modification {
 background-image: url('./images/fperso.jpg');
 background-repeat: no-repeat;
 padding-left:20px;
}

/* barre de vie */

.bar {
 border-color:#000000;
 border-width:1px;
 border-style:solid;
 padding: 0px;
 text-align:left;
}

/* tableau des items */

.items div{
 background-color:#FFFFFF;
 border-color:#666666;
 border-width:1px;
 border-style:dashed;
 margin: 10px;
 padding: 5px;
}

.greyed{
 background-color:#EEEEEE;
}

.selected{
 background-color:#DDCCFF;
}

/* items */

.normal{
 font-weight:bold;
}

.rare{
 color:#00CC00;
 font-weight:bold;
}

.modified{
 color:#0066FF;
 font-weight:bold;
}

.set{
 color:#8000FF;
 font-weight:bold;
}

.unique{
 color:#FFAA00;
 font-weight:bold;
}

.legendary{
 color: #DD0000;
 font-weight:bold;
}

/* Elements pour le menu des actions */

#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menuActions{
/* width: 155px; */
position: relative;
}

#menuActions dt{
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
}

#menuActions dd{
border: 1px solid gray;
}

#menuActions li{
text-align: center;
background: #fff;
}

#menuActions li a, #menuActions dt a{
color: #000;
text-decoration: none;
border: 0 none;
height: 100%;
}

#menuActions li a:hover, #menuActions dt a:hover{
background: #eee;
}

/* fin des elements pour le menu d'actions */

/* CSS pour le over */
.infobulle{
position: absolute;
visibility : hidden;
border: 1px;
background-color: #FFFFFF;
padding: 0px;
font-family: Verdana, Arial;
font-size: 10px;
width:0px;
height:0px;
}

.graphs{
border : 1px solid black;
background-color:#FFFFFF;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

.graphs td{
 border : 0px;
}

.citytable{
 background-image: url('./images/city.gif');
 background-repeat: no-repeat;
 background-position:left top;
 height: 500px;
}

.citetable{
 background-repeat: no-repeat;
 background-position:left top;
 height: 500px;
}

.whiteblock{
 background-color:#FFFFFF;
 border : 1px solid black;
 padding: 2px;
}

a.info {
	position : relative;
	z-index : 24;
	text-decoration : none;
	color : black;
	font-weight : normal;
}

a.info:hover {
	z-index : 25;
	background-color : white;
	cursor : default;
}

a.info span.info {
	display : none;
}

a.info:hover span.info {
	display : block;
	position : absolute;
	top : 25px;
	left : 2px;
	width : 200px;
	border:1px solid black;
	background-color : white;
	color : black;
	text-align: justify;
	padding:5px;
}