/****************** RageFX game's css *******************/
/*                                  ,---.               */
/*              ,---.,---.,---.,---.|__.  ,             */
/*              |    ,---||   ||---'|   ><              */
/*              `    `---^`---|`---'|  '  `             */
/*          ----------------- | --- | ----------        */
/*                         `--'     '                   */
/********************************************************/

body{
	background:#333 url('/ui/background.jpg') repeat-x;
	margin:0;
	padding:0;
	color: #DDD;
    /*font-family:Sans-Serif,Tahoma,Arial,sans-serif;*/
    /*font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;*/
	font-family:"Lucida Grande", Helvetica, "Helvetica Neue","Trebuchet MS",Arial,sans-serif;
    font-size:13px;
	cursor:default;
}

a { color: #dda; text-decoration: none;cursor:pointer;}
a:hover { color: #fff; text-decoration: underline; }
img{vertical-align:middle;border:0;}
table{
	border-collapse: collapse;
	font-size:12px;
}
table td,table tr{
	vertical-align:top;
}
input {
border:1px #342 solid;
background: #333;
color:gold;
}
input:focus {
border: 1px solid gold;
background: #430;
}
form {margin:0;padding:0;}
caption{font: 12px "Trebuchet MS", Helvetica, sans-serif;}
h1,h2,h3,h4,h5 {margin:0;}
h3 {color:gold;}
hr{
    height: 1px;
	border: 0;
	color: #333;
	background-color: #333;
	width: 100%;
}
#wrap{
	margin:0 auto;
	width:800px;
}
#header{
	height:100px;
}
#header p{
	margin:0px;
}
#left{
	float: left;
	text-align:right;
	width:50px;
	/*_width:100px;*/
	height:400px;
	margin-left: -770px;
	/*_margin-left: -865px;*/
}
#right{
	float: left;
	width: 100%;
}

#contentbox2{
	width:720px;
}
#contentbox{
	/*border: 3px solid #80969F;*/
	/*padding:5px;*/
	/*margin:25px 0;*/
	width:720px;
	float:right;
	/*margin-left: 30px;*/
}
#contentbox_t{
	background: url('/ui/contenttop.png') bottom no-repeat;
	width: 720px;
	height: 9px;
}
#contentbox_m{
	background: #000 url('/ui/contentmiddle.png') repeat-y;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	min-height:80px;
}
#contentbox_b{
	background: url('/ui/contentbottom.png') top no-repeat;
	width: 720px;
	height: 9px;
}
.menubox{
	background:#b1bfc5;/*52537A*/
	border: 3px solid #80969F;
	margin:25px 0;
}
.h{
	display:none;
}
/* horizontal tabbed menu */
.tabs {

}
.tabs ul {
	list-style-type:none; 
	margin:0;
	padding:0;
	width: 100%;
	text-align: center;
}
.tabs li {
  display:block; 
  width:40px; 
  height:15px;
}
.tabs li a {
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	display:block;
	width:40px; 
	height:15px; 
}
.tabs li a:hover { background: #C1CCD0; color: #FFF; }	
.tabs li a.current { background:#FFF; color: #000; }	


/* footer  */
#footer { 
	clear:left;
	text-align: center; 
	line-height: 1.8em; 
	padding: 10px 0 10px 0;
	width:100%;
}

/* cool tables */
.tabl2,fieldset{
border:1px #444 solid;
background: #111;
}
.tabl2 tr{
border:1px #222 solid;
}
.tabl2 td{
padding:3px 10px 4px 10px;
}

/* -------------------------------- Buttons ----------------------------------*/
.btn{
    display:block;
    font-weight:bold;
    text-decoration:none;
    text-indent:10px;
    color:#eef;
    background-color:#003D4C;
    border:#ccc solid 1px;
    height:26px;
    width:130px;
    line-height:26px;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn:hover{
    background-color:#003D4C;
    color:#cfc;
}
/* -------------------------------- MSG BOXES --------------------------------*/
.wbox {
  background: #321 url(/ui/43.png) no-repeat 1%;
  border:1px #f5a solid;
  padding:5px 5px 5px 26px;
  width:93%;
}
.ebox {
  background: #411 url(/ui/exclamation.png) no-repeat 1%;
  border:1px #f5a solid;
  padding:5px 5px 5px 26px;
  width:93%;
}
.hbox {
    background: #113 url(/ui/help.png) no-repeat 1%;
	border:1px #5fa solid;
	padding:5px 5px 5px 26px;
    width:93%;
}
.sbox {
    background: #131 url(/ui/12.png) no-repeat 1%;
	border:1px #5fa solid;
	padding:5px 5px 5px 26px;
    width:93%;
}
.ibox {
    background: #111 url(/ui/info.png) no-repeat 1%;
	border:1px #5af solid;
	padding:5px 5px 5px 26px;
    width:93%;
}
/****************************************************************************************************/

#mybag {
	background: url('/ui/backpack.png') top no-repeat;
	width: 316px;
	height: 409px;
	overflow:hidden;
}
#mybagC {
	padding:9px 4px 0 8px;
	color:#FFF;
}

#equipement {
	background: url('/ui/inv.png') no-repeat;
	width: 365px;
	height: 440px;
	padding-top: 9px;
	overflow:hidden;
}

#equipement td{
	color:#FFF;
	font-size:12px;
}

.p{
	cursor: pointer;
	padding:1px;
}
.e{
	border: 1px solid #FF0;
	padding:0px;
}
.ep,.eq,.es,.ez {
	margin:3px;
	_margin-bottom:-6px;
	padding:0px;
	width:37px;
	height:37px;
	float:left;
	cursor:pointer;
}

/*------------------------ TOOLTIP -----------------------------*/
#ttip {
	color: #fff;
	width: 139px;
	z-index: 11000;
	position: absolute;
}
 
#ttip_h {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 0px;
	background: url(/ui/bubble.png) no-repeat top left;
}
 
#ttip_c {
	font-size: 11px;
	padding: 0px 8px 8px;
	background: url(/ui/bubble.png) no-repeat bottom right;
}

/*------------------------ ITEM MENU -----------------------------*/

#itemmenu{
	position: absolute;
	z-index: 12000;
	background-color: #222;
	border: 2px solid #222;
	width:60px;
	-moz-border-radius : 4px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	-moz-appearance;
}
.mnu,.mnus,.mnud{
	cursor:pointer;
	font-weight:bold;
	padding-left: 4px;
	padding-right: 4px;
	color:#FFF;
}
.mnusep{
	font-size: 5px;
}
.mnud{
	background-color:#333;
	color:#AAA;
}
.mnus{
	color:#000;
	background-color:#FFF;
}

/*------------------------ SPELLS -----------------------------*/
#spellswin{
	background: url('/ui/spells.png') top no-repeat;
	padding:4px 34px;
	width:410px;
	height:82px;
}
#myspells{
	padding:1px 0 0 16px;
}
#invspells {
	margin-top:5px;
	margin-left:5px;
	overflow:auto;
	width: 397px;
	height: 65px;
	_width:400px;
	overflow-x: scroll;
   overflow-y: hidden;
}
#invspellsC {
	padding:2px 0px 0 3px;
	background: url('/ui/myspells.png') 0% 0% repeat-x;
	width: 790px;
	height: 50px;
}




/*------------------------ GUI AND HP / MP BARS -----------------------------*/
#gui_Top{
	background:transparent url(/ui/topGui.png) no-repeat left;
}

#gui_Top_IEfix{
	font-size:11px;
	color:#FFF;
	height:21px;
	_height:27px;
	vertical-align:bottom !important;
}

#gui_Disc{
	width:100px;
	height:100px;
}

#gui_Top_info{
	height:100px;
	padding:0;
	width:700px;
	vertical-align:middle;
}
#gui_Top_info table td{
	vertical-align:middle;
}

/*------------------------ DROPS WINDOW / BATTLE DROPS -----------------------*/

#gui_overlay {
	background-color:#000000;
	position:absolute;
	z-index: 10000;
}

#gui_dropwindow {
	background:transparent url(/ui/dropwindow.png) no-repeat;
	overflow:visible;
	visibility:hidden;
	padding:10px;
	padding-top:17px;
	color:#FFF;
	position:absolute;
	text-align:left;
	z-index: 10010;
	width:355;
	height:230;
}
/* -------------------------------- QUESTS -----------------------------------*/
.qmsg_gold,.qmsg_red{
	font-size:15px;
	font-weight:bold;
	color:#000;
	padding:10px;
	text-align:center;
}
.qmsg_gold{
	background:#FA0;
}

.qmsg_red{
	background:#D33;
}

#qaccept{
	width:200px;
	height: 50px;
	background:transparent url(/ui/quest.png) 0px -50px no-repeat;
	display:block;
	float:left;
}
#qdecline{
	width:200px;
	height: 50px;
	background:transparent url(/ui/quest.png) 0px 0px no-repeat;
	display:block;
	float:left;
    margin-left: 120px;
}
#qwon{
	width:200px;
	height: 50px;
	background:transparent url(/ui/quest.png) 0px -100px no-repeat;
	display:block;
}
/* -------------------------- ALERT BOX / ALERT MESSAGE ----------------------*/
#gui_overlay2 {
	background-color:#000000;
	position:absolute;
	z-index: 20000;
}

#gui_alertbox{
	position: absolute;
	visibility:hidden;
	z-index: 21000;
	background-color: #FFF;
	border: 2px solid #FA0;
	width:300px;
	text-align:center;
	-moz-border-radius : 4px;
}
#gui_alertbox_msg{
	background-color: #AAA;
	padding:10px;
	width:280px;
	_width:300px;
	text-align:left;
}


/* ----------- ALERT ----------- */
#modalContainer {
	background-color:transparent;
	position:absolute;
	visibility: visible;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:6;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:380px;
	min-height:50px;
	visiblity:hidden;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox .alertbox_corners{
 background:url(msgbox_corners.gif) repeat-y;
}

.alertbox_corners .alertbox_black{
 background: #000;
 margin-left:8px;
 margin-right:8px;
 padding-bottom:5px;
 text-align:center;
 filter:alpha(opacity=90);
 -moz-opacity:0.9;
 opacity: 0.9;
}

/* ----------- BATTLE ----------- */

.miss{background: url('/ui/attack_gray.gif') repeat-y;color: #ABA8A7;padding-left:10px;margin:0;} /* miss */
.attp{background: url('/ui/attack_green.gif') repeat-y;color: #DAFF46;padding-left:10px;margin:0;} /* player */
.attm{background: url('/ui/attack_red.gif') repeat-y;color: #FB3C4A;padding-left:10px;margin:0;} /* mob */

.magp{background: url('/ui/attack_blue.gif') repeat-y;color: #91DBFF;padding-left:10px;margin:0;} /* player spell */
.magm{background: url('/ui/attack_vio.gif') repeat-y;color: #FF91FC;padding-left:10px;margin:0;} /* mob magic*/

.g_win{color: #FECA16;background: url('/ui/attack_gold.gif') repeat-y;padding-left:10px;font-size:16px;font-weight:bold;}
.g_die{color: #FF1A1A;background: url('/ui/attack_red.gif') repeat-y;padding-left:10px;font-size:16px;font-weight:bold;}
.mg{float:left;width:50px;vertical-align:middle;}
.mgatt{border:2px #510000 solid;}
.mgatt2{border:2px #000051 solid;}
.mgatt:hover{border:2px #FE9F36 solid;cursor:pointer;}
.mgatt2:hover{border:2px #369FFE solid;cursor:pointer;}
.mgatt0{
border:2px #333 solid;
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
}


/* ----------- GUI ----------- */
button:hover {border:1px #aaa solid;color: #fee;}
button {
	background: #414141 url(button.gif);
	border:1px #000 solid;
	color: #b7bbbe;
	height: 26px;
	width: 129px;
}

.darkbox {
	background: #262a2d url(darkbox_bg.gif) repeat-x;
	border:2px #384043 solid;
	color: #b6b9be;
	padding:10px;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#chatwindow{
	overflow:hidden;
	width:676px;
}
select:hover,option:hover {color:#fff !important;}
select,option {
	background: #13171F url(shades.gif);
	border: 1px solid #242424;
	opacity: 0.5;
	padding:1px 4px;
	color:#fff;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:12px;
}

div.bar-c {
  border: 1px solid #444;
  width: 200px;
  margin: 2px 5px 2px 0;
  padding: 1px;
  float: left;
}

div.bar-c > div {
  background-color: #ACE97C;
  height: 12px
}

/*---------------- SHOP ---------*/

.myskills{
border:1px #444 solid;
background: #111;
}
.myskills tr{
border:1px #222 solid;
}
.myskills td{
padding-left:10px;
}
.skill-data{
position:absolute;
width:500px;
text-align:center;
}
.bar-color {
height:16px;
position:relative;
background:transparent url(/ui/bar-exalted.gif) repeat-x scroll 0%;
}
.bar2-color {
background-color: #222;
font: italic small-caps bold 12px arial;
}
.shop td{
  border:solid #333;
  border-width: 1px;
  padding:2px 16px;
  background: url(post-bg1.gif);
}

/*-------------------- SPELLS ------------------*/

.sblob {
background:transparent url(/ui/blob.png) no-repeat scroll 0 0;
cursor:default;
font-family:Verdana;
font-size:10px;
width: 16px;
height:14px;
padding:2px 0 0;
margin: 3px 0 0 5px;
position:relative;
top:-30px;
left:-5px;
}
.stile img{
top:2px;
position:relative;
}
.stile {
height:45px;
left:-6px;
top:-5px;
width:44px;
position:relative;
}
.sicon {
background-color:#232323;
height:34px;
width:34px;
}

.spell_list tr {
	background:#fff url(forum-list-sep.gif);
	height:48px;
	padding: 0 10px;
}
.spell_list_locked a{color:#433;}
.spell_list_locked tr {
	background:#fff url(forum-list-sep.gif);
	height:36px;
	padding: 0 10px;
	color:#334;
}


#equipedSpells .tt {
	cursor:pointer;
}