§/* Web Design & development by Andreas Loukakis http://www.alou.gr  All Rights Reserved */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
input:focus {outline:0 none}
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;padding: 15px;}
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea {  color: #333;font-family:Tahoma, Geneva, sans-serif;font-size:12px;}
h1, h2, h3, h4, h5, h6 { font-weight: bold;color:#3accb1; }
a, a:active, a:visited { color: #3accb1; }
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:15px;}
h6 {font-size:14px;}
a:hover { color: #213033; }
p {margin-bottom: 10px;}
/********************************* content ***********************************/
ul.menu {text-align:left;}
body{height:100%;width:100%;min-height:600px;min-width:800px;background-color:#d1d1d1;color:#000000;text-align:center;}
#wrapper {text-align:center;width:800px;height:600px;padding:0;background:#ffffff;margin:0 auto;position:relative;}
#wrapperinner {width:760px;height:580px;padding:10px 20px;text-align:center;}
#closeit {position:absolute;top:10px;left:750px;z-index:99;width:45px;height:45px;background:url(../images/button%20klisimo.png) no-repeat;cursor:pointer;}
#prev {z-index:999;position:absolute;left:5px;top:70px;width:70px;height:45px;background:url(../images/button%20proigoumeno.png) no-repeat;cursor:pointer;}
#next {z-index:999;position:absolute;left:750px;top:70px;width:70px;height:45px;background:url(../images/button%20epomeno.png) no-repeat;cursor:pointer;}
#gameinfo {font-size:16px;text-align:center;width:660px;margin:5px auto 0 auto;}
#gamecontent {width:660px;margin:0 auto;}
.clicknext {text-decoration:underline;cursor:pointer;}
#custommessage {display:none;}
#answer {width:634px;height:146px;padding:0px 40px 0px 40px;background:url(../images/lines.png) no-repeat;margin:0 auto;}
#answer12 {}
span.letterbox {display:inline-block;width:75px;height:35px;margin:75px 0 0 0;border-left:2px solid #009ee0;position:relative;z-index:9;padding:0 0 25px 0;}
span.letterbox:last-child {border-right:2px solid #009ee0;}
span.letterboxbig {display:inline-block;width:150px;height:55px;margin:55px 0 0 0;border-left:2px solid #009ee0;position:relative;z-index:9padding:0 0 30px 0;}
span.letterboxbig:last-child {border-right:2px solid #009ee0;}
span.wordbox {display:inline-block;height:30px;margin:75px 5px 0 0;border-left:2px solid #009ee0;position:relative;z-index:9;padding:0 0 25px 0;}
span.wordbox:last-child {border-right:2px solid #009ee0;}
span.xsmall {width:64px}
.small {width:80px}
.medium {width:135px}
.large {width:165px}
.xlarge {width:195px}
span.letterbox.noborder, span.letterboxbig.noborder {border:0 none;}
span.letterbox.vertical, span.letterboxbig.vertical {display:block;height:70px;width:200px;}
span.letterboxbig.nomargin, span.letterbox.nomargin {margin:0;}
span.letterboxbig.leftmargin, span.letterbox.leftmargin {padding:0 0 0 73px;width:99px;margin:0;height:75px;}
span.letterboxbig.leftmarginbig, span.letterbox.leftmarginbig {padding:0 0 0 180px;width:170px;margin:0;height:75px;}
span.intext {display:inline-block;margin:0 10px 0 0;font-size:22px;}
.replacethis {position:absolute;top:-27px;left:-10px;}
#choises {width:620px;margin:0 auto;text-align:left;position:relative;}
#choises.top {height:120px;margin:70px 0 30px 0;text-align:center;}
#choises.top span.letterele {display:block;margin:auto;position:static;text-align:center;}
span.letterele {position:absolute;z-index:10;}
.letterele.zero {left:-80px;}
.letterele.one {left:0px;}
.letterele.onet {left:0px;}
.letterele.two {left:80px;}
.letterele.twot {left:60px;}
.letterele.three {left:160px;}
.letterele.threet {left:120px;}
.letterele.four {left:240px;}
.letterele.fourt {left:180px;}
.letterele.five {left:320px;}
.letterele.fivet {left:240px;}
.letterele.six {left:400px;}
.letterele.sixt {left:300px;}
.letterele.seven {left:480px;}
.letterele.sevent {left:360px;}
.letterele.eight {left:560px;}
.letterele.eightt {left:420px;}
.letterele.ninet {left:480px;}
.letterele.tent {left:540px;}
.letterele.nine {left:0;top:100px;}
.letterele.ten {left:80px;top:100px;}
.letterele.eleven {left:160px;top:100px;}
.letterele.twelve {left:240px;top:100px;}
.letterele.thirteen {left:300px;top:100px;}
.letterele.fourteen {left:360px;top:100px;}
.letterele.fifteen {left:420px;top:100px;}
.letterele.nine.upclose {left:0;top:70px;}
.letterele.ten.upclose {left:80px;top:70px;}
.letterele.eleven.upclose {left:160px;top:70px;}
.letterele.twelve.upclose {left:240px;top:70px;}
.letterele.thirteen.upclose {left:300px;top:70px;}
.letterele.fourteen.upclose {left:360px;top:70px;}
.letterele.sevenb {left:40px;top:80px;}
.letterele.eightb {left:120px;top:80px;}
.letterele.nineb {left:200px;top:80px;}
.letterele.tenb {left:280px;top:80px;}
.letterele.elevenb {left:360px;top:80px;}
.letterele.twelveb {left:440px;top:80px;}
.letterele.onebig {top:-10px;}
.letterele.twobig {left:150px;}
.letterele.threebig {left:300px;}
.letterele.fourbig {left:450px;}
.letterele.threemed {left:250px;}
.letterele.twobigger {left:180px;}
span.letterelev {position:relative;z-index:10;}
#result {position:absolute;bottom:20px;left:50%;margin-left:-100px;font-size:18px;color:green;text-align:center;width:200px;}
.hashints .hint {background:#efefef;}
/*game specific*/
#wrap12 {background:url(../images/game12_back.png) no-repeat;padding:0 0 10px 340px;margin:20px 0 0 20px;height:390px;}
#wrap13 {background:url(../images/game13b_back.png) bottom center no-repeat;padding:30px 0 0 20px;margin:20px 0 0 20px;height:255px;width:700px;}
#wrap14 {background:url(../images/game14b_back.png) bottom center no-repeat;padding:30px 0 0 20px;margin:30px 0 0 20px;height:275px;width:700px;}
#wrap15 {background:url(../images/game15b_back.png) top center no-repeat;padding:0;margin:20px 0 0 20px;height:362px;width:714px;}
#wrap16 {background:url(../images/game16b_back.png) top center no-repeat;padding:0;margin:20px 0 0 20px;height:357px;width:714px;}
#wrap36 {background:url(../images/game30_back.png) bottom center no-repeat;padding:0;margin:0 0 0 20px;text-align:left;height:377px;width:714px;}
#answer2 {background:url(../images/old_game2_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:50px 0 0 10px;height:120px;width:714px;text-align:left}
#answer5 {background:url(../images/old_game5_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:50px 0 0 10px;height:120px;width:714px;text-align:left}
#answer6 {background:url(../images/old_game6_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:30px 0 0 10px;height:120px;width:714px;text-align:left}
#answer7 {background:url(../images/old_game7_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:30px 0 0 10px;height:150px;width:714px;text-align:left;vertical-align:top}
#answer17 {background:url(../images/game17b_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:50px 0 0 10px;height:170px;width:714px;}
#answer18 {width:634px;height:195px;padding:20px 40px 0px 40px;background:url(../images/lines.png) bottom center no-repeat;margin:0 auto;}
#answer21 {width:634px;height:245px;padding:10px 40px 0px 40px;background:url(../images/game21_back.png) bottom center no-repeat;margin:0 auto;text-align:left;}
#answer22 {width:634px;height:225px;padding:0 40px 0px 40px;background:url(../images/game22_back.png) bottom center no-repeat;margin:0 auto;text-align:left;position:relative;}
#answer23 {background:url(../images/game12b_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:180px 0 0 10px;height:240px;width:714px;}
#answer24 {background:url(../images/game13_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:0 0 0 12px;height:160px;width:714px;text-align:left;}
#answer25 {background:url(../images/game14_back.png) top center no-repeat;padding:0 0 0 20px;margin:55px 0 0 12px;height:345px;width:714px;text-align:left;}
#answer26 {background:url(../images/game15_back-b.png) top center no-repeat;padding:0 0 0 20px;margin:20px 0 0 12px;height:130px;width:714px;text-align:left;}
#answer27 {background:url(../images/game16_back.png) top center no-repeat;padding:0 0 0 20px;margin:15px 0 0 12px;height:130px;width:714px;text-align:left;}
#answer28 {background:url(../images/game17_back.png) top center no-repeat;padding:0 0 0 20px;margin:80px 0 0 12px;height:351px;width:714px;text-align:left;}
#answer29 {background:url(../images/game18_back.png) top center no-repeat;padding:0 0 0 20px;margin:80px 0 0 12px;height:130px;width:714px;text-align:left;}
#answer30 {background:url(../images/game24_back.png) top center no-repeat;padding:0 0 0 20px;margin:90px 0 0 12px;height:290px;width:714px;text-align:left;}
#answer31 {background:url(../images/game26_back.png) top center no-repeat;padding:0 0 0 20px;margin:240px 0 0 12px;height:150px;width:714px;text-align:left;}
#answer32 {background:url(../images/game27_back.png) top center no-repeat;padding:0 0 0 20px;margin:10px 0 0 12px;height:380px;width:714px;text-align:left;}
#answer33 {background:url(../images/game28_back.png) top center no-repeat;padding:0 0 0 20px;margin:0px 0 0 12px;height:150px;width:714px;text-align:left;}
#answer34 {background:url(../images/game22b_back.png) top center no-repeat;padding:35px 0 0 80px;margin:40px 0 0 12px;height:350px;width:650px;text-align:left;}
#answer35 {background:url(../images/game23b_back.png) top center no-repeat;padding:0 0 0 80px;margin:80px 0 0 12px;height:350px;width:650px;text-align:left;}
#answer36 {background:url(../images/game25b_back.png) top center no-repeat;padding:0 0 0 80px;margin:30px 0 0 12px;height:250px;width:650px;text-align:left;}
#answer35b {background:url(../images/game29_back.png) bottom center no-repeat;padding:70px 0 0 30px;margin:180px 0 0 45px;height:140px;width:640px;text-align:left;}
#answer37 {background:url(../images/game31_back.png) top center no-repeat;padding:0 0 0 20px;margin:40px 0 0 12px;height:395px;width:714px;text-align:left;}
#answer38 {background:url(../images/game32_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:40px 0 20px 12px;height:370px;width:714px;text-align:left;}
#answer39 {background:url(../images/game34_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:30px 0 0 0;height:401px;width:714px;text-align:left;}
#answer40 {background:url(../images/game35_back.png) top center no-repeat;padding:0 0 0 20px;margin:10px 0 0 0;height:100px;width:714px;text-align:left;}
#answer41 {background:url(../images/game37_back.png) top center no-repeat;padding:0 0 0 20px;margin:30px 0 0 25px;height:420px;width:680px;text-align:left;}
#answer42 {background:url(../images/game38_back.png) top center no-repeat;padding:0 0 0 20px;margin:30px 0 0 20px;height:350px;width:680px;text-align:left;}
#answer43 {background:url(../images/game39_back.png) top center no-repeat;padding:0 0 0 20px;margin:25px 0 0 40px;height:390px;width:680px;text-align:left;}
#answer44 {background:url(../images/game40_back.png) top center no-repeat;padding:0 0 0 20px;margin:25px 0 0 40px;height:390px;width:680px;text-align:left;}
#answer45 {background:url(../images/game41_pic.png) top center no-repeat;padding:0 0 0 20px;margin:30px 0 0 20px;height:360px;width:680px;text-align:left;}
#answer46 {background:url(../images/game42_back.png) top center no-repeat;padding:0 0 0 20px;margin:30px 0 0 20px;height:370px;width:680px;text-align:left;}
#answer47 {background:url(../images/game43_back.png) top center no-repeat;padding:0 0 0 20px;margin:90px 0 0 50px;height:120px;width:680px;text-align:left;}
#answer48 {background:url(../images/game44_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:50px 0 0 10px;height:170px;width:714px;text-align:left}
#answer49 {background:url(../images/game45_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:60px 0 0 10px;height:170px;width:714px;text-align:left}
#answer50 {background:url(../images/game46_back.png) bottom center no-repeat;padding:0 0 0 20px;margin:60px 0 0 10px;height:170px;width:714px;text-align:left}
#answer51 {background:url(../images/game48_back.png) bottom center no-repeat;padding:0 0 0 340px;margin:50px 0 0 10px;height:390px;width:400px;text-align:left}
#answer52 {background:url(../images/game50_back.png) bottom center no-repeat;padding:0 0 0 240px;margin:50px 0 0 10px;height:390px;width:500px;text-align:left}
#write1 {background:url(../images/write_1.png) bottom center no-repeat;margin:80px 0 0 20px;height:447px;width:714px;text-align:left;}
.write input {margin:0;padding:0;border:0;display:inline-block;font-size:22px;width:20px;height:30px;background:transparent;}
.write input.lathos {color:red;}
.write input.getword {display:block;margin:5px 0 0 25px;width:650px;text-align:center}
#write2 {background:url(../images/game36_back_1-2.png) bottom center no-repeat;margin:20px 0 0 20px;height:120px;width:714px;text-align:left;}
#write3 {background:url(../images/game47_back.png) bottom center no-repeat;margin:60px 0 0 20px;height:180px;width:714px;text-align:left;}
#write4 {background:url(../images/game49_back.png) bottom center no-repeat;margin:30px 0 0 20px;height:340px;width:714px;text-align:left;}
#write5 {background:url(../images/game51_back.png) bottom center no-repeat;margin:90px 0 0 20px;height:390px;width:714px;text-align:left;}
#write6 {background:url(../images/game52_back.png) bottom center no-repeat;margin:60px 0 0 20px;height:410px;width:714px;text-align:left;}
.answerchoice {width:40px;height:40px;border:1px solid black;cursor:pointer;box-shadow:0 0 8px #333;background:#ffffff;margin:20px 0 0 0}
.answerchoicecount, .answerchoicecountb {width:22px;height:22px;border:1px solid black;cursor:pointer;box-shadow:0 0 8px #333;background:#ffffff;margin:20px 0 0 0}
.bubbles {margin-top:300px;}
.bubble {display:inline-block;position:relative;cursor:pointer;position:relative;}
span.fouska {font-size:28px;font-weight:700;vertical-align:center;text-align:center;vertical-align:center;z-index:199;display:block;position:absolute;width:0px;height:0px;overflow:hidden;background:url(../images/game_bubble_1.png) no-repeat;padding-top:20px;}
span.fouska.fouska2 {background:url(../images/game_bubble_2.png) top center no-repeat;}
span.fouska.fouska1a {background:url(../images/game_bubble_1a.png) top center no-repeat;}
span.fouska.fouska2a {background:url(../images/game_bubble_2a.png) top center no-repeat;}
span.fouska.fouska3 {background:url(../images/game_bubble_3.png) top center no-repeat;}
span.fouska.fouska3a {background:url(../images/game_bubble_3a.png) top center no-repeat;}
span.fouska.fouska6 {background:url(../images/game62_bubble.png) top center no-repeat;font-size:15px;}
/********************************* B'dimotikou specific ***********************************/
.sortabletxt ul {list-style:none;margin:0 auto;padding:0;display:block;}
.sortabletxt ul li {margin:5px 0 0 0;}
.credits {margin:20px 0 0;}
.sortabletxt.horizontal ul li { float: left; width:170px}
span.leoforeio {display:inline-block;width:70px;height:40px;margin:0;position:relative;z-index:9;padding:0;}
span.leoforeio  img {display:none}
span.leoforeioans, .nostatic {position:relative;z-index:10;display:inline-block}
#leofanswer {margin:10px auto;width:700px;position:relative;height:400px;text-align:left}
/********************************* bottom basic css ***********************************/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#prev, #next, #closeit {display:none}