@charset "utf-8";
@import "tools.css";
@import "tables.css";


/* basic styles */

html {
  *overflow-x: hidden !important;
}

body {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 12px;
  background: #e5eef6 url('../img/bg_body.gif') repeat-x left top;
}

h2 {
  font-size: 18px;
  color: #ff9300;
  border-bottom: 1px solid #cacaca;
  padding: 0px 0px 4px 0px;
  margin: 0px 0px 15px 0px;
}

h2 p {
  display: inline;
  font-size: 16px;
  color: #135eae;
  position: absolute;
  right: 16px;
}

h3 {
  font-size: 20px;
  letter-spacing: -1px;
  border-bottom: 1px dotted #bfd4e9;
  color: #176bc8;
  padding-bottom: 4px;
  /*font-weight: bold;*/
  margin-bottom: 1em;
}

a {
  text-decoration: none;
}

ul li {
  height: 16px;
}

small {
  font-size: 11px;
  color: #999;
}

strong {
  font-weight: bold;
}

small a {
  color: #DC143C;
}

em {
  font-style: italic;
}

input[type="text"] {
  width: 230px;
  border-top: 1px solid #8e8e8e;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  color: #231f20;
  font-size: 12px;
  padding: 3px;
}

textarea {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 12px;
  width: 230px;
  border-top: 1px solid #8e8e8e;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  color: #231f20;
  height: 80px;
  font-size: 12px;
  padding: 3px;
}

label {
  display: block;
  margin-bottom: 6px;
}

form div {
  margin-bottom: 10px;
  *padding-left: 15px !important;
}

/* layout */

#wrapper {
  width: 100%;
}

#main {
  width: 964px;
  margin: 30px auto 0px  auto;
  background: #ffffff url('../img/bg_main.gif') no-repeat left top;
  position: relative;
}

#header {
  padding: 20px 14px 10px 14px;
}

#content {
  padding: 0px 14px 18px 14px;
}

#footer {
  clear: both;
  background: url('../img/bg_footer.png') no-repeat 50% top;
  height: 92px;
  font-size: 11px;
}

/* logo */

#header h1 a {
  display: block;
  text-indent: -9999em;
  background: url('../img/logo.jpg') no-repeat left top;
  width: 267px;
  height: 75px;
  float: left;
}

#header blockquote  {
  float:left;margin-top:22px;padding:0 15px 0 25px;width:460px;
}

#partners {
  width: 165px;
  float: right;
  text-align: center;
}

#partners  h2 {
  margin: 0;
  padding: 0;
  border: 0;
}

/* game: image */

#game {
  min-height: 380px;
  height: 380px;
  height: auto !important;
}

#results {
  bottom:50px;  height:200px;  left:220px;  position:absolute;  width:535px;  z-index:1000;
}

#game_content {
  width: 535px;
  min-height: 350px;
  height: auto !important;
  height: 350px;
  float: left;
  position: relative;
}

.img_content {
  float: left;
  margin: 0px 0px 18px 0px;
  width: auto;
}

.img_content img {
  background: url('../img/ajax-loader.gif') no-repeat 50% 50%;
  max-width: 280px;  max-height: 230px;
}

.ie .img_content img {
  background: url('../img/ajax-loader.gif') no-repeat 50% 50%;
  width: 250px;
}

/* game: points */

#right {
  float: right;
  width: 120px;
}

#water {
  float: right;
  width: 61px;
}

#points {
  float: right;
  background: url('../img/bg_points.gif') no-repeat left top;
  width: 61px;
  height: 106px;
  font-size: 38px;
  color: #ffffff;
  padding: 10px 0px;
  margin: 0px;
  text-align: center;
}

#flash_content{
  float: right;
  width: 120px;
  height: 190px;
  margin: 10px 0 0 0;
  position: relative;
  right: 0px;
}

#bottles {
  background: url('../img/bg_bottles.gif') no-repeat left top;
  width: 61px;
  height: 106px;
  font-size: 38px;
  color: #ffffff;
  padding: 10px 0px;
  margin: 0px 10px;
  text-align: center;
  float: right;
}

/* question frame */

.question {
  width: 235px;
  float: left;
  padding-left: 20px;
  margin-left: 0px;
}

.question ol li {
  list-style: none;
  background: url('../img/checkbox.gif') no-repeat left top;
  cursor: pointer;
  font-size: 11pt;
  padding: 0px 0px 0px 30px;
  margin-bottom: 10px;
  line-height: 16px;
}

.ie .question ol li {
  list-style: none;
  background: url('../img/checkbox.gif') no-repeat left top;
  cursor: pointer;
  font-size: 11pt;
  padding: 0px 0px 0px 30px;
  margin-bottom: 10px;
  line-height: 16px;
}

.gecko .question ol li {
  list-style: none;
  background: url('../img/checkbox.gif') no-repeat left top;
  cursor: pointer;
  font-size: 11pt;
  padding: 0px 0px 0px 30px;
  margin-bottom: 10px;
  height: 16px;
}


.question ol li.hover {
  background-position: left -16px;
}

.question ol li.highlight {
  background-position: left bottom;
}

.tagline_correct {
  background:transparent url(../img/bg_correct_tagline.gif) no-repeat scroll left top;  height:120px;  width:535px;
}

.tagline_error {
  background: url('../img/bg_error_tagline.gif') no-repeat left top;
  height:120px;  width:535px;
}

#tagline {
  /*margin: 20px 0px;*/ margin: 0px;
}

#tagline_img {
  float: left;
  margin: 9px 10px;
  width: 90px;
  height: 94px;
  overflow: hidden;
}

#tagline_img img {
  width: 76px;
  vertical-align: middle;
}

#tagline_content {
  float: left;
  width: 330px;
  height: 100px;
}

#tagline_content h4 {
  font-size: 15px;
  padding: 10px 5px;
}

#tagline_content h5 {
  font-size: 14px;
  padding: 10px 5px;
}

#tagline_content h5 strong {
  padding: 0 5px 0 5px;
}

#tagline_content h5 em {
  padding: 0 5px 0 5px;
}

/* login area */

#login {
  margin: 10px 0px; 
}

#username{
  width: 200px;
  background: url('../img/user.png') no-repeat 2% 50%;
  border-top: 1px solid #8e8e8e;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  color: #231f20;
  font-size: 12px;
  padding: 3px 4px 3px 24px;
}

#password{
  width: 200px;
  background: url('../img/key.png') no-repeat 2% 50%;
  border-top: 1px solid #8e8e8e;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  color: #231f20;
  font-size: 12px;
  padding: 3px 4px 3px 24px;
}

#btnLogin {
  background: #ededed url('../img/door_in.png') no-repeat 8% 50%;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
  font-size: 12px;
  padding: 0px 6px;
  font-family: "Helvetica", Times New Roman, Georgia serif;
  font-weight: bold;
  color: #0983d2;
  line-height: 16pt;
  padding: 4px 14px 4px 24px;
  display: block;
  margin: 10px 0px 0px 0px;
}

#btnLogin:hover {
  border: 1px solid #0983d2;
}

/* administration area */

#frmPanel {
  text-align: left;
  margin: 0px 0px 0px 1px;
}

#btnView:hover, #btnAdd:hover, #btnEdit:hover, #btnDelete:hover  {
  color: #0983d2;
  border: 1px solid #0983d2;
  background-color: #ededed;
  border-bottom: 0;
  cursor: pointer;
}

#panel_administration {
  margin: 20px 0px 0px 0px;
}

#btnView {
  background: #3b7cb2 url('../img/eye.png') no-repeat 6% 50%;
  border-bottom: 1px solid #3b7cb2;
  border-right: 1px solid #225f92;
  border-left: 1px solid #225f92;
  border-top: 1px solid #225f92;
  font-size: 12px;
  padding: 0px 6px;
  font-family: "Helvetica", Times New Roman, Georgia serif;
  font-weight: bold;
  color: #fff;
  line-height: 16pt;
  padding: 4px 10px 4px 24px;
  margin: 10px 3px 1px 30px;
}

#btnAdd {
  background: #3b7cb2 url('../img/add.png') no-repeat 6% 50%;
  border-bottom: 1px solid #3b7cb2;
  border-right: 1px solid #225f92;
  border-left: 1px solid #225f92;
  border-top: 1px solid #225f92;
  font-size: 12px;
  padding: 0px 6px;
  font-family: "Helvetica", Times New Roman, Georgia serif;
  font-weight: bold;
  color: #fff;
  line-height: 16pt;
  padding: 4px 12px 4px 24px;
  margin: 10px 4px 1px 0px;
  display: block;
  float: left;
}

#btnEdit {
  background: #3b7cb2 url('../img/pencil.png') no-repeat 6% 50%;
  border-bottom: 1px solid #3b7cb2;
  border-right: 1px solid #225f92;
  border-left: 1px solid #225f92;
  border-top: 1px solid #225f92;
  font-size: 12px;
  padding: 0px 6px;
  font-family: "Helvetica", Times New Roman, Georgia serif;
  font-weight: bold;
  color: #fff;
  line-height: 16pt;
  padding: 4px 12px 4px 24px;
  margin: 10px 4px 1px 0px;
  display: block;
  float: left;
}

#btnDelete {
  background: #3b7cb2 url('../img/delete.png') no-repeat 6% 50%;
  border-bottom: 1px solid #3b7cb2;
  border-right: 1px solid #225f92;
  border-left: 1px solid #225f92;
  border-top: 1px solid #225f92;
  font-size: 12px;
  font-family: "Helvetica", Times New Roman, Georgia serif;
  font-weight: bold;
  color: #fff;
  line-height: 16pt;
  padding: 4px 11px 4px 24px;
  margin: 10px 3px 1px 0px;
  display: block;
  float: left;
}

#frmPagination {
  position: relative;
  top: 14px;
  left: 180px;
}
span#frmPagination {
  padding: 0px 4px;
}

span#frmPagination a[href="#"] {
  color: #4b4b4b;
  padding: 0px 4px;
  cursor: text;
}

span#frmPagination a {
  color: #DC143C;
  padding: 0px 4px;
}

span#frmPagination a:hover {
  color: #4b4b4b;
}

span#frmPagination small {
  font-size: 12px;
  padding: 0px 16px;
}

#btRows {
  margin: 0;
  color: #4b4b4b;
  position: relative;
  top: 14px;
  left: 385px;
}

/* footer  */

#footer p {
  text-align: center;
  line-height: 1.6em;
  padding-top: 1px;
}

#footer p a {
  color: #135eae;
}

/* other classes  */

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

h2.right span {
  float: left;
}

.right {
  text-align: right;
}

p.ok {
  padding: 10px 10px 10px 22px;
  margin: 10px 14px;
  border: 1px solid #a9df26;
  background: #f3ffed url('../img/tick_small.png') no-repeat 1% 50%;
  color: #090909;
  font-size: 11px;
}

.error {
  width: 204px;
  padding: 10px 10px 10px 16px;
  margin: 10px 0px;
  border: 1px solid #f85757;
  background: #ffeded url('../img/cross_small.png') no-repeat 1% 50%;
  color: #090909;
  font-size: 11px;
}

.hide { 
  display: none;
}

.show { 
  display: block;
}

ol li span { 
  cursor: pointer !important;
}


.clear {
  clear: both;
}

.center {
  text-align: center;
  margin: 20px 0px;
}

#adsense {
  width: 100%;
}

#adsense_content {
  width: 468px;
  height: 60px;
  margin: 0 auto;
}

#ads {
  width: 100%;
  display: none;
}

#ads_content {
  width: 468px;
  height: 60px;
  margin: 0 auto 20px auto;
}

#toptext {
  width: 466px;
  text-align: justify;
  float: left;
  line-height: 1.3em;
  color: #000;
  font-family: Georgia, sans-serif;
}

#toptext span {
  color: #666;
}

#toptext strong.instructions {
  font-family:Arial;font-size:20px;font-weight:normal;letter-spacing:-1px;line-height:1.1em;
}

ul#navigation {
  text-align: center;
  margin: 0;
  padding: 10px 0 0 0;
}

ul#navigation li {
  display: inline;
}

ul#navigation li a  {
  color: #1a569f;
  margin: 0px 3px 0px 3px;
  padding: 0px 3px 0px 3px;
}

ul#navigation li a :hover {
  text-decoration: underline;
}

.entry p {
  margin-bottom: 1em;
  line-height: 1.5em;
}

.entry ul li {
  list-style: disc inside;
  line-height: 1.8em;
  margin: 0px 10px 4px;
}

.entry p a {
  color: #2289cb;
}

#bannerFrame {
  height:68px;
  width:476px;
  overflow:hidden;
}

/*
 * CSS rules added 29.12.2009
 */

#howitworks {
  width: 188px;
  float: left;
  margin: 0 10px 0 -5px;
  padding: 5px;  border: 1px solid #98c8fa;  background: url('../img/sideboxes_bg.png') repeat-x top;  height: 345px;
}

#howitworks h2 {
  border: 0;  margin-left:2px;  margin-top:5px;  color: #1464c8;
}

#howitworks ol {
  padding-left: 20px !important;
}

#howitworks ol li {
 list-style-type: decimal !important;
 list-style-position: outside !important;
 margin-bottom: 10px !important;
}

#tagline-header {
float:left;font-family:arial;font-size:11pt;margin: 10px 0 0 -5px;width: 937px;color: #646464;
}

#gameExtraData {
  width: 181px;
  float: right;  margin: 12px 0 20px 0px;
}#rightBox {  background: url('../img/sideboxes_bg.png') repeat-x top;  border:1px solid #98C8FA;  float:right;  margin:0 -6px 0 0;  padding:5px;  width:181px;  height: 345px;}#rightBox img {  margin: 0pt 0pt 0pt 5px;}
#header h1 {  margin: 0pt 0pt 0pt -12px;}#footerText {  color: #646464;  font-size: 11pt;  font-weight: normal;  text-align: center;  margin-bottom:15px;}.question h3 {  color: #fa6400;  border-bottom: 1px dotted #fa6400;}div.faqItem {  margin-bottom: 5px;}div.faqItem img {  float: left;   width: 20px; }div.faqItem p {  padding-left: 8px;  padding-top: 6px;}.roundedBox,#aboutUsContainer {  background: url('../img/sideboxes_bg.png') repeat-x top;  border:1px solid #98C8FA;  padding: 5px;}#aboutUsContainer div.entry h2 {  color: #000;  border: 0;  font-size: 16px;}#faqContainer h2, h3 {  border-bottom: 0;  margin: 10px 0 0 0;}#faqContainer h2 {  font-size: 19px;}#faqContainer h3 {  font-size: 16px;}
/* EOF; */