/* Eric Meyer's CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
header, hgroup, menu, nav, section {
	display: block;
}

/* Typography*/		

    @font-face {
        font-family: 'GraphicPixel';
        src: url('../fonts/graphicpixel-webfont.eot');
        src: url('../fonts/graphicpixel-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/graphicpixel-webfont.woff') format('woff'),
             url('../fonts/graphicpixel-webfont.ttf') format('truetype'),
             url('../fonts/graphicpixel-webfont.svg#GraphicPixelRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }
    
    @font-face {
        font-family: 'AdvoCut';
        src: url('../fonts/advocut-webfont.eot');
        src: url('../fonts/advocut-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/advocut-webfont.woff') format('woff'),
             url('../fonts/advocut-webfont.ttf') format('truetype'),
             url('../fonts/advocut-webfont.svg#AndinaRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

	.gp {font-family: 'GraphicPixel', sans-serif;}

/* General Layout */	
	

    html {-webkit-text-size-adjust: 100%}
	html, body {height:100%;}
	
	body {padding:0;margin:0;background:#111;overflow:hidden;image-rendering:-moz-crisp-edges; image-rendering:-webkit-optimize-contrast; background: url("../img/2/brick.png") repeat;}
	canvas { position:absolute; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }
	.error #background { background:url('../img/common/loading-error.png') no-repeat center center, #000;}
	
	#background, #foreground { margin:0; padding:0;}
    
    #achievements nav::selection {background:transparent;text-decoration:none;color:transparent;}
    #canvas, #bar-container, #bubbles, #chatbox, #canvasborder, #foreground, #background, footer, #container, #achievement-notification {-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;}
    .started #canvas {cursor:none;}
    #achievement-notification {background: #111; border-style: ridge; border-width: 4px 4px 0 4px; border-color: #FFF; border-radius: 10px 10px 0 0;}
    
    #foreground { 
       -webkit-tap-highlight-color:rgba(0,0,0,0);
       /* -webkit-touch-callout:none; */
       /* margin:0 auto;
       display:block;*/
    }


	@media screen and (max-width: 600px) {
		
		#entities {
			cursor: default;
		}
	}

    h1 {font-weight:normal;text-align: center;}
    
    .preload {display:none;}
    
/* Common rules */
    
	.table-bg {position:absolute; padding:0;margin:0;overflow:hidden;image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; image-rendering: image-rendering: pixelated; background:url('../img/1/background.png') no-repeat 50% 50% fixed; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; width:100%; height:100%; }
    .game #logo {display:none;-moz-animation:none;-webkit-animation:none;-o-animation:none;-ms-animation:none;animation:none;}
    #logo{background:url('../img/1/logo.png');image-rendering:-moz-crisp-edges; image-rendering:-webkit-optimize-contrast;} 
    .left-ornament, .right-ornament, #character, #character div, .button, .logobutton, .button div, #respawn, #scroll, #instructions, .icon, #tilt, .parchment-left, .parchment-middle, .parchment-right, .avatar, .facebook, .twitter, .close, #note, .ext-link {background:url('../img/2/spritesheet.png');image-rendering:-moz-crisp-edges; image-rendering:-webkit-optimize-contrast;}

    #vignetting {height:100%;width:100%;position:absolute;top:0;left:0;pointer-events:none;}
    #parchment, #parchment input {font-family:'GraphicPixel';}
    #parchment input {width:50%;background:rgba(0,0,0,0.05);text-align:center;-moz-animation:glow 0.5s linear infinite alternate;-webkit-animation:glow 0.5s linear infinite alternate;-o-animation:glow 0.5s linear infinite alternate;-ms-animation:glow 0.5s linear infinite alternate;color:#eee;}
    #parchment input:focus {-moz-animation:none;-webkit-animation:none;-o-animation:none;-ms-animation:none;animation:none;color:#fff;background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.3);}
    #parchment input.field-error {background:rgba(255,0,0,0.1);border-color:#f84444;}

    #character div {-moz-transition:0.4s opacity linear;-webkit-transition:0.4s opacity linear;-o-transition:0.4s opacity linear;-ms-transition:0.4s opacity linear;transition:0.4s opacity linear;}

    #mask {height:100%;width:100%;position:fixed;top:0;left:0;background:rgba(20,20,20,1);opacity:1;z-index:20;-moz-transition:0.5s opacity linear;-webkit-transition:0.5s opacity linear;-o-transition:0.5s opacity linear;-ms-transition:0.5s opacity linear;transition:0.5s opacity linear;pointer-events:none;}
	
    #bar-container {background:url('../img/2/barsheet.png');image-rendering:-moz-crisp-edges;position:relative;width:100%;z-index:10;}
	#hotbar{position:absolute; overflow:hidden; z-index:2000;}
	#barbuttons{float:right;}
	#playercount {font-family:'GraphicPixel';color:#e3e3e3; float:right;}
    
	#friendslist{background:#e1ebf5; width:98%; border: 1px solid; overflow-y: scroll; height:50%;}
	#friendsbonus{font-size: 18px}
	#friendslist .pxadvert{padding:2px 2px 0 2px; font-weight: bold; font-size:15px; border-bottom:4px solid #989fa6;}
	.friendsitem{width:100%; min-height:22px; float:left; line-height:22px; font-size:18px; border-bottom:1px solid #989fa6;}
	.friendsitem span{padding:2px 2px 0 2px;}
	#about .page{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#262626;}
	
	.chatArea, .chatArea:focus{position: absolute; height:20%; width:80%; z-index: 4; left: 10%; bottom: 70px; font-size:13px; color:#FFF; word-wrap: break-word; overflow-y: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline-style:none; pointer-events:none;}
    .username { background-color: rgba(0,0,0,0.4); }
    .messageBody { background-color: rgba(0,0,0,0.4); }

	.centerwrap {width: 100%;height: 100px;}	

    .charactergrid {width:832px;display:block;margin: 10px 0px;}
    .charactergridtile {width: 100px;height: 100px;display:inline-block;cursor:pointer;}
    .charactergridtilename {width: 100px;display:inline-block;text-align: center;}
    .charactergridtileimage {width: 80px;height: 80px;display: block;background-repeat: no-repeat;background-size: 80px auto;-webkit-background-size: 80px auto;-o-background-size: 80px auto;-moz-background-size: 80px auto;margin: 10px 10px;}
    
    #leaderboardswrapper {padding:8px 0 0 0;}
    #leaderboards #leaderboardswrapper div {width:48%; padding:0; float:left; margin: 10px 0 0 15px;}
    #leaderboards #leaderboardswrapper .close {width:100%; padding:0; float:none;}
    .expleaders table thead tr, .pvpleaders table thead tr { margin-bottom: 5px; text-align: left;}
    .tindex {}
    .tname {padding: 0 2px;}
    .txp {padding: 0px;}
    .twincrystals {padding: 0 0 0 10px;}
    .tremorts, .kills {text-align: center;}
    
.remortbutton {
  background: #0b6099;
  background-image: -webkit-linear-gradient(top, #0b6099, #0057c2);
  background-image: -moz-linear-gradient(top, #0b6099, #0057c2);
  background-image: -ms-linear-gradient(top, #0b6099, #0057c2);
  background-image: -o-linear-gradient(top, #0b6099, #0057c2);
  background-image: linear-gradient(to bottom, #0b6099, #0057c2);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 25px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:165px;
  margin:auto auto;
  display: block;
}

.remortbutton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
    
	#chatbox {background:url('../img/2/barsheet.png');image-rendering:-moz-crisp-edges;position:absolute;left:50%;}
    
	#player-hotbar{image-rendering:-moz-crisp-edges;margin:auto auto; width:80px;height:16px; background-repeat:no-repeat;}
    
    .inventoryitem-empty {width:32px;height:32px;display:inline-block;}
    .inventoryitem-general {image-rendering:-moz-crisp-edges; width:32px;height:32px;display:inline-block;cursor:pointer;overflow:hidden;}
    
    .inventoryitem-bombpotion {background:url('../img/2/item-bombpotion.png');}
    .inventoryitem-key{background:url('../img/2/item-key.png');}
    .inventoryitem-keyred{background:url('../img/2/item-keyred.png');}
    .inventoryitem-keygold{background:url('../img/2/item-keygold.png');}
    .inventoryitem-keygreen{background:url('../img/2/item-keygreen.png');}
    .inventoryitem-keyblue{background:url('../img/2/item-keyblue.png');}
    .inventoryitem-firespell{background:url('../img/2/item-firespell.png');}
    .inventoryitem-healspell{background:url('../img/2/item-healspell.png');}
    .inventoryitem-icespell{background:url('../img/2/item-icespell.png');}
    .inventoryitem-tornadospell{background:url('../img/2/item-tornadospell.png');}
    .inventoryitem-terrorspell{background:url('../img/2/item-terrorspell.png');}
    .inventoryitem-shortbow{background:url('../img/2/item-shortbow.png');}
    .inventoryitem-pinearrow{background:url('../img/2/item-pinearrow.png');}
    .inventoryitem-cake{background:url('../img/2/item-cake.png');}
    .inventoryitem-flask{background:url('../img/2/item-flask.png');}
    .inventoryitem-book{background:url('../img/2/item-book.png');}
    .inventoryitem-burger{background:url('../img/2/item-burger.png');}
    .inventoryitem-warden{background:url('../img/2/item-warden-inventory.png');}
    .inventoryitem-firepotion{background:url('../img/2/item-firepotion.png');}
    .inventoryitem-manapotion{background:url('../img/2/item-manapotion.png');}
    .inventoryitem-healthpotion1{background:url('../img/2/item-healthpotion1.png');}
    .inventoryitem-healthpotion2{background:url('../img/2/item-healthpotion2.png');}
    .inventoryitem-healthpotion3{background:url('../img/2/item-healthpotion3.png');}
    .inventoryitem-manapotion1{background:url('../img/2/item-manapotion1.png');}
    .inventoryitem-manapotion2{background:url('../img/2/item-manapotion2.png');}
    .inventoryitem-manapotion3{background:url('../img/2/item-manapotion3.png');}
    .inventoryitem-restorepotion1{background:url('../img/2/item-restorepotion1.png');}
    .inventoryitem-restorepotion2{background:url('../img/2/item-restorepotion2.png');}
    .inventoryitem-restorepotion3{background:url('../img/2/item-restorepotion3.png');}
    .inventoryitem-hulkpotion1{background:url('../img/2/item-hulkpotion1.png');}
    .inventoryitem-hulkpotion2{background:url('../img/2/item-hulkpotion2.png');}
    .inventoryitem-hulkpotion3{background:url('../img/2/item-hulkpotion3.png');}
    .inventoryitem-cloth{background:url('../img/2/item-cloth.png');}
    .inventoryitem-ringplain{background:url('../img/2/item-ringplain.png');}
    .inventoryitem-ringwhite{background:url('../img/2/item-ringwhite.png');}
    .inventoryitem-ringgreen{background:url('../img/2/item-ringgreen.png');}
    .inventoryitem-ringblue{background:url('../img/2/item-ringblue.png');}
    .inventoryitem-ringpurple{background:url('../img/2/item-ringpurple.png');}
    .inventoryitem-ringorange{background:url('../img/2/item-ringorange.png');}
	
	.idnet-link a, .idnet-link:hover a, .idnet-link:active a, .idnet-link:link, .idnet-link:visited  a {
		color:#0355a5;
	}
	.idnet-button {
		-webkit-border-radius: 5;
		-moz-border-radius: 5;
		border-radius: 5px;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		color: #ffffff;
		font-size: 18px;
		background: #0354a5;
		padding: 3px 3px 3px 3px;
		text-decoration: none;
		cursor:pointer;
		text-align:center;
		display: block;
	}

	.idnet-button:hover {background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);  background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; }
    
    .quantitylabel {
        width: 16px;
        height: 16px;
        color: white;
        text-align: center;
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
    }
    
    
    #levelup-notification {
        position:absolute;
        display:none;
        z-index: 8;
        background:url('../img/1/levelup.png');
        -moz-transition:0.5s bottom ease;
        -webkit-transition:0.5s bottom ease;
        -o-transition:0.5s bottom ease;
        -ms-transition:0.5s bottom ease;
        transition:0.5s bottom ease;
    }
    
    
    #chatinput {color:#eee;}
    #chatinput.placeholder {color:#aaa;}

    div.clear{
      float: left;
      clear: both;
      width: 100%;
    }
	
	#pvp-overlay {
      font-family:'GraphicPixel';
      width: 200px;
      height: 100%;
      position: absolute;
      top: 10px;
      right: 20px;
      display: none;
	  padding:10px;
	  text-align:right;
	  float:right;
	  color:#FFF;
	}
	#kill-count{
		font-size:22px;
		color:#FFF;
		padding: 0 0 6px 0;
	}
	#leader-count1, #leader-count2, #leader-count3{
		font-size:20px;
		color:#FFF;
	}
	#areaname {
	  font-family:'GraphicPixel';
      color:#e3e3e3;
      background-color:rgba(0, 0, 0, 0.25);
      position: absolute;
      top: 15px;
      right: 15px;
      width: 140px;
      margin-right: 0px;
      padding: 15px;
      border-radius: 0 0 0 6px;
	  pointer-events:none;
	  text-transform: capitalize;
	  text-align: center;
	}
    #inspector {
      font-family:'GraphicPixel';
      color:#e3e3e3;
      background-color:rgba(0, 0, 0, 0.25);
      position: absolute;
      top: 15px;
      left: 15px;
      min-width: 140px;
      max-width: 200px;
      margin-left: 0px;
      padding: 4px;
      display: none;
      border-radius: 0 0 6px 0;
	  pointer-events:none;
   }
    #inspector .details {
      margin-bottom: 2px;
      text-transform: capitalize;
      text-align: center;
    }
     #inspector .name {
      text-transform: capitalize;
    }

   #inspector .level {
      margin-left: 5px;
      text-transform: capitalize;
   }

   #inspector .health {
      height: 5px;
      width: 100%;
      background: red;
      clear: left;
      margin-top: 2;
    }

    #dropDialog {
      font-family:'GraphicPixel';
      font-size: 9pt;
      color:#e3e3e3;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -76px;
      margin-top: -23px;
      padding: 5px;
      background: rgba(45, 45, 45, 0.8);
      border-radius: 6px 6px 6px 6px;
      display: none;
    }
    #dropDialog.active {
      display: block;
    }
    #dropTitle {
      text-align: center;
    }
    #dropAccept, #dropCancel {
      background: rgb(120, 120, 120);
      cursor: hand;
    }

    .bubble p {-moz-user-select:none;-webkit-user-select:none;}
    
    #instructions {position:absolute;top:50%;left:50%;z-index:1000;font-family:'GraphicPixel';pointer-events:none;opacity:0;-moz-transition:0.25s opacity linear;-webkit-transition:0.4s top ease, 0.4s opacity linear;-o-transition:0.4s top ease, 0.4s opacity linear;-ms-transition:0.4s top ease, 0.4s opacity linear;transition:0.4s top ease, 0.4s opacity linear;}
    #instructions.active, #achievements.active, #leaderboards.active, #about.active, #store.active, #crystalstore.active, #characterselect.active, #remortdialog.active {opacity:1;pointer-events:auto;}
    
    #weapon, #armor {image-rendering:-moz-crisp-edges;}

    #achievements, .fullparchment, #achievements li, .coin, #coinsparks, .achievement-sharing a, #previous, #next {background:url('../img/1/achievements.png');image-rendering:-moz-crisp-edges;}
    #achievements, .fullparchment{font-family:'GraphicPixel'; position:absolute;top:50%;left:50%;z-index:1000;opacity:0;pointer-events:none;-moz-transition:0.25s opacity linear;-webkit-transition:0.4s top ease, 0.4s opacity linear;-o-transition:0.4s top ease, 0.4s opacity linear;-ms-transition:0.4s top ease, 0.4s opacity linear;transition:0.4s top ease, 0.4s opacity linear;}
    #achievements li {clear:both;position:relative;}
    #achievements li .coin, #achievements li .achievement-name {float:left;}
    #achievements li .coin {opacity:0;}
    #achievements li.unlocked .achievement-name {color:#fce045;}
    #achievements li.unlocked .coin {opacity:1;}
    #achievements .achievement-name {color:#fff;}
    #achievements .achievement-description {float:right;width:65%;}
    #achievement-notification {position:absolute;z-index:8;bottom:0;left:50%;text-align:center;font-family:'GraphicPixel';pointer-events:none;-moz-transition:0.3s height ease;-webkit-transition:0.3s height ease;-o-transition:0.3s height ease;-ms-transition:0.3s height ease;}
    #achievement-notification .name, #achievement-notification .title {opacity:0;-moz-transition:0.3s opacity linear;-webkit-transition:0.3s opacity linear;-o-transition:0.3s opacity linear;-ms-transition:0.3s opacity linear;transition:0.3s opacity linear;}
    #achievement-notification.active .name, #achievement-notification.active .title {opacity:1;}
    #achievement-info {overflow:hidden;height:100%;}
    .achievement-sharing {position:absolute;display:none;}
    #achievements li.unlocked:hover .achievement-sharing {display:block;}
    .achievement-sharing a {display:block;float:left;}
    
	#bubbles a {pointer-events:auto;text-decoration:none;color:#fcda5c;}

    .link:hover {cursor:pointer;color:#d83939;}
    .play img {display:none;}
    #create-new {margin-top:2em;}
    #playername {color:#fff;}

    .validation-summary {margin:.5em;}
    .validation-error {color:#880000;text-shadow:2px 2px 2px #ff6666;}
    @keyframes blink { 0% {color:red;} 100% {color:#880000;}}
    @-webkit-keyframes blink { 0% {color:red;} 100% {color:#880000;}}
    .blink {-webkit-animation:blink 0.3s linear 5 alternate;-moz-animation:blink 0.3s linear 5 alternate;animation:blink 0.3s linear 5 alternate;}

    #credits, #loadcharacter, #whatsnewlist, #idnet-login, #confirmation, #guest, #death, #error, #joinidnet, #profile, #convertcharacter, #legal {position:absolute;left:50%;text-align:center;font-family:'GraphicPixel', sans-serif;z-index:1000;}
    
    #playerimage {image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast;}
    
    #parchment p {font-family:'GraphicPixel';}
    
    #credits, #death, #joinidnet, #profile, #convertcharacter {top:50%;}
    .intro #credits, .intro #joinidnet, .intro #profile, .intro #convertcharacter {top:55%;}
    #credits h1 a {color:#fcda5c;text-decoration:none;}
    #authors div a {display:block;color:#fff;text-decoration:none;}
    #authors div a:hover, #credits h1 a:hover {color:#93C1FF;}
    #seb {clear:both;}

    #portrait {display:none;}

    footer {font-family:'GraphicPixel';position:absolute;bottom:5%;left:0;text-align:center;width:100%;color:#c6c0a3;-moz-transition:0.2s opacity linear;-webkit-transition:0.2s opacity linear;-o-transition:0.2s opacity linear;-ms-transition:0.2s opacity linear;transition:0.2s opacity linear;}
    .upscaled.game footer {color:#8a8a8a;}
    
    .intro footer {opacity:1;}
    footer:hover {opacity:1;}
  
    #sharing a {display:block;float:right;background-size:844px;position:relative;top:-2px;}
    #sharing .facebook {height:22px;width:22px;background-position:-822px -224px;margin:0 12px 0 12px;}
    #sharing .facebook:hover {background-position:-822px -224px;}
    #sharing .twitter {height:22px;width:32px;background-position:-770px -224px;margin:0 12px 0 0;}
    #sharing .twitter:hover {background-position:-770px -224px;}
    #sharing .gplus {height:22px;width:22px;background:url('../img/common/gplus.png');margin:0 12px 0 0px;}
    #toggle-credits {display:inline-block;margin-left:12px;}
    #legal-link a {text-decoration:none;color:inherit;}
    #credits-link span:hover, #privacy-link span:hover, #legal-link a:hover {color:#fcda5c;cursor:pointer;}
    
    #sharing a:hover {-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
    #sharing a:active {-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

    .close {position:absolute;z-index:20000;}
    .close:hover {cursor:pointer;}
    
	.bubble {background:rgba(45,45,45,0.8);padding:0px 12px 0px 12px;border-radius:8px;color:rgba(255,255,255,0.8);display:inline-block;text-align:center;position:absolute;}
	.thingy {height:10px;width:11px;background:url('../img/common/thingy.png');margin:0 auto;margin-top:-10px;top:10px;position:relative;}
    
    .alert {height:50px;background:#d83939;width:100%;color:#eee;font-size:20px;font-family:'GraphicPixel', arial, sans-serif;text-align:center;line-height:50px;border-bottom:1px solid #000;}

    #instructions, #achievements, .fullparchment, #lists, #joinidnet, #profile, #convertcharacter, #credits, .play, .play div, .barbutton {-webkit-tap-highlight-color:transparent;}
    #nameinput::-webkit-input-placeholder  {color:#fff;}

    #resize-check {position:absolute;height:0;top:0;left:0;-moz-transition:0.001s height ease;-webkit-transition:0.001s height ease;-o-transition:0.001s height ease;-ms-transition:0.001s height ease;transition:0.001s height ease;}

    #death p em {display:block;font-style:normal;}
    
    #legal p {width:75%;font-size:25px;line-height:35px;}
    #legal p a {color:#2e7fdd;text-decoration:none;}
    #close-legal {font-size:20px;margin-top:30px;}
    #toggle-legal, #legal-link a {padding:0 10px;}
    
    #createcharacter form {position:relative;}
    
    #name-tooltip {width:400px;height:30px;padding:10px 0;font-size:20px;background:#373737;position:absolute;left:50%;margin-left:-200px;color:#fff;border-radius:8px;line-height:30px;top:-40px;opacity:0;-moz-transition:0.25s opacity ease;-webkit-transition:0.25s opacity ease;-o-transition:0.25s opacity ease;-ms-transition:0.25s opacity ease;transition:0.25s opacity ease;pointer-events:none;}
    #name-tooltip:after {content:url('../img/common/arrow.png');width:28px;height:16px;position:absolute;bottom:-8px;left:50%;margin-left:-14px;}
    #name-tooltip.visible {opacity:.9;}
    
    .opera #name-tooltip {display:none;}
    .opera #name-tooltip.visible {display:block;}

/* Magic Parchment */

    .parchment-left {position:absolute;top:0;left:0%;}
    .parchment-right {position:absolute;top:0;right:0%;}
    .parchment-middle {position:absolute;left:50%;top:0;}
    .animate .parchment-left {-moz-animation:parchleft 1s ease 1;-webkit-animation:parchleft 1s ease 1;-o-animation:parchleft 1s ease 1;-ms-animation:parchleft 1s ease 1;animation:parchleft 1s ease 1;}
    .animate .parchment-right {-moz-animation:parchright 1s ease 1;-webkit-animation:parchright 1s ease 1;-o-animation:parchright 1s ease 1;-ms-animation:parchright 1s ease 1;animation:parchright 1s ease 1;}

    #credits, #createcharacter, #idnet-login, #loadcharacter, #whatsnewlist, #confirmation, #guest, #death, #error, #joinidnet, #profile, #convertcharacter, #legal {opacity:0;pointer-events:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
    .credits #credits, .createcharacter #createcharacter, .loadcharacter #loadcharacter, .whatsnewlist #whatsnewlist, .idnet-login  #idnet-login, .confirmation #confirmation, .guest #guest , .death #death, .error #error, .joinidnet #joinidnet, .profile #profile, .convertcharacter #convertcharacter, .legal #legal {opacity:1;pointer-events:auto;-moz-transition:0.5s opacity linear;-webkit-transition:0.5s opacity linear;-o-transition:0.5s opacity linear;-ms-transition:0.5s opacity linear;transition:0.5s opacity linear;}

/* States & Transitions */

    #intro {-moz-transition:0.4s opacity linear;-webkit-transition:0.4s opacity linear;-o-transition:0.4s opacity linear;-ms-transition:0.4s opacity linear;transition:0.4s opacity linear;}
    #mask, #logo, #parchment {opacity:0;}
    .intro #logo, .intro #parchment {opacity:1;}

    .game #confirmation, .game #guest, .game #loadcharacter, .game #whatsnewlist, .game #idnet-login, .game #createcharacter, .game #createcharacter, .game #error {display:none;}

    .game #parchment {z-index:0;-moz-transition:0.5s opacity linear 0.5s, 0s z-index linear 1s;-webkit-transition:0.5s opacity linear 0.5s, 0s z-index linear 1s;-o-transition:0.5s opacity linear 0.5s, 0s z-index linear 1s;-ms-transition:0.5s opacity linear 0.5s, 0s z-index linear 1s;transition:0.5s opacity linear 0.5s, 0s z-index linear 1s;top:50%;}
    .game #credits, .game #death, .game #joinidnet, .game #profile, .game #convertcharacter {opacity:0;-moz-transition:0s opacity linear 0s;-webkit-transition:0s opacity linear 0s;-o-transition:0s opacity linear 0s;-ms-transition:0s opacity linear 0s;transition:0s opacity linear 0s;}
    .game.credits #credits, .game.death #death, .game.joinidnet #joinidnet, .game.profile #profile, .game.convertcharacter #convertcharacter, .game.legal #legal {opacity:1;-moz-transition:0.5s opacity linear 0.5s;-webkit-transition:0.5s opacity linear 0.5s;-o-transition:0.5s opacity linear 0.5s;-ms-transition:0.5s opacity linear 0.5s;transition:0.5s opacity linear 0.5s;}
    .game.credits #parchment, .game.death #parchment, .game.joinidnet #parchment, .game.profile #parchment, .game.convertcharacter #parchment, .game.legal #parchment {opacity:1;-moz-transition:0.5s opacity linear 0s, 0s z-index linear 0s;-webkit-transition:0.5s opacity linear 0s, 0s z-index linear 0s;-o-transition:0.5s opacity linear 0s, 0s z-index linear 0s;-ms-transition:0.5s opacity linear 0s, 0s z-index linear 0s;transition:0.5s opacity linear 0s, 0s z-index linear 0s;z-index:200;}
    .game .parchment-left {-moz-transition:0.5s left ease;-webkit-transition:0.5s left ease;-o-transition:0.5s left ease;-ms-transition:0.5s left ease;transition:0.5s left ease;left:41%;}
    .game .parchment-right {-moz-transition:0.5s right ease;-webkit-transition:0.5s right ease;-o-transition:0.5s right ease;-ms-transition:0.5s right ease;transition:0.5s right ease;right:41%;}
    .game .parchment-middle {-moz-transition:0.5s width ease, 0.5s margin-left ease, 0.5s background-position ease;-webkit-transition:0.5s width ease, 0.5s margin-left ease, 0.5s background-position ease;-o-transition:0.5s width ease, 0.5s margin-left ease, 0.5s background-position ease;-ms-transition:0.5s width ease, 0.5s margin-left ease, 0.5s background-position ease;transition:0.5s width ease, 0.5s margin-left ease, 0.5s background-position ease;width:0px;margin-left:0px;}
    .game.credits .parchment-left, .game.death .parchment-left, .game.joinidnet .parchment-left, .game.profile .parchment-left, .game.convertcharacter .parchment-left, .game.legal .parchment-left {left:0%;}
    .game.credits .parchment-right, .game.death .parchment-right, .game.joinidnet .parchment-right, .game.profile .parchment-right, .game.convertcharacter .parchment-right, .game.legal .parchment-right {right:0%;}

    #container {z-index:100;background:#25221b;overflow:hidden;-moz-transition:1s opacity linear 0.5s;-webkit-transition:1s opacity linear 0.5s;-o-transition:1s opacity linear 0.5s;-ms-transition:1s opacity linear 0.5s;transition:1s opacity linear 0.5s;}
    .intro #container {opacity:0;pointer-events:none;}
    .game #container {opacity:1;}

    #logo, #parchment {-moz-transition:0.5s opacity linear;-webkit-transition:0.5s opacity linear;-o-transition:0.5s opacity linear;-ms-transition:0.5s opacity linear;transition:0.5s opacity linear;}

    @-moz-keyframes flash { 0% {background:#ffa2a2;} 100% {background:#e22525; }}
    @-webkit-keyframes flash { 0% {background:#ffa2a2;} 100% {background:#e22525; }}
    @-o-keyframes flash { 0% {background:#ffa2a2;} 100% {background:#e22525; }}
    @-ms-keyframes flash { 0% {background:#ffa2a2;} 100% {background:#e22525; }}
    
    @-moz-keyframes glow { from {color:#fcda5c;} to {color:#fff;} }
    @-webkit-keyframes glow { from {color:#fcda5c;} to {color:#fff;} }
    @-o-keyframes glow { from {color:#fcda5c;} to {color:#fff;} }
    @-ms-keyframes glow { from {color:#fcda5c;} to {color:#fff;} }
    
    @-moz-keyframes parchleft { 0% { left:0%; } 45% { left:41%; } 55% { left:41%; } 100% { left:0%; }}
    @-webkit-keyframes parchleft { 0% { left:0%; } 45% { left:41%; } 55% { left:41%; } 100% { left:0%; }}
    @-o-keyframes parchleft { 0% { left:0%; } 45% { left:41%; } 55% { left:41%; } 100% { left:0%; }}
    @-ms-keyframes parchleft { 0% { left:0%; } 45% { left:41%; } 55% { left:41%; } 100% { left:0%; }}
    @-moz-keyframes parchright { 0% {right:0%; } 45% { right:41%; } 55% { right:41%; } 100% { right:0%; }}
    @-webkit-keyframes parchright { 0% {right:0%; } 45% { right:41%; } 55% { right:41%; } 100% { right:0%; }}
    @-o-keyframes parchright { 0% {right:0%; } 45% { right:41%; } 55% { right:41%; } 100% { right:0%; }}
    @-ms-keyframes parchright { 0% {right:0%; } 45% { right:41%; } 55% { right:41%; } 100% { right:0%; }}

    @-moz-keyframes parchmiddle3 {
        0% {width:1038px;margin-left:-519px;background-position:-114px -882px;}
        45% {width:0px;margin-left:0px;background-position: -633px -882px;}
        55% {width:0px;margin-left:0px;background-position: -633px -882px;}
        100% {width:1038px;margin-left:-519px;background-position: -114px -882px;}
    }
    @-webkit-keyframes parchmiddle3 {
        0% {width:1038px;margin-left:-519px;background-position:-114px -882px;}
        45% {width:0px;margin-left:0px;background-position: -633px -882px;}
        55% {width:0px;margin-left:0px;background-position: -633px -882px;}
        100% {width:1038px;margin-left:-519px;background-position: -114px -882px;}
    }
    @-o-keyframes parchmiddle3 {
        0% {width:1038px;margin-left:-519px;background-position:-114px -882px;}
        45% {width:0px;margin-left:0px;background-position: -633px -882px;}
        55% {width:0px;margin-left:0px;background-position: -633px -882px;}
        100% {width:1038px;margin-left:-519px;background-position: -114px -882px;}
    }
    @-ms-keyframes parchmiddle3 {
        0% {width:1038px;margin-left:-519px;background-position:-114px -882px;}
        45% {width:0px;margin-left:0px;background-position: -633px -882px;}
        55% {width:0px;margin-left:0px;background-position: -633px -882px;}
        100% {width:1038px;margin-left:-519px;background-position: -114px -882px;}
    }

    @-moz-keyframes parchmiddle2 {
        0% {width:692px;margin-left:-346px;background-position:-76px -588px;}
        45% {width:0px;margin-left:0px;background-position: -422px -588px;}
        55% {width:0px;margin-left:0px;background-position: -422px -588px;}
        100% {width:692px;margin-left:-346px;background-position:-76px -588px;}
    }
    @-webkit-keyframes parchmiddle2 {
        0% {width:692px;margin-left:-346px;background-position:-76px -588px;}
        45% {width:0px;margin-left:0px;background-position: -422px -588px;}
        55% {width:0px;margin-left:0px;background-position: -422px -588px;}
        100% {width:692px;margin-left:-346px;background-position:-76px -588px;}
    }
    @-o-keyframes parchmiddle2 {
        0% {width:692px;margin-left:-346px;background-position:-76px -588px;}
        45% {width:0px;margin-left:0px;background-position: -422px -588px;}
        55% {width:0px;margin-left:0px;background-position: -422px -588px;}
        100% {width:692px;margin-left:-346px;background-position:-76px -588px;}
    }
    @-ms-keyframes parchmiddle2 {
        0% {width:692px;margin-left:-346px;background-position:-76px -588px;}
        45% {width:0px;margin-left:0px;background-position: -422px -588px;}
        55% {width:0px;margin-left:0px;background-position: -422px -588px;}
        100% {width:692px;margin-left:-346px;background-position:-76px -588px;}
    }

    @-moz-keyframes parchmiddle1 {
        0% {width:346px;margin-left:-173px;background-position:-38px -294px;}
        45% {width:0px;margin-left:0px;background-position: -211px -294px;}
        55% {width:0px;margin-left:0px;background-position: -211px -294px;}
        100% {width:346px;margin-left:-173px;background-position:-38px -294px;}
    }
    @-webkit-keyframes parchmiddle1 {
        0% {width:346px;margin-left:-173px;background-position:-38px -294px;}
        45% {width:0px;margin-left:0px;background-position: -211px -294px;}
        55% {width:0px;margin-left:0px;background-position: -211px -294px;}
        100% {width:346px;margin-left:-173px;background-position:-38px -294px;}
    }
    @-o-keyframes parchmiddle1 {
        0% {width:346px;margin-left:-173px;background-position:-38px -294px;}
        45% {width:0px;margin-left:0px;background-position: -211px -294px;}
        55% {width:0px;margin-left:0px;background-position: -211px -294px;}
        100% {width:346px;margin-left:-173px;background-position:-38px -294px;}
    }
    @-ms-keyframes parchmiddle1 {
        0% {width:346px;margin-left:-173px;background-position:-38px -294px;}
        45% {width:0px;margin-left:0px;background-position: -211px -294px;}
        55% {width:0px;margin-left:0px;background-position: -211px -294px;}
        100% {width:346px;margin-left:-173px;background-position:-38px -294px;}
    }


    @-moz-keyframes coinsparks1 { from { background-position: -216px -248px; } to { background-position: -360px -248px; }}
    @-webkit-keyframes coinsparks1 { from { background-position: -216px -248px; } to { background-position: -360px -248px; }}
    @-o-keyframes coinsparks1 { from { background-position: -216px -248px; } to { background-position: -360px -248px; }}
    @-ms-keyframes coinsparks1 { from { background-position: -216px -248px; } to { background-position: -360px -248px; }}
    @-moz-keyframes coinsparks2 { from { background-position: -432px -496px; } to { background-position: -720px -496px; }}
    @-webkit-keyframes coinsparks2 { from { background-position: -432px -496px; } to { background-position: -720px -496px; }}
    @-o-keyframes coinsparks2 { from { background-position: -432px -496px; } to { background-position: -720px -496px; }}
    @-ms-keyframes coinsparks2 { from { background-position: -432px -496px; } to { background-position: -720px -496px; }}
    @-moz-keyframes coinsparks3 { from { background-position: -648px -744px; } to { background-position: -1080px -744px; }}
    @-webkit-keyframes coinsparks3 { from { background-position: -648px -744px; } to { background-position: -1080px -744px; }}
    @-o-keyframes coinsparks3 { from { background-position: -648px -744px; } to { background-position: -1080px -744px; }}
    @-ms-keyframes coinsparks3 { from { background-position: -648px -744px; } to { background-position: -1080px -744px; }}

	@media screen and (min-width: 1501px) {
	    
	    .upscaled .left-ornament, .upscaled .right-ornament, .upscaled #character, .upscaled #character div, .upscaled .button, .upscaled .button div, .upscaled .logobutton,  .upscaled .logobutton div, .upscaled #respawn, .upscaled #scroll, .upscaled #instructions, .upscaled .icon, .upscaled #tilt, .upscaled .parchment-left, .upscaled .parchment-middle, .upscaled .parchment-right, .upscaled .avatar, .upscaled .facebook, .upscaled .twitter, .upscaled .close, .upscaled .ext-link {background-image:url('../img/3/spritesheet.png');}
	    .upscaled #bar-container, .upscaled .barbutton, .upscaled #chatbox{background-image:url('../img/3/barsheet.png');}
	    .upscaled #achievements, .upscaled .fullparchment, .upscaled #achievements li, .upscaled .coin, .upscaled #coinsparks, .upscaled .achievement-sharing a, .upscaled #previous, .upscaled #next {background:url('../img/3/achievements.png');}

		#player-hotbar{background:url('../img/3/player-hotbar.png');image-rendering:-moz-crisp-edges; width:240px;height:48px; background-repeat:no-repeat;}
        .inventoryitem-empty {width:48px;height:48px;}
        .inventoryitem-bombpotion {background:url('../img/3/item-bombpotion.png'); width:48px;height:48px;}
        .inventoryitem-key {background:url('../img/3/item-key.png'); width:48px;height:48px;}
        .inventoryitem-keyred {background:url('../img/3/item-keyred.png'); width:48px;height:48px;}
        .inventoryitem-keygold {background:url('../img/3/item-keygold.png'); width:48px;height:48px;}
        .inventoryitem-keygreen {background:url('../img/3/item-keygreen.png'); width:48px;height:48px;}
        .inventoryitem-keyblue {background:url('../img/3/item-keyblue.png'); width:48px;height:48px;}
        .inventoryitem-firespell {background:url('../img/3/item-firespell.png'); width:48px;height:48px;}
        .inventoryitem-healspell {background:url('../img/3/item-healspell.png'); width:48px;height:48px;}
        .inventoryitem-icespell {background:url('../img/3/item-icespell.png'); width:48px;height:48px;}
        .inventoryitem-tornadospell {background:url('../img/3/item-tornadospell.png'); width:48px;height:48px;}
        .inventoryitem-terrorspell {background:url('../img/3/item-terrorspell.png'); width:48px;height:48px;}
        .inventoryitem-shortbow {background:url('../img/3/item-shortbow.png'); width:48px;height:48px;}
        .inventoryitem-pinearrow {background:url('../img/3/item-pinearrow.png'); width:48px;height:48px;}
        .inventoryitem-cake{background:url('../img/3/item-cake.png');width:48px;height:48px;}
        .inventoryitem-flask{background:url('../img/3/item-flask.png');width:48px;height:48px;}
        .inventoryitem-book{background:url('../img/3/item-book.png');width:48px;height:48px;}
        .inventoryitem-burger{background:url('../img/3/item-burger.png');width:48px;height:48px;}
        .inventoryitem-warden{background:url('../img/3/item-warden-inventory.png');width:48px;height:48px;}
        .inventoryitem-firepotion{background:url('../img/3/item-firepotion.png');width:48px;height:48px;}
        .inventoryitem-manapotion{background:url('../img/3/item-manapotion.png');width:48px;height:48px;}
        .inventoryitem-healthpotion1{background:url('../img/3/item-healthpotion1.png');width:48px;height:48px;}
        .inventoryitem-healthpotion2{background:url('../img/3/item-healthpotion2.png');width:48px;height:48px;}
        .inventoryitem-healthpotion3{background:url('../img/3/item-healthpotion3.png');width:48px;height:48px;}
        .inventoryitem-manapotion1{background:url('../img/3/item-manapotion1.png');width:48px;height:48px;}
        .inventoryitem-manapotion2{background:url('../img/3/item-manapotion2.png');width:48px;height:48px;}
        .inventoryitem-manapotion3{background:url('../img/3/item-manapotion3.png');width:48px;height:48px;}
        .inventoryitem-restorepotion1{background:url('../img/3/item-restorepotion1.png');width:48px;height:48px;}
        .inventoryitem-restorepotion2{background:url('../img/3/item-restorepotion2.png');width:48px;height:48px;}
        .inventoryitem-restorepotion3{background:url('../img/3/item-restorepotion3.png');width:48px;height:48px;}
        .inventoryitem-hulkpotion1{background:url('../img/3/item-hulkpotion1.png');width:48px;height:48px;}
        .inventoryitem-hulkpotion2{background:url('../img/3/item-hulkpotion2.png');width:48px;height:48px;}
        .inventoryitem-hulkpotion3{background:url('../img/3/item-hulkpotion3.png');width:48px;height:48px;}
        .inventoryitem-cloth{background:url('../img/3/item-cloth.png');width:48px;height:48px;}
        
        .inventoryitem-ringplain{background:url('../img/3/item-ringplain.png');width:48px;height:48px;}
        .inventoryitem-ringwhite{background:url('../img/3/item-ringwhite.png');width:48px;height:48px;}
        .inventoryitem-ringgreen{background:url('../img/3/item-ringgreen.png');width:48px;height:48px;}
        .inventoryitem-ringblue{background:url('../img/3/item-ringblue.png');width:48px;height:48px;}
        .inventoryitem-ringpurple{background:url('../img/3/item-ringpurple.png');width:48px;height:48px;}
        .inventoryitem-ringorange{background:url('../img/3/item-ringorange.png');width:48px;height:48px;}
        

        .cristaltitle {width:200px;display:inline-block;position: relative;bottom: 12px;}
		.crystalstoregrid {width:1000px;display:block;margin: 50px auto 30px;}
		#crystalstorenotice {width:400px;display:block;margin: 10px auto;text-align: center;}
		.crystalstoregridtile {width: 250px;height: 100px;display:inline-block;cursor:pointer;}
		.crystalstoretileimage {width: 80px;height: 80px;display: block;background-repeat: no-repeat;background-size: 80px auto;-webkit-background-size: 80px auto;-o-background-size: 80px auto;-moz-background-size: 80px auto;margin: 30px 85px;}
		.iconcrystalblue {width: 48px;height: 48px;background-image: url(../img/3/item-crystalblue.png);display:inline-block;}
		.crystalstoretileprice {width: 70px;display:inline-block;text-align: right;margin: 20px 0 0 60px;}
		.storenotice {margin: 140px;}
		
		#cristalpromise {width:100%; text-align: center; margin: 20px 0 0 0;}
		.cristalpromisetext {width: 800px; display: inline-block; position: relative; bottom: 12px; text-align: left;}
		
		.quantitylabel {
            width: 20px;
            height: 20px;
            font-size: 20px;
        }
        
        
        #levelup-notification {
            width: 384px;
            height: 384px;
            bottom: -384px;
            margin-left: 528px;
            background:url('../img/3/levelup.png');
        }
        
         #levelup-notification.active  {bottom:88px;}
		
		div .loading{background:url('../img/3/loading.gif');width:630px;height:260px; margin:auto auto; display:block;}
		#about .title {padding:12px 0 16px 0; font-weight:bold;  font-size:22px;}
		#about .friendtitle {padding:12px 0 2px 0; font-weight:bold; }
		#about .botsep {padding:0 0 14px 0;}
		#about .page {margin:25px 0 0 0; font-size:20px;}
		#playerimage {height: 96px; width: 96px;}
		.chatArea{bottom:114px; font-size:15px; height:12%;}
		.friendsitem{font-size:18px;}
		.idnet-button {font-size: 18px; }
		.pvpleaders , .expleaders { overflow-y:auto; height:470px; padding: 8px 5px;}
		#friendslist { min-height:70px; max-height:270px;}
        
		body {background:-moz-radial-gradient(rgba(0,0,0,0) 40%,rgba(0,0,0,1) 125%), url('../img/3/brick.png') repeat, #000; background-size:auto, 384px;}
        body {background:-webkit-gradient(radial, center center, 360, center center, 1200, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))), url('../img/3/brick.png') repeat, #000; background-size:auto, 384px;}
        .left-ornament, .right-ornament, #character, #character div, .button, .button div, .logobutton, .logobutton div, #respawn, #scroll, #instructions, .icon, .avatar, .close, #note, .ext-link {background-size:1266px auto;}
        #logo {height:183px;width:1500px;position:absolute;top:4%;left:50%;margin-left:-750px;z-index:3; background:url('../img/3/logo.png');}
        #parchment, #loadcharacter, #whatsnewlist, #idnet-login, #confirmation, #guest, #error, #legal {width:1266px;height:546px;position:absolute;top:55%;left:50%;margin-left:-633px;margin-top:-273px;font-size:30px;text-align:center;z-index:2;}
        #parchment h1 {margin-top:60px;font-weight:normal;}
        .left-ornament, .right-ornament {height:36px;width:93px;display:inline-block;margin:0 20px;position:relative;top:12px;}
        .left-ornament {background-position:-1062px 0;}
        .right-ornament {background-position:-1155px 0;}
        #character {height:63px;width:36px;margin:0 auto;background-position:-1062px -36px;margin-top:45px;position:relative;}
        #character div {height:63px;width:36px;position:absolute;top:0;left:0;background-position:-1098px -36px;opacity:1;}
        #character.disabled div {opacity:0;pointer-events:none;}
        #parchment input {margin-top:30px; padding:0 15px; border:3px dashed #b2af9b; font-size:30px;border-radius:9px;height:61px;}
        #parchment.createcharacter input {margin-top:20px;height:50px;}
        #createcharacter .play {margin: 10px auto 10px auto;}
        .button {height:81px;width:306px;margin:20px auto 0 auto;position:relative;}
		.logobutton {height:93px;width:306px;margin:30px auto 0 auto;position:relative;}
        .play div {height:153px;width:375px;background-position:-687px 0px;}
        .play div:active {background-position:-687px -459px;}
        .stroke, .achievement-name {text-shadow:3px 3px 0 #373737, 3px -3px 0 #373737, 0 3px 0 #373737, 3px 0 0 #373737, -3px 3px 0 #373737, -3px -3px 0 #373737, 0 -3px 0 #373737, 0 3px 0 #373737, -3px 0 0 #373737;}

        #loadcharacter h1, #whatsnewlist h1, #idnet-login h1, #confirmation h1, #guest h1, #error h1, #legal h1 {margin-top:30px;}
        #playername {margin-top:15px;}
        #confirmation p, #guest p, #error p {font-size:30px;margin-top:60px;line-height:40px;}
		#createcharacter p {font-size:20px;}
        #legal p {margin:50px auto 0;}
        #error p {width:70%;margin:60px auto 0;}
		.logobutton.login{background-position:0 -1566px;}
		.logobutton.register{background-position:0 -1659px;}
		.button.continue{background-position:-306px -1566px;}
		.button.whatsnew{background-position:-752px -1485px;}
		.button.cancel{background-position:-306px -1647px;}
		.button.play{background-position:-612px -1566px;}
		.button.guest{background-position:-612px -1647px;}
		.button.create{background-position:-918px -1566px;}
		.button.newplayer{background-position:-918px -1647px;}
		.validation-error {font-size:22px;}

		#container {width:1470px;margin:0 auto;position:absolute;top:50%;margin-top:-378px;left:50%;margin-left:-735px;}
		#canvasborder {padding:15px;background:url('../img/3/border.png') no-repeat;}
		#canvas {width:100%;height:672px;}
		#fade {width:1440px;height:672px;top:15px;left:15px;}
		
		#instructions {height:542px;width:1268px;background-position:0 -884px;margin-left:-624px;margin-top:-279px;color:#373737;}
		#instructions h1 {font-size:40px;text-align:center;margin:50px 0 0;}
        #instructions ul {font-size:30px;}
        #instructions ul li {margin:50px 115px 0 70px; clear:left;}
        #instructions li:nth-child(1) span {height:87px;width:45px;background-position:-1134px -36px; display:block;float:left;margin: 0 30px 0 60px;position: relative;top: -39px;}
        #instructions li:nth-child(2) span {height:48px;width:39px;background-position:-1179px -36px; display:block;float:left;margin: 0 36px 0 60px;position: relative;top: -9px;}
        #instructions li:nth-child(3) span {height:48px;width:48px;background-position:-1056px -48px; display:block;float:left;margin: 0 27px 0 60px;position: relative;top: -18px;}
		#instructions li:nth-child(4) span {height:48px;width:48px;background-position:-1008px -48px; display:block;float:left;margin: 0 27px 0 60px;position: relative;top: -18px;}
		#instructions li:nth-child(5) span {height:48px;width:48px;background-position:-1008px 0; display:block;float:left;margin: 0 27px 0 60px;position: relative;top: -18px;}
        #instructions p {text-align:center;font-family:'GraphicPixel';font-size:20px;clear:left;margin-top:50px;}
		
		#joinidnet p, #profile p , .fullparchment p {text-align:center;font-family:'GraphicPixel';font-size:24px;clear:left;margin-top:20px;}
        
        .close {height:48px;width:48px;top:-12px;right:-15px;background-position:-1062px -378px;}
        .close:hover {background-position:-1110px -378px;}
        .close:active {background-position:-1158px -378px;}
        #whatsnewlist .close{top:40px;right:135px}
        
        /*Death & Respawn*/
        #death p {font-size:30px;margin-top:140px;}
        #death p em {margin-top:50px;}
		#respawn {width:375px;height:105px;margin:60px auto 0 auto;background-position: 0 -1461px;}
		#respawn:active {background-position:-375px -1461px;}
		
		
		/*Bubbles*/
		#bubbles {width:1440px;height:672px;margin-bottom:-672px;position:relative;top:-672px;pointer-events:none;}
		p {font-family:arial, sans-serif;font-size:12px;margin:0;padding:12px 0}
	    .bubble p {font-family:"GraphicPixel"; font-size:18px;line-height:24px;}
	    
	    /*GUI Bar*/
		#bar-container, #chatbutton, #achievementsbutton, #helpbutton, #mutebutton {background:url('../img/3/barsheet.png');}
		#bar-container {height:51px;bottom:0;}
		#hotbar{margin:-1px 0 0 142px;}
		#healthglobe{position:absolute; width:123px; height:78px; bottom:0px; left:2px;}
		#healthfull{position:absolute; width:123px; height:78px; bottom:0px; left:0px; z-index: 31; overflow:hidden; background:url('../img/3/health_full.png');}
		#healthempty{position:absolute; width:123px; height:78px; top:0px; left:0px; z-index: 30; background:url('../img/3/health_empty.png');}
		#managlobe{position:absolute; width:123px; height:78px; bottom:0px; right:2px;}
		#manafull{position:absolute; width:123px; height:78px; bottom:0px; left:0px; z-index: 31; overflow:hidden; background:url('../img/3/mana_full.png');}
		#manaempty{position:absolute; width:123px; height:78px; top:0px; left:0px; z-index: 30; background:url('../img/3/mana_empty.png');}
		#healthtext{font-family:'GraphicPixel';position:absolute; width:80px; height:18px; bottom:30px; left:15px; z-index: 32; text-align: center;font-size:16px;color: #FFFFFF;}
		#manatext{font-family:'GraphicPixel';position:absolute; width:80px; height:18px; bottom:30px; right:15px; z-index: 32; text-align: center;font-size:16px;color: #FFFFFF;}

        #armor, #weapon {width:48px;height:48px;background-size:288px;background-position:-96px;}
		
		#barbuttons{padding:3px 145px 0 0;}
        .barbutton {width:44px;height:45px;float:left;}
		#playercount {font-size:20px;padding:18px 30px 0 0; width:172px;text-align:center;}
        #chatbutton {background-position:0 -51px;}
        #chatbutton:hover {background-position:-44px -51px;}
        #chatbutton.active {background-position:-88px -51px;}
        #achievementsbutton {background-position:-132px -51px;}
        #achievementsbutton:hover, #achievementsbutton.blink:hover {background-position:-176px -51px;}
        #achievementsbutton.blink {background-position:-528px -51px;}
        #achievementsbutton.active {background-position:-220px -51px;}
        #helpbutton {background-position:-264px -51px;}
        #helpbutton:hover {background-position:-308px -51px;}
        #helpbutton.active {background-position:-352px -51px;}
        #mutebutton {background-position:-396px -51px;}
        #mutebutton:hover {background-position:-440 -51px;}
        #mutebutton.active {background-position:-484px -51px;}
        
        #chatbox {background:url('../img/3/barsheet.png');position:absolute;height:48px;width:1182px;background-position:0 -96px;margin-left:-591px;bottom:51px;}
		#chatbox input {font-size:20px;background:none;width:90%;border:0;margin-left:2%;padding:16px 0;}
		
        
        
		/*Credits*/
        #credits, #death, #joinidnet, #profile, #convertcharacter {width:1266px;height:546px;margin-left:-633px;margin-top:-273px;font-size:30px;}
        .parchment-left, .parchment-right, .parchment-middle {background-size:1266px;}
        .parchment-left {width:114px;height:546px;background-position:0 -882px;}
        .parchment-right {width:114px;height:546px;background-position:-1152px -882px;}
        .parchment-middle {height:546px;background-position:-114px -882px;width:1038px;margin-left:-519px;}
        .animate .parchment-middle {-moz-animation:parchmiddle3 1s ease 1;-webkit-animation:parchmiddle3 1s ease 1;-o-animation:parchmiddle3 1s ease 1;-ms-animation:parchmiddle3 1s ease 1;}
        .game .parchment-middle {background-position: -633px -882px;}
        .game.credits .parchment-middle, .game.death .parchment-middle, .game.joinidnet .parchment-middle, .game.profile .parchment-middle, .game.convertcharacter .parchment-middle, .game.legal .parchment-middle {width:1038px;margin-left:-519px;background-position: -114px -882px;}
        
	    footer {font-size:20px;}
        #resize-check {height:3px;}
        
        /*Version list*/
        #versions-info {width:1000px;height:380px;overflow-y:auto;text-align:left;margin: 20px auto;padding-left: 30px;}
        #version-number{margin: 5px auto 0 auto;}
        .version-number {margin: 30px 0 20px;}
        .version-date {font-size: 22px; font-weight: 100}
        
        #leaderboards #leaderboardswrapper div {width:48%; padding:0; float:left; margin: 10px 0 0 15px;}
	    #leaderboards #leaderboardswrapper .close {width:100%; padding:0; float:none;}
	    .expleaders table thead tr, .pvpleaders table thead tr { margin-bottom: 5px; text-align: left;}
	    .tindex {}
	    .tname {padding: 0 2px;}
	    .txp {padding: 0px;}
	    .twincrystals {padding: 0 0 0 10px;}
	    .tremorts, .kills {text-align: center;}
	}

	@media screen and (max-width: 1500px) {
	    .upscaled .left-ornament, .upscaled .right-ornament, .upscaled #character, .upscaled #character div, .upscaled .button, .upscaled .button div, .upscaled .logobutton, .upscaled .logobutton div, .upscaled #respawn, .upscaled #scroll, .upscaled #instructions, .upscaled .icon, .upscaled #tilt, .upscaled .parchment-left, .upscaled .parchment-middle, .upscaled .parchment-right, .upscaled .avatar, .upscaled .facebook, .upscaled .twitter, .upscaled .close, .upscaled .ext-link {background-image:url('../img/2/spritesheet.png');}
	    .upscaled #bar-container, .upscaled .barbutton, .upscaled #chatbox{background-image:url('../img/2/barsheet.png');}
	    .upscaled #achievements, .upscaled .fullparchment, .upscaled #achievements li, .upscaled .coin, .upscaled #coinsparks, .upscaled .achievement-sharing a, .upscaled #previous, .upscaled #next {background:url('../img/2/achievements.png');}

		#player-hotbar{background:url('../img/2/player-hotbar.png');image-rendering:-moz-crisp-edges; width:160px;height:32px; background-repeat:no-repeat;}
        .inventoryitem-empty {width:32px;height:32px;}
        .inventoryitem-bombpotion {background:url('../img/2/item-bombpotion.png'); width:32px;height:32px;}
        .inventoryitem-key {background:url('../img/2/item-key.png'); width:32px;height:32px;}
        .inventoryitem-firespell{background:url('../img/2/item-firespell.png'); width:32px;height:32px;}
        .inventoryitem-healspell{background:url('../img/2/item-healspell.png'); width:32px;height:32px;}
        .inventoryitem-icespell{background:url('../img/2/item-icespell.png'); width:32px;height:32px;}
        .inventoryitem-tornadospell {background:url('../img/2/item-tornadospell.png'); width:32px;height:32px;}
        .inventoryitem-terrorspell {background:url('../img/2/item-terrorspell.png'); width:32px;height:32px;}
        .inventoryitem-shortbow {background:url('../img/2/item-shortbow.png'); width:32px;height:32px;}
        .inventoryitem-pinearrow {background:url('../img/2/item-pinearrow.png'); width:32px;height:32px;}        
        .inventoryitem-cake{background:url('../img/2/item-cake.png'); width:32px;height:32px;}
        .inventoryitem-flask{background:url('../img/2/item-flask.png'); width:32px;height:32px;}
        .inventoryitem-book{background:url('../img/2/item-book.png'); width:32px;height:32px;}
        .inventoryitem-burger{background:url('../img/2/item-burger.png'); width:32px;height:32px;}
        .inventoryitem-warden{background:url('../img/2/item-warden-inventory.png'); width:32px;height:32px;}
        .inventoryitem-firepotion{background:url('../img/2/item-firepotion.png'); width:32px;height:32px;}
        .inventoryitem-manapotion{background:url('../img/2/item-manapotion.png'); width:32px;height:32px;}
        .inventoryitem-healthpotion1{background:url('../img/2/item-healthpotion1.png');width:32px;height:32px;}
        .inventoryitem-healthpotion2{background:url('../img/2/item-healthpotion2.png');width:32px;height:32px;}
        .inventoryitem-healthpotion3{background:url('../img/2/item-healthpotion3.png');width:32px;height:32px;}
        .inventoryitem-manapotion1{background:url('../img/2/item-manapotion1.png');width:32px;height:32px;}
        .inventoryitem-manapotion2{background:url('../img/2/item-manapotion2.png');width:32px;height:32px;}
        .inventoryitem-manapotion3{background:url('../img/2/item-manapotion3.png');width:32px;height:32px;}
        .inventoryitem-restorepotion1{background:url('../img/2/item-restorepotion1.png');width:32px;height:32px;}
        .inventoryitem-restorepotion2{background:url('../img/2/item-restorepotion2.png');width:32px;height:32px;}
        .inventoryitem-restorepotion3{background:url('../img/2/item-restorepotion3.png');width:32px;height:32px;}
        .inventoryitem-hulkpotion1{background:url('../img/2/item-hulkpotion1.png');width:32px;height:32px;}
        .inventoryitem-hulkpotion2{background:url('../img/2/item-hulkpotion2.png');width:32px;height:32px;}
        .inventoryitem-hulkpotion3{background:url('../img/2/item-hulkpotion3.png');width:32px;height:32px;}
        .inventoryitem-cloth{background:url('../img/2/item-cloth.png'); width:32px;height:32px;}

        .inventoryitem-ringplain{background:url('../img/2/item-ringplain.png');width:32px;height:32px;}
        .inventoryitem-ringwhite{background:url('../img/2/item-ringwhite.png');width:32px;height:32px;}
        .inventoryitem-ringgreen{background:url('../img/2/item-ringgreen.png');width:32px;height:32px;}
        .inventoryitem-ringblue{background:url('../img/2/item-ringblue.png');width:32px;height:32px;}
        .inventoryitem-ringpurple{background:url('../img/2/item-ringpurple.png');width:32px;height:32px;}
        .inventoryitem-ringorange{background:url('../img/2/item-ringorange.png');width:32px;height:32px;}
        
        .cristaltitle {width:200px;display:inline-block;position: relative;bottom: 12px;}
		.crystalstoregrid {width:1000px;display:block;margin: 20px auto 10px;}
		#crystalstorenotice {width:400px;display:block;margin: 10px auto;text-align: center;}
		.crystalstoregridtile {width: 200px;display:inline-block;cursor:pointer;}
		.crystalstoretileimage {width: 60px;height: 60px;display: block;background-repeat: no-repeat;background-size: 60px auto;-webkit-background-size: 60px auto;-o-background-size: 60px auto;-moz-background-size: 60px auto;margin: 30px 70px 20px;}
		.iconcrystalblue {width: 32px;height: 32px;background-image: url(../img/2/item-crystalblue.png);display:inline-block;}
		.crystalstoretileprice {width: 50px;display:inline-block;text-align: right;margin: 20px 0 0 40px;}
		.storenotice {margin: 100px;}
		
		#cristalpromise {width:100%; text-align: center; margin: 15px 0 0 0;}
		.cristalpromisetext {width: 460px; display: inline-block; position: relative; bottom: 8px; text-align: left;}
		
		
		.quantitylabel{
			width:14px;
			height:14px;
			font-size:14px;
		}
		
		div .loading{background:url('../img/2/loading.gif');width:560px;height:190px; margin:auto auto; display:block;}
		#about .title {padding:11px 0 14px 0; font-weight:bold;  font-size:17px;}
		#about .friendtitle {padding:10px 0 2px 0; font-weight:bold; }
		#about .botsep {padding:0 0 10px 0;}
		#about .page {margin:16px 0 0 0; font-size:15px;}
		#playerimage {height: 64px; width: 64px;}
		.chatArea{bottom:76px; font-size:14px; height:11%;}
		#friendsbonus{font-size: 14px}
		#friendslist .pxadvert{padding:2px 2px 0 2px; font-weight: bold; font-size:12px; border-bottom:4px solid #989fa6;}
		.friendsitem{font-size:16px;}
		.idnet-button {font-size: 16px; }
		.pvpleaders , .expleaders { overflow-y:auto; height:306px;}
		#friendslist { min-height:70px; max-height:150px;}
        
        #levelup-notification {
            width: 256px;
            height: 256px;
            bottom: -256px;
            margin-left: 352px;
            background:url('../img/2/levelup.png');
        }
        #levelup-notification.active {bottom:48px;}
        
        body {background:-moz-radial-gradient(rgba(0,0,0,0) 40%,rgba(0,0,0,1) 125%), url('../img/1/brick.png') repeat, #000; background-size:auto, 256px;}        
        body {background:-webkit-gradient(radial, center center, 240, center center, 800, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))), url('../img/2/brick.png') repeat, #000; background-size:auto, 256px;}
        .left-ornament, .right-ornament, #character, #character div, .button, .button div, .logobutton, .logobutton div, #respawn, #scroll, #instructions, .icon, .avatar, .close, #note, .ext-link {background-size:844px auto;}
        #logo {height:122px;width:1000px;position:absolute;top:4%;left:50%;margin-left:-500px;z-index:3; background:url('../img/2/logo.png');}
        #parchment, #loadcharacter, #whatsnewlist, #idnet-login, #confirmation, #guest, #error, #legal {width:844px;height:364px;position:absolute;top:55%;left:50%;margin-left:-422px;margin-top:-182px;font-size:20px;text-align:center; z-index:2;}
        #parchment h1 {margin-top:40px;font-weight:normal;}
        .left-ornament, .right-ornament {height:24px;width:62px;display:inline-block;margin:0 15px;position:relative;top:7px;}
        .left-ornament {background-position:-708px 0;}
        .right-ornament {background-position:-770px 0;}
        #character {height:42px;width:24px;margin:0 auto;background-position:-708px -24px;margin-top:30px;position:relative;}
        #character div {height:42px;width:24px;position:absolute;top:0;left:0;background-position:-732px -24px;opacity:1;}
        #character.disabled div {opacity:0;pointer-events:none;}
        #parchment input {margin-top:20px; padding:0 10px; border:2px dashed #b2af9b; font-size:20px;border-radius:6px;height:41px;}
        #parchment.createcharacter input {margin-top:15px;height:30px;}
        #createcharacter .play {margin: 8px auto 8px auto;}
        .button {height:54px;width:204px;margin:15px auto 0 auto;position:relative;}
		.logobutton {height:62px;width:204px;margin:20px auto 0 auto;position:relative;}
        .play div {height:102px;width:250px;background-position:-458px 0px;}
        .play div:active {background-position:-458px -306px;}
        .stroke, .achievement-name {text-shadow:2px 2px 0 #373737, 2px -2px 0 #373737, 0 2px 0 #373737, 2px 0 0 #373737, -2px 2px 0 #373737, -2px -2px 0 #373737, 0 -2px 0 #373737, 0 2px 0 #373737, -2px 0 0 #373737;}
        
        #loadcharacter h1, #whatsnewlist h1, #idnet-login h1, #confirmation h1, #guest h1, #error h1, #legal h1 {margin-top:20px;}
        #playername {margin-top:10px;}
        #confirmation p, #guest p, #error p {font-size:20px;margin-top:40px;line-height:30px;}
		#createcharacter p {font-size:14px; line-height:15px;}
        #legal p {margin:30px auto 0;font-size:16px;line-height:24px;}
        #error p {width:70%;margin:40px auto 0;}
        .logobutton.login{background-position:0 -1044px;}
		.logobutton.register{background-position:0 -1106px;}
		.button.continue{background-position:-204px -1044px;}
		.button.whatsnew{background-position:-500px -990px}
		.button.cancel{background-position:-204px -1098px;}
		.button.play{background-position:-408px -1044px;}
		.button.guest{background-position:-408px -1098px;}
		.button.create{background-position:-612px -1044px;}
		.button.newplayer{background-position:-612px -1098px;}
        .validation-summary {margin:0 auto .5em auto;}
        .validation-error {font-size:16px;}

		#container {width:980px;margin:0 auto;position:absolute;top:50%;margin-top:-252px;left:50%;margin-left:-490px;}
		#canvasborder {padding:10px;background:url('../img/2/border.png') no-repeat;}
		#canvas {width:100%;height:448px;}
		#fade {width:960px;height:448px;top:10px;left:10px;}

		#instructions {height:360px;width:842px;background-position:0 -590px;margin-left:-416px;margin-top:-186px;color:#373737;}
		#instructions h1 {font-size:30px;text-align:center;margin:30px 0;}
        #instructions ul {font-size:20px;margin-top:30px;}
        #instructions ul li {margin:25px 70px 0 50px; clear:left;}
        #instructions li:nth-child(1) span {height:58px;width:30px;background-position:-756px -24px; display:block;float:left;position: absolute;top: 60px;left: 90px}
        #instructions li:nth-child(1) {padding-left: 90px}
        #instructions li:nth-child(2) span {height:32px;width:26px;background-position:-786px -24px; display:block;float:left;margin: 0 24px 0 40px;position: relative;top: -6px;}
        #instructions li:nth-child(3) span {height:32px;width:32px;background-position:-704px -32px; display:block;float:left;margin: 0 18px 0 40px;position: relative;top: -12px;}
		#instructions li:nth-child(4) span {height:32px;width:32px;background-position:-672px -32px; display:block;float:left;margin: 0 18px 0 40px;position: relative;top: -12px;}
		#instructions li:nth-child(5) span {height:32px;width:32px;background-position:-672px -0; display:block;float:left;margin: 0 18px 0 40px;position: relative;top: -12px;}
        #instructions p {text-align:center;font-family:'GraphicPixel';font-size:20px;clear:left;margin-top:20px;}
		
		#joinidnet p, #profile p, .fullparchment p {text-align:center;font-family:'GraphicPixel';font-size:16px;clear:left;margin-top:10px;}
        
        .close {height:32px;width:32px;top:-8px;right:-10px;background-position:-708px -252px;}
        .close:hover {background-position:-740px -252px;}
        .close:active {background-position:-772px -252px;}
        #whatsnewlist .close{top:25px;right:90px}
        
        #close-legal {font-size:14px;margin-top:30px;}
        
        /*Death & Respawn*/
        #death p {font-size:20px;margin-top:90px;}
        #death p em {margin-top:30px;}
		#respawn {width:250px;height:70px;margin:40px auto 0 auto;background-position: 0 -974px;}
		#respawn:active {background-position:-250px -974px;}
		
		/*Bubbles*/
		#bubbles {width:960px;height:448px;margin-bottom:-448px;position:relative;top:-448px;pointer-events:none;}
		p {font-family:arial, sans-serif;font-size:12px;margin:0;padding:0;line-height:35px;}
	    .bubble p {font-family:"GraphicPixel"; font-size:14px;}
	    
	    /*GUI Bar*/
		#bar-container, #chatbutton, #achievementsbutton, #helpbutton, #mutebutton {background:url('../img/2/barsheet.png');}
		#bar-container {height:34px;bottom:0;}
		#hotbar{margin:-1px 0 0 96px;}
		#healthglobe{position:absolute; width:82px; height:52px; bottom:0px; left:2px;}
		#healthfull{position:absolute; width:82px; height:52px; bottom:0px; left:0px; z-index: 31; overflow:hidden; background:url('../img/2/health_full.png');}
		#healthempty{position:absolute; width:82px; height:52px; top:0px; left:0px; z-index: 30; background:url('../img/2/health_empty.png');}
		#managlobe{position:absolute; width:82px; height:52px; bottom:0px; right:2px;}
		#manafull{position:absolute; width:82px; height:52px; bottom:0px; left:0px; z-index: 31; overflow:hidden; background:url('../img/2/mana_full.png');}
		#manaempty{position:absolute; width:82px; height:52px; top:0px; left:0px; z-index: 30; background:url('../img/2/mana_empty.png');}
		#healthtext{font-family:'GraphicPixel';position:absolute; width:60px; height:18px; bottom:18px; left:6px; z-index: 32; text-align: center;font-size:12px;color: #FFFFFF;}
		#manatext{font-family:'GraphicPixel';position:absolute; width:60px; height:18px; bottom:18px; right:6px; z-index: 32; text-align: center;font-size:12px;color: #FFFFFF;}

        #armor, #weapon {width:32px;height:32px;background-size:192px;background-position:-64px;}
		
		#barbuttons{padding:2px 96px 0 0;}
        .barbutton {height:30px;width:30px;float:left;}
		#playercount {font-size:16px;padding:10px 20px 0 0;width:114px;text-align:center;}
        #chatbutton {background-position:0 -34px;}
        #chatbutton:hover {background-position:-30px -34px;}
        #chatbutton.active {background-position:-60px -34px;}
        #achievementsbutton {background-position:-90px -34px;}
        #achievementsbutton:hover, #achievementsbutton.blink:hover {background-position:-120px -34px;}
        #achievementsbutton.blink {background-position:-360px -34px;}
        #achievementsbutton.active {background-position:-150px -34px;}
        #helpbutton {background-position:-180px -34px;}
        #helpbutton:hover {background-position:-210px -34px;}
        #helpbutton.active {background-position:-240px -34px;}
        #mutebutton {background-position:-270px -34px;}
        #mutebutton:hover {background-position:-300px -34px;}
        #mutebutton.active {background-position:-330px -34px;}

		#chatbox {background:url('../img/2/barsheet.png');position:absolute;height:32px;width:788px;background-position:0 -64px;margin-left:-394px;bottom:34px;}
		#chatbox input {font-size:14px;background:none;width:90%;border:0;margin-left:2%;padding:8px 0;}
		
		/*Credits*/
        #credits, #death, #joinidnet, #profile, #convertcharacter {width:844px;height:364px;margin-left:-422px;margin-top:-182px;font-size:20px;}
        .parchment-left, .parchment-right, .parchment-middle {background-size:844px;}
        .parchment-left {width:76px;height:364px;background-position:0 -588px;}
        .parchment-right {width:76px;height:364px;background-position:-768px -588px;}
        .parchment-middle {height:364px;background-position:-76px -588px;width:692px;margin-left:-346px;}
        .animate .parchment-middle {-moz-animation:parchmiddle2 1s ease 1;-webkit-animation:parchmiddle2 1s ease 1;-o-animation:parchmiddle2 1s ease 1;-ms-animation:parchmiddle2 1s ease 1;}
        .game .parchment-middle {background-position: -422px -588px;}
        .game.credits .parchment-middle, .game.death .parchment-middle, .game.joinidnet .parchment-middle,  .game.profile .parchment-middle, .game.convertcharacter .parchment-middle, .game.legal .parchment-middle {width:692px;margin-left:-346px;background-position: -76px -588px;}
        
	    footer {font-size:16px;}
        #resize-check {height:2px;}
        
        #toggle-legal, #legal-link a {padding:0 8px;}
        
        #name-tooltip {font-size:14px;width:280px;margin-left:-140px;height:20px;line-height:18px;top:-30px;}
        #name-tooltip:after {bottom:-8px;}
        
        /*Version list*/
        #versions-info {width:660px;height:245px;overflow-y:auto;text-align:left;margin: 20px auto;padding-left: 30px;}
        #version-number{margin: 5px auto;}
        .version-number {margin: 30px 0 20px;}
        .version-date {font-size: 16px; font-weight: 100}
        
        #leaderboards #leaderboardswrapper div {width:47%; padding:0; float:left; margin: 10px 0 0 15px;}
	    #leaderboards #leaderboardswrapper .close {width:100%; padding:0; float:none;}
	    .expleaders table thead tr, .pvpleaders table thead tr { margin-bottom: 5px; text-align: left;}
	    .tindex {}
	    .tname {padding: 0 2px;}
	    .txp {padding: 0px;}
	    .twincrystals {padding: 0 0 0 5px;}
	    .tremorts, .kills {text-align: center;}
	}

	@media screen and (max-width: 1000px) {
		.upscaled #achievements, .upscaled .fullparchment, .upscaled #achievements li, .upscaled .coin, .upscaled #coinsparks, .upscaled .achievement-sharing a, .upscaled #previous, .upscaled #next {background:url('../img/1/achievements.png');}
    
		#player-hotbar{background:url('../img/2/player-hotbar.png');image-rendering:-moz-crisp-edges; width:160px;height:32px; background-repeat:no-repeat;}
        .inventoryitem-empty {width:32px;height:32px;}
        .inventoryitem-bombpotion {background:url('../img/2/item-bombpotion.png'); width:32px;height:32px;}
        .inventoryitem-key {background:url('../img/2/item-key.png'); width:32px;height:32px;}
        .inventoryitem-keyred {background:url('../img/2/item-keyred.png'); width:32px;height:32px;}
        .inventoryitem-keygold {background:url('../img/2/item-keygold.png'); width:32px;height:32px;}
        .inventoryitem-keygreen {background:url('../img/2/item-keygreen.png'); width:32px;height:32px;}
        .inventoryitem-keyblue {background:url('../img/2/item-keyblue.png'); width:32px;height:32px;}
        .inventoryitem-firespell {background:url('../img/2/item-firespell.png'); width:32px;height:32px;}
        .inventoryitem-healspell {background:url('../img/2/item-healspell.png'); width:32px;height:32px;}
        .inventoryitem-icespell {background:url('../img/2/item-icespell.png'); width:32px;height:32px;}
        .inventoryitem-tornadospell {background:url('../img/2/item-tornadospell.png'); width:32px;height:32px;}
        .inventoryitem-terrorspell {background:url('../img/2/item-terrorspell.png'); width:32px;height:32px;}
        .inventoryitem-shortbow {background:url('../img/2/item-shortbow.png'); width:32px;height:32px;}
        .inventoryitem-pinearrow {background:url('../img/2/item-pinearrow.png'); width:32px;height:32px;}
        .inventoryitem-cake{background:url('../img/2/item-cake.png'); width:32px;height:32px;}
        .inventoryitem-flask{background:url('../img/2/item-flask.png'); width:32px;height:32px;}
        .inventoryitem-book{background:url('../img/2/item-book.png'); width:32px;height:32px;}
        .inventoryitem-burger{background:url('../img/2/item-burger.png'); width:32px;height:32px;}
        .inventoryitem-warden{background:url('../img/2/item-warden-inventory.png'); width:32px;height:32px;}
        .inventoryitem-firepotion{background:url('../img/2/item-firepotion.png'); width:32px;height:32px;}
        .inventoryitem-manapotion{background:url('../img/2/item-manapotion.png'); width:32px;height:32px;}
        .inventoryitem-healthpotion1{background:url('../img/2/item-healthpotion1.png');width:32px;height:32px;}
        .inventoryitem-healthpotion2{background:url('../img/2/item-healthpotion2.png');width:32px;height:32px;}
        .inventoryitem-healthpotion3{background:url('../img/2/item-healthpotion3.png');width:32px;height:32px;}
        .inventoryitem-manapotion1{background:url('../img/2/item-manapotion1.png');width:32px;height:32px;}
        .inventoryitem-manapotion2{background:url('../img/2/item-manapotion2.png');width:32px;height:32px;}
        .inventoryitem-manapotion3{background:url('../img/2/item-manapotion3.png');width:32px;height:32px;}
        .inventoryitem-restorepotion1{background:url('../img/2/item-restorepotion1.png');width:32px;height:32px;}
        .inventoryitem-restorepotion2{background:url('../img/2/item-restorepotion2.png');width:32px;height:32px;}
        .inventoryitem-restorepotion3{background:url('../img/2/item-restorepotion3.png');width:32px;height:32px;}
        .inventoryitem-hulkpotion1{background:url('../img/2/item-hulkpotion1.png');width:32px;height:32px;}
        .inventoryitem-hulkpotion2{background:url('../img/2/item-hulkpotion2.png');width:32px;height:32px;}
        .inventoryitem-hulkpotion3{background:url('../img/2/item-hulkpotion3.png');width:32px;height:32px;}
        .inventoryitem-cloth{background:url('../img/2/item-cloth.png'); width:32px;height:32px;}        

        .inventoryitem-ringplain{background:url('../img/2/item-ringplain.png');width:32px;height:32px;}
        .inventoryitem-ringwhite{background:url('../img/2/item-ringwhite.png');width:32px;height:32px;}
        .inventoryitem-ringgreen{background:url('../img/2/item-ringgreen.png');width:32px;height:32px;}
        .inventoryitem-ringblue{background:url('../img/2/item-ringblue.png');width:32px;height:32px;}
        .inventoryitem-ringpurple{background:url('../img/2/item-ringpurple.png');width:32px;height:32px;}
        .inventoryitem-ringorange{background:url('../img/2/item-ringorange.png');width:32px;height:32px;}
        
        .cristaltitle {width:30px;display:inline-block;position: relative;bottom: 5px;}
		.crystalstoregrid {width:400px;display:block;margin: 5px auto 0;}
		#crystalstorenotice {width:400px;display:block;margin: 10px auto;text-align: center;}
		.crystalstoregridtile {width: 100px;display:inline-block;cursor:pointer;}
		.crystalstoretileimage {width: 30px;height: 30px;display: block;background-repeat: no-repeat;background-size: 30px auto;-webkit-background-size: 30px auto;-o-background-size: 30px auto;-moz-background-size: 30px auto;margin: 10px 35px;}
		.iconcrystalblue {width: 16px;height: 16px;background-image: url(../img/1/item-crystalblue.png);display:inline-block;}
		.crystalstoretileprice {width: 20px;display:inline-block;text-align: right;margin: 10px 0 0 30px;}
		.storenotice {margin: 10px;}
		
		#cristalpromise {width:100%; text-align: center; margin: 5px 0 0 0;}
		.cristalpromisetext {width: 260px; display: inline-block; position: relative; bottom: 5px; text-align: left;}
		
		#skipbut{position:fixed; right:15px; bottom:15px;}
        
        #levelup-notification {
            width: 128px;
            height: 128px;
            bottom: -128px;
            margin-left: 176px;
            background:url('../img/1/levelup.png');
        }
        #levelup-notification.active {bottom:38px;}
		
		div .loading{background:url('../img/1/loading.gif');width:365px;height:140px; margin:auto auto; display:block;}
		#about .title {padding:6px 0 6px 0; font-weight:bold; font-size:15px;}
		#about .friendtitle {padding:6px 0 2px 0; font-weight:bold; }
		#about .botsep {padding:0 0 6px 0;}
		#about .page {margin:10px 0 0 0; font-size:12px;}
		#playerimage {height: 32px; width: 32px;}
		.chatArea{bottom:54px; font-size:13px; height:10%;}
		#friendsbonus{display:none;}
		#friendslist .pxadvert{line-height: 10px; padding:2px 2px 0 2px; font-weight: bold; font-size:10px; border-bottom:2px solid #989fa6;}
		.friendsitem{font-size:13px;}
		.idnet-button {font-size: 13px; }
		.pvpleaders , .expleaders { overflow-y:auto; height:150px; font-size: 13px;}
		#friendslist { min-height:45px; max-height:70px;}
        
        body {border-top:0px;}
		.intro #container, .game #logo {display:none;}
        .game.joinidnet #parchment, .game.profile #parchment, .game.convertcharacter #parchment {display:block;left:50%;background:url('../img/1/spritesheet.png') no-repeat 0 -527px;height:172px;width:417px;top:50%;margin-left:-208px;margin-top:-98px;position:absolute;}
        .game.joinidnet .parchment-middle, .game.profile .parchment-middle, .game.convertcharacter .parchment-middle{top:50%;left:50%;color:#000;position:absolute;}
        .game #container {display:block;padding:0;}
        #mask, #fade {display:none;}
        .game.death #parchment {display:block;}
        .game .createcharacter #createcharacter, .game #idnet-login, .game .loadcharacter #loadcharacter, .game .whatsnewlist #whatsnewlist, .game .idnet-login #idnet-login, .game .confirmation #confirmation, .game .guest #guest, .game .error #error, .game .legal #legal {display:none;}
        
        
        #container {height:258px;width:480px;position:relative;left:50%;top:50%;margin:-128px auto 0 -240px;}
        body.intro {background:-moz-radial-gradient(rgba(0,0,0,0) 40%,rgba(0,0,0,1) 125%), url('../img/1/brick.png') repeat, #000; background-size:auto, 128px;}
        body.intro {background:-webkit-gradient(radial, center center, 120, center center, 400, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))), url('../img/1/brick.png') repeat, #000; background-size:auto, 128px;}
		#canvasborder {background:none;padding:0;}
		
		#parchment, .left-ornament, .right-ornament, #character, #character div, .button, .button div, .logobutton, .logobutton div, #respawn, #scroll, #instructions .icon, #profile, #joinidnet{background:url('../img/1/spritesheet.png');background-size:422px auto;}
        #parchment {background:none;}
        #logo {height:31px;width:250px;position:absolute;top:4%;left:50%;margin-left:-125px;z-index:3;background:url('../img/1/logo.png'); background-size:250px, auto;}
        #parchment {width:100%;height:auto;position:absolute;left:0;top:42px;margin-left:0;margin-top:0;font-size:10px;text-align:center;z-index:2;color:#eee;}
        #parchment h1 {margin-top:0px;font-weight:normal;}
        .left-ornament, .right-ornament {height:12px;width:31px;display:inline-block;margin:0 10px;position:relative;top:3px;}
        .left-ornament {background-position:-354px 0;}
        .right-ornament {background-position:-385px 0;}
        #character {height:21px;width:12px;margin:0 auto;background-position:-354px -12px;margin-top:15px;position:relative;display:none;}
        #character div {height:21px;width:12px;position:absolute;top:0;left:0;background-position:-366px -12px;opacity:1;}
        #character.disabled div {opacity:0;pointer-events:none;}
        #parchment input {margin-top:10px; padding-bottom:5px; border-bottom:1px dashed #b2af9b; font-size:14px;-moz-animation:none;-webkit-animation:none;-o-animation:none;-ms-animation:none;color:#eee;}
        #parchment.createcharacter input {margin-top:4px;height:15px;}
        .button {height:54px;width:204px; margin:10px auto 0 auto;position:relative;background-size:844px;}
		.logobutton {height:62px;width:204px;margin:10px auto 0 auto;position:relative;background-size:844px;}
        .play, #create-new {font-size:16px;}
        .play div {height:54px;width:204px;background-position:-458px -512px; background-size:844px;}
        .play div:active {background-position:0px -1398px;}
        #create-new {margin-top:0;}
        .stroke {text-shadow:1px 1px 0 #373737, 1px -1px 0 #373737, 0 1px 0 #373737, 1px 0 0 #373737, -1px 1px 0 #373737, -1px -1px 0 #373737, 0 -1px 0 #373737, 0 1px 0 #373737, -1px 0 0 #373737;}
        .validation-error {color:#ffc2c2;}
		
		#instructions {background-image:url('../img/1/achievements.png');background-size:416px auto;background-position:0 -305px;height:193px;width:416px;margin-left:-208px;margin-top:-108px;color:#373737;}
		#instructions h1 {margin-top:15px;font-size:16px;text-align:center;margin-bottom:0;}
        #instructions ul {font-size:12px;margin-top:15px;}
        #instructions ul li {margin:15px 40px 0 25px; clear:left;}
        #instructions li:nth-child(1) span {height:29px;width:15px;background-position:-378px -12px; display:block;float:left;margin: 0 10px 0 20px;position: relative;top: -12px;left: 0px;}
        #instructions li:nth-child(1) {padding-left: 0}
        #instructions li:nth-child(2) span {height:16px;width:13px;background-position:-393px -12px; display:block;float:left;margin: 0 12px 0 20px;position: relative;top: -3px;}
        #instructions li:nth-child(3) span {height:16px;width:16px;background-position:-352px -16px; display:block;float:left;margin: 0 9px 0 20px;position: relative;top: -3px;}
		#instructions li:nth-child(4) span {height:16px;width:16px;background-position:-336px -16px; display:block;float:left;margin: 0 9px 0 20px;position: relative;top: -3px;}
		#instructions li:nth-child(5) span {height:16px;width:16px;background-position:-336px 0; display:block;float:left;margin: 0 9px 0 20px;position: relative;top: -3px;}
        #instructions p {text-align:center;font-family:'GraphicPixel';font-size:10px;clear:left;margin:0;}
		
		#joinidnet p, #profile p , .fullparchment p {text-align:center;font-family:'GraphicPixel';font-size:10px;margin:0; padding:0px;}
		
		#parchment.animate {-moz-animation:none;-webkit-animation:none;-o-animation:none;-webkit-animation:none;}
		
		#loadcharacter, #whatsnewlist, #idnet-login, #confirmation, #guest, #createcharacter, #idnet-login, #error, #legal {display:none;margin-top:0;margin-left:0;left:0;width:auto;}
		.loadcharacter #loadcharacter, .whatsnewlist #whatsnewlist, .idnet-login #idnet-login, .confirmation #confirmation, .guest #guest, .createcharacter #createcharacter, .idnet-login #idnet-login, .error #error, .legal #legal {display:block;width:100%;}
		
		#loadcharacter h1, #whatsnewlist h1, #idnet-login h1, #confirmation h1, #guest h1, #confirmation h1, #error h1, #legal h1 {font-size:12px;font-weight:normal;}
		
		#loadcharacter, #whatsnewlist, #idnet-login, #confirmation, #guest, #error, #legal {height:auto;}
		
	    #createcharacter{padding-bottom:20px;}
		#playername {font-size:20px;margin:10px 0px;}
		#continue {margin:20px 0px;font-size:16px;}
		#cancel {margin:20px 0;font-size:16px;}
		.logobutton.login{background-position:0 -1044px;}
		.logobutton.register{background-position:0 -1106px;}
		.button.continue{background-position:-204px -1044px;}
		.button.whatsnew{background-position:-504px -988px;}
		.button.cancel{background-position:-204px -1098px;}
		.button.play{background-position:-408px -1044px;}
		.button.guest{background-position:-408px -1098px;}
		.button.create{background-position:-612px -1044px;}
		.button.newplayer{background-position:-612px -1098px;}
		#confirmation, #guest, #error {top:70%;}
		#confirmation p, #guest p, #error p {margin:10px 0;line-height:12px;font-size:12px;}
		
		/*GUI Bar*/
		#bar-container, #chatbutton, #achievementsbutton, #helpbutton, #mutebutton {background:url('../img/2/barsheet.png');}
		#bar-container {height:34px;bottom:0;background-position:0 -96px;}
		#hotbar{margin:-1px 0 0 75px;}
		#healthglobe{position:absolute; width:82px; height:52px; bottom:0px; left:2px;}
		#healthfull{position:absolute; width:82px; height:52px; bottom:0px; left:0px; z-index: 31; overflow:hidden; background:url('../img/2/health_full.png');}
		#healthempty{position:absolute; width:82px; height:52px; top:0px; left:0px; z-index: 30; background:url('../img/2/health_empty.png');}
		#managlobe{position:absolute; width:82px; height:52px; bottom:0px; right:2px;}
		#manafull{position:absolute; width:82px; height:52px; bottom:0px; left:0px; z-index: 31; overflow:hidden; background:url('../img/2/mana_full.png');}
		#manaempty{position:absolute; width:82px; height:52px; top:0px; left:0px; z-index: 30; background:url('../img/2/mana_empty.png');}
		#healthtext{font-family:'GraphicPixel';position:absolute; width:60px; height:18px; bottom:18px; left:6px; z-index: 32; text-align: center;font-size:12px;color: #FFFFFF;}
		#manatext{font-family:'GraphicPixel';position:absolute; width:60px; height:18px; bottom:18px; right:6px; z-index: 32; text-align: center;font-size:12px;color: #FFFFFF;}

        #armor, #weapon {width:32px;height:32px;background-size:192px;background-position:-64px;}
		
		#barbuttons{padding:2px 75px 0 0;}
        .barbutton {height:30px;width:30px;float:left;}
		#playercount {display:none;}
        #chatbutton {background-position:0 -34px;}
        #chatbutton:hover {background-position:-30px -34px;}
        #chatbutton.active {background-position:-60px -34px;}
        #achievementsbutton {background-position:-90px -34px;}
        #achievementsbutton:hover, #achievementsbutton.blink:hover {background-position:-120px -34px;}
        #achievementsbutton.blink {background-position:-360px -34px;}
        #achievementsbutton.active {background-position:-150px -34px;}
        #helpbutton {background-position:-180px -34px;}
        #helpbutton:hover {background-position:-210px -34px;}
        #helpbutton.active {background-position:-240px -34px;}
        #mutebutton {background-position:-270px -34px;}
        #mutebutton:hover {background-position:-300px -34px;}
        #mutebutton.active {background-position:-330px -34px;}

		#chatbox {background:url('../img/1/barsheet.png');position:absolute;height:16px;width:280px;background-position:0 -64px;margin-left:-140px;bottom:34px;}
		#chatbox input {font-size:14px;background:none;width:90%;border:0;margin-left:2%;padding:4px 0;}
		
		/*Credits*/
        .parchment-left, .upscaled .parchment-left, .parchment-middle, .upscaled .parchment-middle, .parchment-right, .upscaled .parchment-right {background:none;}
        .parchment-left, .parchment-right {display:none;}
		.parchment-middle {width:100%;left:0px;margin-left:0px;height:auto;position:relative;}
		#toggle-credits, #credits {display:none;}
		
		.game.death #parchment, .game.profile #parchment , .game.convertcharacter #parchment{background:url('../img/1/spritesheet.png') 0 -294px;height:182px;width:422px;position:absolute;top:50%;left:50%;margin-top:-91px;margin-left:-211px;}
        .game.death .parchment-middle, .game.profile.parchment-middle, .game.convertcharacter .parchment-middle {width:100%;position:relative;top:0;left:0;margin-left:0;margin-top:0;}
        .game.death #death, .game.profile #profile, .game.convertcharacter #convertcharacter {position:relative;top:0;left:0;margin-top:0;margin-left:0;width:100%;}
        .game.death #death p {padding-top:30px;color:#373737;font-size:20px;margin-top:0;width:80%;margin:0 auto;}
        .game.death #death p em {display:block;margin-top:15px;font-style:normal;}

        #instructions, #achievements, .fullparchment, #lists, #joinidnet , #profile, #convertcharacter{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
        #respawn { background-position: 0 -487px; width: 125px; height: 35px;}
		#respawn:active {background-position:-125px -487px;}

        #sharing, #credits-link, .dash {display:none;}
        #legal-link .dash {display:inline;}
        #bubbles {overflow:hidden;}
        
        footer, #name-tooltip {display:none;}
        #close-legal {display:none;}
        
        #privacy-link span:hover, #legal-link span:hover {color:#C6C0A3;}
        #legal p {font-size:12px;width:80%;line-height:14px;}
        
        /*Version list*/
        #versions-info {width:300px;height:200px;overflow-y:auto;text-align:left;margin: 20px auto;padding-left: 30px;font-size: 14px; }
        #version-number{margin: 5px auto;;font-size: 12px;}
        .version-number {margin: 20px 0 10px;font-size: 12px;}
        .version-date {font-size: 18px; font-weight: 100}
        
        #whatsnewlist {position:absolute;top:55%;height:240px}
        
        #leaderboards #leaderboardswrapper div {width:47%; padding:0; float:left; margin: 2px 0 0 10px;}
	    #leaderboards #leaderboardswrapper .close {width:100%; padding:0; float:none;}
	    .expleaders table, .pvpleaders table {font-size:10px;}
	    .expleaders table thead tr, .pvpleaders table thead tr { margin-bottom: 5px; text-align: left;}
	    .tindex {}
	    .tname {padding: 0 2px;}
	    .txp {padding: 0px;}
	    .twincrystals {padding: 0 0 0 2px;}
	    .tremorts, .kills {text-align: center;}
	}

	@media screen and (max-width: 800px) and (orientation: portrait) {
        #portrait {display:block;height:300px;width:300px;position:absolute;top:55%; left:50%; margin:-150px 0 0 -150px;}
        #parchment {display:none;}
        #container, .game #container {display:none;}
        
        #logo {height:61px;width:500px;position:absolute;top:10%;left:50%;margin-left:-2850px;z-index:3;background:url('../img/1/logo.png'); }
        #portrait p {color:#eee;font-family:'GraphicPixel', sans-serif;font-size:20px;text-align:center;}
        
        #tilt {height:120px;width:132px;background-position:-710px -82px;background-size:844px;margin:25px auto 0 auto;}
        
        .intro #toggle-legal, #toggle-legal, .intro #legal-link, #legal-link {display:none;}
		footer {display:none;}
		
		.cristaltitle {width:200px;display:inline-block;position: relative;bottom: 12px;}
		.crystalstoregrid {width:1000px;height:100px;display:block;margin: 50px auto 30px;}
		#crystalstorenotice {width:400px;height:100px;display:block;margin: 10px auto;text-align: center;}
		.crystalstoregridtile {width: 250px;height: 100px;display:inline-block;cursor:pointer;}
		.crystalstoretileimage {width: 80px;height: 80px;display: block;background-repeat: no-repeat;background-size: 80px auto;-webkit-background-size: 80px auto;-o-background-size: 80px auto;-moz-background-size: 80px auto;margin: 30px 85px;}
		.iconcrystalblue {width: 16px;height: 16px;background-image: url(../img/1/item-crystalblue.png);display:inline-block;}
		.crystalstoretileprice {width: 70px;display:inline-block;text-align: right;margin: 20px 0 0 60px;}
		
		#leaderboards #leaderboardswrapper div {width:48%; padding:0; float:left; margin: 10px 0 0 15px;}
	    #leaderboards #leaderboardswrapper .close {width:100%; padding:0; float:none;}
	    .expleaders table thead tr, .pvpleaders table thead tr { margin-bottom: 5px; text-align: left;}
	    .tindex {}
	    .tname {padding: 0 2px;}
	    .txp {padding: 0px;}
	    .twincrystals {padding: 0 0 0 10px;}
	    .tremorts, .kills {text-align: center;}
    }
    
    @media screen and (max-width: 640px) and (orientation: portrait) {
        #portrait {display:block;height:300px;width:300px;position:absolute;top:70%; left:50%; margin:-150px 0 0 -150px;}
        footer, .table-bg, #logo {display:none;}
    }

/* Tablet mode */

    .tablet .animate .parchment-left, .tablet .animate .parchment-right, .tablet .animate .parchment-middle {-webkit-animation:none;-moz-animation:none;-o-animation:none;-ms-animation:none;}
    .tablet #instructions, .tablet #achievements, .tablet .fullparchment, .tablet #lists {-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
    .tablet #achievements li.unlocked .achievement-sharing {display:block;}
    .tablet #coinsparks {display:none; -moz-animation:none;}
    
    .tablet #logo, .tablet #parchment, .tablet #container {-moz-transition:none;}
    .tablet #achievement-notification .name, .tablet #achievement-notification .title, .tablet #achievement-notification .coin, .tablet #achievement-notification {-moz-transition:none;}
    
/* Workarounds for chrome windows bugs */

    .windows #parchment, .windows #parchment input, .windows #instructions, .windows #achievements, .windows .fullparchment, .windows #achievement-notification, 
    .windows #credits, .windows #loadcharacter, .windows #whatsnewlist, .windows #idnet-login, .windows #confirmation, .windows #guest, .windows #death, .windows #error, .windows #legal,
	.windows #joinidnet, .windows #convertcharacter, .windows #profile,

    .windows #parchment p, .windows #portrait p, .windows .alert, .windows footer, .windows .bubble p, .windows #chatinput {font-family:'AdvoCut';}

/* Workarounds for opera's lack of pointer-events support */

    .opera.intro #bubbles, .opera.intro #canvas, .opera.intro #container { z-index: -30000;}
    .opera .credits #credits, .opera .createcharacter #createcharacter, .opera .loadcharacter #loadcharacter, .opera .whatsnewlist #whatsnewlist, .opera .idnet-login #idnet-login, .opera .confirmation #confirmation, .opera .guest #guest, .opera .death #death, 
    .opera .error #error, .opera .legal #legal, .opera .joinidnet #joinidnet, .opera .profile #profile, .opera .convertcharacter #convertcharacter{ z-index: 30000; }
    .opera #instructions, .opera #achievements, .opera .fullparchment { z-index: -30000;}
    .opera #achievements.active, .opera .fullparchment.active, .opera #instructions.active { z-index: 30000;}
    .opera #coinsparks {display:none;}
    .opera #death, .opera #joinidnet, .opera #profile, .opera #convertcharacter, .opera #credits, .opera #error, .opera #confirmation, .opera #guest, .opera #loadcharacter, .opera #idnet-login, .opera #legal { z-index: -30000; }