/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

  ul li {
    list-style: none outside none;
  }

  article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
    display: block;
  }

  a img {
    border: 0;
  }

.clear, .clearAll {
  border: 0 none;
  clear: both;
  display: block;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}

/* Score */
path[style="opacity: 0.1;"], path[style="opacity: 0.05;"], path[style="opacity: 0.4;"] {
  shape-rendering: crispEdges;
}

#SVGcontainer {
  width: 685px;
  height: 400px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  box-shadow: 0px 0px 2px 1px #fff;
  -webkit-box-shadow: 0px 0px 2px 1px #fff;
  -moz-box-shadow: 0px 0px 2px 1px #fff;
  overflow: hidden;
  float: right;
}

#ScoreHeader {
  text-align: center;
  font-size: 1.3em;
  width: 600px;
  float: right;
}

  #ScoreHeader #SC_next {
    width: 30px;
    height: 20px;
    overflow: hidden;
    float: right;
    background: transparent url(../images/SC_arrows.png) 0px 0px;
    cursor: pointer;
  }

  #ScoreHeader #SC_previous {
    width: 30px;
    height: 20px;
    overflow: hidden;
    float: left;
    background: transparent url(../images/SC_arrows.png) 0px -20px;
    cursor: pointer;
  }

#currentGame {
  float: right;
  text-align: center;
  width: 600px;
}

#gameList ul li {
  cursor: pointer;
  margin: 12px;
}

.gameIcon {
  background-position: 50% 50%;
  background-size: 100% auto;
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0 0 3px #000000;
  -webkit-box-shadow: 0 0 3px #000000;
  -moz-box-shadow: 0 0 3px #000000;
  height: 72px;
  width: 150px;
  overflow: hidden;
}

  .gameIcon:hover {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 7px #000000;
    -webkit-box-shadow: 0 0 7px #000000;
    -moz-box-shadow: 0 0 7px #000000;
  }

.gameLabel {
    background: #000;
    color: #FFF;
    font-size: 12px;
    line-height: 20px;
    float: left;
    margin: 3px auto 2px auto;
    padding-left: 27px;
    height: 1.4em;
    overflow: hidden;
}

.cpt_body {
  display: block;
  font-size: 14px;
  margin: 0 0 0 12px;
}

.pp_category:before {
  content: "∨";
  font-size: 26px;
}

.pp_category.active:before {
  content: ">";
  font-size: 18px;
}

#highscore {
  float: right;
  width: 750px;
}

  #highscore img {
    float: left;
    height: 100px;
    margin: 4px 12px 50px 0;
  }

  #highscore span {
    float: right;
    margin: 20px 0 0 0;
  }


/*	Typography presets
	------------------	*/

.gigantic {
  font-size: 123px;
  line-height: 132px;
  letter-spacing: -2px;
}

.huge, h1 {
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -1px;
}

.large, h2 {
  font-size: 24px;
  line-height: 24px;
}

.bigger, h3 {
  font-size: 20px;
  line-height: 24px;
}

.big, h4 {
  font-size: 20px;
  line-height: 24px;
}

.PN_textPad ul li {
  list-style: disc outside;
  margin: 0 0 0 15px;
}

body {
  font: 16px/24px "verdana", sans-serif;
  color: #000;
}

.small, small {
  font-size: 13px;
  line-height: 18px;
}

a {
  color: #007a53;
  text-decoration: none;
}

  a:hover {
    text-shadow: 0 0 6px #FFFFFF;
  }

p {
  margin: 0 0 24px 0;
}

/* Selection colours (easy to forget) */

::selection {
  background: rgb(255,255,158);
}

::-moz-selection {
  background: rgb(255,255,158);
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

body {
  -webkit-tap-highlight-color: rgb(255,255,158);
}



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
  background: #dbe4eb; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZTRlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZjBmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWVjZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #dbe4eb 0%, #e6f0f2 50%, #e1ecf2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe4eb), color-stop(50%,#e6f0f2), color-stop(100%,#e1ecf2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* IE10+ */
  background: linear-gradient(to bottom, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe4eb', endColorstr='#e1ecf2',GradientType=0 ); /* IE6-8 */
}

#wrapper {
  width: 960px;
  margin: 24px auto 84px;
  -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

header {
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  -webkit-box-shadow: 0px 0 3px 1px #888885;
  -moz-box-shadow: 0px 0 3px 1px #888885;
  box-shadow: 0px 0 3px 1px #888885;
  height: 72px;
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#logo {
  float: left;
  height: 100%;
}

  #logo img {
    margin: 5px;
  }

#headMenu {
  float: right;
  min-width: 200px;
  margin: 12px 12px 0 0;
}


#name {
  color: #2F4F4F;
  font-size: 24px;
  float: right;
}

.content {
  margin: 24px 0 0 0;
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  -webkit-box-shadow: 0px 0 3px 1px #888885;
  -moz-box-shadow: 0px 0 3px 1px #888885;
  box-shadow: 0px 0 3px 1px #888885;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 100%;
  /*overflow: hidden;*/
  /*padding: 0px 5px 5px 5px;*/
  /*min-height: 300px;*/
}

#area1 {
  float: left;
  width: 276px;
}

#area2 {
  float: left;
  width: 684px;
}

#bgfCal, #b_mydata, .imgLink {
  overflow: hidden;
  margin: 24px 0 0 24px;
  width: 304px;
  height: 227px;
  float: left;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-size: 100%!important;
}

#data.imgLink {
    width: 252px;
}

#warmup {
  background: transparent url(../images/BGF/warmup.jpg) 0px 0px;
  -webkit-box-shadow: 0 0 3px 2px rgb(252,129,35);
  -moz-box-shadow: 0 0 3px 2px rgb(252,129,35);
  box-shadow: 0 0 3px 2px rgb(252,129,35);
}

  #warmup:hover {
    -webkit-box-shadow: 0 0 5px 5px rgb(252,129,35);
    -moz-box-shadow: 0 0 5px 5px rgb(252,129,35);
    box-shadow: 0 0 5px 5px rgb(252,129,35);
  }

  #warmup span {
    display: block;
    height: 36px;
    margin: 180px 0 0;
    padding: 12px 0 0;
    background: rgb(252,129,35);
    background: -moz-linear-gradient(top, rgba(252,129,35,0.9) 0%, rgba(119,80,32,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,129,35,0.9)), color-stop(100%,rgba(119,80,32,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,129,35,0.9) 0%,rgba(119,80,32,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,129,35,0.9) 0%,rgba(119,80,32,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,129,35,0.9) 0%,rgba(119,80,32,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,129,35,0.9) 0%,rgba(119,80,32,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6fc8123', endColorstr='#e6775020',GradientType=0 ); /* IE6-9 */
  }

#results {
  background: transparent url(../images/BGF/results.jpg) 0px 0px;
  -webkit-box-shadow: 0 0 3px 2px rgb(149,27,195);
  -moz-box-shadow: 0 0 3px 2px rgb(149,27,195);
  box-shadow: 0 0 3px 2px rgb(149,27,195);
}

  #results:hover {
    -webkit-box-shadow: 0 0 5px 5px rgb(149,27,195);
    -moz-box-shadow: 0 0 5px 5px rgb(149,27,195);
    box-shadow: 0 0 5px 5px rgb(149,27,195);
  }

  #results span {
    display: block;
    height: 36px;
    margin: 180px 0 0;
    padding: 12px 0 0;
    background: rgb(149,27,195);
    background: -moz-linear-gradient(top, rgba(149,27,195,0.9) 0%, rgba(67,22,84,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,27,195,0.9)), color-stop(100%,rgba(67,22,84,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(149,27,195,0.9) 0%,rgba(67,22,84,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(149,27,195,0.9) 0%,rgba(67,22,84,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(149,27,195,0.9) 0%,rgba(67,22,84,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(149,27,195,0.9) 0%,rgba(67,22,84,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6951bc3', endColorstr='#e6431654',GradientType=0 ); /* IE6-9 */
  }

#tipps {
  height: 96px;
  background: transparent url(../images/BGF/tipps.jpg) 0px 0px;
  -webkit-box-shadow: 0 0 3px 2px rgb(255,35,35);
  -moz-box-shadow: 0 0 3px 2px rgb(255,35,35);
  box-shadow: 0 0 3px 2px rgb(255,35,35);
}

  #tipps:hover {
    -webkit-box-shadow: 0 0 5px 5px rgb(255,35,35);
    -moz-box-shadow: 0 0 5px 5px rgb(255,35,35);
    box-shadow: 0 0 5px 5px rgb(255,35,35);
  }

  #tipps span {
    display: block;
    height: 42px;
    margin: 57px 0 0;
    padding: 6px 0 0;
    background: rgb(255,35,35);
    background: -moz-linear-gradient(top, rgba(255,35,35,0.9) 0%, rgba(124,33,33,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,35,35,0.9)), color-stop(100%,rgba(124,33,33,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,35,35,0.9) 0%,rgba(124,33,33,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,35,35,0.9) 0%,rgba(124,33,33,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,35,35,0.9) 0%,rgba(124,33,33,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,35,35,0.9) 0%,rgba(124,33,33,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ff2323', endColorstr='#e67c2121',GradientType=0 ); /* IE6-9 */
  }

#ubungen {
  background: transparent url(../images/BGF/ubungen.jpg) 0px 0px;
  -webkit-box-shadow: 0 0 3px 2px rgb(26,191,26);
  -moz-box-shadow: 0 0 3px 2px rgb(26,191,26);
  box-shadow: 0 0 3px 2px rgb(26,191,26);
}

  #ubungen:hover {
    -webkit-box-shadow: 0 0 5px 5px rgb(26,191,26);
    -moz-box-shadow: 0 0 5px 5px rgb(26,191,26);
    box-shadow: 0 0 5px 5px rgb(26,191,26);
  }

  #ubungen span {
    display: block;
    height: 36px;
    margin: 180px 0 0;
    padding: 12px 0 0;
    background: rgb(26,191,26);
    background: -moz-linear-gradient(top, rgba(26,191,26,0.9) 0%, rgba(29,84,22,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,191,26,0.9)), color-stop(100%,rgba(29,84,22,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(26,191,26,0.9) 0%,rgba(29,84,22,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(26,191,26,0.9) 0%,rgba(29,84,22,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(26,191,26,0.9) 0%,rgba(29,84,22,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(26,191,26,0.9) 0%,rgba(29,84,22,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61abf1a', endColorstr='#e61d5416',GradientType=0 ); /* IE6-9 */
  }

#homework {
  background: transparent url(../images/BGF/training.jpg);
  -webkit-box-shadow: 0 0 3px 2px rgb(31,148,226);
  -moz-box-shadow: 0 0 3px 2px rgb(31,148,226);
  box-shadow: 0 0 3px 2px rgb(31,148,226);
}

  #homework:hover {
    -webkit-box-shadow: 0 0 5px 5px rgb(31,148,226);
    -moz-box-shadow: 0 0 5px 5px rgb(31,148,226);
    box-shadow: 0 0 5px 5px rgb(31,148,226);
  }

  #homework span {
    display: block;
    height: 36px;
    margin: 180px 0 0;
    padding: 12px 0 0;
    background: rgb(31,148,226);
    background: -moz-linear-gradient(top, rgba(31,148,226,0.9) 0%, rgba(33,83,124,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,148,226,0.9)), color-stop(100%,rgba(33,83,124,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(31,148,226,0.9) 0%,rgba(33,83,124,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(31,148,226,0.9) 0%,rgba(33,83,124,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(31,148,226,0.9) 0%,rgba(33,83,124,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(31,148,226,0.9) 0%,rgba(33,83,124,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61f94e2', endColorstr='#e621537c',GradientType=0 ); /* IE6-9 */
  }

#data {
  height: 96px;
  background: transparent url(../images/BGF/data.jpg) 0px 0px;
  -webkit-box-shadow: 0 0 3px 2px rgb(173,173,173);
  -moz-box-shadow: 0 0 3px 2px rgb(173,173,173);
  box-shadow: 0 0 3px 2px rgb(173,173,173);
}

  #data:hover {
    -webkit-box-shadow: 0 0 5px 5px rgb(173,173,173);
    -moz-box-shadow: 0 0 5px 5px rgb(173,173,173);
    box-shadow: 0 0 5px 5px rgb(173,173,173);
  }

  #data span {
    display: block;
    height: 42px;
    margin: 57px 0 0;
    padding: 6px 0 0;
    background: rgb(173,173,173);
    background: -moz-linear-gradient(top, rgba(173,173,173,0.9) 0%, rgba(89,89,89,0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,173,173,0.9)), color-stop(100%,rgba(89,89,89,0.9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(173,173,173,0.9) 0%,rgba(89,89,89,0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(173,173,173,0.9) 0%,rgba(89,89,89,0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(173,173,173,0.9) 0%,rgba(89,89,89,0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(173,173,173,0.9) 0%,rgba(89,89,89,0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6adadad', endColorstr='#e6595959',GradientType=0 ); /* IE6-9 */
  }

#bgfCal {
  -webkit-box-shadow: 0 0 3px 2px rgb(173,173,173);
  -moz-box-shadow: 0 0 3px 2px rgb(173,173,173);
  box-shadow: 0 0 3px 2px rgb(173,173,173);
  color: #006DAA !important;
  height: 350px;
  padding: 5px;
  width: 242px;
}

  #bgfCal h2, #bgfCal h3 {
    color: #006DAA !important;
  }

.imgLink span {
  text-align: center;
}

a .imgLink span {
  color: #fff;
  text-shadow: none;
}

a:hover .imgLink span {
  font-size: 18px;
  text-shadow: none;
}

#calendarHead {
  display: block;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #AAAAAA;
  color: #006DAA;
}

.iTime {
  display: none;
}

.cp_time {
  float: left;
  font-weight: bold;
  width: 66px;
}

#wrapper-footer {
    border-radius: 15px;
    overflow: hidden;
}

span#back {
    display: none;
}

footer {
  width: 100%;
  height: 24px;
  padding: 24px 0 0;
  background: url("../images/BGF/footer.png") repeat scroll 0 0 / 100% 48px transparent;
  /*display: none;*/
}

  footer span {
    display: block;
    padding: 0 24px 0 0;
    text-align: right;
    width: auto;
  }

    footer span a {
      color: #000;
    }

.pa_content_pad.logonuser {
  margin: 24px;
}

.games li {
  float: left;
  height: 183px;
  margin: 24px 0 0 24px;
  width: 183px;
  list-style: none;
}


#gameFilter {
  display: block;
  float: right;
  margin: 34px 24px 0 0;
}

.games li span {
  color: #FFFFFF;
  display: block;
  margin: 144px 0 0;
  text-align: center;
}

#bgfCalView {
  padding: 24px;
}

.screenshot1 {
  float: right;
  height: 180px;
  width: 320px;
}

.screenshot2 {
  display: none;
}

.play {
  background-color: #006699;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 1px 0 0 #FFFFFF inset;
  color: #FFFFFF;
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  height: 100%;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 2px #000000;
  width: 100%;
}

.play_back {
	cursor: pointer;
    display: inline-block;
    min-height: 1em;
    vertical-align: baseline;
    background: #ef6f01;
    color: #ffffff;
    margin: 0em 0.25em 0em 0em;
    padding: 0.57894737em 1.5em 0.57894737em;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.21052632rem;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
 }

  .play span {
    display: block;
    padding: 78px;
  }

    .play span:hover {
      font-size: 28px !important;
    }

.instruction, #mainFrame {
  padding: 24px;
}

.gamesGradient {
  background: #4495e5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiM0NDk1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMGM0YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiM4MWM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNlOGUwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNlNTg1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top, #4495e5 27%, #00c4a3 50%, #81c600 60%, #e8e000 75%, #e58500 90%, #e00000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#4495e5), color-stop(50%,#00c4a3), color-stop(60%,#81c600), color-stop(75%,#e8e000), color-stop(90%,#e58500), color-stop(100%,#e00000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4495e5 27%,#00c4a3 50%,#81c600 60%,#e8e000 75%,#e58500 90%,#e00000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4495e5 27%,#00c4a3 50%,#81c600 60%,#e8e000 75%,#e58500 90%,#e00000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4495e5 27%,#00c4a3 50%,#81c600 60%,#e8e000 75%,#e58500 90%,#e00000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #4495e5 27%,#00c4a3 50%,#81c600 60%,#e8e000 75%,#e58500 90%,#e00000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4495e5', endColorstr='#e00000',GradientType=0 ); /* IE6-8 */
}

svg {
  border-radius: 16px;
}

#back {
  cursor: pointer;
}

img#back {
    float: right;
}


#myData {
  margin: 24px;
}

#myData .profil, #myData .adresse, #myData .strasse, #myData .plz, #myData .stadt, #myData .land, #myData .sprachgruppe, #myData .gender {
  display: none;
}

#formback {
  display: none;
}

#messagetrue {
  position: absolute;
  left: 0;
  top: 0;
  color: Green;
}

#messagefalse {
  position: absolute;
  left: 0;
  top: 0;
  color: Red;
}

.fc-header-title h2 {
  line-height: 24px;
}


#myData .editor-label {
  clear: both;
  float: left;
}

#myData .editor-field {
  float: right;
}

#myData fieldset {
  margin: 12px 0;
}

#EMailNotification {
    height: 17px;
    margin: 10px -53px -21px!important;
    width: 17px;
}


#myData #pa_bottomtab, #myData #pa_bottomtab2 {
  display: none;
}

#myData input, textarea {
    display: block;
    margin: 0 0 12px 0;
    padding: 3px 6px;
    font-size: 1em;
    border-radius: 16px;
    border: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.66) inset;
    width: 157px;
    max-width: 55%;
    margin: 0 0 10px 0;
    background: #fff;
    float: right;
}

#myData .menuItem {
  box-shadow: 0px 0px 3px 1px rgba(255,255,255,.4);
  border-radius: 9px;
  border: 1px solid #EF6F01;
  background: #ff7601;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTY3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff7601 0%, #de6700 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7601), color-stop(100%,#de6700));
  background: -webkit-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: -o-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: -ms-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: linear-gradient(to bottom, #ff7601 0%,#de6700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7601', endColorstr='#de6700',GradientType=0 );
}



#myData .menuItem {
  float: none;
  margin: 12px auto;
  width: 340px;
}

#calViewList {
  height: 127px;
  overflow: hidden;
}

.trainingSessionsDescription {
  clear: both;
  margin: 24px 0 0 24px;
}

.overviewTargets {
  margin: 24px 0 0 24px;
  list-style: none;
}

  .overviewTargets img {
    margin: 6px 12px 0 0;
    float: left;
  }

.clue, .clue1, .clue2 {
  background: #EF6F01; /* Old browsers */
  border-radius: 12px 12px 12px 12px;
  margin: 6px;
  padding: 6px;
}

blockquote {
  background: #f1f1f1; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f1f1f1 0%, #d8d8d8 50%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#d8d8d8), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
  border-radius: 12px 12px 12px 12px;
  margin: 6px;
  padding: 6px 6px 24px;
  font-style: italic;
}

  blockquote:after {
    content: " " attr(cite) " ";
    float: right;
    font-size: smaller;
  }

.mp3:before {
  content: url("../../content/images/icons/20px/mp3.png");
}

.pdf:before {
  content: url("../../content/images/icons/20px/pdf.png");
}

.doc:before {
  content: url("../../content/images/icons/20px/doc.png");
}

.avi:before {
  content: url("../../content/images/icons/20px/avi.png");
}

.url:before {
  content: url("../../content/images/icons/20px/_blank.png");
}

.next {
  float: right;
  font-weight: 700;
  text-decoration: none;
}

.clue1 a, .clue2 a {
  color: #fff;
}

.next:after {
  content: url("../../content/images/icons/20px/next_o.png");
}

.next:hover:after {
  content: url("../../content/images/icons/20px/next_h_o.png");
}

.clue1 .next:after, .clue2 .next:after {
  content: url("../../content/images/icons/20px/next.png");
}

.clue1 .next:hover:after, .clue2 .next:hover:after {
  content: url("../../content/images/icons/20px/next_h.png");
}


p .z4, p .z6, p .z8, p .z10, p .z12 {
  float: left;
}

.z4 img, .z6 img, .z8 img, .z10 img, .z12 img {
  border-radius: 12px;
  margin: 4px 12px 0 0;
  float: left;
}

.z4 img {
  height: 92px;
}

.z6 img {
  height: 140px;
}

.z8 img {
  height: 188px;
}

.z10 img {
  height: 236px;
}

.z12 img {
  height: 284px;
}

#PositionLA, #PositionLB, #PositionMB, #PositionLC, #PositionLD, #PositionMD {
  float: left;
}

#PositionRA, #PositionRB, #PositionRC, #PositionRD {
  float: right;
}

#PositionHeader, #PositionCenter, #PositionFooter {
  clear: both;
  margin: 0 1.5%;
  width: 97%;
}

#PositionLA, #PositionRA, #PositionLC, #PositionRC {
  margin: 0 1.5%;
  width: 47%;
}

#PositionLB, #PositionMB, #PositionRB, #PositionLD, #PositionMD, #PositionRD {
  margin: 0 1.5%;
  width: 30%;
}

#PositionLA, #PositionLB, #PositionLC, #PositionLD {
  clear: both;
}

#PositionRA, #PositionRB, #PositionRC, #PositionRD {
  clear: right;
}

.box {
  background: #f1f1f1; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f1f1f1 0%, #d8d8d8 50%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#d8d8d8), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f1f1f1 0%,#d8d8d8 50%,#f1f1f1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
  border-radius: 12px 12px 12px 12px;
  -moz-box-shadow: 0 0 1px #000000;
  -webkit-box-shadow: 0 0 1px #000000;
  box-shadow: 0 0 1px #000000;
  margin: 12px 15px 12px 12px;
  padding: 12px;
}

.template a {
  color: #ef6f01;
  text-decoration: underline;
  text-shadow: none;
}

  .template a:hover {
    font-size: 100%;
  }

#review-content {
    float: left;
    width: 98%;
    margin-left: 1%;
}


.review-entry {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin: 12px 0 0;
    padding: 2px;
}

.review-entry.active {
    border: 3px solid #0080c8;
}

#review-chart {
    float: right;
    margin: 0 0 0 -10px;
    height: 400px;
    min-width: 620px;
    width: 620px;
    min-height: 120px;
}

.review-entry-links-score {
    float: right;
    text-align: right;
}

.review-entry-links-link {
    height: 100%;
    width: 100%;
    display: block;
    color: #000;
    text-shadow: none;
    text-decoration: none;
}

    .review-entry-links-link:hover {
        color: #000;
        text-shadow: none;
        text-decoration: none;
        font-size: 100%;
    }

.review-entry-links-play {
    background: url("../images/PN_Bio_Album_nextbuttonHo.png") repeat scroll 0 0 / 100% 100% transparent;
    display: block;
    float: right;
    height: 20px;
    margin: 2px;
    width: 17px;
}

.review-entry hr {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 1px;
    margin: 0 0 3px;
}

li.game.review-entry-links, li.link.review-entry-links {
    background: #4ed600;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlZDYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyM2IyMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4ed600 0%, #23b207 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ed600), color-stop(100%,#23b207));
    background: -webkit-linear-gradient(top, #4ed600 0%,#23b207 100%);
    background: -o-linear-gradient(top, #4ed600 0%,#23b207 100%);
    background: -ms-linear-gradient(top, #4ed600 0%,#23b207 100%);
    background: linear-gradient(to bottom, #4ed600 0%,#23b207 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ed600', endColorstr='#23b207',GradientType=0 );
    border: 1px solid #327E04;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 0 3px 0;
    padding: 0 2px;
    list-style: none;
}

    li.game.review-entry-links:hover {
        background: #56a717;
    }

    li.game.review-entry-links.no-score {
        background: #ff1c1c;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTA3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ff1c1c 0%, #ea0700 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1c1c), color-stop(100%,#ea0700));
        background: -webkit-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
        background: -o-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
        background: -ms-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
        background: linear-gradient(to bottom, #ff1c1c 0%,#ea0700 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1c1c', endColorstr='#ea0700',GradientType=0 );
        border: 1px solid #E3A1A1;
    }



#game-filter_dummy {
  margin: 3px 35px 8px;
  max-width: 100%;
  width: auto;
  float: none;
}

.dwb {
  box-shadow: 0px 0px 3px 1px rgba(255,255,255,.4);
  border-radius: 9px;
  border: 1px solid #EF6F01;
  background: #ff7601;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTY3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff7601 0%, #de6700 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7601), color-stop(100%,#de6700));
  background: -webkit-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: -o-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: -ms-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: linear-gradient(to bottom, #ff7601 0%,#de6700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7601', endColorstr='#de6700',GradientType=0 );
  padding: 8px 12px;
}

.dw-cal-btnc {
  margin: 2px 0;
}

.dw-cal .dw-cal-btn {
  padding: 0;
}

.dwbw.dwb-s {
  margin: 0 0 6px;
}

.review-entry {
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
  background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
  border: 1px solid #E0E0E0;
  border-radius: 12px 12px 12px 12px;
  margin: 12px 0 0;
  padding: 2px;
}

#review-chart {
  float: right;
  margin: 7px 7px 0 -10px;
  height: auto;
  min-width: 620px;
  width: 700px;
}

.review-entry-links-score {
  float: right;
  text-align: right;
}

.review-entry-links-link {
  height: 100%;
  width: 100%;
  display: block;
  color: #000;
  text-shadow: none;
  text-decoration: none;
}

  .review-entry-links-link:hover {
    color: #000;
    text-shadow: none;
    text-decoration: none;
    font-size: 100%;
  }

.review-entry-links-play {
  background: url("../images/PN_Bio_Album_nextbuttonHo.png") repeat scroll 0 0 / 100% 100% transparent;
  display: block;
  float: right;
  height: 20px;
  margin: 2px;
  width: 17px;
}

.review-entry hr {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 1px;
  margin: 0 0 3px;
}

li.game.review-entry-links, li.link.review-entry-links {
  background: #4ed600;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlZDYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyM2IyMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #4ed600 0%, #23b207 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ed600), color-stop(100%,#23b207));
  background: -webkit-linear-gradient(top, #4ed600 0%,#23b207 100%);
  background: -o-linear-gradient(top, #4ed600 0%,#23b207 100%);
  background: -ms-linear-gradient(top, #4ed600 0%,#23b207 100%);
  background: linear-gradient(to bottom, #4ed600 0%,#23b207 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ed600', endColorstr='#23b207',GradientType=0 );
  border: 1px solid #327E04;
  cursor: pointer;
  border-radius: 3px;
  margin: 0 0 3px 0;
  padding: 0 2px;
  list-style: none;
}

  li.game.review-entry-links:hover {
    background: #56a717;
  }

  li.game.review-entry-links.null {
    background: #ff1c1c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTA3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ff1c1c 0%, #ea0700 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1c1c), color-stop(100%,#ea0700));
    background: -webkit-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
    background: -o-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
    background: -ms-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
    background: linear-gradient(to bottom, #ff1c1c 0%,#ea0700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1c1c', endColorstr='#ea0700',GradientType=0 );
    border: 1px solid #E3A1A1;
  }

    li.game.review-entry-links.null:hover {
      background: #d01616;
    }


li.link.review-entry-links {
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
  border: 1px solid #e2e2e2;
}

  li.link.review-entry-links:hover {
    background: #e2e2e2;
  }

.review-entry-files > li {
  list-style: none outside none;
}


/*#game-date-select div {
  float: left;
  margin: 0 0 12px 12px;
  text-align: center;
  width: 100px;
}

  #game-date-select div input {
    margin: 0 auto;
    max-width: 100%;
    padding: 3px;
    text-align: center;
    width: 94px;
  }

  #game-date-select div span {
    float: left;
  }*/

#game-date-select #entryCalendar_dummy {
  float: left;
  margin: 12px 0 12px 12px;
  text-align: center;
  width: 200px;
}

.popUpInfoLink > img {
  height: 100%;
}

#the-username {
  margin: -24px 0 11px;
}

#myData input, #myData textarea {
  width: 230px;
}

#myData {
  margin: 24px auto;
  width: 450px;
  padding-top: 22px;
}

#messagetrue, #messagefalse {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0 0 3px rgb(0, 0, 0);
  -webkit-box-shadow: 0 0 3px rgb(0, 0, 0);
  -moz-box-shadow: 0 0 3px rgb(0, 0, 0);
  font-size: 24px;
  font-weight: bold;
  height: 24px;
  left: 0;
  padding: 12px;
  position: fixed;
  text-align: center;
  top: -8px;
  width: 100%;
  opacity: 0;
  z-index: 999999;
  display: none;
}

#messagetrue {
  color: Green;
}

#messagefalse {
  color: Red;
}

.buyPortal {
  margin: 24px;
}

#content-1 {
  float: right;
}

#content-2 {
  float: left;
}

#content-1, #content-2 {
  display: block;
  margin: 24px 0;
  width: 48%;
  height: 100%;
}

  #content-1 .pa_content_pad.logonuser, #content-2 .buyPortal {
    height: 290px;
  }

  #content-1 footer span, #content-2 footer span {
    display: none;
  }

  #content-1 footer #copyright {
    display: block;
  }

.cookies-info {
  color: Red;
}

.popUp {
  background: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 50%, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 20px;
  box-shadow: 0 0 3px 1px #888885;
  font-size: 0.9em;
  left: 50%;
  margin: -200px 0 0 -300px;
  min-height: 200px;
  padding: 20px;
  position: absolute;
  top: 50%;
  width: 580px;
  z-index: 99999;
}

.Button.more {
  float: left;
  padding: 3px 12px;
  text-align: center;
  border: 1px solid #f7f7f7;
  color: #F7f7f7;
  margin: 7px 0 0 12px;
  cursor: pointer;
  font-size: 1em;
  box-shadow: 0px 0px 3px 1px rgba(255,255,255,.4);
  border-radius: 9px;
  border: 1px solid #EF6F01;
  background: #ff7601;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTY3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff7601 0%, #de6700 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7601), color-stop(100%,#de6700));
  background: -webkit-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: -o-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: -ms-linear-gradient(top, #ff7601 0%,#de6700 100%);
  background: linear-gradient(to bottom, #ff7601 0%,#de6700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7601', endColorstr='#de6700',GradientType=0 );
}

.shoplink{
    color: red;
    text-decoration: underline;
}

.homework-bg {
    background: #8fc400; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MGFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #8fc400 0%, #60aa00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#60aa00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8fc400 0%,#60aa00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8fc400 0%,#60aa00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8fc400 0%,#60aa00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8fc400 0%,#60aa00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#60aa00',GradientType=0 ); /* IE6-8 */
    border-radius: 3px;
    height: 27px;
    overflow: hidden;
}

.homework-status {
    background: #ff0509; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDUwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjAwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ff0509 0%, #bf0003 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0509), color-stop(100%,#bf0003)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff0509 0%,#bf0003 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff0509 0%,#bf0003 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff0509 0%,#bf0003 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff0509 0%,#bf0003 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#bf0003',GradientType=0 ); /* IE6-8 */
}




/*delfino*/
#outer_container, #popupContainer, #popup-Container {
    background: none repeat scroll 0 0 rgba(12,109,157, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 990;
    display: none;
}

.game-info-popup {
    background: #dbe4eb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZTRlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZjBmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWVjZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dbe4eb 0%, #e6f0f2 50%, #e1ecf2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe4eb), color-stop(50%,#e6f0f2), color-stop(100%,#e1ecf2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dbe4eb 0%,#e6f0f2 50%,#e1ecf2 100%); /* W3C */
    
    box-shadow: 0 0 2px 1px #FFFFFF, 0 0 20px 5px rgba(255, 255, 255, 0.75) inset;
    -moz-box-shadow: 0 0 2px 1px #FFFFFF, 0 0 20px 5px rgba(255, 255, 255, 0.75) inset;
    -web-kit-box-shadow: 0 0 2px 1px #FFFFFF, 0 0 20px 5px rgba(255, 255, 255, 0.75) inset;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 660px;
    margin: 73px auto;
    z-index: 99999;
    padding: 20px 63px 20px 20px;
}

    .game-info-popup a {
        font-weight: bold;
        margin-left: 5px;
    }


.review-entry {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin: 12px 0 0;
    padding: 2px;
}

.review-entry.active {
    border: 3px solid #0080c8;
}

#review-chart {
    float: right;
    margin: 0 0 0 -10px;
    height: 400px;
    min-width: 620px;
    width: 620px;
    min-height: 120px;
}

.review-entry-links-score {
    float: right;
    text-align: right;
}

.review-entry-links-link {
    height: 100%;
    width: 100%;
    display: block;
    color: #000;
    text-shadow: none;
    text-decoration: none;
}

    .review-entry-links-link:hover {
        color: #000;
        text-shadow: none;
        text-decoration: none;
        font-size: 100%;
    }

.review-entry-links-play {
    background: url("../images/PN_Bio_Album_nextbuttonHo.png") repeat scroll 0 0 / 100% 100% transparent;
    display: block;
    float: right;
    height: 20px;
    margin: 2px;
    width: 17px;
}

.review-entry hr {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 1px;
    margin: 0 0 3px;
}

li.game.review-entry-links, li.link.review-entry-links {
    background: #4ed600;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlZDYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyM2IyMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4ed600 0%, #23b207 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ed600), color-stop(100%,#23b207));
    background: -webkit-linear-gradient(top, #4ed600 0%,#23b207 100%);
    background: -o-linear-gradient(top, #4ed600 0%,#23b207 100%);
    background: -ms-linear-gradient(top, #4ed600 0%,#23b207 100%);
    background: linear-gradient(to bottom, #4ed600 0%,#23b207 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ed600', endColorstr='#23b207',GradientType=0 );
    border: 1px solid #327E04;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 0 3px 0;
    padding: 0 2px;
    list-style: none;
}

    li.game.review-entry-links:hover {
        background: #56a717;
    }

    li.game.review-entry-links.no-score {
        background: #ff1c1c;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTA3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ff1c1c 0%, #ea0700 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1c1c), color-stop(100%,#ea0700));
        background: -webkit-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
        background: -o-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
        background: -ms-linear-gradient(top, #ff1c1c 0%,#ea0700 100%);
        background: linear-gradient(to bottom, #ff1c1c 0%,#ea0700 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1c1c', endColorstr='#ea0700',GradientType=0 );
        border: 1px solid #E3A1A1;
    }

        li.game.review-entry-links.no-score:hover {
            background: #d01616;
        }

.item.game.start {
    background-color: #000!important;
}

.selection-count {
    position: fixed;
}

.item.game.start.selected {
    border: 2px solid #0080c8;
}

.item.game.start.disallowed {
   
}

li.link.review-entry-links {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
    border: 1px solid #e2e2e2;
}

    li.link.review-entry-links:hover {
        background: #e2e2e2;
    }

.review-entry-files > li {
    list-style: none outside none;
}

#game-date-select {
    float: left;
    width: 98%;
    margin-top: 10px;
    margin-left: 1%;
}

    #game-date-select #entryCalendar_dummy {
        float: left;
        margin: 12px 0 12px 12px;
        text-align: center;
        width: 200px;
    }

.dwwb, .dwb {
    color: #fff;
}

.cookies-info {
    color: Red;
}

.shoplink {
    color: red;
    text-decoration: underline;
}

.principal-selection-container {
    display: none;
    padding: 0 5px 0 5px;
}

#principal-selection-menu {
    top: 10px!important;
    position: relative;
}

#principal-selection-user {
    margin-top: 22px;
}

#principal-selection-user .search-user-container {
    margin-left: 6px!important;
    margin-right: 11px;
    width: 23.3%!important
}

.homework-bg {
    background: #8fc400; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MGFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #8fc400 0%, #60aa00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#60aa00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8fc400 0%,#60aa00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8fc400 0%,#60aa00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8fc400 0%,#60aa00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8fc400 0%,#60aa00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#60aa00',GradientType=0 ); /* IE6-8 */
    border-radius: 3px;
    height: 27px;
    overflow: hidden;
}

.homework-status {
    background: #ff0509; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDUwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjAwMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ff0509 0%, #bf0003 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0509), color-stop(100%,#bf0003)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff0509 0%,#bf0003 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff0509 0%,#bf0003 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff0509 0%,#bf0003 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff0509 0%,#bf0003 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0509', endColorstr='#bf0003',GradientType=0 ); /* IE6-8 */
}

.principal-selection-container .ui.grid > .column, .principal-selection-container .ui.grid > .row > .column {
    padding: 0 1%;
    margin: 0.5rem 0;
}


.date-range-input {
    max-width: 100%;
}

#game-container {
    margin-top: 8px;
    margin-right: 10px;
}

#game-container .info {
    display: none;
}

.house {
    background-position: 50% 50% !important;
    background-size: 100% auto !important;
    border-radius: 12px 12px 12px 12px;
    color: #3D3D3D;
    cursor: pointer;
    float: left;
    font-size: 18px;
    height: 48px;
    margin: 2px;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    width: 155px;
}

.clue2 ol li {
    list-style: decimal outside none;
    margin: 0 0 0 20px;
}

#house {
    background-image: url("../images/BGF/house-bg.png");
    background-size: 100% 100%;
    float: left;
    width: 409px;
    height: 480px;
}

#game-categories {
    width: 42%;
    display: block;
    float: left;
}

.info {
    cursor: pointer;
    margin-left: 3px;
}

    .info:hover {
    }

.house .info {
    display: block;
    font-size: 22px;
    margin: -10px 0 0 134px;
    position: absolute;
    width: 19px;
}

#bucLauZuo.house .info, #phoBew.house .info {
    margin: -10px 0 0 297px;
}

#roof.house .info {
    color: #0b9318;
    margin: -10px 0 0 249px;
}

#roof {
    background: url("../images/BGF/roof.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 56px;
    margin: 24px 4px 8px 25px;
    padding: 80px 0 0;
    width: 356px;
}

.house.disabled {
    cursor: not-allowed;
    /*text-decoration: line-through;*/
    opacity: 0.5;
}

.house.active {
    box-shadow: 0 0 3px 2px #808080;
}

#roof.active {
    box-shadow: none;
    background: url("../images/BGF/roof_h.png") no-repeat scroll 0 0 / 100% 100% transparent;
}

.house-text {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 0 20px 120px rgba(255, 255, 255, 0.75);
    margin: 0 0 0 2px;
}

#roof .house-text {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
}

.house:nth-of-type(even) {
    clear: both;
}

#phoBew.house {
    background: url("../images/BGF/phoBew.jpg");
    width: 350px;
    clear: both;
    margin: 2px 2px 2px 42px;
    width: 318px;
    border: 2px solid #b30c3c;
}

    #phoBew.house .info {
        color: #b30c3c;
    }

#bucLauZuo.house {
    background: url("../images/BGF/bucLauZuo.jpg");
    width: 350px;
    margin: 2px 2px 2px 42px;
    width: 318px;
    border: 2px solid #e37010;
}

    #bucLauZuo.house .info {
        color: #e37010;
    }

#dekLes.house {
    background: url("../images/BGF/dekLes.jpg");
    margin: 2px 2px 2px 42px;
    border: 2px solid #a02acd;
}

    #dekLes.house .info {
        color: #a02acd;
    }

#lauSch.house {
    background: url("../images/BGF/lauSch.jpg");
    border: 2px solid #a02acd;
}

    #lauSch.house .info {
        color: #a02acd;
    }

#lexLes.house {
    background: url("../images/BGF/lexLes.jpg");
    margin: 2px 2px 2px 42px;
    border: 2px solid #2ab1ea;
}

    #lexLes.house .info {
        color: #2ab1ea;
    }

#ortSch.house {
    background: url("../images/BGF/ortSch.jpg");
    border: 2px solid #2ab1ea;
}

    #ortSch.house .info {
        color: #2ab1ea;
    }

#myData fieldset {
    margin: 12px 0 0 0;
}


div.agame {
    /*background: linear-gradient(to top, #ef6f01 0%,#FFA500 100%)!important;*/
    /*padding: 5px 6px 6px 20px!important;
    font-weight: bolder;
    margin: 12px 0 0 0!important;*/
    width: 100%;
    margin: 14px 14px 0 0!important;
    position: relative;
    text-align: left!important;
    padding-left: 56px!important;
}

div.agame > div {
    width: 32px;
    height: 32px;
    margin-top: 5px;
    position: absolute;
    top: 0px;
    left: 7px;
    border-radius: 3px;
}


.games {
    float: right;
    width: 52%;
}

.games-function {
    width: 64%;
}

.games li {
    float: left;
    height: 131px;
    list-style: none outside none;
    margin: 0 0 18px 18px;
    width: 131px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    .games li span {
        display: block;
        text-align: center;
        width: 100%;
    }

    .games li a {
        display: block;
        padding: 99px 0 8px;
        width: 100%;
    }

.games a {
    color: #fff;
}

.instruction {
    float: right;
    width: 95%;
}

    .instruction ul li {
        list-style: decimal outside none;
        margin: 0 0 0 28px;
    }


.screenshot1 {
    width: 320px;
    height: 180px;
    float: right;
}

.screenshot2 {
    display: none;
}

.play {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #006699;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    text-align: center;
    width: 100%;
    height: 100%;
}

    .play span {
        display: block;
        padding: 78px;
    }

        .play span:hover {
            font-size: 28px!important;
        }



.entry {
    cursor: pointer;
}

.link0, .link1, .link2, .file0, .file1, .file2, .calendarlink, .calendarfile {
    display: none;
}

#agenda ul li {
    list-style: none;
}

#agenda ul li b:first-of-type {
    display: none !important;
}

#newMotivForm {
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#ffffff 100%)!important;
    min-height: 352px!important;
}

.pa_button_purple, #calNavigation #calNow, #calNavigation #calMonth, #calNavigation #calWeek, .menuItem {
    background: #ef6f01!important;
    border: 1px solid #ef6f01!important;
}

#calNavigation #calNow:hover, #calNavigation #calMonth:hover, #calNavigation #calWeek:hover, .pa_button_purple:hover, .menuItem:hover, .overviewTargets a:hover {
    box-shadow: 0px 0px 3px 1px #ef6f01!important;
    color: #F7f7f7!important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button {
    background: #ef6f01!important;
}

.calEntryLabel {
    color: rgba(0, 0, 0, 0.701961)!important;
}

.calPage:first-child .formfield {
    border: 1px solid #ef6f01!important;
}

.overviewTargets a{
    float: left;
    padding: 3px 12px;
    text-align: center;
    border: 1px solid #ef6f01;
    border-radius: 6px;
    color: #FFF;
    background-color: #ef6f01;
    margin: 4px 0 0 60px;
    cursor: pointer;
    font-size: 1em;
}


#permisson-buttons {
    float: right;
    margin: 8px 8px 0 0;
    width: 52%;
}

#permisson-buttons .button {
    /*min-height: 40px;
    text-align: center;*/
    
}

#permisson-buttons .button i {
    background: none;
    padding: 0 0 0 0;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

    #permisson-buttons .button.allow i {
        color: #07920d;
    }

    #permisson-buttons .button.not-allow i {
        color: #e2e2e2;
    }

    #permisson-buttons .button.deny i {
        color: #ff0000;
    }

    #permisson-buttons .button.not-deny i {
        color: #e2e2e2;
        
    }

#save {
    float: right;
    text-shadow: none;
}

#game-container .permission {
    height: 2.8rem;
    cursor: default;
    /*margin-top: 4px;*/
    margin-top: 28px;
}

#game-container .permission .button {
    padding: 0;
    height: 2.6rem;
    width: 4rem;
    margin-top: 1px;
}

#game-container .permission .button.button-deny {
    margin-right: -18px;
}

#game-container .permission .button.button-allow {
    float: left;
    margin-left: 2px;
}

#game-container .permission .checkbox
{
    position: relative;
}

#game-container .permission input
{
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 0 -2.6rem 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

#game-container .permission.allowed {
    /*background-color : rgba(183, 236, 171, 0.95);*/
    background-color: #07920d;
}

#game-container .permission.denied {
    /*background-color: rgba(255, 204, 204, 0.95);*/
    background-color: #ff0000;
}


#game-container .permission i {
    line-height: 2.6rem;
    color: #e2e2e2;
    font-size: 24px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#game-container .permission .button-allow .active {
    color: #07920d;
}

#game-container .permission .button-deny .active {
    color: #ff0000;
}

 /*-----------Ab hier neu --------------*/
.buyPortal > h4{
text-align: center;
}