/*** GENERAL ***/
img{
	border : 0px;
}

html{
	background-color : #EFEFEF;
}

body{
	font-family : Verdana;
	font-size : 80%;
	margin: 0 0 0 0;	
	position : absolute;
	left : 50%;
	width : 1024px;
	margin-left:-512px;
	background-color : #FFFFFF;
	border : 0;
}

table{
	width : 95%;
	margin-left : 2.5%;
	/*
	//border : 1px solid #AAAAAA;
	border-top:1px solid #449ae7;
	border-left:1px solid #449ae7;
	border-bottom:1px solid #2177bf;
	border-right:1px solid #2177bf;
	*/
	border:0;
}

table.main{
 	margin:0;
 	width : 100%;
	border : 0px;
	height : 600px;
}

th{
	text-align : left;
	background-image:url("images/globalback.png");
	color:#868789;
	border-bottom:1px solid #e8e9eb;
}

select{
	width : 90%;
	margin-left : 5%;
	margin-top : 2px;
	margin-bottom : 2px;
	border:1px solid #449ae7;
	color:#449ae7;
	background-color:#FAFAFA;
}

a, a:visited{
	text-decoration : none;
	color:#449ae7;
	font-size:12px;
}

a:hover{
	color:#2177bf;
	border-bottom:1px dotted #2177bf;
}

.small{
	font-size:10px;
}

.verysmall{
	font-family:arial;
	font-size:9px;
}

.odd td{

}

.marked{
	background-color:#a4ed8f;
}

.alert{
	color:red;
	font-style:italic;
}

input[type=text], input[type=submit], input[type=password]{
	width:94px;
	height:18px;
	background-image:url("images/inputback.gif");
	background-repeat:no-repeat;
	background-color:transparent;
	border:0;
	padding-top:2px;
	padding-left:3px;
	padding-right:3px;
}

input[type=text]:hover, input[type=password]:hover, input[type=submit]:hover{
	background-image:url("images/inputbackhover.gif");
}



input[type=submit]{
	cursor:pointer;
	padding:0;
	width:100px;
	height:20px;
	color:#449ae7;
	font-weight:bold;
	position:relative;
	left:50%;
	margin-left:-50px;
	
	padding-bottom:2px;
}

td.maincontent{
	vertical-align : top;
	padding-left : 0px;
	padding-top:10px;
}

.maincontent td{
	//padding-top:10px;
	//padding-bottom:10px;
	font-size:11px;
	color:#858585;
	border-top:1px solid #EFEFEF;
}

.maincontent .insts tr:hover,
.maincontent .loots tr:hover{
	background-color:#F7F7F7;
	cursor:pointer;
}

.maincontent .noback td{
	background-color:#FFF;
	border:0;
}

.maincontent td img{
	vertical-align:text-bottom;
}

.maincontent big{
	color:#868789;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #868789;
	width:50%;
}

.maincontent big:first-letter{
	color:#449ae7;
}

.maincontent h1{
	color:#868789;
	font-size:16px;
	text-align:center;
	padding:17px;
	//width:596px;
	height:23px;
	
	//background-image:url('images/h1_title.gif');
	//background-position:center center;
	//background-repeat:no-repeat;
	
	//margin-left:122px;
	margin-bottom:-10px;
}

.clear, .clear:hover{
	border:0;
	text-decoration:none;
}

div.message{
	width:50%;
	margin-left:25%;
	border:1px solid black;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
}

/*** CLASSES ***/
.mage{
	color:#69CCF0;
	font-weight:bold;
}

.demoniste{
	color:#9482CA;
	font-weight:bold;
}

.chaman{
	color:#2459FF;
	font-weight:bold;
}

.druide{
	color:#FF7D0A;
	font-weight:bold;
}

.chasseur{
	color:#ABD473;
	font-weight:bold;
}

.guerrier{
	color:#C79C6E;
	font-weight:bold;
}

.paladin{
	color:#F58CBA;
	font-weight:bold;
}

.pretre{
	color:#AAAAAA;
	font-weight:bold;
}

.voleur{
	color:#FFF569;
	font-weight:bold;
}

.admin, .leader{
	
}

/*** GROUPs ***/
td.groupdiv{
	width : 125px;
	vertical-align : top;
	font-size : 10px;
	border:1px solid #DDDDDD;
	border-top:0;
}

td.typediv{
	width:175px;
}

.groupdiv .img{
	width : 25px;
}

/*** LOOTS ***/
.loots td, .loots tr,.loots img{
	padding:1px;
}

.loot th{
	vertical-align:top;
	padding:10px;
}

.loot td{
	width:100%;
	padding:5px;
	border-top:0;
	border-bottom:1px solid #e8e9eb;
}

.loot img, .loot .wowitem{
	opacity:0.75;
	filter : alpha(opacity=75);
}

.loot td.detail{
	border:0;
}

table.loot{
	width:400px;
}

/*LOOT DETAILS*/
.loot A {text-decoration: none;color: #ffd200;}
.loot .wowitem {  font-family: arial,sans-serif;  font-size:12px;  color: #e5e0dd;  border: 1px solid #a9a9a9;  padding: 3px;  background-color: #333333;  -moz-border-radius: 5px;  min-width: 150px;  max-width: 350px;}
.loot A.wowitem {color: #ffd200;}
.loot .iname {font-size: 18px;}
.loot .wowrttxt {  float: right;  position: relative;  top: -14px;  text-align: right;}
.loot .credit {font-family: arial,sans-serif;font-size: 11px;}
.loot A.credit { font-size: 11px;color: blue;}
.loot .greyname {color: #9d9d9d; }
.loot .whitename {color: #FFFFFF;}
.loot .greenname, .loot .greentext, .loot .itemeffectlink {color: #1EFF00;}
.loot .bluename {color: #0070DD; }
.loot .purplename {color: #A434EE; }
.loot .orangename {color: #D17C22; }
.loot .redname {color: #FF0000; }
.loot .goldtext {color: #ffd200;}

.add_loot input[type=text]{
	width:380px;
	background-image:url();
	border:1px solid #e8e9eb;
}

.add_loot select#play{
	width : 150px;
	margin:0;
	height:530px;
}

.add_loot select#inst{
	width : 230px;
	margin:0;
	height:530px;
}

table.add_loot{
	width : 400px;
}

table.add_loot td{
	vertical-align:top;
}

.jump select{
	width:150px;
	font-size:10px;
	margin-bottom:-1px;
}

div.jump{
	text-align:right;
	margin-right:5px;
	width:300px;
	float:right;
}

/*** INST ***/
div.msg{
	margin-left:20px;
	font-size: 10px;
	line-height:14px;
	color:#858585;
}

div.msg img{
	height:10px;
}

div.msg a,div.msg a{
	text-decoration:normal;
}

.msg b{
	margin-left:-10px;
	font-size: 12px;
	line-height:20px;
}

table.inst_info{
	height : 400px;
}
.inst_info td{
	vertical-align:top;
}

.insts td{
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #EFEFEF;
}

.insts td.img{	
	width:29px;
	height:32px;
	padding:0px;
	font-weight : bold;
	font-size : 10px;
	opacity:0.5;
	border:0;
}

.insts .past td{
	background-color:#e08080;
	height : 3px;
	padding:0;
}

.insts .compo img{
	padding-right:2px;
	margin-bottom:-2px;
}

select#inst{
	width:68%;
	margin-left:16%;
	height:380px;
}

.add_inst select{
	margin:0px;
	width:80px;
}

html>body .add_inst input[type=text]{
	margin:0px;
	width:94px;
}

table.add_inst{
	margin-left:16%;
	width:68%;
	text-align:left;
}

.add_inst td{
	padding:5px;
	padding-left:15px;
}

.add_inst td:first-child {
	padding-left:5px;
	width:150px;

}

table.inst_dispos div{
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
	overflow-y:scroll;
	overflow-x:hidden;
	height:203px;
	
	width:100%;
	
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

.inst_dispos img{
	padding:0;
	margin:0;
}

.inst_dispos table{
	width:100%;
	border:1px solid #CCCCCC;
	border-top:0;
	opacity:1;
	filter : alpha(opacity=100);
}

.inst_dispos table tr:hover td{
	background-color:#F7F7F7;
	cursor:pointer;
}

.inst_dispos table td{
	width:25px;
}

.inst_dispos table td+td{
	width:130px;
}

.inst_dispos table td+td+td{
	width:15px;
}

/*** USER ***/
.players td.img{
	width : 50px;
	padding-top : 3px;
	padding-left : 3px;
}

table.dispos {
	width : 700px;
}

.dispos td{
	padding:5px;
}

.dispos th img{
	margin-left:5px;
}

.dispos th img:hover{
	cursor:pointer;
}

.dispos select{
	width:80%;
	//width:90px;
	margin:0px;
}

table.user {
	width : 400px;
}

.user table {
	border:0px;
	padding:0;
}

.user input[type=radio]{
	width:20px;
	position:relative;
	top:3px;
	left:-3px;
}

.user th {
	width : 230px;
	padding : 5px;
}
.user td {
	padding : 0;
	text-align:center;
	border-top:0;
	border-bottom:1px solid #e8e9eb;
}

.user td table td{
	border:0;
}

.user input[type=submit]{
	left:0;
	margin-left:0;
	margin-top:20px;
}

table.inscription{
	width:40%;
	margin-left:30%;
	//width:500px;
	//margin-left:5px;
}

.inscription select{
	width:115px;
	//width:200px;
}

div.inscription{
	width:60%;
	font-size:10px;
	text-align:justify;
	margin-left:20%;
	border:1px solid #e8e9eb;
	color:#808080;
	padding:5px;
}
div.inscription a{
	font-size:10px;
}

/*** BANDEAU ***/
table.bandeau {
	background-image:url("images/bandeau.png");
	background-repeat:repeat-x;
	border:0px;
	width:100%;
	margin:0;
}

.bandeau td.right {
	background-image:url("images/logged.png");
	width:290px;
	text-align:right;
	vertical-align:top;
}

.bandeau td.right_login{
	background-image:url("images/login.png");
}

.bandeau .right table{
	border:0px;
	width:100%;
	height:50px;
	position:relative;
	top:16px;
	right:20px;
	//right:55px;
}

.bandeau .right table td{
	padding:2px;
	color:#449ae7;
	font-weight:bold;
}

.bandeau .right input{
	width:118px;
	border:0px;
}

.bandeau table.info{
	color:#449ae7;
	text-align:center;
	width:70%;
	margin-left:30%;
	//width:70%;
	//margin-left:0;
	padding:0;
}

.bandeau table.info td{
	//padding-left:30px;
}

/*** MENUs ***/
td.leftmenu{
	background-image : url("images/menuback.png");
	background-repeat : no-repeat;
	width:150px;
	vertical-align:top;
	height:600px;
	padding-top:20px;
}

.leftmenu big{
	color:#8d8d8d;
	font-family:tahoma;
	font-weight:bold;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:0px;
	display:block;
}

.leftmenu li{
	margin-left:25px;
	list-style-type:none;
	color:#449ae7;
	//display:inline;
	width:110px;
}

.leftmenu a.img{
	position:relative;
	top:-15px;
	//left:-14px;
	float:right;
	opacity:0.5;
	filter : alpha(opacity=50);
}
.leftmenu a.img:hover{
	opacity:0.75;
	filter : alpha(opacity=75);
	text-decoration:normal;
	border:0;
}

.leftmenu li:hover{
	list-style-image:url('images/yellowsquare.gif');
}

.leftmenu a, .leftmenu a:visited{
	text-decoration : none;
	color:#449ae7;
	font-weight:bold;
	font-size:12px;
}

.leftmenu a:hover{
	color:#2177bf;
	border-bottom:1px dotted #2177bf;
}

td.rightmenu{
	width:250px;
	background-image:none;
	border-left:1px solid #CCCCCC;
}

.rightmenu div{
	border-bottom:1px solid #CCCCCC;
	margin-bottom:15px;
	margin-top:8px;
	
	padding-left:5px;
}

.rightmenu div div{
	margin-bottom:2px;
	margin-top:0px;
	font-size:10px;
	padding-left:10px;
	border:0;
	text-indent:-8px;
}

.rightmenu span.followup{
	color:#666666;
	cursor:pointer;
}

.rightmenu a, .rightmenu a:visited, .rightmenu a:hover {	

	color:black;
	
}

div.page_nav {
	position:absolute;
	left:90%;
	width:100px;
}

.page_nav img{
	margin-left:10px;
	margin-right:10px;
	display:inline;
}

.page_nav a, .page_nav a:hover{
	text-decoration:none;
	border:0;
}

img.transparent{
	opacity:0.25;
	filter : alpha(opacity=25);
}

/*** FOOTER ***/
div.footer{
	margin-top:20px;
	font-size:9px;
	color:#C0C0C0;
	text-align:center;
}

table.nav_retour:hover{
	opacity:1;
	filter : alpha(opacity=100);
}

table.nav_retour{
	position:absolute;
	right:15px;
	top:110px;
	width:75px;
	//margin-left:-110px;
	color:#449ae7;
	opacity:0.25;
	filter : alpha(opacity=25);
	cursor:pointer;
}

div.alerts{
	position:absolute;
	top:110px;
	right:28px;
	width:180px;
	min-height:20px;
	
	text-align:center;
	color:#d20d0e;
	font-weight:bold;
	font-size:10px;
	
	background-color:#F5F5F5;
	border:1px solid #d20d0e;
	
	background-image:url('images/warning.gif');
	background-repeat:no-repeat;
	
	padding:2px;
	padding-left:20px;

}

/*** CALENDAR ***/
table.calendar{
	border-right:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
}
.calendar td, .calendar th{
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	width:25px;
	height:25px;
	text-align:center;
}

.calendar th{
	background-color:#AAAAAA;
}

.calendar .out{
	background-color:#EEEEEE;
}

.calendar .today{
	border:1px solid black;
	background-color:#449ae7;
}

.calendar .week{
	background-color:#d2e8fa;
}

.calendar .past{
/*
	background-image:url('images/cross.gif');
	background-repeat:no-repeat;
	background-position:center center;
*/
}

.calendar .past img, .calendar .out img{
	opacity:0.5;
	filter : alpha(opacity=50);
}

.calendar .week img{
	opacity:0.75;
	filter : alpha(opacity=75);
}

.calendar a, .calendar a:hover{
	text-decoration:none;
	border:0;
}

.calendar td:hover{
	background-color:#999999;
}

.rss a, .rss a:visited, .rss a:hover{
	color:#449ae7;
	margin-bottom:2px;
	text-decoration:none;
	border:1px dotted #FFFFFF;
	font-size:10px;
}

.rss a:hover{
	color:#2177bf;
	border-bottom:1px dotted #2177bf;
}

/*** TEST ***/
input[type=submit].normal{
	position:static;
	margin:0;
}