/* CSS Document */
.thlball {
/*    float: left;
    padding: 7px 3.5px 32px;      */
    padding-top: 3px;
    background: url("../images/balls/ball_thl_playslip_ball.png") no-repeat scroll top center transparent;
    border: 0 none;
    display: inline-block;
    width: 26px;
    background-size:25px 40px;
}

.thlbonusball {
/*    float: right;
    padding: 7px 3px 32px 4px; */
    padding-top: 3px;
    background: url("../images/balls/ball_thl_playslip_bonusball.png") no-repeat scroll top center transparent;
    border: 0 none;
    display: inline-block;
    width: 26px;      
    background-size:25px 40px;
}

.thlballplayline {
/*    float: left;
    padding: 7px 3.5px 32px;      */
    padding: 10px 2px 12px;
    background: url("../images/balls/ball_thl_playslip_ball.png") no-repeat scroll top center transparent;
    border: 0 none;
    display: inline-block;
    width: 40px;
    background-size:40px;
    font-weight       : bold;
    color:#19198D;
}

@font-face {  
    font-family: "Cooper Black";
    src: url('css/COOPBL.eot'); /* IE */
    src: local("Cooper Black"), url('css/COOPBL.TTF') format("truetype"); /* non-IE */
  }

.button {
  font-weight       : bold;
  color             : #000000;
  font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  background        : url('../../images/but.gif');
  white-space       : normal;
  border            : 1px solid #DADDD0;
  padding-bottom    : 3px;
  padding-left      : 4px;
  padding-right     : 4px;
  padding-top       : 2px;
  line-height       : 10px;
  text-decoration   : none 
}

body{
/*background        : url(../images/back_new.png) repeat-x fixed 0 0 transparent !important;*/
background        : url(../images/back_new.jpg) top left repeat-x !important;
font-family         : Arial, sans-serif; 
margin:0px;
padding-top         : 0px;
-webkit-text-size-adjust: none;
}

.dropcontent{
display:block;
}

.undrawn {
  font-size         : 11px;
}

select.euromillions {
letter-spacing:.06em;
font-family:Verdana,Sans-Serif;
width: 36px;
height: 19px;
font-size: 11px;
}

select.euromillionstar {
letter-spacing:.06em;
font-family:Verdana,Sans-Serif;
width: 33px;
height: 19px;
font-size: 11px;
}

select.playline {
letter-spacing:.06em;
font-family:Verdana,Sans-Serif;
width: 40px;
height: 19px;
font-size: 11px;
}

.playvalue {
  width             : 50px;
  height            : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 20px;
  font-weight       : bold;
  border            : 0px solid #E9E9E9;
  background        : #E9E9E9;
  margin-bottom:5px; color:#666666; background-color:#ffffff;
}

td, tr, p, div {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #666666;
}
hr {
  background        : #DADDD0;
  color             : #DADDD0;
  height            : 1px;
  border            : none;
  width             : 100%;
}
.main { 
  float             : left; 
  width             : 100%;
  margin            : 0px; 
  padding           : 0px;
}
.contentdescription { 
  width             : auto !important;
  display           : block;
} 
table.moduletable {
  width             : 100%;
  table-layout      : auto;
}
table.moduletable th {
  font-size         : 11px;
  font-weight       : bold;
  text-transform    : uppercase;
  text-align        : left;
  height            : 22px;
  line-height       : 22px;
  text-indent       : 8px;
  letter-spacing    : 1px;
  color             : #FFFFFF;
  background-image  : url('../images/modul.jpg');
}
table.moduletable td {
  padding-left      : 0px;
  padding-right     : 0px;
  padding-top       : 0px;
  padding- bottom   : 0px;
  margin            : 4px;
}
.back_button {
  color             : #996600;
  font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  background        : url('../images/but.gif');
  white-space       : normal;
  font-weight       : normal;
  border            : 1px solid #DADDD0;
  padding-bottom    : 4px;
  padding-left      : 10px;
  padding-right     : 10px;
  padding-top       : 4px;
  margin-right      : 4px;
  float             : right;
  font-weight       : normal;
  line-height       : 10px;
  text-decoration   : none 
}
.button {
  font-size         : 11px;
  color             : #666666;
  background-color  : #FFF;
  border            : 1px solid #DADDD0;
  margin-bottom     : 5px;
  padding           : 1px;
  background-image  : url('../images/but.gif');
 }
.inputbox {
  border            : 1px solid #CCCCCC;
  background        : #F3F3F3 url('../images/back.gif');
  margin-bottom:5px; color:#666666; background-color:#F3F3F3
}
.sectiontableheader {
  font-size         : 12px;
  font-weight       : bold;
  text-transform    : uppercase;
  letter-spacing    : 1px;
  color             : #FFFFFF;
  background        : #FBFBF9 url('../images/modul.jpg');
  padding:3px; 
}
.sectiontableentry1 {
  padding           : 3px;
  margin            : 3px;
  background        : #F3F3F3;
  border-top        : 1px solid #FFFFFF;
  border-bottom     : 1px solid #DADDD0;
}
.sectiontableentry2 {
  padding           : 3px;
  margin            : 3px;
  border-top        : 1px solid #FFFFFF;
  border-bottom     : 1px solid #DADDD0;
}
a.mainlevel1 {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 175px;
/*  text-indent       : 10px;*/
}
a.mainlevel1:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 175px;
/*  text-indent       : 10px;*/
}
a.mainlevel1:link, a.mainlevel1:visited {
  display           : block;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 2px 0px 2px 0px;
  color             : #025dde;
  width             : 175px;
/*  text-indent       : 10px;*/
  background  : url('../images/mainlevel1.jpg') no-repeat;
}
a.mainlevel1:hover {
  font-size         : 12px;
  color             : #0000a5;
  font-weight       : bold;
  text-decoration   : none;
/*  text-indent       : 10px;*/
  background  : url('../images/mainlevel1a.jpg') no-repeat;
}
a.mainlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 175px;
  text-indent       : 10px;
}
a.mainlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 175px;
  text-indent       : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
  display           : block;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 2px 0px 2px 0px;
  color             : #1A4A88;
  width             : 175px;
  text-indent       : 10px;
  background-color  : #F3F3F3;
}
a.mainlevel:hover {
  font-size         : 12px;
  background-color  : #FBFBF9;  
  color             : #000000;
  font-weight       : normal;
  text-decoration   : none;
  text-indent       : 10px;
}
a.synlevel {
  margin-top        : 1px;
  padding-top       : 0px;
  font-size         : 12px;
  width             : 100px;
  text-indent       : 0px;
}
a.synlevel:link {
  padding           : 0px 0px 0px 0px;
  font-size         : 12px;
  width             : 100px;
  text-indent       : 0px;
}
a.synlevel:link, a.synlevel:visited {
  display           : block;
  font-size         : 12px;
  font-weight       : normal;
  padding           : 0px 0px 0px 0px;
  color             : #1A4A88;
  width             : 100px;
  text-indent       : 0px;
/*  background-color  : #F3F3F3;*/
}
a.synlevel:hover {
  font-size         : 12px;
/*  background-color  : #FBFBF9;    */
  color             : #000000;
  font-weight       : normal;
  text-decoration   : none;
  text-indent       : 0px;
}
#active_menu {
  color             : #025dde;
  font-weight       : bold;
  background-color  : #FBFBF9;
}
a#active_menu:hover {
  color             : #0000a5;
  background-color  : #FBFBF9;
}
a:link, a:visited, a {
  font-size         : 11px;
  color             : #025dde;
  text-decoration   : none;
  font-weight       : bold;
}
a:hover {
  font-size         : 11px;
  color             : #0000a5;
  text-decoration   : none;
  font-weight       : bold;
}
table.moduletable th a {
  color             : #ffffff;
}
a.category:link, a.category:visited {
  font-weight       : bold;
}
a.play:link, a.play:visited {
  font-weight       : bold;
  color             : #000000;
  font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  background        : url('../images/but.gif');
  white-space       : normal;
  border            : 1px solid #DADDD0;
  padding-bottom    : 3px;
  padding-left      : 4px;
  padding-right     : 4px;
  padding-top       : 2px;
  float             : center;
  line-height       : 10px;
  text-decoration   : none 
}
a.play:hover {
  font-weight       : bold;
  color             : #003366;
  font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  background        : url('../images/but.gif');
  white-space       : normal;
  border            : 1px solid #DADDD0;
  padding-bottom    : 3px;
  padding-left      : 4px;
  padding-right     : 4px;
  padding-top       : 2px;
  float             : center;
  line-height       : 10px;
  text-decoration   : none 
}
ul {
  margin            : 2px;
  padding-left      : 10px;
  list-style        : none;
}

table.contenttoc {
  border: 1px solid #FFF;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
    color: #666666;
    text-align: left;
    padding-top: 2px;
    padding-left: 4px;
    height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}
.pagenavcounter {
  font-size         : 10px;
  color             : #666666;
}
.pagenavbar {
  border-top        : 1px solid #999999;
  padding           : 2px;
}
.pagenav {
  font-weight       : bold;
  color             : #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
  text-decoration   : none;
}
a.pagenav:hover {
  text-decoration   : none;
}
.date {
  font-size         : 10px;
  color             : #8BACDA;
  padding-top       : 7px;

}
.small {
  font-size         : 10px;
  color             : #666666;
}
.postedby {
  font-size         : 10px;
  color             : #CCCCCC;
}
.smalldark {
  font-size         : 10px;
  color             : #666666;
}
.createdate, .modifydate {
  font-size         : 10px;
  color             : #CCCCCC;
}
.content_vote {
  font-size         : 10px;
  height            : 22px;
  padding-top       : 2px;
  padding-bottom    : 2px;
}
.content_rating {
  font-size         : 10px;
  color             : #666666;
}
.pathway {
  font-size         : 10px;
  color             : #8BACDA;
  padding-top       : 1px;
}
a.pathway:link, a.pathway:visited {
  font-size         : 10px;
  color             : #8BACDA;
}
a.pathway:hover {
  font-size         : 10px;
  color             : #FFF;
}
table.content{
  width             : 100%;
  padding           : 0px;
  border-collapse   : collapse;
  border-spacing    : 0px;
  margin-bottom     : 10px;
}
table.contentpane {
  width             : 100%;
  padding           : 5px;
  border-spacing    : 0px;
  margin-bottom     : 5px;
}
table.contentpaneopen {
  width             : 100%;
  padding-left      : 5px;
  padding-right     : 5px;
  border-spacing    : 0px;
  margin-bottom     : 5px;
}
.pollstableborder{
  border-color      : #666666;
}
.contentheading {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 16px;
  font-weight       : bold;
  font-style        : inherit;
  text-transform    : uppercase;
  text-align        : left;
  color             : #1A4A88;
  width             : 100%;
  background-image  : url('../images/headline.gif');
}
.componentheading {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 16px;
  font-weight       : bold;
  text-transform    : uppercase;
  text-align        : left;
  line-height       : 21px;
  color             : #1A4A88;
  width             : 100%;
  background-image  : url('../images/headline.gif');
}
.contentpagetitle {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 16px;
  font-weight       : bold;
  text-transform    : uppercase;
  text-align        : left;
  color             : #1A4A88;
  width             : 100%;
  }
a.contentpagetitle:link, a.contentpagetitle:visited {
  font-size         : 16px;
  color             : #1A4A88;
  text-decoration   : none;
  font-weight       : bold;
}
a.contentpagetitle:hover {
  font-size         : 16px;
  color             : #0066FF;
  text-decoration   : none;
  font-weight       : bold;
}
.title {
  font-family       : Arial, Verdana, Geneva,  Helvetica, sans-serif;
  font-weight       : bold;
  text-transform    : uppercase;
  font-size         : 20px;
  text-align        : left;
  color             : #FFFFFF;
}
.title a:link, .title a:visited {
  font-weight       : bold;
  text-transform    : uppercase;
  font-size         : 20px;
  color             : #FFFFFF;
}
.title a:hover {
  font-weight       : bold;
  text-transform    : uppercase;
  font-size         : 20px;
  color             : #CCCCCC;
}
ul#mainlevel-nav {
  list-style        : none;
  padding           : 0;
  margin            : 0;
  font-size         : 0.8em;
}
ul#mainlevel-nav li {
  background-image  : url('none');
  padding-left      : 0px;
  padding-right     : 0px;
  float             : left;
  margin            : 0;
  font-size         : 11px;
  line-height       : 21px;
  white-space       : nowrap;
  border-right:medium none;
}
ul#mainlevel-nav li a {
  display           : block;
/*  padding-left      : 15px; */
  padding-right     : 15px;
  text-decoration   : none;
  color             : #B5CAE7;
  background        : transparent;
}
ul#mainlevel-nav li a:hover {
  color             : #FFFFFF;
}
a#klick {
  position          : absolute;
  left              : 0;
  top               : 0;
  display           : block;
  height            : 100px;
  width             : 100px;
  background        : url(../images/247shock.png) top left no-repeat !important;
  background        : none;
  text-indent       : -999em;
  text-decoration   : none;
  cursor            : hand;
}
#navcontainer {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  margin            : 0px 0px 0px 0px;
  padding           : 0px 0px 0px 0px;
  width             : auto;
  height            : 28px;
}
#navlist {
  margin            : 0px;
  padding           : 0px 0px 0px 0px;
}
#navlist ul, #navlist li {
  display           : inline;
  list-style-type   : none;
}
#navlist a:link, #navlist a:visited {
  border-right      : 1px solid #cccccc;
  padding           : 5px 10px 5px 10px;
  float             : left;
  font-weight       : bold;
  line-height       : 14px;
  margin            : 0px;
  text-decoration   : none;
  color             : #333333;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
  color             : #0066FF;
}
#navlist a:hover {
  color             : #0066FF;
}
#subbox {
  font-family       : Arial, Helvetica, sans-serif;
  
  font-size         : 10px;
/*  height            : 18px;*/
  width             : auto;
}
#subnavlist {
  margin            : 0px;
  padding           : 0px;
}
#subnavlist ul, #subnavlist li {
  margin            : 0px;
  padding           : 0px;
  display           : inline;
  list-style-type   : none;
}
#subnavlist a:link, #subnavlist a:visited {
  float             : left;
  font-weight       : normal;
  line-height       : 16px;
  text-decoration   : none;
  color             : #99CCFF;
  background        : url('../images/line.gif') no-repeat 9px 3px; padding-left:18px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
#subnavlist a:link#subcurrent, #subnavlist a:visited#subcurrent, #subnavlist a:hover {
  color             : #FFF;
}
a.sublevel:link, a.sublevel:visited {
  padding-left      : 10px;
  vertical-align    : middle;
  font-size         : 11px;
  font-weight       : bold;
  color             : #003366;
  text-align        : left;
}
a.sublevel:hover {
  color             : #0066FF;
  text-decoration   : none;

}
.footer {
  font-family       : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color             : #888888;
  font-size         : 12px;
  font-weight       : normal;
}
.footer a:link, .footer a:visited {
  font-size         : 12px;
  color             : #025dde;
  text-decoration   : none;
  font-weight       : normal;
}
.footer a:hover {
  font-size         : 12px;
  color             : #0000a5;
  text-decoration   : none;
  font-weight       : normal;
}
.highlight {
  background-color  :#FFFFFF;
}
div.mosimage {
  border            : 1px solid #ccc;
}
.mosimage {
  border            : 1px solid #cccccc;
  margin            : 5px
}
.mosimage_caption {
  margin-top        : 2px;
  background        : #efefef;
  padding           : 1px 2px;
  color             : #666;
  text-transform    : normal;
  font-size         : 10px;
  border-top        : 1px solid #cccccc;
}

#pageflip {
    position: relative;
    right: 0; top: 0;
    float: right; 
    z-index: 99998;
}

@media only screen and (max-device-width: 480px) {
#pageflip {
    visibility: hidden;
    display: none;
}
  }

#pageflip img {
    width: 112px; height: 112px;
    z-index: 99999;
    position: absolute;
    right: 0; top: 0;
    -ms-interpolation-mode: bicubic;
}
#pageflip .msg_block_promo {
    width: 112px; height: 108px;
    overflow: hidden;
    position: absolute;
    right: 0; top: 0;
    background: url(/images/page_flip.jpg) no-repeat right top;
}