/*HTML*/
body { 
  background-image: url('img/banner/betabg.jpg');
  background-repeat: repeat-x;
  background-color: black;
  font-family: arial;
  text-align: left;
  font-size: 9pt; 
  color: #bbb;
  position: relative; 
  padding:0;
  margin:0;
}
    
a{
  cursor: pointer;
  color: #DFCCAE;
  text-decoration: none;
}  

input{ 
  border: 1px solid #333;
  color: #bbb;
  font-weight:bold;
  padding: 1px;
  background-color: black;
  font-size: 9pt;
}  

.kHT{
  opacity:0;
  filter:alpha(opacity=0);
  z-index:50;
  position:absolute;
  background-color:black;
  display:none;
  border-radius:7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  padding:3px;
}

/*GENERAL*/
.clear{
  clear:both;
}

.trigger{
  display:none;
}

.pt8{
   font-size: 8pt;
} 

.ntitle{
  font-size:12pt;
  color:white;
  font-weight:bold;
  text-align:center;
  font-variant:small-caps;
} 

/*MENU*/
#sddm
{       margin: 0;
        padding: 0;
        z-index: 1198;
        position: absolute;
}

#sddm li
{       margin-right: 3px;
        padding: 0;
        list-style: none;
        float: left;
}

#sddm li a
{       display: block;
        margin: 0;
        text-align: center;
        text-decoration: none;
        font-variant: small-caps;
        font-size: 11pt;
        border:none; 
}

#sddm div
{       position: absolute;
        visibility: hidden;
        margin: 0;
        padding: 0;
        z-index: 10000;  
        border: 1px solid #5A4B38;
        background-color:black;
}

#sddm div a
{
  position: relative;
  display: block;
  margin: 0;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  padding: 3px;
  font-size: 11px;
}

#sddm div a:hover
{
  background: #5A4B38;
  color: #FFF
}

/*NAMES*/
.legion_tag{
  color:#bbb;
  text-decoration:none;
}

.elite_name{
  color:#EC9B27;
  font-weight:bold;
  font-variant:small-caps;
  text-decoration:none;
}

.banned_name{
  color:#333;
  text-decoration:line-through;
}

/*WINDOW*/
.window{
  display:block;
}

.windowWrapper{
  position:relative;
}

.windowHead{
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  padding:0px;
  overflow:hidden;
  clear:both;
  height:25px;
  width:100%;
  background-image:url('img/banner/windowHead.jpg');
  background-repeat:repeat-x;
  cursor:move;
  color:black;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.windowBody{
  position:absolute;
  top:13px;
  left:3px;
  z-index:0;
  text-align:left;
  height: 535px;
  padding: 15px 1px 0px 1px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color:black;
  border-bottom: 1px solid #6f5f43;
  border-left: 1px solid #6f5f43;
  border-right: 1px solid #6f5f43;
  width: 98.5%;
}

.windowInfo{
  height:100px;
  background-color:#0B0C0D;
  border:1px solid #333;
  overflow-x: hidden;
  overflow-y: auto;
}

.bar2{
  clear:both;
  height:17px;
  font-variant:small-caps;
  font-weight:bold;
  color:white;
  font-size:12pt;
  background-image:url('img/banner/bar2.gif');
  background-repeat:repeat-x;
  text-align:center;
  padding-bottom:4px;
}

/*CLICKDROP*/
.drag{
   cursor: move;
}

.ab{
  display:block;
}

.sb{
  display:block;
}

.eq{
  display:block;
}

.dbar
{
  width:50px;
  padding:1px;
  border:1px solid #5A4B38; 
  height:3px;
}

/*CHAT*/
.chatBar{
  display:none;
  top:125;
  left:12;
  position:absolute;
  z-index:2;
}

.chat{
    color: #bbb;
    font-weight:bold;
    padding: 1px;
    background-color: black;
    font-size: 9pt;
    width:410px;
}

.chat_time{
  font-variant:small-caps;
  font-size:9pt;
}

.chat_whisper{
  margin-right:3px;
  cursor:pointer;
  height:10px;
  width:10px;
}

/*UI PANELS*/
.ui_wrap{
  text-align:left;
  position:absolute;
  height:150px;
  width:440px;
  overflow:hidden;
}

.ui_img{
  position:absolute;
  z-index:0;
  top:0px;
  left:0px;
  width:440px;
  height:150px;
  background-image:url('img/sprites/topPlate7.png');
  background-repeat:no-repeat;
}

.ui_header{
  text-align:left;
  height:23px;
  width:440px;
  position:absolute;
  top:4;
  left:7;
  z-index:1;
}

.ui_mode{
  float:left;
  width:125px;
  height:23px;
}

.ui_mode select{
  font-weight:bold;
  font-variant:small-caps;
  width:120px;
  background-color:black;
  font-size:9pt;
  border:1px solid #333;
  color:#bbb;
  margin-right:5px;
  margin-top:3px;
}

.ui_drag{
  float:left;
  height:20px;
  width:295px;
  background-color:none;
  margin-top:3px;
  background-image: url('img/sprites/ietran.gif');
  background-repeat: repeat-x;
}

.ui_body{
  position:absolute;
  top:30;
  left:0;
  z-index:1;
  height:95px;
  width:440px;
  overflow:hidden;
}

.ui_scrollText{
  position:absolute;
  z-index:0;
  left:4px;
  width:395px;
  overflow:hidden;
}

.ui_content{
  border-collapse:collapse;
}

.ui_content td{
  color:#bbb;
  width:400px;
  vertical-align:bottom;
}

.ui_scrollBar{
  position:absolute;
  width:20px;
  height:85px;
  z-index:0;
  left:405;
  top:0;
  background-image: url('img/sprites/scrollBar.png');
  background-repeat: no-repeat;
}

.ui_scrollBar_liner{
  width:20px;
  height:85px;
  position:relative;
}

.ui_scrollButton{
  position:absolute;
  cursor:pointer;
  height:20px;
  width:20px;
  z-index:0;
  background-image: url('img/sprites/scrollButton.png');
  background-repeat: no-repeat;
  
}

/*SPELLS*/
.spell_wrap{
  overflow:hidden;
  position:relative;
  float:left;
  cursor:pointer;
  margin: 5px 3px 0px 0px;
}

.spell_img{
  left:0;
  top:0;
  z-index:0;
  position:absolute;
}

.spell_num{
  position:absolute;
  left:1px;
  top:0;
  height:14px;
  width:35px;
  font-size:8pt;
  /*text-align:right;*/
  z-index:2;
  text-shadow:#000000 2px 2px 2px;
}

.spell_empty{
  background-color:none;
  float:left;
  margin: 5px 3px 0px 0px;
  border: 1px dotted #333;
  overflow:hidden;
}

.spell_desc_wrap{
  width:350px;
}

.spell_desc_head{
  color:#DFCCAE;
  font-weight:bold;
  height:20px;
}

.spell_desc_type{
  font-weight:bold;
  color:white;
  clear:both;
  height:17px;
}

.spell_desc_body{
  clear:both;
}

.spell_desc_extra{
  font-variant:small-caps;
  font-weight:bold;
  margin-top:5px;
}

/*ITEMS*/
.eq_wrap{
  overflow:hidden;
  cursor:pointer;
  float:left;
  margin: 5px 3px 0px 0px;
  position:relative;
}

.eq_img{
  top:0;
  left:0;
  z-index:1;
  position:absolute;
}

.eq_num{
  left:1px;
  top:0;
  position:absolute;
  height:14px;
  width:33px;
  font-size:8pt;
  text-align:left;
  z-index:2;
  text-shadow:#000000 2px 2px 2px;
}

.eq_blank{
  float:left;
  margin: 5px 3px 0px 0px;
  border: 1px dotted #333;
  overflow:hidden;
}

.item_wrap{
  clear:both;
  text-align:left;
  width:250px;
  overflow:hidden  
}

.item_name{
  float:left;
  width:175px;
  height:20px;
}

.item_level{
  float:right;
  width:73px;
  height:20px;
  text-align:right;
}

.item_img{
  float:left;
  width:49%;
  height:50px;
}

.item_sec{
  float:right;
  text-align:right;
  width:49%;
  height:50px;
}

.item_stat{
  float:left;
  width:150px;
}

.item_value{
  float:right;
  text-align:right;
}

.item_extra{
  clear:both;
  margin-top:7px;
}

.gem_wrap{
  clear:both;
  width:250px;
  text-align:left;
  overflow:hidden;
  margin-bottom:10px;
  margin-top:10px;
}

.gem_outter{
  clear:both;
  height:20px;
  width:250px;
}

.gem_inner{
  clear:both;
  height:20px;
  width:225px;
  margin-left:25px;
}

.gem_image{
  float:left;
  height:15px;
  width:25px;
}

.gem_stat{
  float:left;
  height:15px;
  width:100px;
}

.gem_value{
  float:right;
  height:15px;
  text-align:right;
}

.gem_empty{
  float:left;
  height:15px;
  width:15px;
  background-color:#333;
} 

.gem_empty_wrap{
  clear:both;
  height:17px;
}

/*TALENTS*/
.talentFrame{
  float: left;
  text-align: center;
  width: 400px; 
  height: 370px;
  border: 1px solid #333; 
}

.talentBox{
  height:75px;
  width: 110px;
  margin: 8px; 
  text-align: center;
  float: left; 
  border: 1px dotted #5A4B38;
  font-size: 8pt;
  cursor: pointer;
}

.talentSpacer{
  height:30px;
  width: 110px;
  margin: 2px 7px 2px 7px;
  text-align: center;
  float: left;
  font-size: 8pt;
  cursor: pointer;
}


.tinfo{
  width: 175px;
  text-align: center;
}   

/*QUEST TRACKER*/
.qtracker_wrap{
  padding:0 3px 3px 3px;
  min-width:160px;
}

.qtracker_title{
  font-weight:bold;
  font-size:10pt; 
  margin:5px 0 2px 0; 
  color:#DFCCAE;
}

/*2D OBJECTS*/
.fish2d{
  cursor: url(img/cursors/pole.cur),pointer;
  overflow:hidden;
  height:50px;
  width:50px;
}

.sign2d{
  overflow:hidden;
  height:50px; 
  width:50px;
}

.item2d{
  overflow:hidden;
  height:50px;
  width:50px;
  cursor:pointer;
}

.agbg_blue{
  position:absolute;
  background-color:blue; 
  z-index:0;
  top:0;
  left:0;
  opacity:.4;
  filter:alpha(opacity=50);
}

.agbg_red{
  position:absolute;
  background-color:red;
  z-index:0;
  top:0;
  left:0;
  opacity:.4;
  filter:alpha(opacity=50);
}

.agbg_purple{
  position:absolute;
  background-color:purple;
  z-index:0;
  top:0;
  left:0;
  opacity:.4;
  filter:alpha(opacity=50);
}

.head2d{
  position: absolute;
  z-index: 2; 
  left:0;
  text-align: right;
}

.ctext{
  width:98%;
  position: absolute;
  z-index: 500;
  left:0;
  text-align: center;
  margin-top:-20px;
}

.combat_ani{
  width:98%;
  position: absolute;
  z-index: 3;
  left:0;
  text-align: center;
}

.combat_dmg{
  cursor:pointer;
  color:red;
  text-align:center;
  font-size: 9pt;
  font-weight:bold;
  margin-bottom:1px;
  text-shadow:#000000 2px 2px 2px;
}

.combat_heal{
  cursor:pointer;
  color:green;
  text-align:center;
  font-size: 9pt;
  margin-bottom:1px;
  font-weight:bold;
  text-shadow:#000000 2px 2px 2px;
}


.combat_msg{
  cursor:pointer;
  color:white;
  text-align:center;
  font-size: 9pt;
  margin-bottom:1px;
  font-weight:bold;
  text-shadow:#000000 2px 2px 2px;
}

.combat_xp{
  cursor:pointer;
  color:#F5B23E;
  text-align:center;
  font-size: 9pt;
  margin-bottom:1px;
  font-weight:bold;
  text-shadow:#000000 2px 2px 2px;
}

/*OTHER STATS*/
.ostat_wrap{
  height:14px;
  width:92px; 
  overflow:hidden;
  position:relative;
}

.ostat_back{
  position:absolute;
  top:0;
  left:18;
  z-index:0;
  height:13px;
  background-color:black;
}

.ostat_xp{
  position:absolute;
  top:0;
  left:18;
  z-index:1;
  height:13px;
  background-color:#600AB1;
}
   
.ostat_energy{
  position:absolute;
  top:0;
  left:18;
  z-index:1;
  height:13px;
  background-color:#77623B;
}

.ostat_faith{
  position:absolute;
  top:0;
  left:18;
  z-index:1;
  height:13px;
  background-color:#E5C9B1;
}

.ostat_sprite{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:92px;
  height:14px;
}

/*QUEST LOG*/
.qlog_head_wrap{
  height:150px;
  width: 340px;
  position: relative;
  margin:0px 0px 5px 20px;
}

.qlog_head_back{
  height:142px;
  width:340px;
  border:1px solid #3a2a10;
  background-color:black;
  filter: alpha(opacity=80);
  opacity:.8;
  position:absolute;
  left:0;
  top:0;
  z-index:0;
  padding:3px;
}

.qlog_head{
  height:125px;
  width:340px;
  position:absolute;
  top:15;
  left:0;
  z-index:1;
  overflow:hidden;
}

.qlog_head_title{
  overflow:hidden;
  position:absolute;
  left:0px;
  top:0px;
  cursor:pointer;
  clear:both;
  width:311px;
  height:23px;
  font-weight:
  bold;
  text-decoration:underline;
}

.qlog_head_scrollText{
  position:absolute;
  z-index:0;
  left:4px;
  width:311px;
  overflow:hidden;
}

.qlog_head_content{
  border-collapse:collapse;
}

.qlog_head_content td{
  color:#bbb;
  width:311px;
  font-size:9pt;
  text-align:left;
  vertical-align:top;
  overflow:hidden;
}

.qlog_head_scrollBar{
  position:absolute;
  width:20px;
  height:85px;
  z-index:0;
  left:320;
  top:20;
  background-image: url('img/sprites/scrollBar.png');
  background-repeat: no-repeat;
}

.qlog_head_scrollBar_liner{
  width:20px;
  height:85px;
  position:relative;
}

.qlog_head_scrollButton{
  position:absolute;
  cursor:pointer;
  height:20px;
  width:20px;
  z-index:0;
  background-image: url('img/sprites/scrollButton.png');
  background-repeat: no-repeat;
}