body {
	color: #468BC4;
	font-family: Georgia, Palatino, "Times New Roman", serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #9F5F08 url(/images/lay/main_top2.jpg) no-repeat center 0;
}

body#page, body#page2  {
	color: #517DA2;	
	background-color: #8E5506;
	background: #BEE0FB url(/images/lay/page_brown_bg.gif) repeat-y center 0;
}

body#page div.background,
body#page2 div.background {
	background: #BEE0FB url(/images/lay/page_top.jpg) no-repeat center 0;
}

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

h1 span, 
h2 span, 
h3 span,
h4 span {
	display: none;
}

.wrapFloats {
	overflow:hidden;
}

.grayed {
	color: #C4C4C4 !important;
}


/* forms */
input,
textarea {
	font-family: Georgia, Palatino, "Times New Roman", serif;
	font-size: 13px;
}

#main ul.form {
	margin: 0;
	padding: 0;
}

#main ul.form li {
	list-style: none;
}

#main form label {
	color: #30587C;
	width: 82px;
	height: 20px;
	padding: 6px 10px 0 0;
	text-align: right;
	float: left;
}

#main form label.right {
	width: 385px;
	margin: 0;
	padding: 2px 0;
	text-align: left;
	display: inline;
	float: right;
}

#main form input.textInput {
	width: 270px;
	height: 17px;
	padding: 5px 3px;
	color: #30587C;
	background-color: #FFF;
	border: none;	
}

#main form textarea.textArea {
	width: 400px;
	height: 200px;
	padding: 5px 3px;
	color: #30587C;
	background-color: #FFF;
	border: none;
}

#main form input.short {
	width: 120px;
}

#main form div.description {
	padding: 5px 70px 5px 92px;
}

#main form div.error {
	padding: 5px 50px 0 92px;
	color: red;
}

#main form div.formButtons {
	padding: 9px 0 9px 92px;
}
#main form div.formRow {
	margin-top: 10px;
}

#main form div.formSelectRow label {
	color: #2E597C;
	margin: 20px 0 0 5px;
	padding: 0;	
	text-align: left;
	float: left;
}

#main form div.formSelectRow input {
	margin: 20px 0 0 40px;
	padding: 0;
	float: left;
}

#main form .formSelectRow span {
	color: #2E597C;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

/* layout */
#header {
	margin: 0 auto;	
}

#header div.box {
	width: 1028px;
	height: 139px;
	margin: 0 auto;
}

#header div.box div.top {
	height: 20px;
	color: #D8E9F9;
	position: relative;
	overflow: visible;
	z-index: 1;
}

#header div.box div.top h1.logo {
	width: 238px;
	height: 40px;
	margin: 0;
	top: 24px;
	left: 29px;
	position: absolute;
}

#header div.box div.top h1.logo a {
	width: 238px;
	height: 40px;
	display: block;
	background: transparent url(/images/lay/logo.png) no-repeat 0 0;
}

#header div.box div.top span {
	margin-top: 3px;
	float: right;
}

#header div.box div.top a.topRegister {
	margin: 3px 230px 0 5px;
	float: right;
}

#header div.box div.top a.logout {
	margin: 3px 55px 0 15px;	
	float: right;
}

#header div.box div.top a.profile {
	margin: 3px 15px;
	float: right;
}

#header div.box div.top strong.loginName {
	margin-right: 15px;
	font-weight: bold;
}

#header div.box div.top span.separator {
	color: #7CADD5;
}

#header div.box .loginPanel {
	width: 196px;
	position: absolute;
	right: 30px;
	overflow: visible;
}

#header div.box .loginPanel .loginForm {
	color: #18578A;
	height: 100px;
	padding-top: 5px;
	overflow: hidden;
	background: transparent url(/images/lay/logowanie_tlo.png) no-repeat bottom center;
	display: none;
}

#header div.box .loginPanel .loginForm .loginFormRow {
	height: 24px;
	margin-top: 6px;
	background: transparent url(/images/lay/logowanie_input.png) no-repeat 55px 0;
}

#header div.box .loginPanel .loginForm label {
	margin: 4px 0 0 15px;
	float: left;
}

#header div.box .loginPanel .loginForm .textInput {
	color: #1A5889;
	width: 100px;
	margin: 3px 0 0 13px;
	border: none;
	background-color: transparent;
}

#header div.box .loginPanel .loginForm #topLoginSubmit {
	margin: 6px 0 0 60px;
	float: left;
}


#header div.box .loginPanel .bottom {
	height: 30px;
	cursor: pointer;
	background: transparent url(/images/lay/logowanie_bottom.png) no-repeat top left;
}

#header div.box .loginPanel .bottom img {
	margin: 3px 15px 0 0;
	float: right;
}

#header div.box .loginPanel .bottom img.loginUp {
	display: none;
}

#header div.box .main {
	height: 116px;
	margin-top: 16px;
	margin-left: -10px;
	background: transparent url(/images/lay/main_panel.png) no-repeat bottom left;
}

#header div.box2 {
	width: 1028px;
	height: 400px;
	margin: 0 auto;
}

#header div.box2 img {
	float: left;
}

#header div.box2 h3 {
	height: 290px;
	margin: 0;
	background: transparent url(/images/lay/tutorial.png) no-repeat top left;
}

#header div.box2 a {
	margin: 10px 0 0 80px;
	clear: left;
	float: left;
}


/* top search */
#topSearch {
	width: 300px;
	height: 50px;
	margin: 0 45px 0 0;
	display: inline;
	float: right;	
}

#topSearch #topSearchInput {
	width: 100px;
	height: 15px;
	margin: 25px 5px 0 0;
	color: #1A5889;
	font-size: 11px;
	background-color: transparent;
	border: none;
	float: right;
}

#topSearch #topSearchSubmit {
	width: 53px;
	height: 23px;
	margin-top: 21px;
	float: right;
}


/* info panel */
#header div.box .infoPanel {
	height: 50px;
	clear: both;
	font-size: 12px;
}

#header div.box .infoPanel div {
	height: 30px;
	padding-top: 22px;
	padding-left: 70px;
	float: left;
}

#header div.box .infoPanel div.panel1 {
	width: 150px;
	padding-left: 95px;
}

#header div.box .infoPanel div.panel2 {
	width: 200px;
	padding-left: 70px;
}

#header div.box .infoPanel div.panel3 {
	width: 230px;
	padding-left: 68px;
}

#header div.box .infoPanel div.panel4 {
	width: 120px;
	padding-left: 55px;
}

#header div.box .infoPanel span.number {
	color: #18578A;
	font-weight: bold;
}



/* main */
#main {
}

#main .box .leftColumn {
	width: 507px;
	margin: 0;
	float: left;
}

#main .box .leftColumnWide {
	width: 660px;
	margin: 0;
	float: left;
}

#main .box .rightAdvertColumn {
	width: 310px;
	margin: 0 20px 0 0;
	padding: 15px 0;
	float: right;
}

#main .box .centerColumn {
	width: 507px;
	margin: 0;
	float: left;
}


#main .box {
	width: 1028px;
	margin: 0 auto;
	/*overflow: hidden;*/
	position: relative;
	z-index: 1;
}

/* main page - ranking */
#main .box .ranking {
	width: 715px;
	margin: 5px 0 40px 7px;
	display: inline;
	float: left;
}

#main .box .ranking h3 {
	height: 40px;
	margin: 0;
	background: transparent url(/images/lay/ranking.png) no-repeat top left;
}

#main .box .ranking .border {
	margin-top: -5px;
}

#main .box .ranking .border h4 {
	height: 25px;
	margin:  0 0 0 3px;
}

#main .box .ranking .border .content {
	margin-top: -5px;
	background: transparent url(/images/lay/ranking_border.png) repeat-y -1px 0;
	overflow: auto;
}

#main .box .ranking .border .top {
	height: 29px;
	background: transparent url(/images/lay/ranking_border_top.png) no-repeat top left;
}

#main .box .ranking .border .bottom {
	height: 15px;
	background: transparent url(/images/lay/ranking_border_bottom.png) no-repeat top left;
}

#main .box .ranking .content .new {
	margin-left: 11px;
}

#main .box .ranking .border .new h4 {
	background: transparent url(/images/lay/najnowsze.png) no-repeat top left;
}

#main .box .ranking .content .new a.more {
	width: 183px;
	height: 22px;
	margin: -25px 13px 0 0;
	background: transparent url(/images/lay/zobacz_najnowsze.png) no-repeat top left;
	float: right;
}

#main .box .ranking .content .mostPopular {
	margin-left: 11px;
	padding-top: 15px;
	clear: both;
}

#main .box .ranking .border .mostPopular h4 {
	background: transparent url(/images/lay/najpopularniejsze.png) no-repeat top left;
}

#main .box .ranking .content .mostPopular a.more {
	width: 221px;
	height: 22px;
	margin: -25px 13px 0 0;
	background: transparent url(/images/lay/zobacz_najpopularniejsze.png) no-repeat top left;
	float: right;
}


/* main page - most quizzes */
#main .box .mostQuizzes {
	width: 266px;
	margin: 6px 34px 0 0;
	float: right;
	display: inline;
}

#main .box .mostQuizzes h3 {
	height: 30px;
	margin: 15px 0 0 15px;
	background: transparent url(/images/lay/najwiecej_quizow.png) no-repeat top left;
}

#main .box .mostQuizzes .border {
	margin-top: -5px;
}

#main .box .mostQuizzes .border .content {
	margin-top: -5px;
	padding: 0 12px;
	background: transparent url(/images/lay/most_border.png) repeat-y top left;
	overflow: auto;
}

#main .box .mostQuizzes .border .top {
	height: 23px;
	background: transparent url(/images/lay/most_border_top.png) no-repeat top left;
}

#main .box .mostQuizzes .border .bottom {
	height: 35px;
	background: transparent url(/images/lay/most_border_bottom.png) no-repeat top left;
}

#main .box .mostQuizzes .border .bottom a {
	color: #756031;
	width: 170px;
	margin: 8px 15px 0 0; 
	float: right;
}

#main .box .smallAvatar {
	width: 60px;
	height: 89px;
	margin: 0px 10px 0 10px;
	text-align: center;
	overflow: hidden;
	background: transparent url(/images/lay/av_bg.png) no-repeat top left;
	display: inline;
	float: left;
}

#main .box .smallAvatar img {	
	margin: 1px;	
}

#main .box .smallAvatar a {	
	color: #073B60;
	margin-top: 2px;
	display: block; 
}

/* main page - new users */
#main .box .newUsers {
	width: 266px;
	margin: 0 34px 10px 0;
	display: inline;
	clear: right;
	float: right;
}

#main .box .newUsers h3 {
	height: 26px;
	margin: 10px 0 0 15px;
	background: transparent url(/images/lay/nowi_uzytkownicy.png) no-repeat top left;
}

#main .box .newUsers .border {
	margin-top: -5px;
}

#main .box .newUsers .border .content {
	margin-top: -5px;
	padding: 0 12px;
	background: transparent url(/images/lay/new_border.png) repeat-y top left;
	overflow: auto;
}

#main .box .newUsers .border .top {
	height: 23px;
	background: transparent url(/images/lay/new_border_top.png) no-repeat top left;
}

#main .box .newUsers .border .bottom {
	height: 35px;
	background: transparent url(/images/lay/new_border_bottom.png) no-repeat top left;
}

#main .box .newUsers .border .bottom a {
	color: #3D729A;
	width: 180px;
	margin: 9px 15px 0 0; 
	float: right;
}



/* quizz panels - big */
div.quizzPanelBig {
	width: 174px;
	height: 193px;
	margin: 3px 5px 3px 0;
	padding-left: 170px;
	background: transparent url(/images/lay/quiz_panel_big.png) no-repeat top left;
	float: left;
}

div.quizzPanelBig .big {
	margin: 10px;
	margin-left: -161px;
	float: left;
}

div.quizzPanelBig .small {
	margin: 23px 0 0 4px;
	float: left;
}

div.quizzPanelBig .title {
	color: #18578A;
	height: 45px;
	margin: 10px 5px 13px 0;
	overflow: hidden;	
	display: block;
}

div.quizzPanelBig .stats {	
	overflow: hidden;
}


div.quizzPanelBig .label {	
	height: 15px;
	margin: 0 5px 3px 21px;
	float: left;
}

div.quizzPanelBig .questions {	
	width: 116px;
}

div.quizzPanelBig .resolved {	
	width: 61px;
}

div.quizzPanelBig .see {	
	color: #4B89B8;
	margin-left: 5px;
	float: left;
}

div.quizzPanelBig .value {	
	height: 15px;
	color: #0D3D63;
	margin-bottom: 3px;
	font-weight: bold;
	float: left;
}

div.quizzPanelBig .nick {
	color: #2A6C9C;
	width: 103px;
	height: 27px;
	margin: 20px 6px 0 0;
	padding-top: 6px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	float: right;
}

div.quizzPanelBig .quizzes {	
	color: #2B6D9D;
	width: 83px;
	float: right;
}


/* quizz panels - vertical */

div.quizzPanelVertical {
	width: 182px;
	height: 302px;
	margin: 3px 20px 20px 0;
	background: transparent url(/images/lay/quiz_panel_vertical.png) no-repeat top left;
	float: left;
}


div.quizzPanelVertical .big {
	margin: 14px;
	border: 1px solid #EDE5DA;
	float: left;
}

div.quizzPanelVertical .small {
	display: none;
}


div.quizzPanelVertical .title {
	color: #18578A;
	height: 30px;
	margin: 0 10px 5px 10px;
	text-align: center;
	overflow: hidden;
	clear: both;	
	display: block;
}

div.quizzPanelVertical .addedBy {
	color: #517DA2;
	height: 15px;
	margin: 0 10px 7px 10px;
	font-size: 10px;
	text-align: left;
	overflow: hidden;	
	display: block;
}

div.quizzPanelVertical .addedBy:hover {
	text-decoration: none;
}

div.quizzPanelVertical .stats {
	height: 33px;
	padding-left: 28px;	
	overflow: hidden;
}


div.quizzPanelVertical .label {	
	height: 15px;
	float: left;
}

div.quizzPanelVertical .questions {	
	width: 116px;
}

div.quizzPanelVertical .resolved {	
	width: 61px;
}

div.quizzPanelVertical .value {	
	height: 16px;
	color: #0D3D63;
	margin-left: 5px;
	font-weight: bold;
	float: left;
}

div.quizzPanelVertical .nick {
	display: none;
}

div.quizzPanelVertical .quizzes {	
	display: none;
}

div.quizzPanelVertical .see {	
	color: #4B89B8;
	margin-left: 5px;
	float: left;
}


/* quizz panels - horizontal */
div.quizzPanelHorizontal {
	width: 430px;
	height: 102px;
	margin-top: 10px;
	background: transparent url(/images/lay/quiz_panel_horizontal.png) no-repeat top left;
	float: left;
}


div.quizzPanelHorizontal .big {
	display: none;
}

div.quizzPanelHorizontal .mid {
	margin: 8px;
	border: 1px solid #EDE5DA;
	float: left;
}

div.quizzPanelHorizontal .small {
	display: none;
}


div.quizzPanelHorizontal .title {
	color: #18578A;
	height: 45px;
	padding: 13px 20px 0 0;
	text-align: left;
	overflow: hidden;	
	display: block;
}


div.quizzPanelHorizontal .stats {
	padding: 8px 0 0 0;	
	overflow: hidden;
}


div.quizzPanelHorizontal .label {	
	height: 15px;
	margin-left: 17px;
	float: left;
}

div.quizzPanelHorizontal .questions {	
	width: 116px;
}

div.quizzPanelHorizontal .resolved {	
	width: 90px;
}

div.quizzPanelHorizontal .value {	
	height: 16px;
	width: 30px;
	color: #0D3D63;
	margin-left: 5px;
	font-weight: bold;
	float: left;
}

div.quizzPanelHorizontal .nick {
	display: none;
}

div.quizzPanelHorizontal .quizzes {	
	display: none;
}


/* footer */
#footer {
	background: transparent url(/images/lay/stopka_tlo.png) no-repeat top center;
	clear: both;
}

#page #footer {
	padding-top: 240px;
	background: transparent url(/images/lay/page_stopka_tlo2.png) no-repeat top center;
	clear: both;
	position: relative;
	margin-top: -150px;
	margin-top: 0;
	z-index: 0;
}

#page2 #footer {
	height: 134px;
	padding-top: 80px;
	background: transparent url(/images/lay/page_stopka_tlo.png) no-repeat top center;
	clear: both;
}

#footer .box {
	width: 1028px;
	height: 99px;
	margin: 0 auto;
	font-size: 11px;
}

#footer .box a:hover {
	text-decoration: none;
}

#footer .box a.button {
	color: #EFB667;
	padding: 5px 6px;
	margin: 25px 0 0 10px;
	background-color: #4D2C01;
	float: left;
}


#footer .box span {
	color: #B98845;
	margin: 10px 0 0 10px;
	font-size: 12px;
	clear: left;	
	float: left;
}

#footer .box strong {
	color: #FBD8A8;
	font-weight: normal;
}

#footer .box .realizacja {
	color: #9B6620;
	margin: 30px 40px 0 0;
	float: right;
}

#footer .box .realizacja a {
	color: #9B6620;
	text-decoration: none;
}

#footer .box .realizacja a:hover {
	color: #9B6620;
}


/* rejestracja */
#main .registerPage {
	color: #517C9F;
	width: 540px;
	padding: 10px 0 0 30px;
	float: left;
}

#main .registerPage h1 {
	font-size: 20px;
	margin-bottom: 30px;
}

#main .registerPage form .registerFormRow {
	padding-bottom: 20px;
}

#main .registerPage form .formSelectRow {
	padding: 0 0 0 92px;
}

#main .registerPage form .registerFormCheckRow {
	padding: 0 40px 0 90px;
}

#main .registerPage form .registerFormCheckRow label {
	color: #517C9F;
}

#main .registerPage form .registerFormCheckRow a {
	color: #517C9F;
}

#main .registerPage .registerFormCheckRow div.error {
	padding: 15px 50px 0 20px;
	color: red;
}

#main .registerPage div.formCaptcha img {
	margin: 30px 0 20px 92px;
	border: 1px solid #D0D0D0;
}

#main .registerPage div.formButtons {
	padding: 30px 0  0 95px;
}


/* message panel */
#main .box div.message {
	width: 589px;
	margin: 50px 20px 50px 20px;
	float: left;
}

#main .box div.message div.top {
	height: 26px;
	background: transparent url(/images/lay/message_top.png) no-repeat top left;
}

#main .box div.message div.content {
	padding: 1px 30px;
	background: transparent url(/images/lay/message_bg.png) repeat-y top left;
}

#main .box div.message div.bottom {
	height: 26px;
	background: transparent url(/images/lay/message_bottom.png) no-repeat top left;
}

#main .box div.message a {
	color: #18578A;
	font-weight: bold;
}

#main .box div.message h3 {
	color: #517C9F;
	font-size: 13px; 
}

#main .box div.message form ul {
	padding: 0;
}

#main .box div.message form ul label {
	color: #517C9F;
	width: 90px;
	text-align: right;
	float: left;
}

#main .box div.message form ul div.formButtons {
	padding-left: 100px;
}

#main .box div.message form div.description {
	padding: 10px 30px 5px 100px;
}

#main .box div.message form li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main .box div.message form li div {
	padding: 5px 0;
}

#main .box div.message form div.error {
	padding: 10px 30px 5px 100px;
	color: red;
}


/* user profile */
#main .box .profile {
	/*padding-bottom: 100px;*/
}

#main .box .profile .topPanel {
	width: 328px;
	height: 101px;
	margin-left: 10px;
	background: transparent url(/images/lay/profil_top.png) no-repeat top left;
	display: inline;
	float: left;
}

#main .box .profile .topPanel2 { /* quiz uzytkownika */
	width: 355px;
	height: 101px;
	margin-left: -10px;
	background: transparent url(/images/lay/quiz_uzytkownika_top.png) no-repeat top left;
	display: inline;
	float: left;
}

#main .box .profile .topPanel span,
#main .box .profile .topPanel2 span {
	color: #FFDCA2;
	padding: 63px 0 0 50px; 
	text-align: center;
	font-size: 20px;
	display: block;
}

#main .box .profile .topPanel2 span {
	padding: 63px 0 0 100px; 
}

#main .box .profile .topPanel img{
	margin: 33px 0 0 20px;
	float: left;
}

#main .box .profile .topPanel2 img {
	margin: 33px 0 0 45px;
	float: left;
}

#main .box .profile ul.tabs {
	height: 100px;
	margin: 0px;
	padding-left: 12px;
	clear: both;
	display: block;
}

#main .box .profile ul.tabs li {
	margin: 20px 5px;
	list-style: none;
	float: left;
}

#main .box .profile ul.tabs li a {
	width: 149px;
	height: 37px;
	float: left;
}

#main .box .profile .tabs li.settings a {
	background: transparent url(/images/lay/ustawienia.png) no-repeat top left;
}

#main .box .profile .tabs li.avatars a {
	background: transparent url(/images/lay/avatary.png) no-repeat top left;
}

#main .box .profile .tabs li.myQuizzes a {
	background: transparent url(/images/lay/moje_quizy.png) no-repeat top left;
}

#main .box .profile .tabs li.back a {
	cursor: pointer;
	background: transparent url(/images/lay/powrot.png) no-repeat top left;
}

#main .box .profile .tabs li.settingsActive a {
	background: transparent url(/images/lay/ustawienia_.png) no-repeat top left;
}

#main .box .profile .tabs li.avatarsActive a {
	background: transparent url(/images/lay/avatary_.png) no-repeat top left;
}

#main .box .profile .tabs li.myQuizzesActive a {
	background: transparent url(/images/lay/moje_quizy_.png) no-repeat top left;
}

#main .box .profile h3 {
	color: #20517C;
	font-size: 13px;
}

#main .box .profile li.message {
	color: #20517C;
	padding-left: 92px;
}

/* user profile avatars */
#main .box .profileAvatars .avatar {
	width: 108px;
	height: 170px;
	margin: 5px 20px 0 0;
	float: left;
}

#main .box .profileAvatars .avatar img {
	border-top: 3px solid white;
	border-bottom: 3px solid white;	
	border-left: 4px solid white;
	border-right: 4px solid white;
}

#main .box .profileAvatars .avatar .setDefault {
	height: 13px;
	margin-bottom: 5px;
}

#main .box .profileAvatars .avatar .setDefault a,
#main .box .profileAvatars .avatar .setDefault span {
	color: #487DA7;
	margin: 0 auto;
	text-align: center;
	display: block;
}

#main .box .profileAvatars .avatar .delete {
}

#main .box .profileAvatars .avatar .delete a {
	width: 23px;
	height: 23px;
	margin: 3px auto;
	background: transparent url(/images/lay/delete.gif) no-repeat 0 0;
	display: block;
}

#main .box .profileAvatars .avatar .delete a span {
	display: none;
}


/* user profile myQuizzes */
.profileMyQuizzes .panels {
	padding-top: 20px;
}
.profileMyQuizzes .quizzStatus {
	width: 70px;
	height: 70px;
	margin: 30px  0 0 20px;
	background: transparent url(/images/lay/publiczny.png) no-repeat 14px 0;
	float: left;
}

.profileMyQuizzes .quizzStatus span {
	padding-top: 43px;
	font-weight: bold;
	text-align: center;
	display: block;
}

.profileMyQuizzes .public {
	background: transparent url(/images/lay/publiczny.png) no-repeat 15px 0;
}

.profileMyQuizzes .private {
	background: transparent url(/images/lay/prywatny.png) no-repeat 15px 0;
}

.profileMyQuizzes .buttons {
	margin-bottom: 15px;
	clear: both;
}

.profileMyQuizzes .buttons a {
	width: 100px;
	height: 23px;
	margin: 0 5px 0 10px;
	float: left;
}

.profileMyQuizzes .buttons a.edit {
	background: transparent url(/images/lay/edytuj_quiz.png) no-repeat center left; 
}

.profileMyQuizzes .buttons a.stats {
	background: transparent url(/images/lay/statystyki.png) no-repeat center left; 
}

.profileMyQuizzes .buttons a.gadgets {
	background: transparent url(/images/lay/gadzety.png) no-repeat center left; 
}

.profileMyQuizzes .buttons a.del {
	width: 23px;
	margin-left: 50px;
	background: transparent url(/images/lay/delete.gif) no-repeat center left; 
}

.profileMyQuizzes div.quizzPanelHorizontal .title:hover {
	text-decoration: none;
}

/* user profile quizzStats */
.quizzStats .topInfo {
	color: #1E679E;
	margin: 50px 0 0 70px;
	font-size: 20px;
	font-weight: bold;
	float: left;
}

.profileStats .questionPanel {
	margin-bottom: 20px;
	padding: 0 15px 10px 45px;
}

.profileStats .questionPanel .questionLabel {
	color: #588BB8;
	font-size: 12px;
	margin: 2px 3px 0 0;
	float: left;
}

.profileStats .questionPanel .questionContent {
	color: #20507E;
	font-size: 15px;
	display: block;
}

.profileStats .questionPanel .image {
	width: 171px;
	height: 194px;
	margin: 10px 4px 30px -3px;
	background: transparent url(/images/lay/ramka.png) no-repeat center left;
	display: inline;
	float: left;
}

.profileStats .questionPanel .image img {
	margin: 9px;
	border: 1px solid #EEE6DB;
}

.profileStats .questionPanel .answers {
	width: 420px;
	margin-top: 10px;
	padding: 3px 0 0 5px;
	float: left;
}

.profileStats .questionPanel .answers .header {
	color: #588BB8;
	padding: 15px 5px;
	font-size: 13px;
	display: block;
}

.profileStats .questionPanel .answers .answer {
	color: #8FB1CD;
	padding: 5px 0;
	font-size: 13px;
	position: relative;
}

.profileStats .questionPanel .answers .top,
.profileStats .questionPanel .answers .bottom {
	height: 10px;
}

.profileStats .questionPanel .selected .top {
	font-size: 2px; /*ie6*/
	background: transparent url(/images/lay/selected_bg.png) no-repeat 0 0;
}

.profileStats .questionPanel .selected .bottom {
	background: transparent url(/images/lay/selected_bg.png) no-repeat 0 -10px;
	display: block;
}

.profileStats .questionPanel .answers .answer .label {
	padding-left: 8px;
	position: absolute;
}

.profileStats .questionPanel .answers .answer .content {
	padding: 0 43px 0 25px;
	display: block;
}

.profileStats .questionPanel .answers .answer .icon {
	width: 41px;
	height: 40px;
	top: -1px;
	right: 2px;
	z-index: 1;
	position: absolute; 
}

.profileStats .questionPanel .answers .correct .label {
	color: #5CBA42;
}

.profileStats .questionPanel .answers .correct .content {
	color: #238902;
}

.profileStats .questionPanel .answers .selected .label {
	color: #97BDE1;
}

.profileStats .questionPanel .answers .selected .content {
	color: #2A5B84;
	background-color: white;
}

.profileStats .questionPanel .answers .correct .icon {
	background: transparent url(/images/lay/odpowiedz_ikona.png) no-repeat bottom left;
}


.profileStats .questionPanel .answers .wrong .label {
	color: #D77960;
}

.profileStats .questionPanel .answers .wrong .content {
	color: #932E12;
}

.profileStats .questionPanel .answers .wrong .icon {
	background: transparent url(/images/lay/odpowiedz_ikona.png) no-repeat top left;
}

/* quizzStats */
.quizzStats .quizz {	
}

.quizzStats .quizz .image {
	width: 171px;
	height: 194px;
	margin-left: 40px;
	background: transparent url(/images/lay/ramka.png) no-repeat center left;
	display: inline;
	float: left;
}

.quizzStats .quizz .image img {
	margin: 9px;
	border: 1px solid #EEE6DB;
}

.quizzStats .quizz .info {
	width: 350px;
	margin: 40px 0 0 50px;
	display: inline;
	float: left;
}

.quizzStats .quizz .info .title {
	color: #1D659F;
	font-size: 17px;
}

.quizzStats .quizz .info .stats {
	color: #4B8BB9;
	height: 43px;
	margin-top: 20px;
	padding-left: 20px;
	line-height: 22px;
	background: transparent url(/images/lay/stats_bg.png) no-repeat center left;
}

.quizzStats .quizz .info .stats strong {
	color: #0D3D65;
}

.quizzStats .quizz .info a.edit {
	width: 72px;
	height: 21px;
	margin-top: 20px;
	background: transparent url(/images/lay/edytuj.png) no-repeat center left;
	float: left;
}

.quizzStats .quizz .info a.start {
	width: 156px;
	height: 39px;
	margin-top: 20px;
	background: transparent url(/images/lay/rozpocznij_quiz.gif) no-repeat center left;
	float: left;
}


/* statsList */
.statsList .header {
	color: #1D659F;
	margin: 0;
	padding: 20px 40px;
	font-size: 17px;
	display: block;
	clear: both;
}

.statsList {
	color: #22517F;
	padding-left: 5px;
	clear: both;
}

.statsList .block {
	width: 448px;
	height: 54px;
	margin: -3px 0;
	background: transparent url(/images/lay/blok.png) no-repeat center center;
	float: left;
}

.statsList .block span.number {
	color: #FFF;
	width: 40px;
	height: 22px;
	margin: 11px 10px 0 18px;
	font-size: 22px;
	text-align: center;
	float: left;
}

.statsList .gold span.number,
.statsList .silver span.number,
.statsList .bronze span.number {
	display: none;
}

.statsList .gold {
	height: 71px;
	background: transparent url(/images/lay/zloto.png) no-repeat center left;
}

.statsList .silver {
	height: 71px;
	background: transparent url(/images/lay/srebro.png) no-repeat center left;
}

.statsList .bronze {
	height: 71px;
	background: transparent url(/images/lay/braz.png) no-repeat center left;
}

.statsList .block span {
	margin: 20px 0;
	font-size: 12px;
	float: left;
}

.statsList .gold span,
.statsList .silver span,
.statsList .bronze span {
	width: 162px;
	margin: 0;
	padding: 25px 0 0 83px;
	font-size: 17px;
	overflow: hidden;
	display: block;
}

.statsList .block strong {
	width: 33px;
	margin: 18px 2px 0 0;
	font-size: 12px;
	text-align: right;
	float: right;
}

.statsList .gold strong,
.statsList .silver strong,
.statsList .bronze strong {
	width: 50px;
	margin: 25px 4px 0 0;
	font-size: 16px;
	text-align: right;
	overflow: visible;
	display: inline;
	float: right;
}

.statsList .details {
	width: 90px;
	height: 21px;
	margin: 14px 7px;
	background: transparent url(/images/lay/szczegoly.png) no-repeat center left;
	float: left;
}

.statsList a.big {
	margin-top: 20px;
}


/* progress bars */
#main .box .bigBar {
	width: 126px;
	height: 23px;
	margin: 24px 22px 0 0; 
	padding-left: 1px;
	background: transparent url(/images/lay/wykres_tlo_duze.png) no-repeat 0 0;
	display: inline;
	float: right;
}

#main .box .bigBar div {
	width: 0px;
	height: 22px;
	margin: 0;
	display: inline;
	float: left;
}


#main .box .bigBar div.before5r {
	background: transparent url(/images/lay/wykres_duzy_r.png) no-repeat top left;
}

#main .box .bigBar div.before5g {
	background: transparent url(/images/lay/wykres_duzy_g.png) no-repeat top left;
}

#main .box .bigBar div.before5y {
	background: transparent url(/images/lay/wykres_duzy_y.png) no-repeat top left;
}

#main .box .bigBar div.after5r {
	background: transparent url(/images/lay/wykres_duzy_r.png) no-repeat top right;
}

#main .box .bigBar div.after5g {
	background: transparent url(/images/lay/wykres_duzy_g.png) no-repeat top right;
}

#main .box .bigBar div.after5y {
	background: transparent url(/images/lay/wykres_duzy_y.png) no-repeat top right;
}

/* max */
#main .box .max {
	width: 300px;
	height: 61px;
	margin: 0 50px 10px 50px;
	padding: 14px;
	background: transparent url(/images/lay/wykres_tlo_max.png) no-repeat 0 0;
	float: left;
}
#main .box .max div {
	height: 53px;
}

#main .box .max div.before5r {
	background: transparent url(/images/lay/wykres_max_r.png) no-repeat top left;
}

#main .box .max div.before5g {
	background: transparent url(/images/lay/wykres_max_g.png) no-repeat top left;
}

#main .box .max div.before5y {
	background: transparent url(/images/lay/wykres_max_y.png) no-repeat top left;
}

#main .box .max div.after5r {
	background: transparent url(/images/lay/wykres_max_r.png) no-repeat top right;
}

#main .box .max div.after5g {
	background: transparent url(/images/lay/wykres_max_g.png) no-repeat top right;
}

#main .box .max div.after5y {
	background: transparent url(/images/lay/wykres_max_y.png) no-repeat top right;
}

#main .box .bar {
	width: 94px;
	height: 19px;
	margin: 17px 25px 0 0;
	padding-left: 1px; 
	background: transparent url(/images/lay/wykres_tlo_male.png) no-repeat 0 0;
	display: inline;
	float: right;
}

#main .box .bar div {
	width: 0px;
	height: 18px;
	margin: 0;
	display: inline;
	float: left;
}

#main .box .bar div.before5r {
	background: transparent url(/images/lay/wykres_maly_r.png) no-repeat top left;
}

#main .box .bar div.before5g {
	background: transparent url(/images/lay/wykres_maly_g.png) no-repeat top left;
}

#main .box .bar div.before5y {
	background: transparent url(/images/lay/wykres_maly_y.png) no-repeat top left;
}

#main .box .bar div.after5r {
	background: transparent url(/images/lay/wykres_maly_r.png) no-repeat top right;
}

#main .box .bar div.after5g {
	background: transparent url(/images/lay/wykres_maly_g.png) no-repeat top right;
}

#main .box .bar div.after5y {
	background: transparent url(/images/lay/wykres_maly_y.png) no-repeat top right;
}


/* rules */
#main .box .rules {
	color: #345A7E;
}

#main .box .rules a {
	color: #244A6E;
}

.rules h1,
.rules h2,
.rules .paragraph {
	text-align: center;
}

.rules h1,
.rules h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.rules h1 {
	margin-top: 1em;
	text-transform: uppercase;
}

.rules h2 {
}

.rules span.paragraph {
	display: block;
	padding: 1.5em 0 1em;
	font-weight: bold;
}

.rules ol ol {
	list-style-type: lower-alpha;
}

.rules dl dt {
	font-weight: bold;
}

/* quizz - list */
#main .box .quizzList {
	padding: 0 0 100px 40px;
	width: 610px;
}

#main .box .quizzList h2 {
	color: #20507E;
	font-size: 22px;
	font-weight: normal;
}

#main .box .quizzList .topPanel {
	height: 101px;
	margin: 0 0 0 -30px;
	background: transparent url(/images/lay/lista_quizow_top.png) no-repeat top left;
}

/* user quizz - list */
#main .box .userQuizzList .topPanel {
	height: 101px;
	width: 360px;
	margin-left: -40px;
	background: transparent url(/images/lay/lista_quizow_uzytkownika.png) no-repeat top left;
	display: inline;
	float: left;
}

#main .box .userQuizzList .topPanel span.login {
	color: #FFDCA2;
	margin: 62px 15px 0 110px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	display: block;
}

#main .box .userQuizzList .topPanel img {
	margin: 33px 0 0 45px;
	float: left;
}

#main .box .quizzList h2 {
	padding-top: 15px;
	clear: left;
}

#main .box .quizzList .info {
	color: #18578A;
	padding-top: 15px;
	font-size: 15px;	
	line-height: 22px;
	clear: both;
}

#main .box .quizzList .info span {
	display: block;
}


#main .box .userQuizzList .cloudCounter {
	width: 192px;
	height: 99px;
	margin: 13px 0 0 0;
	padding: 7px 0 0 30px;
	background: transparent url(/images/lay/chmura_licznik.png) no-repeat top left;
	display: inline;
	float: right;
}

#main .box .userQuizzList .cloudCounter .digits {
	width: 96px;
	height: 37px;
	margin: 3px 13px 10px 20px;
	overflow: hidden;
	display: inline;
	float: left;
}

#main .box .userQuizzList .cloudCounter span {
	color: #94854C;
	padding-top: 30px;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

#main .box .userQuizzList .cloudCounter .digits .digit {
	width: 22px;
	height: 22px;
	margin: 12px 5px;
	display: inline;
	float: left;
}

#main .box .userQuizzList .cloudCounter .digits .digit span {
	display: none;
}

#main .box .userQuizzList .cloudCounter .digits .d0 {
	background: transparent url(/images/lay/digits.png) no-repeat 0 0;
}

#main .box .userQuizzList .cloudCounter .digits .d1 {
	background: transparent url(/images/lay/digits.png) no-repeat -22px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d2 {
	background: transparent url(/images/lay/digits.png) no-repeat -44px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d3 {
	background: transparent url(/images/lay/digits.png) no-repeat -66px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d4 {
	background: transparent url(/images/lay/digits.png) no-repeat -88px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d5 {
	background: transparent url(/images/lay/digits.png) no-repeat -110px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d6 {
	background: transparent url(/images/lay/digits.png) no-repeat -132px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d7 {
	background: transparent url(/images/lay/digits.png) no-repeat -154px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d8 {
	background: transparent url(/images/lay/digits.png) no-repeat -176px 0;
}

#main .box .userQuizzList .cloudCounter .digits .d9 {
	background: transparent url(/images/lay/digits.png) no-repeat -198px 0;
}

#main .box .userQuizzList .last {
	color: #FDFEFF;
	width: 300px;
	text-align: right;
	display: inline;
	clear: right;
	float: right;
}

#main .box .userQuizzList .last strong {
	color: #FFF500;
}

#main .box .userQuizzList .last a {
	color: #FCFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.periodsButtons {
	margin-bottom: 10px;
	overflow: hidden;
}

.periodsButtons a {
	display: block;
	width: 160px;
	height: 23px;
	margin-right: 10px;
	float: left;

	background: transparent url(/images/lay/bt-wybor-czasu.gif) no-repeat 0 -23px;
}

.periodsButtons a span {
	display: none;
}

.periodsButtons a.firstChild { margin-left: 45px; _display: inline; }
.periodsButtons a.listLastWeek { background-position: 0 -23px; }
.periodsButtons a.listLastMonth { background-position: -170px -23px; }
.periodsButtons a.listAll { background-position: -340px -23px; }
.periodsButtons a.listLastWeekActive { background-position: 0 0; }
.periodsButtons a.listLastMonthActive { background-position: -170px 0; }
.periodsButtons a.listAllActive { background-position: -340px 0; }


/* pager */
ul.pager,
ul.pager li {
	margin: 0;
	padding: 0;
}

ul.pager {
	text-align: center;
	margin: 20px 40px 0 0;
	clear: both;
}

ul.pager li {
	list-style: none;
	display: inline;	
	padding-left: 6px;
	font-size: 12px;
	line-height: 18px;
	color: #21527D;
}

ul.pager li a {
	color: #21527D;
}

ul.pager li.page-prev a,
ul.pager li.page-next a {
	display: inline-block;
	width: 8px;
	height: 20px;
	margin-bottom: -7px;
	background-image: url(../images/lay/pager_arrows.gif);
	background-repeat: no-repeat;
}

ul.pager li.page-prev a {
	background-position: center left;
	margin-right: 10px;
}

ul.pager li.page-next a {
	background-position: center right;
	margin-left: 10px;
	padding-left: 0;
}

ul.pager li.page-prev span,
ul.pager li.page-next span {
	display: none;
}

ul.pager li.page-active {	
	color: #FFF;
}

ul.pager li.page-active span {	
	display: inline-block;
	width: 17px;
	height: 20px;	
	background: transparent url(../images/lay/pager_active.gif) no-repeat top left;
}

/* quizzEdit */
#main .box .quizzEdit .topPanel {
	width: 172px;
	height: 63px;
	margin: 0 10px 0 -90px;
	background: transparent url(/images/lay/stworz_top.png) no-repeat top left;
	display: inline;
	float: left;
}

#main .box .quizzEdit .topInfo {
	width: 600px;
	height: 63px;
	margin-top: 30px;
	display: inline;
	float: left;
}

#main .box .quizzEdit .topInfo span {
	display: none;
}

#main .box .quizzEdit span.label {
	color: #2E597C;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	display: block;
}


/* quizzEditTitle */
.quizzEditTitle {
	padding: 0 100px;
	display: block;
}

.quizzEditTitle .topInfo {
	background: transparent url(/images/lay/krok1.png) no-repeat top left;
}

.quizzEditTitle form {
	width: 400px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	clear: both;
	display: block;
}


#main .quizzEditTitle form ul.form .formSelectRow {
	padding: 10px 0;
}

#main .quizzEditTitle form ul.form .formSelectRow label {
	width: 85px;
}

#main .quizzEditTitle form ul.form .formButtons {
	padding: 70px 0 9px 115px;
}

#main .quizzEditTitle form ul.form label.top  {
	color: #2E597C;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	display: block;
	float: none;
}

#main .quizzEditTitle form ul.form .textInput {
	width: 320px;
	padding-left: 5px;
}

#main .quizzEditTitle form ul.form .description {
	color: #315879;
	padding: 0 27px;
	margin-top: 10px;
	background: transparent url(/images/lay/help.gif) no-repeat top left;
}

/* quizzEditQuestions */
.quizzEditQuestions {
	padding: 0 20px;
	display: block;
}

#main .box .quizzEditQuestions .topPanel {
	margin-left: 0;
}

.quizzEditQuestions .topInfo {
	background: transparent url(/images/lay/krok2.png) no-repeat top left;
}

.quizzEditQuestions .content {	
	padding-top: 20px;
	clear: both;
}

.quizzEditQuestions .mainCol {	
	margin-left: 10px;
}

.quizzEditQuestions .rightCol {
	width: 300px;
	float: right;
}

.quizzEditQuestions .rightCol .addImageTop img {
	margin-left: -3px;
	cursor: pointer;
}

#main .quizzEditQuestions form ul.form label {
	color: #2E597C;
	width: 20px;
	font-weight: bold;
}

#main .quizzEditQuestions form ul.form label.top {
	color: #2E597C;
	width: 200px;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	display: block;
	float: none;
}

#main .quizzEditQuestions form ul.form input.radio {

}

#main .quizzEditQuestions form ul.form label.radio {
	padding: 0px 0 0 5px;
	font-weight: normal;
	display: inline;
	float: none;
}

#main .quizzEditQuestions form ul.form .image {
	padding: 5px 55px 10px 0;
	text-align: center;
}

#main .quizzEditQuestions form ul.form .image img {
	border: 2px solid #FFF;
}


#main .quizzEditQuestions form input.textInput {
	width: 370px;
}

#main .quizzEditQuestions form input.textInputWide {
	width: 400px;
	margin-bottom: 7px;
}

#main .quizzEditQuestions .mainCol form ul.form .formRow {
	margin-top: 0;
	padding-bottom: 5px;
}

#main .quizzEditQuestions .mainCol div.error {	
	padding: 5px 0 0 30px;
}

.quizzEditQuestions .answerButtons {
	width: 400px;
	height: 50px;
}

#main .quizzEditQuestions form .addAnswer {
	width: 175px;
	height: 23px;
	margin: 10px 0 0 140px;
	cursor: pointer;
	background: transparent url(/images/lay/dodaj_odpowiedz.png) no-repeat top left;
	float: left;
}

#main .quizzEditQuestions form .delAnswer {
	width: 25px;
	height: 23px;
	margin: 10px 0 0 20px;
	cursor: pointer;
	background: transparent url(/images/lay/delete.gif) no-repeat top left;
	float: right;
}

#main .quizzEditQuestions .mainCol form .formButtons {
	width: 800px;
	padding: 60px 0 0 0;
	clear: both;
}

#main .quizzEditQuestions form .formButtons input {
	margin-left: 20px;
}


#main .quizzEditQuestions form .rightCol .formButtons {
	width: 300px;	
	padding: 5px 0;
}

#main .quizzEditQuestions .rightCol .formButtons input {
	margin-right: 75px;
	float: right;
}

#main .quizzEditQuestions .rightCol .formSelectRow {
	
}

#main .quizzEditQuestions .rightCol .formSelectRow .image {
	height: 45px;
	margin: 0 0 5px 20px;
	background: transparent url(/images/lay/pozycja.png) no-repeat top left;
}

#main .quizzEditQuestions .rightCol .formSelectRow input,
#main .quizzEditQuestions .rightCol .formCheckRow input {
	margin: 5px 0;
	float: left;
}

#main .quizzEditQuestions .rightCol .formSelectRow label,
#main .quizzEditQuestions .rightCol .formCheckRow label {
	width: 105px;
	margin: 1px 5px;
	padding: 0 0 0 0;
	font-weight: normal;
	line-height: 20px;
	float: left;
}

#main .quizzEditQuestions .rightCol .formCheckRow label {
	width: 205px;
}


/* quizzFinish */
.quizzEditFinish {
	display: block;
	padding: 0 24px;
	overflow: hidden;
}

#main .box .quizzEditFinish .topPanel {
	margin-left: -4px;
}

#main .box .quizzEditFinish .topInfo {
	background: transparent url(/images/lay/krok3.png) no-repeat top left;
}

.quizzEditFinish .quizzTitle {
	margin-bottom: 20px;
	clear: both;

	color: #185687;
	font-size: 34px;
	text-align: center;
}


.quizzEditFinish .finishAnonymouse,
.quizzEditFinish .finishLogin {
	float: left;
}

.quizzEditFinish .finishAnonymouse {
	width: 457px;
	padding-right: 30px;
	border-right: 3px dashed #c9e0f2;
}
.quizzEditFinish .finishLogin {
	width: 460px;
	padding-left: 30px;
}

.quizzEditFinish .titleAnonymouse,
.quizzEditFinish .titleLogin {
	height: 40px;
	margin: 10px 0 15px;
}

.quizzEditFinish .titleAnonymouse span,
.quizzEditFinish .titleLogin span {
	display: none;
}

.quizzEditFinish .titleAnonymouse { background: transparent url(/images/lay/finish_nie_mam_konta.gif) no-repeat 50% 0; }
.quizzEditFinish .titleLogin { background: transparent url(/images/lay/finish_mam_konto.gif) no-repeat 50% 0; }

.quizzEditFinish .advantage {
	margin: 0;
	padding: 5px 0 5px 43px;
	color: #30587C;
	font-size: 13px;
	font-weight: normal;

	background: transparent url(/images/lay/odpowiedz_ikona_yes.png) no-repeat 0 50%;
}

.quizzEditFinish .advantageShort { line-height: 160%; }
.quizzEditFinish .advantageLong { line-height: 110%; }

.quizzEditFinish .disadvantage {
	margin: 0;
	padding: 5px 0 5px 43px;
	color: #30587C;
	font-size: 13px;
	line-height: 160%;
	font-weight: normal;

	background: transparent url(/images/lay/odpowiedz_ikona_no.png) no-repeat 0 50%;
}

.quizzEditFinish .actionTitle {
	margin: 10px 0 5px;
	color: #30587C;
	font-size: 13px;
	font-weight: bold;
}

.quizzEditFinish ul.form .formRow {
	overflow: hidden;
}

#main .quizzEditFinish ul.form label {
	width: 60px;
	font-size: 13px;
}

#main .quizzEditFinish ul.form input.textInput {
	width: 240px;
}

.quizzEditFinish ul.form .error {
	padding-left: 0;
	padding-right: 0;
}

.quizzEditFinish ul.form .text {
	margin: 15px 0 0;
	color: #30587C;
	font-size: 12px;
	text-align: center;
}

.quizzEditFinish ul.form .text a {
	color: #30587C;
}

.quizzEditFinish ul.form li.loginButton input {
	margin-top: 15px;
	margin-left: 110px;
}

.quizzEditFinish div.back {
	clear: both;
}

.quizzEditFinish div.back form {
	width: 115px;
	padding: 0;
}


/* quizzEditEnd */
.quizzEditEnd {
	padding: 0 20px;
	display: block;
}

#main .box .quizzEditEnd .topPanel {
	margin-left: 0;
}

.quizzEditEnd .topInfo {
	background: transparent url(/images/lay/krok3.png) no-repeat top left;
}

.quizzEditEnd .content {
	margin-left: 40px;
	clear: both;
}
.quizzEditEnd .panelTop {	
	height: 24px;
	background: transparent url(/images/lay/quizz_panel_top.png) no-repeat top left;
}

.quizzEditEnd .panelContent {	
	padding: 0 50px 20px 50px;
	background: transparent url(/images/lay/quizz_panel_content.png) repeat-y top left;
}

.quizzEditEnd .panelBottom {
	height: 24px;
	background: transparent url(/images/lay/quizz_panel_bottom.png) no-repeat top left;
	clear: both;
}

.quizzEditEnd .panel {
	padding-bottom: 20px;
}

.quizzEditEnd .panel h3 {
	color: #305778;
	margin: 0;
	padding: 5px 0 12px 0;
	font-size: 12px;
}

#main .quizzEditEnd .panel label {
	color: #305778;
	width: 140px;
	margin-top: 18px;
	text-align: right;
	display: inline;
	float: left;
}

#main .quizzEditEnd .panel input.text {
	color: #6D6D6D;
	width: 400px;
	height: 18px;
	margin: 10px 10px 0 5px;
	padding: 5px;
	line-height: 18px !important;
	border: 1px solid #BEDEF5;
}

#main .quizzEditEnd .panelCode label {
	width: auto;
	margin: 0 0 0 30px;
	float: left;

	color: #305778;
	font-size: 11px;
	font-weight: bold;
	text-align: right;

	_display: inline;
}

.panelCode div.image {
	width: 150px;
	height: 174px; 
	padding: 1px;
	border: 1px solid #A3BACA;
	float: left;
}

.panelCode textarea {
	color: #6D6D6D;
	width: 600px;
	height: 48px;
	margin: 5px 30px 10px;
	padding: 5px;
	border: 1px solid #BEDEF5;
	float: left;
}

.panelIm .icons {	
	width: 150px;
	height: 54px;
	margin: 0 120px 0 0;
	background: transparent url(/images/lay/im.png) no-repeat top left;
	display: inline;
	float: right;
}

.panelMail textarea {
	color: #6D6D6D;
	width: 400px;
	height: 112px;
	margin: 10px 0 0 5px;
	padding: 5px;
	border: 1px solid #BEDEF5;

}

.panelMail #addMail {
	width: 187px;
	height: 23px;
	margin: 12px 80px 0 0;
	cursor: pointer;
	background: transparent url(/images/lay/dodaj_mail.gif) no-repeat top left;
	float: right;
}

.panelMail #delMail {
	width: 23px;
	height: 23px;
	margin: -30px 245px 0 0;
	cursor: pointer;
	background: transparent url(/images/lay/delete.gif) no-repeat top left;
	float: right;
}

#main .quizzEditEnd .panelMail input.next {
	margin-left: 156px;
}

.quizzEditEnd .panelMail .send {
	padding: 10px 0  0 330px;
}

#main .quizzEditEnd .panelMail .error {
	height: 14px;
	padding-left: 156px;
}

.panelImage div.image {
	width: 360px;
	height: 448px;
	margin:  0 10px 0 100px; 
	padding: 3px;
	border: 1px solid #A3BACA;
	display: inline;
	float: left;
}

.panelImage span {
	color: #315879;
	width: 280px;
	padding: 3px 60px 0 0;
	font-size: 12px;
	line-height: 20px;
	float: right;
}

.panelImage div.banners {
	width: 138px;
	height: 185px;
	margin:  40px 140px 0 10px; 
	background: transparent url(/images/lay/portale.png) no-repeat top left;
	display: inline;
	float: right;
}

.panelImage .download {
	width: 137px;
	height: 32px;
	margin: 40px 140px 0 10px; 
	background: transparent url(/images/lay/pobierz.png) no-repeat top left;
	display: inline;
	float: right;
}

.quizzEditEnd .content .end {
	width: 137px;
	height: 42px;
	margin: 10px auto; 
	background: transparent url(/images/lay/koniec.png) no-repeat top left;
	display: block;
}

.quizzEditEnd .content .back {
	width: 150px;
	height: 42px;
	margin: 10px; 
	cursor: pointer;
	background: transparent url(/images/lay/powrot.png) no-repeat top left;
	display: block;
}


/* cpmplete quizz */
#main .box .completeQuizz h3.topPanel {
	width: 354px;
	height: 101px;
	margin: 0 0 0 -16px;
	background: transparent url(/images/lay/quiz_uzytkownika_top.png) no-repeat top left;
	display: inline;
	float: left;
}

#main .box .completeQuizz .topPanel span.login {
	color: #FFDCA2;
	margin: 62px 15px 0 110px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	display: block;
}

#main .box .completeQuizz .topPanel img {
	margin: 33px 0 0 45px;
	float: left;
}

#main .box .completeQuizz .cloud {
	width: 221px;
	height: 96px;
	margin: 16px;
	background: transparent url(/images/lay/chmura.png) no-repeat top left;
	display: inline;
	float: right;
}

#main .box .completeQuizz .cloud span {
	color: #94854E;
	height: 20px;
	line-height: 20px;
	padding: 40px 5px 0 20px;
	font-size: 12px;
	text-align: center;
	display: block;
}

#main .box .completeQuizz .cloud span strong {
	font-size: 17px;
}

#main .box .quizzEdit a.back {
	width: 150px;
	height: 42px;
	margin: 10px; 
	cursor: pointer;
	background: transparent url(/images/lay/powrot.png) no-repeat top left;
	clear: left;
	display: block;
}

#main .box .completeQuizz .quizzTitle {
	color: #185687;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	margin: 15px 100px 20px 80px;
	padding: 15px 30px 0 30px;
	clear: left;
	display: inline-block;
}



#main .box .completeQuizz .quizzTitle span.c1 {
	width: 30px;
	height: 50px;
	margin: -20px 0 0 -30px;	
	background: transparent url(/images/lay/c1.png) no-repeat top left;
	float: left;
}

#main .box .completeQuizz .quizzTitle span.c2 {
	width: 30px;
	height: 55px;	
	margin: 0 -30px 0 0;
	background: transparent url(/images/lay/c2.png) no-repeat bottom right;
	float: right;
}


/* cpmplete quizz nick */
#main .box .completeQuizzNick {
	padding-bottom: 100px;
}

#main .box .completeQuizzNick form {
	padding-top: 30px;
	clear: left;
}

#main .box .completeQuizzNick ul.form {
	padding-left: 140px;
}

#main .box .completeQuizzNick form span {
	color: #4B799B;
	padding-right: 35px;
	text-align: center;
	display: block;
}

#main .box .completeQuizzNick form strong {
	color: #2F577B;
	font-size: 12px;
	line-height: 26px;
}

#main .box .completeQuizzNick form input.textInput {
	width: 180px;
}

#main .box .completeQuizzNick form .formRow {
	padding: 20px 0;
}

#main .box .completeQuizzNick form .formButtons {
	padding: 20px 120px;
}

/* cpmplete quizz question */
#main .box .completeQuizzQuestion .cloud span {
	color: #94854C;
	height: 40px;
	line-height: 20px;
	padding: 40px 10px 0 25px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	display: block;
}

#main .box .completeQuizzQuestion .image {
	width: 290px;
	height: 448px;
	margin: 10px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #96BDDA;
	display: inline;
	float: left;
}

#main .box .completeQuizzQuestion form {
	width: 270px;
	padding: 10px 0;
	display: inline;
	float: left;
}

#main .box .completeQuizzQuestion form span {
	width: 230px;
	padding: 10px 0 10px 10px;
	font-size: 13px;
	float: left;
}

#main .box .completeQuizzQuestion form span.question {
	color: #1D5180;
	padding-top: 0;
	min-height: 70px;
	font-size: 18px;
}

#main .box .completeQuizzQuestion form a.answer {
	color: #20507E;
	width: 250px;
	margin: 5px 0;
	cursor: pointer;
	float: left;
}

#main .box .completeQuizzQuestion form a.answer:hover {
	text-decoration: none;
}

#main .box .completeQuizzQuestion form a.selected:hover {
	cursor: default;
}

#main .box .completeQuizzQuestion form a.answer span {
	padding: 0;
}

#main .box .completeQuizzQuestion form a.answer .top,
#main .box .completeQuizzQuestion form a.answer .bottom {
	width: 250px;
	height: 11px;
	display: block;
	overflow: hidden;
}

#main .box .completeQuizzQuestion form a.answer .content {
	color: #1E517C;
	width: 210px;
	padding: 0 10px 0 30px;
	font-size: 16px;
	display: block;
}

#main .box .completeQuizzQuestion form a.answer .content em {
	color: #578BBA;
	width: 15px;
	margin-left: -19px;
	font-style: normal;
	display: inline;
	float: left;
}

#main .box .completeQuizzQuestion form a.answer:hover .top {
	background: transparent url(/images/lay/ans_top2.gif) no-repeat top left; 
}

#main .box .completeQuizzQuestion form a.answer:hover .content {
	background: transparent url(/images/lay/ans_content2.gif) repeat-y top left; 
}

#main .box .completeQuizzQuestion form a.answer:hover .bottom {
	background: transparent url(/images/lay/ans_bottom2.gif) no-repeat top left; 
}


#main .box .completeQuizzQuestion form a.selected .top,
#main .box .completeQuizzQuestion form a.selected:hover .top {
	background: transparent url(/images/lay/ans_top.gif) no-repeat top left; 
}

#main .box .completeQuizzQuestion form a.selected .content,
#main .box .completeQuizzQuestion form a.selected:hover .content {
	color: #FFF;
	background: transparent url(/images/lay/ans_content.gif) repeat-y top left; 
}

#main .box .completeQuizzQuestion form a.selected .content em,
#main .box .completeQuizzQuestion form a.selected:hover .content em {
	color: #A8D963; 
}

#main .box .completeQuizzQuestion form a.selected .bottom,
#main .box .completeQuizzQuestion form a.selected:hover .bottom {
	background: transparent url(/images/lay/ans_bottom.gif) no-repeat top left; 
}

#main .box .completeQuizzQuestion form .error {
	padding: 30px 0 0 30px;
	float: left;
}

#main .box .completeQuizzQuestion form .formButtons {
	padding: 30px 0 0 133px;
	float: left;
}


/* cpmplete quizz end */
.completeQuizzEnd .thanks {
	color: #1D669D;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.completeQuizzEnd .myScore {
	/*height: 280px;*/
	margin-bottom: 20px;
}

.completeQuizzEnd .myScore .image {
	width: 171px;
	height: 194px;
	background: transparent url(/images/lay/ramka.png) no-repeat top left;
	float: left;
}

.completeQuizzEnd .myScore .image img {
	margin: 10px;
}

.completeQuizzEnd .myScore span {
	width: 420px;
	margin: 9px;
	font-size: 13px;
	text-align: center;
	display: inline;
	float: left;
}

.completeQuizzEnd .myScore span.score {
	font-size: 26px;
	font-weight: bold;
}

.completeQuizzEnd .myScore span.create {
	width: 400px;
	margin: 20px 0 10px 100px;
	font-size: 15px;
}

.completeQuizzEnd .myScore span.create a {
	color: #1D669D;
}

.completeQuizzEnd .myScore .again {
	width: 141px;
	height: 21px;
	margin-left: 325px;
	background: transparent url(/images/lay/popraw_wynik.png) no-repeat top left;
	display: inline;
	float: left;
}

.completeQuizzEnd .statsList {
	padding-left: 55px;
}

.completeQuizzEnd .statsList .header {
	padding-left: 100px;
}

.completeQuizzEnd .listPanels {
	padding-top: 30px;
}

.completeQuizzEnd .listHeader {
	padding: 30px 100px 0 0;
	font-size: 18px;
	text-align: center;
}

.completeQuizzEnd .listHeader strong {
	color: #1E517C;
	font-size: 20px;
}

.completeQuizzEnd .listFooter {
	color: #1E517C;
	text-align: center;
	padding: 30px 100px 0 0;
}

.completeQuizzEnd .listFooter a {
	color: #1E517C;
	font-weight: bold;
}

/* user list */
#main .box div.userList a {
	font-weight: normal;
}

#main .box div.userList .smallAvatar {
	margin: 0 13px;
}

#main .box div.userList h3 {
	font-size: 17px;
	margin-top: -2px;
}