/* -------- General -----------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF;
}

h1 {
	font-size:14px !important;
}

div#Header {
	height:20px;
	background-image:url(../Images/Header.jpg);
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
}

img.Flag {
	position:relative;
  top:3px;
}

div#Main {
	margin:20px;
	background-color:#000000;
}

div#Equipment {
	margin:20px;
	background-color:#000000;	
}

div.Comments {
	text-align:right;
	font-size:12px;
	font-weight:bold;
}

div.Comments a,a:visited {
	color:#FFFFFF;
}

img.WaitingImage {
	position:relative;
	top:2px;	
}

ul.OptionList li {
	margin-bottom:20px;
}

p.Note {
	font-size:10px;
}

img.TouchButton {
	cursor:pointer;
	position:relative;
	top:5px;
	margin-left:2px;
	margin-right:2px;
	background-repeat:no-repeat;
	background-image:url(../Images/AllIcons.jpg);
	width:20px;
	height:20px;
}

img.Right {
	background-position:0px -20px;
}

/* -------- LEGEND -----------*/
table.LEGEND {
	border:none;
}

table.LEGEND td {
	vertical-align:top;
	font-size:12px;
	padding-right:20px;
}

ul.LEGEND {
	border:1px solid #999999;
	width:200px;
	cursor:pointer;
}

ul.LEGEND li{
	height:20px;
	margin: 1px;
	padding-left:25px;
	font-weight:bold;
	font-size:12px;	
	border:1px solid #666666;
	background-repeat:no-repeat;
	background-image:url(../Images/AllIcons.jpg);
}

li.LEGEND_SHADOWBOLT {
	background-color:#9900FF;
	background-position:0px -220px;
}

li.LEGEND_INCINERATE {
	background-color:#CC6600;
	background-position:0px -200px;
}

li.LEGEND_IMMOLATION {
	background-color:#FFCC00;
	background-position:0px -180px;
}

li.LEGEND_CONFLAGRATE {
	background-color:#CC3300;
	background-position:0px -40px;
}

li.LEGEND_CORRUPTION {
	background-color:#990000;
	background-position:0px -60px;
}

li.LEGEND_CURSESHADOW {
	background-color:#000099;
	background-position:0px -140px;
}

li.LEGEND_CURSEELEMENTS {
	background-color:#9933CC;
	background-position:0px -120px;
}

li.LEGEND_CURSEAGONY {
	background-color:#996600;
	background-position:0px -80px;
}

li.LEGEND_SIPHONLIFE {
	background-color:#006600;
	background-position:0px -240px;
}

li.LEGEND_DRAINLIFE {
	background-color:#339900;
	background-position:0px -160px;
}

li.LEGEND_LIFETAP {
	background-color:#A0328B;
	background-position:0px -280px;
}

li.LEGEND_UNSTABLEAFFLICTION {
	background-color:#660000;
	background-position:0px -260px;
}

/* -------- Proxy Objects -----------*/
div.PROXY_SHADOWBOLT {
	width:60px;
	height:20px;
	background-color:#9900FF;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -220px;	
}

div.PROXY_IMMOLATION {
	width:60px;
	height:20px;
	background-color:#FFCC00;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -180px;
}
div.PROXY_INCINERATE {
	width:60px;
	height:20px;
	background-color:#CC6600;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -200px;
}

div.PROXY_CONFLAGRATE {
	width:60px;
	height:20px;
	background-color:#CC3300;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -40px;
}

div.PROXY_CORRUPTION {
	width:60px;
	height:20px;
	background-color:#990000;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -60px;
}

div.PROXY_CURSESHADOW {
	width:60px;
	height:20px;
	background-color:#000099;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -140px;	
}

div.PROXY_CURSEELEMENTS {
	width:60px;
	height:20px;
	background-color:#9933CC;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -120px;
}

div.PROXY_CURSEAGONY {
	width:60px;
	height:20px;
	background-color:#996600;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -80px;	
}

div.PROXY_SIPHONLIFE {
	width:60px;
	height:20px;
	background-color:#006600;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -240px;
}

div.PROXY_DRAINLIFE {
	width:60px;
	height:20px;
	background-color:#339900;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -160px;	
}

div.PROXY_UNSTABLEAFFLICTION {
	width:60px;
	height:20px;
	background-color:#660000;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -260px;
}	

div.PROXY_LIFETAP {
	width:60px;
	height:20px;
	background-color:#A0328B;
	background-image:url(../Images/AllIcons.jpg);
	background-repeat:no-repeat;
	background-position:0px -280px;
}	
/* -------- TIME LINE -----------*/

ul.TIME {
	height:20px;
	width:600px;
	border:1px solid #FFFFFF;
	margin-left:1px;
}

ul.TIME li {
	height:20px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(../Images/AllIcons.jpg);
}

li.TIME_SHADOWBOLT30 {
	width:60px;
	background-color:#9900FF;
	background-position:0px -220px;
}
li.TIME_SHADOWBOLT29 {
	width:58px;
	background-color:#9900FF;
	background-position:0px -220px;
}
li.TIME_SHADOWBOLT28 {
	width:56px;
	background-color:#9900FF;
	background-position:0px -220px;
}
li.TIME_SHADOWBOLT27 {
	width:54px;
	background-color:#9900FF;
	background-position:0px -220px;
}
li.TIME_SHADOWBOLT26 {
	width:52px;
	background-color:#9900FF;
	background-position:0px -220px;
}
li.TIME_SHADOWBOLT25 {
	width:50px;
	background-color:#9900FF;
	background-position:0px -220px;
}

li.TIME_IMMOLATION20 {
	width:40px;
	background-color:#FFCC00;
	background-position:0px -180px;
}

li.TIME_IMMOLATION19 {
	width:38px;
	background-color:#FFCC00;
	background-position:0px -180px;
}

li.TIME_IMMOLATION18 {
	width:36px;
	background-color:#FFCC00;
	background-position:0px -180px;
}

li.TIME_IMMOLATION17 {
	width:34px;
	background-color:#FFCC00;
	background-position:0px -180px;
}

li.TIME_IMMOLATION16 {
	width:32px;
	background-color:#FFCC00;
	background-position:0px -180px;
}

li.TIME_IMMOLATION15 {
	width:30px;
	background-color:#FFCC00;
	background-position:0px -180px;
}

li.TIME_INCINERATE {
	width:50px;
	background-color:#CC6600;
	background-position:0px -200px;
}

li.TIME_CONFLAGRATE {
	width:30px;
	background-color:#CC3300;
	background-position:0px -40px;
}

li.TIME_CORRUPTION20 {
	width:40px;
	background-color:#990000;	
	background-position:0px -60px;
}

li.TIME_CORRUPTION16 {
	width:32px;
	background-color:#990000;	
	background-position:0px -60px;
}

li.TIME_CORRUPTION12 {
	width:30px;
	background-color:#990000;	
	background-position:0px -60px;
}

li.TIME_CORRUPTION8 {
	width:30px;
	background-color:#990000;	
	background-position:0px -60px;
}

li.TIME_CORRUPTION4 {
	width:30px;
	background-color:#990000;	
	background-position:0px -60px;
}

li.TIME_CORRUPTION0 {
	width:30px;
	background-color:#990000;	
	background-position:0px -60px;
}

li.TIME_CURSESHADOW {
	width:30px;
	background-color:#000099;	
	background-position:0px -140px;
}

li.TIME_CURSEELEMENTS {
	width:30px;
	background-color:#9933CC;
	background-position:0px -120px;
}

li.TIME_CURSEAGONY {
	width:30px;
	background-color:#996600;
	background-position:0px -80px;
}

li.TIME_SIPHONLIFE {
	width:30px;
	background-color:#006600;
	background-position:0px -240px;
}

li.TIME_DRAINLIFE {
	width:100px;
	background-color:#339900;
	background-position:0px -160px;
}

li.TIME_UNSTABLEAFFLICTION {
	width:30px;
	background-color:#660000;
	background-position:0px -260px;
}

li.TIME_LIFETAP {
	width:30px;
	background-color:#A0328B;
	background-position:0px -280px;
}
/* -------- TALENTS LIST -----------*/
div#Talents {
	margin:10px;
	background-color:#000000;
}

div#Talents p {
	padding-bottom:10px;
	font-size:10px;
	text-align:justify;	
}

.x-layout-collapsed-east{
   background-image: url(../Images/TalentSelection.png);
   background-repeat:no-repeat;
   background-position:center;
}

ul.TalentList {
	font-size:12px;
	margin-left:5px;
}

ul.TalentList li {
	margin-top:5px;
	margin-bottom:10px;
}

ul.PetSacrifice {
	margin-top:5px;
	margin-left:10px;
}

/* -------- EQUIPMENT LIST -----------*/
div#Equipment {
	margin:10px;
	background-color:#000000;
}

div#Equipment p {
	padding-bottom:10px;
	font-size:10px;
	text-align:justify;
}

div.Separator {
	width:100%;
	position:relative;
	top:10px;
	border-top:1px solid #FFFFFF;
	margin-bottom:10px;
}

.x-layout-collapsed-west{
   background-image: url(../Images/EquipmentCustomization.png);
   background-repeat:no-repeat;
   background-position:center;
}

ul.EquipmentList {
	font-size:12px;
}

ul.EquipmentList li {
	margin-bottom:10px;
}

/* -------- POPUP (SEND/HELP) BOX -----------*/
div#MESSAGE_SUCCESS {
	margin-top:10px;
	color:#009900;
	font-weight:bold;
}

div#MESSAGE_FAIL {
	margin-top:10px;
	color:#CC3300;
	font-weight:bold;	
}

div.inner-tab {
	color:#000000;
	font-size:12px;
}

div.inner-tab h4 {
	font-weight:bold;
	color:#666666;
	margin-top:20px;
}