/*
  This file should contain CSS that is common to both game and outer pages.
  Do not put CSS rules in here that do not apply to game pages.  That is to
  avoid a performance hit on the game pages themselves.  Instead, put those
  rules in pages.css or a page specific file.
*/


html
{
  overflow-y: scroll;
  min-width: 1024px;
  min-height: 100%;
}

body
{
  background: #ede1d4 url(/assets/pages/background-a88474a43a0abc0f4d0b3abf9f905279.jpg);
  min-width: 950px;
  min-height: 100%;
  color: #fafbd3;
  font-family: "Merriweather", "Georgia", serif;
}

ul, p
{
  margin: 0;
  padding: 0;
}

b
{
}

img
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a:focus
{
  outline: none;
}

p.warn
{
  background: yellow;
  border: 1px solid red;
  text-align: center;
  padding: 10px;
  width: 75%;
  margin: 0 auto;
}

.clear
{
  clear: both;
  display: block;
}


#field
{
  width: 1024px;
  height: 768px;
  border: 2px solid #71542c;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  cursor: url(/assets/cursors/null-eff49f5c25275287cd7e4f4c75cd4528.cur), pointer;
}

#field.caverns
{
  background-image: url(/assets/levels/caverns/background-86cd9012b8e8e437f0486e9ed201f9fb.jpg);
}

#field.mines
{
  background-image: url(/assets/levels/mines/background-342f9ba5e6d52e9bacc4b3d140f6981c.jpg);
}

#field.ruins
{
  background-image: url(/assets/levels/ruins/background-4f11a73909c20a69b79fbbca5ae5a6d2.jpg);
}

#field.ruins.ruins_5
{
  background-image: url(/assets/levels/ruins/background-lich-b0cfde64b00a598640d1fc1e2ee0f8ce.jpg);
}

#field.pyramids
{
  background-image: url(/assets/levels/lair/background-4d36d2d5965419b6c040e1064e384b23.jpg);
}

#field.lair.white_dragon
{
  background-image: url(/assets/levels/lair/white-47c8daae4fd909baed4d57bd43bb545d.jpg);
}

#field.lair.black_dragon
{
  background-image: url(/assets/levels/lair/black-9d5b2634985f35de152f4b6e8d0de917.jpg);
}

#field.lair.green_dragon
{
  background-image: url(/assets/levels/lair/green-79a3088f682df3e273a67be894639d6f.jpg);
}

#field.lair.blue_dragon
{
  background-image: url(/assets/levels/lair/blue-b8356c4743639c59cf6c462078aaee41.jpg);
}

#field.lair.red_dragon
{
  background-image: url(/assets/levels/lair/red-6cc50aa4e60bb0c53f8a9b0ecbf033ef.jpg);
}

#exits > img, #theme > img
{
  position: absolute;
}

#exits > .tl, #theme > .tl
{
  top: 0;
  left: 0;
}

#exits > .tr, #theme > .tr
{
  top: 0;
  right: 0;
}

#exits > .bl, #theme > .bl
{
  bottom: 0;
  left: 0;
}

#exits > .br, #theme > .br
{
  bottom: 0;
  right: 0;
}

#help, #mtt, #noob, #scrolltip
{
  background: #222;
  padding: 5px 8px;
  opacity: 0.85;
}

#help, #noob, #scrolltip
{
  border-radius: 4px;
}

#flash
{
  position: absolute;
  top: 100px;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.floatmsg
{
  position: absolute;
  padding: 8px;
  border-radius: 20px;
  pointer-events: none;
  max-width: 260px;
  text-align: center;
  background: rgba(0, 0, 0, 0.75);
  border: 2px solid #b2a794;
  color: #efd79f;
  font-size: 16px;
}

.ttobject, .ttmonster
{
  color: white;
  background: rgba(0, 0, 0, 0.75);
}

#health
{
  position: absolute;
  top: 5px;
  left: 16px;
  width: 245px;
  height: 49px;
}

#health > b
{
  font-weight: normal;
  position: absolute;
  top: 14px;
  left: 10px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  color: #dddcc7;
}

#health > img
{
  position: absolute;
  top: 13px;
  left: 72px;
}

#health > span
{
  position: absolute;
  top: 12px;
  left: 180px;
  font-size: 20px;
  font-family: Palatino, serif;
}

#health > .green
{
  color: #48c02c;
}

#health > .yellow
{
  color: #f3dc4a;
}

#health > .red
{
  color: #d93636;
}

#weapons
{
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/assets/ui/weapons/weapons-background-f3558acb8db58ade68a7aa59b9c7720b.png) no-repeat;
  width: 289px;
  height: 95px;
}

.weapon
{
  float: left;
  width: 82px;
  height: 62px;
  text-align: center;
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-top: 33px;
}

#sword
{
  background-image: url(/assets/ui/weapons/sword_icon-06f7138059559212ce58f1da6efa9067.png);
}

#sword.bright
{
  background-image: url(/assets/ui/weapons/sword_icon-bright-b54299fe35f296b7bac5b1438a95887e.png);
}

#shield
{
  background-image: url(/assets/ui/weapons/shield_icon-fa5661dff26ed18bab7c893cf0815b2f.png);
}

#shield.bright
{
  background-image: url(/assets/ui/weapons/shield_icon-bright-087a4ad9aa90a091f1bf6bc9871d2825.png);
}

#shield.dim, #shield.disabled
{
  background-image: url(/assets/ui/weapons/shield_icon-dim-457f0839f92d81fa0589179ad158fce5.png);
}

#bow
{
  background-image: url(/assets/ui/weapons/bow_icon-4b66b6e03caa7dbc33f28c202efdbed4.png);
}

#bow.bright
{
  background-image: url(/assets/ui/weapons/bow_icon-bright-19b01ae2a6c4180b5b37f085ef0bcdf8.png);
}

.weapon > b, .scroll > b
{
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  margin-top: 14px;
  color: #dddcc7;
}

.weapon.disabled > b, .weapon.disabled > span
{
  color: #555;
}

.weapon > span
{
  font-size: 22px;
  font-family: Palatino, serif;
  position: relative;
  left: -4px;
  color: #d4baa1;
}

#monster
{
  position: absolute;
  pointer-events: none;
}

#mttouter
{
  position: absolute;
  top: 213px;
  left: 109px;
  text-align: center;
}

#mtt
{
  float: left;
  position: relative;
  left: -50%;
  font-size: 13px;
  pointer-events: none;
  border: 3px solid #89755d;
}

#mtt:empty
{
  display: none;
}

#mtt > b
{
  color: #dac84a;
  font-size: 16px;
  display: block;
  font-weight: normal;
}

#wepclose
{
  position: absolute;
  bottom: 60px;
  display: none;
}

#wepdialog
{
  position: absolute;
  bottom: 280px;
  left: 400px;
  display: none;
  z-index: 100;
}

.dice
{
  position: absolute;
  display: none;
}

#dicehelp
{
  width: 280px;
  height: 70px;
  top: 15px;
  left: 400px;
  position: absolute;
}

.dice > s
{
  position: absolute;
  top: -14px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10px;
}

#dicepl > s
{
  margin-left: 7px;
  font-size: 11px;
}

#dicepl > small
{
  display: block;
  position: absolute;
  left: 100px;
  top: -14px;
  font-size: 11px;
}

#dicemon > s
{
  font-size: 11px;
  width: 200px;
}

.dice > b
{
  position: absolute;
  display: block;
  width: 45px;
  height: 43px;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  padding-top: 13px;
  padding-right: 9px;
  margin-bottom: -6px;
  color: #ddd;
  font-family: Palatino;
  background: url(/assets/ui/dice-blue-caf8c440bd44f30aa42426e07ce9c3da.png) top left no-repeat;
}

.dice.big > b
{
  width: 55px;
  height: 52px;
  padding-top: 14px;
  padding-right: 12px;
  font-size: 18px;
  background-image: url(/assets/ui/dice-blue-big-339dd6497f3b4dd0267030c9d70a6492.png);
}

.red > b
{
  background-image: url(/assets/ui/dice-red-4d2ace32826ccbd5a83e6da4aaa07d7c.png);
}

.big.red > b
{
  background-image: url(/assets/ui/dice-red-big-9449c602c0a6f93d6557d8261d3adadf.png);
}

.dice > u
{
  display: block;
  background: white;
  font-size: 14px;
  height: 19px;
  padding: 3px 8px 0 24px;
  margin: 13px 0 0 28px;
  color: blue;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-decoration: none;
  font-family: Palatino;
}

.dice.big > u
{
  height: 23px;
  padding-top: 4px;
  margin: 17px 0 0 43px;
  font-size: 17px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.red > u
{
  color: #a9272d;
}

.dice > i
{
  display: block;
  position: absolute;
  top: 38px;
  left: 38px;
  width: 200px;
  font-style: normal;
  font-size: 12px;
  text-shadow: 1px 1px 2px black, 0 0 1em purple, 0 0 0.2em purple;
}

#scrolls
{
  position: absolute;
  right: 0;
  bottom: 0;
}

.scroll
{
  float: right;
  width: 94px;
  height: 93px;
  text-align: center;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url(/assets/ui/scrolls/scroll-b405fe6c670811fa38340ad022e88d29.png);
  text-decoration: none;
  cursor: url(/assets/cursors/hand-fc4083389fee41be0aa1845ae8adf700.cur), pointer;
}

.scroll.dim
{
  background-image: url(/assets/ui/scrolls/scroll-dim-496883ae42157d4e2dbba3050ea020c5.png);
}

.scroll > .lock
{
  position: relative;
  top: -8px;
}

#scrolltip
{
  position: absolute;
  bottom: 94px;
  right: 33px;
  text-align: center;
  width: 200px;
}

#haste:hover
{
  background-image: url(/assets/ui/scrolls/haste_scroll-hover-fddc0ce66787158d1466fcf8a7dfb715.png);
}

#haste.bright
{
  background-image: url(/assets/ui/scrolls/haste_scroll-bright-fa922cbf61709f40858f1ea06a3441d3.png);
}

#flame:hover
{
  background-image: url(/assets/ui/scrolls/flame_scroll-hover-3256dedbaf118ab7b191a121117d98df.png);
}

#flame.bright
{
  background-image: url(/assets/ui/scrolls/flame_scroll-bright-d756706dc809027cb603dbac6ab1c98f.png);
}

#leap:hover
{
  background-image: url(/assets/ui/scrolls/leap_scroll-hover-b6960e61324314ff27a11d36c1f4e83c.png);
}

#leap.bright
{
  background-image: url(/assets/ui/scrolls/leap_scroll-bright-071623409e81d46bd3ec6dc5ce4d992f.png);
}

.scroll > b
{
  margin-top: 22px;
  color: #191f13;
}

.scroll > span
{
  font-size: 22px;
  font-family: Palatino, serif;
  position: relative;
  top: 4px;
  color: #293819;
}

#maplink, #options, #video, #ring, #mapring
{
  position: absolute;
  right: 6px;
  width: 87px;
  height: 26px;

  cursor: url(/assets/cursors/null-eff49f5c25275287cd7e4f4c75cd4528.cur), pointer;

  color: #ffe598;
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px 0px;
  box-sizing: border-box;
  text-align: center;
  text-shadow: 0px 0px 1px black;

  background: url(/assets/ui/controls_button-785ff39f6823d7615196e9dd1b215da0.png) top left no-repeat;
}

#maplink:hover, #options:hover, #video:hover
{
  background-image: url(/assets/ui/controls_button-on-b464bd5ad0c29f386145d7646cf80483.png);
}

#maplink
{
  top: 38px;
  text-decoration: none;
}

#options
{
  top: 6px;
}

#video
{
  top: 70px;
}

#ring
{
  top: 70px;
}

#dicepl
{
  position: absolute;
  top: 28px;
  left: 400px;
}

#dicemon
{
  position: absolute;
  top: 28px;
  left: 560px;
}

#noob
{
  font-size: 12px;
  pointer-events: none;
  display: none;
  position: absolute;
  text-align: center;
  width: 104px;
}

#badclick, #hourglass, #loadmsg
{
  display: none;
  position: absolute;
  width: 1024px;
  text-align: center;
  top: 350px;
  font-size: 24px;
  text-shadow: 1px 1px 2px black, 0 0 1em purple, 0 0 0.2em purple;
}

#badclickmsg
{
  background: rgba(0, 0, 0, 0.5);
  padding: 4px 10px;
  border-radius: 4px;
}

#infos
{
  position: absolute;
  width: 100px;
  right: 0;
  top: 155px;
}

.info
{
  border: 3px solid #89755d;
  border-right: none;
  background: #111;
  opacity: 0.85;
  margin-bottom: 5px;
  font-size: 11px;
  height: 31px;
  padding: 6px 0 2px 10px;
  white-space: nowrap;
  color: #c3c2ad;
  cursor: url(/assets/cursors/info-22cb268ebcd77288248af073a3a52ff1.cur), pointer;
  position: relative;
}

.info:hover, .info.selected
{
  border-color: #baa971;
  background: #b89d65;
  color: black;
}

.noobinfo
{
  display: none;
}

.info:hover > .noobinfo
{
  display: block;
  position: absolute;
  left: -150px;
  width: 110px;
  color: #fff;
  text-shadow: 1px 1px 2px black, 0 0 1em purple, 0 0 0.2em purple;
}

.infoarrow
{
  display: block;
  position: absolute;
  left: -40px;
  top: -10px;
}

#introdialogback, #loading
{
  width: 1024px;
  height: 768px;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}

#loading
{
  background: rgba(0, 0, 0, 0.7);
}

#introdialog
{  
  margin: 180px auto 0 auto;
  color: #c3c2ad;
  width: 425px;
  text-align: center;
  font-size: 20px;
  position: relative;
  border: 1px solid #53461b;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  padding: 12px 25px;
}

#introdialog.long
{  
  margin-top: 140px;
}

#introdialog > h3
{
  margin: 15px 0 25px 0;
  padding: 0;
  color: #b99c3c;
  font-family: 'Arapey';
  font-style: italic;
  font-size: 35px;
  font-weight: normal;
  text-shadow: 2px 2px 4px black;
  text-align: center;
}

#introdialog > h3 + h3
{
  display: none;
}

#introdialog > h3.limit_width
{
  margin: 16px auto 1em auto;
  width: 350px;
}

#introdialog > p, #introdialog > ul
{
  margin: 16px 8px 16px 16px;
  font-size: 15px;
  text-align: left;
}

#introdialog > ul
{
  margin-left: 24px;
}

#introdialog > ul > li
{
  margin: 16px 0;
}

#introdialog > table
{
  font-size: 75%;
  margin: 0 auto;
}

#introdialog thead
{
  text-decoration: underline;
}

#introdialog tr
{
  margin: 0;
  padding: 0;
}

#introdialog td
{
  width: 100px;
  margin: 0;
  padding: 0;
}

#introdialog > .wide td
{
  width: 200px;
}

#introdialog > .introbut
{
  margin-top: 32px;
  margin-left: 8px;
}

.introdialogcont
{
  width: 277px;
  height: 63px;
  display: block;
  margin: 20px auto 0 auto;
  border: none;
  background: url(/assets/pages/continue-ee53ea93a3c76e564224e34ddff623a0.png);
}

.introdialogcont:hover
{
  background: url(/assets/pages/continue-on-eb23fb80c6dd81ee932cf8ac8e0dc052.png);
}

.corner
{
  position: absolute;
  transform: scale(0.65);
  -webkit-transform: scale(0.65);
  z-index: 10;
}

.corner.tl
{
  top: -120px;
  left: -120px;
}

.corner.tr
{
  top: -120px;
  right: -120px;
}

.corner.bl
{
  bottom: -120px;
  left: -120px;
}

.corner.br
{
  bottom: -120px;
  right: -120px;
}

#preload
{
  display: none;
}

svg
{
  position: absolute;
  top: 0;
  left: 0;
}

.outer
{
  stroke: black;
}

.grid
{
  pointer-events: none;
}

.tile
{
  fill: #ede1d4;
  fill-opacity: 0.01;
  stroke: none;
}

.tile.actionable
{
  fill: #ede1d4;
  fill-opacity: 0.2;
}

.actionable.chest
{
  cursor: url(/assets/cursors/hand-fc4083389fee41be0aa1845ae8adf700.cur), pointer;
}

.actionable.chest.verb_portal
{
  cursor: url(/assets/cursors/enter_from_left-4cd8ae31d88d036ee3e0220a72966050.cur), pointer;
}

.actionable.verb_sword
{
  cursor: url(/assets/cursors/sword-92948c3f494a15822ec9366f07a7e3cc.cur), pointer;
}

.actionable.verb_bow
{
  cursor: url(/assets/cursors/bow-0f7b06b8da00d6c214846b2f0d41447e.cur), pointer;
}

.actionable.facing_l
{
  cursor: url(/assets/cursors/move_l-d92c48d9a88729fe22b915d430114e0c.cur), pointer;
}

.actionable.facing_r
{
  cursor: url(/assets/cursors/move_r-8c710ae2623e3ea6f86e2de962b64530.cur), pointer;
}

.actionable.facing_bl
{
  cursor: url(/assets/cursors/move_tl-417b4f2f91905ed395aba556056f90e5.cur), pointer;
}

.actionable.facing_br
{
  cursor: url(/assets/cursors/move_tr-d10ddc26560a0b28e2a1e1e808fb3866.cur), pointer;
}

.actionable.facing_fl
{
  cursor: url(/assets/cursors/move_bl-7a30ae3cac7df0ff65395fd4e93f772a.cur), pointer;
}

.actionable.facing_fr
{
  cursor: url(/assets/cursors/move_br-667cb91b0ae3d476601a30497d1b8641.cur), pointer;
}

.actionable.verb_dash.facing_l
{
  cursor: url(/assets/cursors/dash_l-e0d506ba832e882a75ea897d011317c5.cur), pointer;
}

.actionable.verb_dash.facing_r
{
  cursor: url(/assets/cursors/dash_r-c8c44b3532dd78782e098fbe6e1337b3.cur), pointer;
}

.actionable.verb_dash.facing_bl
{
  cursor: url(/assets/cursors/dash_tl-ebe0be3f4848d11726a1859057f82b17.cur), pointer;
}

.actionable.verb_dash.facing_br
{
  cursor: url(/assets/cursors/dash_tr-37df868971d5c371bc8087ef6c80393a.cur), pointer;
}

.actionable.verb_dash.facing_fl
{
  cursor: url(/assets/cursors/dash_bl-ee08f65181876f713c7ab6deb5d23097.cur), pointer;
}

.actionable.verb_dash.facing_fr
{
  cursor: url(/assets/cursors/dash_br-42cf1b884ec9563ab718359831db29cc.cur), pointer;
}

.actionable.verb_guard
{
  cursor: url(/assets/cursors/shield-984137936ea351ef9f7e6ad42e074326.cur), pointer;
}

.actionable.verb_leap
{
  cursor: url(/assets/cursors/leap-50775a3c8cc7b6069784abf0f4e40cc6.cur), pointer;
}

.actionable.verb_flame, .ready .tile.actionable.verb_flame:hover
{
  cursor: url(/assets/cursors/flame-a62bbace8718f017983bbeaa39240559.cur), pointer;
  fill-opacity: 0.01;
}

.ready .tile.actionable:hover, .tile.selected
{
  fill: #dcb;
  fill-opacity: 0.6;
}

.ready .tile.actionable.verb_bow:hover, .ready .tile.actionable.verb_sword:hover
{
  fill: #c00;
  fill-opacity: 0.4;
}

.ready .tile.actionable.verb_guard:hover
{
  fill: #006699;
  fill-opacity: 0.4;
}

.chest, .ready .chest:hover, .exit-outer
{
  fill: rgba(255, 255, 255, 0.01);
  stroke: none;
  fill-opacity: 0.01;
}

.accessible
{
  cursor: pointer;
}

.exit-inner
{
  fill: #ede1d4;
  fill-opacity: 0.01;
  stroke: #354035;
  stroke-width: 1;
  pointer-events: none;
}

.accessible > .exit-inner
{
  fill-opacity: 0.2;
  stroke-width: 1.75;
}

.exit:hover > .exit-inner
{
  fill-opacity: 0.2;
}

.accessible:hover > .exit-inner
{
  fill-opacity: 0.6;
}

/* #ontile uses inheritance */
#ontile, #hsnipe, .outimg, .snipe, .dice
{
  pointer-events: none;
}

.exit-outer, .chest
{
  pointer-events: visiblePainted;
}

.accessible > .exit-outer.left
{
  cursor: url(/assets/cursors/exit_left-7f801b472c01e6b6f2d9b938adf84dbf.cur), pointer;
}

.accessible > .exit-outer.right
{
  cursor: url(/assets/cursors/exit_right-55163eee07bd2564e2fa33eda43f7304.cur), pointer;
}

.botinfo
{
  display: none;
}

#field.helpon .botinfo
{
  display: inline;
}

.flameset
{
  display: none;
}

.placard
{
  display: none;
  pointer-events: none;
}

.placard > circle
{
  fill: #111;
  opacity: 0.5;
  stroke: #89755d;
  stroke-width: 4;
}

.placard > text
{
  fill: #d3c3af;
}

.ghostly
{
  opacity: 0.7;
}

.pose
{
  display: none;
}

.pose.actual
{
  display: inherit;
}

.remains
{
  opacity: 0.8;
}

.safe .remains
{
  opacity: 1.0;
}

.summoning
{
  opacity: 0.5;
}

#ontile text
{
  stroke-width: 0.104px;
  text-anchor: middle;
}

h4
{
  margin-top: 30px;
  margin-bottom: 8px;
}

#room_id, #game_id
{
  display: none;
}

.cen
{
  text-align: center;
}

#hsnipe
{
  position: absolute;
}

.totatt, .totdef
{
  position: absolute;
  font-size: 48px;
  text-align: center;
  width: 50px;
  text-shadow: 1px 1px 2px black;
}

.totatt
{
  color: #f44;
}

.totdef
{
  color: #66f;
}

.small_gold_button
{
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  color: black;
  text-decoration: none;
  font-family: 'Merriweather';
  font-variant: normal;
  font-weight: bold;

  font-size: 11px;
}

.small_gold_button:hover
{
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
}

.small_gold_button.short
{
  background-image: url(/assets/ui/small_gold_button_short-a1c103fc09bce01bd608af1d3070cb0b.png);

  height: 45px;
  width: 81px;

  padding: 16px 0 0 20px;
}

.small_gold_button.short:hover
{
  background-image: url(/assets/ui/small_gold_button_short_hover-89ef66b50197ccc82698b331a1981269.png);
}

.small_gold_button.long
{
  background-image: url(/assets/ui/small_gold_button_long-59eec1ae43e3a331e47a35278efa1c6c.png);

  height: 44px;
  width: 126px;

  padding: 15px 0 0 20px;
}

.small_gold_button.long:hover
{
  background-image: url(/assets/ui/small_gold_button_long_hover-a2cf961f042caaca51ad3047a6f67f47.png);
}
/*
  This file should contain CSS that is intended for use across the outer pages.
  It will not be included on game pages.
*/


body
{
  width: 1024px;
  margin: 0 auto;
  background: #000 url(/assets/pages/background-a88474a43a0abc0f4d0b3abf9f905279.jpg) repeat-x top center;
  color: #f7e6c9;
  font-family: 'Merriweather', Georgia, serif;
  position: relative;
  font-size: small;
}

html.ie8 body
{
  background: black;
}

p
{
  margin: 10px 0;
}

a, a:visited
{
  color: #b99c3c;
  text-decoration: none;
  outline: none;
}

a > img
{
  outline: none;
  border: none;
}

ul
{
  list-style-type: none;
}

ul.bullets
{
  list-style-type: disc;
  list-style-position: inside;
}

.center
{
  text-align: center;
}

.notice
{
  margin: 20px 0;
  padding: 4px 8px;
  color: #222;
  background: #ddd;
  border: 2px solid red;
}

#toolbar
{
  height: 38px;
  background: url(/assets/pages/toolbar-border-823a5be3c878bc9dfee630fd23e4a61c.png) no-repeat bottom center;
}

#toolbar > #tlnav
{
  position: absolute;
  top: 13px;
  right: 30px;
  font-size: small;
}

#tlnav > li > a
{
  color: #b99c3c;
  line-height: 20px;
}

#free_to_play
{
  position: absolute;
  top: 45px;
  left: 30px;

  font-family: 'Merriweather';
  font-style: italic;
  font-size: 14px;
  color: #908684;
}

#social > .tweet
{
  float: right;
  right: 4px;
  width: 90px;
  height: 20px;
}

#social > .goog
{
  float: right;
  width: 90px;
}

#social > .fblike
{
  border: none;
  overflow: hidden;
  width: 90px;
  height: 20px;
  float: right;
  margin-right: 20px;
}

.sharebut
{
  position: relative;
  top: -7px;
  left: 163px;
  background: #000 url(/assets/pages/share-d41fc0a1fc5283ad1000709fe8a7d090.png) no-repeat top left;
  width: 122px;
  height: 30px;
  display: block;
}

.sharebut:hover
{
  background-image: url(/assets/pages/share-on-5ee63d7f815f3e727b2c745179fbd198.png);
  left: 164px;
}

#social.centered
{
  width: 1024px;
  margin: 0 auto;
}

#social.centered > .sharebut
{
  background-color: transparent;
  margin: 0 auto;
  top: auto;
  left: auto;
  position: static;
}

#welcome
{
  position: absolute;
  top: -6px;
  left: 32px;
  z-index: 10;
}

#welcome > span > a
{
  background-image: url(/assets/pages/square_button_center-3d1a16b71d0bd3f4b66026ed945de3a3.png);

  display: inline-block;
  height: 51px;
  width: auto;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px 0 0 0px;

  margin: 0 25px 0 10px;

  text-align: center;

  font-size: 13px;
  color: white;
  text-shadow: 0px 0px 5px rgba(207, 90, 12, 0.6);

  vertical-align: 0px;

  position: relative;
}

#welcome > span > a:before
{
  content: " ";

  display: inline-block;
  width: 25px;
  height: 51px;

  position: absolute;
  left: -25px;
  top: 0;

  background: url(/assets/pages/square_button-7b4aec7226313ca412ba82aa6be06254.png) no-repeat 0px 0px;
}

#welcome > span > a:after
{
  content: " ";

  display: inline-block;
  width: 25px;
  height: 51px;

  position: absolute;
  right: -25px;
  top: 0;

  background: url(/assets/pages/square_button-7b4aec7226313ca412ba82aa6be06254.png) no-repeat right 0px;
}

#welcome > span > a:hover
{
  background-position: 0px -51px;

  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5);
}

#welcome > span > a:hover:before
{
  background-position: 0px -51px;
}
#welcome > span > a:hover:after
{
  background-position: right -51px;
}

#welcome > span > a > .action_arrow
{
  background-image: url(/assets/pages/login_arrow-b50fb06706e67cbdbbb9662ce514800d.png);
  height: 23px;
  width: 14px;
  display: inline-block;
  vertical-align: -11px;
}

#welcome > span > a:hover > .action_arrow
{
  background-image: url(/assets/pages/login_arrow_hover-8db4c5b740a2d0109e77dad56b86472e.png);
}

.quiet
{
  font-size: 10px;
  font-weight: normal;
  padding-left: 10px;
}

.quiet > a
{
  padding-left: 10px;
  color: #666;
}

.quiet [alt=fb]
{
  position: absolute;
  right: -20px;
  top: -2px;
}

#content
{
  margin: 140px 20px 0 20px;
  position: relative;
}

.hide_top #content
{
  margin-top: 10px;
}

#content > h3
{
  text-align: center;
  font-weight: normal;
}

#logo
{
  position: absolute;
  width: 340px;
  height: 144px;
  top: 0;
  left: 350px;
  z-index: 10;
}

#logoimg
{
  width: 340px;
}

.page h2
{
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 28px;
  height: 59px;
  background: url(/assets/pages/title_backdrop-1891fe903b78d3d76531448e349a1dcb.png) top center no-repeat;
  padding: 33px 0 0 0;
  margin-top: -30px;
  color: #c2b392;
}

h2.white_headline
{
  font-family: 'Arapey';
  font-style: italic;
  font-size: 31px;
  color: #ccc;

  text-shadow: 5px 5px 7px black;
  text-transform: none;

  background: url(/assets/pages/large_separator-fbc316328880af1014b02f721844250b.png) top center no-repeat;

  margin-top: 35px;
  padding-top: 45px;

  margin-bottom: 15px;
}

.white_headline > span
{
  font-size: 26px;
}

.homepage_screens img
{
  display: inline-block;

  width: 309px;
  height: 231px;

  margin-left: 16px;
}

.homepage_screens img:first-child
{
  margin-left: none;
}

.gold_button
{
  font-family: 'Merriweather';
  font-weight: bold;
  height: 35px;
  width: 227px;
  color: white;
  font-size: 20px;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5),
               1px 1px 5px rgba(0, 0, 0, 0.2);
  display: block;
  background-image: url(/assets/pages/gold_button-8d69254fc7d810672d01798167747a2a.png);
  text-align: center;
  padding-top: 12px;
}

.gold_button:hover
{
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8),
               1px 1px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-image: url(/assets/pages/gold_button-lit-6c9a2b8580a2bd7b808af886c9cd7eea.png);
}

#goplay.gold_button.short
{
  background-image: url(/assets/gold_button-75680ccec40f9a6a3303ec174df5e9b3.png);
  width: 162px;
  height: 69px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  left: 80px;
  bottom: 15px;
  padding-top:22px;
}

#goplay.gold_button.short:hover
{
  background-image: url(/assets/gold_button_hover-be4be348c331fb9d2cff08834f9a0f76.png);
}

a.gold_button
{
  color: white;
}

.gold_button.hidden
{
  display: none;
}

/* New Play Button */

.button.big
{
  color: white;
  display: block;
  font: 21px/44px 'Merriweather', Georgia, serif;
  position: relative;
  text-shadow: 2px 3px 8px rgba(27, 19, 8, 0.65);
}

.button.big:hover
{
  cursor: pointer;
  text-shadow: 0px 0px 5px rgba(206, 174, 80, 0.85);
}

.button.big .part
{
  display: inline-block;
  float: left;
  height: 46px;
}

.button.big .middle
{
  background: url(/assets/pages/button-big-middle-f24b187b6be2cbfbce5f81bcedeae6f4.png) repeat-x 0 0;
  padding: 0 5px;
}

.button.big:hover .middle
{
  background: url(/assets/pages/button-big-middle-f24b187b6be2cbfbce5f81bcedeae6f4.png) repeat-x 0 -46px;
  text-shadow: 0px 0px 1px white;
}

.button.big .left,
.button.big .right
{
  background: url(/assets/pages/button-big-edges-131d9927996a75dd124d83130925fbfe.png) no-repeat 0 0;
  width: 31px;
}

.button.big .right
{
  background: url(/assets/pages/button-big-edges-131d9927996a75dd124d83130925fbfe.png) no-repeat -31px 0;
  padding-right: 8px;
}

.button.big:hover .left
{
  background: url(/assets/pages/button-big-edges-131d9927996a75dd124d83130925fbfe.png) no-repeat 0px -46px;
}

.button.big:hover .right
{
  background: url(/assets/pages/button-big-edges-131d9927996a75dd124d83130925fbfe.png) no-repeat -31px -46px;
}

/* Custom pages */

.already
{
  text-align: center;
  font-size: 14px;
  margin-top: -10px;
  color: #c2b392;
}

.playfree
{
  position: absolute;
  top: -10px;
  right: -30px;
}

form.short
{
  width: 867px;
  height: 391px;
  margin: 0 auto;
  background: url(/assets/pages/filigree-short-d38d11e9e37d5239144236c5c4350b04.png) top center no-repeat;
  margin-top: 24px;
  padding-top: 20px;
  position: relative;
}

#error_explanation > h2
{
  display: none;
}

#error_explanation
{
  position: absolute;
  width: 200px;
  top: 170px;
  left: 650px;
  height: 120px;
  overflow: hidden;
  color: #99432d;
}

.felem
{
  text-align: right;
  margin: 10px 280px 0 0;
  position: relative;
}

.felem > div
{
  display: inline;
}

.felem label
{
  margin-right: 5px;
  position: relative;
  top: 1px;
  color: #e0e9d6;
}

.felem label:after
{
  content: ':';
}

.felem input
{
  width: 300px;
  height: 28px;
  background: #1d1d1d;
  border: 1px solid #484944;
  padding: 2px 0 0 6px;
  color: #e0e9d6;
  font-size: 15px;
}

.felem .field_with_errors > input
{
  background: #3c0f07;
}

.felem > span
{
  position: absolute;
  width: 160px;
  font-size: 12px;
  top: 1px;
  text-align: left;
  left: 650px;
  color: #c2b392;
}

.remember
{
  margin: 20px 0 0 380px;
  color: #e0e9d6;
}

.error
{
  margin-top: 5px;
  margin-left: 250px;
  text-align: left;
  color: red;
  font-size: small;
}

.forgot, .gallery
{
  font-weight: normal;
  text-align: right;
  margin-top: 140px;
  margin-right: 360px;
  display: block;
  font-size: 15px;
}

#new_user > .nav
{
  margin-top: 90px;
  text-align: center;
  display: block;
  font-size: 16px;
}

.breqs
{
  text-align: center;
  position: relative;
  top: 62px;
  font-size: 15px;
}

form.short input[type='submit']
{
  background: #9b8557;
  width: 120px;
  height: 40px;
  border: 2px solid #a49a76;
  font-family: "Georgia", serif;
  font-size: 19px;
  color: #fffbd7;
  border-radius: 4px;
  margin: 20px 0 0 370px;
}

.promologo
{
  display: block;
  margin: 120px 0 40px 0;
  text-align: center;
}

.topdollars
{
  text-align: center;
}

.indevelopment
{
  position: absolute;
  top: 30px;
  right: 120px;
}

.promo_index p
{
  margin: 20px 0;
}

.promo_index a
{
  font-weight: normal;
}

.promo_index .dragport
{
  position: absolute;
  left: -160px;
  top: -180px;
}

.letter
{
  font-size: 17px;
}

.promo_index .playnow
{
  float: right;
  position: relative;
  top: -18px;
}

#herestand
{
  text-align: center;
  margin-top: 70px;
  margin-bottom: 40px;
  font-size: 22px;
}

#heresmall
{
  font-size: 16px;
}

#promonames > h4
{
  font-weight: normal;
  font-size: 22px;
}

#promonames > hr
{
  color: #1a1a1a;
  height: 0;
  max-height: 0;
  display: block;
  border: 1px solid #1a1a1a;
}

.namelist
{
  font-size: 15px;
  color: #cc8193;
}

/* Start page */

.home > #content
{
  margin-top: 0;
}

.nav
{
  display: inline-block;
}

.nav > li
{
  display: inline-block;
}

.nav > li + li
{
  border-left: 1px solid rgba(113, 115, 129, 0.4);
  padding-left: 10px;
  margin-left: 8px;
}

.nav > li > .sel
{
  background: #5f4b1a;
  padding: 1px 8px;
}

#trnav
{
  position: absolute;
  top: 45px;
  right: 30px;
}

#versus
{
  margin-top: 120px;
  margin-bottom: 30px;
  font-size: 154%;
  text-align: center;
  color: #f4c94a;
}

#splash
{
  margin: 0 auto;
  width: 814px;
  height: 437px;
  position: relative;

  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.75);
}

#spvid
{
  margin: 0 auto;
  width: 814px;
}

#spvid > iframe
{
  border: 2px solid #444;
  padding: 4px;
  background: #000;
}

.flydra, .splash_screen
{
  position: absolute;
}

.flydra.hidden
{
  display: none;
}

.cirdra
{
  position: absolute;
  width: 190px;
  left: 600px;
  top: -120px;
}

#herohelp
{
  position: absolute;
  font-size: 87%;
  top: 20px;
  left: 240px;
  color: #000;
}

#herohelp > h3, #herohelp > img
{
  display: none;
}

#stpromo
{
  position: absolute;
  top: -100px;
  left: -80px;
}

#tavern
{
  position: absolute;
  width: 87px;
  height: 26px;
  background-image: url(/assets/pages/forum-945614226b627b8a380547bbda3447c0.png);
  bottom: 8px;
  right: 8px;
}

#tavern:hover
{
  background-image: url(/assets/pages/forum-on-aac2815dec6c5e301ca15141f9ee3eb4.png);
}

#siprompt
{
  position: absolute;
  bottom: 0px;
  right: 10px;
}

#goplay
{
  position: absolute;
  bottom: 20px;
  left: 74px;
}

#heroimg
{
  position: absolute;
  left: 0;
  bottom: 0;
}

#prevhero
{
  position: absolute;
  width: 71px;
  height: 71px;
  left: 4px;
  bottom: 8px;
  background-image: url(/assets/pages/arrow_left-1263c55d2118fca23afdbe7087374030.png);
}

#prevhero:hover
{
  background-image: url(/assets/pages/arrow_left_hover-0ddf4575e525901f580858f5d286533a.png);
}

#nexthero
{
  position: absolute;
  width: 71px;
  height: 71px;
  left: 247px;
  bottom: 8px;
  background-image: url(/assets/pages/arrow_right-ce11a2d676ad0d1f531744fb2e917afd.png);
}

#nexthero:hover
{
  background-image: url(/assets/pages/arrow_right_hover-3cb5309c6acb1546e32da9b55142991f.png);
}

.playnow
{
  width: 300px;
  height: 80px;
  margin: 0 auto;
}

.playnow.cont
{
  background-image: url(/assets/pages/gold-continue-e91dc651d1ce882a4053361a67aeaa81.png);
}

.playnow.cont:hover
{
  background-image: url(/assets/pages/gold-continue-lit-bebe5b9c762e239842a186388ade7b25.png);
}

.playnow.enter
{
  background-image: url(/assets/pages/playnow-eb5dd4ec562688b29fed31e33457f058.png);
}

.playnow.enter:hover
{
  background-image: url(/assets/pages/playnow-lit-1af3eb1b884234d953c6f2d0569bbfb4.png);
}

.planc, .playnow
{
  outline: none;
  display: block;
}

.over > .planc
{
  margin: 20px auto;
}

.planc.cont
{
  width: 277px;
  height: 63px;
  background: url(/assets/pages/continue-ee53ea93a3c76e564224e34ddff623a0.png);
}

.planc.cont:hover
{
  background: url(/assets/pages/continue-on-eb23fb80c6dd81ee932cf8ac8e0dc052.png);
}

.continue
{
  text-align: center;
}

#intro
{
  text-align: center;
  color: #fff;
  font-size: 90%;
  line-height: 20px;
  margin: 25px auto 0 auto;
  width: 770px;
}

#intro > strong
{
  color: #f7e6c9;
  font-weight: normal;
  text-transform: uppercase;
}

#info
{
  width: 800px;
  margin: 40px auto 20px auto;
}

#info h3
{
  font-weight: normal;
  font-size: 24px;
  color: #9e9586;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 16px 0;
}

#info h3 > em
{
  font-style: normal;
  font-size: 16px;
  color: #f7e6c9;
}

.broadcast
{
  display: block;
  background: #9d8748;
  padding: 4px 6px;
  margin-top: 4px;
}

td.name
{
  min-width: 150px;
}

td.drag
{
  min-width: 150px;
}

#standings
{
  float: left;
}

#standings > p
{
  margin-left: 15px;
}

ul.stage, .stages
{
  list-style-type: none;
}

.stage
{
  margin: 10px 0;
}

.stage > li
{
  margin: 5px 0;
  padding: 2px;
}

.stage > li > .user
{
  display: inline-block;
  width: 200px;
  position: relative;
  padding-left: 22px;
}

.user > a > .profile
{
  max-width: 20px;
  position: absolute;
  top: -4px;
  left: -4px;
}

.user > .quiet
{
  position: relative;
  display: inline;
}

.user > .quiet [alt=fb]
{
  right: -18px;
  top: -4px;
}

.user > i
{
  font-style: normal;
  font-size: 9px;
  color: #666;
  margin-left: 4px;
}

.stage > li > .drag
{
  display: inline-block;
  min-width: 120px;
}

.stage > li > .time
{
  color: #a3a3a3;
  font-size: 10px;
  margin-left: 20px;
  position: relative;
  top: -3px;
}

.newsitem
{
  margin-bottom: 16px;
}

#newsfeed .newsitem > a
{
  font-weight: normal;
  color: #f7e6c9;
  display: block;
}

.newsitem > i
{
  font-style: normal;
  color: #a3a3a3;
  font-size: 10px;
  font-family: 'Helvetica', 'Arial', sans-serif;
}

#info p, #decisions
{
  color: #e5e1dc;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 22px;
  margin-right: 40px;
}

#decisions
{
  list-style-type: disc;
}

#decisions > li
{
  margin-bottom: 2px;
  margin-left: 14px;
}

#recent
{
  width: 255px;
  float: right;
}

#recent > h3
{
  margin-top: 30px;
}

.event
{
  margin-bottom: 20px;
  font-family: "Helvetica", "Arial", sans-serif;
}

.event > strong
{
  color: #f1d9b0;
  font-size: 15px;
  font-weight: normal;
  font-family: "Merriweather", "Georgia", serif;
  display: block;
  margin-bottom: 1px;
}

.event > .inv
{
  color: #f8f5ef;
  font-size: 11.5px;
  line-height: 13px;
}

.event > .time
{
  display: block;
  color: #a3a3a3;
  font-size: 10px;
  margin-top: 6px;
}

#recent .more
{
  position: absolute;
  bottom: 40px;
  right: 40px;
  font-size: 13px;
}

#tourres
{
  margin-bottom: 30px;
}

#tourres > p
{
  margin-top: 16px;
  margin-bottom: 0;
}

#tourres > ol
{
  margin: 4px;
  padding-left: 30px;
  line-height: 18px;
}

#tourres > ol.badge
{
  list-style-type: none;
  padding: 0 4px;
}

li.badge
{
  margin: 4px;
  padding-left: 24px;
  height: 20px;
}

li.badge:nth-child(1)
{
  background: url(/assets/pages/1st_place-ad888e1d03ad84ce55ed8e21ccb05007.png) no-repeat top left;
}

li.badge:nth-child(2)
{
  background: url(/assets/pages/2nd_place-6bc3dfa8e4379afb6233f8b149a16676.png) no-repeat top left;
}

li.badge:nth-child(3)
{
  background: url(/assets/pages/3rd_place-0eb201f465f7129b6e52ab0c4a73aa0e.png) no-repeat top left;
}

.footerline
{
  margin-top: 30px;
}

.postfoot
{
  clear: both;
  padding-top: 20px;
  font-size: 11px;
  line-height: 16px;
	text-align: center;
	margin-bottom: 20px;
  color: #919191;
}

/* Game over page */

.outcome_bg
{
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 1024px;
  height: 768px;
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.75);
}

.outcome_bg.win
{
  background: url(/assets/pages/game_over/village-background-victory-lores-9f9169775f715ae53412f1f1aeb64f25.jpg);
}
.outcome_bg.lose
{
  background: url(/assets/pages/game_over/village-background-fire-lores-5a2c0b21d3ae7343adf25c07f11283bb.jpg);
}

.outcome_banner
{
  position: absolute;
  top: 20%;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.outcome_banner.show
{
  opacity: 1;
}

.win > .outcome_banner
{
  width: 495px;
  height: 155px;
  left: 265px;
}

.lose > .outcome_banner
{
  width: 386px;
  height: 174px;
  left: 333px;
}

.win > .outcome_banner.set_top
{
  top: 10px;
}

.lose > .outcome_banner.set_top
{
  top: 0px;
}

.outcome_content
{
  margin: 145px auto 0 auto;
  width: 535px;
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid #53461b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 35px 30px 35px;
  box-shadow: 5px 5px 35px rgba(0, 0, 0, 0.75);
  font-family: 'Merriweather';
  color: gray;
  font-size: 12px;
  position: absolute;
  left: 245px;
  z-index: 1;
  display: none;
}

.background_figures.lady
{
  position: absolute;
  bottom: 4px;
  left: -100px;
  width: 450px;
  height: 445px;
  z-index: 0;
}

.background_figures.beer_guy
{
  position: absolute;
  bottom: -110px;
  right: -60px;
  width: 687px;
  height: 581px;
  z-index: 0;
}

h2.outcome
{
  background: none;
  width: 100%;
  height: auto;
  margin-top: 35px;
  margin-bottom: 15px;
  padding: 0;
  color: white;
  font-family: 'Arapey';
  font-style: italic;
  font-size: 30px;
  text-align: center;
  text-transform: none;
  text-shadow: 2px 2px 4px black;
}

.trophy_wrap
{
  width: 100%;
  position: relative;
  left: 50%;
  margin-bottom: 15px;
}

.trophy_center_div
{
  display: inline-block;
}

.trophy_center_div > img
{
  position: relative;
  left: -50%;
}

img.small_trophy
{
  width: 120px;
  height: auto;
  margin-left: 30px;
}
img.small_trophy:first-child
{
  margin-left: 0;
}

#dragon_count
{
  position: absolute;
  top: 50%;
  left: 7%;
  height: 60px;
  width: 60px;
  background: black;
  border-radius: 60px;
  border: 1px solid #b99c3c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px;
  font-size: 17px;
  text-align: center;
}

#dragon_count > span
{
  font-size: 30px;
  color: white;
  vertical-align: -5px;
}

.victory_line
{
  margin-top: 15px;
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #fbcc4a;
  color: white;
  font-size: 13px;
  text-align: center;
}

.promo
{
  width: 800px;
  margin: 40px auto 40px auto;
  font-size: 18px;
  background: #d1e2f1;
  color: #0a0201;
  border-top: 6px solid #00406e;
  border-bottom: 6px solid #00406e;
}

.promo > p
{
  border-top: 3px solid #b10b27;
  border-bottom: 3px solid #b10b27;
  padding: 4px 8px;
  margin: 0;
}

.govtip
{
  width: 500px;
  margin: 40px auto 0 auto;
  font-size: 15px;
  text-align: center;
}

.ribbon
{
  background: url(/assets/pages/ribbon-777820d0b8c69d337c632d358cf0ed23.png);
  height: 12px;
  width: 318px;
  margin: 20px auto 20px auto;
}

.feedform
{
  width: 460px;
  margin: 0px auto;
}

.feedform > p
{
  margin: 20px;
}

.feedform > p > strong
{
  font-weight: normal;
}

.feedform select
{
  position: relative;
  left: 20px;
}

.feedform textarea
{
  width: 100%;
  margin: 10px 0;
  height: 85px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
}

p.rate_heading
{
  display: block;
  margin: 0 auto;
  width: 95px;
  color: rgb(225, 225, 225);
}

#rating_wrap
{
  background:url(/assets/pages/game_over/rating_stars-dfa02729f140fc95c44743beae81a39a.png) left bottom repeat-x;
  display: block;
  width: 110px;
  height: 21px;
  margin: 5px auto 0 auto;
  vertical-align: bottom;
  overflow: hidden;
}

.leave_feedback
{
  display: block;
  margin-top: 15px;
  text-align: center;
  text-decoration: underline;
  color: rgb(225, 225, 225);
  cursor: pointer;
}

p.comment_wrap
{
  margin-bottom: 0;
}

.win > .outcome_content > form > .comment_wrap
{
  display: none;
}

input.star_rating[type=radio] {
  display:none;
}
input.star_rating[type=radio] + label {
  cursor: pointer;
  display: block;
  width:22px;
  height:21px;
  position: relative;
  float: left;
  z-index:2;
}

input.star_rating[type=radio] + label:hover {
  background:url(/assets/pages/game_over/rating_stars-dfa02729f140fc95c44743beae81a39a.png) left top repeat-x;
  width: 110px;
  margin-left: -88px;
  position: relative;
  z-index: 1;
}

input.star_rating[type=radio]:checked + label {
  background:url(/assets/pages/game_over/rating_stars-dfa02729f140fc95c44743beae81a39a.png) left top repeat-x;
  position: relative;
  width: 110px;
  margin-left: -88px;
  z-index:0;
}

.feedform > .dynamic_width_center_wrapper > .button.big
{
  margin-top: 15px;
}

.dynamic_width_center_wrapper
{
  margin-top: 5px;
  position: relative;
  left: 50%;
}

.feedform > .dynamic_width_center_wrapper > .button.big
{
  display: inline-block;
  position: relative;
}

.dynamic_width_center_wrapper > .button.big > span
{
  display: inline-block;
  position: relative;
  left: -47%;
}

.plzcreate > strong
{
  text-transform: uppercase;
  color: #f7e6c9;
  font-size: 15px;
}

.feedform > p.plzcreate
{
   margin-bottom: 0;
}

.plzcreate
{
  color: #ede9e5;
  font-size: 14px;
}

ol.plzcreate
{
  margin-top: 0;
  margin-bottom: 35px;
}

.ritems
{
  border-collapse: collapse;
  margin-bottom: 30px;
}

.ritemr > td
{
  border: 1px solid red;
  text-align: center;
  padding: 2px 4px;
}

.ritemr > td:first-child
{
  min-width: 100px;
  font-size: 15px;
  text-transform: capitalize;
}

.tohit
{
  border-collapse: collapse;
  margin-bottom: 30px;
}

.tohitr > td
{
  border: 1px solid red;
  text-align: center;
  padding: 2px 4px;
  min-width: 50px;
}

.tohitr > td:first-child, .dr > td
{
  font-size: 15px;
  text-transform: capitalize;
}
@font-face {
  font-family: 'Arapey';
  src: url('/assets/Arapey-Regular-46480689074c0c512c74640f36e34e6f.ttf') format('truetype');
}

@font-face {
  font-family: 'Arapey';
  src: url('/assets/Arapey-Italic-059c2ee04ed90e40c0ec3e60ae1641c8.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: "Merriweather";
  src: url('/assets/Merriweather-Regular-4867a82df8d378014cc050fc92079aaf.otf') format("opentype");
}
@font-face {
  font-family: "Merriweather";
  src: url('/assets/Merriweather-Bold-ed7f25438d93e4c8ef4c41b15ebc3426.otf') format("opentype");
  font-weight: bold;
}
@font-face {
  font-family: "Merriweather";
  src: url('/assets/Merriweather-Italic-559ec13ae88b7ec25485193184db71e4.otf') format("opentype");
  font-style: italic;
}
@font-face {
  font-family: "Merriweather";
  src: url('/assets/Merriweather-Black-c634dd62000ddcd3c61d573f7f33ff24.otf') format("opentype");
  font-weight: 900;
}
@font-face {
  font-family: "Merriweather";
  src: url('/assets/Merriweather-Light-510f1546577a9e03d91b36ff9783761c.otf') format("opentype");
  font-weight: 100;
}
#dialogs
{
  width: 814px;
  height: 437px;
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 85px;

  padding: 0 30px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #53461b;
}

#dialogs > .close_dialog
{
  position: absolute;
  top: 10px;
  right: 20px;

  font-family: Arial, Verdana;
  color: rgb(100, 100, 100);
  cursor: pointer;
  font-size: 15px;
}

#splash_account, #splash_signin
{
  text-align: center;
}

#splash_signin
{
  display: none;
}

#dialogs > div > h4
{
  margin: 30px 0 15px 0;
  padding: 0;
  color: #b99c3c;
  font-family: 'Arapey';
  font-style: italic;
  font-size: 35px;
  font-weight: normal;
  text-shadow: 2px 2px 4px black;
}

.modal_spacer
{
  background-image: url(/assets/modals/separator-201dcfd934bdad027dcd4f155e50fd4e.png);
  width: 676px;
  height: 27px;
  margin: 0 auto;
}

#dialogs > div > p
{
  font-size: 16px;
  margin: 15px 70px 15px 70px;
  color: #d6d6d6;
}

#dialogs > div > .gold_button
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  margin-top: 25px;
  margin-bottom: 20px;
}

#splash_signin > form > div > .gold_button
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  margin-top: 15px;
  margin-bottom: 15px;

  padding: 8px 0 4px 0;
}

.felem
{
  text-align: right;
  margin: 15px 243px 0 0;
  position: relative;
}

.felem label
{
  margin-right: 20px;
  position: relative;
  top: 1px;
  color: white;
  display: inline;
  font-size: 20px;
}


.felem label:after
{
  content: ':';
}

.felem input
{
  width: 251px; /* This is for firefox */
  height: 28px;
  background: #1d1d1d;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #484944;
  padding: 2px 0 0 6px;
  color: #e0e9d6;
  font-size: 15px;
}

.felem input.hasError 
{
  border-color: red;
}

.felem .field_with_errors > input
{
  background: #3c0f07;
}

.felem > span
{
  font-size: 12px;
  color: #d6d6d6;
  display: block;
  margin-top: 1px;
}

.remember
{
  margin: 20px auto 0 auto;
}

.remember > label {
  font-size: 14px;
  vertical-align: 2px
}

.signin, .go_back
{
  cursor: pointer;
}

.signin:hover, .go_back:hover
{
  text-decoration: underline;
}

span.instructions
{
  font-size: 19px;
  font-style: normal;
}

span.red
{
  color: #d62222;
}

span.gold
{
  color: #d3ac4a
}

/* Help Video Dialog */

#video_dialog
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, 0.8);
}
/*
 * This is the manifest file for outer page stylesheets.
 *
 * Add jquery ui css for modules that we actually use.
 * none for now... = require jquery.ui.accordion
 *




*/