/*
* Style CSS dla ćwiczeń i fotolekcji.
*/
.answerlinks {font-size:12px; color:#A2A2A2;}
.answerlinks a {color:#81ABC5;}
#hintspan {color:#000099;}
table.exerciseblockstable {width:100%;}
td.exerciseblock {margin:4px 0px; padding:13px 10px 13px 11px; border-bottom:1px solid #CCCCCC; vertical-align:top;}
td.exerciseblockfirst {border-top:1px solid #CCCCCC; width:50%;}
td.exerciseblock div.title {font-weight:bold; font-size:16px;}
.exercisesstats {margin-top:10px; font-size:12px; color:#666666;}
.exercisesstats th {font-weight:normal; text-align:left;}
.exercisesstats td a {color:#7D7D7D;}
.exercisesstats .spacer {color:#9FD9FF; padding:0px 2px;}
img.pict {border:0px; cursor:default;}
#xsnazzy {background:transparent;}
#xsnazzy p {margin:0; text-align:center;}
#xsnazzy a, #xsnazzy a:visited {font-weight:bold; color:#0092DF;}
#xsnazzy a.seealso, #xsnazzy a.seealso:visited {color:black; text-decoration:none; font-weight:normal;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#F8F8F8; border-left:1px solid #C4C4C4; border-right:1px solid #C4C4C4;}
.xb1 {margin:0 5px; background:#C4C4C4;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#F8F8F8; border:0 solid #C4C4C4; border-width:0 1px;}
#recordinglayer {margin:3px 0px 20px 0px; text-align:center;}
#recordinglayer a {padding:4px 0px; display:block; text-decoration:none; font-size:16px;}
#recordinglayer #recordinglayerword {display:none; font-weight:bold;}
#picturestable1 {margin:0px; width:910px;}
#picturestable1 td {width:280px; padding:5px 0px 15px 10px; text-align:center;}
#picturestable2 {margin:0px 0px 0px 215px; width:480px;}
#picturestable2 td {width:240px; padding:0px 0px 10px 12px;}
#picturestable3 {margin:auto; width:840px;}
#picturestable3 td {padding:0px; text-align:center;}
#picturestable3 td .maskdashes {padding-top:0px; text-align:left;}
#picturestable3 .picturetextanswer .maskinput {text-align:left;}
#picturestable3 .picturetextanswer .inputgroupdiv table {margin:auto; margin-left:25px;}
a.gamepictlink {display:block; text-align:center; background-color:white; padding:5px; width:200px; border:2px solid #CCCCCC;}
a.gamepictlink:hover {border:2px solid #9E9E9E;}
a.gamepictlink img.pict {cursor:pointer; vertical-align:middle;}
div.plinkovergreen, div.plinkoverred {display:none; position:absolute; z-index:1; width:214px; height:194px; text-align:center; font-weight:bold;}
div.plinkovergreen {background-color:#D9FFD7; opacity:0.7; filter:alpha(opacity=70);}
div.plinkoverred {background-color:#FFCECE; opacity:0.7; filter:alpha(opacity=70);}
div.picturetextanswer {margin:5px 0px 0px 4px;}
div.picturetextanswer a, div.picturetextanswer a:visited, div.picturetextanswer a:hover {text-decoration:none; width:150px; font-size:16px; font-weight:bold; color:#000000;}
div.picturetextanswer a:hover {background-color:#D9F5FF;}
div.maskedwritingfield {background-color:#dffcdf; -moz-border-radius:5px; -webkit-border-radius:5px; width:80%; margin:auto; box-shadow:0 1px 8px rgba(0, 0, 0, 0.25); padding-top:5px; padding-bottom:5px;}
#sentencediv {border:1px solid #C1C1C1; background-color:#F6F6F6; padding:12px; margin:30px 0px;}
#plsentencediv {display:none; margin-top:5px; color:#666666; font-size:12px;}
.dictationMaskedWriting {display:inline; vertical-align:middle; padding-top:7px;}
.dictationMaskedWriting table {margin:0; display:inline-table;}
.dictationMaskedWriting .inputgroupdiv {display:inline;}
.dictationMaskedWriting .maskinputfield {margin:0 -10px 0 0;}
table.fotolessonssplit {width:100%;}
table.fotolessonssplit td {width:50%; vertical-align:top;}
div.fotolessonbox {margin:18px 6px; background-color:#F0F7FF; padding:0px;}
a.fotolessontitle {display:block; color:#FFFFFF; text-decoration:none; padding:4px 6px; font-size:16px; background-color:#4078CC;}
a.fotolessontitle:hover {background-color:#468ECA;}
div.fotolessonboxinactive {background-color:#F4F4F4;}
div.fotolessonboxinactive a.fotolessontitle, div.fotolessonboxinactive a.fotolessontitle:hover {background-color:#797A84; cursor:default;}
span.fotolessontitlesubdescr {font-size:11px; color:#F0F4FB;}
table.fotolessonlinks {font-size:12px;}
table.fotolessonlinks td {padding:4px; vertical-align:top;}
div.fotolessonsinfo {margin-top:10px; border:1px solid #658FD6; padding:7px; font-size:12px; background-color:#F5F8FC;}
#progressinfo {text-align:right; margin-top:8px;}
table.fotolessonpicture {width:100%; height:300px;}
table.fotolessonpicture td {vertical-align:bottom; height:300px; padding:0px; text-align:center;}
div.fotolessonquestion {margin:10px 0px 25px 0px; text-align:center; color:#8188A3; font-weight:bold; font-size:16px;}
div.fotolessonsentence {margin:10px 0px 16px 0px; text-align:center; color:#59617B; font-weight:bold; font-size:18px;}
div.fotolessonsentencetranslation {margin:6px 0px 25px 0px; text-align:center; color:#59617B; font-size:12px;}
div#fotolessonnavilinks {display:none; color:#cccccc; text-align:center; margin:1em 0px; font-weight:bold;}
div.fotolessonquestion {text-align:center; margin:1em; font-weight:bold; color:#666666;}
div.fotolessonanswer {}
div.fotolessonanswer a {display:block; width:99%; padding:8px 8px; text-align:center; text-decoration:none; font-weight:bold; font-size:16px;}
div.fotolessonanswer a, div.fotolessonanswer a:visited {color:#1E47A8;}
div.fotolessonanswer a:hover {background-color:#F1F7FE;}
#picturestablefotolessons {margin:0px auto; width:560px;}
#picturestablefotolessons td {width:280px; padding:5px 0px 15px 10px; text-align:center;}
#picturestablefotolessons td a.gamepictlink, #picturestablefotolessons td div.plinkovergreen, #picturestablefotolessons td div.plinkoverred {margin-left:23px;}