/**
 * RESET (inspired from yahoo reset & fonts 2.7.0 - don't mess with this one)
 *
 * I only use these html tags, so the reset only applies to the following:
 *		div, span, p, br, pre
 *		h1, h2, h3, h4, h5, h6
 *		a, img, map, area
 *		object, param
 *		ul, ol, li
 *		form, label, input, textarea, select, option, optgroup, button
 *		em, b, i, ins, del, sub, sup
 */
 
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

li {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

img, input, select, textarea {
	vertical-align: middle;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

:focus {
	outline: none;
}

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
}

select, input, button, textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}
/**
 * MAIN css file
 *
 * Use the text 'STATIC_SITE_URL' for the image url(). PHP will replace it with the static url you defined in settings. 
 * Example: background-image: url(http://static.degony.com/myimage.jpg);
 */
 
.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

p.form-elem {
	padding-bottom: 5px;
}

input.form-box, textarea.form-box, select.form-box, button.form-box {
	width: 98%;
	border: 2px solid #673F1C;
	background-color: transparent;
}

.form-errors {
	height: 16px;
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	color: #F00000;
	overflow: hidden;
}

.form-success {
	margin-top: 5px;
	text-align: center;
	font-style: italic;
}

html {
	overflow-x: hidden;	/* doesn't work on opera */
	cursor: url(http://static.degony.com/cursors/default.cur),default;
}

html a {
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

body {
	background-color: #000000;
}

.prefill-field {
	color: #4B4B4B;
}

/* layout wrappers */

.site {
	width: 1010px;
	height: 1094px;
	margin: 0 auto;
	font-family: Georgia, Verdana, Serif;
	color: #000000;
}

.site a {
	text-decoration: none;
	color: #000000;
}

.site a:hover {
	text-decoration: underline;
}

a.important {
	text-decoration: underline;
}

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

#site-left {
	float: left;
	width: 264px;
	height: 100%;
	margin-left: -264px;
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: 0 0;
}

#site-middle {
	float: left;
	width: 1010px;
	height: 100%;
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -264px 0;
}

#site-right {
	float: left;
	width: 219px;
	height: 100%;
	margin-right: -219px;
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -1274px 0;
}

/* top, header */

a#top-contact {
	float: left;
	display: block;
	width: 165px;
	height: 203px;
	margin: 0 0 -203px -165px;
}

a#top-contact-text {
	float: left;
	display: block;	
	width: 65px;
	height: 20px;
	margin: 60px -85px -80px 20px;
	font-size: 11px;
	color: #F3E5B9;
}

a#top-contact-hover {
	float: left;
	display: block;
	width: 338px;
	height: 421px;
	margin: 0 0 -421px -216px;
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -1493px 0;
}

#top-header {
	height: 245px;
}

a#top-screenshots {
	float: left;
	display: block;
	width: 189px;
	height: 130px;
	margin: 115px 0 0 0;
}

a#top-artwork {
	float: left;
	display: block;
	width: 195px;
	height: 130px;
	margin: 115px 0 0 110px;
}

a#top-header-banner {
	float: left;
	display: block;
	width: 406px;
	height: 245px;
	margin-left: 110px;	
}

#top-browser {	/* only applies to IE < 7 */
	float: left;
	width: 300px;
	height: 45px;
	margin: 100px 0 0 285px;
	padding-top: 55px;
	text-align: center;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: 0 -456px;
}

#top-browser-standalone {	/* only applies to IE < 7 */
	width: 300px;
	height: 45px;
	margin: 200px auto 0 auto;
	padding-top: 55px;
	text-align: center;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: 0 -456px;
}

/* middle */

#middle-content {
	clear: both;
	float: left;
	width: 1010px;
	height: 658px;
	overflow: hidden;
}

img#middle-loading {
	display: block;
	margin: 200px auto 0 auto;
}

/* screenshot & artwork flags with thumbnails */

#top-screenshots-hover {
	float: left;
	width: 151px;
	height: 414px;
	margin: -42px -162px 0 -1010px;
	padding: 42px 0 0 11px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: 0 0;
}

#top-artwork-hover {
	float: left;
	width: 151px;
	height: 413px;
	margin: -41px 0 0 -182px;
	padding: 42px 0 0 11px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -162px 0;
}

a#top-screenshot-1, a#top-screenshot-2, a#top-screenshot-3, a#top-artwork-1, a#top-artwork-2, a#top-artwork-3 {
	display: block;
	width: 137px;
	height: 108px;
	margin-bottom: 10px;
	background-image: url(http://static.degony.com/media/small-v1.jpg);
}

a#top-screenshot-1 {
	background-position: 0 0;
}

a#top-screenshot-1:hover {
	background-position: 0 -108px;
}

a#top-screenshot-2 {
	background-position: -137px 0;
}

a#top-screenshot-2:hover {
	background-position: -137px -108px;
}

a#top-screenshot-3 {
	background-position: -274px 0;
}

a#top-screenshot-3:hover {
	background-position: -274px -108px;
}

a#top-artwork-1, a#top-artwork-2, a#top-artwork-3, a#top-artwork-1, a#top-artwork-2, a#top-artwork-3 {
	display: block;
	width: 137px;
	height: 108px;
	margin-bottom: 10px;
	background-image: url(http://static.degony.com/media/small-v1.jpg);
}

a#top-artwork-1 {
	background-position: -411px 0;
}

a#top-artwork-1:hover {
	background-position: -411px -108px;
}

a#top-artwork-2 {
	background-position: -548px 0;
}

a#top-artwork-2:hover {
	background-position: -548px -108px;
}

a#top-artwork-3 {
	background-position: -685px 0;
}

a#top-artwork-3:hover {
	background-position: -685px -108px;
}

/* bottom, footer */

#bottom-copyright {
	float: left;
	width: 95px;
	padding: 167px 0 0 11px;	
	font-size: 11px;	
}

#bottom-copyright a {
	color: #F3E5B9;
}

a#bottom-community {
	float: left;
	display: block;
	width: 220px;
	height: 118px;
	margin: 73px 0 0 33px;
	background-position: -1493px -879px;
}

a#bottom-news {
	float: left;
	display: block;
	width: 122px;
	height: 154px;
	margin: 35px 0 0 -1px;
	background-position: -1713px -879px;
}

a#bottom-home {
	float: left;
	display: block;
	width: 124px;
	height: 103px;
	margin: 1px 0 0 -44px;
	background-position: -1835px -879px;
}

a#bottom-media {
	float: left;
	display: block;
	width: 134px;
	height: 128px;
	margin: 63px 0 0 -45px;
	background-position: -1959px -879px;
}

a#bottom-guide {
	float: left;
	display: block;
	width: 139px;
	height: 125px;
	margin: 66px 0 0 40px;
	background-position: -2093px -879px;
}

a#bottom-community:hover, a#bottom-news:hover, a#bottom-home:hover, a#bottom-media:hover, a#bottom-guide:hover {
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
}

#bottom-legal {
	float: left;
	width: 128px;
	height: 240px;
	margin: -55px -2px 0 55px;
}

a#bottom-game-rules {
	display: block;
	width: 100%;
	height: 63px;
	background-position: -2007px -496px;
}

a#bottom-terms-of-use {
	display: block;
	width: 100%;
	height: 55px;
	background-position: -2007px -559px;
}

a#bottom-privacy-policy {
	display: block;
	width: 100%;
	height: 49px;	
	background-position: -2007px -614px;
}

a#bottom-copyright-notices {
	display: block;
	width: 100%;
	height: 73px;
	background-position: -2007px -663px;
}

a#bottom-game-rules:hover, a.bottom-game-rules-hover, a#bottom-terms-of-use:hover, a.bottom-terms-of-use-hover, a#bottom-privacy-policy:hover, a.bottom-privacy-policy-hover, a#bottom-copyright-notices:hover, a.bottom-copyright-notices-hover {
	background-image: url(http://static.degony.com/site-layout-v1.jpg) !important;
}

/* not-found page */

h1#title-notfound {
	width: 646px;
	height: 47px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -334px -342px;
}

#notfound-text {
	width: 810px;
	height: 163px;
	margin: 28px 0 0 71px;
	overflow: hidden;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -2172px -342px;
}

a#notfound-link-back {
	display: block;
	float: left;
	width: 160px;
	height: 30px;
	margin: 110px 0 0 226px;
	_margin-left: 113px;	/* fix IE 6 */
}

a#notfound-link-index {
	display: block;
	clear: both;
	float: left;
	width: 120px;
	height: 30px;
	margin: 0 0 0 98px;
	_margin-left: 49px;	/* fix IE 6 */
}

#notfound-image {
	width: 396px;
	height: 496px;
	margin: -91px 0 0 469px;
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -1831px 0;
}

/* unauthorized page */

h1#title-unauthorized {
	width: 680px;
	height: 44px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -334px -389px;
}

#unauthorized-text {
	width: 554px;
	height: 48px;
	margin: 44px 0 0 200px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -2172px -505px;
}

a#unauthorized-link {
	display: block;
	float: left;
	width: 50px;
	height: 25px;
	margin: 25px 0 0 342px;
	_margin-left: 171px;	/* fix IE 6 */
}

#unauthorized-image {
	width: 514px;
	height: 383px;
	margin: 76px 0 0 338px;
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -1493px -496px;
}

/* maintenance page */

#maintenance-left {
	float: left;
	width: 264px;
	height: 100%;
	margin-left: -264px;
	background-image: url(http://static.degony.com/site-maintenance-v1.jpg);
	background-position: 0 0;
}

#maintenance-middle {
	float: left;
	width: 1010px;
	height: 100%;
	background-image: url(http://static.degony.com/site-maintenance-v1.jpg);
	background-position: -264px 0;
}

#maintenance-right {
	float: left;
	width: 219px;
	height: 100%;
	margin-right: -219px;
	background-image: url(http://static.degony.com/site-maintenance-v1.jpg);
	background-position: -1274px 0;
}

/* legal page */

h1#title-game-rules {
	width: 525px;
	height: 45px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -334px -433px;
}

h1#title-terms-of-use {
	width: 554px;
	height: 43px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -334px -478px;
}

h1#title-privacy-policy {
	width: 574px;
	height: 47px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -334px -521px;
}

h1#title-copyright-notices {
	width: 642px;
	height: 44px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1014px -342px;
}

#legal-text {
	width: 626px;
	height: 500px;
	margin: 20px auto;
	line-height: 20px;
	text-align: justify;
	font-weight: bold;
	overflow: hidden;
}

#legal-text p {
	padding-bottom: 10px;
}

#legal-text h6 {
	padding: 5px 0;
	font-size: 18px;
	font-weight: bold;
}

#legal-text ul {
	padding-left: 20px;
}

#legal-text li {
	padding: 3px 0;
	list-style: disc outside none;
}

/* guide page */

#guide-menu {
	float: left;
	width: 112px;
	height: 545px;
	margin-left: 160px;
	_margin-left: 80px;	/* fix IE 6 */
}

#guide-title {
	width: 65px;
	height: 24px;
	margin: 18px 0 13px 0;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1696px -392px;
}

a.guide-link {
	display: block;
	width: 100%;
	height: 24px;
	font-size: 17px;
	font-weight: bold;
	color: #431900;
}

a.guide-link:hover, a.guide-link-hover {
	text-decoration: underline;
	color: #9F3B00;
}

#guide-separator {
	float: left;
	width: 10px;
	height: 491px;
	margin: 33px 21px 0 5px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -324px 0;
}

#guide-text {
	float: left;
	width: 520px;
	height: 545px;
	margin-top: 16px;
	line-height: 20px;
	text-align: justify;
	font-weight: bold;
	overflow: hidden;
}

#guide-text h3, #guide-text p {
	font-weight: bold;
	padding-bottom: 10px;
}

#guide-text ul {
	padding-left: 20px;
	padding-bottom: 10px;
}

#guide-text li {
	padding: 3px 0;
	list-style: disc outside none;
}

/* contact page */

#content-small-frame {
	width: 436px;
	height: 252px;
	margin: 0 auto;
	padding: 45px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -334px 0;
}

#contact-title {
	width: 84px;
	height: 17px;
	margin: 10px 0;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1696px -416px;
}

form#contact-form {
	width: 420px;
	padding-top: 5px;
}

input#form-elem-send-submit-button, input#form-elem-login-submit-button, input#form-elem-join-submit-button {
	width: 95px;
	height: 48px;
	margin-left: -10px;
	border: none;	
	color: transparent;
	background-color: transparent;	
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1251px -264px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

input#form-elem-send-submit-button::-moz-focus-inner, input#form-elem-login-submit-button::-moz-focus-inner, input#form-elem-join-submit-button::-moz-focus-inner {
	border: none;
}

input#form-elem-send-submit-button:hover {
	background-position: -1346px -264px;
}

#contact-extra {
	width: 550px;
	margin: 35px auto 0 auto;
	text-align: center;
}

#contact-extra p {
	padding-bottom: 25px;
}

/* media page */

#media-title {
	height: 50px;
	margin: -3px 0 0 157px;
}

a#media-title-screenshots {
	display: block;
	float: left;
	width: 177px;
	height: 50px;	
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -2007px -736px;
}

a#media-title-screenshots:hover, a.media-title-screenshots-hover {
	background-position: -2007px -786px !important;
}

a#media-title-artwork {
	display: block;
	float: left;
	width: 161px;
	height: 50px;	
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -2184px -736px;
}

a#media-title-artwork:hover, a.media-title-artwork-hover {
	background-position: -2184px -786px !important;
}

a#media-title-wallpapers {
	display: block;
	float: left;
	width: 205px;
	height: 50px;	
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -2345px -736px;
}

a#media-title-wallpapers:hover, a.media-title-wallpapers-hover {
	background-position: -2345px -786px !important;
}

a#media-title-movies {
	display: block;
	float: left;
	width: 137px;
	height: 50px;	
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -2550px -736px;
}

a#media-title-movies:hover, a.media-title-movies-hover {
	background-position: -2550px -786px !important;
}

#media-body {
	width: 741px;
	height: 514px;
	margin: 0 auto;
	padding: 15px 0 5px 0;
	overflow: hidden;
}

a.media-image {
	display: block;
	float: left;
	width: 206px;
	height: 163px;
	margin: 0 0 12px 60px;
}

a.media-start {
	clear: both;
	margin-left: 0;
}

#media-empty {
	padding-top: 15px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

/* index play and login */

#play {
	height: 276px;
	margin-top: 105px;
	text-align: center;
}

a#play-link {
	display: block;
	width: 348px;
	height: 166px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -871px 0;
}

a#play-link:hover {
	background-position: -1219px 0;
}

a#play-logout {
	height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

.index-frame {
	width: 436px;
	height: 252px;
	margin: 17px auto 22px auto;
	padding: 45px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -334px 0;
	overflow: hidden;
}

.index-side {
	float: left;
	width: 207px;
	height: 100%;
}

.index-middle {
	float: left;
	width: 11px;
	height: 215px;
	margin: 17px 5px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -860px 0;
}

#login-title {
	width: 118px;
	height: 50px;
	margin: 0 auto 15px auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1696px -342px;
}

form.index-form {
	padding: 5px 0 0 10px;
	width: 90%;
}

#login-remember {
	width: 144px;
	height: 29px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1696px -490px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.login-remember-selected {
	background-position: -1696px -519px !important;
}

a#login-forgot-link {
	display: block;
	width: 153px;
	height: 17px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1696px -456px;
}

a#login-forgot-link:hover {
	background-position: -1696px -473px;
}

input#form-elem-login-submit-button {
	margin-top: 5px;
	background-position: -1061px -264px;
}

input#form-elem-login-submit-button:hover {
	background-position: -1156px -264px;
}

a.join-button {
	display: block;
	width: 154px;
	height: 98px;
	margin: 75px auto 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -871px -166px;
}

a.join-button:hover {
	background-position: -1025px -166px;
}

/* forgot */

#forgot-title {
	width: 196px;
	height: 23px;
	margin: 50px auto 30px auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1696px -433px;
}

a#forgot-login-link {
	display: block;
	float: left;
	width: 95px;
	height: 48px;
	margin-left: 5px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1061px -264px;
}

a#forgot-login-link:hover {
	background-position: -1156px -264px;
}

/* join */

.join-side {
	margin-top: -5px;
}

a#login-button {
	display: block;
	width: 151px;
	height: 98px;
	margin: 80px auto 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1179px -166px;
}

a#login-button:hover {
	background-position: -1330px -166px;
}

img#join-captcha {
	margin-left: -10px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#join-terms {
	width: 203px;
	height: 49px;
	margin-left: -10px;
}

#join-terms-checkbox {
	float: left;
	width: 22px;
	height: 27px;
	margin-right: 5px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1696px -492px;
}

.join-terms-checkbox-selected {
	background-position: -1696px -521px !important;
}

#join-terms-text {
	float: left;
	width: 176px;
	height: 49px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -506px;
}

a#join-game-rules {
	display: block;
	float: left;
	width: 79px;
	height: 17px;
	margin-top: 17px;
}

a#join-terms-of-use {
	display: block;
	float: left;
	width: 94px;
	height: 17px;
	margin: 17px 0 0 3px;
}

a#join-privacy-policy {
	display: block;
	clear: both;
	width: 107px;
	height: 17px;
	margin-left: 27px;
}

input#form-elem-join-submit-button {
	background-position: -871px -264px;
}

input#form-elem-join-submit-button:hover {
	background-position: -966px -264px;
}

/* short news */

#short-news {
	width: 750px;
	height: 210px;
	margin: 0 auto;
}

#short-news a {
	color: #000000;
}

.short-article-left {
	float: left;
	width: 355px;
	height: 100%;
	padding-right: 10px;
}

.short-article-right {
	float: right;
	width: 355px;
	height: 100%;
	padding-left: 10px;
}

a.short-article-title {
	display: block;
	float: left;
	width: 240px;
	height: 20px;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
}

.short-article-date {
	float: left;
	width: 115px;
	height: 20px;
	text-align: right;
	overflow: hidden;
}

.short-article-content {
	clear: both;
	height: 180px;
	padding-top: 10px;
	line-height: 17px;
	text-align: justify;
	overflow: hidden;
}

a#short-all-articles {
	display: block;
	clear: both;
	width: 75px;
	margin: 0 auto;	
}

/* pick character */

#pick-char-title {
	width: 639px;
	height: 46px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1014px -386px;
}

a#newchar-button {
	display: block;
	width: 244px;
	height: 98px;
	margin: 21px -311px -20px 67px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1481px -166px;
}

a#newchar-button:hover {
	background-position: -1725px -166px;
}

#create-char-slide {
	clear: both;
	width: 885px;
	height: 458px;
	margin-left: 39px;
	overflow: hidden;
}

#create-char-prelaunch {
	clear: both;
	width: 500px;
	height: 330px;
	margin: 58px auto 0 auto;
	line-height: 20px;
	text-align: justify;
	font-weight: bold;
}

#create-char-prelaunch p {
	padding-bottom: 10px;
}

.create-char-slide-container {
	float: left;
	height: 458px;
	text-align: center;
}

img.create-char-slide-image {
	display: block;
	margin: 90px 0 0 45px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

img.create-char-big-image {		/* contains only changes to the slide image */
	margin: 0 0 0 45px;
	cursor: url(http://static.degony.com/cursors/default.cur), default;
}

.create-char-slide-title {
	clear: both;
	width: 200px;
	margin-left: 45px;
	font-size: 15px;
	font-weight: bold;
}

.create-char-big-title {	/* contains only changes to the slide title */
	width: 350px;
	margin: 10px 0 10px 45px;
	font-size: 17px;
}

.create-char-slide-description {
	width: 350px;
	margin-left: 45px;
}

.pick-char-container, .pick-char-container .create-char-slide-container  {
	height: 430px !important;	/* make the height smaller */
}

.pick-char-container img.create-char-slide-image {
	float: left;
	margin-left: 75px;	/* 45 default + 20 extra */
}

.pick-char-container .create-char-big-title {
	width: 280px;
	margin: 10px 0 10px 75px;	/* 45 default + 20 extra */
}

.pick-char-delete, .pick-char-restore {
	float: left;
	width: 37px;
	height: 37px;
	margin: 5px 0 0 -37px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1567px -112px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.pick-char-delete:hover {
	background-position: -1604px -112px;
}

.pick-char-restore {
	background-position: -1641px -112px;
}

.pick-char-restore:hover {
	background-position: -1678px -112px;
}

.pick-char-delete-status .create-char-slide-title {
	color: #F00000;
}

#pick-char-play {
	clear: both;
	width: 132px;
	height: 60px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1441px -264px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#pick-char-play:hover {
	background-position: -1573px -264px;
}

#create-char-play {
	float: left;
	width: 132px;
	height: 60px;
	margin-left: 36px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1441px -264px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#create-char-play:hover {
	background-position: -1573px -264px;
}

a#create-char-cancel {
	float: left;
	width: 132px;
	height: 60px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -2233px -264px;
}

a#create-char-cancel:hover {
	background-position: -2365px -264px;
}

#create-char-prev {
	float: left;
	width: 132px;
	height: 60px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1705px -264px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#create-char-prev:hover {
	background-position: -1837px -264px;
}

#create-char-next {
	float: left;
	width: 132px;
	height: 60px;
	margin-left: 36px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1969px -264px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#create-char-next:hover {
	background-position: -2101px -264px;
}

/* create character :: race-gender */

#create-char-title {
	width: 682px;
	height: 44px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1014px -432px;
}

#create-race-subtitle-container {
	width: 401px;
	height: 57px;
	margin: 10px auto;
}

#create-race-female {
	float: left;
	width: 54px;
	height: 54px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1715px -112px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#create-race-female:hover, .create-race-female-hover {
	background-position: -1769px -112px !important;
}

#create-race-subtitle {
	float: left;
	width: 203px;
	height: 20px;
	margin: 17px 45px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -464px;
}

#create-race-male {
	float: left;
	width: 54px;
	height: 54px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1823px -112px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#create-race-male:hover, .create-race-male-hover {
	background-position: -1877px -112px !important;
}

#create-char-buttons {
	clear: both;
	width: 300px;
	height: 60px;
	margin: 0 auto;
	padding-top: 15px;
}

/* create character :: profession */

#create-profession-subtitle {
	width: 127px;
	height: 22px;
	margin: 26px auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -484px;
}

/* create character :: visual */

#create-visual-subtitle {
	width: 280px;
	height: 22px;
	margin: 26px auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -342px;
}

/* create character :: name */

#create-name-subtitle {
	width: 61px;
	height: 16px;
	margin: 100px auto 68px auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -364px;
}

input#create-name-input {
	display: block;
	width: 310px;
	height: 56px;
	margin: 0 auto;
	border: 2px solid #431900;
	font-size: 50px;
	background-color: transparent;
}

img#create-name-loading {
	display: block;
	height: 16px;
	margin: 10px auto -26px auto;
}

#create-name-validation {
	height: 20px;
	line-height: 20px;
	margin: 10px 0 245px 0;
	text-align: center;
	font-size: 17px;
	color: #F00000;
}

/* create character :: confirm */

#create-confirm-title {
	width: 751px;
	height: 45px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -945px -476px;
}

#create-confirm-name-title {
	float: left;
	width: 67px;
	height: 16px;
	margin: 28px 23px 0 419px;
	_margin-left: 210px;	/* fix IE 6 */
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -380px;
}

#create-confirm-name {	
	float: left;
	margin-top: 23px;
	font-size: 19px;
	font-weight: bold;
	color: #431900;
}

#create-confirm-race-title {
	float: left;
	width: 139px;
	height: 17px;
	margin: 15px 111px 0 312px;
	_margin-left: 156px;	/* fix IE 6 */
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -396px;
}

#create-confirm-profession-title {
	float: left;
	width: 99px;
	height: 18px;
	margin-top: 15px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -413px;
}

img.create-confirm-left-image {
	display: block;
	float: left;	
	margin: 11px 35px 0 283px;
	_margin-left: 142px;	/* fix IE 6 */
}

img.create-confirm-right-image {
	display: block;
	float: left;	
	margin-top: 11px;
}

img.create-confirm-appearance-margin {
	margin-left: 20px;
}

#create-confirm-portrait-title {
	float: left;
	width: 85px;
	height: 18px;
	margin: 11px 140px 0 342px;
	_margin-left: 171px;	/* fix IE 6 */
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -431px;
}

#create-confirm-appearance-title {
	float: left;
	width: 110px;
	height: 15px;
	margin-top: 11px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1892px -449px;
}

/* account confirmation */

h1#title-confirmation {
	width: 703px;
	height: 44px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -993px -521px;
}

#confirmation-text-success, #confirmation-text-error {
	width: 652px;
	height: 48px;
	margin: 44px 0 0 170px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -2199px 0;
}

#confirmation-text-error {
	background-position: -2199px -48px;
}

a#confirmation-link {
	display: block;
	float: left;
	width: 50px;
	height: 20px;
	margin: 27px 0 0 191px;
	_margin-left: 95px;	/* fix IE 6 */
}

#confirmation-image {
	width: 657px;
	height: 491px;
	margin: 31px 0 0 356px;
	background-image: url(http://static.degony.com/site-layout-v1.jpg);
	background-position: -2227px 0;
}

/* pagination */

#pagination {
	clear: both;
	width: 632px;
	height: 70px;
	margin: 0 auto;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1567px 0;
}

#pagination-previous, a#lightbox-nav-btnPrev {
	display: block;
	float: left;
	width: 157px;
	height: 42px;
	margin: 25px 0 0 12px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1567px -70px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#pagination-previous:hover, a#lightbox-nav-btnPrev:hover {
	background-position: -1724px -70px;
}

#pagination-page, #lightbox-image-details-currentNumber {
	float: left;
	width: 110px;
	height: 20px;
	margin: 37px 0 0 91px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}

#pagination-next, a#lightbox-nav-btnNext {
	display: block;
	float: left;
	width: 157px;
	height: 42px;
	margin: 25px 0 0 90px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1881px -70px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#pagination-next:hover, a#lightbox-nav-btnNext:hover {
	background-position: -2038px -70px;
}
/**
 * GAME css file
 *
 * Use the text 'STATIC_SITE_URL' for the image url(). PHP will replace it with the static url you defined in settings. 
 * Example: background-image: url(http://static.degony.com/myimage.jpg);
 */

.color-me {
	color: #00FFFF;
}

.color-friend {
	color: #00FF00;
}

.color-enemy {
	color: #FF00FF;
}

.game {
	width: 1024px;
	height: 575px;
	margin: 0 auto;
	color: #FFFFFF;
}

.game, #window-combatlog, #window-chat-options, #window-quickskills, #window-zone, #window-endbattle-pve, #window-endbattle-pvp, #window-stats, #window-menu, 
#window-character, #window-skills, #window-inventory, #window-notifications, #window-notification-player, #window-party-loot, #window-loading, #window-saving {
	user-select: none;	/* w3c */
	-moz-user-select: -moz-none; /* firefox */
	-khtml-user-select: none; /* safari, chrome */
}

.game a {
	text-decoration: none;
	color: #FFFFFF;
}

.game a:hover {
	text-decoration: none;
}

#main-left {
	float: left;
	width: 189px;
	height: 575px;
	margin-left: -189px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: 0 0;
}

#main-buttons {
	float: left;
	width: 70px;
	height: 100%;
}

#main-button-character {
	width: 100%;
	height: 47px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-character:hover, .main-button-character-hover {
	background-position: -259px 0 !important;
}

#main-button-skills {
	width: 100%;
	height: 53px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -47px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-skills:hover, .main-button-skills-hover {
	background-position: -259px -47px !important;
}

#main-button-inventory {
	width: 100%;
	height: 53px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -100px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-inventory:hover, .main-button-inventory-hover {
	background-position: -259px -100px !important;
}

#main-button-bounties {
	width: 100%;
	height: 53px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -153px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-bounties:hover, .main-button-bounties-hover {
	background-position: -259px -153px !important;
}

#main-button-guild {
	width: 100%;
	height: 53px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -206px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-guild:hover, .main-button-guild-hover {
	background-position: -259px -206px !important;
}

#main-button-menu {
	width: 100%;
	height: 53px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -259px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-menu:hover, .main-button-menu-hover {
	background-position: -259px -259px !important;
}

#main-button-xp {
	width: 100%;
	height: 163px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -312px;
}

#main-button-xp-container {
	width: 48px;
	height: 163px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -149px -142px;
}

#main-button-xp-number {
	width: 43px;
	height: 16px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #F4F2AE;
}

#main-button-xp-number span {
	font-size: 13px;
}

#main-button-xp-grid {
	width: 48px;
	/*height: 147px;*/
	background-image: url(http://static.degony.com/assets-v3.png);	
	/*background-position: -197px -158px;*/
}

#main-button-notifications {
	width: 100%;
	height: 53px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -475px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-notifications:hover, .main-button-notifications-hover {
	background-position: -259px -475px !important;
}

#main-button-chat {
	width: 100%;
	height: 47px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -189px -528px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#main-button-chat:hover, .main-button-chat-hover {
	background-position: -259px -528px !important;
}

#main-map {
	float: left;
	width: 825px;
	height: 575px;
	overflow: hidden;
}

#map-content {
	width: 825px;
	height: 575px;
	overflow: hidden;
	position: relative;
}

#map-loading {
	margin: 200px 0 0 275px;
}

#map-container {
	position: relative;
}

#map-navigation {
	position: absolute;
	top: 0;
	left: 15px;
	width: 37px;
	height: 35px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -449px -251px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#map-navigation:hover {
	background-position: -486px -251px;
}

#map-title {
	position: absolute;
	left: 55px;
	top: 10px;
	font-weight: bold;
	color: #FFFF00;
}

#map-title-world {
	position: absolute;
	left: 25px;
	top: 2px;
	font-weight: bold;
	color: #FFFF00;
}

#map-hero {
	position: absolute;
	width: 110px;
	height: 150px;
}

.map-spot {
	position: absolute;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.map-spot:hover {
	background-position: 0 0 !important;
}

.map-zone {
	position: absolute;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.map-zone-creature-right {
	width: 160px;
	height: 170px;
	background-position: 0 0;
}

.map-zone-creature-right:hover {
	background-position: -160px 0;
}

.map-zone-creature-left {
	width: 160px;
	height: 170px;
	background-position: -320px 0;
}

.map-zone-creature-left:hover {
	background-position: -480px 0;
}

.map-zone-creature-name {
    width: 100%;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    color: #000000;
}

.map-zone-creature-id {
    float: left;
    width: 30px;
    margin: 28px 0 0 4px;
    text-align: center;
}

.map-zone-creature-class {
    float: right;
    width: 30px;
    margin: 28px 4px 0 0;
    text-align: center;
}

.map-zone-camp1-right {
	width: 115px;
	height: 105px;
	background-image: url(http://static.degony.com/map_zones/camp1.png);
	background-position: 0 0;
}

.map-zone-camp1-right:hover {
	background-position: -115px 0;
}

.map-zone-camp1-left {
	width: 115px;
	height: 105px;
	background-image: url(http://static.degony.com/map_zones/camp1.png);
	background-position: -230px 0;
}

.map-zone-camp1-left:hover {
	background-position: -345px 0;
}

.map-zone-camp1-id {
	width: 29px;
    margin-top: 9px;
    padding: 0 5px;
    text-align: center;
}

#map-battle-turn-prompt {
	position: absolute;
	top: 15px;
	width: 203px;
	height: 48px;
	padding: 20px 40px 0 30px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -975px -299px;;
}

.map-battle-fighter-name {
	position: absolute;
	width: 110px;
	text-align: center;
	color: #FFFFFF;
}

.map-battle-fighter {
	position: absolute;
	width: 110px;
	height: 150px;
	cursor: url(http://static.degony.com/cursors/stats.cur), pointer;
}

.map-battle-player-attacker-friend, .map-battle-player-attacker-enemy, .map-battle-player-attacker-me {
	background-position: -440px 0;
}

.map-battle-player-defender-friend, .map-battle-player-defender-enemy, .map-battle-player-defender-me {
	background-position: -880px 0;
}

.map-battle-creature-defender-friend, .map-battle-creature-defender-enemy, .map-creature-player-defender-me {
	background-position: -860px 0;
}

.map-battle-player-attacker-friend:hover, .map-battle-player-attacker-friend-hover {
	background-position: -550px 0 !important;
}

.map-battle-player-attacker-enemy:hover, .map-battle-player-attacker-enemy-hover {
	background-position: -660px 0 !important;
}

.map-battle-player-attacker-me:hover, .map-battle-player-attacker-me-hover {
	background-position: -770px 0 !important;
}

.map-battle-player-defender-friend:hover, .map-battle-player-defender-friend-hover {
	background-position: -990px 0 !important;
}

.map-battle-player-defender-enemy:hover, .map-battle-player-defender-enemy-hover {
	background-position: -1100px 0 !important;
}

.map-battle-player-defender-me:hover, .map-battle-player-defender-me-hover {
	background-position: -1210px 0 !important;
}

.map-battle-creature-defender-enemy:hover, .map-battle-creature-defender-enemy-hover {
	background-position: -970px 0 !important;
}

.map-battle-bones {
	background-image: url(http://static.degony.com/assets-v3.png) !important;
	background-position: -923px 0 !important;
}

.map-battle-bones:hover {
	background-position: -1033px 0 !important;
}

.map-battle-bones-hover, .map-battle-bones-hover:hover {
	background-image: url(http://static.degony.com/assets-v3.png) !important;
	background-position: -1033px 0 !important;
}

.map-battle-animation {
	display: none;
	position: absolute;
	width: 110px;
	height: 150px;
	background-image: url(http://static.degony.com/assets-v3.png); 
}

#main-portraits {
	float: left;
	width: 129px;
	height: 100%;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -329px 0;
}

.main-portrait {
	width: 100%;
	height: 95px;
	margin-bottom: 1px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -149px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.main-portrait:hover, .main-portrait-hover {
	background-position: -178px 0 !important;
}

.main-portrait-empty {
	background-image: none;
	cursor: url(http://static.degony.com/cursors/default.cur),default;
}

.main-portrait-leader {
	background-position: -207px 0;
}

.main-portrait-image {
	float: left;
	width: 95px;
	height: 95px;
	margin-left: 29px;
}

.main-portrait-health {
	width: 18px;
	height: 22px;
	margin-bottom: -22px;
	background-image: url(http://static.degony.com/assets-v3.png);
}

.main-portrait-mask0, .main-portrait-mask1, .main-portrait-mask2, .main-portrait-mask3, .main-portrait-mask4, .main-portrait-mask5, .main-portrait-mask6 {
	width: 100px;
	height: 95px;
	background-image: url(http://static.degony.com/assets-v3.png);
}

.main-portrait-mask0 {
	background-position: -381px 0;	/* used by the stats window */
}

.main-portrait-mask1 {
	background-position: -49px 0;
}

.main-portrait-mask2 {
	background-position: -49px -96px;
}

.main-portrait-mask3 {
	background-position: -49px -192px;
}

.main-portrait-mask4 {
	background-position: -49px -288px;
}

.main-portrait-mask5 {
	background-position: -49px -384px;
}

.main-portrait-mask6 {
	background-position: -49px -480px;
}

.main-portrait-dead {
	width: 100%;
	height: 100%;
	background-position: -1143px 0;
}

.main-portrait-profession {
	width: 28px;
	height: 29px;
	margin: 0 0 -29px 70px;
}

.main-portrait-level {
	width: 21px;
	height: 18px;
	margin: 57px 0 0 79px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.main-portrait-name {
	width: 95px;
	height: 15px;
	margin-top: 2px;
	text-align: center;
	overflow: hidden;
}

#main-right {
	float: left;
	width: 171px;
	height: 575px;
	margin-right: -171px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -458px 0;
}

#main-bottom-left {
	clear: both;
	float: left;
	width: 189px;
	height: 419px;
	margin-left: -189px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -629px 0;
}

#main-bottom-middle {
	float: left;
	width: 100%;
	height: 419px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -818px 0;
}

#main-bottom-right {
	float: left;
	width: 171px;
	height: 419px;
	margin-right: -171px;
	background-image: url(http://static.degony.com/background-v1.jpg);
	background-position: -1842px 0;
}

#window-loading, #window-saving {
	position: absolute;
	top: 5px;
	width: 80px;
	height: 20px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
	background-color: #000000;
}

#window-chat {
	position: absolute;
	top: 391px;
	width: 282px;
	height: 187px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: 0 0;
	user-select: text;	/* w3c */
	-moz-user-select: text; /* firefox */
	-khtml-user-select: text; /* safari, chrome */
}

#chat-messages {
	float: left;
	width: 240px;
	height: 110px;
	margin: 43px 9px 0 13px;
	overflow: hidden;
}

.message-private {
	color: #FFFF00;
}

.message-announcement {
	color: #00FFFF;
}

.message-party {
	color: #00FF00;
}

.message-guild {
	color: #FF6600;
}

#chat-scroll {
	position: relative;
	float: left;
	width: 1px;
	height: 95px;
	margin-top: 50px;
}

.ui-slider-handle {
	position: absolute;
	width: 22px;
	height: 27px;
	left: -10px;
	margin-bottom: -13px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -257px -120px;
}

.ui-slider-handle:hover {
	background-position: -279px -120px;
}

#chat-input {
	clear: both;
	float: left;
	width: 235px;
	height: 18px;
	margin: 15px 4px 0 8px;
	border: 0;
	background-color: transparent;
	color: #FFFFFF;
}

#chat-options-button {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 11px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -301px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#chat-options-button:hover {
	background-position: -321px -120px;
}

#window-chat-options {
	position: absolute;
	top: 455px;
	width: 170px;
	height: 125px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -282px 0;
}

#chat-options-close {
	width: 31px;
	height: 32px;
	margin: 18px 0 0 122px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -341px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#chat-options-close:hover {
	background-position: -372px -120px;
}

#chat-options-header {
	width: 100px;
	margin: -24px 0 6px 25px;
}

.chat-options-field {
	clear: both;
	height: 18px;
	margin: 3px 0 0 25px;
}

.chat-options-box {	
	float: left;
	width: 15px;
	height: 18px;
	margin-right: 5px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -403px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.chat-options-checked {
	background-position: -418px -120px;
}

.chat-options-text {
	float: left;
	padding-top: 2px;
}

#window-combatlog {
	position: absolute;
	top: 391px;
	width: 237px;
	height: 184px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -457px 0;
}

#combatlog-messages {
	float: left;
	width: 150px;
	height: 134px;
	margin: 39px 4px 0 7px;
	overflow: hidden;
}

#combatlog-messages p {
	padding: 2px 0;	
}

#combatlog-scroll {
	position: relative;
	float: left;
	width: 1px;
	height: 100px;
	margin-top: 52px;
}

#combatlog-attachment {
	float: left;
	width: 51px;
	height: 90px;
	margin: 34px 0 0 13px;
}

#combatlog-timer {
	width: 100%;
	height: 28px;
	text-align: center;
	font-size: 33px;
	line-height: 28px;
	letter-spacing: 2px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#combatlog-timer:hover {
	color: #FFFF00;
}

#combatlog-primary-weapon {
	width: 100%;
	height: 33px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -245px -152px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#combatlog-primary-weapon:hover, .combatlog-primary-weapon-hover {
	background-position: -245px -218px !important;
}

#combatlog-secondary-weapon {
	width: 100%;
	height: 27px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -296px -152px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#combatlog-secondary-weapon:hover, .combatlog-secondary-weapon-hover {
	background-position: -296px -206px !important;
}

#window-quickskills {
	position: absolute;
	top: 514px;
	width: 381px;
	height: 61px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -694px 0;	
}

.quickskills-container {
	float: left;
	width: 366px;
	height: 50px;
	margin: 7px 0 0 5px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -694px -61px;
}

.quickskills-slot-container {
	float: left;
	width: 50px;
	height: 50px;
	margin: 2px 0 0 2px;
}

.quickskills-slot-filled:hover, .quickskills-slot-filled-hover {
	margin: 0 -2px 0 0;
	padding: 2px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -347px -152px;
}

#quickskills-slide {
	float: left;
	width: 9px;
	margin-top: 7px;
}

#quickskills-slide-top {
	width: 100%;
	height: 15px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -433px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#quickskills-slide-top:hover {
	background-position: -442px -120px;
}

#quickskills-slide-number {
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-left: 1px;
}

#quickskills-slide-bottom {
	width: 100%;
	height: 15px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -451px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#quickskills-slide-bottom:hover {
	background-position: -460px -120px;
}

#window-notifications {
	position: absolute;
	top: 327px;
	width: 514px;
	height: 102px;
	text-align: center;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -694px -156px;
}

#notification-previous {
	float: left;
	width: 13px;
	height: 24px;
	margin: 32px 3px 0 35px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -482px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#notification-previous:hover {
	background-position: -495px -120px;
}

.notification-previous-finished, .notification-previous-finished:hover {
	background-position: -469px -120px !important;
	cursor: url(http://static.degony.com/cursors/default.cur),default !important;
}

#notification-list {
	float: left;
	width: 413px;
	height: 55px;
	margin-top: 19px;
	overflow: hidden;
}

#notification-next {
	float: left;
	width: 13px;
	height: 24px;
	margin: 32px 0 0 3px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -521px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#notification-next:hover {
	background-position: -534px -120px;
}

.notification-next-finished, .notification-next-finished:hover {
	background-position: -508px -120px !important;
	cursor: url(http://static.degony.com/cursors/default.cur),default !important;
}

.notification-arrow-hidden {
	background: none !important;
}

.notification-sentence {
	padding-top: 15px;
}

.notification-sentence-big {
	padding-top: 10px;
}

.notification-question {
	padding: 10px 0 4px 0;
}

.notification-question-big {
	padding: 1px 0 4px 0;
}

.notification-player {
	color: #FFFF00;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.notification-yes, .notification-pm, .notification-no {
	margin: 0 10px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#window-notifications span:hover {
	text-decoration: underline;
}

#window-notification-player {
	position: absolute;
	top: 334px;
	width: 208px;
	height: 154px;
	padding: 31px 0 0 33px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -1263px 0;
}

#window-party {
	position: absolute;
	top: 0;
	width: 256px;
	height: 39px;
}

#party-area {
	float: left;
	width: 205px;
	height: 33px;
	margin: 2px -13px 0 0;
	padding: 3px 13px 0 0;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -1263px -185px;
}

#party-formation {
	float: right;
	width: 30px;
	height: 29px;
	margin-right: 1px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -477px -305px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#party-formation:hover, .party-formation-hover {
	background-position: -507px -305px !important;
}

#party-pm {
	float: right;
	width: 31px;
	height: 29px;
	margin-right: 1px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -415px -305px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#party-pm:hover {
	background-position: -446px -305px;
}

#party-leave {
	float: right;
	width: 42px;
	height: 29px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -331px -305px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#party-leave:hover {
	background-position: -373px -305px;
}

#party-loot {
	float: right;
	width: 27px;
	height: 29px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -277px -305px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#party-loot:hover {
	background-position: -304px -305px;
}

#party-leader {
	float: right;
	width: 30px;
	height: 29px;
	margin-right: 1px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -217px -305px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#party-leader:hover {
	background-position: -247px -305px;
}

#party-kick {
	float: right;
	width: 34px;
	height: 29px;
	margin-right: 1px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -149px -305px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#party-kick:hover {
	background-position: -183px -305px;
}

#party-toggle {
	float: left;
	width: 51px;
	height: 100%;
	background-image: url(http://static.degony.com/assets-v3.png);
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.party-toggle-outside {
	background-position: -245px -251px;
}

.party-toggle-outside:hover {
	background-position: -296px -251px;
}

.party-toggle-inside {
	background-position: -347px -251px;
}

.party-toggle-inside:hover {
	background-position: -398px -251px;
}

#window-party-loot {
	position: absolute;
	top: 33px;
	width: 188px;
	height: 120px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -1075px 0;
}

#party-loot-close {
	width: 31px;
	height: 32px;
	margin: 18px 0 0 152px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -341px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#party-loot-close:hover {
	background-position: -372px -120px;
}

#party-loot-header {
	width: 120px;
	margin: -24px 0 5px 33px;
}

.party-loot-field {
	clear: both;
	height: 18px;
	margin: 3px 0 0 39px;
}

.party-loot-box {
	float: left;
	width: 15px;
	height: 18px;
	margin-right: 5px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -403px -120px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.party-loot-checked {
	background-position: -418px -120px;
}

.party-loot-text {
	float: left;
	padding-top: 2px;
}

#window-stats {
	position: absolute;
	top: 0;
	width: 524px;
	height: 223px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -1504px 0;
}

#stats-portrait {
	margin: 14px 12px 0 22px;
}

#stats-health {
	float: left;
	width: 110px;
	margin-top: 16px;
}

.stats-header {
	width: 100%;
	line-height: 20px;
	text-align: center;
}

.stats-pagination {
	padding: 0 2px;
	font-weight: bold;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.stats-pagination:hover {
	color: #FFFF00;
}

.stats-pagination-disabled {
	color: #FFFF00;
	cursor: url(http://static.degony.com/cursors/default.cur),default;
}

#stats-body {
	width: 92px;
	height: 152px;
	margin: 5px auto 0 auto;
	background-image: url(http://static.degony.com/assets-v3.png);
}

#stats-buffs {
	float: left;
	width: 125px;
	margin: 16px 0 0 10px;
}

#stats-debuffs {
	float: left;
	width: 125px;
	margin: 16px 0 0 7px;
}

.stats-buff {
	float: left;
	width: 55px;
	height: 52px;
	margin: 4px 2px 0 5px;
	background-repeat: no-repeat;
}

.stats-buff-mask {
	width: 24px;
	height: 22px;
	margin: -3px 0 0 -3px;
	padding: 31px 0 0 30px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -481px 0;
}

.stats-level {
	width: 20px;
	height: 17px;
	line-height: 17px;
	text-align: center;
}

#window-zone {
	position: absolute;
	top: 0;
	width: 807px;
	height: 420px;
	background-image: url(http://static.degony.com/windows-big-v1.png);
	background-position: -3351px 0;
	background-repeat: no-repeat;
}

#zone-actions-window {
	float: left;
	width: 218px;
	height: 257px;
	margin: 18px 0 -30px -4px;
	padding: 56px 0 0 16px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -2372px 0;
}

#zone-id {
	float: left;
	width: 45px;
	height: 25px;
	margin: 10px 40px 0 20px;
	text-align: center;
	line-height: 28px;
	font-size: 17px;
	font-weight: bold;
}

#zone-name {
	float: left;
	width: 200px;
	height: 20px;
	margin-top: 30px;
	text-align: center;
	font-size: 15px;
}

#zone-close {
	float: left;
	width: 35px;
	height: 40px;
	margin: 15px 0 -5px 235px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -236px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#zone-close:hover {
	background-position: -271px 0;
}

#zone-camp {
	clear: both;
	float: left;
	display: block;
	width: 300px;		
	height: 300px;		
	margin-left: 46px;
}

#zone-creature-portrait {
	clear: both;
	float: left;
	width: 300px;
	height: 300px;
	margin: 0 0 2px 46px;
}

#zone-creature-class-container {
	width: 55px;
	height: 38px;
	margin: -27px 0 0 -17px;
	padding: 34px 0 0 20px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -306px 0;
}

#zone-creature-class {
	width: 30px;
	height: 28px;
	text-align: center;
	line-height: 25px;
	font-size: 20px;
}

#zone-attack {
	clear: both;
	float: left;
	width: 85px;
	height: 33px;
	margin: 0 48px 0 87px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -149px -370px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#zone-attack:hover {
	background-position: -234px -370px;
}

#zone-cancel {
	float: left;
	width: 85px;
	height: 33px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -319px -370px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#zone-cancel:hover {
	background-position: -404px -370px;
}

#zone-players {
	float: left;
	height: 300px;
	padding-left: 15px;
}

#zone-search {
	height: 36px;
}

#zone-search-header {
	margin-bottom: 3px;
}

#zone-search-input {
	float: left;
	width: 133px;
	height: 20px;
	padding: 0 2px;
	border: 0;
	color: #FFFFFF;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -402px -212px;
}

input#zone-search-submit {
	float: left;
	width: 77px;
	height: 35px;
	margin: -12px 0 0 2px;
	border: none;	
	color: transparent;
	background-color: transparent;	
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -791px -334px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

input#zone-search-submit:hover {
	background-position: -868px -334px;
}

input#zone-search-submit::-moz-focus-inner {
	border: none;
}

#zone-list {
	clear: both;
	width: 190px;
	padding: 24px 5px 5px 5px;
}

.zone-player-block {
	clear: both;
	height: 20px;
	margin-top: 4px;
}

.zone-player-icon {
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 1px;
}

.zone-player-level {
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 1px;
	line-height: 19px;
	text-align: center;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -402px -152px;
}

.zone-player-name, .zone-player-party, .zone-player-name-action, .zone-player-party-action {
	float: left;
	width: 115px;
	height: 20px;
	margin-left: 2px;
	line-height: 19px;
	text-align: center;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -422px -152px;
}

.zone-player-name {
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.zone-player-party {
	background-position: -422px -172px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.zone-player-party-action {
	background-position: -422px -172px;
}

.zone-player-name:hover, .zone-player-party:hover {
	background-position: -422px -192px;
}

#zone-pagination {
	clear: both;
	padding-top: 10px;
	text-align: center;
}

.zone-pagination-text {
	padding: 0 5px;
	font-weight: bold;
	color: #999999;
}

.zone-pagination-link {
	padding: 0 5px;
	font-weight: bold;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.zone-pagination-link:hover {
	color: #FFFF00;
}

#zone-actions {
	height: 36px;
	margin: 0 0 15px 3px;
}

#zone-action-attack, #zone-action-attack-disabled, #zone-action-party, #zone-action-party-disabled, #zone-action-pm, #zone-action-pm-disabled {
	float: left;
	width: 36px;
	height: 36px;
	margin-left: 15px;
	background-image: url(http://static.degony.com/assets-v3.png);
}

#zone-action-attack {
	background-position: -149px -334px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#zone-action-attack:hover {
	background-position: -185px -334px;
}

#zone-action-attack-disabled {
	background-position: -221px -334px;
}

#zone-action-party {
	background-position: -257px -334px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#zone-action-party:hover {
	background-position: -293px -334px;
}

#zone-action-party-disabled {
	background-position: -329px -334px;
}

#zone-action-pm {
	background-position: -365px -334px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#zone-action-pm:hover {
	background-position: -401px -334px;
}

#zone-action-pm-disabled {
	background-position: -437px -334px;
}

#zone-action-back {
	clear: both;
	width: 75px;
	height: 33px;
	margin: 10px 0 0 54px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -489px -370px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#zone-action-back:hover {
	background-position: -564px -370px;
}

#window-endbattle-pve {
	position: absolute;
	top: 0;
	width: 672px;
	height: 450px;
	background-image: url(http://static.degony.com/windows-big-v1.png);
	background-position: -2216px 0;
}

#window-endbattle-pvp {
	position: absolute;
	top: 0;
	width: 463px;
	height: 450px;
	background-image: url(http://static.degony.com/windows-big-v1.png);
	background-position: -2888px 0;
}

#endbattle-header {
	height: 20px;
	margin: 37px 0 18px 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

.endbattle-won {
	color: #FF66FF;
}

.endbattle-lost {
	color: #C7E00E;
}

#endbattle-container-1 {
	float: left;
	width: 190px;
	height: 280px;
	margin-left: 42px;
}

#endbattle-container-2 {
	float: left;
	width: 190px;
	height: 280px;
	margin-left: 12px;
}

#endbattle-container-3 {
	float: left;
	width: 190px;
	height: 280px;
	margin-left: 14px;
}

#endbattle-stuff-1, #endbattle-stuff-2 {
	float: left;
	width: 167px;
	height: 100%;
	overflow: hidden;
}

#endbattle-stuff-3 {
	float: left;
	width: 168px;
	height: 100%;
	margin-left: 4px;
	overflow: hidden;
}

#endbattle-scroll-1, #endbattle-scroll-2, #endbattle-scroll-3 {
	position: relative;
	float: left;
	width: 1px;
	height: 215px;
	margin: 20px 0 0 17px;
}

.endbattle-empty {
	text-align: center;
	padding-top: 100px;
}

.endbattle-skill-container {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 2px 7px 0;
	padding: 3px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -875px -208px;
}

.endbattle-skill {
	width: 50px;
	height: 50px;
}

.endbattle-xp {
	float: left;
	width: 109px;
	height: 35px;
	margin-top:7px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -539px -264px;
}

.endbattle-xp-percent {
	height: 35px;
	margin-bottom: -35px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -648px -264px;
}

.endbattle-xp-levelup {
	width: 100%;
	height: 35px;
	margin-bottom: -35px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -757px -264px;
}

.endbattle-xp-total {
	line-height: 40px;
	text-align: center;
}

#endbattle-loot-none {
	text-align: center;
	padding-top: 120px;
}

#endbattle-overburdened {
	float: right;
	width: 185px;
	margin: -62px -35px 0 0;
	text-align: center;
	font-size: 10px;
}

.endbattle-item {
	float: left;
	width: 50px;
	height: 50px;
	padding: 3px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -875px -208px;
}

.endbattle-item div {
	width: 100%;
	height: 100%;
}

#endbattle-fight {
	clear: both;
	float: left;
	width: 109px;
	height: 35px;
	margin: 18px 80px 0 0;
	/*margin: 18px 0 0 116px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -539px -299px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;*/
}

/*#endbattle-fight:hover {
	background-position: -648px -299px;
}*/

.endbattle-pvp-finish {
	margin-left: 190px !important;
}

#endbattle-finish {
	float: left;
	width: 109px;
	height: 35px;
	/*margin: 18px 0 0 24px;*/
	margin: 18px 36px 0 24px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -757px -299px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#endbattle-finish:hover {
	background-position: -866px -299px;
}

#endbattle-gold-total {
	float: left;
	margin: 32px 0 0 100px;
	color: #FFFF00;
}

#endbattle-gold-coin {
	float: left;
	width: 26px;
	height: 15px;
	margin: 33px 0 0 2px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -547px -120px;
}

#endbattle-loot-equipped, #endbattle-loot-treasure {
	float: right;
	width: 38px;
	height: 41px;
	margin: 14px 40px 0 0;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -639px -334px;
}

#endbattle-loot-equipped:hover {
	background-position: -677px -334px;
}

#endbattle-loot-treasure {
	background-position: -715px -334px;
}

#endbattle-loot-treasure:hover {
	background-position: -753px -334px;
}

#window-menu {
	position: absolute;
	top: 40px;
	width: 344px;
	height: 205px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -2028px 0;
}

#menu-close {
	float: left;
	width: 35px;
	height: 40px;
	margin: 9px 0 15px 299px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -236px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#menu-close:hover {
	background-position: -271px 0;
}

.menu-link-left {
	clear: both;
	float: left;
	width: 80px;
	height: 23px;
	margin: 0 17px 8px 44px;
	padding-left: 30px;
	line-height: 23px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -660px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.menu-link-right {
	float: left;
	width: 115px;
	height: 23px;
	margin-bottom: 8px;
	padding-left: 30px;
	line-height: 23px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -660px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.menu-link-left:hover, .menu-link-right:hover {
	background-position: -660px -23px;
}

#window-bounties, #window-guild {
	position: absolute;
	top: 40px;
	width: 344px;
	height: 205px;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -2028px 0;
}

#bounties-close, #guild-close {
	float: left;
	width: 35px;
	height: 40px;
	margin: 9px 0 15px 299px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -236px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#bounties-close:hover, #guild-close:hover {
	background-position: -271px 0;
}

.temp-feature {
	margin: 40px 0 0 30px;
	text-align: center;
	width: 290px;
}

#window-character {
	position: absolute;
	top: 0;
	width: 670px;
	height: 445px;
	background-image: url(http://static.degony.com/windows-big-v1.png);
	background-position: 0 0;
}

#character-close {
	width: 35px;
	height: 40px;
	margin: 11px 0 -16px 619px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -236px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#character-close:hover {
	background-position: -271px 0;
}

#character-container {
	clear: both;
	float: left;
	width: 198px;
	height: 382px;
	margin: 0 23px 0 51px;
}

.character-chunk {
	width: 100%;
	height: 50px;
	margin-bottom: 15px;
}

.character-data {
	float: left;
	width: 138px;
	height: 50px;
	margin-right: 10px;
	overflow: hidden;
}

.character-icon {
	float: left;
	width: 50px;
	height: 50px;
}

#character-name {
	font-size: 17px;
	font-weight: bold;
}

.character-margin {
	margin-top: -8px;
}

.character-stat {
	clear: both;
	height: 35px;
	margin-bottom: 1px;
}

.character-stat-image {
	float: left;
	width: 35px;
	height: 35px;	
	background-image: url(http://static.degony.com/assets-v3.png);
}

.character-stat-value {
	float: left;
	width: 61px;
	height: 15px;
	margin: 10px 2px 0 1px;
	overflow: hidden;
}

#character-portrait {
	float: left;
	width: 350px;
	height: 350px;
	margin-top: 14px;
}

#window-skills {
	position: absolute;
	top: 0;
	width: 787px;
	height: 412px;
	background-image: url(http://static.degony.com/windows-big-v1.png);
	background-position: -670px 0;
}

#skills-close {
	width: 35px;
	height: 40px;
	margin: 6px 0 -26px 736px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -236px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#skills-close:hover {
	background-position: -271px 0;
}

#skills-branches {
	width: 600px;
	height: 28px;
	margin: 0 0 12px 52px;
}

.skills-branch {
	float: left;
	width: 118px;
	height: 28px;
	line-height: 40px;
	text-align: center;
	color: #C7E00E;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -805px -28px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.skills-branch-selected {
	line-height: 35px;
	font-size: 15px;
	font-weight: bold;
	background-position: -805px 0;
}

.skills-branch:hover {
	color: #00FF00;
}

.skills-container {
	clear: both;
	float: left;
	width: 691px;
	height: 320px;
	margin-left: 42px;
}

#skills-remove {
	float: left;
	width: 23px;
	height: 29px;
	margin-top: 295px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -573px -120px;
}

#skills-remove:hover, .skills-remove-hover {
	background-position: -596px -120px !important;
}

.skills-hidden {
	float: left;
	width: 52px;
	height: 52px;
	margin: 11px 9px 12px 9px;
}

.skills-box {
	float: left;
	width: 63px;
	height: 63px;
	padding: 12px 0 0 7px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -538px 0;
}

.skills-icon {
	width: 50px;
	height: 50px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

.skills-level {
	width: 22px;
	height: 25px;
	margin: -12px 0 0 34px;
	padding-left: 6px;
	line-height: 24px;
	text-align: center;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -608px 0;
}

.skills-arrow-west {
	float: left;
	width: 72px;
	height: 26px;
	margin: 23px -7px 0 -12px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -614px -76px;
}

.skills-arrow-north {
	float: left;
	width: 26px;
	height: 33px;
	margin: -12px 0 -14px 17px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -712px -76px;
}

.skills-arrow-south {
	float: left;
	width: 26px;
	height: 33px;
	margin: -12px 0 -14px 17px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -686px -76px;
}

.skills-arrow-northwest {
	float: left;
	width: 64px;
	height: 40px;
	margin: -8px -6px -31px 22px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -481px -76px;
}

.skills-arrow-southwest {
	float: left;
	width: 69px;
	height: 42px;
	margin: -21px -5px -14px 16px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -545px -76px;
}

#window-inventory {
	position: absolute;
	top: 0;
	width: 759px;
	height: 406px;
	background-image: url(http://static.degony.com/windows-big-v1.png);
	background-position: -1457px 0;
}

#inventory-discard-window {
	clear: both;
	width: 330px;
	height: 78px;
	margin: 13px 0 0 407px;
	text-align: center;
	background-image: url(http://static.degony.com/windows-small-v1.png);
	background-position: -2028px -205px;
}

#inventory-close {
	width: 35px;
	height: 40px;
	margin: 14px 0 -5px 709px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -236px 0;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#inventory-close:hover {
	background-position: -271px 0;
}

#inventory-equipment {
	float: left;
	width: 325px;
	height: 306px;
	margin-left: 60px;
}

.inventory-item-container {
	float: left;
	width: 50px;
	height: 50px;
	padding: 3px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -875px -208px;
}

.inventory-item {
	width: 50px;
	height: 50px;
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#inventory-helmet {	
	margin-left: 122px;		
	background-position: -539px -152px;
}

.item-container-helmet-active {
	background-position: -931px -152px !important;
}

#inventory-earrings {
	margin: -29px 0 0 61px;
	background-position: -595px -152px;
}

.item-container-earrings-active {
	background-position: -987px -152px !important;
}

#inventory-necklace {
	margin: -29px 0 0 66px;
	background-position: -651px -152px;
}

.item-container-necklace-active {
	background-position: -1043px -152px !important;
}

#inventory-cape {
	margin: -29px 0 0 30px;
	background-position: -707px -152px;
}

.item-container-cape-active {
	background-position: -1099px -152px !important;
}

#inventory-shirt {
	clear: both;
	margin: -22px 0 0 122px;
	background-position: -763px -152px;
}

.item-container-shirt-active {
	background-position: -1155px -152px !important;
}

#inventory-primary_weapon1, #inventory-secondary_weapon1 {
	margin: -22px 5px 0 0;
	background-position: -819px -152px;
}

#inventory-primary_weapon2 {
	margin: -22px 66px 0 0;
	background-position: -819px -152px;	/* -875px for shield */
}

#inventory-secondary_weapon2 {
	margin: -22px 0 0 0;
	background-position: -819px -152px;	/* -875px for shield */
}

.item-container-weapon1-active {
	background-position: -1211px -152px !important;	/*  -1267px for shield */
}

.item-container-weapon2-active {
	background-position: -1211px -152px !important;	/*  -1267px for shield */
}

#inventory-belt {
	clear: both;
	margin: -29px 0 0 122px;
	background-position: -539px -208px;
}

.item-container-belt-active {
	background-position: -931px -208px !important;
}

#inventory-gloves {
	margin: -16px 0 0 61px;
	background-position: -595px -208px;
}

.item-container-gloves-active {
	background-position: -987px -208px !important;
}

#inventory-bracers {
	margin: -16px 0 0 66px;
	background-position: -651px -208px;
}

.item-container-bracers-active {
	background-position: -1043px -208px !important;
}

#inventory-pants {
	clear: both;
	margin: -30px 0 0 122px;
	background-position: -707px -208px;
}

.item-container-pants-active {
	background-position: -1099px -208px !important;
}

#inventory-ring1, #inventory-ring3 {
	margin: -16px 5px 0 0;
	background-position: -763px -208px;
}

#inventory-ring2 {
	margin: -16px 66px 0 0;
	background-position: -763px -208px;
}

#inventory-ring4 {
	margin: -16px 0 0 0;
	background-position: -763px -208px;
}

.item-container-ring-active {
	background-position: -1155px -208px !important;
}

#inventory-boots {
	clear: both;
	margin: -35px 0 0 122px;
	background-position: -819px -208px;
}

.item-container-boots-active {
	background-position: -1211px -208px !important;
}

#inventory-backpack {
	float: left;
	width: 280px;;
	height: 280px;
	margin: 6px 23px 20px 36px;
	overflow: hidden;
}

#inventory-scroll {
	position: relative;
	float: left;
	width: 1px;
	height: 215px;
	margin-top: 30px;
}

#inventory-bottom {
	clear: both;
	height: 24px;
}

#inventory-gold-total {
	float: left;
	margin: 5px 0 0 425px;
	color: #FFFF00;
}

#inventory-gold-coin {
	float: left;
	width: 26px;
	height: 15px;
	margin: 6px 0 0 2px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -547px -120px;
}

#inventory-discard-button {
	float: left;
	width: 23px;
	height: 29px;
	margin: -5px 0 0 230px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -573px -120px;
}

#inventory-discard-button:hover, .inventory-discard-button-hover {
	background-position: -596px -120px !important;
}

#inventory-discard-header {
	padding: 15px 0 6px 0;
}

#inventory-discard-yes, #inventory-discard-no {
	cursor: url(http://static.degony.com/cursors/pointer.cur), pointer;
}

#inventory-discard-yes:hover, #inventory-discard-no:hover {
	text-decoration: underline;
}

#mask-left {
	position: absolute;
	top: 0;
	width: 19px;
	height: 560px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: 0 0;
}

#mask-right {
	position: absolute;
	top: 0;
	width: 22px;
	height: 514px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -27px 0;
}

#mask-bottom1 {
	position: absolute;
	top: 558px;
	width: 232px;
	height: 25px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -149px -95px;
}

#mask-bottom2 {
	position: absolute;
	top: 566px;
	width: 32px;
	height: 9px;
	background-image: url(http://static.degony.com/assets-v3.png);
	background-position: -381px -111px;
}

#window-tooltip {
	position: absolute;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #000000;	
	color: #FFFFFF;
	font-size: 12px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	/* fix IE 8 */
	*filter: alpha(opacity=80);		/* fix IE 7 */
}

#window-tooltip p {
	padding: 2px 0;
}

#window-tooltip span.skill-small, #window-tooltip span.stat-small {
	font-size: 11px;
	color: #FFFFFF;	/* white */
}

#window-tooltip span.item-value, #window-tooltip span.skill-value, #window-tooltip .stat-value {
	padding-left: 3px;
	color: #F8F2A4;	/* cream */
}

#window-tooltip img.item-class {
	padding-left: 10px;
}

#window-tooltip .item-magical, #window-tooltip p.skill-passive, #window-tooltip p.stat-buff {
	color: #00FFFF;	/* turquoise */
}

#window-tooltip .item-set {
	color: #00FF00;	/* green */
}

#window-tooltip .item-required, #window-tooltip .item-low-quality, #window-tooltip .skill-required {
	color: #FF0000;	/* red */
}

#window-tooltip .item-unique, #window-tooltip .item-high-quality, #window-tooltip .skill-effects, #window-tooltip .stat-effects, #window-tooltip .stat-defend {
	color: #FFFF00;	/* yellow */
}

#window-tooltip .item-normal-quality {
	color: #F8F2A4;		/* cream */
}

#window-tooltip p.skill-active, #window-tooltip p.stat-debuff {
	color: #FF66FF;		/* fuschia */
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
}

#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

img#lightbox-image {
	float: left;
	margin-bottom: -65px;
}

a#lightbox-secNav-btnClose {
	display: block;
	float: left;
	width: 37px;
	height: 37px;
	margin: 5px 0 0 -40px;
	background-image: url(http://static.degony.com/site-assets-v2.png);
	background-position: -1567px -112px;
}

a#lightbox-secNav-btnClose:hover {
	background-position: -1604px -112px;
}

#lightbox-nav {
	clear: both;
	width: 632px;
	height: 70px;
	margin: 0 auto;
}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	margin-top: 100px;
}