About

wowprog.upyursh.com utilizes WoWTrack.org but presents the information is a way that I wanted to see my guilds progress.

API and Customisation

The application has been designed to allow for a alot of customisation and configuration

Variables
You can provide a number of variables that can be used to either define a broad range of features within the presentation layer or load your guilds progression details. These are passed through the url for example: http://wowprog.upyursh.com/index.php?c=US&g=GuildName

Note these are case sensative and shown below;

variable	example	description
c	c=US	Country Code
r	r=Khaz'Goroth	Realm Name
g	g=Bizarro	Guild Name
style	style=http://wowprog.upyursh.com/style.css	Custom Style Sheet
exrt	exrt=y	Exclude Raid Title
exrp	exrp=y	Exclude Raid Progress
exet	exet=y	Exclude Encounter Title
exed	exed=y	Exclude Encounter Difficulty
exek	exek=y	Exclude Kill Details

Example Style Sheet

You can build your own CSS and host it offsite and use the style variable to point to it. Below is the live css file as a starting point for you; :D

/*
Theme Name: WoW Progression Page
*/

* {
 margin: 0;
 padding: 0;
}
/* static START */
* {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-family:Verdana;
}
h1 {font-size:150%;}
h2 {font-size:110%;}
h3 {font-size:100%;}
h4 {font-size:90%;}
h5 {font-size:70%;}
h6 {font-size:60%;}
img {
	border:0;
}

body { font-family:Tahoma,"BitStream vera Sans",Helvetica,Sans-serif; font-size:14px; }
p {
 color: #000;
 padding: 0;
 line-height:1.4em;
 margin: 8px 0;
 font-size:12px;
}

.upyr_main {
  width: 600px;
  padding: 10px;
  float: left;
	text-decoration:none;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	border:0px solid #000000;
}

.upyr_raid_progression {
  float: right;
  display:block;
  position: relative;
	text-decoration:bold;
	font-family:Verdana;
	font-weight:strong;
	font-size:11px;
  text-align: right;
}

.upyr_main_kill_details {
  float: right;
  display: block;
  padding-top: 42px;
  width: 600px;
  position: absolute;
	text-decoration:bold;
	font-family:Verdana;
	font-weight:normal;
  text-align: right;
	font-size:11px;
  border:0px solid #000000;
}

.upyr_main_kill_difficulty {
  float: right;
  display: block;
  padding: 2px;
  position: relative;
	text-decoration:bold;
	font-family:Verdana;
	font-weight:normal;
  text-align: right;
	font-size:12px;
  border:0px solid #000000;
}

.upyr_raid_title {
  float: left;
  display:block;
  position: relative;
  padding: 32px;
	text-decoration:none;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
}

.upyr_encounter_title {
  float: left;
  display:block;
  position: relative;
  padding-top: 14px;
  padding-left: 32px;
	text-decoration:none;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* FIRELANDS STYLING WOOOO! */

.upyr_raid_firelands {
  padding: 5px;
  float: center;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 90px;
	border:1px solid #000000;
  background-image:url('images/firelands.png');
}

/* KILLED */

.upyr_encounter_firelands_beththilac {
  padding: 5px;
  float: center;
  background: url(images/firelands-beththilac.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_firelands_lord_rhyolith {
  padding: 5px;
  float: center;
  background: url(images/firelands-rhyolith.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_firelands_alysrazor {
  padding: 5px;
  float: center;
  background: url(images/firelands-alysrazor.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_firelands_shannox {
  padding: 5px;
  float: center;
  background: url(images/firelands-shannox.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_firelands_baleroc {
  padding: 5px;
  float: center;
  background: url(images/firelands-baleroc.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_firelands_majordomo_staghelm {
  padding: 5px;
  float: center;
  background: url(images/firelands-majordomo.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_firelands_ragnaros {
  padding: 5px;
  float: center;
  background: url(images/firelands-ragnaros.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

/* NOT KILLED */

.upyr_encounter_firelands_beththilac_not_killed {
  padding: 5px;
  float: center;
  background: url(images/firelands-beththilac-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FF0000;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_firelands_lord_rhyolith_not_killed {
  padding: 5px;
  float: center;
  background: url(images/firelands-rhyolith-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FF0000;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_firelands_alysrazor_not_killed {
  padding: 5px;
  float: center;
  background: url(images/firelands-alysrazor-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FF0000;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_firelands_shannox_not_killed {
  padding: 5px;
  float: center;
  background: url(images/firelands-shannox-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FF0000;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_firelands_baleroc_not_killed {
  padding: 5px;
  float: center;
  background: url(images/firelands-baleroc-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FF0000;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_firelands_majordomo_staghelm_not_killed {
  padding: 5px;
  float: center;
  background: url(images/firelands-majordomo-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FF0000;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_firelands_ragnaros_not_killed {
  padding: 5px;
  float: center;
  background: url(images/firelands-ragnaros-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FF0000;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

/* DRAGON SOUL STYLING WOOOO! */

a {
	color: #FFFFFF;
	text-decoration:none;
}
	
a:hover {
	color: #FFFFFF;
  text-decoration:underline;
}

.upyr_raid_dragon_soul {
  padding: 5px;
  float: center;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 90px;
	border:1px solid #000000;
  background-image:url('images/dragonsoul.png');
}

.upyr_encounter_dragon_soul_morchok {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-morchok.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_morchok_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-morchok-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_dragon_soul_warlord_zonozz {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-warlordzonozz.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_warlord_zonozz_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-warlordzonozz-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_dragon_soul_yorsahj_the_unsleeping {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-yorsahj.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_yorsahj_the_unsleeping_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-yorsahj-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_dragon_soul_hagara_the_stormbinder {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-hagara.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_hagara_the_stormbinder_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-hagara-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_dragon_soul_ultraxion {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-ultraxion.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_ultraxion_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-ultraxion-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_dragon_soul_warmaster_blackhorn {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-warmasterblackhorn.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_warmaster_blackhorn_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-warmasterblackhorn-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_dragon_soul_spine_of_deathwing {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-spineofdeathwing.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_spine_of_deathwing_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-spineofdeathwing-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

.upyr_encounter_dragon_soul_madness_of_deathwing {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-madnessofdeathwing.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_dragon_soul_madness_of_deathwing_not_killed {
  padding: 5px;
  float: center;
  background: url(images/dragonsoul-madnessofdeathwing-not-killed.png) no-repeat;
	text-decoration:none;
	color:#90e1c3;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #CCCCCC;
}

/* Mogu'shan Vaults */

.upyr_raid_mogushan_vaults {
  padding: 5px;
  float: center;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 90px;
	border:1px solid #000000;
  background-image:url('images/mogushanvaults.png');
}

.upyr_encounter_terrace_of_endless_spring_stone_guard {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-stoneguard.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_feng_the_accursed {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-fengtheaccursed.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_garajal_the_spiritbinder {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-garajalthespiritbinder.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_the_spirit_kings {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-thespiritkings.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_elegon {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-elegon.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_will_of_the_emperor {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-willoftheemperor.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_stone_guard_not_killed {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-stoneguard-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_feng_the_accursed_not_killed {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-fengtheaccursed-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_garajal_the_spiritbinder_not_killed {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-garajalthespiritbinder-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_the_spirit_kings_not_killed {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-thespiritkings-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_elegon_not_killed {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-elegon-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_will_of_the_emperor_not_killed {
  padding: 5px;
  float: center;
  background: url(images/mogushanvaults-willoftheemperor-not-killed.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

/* HEART OF FEAR */

.upyr_raid_heart_of_fear {
  padding: 5px;
  float: center;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 90px;
	border:1px solid #000000;
  background-image:url('images/heartoffear.png');
}

.upyr_encounter_terrace_of_endless_spring_imperial_vizier_zorlok {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_blade_lord_tayak {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_garalon {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_wind_lord_meljarak {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_amber-shaper_unsok {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_grand_empress_shekzeer {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_imperial_vizier_zorlok_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_blade_lord_tayak_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_garalon_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_wind_lord_meljarak_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_amber-shaper_unsok_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_grand_empress_shekzeer_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

/* TERRACE OF ENDLESS SPRING */

.upyr_raid_terrace_of_endless_spring {
  padding: 5px;
  float: center;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 90px;
	border:1px solid #000000;
  background-image:url('images/terranceofendlessspring.png');
}

.upyr_encounter_terrace_of_endless_spring_protectors_of_the_endless {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_tsulong {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_lei_shi {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_sha_of_fear {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_protectors_of_the_endless_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_tsulong_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_lei_shi_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

.upyr_encounter_terrace_of_endless_spring_sha_of_fear_not_killed {
  padding: 5px;
  float: center;
  background: url(images/tmp-encounter.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 600px;
  height: 60px;
	border:1px solid #000000;
}

Home | Example | About