body{
	font-family: Verdana, Arial, Helvetica ;
	font-size: 10px;
	background-color: #000000;
}

html>body{
        font-size: 12px;
}

table{
	font-family: Verdana, Arial, Helvetica ;
        font-size: 12px;
        //font-size: 10px;	
}

a{
  text-decoration: underline; 
}

a:hover{
  text-decoration: none; 
}

.cqpub {
	position: absolute;
	z-index: 100;
	left: 190px;
}


.centerarea {
	position: absolute;
        overflow: auto;
	width: 640px;
	height: 400px;
	top: 60px;
	right: 155px;
        background-color: #000000;
}

.bottomarea {
	position: absolute;
	height: 90px;
	width: 640px;
	background-color: #000000;	
	top: 490px;
	margin-left: 156px;
}


.centerareawidth {
	width: 620px;
}

.halfcenterareawidth {
	width: 305px;
}

.centerareaheight {
	height: 380px;
}

.centerareawidthmsg{
	width: 590px;
}

.mainmsg{
	
	margin-left: 5px;
	padding-top: 10px;
	color: #D1DADD;
	border-width: 3px;	
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
	background-color: #202020;
	border-bottom-style: double;
	border-top-style: ridge;
	border-color: #3f3730;
}

/* ------------------------------------- */ 
/* ***********  INDEX PAGE ************* */
/* ------------------------------------- */ 

.index_bg{
	padding: 0;
	margin: 0;
        background-color:#494f2b;
	text-align: center;
}

.index_content {
  text-align: left;
  position: relative;
  width: 765px;
  margin: 0 auto 0 auto;
  background : url(../pics/register/index_bg.jpg) repeat-y #000000;
}

.index_bg{
	padding: 0;
	margin: 0;
}

.rule_content {
  position: relative;
  width: 900px;
  height: 100px;
  min-height: 100px; 
  margin-left: auto;
  margin-right: auto;

  background: url(../pics/rules/Rules_TopBanner.jpg)  no-repeat  #000000;

}

.rule_list_item { 
 margin: 0;
 padding:0;
}

.rule_pg{
  padding-left: 20px;
}

.rule_item {
 float: left;
 list-style: none;
 margin: 0;
 padding:0;
}

.rule_center{
    width: 900px;
    background: url(../pics/rules/GdeToile_Texture.jpg)  repeat-y;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.rule_center_content{
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.rule_center table{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
}

.rule_big{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.index_center {
  position: relative;
  width: 600px;
  min-height: 750px;
  margin-left: 165px;
  height:auto;
}

.index_center {
  //height: 750px;
}

.index_bottom {
  margin: 0 auto 0 auto;
  width: 765px;
  height: 60px;
  min-height: 40px;
  color: #CCCCCC;
  background : url(../pics/register/index_bg.jpg) repeat-y #000000;
}

.index_home{
  position: absolute;
  z-index: 1; 
  left: 60px;
  top: 25px;
  width: 300px;
  height: 90px;
  background: transparent;
}

.rule_home{
  position: absolute;
  z-index: 50; 
  left: 20px;
  top: 20px;
  width: 240px;
  height: 70px;
  background: transparent;
}

.index_menu_top a{
  position: absolute;
  z-index: 1; 
  left: 183px;
  top: 162px;
  width: 150px;
  height: 40px;
}

.index_menu_top a.index_menu_top1 {}
.index_menu_top a.index_menu_top1:hover {background-position: -183px -162px ;}

.index_menu_top a.index_menu_top2 {left: 373px;}
.index_menu_top a.index_menu_top2:hover {background-position: -373px -162px ;}

.index_menu_top a.index_menu_top3 {left: 563px;}
.index_menu_top a.index_menu_top3:hover {background-position: -563px -162px;}


/* ------------------------------------- */ 
/* ***********  STATS PAGE ************* */
/* ------------------------------------- */ 
.stats_table{
        font-family: Arial,  Helvetica, sans-serif;
}
.stats_title{
        font-weight: bold;
	color: #cccccc;
        background-color: #663333;
}

.stats_label1{
        font-weight: bold;
	color: #cccccc;
        background-color: #330000;
}

.stats_label{
        font-weight: bold;
	color: #cccccc;
        background-color: #663333;
}
.stats_body1{
	color='#cccccc';
	padding: 0;
	margin: 0;
        background-color: #333333;
}

.stats_body_id{
        color: #111111;
}

.stats_body{
        color: #ffffff;
        background-color: #666666;
}

.statsevent{
  color: #DDDDDD;
  
}

.attackevent:hover{
}
/* -------------------------------- */ 
/* ***********  LOGIN ************* */
/* -------------------------------- */ 


.loginfield{
        
        color: #FFFFFF;
        position: absolute;
	top: 260px;
  	left: 15px;        
        border: 0;
        z-index: 2;
	padding: 0;
	border-spacing: 4px;
}

.loginfield input{
       
}

.registerlink{
        position: absolute;
	font-weight: bold;
	left: 210px; 
        top: 75px;
        color: #FFFFFF;
}


/* ***********  RIGHT  *********** */
.level {
 	
	font-weight: bold;
        margin-top: 2px; 	
        margin-bottom: 2px; 	
}

.cqright {
	position: absolute;
	width: 140px;
	height: 400px;
	top: 60px;
	right: 0px;
}

.cqrighttop {
	height: 200px;
        margin-bottom: 10px;
	overflow: hidden;
}

.bonus ,.malus{
	font-size: 10px;
	font-weight: bold;
}

.bonus {
	color: #DD2244;
}

.malus {
	color: #4433BB;
}

/* ***********  PROFIL  *********** */

.infos {
	
        margin-left: 10px;
	border-collapse: collapse;
}

.nextatb {
   position: absolute;
   width: 140px;
   left: 5px;
   align: center;  
   bottom: 30px;  
}

.infozone {
	
        margin-left: 5px;
        margin-bottom: 5px;
}

.charac1{
 	float: left;
	width: 130px;
	padding-left: 0px;
	margin-bottom: 30px;
}

.charac1 table{
	border: 0;
	border-spacing: 0;
}
.charac1 td{
	padding: 0;
}

.hp{
	width: 120px;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	background: #000000;
	border-width: 2px;
	border-style: outset;
}

.hpcell
{
	border 0;
	border-spacing: 0;
	padding: 0;	
	margin: 0;	
	background: #FFFFFF;
	width: 100%;
}
.hpimg
{
	padding: 0;	
	margin: 0;	
	height: 8px;
	border: 0; 
}

.logout {
        color: #2200CC;
        position: absolute;
	width: 105px;
        left: 5px;
	align: center;
	font-weight: bold;
	
	bottom: 10px;
}
.logout:hover {color: #FF0000;}


/* ---------------------------------- */ 
/* ***********  MAIN MENU *********** */
/* ---------------------------------- */ 

.mmenu a {
	position: absolute;
	top: 40px;
	width: 128px;
	height: 20px;
}

.mmenu a.cq {left: 155px;}
.mmenu a.di {left: 283px;}
.mmenu a.ec {left: 411px;}
.mmenu a.mg {left: 539px;}
.mmenu a.ru {left: 667px;}
.mmenu a.op {left: 795px;}

.mmenu a.cq:hover {}
.mmenu a.di:hover {background-position: -128px 0%;}
.mmenu a.ec:hover {background-position: -256px 0%;}
.mmenu a.mg:hover {background-position: -384px 0%;}
.mmenu a.ru:hover {background-position: -512px 0%;}
.mmenu a.op:hover {background-position: -640px 0%;}


/* --------------------------------------------- */ 
/* ***********  CONQUEST MENU BOTTOM *********** */
/* --------------------------------------------- */ 

.menubt a {
	position: absolute;
	top: 459px;
	width: 120px;
	height: 20px;
}

.ca {left: 155px;}
#vu { width: 56px; left: 305px;}
#vu1d {top: 460px; width: 34px; left: 275px;}
#vu2d {top: 460px; width: 34px; left: 356px;}
.pr {left: 395px;}
.eq {left: 515px;}
.ev {left: 635px;}

.menubt .ca:hover {}
.menubt #vu:hover {background-position: -150px 0%;}
.menubt .pr:hover {background-position: -240px 0%;}
.menubt .eq:hover {background-position: -360px 0%;}
.menubt .ev:hover {background-position: -480px 0%;}


/* ---------------------------------------- */ 
/* ***********  CONQUEST MENU ***********   */
/* ---------------------------------------- */ 

.menu {
	position: absolute;
	top: 70px;
	left: 25px;
	
        z-index: 10;
}

.menu dl{
	float: left;
	width: 110px;
	position: relative;
	margin: 0px 0px;
}

.menu dt:hover {
	background: #F5EFE1;
}

.menu dt {
	margin: 4px;
       	padding: 1px;
 	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #CBBFB1;
	border: 3px ridge #CBBFB1;
	color: #000000;
}

.menu dd, .menu ul, .menu li{
	margin: 0;
	padding: 0;
	list-style-type: none;

}
.menu dd {
	position: relative;
	background: #CBBFB1;
	left: 10px;
	width: 100%;
}

.menu li {
	text-align: center;
}
.menu li a, .menu dt a {
        text-decoration: none;
	color: #000;
	display: block;
	height: 100%;
	border: 1px solid gray;
}

.menu li a:hover, .menu dt a:hover {
	background: #F5EFE1;
}

/* ---------------------------------------- */ 
/* ***********  CONQUEST MENU ***********   */
/* ---------------------------------------- */ 

.maintable {
  color: #D1DADD;
  border-top-style: ridge;
  border-bottom-style: double;
  border-color: #3f3730;
  border-width: 3px;	
  background-color: #000000;
  
}

.maintable h1{
  margin-top: 8px;
  margin-bottom: 4px;
}

.mainbgtitle {
  color: #D1DADD;
  background-color: #202020;
}

.mainbglabelhover {
  background-color: #65534c;
}


.mainbglabel {
  background-color: #55433c;
}
.mainbgbody {
  background-color: #3b302b;
}
.maintextbody {
  color: #D1DADD;
}

.selector{
  font-weight: bold;
  background: #B1BABD;
  
}

.cqinfotablecol1size {
	width: 230px;
}

.cqrightselectorsize{
	width: 130px;
}

.cqattackselectorsize{
	width: 250px;
}

/* ***********  CONQUEST EVENT VIEW*********** */

.attackevent{
  color: #F1AA6D;
  
}

.attackevent:hover{
}

.magicevent{
  color: #81BADD;
  
}

.magicevent:hover{
}

.abilityevent{
  color: #F1AA6D;
  
}

.ability:hover{
}

.givexpevent{
  color: #E1DA00;
  
}

.givexpevent:hover{
}

.givemoneyevent{
  color: #E1DA00;
  
}

.givemoneyevent:hover{
}

.gatename{
	color: #E19A5D;
}

.cityname{
	color: #F1EA5D;
}

.stylepc{
        color: #FAF3A7;
}
.stylepc:hover {
	color: #FAF3A7;
}

.styleall{
	color: #D1DADD;
}
.styleall:hover {
	color: #D1DADD;
}

.stylecontact{
	color: #CCCCCC;
}
.stylecontact:hover{
}

.stylemainpc{
	color: #F1F1F1;
	text-decoration:none;
}
.stylemainpc:hover {
	color: #F1F1F1;
	text-decoration:underline;
}

.stylenpc{
        color: #F6C199;
}

.scrollable {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.equippos {
	float: left;
	height: 390px;
	margin-left: 10px;

}
.equipwidth{
	width: 355px;
}

.equipinventpos {
	float: left;
	width: 250px;
        height: 400px;
}
/* ***********  RULES MENU *********** */

.rulesmenu {
        margin: 20px 0px 0px 0px;
	
	font-weight: bold;
}

.rmenu {
	margin:  0;
	padding: 0;
	border: none;	
	position: relative;
	list-style-type: none;
}

.rmenu li {
	display: inline;
}

.rmenu a {
	color: #553344;
}

.rmenu a:hover {
	color: #977A42;
}

.subtitle {
        margin-top: 10px;
        margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.coloredtable {
	border: 1px solid;
}

.coloredtable th{
	width: 60px;
        border-bottom: 1px solid;
}

.dred{
        background-color: #FF4949;
}
.red{
        background-color: #FF6969;
}
.lred{
        background-color: #FF8D8D;
}
.vlred{
	background-color: #FFADAD;	
}

.dgreen{
        background-color: #64D964;
}
.green{
        background-color: #92E492;
}
.lgreen{
        background-color: #B6EDB6;
}
.vlgreen{
        background-color: #DBF6DB;
}

.alignleft{
        text-align: left;
}

.aligncenter{
        text-align: center;
}

.absdiv{
       	visibility: hidden;
       	position: absolute;
       	padding: 10px;
	background-color: #F4E9CD;
	border: 4px ridge #DDCEA7;
	z-index: 2;
}

.template{
        color: #FFFF55;	
}
.parchment{
        font-weight: bold;
        color: #F1AA6D;	
}
.pmarged{
	margin-left: 20px;
}
/* ***********  CMAIL ***********   */

.none{
  text-decoration: none;
  color: #B1BABD;
}

.tabcontact{
  
  color: #E19A5D;
}

.tabmenu{
  font-weight: bold;
  color: #C1CA2D;
  
}

.tabmenu:hover{
}

.mainerror{
  color: #F1AA6D;
  
}
/* *********** Histo Msg ***********   */
.histomsg{
  color: #D1DADD;
  background-color: #202020;
  width: 620px;
  border-top-style: ridge;
  border-bottom-style: double;
  border-width: 3px;	
  border-color: #3f3730;
}

/* *********** Ajax ***********   */
.ajaxarea {
  visibility: hidden;
  border: 1px solid #D1DADD;
}
/* *********** Registration ***********   */

.registration_title{
       font-size: 14px;
       color: #FFFFFF;	
}

.registration{
       padding-left: 20px;
       padding-right: 20px;
       color: #FFFFFF;	
}

.registration td{
       
       padding: 1px;
}

/* -------- Error input style -------- */

input.error {
	border-color: #AA4444 #FF9999 #FF9999 #AA4444;
	background-color: #FFFCE2; 
	background-image: url(../pics/misc/warning_obj.gif);
	background-position: right; 
	background-repeat: no-repeat;
}


select.error {
	border-color: #AA4444 #FF9999 #FF9999 #AA4444;
	background-color: #FFFCE2; 
	background-image: url(../pics/misc/warning_obj.gif);
	background-position: right; 
	background-repeat: no-repeat;
}

.err{
        color: #EE0000;
        font-weight: bold;
}

.link{
	color: #FAF3A7;		
}
.link:hover{
	color: #FAF3A7;	
}


/* *********** New Character ***********   */

.nctable{
        color: #FFFFFF;
        
        margin 10px;
}
.ncimg {
	float: left;
	margin: 20px;	
}

.ncdesc table{
	border: 0;
        float: left;
	margin-left: 10px;
        color: #FFFFFF;
}
.ncdesc td{
	height: 30px;
}

.ncdescav{
	color: #00FF22;
}

.ncdescdis{
	color: #FF2222;
}



.map_gridx{
}
.map_gridy{
   float:left;
}

.clr {
	clear: both;
}

.map_grid_cellx{
  display: block;
  float: left;
  color: #D1DADD;
  background-color: #202020;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  width: 32px;
  height: 32px;
  margin-right :1px;
}

.map_grid_celly{
  display: block;
  color: #D1DADD;
  background-color: #202020;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  width: 32px;
  height: 31px;
  margin-top :1px;
}

.map_num{
   padding-top :8px;
}


.inner_cell{
  display: block;
  width: 31px;
  height: 30px;
}

.minimap {
        border-spacing: 0px;
        border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
	background: #000000;
}

.minimap td {
      	border-left: solid #468832 1px;
	border-top: solid #468832 1px;
  	width: 32px;
  	height: 32px;
	padding: 0px;
}



/*****************************************
 * M I N I   M A P
 *****************************************/
.minimappaneltitle {
	color: #cccccc;
	background-color: #663333;
	border-top: solid #000000 1px;
	border-bottom: solid #000000 1px;

	font-size: 12px;
	font-weight: bold;
}

.minimappanelwidth {
        width: 225px;
}

.minimappanel {
        display: none;
        float: right;
	height: 400px;       
        background-color: #000000; 
	overflow: auto;
}


.myalliegence {
	color: #7aa6ff;
}

.guild_ennemy {
	color: #cf7070; 
}

.guild_ally {
	color: #8fd28f;
}

.self_ennemy {
	color: #cf7070;
}

.self_ally {
	color: #8fd28f;
}

.minibgopt {
	background: black;
	font-size: 11px;
}

.closebutton {
	color: yellow;
	background-color: #202020;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	border-color: yellow ;
	border-width: 2px;
	border-style: solid;
}

.minimapmenu {
        z-index: 10;
}

.minimapmenu dl{
	float: left;
	width: 10px;
	position: absolute;
	margin: 0px 0px;
}

.minimapmenu dt:hover {
	background: #F5EFE1;
}

.minimapmenu dt {
	margin: 0px;
       	padding: 1px;
 	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #CBBFB1;
	border: 1px ridge #CBBFB1;
	color: #000000;
}

.minimapmenu dd, .minimapmenu ul, .minimapmenu li{
	margin: 0;
	padding: 0;
	list-style-type: none;

}
.minimapmenu dd {
	position: absolute;
	background: #CBBFB1;
	left: 10px;
	width: 100%;
}

.minimapmenu li {
	text-align: center;
}
.minimapmenu li a, .minimapmenu dt a {
        text-decoration: none;
	color: #000;
	display: block;
	height: 100%;
	border: 1px solid gray;
}

.minimapmenu li a:hover, .minimapmenu dt a:hover {
	background: #F5EFE1;
}



/** border type for minimap **/

.sb_act {
	border-color: red ;
	border-width: 1px;
	border-style: solid;
	z-index: 10;
}

.sb_move {
	border-color: yellow ;
	border-width: 1px;
	border-style: solid;
	z-index: 10;
}

.sb_travel {
	border-color: yellow ;
	border-width: 1px;
	border-style: dashed;
	z-index: 10;
}


/** border position for minimap **/
.sb_tl {
	border-right-style: none;
	border-bottom-style: none;
}

.sb_t {
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;	}
.sb_tr {
	border-left-style: none;
	border-bottom-style: none;	}
.sb_l {
	border-top-style: none;	
	border-right-style: none;
	border-bottom-style: none;
}
.sb_r {
	border-top-style: none;	
	border-left-style: none;	
	border-bottom-style: none;	
}
.sb_bl {
	border-top-style: none;	
	border-right-style: none;
}
.sb_b {
	border-top-style: none;	
	border-left-style: none;
	border-right-style: none;
}
.sb_br {
	border-top-style: none;	
	border-left-style: none;
}
.sb_all {
}
.sb_none {
	border-top-style: none;	
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
/* Minimap terrain, todo something better */

.minimapcity {
	width: 31px;
  	height: 30px;
	background-image: url(../pics/map/city.gif);
}

.minimapvillage {
	width: 31px;
  	height: 30px;
	background-image: url(../pics/map/village.gif);
}

.minimapwall {
	width: 31px;
  	height: 30px;
	background-image: url(../pics/map/wall.png);
}

.minimapgate {
	width: 31px;
  	height: 30px;
	background-image: url(../pics/map/gate.gif);
}

.minimapdeposit {
	width: 31px;
  	height: 30px;
	background-image: url(../pics/map/deposit.png);
}

.minimapbush {
	width: 31px;
  	height: 30px;
	background-image: url(../pics/map/bush.png);
}

.minimappj {
        float: left;
	width: 15px;
  	height: 15px;
	background-image: url(../pics/map/p.gif);
}

.minimappnj {
        float: right;
	width: 15px;
  	height: 15px;
	background-image: url(../pics/map/m.gif);
}

.minimapitem {
        float: left;
	width: 15px;
  	height: 15px;
	background-image: url(../pics/map/o.gif);
}

.t011785609 {
	background-image: url(../pics/map/t_0_11785609.png);
}
.t011785609l {
	background-image: url(../pics/map/t_0_11785609_light.png);
}

.t09480536 {
	background-image: url(../pics/map/t_0_9480536.png);
}

.t09480536l {
	background-image: url(../pics/map/t_0_9480536_light.png);
}

.t0255 {
	background-image: url(../pics/map/t_0_255.png);
}

.t015325613 {
	background-image: url(../pics/map/t_0_15325613.png);
}

.t015325613l {
	background-image: url(../pics/map/t_0_15325613_light.png);
}

.t09731691 {
	background-image: url(../pics/map/t_0_9731691.png);
}
.t09731691l {
	background-image: url(../pics/map/t_0_9731691_light.png);
}

.t04227327 {
	background-image: url(../pics/map/t_0_4227327.png);
}

.t016777215 {
	background-image: url(../pics/map/t_0_16777215.png);
}

.t016777215l {
	background-image: url(../pics/map/t_0_16777215_light.png);
}


