/*
	jTip
	----
*/

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy {font-size: 1.1em;}

#JT_arrow_left{
	background-image: url('/layout/images/jtip/arrow_left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url('/layout/images/jtip/images/arrow_right.gif');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:0;
	text-align: left;
	background-color: 	#fff;
}

.JT_loader{
	background-image: url('/layout/images/jtip/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

.jTip{
cursor:help;
}

/**
* Player information
*/
#JT_copy dl {
	margin:				0;
	padding:			5px;
	color:				#6a6a6a;
}

#JT_copy dl dt {
	width: 			7em;
	text-align:		right;
	font-weight:	bold;
	color:			#6a6a6a;
	line-height:	150%;
	float:			left;
}

#JT_copy dl dd {
  	padding-left:	8em;
	text-align:		left;
	color:			#6a6a6a;
	line-height:	150%;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}





.armory_display {
	padding:5px;
}

.armory_display img {
	margin:0;
	border: 0;
}

img.armory_char_prof {
	border:none;
	float:left;
	padding-right:10px;
	padding-left:5px;
	padding-bottom:5px;
}



span.armory_char_info {
	font-size:90%;	
}

div.roster_equip_item a {
display:block;position:absolute;z-index:20;left:0px;top:0px;width:53px;height:53px;background-position:1px 0;background-repeat:no-repeat;background-color:transparent;
}
div.roster_equip_item a:hover {
	background-position: 1px 0;
}

div.roster_equip .item ins {
	display:	block;
	position:	absolute;
	width:		32px;
	height:		32px;
	top:		0;
	left:		0;
	z-index:	10;
	background:	transparent url('/layout/images/items/icon_border_medium.png') no-repeat scroll 0 0;
}


ul.armory_equip_list li a, ul.armory_achiev_list li a {
	background-image:none !important;
}

img.armory_item_icon {
	padding:2px !important;
}



ul.armory_prof_list, ul.armory_achiev_list {
	list-style:none !important;
}

ul.armory_prof_list li, ul.armory_achiev_list li {
 background-image:none !important;
}



ul.armory_achiev_list li {
	display:block;
	margin:3px !important;
	height: 27px;
}


img.armory_achiev_icon {
	padding-right:10px;
	float: left;
}



span.armory_prof_name {
 font-weight:bold;
}

span.active_spec {
/*	border:1px #000 dashed;*/
	padding-right:5px;
}

span.inactive_spec {
	margin-left:10px;
}

div.wa-model {
	text-align:center;
	height:400px;
	width:100%;
	display:inline;
	text-align:center;
}

div.wa-load {
	display:none;
	text-align:center;
	height:400px;
	width:100%;
	vertical-align:middle;
}
/* autocomplete */
.ac_input {
	width: 200px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

dl.prog_bar, dt.prog_bar, dd.prog_bar{margin:0;padding:0;}

dd.prog_bar {
	width:204px;
	height:23px;
	position:relative;
	overflow:hidden;
	color: white;
}

dd.prog_bar span.back {
	position:absolute;
	display:block;
	width:204px;
	height:23px;
	top:0px;
	left:0px;
	overflow:hidden;
	background:url(prog_back.png) no-repeat 0 0;
	text-indent:-8000px;
}

dd.prog_bar span.bar{
	position:absolute;
	display:block;
	width:204px;
	height:23px;
	background:url(prog_bar.png) no-repeat 0 0;
	top:0px;
	overflow:hidden;
	text-indent:-8000px;
}
dd.prog_bar em{
	position:absolute;
	display:block;
	width:204px;
	height:23px;
	background:url(prog_frame.png) repeat-x;
	top:0;
	left:0;
	overflow:hidden;
	text-indent:-8000px;
}

dd.prog_bar span.caption {
	position:absolute;
	display:block;
	width:204px;
	height:23px;
	padding-top:4px;
	padding-left: 22px;
	font-weight:bold;
	top:0;
	left:0;
	overflow:hidden;
}

.apoints {
	background:url(shield.gif) 5px 5px no-repeat !important;
}

p.apoints-text {
	background:url(shield.gif) 5px 5px no-repeat !important;
	padding-top:4px;
	padding-left: 22px;
	font-weight:bold;
}

















/* 2 column left menu settings */
.leftmenu-roster .colright {
	float:left;
	width:200%;
	position:relative;
	left:500px;
}
.leftmenu-roster .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:500px;
	padding-bottom:1em;
}
.leftmenu-roster .col1 {
	margin:0 15px 0 490px;
	position:relative;
	right:100%;
	overflow:hidden;
}
.leftmenu-roster .col2 {
	float:left;
	width:490px;
	position:relative;
	right:500px;
}