/* GENERAL */
#admin-panel {
  width: 1000px;
  background: white;
  margin-left: -100px;
}

.transparent {
  background: transparent;
}

.blink {
  text-decoration: blink;
}

.blinkred {
  text-decoration: blink;
  color: red;
}

img {
  border: 0;
}

body {
  font-family: verdana; /*sans-serif;*/
  font-size: 11px;
  color: #555555;
  background: url(../images/back.jpg) repeat;/*#cccccc;*/
}

div#page {
  width: 900px;
  margin: 0 auto;
  background: white;/*url(../images/back2.gif);*/
  padding-top: 1px;
}

div#header {
  background: url(../images/headerback.png);
  margin: 5px 5px 0px 5px;
  padding: 5px;
}

div#headermenu {
  background: url(../images/headermenuback.png);
  margin: 0px 5px 0px 5px;
  padding: 5px;
  height: 15px;
}

div#logo {
  text-align: center;
}

div#main {
  padding: 5px;
  width: 890px;
}

#left {
  width: 685px;
  float: left;
  min-height: 500px;
}

#right {
  width: 200px;
  float: right;
}

div#footer {
  clear: both;
  text-align: center;
  background: url(../images/headerback.png);
  color: #555555;
  font-weight: bold;
  margin: 5px;
  padding: 5px;
}

.titleimg {
  float: left;
  margin-left: 2px;
  margin-top: -3px;
}

.titletext {
  background: /*#A7C99E;*/teal;
  color: white;
  font-weight: bold;
  width: 100%;
  height: 20px;
  padding-top: 4px;
}

.title {
  height: 33px;
}

.inside {
  text-align: justify;
  padding: 5px;
  line-height: 20px;
}

.bottom {
  padding: 1px;
}

#message {
  background: red;
  padding: 5px;
  margin: 5px 5px 0 5px;
  text-align: center;
  color: white;
  font-weight: bold;
  border: 1px solid maroon;
}

#message a, #message a:visited, #message a:link, #message a:hover {
  color: white;
}

#message2 {
  background: #be7c7c;/*#ffbc79;*/
  padding: 5px;
  margin: 5px 5px 0 5px;
  text-align: center;
  color: white;
  font-weight: bold;
  border: 1px solid maroon;
}

#message2 a, #message2 a:visited, #message2 a:link, #message2 a:hover {
  color: white;
}

#message3 {
  background: yellow;
  padding: 5px;
  margin: 5px 5px 0 5px;
  text-align: center;
  color: black;
  font-weight: bold;
  border: 1px solid maroon;
}

#message3 a, #message3 a:visited, #message3 a:link, #message3 a:hover {
  color: black;
}

#message4 {
  background: blue;
  padding: 5px;
  margin: 5px 5px 0 5px;
  text-align: center;
  color: white;
  font-weight: bold;
  border: 1px solid navy;
}

#message4 a, #message4 a:visited, #message4 a:link, #message4 a:hover {
  color: white;
}

.msgnonletto a, .msgnonletto a:visited, .msgnonletto a:link {
  color: red;
}

input {
  border: 1px solid #aaa;
  font-size: 11px;
  background: white;
}

select {
  border: 1px solid #aaa;
  font-size: 11px;
  background: white;
}

.two-column {
  width: 685px;
}

a, a:visited {
  color: teal;
  /*font-weight: bold;*/
  text-decoration: none;
}

a:hover {
  color: orange;
}

.logout {
  float: right;
}

.logout span {
  vertical-align: top;
}

.language {
  float: left;
  margin-top: -1px;
}

#nofolder {
  list-style-type:none;
}

#foldheader {
  cursor:pointer;
  font-weight: bold;
  list-style-type: none;
}
#foldinglist {
  list-style-type: none;
}
#folderitem {
  margin-left: -30px;
  list-style-type: none;
}
#item {
  list-style-type: none;
}
#menualbero {
  margin-left: -40px;
  margin-top: -5px;
}

#versione {
  float: right;
}

/* GENERAL - end */

/* MENU */
div#navmenu {
  text-align: center;
}

div#navmenu a, div#navmenu a:visited {
  /*font-weight: bold;*/
  color: #555;
  text-decoration: none;
}

div#navmenu a:hover {
  color:orange
}

div#navmenu li {
  display : inline;
}

.menu {
  background: white; /*#eee;*/
  margin-bottom: 5px;
  height: 100%;
  float: right;
  width: 200px;
}

.menu li {
  list-style-type: none;
  padding: 3px;
}

.menu a, .menu a:visited {
  color: #555555;
  text-decoration: none;
}

.menu a:hover {
  color: orange;
}

/* MENU - end */

/* HOMEPAGE.INC.PHP */
.welcome {
  width: 100%;
  margin: auto;
  text-align: left;
}

.welcomeright {
  width: 300px;
  float: right;
}

.welcomeleft {
  width: 585px;
  float: left;
}

.welcomeright-down {
  width: 400px;
  float: right;
}

.welcomeleft-down {
  width: 485px;
  float: left;
}

.logoutright {
  width: 500px;
  float: right;
  margin-right: 100px;
}

.logoutleft {
  
  background: black;
  float: left;
  width: 100px;
}

.logoutleftinside {
  text-align: justify;
  padding: 5px;
  line-height: 20px;
  width: 370px;
  float: left;
}

.welcome2 {
  padding-top: 5px;
  clear: both;
  width: 100%;
  margin: auto;
  text-align: left;
}

.details {
  clear: both;
  width: 685px;
  background: white;
  margin-bottom: 5px;
  height: 100%;
  /*float: left;*/
  
}

.details-inside {
  text-align: justify;
  padding: 5px;
  line-height: 20px;
  /*border: 1px solid #aaa;*/
}

/* PERSONAGGIO.INC.PHP */
.pg-foto {
  width: 120px;
  height: 150px;
  float: left;
  margin-bottom: 5px;
}

.pg-foto2 {
  width: 120px;
  height: 150px;
  float: right;
  margin-bottom: 5px;
}

.pg-dati {
  width: 550px;
  height: 144px;
  float: right;
  background: #efefef;
  padding: 1px 5px 5px 5px;
  line-height: 20px;
}

.pg-casata {
  width: 30px;
  height: 40px;
  background: white;
  float: left;
  padding: 1px;
  margin-top: -10px;
}

.selected {
  color: red;
  font-weight: bold;
  
}

.pg-interact {
  width: 425px;
  height: 140px;
  float: left;
  background: #efefef;
  padding: 5px;
  line-height: 20px;
  margin-left: 5px;
}

td.equip {
  font-family: tahoma;
}

/* LUOGO.INC.PHP */

.luogo-foto {
  width: 300px;
  height: 200px;
  float: right;
  margin-bottom: 5px;
}

.luogo-dati {
  width: 270px;
  height: 190px;
  float: left;
  background: white; /*#eee;*/
  padding: 5px;
  line-height: 20px;
}

/* CITTA.INC.PHP */

.citta-classifica {
  width: 340px;
  float: right;
}

.citta-news {
  width: 340px;
  float: left;
}

.logoutright {
  width: 400px;
  float: right;
}

.logoutleft {
  width: 485px;
  float: left;
}

/* */
select {
  font-family: verdana;
  font-size: 11px;
}
.group {
  font-weight: bold;
}
.groupitem {
  margin-left: 10px;
}

.btnbann {
  background: red;
}

.btnregistr {
  background: #00ffff;
}

.btnconfcrez {
  background: yellow;
}

.btnattivo {
  background: #66ff99;
}

.firefox-icon {
  width: 30px;
  height: 29px;
  background: url(../images/icons/firefox.png) no-repeat;
  float: left;
  margin-top: -8px;
  position: absolute;
}

.php-icon {
  /*width: 40px;
  height: 21px;
  background: url(../images/icons/php.png) no-repeat;
  margin-top: -4px;*/
  width: 80px;
  height: 15px;
  background: url(../images/icons/php2.jpg) no-repeat;
  float: left;
  margin-top: -1px;
  position: absolute;
}

.firefox-icon {
  width: 80px;
  height: 15px;
  background: url(../images/icons/firefox.png) no-repeat;
  float: left;
  margin-top: -1px;
  position:absolute;
  margin-left: 81px;
}

#tooltipobj {
  color: #555555;
}

.tooltipbonus {
  color: green;
}

.tooltipmalus {
  color: red;
}

.tooltipchiave {
  color: blue;
}

.tooltipabilita {
  color: purple;
}

.tooltipslot {
  color: blue;
}

table.eventtable {
  max-height: 300px;
}

#mappa {
  position: relative;
  width: 570px;
  height: 480px;
  background: url(../images/mappa.jpg) no-repeat;
}

#city1 { /* Angaendir */
  position: absolute;
  top: 177px;
  left: 233px;
}
#city2 { /* Nurumar */
  position: absolute;
  top: 238px;
  left: 191px;
}
#city3 { /* Talon Keep */
  position: absolute;
  top: 333px;
  left: 251px;
}
#city4 { /* Isuril */
  position: absolute;
  top: 340px;
  left: 171px;
}
#city5 { /* Fersgard */
  position: absolute;
  top: 255px;
  left: 268px;
}
#city6 { /* Salaryon */
  position: absolute;
  top: 412px;
  left: 190px;
}
#city7 { /* Nysaril */
  position: absolute;
  top: 329px;
  left: 79px;
}

/* EQUIPMENT */
#equipment-container {
  position: relative;
  padding:0;
  margin:0;
  width: 300px;
  height: 361px;
  background: url(../images/malepg.jpg) no-repeat center;
}
.equipment-title {
  background: #eeeeee; /*url(../images/headermenuback.png);*/
  border: 1px solid gray;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
  text-align: center;
}
.equipment-tip {
  width: 300px;
  background: url(../images/headerback.png);
  border: 1px solid gray;
  padding: 3px 3px 3px 3px;
}

#eq_mantello {
  position:absolute;
  top:6px;
  left:42px;
}
#eq_scudo {
  position:absolute;
  top:109px;
  left:42px;
}
#eq_impugnato {
  position:absolute;
  top:212px;
  left:42px;
}

#eq_testa {
  position: absolute;
  top:6px;
  left:115px;
}
#eq_corpo {
  position:absolute;
  top:79px;
  left:115px;
}
#eq_gambe {
  position:absolute;
  top:182px;
  left:115px;
}
#eq_piedi {
  position:absolute;
  top:285px;
  left:115px;
}

#eq_braccia {
  position:absolute;
  top:6px;
  left:188px;
}
#eq_tenuto {
  position:absolute;
  top:182px;
  left:188px;
}
#eq_mani {
  position:absolute;
  top:109px;
  left:188px;
}
#eq_cavalcatura {
  position:absolute;
  top:285px;
  left:188px;
}
.eq-rame {
  color: orange;
  font-weight: bold;
}
#eq_inv {
  position:relative;
}
.events-header-it {
  height: 62px;
  background: url(../images/perga-header.gif) no-repeat;
}

.events-header-en {
  height: 62px;
  background: url(../images/perga-header-en.gif) no-repeat;
}

.events-center {
  height: 100px;
  background: url(../images/perga-center.gif) repeat-y;
}

.events-footer {
  height: 50px;
  background: url(../images/perga-footer.gif) no-repeat; 
} 

.events {
  width: 238px;
  font-family: tahoma;
  padding:12px;
}

.btn_addcar {
  border: 1px solid maroon;
  background: #D84E2F;
  color: white;
  font-weight:bold;
}

#chat {height:313px; width:190px; font-family:verdana; font-size:11px; border:1px solid #CCC; background:#FBFBFB;line-height:16px;}
#chat-casata {height:350px; width:650px; font-family:verdana; font-size:11px; border:1px solid #CCC; background:#FBFBFB;line-height:16px;}
#chat-message {font-family:verdana; font-size:11px; color:#555;width:135px}
#chat-message-casata {font-family:verdana; font-size:11px; color:#555;width:595px}
#chat-btn{width:64px;}

#header-halloween {
  float: left;
  margin-top: -65px;
}

#header-halloween2 {
  float: right;
  margin-top: -65px;
}

/* XMAS */
img#xmas {
  margin-top: -70px;
  margin-left: -10px;
}
/* XMAS - end */

/* TREE MENU */
ul.tree-menu {
    line-height: 16px;
    margin: 0;
    padding: 0;
}
ul.tree-menu ul {
    margin: 0 0 0 10px;
    padding: 2px 0 0 0;
}
ul.tree-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.tree-menu li.section {
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu li.section-open {
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu li.box {
    padding-top: 1px;
    padding-bottom: 1px;
}
.menugruppo {
    margin-left: 10px;
    color: #555555;
	font-weight: bold;
    text-decoration: none;
}
.menugruppo:hover {
    margin-left: 10px;
    color: #555555;
    text-decoration: none;
	font-weight: bold;
}
ul.tree-menu a {
    margin-left: 10px;
    color: #555555;
    text-decoration: none;
}
ul.tree-menu a:hover {
    margin-left: 10px;
    color: #555555;
    text-decoration: none;
}
/* TREE MENU - fine */

/* TREE MENU MISSIONI*/
ul.tree-menu-miss {
    line-height: 16px;
    margin: 0;
    padding: 0;
}
ul.tree-menu-miss ul {
    margin: 0 0 0 10px;
    padding: 2px 0 0 0;
}
ul.tree-menu-miss li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.tree-menu-miss li.section {
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu-miss li.section-open {
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu-miss li.box {
    padding-top: 1px;
    padding-bottom: 1px;
}
.menugruppo {
    margin-left: 10px;
    color: #555555;
	font-weight: bold;
    text-decoration: none;
}
.menugruppo:hover {
    margin-left: 10px;
    color: #555555;
    text-decoration: none;
	font-weight: bold;
}
ul.tree-menu-miss a {
    margin-left: 0px;
    color: #555555;
    text-decoration: none;
}
ul.tree-menu-miss a:hover {
    margin-left: 0px;
    color: teal;
	font-weight: bold;
    text-decoration: none;
}
/* TREE MENU MISSIONI - fine */

#imgslot3 {
  left: 25px;
  bottom: 5px;
  position:absolute;
}

#imgslot3s {
  left: 12px;
  bottom: 3px;
  position:absolute;
}

#imgslot3xs {
  left: 8px;
  bottom: 2px;
  position:absolute;
}

#imgslot3tip {
  left: 27px;
  bottom: 5px;
  display: block;
  margin-top: -27px;
  margin-left: 24px;
  margin-bottom: 5px;
}

#casata-edificio {
  position: relative;
  float: left;
}
#casata-edificio-livello {
  position: absolute;
  top: 43px;
  right: 4px;
}

#medals {
  vertical-align: bottom;
}

#server {
  float: right;
  padding: 3px;
  margin-top: -60px;
  background: url(../images/headermenuback.png) repeat-x;
}