/* (ServerImport, Constants & BasedOn enabled) Thu, 09 Sep 2010 11:00:06 +0000 */
/* >>> RESET <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1.5; }
ol, ul { list-style: none; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0px;
}

/* >>> ELEMENTS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

	BODY {
		color: #444444;
		background-color: #FFFFFF;	
		font-family:  "Arial", "Helvetica", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 12px;
		text-align: left;
	}
	
/* >>> CONTAINERS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	div#container {
		background-image: url(/img/tlo_main.png); 
		background-repeat: repeat-x;

	}
		div#content_wrap {
			width: 911px;
			margin: 0px auto; 
			overflow: hidden;
		}
		div#header_wrap {
			width: 911px;
			margin: 0px auto; 
			overflow: hidden;
		}
		div#footer_wrap {
			overflow: hidden;
			background-color: #fff;
		    background-image: url(/img/footerbg.png);
    		background-repeat: repeat-x;;
		}

/* >>> TAG SELECTORS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

	A {	
		color: #444444; 
		text-decoration: none; 
	}
		A:active { 
			color: #333333; 
			text-decoration: none;
		}
		A:visited { 
			color: #333333; 
			text-decoration: none;
		}
		A:hover { 
			color: #111; 
			text-decoration: none;
		}

	SELECT {
		color: #222222;
		background: #FEFEFE;
		border: 1px solid #DDDDDD;
		padding: 1px 0px 1px 0px;
		font-size: 100%;
		margin: 2px;
	}
		SELECT:hover { background-color: #F6FFFF; }

	TEXTAREA {
		color: #222222;
		background: #FAFAFA;
		border: 1px solid #DDDDDD;
		padding: 2px;
		margin: 2px
	}
		TEXTAREA:hover { background-color: #F6FFFF; }

 	INPUT {
		color:  #222222;
		background: #FAFAFA;
		border: 1px solid #DDDDDD;
		padding: 2px;
		margin: 2px
	}
		INPUT:hover { background-color: #F6FFFF; }

	TABLE {
		border-color: #DDDDDD;
		border-collapse: collapse;
		border-spacing: 0;
		padding: 2px;
	}
	TABLE IMG {
		vertical-align: middle;		
	}
	TH {
		font-weight: bold;
		text-align: center;
		border: 1px solid #DDDDDD	}
	TD {
		text-align: center;
		padding: 0px;
		border-color: #DDDDDD	}
	IMG {
		border: 0px solid #DDDDDD;
		padding: 0px;
		vertical-align:	top;
	}
	UL { }
		LI { }
	
	HR {
		border: 0;
		color: silver;
		background-color: silver;
		height: 1px;
		width: 99%;
		text-align: center;
	}
		
/* >>> OTHER <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	
	.clear { clear:both; font-size:0pt;	}
	
	/* >>> NEWS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	
	div#news {
		margin: 10px;
		margin-bottom: 0px;
		font-family:  "Tahoma", "Verdana", "Trebuchet MS", "Arial", "MS Sans Serif", sans-serif;
		text-align: left;
		font-size: 12px;
		overflow: hidden;
	}
		div#news_short_text {
			font-size: 12px;
			margin-left: 95px;	
		}
		div#news_title {
			margin: 0px 0px 5px 0px;
			font-size: 14px;
			color: #000000;
		}
		div#news_bottom {
			float:right;
			text-align: right;
			padding: 0px;
			padding-right: 7px;
			font-size: 11px;
			color: #747474;
			width: 483px;
		}
		div#news_thumb {
			padding: 0px;
			margin-right: 10px;
			float: left;
			border: 1px solid #DDD;
			width: 80px;
			height: 80px;
		}
		div#news_thumb_mini {
			padding: 0px;
			margin-right: 5px;
			margin-top: 2px;
			float: left;
			border: 1px solid #DDD;
			width: 32px;
			height: 32px;
		}		
		
		div#news_tags {
			float: right;
		}
		
		div#news_powrot {
			padding: 0px;
			font-size: 11px;
			color: #747474;
		}

	div#news a { color: #EE7F16; text-decoration: none; }
	div#news a:hover { color: #ab6018; background-color: inherit; }
		
	div#news_title a { color: #000000; text-decoration: none; }
	div#news_title a:hover { color: #111111; background-color: inherit; }
	
	div#news_bottom a { text-decoration: none; font-weight: bold; }
	div#news_bottom a:hover { background-color: inherit; font-weight: bold; }
	
	div#news_container { margin-left: 215px; }
	
	UL#nav-left { margin: 5px; }

/* >>> NEWS ASSETS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

	.news_desc {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
	}
		
	.news_mp3 {
		width: 100%;
		height: 25px;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 0px;
		margin: 3px;
	}
	
	.news_mp3_object {
		float: right;
	}
	
	.news_flv {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 0px;
		margin: 3px;
		border: 2px solid #02B8FD;
		width: 500px;
		height: 375px;
	}	
	
	div#news_small_title {
		margin-bottom: 10px;
	}

		div#news_small_title A {
			font-weight: normal !important;
			font-size: 11px;
			color: #000000;
		}

	/* >>> ASSETS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	
	.asset_mp3 {
		width: 300px;
		height: 110px;
		float: left;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		background-color: #F9A813;
		overflow: hidden;
		padding: 0px;
		margin: 3px;
	}	
		
	.asset_image {
		width: 100px;
		height: 180px;
		float: left;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		background-color: #F9A813;
		overflow: hidden;
		padding: 0px;
		margin: 3px;
	}

	.asset_other {
		width: 100px;
		height: 100px;
		float: left;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		background-color: #F9A813;
		overflow: hidden;
		padding: 0px;
		margin: 3px;
	}	
	
	.gornemenubar {
    margin-top: 2px;
    background-image: url("/img/gorne_menu_bar.png");
    background-repeat: no-repeat;
    height: 26px;
    width: 911px;
    text-align: right;
}

.gornemenubar a {
    color: #fff;
    padding-right: 22px;
}

.dolmenubar {
    background-image: url("/img/panel_dolny_header.png");
    background-repeat: no-repeat;
    height: 56px;
    width: 911px;
    text-align: right;
}

.loginbox {
    height: 40px;
    padding: 3px;
    padding-right: 22px;
    padding-top: 10px;
}

.pole {
    border: #ddd 1px solid;
    color: #999;
    width: 90px;
    padding-right: 5px;
}

.pole2 {
    border: #ddd 1px solid;
    color: #aaa;
    width: 186px;
    line-height: 20px;
    height: 20px;
}

.loginbox a {
    color: #006fb9;
}

.loginbox a:hover {
    color: #4ab2ee;
}

.menubar {
    height: 29px;
    width: 911px;
    background-image: url(/img/menubar.png);
    background-repeat: no-repeat;
    line-height: 29px;
    text-align: left;
}

.menubar2 {
    height: 33px;
    width: 911px;
    background-image: url(/img/menubar2.png);
    background-repeat: no-repeat;
    line-height: 33px;
    text-align: left;
}

.menubar2 a {
    color: #333;
    line-height: 37px;
    padding-left: 15px;
    padding-right: 5px;
    font-weight: bold;
}

.menubar a {
    color: #fff;
    line-height: 29px;
    padding-left: 15px;
    padding-right: 5px;
    font-weight: bold;
}

.menubar2 a:visited {
    color: #333;
    line-height: 37px;
    padding-left: 15px;
    padding-right: 5px;
    font-weight: bold;
}

.menubar a:visited {
    color: #fff;
    line-height: 29px;
    padding-left: 15px;
    padding-right: 5px;
    font-weight: bold;
}

.menubar2d {
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    width: 911px;
    height: 5px;
}

.separator_blue {
    height: 29px;
    line-height: 29px;
    background-image: url("/img/separator_blue.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-left: 10px;
    vertical-align: middle;
}

.separator_gray {
    height: 33px;
    line-height: 33px;
    background-image: url("/img/separator_gray.png");
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-left: 10px;
    vertical-align: middle;
}

.button1 {
    font-weight: bold;
    color: #fff;
    background: none;
    border: #ccc 0px solid;
    background-image: url("/img/button.png");
    background-repeat: no-repeat;
    width: 73px;
    line-height: 18px;
    font-size: 12px;
}

.button2 {
    font-weight: bold;
    color: #fff;
    background: none;
    border: #ccc 0px solid;
    background-image: url("../../img/button_red.png");
    background-repeat: no-repeat;
    height: 23px;
    width: 84px;
    line-height: 13px;
}

.main_container {
    width: 911px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    clear: both;
    padding-top: 10px;
    height: 325px;
}

.main_container2 {
    width: 911px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    clear: both;
    padding-top: 10px;
    height: 285px;
}

.main_container3 {
    border: #f00 1px solid;
    width: 911px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    clear: both;
    height: auto;
}

#menu, div.box {
    width: 202px;
    height: 305px;
    background-image: url("../../img/searchbox.png");
    background-repeat: no-repeat;
    float: left;
    padding: 0px;
    margin: 0px;
}
	.container1 {
    width: 202px;
    background-image: url("../../img/main_container_tile.png");
    background-repeat: repeat-x;
    float: left;
}
.page {
	padding-left: 3px !important; padding-right: 3px;
	border-left: #ddd 1px dotted; 
    border-right: #ddd 1px dotted;
	background: #f2f2f2;
	font-weight: bold;
}

.page a:hover {color: #d01030 !important;}

.selected {
	padding-left: 3px !important; padding-right: 3px;
	border-left: #ddd 1px dotted; 
    border-right: #ddd 1px dotted;
	color: #d01030 !important;
	font-weight: bold;
}
.arrow { font-weight: bold; }

.container2 {
    margin-left: 17px;
    height: 274px;
    width: 252px;
    background-image: url("../../img/main_container_tile.png");
    background-repeat: repeat-x;
    float: left;
}

.searchbox {
    width: 202px;
    height: 305px;
    background-image: url("../../img/searchbox.png");
    background-repeat: no-repeat;
    float: left;
}

.searchbox3 {
    width: 202px;
    height: 400px;
    background-image: url("../../img/searchbox3.png");
    background-repeat: no-repeat;
    float: left;
}

.mainflash {
    width: 697px;
    height: 305px;
    float: right;
    background-image: url("../../img/flash_zaslepka.png");
    background-repeat: no-repeat;
}

.footer {
    width: 911px;
    height: 200px;
	margin: 0px auto;
}

.footer img {
    float: right;
    left: 350px;
}

.footer a:hover {
    color: #006fb9;
}

.footerhead {
    font-family: trebuchet ms, arial;
    font-weight: bold;
    color: #333;
    font-size: 15px;
}

.footer_width {
    width: 911px;
    padding-left: 10px;
    position: relative;
    top: 65px;
}

.container_footer {
    width: 160px;
    text-align: left;
    float: left;
}

.padleft {
    margin-left: 17px;
}

.searchfield {
    height: 45px;
}

.hdr {
    width: 96%;
    text-align: left;
    height: 30px;
    line-height: 30px;
    border-bottom: #fff 1px solid;
    font-family: trebuchet ms, arial;
    font-size: 16px;
    font-weight: bold;
    color: #006fb9;
	margin-left: 3px;
	 
}

.news_title a {
    text-align: left;
    height: 30px;
    line-height: 30px;
    font-family: trebuchet ms, arial;
    font-size: 16px;
    font-weight: bold;
    color: #006fb9 !important;
	margin-left: 3px;
}

#news_powrot a  {
	font-weight: normal;
	color: #006fb9 !important;
}

.hdr2 {
    padding-left: 5px;
    width: 230px;
    text-align: left;
    height: 30px;
    line-height: 30px;
    border-bottom: #fff 1px solid;
    font-family: trebuchet ms, arial;
    font-size: 16px;
    font-weight: bold;
    color: #006fb9;
}

.hdr img {
    float: left;
    position: relative;
    top: 7px;
	 
    padding-right: 6px;
    padding-left: 4px;
}

.hdr2 img {
    float: left;
    position: relative;
    top: 7px;
    padding-right: 6px;
    padding-left: 2px;
}

.content {
    width: 96%;
    padding: 5px;
    padding-left: 7px;
    text-align: left;
}

hr {
    border: #eee 1px solid;
    width: 98%;
}

.adminmenu2 {
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.reklama {
    float: right;
    width: 120px;
    padding: 0px;
    border: #00f 1px solid;
}

.icon { position: relative; top: 7px; }

.fotka_tekst {
	float: left; 
	width: 250px; 
	margin-right: 10px;
	border: #999 1px solid;
}

.news_date { color: #333; font-weight: normal; font-family: arial; font-size: 12px;}

.news_title { float: left; width: 740px;}
.news_powrot { float: right; width: 120px; font-weight: normal; color: #006fb9 !important; }
.news_powrot a { font-weight: normal; color: #006fb9 !important; font-size: 12px; }

.linia { 
	width: 100%; 
	border: 0px;
	height: 1px; 
	color: #333; 
	background-color: #ccc;
	margin: 3px 0px;
}

UL#nav-left li { 
	border-bottom: #e2e2e2 1px dotted; 
	padding: 2px 5px; 
	list-style-type: none; 
	line-height: 22px;
}
UL#nav-left li a {
	color: #006fb9 !important; 
	font-weight: normal;
}
.box ul { list-style-type:square;}

.p2flash {
    width: 486px;
    height: 320px;
    float: left;
    /* background-image: url("../../img/flash_zaslepka.png"); */
    background-repeat: no-repeat;
}

.box-szeroki {
	width: 414px;
    height: 320px;
    float: right;
    background-image: url("../../img/box-szeroki.png"); 
    background-repeat: no-repeat;
	margin-left: 10px;
}

.box-szeroki2{
	width: 414px;
    height: 274px;
    float: right;
    background-image: url("../../img/box-szeroki-2.png"); 
    background-repeat: no-repeat;
	margin-left: 5px;
}

.box-wide{
	width: 413px;
    height: 154px;
    background-image: url("../../img/box-wide.png"); 
    background-repeat: no-repeat;
	}
	
.box-hr{
	width: 271px;
    height: 274px;
    float: left;
    background-image: url("../../img/box271x274.png"); 
    background-repeat: no-repeat;
}

.pierwsze-kroki {
	height: 85px;
	text-align: justify;
	width: 90%;
}

.polecamy {
width: 205px;
    height: 140px;
    float: left;
    background-image: url("../../img/box205x140.png"); 
    background-repeat: no-repeat;
	margin-bottom: 10px;
}

.polecamy2 {
width: 246px;
    height: 145px;
    float: left;
    background-image: url("../../img/box245x145.png"); 
    background-repeat: no-repeat;
	margin-bottom: 13px;
}

.button_niebieski {
    background-image: url("../img/button_blue.png"); 
    background-repeat: no-repeat;
    height: 23px; width: 84px;
	border: 0px;
	color: #fff;
	line-height: 23px;
}

.button4 {
    background-image: url("../../img/button_red_140.png"); 
    background-repeat: no-repeat;
    height: 23px; width: 140px;
	border: 0px;
	color: #fff;
	line-height: 23px;
}

.button{
    font-weight: bold;
    color: #fff;
    background: none;
    border: #ccc 0px solid;
    background-image: url("../../img/button_red.png");
    background-repeat: no-repeat;
    height: 23px;
    width: 84px;
    line-height: 13px;
}

.pad5 {padding: 5px; text-align: left;}
.pad10 {padding: 10px; text-align: left;}
.top5 {padding-top: 5px;}
.top10 {padding-top: 10px;}

.hdr {width: 98%;}

#formActions input {
	background-image: url("../../img/button_blue.png"); 
    background-repeat: no-repeat;
    height: 23px; width: 84px;
	border: 0px;
	color: #fff;	 
}

.button1, .button2 {
	padding-top: 0px !important;
	font-size: 12px;
}
.paginator span {font-weight: normal !important; background: #fff !important;}
.paginator .break {color: #fff !important; display: none;}
.paginator .selected {background: none !important; border: 0px !important;}

.paginator {font-weight: normal !important; background: #fff !important; width: 100%; height: 30px; line-height: 30px;}

#nav_left div div li {line-height: 12px;}

.news_item { 
	height: 50% !important;
	margin-bottom: 5px !important;
	padding-bottom: 5px !important;
}

.searchbox a {color: #006fb9;}
.searchbox a:hover {color: #004db9;}


.pad5 a {color: #006fb9 !important;}
.pad5 a:hover {color: #004db9 !important;}

.blue_big {
	color: #006fb9 !important;
	font-family: trebuchet ms, arial, helvetica;
	font-size: 12px;
	font-weight: bold;
}

.pad10 a {color: #006fb9 !important;}
.pad10 a:hover {color: #004db9 !important;}

.pomocmenu a {line-height: 30px;}

.searchfield TR { float: left; margin-right: 10px;} 
.searchfield TD { border: 0px; }
 
a#news_thumb_mini img { 
	border: 0px !important; 
	padding: 0px !important; 
	margin: 15px; 
	position: relative !important; 
	top: 15px !important;
}

div#msg {
	padding: 10px; 
	color: #d01030;
	font-weight: bold;
	font-family: Trebuchet ms, Arial;
	font-size: 14px;
	background-color: #fff;
	background-image: url(../../img/msgbg.png);
	background-repeat: repeat-x;
	width: 889px !important;
	text-align: center;	
	margin-bottom: 10px; 
	border: #ccc 1px solid !important;
}

.minilogo {
	width: 40px;
	background: none;
	padding-right: 5px;	
}


	/* >>> QCODO STUFF <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	td { border: 1px solid; }
	
	div.right TD {
		border: 0px !important;
		text-align: left; 
	}

	.warning {
		background:#ee0 none repeat scroll 0% 50%;
		border:1px solid #FFFFFF;
		color:#000;
		font-size:12px;
		margin:0.2em 1em;
		padding:0.2em;
		text-align:center;
		vertical-align:top;
	}

	.error {
		background:#FF3333 none repeat scroll 0% 50%;
		border:1px solid #FFFFFF;
		color:#FFFFFF;
		font-size:12px;
		margin:0.2em 1em;
		padding:0.2em;
		text-align:center;
		vertical-align:top;
	}

	.success {
		background:#36AA32 none repeat scroll 0% 50%;
		border:1px solid #FFFFFF;
		color:#FFFFFF;
		margin:0 .2em 1em;
		padding:0.2em;
		text-align:center;
		vertical-align:top;		
		font-size:12px;
	}

	/* Standard HTML Form Controls */
	input.textbox, textarea.textbox { font: 12px 'Arial', 'Helvetica'; width: 175px; background-color: #eee; border: 1px solid #ccc; padding: 2px 3px 2px 3px;}
	textarea.textbox { height: 120px; }
		input.textbox:focus, textarea.textbox:focus {background-color: #fff; border-color: #aaa;}

	select.listbox { font: 12px 'Arial', 'Helvetica'; width: 183px; background-color: #eee; border: 1px solid #ccc; }
		select.listbox:focus { background-color: #fff; border-color: #aaa;}
		a.listboxReset { font-family: verdana, arial, helvetica; font-size: 8pt; text-decoration: none; color: #337; }
		a.listboxReset:hover { text-decoration: underline; }

	/**
	 * Various QControl-specific Styles
	 */

	/* QFileAsset */
	div.fileassetDbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
		div.fileassetDbox h1 { margin: 0; }
		div.fileassetDbox input { padding: 3px; margin-right: 5px; }

	/* QDialogBox */
	div.dialogbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }

	/* QDateTimePicker */
	span.datetimepicker { }
		span.datetimepicker select { font: 12px 'Arial', 'Helvetica'; background-color: #eef; border: 1px solid #aaf; }
		span.datetimepicker select:focus { background-color: #fff; border-color: #aaf; }
		span.datetimepicker select.month { width: 45px; }
		span.datetimepicker select.day { width: 45px; margin-left: 8px; }
		span.datetimepicker select.year { width: 60px; margin-left: 8px; }
		span.datetimepicker select.hour { width: 45px; margin-left: 12px; margin-right: 2px; }
		span.datetimepicker select.minute { width: 45px; margin-left: 2px; margin-right: 2px; }
		span.datetimepicker select.second { width: 45px; margin-left: 2px; }

	/* QDataGrid */
	table.datagrid { border: 1px solid #bbb; }
		table.datagrid caption, table.datagrid tfoot { padding-bottom: 3px; overflow: auto; }
			table.datagrid span.left { float: left; font-size: 10px; display: block; }
			table.datagrid span.right { float: right; font-size: 10px; display: block; }
		/*
table.datagrid tr { background-color: <?php echo BACKGROUND ?>; }
*/
			table.datagrid tr.alternate { background-color: #eef; }
		table.datagrid th { background-color: #dde; padding: 3px; text-align: left; }
			table.datagrid th a { color: #000; text-decoration: none; }
			table.datagrid th a:hover { color: #000; text-decoration: underline;}
		table.datagrid td { padding: 2px; }
			table.datagrid td a { color: #000; }
			table.datagrid td a:hover { color: #000; text-decoration: none; }
		table.datagrid tfoot { border-top: 1px solid #aaf;} 

	/* QPaginator */
	        span.paginator { margin: 0; padding: 0; display: block; background: #efefef; width: 100%; }
		    span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
			span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
			span.paginator span.page a:hover { background-color: #bbb; }
			span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
			span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
			span.paginator span.selected { font-weight: bold; background-color: #ddd; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
			span.paginator span.break { color: #666; margin: 0 5px 0 5px; }
			span.paginator span.ellipsis { color: #666; }

	/* QCalendar */
	div.calendar { width: 200px; border: 1px solid #337; background-color: #ccf; }
		div.calendar div.navigator { background-color: #337; overflow: auto; height: 100%; color: #fff; padding: 2px 6px 2px 6px; }
		div.calendar div.navigator div.left { float: left; }
		div.calendar div.navigator div.month { float: left; width: 80px; text-align: center; font-weight: bold; font-size: 11px; }
		div.calendar div.navigator div.year { float: right; }
		div.calendar div.navigator div.year span { font-size: 11px; font-weight: bold; margin-left: 6px; margin-right: 6px; }
			div.calendar div.navigator a { color: #fff; text-decoration: none; }
			div.calendar div.navigator a:hover { text-decoration: underline; }
		div.calendar table { border: 0; margin-left: auto; margin-right: auto;}
			div.calendar th { text-align: center; border: 0; padding: 4px 2px 4px 2px; font-weight: bold; font-size: 10px;}
			div.calendar td { text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: black; padding: 0;}
				div.calendar td.lastRow { border-width: 0;}
				div.calendar td a { text-decoration: none; color: #000; display: block; padding: 2px 6px 2px 6px; }
				div.calendar td.today { background-color: #bbd; }
				div.calendar td.nonMonth a { color: #aaf; }
				div.calendar td.selected { background-color: #c9a; font-weight: bold; }
				div.calendar td a:hover { background-color: #eef; color: #000; }
		div.calendar div.options { text-align: center; background-color: #337; }
			div.calendar div.options a { color: #fff; font-size: 10px; text-decoration: none;}
			div.calendar div.options a:hover { text-decoration: underline; }

	/**
	 * Styles for Custom Render Functions as defined in QControl.class.php
	 */

	div.renderWithName { padding: 4px 0; height: 100%; clear: both; _zoom: 1; }
	div.renderWithName:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		div.renderWithName div.left { float: left; width: 135px; margin-right: 15px; }
		#szeroki_left div.renderWithName div.left { width: 180px !important; }
		div.renderWithName div.required { font-weight: bold; color: #d01030; }
		div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}

		div.renderWithName div.right { /* float: left; */ }
		div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;}

	/**
	 * Form and Dashboard Draft-Specific Styles
	 * NOTE: because these are page specific, we use element IDs instead of element classes for most items here
	 * (e.g. we will never have more than one titleBar per page)
	 */

	div#titleBar { border: 1px solid #337; margin-bottom: 18px; }
		div#titleBar h2 { background-color: #337; font: 12px 'Georgia', 'Times New Roman', 'Times'; font-style: italic; font-weight: bold; color: #fff; margin: 0; padding: 2px 5px 2px 5px; float: none; }
		div#titleBar h2#right { float: right; font: 10px 'Verdana', 'Arial', 'Helvetica'; font-style: normal; font-weight: normal; }
		div#titleBar h2#right a { color: #fff; text-decoration: none; }
		div#titleBar h2#right a:hover { text-decoration: underline; }
		div#titleBar h1 { font: 28px 'Georgia', 'Times New Roman', 'Times'; color: #337; margin: 0; padding: 2px 0 2px 5px; font-weight: bold; }

	p.create { }
		p.create a { text-decoration: none; color: #337; font-weight: bold; }
		p.create a:hover { text-decoration: underline; }

	div#draftList { }
		div#draftList h1 { margin: 0; font: 20px 'Georgia', 'Times New Roman', 'Times'; font-weight: bold; }
		div#draftList p { margin-top: 6px; margin-bottom: 18px;}

	div#formControls { padding: 0px; }

	div#formActions { padding: 10px; height: 20px; margin-top: 18px; }
		div#formActions div#save { float: left; }
		div#formActions div#cancel { margin-left: 10px; float: left; }
		div#formActions div#delete { float: right; }

	div#dashboard { }
		div#dashboard div#left { float: left; width: 200px; height: 100px; font-size: 10px; background-color: #eef; border: 1px solid #000; padding: 5px; }
		div#dashboard div#right { float: left; margin-left: 10px; width: 760px;}
		div#dashboard div#right div#pnlList { margin-bottom: 10px; border: 1px solid #000; padding: 5px; height: 300px; overflow: auto; }
		div#dashboard div#right div#pnlEdit { border: 1px solid #000; padding: 5px; background-color: #eef; height: 240px; overflow: auto; }
/* >>> END <<< */
	/* >>> USER HTML RESET <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
pre             { white-space: pre }
hr              { border: 1px inset }
ol, ul        { margin-left: 40px }
ol              { list-style-type: decimal }
ul { list-style-type: disc; }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
center          { text-align: center }


	
	#ie-message {
		background:#C00;
		text-align:center;
		border-bottom:1px solid #900;
		color: #fff;
		padding:5px;
		padding-left: 0px;
		padding-right: 0px;
		width:100%;
	}
	#ie-message a { color: #ffff00;	}