/* =============== 
Spis Treści

1. Uklad blokowy
	1 A. Logowoanie
	1 B. Tresc
2. Common  
	2. A Tabelka
	2. B formularz
3. NavLeft
4. ColMiddle
5. Logowanie
6. Rejestracja
7. Headers dla podstron
8. Dodaj Test
9. Mapa
10. Użytkownicy

 =============== */

/* ==================== */
/* = 1. Uklad blokowy = */
/* ==================== */
body {background:#e3e3e3 url(../images/bottom.png) no-repeat bottom center;font-family:arial;font-size:0.75em;line-height:120%;color:#6b6b6b;padding-bottom:60px;}
div#bgRight,div#bgLeft {position:absolute;top:0;height:162px;width:50%;z-index:1;}
div#bgLeft {background:url(../images/bg-left.gif) repeat-x top left;left:0;}
div#bgRight {background:url(../images/bg-right.gif) repeat-x top left;right:0;}
div#mainWrapper {position:relative;z-index:2;}
	div#header {background:url(../images/bg-logo.png) no-repeat 215px 0;height:160px;}
	div#header img.rtv-agd {margin-top:50px;}
	/*1 A. Logowoanie*/
	div#header div#logowanie {color:#646464;height:125px;float:right;width:190px;border-top:4px solid #696969;padding-top:20px;}
		div#header div#logowanie p {white-space:nowrap;text-align:right;float:right;clear:both;}
		div#header div#logowanie p:first-child{background:url(../images/sprite-common.png) no-repeat 0 -145px;padding:5px 0 4px 20px;}
		div#header div#logowanie p span {font-weight:bold;}
		div#header div#logowanie p.login-off {line-height:120%;text-transform:uppercase;background:url(../images/sprite-common.png) no-repeat 0 -175px;padding-left:15px;}
			div#header div#logowanie p.login-off a {font-weight:bold;color:#c73503;}
	/*1 B. Tresc*/	
	div#content {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-box-shadow: #666 0px 0px 20px;
		-moz-box-shadow: #666 0px 0px 20px;
		border-radius: 10px;
		box-shadow: #666 0px 0px 20px;
		background: #fff;overflow:auto;padding:0 0 10px 0;
		}
		div#navLeft {border:1px solid #e2e2e2;background:#f4f4f4;padding-top:10px;border-left:none;border-top:none;
			-moz-border-radius: 10px; /* Firefox */
			-webkit-border-radius: 10px; /* Safari and Chrome */
			-moz-border-radius-topright:0px;
			-webkit-border-top-right-radius:0px;
			border-radius: 10px 0px 10px 10px;
			}
		div#colMiddle {padding:10px 0;overlow:hidden;}
			div#items,div#items h2 {
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				border:1px solid #e2e2e2;
			}
div#footer {margin-top:20px;border-top:1px solid #ababab;padding-top:5px;}
/* ============= */
/* = 2. Common = */
/* ============= */
span.hint {cursor:pointer;width:16px;height:16px;display:inline-block;background:url(../images/help.png) no-repeat top left;}
ul.pager{float:right;overflow:hidden;margin-top: 10px;}
ul.pager li{display:inline;}
ul.pager li a{padding:8px;color:#565656;}
ul.pager li.disabled{padding:8px;}
ul.pager li.current{background: #bdbdbd;padding: 8px;}
.flow {overflow:hidden;}
.wrap {white-space:nowrap;}
.fl {float:left;}
.fr {float:right;}
.mlZero {margin:0!important;}
.mlLeft {margin-left:10px!important;}
.mlRight{margin-right:10px!important;} 
.mlTop{margin-top:10px!important;}
.mlBottom {margin-bottom:10px!important;}
.mlCenter{margin:0 auto!important;}
.mlLeftprocent50{margin-left:50%;}
.vs {overflow:visible!important;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
hr {height:1px;border:0;margin:20px;border-bottom:1px dotted #7d7d7d;}
p.button {display:inline-block;text-align:left;background-image:url(../images/sprite-common.png);background-repeat:no-repeat;}
	p.button input {height:29px;margin:0;background-color:transparent;font-size:1.2em;color:#565656;cursor:pointer;border:none;width:auto;overflow: visible;background-image:url(../images/sprite-common.png);background-repeat:no-repeat;}
	p.button a {display:inline-block;line-height:29px;height:29px;margin:0;background-color:transparent;font-size:1.2em;color:#565656;cursor:pointer;border:none;width:auto;overflow: visible;background-image:url(../images/sprite-common.png);background-repeat:no-repeat;}
p.grey {background-position:left -390px;padding-left:20px;white-space:nowrap;}
	p.grey input {background-position: right -419px;padding:0 15px 0 0;}
	p.grey a {background-position: right -419px;padding:0 15px 0 0;}
p.pink {background-position:right -510px;padding-right:20px;white-space:nowrap;}
	p.pink input {background-position: left -539px;padding:0 0 0 15px;}
	p.pink a {background-position: left -539px;padding:0 0 0 15px;}
p.green {background-position:left -450px;padding-left:20px;white-space:nowrap;}
	p.green input {background-position:right -479px;padding:0 15px 0 0;}
	p.green a {background-position:right -479px;padding:0 15px 0 0;}
	
p.finish {background:none;padding-left:20px;white-space:nowrap;}
	p.finish input {background:none;padding:0 15px 0 0;}
	p.finish a {background:none;padding:0 15px 0 0;}

div.buttons {clear:both;overflow:hidden;padding-top:10px;}
div.end div.buttons fieldset div {width:65%;}
div.buttons fieldset div {width:32%;}

.none {display:none;}

p.error {padding:10px;margin:10px 20px;color:#461818;border:1px solid red;background-color:#fddcdc;text-align:center;}
p.ok {padding:10px;margin:10px 20px;color:#012a0c;border:1px solid #023710;background-color:#b4feae;text-align:center;}

p.info {padding:5px;margin:10px auto;text-align:center;font-style:italic;font-size:1.1em;}
p.info img {vertical-align:middle;}
p.info span {color:#0e72b5;font-weight:bold;}
/*2. A Tabelka*/
.ui-datepicker td {border:none!important;}
table.horizontal {width:100%;}
table.horizontal tr.not td{background-color:#f7f7f7;}
table.horizontal tr th {vertical-align:top;background:#d0d0d0 url(../images/bg-th.gif) repeat-x top left;padding:10px 5px 10px 5px;text-align:left;border-bottom:1px solid #a4a4a4;border-top:1px solid #e2e2e2;}
table.horizontal tr th,table tr td{border-right:1px solid #e2e2e2;}
table.horizontal tr td {border-bottom:1px solid #e2e2e2;padding:10px 5px 10px 5px;text-align:left;vertical-align:middle;}
table.horizontal tr td a {color:#0254d0;font-weight:bold;display:inline-block}
table.horizontal tr th:first-child,table tr td:first-child{border-right:1px solid #a4a4a4;border-left:1px solid #e2e2e2;}
table.horizontal tr th.sort_sort_ a,table.horizontal tr th.sort_ a{color:#0254d0;padding-right:12px;white-space:nowrap}
table.horizontal tr th.sort_sort_asc a,table.horizontal tr th.sort_asc a{background: url(../images/strzalki.png) no-repeat top right;color:#0254d0;padding-right:12px;white-space:nowrap}
table.horizontal tr th.sort_sort_desc a,table.horizontal tr th.sort_desc a{background: url(../images/strzalki.png) no-repeat bottom right;color:#0254d0;padding-right:12px;white-space:nowrap}
table.horizontal tr td.img {vertical-align:middle;text-align:center;}
table.horizontal tr td.pr {vertical-align:middle;text-align:center;}
table.horizontal tr td span {white-space:nowrap}
table.horizontal tr td.inter {vertical-align:middle;padding:10px;}
table.horizontal tr td.inter a {font-weight:bold;background-image:url(../images/sprite-common.png);background-repeat:no-repeat;padding:5px 0 5px 25px;}
table.horizontal tr td.see a {background-position:-377px 4px;color:#d40000;}
table.horizontal tr td.make a {background-position:-230px -32px;border-right:none;color:#0254d0;}
table.horizontal tr td.correct a{background-position:-230px 4px;border-right:none;color:#118501;}
table.horizontal tr td a.wiecej {background-position:left -297px;color:#747474;padding-left:20px;padding-right:10px;}
table.horizontal tr td a.kurs {background-position:left -251px;color:#747474;padding-left:20px;}
table.horizontal tr td a.mapa {background-position:-162px -288px;color:#118501;padding-left:20px;}
table.horizontal tr td.statystyki a {background-position:-228px -78px;color:#118501;padding-left:30px;margin-left:5px;}
table.horizontal tr td.pkt {border-right:none;}
div#tabelka-overflow {width:940px;overflow-x:auto;margin:15px 0;overflow-y:hidden;padding-bottom:10px;}
/*2. B formularz*/
div.formularz fieldset input[type="text"],div.formularz fieldset input[type="password"],div.formularz fieldset select,div.formularz fieldset input[type="file"] 
{vertical-align:middle;background-color:#f7f7f7;border:1px solid #d0d2d3;padding:8px 5px;width:270px;margin:0 10px;font-size:14px;color:#9a9999;}
div.formularz fieldset input[type="text"].small{width:70px;}
div.formularz fieldset input[type="radio"] { vertical-align:top; margin-top: 25px; }
div.formularz fieldset span.edycjaTestu-radio {padding-top:30px;display:inline-block;}
div.formularz fieldset span.edycjaTestu-radio input[type="radio"] { vertical-align:top; margin-top: 5px; }
div#colMiddle.logowanie.siec.formularz fieldset input[type="radio"] {margin-top:0;margin-right:5px}
div.formularz ul li {text-align:left;padding:10px 0 0 0;clear:both;}
div.formularz hr {clear:both;}
div.formularz h1{margin-left:45%;}
div.formularz fieldset label.small {width:95px;white-space:nowrap;}
div.formularz fieldset select {margin:0 7px 0 7px;width:282px;}
div.formularz fieldset {width:100%;margin-left:0}
div.formularz fieldset label {display:inline-block;padding:8px 0;width:100px;vertical-align:middle;font-size:1em;}
div.formularz fieldset label.fl {margin-top: 25px;}
div.formularz fieldset hr {padding:30px 40px 10px 40px;}
div.formularz fieldset ul {margin:20px 40px 10px 40px;}
div.formularz textarea {background-color:#f7f7f7;border:1px solid #D0D2D3;width:400px;height:120px;font-family:arial;font-size:14px;color:#9a9999;}

object#SWFUpload_0, object#SWFUpload_1 {border:1px solid #D0D2D3;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}

/* ============== */
/* = 3. NavLeft = */
/* ============== */
div#navLeft h2,div#navLeft ul li,div#navLeft ul li.active span{background-image:url(../images/sprite-common.png);background-repeat:no-repeat;}
div#navLeft h2 {background-position:-232px -107px;padding:5px 10px 5px 20px;font-size:1.3em;margin-left:10px;}
div#navLeft ul li {background-position:-370px -228px;position:relative;margin-right:-10px;width:230px;}
	div#navLeft ul li a {border-top:1px dotted #9c9c9c;display:block;margin:2px 10px;padding:7px 0 7px 30px;color:#717171;display:inline-block;width:170px;}
	div#navLeft ul li:first-child a {border-top:none!important;}
	div#navLeft ul li.last {
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius:0px 0px 10px 10px;
		-webkit-border-radius:0px 0px 10px 10px;
	}
div#navLeft ul li:hover {background-position:0px -69px;color:#fff;}
	div#navLeft ul li:hover a {color:#fff;border-top:1px dotted #696969;}
div#navLeft ul li.active {background-position:0px 0px;}
	div#navLeft ul li.active span {background:url(../images/span.png) no-repeat top left;position:absolute;top:0;left:-6px;width:6px;height:44px;}
	div#navLeft ul li.active a {color:#fff;font-weight:bold;border-top:1px dotted #9c9c9c!important;}
	div#navLeft ul li.active:hover a{text-decoration:none;cursor:default;}
/* ================ */
/* = 4. ColMiddle = */
/* ================ */
div#colMiddle h1,div#colMiddle div#items h2  {font-size:1.3em;color:#b0b0b0;background:url(../images/sprite-common.png) no-repeat -372px -136px;padding:7px 10px 7px 33px;}
/*div#colMiddle h1 span,div#colMiddle div#items h2 span {color:#6b6b6b;}*/
div#colMiddle div#items h2 {background:#e2e2e2 url(../images/sprite-common.png) no-repeat -372px -178px;}
div#colMiddle div#items div.item div.question {width:430px;}
div#colMiddle div#items div.item div.question fieldset p {line-height:180%;}
	div#colMiddle div#items div.item p {margin-left:100px;}
	div#colMiddle div#items div.item h3 {background:url(../images/question.png) no-repeat left center; padding:15px 0 16px 68px;margin:15px 0 0px 40px;}
	div#colMiddle div#items div.item.end h3 {background:url(../images/sprite-common.png) no-repeat -331px -319px;padding:21px 0 21px 68px;}
		div#colMiddle div#items div.item.end h3 p span {color:#f27400;text-transform:uppercase;}
		div#colMiddle div#items div.item h3 p {margin-left:0;color:#d20000;}
		div#colMiddle div#items div.item h3 p:first-child{color:#6b6b6b}
		div#colMiddle div#items div.item h3 p {font-size:1.3em;margin-bottom:5px;}
			div#colMiddle div#items div.item h3 p span {color:#d20000;}
	div#colMiddle div#items div.item div.img {text-align:center;width:240px;}
	div#colMiddle div#items div.item div.img img {margin:0 auto;border:1px solid #9d9ea4;padding:1px;}
	div#colMiddle div#items div.item div.buttons {margin:0 20px;overflow:hidden;}
		div#colMiddle div#items div.item div.buttons p {margin:0;}
	div#colMiddle div#items div.item.end div.wynik div#wynikTestu
		{
		width:160px;padding:40px 0;text-align:center;color:#fff;font-size:4em;border:2px dotted #000;margin:20px auto;font-weight:bold;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background: #30ca00;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#30ca00), to(#164f00));
		background: -moz-linear-gradient(#30ca00, #164f00);
		}
	div#colMiddle div#items div.item.end div.wynik p {font-size:1.2em;color:#2d2f3c;text-align:center;margin:10px 30px;line-height:120%;}
	
div#colMiddle div#items div.img  div.imgBig {display:none;position:absolute;top:15px;left:15px;background:#fff;}
div#colMiddle div#items fieldset table td {border:0;}
div#colMiddle div#items div.item  fieldset table {margin-left:35px;}
/* ================ */
/* = 5. Logowanie = */
/* ================ */
div#colMiddle.logowanie {padding-bottom:40px;}
	div#colMiddle.logowanie a {color:#3c9906;text-decoration:underline;}
	div#colMiddle.logowanie h1{margin-left:60%;margin-top:40px;margin-bottom:20px;}
	div#colMiddle.logowanie.siec h1 {margin-left:40%}
	div#colMiddle.logowanie hr {margin:30px 0 10px 0;}
	div#colMiddle.logowanie ul {margin:20px 0 10px 0;}
	div#colMiddle.logowanie ul li {text-align:right;}
	div#colMiddle.logowanie.siec ul li {text-align:left;}
		div#colMiddle.logowanie fieldset {width:370px;margin-left:40%;}
		div#colMiddle.logowanie fieldset label {font-size:1.2em;width:60px;}
		div#colMiddle.logowanie p.error,div#colMiddle.logowanie p.ok
	 	{margin-left:40%;}
	div#colMiddle.logowanie input {margin-right:0;}
/* ================== */
/* = 6. Rejestracja = */
/* ================== */
div#colMiddle.rejestracja  div.buttons {margin:0 auto;width:0;}
div#colMiddle div#dzialy {float:right;width:600px;margin-right:153px;margin-bottom:30px;}
div#colMiddle div#dzialy label {width:auto;}
div#colMiddle div#dzialy span {white-space:nowrap;padding-right:10px;}

/* =========================== */
/* = 7. Headers dla podstron = */
/* =========================== */
div#colMiddle.statystyki_uzytkownikow h1,
div#colMiddle.statystyki_testow h1,
div#colMiddle.statystyki_uzytkownika h1
 {background:url(../images/sprite-headers.png) no-repeat left -204px;margin-bottom:10px;padding-left:40px;}
div#colMiddle.edytujTest_krok1 h1,
div#colMiddle.pytaniaTestu h1
 {background:url(../images/sprite-headers.png) no-repeat left -42px;}
div#colMiddle.edytujTest_krok1 h1 span,
div#colMiddle.pytaniaTestu h1 span
 {color:#0e72b5;}
div#colMiddle.testy h1 {background:url(../images/sprite-headers.png) no-repeat left -130px;}
div#colMiddle.produkty h1,
div#colMiddle.edytujProdukt h1
 {background:url(../images/sprite-headers.png) no-repeat left -168px;}
div#colMiddle.uzytkownicy h1,
div#colMiddle.edytujUzytkownika h1
 {background:url(../images/sprite-headers.png) no-repeat left top;}
div#colMiddle.szkolacy h1,
div#colMiddle.edytujSzkolacego h1
 {background:url(../images/sprite-headers.png) no-repeat left -85px;padding-left:45px;}
div#colMiddle.dzialySklepu h1,
div#colMiddle.sklepy h1,
div#colMiddle.edytujSklep h1
 {background:url(../images/sprite-headers.png) no-repeat left -243px;}

/* ================= */
/* = 8. Dodaj Test = */
/* ================= */
div#colMiddle.edytujTest_krok1 div.formularz label {width:200px;font-size:1.2em;}
div#colMiddle.edytujTest_krok1 div.formularz div#dzialy {margin-right:0px;float:left;margin-left:3px;}
div#colMiddle.edytujTest_krok1 div.buttons {margin:0px auto 0 auto;width:0;}
div#colMiddle.edytujTest_krok1 div.formularz fieldset ul {margin:0 0px 20px 40px;}
div#colMiddle.edytujTest_krok1 div.formularz input, 
div#colMiddle.edytujTest_krok1 div.formularz select
 {margin-left:0;}

div#colMiddle.pytaniaTestu div.formularz fieldset ul {margin-top:0;}
div#colMiddle.pytaniaTestu div#info,div#colMiddle.pytaniaTestuPojedynczaStrona div#info, div#colMiddle.importXLS div#info {margin:10px 20px;padding:10px;background:#f2f2f2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #e2e2e2;
	}
div#colMiddle.pytaniaTestu div.buttons {margin:0px auto 0 auto;width:0;}
div#colMiddle.pytaniaTestu textarea {width:650px;height:50px;}
div#colMiddle.pytaniaTestu textarea.pytanie {width:333px;height:70px;display:inline-block;}
div#colMiddle.pytaniaTestu ul li {overflow:hidden;}
div#colMiddle.pytaniaTestu ul li span {padding-left:75px;}
div#colMiddle.pytaniaTestu ul li input[type="radio"] {margin-left:48px;}

/* =========== */
/* = 9. Mapa = */
/* =========== */
div#legenda {overflow:hidden;padding:10px;background:#f2efe9;margin:10px 0 0 0;}
div#legenda h2 {padding:10 0px;font-size:2em;margin-bottom:20px;}
div#legenda p {float:left;width:300px;}
div#legenda img {vertical-align:middle;}

/* =================== */
/* = 10. Użytkownicy = */
/* =================== */
div#colMiddle.edytujUzytkownika div.buttons {margin:0px auto 0 auto;width:0;}
/* ================ */
/* = 11. Szkolący = */
/* ================ */
div#colMiddle.edytujSzkolacego div.buttons {margin:0px auto 0 auto;width:0;}
div#colMiddle.edytujSzkolacego div#dzialy {margin-bottom:10px;}
/* ============= */
/* = 12. Sklep = */
/* ============= */
div#colMiddle.edytujSklep div.buttons {margin:0px auto 0 auto;width:0;}
table.noborder tr td {padding-right: 20px;border:0 none;!important}