* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: tahoma, verdana, serif;
	font-size: 11px;
}

html, body {
	text-align: center;
	background: #2b75af url('gfx/bg.jpg') 50% 0 no-repeat;
	color: #555;
	font-size: 11px;
}

a, .enh {
	text-decoration: none;
	color: #2b75af;
}

br.clear {
	clear: both;
}

a:hover {
	text-decoration: underline;
}

h2 {
	font-size: 15px;
	margin-bottom: 13px;
	font-family: arial, tahoma, verdana, serif;
}

.typeface-js {
	color: #0e2b2f;
}

h2.typeface-js {
	font-family: Anivers;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
}

div.content_box {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#top {
	min-width: 1000px;
	height: 86px;
	text-align: center;
}

#small_links {
	position: absolute;
	left: 355px;
	top: 32px;
}

#small_links a {
	color: #fff;
	float: left;
	margin-right: 20px;
	height: 24px;
	line-height: 24px;
	display: block;
	padding-left: 20px;
}

#small_links a.glowna { background: url('gfx/small_icons.gif') 0 8px no-repeat; }
#small_links a.mapa { background: url('gfx/small_icons.gif') 0 -10px no-repeat; }
#small_links a.kontakt { background: url('gfx/small_icons.gif') 0 -30px no-repeat; }
#small_links a.rss {
	padding-left: 10px;
	padding-right: 45px;
	background: url('gfx/rss.gif') right 0 no-repeat;
}
#small_links a.rss:hover {
	background-position: right -24px;
}

#search_box {
	position: absolute;
	height: 24px;
	width: 197px;
	top: 32px;
	right: 0;
	background: url('gfx/search.gif') no-repeat;
}
#search_box input { position: absolute; }
#search_box input.field {
	background: #d9eef4;
	color: #555;
	left: 5px;
	width: 117px;
	top: 5px;
}
#search_box input.button {
	width: 55px;
	text-align: center;
	padding: 0 0 4px 0;
	height: 24px;
	line-height: 23px;
	background: url('gfx/search_btn.gif') no-repeat;
	color: #54380c;
	font-weight: bold;
	left: 137px;
	cursor: pointer;
}
#search_box input.button:hover {
	background-position: 0 -24px;
}

div.content_box {
	position: relative;
}

#logo {
	display: block;
	width: 173px;
	height: 62px;
	background: url('gfx/logo.gif') no-repeat;
	position: absolute;
	left: 5px;
	top: 14px;
}

#logo span {
	display: none;
}

#main, #submain {
	min-width: 1000px;
	background: url('gfx/main_bg.gif') 50% top repeat-y;
	text-align: center;
}

#main #nav {
	height: 100px;
	background: url('gfx/menu_bg.png') 50% top no-repeat;
}

#main.submenu #nav {
	height: 109px;
	background: url('gfx/menu_sub.png') 50% top no-repeat;
}

#main.submenu {
	background: transparent;
}

#submain {
	margin-top: 12px;
	background: url('gfx/sub_bg.gif') 50% top repeat-y;
	position: relative;
}

#submain #topframe {
	background: url('gfx/sub_topframe.png') 50% top no-repeat;
}

#submain #bottomframe {
	background: url('gfx/sub_bottomframe.png') 50% top no-repeat;
	height: 19px;
}

#main #tabs {
	width: 850px;
	height: 36px;
	position: absolute;
	left: 75px;
	top: 17px;
	overflow: hidden;
	background: url('gfx/menu_bg.png') -84px -17px no-repeat;
}

#main #tabs a {
	float: left;
	display: block;
	height: 36px;
	margin-right: 1px;
	position: relative;
	left: 1px;
	z-index: 5;
	cursor: pointer;
}
#main #tabs a.m1 { width: 101px; }
#main #tabs a.m2 { width: 107px; }
#main #tabs a.m3 { width: 105px; }
#main #tabs a.m4 { width: 77px; }
#main #tabs a.m5 { width: 94px; }
#main #tabs a.m6 { width: 103px; }
#main #tabs a.m7 { width: 71px; }
#main #tabs a.m8 { width: 71px; }
#main #tabs a.m9 { width: 111px; }
#main #tabs a span { display: none; }

#main #tabs div.tab {
	position: absolute;
	height: 36px;
	width: 50px;
	top: 36px;
	left: 0;
	z-index: 3;
	background: url('gfx/menu.png') 0 no-repeat;
}

#main .subtabs, #main .whitetabs {
	position: absolute;
	width: 970px;
	left: 10px;
	height: 44px;
	z-index: 5;
	top: 112px;
}

#main .subtabs a, #main .whitetabs a {
	display: block;
	float: left;
	margin-right: 30px;
	height: 30px !important;
	height: 44px;
	padding-top: 14px;
	font-size: 15px;
	position: relative;
	z-index: 5;
}

#main .whitetabs, #main .whitetabs a {
	z-index: 3;
}

#nav div.content_box {
	height: 84px;
	overflow: hidden;
}

div.submenu #nav div.content_box {
	height: 94px;
}

#main .subtabs a canvas, #main .whitetabs a canvas {
	position: relative;
	top: 3px;
}

#main .subtabs a.typeface-js, #main .whitetabs a.typeface-js {
	font-family: Anivers;
	font-weight: normal;
	/* color: #052b38; */
	color: #fff;
	text-decoration: none;
}

#main .subtabs a.selected {
	/* color: #fff; */
	color: #052b38;
	height: 40px !important;
	height: 54px;
}

#main .subtabs span.arrow {
	position: absolute;
	height: 10px;
	width: 10px;
	top: 44px;
	left: 0;
	background: url('gfx/selected.gif') no-repeat;
}

#main .whitetabs a.typeface-js {
	/* color: #fff; */
	color: #052b38;
}

#main #flash {
	height: 287px;
	background: url('gfx/flash.jpg') 50% top no-repeat;
}

#main #bottom_box {
	padding-top: 4px;
	height: 285px !important;
	height: 289px;
	background: url('gfx/main_bottom_box.png') 50% bottom no-repeat;
}

/*
 * GLOWNA
 */

div.separator {
	position: absolute;
	width: 1px;
	height: 216px;
	background: url('gfx/separator.gif') repeat-y;
	top: 33px;
	left: 250px;
}

div#sep_right.separator {
	left: auto;
	right: 375px;
}

div.bottom_content_box {
	position: absolute;
	top: 30px;
	width: 200px;
	height: 220px;
	left: 33px;
}

div.ad {
	padding: 5px 0 15px 0;
	line-height: 16px;
}

div.ad p {
	font-weight: bold;
}

div#news.bottom_content_box {
	left: 280px;
	width: 315px;
	background: url('gfx/news_icon.gif') 0 45px no-repeat;
}

div#news div.news_item { padding: 13px 0 0 60px; }
div#news div.news_item h3, div#news div.news_item h3 a { color: #2b75af; }
div#news div.news_item span, span.date { color: #a8a8a8; }
div#news div.news_item p { line-height: 15px; padding-top: 2px; }

div#user.bottom_content_box {
	left: 654px;
	width: 315px;
	background: url('gfx/user_icon.gif') 0 54px no-repeat;
}

div#user fieldset, div#user div.lined {
	position: absolute;
	left: 62px;
	top: 45px;
	width: 250px;
	height: 113px;
	background: url('gfx/login_line.gif') 0 bottom no-repeat;
}

div#user div.lined {
	height: auto !important;
	height: 20px;
	min-height: 20px;
}

div#user div.user_foot {
	position: absolute;
	left: 62px;
	top: 200px;
	width: 250px;
	height: 24px;
}

div#user div.lined {
	background: url('gfx/lined.gif') 0 1px repeat;
	padding-top: 1px;
	line-height: 20px;
}

div#user div.row, div.user div.row, div.paper_box div.row, div.paper_box div.textarea_row, div.paper_box div.textarea_row_small {
	height: 24px;
	margin-bottom: 10px;
	background: url('gfx/login_field.gif') right 0 no-repeat;
	position: relative;
	z-index: 3;
}

div.paper_box div.submit_row, div.paper_box div.checkbox_row {
	height: 40px;
	z-index: 1;
}

div.paper_box div.checkbox_row {
	padding-left: 170px;
	position: relative;
}

div.paper_box div.checkbox_row input {
	position: absolute;
	left: 150px;
	top: 2px;
	height: 16px;
	width: 14px;
}

div.paper_box div.row, div.paper_box div.textarea_row, div.paper_box div.textarea_row_small  {
	height: 46px;
	margin: 0;
	position: relative;
	top: -3px;
	background-position: 150px 0;
}

div.paper_box div.row2 {
	background-position: 300px 0;
}

div.paper_box div.textarea_row {
	height: 240px;
	background-image: url('gfx/textarea.gif');
}

div.paper_box div.textarea_row_small {
	height: 66px;
	background-image: url('gfx/textarea_small.gif');
}

div.paper_box div.textarea_error {
	background-image: url('gfx/textarea_error.gif');
}

div.paper_box div.error {
	background-image: url('gfx/error_field.gif');
}

div.paper_box span.error {
	position: absolute;
	left: 335px;
	height: 20px;
	line-height: 20px;
	top: 3px;
	color: #da0101;
	display: none;
}

div.paper_box div.row_check span.error {
	position: relative;
	left: 0px;
	top: 0px;
	height: 20px;
	line-height: 20px;
	color: #da0101;
	display: none;
}

div.paper_box div.error span.error, div.paper_box div.error2 span.error {
	display: block;
}

div#user div.row input.field, div.user div.row input.field, div.paper_box div.row input.field {
	position: absolute;
	background: #faf8f5;
	color: #555;
	right: 5px;
	top: 5px;
	width: 152px;
}

div.paper_box div.textarea_row textarea,div.paper_box div.textarea_row_small textarea {
	position: absolute;
	top: 5px;
	height: 216px;
	width: 390px;
	background: #faf8f5;
	color: #555;
}

div.paper_box div.textarea_row_small textarea {
	height: 40px;
}

div.paper_box div.row input.field, div.paper_box div.textarea_row textarea, div.paper_box div.textarea_row_small textarea {
	right: auto;
	left: 155px;
}

div.paper_box div.row2 input.field{
	right: auto;
	left: 305px;
}

div.paper_box div.row label, div.paper_box div.textarea_row label, div.paper_box div.textarea_row_small label {
	position: relative;
	top: 3px;
	font-weight: bold;
}

#login_button, div.paper_box input.submit {
	width: 73px;
	text-align: center;
	padding: 0 0 4px 0;
	height: 24px;
	line-height: 23px;
	background: url('gfx/login_btn.gif') no-repeat;
	color: #54380c;
	font-weight: bold;
	cursor: pointer;
	position: absolute;
	top: 68px;
	right: 0;
	z-index: 1;
}

div.paper_box input.submit {
	position: relative;
	top: -3px;
	left: 150px;
}

div.paper_box div.row input.submit {
	position: absolute;
	top: 0;
	left: 330px;
}

div.paper_box div.row2 input.submit {
	left: 480px;
}

div.user fieldset {
	margin: 15px 0 10px 0;
	position: relative;
	height: 113px;
	background: url('gfx/login_line.gif') 0 bottom no-repeat;
}
#login_button:hover, div.paper_box input.submit:hover {
	background-position: 0 -24px;
}

div#user label, div.user label {
	height: 24px;
	line-height: 24px;
}

div#user a.more {
	position: absolute;
	left: 62px;
	bottom: 10px;
}

div#user div.lined a.more:hover {
	background-position: 0 -48px;
}

div#user input.check, div.user input.check {
	position: absolute;
	left: 0;
	top: 75px;
	width: 16px;
	height: 16px;
}

div#user label.remember, div.user label.remember {
	position: absolute;
	left: 22px;
	top: 69px;
	color: #2b75af;
	cursor: pointer;
}

div#user label.remember:hover {
	text-decoration: underline;
}

div#user a.remind {
	bottom: 35px;
}

a.more {
	display: block;
	background: url('gfx/link_more.gif') 0 0 no-repeat;
	padding-left: 23px;
	line-height: 15px;
	height: 15px;
}

a.more:hover {
	background-position: 0 -50px;
}

a.new_msg_link {
	position: absolute;
	left: 475px;
	top: 21px;
}

div#news a.more {
	position: absolute;
	left: 60px;
	bottom: 10px;
}

/*
 * PODSTRONY
 */

div.content_box {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	padding-top: 13px;
}
 
div.paper_box {
	width: 690px !important;
	width: 730px;
	min-height: 500px;
	padding: 30px 20px;
	height: auto !important;
	height: 500px;
	background: url('gfx/paper.gif') repeat-y;
	position: relative;
}

div.paper_box h2 {
	position: relative;
	z-index: 5;
}

div.sub_paper_box {
	margin-top: 9px;
	min-height: 0px;
	height: auto !important;
}

div.sub_paper_box div.pointer {
	position: absolute;
	z-index: 10;
	top: -3px;
	left: 357px;
	width: 16px;
	height: 11px;
	background: url('gfx/slownik_point.gif') no-repeat;
}

div.small_paper_box {
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

div.paper_forum {
	background: #f1ece4;
}

div.paper_box div.paper_top {
	background: url('gfx/paper_top.png') no-repeat;
	width: 730px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
}

div.paper_box div.paper_background {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 300px;
	height: 300px;
	z-index: 6;
}

div.paper_box div.dzial_kontakt {
	background: url('gfx/dzial-kontakt-dlugopis.png') no-repeat right 25px;
}

div.paper_box div.dzial_panel {
	background: url('gfx/underground3.png') no-repeat right 25px;
}

div.paper_box div.dzial_slownik {
	background: url('gfx/dzial-slownik-ksiazka.png') no-repeat right 25px;
}

div.paper_forum div.paper_top {
	background: url('gfx/paper_forum_top.gif') no-repeat;
}

div.forum_bar {
	height: 20px;
	position: relative;
	top: -20px;
	font-weight: bold;
}

div.forum_bar span {
	font-weight: normal;
	padding: 0 10px;
}

div.forum_bar_bottom {
	top: 0;
	height: 40px;
}

div.forum_bar a.button {
	position: absolute;
	bottom: auto;
	left: auto;
	top: -3px;
	right: 0;
}

div.forum_bar_bottom a.button {
	top: auto;
	bottom: -2px;
}

div.paper_box div.title_icon {
	width: 40px;
	height: 40px;
	float: left;
	position: relative;
	top: -10px;
	margin-bottom: -10px;
}

div.paper_box div.news_title_icon {
	background: url('gfx/news_icon.gif') no-repeat;
	height: 33px;
}

div.paper_box div.mail_title_icon {
	background: url('gfx/mailbig_icon.gif') no-repeat;
	position: relative;
}

div.paper_box div.mail_title_icon span {
	display: block;
	position: absolute;
	width: 16px;
	height: 17px;
	left: 18px;
	top: 0;
	line-height: 17px;
	font-weight: 11px;
	color: #fff;
	text-align: center;
}
div.paper_box div.paper_footer {
	position: relative;
	z-index: 4;
	height: 30px;
	padding: 10px 0;
}
div.paper_box div.paper_footer a.button{
	float: left;
	margin-right: 20px;
	cursor: pointer;
}
div.paper_box div.paper_footer div.smile_wynik {
	width: 144px;
	height: 62px;
	background: url('gfx/smile.png') no-repeat;
	right: 80px;
	line-height: 62px;
	color: #000;
	font-size: 16px;
	font-style: italic;
	font-family: arial, tahoma, verdana, serif;
	padding-left: 55px;
	top: 1px;
	position: absolute;
	display: none;
}
div.paper_box div.paper_footer div.smile_wynik_high {
	display: block;
}
div.paper_box div.paper_footer div.smile_wynik_med {
	display: block;
	background-position: 0 -62px;
}
div.paper_box div.paper_footer div.smile_wynik_low {
	display: block;
	background-position: 0 -124px;
}

div.paper_box div.paper_bottom {
	background: url('gfx/paper_bottom.png') no-repeat;
	width: 730px;
	height: 90px;
	position: absolute;
	bottom: -6px;
	left: 0;
	z-index: 3;
}

div.paper_forum div.paper_bottom {
	background: url('gfx/paper_forum_bottom.png') no-repeat;
}

div.paper_box div.lined {
	width: 690px;
	background: url('gfx/lined.gif') 0 1px repeat;
	padding-top: 1px;
	line-height: 20px;
	position: relative;
	height: auto !important;
	height: 20px;
	min-height: 20px;
	z-index: 5;
}

div.paper_box div.lined h3.typeface-js {
	height: 40px;
	font-weight: normal;
	font-family: Anivers;
	font-size: 14px;
	position: relative;
}

h3 div.result {
	position: absolute;
	width: 43px;
	height: 38px;
	right: -77px;
	top: 1px;
}

h3 div.result_blad { background: url('gfx/blad.gif') 50% 0 no-repeat; }
h3 div.result_ok { background: url('gfx/ok.gif') 50% 0 no-repeat; }

div.paper_box div.lined a.more {
	display: block;
	height: 20px;
	line-height: 20px;
	background-position: 0 3px;
	float: left;
	clear: both;
}

div.paper_box div.lined a.more:hover {
	background-position: 0 -47px;
}

div.paper_box div.lined div.text {
	width: 590px;
	padding-left: 10px;
	text-align: justify;
}
div.text {
	height: auto !important;
	height: 20px;
	min-height: 20px;
}

#footer {
	min-width: 1000px;
	line-height: 20px;
	padding-top: 10px;
	color: #69a5d4;
	padding-bottom: 80px;
	background: url('gfx/logo_small.gif') 50% 71px no-repeat;
}

div.rightcol {
	position: absolute;
	right: 0;
	top: 13px;
	width: 257px;
}

div.rightcol div.submenu {
	background: url('gfx/submenu_bg.png') no-repeat;
	position: relative;
	margin-bottom: 4px;
}

div.rightcol div.submenu div.padded_box {
	padding: 16px 10px 0 10px;	
}

div.rightcol div.submenu a {
	display: block;
	height: 20px;
	line-height: 19px;
	background: url('gfx/submenu_pos.gif') 11px 0 no-repeat;
	padding-left: 48px;
	font-weight: bold;
}

div.rightcol div.submenu a.noline {
	height: 19px;
}

div.rightcol div.submenu a:hover {
	background-position: 11px -20px;
}

div.rightcol div.submenu a.selected {
	background: url('gfx/submenu_selected.gif') 0 0 no-repeat;
	height: 28px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
	padding-left: 48px;
/*	margin: 15px 0;*/
}

div.rightcol div.submenu a.selected:hover {
	background-position: 0 0;
}

div.rightcol div.submenu a.first { margin-top: 0; }
div.rightcol div.submenu a.last { margin-bottom: 0; }

div.rightcol div.submenu div.bottom, div.rightcol div.user div.bottom {
	width: 257px;
	height: 10px;
	background: url('gfx/submenu_bottom.gif') no-repeat;
	overflow: hidden;
	margin-top: 10px;
}

div.rightcol div.user {
	background: #f1ece4 url('gfx/right_user_top.png') no-repeat;
	position: relative;
}

div.rightcol div.user div.padded_box {
	padding: 20px 20px 10px 20px;
}

div.rightcol div.user div.bottom {
	background-image: url('gfx/right_user_bottom.png');
	margin-top: 0;
}

div.rightcol div.user h2 {
	background: url('gfx/right_user_icon.gif') no-repeat;
	padding-left: 50px;
	padding-top: 10px;
	margin-bottom: 0;
	height: 30px;
	overflow: hidden;
}

div.rightcol div.lined {
	background: url('gfx/lined.gif') 0 1px repeat;
	padding-top: 21px;
	line-height: 20px;
}

div.rightcol a.more, div#user div.lined a.more {
	height: 20px;
	line-height: 20px;
	background-position: 0 2px;
	font-weight: bold;
	padding-left: 35px;
}

div#user div.lined a.more {
	position: relative;
	top: 0;
	left: 0;
}

div.rightcol div.user_menu, div#user div.lined div.user_menu {
	position: relative;
}

div.rightcol  div.user_menu span.counter, div#user div.user_menu span.counter {
	position: absolute;
	right: 0 !important;
	right: 20px;
	top: 0;
	color: #bcb7af;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

div.rightcol  div.user_menu span.counter strong, div#user div.user_menu span.counter strong {
	color: #2b75af;
}

div.rightcol a.more:hover {
	background-position: 0 -48px;
}

div.rightcol div.user_foot {
	height: 43px;
	position: relative;
}

div.rightcol div.column, div#user div.lined div.column {
	width: 103px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

div.user_foot a.settings {
	position: absolute;
	right: 0;
	bottom: 5px;
}

div.user_foot a.logout, a.button {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 83px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	color: #54380c;
	background: url('gfx/logout_btn.gif') no-repeat;
}

a.button {
	position: static;
}

a.navi {

    margin-left:1px;
	margin-right:18px;
	position: static;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	color:  #ffae0d;
	float:left;
	cursor: pointer;
		
}

a.navi_disabled {

	color: #565656;
	cursor: text;
		
}

div.rightcol div.user_foot a.logout:hover, div#user a.logout:hover {
	background-position: 0 -24px;
	text-decoration: none;
}

a.button:hover {
	background-position: 0 -24px;
	text-decoration: none;
}
 
a.disabled_button, a.disabled_button:hover {
	color: #565656;
	background: url('gfx/button_disabled.gif') no-repeat;
}

table.gallery {
	border-collapse: collapse;
	border: 0;
	width: 100%;
	padding: 0;
}

td.foto_frame {
	text-align: center;
	height: 120px;
}

td.foto_frame a {
	display: block;
	line-height: 0;
	margin: 0 auto;
}

td.foto_frame a img {
	border: 1px solid #367bb2;
	padding: 3px;
	background: #fff;
}

#footer a {
	color: #fff;
	padding: 0 5px;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

#footer a.seenet {
	color: #69a5d4;
	padding: 0;
}

table, table.msg, table.lista_testow, table.nauczyciel_grupy, table.nauczyciel_studenci, table.nauczyciel_historia, table.nauczyciel_uczen, table.nauczyciel_student, table.uzytkownik_panel {
	border-collapse: collapse;
	padding: 0;
	margin-left: 10px;
}
table.uzytkownik_panel {
	width: 485px;
}
table.lista_testow span.fav, table.lista_testow span.done, table.lista_testow span.new {
	display: block;
	float: left;
	margin-right: 3px;
	width: 18px;
	height: 17px;
	background: url('gfx/fav_icon.gif') no-repeat;
}
table.lista_testow span.done {
	background: url('gfx/done_icon.gif') no-repeat;
}
table.lista_testow span.new {
	background: url('gfx/new_icon.gif') no-repeat;
	margin-right: 0;
}
table.lista_testow {
	width: 690px;
	margin-left: 0;
}
table.lista_testow td.klucz {
	width: 30px;
	padding-right: 30px;
	text-align: right;
}
table.lista_testow td.tytul {
	width: 450px;
	font-weight: bold;
}
table.lista_testow tr.gray td.tytul, table.lista_testow tr.gray td.tytul a, table.lista_testow tr.gray td.klucz {
	color: #bebbb4;
}
table.lista_testow tr.orange td.tytul, table.lista_testow tr.orange td.tytul a, table.lista_testow tr.orange td.klucz {
	color: #ffae0d;
}
table.lista_testow td.data {
	width: 113px;
	color: #bebbb4;
}
table td, table.msg td, table.lista_testow td, 
table.nauczyciel_grupy td, table.nauczyciel_studenci td,
table.nauczyciel_grupy div, table.nauczyciel_studenci div,
table.nauczyciel_historia td, table.nauczyciel_uczen td,
table.nauczyciel_student td, table.uzytkownik_panel td{
	height: 20px;
}
table.msg td.typeface-js, 
table.nauczyciel_grupy td.typeface-js, 
table.nauczyciel_histioria td.typeface-js, 
table.nauczyciel_uczen td.typeface-js, 
table.nauczyciel_student td.typeface-js {
	font-weight: normal;
	font-family: Anivers;
	font-size: 14px;
	line-height: 1px;
}

table.msg td.lp { width: 50px; }
table.msg td.title { width: 315px; }
table.msg td.person { width: 100px; }
table.msg td.date { width: 135px; }

table.msg td a { font-weight: bold; }
table.msg tr.read td, table.msg tr.read td a { color: #888; }
table.msg td a.msg_title {
	display: block;
	padding-left: 26px;
	background: url('gfx/mail_icon.gif') 0 3px no-repeat;
}
table td.del_col {
	padding-left: 10px;
}
table td.del_col a.del_icon {
	width: 20px;
	height: 20px;
	display: block;
	background: url('gfx/smalldel_icon.gif') 50% -12px no-repeat;
}
table td.del_col a.del_icon:hover {
	background-position: 50% 8px;
}
table.msg tr.read td a.msg_title { background-image: url('gfx/mail_inactive_icon.gif'); }
table.nauczyciel_grupy div.studenci_w_grupie {
	clear: both;
    height: 0px;
    overflow: hidden;
}
table.nauczyciel_grupy div.lp {    width: 50px; float: left; }
table.nauczyciel_grupy div.title {  width: 480px; float: left;  }
table.nauczyciel_grupy div.check {	width: 20px; float: left; position: relative;	}
table.nauczyciel_grupy div.czysty {	height: 0px; overflow: hidden; clear: both;	}
table.nauczyciel_grupy a.grupa_studentow {
    padding-left: 20px;
	font-weight: bold;
	background: url('gfx/nauczyciel-grupa-nosel.gif') no-repeat left top;
}
table.nauczyciel_grupy a.grupa_studentow_selected {
    padding-left: 20px;
    background: url('gfx/nauczyciel-grupa-sel.gif') no-repeat left top;
}
table.nauczyciel_studenci div.lp {    width: 40px; float: left;	}
table.nauczyciel_studenci div.title {   width: 480px; float: left;	}
table.nauczyciel_studenci div.check {	width: 20px; float: left; position: relative;	}
table.nauczyciel_studenci div.czysty {	height: 0px; overflow: hidden; clear: both;	line-height: 0px;}
table.nauczyciel_grupy a.uczen_w_grupie {
    padding-left: 20px;
	font-weight: normal;
    background: url('gfx/nauczyciel-student-icon.gif') no-repeat left top;
}
table.nauczyciel_historia td.klucz {	width: 35px;	}
table.nauczyciel_historia td.uczen {	width: 150px;	}
table.nauczyciel_historia td.grupa {	width: 50px;	}
table.nauczyciel_historia td.zadanie {	width: 175px;	}
table.nauczyciel_historia td.data {	width: 100px; color: #bebbb4;	}
table.nauczyciel_historia td.data2 {	width: 120px; color: #555555;	}
table.nauczyciel_historia td.wynik {	width: 70px; text-align: right;	}
table.nauczyciel_historia div.check {	width: 20px; float: left; position: relative;	}
table.nauczyciel_historia td a {
	font-weight: normal;
}
table.nauczyciel_uczen td.klucz {	width: 50px;	}
table.nauczyciel_uczen td.zadanie {	width: 360px;	}
table.nauczyciel_uczen td.data {	width: 100px; color: #bebbb4;	}
table.nauczyciel_uczen td.data2 {	width: 120px; color: #555555;	}
table.nauczyciel_uczen td.wynik {	width: 60px; text-align: center;	}
table.nauczyciel_uczen td a {
	font-weight: normal;
}
table.nauczyciel_student td.klucz {	width: 50px;	}
table.nauczyciel_student td.zadanie {	width: 450px;	}
table.nauczyciel_student td.data {	width: 100px; color: #bebbb4;	}
table.nauczyciel_student td.data2 {	width: 120px; color: #555555;	}
table.nauczyciel_student td a {
	font-weight: normal;
}

table.nauczyciel_grupy div, table.nauczyciel_studenci div {
	position: relative;
	overflow: hidden;
}

p.typeface-js {
	font-weight: normal;
	font-family: Anivers;
	font-size: 14px;
	height: 20px;
	overflow: hidden;
}
p.mailhead {
	padding-left: 30px;
}
p.mailicon {
	padding-left: 30px;
	background: url('gfx/mail_icon.gif') 0 3px no-repeat;
}
div.maillinks {
	position: absolute;
	width: 220px;
	height: 40px;
	right: 0;
	top: 21px;
}
div.maillinks a {
	font-weight: bold;
	line-height: 20px;
	display: block;
	width: 120px;
	padding-left: 25px;
}
div.maillinks a.mailreply {
	background: url('gfx/mailreply_icon.gif') 0 3px no-repeat;
}
div.maillinks a.maildel {
	background: url('gfx/maildel_icon.gif') 0 3px no-repeat;
}

div.forumBox {
	padding: 20px;
}

table.forum {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #c0d3e1;
}

table.forum td {
	background: #f4f0ea;
	padding: 14px;
	border-collapse: collapse;
	border: 1px solid #c0d3e1;
	line-height: 16px;
	vertical-align: top;
}

table.forum tr.even td {
	background-color: #eaeded;
}

table.forum td.num {
	text-align: center;
}

table.forum td.typeface-js {
	font-family: Anivers;
	font-weight: normal;
	font-size: 16px;
	color: #082f3b;
}

table.forum tr.header td {
	background: url('gfx/forum_head.gif') repeat-x;
	height: 43px;
	padding: 16px 20px 0 20px;
}

table.forum td.category {
	padding-left: 70px;
	background-image: url('gfx/category_odd.gif');
	background-repeat: no-repeat;
	background-position: 16px 16px;
}

table.forum td.topic {
	padding-left: 60px;
	background-image: url('gfx/topic_icon.gif');
	background-repeat: no-repeat;
	background-position: 16px 16px;
}

table.forum a.pointer {
	padding-left: 22px;
	background: url('gfx/pointer.gif') 0 0 no-repeat;
}

table.forum td.highlight {
	background: #dfd;
}

.tree_pole{
	line-height:20px;
	height: 20px;
	padding-left: 32px;
	background: no-repeat left center;
}

.tree_pole a {
	color: #0b3029;
}

.tree_pole a.a_pogrubione {
	font-weight: bold;
}
.tree_koncowy {background-image: url('gfx/tree-last.gif');}
.tree_srodkowy {background-image: url('gfx/tree-center.gif');}
.tree_pusty {background-image: url('gfx/tree-empty.gif');}
.tree_linia {background-image: url('gfx/tree-line.gif');}
.tree_root{padding-left: 0px;}

a.abcoption, a.abcselected  {
	display: block;
	float: left;
	padding: 40px 40px 0 0;
	background: url('gfx/abc.png') 0 11px no-repeat;
	font-weight: bold;
	color: #05313a;
}

a.abc_foto {
	height: 120px;
}

a.abcoption:hover, a.abcselected, span.abcoption:hover, span.abcselected {
	text-decoration: none;
	color: #2b75af;
	cursor: pointer;
}

a.abcselected, span.abcselected {
	background-position: -590px 11px;
}

div.app_intro {
	padding: 20px 10px 40px 90px;
	background: url('gfx/text_icon.gif') no-repeat 25px 35px;
	font-family: Anivers;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
}
div.app_intro_img { background: url('gfx/icon_img.gif') no-repeat 25px 36px; }
div.app_intro_sound { background: url('gfx/icon_sound.gif') no-repeat 25px 35px; }
div.app_intro canvas {
	float: left;
	margin-top: 1px !important;
}

div.application .wypelniacz, #odpowiedzi .wypelniacz {
	padding: 3px 10px;
	color: #2478b4;
	border-bottom: 1px dashed #2478b4;
	font-weight: bold;
}

#odpowiedzi .wypelniacz {
	padding: 2px 10px;
}

#odpowiedzi div.odpowiedz {
	padding: 20px 0 40px 60px;
	background: url('gfx/odp.gif') 0 27px no-repeat;
}

div.download_intro {
	padding: 20px 10px 40px 90px;
	background: url('gfx/download_icon.gif') no-repeat 25px 37px;
	font-family: Anivers;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
}

div.download_intro canvas {
	float: left;
	margin-top: 1px !important;
}
a.file_download_miniaturka {
	width: 70px;
	height: 30px;
	float: left;
}
a.file_download_miniaturka img {
	position: relative;
	top: -1px;
	border: 1px solid #5790bd;
}
a.file_download_normal, a.file_download_gray {
	display: block;
	position: relative;
	line-height: 20px;
	font-weight: bold;
	padding-left: 20px;
	background: url('gfx/download_title_icon.gif') no-repeat left center;
	float: left;
	width: 570px;
}

a.file_download_normal {	color: #2b75af;	}
a.file_download_normal span {	color: #082f3b;	}

a.file_download_gray, a.file_download_gray span, p.file_download_gray {	color: #bfbfbf;	}
 
a.file_download_normal span.gray, a.file_download_gray span.gray {	color: #bfbfbf;	font-weight: normal;	}

a.file_download_normal span.button, a.file_download_gray span.button {
	display: block;
	position: absolute;
	width: 43px;
	height: 38px;
	right: -77px;
	top: 1px;
}

a.file_download_normal span.button {
	padding-top: 18px;
	background: url('gfx/download_small_icon_n.gif') no-repeat center 2px;
	color: #2b75af;
}
a.file_download_gray span.button {
	padding-top: 18px;
	background: url('gfx/download_small_icon_g.gif') no-repeat center 2px;
	color: #bfbfbf;
}

div.uczen_intro {
	padding: 20px 10px 20px 90px;
	background: url('gfx/user_face_icon.gif') no-repeat 25px 37px;
	font-family: Anivers;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
}

div.uczen_intro canvas {
	float: left;
	margin-top: 1px !important;
}

div.uczen_intro span.blue {
	color: #2b75af;
	font-family: Anivers;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
}

div.uczen_intro span.black {
	color: #555555;
	font-family: Anivers;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
}

/*div.uczen_intro span.blue * {
	position:relative;
	left: 10px;
}
*/

div.uczen_intro a.new_msg_link {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	background: url('gfx/link_more.gif') 0 2px no-repeat;
	padding-left: 23px;
	line-height: 20px;
	height: 20px;
}

div.result_box {
width: 600px;
height: 40px;
position: relative;
margin-bottom: 20px;
}

div.result_box span {
    float: left;
}

div.result_box a.more2 {
    background: transparent url(gfx/link_more.gif) no-repeat scroll 0 2px;
    float: right;
    padding-left: 23px;
}

div.result_box a.more2:hover {
    background-position: 0 -48px;
}

#context_box { display: none; }
a.context_link { float: right; font-size: 10px; cursor: pointer; }
span.context_hide { display: none; }

table.cleartable { border-collapse: collapse; }
table.cleartable td { padding: 0 3px; }
div.left_match {
	width: 135px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
	top: -2px;
	margin-top: 20px;
}

div.imgbar {
	text-align: center;
	height: 120px;
}

div.imgbar img, img.fotoborder {
	padding: 3px;
	background: #f1ede4;
	border: 1px solid #5790bd;
}

div.left_match span {
	display: block;
	height: 40px;
	line-height: 24px;
	padding: 0 12px;
	width: 111px;
	background: url('gfx/left_match.gif') no-repeat;
	font-weight: bold;
}

div.right_match {
	width: 140px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 2;
	top: -2px;
	left: -7px;
	margin-top: 20px;
}

div.right_match span {
	display: block;
	height: 40px;
	line-height: 24px;
	padding: 0 12px 0 17px;
	width: 111px;
	background: url('gfx/right_match.gif') no-repeat;
	font-weight: bold;
	cursor: pointer;
}

div.right_match span.drag { background-position: 0 -40px; position: relative; z-index: 5; }


span.styled_select {
    position: absolute;
	display: block;
	height: 19px;
	line-height: 17px;
	z-index: 250;
}


span.styled_select span.select_border {
	display: block;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	z-index: 1;
	border: 1px solid #c2bfba;
	background: #f5f2ed url('gfx/styled-select-back.gif') no-repeat right -2px;
}

span.styled_select span.select_value {
	display: block;
	padding: 0px 22px 0px 5px;
	overflow: hidden;
	line-height: 17px;
	height: 17px;
	font-size: 11px;
	font-family: tahoma,verdana,serif;
	color: #2b75af;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
}

span.styled_select a.select_option {
	display: block;
	padding: 0px 5px 0px 5px;
	overflow: hidden;
	line-height: 17px;
	height: 17px;
	color: #083137;
	font-size: 11px;
	font-family: tahoma,verdana,serif;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}

span.styled_select a.select_option:hover {
	color: #2b75af;
}


span.styled_select span.select_cornet {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 5px; 
	height: 5px; 
	z-index: 2;
}


span.styled_select span.lu_corner {
	left: 0px;
	top: 0px;
	background: url('gfx/styled-select-corner.gif') no-repeat 0px 0px;
}

span.styled_select span.ld_corner {
	left: 0px;
	top: 14px;
	background: url('gfx/styled-select-corner.gif') no-repeat 0px -5px;
}

span.styled_select span.ru_corner {
	right: 0px;
	top: 0px;
	background: url('gfx/styled-select-corner.gif') no-repeat -5px 0px;
}

span.styled_select span.rd_corner {
	right: 0px;
	top: 14px;
	background: url('gfx/styled-select-corner.gif') no-repeat -5px -5px;
}

span.checkbox_styled{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background: url('gfx/styled-check-back.gif') no-repeat 0px 0px;
}

span.checkbox_styled_checked {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background: url('gfx/styled-check-back.gif') no-repeat 0px -20px;
}

div.pakiet {
	width: 370px;
	height: 196px;
	padding: 20px 20px 0 340px;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	text-align: right;
	position: relative;
	
}
div.pakiet_1day { background-image: url('gfx/pakiet_1day.jpg'); }
div.pakiet_1week { background-image: url('gfx/pakiet_1week.jpg'); }
div.pakiet_1month { background-image: url('gfx/pakiet_1month.jpg'); }
div.pakiet_download { background-image: url('gfx/pakiet_download.jpg'); /*margin-bottom: -4px; */}
div.pakiet_school { background-image: url('gfx/pakiet_school.jpg'); margin-bottom: -4px; }

div.pakiet h2.pakiet_head {
	font-size: 12px;
	font-weight: bold;
	color: #00f;
}
div.pakiet_1week h2.pakiet_head { color: #080; }
div.pakiet_1month h2.pakiet_head { color: #c1185b; }
div.pakiet_download h2.pakiet_head { color: #97421b; }
div.pakiet_school h2.pakiet_head { color: #f29f0d; }
div.pakiet p {
	line-height: 20px;
}
div.pakiet h2.cena {
	position: absolute;
	right: 20px;
	bottom: 5px;
}
div.pakiet a.wykup_button {
	position: absolute;
	display: block;
	width: 83px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	right: 115px;
	bottom: 17px;
	cursor: pointer;
	text-decoration: none;
	background: url('gfx/wykup.png') no-repeat;
	color: #205780;
	font-size: 11px;
}
div.pakiet_1week a.wykup_button { background-position: 0 -24px; color: #245400; }
div.pakiet_1month a.wykup_button { background-position: 0 -48px; color: #fff; }
div.pakiet_download a.wykup_button { background-position: 0 -72px; color: #fff; }
div.pakiet_school a.wykup_button { 
	position: absolute;
	display: block;
	width: 120px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	right: 73px;
	bottom: 17px;
	cursor: pointer;
	text-decoration: none;
	background: url('gfx/pakiet_szkoly.png') no-repeat;
	color: #54380c;
	font-size: 11px;
}

table.pakiety_uzytkownika {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
}
table.pakiety_uzytkownika td.pakiet2 {
	width: 48%;
	text-align: left;
	line-height: 20px;
}
table.pakiety_uzytkownika td.pakiet2 h2.pakiet_head {
	font-size: 12px;
	font-weight: bold;
	color: #00f;
	line-height: 20px;
	margin-bottom: 20px;
}
table.pakiety_uzytkownika td.pakiet_1week2 h2.pakiet_head { color: #080; }
table.pakiety_uzytkownika td.pakiet_1month2 h2.pakiet_head { color: #c1185b; }
table.pakiety_uzytkownika td.pakiet_download2 h2.pakiet_head { color: #97421b; }
table.pakiety_uzytkownika td.pakiet_school2 h2.pakiet_head { color: #f29f0d; }
table.pakiety_uzytkownika td.pakiet2 p {
	line-height: 20px;
}
table.pakiety_uzytkownika td.pakiet2 h2.cena {
	line-height: 20px;
	position: relativel;
	left: 17px;
}
table.pakiety_uzytkownika td.pakiet2 a.wykup_button {
	display: block;
	width: 83px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	background: url('gfx/wykup.png') no-repeat;
	color: #205780;
	font-size: 11px;
	float: left;
	margin-bottom: 16px;
	z-index: 10;
	position: relative;
}
table.pakiety_uzytkownika td.pakiet_1week2 a.wykup_button { background-position: 0 -24px; color: #245400; }
table.pakiety_uzytkownika td.pakiet_1month2 a.wykup_button { background-position: 0 -48px; color: #fff; }
table.pakiety_uzytkownika td.pakiet_download2 a.wykup_button { background-position: 0 -72px; color: #fff; }
table.pakiety_uzytkownika td.pakiet_school2 a.wykup_button { 
	display: block;
	width: 120px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	background: url('gfx/pakiet_szkoly.png') no-repeat;
	color: #54380c;
	font-size: 11px;
	float: left;
	margin-bottom: 16px;
	z-index: 10;
	position: relative;
}
table.pakiety_uzytkownika tr.buttons_tr, table.pakiety_uzytkownika tr.buttons_tr td {
	height: 40px;
}

div.match_fotos {
	padding-top: 20px;
}

div.match_fotos a {
	display: block;
	width: 195px;
	height: 120px;
	text-align: center;
	float: left;
}

div.bottom_match {
	height: 60px;
	clear: left;
	position: relative;
	left: 31px;
	top: 5px;
}

div.bottom_match span {
	display: block;
	width: 124px;
	height: 24px;
	padding: 12px 0 0 9px;
	line-height: 24px;
	font-weight: bold;
	float: left;
	background: url('gfx/bottom_match.gif') no-repeat;
	cursor: pointer;
	margin-right: 63px;
}

div.bottom_match span.drag { background-position: 0 -36px; position: relative; }

span.zegarek {
	display: block;
	width: 30px;
	height: 40px;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	position: relative;
	top: -6px;
	background: url('gfx/zegarek.gif') no-repeat;
}

a.play_button, a.play_fiszki, a.pause_button, a.pause_fiszki {
	display: block;
	background: url('gfx/play.gif') no-repeat;
	width: 26px;
	height: 40px;
	float: left;
	margin-right: 5px;
	position: relative;
	top: -4px;
	cursor: pointer;
}
a.play_fiszki { background-image: url('gfx/play_fiszki.gif'); }
a.play_gray { background-image: url('gfx/play_gray.gif'); }
a.pause_button { background-image: url('gfx/pause.gif'); }
a.pause_fiszki { background-image: url('gfx/pause_fiszki.gif'); }
a.pause_gray { background-image: url('gfx/pause_gray.gif'); }

div.input_frame {
	float: left;
	display: block;
	height: 19px;
	width: 200px;
	border-bottom: 1px dashed #2478B4;
}
div.input_frame input {
	background: transparent;
	outline: none;
	color: #2b75af;
	font-weight: bold;
	width: 180px;
	position: relative;
	left: 10px;
	top: 1px;
}
span.wypelniacz input {
	background: transparent;
	color: #2b75af;
	font-weight: bold;
	text-align: center;
}
div.words_to_check span {
	display: block;
	float: left;
	height: 20px;
	margin-bottom: 20px;
	width: 150px;
	padding-left: 40px;
	font-weight: bold;
	cursor: pointer;
	background: url('gfx/styled-check-back.gif') no-repeat;
}
div.words_to_check span.checked {
	background-position: 0 -20px;
}
div.pick_foto span {
	float: left;
	height: 140px;
	margin-right: 16px;
	display: block;
	cursor: pointer;
	position: relative;
	left: 8px;
}
div.pick_foto span img.fotoborder { border-color: #ccc; }
div.pick_foto span.selected img.fotoborder { border: 3px solid #5790bd; padding: 1px; }


div.memory_box {
	float: left;
	width: 147px;
	height: 100px;
	position: relative;
	cursor: pointer;
}
div.memory_box div.memory_img_box {
	position: relative;
	left: 6px;
	top: 5px;
	width: 132px;
	height: 88px;
	background: #fff url('gfx/watermark.jpg') 50% 50% no-repeat;
	border: 1px solid #5790bd;
}

div.memory_box div.memory_img_box div.memory_img {
	position: absolute;
	width: 124px;
	height: 80px;
	left: 4px;
	top: 4px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	visibility: hidden;
}


div.fiszki_box, div.imgdrop_box {
	float: left;
	width: 196px;
	height: 180px;
	position: relative;
}
div.dragndrop div.imgdrop_box div.dropbox {
	position: absolute;
	height: 24px;
	top: 137px;
	left: 8px;
	background: url('gfx/bigdropbox.gif') no-repeat;
	margin: 0;
	width: 160px;
	padding: 0 10px;
}
div.fiszki_box div.fiszki_img_box, div.imgdrop_box div.imgdrop_img_box {
	position: relative;
	left: 8px;
	top: 10px;
	width: 178px;
	height: 118px;
	background: #fff;
	border: 1px solid #5790bd;
}

div.fiszki_box div.fiszki_img_box div.fiszki_img, div.imgdrop_box div.imgdrop_img_box div.imgdrop_img {
	position: absolute;
	width: 170px;
	height: 110px;
	left: 4px;
	top: 4px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	visibility: hidden;
}
div.imgdrop_box div.imgdrop_img_box div.imgdrop_img {
	visibility: visible;
}

div.fiszki_box div.fiszki_text {
	position: absolute;
	font-weight: bold;
	text-align: center;
	width: 196px;
	left: 0;
	bottom: 20px;
}
div.fiszki_box div.input_frame {
	position: absolute;
	bottom: 20px;
	left: 8px;
	width: 170px;
	padding: 0 5px;
	display: none;
}
div.fiszki_box div.input_frame input {
	text-align: center;
	left: 5px;
	width: 160px;
}
table.szukaj {
	margin: 0 auto;
	width: auto;
}
table.szukaj td {
	padding: 00;
	font-size: 16px;
	height: 39px;
	width: 39px;
	text-align: center;
	line-height: 39px;
	font-weight: bold;
}
div.popraw div.word {
	padding: 58px 10px 2px 10px;
	height: 20px;
	position: relative;
	top: 2px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	font-weight: bold;
	background: url('gfx/popraw_bg.gif') 0 bottom repeat-x;
}

div.popraw div.word span.left, div.popraw div span.right {
	display: block;
	position: absolute;
	width: 5px;
	height: 24px;
	bottom: 0;
}

div.popraw div.word span.left {
	left: 0;
	background: url('gfx/popraw_left.gif');
}
div.popraw div.word span.right {
	right: 0;
	background: url('gfx/popraw_right.gif');
}

div.popraw div.word span.cloud {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	line-height: 24px;
	width: 140px;
	padding: 0 5px;
	height: 35px;
	background: url('gfx/cloud.gif');
	top: 15px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

div.popraw div.word span.cloud input {
	font-weight: bold;
	color: #fff;
	background: transparent;
	width: 140px;
	text-align: center;
}

div.dragndrop div.dropbox {
	display: block;
	position: absolute;
	height: 40px;
	line-height: 24px;
	font-weight: bold;
	width: 110px;
	padding: 0 10px 0 14px;
	cursor: pointer;
	position: relative;
	top: -2px;
	margin-right: 10px;
	background: url('gfx/dropbox.gif') no-repeat;
	float: left;
}

div.dragndrop div.dropbox span.numer {
	display: block;
	position: absolute;
	top: 4px;
	left: 3px;
	font-size: 8px;
	line-height: 8px;
	font-weight: normal;
}

div.dragndrop div.dragword {
	float: left;
	clear: left;
	height: 20px;
	font-weight: bold;
	padding-left: 20px;
	background: url('gfx/dragword.gif') 0 3px no-repeat;
	cursor: pointer;
}

div#kuleczka {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	
}

div.kuleczko0 {	
	width: 0px;
	height: 0px;
	background: none;
}

div.kuleczko1 {	
	width: 300px;
	height: 180px;
	background: url('gfx/kuleczko1.gif') no-repeat center top;	
}

div.kuleczko2 {	
	width: 339px;
	height: 180px;
	background: url('gfx/kuleczko2.gif') no-repeat center top;	
}

div.kuleczko3 {	
	width: 304px;
	height: 180px;
	background: url('gfx/kuleczko3.gif') no-repeat center top;	
}
div.kuleczko4 {
	width: 304px;
	height: 180px;
	background: url('gfx/kuleczko4.gif') no-repeat center top;	
}

div.theory_box {
	width: 100px;
	height: 80px;
	float: left;
	background: url('gfx/theory_icon.gif') no-repeat center center;
}