/* --------------------------------------------------------------

   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.8 (2009-03-01)
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * BlueCalc (2010-07-30) [http://www.bluecalc.com/]

   Blueprint.css is licensed by the conditions of the MIT license.
   This document has been created by BlueCalc, a grid creation utility for blueprint.
   Also check out the "Blueprint CSS Generator" by kematzy (http://kematzy.com/blueprint-generator/)

   == STRUCTURE: ========================
    * Page width:            720 px
    * Number of columns:     25
    * Column width:          24 px
    * Margin width:          5 px
   ======================================

   The blueprint grid is calculated as follows:
   Total width = (number_of_columns * column_width) - margin_width

   For more information on blueprint.css check out http://wiki.github.com/joshuaclayton/blueprint-css

-------------------------------------------------------------- */
/* A container should group all your columns. */
.container {
  width: 720px;
  margin: 0 auto;
}
/* Use this class on any div.span / container to see the grid. */
.showgrid {
}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column,
div.span-1,
div.span-2,
div.span-3,
div.span-4,
div.span-5,
div.span-6,
div.span-7,
div.span-8,
div.span-9,
div.span-10,
div.span-11,
div.span-12,
div.span-13,
div.span-14,
div.span-15,
div.span-16,
div.span-17,
div.span-18,
div.span-19,
div.span-20,
div.span-21,
div.span-22,
div.span-23,
div.span-24 {
  float: left;
  margin-right: 5px;
}
/* The last column in a row needs this class. */
.last,
div.last {
  margin-right: 0;
}
/* Use these classes to set the width of a column. */
.span-1 {
  width: 24px;
}
.span-2 {
  width: 53px;
}
.span-3 {
  width: 82px;
}
.span-4 {
  width: 111px;
}
.span-5 {
  width: 140px;
}
.span-6 {
  width: 169px;
}
.span-7 {
  width: 198px;
}
.span-8 {
  width: 227px;
}
.span-9 {
  width: 256px;
}
.span-10 {
  width: 285px;
}
.span-11 {
  width: 314px;
}
.span-12 {
  width: 343px;
}
.span-13 {
  width: 372px;
}
.span-14 {
  width: 401px;
}
.span-15 {
  width: 430px;
}
.span-16 {
  width: 459px;
}
.span-17 {
  width: 488px;
}
.span-18 {
  width: 517px;
}
.span-19 {
  width: 546px;
}
.span-20 {
  width: 575px;
}
.span-21 {
  width: 604px;
}
.span-22 {
  width: 633px;
}
.span-23 {
  width: 662px;
}
.span-24 {
  width: 691px;
}
.span-25,
div.span-25 {
  width: 720px;
  margin: 0;
}
/* Use these classes to set the width of an input. */
input.span-1,
textarea.span-1,
input.span-2,
textarea.span-2,
input.span-3,
textarea.span-3,
input.span-4,
textarea.span-4,
input.span-5,
textarea.span-5,
input.span-6,
textarea.span-6,
input.span-7,
textarea.span-7,
input.span-8,
textarea.span-8,
input.span-9,
textarea.span-9,
input.span-10,
textarea.span-10,
input.span-11,
textarea.span-11,
input.span-12,
textarea.span-12,
input.span-13,
textarea.span-13,
input.span-14,
textarea.span-14,
input.span-15,
textarea.span-15,
input.span-16,
textarea.span-16,
input.span-17,
textarea.span-17,
input.span-18,
textarea.span-18,
input.span-19,
textarea.span-19,
input.span-20,
textarea.span-20,
input.span-21,
textarea.span-21,
input.span-22,
textarea.span-22,
input.span-23,
textarea.span-23,
input.span-24,
textarea.span-24 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}
input.span-1,
textarea.span-1 {
  width: 12px !important;
}
input.span-2,
textarea.span-2 {
  width: 41px !important;
}
input.span-3,
textarea.span-3 {
  width: 70px !important;
}
input.span-4,
textarea.span-4 {
  width: 99px !important;
}
input.span-5,
textarea.span-5 {
  width: 128px !important;
}
input.span-6,
textarea.span-6 {
  width: 157px !important;
}
input.span-7,
textarea.span-7 {
  width: 186px !important;
}
input.span-8,
textarea.span-8 {
  width: 215px !important;
}
input.span-9,
textarea.span-9 {
  width: 244px !important;
}
input.span-10,
textarea.span-10 {
  width: 273px !important;
}
input.span-11,
textarea.span-11 {
  width: 302px !important;
}
input.span-12,
textarea.span-12 {
  width: 331px !important;
}
input.span-13,
textarea.span-13 {
  width: 360px !important;
}
input.span-14,
textarea.span-14 {
  width: 389px !important;
}
input.span-15,
textarea.span-15 {
  width: 418px !important;
}
input.span-16,
textarea.span-16 {
  width: 447px !important;
}
input.span-17,
textarea.span-17 {
  width: 476px !important;
}
input.span-18,
textarea.span-18 {
  width: 505px !important;
}
input.span-19,
textarea.span-19 {
  width: 534px !important;
}
input.span-20,
textarea.span-20 {
  width: 563px !important;
}
input.span-21,
textarea.span-21 {
  width: 592px !important;
}
input.span-22,
textarea.span-22 {
  width: 621px !important;
}
input.span-23,
textarea.span-23 {
  width: 650px !important;
}
input.span-24,
textarea.span-24 {
  width: 679px !important;
}
input.span-25,
textarea.span-25 {
  width: 708px !important;
}
/* Add these to a column to append empty cols. */
.append-1 {
  padding-right: 29px;
}
.append-2 {
  padding-right: 58px;
}
.append-3 {
  padding-right: 87px;
}
.append-4 {
  padding-right: 116px;
}
.append-5 {
  padding-right: 145px;
}
.append-6 {
  padding-right: 174px;
}
.append-7 {
  padding-right: 203px;
}
.append-8 {
  padding-right: 232px;
}
.append-9 {
  padding-right: 261px;
}
.append-10 {
  padding-right: 290px;
}
.append-11 {
  padding-right: 319px;
}
.append-12 {
  padding-right: 348px;
}
.append-13 {
  padding-right: 377px;
}
.append-14 {
  padding-right: 406px;
}
.append-15 {
  padding-right: 435px;
}
.append-16 {
  padding-right: 464px;
}
.append-17 {
  padding-right: 493px;
}
.append-18 {
  padding-right: 522px;
}
.append-19 {
  padding-right: 551px;
}
.append-20 {
  padding-right: 580px;
}
.append-21 {
  padding-right: 609px;
}
.append-22 {
  padding-right: 638px;
}
.append-23 {
  padding-right: 667px;
}
.append-24 {
  padding-right: 696px;
}
/* Add these to a column to prepend empty cols. */
.prepend-1 {
  padding-left: 29px;
}
.prepend-2 {
  padding-left: 58px;
}
.prepend-3 {
  padding-left: 87px;
}
.prepend-4 {
  padding-left: 116px;
}
.prepend-5 {
  padding-left: 145px;
}
.prepend-6 {
  padding-left: 174px;
}
.prepend-7 {
  padding-left: 203px;
}
.prepend-8 {
  padding-left: 232px;
}
.prepend-9 {
  padding-left: 261px;
}
.prepend-10 {
  padding-left: 290px;
}
.prepend-11 {
  padding-left: 319px;
}
.prepend-12 {
  padding-left: 348px;
}
.prepend-13 {
  padding-left: 377px;
}
.prepend-14 {
  padding-left: 406px;
}
.prepend-15 {
  padding-left: 435px;
}
.prepend-16 {
  padding-left: 464px;
}
.prepend-17 {
  padding-left: 493px;
}
.prepend-18 {
  padding-left: 522px;
}
.prepend-19 {
  padding-left: 551px;
}
.prepend-20 {
  padding-left: 580px;
}
.prepend-21 {
  padding-left: 609px;
}
.prepend-22 {
  padding-left: 638px;
}
.prepend-23 {
  padding-left: 667px;
}
.prepend-24 {
  padding-left: 696px;
}
/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */
.pull-1 {
  margin-left: -29px;
}
.pull-2 {
  margin-left: -58px;
}
.pull-3 {
  margin-left: -87px;
}
.pull-4 {
  margin-left: -116px;
}
.pull-5 {
  margin-left: -145px;
}
.pull-6 {
  margin-left: -174px;
}
.pull-7 {
  margin-left: -203px;
}
.pull-8 {
  margin-left: -232px;
}
.pull-9 {
  margin-left: -261px;
}
.pull-10 {
  margin-left: -290px;
}
.pull-11 {
  margin-left: -319px;
}
.pull-12 {
  margin-left: -348px;
}
.pull-13 {
  margin-left: -377px;
}
.pull-14 {
  margin-left: -406px;
}
.pull-15 {
  margin-left: -435px;
}
.pull-16 {
  margin-left: -464px;
}
.pull-17 {
  margin-left: -493px;
}
.pull-18 {
  margin-left: -522px;
}
.pull-19 {
  margin-left: -551px;
}
.pull-20 {
  margin-left: -580px;
}
.pull-21 {
  margin-left: -609px;
}
.pull-22 {
  margin-left: -638px;
}
.pull-23 {
  margin-left: -667px;
}
.pull-24 {
  margin-left: -696px;
}
.pull-25 {
  margin-left: -725px;
}
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9,
.pull-10,
.pull-11,
.pull-12,
.pull-13,
.pull-14,
.pull-15,
.pull-16,
.pull-17,
.pull-18,
.pull-19,
.pull-20,
.pull-21,
.pull-22,
.pull-23,
.pull-24 {
  float: left;
  position: relative;
}
.push-1 {
  margin: -29px 1.5em 29px;
}
.push-2 {
  margin: -58px 1.5em 58px;
}
.push-3 {
  margin: -87px 1.5em 87px;
}
.push-4 {
  margin: -116px 1.5em 116px;
}
.push-5 {
  margin: -145px 1.5em 145px;
}
.push-6 {
  margin: -174px 1.5em 174px;
}
.push-7 {
  margin: -203px 1.5em 203px;
}
.push-8 {
  margin: -232px 1.5em 232px;
}
.push-9 {
  margin: -261px 1.5em 261px;
}
.push-10 {
  margin: -290px 1.5em 290px;
}
.push-11 {
  margin: -319px 1.5em 319px;
}
.push-12 {
  margin: -348px 1.5em 348px;
}
.push-13 {
  margin: -377px 1.5em 377px;
}
.push-14 {
  margin: -406px 1.5em 406px;
}
.push-15 {
  margin: -435px 1.5em 435px;
}
.push-16 {
  margin: -464px 1.5em 464px;
}
.push-17 {
  margin: -493px 1.5em 493px;
}
.push-18 {
  margin: -522px 1.5em 522px;
}
.push-19 {
  margin: -551px 1.5em 551px;
}
.push-20 {
  margin: -580px 1.5em 580px;
}
.push-21 {
  margin: -609px 1.5em 609px;
}
.push-22 {
  margin: -638px 1.5em 638px;
}
.push-23 {
  margin: -667px 1.5em 667px;
}
.push-24 {
  margin: -696px 1.5em 696px;
}
.push-25 {
  margin: -725px 1.5em 725px;
}
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9,
.push-10,
.push-11,
.push-12,
.push-13,
.push-14,
.push-15,
.push-16,
.push-17,
.push-18,
.push-19,
.push-20,
.push-21,
.push-22,
.push-23,
.push-24 {
  float: right;
  position: relative;
}
/* Misc classes and elements
-------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top: 1.5em;
}
.append-bottom {
  margin-bottom: 1.5em;
}
/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after,
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.clearfix,
.container {
  display: block;
}
/* Regular clearing
   apply to column that should drop below previous ones. */
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
/* I used these pretty much everywhere. ben@deepdream.com */
.inline {
  display: inline;
}
.lift {
  position: relative;
}
.lift-1 {
  top: -1px;
}
.lift-2 {
  top: -2px;
}
.lift-3 {
  top: -3px;
}
.lift-4 {
  top: -4px;
}
.lift-5 {
  top: -5px;
}
.lift-6 {
  top: -6px;
}
.lift-7 {
  top: -7px;
}
.lift-8 {
  top: -8px;
}
.lift-9 {
  top: -9px;
}
.lift-10 {
  top: -10px;
}
.lift-15 {
  top: -15px;
}
.lift-20 {
  top: -20px;
}
.spacer,
.spacer-1 {
  clear: both;
  width: 100%;
  height: 1px;
}
.spacer-2 {
  clear: both;
  width: 100%;
  height: 2px;
}
.spacer-3 {
  clear: both;
  width: 100%;
  height: 3px;
}
.spacer-4 {
  clear: both;
  width: 100%;
  height: 4px;
}
.spacer-5 {
  clear: both;
  width: 100%;
  height: 5px;
}
.spacer-6 {
  clear: both;
  width: 100%;
  height: 6px;
}
.spacer-7 {
  clear: both;
  width: 100%;
  height: 7px;
}
.spacer-8 {
  clear: both;
  width: 100%;
  height: 8px;
}
.spacer-9 {
  clear: both;
  width: 100%;
  height: 9px;
}
.spacer-10 {
  clear: both;
  width: 100%;
  height: 10px;
}
.spacer-15 {
  clear: both;
  width: 100%;
  height: 15px;
}
.spacer-20 {
  clear: both;
  width: 100%;
  height: 20px;
}
.spacer-25 {
  clear: both;
  width: 100%;
  height: 25px;
}
.spacer-30 {
  clear: both;
  width: 100%;
  height: 30px;
}
.spacer-35 {
  clear: both;
  width: 100%;
  height: 35px;
}
.spacer-40 {
  clear: both;
  width: 100%;
  height: 40px;
}
.spacer-45 {
  clear: both;
  width: 100%;
  height: 45px;
}
.spacer-50 {
  clear: both;
  width: 100%;
  height: 50px;
}
.spacer-60 {
  clear: both;
  width: 100%;
  height: 60px;
}
.spacer-70 {
  clear: both;
  width: 100%;
  height: 70px;
}
.spacer-80 {
  clear: both;
  width: 100%;
  height: 80px;
}
.spacer-90 {
  clear: both;
  width: 100%;
  height: 90px;
}
.spacer-100 {
  clear: both;
  width: 100%;
  height: 100px;
}
.spacer-125 {
  clear: both;
  width: 100%;
  height: 125px;
}
.spacer-150 {
  clear: both;
  width: 100%;
  height: 150px;
}
.spacer-175 {
  clear: both;
  width: 100%;
  height: 175px;
}
.spacer-200 {
  clear: both;
  width: 100%;
  height: 200px;
}
.top {
  margin-top: 0px;
}
.top-1 {
  margin-top: 1px;
}
.top-2 {
  margin-top: 2px;
}
.top-3 {
  margin-top: 3px;
}
.top-4 {
  margin-top: 4px;
}
.top-5 {
  margin-top: 5px;
}
.top-6 {
  margin-top: 6px;
}
.top-7 {
  margin-top: 7px;
}
.top-8 {
  margin-top: 8px;
}
.top-9,
.alt_thumbnail {
  margin-top: 9px;
}
.top-10 {
  margin-top: 10px;
}
.top-15 {
  margin-top: 15px;
}
.top-20 {
  margin-top: 20px;
}
.top-25 {
  margin-top: 25px;
}
.top-30 {
  margin-top: 30px;
}
.top-35 {
  margin-top: 35px;
}
.top-40 {
  margin-top: 40px;
}
.top-45 {
  margin-top: 45px;
}
.top-50 {
  margin-top: 50px;
}
.top-55 {
  margin-top: 55px;
}
.top-60 {
  margin-top: 60px;
}
.top-65 {
  margin-top: 65px;
}
.top-70 {
  margin-top: 70px;
}
.top-75 {
  margin-top: 75px;
}
.top-80 {
  margin-top: 80px;
}
.top-85 {
  margin-top: 85px;
}
.top-90 {
  margin-top: 90px;
}
.top-95 {
  margin-top: 95px;
}
.top-100 {
  margin-top: 100px;
}
.top-110 {
  margin-top: 110px;
}
.left {
  margin-left: 0px;
}
.left-1 {
  margin-left: 1px;
}
.left-2 {
  margin-left: 2px;
}
.left-3 {
  margin-left: 3px;
}
.left-4 {
  margin-left: 4px;
}
.left-5 {
  margin-left: 5px;
}
.left-6 {
  margin-left: 6px;
}
.left-7 {
  margin-left: 7px;
}
.left-8 {
  margin-left: 8px;
}
.left-9 {
  margin-left: 9px;
}
.left-10 {
  margin-left: 10px;
}
.left-15 {
  margin-left: 15px;
}
.left-20 {
  margin-left: 20px;
}
.left-25 {
  margin-left: 25px;
}
.left-30 {
  margin-left: 30px;
}
.left-35 {
  margin-left: 35px;
}
.left-40 {
  margin-left: 40px;
}
.left-45 {
  margin-left: 45px;
}
.left-50 {
  margin-left: 50px;
}
.right {
  margin-right: 0px;
}
.right-1 {
  margin-right: 1px;
}
.right-2 {
  margin-right: 2px;
}
.right-3 {
  margin-right: 3px;
}
.right-4 {
  margin-right: 4px;
}
.right-5 {
  margin-right: 5px;
}
.right-6 {
  margin-right: 6px;
}
.right-7 {
  margin-right: 7px;
}
.right-8 {
  margin-right: 8px;
}
.right-9 {
  margin-right: 9px;
}
.right-10 {
  margin-right: 10px;
}
.right-15 {
  margin-right: 15px;
}
.right-20 {
  margin-right: 20px;
}
.right-25 {
  margin-right: 25px;
}
.right-30 {
  margin-right: 30px;
}
.right-35 {
  margin-right: 35px;
}
.right-40 {
  margin-right: 40px;
}
.right-45 {
  margin-right: 45px;
}
.right-50 {
  margin-right: 50px;
}
.padtop-1 {
  padding-top: 1px;
}
.padtop-2 {
  padding-top: 2px;
}
.padtop-3 {
  padding-top: 3px;
}
.padtop-4 {
  padding-top: 4px;
}
.padtop-5 {
  padding-top: 5px;
}
.padtop-6 {
  padding-top: 6px;
}
.padtop-7 {
  padding-top: 7px;
}
.padtop-8 {
  padding-top: 8px;
}
.padtop-9 {
  padding-top: 9px;
}
.padtop-10 {
  padding-top: 10px;
}
.padtop-20 {
  padding-top: 20px;
}
.padtop-25 {
  padding-top: 25px;
}
.padtop-30 {
  padding-top: 30px;
}
.padtop-35 {
  padding-top: 35px;
}
.padtop-40 {
  padding-top: 40px;
}
.padtop-45 {
  padding-top: 45px;
}
.padtop-50 {
  padding-top: 50px;
}
.bottom {
  margin-bottom: 0;
}
.bottom-1 {
  margin-bottom: 1px;
}
.bottom-2 {
  margin-bottom: 2px;
}
.bottom-3 {
  margin-bottom: 3px;
}
.bottom-4 {
  margin-bottom: 4px;
}
.bottom-5 {
  margin-bottom: 5px;
}
.bottom-6 {
  margin-bottom: 6px;
}
.bottom-7 {
  margin-bottom: 7px;
}
.bottom-8 {
  margin-bottom: 8px;
}
.bottom-9 {
  margin-bottom: 9px;
}
.bottom-10 {
  margin-bottom: 10px;
}
.bottom-15 {
  margin-bottom: 15px;
}
.bottom-20 {
  margin-bottom: 20px;
}
.bottom-25 {
  margin-bottom: 25px;
}
.bottom-30 {
  margin-bottom: 30px;
}
.bottom-35 {
  margin-bottom: 35px;
}
.bottom-40 {
  margin-bottom: 40px;
}
.bottom-45 {
  margin-bottom: 45px;
}
.bottom-50 {
  margin-bottom: 50px;
}
.bottom-55 {
  margin-bottom: 55px;
}
.bottom-60 {
  margin-bottom: 60px;
}
.bottom-65 {
  margin-bottom: 65px;
}
.bottom-70 {
  margin-bottom: 70px;
}
.bottom-75 {
  margin-bottom: 75px;
}
.bottom-80 {
  margin-bottom: 80px;
}
.bottom-85 {
  margin-bottom: 85px;
}
.bottom-90 {
  margin-bottom: 90px;
}
.bottom-95 {
  margin-bottom: 95px;
}
.bottom-100 {
  margin-bottom: 100px;
}
.bottom-110 {
  margin-bottom: 110px;
}
.padbottom-1 {
  padding-bottom: 1px;
}
.padbottom-2 {
  padding-bottom: 2px;
}
.padbottom-3 {
  padding-bottom: 3px;
}
.padbottom-4 {
  padding-bottom: 4px;
}
.padbottom-5 {
  padding-bottom: 5px;
}
.padbottom-6 {
  padding-bottom: 6px;
}
.padbottom-7 {
  padding-bottom: 7px;
}
.padbottom-8 {
  padding-bottom: 8px;
}
.padbottom-9 {
  padding-bottom: 9px;
}
.padbottom-10 {
  padding-bottom: 10px;
}
.padbottom-15 {
  padding-bottom: 15px;
}
.padbottom-20 {
  padding-bottom: 20px;
}
.padbottom-25 {
  padding-bottom: 25px;
}
.padbottom-30 {
  padding-bottom: 30px;
}
.padbottom-35 {
  padding-bottom: 35px;
}
.padbottom-40 {
  padding-bottom: 40px;
}
.padbottom-45 {
  padding-bottom: 45px;
}
.padbottom-50 {
  padding-bottom: 50px;
}
.padleft-1 {
  padding-left: 1px;
}
.padleft-2 {
  padding-left: 2px;
}
.padleft-3 {
  padding-left: 3px;
}
.padleft-4 {
  padding-left: 4px;
}
.padleft-5 {
  padding-left: 5px;
}
.padleft-6 {
  padding-left: 6px;
}
.padleft-7 {
  padding-left: 7px;
}
.padleft-8 {
  padding-left: 8px;
}
.padleft-9 {
  padding-left: 9px;
}
.padleft-10 {
  padding-left: 10px;
}
.padleft-15 {
  padding-left: 15px;
}
.padleft-20 {
  padding-left: 20px;
}
.padleft-25 {
  padding-left: 25px;
}
.padleft-30 {
  padding-left: 30px;
}
.padleft-35 {
  padding-left: 35px;
}
.padleft-40 {
  padding-left: 40px;
}
.padleft-45 {
  padding-left: 45px;
}
.padleft-50 {
  padding-left: 50px;
}
.noindent {
  margin-left: 0;
}
.indent-1 {
  margin-left: 1px;
}
.indent-2 {
  margin-left: 2px;
}
.indent-3 {
  margin-left: 3px;
}
.indent-4 {
  margin-left: 4px;
}
.indent-5 {
  margin-left: 5px;
}
.indent-6 {
  margin-left: 6px;
}
.indent-7 {
  margin-left: 7px;
}
.indent-8 {
  margin-left: 8px;
}
.indent-9 {
  margin-left: 9px;
}
.indent-10 {
  margin-left: 10px;
}
.indent-12 {
  margin-left: 12px;
}
.indent-15 {
  margin-left: 15px;
}
.indent-20 {
  margin-left: 20px;
}
.indent-25 {
  margin-left: 25px;
}
.indent-30 {
  margin-left: 30px;
}
.indent-35,
.list_indent {
  margin-left: 35px;
}
.indent-40 {
  margin-left: 40px;
}
.indent-45 {
  margin-left: 45px;
}
.indent-50 {
  margin-left: 50px;
}
.indent-55 {
  margin-left: 55px;
}
.indent-60 {
  margin-left: 60px;
}
.indent-65 {
  margin-left: 65px;
}
.indent-70 {
  margin-left: 70px;
}
.indent-75 {
  margin-left: 75px;
}
.indent-80 {
  margin-left: 80px;
}
.indent-85 {
  margin-left: 85px;
}
.indent-90 {
  margin-left: 90px;
}
.indent-95 {
  margin-left: 95px;
}
.indent-100 {
  margin-left: 100px;
}
.inline_tag_list {
  margin: 10px 0 35px 0;
  padding: 0;
}
.inline_tag_list li {
  font-size: 1em;
  display: inline;
  list-style-type: none;
  background: #dee7f8;
  padding: 0 10px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #a4bdec;
}
.inline_tag_list a,
.inline_tag_list a:hover {
  color: #000000;
}
.inline_tag_list li:hover {
  border-color: #6d95e0;
  background-color: #a4bdec;
}
.inline_tag_list li:first-child {
  margin: 0;
  padding: 0 8px 0 0;
  background: none;
  border: none;
  font-weight: bold;
}
.tease_post_list {
  margin: 0;
}
.tease_post_list li {
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  list-style-type: none;
}
.tease_post_list h4 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.5em;
}
.tease_post_list p {
  margin: 0 0 15px 22px;
  padding: 0 0 0 8px;
  font-size: 1.1em;
}
.post_list .date,
.tease_post_list li p.date,
.post_date {
  padding: 0;
  margin: 0;
  font-size: 0.96em;
  border: none;
}
.post_list .title {
  margin-top: 0;
}
.post_list .post {
  margin-bottom: 20px;
}
.post_list .post img,
.post_detail img,
.tease_post_list img {
  max-width: 620px;
}
.post {
  padding: 0 0 15px 0;
}
.post_list .post {
  margin-bottom: 50px;
}
.post_detail {
  margin-top: 0;
}
h2.post_title {
  margin-bottom: 19px;
}
.post_date {
  margin-bottom: 0;
}
.post_title {
  margin: 0;
}
.float_left-photo,
.float_left_photo {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.list_nostyle {
  list-style-type: none;
}
.list_nostyle_nopad {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list_disc {
  list-style-type: disc;
}
.list_inline {
  margin: 0;
  padding: 0;
}
.list_inline li {
  display: inline;
}
.list_inline_spaced {
  margin: 0;
  padding: 0;
}
.list_inline_spaced li {
  display: inline;
  padding: 0 5px;
}
.list_inline_spaced li.norightpad {
  display: inline;
  padding-right: 0;
}
.list_inline_spaced li.noleftpad {
  display: inline;
  padding-left: 0;
}
.float_right {
  float: right;
}
.float_left {
  float: left;
}
.clear {
  clear: both;
}
.justify {
  text-align: justify;
}
.upper {
  text-transform: uppercase;
}
.nomargin {
  margin: 0;
}
*:focus {
  outline: none;
}
img {
  border: 0;
}
.center {
  text-align: center;
}
.nomargin {
  margin: 0;
}
.nopad {
  padding: 0;
}
.loud {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.rel {
  position: relative;
}
.va-middle,
.valign_middle {
  vertical-align: middle;
}
body {
  margin: 10px auto 20px auto;
  background: #ffffff url(/static/ui/bg.jpg) left top repeat;
  font-family: Georgia,serif;
  font-size: 62.5%;
}
.border-top {
  border-top: 1px solid #AAAA99;
}
.border-bottom {
  border-bottom: 1px solid #AAAA99;
}
.colborder-left {
  border-left: 1px solid #AAAA99;
}
.colborder-right {
  border-right: 1px solid #AAAA99;
}
.notice {
  color: #0033cc;
}
input[type="text"] {
  font-size: 1.2em;
}
.smaller {
  font-size: 1.15em;
}
table.is_staff {
  border: 1px solid red;
}
textarea.error,
input.error {
  background: #fffee9;
}
hr {
  background: #AAAA99;
}
.container {
  position: relative;
}
.featured_links {
  background: #EEECDC;
  border-top: 1px solid #AAAA99;
  border-bottom: 1px solid #AAAA99;
}
.featured_links p {
  margin: 8px 0;
  padding: 0;
}
.vote_and_share {
  margin: 0 0 15px 0;
  background: #EEEDE5 url(/static/ui/goldengrade.gif) top left repeat-x;
}
.vote_and_share p {
  font-size: 1.3em;
}
ul.messages li {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  color: blue;
  list-style-type: none;
}
ul.header_messages {
  position: absolute;
  top: 0px;
  left: 0;
}
ul.header_messages li {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  line-height: 160%;
  color: blue;
  list-style-type: none;
}
ul.header_messages li.error {
  color: red;
}
.bright_block {
  margin: 10px 0;
  padding: 10px;
  background: white;
  border: 1px solid #444444;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
input[type='submit'] {
  font-family: Georgia,serif;
  font-weight: bold;
}
.help_text {
  color: #767676;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}
.helptext {
  color: #767676;
  font-size: 0.9em;
}
textarea {
  margin-bottom: 20px;
  padding: 5px;
  width: 95%;
  clear: both;
}
.intro {
  margin: 3px 26px;
  color: #554;
  font-size: 1.3em;
}
.loud {
  color: #444444;
}
a.loud {
  color: #993300;
}
.header_width_fix {
  width: 740px;
}
.attention {
  color: #da0000;
}
.attention_block {
  border: 1px solid #CD5F48;
  padding: 10px;
  text-align: center;
  background: #e8c6be;
  font-family: Helvetica, Arial, Verdana;
  font-size: 1.2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.info {
  color: blue;
}
.info a {
  text-decoration: underline;
}
label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.32em;
  color: #444444;
}
label .error {
  font-size: 1em;
  color: red;
}
p label {
  font-size: 0.85em;
}
.larger {
  font-size: 1.8em;
}
.argument,
.adjudication_terms {
  margin-bottom: 20px;
  color: #474746;
}
.adjudication_terms {
  font-size: 1.35em;
  padding-bottom: 15px;
}
.adjudication_terms p {
  font-size: 1em;
}
.votes {
  overflow: auto;
  max-height: 200px;
  text-align: center;
}
.votes p {
  font-size: 1.2em;
}
a {
  color: #993300;
  text-decoration: none;
}
a:hover {
  color: #CC6633;
  text-decoration: none;
}
h1 {
  color: #555544;
  font-size: 2.4em;
  font-weight: normal;
  letter-spacing: -0.03em;
  margin: 15px 0 0 5px;
  padding: 0;
}
h1 .smaller {
  font-size: 0.6em;
}
h2 {
  color: #333333;
}
p {
  font-size: 1.35em;
  line-height: 1.5em;
  padding: 0;
  color: #48443f;
}
#user_menu {
  margin: 0 0 0px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #AAAA99;
  -webkit-user-select: none;
}
#user_menu li {
  list-style-type: none;
  display: inline;
  padding-right: 13px;
  font-size: 1.2em;
}
#user_menu li:last-child {
  padding-right: 0;
}
#main_menu {
  margin: 3px 0 10px 0;
  padding: 0;
  -webkit-user-select: none;
}
#main_menu li {
  color: #444444;
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  list-style-type: none;
  margin: 5px 40px 8px 0;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.4em;
  padding: 0;
}
#main_menu li p {
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  text-transform: none;
}
#main_menu li .active {
  color: #444433;
}
#main_menu li:last-of-type {
  padding-right: 0;
  margin-right: 0;
}
#main_menu li:first-child {
  padding-left: 0;
  margin-left: 33px;
}
#footer_list {
  clear: both;
  margin: 10px 0 0 0;
  padding: 20px 0 0 0;
  text-align: center;
  -webkit-user-select: none;
  /* border-top:1px solid #AAAA99; */
}
#footer_list li {
  list-style-type: none;
  display: inline;
  padding-right: 15px;
  font-size: 1.3em;
  color: #55556E;
}
#footer_list li .active {
  color: #444433;
}
#footer_list li:first-child {
  vertical-align: top;
  padding-right: 30px;
}
#footer_list li:last-of-type {
  padding-right: 0;
}
#footer_list img {
  width: 80px;
  vertical-align: middle;
}
form th label {
  text-transform: uppercase;
  font-weight: bold;
  color: #444444;
}
form table th {
  padding-top: 5px;
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
}
.body_content li,
.body_content p {
  color: #444444;
}
.body_content li {
  font-size: 1.2em;
  font-weight: bold;
  color: #444444;
}
.body_content p {
  font-size: 1.45em;
  color: #444444;
}
label {
  font-size: 1.23em;
}
.content_body ul {
  margin-left: 20px;
  font-size: 1.3em;
}
.content_body ul li {
  margin-bottom: 10px;
}
form input {
  margin-bottom: 10px;
}
form {
  margin: 0;
  padding: 0;
}
form input[type='text'],
form input[type='password'],
form textarea {
  font-size: 1.3em;
}
#id_middle_initial {
  width: 38px;
}
form label.error {
  font-family: Helvetica,Verdana;
  font-size: 1.2em;
  color: #e65a29;
}
.errorlist {
  margin: 0;
  padding: 0;
}
.errorlist li {
  list-style-type: none;
  margin-top: 4px;
  padding: 0 0 10px 0;
  color: red;
}
.content_body h2 {
  font-size: 1.8em;
}
.content_body h3 {
  font-size: 1.5em;
}
.content_body h4 {
  font-size: 1.3em;
  color: #444444;
}
.prediction_detail {
  padding: 10px 0 10px 0;
  background: #EEEDE5 url(/static/ui/goldengrade.gif) top left repeat-x;
}
.prediction_detail h1 {
  font-size: 2.1em;
  margin: 5px 10px 15px 10px;
  margin-top: 5px;
  margin-bottom: 15px;
  color: #000000;
}
.prediction_detail h2 {
  line-height: 1em;
  margin: 0;
  padding: 0;
}
.prediction_detail h2 .smaller {
  font-size: 0.7em;
}
.prediction_detail h3 {
  margin: 0;
  padding: 0;
}
.prediction_detail p {
  margin: 0 0 10px 0;
  padding: 0;
}
.prediction_detail .type,
.prediction_detail .duration {
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: bold;
  color: #444444;
}
.prediction_detail .duration .big {
  font-size: 1.35em;
  text-transform: lowercase;
}
.prediction_detail .predictor,
.prediction_detail .challenger {
  margin-bottom: 0;
}
.prediction_detail .predictor h3,
.prediction_detail .challenger h3 {
  color: #930;
}
.prediction_detail .predictor {
  font-size: 1.15em;
  font-weight: bold;
  color: #444444;
}
.prediction_detail .predictor a {
  font-size: 1.6em;
  font-weight: 400;
}
.prediction_detail .challenger {
  font-size: 1.15em;
  font-weight: bold;
  color: #444444;
  float: right;
  margin-right: 0px;
  text-align: right;
}
.prediction_detail .challenger a {
  font-size: 1.6em;
  font-weight: 400;
}
.prediction_detail .stakes {
  font-size: 1.05em;
  margin-bottom: 0.2em;
  text-transform: uppercase;
}
.prediction_detail .stakes .price {
  font-size: 1.8em;
  font-weight: 300;
}
.prediction_detail .promise {
  font-size: 1.25em;
  line-height: 1.2em;
  color: black;
}
table.object_list {
  margin: auto;
  border: none;
  width: 100%;
  border-top: 1px solid #AA9;
}
table.object_list .predictor p,
table.object_list .challenger p {
  text-align: center;
  line-height: 1em;
}
table.object_list .bet_number {
  text-align: center;
  font-size: 1.73em;
}
table.object_list .bet_description {
  font-size: 1.25em;
}
table.object_list tr.odd {
  background: #f9f8f2;
}
table.object_list tr.even {
  background: #EEECE1;
}
table.object_list th {
  text-transform: uppercase;
  padding: 2px 8px;
  background: #EEECE1;
  border-top: 1px solid #444444;
  text-align: left;
  color: #444444;
  border: 1px solid #DDDDCC;
}
table.object_list td.winner {
  background-image: url(/static/ui/winbadge-listitem.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
table.object_list td.duration,
table.object_list td.stakes {
  text-align: center;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 0.8em;
}
table.object_list td.duration .range,
table.object_list td.stakes .range,
table.object_list td.duration .half,
table.object_list td.stakes .half {
  font-size: 0.75em;
  white-space: nowrap;
  color: #939289;
}
table.object_list td {
  vertical-align: middle;
  padding: 4px 8px;
  border: 1px solid #DDDDCC;
  line-height: 1.23em;
}
table.object_list td p {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
}
table.object_list p {
  margin-right: 0;
}
table.private_object_list {
  border: 1px solid #A83300;
}
h1 a.terms_link {
  font-size: 0.53em;
  font-weight: bold;
  margin-left: 20px;
}
ul {
  margin: 0;
  padding: 0;
}
ul.tabs {
  -webkit-user-select: none;
  margin: 0 !important;
  padding: 0 0 -3px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  font-weight: 600;
  font-family: "Helvetica Nueue", Helvetica, Verdana, sans-serif;
  /*  border-bottom:1px solid #c1bfb0;	 */
}
ul.tabs li {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.tabs a {
  float: left;
  font-size: 1.2em;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  border: 1px solid #bcbaaf;
  border-bottom: 0px;
  height: 18px;
  background-color: #dedccf;
  background: -webkit-gradient(linear, 0% 93%, 0% 100%, from(#DEDCCF), to(#DEDCCF), color-stop(0.9, #cbc9c0));
  color: #969387;
  margin-right: 2px;
  position: relative;
  top: 1px;
  outline: 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}
ul.tabs a:hover {
  background-color: #ceccc4;
}
ul.tabs a.current {
  background: #f5f4eb;
  border-bottom: 1px solid #f5f4eb;
  color: #565448;
  cursor: default;
}
.panes > div {
  border: 1px solid #c1bfb0;
  border-width: 1px 1px 1px 1px;
  min-height: 230px;
  padding: 15px 5px 5px 5px;
  -moz-border-radius: 0 8px 8px 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  background-color: #e8e7df;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f4eb), to(#e8e7e0));
  background: -moz-linear-gradient(84% 65% 90deg, #e8e7e0, #F5F4EB);
  clear: both;
}
.header {
  -webkit-user-select: none;
}
.gravatar {
  -webkit-box-shadow: 1px 1px 5px #51514e;
  -moz-box-shadow: 1px 1px 5px #51514e;
}
.editable_block {
  position: relative;
}
.editable_block:hover a.moderation_button,
.editable_block:hover .moderation_button_list {
  display: block;
}
a.moderation_button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  background: #1372b8;
  margin: 0 0 0 5px;
  padding: 3px 10px;
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.moderation_button:hover {
  background: #1e82c9;
  text-shadow: -0.1em -0.1em 0 rgba(0, 0, 0, 0.3);
}
.moderation_button_list {
  display: none;
  list-style-type: none;
  position: absolute;
  text-align: right;
  top: 0;
  right: 0;
}
.moderation_button_list li {
  display: inline-block;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  background: #1372b8;
  margin: 0 0 0 5px;
  padding: 5px 10px;
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.moderation_button_list li a {
  color: white;
  font-size: 0.9em;
}
.moderation_button_list li:hover {
  background: #1e82c9;
  text-shadow: -0.1em -0.1em 0 rgba(0, 0, 0, 0.3);
}
a.staff_link {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #0d6fb7;
  font-weight: bold;
  font-size: 1em;
  background: #e9e7da;
  margin: 0 0 0 5px;
  padding: 2px 9px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #cccabf;
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
a.staff_link:hover {
  background: #1372b8;
  color: #f4f4f4;
  text-shadow: -0.1em -0.1em 0 rgba(0, 0, 0, 0.3);
  border-color: #0f5b92;
}
.other_challenges_list li {
  margin-bottom: 15px;
  font-size: 1em;
  text-align: left;
}
.other_challenges_list li .staff_link {
  font-size: 0.9em;
}
.float_left_gravatar {
  float: left;
  margin: 3px 10px 5px 0;
}
.Pictos,
.pictos {
  font-family: 'Pictos', sans-serif;
  line-height: 0;
  margin: 0;
  padding: 0;
}
#id_challenge_form h4 {
  margin-bottom: 0;
}
#id_challenge_form p {
  margin-top: 0px;
  font-size: 1.15em;
}
#id_challenge_form textarea {
  border: 1px solid #aaaa99;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#id_challenge_form #id_wager {
  width: 100px;
}
#id_challenge_form #id_beneficiary {
  width: 328px;
}
#id_challenge_form #id_submit {
  margin: 20px 0;
}
li.disabled {
  color: #918181;
}
li.disabled a {
  color: #918181;
}
input.attention {
  border: 1px solid red;
  color: black;
}
.button-default,
.button-staff {
  display: inline-block;
  margin-top: 15px;
  padding: 7px 15px;
  font-family: Helvetica, Arial, Verdana;
  font-size: 1.2em;
  cursor: pointer;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.button-default {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8E847C), to(#594D40));
  background: -moz-linear-gradient(19% 75% 90deg, #594D40, #8E847C);
  color: #EEF0E3;
}
.button-default:hover {
  color: #eddacb;
}
.button-staff {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A6CB0), to(#2352B0));
  background: -moz-linear-gradient(19% 75% 90deg, #594D40, #8E847C);
  color: #e3ebf0;
}
.button-staff:hover {
  color: white;
}
.tr_year {
  font-size: 1.3em;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E6E6D4), to(#C9C9B9));
  background: -moz-linear-gradient(19% 75% 90deg, #C9C9B9, #E6E6D4);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
p label.error {
  font-size: 1em;
}
.endless_container {
  margin: 10px 0;
  text-align: center;
  font-size: 1.3em;
}
/* Prediction & Bet list page styling */
.prediction_list,
.bet_list,
.big_list {
  width: 720px;
  border-top: 1px solid #AA9;
  border-bottom: 1px solid #DDDDCC;
  border-left: 1px solid #DDDDCC;
  border-right: 1px solid #DDDDCC;
  clear: both;
}
.prediction_list p,
.bet_list p,
.big_list p {
  overflow: hidden;
  clear: both;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #DDDDCC;
  width: 100%;
}
.prediction_list p.header,
.bet_list p.header,
.big_list p.header {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  background: #EEECE1;
  text-align: left;
  color: #444444;
  font-weight: bold;
  font-size: 1em;
  height: 21px;
}
.prediction_list p.header span,
.bet_list p.header span,
.big_list p.header span {
  margin: 0;
  padding: 3px 8px 0 8px;
}
.prediction_list p.odd,
.bet_list p.odd,
.big_list p.odd {
  background: #F9F8F2;
}
.prediction_list p.even,
.bet_list p.even,
.big_list p.even {
  background: #EEECE1;
}
.prediction_list span,
.bet_list span,
.big_list span {
  float: left;
  padding: 8px;
  min-height: 40px;
}
.prediction_list .col1,
.bet_list .col1,
.big_list .col1 {
  width: 30px;
}
.prediction_list .col2,
.bet_list .col2,
.big_list .col2 {
  border-left: 1px solid #DDDDCC;
  border-right: 1px solid #DDDDCC;
  padding-left: 8px;
  padding-right: 8px;
}
.prediction_list .col3,
.bet_list .col3,
.big_list .col3 {
  width: 84px;
}
.prediction_list .col4,
.bet_list .col4,
.big_list .col4,
.prediction_list .col5,
.bet_list .col5,
.big_list .col5,
.prediction_list .col6,
.bet_list .col6,
.big_list .col6,
.prediction_list .col7,
.bet_list .col7,
.big_list .col7,
.prediction_list .col8,
.bet_list .col8,
.big_list .col8 {
  border-left: 1px solid #DDDDCC;
  text-align: center;
  line-height: 1em;
  margin: auto;
}
.prediction_list .bet_number,
.bet_list .bet_number,
.big_list .bet_number {
  text-align: center;
  font-size: 1.25em;
}
.prediction_list .description,
.bet_list .description,
.big_list .description {
  font-size: 0.95em;
  line-height: 1.5em;
}
.prediction_list .predictor,
.bet_list .predictor,
.big_list .predictor {
  line-height: 1em;
  font-size: 0.98;
}
.prediction_list .winner,
.bet_list .winner,
.big_list .winner {
  background-image: url(/static/ui/winbadge-listitem.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.prediction_list .duration,
.bet_list .duration,
.big_list .duration {
  text-align: center;
  line-height: 0.8em;
  font-size: 1.2em;
}
.prediction_list .duration small,
.bet_list .duration small,
.big_list .duration small {
  font-size: 0.7em;
}
.prediction_list .col2 {
  width: 450px;
}
.prediction_list .col4 {
  width: 84px;
}
.bet_list .col2 {
  width: 295px;
}
.bet_list .col4 {
  width: 70px;
  text-align: center;
}
.bet_list .col5,
.bet_list .col6 {
  width: 70px;
}
.big_list span {
  min-height: 28px;
}
.big_list .col1 span.pictos {
  margin: 0;
  padding: 3px 0 0 5px;
  font-size: 1.3em;
  line-height: 0em;
  cursor: help;
}
.big_list .col1 {
  text-align: center;
  width: 20px;
}
.big_list .col2 {
  width: 30px;
}
.big_list .col3 {
  overflow: hidden;
  width: 265px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.big_list .col4 {
  width: 70px;
}
.big_list .col5 {
  width: 70px;
}
.big_list .col6 {
  width: 70px;
}
.big_list .col7 {
  width: 70px;
}
.header div {
  position: relative;
  display: block;
  clear: both;
  background-repeat: no-repeat;
  -webkit-print-color-adjust: exact;
}
.header .header_tagline {
  margin: 0 auto 20px auto;
  width: 677px;
  height: 14px;
  top: 12px;
  background-image: url(/static/ui/tagline.png);
}
.header .header_logo {
  margin: 0 auto 30px auto;
  width: 693px;
  height: 57px;
  top: 15px;
  background-image: url(/static/ui/logo.png);
}
.header .header_alongbet {
  margin: 0 auto 15px auto;
  width: 696px;
  height: 50px;
  top: 15px;
  background-image: url(/static/ui/alongbet.png);
}
.header .header_aprediction {
  margin: 0 auto 15px auto;
  width: 698px;
  height: 43px;
  top: 15px;
  background-image: url(/static/ui/aprediction.png);
}
@media print {
  body {
    background: white;
  }
  .print-hide {
    display: none;
  }
  #main_menu {
    display: none;
  }
  #footer_list li {
    display: none;
  }
  #footer_list li:first-child {
    display: block;
  }
  #footer_list li img {
    width: 100px;
  }
  #disqus_thread {
    display: none;
  }
  .header .header_tagline {
    background-image: url(/static/ui/tagline@2x.png);
    -webkit-print-color-adjust: exact;
    background-size: 677px 14px;
  }
  .header .header_logo {
    background-image: url(/static/ui/logo@2x.png);
    -webkit-print-color-adjust: exact;
    background-size: 693px 57px;
  }
  .header_alongbet {
    background-size: 696px 50px;
    background-image: url(/static/ui/alongbet@2x.png);
    -webkit-print-color-adjust: exact;
  }
  .header_aprediction {
    background-size: 698px 43px;
    background-image: url(/static/ui/aprediction@2x.png);
    -webkit-print-color-adjust: exact;
  }
}
/* image retina display */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
  .header .header_tagline {
    background-image: url(/static/ui/tagline@2x.png);
    -webkit-print-color-adjust: exact;
    background-size: 677px 14px;
  }
  .header .header_logo {
    background-image: url(/static/ui/logo@2x.png);
    -webkit-print-color-adjust: exact;
    background-size: 693px 57px;
  }
  .header_alongbet {
    background-size: 696px 50px;
    background-image: url(/static/ui/alongbet@2x.png);
    -webkit-print-color-adjust: exact;
  }
  .header_aprediction {
    background-size: 698px 43px;
    background-image: url(/static/ui/aprediction@2x.png);
    -webkit-print-color-adjust: exact;
  }
}
